@moduix/react 1.1.0 → 2.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 +16 -16
- package/dist/components/accordion/Accordion.css +21 -14
- package/dist/components/accordion/Accordion.d.ts +3 -2
- package/dist/components/accordion/Accordion.js +17 -5
- package/dist/components/accordion/Accordion.module.js +10 -9
- package/dist/components/accordion/index.d.ts +2 -2
- package/dist/components/alert/Alert.css +24 -10
- package/dist/components/alert/Alert.d.ts +5 -3
- package/dist/components/alert/Alert.js +17 -5
- package/dist/components/alert/Alert.module.js +6 -5
- package/dist/components/angle-slider/AngleSlider.css +8 -8
- package/dist/components/angle-slider/AngleSlider.d.ts +18 -2
- package/dist/components/angle-slider/AngleSlider.js +34 -18
- package/dist/components/angle-slider/AngleSlider.module.js +7 -7
- package/dist/components/angle-slider/index.d.ts +2 -2
- package/dist/components/aspect-ratio/AspectRatio.css +4 -2
- package/dist/components/aspect-ratio/AspectRatio.js +2 -2
- package/dist/components/aspect-ratio/AspectRatio.module.js +1 -1
- package/dist/components/avatar/Avatar.css +3 -3
- package/dist/components/avatar/Avatar.d.ts +6 -3
- package/dist/components/avatar/Avatar.js +12 -5
- package/dist/components/avatar/Avatar.module.js +3 -3
- package/dist/components/avatar/index.d.ts +2 -2
- package/dist/components/badge/Badge.css +46 -3
- package/dist/components/badge/Badge.d.ts +2 -2
- package/dist/components/badge/Badge.js +1 -1
- package/dist/components/badge/Badge.module.js +2 -2
- package/dist/components/bleed/Bleed.css +1 -1
- package/dist/components/bleed/Bleed.d.ts +6 -4
- package/dist/components/bleed/Bleed.js +3 -3
- package/dist/components/bleed/Bleed.module.js +1 -1
- package/dist/components/breadcrumbs/Breadcrumbs.css +17 -11
- package/dist/components/breadcrumbs/Breadcrumbs.d.ts +18 -0
- package/dist/components/breadcrumbs/Breadcrumbs.js +18 -4
- package/dist/components/breadcrumbs/Breadcrumbs.module.js +8 -7
- package/dist/components/breadcrumbs/index.d.ts +2 -0
- package/dist/components/button/Button.css +22 -2
- package/dist/components/button/Button.d.ts +6 -0
- package/dist/components/button/Button.js +12 -7
- package/dist/components/button/Button.module.js +1 -1
- package/dist/components/card/Card.css +29 -13
- package/dist/components/card/Card.d.ts +1 -0
- package/dist/components/card/Card.js +12 -1
- package/dist/components/card/Card.module.js +9 -8
- package/dist/components/carousel/Carousel.css +20 -18
- package/dist/components/carousel/Carousel.d.ts +4 -0
- package/dist/components/carousel/Carousel.js +15 -2
- package/dist/components/carousel/Carousel.module.js +12 -12
- package/dist/components/checkbox/Checkbox.css +11 -11
- package/dist/components/checkbox/Checkbox.d.ts +2 -3
- package/dist/components/checkbox/Checkbox.js +25 -22
- package/dist/components/checkbox/Checkbox.module.js +6 -6
- package/dist/components/checkbox/index.d.ts +2 -2
- package/dist/components/clipboard/Clipboard.css +8 -8
- package/dist/components/clipboard/Clipboard.d.ts +2 -0
- package/dist/components/clipboard/Clipboard.js +15 -4
- package/dist/components/clipboard/Clipboard.module.js +8 -8
- package/dist/components/close-button/CloseButton.css +1 -1
- package/dist/components/close-button/CloseButton.d.ts +12 -2
- package/dist/components/close-button/CloseButton.js +9 -9
- package/dist/components/close-button/CloseButton.module.js +1 -1
- package/dist/components/collapsible/Collapsible.css +17 -10
- package/dist/components/collapsible/Collapsible.d.ts +3 -2
- package/dist/components/collapsible/Collapsible.js +18 -6
- package/dist/components/collapsible/Collapsible.module.js +7 -6
- package/dist/components/collapsible/index.d.ts +2 -2
- package/dist/components/color-picker/ColorPicker.css +63 -34
- package/dist/components/color-picker/ColorPicker.d.ts +3 -3
- package/dist/components/color-picker/ColorPicker.js +78 -27
- package/dist/components/color-picker/ColorPicker.module.js +28 -27
- package/dist/components/color-picker/index.d.ts +2 -2
- package/dist/components/combobox/Combobox.css +55 -26
- package/dist/components/combobox/Combobox.d.ts +9 -2
- package/dist/components/combobox/Combobox.js +34 -8
- package/dist/components/combobox/Combobox.module.js +17 -17
- package/dist/components/combobox/index.d.ts +2 -2
- package/dist/components/command-palette/CommandPalette.css +80 -114
- package/dist/components/command-palette/CommandPalette.d.ts +13 -3
- package/dist/components/command-palette/CommandPalette.js +54 -43
- package/dist/components/command-palette/CommandPalette.module.js +35 -37
- package/dist/components/container/Container.css +1 -1
- package/dist/components/container/Container.js +1 -1
- package/dist/components/container/Container.module.js +1 -1
- package/dist/components/date-input/DateInput.css +9 -7
- package/dist/components/date-input/DateInput.d.ts +12 -7
- package/dist/components/date-input/DateInput.js +35 -14
- package/dist/components/date-input/DateInput.module.js +6 -6
- package/dist/components/date-input/index.d.ts +2 -2
- package/dist/components/date-picker/DatePicker.css +68 -40
- package/dist/components/date-picker/DatePicker.d.ts +30 -2
- package/dist/components/date-picker/DatePicker.js +94 -9
- package/dist/components/date-picker/DatePicker.module.js +23 -23
- package/dist/components/date-picker/index.d.ts +2 -2
- package/dist/components/dialog/Dialog.css +31 -27
- package/dist/components/dialog/Dialog.d.ts +2 -2
- package/dist/components/dialog/Dialog.js +3 -3
- package/dist/components/dialog/Dialog.module.js +15 -15
- package/dist/components/dialog/index.d.ts +2 -2
- package/dist/components/drawer/Drawer.css +40 -40
- package/dist/components/drawer/Drawer.d.ts +2 -2
- package/dist/components/drawer/Drawer.js +3 -3
- package/dist/components/drawer/Drawer.module.js +26 -26
- package/dist/components/drawer/index.d.ts +2 -2
- package/dist/components/editable/Editable.css +10 -10
- package/dist/components/editable/Editable.d.ts +9 -2
- package/dist/components/editable/Editable.js +14 -5
- package/dist/components/editable/Editable.module.js +7 -7
- package/dist/components/editable/index.d.ts +2 -2
- package/dist/components/empty/Empty.css +6 -6
- package/dist/components/empty/Empty.js +1 -1
- package/dist/components/empty/Empty.module.js +6 -6
- package/dist/components/field/Field.css +8 -12
- package/dist/components/field/Field.d.ts +3 -2
- package/dist/components/field/Field.js +6 -5
- package/dist/components/field/Field.module.js +8 -9
- package/dist/components/field/index.d.ts +2 -2
- package/dist/components/fieldset/Fieldset.css +6 -6
- package/dist/components/fieldset/Fieldset.d.ts +2 -2
- package/dist/components/fieldset/Fieldset.js +3 -3
- package/dist/components/fieldset/Fieldset.module.js +4 -4
- package/dist/components/fieldset/index.d.ts +2 -2
- package/dist/components/file-upload/FileUpload.css +97 -24
- package/dist/components/file-upload/FileUpload.d.ts +22 -5
- package/dist/components/file-upload/FileUpload.js +79 -21
- package/dist/components/file-upload/FileUpload.module.js +16 -13
- package/dist/components/file-upload/index.d.ts +2 -2
- package/dist/components/floating-panel/FloatingPanel.css +28 -24
- package/dist/components/floating-panel/FloatingPanel.d.ts +11 -3
- package/dist/components/floating-panel/FloatingPanel.js +15 -9
- package/dist/components/floating-panel/FloatingPanel.module.js +14 -14
- package/dist/components/heading/Heading.css +1 -1
- package/dist/components/heading/Heading.js +1 -1
- package/dist/components/heading/Heading.module.js +1 -1
- package/dist/components/highlight/Highlight.css +1 -1
- package/dist/components/highlight/Highlight.js +1 -1
- package/dist/components/highlight/Highlight.module.js +1 -1
- package/dist/components/hover-card/HoverCard.css +21 -17
- package/dist/components/hover-card/HoverCard.d.ts +3 -2
- package/dist/components/hover-card/HoverCard.js +5 -4
- package/dist/components/hover-card/HoverCard.module.js +7 -7
- package/dist/components/hover-card/index.d.ts +2 -2
- package/dist/components/image/Image.css +7 -0
- package/dist/components/image/Image.d.ts +12 -0
- package/dist/components/image/Image.js +28 -0
- package/dist/components/image/Image.module.js +5 -0
- package/dist/components/image/index.d.ts +2 -0
- package/dist/components/image-cropper/ImageCropper.css +6 -6
- package/dist/components/image-cropper/ImageCropper.d.ts +7 -2
- package/dist/components/image-cropper/ImageCropper.js +25 -3
- package/dist/components/image-cropper/ImageCropper.module.js +6 -6
- package/dist/components/image-cropper/index.d.ts +2 -2
- package/dist/components/input/Input.css +1 -1
- package/dist/components/input/Input.js +1 -1
- package/dist/components/input/Input.module.js +1 -1
- package/dist/components/input-group/InputGroup.css +6 -6
- package/dist/components/input-group/InputGroup.d.ts +3 -0
- package/dist/components/input-group/InputGroup.js +1 -1
- package/dist/components/input-group/InputGroup.module.js +5 -5
- package/dist/components/kbd/Kbd.css +2 -2
- package/dist/components/kbd/Kbd.js +1 -1
- package/dist/components/kbd/Kbd.module.js +2 -2
- package/dist/components/lightbox/Lightbox.css +30 -28
- package/dist/components/lightbox/Lightbox.d.ts +4 -2
- package/dist/components/lightbox/Lightbox.js +9 -7
- package/dist/components/lightbox/Lightbox.module.js +16 -16
- package/dist/components/lightbox/index.d.ts +2 -2
- package/dist/components/list/List.css +1 -1
- package/dist/components/list/List.js +1 -1
- package/dist/components/list/List.module.js +1 -1
- package/dist/components/listbox/Listbox.css +76 -17
- package/dist/components/listbox/Listbox.d.ts +14 -2
- package/dist/components/listbox/Listbox.js +41 -5
- package/dist/components/listbox/Listbox.module.js +17 -14
- package/dist/components/listbox/index.d.ts +2 -2
- package/dist/components/marquee/Marquee.css +10 -10
- package/dist/components/marquee/Marquee.d.ts +2 -1
- package/dist/components/marquee/Marquee.js +4 -3
- package/dist/components/marquee/Marquee.module.js +7 -7
- package/dist/components/marquee/index.d.ts +2 -2
- package/dist/components/menu/Menu.css +46 -40
- package/dist/components/menu/Menu.d.ts +3 -2
- package/dist/components/menu/Menu.js +6 -5
- package/dist/components/menu/Menu.module.js +27 -27
- package/dist/components/menu/index.d.ts +2 -2
- package/dist/components/native-select/NativeSelect.css +5 -5
- package/dist/components/native-select/NativeSelect.d.ts +6 -2
- package/dist/components/native-select/NativeSelect.js +5 -4
- package/dist/components/native-select/NativeSelect.module.js +3 -3
- package/dist/components/number-input/NumberInput.css +11 -17
- package/dist/components/number-input/NumberInput.d.ts +7 -2
- package/dist/components/number-input/NumberInput.js +17 -4
- package/dist/components/number-input/NumberInput.module.js +8 -8
- package/dist/components/number-input/index.d.ts +2 -2
- package/dist/components/pagination/Pagination.css +8 -8
- package/dist/components/pagination/Pagination.d.ts +4 -0
- package/dist/components/pagination/Pagination.js +13 -4
- package/dist/components/pagination/Pagination.module.js +6 -6
- package/dist/components/password-input/PasswordInput.css +7 -7
- package/dist/components/password-input/PasswordInput.d.ts +4 -0
- package/dist/components/password-input/PasswordInput.js +10 -2
- package/dist/components/password-input/PasswordInput.module.js +6 -6
- package/dist/components/pin-input/PinInput.css +5 -5
- package/dist/components/pin-input/PinInput.d.ts +6 -1
- package/dist/components/pin-input/PinInput.js +25 -16
- package/dist/components/pin-input/PinInput.module.js +5 -5
- package/dist/components/popover/Popover.css +33 -24
- package/dist/components/popover/Popover.js +1 -1
- package/dist/components/popover/Popover.module.js +14 -14
- package/dist/components/progress-circular/ProgressCircular.css +8 -8
- package/dist/components/progress-circular/ProgressCircular.d.ts +6 -0
- package/dist/components/progress-circular/ProgressCircular.js +14 -3
- package/dist/components/progress-circular/ProgressCircular.module.js +8 -8
- package/dist/components/progress-linear/ProgressLinear.css +8 -8
- package/dist/components/progress-linear/ProgressLinear.d.ts +3 -0
- package/dist/components/progress-linear/ProgressLinear.js +6 -3
- package/dist/components/progress-linear/ProgressLinear.module.js +8 -8
- package/dist/components/qr-code/QrCode.css +13 -12
- package/dist/components/qr-code/QrCode.d.ts +2 -2
- package/dist/components/qr-code/QrCode.js +3 -3
- package/dist/components/qr-code/QrCode.module.js +5 -5
- package/dist/components/qr-code/index.d.ts +2 -2
- package/dist/components/radio-group/RadioGroup.css +6 -6
- package/dist/components/radio-group/RadioGroup.d.ts +8 -4
- package/dist/components/radio-group/RadioGroup.js +22 -14
- package/dist/components/radio-group/RadioGroup.module.js +6 -6
- package/dist/components/radio-group/index.d.ts +2 -2
- package/dist/components/rating-group/RatingGroup.css +14 -14
- package/dist/components/rating-group/RatingGroup.d.ts +11 -4
- package/dist/components/rating-group/RatingGroup.js +29 -18
- package/dist/components/rating-group/RatingGroup.module.js +7 -7
- package/dist/components/rating-group/index.d.ts +2 -2
- package/dist/components/scroll-area/ScrollArea.css +14 -9
- package/dist/components/scroll-area/ScrollArea.d.ts +3 -0
- package/dist/components/scroll-area/ScrollArea.js +9 -6
- package/dist/components/scroll-area/ScrollArea.module.js +6 -6
- package/dist/components/segment-group/SegmentGroup.css +6 -6
- package/dist/components/segment-group/SegmentGroup.d.ts +13 -3
- package/dist/components/segment-group/SegmentGroup.js +23 -15
- package/dist/components/segment-group/SegmentGroup.module.js +6 -6
- package/dist/components/segment-group/index.d.ts +2 -2
- package/dist/components/select/Select.css +49 -40
- package/dist/components/select/Select.d.ts +18 -4
- package/dist/components/select/Select.js +65 -20
- package/dist/components/select/Select.module.js +21 -21
- package/dist/components/separator/Separator.css +1 -1
- package/dist/components/separator/Separator.js +1 -1
- package/dist/components/separator/Separator.module.js +1 -1
- package/dist/components/sidebar/Sidebar.css +169 -32
- package/dist/components/sidebar/Sidebar.d.ts +26 -0
- package/dist/components/sidebar/Sidebar.js +105 -13
- package/dist/components/sidebar/Sidebar.module.js +23 -17
- package/dist/components/signature-pad/SignaturePad.css +18 -47
- package/dist/components/signature-pad/SignaturePad.d.ts +14 -6
- package/dist/components/signature-pad/SignaturePad.js +56 -17
- package/dist/components/signature-pad/SignaturePad.module.js +6 -6
- package/dist/components/signature-pad/index.d.ts +2 -2
- package/dist/components/simple-grid/SimpleGrid.js +3 -3
- package/dist/components/skeleton/Skeleton.css +1 -1
- package/dist/components/skeleton/Skeleton.js +1 -1
- package/dist/components/skeleton/Skeleton.module.js +1 -1
- package/dist/components/slider/Slider.css +16 -14
- package/dist/components/slider/Slider.d.ts +12 -3
- package/dist/components/slider/Slider.js +24 -15
- package/dist/components/slider/Slider.module.js +10 -10
- package/dist/components/slider/index.d.ts +2 -2
- package/dist/components/spinner/Spinner.css +9 -9
- package/dist/components/spinner/Spinner.js +2 -2
- package/dist/components/spinner/Spinner.module.js +3 -3
- package/dist/components/split-button/SplitButton.css +9 -9
- package/dist/components/split-button/SplitButton.d.ts +1 -1
- package/dist/components/split-button/SplitButton.js +3 -4
- package/dist/components/split-button/SplitButton.module.js +3 -3
- package/dist/components/splitter/Splitter.css +27 -22
- package/dist/components/splitter/Splitter.d.ts +2 -2
- package/dist/components/splitter/Splitter.js +12 -11
- package/dist/components/splitter/Splitter.module.js +4 -4
- package/dist/components/splitter/index.d.ts +2 -2
- package/dist/components/stack/Stack.css +2 -2
- package/dist/components/stack/Stack.d.ts +1 -3
- package/dist/components/stack/Stack.js +4 -6
- package/dist/components/stack/Stack.module.js +1 -1
- package/dist/components/steps/Steps.css +14 -14
- package/dist/components/steps/Steps.d.ts +2 -1
- package/dist/components/steps/Steps.js +5 -4
- package/dist/components/steps/Steps.module.js +11 -11
- package/dist/components/swap/Swap.css +45 -0
- package/dist/components/swap/Swap.d.ts +11 -0
- package/dist/components/swap/Swap.js +39 -0
- package/dist/components/swap/Swap.module.js +11 -0
- package/dist/components/swap/index.d.ts +2 -0
- package/dist/components/switch/Switch.css +11 -11
- package/dist/components/switch/Switch.d.ts +4 -4
- package/dist/components/switch/Switch.js +19 -16
- package/dist/components/switch/Switch.module.js +4 -4
- package/dist/components/switch/index.d.ts +2 -2
- package/dist/components/table/Table.css +18 -18
- package/dist/components/table/Table.js +3 -2
- package/dist/components/table/Table.module.js +11 -12
- package/dist/components/tabs/Tabs.css +12 -10
- package/dist/components/tabs/Tabs.d.ts +3 -2
- package/dist/components/tabs/Tabs.js +5 -4
- package/dist/components/tabs/Tabs.module.js +5 -5
- package/dist/components/tabs/index.d.ts +2 -2
- package/dist/components/tag/Tag.css +16 -46
- package/dist/components/tag/Tag.js +7 -20
- package/dist/components/tag/Tag.module.js +5 -5
- package/dist/components/tags-input/TagsInput.css +13 -50
- package/dist/components/tags-input/TagsInput.d.ts +7 -4
- package/dist/components/tags-input/TagsInput.js +33 -21
- package/dist/components/tags-input/TagsInput.module.js +10 -10
- package/dist/components/tags-input/index.d.ts +2 -2
- package/dist/components/text/Text.css +1 -1
- package/dist/components/text/Text.d.ts +2 -2
- package/dist/components/text/Text.js +1 -1
- package/dist/components/text/Text.module.js +1 -1
- package/dist/components/textarea/Textarea.css +7 -7
- package/dist/components/textarea/Textarea.js +1 -1
- package/dist/components/textarea/Textarea.module.js +1 -1
- package/dist/components/timer/Timer.css +6 -6
- package/dist/components/timer/Timer.d.ts +14 -2
- package/dist/components/timer/Timer.js +13 -5
- package/dist/components/timer/Timer.module.js +6 -6
- package/dist/components/timer/index.d.ts +2 -2
- package/dist/components/toast/Toast.css +8 -8
- package/dist/components/toast/Toast.d.ts +3 -1
- package/dist/components/toast/Toast.js +11 -2
- package/dist/components/toast/Toast.module.js +6 -6
- package/dist/components/toggle/Toggle.css +5 -5
- package/dist/components/toggle/Toggle.d.ts +3 -2
- package/dist/components/toggle/Toggle.js +5 -4
- package/dist/components/toggle/Toggle.module.js +2 -2
- package/dist/components/toggle/index.d.ts +2 -2
- package/dist/components/toggle-group/ToggleGroup.css +3 -3
- package/dist/components/toggle-group/ToggleGroup.d.ts +3 -2
- package/dist/components/toggle-group/ToggleGroup.js +4 -3
- package/dist/components/toggle-group/ToggleGroup.module.js +2 -2
- package/dist/components/toggle-group/index.d.ts +2 -2
- package/dist/components/tooltip/Tooltip.css +21 -17
- package/dist/components/tooltip/Tooltip.d.ts +3 -2
- package/dist/components/tooltip/Tooltip.js +10 -3
- package/dist/components/tooltip/Tooltip.module.js +7 -7
- package/dist/components/tooltip/index.d.ts +2 -2
- package/dist/components/tour/Tour.css +42 -37
- package/dist/components/tour/Tour.d.ts +6 -0
- package/dist/components/tour/Tour.js +8 -1
- package/dist/components/tour/Tour.module.js +17 -17
- package/dist/components/tree-view/TreeView.css +22 -22
- package/dist/components/tree-view/TreeView.d.ts +2 -2
- package/dist/components/tree-view/TreeView.js +4 -4
- package/dist/components/tree-view/TreeView.module.js +20 -20
- package/dist/components/tree-view/index.d.ts +2 -2
- package/dist/index.d.ts +40 -39
- package/dist/index.js +40 -39
- package/dist/lib/moduix/icons/ui/Icons.d.ts +1 -45
- package/dist/lib/moduix/icons/ui/Icons.js +36 -263
- package/dist/lib/moduix/icons/ui/index.d.ts +2 -2
- package/dist/lib/moduix/overlayPortal.js +1 -1
- package/package.json +4 -3
|
@@ -1,24 +1,24 @@
|
|
|
1
1
|
@layer ui.components {
|
|
2
|
-
.
|
|
2
|
+
._5wc7ja_backdrop {
|
|
3
3
|
z-index: calc(var(--tour-z-index, var(--z-modal)) + var(--layer-index, 0));
|
|
4
4
|
background-color: var(--tour-backdrop-bg, var(--backdrop-bg, var(--color-overlay)));
|
|
5
5
|
backdrop-filter: var(--backdrop-filter, blur(var(--tour-backdrop-blur, 4px)));
|
|
6
6
|
|
|
7
7
|
&[data-state="open"] {
|
|
8
|
-
animation:
|
|
8
|
+
animation: _5wc7ja_tour-backdrop-in var(--tour-backdrop-transition, var(--transition-default));
|
|
9
9
|
}
|
|
10
10
|
|
|
11
11
|
&[data-state="closed"] {
|
|
12
|
-
animation:
|
|
12
|
+
animation: _5wc7ja_tour-backdrop-out var(--tour-backdrop-transition, var(--transition-default));
|
|
13
13
|
}
|
|
14
14
|
}
|
|
15
15
|
|
|
16
|
-
.
|
|
16
|
+
._5wc7ja_spotlight {
|
|
17
17
|
z-index: calc(var(--tour-z-index, var(--z-modal)) + var(--tour-layer, 0));
|
|
18
18
|
box-shadow: var(--tour-spotlight-shadow, 0 0 0 var(--tour-spotlight-ring-width, 2px) var(--color-ring));
|
|
19
19
|
}
|
|
20
20
|
|
|
21
|
-
.
|
|
21
|
+
._5wc7ja_positioner {
|
|
22
22
|
z-index: var(--z-index, var(--tour-z-index, var(--z-modal)));
|
|
23
23
|
max-width: var(--available-width);
|
|
24
24
|
max-height: var(--available-height);
|
|
@@ -57,7 +57,7 @@
|
|
|
57
57
|
}
|
|
58
58
|
}
|
|
59
59
|
|
|
60
|
-
.
|
|
60
|
+
._5wc7ja_content {
|
|
61
61
|
--arrow-background: var(--tour-arrow-background, var(--tour-bg, var(--color-popover)));
|
|
62
62
|
--arrow-size: var(--tour-arrow-size, .625rem);
|
|
63
63
|
box-sizing: border-box;
|
|
@@ -82,11 +82,17 @@
|
|
|
82
82
|
overflow: visible;
|
|
83
83
|
|
|
84
84
|
&[data-state="open"] {
|
|
85
|
-
animation:
|
|
85
|
+
animation: _5wc7ja_tour-content-in
|
|
86
|
+
var(--tour-transition, var(--popup-motion-duration, var(--duration-normal))
|
|
87
|
+
var(--popup-motion-easing, var(--ease-in-out)))
|
|
88
|
+
both;
|
|
86
89
|
}
|
|
87
90
|
|
|
88
91
|
&[data-state="closed"] {
|
|
89
|
-
animation:
|
|
92
|
+
animation: _5wc7ja_tour-content-out
|
|
93
|
+
var(--tour-transition, var(--popup-motion-duration, var(--duration-normal))
|
|
94
|
+
var(--popup-motion-easing, var(--ease-in-out)))
|
|
95
|
+
both;
|
|
90
96
|
}
|
|
91
97
|
|
|
92
98
|
&[data-type="dialog"] {
|
|
@@ -100,19 +106,19 @@
|
|
|
100
106
|
}
|
|
101
107
|
}
|
|
102
108
|
|
|
103
|
-
.
|
|
109
|
+
._5wc7ja_arrow {
|
|
104
110
|
--arrow-background: var(--tour-arrow-background, var(--tour-bg, var(--color-popover)));
|
|
105
111
|
--arrow-size: var(--tour-arrow-size, .625rem);
|
|
106
112
|
}
|
|
107
113
|
|
|
108
|
-
.
|
|
114
|
+
._5wc7ja_arrowTip {
|
|
109
115
|
border-top: var(--tour-border-width, var(--border-width-sm)) solid
|
|
110
116
|
var(--tour-arrow-stroke-color, var(--tour-border-color, var(--color-border)));
|
|
111
117
|
border-left: var(--tour-border-width, var(--border-width-sm)) solid
|
|
112
118
|
var(--tour-arrow-stroke-color, var(--tour-border-color, var(--color-border)));
|
|
113
119
|
}
|
|
114
120
|
|
|
115
|
-
.
|
|
121
|
+
._5wc7ja_title {
|
|
116
122
|
margin: var(--tour-title-margin, 0);
|
|
117
123
|
color: var(--tour-title-color, var(--tour-color, var(--color-popover-foreground)));
|
|
118
124
|
font-size: var(--tour-title-font-size, var(--text-md));
|
|
@@ -121,14 +127,14 @@
|
|
|
121
127
|
padding-inline-end: var(--tour-title-padding-inline-end, var(--spacing-6));
|
|
122
128
|
}
|
|
123
129
|
|
|
124
|
-
.
|
|
130
|
+
._5wc7ja_description {
|
|
125
131
|
margin: var(--tour-description-margin, 0);
|
|
126
132
|
color: var(--tour-description-color, var(--color-muted-foreground));
|
|
127
133
|
font-size: var(--tour-description-font-size, var(--text-sm));
|
|
128
134
|
line-height: var(--tour-description-line-height, var(--line-height-text-sm));
|
|
129
135
|
}
|
|
130
136
|
|
|
131
|
-
.
|
|
137
|
+
._5wc7ja_progressText {
|
|
132
138
|
margin-top: var(--tour-progress-text-margin-top, var(--spacing-2));
|
|
133
139
|
color: var(--tour-progress-text-color, var(--color-muted-foreground));
|
|
134
140
|
font-size: var(--tour-progress-text-font-size, var(--text-xs));
|
|
@@ -136,7 +142,7 @@
|
|
|
136
142
|
order: 1;
|
|
137
143
|
}
|
|
138
144
|
|
|
139
|
-
.
|
|
145
|
+
._5wc7ja_closeTrigger {
|
|
140
146
|
box-sizing: border-box;
|
|
141
147
|
width: var(--tour-close-trigger-size, 1.75rem);
|
|
142
148
|
height: var(--tour-close-trigger-size, 1.75rem);
|
|
@@ -152,12 +158,12 @@
|
|
|
152
158
|
line-height: 1;
|
|
153
159
|
display: inline-flex;
|
|
154
160
|
position: absolute;
|
|
155
|
-
inset-block-start: var(--tour-close-trigger-offset, var(--spacing-
|
|
156
|
-
inset-inline-end: var(--tour-close-trigger-offset, var(--spacing-
|
|
161
|
+
inset-block-start: var(--tour-close-trigger-offset, var(--spacing-4));
|
|
162
|
+
inset-inline-end: var(--tour-close-trigger-offset, var(--spacing-4));
|
|
157
163
|
|
|
158
164
|
& :where(svg) {
|
|
159
|
-
width: var(--tour-close-trigger-icon-size, .
|
|
160
|
-
height: var(--tour-close-trigger-icon-size, .
|
|
165
|
+
width: var(--tour-close-trigger-icon-size, .75rem);
|
|
166
|
+
height: var(--tour-close-trigger-icon-size, .75rem);
|
|
161
167
|
}
|
|
162
168
|
|
|
163
169
|
@media (hover: hover) {
|
|
@@ -174,23 +180,21 @@
|
|
|
174
180
|
}
|
|
175
181
|
}
|
|
176
182
|
|
|
177
|
-
.
|
|
183
|
+
._5wc7ja_closeIcon {
|
|
178
184
|
--close-button-size: var(--tour-close-trigger-size, 1.75rem);
|
|
179
185
|
--close-button-radius: var(--tour-close-trigger-radius, var(--radius-md));
|
|
180
|
-
--close-button-icon-size: var(--tour-close-trigger-icon-size, .
|
|
186
|
+
--close-button-icon-size: var(--tour-close-trigger-icon-size, .75rem);
|
|
181
187
|
--close-button-bg: var(--tour-close-trigger-bg, transparent);
|
|
182
188
|
--close-button-bg-hover: var(--tour-close-trigger-bg-hover, var(--color-accent));
|
|
183
189
|
--close-button-color: var(--tour-close-trigger-color, var(--color-muted-foreground));
|
|
184
190
|
--close-button-color-hover: var(--tour-close-trigger-color-hover, var(--tour-color, var(--color-popover-foreground)));
|
|
185
|
-
--close-button-focus-ring-width: var(--tour-focus-ring-width, var(--border-width-sm));
|
|
186
191
|
--close-button-focus-ring-color: var(--tour-focus-ring-color, var(--color-ring));
|
|
187
|
-
--close-button-focus-ring-offset: calc(var(--tour-focus-ring-width, var(--border-width-sm)) * -1);
|
|
188
192
|
position: absolute;
|
|
189
|
-
inset-block-start: var(--tour-close-trigger-offset, var(--spacing-
|
|
190
|
-
inset-inline-end: var(--tour-close-trigger-offset, var(--spacing-
|
|
193
|
+
inset-block-start: var(--tour-close-trigger-offset, var(--spacing-4));
|
|
194
|
+
inset-inline-end: var(--tour-close-trigger-offset, var(--spacing-4));
|
|
191
195
|
}
|
|
192
196
|
|
|
193
|
-
.
|
|
197
|
+
._5wc7ja_control {
|
|
194
198
|
justify-content: flex-end;
|
|
195
199
|
gap: var(--tour-control-gap, var(--spacing-2));
|
|
196
200
|
margin-top: var(--tour-control-margin-top, var(--spacing-3));
|
|
@@ -199,7 +203,7 @@
|
|
|
199
203
|
display: flex;
|
|
200
204
|
}
|
|
201
205
|
|
|
202
|
-
.
|
|
206
|
+
._5wc7ja_actionTrigger {
|
|
203
207
|
box-sizing: border-box;
|
|
204
208
|
min-height: var(--tour-action-height, 2rem);
|
|
205
209
|
justify-content: center;
|
|
@@ -253,34 +257,35 @@
|
|
|
253
257
|
}
|
|
254
258
|
}
|
|
255
259
|
|
|
256
|
-
@keyframes
|
|
260
|
+
@keyframes _5wc7ja_tour-backdrop-in {
|
|
257
261
|
from {
|
|
258
262
|
opacity: var(--tour-backdrop-starting-opacity, 0);
|
|
259
263
|
backdrop-filter: var(--tour-backdrop-starting-blur, none);
|
|
260
264
|
}
|
|
261
265
|
}
|
|
262
266
|
|
|
263
|
-
@keyframes
|
|
267
|
+
@keyframes _5wc7ja_tour-backdrop-out {
|
|
264
268
|
to {
|
|
265
269
|
opacity: var(--tour-backdrop-ending-opacity, 0);
|
|
266
270
|
backdrop-filter: var(--tour-backdrop-ending-blur, none);
|
|
267
271
|
}
|
|
268
272
|
}
|
|
269
273
|
|
|
270
|
-
@keyframes
|
|
274
|
+
@keyframes _5wc7ja_tour-content-in {
|
|
271
275
|
from {
|
|
272
|
-
opacity: var(--tour-content-starting-opacity, 0);
|
|
273
|
-
translate: var(--tour-content-starting-translate-x, 0)
|
|
274
|
-
var(--tour-content-starting-translate-y, 0);
|
|
275
|
-
scale: var(--tour-content-starting-scale, var(--scale-popup));
|
|
276
|
+
opacity: var(--tour-content-starting-opacity, var(--popup-motion-starting-opacity, 0));
|
|
277
|
+
translate: var(--tour-content-starting-translate-x, var(--popup-motion-starting-translate-x, 0))
|
|
278
|
+
var(--tour-content-starting-translate-y, var(--popup-motion-starting-translate-y, 0));
|
|
279
|
+
scale: var(--tour-content-starting-scale, var(--popup-motion-starting-scale, var(--scale-popup)));
|
|
276
280
|
}
|
|
277
281
|
}
|
|
278
282
|
|
|
279
|
-
@keyframes
|
|
283
|
+
@keyframes _5wc7ja_tour-content-out {
|
|
280
284
|
to {
|
|
281
|
-
opacity: var(--tour-content-ending-opacity, 0);
|
|
282
|
-
translate: var(--tour-content-ending-translate-x,
|
|
283
|
-
|
|
285
|
+
opacity: var(--tour-content-ending-opacity, var(--popup-motion-ending-opacity, 0));
|
|
286
|
+
translate: var(--tour-content-ending-translate-x, var(--popup-motion-ending-translate-x, 0))
|
|
287
|
+
var(--tour-content-ending-translate-y, var(--popup-motion-ending-translate-y, 0));
|
|
288
|
+
scale: var(--tour-content-ending-scale, var(--popup-motion-ending-scale, var(--scale-popup)));
|
|
284
289
|
}
|
|
285
290
|
}
|
|
286
291
|
}
|
|
@@ -9,6 +9,11 @@ declare function TourRoot({
|
|
|
9
9
|
portalRef,
|
|
10
10
|
...props
|
|
11
11
|
}: TourRootProps): import("react").JSX.Element;
|
|
12
|
+
declare function TourActionList({
|
|
13
|
+
className
|
|
14
|
+
}: {
|
|
15
|
+
className?: string;
|
|
16
|
+
}): import("react").JSX.Element;
|
|
12
17
|
declare const Tour$1: typeof TourRoot & {
|
|
13
18
|
Root: typeof TourRoot;
|
|
14
19
|
Backdrop: import("react").ForwardRefExoticComponent<Omit<Tour.BackdropProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -24,6 +29,7 @@ declare const Tour$1: typeof TourRoot & {
|
|
|
24
29
|
CloseIcon: import("react").ForwardRefExoticComponent<Omit<Omit<Tour.CloseTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "asChild">, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
|
|
25
30
|
Control: import("react").ForwardRefExoticComponent<Omit<Tour.ControlProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
26
31
|
Actions: (props: Tour.ActionsProps) => import("react").ReactNode;
|
|
32
|
+
ActionList: typeof TourActionList;
|
|
27
33
|
ActionTrigger: import("react").ForwardRefExoticComponent<Omit<Tour.ActionTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
|
|
28
34
|
};
|
|
29
35
|
//#endregion
|
|
@@ -2,9 +2,9 @@ import { normalizeClassName } from "../../lib/moduix/normalizeClassName.js";
|
|
|
2
2
|
import { CloseButton } from "../close-button/CloseButton.js";
|
|
3
3
|
import { OverlayPortal, OverlayPortalProvider } from "../../lib/moduix/overlayPortal.js";
|
|
4
4
|
import Tour_module_default from "./Tour.module.js";
|
|
5
|
-
import { jsx } from "react/jsx-runtime";
|
|
6
5
|
import { clsx } from "clsx";
|
|
7
6
|
import { forwardRef } from "react";
|
|
7
|
+
import { jsx } from "react/jsx-runtime";
|
|
8
8
|
import { Tour, useTour, waitForElement, waitForElementValue, waitForEvent, waitForPromise } from "@ark-ui/react/tour";
|
|
9
9
|
//#region src/components/tour/Tour.tsx
|
|
10
10
|
const DEFAULT_CLOSE_BUTTON_LABEL = "Close tour";
|
|
@@ -128,6 +128,12 @@ const TourActionTrigger = forwardRef(function TourActionTrigger({ asChild, class
|
|
|
128
128
|
});
|
|
129
129
|
});
|
|
130
130
|
const TourActions = Tour.Actions;
|
|
131
|
+
function TourActionList({ className }) {
|
|
132
|
+
return /* @__PURE__ */ jsx(Tour.Actions, { children: (actions) => actions.map((action) => /* @__PURE__ */ jsx(TourActionTrigger, {
|
|
133
|
+
action,
|
|
134
|
+
className
|
|
135
|
+
}, action.label)) });
|
|
136
|
+
}
|
|
131
137
|
const Tour$1 = Object.assign(TourRoot, {
|
|
132
138
|
Root: TourRoot,
|
|
133
139
|
Backdrop: TourBackdrop,
|
|
@@ -143,6 +149,7 @@ const Tour$1 = Object.assign(TourRoot, {
|
|
|
143
149
|
CloseIcon: TourCloseIcon,
|
|
144
150
|
Control: TourControl,
|
|
145
151
|
Actions: TourActions,
|
|
152
|
+
ActionList: TourActionList,
|
|
146
153
|
ActionTrigger: TourActionTrigger
|
|
147
154
|
});
|
|
148
155
|
//#endregion
|
|
@@ -1,23 +1,23 @@
|
|
|
1
1
|
import './Tour.css';
|
|
2
2
|
//#region src/components/tour/Tour.module.css
|
|
3
3
|
var Tour_module_default = {
|
|
4
|
-
"actionTrigger": "
|
|
5
|
-
"arrow": "
|
|
6
|
-
"arrowTip": "
|
|
7
|
-
"backdrop": "
|
|
8
|
-
"closeIcon": "
|
|
9
|
-
"closeTrigger": "
|
|
10
|
-
"content": "
|
|
11
|
-
"control": "
|
|
12
|
-
"description": "
|
|
13
|
-
"positioner": "
|
|
14
|
-
"progressText": "
|
|
15
|
-
"spotlight": "
|
|
16
|
-
"title": "
|
|
17
|
-
"tour-backdrop-in": "
|
|
18
|
-
"tour-backdrop-out": "
|
|
19
|
-
"tour-content-in": "
|
|
20
|
-
"tour-content-out": "
|
|
4
|
+
"actionTrigger": "_5wc7ja_actionTrigger",
|
|
5
|
+
"arrow": "_5wc7ja_arrow",
|
|
6
|
+
"arrowTip": "_5wc7ja_arrowTip",
|
|
7
|
+
"backdrop": "_5wc7ja_backdrop",
|
|
8
|
+
"closeIcon": "_5wc7ja_closeIcon",
|
|
9
|
+
"closeTrigger": "_5wc7ja_closeTrigger",
|
|
10
|
+
"content": "_5wc7ja_content",
|
|
11
|
+
"control": "_5wc7ja_control",
|
|
12
|
+
"description": "_5wc7ja_description",
|
|
13
|
+
"positioner": "_5wc7ja_positioner",
|
|
14
|
+
"progressText": "_5wc7ja_progressText",
|
|
15
|
+
"spotlight": "_5wc7ja_spotlight",
|
|
16
|
+
"title": "_5wc7ja_title",
|
|
17
|
+
"tour-backdrop-in": "_5wc7ja_tour-backdrop-in",
|
|
18
|
+
"tour-backdrop-out": "_5wc7ja_tour-backdrop-out",
|
|
19
|
+
"tour-content-in": "_5wc7ja_tour-content-in",
|
|
20
|
+
"tour-content-out": "_5wc7ja_tour-content-out"
|
|
21
21
|
};
|
|
22
22
|
//#endregion
|
|
23
23
|
export { Tour_module_default as default };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
@layer ui.components {
|
|
2
|
-
|
|
2
|
+
.-ZBX5W_root {
|
|
3
3
|
box-sizing: border-box;
|
|
4
4
|
width: var(--tree-view-width, 20rem);
|
|
5
5
|
max-width: var(--tree-view-max-width, 100%);
|
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
}
|
|
15
15
|
}
|
|
16
16
|
|
|
17
|
-
|
|
17
|
+
.-ZBX5W_label {
|
|
18
18
|
color: var(--tree-view-label-color, var(--tree-view-color, var(--color-foreground)));
|
|
19
19
|
font-size: var(--tree-view-label-font-size, var(--text-sm));
|
|
20
20
|
font-weight: var(--tree-view-label-font-weight, var(--weight-medium));
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
user-select: none;
|
|
23
23
|
}
|
|
24
24
|
|
|
25
|
-
|
|
25
|
+
.-ZBX5W_tree {
|
|
26
26
|
min-width: 0;
|
|
27
27
|
color: var(--tree-view-color, var(--color-foreground));
|
|
28
28
|
font-size: var(--tree-view-item-font-size, var(--text-sm));
|
|
@@ -31,12 +31,12 @@
|
|
|
31
31
|
display: flex;
|
|
32
32
|
}
|
|
33
33
|
|
|
34
|
-
|
|
34
|
+
.-ZBX5W_branch {
|
|
35
35
|
min-width: 0;
|
|
36
36
|
position: relative;
|
|
37
37
|
}
|
|
38
38
|
|
|
39
|
-
|
|
39
|
+
.-ZBX5W_branchControl, .-ZBX5W_item {
|
|
40
40
|
box-sizing: border-box;
|
|
41
41
|
width: 100%;
|
|
42
42
|
min-width: 0;
|
|
@@ -86,7 +86,7 @@
|
|
|
86
86
|
}
|
|
87
87
|
}
|
|
88
88
|
|
|
89
|
-
|
|
89
|
+
.-ZBX5W_branchTrigger, .-ZBX5W_branchIndicator, .-ZBX5W_itemIndicator {
|
|
90
90
|
width: var(--tree-view-indicator-size, 1rem);
|
|
91
91
|
height: var(--tree-view-indicator-size, 1rem);
|
|
92
92
|
flex: 0 0 var(--tree-view-indicator-size, 1rem);
|
|
@@ -101,7 +101,7 @@
|
|
|
101
101
|
}
|
|
102
102
|
}
|
|
103
103
|
|
|
104
|
-
|
|
104
|
+
.-ZBX5W_branchTrigger, .-ZBX5W_branchIndicator {
|
|
105
105
|
transition: transform var(--tree-view-transition, var(--transition-default));
|
|
106
106
|
|
|
107
107
|
&[data-state="open"] {
|
|
@@ -109,7 +109,7 @@
|
|
|
109
109
|
}
|
|
110
110
|
}
|
|
111
111
|
|
|
112
|
-
|
|
112
|
+
.-ZBX5W_branchText, .-ZBX5W_itemText {
|
|
113
113
|
align-items: center;
|
|
114
114
|
gap: var(--tree-view-item-text-gap, var(--spacing-2));
|
|
115
115
|
text-overflow: ellipsis;
|
|
@@ -126,23 +126,23 @@
|
|
|
126
126
|
}
|
|
127
127
|
}
|
|
128
128
|
|
|
129
|
-
|
|
129
|
+
.-ZBX5W_branchContent {
|
|
130
130
|
min-width: 0;
|
|
131
131
|
position: relative;
|
|
132
132
|
overflow: hidden;
|
|
133
133
|
|
|
134
134
|
&[data-state="open"] {
|
|
135
|
-
animation:
|
|
136
|
-
|
|
135
|
+
animation: -ZBX5W_tree-view-slide-down var(--tree-view-content-transition-duration, .15s) ease-out,
|
|
136
|
+
-ZBX5W_tree-view-fade-in var(--tree-view-content-transition-duration, .15s) ease-out;
|
|
137
137
|
}
|
|
138
138
|
|
|
139
139
|
&[data-state="closed"] {
|
|
140
|
-
animation:
|
|
141
|
-
|
|
140
|
+
animation: -ZBX5W_tree-view-slide-up var(--tree-view-content-transition-duration, .15s) ease-out,
|
|
141
|
+
-ZBX5W_tree-view-fade-out var(--tree-view-content-transition-duration, .15s) ease-out;
|
|
142
142
|
}
|
|
143
143
|
}
|
|
144
144
|
|
|
145
|
-
|
|
145
|
+
.-ZBX5W_branchIndentGuide {
|
|
146
146
|
z-index: 1;
|
|
147
147
|
width: var(--tree-view-indent-guide-width, var(--border-width-sm));
|
|
148
148
|
background-color: var(--tree-view-indent-guide-color, var(--color-border));
|
|
@@ -150,11 +150,11 @@
|
|
|
150
150
|
bottom: 0;
|
|
151
151
|
position: absolute;
|
|
152
152
|
inset-inline-start: calc(var(--tree-view-item-padding-x, var(--spacing-2)) +
|
|
153
|
-
((
|
|
153
|
+
((var(--depth, 1) - 1) * var(--tree-view-indent, 1rem)) +
|
|
154
154
|
(var(--tree-view-indicator-size, 1rem) / 2));
|
|
155
155
|
}
|
|
156
156
|
|
|
157
|
-
|
|
157
|
+
.-ZBX5W_nodeCheckbox {
|
|
158
158
|
box-sizing: border-box;
|
|
159
159
|
width: var(--tree-view-checkbox-size, 1rem);
|
|
160
160
|
height: var(--tree-view-checkbox-size, 1rem);
|
|
@@ -193,13 +193,13 @@
|
|
|
193
193
|
}
|
|
194
194
|
}
|
|
195
195
|
|
|
196
|
-
|
|
196
|
+
.-ZBX5W_nodeCheckboxIndicator {
|
|
197
197
|
justify-content: center;
|
|
198
198
|
align-items: center;
|
|
199
199
|
display: inline-flex;
|
|
200
200
|
}
|
|
201
201
|
|
|
202
|
-
|
|
202
|
+
.-ZBX5W_nodeRenameInput {
|
|
203
203
|
box-sizing: border-box;
|
|
204
204
|
border: var(--tree-view-rename-input-border-width, var(--border-width-sm)) solid
|
|
205
205
|
var(--tree-view-rename-input-border-color, var(--color-ring));
|
|
@@ -219,7 +219,7 @@
|
|
|
219
219
|
}
|
|
220
220
|
}
|
|
221
221
|
|
|
222
|
-
@keyframes
|
|
222
|
+
@keyframes -ZBX5W_tree-view-slide-down {
|
|
223
223
|
from {
|
|
224
224
|
height: 0;
|
|
225
225
|
}
|
|
@@ -229,7 +229,7 @@
|
|
|
229
229
|
}
|
|
230
230
|
}
|
|
231
231
|
|
|
232
|
-
@keyframes
|
|
232
|
+
@keyframes -ZBX5W_tree-view-slide-up {
|
|
233
233
|
from {
|
|
234
234
|
height: var(--height);
|
|
235
235
|
}
|
|
@@ -239,7 +239,7 @@
|
|
|
239
239
|
}
|
|
240
240
|
}
|
|
241
241
|
|
|
242
|
-
@keyframes
|
|
242
|
+
@keyframes -ZBX5W_tree-view-fade-in {
|
|
243
243
|
from {
|
|
244
244
|
opacity: .01;
|
|
245
245
|
}
|
|
@@ -249,7 +249,7 @@
|
|
|
249
249
|
}
|
|
250
250
|
}
|
|
251
251
|
|
|
252
|
-
@keyframes
|
|
252
|
+
@keyframes -ZBX5W_tree-view-fade-out {
|
|
253
253
|
from {
|
|
254
254
|
opacity: 1;
|
|
255
255
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ComponentProps } from "react";
|
|
2
|
-
import { TreeView, createFileTreeCollection, createTreeCollection } from "@ark-ui/react/tree-view";
|
|
2
|
+
import { TreeView, TreeViewLoadChildrenDetails, TreeViewNodeProviderProps, createFileTreeCollection, createTreeCollection, useTreeView, useTreeViewNodeContext } from "@ark-ui/react/tree-view";
|
|
3
3
|
|
|
4
4
|
//#region src/components/tree-view/TreeView.d.ts
|
|
5
5
|
declare function TreeViewNodeCheckboxIndicator({
|
|
@@ -29,4 +29,4 @@ declare const TreeView$1: TreeView.RootComponent & {
|
|
|
29
29
|
NodeRenameInput: import("react").ForwardRefExoticComponent<Omit<TreeView.NodeRenameInputProps & import("react").RefAttributes<HTMLInputElement>, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
|
|
30
30
|
};
|
|
31
31
|
//#endregion
|
|
32
|
-
export { TreeView$1 as TreeView, createFileTreeCollection, createTreeCollection };
|
|
32
|
+
export { TreeView$1 as TreeView, type TreeViewLoadChildrenDetails, type TreeViewNodeProviderProps, createFileTreeCollection, createTreeCollection, useTreeView, useTreeViewNodeContext };
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { CheckIcon, ChevronRightIcon, IndeterminateIcon } from "../../lib/moduix/icons/ui/Icons.js";
|
|
2
1
|
import { normalizeClassName } from "../../lib/moduix/normalizeClassName.js";
|
|
2
|
+
import { CheckIcon, ChevronRightIcon, IndeterminateIcon } from "../../lib/moduix/icons/ui/Icons.js";
|
|
3
3
|
import TreeView_module_default from "./TreeView.module.js";
|
|
4
|
-
import { jsx } from "react/jsx-runtime";
|
|
5
4
|
import { clsx } from "clsx";
|
|
6
5
|
import { forwardRef } from "react";
|
|
7
|
-
import {
|
|
6
|
+
import { jsx } from "react/jsx-runtime";
|
|
7
|
+
import { TreeView, createFileTreeCollection, createTreeCollection, useTreeView, useTreeViewNodeContext } from "@ark-ui/react/tree-view";
|
|
8
8
|
//#region src/components/tree-view/TreeView.tsx
|
|
9
9
|
const TreeViewRoot = forwardRef(function TreeViewRoot({ className, ...props }, ref) {
|
|
10
10
|
return /* @__PURE__ */ jsx(TreeView.Root, {
|
|
@@ -168,4 +168,4 @@ const TreeView$1 = Object.assign(TreeViewRoot, {
|
|
|
168
168
|
NodeRenameInput: TreeViewNodeRenameInput
|
|
169
169
|
});
|
|
170
170
|
//#endregion
|
|
171
|
-
export { TreeView$1 as TreeView, createFileTreeCollection, createTreeCollection };
|
|
171
|
+
export { TreeView$1 as TreeView, createFileTreeCollection, createTreeCollection, useTreeView, useTreeViewNodeContext };
|
|
@@ -1,26 +1,26 @@
|
|
|
1
1
|
import './TreeView.css';
|
|
2
2
|
//#region src/components/tree-view/TreeView.module.css
|
|
3
3
|
var TreeView_module_default = {
|
|
4
|
-
"branch": "
|
|
5
|
-
"branchContent": "
|
|
6
|
-
"branchControl": "
|
|
7
|
-
"branchIndentGuide": "
|
|
8
|
-
"branchIndicator": "
|
|
9
|
-
"branchText": "
|
|
10
|
-
"branchTrigger": "
|
|
11
|
-
"item": "
|
|
12
|
-
"itemIndicator": "
|
|
13
|
-
"itemText": "
|
|
14
|
-
"label": "
|
|
15
|
-
"nodeCheckbox": "
|
|
16
|
-
"nodeCheckboxIndicator": "
|
|
17
|
-
"nodeRenameInput": "
|
|
18
|
-
"root": "
|
|
19
|
-
"tree": "
|
|
20
|
-
"tree-view-fade-in": "
|
|
21
|
-
"tree-view-fade-out": "
|
|
22
|
-
"tree-view-slide-down": "
|
|
23
|
-
"tree-view-slide-up": "
|
|
4
|
+
"branch": "-ZBX5W_branch",
|
|
5
|
+
"branchContent": "-ZBX5W_branchContent",
|
|
6
|
+
"branchControl": "-ZBX5W_branchControl",
|
|
7
|
+
"branchIndentGuide": "-ZBX5W_branchIndentGuide",
|
|
8
|
+
"branchIndicator": "-ZBX5W_branchIndicator",
|
|
9
|
+
"branchText": "-ZBX5W_branchText",
|
|
10
|
+
"branchTrigger": "-ZBX5W_branchTrigger",
|
|
11
|
+
"item": "-ZBX5W_item",
|
|
12
|
+
"itemIndicator": "-ZBX5W_itemIndicator",
|
|
13
|
+
"itemText": "-ZBX5W_itemText",
|
|
14
|
+
"label": "-ZBX5W_label",
|
|
15
|
+
"nodeCheckbox": "-ZBX5W_nodeCheckbox",
|
|
16
|
+
"nodeCheckboxIndicator": "-ZBX5W_nodeCheckboxIndicator",
|
|
17
|
+
"nodeRenameInput": "-ZBX5W_nodeRenameInput",
|
|
18
|
+
"root": "-ZBX5W_root",
|
|
19
|
+
"tree": "-ZBX5W_tree",
|
|
20
|
+
"tree-view-fade-in": "-ZBX5W_tree-view-fade-in",
|
|
21
|
+
"tree-view-fade-out": "-ZBX5W_tree-view-fade-out",
|
|
22
|
+
"tree-view-slide-down": "-ZBX5W_tree-view-slide-down",
|
|
23
|
+
"tree-view-slide-up": "-ZBX5W_tree-view-slide-up"
|
|
24
24
|
};
|
|
25
25
|
//#endregion
|
|
26
26
|
export { TreeView_module_default as default };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { TreeView, createFileTreeCollection, createTreeCollection } from "./TreeView.js";
|
|
2
|
-
export { TreeView, createFileTreeCollection, createTreeCollection };
|
|
1
|
+
import { TreeView, TreeViewLoadChildrenDetails, TreeViewNodeProviderProps, createFileTreeCollection, createTreeCollection, useTreeView, useTreeViewNodeContext } from "./TreeView.js";
|
|
2
|
+
export { TreeView, type TreeViewLoadChildrenDetails, type TreeViewNodeProviderProps, createFileTreeCollection, createTreeCollection, useTreeView, useTreeViewNodeContext };
|