@moduix/react 2.1.0 → 2.2.4

package/dist/components/checkbox/Checkbox.js

@@ -1,87 +1,101 @@
-import { normalizeClassName } from "../../lib/moduix/normalizeClassName.js";
-import { CheckIcon, IndeterminateIcon } from "../../lib/moduix/icons/ui/Icons.js";
-import Checkbox_module_default from "./Checkbox.module.js";
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Checkbox, useCheckbox, useCheckboxContext, useCheckboxGroup, useCheckboxGroupContext } from "@ark-ui/react/checkbox";
 import { clsx } from "clsx";
 import { Children, cloneElement, forwardRef } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { Checkbox, useCheckbox, useCheckboxGroup } from "@ark-ui/react/checkbox";
-//#region src/components/checkbox/Checkbox.tsx
-const CheckboxRoot = forwardRef(function CheckboxRoot({ asChild, children, className, size = "md", ...props }, ref) {
-	return /* @__PURE__ */ jsx(Checkbox.Root, {
-		ref,
-		asChild,
-		"data-slot": "checkbox-root",
-		"data-size": size,
-		className: clsx(Checkbox_module_default.root, normalizeClassName(className)),
-		...props,
-		children: withHiddenInput(children, asChild)
-	});
+import { CheckIcon, IndeterminateIcon } from "../../internal/icons/ui/index.js";
+import { normalizeClassName } from "../../internal/normalizeClassName.js";
+import Checkbox_module from "./Checkbox.module.js";
+const Checkbox_CheckboxRoot = /*#__PURE__*/ forwardRef(function({ asChild, children, className, size = 'md', ...props }, ref) {
+    return /*#__PURE__*/ jsx(Checkbox.Root, {
+        ref: ref,
+        asChild: asChild,
+        "data-slot": "checkbox-root",
+        "data-size": size,
+        className: clsx(Checkbox_module.root, normalizeClassName(className)),
+        ...props,
+        children: withHiddenInput(children, asChild)
+    });
 });
-const CheckboxRootProvider = forwardRef(function CheckboxRootProvider({ asChild, children, className, size = "md", ...props }, ref) {
-	return /* @__PURE__ */ jsx(Checkbox.RootProvider, {
-		ref,
-		asChild,
-		"data-slot": "checkbox-root-provider",
-		"data-size": size,
-		className: clsx(Checkbox_module_default.root, normalizeClassName(className)),
-		...props,
-		children: withHiddenInput(children, asChild)
-	});
+const Checkbox_CheckboxRootProvider = /*#__PURE__*/ forwardRef(function({ asChild, children, className, size = 'md', ...props }, ref) {
+    return /*#__PURE__*/ jsx(Checkbox.RootProvider, {
+        ref: ref,
+        asChild: asChild,
+        "data-slot": "checkbox-root-provider",
+        "data-size": size,
+        className: clsx(Checkbox_module.root, normalizeClassName(className)),
+        ...props,
+        children: withHiddenInput(children, asChild)
+    });
 });
-const CheckboxIndicator = forwardRef(function CheckboxIndicator({ className, children, indeterminate, ...props }, ref) {
-	const slot = indeterminate ? "checkbox-indicator-indeterminate-icon" : "checkbox-indicator-checked-icon";
-	return /* @__PURE__ */ jsx(Checkbox.Indicator, {
-		ref,
-		"data-slot": "checkbox-indicator",
-		className: clsx(Checkbox_module_default.indicator, normalizeClassName(className)),
-		indeterminate,
-		...props,
-		children: children ?? /* @__PURE__ */ jsx("span", {
-			"aria-hidden": "true",
-			"data-slot": slot,
-			className: Checkbox_module_default.icon,
-			children: indeterminate ? /* @__PURE__ */ jsx(IndeterminateIcon, {}) : /* @__PURE__ */ jsx(CheckIcon, {})
-		})
-	});
+const Checkbox_CheckboxIndicator = /*#__PURE__*/ forwardRef(function({ className, children, indeterminate, ...props }, ref) {
+    const slot = indeterminate ? 'checkbox-indicator-indeterminate-icon' : 'checkbox-indicator-checked-icon';
+    return /*#__PURE__*/ jsx(Checkbox.Indicator, {
+        ref: ref,
+        "data-slot": "checkbox-indicator",
+        className: clsx(Checkbox_module.indicator, normalizeClassName(className)),
+        indeterminate: indeterminate,
+        ...props,
+        children: children ?? /*#__PURE__*/ jsx("span", {
+            "aria-hidden": "true",
+            "data-slot": slot,
+            className: Checkbox_module.icon,
+            children: indeterminate ? /*#__PURE__*/ jsx(IndeterminateIcon, {}) : /*#__PURE__*/ jsx(CheckIcon, {})
+        })
+    });
 });
-const CheckboxControl = forwardRef(function CheckboxControl({ children, className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Checkbox.Control, {
-		ref,
-		"data-slot": "checkbox-control",
-		className: clsx(Checkbox_module_default.control, normalizeClassName(className)),
-		...props,
-		children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(CheckboxIndicator, {}), /* @__PURE__ */ jsx(CheckboxIndicator, { indeterminate: true })] })
-	});
+const Checkbox_CheckboxControl = /*#__PURE__*/ forwardRef(function({ children, className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Checkbox.Control, {
+        ref: ref,
+        "data-slot": "checkbox-control",
+        className: clsx(Checkbox_module.control, normalizeClassName(className)),
+        ...props,
+        children: children ?? /*#__PURE__*/ jsxs(Fragment, {
+            children: [
+                /*#__PURE__*/ jsx(Checkbox_CheckboxIndicator, {}),
+                /*#__PURE__*/ jsx(Checkbox_CheckboxIndicator, {
+                    indeterminate: true
+                })
+            ]
+        })
+    });
 });
 function withHiddenInput(children, asChild) {
-	const hiddenInput = /* @__PURE__ */ jsx(Checkbox.HiddenInput, { "data-slot": "checkbox-hidden-input" });
-	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(Checkbox.HiddenInput, {
+        "data-slot": "checkbox-hidden-input"
+    });
+    if (!asChild) return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            children,
+            hiddenInput
+        ]
+    });
+    const child = Children.only(children);
+    return /*#__PURE__*/ cloneElement(child, {}, child.props.children, hiddenInput);
 }
-const CheckboxLabel = forwardRef(function CheckboxLabel({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Checkbox.Label, {
-		ref,
-		"data-slot": "checkbox-label",
-		className: clsx(Checkbox_module_default.label, normalizeClassName(className)),
-		...props
-	});
+const Checkbox_CheckboxLabel = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Checkbox.Label, {
+        ref: ref,
+        "data-slot": "checkbox-label",
+        className: clsx(Checkbox_module.label, normalizeClassName(className)),
+        ...props
+    });
 });
-const CheckboxGroup = forwardRef(function CheckboxGroup({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Checkbox.Group, {
-		ref,
-		"data-slot": "checkbox-group",
-		className: clsx(Checkbox_module_default.group, normalizeClassName(className)),
-		...props
-	});
+const Checkbox_CheckboxGroup = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Checkbox.Group, {
+        ref: ref,
+        "data-slot": "checkbox-group",
+        className: clsx(Checkbox_module.group, normalizeClassName(className)),
+        ...props
+    });
 });
