@cladd-ui/react 0.9.0 → 0.10.0

package/components/AccordionRoot.d.ts

@@ -0,0 +1,47 @@
+import { ReactNode } from 'react';
+interface AccordionRootOwnProps {
+    /** `AccordionItem`s. */
+    children?: ReactNode;
+    /**
+     * Controlled open item(s). A single value in single-open mode, an array when `multiple`.
+     *
+     * When provided, internal state is bypassed.
+     */
+    value?: string | string[];
+    /** Initial open item(s) (uncontrolled). Ignored when `value` is provided. */
+    defaultValue?: string | string[];
+    /**
+     * Fires whenever the open item(s) change.
+     *
+     * Receives a single value (or `undefined` when all closed) in single-open mode, or the full array in `multiple` mode.
+     */
+    onValueChange?: (value: string | string[] | undefined) => void;
+    /** Allow more than one item open at once. Selection becomes an array. Default `false`. */
+    multiple?: boolean;
+    /** Disable the whole accordion - every item's trigger stops toggling. */
+    disabled?: boolean;
+}
+export type AccordionRootProps = AccordionRootOwnProps;
+/** Shape of `AccordionRoot` defaults that can be supplied via `CladdProvider`'s `defaults` prop. */
+export type AccordionRootDefaultProps = Partial<Omit<AccordionRootOwnProps, 'children' | 'value' | 'defaultValue' | 'onValueChange'>>;
+/**
+ * Stateful, non-visual root for a set of disclosures. Owns the open value(s) -
+ * controlled via `value`/`onValueChange` or uncontrolled via `defaultValue` -
+ * and the single-vs-`multiple` mode, publishing them to `AccordionItem`s
+ * through context. Renders no DOM of its own.
+ *
+ * Single-open mode collapses to nothing when you re-toggle the open item;
+ * `multiple` mode toggles each item independently.
+ *
+ * @example
+ * <AccordionRoot defaultValue="appearance">
+ *   <AccordionItem value="appearance">
+ *     <AccordionTrigger><button>Appearance</button></AccordionTrigger>
+ *     <AccordionPanel><div className="pt-2">…</div></AccordionPanel>
+ *   </AccordionItem>
+ *   <AccordionItem value="layout">…</AccordionItem>
+ * </AccordionRoot>
+ */
+export declare const AccordionRoot: (props: AccordionRootProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=AccordionRoot.d.ts.map

package/components/AccordionRoot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionRoot.d.ts","sourceRoot":"","sources":["../../../src/components/AccordionRoot.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAmB,MAAM,OAAO,CAAC;AAKnD,UAAU,qBAAqB;IAC7B,wBAAwB;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC1B,6EAA6E;IAC7E,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACjC;;;;OAIG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,KAAK,IAAI,CAAC;IAC/D,0FAA0F;IAC1F,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yEAAyE;IACzE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,MAAM,kBAAkB,GAAG,qBAAqB,CAAC;AAEvD,oGAAoG;AACpG,MAAM,MAAM,yBAAyB,GAAG,OAAO,CAC7C,IAAI,CACF,qBAAqB,EACrB,UAAU,GAAG,OAAO,GAAG,cAAc,GAAG,eAAe,CACxD,CACF,CAAC;AAEF;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,aAAa,GAAI,OAAO,kBAAkB,4CAgDtD,CAAC"}

package/components/AccordionRoot.js

@@ -0,0 +1,53 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useId, useState } from 'react';
+import { useComponentDefaults } from '../hooks/use-component-defaults.js';
+import { AccordionContextProvider } from './AccordionContext.js';
+/**
+ * Stateful, non-visual root for a set of disclosures. Owns the open value(s) -
+ * controlled via `value`/`onValueChange` or uncontrolled via `defaultValue` -
+ * and the single-vs-`multiple` mode, publishing them to `AccordionItem`s
+ * through context. Renders no DOM of its own.
+ *
+ * Single-open mode collapses to nothing when you re-toggle the open item;
+ * `multiple` mode toggles each item independently.
+ *
+ * @example
+ * <AccordionRoot defaultValue="appearance">
+ *   <AccordionItem value="appearance">
+ *     <AccordionTrigger><button>Appearance</button></AccordionTrigger>
+ *     <AccordionPanel><div className="pt-2">…</div></AccordionPanel>
+ *   </AccordionItem>
+ *   <AccordionItem value="layout">…</AccordionItem>
+ * </AccordionRoot>
+ */
+export const AccordionRoot = (props) => {
+    const baseId = useId();
+    const { children, value: valueProp, defaultValue, onValueChange, multiple = false, disabled = false, } = useComponentDefaults('AccordionRoot', props);
+    const [internalValue, setInternalValue] = useState(defaultValue);
+    // Controlled when the `value` prop is supplied at all - not when it's
+    // currently defined. An empty selection is `undefined`, a valid value, so
+    // inferring from `valueProp !== undefined` would flip to uncontrolled
+    // whenever everything closes and resurface stale state.
+    const isControlled = 'value' in props;
+    const value = isControlled ? valueProp : internalValue;
+    const setValue = (next) => {
+        if (!isControlled)
+            setInternalValue(next);
+        onValueChange?.(next);
+    };
+    const isItemOpen = (itemValue) => Array.isArray(value) ? value.includes(itemValue) : value === itemValue;
+    const toggleItem = (itemValue) => {
+        if (multiple) {
+            const arr = Array.isArray(value) ? value : value != null ? [value] : [];
+            setValue(arr.includes(itemValue)
+                ? arr.filter((v) => v !== itemValue)
+                : [...arr, itemValue]);
+        }
+        else {
+            const current = Array.isArray(value) ? value[0] : value;
+            setValue(current === itemValue ? undefined : itemValue);
+        }
+    };
+    return (_jsx(AccordionContextProvider, { value: { isItemOpen, toggleItem, disabled, baseId }, children: children }));
+};
+//# sourceMappingURL=AccordionRoot.js.map

