@moduix/solid 1.0.0

package/dist/components/chart/Chart.module.js

@@ -0,0 +1,18 @@
+import "./Chart_module.css";
+const Chart_module = {
+    root: "root-zPwhEi",
+    plot: "plot-Ww_CVs",
+    header: "header-_H34PS",
+    title: "title-zKDqX9",
+    description: "description-jUUbjj",
+    legend: "legend-iiFN8q",
+    legendItem: "legendItem-B4_u7q",
+    defaultTooltipContent: "defaultTooltipContent-EbORpR",
+    tooltipRows: "tooltipRows-x57rNP",
+    tooltipTitle: "tooltipTitle-rt8wqo",
+    tooltipRow: "tooltipRow-ZRjXCf",
+    tooltipSwatch: "tooltipSwatch-a9pNfu",
+    tooltipLabel: "tooltipLabel-gfLt3N",
+    tooltipValue: "tooltipValue-HkEHds"
+};
+export default Chart_module;

package/dist/components/chart/Chart.module.jsx

@@ -0,0 +1,18 @@
+import "./Chart_module.css";
+const Chart_module = {
+    root: "root-zPwhEi",
+    plot: "plot-Ww_CVs",
+    header: "header-_H34PS",
+    title: "title-zKDqX9",
+    description: "description-jUUbjj",
+    legend: "legend-iiFN8q",
+    legendItem: "legendItem-B4_u7q",
+    defaultTooltipContent: "defaultTooltipContent-EbORpR",
+    tooltipRows: "tooltipRows-x57rNP",
+    tooltipTitle: "tooltipTitle-rt8wqo",
+    tooltipRow: "tooltipRow-ZRjXCf",
+    tooltipSwatch: "tooltipSwatch-a9pNfu",
+    tooltipLabel: "tooltipLabel-gfLt3N",
+    tooltipValue: "tooltipValue-HkEHds"
+};
+export default Chart_module;

package/dist/components/chart/Chart_module.css

