@skdx/react 0.28.0 → 0.30.0

package/dist/clipboard/Clipboard.d.cts

@@ -1,56 +1,19 @@
 import * as React from 'react';
 import type { ClipboardContextValue, ClipboardHandle, ClipboardProps } from './types.cjs';
-export declare const ClipboardProvider: {
-    (props: ClipboardContextValue & {
-        children: React.ReactNode;
-    }): React.JSX.Element;
-    displayName: string;
-}, useClipboardContext: (consumerName: string) => ClipboardContextValue;
+export declare const ClipboardProvider: React.FC<ClipboardContextValue & {
+    children: React.ReactNode;
+}>, useClipboardContext: (consumerName: string) => ClipboardContextValue;
 /**
- * Root of a copy-to-clipboard widget: owns the text to copy and the transient
- * copy state, and hands both down to `ClipboardTrigger`, `ClipboardIndicator`
- * and `ClipboardInput` via context. Renders a `<div>` with
- * `data-state="copied" | "idle" | "error"` and `data-disabled`.
- *
- * A successful copy flips `data-state` to `"copied"`, calls `onCopySuccess`, and
- * announces politely through the shared live region — a checkmark that swaps
- * in silently is invisible to a screen-reader user, who otherwise has no way
- * to know the button did anything. The state falls back to `"idle"` after
- * `timeout` ms; a second copy restarts that timer rather than inheriting the
- * remainder of the first one, and unmounting cancels it.
- *
- * A **failed** copy is the mirror image: it flips
- * to `data-state="error"` for the same window, announces `errorLabel`
- * *assertively*, and calls `onCopyError`. The politeness
- * differs on purpose — the user is on their way to paste, and a polite failure
- * arrives after they have pasted the previous clipboard contents.
- *
- * Copying goes through `navigator.clipboard.writeText` where available and
- * through a hidden-textarea + `execCommand` fallback where it is not (or where
- * it rejects), so a page on plain HTTP still copies. Errors are never thrown
- * into render and never swallowed.
- *
- * The copy state belongs to the **root**, so two Triggers under one root both
- * confirm when either is pressed — they copy the same value,
- * and one confirming while its twin stays idle would claim the other button had
- * not run. For a per-button confirmation, use two roots.
- *
- * `copy()` is published on the forwarded ref, so the write can be performed
- * without a Trigger to press.
- *
- * The Trigger carries the accessible name and the Indicators are `aria-hidden`
- * glyphs. Swapping the button's *text* instead — "Copy" to "Copied!" — renames
- * the control mid-copy, which moves the target the user was about to click
- * again and re-announces the whole button on focus; see {@link ClipboardTrigger}.
- *
- * Given no `children` it draws the derived anatomy from `label`/`showInput`.
- * Given children, they are rendered verbatim for full manual composition —
- * only presence is inspected, never what the children are; reach for
- * `@skdx/react/primitives/clipboard` for the parts.
+ * Root of a copy-to-clipboard widget that owns the value and transient copy state, rendering a `<div>` with `data-state="copied"|"idle"|"error"` and `data-disabled` for its parts.
  *
  * @example
  * ```tsx
  * <Clipboard value="npm i @skdx/react" label="Copy install command" showInput />
  * ```
  */
-export declare const Clipboard: React.ForwardRefExoticComponent<Omit<ClipboardProps, "ref"> & React.RefAttributes<ClipboardHandle>>;
+export declare const Clipboard: {
+    ({ value, timeout, onCopySuccess, onCopyError, disabled, copiedLabel, errorLabel, label, showInput, inputLabel, children, ref: forwardedRef, size, ...props }: Omit<ClipboardProps, "ref"> & {
+        ref?: React.Ref<ClipboardHandle> | undefined;
+    }): React.ReactNode;
+    displayName: string;
+};

package/dist/clipboard/Clipboard.d.ts

@@ -1,56 +1,19 @@
 import * as React from 'react';
 import type { ClipboardContextValue, ClipboardHandle, ClipboardProps } from './types.js';
-export declare const ClipboardProvider: {
-    (props: ClipboardContextValue & {
-        children: React.ReactNode;
-    }): React.JSX.Element;
-    displayName: string;
-}, useClipboardContext: (consumerName: string) => ClipboardContextValue;
+export declare const ClipboardProvider: React.FC<ClipboardContextValue & {
+    children: React.ReactNode;
+}>, useClipboardContext: (consumerName: string) => ClipboardContextValue;
 /**
- * Root of a copy-to-clipboard widget: owns the text to copy and the transient
- * copy state, and hands both down to `ClipboardTrigger`, `ClipboardIndicator`
- * and `ClipboardInput` via context. Renders a `<div>` with
- * `data-state="copied" | "idle" | "error"` and `data-disabled`.
- *
- * A successful copy flips `data-state` to `"copied"`, calls `onCopySuccess`, and
- * announces politely through the shared live region — a checkmark that swaps
- * in silently is invisible to a screen-reader user, who otherwise has no way
- * to know the button did anything. The state falls back to `"idle"` after
- * `timeout` ms; a second copy restarts that timer rather than inheriting the
- * remainder of the first one, and unmounting cancels it.
- *
- * A **failed** copy is the mirror image: it flips
- * to `data-state="error"` for the same window, announces `errorLabel`
- * *assertively*, and calls `onCopyError`. The politeness
- * differs on purpose — the user is on their way to paste, and a polite failure
- * arrives after they have pasted the previous clipboard contents.
- *
- * Copying goes through `navigator.clipboard.writeText` where available and
- * through a hidden-textarea + `execCommand` fallback where it is not (or where
- * it rejects), so a page on plain HTTP still copies. Errors are never thrown
- * into render and never swallowed.
- *
- * The copy state belongs to the **root**, so two Triggers under one root both
- * confirm when either is pressed — they copy the same value,
- * and one confirming while its twin stays idle would claim the other button had
- * not run. For a per-button confirmation, use two roots.
- *
- * `copy()` is published on the forwarded ref, so the write can be performed
- * without a Trigger to press.
- *
- * The Trigger carries the accessible name and the Indicators are `aria-hidden`
- * glyphs. Swapping the button's *text* instead — "Copy" to "Copied!" — renames
- * the control mid-copy, which moves the target the user was about to click
- * again and re-announces the whole button on focus; see {@link ClipboardTrigger}.
- *
- * Given no `children` it draws the derived anatomy from `label`/`showInput`.
- * Given children, they are rendered verbatim for full manual composition —
- * only presence is inspected, never what the children are; reach for
- * `@skdx/react/primitives/clipboard` for the parts.
+ * Root of a copy-to-clipboard widget that owns the value and transient copy state, rendering a `<div>` with `data-state="copied"|"idle"|"error"` and `data-disabled` for its parts.
  *
  * @example
  * ```tsx
  * <Clipboard value="npm i @skdx/react" label="Copy install command" showInput />
  * ```
  */