package/components/AccordionRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionRoot.js","sourceRoot":"","sources":["../../../src/components/AccordionRoot.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAa,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AACvE,OAAO,EAAE,wBAAwB,EAAE,MAAM,oBAAoB,CAAC;AAmC9D;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAyB,EAAE,EAAE;IACzD,MAAM,MAAM,GAAG,KAAK,EAAE,CAAC;IACvB,MAAM,EACJ,QAAQ,EACR,KAAK,EAAE,SAAS,EAChB,YAAY,EACZ,aAAa,EACb,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,GACjB,GAAG,oBAAoB,CAAC,eAAe,EAAE,KAAK,CAAC,CAAC;IAEjD,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC;IACjE,sEAAsE;IACtE,0EAA0E;IAC1E,sEAAsE;IACtE,wDAAwD;IACxD,MAAM,YAAY,GAAG,OAAO,IAAI,KAAK,CAAC;IACtC,MAAM,KAAK,GAAG,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC;IAEvD,MAAM,QAAQ,GAAG,CAAC,IAAmC,EAAE,EAAE;QACvD,IAAI,CAAC,YAAY;YAAE,gBAAgB,CAAC,IAAI,CAAC,CAAC;QAC1C,aAAa,EAAE,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,CAAC,SAAiB,EAAE,EAAE,CACvC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,KAAK,KAAK,SAAS,CAAC;IAEzE,MAAM,UAAU,GAAG,CAAC,SAAiB,EAAE,EAAE;QACvC,IAAI,QAAQ,EAAE,CAAC;YACb,MAAM,GAAG,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;YACxE,QAAQ,CACN,GAAG,CAAC,QAAQ,CAAC,SAAS,CAAC;gBACrB,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,SAAS,CAAC;gBACpC,CAAC,CAAC,CAAC,GAAG,GAAG,EAAE,SAAS,CAAC,CACxB,CAAC;QACJ,CAAC;aAAM,CAAC;YACN,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;YACxD,QAAQ,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;QAC1D,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,wBAAwB,IACvB,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,EAAE,YAElD,QAAQ,GACgB,CAC5B,CAAC;AACJ,CAAC,CAAC"}

package/components/Button.js

@@ -4,7 +4,7 @@ import { useComponentDefaults } from '../hooks/use-component-defaults.js';
 import { cn } from '../shared/cn.js';
 import { roundedClasses } from '../shared/rounded-classes.js';
 import { rootSizeClasses } from '../shared/size-utls.js';
-import { FocusableLayer } from './FocusableLayer.js';
+import { FocusRing } from './FocusRing.js';
 import { Spinner } from './Spinner.js';
 import { Surface } from './Surface.js';
 import { SurfaceCut } from './SurfaceCut.js';
