@alfadocs/ui-kit-debug 0.1.8 → 0.2.0

package/dist/_chunks/checkbox-CtPM6Rup.js

@@ -0,0 +1,196 @@
+import { jsxs as G, jsx as i } from "react/jsx-runtime";
+import { createContext as K, useContext as O, forwardRef as T, useId as A, useState as B, useRef as F, useMemo as H } from "react";
+import * as x from "@radix-ui/react-checkbox";
+import { c as V } from "./index-D2ZczOXr.js";
+import { T as W } from "./tooltip-DHik5yRI.js";
+import { u as C } from "./registry-C9nwlNyL.js";
+const D = K(null);
+function P() {
+  return O(D);
+}
+const q = {
+  id: "checkbox",
+  capabilities: ["select_single"],
+  state: {
+    checked: {
+      type: 'boolean | "indeterminate"',
+      descriptionKey: "ui.agent.checkbox.state.checked",
+      description: "Current checked state.",
+      read: (t) => t.getChecked()
+    }
+  },
+  actions: {
+    set_checked: {
+      safety: "write",
+      argsType: '{ checked: boolean | "indeterminate" }',
+      descriptionKey: "ui.agent.checkbox.actions.setChecked",
+      description: "Set the checked state to a specific value.",
+      invoke: (t, a) => {
+        t.setChecked(a.checked);
+      }
+    },
+    toggle: {
+      safety: "write",
+      descriptionKey: "ui.agent.checkbox.actions.toggle",
+      description: "Flip the checked state between checked and unchecked.",
+      invoke: (t) => {
+        t.toggle();
+      }
+    }
+  },
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "checkbox",
+      description: "Marks the Checkbox wrapper."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    }
+  }
+}, v = [
+  "ds:[stroke-dasharray:1] ds:[stroke-dashoffset:1]",
+  "ds:animate-[checkbox-indicator-draw_var(--animation-duration)_ease-out_forwards]"
+].join(" ");
+function E({ className: t }) {
+  return /* @__PURE__ */ i(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "3",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      "data-slot": "checkbox-check-icon",
+      className: t,
+      children: /* @__PURE__ */ i("path", { pathLength: "1", d: "M5 12l5 5L20 7", className: v })
+    }
+  );
+}
+function J({ className: t }) {
+  return /* @__PURE__ */ i(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "3",
+      strokeLinecap: "round",
+      "aria-hidden": "true",
+      "data-slot": "checkbox-indeterminate-icon",
+      className: t,
+      children: /* @__PURE__ */ i("path", { pathLength: "1", d: "M5 12h14", className: v })
+    }
+  );
+}
+const Q = V(
+  [
+    "ds:inline-flex ds:items-center ds:justify-center ds:shrink-0",
+    "ds:border ds:border-border ds:rounded-[var(--radius-sm)] ds:bg-background",
+    "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
+    "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
+    "ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
+    "ds:disabled:cursor-not-allowed ds:disabled:opacity-50",
+    "ds:data-[state=checked]:bg-primary ds:data-[state=checked]:border-primary ds:data-[state=checked]:text-primary-foreground",
+    "ds:data-[state=indeterminate]:bg-primary ds:data-[state=indeterminate]:border-primary ds:data-[state=indeterminate]:text-primary-foreground",
+    'ds:relative ds:before:absolute ds:before:inset-[calc((var(--min-target-size)-100%)/-2)] ds:before:content-[""]'
+  ].join(" "),
+  {
+    variants: {
+      size: {
+        sm: "ds:size-3.5",
+        md: "ds:size-4",
+        lg: "ds:size-5"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+), U = T(
+  ({
+    label: t,
+    checked: a,
+    onCheckedChange: s,
+    size: m = "md",
+    disabled: y,
+    disabledReason: b,
+    name: w,
+    value: r,
+    id: f,
+    className: I,
+    ...N
+  }, z) => {
+    const j = A(), h = f ?? j, e = P(), d = e !== null && r !== void 0, [L, p] = B(a ?? !1), c = a !== void 0, l = d ? e.value.has(r) : c ? a : L, R = d ? () => e.toggle(r) : (o) => {
+      c || p(o), s == null || s(o);
+    }, _ = (e == null ? void 0 : e.name) ?? w, u = (e == null ? void 0 : e.disabled) || y, n = F(
+      l ?? !1
+    );
+    n.current = l ?? !1;
+    const M = H(
+      () => ({
+        getChecked: () => n.current,
+        setChecked: (o) => {
+          if (d) {
+            (n.current === !0 || n.current === "indeterminate") !== (o === !0 || o === "indeterminate") && e.toggle(r);
+            return;
+          }
+          c || p(o), s == null || s(o);
+        },
+        toggle: () => {
+          if (d) {
+            e.toggle(r);
+            return;
+          }
+          const o = !(n.current === !0 || n.current === "indeterminate");
+          c || p(o), s == null || s(o);
+        }
+      }),
+      [d, e, r, c, s]
+    );
+    C(q, M, f);
+    const k = m === "sm" ? "ds:size-3" : m === "lg" ? "ds:size-4" : "ds:size-3.5", S = [
+      "type-label ds:text-foreground ds:select-none",
+      u ? "ds:cursor-not-allowed ds:opacity-50" : "ds:cursor-pointer"
+    ].join(" "), g = /* @__PURE__ */ G(
+      "div",
+      {
+        "data-component": "checkbox",
+        "data-component-id": f,
+        "data-option-id": r,
+        className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)]",
+        children: [
+          /* @__PURE__ */ i(
+            x.Root,
+            {
+              ref: z,
+              id: h,
+              checked: l,
+              onCheckedChange: R,
+              disabled: u,
+              "aria-disabled": u || void 0,
+              name: _,
+              value: r,
+              className: Q({ size: m, className: I }),
+              ...N,
+              children: /* @__PURE__ */ i(x.Indicator, { children: l === "indeterminate" ? /* @__PURE__ */ i(J, { className: k }) : /* @__PURE__ */ i(E, { className: k }) })
+            }
+          ),
+          /* @__PURE__ */ i("label", { htmlFor: h, className: S, children: t })
+        ]
+      }
+    );
+    return u && b ? /* @__PURE__ */ i(W, { label: b, children: g }) : g;
+  }
+);
+U.displayName = "Checkbox";
+export {
+  U as C,
+  D as a,
+  P as u
+};
+//# sourceMappingURL=checkbox-CtPM6Rup.js.map

package/dist/_chunks/checkbox-CtPM6Rup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-CtPM6Rup.js","sources":["../../src/components/checkbox/checkbox-group-context.ts","../../src/components/checkbox/checkbox.agent.ts","../../src/components/checkbox/checkbox.tsx"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nexport interface CheckboxGroupContextShape {\n  name?: string;\n  value: Set<string>;\n  toggle: (itemValue: string) => void;\n  disabled: boolean;\n}\n\nexport const CheckboxGroupContext =\n  createContext<CheckboxGroupContextShape | null>(null);\n\nexport function useCheckboxGroup(): CheckboxGroupContextShape | null {\n  return useContext(CheckboxGroupContext);\n}\n","/* -------------------------------------------------------------------- */\n/* Agent adapter — Checkbox.                                              */\n/*                                                                        */\n/* See `src/docs/26-agent-readiness.mdx` for the contract.                */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { CheckboxHandle } from './checkbox';\n\nexport const checkboxAgent: AgentAdapter<CheckboxHandle> = {\n  id: 'checkbox',\n  capabilities: ['select_single'],\n  state: {\n    checked: {\n      type: 'boolean | \"indeterminate\"',\n      descriptionKey: 'ui.agent.checkbox.state.checked',\n      description: 'Current checked state.',\n      read: (handle) => handle.getChecked(),\n    },\n  },\n  actions: {\n    set_checked: {\n      safety: 'write',\n      argsType: '{ checked: boolean | \"indeterminate\" }',\n      descriptionKey: 'ui.agent.checkbox.actions.setChecked',\n      description: 'Set the checked state to a specific value.',\n      invoke: (handle, args: { checked: boolean | 'indeterminate' }) => {\n        handle.setChecked(args.checked);\n      },\n    },\n    toggle: {\n      safety: 'write',\n      descriptionKey: 'ui.agent.checkbox.actions.toggle',\n      description: 'Flip the checked state between checked and unchecked.',\n      invoke: (handle) => {\n        handle.toggle();\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'checkbox',\n      description: 'Marks the Checkbox wrapper.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  type ComponentPropsWithoutRef,\n} from 'react';\nimport * as RadixCheckbox from '@radix-ui/react-checkbox';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useCheckboxGroup } from './checkbox-group-context';\nimport { Tooltip } from '../tooltip';\nimport { useAgentRegistration } from '../../agent';\nimport { checkboxAgent } from './checkbox.agent';\n\n/** Agent-readiness curated handle for Checkbox. */\nexport interface CheckboxHandle {\n  getChecked: () => boolean | 'indeterminate';\n  setChecked: (checked: boolean | 'indeterminate') => void;\n  toggle: () => void;\n}\n\nconst drawClasses = [\n  'ds:[stroke-dasharray:1] ds:[stroke-dashoffset:1]',\n  'ds:animate-[checkbox-indicator-draw_var(--animation-duration)_ease-out_forwards]',\n].join(' ');\n\nfunction CheckIcon({ className }: { className?: string }) {\n  return (\n    <svg\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"3\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n      data-slot=\"checkbox-check-icon\"\n      className={className}\n    >\n      <path pathLength=\"1\" d=\"M5 12l5 5L20 7\" className={drawClasses} />\n    </svg>\n  );\n}\n\nfunction IndeterminateIcon({ className }: { className?: string }) {\n  return (\n    <svg\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"3\"\n      strokeLinecap=\"round\"\n      aria-hidden=\"true\"\n      data-slot=\"checkbox-indeterminate-icon\"\n      className={className}\n    >\n      <path pathLength=\"1\" d=\"M5 12h14\" className={drawClasses} />\n    </svg>\n  );\n}\n\nconst checkboxVariants = cva(\n  [\n    'ds:inline-flex ds:items-center ds:justify-center ds:shrink-0',\n    'ds:border ds:border-border ds:rounded-[var(--radius-sm)] ds:bg-background',\n    'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:disabled:cursor-not-allowed ds:disabled:opacity-50',\n    'ds:data-[state=checked]:bg-primary ds:data-[state=checked]:border-primary ds:data-[state=checked]:text-primary-foreground',\n    'ds:data-[state=indeterminate]:bg-primary ds:data-[state=indeterminate]:border-primary ds:data-[state=indeterminate]:text-primary-foreground',\n    'ds:relative ds:before:absolute ds:before:inset-[calc((var(--min-target-size)-100%)/-2)] ds:before:content-[\"\"]',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:size-3.5',\n        md: 'ds:size-4',\n        lg: 'ds:size-5',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n);\n\ntype RadixRootProps = ComponentPropsWithoutRef<typeof RadixCheckbox.Root>;\n\nexport interface CheckboxProps\n  extends\n    Omit<RadixRootProps, 'checked' | 'onCheckedChange' | 'children'>,\n    VariantProps<typeof checkboxVariants> {\n  label: string;\n  checked?: boolean | 'indeterminate';\n  onCheckedChange?: (checked: boolean | 'indeterminate') => void;\n  size?: 'sm' | 'md' | 'lg';\n  disabledReason?: string;\n  value?: string;\n}\n\nexport const Checkbox = forwardRef<HTMLButtonElement, CheckboxProps>(\n  (\n    {\n      label,\n      checked,\n      onCheckedChange,\n      size = 'md',\n      disabled,\n      disabledReason,\n      name,\n      value,\n      id,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const generatedId = useId();\n    const checkboxId = id ?? generatedId;\n    const group = useCheckboxGroup();\n\n    const inGroup = group !== null && value !== undefined;\n    const [internalChecked, setInternalChecked] = useState<\n      boolean | 'indeterminate'\n    >(checked ?? false);\n    const isControlled = checked !== undefined;\n    const ownChecked = isControlled ? checked : internalChecked;\n    const effectiveChecked = inGroup ? group.value.has(value) : ownChecked;\n    const effectiveOnChange = inGroup\n      ? () => group.toggle(value)\n      : (next: boolean | 'indeterminate') => {\n          if (!isControlled) setInternalChecked(next);\n          onCheckedChange?.(next);\n        };\n    const effectiveName = group?.name ?? name;\n    const effectiveDisabled = group?.disabled || disabled;\n\n    const checkedRef = useRef<boolean | 'indeterminate'>(\n      effectiveChecked ?? false,\n    );\n    checkedRef.current = effectiveChecked ?? false;\n\n    const agentHandle = useMemo<CheckboxHandle>(\n      () => ({\n        getChecked: () => checkedRef.current,\n        setChecked: (next) => {\n          if (inGroup) {\n            // Inside a group: toggle implements set via the group context.\n            const isOn =\n              checkedRef.current === true ||\n              checkedRef.current === 'indeterminate';\n            const want = next === true || next === 'indeterminate';\n            if (isOn !== want) group.toggle(value);\n            return;\n          }\n          if (!isControlled) setInternalChecked(next);\n          onCheckedChange?.(next);\n        },\n        toggle: () => {\n          if (inGroup) {\n            group.toggle(value);\n            return;\n          }\n          const next =\n            checkedRef.current === true ||\n            checkedRef.current === 'indeterminate'\n              ? false\n              : true;\n          if (!isControlled) setInternalChecked(next);\n          onCheckedChange?.(next);\n        },\n      }),\n      [inGroup, group, value, isControlled, onCheckedChange],\n    );\n    useAgentRegistration(checkboxAgent, agentHandle, id);\n\n    const iconSizeClass =\n      size === 'sm' ? 'ds:size-3' : size === 'lg' ? 'ds:size-4' : 'ds:size-3.5';\n\n    const labelClasses = [\n      'type-label ds:text-foreground ds:select-none',\n      effectiveDisabled\n        ? 'ds:cursor-not-allowed ds:opacity-50'\n        : 'ds:cursor-pointer',\n    ].join(' ');\n\n    const content = (\n      <div\n        data-component=\"checkbox\"\n        data-component-id={id}\n        data-option-id={value}\n        className=\"ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)]\"\n      >\n        <RadixCheckbox.Root\n          ref={ref}\n          id={checkboxId}\n          checked={effectiveChecked}\n          onCheckedChange={effectiveOnChange}\n          disabled={effectiveDisabled}\n          aria-disabled={effectiveDisabled || undefined}\n          name={effectiveName}\n          value={value}\n          className={checkboxVariants({ size, className })}\n          {...props}\n        >\n          <RadixCheckbox.Indicator>\n            {effectiveChecked === 'indeterminate' ? (\n              <IndeterminateIcon className={iconSizeClass} />\n            ) : (\n              <CheckIcon className={iconSizeClass} />\n            )}\n          </RadixCheckbox.Indicator>\n        </RadixCheckbox.Root>\n        <label htmlFor={checkboxId} className={labelClasses}>\n          {label}\n        </label>\n      </div>\n    );\n\n    if (effectiveDisabled && disabledReason) {\n      return <Tooltip label={disabledReason}>{content}</Tooltip>;\n    }\n\n    return content;\n  },\n);\n\nCheckbox.displayName = 'Checkbox';\n"],"names":["CheckboxGroupContext","createContext","useCheckboxGroup","useContext","checkboxAgent","handle","args","drawClasses","CheckIcon","className","jsx","IndeterminateIcon","checkboxVariants","cva","Checkbox","forwardRef","label","checked","onCheckedChange","size","disabled","disabledReason","name","value","id","props","ref","generatedId","useId","checkboxId","group","inGroup","internalChecked","setInternalChecked","useState","isControlled","effectiveChecked","effectiveOnChange","next","effectiveName","effectiveDisabled","checkedRef","useRef","agentHandle","useMemo","useAgentRegistration","iconSizeClass","labelClasses","content","jsxs","RadixCheckbox","Tooltip"],"mappings":"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"}

