@moduix/solid 1.0.0

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

@@ -0,0 +1,118 @@
+import { useFieldContext } from "@ark-ui/solid/field";
+import { SignaturePad, useSignaturePad, useSignaturePadContext } from "@ark-ui/solid/signature-pad";
+import { clsx } from "clsx";
+import { children, createContext, splitProps, useContext } from "solid-js";
+import { RotateCcwIcon } from "../../internal/icons/ui/Icons.jsx";
+import { CloseButton } from "../close-button/index.jsx";
+import SignaturePad_module from "./SignaturePad.module.jsx";
+const SignaturePadReadOnlyContext = createContext(()=>false);
+const signaturePadReadOnly = Symbol();
+function SignaturePadRoot(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'children',
+        'class'
+    ]);
+    const field = useFieldContext();
+    return <SignaturePad.Root asChild={local.asChild} data-slot="signature-pad-root" class={clsx(SignaturePad_module.root, local.class)} {...others}>
+      <SignaturePadReadOnlyContext.Provider value={()=>others.readOnly ?? field?.().readOnly ?? false}>
+        {local.children}
+      </SignaturePadReadOnlyContext.Provider>
+    </SignaturePad.Root>;
+}
+function SignaturePadRootProvider(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'children',
+        'class'
+    ]);
+    return <SignaturePadReadOnlyContext.Provider value={()=>{
+        const signaturePad = others.value;
+        return signaturePad[signaturePadReadOnly]?.() ?? false;
+    }}>
+      <SignaturePad.RootProvider asChild={local.asChild} data-slot="signature-pad-root-provider" class={clsx(SignaturePad_module.root, local.class)} {...others}>
+        {local.children}
+      </SignaturePad.RootProvider>
+    </SignaturePadReadOnlyContext.Provider>;
+}
+function SignaturePadLabel(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return <SignaturePad.Label data-slot="signature-pad-label" class={clsx(SignaturePad_module.label, local.class)} {...others}/>;
+}
+function SignaturePadControl(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return <SignaturePad.Control data-slot="signature-pad-control" class={clsx(SignaturePad_module.control, local.class)} {...others}/>;
+}
+function SignaturePadSegment(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return <SignaturePad.Segment data-slot="signature-pad-segment" class={clsx(SignaturePad_module.segment, local.class)} {...others}/>;
+}
+function SignaturePadGuide(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return <SignaturePad.Guide data-slot="signature-pad-guide" class={clsx(SignaturePad_module.guide, local.class)} {...others}/>;
+}
+function SignaturePadClearTrigger(props) {
+    const [local, others] = splitProps(props, [
+        'aria-label',
+        'aria-labelledby',
+        'asChild',
+        'children',
+        'class',
+        'disabled'
+    ]);
+    const resolvedChildren = children(()=>local.children);
+    const readOnly = useContext(SignaturePadReadOnlyContext);
+    const isDisabled = ()=>readOnly() || local.disabled ? true : void 0;
+    const triggerClass = clsx(SignaturePad_module.clearTrigger, local.class);
+    if (local.asChild) return <SignaturePad.ClearTrigger asChild={local.asChild} aria-label={local['aria-label']} aria-labelledby={local['aria-labelledby']} data-slot="signature-pad-clear-trigger" class={triggerClass} {...others} disabled={isDisabled()}>
+        {local.children}
+      </SignaturePad.ClearTrigger>;
+    return <SignaturePad.ClearTrigger asChild={(triggerProps)=>{
+        const resolvedProps = triggerProps();
+        const ariaLabel = local['aria-label'] ?? (null == local['aria-labelledby'] ? resolvedProps['aria-label'] : void 0);
+        return <CloseButton.Root {...resolvedProps} aria-label={ariaLabel} aria-labelledby={local['aria-labelledby'] ?? resolvedProps['aria-labelledby']}>
+            {resolvedChildren() ?? <RotateCcwIcon aria-hidden="true"/>}
+          </CloseButton.Root>;
+    }} data-slot="signature-pad-clear-trigger" class={triggerClass} {...others} disabled={isDisabled()}/>;
+}
+function SignaturePadCanvas(props) {
+    return <SignaturePadControl {...props}>
+      <SignaturePadSegment/>
+      <SignaturePadClearTrigger>
+        <RotateCcwIcon aria-hidden="true"/>
+      </SignaturePadClearTrigger>
+      <SignaturePadGuide/>
+    </SignaturePadControl>;
+}
+const SignaturePad_SignaturePad = Object.assign(SignaturePadRoot, {
+    Root: SignaturePadRoot,
+    RootProvider: SignaturePadRootProvider,
+    Context: SignaturePad.Context,
+    HiddenInput: SignaturePad.HiddenInput,
+    Label: SignaturePadLabel,
+    Control: SignaturePadControl,
+    Canvas: SignaturePadCanvas,
+    Segment: SignaturePadSegment,
+    Guide: SignaturePadGuide,
+    ClearTrigger: SignaturePadClearTrigger
+});
+function SignaturePad_useSignaturePad(props) {
+    const field = useFieldContext();
+    const signaturePad = useSignaturePad(props);
+    const api = Object.assign(signaturePad, {
+        [signaturePadReadOnly]: ()=>{
+            const machineProps = 'function' == typeof props ? props() : props;
+            return machineProps?.readOnly ?? field?.().readOnly ?? false;
+        }
+    });
+    return api;
+}
+export { SignaturePad_SignaturePad as SignaturePad, SignaturePad_useSignaturePad as useSignaturePad, useSignaturePadContext };

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

