@moduix/react 1.1.0 → 2.0.0

package/dist/components/checkbox/Checkbox.js

@@ -1,35 +1,31 @@
-import { CheckIcon, IndeterminateIcon } from "../../lib/moduix/icons/ui/Icons.js";
 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";
-import { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";
-import { forwardRef } from "react";
-import { Checkbox } from "@ark-ui/react/checkbox";
+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({ className, size = "md", ...props }, ref) {
+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
+		...props,
+		children: withHiddenInput(children, asChild)
 	});
 });
-const CheckboxRootProvider = forwardRef(function CheckboxRootProvider({ className, size = "md", ...props }, ref) {
+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
-	});
-});
-const CheckboxControl = forwardRef(function CheckboxControl({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Checkbox.Control, {
-		ref,
-		"data-slot": "checkbox-control",
-		className: clsx(Checkbox_module_default.control, normalizeClassName(className)),
-		...props
+		...props,
+		children: withHiddenInput(children, asChild)
 	});
 });
 const CheckboxIndicator = forwardRef(function CheckboxIndicator({ className, children, indeterminate, ...props }, ref) {
@@ -48,13 +44,21 @@ const CheckboxIndicator = forwardRef(function CheckboxIndicator({ className, chi
 		})
 	});
 });
-const CheckboxHiddenInput = forwardRef(function CheckboxHiddenInput(props, ref) {
-	return /* @__PURE__ */ jsx(Checkbox.HiddenInput, {
+const CheckboxControl = forwardRef(function CheckboxControl({ children, className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Checkbox.Control, {
 		ref,
-		"data-slot": "checkbox-hidden-input",
-		...props
+		"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 })] })
 	});
 });
+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 CheckboxLabel = forwardRef(function CheckboxLabel({ className, ...props }, ref) {
 	return /* @__PURE__ */ jsx(Checkbox.Label, {
 		ref,
@@ -76,9 +80,8 @@ const Checkbox$1 = Object.assign(CheckboxRoot, {
 	RootProvider: CheckboxRootProvider,
 	Control: CheckboxControl,
 	Indicator: CheckboxIndicator,
-	HiddenInput: CheckboxHiddenInput,
 	Label: CheckboxLabel,
 	Group: CheckboxGroup
 });
 //#endregion
-export { Checkbox$1 as Checkbox };
+export { Checkbox$1 as Checkbox, useCheckbox, useCheckboxGroup };

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

@@ -1,12 +1,12 @@
 import './Checkbox.css';
 //#region src/components/checkbox/Checkbox.module.css
 var Checkbox_module_default = {
-	"control": "xohwwq_control",
-	"group": "xohwwq_group",
-	"icon": "xohwwq_icon",
-	"indicator": "xohwwq_indicator",
-	"label": "xohwwq_label",
-	"root": "xohwwq_root"
+	"control": "NxmH7W_control",
+	"group": "NxmH7W_group",
+	"icon": "NxmH7W_icon",
+	"indicator": "NxmH7W_indicator",
+	"label": "NxmH7W_label",
+	"root": "NxmH7W_root"
 };
 //#endregion
 export { Checkbox_module_default as default };

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

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

package/dist/components/clipboard/Clipboard.css

@@ -1,28 +1,28 @@
 @layer ui.components {
-  .BmLivq_root {
+  .eM1-oW_root {
     gap: var(--clipboard-gap, .375rem);
     width: var(--clipboard-width, 100%);
-    max-width: var(--clipboard-max-width, 20rem);
+    max-width: var(--clipboard-max-width, none);
     color: var(--clipboard-color, var(--color-foreground));
     flex-direction: column;
     display: flex;
   }
 
-  .BmLivq_label {
+  .eM1-oW_label {
     color: var(--clipboard-label-color, currentColor);
     font-size: var(--clipboard-label-font-size, var(--text-sm));
     font-weight: var(--clipboard-label-font-weight, var(--weight-medium));
     line-height: var(--clipboard-label-line-height, var(--line-height-text-sm));
   }
 
-  .BmLivq_control {
+  .eM1-oW_control {
     align-items: center;
     gap: var(--clipboard-control-gap, var(--spacing-2));
     width: 100%;
     display: flex;
   }
 
-  .BmLivq_input {
+  .eM1-oW_input {
     box-sizing: border-box;
     width: 100%;
     min-width: 0;
@@ -68,7 +68,7 @@
     }
   }
 
-  .BmLivq_trigger {
+  .eM1-oW_trigger {
     box-sizing: border-box;
     justify-content: center;
     align-items: center;
@@ -125,14 +125,14 @@
     }
   }
 
-  .BmLivq_indicator, .BmLivq_icon {
+  .eM1-oW_indicator, .eM1-oW_icon {
     flex-shrink: 0;
     justify-content: center;
     align-items: center;
     display: inline-flex;
   }
 
-  .BmLivq_valueText {
+  .eM1-oW_valueText {
     min-width: 0;
     color: var(--clipboard-value-text-color, currentColor);
     font-size: var(--clipboard-value-text-font-size, inherit);

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

@@ -9,7 +9,9 @@ declare const Clipboard$1: import("react").ForwardRefExoticComponent<Omit<Clipbo
   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;
 };
 //#endregion
 export { Clipboard$1 as Clipboard };

package/dist/components/clipboard/Clipboard.js

@@ -1,10 +1,10 @@
-import { CheckIcon, CopyIcon } from "../../lib/moduix/icons/ui/Icons.js";
 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";
-import { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { forwardRef } from "react";
-import { Clipboard } from "@ark-ui/react/clipboard";
+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, {
@@ -82,6 +82,15 @@ const ClipboardValueText = forwardRef(function ClipboardValueText({ 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$1 = Object.assign(ClipboardRoot, {
 	Root: ClipboardRoot,
 	RootProvider: ClipboardRootProvider,
@@ -90,7 +99,9 @@ const Clipboard$1 = Object.assign(ClipboardRoot, {
 	Input: ClipboardInput,
 	Trigger: ClipboardTrigger,
 	Indicator: ClipboardIndicator,
-	ValueText: ClipboardValueText
+	CopyText: ClipboardCopyText,
+	ValueText: ClipboardValueText,
+	useClipboard
 });
 //#endregion
 export { Clipboard$1 as Clipboard };

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

@@ -1,14 +1,14 @@
 import './Clipboard.css';
 //#region src/components/clipboard/Clipboard.module.css
 var Clipboard_module_default = {
-	"control": "BmLivq_control",
-	"icon": "BmLivq_icon",
-	"indicator": "BmLivq_indicator",
-	"input": "BmLivq_input",
-	"label": "BmLivq_label",
-	"root": "BmLivq_root",
-	"trigger": "BmLivq_trigger",
-	"valueText": "BmLivq_valueText"
+	"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"
 };
 //#endregion
 export { Clipboard_module_default as default };

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

@@ -1,5 +1,5 @@
 @layer ui.components {
-  .CLvmvW_root {
+  ._8WDg2W_root {
     box-sizing: border-box;
     width: var(--close-button-size, 28px);
     height: var(--close-button-size, 28px);

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

@@ -1,6 +1,16 @@
 //#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 & import("react").RefAttributes<HTMLButtonElement>> & {
-  Root: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLButtonElement>>;
+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>>;
 };
 //#endregion
 export { CloseButton };

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

@@ -1,13 +1,13 @@
-import { CloseIcon } from "../../lib/moduix/icons/ui/Icons.js";
 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, ...props }, ref) {
-	const isDisabled = disabled || ariaDisabled === true || ariaDisabled === "true";
+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();
@@ -19,18 +19,18 @@ const CloseButtonRoot = forwardRef(function CloseButtonRoot({ asChild, className
 	return /* @__PURE__ */ jsx(ark.button, {
 		ref,
 		asChild,
+		...props,
 		type: asChild ? type : type ?? "button",
 		disabled,
-		"data-scope": "close-button",
-		"data-part": "root",
-		"data-slot": "close-button-root",
-		"data-disabled": isDisabled ? "" : void 0,
+		"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,
-		...props,
 		children: children ?? /* @__PURE__ */ jsx(CloseIcon, {})
 	});
 });

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": "CLvmvW_root" };
+var CloseButton_module_default = { "root": "_8WDg2W_root" };
 //#endregion
 export { CloseButton_module_default as default };

package/dist/components/collapsible/Collapsible.css

@@ -1,5 +1,5 @@
 @layer ui.components {
-  @keyframes s7-WFq_collapsible-content-open {
+  @keyframes CaaIva_collapsible-content-open {
     from {
       height: var(--collapsed-height, 0);
       width: var(--collapsed-width, var(--width));
@@ -13,7 +13,7 @@
     }
   }
 
-  @keyframes s7-WFq_collapsible-content-closed {
+  @keyframes CaaIva_collapsible-content-closed {
     from {
       height: var(--height);
       width: var(--width);
@@ -27,9 +27,9 @@
     }
   }
 
-  .s7-WFq_root {
+  .CaaIva_root {
     box-sizing: border-box;
-    width: var(--collapsible-width, 14rem);
+    width: var(--collapsible-width, 100%);
     max-width: var(--collapsible-max-width, 100%);
     min-width: 0;
     color: var(--collapsible-color, var(--color-foreground));
@@ -37,7 +37,7 @@
     display: flex;
   }
 
-  .s7-WFq_trigger {
+  .CaaIva_trigger {
     box-sizing: border-box;
     justify-content: space-between;
     align-items: center;
@@ -85,7 +85,7 @@
     }
   }
 
-  .s7-WFq_indicator {
+  .CaaIva_indicator {
     box-sizing: border-box;
     width: var(--collapsible-indicator-size, .75rem);
     height: var(--collapsible-indicator-size, .75rem);
@@ -101,7 +101,7 @@
     }
 
     &[data-state="open"] {
-      transform: var(--collapsible-indicator-open-transform, rotate(90deg));
+      transform: var(--collapsible-indicator-open-transform, rotate(180deg));
     }
 
     &[data-disabled] {
@@ -109,7 +109,7 @@
     }
   }
 
-  .s7-WFq_content {
+  .CaaIva_content {
     --collapsed-height: 0;
     box-sizing: border-box;
     color: var(--collapsible-content-color, var(--color-muted-foreground));
@@ -118,7 +118,7 @@
     overflow: hidden;
 
     &[data-state="open"] {
-      animation: s7-WFq_collapsible-content-open
+      animation: CaaIva_collapsible-content-open
         var(--collapsible-content-transition, var(--transition-default));
 
       &[data-has-collapsed-size] {
@@ -127,7 +127,7 @@
     }
 
     &[data-state="closed"] {
-      animation: s7-WFq_collapsible-content-closed
+      animation: CaaIva_collapsible-content-closed
         var(--collapsible-content-transition, var(--transition-default));
 
       &[data-has-collapsed-size] {
@@ -135,4 +135,11 @@
       }
     }
   }
+
+  .CaaIva_body {
+    gap: var(--collapsible-body-gap, var(--spacing-2));
+    min-width: 0;
+    padding: var(--collapsible-body-padding, var(--spacing-2));
+    display: grid;
+  }
 }

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

@@ -1,4 +1,4 @@
-import { Collapsible } from "@ark-ui/react/collapsible";
+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>> & {
@@ -7,6 +7,7 @@ declare const Collapsible$1: import("react").ForwardRefExoticComponent<Omit<Coll
   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>>;
 };
 //#endregion
-export { Collapsible$1 as Collapsible };
+export { Collapsible$1 as Collapsible, useCollapsible };

package/dist/components/collapsible/Collapsible.js

@@ -1,10 +1,11 @@
-import { ChevronRightIcon } from "../../lib/moduix/icons/ui/Icons.js";
 import { normalizeClassName } from "../../lib/moduix/normalizeClassName.js";
+import { ChevronDownIcon } from "../../lib/moduix/icons/ui/Icons.js";
 import Collapsible_module_default from "./Collapsible.module.js";
-import { jsx } from "react/jsx-runtime";
+import { ark } from "@ark-ui/react/factory";
 import { clsx } from "clsx";
 import { forwardRef } from "react";
-import { Collapsible } from "@ark-ui/react/collapsible";
+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, {
@@ -37,7 +38,7 @@ const CollapsibleIndicator = forwardRef(function CollapsibleIndicator({ classNam
 		"data-slot": "collapsible-indicator",
 		className: clsx(Collapsible_module_default.indicator, normalizeClassName(className)),
 		...props,
-		children: children ?? /* @__PURE__ */ jsx(ChevronRightIcon, {})
+		children: children ?? /* @__PURE__ */ jsx(ChevronDownIcon, {})
 	});
 });
 const CollapsibleContent = forwardRef(function CollapsibleContent({ className, ...props }, ref) {
@@ -48,12 +49,23 @@ const CollapsibleContent = forwardRef(function CollapsibleContent({ 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$1 = Object.assign(CollapsibleRoot, {
 	Root: CollapsibleRoot,
 	RootProvider: CollapsibleRootProvider,
 	Trigger: CollapsibleTrigger,
 	Indicator: CollapsibleIndicator,
-	Content: CollapsibleContent
+	Content: CollapsibleContent,
+	Body: CollapsibleBody
 });
 //#endregion
-export { Collapsible$1 as Collapsible };
+export { Collapsible$1 as Collapsible, useCollapsible };

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

@@ -1,12 +1,13 @@
 import './Collapsible.css';
 //#region src/components/collapsible/Collapsible.module.css
 var Collapsible_module_default = {
-	"collapsible-content-closed": "s7-WFq_collapsible-content-closed",
-	"collapsible-content-open": "s7-WFq_collapsible-content-open",
-	"content": "s7-WFq_content",
-	"indicator": "s7-WFq_indicator",
-	"root": "s7-WFq_root",
-	"trigger": "s7-WFq_trigger"
+	"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"
 };
 //#endregion
 export { Collapsible_module_default as default };

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

@@ -1,2 +1,2 @@
-import { Collapsible } from "./Collapsible.js";
-export { Collapsible };
+import { Collapsible, useCollapsible } from "./Collapsible.js";
+export { Collapsible, useCollapsible };