├── .nvmrc ├── playground ├── build │ └── .gitkeep ├── public │ ├── chakra.png │ ├── favicon.ico │ └── fonts │ │ ├── Inter.woff2 │ │ ├── SplineSans-Bold.woff2 │ │ ├── SplineSans-Light.woff2 │ │ ├── SplineSans-Medium.woff2 │ │ ├── SplineSans-Regular.woff2 │ │ └── SplineSans-SemiBold.woff2 ├── src │ ├── index.d.ts │ ├── components │ │ ├── NotFound.vue │ │ └── Home.vue │ ├── router.ts │ └── main.ts └── package.json ├── scripts ├── plugins │ └── list-packages.ts ├── utils │ ├── exports │ │ └── lib-example │ │ │ ├── index.ts │ │ │ ├── button.ts │ │ │ └── accordion.ts │ ├── index.ts │ ├── files.ts │ └── runner.ts └── types │ └── package.json.ts ├── docs ├── components │ ├── alert.md │ ├── icon.md │ ├── spinner.md │ ├── css-reset.md │ └── visually-hidden.md ├── index.md ├── layouts │ └── default.vue ├── package.json └── pages │ └── getting-started │ └── changelog.md ├── packages ├── vue │ ├── index.ts │ ├── tsconfig.json │ ├── README.md │ └── tsup.config.ts ├── c-alert │ ├── index.ts │ ├── tsconfig.json │ ├── src │ │ ├── index.ts │ │ └── icons.tsx │ ├── examples │ │ ├── base-alert.vue │ │ ├── index.ts │ │ ├── with-title.vue │ │ └── with-status.vue │ └── tsup.config.ts ├── c-avatar │ ├── index.ts │ ├── tsconfig.json │ ├── examples │ │ ├── index.ts │ │ ├── simple-avatar.vue │ │ ├── avatar-icon │ │ │ ├── using-slots.vue │ │ │ ├── using-string-prop.vue │ │ │ └── using-component-prop.vue │ │ └── simple-avatar-with-badge.vue │ ├── src │ │ └── index.tsx │ ├── tsup.config.ts │ └── tests │ │ └── __snapshots__ │ │ └── c-avatar-badge.test.ts.snap ├── c-button │ ├── index.ts │ ├── examples │ │ ├── button-group.ts │ │ ├── index.ts │ │ ├── with-button-group.vue │ │ ├── with-attached-buttons.vue │ │ ├── with-button-size.vue │ │ ├── with-button-icon.vue │ │ ├── with-button-variants.vue │ │ └── button.ts │ ├── tsconfig.json │ ├── src │ │ └── index.tsx │ ├── tsup.config.ts │ └── tests │ │ └── component │ │ ├── c-button.cy.tsx │ │ └── c-button-group.cy.tsx ├── c-card │ ├── index.ts │ ├── tsconfig.json │ ├── src │ │ ├── card.context.ts │ │ ├── index.ts │ │ ├── c-card-body.tsx │ │ └── c-card-header.tsx │ ├── README.md │ ├── tsup.config.ts │ ├── examples │ │ ├── variants.vue │ │ ├── basic.vue │ │ └── sizes.vue │ └── tests │ │ ├── __snapshots__ │ │ └── c-card.test.ts.snap │ │ └── c-card.test.ts ├── c-code │ ├── index.ts │ ├── src │ │ └── index.ts │ ├── tsconfig.json │ ├── examples │ │ ├── base-code.vue │ │ ├── index.ts │ │ └── with-color.vue │ ├── README.md │ ├── tests │ │ ├── component │ │ │ └── c-badge.cy.tsx │ │ └── __snapshots__ │ │ │ └── c-code.test.ts.snap │ └── tsup.config.ts ├── c-icon │ ├── index.ts │ ├── tsconfig.json │ ├── src │ │ └── index.tsx │ ├── examples │ │ ├── index.ts │ │ ├── base-icon.vue │ │ ├── with-color.vue │ │ ├── with-icon-library.vue │ │ ├── with-size.vue │ │ └── with-custom-icon.vue │ ├── tests │ │ └── component │ │ │ └── c-icon.cy.tsx │ └── tsup.config.ts ├── c-image │ ├── index.ts │ ├── tsconfig.json │ ├── README.md │ ├── examples │ │ ├── fallbacksrc.vue │ │ ├── fallback-element.vue │ │ ├── with-fit.vue │ │ ├── with-native-width.vue │ │ ├── basic.vue │ │ ├── bug.vue │ │ └── fallback-strategy.vue │ ├── src │ │ └── index.tsx │ └── tsup.config.ts ├── c-input │ ├── index.ts │ ├── examples │ │ ├── index.tsx │ │ ├── with-variant.vue │ │ ├── base-c-input.vue │ │ ├── with-sizes.vue │ │ └── with-addon.vue │ ├── tsconfig.json │ ├── README.md │ ├── tests │ │ └── __snapshots__ │ │ │ └── c-input.test.tsx.snap │ ├── tsup.config.ts │ └── src │ │ └── index.tsx ├── c-menu │ ├── index.ts │ ├── tsconfig.json │ ├── examples │ │ ├── index.ts │ │ ├── base-menu.vue │ │ └── controlled-menu.vue │ ├── src │ │ └── index.tsx │ └── tsup.config.ts ├── c-modal │ ├── index.ts │ ├── tsconfig.json │ ├── README.md │ ├── tests │ │ ├── __snapshots__ │ │ │ └── modal.test.ts.snap │ │ └── modal.test.ts │ ├── tsup.config.ts │ └── examples │ │ └── drawer-simple.vue ├── c-motion │ ├── index.ts │ ├── tsconfig.json │ ├── README.md │ ├── tests │ │ ├── c-motion.test.ts │ │ └── __snapshots__ │ │ │ └── c-motion.test.ts.snap │ ├── src │ │ └── index.tsx │ ├── tsup.config.ts │ └── examples │ │ ├── fade-motion.vue │ │ └── scale-motion.vue ├── c-popover │ ├── index.ts │ ├── src │ │ ├── c-popover.anatomy.ts │ │ ├── popover.utils.ts │ │ ├── popover.transitions.ts │ │ ├── c-popover-header.tsx │ │ ├── c-popover-close-trigger.tsx │ │ ├── c-popover-anchor.tsx │ │ ├── c-popover-body.tsx │ │ └── c-popover-footer.tsx │ ├── tsconfig.json │ ├── tests │ │ ├── __snapshots__ │ │ │ └── c-popover.test.ts.snap │ │ └── c-popover.test.ts │ ├── README.md │ ├── tsup.config.ts │ └── examples │ │ └── with-hover-trigger.vue ├── c-popper │ ├── index.ts │ ├── tsconfig.json │ ├── examples │ │ ├── index.ts │ │ └── motion.utils.ts │ ├── src │ │ └── index.ts │ ├── README.md │ ├── tests │ │ └── component │ │ │ └── use-popper.cy.tsx │ └── tsup.config.ts ├── c-portal │ ├── index.ts │ ├── examples │ │ └── index.ts │ ├── src │ │ └── index.tsx │ ├── tsconfig.json │ ├── README.md │ └── tsup.config.ts ├── c-reset │ ├── index.ts │ ├── tsconfig.json │ ├── tests │ │ ├── __snapshots__ │ │ │ └── c-reset.test.ts.snap │ │ └── c-reset.test.ts │ ├── README.md │ └── tsup.config.ts ├── c-select │ ├── index.ts │ ├── src │ │ └── index.tsx │ ├── tsconfig.json │ ├── README.md │ ├── examples │ │ ├── select-override-styles.vue │ │ ├── simple-select.vue │ │ ├── select-sizes.vue │ │ ├── select-controlled.vue │ │ └── select-states.vue │ └── tsup.config.ts ├── c-spinner │ ├── index.ts │ ├── examples │ │ ├── with-color.vue │ │ ├── with-label.vue │ │ ├── base-spinner.vue │ │ ├── with-empty-area-color.vue │ │ ├── with-size.vue │ │ └── index.ts │ ├── src │ │ └── index.tsx │ ├── tsconfig.json │ ├── README.md │ ├── tests │ │ └── component │ │ │ └── c-spinner.cy.tsx │ └── tsup.config.ts ├── c-stat │ ├── index.ts │ ├── tsconfig.json │ ├── README.md │ ├── examples │ │ └── basic.vue │ ├── src │ │ └── index.ts │ └── tsup.config.ts ├── c-table │ ├── index.ts │ ├── tsconfig.json │ ├── README.md │ ├── tsup.config.ts │ └── src │ │ ├── c-tr.tsx │ │ ├── c-thead.tsx │ │ ├── c-tbody.tsx │ │ └── c-tfoot.tsx ├── c-tabs │ ├── index.ts │ ├── tsconfig.json │ ├── tests │ │ ├── c-tabs.test.ts │ │ └── __snapshots__ │ │ │ └── c-tabs.test.ts.snap │ ├── CHANGELOG.md │ ├── src │ │ ├── index.tsx │ │ ├── tabs.context.ts │ │ └── c-tab-panels.tsx │ ├── tsup.config.ts │ └── README.md ├── c-tag │ ├── index.ts │ ├── tsconfig.json │ ├── src │ │ └── index.tsx │ ├── examples │ │ ├── index.ts │ │ ├── with-label.vue │ │ ├── with-close-button.vue │ │ ├── with-disabled-close-button.vue │ │ └── base-tag.vue │ └── tsup.config.ts ├── c-toast │ ├── index.ts │ ├── tsconfig.json │ ├── src │ │ ├── c-motion.context.ts │ │ └── index.tsx │ ├── tests │ │ ├── __snapshots__ │ │ │ └── c-toast.test.tsx.snap │ │ └── c-toast.test.tsx │ ├── README.md │ └── tsup.config.ts ├── c-tooltip │ ├── index.ts │ ├── src │ │ ├── tooltip.anatomy.ts │ │ ├── c-tooltip-trigger.tsx │ │ ├── c-tooltip-positioner.tsx │ │ ├── index.tsx │ │ └── tooltip.transition.ts │ ├── tsconfig.json │ ├── tests │ │ ├── __snapshots__ │ │ │ └── c-tooltip.test.ts.snap │ │ └── c-tooltip.test.ts │ ├── README.md │ └── tsup.config.ts ├── layout │ ├── index.ts │ ├── examples │ │ ├── base-kbd.vue │ │ ├── base-box.vue │ │ ├── base-spacer.vue │ │ ├── base-divider.vue │ │ ├── base-link.vue │ │ ├── base-wrap.vue │ │ ├── base-flex.vue │ │ ├── base-simple-grid.vue │ │ ├── base-aspect-ratio.vue │ │ └── base-link-box.vue │ ├── tsconfig.json │ ├── README.md │ └── tsup.config.ts ├── styled │ ├── index.ts │ ├── tsconfig.json │ ├── README.md │ ├── tsup.config.ts │ └── src │ │ └── index.tsx ├── system │ ├── index.ts │ ├── jsx.imports.tsx │ ├── tsconfig.json │ └── tsup.config.ts ├── utils │ ├── index.ts │ ├── src │ │ ├── object.ts │ │ ├── configurable.ts │ │ ├── string.ts │ │ ├── layout.ts │ │ ├── timers.ts │ │ ├── generate-id.ts │ │ ├── keys.ts │ │ └── scope.ts │ ├── tests │ │ └── utils.test.ts │ ├── tsconfig.json │ └── tsup.config.ts ├── vue-a11y │ ├── index.ts │ ├── examples │ │ └── base-vue-a11y.vue │ ├── src │ │ └── index.tsx │ ├── tsconfig.json │ ├── README.md │ └── tsup.config.ts ├── c-accordion │ ├── index.ts │ ├── tsconfig.json │ ├── tests │ │ └── component │ │ │ └── c-accordion.cy.tsx │ ├── src │ │ ├── index.tsx │ │ └── use-accordion.ts │ └── tsup.config.ts ├── c-breadcrumb │ ├── index.ts │ ├── examples │ │ └── index.tsx │ ├── tsconfig.json │ ├── src │ │ └── index.tsx │ └── tsup.config.ts ├── c-checkbox │ ├── index.ts │ ├── tsconfig.json │ ├── examples │ │ ├── with-invalid.vue │ │ ├── simple-checkbox.vue │ │ ├── disabled-checkbox.vue │ │ ├── with-spacing.vue │ │ ├── with-color-scheme.vue │ │ ├── with-size.vue │ │ └── with-checkbox-group.vue │ ├── README.md │ ├── tests │ │ └── c-checkbox.test.ts │ ├── src │ │ ├── index.tsx │ │ ├── checkbox.types.ts │ │ └── use-checkbox-group.ts │ └── tsup.config.ts ├── c-close-button │ ├── index.ts │ ├── tsconfig.json │ ├── src │ │ └── index.tsx │ ├── examples │ │ └── base-c-close-button.vue │ ├── README.md │ └── tsup.config.ts ├── c-color-mode │ ├── index.ts │ ├── tsconfig.json │ ├── tests │ │ └── __snapshots__ │ │ │ └── c-color-mode.test.ts.snap │ └── tsup.config.ts ├── c-focus-lock │ ├── index.ts │ ├── tsconfig.json │ ├── src │ │ └── index.tsx │ ├── README.md │ ├── tests │ │ └── __snapshots__ │ │ │ └── c-focus-lock.test.ts.snap │ └── tsup.config.ts ├── c-form-control │ ├── index.ts │ ├── tsconfig.json │ ├── examples │ │ ├── standalone-formlabel.vue │ │ ├── index.tsx │ │ ├── styling-focus.vue │ │ └── input-example.vue │ └── tsup.config.ts ├── c-live-region │ ├── index.ts │ ├── src │ │ ├── index.ts │ │ └── use-live-region.ts │ ├── tsconfig.json │ ├── tests │ │ ├── __snapshots__ │ │ │ └── c-live-region.test.ts.snap │ │ └── c-live-region.test.ts │ ├── examples │ │ └── simple-live-region.vue │ ├── README.md │ └── tsup.config.ts ├── c-media-query │ ├── index.ts │ ├── tsconfig.json │ ├── README.md │ ├── tsup.config.ts │ ├── src │ │ └── index.tsx │ └── examples │ │ └── show-hide.vue ├── c-pin-input │ ├── index.ts │ ├── tsconfig.json │ ├── src │ │ └── index.tsx │ ├── examples │ │ ├── index.ts │ │ ├── with-clear-button.vue │ │ └── base-c-pin-input.vue │ ├── tsup.config.ts │ └── tests │ │ └── c-pin-input.test.ts ├── c-scroll-lock │ ├── index.ts │ ├── tsconfig.json │ ├── src │ │ └── index.tsx │ ├── README.md │ └── tsup.config.ts ├── c-skip-nav │ ├── index.ts │ ├── tsconfig.json │ ├── src │ │ └── index.tsx │ ├── tsup.config.ts │ └── tests │ │ └── __snapshots__ │ │ └── c-skip-nav.test.ts.snap ├── c-textarea │ ├── index.ts │ ├── tsconfig.json │ ├── src │ │ └── index.tsx │ ├── tests │ │ ├── c-textarea.test.ts │ │ └── __snapshots__ │ │ │ └── c-textarea.test.ts.snap │ ├── README.md │ ├── examples │ │ └── simple-textarea.vue │ └── tsup.config.ts ├── test-utils │ ├── index.ts │ ├── src │ │ ├── index.tsx │ │ └── focus.ts │ ├── tsconfig.json │ └── tsup.config.ts ├── c-theme-provider │ ├── index.ts │ ├── tsconfig.json │ ├── src │ │ └── index.tsx │ ├── tsup.config.ts │ └── tests │ │ └── __snapshots__ │ │ └── c-theme-provider.test.ts.snap ├── c-visually-hidden │ ├── index.ts │ ├── examples │ │ ├── index.ts │ │ └── base-visually-hidden.vue │ ├── src │ │ └── index.tsx │ ├── tsconfig.json │ ├── README.md │ └── tsup.config.ts └── vue-composables │ ├── index.ts │ ├── tsconfig.json │ ├── README.md │ ├── examples │ ├── use-disclosure-toggle.vue │ ├── use-disclosure-props.vue │ ├── use-id-composable.vue │ └── use-disclosure-drawer.vue │ ├── tsup.config.ts │ └── src │ └── use-window-event.ts ├── .lintstagedrc ├── tooling └── auto-import │ ├── index.ts │ ├── tsconfig.json │ ├── src │ └── index.ts │ ├── tsup.config.ts │ └── tests │ └── vue-auto-import.test.ts ├── vite-env.d.ts ├── modules └── nuxt │ ├── .npmrc │ ├── .nuxtrc │ ├── tsconfig.json │ ├── playground │ ├── theme │ │ ├── components │ │ │ ├── index.ts │ │ │ ├── iconbutton.ts │ │ │ └── button.ts │ │ ├── semantic-tokens.ts │ │ ├── layer-styles.ts │ │ ├── global-styles.ts │ │ └── text-styles.ts │ ├── app.vue │ ├── package.json │ ├── nuxt.config.ts │ └── components │ │ └── icons │ │ ├── documentation-icon.tsx │ │ └── external-link.tsx │ ├── test │ └── fixtures │ │ └── basic │ │ ├── app.vue │ │ ├── package.json │ │ ├── nuxt.config.ts │ │ └── tsup.config.ts │ ├── vite.config.ts │ ├── README.md │ └── src │ └── runtime │ └── emotion.client.ts ├── examples └── nuxt-app │ ├── .npmrc │ ├── .nuxtrc │ ├── .gitignore │ ├── tsconfig.json │ ├── nuxt.config.ts │ └── package.json ├── .commitlintrc.json ├── cypress ├── support │ ├── index.ts │ ├── env.ts │ ├── vue-shims.d.ts │ └── component-index.html └── tsconfig.json ├── pnpm-workspace.yaml ├── vercel.json ├── @types ├── index.d.ts └── vue-shims.d.ts ├── .prettierrc.yml ├── _templates └── generator │ ├── component │ ├── src-index.ts.ejs.t │ ├── index.ts.ejs.t │ ├── tsconfig.json.ejs.t │ ├── examples.vue.ejs.t │ ├── test-file.test.ts.ejs.t │ ├── README.md.ejs.t │ └── tsup.config.ts.ejs.t │ ├── module │ ├── tsconfig.json.ejs.t │ ├── src.ts.ejs.t │ └── test-file.test.ts.ejs.t │ └── tooling │ ├── tsconfig.json.ejs.t │ ├── src.ts.ejs.t │ ├── test-file.test.ts.ejs.t │ └── README.md.ejs.t ├── .huskyrc ├── tsconfig.test.json ├── .editorconfig ├── .changeset ├── blue-penguins-swim.md ├── config.json ├── README.md ├── beige-ants-beg.md └── mighty-files-report.md ├── .size-limit.json ├── .eslintignore ├── clean-package.config.json ├── .github ├── workflows │ └── auto-merge.yml ├── dependabot.yml └── ISSUE_TEMPLATE │ └── feature_request.md ├── .npmrc ├── jest.setup.ts ├── cypress.config.ts ├── index.html └── turbo.json /.nvmrc: -------------------------------------------------------------------------------- 1 | 16.x 2 | -------------------------------------------------------------------------------- /playground/build/.gitkeep: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /scripts/plugins/list-packages.ts: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /docs/components/alert.md: -------------------------------------------------------------------------------- 1 | # Alert 2 | 3 | > TODO -------------------------------------------------------------------------------- /docs/components/icon.md: -------------------------------------------------------------------------------- 1 | # Icon 2 | 3 | > TODO -------------------------------------------------------------------------------- /packages/vue/index.ts: -------------------------------------------------------------------------------- 1 | export * from "./src" 2 | -------------------------------------------------------------------------------- /docs/components/spinner.md: -------------------------------------------------------------------------------- 1 | # Spinner 2 | 3 | > TODO -------------------------------------------------------------------------------- /packages/c-alert/index.ts: -------------------------------------------------------------------------------- 1 | export * from "./src" 2 | -------------------------------------------------------------------------------- /packages/c-avatar/index.ts: -------------------------------------------------------------------------------- 1 | export * from "./src" 2 | -------------------------------------------------------------------------------- /packages/c-button/index.ts: -------------------------------------------------------------------------------- 1 | export * from "./src" 2 | -------------------------------------------------------------------------------- /packages/c-card/index.ts: -------------------------------------------------------------------------------- 1 | export * from "./src" 2 | -------------------------------------------------------------------------------- /packages/c-code/index.ts: -------------------------------------------------------------------------------- 1 | export * from "./src" 2 | -------------------------------------------------------------------------------- /packages/c-icon/index.ts: -------------------------------------------------------------------------------- 1 | export * from "./src" 2 | -------------------------------------------------------------------------------- /packages/c-image/index.ts: -------------------------------------------------------------------------------- 1 | export * from "./src" 2 | -------------------------------------------------------------------------------- /packages/c-input/index.ts: -------------------------------------------------------------------------------- 1 | export * from "./src" 2 | -------------------------------------------------------------------------------- /packages/c-menu/index.ts: -------------------------------------------------------------------------------- 1 | export * from "./src" 2 | -------------------------------------------------------------------------------- /packages/c-modal/index.ts: -------------------------------------------------------------------------------- 1 | export * from "./src" 2 | -------------------------------------------------------------------------------- /packages/c-motion/index.ts: -------------------------------------------------------------------------------- 1 | export * from "./src" 2 | -------------------------------------------------------------------------------- /packages/c-popover/index.ts: -------------------------------------------------------------------------------- 1 | export * from "./src" 2 | -------------------------------------------------------------------------------- /packages/c-popper/index.ts: -------------------------------------------------------------------------------- 1 | export * from "./src" 2 | -------------------------------------------------------------------------------- /packages/c-portal/index.ts: -------------------------------------------------------------------------------- 1 | export * from "./src" 2 | -------------------------------------------------------------------------------- /packages/c-reset/index.ts: -------------------------------------------------------------------------------- 1 | export * from "./src" 2 | -------------------------------------------------------------------------------- /packages/c-select/index.ts: -------------------------------------------------------------------------------- 1 | export * from "./src" 2 | -------------------------------------------------------------------------------- /packages/c-spinner/index.ts: -------------------------------------------------------------------------------- 1 | export * from "./src" 2 | -------------------------------------------------------------------------------- /packages/c-stat/index.ts: -------------------------------------------------------------------------------- 1 | export * from "./src" 2 | -------------------------------------------------------------------------------- /packages/c-table/index.ts: -------------------------------------------------------------------------------- 1 | export * from "./src" 2 | -------------------------------------------------------------------------------- /packages/c-tabs/index.ts: -------------------------------------------------------------------------------- 1 | export * from "./src" 2 | -------------------------------------------------------------------------------- /packages/c-tag/index.ts: -------------------------------------------------------------------------------- 1 | export * from "./src" 2 | -------------------------------------------------------------------------------- /packages/c-toast/index.ts: -------------------------------------------------------------------------------- 1 | export * from "./src" 2 | -------------------------------------------------------------------------------- /packages/c-tooltip/index.ts: -------------------------------------------------------------------------------- 1 | export * from "./src" 2 | -------------------------------------------------------------------------------- /packages/layout/index.ts: -------------------------------------------------------------------------------- 1 | export * from "./src" 2 | -------------------------------------------------------------------------------- /packages/styled/index.ts: -------------------------------------------------------------------------------- 1 | export * from "./src" 2 | -------------------------------------------------------------------------------- /packages/system/index.ts: -------------------------------------------------------------------------------- 1 | export * from "./src" 2 | -------------------------------------------------------------------------------- /packages/utils/index.ts: -------------------------------------------------------------------------------- 1 | export * from "./src" 2 | -------------------------------------------------------------------------------- /packages/vue-a11y/index.ts: -------------------------------------------------------------------------------- 1 | export * from "./src" 2 | -------------------------------------------------------------------------------- /.lintstagedrc: -------------------------------------------------------------------------------- 1 | { 2 | "*.{js,vue}": "eslint --fix" 3 | } -------------------------------------------------------------------------------- /docs/components/css-reset.md: -------------------------------------------------------------------------------- 1 | # CSS Reset 2 | 3 | > TODO -------------------------------------------------------------------------------- /packages/c-accordion/index.ts: -------------------------------------------------------------------------------- 1 | export * from "./src" 2 | -------------------------------------------------------------------------------- /packages/c-breadcrumb/index.ts: -------------------------------------------------------------------------------- 1 | export * from "./src" 2 | -------------------------------------------------------------------------------- /packages/c-checkbox/index.ts: -------------------------------------------------------------------------------- 1 | export * from "./src" 2 | -------------------------------------------------------------------------------- /packages/c-close-button/index.ts: -------------------------------------------------------------------------------- 1 | export * from "./src" 2 | -------------------------------------------------------------------------------- /packages/c-color-mode/index.ts: -------------------------------------------------------------------------------- 1 | export * from "./src" 2 | -------------------------------------------------------------------------------- /packages/c-focus-lock/index.ts: -------------------------------------------------------------------------------- 1 | export * from "./src" 2 | -------------------------------------------------------------------------------- /packages/c-form-control/index.ts: -------------------------------------------------------------------------------- 1 | export * from "./src" 2 | -------------------------------------------------------------------------------- /packages/c-live-region/index.ts: -------------------------------------------------------------------------------- 1 | export * from "./src" 2 | -------------------------------------------------------------------------------- /packages/c-media-query/index.ts: -------------------------------------------------------------------------------- 1 | export * from "./src" 2 | -------------------------------------------------------------------------------- /packages/c-pin-input/index.ts: -------------------------------------------------------------------------------- 1 | export * from "./src" 2 | -------------------------------------------------------------------------------- /packages/c-scroll-lock/index.ts: -------------------------------------------------------------------------------- 1 | export * from "./src" 2 | -------------------------------------------------------------------------------- /packages/c-skip-nav/index.ts: -------------------------------------------------------------------------------- 1 | export * from "./src" 2 | -------------------------------------------------------------------------------- /packages/c-textarea/index.ts: -------------------------------------------------------------------------------- 1 | export * from "./src" 2 | -------------------------------------------------------------------------------- /packages/test-utils/index.ts: -------------------------------------------------------------------------------- 1 | export * from "./src" 2 | -------------------------------------------------------------------------------- /tooling/auto-import/index.ts: -------------------------------------------------------------------------------- 1 | export * from "./src" 2 | -------------------------------------------------------------------------------- /vite-env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | -------------------------------------------------------------------------------- /packages/c-code/src/index.ts: -------------------------------------------------------------------------------- 1 | export { CCode } from "./code" 2 | -------------------------------------------------------------------------------- /packages/c-theme-provider/index.ts: -------------------------------------------------------------------------------- 1 | export * from "./src" 2 | -------------------------------------------------------------------------------- /packages/c-visually-hidden/index.ts: -------------------------------------------------------------------------------- 1 | export * from "./src" 2 | -------------------------------------------------------------------------------- /packages/vue-composables/index.ts: -------------------------------------------------------------------------------- 1 | export * from "./src" 2 | -------------------------------------------------------------------------------- /docs/components/visually-hidden.md: -------------------------------------------------------------------------------- 1 | # Visually hidden 2 | 3 | > TODO -------------------------------------------------------------------------------- /packages/system/jsx.imports.tsx: -------------------------------------------------------------------------------- 1 | import { h, Fragment } from "vue" 2 | -------------------------------------------------------------------------------- /docs/index.md: -------------------------------------------------------------------------------- 1 | # Chakra UI Vue Next ⚡️ 2 | Build accessible Vue.js apps with speed. -------------------------------------------------------------------------------- /modules/nuxt/.npmrc: -------------------------------------------------------------------------------- 1 | shamefully-hoist=true 2 | strict-peer-dependencies=false 3 | -------------------------------------------------------------------------------- /docs/layouts/default.vue: -------------------------------------------------------------------------------- 1 | 5 | -------------------------------------------------------------------------------- /examples/nuxt-app/.npmrc: -------------------------------------------------------------------------------- 1 | shamefully-hoist=true 2 | strict-peer-dependencies=false 3 | -------------------------------------------------------------------------------- /modules/nuxt/.nuxtrc: -------------------------------------------------------------------------------- 1 | imports.autoImport=false 2 | typescript.includeWorkspace=false 3 | -------------------------------------------------------------------------------- /examples/nuxt-app/.nuxtrc: -------------------------------------------------------------------------------- 1 | imports.autoImport=false 2 | typescript.includeWorkspace=true 3 | -------------------------------------------------------------------------------- /modules/nuxt/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "./playground/.nuxt/tsconfig.json" 3 | } 4 | -------------------------------------------------------------------------------- /packages/c-input/examples/index.tsx: -------------------------------------------------------------------------------- 1 | export * as InputExample from "./base-c-input.vue" 2 | -------------------------------------------------------------------------------- /packages/c-portal/examples/index.ts: -------------------------------------------------------------------------------- 1 | export * as SimplePortal from "./simple-portal.vue" 2 | -------------------------------------------------------------------------------- /packages/test-utils/src/index.tsx: -------------------------------------------------------------------------------- 1 | export * from "./render" 2 | export * from "./focus" 3 | -------------------------------------------------------------------------------- /.commitlintrc.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": [ 3 | "@commitlint/config-conventional" 4 | ] 5 | } -------------------------------------------------------------------------------- /cypress/support/index.ts: -------------------------------------------------------------------------------- 1 | import "./component" 2 | import "./types" 3 | import "./commands" 4 | -------------------------------------------------------------------------------- /docs/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "private": true, 3 | "name": "chakra-ui-vue-next-docs-preview" 4 | } -------------------------------------------------------------------------------- /packages/utils/src/object.ts: -------------------------------------------------------------------------------- 1 | import mergeWith from "lodash.mergewith" 2 | 3 | export { mergeWith } 4 | -------------------------------------------------------------------------------- /packages/utils/tests/utils.test.ts: -------------------------------------------------------------------------------- 1 | it("should be truthy", () => { 2 | expect(1).toBe(1) 3 | }) 4 | -------------------------------------------------------------------------------- /pnpm-workspace.yaml: -------------------------------------------------------------------------------- 1 | packages: 2 | - "packages/**/**" 3 | - "modules/*" 4 | - "tooling/**" 5 | -------------------------------------------------------------------------------- /scripts/utils/exports/lib-example/index.ts: -------------------------------------------------------------------------------- 1 | export * from "./accordion" 2 | export * from "./button" 3 | -------------------------------------------------------------------------------- /packages/c-breadcrumb/examples/index.tsx: -------------------------------------------------------------------------------- 1 | export * as SimpleBreadcrumb from "./simple-breadcrumb.vue" 2 | -------------------------------------------------------------------------------- /packages/c-button/examples/button-group.ts: -------------------------------------------------------------------------------- 1 | export * as WithButtonGroup from "./with-button-group.vue" 2 | -------------------------------------------------------------------------------- /packages/c-tooltip/src/tooltip.anatomy.ts: -------------------------------------------------------------------------------- 1 | export { anatomy as tooltipAnatomy } from "@zag-js/tooltip" 2 | -------------------------------------------------------------------------------- /vercel.json: -------------------------------------------------------------------------------- 1 | { 2 | "rewrites": [ 3 | { "source": "/(.*)", "destination": "/index.html" } 4 | ] 5 | } -------------------------------------------------------------------------------- /@types/index.d.ts: -------------------------------------------------------------------------------- 1 | import "./components" 2 | import "./cypress" 3 | import "./env" 4 | import "./vue-shims" 5 | -------------------------------------------------------------------------------- /cypress/support/env.ts: -------------------------------------------------------------------------------- 1 | window.global = window 2 | window.process = window.process || { env: {}, argv: [] } 3 | -------------------------------------------------------------------------------- /modules/nuxt/playground/theme/components/index.ts: -------------------------------------------------------------------------------- 1 | export * from "./button"; 2 | export * from "./iconbutton"; 3 | -------------------------------------------------------------------------------- /packages/c-spinner/examples/with-color.vue: -------------------------------------------------------------------------------- 1 | 4 | -------------------------------------------------------------------------------- /packages/c-visually-hidden/examples/index.ts: -------------------------------------------------------------------------------- 1 | export * as BaseVisuallyHidden from "./base-visually-hidden.vue" 2 | -------------------------------------------------------------------------------- /packages/utils/src/configurable.ts: -------------------------------------------------------------------------------- 1 | import { canUseDOM } from "@chakra-ui/utils" 2 | 3 | export { canUseDOM } 4 | -------------------------------------------------------------------------------- /scripts/utils/index.ts: -------------------------------------------------------------------------------- 1 | export * from "./packages" 2 | export * from "./runner" 3 | export * from "./files" 4 | -------------------------------------------------------------------------------- /examples/nuxt-app/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | *.log* 3 | .nuxt 4 | .nitro 5 | .cache 6 | .output 7 | .env 8 | dist 9 | -------------------------------------------------------------------------------- /packages/c-spinner/examples/with-label.vue: -------------------------------------------------------------------------------- 1 | 4 | -------------------------------------------------------------------------------- /packages/c-stat/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../tsconfig.json", 3 | "include": ["src", "./index.tsx"] 4 | } -------------------------------------------------------------------------------- /packages/vue-a11y/examples/base-vue-a11y.vue: -------------------------------------------------------------------------------- 1 | 4 | -------------------------------------------------------------------------------- /modules/nuxt/playground/app.vue: -------------------------------------------------------------------------------- 1 | 6 | -------------------------------------------------------------------------------- /playground/public/chakra.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chakra-ui/chakra-ui-vue-next/HEAD/playground/public/chakra.png -------------------------------------------------------------------------------- /playground/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chakra-ui/chakra-ui-vue-next/HEAD/playground/public/favicon.ico -------------------------------------------------------------------------------- /modules/nuxt/test/fixtures/basic/app.vue: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /packages/c-button/examples/index.ts: -------------------------------------------------------------------------------- 1 | export * as Button from "./button" 2 | export * as ButtonGroup from "./button-group" 3 | -------------------------------------------------------------------------------- /packages/c-portal/src/index.tsx: -------------------------------------------------------------------------------- 1 | export { CPortal } from "./portal" 2 | 3 | export type { CPortalProps } from "./portal" 4 | -------------------------------------------------------------------------------- /packages/c-avatar/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../tsconfig.json", 3 | "include": ["src", "tests", "examples"] 4 | } 5 | -------------------------------------------------------------------------------- /packages/c-spinner/src/index.tsx: -------------------------------------------------------------------------------- 1 | export { CSpinner } from "./spinner" 2 | 3 | export type { CSpinnerProps } from "./spinner" 4 | -------------------------------------------------------------------------------- /packages/layout/examples/base-kbd.vue: -------------------------------------------------------------------------------- 1 | 4 | -------------------------------------------------------------------------------- /modules/nuxt/playground/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "private": true, 3 | "name": "@chakra-ui/nuxt-next-playground", 4 | "type": "module" 5 | } -------------------------------------------------------------------------------- /playground/public/fonts/Inter.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chakra-ui/chakra-ui-vue-next/HEAD/playground/public/fonts/Inter.woff2 -------------------------------------------------------------------------------- /packages/c-alert/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../tsconfig.json", 3 | "include": ["src", "tests", "examples", "index.ts"] 4 | } 5 | -------------------------------------------------------------------------------- /packages/c-button/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../tsconfig.json", 3 | "include": ["src", "tests", "examples", "index.ts"] 4 | } 5 | -------------------------------------------------------------------------------- /packages/c-image/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../tsconfig.json", 3 | "include": ["src", "tests", "examples", "index.ts"], 4 | } 5 | -------------------------------------------------------------------------------- /packages/c-popover/src/c-popover.anatomy.ts: -------------------------------------------------------------------------------- 1 | import type { anatomy } from "@zag-js/popover" 2 | export type CPopoverAnatomy = typeof anatomy 3 | -------------------------------------------------------------------------------- /packages/c-popper/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../tsconfig.json", 3 | "include": ["src", "tests", "examples", "./index.ts"] 4 | } 5 | -------------------------------------------------------------------------------- /packages/c-skip-nav/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../tsconfig.json", 3 | "include": ["src", "tests", "examples", "index.ts"] 4 | } 5 | -------------------------------------------------------------------------------- /packages/c-table/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../tsconfig.json", 3 | "include": ["src", "tests", "examples", "index.ts"] 4 | } 5 | -------------------------------------------------------------------------------- /packages/c-tabs/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../tsconfig.json", 3 | "include": ["src", "tests", "examples", "index.ts"] 4 | } 5 | -------------------------------------------------------------------------------- /packages/c-textarea/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../tsconfig.json", 3 | "include": ["src", "tests", "examples", "index.ts"] 4 | } 5 | -------------------------------------------------------------------------------- /packages/c-toast/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../tsconfig.json", 3 | "include": ["src", "tests", "examples", "index.ts"] 4 | } 5 | -------------------------------------------------------------------------------- /packages/c-tooltip/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../tsconfig.json", 3 | "include": ["src", "tests", "examples", "index.ts"] 4 | } 5 | -------------------------------------------------------------------------------- /tooling/auto-import/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../tsconfig.json", 3 | "include": ["src", "./index.ts", "./index.tsx"], 4 | 5 | } -------------------------------------------------------------------------------- /modules/nuxt/test/fixtures/basic/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "private": true, 3 | "name": "@chakra-ui/vue-next-test-fixture", 4 | "type": "module" 5 | } -------------------------------------------------------------------------------- /packages/c-accordion/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../tsconfig.json", 3 | "include": ["src", "tests", "examples", "index.ts"] 4 | } 5 | -------------------------------------------------------------------------------- /packages/c-breadcrumb/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../tsconfig.json", 3 | "include": ["src", "tests", "examples", "index.ts"] 4 | } 5 | -------------------------------------------------------------------------------- /packages/c-checkbox/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../tsconfig.json", 3 | "include": ["src", "tests", "examples", "./index.ts"] 4 | } 5 | -------------------------------------------------------------------------------- /packages/c-close-button/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../tsconfig.json", 3 | "include": ["src", "tests", "examples", "index.ts"] 4 | } 5 | -------------------------------------------------------------------------------- /packages/c-live-region/src/index.ts: -------------------------------------------------------------------------------- 1 | export { LiveRegion } from "./live-region" 2 | 3 | export type { LiveRegionOptions } from "./live-region" 4 | -------------------------------------------------------------------------------- /packages/c-live-region/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../tsconfig.json", 3 | "include": ["src", "tests", "examples", "index.ts"] 4 | } 5 | -------------------------------------------------------------------------------- /packages/c-media-query/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../tsconfig.json", 3 | "include": ["src", "tests", "examples", "index.ts"] 4 | } 5 | -------------------------------------------------------------------------------- /packages/c-popover/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../tsconfig.json", 3 | "include": ["src", "tests", "examples", "./index.ts"] 4 | } 5 | -------------------------------------------------------------------------------- /packages/vue-a11y/src/index.tsx: -------------------------------------------------------------------------------- 1 | export { hideOthers, type Undo } from "./aria-hidden" 2 | export { useInertOthers } from "./use-inert-others" 3 | -------------------------------------------------------------------------------- /.prettierrc.yml: -------------------------------------------------------------------------------- 1 | # .prettierrc or .prettierrc.yaml 2 | trailingComma: 'es5' 3 | tabWidth: 2 4 | semi: false 5 | singleQuote: false 6 | proseWrap: always -------------------------------------------------------------------------------- /packages/c-popover/src/popover.utils.ts: -------------------------------------------------------------------------------- 1 | export function wait(delay: number) { 2 | return new Promise((resolve) => setTimeout(resolve, delay)) 3 | } 4 | -------------------------------------------------------------------------------- /packages/c-theme-provider/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../tsconfig.json", 3 | "include": ["src", "tests", "examples", "./index.ts"] 4 | } 5 | -------------------------------------------------------------------------------- /packages/styled/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../tsconfig.json", 3 | "include": ["src", "tests", "examples", "./src/styled.test.tsx"] 4 | } 5 | -------------------------------------------------------------------------------- /packages/vue/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../tsconfig.json", 3 | "include": ["src", "tests", "examples", "./index.tsx", "./index.ts"] 4 | } 5 | -------------------------------------------------------------------------------- /_templates/generator/component/src-index.ts.ejs.t: -------------------------------------------------------------------------------- 1 | --- 2 | to: packages/<%=h.changeCase.paramCase(name)%>/index.ts 3 | --- 4 | 5 | export * from "./src" 6 | -------------------------------------------------------------------------------- /packages/c-card/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../tsconfig.json", 3 | "include": ["src", "tests", "examples", "./index.tsx", "./index.ts"] 4 | } 5 | -------------------------------------------------------------------------------- /packages/c-close-button/src/index.tsx: -------------------------------------------------------------------------------- 1 | export { CCloseButton } from "./c-close-button" 2 | 3 | export type { CloseButtonProps } from "./c-close-button" 4 | -------------------------------------------------------------------------------- /packages/c-code/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../tsconfig.json", 3 | "include": ["src", "tests", "examples", "./index.tsx", "./index.ts"] 4 | } 5 | -------------------------------------------------------------------------------- /packages/c-icon/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../tsconfig.json", 3 | "include": ["src", "tests", "examples", "./index.tsx", "./index.ts"] 4 | } 5 | -------------------------------------------------------------------------------- /packages/c-input/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../tsconfig.json", 3 | "include": ["src", "tests", "examples", "./index.tsx", "./index.ts"] 4 | } 5 | -------------------------------------------------------------------------------- /packages/c-menu/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../tsconfig.json", 3 | "include": ["src", "tests", "examples", "./index.tsx", "./index.ts"] 4 | } 5 | -------------------------------------------------------------------------------- /packages/c-motion/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../tsconfig.json", 3 | "include": ["src", "tests", "examples", "./index.tsx", "./index.ts"] 4 | } 5 | -------------------------------------------------------------------------------- /packages/c-reset/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../tsconfig.json", 3 | "include": ["src", "tests", "examples", "./index.tsx", "./index.ts"] 4 | } 5 | -------------------------------------------------------------------------------- /packages/c-tag/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../tsconfig.json", 3 | "include": ["src", "tests", "examples", "./index.tsx", "./index.ts"] 4 | } 5 | -------------------------------------------------------------------------------- /packages/c-textarea/src/index.tsx: -------------------------------------------------------------------------------- 1 | export { CTextarea } from "./c-textarea" 2 | export type { CTextareaNativeProps, CTextareaProps } from "./c-textarea" 3 | -------------------------------------------------------------------------------- /packages/layout/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../tsconfig.json", 3 | "include": ["src", "tests", "examples", "./index.tsx", "./index.ts"] 4 | } 5 | -------------------------------------------------------------------------------- /packages/system/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../tsconfig.json", 3 | "include": ["src", "tests", "examples", "./index.tsx", "./index.ts"] 4 | } 5 | -------------------------------------------------------------------------------- /packages/utils/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../tsconfig.json", 3 | "include": ["src", "tests", "examples", "./index.tsx", "./index.ts"] 4 | } 5 | -------------------------------------------------------------------------------- /packages/vue-a11y/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../tsconfig.json", 3 | "include": ["src", "tests", "examples", "./index.tsx", "./index.ts"] 4 | } 5 | -------------------------------------------------------------------------------- /playground/public/fonts/SplineSans-Bold.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chakra-ui/chakra-ui-vue-next/HEAD/playground/public/fonts/SplineSans-Bold.woff2 -------------------------------------------------------------------------------- /playground/public/fonts/SplineSans-Light.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chakra-ui/chakra-ui-vue-next/HEAD/playground/public/fonts/SplineSans-Light.woff2 -------------------------------------------------------------------------------- /playground/public/fonts/SplineSans-Medium.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chakra-ui/chakra-ui-vue-next/HEAD/playground/public/fonts/SplineSans-Medium.woff2 -------------------------------------------------------------------------------- /examples/nuxt-app/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "./.nuxt/tsconfig.json", 3 | "compilerOptions": { 4 | "allowImportingTsExtensions": true 5 | } 6 | } 7 | -------------------------------------------------------------------------------- /packages/c-color-mode/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../tsconfig.json", 3 | "include": ["src", "tests", "examples", "./index.tsx", "./index.ts"] 4 | } 5 | -------------------------------------------------------------------------------- /packages/c-focus-lock/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../tsconfig.json", 3 | "include": ["src", "tests", "examples", "./index.tsx", "./index.ts"] 4 | } 5 | -------------------------------------------------------------------------------- /packages/c-pin-input/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../tsconfig.json", 3 | "include": ["src", "tests", "examples", "index.ts", "./index.ts"], 4 | } 5 | -------------------------------------------------------------------------------- /packages/c-scroll-lock/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../tsconfig.json", 3 | "include": ["src", "tests", "examples", "./index.tsx", "./index.ts"] 4 | } 5 | -------------------------------------------------------------------------------- /packages/c-spinner/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../tsconfig.json", 3 | "include": ["src", "tests", "examples", "./index.tsx", "./index.ts"] 4 | } 5 | -------------------------------------------------------------------------------- /packages/test-utils/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../tsconfig.json", 3 | "include": ["src", "tests", "examples", "./index.tsx", "./index.ts"] 4 | } 5 | -------------------------------------------------------------------------------- /playground/public/fonts/SplineSans-Regular.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chakra-ui/chakra-ui-vue-next/HEAD/playground/public/fonts/SplineSans-Regular.woff2 -------------------------------------------------------------------------------- /playground/public/fonts/SplineSans-SemiBold.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chakra-ui/chakra-ui-vue-next/HEAD/playground/public/fonts/SplineSans-SemiBold.woff2 -------------------------------------------------------------------------------- /packages/c-alert/src/index.ts: -------------------------------------------------------------------------------- 1 | export { 2 | type AlertVariant, 3 | CAlert, 4 | CAlertDescription, 5 | CAlertIcon, 6 | CAlertTitle, 7 | } from "./alert" 8 | -------------------------------------------------------------------------------- /packages/c-select/src/index.tsx: -------------------------------------------------------------------------------- 1 | export { CSelect, type CSelectProps } from "./c-select" 2 | export { CSelectField, type CSelectFieldProps } from "./c-select-field" 3 | -------------------------------------------------------------------------------- /packages/c-theme-provider/src/index.tsx: -------------------------------------------------------------------------------- 1 | export { CThemeProvider } from "./c-theme-provider" 2 | 3 | export type { CThemeProviderProps } from "./c-theme-provider" 4 | -------------------------------------------------------------------------------- /packages/c-visually-hidden/src/index.tsx: -------------------------------------------------------------------------------- 1 | export { 2 | CVisuallyHidden, 3 | CVisuallyHiddenInput, 4 | visuallyHiddenStyle, 5 | } from "./c-visually-hidden" 6 | -------------------------------------------------------------------------------- /packages/c-visually-hidden/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../tsconfig.json", 3 | "include": ["src", "tests", "examples", "./index.tsx", "./index.ts"] 4 | } 5 | -------------------------------------------------------------------------------- /packages/vue-composables/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../tsconfig.json", 3 | "include": ["src", "tests", "examples", "./index.tsx", "./index.ts"] 4 | } 5 | -------------------------------------------------------------------------------- /packages/c-popper/examples/index.ts: -------------------------------------------------------------------------------- 1 | export * as PopperV2Example from "./popper-v2-example.vue" 2 | export * as PopperWithTransition from "./popper-with-transition.vue" 3 | -------------------------------------------------------------------------------- /packages/c-form-control/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../tsconfig.json", 3 | "include": ["src", "tests", "examples", "./index.tsx", "./index.ts", "examples"], 4 | } 5 | -------------------------------------------------------------------------------- /packages/c-icon/src/index.tsx: -------------------------------------------------------------------------------- 1 | export { CIcon, createIcon, createIconComponent, _iconProps } from "./icon" 2 | 3 | export type { CreateIconOptions, IconProps } from "./icon" 4 | -------------------------------------------------------------------------------- /packages/c-modal/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../tsconfig.json", 3 | "include": ["src", "tests", "examples", "./index.tsx", "./index.ts", "../c-button/src"] 4 | } 5 | -------------------------------------------------------------------------------- /@types/vue-shims.d.ts: -------------------------------------------------------------------------------- 1 | declare module "*.vue" { 2 | import { DefineComponent } from "vue" 3 | const component: DefineComponent<{}, {}, any> 4 | export default component 5 | } 6 | -------------------------------------------------------------------------------- /packages/c-skip-nav/src/index.tsx: -------------------------------------------------------------------------------- 1 | export { CSkipNavContent, CSkipNavLink } from "./c-skip-nav" 2 | 3 | export type { CSkipNavContentProps, CSkipNavLinkProps } from "./c-skip-nav" 4 | -------------------------------------------------------------------------------- /_templates/generator/component/index.ts.ejs.t: -------------------------------------------------------------------------------- 1 | --- 2 | to: packages/<%=h.changeCase.paramCase(name)%>/src/index.ts 3 | --- 4 | 5 | export * from "./<%=h.changeCase.paramCase(name)%>" 6 | -------------------------------------------------------------------------------- /modules/nuxt/vite.config.ts: -------------------------------------------------------------------------------- 1 | /// 2 | import { defineConfig } from "vite" 3 | 4 | export default defineConfig({ 5 | test: { 6 | // ... 7 | }, 8 | }) 9 | -------------------------------------------------------------------------------- /cypress/support/vue-shims.d.ts: -------------------------------------------------------------------------------- 1 | declare module "*.vue" { 2 | import { DefineComponent } from "vue" 3 | const component: DefineComponent<{}, {}, any> 4 | export default component 5 | } 6 | -------------------------------------------------------------------------------- /packages/c-code/examples/base-code.vue: -------------------------------------------------------------------------------- 1 | 4 | 5 | 8 | -------------------------------------------------------------------------------- /packages/c-image/README.md: -------------------------------------------------------------------------------- 1 | # @chakra-ui/c-image 2 | 3 | Image 4 | 5 | ## Installation 6 | 7 | ```sh 8 | yarn add @chakra-ui/c-image 9 | # or 10 | npm i @chakra-ui/c-image 11 | ``` -------------------------------------------------------------------------------- /packages/c-alert/examples/base-alert.vue: -------------------------------------------------------------------------------- 1 | 4 | 5 | 8 | -------------------------------------------------------------------------------- /packages/c-form-control/examples/standalone-formlabel.vue: -------------------------------------------------------------------------------- 1 | 6 | -------------------------------------------------------------------------------- /packages/c-spinner/examples/base-spinner.vue: -------------------------------------------------------------------------------- 1 | 4 | 5 | 8 | -------------------------------------------------------------------------------- /.huskyrc: -------------------------------------------------------------------------------- 1 | { 2 | "hooks": { 3 | "pre-commit": "pnpm run lint-staged", 4 | "pre-push": "pnpm run test:silent", 5 | "commit-msg": "pnpm run commitlint -E HUSKY_GIT_PARAMS" 6 | } 7 | } 8 | -------------------------------------------------------------------------------- /packages/c-avatar/examples/index.ts: -------------------------------------------------------------------------------- 1 | export * as BaseAvatar from "./base-c-avatar.vue" 2 | export * as BadgeAvatar from "./badge-c-avatar.vue" 3 | export * as GroupAvatar from "./c-group-avatar.vue" 4 | -------------------------------------------------------------------------------- /packages/styled/README.md: -------------------------------------------------------------------------------- 1 | The purpose of this package is to provide a Vue.js compatible API for handling the Styled System Cache. 2 | 3 | Flow: 4 | ```ts 5 | // 1. Create cache 6 | // 2. 7 | 8 | ``` -------------------------------------------------------------------------------- /modules/nuxt/playground/theme/semantic-tokens.ts: -------------------------------------------------------------------------------- 1 | export const semanticTokens = { 2 | colors: { 3 | bg: { 4 | default: "velvet.50", 5 | _dark: "velvet.900", 6 | }, 7 | }, 8 | }; 9 | -------------------------------------------------------------------------------- /packages/c-pin-input/src/index.tsx: -------------------------------------------------------------------------------- 1 | export { 2 | CPinInput, 3 | CPinInputClearButton, 4 | CPinInputField, 5 | CPinInputProps, 6 | PinInputProvider, 7 | usePinInput, 8 | } from "./c-pin-input" 9 | -------------------------------------------------------------------------------- /packages/vue/README.md: -------------------------------------------------------------------------------- 1 | # @chakra-ui/vue-next 2 | 3 | Chakra UI on Vue 3 4 | 5 | ## Installation 6 | 7 | ```sh 8 | yarn add @chakra-ui/vue-next 9 | # or 10 | npm i @chakra-ui/vue-next 11 | ``` 12 | -------------------------------------------------------------------------------- /playground/src/index.d.ts: -------------------------------------------------------------------------------- 1 | declare module '*.vue' { 2 | import { Component } from 'vue' 3 | const component: Component 4 | export default component 5 | } 6 | 7 | declare module 'feather-icons-paths'; -------------------------------------------------------------------------------- /packages/c-pin-input/examples/index.ts: -------------------------------------------------------------------------------- 1 | export * as BaseCPinInput from "./base-c-pin-input.vue" 2 | export * as WithClearButton from "./with-clear-button.vue" 3 | export * as WithEvents from "./with-events.vue" 4 | -------------------------------------------------------------------------------- /packages/layout/examples/base-box.vue: -------------------------------------------------------------------------------- 1 | 6 | 7 | -------------------------------------------------------------------------------- /modules/nuxt/test/fixtures/basic/nuxt.config.ts: -------------------------------------------------------------------------------- 1 | import { defineNuxtConfig } from "nuxt/config" 2 | import ChakraUI from "../../../src/module" 3 | export default defineNuxtConfig({ 4 | modules: [ChakraUI], 5 | }) 6 | -------------------------------------------------------------------------------- /packages/c-checkbox/examples/with-invalid.vue: -------------------------------------------------------------------------------- 1 | 4 | 5 | 8 | -------------------------------------------------------------------------------- /packages/c-popper/src/index.ts: -------------------------------------------------------------------------------- 1 | export { type Placement, usePopper } from "./use-popper" 2 | export { popperCSSVars } from "./dom.utils" 3 | 4 | export type { UsePopperOptions, UsePopperReturn } from "./use-popper" 5 | -------------------------------------------------------------------------------- /packages/c-toast/src/c-motion.context.ts: -------------------------------------------------------------------------------- 1 | export const contextId = "motion-state" 2 | export const presenceId = "motion-presence" 3 | 4 | export interface PresenceState { 5 | initial?: boolean | undefined 6 | } 7 | -------------------------------------------------------------------------------- /_templates/generator/component/tsconfig.json.ejs.t: -------------------------------------------------------------------------------- 1 | --- 2 | to: packages/<%=h.changeCase.paramCase(name)%>/tsconfig.json 3 | --- 4 | 5 | { 6 | "extends": "../../tsconfig.json", 7 | "include": ["src", "./index.tsx"] 8 | } -------------------------------------------------------------------------------- /packages/c-focus-lock/src/index.tsx: -------------------------------------------------------------------------------- 1 | export { CFocusLock } from "./c-focus-lock" 2 | export { useFocusTrap, useReturnFocusSelector } from "./use-focus-trap" 3 | 4 | export type { FocusLockProps } from "./c-focus-lock" 5 | -------------------------------------------------------------------------------- /packages/c-reset/tests/__snapshots__/c-reset.test.ts.snap: -------------------------------------------------------------------------------- 1 | // Jest Snapshot v1, https://goo.gl/fbAQLP 2 | 3 | exports[`should render properly 1`] = ` 4 | 5 | 6 | 7 | `; 8 | -------------------------------------------------------------------------------- /packages/c-scroll-lock/src/index.tsx: -------------------------------------------------------------------------------- 1 | export { BodyScrollLockDirective } from "./body-scoll-lock.directive" 2 | export { CScrollLock } from "./c-scroll-lock" 3 | export { useBodyScrollLock } from "./use-body-scoll-lock" 4 | -------------------------------------------------------------------------------- /packages/c-popover/tests/__snapshots__/c-popover.test.ts.snap: -------------------------------------------------------------------------------- 1 | // Jest Snapshot v1, https://goo.gl/fbAQLP 2 | 3 | exports[`should render properly 1`] = ` 4 | 5 | 6 | 7 | `; 8 | -------------------------------------------------------------------------------- /packages/c-tooltip/tests/__snapshots__/c-tooltip.test.ts.snap: -------------------------------------------------------------------------------- 1 | // Jest Snapshot v1, https://goo.gl/fbAQLP 2 | 3 | exports[`should render properly 1`] = ` 4 | 5 | 6 | 7 | `; 8 | -------------------------------------------------------------------------------- /packages/utils/src/string.ts: -------------------------------------------------------------------------------- 1 | import _camelCase from "lodash.camelcase" 2 | import memoize from "lodash.memoize" 3 | 4 | export const camelCase: (key: string) => string = memoize((key: string) => 5 | _camelCase(key) 6 | ) 7 | -------------------------------------------------------------------------------- /modules/nuxt/playground/theme/components/iconbutton.ts: -------------------------------------------------------------------------------- 1 | import { defineStyleConfig } from "@chakra-ui/vue-next" 2 | 3 | export const IconButton = defineStyleConfig({ 4 | baseStyle: { 5 | rounded: "none", 6 | }, 7 | }) 8 | -------------------------------------------------------------------------------- /packages/c-checkbox/examples/simple-checkbox.vue: -------------------------------------------------------------------------------- 1 | 4 | 5 | 8 | -------------------------------------------------------------------------------- /packages/c-reset/README.md: -------------------------------------------------------------------------------- 1 | # @chakra-ui/c-reset 2 | 3 | Chakra ui vue s lobal styles reset component 4 | 5 | ## Installation 6 | 7 | ```sh 8 | yarn add @chakra-ui/c-reset 9 | # or 10 | npm i @chakra-ui/c-reset 11 | ``` -------------------------------------------------------------------------------- /_templates/generator/module/tsconfig.json.ejs.t: -------------------------------------------------------------------------------- 1 | --- 2 | to: packages/<%=h.changeCase.paramCase(name)%>/tsconfig.json 3 | --- 4 | 5 | { 6 | "extends": "../../tsconfig.json", 7 | "include": ["src", "./index.tsx", "./index.ts"] 8 | } -------------------------------------------------------------------------------- /_templates/generator/tooling/tsconfig.json.ejs.t: -------------------------------------------------------------------------------- 1 | --- 2 | to: tooling/<%=h.changeCase.paramCase(name)%>/tsconfig.json 3 | --- 4 | 5 | { 6 | "extends": "../../tsconfig.json", 7 | "include": ["src", "./index.tsx", "./index.ts"] 8 | } -------------------------------------------------------------------------------- /packages/c-button/examples/with-button-group.vue: -------------------------------------------------------------------------------- 1 | 7 | -------------------------------------------------------------------------------- /packages/c-select/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../tsconfig.json", 3 | "include": ["src", "tests", "examples", "./index.tsx", "../c-form-control/index.ts"], 4 | "compilerOptions": { 5 | "rootDir": "../../" 6 | } 7 | } 8 | -------------------------------------------------------------------------------- /packages/layout/README.md: -------------------------------------------------------------------------------- 1 | # @chakra-ui/layout 2 | 3 | Chakra ui layout components that give you massive speed 4 | 5 | ## Installation 6 | 7 | ```sh 8 | yarn add @chakra-ui/layout 9 | # or 10 | npm i @chakra-ui/layout 11 | ``` -------------------------------------------------------------------------------- /packages/layout/examples/base-spacer.vue: -------------------------------------------------------------------------------- 1 | 8 | -------------------------------------------------------------------------------- /packages/c-card/src/card.context.ts: -------------------------------------------------------------------------------- 1 | import { createStylesContext } from "@chakra-ui/vue-system" 2 | import type * as SS from "@chakra-ui/vue-system" 3 | 4 | export const [CCardStylesProvider, useCardStyles] = createStylesContext("Card") 5 | -------------------------------------------------------------------------------- /packages/c-close-button/examples/base-c-close-button.vue: -------------------------------------------------------------------------------- 1 | 4 | 5 | 8 | -------------------------------------------------------------------------------- /packages/c-icon/examples/index.ts: -------------------------------------------------------------------------------- 1 | export * as BaseIcon from "./base-icon.vue" 2 | export * as WithColor from "./with-color.vue" 3 | export * as WithIconLibrary from "./with-icon-library.vue" 4 | export * as WithSize from "./with-size.vue" 5 | -------------------------------------------------------------------------------- /packages/c-media-query/README.md: -------------------------------------------------------------------------------- 1 | # @chakra-ui/media-query 2 | 3 | Media query components and composables 4 | 5 | ## Installation 6 | 7 | ```sh 8 | yarn add @chakra-ui/media-query 9 | # or 10 | npm i @chakra-ui/media-query 11 | ``` -------------------------------------------------------------------------------- /packages/c-menu/examples/index.ts: -------------------------------------------------------------------------------- 1 | export { default as BaseMenu } from "./base-menu.vue" 2 | export { default as InfiniteNestedMenu } from "./infinite-nested-menu.vue" 3 | export { default as ControlledMenu } from "./controlled-menu.vue" 4 | -------------------------------------------------------------------------------- /packages/c-modal/README.md: -------------------------------------------------------------------------------- 1 | # @chakra-ui/c-modal 2 | 3 | An accessible dialog modal component for Chakra UI Vue 4 | 5 | ## Installation 6 | 7 | ```sh 8 | yarn add @chakra-ui/c-modal 9 | # or 10 | npm i @chakra-ui/c-modal 11 | ``` -------------------------------------------------------------------------------- /packages/c-popper/README.md: -------------------------------------------------------------------------------- 1 | # @chakra-ui/vue-popper 2 | 3 | Position engine for vue bult on popperjs core 4 | 5 | ## Installation 6 | 7 | ```sh 8 | yarn add @chakra-ui/vue-popper 9 | # or 10 | npm i @chakra-ui/vue-popper 11 | ``` -------------------------------------------------------------------------------- /packages/c-portal/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../tsconfig.json", 3 | "include": ["src", "tests", "examples", "tests", "examples", "./index.tsx", "./index.ts"], 4 | "compilerOptions": { 5 | "jsx": "preserve" 6 | } 7 | } 8 | -------------------------------------------------------------------------------- /packages/c-spinner/examples/with-empty-area-color.vue: -------------------------------------------------------------------------------- 1 | 10 | -------------------------------------------------------------------------------- /packages/c-live-region/tests/__snapshots__/c-live-region.test.ts.snap: -------------------------------------------------------------------------------- 1 | // Jest Snapshot v1, https://goo.gl/fbAQLP 2 | 3 | exports[`should render properly 1`] = ` 4 | 5 | 6 | 7 | `; 8 | -------------------------------------------------------------------------------- /modules/nuxt/playground/nuxt.config.ts: -------------------------------------------------------------------------------- 1 | import ChakraUI from "../src/module" 2 | import extendTheme from "./theme" 3 | 4 | export default defineNuxtConfig({ 5 | modules: [ChakraUI], 6 | chakra: { 7 | extendTheme, 8 | }, 9 | }) 10 | -------------------------------------------------------------------------------- /packages/c-motion/README.md: -------------------------------------------------------------------------------- 1 | # @chakra-ui/c-motion 2 | 3 | Chakra ui vue motion and transition components and utilities 4 | 5 | ## Installation 6 | 7 | ```sh 8 | yarn add @chakra-ui/c-motion 9 | # or 10 | npm i @chakra-ui/c-motion 11 | ``` -------------------------------------------------------------------------------- /packages/vue-composables/README.md: -------------------------------------------------------------------------------- 1 | # @chakra-ui/vue-composables 2 | 3 | Chakra ui vue utility composables 4 | 5 | ## Installation 6 | 7 | ```sh 8 | yarn add @chakra-ui/vue-composables 9 | # or 10 | npm i @chakra-ui/vue-composables 11 | ``` -------------------------------------------------------------------------------- /tsconfig.test.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "./tsconfig.json", 3 | "include": [ 4 | "packages/**/*.test.ts", 5 | "packages/**/*.test.tsx", 6 | ], 7 | "compilerOptions": { 8 | "jsx": "preserve", 9 | // "" 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /packages/c-scroll-lock/README.md: -------------------------------------------------------------------------------- 1 | # @chakra-ui/c-scroll-lock 2 | 3 | Directive to enable and disble body scrolling 4 | 5 | ## Installation 6 | 7 | ```sh 8 | yarn add @chakra-ui/c-scroll-lock 9 | # or 10 | npm i @chakra-ui/c-scroll-lock 11 | ``` -------------------------------------------------------------------------------- /packages/vue-a11y/README.md: -------------------------------------------------------------------------------- 1 | # @chakra-ui/vue-accessibilty 2 | 3 | Accessibility composables for chakra ui vue 4 | 5 | ## Installation 6 | 7 | ```sh 8 | yarn add @chakra-ui/vue-accessibilty 9 | # or 10 | npm i @chakra-ui/vue-accessibilty 11 | ``` -------------------------------------------------------------------------------- /cypress/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../tsconfig.json", 3 | "compilerOptions": { 4 | "target": "es5", 5 | "lib": ["es5", "dom"], 6 | "types": ["node"] 7 | }, 8 | "include": ["**/*.ts", "**/*.cy.tsx", "support/types.ts"] 9 | } 10 | -------------------------------------------------------------------------------- /packages/c-input/README.md: -------------------------------------------------------------------------------- 1 | # @chakra-ui/c-input 2 | 3 | Input component is a component that is used to get user input in a text field 4 | 5 | ## Installation 6 | 7 | ```sh 8 | yarn add @chakra-ui/c-input 9 | # or 10 | npm i @chakra-ui/c-input 11 | ``` -------------------------------------------------------------------------------- /packages/c-modal/tests/__snapshots__/modal.test.ts.snap: -------------------------------------------------------------------------------- 1 | // Jest Snapshot v1, https://goo.gl/fbAQLP 2 | 3 | exports[`should render properly 1`] = ` 4 | 5 | 6 | 7 | 8 | `; 9 | -------------------------------------------------------------------------------- /packages/c-toast/tests/__snapshots__/c-toast.test.tsx.snap: -------------------------------------------------------------------------------- 1 | // Jest Snapshot v1, https://goo.gl/fbAQLP 2 | 3 | exports[`should render properly 1`] = ` 4 | 5 |

