@yamada-ui/react 2.2.1-dev-20260419111242 → 2.2.1-dev-20260421145002
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/autocomplete/autocomplete.cjs +1 -1
- package/dist/cjs/components/autocomplete/autocomplete.cjs.map +1 -1
- package/dist/cjs/components/calendar/use-calendar.cjs.map +1 -1
- package/dist/cjs/components/chart/chart.cjs.map +1 -1
- package/dist/cjs/components/date-picker/date-picker.cjs +1 -1
- package/dist/cjs/components/date-picker/date-picker.cjs.map +1 -1
- package/dist/cjs/components/drawer/use-drawer.cjs +1 -1
- package/dist/cjs/components/drawer/use-drawer.cjs.map +1 -1
- package/dist/cjs/components/format/namespace.cjs.map +1 -1
- package/dist/cjs/components/group/use-group.cjs +1 -1
- package/dist/cjs/components/group/use-group.cjs.map +1 -1
- package/dist/cjs/components/indicator/indicator.cjs +4 -3
- package/dist/cjs/components/indicator/indicator.cjs.map +1 -1
- package/dist/cjs/components/input/use-input-border.cjs +4 -2
- package/dist/cjs/components/input/use-input-border.cjs.map +1 -1
- package/dist/cjs/components/native-select/native-select.cjs +1 -1
- package/dist/cjs/components/native-select/native-select.cjs.map +1 -1
- package/dist/cjs/components/native-select/use-native-select.cjs +1 -1
- package/dist/cjs/components/native-select/use-native-select.cjs.map +1 -1
- package/dist/cjs/components/number-input/number-input.style.cjs +1 -1
- package/dist/cjs/components/number-input/number-input.style.cjs.map +1 -1
- package/dist/cjs/components/password-input/password-input.style.cjs +1 -1
- package/dist/cjs/components/password-input/password-input.style.cjs.map +1 -1
- package/dist/cjs/components/select/select.cjs +1 -1
- package/dist/cjs/components/select/select.cjs.map +1 -1
- package/dist/cjs/components/sidebar/sidebar.cjs +1 -1
- package/dist/cjs/components/sidebar/sidebar.cjs.map +1 -1
- package/dist/cjs/components/table/table.cjs +0 -3
- package/dist/cjs/components/table/table.cjs.map +1 -1
- package/dist/cjs/core/css/at-rule.cjs.map +1 -1
- package/dist/cjs/core/css/color-mix.cjs +1 -1
- package/dist/cjs/core/css/color-mix.cjs.map +1 -1
- package/dist/cjs/core/css/color-scheme.cjs.map +1 -1
- package/dist/cjs/core/css/styles.cjs +92 -92
- package/dist/cjs/core/css/styles.cjs.map +1 -1
- package/dist/cjs/core/system/var.cjs.map +1 -1
- package/dist/cjs/hooks/use-combobox/index.cjs +1 -1
- package/dist/cjs/hooks/use-combobox/index.cjs.map +1 -1
- package/dist/cjs/hooks/use-local-storage/index.cjs +1 -1
- package/dist/cjs/hooks/use-local-storage/index.cjs.map +1 -1
- package/dist/cjs/utils/ref.cjs +1 -1
- package/dist/cjs/utils/ref.cjs.map +1 -1
- package/dist/esm/components/autocomplete/autocomplete.js +1 -1
- package/dist/esm/components/autocomplete/autocomplete.js.map +1 -1
- package/dist/esm/components/calendar/use-calendar.js.map +1 -1
- package/dist/esm/components/chart/chart.js.map +1 -1
- package/dist/esm/components/date-picker/date-picker.js +1 -1
- package/dist/esm/components/date-picker/date-picker.js.map +1 -1
- package/dist/esm/components/drawer/use-drawer.js +1 -1
- package/dist/esm/components/drawer/use-drawer.js.map +1 -1
- package/dist/esm/components/format/namespace.js.map +1 -1
- package/dist/esm/components/group/use-group.js +1 -1
- package/dist/esm/components/group/use-group.js.map +1 -1
- package/dist/esm/components/indicator/indicator.js +4 -3
- package/dist/esm/components/indicator/indicator.js.map +1 -1
- package/dist/esm/components/input/use-input-border.js +4 -2
- package/dist/esm/components/input/use-input-border.js.map +1 -1
- package/dist/esm/components/native-select/native-select.js +1 -1
- package/dist/esm/components/native-select/native-select.js.map +1 -1
- package/dist/esm/components/native-select/use-native-select.js +1 -1
- package/dist/esm/components/native-select/use-native-select.js.map +1 -1
- package/dist/esm/components/number-input/number-input.style.js +1 -1
- package/dist/esm/components/number-input/number-input.style.js.map +1 -1
- package/dist/esm/components/password-input/password-input.style.js +1 -1
- package/dist/esm/components/password-input/password-input.style.js.map +1 -1
- package/dist/esm/components/select/select.js +1 -1
- package/dist/esm/components/select/select.js.map +1 -1
- package/dist/esm/components/sidebar/sidebar.js +1 -1
- package/dist/esm/components/sidebar/sidebar.js.map +1 -1
- package/dist/esm/components/table/table.js +0 -3
- package/dist/esm/components/table/table.js.map +1 -1
- package/dist/esm/core/css/at-rule.js.map +1 -1
- package/dist/esm/core/css/color-mix.js +1 -1
- package/dist/esm/core/css/color-mix.js.map +1 -1
- package/dist/esm/core/css/color-scheme.js.map +1 -1
- package/dist/esm/core/css/styles.js +92 -92
- package/dist/esm/core/css/styles.js.map +1 -1
- package/dist/esm/core/system/var.js.map +1 -1
- package/dist/esm/hooks/use-combobox/index.js +1 -1
- package/dist/esm/hooks/use-combobox/index.js.map +1 -1
- package/dist/esm/hooks/use-local-storage/index.js +1 -1
- package/dist/esm/hooks/use-local-storage/index.js.map +1 -1
- package/dist/esm/utils/ref.js +1 -1
- package/dist/esm/utils/ref.js.map +1 -1
- package/dist/types/components/accordion/accordion.d.ts +4 -2
- package/dist/types/components/accordion/accordion.style.d.ts +1 -1
- package/dist/types/components/accordion/use-accordion.d.ts +11 -11
- package/dist/types/components/action-bar/action-bar.d.ts +3 -2
- package/dist/types/components/airy/airy.d.ts +3 -2
- package/dist/types/components/alert/alert.d.ts +5 -2
- package/dist/types/components/alert/alert.style.d.ts +1 -1
- package/dist/types/components/alpha-slider/alpha-slider.d.ts +3 -2
- package/dist/types/components/aspect-ratio/aspect-ratio.d.ts +2 -2
- package/dist/types/components/autocomplete/autocomplete.d.ts +4 -2
- package/dist/types/components/autocomplete/autocomplete.style.d.ts +1 -1
- package/dist/types/components/autocomplete/use-autocomplete.d.ts +7 -5
- package/dist/types/components/avatar/avatar.d.ts +5 -5
- package/dist/types/components/avatar/use-avatar-group.d.ts +2 -2
- package/dist/types/components/badge/badge.d.ts +2 -2
- package/dist/types/components/bleed/bleed.d.ts +2 -2
- package/dist/types/components/blockquote/blockquote.d.ts +2 -2
- package/dist/types/components/breadcrumb/breadcrumb.d.ts +2 -2
- package/dist/types/components/breadcrumb/breadcrumb.style.d.ts +1 -1
- package/dist/types/components/breadcrumb/use-breadcrumb.d.ts +2 -2
- package/dist/types/components/button/button-group.d.ts +1 -0
- package/dist/types/components/button/button.d.ts +3 -2
- package/dist/types/components/button/icon-button.d.ts +2 -2
- package/dist/types/components/calendar/calendar.d.ts +3 -2
- package/dist/types/components/calendar/calendar.style.d.ts +2 -2
- package/dist/types/components/calendar/use-calendar.d.ts +10 -9
- package/dist/types/components/card/card.d.ts +2 -2
- package/dist/types/components/carousel/carousel.d.ts +3 -2
- package/dist/types/components/carousel/carousel.style.d.ts +2 -2
- package/dist/types/components/carousel/use-carousel.d.ts +3 -3
- package/dist/types/components/center/center.d.ts +2 -2
- package/dist/types/components/chart/area-chart.d.ts +2 -2
- package/dist/types/components/chart/bar-chart.d.ts +2 -2
- package/dist/types/components/chart/chart.d.ts +11 -9
- package/dist/types/components/chart/composed-chart.d.ts +2 -2
- package/dist/types/components/chart/donut-chart.d.ts +2 -2
- package/dist/types/components/chart/line-chart.d.ts +2 -2
- package/dist/types/components/chart/pie-chart.d.ts +2 -2
- package/dist/types/components/chart/use-chart.d.ts +2 -2
- package/dist/types/components/checkbox/checkbox-group.d.ts +2 -0
- package/dist/types/components/checkbox/checkbox.d.ts +6 -5
- package/dist/types/components/checkbox/checkbox.style.d.ts +1 -1
- package/dist/types/components/checkbox/use-checkbox-group.d.ts +3 -2
- package/dist/types/components/checkbox/use-checkbox.d.ts +1 -0
- package/dist/types/components/checkbox-card/checkbox-card-group.d.ts +3 -0
- package/dist/types/components/checkbox-card/checkbox-card.d.ts +7 -5
- package/dist/types/components/checkbox-card/checkbox-card.style.d.ts +1 -1
- package/dist/types/components/circle-progress/circle-progress.d.ts +3 -2
- package/dist/types/components/close-button/close-button.d.ts +3 -2
- package/dist/types/components/code/code.d.ts +2 -2
- package/dist/types/components/collapse/collapse.d.ts +3 -2
- package/dist/types/components/color-picker/color-picker.d.ts +6 -2
- package/dist/types/components/color-picker/color-picker.style.d.ts +1 -1
- package/dist/types/components/color-picker/use-color-picker.d.ts +5 -2
- package/dist/types/components/color-selector/color-selector.d.ts +6 -2
- package/dist/types/components/color-selector/color-selector.style.d.ts +2 -2
- package/dist/types/components/color-selector/use-color-selector.d.ts +5 -3
- package/dist/types/components/color-swatch/color-swatch.d.ts +2 -2
- package/dist/types/components/container/container.d.ts +2 -2
- package/dist/types/components/data-list/data-list.d.ts +2 -2
- package/dist/types/components/data-list/data-list.style.d.ts +1 -1
- package/dist/types/components/date-picker/date-picker.d.ts +5 -2
- package/dist/types/components/date-picker/use-date-picker.d.ts +7 -4
- package/dist/types/components/drawer/drawer.d.ts +5 -2
- package/dist/types/components/drawer/use-drawer.d.ts +2 -0
- package/dist/types/components/dropzone/dropzone.d.ts +8 -5
- package/dist/types/components/dropzone/dropzone.style.d.ts +1 -1
- package/dist/types/components/dropzone/use-dropzone.d.ts +1 -0
- package/dist/types/components/editable/editable.d.ts +5 -4
- package/dist/types/components/editable/use-editable.d.ts +3 -2
- package/dist/types/components/em/em.d.ts +2 -2
- package/dist/types/components/empty-state/empty-state.d.ts +2 -2
- package/dist/types/components/empty-state/empty-state.style.d.ts +2 -2
- package/dist/types/components/fade/fade.d.ts +3 -2
- package/dist/types/components/fade-scale/fade-scale.d.ts +1 -0
- package/dist/types/components/field/field.d.ts +3 -3
- package/dist/types/components/field/use-field-props.d.ts +3 -3
- package/dist/types/components/fieldset/fieldset.d.ts +4 -3
- package/dist/types/components/file-button/file-button.d.ts +4 -2
- package/dist/types/components/file-button/use-file-button.d.ts +20 -18
- package/dist/types/components/file-input/file-input.d.ts +4 -2
- package/dist/types/components/file-input/use-file-input.d.ts +16 -15
- package/dist/types/components/flex/flex.d.ts +2 -2
- package/dist/types/components/flip/flip.d.ts +5 -4
- package/dist/types/components/flip/flip.style.d.ts +1 -1
- package/dist/types/components/float/float.d.ts +2 -2
- package/dist/types/components/form/form.d.ts +4 -3
- package/dist/types/components/form/form.style.d.ts +1 -1
- package/dist/types/components/format/format-byte.d.ts +4 -4
- package/dist/types/components/format/format-date-time.d.ts +4 -4
- package/dist/types/components/format/format-number.d.ts +2 -2
- package/dist/types/components/format/use-format-byte.d.ts +1 -0
- package/dist/types/components/format/use-format-date-time.d.ts +1 -0
- package/dist/types/components/format/use-format-number.d.ts +1 -0
- package/dist/types/components/grid/grid-item.d.ts +2 -2
- package/dist/types/components/grid/grid.d.ts +2 -2
- package/dist/types/components/group/group.d.ts +3 -2
- package/dist/types/components/group/use-group.d.ts +2 -2
- package/dist/types/components/heading/heading.d.ts +2 -2
- package/dist/types/components/highlight/highlight.d.ts +2 -0
- package/dist/types/components/hue-slider/hue-slider.d.ts +4 -3
- package/dist/types/components/icon/icon.d.ts +5 -5
- package/dist/types/components/image/image.d.ts +2 -2
- package/dist/types/components/indicator/indicator.d.ts +5 -4
- package/dist/types/components/infinite-scroll-area/infinite-scroll-area.d.ts +2 -2
- package/dist/types/components/input/input-addon.d.ts +2 -2
- package/dist/types/components/input/input-element.d.ts +2 -2
- package/dist/types/components/input/input-group.d.ts +2 -0
- package/dist/types/components/input/input.d.ts +3 -2
- package/dist/types/components/input/use-input-border.d.ts +2 -5
- package/dist/types/components/kbd/kbd.d.ts +2 -2
- package/dist/types/components/link/link.d.ts +2 -2
- package/dist/types/components/link-box/link-box.d.ts +2 -2
- package/dist/types/components/list/list.d.ts +2 -2
- package/dist/types/components/list/list.style.d.ts +2 -2
- package/dist/types/components/loading/loading-provider.d.ts +2 -2
- package/dist/types/components/loading/loading.d.ts +4 -3
- package/dist/types/components/loading/use-loading-component.d.ts +1 -0
- package/dist/types/components/mark/mark.d.ts +2 -2
- package/dist/types/components/menu/menu.d.ts +3 -2
- package/dist/types/components/menu/menu.style.d.ts +2 -2
- package/dist/types/components/menu/use-menu.d.ts +11 -11
- package/dist/types/components/modal/modal.d.ts +6 -2
- package/dist/types/components/native-accordion/native-accordion.d.ts +2 -2
- package/dist/types/components/native-accordion/native-accordion.style.d.ts +2 -2
- package/dist/types/components/native-accordion/use-native-accordion.d.ts +2 -2
- package/dist/types/components/native-popover/native-popover.d.ts +2 -2
- package/dist/types/components/native-select/native-select.d.ts +4 -2
- package/dist/types/components/native-select/use-native-select.d.ts +1 -0
- package/dist/types/components/native-table/native-table.d.ts +4 -4
- package/dist/types/components/notice/notice.style.d.ts +1 -1
- package/dist/types/components/notice/use-notice.d.ts +3 -0
- package/dist/types/components/number-input/number-input.d.ts +3 -2
- package/dist/types/components/number-input/number-input.style.d.ts +1 -1
- package/dist/types/components/number-input/use-number-input.d.ts +1 -0
- package/dist/types/components/pagination/pagination.d.ts +3 -2
- package/dist/types/components/pagination/pagination.style.d.ts +1 -1
- package/dist/types/components/pagination/use-pagination.d.ts +2 -2
- package/dist/types/components/password-input/password-input.d.ts +3 -2
- package/dist/types/components/password-input/strength-meter.d.ts +2 -2
- package/dist/types/components/password-input/strength-meter.style.d.ts +1 -1
- package/dist/types/components/password-input/use-password-input.d.ts +3 -2
- package/dist/types/components/picture/picture.d.ts +1 -0
- package/dist/types/components/pin-input/pin-input.d.ts +4 -2
- package/dist/types/components/pin-input/use-pin-input.d.ts +8 -7
- package/dist/types/components/popover/popover.d.ts +3 -2
- package/dist/types/components/progress/progress.d.ts +4 -4
- package/dist/types/components/progress/use-progress.d.ts +706 -706
- package/dist/types/components/qr-code/qr-code.d.ts +2 -2
- package/dist/types/components/radio/radio-group.d.ts +2 -0
- package/dist/types/components/radio/radio.d.ts +6 -5
- package/dist/types/components/radio/radio.style.d.ts +1 -1
- package/dist/types/components/radio/use-radio-group.d.ts +3 -2
- package/dist/types/components/radio/use-radio.d.ts +1 -0
- package/dist/types/components/radio-card/radio-card-group.d.ts +3 -0
- package/dist/types/components/radio-card/radio-card.d.ts +7 -5
- package/dist/types/components/radio-card/radio-card.style.d.ts +1 -1
- package/dist/types/components/rating/rating.style.d.ts +2 -2
- package/dist/types/components/rating/use-rating.d.ts +8 -7
- package/dist/types/components/reorder/reorder.d.ts +3 -2
- package/dist/types/components/reorder/reorder.style.d.ts +1 -1
- package/dist/types/components/reorder/use-reorder.d.ts +3 -3
- package/dist/types/components/resizable/resizable.d.ts +2 -2
- package/dist/types/components/resizable/resizable.style.d.ts +2 -2
- package/dist/types/components/resizable/use-resizable.d.ts +2 -2
- package/dist/types/components/ripple/ripple.d.ts +3 -2
- package/dist/types/components/ripple/use-ripple.d.ts +2 -2
- package/dist/types/components/rotate/rotate.d.ts +3 -2
- package/dist/types/components/saturation-slider/saturation-slider.d.ts +2 -2
- package/dist/types/components/saturation-slider/use-saturation-slider.d.ts +3 -2
- package/dist/types/components/scroll-area/scroll-area.d.ts +2 -2
- package/dist/types/components/segmented-control/segmented-control.d.ts +3 -2
- package/dist/types/components/segmented-control/segmented-control.style.d.ts +2 -2
- package/dist/types/components/segmented-control/use-segmented-control.d.ts +10 -9
- package/dist/types/components/select/select.d.ts +4 -2
- package/dist/types/components/select/select.style.d.ts +1 -1
- package/dist/types/components/select/use-select.d.ts +6 -4
- package/dist/types/components/separator/separator.d.ts +2 -2
- package/dist/types/components/sidebar/sidebar.d.ts +7 -2
- package/dist/types/components/sidebar/sidebar.style.d.ts +1 -1
- package/dist/types/components/sidebar/use-sidebar.d.ts +9 -9
- package/dist/types/components/simple-grid/simple-grid.d.ts +3 -2
- package/dist/types/components/skeleton/skeleton.d.ts +2 -2
- package/dist/types/components/slide/slide.d.ts +3 -2
- package/dist/types/components/slide-fade/slide-fade.d.ts +3 -2
- package/dist/types/components/slider/slider.d.ts +2 -2
- package/dist/types/components/slider/use-slider.d.ts +3 -2
- package/dist/types/components/snacks/snacks.d.ts +2 -0
- package/dist/types/components/snacks/use-snacks.d.ts +1 -0
- package/dist/types/components/stack/h-stack.d.ts +2 -2
- package/dist/types/components/stack/stack.d.ts +2 -2
- package/dist/types/components/stack/v-stack.d.ts +2 -2
- package/dist/types/components/stack/z-stack.d.ts +2 -2
- package/dist/types/components/stat/stat.d.ts +2 -2
- package/dist/types/components/status/status.d.ts +2 -2
- package/dist/types/components/status/status.style.d.ts +2 -2
- package/dist/types/components/steps/steps.d.ts +2 -2
- package/dist/types/components/steps/steps.style.d.ts +1 -1
- package/dist/types/components/steps/use-steps.d.ts +10 -10
- package/dist/types/components/switch/switch.d.ts +2 -2
- package/dist/types/components/switch/use-switch.d.ts +1 -0
- package/dist/types/components/table/table.d.ts +4 -2
- package/dist/types/components/tabs/tabs.d.ts +2 -2
- package/dist/types/components/tabs/use-tabs.d.ts +16 -16
- package/dist/types/components/tag/tag.d.ts +2 -2
- package/dist/types/components/text/text.d.ts +2 -2
- package/dist/types/components/textarea/textarea.d.ts +4 -2
- package/dist/types/components/textarea/use-autosize.d.ts +2 -2
- package/dist/types/components/timeline/timeline.d.ts +5 -5
- package/dist/types/components/timeline/timeline.style.d.ts +1 -1
- package/dist/types/components/tip/tip.d.ts +3 -0
- package/dist/types/components/toggle/toggle-group.d.ts +1 -1
- package/dist/types/components/toggle/toggle.d.ts +7 -5
- package/dist/types/components/toggle/use-toggle-group.d.ts +2 -2
- package/dist/types/components/toggle/use-toggle.d.ts +3 -2
- package/dist/types/components/tooltip/tooltip.d.ts +4 -2
- package/dist/types/components/tree/tree.d.ts +6 -2
- package/dist/types/components/tree/tree.style.d.ts +1 -1
- package/dist/types/components/tree/use-tree.d.ts +183 -182
- package/dist/types/components/visually-hidden/visually-hidden.d.ts +2 -2
- package/dist/types/components/wrap/wrap.d.ts +3 -2
- package/dist/types/core/components/create-component.d.ts +7 -9
- package/dist/types/core/components/index.types.d.ts +0 -1
- package/dist/types/core/components/use-component-style.d.ts +0 -2
- package/dist/types/core/components/utils.d.ts +0 -1
- package/dist/types/core/constant.d.ts +0 -1
- package/dist/types/core/css/calc.d.ts +0 -1
- package/dist/types/core/css/config.d.ts +0 -1
- package/dist/types/core/css/css.d.ts +0 -1
- package/dist/types/core/css/index.d.ts +2 -2
- package/dist/types/core/css/index.types.d.ts +2 -2
- package/dist/types/core/css/styles.d.ts +44 -45
- package/dist/types/core/css/token.d.ts +0 -1
- package/dist/types/core/css/use-css.d.ts +0 -1
- package/dist/types/core/css/utils.d.ts +0 -2
- package/dist/types/core/generated-theme-tokens.types.d.ts +17 -18
- package/dist/types/core/index.d.ts +2 -4
- package/dist/types/core/system/color-mode-provider.d.ts +2 -2
- package/dist/types/core/system/config.d.ts +0 -1
- package/dist/types/core/system/create-system.d.ts +0 -1
- package/dist/types/core/system/factory.d.ts +0 -1
- package/dist/types/core/system/index.types.d.ts +0 -1
- package/dist/types/core/system/storage-script.d.ts +3 -3
- package/dist/types/core/system/styled.d.ts +2 -3
- package/dist/types/core/system/system-provider.d.ts +2 -2
- package/dist/types/core/system/var.d.ts +0 -2
- package/dist/types/hooks/use-async-callback/index.d.ts +1 -0
- package/dist/types/hooks/use-breakpoint/use-breakpoint-state.d.ts +2 -2
- package/dist/types/hooks/use-combobox/index.d.ts +1 -0
- package/dist/types/hooks/use-field-sizing/index.d.ts +2 -2
- package/dist/types/hooks/use-hover/index.d.ts +2 -2
- package/dist/types/hooks/use-popper/index.d.ts +2 -2
- package/dist/types/hooks/use-resize-observer/index.d.ts +3 -3
- package/dist/types/index.d.ts +109 -3
- package/dist/types/providers/i18n-provider/i18n-provider.d.ts +3 -3
- package/dist/types/providers/ui-provider/ui-provider.d.ts +3 -2
- package/dist/types/utils/children.d.ts +2 -2
- package/package.json +5 -5
|
@@ -1,33 +1,32 @@
|
|
|
1
1
|
import { UsageThemeTokens } from "./system/index.types.js";
|
|
2
|
-
import "./system/index.js";
|
|
3
2
|
|
|
4
3
|
//#region src/core/generated-theme-tokens.types.d.ts
|
|
5
4
|
interface GeneratedThemeTokens extends UsageThemeTokens {
|
|
6
5
|
animations: never;
|
|
7
6
|
apply: never;
|
|
8
|
-
aspectRatios: "bronze" | "golden" | "landscape" | "portrait" | "silver" | "square" | "ultrawide"
|
|
9
|
-
blurs: "
|
|
10
|
-
borders: "
|
|
11
|
-
breakpoints: "
|
|
12
|
-
colors: "amber" | "amber.50" | "amber.100" | "amber.200" | "amber.300" | "amber.400" | "amber.500" | "amber.600" | "amber.700" | "amber.800" | "amber.900" | "amber.950" | "amber.bg" | "amber.contrast" | "amber.emphasized" | "amber.fg" | "amber.ghost" | "amber.muted" | "amber.outline" | "amber.solid" | "amber.subtle" | "bg" | "bg.contrast" | "bg.emphasized" | "bg.error" | "bg.float" | "bg.ghost" | "bg.info" | "bg.muted" | "bg.overlay" | "bg.panel" | "bg.subtle" | "bg.success" | "bg.warning" | "black" | "black.50" | "black.100" | "black.200" | "black.300" | "black.400" | "black.500" | "black.600" | "black.700" | "black.800" | "black.900" | "black.950" | "black.bg" | "black.contrast" | "black.emphasized" | "black.fg" | "black.ghost" | "black.muted" | "black.outline" | "black.solid" | "black.subtle" | "blackAlpha.50" | "blackAlpha.100" | "blackAlpha.200" | "blackAlpha.300" | "blackAlpha.400" | "blackAlpha.500" | "blackAlpha.600" | "blackAlpha.700" | "blackAlpha.800" | "blackAlpha.900" | "blackAlpha.950" | "blue" | "blue.50" | "blue.100" | "blue.200" | "blue.300" | "blue.400" | "blue.500" | "blue.600" | "blue.700" | "blue.800" | "blue.900" | "blue.950" | "blue.bg" | "blue.contrast" | "blue.emphasized" | "blue.fg" | "blue.ghost" | "blue.muted" | "blue.outline" | "blue.solid" | "blue.subtle" | "border" | "border.contrast" | "border.emphasized" | "border.error" | "border.info" | "border.muted" | "border.subtle" | "border.success" | "border.warning" | "colorScheme.contrast" | "colorScheme.emphasized" | "colorScheme.fg" | "colorScheme.ghost" | "colorScheme.muted" | "colorScheme.outline" | "colorScheme.solid" | "colorScheme.subtle" | "current" | "cyan" | "cyan.50" | "cyan.100" | "cyan.200" | "cyan.300" | "cyan.400" | "cyan.500" | "cyan.600" | "cyan.700" | "cyan.800" | "cyan.900" | "cyan.950" | "cyan.bg" | "cyan.contrast" | "cyan.emphasized" | "cyan.fg" | "cyan.ghost" | "cyan.muted" | "cyan.outline" | "cyan.solid" | "cyan.subtle" | "danger" | "danger.50" | "danger.100" | "danger.200" | "danger.300" | "danger.400" | "danger.500" | "danger.600" | "danger.700" | "danger.800" | "danger.900" | "danger.950" | "danger.bg" | "danger.contrast" | "danger.emphasized" | "danger.fg" | "danger.ghost" | "danger.muted" | "danger.outline" | "danger.solid" | "danger.subtle" | "emerald" | "emerald.50" | "emerald.100" | "emerald.200" | "emerald.300" | "emerald.400" | "emerald.500" | "emerald.600" | "emerald.700" | "emerald.800" | "emerald.900" | "emerald.950" | "emerald.bg" | "emerald.contrast" | "emerald.emphasized" | "emerald.fg" | "emerald.ghost" | "emerald.muted" | "emerald.outline" | "emerald.solid" | "emerald.subtle" | "error" | "error.50" | "error.100" | "error.200" | "error.300" | "error.400" | "error.500" | "error.600" | "error.700" | "error.800" | "error.900" | "error.950" | "error.bg" | "error.contrast" | "error.emphasized" | "error.fg" | "error.ghost" | "error.muted" | "error.outline" | "error.solid" | "error.subtle" | "fg" | "fg.contrast" | "fg.emphasized" | "fg.error" | "fg.info" | "fg.muted" | "fg.subtle" | "fg.success" | "fg.warning" | "flashy" | "flashy.50" | "flashy.100" | "flashy.200" | "flashy.300" | "flashy.400" | "flashy.500" | "flashy.600" | "flashy.700" | "flashy.800" | "flashy.900" | "flashy.950" | "flashy.bg" | "flashy.contrast" | "flashy.emphasized" | "flashy.fg" | "flashy.ghost" | "flashy.muted" | "flashy.outline" | "flashy.solid" | "flashy.subtle" | "fuchsia" | "fuchsia.50" | "fuchsia.100" | "fuchsia.200" | "fuchsia.300" | "fuchsia.400" | "fuchsia.500" | "fuchsia.600" | "fuchsia.700" | "fuchsia.800" | "fuchsia.900" | "fuchsia.950" | "fuchsia.bg" | "fuchsia.contrast" | "fuchsia.emphasized" | "fuchsia.fg" | "fuchsia.ghost" | "fuchsia.muted" | "fuchsia.outline" | "fuchsia.solid" | "fuchsia.subtle" | "gray" | "gray.50" | "gray.100" | "gray.200" | "gray.300" | "gray.400" | "gray.500" | "gray.600" | "gray.700" | "gray.800" | "gray.900" | "gray.950" | "gray.bg" | "gray.contrast" | "gray.emphasized" | "gray.fg" | "gray.ghost" | "gray.muted" | "gray.outline" | "gray.solid" | "gray.subtle" | "green" | "green.50" | "green.100" | "green.200" | "green.300" | "green.400" | "green.500" | "green.600" | "green.700" | "green.800" | "green.900" | "green.950" | "green.bg" | "green.contrast" | "green.emphasized" | "green.fg" | "green.ghost" | "green.muted" | "green.outline" | "green.solid" | "green.subtle" | "indigo" | "indigo.50" | "indigo.100" | "indigo.200" | "indigo.300" | "indigo.400" | "indigo.500" | "indigo.600" | "indigo.700" | "indigo.800" | "indigo.900" | "indigo.950" | "indigo.bg" | "indigo.contrast" | "indigo.emphasized" | "indigo.fg" | "indigo.ghost" | "indigo.muted" | "indigo.outline" | "indigo.solid" | "indigo.subtle" | "info" | "info.50" | "info.100" | "info.200" | "info.300" | "info.400" | "info.500" | "info.600" | "info.700" | "info.800" | "info.900" | "info.950" | "info.bg" | "info.contrast" | "info.emphasized" | "info.fg" | "info.ghost" | "info.muted" | "info.outline" | "info.solid" | "info.subtle" | "lime" | "lime.50" | "lime.100" | "lime.200" | "lime.300" | "lime.400" | "lime.500" | "lime.600" | "lime.700" | "lime.800" | "lime.900" | "lime.950" | "lime.bg" | "lime.contrast" | "lime.emphasized" | "lime.fg" | "lime.ghost" | "lime.muted" | "lime.outline" | "lime.solid" | "lime.subtle" | "link" | "link.50" | "link.100" | "link.200" | "link.300" | "link.400" | "link.500" | "link.600" | "link.700" | "link.800" | "link.900" | "link.950" | "link.bg" | "link.contrast" | "link.emphasized" | "link.fg" | "link.ghost" | "link.muted" | "link.outline" | "link.solid" | "link.subtle" | "mono" | "mono.50" | "mono.100" | "mono.200" | "mono.300" | "mono.400" | "mono.500" | "mono.600" | "mono.700" | "mono.800" | "mono.900" | "mono.950" | "mono.bg" | "mono.contrast" | "mono.emphasized" | "mono.fg" | "mono.ghost" | "mono.muted" | "mono.outline" | "mono.solid" | "mono.subtle" | "orange" | "orange.50" | "orange.100" | "orange.200" | "orange.300" | "orange.400" | "orange.500" | "orange.600" | "orange.700" | "orange.800" | "orange.900" | "orange.950" | "orange.bg" | "orange.contrast" | "orange.emphasized" | "orange.fg" | "orange.ghost" | "orange.muted" | "orange.outline" | "orange.solid" | "orange.subtle" | "pink" | "pink.50" | "pink.100" | "pink.200" | "pink.300" | "pink.400" | "pink.500" | "pink.600" | "pink.700" | "pink.800" | "pink.900" | "pink.950" | "pink.bg" | "pink.contrast" | "pink.emphasized" | "pink.fg" | "pink.ghost" | "pink.muted" | "pink.outline" | "pink.solid" | "pink.subtle" | "primary" | "primary.50" | "primary.100" | "primary.200" | "primary.300" | "primary.400" | "primary.500" | "primary.600" | "primary.700" | "primary.800" | "primary.900" | "primary.950" | "primary.bg" | "primary.contrast" | "primary.emphasized" | "primary.fg" | "primary.ghost" | "primary.muted" | "primary.outline" | "primary.solid" | "primary.subtle" | "purple" | "purple.50" | "purple.100" | "purple.200" | "purple.300" | "purple.400" | "purple.500" | "purple.600" | "purple.700" | "purple.800" | "purple.900" | "purple.950" | "purple.bg" | "purple.contrast" | "purple.emphasized" | "purple.fg" | "purple.ghost" | "purple.muted" | "purple.outline" | "purple.solid" | "purple.subtle" | "red" | "red.50" | "red.100" | "red.200" | "red.300" | "red.400" | "red.500" | "red.600" | "red.700" | "red.800" | "red.900" | "red.950" | "red.bg" | "red.contrast" | "red.emphasized" | "red.fg" | "red.ghost" | "red.muted" | "red.outline" | "red.solid" | "red.subtle" | "rose" | "rose.50" | "rose.100" | "rose.200" | "rose.300" | "rose.400" | "rose.500" | "rose.600" | "rose.700" | "rose.800" | "rose.900" | "rose.950" | "rose.bg" | "rose.contrast" | "rose.emphasized" | "rose.fg" | "rose.ghost" | "rose.muted" | "rose.outline" | "rose.solid" | "rose.subtle" | "secondary" | "secondary.50" | "secondary.100" | "secondary.200" | "secondary.300" | "secondary.400" | "secondary.500" | "secondary.600" | "secondary.700" | "secondary.800" | "secondary.900" | "secondary.950" | "secondary.bg" | "secondary.contrast" | "secondary.emphasized" | "secondary.fg" | "secondary.ghost" | "secondary.muted" | "secondary.outline" | "secondary.solid" | "secondary.subtle" | "sky" | "sky.50" | "sky.100" | "sky.200" | "sky.300" | "sky.400" | "sky.500" | "sky.600" | "sky.700" | "sky.800" | "sky.900" | "sky.950" | "sky.bg" | "sky.contrast" | "sky.emphasized" | "sky.fg" | "sky.ghost" | "sky.muted" | "sky.outline" | "sky.solid" | "sky.subtle" | "success" | "success.50" | "success.100" | "success.200" | "success.300" | "success.400" | "success.500" | "success.600" | "success.700" | "success.800" | "success.900" | "success.950" | "success.bg" | "success.contrast" | "success.emphasized" | "success.fg" | "success.ghost" | "success.muted" | "success.outline" | "success.solid" | "success.subtle" | "teal" | "teal.50" | "teal.100" | "teal.200" | "teal.300" | "teal.400" | "teal.500" | "teal.600" | "teal.700" | "teal.800" | "teal.900" | "teal.950" | "teal.bg" | "teal.contrast" | "teal.emphasized" | "teal.fg" | "teal.ghost" | "teal.muted" | "teal.outline" | "teal.solid" | "teal.subtle" | "transparent" | "violet" | "violet.50" | "violet.100" | "violet.200" | "violet.300" | "violet.400" | "violet.500" | "violet.600" | "violet.700" | "violet.800" | "violet.900" | "violet.950" | "violet.bg" | "violet.contrast" | "violet.emphasized" | "violet.fg" | "violet.ghost" | "violet.muted" | "violet.outline" | "violet.solid" | "violet.subtle" | "warning" | "warning.50" | "warning.100" | "warning.200" | "warning.300" | "warning.400" | "warning.500" | "warning.600" | "warning.700" | "warning.800" | "warning.900" | "warning.950" | "warning.bg" | "warning.contrast" | "warning.emphasized" | "warning.fg" | "warning.ghost" | "warning.muted" | "warning.outline" | "warning.solid" | "warning.subtle" | "white" | "white.50" | "white.100" | "white.200" | "white.300" | "white.400" | "white.500" | "white.600" | "white.700" | "white.800" | "white.900" | "white.950" | "white.bg" | "white.contrast" | "white.emphasized" | "white.fg" | "white.ghost" | "white.muted" | "white.outline" | "white.solid" | "white.subtle" | "whiteAlpha.50" | "whiteAlpha.100" | "whiteAlpha.200" | "whiteAlpha.300" | "whiteAlpha.400" | "whiteAlpha.500" | "whiteAlpha.600" | "whiteAlpha.700" | "whiteAlpha.800" | "whiteAlpha.900" | "whiteAlpha.950" | "yellow" | "yellow.50" | "yellow.100" | "yellow.200" | "yellow.300" | "yellow.400" | "yellow.500" | "yellow.600" | "yellow.700" | "yellow.800" | "yellow.900" | "yellow.950" | "yellow.bg" | "yellow.contrast" | "yellow.emphasized" | "yellow.fg" | "yellow.ghost" | "yellow.muted" | "yellow.outline" | "yellow.solid" | "yellow.subtle";
|
|
13
|
-
colorSchemes: "
|
|
14
|
-
durations: "
|
|
7
|
+
aspectRatios: "wide" | "bronze" | "golden" | "landscape" | "portrait" | "silver" | "square" | "ultrawide";
|
|
8
|
+
blurs: "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl";
|
|
9
|
+
borders: "xs" | "sm" | "md" | "lg" | "xl";
|
|
10
|
+
breakpoints: "sm" | "md" | "lg" | "xl" | "2xl";
|
|
11
|
+
colors: "black.50" | "black.100" | "black.200" | "black.300" | "black.400" | "black.500" | "black.600" | "black.700" | "black.800" | "black.900" | "black.950" | "blackAlpha.50" | "blackAlpha.100" | "blackAlpha.200" | "blackAlpha.300" | "blackAlpha.400" | "blackAlpha.500" | "blackAlpha.600" | "blackAlpha.700" | "blackAlpha.800" | "blackAlpha.900" | "blackAlpha.950" | "white.50" | "white.100" | "white.200" | "white.300" | "white.400" | "white.500" | "white.600" | "white.700" | "white.800" | "white.900" | "white.950" | "whiteAlpha.50" | "whiteAlpha.100" | "whiteAlpha.200" | "whiteAlpha.300" | "whiteAlpha.400" | "whiteAlpha.500" | "whiteAlpha.600" | "whiteAlpha.700" | "whiteAlpha.800" | "whiteAlpha.900" | "whiteAlpha.950" | "amber.50" | "amber.100" | "amber.200" | "amber.300" | "amber.400" | "amber.500" | "amber.600" | "amber.700" | "amber.800" | "amber.900" | "amber.950" | "blue.50" | "blue.100" | "blue.200" | "blue.300" | "blue.400" | "blue.500" | "blue.600" | "blue.700" | "blue.800" | "blue.900" | "blue.950" | "cyan.50" | "cyan.100" | "cyan.200" | "cyan.300" | "cyan.400" | "cyan.500" | "cyan.600" | "cyan.700" | "cyan.800" | "cyan.900" | "cyan.950" | "emerald.50" | "emerald.100" | "emerald.200" | "emerald.300" | "emerald.400" | "emerald.500" | "emerald.600" | "emerald.700" | "emerald.800" | "emerald.900" | "emerald.950" | "flashy.50" | "flashy.100" | "flashy.200" | "flashy.300" | "flashy.400" | "flashy.500" | "flashy.600" | "flashy.700" | "flashy.800" | "flashy.900" | "flashy.950" | "fuchsia.50" | "fuchsia.100" | "fuchsia.200" | "fuchsia.300" | "fuchsia.400" | "fuchsia.500" | "fuchsia.600" | "fuchsia.700" | "fuchsia.800" | "fuchsia.900" | "fuchsia.950" | "gray.50" | "gray.100" | "gray.200" | "gray.300" | "gray.400" | "gray.500" | "gray.600" | "gray.700" | "gray.800" | "gray.900" | "gray.950" | "green.50" | "green.100" | "green.200" | "green.300" | "green.400" | "green.500" | "green.600" | "green.700" | "green.800" | "green.900" | "green.950" | "indigo.50" | "indigo.100" | "indigo.200" | "indigo.300" | "indigo.400" | "indigo.500" | "indigo.600" | "indigo.700" | "indigo.800" | "indigo.900" | "indigo.950" | "lime.50" | "lime.100" | "lime.200" | "lime.300" | "lime.400" | "lime.500" | "lime.600" | "lime.700" | "lime.800" | "lime.900" | "lime.950" | "orange.50" | "orange.100" | "orange.200" | "orange.300" | "orange.400" | "orange.500" | "orange.600" | "orange.700" | "orange.800" | "orange.900" | "orange.950" | "pink.50" | "pink.100" | "pink.200" | "pink.300" | "pink.400" | "pink.500" | "pink.600" | "pink.700" | "pink.800" | "pink.900" | "pink.950" | "purple.50" | "purple.100" | "purple.200" | "purple.300" | "purple.400" | "purple.500" | "purple.600" | "purple.700" | "purple.800" | "purple.900" | "purple.950" | "red.50" | "red.100" | "red.200" | "red.300" | "red.400" | "red.500" | "red.600" | "red.700" | "red.800" | "red.900" | "red.950" | "rose.50" | "rose.100" | "rose.200" | "rose.300" | "rose.400" | "rose.500" | "rose.600" | "rose.700" | "rose.800" | "rose.900" | "rose.950" | "sky.50" | "sky.100" | "sky.200" | "sky.300" | "sky.400" | "sky.500" | "sky.600" | "sky.700" | "sky.800" | "sky.900" | "sky.950" | "teal.50" | "teal.100" | "teal.200" | "teal.300" | "teal.400" | "teal.500" | "teal.600" | "teal.700" | "teal.800" | "teal.900" | "teal.950" | "violet.50" | "violet.100" | "violet.200" | "violet.300" | "violet.400" | "violet.500" | "violet.600" | "violet.700" | "violet.800" | "violet.900" | "violet.950" | "yellow.50" | "yellow.100" | "yellow.200" | "yellow.300" | "yellow.400" | "yellow.500" | "yellow.600" | "yellow.700" | "yellow.800" | "yellow.900" | "yellow.950" | "current" | "transparent" | "bg" | "bg.contrast" | "bg.emphasized" | "bg.error" | "bg.float" | "bg.ghost" | "bg.info" | "bg.muted" | "bg.overlay" | "bg.panel" | "bg.subtle" | "bg.success" | "bg.warning" | "border" | "border.contrast" | "border.emphasized" | "border.error" | "border.info" | "border.muted" | "border.subtle" | "border.success" | "border.warning" | "fg" | "fg.contrast" | "fg.emphasized" | "fg.error" | "fg.info" | "fg.muted" | "fg.subtle" | "fg.success" | "fg.warning" | "black" | "black.bg" | "black.contrast" | "black.emphasized" | "black.fg" | "black.ghost" | "black.muted" | "black.outline" | "black.solid" | "black.subtle" | "white" | "white.bg" | "white.contrast" | "white.emphasized" | "white.fg" | "white.ghost" | "white.muted" | "white.outline" | "white.solid" | "white.subtle" | "gray" | "gray.bg" | "gray.contrast" | "gray.emphasized" | "gray.fg" | "gray.ghost" | "gray.muted" | "gray.outline" | "gray.solid" | "gray.subtle" | "cyan" | "cyan.bg" | "cyan.contrast" | "cyan.emphasized" | "cyan.fg" | "cyan.ghost" | "cyan.muted" | "cyan.outline" | "cyan.solid" | "cyan.subtle" | "emerald" | "emerald.bg" | "emerald.contrast" | "emerald.emphasized" | "emerald.fg" | "emerald.ghost" | "emerald.muted" | "emerald.outline" | "emerald.solid" | "emerald.subtle" | "teal" | "teal.bg" | "teal.contrast" | "teal.emphasized" | "teal.fg" | "teal.ghost" | "teal.muted" | "teal.outline" | "teal.solid" | "teal.subtle" | "green" | "green.bg" | "green.contrast" | "green.emphasized" | "green.fg" | "green.ghost" | "green.muted" | "green.outline" | "green.solid" | "green.subtle" | "lime" | "lime.bg" | "lime.contrast" | "lime.emphasized" | "lime.fg" | "lime.ghost" | "lime.muted" | "lime.outline" | "lime.solid" | "lime.subtle" | "sky" | "sky.bg" | "sky.contrast" | "sky.emphasized" | "sky.fg" | "sky.ghost" | "sky.muted" | "sky.outline" | "sky.solid" | "sky.subtle" | "amber" | "amber.bg" | "amber.contrast" | "amber.emphasized" | "amber.fg" | "amber.ghost" | "amber.muted" | "amber.outline" | "amber.solid" | "amber.subtle" | "blue" | "blue.bg" | "blue.contrast" | "blue.emphasized" | "blue.fg" | "blue.ghost" | "blue.muted" | "blue.outline" | "blue.solid" | "blue.subtle" | "flashy" | "flashy.bg" | "flashy.contrast" | "flashy.emphasized" | "flashy.fg" | "flashy.ghost" | "flashy.muted" | "flashy.outline" | "flashy.solid" | "flashy.subtle" | "fuchsia" | "fuchsia.bg" | "fuchsia.contrast" | "fuchsia.emphasized" | "fuchsia.fg" | "fuchsia.ghost" | "fuchsia.muted" | "fuchsia.outline" | "fuchsia.solid" | "fuchsia.subtle" | "indigo" | "indigo.bg" | "indigo.contrast" | "indigo.emphasized" | "indigo.fg" | "indigo.ghost" | "indigo.muted" | "indigo.outline" | "indigo.solid" | "indigo.subtle" | "orange" | "orange.bg" | "orange.contrast" | "orange.emphasized" | "orange.fg" | "orange.ghost" | "orange.muted" | "orange.outline" | "orange.solid" | "orange.subtle" | "pink" | "pink.bg" | "pink.contrast" | "pink.emphasized" | "pink.fg" | "pink.ghost" | "pink.muted" | "pink.outline" | "pink.solid" | "pink.subtle" | "purple" | "purple.bg" | "purple.contrast" | "purple.emphasized" | "purple.fg" | "purple.ghost" | "purple.muted" | "purple.outline" | "purple.solid" | "purple.subtle" | "red" | "red.bg" | "red.contrast" | "red.emphasized" | "red.fg" | "red.ghost" | "red.muted" | "red.outline" | "red.solid" | "red.subtle" | "rose" | "rose.bg" | "rose.contrast" | "rose.emphasized" | "rose.fg" | "rose.ghost" | "rose.muted" | "rose.outline" | "rose.solid" | "rose.subtle" | "violet" | "violet.bg" | "violet.contrast" | "violet.emphasized" | "violet.fg" | "violet.ghost" | "violet.muted" | "violet.outline" | "violet.solid" | "violet.subtle" | "yellow" | "yellow.bg" | "yellow.contrast" | "yellow.emphasized" | "yellow.fg" | "yellow.ghost" | "yellow.muted" | "yellow.outline" | "yellow.solid" | "yellow.subtle" | "colorScheme.contrast" | "colorScheme.fg" | "colorScheme.subtle" | "colorScheme.muted" | "colorScheme.emphasized" | "colorScheme.ghost" | "colorScheme.solid" | "colorScheme.outline" | "danger.50" | "danger.100" | "danger.200" | "danger.300" | "danger.400" | "danger.500" | "danger.600" | "danger.700" | "danger.800" | "danger.900" | "danger.950" | "danger" | "danger.bg" | "danger.contrast" | "danger.emphasized" | "danger.fg" | "danger.ghost" | "danger.muted" | "danger.outline" | "danger.solid" | "danger.subtle" | "error.50" | "error.100" | "error.200" | "error.300" | "error.400" | "error.500" | "error.600" | "error.700" | "error.800" | "error.900" | "error.950" | "error" | "error.bg" | "error.contrast" | "error.emphasized" | "error.fg" | "error.ghost" | "error.muted" | "error.outline" | "error.solid" | "error.subtle" | "info.50" | "info.100" | "info.200" | "info.300" | "info.400" | "info.500" | "info.600" | "info.700" | "info.800" | "info.900" | "info.950" | "info" | "info.bg" | "info.contrast" | "info.emphasized" | "info.fg" | "info.ghost" | "info.muted" | "info.outline" | "info.solid" | "info.subtle" | "link.50" | "link.100" | "link.200" | "link.300" | "link.400" | "link.500" | "link.600" | "link.700" | "link.800" | "link.900" | "link.950" | "link" | "link.bg" | "link.contrast" | "link.emphasized" | "link.fg" | "link.ghost" | "link.muted" | "link.outline" | "link.solid" | "link.subtle" | "mono.50" | "mono.100" | "mono.200" | "mono.300" | "mono.400" | "mono.500" | "mono.600" | "mono.700" | "mono.800" | "mono.900" | "mono.950" | "mono" | "mono.bg" | "mono.contrast" | "mono.emphasized" | "mono.fg" | "mono.ghost" | "mono.muted" | "mono.outline" | "mono.solid" | "mono.subtle" | "primary.50" | "primary.100" | "primary.200" | "primary.300" | "primary.400" | "primary.500" | "primary.600" | "primary.700" | "primary.800" | "primary.900" | "primary.950" | "primary" | "primary.bg" | "primary.contrast" | "primary.emphasized" | "primary.fg" | "primary.ghost" | "primary.muted" | "primary.outline" | "primary.solid" | "primary.subtle" | "secondary.50" | "secondary.100" | "secondary.200" | "secondary.300" | "secondary.400" | "secondary.500" | "secondary.600" | "secondary.700" | "secondary.800" | "secondary.900" | "secondary.950" | "secondary" | "secondary.bg" | "secondary.contrast" | "secondary.emphasized" | "secondary.fg" | "secondary.ghost" | "secondary.muted" | "secondary.outline" | "secondary.solid" | "secondary.subtle" | "success.50" | "success.100" | "success.200" | "success.300" | "success.400" | "success.500" | "success.600" | "success.700" | "success.800" | "success.900" | "success.950" | "success" | "success.bg" | "success.contrast" | "success.emphasized" | "success.fg" | "success.ghost" | "success.muted" | "success.outline" | "success.solid" | "success.subtle" | "warning.50" | "warning.100" | "warning.200" | "warning.300" | "warning.400" | "warning.500" | "warning.600" | "warning.700" | "warning.800" | "warning.900" | "warning.950" | "warning" | "warning.bg" | "warning.contrast" | "warning.emphasized" | "warning.fg" | "warning.ghost" | "warning.muted" | "warning.outline" | "warning.solid" | "warning.subtle";
|
|
12
|
+
colorSchemes: "black" | "blackAlpha" | "white" | "whiteAlpha" | "amber" | "blue" | "cyan" | "emerald" | "flashy" | "fuchsia" | "gray" | "green" | "indigo" | "lime" | "orange" | "pink" | "purple" | "red" | "rose" | "sky" | "teal" | "violet" | "yellow" | "danger" | "error" | "info" | "link" | "mono" | "primary" | "secondary" | "success" | "warning";
|
|
13
|
+
durations: "fastest" | "faster" | "fast" | "moderate" | "slow" | "slower" | "slowest";
|
|
15
14
|
easings: "ease" | "ease-in" | "ease-in-out" | "ease-in-smooth" | "ease-out";
|
|
16
15
|
fonts: "body" | "heading" | "mono";
|
|
17
|
-
fontSizes: "
|
|
18
|
-
fontWeights: "
|
|
16
|
+
fontSizes: "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
|
|
17
|
+
fontWeights: "hairline" | "thin" | "light" | "normal" | "medium" | "semibold" | "bold" | "extrabold" | "black";
|
|
19
18
|
gradients: never;
|
|
20
|
-
keyframes: "
|
|
19
|
+
keyframes: "bounce" | "ping" | "pulse" | "spin" | "bg-position" | "position" | "translate" | "fade-in" | "fade-out" | "scale-in" | "scale-out" | "collapse-height" | "collapse-width" | "expand-height" | "expand-width" | "slide-from-bottom-full" | "slide-from-left-full" | "slide-from-right-full" | "slide-from-top-full" | "slide-to-bottom-full" | "slide-to-left-full" | "slide-to-right-full" | "slide-to-top-full" | "slide-from-bottom" | "slide-from-left" | "slide-from-right" | "slide-from-top" | "slide-to-bottom" | "slide-to-left" | "slide-to-right" | "slide-to-top";
|
|
21
20
|
layerStyles: "active" | "disabled" | "ghost" | "ghost.hover" | "hover" | "outline" | "outline.hover" | "panel" | "readOnly" | "solid" | "solid.hover" | "subtle" | "subtle.hover" | "surface" | "surface.hover" | "visuallyHidden";
|
|
22
|
-
letterSpacings: "
|
|
23
|
-
lineHeights: "
|
|
24
|
-
radii: "
|
|
25
|
-
shadows: "
|
|
26
|
-
sizes: "
|
|
27
|
-
spaces: "
|
|
21
|
+
letterSpacings: "tighter" | "tight" | "wide" | "wider" | "widest";
|
|
22
|
+
lineHeights: "shorter" | "short" | "moderate" | "tall" | "taller";
|
|
23
|
+
radii: "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "full" | "l1" | "l2" | "l3" | "l4" | "l5";
|
|
24
|
+
shadows: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "inner" | "inset";
|
|
25
|
+
sizes: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | "14" | "15" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "68" | "72" | "76" | "80" | "84" | "88" | "92" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "px" | "fit" | "max" | "min" | "dvh" | "dvw" | "full" | "lvh" | "lvw" | "svh" | "svw" | "vh" | "vw" | "1/2" | "1/3" | "1/4" | "1/5" | "1/6" | "1/12" | "2/3" | "2/5" | "2/6" | "2/12" | "3/4" | "3/5" | "3/6" | "3/12" | "4/5" | "4/6" | "4/12" | "5/6" | "5/12" | "6/12" | "7/12" | "8/12" | "9/12" | "10/12" | "11/12" | "9xs" | "8xs" | "7xs" | "6xs" | "5xs" | "4xs" | "3xs" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
|
|
26
|
+
spaces: "1" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "7" | "-7" | "8" | "-8" | "9" | "-9" | "10" | "-10" | "11" | "-11" | "12" | "-12" | "13" | "-13" | "14" | "-14" | "15" | "-15" | "16" | "-16" | "20" | "-20" | "24" | "-24" | "28" | "-28" | "32" | "-32" | "36" | "-36" | "40" | "-40" | "44" | "-44" | "48" | "-48" | "52" | "-52" | "56" | "-56" | "60" | "-60" | "64" | "-64" | "68" | "-68" | "72" | "-72" | "76" | "-76" | "80" | "-80" | "84" | "-84" | "88" | "-88" | "92" | "-92" | "96" | "-96" | "0.5" | "-0.5" | "1.5" | "-1.5" | "2.5" | "-2.5" | "3.5" | "-3.5" | "4.5" | "-4.5" | "5.5" | "-5.5" | "6.5" | "-6.5" | "7.5" | "-7.5" | "px" | "-px" | "xs" | "-xs" | "sm" | "-sm" | "md" | "-md" | "lg" | "-lg" | "xl" | "-xl" | "2xl" | "-2xl" | "3xl" | "-3xl" | "4xl" | "-4xl" | "5xl" | "-5xl";
|
|
28
27
|
textStyles: "ghost" | "mono" | "outline" | "solid" | "subtle" | "surface";
|
|
29
28
|
themeSchemes: never;
|
|
30
|
-
zIndices: "
|
|
29
|
+
zIndices: "yamcha" | "kurillin" | "nappa" | "guldo" | "jeice" | "burter" | "recoome" | "ginyu" | "dodoria" | "zarbon" | "freeza" | "vegeta" | "sonGoku" | "beerus";
|
|
31
30
|
}
|
|
32
31
|
//#endregion
|
|
33
32
|
export { GeneratedThemeTokens };
|
|
@@ -15,11 +15,10 @@ import { GlobalStyles, ThemeProvider, ThemeProviderProps, getPreventTransition,
|
|
|
15
15
|
import { getColorModeValue, useColorModeValue } from "./system/use-color-mode-value.js";
|
|
16
16
|
import { UseSystemColorModeProps, useSystemColorMode } from "./system/use-system-color-mode.js";
|
|
17
17
|
import { CreateVars, createVars, getColorSchemeVar, getVar, getVarName, injectVars, isColorScheme, mergeVars, transformInterpolation, varAttr } from "./system/var.js";
|
|
18
|
-
import "./system/index.js";
|
|
19
18
|
import { AnySelector, AttributeProperty, AttributeProps, Attributes, ConditionProperty, ConditionProps, ConditionSelector, Conditions, GroupAttributeProperty, GroupAttributeProps, GroupAttributes, PeerAttributeProperty, PeerAttributeProps, PeerAttributes, PseudoClassProperty, PseudoClassProps, PseudoClasses, PseudoElementProperty, PseudoElementProps, PseudoElements, attributeProperties, attributeSelectors, attributes, conditionProperties, conditionSelectors, conditions, getCondition, groupAttributeProperties, groupAttributeSelectors, groupAttributes, peerAttributeProperties, peerAttributeSelectors, peerAttributes, pseudoClassProperties, pseudoClassSelectors, pseudoClasses, pseudoElementProperties, pseudoElementSelectors, pseudoElements } from "./css/conditions.js";
|
|
20
19
|
import { display } from "./css/display.js";
|
|
21
20
|
import { AnimationProperty, AspectRatioProperty, AtRuleStyleProperty, BlurProperty, BorderProperty, ColorProperty, DurationProperty, EasingProperty, FontProperty, GradientProperty, KeyframeProperty, PseudoStyleProperty, RadiusProperty, ShadowProperty, ShorthandStyleProperty, SizeProperty, SpaceProperty, StandardStyleProperty, StyleProperty, StyleProps, StyledStyleProperty, Styles, VariableLengthProperty, ZIndexProperty, animationProperties, aspectRatioProperties, atRuleStyles, blurProperties, borderProperties, colorProperties, durationProperties, easingProperties, fontProperties, gradientProperties, keyframeProperties, pseudoStyles, radiusProperties, shadowProperties, shorthandStyles, sizeProperties, spaceProperties, standardStyles, styleProperties, styledStyles, styles, variableLengthProperties, zIndexProperties } from "./css/styles.js";
|
|
22
|
-
import { CSS, CSSAnimationObject, CSSAtRuleObject, CSSContainerObject, CSSFunction, CSSKeyframeObject, CSSMediaObject, CSSModifierObject, CSSObject, CSSObjectOrFunction, CSSPropObject, CSSProperties, CSSProps, CSSSlotObject, CSSVariable, ColorModeArray, ColorModeValue, ConditionObject, ExtractStyleValue, FunctionCSSInterpolation, ResponsiveObject, ResponsiveValue, ResponsiveWithConditionObject, StyleImportantValue, StyleValue, StyleValueWithCondition, Token } from "./css/index.types.js";
|
|
21
|
+
import { CSS, CSSAnimationObject, CSSAtRuleObject, CSSContainerObject, CSSFunction, CSSKeyframeObject, CSSMediaObject, CSSModifierObject, CSSObject, CSSObjectOrFunction, CSSPropObject, CSSProperties, CSSProps, CSSSlotObject, CSSVariable, CSSVariableProps, ColorModeArray, ColorModeValue, ConditionObject, ExtractStyleValue, ExtractStyleValueWithCondition, FunctionCSSInterpolation, ResponsiveObject, ResponsiveValue, ResponsiveWithConditionObject, StyleImportantValue, StyleValue, StyleValueWithCondition, Token } from "./css/index.types.js";
|
|
23
22
|
import { colorMix } from "./css/color-mix.js";
|
|
24
23
|
import { focusRingStyle } from "./css/focus-ring.js";
|
|
25
24
|
import { gradient } from "./css/gradient.js";
|
|
@@ -30,7 +29,6 @@ import { css, getStyle, transformConditionalValue } from "./css/css.js";
|
|
|
30
29
|
import { mergeCSS } from "./css/merge-css.js";
|
|
31
30
|
import { getCSS, useCSS } from "./css/use-css.js";
|
|
32
31
|
import { useInjectVarsIntoCss, useInjectVarsIntoProps } from "./css/use-inject-vars.js";
|
|
33
|
-
import "./css/index.js";
|
|
34
32
|
import { As, Component, ComponentArgs, DOMElement, GenericsComponent, HTMLElementProps, HTMLProps, HTMLRefAttributes, HTMLStyledProps, HTMLStyledPropsWithoutAs, HTMLStyledPropsWithoutRef, OmitProps, PropGetter, RequiredPropGetter, StyledComponent, StyledProps, WithoutAs, WithoutRef } from "./components/index.types.js";
|
|
35
33
|
import { ComponentOptions, ComponentSlot, ComponentSlotName, ComponentWithContextOptions, InitialProps, SuperProps, SuperWithoutThemeProps, UseComponentPropsOptions, createComponent, createSlotComponent } from "./components/create-component.js";
|
|
36
34
|
import { UseComponentSlotStyleOptions, UseComponentStyleOptions, getSlotClassName, mergeSlotCSS, useComponentSlotStyle, useComponentStyle } from "./components/use-component-style.js";
|
|
@@ -38,4 +36,4 @@ import { ShouldForwardProp, chainProps, createShouldForwardProp, cssProps, extra
|
|
|
38
36
|
import { getClassName, getDisplayName } from "./components/utils.js";
|
|
39
37
|
import "./components/index.js";
|
|
40
38
|
import { COLOR_MODE_STORAGE_KEY, DEFAULT_DIRECTION, DEFAULT_LAYERS, DEFAULT_LOCALE, DEFAULT_VAR_PREFIX, THEME_SCHEME_STORAGE_KEY } from "./constant.js";
|
|
41
|
-
export { AnimationProperty, AnySelector, As, AspectRatioProperty, AtRuleStyleProperty, AttributeProperty, AttributeProps, Attributes, BlurProperty, BorderProperty, Breakpoint, BreakpointConfig, BreakpointDirection, BreakpointIdentifier, Breakpoints, COLOR_MODE_STORAGE_KEY, CSS, CSSAnimationObject, CSSAtRuleObject, CSSContainerObject, CSSFunction, CSSKeyframeObject, CSSMap, CSSMediaObject, CSSModifierObject, CSSObject, CSSObjectOrFunction, CSSPropObject, CSSProperties, CSSProps, CSSSlotObject, CSSVariable, ChangeThemeScheme, ColorMode, ColorModeArray, ColorModeContext, ColorModeProvider, ColorModeProviderProps, ColorModeScript, ColorModeValue, ColorModeWithSystem, ColorProperty, ColorScheme, ColorSchemeContext, Component, ComponentArgs, ComponentCompound, ComponentDefaultProps, ComponentOptions, ComponentSlot, ComponentSlotName, ComponentSlotStyle, ComponentStyle, ComponentWithContextOptions, ConditionObject, ConditionProperty, ConditionProps, ConditionSelector, Conditions, CreateVars, CustomTheme, CustomThemeTokens, DEFAULT_DIRECTION, DEFAULT_LAYERS, DEFAULT_LOCALE, DEFAULT_VAR_PREFIX, DOMElement, DefaultTheme, DefineComponentSlotStyle, DefineComponentStyle, DefineComponentStyleModifiers, DefineComponentStyleProps, DefineComponentStyleSlotModifiers, DefineComponentStyleSlotProps, DefineThemeAnimationTokens, DefineThemeBreakpointTokens, DefineThemeColorSchemeSemanticTokens, DefineThemeColorSchemeValue, DefineThemeColorSemanticToken, DefineThemeColorSemanticTokens, DefineThemeColorSemanticValue, DefineThemeKeyframeTokens, DefineThemeSchemeTokens, DefineThemeSemanticTokens, DefineThemeTokens, DefineThemeValue, Direction, DurationProperty, EasingProperty, Environment, EnvironmentProvider, EnvironmentProviderProps, ExtractStyleValue, FontProperty, FunctionCSSInterpolation, GeneratedThemeTokens, GenericsComponent, GlobalStyles, GradientProperty, GroupAttributeProperty, GroupAttributeProps, GroupAttributes, HTMLElementProps, HTMLProps, HTMLRefAttributes, HTMLStyledProps, HTMLStyledPropsWithoutAs, HTMLStyledPropsWithoutRef, InitialProps, KeyframeIdent, KeyframeProperty, LayerScheme, Layers, LayersConfig, LoadingConfig, LoadingMethod, LoadingScheme, NoticeCloseStrategy, NoticeConfig, NoticePlacement, OmitProps, Orientation, PeerAttributeProperty, PeerAttributeProps, PeerAttributes, Placement, PropGetter, PseudoClassProperty, PseudoClassProps, PseudoClasses, PseudoElementProperty, PseudoElementProps, PseudoElements, PseudoStyleProperty, RadiusProperty, RequiredPropGetter, ResponsiveObject, ResponsiveValue, ResponsiveWithConditionObject, RootNode, ShadowProperty, ShorthandStyleProperty, ShouldForwardProp, SimpleDirection, SimplePlacement, SizeProperty, SnacksConfig, SpaceProperty, StandardStyleProperty, Storage, StorageManager, StorageScriptProps, StyleConfig, StyleConfigs, StyleImportantValue, StyleProperty, StyleProps, StyleValue, StyleValueWithCondition, StyledComponent, StyledOptions, StyledProps, StyledStyleProperty, StyledTheme, Styles, SuperProps, SuperWithoutThemeProps, System, SystemProvider, SystemProviderProps, SystemUtils, THEME_SCHEME_STORAGE_KEY, TextDirection, Theme, ThemeComponentProps, ThemeConfig, ThemePath, ThemeProps, ThemeProvider, ThemeProviderProps, ThemeScheme, ThemeSchemeScript, ThemeToken, ThemeTokens, Token, Transforms, UsageTheme, UsageThemeTokens, UseComponentPropsOptions, UseComponentSlotStyleOptions, UseComponentStyleOptions, UseSystemColorModeProps, VariableAnimationValue, VariableColorModeValue, VariableKeyframeValue, VariableLengthProperty, VariableResponsiveValue, VariableTokens, VariableValue, WithoutAs, WithoutRef, WithoutThemeProps, ZIndexProperty, animation, animationProperties, aspectRatioProperties, atRuleStyles, attributeProperties, attributeSelectors, attributes, blurProperties, borderProperties, chainProps, colorMix, colorProperties, conditionProperties, conditionSelectors, conditions, createBreakpoints, createComponent, createLayers, createShouldForwardProp, createSlotComponent, createStorageManager, createStyled, createSystem, createVars, css, cssProps, defaultEnvironment, defaultLayers, defaultSystem, defineComponentSlotStyle, defineComponentStyle, defineConfig, defineSemanticTokens, defineStyles, defineTheme, defineThemeSchemes, defineTokens, display, durationProperties, easingProperties, extractProps, focusRingStyle, fontProperties, getCSS, getCSSFunction, getClassName, getColorModeValue, getColorSchemeVar, getCondition, getDisplayName, getPreventTransition, getSlotClassName, getStorageScript, getStyle, getVar, getVarName, gradient, gradientProperties, groupAttributeProperties, groupAttributeSelectors, groupAttributes, injectKeyframes, injectVars, isCSSFunction, isCSSToken, isCSSVar, isColorScheme, isEqualProps, keyframeProperties, keyframes, mergeCSS, mergeProps, mergeSlotCSS, mergeVars, peerAttributeProperties, peerAttributeSelectors, peerAttributes, pseudoClassProperties, pseudoClassSelectors, pseudoClasses, pseudoElementProperties, pseudoElementSelectors, pseudoElements, pseudoStyles, radiusProperties, shadowProperties, shorthandStyles, sizeProperties, spaceProperties, standardStyles, styleProperties, styled, styledStyles, styles, tokenToValue, tokenToVar, transformConditionalValue, transformInterpolation, transforms, useCSS, useColorMode, useColorModeValue, useColorSchemeContext, useComponentSlotStyle, useComponentStyle, useEnvironment, useExtractProps, useInjectVarsIntoCss, useInjectVarsIntoProps, useSplitProps, useSystem, useSystemColorMode, useTheme, varAttr, varToValue, variableLengthProperties, zIndexProperties };
|
|
39
|
+
export { AnimationProperty, AnySelector, As, AspectRatioProperty, AtRuleStyleProperty, AttributeProperty, AttributeProps, Attributes, BlurProperty, BorderProperty, Breakpoint, BreakpointConfig, BreakpointDirection, BreakpointIdentifier, Breakpoints, COLOR_MODE_STORAGE_KEY, CSS, CSSAnimationObject, CSSAtRuleObject, CSSContainerObject, CSSFunction, CSSKeyframeObject, CSSMap, CSSMediaObject, CSSModifierObject, CSSObject, CSSObjectOrFunction, CSSPropObject, CSSProperties, CSSProps, CSSSlotObject, CSSVariable, CSSVariableProps, ChangeThemeScheme, ColorMode, ColorModeArray, ColorModeContext, ColorModeProvider, ColorModeProviderProps, ColorModeScript, ColorModeValue, ColorModeWithSystem, ColorProperty, ColorScheme, ColorSchemeContext, Component, ComponentArgs, ComponentCompound, ComponentDefaultProps, ComponentOptions, ComponentSlot, ComponentSlotName, ComponentSlotStyle, ComponentStyle, ComponentWithContextOptions, ConditionObject, ConditionProperty, ConditionProps, ConditionSelector, Conditions, CreateVars, CustomTheme, CustomThemeTokens, DEFAULT_DIRECTION, DEFAULT_LAYERS, DEFAULT_LOCALE, DEFAULT_VAR_PREFIX, DOMElement, DefaultTheme, DefineComponentSlotStyle, DefineComponentStyle, DefineComponentStyleModifiers, DefineComponentStyleProps, DefineComponentStyleSlotModifiers, DefineComponentStyleSlotProps, DefineThemeAnimationTokens, DefineThemeBreakpointTokens, DefineThemeColorSchemeSemanticTokens, DefineThemeColorSchemeValue, DefineThemeColorSemanticToken, DefineThemeColorSemanticTokens, DefineThemeColorSemanticValue, DefineThemeKeyframeTokens, DefineThemeSchemeTokens, DefineThemeSemanticTokens, DefineThemeTokens, DefineThemeValue, Direction, DurationProperty, EasingProperty, Environment, EnvironmentProvider, EnvironmentProviderProps, ExtractStyleValue, ExtractStyleValueWithCondition, FontProperty, FunctionCSSInterpolation, GeneratedThemeTokens, GenericsComponent, GlobalStyles, GradientProperty, GroupAttributeProperty, GroupAttributeProps, GroupAttributes, HTMLElementProps, HTMLProps, HTMLRefAttributes, HTMLStyledProps, HTMLStyledPropsWithoutAs, HTMLStyledPropsWithoutRef, InitialProps, KeyframeIdent, KeyframeProperty, LayerScheme, Layers, LayersConfig, LoadingConfig, LoadingMethod, LoadingScheme, NoticeCloseStrategy, NoticeConfig, NoticePlacement, OmitProps, Orientation, PeerAttributeProperty, PeerAttributeProps, PeerAttributes, Placement, PropGetter, PseudoClassProperty, PseudoClassProps, PseudoClasses, PseudoElementProperty, PseudoElementProps, PseudoElements, PseudoStyleProperty, RadiusProperty, RequiredPropGetter, ResponsiveObject, ResponsiveValue, ResponsiveWithConditionObject, RootNode, ShadowProperty, ShorthandStyleProperty, ShouldForwardProp, SimpleDirection, SimplePlacement, SizeProperty, SnacksConfig, SpaceProperty, StandardStyleProperty, Storage, StorageManager, StorageScriptProps, StyleConfig, StyleConfigs, StyleImportantValue, StyleProperty, StyleProps, StyleValue, StyleValueWithCondition, StyledComponent, StyledOptions, StyledProps, StyledStyleProperty, StyledTheme, Styles, SuperProps, SuperWithoutThemeProps, System, SystemProvider, SystemProviderProps, SystemUtils, THEME_SCHEME_STORAGE_KEY, TextDirection, Theme, ThemeComponentProps, ThemeConfig, ThemePath, ThemeProps, ThemeProvider, ThemeProviderProps, ThemeScheme, ThemeSchemeScript, ThemeToken, ThemeTokens, Token, Transforms, UsageTheme, UsageThemeTokens, UseComponentPropsOptions, UseComponentSlotStyleOptions, UseComponentStyleOptions, UseSystemColorModeProps, VariableAnimationValue, VariableColorModeValue, VariableKeyframeValue, VariableLengthProperty, VariableResponsiveValue, VariableTokens, VariableValue, WithoutAs, WithoutRef, WithoutThemeProps, ZIndexProperty, animation, animationProperties, aspectRatioProperties, atRuleStyles, attributeProperties, attributeSelectors, attributes, blurProperties, borderProperties, chainProps, colorMix, colorProperties, conditionProperties, conditionSelectors, conditions, createBreakpoints, createComponent, createLayers, createShouldForwardProp, createSlotComponent, createStorageManager, createStyled, createSystem, createVars, css, cssProps, defaultEnvironment, defaultLayers, defaultSystem, defineComponentSlotStyle, defineComponentStyle, defineConfig, defineSemanticTokens, defineStyles, defineTheme, defineThemeSchemes, defineTokens, display, durationProperties, easingProperties, extractProps, focusRingStyle, fontProperties, getCSS, getCSSFunction, getClassName, getColorModeValue, getColorSchemeVar, getCondition, getDisplayName, getPreventTransition, getSlotClassName, getStorageScript, getStyle, getVar, getVarName, gradient, gradientProperties, groupAttributeProperties, groupAttributeSelectors, groupAttributes, injectKeyframes, injectVars, isCSSFunction, isCSSToken, isCSSVar, isColorScheme, isEqualProps, keyframeProperties, keyframes, mergeCSS, mergeProps, mergeSlotCSS, mergeVars, peerAttributeProperties, peerAttributeSelectors, peerAttributes, pseudoClassProperties, pseudoClassSelectors, pseudoClasses, pseudoElementProperties, pseudoElementSelectors, pseudoElements, pseudoStyles, radiusProperties, shadowProperties, shorthandStyles, sizeProperties, spaceProperties, standardStyles, styleProperties, styled, styledStyles, styles, tokenToValue, tokenToVar, transformConditionalValue, transformInterpolation, transforms, useCSS, useColorMode, useColorModeValue, useColorSchemeContext, useComponentSlotStyle, useComponentStyle, useEnvironment, useExtractProps, useInjectVarsIntoCss, useInjectVarsIntoProps, useSplitProps, useSystem, useSystemColorMode, useTheme, varAttr, varToValue, variableLengthProperties, zIndexProperties };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ColorMode, ColorModeWithSystem, ThemeConfig } from "./index.types.js";
|
|
2
2
|
import { Storage } from "./storage-manager.js";
|
|
3
|
-
import * as
|
|
3
|
+
import * as react60 from "react";
|
|
4
4
|
import { FC, PropsWithChildren } from "react";
|
|
5
5
|
|
|
6
6
|
//#region src/core/system/color-mode-provider.d.ts
|
|
@@ -11,7 +11,7 @@ interface ColorModeContext {
|
|
|
11
11
|
toggleColorMode: () => void;
|
|
12
12
|
forced?: boolean;
|
|
13
13
|
}
|
|
14
|
-
declare const ColorModeContext:
|
|
14
|
+
declare const ColorModeContext: react60.Context<ColorModeContext>;
|
|
15
15
|
interface ColorModeProviderProps extends PropsWithChildren {
|
|
16
16
|
/**
|
|
17
17
|
* The forced color mode.
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { ComponentSlotStyle, ComponentStyle, DefineThemeAnimationTokens, DefineThemeBreakpointTokens, DefineThemeColorSchemeSemanticTokens, DefineThemeColorSemanticTokens, DefineThemeKeyframeTokens, DefineThemeSchemeTokens, DefineThemeTokens, ThemeConfig, UsageTheme } from "./index.types.js";
|
|
2
2
|
import { CSSAnimationObject, CSSModifierObject, CSSObject, CSSPropObject, CSSSlotObject } from "../css/index.types.js";
|
|
3
|
-
import "../css/index.js";
|
|
4
3
|
|
|
5
4
|
//#region src/core/system/config.d.ts
|
|
6
5
|
interface DefineConfig {
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { Dict } from "../../utils/index.js";
|
|
2
2
|
import { DefineThemeValue, System, ThemeConfig, UsageTheme } from "./index.types.js";
|
|
3
3
|
import { CSSAnimationObject, CSSModifierObject } from "../css/index.types.js";
|
|
4
|
-
import "../css/index.js";
|
|
5
4
|
|
|
6
5
|
//#region src/core/system/create-system.d.ts
|
|
7
6
|
type VariableResponsiveValue = Dict<[DefineThemeValue, DefineThemeValue] | DefineThemeValue>;
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { ComponentStyle, ThemeProps } from "./index.types.js";
|
|
2
2
|
import { StyledOptions } from "./styled.js";
|
|
3
3
|
import { CSSModifierObject, CSSPropObject } from "../css/index.types.js";
|
|
4
|
-
import "../css/index.js";
|
|
5
4
|
import { As, DOMElement, StyledComponent } from "../components/index.types.js";
|
|
6
5
|
import "../components/index.js";
|
|
7
6
|
import { FC } from "react";
|
|
@@ -4,7 +4,6 @@ import { GeneratedThemeTokens } from "../generated-theme-tokens.types.js";
|
|
|
4
4
|
import { Layers } from "./layer.js";
|
|
5
5
|
import { Breakpoints } from "./breakpoint.js";
|
|
6
6
|
import { CSSAnimationObject, CSSModifierObject, CSSObject, CSSPropObject, CSSSlotObject, StyleValue, StyleValueWithCondition } from "../css/index.types.js";
|
|
7
|
-
import "../css/index.js";
|
|
8
7
|
import { RefObject } from "react";
|
|
9
8
|
|
|
10
9
|
//#region src/core/system/index.types.d.ts
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ColorModeWithSystem, ThemeScheme } from "./index.types.js";
|
|
2
2
|
import { Storage } from "./storage-manager.js";
|
|
3
|
-
import * as
|
|
3
|
+
import * as react_jsx_runtime3 from "react/jsx-runtime";
|
|
4
4
|
|
|
5
5
|
//#region src/core/system/storage-script.d.ts
|
|
6
6
|
interface StorageScriptProps<Y extends string> {
|
|
@@ -17,11 +17,11 @@ declare function getStorageScript<Y extends string>(type: "colorMode" | "themeSc
|
|
|
17
17
|
declare function ColorModeScript({
|
|
18
18
|
nonce,
|
|
19
19
|
...rest
|
|
20
|
-
}: StorageScriptProps<ColorModeWithSystem>):
|
|
20
|
+
}: StorageScriptProps<ColorModeWithSystem>): react_jsx_runtime3.JSX.Element | null;
|
|
21
21
|
declare function ThemeSchemeScript({
|
|
22
22
|
nonce,
|
|
23
23
|
...rest
|
|
24
|
-
}: StorageScriptProps<ThemeScheme>):
|
|
24
|
+
}: StorageScriptProps<ThemeScheme>): react_jsx_runtime3.JSX.Element | null;
|
|
25
25
|
//#endregion
|
|
26
26
|
export { ColorModeScript, StorageScriptProps, ThemeSchemeScript, getStorageScript };
|
|
27
27
|
//# sourceMappingURL=storage-script.d.ts.map
|
|
@@ -1,13 +1,12 @@
|
|
|
1
1
|
import { ColorScheme, ComponentStyle, System } from "./index.types.js";
|
|
2
2
|
import { CSSModifierObject, CSSPropObject } from "../css/index.types.js";
|
|
3
|
-
import "../css/index.js";
|
|
4
3
|
import { As, StyledComponent } from "../components/index.types.js";
|
|
5
4
|
import { ShouldForwardProp } from "../components/props.js";
|
|
6
5
|
import "../components/index.js";
|
|
7
|
-
import * as
|
|
6
|
+
import * as react61 from "react";
|
|
8
7
|
|
|
9
8
|
//#region src/core/system/styled.d.ts
|
|
10
|
-
declare const ColorSchemeContext:
|
|
9
|
+
declare const ColorSchemeContext: react61.Context<ColorScheme | undefined>, useColorSchemeContext: () => ColorScheme | undefined;
|
|
11
10
|
interface StyledOptions<Y extends CSSPropObject = CSSPropObject, M extends CSSModifierObject = CSSModifierObject, D extends CSSModifierObject = CSSModifierObject, H extends number | string | symbol = string> extends Omit<ComponentStyle<Y, M, D>, "className"> {
|
|
12
11
|
className?: ((system: System) => string) | string;
|
|
13
12
|
displayName?: string;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { System, ThemeConfig, UsageTheme } from "./index.types.js";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react62 from "react";
|
|
3
3
|
import { FC, PropsWithChildren } from "react";
|
|
4
4
|
|
|
5
5
|
//#region src/core/system/system-provider.d.ts
|
|
6
6
|
interface SystemContext extends System {}
|
|
7
|
-
declare const SystemContext:
|
|
7
|
+
declare const SystemContext: react62.Context<SystemContext>;
|
|
8
8
|
interface SystemProviderProps extends PropsWithChildren {
|
|
9
9
|
/**
|
|
10
10
|
* The config of the yamada ui.
|
|
@@ -2,9 +2,7 @@ import { Dict } from "../../utils/index.js";
|
|
|
2
2
|
import { CSSMap, System, UsageTheme } from "./index.types.js";
|
|
3
3
|
import { Breakpoints } from "./breakpoint.js";
|
|
4
4
|
import { ThemeToken, VariableTokens } from "./create-system.js";
|
|
5
|
-
import "./index.js";
|
|
6
5
|
import { CSSProperties, StyleValueWithCondition } from "../css/index.types.js";
|
|
7
|
-
import "../css/index.js";
|
|
8
6
|
|
|
9
7
|
//#region src/core/system/var.d.ts
|
|
10
8
|
declare function transformInterpolation(value: any, callback: (value: string, fallbackValue?: string) => string): any;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { LoadingMethod } from "../../core/system/index.types.js";
|
|
2
2
|
import { LoadingOptions } from "../../components/loading/loading-provider.js";
|
|
3
|
+
import "../../components/loading/index.js";
|
|
3
4
|
import { DependencyList } from "react";
|
|
4
5
|
|
|
5
6
|
//#region src/hooks/use-async-callback/index.d.ts
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ResponsiveObject } from "../../core/css/index.types.js";
|
|
2
2
|
import "../../core/index.js";
|
|
3
|
-
import * as
|
|
3
|
+
import * as react1215 from "react";
|
|
4
4
|
|
|
5
5
|
//#region src/hooks/use-breakpoint/use-breakpoint-state.d.ts
|
|
6
6
|
|
|
@@ -9,7 +9,7 @@ import * as react199 from "react";
|
|
|
9
9
|
*
|
|
10
10
|
* @see https://yamada-ui.com/docs/hooks/use-breakpoint-state
|
|
11
11
|
*/
|
|
12
|
-
declare const useBreakpointState: <Y>(initialState: ResponsiveObject<Y, false>) => [Y,
|
|
12
|
+
declare const useBreakpointState: <Y>(initialState: ResponsiveObject<Y, false>) => [Y, react1215.Dispatch<react1215.SetStateAction<Y>>];
|
|
13
13
|
//#endregion
|
|
14
14
|
export { useBreakpointState };
|
|
15
15
|
//# sourceMappingURL=use-breakpoint-state.d.ts.map
|
|
@@ -3,6 +3,7 @@ import { HTMLProps, PropGetter } from "../../core/components/index.types.js";
|
|
|
3
3
|
import "../../core/index.js";
|
|
4
4
|
import { UseDisclosureProps } from "../use-disclosure/use-disclosure.js";
|
|
5
5
|
import { UsePopoverProps } from "../../components/popover/use-popover.js";
|
|
6
|
+
import "../../components/popover/index.js";
|
|
6
7
|
import { Descendant, DescendantProps } from "../use-descendants/index.js";
|
|
7
8
|
import * as react_jsx_runtime0 from "react/jsx-runtime";
|
|
8
9
|
import * as react7 from "react";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as react_jsx_runtime0 from "react/jsx-runtime";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react24 from "react";
|
|
3
3
|
|
|
4
4
|
//#region src/hooks/use-field-sizing/index.d.ts
|
|
5
5
|
interface UseFieldSizingProps {
|
|
@@ -8,7 +8,7 @@ interface UseFieldSizingProps {
|
|
|
8
8
|
declare const useFieldSizing: <Y extends HTMLElement>({
|
|
9
9
|
value
|
|
10
10
|
}: UseFieldSizingProps) => {
|
|
11
|
-
ref:
|
|
11
|
+
ref: react24.RefObject<Y | null>;
|
|
12
12
|
text: react_jsx_runtime0.JSX.Element;
|
|
13
13
|
};
|
|
14
14
|
type UseFieldSizingReturn = ReturnType<typeof useFieldSizing>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react23 from "react";
|
|
2
2
|
|
|
3
3
|
//#region src/hooks/use-hover/index.d.ts
|
|
4
4
|
|
|
@@ -8,7 +8,7 @@ import * as react22 from "react";
|
|
|
8
8
|
* @see https://yamada-ui.com/docs/hooks/use-hover
|
|
9
9
|
*/
|
|
10
10
|
declare const useHover: <Y extends HTMLElement = HTMLDivElement>() => {
|
|
11
|
-
ref:
|
|
11
|
+
ref: react23.RefObject<Y | null>;
|
|
12
12
|
hovered: boolean;
|
|
13
13
|
};
|
|
14
14
|
//#endregion
|
|
@@ -2,7 +2,7 @@ import { Dict } from "../../utils/index.js";
|
|
|
2
2
|
import { Direction } from "../../core/system/index.types.js";
|
|
3
3
|
import { DOMElement, HTMLElementProps, HTMLProps } from "../../core/components/index.types.js";
|
|
4
4
|
import "../../core/index.js";
|
|
5
|
-
import * as
|
|
5
|
+
import * as react25 from "react";
|
|
6
6
|
import { ComponentRef } from "react";
|
|
7
7
|
import * as _floating_ui_react_dom0 from "@floating-ui/react-dom";
|
|
8
8
|
import { Middleware, Placement, Platform, Strategy, VirtualElement } from "@floating-ui/react-dom";
|
|
@@ -111,7 +111,7 @@ declare const usePopper: <Y extends DOMElement | VirtualElement = "div", M exten
|
|
|
111
111
|
whileElementsMounted: whileElementsMountedProp
|
|
112
112
|
}?: UsePopperProps<Y>) => {
|
|
113
113
|
refs: {
|
|
114
|
-
reference:
|
|
114
|
+
reference: react25.MutableRefObject<Reference<Y> | null>;
|
|
115
115
|
floating: React.MutableRefObject<HTMLElement | null>;
|
|
116
116
|
setReference: (node: Reference<Y> | null) => void;
|
|
117
117
|
setFloating: (node: HTMLElement | null) => void;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react21 from "react";
|
|
2
2
|
|
|
3
3
|
//#region src/hooks/use-resize-observer/index.d.ts
|
|
4
4
|
interface ObserverRect extends Omit<DOMRectReadOnly, "toJSON"> {}
|
|
@@ -7,9 +7,9 @@ interface ObserverRect extends Omit<DOMRectReadOnly, "toJSON"> {}
|
|
|
7
7
|
*
|
|
8
8
|
* @see https://yamada-ui.com/docs/hooks/use-resize-observer
|
|
9
9
|
*/
|
|
10
|
-
declare const useResizeObserver: <Y extends HTMLElement = any>() => readonly [
|
|
10
|
+
declare const useResizeObserver: <Y extends HTMLElement = any>() => readonly [react21.RefObject<Y | null>, ObserverRect];
|
|
11
11
|
declare const useElementSize: <Y extends HTMLElement = any>() => {
|
|
12
|
-
ref:
|
|
12
|
+
ref: react21.RefObject<Y | null>;
|
|
13
13
|
height: number;
|
|
14
14
|
width: number;
|
|
15
15
|
};
|