package/dist/_chunks/checkbox-group-BTdEB6Yo.js

@@ -0,0 +1,208 @@
+import { jsx as s, jsxs as M } from "react/jsx-runtime";
+import { forwardRef as T, useId as W, useState as K, useMemo as S, useRef as X, Children as Y, isValidElement as Z } from "react";
+import { c as V } from "./index-D2ZczOXr.js";
+import { useTranslation as ee } from "react-i18next";
+import { C as _, a as se } from "./checkbox-CtPM6Rup.js";
+import { u as te } from "./registry-C9nwlNyL.js";
+import { C as ce } from "./circle-alert-ChA9opNA.js";
+const re = {
+  id: "checkbox-group",
+  capabilities: ["select_multiple"],
+  state: {
+    selection: {
+      type: "string[]",
+      descriptionKey: "ui.agent.checkboxGroup.state.selection",
+      description: "Values of currently-checked options.",
+      read: (t) => t.getSelection()
+    }
+  },
+  actions: {
+    set_selection: {
+      safety: "write",
+      argsType: "{ ids: string[] }",
+      descriptionKey: "ui.agent.checkboxGroup.actions.setSelection",
+      description: "Replace the current selection with the given option values.",
+      invoke: (t, l) => {
+        t.setSelection(l.ids);
+      }
+    },
+    clear_selection: {
+      safety: "destructive",
+      descriptionKey: "ui.agent.checkboxGroup.actions.clearSelection",
+      description: "Uncheck every option in the group.",
+      invoke: (t) => {
+        t.clearSelection();
+      }
+    }
+  },
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "checkbox-group",
+      description: "Marks the CheckboxGroup fieldset."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    },
+    item: {
+      attr: "data-option-id",
+      description: "Stable opaque value emitted on each rendered Checkbox child within the group."
+    }
+  }
+}, le = V("", {
+  variants: {
+    orientation: {
+      vertical: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]",
+      horizontal: "ds:flex ds:flex-wrap ds:gap-x-[var(--spacing-lg)] ds:gap-y-[var(--spacing-sm)]"
+    }
+  },
+  defaultVariants: { orientation: "vertical" }
+});
+function ae(t) {
+  const l = [];
+  return Y.forEach(t, (a) => {
+    if (!Z(a)) return;
+    const f = a.props;
+    typeof f.value == "string" && l.push(f.value);
+  }), l;
+}
+const oe = T(
+  ({
+    label: t,
+    value: l,
+    onChange: a,
+    name: f,
+    id: v,
+    orientation: $ = "vertical",
+    disabled: N = !1,
+    min: i,
+    max: d,
+    onConstraintViolation: c,
+    withSelectAll: z = !1,
+    options: u,
+    error: m,
+    helperText: g,
+    className: E,
+    children: b
+  }, H) => {
+    const { t: p } = ee(), x = W(), R = `${x}-helper`, w = `${x}-error`, I = `${x}-counter`, [P, q] = K([]), k = l !== void 0, r = k ? l : P, A = S(() => new Set(r), [r]), [C, o] = K(""), y = S(
+      () => u ? u.map((e) => e.value) : ae(b),
+      [u, b]
+    ), n = (e) => {
+      k || q(e), a == null || a(e);
+    }, j = X(r);
+    j.current = r;
+    const U = S(
+      () => ({
+        getSelection: () => j.current.slice(),
+        setSelection: (e) => n(e),
+        clearSelection: () => n([])
+      }),
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+      [k, a]
+    );
+    te(re, U, v);
+    const D = {
+      name: f,
+      value: A,
+      toggle: (e) => {
+        if (A.has(e)) {
+          if (typeof i == "number" && r.length <= i) {
+            o(p("ui.inputs.checkboxGroup.minReached", { min: i })), c == null || c("min");
+            return;
+          }
+          o(""), n(r.filter((Q) => Q !== e));
+          return;
+        }
+        if (typeof d == "number" && r.length >= d) {
+          o(p("ui.inputs.checkboxGroup.maxReached", { max: d })), c == null || c("max");
+          return;
+        }
+        o(""), n([...r, e]);
+      },
+      disabled: N
+    }, h = y.length, G = r.length, B = h === 0 || G === 0 ? !1 : G >= h ? !0 : "indeterminate", F = () => {
+      if (B === !0) {
+        if (typeof i == "number" && i > 0) {
+          o(p("ui.inputs.checkboxGroup.minReached", { min: i })), c == null || c("min");
+          return;
+        }
+        n([]), o("");
+        return;
+      }
+      const e = typeof d == "number" ? y.slice(0, d) : y;
+      n(e), o("");
+    }, J = [
+      g ? R : null,
+      m ? w : null,
+      h > 0 ? I : null
+    ].filter(Boolean).join(" ") || void 0, L = b ?? (u ? u.map((e) => /* @__PURE__ */ s(
+      _,
+      {
+        value: e.value,
+        label: e.label,
+        disabled: e.disabled
+      },
+      e.value
+    )) : null), O = [
+      "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:min-w-0 ds:border-0 ds:p-0 ds:m-0",
+      E
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ M(
+      "fieldset",
+      {
+        ref: H,
+        id: v,
+        className: O,
+        "aria-describedby": J,
+        "aria-invalid": !!m || void 0,
+        "data-component": "checkbox-group",
+        "data-component-id": v,
+        children: [
+          /* @__PURE__ */ s("legend", { className: "type-label ds:text-foreground ds:p-0 ds:mb-[var(--spacing-sm)]", children: t }),
+          z ? /* @__PURE__ */ s(
+            _,
+            {
+              label: p("ui.inputs.checkboxGroup.selectAll"),
+              checked: B,
+              onCheckedChange: F,
+              disabled: N
+            }
+          ) : null,
+          /* @__PURE__ */ s(se.Provider, { value: D, children: /* @__PURE__ */ s("div", { className: le({ orientation: $ }), children: L }) }),
+          g ? /* @__PURE__ */ s("p", { id: R, className: "type-body-sm ds:text-muted-foreground", children: g }) : null,
+          m ? /* @__PURE__ */ M(
+            "p",
+            {
+              id: w,
+              role: "alert",
+              className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] type-body-sm ds:text-destructive",
+              children: [
+                /* @__PURE__ */ s(ce, { "aria-hidden": "true", className: "ds:size-4 ds:shrink-0" }),
+                /* @__PURE__ */ s("span", { children: m })
+              ]
+            }
+          ) : null,
+          /* @__PURE__ */ s(
+            "span",
+            {
+              id: I,
+              role: "status",
+              "aria-live": "polite",
+              className: "ds:sr-only",
+              children: h > 0 ? p("ui.inputs.checkboxGroup.counter", { count: G, total: h }) : ""
+            }
+          ),
+          /* @__PURE__ */ s("span", { role: "status", "aria-live": "polite", className: "ds:sr-only", children: C })
+        ]
+      }
+    );
+  }
+);
+oe.displayName = "CheckboxGroup";
+export {
+  oe as C
+};
+//# sourceMappingURL=checkbox-group-BTdEB6Yo.js.map

