@moduix/react 2.2.0 → 2.2.5

package/dist/components/signature-pad/SignaturePad.d.ts

@@ -1,23 +1,18 @@
-import { SignaturePad, useSignaturePad, useSignaturePadContext } from "@ark-ui/react/signature-pad";
-
-//#region src/components/signature-pad/SignaturePad.d.ts
+import { SignaturePad as SignaturePadPrimitive, useSignaturePad as useSignaturePadPrimitive, useSignaturePadContext } from '@ark-ui/react/signature-pad';
+import type { ReactNode } from 'react';
 type SignaturePadFormProps = {
-  getFormValue?: (paths: string[]) => string;
+    getFormValue?: (paths: string[]) => string;
 };
-declare function SignaturePadCanvas({
-  className
-}: {
-  className?: string;
-}): import("react").JSX.Element;
-declare const SignaturePad$1: import("react").ForwardRefExoticComponent<Omit<SignaturePad.RootProps & import("react").RefAttributes<HTMLDivElement> & SignaturePadFormProps, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
-  Root: import("react").ForwardRefExoticComponent<Omit<SignaturePad.RootProps & import("react").RefAttributes<HTMLDivElement> & SignaturePadFormProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  RootProvider: import("react").ForwardRefExoticComponent<Omit<SignaturePad.RootProviderProps & import("react").RefAttributes<HTMLDivElement> & SignaturePadFormProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  Label: import("react").ForwardRefExoticComponent<Omit<SignaturePad.LabelProps & import("react").RefAttributes<HTMLLabelElement>, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;
-  Control: import("react").ForwardRefExoticComponent<Omit<SignaturePad.ControlProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  Canvas: typeof SignaturePadCanvas;
-  Segment: import("react").ForwardRefExoticComponent<Omit<SignaturePad.SegmentProps & import("react").RefAttributes<SVGSVGElement>, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
-  Guide: import("react").ForwardRefExoticComponent<Omit<SignaturePad.GuideProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  ClearTrigger: import("react").ForwardRefExoticComponent<Omit<SignaturePad.ClearTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+declare function useSignaturePad(props?: Parameters<typeof useSignaturePadPrimitive>[0]): ReturnType<typeof useSignaturePadPrimitive>;
+declare const SignaturePad: import("react").ForwardRefExoticComponent<Omit<SignaturePadPrimitive.RootProps & import("react").RefAttributes<HTMLDivElement> & SignaturePadFormProps, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
+    Root: import("react").ForwardRefExoticComponent<Omit<SignaturePadPrimitive.RootProps & import("react").RefAttributes<HTMLDivElement> & SignaturePadFormProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    RootProvider: import("react").ForwardRefExoticComponent<Omit<SignaturePadPrimitive.RootProviderProps & import("react").RefAttributes<HTMLDivElement> & SignaturePadFormProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Context: (props: SignaturePadPrimitive.ContextProps) => ReactNode;
+    Label: import("react").ForwardRefExoticComponent<Omit<SignaturePadPrimitive.LabelProps & import("react").RefAttributes<HTMLLabelElement>, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;
+    Control: import("react").ForwardRefExoticComponent<Omit<SignaturePadPrimitive.ControlProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Canvas: import("react").ForwardRefExoticComponent<Omit<Omit<SignaturePadPrimitive.ControlProps & import("react").RefAttributes<HTMLDivElement>, "children">, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Segment: import("react").ForwardRefExoticComponent<Omit<SignaturePadPrimitive.SegmentProps & import("react").RefAttributes<SVGSVGElement>, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    Guide: import("react").ForwardRefExoticComponent<Omit<SignaturePadPrimitive.GuideProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    ClearTrigger: import("react").ForwardRefExoticComponent<Omit<SignaturePadPrimitive.ClearTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
 };
-//#endregion
-export { SignaturePad$1 as SignaturePad, useSignaturePad, useSignaturePadContext };
+export { SignaturePad, useSignaturePad, useSignaturePadContext };

package/dist/components/signature-pad/SignaturePad.js