@@ -0,0 +1,136 @@
+@layer moduix.components {
+  .root-zPwhEi {
+    box-sizing: border-box;
+    gap: var(--moduix-chart-gap, var(--moduix-spacing-5));
+    width: 100%;
+    min-width: 0;
+    padding: var(--moduix-chart-padding, var(--moduix-spacing-5));
+    border: var(--moduix-chart-border-width, var(--moduix-border-width-sm)) solid
+      var(--moduix-chart-border-color, var(--moduix-color-border));
+    border-radius: var(--moduix-chart-radius, var(--moduix-radius-lg));
+    background-color: var(--moduix-chart-bg, var(--moduix-color-card));
+    box-shadow: var(--moduix-chart-shadow, var(--moduix-shadow-sm));
+    color: var(--moduix-color-card-foreground);
+    margin: 0;
+    display: grid;
+  }
+
+  .plot-Ww_CVs {
+    min-width: 0;
+    color: var(--moduix-chart-axis-color, var(--moduix-color-muted-foreground));
+    --ts-chart-tooltip-background: var(--moduix-chart-tooltip-bg, var(--moduix-color-popover));
+    --ts-chart-tooltip-border: var(--moduix-chart-tooltip-border-width, var(--moduix-border-width-sm))
+      solid var(--moduix-chart-tooltip-border-color, var(--moduix-color-border));
+    --ts-chart-tooltip-border-radius: var(--moduix-chart-tooltip-radius, var(--moduix-radius-md));
+    --ts-chart-tooltip-color: var(--moduix-chart-tooltip-color, var(--moduix-color-popover-foreground));
+    --ts-chart-tooltip-font: var(--moduix-weight-medium)
+      var(--moduix-chart-tooltip-font-size, var(--moduix-text-xs)) /
+      var(--moduix-chart-tooltip-line-height, var(--moduix-line-height-text-xs))
+      var(--moduix-font-sans);
+    --ts-chart-tooltip-padding: var(--moduix-chart-tooltip-padding, var(--moduix-spacing-3));
+    --ts-chart-tooltip-shadow: var(--moduix-chart-tooltip-shadow, var(--moduix-shadow-lg));
+  }
+
+  .plot-Ww_CVs .ts-chart {
+    border-radius: var(--moduix-chart-plot-radius, var(--moduix-radius-md));
+    outline: none;
+  }
+
+  .plot-Ww_CVs .ts-chart:focus-visible {
+    outline: var(--moduix-chart-focus-ring-width, var(--moduix-focus-ring-width, var(--moduix-border-width-md)))
+        solid var(--moduix-chart-focus-ring-color, var(--moduix-color-ring));
+    outline-offset: var(--moduix-chart-focus-ring-offset, var(--moduix-focus-ring-offset));
+  }
+
+  .header-_H34PS {
+    gap: var(--moduix-spacing-1);
+    display: grid;
+  }
+
+  .title-zKDqX9 {
+    font-size: var(--moduix-text-lg);
+    font-weight: var(--moduix-weight-semibold);
+    line-height: var(--moduix-line-height-text-lg);
+    margin: 0;
+  }
+
+  .description-jUUbjj {
+    color: var(--moduix-color-muted-foreground);
+    font-size: var(--moduix-text-sm);
+    line-height: var(--moduix-line-height-text-sm);
+    margin: 0;
+  }
+
+  .legend-iiFN8q {
+    gap: var(--moduix-spacing-3);
+    flex-wrap: wrap;
+    margin: 0;
+    padding: 0;
+    list-style: none;
+    display: flex;
+  }
+
+  .legendItem-B4_u7q {
+    align-items: center;
+    gap: var(--moduix-spacing-2);
+    color: var(--moduix-color-muted-foreground);
+    font-size: var(--moduix-text-sm);
+    line-height: var(--moduix-line-height-text-sm);
+    display: inline-flex;
+  }
+
+  .legendItem-B4_u7q:before {
+    width: var(--moduix-spacing-2-5);
+    height: var(--moduix-spacing-2-5);
+    border-radius: var(--moduix-radius-full);
+    background-color: var(--moduix-chart-legend-indicator-color, var(--moduix-color-muted-foreground));
+    box-shadow: inset 0 0 0 var(--moduix-border-width-sm) #00000014;
+    content: "";
+    flex: none;
+  }
+
+  .defaultTooltipContent-EbORpR, .tooltipRows-x57rNP {
+    gap: var(--moduix-spacing-1);
+    display: grid;
+  }
+
+  .tooltipTitle-rt8wqo {
+    align-items: center;
+    gap: var(--moduix-spacing-2);
+    color: var(--moduix-color-popover-foreground);
+    font-weight: var(--moduix-weight-semibold);
+    display: flex;
+  }
+
+  .tooltipRow-ZRjXCf {
+    align-items: center;
+    column-gap: var(--moduix-spacing-2);
+    grid-template-columns: minmax(0, 1fr) auto;
+    display: grid;
+  }
+
+  .tooltipRow-ZRjXCf[data-has-swatch] {
+    grid-template-columns: var(--moduix-spacing-2-5) minmax(0, 1fr) auto;
+  }
+
+  .tooltipSwatch-a9pNfu {
+    width: var(--moduix-spacing-2-5);
+    height: var(--moduix-spacing-2-5);
+    border-radius: var(--moduix-radius-full);
+    box-shadow: inset 0 0 0 var(--moduix-border-width-sm) #00000014;
+  }
+
+  .tooltipLabel-gfLt3N {
+    min-width: 0;
+    color: var(--moduix-color-muted-foreground);
+  }
+
+  .tooltipValue-HkEHds {
+    color: var(--moduix-color-popover-foreground);
+    font-weight: var(--moduix-weight-semibold);
+    font-variant-numeric: tabular-nums;
+    text-align: right;
+    white-space: nowrap;
+  }
+}
+

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

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

package/dist/components/chart/index.js

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

package/dist/components/chart/index.jsx

@@ -0,0 +1 @@
+export * from "./Chart.jsx";

package/dist/components/checkbox/Checkbox.d.ts

