@moduix/react 2.1.0 → 2.2.4

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

@@ -1,121 +1,134 @@
-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";
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { SignaturePad, useSignaturePad, useSignaturePadContext } from "@ark-ui/react/signature-pad";
 import { clsx } from "clsx";
 import { Children, cloneElement, forwardRef } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-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 { 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 SignaturePad_SignaturePadRoot = /*#__PURE__*/ forwardRef(function({ asChild, children, className, getFormValue, ...props }, ref) {
+    return /*#__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) {
+    return /*#__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 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,
+        children: children
+    });
+    return /*#__PURE__*/ jsx(SignaturePad.ClearTrigger, {
+        ref: 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"
+            })
+        })
+    });
 });
 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, {})
-		]
-	});
+    return /*#__PURE__*/ jsxs(SignaturePad_SignaturePadControl, {
+        className: className,
+        children: [
+            /*#__PURE__*/ jsx(SignaturePad_SignaturePadSegment, {}),
+            /*#__PURE__*/ jsx(SignaturePad_SignaturePadClearTrigger, {
+                children: /*#__PURE__*/ jsx(RotateCcwIcon, {
+                    "aria-hidden": "true"
+                })
+            }),
+            /*#__PURE__*/ jsx(SignaturePad_SignaturePadGuide, {})
+        ]
+    });
 }
-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: SignaturePadCanvas,
+    Segment: SignaturePad_SignaturePadSegment,
+    Guide: SignaturePad_SignaturePadGuide,
+    ClearTrigger: SignaturePad_SignaturePadClearTrigger
 });
-//#endregion
-export { SignaturePad$1 as SignaturePad, useSignaturePad, useSignaturePadContext };
+export { SignaturePad_SignaturePad as SignaturePad, 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_module.css

@@ -0,0 +1,89 @@
+@layer moduix.components {
+  .root-wBfWu6 {
+    box-sizing: border-box;
+    gap: var(--moduix-signature-pad-gap, var(--moduix-spacing-2));
+    width: var(--moduix-signature-pad-width, 17.5rem);
+    max-width: var(--moduix-signature-pad-max-width, 100%);
+    color: var(--moduix-signature-pad-color, var(--moduix-color-foreground));
+    flex-direction: column;
+    display: inline-flex;
+  }
+
+  .root-wBfWu6[data-disabled] {
+    opacity: var(--moduix-signature-pad-disabled-opacity, var(--moduix-opacity-disabled));
+  }
+
+  .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;
+  }
+
+  .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, 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));
+    background-color: var(--moduix-signature-pad-bg, var(--moduix-color-background));
+    color: var(--moduix-signature-pad-stroke-color, var(--moduix-color-foreground));
+    box-shadow: var(--moduix-signature-pad-shadow, var(--moduix-shadow-sm));
+    transition: border-color var(--moduix-signature-pad-transition, var(--moduix-transition-default)),
+      box-shadow var(--moduix-signature-pad-transition, var(--moduix-transition-default)),
+      opacity var(--moduix-signature-pad-transition, var(--moduix-transition-default));
+    outline: none;
+    overflow: hidden;
+  }
+
+  .control-RbBULL[data-disabled] {
+    cursor: not-allowed;
+  }
+
+  .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));
+  }
+
+  .segment-_lVQko {
+    fill: var(--moduix-signature-pad-stroke-color, currentColor);
+  }
+
+  .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))
+      dashed var(--moduix-signature-pad-guide-color, var(--moduix-color-border));
+    pointer-events: none;
+    position: absolute;
+    inset-inline-start: var(--moduix-signature-pad-guide-inset-x, var(--moduix-spacing-6));
+  }
+
+  .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);
+    --moduix-close-button-size: var(--moduix-signature-pad-clear-trigger-size, var(--moduix-size-md));
+    --moduix-close-button-radius: var(--moduix-signature-pad-clear-trigger-radius, var(--moduix-radius-sm));
+    --moduix-close-button-bg: var(--moduix-signature-pad-clear-trigger-bg, transparent);
+    --moduix-close-button-bg-hover: var(--moduix-signature-pad-clear-trigger-bg-hover, var(--moduix-color-accent));
+    --moduix-close-button-color: var(--moduix-signature-pad-clear-trigger-color, var(--moduix-color-muted-foreground));
+    --moduix-close-button-color-hover: var(--moduix-signature-pad-clear-trigger-color-hover, var(--moduix-color-foreground));
+    --moduix-close-button-icon-size: var(--moduix-signature-pad-clear-trigger-icon-size, var(--moduix-spacing-4));
+    --moduix-close-button-transition: var(--moduix-signature-pad-transition, var(--moduix-transition-default));
+    --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: 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,36 @@
-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.');
+    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 };