-const Checkbox$1 = Object.assign(CheckboxRoot, {
-	Root: CheckboxRoot,
-	RootProvider: CheckboxRootProvider,
-	Control: CheckboxControl,
-	Indicator: CheckboxIndicator,
-	Label: CheckboxLabel,
-	Group: CheckboxGroup
+const Checkbox_Checkbox = Object.assign(Checkbox_CheckboxRoot, {
+    Root: Checkbox_CheckboxRoot,
+    RootProvider: Checkbox_CheckboxRootProvider,
+    Context: Checkbox.Context,
+    Control: Checkbox_CheckboxControl,
+    Indicator: Checkbox_CheckboxIndicator,
+    Label: Checkbox_CheckboxLabel,
+    Group: Checkbox_CheckboxGroup
 });
-//#endregion
-export { Checkbox$1 as Checkbox, useCheckbox, useCheckboxGroup };
+export { Checkbox_Checkbox as Checkbox, useCheckbox, useCheckboxContext, useCheckboxGroup, useCheckboxGroupContext };

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

@@ -1,12 +1,10 @@
-import './Checkbox.css';
-//#region src/components/checkbox/Checkbox.module.css
-var Checkbox_module_default = {
-	"control": "NxmH7W_control",
-	"group": "NxmH7W_group",
-	"icon": "NxmH7W_icon",
-	"indicator": "NxmH7W_indicator",
-	"label": "NxmH7W_label",
-	"root": "NxmH7W_root"
+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"
 };
-//#endregion
-export { Checkbox_module_default as default };
+export default Checkbox_module;

package/dist/components/checkbox/Checkbox_module.css

@@ -0,0 +1,137 @@
+@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-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-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));
+    }
+  }
+
+  .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-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

