@blenx-dev/components 0.0.0
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/.turbo/turbo-check-types.log +1 -0
- package/MIGRATION-PLAN.md +423 -0
- package/TASKS.md +192 -0
- package/blenx-dev-ui-0.0.0.tgz +0 -0
- package/dist/assets/components.css +8407 -0
- package/dist/components/Accordion/accordion.css.js +13 -0
- package/dist/components/Accordion/accordion.js +54 -0
- package/dist/components/Alert/alert.css.js +17 -0
- package/dist/components/Alert/alert.js +38 -0
- package/dist/components/AlertDialog/alert-dialog.css.js +18 -0
- package/dist/components/AlertDialog/alert-dialog.js +117 -0
- package/dist/components/Autocomplete/autocomplete.css.js +28 -0
- package/dist/components/Autocomplete/autocomplete.js +157 -0
- package/dist/components/Avatar/avatar.css.js +37 -0
- package/dist/components/Avatar/avatar.js +28 -0
- package/dist/components/Badge/badge.css.js +19 -0
- package/dist/components/Badge/badge.js +14 -0
- package/dist/components/Box/box.css.js +6 -0
- package/dist/components/Box/box.js +18 -0
- package/dist/components/Breadcrumbs/breadcrumbs.css.js +13 -0
- package/dist/components/Breadcrumbs/breadcrumbs.js +73 -0
- package/dist/components/Button/button.css.js +37 -0
- package/dist/components/Button/button.js +28 -0
- package/dist/components/Calendar/calendar.css.js +23 -0
- package/dist/components/Calendar/calendar.js +104 -0
- package/dist/components/Card/card.js +46 -0
- package/dist/components/Checkbox/checkbox.css.js +13 -0
- package/dist/components/Checkbox/checkbox.js +59 -0
- package/dist/components/CloseButton/close-button.css.js +5 -0
- package/dist/components/CloseButton/close-button.js +27 -0
- package/dist/components/CloseButton/index.js +1 -0
- package/dist/components/ColorPicker/color-picker.js +103 -0
- package/dist/components/ColorSwatch/color-swatch.js +16 -0
- package/dist/components/Combobox/combobox.css.js +36 -0
- package/dist/components/Combobox/combobox.js +236 -0
- package/dist/components/Command/command.css.js +18 -0
- package/dist/components/Command/command.js +264 -0
- package/dist/components/Container/container.css.js +28 -0
- package/dist/components/Container/container.js +18 -0
- package/dist/components/CopyButton/copy-button.css.js +5 -0
- package/dist/components/CopyButton/copy-button.js +41 -0
- package/dist/components/CopyButton/index.js +1 -0
- package/dist/components/Dialog/dialog.css.js +19 -0
- package/dist/components/Dialog/dialog.js +112 -0
- package/dist/components/Drawer/drawer.css.js +60 -0
- package/dist/components/Drawer/drawer.js +307 -0
- package/dist/components/Field/field.css.js +11 -0
- package/dist/components/Field/field.js +50 -0
- package/dist/components/Grid/grid.css.js +19 -0
- package/dist/components/Grid/grid.js +31 -0
- package/dist/components/Icon/icon.css.js +5 -0
- package/dist/components/Icon/icon.js +15 -0
- package/dist/components/IconButton/icon-button.css.js +5 -0
- package/dist/components/IconButton/icon-button.js +14 -0
- package/dist/components/IconButton/index.js +1 -0
- package/dist/components/Input/input.css.js +11 -0
- package/dist/components/Input/input.js +31 -0
- package/dist/components/InputGroup/input-group.css.js +16 -0
- package/dist/components/InputGroup/input-group.js +70 -0
- package/dist/components/Menu/menu.css.js +14 -0
- package/dist/components/Menu/menu.js +54 -0
- package/dist/components/OTPField/otp-field.css.js +18 -0
- package/dist/components/OTPField/otp-field.js +23 -0
- package/dist/components/Popover/popover.css.js +13 -0
- package/dist/components/Popover/popover.js +89 -0
- package/dist/components/Progress/progress.css.js +11 -0
- package/dist/components/Progress/progress.js +44 -0
- package/dist/components/Radio/radio.css.js +12 -0
- package/dist/components/Radio/radio.js +32 -0
- package/dist/components/ScrollArea/scroll-area.css.js +15 -0
- package/dist/components/ScrollArea/scroll-area.js +50 -0
- package/dist/components/SegmentedControl/segmented-control.js +21 -0
- package/dist/components/Select/select.css.js +17 -0
- package/dist/components/Select/select.js +129 -0
- package/dist/components/Separator/separator.css.js +27 -0
- package/dist/components/Separator/separator.js +27 -0
- package/dist/components/Sheet/sheet.css.js +27 -0
- package/dist/components/Sheet/sheet.js +112 -0
- package/dist/components/Slider/slider.css.js +17 -0
- package/dist/components/Slider/slider.js +55 -0
- package/dist/components/Spinner/spinner.css.js +5 -0
- package/dist/components/Spinner/spinner.js +15 -0
- package/dist/components/Splitter/splitter.css.js +15 -0
- package/dist/components/Splitter/splitter.js +313 -0
- package/dist/components/Stack/stack.css.js +44 -0
- package/dist/components/Stack/stack.js +32 -0
- package/dist/components/Surface/surface.css.js +20 -0
- package/dist/components/Surface/surface.js +17 -0
- package/dist/components/Switch/switch.css.js +11 -0
- package/dist/components/Switch/switch.js +18 -0
- package/dist/components/Table/table.css.js +16 -0
- package/dist/components/Table/table.js +44 -0
- package/dist/components/Tabs/tabs.css.js +23 -0
- package/dist/components/Tabs/tabs.js +47 -0
- package/dist/components/Text/index.js +1 -0
- package/dist/components/Text/text.css.js +61 -0
- package/dist/components/Text/text.js +51 -0
- package/dist/components/Textarea/textarea.css.js +9 -0
- package/dist/components/Textarea/textarea.js +31 -0
- package/dist/components/Toggle/toggle.css.js +46 -0
- package/dist/components/Toggle/toggle.js +22 -0
- package/dist/components/ToggleGroup/toggle-group.css.js +13 -0
- package/dist/components/ToggleGroup/toggle-group.js +63 -0
- package/dist/components/index.js +52 -0
- package/dist/index.js +52 -0
- package/dist/node_modules/.bun/@vanilla-extract_recipes@0.5.7_19e937df7e0b57ed/node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js +89 -0
- package/dist/node_modules/.bun/@vanilla-extract_sprinkles@1.6.5_19e937df7e0b57ed/node_modules/@vanilla-extract/sprinkles/createRuntimeSprinkles/dist/vanilla-extract-sprinkles-createRuntimeSprinkles.esm.js +8 -0
- package/dist/node_modules/.bun/@vanilla-extract_sprinkles@1.6.5_19e937df7e0b57ed/node_modules/@vanilla-extract/sprinkles/dist/createSprinkles-74286718.esm.js +141 -0
- package/dist/node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.js +16 -0
- package/dist/package.json +232 -0
- package/dist/src/DataTable/data-table-column-toggle.d.ts +6 -0
- package/dist/src/DataTable/data-table-empty.d.ts +7 -0
- package/dist/src/DataTable/data-table-error.d.ts +6 -0
- package/dist/src/DataTable/data-table-infinite-loader.d.ts +10 -0
- package/dist/src/DataTable/data-table-loading.d.ts +8 -0
- package/dist/src/DataTable/data-table-pagination.d.ts +6 -0
- package/dist/src/DataTable/data-table-toolbar.d.ts +13 -0
- package/dist/src/DataTable/data-table.css.d.ts +58 -0
- package/dist/src/DataTable/data-table.d.ts +2 -0
- package/dist/src/DataTable/index.d.ts +10 -0
- package/dist/src/DataTable/types.d.ts +106 -0
- package/dist/src/DataTable/use-infinite-scroll.d.ts +28 -0
- package/dist/src/components/Accordion/accordion.css.d.ts +7 -0
- package/dist/src/components/Accordion/accordion.d.ts +20 -0
- package/dist/src/components/Accordion/accordion.demo.d.ts +5 -0
- package/dist/src/components/Accordion/index.d.ts +1 -0
- package/dist/src/components/Alert/alert.css.d.ts +24 -0
- package/dist/src/components/Alert/alert.d.ts +13 -0
- package/dist/src/components/Alert/alert.demo.d.ts +6 -0
- package/dist/src/components/Alert/index.d.ts +1 -0
- package/dist/src/components/AlertDialog/alert-dialog.css.d.ts +13 -0
- package/dist/src/components/AlertDialog/alert-dialog.d.ts +30 -0
- package/dist/src/components/AlertDialog/alert-dialog.demo.d.ts +5 -0
- package/dist/src/components/AlertDialog/alert-dialog.doc.d.ts +1 -0
- package/dist/src/components/AlertDialog/index.d.ts +1 -0
- package/dist/src/components/Autocomplete/autocomplete.css.d.ts +23 -0
- package/dist/src/components/Autocomplete/autocomplete.d.ts +34 -0
- package/dist/src/components/Autocomplete/index.d.ts +1 -0
- package/dist/src/components/Avatar/avatar.css.d.ts +55 -0
- package/dist/src/components/Avatar/avatar.d.ts +20 -0
- package/dist/src/components/Avatar/avatar.doc.d.ts +2 -0
- package/dist/src/components/Avatar/index.d.ts +1 -0
- package/dist/src/components/Badge/badge.css.d.ts +24 -0
- package/dist/src/components/Badge/badge.d.ts +7 -0
- package/dist/src/components/Badge/badge.demo.d.ts +5 -0
- package/dist/src/components/Badge/badge.doc.d.ts +1 -0
- package/dist/src/components/Badge/index.d.ts +1 -0
- package/dist/src/components/Box/box.css.d.ts +1 -0
- package/dist/src/components/Box/box.d.ts +6 -0
- package/dist/src/components/Box/box.doc.d.ts +1 -0
- package/dist/src/components/Box/index.d.ts +1 -0
- package/dist/src/components/Breadcrumbs/breadcrumbs.css.d.ts +8 -0
- package/dist/src/components/Breadcrumbs/breadcrumbs.d.ts +30 -0
- package/dist/src/components/Breadcrumbs/breadcrumbs.doc.d.ts +2 -0
- package/dist/src/components/Breadcrumbs/index.d.ts +1 -0
- package/dist/src/components/Button/button.css.d.ts +179 -0
- package/dist/src/components/Button/button.d.ts +13 -0
- package/dist/src/components/Button/button.demo.d.ts +5 -0
- package/dist/src/components/Button/index.d.ts +1 -0
- package/dist/src/components/Calendar/calendar.css.d.ts +17 -0
- package/dist/src/components/Calendar/calendar.d.ts +3 -0
- package/dist/src/components/Calendar/calendar.doc.d.ts +1 -0
- package/dist/src/components/Calendar/index.d.ts +1 -0
- package/dist/src/components/Card/card.d.ts +12 -0
- package/dist/src/components/Card/card.demo.d.ts +8 -0
- package/dist/src/components/Card/card.doc.d.ts +2 -0
- package/dist/src/components/Card/index.d.ts +1 -0
- package/dist/src/components/Checkbox/checkbox.css.d.ts +7 -0
- package/dist/src/components/Checkbox/checkbox.d.ts +13 -0
- package/dist/src/components/Checkbox/index.d.ts +1 -0
- package/dist/src/components/CloseButton/close-button.css.d.ts +1 -0
- package/dist/src/components/CloseButton/close-button.d.ts +3 -0
- package/dist/src/components/CloseButton/index.d.ts +2 -0
- package/dist/src/components/ColorPicker/color-picker.d.ts +7 -0
- package/dist/src/components/ColorPicker/color-picker.doc.d.ts +1 -0
- package/dist/src/components/ColorPicker/index.d.ts +1 -0
- package/dist/src/components/ColorSwatch/color-swatch.d.ts +8 -0
- package/dist/src/components/ColorSwatch/color-swatch.doc.d.ts +2 -0
- package/dist/src/components/ColorSwatch/index.d.ts +1 -0
- package/dist/src/components/Combobox/combobox.css.d.ts +32 -0
- package/dist/src/components/Combobox/combobox.d.ts +52 -0
- package/dist/src/components/Combobox/index.d.ts +1 -0
- package/dist/src/components/Command/command.css.d.ts +12 -0
- package/dist/src/components/Command/command.d.ts +48 -0
- package/dist/src/components/Command/command.demo.d.ts +6 -0
- package/dist/src/components/Command/command.doc.d.ts +3 -0
- package/dist/src/components/Command/index.d.ts +7 -0
- package/dist/src/components/Container/container.css.d.ts +48 -0
- package/dist/src/components/Container/container.d.ts +8 -0
- package/dist/src/components/Container/container.doc.d.ts +1 -0
- package/dist/src/components/Container/index.d.ts +1 -0
- package/dist/src/components/CopyButton/copy-button.css.d.ts +1 -0
- package/dist/src/components/CopyButton/copy-button.d.ts +7 -0
- package/dist/src/components/CopyButton/index.d.ts +2 -0
- package/dist/src/components/DatePicker/date-picker.d.ts +11 -0
- package/dist/src/components/DatePicker/date-picker.doc.d.ts +1 -0
- package/dist/src/components/DatePicker/index.d.ts +1 -0
- package/dist/src/components/Dialog/dialog.css.d.ts +13 -0
- package/dist/src/components/Dialog/dialog.d.ts +32 -0
- package/dist/src/components/Dialog/dialog.demo.d.ts +5 -0
- package/dist/src/components/Dialog/dialog.doc.d.ts +1 -0
- package/dist/src/components/Dialog/index.d.ts +1 -0
- package/dist/src/components/Drawer/drawer.css.d.ts +54 -0
- package/dist/src/components/Drawer/drawer.d.ts +66 -0
- package/dist/src/components/Drawer/drawer.demo.d.ts +5 -0
- package/dist/src/components/Drawer/drawer.doc.d.ts +2 -0
- package/dist/src/components/Drawer/index.d.ts +1 -0
- package/dist/src/components/Field/field.css.d.ts +5 -0
- package/dist/src/components/Field/field.d.ts +25 -0
- package/dist/src/components/Field/field.doc.d.ts +1 -0
- package/dist/src/components/Field/index.d.ts +1 -0
- package/dist/src/components/Grid/grid.css.d.ts +4 -0
- package/dist/src/components/Grid/grid.d.ts +11 -0
- package/dist/src/components/Grid/grid.doc.d.ts +1 -0
- package/dist/src/components/Grid/index.d.ts +1 -0
- package/dist/src/components/Icon/icon.css.d.ts +1 -0
- package/dist/src/components/Icon/icon.d.ts +4 -0
- package/dist/src/components/Icon/icon.demo.d.ts +5 -0
- package/dist/src/components/Icon/index.d.ts +1 -0
- package/dist/src/components/IconButton/icon-button.css.d.ts +1 -0
- package/dist/src/components/IconButton/icon-button.d.ts +4 -0
- package/dist/src/components/IconButton/icon-button.demo.d.ts +5 -0
- package/dist/src/components/IconButton/index.d.ts +2 -0
- package/dist/src/components/Input/index.d.ts +1 -0
- package/dist/src/components/Input/input.css.d.ts +6 -0
- package/dist/src/components/Input/input.d.ts +19 -0
- package/dist/src/components/Input/input.demo.d.ts +5 -0
- package/dist/src/components/Input/input.doc.d.ts +2 -0
- package/dist/src/components/InputGroup/index.d.ts +1 -0
- package/dist/src/components/InputGroup/input-group.css.d.ts +10 -0
- package/dist/src/components/InputGroup/input-group.d.ts +25 -0
- package/dist/src/components/InputGroup/input-group.demo.d.ts +5 -0
- package/dist/src/components/Menu/index.d.ts +1 -0
- package/dist/src/components/Menu/menu.css.d.ts +8 -0
- package/dist/src/components/Menu/menu.d.ts +41 -0
- package/dist/src/components/Menu/menu.demo.d.ts +5 -0
- package/dist/src/components/OTPField/index.d.ts +1 -0
- package/dist/src/components/OTPField/otp-field.css.d.ts +16 -0
- package/dist/src/components/OTPField/otp-field.d.ts +18 -0
- package/dist/src/components/OTPField/otp-field.demo.d.ts +6 -0
- package/dist/src/components/Popover/index.d.ts +1 -0
- package/dist/src/components/Popover/popover.css.d.ts +7 -0
- package/dist/src/components/Popover/popover.d.ts +33 -0
- package/dist/src/components/Popover/popover.demo.d.ts +5 -0
- package/dist/src/components/Progress/index.d.ts +1 -0
- package/dist/src/components/Progress/progress.css.d.ts +5 -0
- package/dist/src/components/Progress/progress.d.ts +13 -0
- package/dist/src/components/Radio/index.d.ts +1 -0
- package/dist/src/components/Radio/radio.css.d.ts +6 -0
- package/dist/src/components/Radio/radio.d.ts +13 -0
- package/dist/src/components/ScrollArea/index.d.ts +1 -0
- package/dist/src/components/ScrollArea/scroll-area.css.d.ts +9 -0
- package/dist/src/components/ScrollArea/scroll-area.d.ts +19 -0
- package/dist/src/components/ScrollArea/scroll-area.doc.d.ts +2 -0
- package/dist/src/components/SegmentedControl/index.d.ts +1 -0
- package/dist/src/components/SegmentedControl/segmented-control.d.ts +14 -0
- package/dist/src/components/SegmentedControl/segmented-control.doc.d.ts +1 -0
- package/dist/src/components/Select/index.d.ts +1 -0
- package/dist/src/components/Select/select.css.d.ts +11 -0
- package/dist/src/components/Select/select.d.ts +54 -0
- package/dist/src/components/Select/select.demo.d.ts +5 -0
- package/dist/src/components/Select/select.doc.d.ts +2 -0
- package/dist/src/components/Separator/index.d.ts +1 -0
- package/dist/src/components/Separator/separator.css.d.ts +22 -0
- package/dist/src/components/Separator/separator.d.ts +13 -0
- package/dist/src/components/Separator/separator.doc.d.ts +4 -0
- package/dist/src/components/Sheet/index.d.ts +1 -0
- package/dist/src/components/Sheet/sheet.css.d.ts +21 -0
- package/dist/src/components/Sheet/sheet.d.ts +35 -0
- package/dist/src/components/Sheet/sheet.demo.d.ts +5 -0
- package/dist/src/components/Slider/index.d.ts +1 -0
- package/dist/src/components/Slider/slider.css.d.ts +11 -0
- package/dist/src/components/Slider/slider.d.ts +11 -0
- package/dist/src/components/Spinner/index.d.ts +1 -0
- package/dist/src/components/Spinner/spinner.css.d.ts +2 -0
- package/dist/src/components/Spinner/spinner.d.ts +8 -0
- package/dist/src/components/Spinner/spinner.demo.d.ts +1 -0
- package/dist/src/components/Splitter/index.d.ts +1 -0
- package/dist/src/components/Splitter/splitter.css.d.ts +11 -0
- package/dist/src/components/Splitter/splitter.d.ts +36 -0
- package/dist/src/components/Stack/index.d.ts +1 -0
- package/dist/src/components/Stack/stack.css.d.ts +82 -0
- package/dist/src/components/Stack/stack.d.ts +11 -0
- package/dist/src/components/Stack/stack.doc.d.ts +3 -0
- package/dist/src/components/Surface/index.d.ts +1 -0
- package/dist/src/components/Surface/surface.css.d.ts +34 -0
- package/dist/src/components/Surface/surface.d.ts +7 -0
- package/dist/src/components/Surface/surface.doc.d.ts +2 -0
- package/dist/src/components/Switch/index.d.ts +1 -0
- package/dist/src/components/Switch/switch.css.d.ts +5 -0
- package/dist/src/components/Switch/switch.d.ts +7 -0
- package/dist/src/components/Switch/switch.demo.d.ts +5 -0
- package/dist/src/components/Switch/switch.doc.d.ts +2 -0
- package/dist/src/components/Table/index.d.ts +2 -0
- package/dist/src/components/Table/table.css.d.ts +10 -0
- package/dist/src/components/Table/table.d.ts +24 -0
- package/dist/src/components/Table/table.demo.d.ts +5 -0
- package/dist/src/components/Tabs/index.d.ts +1 -0
- package/dist/src/components/Tabs/tabs.css.d.ts +27 -0
- package/dist/src/components/Tabs/tabs.d.ts +15 -0
- package/dist/src/components/Tabs/tabs.demo.d.ts +5 -0
- package/dist/src/components/Tabs/tabs.doc.d.ts +3 -0
- package/dist/src/components/Text/index.d.ts +2 -0
- package/dist/src/components/Text/text.css.d.ts +204 -0
- package/dist/src/components/Text/text.d.ts +9 -0
- package/dist/src/components/Text/text.doc.d.ts +4 -0
- package/dist/src/components/Textarea/index.d.ts +1 -0
- package/dist/src/components/Textarea/textarea.css.d.ts +4 -0
- package/dist/src/components/Textarea/textarea.d.ts +7 -0
- package/dist/src/components/Textarea/textarea.doc.d.ts +2 -0
- package/dist/src/components/Toggle/index.d.ts +1 -0
- package/dist/src/components/Toggle/toggle.css.d.ts +68 -0
- package/dist/src/components/Toggle/toggle.d.ts +12 -0
- package/dist/src/components/Toggle/toggle.doc.d.ts +1 -0
- package/dist/src/components/ToggleGroup/index.d.ts +1 -0
- package/dist/src/components/ToggleGroup/toggle-group.css.d.ts +7 -0
- package/dist/src/components/ToggleGroup/toggle-group.d.ts +31 -0
- package/dist/src/components/ToggleGroup/toggle-group.doc.d.ts +3 -0
- package/dist/src/components/index.d.ts +49 -0
- package/dist/src/demos/accordion.demo.d.ts +5 -0
- package/dist/src/index.d.ts +2 -0
- package/dist/src/utils/heights.d.ts +2 -0
- package/dist/src/utils/sprinkles.css.d.ts +515 -0
- package/dist/src/utils/types.d.ts +8 -0
- package/dist/src/utils/ve-style.utils.d.ts +1 -0
- package/dist/utils/sprinkles.css.js +5350 -0
- package/dist/utils/ve-style.utils.js +21 -0
- package/package.build.json +39 -0
- package/package.json +60 -0
- package/scripts/generate-api.ts +183 -0
- package/scripts/generate-package.ts +99 -0
- package/src/DataTable/data-table-column-toggle.tsx +73 -0
- package/src/DataTable/data-table-empty.tsx +27 -0
- package/src/DataTable/data-table-error.tsx +25 -0
- package/src/DataTable/data-table-infinite-loader.tsx +73 -0
- package/src/DataTable/data-table-loading.tsx +67 -0
- package/src/DataTable/data-table-pagination.tsx +80 -0
- package/src/DataTable/data-table-toolbar.tsx +62 -0
- package/src/DataTable/data-table.css.ts +421 -0
- package/src/DataTable/data-table.tsx +507 -0
- package/src/DataTable/index.ts +24 -0
- package/src/DataTable/registry-meta.json +66 -0
- package/src/DataTable/types.ts +169 -0
- package/src/DataTable/use-infinite-scroll.ts +67 -0
- package/src/components/Accordion/accordion.css.ts +93 -0
- package/src/components/Accordion/accordion.demo.tsx +42 -0
- package/src/components/Accordion/accordion.tsx +87 -0
- package/src/components/Accordion/docs-meta.json +13 -0
- package/src/components/Accordion/index.ts +8 -0
- package/src/components/Accordion/registry-meta.json +19 -0
- package/src/components/Alert/alert.css.ts +29 -0
- package/src/components/Alert/alert.demo.tsx +34 -0
- package/src/components/Alert/alert.tsx +40 -0
- package/src/components/Alert/docs-meta.json +12 -0
- package/src/components/Alert/index.ts +1 -0
- package/src/components/Alert/registry-meta.json +20 -0
- package/src/components/AlertDialog/alert-dialog.css.ts +146 -0
- package/src/components/AlertDialog/alert-dialog.demo.tsx +59 -0
- package/src/components/AlertDialog/alert-dialog.doc.tsx +31 -0
- package/src/components/AlertDialog/alert-dialog.tsx +197 -0
- package/src/components/AlertDialog/docs-meta.json +14 -0
- package/src/components/AlertDialog/index.ts +1 -0
- package/src/components/AlertDialog/registry-meta.json +20 -0
- package/src/components/Autocomplete/autocomplete.css.ts +168 -0
- package/src/components/Autocomplete/autocomplete.tsx +226 -0
- package/src/components/Autocomplete/docs-meta.json +9 -0
- package/src/components/Autocomplete/index.ts +1 -0
- package/src/components/Autocomplete/registry-meta.json +20 -0
- package/src/components/Avatar/avatar.css.ts +72 -0
- package/src/components/Avatar/avatar.doc.tsx +32 -0
- package/src/components/Avatar/avatar.tsx +49 -0
- package/src/components/Avatar/docs-meta.json +9 -0
- package/src/components/Avatar/index.ts +1 -0
- package/src/components/Avatar/registry-meta.json +19 -0
- package/src/components/Badge/badge.css.ts +40 -0
- package/src/components/Badge/badge.demo.tsx +18 -0
- package/src/components/Badge/badge.doc.tsx +12 -0
- package/src/components/Badge/badge.tsx +13 -0
- package/src/components/Badge/docs-meta.json +9 -0
- package/src/components/Badge/index.ts +1 -0
- package/src/components/Badge/registry-meta.json +19 -0
- package/src/components/Box/box.css.ts +7 -0
- package/src/components/Box/box.doc.tsx +19 -0
- package/src/components/Box/box.tsx +21 -0
- package/src/components/Box/docs-meta.json +9 -0
- package/src/components/Box/index.ts +1 -0
- package/src/components/Box/registry-meta.json +14 -0
- package/src/components/Breadcrumbs/breadcrumbs.css.ts +72 -0
- package/src/components/Breadcrumbs/breadcrumbs.doc.tsx +61 -0
- package/src/components/Breadcrumbs/breadcrumbs.tsx +79 -0
- package/src/components/Breadcrumbs/docs-meta.json +12 -0
- package/src/components/Breadcrumbs/index.ts +9 -0
- package/src/components/Breadcrumbs/registry-meta.json +19 -0
- package/src/components/Button/button.css.ts +209 -0
- package/src/components/Button/button.demo.tsx +119 -0
- package/src/components/Button/button.tsx +55 -0
- package/src/components/Button/docs-meta.json +13 -0
- package/src/components/Button/index.ts +1 -0
- package/src/components/Button/registry-meta.json +20 -0
- package/src/components/Calendar/calendar.css.ts +188 -0
- package/src/components/Calendar/calendar.doc.tsx +10 -0
- package/src/components/Calendar/calendar.tsx +143 -0
- package/src/components/Calendar/docs-meta.json +9 -0
- package/src/components/Calendar/index.ts +1 -0
- package/src/components/Calendar/registry-meta.json +20 -0
- package/src/components/Card/card.demo.tsx +177 -0
- package/src/components/Card/card.doc.tsx +47 -0
- package/src/components/Card/card.tsx +32 -0
- package/src/components/Card/docs-meta.json +9 -0
- package/src/components/Card/index.ts +1 -0
- package/src/components/Card/registry-meta.json +15 -0
- package/src/components/Checkbox/checkbox.css.ts +77 -0
- package/src/components/Checkbox/checkbox.tsx +94 -0
- package/src/components/Checkbox/docs-meta.json +13 -0
- package/src/components/Checkbox/index.ts +1 -0
- package/src/components/Checkbox/registry-meta.json +19 -0
- package/src/components/CloseButton/close-button.css.ts +11 -0
- package/src/components/CloseButton/close-button.tsx +15 -0
- package/src/components/CloseButton/index.ts +2 -0
- package/src/components/CloseButton/registry-meta.json +15 -0
- package/src/components/ColorPicker/color-picker.doc.tsx +12 -0
- package/src/components/ColorPicker/color-picker.tsx +123 -0
- package/src/components/ColorPicker/docs-meta.json +9 -0
- package/src/components/ColorPicker/index.ts +1 -0
- package/src/components/ColorPicker/registry-meta.json +15 -0
- package/src/components/ColorSwatch/color-swatch.doc.tsx +25 -0
- package/src/components/ColorSwatch/color-swatch.tsx +21 -0
- package/src/components/ColorSwatch/docs-meta.json +9 -0
- package/src/components/ColorSwatch/index.ts +1 -0
- package/src/components/ColorSwatch/registry-meta.json +20 -0
- package/src/components/Combobox/combobox.css.ts +334 -0
- package/src/components/Combobox/combobox.tsx +350 -0
- package/src/components/Combobox/docs-meta.json +9 -0
- package/src/components/Combobox/index.ts +1 -0
- package/src/components/Combobox/registry-meta.json +20 -0
- package/src/components/Command/command.css.ts +131 -0
- package/src/components/Command/command.demo.tsx +110 -0
- package/src/components/Command/command.doc.tsx +100 -0
- package/src/components/Command/command.tsx +413 -0
- package/src/components/Command/docs-meta.json +21 -0
- package/src/components/Command/index.ts +7 -0
- package/src/components/Command/registry-meta.json +20 -0
- package/src/components/Container/container.css.ts +40 -0
- package/src/components/Container/container.doc.tsx +28 -0
- package/src/components/Container/container.tsx +24 -0
- package/src/components/Container/docs-meta.json +9 -0
- package/src/components/Container/index.ts +1 -0
- package/src/components/Container/registry-meta.json +20 -0
- package/src/components/CopyButton/copy-button.css.ts +11 -0
- package/src/components/CopyButton/copy-button.tsx +45 -0
- package/src/components/CopyButton/index.ts +2 -0
- package/src/components/CopyButton/registry-meta.json +15 -0
- package/src/components/DatePicker/date-picker.doc.tsx +12 -0
- package/src/components/DatePicker/date-picker.tsx +75 -0
- package/src/components/DatePicker/docs-meta.json +9 -0
- package/src/components/DatePicker/index.ts +1 -0
- package/src/components/DatePicker/registry-meta.json +15 -0
- package/src/components/Dialog/dialog.css.ts +155 -0
- package/src/components/Dialog/dialog.demo.tsx +39 -0
- package/src/components/Dialog/dialog.doc.tsx +33 -0
- package/src/components/Dialog/dialog.tsx +186 -0
- package/src/components/Dialog/docs-meta.json +13 -0
- package/src/components/Dialog/index.ts +1 -0
- package/src/components/Dialog/registry-meta.json +20 -0
- package/src/components/Drawer/docs-meta.json +9 -0
- package/src/components/Drawer/drawer.css.ts +412 -0
- package/src/components/Drawer/drawer.demo.tsx +58 -0
- package/src/components/Drawer/drawer.doc.tsx +49 -0
- package/src/components/Drawer/drawer.tsx +574 -0
- package/src/components/Drawer/index.ts +1 -0
- package/src/components/Drawer/registry-meta.json +20 -0
- package/src/components/Field/docs-meta.json +9 -0
- package/src/components/Field/field.css.ts +35 -0
- package/src/components/Field/field.doc.tsx +19 -0
- package/src/components/Field/field.tsx +101 -0
- package/src/components/Field/index.ts +1 -0
- package/src/components/Field/registry-meta.json +20 -0
- package/src/components/Grid/docs-meta.json +9 -0
- package/src/components/Grid/grid.css.ts +12 -0
- package/src/components/Grid/grid.doc.tsx +148 -0
- package/src/components/Grid/grid.tsx +57 -0
- package/src/components/Grid/index.ts +1 -0
- package/src/components/Grid/registry-meta.json +20 -0
- package/src/components/Icon/docs-meta.json +13 -0
- package/src/components/Icon/icon.css.ts +10 -0
- package/src/components/Icon/icon.demo.tsx +97 -0
- package/src/components/Icon/icon.tsx +15 -0
- package/src/components/Icon/index.ts +1 -0
- package/src/components/Icon/registry-meta.json +20 -0
- package/src/components/IconButton/docs-meta.json +13 -0
- package/src/components/IconButton/icon-button.css.ts +6 -0
- package/src/components/IconButton/icon-button.demo.tsx +102 -0
- package/src/components/IconButton/icon-button.tsx +11 -0
- package/src/components/IconButton/index.ts +2 -0
- package/src/components/IconButton/registry-meta.json +15 -0
- package/src/components/Input/docs-meta.json +9 -0
- package/src/components/Input/index.ts +1 -0
- package/src/components/Input/input.css.ts +73 -0
- package/src/components/Input/input.demo.tsx +24 -0
- package/src/components/Input/input.doc.tsx +25 -0
- package/src/components/Input/input.tsx +50 -0
- package/src/components/Input/registry-meta.json +19 -0
- package/src/components/InputGroup/docs-meta.json +9 -0
- package/src/components/InputGroup/index.ts +1 -0
- package/src/components/InputGroup/input-group.css.ts +157 -0
- package/src/components/InputGroup/input-group.demo.tsx +53 -0
- package/src/components/InputGroup/input-group.tsx +133 -0
- package/src/components/InputGroup/registry-meta.json +19 -0
- package/src/components/Menu/docs-meta.json +13 -0
- package/src/components/Menu/index.ts +1 -0
- package/src/components/Menu/menu.css.ts +128 -0
- package/src/components/Menu/menu.demo.tsx +40 -0
- package/src/components/Menu/menu.tsx +115 -0
- package/src/components/Menu/registry-meta.json +19 -0
- package/src/components/OTPField/docs-meta.json +9 -0
- package/src/components/OTPField/index.ts +1 -0
- package/src/components/OTPField/otp-field.css.ts +55 -0
- package/src/components/OTPField/otp-field.demo.tsx +57 -0
- package/src/components/OTPField/otp-field.tsx +46 -0
- package/src/components/OTPField/registry-meta.json +19 -0
- package/src/components/Popover/docs-meta.json +13 -0
- package/src/components/Popover/index.ts +1 -0
- package/src/components/Popover/popover.css.ts +82 -0
- package/src/components/Popover/popover.demo.tsx +34 -0
- package/src/components/Popover/popover.tsx +113 -0
- package/src/components/Popover/registry-meta.json +19 -0
- package/src/components/Progress/docs-meta.json +12 -0
- package/src/components/Progress/index.ts +7 -0
- package/src/components/Progress/progress.css.ts +38 -0
- package/src/components/Progress/progress.tsx +62 -0
- package/src/components/Progress/registry-meta.json +19 -0
- package/src/components/Radio/docs-meta.json +13 -0
- package/src/components/Radio/index.ts +1 -0
- package/src/components/Radio/radio.css.ts +73 -0
- package/src/components/Radio/radio.tsx +49 -0
- package/src/components/Radio/registry-meta.json +19 -0
- package/src/components/ScrollArea/docs-meta.json +9 -0
- package/src/components/ScrollArea/index.ts +1 -0
- package/src/components/ScrollArea/registry-meta.json +19 -0
- package/src/components/ScrollArea/scroll-area.css.ts +80 -0
- package/src/components/ScrollArea/scroll-area.doc.tsx +44 -0
- package/src/components/ScrollArea/scroll-area.tsx +96 -0
- package/src/components/SegmentedControl/docs-meta.json +9 -0
- package/src/components/SegmentedControl/index.ts +1 -0
- package/src/components/SegmentedControl/registry-meta.json +15 -0
- package/src/components/SegmentedControl/segmented-control.doc.tsx +28 -0
- package/src/components/SegmentedControl/segmented-control.tsx +42 -0
- package/src/components/Select/docs-meta.json +13 -0
- package/src/components/Select/index.ts +1 -0
- package/src/components/Select/registry-meta.json +20 -0
- package/src/components/Select/select.css.ts +183 -0
- package/src/components/Select/select.demo.tsx +35 -0
- package/src/components/Select/select.doc.tsx +65 -0
- package/src/components/Select/select.tsx +165 -0
- package/src/components/Separator/docs-meta.json +12 -0
- package/src/components/Separator/index.ts +1 -0
- package/src/components/Separator/registry-meta.json +20 -0
- package/src/components/Separator/separator.css.ts +60 -0
- package/src/components/Separator/separator.doc.tsx +44 -0
- package/src/components/Separator/separator.tsx +34 -0
- package/src/components/Sheet/docs-meta.json +13 -0
- package/src/components/Sheet/index.ts +1 -0
- package/src/components/Sheet/registry-meta.json +20 -0
- package/src/components/Sheet/sheet.css.ts +192 -0
- package/src/components/Sheet/sheet.demo.tsx +53 -0
- package/src/components/Sheet/sheet.tsx +213 -0
- package/src/components/Slider/docs-meta.json +13 -0
- package/src/components/Slider/index.ts +1 -0
- package/src/components/Slider/registry-meta.json +19 -0
- package/src/components/Slider/slider.css.ts +82 -0
- package/src/components/Slider/slider.tsx +100 -0
- package/src/components/Spinner/docs-meta.json +12 -0
- package/src/components/Spinner/index.ts +1 -0
- package/src/components/Spinner/registry-meta.json +19 -0
- package/src/components/Spinner/spinner.css.ts +17 -0
- package/src/components/Spinner/spinner.demo.tsx +13 -0
- package/src/components/Spinner/spinner.tsx +15 -0
- package/src/components/Splitter/docs-meta.json +9 -0
- package/src/components/Splitter/index.ts +1 -0
- package/src/components/Splitter/registry-meta.json +19 -0
- package/src/components/Splitter/splitter.css.ts +70 -0
- package/src/components/Splitter/splitter.tsx +521 -0
- package/src/components/Stack/docs-meta.json +9 -0
- package/src/components/Stack/index.ts +1 -0
- package/src/components/Stack/registry-meta.json +20 -0
- package/src/components/Stack/stack.css.ts +42 -0
- package/src/components/Stack/stack.doc.tsx +57 -0
- package/src/components/Stack/stack.tsx +32 -0
- package/src/components/Surface/docs-meta.json +9 -0
- package/src/components/Surface/index.ts +1 -0
- package/src/components/Surface/registry-meta.json +20 -0
- package/src/components/Surface/surface.css.ts +40 -0
- package/src/components/Surface/surface.doc.tsx +32 -0
- package/src/components/Surface/surface.tsx +19 -0
- package/src/components/Switch/docs-meta.json +13 -0
- package/src/components/Switch/index.ts +1 -0
- package/src/components/Switch/registry-meta.json +20 -0
- package/src/components/Switch/switch.css.ts +47 -0
- package/src/components/Switch/switch.demo.tsx +26 -0
- package/src/components/Switch/switch.doc.tsx +25 -0
- package/src/components/Switch/switch.tsx +25 -0
- package/src/components/Table/docs-meta.json +12 -0
- package/src/components/Table/index.ts +2 -0
- package/src/components/Table/registry-meta.json +19 -0
- package/src/components/Table/table.css.ts +72 -0
- package/src/components/Table/table.demo.tsx +58 -0
- package/src/components/Table/table.tsx +116 -0
- package/src/components/Tabs/docs-meta.json +13 -0
- package/src/components/Tabs/index.ts +1 -0
- package/src/components/Tabs/registry-meta.json +19 -0
- package/src/components/Tabs/tabs.css.ts +259 -0
- package/src/components/Tabs/tabs.demo.tsx +33 -0
- package/src/components/Tabs/tabs.doc.tsx +62 -0
- package/src/components/Tabs/tabs.tsx +119 -0
- package/src/components/Text/docs-meta.json +9 -0
- package/src/components/Text/index.ts +2 -0
- package/src/components/Text/registry-meta.json +19 -0
- package/src/components/Text/text.css.ts +167 -0
- package/src/components/Text/text.doc.tsx +53 -0
- package/src/components/Text/text.tsx +64 -0
- package/src/components/Textarea/docs-meta.json +9 -0
- package/src/components/Textarea/index.ts +1 -0
- package/src/components/Textarea/registry-meta.json +19 -0
- package/src/components/Textarea/textarea.css.ts +66 -0
- package/src/components/Textarea/textarea.doc.tsx +23 -0
- package/src/components/Textarea/textarea.tsx +48 -0
- package/src/components/Toggle/docs-meta.json +12 -0
- package/src/components/Toggle/index.ts +1 -0
- package/src/components/Toggle/registry-meta.json +19 -0
- package/src/components/Toggle/toggle.css.ts +101 -0
- package/src/components/Toggle/toggle.doc.tsx +24 -0
- package/src/components/Toggle/toggle.tsx +60 -0
- package/src/components/ToggleGroup/docs-meta.json +9 -0
- package/src/components/ToggleGroup/index.ts +1 -0
- package/src/components/ToggleGroup/registry-meta.json +20 -0
- package/src/components/ToggleGroup/toggle-group.css.ts +77 -0
- package/src/components/ToggleGroup/toggle-group.doc.tsx +38 -0
- package/src/components/ToggleGroup/toggle-group.tsx +131 -0
- package/src/components/index.ts +53 -0
- package/src/demos/accordion.demo.tsx +41 -0
- package/src/index.ts +3 -0
- package/src/utils/heights.ts +16 -0
- package/src/utils/sprinkles.css.ts +251 -0
- package/src/utils/types.ts +20 -0
- package/src/utils/ve-style.utils.ts +24 -0
- package/tsconfig.build.json +14 -0
- package/tsconfig.json +10 -0
- package/vite.config.ts +47 -0
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import clsx from "../../node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
|
|
2
|
+
import { textVariants } from "./text.css.js";
|
|
3
|
+
import { applyBaseSprinkles } from "../../utils/ve-style.utils.js";
|
|
4
|
+
import { useRender } from "@base-ui/react/use-render";
|
|
5
|
+
//#region src/components/Text/text.tsx
|
|
6
|
+
var variantTag = {
|
|
7
|
+
h1: "h1",
|
|
8
|
+
h2: "h2",
|
|
9
|
+
h3: "h3",
|
|
10
|
+
h4: "h4",
|
|
11
|
+
h5: "h5",
|
|
12
|
+
h6: "h6",
|
|
13
|
+
body1: "p",
|
|
14
|
+
body2: "p",
|
|
15
|
+
body3: "p",
|
|
16
|
+
body4: "p",
|
|
17
|
+
p: "p",
|
|
18
|
+
caption: "span",
|
|
19
|
+
creatorNote: "aside",
|
|
20
|
+
code: "code",
|
|
21
|
+
div: "div"
|
|
22
|
+
};
|
|
23
|
+
function Text({ variant = "body1", textAlign, weight, className, color = "primary", style, size, render, span, transform = "none", ...props }) {
|
|
24
|
+
const [baseStyles, htmlProps] = applyBaseSprinkles({
|
|
25
|
+
...props,
|
|
26
|
+
color
|
|
27
|
+
});
|
|
28
|
+
const mergedProps = {
|
|
29
|
+
className: clsx(baseStyles, textVariants({
|
|
30
|
+
variant,
|
|
31
|
+
textAlign,
|
|
32
|
+
weight,
|
|
33
|
+
transform,
|
|
34
|
+
size
|
|
35
|
+
}), className),
|
|
36
|
+
style,
|
|
37
|
+
...htmlProps
|
|
38
|
+
};
|
|
39
|
+
if (span) return useRender({
|
|
40
|
+
defaultTagName: "span",
|
|
41
|
+
props: mergedProps,
|
|
42
|
+
render
|
|
43
|
+
});
|
|
44
|
+
return useRender({
|
|
45
|
+
defaultTagName: variantTag[variant],
|
|
46
|
+
props: mergedProps,
|
|
47
|
+
render
|
|
48
|
+
});
|
|
49
|
+
}
|
|
50
|
+
//#endregion
|
|
51
|
+
export { Text };
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/* empty css */
|
|
2
|
+
/* empty css */
|
|
3
|
+
//#region src/components/Textarea/textarea.css.ts
|
|
4
|
+
var shell = "hqkv0u0";
|
|
5
|
+
var textarea = "hqkv0u1";
|
|
6
|
+
var textareaSm = "hqkv0u2";
|
|
7
|
+
var textareaLg = "hqkv0u3";
|
|
8
|
+
//#endregion
|
|
9
|
+
export { shell, textarea, textareaLg, textareaSm };
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import clsx from "../../node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
|
|
3
|
+
import { shell, textarea } from "./textarea.css.js";
|
|
4
|
+
import { jsx } from "react/jsx-runtime";
|
|
5
|
+
import { Field } from "@base-ui/react/field";
|
|
6
|
+
//#region src/components/Textarea/textarea.tsx
|
|
7
|
+
function Textarea({ size = "default", className, style, ref, ...props }) {
|
|
8
|
+
return /* @__PURE__ */ jsx("span", {
|
|
9
|
+
className: shell,
|
|
10
|
+
"data-size": size,
|
|
11
|
+
"data-slot": "textarea-control",
|
|
12
|
+
style,
|
|
13
|
+
children: /* @__PURE__ */ jsx(Field.Control, {
|
|
14
|
+
ref,
|
|
15
|
+
value: props.value,
|
|
16
|
+
defaultValue: props.defaultValue,
|
|
17
|
+
disabled: props.disabled,
|
|
18
|
+
id: props.id,
|
|
19
|
+
name: props.name,
|
|
20
|
+
render: (defaultProps) => /* @__PURE__ */ jsx("textarea", {
|
|
21
|
+
ref,
|
|
22
|
+
className: clsx(textarea, size === "sm" && "hqkv0u2", size === "lg" && "hqkv0u3", className),
|
|
23
|
+
"data-slot": "textarea",
|
|
24
|
+
...defaultProps,
|
|
25
|
+
...props
|
|
26
|
+
})
|
|
27
|
+
})
|
|
28
|
+
});
|
|
29
|
+
}
|
|
30
|
+
//#endregion
|
|
31
|
+
export { Textarea };
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
/* empty css */
|
|
2
|
+
/* empty css */
|
|
3
|
+
import { createRuntimeFn } from "../../node_modules/.bun/@vanilla-extract_recipes@0.5.7_19e937df7e0b57ed/node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js";
|
|
4
|
+
/* empty css */
|
|
5
|
+
//#region src/components/Toggle/toggle.css.ts
|
|
6
|
+
var base = "_11fokac0";
|
|
7
|
+
var size = createRuntimeFn({
|
|
8
|
+
defaultClassName: "_11fokac1",
|
|
9
|
+
variantClassNames: { size: {
|
|
10
|
+
sm: "_11fokac2",
|
|
11
|
+
"default": "_11fokac3",
|
|
12
|
+
lg: "_11fokac4"
|
|
13
|
+
} },
|
|
14
|
+
defaultVariants: {},
|
|
15
|
+
compoundVariants: []
|
|
16
|
+
});
|
|
17
|
+
var variant = createRuntimeFn({
|
|
18
|
+
defaultClassName: "_11fokac5",
|
|
19
|
+
variantClassNames: { variant: {
|
|
20
|
+
"default": "_11fokac6",
|
|
21
|
+
outline: "_11fokac7"
|
|
22
|
+
} },
|
|
23
|
+
defaultVariants: {},
|
|
24
|
+
compoundVariants: []
|
|
25
|
+
});
|
|
26
|
+
var pressed = {
|
|
27
|
+
"default": "_11fokac8",
|
|
28
|
+
outline: "_11fokac9"
|
|
29
|
+
};
|
|
30
|
+
var radius = createRuntimeFn({
|
|
31
|
+
defaultClassName: "_11fokaca",
|
|
32
|
+
variantClassNames: { radius: {
|
|
33
|
+
none: "_11fokacb",
|
|
34
|
+
xsmall: "_11fokacc",
|
|
35
|
+
small: "_11fokacd",
|
|
36
|
+
medium: "_11fokace",
|
|
37
|
+
large: "_11fokacf",
|
|
38
|
+
xlarge: "_11fokacg",
|
|
39
|
+
xxlarge: "_11fokach",
|
|
40
|
+
full: "_11fokaci"
|
|
41
|
+
} },
|
|
42
|
+
defaultVariants: {},
|
|
43
|
+
compoundVariants: []
|
|
44
|
+
});
|
|
45
|
+
//#endregion
|
|
46
|
+
export { base, pressed, radius, size, variant };
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import clsx from "../../node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
|
|
3
|
+
import { base, pressed, radius, size, variant } from "./toggle.css.js";
|
|
4
|
+
import { jsx } from "react/jsx-runtime";
|
|
5
|
+
import { Toggle } from "@base-ui/react/toggle";
|
|
6
|
+
//#region src/components/Toggle/toggle.tsx
|
|
7
|
+
function Toggle$1({ children, className, style, variant: v = "default", radius: r, size: s = "default", ...props }) {
|
|
8
|
+
return /* @__PURE__ */ jsx(Toggle, {
|
|
9
|
+
"data-slot": "toggle",
|
|
10
|
+
...props,
|
|
11
|
+
render: (renderProps, state) => {
|
|
12
|
+
return /* @__PURE__ */ jsx("button", {
|
|
13
|
+
...renderProps,
|
|
14
|
+
className: clsx(base, size({ size: s }), variant({ variant: v }), state.pressed && pressed[v], r && radius({ radius: r }), className),
|
|
15
|
+
style,
|
|
16
|
+
children
|
|
17
|
+
});
|
|
18
|
+
}
|
|
19
|
+
});
|
|
20
|
+
}
|
|
21
|
+
//#endregion
|
|
22
|
+
export { Toggle$1 as Toggle };
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/* empty css */
|
|
2
|
+
/* empty css */
|
|
3
|
+
/* empty css */
|
|
4
|
+
//#region src/components/ToggleGroup/toggle-group.css.ts
|
|
5
|
+
var groupBase = "_17u13gr0";
|
|
6
|
+
var groupHorizontal = "_17u13gr1";
|
|
7
|
+
var groupVertical = "_17u13gr2";
|
|
8
|
+
var groupDefault = "_17u13gr3";
|
|
9
|
+
var groupOutline = "_17u13gr4";
|
|
10
|
+
var outlineItemHorizontal = "_17u13gr5";
|
|
11
|
+
var outlineItemVertical = "_17u13gr6";
|
|
12
|
+
//#endregion
|
|
13
|
+
export { groupBase, groupDefault, groupHorizontal, groupOutline, groupVertical, outlineItemHorizontal, outlineItemVertical };
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import clsx from "../../node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
|
|
3
|
+
import { Separator } from "../Separator/separator.js";
|
|
4
|
+
import { Toggle } from "../Toggle/toggle.js";
|
|
5
|
+
import { groupBase, groupDefault, groupHorizontal, groupOutline, groupVertical } from "./toggle-group.css.js";
|
|
6
|
+
import { jsx } from "react/jsx-runtime";
|
|
7
|
+
import * as React$1 from "react";
|
|
8
|
+
import { ToggleGroup } from "@base-ui/react/toggle-group";
|
|
9
|
+
//#region src/components/ToggleGroup/toggle-group.tsx
|
|
10
|
+
var ToggleGroupContext = React$1.createContext(null);
|
|
11
|
+
function ToggleGroup$1({ className, style, variant = "default", size = "default", orientation = "horizontal", children, ...props }) {
|
|
12
|
+
const isHorizontal = orientation === "horizontal";
|
|
13
|
+
const isOutline = variant === "outline";
|
|
14
|
+
const contextValue = React$1.useMemo(() => ({
|
|
15
|
+
variant,
|
|
16
|
+
size,
|
|
17
|
+
orientation
|
|
18
|
+
}), [
|
|
19
|
+
variant,
|
|
20
|
+
size,
|
|
21
|
+
orientation
|
|
22
|
+
]);
|
|
23
|
+
return /* @__PURE__ */ jsx(ToggleGroup, {
|
|
24
|
+
className: clsx(groupBase, isHorizontal ? groupHorizontal : groupVertical, isOutline ? groupOutline : groupDefault, className),
|
|
25
|
+
style,
|
|
26
|
+
"data-slot": "toggle-group",
|
|
27
|
+
"data-variant": variant,
|
|
28
|
+
"data-size": size,
|
|
29
|
+
orientation,
|
|
30
|
+
...props,
|
|
31
|
+
children: /* @__PURE__ */ jsx(ToggleGroupContext.Provider, {
|
|
32
|
+
value: contextValue,
|
|
33
|
+
children
|
|
34
|
+
})
|
|
35
|
+
});
|
|
36
|
+
}
|
|
37
|
+
function ToggleGroupItem({ className, style, children, variant, size, ...props }) {
|
|
38
|
+
const context = React$1.useContext(ToggleGroupContext);
|
|
39
|
+
const resolvedVariant = variant ?? context?.variant ?? "default";
|
|
40
|
+
const resolvedSize = size ?? context?.size ?? "default";
|
|
41
|
+
const orientation = context?.orientation ?? "horizontal";
|
|
42
|
+
return /* @__PURE__ */ jsx(Toggle, {
|
|
43
|
+
className: clsx(resolvedVariant === "outline" && (orientation === "horizontal" ? "_17u13gr5" : "_17u13gr6"), className),
|
|
44
|
+
style,
|
|
45
|
+
"data-size": resolvedSize,
|
|
46
|
+
"data-variant": resolvedVariant,
|
|
47
|
+
size: resolvedSize,
|
|
48
|
+
variant: resolvedVariant,
|
|
49
|
+
...props,
|
|
50
|
+
children
|
|
51
|
+
});
|
|
52
|
+
}
|
|
53
|
+
function ToggleGroupSeparator({ className, orientation, ...props }) {
|
|
54
|
+
const context = React$1.useContext(ToggleGroupContext);
|
|
55
|
+
const resolvedOrientation = orientation ?? (context?.orientation === "vertical" ? "horizontal" : "vertical");
|
|
56
|
+
return /* @__PURE__ */ jsx(Separator, {
|
|
57
|
+
className: clsx(className),
|
|
58
|
+
orientation: resolvedOrientation,
|
|
59
|
+
...props
|
|
60
|
+
});
|
|
61
|
+
}
|
|
62
|
+
//#endregion
|
|
63
|
+
export { ToggleGroup$1 as ToggleGroup, ToggleGroupContext, ToggleGroupItem, ToggleGroupSeparator };
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import "./Accordion/accordion.js";
|
|
2
|
+
import "./Text/text.js";
|
|
3
|
+
import "./Box/box.js";
|
|
4
|
+
import "./Stack/stack.js";
|
|
5
|
+
import "./Alert/alert.js";
|
|
6
|
+
import "./ScrollArea/scroll-area.js";
|
|
7
|
+
import "./Spinner/spinner.js";
|
|
8
|
+
import "./Button/button.js";
|
|
9
|
+
import "./IconButton/icon-button.js";
|
|
10
|
+
import "./CloseButton/close-button.js";
|
|
11
|
+
import "./CloseButton/index.js";
|
|
12
|
+
import "./AlertDialog/alert-dialog.js";
|
|
13
|
+
import "./Input/input.js";
|
|
14
|
+
import "./Autocomplete/autocomplete.js";
|
|
15
|
+
import "./Avatar/avatar.js";
|
|
16
|
+
import "./Badge/badge.js";
|
|
17
|
+
import "./Breadcrumbs/breadcrumbs.js";
|
|
18
|
+
import "./Calendar/calendar.js";
|
|
19
|
+
import "./Surface/surface.js";
|
|
20
|
+
import "./Card/card.js";
|
|
21
|
+
import "./Checkbox/checkbox.js";
|
|
22
|
+
import "./Command/command.js";
|
|
23
|
+
import "./ColorSwatch/color-swatch.js";
|
|
24
|
+
import "./Field/field.js";
|
|
25
|
+
import "./Popover/popover.js";
|
|
26
|
+
import "./ColorPicker/color-picker.js";
|
|
27
|
+
import "./Combobox/combobox.js";
|
|
28
|
+
import "./Container/container.js";
|
|
29
|
+
import "./Dialog/dialog.js";
|
|
30
|
+
import "./Drawer/drawer.js";
|
|
31
|
+
import "./Grid/grid.js";
|
|
32
|
+
import "./Icon/icon.js";
|
|
33
|
+
import "./IconButton/index.js";
|
|
34
|
+
import "./CopyButton/copy-button.js";
|
|
35
|
+
import "./CopyButton/index.js";
|
|
36
|
+
import "./InputGroup/input-group.js";
|
|
37
|
+
import "./OTPField/otp-field.js";
|
|
38
|
+
import "./Menu/menu.js";
|
|
39
|
+
import "./Progress/progress.js";
|
|
40
|
+
import "./Radio/radio.js";
|
|
41
|
+
import "./Separator/separator.js";
|
|
42
|
+
import "./Toggle/toggle.js";
|
|
43
|
+
import "./ToggleGroup/toggle-group.js";
|
|
44
|
+
import "./SegmentedControl/segmented-control.js";
|
|
45
|
+
import "./Select/select.js";
|
|
46
|
+
import "./Sheet/sheet.js";
|
|
47
|
+
import "./Slider/slider.js";
|
|
48
|
+
import "./Splitter/splitter.js";
|
|
49
|
+
import "./Switch/switch.js";
|
|
50
|
+
import "./Table/table.js";
|
|
51
|
+
import "./Tabs/tabs.js";
|
|
52
|
+
import "./Textarea/textarea.js";
|
package/dist/index.js
ADDED
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import { Accordion, AccordionHeader, AccordionItem, AccordionPanel, AccordionRoot, AccordionTrigger } from "./components/Accordion/accordion.js";
|
|
2
|
+
import { Text } from "./components/Text/text.js";
|
|
3
|
+
import "./components/Text/index.js";
|
|
4
|
+
import { Box } from "./components/Box/box.js";
|
|
5
|
+
import { HStack, Stack, VStack } from "./components/Stack/stack.js";
|
|
6
|
+
import { Alert } from "./components/Alert/alert.js";
|
|
7
|
+
import { ScrollArea, ScrollBar } from "./components/ScrollArea/scroll-area.js";
|
|
8
|
+
import { Spinner } from "./components/Spinner/spinner.js";
|
|
9
|
+
import { Button } from "./components/Button/button.js";
|
|
10
|
+
import { IconButton } from "./components/IconButton/icon-button.js";
|
|
11
|
+
import { CloseButton } from "./components/CloseButton/close-button.js";
|
|
12
|
+
import { AlertDialog, AlertDialogBackdrop, AlertDialogClose, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogPanel, AlertDialogPopup, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertDialogViewport } from "./components/AlertDialog/alert-dialog.js";
|
|
13
|
+
import { Input, Label } from "./components/Input/input.js";
|
|
14
|
+
import { Autocomplete, AutocompleteClear, AutocompleteCollection, AutocompleteEmpty, AutocompleteGroup, AutocompleteGroupLabel, AutocompleteInput, AutocompleteItem, AutocompleteList, AutocompletePopup, AutocompleteRow, AutocompleteSeparator, AutocompleteStatus, AutocompleteTrigger, AutocompleteValue, useAutocompleteFilter } from "./components/Autocomplete/autocomplete.js";
|
|
15
|
+
import { Avatar, AvatarFallback, AvatarImage } from "./components/Avatar/avatar.js";
|
|
16
|
+
import { Badge } from "./components/Badge/badge.js";
|
|
17
|
+
import { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from "./components/Breadcrumbs/breadcrumbs.js";
|
|
18
|
+
import { Calendar } from "./components/Calendar/calendar.js";
|
|
19
|
+
import { Surface } from "./components/Surface/surface.js";
|
|
20
|
+
import { Card, CardBody, CardDescription, CardFooter, CardHeader, CardTitle } from "./components/Card/card.js";
|
|
21
|
+
import { Checkbox, CheckboxGroup } from "./components/Checkbox/checkbox.js";
|
|
22
|
+
import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator } from "./components/Command/command.js";
|
|
23
|
+
import { ColorSwatch } from "./components/ColorSwatch/color-swatch.js";
|
|
24
|
+
import { Field, FieldControl, FieldDescription, FieldError, FieldItem, FieldLabel, FieldValidity } from "./components/Field/field.js";
|
|
25
|
+
import { Popover, PopoverArrow, PopoverBackdrop, PopoverClose, PopoverCompound, PopoverCreateHandle, PopoverDescription, PopoverPopup, PopoverPortal, PopoverPositioner, PopoverRoot, PopoverTitle, PopoverTrigger } from "./components/Popover/popover.js";
|
|
26
|
+
import { ColorPicker } from "./components/ColorPicker/color-picker.js";
|
|
27
|
+
import { Combobox, ComboboxChip, ComboboxChipRemove, ComboboxChips, ComboboxChipsInput, ComboboxClear, ComboboxCollection, ComboboxContext, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxInput, ComboboxItem, ComboboxList, ComboboxPopup, ComboboxRow, ComboboxSeparator, ComboboxStatus, ComboboxTrigger, ComboboxValue, useComboboxFilter } from "./components/Combobox/combobox.js";
|
|
28
|
+
import { Container } from "./components/Container/container.js";
|
|
29
|
+
import { Dialog, DialogBackdrop, DialogClose, DialogCreateHandle, DialogDescription, DialogFooter, DialogHeader, DialogPanel, DialogPopup, DialogPortal, DialogTitle, DialogTrigger, DialogViewport } from "./components/Dialog/dialog.js";
|
|
30
|
+
import { Drawer, DrawerBackdrop, DrawerBar, DrawerClose, DrawerContent, DrawerCreateHandle, DrawerDescription, DrawerFooter, DrawerHeader, DrawerMenu, DrawerMenuCheckboxItem, DrawerMenuGroup, DrawerMenuGroupLabel, DrawerMenuItem, DrawerMenuRadioGroup, DrawerMenuRadioItem, DrawerMenuSeparator, DrawerMenuTrigger, DrawerPanel, DrawerPopup, DrawerPortal, DrawerSwipeArea, DrawerTitle, DrawerTrigger, DrawerViewport } from "./components/Drawer/drawer.js";
|
|
31
|
+
import { Grid, GridItem } from "./components/Grid/grid.js";
|
|
32
|
+
import { Icon } from "./components/Icon/icon.js";
|
|
33
|
+
import { CopyButton } from "./components/CopyButton/copy-button.js";
|
|
34
|
+
import { InputGroup, InputGroupAddon, InputGroupCheckboxItem, InputGroupInput, InputGroupMenu, InputGroupRadioGroup, InputGroupRadioItem, InputGroupText, InputGroupTextarea } from "./components/InputGroup/input-group.js";
|
|
35
|
+
import { OTPField, OTPFieldInput, OTPFieldSeparator } from "./components/OTPField/otp-field.js";
|
|
36
|
+
import { Menu, MenuGroupLabel, MenuItem, MenuPopup, MenuSeparator, MenuShortcut, MenuTrigger } from "./components/Menu/menu.js";
|
|
37
|
+
import { Progress, ProgressIndicator, ProgressLabel, ProgressTrack, ProgressValue } from "./components/Progress/progress.js";
|
|
38
|
+
import { Radio, RadioGroup } from "./components/Radio/radio.js";
|
|
39
|
+
import { Separator } from "./components/Separator/separator.js";
|
|
40
|
+
import { Toggle } from "./components/Toggle/toggle.js";
|
|
41
|
+
import { ToggleGroup, ToggleGroupContext, ToggleGroupItem, ToggleGroupSeparator } from "./components/ToggleGroup/toggle-group.js";
|
|
42
|
+
import { SegmentedControl } from "./components/SegmentedControl/segmented-control.js";
|
|
43
|
+
import { Select, SelectGroup, SelectGroupLabel, SelectIcon, SelectItem, SelectLabel, SelectList, SelectPopup, SelectPortal, SelectPositioner, SelectRoot, SelectScrollDownArrow, SelectScrollUpArrow, SelectSeparator, SelectTrigger, SelectValue, SelectWrapper } from "./components/Select/select.js";
|
|
44
|
+
import { Sheet, SheetBackdrop, SheetClose, SheetDescription, SheetFooter, SheetHeader, SheetPanel, SheetPopup, SheetPortal, SheetTitle, SheetTrigger, SheetViewport } from "./components/Sheet/sheet.js";
|
|
45
|
+
import { Slider, SliderValue } from "./components/Slider/slider.js";
|
|
46
|
+
import { Splitter, SplitterHandle, SplitterPanel } from "./components/Splitter/splitter.js";
|
|
47
|
+
import { Switch } from "./components/Switch/switch.js";
|
|
48
|
+
import { Table } from "./components/Table/table.js";
|
|
49
|
+
import { Tabs, TabsIndicator, TabsList, TabsPanel, TabsTab } from "./components/Tabs/tabs.js";
|
|
50
|
+
import { Textarea } from "./components/Textarea/textarea.js";
|
|
51
|
+
import "./components/index.js";
|
|
52
|
+
export { Accordion, AccordionHeader, AccordionItem, AccordionPanel, AccordionRoot, AccordionTrigger, Alert, AlertDialog, AlertDialogBackdrop, AlertDialogClose, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogPanel, AlertDialogPopup, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertDialogViewport, Autocomplete, AutocompleteClear, AutocompleteCollection, AutocompleteEmpty, AutocompleteGroup, AutocompleteGroupLabel, AutocompleteInput, AutocompleteItem, AutocompleteList, AutocompletePopup, AutocompleteRow, AutocompleteSeparator, AutocompleteStatus, AutocompleteTrigger, AutocompleteValue, Avatar, AvatarFallback, AvatarImage, Badge, Box, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Calendar, Card, CardBody, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, CheckboxGroup, CloseButton, ColorPicker, ColorSwatch, Combobox, ComboboxChip, ComboboxChipRemove, ComboboxChips, ComboboxChipsInput, ComboboxClear, ComboboxCollection, ComboboxContext, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxInput, ComboboxItem, ComboboxList, ComboboxPopup, ComboboxRow, ComboboxSeparator, ComboboxStatus, ComboboxTrigger, ComboboxValue, Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, Container, CopyButton, Dialog, DialogBackdrop, DialogBackdrop as DialogOverlay, DialogClose, DialogPopup as DialogContent, DialogPopup, DialogCreateHandle, DialogDescription, DialogFooter, DialogHeader, DialogPanel, DialogPortal, DialogTitle, DialogTrigger, DialogViewport, Drawer, DrawerBackdrop, DrawerBar, DrawerClose, DrawerContent, DrawerCreateHandle, DrawerDescription, DrawerFooter, DrawerHeader, DrawerMenu, DrawerMenuCheckboxItem, DrawerMenuGroup, DrawerMenuGroupLabel, DrawerMenuItem, DrawerMenuRadioGroup, DrawerMenuRadioItem, DrawerMenuSeparator, DrawerMenuTrigger, DrawerPanel, DrawerPopup, DrawerPortal, DrawerSwipeArea, DrawerTitle, DrawerTrigger, DrawerViewport, Field, FieldControl, FieldDescription, FieldError, FieldItem, FieldLabel, FieldValidity, Grid, GridItem, HStack, Icon, IconButton, Input, InputGroup, InputGroupAddon, InputGroupCheckboxItem, InputGroupInput, InputGroupMenu, InputGroupRadioGroup, InputGroupRadioItem, InputGroupText, InputGroupTextarea, Label, Menu, MenuGroupLabel, MenuItem, MenuPopup, MenuSeparator, MenuShortcut, MenuTrigger, OTPField, OTPFieldInput, OTPFieldSeparator, Popover, PopoverArrow, PopoverBackdrop, PopoverClose, PopoverCompound, PopoverCreateHandle, PopoverDescription, PopoverPopup, PopoverPortal, PopoverPositioner, PopoverRoot, PopoverTitle, PopoverTrigger, Progress, ProgressIndicator, ProgressLabel, ProgressTrack, ProgressValue, Radio, Radio as RadioGroupItem, RadioGroup, ScrollArea, ScrollBar, SegmentedControl, Select, SelectGroup, SelectGroupLabel, SelectIcon, SelectItem, SelectLabel, SelectList, SelectPopup, SelectPortal, SelectPositioner, SelectRoot, SelectScrollDownArrow, SelectScrollUpArrow, SelectSeparator, SelectTrigger, SelectValue, SelectWrapper, Separator, Sheet, SheetBackdrop, SheetBackdrop as SheetOverlay, SheetClose, SheetPopup as SheetContent, SheetPopup, SheetDescription, SheetFooter, SheetHeader, SheetPanel, SheetPortal, SheetTitle, SheetTrigger, SheetViewport, Slider, SliderValue, Spinner, Splitter, SplitterHandle, SplitterPanel, Stack, Surface, Switch, Table, Tabs, TabsIndicator, TabsList, TabsPanel, TabsTab, Text, Textarea, Toggle, ToggleGroup, ToggleGroupContext, ToggleGroupItem, ToggleGroupSeparator, VStack, useAutocompleteFilter, useComboboxFilter };
|
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
//#region ../../node_modules/.bun/@vanilla-extract+recipes@0.5.7+19e937df7e0b57ed/node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js
|
|
2
|
+
function toPrimitive(t, r) {
|
|
3
|
+
if ("object" != typeof t || !t) return t;
|
|
4
|
+
var e = t[Symbol.toPrimitive];
|
|
5
|
+
if (void 0 !== e) {
|
|
6
|
+
var i = e.call(t, r || "default");
|
|
7
|
+
if ("object" != typeof i) return i;
|
|
8
|
+
throw new TypeError("@@toPrimitive must return a primitive value.");
|
|
9
|
+
}
|
|
10
|
+
return ("string" === r ? String : Number)(t);
|
|
11
|
+
}
|
|
12
|
+
function toPropertyKey(t) {
|
|
13
|
+
var i = toPrimitive(t, "string");
|
|
14
|
+
return "symbol" == typeof i ? i : String(i);
|
|
15
|
+
}
|
|
16
|
+
function _defineProperty(obj, key, value) {
|
|
17
|
+
key = toPropertyKey(key);
|
|
18
|
+
if (key in obj) Object.defineProperty(obj, key, {
|
|
19
|
+
value,
|
|
20
|
+
enumerable: true,
|
|
21
|
+
configurable: true,
|
|
22
|
+
writable: true
|
|
23
|
+
});
|
|
24
|
+
else obj[key] = value;
|
|
25
|
+
return obj;
|
|
26
|
+
}
|
|
27
|
+
function ownKeys(e, r) {
|
|
28
|
+
var t = Object.keys(e);
|
|
29
|
+
if (Object.getOwnPropertySymbols) {
|
|
30
|
+
var o = Object.getOwnPropertySymbols(e);
|
|
31
|
+
r && (o = o.filter(function(r) {
|
|
32
|
+
return Object.getOwnPropertyDescriptor(e, r).enumerable;
|
|
33
|
+
})), t.push.apply(t, o);
|
|
34
|
+
}
|
|
35
|
+
return t;
|
|
36
|
+
}
|
|
37
|
+
function _objectSpread2(e) {
|
|
38
|
+
for (var r = 1; r < arguments.length; r++) {
|
|
39
|
+
var t = null != arguments[r] ? arguments[r] : {};
|
|
40
|
+
r % 2 ? ownKeys(Object(t), !0).forEach(function(r) {
|
|
41
|
+
_defineProperty(e, r, t[r]);
|
|
42
|
+
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r) {
|
|
43
|
+
Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
|
|
44
|
+
});
|
|
45
|
+
}
|
|
46
|
+
return e;
|
|
47
|
+
}
|
|
48
|
+
function mapValues(input, fn) {
|
|
49
|
+
var result = {};
|
|
50
|
+
for (var _key in input) result[_key] = fn(input[_key], _key);
|
|
51
|
+
return result;
|
|
52
|
+
}
|
|
53
|
+
var shouldApplyCompound = (compoundCheck, selections, defaultVariants) => {
|
|
54
|
+
for (var key of Object.keys(compoundCheck)) {
|
|
55
|
+
var _selections$key;
|
|
56
|
+
if (compoundCheck[key] !== ((_selections$key = selections[key]) !== null && _selections$key !== void 0 ? _selections$key : defaultVariants[key])) return false;
|
|
57
|
+
}
|
|
58
|
+
return true;
|
|
59
|
+
};
|
|
60
|
+
var createRuntimeFn = (config) => {
|
|
61
|
+
var runtimeFn = (options) => {
|
|
62
|
+
var className = config.defaultClassName;
|
|
63
|
+
var selections = _objectSpread2(_objectSpread2({}, config.defaultVariants), options);
|
|
64
|
+
for (var variantName in selections) {
|
|
65
|
+
var _selections$variantNa;
|
|
66
|
+
var variantSelection = (_selections$variantNa = selections[variantName]) !== null && _selections$variantNa !== void 0 ? _selections$variantNa : config.defaultVariants[variantName];
|
|
67
|
+
if (variantSelection != null) {
|
|
68
|
+
var selection = variantSelection;
|
|
69
|
+
if (typeof selection === "boolean") selection = selection === true ? "true" : "false";
|
|
70
|
+
var selectionClassName = config.variantClassNames[variantName][selection];
|
|
71
|
+
if (selectionClassName) className += " " + selectionClassName;
|
|
72
|
+
}
|
|
73
|
+
}
|
|
74
|
+
for (var [compoundCheck, compoundClassName] of config.compoundVariants) if (shouldApplyCompound(compoundCheck, selections, config.defaultVariants)) className += " " + compoundClassName;
|
|
75
|
+
return className;
|
|
76
|
+
};
|
|
77
|
+
runtimeFn.variants = () => Object.keys(config.variantClassNames);
|
|
78
|
+
runtimeFn.classNames = {
|
|
79
|
+
get base() {
|
|
80
|
+
return config.defaultClassName.split(" ")[0];
|
|
81
|
+
},
|
|
82
|
+
get variants() {
|
|
83
|
+
return mapValues(config.variantClassNames, (classNames) => mapValues(classNames, (className) => className.split(" ")[0]));
|
|
84
|
+
}
|
|
85
|
+
};
|
|
86
|
+
return runtimeFn;
|
|
87
|
+
};
|
|
88
|
+
//#endregion
|
|
89
|
+
export { createRuntimeFn };
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { createSprinkles as createSprinkles$1 } from "../../dist/createSprinkles-74286718.esm.js";
|
|
2
|
+
//#region ../../node_modules/.bun/@vanilla-extract+sprinkles@1.6.5+19e937df7e0b57ed/node_modules/@vanilla-extract/sprinkles/createRuntimeSprinkles/dist/vanilla-extract-sprinkles-createRuntimeSprinkles.esm.js
|
|
3
|
+
var composeStyles = (classList) => classList;
|
|
4
|
+
var createSprinkles = function createSprinkles() {
|
|
5
|
+
return createSprinkles$1(composeStyles)(...arguments);
|
|
6
|
+
};
|
|
7
|
+
//#endregion
|
|
8
|
+
export { createSprinkles };
|
|
@@ -0,0 +1,141 @@
|
|
|
1
|
+
//#region ../../node_modules/.bun/@vanilla-extract+sprinkles@1.6.5+19e937df7e0b57ed/node_modules/@vanilla-extract/sprinkles/dist/createSprinkles-74286718.esm.js
|
|
2
|
+
function toPrimitive(t, r) {
|
|
3
|
+
if ("object" != typeof t || !t) return t;
|
|
4
|
+
var e = t[Symbol.toPrimitive];
|
|
5
|
+
if (void 0 !== e) {
|
|
6
|
+
var i = e.call(t, r || "default");
|
|
7
|
+
if ("object" != typeof i) return i;
|
|
8
|
+
throw new TypeError("@@toPrimitive must return a primitive value.");
|
|
9
|
+
}
|
|
10
|
+
return ("string" === r ? String : Number)(t);
|
|
11
|
+
}
|
|
12
|
+
function toPropertyKey(t) {
|
|
13
|
+
var i = toPrimitive(t, "string");
|
|
14
|
+
return "symbol" == typeof i ? i : String(i);
|
|
15
|
+
}
|
|
16
|
+
function _defineProperty(obj, key, value) {
|
|
17
|
+
key = toPropertyKey(key);
|
|
18
|
+
if (key in obj) Object.defineProperty(obj, key, {
|
|
19
|
+
value,
|
|
20
|
+
enumerable: true,
|
|
21
|
+
configurable: true,
|
|
22
|
+
writable: true
|
|
23
|
+
});
|
|
24
|
+
else obj[key] = value;
|
|
25
|
+
return obj;
|
|
26
|
+
}
|
|
27
|
+
function ownKeys(e, r) {
|
|
28
|
+
var t = Object.keys(e);
|
|
29
|
+
if (Object.getOwnPropertySymbols) {
|
|
30
|
+
var o = Object.getOwnPropertySymbols(e);
|
|
31
|
+
r && (o = o.filter(function(r) {
|
|
32
|
+
return Object.getOwnPropertyDescriptor(e, r).enumerable;
|
|
33
|
+
})), t.push.apply(t, o);
|
|
34
|
+
}
|
|
35
|
+
return t;
|
|
36
|
+
}
|
|
37
|
+
function _objectSpread2(e) {
|
|
38
|
+
for (var r = 1; r < arguments.length; r++) {
|
|
39
|
+
var t = null != arguments[r] ? arguments[r] : {};
|
|
40
|
+
r % 2 ? ownKeys(Object(t), !0).forEach(function(r) {
|
|
41
|
+
_defineProperty(e, r, t[r]);
|
|
42
|
+
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r) {
|
|
43
|
+
Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
|
|
44
|
+
});
|
|
45
|
+
}
|
|
46
|
+
return e;
|
|
47
|
+
}
|
|
48
|
+
var createSprinkles = (composeStyles) => function() {
|
|
49
|
+
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) args[_key] = arguments[_key];
|
|
50
|
+
var sprinklesStyles = Object.assign({}, ...args.map((a) => a.styles));
|
|
51
|
+
var sprinklesKeys = Object.keys(sprinklesStyles);
|
|
52
|
+
var shorthandNames = sprinklesKeys.filter((property) => "mappings" in sprinklesStyles[property]);
|
|
53
|
+
var sprinklesFn = (props) => {
|
|
54
|
+
var classNames = [];
|
|
55
|
+
var shorthands = {};
|
|
56
|
+
var nonShorthands = _objectSpread2({}, props);
|
|
57
|
+
var hasShorthands = false;
|
|
58
|
+
for (var shorthand of shorthandNames) {
|
|
59
|
+
var value = props[shorthand];
|
|
60
|
+
if (value != null) {
|
|
61
|
+
var sprinkle = sprinklesStyles[shorthand];
|
|
62
|
+
hasShorthands = true;
|
|
63
|
+
for (var propMapping of sprinkle.mappings) {
|
|
64
|
+
shorthands[propMapping] = value;
|
|
65
|
+
if (nonShorthands[propMapping] == null) delete nonShorthands[propMapping];
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
var finalProps = hasShorthands ? _objectSpread2(_objectSpread2({}, shorthands), nonShorthands) : props;
|
|
70
|
+
var _loop = function _loop() {
|
|
71
|
+
var propValue = finalProps[prop];
|
|
72
|
+
var sprinkle = sprinklesStyles[prop];
|
|
73
|
+
try {
|
|
74
|
+
if (sprinkle.mappings) return 1;
|
|
75
|
+
if (typeof propValue === "string" || typeof propValue === "number") {
|
|
76
|
+
if (process.env.NODE_ENV !== "production") {
|
|
77
|
+
if (!sprinkle.values[propValue].defaultClass) throw new Error();
|
|
78
|
+
}
|
|
79
|
+
classNames.push(sprinkle.values[propValue].defaultClass);
|
|
80
|
+
} else if (Array.isArray(propValue)) for (var responsiveIndex = 0; responsiveIndex < propValue.length; responsiveIndex++) {
|
|
81
|
+
var responsiveValue = propValue[responsiveIndex];
|
|
82
|
+
if (responsiveValue != null) {
|
|
83
|
+
var conditionName = sprinkle.responsiveArray[responsiveIndex];
|
|
84
|
+
if (process.env.NODE_ENV !== "production") {
|
|
85
|
+
if (!sprinkle.values[responsiveValue].conditions[conditionName]) throw new Error();
|
|
86
|
+
}
|
|
87
|
+
classNames.push(sprinkle.values[responsiveValue].conditions[conditionName]);
|
|
88
|
+
}
|
|
89
|
+
}
|
|
90
|
+
else for (var _conditionName in propValue) {
|
|
91
|
+
var _value = propValue[_conditionName];
|
|
92
|
+
if (_value != null) {
|
|
93
|
+
if (process.env.NODE_ENV !== "production") {
|
|
94
|
+
if (!sprinkle.values[_value].conditions[_conditionName]) throw new Error();
|
|
95
|
+
}
|
|
96
|
+
classNames.push(sprinkle.values[_value].conditions[_conditionName]);
|
|
97
|
+
}
|
|
98
|
+
}
|
|
99
|
+
} catch (e) {
|
|
100
|
+
if (process.env.NODE_ENV !== "production") {
|
|
101
|
+
class SprinklesError extends Error {
|
|
102
|
+
constructor(message) {
|
|
103
|
+
super(message);
|
|
104
|
+
this.name = "SprinklesError";
|
|
105
|
+
}
|
|
106
|
+
}
|
|
107
|
+
var format = (v) => typeof v === "string" ? "\"".concat(v, "\"") : v;
|
|
108
|
+
var invalidPropValue = (prop, value, possibleValues) => {
|
|
109
|
+
throw new SprinklesError("\"".concat(prop, "\" has no value ").concat(format(value), ". Possible values are ").concat(Object.keys(possibleValues).map(format).join(", ")));
|
|
110
|
+
};
|
|
111
|
+
if (!sprinkle) throw new SprinklesError("\"".concat(prop, "\" is not a valid sprinkle"));
|
|
112
|
+
if (typeof propValue === "string" || typeof propValue === "number") {
|
|
113
|
+
if (!(propValue in sprinkle.values)) invalidPropValue(prop, propValue, sprinkle.values);
|
|
114
|
+
if (!sprinkle.values[propValue].defaultClass) throw new SprinklesError("\"".concat(prop, "\" has no default condition. You must specify which conditions to target explicitly. Possible options are ").concat(Object.keys(sprinkle.values[propValue].conditions).map(format).join(", ")));
|
|
115
|
+
}
|
|
116
|
+
if (typeof propValue === "object") {
|
|
117
|
+
if (!("conditions" in sprinkle.values[Object.keys(sprinkle.values)[0]])) throw new SprinklesError("\"".concat(prop, "\" is not a conditional property"));
|
|
118
|
+
if (Array.isArray(propValue)) {
|
|
119
|
+
if (!("responsiveArray" in sprinkle)) throw new SprinklesError("\"".concat(prop, "\" does not support responsive arrays"));
|
|
120
|
+
var breakpointCount = sprinkle.responsiveArray.length;
|
|
121
|
+
if (breakpointCount < propValue.length) throw new SprinklesError("\"".concat(prop, "\" only supports up to ").concat(breakpointCount, " breakpoints. You passed ").concat(propValue.length));
|
|
122
|
+
for (var _responsiveValue of propValue) if (!sprinkle.values[_responsiveValue]) invalidPropValue(prop, _responsiveValue, sprinkle.values);
|
|
123
|
+
} else for (var _conditionName2 in propValue) {
|
|
124
|
+
var _value2 = propValue[_conditionName2];
|
|
125
|
+
if (_value2 != null) {
|
|
126
|
+
if (!sprinkle.values[_value2]) invalidPropValue(prop, _value2, sprinkle.values);
|
|
127
|
+
if (!sprinkle.values[_value2].conditions[_conditionName2]) throw new SprinklesError("\"".concat(prop, "\" has no condition named ").concat(format(_conditionName2), ". Possible values are ").concat(Object.keys(sprinkle.values[_value2].conditions).map(format).join(", ")));
|
|
128
|
+
}
|
|
129
|
+
}
|
|
130
|
+
}
|
|
131
|
+
}
|
|
132
|
+
throw e;
|
|
133
|
+
}
|
|
134
|
+
};
|
|
135
|
+
for (var prop in finalProps) if (_loop()) continue;
|
|
136
|
+
return composeStyles(classNames.join(" "));
|
|
137
|
+
};
|
|
138
|
+
return Object.assign(sprinklesFn, { properties: new Set(sprinklesKeys) });
|
|
139
|
+
};
|
|
140
|
+
//#endregion
|
|
141
|
+
export { createSprinkles };
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
//#region ../../node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
|
|
2
|
+
function r(e) {
|
|
3
|
+
var t, f, n = "";
|
|
4
|
+
if ("string" == typeof e || "number" == typeof e) n += e;
|
|
5
|
+
else if ("object" == typeof e) if (Array.isArray(e)) {
|
|
6
|
+
var o = e.length;
|
|
7
|
+
for (t = 0; t < o; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
|
|
8
|
+
} else for (f in e) e[f] && (n && (n += " "), n += f);
|
|
9
|
+
return n;
|
|
10
|
+
}
|
|
11
|
+
function clsx() {
|
|
12
|
+
for (var e, t, f = 0, n = "", o = arguments.length; f < o; f++) (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
|
|
13
|
+
return n;
|
|
14
|
+
}
|
|
15
|
+
//#endregion
|
|
16
|
+
export { clsx as default };
|