package/dist/components/skeleton/Skeleton.js

@@ -1,32 +1,32 @@
-import { normalizeClassName } from "../../lib/moduix/normalizeClassName.js";
-import Skeleton_module_default from "./Skeleton.module.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/skeleton/Skeleton.tsx
-const toCssValue = (value) => typeof value === "number" ? `${value}px` : value;
-const SkeletonRoot = forwardRef(function SkeletonRoot({ "aria-hidden": ariaHidden, asChild, borderRadius, boxSize, className, height, loading = true, style, variant = "pulse", width, ...props }, ref) {
-	return /* @__PURE__ */ jsx(ark.div, {
-		ref,
-		asChild,
-		"data-scope": "skeleton",
-		"data-part": "root",
-		"data-slot": "skeleton-root",
-		"data-state": loading ? "loading" : "loaded",
-		"data-loading": loading ? "" : void 0,
-		"data-variant": variant,
-		"aria-hidden": ariaHidden ?? (loading ? true : void 0),
-		className: clsx(Skeleton_module_default.root, normalizeClassName(className)),
-		style: {
-			width: toCssValue(width ?? boxSize),
-			height: toCssValue(height ?? boxSize),
-			borderRadius: toCssValue(borderRadius),
-			...style
-		},
-		...props
-	});
+import { normalizeClassName } from "../../internal/normalizeClassName.js";
+import Skeleton_module from "./Skeleton.module.js";
+const toCssValue = (value)=>'number' == typeof value ? `${value}px` : value;
+const Skeleton_SkeletonRoot = /*#__PURE__*/ forwardRef(function({ 'aria-hidden': ariaHidden, asChild, borderRadius, boxSize, className, height, loading = true, style, variant = 'pulse', width, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.div, {
+        ...props,
+        ref: ref,
+        asChild: asChild,
+        "data-scope": "skeleton",
+        "data-part": "root",
+        "data-slot": "skeleton-root",
+        "data-state": loading ? 'loading' : 'loaded',
+        "data-loading": loading ? '' : void 0,
+        "data-variant": variant,
+        "aria-hidden": ariaHidden ?? (loading ? true : void 0),
+        className: clsx(Skeleton_module.root, normalizeClassName(className)),
+        style: {
+            width: toCssValue(width ?? boxSize),
+            height: toCssValue(height ?? boxSize),
+            borderRadius: toCssValue(borderRadius),
+            ...style
+        }
+    });
+});
+const Skeleton = Object.assign(Skeleton_SkeletonRoot, {
+    Root: Skeleton_SkeletonRoot
 });
-const Skeleton = Object.assign(SkeletonRoot, { Root: SkeletonRoot });
-//#endregion
 export { Skeleton };

package/dist/components/skeleton/Skeleton.module.js

@@ -1,5 +1,5 @@
-import './Skeleton.css';
-//#region src/components/skeleton/Skeleton.module.css
-var Skeleton_module_default = { "root": "ahClzq_root" };
-//#endregion
-export { Skeleton_module_default as default };
+import "./Skeleton_module.css";
+const Skeleton_module = {
+    root: "root-A0MkMe"
+};
+export default Skeleton_module;

package/dist/components/skeleton/Skeleton_module.css

@@ -0,0 +1,35 @@
+@layer moduix.components {
+  .root-A0MkMe {
+    border-radius: var(--moduix-skeleton-border-radius, var(--moduix-radius-md));
+    width: 100%;
+    display: block;
+    overflow: hidden;
+  }
+
+  .root-A0MkMe[data-state="loading"] {
+    height: var(--moduix-skeleton-height, var(--moduix-spacing-4));
+    animation: var(--moduix-skeleton-animation, var(--moduix-animation-pulse));
+    background: var(--moduix-skeleton-bg, color-mix(in oklab,
+          var(--moduix-color-muted-foreground) 18%,
+          var(--moduix-color-background)));
+    color: #0000;
+    pointer-events: none;
+    -webkit-user-select: none;
+    user-select: none;
+  }
+
+  .root-A0MkMe[data-state="loading"]:before, .root-A0MkMe[data-state="loading"]:after, .root-A0MkMe[data-state="loading"] * {
+    visibility: hidden;
+  }
+
+  .root-A0MkMe[data-state="loading"][data-variant="none"] {
+    animation: none;
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .root-A0MkMe[data-state="loading"] {
+      animation: none;
+    }
+  }
+}
+

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

@@ -0,0 +1 @@
+export * from './Skeleton.js';

package/dist/components/skeleton/index.js

@@ -0,0 +1 @@
+export * from "./Skeleton.js";