@@ -60,6 +60,6 @@ export const Button = (props) => {
             else if (ref) {
                 ref.current = el;
             }
-        }, onContextMenuCapture: (e) => e.preventDefault(), color: color, style: style, beforeContent: _jsxs(_Fragment, { children: [loading && (_jsx(Spinner, { size: size, className: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 scale-100 opacity-100 duration-200 starting:scale-0 starting:opacity-0" })), (focused || (focusable && !readOnly && !disabled)) && (_jsx(FocusableLayer, { force: focused, group: "button", className: cn(focusRoundedClasses) }))] }), ...rest, children: children }));
+        }, onContextMenuCapture: (e) => e.preventDefault(), color: color, style: style, beforeContent: _jsxs(_Fragment, { children: [loading && (_jsx(Spinner, { size: size, className: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 scale-100 opacity-100 duration-200 starting:scale-0 starting:opacity-0" })), (focused || (focusable && !readOnly && !disabled)) && (_jsx(FocusRing, { force: focused, group: "button", className: cn(focusRoundedClasses) }))] }), ...rest, children: children }));
 };
 //# sourceMappingURL=Button.js.map

package/components/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,MAAM,GAMP,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AACvE,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,OAAO,EAAkB,MAAM,WAAW,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AA4E1C,MAAM,CAAC,MAAM,eAAe,GAA+B;IACzD,KAAK,EAAE,gBAAgB;IACvB,EAAE,EAAE,gBAAgB;IACpB,EAAE,EAAE,gBAAgB;IACpB,EAAE,EAAE,gBAAgB;IACpB,EAAE,EAAE,gBAAgB;IACpB,EAAE,EAAE,gBAAgB;IACpB,KAAK,EAAE,gBAAgB;CACxB,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,CACpB,KAAqB,EACrB,EAAE;IACF,MAAM,KAAK,GAAG,MAAM,CAAqB,IAAI,CAAC,CAAC;IAC/C,MAAM,EACJ,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,QAAQ,GAAG,KAAK,EAChB,QAAQ,EACR,OAAO,GAAG,KAAK,EACf,IAAI,GAAG,IAAI,EACX,EAAE,EAAE,SAAS,GAAG,QAAQ,EACxB,KAAK,GAAG,EAAE,EACV,OAAO,GAAG,IAAI,EACd,gBAAgB,GAAG,EAAE,EACrB,OAAO,GAAG,UAAU,EACpB,KAAK,EACL,OAAO,GAAG,KAAK,EACf,OAAO,EACP,SAAS,EACT,MAAM,EACN,OAAO,EAAE,WAAW,GAAG,SAAS,EAChC,SAAS,GAAG,IAAI,EAChB,SAAS,GAAG,IAAI,EAChB,SAAS,GAAG,IAAI,EAChB,YAAY,EACZ,OAAO,EACP,GAAG,EACH,GAAG,IAAI,EACR,GAAG,oBAAoB,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;IAE1C,IAAI,OAAO,GAAkB,WAAW,IAAI,SAAS,CAAC;IAEtD,MAAM,MAAM,GAAG,SAAS;QACtB,CAAC,CAAC,eAAe,CAAC,IAAI,EAAE,YAAY,CAAC;QACrC,CAAC,CAAC,eAAe,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;IAEpC,MAAM,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,GAAG,cAAc,CAChE,IAAI,EACJ,OAAO,EACP,SAAS,CACV,CAAC;IAEF,MAAM,QAAQ,GAA+B;QAC3C,KAAK,EAAE,QAAQ;QACf,EAAE,EAAE,QAAQ;QACZ,EAAE,EAAE,QAAQ;QACZ,EAAE,EAAE,QAAQ;QACZ,EAAE,EAAE,QAAQ;QACZ,EAAE,EAAE,QAAQ;QACZ,KAAK,EAAE,QAAQ;KAChB,CAAC;IACF,MAAM,SAAS,GAA+B;QAC5C,KAAK,EAAE,eAAe;QACtB,EAAE,EAAE,eAAe;QACnB,EAAE,EAAE,eAAe;QACnB,EAAE,EAAE,eAAe;QACnB,EAAE,EAAE,eAAe;QACnB,EAAE,EAAE,eAAe;QACnB,KAAK,EAAE,eAAe;KACvB,CAAC;IAEF,MAAM,YAAY,GAAG,OAAO,KAAK,KAAK,CAAC;IAEvC,MAAM,aAAa,GAAgB,YAAY,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC;IAEvE,MAAM,MAAM,GAAG,OAAO,KAAK,YAAY,IAAI,OAAO,KAAK,eAAe,CAAC;IAEvE,OAAO,CACL,KAAC,aAAa,IACZ,EAAE,EAAE,SAAS,mBACE,QAAQ,IAAI,SAAS,mBACrB,QAAQ,IAAI,SAAS,kBACtB,OAAO,IAAI,SAAS,kBACpB,OAAO,IAAI,SAAS,EAClC,SAAS,EAAE,EAAE,CACX,yIAAyI,EACzI,KAAK;YACH,KAAK,KAAK,SAAS;YACnB,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,oBAAoB,CAAC,EAC7D,KAAK,IAAI,KAAK,KAAK,SAAS,IAAI,MAAM,IAAI,uBAAuB,EAEjE,SAAS,CAAC,IAAI,CAAC,EACf,MAAM,EACN,MAAM,IAAI,eAAe,EACzB,QAAQ,IAAI,qBAAqB,EACjC,CAAC,QAAQ,IAAI,CAAC,QAAQ,IAAI,CAAC,SAAS,KAAK,GAAG,IAAI,IAAI,EAAE,IAAI,CAAC;YACzD,CAAC,CAAC,gBAAgB;YAClB,CAAC,CAAC,aAAa,EACjB,kBAAkB,EAElB,SAAS,CACV,EACD,gBAAgB,EAAE,EAAE,CAClB,qEAAqE,EACrE,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,EAC3D,SAAS,IAAI,MAAM,EACnB,eAAe,CAAC,IAAI,CAAC,EACrB,QAAQ,IAAI,YAAY,EACxB,CAAC,MAAM,IAAI,QAAQ,CAAC,IAAI,CAAC,EACzB,OAAO,IAAI,oBAAoB,EAC/B,gBAAgB,CACjB,EACD,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,EAC/C,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,IAAI,CAAC,QAAQ,IAAI,CAAC,QAAQ,EAC9C,SAAS,EAAE,SAAS,IAAI,CAAC,QAAQ,IAAI,CAAC,QAAQ,EAC9C,QAAQ,EAAE,QAAQ,IAAI,QAAQ,EAC9B,KAAK,EAAE,YAAY;QACnB,4BAA4B;QAC5B,GAAG,EAAE,CAAC,EAAe,EAAE,EAAE;YACvB,KAAK,CAAC,OAAO,GAAG,EAAE,CAAC;YACnB,IAAI,GAAG,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE,CAAC;gBACrC,GAAG,CAAC,EAAiB,CAAC,CAAC;YACzB,CAAC;iBAAM,IAAI,GAAG,EAAE,CAAC;gBACd,GAA2C,CAAC,OAAO,GAAG,EAAE,CAAC;YAC5D,CAAC;QACH,CAAC,EACD,oBAAoB,EAAE,CAAC,CAAmB,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,EAAE,EACjE,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,aAAa,EACX,8BACG,OAAO,IAAI,CACV,KAAC,OAAO,IACN,IAAI,EAAE,IAAI,EACV,SAAS,EAAC,oIAAoI,GAC9I,CACH,EACA,CAAC,OAAO,IAAI,CAAC,SAAS,IAAI,CAAC,QAAQ,IAAI,CAAC,QAAQ,CAAC,CAAC,IAAI,CACrD,KAAC,SAAS,IACR,KAAK,EAAE,OAAO,EACd,KAAK,EAAC,QAAQ,EACd,SAAS,EAAE,EAAE,CAAC,mBAAmB,CAAC,GAClC,CACH,IACA,KAED,IAAI,YAEP,QAAQ,GACK,CACjB,CAAC;AACJ,CAAC,CAAC"}

package/components/Checkbox.js

@@ -3,7 +3,7 @@ import { useRef, } from 'react';
 import { useAccentColor } from '../hooks/use-accent-color.js';
 import { useComponentDefaults } from '../hooks/use-component-defaults.js';
 import { cn } from '../shared/cn.js';
-import { FocusableLayer } from './FocusableLayer.js';
+import { FocusRing } from './FocusRing.js';
 import { CheckIcon } from './icons/CheckIcon.js';
 import { Surface } from './Surface.js';
 export function Checkbox(props) {
@@ -47,6 +47,6 @@ export function Checkbox(props) {
                     'group-active/cladd-checkbox:scale-90', !checked &&
                     !disabled &&
                     !readOnly &&
-                    'group-active/cladd-checkbox:scale-65', checked && cn('text-cladd-on-primary'), checked && `cladd-color-${color}`, checkClassName) }), focusableComputed && !disabled && !readOnly && (_jsx(FocusableLayer, { className: "rounded-full", group: "checkbox" }))] }));
+                    'group-active/cladd-checkbox:scale-65', checked && cn('text-cladd-on-primary'), checked && `cladd-color-${color}`, checkClassName) }), focusableComputed && !disabled && !readOnly && (_jsx(FocusRing, { className: "rounded-full", group: "checkbox" }))] }));
 }
 //# sourceMappingURL=Checkbox.js.map