-export declare const Clipboard: React.ForwardRefExoticComponent<Omit<ClipboardProps, "ref"> & React.RefAttributes<ClipboardHandle>>;
+export declare const Clipboard: {
+    ({ value, timeout, onCopySuccess, onCopyError, disabled, copiedLabel, errorLabel, label, showInput, inputLabel, children, ref: forwardedRef, size, ...props }: Omit<ClipboardProps, "ref"> & {
+        ref?: React.Ref<ClipboardHandle> | undefined;
+    }): React.ReactNode;
+    displayName: string;
+};

package/dist/clipboard/Clipboard.js

@@ -1 +1,2 @@
-import*as a from"react";import{createSafeContext as Z}from"../utils/createContext.js";import{announce as N}from"../utils/liveAnnouncer.js";import{skdxPart as _}from"../utils/part.js";import{Primitive as $}from"../utils/primitive.js";import{useCallbackRef as S}from"../utils/useCallbackRef.js";import*as T from"react";import{skdxPart as q}from"../utils/part.js";import{Presence as B}from"../utils/presence.js";import{Primitive as D}from"../utils/primitive.js";import{jsx as P}from"react/jsx-runtime";var l=T.forwardRef(({match:e="copied",...o},t)=>{let r=n("ClipboardIndicator").state;return P(B,{present:r===e,children:P(D.span,{"aria-hidden":!0,"data-state":r,...o,...q("clipboard","indicator",o.className),ref:t})})});l.displayName="ClipboardIndicator";import*as I from"react";import{skdxPart as G}from"../utils/part.js";import{composeEventHandlers as W,Primitive as z}from"../utils/primitive.js";import{jsx as J}from"react/jsx-runtime";var f=I.forwardRef((e,o)=>{let t=n("ClipboardInput");return J(z.input,{type:"text","data-state":t.state,"data-disabled":t.disabled?"":void 0,"aria-disabled":t.disabled||void 0,...e,value:t.value,readOnly:!0,...G("clipboard","input",e.className),ref:o,onFocus:W(e.onFocus,i=>i.currentTarget.select())})});f.displayName="ClipboardInput";import*as E from"react";import{skdxPart as K}from"../utils/part.js";import{composeEventHandlers as Q,Primitive as U}from"../utils/primitive.js";import{jsx as X}from"react/jsx-runtime";var u=E.forwardRef(({disabled:e,...o},t)=>{let i=n("ClipboardTrigger"),r=i.disabled||e||!1;return X(U.button,{type:"button","data-state":i.state,"data-disabled":r?"":void 0,disabled:r,...o,...K("clipboard","trigger",o.className),ref:t,onClick:Q(o.onClick,()=>i.copy())})});u.displayName="ClipboardTrigger";import{Fragment as Y,jsx as C,jsxs as k}from"react/jsx-runtime";var H=({label:e,showInput:o,inputLabel:t})=>k(Y,{children:[o?C(f,{"aria-label":t}):null,k(u,{"aria-label":e,children:[C(l,{match:"idle",children:"Copy"}),C(l,{match:"copied",children:"Copied"})]})]});import{jsx as y}from"react/jsx-runtime";var[j,n]=Z("Clipboard");function ee(e){let o=document.activeElement,t=document.createElement("textarea");t.value=e,t.setAttribute("readonly",""),t.style.cssText="position:fixed;top:0;left:-9999px;opacity:0;",document.body.appendChild(t);try{if(t.select(),typeof document.execCommand!="function"||!document.execCommand("copy"))throw new Error('[skandadx] `document.execCommand("copy")` is unavailable or was rejected.')}finally{t.remove(),o?.focus()}}async function te(e){if(navigator.clipboard?.writeText)try{await navigator.clipboard.writeText(e);return}catch{}ee(e)}var A=a.forwardRef(({value:e,timeout:o=2e3,onCopySuccess:t,onCopyError:i,disabled:r=!1,copiedLabel:p="Copied to clipboard",errorLabel:s="Copy failed",label:M="Copy",showInput:O=!1,inputLabel:F="Value to copy",children:L,...h},V)=>{let[x,g]=a.useState("idle"),c=a.useRef(void 0),m=a.useRef(null),v=S(t),w=S(i);a.useEffect(()=>()=>clearTimeout(c.current),[]);let R=a.useCallback(()=>{if(r)return;let d=b=>{g(b),clearTimeout(c.current),o!==null&&(c.current=setTimeout(()=>g("idle"),o))};te(e).then(()=>{d("copied"),p&&N(p),v(e)},b=>{d("error"),s&&N(s,"assertive"),w(b)})},[r,e,o,p,s,v,w]);return a.useImperativeHandle(V,()=>{let d={copy:R};return m.current?Object.assign(m.current,d):d}),y(j,{value:e,state:x,disabled:r,copy:R,children:y($.div,{"data-state":x,"data-disabled":r?"":void 0,...h,..._("clipboard","root",h.className),ref:m,children:L??y(H,{label:M,showInput:O,inputLabel:F})})})});A.displayName="Clipboard";export{A as Clipboard,l as ClipboardIndicator,f as ClipboardInput,j as ClipboardProvider,u as ClipboardTrigger,n as useClipboardContext};
+'use client';
+import*as a from"react";import{appearanceAttrs as U}from"../utils/appearance.js";import{createSafeContext as Y}from"../utils/createContext.js";import{announce as E}from"../utils/liveAnnouncer.js";import{skdxPart as Z}from"../utils/part.js";import{Primitive as _}from"../utils/primitive.js";import{useCallbackRef as N}from"../utils/useCallbackRef.js";import{skdxPart as V}from"../utils/part.js";import{Presence as J}from"../utils/presence.js";import{Primitive as L}from"../utils/primitive.js";import{jsx as T}from"react/jsx-runtime";var p=({match:t="copied",ref:o,...e})=>{let i=n("ClipboardIndicator").state;return T(J,{present:i===t,children:T(L.span,{"aria-hidden":!0,"data-state":i,...e,...V("clipboard","indicator",e.className),ref:o})})};p.displayName="ClipboardIndicator";import{skdxPart as M}from"../utils/part.js";import{composeEventHandlers as X,Primitive as q}from"../utils/primitive.js";import{jsx as B}from"react/jsx-runtime";var C=({ref:t,...o})=>{let e=n("ClipboardInput");return B(q.input,{type:"text","data-state":e.state,"data-disabled":e.disabled?"":void 0,"aria-disabled":e.disabled||void 0,...o,value:e.value,readOnly:!0,...M("clipboard","input",o.className),ref:t,onFocus:X(o.onFocus,r=>r.currentTarget.select())})};C.displayName="ClipboardInput";import{skdxPart as W}from"../utils/part.js";import{composeEventHandlers as z,Primitive as G}from"../utils/primitive.js";import{jsx as K}from"react/jsx-runtime";var y=({disabled:t,ref:o,...e})=>{let r=n("ClipboardTrigger"),i=r.disabled||t||!1;return K(G.button,{type:"button","data-state":r.state,"data-disabled":i?"":void 0,disabled:i,...e,...W("clipboard","trigger",e.className),ref:o,onClick:z(e.onClick,()=>r.copy())})};y.displayName="ClipboardTrigger";import{Fragment as Q,jsx as l,jsxs as I}from"react/jsx-runtime";var w=({label:t,showInput:o,inputLabel:e})=>I(Q,{children:[o?l(C,{"aria-label":e}):null,I(y,{"aria-label":t,children:[l(p,{match:"idle",children:"Copy"}),l(p,{match:"copied",children:"Copied"}),l(p,{match:"error",children:"Error"})]})]});import{jsx as x}from"react/jsx-runtime";var[$,n]=Y("Clipboard");function j(t){let o=document.activeElement,e=document.createElement("textarea");e.value=t,e.setAttribute("readonly",""),e.style.cssText="position:fixed;top:0;left:-9999px;opacity:0;",document.body.appendChild(e);let r=document;try{if(e.select(),typeof r.execCommand!="function"||!r.execCommand("copy"))throw new Error('[skandadx] `document.execCommand("copy")` is unavailable or was rejected.')}finally{e.remove(),o?.focus()}}async function ee(t){if(navigator.clipboard?.writeText)try{await navigator.clipboard.writeText(t);return}catch{}j(t)}var k=({value:t,timeout:o=2e3,onCopySuccess:e,onCopyError:r,disabled:i=!1,copiedLabel:c="Copied to clipboard",errorLabel:s="Copy failed",label:H="Copy",showInput:S=!1,inputLabel:A="Value to copy",children:D,ref:O,size:F,...m})=>{let[g,v]=a.useState("idle"),f=a.useRef(void 0),b=a.useRef(null),R=N(e),h=N(r);a.useEffect(()=>()=>clearTimeout(f.current),[]);let P=a.useCallback(()=>{if(i)return;let d=u=>{v(u),clearTimeout(f.current),o!==null&&(f.current=setTimeout(()=>v("idle"),o))};ee(t).then(()=>{d("copied"),c&&E(c),R(t)},u=>{d("error"),s&&E(s,"assertive"),h(u)})},[i,t,o,c,s,R,h]);return a.useImperativeHandle(O,()=>{let d={copy:P};return b.current?Object.assign(b.current,d):d}),x($,{value:t,state:g,disabled:i,copy:P,children:x(_.div,{"data-state":g,"data-disabled":i?"":void 0,...m,...U({size:F},m),...Z("clipboard","root",m.className),ref:b,children:D??x(w,{label:H,showInput:S,inputLabel:A})})})};k.displayName="Clipboard";export{k as Clipboard,p as ClipboardIndicator,C as ClipboardInput,$ as ClipboardProvider,y as ClipboardTrigger,n as useClipboardContext};