@@ -1,2 +1 @@
-import { Checkbox, useCheckbox, useCheckboxGroup } from "./Checkbox.js";
-export { Checkbox, useCheckbox, useCheckboxGroup };
+export * from './Checkbox.js';

package/dist/components/checkbox/index.js

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

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

@@ -1,17 +1,15 @@
-import { Clipboard } from "@ark-ui/react/clipboard";
-
-//#region src/components/clipboard/Clipboard.d.ts
-declare const Clipboard$1: import("react").ForwardRefExoticComponent<Omit<Clipboard.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
-  Root: import("react").ForwardRefExoticComponent<Omit<Clipboard.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  RootProvider: import("react").ForwardRefExoticComponent<Omit<Clipboard.RootProviderProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  Label: import("react").ForwardRefExoticComponent<Omit<Clipboard.LabelProps & import("react").RefAttributes<HTMLLabelElement>, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;
-  Control: import("react").ForwardRefExoticComponent<Omit<Clipboard.ControlProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  Input: import("react").ForwardRefExoticComponent<Omit<Clipboard.InputProps & import("react").RefAttributes<HTMLInputElement>, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
-  Trigger: import("react").ForwardRefExoticComponent<Omit<Clipboard.TriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-  Indicator: import("react").ForwardRefExoticComponent<Omit<Clipboard.IndicatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  CopyText: import("react").ForwardRefExoticComponent<Omit<Clipboard.IndicatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  ValueText: import("react").ForwardRefExoticComponent<Omit<Clipboard.ValueTextProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  useClipboard: (props?: import("@ark-ui/react/clipboard").UseClipboardProps) => import("@ark-ui/react/clipboard").UseClipboardReturn;
+import { Clipboard as ClipboardPrimitive, useClipboard, useClipboardContext } from '@ark-ui/react/clipboard';
+declare const Clipboard: import("react").ForwardRefExoticComponent<Omit<ClipboardPrimitive.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
+    Root: import("react").ForwardRefExoticComponent<Omit<ClipboardPrimitive.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    RootProvider: import("react").ForwardRefExoticComponent<Omit<ClipboardPrimitive.RootProviderProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Context: (props: ClipboardPrimitive.ContextProps) => import("react").ReactNode;
+    Label: import("react").ForwardRefExoticComponent<Omit<ClipboardPrimitive.LabelProps & import("react").RefAttributes<HTMLLabelElement>, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;
+    Control: import("react").ForwardRefExoticComponent<Omit<ClipboardPrimitive.ControlProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Input: import("react").ForwardRefExoticComponent<Omit<ClipboardPrimitive.InputProps & import("react").RefAttributes<HTMLInputElement>, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+    Trigger: import("react").ForwardRefExoticComponent<Omit<ClipboardPrimitive.TriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    Indicator: import("react").ForwardRefExoticComponent<Omit<ClipboardPrimitive.IndicatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    CopyText: import("react").ForwardRefExoticComponent<Omit<ClipboardPrimitive.IndicatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    ValueText: import("react").ForwardRefExoticComponent<Omit<ClipboardPrimitive.ValueTextProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    useClipboard: (props?: import("@ark-ui/react/clipboard").UseClipboardProps) => import("@ark-ui/react/clipboard").UseClipboardReturn;
 };
-//#endregion
-export { Clipboard$1 as Clipboard };
+export { Clipboard, useClipboard, useClipboardContext };

package/dist/components/clipboard/Clipboard.js

@@ -1,107 +1,107 @@
-import { normalizeClassName } from "../../lib/moduix/normalizeClassName.js";
-import { CheckIcon, CopyIcon } from "../../lib/moduix/icons/ui/Icons.js";
-import Clipboard_module_default from "./Clipboard.module.js";
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { Clipboard, useClipboard, useClipboardContext } from "@ark-ui/react/clipboard";
 import { clsx } from "clsx";
 import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-import { Clipboard, useClipboard } from "@ark-ui/react/clipboard";