package/components/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/components/Checkbox.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/components/Checkbox.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,MAAM,GAMP,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AACvE,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAmEpC,MAAM,UAAU,QAAQ,CACtB,KAAuB;IAEvB,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IAErC,MAAM,EACJ,OAAO,GAAG,KAAK,EACf,QAAQ,GAAG,KAAK,EAChB,QAAQ,EACR,KAAK,EACL,IAAI,EACJ,IAAI,GAAG,IAAI,EACX,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,GAAG,EAAE,GAAE,CAAC,EACnB,OAAO,GAAG,GAAG,EAAE,GAAE,CAAC,EAClB,aAAa,GAAG,GAAG,EAAE,GAAE,CAAC,EACxB,KAAK,GAAG,IAAI,EACZ,OAAO,EACP,SAAS,EACT,cAAc,EACd,KAAK,GAAG,WAAW,EACnB,YAAY,GAAG,IAAI,EACnB,EAAE,EAAE,MAAM,GAAG,OAAO,EACpB,SAAS,EACT,SAAS,EACT,GAAG,IAAI,EACR,GAAG,oBAAoB,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC;IAC5C,MAAM,KAAK,GAAG,MAAM,CAAqB,IAAI,CAAC,CAAC;IAE/C,IAAI,iBAAiB,GAAG,SAAS,CAAC;IAClC,IAAI,iBAAiB,GAAG,SAAS,CAAC;IAElC,IAAI,OAAO,iBAAiB,KAAK,WAAW;QAC1C,iBAAiB,GAAG,MAAM,KAAK,OAAO,CAAC;IACzC,IAAI,OAAO,iBAAiB,KAAK,WAAW;QAC1C,iBAAiB,GAAG,MAAM,KAAK,OAAO,IAAI,KAAK,CAAC;IAElD,MAAM,SAAS,GAAG,MAAqB,CAAC;IACxC,MAAM,YAAY,GAAG,CAAC,KAAK;QACzB,CAAC,CAAC;YACE,IAAI,EAAE,UAAU;YAChB,cAAc,EAAE,OAAO;YACvB,eAAe,EAAE,QAAQ,IAAI,SAAS;YACtC,eAAe,EAAE,QAAQ,IAAI,SAAS;YACtC,eAAe,EAAE,QAAQ,IAAI,SAAS;YACtC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YAC3B,SAAS,EAAE,CAAC,CAAmC,EAAE,EAAE;gBACjD,IAAI,QAAQ,IAAI,QAAQ;oBAAE,OAAO;gBACjC,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;oBACvC,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC;gBACrB,CAAC;YACH,CAAC;SACF;QACH,CAAC,CAAC,EAAE,CAAC;IAEP,MAAM,WAAW,GAAG,CAAC,CAAa,EAAE,EAAE;QACpC,OAAO,CAAC,CAAC,CAAC,CAAC;QACX,IAAI,CAAC,KAAK,IAAI,CAAC,QAAQ,IAAI,CAAC,QAAQ,EAAE,CAAC;YACrC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC;QACrB,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,SAAS,oBACM,OAAO,IAAI,SAAS,oBAClB,CAAC,OAAO,IAAI,SAAS,mBACtB,QAAQ,IAAI,SAAS,mBACrB,QAAQ,IAAI,SAAS,mBACrB,QAAQ,IAAI,SAAS,EACpC,SAAS,EAAE,EAAE,CACX,iHAAiH,EACjH,IAAI,KAAK,IAAI,IAAI,yBAAyB,EAC1C,IAAI,KAAK,IAAI,IAAI,yBAAyB,EAC1C,IAAI,KAAK,IAAI,IAAI,yBAAyB,EAC1C,QAAQ,IAAI,YAAY,EACxB,SAAS,CACV,EACD,oBAAoB,EAAE,CAAC,CAAa,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,EAAE,EAC3D,OAAO,EAAE,WAAW,EACpB,aAAa,EAAE,aAAa,EAC5B,GAAG,EAAE,KAAK,KACN,YAAY,KACZ,IAAI,aAEP,KAAK,IAAI,CACR,6BACY,OAAO,EACjB,EAAE,EAAE,OAAO,EACX,QAAQ,EAAE,QAAQ,IAAI,QAAQ,EAC9B,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,UAAU,EACf,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,SAAS,EAAC,qDAAqD,EAC/D,QAAQ,EAAE,CAAC,CAAgC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,GACrE,CACH,EAGD,KAAC,OAAO,iBACI,OAAO,EACjB,SAAS,EAAE,EAAE,CACX,+DAA+D,CAChE,EACD,OAAO,EAAE,YAAY,EACrB,OAAO,EAAE,UAAU,EACnB,SAAS,EAAE,iBAAiB,IAAI,CAAC,QAAQ,IAAI,CAAC,QAAQ,EACtD,SAAS,EAAE,iBAAiB,IAAI,CAAC,QAAQ,IAAI,CAAC,QAAQ,EACtD,WAAW,EAAE,KAAK,GAClB,EAGF,KAAC,OAAO,iBACI,eAAe,EACzB,SAAS,EAAE,EAAE,CACX,+DAA+D,EAC/D,CAAC,OAAO,IAAI,SAAS,EACrB,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,WAAW,CACtC,EACD,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,YAAY,EACrB,OAAO,EAAE,eAAe,EACxB,SAAS,EAAE,iBAAiB,IAAI,CAAC,QAAQ,IAAI,CAAC,QAAQ,EACtD,SAAS,EAAE,iBAAiB,IAAI,CAAC,QAAQ,IAAI,CAAC,QAAQ,EACtD,WAAW,EAAE,KAAK,GAClB,EAEF,KAAC,SAAS,iBACE,WAAW,EACrB,SAAS,EAAE,EAAE,CACX,2CAA2C,EAC3C,IAAI,KAAK,IAAI,IAAI,UAAU,EAC3B,IAAI,KAAK,IAAI,IAAI,QAAQ,EACzB,IAAI,KAAK,IAAI,IAAI,QAAQ,EACzB,CAAC,OAAO,IAAI,6BAA6B,EACzC,OAAO;oBACL,CAAC,QAAQ;oBACT,CAAC,QAAQ;oBACT,sCAAsC,EACxC,CAAC,OAAO;oBACN,CAAC,QAAQ;oBACT,CAAC,QAAQ;oBACT,sCAAsC,EACxC,OAAO,IAAI,EAAE,CAAC,uBAAuB,CAAC,EACtC,OAAO,IAAI,eAAe,KAAK,EAAE,EACjC,cAAc,CACf,GACD,EACD,iBAAiB,IAAI,CAAC,QAAQ,IAAI,CAAC,QAAQ,IAAI,CAC9C,KAAC,SAAS,IAAC,SAAS,EAAC,cAAc,EAAC,KAAK,EAAC,UAAU,GAAG,CACxD,IACS,CACb,CAAC;AACJ,CAAC"}

package/components/CollapsibleContext.d.ts

