feat(c-radio): create scaffold

Author: TylerAPfledderer

packages/c-radio/README.md

@@ -0,0 +1,14 @@
+# `@chakra-ui/c-radio`
+
+Radios are used when only one choice may be selected in a series of options
+
+## Installation
+
+```sh
+# with pnpm
+pnpm add @chakra-ui/c-radio
+# or with Yarn
+yarn i @chakra-ui/c-radio
+# or with npm
+npm i @chakra-ui/c-radio
+```

packages/c-radio/examples/simple-c-radio.vue

@@ -0,0 +1,7 @@
+<script setup lang="ts">
+import { CRadio } from "../src"
+</script>
+
+<template>
+  <c-radio> HELLO CRadio </c-radio>
+</template>

packages/c-radio/index.ts

@@ -0,0 +1 @@
+export * from "./src"

packages/c-radio/package.json

@@ -0,0 +1,43 @@
+{
+  "name": "@chakra-ui/c-radio",
+  "description": "Chakra UI Vue | Radios are used when only one choice may be selected in a series of options component",
+  "version": "0.0.0-beta.0",
+  "author": "Jonathan Bakebwa <[email protected]>",
+  "homepage": "https://github.com/chakra-ui/chakra-ui-vue-next#readme",
+  "license": "MIT",
+  "main": "src/index.ts",
+  "clean-package": "../../clean-package.config.json",
+  "files": [
+    "dist"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/chakra-ui/chakra-ui-vue-next.git"
+  },
+  "bugs": {
+    "url": "https://github.com/chakra-ui/chakra-ui-vue-next/issues"
+  },
+  "sideEffects": false,
+  "scripts": {
+    "clean": "rimraf dist .turbo",
+    "build": "tsup && pnpm build:types",
+    "build:fast": "tsup",
+    "build:types": "tsup src --dts-only",
+    "types:check": "tsc --noEmit",
+    "dev": "tsup --watch"
+  },
+  "dependencies": {
+    "@chakra-ui/vue-system": "workspace:*",
+    "@zag-js/radio-group": "0.7.0",
+    "@zag-js/vue": "0.7.0"
+  },
+  "devDependencies": {
+    "vue": "^3.2.37"
+  },
+  "peerDependencies": {
+    "vue": "^3.1.4"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}

packages/c-radio/src/c-radio.tsx

@@ -0,0 +1,33 @@
+/**
+ * Hey! Welcome to @chakra-ui/vue-next CRadio
+ *
+ * Radios are used when only one choice may be selected in a series of options
+ *
+ * @see Docs     https://next.vue.chakra-ui.com/c-radio
+ * @see Source   https://github.com/chakra-ui/chakra-ui-vue-next/blob/main/packages/c-radio/src/c-radio/c-radio.ts
+ * @see WAI-ARIA https://www.w3.org/TR/wai-aria-practices-1.2
+ */
+
+import { defineComponent, h, Fragment, PropType } from "vue"
+import {
+  chakra,
+  DOMElements,
+} from "@chakra-ui/vue-system"
+
+export interface CRadioProps {}
+
+export const CRadio = defineComponent({
+    props: {
+      as: {
+        type: [Object, String] as PropType<DOMElements>,
+        default: "div",
+      },
+    },
+    setup(props, { slots, attrs }) {
+      return () => (
+        <chakra.div as={props.as} {...attrs}>
+          {slots}
+        </chakra.div>
+      )
+    },
+  })

packages/c-radio/src/index.ts

@@ -0,0 +1 @@
+export * from "./c-radio"

packages/c-radio/tests/c-radio.test.ts

@@ -0,0 +1,7 @@
+import { render } from "../../test-utils/src"
+import { CRadio } from "../src"
+
+it("should render properly", () => {
+  const { asFragment } = render(CRadio)
+  expect(asFragment()).toMatchSnapshot()
+})

packages/c-radio/tsconfig.json

@@ -0,0 +1,4 @@
+{
+  "extends": "../../tsconfig.json",
+  "include": ["src", "./index.tsx"]
+}

packages/c-radio/tsup.config.ts

@@ -0,0 +1,17 @@
+import { defineConfig } from "tsup"
+import EsbuildPluginJSX from "unplugin-vue-jsx/esbuild"
+
+export default defineConfig({
+  clean: true,
+  target: "es2019",
+  esbuildPlugins: [
+    EsbuildPluginJSX({
+      include: [/.[jt]sx?$/],
+    }) as any,
+  ],
+  metafile: true,
+  external: ["lodash.mergewith"],
+  format: ["esm", "cjs"],
+  entry: ["src/**/*.(ts|tsx)"],
+  keepNames: true,
+})