-//#region src/components/clipboard/Clipboard.tsx
-const ClipboardRoot = forwardRef(function ClipboardRoot({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Clipboard.Root, {
-		ref,
-		"data-slot": "clipboard-root",
-		className: clsx(Clipboard_module_default.root, normalizeClassName(className)),
-		...props
-	});
+import { CheckIcon, CopyIcon } from "../../internal/icons/ui/index.js";
+import { normalizeClassName } from "../../internal/normalizeClassName.js";
+import Clipboard_module from "./Clipboard.module.js";
+const Clipboard_ClipboardRoot = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Clipboard.Root, {
+        ref: ref,
+        "data-slot": "clipboard-root",
+        className: clsx(Clipboard_module.root, normalizeClassName(className)),
+        ...props
+    });
 });
-const ClipboardRootProvider = forwardRef(function ClipboardRootProvider({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Clipboard.RootProvider, {
-		ref,
-		"data-slot": "clipboard-root-provider",
-		className: clsx(Clipboard_module_default.root, normalizeClassName(className)),
-		...props
-	});
+const Clipboard_ClipboardRootProvider = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Clipboard.RootProvider, {
+        ref: ref,
+        "data-slot": "clipboard-root-provider",
+        className: clsx(Clipboard_module.root, normalizeClassName(className)),
+        ...props
+    });
 });
-const ClipboardLabel = forwardRef(function ClipboardLabel({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Clipboard.Label, {
-		ref,
-		"data-slot": "clipboard-label",
-		className: clsx(Clipboard_module_default.label, normalizeClassName(className)),
-		...props
-	});
+const Clipboard_ClipboardLabel = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Clipboard.Label, {
+        ref: ref,
+        "data-slot": "clipboard-label",
+        className: clsx(Clipboard_module.label, normalizeClassName(className)),
+        ...props
+    });
 });
-const ClipboardControl = forwardRef(function ClipboardControl({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Clipboard.Control, {
-		ref,
-		"data-slot": "clipboard-control",
-		className: clsx(Clipboard_module_default.control, normalizeClassName(className)),
-		...props
-	});
+const Clipboard_ClipboardControl = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Clipboard.Control, {
+        ref: ref,
+        "data-slot": "clipboard-control",
+        className: clsx(Clipboard_module.control, normalizeClassName(className)),
+        ...props
+    });
 });
-const ClipboardInput = forwardRef(function ClipboardInput({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Clipboard.Input, {
-		ref,
-		"data-slot": "clipboard-input",
-		className: clsx(Clipboard_module_default.input, normalizeClassName(className)),
-		...props
-	});
+const Clipboard_ClipboardInput = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Clipboard.Input, {
+        ref: ref,
+        "data-slot": "clipboard-input",
+        className: clsx(Clipboard_module.input, normalizeClassName(className)),
+        ...props
+    });
 });
-const ClipboardTrigger = forwardRef(function ClipboardTrigger({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Clipboard.Trigger, {
-		ref,
-		"data-slot": "clipboard-trigger",
-		className: clsx(Clipboard_module_default.trigger, normalizeClassName(className)),
-		...props
-	});
+const Clipboard_ClipboardTrigger = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Clipboard.Trigger, {
+        ref: ref,
+        "data-slot": "clipboard-trigger",
+        className: clsx(Clipboard_module.trigger, normalizeClassName(className)),
+        ...props
+    });
 });