@@ -0,0 +1,36 @@
+import { ReactNode } from 'react';
+/**
+ * Disclosure state published by a `CollapsibleRoot` (or an `AccordionItem`,
+ * which publishes the very same shape) to its `CollapsibleTrigger`,
+ * `CollapsiblePanel`, and `CollapsibleIndicator`.
+ */
+export interface CollapsibleContextValue {
+    /** Whether the disclosure is currently expanded. */
+    open: boolean;
+    /** Toggle the open state. No-ops while `disabled`. */
+    toggle: () => void;
+    /** Set the open state explicitly. No-ops while `disabled` or already in that state. */
+    setOpen: (open: boolean) => void;
+    /** Whether the disclosure is disabled - the trigger stops toggling. */
+    disabled: boolean;
+    /** Id of the trigger element - wired to the panel's `aria-labelledby`. */
+    triggerId: string;
+    /** Id of the panel element - wired to the trigger's `aria-controls`. */
+    panelId: string;
+}
+/**
+ * Returns the surrounding disclosure state published by a `CollapsibleRoot` or
+ * an `AccordionItem`.
+ *
+ * Reach for it to drive custom trigger markup from the live `open` state - e.g.
+ * swapping an icon - in a spot where a plain `data-open` CSS rule won't do.
+ * `CollapsibleIndicator` is the ready-made wrapper around this.
+ *
+ * Throws when called outside a `CollapsibleRoot` / `AccordionItem`.
+ */
+export declare function useCollapsibleContext(): CollapsibleContextValue;
+export declare function CollapsibleContextProvider(props: {
+    value: CollapsibleContextValue;
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CollapsibleContext.d.ts.map

package/components/CollapsibleContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsibleContext.d.ts","sourceRoot":"","sources":["../../../src/components/CollapsibleContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7D;;;;GAIG;AACH,MAAM,WAAW,uBAAuB;IACtC,oDAAoD;IACpD,IAAI,EAAE,OAAO,CAAC;IACd,sDAAsD;IACtD,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,uFAAuF;IACvF,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,uEAAuE;IACvE,QAAQ,EAAE,OAAO,CAAC;IAClB,0EAA0E;IAC1E,SAAS,EAAE,MAAM,CAAC;IAClB,wEAAwE;IACxE,OAAO,EAAE,MAAM,CAAC;CACjB;AAID;;;;;;;;;GASG;AACH,wBAAgB,qBAAqB,IAAI,uBAAuB,CAQ/D;AAED,wBAAgB,0BAA0B,CAAC,KAAK,EAAE;IAChD,KAAK,EAAE,uBAAuB,CAAC;IAC/B,QAAQ,EAAE,SAAS,CAAC;CACrB,2CAMA"}

package/components/CollapsibleContext.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext } from 'react';
+const CollapsibleContext = createContext(null);
+/**
+ * Returns the surrounding disclosure state published by a `CollapsibleRoot` or
+ * an `AccordionItem`.
+ *
+ * Reach for it to drive custom trigger markup from the live `open` state - e.g.
+ * swapping an icon - in a spot where a plain `data-open` CSS rule won't do.
+ * `CollapsibleIndicator` is the ready-made wrapper around this.
+ *
+ * Throws when called outside a `CollapsibleRoot` / `AccordionItem`.
+ */
+export function useCollapsibleContext() {
+    const ctx = useContext(CollapsibleContext);
+    if (!ctx) {
+        throw new Error('Cladd: `useCollapsibleContext`, `CollapsibleTrigger`, `CollapsiblePanel` and `CollapsibleIndicator` must be used inside a `CollapsibleRoot` or `AccordionItem`.');
+    }
+    return ctx;
+}
+export function CollapsibleContextProvider(props) {
+    return (_jsx(CollapsibleContext.Provider, { value: props.value, children: props.children }));
+}
+//# sourceMappingURL=CollapsibleContext.js.map

package/components/CollapsibleContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsibleContext.js","sourceRoot":"","sources":["../../../src/components/CollapsibleContext.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAa,MAAM,OAAO,CAAC;AAsB7D,MAAM,kBAAkB,GAAG,aAAa,CAAiC,IAAI,CAAC,CAAC;AAE/E;;;;;;;;;GASG;AACH,MAAM,UAAU,qBAAqB;IACnC,MAAM,GAAG,GAAG,UAAU,CAAC,kBAAkB,CAAC,CAAC;IAC3C,IAAI,CAAC,GAAG,EAAE,CAAC;QACT,MAAM,IAAI,KAAK,CACb,iKAAiK,CAClK,CAAC;IACJ,CAAC;IACD,OAAO,GAAG,CAAC;AACb,CAAC;AAED,MAAM,UAAU,0BAA0B,CAAC,KAG1C;IACC,OAAO,CACL,KAAC,kBAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,YAC5C,KAAK,CAAC,QAAQ,GACa,CAC/B,CAAC;AACJ,CAAC"}

package/components/CollapsibleIndicator.d.ts

@@ -0,0 +1,45 @@
+import { ComponentPropsWithoutRef, ElementType, ReactNode, Ref } from 'react';
+/** Disclosure state passed to a `CollapsibleIndicator` render function. */
+export interface CollapsibleIndicatorState {
+    /** Whether the disclosure is currently expanded. */
+    open: boolean;
+    /** Whether the disclosure is disabled. */
+    disabled: boolean;
+}
+interface CollapsibleIndicatorOwnProps<C extends ElementType = 'span'> {
+    /**
+     * Indicator content. Either static markup (rotate or restyle it off the `data-open` attribute in CSS), or a render function receiving `{ open, disabled }` so you can swap glyphs entirely (chevron, plus↔minus, a spinning `×`, whatever).
+     */
+    children?: ReactNode | ((state: CollapsibleIndicatorState) => ReactNode);
+    /** Extra classes for the indicator root. */
+    className?: string;
+    /** Polymorphic root element. Defaults to `'span'`. */
+    as?: C;
+    /** Forwarded to the polymorphic root element. */
+    ref?: Ref<HTMLElement>;
+}
+export type CollapsibleIndicatorProps<C extends ElementType = 'span'> = CollapsibleIndicatorOwnProps<C> & Omit<ComponentPropsWithoutRef<C>, keyof CollapsibleIndicatorOwnProps<C>>;
+/** Shape of `CollapsibleIndicator` defaults that can be supplied via `CladdProvider`'s `defaults` prop. */
+export type CollapsibleIndicatorDefaultProps = Partial<Omit<CollapsibleIndicatorOwnProps, 'as' | 'ref' | 'children'>>;
+/**
+ * Optional, decorative slot for a disclosure's open/closed affordance. Renders
+ * an `aria-hidden` element carrying `data-open`, so static children can be
+ * rotated purely in CSS - or pass a render function to swap content based on the
+ * live `{ open, disabled }` state.
+ *
+ * Brings no glyph of its own (Cladd is for apps, not FAQ pages) - drop in
+ * whatever icon you want.
+ *
+ * @example
+ * <CollapsibleIndicator className="transition-transform data-[open]:rotate-90">
+ *   <ChevronLeftIcon />
+ * </CollapsibleIndicator>
+ *
+ * @example
+ * <CollapsibleIndicator>
+ *   {({ open }) => (open ? <MinusIcon /> : <PlusIcon />)}
+ * </CollapsibleIndicator>
+ */
+export declare const CollapsibleIndicator: <C extends ElementType = "span">(props: CollapsibleIndicatorProps<C>) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=CollapsibleIndicator.d.ts.map

package/components/CollapsibleIndicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsibleIndicator.d.ts","sourceRoot":"","sources":["../../../src/components/CollapsibleIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,WAAW,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAM9E,2EAA2E;AAC3E,MAAM,WAAW,yBAAyB;IACxC,oDAAoD;IACpD,IAAI,EAAE,OAAO,CAAC;IACd,0CAA0C;IAC1C,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,UAAU,4BAA4B,CAAC,CAAC,SAAS,WAAW,GAAG,MAAM;IACnE;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE,yBAAyB,KAAK,SAAS,CAAC,CAAC;IACzE,4CAA4C;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sDAAsD;IACtD,EAAE,CAAC,EAAE,CAAC,CAAC;IACP,iDAAiD;IACjD,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAC;CACxB;AAED,MAAM,MAAM,yBAAyB,CAAC,CAAC,SAAS,WAAW,GAAG,MAAM,IAClE,4BAA4B,CAAC,CAAC,CAAC,GAC7B,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,MAAM,4BAA4B,CAAC,CAAC,CAAC,CAAC,CAAC;AAE7E,2GAA2G;AAC3G,MAAM,MAAM,gCAAgC,GAAG,OAAO,CACpD,IAAI,CAAC,4BAA4B,EAAE,IAAI,GAAG,KAAK,GAAG,UAAU,CAAC,CAC9D,CAAC;AAEF;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,oBAAoB,GAAI,CAAC,SAAS,WAAW,GAAG,MAAM,EACjE,OAAO,yBAAyB,CAAC,CAAC,CAAC,4CA4BpC,CAAC"}

package/components/CollapsibleIndicator.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useComponentDefaults } from '../hooks/use-component-defaults.js';
+import { cn } from '../shared/cn.js';
+import { useCollapsibleContext } from './CollapsibleContext.js';
+/**
+ * Optional, decorative slot for a disclosure's open/closed affordance. Renders
+ * an `aria-hidden` element carrying `data-open`, so static children can be
+ * rotated purely in CSS - or pass a render function to swap content based on the
+ * live `{ open, disabled }` state.
+ *
+ * Brings no glyph of its own (Cladd is for apps, not FAQ pages) - drop in
+ * whatever icon you want.
+ *
+ * @example
+ * <CollapsibleIndicator className="transition-transform data-[open]:rotate-90">
+ *   <ChevronLeftIcon />
+ * </CollapsibleIndicator>
+ *
+ * @example
+ * <CollapsibleIndicator>
+ *   {({ open }) => (open ? <MinusIcon /> : <PlusIcon />)}
+ * </CollapsibleIndicator>
+ */
+export const CollapsibleIndicator = (props) => {
+    const { open, disabled } = useCollapsibleContext();
+    const { children, className = '', as: Component = 'span', ref, ...rest } = useComponentDefaults('CollapsibleIndicator', props);
+    return (_jsx(Component, { ref: ref, "aria-hidden": "true", "data-open": open || undefined, "data-disabled": disabled || undefined, className: cn('cladd-collapsible-indicator inline-flex', className), ...rest, children: typeof children === 'function'
+            ? children({
+                open,
+                disabled,
+            })
+            : children }));
+};
+//# sourceMappingURL=CollapsibleIndicator.js.map