@@ -0,0 +1,26 @@
+import { Checkbox as CheckboxPrimitive, useCheckbox, useCheckboxContext, useCheckboxGroup, useCheckboxGroupContext } from '@ark-ui/solid/checkbox';
+import type { ComponentProps } from 'solid-js';
+type CheckboxSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+type CheckboxRootProps = ComponentProps<typeof CheckboxPrimitive.Root> & {
+    size?: CheckboxSize;
+};
+type CheckboxRootProviderProps = ComponentProps<typeof CheckboxPrimitive.RootProvider> & {
+    size?: CheckboxSize;
+};
+declare function CheckboxRoot(props: CheckboxRootProps): import("solid-js").JSX.Element;
+declare function CheckboxRootProvider(props: CheckboxRootProviderProps): import("solid-js").JSX.Element;
+declare function CheckboxIndicator(props: ComponentProps<typeof CheckboxPrimitive.Indicator>): import("solid-js").JSX.Element;
+declare function CheckboxControl(props: ComponentProps<typeof CheckboxPrimitive.Control>): import("solid-js").JSX.Element;
+declare function CheckboxLabel(props: ComponentProps<typeof CheckboxPrimitive.Label>): import("solid-js").JSX.Element;
+declare function CheckboxGroup(props: ComponentProps<typeof CheckboxPrimitive.Group>): import("solid-js").JSX.Element;
+declare const Checkbox: typeof CheckboxRoot & {
+    Root: typeof CheckboxRoot;
+    RootProvider: typeof CheckboxRootProvider;
+    Context: (props: CheckboxPrimitive.ContextProps) => import("solid-js").JSX.Element;
+    HiddenInput: (props: CheckboxPrimitive.HiddenInputProps) => import("solid-js").JSX.Element;
+    Control: typeof CheckboxControl;
+    Indicator: typeof CheckboxIndicator;
+    Label: typeof CheckboxLabel;
+    Group: typeof CheckboxGroup;
+};
+export { Checkbox, useCheckbox, useCheckboxContext, useCheckboxGroup, useCheckboxGroupContext };

package/dist/components/checkbox/Checkbox.js

@@ -0,0 +1,148 @@
+import { className, createComponent, effect, insert, memo, mergeProps, setAttribute, template } from "solid-js/web";
+import { Checkbox, useCheckbox, useCheckboxContext, useCheckboxGroup, useCheckboxGroupContext } from "@ark-ui/solid/checkbox";
+import { clsx } from "clsx";
+import { children, splitProps } from "solid-js";
+import { CheckIcon, IndeterminateIcon } from "../../internal/icons/ui/Icons.js";
+import Checkbox_module from "./Checkbox.module.js";
+var _tmpl$ = /*#__PURE__*/ template("<span aria-hidden=true>");
+function CheckboxRoot(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'children',
+        'class',
+        'size'
+    ]);
+    return createComponent(Checkbox.Root, mergeProps({
+        get asChild () {
+            return local.asChild;
+        },
+        "data-slot": "checkbox-root",
+        get ["data-size"] () {
+            return local.size ?? 'md';
+        },
+        get ["class"] () {
+            return clsx(Checkbox_module.root, local.class);
+        }
+    }, others, {
+        get children () {
+            return local.children;
+        }
+    }));
+}
+function CheckboxRootProvider(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'children',
+        'class',
+        'size'
+    ]);
+    return createComponent(Checkbox.RootProvider, mergeProps({
+        get asChild () {
+            return local.asChild;
+        },
+        "data-slot": "checkbox-root-provider",
+        get ["data-size"] () {
+            return local.size ?? 'md';
+        },
+        get ["class"] () {
+            return clsx(Checkbox_module.root, local.class);
+        }
+    }, others, {
+        get children () {
+            return local.children;
+        }
+    }));
+}
+function CheckboxIndicator(props) {
+    const [local, others] = splitProps(props, [
+        'children',
+        'class',
+        'indeterminate'
+    ]);
+    const resolvedChildren = children(()=>local.children);
+    const slot = ()=>local.indeterminate ? 'checkbox-indicator-indeterminate-icon' : 'checkbox-indicator-checked-icon';
+    return createComponent(Checkbox.Indicator, mergeProps({
+        "data-slot": "checkbox-indicator",
+        get ["class"] () {
+            return clsx(Checkbox_module.indicator, local.class);
+        },
+        get indeterminate () {
+            return local.indeterminate;
+        }
+    }, others, {
+        get children () {
+            return resolvedChildren() ?? (()=>{
+                var _el$ = _tmpl$();
+                insert(_el$, (()=>{
+                    var _c$ = memo(()=>!!local.indeterminate);
+                    return ()=>_c$() ? createComponent(IndeterminateIcon, {}) : createComponent(CheckIcon, {});
+                })());
+                effect((_p$)=>{
+                    var _v$ = slot(), _v$2 = Checkbox_module.icon;
+                    _v$ !== _p$.e && setAttribute(_el$, "data-slot", _p$.e = _v$);
+                    _v$2 !== _p$.t && className(_el$, _p$.t = _v$2);
+                    return _p$;
+                }, {
+                    e: void 0,
+                    t: void 0
+                });
+                return _el$;
+            })();
+        }
+    }));
+}
+function CheckboxControl(props) {
+    const [local, others] = splitProps(props, [
+        'children',
+        'class'
+    ]);
+    const resolvedChildren = children(()=>local.children);
+    return createComponent(Checkbox.Control, mergeProps({
+        "data-slot": "checkbox-control",
+        get ["class"] () {
+            return clsx(Checkbox_module.control, local.class);
+        }
+    }, others, {
+        get children () {
+            return resolvedChildren() ?? [
+                createComponent(CheckboxIndicator, {}),
+                createComponent(CheckboxIndicator, {
+                    indeterminate: true
+                })
+            ];
+        }
+    }));
+}
+function CheckboxLabel(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return createComponent(Checkbox.Label, mergeProps({
+        "data-slot": "checkbox-label",
+        get ["class"] () {
+            return clsx(Checkbox_module.label, local.class);
+        }
+    }, others));
+}
+function CheckboxGroup(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return createComponent(Checkbox.Group, mergeProps({
+        "data-slot": "checkbox-group",
+        get ["class"] () {
+            return clsx(Checkbox_module.group, local.class);
+        }
+    }, others));
+}
+const Checkbox_Checkbox = Object.assign(CheckboxRoot, {
+    Root: CheckboxRoot,
+    RootProvider: CheckboxRootProvider,
+    Context: Checkbox.Context,
+    HiddenInput: Checkbox.HiddenInput,
+    Control: CheckboxControl,
+    Indicator: CheckboxIndicator,
+    Label: CheckboxLabel,
+    Group: CheckboxGroup
+});
+export { Checkbox_Checkbox as Checkbox, useCheckbox, useCheckboxContext, useCheckboxGroup, useCheckboxGroupContext };

