@moduix/react 2.1.0 → 2.2.4

package/dist/components/clipboard/Clipboard_module.css

@@ -0,0 +1,156 @@
+@layer moduix.components {
+  .root-igDKa1 {
+    gap: var(--moduix-clipboard-gap, var(--moduix-spacing-1-5));
+    width: var(--moduix-clipboard-width, 100%);
+    max-width: var(--moduix-clipboard-max-width, none);
+    color: var(--moduix-clipboard-color, var(--moduix-color-foreground));
+    flex-direction: column;
+    display: flex;
+  }
+
+  .label-HTlyWS {
+    color: var(--moduix-clipboard-label-color, currentColor);
+    font-size: var(--moduix-clipboard-label-font-size, var(--moduix-text-sm));
+    font-weight: var(--moduix-clipboard-label-font-weight, var(--moduix-weight-medium));
+    line-height: var(--moduix-clipboard-label-line-height, var(--moduix-line-height-text-sm));
+  }
+
+  .control-up5DGr {
+    align-items: center;
+    gap: var(--moduix-clipboard-control-gap, var(--moduix-spacing-2));
+    width: 100%;
+    display: flex;
+  }
+
+  .input-POor1w {
+    box-sizing: border-box;
+    width: 100%;
+    min-width: 0;
+    min-height: var(--moduix-clipboard-input-height, var(--moduix-input-height-md, var(--moduix-size-md)));
+    border: var(--moduix-clipboard-input-border-width, var(--moduix-input-border-width, var(--moduix-border-width-sm)))
+      solid
+      var(--moduix-clipboard-input-border-color, var(--moduix-input-border-color, var(--moduix-color-border)));
+    border-radius: var(--moduix-clipboard-input-radius, var(--moduix-input-radius, var(--moduix-radius-md)));
+    padding-block: var(--moduix-clipboard-input-padding-y, var(--moduix-input-padding-y-md, var(--moduix-spacing-1)));
+    padding-inline: var(--moduix-clipboard-input-padding-x, var(--moduix-input-padding-x-md, var(--moduix-spacing-3-5)));
+    background-color: var(--moduix-clipboard-input-bg, var(--moduix-input-bg, var(--moduix-color-background)));
+    color: var(--moduix-clipboard-input-color, var(--moduix-input-color, var(--moduix-color-foreground)));
+    font: inherit;
+    font-size: var(--moduix-clipboard-input-font-size, var(--moduix-input-font-size-md, var(--moduix-text-md)));
+    line-height: var(--moduix-clipboard-input-line-height, var(--moduix-input-line-height-md, var(--moduix-line-height-text-md)));
+    outline: var(--moduix-clipboard-input-focus-ring-width, var(--moduix-input-focus-ring-width, var(--moduix-clipboard-input-border-width, var(--moduix-input-border-width, var(--moduix-focus-ring-inset-width, var(--moduix-border-width-sm))))))
+      solid transparent;
+    outline-offset: calc(var(--moduix-clipboard-input-focus-ring-offset, var(--moduix-clipboard-input-border-width, var(--moduix-input-border-width, var(--moduix-border-width-sm)))) *
+        -1);
+    transition: border-color
+        var(--moduix-clipboard-transition, var(--moduix-input-transition, var(--moduix-transition-default))),
+      outline-color
+        var(--moduix-clipboard-transition, var(--moduix-input-transition, var(--moduix-transition-default))),
+      background-color
+        var(--moduix-clipboard-transition, var(--moduix-input-transition, var(--moduix-transition-default))),
+      color
+        var(--moduix-clipboard-transition, var(--moduix-input-transition, var(--moduix-transition-default))),
+      opacity
+        var(--moduix-clipboard-transition, var(--moduix-input-transition, var(--moduix-transition-default)));
+    margin: 0;
+  }
+
+  .input-POor1w::placeholder {
+    color: var(--moduix-clipboard-input-placeholder-color, var(--moduix-input-placeholder-color, var(--moduix-color-muted-foreground)));
+  }
+
+  .input-POor1w:focus-visible {
+    outline-color: var(--moduix-clipboard-input-focus-ring-color, var(--moduix-input-focus-ring-color, var(--moduix-color-ring)));
+  }
+
+  .input-POor1w[data-readonly] {
+    background-color: var(--moduix-clipboard-input-readonly-bg, var(--moduix-input-readonly-bg, var(--moduix-clipboard-input-bg, var(--moduix-color-background))));
+    color: var(--moduix-clipboard-input-readonly-color, var(--moduix-input-readonly-color, var(--moduix-clipboard-input-color, var(--moduix-color-foreground))));
+  }
+
+  .input-POor1w[data-disabled] {
+    pointer-events: none;
+    opacity: var(--moduix-clipboard-disabled-opacity, var(--moduix-input-disabled-opacity, var(--moduix-opacity-disabled)));
+  }
+
+  .trigger-dngdJp {
+    box-sizing: border-box;
+    justify-content: center;
+    align-items: center;
+    gap: var(--moduix-clipboard-trigger-gap, var(--moduix-button-content-gap, var(--moduix-spacing-2)));
+    min-height: var(--moduix-clipboard-trigger-height, var(--moduix-button-size-md, var(--moduix-size-md)));
+    padding-inline: var(--moduix-clipboard-trigger-padding-x, var(--moduix-button-padding-x-md, var(--moduix-spacing-4)));
+    border: var(--moduix-clipboard-trigger-border-width, var(--moduix-button-border-width, var(--moduix-border-width-sm)))
+      solid
+      var(--moduix-clipboard-trigger-border-color, var(--moduix-button-outline-border-color, var(--moduix-color-border)));
+    border-radius: var(--moduix-clipboard-trigger-radius, var(--moduix-button-radius, var(--moduix-radius-md)));
+    background-color: var(--moduix-clipboard-trigger-bg, var(--moduix-button-outline-bg, var(--moduix-color-background)));
+    color: var(--moduix-clipboard-trigger-color, var(--moduix-button-outline-color, var(--moduix-color-foreground)));
+    appearance: none;
+    font: inherit;
+    font-size: var(--moduix-clipboard-trigger-font-size, var(--moduix-button-font-size, var(--moduix-text-sm)));
+    font-weight: var(--moduix-clipboard-trigger-font-weight, var(--moduix-button-font-weight, var(--moduix-weight-medium)));
+    line-height: var(--moduix-clipboard-trigger-line-height, var(--moduix-button-line-height, var(--moduix-line-height-text-sm)));
+    -webkit-user-select: none;
+    user-select: none;
+    white-space: nowrap;
+    cursor: pointer;
+    transition: border-color
+        var(--moduix-clipboard-transition, var(--moduix-button-transition, var(--moduix-transition-default))),
+      background-color
+        var(--moduix-clipboard-transition, var(--moduix-button-transition, var(--moduix-transition-default))),
+      color
+        var(--moduix-clipboard-transition, var(--moduix-button-transition, var(--moduix-transition-default))),
+      opacity
+        var(--moduix-clipboard-transition, var(--moduix-button-transition, var(--moduix-transition-default))),
+      box-shadow
+        var(--moduix-clipboard-transition, var(--moduix-button-transition, var(--moduix-transition-default)));
+    flex-shrink: 0;
+    display: inline-flex;
+  }
+
+  .trigger-dngdJp :where(svg) {
+    width: var(--moduix-clipboard-indicator-size, var(--moduix-button-icon-size, var(--moduix-spacing-4)));
+    height: var(--moduix-clipboard-indicator-size, var(--moduix-button-icon-size, var(--moduix-spacing-4)));
+    flex-shrink: 0;
+  }
+
+  @media (hover: hover) {
+    .trigger-dngdJp:hover:not(:disabled, [data-disabled]) {
+      background-color: var(--moduix-clipboard-trigger-bg-hover, var(--moduix-button-outline-bg-hover, var(--moduix-color-accent)));
+    }
+  }
+
+  .trigger-dngdJp:focus-visible {
+    outline: var(--moduix-clipboard-trigger-focus-ring-width, var(--moduix-button-focus-ring-width, var(--moduix-focus-ring-width, var(--moduix-border-width-md))))
+        solid
+        var(--moduix-clipboard-trigger-focus-ring-color, var(--moduix-button-focus-ring-color, var(--moduix-color-ring)));
+    outline-offset: calc(var(--moduix-clipboard-trigger-focus-ring-offset, var(--moduix-clipboard-trigger-border-width, var(--moduix-button-border-width, var(--moduix-border-width-sm)))) *
+          -1);
+  }
+
+  .trigger-dngdJp:is(:disabled, [data-disabled]) {
+    pointer-events: none;
+    opacity: var(--moduix-clipboard-disabled-opacity, var(--moduix-button-disabled-opacity, var(--moduix-opacity-disabled)));
+    cursor: default;
+  }
+
+  .indicator-Btp5UV, .icon-gfTIa2 {
+    flex-shrink: 0;
+    justify-content: center;
+    align-items: center;
+    display: inline-flex;
+  }
+
+  .valueText-fWokSL {
+    min-width: 0;
+    color: var(--moduix-clipboard-value-text-color, currentColor);
+    font-size: var(--moduix-clipboard-value-text-font-size, inherit);
+    font-weight: var(--moduix-clipboard-value-text-font-weight, inherit);
+    line-height: var(--moduix-clipboard-value-text-line-height, inherit);
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    overflow: hidden;
+  }
+}
+

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

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

