@moduix/react 1.1.1 → 2.1.0

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,21 @@ 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 { Typeset } from "./components/typeset/Typeset.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 };
+import { LocaleProvider, useLocaleContext } from "@ark-ui/react/locale";
+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, LocaleProvider, 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, Typeset, 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, useLocaleContext, 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 };

package/dist/lib/moduix/icons/ui/Icons.js

@@ -79,23 +79,6 @@ function CalendarIcon(props) {
 		]
 	});
 }
-function ChevronUpIcon(props) {
-	return /* @__PURE__ */ jsx("svg", {
-		xmlns: "http://www.w3.org/2000/svg",
-		width: "24",
-		height: "24",
-		viewBox: "0 0 24 24",
-		fill: "none",
-		stroke: "currentColor",
-		strokeWidth: "3",
-		strokeLinecap: "round",
-		strokeLinejoin: "round",
-		"aria-hidden": "true",
-		focusable: "false",
-		...props,
-		children: /* @__PURE__ */ jsx("path", { d: "m18 15-6-6-6 6" })
-	});
-}
 function ChevronUpDownIcon(props) {
 	return /* @__PURE__ */ jsxs("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
@@ -147,82 +130,6 @@ function MinusIcon(props) {
 		children: /* @__PURE__ */ jsx("path", { d: "M5 12h14" })
 	});
 }
-function ZoomOutIcon(props) {
-	return /* @__PURE__ */ jsxs("svg", {
-		xmlns: "http://www.w3.org/2000/svg",
-		width: "24",
-		height: "24",
-		viewBox: "0 0 24 24",
-		fill: "none",
-		stroke: "currentColor",
-		strokeWidth: "2",
-		strokeLinecap: "round",
-		strokeLinejoin: "round",
-		"aria-hidden": "true",
-		focusable: "false",
-		...props,
-		children: [
-			/* @__PURE__ */ jsx("circle", {
-				cx: "11",
-				cy: "11",
-				r: "8"
-			}),
-			/* @__PURE__ */ jsx("line", {
-				x1: "21",
-				x2: "16.65",
-				y1: "21",
-				y2: "16.65"
-			}),
-			/* @__PURE__ */ jsx("line", {
-				x1: "8",
-				x2: "14",
-				y1: "11",
-				y2: "11"
-			})
-		]
-	});
-}
-function ZoomInIcon(props) {
-	return /* @__PURE__ */ jsxs("svg", {
-		xmlns: "http://www.w3.org/2000/svg",
-		width: "24",
-		height: "24",
-		viewBox: "0 0 24 24",
-		fill: "none",
-		stroke: "currentColor",
-		strokeWidth: "2",
-		strokeLinecap: "round",
-		strokeLinejoin: "round",
-		"aria-hidden": "true",
-		focusable: "false",
-		...props,
-		children: [
-			/* @__PURE__ */ jsx("circle", {
-				cx: "11",
-				cy: "11",
-				r: "8"
-			}),
-			/* @__PURE__ */ jsx("line", {
-				x1: "21",
-				x2: "16.65",
-				y1: "21",
-				y2: "16.65"
-			}),
-			/* @__PURE__ */ jsx("line", {
-				x1: "11",
-				x2: "11",
-				y1: "8",
-				y2: "14"
-			}),
-			/* @__PURE__ */ jsx("line", {
-				x1: "8",
-				x2: "14",
-				y1: "11",
-				y2: "11"
-			})
-		]
-	});
-}
 function RotateCcwIcon(props) {
 	return /* @__PURE__ */ jsxs("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
@@ -240,93 +147,7 @@ function RotateCcwIcon(props) {
 		children: [/* @__PURE__ */ jsx("path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8" }), /* @__PURE__ */ jsx("path", { d: "M3 3v5h5" })]
 	});
 }