package/dist/components/checkbox/Checkbox.jsx

@@ -0,0 +1,77 @@
+import { Checkbox, useCheckbox, useCheckboxContext, useCheckboxGroup, useCheckboxGroupContext } from "@ark-ui/solid/checkbox";
+import { clsx } from "clsx";
+import { children, splitProps } from "solid-js";
+import { CheckIcon, IndeterminateIcon } from "../../internal/icons/ui/Icons.jsx";
+import Checkbox_module from "./Checkbox.module.jsx";
+function CheckboxRoot(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'children',
+        'class',
+        'size'
+    ]);
+    return <Checkbox.Root asChild={local.asChild} data-slot="checkbox-root" data-size={local.size ?? 'md'} class={clsx(Checkbox_module.root, local.class)} {...others}>
+      {local.children}
+    </Checkbox.Root>;
+}
+function CheckboxRootProvider(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'children',
+        'class',
+        'size'
+    ]);
+    return <Checkbox.RootProvider asChild={local.asChild} data-slot="checkbox-root-provider" data-size={local.size ?? 'md'} class={clsx(Checkbox_module.root, local.class)} {...others}>
+      {local.children}
+    </Checkbox.RootProvider>;
+}
+function CheckboxIndicator(props) {
+    const [local, others] = splitProps(props, [
+        'children',
+        'class',
+        'indeterminate'
+    ]);
+    const resolvedChildren = children(()=>local.children);
+    const slot = ()=>local.indeterminate ? 'checkbox-indicator-indeterminate-icon' : 'checkbox-indicator-checked-icon';
+    return <Checkbox.Indicator data-slot="checkbox-indicator" class={clsx(Checkbox_module.indicator, local.class)} indeterminate={local.indeterminate} {...others}>
+      {resolvedChildren() ?? <span aria-hidden="true" data-slot={slot()} class={Checkbox_module.icon}>
+          {local.indeterminate ? <IndeterminateIcon/> : <CheckIcon/>}
+        </span>}
+    </Checkbox.Indicator>;
+}
+function CheckboxControl(props) {
+    const [local, others] = splitProps(props, [
+        'children',
+        'class'
+    ]);
+    const resolvedChildren = children(()=>local.children);
+    return <Checkbox.Control data-slot="checkbox-control" class={clsx(Checkbox_module.control, local.class)} {...others}>
+      {resolvedChildren() ?? <>
+          <CheckboxIndicator/>
+          <CheckboxIndicator indeterminate/>
+        </>}
+    </Checkbox.Control>;
+}
+function CheckboxLabel(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return <Checkbox.Label data-slot="checkbox-label" class={clsx(Checkbox_module.label, local.class)} {...others}/>;
+}
+function CheckboxGroup(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return <Checkbox.Group data-slot="checkbox-group" class={clsx(Checkbox_module.group, local.class)} {...others}/>;
+}
+const Checkbox_Checkbox = Object.assign(CheckboxRoot, {
+    Root: CheckboxRoot,
+    RootProvider: CheckboxRootProvider,
+    Context: Checkbox.Context,
+    HiddenInput: Checkbox.HiddenInput,
+    Control: CheckboxControl,
+    Indicator: CheckboxIndicator,
+    Label: CheckboxLabel,
+    Group: CheckboxGroup
+});
+export { Checkbox_Checkbox as Checkbox, useCheckbox, useCheckboxContext, useCheckboxGroup, useCheckboxGroupContext };