-const ClipboardIndicator = forwardRef(function ClipboardIndicator({ className, children, copied, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Clipboard.Indicator, {
-		ref,
-		"data-slot": "clipboard-indicator",
-		className: clsx(Clipboard_module_default.indicator, normalizeClassName(className)),
-		copied: copied ?? /* @__PURE__ */ jsx("span", {
-			"aria-hidden": "true",
-			"data-slot": "clipboard-indicator-copied-icon",
-			className: Clipboard_module_default.icon,
-			children: /* @__PURE__ */ jsx(CheckIcon, {})
-		}),
-		...props,
-		children: children ?? /* @__PURE__ */ jsx("span", {
-			"aria-hidden": "true",
-			"data-slot": "clipboard-indicator-idle-icon",
-			className: Clipboard_module_default.icon,
-			children: /* @__PURE__ */ jsx(CopyIcon, {})
-		})
-	});
+const Clipboard_ClipboardIndicator = /*#__PURE__*/ forwardRef(function({ className, children, copied, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Clipboard.Indicator, {
+        ref: ref,
+        "data-slot": "clipboard-indicator",
+        className: clsx(Clipboard_module.indicator, normalizeClassName(className)),
+        copied: copied ?? /*#__PURE__*/ jsx("span", {
+            "aria-hidden": "true",
+            "data-slot": "clipboard-indicator-copied-icon",
+            className: Clipboard_module.icon,
+            children: /*#__PURE__*/ jsx(CheckIcon, {})
+        }),
+        ...props,
+        children: children ?? /*#__PURE__*/ jsx("span", {
+            "aria-hidden": "true",
+            "data-slot": "clipboard-indicator-idle-icon",
+            className: Clipboard_module.icon,
+            children: /*#__PURE__*/ jsx(CopyIcon, {})
+        })
+    });
 });
-const ClipboardValueText = forwardRef(function ClipboardValueText({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Clipboard.ValueText, {
-		ref,
-		"data-slot": "clipboard-value-text",
-		className: clsx(Clipboard_module_default.valueText, normalizeClassName(className)),
-		...props
-	});
+const Clipboard_ClipboardValueText = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Clipboard.ValueText, {
+        ref: ref,
+        "data-slot": "clipboard-value-text",
+        className: clsx(Clipboard_module.valueText, normalizeClassName(className)),
+        ...props
+    });
 });
-const ClipboardCopyText = forwardRef(function ClipboardCopyText({ copied = "Copied", children = "Copy", ...props }, ref) {
-	return /* @__PURE__ */ jsx(ClipboardIndicator, {
-		ref,
-		"data-slot": "clipboard-copy-text",
-		copied,
-		...props,
-		children
-	});
+const Clipboard_ClipboardCopyText = /*#__PURE__*/ forwardRef(function({ copied = 'Copied', children = 'Copy', ...props }, ref) {
+    return /*#__PURE__*/ jsx(Clipboard_ClipboardIndicator, {
+        ref: ref,
+        "data-slot": "clipboard-copy-text",
+        copied: copied,
+        ...props,
+        children: children
+    });
 });
-const Clipboard$1 = Object.assign(ClipboardRoot, {
-	Root: ClipboardRoot,
-	RootProvider: ClipboardRootProvider,
-	Label: ClipboardLabel,
-	Control: ClipboardControl,
-	Input: ClipboardInput,
-	Trigger: ClipboardTrigger,
-	Indicator: ClipboardIndicator,
-	CopyText: ClipboardCopyText,
-	ValueText: ClipboardValueText,
-	useClipboard
+const Clipboard_Clipboard = Object.assign(Clipboard_ClipboardRoot, {
+    Root: Clipboard_ClipboardRoot,
+    RootProvider: Clipboard_ClipboardRootProvider,
+    Context: Clipboard.Context,
+    Label: Clipboard_ClipboardLabel,
+    Control: Clipboard_ClipboardControl,
+    Input: Clipboard_ClipboardInput,
+    Trigger: Clipboard_ClipboardTrigger,
+    Indicator: Clipboard_ClipboardIndicator,
+    CopyText: Clipboard_ClipboardCopyText,
+    ValueText: Clipboard_ClipboardValueText,
+    useClipboard: useClipboard
 });
-//#endregion
-export { Clipboard$1 as Clipboard };
+export { Clipboard_Clipboard as Clipboard, useClipboard, useClipboardContext };

package/dist/components/clipboard/Clipboard.module.js

@@ -1,14 +1,12 @@
-import './Clipboard.css';
-//#region src/components/clipboard/Clipboard.module.css
-var Clipboard_module_default = {
-	"control": "eM1-oW_control",
-	"icon": "eM1-oW_icon",
-	"indicator": "eM1-oW_indicator",
-	"input": "eM1-oW_input",
-	"label": "eM1-oW_label",
-	"root": "eM1-oW_root",
-	"trigger": "eM1-oW_trigger",
-	"valueText": "eM1-oW_valueText"
+import "./Clipboard_module.css";
+const Clipboard_module = {
+    root: "root-igDKa1",
+    label: "label-HTlyWS",
+    control: "control-up5DGr",
+    input: "input-POor1w",
+    trigger: "trigger-dngdJp",
+    indicator: "indicator-Btp5UV",
+    icon: "icon-gfTIa2",
+    valueText: "valueText-fWokSL"
 };
-//#endregion
-export { Clipboard_module_default as default };
+export default Clipboard_module;