package/dist/_chunks/checkbox-group-BTdEB6Yo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-group-BTdEB6Yo.js","sources":["../../src/components/checkbox-group/checkbox-group.agent.ts","../../src/components/checkbox-group/checkbox-group.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — CheckboxGroup.                                         */\n/*                                                                        */\n/* See `src/docs/26-agent-readiness.mdx` for the contract.                */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { CheckboxGroupHandle } from './checkbox-group';\n\nexport const checkboxGroupAgent: AgentAdapter<CheckboxGroupHandle> = {\n  id: 'checkbox-group',\n  capabilities: ['select_multiple'],\n  state: {\n    selection: {\n      type: 'string[]',\n      descriptionKey: 'ui.agent.checkboxGroup.state.selection',\n      description: 'Values of currently-checked options.',\n      read: (handle) => handle.getSelection(),\n    },\n  },\n  actions: {\n    set_selection: {\n      safety: 'write',\n      argsType: '{ ids: string[] }',\n      descriptionKey: 'ui.agent.checkboxGroup.actions.setSelection',\n      description:\n        'Replace the current selection with the given option values.',\n      invoke: (handle, args: { ids: string[] }) => {\n        handle.setSelection(args.ids);\n      },\n    },\n    clear_selection: {\n      safety: 'destructive',\n      descriptionKey: 'ui.agent.checkboxGroup.actions.clearSelection',\n      description: 'Uncheck every option in the group.',\n      invoke: (handle) => {\n        handle.clearSelection();\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'checkbox-group',\n      description: 'Marks the CheckboxGroup fieldset.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n    item: {\n      attr: 'data-option-id',\n      description:\n        'Stable opaque value emitted on each rendered Checkbox child within the group.',\n    },\n  },\n};\n","import {\n  Children,\n  forwardRef,\n  isValidElement,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { AlertCircle } from 'lucide-react';\nimport { Checkbox } from '../checkbox/checkbox';\nimport {\n  CheckboxGroupContext,\n  type CheckboxGroupContextShape,\n} from '../checkbox/checkbox-group-context';\nimport { useAgentRegistration } from '../../agent';\nimport { checkboxGroupAgent } from './checkbox-group.agent';\n\n/** Agent-readiness curated handle for CheckboxGroup. */\nexport interface CheckboxGroupHandle {\n  getSelection: () => string[];\n  setSelection: (ids: string[]) => void;\n  clearSelection: () => void;\n}\n\nconst checkboxGroupVariants = cva('', {\n  variants: {\n    orientation: {\n      vertical: 'ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]',\n      horizontal:\n        'ds:flex ds:flex-wrap ds:gap-x-[var(--spacing-lg)] ds:gap-y-[var(--spacing-sm)]',\n    },\n  },\n  defaultVariants: { orientation: 'vertical' },\n});\n\nexport interface CheckboxGroupOption {\n  value: string;\n  label: string;\n  disabled?: boolean;\n}\n\nexport interface CheckboxGroupProps extends VariantProps<\n  typeof checkboxGroupVariants\n> {\n  label: string;\n  value?: string[];\n  onChange?: (value: string[]) => void;\n  name?: string;\n  /** Stable id, used to address this instance from the agent runtime. */\n  id?: string;\n  orientation?: 'vertical' | 'horizontal';\n  disabled?: boolean;\n  min?: number;\n  max?: number;\n  onConstraintViolation?: (type: 'min' | 'max') => void;\n  withSelectAll?: boolean;\n  options?: CheckboxGroupOption[];\n  error?: string;\n  helperText?: string;\n  className?: string;\n  children?: ReactNode;\n}\n\nfunction collectChildValues(children: ReactNode): string[] {\n  const values: string[] = [];\n  Children.forEach(children, (child) => {\n    if (!isValidElement(child)) return;\n    const props = child.props as { value?: unknown };\n    if (typeof props.value === 'string') values.push(props.value);\n  });\n  return values;\n}\n\nexport const CheckboxGroup = forwardRef<\n  HTMLFieldSetElement,\n  CheckboxGroupProps\n>(\n  (\n    {\n      label,\n      value: controlledValue,\n      onChange,\n      name,\n      id,\n      orientation = 'vertical',\n      disabled = false,\n      min,\n      max,\n      onConstraintViolation,\n      withSelectAll = false,\n      options,\n      error,\n      helperText,\n      className,\n      children,\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const baseId = useId();\n    const helperId = `${baseId}-helper`;\n    const errorId = `${baseId}-error`;\n    const counterId = `${baseId}-counter`;\n\n    const [internalValue, setInternalValue] = useState<string[]>([]);\n    const isControlled = controlledValue !== undefined;\n    const currentValue = isControlled ? controlledValue : internalValue;\n\n    const valueSet = useMemo(() => new Set(currentValue), [currentValue]);\n\n    const [violationMsg, setViolationMsg] = useState<string>('');\n\n    const allValues = useMemo<string[]>(\n      () =>\n        options ? options.map((o) => o.value) : collectChildValues(children),\n      [options, children],\n    );\n\n    const commit = (next: string[]): void => {\n      if (!isControlled) setInternalValue(next);\n      onChange?.(next);\n    };\n\n    const currentValueRef = useRef<string[]>(currentValue);\n    currentValueRef.current = currentValue;\n\n    const agentHandle = useMemo<CheckboxGroupHandle>(\n      () => ({\n        getSelection: () => currentValueRef.current.slice(),\n        setSelection: (ids) => commit(ids),\n        clearSelection: () => commit([]),\n      }),\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n      [isControlled, onChange],\n    );\n    useAgentRegistration(checkboxGroupAgent, agentHandle, id);\n\n    const toggle = (itemValue: string): void => {\n      if (valueSet.has(itemValue)) {\n        if (typeof min === 'number' && currentValue.length <= min) {\n          setViolationMsg(t('ui.inputs.checkboxGroup.minReached', { min }));\n          onConstraintViolation?.('min');\n          return;\n        }\n        setViolationMsg('');\n        commit(currentValue.filter((v) => v !== itemValue));\n        return;\n      }\n      if (typeof max === 'number' && currentValue.length >= max) {\n        setViolationMsg(t('ui.inputs.checkboxGroup.maxReached', { max }));\n        onConstraintViolation?.('max');\n        return;\n      }\n      setViolationMsg('');\n      commit([...currentValue, itemValue]);\n    };\n\n    const ctxValue: CheckboxGroupContextShape = {\n      name,\n      value: valueSet,\n      toggle,\n      disabled,\n    };\n\n    const total = allValues.length;\n    const count = currentValue.length;\n\n    const parentChecked: boolean | 'indeterminate' =\n      total === 0 || count === 0\n        ? false\n        : count >= total\n          ? true\n          : 'indeterminate';\n\n    const handleSelectAll = (): void => {\n      if (parentChecked === true) {\n        if (typeof min === 'number' && min > 0) {\n          setViolationMsg(t('ui.inputs.checkboxGroup.minReached', { min }));\n          onConstraintViolation?.('min');\n          return;\n        }\n        commit([]);\n        setViolationMsg('');\n        return;\n      }\n      const toCheck =\n        typeof max === 'number' ? allValues.slice(0, max) : allValues;\n      commit(toCheck);\n      setViolationMsg('');\n    };\n\n    const describedBy =\n      [\n        helperText ? helperId : null,\n        error ? errorId : null,\n        total > 0 ? counterId : null,\n      ]\n        .filter(Boolean)\n        .join(' ') || undefined;\n\n    const resolvedChildren =\n      children ??\n      (options\n        ? options.map((opt) => (\n            <Checkbox\n              key={opt.value}\n              value={opt.value}\n              label={opt.label}\n              disabled={opt.disabled}\n            />\n          ))\n        : null);\n\n    const fieldsetClasses = [\n      'ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:min-w-0 ds:border-0 ds:p-0 ds:m-0',\n      className,\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    return (\n      <fieldset\n        ref={ref}\n        id={id}\n        className={fieldsetClasses}\n        aria-describedby={describedBy}\n        aria-invalid={Boolean(error) || undefined}\n        data-component=\"checkbox-group\"\n        data-component-id={id}\n      >\n        <legend className=\"type-label ds:text-foreground ds:p-0 ds:mb-[var(--spacing-sm)]\">\n          {label}\n        </legend>\n        {withSelectAll ? (\n          <Checkbox\n            label={t('ui.inputs.checkboxGroup.selectAll')}\n            checked={parentChecked}\n            onCheckedChange={handleSelectAll}\n            disabled={disabled}\n          />\n        ) : null}\n        <CheckboxGroupContext.Provider value={ctxValue}>\n          <div className={checkboxGroupVariants({ orientation })}>\n            {resolvedChildren}\n          </div>\n        </CheckboxGroupContext.Provider>\n        {helperText ? (\n          <p id={helperId} className=\"type-body-sm ds:text-muted-foreground\">\n            {helperText}\n          </p>\n        ) : null}\n        {error ? (\n          <p\n            id={errorId}\n            role=\"alert\"\n            className=\"ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] type-body-sm ds:text-destructive\"\n          >\n            <AlertCircle aria-hidden=\"true\" className=\"ds:size-4 ds:shrink-0\" />\n            <span>{error}</span>\n          </p>\n        ) : null}\n        <span\n          id={counterId}\n          role=\"status\"\n          aria-live=\"polite\"\n          className=\"ds:sr-only\"\n        >\n          {total > 0\n            ? t('ui.inputs.checkboxGroup.counter', { count, total })\n            : ''}\n        </span>\n        <span role=\"status\" aria-live=\"polite\" className=\"ds:sr-only\">\n          {violationMsg}\n        </span>\n      </fieldset>\n    );\n  },\n);\n\nCheckboxGroup.displayName = 'CheckboxGroup';\n"],"names":["checkboxGroupAgent","handle","args","checkboxGroupVariants","cva","collectChildValues","children","values","Children","child","isValidElement","props","CheckboxGroup","forwardRef","label","controlledValue","onChange","name","id","orientation","disabled","min","max","onConstraintViolation","withSelectAll","options","error","helperText","className","ref","t","useTranslation","baseId","useId","helperId","errorId","counterId","internalValue","setInternalValue","useState","isControlled","currentValue","valueSet","useMemo","violationMsg","setViolationMsg","allValues","o","commit","next","currentValueRef","useRef","agentHandle","ids","useAgentRegistration","ctxValue","itemValue","v","total","count","parentChecked","handleSelectAll","toCheck","describedBy","resolvedChildren","opt","jsx","Checkbox","fieldsetClasses","jsxs","CheckboxGroupContext","AlertCircle"],"mappings":"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"}

package/dist/_chunks/collapsible-CuxUBoHJ.js

@@ -0,0 +1,147 @@
+import { jsx as p } from "react/jsx-runtime";
+import { forwardRef as b, useState as C, useRef as k, useCallback as w, useMemo as x, useEffect as h } from "react";
+import * as u from "@radix-ui/react-collapsible";
+import { a as R, c as N } from "./index-D2ZczOXr.js";
+import { u as T } from "./registry-C9nwlNyL.js";
+const K = {
+  id: "collapsible",
+  capabilities: ["expand"],
+  state: {
+    isOpen: {
+      type: "boolean",
+      descriptionKey: "ui.agent.collapsible.state.isOpen",
+      description: "True when the content panel is expanded.",
+      read: (e) => e.isOpen()
+    }
+  },
+  actions: {
+    toggle: {
+      safety: "write",
+      descriptionKey: "ui.agent.collapsible.actions.toggle",
+      description: "Toggle between open and closed.",
+      invoke: (e) => {
+        e.toggle();
+      }
+    },
+    open: {
+      safety: "write",
+      descriptionKey: "ui.agent.collapsible.actions.open",
+      description: "Expand the content panel.",
+      invoke: (e) => {
+        e.open();
+      }
+    },
+    close: {
+      safety: "write",
+      descriptionKey: "ui.agent.collapsible.actions.close",
+      description: "Collapse the content panel.",
+      invoke: (e) => {
+        e.close();
+      }
+    }
+  },
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "collapsible",
+      description: "Marks the Collapsible root."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    }
+  }
+}, O = N("", {
+  variants: {
+    variant: {
+      default: "",
+      card: "ds:bg-[var(--card)] ds:border ds:border-border ds:rounded-[var(--radius-lg)] ds:overflow-hidden",
+      minimal: "ds:forced-colors:[border-block-end:1px_solid]"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+}), z = [
+  "ds:overflow-hidden",
+  "ds:transition-[block-size]",
+  "ds:duration-[var(--animation-duration)]",
+  "ds:ease-out",
+  "ds:motion-reduce:transition-none",
+  "ds:data-[state=open]:[block-size:var(--radix-collapsible-content-height)]",
+  "ds:data-[state=closed]:[block-size:0]"
+].join(" "), j = b(
+  ({
+    variant: e,
+    className: t,
+    children: s,
+    open: o,
+    defaultOpen: l,
+    onOpenChange: a,
+    ...n
+  }, f) => {
+    const r = o !== void 0, [g, v] = C(
+      !!l
+    ), d = r ? !!o : g, c = k(d);
+    c.current = d;
+    const i = w(
+      (m) => {
+        r || v(m), a == null || a(m);
+      },
+      [r, a]
+    ), y = x(
+      () => ({
+        isOpen: () => c.current,
+        toggle: () => i(!c.current),
+        open: () => i(!0),
+        close: () => i(!1)
+      }),
+      [i]
+    );
+    return T(K, y, n.id), /* @__PURE__ */ p(
+      u.Root,
+      {
+        ref: f,
+        open: d,
+        onOpenChange: i,
+        className: O({ variant: e, className: t }),
+        "data-component": "collapsible",
+        "data-component-id": n.id,
+        ...n,
+        children: s
+      }
+    );
+  }
+);
+j.displayName = "Collapsible";
+const A = b(({ asChild: e = !1, children: t, ...s }, o) => /* @__PURE__ */ p(u.Trigger, { ref: o, asChild: e, ...s, children: t }));
+A.displayName = "CollapsibleTrigger";
+const B = b(
+  ({
+    className: e,
+    children: t,
+    "aria-labelledby": s,
+    "aria-label": o,
+    ...l
+  }, a) => (h(() => {
+  }, []), /* @__PURE__ */ p(
+    u.Content,
+    {
+      ref: a,
+      "aria-labelledby": s,
+      "aria-label": o,
+      className: R(z, e),
+      ...l,
+      children: t
+    }
+  ))
+);
+B.displayName = "CollapsibleContent";
+export {
+  j as C,
+  B as a,
+  A as b,
+  K as c
+};
+//# sourceMappingURL=collapsible-CuxUBoHJ.js.map

package/dist/_chunks/collapsible-CuxUBoHJ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible-CuxUBoHJ.js","sources":["../../src/components/collapsible/collapsible.agent.ts","../../src/components/collapsible/collapsible.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — Collapsible.                                           */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { CollapsibleHandle } from './collapsible';\n\nexport const collapsibleAgent: AgentAdapter<CollapsibleHandle> = {\n  id: 'collapsible',\n  capabilities: ['expand'],\n  state: {\n    isOpen: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.collapsible.state.isOpen',\n      description: 'True when the content panel is expanded.',\n      read: (handle) => handle.isOpen(),\n    },\n  },\n  actions: {\n    toggle: {\n      safety: 'write',\n      descriptionKey: 'ui.agent.collapsible.actions.toggle',\n      description: 'Toggle between open and closed.',\n      invoke: (handle) => {\n        handle.toggle();\n      },\n    },\n    open: {\n      safety: 'write',\n      descriptionKey: 'ui.agent.collapsible.actions.open',\n      description: 'Expand the content panel.',\n      invoke: (handle) => {\n        handle.open();\n      },\n    },\n    close: {\n      safety: 'write',\n      descriptionKey: 'ui.agent.collapsible.actions.close',\n      description: 'Collapse the content panel.',\n      invoke: (handle) => {\n        handle.close();\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'collapsible',\n      description: 'Marks the Collapsible root.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ComponentPropsWithoutRef,\n  type ElementRef,\n} from 'react';\nimport * as CollapsiblePrimitive from '@radix-ui/react-collapsible';\nimport { cva, cx, type VariantProps } from 'class-variance-authority';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { collapsibleAgent } from './collapsible.agent';\n\nconst collapsibleVariants = cva('', {\n  variants: {\n    variant: {\n      default: '',\n      card: 'ds:bg-[var(--card)] ds:border ds:border-border ds:rounded-[var(--radius-lg)] ds:overflow-hidden',\n      minimal: 'ds:forced-colors:[border-block-end:1px_solid]',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n});\n\nconst contentCls = [\n  'ds:overflow-hidden',\n  'ds:transition-[block-size]',\n  'ds:duration-[var(--animation-duration)]',\n  'ds:ease-out',\n  'ds:motion-reduce:transition-none',\n  'ds:data-[state=open]:[block-size:var(--radix-collapsible-content-height)]',\n  'ds:data-[state=closed]:[block-size:0]',\n].join(' ');\n\ntype RootProps = ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Root>;\ntype TriggerProps = ComponentPropsWithoutRef<\n  typeof CollapsiblePrimitive.Trigger\n>;\ntype PrimitiveContentProps = ComponentPropsWithoutRef<\n  typeof CollapsiblePrimitive.Content\n>;\n\nexport interface CollapsibleProps\n  extends\n    Omit<RootProps, 'asChild'>,\n    VariantProps<typeof collapsibleVariants> {}\n\n/** Curated imperative handle for agent / external automation. */\nexport interface CollapsibleHandle {\n  isOpen: () => boolean;\n  toggle: () => void;\n  open: () => void;\n  close: () => void;\n}\n\nexport type CollapsibleTriggerProps = TriggerProps;\n\nexport type CollapsibleContentProps = PrimitiveContentProps;\n\ntype CollapsibleRootElement = ElementRef<typeof CollapsiblePrimitive.Root>;\n\nexport const Collapsible = forwardRef<CollapsibleRootElement, CollapsibleProps>(\n  (\n    {\n      variant,\n      className,\n      children,\n      open: openProp,\n      defaultOpen,\n      onOpenChange,\n      ...props\n    },\n    ref,\n  ) => {\n    const isControlled = openProp !== undefined;\n    const [internalOpen, setInternalOpen] = useState<boolean>(\n      Boolean(defaultOpen),\n    );\n    const currentOpen = isControlled ? Boolean(openProp) : internalOpen;\n    // Latest snapshot for the imperative handle — keeps invoke callers from\n    // reading stale state when they fire `toggle()` then `isOpen()` in rapid\n    // succession (the latest setState batch may not have flushed yet).\n    const latestRef = useRef(currentOpen);\n    latestRef.current = currentOpen;\n\n    const setOpen = useCallback(\n      (next: boolean) => {\n        if (!isControlled) setInternalOpen(next);\n        onOpenChange?.(next);\n      },\n      [isControlled, onOpenChange],\n    );\n\n    const agentHandle = useMemo<CollapsibleHandle>(\n      () => ({\n        isOpen: () => latestRef.current,\n        toggle: () => setOpen(!latestRef.current),\n        open: () => setOpen(true),\n        close: () => setOpen(false),\n      }),\n      [setOpen],\n    );\n    useAgentRegistration(collapsibleAgent, agentHandle, props.id);\n\n    return (\n      <CollapsiblePrimitive.Root\n        ref={ref}\n        open={currentOpen}\n        onOpenChange={setOpen}\n        className={collapsibleVariants({ variant, className })}\n        data-component=\"collapsible\"\n        data-component-id={props.id}\n        {...props}\n      >\n        {children}\n      </CollapsiblePrimitive.Root>\n    );\n  },\n);\nCollapsible.displayName = 'Collapsible';\n\nexport const CollapsibleTrigger = forwardRef<\n  HTMLButtonElement,\n  CollapsibleTriggerProps\n>(({ asChild = false, children, ...props }, ref) => (\n  <CollapsiblePrimitive.Trigger ref={ref} asChild={asChild} {...props}>\n    {children}\n  </CollapsiblePrimitive.Trigger>\n));\nCollapsibleTrigger.displayName = 'CollapsibleTrigger';\n\nexport const CollapsibleContent = forwardRef<\n  HTMLDivElement,\n  CollapsibleContentProps\n>(\n  (\n    {\n      className,\n      children,\n      'aria-labelledby': ariaLabelledBy,\n      'aria-label': ariaLabel,\n      ...props\n    },\n    ref,\n  ) => {\n    useEffect(() => {\n      if (import.meta.env.DEV && !ariaLabelledBy && !ariaLabel) {\n        console.warn(\n          'CollapsibleContent: Provide `aria-labelledby` pointing at the trigger id, or `aria-label`, so screen readers can identify this region.',\n        );\n      }\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n\n    return (\n      <CollapsiblePrimitive.Content\n        ref={ref}\n        aria-labelledby={ariaLabelledBy}\n        aria-label={ariaLabel}\n        className={cx(contentCls, className)}\n        {...props}\n      >\n        {children}\n      </CollapsiblePrimitive.Content>\n    );\n  },\n);\nCollapsibleContent.displayName = 'CollapsibleContent';\n"],"names":["collapsibleAgent","handle","collapsibleVariants","cva","contentCls","Collapsible","forwardRef","variant","className","children","openProp","defaultOpen","onOpenChange","props","ref","isControlled","internalOpen","setInternalOpen","useState","currentOpen","latestRef","useRef","setOpen","useCallback","next","agentHandle","useMemo","useAgentRegistration","jsx","CollapsiblePrimitive","CollapsibleTrigger","asChild","CollapsibleContent","ariaLabelledBy","ariaLabel","useEffect","cx"],"mappings":"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"}