@@ -0,0 +1,10 @@
+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"
+};
+export default SignaturePad_module;

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

@@ -0,0 +1,10 @@
+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"
+};
+export default SignaturePad_module;

package/dist/components/signature-pad/SignaturePad_module.css

@@ -0,0 +1,88 @@
+@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-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

@@ -0,0 +1 @@
+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/signature-pad/index.jsx

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

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

@@ -0,0 +1,17 @@
+import type { HTMLArkProps } from '@ark-ui/solid/factory';
+import type { JSX } from 'solid-js';
+type SimpleGridRootProps = HTMLArkProps<'div'> & {
+    columns?: number;
+    minChildWidth?: number | string;
+    gap?: number | string;
+    rowGap?: number | string;
+    columnGap?: number | string;
+    'data-scope'?: string;
+    'data-part'?: string;
+    'data-slot'?: string;
+};
+declare function SimpleGridRoot(props: SimpleGridRootProps): JSX.Element;
+declare const SimpleGrid: typeof SimpleGridRoot & {
+    Root: typeof SimpleGridRoot;
+};
+export { SimpleGrid };

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

@@ -0,0 +1,65 @@
+import { createComponent, mergeProps } from "solid-js/web";
+import { ark } from "@ark-ui/solid/factory";
+import { splitProps } from "solid-js";
+function toCssLength(value) {
+    return 'number' == typeof value ? `${value}px` : value;
+}
+function SimpleGridRoot(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'class',
+        'columns',
+        'minChildWidth',
+        'gap',
+        'rowGap',
+        'columnGap',
+        'style',
+        'data-scope',
+        'data-part',
+        'data-slot'
+    ]);
+    const gridStyle = ()=>{
+        if (null != local.columns && (!Number.isFinite(local.columns) || !Number.isInteger(local.columns) || local.columns <= 0)) throw new Error('SimpleGrid `columns` must be a finite positive integer.');
+        if ('number' == typeof local.minChildWidth && (!Number.isFinite(local.minChildWidth) || local.minChildWidth < 0)) throw new Error('SimpleGrid `minChildWidth` must be a finite non-negative number.');
+        let gridTemplateColumns = 'minmax(0, 1fr)';
+        if (null != local.columns) gridTemplateColumns = `repeat(${local.columns}, minmax(0, 1fr))`;
+        if (null != local.minChildWidth) {
+            const width = 'number' == typeof local.minChildWidth ? `${local.minChildWidth}px` : local.minChildWidth;
+            gridTemplateColumns = `repeat(auto-fit, minmax(min(100%, ${width}), 1fr))`;
+        }
+        const generatedStyle = {
+            display: 'grid',
+            'grid-template-columns': gridTemplateColumns
+        };
+        if (null != local.gap) generatedStyle.gap = toCssLength(local.gap);
+        if (null != local.rowGap) generatedStyle['row-gap'] = toCssLength(local.rowGap);
+        if (null != local.columnGap) generatedStyle['column-gap'] = toCssLength(local.columnGap);
+        if ('string' == typeof local.style) {
+            const generatedStyleText = Object.entries(generatedStyle).map(([property, value])=>`${property}:${value}`).join(';');
+            return `${generatedStyleText};${local.style}`;
+        }
+        return {
+            ...generatedStyle,
+            ...local.style
+        };
+    };
+    return createComponent(ark.div, mergeProps({
+        get asChild () {
+            return local.asChild;
+        }
+    }, others, {
+        "data-scope": "simple-grid",
+        "data-part": "root",
+        "data-slot": "simple-grid-root",
+        get ["class"] () {
+            return local.class;
+        },
+        get style () {
+            return gridStyle();
+        }
+    }));
+}
+const SimpleGrid = Object.assign(SimpleGridRoot, {
+    Root: SimpleGridRoot
+});
+export { SimpleGrid };

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

