moduix 0.11.3 → 1.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/README.md +60 -0
- package/dist/components/{Accordion → accordion}/Accordion.css +8 -6
- package/dist/components/{Accordion → accordion}/Accordion.d.ts +1 -1
- package/dist/components/{Accordion → accordion}/Accordion.js +3 -3
- package/dist/components/accordion/Accordion.module.js +12 -0
- package/dist/components/{Alert → alert}/Alert.css +6 -6
- package/dist/components/{Alert → alert}/Alert.d.ts +1 -1
- package/dist/components/{Alert → alert}/Alert.js +1 -1
- package/dist/components/alert/Alert.module.js +11 -0
- package/dist/components/{AlertDialog → alert-dialog}/AlertDialog.css +13 -13
- package/dist/components/{AlertDialog → alert-dialog}/AlertDialog.d.ts +1 -1
- package/dist/components/{AlertDialog → alert-dialog}/AlertDialog.js +2 -2
- package/dist/components/alert-dialog/AlertDialog.module.js +18 -0
- package/dist/components/{AspectRatio → aspect-ratio}/AspectRatio.css +1 -1
- package/dist/components/{AspectRatio → aspect-ratio}/AspectRatio.d.ts +1 -1
- package/dist/components/{AspectRatio → aspect-ratio}/AspectRatio.js +1 -1
- package/dist/components/aspect-ratio/AspectRatio.module.js +5 -0
- package/dist/components/{Autocomplete → autocomplete}/Autocomplete.css +34 -34
- package/dist/components/{Autocomplete → autocomplete}/Autocomplete.d.ts +1 -1
- package/dist/components/{Autocomplete → autocomplete}/Autocomplete.js +3 -3
- package/dist/components/autocomplete/Autocomplete.module.js +37 -0
- package/dist/components/{Avatar → avatar}/Avatar.css +3 -3
- package/dist/components/{Avatar → avatar}/Avatar.d.ts +1 -1
- package/dist/components/{Avatar → avatar}/Avatar.js +2 -2
- package/dist/components/avatar/Avatar.module.js +9 -0
- package/dist/components/{Badge → badge}/Badge.css +2 -2
- package/dist/components/{Badge → badge}/Badge.d.ts +1 -1
- package/dist/components/{Badge → badge}/Badge.js +1 -1
- package/dist/components/{Badge → badge}/Badge.module.js +3 -3
- package/dist/components/{Bleed → bleed}/Bleed.css +12 -12
- package/dist/components/{Bleed → bleed}/Bleed.d.ts +1 -1
- package/dist/components/{Bleed → bleed}/Bleed.js +1 -1
- package/dist/components/bleed/Bleed.module.js +5 -0
- package/dist/components/{Breadcrumbs → breadcrumbs}/Breadcrumbs.css +10 -10
- package/dist/components/{Breadcrumbs → breadcrumbs}/Breadcrumbs.d.ts +1 -1
- package/dist/components/{Breadcrumbs → breadcrumbs}/Breadcrumbs.js +1 -1
- package/dist/components/breadcrumbs/Breadcrumbs.module.js +13 -0
- package/dist/components/{Button → button}/Button.css +1 -1
- package/dist/components/{Button → button}/Button.d.ts +1 -1
- package/dist/components/{Button → button}/Button.js +2 -2
- package/dist/components/button/Button.module.js +5 -0
- package/dist/components/{Card → card}/Card.css +11 -11
- package/dist/components/{Card → card}/Card.d.ts +1 -1
- package/dist/components/{Card → card}/Card.js +1 -1
- package/dist/components/card/Card.module.js +14 -0
- package/dist/components/{Checkbox → checkbox}/Checkbox.css +8 -8
- package/dist/components/{Checkbox → checkbox}/Checkbox.d.ts +1 -1
- package/dist/components/{Checkbox → checkbox}/Checkbox.js +3 -3
- package/dist/components/checkbox/Checkbox.module.js +13 -0
- package/dist/components/{CheckboxGroup → checkbox-group}/CheckboxGroup.css +5 -5
- package/dist/components/{CheckboxGroup → checkbox-group}/CheckboxGroup.d.ts +2 -2
- package/dist/components/{CheckboxGroup → checkbox-group}/CheckboxGroup.js +3 -3
- package/dist/components/checkbox-group/CheckboxGroup.module.js +11 -0
- package/dist/components/{CloseButton → close-button}/CloseButton.css +1 -1
- package/dist/components/{CloseButton → close-button}/CloseButton.d.ts +1 -1
- package/dist/components/{CloseButton → close-button}/CloseButton.js +3 -3
- package/dist/components/close-button/CloseButton.module.js +5 -0
- package/dist/components/{Collapsible → collapsible}/Collapsible.css +6 -4
- package/dist/components/{Collapsible → collapsible}/Collapsible.d.ts +1 -1
- package/dist/components/{Collapsible → collapsible}/Collapsible.js +3 -3
- package/dist/components/collapsible/Collapsible.module.js +10 -0
- package/dist/components/{Combobox → combobox}/Combobox.css +38 -38
- package/dist/components/{Combobox → combobox}/Combobox.d.ts +1 -1
- package/dist/components/{Combobox → combobox}/Combobox.js +3 -3
- package/dist/components/combobox/Combobox.module.js +42 -0
- package/dist/components/{CommandPalette → command-palette}/CommandPalette.css +26 -26
- package/dist/components/{CommandPalette → command-palette}/CommandPalette.d.ts +1 -1
- package/dist/components/{CommandPalette → command-palette}/CommandPalette.js +3 -3
- package/dist/components/command-palette/CommandPalette.module.js +30 -0
- package/dist/components/{Container → container}/Container.css +9 -9
- package/dist/components/{Container → container}/Container.d.ts +1 -1
- package/dist/components/{Container → container}/Container.js +1 -1
- package/dist/components/container/Container.module.js +5 -0
- package/dist/components/{ContextMenu → context-menu}/ContextMenu.css +27 -27
- package/dist/components/{ContextMenu → context-menu}/ContextMenu.d.ts +1 -1
- package/dist/components/{ContextMenu → context-menu}/ContextMenu.js +3 -3
- package/dist/components/context-menu/ContextMenu.module.js +33 -0
- package/dist/components/{CopyButton → copy-button}/CopyButton.css +1 -1
- package/dist/components/{CopyButton → copy-button}/CopyButton.d.ts +2 -2
- package/dist/components/{CopyButton → copy-button}/CopyButton.js +3 -3
- package/dist/components/copy-button/CopyButton.module.js +5 -0
- package/dist/components/{Dialog → dialog}/Dialog.css +11 -11
- package/dist/components/{Dialog → dialog}/Dialog.d.ts +1 -1
- package/dist/components/{Dialog → dialog}/Dialog.js +3 -3
- package/dist/components/dialog/Dialog.module.js +18 -0
- package/dist/components/{Drawer → drawer}/Drawer.css +25 -25
- package/dist/components/{Drawer → drawer}/Drawer.d.ts +1 -1
- package/dist/components/{Drawer → drawer}/Drawer.js +3 -3
- package/dist/components/drawer/Drawer.module.js +24 -0
- package/dist/components/{Empty → empty}/Empty.css +6 -6
- package/dist/components/{Empty → empty}/Empty.d.ts +1 -1
- package/dist/components/{Empty → empty}/Empty.js +1 -1
- package/dist/components/empty/Empty.module.js +12 -0
- package/dist/components/{Field → field}/Field.css +7 -7
- package/dist/components/{Field → field}/Field.d.ts +1 -1
- package/dist/components/{Field → field}/Field.js +2 -2
- package/dist/components/field/Field.module.js +12 -0
- package/dist/components/{Fieldset → fieldset}/Fieldset.css +4 -4
- package/dist/components/{Fieldset → fieldset}/Fieldset.d.ts +1 -1
- package/dist/components/{Fieldset → fieldset}/Fieldset.js +2 -2
- package/dist/components/{Fieldset → fieldset}/Fieldset.module.js +3 -3
- package/dist/components/{Form → form}/Form.css +1 -1
- package/dist/components/{Form → form}/Form.d.ts +1 -1
- package/dist/components/{Form → form}/Form.js +2 -2
- package/dist/components/form/Form.module.js +5 -0
- package/dist/components/{Heading → heading}/Heading.css +2 -2
- package/dist/components/{Heading → heading}/Heading.d.ts +1 -1
- package/dist/components/{Heading → heading}/Heading.js +1 -1
- package/dist/components/heading/Heading.module.js +5 -0
- package/dist/components/{Input → input}/Input.css +5 -5
- package/dist/components/{Input → input}/Input.d.ts +1 -1
- package/dist/components/{Input → input}/Input.js +2 -2
- package/dist/components/input/Input.module.js +5 -0
- package/dist/components/{InputGroup → input-group}/InputGroup.css +6 -6
- package/dist/components/{InputGroup → input-group}/InputGroup.d.ts +3 -3
- package/dist/components/{InputGroup → input-group}/InputGroup.js +4 -4
- package/dist/components/input-group/InputGroup.module.js +11 -0
- package/dist/components/{Kbd → kbd}/Kbd.css +3 -3
- package/dist/components/{Kbd → kbd}/Kbd.d.ts +1 -1
- package/dist/components/{Kbd → kbd}/Kbd.js +1 -1
- package/dist/components/{Kbd → kbd}/Kbd.module.js +3 -3
- package/dist/components/{Lightbox → lightbox}/Lightbox.css +11 -11
- package/dist/components/{Lightbox → lightbox}/Lightbox.d.ts +1 -1
- package/dist/components/{Lightbox → lightbox}/Lightbox.js +3 -3
- package/dist/components/lightbox/Lightbox.module.js +14 -0
- package/dist/components/{List → list}/List.css +8 -8
- package/dist/components/{List → list}/List.d.ts +1 -1
- package/dist/components/{List → list}/List.js +1 -1
- package/dist/components/list/List.module.js +5 -0
- package/dist/components/{Menu → menu}/Menu.css +33 -33
- package/dist/components/{Menu → menu}/Menu.d.ts +1 -1
- package/dist/components/{Menu → menu}/Menu.js +3 -3
- package/dist/components/menu/Menu.module.js +36 -0
- package/dist/components/{Menubar → menubar}/Menubar.css +34 -34
- package/dist/components/{Menubar → menubar}/Menubar.d.ts +1 -1
- package/dist/components/{Menubar → menubar}/Menubar.js +3 -3
- package/dist/components/menubar/Menubar.module.js +36 -0
- package/dist/components/{Meter → meter}/Meter.css +5 -5
- package/dist/components/{Meter → meter}/Meter.d.ts +1 -1
- package/dist/components/{Meter → meter}/Meter.js +2 -2
- package/dist/components/meter/Meter.module.js +11 -0
- package/dist/components/{NavigationMenu → navigation-menu}/NavigationMenu.css +19 -19
- package/dist/components/{NavigationMenu → navigation-menu}/NavigationMenu.d.ts +1 -1
- package/dist/components/{NavigationMenu → navigation-menu}/NavigationMenu.js +3 -3
- package/dist/components/navigation-menu/NavigationMenu.module.js +21 -0
- package/dist/components/{NumberField → number-field}/NumberField.css +8 -8
- package/dist/components/{NumberField → number-field}/NumberField.d.ts +1 -1
- package/dist/components/{NumberField → number-field}/NumberField.js +3 -3
- package/dist/components/number-field/NumberField.module.js +13 -0
- package/dist/components/{OTPField → otp-field}/OTPField.css +3 -3
- package/dist/components/{OTPField → otp-field}/OTPField.d.ts +1 -1
- package/dist/components/{OTPField → otp-field}/OTPField.js +2 -2
- package/dist/components/otp-field/OTPField.module.js +9 -0
- package/dist/components/{Pagination → pagination}/Pagination.css +10 -10
- package/dist/components/{Pagination → pagination}/Pagination.d.ts +1 -1
- package/dist/components/{Pagination → pagination}/Pagination.js +3 -3
- package/dist/components/pagination/Pagination.module.js +16 -0
- package/dist/components/{PasswordInput → password-input}/PasswordInput.css +4 -4
- package/dist/components/{PasswordInput → password-input}/PasswordInput.d.ts +2 -2
- package/dist/components/{PasswordInput → password-input}/PasswordInput.js +3 -3
- package/dist/components/password-input/PasswordInput.module.js +9 -0
- package/dist/components/{Popover → popover}/Popover.css +15 -15
- package/dist/components/{Popover → popover}/Popover.d.ts +1 -1
- package/dist/components/{Popover → popover}/Popover.js +3 -3
- package/dist/components/popover/Popover.module.js +22 -0
- package/dist/components/{PreviewCard → preview-card}/PreviewCard.css +10 -10
- package/dist/components/{PreviewCard → preview-card}/PreviewCard.d.ts +1 -1
- package/dist/components/{PreviewCard → preview-card}/PreviewCard.js +3 -3
- package/dist/components/preview-card/PreviewCard.module.js +16 -0
- package/dist/components/{Progress → progress}/Progress.css +7 -7
- package/dist/components/{Progress → progress}/Progress.d.ts +1 -1
- package/dist/components/{Progress → progress}/Progress.js +2 -2
- package/dist/components/progress/Progress.module.js +12 -0
- package/dist/components/{Radio → radio}/Radio.css +9 -9
- package/dist/components/{Radio → radio}/Radio.d.ts +1 -1
- package/dist/components/{Radio → radio}/Radio.js +2 -2
- package/dist/components/radio/Radio.module.js +14 -0
- package/dist/components/{Rating → rating}/Rating.css +14 -14
- package/dist/components/{Rating → rating}/Rating.d.ts +1 -1
- package/dist/components/{Rating → rating}/Rating.js +3 -3
- package/dist/components/rating/Rating.module.js +9 -0
- package/dist/components/{ScrollArea → scroll-area}/ScrollArea.css +11 -11
- package/dist/components/{ScrollArea → scroll-area}/ScrollArea.d.ts +1 -1
- package/dist/components/{ScrollArea → scroll-area}/ScrollArea.js +2 -2
- package/dist/components/scroll-area/ScrollArea.module.js +12 -0
- package/dist/components/{Select → select}/Select.css +29 -29
- package/dist/components/{Select → select}/Select.d.ts +1 -1
- package/dist/components/{Select → select}/Select.js +3 -3
- package/dist/components/select/Select.module.js +33 -0
- package/dist/components/{Separator → separator}/Separator.css +1 -1
- package/dist/components/{Separator → separator}/Separator.d.ts +1 -1
- package/dist/components/{Separator → separator}/Separator.js +2 -2
- package/dist/components/separator/Separator.module.js +5 -0
- package/dist/components/{Skeleton → skeleton}/Skeleton.css +1 -1
- package/dist/components/{Skeleton → skeleton}/Skeleton.d.ts +1 -1
- package/dist/components/{Skeleton → skeleton}/Skeleton.js +1 -1
- package/dist/components/skeleton/Skeleton.module.js +5 -0
- package/dist/components/{Slider → slider}/Slider.css +7 -7
- package/dist/components/{Slider → slider}/Slider.d.ts +1 -1
- package/dist/components/{Slider → slider}/Slider.js +2 -2
- package/dist/components/slider/Slider.module.js +13 -0
- package/dist/components/{SnapCarousel → snap-carousel}/SnapCarousel.css +16 -16
- package/dist/components/{SnapCarousel → snap-carousel}/SnapCarousel.d.ts +1 -1
- package/dist/components/{SnapCarousel → snap-carousel}/SnapCarousel.js +2 -2
- package/dist/components/snap-carousel/SnapCarousel.module.js +13 -0
- package/dist/components/{Spinner → spinner}/Spinner.css +9 -9
- package/dist/components/{Spinner → spinner}/Spinner.d.ts +1 -1
- package/dist/components/{Spinner → spinner}/Spinner.js +1 -1
- package/dist/components/spinner/Spinner.module.js +9 -0
- package/dist/components/{SplitButton → split-button}/SplitButton.css +11 -11
- package/dist/components/{SplitButton → split-button}/SplitButton.d.ts +3 -3
- package/dist/components/{SplitButton → split-button}/SplitButton.js +5 -5
- package/dist/components/split-button/SplitButton.module.js +9 -0
- package/dist/components/{Stack → stack}/Stack.css +2 -2
- package/dist/components/{Stack → stack}/Stack.d.ts +1 -1
- package/dist/components/{Stack → stack}/Stack.js +1 -1
- package/dist/components/stack/Stack.module.js +5 -0
- package/dist/components/{Stepper → stepper}/Stepper.css +11 -11
- package/dist/components/{Stepper → stepper}/Stepper.d.ts +1 -1
- package/dist/components/{Stepper → stepper}/Stepper.js +2 -2
- package/dist/components/stepper/Stepper.module.js +14 -0
- package/dist/components/{Switch → switch}/Switch.css +5 -5
- package/dist/components/{Switch → switch}/Switch.d.ts +1 -1
- package/dist/components/{Switch → switch}/Switch.js +2 -2
- package/dist/components/switch/Switch.module.js +10 -0
- package/dist/components/{Table → table}/Table.css +17 -17
- package/dist/components/{Table → table}/Table.d.ts +1 -1
- package/dist/components/{Table → table}/Table.js +1 -1
- package/dist/components/table/Table.module.js +18 -0
- package/dist/components/{Tabs → tabs}/Tabs.css +9 -9
- package/dist/components/{Tabs → tabs}/Tabs.d.ts +1 -1
- package/dist/components/{Tabs → tabs}/Tabs.js +2 -2
- package/dist/components/tabs/Tabs.module.js +11 -0
- package/dist/components/{Text → text}/Text.css +2 -2
- package/dist/components/{Text → text}/Text.d.ts +1 -1
- package/dist/components/{Text → text}/Text.js +1 -1
- package/dist/components/text/Text.module.js +5 -0
- package/dist/components/{Textarea → textarea}/Textarea.css +8 -8
- package/dist/components/{Textarea → textarea}/Textarea.d.ts +1 -1
- package/dist/components/{Textarea → textarea}/Textarea.js +2 -2
- package/dist/components/textarea/Textarea.module.js +5 -0
- package/dist/components/{Toast → toast}/Toast.css +20 -20
- package/dist/components/{Toast → toast}/Toast.d.ts +1 -1
- package/dist/components/{Toast → toast}/Toast.js +3 -3
- package/dist/components/toast/Toast.module.js +26 -0
- package/dist/components/{Toggle → toggle}/Toggle.css +1 -1
- package/dist/components/{Toggle → toggle}/Toggle.d.ts +1 -1
- package/dist/components/{Toggle → toggle}/Toggle.js +2 -2
- package/dist/components/toggle/Toggle.module.js +5 -0
- package/dist/components/{ToggleGroup → toggle-group}/ToggleGroup.css +6 -6
- package/dist/components/{ToggleGroup → toggle-group}/ToggleGroup.d.ts +2 -2
- package/dist/components/{ToggleGroup → toggle-group}/ToggleGroup.js +3 -3
- package/dist/components/{ToggleGroup → toggle-group}/ToggleGroup.module.js +3 -3
- package/dist/components/{Toolbar → toolbar}/Toolbar.css +8 -8
- package/dist/components/{Toolbar → toolbar}/Toolbar.d.ts +1 -1
- package/dist/components/{Toolbar → toolbar}/Toolbar.js +2 -2
- package/dist/components/toolbar/Toolbar.module.js +12 -0
- package/dist/components/{Tooltip → tooltip}/Tooltip.css +9 -9
- package/dist/components/{Tooltip → tooltip}/Tooltip.d.ts +1 -1
- package/dist/components/{Tooltip → tooltip}/Tooltip.js +3 -3
- package/dist/components/tooltip/Tooltip.module.js +15 -0
- package/dist/index.d.ts +66 -66
- package/dist/index.js +66 -66
- package/dist/{icons → lib/moduix/icons}/ui/Icons.d.ts +1 -1
- package/dist/{icons → lib/moduix/icons}/ui/Icons.js +1 -1
- package/dist/{utils → lib/moduix}/mergeClassName.js +1 -1
- package/dist/styles/style.css +3 -10
- package/package.json +1 -2
- package/dist/components/Accordion/Accordion.module.js +0 -12
- package/dist/components/Alert/Alert.module.js +0 -11
- package/dist/components/AlertDialog/AlertDialog.module.js +0 -18
- package/dist/components/AspectRatio/AspectRatio.module.js +0 -5
- package/dist/components/Autocomplete/Autocomplete.module.js +0 -37
- package/dist/components/Avatar/Avatar.module.js +0 -9
- package/dist/components/Bleed/Bleed.module.js +0 -5
- package/dist/components/Breadcrumbs/Breadcrumbs.module.js +0 -13
- package/dist/components/Button/Button.module.js +0 -5
- package/dist/components/Card/Card.module.js +0 -14
- package/dist/components/Checkbox/Checkbox.module.js +0 -13
- package/dist/components/CheckboxGroup/CheckboxGroup.module.js +0 -11
- package/dist/components/CloseButton/CloseButton.module.js +0 -5
- package/dist/components/Collapsible/Collapsible.module.js +0 -10
- package/dist/components/Combobox/Combobox.module.js +0 -42
- package/dist/components/CommandPalette/CommandPalette.module.js +0 -30
- package/dist/components/Container/Container.module.js +0 -5
- package/dist/components/ContextMenu/ContextMenu.module.js +0 -33
- package/dist/components/CopyButton/CopyButton.module.js +0 -5
- package/dist/components/Dialog/Dialog.module.js +0 -18
- package/dist/components/Drawer/Drawer.module.js +0 -24
- package/dist/components/Empty/Empty.module.js +0 -12
- package/dist/components/Field/Field.module.js +0 -12
- package/dist/components/Form/Form.module.js +0 -5
- package/dist/components/Heading/Heading.module.js +0 -5
- package/dist/components/Input/Input.module.js +0 -5
- package/dist/components/InputGroup/InputGroup.module.js +0 -11
- package/dist/components/Lightbox/Lightbox.module.js +0 -14
- package/dist/components/List/List.module.js +0 -5
- package/dist/components/Menu/Menu.module.js +0 -36
- package/dist/components/Menubar/Menubar.module.js +0 -36
- package/dist/components/Meter/Meter.module.js +0 -11
- package/dist/components/NavigationMenu/NavigationMenu.module.js +0 -21
- package/dist/components/NumberField/NumberField.module.js +0 -13
- package/dist/components/OTPField/OTPField.module.js +0 -9
- package/dist/components/Pagination/Pagination.module.js +0 -16
- package/dist/components/PasswordInput/PasswordInput.module.js +0 -9
- package/dist/components/Popover/Popover.module.js +0 -22
- package/dist/components/PreviewCard/PreviewCard.module.js +0 -16
- package/dist/components/Progress/Progress.module.js +0 -12
- package/dist/components/Radio/Radio.module.js +0 -14
- package/dist/components/Rating/Rating.module.js +0 -9
- package/dist/components/ScrollArea/ScrollArea.module.js +0 -12
- package/dist/components/Select/Select.module.js +0 -33
- package/dist/components/Separator/Separator.module.js +0 -5
- package/dist/components/Skeleton/Skeleton.module.js +0 -5
- package/dist/components/Slider/Slider.module.js +0 -13
- package/dist/components/SnapCarousel/SnapCarousel.module.js +0 -13
- package/dist/components/Spinner/Spinner.module.js +0 -9
- package/dist/components/SplitButton/SplitButton.module.js +0 -9
- package/dist/components/Stack/Stack.module.js +0 -5
- package/dist/components/Stepper/Stepper.module.js +0 -14
- package/dist/components/Switch/Switch.module.js +0 -10
- package/dist/components/Table/Table.module.js +0 -18
- package/dist/components/Tabs/Tabs.module.js +0 -11
- package/dist/components/Text/Text.module.js +0 -5
- package/dist/components/Textarea/Textarea.module.js +0 -5
- package/dist/components/Toast/Toast.module.js +0 -26
- package/dist/components/Toggle/Toggle.module.js +0 -5
- package/dist/components/Toolbar/Toolbar.module.js +0 -12
- package/dist/components/Tooltip/Tooltip.module.js +0 -15
- /package/dist/components/{Accordion → accordion}/index.d.ts +0 -0
- /package/dist/components/{Alert → alert}/index.d.ts +0 -0
- /package/dist/components/{AlertDialog → alert-dialog}/index.d.ts +0 -0
- /package/dist/components/{AspectRatio → aspect-ratio}/index.d.ts +0 -0
- /package/dist/components/{Autocomplete → autocomplete}/index.d.ts +0 -0
- /package/dist/components/{Avatar → avatar}/index.d.ts +0 -0
- /package/dist/components/{Badge → badge}/index.d.ts +0 -0
- /package/dist/components/{Bleed → bleed}/index.d.ts +0 -0
- /package/dist/components/{Breadcrumbs → breadcrumbs}/index.d.ts +0 -0
- /package/dist/components/{Button → button}/index.d.ts +0 -0
- /package/dist/components/{Card → card}/index.d.ts +0 -0
- /package/dist/components/{Checkbox → checkbox}/index.d.ts +0 -0
- /package/dist/components/{CheckboxGroup → checkbox-group}/index.d.ts +0 -0
- /package/dist/components/{Collapsible → collapsible}/index.d.ts +0 -0
- /package/dist/components/{Combobox → combobox}/index.d.ts +0 -0
- /package/dist/components/{CommandPalette → command-palette}/index.d.ts +0 -0
- /package/dist/components/{Container → container}/index.d.ts +0 -0
- /package/dist/components/{ContextMenu → context-menu}/index.d.ts +0 -0
- /package/dist/components/{CopyButton → copy-button}/index.d.ts +0 -0
- /package/dist/components/{Dialog → dialog}/index.d.ts +0 -0
- /package/dist/components/{Drawer → drawer}/index.d.ts +0 -0
- /package/dist/components/{Empty → empty}/index.d.ts +0 -0
- /package/dist/components/{Field → field}/index.d.ts +0 -0
- /package/dist/components/{Fieldset → fieldset}/index.d.ts +0 -0
- /package/dist/components/{Form → form}/index.d.ts +0 -0
- /package/dist/components/{Heading → heading}/index.d.ts +0 -0
- /package/dist/components/{Input → input}/index.d.ts +0 -0
- /package/dist/components/{InputGroup → input-group}/index.d.ts +0 -0
- /package/dist/components/{Kbd → kbd}/index.d.ts +0 -0
- /package/dist/components/{Lightbox → lightbox}/index.d.ts +0 -0
- /package/dist/components/{List → list}/index.d.ts +0 -0
- /package/dist/components/{Menu → menu}/index.d.ts +0 -0
- /package/dist/components/{Menubar → menubar}/index.d.ts +0 -0
- /package/dist/components/{NavigationMenu → navigation-menu}/index.d.ts +0 -0
- /package/dist/components/{NumberField → number-field}/index.d.ts +0 -0
- /package/dist/components/{OTPField → otp-field}/index.d.ts +0 -0
- /package/dist/components/{Pagination → pagination}/index.d.ts +0 -0
- /package/dist/components/{PasswordInput → password-input}/index.d.ts +0 -0
- /package/dist/components/{Popover → popover}/index.d.ts +0 -0
- /package/dist/components/{PreviewCard → preview-card}/index.d.ts +0 -0
- /package/dist/components/{Radio → radio}/index.d.ts +0 -0
- /package/dist/components/{Rating → rating}/index.d.ts +0 -0
- /package/dist/components/{ScrollArea → scroll-area}/index.d.ts +0 -0
- /package/dist/components/{Select → select}/index.d.ts +0 -0
- /package/dist/components/{Skeleton → skeleton}/index.d.ts +0 -0
- /package/dist/components/{Slider → slider}/index.d.ts +0 -0
- /package/dist/components/{SnapCarousel → snap-carousel}/index.d.ts +0 -0
- /package/dist/components/{Spinner → spinner}/index.d.ts +0 -0
- /package/dist/components/{SplitButton → split-button}/index.d.ts +0 -0
- /package/dist/components/{Stack → stack}/index.d.ts +0 -0
- /package/dist/components/{Stepper → stepper}/index.d.ts +0 -0
- /package/dist/components/{Switch → switch}/index.d.ts +0 -0
- /package/dist/components/{Table → table}/index.d.ts +0 -0
- /package/dist/components/{Text → text}/index.d.ts +0 -0
- /package/dist/components/{Textarea → textarea}/index.d.ts +0 -0
- /package/dist/components/{Toast → toast}/index.d.ts +0 -0
- /package/dist/components/{Toggle → toggle}/index.d.ts +0 -0
- /package/dist/components/{ToggleGroup → toggle-group}/index.d.ts +0 -0
- /package/dist/components/{Tooltip → tooltip}/index.d.ts +0 -0
- /package/dist/{icons → lib/moduix/icons}/ui/index.d.ts +0 -0
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
@layer ui.components {
|
|
2
|
-
.
|
|
2
|
+
.ZF0lKa_close {
|
|
3
3
|
box-sizing: border-box;
|
|
4
4
|
color: inherit;
|
|
5
5
|
cursor: pointer;
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
display: inline-flex;
|
|
13
13
|
}
|
|
14
14
|
|
|
15
|
-
.
|
|
15
|
+
.ZF0lKa_trigger {
|
|
16
16
|
box-sizing: border-box;
|
|
17
17
|
justify-content: center;
|
|
18
18
|
align-items: center;
|
|
@@ -49,7 +49,7 @@
|
|
|
49
49
|
}
|
|
50
50
|
}
|
|
51
51
|
|
|
52
|
-
.
|
|
52
|
+
.ZF0lKa_backdrop {
|
|
53
53
|
z-index: var(--z-backdrop);
|
|
54
54
|
background-color: var(--command-palette-backdrop-bg, var(--backdrop-bg, var(--color-overlay)));
|
|
55
55
|
min-height: 100dvh;
|
|
@@ -65,7 +65,7 @@
|
|
|
65
65
|
}
|
|
66
66
|
}
|
|
67
67
|
|
|
68
|
-
.
|
|
68
|
+
.ZF0lKa_viewport {
|
|
69
69
|
box-sizing: border-box;
|
|
70
70
|
z-index: var(--z-modal);
|
|
71
71
|
overscroll-behavior: contain;
|
|
@@ -77,11 +77,11 @@
|
|
|
77
77
|
overflow-y: auto;
|
|
78
78
|
}
|
|
79
79
|
|
|
80
|
-
.
|
|
80
|
+
.ZF0lKa_viewportNonModal {
|
|
81
81
|
pointer-events: none;
|
|
82
82
|
}
|
|
83
83
|
|
|
84
|
-
.
|
|
84
|
+
.ZF0lKa_popup {
|
|
85
85
|
box-sizing: border-box;
|
|
86
86
|
width: min(var(--command-palette-width, 37.5rem),
|
|
87
87
|
var(--command-palette-max-width, calc(100vw - var(--spacing-8, 2rem))),
|
|
@@ -112,7 +112,7 @@
|
|
|
112
112
|
}
|
|
113
113
|
}
|
|
114
114
|
|
|
115
|
-
.
|
|
115
|
+
.ZF0lKa_inputWrap {
|
|
116
116
|
box-sizing: border-box;
|
|
117
117
|
align-items: center;
|
|
118
118
|
gap: var(--command-palette-input-gap, var(--spacing-2));
|
|
@@ -125,7 +125,7 @@
|
|
|
125
125
|
position: relative;
|
|
126
126
|
}
|
|
127
127
|
|
|
128
|
-
.
|
|
128
|
+
.ZF0lKa_input {
|
|
129
129
|
box-sizing: border-box;
|
|
130
130
|
width: 100%;
|
|
131
131
|
min-width: 0;
|
|
@@ -145,7 +145,7 @@
|
|
|
145
145
|
}
|
|
146
146
|
}
|
|
147
147
|
|
|
148
|
-
.
|
|
148
|
+
.ZF0lKa_clear {
|
|
149
149
|
box-sizing: border-box;
|
|
150
150
|
width: var(--command-palette-clear-size, 1.75rem);
|
|
151
151
|
height: var(--command-palette-clear-size, 1.75rem);
|
|
@@ -175,12 +175,12 @@
|
|
|
175
175
|
}
|
|
176
176
|
}
|
|
177
177
|
|
|
178
|
-
.
|
|
178
|
+
.ZF0lKa_iconSvg {
|
|
179
179
|
width: var(--command-palette-icon-size, 1rem);
|
|
180
180
|
height: var(--command-palette-icon-size, 1rem);
|
|
181
181
|
}
|
|
182
182
|
|
|
183
|
-
.
|
|
183
|
+
.ZF0lKa_status {
|
|
184
184
|
margin: 0;
|
|
185
185
|
padding: 0;
|
|
186
186
|
|
|
@@ -193,7 +193,7 @@
|
|
|
193
193
|
}
|
|
194
194
|
}
|
|
195
195
|
|
|
196
|
-
.
|
|
196
|
+
.ZF0lKa_empty {
|
|
197
197
|
margin: 0;
|
|
198
198
|
padding: 0;
|
|
199
199
|
|
|
@@ -206,7 +206,7 @@
|
|
|
206
206
|
}
|
|
207
207
|
}
|
|
208
208
|
|
|
209
|
-
.
|
|
209
|
+
.ZF0lKa_list {
|
|
210
210
|
box-sizing: border-box;
|
|
211
211
|
overscroll-behavior: contain;
|
|
212
212
|
min-height: 0;
|
|
@@ -222,7 +222,7 @@
|
|
|
222
222
|
}
|
|
223
223
|
}
|
|
224
224
|
|
|
225
|
-
.
|
|
225
|
+
.ZF0lKa_group {
|
|
226
226
|
gap: var(--command-palette-group-gap, .125rem);
|
|
227
227
|
display: grid;
|
|
228
228
|
|
|
@@ -231,7 +231,7 @@
|
|
|
231
231
|
}
|
|
232
232
|
}
|
|
233
233
|
|
|
234
|
-
.
|
|
234
|
+
.ZF0lKa_groupLabel {
|
|
235
235
|
top: calc(var(--command-palette-list-padding-y, var(--spacing-2)) * -1);
|
|
236
236
|
z-index: 1;
|
|
237
237
|
padding: var(--command-palette-group-label-padding-y, .375rem)
|
|
@@ -246,7 +246,7 @@
|
|
|
246
246
|
position: sticky;
|
|
247
247
|
}
|
|
248
248
|
|
|
249
|
-
.
|
|
249
|
+
.ZF0lKa_item {
|
|
250
250
|
box-sizing: border-box;
|
|
251
251
|
z-index: 0;
|
|
252
252
|
align-items: center;
|
|
@@ -285,7 +285,7 @@
|
|
|
285
285
|
}
|
|
286
286
|
}
|
|
287
287
|
|
|
288
|
-
.
|
|
288
|
+
.ZF0lKa_itemIcon {
|
|
289
289
|
width: var(--command-palette-item-icon-box-size, 2rem);
|
|
290
290
|
height: var(--command-palette-item-icon-box-size, 2rem);
|
|
291
291
|
border: var(--command-palette-item-icon-border-width, var(--border-width-sm)) solid
|
|
@@ -303,44 +303,44 @@
|
|
|
303
303
|
}
|
|
304
304
|
}
|
|
305
305
|
|
|
306
|
-
.
|
|
306
|
+
.ZF0lKa_itemText {
|
|
307
307
|
gap: var(--command-palette-item-text-gap, .125rem);
|
|
308
308
|
min-width: 0;
|
|
309
309
|
display: grid;
|
|
310
310
|
}
|
|
311
311
|
|
|
312
|
-
.
|
|
312
|
+
.ZF0lKa_itemLabel, .ZF0lKa_itemDescription {
|
|
313
313
|
text-overflow: ellipsis;
|
|
314
314
|
white-space: nowrap;
|
|
315
315
|
min-width: 0;
|
|
316
316
|
overflow: hidden;
|
|
317
317
|
}
|
|
318
318
|
|
|
319
|
-
.
|
|
319
|
+
.ZF0lKa_itemLabel {
|
|
320
320
|
font-weight: var(--command-palette-item-label-font-weight, var(--weight-medium));
|
|
321
321
|
}
|
|
322
322
|
|
|
323
|
-
.
|
|
323
|
+
.ZF0lKa_itemDescription {
|
|
324
324
|
color: var(--command-palette-muted-color, var(--color-muted-foreground));
|
|
325
325
|
font-size: var(--command-palette-item-description-font-size, var(--text-xs));
|
|
326
326
|
line-height: var(--command-palette-item-description-line-height, var(--line-height-text-xs));
|
|
327
327
|
}
|
|
328
328
|
|
|
329
|
-
.
|
|
329
|
+
.ZF0lKa_itemMeta {
|
|
330
330
|
color: var(--command-palette-muted-color, var(--color-muted-foreground));
|
|
331
331
|
font-size: var(--command-palette-item-meta-font-size, var(--text-xs));
|
|
332
332
|
line-height: var(--command-palette-item-meta-line-height, var(--line-height-text-xs));
|
|
333
333
|
white-space: nowrap;
|
|
334
334
|
}
|
|
335
335
|
|
|
336
|
-
.
|
|
336
|
+
.ZF0lKa_separator {
|
|
337
337
|
height: var(--command-palette-divider-width, var(--border-width-sm));
|
|
338
338
|
margin: var(--command-palette-separator-margin-y, var(--spacing-2))
|
|
339
339
|
var(--command-palette-separator-margin-x, var(--spacing-2));
|
|
340
340
|
background-color: var(--command-palette-divider-color, var(--color-border));
|
|
341
341
|
}
|
|
342
342
|
|
|
343
|
-
.
|
|
343
|
+
.ZF0lKa_footer {
|
|
344
344
|
justify-content: space-between;
|
|
345
345
|
align-items: center;
|
|
346
346
|
gap: var(--command-palette-footer-gap, var(--spacing-3));
|
|
@@ -354,7 +354,7 @@
|
|
|
354
354
|
display: flex;
|
|
355
355
|
}
|
|
356
356
|
|
|
357
|
-
.
|
|
357
|
+
.ZF0lKa_kbd {
|
|
358
358
|
box-sizing: border-box;
|
|
359
359
|
min-width: var(--command-palette-kbd-min-width, 1.25rem);
|
|
360
360
|
height: var(--command-palette-kbd-height, 1.25rem);
|
|
@@ -364,7 +364,7 @@
|
|
|
364
364
|
padding-inline: var(--command-palette-kbd-padding-x, .375rem);
|
|
365
365
|
background-color: var(--command-palette-kbd-bg, var(--color-muted));
|
|
366
366
|
color: var(--command-palette-kbd-color, var(--color-muted-foreground));
|
|
367
|
-
font-family: var(--command-palette-kbd-font-family, var(--font-mono));
|
|
367
|
+
font-family: var(--command-palette-kbd-font-family, var(--font-mono)), monospace;
|
|
368
368
|
font-size: var(--command-palette-kbd-font-size, .6875rem);
|
|
369
369
|
line-height: var(--command-palette-kbd-line-height, 1rem);
|
|
370
370
|
white-space: nowrap;
|
|
@@ -2,7 +2,7 @@ import { ComponentProps } from "react";
|
|
|
2
2
|
import { Autocomplete } from "@base-ui/react/autocomplete";
|
|
3
3
|
import { Dialog } from "@base-ui/react/dialog";
|
|
4
4
|
|
|
5
|
-
//#region src/components/
|
|
5
|
+
//#region src/components/command-palette/CommandPalette.d.ts
|
|
6
6
|
declare const createCommandPaletteHandle: typeof Dialog.createHandle;
|
|
7
7
|
declare function CommandPalette<Payload = unknown>({
|
|
8
8
|
modal,
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import { CloseIcon } from "../../icons/ui/Icons.js";
|
|
2
|
-
import { mergeClassName } from "../../
|
|
1
|
+
import { CloseIcon } from "../../lib/moduix/icons/ui/Icons.js";
|
|
2
|
+
import { mergeClassName } from "../../lib/moduix/mergeClassName.js";
|
|
3
3
|
import CommandPalette_module_default from "./CommandPalette.module.js";
|
|
4
4
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
5
5
|
import { clsx } from "clsx";
|
|
6
6
|
import { createContext, useContext, useEffect, useMemo } from "react";
|
|
7
7
|
import { Autocomplete } from "@base-ui/react/autocomplete";
|
|
8
8
|
import { Dialog } from "@base-ui/react/dialog";
|
|
9
|
-
//#region src/components/
|
|
9
|
+
//#region src/components/command-palette/CommandPalette.tsx
|
|
10
10
|
const createCommandPaletteHandle = Dialog.createHandle;
|
|
11
11
|
const CommandPaletteContext = createContext(null);
|
|
12
12
|
function useCommandPaletteContext(componentName) {
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import './CommandPalette.css';
|
|
2
|
+
//#region src/components/command-palette/CommandPalette.module.css
|
|
3
|
+
var CommandPalette_module_default = {
|
|
4
|
+
"backdrop": "ZF0lKa_backdrop",
|
|
5
|
+
"clear": "ZF0lKa_clear",
|
|
6
|
+
"close": "ZF0lKa_close",
|
|
7
|
+
"empty": "ZF0lKa_empty",
|
|
8
|
+
"footer": "ZF0lKa_footer",
|
|
9
|
+
"group": "ZF0lKa_group",
|
|
10
|
+
"groupLabel": "ZF0lKa_groupLabel",
|
|
11
|
+
"iconSvg": "ZF0lKa_iconSvg",
|
|
12
|
+
"input": "ZF0lKa_input",
|
|
13
|
+
"inputWrap": "ZF0lKa_inputWrap",
|
|
14
|
+
"item": "ZF0lKa_item",
|
|
15
|
+
"itemDescription": "ZF0lKa_itemDescription",
|
|
16
|
+
"itemIcon": "ZF0lKa_itemIcon",
|
|
17
|
+
"itemLabel": "ZF0lKa_itemLabel",
|
|
18
|
+
"itemMeta": "ZF0lKa_itemMeta",
|
|
19
|
+
"itemText": "ZF0lKa_itemText",
|
|
20
|
+
"kbd": "ZF0lKa_kbd",
|
|
21
|
+
"list": "ZF0lKa_list",
|
|
22
|
+
"popup": "ZF0lKa_popup",
|
|
23
|
+
"separator": "ZF0lKa_separator",
|
|
24
|
+
"status": "ZF0lKa_status",
|
|
25
|
+
"trigger": "ZF0lKa_trigger",
|
|
26
|
+
"viewport": "ZF0lKa_viewport",
|
|
27
|
+
"viewportNonModal": "ZF0lKa_viewportNonModal"
|
|
28
|
+
};
|
|
29
|
+
//#endregion
|
|
30
|
+
export { CommandPalette_module_default as default };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
@layer ui.components {
|
|
2
|
-
.
|
|
2
|
+
.DdmvbW_root {
|
|
3
3
|
--container-gutter: var(--container-gutter-md, clamp(1rem, 4vw, 2rem));
|
|
4
4
|
--container-max-width: var(--container-max-width-lg, 72rem);
|
|
5
5
|
box-sizing: border-box;
|
|
@@ -11,35 +11,35 @@
|
|
|
11
11
|
display: block;
|
|
12
12
|
}
|
|
13
13
|
|
|
14
|
-
.
|
|
14
|
+
.DdmvbW_root[data-size="xs"] {
|
|
15
15
|
--container-max-width: var(--container-max-width-xs, 40rem);
|
|
16
16
|
}
|
|
17
17
|
|
|
18
|
-
.
|
|
18
|
+
.DdmvbW_root[data-size="sm"] {
|
|
19
19
|
--container-max-width: var(--container-max-width-sm, 48rem);
|
|
20
20
|
}
|
|
21
21
|
|
|
22
|
-
.
|
|
22
|
+
.DdmvbW_root[data-size="md"] {
|
|
23
23
|
--container-max-width: var(--container-max-width-md, 64rem);
|
|
24
24
|
}
|
|
25
25
|
|
|
26
|
-
.
|
|
26
|
+
.DdmvbW_root[data-size="xl"] {
|
|
27
27
|
--container-max-width: var(--container-max-width-xl, 90rem);
|
|
28
28
|
}
|
|
29
29
|
|
|
30
|
-
.
|
|
30
|
+
.DdmvbW_root[data-size="full"] {
|
|
31
31
|
max-width: none;
|
|
32
32
|
}
|
|
33
33
|
|
|
34
|
-
.
|
|
34
|
+
.DdmvbW_root[data-gutter="none"] {
|
|
35
35
|
--container-gutter: 0;
|
|
36
36
|
}
|
|
37
37
|
|
|
38
|
-
.
|
|
38
|
+
.DdmvbW_root[data-gutter="sm"] {
|
|
39
39
|
--container-gutter: var(--container-gutter-sm, clamp(.75rem, 3vw, 1.5rem));
|
|
40
40
|
}
|
|
41
41
|
|
|
42
|
-
.
|
|
42
|
+
.DdmvbW_root[data-gutter="lg"] {
|
|
43
43
|
--container-gutter: var(--container-gutter-lg, clamp(1.5rem, 5vw, 3rem));
|
|
44
44
|
}
|
|
45
45
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import Container_module_default from "./Container.module.js";
|
|
2
2
|
import { jsx } from "react/jsx-runtime";
|
|
3
3
|
import clsx$1 from "clsx";
|
|
4
|
-
//#region src/components/
|
|
4
|
+
//#region src/components/container/Container.tsx
|
|
5
5
|
function Container({ as: Root = "div", size = "lg", gutter = "md", className, ...props }) {
|
|
6
6
|
return /* @__PURE__ */ jsx(Root, {
|
|
7
7
|
...props,
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
@layer ui.components {
|
|
2
|
-
.
|
|
2
|
+
.Ca0Baa_trigger {
|
|
3
3
|
box-sizing: border-box;
|
|
4
4
|
outline: 0;
|
|
5
5
|
margin: 0;
|
|
@@ -15,12 +15,12 @@
|
|
|
15
15
|
}
|
|
16
16
|
}
|
|
17
17
|
|
|
18
|
-
.
|
|
18
|
+
.Ca0Baa_iconSvg {
|
|
19
19
|
width: 100%;
|
|
20
20
|
height: 100%;
|
|
21
21
|
}
|
|
22
22
|
|
|
23
|
-
.
|
|
23
|
+
.Ca0Baa_backdrop {
|
|
24
24
|
z-index: var(--z-backdrop);
|
|
25
25
|
background-color: var(--context-menu-backdrop-bg, var(--backdrop-bg, var(--color-overlay)));
|
|
26
26
|
min-height: 100dvh;
|
|
@@ -38,12 +38,12 @@
|
|
|
38
38
|
}
|
|
39
39
|
}
|
|
40
40
|
|
|
41
|
-
.
|
|
41
|
+
.Ca0Baa_positioner {
|
|
42
42
|
z-index: var(--z-popup);
|
|
43
43
|
outline: 0;
|
|
44
44
|
}
|
|
45
45
|
|
|
46
|
-
.
|
|
46
|
+
.Ca0Baa_popup {
|
|
47
47
|
box-sizing: border-box;
|
|
48
48
|
min-width: min(var(--context-menu-popup-min-width, 12rem), var(--available-width, 100vw));
|
|
49
49
|
max-width: min(var(--context-menu-popup-max-width, 20rem), var(--available-width, 100vw));
|
|
@@ -67,7 +67,7 @@
|
|
|
67
67
|
}
|
|
68
68
|
}
|
|
69
69
|
|
|
70
|
-
.
|
|
70
|
+
.Ca0Baa_arrow {
|
|
71
71
|
color: var(--context-menu-popup-bg, var(--color-popover));
|
|
72
72
|
display: flex;
|
|
73
73
|
|
|
@@ -92,19 +92,19 @@
|
|
|
92
92
|
}
|
|
93
93
|
}
|
|
94
94
|
|
|
95
|
-
.
|
|
95
|
+
.Ca0Baa_arrowFill {
|
|
96
96
|
fill: currentColor;
|
|
97
97
|
}
|
|
98
98
|
|
|
99
|
-
.
|
|
99
|
+
.Ca0Baa_arrowOuterStroke {
|
|
100
100
|
fill: var(--context-menu-arrow-stroke-color, var(--context-menu-popup-border-color, var(--color-border)));
|
|
101
101
|
}
|
|
102
102
|
|
|
103
|
-
.
|
|
103
|
+
.Ca0Baa_arrowInnerStroke {
|
|
104
104
|
fill: var(--context-menu-popup-bg, var(--color-popover));
|
|
105
105
|
}
|
|
106
106
|
|
|
107
|
-
.
|
|
107
|
+
.Ca0Baa_item, .Ca0Baa_linkItem, .Ca0Baa_submenuTrigger, .Ca0Baa_radioItem, .Ca0Baa_checkboxItem {
|
|
108
108
|
box-sizing: border-box;
|
|
109
109
|
min-height: var(--context-menu-item-height, var(--popup-item-min-height, 2rem));
|
|
110
110
|
background: var(--context-menu-item-bg, transparent);
|
|
@@ -160,7 +160,7 @@
|
|
|
160
160
|
}
|
|
161
161
|
}
|
|
162
162
|
|
|
163
|
-
.
|
|
163
|
+
.Ca0Baa_item, .Ca0Baa_linkItem {
|
|
164
164
|
align-items: center;
|
|
165
165
|
gap: var(--context-menu-item-gap, var(--spacing-2));
|
|
166
166
|
padding-block: var(--context-menu-item-padding-y, var(--popup-item-padding-y, .5rem));
|
|
@@ -169,7 +169,7 @@
|
|
|
169
169
|
display: flex;
|
|
170
170
|
}
|
|
171
171
|
|
|
172
|
-
.
|
|
172
|
+
.Ca0Baa_submenuTrigger {
|
|
173
173
|
justify-content: space-between;
|
|
174
174
|
align-items: center;
|
|
175
175
|
gap: var(--context-menu-submenu-trigger-gap, var(--spacing-3));
|
|
@@ -179,7 +179,7 @@
|
|
|
179
179
|
display: flex;
|
|
180
180
|
}
|
|
181
181
|
|
|
182
|
-
.
|
|
182
|
+
.Ca0Baa_submenuTriggerIcon {
|
|
183
183
|
box-sizing: border-box;
|
|
184
184
|
width: var(--context-menu-submenu-icon-size, .875rem);
|
|
185
185
|
height: var(--context-menu-submenu-icon-size, .875rem);
|
|
@@ -188,12 +188,12 @@
|
|
|
188
188
|
display: inline-flex;
|
|
189
189
|
}
|
|
190
190
|
|
|
191
|
-
.
|
|
191
|
+
.Ca0Baa_group {
|
|
192
192
|
padding-block: var(--context-menu-group-padding-y, 0);
|
|
193
193
|
display: grid;
|
|
194
194
|
}
|
|
195
195
|
|
|
196
|
-
.
|
|
196
|
+
.Ca0Baa_groupLabel {
|
|
197
197
|
padding-block: var(--context-menu-group-label-padding-y, var(--popup-group-label-padding-y, .35rem));
|
|
198
198
|
padding-inline: var(--context-menu-group-label-padding-x-start, var(--popup-group-label-padding-x-start, .625rem))
|
|
199
199
|
var(--context-menu-group-label-padding-x-end, var(--popup-group-label-padding-x-end, .75rem));
|
|
@@ -205,11 +205,11 @@
|
|
|
205
205
|
margin: 0;
|
|
206
206
|
}
|
|
207
207
|
|
|
208
|
-
.
|
|
208
|
+
.Ca0Baa_radioGroup {
|
|
209
209
|
display: grid;
|
|
210
210
|
}
|
|
211
211
|
|
|
212
|
-
.
|
|
212
|
+
.Ca0Baa_radioItem, .Ca0Baa_checkboxItem {
|
|
213
213
|
align-items: center;
|
|
214
214
|
gap: var(--context-menu-check-gap, var(--popup-check-gap, .5rem));
|
|
215
215
|
grid-template-columns: var(--context-menu-check-indicator-size, var(--popup-check-indicator-size, .75rem))
|
|
@@ -223,18 +223,18 @@
|
|
|
223
223
|
grid-template-columns: minmax(0, 1fr)
|
|
224
224
|
var(--context-menu-check-indicator-size, var(--popup-check-indicator-size, .75rem));
|
|
225
225
|
|
|
226
|
-
& > .
|
|
226
|
+
& > .Ca0Baa_radioItemIndicator, & > .Ca0Baa_checkboxItemIndicator {
|
|
227
227
|
grid-column-start: 2;
|
|
228
228
|
justify-self: end;
|
|
229
229
|
}
|
|
230
230
|
|
|
231
|
-
& > .
|
|
231
|
+
& > .Ca0Baa_itemText {
|
|
232
232
|
grid-column-start: 1;
|
|
233
233
|
}
|
|
234
234
|
}
|
|
235
235
|
}
|
|
236
236
|
|
|
237
|
-
.
|
|
237
|
+
.Ca0Baa_radioItemIndicator, .Ca0Baa_checkboxItemIndicator {
|
|
238
238
|
box-sizing: border-box;
|
|
239
239
|
width: var(--context-menu-check-indicator-size, var(--popup-check-indicator-size, .75rem));
|
|
240
240
|
height: var(--context-menu-check-indicator-size, var(--popup-check-indicator-size, .75rem));
|
|
@@ -251,18 +251,18 @@
|
|
|
251
251
|
display: inline-flex;
|
|
252
252
|
}
|
|
253
253
|
|
|
254
|
-
.
|
|
254
|
+
.Ca0Baa_itemIndicatorIcon {
|
|
255
255
|
width: var(--context-menu-check-icon-size, 100%);
|
|
256
256
|
height: var(--context-menu-check-icon-size, 100%);
|
|
257
257
|
}
|
|
258
258
|
|
|
259
|
-
.
|
|
259
|
+
.Ca0Baa_itemText {
|
|
260
260
|
grid-column: 2;
|
|
261
261
|
min-width: 0;
|
|
262
262
|
overflow: hidden;
|
|
263
263
|
}
|
|
264
264
|
|
|
265
|
-
.
|
|
265
|
+
.Ca0Baa_itemTextContent {
|
|
266
266
|
align-items: center;
|
|
267
267
|
gap: var(--context-menu-item-text-content-gap, var(--spacing-2));
|
|
268
268
|
vertical-align: top;
|
|
@@ -271,7 +271,7 @@
|
|
|
271
271
|
display: inline-flex;
|
|
272
272
|
}
|
|
273
273
|
|
|
274
|
-
.
|
|
274
|
+
.Ca0Baa_itemTextIcon {
|
|
275
275
|
width: var(--context-menu-item-text-icon-size, 1rem);
|
|
276
276
|
height: var(--context-menu-item-text-icon-size, 1rem);
|
|
277
277
|
color: var(--context-menu-item-text-icon-color, currentColor);
|
|
@@ -281,14 +281,14 @@
|
|
|
281
281
|
display: inline-flex;
|
|
282
282
|
}
|
|
283
283
|
|
|
284
|
-
.
|
|
284
|
+
.Ca0Baa_itemTextLabel {
|
|
285
285
|
text-overflow: ellipsis;
|
|
286
286
|
white-space: nowrap;
|
|
287
287
|
min-width: 0;
|
|
288
288
|
overflow: hidden;
|
|
289
289
|
}
|
|
290
290
|
|
|
291
|
-
.
|
|
291
|
+
.Ca0Baa_itemShortcut {
|
|
292
292
|
color: var(--context-menu-item-shortcut-color, var(--color-muted-foreground));
|
|
293
293
|
font-size: var(--context-menu-item-shortcut-font-size, var(--text-xs));
|
|
294
294
|
line-height: var(--context-menu-item-shortcut-line-height, var(--line-height-text-xs));
|
|
@@ -297,7 +297,7 @@
|
|
|
297
297
|
padding-inline-start: var(--context-menu-item-shortcut-padding-x-start, var(--spacing-4));
|
|
298
298
|
}
|
|
299
299
|
|
|
300
|
-
.
|
|
300
|
+
.Ca0Baa_separator {
|
|
301
301
|
box-sizing: border-box;
|
|
302
302
|
height: var(--border-width-sm);
|
|
303
303
|
margin-block: var(--context-menu-separator-margin-y, var(--popup-separator-margin-y, .375rem));
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ComponentProps } from "react";
|
|
2
2
|
import { ContextMenu } from "@base-ui/react/context-menu";
|
|
3
3
|
|
|
4
|
-
//#region src/components/
|
|
4
|
+
//#region src/components/context-menu/ContextMenu.d.ts
|
|
5
5
|
type ContextMenuPositionerProps = Pick<ContextMenu.Positioner.Props, 'side' | 'sideOffset' | 'align' | 'alignOffset' | 'arrowPadding' | 'collisionAvoidance' | 'collisionBoundary' | 'collisionPadding'>;
|
|
6
6
|
type ContextMenuContentProps = ContextMenu.Popup.Props & ContextMenuPositionerProps & {
|
|
7
7
|
showArrow?: boolean;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { CheckIcon, ChevronRightIcon, PopupArrowIcon } from "../../icons/ui/Icons.js";
|
|
2
|
-
import { mergeClassName } from "../../
|
|
1
|
+
import { CheckIcon, ChevronRightIcon, PopupArrowIcon } from "../../lib/moduix/icons/ui/Icons.js";
|
|
2
|
+
import { mergeClassName } from "../../lib/moduix/mergeClassName.js";
|
|
3
3
|
import ContextMenu_module_default from "./ContextMenu.module.js";
|
|
4
4
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
5
5
|
import { clsx } from "clsx";
|
|
6
6
|
import { ContextMenu } from "@base-ui/react/context-menu";
|
|
7
|
-
//#region src/components/
|
|
7
|
+
//#region src/components/context-menu/ContextMenu.tsx
|
|
8
8
|
const CONTEXT_MENU_CONTENT_SIDE_OFFSET = 8;
|
|
9
9
|
const ContextMenu$1 = ContextMenu.Root;
|
|
10
10
|
const ContextMenuSubmenu = ContextMenu.SubmenuRoot;
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import './ContextMenu.css';
|
|
2
|
+
//#region src/components/context-menu/ContextMenu.module.css
|
|
3
|
+
var ContextMenu_module_default = {
|
|
4
|
+
"arrow": "Ca0Baa_arrow",
|
|
5
|
+
"arrowFill": "Ca0Baa_arrowFill",
|
|
6
|
+
"arrowInnerStroke": "Ca0Baa_arrowInnerStroke",
|
|
7
|
+
"arrowOuterStroke": "Ca0Baa_arrowOuterStroke",
|
|
8
|
+
"backdrop": "Ca0Baa_backdrop",
|
|
9
|
+
"checkboxItem": "Ca0Baa_checkboxItem",
|
|
10
|
+
"checkboxItemIndicator": "Ca0Baa_checkboxItemIndicator",
|
|
11
|
+
"group": "Ca0Baa_group",
|
|
12
|
+
"groupLabel": "Ca0Baa_groupLabel",
|
|
13
|
+
"iconSvg": "Ca0Baa_iconSvg",
|
|
14
|
+
"item": "Ca0Baa_item",
|
|
15
|
+
"itemIndicatorIcon": "Ca0Baa_itemIndicatorIcon",
|
|
16
|
+
"itemShortcut": "Ca0Baa_itemShortcut",
|
|
17
|
+
"itemText": "Ca0Baa_itemText",
|
|
18
|
+
"itemTextContent": "Ca0Baa_itemTextContent",
|
|
19
|
+
"itemTextIcon": "Ca0Baa_itemTextIcon",
|
|
20
|
+
"itemTextLabel": "Ca0Baa_itemTextLabel",
|
|
21
|
+
"linkItem": "Ca0Baa_linkItem",
|
|
22
|
+
"popup": "Ca0Baa_popup",
|
|
23
|
+
"positioner": "Ca0Baa_positioner",
|
|
24
|
+
"radioGroup": "Ca0Baa_radioGroup",
|
|
25
|
+
"radioItem": "Ca0Baa_radioItem",
|
|
26
|
+
"radioItemIndicator": "Ca0Baa_radioItemIndicator",
|
|
27
|
+
"separator": "Ca0Baa_separator",
|
|
28
|
+
"submenuTrigger": "Ca0Baa_submenuTrigger",
|
|
29
|
+
"submenuTriggerIcon": "Ca0Baa_submenuTriggerIcon",
|
|
30
|
+
"trigger": "Ca0Baa_trigger"
|
|
31
|
+
};
|
|
32
|
+
//#endregion
|
|
33
|
+
export { ContextMenu_module_default as default };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { ButtonProps } from "../
|
|
2
|
-
//#region src/components/
|
|
1
|
+
import { ButtonProps } from "../button/Button.js";
|
|
2
|
+
//#region src/components/copy-button/CopyButton.d.ts
|
|
3
3
|
type CopyButtonProps = Omit<ButtonProps, 'onClick'> & {
|
|
4
4
|
copiedDuration?: number;
|
|
5
5
|
copyLabels?: {
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { CheckIcon, CopyIcon } from "../../icons/ui/Icons.js";
|
|
2
|
-
import { Button } from "../
|
|
1
|
+
import { CheckIcon, CopyIcon } from "../../lib/moduix/icons/ui/Icons.js";
|
|
2
|
+
import { Button } from "../button/Button.js";
|
|
3
3
|
import CopyButton_module_default from "./CopyButton.module.js";
|
|
4
4
|
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
5
5
|
import { forwardRef, useEffect, useRef, useState } from "react";
|
|
6
|
-
//#region src/components/
|
|
6
|
+
//#region src/components/copy-button/CopyButton.tsx
|
|
7
7
|
const DEFAULT_COPIED_DURATION = 2e3;
|
|
8
8
|
const DEFAULT_COPY_LABELS = {
|
|
9
9
|
copy: "Copy",
|