package/components/CollapsibleIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsibleIndicator.js","sourceRoot":"","sources":["../../../src/components/CollapsibleIndicator.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AACvE,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAgC7D;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAClC,KAAmC,EACnC,EAAE;IACF,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,qBAAqB,EAAE,CAAC;IACnD,MAAM,EACJ,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,EAAE,EAAE,SAAS,GAAG,MAA0B,EAC1C,GAAG,EACH,GAAG,IAAI,EACR,GAAG,oBAAoB,CAAC,sBAAsB,EAAE,KAAK,CAAC,CAAC;IAExD,OAAO,CACL,KAAC,SAAS,IACR,GAAG,EAAE,GAAG,iBACI,MAAM,eACP,IAAI,IAAI,SAAS,mBACb,QAAQ,IAAI,SAAS,EACpC,SAAS,EAAE,EAAE,CAAC,yCAAyC,EAAE,SAAS,CAAC,KAC/D,IAAI,YAEP,OAAO,QAAQ,KAAK,UAAU;YAC7B,CAAC,CAAE,QAA4D,CAAC;gBAC5D,IAAI;gBACJ,QAAQ;aACT,CAAC;YACJ,CAAC,CAAC,QAAQ,GACF,CACb,CAAC;AACJ,CAAC,CAAC"}

package/components/CollapsiblePanel.d.ts

@@ -0,0 +1,35 @@
+import { ComponentPropsWithoutRef, ElementType, ReactNode, Ref } from 'react';
+interface CollapsiblePanelOwnProps<C extends ElementType = 'div'> {
+    /**
+     * Panel content. Put block padding on a **nested** element - the panel itself animates its `height` to zero, so vertical padding on it would keep it from fully collapsing.
+     */
+    children?: ReactNode;
+    /** Extra classes for the panel root. */
+    className?: string;
+    /**
+     * Keep the panel mounted (at `height: 0`) while collapsed instead of unmounting it - preserves internal state and scroll position.
+     *
+     * Default `false`: the panel still animates closed, then unmounts once the animation finishes.
+     */
+    keepMounted?: boolean;
+    /** Polymorphic root element. Defaults to `'div'`. */
+    as?: C;
+    /** Forwarded to the polymorphic root element. */
+    ref?: Ref<HTMLElement>;
+}
+export type CollapsiblePanelProps<C extends ElementType = 'div'> = CollapsiblePanelOwnProps<C> & Omit<ComponentPropsWithoutRef<C>, keyof CollapsiblePanelOwnProps<C>>;
+/** Shape of `CollapsiblePanel` defaults that can be supplied via `CladdProvider`'s `defaults` prop. */
+export type CollapsiblePanelDefaultProps = Partial<Omit<CollapsiblePanelOwnProps, 'as' | 'ref' | 'children'>>;
+/**
+ * The collapsible content region. Renders a single element whose `height`
+ * animates between `0` and its measured natural height (`scrollHeight`),
+ * settling on `auto` while open so it reflows with its content. Carries the
+ * `region` role and aria wiring back to its trigger, and a `data-open`
+ * attribute for styling.
+ *
+ * Honors `prefers-reduced-motion` (snaps instantly) and skips the animation on
+ * first mount.
+ */
+export declare const CollapsiblePanel: <C extends ElementType = "div">(props: CollapsiblePanelProps<C>) => import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=CollapsiblePanel.d.ts.map