package/dist/components/checkbox/Checkbox.module.js

@@ -0,0 +1,10 @@
+import "./Checkbox_module.css";
+const Checkbox_module = {
+    root: "root-HuLdBM",
+    control: "control-UQ7BTk",
+    indicator: "indicator-CrYx7C",
+    icon: "icon-zuDoQa",
+    label: "label-YzjPY9",
+    group: "group-VCsSdV"
+};
+export default Checkbox_module;

package/dist/components/checkbox/Checkbox.module.jsx

@@ -0,0 +1,10 @@
+import "./Checkbox_module.css";
+const Checkbox_module = {
+    root: "root-HuLdBM",
+    control: "control-UQ7BTk",
+    indicator: "indicator-CrYx7C",
+    icon: "icon-zuDoQa",
+    label: "label-YzjPY9",
+    group: "group-VCsSdV"
+};
+export default Checkbox_module;

package/dist/components/checkbox/Checkbox_module.css

@@ -0,0 +1,145 @@
+@layer moduix.components {
+  .root-HuLdBM {
+    align-items: center;
+    gap: var(--moduix-checkbox-gap, var(--moduix-spacing-2));
+    vertical-align: middle;
+    color: var(--moduix-checkbox-label-color, var(--moduix-checkbox-group-color, var(--moduix-color-foreground)));
+    cursor: pointer;
+    display: inline-flex;
+  }
+
+  .root-HuLdBM[data-disabled], .root-HuLdBM[data-readonly] {
+    cursor: default;
+  }
+
+  .root-HuLdBM[data-disabled] {
+    opacity: var(--moduix-checkbox-disabled-opacity, var(--moduix-opacity-disabled));
+  }
+
+  .control-UQ7BTk {
+    box-sizing: border-box;
+    width: var(--_checkbox-size, 1.25rem);
+    height: var(--_checkbox-size, 1.25rem);
+    border: var(--moduix-checkbox-border-width, var(--moduix-border-width-sm)) solid
+      var(--moduix-checkbox-border-color, var(--moduix-color-border));
+    border-radius: var(--moduix-checkbox-radius, var(--moduix-radius-xs));
+    background-color: var(--moduix-checkbox-bg, var(--moduix-color-background));
+    color: var(--moduix-checkbox-color, var(--moduix-color-primary-foreground));
+    -webkit-user-select: none;
+    user-select: none;
+    transition: background-color var(--moduix-checkbox-transition, var(--moduix-transition-default)),
+      border-color var(--moduix-checkbox-transition, var(--moduix-transition-default)),
+      color var(--moduix-checkbox-transition, var(--moduix-transition-default)),
+      opacity var(--moduix-checkbox-transition, var(--moduix-transition-default));
+    flex: none;
+    justify-content: center;
+    align-items: center;
+    margin: 0;
+    padding: 0;
+    line-height: 0;
+    display: inline-flex;
+  }
+
+  .control-UQ7BTk[data-state="checked"], .control-UQ7BTk[data-state="indeterminate"] {
+    border-color: var(--moduix-checkbox-border-color-checked, var(--moduix-color-primary));
+    background-color: var(--moduix-checkbox-bg-checked, var(--moduix-color-primary));
+  }
+
+  .control-UQ7BTk[data-focus-visible] {
+    outline: var(--moduix-checkbox-focus-ring-width, var(--moduix-focus-ring-inset-width, var(--moduix-border-width-sm)))
+        solid var(--moduix-checkbox-focus-ring-color, var(--moduix-color-ring));
+    outline-offset: var(--moduix-checkbox-focus-ring-offset, var(--moduix-border-width-sm));
+  }
+
+  .control-UQ7BTk[data-invalid] {
+    border-color: var(--moduix-checkbox-border-color-invalid, var(--moduix-color-destructive));
+    color: var(--moduix-checkbox-color-invalid, var(--moduix-color-destructive-foreground));
+  }
+
+  .control-UQ7BTk[data-invalid][data-state="checked"], .control-UQ7BTk[data-invalid][data-state="indeterminate"] {
+    border-color: var(--moduix-checkbox-border-color-invalid, var(--moduix-color-destructive));
+    background-color: var(--moduix-checkbox-bg-invalid, var(--moduix-color-destructive));
+  }
+
+  .control-UQ7BTk[data-invalid][data-focus-visible] {
+    outline-color: var(--moduix-checkbox-focus-ring-color-invalid, var(--moduix-checkbox-border-color-invalid, var(--moduix-color-destructive)));
+  }
+
+  @media (hover: hover) {
+    .control-UQ7BTk[data-state="unchecked"][data-hover]:not([data-readonly], [data-disabled]) {
+      background-color: var(--moduix-checkbox-bg-hover, var(--moduix-color-accent));
+    }
+
+    .control-UQ7BTk:is([data-state="checked"], [data-state="indeterminate"])[data-hover]:not([data-readonly], [data-disabled]) {
+      background-color: var(--moduix-checkbox-bg-checked-hover, var(--moduix-checkbox-bg-checked, var(--moduix-color-primary)));
+    }
+
+    .control-UQ7BTk:is([data-state="checked"], [data-state="indeterminate"])[data-hover]:not([data-readonly], [data-disabled])[data-invalid] {
+      background-color: var(--moduix-checkbox-bg-invalid-hover, var(--moduix-checkbox-bg-invalid, var(--moduix-color-destructive)));
+    }
+  }
+
+  .root-HuLdBM[data-size="xs"] .control-UQ7BTk {
+    --_checkbox-size: var(--moduix-checkbox-size-xs, var(--moduix-spacing-3-5));
+    --_checkbox-icon-size: var(--moduix-checkbox-icon-size-xs, var(--moduix-spacing-2));
+  }
+
+  .root-HuLdBM[data-size="sm"] .control-UQ7BTk {
+    --_checkbox-size: var(--moduix-checkbox-size-sm, var(--moduix-spacing-4));
+    --_checkbox-icon-size: var(--moduix-checkbox-icon-size-sm, var(--moduix-spacing-2-5));
+  }
+
+  .root-HuLdBM[data-size="md"] .control-UQ7BTk {
+    --_checkbox-size: var(--moduix-checkbox-size-md, var(--moduix-spacing-5));
+    --_checkbox-icon-size: var(--moduix-checkbox-icon-size-md, var(--moduix-spacing-3));
+  }
+
+  .root-HuLdBM[data-size="lg"] .control-UQ7BTk {
+    --_checkbox-size: var(--moduix-checkbox-size-lg, var(--moduix-size-xs));
+    --_checkbox-icon-size: var(--moduix-checkbox-icon-size-lg, var(--moduix-spacing-3-5));
+  }
+
+  .root-HuLdBM[data-size="xl"] .control-UQ7BTk {
+    --_checkbox-size: var(--moduix-checkbox-size-xl, var(--moduix-spacing-7));
+    --_checkbox-icon-size: var(--moduix-checkbox-icon-size-xl, var(--moduix-spacing-4));
+  }
+
+  .indicator-CrYx7C {
+    width: 100%;
+    height: 100%;
+    color: inherit;
+    justify-content: center;
+    align-items: center;
+    display: inline-flex;
+  }
+
+  .icon-zuDoQa {
+    width: var(--_checkbox-icon-size, .75rem);
+    height: var(--_checkbox-icon-size, .75rem);
+    color: inherit;
+    justify-content: center;
+    align-items: center;
+    line-height: 0;
+    display: inline-flex;
+  }
+
+  .icon-zuDoQa > svg {
+    width: 100%;
+    height: 100%;
+  }
+
+  .label-YzjPY9 {
+    color: var(--moduix-checkbox-label-color, var(--moduix-checkbox-group-color, var(--moduix-color-foreground)));
+    font-size: var(--moduix-checkbox-label-font-size, var(--moduix-text-sm));
+    font-weight: var(--moduix-checkbox-label-font-weight, var(--moduix-weight-medium));
+    line-height: var(--moduix-checkbox-label-line-height, var(--moduix-line-height-text-sm));
+  }
+
+  .group-VCsSdV {
+    gap: var(--moduix-checkbox-group-gap, var(--moduix-spacing-2));
+    color: var(--moduix-checkbox-group-color, var(--moduix-color-foreground));
+    flex-direction: column;
+    display: flex;
+  }
+}
+

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

