@alfadocs/ui-kit-debug 0.17.1 → 0.17.3

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-group-Bwmt1ovQ.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 { useControllableState } from '../../hooks/use-controllable-state';\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 [currentValueRaw, setCurrentValue] = useControllableState<string[]>({\n      value: controlledValue,\n      defaultValue: [] as string[],\n      onChange,\n    });\n    const currentValue = currentValueRaw ?? [];\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      setCurrentValue(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      [setCurrentValue],\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('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('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('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('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 ? t('inputs.checkboxGroup.counter', { count, total }) : ''}\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","currentValueRaw","setCurrentValue","useControllableState","currentValue","valueSet","useMemo","violationMsg","setViolationMsg","useState","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/{checkbox-D5EHnB14.js → checkbox-mwbrPZDY.js}

@@ -1,14 +1,15 @@
-import { jsxs as G, jsx as r } 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 v 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);
+import { jsxs as M, jsx as s } from "react/jsx-runtime";
+import { createContext as O, useContext as S, forwardRef as G, useId as K, useRef as T, useMemo as V } from "react";
+import * as b from "@radix-ui/react-checkbox";
+import { c as A } from "./index-D2ZczOXr.js";
+import { u as B } from "./use-controllable-state-BiY4xTzM.js";
+import { T as F } from "./tooltip-DHik5yRI.js";
+import { u as H } from "./registry-C9nwlNyL.js";
+const W = O(null);
+function D() {
+  return S(W);
 }
-const q = {
+const P = {
   id: "checkbox",
   capabilities: ["select_single"],
   state: {
@@ -25,8 +26,8 @@ const q = {
       argsType: '{ checked: boolean | "indeterminate" }',
       descriptionKey: "ui.agent.checkbox.actions.setChecked",
       description: "Set the checked state to a specific value.",
-      invoke: (t, n) => {
-        t.setChecked(n.checked);
+      invoke: (t, l) => {
+        t.setChecked(l.checked);
       }
     },
     toggle: {
@@ -50,12 +51,12 @@ const q = {
       description: "Sourced from the id prop."
     }
   }
-}, x = [
+}, g = [
   "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__ */ r(
+function q({ className: t }) {
+  return /* @__PURE__ */ s(
     "svg",
     {
       viewBox: "0 0 24 24",
@@ -67,12 +68,12 @@ function E({ className: t }) {
       "aria-hidden": "true",
       "data-slot": "checkbox-check-icon",
       className: t,
-      children: /* @__PURE__ */ r("path", { pathLength: "1", d: "M5 12l5 5L20 7", className: x })
+      children: /* @__PURE__ */ s("path", { pathLength: "1", d: "M5 12l5 5L20 7", className: g })
     }
   );
 }
-function J({ className: t }) {
-  return /* @__PURE__ */ r(
+function E({ className: t }) {
+  return /* @__PURE__ */ s(
     "svg",
     {
       viewBox: "0 0 24 24",
@@ -83,11 +84,11 @@ function J({ className: t }) {
       "aria-hidden": "true",
       "data-slot": "checkbox-indeterminate-icon",
       className: t,
-      children: /* @__PURE__ */ r("path", { pathLength: "1", d: "M5 12h14", className: x })
+      children: /* @__PURE__ */ s("path", { pathLength: "1", d: "M5 12h14", className: g })
     }
   );
 }
-const Q = V(
+const J = A(
   [
     "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",
@@ -115,89 +116,93 @@ const Q = V(
       size: "md"
     }
   }
-), U = T(
+), Q = G(
   ({
     label: t,
-    checked: n,
-    onCheckedChange: s,
-    size: m = "md",
-    disabled: y,
-    disabledReason: b,
-    name: w,
+    checked: l,
+    onCheckedChange: C,
+    size: h = "md",
+    disabled: v,
+    disabledReason: m,
+    name: x,
     value: o,
-    id: f,
-    className: z,
-    ...I
-  }, N) => {
-    const j = A(), h = f ?? j, e = P(), c = e !== null && o !== void 0, [L, p] = B(n ?? !1), d = n !== void 0, l = c ? e.value.has(o) : d ? n : L, R = c ? () => e.toggle(o) : (i) => {
-      d || p(i), s == null || s(i);
-    }, _ = (e == null ? void 0 : e.name) ?? w, u = (e == null ? void 0 : e.disabled) || y, a = F(
-      l ?? !1
+    id: u,
+    className: y,
+    ...w
+  }, z) => {
+    const N = K(), f = u ?? N, e = D(), r = e !== null && o !== void 0, [j, i] = B({
+      value: l,
+      defaultValue: !1,
+      onChange: C
+    }), c = r ? e.value.has(o) : j ?? !1, I = r ? () => e.toggle(o) : (n) => {
+      i(n);
+    }, L = (e == null ? void 0 : e.name) ?? x, d = (e == null ? void 0 : e.disabled) || v, a = T(
+      c ?? !1
     );
-    a.current = l ?? !1;
-    const M = H(
+    a.current = c ?? !1;
+    const R = V(
       () => ({
         getChecked: () => a.current,
-        setChecked: (i) => {
-          if (c) {
-            (a.current === !0 || a.current === "indeterminate") !== (i === !0 || i === "indeterminate") && e.toggle(o);
+        setChecked: (n) => {
+          if (r) {
+            (a.current === !0 || a.current === "indeterminate") !== (n === !0 || n === "indeterminate") && e.toggle(o);
             return;
           }
-          d || p(i), s == null || s(i);
+          i(n);
         },
         toggle: () => {
-          if (c) {
+          if (r) {
             e.toggle(o);
             return;
           }
-          const i = !(a.current === !0 || a.current === "indeterminate");
-          d || p(i), s == null || s(i);
+          const n = !(a.current === !0 || a.current === "indeterminate");
+          i(n);
         }
       }),
-      [c, e, o, d, s]
+      [r, e, o, i]
     );
-    C(q, M, f);
+    H(P, R, u);
     const k = [
       "ds:text-primary-foreground",
-      m === "sm" ? "ds:size-3" : m === "lg" ? "ds:size-4" : "ds:size-3.5"
-    ].join(" "), S = [
+      h === "sm" ? "ds:size-3" : h === "lg" ? "ds:size-4" : "ds:size-3.5"
+    ].join(" "), _ = [
       "type-label ds:text-foreground ds:select-none",
-      u ? "ds:cursor-not-allowed ds:opacity-50" : "ds:cursor-pointer"
-    ].join(" "), g = /* @__PURE__ */ G(
+      d ? "ds:cursor-not-allowed ds:opacity-50" : "ds:cursor-pointer"
+    ].join(" "), p = /* @__PURE__ */ M(
       "div",
       {
         "data-component": "checkbox",
-        "data-component-id": f,
+        "data-component-id": u,
         "data-option-id": o,
         className: "ds:inline-flex ds:items-start ds:gap-[var(--spacing-sm)]",
         children: [
-          /* @__PURE__ */ r(
-            v.Root,
+          /* @__PURE__ */ s(
+            b.Root,
             {
-              ref: N,
-              id: h,
-              checked: l,
-              onCheckedChange: R,
-              disabled: u,
-              "aria-disabled": u || void 0,
-              name: _,
+              ref: z,
+              id: f,
+              checked: c,
+              onCheckedChange: I,
+              disabled: d,
+              "aria-disabled": d || void 0,
+              name: L,
               value: o,
-              className: Q({ size: m, className: z }),
-              ...I,
-              children: /* @__PURE__ */ r(v.Indicator, { children: l === "indeterminate" ? /* @__PURE__ */ r(J, { className: k }) : /* @__PURE__ */ r(E, { className: k }) })
+              className: J({ size: h, className: y }),
+              ...w,
+              children: /* @__PURE__ */ s(b.Indicator, { children: c === "indeterminate" ? /* @__PURE__ */ s(E, { className: k }) : /* @__PURE__ */ s(q, { className: k }) })
             }
           ),
-          /* @__PURE__ */ r("label", { htmlFor: h, className: S, children: t })
+          /* @__PURE__ */ s("label", { htmlFor: f, className: _, children: t })
         ]
       }
     );
-    return u && b ? /* @__PURE__ */ r(W, { label: b, children: g }) : g;
+    return d && m ? /* @__PURE__ */ s(F, { label: m, children: p }) : p;
   }
 );
-U.displayName = "Checkbox";
+Q.displayName = "Checkbox";
 export {
-  U as C,
-  D as a,
-  P as u
+  Q as C,
+  W as a,
+  D as u
 };
-//# sourceMappingURL=checkbox-D5EHnB14.js.map
+//# sourceMappingURL=checkbox-mwbrPZDY.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-mwbrPZDY.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  type ComponentPropsWithoutRef,\n} from 'react';\nimport * as RadixCheckbox from '@radix-ui/react-checkbox';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useControllableState } from '../../hooks/use-controllable-state';\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',\n    'ds:data-[state=indeterminate]:bg-primary ds:data-[state=indeterminate]:border-primary',\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      // Per-size `mt` centers the box optically on the first line of the\n      // label using the type-label line-box height — important when the\n      // label wraps, because the wrapper uses `items-start` so children\n      // align to the top edge rather than the multi-line block's centre.\n      size: {\n        sm: 'ds:size-3.5 ds:mt-[calc((var(--type-label-size)*var(--type-label-line-height)-0.875rem)/2)]',\n        md: 'ds:size-4 ds:mt-[calc((var(--type-label-size)*var(--type-label-line-height)-1rem)/2)]',\n        lg: 'ds:size-5 ds:mt-[calc((var(--type-label-size)*var(--type-label-line-height)-1.25rem)/2)]',\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 [ownCheckedRaw, setOwnChecked] = useControllableState<\n      boolean | 'indeterminate'\n    >({\n      value: checked,\n      defaultValue: false,\n      onChange: onCheckedChange,\n    });\n    const ownChecked = ownCheckedRaw ?? false;\n    const effectiveChecked = inGroup ? group.value.has(value) : ownChecked;\n    const effectiveOnChange = inGroup\n      ? () => group.toggle(value)\n      : (next: boolean | 'indeterminate') => {\n          setOwnChecked(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          setOwnChecked(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          setOwnChecked(next);\n        },\n      }),\n      [inGroup, group, value, setOwnChecked],\n    );\n    useAgentRegistration(checkboxAgent, agentHandle, id);\n\n    // `text-primary-foreground` lives on the SVG (not the <button> Root) so\n    // a legacy consumer rule like `button, input, … { color: inherit }`\n    // can't intercept it — the unlayered consumer rule would beat any\n    // @layer utilities rule on the button itself, leaving the tick paint\n    // (currentColor) inheriting the consumer's body text colour. See\n    // styles.css for the matching form-element revert inside [data-component].\n    const iconSizeClass = [\n      'ds:text-primary-foreground',\n      size === 'sm' ? 'ds:size-3' : size === 'lg' ? 'ds:size-4' : 'ds:size-3.5',\n    ].join(' ');\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-start 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","ownCheckedRaw","setOwnChecked","useControllableState","effectiveChecked","effectiveOnChange","next","effectiveName","effectiveDisabled","checkedRef","useRef","agentHandle","useMemo","useAgentRegistration","iconSizeClass","labelClasses","content","jsxs","RadixCheckbox","Tooltip"],"mappings":"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"}

package/dist/_chunks/{collapsible-CuxUBoHJ.js → collapsible-hHiyZp0b.js}

@@ -1,9 +1,10 @@
-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 = {
+import { jsx as c } from "react/jsx-runtime";
+import { forwardRef as p, useRef as f, useMemo as C, useEffect as v } from "react";
+import * as b from "@radix-ui/react-collapsible";
+import { a as y, c as h } from "./index-D2ZczOXr.js";
+import { u as k } from "./use-controllable-state-BiY4xTzM.js";
+import { u as w } from "./registry-C9nwlNyL.js";
+const x = {
   id: "collapsible",
   capabilities: ["expand"],
   state: {
@@ -52,7 +53,7 @@ const K = {
       description: "Sourced from the id prop."
     }
   }
-}, O = N("", {
+}, O = h("", {
   variants: {
     variant: {
       default: "",
@@ -63,7 +64,7 @@ const K = {
   defaultVariants: {
     variant: "default"
   }
-}), z = [
+}), R = [
   "ds:overflow-hidden",
   "ds:transition-[block-size]",
   "ds:duration-[var(--animation-duration)]",
@@ -71,77 +72,74 @@ const K = {
   "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(
+].join(" "), N = p(
   ({
     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(
+    className: o,
+    children: a,
+    open: t,
+    defaultOpen: s,
+    onOpenChange: l,
+    ...i
+  }, u) => {
+    const [g, n] = k({
+      value: t,
+      defaultValue: !!s,
+      onChange: l
+    }), r = g ?? !1, d = f(r);
+    d.current = r;
+    const m = C(
       () => ({
-        isOpen: () => c.current,
-        toggle: () => i(!c.current),
-        open: () => i(!0),
-        close: () => i(!1)
+        isOpen: () => d.current,
+        toggle: () => n(!d.current),
+        open: () => n(!0),
+        close: () => n(!1)
       }),
-      [i]
+      [n]
     );
-    return T(K, y, n.id), /* @__PURE__ */ p(
-      u.Root,
+    return w(x, m, i.id), /* @__PURE__ */ c(
+      b.Root,
       {
-        ref: f,
-        open: d,
-        onOpenChange: i,
-        className: O({ variant: e, className: t }),
+        ref: u,
+        open: r,
+        onOpenChange: n,
+        className: O({ variant: e, className: o }),
         "data-component": "collapsible",
-        "data-component-id": n.id,
-        ...n,
-        children: s
+        "data-component-id": i.id,
+        ...i,
+        children: a
       }
     );
   }
 );
-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(
+N.displayName = "Collapsible";
+const T = p(({ asChild: e = !1, children: o, ...a }, t) => /* @__PURE__ */ c(b.Trigger, { ref: t, asChild: e, ...a, children: o }));
+T.displayName = "CollapsibleTrigger";
+const K = p(
   ({
     className: e,
-    children: t,
-    "aria-labelledby": s,
-    "aria-label": o,
-    ...l
-  }, a) => (h(() => {
-  }, []), /* @__PURE__ */ p(
-    u.Content,
+    children: o,
+    "aria-labelledby": a,
+    "aria-label": t,
+    ...s
+  }, l) => (v(() => {
+  }, []), /* @__PURE__ */ c(
+    b.Content,
     {
-      ref: a,
-      "aria-labelledby": s,
-      "aria-label": o,
-      className: R(z, e),
-      ...l,
-      children: t
+      ref: l,
+      "aria-labelledby": a,
+      "aria-label": t,
+      className: y(R, e),
+      ...s,
+      children: o
     }
   ))
 );
-B.displayName = "CollapsibleContent";
+K.displayName = "CollapsibleContent";
 export {
-  j as C,
-  B as a,
-  A as b,
-  K as c
+  N as C,
+  K as a,
+  T as b,
+  x as c
 };
-//# sourceMappingURL=collapsible-CuxUBoHJ.js.map
+//# sourceMappingURL=collapsible-hHiyZp0b.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible-hHiyZp0b.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  useEffect,\n  useMemo,\n  useRef,\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 { useControllableState } from '../../hooks/use-controllable-state';\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 [currentOpenRaw, setOpen] = useControllableState<boolean>({\n      value: openProp,\n      defaultValue: Boolean(defaultOpen),\n      onChange: onOpenChange,\n    });\n    const currentOpen = currentOpenRaw ?? false;\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 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","currentOpenRaw","setOpen","useControllableState","currentOpen","latestRef","useRef","agentHandle","useMemo","useAgentRegistration","jsx","CollapsiblePrimitive","CollapsibleTrigger","asChild","CollapsibleContent","ariaLabelledBy","ariaLabel","useEffect","cx"],"mappings":"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"}

package/dist/_chunks/{color-picker-BPfcByHH.js → color-picker-Bm-gzpsh.js}

@@ -4,7 +4,7 @@ import * as E from "@radix-ui/react-popover";
 import { c as ae } from "./index-D2ZczOXr.js";
 import { useTranslation as Pe } from "react-i18next";
 import { u as Ae } from "./form-field-context-B3APVHKx.js";
-import { S as re } from "./slider-CkR6CLun.js";
+import { S as re } from "./slider-CfEzeseL.js";
 import { u as Me } from "./registry-C9nwlNyL.js";
 import { C as ne } from "./check-DPdL_Sm7.js";
 import { X as Se } from "./x-CCcI3eJp.js";
@@ -669,4 +669,4 @@ export {
   Ze as B,
   De as C
 };
-//# sourceMappingURL=color-picker-BPfcByHH.js.map
+//# sourceMappingURL=color-picker-Bm-gzpsh.js.map