package/components/CollapsiblePanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsiblePanel.d.ts","sourceRoot":"","sources":["../../../src/components/CollapsiblePanel.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,wBAAwB,EACxB,WAAW,EACX,SAAS,EACT,GAAG,EAMJ,MAAM,OAAO,CAAC;AAYf,UAAU,wBAAwB,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK;IAC9D;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,qDAAqD;IACrD,EAAE,CAAC,EAAE,CAAC,CAAC;IACP,iDAAiD;IACjD,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAC;CACxB;AAED,MAAM,MAAM,qBAAqB,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,IAC7D,wBAAwB,CAAC,CAAC,CAAC,GACzB,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,MAAM,wBAAwB,CAAC,CAAC,CAAC,CAAC,CAAC;AAEzE,uGAAuG;AACvG,MAAM,MAAM,4BAA4B,GAAG,OAAO,CAChD,IAAI,CAAC,wBAAwB,EAAE,IAAI,GAAG,KAAK,GAAG,UAAU,CAAC,CAC1D,CAAC;AAEF;;;;;;;;;GASG;AACH,eAAO,MAAM,gBAAgB,GAAI,CAAC,SAAS,WAAW,GAAG,KAAK,EAC5D,OAAO,qBAAqB,CAAC,CAAC,CAAC,mDA8GhC,CAAC"}

package/components/CollapsiblePanel.js

@@ -0,0 +1,104 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useLayoutEffect, useRef, useState, } from 'react';
+import { useComponentDefaults } from '../hooks/use-component-defaults.js';
+import { cn } from '../shared/cn.js';
+import { useCollapsibleContext } from './CollapsibleContext.js';
+// Measure and set heights before the browser paints on the client; degrade to a
+// passive effect during SSR, where layout effects warn and there's nothing to
+// measure anyway.
+const useIsomorphicLayoutEffect = typeof window === 'undefined' ? useEffect : useLayoutEffect;
+/**
+ * The collapsible content region. Renders a single element whose `height`
+ * animates between `0` and its measured natural height (`scrollHeight`),
+ * settling on `auto` while open so it reflows with its content. Carries the
+ * `region` role and aria wiring back to its trigger, and a `data-open`
+ * attribute for styling.
+ *
+ * Honors `prefers-reduced-motion` (snaps instantly) and skips the animation on
+ * first mount.
+ */
+export const CollapsiblePanel = (props) => {
+    const { open, panelId, triggerId } = useCollapsibleContext();
+    const { children, className = '', keepMounted = false, as: Component = 'div', ref, ...rest } = useComponentDefaults('CollapsiblePanel', props);
+    const elRef = useRef(null);
+    const [rendered, setRendered] = useState(open || keepMounted);
+    const mounted = useRef(false);
+    const prevOpen = useRef(open);
+    // Mount the element when opening so its content can be measured and animated.
+    useEffect(() => {
+        if (open && !rendered)
+            setRendered(true);
+    }, [open, rendered]);
+    useEffect(() => {
+        mounted.current = true;
+    }, []);
+    useIsomorphicLayoutEffect(() => {
+        const el = elRef.current;
+        if (!el)
+            return;
+        // Very first paint: settle to the resting height without animating.
+        if (!mounted.current) {
+            prevOpen.current = open;
+            el.style.height = open ? 'auto' : '0px';
+            return;
+        }
+        if (prevOpen.current === open)
+            return;
+        prevOpen.current = open;
+        const reduce = typeof matchMedia !== 'undefined' &&
+            matchMedia('(prefers-reduced-motion: reduce)').matches;
+        let raf = 0;
+        const onEnd = (e) => {
+            if (e.target !== el || e.propertyName !== 'height')
+                return;
+            el.removeEventListener('transitionend', onEnd);
+            if (open)
+                el.style.height = 'auto';
+            else if (!keepMounted)
+                setRendered(false);
+        };
+        if (open) {
+            const target = el.scrollHeight;
+            if (reduce || target === 0) {
+                el.style.height = 'auto';
+                return;
+            }
+            el.style.height = '0px';
+            void el.offsetHeight; // force reflow so the next change transitions
+            el.addEventListener('transitionend', onEnd);
+            raf = requestAnimationFrame(() => {
+                el.style.height = `${target}px`;
+            });
+        }
+        else {
+            const current = el.scrollHeight;
+            if (reduce || current === 0) {
+                el.style.height = '0px';
+                if (!keepMounted)
+                    setRendered(false);
+                return;
+            }
+            el.style.height = `${current}px`;
+            void el.offsetHeight;
+            el.addEventListener('transitionend', onEnd);
+            raf = requestAnimationFrame(() => {
+                el.style.height = '0px';
+            });
+        }
+        return () => {
+            cancelAnimationFrame(raf);
+            el.removeEventListener('transitionend', onEnd);
+        };
+    }, [open, rendered, keepMounted]);
+    if (!rendered)
+        return null;
+    const setRefs = (node) => {
+        elRef.current = node;
+        if (typeof ref === 'function')
+            ref(node);
+        else if (ref)
+            ref.current = node;
+    };
+    return (_jsx(Component, { ref: setRefs, id: panelId, role: "region", "aria-labelledby": triggerId, inert: !open || undefined, "data-open": open || undefined, className: cn('cladd-collapsible-panel box-border block overflow-hidden transition-[height] duration-200 ease-out motion-reduce:transition-none', className), ...rest, children: children }));
+};
+//# sourceMappingURL=CollapsiblePanel.js.map

package/components/CollapsiblePanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsiblePanel.js","sourceRoot":"","sources":["../../../src/components/CollapsiblePanel.tsx"],"names":[],"mappings":"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"}

package/components/CollapsibleRoot.d.ts