6 | Hello World 7 |

8 | 9 | `; 10 | -------------------------------------------------------------------------------- /packages/c-close-button/README.md: -------------------------------------------------------------------------------- 1 | # @chakra-ui/c-close-button 2 | 3 | An accessible close button component for chakra ui vue 4 | 5 | ## Installation 6 | 7 | ```sh 8 | yarn add @chakra-ui/c-close-button 9 | # or 10 | npm i @chakra-ui/c-close-button 11 | ``` -------------------------------------------------------------------------------- /packages/c-tabs/tests/c-tabs.test.ts: -------------------------------------------------------------------------------- 1 | import { render } from "@chakra-ui/vue-test-utils" 2 | import { CTabs } from "../src" 3 | 4 | it("should render properly", () => { 5 | const { asFragment } = render(CTabs) 6 | expect(asFragment()).toMatchSnapshot() 7 | }) 8 | -------------------------------------------------------------------------------- /packages/c-accordion/tests/component/c-accordion.cy.tsx: -------------------------------------------------------------------------------- 1 | /// 2 | 3 | import { CAccordion } from "../../src" 4 | import { h } from "vue" 5 | 6 | it("should render properly", () => { 7 | cy.mount() 8 | }) 9 | -------------------------------------------------------------------------------- /packages/c-modal/tests/modal.test.ts: -------------------------------------------------------------------------------- 1 | import { render } from "@chakra-ui/vue-test-utils" 2 | import { CModal } from "../src" 3 | 4 | it("should render properly", () => { 5 | const { asFragment } = render(CModal) 6 | expect(asFragment()).toMatchSnapshot() 7 | }) 8 | -------------------------------------------------------------------------------- /packages/c-portal/README.md: -------------------------------------------------------------------------------- 1 | # @chakra-ui/c-portal 2 | 3 | The portal allows us to teleport components to a differente location in the document 4 | 5 | ## Installation 6 | 7 | ```sh 8 | yarn add @chakra-ui/c-portal 9 | # or 10 | npm i @chakra-ui/c-portal 11 | ``` -------------------------------------------------------------------------------- /packages/c-reset/tests/c-reset.test.ts: -------------------------------------------------------------------------------- 1 | import { render } from "@chakra-ui/vue-test-utils" 2 | import { CReset } from "../src" 3 | 4 | it("should render properly", () => { 5 | const { asFragment } = render(CReset) 6 | expect(asFragment()).toMatchSnapshot() 7 | }) 8 | -------------------------------------------------------------------------------- /_templates/generator/module/src.ts.ejs.t: -------------------------------------------------------------------------------- 1 | --- 2 | to: packages/<%=h.changeCase.paramCase(name)%>/src/index.tsx 3 | --- 4 | const <%= h.changeCase.pascalCase(name) %> = () => { 5 | return {} 6 | } 7 | 8 | export { 9 | <%= h.changeCase.pascalCase(name) %> 10 | } 11 | -------------------------------------------------------------------------------- /_templates/generator/tooling/src.ts.ejs.t: -------------------------------------------------------------------------------- 1 | --- 2 | to: tooling/<%=h.changeCase.paramCase(name)%>/src/index.tsx 3 | --- 4 | const <%= h.changeCase.pascalCase(name) %> = () => { 5 | return {} 6 | } 7 | 8 | export { 9 | <%= h.changeCase.pascalCase(name) %> 10 | } 11 | -------------------------------------------------------------------------------- /packages/c-motion/tests/c-motion.test.ts: -------------------------------------------------------------------------------- 1 | import { render } from "@chakra-ui/vue-test-utils" 2 | import { CMotion } from "../src" 3 | 4 | it("should render properly", () => { 5 | const { asFragment } = render(CMotion) 6 | expect(asFragment()).toMatchSnapshot() 7 | }) 8 | -------------------------------------------------------------------------------- /packages/c-tag/src/index.tsx: -------------------------------------------------------------------------------- 1 | export { 2 | CTag, 3 | CTagCloseButton, 4 | CTagCloseIcon, 5 | CTagLabel, 6 | CTagLeftIcon, 7 | CTagRightIcon, 8 | } from "./c-tag" 9 | 10 | export type { CTagCloseButtonProps, CTagLabelProps, CTagProps } from "./c-tag" 11 | -------------------------------------------------------------------------------- /modules/nuxt/playground/theme/components/button.ts: -------------------------------------------------------------------------------- 1 | import { defineStyleConfig } from "@chakra-ui/vue-next" 2 | 3 | export const Button = defineStyleConfig({ 4 | baseStyle: { 5 | rounded: "none", 6 | fontFamily: "body", 7 | }, 8 | variants: {}, 9 | }) 10 | -------------------------------------------------------------------------------- /packages/c-card/README.md: -------------------------------------------------------------------------------- 1 | # `@chakra-ui/c-card` 2 | 3 | My component description 4 | 5 | ## Installation 6 | 7 | ```sh 8 | # with pnpm 9 | pnpm add @chakra-ui/c-card 10 | # or with Yarn 11 | yarn i @chakra-ui/c-card 12 | # or with npm 13 | npm i @chakra-ui/c-card 14 | ``` -------------------------------------------------------------------------------- /packages/c-popover/tests/c-popover.test.ts: -------------------------------------------------------------------------------- 1 | import { render } from "@chakra-ui/vue-test-utils" 2 | import { CPopover } from "../src" 3 | 4 | it("should render properly", () => { 5 | const { asFragment } = render(CPopover) 6 | expect(asFragment()).toMatchSnapshot() 7 | }) 8 | -------------------------------------------------------------------------------- /packages/c-spinner/README.md: -------------------------------------------------------------------------------- 1 | # @chakra-ui/c-spinner 2 | 3 | Visual cue that an action is either processing awaiting a course of change or a result 4 | 5 | ## Installation 6 | 7 | ```sh 8 | yarn add @chakra-ui/c-spinner 9 | # or 10 | npm i @chakra-ui/c-spinner 11 | ``` -------------------------------------------------------------------------------- /packages/c-textarea/tests/c-textarea.test.ts: -------------------------------------------------------------------------------- 1 | import { render } from "@chakra-ui/vue-test-utils" 2 | import { CTextarea } from "../src" 3 | 4 | it("should render properly", () => { 5 | const { asFragment } = render(CTextarea) 6 | expect(asFragment()).toMatchSnapshot() 7 | }) 8 | -------------------------------------------------------------------------------- /packages/c-tooltip/tests/c-tooltip.test.ts: -------------------------------------------------------------------------------- 1 | import { render } from "@chakra-ui/vue-test-utils" 2 | import { CTooltip } from "../src" 3 | 4 | it("should render properly", () => { 5 | const { asFragment } = render(CTooltip) 6 | expect(asFragment()).toMatchSnapshot() 7 | }) 8 | -------------------------------------------------------------------------------- /.editorconfig: -------------------------------------------------------------------------------- 1 | # editorconfig.org 2 | root = true 3 | 4 | [*] 5 | indent_size = 2 6 | indent_style = space 7 | end_of_line = lf 8 | charset = utf-8 9 | trim_trailing_whitespace = true 10 | insert_final_newline = true 11 | 12 | [*.md] 13 | trim_trailing_whitespace = false 14 | -------------------------------------------------------------------------------- /packages/c-alert/examples/index.ts: -------------------------------------------------------------------------------- 1 | export * as BaseAlert from "./base-alert.vue" 2 | export * as WithAccent from "./with-accent.vue" 3 | export * as WithIcon from "./with-icon.vue" 4 | export * as WithStatus from "./with-status.vue" 5 | export * as WithTitle from "./with-title.vue" 6 | -------------------------------------------------------------------------------- /packages/c-alert/examples/with-title.vue: -------------------------------------------------------------------------------- 1 | 9 | -------------------------------------------------------------------------------- /packages/c-image/examples/fallbacksrc.vue: -------------------------------------------------------------------------------- 1 | 7 | 10 | -------------------------------------------------------------------------------- /modules/nuxt/playground/theme/layer-styles.ts: -------------------------------------------------------------------------------- 1 | import { SystemStyleObject } from "@chakra-ui/vue-next" 2 | 3 | export const home: Record = { 4 | container: { 5 | py: 24, 6 | px: 12, 7 | }, 8 | } 9 | 10 | export const layerStyles = { home } 11 | -------------------------------------------------------------------------------- /packages/c-live-region/tests/c-live-region.test.ts: -------------------------------------------------------------------------------- 1 | import { render } from "@chakra-ui/vue-test-utils" 2 | import { CLiveRegion } from "../src" 3 | 4 | it("should render properly", () => { 5 | const { asFragment } = render(CLiveRegion) 6 | expect(asFragment()).toMatchSnapshot() 7 | }) 8 | -------------------------------------------------------------------------------- /packages/c-stat/README.md: -------------------------------------------------------------------------------- 1 | # `@chakra-ui/c-stat` 2 | 3 | Used to display some statistics 4 | 5 | ## Installation 6 | 7 | ```sh 8 | # with pnpm 9 | pnpm add @chakra-ui/c-stat 10 | # or with Yarn 11 | yarn i @chakra-ui/c-stat 12 | # or with npm 13 | npm i @chakra-ui/c-stat 14 | ``` -------------------------------------------------------------------------------- /packages/c-card/src/index.ts: -------------------------------------------------------------------------------- 1 | export { CCard, type CCardProps } from "./c-card" 2 | export { CCardBody, type CCardBodyProps } from "./c-card-body" 3 | export { CCardHeader, type CCardHeaderProps } from "./c-card-header" 4 | export { CCardFooter, type CCardFooterProps } from "./c-card-footer" 5 | -------------------------------------------------------------------------------- /packages/c-focus-lock/README.md: -------------------------------------------------------------------------------- 1 | # @chakra-ui/c-focus-lock 2 | 3 | A component to trap focus within a dom element it is useful for modals dialogs and popovers 4 | 5 | ## Installation 6 | 7 | ```sh 8 | yarn add @chakra-ui/c-focus-lock 9 | # or 10 | npm i @chakra-ui/c-focus-lock 11 | ``` -------------------------------------------------------------------------------- /packages/c-input/tests/__snapshots__/c-input.test.tsx.snap: -------------------------------------------------------------------------------- 1 | // Jest Snapshot v1, https://goo.gl/fbAQLP 2 | 3 | exports[` should render properly 1`] = ` 4 | 5 | 8 | 9 | `; 10 | -------------------------------------------------------------------------------- /packages/c-spinner/examples/with-size.vue: -------------------------------------------------------------------------------- 1 | 10 | -------------------------------------------------------------------------------- /packages/c-textarea/tests/__snapshots__/c-textarea.test.ts.snap: -------------------------------------------------------------------------------- 1 | // Jest Snapshot v1, https://goo.gl/fbAQLP 2 | 3 | exports[`should render properly 1`] = ` 4 | 5 |