package/dist/components/clipboard/index.js

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

package/dist/components/close-button/CloseButton.d.ts

@@ -1,16 +1,14 @@
-//#region src/components/close-button/CloseButton.d.ts
 declare const CloseButton: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & {
-  'data-disabled'?: string;
-  'data-part'?: string;
-  'data-scope'?: string;
-  'data-slot'?: string;
-} & import("react").RefAttributes<HTMLButtonElement>> & {
-  Root: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & {
     'data-disabled'?: string;
     'data-part'?: string;
     'data-scope'?: string;
     'data-slot'?: string;
-  } & import("react").RefAttributes<HTMLButtonElement>>;
+} & import("react").RefAttributes<HTMLButtonElement>> & {
+    Root: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & {
+        'data-disabled'?: string;
+        'data-part'?: string;
+        'data-scope'?: string;
+        'data-slot'?: string;
+    } & import("react").RefAttributes<HTMLButtonElement>>;
 };
-//#endregion
-export { CloseButton };
+export { CloseButton };

package/dist/components/close-button/CloseButton.js

@@ -1,39 +1,39 @@
-import { normalizeClassName } from "../../lib/moduix/normalizeClassName.js";
-import { CloseIcon } from "../../lib/moduix/icons/ui/Icons.js";
-import CloseButton_module_default from "./CloseButton.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/close-button/CloseButton.tsx
-const CloseButtonRoot = forwardRef(function CloseButtonRoot({ asChild, className, children, disabled, onClick, type, "aria-disabled": ariaDisabled, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "data-disabled": dataDisabled, "data-part": dataPart, "data-scope": dataScope, "data-slot": dataSlot, ...props }, ref) {
-	const isDisabled = disabled || ariaDisabled === true || ariaDisabled === "true" || dataDisabled !== void 0;
-	const handleClick = (event) => {
-		if (isDisabled) {
-			event.preventDefault();
-			event.stopPropagation();
-			return;
-		}
-		onClick?.(event);
-	};
-	return /* @__PURE__ */ jsx(ark.button, {
-		ref,
-		asChild,
-		...props,
-		type: asChild ? type : type ?? "button",
-		disabled,
-		"data-scope": dataScope ?? "close-button",
-		"data-part": dataPart ?? "root",
-		"data-slot": dataSlot ?? "close-button-root",
-		"data-disabled": dataDisabled ?? (isDisabled ? "" : void 0),
-		className: clsx(CloseButton_module_default.root, normalizeClassName(className)),
-		"aria-disabled": ariaDisabled,
-		"aria-label": ariaLabel ?? (children == null && ariaLabelledBy == null ? "Close" : void 0),
-		"aria-labelledby": ariaLabelledBy,
-		onClick: handleClick,
-		children: children ?? /* @__PURE__ */ jsx(CloseIcon, {})
-	});
+import { CloseIcon } from "../../internal/icons/ui/index.js";
+import { normalizeClassName } from "../../internal/normalizeClassName.js";
+import CloseButton_module from "./CloseButton.module.js";
+const CloseButton_CloseButtonRoot = /*#__PURE__*/ forwardRef(function({ asChild, className, children, disabled, onClick, type, 'aria-disabled': ariaDisabled, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, 'data-disabled': dataDisabled, 'data-part': dataPart, 'data-scope': dataScope, 'data-slot': dataSlot, ...props }, ref) {
+    const isDisabled = disabled || true === ariaDisabled || 'true' === ariaDisabled || void 0 !== dataDisabled;
+    const handleClick = (event)=>{
+        if (isDisabled) {
+            event.preventDefault();
+            event.stopPropagation();
+            return;
+        }
+        onClick?.(event);
+    };
+    return /*#__PURE__*/ jsx(ark.button, {
+        ref: ref,
+        asChild: asChild,
+        ...props,
+        type: asChild ? type : type ?? 'button',
+        disabled: disabled,
+        "data-scope": dataScope ?? 'close-button',
+        "data-part": dataPart ?? 'root',
+        "data-slot": dataSlot ?? 'close-button-root',
+        "data-disabled": dataDisabled ?? (isDisabled ? '' : void 0),
+        className: clsx(CloseButton_module.root, normalizeClassName(className)),
+        "aria-disabled": ariaDisabled,
+        "aria-label": ariaLabel ?? (null == ariaLabelledBy ? 'Close' : void 0),
+        "aria-labelledby": ariaLabelledBy,
+        onClick: handleClick,
+        children: children || /*#__PURE__*/ jsx(CloseIcon, {})
+    });
+});
+const CloseButton = Object.assign(CloseButton_CloseButtonRoot, {
+    Root: CloseButton_CloseButtonRoot
 });
-const CloseButton = Object.assign(CloseButtonRoot, { Root: CloseButtonRoot });
-//#endregion
 export { CloseButton };

package/dist/components/close-button/CloseButton.module.js

@@ -1,5 +1,5 @@
-import './CloseButton.css';
-//#region src/components/close-button/CloseButton.module.css
-var CloseButton_module_default = { "root": "_8WDg2W_root" };
-//#endregion
-export { CloseButton_module_default as default };
+import "./CloseButton_module.css";
+const CloseButton_module = {
+    root: "root-_7JLUV"
+};
+export default CloseButton_module;

package/dist/components/close-button/CloseButton_module.css

@@ -0,0 +1,64 @@
+@layer moduix.components {
+  .root-_7JLUV {
+    box-sizing: border-box;
+    width: var(--moduix-close-button-size, var(--moduix-spacing-7));
+    height: var(--moduix-close-button-size, var(--moduix-spacing-7));
+    background-color: var(--moduix-close-button-bg, transparent);
+    border-radius: var(--moduix-close-button-radius, var(--moduix-radius-sm));
+    color: var(--moduix-close-button-color, var(--moduix-color-muted-foreground));
+    appearance: none;
+    font: inherit;
+    -webkit-user-select: none;
+    user-select: none;
+    cursor: pointer;
+    transition: background-color var(--moduix-close-button-transition, var(--moduix-transition-default)),
+      color var(--moduix-close-button-transition, var(--moduix-transition-default)),
+      opacity var(--moduix-close-button-transition, var(--moduix-transition-default)),
+      translate var(--moduix-close-button-transition, var(--moduix-transition-default)),
+      scale var(--moduix-close-button-transition, var(--moduix-transition-default));
+    border: none;
+    flex-shrink: 0;
+    justify-content: center;
+    align-items: center;
+    margin: 0;
+    padding: 0;
+    display: inline-flex;
+  }
+
+  .root-_7JLUV > svg {
+    width: var(--moduix-close-button-icon-size, var(--moduix-spacing-3));
+    height: var(--moduix-close-button-icon-size, var(--moduix-spacing-3));
+    flex-shrink: 0;
+  }
+
+  @media (hover: hover) {
+    .root-_7JLUV:hover:not([data-disabled]) {
+      background-color: var(--moduix-close-button-bg-hover, var(--moduix-color-muted));
+      color: var(--moduix-close-button-color-hover, var(--moduix-color-foreground));
+    }
+  }
+
+  .root-_7JLUV:focus-visible {
+    outline: var(--moduix-close-button-focus-ring-width, var(--moduix-focus-ring-width, var(--moduix-border-width-md)))
+        solid var(--moduix-close-button-focus-ring-color, var(--moduix-color-ring));
+    outline-offset: var(--moduix-close-button-focus-ring-offset, var(--moduix-focus-ring-offset));
+  }
+
+  .root-_7JLUV:active:not([data-disabled]) {
+    opacity: .94;
+  }
+
+  @media (prefers-reduced-motion: no-preference) {
+    .root-_7JLUV:active:not([data-disabled]) {
+      translate: 0 1px;
+      scale: .985;
+    }
+  }
+
+  .root-_7JLUV[data-disabled] {
+    cursor: default;
+    pointer-events: none;
+    opacity: var(--moduix-close-button-disabled-opacity, var(--moduix-opacity-disabled));
+  }
+}
+

package/dist/components/close-button/index.d.ts

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

package/dist/components/close-button/index.js

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

package/dist/components/collapsible/Collapsible.d.ts

@@ -1,13 +1,11 @@
-import { Collapsible, useCollapsible } from "@ark-ui/react/collapsible";
-
-//#region src/components/collapsible/Collapsible.d.ts
-declare const Collapsible$1: import("react").ForwardRefExoticComponent<Omit<Collapsible.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
-  Root: import("react").ForwardRefExoticComponent<Omit<Collapsible.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  RootProvider: import("react").ForwardRefExoticComponent<Omit<Collapsible.RootProviderProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  Trigger: import("react").ForwardRefExoticComponent<Omit<Collapsible.TriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-  Indicator: import("react").ForwardRefExoticComponent<Omit<Collapsible.IndicatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  Content: import("react").ForwardRefExoticComponent<Omit<Collapsible.ContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  Body: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLDivElement>>;
+import { Collapsible as CollapsiblePrimitive, useCollapsible, useCollapsibleContext } from '@ark-ui/react/collapsible';
+declare const Collapsible: import("react").ForwardRefExoticComponent<Omit<CollapsiblePrimitive.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
+    Root: import("react").ForwardRefExoticComponent<Omit<CollapsiblePrimitive.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    RootProvider: import("react").ForwardRefExoticComponent<Omit<CollapsiblePrimitive.RootProviderProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Context: (props: CollapsiblePrimitive.ContextProps) => import("react").ReactNode;
+    Trigger: import("react").ForwardRefExoticComponent<Omit<CollapsiblePrimitive.TriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    Indicator: import("react").ForwardRefExoticComponent<Omit<CollapsiblePrimitive.IndicatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Content: import("react").ForwardRefExoticComponent<Omit<CollapsiblePrimitive.ContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Body: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLDivElement>>;
 };
-//#endregion
-export { Collapsible$1 as Collapsible, useCollapsible };
+export { Collapsible, useCollapsible, useCollapsibleContext };

package/dist/components/collapsible/Collapsible.js

@@ -1,71 +1,71 @@
-import { normalizeClassName } from "../../lib/moduix/normalizeClassName.js";
-import { ChevronDownIcon } from "../../lib/moduix/icons/ui/Icons.js";
-import Collapsible_module_default from "./Collapsible.module.js";
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { Collapsible, useCollapsible, useCollapsibleContext } from "@ark-ui/react/collapsible";
 import { ark } from "@ark-ui/react/factory";
 import { clsx } from "clsx";
 import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-import { Collapsible, useCollapsible } from "@ark-ui/react/collapsible";
-//#region src/components/collapsible/Collapsible.tsx
-const CollapsibleRoot = forwardRef(function CollapsibleRoot({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Collapsible.Root, {
-		ref,
-		"data-slot": "collapsible-root",
-		className: clsx(Collapsible_module_default.root, normalizeClassName(className)),
-		...props
-	});
+import { ChevronDownIcon } from "../../internal/icons/ui/index.js";
+import { normalizeClassName } from "../../internal/normalizeClassName.js";
+import Collapsible_module from "./Collapsible.module.js";
+const Collapsible_CollapsibleRoot = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Collapsible.Root, {
+        ref: ref,
+        "data-slot": "collapsible-root",
+        className: clsx(Collapsible_module.root, normalizeClassName(className)),
+        ...props
+    });
 });