@@ -0,0 +1 @@
+export { Checkbox, useCheckbox, useCheckboxContext, useCheckboxGroup, useCheckboxGroupContext, } from './Checkbox.js';

package/dist/components/checkbox/index.js

@@ -0,0 +1 @@
+export { Checkbox, useCheckbox, useCheckboxContext, useCheckboxGroup, useCheckboxGroupContext } from "./Checkbox.js";

package/dist/components/checkbox/index.jsx

@@ -0,0 +1 @@
+export { Checkbox, useCheckbox, useCheckboxContext, useCheckboxGroup, useCheckboxGroupContext } from "./Checkbox.jsx";

package/dist/components/clipboard/Clipboard.d.ts

@@ -0,0 +1,26 @@
+import { Clipboard as ClipboardPrimitive, useClipboard, useClipboardContext } from '@ark-ui/solid/clipboard';
+import type { ComponentProps } from 'solid-js';
+declare function ClipboardRoot(props: ComponentProps<typeof ClipboardPrimitive.Root>): import("solid-js").JSX.Element;
+declare function ClipboardRootProvider(props: ComponentProps<typeof ClipboardPrimitive.RootProvider>): import("solid-js").JSX.Element;
+declare function ClipboardLabel(props: ComponentProps<typeof ClipboardPrimitive.Label>): import("solid-js").JSX.Element;
+declare function ClipboardControl(props: ComponentProps<typeof ClipboardPrimitive.Control>): import("solid-js").JSX.Element;
+declare function ClipboardInput(props: ComponentProps<typeof ClipboardPrimitive.Input>): import("solid-js").JSX.Element;
+declare function ClipboardTrigger(props: ComponentProps<typeof ClipboardPrimitive.Trigger>): import("solid-js").JSX.Element;
+declare function ClipboardIndicator(props: ComponentProps<typeof ClipboardPrimitive.Indicator>): import("solid-js").JSX.Element;
+declare function ClipboardValueText(props: ComponentProps<typeof ClipboardPrimitive.ValueText>): import("solid-js").JSX.Element;
+declare function ClipboardCopyText(props: ComponentProps<typeof ClipboardPrimitive.Indicator>): import("solid-js").JSX.Element;
+type ClipboardComponent = typeof ClipboardRoot & {
+    Root: typeof ClipboardRoot;
+    RootProvider: typeof ClipboardRootProvider;
+    Context: typeof ClipboardPrimitive.Context;
+    Label: typeof ClipboardLabel;
+    Control: typeof ClipboardControl;
+    Input: typeof ClipboardInput;
+    Trigger: typeof ClipboardTrigger;
+    Indicator: typeof ClipboardIndicator;
+    CopyText: typeof ClipboardCopyText;
+    ValueText: typeof ClipboardValueText;
+    useClipboard: typeof useClipboard;
+};
+declare const Clipboard: ClipboardComponent;
+export { Clipboard, useClipboard, useClipboardContext };