-function RotateCwIcon(props) {
-	return /* @__PURE__ */ jsxs("svg", {
-		xmlns: "http://www.w3.org/2000/svg",
-		width: "24",
-		height: "24",
-		viewBox: "0 0 24 24",
-		fill: "none",
-		stroke: "currentColor",
-		strokeWidth: "2",
-		strokeLinecap: "round",
-		strokeLinejoin: "round",
-		"aria-hidden": "true",
-		focusable: "false",
-		...props,
-		children: [/* @__PURE__ */ jsx("path", { d: "M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8" }), /* @__PURE__ */ jsx("path", { d: "M21 3v5h-5" })]
-	});
-}
-function PlayIcon(props) {
-	return /* @__PURE__ */ jsx("svg", {
-		xmlns: "http://www.w3.org/2000/svg",
-		width: "24",
-		height: "24",
-		viewBox: "0 0 24 24",
-		fill: "none",
-		stroke: "currentColor",
-		strokeWidth: "2",
-		strokeLinecap: "round",
-		strokeLinejoin: "round",
-		"aria-hidden": "true",
-		focusable: "false",
-		...props,
-		children: /* @__PURE__ */ jsx("path", { d: "M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z" })
-	});
-}
-function PauseIcon(props) {
-	return /* @__PURE__ */ jsxs("svg", {
-		xmlns: "http://www.w3.org/2000/svg",
-		width: "24",
-		height: "24",
-		viewBox: "0 0 24 24",
-		fill: "none",
-		stroke: "currentColor",
-		strokeWidth: "2",
-		strokeLinecap: "round",
-		strokeLinejoin: "round",
-		"aria-hidden": "true",
-		focusable: "false",
-		...props,
-		children: [/* @__PURE__ */ jsx("rect", {
-			x: "14",
-			y: "3",
-			width: "5",
-			height: "18",
-			rx: "1"
-		}), /* @__PURE__ */ jsx("rect", {
-			x: "5",
-			y: "3",
-			width: "5",
-			height: "18",
-			rx: "1"
-		})]
-	});
-}
-function RestartIcon(props) {
-	return /* @__PURE__ */ jsxs("svg", {
-		xmlns: "http://www.w3.org/2000/svg",
-		width: "24",
-		height: "24",
-		viewBox: "0 0 24 24",
-		fill: "none",
-		stroke: "currentColor",
-		strokeWidth: "2",
-		strokeLinecap: "round",
-		strokeLinejoin: "round",
-		"aria-hidden": "true",
-		focusable: "false",
-		...props,
-		children: [
-			/* @__PURE__ */ jsx("path", { d: "M21 5H3" }),
-			/* @__PURE__ */ jsx("path", { d: "M7 12H3" }),
-			/* @__PURE__ */ jsx("path", { d: "M7 19H3" }),
-			/* @__PURE__ */ jsx("path", { d: "M12 18a5 5 0 0 0 9-3 4.5 4.5 0 0 0-4.5-4.5c-1.33 0-2.54.54-3.41 1.41L11 14" }),
-			/* @__PURE__ */ jsx("path", { d: "M11 10v4h4" })
-		]
-	});
-}
-function FlipHorizontalIcon(props) {
+function MaximizeIcon(props) {
 	return /* @__PURE__ */ jsxs("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		width: "24",
@@ -341,16 +162,14 @@ function FlipHorizontalIcon(props) {
 		focusable: "false",
 		...props,
 		children: [
-			/* @__PURE__ */ jsx("path", { d: "M8 3H5a2 2 0 0 0-2 2v14c0 1.1.9 2 2 2h3" }),
-			/* @__PURE__ */ jsx("path", { d: "M16 3h3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-3" }),
-			/* @__PURE__ */ jsx("path", { d: "M12 20v2" }),
-			/* @__PURE__ */ jsx("path", { d: "M12 14v2" }),
-			/* @__PURE__ */ jsx("path", { d: "M12 8v2" }),
-			/* @__PURE__ */ jsx("path", { d: "M12 2v2" })
+			/* @__PURE__ */ jsx("path", { d: "M15 3h6v6" }),
+			/* @__PURE__ */ jsx("path", { d: "m21 3-7 7" }),
+			/* @__PURE__ */ jsx("path", { d: "m3 21 7-7" }),
+			/* @__PURE__ */ jsx("path", { d: "M9 21H3v-6" })
 		]
 	});
 }
-function MaximizeIcon(props) {
+function RestoreIcon(props) {
 	return /* @__PURE__ */ jsxs("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		width: "24",
@@ -364,12 +183,13 @@ function MaximizeIcon(props) {
 		"aria-hidden": "true",
 		focusable: "false",
 		...props,
-		children: [
-			/* @__PURE__ */ jsx("path", { d: "M15 3h6v6" }),
-			/* @__PURE__ */ jsx("path", { d: "m21 3-7 7" }),
-			/* @__PURE__ */ jsx("path", { d: "m3 21 7-7" }),
-			/* @__PURE__ */ jsx("path", { d: "M9 21H3v-6" })
-		]
+		children: [/* @__PURE__ */ jsx("rect", {
+			width: "14",
+			height: "14",
+			x: "3",
+			y: "3",
+			rx: "2"
+		}), /* @__PURE__ */ jsx("path", { d: "M7 21h10a2 2 0 0 0 2-2V9" })]
 	});
 }
 function GripIcon(props) {
@@ -469,6 +289,27 @@ function CloseIcon(props) {
 		children: [/* @__PURE__ */ jsx("path", { d: "M18 6 6 18" }), /* @__PURE__ */ jsx("path", { d: "m6 6 12 12" })]
 	});
 }
+function SearchIcon(props) {
+	return /* @__PURE__ */ jsxs("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: "24",
+		height: "24",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		"aria-hidden": "true",
+		focusable: "false",
+		...props,
+		children: [/* @__PURE__ */ jsx("path", { d: "m21 21-4.34-4.34" }), /* @__PURE__ */ jsx("circle", {
+			cx: "11",
+			cy: "11",
+			r: "8"
+		})]
+	});
+}
 function TrashIcon(props) {
 	return /* @__PURE__ */ jsxs("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
@@ -622,7 +463,7 @@ function CopyIcon(props) {
 		viewBox: "0 0 24 24",
 		fill: "none",
 		stroke: "currentColor",
-		strokeWidth: "3",
+		strokeWidth: "2",
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
 		"aria-hidden": "true",
@@ -655,40 +496,6 @@ function FileIcon(props) {
 		children: [/* @__PURE__ */ jsx("path", { d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z" }), /* @__PURE__ */ jsx("path", { d: "M14 2v5a1 1 0 0 0 1 1h5" })]
 	});
 }
-function FolderIcon(props) {
-	return /* @__PURE__ */ jsx("svg", {
-		xmlns: "http://www.w3.org/2000/svg",
-		width: "24",
-		height: "24",
-		viewBox: "0 0 24 24",
-		fill: "none",
-		stroke: "currentColor",
-		strokeWidth: "2",
-		strokeLinecap: "round",
-		strokeLinejoin: "round",
-		"aria-hidden": "true",
-		focusable: "false",
-		...props,
-		children: /* @__PURE__ */ jsx("path", { d: "M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z" })
-	});
-}
-function FolderOpenIcon(props) {
-	return /* @__PURE__ */ jsx("svg", {
-		xmlns: "http://www.w3.org/2000/svg",
-		width: "24",
-		height: "24",
-		viewBox: "0 0 24 24",
-		fill: "none",
-		stroke: "currentColor",
-		strokeWidth: "2",
-		strokeLinecap: "round",
-		strokeLinejoin: "round",
-		"aria-hidden": "true",
-		focusable: "false",
-		...props,
-		children: /* @__PURE__ */ jsx("path", { d: "m6 14 1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2" })
-	});
-}
 function IndeterminateIcon(props) {
 	return /* @__PURE__ */ jsx("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
@@ -721,39 +528,5 @@ function SeparatorMarkIcon(props) {
 		})
 	});
 }
-function ScrubCursorIcon(props) {
-	return /* @__PURE__ */ jsx("svg", {
-		viewBox: "0 0 25 14",
-		fill: "black",
-		stroke: "white",
-		"aria-hidden": "true",
-		focusable: "false",
-		...props,
-		children: /* @__PURE__ */ jsx("path", { d: "M19.5 5.5H6.5V2L1 7l5.5 5v-3.5h13V12L25 7l-5.5-5z" })
-	});
-}
-function PopupArrowIcon({ fillClassName, outerStrokeClassName, innerStrokeClassName, ...props }) {
-	return /* @__PURE__ */ jsxs("svg", {
-		viewBox: "0 0 20 10",
-		fill: "none",
-		"aria-hidden": "true",
-		focusable: "false",
-		...props,
-		children: [
-			/* @__PURE__ */ jsx("path", {
-				d: "M9.66437 2.60207L4.80758 6.97318C4.07308 7.63423 3.11989 8 2.13172 8H0V10H20V8H18.5349C17.5468 8 16.5936 7.63423 15.8591 6.97318L11.0023 2.60207C10.622 2.2598 10.0447 2.25979 9.66437 2.60207Z",
-				className: fillClassName
-			}),
-			/* @__PURE__ */ jsx("path", {
-				d: "M8.99542 1.85876C9.75604 1.17425 10.9106 1.17422 11.6713 1.85878L16.5281 6.22989C17.0789 6.72568 17.7938 7.00001 18.5349 7.00001L15.89 7L11.0023 2.60207C10.622 2.2598 10.0447 2.2598 9.66436 2.60207L4.77734 7L2.13171 7.00001C2.87284 7.00001 3.58774 6.72568 4.13861 6.22989L8.99542 1.85876Z",
-				className: outerStrokeClassName
-			}),
-			/* @__PURE__ */ jsx("path", {
-				d: "M10.3333 3.34539L5.47654 7.71648C4.55842 8.54279 3.36693 9 2.13172 9H0V8H2.13172C3.11989 8 4.07308 7.63423 4.80758 6.97318L9.66437 2.60207C10.0447 2.25979 10.622 2.2598 11.0023 2.60207L15.8591 6.97318C16.5936 7.63423 17.5468 8 18.5349 8H20V9H18.5349C17.2998 9 16.1083 8.54278 15.1901 7.71648L10.3333 3.34539Z",
-				className: innerStrokeClassName
-			})
-		]
-	});
-}
 //#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 { CalendarIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpDownIcon, CloseIcon, CopyIcon, EyeClosedIcon, EyeIcon, FileIcon, GripIcon, IndeterminateIcon, MaximizeIcon, MinusIcon, PencilIcon, PipetteIcon, PlusIcon, RatingStarIcon, RestoreIcon, RotateCcwIcon, SearchIcon, SeparatorMarkIcon, TrashIcon, UploadIcon };

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

@@ -1,2 +1,2 @@
-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 "./Icons.js";
-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 };
+import { FileIcon } from "./Icons.js";
+export { FileIcon };

package/dist/lib/moduix/overlayPortal.js

@@ -1,6 +1,6 @@
-import { jsx } from "react/jsx-runtime";
 import { Portal } from "@ark-ui/react/portal";
 import { createContext, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
 //#region src/lib/moduix/overlayPortal.tsx
 const OverlayPortalContext = createContext({});
 function OverlayPortalProvider({ children, ...value }) {

package/dist/lib/moduix/presets/contrast.css

@@ -0,0 +1,65 @@
+[data-moduix-theme="contrast"] {
+  color-scheme: light;
+  --background: oklch(99.5% .001 250);
+  --foreground: oklch(14.5% .018 250);
+  --card: oklch(100% 0 0);
+  --card-foreground: oklch(14.5% .018 250);
+  --popover: oklch(100% 0 0);
+  --popover-foreground: oklch(14.5% .018 250);
+  --primary: oklch(46% .2 255);
+  --primary-foreground: oklch(100% 0 0);
+  --secondary: oklch(94% .012 250);
+  --secondary-foreground: oklch(18% .025 250);
+  --muted: oklch(93% .01 250);
+  --muted-foreground: oklch(39% .026 250);
+  --accent: oklch(90% .04 245);
+  --accent-foreground: oklch(16% .04 250);
+  --border: oklch(72% .025 250);
+  --input: oklch(62% .035 250);
+  --ring: oklch(50% .19 255);
+  --overlay: oklch(9% .018 250 / .38);
+  --overlay-foreground: oklch(9% .018 250 / .12);
+  --sidebar: oklch(96.5% .005 250);
+  --sidebar-foreground: oklch(14.5% .018 250);
+  --sidebar-primary: oklch(46% .2 255);
+  --sidebar-primary-foreground: oklch(100% 0 0);
+  --sidebar-accent: oklch(90% .04 245);
+  --sidebar-accent-foreground: oklch(16% .04 250);
+  --sidebar-border: oklch(72% .025 250);
+  --sidebar-ring: oklch(50% .19 255);
+  --radius: .375rem;
+  --shadow-sm: 0 1px 2px #0f172a1a;
+  --shadow-md: 0 4px 10px #0f172a24;
+  --shadow-lg: 0 16px 30px #0f172a2e;
+
+  & .dark, &.dark {
+    color-scheme: dark;
+    --background: oklch(11% .018 250);
+    --foreground: oklch(98.5% .004 250);
+    --card: oklch(15.5% .022 250);
+    --card-foreground: oklch(98.5% .004 250);
+    --popover: oklch(15.5% .022 250);
+    --popover-foreground: oklch(98.5% .004 250);
+    --primary: oklch(76% .13 255);
+    --primary-foreground: oklch(12% .02 250);
+    --secondary: oklch(24% .026 250);
+    --secondary-foreground: oklch(98.5% .004 250);
+    --muted: oklch(22.5% .024 250);
+    --muted-foreground: oklch(76% .018 250);
+    --accent: oklch(30% .06 250);
+    --accent-foreground: oklch(98.5% .004 250);
+    --border: oklch(80% .025 250 / .34);
+    --input: oklch(82% .025 250 / .42);
+    --ring: oklch(74% .13 255);
+    --overlay: oklch(4% .014 250 / .84);
+    --overlay-foreground: oklch(98.5% .004 250 / .12);
+    --sidebar: oklch(13% .02 250);
+    --sidebar-foreground: oklch(98.5% .004 250);
+    --sidebar-primary: oklch(76% .13 255);
+    --sidebar-primary-foreground: oklch(12% .02 250);
+    --sidebar-accent: oklch(30% .06 250);
+    --sidebar-accent-foreground: oklch(98.5% .004 250);
+    --sidebar-border: oklch(80% .025 250 / .34);
+    --sidebar-ring: oklch(74% .13 255);
+  }
+}