-const CollapsibleRootProvider = forwardRef(function CollapsibleRootProvider({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Collapsible.RootProvider, {
-		ref,
-		"data-slot": "collapsible-root-provider",
-		className: clsx(Collapsible_module_default.root, normalizeClassName(className)),
-		...props
-	});
+const Collapsible_CollapsibleRootProvider = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Collapsible.RootProvider, {
+        ref: ref,
+        "data-slot": "collapsible-root-provider",
+        className: clsx(Collapsible_module.root, normalizeClassName(className)),
+        ...props
+    });
 });
-const CollapsibleTrigger = forwardRef(function CollapsibleTrigger({ asChild, className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Collapsible.Trigger, {
-		ref,
-		asChild,
-		"data-slot": "collapsible-trigger",
-		className: clsx(!asChild && Collapsible_module_default.trigger, normalizeClassName(className)),
-		...props
-	});
+const Collapsible_CollapsibleTrigger = /*#__PURE__*/ forwardRef(function({ asChild, className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Collapsible.Trigger, {
+        ref: ref,
+        asChild: asChild,
+        "data-slot": "collapsible-trigger",
+        className: clsx(!asChild && Collapsible_module.trigger, normalizeClassName(className)),
+        ...props
+    });
 });
-const CollapsibleIndicator = forwardRef(function CollapsibleIndicator({ className, children, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Collapsible.Indicator, {
-		ref,
-		"data-slot": "collapsible-indicator",
-		className: clsx(Collapsible_module_default.indicator, normalizeClassName(className)),
-		...props,
-		children: children ?? /* @__PURE__ */ jsx(ChevronDownIcon, {})
-	});
+const Collapsible_CollapsibleIndicator = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Collapsible.Indicator, {
+        ref: ref,
+        "data-slot": "collapsible-indicator",
+        className: clsx(Collapsible_module.indicator, normalizeClassName(className)),
+        ...props,
+        children: children ?? /*#__PURE__*/ jsx(ChevronDownIcon, {})
+    });
 });
-const CollapsibleContent = forwardRef(function CollapsibleContent({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Collapsible.Content, {
-		ref,
-		"data-slot": "collapsible-content",
-		className: clsx(Collapsible_module_default.content, normalizeClassName(className)),
-		...props
-	});
+const Collapsible_CollapsibleContent = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Collapsible.Content, {
+        ref: ref,
+        "data-slot": "collapsible-content",
+        className: clsx(Collapsible_module.content, normalizeClassName(className)),
+        ...props
+    });
 });