package/dist/clipboard/ClipboardAnatomy.d.cts

@@ -1,12 +1,7 @@
-/**
- * The anatomy a {@link Clipboard} draws when given no children: an `ClipboardInput`
- * named by `inputLabel` (when `showInput`), then a `ClipboardTrigger` named by `label`
- * holding an idle and a copied `ClipboardIndicator`.
- *
- * @internal
- */
+import type { JSX } from 'react';
+/** @internal The anatomy a {@link Clipboard} draws when given no children: an input (when `showInput`) followed by a trigger with idle/copied indicators. */
 export declare const ClipboardAnatomy: ({ label, showInput, inputLabel, }: {
     label: string;
     showInput: boolean;
     inputLabel: string;
-}) => import("react").JSX.Element;
+}) => JSX.Element;

package/dist/clipboard/ClipboardAnatomy.d.ts

@@ -1,12 +1,7 @@
-/**
- * The anatomy a {@link Clipboard} draws when given no children: an `ClipboardInput`
- * named by `inputLabel` (when `showInput`), then a `ClipboardTrigger` named by `label`
- * holding an idle and a copied `ClipboardIndicator`.
- *
- * @internal
- */
+import type { JSX } from 'react';
+/** @internal The anatomy a {@link Clipboard} draws when given no children: an input (when `showInput`) followed by a trigger with idle/copied indicators. */
 export declare const ClipboardAnatomy: ({ label, showInput, inputLabel, }: {
     label: string;
     showInput: boolean;
     inputLabel: string;
-}) => import("react").JSX.Element;
+}) => JSX.Element;

package/dist/clipboard/ClipboardIndicator.d.cts

@@ -1,10 +1,7 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { ClipboardIndicatorProps } from './types.cjs';
 /**
- * Renders children while {@link Clipboard} root is in the state named by `match` (`"copied"` by default).
- * Wrapped in {@link Presence} for CSS exit animations. `aria-hidden="true"` by default because the root's
- * live-region message announces the copy; avoid screen-reader duplication. Name the enclosing
- * {@link ClipboardTrigger} with a stable label instead.
+ * Renders children while the {@link Clipboard} root's state matches `match` (`"copied"` by default), hidden from assistive tech since the root's live region already announces the copy.
  *
  * @example
  * ```tsx
@@ -14,4 +11,7 @@ import type { ClipboardIndicatorProps } from './types.cjs';
  * </ClipboardTrigger>
  * ```
  */
-export declare const ClipboardIndicator: React.ForwardRefExoticComponent<Omit<ClipboardIndicatorProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export declare const ClipboardIndicator: {
+    ({ match, ref: forwardedRef, ...props }: ClipboardIndicatorProps): React.ReactNode;
+    displayName: string;
+};

package/dist/clipboard/ClipboardIndicator.d.ts