@@ -0,0 +1,35 @@
+import { ReactNode } from 'react';
+interface CollapsibleRootOwnProps {
+    /** Trigger, panel and (optional) indicator elements. */
+    children?: ReactNode;
+    /** Controlled open state. When provided, internal state is bypassed. */
+    open?: boolean;
+    /** Initial open state (uncontrolled). Default `false`. Ignored when `open` is provided. */
+    defaultOpen?: boolean;
+    /** Fires whenever the open state should change (trigger click). */
+    onOpenChange?: (open: boolean) => void;
+    /** Disable the disclosure - the trigger stops toggling and gets `data-disabled`. */
+    disabled?: boolean;
+}
+export type CollapsibleRootProps = CollapsibleRootOwnProps;
+/** Shape of `CollapsibleRoot` defaults that can be supplied via `CladdProvider`'s `defaults` prop. */
+export type CollapsibleRootDefaultProps = Partial<Omit<CollapsibleRootOwnProps, 'children' | 'open' | 'defaultOpen' | 'onOpenChange'>>;
+/**
+ * Stateful, non-visual root for a single disclosure. Owns the open state
+ * (controlled via `open`/`onOpenChange` or uncontrolled via `defaultOpen`) and
+ * publishes it to `CollapsibleTrigger`/`CollapsiblePanel`/`CollapsibleIndicator`
+ * through context - it renders no DOM of its own.
+ *
+ * @example
+ * <CollapsibleRoot defaultOpen>
+ *   <CollapsibleTrigger>
+ *     <button>Advanced</button>
+ *   </CollapsibleTrigger>
+ *   <CollapsiblePanel>
+ *     <div className="pt-2">…</div>
+ *   </CollapsiblePanel>
+ * </CollapsibleRoot>
+ */
+export declare const CollapsibleRoot: (props: CollapsibleRootProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=CollapsibleRoot.d.ts.map

package/components/CollapsibleRoot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsibleRoot.d.ts","sourceRoot":"","sources":["../../../src/components/CollapsibleRoot.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAmB,MAAM,OAAO,CAAC;AAKnD,UAAU,uBAAuB;IAC/B,wDAAwD;IACxD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,wEAAwE;IACxE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,2FAA2F;IAC3F,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,mEAAmE;IACnE,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,oFAAoF;IACpF,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,MAAM,oBAAoB,GAAG,uBAAuB,CAAC;AAE3D,sGAAsG;AACtG,MAAM,MAAM,2BAA2B,GAAG,OAAO,CAC/C,IAAI,CACF,uBAAuB,EACvB,UAAU,GAAG,MAAM,GAAG,aAAa,GAAG,cAAc,CACrD,CACF,CAAC;AAEF;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,eAAe,GAAI,OAAO,oBAAoB,4CAkC1D,CAAC"}

package/components/CollapsibleRoot.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useId, useState } from 'react';
+import { useComponentDefaults } from '../hooks/use-component-defaults.js';
+import { CollapsibleContextProvider } from './CollapsibleContext.js';
+/**
+ * Stateful, non-visual root for a single disclosure. Owns the open state
+ * (controlled via `open`/`onOpenChange` or uncontrolled via `defaultOpen`) and
+ * publishes it to `CollapsibleTrigger`/`CollapsiblePanel`/`CollapsibleIndicator`
+ * through context - it renders no DOM of its own.
+ *
+ * @example
+ * <CollapsibleRoot defaultOpen>
+ *   <CollapsibleTrigger>
+ *     <button>Advanced</button>
+ *   </CollapsibleTrigger>
+ *   <CollapsiblePanel>
+ *     <div className="pt-2">…</div>
+ *   </CollapsiblePanel>
+ * </CollapsibleRoot>
+ */
+export const CollapsibleRoot = (props) => {
+    const baseId = useId();
+    const { children, open: openProp, defaultOpen = false, onOpenChange, disabled = false, } = useComponentDefaults('CollapsibleRoot', props);
+    const [internalOpen, setInternalOpen] = useState(defaultOpen);
+    const isControlled = openProp !== undefined;
+    const open = isControlled ? openProp : internalOpen;
+    const setOpen = (next) => {
+        if (disabled || next === open)
+            return;
+        if (!isControlled)
+            setInternalOpen(next);
+        onOpenChange?.(next);
+    };
+    return (_jsx(CollapsibleContextProvider, { value: {
+            open,
+            toggle: () => setOpen(!open),
+            setOpen,
+            disabled,
+            triggerId: `${baseId}-trigger`,
+            panelId: `${baseId}-panel`,
+        }, children: children }));
+};
+//# sourceMappingURL=CollapsibleRoot.js.map

package/components/CollapsibleRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsibleRoot.js","sourceRoot":"","sources":["../../../src/components/CollapsibleRoot.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAa,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AACvE,OAAO,EAAE,0BAA0B,EAAE,MAAM,sBAAsB,CAAC;AAyBlE;;;;;;;;;;;;;;;GAeG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAA2B,EAAE,EAAE;IAC7D,MAAM,MAAM,GAAG,KAAK,EAAE,CAAC;IACvB,MAAM,EACJ,QAAQ,EACR,IAAI,EAAE,QAAQ,EACd,WAAW,GAAG,KAAK,EACnB,YAAY,EACZ,QAAQ,GAAG,KAAK,GACjB,GAAG,oBAAoB,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAC;IAEnD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,WAAW,CAAC,CAAC;IAC9D,MAAM,YAAY,GAAG,QAAQ,KAAK,SAAS,CAAC;IAC5C,MAAM,IAAI,GAAG,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC;IAEpD,MAAM,OAAO,GAAG,CAAC,IAAa,EAAE,EAAE;QAChC,IAAI,QAAQ,IAAI,IAAI,KAAK,IAAI;YAAE,OAAO;QACtC,IAAI,CAAC,YAAY;YAAE,eAAe,CAAC,IAAI,CAAC,CAAC;QACzC,YAAY,EAAE,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,0BAA0B,IACzB,KAAK,EAAE;YACL,IAAI;YACJ,MAAM,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC;YAC5B,OAAO;YACP,QAAQ;YACR,SAAS,EAAE,GAAG,MAAM,UAAU;YAC9B,OAAO,EAAE,GAAG,MAAM,QAAQ;SAC3B,YAEA,QAAQ,GACkB,CAC9B,CAAC;AACJ,CAAC,CAAC"}

package/components/CollapsibleTrigger.d.ts

@@ -0,0 +1,21 @@
+import { ReactElement, ReactNode } from 'react';
+export interface CollapsibleTriggerProps {
+    /** Single React element to use as the trigger. Must accept `onClick` (a `<button>` is ideal). */
+    children: ReactNode;
+}
+/**
+ * Wraps a single child element to act as the disclosure trigger. **Clones** the
+ * child (Radix-style `asChild`) to attach the toggle `onClick` plus the aria
+ * wiring (`aria-expanded`, `aria-controls`, `id`) and a `data-open` attribute -
+ * so you bring your own markup and the kit injects only behavior and state.
+ *
+ * Because the cloned child carries `data-open`, rotating or swapping your own
+ * chevron is pure CSS: add `group` to the child and
+ * `group-data-[open]:rotate-90` to the icon. For state in JS, drop a
+ * `CollapsibleIndicator` inside or call `useCollapsibleContext()`.
+ *
+ * Composes with any existing `onClick` on the child, and no-ops the toggle while
+ * the disclosure is `disabled`.
+ */
+export declare const CollapsibleTrigger: ({ children }: CollapsibleTriggerProps) => ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+//# sourceMappingURL=CollapsibleTrigger.d.ts.map

package/components/CollapsibleTrigger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsibleTrigger.d.ts","sourceRoot":"","sources":["../../../src/components/CollapsibleTrigger.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4B,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAI1E,MAAM,WAAW,uBAAuB;IACtC,iGAAiG;IACjG,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,kBAAkB,GAAI,cAAc,uBAAuB,2EAqBvE,CAAC"}