@@ -0,0 +1,50 @@
+import { ark } from "@ark-ui/solid/factory";
+import { splitProps } from "solid-js";
+function toCssLength(value) {
+    return 'number' == typeof value ? `${value}px` : value;
+}
+function SimpleGridRoot(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'class',
+        'columns',
+        'minChildWidth',
+        'gap',
+        'rowGap',
+        'columnGap',
+        'style',
+        'data-scope',
+        'data-part',
+        'data-slot'
+    ]);
+    const gridStyle = ()=>{
+        if (null != local.columns && (!Number.isFinite(local.columns) || !Number.isInteger(local.columns) || local.columns <= 0)) throw new Error('SimpleGrid `columns` must be a finite positive integer.');
+        if ('number' == typeof local.minChildWidth && (!Number.isFinite(local.minChildWidth) || local.minChildWidth < 0)) throw new Error('SimpleGrid `minChildWidth` must be a finite non-negative number.');
+        let gridTemplateColumns = 'minmax(0, 1fr)';
+        if (null != local.columns) gridTemplateColumns = `repeat(${local.columns}, minmax(0, 1fr))`;
+        if (null != local.minChildWidth) {
+            const width = 'number' == typeof local.minChildWidth ? `${local.minChildWidth}px` : local.minChildWidth;
+            gridTemplateColumns = `repeat(auto-fit, minmax(min(100%, ${width}), 1fr))`;
+        }
+        const generatedStyle = {
+            display: 'grid',
+            'grid-template-columns': gridTemplateColumns
+        };
+        if (null != local.gap) generatedStyle.gap = toCssLength(local.gap);
+        if (null != local.rowGap) generatedStyle['row-gap'] = toCssLength(local.rowGap);
+        if (null != local.columnGap) generatedStyle['column-gap'] = toCssLength(local.columnGap);
+        if ('string' == typeof local.style) {
+            const generatedStyleText = Object.entries(generatedStyle).map(([property, value])=>`${property}:${value}`).join(';');
+            return `${generatedStyleText};${local.style}`;
+        }
+        return {
+            ...generatedStyle,
+            ...local.style
+        };
+    };
+    return <ark.div asChild={local.asChild} {...others} data-scope="simple-grid" data-part="root" data-slot="simple-grid-root" class={local.class} style={gridStyle()}/>;
+}
+const SimpleGrid = Object.assign(SimpleGridRoot, {
+    Root: SimpleGridRoot
+});
+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/simple-grid/index.jsx

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

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

@@ -0,0 +1,15 @@
+import type { HTMLArkProps } from '@ark-ui/solid/factory';
+import type { JSX } from 'solid-js';
+type SkeletonProps = HTMLArkProps<'div'> & {
+    loading?: boolean;
+    variant?: 'pulse' | 'none';
+    width?: number | string;
+    height?: number | string;
+    boxSize?: number | string;
+    borderRadius?: number | string;
+};
+declare function SkeletonRoot(props: SkeletonProps): JSX.Element;
+declare const Skeleton: typeof SkeletonRoot & {
+    Root: typeof SkeletonRoot;
+};
+export { Skeleton };