@@ -1,10 +1,7 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { ClipboardIndicatorProps } from './types.js';
 /**
- * Renders children while {@link Clipboard} root is in the state named by `match` (`"copied"` by default).
- * Wrapped in {@link Presence} for CSS exit animations. `aria-hidden="true"` by default because the root's
- * live-region message announces the copy; avoid screen-reader duplication. Name the enclosing
- * {@link ClipboardTrigger} with a stable label instead.
+ * Renders children while the {@link Clipboard} root's state matches `match` (`"copied"` by default), hidden from assistive tech since the root's live region already announces the copy.
  *
  * @example
  * ```tsx
@@ -14,4 +11,7 @@ import type { ClipboardIndicatorProps } from './types.js';
  * </ClipboardTrigger>
  * ```
  */
-export declare const ClipboardIndicator: React.ForwardRefExoticComponent<Omit<ClipboardIndicatorProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export declare const ClipboardIndicator: {
+    ({ match, ref: forwardedRef, ...props }: ClipboardIndicatorProps): React.ReactNode;
+    displayName: string;
+};

package/dist/clipboard/ClipboardInput.d.cts

@@ -1,8 +1,7 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { ClipboardInputProps } from './types.cjs';
 /**
- * Read-only field showing clipboard value with `data-state="copied" | "idle"`.
- * Selects all on focus. Root owns the text; no `value` prop. Requires `aria-label`.
+ * Read-only field showing the clipboard value, with `data-state="copied"|"idle"` and select-all on focus; requires `aria-label`.
  *
  * @example
  * ```tsx
@@ -12,4 +11,7 @@ import type { ClipboardInputProps } from './types.cjs';
  * </Clipboard>
  * ```
  */
-export declare const ClipboardInput: React.ForwardRefExoticComponent<Omit<ClipboardInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export declare const ClipboardInput: {
+    ({ ref: forwardedRef, ...props }: ClipboardInputProps): React.ReactNode;
+    displayName: string;
+};

package/dist/clipboard/ClipboardInput.d.ts

@@ -1,8 +1,7 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { ClipboardInputProps } from './types.js';
 /**
- * Read-only field showing clipboard value with `data-state="copied" | "idle"`.
- * Selects all on focus. Root owns the text; no `value` prop. Requires `aria-label`.
+ * Read-only field showing the clipboard value, with `data-state="copied"|"idle"` and select-all on focus; requires `aria-label`.
  *
  * @example
  * ```tsx
@@ -12,4 +11,7 @@ import type { ClipboardInputProps } from './types.js';
  * </Clipboard>
  * ```
  */
-export declare const ClipboardInput: React.ForwardRefExoticComponent<Omit<ClipboardInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export declare const ClipboardInput: {
+    ({ ref: forwardedRef, ...props }: ClipboardInputProps): React.ReactNode;
+    displayName: string;
+};

package/dist/clipboard/ClipboardTrigger.d.cts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { ClipboardTriggerProps } from './types.cjs';
 /**
  * Copy button for {@link Clipboard} root's `value` — `<button>` with `data-state="copied"|"idle"`. No built-in label; keep stable across copy.
@@ -11,4 +11,7 @@ import type { ClipboardTriggerProps } from './types.cjs';
  * </ClipboardTrigger>
  * ```
  */
-export declare const ClipboardTrigger: React.ForwardRefExoticComponent<Omit<ClipboardTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const ClipboardTrigger: {
+    ({ disabled: disabledProp, ref: forwardedRef, ...props }: ClipboardTriggerProps): React.ReactNode;
+    displayName: string;
+};

package/dist/clipboard/ClipboardTrigger.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { ClipboardTriggerProps } from './types.js';
 /**
  * Copy button for {@link Clipboard} root's `value` — `<button>` with `data-state="copied"|"idle"`. No built-in label; keep stable across copy.
@@ -11,4 +11,7 @@ import type { ClipboardTriggerProps } from './types.js';
  * </ClipboardTrigger>
  * ```
  */
-export declare const ClipboardTrigger: React.ForwardRefExoticComponent<Omit<ClipboardTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const ClipboardTrigger: {
+    ({ disabled: disabledProp, ref: forwardedRef, ...props }: ClipboardTriggerProps): React.ReactNode;
+    displayName: string;
+};

package/dist/clipboard/types.d.cts

@@ -10,14 +10,11 @@ export type ClipboardState = 'copied' | 'idle' | 'error';
  */
 export interface ClipboardHandle extends HTMLDivElement {
     /**
-     * Performs the copy a `ClipboardTrigger` would, from outside the component —
-     * a keyboard shortcut, a menu item elsewhere on the page, a retry after
-     * `onCopyError`. Same write, same state, same announcement, same callbacks.
-     * A no-op while the root is `disabled`.
+     * Performs the copy a `ClipboardTrigger` would, from outside the component; a no-op while the root is `disabled`.
      */
     copy(): void;
 }
