@moduix/react 1.1.1 → 2.0.0

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@moduix/react",
-  "version": "1.1.1",
+  "version": "2.0.0",
   "description": "React implementation of the moduix component system, built on Ark UI primitives.",
   "keywords": [
     "accessible",
@@ -50,19 +50,20 @@
     "tsc:check": "tsc -b"
   },
   "dependencies": {
+    "@unpic/react": "^1.0.2",
     "clsx": "^2.1.1"
   },
   "devDependencies": {
     "@ark-ui/react": "^5.37.2",
     "@internationalized/date": "^3.12.2",
-    "@storybook/react-vite": "^10.4.6",
+    "@storybook/react-vite": "10.5.0",
     "@tsdown/css": "^0.22.3",
     "@types/node": "^24.13.2",
     "@types/react": "^19.2.17",
     "@types/react-dom": "^19.2.3",
     "react": "^19.2.7",
     "react-dom": "^19.2.7",
-    "storybook": "^10.4.6",
+    "storybook": "10.5.0",
     "tsdown": "^0.22.3",
     "typescript": "~6.0.3",
     "vite": "^8.1.0",