package/dist/components/skeleton/Skeleton.js

@@ -0,0 +1,75 @@
+import { createComponent, mergeProps } from "solid-js/web";
+import { ark } from "@ark-ui/solid/factory";
+import { clsx } from "clsx";
+import { splitProps } from "solid-js";
+import Skeleton_module from "./Skeleton.module.js";
+const toCssValue = (value)=>'number' == typeof value ? `${value}px` : value;
+function SkeletonRoot(props) {
+    const [local, others] = splitProps(props, [
+        'aria-hidden',
+        'asChild',
+        'borderRadius',
+        'boxSize',
+        'children',
+        'class',
+        'height',
+        'loading',
+        'style',
+        'variant',
+        'width'
+    ]);
+    const loading = ()=>local.loading ?? true;
+    const variant = ()=>local.variant ?? 'pulse';
+    const skeletonStyle = ()=>{
+        const width = toCssValue(local.width ?? local.boxSize);
+        const height = toCssValue(local.height ?? local.boxSize);
+        const borderRadius = toCssValue(local.borderRadius);
+        if ('string' == typeof local.style) {
+            const generatedStyle = [
+                void 0 === width ? void 0 : `width: ${width}`,
+                void 0 === height ? void 0 : `height: ${height}`,
+                void 0 === borderRadius ? void 0 : `border-radius: ${borderRadius}`
+            ].filter(Boolean).join(';');
+            return `${generatedStyle}${generatedStyle && local.style ? ';' : ''}${local.style}`;
+        }
+        const generatedStyle = {
+            width,
+            height,
+            'border-radius': borderRadius
+        };
+        return void 0 === local.style ? generatedStyle : Object.assign(generatedStyle, local.style);
+    };
+    return createComponent(ark.div, mergeProps(others, {
+        get asChild () {
+            return local.asChild;
+        },
+        "data-scope": "skeleton",
+        "data-part": "root",
+        "data-slot": "skeleton-root",
+        get ["data-state"] () {
+            return loading() ? 'loading' : 'loaded';
+        },
+        get ["data-loading"] () {
+            return loading() ? '' : void 0;
+        },
+        get ["data-variant"] () {
+            return variant();
+        },
+        get ["aria-hidden"] () {
+            return local['aria-hidden'] ?? (loading() ? true : void 0);
+        },
+        get ["class"] () {
+            return clsx(Skeleton_module.root, local.class);
+        },
+        get style () {
+            return skeletonStyle();
+        },
+        get children () {
+            return local.children;
+        }
+    }));
+}
+const Skeleton = Object.assign(SkeletonRoot, {
+    Root: SkeletonRoot
+});
+export { Skeleton };

package/dist/components/skeleton/Skeleton.jsx