-/** @internal Shared state distributed from {@link Clipboard} to its parts via context. Not part of the public API. */
+/** @internal Shared state distributed from {@link Clipboard} to its parts via context. */
 export interface ClipboardContextValue {
     value: string;
     /** The root's current state, which every part mirrors onto its own `data-state`. */
@@ -26,103 +23,78 @@ export interface ClipboardContextValue {
     copy: () => void;
 }
 /**
- * Props for the {@link Clipboard} root. Success callback is `onCopySuccess`
- * (copy trigger fired), distinct from React's `onCopy` (user selection copied).
+ * Props for the {@link Clipboard} root, whose `onCopySuccess` (copy trigger fired) is distinct from React's `onCopy` (user selection copied).
  */
 export interface ClipboardProps extends PrimitivePropsWithRef<'div'> {
     /** The text written to the system clipboard when a `ClipboardTrigger` is activated. */
     value: string;
     /**
-     * How long the `copied` state lasts, in milliseconds, before it falls back to
-     * `idle`. Pass `null` to keep `copied` until the next copy — for a flow where
-     * the confirmation should persist until the user does something else.
+     * How long the `copied` state lasts, in milliseconds, before falling back to `idle`; pass `null` to keep it until the next copy.
      * @default 2000 — long enough to read the confirmation, short enough that a second copy still feels like it did something.
      */
-    timeout?: number | null;
+    timeout?: number | null | undefined;
     /**
      * Fires with the copied text after the write succeeds — never on failure,
      * safe for analytics or toasts.
      * @default undefined — no-op if omitted.
      */
-    onCopySuccess?: (value: string) => void;
+    onCopySuccess?: ((value: string) => void) | undefined;
     /**
-     * Fires with the failure when both the async Clipboard API and the
-     * `execCommand` fallback fail — a denied permission, a page with no user
-     * gesture, a locked-down browser. Errors are reported here and nowhere else:
-     * nothing is thrown into render and nothing is swallowed silently, so a
-     * consumer can show "Press Ctrl+C to copy" instead of a dead button.
+     * Fires with the failure when both the async Clipboard API and the `execCommand` fallback fail; never thrown into render, never swallowed silently.
      * @default undefined — the error is reported nowhere if omitted, and the `copied` state simply never turns on.
      */
-    onCopyError?: (error: unknown) => void;
+    onCopyError?: ((error: unknown) => void) | undefined;
     /**
      * Disables the trigger and blocks copying entirely.
      * @default false
      */
-    disabled?: boolean;
+    disabled?: boolean | undefined;
     /**
-     * The polite live-region message announced after a successful copy — the
-     * only feedback a screen-reader user gets, since swapping a
-     * `ClipboardIndicator` changes nothing an assistive technology reads. Pass
-     * `''` to announce nothing.
+     * The polite live-region message announced after a successful copy, the only feedback a screen-reader user gets; pass `''` to announce nothing.
      * @default 'Copied to clipboard'
      */
-    copiedLabel?: string;
+    copiedLabel?: string | undefined;
     /**
-     * The live-region message announced when the copy *fails* — when both the
-     * async Clipboard API and the `execCommand` fallback are refused.
-     *
-     * Announced **assertively**, unlike `copiedLabel`, and the difference is
-     * deliberate: the user is on their way to paste, and a polite message queues
-     * behind whatever is being read and arrives after they have already pasted
-     * the *previous* clipboard contents. Politely-announced failure is
-     * unannounced failure.
-     *
-     * Pass `''` to announce nothing — the `data-state="error"` hook and
-     * `onCopyError` still fire.
+     * The live-region message announced *assertively* when the copy fails; pass `''` to announce nothing while `data-state="error"` and `onCopyError` still fire.
      * @default 'Copy failed'
      */
-    errorLabel?: string;
+    errorLabel?: string | undefined;
     /**
-     * The derived `ClipboardTrigger`'s accessible name. Ignored when `children`
-     * is given, where the trigger's `aria-label` is yours to set.
+     * The derived `ClipboardTrigger`'s accessible name; ignored when `children` is given.
      * @default 'Copy'
      */
-    label?: string;
+    label?: string | undefined;
     /**
-     * Renders a derived, read-only `ClipboardInput` showing `value` ahead of the
-     * trigger. Ignored when `children` is given.
+     * Renders a derived, read-only `ClipboardInput` showing `value` ahead of the trigger; ignored when `children` is given.
      * @default false
      */
-    showInput?: boolean;
+    showInput?: boolean | undefined;
     /**
-     * The derived `ClipboardInput`'s accessible name — a separate prop from
-     * `label` because that one names the trigger, a different control. Only
-     * rendered while `showInput` is set; ignored when `children` is given.
+     * The derived `ClipboardInput`'s accessible name, a separate prop from `label`; rendered only while `showInput` is set.
      * @default 'Value to copy'
      */
-    inputLabel?: string;
+    inputLabel?: string | undefined;
+    /**
+     * Size rung the skin scales the control by, mirrored to `data-size`.
+     * @default undefined — the skin's own default size.
+     */
+    size?: 'md' | 'sm' | 'lg' | (string & {}) | undefined;
 }
 /** Props for the {@link ClipboardTrigger} button. */
 export interface ClipboardTriggerProps extends PrimitivePropsWithRef<'button'> {
     /**
-     * Disables just this trigger. A disabled root disables every trigger
-     * regardless of this prop.
+     * Disables just this trigger; a disabled root disables every trigger regardless of this prop.
      * @default false — the trigger follows the root's `disabled`.
      */
-    disabled?: boolean;
+    disabled?: boolean | undefined;
 }
 /** Props for a {@link ClipboardIndicator}, the mark shown in one copy state. */
 export interface ClipboardIndicatorProps extends PrimitivePropsWithRef<'span'> {
     /**
-     * Which state this indicator renders in — `'copied'` for the checkmark,
-     * `'idle'` for the copy icon it replaces, `'error'` for a failure glyph.
-     *
-     * An `'error'` indicator is optional: the assertive announcement carries the
-     * meaning on its own, and a composition without one simply shows the idle
-     * icon again once the error window elapses.
+     * Which state this indicator renders in — `'copied'` for the checkmark, `'idle'` for the copy icon, `'error'` for a failure glyph.
      * @default 'copied' — the confirmation, which is the one that needs mounting logic.
      */
-    match?: ClipboardState;
+    match?: ClipboardState | undefined;
 }
 /** Props for the optional {@link ClipboardInput}. */
 export interface ClipboardInputProps extends Omit<PrimitivePropsWithRef<'input'>, 'value' | 'defaultValue'> {

package/dist/clipboard/types.d.ts

@@ -10,14 +10,11 @@ export type ClipboardState = 'copied' | 'idle' | 'error';
  */
 export interface ClipboardHandle extends HTMLDivElement {
     /**
-     * Performs the copy a `ClipboardTrigger` would, from outside the component —
-     * a keyboard shortcut, a menu item elsewhere on the page, a retry after
-     * `onCopyError`. Same write, same state, same announcement, same callbacks.
-     * A no-op while the root is `disabled`.
+     * Performs the copy a `ClipboardTrigger` would, from outside the component; a no-op while the root is `disabled`.
      */
     copy(): void;
 }
-/** @internal Shared state distributed from {@link Clipboard} to its parts via context. Not part of the public API. */
+/** @internal Shared state distributed from {@link Clipboard} to its parts via context. */
 export interface ClipboardContextValue {
     value: string;
     /** The root's current state, which every part mirrors onto its own `data-state`. */
@@ -26,103 +23,78 @@ export interface ClipboardContextValue {
     copy: () => void;
 }
 /**
- * Props for the {@link Clipboard} root. Success callback is `onCopySuccess`
- * (copy trigger fired), distinct from React's `onCopy` (user selection copied).
+ * Props for the {@link Clipboard} root, whose `onCopySuccess` (copy trigger fired) is distinct from React's `onCopy` (user selection copied).
  */
 export interface ClipboardProps extends PrimitivePropsWithRef<'div'> {
     /** The text written to the system clipboard when a `ClipboardTrigger` is activated. */
     value: string;
     /**
-     * How long the `copied` state lasts, in milliseconds, before it falls back to
-     * `idle`. Pass `null` to keep `copied` until the next copy — for a flow where
-     * the confirmation should persist until the user does something else.
+     * How long the `copied` state lasts, in milliseconds, before falling back to `idle`; pass `null` to keep it until the next copy.
      * @default 2000 — long enough to read the confirmation, short enough that a second copy still feels like it did something.
      */
-    timeout?: number | null;
+    timeout?: number | null | undefined;
     /**
      * Fires with the copied text after the write succeeds — never on failure,
      * safe for analytics or toasts.
      * @default undefined — no-op if omitted.
      */
-    onCopySuccess?: (value: string) => void;
+    onCopySuccess?: ((value: string) => void) | undefined;
     /**
-     * Fires with the failure when both the async Clipboard API and the
-     * `execCommand` fallback fail — a denied permission, a page with no user
-     * gesture, a locked-down browser. Errors are reported here and nowhere else:
-     * nothing is thrown into render and nothing is swallowed silently, so a
-     * consumer can show "Press Ctrl+C to copy" instead of a dead button.
+     * Fires with the failure when both the async Clipboard API and the `execCommand` fallback fail; never thrown into render, never swallowed silently.
      * @default undefined — the error is reported nowhere if omitted, and the `copied` state simply never turns on.
      */
-    onCopyError?: (error: unknown) => void;
+    onCopyError?: ((error: unknown) => void) | undefined;
     /**
      * Disables the trigger and blocks copying entirely.
      * @default false
      */
-    disabled?: boolean;
+    disabled?: boolean | undefined;
     /**
-     * The polite live-region message announced after a successful copy — the
-     * only feedback a screen-reader user gets, since swapping a
-     * `ClipboardIndicator` changes nothing an assistive technology reads. Pass
-     * `''` to announce nothing.
+     * The polite live-region message announced after a successful copy, the only feedback a screen-reader user gets; pass `''` to announce nothing.
      * @default 'Copied to clipboard'
      */
-    copiedLabel?: string;
+    copiedLabel?: string | undefined;
     /**
-     * The live-region message announced when the copy *fails* — when both the
-     * async Clipboard API and the `execCommand` fallback are refused.
-     *
-     * Announced **assertively**, unlike `copiedLabel`, and the difference is
-     * deliberate: the user is on their way to paste, and a polite message queues
-     * behind whatever is being read and arrives after they have already pasted
-     * the *previous* clipboard contents. Politely-announced failure is
-     * unannounced failure.
-     *
-     * Pass `''` to announce nothing — the `data-state="error"` hook and
-     * `onCopyError` still fire.
+     * The live-region message announced *assertively* when the copy fails; pass `''` to announce nothing while `data-state="error"` and `onCopyError` still fire.
      * @default 'Copy failed'
      */
-    errorLabel?: string;
+    errorLabel?: string | undefined;
     /**
-     * The derived `ClipboardTrigger`'s accessible name. Ignored when `children`
-     * is given, where the trigger's `aria-label` is yours to set.
+     * The derived `ClipboardTrigger`'s accessible name; ignored when `children` is given.
      * @default 'Copy'
      */
-    label?: string;
+    label?: string | undefined;
     /**
-     * Renders a derived, read-only `ClipboardInput` showing `value` ahead of the
-     * trigger. Ignored when `children` is given.
+     * Renders a derived, read-only `ClipboardInput` showing `value` ahead of the trigger; ignored when `children` is given.
      * @default false
      */
-    showInput?: boolean;
+    showInput?: boolean | undefined;
     /**
-     * The derived `ClipboardInput`'s accessible name — a separate prop from
-     * `label` because that one names the trigger, a different control. Only
-     * rendered while `showInput` is set; ignored when `children` is given.
+     * The derived `ClipboardInput`'s accessible name, a separate prop from `label`; rendered only while `showInput` is set.
      * @default 'Value to copy'
      */
-    inputLabel?: string;
+    inputLabel?: string | undefined;
+    /**
+     * Size rung the skin scales the control by, mirrored to `data-size`.
+     * @default undefined — the skin's own default size.
+     */
+    size?: 'md' | 'sm' | 'lg' | (string & {}) | undefined;
 }
 /** Props for the {@link ClipboardTrigger} button. */
 export interface ClipboardTriggerProps extends PrimitivePropsWithRef<'button'> {
     /**
-     * Disables just this trigger. A disabled root disables every trigger
-     * regardless of this prop.
+     * Disables just this trigger; a disabled root disables every trigger regardless of this prop.
      * @default false — the trigger follows the root's `disabled`.
      */
-    disabled?: boolean;
+    disabled?: boolean | undefined;
 }
 /** Props for a {@link ClipboardIndicator}, the mark shown in one copy state. */
 export interface ClipboardIndicatorProps extends PrimitivePropsWithRef<'span'> {
     /**
-     * Which state this indicator renders in — `'copied'` for the checkmark,
-     * `'idle'` for the copy icon it replaces, `'error'` for a failure glyph.
-     *
-     * An `'error'` indicator is optional: the assertive announcement carries the
-     * meaning on its own, and a composition without one simply shows the idle
-     * icon again once the error window elapses.
+     * Which state this indicator renders in — `'copied'` for the checkmark, `'idle'` for the copy icon, `'error'` for a failure glyph.
      * @default 'copied' — the confirmation, which is the one that needs mounting logic.
      */
-    match?: ClipboardState;
+    match?: ClipboardState | undefined;
 }
 /** Props for the optional {@link ClipboardInput}. */
 export interface ClipboardInputProps extends Omit<PrimitivePropsWithRef<'input'>, 'value' | 'defaultValue'> {

package/dist/collapsible/Collapsible.cjs

@@ -1 +1,2 @@
-"use strict";var Y=Object.create;var P=Object.defineProperty;var Z=Object.getOwnPropertyDescriptor;var _=Object.getOwnPropertyNames;var U=Object.getPrototypeOf,j=Object.prototype.hasOwnProperty;var ee=(e,o)=>{for(var t in o)P(e,t,{get:o[t],enumerable:!0})},O=(e,o,t,c)=>{if(o&&typeof o=="object"||typeof o=="function")for(let a of _(o))!j.call(e,a)&&a!==t&&P(e,a,{get:()=>o[a],enumerable:!(c=Z(o,a))||c.enumerable});return e};var h=(e,o,t)=>(t=e!=null?Y(U(e)):{},O(o||!e||!e.__esModule?P(t,"default",{value:e,enumerable:!0}):t,e)),te=e=>O(P({},"__esModule",{value:!0}),e);var oe={};ee(oe,{Collapsible:()=>I,CollapsibleContent:()=>E,CollapsibleIndicator:()=>N,CollapsibleProvider:()=>X,CollapsibleRoot:()=>M,CollapsibleTrigger:()=>L,useCollapsibleContext:()=>C});module.exports=te(oe);var r=h(require("react"),1),G=require("../utils/createContext.cjs"),J=require("../utils/part.cjs"),K=require("../utils/primitive.cjs"),Q=require("../utils/useControllableState.cjs");var i=h(require("react"),1),A=require("../utils/composeRefs.cjs"),H=require("../utils/part.cjs"),w=require("../utils/primitive.cjs");var D=require("react/jsx-runtime"),E=i.forwardRef(({forceMount:e,hiddenUntilFound:o,...t},c)=>{let a=C("CollapsibleContent"),f=i.useRef(null),k=(0,A.useComposedRefs)(c,f),{open:l,onOpen:u,onOpenChangeComplete:y,setContentMounted:v}=a,b=!!(e||o||l);i.useEffect(()=>(v(b),()=>v(!1)),[v,b]),i.useLayoutEffect(()=>{let n=f.current;if(!o||!n)return;l?n.removeAttribute("hidden"):n.setAttribute("hidden","until-found");let d=()=>u();return n.addEventListener("beforematch",d),()=>n.removeEventListener("beforematch",d)},[o,l,u]),i.useLayoutEffect(()=>{let n=f.current;if(!n)return;let d=n.hasAttribute("hidden"),g=n.getAttribute("hidden");d&&n.removeAttribute("hidden");let{scrollHeight:p,scrollWidth:s}=n;d&&n.setAttribute("hidden",g??""),n.style.setProperty("--skdx-collapsible-content-height",`${p}px`),n.style.setProperty("--skdx-collapsible-content-width",`${s}px`)},[l,b]);let R=i.useRef(l);return i.useEffect(()=>{let n=f.current;if(R.current===l)return;R.current=l;let g=(n?getComputedStyle(n).transitionDuration:"").split(",").some(s=>Number.parseFloat(s)>0&&!Number.isNaN(Number.parseFloat(s)));if(!n||!g){y(l);return}let p=s=>{s.target===n&&y(l)};return n.addEventListener("transitionend",p),n.addEventListener("transitioncancel",p),()=>{n.removeEventListener("transitionend",p),n.removeEventListener("transitioncancel",p)}},[l,y]),b?(0,D.jsx)(w.Primitive.div,{id:a.contentId,"data-state":l?"open":"closed","data-disabled":a.disabled?"":void 0,hidden:!l,...t,...(0,H.skdxPart)("collapsible","content",t.className),ref:k}):null});E.displayName="CollapsibleContent";var S=h(require("react"),1),B=require("../utils/part.cjs"),V=require("../utils/primitive.cjs");var $=require("react/jsx-runtime"),N=S.forwardRef((e,o)=>{let t=C("CollapsibleIndicator");return(0,$.jsx)(V.Primitive.span,{"aria-hidden":"true","data-state":t.open?"open":"closed","data-disabled":t.disabled?"":void 0,...e,...(0,B.skdxPart)("collapsible","indicator",e.className),ref:o})});N.displayName="CollapsibleIndicator";var W=h(require("react"),1),q=require("../utils/part.cjs"),T=require("../utils/primitive.cjs");var z=require("react/jsx-runtime"),L=W.forwardRef((e,o)=>{let t=C("CollapsibleTrigger");return(0,z.jsx)(T.Primitive.button,{type:"button","aria-controls":t.open||t.contentMounted?t.contentId:void 0,"aria-expanded":t.open,"data-state":t.open?"open":"closed","data-disabled":t.disabled?"":void 0,disabled:t.disabled,...e,...(0,q.skdxPart)("collapsible","trigger",e.className),ref:o,onClick:(0,T.composeEventHandlers)(e.onClick,t.onOpenToggle)})});L.displayName="CollapsibleTrigger";var m=require("react/jsx-runtime"),F=({title:e,children:o})=>(0,m.jsxs)(m.Fragment,{children:[e===void 0?null:(0,m.jsxs)(L,{children:[e,(0,m.jsx)(N,{})]}),(0,m.jsx)(E,{children:o})]});var x=require("react/jsx-runtime"),[X,C]=(0,G.createSafeContext)("Collapsible"),M=r.forwardRef(({open:e,defaultOpen:o=!1,onOpenChange:t,onOpenChangeComplete:c,disabled:a=!1,...f},k)=>{let[l=!1,u]=(0,Q.useControllableState)({prop:e,defaultProp:o,onChange:t}),y=r.useId(),v=r.useCallback(()=>u(s=>!s),[u]),b=r.useCallback(()=>u(!0),[u]),[R,n]=r.useState(!1),d=r.useRef(c);r.useEffect(()=>{d.current=c});let g=r.useRef(l),p=r.useCallback(s=>{g.current!==s&&(g.current=s,d.current?.(s))},[]);return r.useEffect(()=>{R||p(l)},[R,l,p]),(0,x.jsx)(X,{contentId:y,open:l,disabled:a,onOpenToggle:v,onOpen:b,onOpenChangeComplete:p,contentMounted:R,setContentMounted:n,children:(0,x.jsx)(K.Primitive.div,{"data-state":l?"open":"closed","data-disabled":a?"":void 0,...f,...(0,J.skdxPart)("collapsible","root",f.className),ref:k})})});M.displayName="CollapsibleRoot";var I=r.forwardRef(({title:e,children:o,...t},c)=>(0,x.jsx)(M,{...t,ref:c,children:(0,x.jsx)(F,{title:e,children:o})}));I.displayName="Collapsible";0&&(module.exports={Collapsible,CollapsibleContent,CollapsibleIndicator,CollapsibleProvider,CollapsibleRoot,CollapsibleTrigger,useCollapsibleContext});
+'use client';
+"use strict";var _=Object.create;var E=Object.defineProperty;var U=Object.getOwnPropertyDescriptor;var j=Object.getOwnPropertyNames;var ee=Object.getPrototypeOf,te=Object.prototype.hasOwnProperty;var oe=(t,e)=>{for(var o in e)E(t,o,{get:e[o],enumerable:!0})},S=(t,e,o,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of j(e))!te.call(t,s)&&s!==o&&E(t,s,{get:()=>e[s],enumerable:!(a=U(e,s))||a.enumerable});return t};var k=(t,e,o)=>(o=t!=null?_(ee(t)):{},S(e||!t||!t.__esModule?E(o,"default",{value:t,enumerable:!0}):o,t)),ne=t=>S(E({},"__esModule",{value:!0}),t);var le={};oe(le,{Collapsible:()=>M,CollapsibleContent:()=>I,CollapsibleFamilyContext:()=>R,CollapsibleIndicator:()=>O,CollapsibleProvider:()=>Z,CollapsibleRoot:()=>L,CollapsibleTrigger:()=>A,useCollapsibleContext:()=>b});module.exports=ne(le);var r=k(require("react"),1),G=require("../utils/createContext.cjs"),K=require("../utils/part.cjs"),Q=require("../utils/primitive.cjs"),Y=require("../utils/useControllableState.cjs");var p=k(require("react"),1),F=require("../utils/composeRefs.cjs"),H=require("../utils/part.cjs"),$=require("../utils/primitive.cjs");var w=require("react/jsx-runtime"),I=({forceMount:t,hiddenUntilFound:e,ref:o,...a})=>{let s=b("CollapsibleContent"),y=p.useContext(R),f=p.useRef(null),C=(0,F.useComposedRefs)(o,f),{open:l,onOpen:h,onOpenChangeComplete:g,setContentMounted:P}=s,d=!!(t||e||l);p.useEffect(()=>(P(d),()=>P(!1)),[P,d]),p.useLayoutEffect(()=>{let n=f.current;if(!e||!n)return;l?n.removeAttribute("hidden"):n.setAttribute("hidden","until-found");let c=()=>h();return n.addEventListener("beforematch",c),()=>n.removeEventListener("beforematch",c)},[e,l,h]),p.useLayoutEffect(()=>{let n=f.current;if(!n)return;let c=n.hasAttribute("hidden"),u=n.getAttribute("hidden");c&&n.removeAttribute("hidden");let{scrollHeight:i,scrollWidth:x}=n;c&&n.setAttribute("hidden",u??""),n.style.setProperty(`--skdx-${y}-content-height`,`${i}px`),n.style.setProperty(`--skdx-${y}-content-width`,`${x}px`)},[l,d,y]);let N=p.useRef(l);return p.useEffect(()=>{let n=f.current;if(N.current===l)return;N.current=l;let u=(n?getComputedStyle(n).transitionDuration:"").split(",").some(x=>Number.parseFloat(x)>0&&!Number.isNaN(Number.parseFloat(x)));if(!n||!u){g(l);return}let i=x=>{x.target===n&&g(l)};return n.addEventListener("transitionend",i),n.addEventListener("transitioncancel",i),()=>{n.removeEventListener("transitionend",i),n.removeEventListener("transitioncancel",i)}},[l,g]),d?(0,w.jsx)($.Primitive.div,{id:s.contentId,"data-state":l?"open":"closed","data-disabled":s.disabled?"":void 0,hidden:!l,...a,...(0,H.skdxPart)(y,"content",a.className),ref:C}):null};I.displayName="CollapsibleContent";var D=k(require("react"),1),V=require("../utils/part.cjs"),B=require("../utils/primitive.cjs");var J=require("react/jsx-runtime"),O=({ref:t,...e})=>{let o=b("CollapsibleIndicator"),a=D.useContext(R);return(0,J.jsx)(B.Primitive.span,{"aria-hidden":"true","data-state":o.open?"open":"closed","data-disabled":o.disabled?"":void 0,...e,...(0,V.skdxPart)(a,"indicator",e.className),ref:t})};O.displayName="CollapsibleIndicator";var W=k(require("react"),1),X=require("../utils/part.cjs"),T=require("../utils/primitive.cjs");var q=require("react/jsx-runtime"),A=({ref:t,...e})=>{let o=b("CollapsibleTrigger"),a=W.useContext(R);return(0,q.jsx)(T.Primitive.button,{type:"button","aria-controls":o.open||o.contentMounted?o.contentId:void 0,"aria-expanded":o.open,"data-state":o.open?"open":"closed","data-disabled":o.disabled?"":void 0,disabled:o.disabled,...e,...(0,X.skdxPart)(a,"trigger",e.className),ref:t,onClick:(0,T.composeEventHandlers)(e.onClick,o.onOpenToggle)})};A.displayName="CollapsibleTrigger";var m=require("react/jsx-runtime"),z=({title:t,children:e})=>(0,m.jsxs)(m.Fragment,{children:[t?(0,m.jsxs)(A,{children:[t,(0,m.jsx)(O,{})]}):null,(0,m.jsx)(I,{children:e})]});var v=require("react/jsx-runtime"),[Z,b]=(0,G.createSafeContext)("Collapsible"),R=r.createContext("collapsible"),L=({open:t,defaultOpen:e=!1,onOpenChange:o,onOpenChangeComplete:a,disabled:s=!1,ref:y,...f})=>{let[C=!1,l]=(0,Y.useControllableState)({prop:t,defaultProp:e,onChange:o}),h=r.useId(),g=r.useCallback(()=>l(i=>!i),[l]),P=r.useCallback(()=>l(!0),[l]),[d,N]=r.useState(!1),n=r.useRef(a);r.useEffect(()=>{n.current=a});let c=r.useRef(C),u=r.useCallback(i=>{c.current!==i&&(c.current=i,n.current?.(i))},[]);return r.useEffect(()=>{d||u(C)},[d,C,u]),(0,v.jsx)(Z,{contentId:h,open:C,disabled:s,onOpenToggle:g,onOpen:P,onOpenChangeComplete:u,contentMounted:d,setContentMounted:N,children:(0,v.jsx)(Q.Primitive.div,{"data-state":C?"open":"closed","data-disabled":s?"":void 0,...f,...(0,K.skdxPart)("collapsible","root",f.className),ref:y})})};L.displayName="CollapsibleRoot";var M=({title:t,children:e,ref:o,...a})=>(0,v.jsx)(L,{...a,ref:o,children:(0,v.jsx)(z,{title:t,children:e})});M.displayName="Collapsible";0&&(module.exports={Collapsible,CollapsibleContent,CollapsibleFamilyContext,CollapsibleIndicator,CollapsibleProvider,CollapsibleRoot,CollapsibleTrigger,useCollapsibleContext});