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
|
+
.Dk-z3W_trigger {
|
|
3
3
|
box-sizing: border-box;
|
|
4
4
|
justify-content: center;
|
|
5
5
|
align-items: center;
|
|
@@ -45,7 +45,7 @@
|
|
|
45
45
|
}
|
|
46
46
|
}
|
|
47
47
|
|
|
48
|
-
.
|
|
48
|
+
.Dk-z3W_triggerIcon {
|
|
49
49
|
box-sizing: border-box;
|
|
50
50
|
width: var(--menu-trigger-icon-size, 1rem);
|
|
51
51
|
height: var(--menu-trigger-icon-size, 1rem);
|
|
@@ -54,12 +54,12 @@
|
|
|
54
54
|
display: inline-flex;
|
|
55
55
|
}
|
|
56
56
|
|
|
57
|
-
.
|
|
57
|
+
.Dk-z3W_iconSvg {
|
|
58
58
|
width: 100%;
|
|
59
59
|
height: 100%;
|
|
60
60
|
}
|
|
61
61
|
|
|
62
|
-
.
|
|
62
|
+
.Dk-z3W_backdrop {
|
|
63
63
|
z-index: var(--z-backdrop);
|
|
64
64
|
background-color: var(--menu-backdrop-bg, var(--backdrop-bg, var(--color-overlay)));
|
|
65
65
|
min-height: 100dvh;
|
|
@@ -75,7 +75,7 @@
|
|
|
75
75
|
}
|
|
76
76
|
}
|
|
77
77
|
|
|
78
|
-
.
|
|
78
|
+
.Dk-z3W_positioner {
|
|
79
79
|
z-index: var(--z-popup);
|
|
80
80
|
width: var(--positioner-width);
|
|
81
81
|
height: var(--positioner-height);
|
|
@@ -83,7 +83,7 @@
|
|
|
83
83
|
outline: 0;
|
|
84
84
|
}
|
|
85
85
|
|
|
86
|
-
.
|
|
86
|
+
.Dk-z3W_popup {
|
|
87
87
|
box-sizing: border-box;
|
|
88
88
|
width: var(--popup-width, var(--menu-popup-width, auto));
|
|
89
89
|
height: var(--popup-height, var(--menu-popup-height, auto));
|
|
@@ -110,7 +110,7 @@
|
|
|
110
110
|
}
|
|
111
111
|
}
|
|
112
112
|
|
|
113
|
-
.
|
|
113
|
+
.Dk-z3W_viewport {
|
|
114
114
|
box-sizing: border-box;
|
|
115
115
|
width: 100%;
|
|
116
116
|
height: 100%;
|
|
@@ -120,7 +120,7 @@
|
|
|
120
120
|
overflow: clip;
|
|
121
121
|
}
|
|
122
122
|
|
|
123
|
-
.
|
|
123
|
+
.Dk-z3W_arrow {
|
|
124
124
|
color: var(--menu-popup-bg, var(--color-popover));
|
|
125
125
|
display: flex;
|
|
126
126
|
|
|
@@ -145,26 +145,26 @@
|
|
|
145
145
|
}
|
|
146
146
|
}
|
|
147
147
|
|
|
148
|
-
.
|
|
148
|
+
.Dk-z3W_arrowSvg {
|
|
149
149
|
width: var(--menu-arrow-width, 1.25rem);
|
|
150
150
|
height: var(--menu-arrow-height, .625rem);
|
|
151
151
|
display: block;
|
|
152
152
|
overflow: visible;
|
|
153
153
|
}
|
|
154
154
|
|
|
155
|
-
.
|
|
155
|
+
.Dk-z3W_arrowFill {
|
|
156
156
|
fill: currentColor;
|
|
157
157
|
}
|
|
158
158
|
|
|
159
|
-
.
|
|
159
|
+
.Dk-z3W_arrowOuterStroke {
|
|
160
160
|
fill: var(--menu-arrow-stroke-color, var(--menu-popup-border-color, var(--color-border)));
|
|
161
161
|
}
|
|
162
162
|
|
|
163
|
-
.
|
|
163
|
+
.Dk-z3W_arrowInnerStroke {
|
|
164
164
|
fill: var(--menu-popup-bg, var(--color-popover));
|
|
165
165
|
}
|
|
166
166
|
|
|
167
|
-
.
|
|
167
|
+
.Dk-z3W_item, .Dk-z3W_linkItem, .Dk-z3W_submenuTrigger, .Dk-z3W_radioItem, .Dk-z3W_checkboxItem {
|
|
168
168
|
box-sizing: border-box;
|
|
169
169
|
min-height: var(--menu-item-height, var(--popup-item-min-height, 2rem));
|
|
170
170
|
background-color: var(--menu-item-bg, transparent);
|
|
@@ -221,7 +221,7 @@
|
|
|
221
221
|
}
|
|
222
222
|
}
|
|
223
223
|
|
|
224
|
-
.
|
|
224
|
+
.Dk-z3W_item, .Dk-z3W_linkItem {
|
|
225
225
|
align-items: center;
|
|
226
226
|
gap: var(--menu-item-gap, var(--spacing-2));
|
|
227
227
|
padding-block: var(--menu-item-padding-y, var(--popup-item-padding-y, .5rem));
|
|
@@ -230,7 +230,7 @@
|
|
|
230
230
|
display: flex;
|
|
231
231
|
}
|
|
232
232
|
|
|
233
|
-
.
|
|
233
|
+
.Dk-z3W_submenuTrigger {
|
|
234
234
|
justify-content: space-between;
|
|
235
235
|
align-items: center;
|
|
236
236
|
gap: var(--menu-submenu-trigger-gap, var(--spacing-3));
|
|
@@ -240,7 +240,7 @@
|
|
|
240
240
|
display: flex;
|
|
241
241
|
}
|
|
242
242
|
|
|
243
|
-
.
|
|
243
|
+
.Dk-z3W_submenuTriggerIcon {
|
|
244
244
|
box-sizing: border-box;
|
|
245
245
|
width: var(--menu-submenu-icon-size, .875rem);
|
|
246
246
|
height: var(--menu-submenu-icon-size, .875rem);
|
|
@@ -249,12 +249,12 @@
|
|
|
249
249
|
display: inline-flex;
|
|
250
250
|
}
|
|
251
251
|
|
|
252
|
-
.
|
|
252
|
+
.Dk-z3W_group {
|
|
253
253
|
padding-block: var(--menu-group-padding-y, 0);
|
|
254
254
|
display: grid;
|
|
255
255
|
}
|
|
256
256
|
|
|
257
|
-
.
|
|
257
|
+
.Dk-z3W_groupLabel {
|
|
258
258
|
padding-block: var(--menu-group-label-padding-y, var(--popup-group-label-padding-y, .35rem));
|
|
259
259
|
padding-inline: var(--menu-group-label-padding-x-start, var(--popup-group-label-padding-x-start, .625rem))
|
|
260
260
|
var(--menu-group-label-padding-x-end, var(--popup-group-label-padding-x-end, .75rem));
|
|
@@ -266,11 +266,11 @@
|
|
|
266
266
|
margin: 0;
|
|
267
267
|
}
|
|
268
268
|
|
|
269
|
-
.
|
|
269
|
+
.Dk-z3W_radioGroup {
|
|
270
270
|
display: grid;
|
|
271
271
|
}
|
|
272
272
|
|
|
273
|
-
.
|
|
273
|
+
.Dk-z3W_radioItem, .Dk-z3W_checkboxItem {
|
|
274
274
|
align-items: center;
|
|
275
275
|
gap: var(--menu-check-gap, var(--popup-check-gap, .5rem));
|
|
276
276
|
grid-template-columns: var(--menu-check-indicator-size, var(--popup-check-indicator-size, .75rem))
|
|
@@ -284,27 +284,27 @@
|
|
|
284
284
|
grid-template-columns: minmax(0, 1fr)
|
|
285
285
|
var(--menu-check-indicator-size, var(--popup-check-indicator-size, .75rem));
|
|
286
286
|
|
|
287
|
-
& > .
|
|
287
|
+
& > .Dk-z3W_itemText {
|
|
288
288
|
grid-column-start: 1;
|
|
289
289
|
}
|
|
290
290
|
|
|
291
|
-
& > .
|
|
291
|
+
& > .Dk-z3W_radioItemIndicator, & > .Dk-z3W_checkboxItemIndicator {
|
|
292
292
|
grid-column-start: 2;
|
|
293
293
|
justify-self: end;
|
|
294
294
|
}
|
|
295
295
|
}
|
|
296
296
|
}
|
|
297
297
|
|
|
298
|
-
.
|
|
298
|
+
.Dk-z3W_checkboxItem {
|
|
299
299
|
&[data-checked] {
|
|
300
|
-
& > .
|
|
300
|
+
& > .Dk-z3W_checkboxItemIndicator {
|
|
301
301
|
background-color: var(--menu-checkbox-indicator-bg-checked, var(--menu-checkbox-indicator-bg, transparent));
|
|
302
302
|
border-color: var(--menu-checkbox-indicator-border-color-checked, var(--menu-checkbox-indicator-border-color, currentColor));
|
|
303
303
|
}
|
|
304
304
|
}
|
|
305
305
|
}
|
|
306
306
|
|
|
307
|
-
.
|
|
307
|
+
.Dk-z3W_radioItemIndicator, .Dk-z3W_checkboxItemIndicator {
|
|
308
308
|
width: var(--menu-check-indicator-size, var(--popup-check-indicator-size, .75rem));
|
|
309
309
|
height: var(--menu-check-indicator-size, var(--popup-check-indicator-size, .75rem));
|
|
310
310
|
grid-column-start: 1;
|
|
@@ -313,25 +313,25 @@
|
|
|
313
313
|
display: inline-flex;
|
|
314
314
|
}
|
|
315
315
|
|
|
316
|
-
.
|
|
316
|
+
.Dk-z3W_checkboxItemIndicator {
|
|
317
317
|
border: var(--menu-checkbox-indicator-border-width, 0) solid
|
|
318
318
|
var(--menu-checkbox-indicator-border-color, currentColor);
|
|
319
319
|
border-radius: var(--menu-checkbox-indicator-radius, var(--radius-xs));
|
|
320
320
|
background-color: var(--menu-checkbox-indicator-bg, transparent);
|
|
321
321
|
}
|
|
322
322
|
|
|
323
|
-
.
|
|
323
|
+
.Dk-z3W_itemIndicatorIcon {
|
|
324
324
|
width: 100%;
|
|
325
325
|
height: 100%;
|
|
326
326
|
}
|
|
327
327
|
|
|
328
|
-
.
|
|
328
|
+
.Dk-z3W_itemText {
|
|
329
329
|
grid-column-start: 2;
|
|
330
330
|
min-width: 0;
|
|
331
331
|
overflow: hidden;
|
|
332
332
|
}
|
|
333
333
|
|
|
334
|
-
.
|
|
334
|
+
.Dk-z3W_itemTextContent {
|
|
335
335
|
align-items: center;
|
|
336
336
|
gap: var(--menu-item-text-content-gap, var(--spacing-2));
|
|
337
337
|
vertical-align: top;
|
|
@@ -340,7 +340,7 @@
|
|
|
340
340
|
display: inline-flex;
|
|
341
341
|
}
|
|
342
342
|
|
|
343
|
-
.
|
|
343
|
+
.Dk-z3W_itemTextIcon {
|
|
344
344
|
width: var(--menu-item-text-icon-size, 1rem);
|
|
345
345
|
height: var(--menu-item-text-icon-size, 1rem);
|
|
346
346
|
color: var(--menu-item-text-icon-color, currentColor);
|
|
@@ -350,14 +350,14 @@
|
|
|
350
350
|
display: inline-flex;
|
|
351
351
|
}
|
|
352
352
|
|
|
353
|
-
.
|
|
353
|
+
.Dk-z3W_itemTextLabel {
|
|
354
354
|
text-overflow: ellipsis;
|
|
355
355
|
white-space: nowrap;
|
|
356
356
|
min-width: 0;
|
|
357
357
|
overflow: hidden;
|
|
358
358
|
}
|
|
359
359
|
|
|
360
|
-
.
|
|
360
|
+
.Dk-z3W_itemShortcut {
|
|
361
361
|
color: var(--menu-item-shortcut-color, var(--color-muted-foreground));
|
|
362
362
|
font-size: var(--menu-item-shortcut-font-size, var(--text-xs));
|
|
363
363
|
line-height: var(--menu-item-shortcut-line-height, var(--line-height-text-xs));
|
|
@@ -366,7 +366,7 @@
|
|
|
366
366
|
padding-inline-start: var(--menu-item-shortcut-padding-x-start, var(--spacing-4));
|
|
367
367
|
}
|
|
368
368
|
|
|
369
|
-
.
|
|
369
|
+
.Dk-z3W_separator {
|
|
370
370
|
box-sizing: border-box;
|
|
371
371
|
height: var(--menu-separator-height, var(--border-width-sm));
|
|
372
372
|
margin-block: var(--menu-separator-margin-y, var(--popup-separator-margin-y, .375rem));
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ComponentProps } from "react";
|
|
2
2
|
import { Menu } from "@base-ui/react/menu";
|
|
3
3
|
|
|
4
|
-
//#region src/components/
|
|
4
|
+
//#region src/components/menu/Menu.d.ts
|
|
5
5
|
type MenuPositionerProps = Pick<Menu.Positioner.Props, 'side' | 'sideOffset' | 'align' | 'alignOffset' | 'arrowPadding' | 'collisionAvoidance' | 'collisionBoundary' | 'collisionPadding'>;
|
|
6
6
|
type MenuIndicatorPosition = 'start' | 'end';
|
|
7
7
|
type MenuContentProps = Menu.Popup.Props & MenuPositionerProps & {
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { CheckIcon, ChevronDownIcon, ChevronRightIcon, PopupArrowIcon } from "../../icons/ui/Icons.js";
|
|
2
|
-
import { mergeClassName } from "../../
|
|
1
|
+
import { CheckIcon, ChevronDownIcon, ChevronRightIcon, PopupArrowIcon } from "../../lib/moduix/icons/ui/Icons.js";
|
|
2
|
+
import { mergeClassName } from "../../lib/moduix/mergeClassName.js";
|
|
3
3
|
import Menu_module_default from "./Menu.module.js";
|
|
4
4
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
5
5
|
import { clsx } from "clsx";
|
|
6
6
|
import { Menu } from "@base-ui/react/menu";
|
|
7
|
-
//#region src/components/
|
|
7
|
+
//#region src/components/menu/Menu.tsx
|
|
8
8
|
const MENU_CONTENT_SIDE_OFFSET = 8;
|
|
9
9
|
const Menu$1 = Menu.Root;
|
|
10
10
|
const MenuSubmenu = Menu.SubmenuRoot;
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import './Menu.css';
|
|
2
|
+
//#region src/components/menu/Menu.module.css
|
|
3
|
+
var Menu_module_default = {
|
|
4
|
+
"arrow": "Dk-z3W_arrow",
|
|
5
|
+
"arrowFill": "Dk-z3W_arrowFill",
|
|
6
|
+
"arrowInnerStroke": "Dk-z3W_arrowInnerStroke",
|
|
7
|
+
"arrowOuterStroke": "Dk-z3W_arrowOuterStroke",
|
|
8
|
+
"arrowSvg": "Dk-z3W_arrowSvg",
|
|
9
|
+
"backdrop": "Dk-z3W_backdrop",
|
|
10
|
+
"checkboxItem": "Dk-z3W_checkboxItem",
|
|
11
|
+
"checkboxItemIndicator": "Dk-z3W_checkboxItemIndicator",
|
|
12
|
+
"group": "Dk-z3W_group",
|
|
13
|
+
"groupLabel": "Dk-z3W_groupLabel",
|
|
14
|
+
"iconSvg": "Dk-z3W_iconSvg",
|
|
15
|
+
"item": "Dk-z3W_item",
|
|
16
|
+
"itemIndicatorIcon": "Dk-z3W_itemIndicatorIcon",
|
|
17
|
+
"itemShortcut": "Dk-z3W_itemShortcut",
|
|
18
|
+
"itemText": "Dk-z3W_itemText",
|
|
19
|
+
"itemTextContent": "Dk-z3W_itemTextContent",
|
|
20
|
+
"itemTextIcon": "Dk-z3W_itemTextIcon",
|
|
21
|
+
"itemTextLabel": "Dk-z3W_itemTextLabel",
|
|
22
|
+
"linkItem": "Dk-z3W_linkItem",
|
|
23
|
+
"popup": "Dk-z3W_popup",
|
|
24
|
+
"positioner": "Dk-z3W_positioner",
|
|
25
|
+
"radioGroup": "Dk-z3W_radioGroup",
|
|
26
|
+
"radioItem": "Dk-z3W_radioItem",
|
|
27
|
+
"radioItemIndicator": "Dk-z3W_radioItemIndicator",
|
|
28
|
+
"separator": "Dk-z3W_separator",
|
|
29
|
+
"submenuTrigger": "Dk-z3W_submenuTrigger",
|
|
30
|
+
"submenuTriggerIcon": "Dk-z3W_submenuTriggerIcon",
|
|
31
|
+
"trigger": "Dk-z3W_trigger",
|
|
32
|
+
"triggerIcon": "Dk-z3W_triggerIcon",
|
|
33
|
+
"viewport": "Dk-z3W_viewport"
|
|
34
|
+
};
|
|
35
|
+
//#endregion
|
|
36
|
+
export { Menu_module_default as default };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
@layer ui.components {
|
|
2
|
-
.
|
|
2
|
+
.GITy-a_root {
|
|
3
3
|
box-sizing: border-box;
|
|
4
4
|
align-items: center;
|
|
5
5
|
gap: var(--menubar-gap, var(--spacing-1));
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
}
|
|
20
20
|
}
|
|
21
21
|
|
|
22
|
-
.
|
|
22
|
+
.GITy-a_trigger {
|
|
23
23
|
box-sizing: border-box;
|
|
24
24
|
justify-content: center;
|
|
25
25
|
align-items: center;
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
margin: 0;
|
|
42
42
|
display: inline-flex;
|
|
43
43
|
|
|
44
|
-
.
|
|
44
|
+
.GITy-a_root[data-orientation="vertical"] & {
|
|
45
45
|
justify-content: flex-start;
|
|
46
46
|
width: 100%;
|
|
47
47
|
}
|
|
@@ -72,7 +72,7 @@
|
|
|
72
72
|
}
|
|
73
73
|
}
|
|
74
74
|
|
|
75
|
-
.
|
|
75
|
+
.GITy-a_backdrop {
|
|
76
76
|
z-index: var(--z-backdrop);
|
|
77
77
|
background-color: var(--menubar-backdrop-bg, var(--backdrop-bg, var(--color-overlay)));
|
|
78
78
|
min-height: 100dvh;
|
|
@@ -88,7 +88,7 @@
|
|
|
88
88
|
}
|
|
89
89
|
}
|
|
90
90
|
|
|
91
|
-
.
|
|
91
|
+
.GITy-a_positioner {
|
|
92
92
|
z-index: var(--z-popup);
|
|
93
93
|
width: var(--positioner-width);
|
|
94
94
|
height: var(--positioner-height);
|
|
@@ -96,7 +96,7 @@
|
|
|
96
96
|
outline: 0;
|
|
97
97
|
}
|
|
98
98
|
|
|
99
|
-
.
|
|
99
|
+
.GITy-a_popup {
|
|
100
100
|
box-sizing: border-box;
|
|
101
101
|
min-width: min(var(--menubar-popup-min-width, 12rem), var(--available-width, 100vw));
|
|
102
102
|
max-width: min(var(--menubar-popup-max-width, 20rem), var(--available-width, 100vw));
|
|
@@ -119,14 +119,14 @@
|
|
|
119
119
|
}
|
|
120
120
|
}
|
|
121
121
|
|
|
122
|
-
.
|
|
122
|
+
.GITy-a_viewport {
|
|
123
123
|
max-height: min(var(--menubar-popup-max-height, 24rem), var(--available-height, 100dvh));
|
|
124
124
|
overscroll-behavior: contain;
|
|
125
125
|
padding-block: var(--menubar-popup-padding-y, .25rem);
|
|
126
126
|
overflow-y: auto;
|
|
127
127
|
}
|
|
128
128
|
|
|
129
|
-
.
|
|
129
|
+
.GITy-a_arrow {
|
|
130
130
|
color: var(--menubar-popup-bg, var(--color-popover));
|
|
131
131
|
display: flex;
|
|
132
132
|
|
|
@@ -151,26 +151,26 @@
|
|
|
151
151
|
}
|
|
152
152
|
}
|
|
153
153
|
|
|
154
|
-
.
|
|
154
|
+
.GITy-a_arrowSvg {
|
|
155
155
|
width: var(--menubar-arrow-width, 1.25rem);
|
|
156
156
|
height: var(--menubar-arrow-height, .625rem);
|
|
157
157
|
display: block;
|
|
158
158
|
overflow: visible;
|
|
159
159
|
}
|
|
160
160
|
|
|
161
|
-
.
|
|
161
|
+
.GITy-a_arrowFill {
|
|
162
162
|
fill: currentColor;
|
|
163
163
|
}
|
|
164
164
|
|
|
165
|
-
.
|
|
165
|
+
.GITy-a_arrowOuterStroke {
|
|
166
166
|
fill: var(--menubar-arrow-stroke-color, var(--menubar-popup-border-color, var(--color-border)));
|
|
167
167
|
}
|
|
168
168
|
|
|
169
|
-
.
|
|
169
|
+
.GITy-a_arrowInnerStroke {
|
|
170
170
|
fill: var(--menubar-popup-bg, var(--color-popover));
|
|
171
171
|
}
|
|
172
172
|
|
|
173
|
-
.
|
|
173
|
+
.GITy-a_item, .GITy-a_linkItem, .GITy-a_submenuTrigger, .GITy-a_radioItem, .GITy-a_checkboxItem {
|
|
174
174
|
box-sizing: border-box;
|
|
175
175
|
min-height: var(--menubar-item-height, 2rem);
|
|
176
176
|
background-color: var(--menubar-item-bg, transparent);
|
|
@@ -227,7 +227,7 @@
|
|
|
227
227
|
}
|
|
228
228
|
}
|
|
229
229
|
|
|
230
|
-
.
|
|
230
|
+
.GITy-a_item, .GITy-a_linkItem {
|
|
231
231
|
align-items: center;
|
|
232
232
|
gap: var(--menubar-item-gap, var(--spacing-2));
|
|
233
233
|
padding-block: var(--menubar-item-padding-y, .5rem);
|
|
@@ -236,7 +236,7 @@
|
|
|
236
236
|
display: flex;
|
|
237
237
|
}
|
|
238
238
|
|
|
239
|
-
.
|
|
239
|
+
.GITy-a_submenuTrigger {
|
|
240
240
|
justify-content: space-between;
|
|
241
241
|
align-items: center;
|
|
242
242
|
gap: var(--menubar-submenu-trigger-gap, var(--spacing-3));
|
|
@@ -246,7 +246,7 @@
|
|
|
246
246
|
display: flex;
|
|
247
247
|
}
|
|
248
248
|
|
|
249
|
-
.
|
|
249
|
+
.GITy-a_submenuTriggerIcon {
|
|
250
250
|
box-sizing: border-box;
|
|
251
251
|
width: var(--menubar-submenu-icon-size, .875rem);
|
|
252
252
|
height: var(--menubar-submenu-icon-size, .875rem);
|
|
@@ -255,17 +255,17 @@
|
|
|
255
255
|
display: inline-flex;
|
|
256
256
|
}
|
|
257
257
|
|
|
258
|
-
.
|
|
258
|
+
.GITy-a_iconSvg {
|
|
259
259
|
width: 100%;
|
|
260
260
|
height: 100%;
|
|
261
261
|
}
|
|
262
262
|
|
|
263
|
-
.
|
|
263
|
+
.GITy-a_group {
|
|
264
264
|
padding-block: var(--menubar-group-padding-y, 0);
|
|
265
265
|
display: grid;
|
|
266
266
|
}
|
|
267
267
|
|
|
268
|
-
.
|
|
268
|
+
.GITy-a_groupLabel {
|
|
269
269
|
padding-block: var(--menubar-group-label-padding-y, .35rem);
|
|
270
270
|
padding-inline: var(--menubar-group-label-padding-x-start, .625rem)
|
|
271
271
|
var(--menubar-group-label-padding-x-end, .75rem);
|
|
@@ -277,11 +277,11 @@
|
|
|
277
277
|
margin: 0;
|
|
278
278
|
}
|
|
279
279
|
|
|
280
|
-
.
|
|
280
|
+
.GITy-a_radioGroup {
|
|
281
281
|
display: grid;
|
|
282
282
|
}
|
|
283
283
|
|
|
284
|
-
.
|
|
284
|
+
.GITy-a_radioItem, .GITy-a_checkboxItem {
|
|
285
285
|
align-items: center;
|
|
286
286
|
gap: var(--menubar-check-gap, .5rem);
|
|
287
287
|
grid-template-columns: var(--menubar-check-indicator-size, .75rem) 1fr;
|
|
@@ -294,27 +294,27 @@
|
|
|
294
294
|
grid-template-columns: minmax(0, 1fr)
|
|
295
295
|
var(--menubar-check-indicator-size, .75rem);
|
|
296
296
|
|
|
297
|
-
& > .
|
|
297
|
+
& > .GITy-a_itemText {
|
|
298
298
|
grid-column-start: 1;
|
|
299
299
|
}
|
|
300
300
|
|
|
301
|
-
& > .
|
|
301
|
+
& > .GITy-a_radioItemIndicator, & > .GITy-a_checkboxItemIndicator {
|
|
302
302
|
grid-column-start: 2;
|
|
303
303
|
justify-self: end;
|
|
304
304
|
}
|
|
305
305
|
}
|
|
306
306
|
}
|
|
307
307
|
|
|
308
|
-
.
|
|
308
|
+
.GITy-a_checkboxItem {
|
|
309
309
|
&[data-checked] {
|
|
310
|
-
& > .
|
|
310
|
+
& > .GITy-a_checkboxItemIndicator {
|
|
311
311
|
background-color: var(--menubar-checkbox-indicator-bg-checked, var(--menubar-checkbox-indicator-bg, transparent));
|
|
312
312
|
border-color: var(--menubar-checkbox-indicator-border-color-checked, var(--menubar-checkbox-indicator-border-color, currentColor));
|
|
313
313
|
}
|
|
314
314
|
}
|
|
315
315
|
}
|
|
316
316
|
|
|
317
|
-
.
|
|
317
|
+
.GITy-a_radioItemIndicator, .GITy-a_checkboxItemIndicator {
|
|
318
318
|
width: var(--menubar-check-indicator-size, .75rem);
|
|
319
319
|
height: var(--menubar-check-indicator-size, .75rem);
|
|
320
320
|
grid-column-start: 1;
|
|
@@ -323,25 +323,25 @@
|
|
|
323
323
|
display: inline-flex;
|
|
324
324
|
}
|
|
325
325
|
|
|
326
|
-
.
|
|
326
|
+
.GITy-a_checkboxItemIndicator {
|
|
327
327
|
border: var(--menubar-checkbox-indicator-border-width, 0) solid
|
|
328
328
|
var(--menubar-checkbox-indicator-border-color, currentColor);
|
|
329
329
|
border-radius: var(--menubar-checkbox-indicator-radius, var(--radius-xs));
|
|
330
330
|
background-color: var(--menubar-checkbox-indicator-bg, transparent);
|
|
331
331
|
}
|
|
332
332
|
|
|
333
|
-
.
|
|
333
|
+
.GITy-a_itemIndicatorIcon {
|
|
334
334
|
width: 100%;
|
|
335
335
|
height: 100%;
|
|
336
336
|
}
|
|
337
337
|
|
|
338
|
-
.
|
|
338
|
+
.GITy-a_itemText {
|
|
339
339
|
grid-column-start: 2;
|
|
340
340
|
min-width: 0;
|
|
341
341
|
overflow: hidden;
|
|
342
342
|
}
|
|
343
343
|
|
|
344
|
-
.
|
|
344
|
+
.GITy-a_itemTextContent {
|
|
345
345
|
align-items: center;
|
|
346
346
|
gap: var(--menubar-item-text-content-gap, var(--spacing-2));
|
|
347
347
|
vertical-align: top;
|
|
@@ -350,7 +350,7 @@
|
|
|
350
350
|
display: inline-flex;
|
|
351
351
|
}
|
|
352
352
|
|
|
353
|
-
.
|
|
353
|
+
.GITy-a_itemTextIcon {
|
|
354
354
|
width: var(--menubar-item-text-icon-size, 1rem);
|
|
355
355
|
height: var(--menubar-item-text-icon-size, 1rem);
|
|
356
356
|
color: var(--menubar-item-text-icon-color, currentColor);
|
|
@@ -360,14 +360,14 @@
|
|
|
360
360
|
display: inline-flex;
|
|
361
361
|
}
|
|
362
362
|
|
|
363
|
-
.
|
|
363
|
+
.GITy-a_itemTextLabel {
|
|
364
364
|
text-overflow: ellipsis;
|
|
365
365
|
white-space: nowrap;
|
|
366
366
|
min-width: 0;
|
|
367
367
|
overflow: hidden;
|
|
368
368
|
}
|
|
369
369
|
|
|
370
|
-
.
|
|
370
|
+
.GITy-a_itemShortcut {
|
|
371
371
|
color: var(--menubar-item-shortcut-color, var(--color-muted-foreground));
|
|
372
372
|
font-size: var(--menubar-item-shortcut-font-size, var(--text-xs));
|
|
373
373
|
line-height: var(--menubar-item-shortcut-line-height, var(--line-height-text-xs));
|
|
@@ -376,7 +376,7 @@
|
|
|
376
376
|
padding-inline-start: var(--menubar-item-shortcut-padding-x-start, var(--spacing-4));
|
|
377
377
|
}
|
|
378
378
|
|
|
379
|
-
.
|
|
379
|
+
.GITy-a_separator {
|
|
380
380
|
box-sizing: border-box;
|
|
381
381
|
height: var(--menubar-separator-height, var(--border-width-sm));
|
|
382
382
|
margin-block: var(--menubar-separator-margin-y, .375rem);
|
|
@@ -2,7 +2,7 @@ import { ComponentProps } from "react";
|
|
|
2
2
|
import { Menu } from "@base-ui/react/menu";
|
|
3
3
|
import { Menubar } from "@base-ui/react/menubar";
|
|
4
4
|
|
|
5
|
-
//#region src/components/
|
|
5
|
+
//#region src/components/menubar/Menubar.d.ts
|
|
6
6
|
type MenubarPositionerProps = Pick<Menu.Positioner.Props, 'side' | 'sideOffset' | 'align' | 'alignOffset' | 'arrowPadding' | 'collisionAvoidance' | 'collisionBoundary' | 'collisionPadding'>;
|
|
7
7
|
type MenubarIndicatorPosition = 'start' | 'end';
|
|
8
8
|
type MenubarContentProps = Menu.Popup.Props & MenubarPositionerProps & {
|
|
@@ -1,11 +1,11 @@
|
|
|
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 Menubar_module_default from "./Menubar.module.js";
|
|
4
4
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
5
5
|
import { clsx } from "clsx";
|
|
6
6
|
import { Menu } from "@base-ui/react/menu";
|
|
7
7
|
import { Menubar } from "@base-ui/react/menubar";
|
|
8
|
-
//#region src/components/
|
|
8
|
+
//#region src/components/menubar/Menubar.tsx
|
|
9
9
|
const MENUBAR_CONTENT_SIDE_OFFSET = 6;
|
|
10
10
|
const MenubarMenu = Menu.Root;
|
|
11
11
|
const MenubarSubmenu = Menu.SubmenuRoot;
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import './Menubar.css';
|
|
2
|
+
//#region src/components/menubar/Menubar.module.css
|
|
3
|
+
var Menubar_module_default = {
|
|
4
|
+
"arrow": "GITy-a_arrow",
|
|
5
|
+
"arrowFill": "GITy-a_arrowFill",
|
|
6
|
+
"arrowInnerStroke": "GITy-a_arrowInnerStroke",
|
|
7
|
+
"arrowOuterStroke": "GITy-a_arrowOuterStroke",
|
|
8
|
+
"arrowSvg": "GITy-a_arrowSvg",
|
|
9
|
+
"backdrop": "GITy-a_backdrop",
|
|
10
|
+
"checkboxItem": "GITy-a_checkboxItem",
|
|
11
|
+
"checkboxItemIndicator": "GITy-a_checkboxItemIndicator",
|
|
12
|
+
"group": "GITy-a_group",
|
|
13
|
+
"groupLabel": "GITy-a_groupLabel",
|
|
14
|
+
"iconSvg": "GITy-a_iconSvg",
|
|
15
|
+
"item": "GITy-a_item",
|
|
16
|
+
"itemIndicatorIcon": "GITy-a_itemIndicatorIcon",
|
|
17
|
+
"itemShortcut": "GITy-a_itemShortcut",
|
|
18
|
+
"itemText": "GITy-a_itemText",
|
|
19
|
+
"itemTextContent": "GITy-a_itemTextContent",
|
|
20
|
+
"itemTextIcon": "GITy-a_itemTextIcon",
|
|
21
|
+
"itemTextLabel": "GITy-a_itemTextLabel",
|
|
22
|
+
"linkItem": "GITy-a_linkItem",
|
|
23
|
+
"popup": "GITy-a_popup",
|
|
24
|
+
"positioner": "GITy-a_positioner",
|
|
25
|
+
"radioGroup": "GITy-a_radioGroup",
|
|
26
|
+
"radioItem": "GITy-a_radioItem",
|
|
27
|
+
"radioItemIndicator": "GITy-a_radioItemIndicator",
|
|
28
|
+
"root": "GITy-a_root",
|
|
29
|
+
"separator": "GITy-a_separator",
|
|
30
|
+
"submenuTrigger": "GITy-a_submenuTrigger",
|
|
31
|
+
"submenuTriggerIcon": "GITy-a_submenuTriggerIcon",
|
|
32
|
+
"trigger": "GITy-a_trigger",
|
|
33
|
+
"viewport": "GITy-a_viewport"
|
|
34
|
+
};
|
|
35
|
+
//#endregion
|
|
36
|
+
export { Menubar_module_default as default };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
@layer ui.components {
|
|
2
|
-
.
|
|
2
|
+
.NCdhpW_root {
|
|
3
3
|
box-sizing: border-box;
|
|
4
4
|
gap: var(--meter-gap, .5rem);
|
|
5
5
|
width: var(--meter-width, 12rem);
|
|
@@ -8,14 +8,14 @@
|
|
|
8
8
|
display: grid;
|
|
9
9
|
}
|
|
10
10
|
|
|
11
|
-
.
|
|
11
|
+
.NCdhpW_label {
|
|
12
12
|
color: var(--meter-label-color, currentColor);
|
|
13
13
|
font-size: var(--meter-label-font-size, var(--text-sm));
|
|
14
14
|
font-weight: var(--meter-label-font-weight, var(--weight-regular));
|
|
15
15
|
line-height: var(--meter-label-line-height, var(--line-height-text-sm));
|
|
16
16
|
}
|
|
17
17
|
|
|
18
|
-
.
|
|
18
|
+
.NCdhpW_value {
|
|
19
19
|
color: var(--meter-value-color, currentColor);
|
|
20
20
|
font-size: var(--meter-value-font-size, var(--text-sm));
|
|
21
21
|
font-weight: var(--meter-value-font-weight, var(--weight-regular));
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
justify-self: end;
|
|
25
25
|
}
|
|
26
26
|
|
|
27
|
-
.
|
|
27
|
+
.NCdhpW_track {
|
|
28
28
|
width: 100%;
|
|
29
29
|
height: var(--meter-track-height, .5rem);
|
|
30
30
|
border-radius: var(--meter-track-radius, var(--radius-full));
|
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
overflow: hidden;
|
|
37
37
|
}
|
|
38
38
|
|
|
39
|
-
.
|
|
39
|
+
.NCdhpW_indicator {
|
|
40
40
|
border-radius: var(--meter-indicator-radius, inherit);
|
|
41
41
|
background-color: var(--meter-indicator-bg, var(--color-primary));
|
|
42
42
|
height: 100%;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
//#region src/components/
|
|
1
|
+
//#region src/components/meter/Meter.d.ts
|
|
2
2
|
declare const Meter: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").MeterRootProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
3
3
|
declare const MeterRoot: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").MeterRootProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
4
4
|
declare const MeterLabel: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").MeterLabelProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
|