@@ -0,0 +1,48 @@
+import { ark } from "@ark-ui/solid/factory";
+import { clsx } from "clsx";
+import { splitProps } from "solid-js";
+import Skeleton_module from "./Skeleton.module.jsx";
+const toCssValue = (value)=>'number' == typeof value ? `${value}px` : value;
+function SkeletonRoot(props) {
+    const [local, others] = splitProps(props, [
+        'aria-hidden',
+        'asChild',
+        'borderRadius',
+        'boxSize',
+        'children',
+        'class',
+        'height',
+        'loading',
+        'style',
+        'variant',
+        'width'
+    ]);
+    const loading = ()=>local.loading ?? true;
+    const variant = ()=>local.variant ?? 'pulse';
+    const skeletonStyle = ()=>{
+        const width = toCssValue(local.width ?? local.boxSize);
+        const height = toCssValue(local.height ?? local.boxSize);
+        const borderRadius = toCssValue(local.borderRadius);
+        if ('string' == typeof local.style) {
+            const generatedStyle = [
+                void 0 === width ? void 0 : `width: ${width}`,
+                void 0 === height ? void 0 : `height: ${height}`,
+                void 0 === borderRadius ? void 0 : `border-radius: ${borderRadius}`
+            ].filter(Boolean).join(';');
+            return `${generatedStyle}${generatedStyle && local.style ? ';' : ''}${local.style}`;
+        }
+        const generatedStyle = {
+            width,
+            height,
+            'border-radius': borderRadius
+        };
+        return void 0 === local.style ? generatedStyle : Object.assign(generatedStyle, local.style);
+    };
+    return <ark.div {...others} asChild={local.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={local['aria-hidden'] ?? (loading() ? true : void 0)} class={clsx(Skeleton_module.root, local.class)} style={skeletonStyle()}>
+      {local.children}
+    </ark.div>;
+}
+const Skeleton = Object.assign(SkeletonRoot, {
+    Root: SkeletonRoot
+});
+export { Skeleton };

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

@@ -0,0 +1,5 @@
+import "./Skeleton_module.css";
+const Skeleton_module = {
+    root: "root-A0MkMe"
+};
+export default Skeleton_module;

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

@@ -0,0 +1,5 @@
+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 { Skeleton } from './Skeleton.js';

package/dist/components/skeleton/index.js

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

package/dist/components/skeleton/index.jsx

@@ -0,0 +1 @@
+export { Skeleton } from "./Skeleton.jsx";

package/dist/components/slider/Slider.d.ts

@@ -0,0 +1,36 @@
+import { Slider as SliderPrimitive, useSlider, useSliderContext } from '@ark-ui/solid/slider';
+import type { ComponentProps } from 'solid-js';
+declare function SliderRoot(props: ComponentProps<typeof SliderPrimitive.Root>): import("solid-js").JSX.Element;
+declare function SliderRootProvider(props: ComponentProps<typeof SliderPrimitive.RootProvider>): import("solid-js").JSX.Element;
+declare function SliderLabel(props: ComponentProps<typeof SliderPrimitive.Label>): import("solid-js").JSX.Element;
+declare function SliderValueText(props: ComponentProps<typeof SliderPrimitive.ValueText>): import("solid-js").JSX.Element;
+declare function SliderControl(props: ComponentProps<typeof SliderPrimitive.Control>): import("solid-js").JSX.Element;
+declare function SliderTrack(props: ComponentProps<typeof SliderPrimitive.Track>): import("solid-js").JSX.Element;
+declare function SliderRange(props: ComponentProps<typeof SliderPrimitive.Range>): import("solid-js").JSX.Element;
+declare function SliderThumb(props: ComponentProps<typeof SliderPrimitive.Thumb>): import("solid-js").JSX.Element;
+declare function SliderThumbs(props: {
+    class?: string;
+}): import("solid-js").JSX.Element;
+declare function SliderMarkerGroup(props: ComponentProps<typeof SliderPrimitive.MarkerGroup>): import("solid-js").JSX.Element;
+declare function SliderMarker(props: ComponentProps<typeof SliderPrimitive.Marker>): import("solid-js").JSX.Element;
+declare function SliderDraggingIndicator(props: ComponentProps<typeof SliderPrimitive.DraggingIndicator>): import("solid-js").JSX.Element;
+type SliderComponent = typeof SliderRoot & {
+    Root: typeof SliderRoot;
+    RootProvider: typeof SliderRootProvider;
+    Context: typeof SliderPrimitive.Context;
+    useSlider: typeof useSlider;
+    useSliderContext: typeof useSliderContext;
+    Label: typeof SliderLabel;
+    ValueText: typeof SliderValueText;
+    Control: typeof SliderControl;
+    HiddenInput: typeof SliderPrimitive.HiddenInput;
+    Track: typeof SliderTrack;
+    Range: typeof SliderRange;
+    Thumb: typeof SliderThumb;
+    Thumbs: typeof SliderThumbs;
+    MarkerGroup: typeof SliderMarkerGroup;
+    Marker: typeof SliderMarker;
+    DraggingIndicator: typeof SliderDraggingIndicator;
+};
+declare const Slider: SliderComponent;
+export { Slider, useSlider, useSliderContext };