build: testing rollup ---- REMEMBER THIS COMMIT

Author: codebender828

.changeset/great-brooms-add.md

@@ -21,7 +21,7 @@
 "@chakra-ui/c-motion": minor
 "@chakra-ui/c-popper": minor
 "@chakra-ui/c-portal": minor
-"@chakra-ui/vue-a11y": minor
+"@chakra-ui/vue-accessibilty": minor
 "@chakra-ui/c-alert": minor
 "@chakra-ui/c-image": minor
 "@chakra-ui/c-input": minor

.changeset/pre.json

@@ -40,7 +40,7 @@
     "@chakra-ui/vue-theme": "1.0.0",
     "@chakra-ui/vue-theme-tools": "1.0.0",
     "@chakra-ui/vue-utils": "1.0.0",
-    "@chakra-ui/vue-a11y": "1.0.0",
+    "@chakra-ui/vue-accessibilty": "1.0.0",
     "@chakra-ui/vue-composables": "1.0.0",
     "@chakra-ui/vue-auto-import": "1.0.0",
     "@chakra-ui/vue-docs-next": "1.0.0"

.changeset/purple-singers-exist.md

@@ -33,7 +33,7 @@
 "@chakra-ui/vue-system": major
 "@chakra-ui/vue-test-utils": major
 "@chakra-ui/vue-utils": major
-"@chakra-ui/vue-a11y": major
+"@chakra-ui/vue-accessibilty": major
 "@chakra-ui/vue-composables": major
 "@chakra-ui/vue-auto-import": major
 ---

.changeset/seven-avocados-act.md

@@ -36,7 +36,7 @@
 "@chakra-ui/vue-theme": major
 "@chakra-ui/vue-theme-tools": major
 "@chakra-ui/vue-utils": major
-"@chakra-ui/vue-a11y": major
+"@chakra-ui/vue-accessibilty": major
 "@chakra-ui/vue-composables": major
 "@chakra-ui/vue-auto-import": major
 "@chakra-ui/vue-docs-next": major

.changeset/slow-tables-compare.md

@@ -33,7 +33,7 @@
 "@chakra-ui/vue-system": minor
 "@chakra-ui/vue-test-utils": minor
 "@chakra-ui/vue-utils": minor
-"@chakra-ui/vue-a11y": minor
+"@chakra-ui/vue-accessibilty": minor
 "@chakra-ui/vue-composables": minor
 "@chakra-ui/vue-auto-import": minor
 ---

package.json

@@ -11,26 +11,6 @@
       "tooling/*",
       "website",
       "website-new"