@@ -1,121 +1,160 @@
-import { normalizeClassName } from "../../lib/moduix/normalizeClassName.js";
-import { RotateCcwIcon } from "../../lib/moduix/icons/ui/Icons.js";
-import { CloseButton } from "../close-button/CloseButton.js";
-import SignaturePad_module_default from "./SignaturePad.module.js";
-import { clsx } from "clsx";
-import { Children, cloneElement, forwardRef } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useFieldContext } from "@ark-ui/react/field";
 import { SignaturePad, useSignaturePad, useSignaturePadContext } from "@ark-ui/react/signature-pad";
-//#region src/components/signature-pad/SignaturePad.tsx
-const SignaturePadRoot = forwardRef(function SignaturePadRoot({ asChild, children, className, getFormValue, ...props }, ref) {
-	return /* @__PURE__ */ jsx(SignaturePad.Root, {
-		ref,
-		"data-slot": "signature-pad-root",
-		className: clsx(SignaturePad_module_default.root, normalizeClassName(className)),
-		asChild,
-		...props,
-		children: withHiddenInput(children, asChild, getFormValue)
-	});
+import { clsx } from "clsx";
+import { Children, cloneElement, createContext, forwardRef, useContext } from "react";
+import { RotateCcwIcon } from "../../internal/icons/ui/index.js";
+import { normalizeClassName } from "../../internal/normalizeClassName.js";
+import { CloseButton } from "../close-button/index.js";
+import SignaturePad_module from "./SignaturePad.module.js";
+const SignaturePadReadOnlyContext = /*#__PURE__*/ createContext(false);
+const signaturePadReadOnly = Symbol();
+const SignaturePad_SignaturePadRoot = /*#__PURE__*/ forwardRef(function({ asChild, children, className, getFormValue, ...props }, ref) {
+    const field = useFieldContext();
+    const readOnly = props.readOnly ?? field?.readOnly ?? false;
+    return /*#__PURE__*/ jsx(SignaturePadReadOnlyContext.Provider, {
+        value: readOnly,
+        children: /*#__PURE__*/ jsx(SignaturePad.Root, {
+            ref: ref,
+            "data-slot": "signature-pad-root",
+            className: clsx(SignaturePad_module.root, normalizeClassName(className)),
+            asChild: asChild,
+            ...props,
+            children: withHiddenInput(children, asChild, getFormValue)
+        })
+    });
 });
-const SignaturePadRootProvider = forwardRef(function SignaturePadRootProvider({ asChild, children, className, getFormValue, ...props }, ref) {
-	return /* @__PURE__ */ jsx(SignaturePad.RootProvider, {
-		ref,
-		"data-slot": "signature-pad-root-provider",
-		className: clsx(SignaturePad_module_default.root, normalizeClassName(className)),
-		asChild,
-		...props,
-		children: withHiddenInput(children, asChild, getFormValue)
-	});
+const SignaturePad_SignaturePadRootProvider = /*#__PURE__*/ forwardRef(function({ asChild, children, className, getFormValue, ...props }, ref) {
+    const readOnly = props.value[signaturePadReadOnly] ?? false;
+    return /*#__PURE__*/ jsx(SignaturePadReadOnlyContext.Provider, {
+        value: readOnly,
+        children: /*#__PURE__*/ jsx(SignaturePad.RootProvider, {
+            ref: ref,
+            "data-slot": "signature-pad-root-provider",
+            className: clsx(SignaturePad_module.root, normalizeClassName(className)),
+            asChild: asChild,
+            ...props,
+            children: withHiddenInput(children, asChild, getFormValue)
+        })
+    });
 });
-const SignaturePadLabel = forwardRef(function SignaturePadLabel({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(SignaturePad.Label, {
-		ref,
-		"data-slot": "signature-pad-label",
-		className: clsx(SignaturePad_module_default.label, normalizeClassName(className)),
-		...props
-	});
+const SignaturePad_SignaturePadLabel = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(SignaturePad.Label, {
+        ref: ref,
+        "data-slot": "signature-pad-label",
+        className: clsx(SignaturePad_module.label, normalizeClassName(className)),
+        ...props
+    });
 });
-const SignaturePadControl = forwardRef(function SignaturePadControl({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(SignaturePad.Control, {
-		ref,
-		"data-slot": "signature-pad-control",
-		className: clsx(SignaturePad_module_default.control, normalizeClassName(className)),
-		...props
-	});
+const SignaturePad_SignaturePadControl = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(SignaturePad.Control, {
+        ref: ref,
+        "data-slot": "signature-pad-control",
+        className: clsx(SignaturePad_module.control, normalizeClassName(className)),
+        ...props
+    });
 });
-const SignaturePadSegment = forwardRef(function SignaturePadSegment({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(SignaturePad.Segment, {
-		ref,
-		"data-slot": "signature-pad-segment",
-		className: clsx(SignaturePad_module_default.segment, normalizeClassName(className)),
-		...props
-	});
+const SignaturePad_SignaturePadSegment = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(SignaturePad.Segment, {
+        ref: ref,
+        "data-slot": "signature-pad-segment",
+        className: clsx(SignaturePad_module.segment, normalizeClassName(className)),
+        ...props
+    });
 });
-const SignaturePadGuide = forwardRef(function SignaturePadGuide({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(SignaturePad.Guide, {
-		ref,
-		"data-slot": "signature-pad-guide",
-		className: clsx(SignaturePad_module_default.guide, normalizeClassName(className)),
-		...props
-	});
+const SignaturePad_SignaturePadGuide = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(SignaturePad.Guide, {
+        ref: ref,
+        "data-slot": "signature-pad-guide",
+        className: clsx(SignaturePad_module.guide, normalizeClassName(className)),
+        ...props
+    });
 });
-const SignaturePadClearTrigger = forwardRef(function SignaturePadClearTrigger({ asChild, className, children, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, ...props }, ref) {
-	const triggerClassName = clsx(SignaturePad_module_default.clearTrigger, normalizeClassName(className));
-	if (asChild) return /* @__PURE__ */ jsx(SignaturePad.ClearTrigger, {
-		ref,
-		asChild: true,
-		"data-slot": "signature-pad-clear-trigger",
-		className: triggerClassName,
-		"aria-label": ariaLabel,
-		"aria-labelledby": ariaLabelledBy,
-		...props,
-		children
-	});
-	return /* @__PURE__ */ jsx(SignaturePad.ClearTrigger, {
-		ref,
-		asChild: true,
-		"data-slot": "signature-pad-clear-trigger",
-		className: triggerClassName,
-		...props,
-		children: /* @__PURE__ */ jsx(CloseButton.Root, {
-			"aria-label": ariaLabel,
-			"aria-labelledby": ariaLabelledBy,
-			children: children ?? /* @__PURE__ */ jsx(RotateCcwIcon, { "aria-hidden": "true" })
-		})
-	});
+const SignaturePad_SignaturePadClearTrigger = /*#__PURE__*/ forwardRef(function({ asChild, className, children, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, ...props }, ref) {
+    const readOnly = useContext(SignaturePadReadOnlyContext);
+    const triggerClassName = clsx(SignaturePad_module.clearTrigger, normalizeClassName(className));
+    if (asChild) return /*#__PURE__*/ jsx(SignaturePad.ClearTrigger, {
+        ref: ref,
+        asChild: true,
+        "data-slot": "signature-pad-clear-trigger",
+        className: triggerClassName,
+        "aria-label": ariaLabel,
+        "aria-labelledby": ariaLabelledBy,
+        ...props,
+        disabled: readOnly || props.disabled,
+        children: children
+    });
+    return /*#__PURE__*/ jsx(SignaturePad.ClearTrigger, {
+        ref: ref,
+        asChild: true,
+        "data-slot": "signature-pad-clear-trigger",
+        className: triggerClassName,
+        ...props,
+        disabled: readOnly || props.disabled,
+        children: /*#__PURE__*/ jsx(CloseButton.Root, {
+            "aria-label": ariaLabel,
+            "aria-labelledby": ariaLabelledBy,
+            children: children ?? /*#__PURE__*/ jsx(RotateCcwIcon, {
+                "aria-hidden": "true"
+            })
+        })
+    });
 });
 function withHiddenInput(children, asChild, getFormValue) {
-	const hiddenInput = /* @__PURE__ */ jsx(SignaturePadFormInput, { getFormValue });
-	if (!asChild) return /* @__PURE__ */ jsxs(Fragment$1, { children: [children, hiddenInput] });
-	const child = Children.only(children);
-	return cloneElement(child, {}, child.props.children, hiddenInput);
+    const hiddenInput = /*#__PURE__*/ jsx(SignaturePadFormInput, {
+        getFormValue: getFormValue
+    });
+    if (!asChild) return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            children,
+            hiddenInput
+        ]
+    });
+    const child = Children.only(children);
+    return /*#__PURE__*/ cloneElement(child, {}, child.props.children, hiddenInput);
 }
 function SignaturePadFormInput({ getFormValue }) {
-	const signaturePad = useSignaturePadContext();
-	return /* @__PURE__ */ jsx(SignaturePad.HiddenInput, {
-		"data-slot": "signature-pad-hidden-input",
-		value: getFormValue?.(signaturePad.paths) ?? signaturePad.paths.join(" ")
-	});
+    const signaturePad = useSignaturePadContext();
+    return /*#__PURE__*/ jsx(SignaturePad.HiddenInput, {
+        "data-slot": "signature-pad-hidden-input",
+        value: getFormValue?.(signaturePad.paths) ?? signaturePad.paths.join(' ')
+    });
 }
-function SignaturePadCanvas({ className }) {
-	return /* @__PURE__ */ jsxs(SignaturePadControl, {
-		className,
-		children: [
-			/* @__PURE__ */ jsx(SignaturePadSegment, {}),
-			/* @__PURE__ */ jsx(SignaturePadClearTrigger, { children: /* @__PURE__ */ jsx(RotateCcwIcon, { "aria-hidden": "true" }) }),
-			/* @__PURE__ */ jsx(SignaturePadGuide, {})
-		]
-	});
+const SignaturePad_SignaturePadCanvas = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsxs(SignaturePad_SignaturePadControl, {
+        ref: ref,
+        className: className,
+        ...props,
+        children: [
+            /*#__PURE__*/ jsx(SignaturePad_SignaturePadSegment, {}),
+            /*#__PURE__*/ jsx(SignaturePad_SignaturePadClearTrigger, {
+                children: /*#__PURE__*/ jsx(RotateCcwIcon, {
+                    "aria-hidden": "true"
+                })
+            }),
+            /*#__PURE__*/ jsx(SignaturePad_SignaturePadGuide, {})
+        ]
+    });
+});
+function SignaturePad_useSignaturePad(props) {
+    const field = useFieldContext();
+    const signaturePad = useSignaturePad(props);
+    const api = {
+        ...signaturePad,
+        [signaturePadReadOnly]: props?.readOnly ?? field?.readOnly ?? false
+    };
+    return api;
 }
-const SignaturePad$1 = Object.assign(SignaturePadRoot, {
-	Root: SignaturePadRoot,
-	RootProvider: SignaturePadRootProvider,
-	Label: SignaturePadLabel,
-	Control: SignaturePadControl,
-	Canvas: SignaturePadCanvas,
-	Segment: SignaturePadSegment,
-	Guide: SignaturePadGuide,
-	ClearTrigger: SignaturePadClearTrigger
+const SignaturePad_SignaturePad = Object.assign(SignaturePad_SignaturePadRoot, {
+    Root: SignaturePad_SignaturePadRoot,
+    RootProvider: SignaturePad_SignaturePadRootProvider,
+    Context: SignaturePad.Context,
+    Label: SignaturePad_SignaturePadLabel,
+    Control: SignaturePad_SignaturePadControl,
+    Canvas: SignaturePad_SignaturePadCanvas,
+    Segment: SignaturePad_SignaturePadSegment,
+    Guide: SignaturePad_SignaturePadGuide,
+    ClearTrigger: SignaturePad_SignaturePadClearTrigger
 });
-//#endregion
-export { SignaturePad$1 as SignaturePad, useSignaturePad, useSignaturePadContext };
+export { SignaturePad_SignaturePad as SignaturePad, SignaturePad_useSignaturePad as useSignaturePad, useSignaturePadContext };

package/dist/components/signature-pad/SignaturePad.module.js

@@ -1,12 +1,10 @@
-import './SignaturePad.css';
-//#region src/components/signature-pad/SignaturePad.module.css
-var SignaturePad_module_default = {
-	"clearTrigger": "_wse8a_clearTrigger",
-	"control": "_wse8a_control",
-	"guide": "_wse8a_guide",
-	"label": "_wse8a_label",
-	"root": "_wse8a_root",
-	"segment": "_wse8a_segment"
+import "./SignaturePad_module.css";
+const SignaturePad_module = {
+    root: "root-wBfWu6",
+    label: "label-kwtND5",
+    control: "control-RbBULL",
+    segment: "segment-_lVQko",
+    guide: "guide-zappbU",
+    clearTrigger: "clearTrigger-luhoLm"
 };
-//#endregion
-export { SignaturePad_module_default as default };
+export default SignaturePad_module;

package/dist/components/signature-pad/{SignaturePad.css → SignaturePad_module.css}

@@ -1,5 +1,5 @@
 @layer moduix.components {
-  ._wse8a_root {
+  .root-wBfWu6 {
     box-sizing: border-box;
     gap: var(--moduix-signature-pad-gap, var(--moduix-spacing-2));
     width: var(--moduix-signature-pad-width, 17.5rem);
@@ -7,30 +7,27 @@
     color: var(--moduix-signature-pad-color, var(--moduix-color-foreground));
     flex-direction: column;
     display: inline-flex;
+  }
 
-    &[data-disabled] {
-      opacity: var(--moduix-signature-pad-disabled-opacity, var(--moduix-opacity-disabled));
-    }
+  .root-wBfWu6[data-disabled] {
+    opacity: var(--moduix-signature-pad-disabled-opacity, var(--moduix-opacity-disabled));
   }
 
-  ._wse8a_label {
+  .label-kwtND5 {
     color: var(--moduix-signature-pad-label-color, var(--moduix-color-foreground));
     font-size: var(--moduix-signature-pad-label-font-size, var(--moduix-text-sm));
     font-weight: var(--moduix-signature-pad-label-font-weight, var(--moduix-weight-medium));
     line-height: var(--moduix-signature-pad-label-line-height, var(--moduix-line-height-text-sm));
+    -webkit-user-select: none;
     user-select: none;
-
-    &[data-disabled] {
-      opacity: var(--moduix-signature-pad-disabled-opacity, var(--moduix-opacity-disabled));
-    }
   }
 
-  ._wse8a_control {
+  .control-RbBULL {
     box-sizing: border-box;
     width: var(--moduix-signature-pad-control-width, 100%);
     min-width: var(--moduix-signature-pad-control-min-width, 0);
     height: var(--moduix-signature-pad-control-height, var(--moduix-signature-pad-height, 10rem));
-    min-height: var(--moduix-signature-pad-control-min-height, 10rem);
+    min-height: var(--moduix-signature-pad-control-min-height, var(--moduix-signature-pad-control-height, var(--moduix-signature-pad-height, 10rem)));
     border: var(--moduix-signature-pad-border-width, var(--moduix-border-width-sm)) solid
       var(--moduix-signature-pad-border-color, var(--moduix-color-border));
     border-radius: var(--moduix-signature-pad-radius, var(--moduix-radius-md));
@@ -42,24 +39,24 @@
       opacity var(--moduix-signature-pad-transition, var(--moduix-transition-default));
     outline: none;
     overflow: hidden;
+  }
 
-    &[data-disabled] {
-      cursor: not-allowed;
-    }
+  .control-RbBULL[data-disabled] {
+    cursor: not-allowed;
+  }
 
-    &:focus-visible {
-      border-color: var(--moduix-signature-pad-focus-border-color, var(--moduix-color-ring));
-      box-shadow: 0 0 0
+  .control-RbBULL:focus-visible {
+    border-color: var(--moduix-signature-pad-focus-border-color, var(--moduix-color-ring));
+    box-shadow: 0 0 0
         var(--moduix-signature-pad-focus-ring-width, var(--moduix-focus-ring-width, var(--moduix-border-width-md)))
         var(--moduix-signature-pad-focus-ring-color, var(--moduix-color-ring));
-    }
   }
 
-  ._wse8a_segment {
+  .segment-_lVQko {
     fill: var(--moduix-signature-pad-stroke-color, currentColor);
   }
 
-  ._wse8a_guide {
+  .guide-zappbU {
     inset-inline-end: var(--moduix-signature-pad-guide-inset-x, var(--moduix-spacing-6));
     bottom: var(--moduix-signature-pad-guide-bottom, var(--moduix-spacing-8));
     border-bottom: var(--moduix-signature-pad-guide-border-width, var(--moduix-border-width-sm))
@@ -67,13 +64,9 @@
     pointer-events: none;
     position: absolute;
     inset-inline-start: var(--moduix-signature-pad-guide-inset-x, var(--moduix-spacing-6));
-
-    &[data-disabled] {
-      opacity: var(--moduix-signature-pad-disabled-opacity, var(--moduix-opacity-disabled));
-    }
   }
 
-  ._wse8a_clearTrigger {
+  .clearTrigger-luhoLm {
     top: var(--moduix-signature-pad-clear-trigger-offset, var(--moduix-spacing-2));
     border: var(--moduix-signature-pad-clear-trigger-border-width, 0) solid
       var(--moduix-signature-pad-clear-trigger-border-color, transparent);
@@ -88,8 +81,9 @@
     --moduix-close-button-focus-ring-width: var(--moduix-signature-pad-clear-trigger-focus-ring-width, var(--moduix-focus-ring-width, var(--moduix-border-width-md)));
     --moduix-close-button-focus-ring-color: var(--moduix-signature-pad-clear-trigger-focus-ring-color, var(--moduix-color-ring));
     --moduix-close-button-focus-ring-offset: var(--moduix-signature-pad-clear-trigger-focus-ring-offset, var(--moduix-spacing-1));
-    --moduix-close-button-disabled-opacity: var(--moduix-signature-pad-disabled-opacity, var(--moduix-opacity-disabled));
+    --moduix-close-button-disabled-opacity: 1;
     position: absolute;
     inset-inline-end: var(--moduix-signature-pad-clear-trigger-offset, var(--moduix-spacing-2));
   }
 }
+

package/dist/components/signature-pad/index.d.ts

@@ -1,2 +1 @@
-import { SignaturePad, useSignaturePad, useSignaturePadContext } from "./SignaturePad.js";
-export { SignaturePad, useSignaturePad, useSignaturePadContext };
+export { SignaturePad, useSignaturePad, useSignaturePadContext } from './SignaturePad.js';

package/dist/components/signature-pad/index.js

@@ -0,0 +1 @@
+export { SignaturePad, useSignaturePad, useSignaturePadContext } from "./SignaturePad.js";

package/dist/components/simple-grid/SimpleGrid.d.ts

@@ -1,18 +1,16 @@
-//#region src/components/simple-grid/SimpleGrid.d.ts
 declare const SimpleGrid: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & {
-  columns?: number;
-  minChildWidth?: number | string;
-  gap?: number | string;
-  rowGap?: number | string;
-  columnGap?: number | string;
-} & import("react").RefAttributes<HTMLDivElement>> & {
-  Root: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & {
     columns?: number;
     minChildWidth?: number | string;
     gap?: number | string;
     rowGap?: number | string;
     columnGap?: number | string;
-  } & import("react").RefAttributes<HTMLDivElement>>;
+} & import("react").RefAttributes<HTMLDivElement>> & {
+    Root: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & {
+        columns?: number;
+        minChildWidth?: number | string;
+        gap?: number | string;
+        rowGap?: number | string;
+        columnGap?: number | string;
+    } & import("react").RefAttributes<HTMLDivElement>>;
 };
-//#endregion
-export { SimpleGrid };
+export { SimpleGrid };

package/dist/components/simple-grid/SimpleGrid.js

@@ -1,32 +1,37 @@
-import { normalizeClassName } from "../../lib/moduix/normalizeClassName.js";
+import { jsx } from "react/jsx-runtime";
 import { ark } from "@ark-ui/react/factory";
 import { clsx } from "clsx";
 import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-//#region src/components/simple-grid/SimpleGrid.tsx
-const SimpleGridRoot = forwardRef(function SimpleGridRoot({ asChild, className, style, columns, minChildWidth, gap, rowGap, columnGap, ...props }, ref) {
-	let gridTemplateColumns = "minmax(0, 1fr)";
-	if (columns != null) gridTemplateColumns = `repeat(${columns}, minmax(0, 1fr))`;
-	if (minChildWidth != null) gridTemplateColumns = `repeat(auto-fit, minmax(min(100%, ${typeof minChildWidth === "number" ? `${minChildWidth}px` : minChildWidth}), 1fr))`;
-	const rootStyle = {
-		display: "grid",
-		gridTemplateColumns
-	};
-	if (gap != null) rootStyle.gap = gap;
-	if (rowGap != null) rootStyle.rowGap = rowGap;
-	if (columnGap != null) rootStyle.columnGap = columnGap;
-	Object.assign(rootStyle, style);
-	return /* @__PURE__ */ jsx(ark.div, {
-		...props,
-		ref,
-		asChild,
-		"data-scope": "simple-grid",
-		"data-part": "root",
-		"data-slot": "simple-grid-root",
-		className: clsx(normalizeClassName(className)),
-		style: rootStyle
-	});
+import { normalizeClassName } from "../../internal/normalizeClassName.js";
+const SimpleGrid_SimpleGridRoot = /*#__PURE__*/ forwardRef(function({ asChild, className, style, columns, minChildWidth, gap, rowGap, columnGap, ...props }, ref) {
+    if (null != columns && (!Number.isFinite(columns) || !Number.isInteger(columns) || columns <= 0)) throw new Error('SimpleGrid `columns` must be a finite positive integer.');
+    if ('number' == typeof minChildWidth && (!Number.isFinite(minChildWidth) || minChildWidth < 0)) throw new Error('SimpleGrid `minChildWidth` must be a finite non-negative number.');
+    let gridTemplateColumns = 'minmax(0, 1fr)';
+    if (null != columns) gridTemplateColumns = `repeat(${columns}, minmax(0, 1fr))`;
+    if (null != minChildWidth) {
+        const width = 'number' == typeof minChildWidth ? `${minChildWidth}px` : minChildWidth;
+        gridTemplateColumns = `repeat(auto-fit, minmax(min(100%, ${width}), 1fr))`;
+    }
+    const rootStyle = {
+        display: 'grid',
+        gridTemplateColumns
+    };
+    if (null != gap) rootStyle.gap = gap;
+    if (null != rowGap) rootStyle.rowGap = rowGap;
+    if (null != columnGap) rootStyle.columnGap = columnGap;
+    Object.assign(rootStyle, style);
+    return /*#__PURE__*/ jsx(ark.div, {
+        ...props,
+        ref: ref,
+        asChild: asChild,
+        "data-scope": "simple-grid",
+        "data-part": "root",
+        "data-slot": "simple-grid-root",
+        className: clsx(normalizeClassName(className)),
+        style: rootStyle
+    });
+});
+const SimpleGrid = Object.assign(SimpleGrid_SimpleGridRoot, {
+    Root: SimpleGrid_SimpleGridRoot
 });
-const SimpleGrid = Object.assign(SimpleGridRoot, { Root: SimpleGridRoot });
-//#endregion
 export { SimpleGrid };

package/dist/components/simple-grid/index.d.ts

@@ -0,0 +1 @@
+export { SimpleGrid } from './SimpleGrid.js';

package/dist/components/simple-grid/index.js

@@ -0,0 +1 @@
+export { SimpleGrid } from "./SimpleGrid.js";

package/dist/components/skeleton/Skeleton.d.ts

@@ -1,20 +1,18 @@
-//#region src/components/skeleton/Skeleton.d.ts
 declare const Skeleton: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & {
-  loading?: boolean;
-  variant?: "pulse" | "none";
-  width?: number | string;
-  height?: number | string;
-  boxSize?: number | string;
-  borderRadius?: number | string;
-} & import("react").RefAttributes<HTMLDivElement>> & {
-  Root: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & {
     loading?: boolean;
     variant?: "pulse" | "none";
     width?: number | string;
     height?: number | string;
     boxSize?: number | string;
     borderRadius?: number | string;
-  } & import("react").RefAttributes<HTMLDivElement>>;
+} & import("react").RefAttributes<HTMLDivElement>> & {
+    Root: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & {
+        loading?: boolean;
+        variant?: "pulse" | "none";
+        width?: number | string;
+        height?: number | string;
+        boxSize?: number | string;
+        borderRadius?: number | string;
+    } & import("react").RefAttributes<HTMLDivElement>>;
 };
-//#endregion
-export { Skeleton };
+export { Skeleton };