@moduix/react 1.1.1 → 2.0.0

package/dist/components/tree-view/TreeView.css

@@ -150,7 +150,7 @@
     bottom: 0;
     position: absolute;
     inset-inline-start: calc(var(--tree-view-item-padding-x, var(--spacing-2)) +
-        (((var(--depth, 1) - 1) * var(--tree-view-indent, 1rem))) +
+        ((var(--depth, 1) - 1) * var(--tree-view-indent, 1rem)) +
         (var(--tree-view-indicator-size, 1rem) / 2));
   }
 

package/dist/components/tree-view/TreeView.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps } from "react";
-import { TreeView, createFileTreeCollection, createTreeCollection } from "@ark-ui/react/tree-view";
+import { TreeView, TreeViewLoadChildrenDetails, TreeViewNodeProviderProps, createFileTreeCollection, createTreeCollection, useTreeView, useTreeViewNodeContext } from "@ark-ui/react/tree-view";
 
 //#region src/components/tree-view/TreeView.d.ts
 declare function TreeViewNodeCheckboxIndicator({
@@ -29,4 +29,4 @@ declare const TreeView$1: TreeView.RootComponent & {
   NodeRenameInput: import("react").ForwardRefExoticComponent<Omit<TreeView.NodeRenameInputProps & import("react").RefAttributes<HTMLInputElement>, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
 };
 //#endregion
-export { TreeView$1 as TreeView, createFileTreeCollection, createTreeCollection };
+export { TreeView$1 as TreeView, type TreeViewLoadChildrenDetails, type TreeViewNodeProviderProps, createFileTreeCollection, createTreeCollection, useTreeView, useTreeViewNodeContext };

package/dist/components/tree-view/TreeView.js

@@ -1,10 +1,10 @@
-import { CheckIcon, ChevronRightIcon, IndeterminateIcon } from "../../lib/moduix/icons/ui/Icons.js";
 import { normalizeClassName } from "../../lib/moduix/normalizeClassName.js";
+import { CheckIcon, ChevronRightIcon, IndeterminateIcon } from "../../lib/moduix/icons/ui/Icons.js";
 import TreeView_module_default from "./TreeView.module.js";
-import { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { forwardRef } from "react";
-import { TreeView, createFileTreeCollection, createTreeCollection } from "@ark-ui/react/tree-view";
+import { jsx } from "react/jsx-runtime";
+import { TreeView, createFileTreeCollection, createTreeCollection, useTreeView, useTreeViewNodeContext } from "@ark-ui/react/tree-view";
 //#region src/components/tree-view/TreeView.tsx
 const TreeViewRoot = forwardRef(function TreeViewRoot({ className, ...props }, ref) {
 	return /* @__PURE__ */ jsx(TreeView.Root, {
@@ -168,4 +168,4 @@ const TreeView$1 = Object.assign(TreeViewRoot, {
 	NodeRenameInput: TreeViewNodeRenameInput
 });
 //#endregion
-export { TreeView$1 as TreeView, createFileTreeCollection, createTreeCollection };
+export { TreeView$1 as TreeView, createFileTreeCollection, createTreeCollection, useTreeView, useTreeViewNodeContext };

package/dist/components/tree-view/index.d.ts

@@ -1,2 +1,2 @@
-import { TreeView, createFileTreeCollection, createTreeCollection } from "./TreeView.js";
-export { TreeView, createFileTreeCollection, createTreeCollection };
+import { TreeView, TreeViewLoadChildrenDetails, TreeViewNodeProviderProps, createFileTreeCollection, createTreeCollection, useTreeView, useTreeViewNodeContext } from "./TreeView.js";
+export { TreeView, type TreeViewLoadChildrenDetails, type TreeViewNodeProviderProps, createFileTreeCollection, createTreeCollection, useTreeView, useTreeViewNodeContext };

package/dist/index.d.ts

@@ -1,63 +1,64 @@
-import { CalendarIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpDownIcon, ChevronUpIcon, CloseIcon, CopyIcon, EyeClosedIcon, EyeIcon, FileIcon, FlipHorizontalIcon, FolderIcon, FolderOpenIcon, GripIcon, IndeterminateIcon, MaximizeIcon, MinusIcon, PauseIcon, PencilIcon, PipetteIcon, PlayIcon, PlusIcon, PopupArrowIcon, RatingStarIcon, RestartIcon, RotateCcwIcon, RotateCwIcon, ScrubCursorIcon, SeparatorMarkIcon, TrashIcon, UploadIcon, ZoomInIcon, ZoomOutIcon } from "./lib/moduix/icons/ui/Icons.js";
 import { AspectRatio } from "./components/aspect-ratio/AspectRatio.js";
-import { Accordion } from "./components/accordion/Accordion.js";
-import { AngleSlider } from "./components/angle-slider/AngleSlider.js";
+import { Accordion, useAccordion } from "./components/accordion/Accordion.js";
+import { AngleSlider, useAngleSlider } from "./components/angle-slider/AngleSlider.js";
 import { Alert } from "./components/alert/Alert.js";
-import { Avatar } from "./components/avatar/Avatar.js";
+import { Avatar, useAvatar, useAvatarContext } from "./components/avatar/Avatar.js";
 import { Badge } from "./components/badge/Badge.js";
 import { Bleed } from "./components/bleed/Bleed.js";
 import { Breadcrumbs } from "./components/breadcrumbs/Breadcrumbs.js";
 import { Button } from "./components/button/Button.js";
 import { Card } from "./components/card/Card.js";
-import { Checkbox } from "./components/checkbox/Checkbox.js";
+import { Checkbox, useCheckbox, useCheckboxGroup } from "./components/checkbox/Checkbox.js";
 import { Clipboard } from "./components/clipboard/Clipboard.js";
 import { CloseButton } from "./components/close-button/CloseButton.js";
-import { Collapsible } from "./components/collapsible/Collapsible.js";
-import { ColorPicker, parseColor } from "./components/color-picker/ColorPicker.js";
-import { Combobox } from "./components/combobox/Combobox.js";
+import { Collapsible, useCollapsible } from "./components/collapsible/Collapsible.js";
+import { ColorPicker, parseColor, useColorPicker, useColorPickerContext } from "./components/color-picker/ColorPicker.js";
+import { Combobox, useCombobox, useComboboxContext } from "./components/combobox/Combobox.js";
 import { Kbd } from "./components/kbd/Kbd.js";
 import { CommandPalette } from "./components/command-palette/CommandPalette.js";
 import { Container } from "./components/container/Container.js";
-import { DateInput } from "./components/date-input/DateInput.js";
-import { DatePicker, DatePickerRootProps, DatePickerRootProviderProps } from "./components/date-picker/DatePicker.js";
-import { Dialog, DialogRootProps, DialogRootProviderProps } from "./components/dialog/Dialog.js";
-import { Drawer } from "./components/drawer/Drawer.js";
-import { Editable } from "./components/editable/Editable.js";
+import { DateInput, DateInputDateValue, useDateInput, useDateInputContext } from "./components/date-input/DateInput.js";
+import { DatePicker, DatePickerDayTableProps, DatePickerFieldProps, DatePickerRangeFieldProps, DatePickerRootProps, DatePickerRootProviderProps, useDatePicker, useDatePickerContext } from "./components/date-picker/DatePicker.js";
+import { Dialog, DialogRootProps, DialogRootProviderProps, useDialog, useDialogContext } from "./components/dialog/Dialog.js";
+import { Drawer, useDrawer } from "./components/drawer/Drawer.js";
+import { Editable, useEditable, useEditableContext } from "./components/editable/Editable.js";
 import { Empty } from "./components/empty/Empty.js";
-import { Field } from "./components/field/Field.js";
-import { FileUpload } from "./components/file-upload/FileUpload.js";
-import { Fieldset } from "./components/fieldset/Fieldset.js";
+import { Field, useField, useFieldContext } from "./components/field/Field.js";
+import { FileUpload, useFileUpload, useFileUploadContext } from "./components/file-upload/FileUpload.js";
+import { Fieldset, useFieldset } from "./components/fieldset/Fieldset.js";
 import { FloatingPanel, resizeTriggerAxes } from "./components/floating-panel/FloatingPanel.js";
 import { Heading } from "./components/heading/Heading.js";
 import { Highlight } from "./components/highlight/Highlight.js";
-import { ImageCropper } from "./components/image-cropper/ImageCropper.js";
+import { Image } from "./components/image/Image.js";
+import { ImageCropper, useImageCropper } from "./components/image-cropper/ImageCropper.js";
 import { Input } from "./components/input/Input.js";
 import { InputGroup } from "./components/input-group/InputGroup.js";
-import { Lightbox, LightboxBind, LightboxBindProps, LightboxGallery, LightboxImage, LightboxImageSelectDetails } from "./components/lightbox/Lightbox.js";
+import { Lightbox, LightboxBind, LightboxBindProps, LightboxGallery, LightboxImage, LightboxImageSelectDetails, useLightbox as useDialog$1, useLightboxContext as useDialogContext$1 } from "./components/lightbox/Lightbox.js";
 import { List } from "./components/list/List.js";
-import { Listbox } from "./components/listbox/Listbox.js";
-import { Marquee } from "./components/marquee/Marquee.js";
-import { Menu } from "./components/menu/Menu.js";
+import { Listbox, useListbox, useListboxContext, useListboxItemContext } from "./components/listbox/Listbox.js";
+import { Marquee, useMarquee } from "./components/marquee/Marquee.js";
+import { Menu, useMenu } from "./components/menu/Menu.js";
 import { NativeSelect } from "./components/native-select/NativeSelect.js";
-import { NumberInput } from "./components/number-input/NumberInput.js";
+import { NumberInput, useNumberInput, useNumberInputContext } from "./components/number-input/NumberInput.js";
 import { PinInput, usePinInput } from "./components/pin-input/PinInput.js";
 import { Pagination } from "./components/pagination/Pagination.js";
 import { PasswordInput, usePasswordInput } from "./components/password-input/PasswordInput.js";
 import { Popover, usePopover } from "./components/popover/Popover.js";
-import { HoverCard } from "./components/hover-card/HoverCard.js";
+import { HoverCard, useHoverCard, useHoverCardContext } from "./components/hover-card/HoverCard.js";
 import { ProgressCircular } from "./components/progress-circular/ProgressCircular.js";
 import { ProgressLinear } from "./components/progress-linear/ProgressLinear.js";
-import { QrCode } from "./components/qr-code/QrCode.js";
-import { RadioGroup, RadioGroupItemControlProps, RadioGroupItemControlSize } from "./components/radio-group/RadioGroup.js";
-import { RatingGroup, RatingGroupItemIndicatorProps, RatingGroupRootProps, RatingGroupRootProviderProps, RatingGroupSize } from "./components/rating-group/RatingGroup.js";
+import { QrCode, useQrCode } from "./components/qr-code/QrCode.js";
+import { RadioGroup, RadioGroupItemControlProps, RadioGroupItemControlSize, RadioGroupOptionProps, useRadioGroup } from "./components/radio-group/RadioGroup.js";
+import { RatingGroup, RatingGroupItemIndicatorProps, RatingGroupRootProps, RatingGroupRootProviderProps, RatingGroupSize, useRatingGroup, useRatingGroupContext, useRatingGroupItemContext } from "./components/rating-group/RatingGroup.js";
 import { ModuixScrollAreaRootProps, ModuixScrollAreaRootProviderProps, ScrollArea } from "./components/scroll-area/ScrollArea.js";
 import { Separator } from "./components/separator/Separator.js";
-import { SegmentGroup } from "./components/segment-group/SegmentGroup.js";
+import { SegmentGroup, useSegmentGroup } from "./components/segment-group/SegmentGroup.js";
 import { Select } from "./components/select/Select.js";
-import { SignaturePad, useSignaturePad } from "./components/signature-pad/SignaturePad.js";
+import { SignaturePad, useSignaturePad, useSignaturePadContext } from "./components/signature-pad/SignaturePad.js";
 import { SimpleGrid } from "./components/simple-grid/SimpleGrid.js";
-import { Slider } from "./components/slider/Slider.js";
-import { Splitter } from "./components/splitter/Splitter.js";
+import { Slider, useSlider, useSliderContext } from "./components/slider/Slider.js";
+import { Splitter, SplitterPanelData, createSplitterRegistry, useSplitter, useSplitterContext } from "./components/splitter/Splitter.js";
+import { Tooltip, useTooltip, useTooltipContext } from "./components/tooltip/Tooltip.js";
 import { Sidebar, useSidebar } from "./components/sidebar/Sidebar.js";
 import { Carousel } from "./components/carousel/Carousel.js";
 import { Skeleton } from "./components/skeleton/Skeleton.js";
@@ -65,19 +66,19 @@ import { Spinner } from "./components/spinner/Spinner.js";
 import { SplitButton } from "./components/split-button/SplitButton.js";
 import { Stack } from "./components/stack/Stack.js";
 import { Steps } from "./components/steps/Steps.js";
-import { Switch, SwitchRootProps, SwitchRootProviderProps, SwitchSize } from "./components/switch/Switch.js";
+import { Swap, useSwapContext } from "./components/swap/Swap.js";
+import { Switch, SwitchRootProps, SwitchRootProviderProps, SwitchSize, useSwitch, useSwitchContext } from "./components/switch/Switch.js";
 import { Tag } from "./components/tag/Tag.js";
-import { TagsInput } from "./components/tags-input/TagsInput.js";
+import { TagsInput, useTagsInput, useTagsInputContext, useTagsInputItemContext } from "./components/tags-input/TagsInput.js";
 import { Table } from "./components/table/Table.js";
-import { Tabs } from "./components/tabs/Tabs.js";
+import { Tabs, useTabs } from "./components/tabs/Tabs.js";
 import { Text } from "./components/text/Text.js";
 import { Textarea } from "./components/textarea/Textarea.js";
-import { Timer } from "./components/timer/Timer.js";
+import { Timer, useTimer, useTimerContext } from "./components/timer/Timer.js";
 import { Toast, Toaster, createToaster } from "./components/toast/Toast.js";
-import { Tooltip } from "./components/tooltip/Tooltip.js";
 import { Tour, useTour, waitForElement, waitForElementValue, waitForEvent, waitForPromise } from "./components/tour/Tour.js";
-import { TreeView, createFileTreeCollection, createTreeCollection } from "./components/tree-view/TreeView.js";
-import { Toggle } from "./components/toggle/Toggle.js";
-import { ToggleGroup } from "./components/toggle-group/ToggleGroup.js";
+import { TreeView, TreeViewLoadChildrenDetails, TreeViewNodeProviderProps, createFileTreeCollection, createTreeCollection, useTreeView, useTreeViewNodeContext } from "./components/tree-view/TreeView.js";
+import { Toggle, useToggleContext } from "./components/toggle/Toggle.js";
+import { ToggleGroup, useToggleGroup, useToggleGroupContext } from "./components/toggle-group/ToggleGroup.js";
 import { Portal } from "@ark-ui/react/portal";
-export { Accordion, Alert, AngleSlider, AspectRatio, Avatar, Badge, Bleed, Breadcrumbs, Button, CalendarIcon, Card, Carousel, CheckIcon, Checkbox, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpDownIcon, ChevronUpIcon, Clipboard, CloseButton, CloseIcon, Collapsible, ColorPicker, Combobox, CommandPalette, Container, CopyIcon, DateInput, DatePicker, type DatePickerRootProps, type DatePickerRootProviderProps, Dialog, type DialogRootProps, type DialogRootProviderProps, Drawer, Editable, Empty, EyeClosedIcon, EyeIcon, Field, Fieldset, FileIcon, FileUpload, FlipHorizontalIcon, FloatingPanel, FolderIcon, FolderOpenIcon, GripIcon, Heading, Highlight, HoverCard, ImageCropper, IndeterminateIcon, Input, InputGroup, Kbd, Lightbox, LightboxBind, type LightboxBindProps, LightboxGallery, LightboxImage, type LightboxImageSelectDetails, List, Listbox, Marquee, MaximizeIcon, Menu, MinusIcon, type ModuixScrollAreaRootProps, type ModuixScrollAreaRootProviderProps, NativeSelect, NumberInput, Pagination, PasswordInput, PauseIcon, PencilIcon, PinInput, PipetteIcon, PlayIcon, PlusIcon, Popover, PopupArrowIcon, Portal, ProgressCircular, ProgressLinear, QrCode, RadioGroup, type RadioGroupItemControlProps, type RadioGroupItemControlSize, RatingGroup, type RatingGroupItemIndicatorProps, type RatingGroupRootProps, type RatingGroupRootProviderProps, type RatingGroupSize, RatingStarIcon, RestartIcon, RotateCcwIcon, RotateCwIcon, ScrollArea, ScrubCursorIcon, SegmentGroup, Select, Separator, SeparatorMarkIcon, Sidebar, SignaturePad, SimpleGrid, Skeleton, Slider, Spinner, SplitButton, Splitter, Stack, Steps, Switch, type SwitchRootProps, type SwitchRootProviderProps, type SwitchSize, Table, Tabs, Tag, TagsInput, Text, Textarea, Timer, Toast, Toaster, Toggle, ToggleGroup, Tooltip, Tour, TrashIcon, TreeView, UploadIcon, ZoomInIcon, ZoomOutIcon, createFileTreeCollection, createToaster, createTreeCollection, parseColor, resizeTriggerAxes, usePasswordInput, usePinInput, usePopover, useSidebar, useSignaturePad, useTour, waitForElement, waitForElementValue, waitForEvent, waitForPromise };
+export { Accordion, Alert, AngleSlider, AspectRatio, Avatar, Badge, Bleed, Breadcrumbs, Button, Card, Carousel, Checkbox, Clipboard, CloseButton, Collapsible, ColorPicker, Combobox, CommandPalette, Container, DateInput, type DateInputDateValue, DatePicker, type DatePickerDayTableProps, type DatePickerFieldProps, type DatePickerRangeFieldProps, type DatePickerRootProps, type DatePickerRootProviderProps, Dialog, type DialogRootProps, type DialogRootProviderProps, Drawer, Editable, Empty, Field, Fieldset, FileUpload, FloatingPanel, Heading, Highlight, HoverCard, Image, ImageCropper, Input, InputGroup, Kbd, Lightbox, LightboxBind, type LightboxBindProps, LightboxGallery, LightboxImage, type LightboxImageSelectDetails, List, Listbox, Marquee, Menu, type ModuixScrollAreaRootProps, type ModuixScrollAreaRootProviderProps, NativeSelect, NumberInput, Pagination, PasswordInput, PinInput, Popover, Portal, ProgressCircular, ProgressLinear, QrCode, RadioGroup, type RadioGroupItemControlProps, type RadioGroupItemControlSize, type RadioGroupOptionProps, RatingGroup, type RatingGroupItemIndicatorProps, type RatingGroupRootProps, type RatingGroupRootProviderProps, type RatingGroupSize, ScrollArea, SegmentGroup, Select, Separator, Sidebar, SignaturePad, SimpleGrid, Skeleton, Slider, Spinner, SplitButton, Splitter, type SplitterPanelData, Stack, Steps, Swap, Switch, type SwitchRootProps, type SwitchRootProviderProps, type SwitchSize, Table, Tabs, Tag, TagsInput, Text, Textarea, Timer, Toast, Toaster, Toggle, ToggleGroup, Tooltip, Tour, TreeView, type TreeViewLoadChildrenDetails, type TreeViewNodeProviderProps, createFileTreeCollection, createSplitterRegistry, createToaster, createTreeCollection, parseColor, resizeTriggerAxes, useAccordion, useAngleSlider, useAvatar, useAvatarContext, useCheckbox, useCheckboxGroup, useCollapsible, useColorPicker, useColorPickerContext, useCombobox, useComboboxContext, useDateInput, useDateInputContext, useDatePicker, useDatePickerContext, useDialog, useDialogContext, useDrawer, useEditable, useEditableContext, useField, useFieldContext, useFieldset, useFileUpload, useFileUploadContext, useHoverCard, useHoverCardContext, useImageCropper, useDialog$1 as useLightbox, useDialogContext$1 as useLightboxContext, useListbox, useListboxContext, useListboxItemContext, useMarquee, useMenu, useNumberInput, useNumberInputContext, usePasswordInput, usePinInput, usePopover, useQrCode, useRadioGroup, useRatingGroup, useRatingGroupContext, useRatingGroupItemContext, useSegmentGroup, useSidebar, useSignaturePad, useSignaturePadContext, useSlider, useSliderContext, useSplitter, useSplitterContext, useSwapContext, useSwitch, useSwitchContext, useTabs, useTagsInput, useTagsInputContext, useTagsInputItemContext, useTimer, useTimerContext, useToggleContext, useToggleGroup, useToggleGroupContext, useTooltip, useTooltipContext, useTour, useTreeView, useTreeViewNodeContext, waitForElement, waitForElementValue, waitForEvent, waitForPromise };

package/dist/index.js

@@ -1,63 +1,64 @@
-import { CalendarIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpDownIcon, ChevronUpIcon, CloseIcon, CopyIcon, EyeClosedIcon, EyeIcon, FileIcon, FlipHorizontalIcon, FolderIcon, FolderOpenIcon, GripIcon, IndeterminateIcon, MaximizeIcon, MinusIcon, PauseIcon, PencilIcon, PipetteIcon, PlayIcon, PlusIcon, PopupArrowIcon, RatingStarIcon, RestartIcon, RotateCcwIcon, RotateCwIcon, ScrubCursorIcon, SeparatorMarkIcon, TrashIcon, UploadIcon, ZoomInIcon, ZoomOutIcon } from "./lib/moduix/icons/ui/Icons.js";
 import { AspectRatio } from "./components/aspect-ratio/AspectRatio.js";
-import { Accordion } from "./components/accordion/Accordion.js";
-import { AngleSlider } from "./components/angle-slider/AngleSlider.js";
+import { Accordion, useAccordion } from "./components/accordion/Accordion.js";
+import { AngleSlider, useAngleSlider } from "./components/angle-slider/AngleSlider.js";
 import { Alert } from "./components/alert/Alert.js";
-import { Avatar } from "./components/avatar/Avatar.js";
+import { Avatar, useAvatar, useAvatarContext } from "./components/avatar/Avatar.js";
 import { Badge } from "./components/badge/Badge.js";
 import { Bleed } from "./components/bleed/Bleed.js";
 import { Breadcrumbs } from "./components/breadcrumbs/Breadcrumbs.js";
 import { Button } from "./components/button/Button.js";
 import { Card } from "./components/card/Card.js";
-import { Checkbox } from "./components/checkbox/Checkbox.js";
+import { Checkbox, useCheckbox, useCheckboxGroup } from "./components/checkbox/Checkbox.js";
 import { Clipboard } from "./components/clipboard/Clipboard.js";
 import { CloseButton } from "./components/close-button/CloseButton.js";
-import { Collapsible } from "./components/collapsible/Collapsible.js";
-import { ColorPicker, parseColor } from "./components/color-picker/ColorPicker.js";
-import { Combobox } from "./components/combobox/Combobox.js";
+import { Collapsible, useCollapsible } from "./components/collapsible/Collapsible.js";
+import { ColorPicker, parseColor, useColorPicker, useColorPickerContext } from "./components/color-picker/ColorPicker.js";
+import { Combobox, useCombobox, useComboboxContext } from "./components/combobox/Combobox.js";
 import { Kbd } from "./components/kbd/Kbd.js";
 import { ScrollArea } from "./components/scroll-area/ScrollArea.js";
 import { CommandPalette } from "./components/command-palette/CommandPalette.js";
 import { Container } from "./components/container/Container.js";
-import { DateInput } from "./components/date-input/DateInput.js";
-import { DatePicker } from "./components/date-picker/DatePicker.js";
-import { Dialog } from "./components/dialog/Dialog.js";
-import { Drawer } from "./components/drawer/Drawer.js";
-import { Editable } from "./components/editable/Editable.js";
+import { DateInput, useDateInput, useDateInputContext } from "./components/date-input/DateInput.js";
+import { DatePicker, useDatePicker, useDatePickerContext } from "./components/date-picker/DatePicker.js";
+import { Dialog, useDialog, useDialogContext } from "./components/dialog/Dialog.js";
+import { Drawer, useDrawer } from "./components/drawer/Drawer.js";
+import { Editable, useEditable, useEditableContext } from "./components/editable/Editable.js";
 import { Empty } from "./components/empty/Empty.js";
-import { Field } from "./components/field/Field.js";
-import { FileUpload } from "./components/file-upload/FileUpload.js";
-import { Fieldset } from "./components/fieldset/Fieldset.js";
+import { Field, useField, useFieldContext } from "./components/field/Field.js";
+import { FileUpload, useFileUpload, useFileUploadContext } from "./components/file-upload/FileUpload.js";
+import { Fieldset, useFieldset } from "./components/fieldset/Fieldset.js";
 import { FloatingPanel, resizeTriggerAxes } from "./components/floating-panel/FloatingPanel.js";
 import { Heading } from "./components/heading/Heading.js";
 import { Highlight } from "./components/highlight/Highlight.js";
-import { ImageCropper } from "./components/image-cropper/ImageCropper.js";
+import { Image } from "./components/image/Image.js";
+import { ImageCropper, useImageCropper } from "./components/image-cropper/ImageCropper.js";
 import { Input } from "./components/input/Input.js";
 import { InputGroup } from "./components/input-group/InputGroup.js";
-import { Lightbox, LightboxBind, LightboxGallery, LightboxImage } from "./components/lightbox/Lightbox.js";
+import { Lightbox, LightboxBind, LightboxGallery, LightboxImage, useLightbox as useDialog$1, useLightboxContext as useDialogContext$1 } from "./components/lightbox/Lightbox.js";
 import { List } from "./components/list/List.js";
-import { Listbox } from "./components/listbox/Listbox.js";
-import { Marquee } from "./components/marquee/Marquee.js";
-import { Menu } from "./components/menu/Menu.js";
+import { Listbox, useListbox, useListboxContext, useListboxItemContext } from "./components/listbox/Listbox.js";
+import { Marquee, useMarquee } from "./components/marquee/Marquee.js";
+import { Menu, useMenu } from "./components/menu/Menu.js";
 import { NativeSelect } from "./components/native-select/NativeSelect.js";
-import { NumberInput } from "./components/number-input/NumberInput.js";
+import { NumberInput, useNumberInput, useNumberInputContext } from "./components/number-input/NumberInput.js";
 import { PinInput, usePinInput } from "./components/pin-input/PinInput.js";
 import { Pagination } from "./components/pagination/Pagination.js";
 import { PasswordInput, usePasswordInput } from "./components/password-input/PasswordInput.js";
 import { Popover, usePopover } from "./components/popover/Popover.js";
-import { HoverCard } from "./components/hover-card/HoverCard.js";
+import { HoverCard, useHoverCard, useHoverCardContext } from "./components/hover-card/HoverCard.js";
 import { ProgressCircular } from "./components/progress-circular/ProgressCircular.js";
 import { ProgressLinear } from "./components/progress-linear/ProgressLinear.js";
-import { QrCode } from "./components/qr-code/QrCode.js";
-import { RadioGroup } from "./components/radio-group/RadioGroup.js";
-import { RatingGroup } from "./components/rating-group/RatingGroup.js";
+import { QrCode, useQrCode } from "./components/qr-code/QrCode.js";
+import { RadioGroup, useRadioGroup } from "./components/radio-group/RadioGroup.js";
+import { RatingGroup, useRatingGroup, useRatingGroupContext, useRatingGroupItemContext } from "./components/rating-group/RatingGroup.js";
 import { Separator } from "./components/separator/Separator.js";
-import { SegmentGroup } from "./components/segment-group/SegmentGroup.js";
+import { SegmentGroup, useSegmentGroup } from "./components/segment-group/SegmentGroup.js";
 import { Select } from "./components/select/Select.js";
-import { SignaturePad, useSignaturePad } from "./components/signature-pad/SignaturePad.js";
+import { SignaturePad, useSignaturePad, useSignaturePadContext } from "./components/signature-pad/SignaturePad.js";
 import { SimpleGrid } from "./components/simple-grid/SimpleGrid.js";
-import { Slider } from "./components/slider/Slider.js";
-import { Splitter } from "./components/splitter/Splitter.js";
+import { Slider, useSlider, useSliderContext } from "./components/slider/Slider.js";
+import { Splitter, createSplitterRegistry, useSplitter, useSplitterContext } from "./components/splitter/Splitter.js";
+import { Tooltip, useTooltip, useTooltipContext } from "./components/tooltip/Tooltip.js";
 import { Sidebar, useSidebar } from "./components/sidebar/Sidebar.js";
 import { Carousel } from "./components/carousel/Carousel.js";
 import { Skeleton } from "./components/skeleton/Skeleton.js";
@@ -65,19 +66,19 @@ import { Spinner } from "./components/spinner/Spinner.js";
 import { SplitButton } from "./components/split-button/SplitButton.js";
 import { Stack } from "./components/stack/Stack.js";
 import { Steps } from "./components/steps/Steps.js";
-import { Switch } from "./components/switch/Switch.js";
+import { Swap, useSwapContext } from "./components/swap/Swap.js";
+import { Switch, useSwitch, useSwitchContext } from "./components/switch/Switch.js";
 import { Tag } from "./components/tag/Tag.js";
-import { TagsInput } from "./components/tags-input/TagsInput.js";
+import { TagsInput, useTagsInput, useTagsInputContext, useTagsInputItemContext } from "./components/tags-input/TagsInput.js";
 import { Table } from "./components/table/Table.js";
-import { Tabs } from "./components/tabs/Tabs.js";
+import { Tabs, useTabs } from "./components/tabs/Tabs.js";
 import { Text } from "./components/text/Text.js";
 import { Textarea } from "./components/textarea/Textarea.js";
-import { Timer } from "./components/timer/Timer.js";
+import { Timer, useTimer, useTimerContext } from "./components/timer/Timer.js";
 import { Toast, Toaster, createToaster } from "./components/toast/Toast.js";
-import { Tooltip } from "./components/tooltip/Tooltip.js";
 import { Tour, useTour, waitForElement, waitForElementValue, waitForEvent, waitForPromise } from "./components/tour/Tour.js";
-import { TreeView, createFileTreeCollection, createTreeCollection } from "./components/tree-view/TreeView.js";
-import { Toggle } from "./components/toggle/Toggle.js";
-import { ToggleGroup } from "./components/toggle-group/ToggleGroup.js";
+import { TreeView, createFileTreeCollection, createTreeCollection, useTreeView, useTreeViewNodeContext } from "./components/tree-view/TreeView.js";
+import { Toggle, useToggleContext } from "./components/toggle/Toggle.js";
+import { ToggleGroup, useToggleGroup, useToggleGroupContext } from "./components/toggle-group/ToggleGroup.js";
 import { Portal } from "@ark-ui/react/portal";
-export { Accordion, Alert, AngleSlider, AspectRatio, Avatar, Badge, Bleed, Breadcrumbs, Button, CalendarIcon, Card, Carousel, CheckIcon, Checkbox, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpDownIcon, ChevronUpIcon, Clipboard, CloseButton, CloseIcon, Collapsible, ColorPicker, Combobox, CommandPalette, Container, CopyIcon, DateInput, DatePicker, Dialog, Drawer, Editable, Empty, EyeClosedIcon, EyeIcon, Field, Fieldset, FileIcon, FileUpload, FlipHorizontalIcon, FloatingPanel, FolderIcon, FolderOpenIcon, GripIcon, Heading, Highlight, HoverCard, ImageCropper, IndeterminateIcon, Input, InputGroup, Kbd, Lightbox, LightboxBind, LightboxGallery, LightboxImage, List, Listbox, Marquee, MaximizeIcon, Menu, MinusIcon, NativeSelect, NumberInput, Pagination, PasswordInput, PauseIcon, PencilIcon, PinInput, PipetteIcon, PlayIcon, PlusIcon, Popover, PopupArrowIcon, Portal, ProgressCircular, ProgressLinear, QrCode, RadioGroup, RatingGroup, RatingStarIcon, RestartIcon, RotateCcwIcon, RotateCwIcon, ScrollArea, ScrubCursorIcon, SegmentGroup, Select, Separator, SeparatorMarkIcon, Sidebar, SignaturePad, SimpleGrid, Skeleton, Slider, Spinner, SplitButton, Splitter, Stack, Steps, Switch, Table, Tabs, Tag, TagsInput, Text, Textarea, Timer, Toast, Toaster, Toggle, ToggleGroup, Tooltip, Tour, TrashIcon, TreeView, UploadIcon, ZoomInIcon, ZoomOutIcon, createFileTreeCollection, createToaster, createTreeCollection, parseColor, resizeTriggerAxes, usePasswordInput, usePinInput, usePopover, useSidebar, useSignaturePad, useTour, waitForElement, waitForElementValue, waitForEvent, waitForPromise };
+export { Accordion, Alert, AngleSlider, AspectRatio, Avatar, Badge, Bleed, Breadcrumbs, Button, Card, Carousel, Checkbox, Clipboard, CloseButton, Collapsible, ColorPicker, Combobox, CommandPalette, Container, DateInput, DatePicker, Dialog, Drawer, Editable, Empty, Field, Fieldset, FileUpload, FloatingPanel, Heading, Highlight, HoverCard, Image, ImageCropper, Input, InputGroup, Kbd, Lightbox, LightboxBind, LightboxGallery, LightboxImage, List, Listbox, Marquee, Menu, NativeSelect, NumberInput, Pagination, PasswordInput, PinInput, Popover, Portal, ProgressCircular, ProgressLinear, QrCode, RadioGroup, RatingGroup, ScrollArea, SegmentGroup, Select, Separator, Sidebar, SignaturePad, SimpleGrid, Skeleton, Slider, Spinner, SplitButton, Splitter, Stack, Steps, Swap, Switch, Table, Tabs, Tag, TagsInput, Text, Textarea, Timer, Toast, Toaster, Toggle, ToggleGroup, Tooltip, Tour, TreeView, createFileTreeCollection, createSplitterRegistry, createToaster, createTreeCollection, parseColor, resizeTriggerAxes, useAccordion, useAngleSlider, useAvatar, useAvatarContext, useCheckbox, useCheckboxGroup, useCollapsible, useColorPicker, useColorPickerContext, useCombobox, useComboboxContext, useDateInput, useDateInputContext, useDatePicker, useDatePickerContext, useDialog, useDialogContext, useDrawer, useEditable, useEditableContext, useField, useFieldContext, useFieldset, useFileUpload, useFileUploadContext, useHoverCard, useHoverCardContext, useImageCropper, useDialog$1 as useLightbox, useDialogContext$1 as useLightboxContext, useListbox, useListboxContext, useListboxItemContext, useMarquee, useMenu, useNumberInput, useNumberInputContext, usePasswordInput, usePinInput, usePopover, useQrCode, useRadioGroup, useRatingGroup, useRatingGroupContext, useRatingGroupItemContext, useSegmentGroup, useSidebar, useSignaturePad, useSignaturePadContext, useSlider, useSliderContext, useSplitter, useSplitterContext, useSwapContext, useSwitch, useSwitchContext, useTabs, useTagsInput, useTagsInputContext, useTagsInputItemContext, useTimer, useTimerContext, useToggleContext, useToggleGroup, useToggleGroupContext, useTooltip, useTooltipContext, useTour, useTreeView, useTreeViewNodeContext, waitForElement, waitForElementValue, waitForEvent, waitForPromise };

package/dist/lib/moduix/icons/ui/Icons.d.ts

@@ -2,50 +2,6 @@ import { ComponentProps } from "react";
 
 //#region src/lib/moduix/icons/ui/Icons.d.ts
 type IconProps = ComponentProps<'svg'>;
-type PopupArrowIconProps = IconProps & {
-  fillClassName?: string;
-  outerStrokeClassName?: string;
-  innerStrokeClassName?: string;
-};
-declare function ChevronLeftIcon(props: IconProps): import("react").JSX.Element;
-declare function ChevronRightIcon(props: IconProps): import("react").JSX.Element;
-declare function ChevronDownIcon(props: IconProps): import("react").JSX.Element;
-declare function CalendarIcon(props: IconProps): import("react").JSX.Element;
-declare function ChevronUpIcon(props: IconProps): import("react").JSX.Element;
-declare function ChevronUpDownIcon(props: IconProps): import("react").JSX.Element;
-declare function PlusIcon(props: IconProps): import("react").JSX.Element;
-declare function MinusIcon(props: IconProps): import("react").JSX.Element;
-declare function ZoomOutIcon(props: IconProps): import("react").JSX.Element;
-declare function ZoomInIcon(props: IconProps): import("react").JSX.Element;
-declare function RotateCcwIcon(props: IconProps): import("react").JSX.Element;
-declare function RotateCwIcon(props: IconProps): import("react").JSX.Element;
-declare function PlayIcon(props: IconProps): import("react").JSX.Element;
-declare function PauseIcon(props: IconProps): import("react").JSX.Element;
-declare function RestartIcon(props: IconProps): import("react").JSX.Element;
-declare function FlipHorizontalIcon(props: IconProps): import("react").JSX.Element;
-declare function MaximizeIcon(props: IconProps): import("react").JSX.Element;
-declare function GripIcon(props: IconProps): import("react").JSX.Element;
-declare function CheckIcon(props: IconProps): import("react").JSX.Element;
-declare function CloseIcon(props: IconProps): import("react").JSX.Element;
-declare function TrashIcon(props: IconProps): import("react").JSX.Element;
-declare function UploadIcon(props: IconProps): import("react").JSX.Element;
-declare function PencilIcon(props: IconProps): import("react").JSX.Element;
-declare function PipetteIcon(props: IconProps): import("react").JSX.Element;
-declare function EyeIcon(props: IconProps): import("react").JSX.Element;
-declare function EyeClosedIcon(props: IconProps): import("react").JSX.Element;
-declare function RatingStarIcon(props: IconProps): import("react").JSX.Element;
-declare function CopyIcon(props: IconProps): import("react").JSX.Element;
 declare function FileIcon(props: IconProps): import("react").JSX.Element;
-declare function FolderIcon(props: IconProps): import("react").JSX.Element;
-declare function FolderOpenIcon(props: IconProps): import("react").JSX.Element;
-declare function IndeterminateIcon(props: IconProps): import("react").JSX.Element;
-declare function SeparatorMarkIcon(props: IconProps): import("react").JSX.Element;
-declare function ScrubCursorIcon(props: IconProps): import("react").JSX.Element;
-declare function PopupArrowIcon({
-  fillClassName,
-  outerStrokeClassName,
-  innerStrokeClassName,
-  ...props
-}: PopupArrowIconProps): import("react").JSX.Element;
 //#endregion
-export { CalendarIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpDownIcon, ChevronUpIcon, CloseIcon, CopyIcon, EyeClosedIcon, EyeIcon, FileIcon, FlipHorizontalIcon, FolderIcon, FolderOpenIcon, GripIcon, IndeterminateIcon, MaximizeIcon, MinusIcon, PauseIcon, PencilIcon, PipetteIcon, PlayIcon, PlusIcon, PopupArrowIcon, RatingStarIcon, RestartIcon, RotateCcwIcon, RotateCwIcon, ScrubCursorIcon, SeparatorMarkIcon, TrashIcon, UploadIcon, ZoomInIcon, ZoomOutIcon };
+export { FileIcon };