-    ],
-    "nohoist": [
-      "**/@nuxt/content",
-      "**/@nuxt/content/**",
-      "**/@nuxt/vite-builder",
-      "**/@nuxt/vite-builder/**",
-      "**/add",
-      "**/add/**",
-      "**/nuxt",
-      "**/@nuxt/**",
-      "**/nuxt",
-      "**/nuxt/**",
-      "**/@babel/core",
-      "**/@babel/core/**",
-      "**/vue-live",
-      "**/vue-live/**",
-      "**/vue-prism-editor",
-      "**/vue-prism-editor/**",
-      "**/prismjs",
-      "**/prismjs/**"
     ]
   },
   "scripts": {
@@ -39,6 +19,7 @@
     "clean": "pnpm -r --parallel run clean",
     "prebuild": "pnpm clean",
     "build": "turbo run build --filter=!./examples/* --filter=!{./packages/test-utils}",
+    "build:dev": "turbo run build:fast --filter=!./examples/* --filter=!{./packages/test-utils}",
     "build:types": "ts-node scripts/generate-global-types.ts",
     "postbuild": "pnpm build:types && pnpm size",
     "start": "preconstruct watch",
@@ -81,9 +62,11 @@
   "private": true,
   "dependencies": {
     "@babel/cli": "^7.12.8",
-    "@babel/core": "^7.12.9",
-    "@babel/preset-env": "^7.15.0",
-    "@babel/preset-typescript": "^7.12.7",
+    "@babel/core": "^7.20.12",
+    "@babel/plugin-transform-runtime": "^7.19.6",
+    "@babel/preset-env": "^7.20.2",
+    "@babel/preset-typescript": "^7.18.6",
+    "@babel/runtime": "^7.20.13",
     "@chakra-ui/anatomy": "^2.0.1",
     "@chakra-ui/styled-system": "2.5.1",
     "@chakra-ui/theme": "^2.2.5",
@@ -92,6 +75,7 @@
     "@chakra-ui/utils": "2.0.14",
     "@chakra-ui/vue-next": "workspace:*",
     "@chakra-ui/vue-styled": "workspace:*",
+    "@chakra-ui/vue-system": "workspace:*",
     "@chakra-ui/vue-test-utils": "workspace:*",
     "@changesets/changelog-github": "^0.3.0",
     "@changesets/cli": "^2.14.1",
@@ -107,6 +91,8 @@
     "@mdx-js/rollup": "^2.0.0-rc.2",
     "@popperjs/core": "^2.8.4",
     "@preconstruct/cli": "^2.1.5",
+    "@rollup/plugin-multi-entry": "^6.0.0",
+    "@rollup/plugin-typescript": "^11.0.0",
     "@size-limit/file": "^5.0.3",
     "@size-limit/webpack": "^5.0.3",
     "@testing-library/jest-dom": "^5.14.1",
@@ -195,6 +181,10 @@
     "pretty": "^2.0.0",
     "recursive-readdir": "^2.2.2",
     "rimraf": "^4.1.2",
+    "rollup": "^3.10.1",
+    "rollup-plugin-dts": "^5.1.1",
+    "rollup-plugin-esbuild": "^5.0.0",
+    "rollup-plugin-ts": "^3.2.0",
     "shelljs": "^0.8.4",
     "size-limit": "^5.0.3",
     "tinycolor2": "^1.4.2",

packages/c-accordion/examples/allow-multiple.vue

@@ -42,5 +42,5 @@ import {
   CAccordionButton,
   CAccordionPanel,
   CAccordionIcon,
-} from "@chakra-ui/c-accordion"
+} from "../dist"
 </script>

packages/c-accordion/package.json

@@ -3,6 +3,7 @@
   "version": "2.0.0-beta.1",
   "main": "dist/chakra-ui-c-accordion.cjs.js",
   "module": "dist/chakra-ui-c-accordion.esm.js",
+  "typings": "dist/chakra-ui-c-accordion.d.ts",
   "files": [
     "dist"
   ],
@@ -18,9 +19,12 @@
   "license": "MIT",
   "scripts": {
     "clean": "rimraf dist .turbo",
-    "build": "tsup src --dts",
-    "build:fast": "tsup src",
-    "types:check": "tsc --noEmit"
+    "build": "tsup && pnpm build:types",
+    "build:rollup": "rollup -c && pnpm build:types",
+    "build:fast": "tsup",
+    "build:types": "tsup src --dts-only",
+    "types:check": "tsc --noEmit",
+    "dev": "tsup --watch"
   },
   "dependencies": {
     "@chakra-ui/c-icon": "workspace:*",
@@ -40,5 +44,18 @@
   },
   "devDependencies": {
     "vue": "^3.2.37"
+  },
+  "tsup": {
+    "name": "chakra-ui-c-accordion",
+    "clean": true,
+    "target": "es2019",
+    "format": [
+      "esm",
+      "cjs"
+    ],
+    "entry": {
+      "chakra-ui-c-accordion": "src/index.tsx"
+    },
+    "keepNames": true
   }
 }

packages/c-accordion/rollup.config.mjs

@@ -0,0 +1,34 @@
+import multi from "@rollup/plugin-multi-entry"
+import esbuild from "rollup-plugin-esbuild"
+import kebabCase from "lodash.kebabcase"
+
+const name = "chakra-ui-c-accordion"
+
+const bundle = (config) => ({
+  ...config,
+  input: ["src/**/*.tsx", "src/**/*.ts"],
+  external: (id) => !/^[./]/.test(id),
+})
+
+/**
+ * @type {import('rollup').RollupOptions[]}
+ */
+const RollupConfig = [
+  bundle({
+    plugins: [multi(), esbuild()],
+    output: [
+      {
+        file: `./dist/chakra-ui-c-accordion.cjs.js`,
+        format: "cjs",
+        sourcemap: true,
+      },
+      {
+        file: `./dist/chakra-ui-c-accordion.esm.js`,
+        format: "es",
+        sourcemap: true,
+      },
+    ],
+  }),
+]
+
+export default RollupConfig

packages/c-accordion/tsup.config.ts

@@ -1,15 +1,18 @@
 import { defineConfig } from "tsup"
-// import pkg from "./package.json"
-import kebabCase from "lodash.kebabcase"
 
 export default defineConfig({
-  outExtension({ format, options, pkgType }) {
-    console.log("tsup::", { format, options, pkgType })
+  clean: true,
+  target: "es2019",
+  outExtension({ format }) {
     return {
       js: `.${format}.js`,
     }
   },
-  clean: true,
-  target: "es2019",
-  format: ["cjs", "esm"],
+  jsxFactory: "h",
+  jsxFragmentFactory: "Fragment",
+  format: ["esm", "cjs"],
+  entry: {
+    "chakra-ui-c-accordion": "src/index.tsx",
+  },
+  keepNames: true,
 })