-const CollapsibleBody = forwardRef(function CollapsibleBody({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(ark.div, {
-		ref,
-		"data-scope": "collapsible",
-		"data-part": "body",
-		"data-slot": "collapsible-body",
-		className: clsx(Collapsible_module_default.body, normalizeClassName(className)),
-		...props
-	});
+const Collapsible_CollapsibleBody = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.div, {
+        ref: ref,
+        "data-scope": "collapsible",
+        "data-part": "body",
+        "data-slot": "collapsible-body",
+        className: clsx(Collapsible_module.body, normalizeClassName(className)),
+        ...props
+    });
 });
-const Collapsible$1 = Object.assign(CollapsibleRoot, {
-	Root: CollapsibleRoot,
-	RootProvider: CollapsibleRootProvider,
-	Trigger: CollapsibleTrigger,
-	Indicator: CollapsibleIndicator,
-	Content: CollapsibleContent,
-	Body: CollapsibleBody
+const Collapsible_Collapsible = Object.assign(Collapsible_CollapsibleRoot, {
+    Root: Collapsible_CollapsibleRoot,
+    RootProvider: Collapsible_CollapsibleRootProvider,
+    Context: Collapsible.Context,
+    Trigger: Collapsible_CollapsibleTrigger,
+    Indicator: Collapsible_CollapsibleIndicator,
+    Content: Collapsible_CollapsibleContent,
+    Body: Collapsible_CollapsibleBody
 });
-//#endregion
-export { Collapsible$1 as Collapsible, useCollapsible };
+export { Collapsible_Collapsible as Collapsible, useCollapsible, useCollapsibleContext };

package/dist/components/collapsible/Collapsible.module.js

@@ -1,13 +1,13 @@
-import './Collapsible.css';
-//#region src/components/collapsible/Collapsible.module.css
-var Collapsible_module_default = {
-	"body": "CaaIva_body",
-	"collapsible-content-closed": "CaaIva_collapsible-content-closed",
-	"collapsible-content-open": "CaaIva_collapsible-content-open",
-	"content": "CaaIva_content",
-	"indicator": "CaaIva_indicator",
-	"root": "CaaIva_root",
-	"trigger": "CaaIva_trigger"
+import "./Collapsible_module.css";
+const Collapsible_module = {
+    root: "root-Z4Oayn",
+    trigger: "trigger-o93fRO",
+    indicator: "indicator-ll1vd8",
+    content: "content-dHAw0w",
+    "collapsible-content-open": "collapsible-content-open-Su6gb3",
+    collapsibleContentOpen: "collapsible-content-open-Su6gb3",
+    "collapsible-content-closed": "collapsible-content-closed-EkdIr9",
+    collapsibleContentClosed: "collapsible-content-closed-EkdIr9",
+    body: "body-TpC0eh"
 };
-//#endregion
-export { Collapsible_module_default as default };
+export default Collapsible_module;