@alfadocs/ui-kit-debug 0.68.0 → 0.70.0

package/dist/_chunks/{stepper-progress-DDjq5nei.js → stepper-progress-Bv0njx4g.js}

@@ -2,7 +2,7 @@ import { jsxs as c, jsx as i } from "react/jsx-runtime";
 import { forwardRef as H, useRef as P, useState as I, useEffect as E, useMemo as B, useImperativeHandle as C } from "react";
 import { c as p } from "./index-D2ZczOXr.js";
 import { useTranslation as L } from "react-i18next";
-import { u as O } from "./registry-nPAVE19X.js";
+import { u as O } from "./registry-DvAUVLHh.js";
 import { u as Z } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
 const _ = {
   id: "stepper-progress",
@@ -25,6 +25,12 @@ const _ = {
     goto_step: {
       safety: "read",
       argsType: "{ step: number }",
+      argsSchema: {
+        type: "object",
+        properties: { step: { type: "integer", minimum: 0 } },
+        required: ["step"]
+      },
+      idempotent: !0,
       descriptionKey: "ui.agent.stepperProgress.actions.gotoStep",
       description: "Request the host to activate the given step via onStepChange. No-op when no handler is wired.",
       invoke: (e, o) => {
@@ -121,11 +127,11 @@ const _ = {
     className: k,
     ...R
   }, T) => {
-    const { t: u } = L(), m = P(null), t = o.length, s = Math.max(0, Math.min(e, t - 1)), r = o[s], v = (r == null ? void 0 : r.status) === "error" ? "error" : "current", f = s + 1, V = t === 0 ? 0 : f / t * 100, g = v === "error" ? "error" : s === t - 1 && t > 0 ? "complete" : "progress", [K, j] = I(!1);
+    const { t: u } = L(), m = P(null), t = o.length, r = Math.max(0, Math.min(e, t - 1)), s = o[r], g = (s == null ? void 0 : s.status) === "error" ? "error" : "current", v = r + 1, V = t === 0 ? 0 : v / t * 100, f = g === "error" ? "error" : r === t - 1 && t > 0 ? "complete" : "progress", [j, K] = I(!1);
     E(() => {
-      j(!0);
+      K(!0);
     }, []);
-    const h = K ? V : 0;
+    const h = j ? V : 0;
     Z(() => {
       var n;
       (n = m.current) == null || n.style.setProperty(
@@ -134,45 +140,45 @@ const _ = {
       );
     }, [h]);
     const x = u("navigation.stepper.stepOfTotal", {
-      n: s + 1,
+      n: r + 1,
       total: t
-    }), z = S ?? u("navigation.stepper.label"), l = v === "error" && (r != null && r.description) ? r.description : null, q = [
+    }), q = S ?? u("navigation.stepper.label"), l = g === "error" && (s != null && s.description) ? s.description : null, z = [
       x,
-      r ? `— ${r.label}` : null,
+      s ? `— ${s.label}` : null,
       l
     ].filter(Boolean).join(" "), A = B(
       () => ({
-        getCurrentStep: () => s,
+        getCurrentStep: () => r,
         getTotalSteps: () => t,
         gotoStep: (n) => {
           if (!a) return;
-          const y = Math.max(0, Math.min(n, Math.max(t - 1, 0)));
-          y !== s && a(y);
+          const b = Math.max(0, Math.min(n, Math.max(t - 1, 0)));
+          b !== r && a(b);
         },
         next: () => {
-          a && s < t - 1 && a(s + 1);
+          a && r < t - 1 && a(r + 1);
         },
         previous: () => {
-          a && s > 0 && a(s - 1);
+          a && r > 0 && a(r - 1);
         }
       }),
-      [s, t, a]
-    ), b = P(null);
-    return C(T, () => b.current, []), O(_, A, d), /* @__PURE__ */ c(
+      [r, t, a]
+    ), y = P(null);
+    return C(T, () => y.current, []), O(_, A, d), /* @__PURE__ */ c(
       "div",
       {
-        ref: b,
+        ref: y,
         id: d,
         "data-component": "stepper-progress",
         "data-component-id": d,
         className: $({ captionPosition: N, className: k }),
         ...R,
         children: [
-          w ? null : /* @__PURE__ */ c("div", { className: G({ tone: g }), "aria-hidden": "true", children: [
+          w ? null : /* @__PURE__ */ c("div", { className: G({ tone: f }), "aria-hidden": "true", children: [
             /* @__PURE__ */ i("span", { className: "type-meta ds:font-[var(--font-weight-semibold)]", children: x }),
-            r ? /* @__PURE__ */ c("span", { className: "type-meta ds:text-[var(--muted-foreground)]", children: [
+            s ? /* @__PURE__ */ c("span", { className: "type-meta ds:text-[var(--muted-foreground)]", children: [
               "— ",
-              r.label
+              s.label
             ] }) : null,
             l ? /* @__PURE__ */ i("span", { className: "type-meta ds:ms-auto ds:text-[var(--destructive)]", children: l }) : null
           ] }),
@@ -180,18 +186,18 @@ const _ = {
             "div",
             {
               role: "progressbar",
-              "aria-label": z,
+              "aria-label": q,
               "aria-valuemin": 0,
               "aria-valuemax": t,
-              "aria-valuenow": f,
-              "aria-valuetext": q,
+              "aria-valuenow": v,
+              "aria-valuetext": z,
               className: D({ size: M }),
               children: /* @__PURE__ */ i(
                 "span",
                 {
                   ref: m,
                   "aria-hidden": "true",
-                  className: F({ tone: g })
+                  className: F({ tone: f })
                 }
               )
             }
@@ -206,4 +212,4 @@ export {
   J as S,
   _ as s
 };
-//# sourceMappingURL=stepper-progress-DDjq5nei.js.map
+//# sourceMappingURL=stepper-progress-Bv0njx4g.js.map

package/dist/_chunks/stepper-progress-Bv0njx4g.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepper-progress-Bv0njx4g.js","sources":["../../src/components/stepper-progress/stepper-progress.agent.ts","../../src/components/stepper-progress/stepper-progress.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — StepperProgress.                                       */\n/*                                                                        */\n/* Pure indicator — the component itself has no internal step-change    */\n/* affordance. The adapter exposes the active step + total and forwards */\n/* goto/next/previous to the consumer-supplied onStepChange handler so  */\n/* an agent can drive a hosting wizard by step index.                   */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { StepperProgressHandle } from './stepper-progress';\n\nexport const stepperProgressAgent: AgentAdapter<StepperProgressHandle> = {\n  id: 'stepper-progress',\n  capabilities: ['navigate'],\n  state: {\n    currentStep: {\n      type: 'number',\n      descriptionKey: 'ui.agent.stepperProgress.state.currentStep',\n      description: 'Zero-indexed active step.',\n      read: (handle) => handle.getCurrentStep(),\n    },\n    totalSteps: {\n      type: 'number',\n      descriptionKey: 'ui.agent.stepperProgress.state.totalSteps',\n      description: 'Total number of steps in the flow.',\n      read: (handle) => handle.getTotalSteps(),\n    },\n  },\n  actions: {\n    goto_step: {\n      safety: 'read',\n      argsType: '{ step: number }',\n      argsSchema: {\n        type: 'object',\n        properties: { step: { type: 'integer', minimum: 0 } },\n        required: ['step'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.stepperProgress.actions.gotoStep',\n      description:\n        'Request the host to activate the given step via onStepChange. No-op when no handler is wired.',\n      invoke: (handle, args: { step: number }) => {\n        handle.gotoStep(args.step);\n      },\n    },\n    next: {\n      safety: 'read',\n      descriptionKey: 'ui.agent.stepperProgress.actions.next',\n      description: 'Request the host to advance one step via onStepChange.',\n      invoke: (handle) => {\n        handle.next();\n      },\n    },\n    previous: {\n      safety: 'read',\n      descriptionKey: 'ui.agent.stepperProgress.actions.previous',\n      description: 'Request the host to retreat one step via onStepChange.',\n      invoke: (handle) => {\n        handle.previous();\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'stepper-progress',\n      description: 'Marks the StepperProgress 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  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n  type ComponentPropsWithoutRef,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport type { StepSpec, StepState } from '../_shared/stepper';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { stepperProgressAgent } from './stepper-progress.agent';\nimport { useIsomorphicLayoutEffect } from '../../hooks/use-isomorphic-layout-effect';\n\n/* -------------------------------------------------------------------- */\n/* StepperProgress                                                       */\n/*                                                                       */\n/* A lightweight \"Step N of M — {label}\" caption + fill bar. Pure        */\n/* indicator — no revisit, no per-step click targets. For flows that    */\n/* need editable completed steps, reach for `StepperAccordion`.         */\n/* -------------------------------------------------------------------- */\n\ntype Size = 'sm' | 'default';\ntype CaptionPosition = 'top' | 'bottom';\ntype Tone = 'progress' | 'error' | 'complete';\n\nconst rootVariants = cva('ds:flex ds:w-full', {\n  variants: {\n    captionPosition: {\n      top: 'ds:flex-col ds:gap-[var(--spacing-xs)]',\n      bottom: 'ds:flex-col-reverse ds:gap-[var(--spacing-xs)]',\n    },\n  },\n  defaultVariants: { captionPosition: 'top' },\n});\n\nconst trackVariants = cva(\n  'ds:relative ds:w-full ds:overflow-hidden ds:rounded-[var(--radius-full)] ds:bg-[var(--muted)]',\n  {\n    variants: {\n      size: {\n        sm: 'ds:h-[var(--spacing-xs)]',\n        default: 'ds:h-[var(--spacing-sm)]',\n      },\n    },\n    defaultVariants: { size: 'default' },\n  },\n);\n\nconst fillVariants = cva(\n  [\n    'ds:block ds:h-full ds:rounded-[var(--radius-full)]',\n    'ds:[inline-size:calc(var(--stepper-progress-value,0)*1%)]',\n    'ds:transition-[inline-size,background-color] ds:duration-[var(--animation-duration)] ds:ease-[var(--ease-out)]',\n    'ds:motion-reduce:transition-none',\n  ].join(' '),\n  {\n    variants: {\n      tone: {\n        progress: 'ds:bg-[var(--primary)]',\n        error: 'ds:bg-[var(--destructive)]',\n        complete: 'ds:bg-[var(--success,var(--primary))]',\n      },\n    },\n    defaultVariants: { tone: 'progress' },\n  },\n);\n\nconst captionVariants = cva(\n  'ds:flex ds:items-baseline ds:gap-[var(--spacing-sm)] ds:flex-wrap',\n  {\n    variants: {\n      tone: {\n        progress: 'ds:text-[var(--foreground)]',\n        error: 'ds:text-[var(--destructive)]',\n        complete: 'ds:text-[var(--foreground)]',\n      },\n    },\n    defaultVariants: { tone: 'progress' },\n  },\n);\n\nexport interface StepperProgressProps\n  extends\n    Omit<ComponentPropsWithoutRef<'div'>, 'aria-label'>,\n    VariantProps<typeof trackVariants>,\n    VariantProps<typeof rootVariants> {\n  /** Active step (0-indexed). */\n  activeStep: number;\n  /** Step specs — `label` is used in the caption for the active step. */\n  steps: StepSpec[];\n  /** Override the default `aria-label` on the progressbar. */\n  'aria-label'?: string;\n  /** Hide the \"Step N of M — label\" caption. @default false */\n  hideCaption?: boolean;\n  /** Track size. @default 'default' */\n  size?: Size;\n  /** Caption position relative to the bar. @default 'top' */\n  captionPosition?: CaptionPosition;\n  /**\n   * Consumer-supplied instance id, surfaced as `data-component-id` so an\n   * agent / UI bridge can address this instance.\n   */\n  id?: string;\n  /**\n   * Called when an external driver (agent adapter) requests a step change.\n   * StepperProgress is a pure indicator and does not own step state itself\n   * — this hook lets a host wizard react to agent-driven navigation.\n   */\n  onStepChange?: (next: number) => void;\n}\n\n/**\n * Imperative handle for agent-readiness. Exposed via `ref`.\n *\n * The handle is the surface the future MCP UI bridge invokes through the\n * runtime registry. Methods are pure functions of the current props +\n * internal state; mutations route through the consumer's `onStepChange`.\n */\nexport interface StepperProgressHandle {\n  getCurrentStep: () => number;\n  getTotalSteps: () => number;\n  gotoStep: (step: number) => void;\n  next: () => void;\n  previous: () => void;\n}\n\nconst StepperProgress = forwardRef<HTMLDivElement, StepperProgressProps>(\n  (\n    {\n      activeStep,\n      steps,\n      'aria-label': ariaLabel,\n      hideCaption = false,\n      size = 'default',\n      captionPosition = 'top',\n      id,\n      onStepChange,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const fillRef = useRef<HTMLSpanElement>(null);\n\n    const total = steps.length;\n    const clampedActive = Math.max(0, Math.min(activeStep, total - 1));\n    const activeSpec = steps[clampedActive];\n    // The progress variant only renders one \"active\" step at a time — the\n    // shared four-way state machine collapses to error-or-current here.\n    const activeState: StepState =\n      activeSpec?.status === 'error' ? 'error' : 'current';\n\n    // Fill reaches through the completed segments plus the current one, so\n    // a 4-step flow at index 1 fills 50% (2/4). Matches the user's mental\n    // model for \"how far along am I\".\n    const filledCount = clampedActive + 1;\n    const targetPercent = total === 0 ? 0 : (filledCount / total) * 100;\n\n    const tone: Tone =\n      activeState === 'error'\n        ? 'error'\n        : clampedActive === total - 1 && total > 0\n          ? 'complete'\n          : 'progress';\n\n    // Mount-in animation: paint at 0 on first render, then swap to the\n    // target in a post-mount effect so the CSS transition animates from\n    // empty → target. Matches the pattern in `components/progress`.\n    const [hasMounted, setHasMounted] = useState(false);\n    useEffect(() => {\n      setHasMounted(true);\n    }, []);\n    const percent = hasMounted ? targetPercent : 0;\n\n    // Setting a CSS custom property via `style.setProperty` (rather than a\n    // JSX `style={{}}` attribute) is the sanctioned escape hatch for\n    // runtime-computed CSS tokens per `src/docs/23-constraints.mdx` §4;\n    // the `components/progress` bar uses the same pattern for its fill.\n    useIsomorphicLayoutEffect(() => {\n      fillRef.current?.style.setProperty(\n        '--stepper-progress-value',\n        String(percent),\n      );\n    }, [percent]);\n\n    const captionText = t('navigation.stepper.stepOfTotal', {\n      n: clampedActive + 1,\n      total,\n    });\n    const label = ariaLabel ?? t('navigation.stepper.label');\n    const errorCopy =\n      activeState === 'error' && activeSpec?.description\n        ? activeSpec.description\n        : null;\n    // `aria-valuetext` is the single AT source — the caption is aria-hidden\n    // so anything the caption exposes (label, error description) must be\n    // appended here too, or it's invisible to screen-reader users who set\n    // `hideCaption`.\n    const valueText = [\n      captionText,\n      activeSpec ? `— ${activeSpec.label}` : null,\n      errorCopy,\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    const handle = useMemo<StepperProgressHandle>(\n      () => ({\n        getCurrentStep: () => clampedActive,\n        getTotalSteps: () => total,\n        gotoStep: (step: number) => {\n          if (!onStepChange) return;\n          const clamped = Math.max(0, Math.min(step, Math.max(total - 1, 0)));\n          if (clamped !== clampedActive) onStepChange(clamped);\n        },\n        next: () => {\n          if (!onStepChange) return;\n          if (clampedActive < total - 1) onStepChange(clampedActive + 1);\n        },\n        previous: () => {\n          if (!onStepChange) return;\n          if (clampedActive > 0) onStepChange(clampedActive - 1);\n        },\n      }),\n      [clampedActive, total, onStepChange],\n    );\n    const rootRef = useRef<HTMLDivElement>(null);\n    useImperativeHandle(ref, () => rootRef.current as HTMLDivElement, []);\n    useAgentRegistration(stepperProgressAgent, handle, id);\n\n    return (\n      <div\n        ref={rootRef}\n        id={id}\n        data-component=\"stepper-progress\"\n        data-component-id={id}\n        className={rootVariants({ captionPosition, className })}\n        {...rest}\n      >\n        {hideCaption ? null : (\n          <div className={captionVariants({ tone })} aria-hidden=\"true\">\n            <span className=\"type-meta ds:font-[var(--font-weight-semibold)]\">\n              {captionText}\n            </span>\n            {activeSpec ? (\n              <span className=\"type-meta ds:text-[var(--muted-foreground)]\">\n                — {activeSpec.label}\n              </span>\n            ) : null}\n            {errorCopy ? (\n              <span className=\"type-meta ds:ms-auto ds:text-[var(--destructive)]\">\n                {errorCopy}\n              </span>\n            ) : null}\n          </div>\n        )}\n        <div\n          role=\"progressbar\"\n          aria-label={label}\n          aria-valuemin={0}\n          aria-valuemax={total}\n          aria-valuenow={filledCount}\n          aria-valuetext={valueText}\n          className={trackVariants({ size })}\n        >\n          <span\n            ref={fillRef}\n            aria-hidden=\"true\"\n            className={fillVariants({ tone })}\n          />\n        </div>\n      </div>\n    );\n  },\n);\nStepperProgress.displayName = 'StepperProgress';\n\nexport { StepperProgress };\n"],"names":["stepperProgressAgent","handle","args","rootVariants","cva","trackVariants","fillVariants","captionVariants","StepperProgress","forwardRef","activeStep","steps","ariaLabel","hideCaption","size","captionPosition","id","onStepChange","className","rest","ref","t","useTranslation","fillRef","useRef","total","clampedActive","activeSpec","activeState","filledCount","targetPercent","tone","hasMounted","setHasMounted","useState","useEffect","percent","useIsomorphicLayoutEffect","_a","captionText","label","errorCopy","valueText","useMemo","step","clamped","rootRef","useImperativeHandle","useAgentRegistration","jsxs","jsx"],"mappings":"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"}

package/dist/_chunks/{suggestion-chip.agent-6sNWFj7m.js → suggestion-chip.agent-Brn3CiFE.js}

@@ -1,4 +1,4 @@
-const e = {
+const i = {
   id: "suggestion-chip",
   capabilities: ["pick", "dismiss"],
   state: {
@@ -6,7 +6,7 @@ const e = {
       type: "string",
       descriptionKey: "ui.agent.suggestionChip.state.value",
       description: "The chip's emitted value (its `value` prop or string child).",
-      read: (i) => i.getValue()
+      read: (e) => e.getValue()
     }
   },
   actions: {
@@ -14,16 +14,17 @@ const e = {
       safety: "write",
       descriptionKey: "ui.agent.suggestionChip.actions.select",
       description: "Activate the chip — fires onSelect and (by default) self-removes.",
-      invoke: (i) => {
-        i.select();
+      invoke: (e) => {
+        e.select();
       }
     },
     dismiss: {
       safety: "destructive",
+      idempotent: !0,
       descriptionKey: "ui.agent.suggestionChip.actions.dismiss",
       description: "Remove the chip without activating it.",
-      invoke: (i) => {
-        i.dismiss();
+      invoke: (e) => {
+        e.dismiss();
       }
     }
   },
@@ -41,6 +42,6 @@ const e = {
   }
 };
 export {
-  e as s
+  i as s
 };
-//# sourceMappingURL=suggestion-chip.agent-6sNWFj7m.js.map
+//# sourceMappingURL=suggestion-chip.agent-Brn3CiFE.js.map

package/dist/_chunks/{suggestion-chip.agent-6sNWFj7m.js.map → suggestion-chip.agent-Brn3CiFE.js.map}

@@ -1 +1 @@
-{"version":3,"file":"suggestion-chip.agent-6sNWFj7m.js","sources":["../../src/components/suggestion-chip/suggestion-chip.agent.ts"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — SuggestionChip.                                        */\n/*                                                                        */\n/* A single chip is a one-shot button. The DS exposes a handle so an      */\n/* automation can `select` or `dismiss` the focused chip. Parents that    */\n/* render many chips (via SuggestionChipGroup) ship the item hook         */\n/* themselves; this adapter declares only the root hook.                  */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { SuggestionChipHandle } from './suggestion-chip';\n\nexport const suggestionChipAgent: AgentAdapter<SuggestionChipHandle> = {\n  id: 'suggestion-chip',\n  capabilities: ['pick', 'dismiss'],\n  state: {\n    value: {\n      type: 'string',\n      descriptionKey: 'ui.agent.suggestionChip.state.value',\n      description:\n        \"The chip's emitted value (its `value` prop or string child).\",\n      read: (handle) => handle.getValue(),\n    },\n  },\n  actions: {\n    select: {\n      safety: 'write',\n      descriptionKey: 'ui.agent.suggestionChip.actions.select',\n      description:\n        'Activate the chip — fires onSelect and (by default) self-removes.',\n      invoke: (handle) => {\n        handle.select();\n      },\n    },\n    dismiss: {\n      safety: 'destructive',\n      descriptionKey: 'ui.agent.suggestionChip.actions.dismiss',\n      description: 'Remove the chip without activating it.',\n      invoke: (handle) => {\n        handle.dismiss();\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'suggestion-chip',\n      description:\n        'Marks the chip button. Per chip — a parent rendering many chips ships its own item hook.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n  },\n};\n"],"names":["suggestionChipAgent","handle"],"mappings":"AAYO,MAAMA,IAA0D;AAAA,EACrE,IAAI;AAAA,EACJ,cAAc,CAAC,QAAQ,SAAS;AAAA,EAChC,OAAO;AAAA,IACL,OAAO;AAAA,MACL,MAAM;AAAA,MACN,gBAAgB;AAAA,MAChB,aACE;AAAA,MACF,MAAM,CAACC,MAAWA,EAAO,SAAA;AAAA,IAAS;AAAA,EACpC;AAAA,EAEF,SAAS;AAAA,IACP,QAAQ;AAAA,MACN,QAAQ;AAAA,MACR,gBAAgB;AAAA,MAChB,aACE;AAAA,MACF,QAAQ,CAACA,MAAW;AAClB,QAAAA,EAAO,OAAA;AAAA,MACT;AAAA,IAAA;AAAA,IAEF,SAAS;AAAA,MACP,QAAQ;AAAA,MACR,gBAAgB;AAAA,MAChB,aAAa;AAAA,MACb,QAAQ,CAACA,MAAW;AAClB,QAAAA,EAAO,QAAA;AAAA,MACT;AAAA,IAAA;AAAA,EACF;AAAA,EAEF,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aACE;AAAA,IAAA;AAAA,IAEJ,YAAY;AAAA,MACV,MAAM;AAAA,MACN,YAAY;AAAA,MACZ,aAAa;AAAA,IAAA;AAAA,EACf;AAEJ;"}
+{"version":3,"file":"suggestion-chip.agent-Brn3CiFE.js","sources":["../../src/components/suggestion-chip/suggestion-chip.agent.ts"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — SuggestionChip.                                        */\n/*                                                                        */\n/* A single chip is a one-shot button. The DS exposes a handle so an      */\n/* automation can `select` or `dismiss` the focused chip. Parents that    */\n/* render many chips (via SuggestionChipGroup) ship the item hook         */\n/* themselves; this adapter declares only the root hook.                  */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { SuggestionChipHandle } from './suggestion-chip';\n\nexport const suggestionChipAgent: AgentAdapter<SuggestionChipHandle> = {\n  id: 'suggestion-chip',\n  capabilities: ['pick', 'dismiss'],\n  state: {\n    value: {\n      type: 'string',\n      descriptionKey: 'ui.agent.suggestionChip.state.value',\n      description:\n        \"The chip's emitted value (its `value` prop or string child).\",\n      read: (handle) => handle.getValue(),\n    },\n  },\n  actions: {\n    select: {\n      safety: 'write',\n      descriptionKey: 'ui.agent.suggestionChip.actions.select',\n      description:\n        'Activate the chip — fires onSelect and (by default) self-removes.',\n      invoke: (handle) => {\n        handle.select();\n      },\n    },\n    dismiss: {\n      safety: 'destructive',\n      idempotent: true,\n      descriptionKey: 'ui.agent.suggestionChip.actions.dismiss',\n      description: 'Remove the chip without activating it.',\n      invoke: (handle) => {\n        handle.dismiss();\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'suggestion-chip',\n      description:\n        'Marks the chip button. Per chip — a parent rendering many chips ships its own item hook.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n  },\n};\n"],"names":["suggestionChipAgent","handle"],"mappings":"AAYO,MAAMA,IAA0D;AAAA,EACrE,IAAI;AAAA,EACJ,cAAc,CAAC,QAAQ,SAAS;AAAA,EAChC,OAAO;AAAA,IACL,OAAO;AAAA,MACL,MAAM;AAAA,MACN,gBAAgB;AAAA,MAChB,aACE;AAAA,MACF,MAAM,CAACC,MAAWA,EAAO,SAAA;AAAA,IAAS;AAAA,EACpC;AAAA,EAEF,SAAS;AAAA,IACP,QAAQ;AAAA,MACN,QAAQ;AAAA,MACR,gBAAgB;AAAA,MAChB,aACE;AAAA,MACF,QAAQ,CAACA,MAAW;AAClB,QAAAA,EAAO,OAAA;AAAA,MACT;AAAA,IAAA;AAAA,IAEF,SAAS;AAAA,MACP,QAAQ;AAAA,MACR,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,aAAa;AAAA,MACb,QAAQ,CAACA,MAAW;AAClB,QAAAA,EAAO,QAAA;AAAA,MACT;AAAA,IAAA;AAAA,EACF;AAAA,EAEF,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aACE;AAAA,IAAA;AAAA,IAEJ,YAAY;AAAA,MACV,MAAM;AAAA,MACN,YAAY;AAAA,MACZ,aAAa;AAAA,IAAA;AAAA,EACf;AAEJ;"}

package/dist/_chunks/{switch-BJ6HD3Mn.js → switch-OILsBLWo.js}

@@ -1,13 +1,13 @@
 import { jsxs as B, jsx as t } from "react/jsx-runtime";
-import { forwardRef as T, useContext as I, useState as K, useRef as _, useMemo as q } from "react";
+import { forwardRef as T, useContext as q, useState as I, useRef as K, useMemo as _ } from "react";
 import * as w from "@radix-ui/react-switch";
 import { c as o } from "./index-D2ZczOXr.js";
 import { useTranslation as A } from "react-i18next";
 import { u as H, F as M } from "./form-field-context-B3APVHKx.js";
-import { u as O } from "./registry-nPAVE19X.js";
+import { u as O } from "./registry-DvAUVLHh.js";
 const D = {
   id: "switch",
-  capabilities: ["select_single"],
+  capabilities: ["set_value"],
   state: {
     checked: {
       type: "boolean",
@@ -20,6 +20,12 @@ const D = {
     set_checked: {
       safety: "write",
       argsType: "{ checked: boolean }",
+      argsSchema: {
+        type: "object",
+        properties: { checked: { type: "boolean" } },
+        required: ["checked"]
+      },
+      idempotent: !0,
       descriptionKey: "ui.agent.switch.actions.setChecked",
       description: "Set the on/off state to a specific value.",
       invoke: (e, r) => {
@@ -124,36 +130,36 @@ const D = {
     className: x,
     ...S
   }, z) => {
-    const { t: g } = A(), s = H(), F = I(M) !== null, b = f ?? s.id, [V, C] = K(
+    const { t: b } = A(), s = H(), F = q(M) !== null, g = f ?? s.id, [V, j] = I(
       i ?? p ?? !1
-    ), d = typeof i == "boolean", a = d ? i : V, m = (n) => {
-      d || C(n), u == null || u(n);
-    }, v = s.disabled || y, N = s.describedBy || void 0, h = _(a);
-    h.current = a;
-    const j = q(
+    ), d = typeof i == "boolean", a = d ? i : V, h = (n) => {
+      d || j(n), u == null || u(n);
+    }, v = s.disabled || y, C = s.describedBy || void 0, m = K(a);
+    m.current = a;
+    const N = _(
       () => ({
-        getChecked: () => h.current,
-        setChecked: (n) => m(n),
-        toggle: () => m(!h.current)
+        getChecked: () => m.current,
+        setChecked: (n) => h(n),
+        toggle: () => h(!m.current)
       }),
       // handleCheckedChange closes over isControlled / onCheckedChange and is
       // recreated each render; we accept the re-registration cost.
       // eslint-disable-next-line react-hooks/exhaustive-deps
       []
     );
-    O(D, j, f);
-    const R = a ? g("inputs.switch.on", "On") : g("inputs.switch.off", "Off");
+    O(D, N, f);
+    const R = a ? b("inputs.switch.on", "On") : b("inputs.switch.off", "Off");
     return /* @__PURE__ */ B("div", { className: $({ labelSide: r }), children: [
       /* @__PURE__ */ t(
         w.Root,
         {
           ref: z,
-          id: b,
+          id: g,
           checked: d ? i : void 0,
           defaultChecked: d ? void 0 : p,
-          onCheckedChange: m,
+          onCheckedChange: h,
           disabled: v,
-          "aria-describedby": N,
+          "aria-describedby": C,
           "aria-invalid": s.invalid || void 0,
           "aria-required": s.required || void 0,
           "data-component": "switch",
@@ -181,7 +187,7 @@ const D = {
       F ? null : /* @__PURE__ */ t(
         "label",
         {
-          htmlFor: b,
+          htmlFor: g,
           className: E({ disabled: !!v }),
           children: e
         }
@@ -193,4 +199,4 @@ J.displayName = "Switch";
 export {
   J as S
 };
-//# sourceMappingURL=switch-BJ6HD3Mn.js.map
+//# sourceMappingURL=switch-OILsBLWo.js.map

package/dist/_chunks/switch-OILsBLWo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch-OILsBLWo.js","sources":["../../src/components/switch/switch.agent.ts","../../src/components/switch/switch.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — Switch.                                                */\n/*                                                                        */\n/* See `src/docs/26-agent-readiness.mdx` for the contract.                */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { SwitchHandle } from './switch';\n\nexport const switchAgent: AgentAdapter<SwitchHandle> = {\n  id: 'switch',\n  capabilities: ['set_value'],\n  state: {\n    checked: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.switch.state.checked',\n      description: 'Whether the switch is on.',\n      read: (handle) => handle.getChecked(),\n    },\n  },\n  actions: {\n    set_checked: {\n      safety: 'write',\n      argsType: '{ checked: boolean }',\n      argsSchema: {\n        type: 'object',\n        properties: { checked: { type: 'boolean' } },\n        required: ['checked'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.switch.actions.setChecked',\n      description: 'Set the on/off state to a specific value.',\n      invoke: (handle, args: { checked: boolean }) => {\n        handle.setChecked(args.checked);\n      },\n    },\n    toggle: {\n      safety: 'write',\n      descriptionKey: 'ui.agent.switch.actions.toggle',\n      description: 'Flip the on/off state.',\n      invoke: (handle) => {\n        handle.toggle();\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'switch',\n      description: 'Marks the Switch 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  useContext,\n  useMemo,\n  useRef,\n  useState,\n  type ComponentPropsWithoutRef,\n  type ReactNode,\n} from 'react';\nimport * as RadixSwitch from '@radix-ui/react-switch';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport {\n  FormFieldContext,\n  useFormField,\n} from '../form-field/form-field-context';\nimport { useAgentRegistration } from '../../agent';\nimport { switchAgent } from './switch.agent';\n\n/** Agent-readiness curated handle for Switch. */\nexport interface SwitchHandle {\n  getChecked: () => boolean;\n  setChecked: (checked: boolean) => void;\n  toggle: () => void;\n}\n\nconst switchVariants = cva(\n  [\n    'ds:inline-flex ds:shrink-0 ds:cursor-pointer ds:items-center',\n    'ds:rounded-[var(--radius-full)]',\n    'ds:border-2 ds:border-transparent',\n    'ds:bg-muted',\n    'ds:data-[state=checked]:bg-primary',\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  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:h-4 ds:w-7',\n        md: 'ds:h-5 ds:w-9',\n        lg: 'ds:h-6 ds:w-11',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n);\n\nconst thumbVariants = cva(\n  [\n    'ds:pointer-events-none ds:flex ds:items-center ds:justify-center ds:rounded-full ds:bg-background ds:text-foreground ds:shadow-[var(--shadow-sm)]',\n    'ds:transition-transform ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n    'ds:data-[state=checked]:translate-x-full ds:rtl:data-[state=checked]:-translate-x-full',\n    'ds:data-[state=unchecked]:translate-x-0',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:size-3',\n        md: 'ds:size-4',\n        lg: 'ds:size-5',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n);\n\nconst wrapperVariants = cva(\n  'ds:inline-flex ds:items-center ds:gap-3 ds:min-h-[var(--min-target-size)]',\n  {\n    variants: {\n      labelSide: {\n        start: 'ds:flex-row-reverse',\n        end: '',\n      },\n    },\n    defaultVariants: { labelSide: 'end' },\n  },\n);\n\nconst labelVariants = cva('type-label ds:text-foreground ds:select-none', {\n  variants: {\n    disabled: {\n      true: 'ds:cursor-not-allowed ds:opacity-50',\n      false: 'ds:cursor-pointer',\n    },\n  },\n  defaultVariants: { disabled: false },\n});\n\nconst iconSizeBySwitchSize = {\n  sm: 'ds:size-2',\n  md: 'ds:size-2.5',\n  lg: 'ds:size-3',\n} as const;\n\nexport interface SwitchIcon {\n  on: ReactNode;\n  off: ReactNode;\n}\n\ntype RadixRootProps = ComponentPropsWithoutRef<typeof RadixSwitch.Root>;\n\nexport interface SwitchProps\n  extends\n    Omit<RadixRootProps, 'children'>,\n    VariantProps<typeof switchVariants> {\n  label: string;\n  labelSide?: 'start' | 'end';\n  size?: 'sm' | 'md' | 'lg';\n  icon?: SwitchIcon;\n  showStateText?: boolean;\n}\n\nexport const Switch = forwardRef<HTMLButtonElement, SwitchProps>(\n  (\n    {\n      label,\n      labelSide = 'end',\n      size = 'md',\n      icon,\n      showStateText = false,\n      checked,\n      defaultChecked,\n      onCheckedChange,\n      disabled,\n      id,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const ctx = useFormField();\n    const inFormField = useContext(FormFieldContext) !== null;\n    const switchId = id ?? ctx.id;\n\n    const [internalChecked, setInternalChecked] = useState<boolean>(\n      checked ?? defaultChecked ?? false,\n    );\n    const isControlled = typeof checked === 'boolean';\n    const currentChecked = isControlled ? checked : internalChecked;\n\n    const handleCheckedChange = (next: boolean) => {\n      if (!isControlled) setInternalChecked(next);\n      onCheckedChange?.(next);\n    };\n\n    const effectiveDisabled = ctx.disabled || disabled;\n    const describedBy = ctx.describedBy || undefined;\n\n    const checkedRef = useRef<boolean>(currentChecked);\n    checkedRef.current = currentChecked;\n\n    const agentHandle = useMemo<SwitchHandle>(\n      () => ({\n        getChecked: () => checkedRef.current,\n        setChecked: (next) => handleCheckedChange(next),\n        toggle: () => handleCheckedChange(!checkedRef.current),\n      }),\n      // handleCheckedChange closes over isControlled / onCheckedChange and is\n      // recreated each render; we accept the re-registration cost.\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n      [],\n    );\n    useAgentRegistration(switchAgent, agentHandle, id);\n\n    const stateText = currentChecked\n      ? t('inputs.switch.on', 'On')\n      : t('inputs.switch.off', 'Off');\n\n    return (\n      <div className={wrapperVariants({ labelSide })}>\n        <RadixSwitch.Root\n          ref={ref}\n          id={switchId}\n          checked={isControlled ? checked : undefined}\n          defaultChecked={!isControlled ? defaultChecked : undefined}\n          onCheckedChange={handleCheckedChange}\n          disabled={effectiveDisabled}\n          aria-describedby={describedBy}\n          aria-invalid={ctx.invalid || undefined}\n          aria-required={ctx.required || undefined}\n          data-component=\"switch\"\n          data-component-id={id}\n          className={switchVariants({ size, className })}\n          {...props}\n        >\n          <RadixSwitch.Thumb className={thumbVariants({ size })}>\n            {icon ? (\n              <span\n                aria-hidden=\"true\"\n                className={`${iconSizeBySwitchSize[size]} ds:inline-flex ds:items-center ds:justify-center ds:[&_svg]:size-full`}\n              >\n                {currentChecked ? icon.on : icon.off}\n              </span>\n            ) : null}\n          </RadixSwitch.Thumb>\n        </RadixSwitch.Root>\n        {showStateText ? (\n          <span\n            aria-hidden=\"true\"\n            className=\"type-meta ds:text-muted-foreground ds:select-none\"\n          >\n            {stateText}\n          </span>\n        ) : null}\n        {!inFormField ? (\n          <label\n            htmlFor={switchId}\n            className={labelVariants({ disabled: Boolean(effectiveDisabled) })}\n          >\n            {label}\n          </label>\n        ) : null}\n      </div>\n    );\n  },\n);\n\nSwitch.displayName = 'Switch';\n"],"names":["switchAgent","handle","args","switchVariants","cva","thumbVariants","wrapperVariants","labelVariants","iconSizeBySwitchSize","Switch","forwardRef","label","labelSide","size","icon","showStateText","checked","defaultChecked","onCheckedChange","disabled","id","className","props","ref","t","useTranslation","ctx","useFormField","inFormField","useContext","FormFieldContext","switchId","internalChecked","setInternalChecked","useState","isControlled","currentChecked","handleCheckedChange","next","effectiveDisabled","describedBy","checkedRef","useRef","agentHandle","useMemo","useAgentRegistration","stateText","jsx","RadixSwitch"],"mappings":"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"}

package/dist/_chunks/tab-bar-Bv9nGNdO.js

@@ -0,0 +1,262 @@
+import { jsx as a, jsxs as g, Fragment as _ } from "react/jsx-runtime";
+import { useRef as S, useState as V, useCallback as F, forwardRef as O, Fragment as D } from "react";
+import { c as C } from "./index-D2ZczOXr.js";
+import { useTranslation as M } from "react-i18next";
+import { B as L } from "./badge-DCOqV9mI.js";
+import { D as b } from "./dropdown-menu-qrxjymfw.js";
+import { u as W } from "./use-media-query-CcAx5SMM.js";
+import { u as P } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
+import { u as I } from "./use-overflow-collapse-BIOzKbni.js";
+import { C as Q } from "./chevron-down-BX_NP2Yh.js";
+import { C as q } from "./check-DPdL_Sm7.js";
+import { C as G } from "./chevron-left-CX1jqD2M.js";
+import { C as H } from "./chevron-right-BrpYejk0.js";
+function J(t = !0) {
+  const c = S(null), [d, p] = V({ start: !1, end: !1 });
+  P(() => {
+    const r = c.current;
+    if (!r || !t) {
+      p(
+        (o) => o.start || o.end ? { start: !1, end: !1 } : o
+      );
+      return;
+    }
+    const e = () => {
+      const o = Math.abs(r.scrollLeft), f = r.scrollWidth - r.clientWidth, i = o > 1, m = f - o > 1;
+      p(
+        (v) => v.start === i && v.end === m ? v : { start: i, end: m }
+      );
+    };
+    e(), r.addEventListener("scroll", e, { passive: !0 });
+    let n;
+    return typeof ResizeObserver < "u" && (n = new ResizeObserver(e), n.observe(r), r.firstElementChild && n.observe(r.firstElementChild)), () => {
+      r.removeEventListener("scroll", e), n == null || n.disconnect();
+    };
+  }, [t]);
+  const u = F((r) => {
+    var i;
+    const e = c.current;
+    if (!e || typeof window > "u") return;
+    const n = window.getComputedStyle(e).direction === "rtl", o = (i = window.matchMedia) == null ? void 0 : i.call(
+      window,
+      "(prefers-reduced-motion: reduce)"
+    ).matches, f = e.clientWidth * 0.85 * r * (n ? -1 : 1);
+    e.scrollBy({ left: f, behavior: o ? "auto" : "smooth" });
+  }, []);
+  return {
+    ref: c,
+    canScrollStart: d.start,
+    canScrollEnd: d.end,
+    scrollByPage: u
+  };
+}
+function K(t) {
+  return t > 99 ? "99+" : String(t);
+}
+const U = C("ds:shrink-0", {
+  variants: {
+    position: {
+      top: "ds:pt-[var(--spacing-md)]",
+      bottom: "ds:pb-[var(--spacing-md)]"
+    },
+    fill: {
+      false: "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
+      true: ""
+    }
+  },
+  defaultVariants: { position: "top", fill: !1 }
+}), X = "ds:rounded-[var(--radius-lg)] ds:border ds:border-[color:var(--card-border)] ds:bg-[var(--card)]/80 ds:backdrop-blur-md ds:shadow-[var(--shadow-md)]", Y = [
+  "ds:flex ds:[justify-content:safe_center] ds:overflow-x-auto ds:py-[var(--spacing-xs)]",
+  "ds:[--tabbar-mask-start:black] ds:[--tabbar-mask-end:black]",
+  "ds:ltr:data-[fade-start=true]:[--tabbar-mask-start:transparent]",
+  "ds:ltr:data-[fade-end=true]:[--tabbar-mask-end:transparent]",
+  "ds:rtl:data-[fade-start=true]:[--tabbar-mask-end:transparent]",
+  "ds:rtl:data-[fade-end=true]:[--tabbar-mask-start:transparent]",
+  "ds:[mask-image:linear-gradient(to_right,var(--tabbar-mask-start)_0,black_var(--tabbar-fade-distance,var(--spacing-lg)),black_calc(100%-var(--tabbar-fade-distance,var(--spacing-lg))),var(--tabbar-mask-end)_100%)]",
+  "ds:motion-reduce:[mask-image:none]",
+  "ds:[.theme-accessible_&]:[mask-image:none]",
+  "ds:forced-colors:[mask-image:none]"
+].join(" "), Z = C(
+  "ds:flex ds:items-stretch ds:gap-[var(--spacing-xs)] ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
+  {
+    variants: {
+      fill: { false: "ds:shrink-0", true: "ds:w-full" }
+    },
+    defaultVariants: { fill: !1 }
+  }
+), R = C(
+  "ds:group ds:flex ds:items-center ds:justify-center ds:gap-[var(--spacing-xs)] ds:min-h-[var(--min-target-size)] ds:rounded-[var(--radius-sm)] ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:py-[var(--spacing-xs)] ds:whitespace-nowrap ds:cursor-pointer ds:appearance-none ds:border-0 ds:bg-transparent ds:text-[length:var(--font-size-sm)] ds:font-[var(--font-weight-regular)] ds:text-[color:var(--foreground)] ds:no-underline ds:hover:bg-[var(--muted)]/20 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-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)] ds:forced-colors:focus-visible:outline-[CanvasText]",
+  {
+    variants: {
+      fill: {
+        // Responsive: label under the icon below `sm`, beside it at `sm`+.
+        false: "ds:flex-col ds:sm:flex-row ds:sm:gap-[var(--spacing-sm)]",
+        // Fill the bar, always icon-over-label. No `min-w-0`, so a tab never
+        // shrinks below its label (labels never overlap); if the full set can't
+        // fit, the pill scrolls instead.
+        true: "ds:flex-1 ds:basis-0 ds:flex-col"
+      }
+    },
+    defaultVariants: { fill: !1 }
+  }
+), E = "ds:inline-flex ds:items-center ds:text-[color:var(--accent)] ds:[&>svg]:size-4", ss = "ds:group-aria-[current=page]:underline ds:group-aria-[current=page]:decoration-2 ds:group-aria-[current=page]:decoration-[color:var(--accent)] ds:group-aria-[current=page]:underline-offset-[var(--spacing-xs)]", as = "ds:flex ds:w-full ds:items-center ds:gap-[var(--spacing-sm)] ds:min-h-[var(--min-target-size)] ds:rounded-[var(--radius-sm)] ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:py-[var(--spacing-xs)] ds:cursor-pointer ds:appearance-none ds:border-0 ds:bg-transparent ds:text-[length:var(--font-size-sm)] ds:font-[var(--font-weight-regular)] ds:text-[color:var(--foreground)] ds:hover:bg-[var(--muted)]/20 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-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)] ds:forced-colors:focus-visible:outline-[CanvasText]", T = "ds:absolute ds:top-px ds:bottom-px ds:z-10 ds:flex ds:min-w-[var(--min-target-size)] ds:items-center ds:cursor-pointer ds:appearance-none ds:border-0 ds:bg-transparent ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)] ds:forced-colors:focus-visible:outline-[CanvasText]", rs = "ds:start-px ds:justify-start ds:ps-[var(--spacing-xs)]", es = "ds:end-px ds:justify-end ds:pe-[var(--spacing-xs)]", $ = "ds:size-4 ds:shrink-0 ds:text-[color:var(--accent)] ds:rtl:-scale-x-100", ns = O(
+  ({
+    items: t,
+    ariaLabel: c,
+    onSelect: d,
+    renderLink: p,
+    fill: u = !1,
+    position: r = "top",
+    collapseToMenu: e = !1,
+    className: n
+  }, o) => {
+    const { t: f } = M(), i = W("(max-width: 640px)"), { containerRef: m, contentRef: v, isOverflowing: j } = I(e), w = e && (i || j), {
+      ref: A,
+      canScrollStart: k,
+      canScrollEnd: N,
+      scrollByPage: y
+    } = J(!w), l = t.find((s) => s.isActive) ?? t[0];
+    return /* @__PURE__ */ a(
+      "div",
+      {
+        ref: o,
+        "data-component": "tab-bar",
+        className: `${U({ position: r, fill: u })}${n ? ` ${n}` : ""}`,
+        children: /* @__PURE__ */ g("div", { className: "ds:relative", children: [
+          /* @__PURE__ */ a("div", { ref: m, className: X, children: w ? /* @__PURE__ */ a("nav", { "aria-label": c, className: "ds:w-full", children: /* @__PURE__ */ g(b.Root, { children: [
+            /* @__PURE__ */ g(b.Trigger, { className: as, children: [
+              l != null && l.icon ? /* @__PURE__ */ a("span", { "aria-hidden": "true", className: E, children: l.icon }) : null,
+              /* @__PURE__ */ a("span", { className: "ds:flex-1 ds:truncate ds:text-start", children: l == null ? void 0 : l.label }),
+              /* @__PURE__ */ a(
+                Q,
+                {
+                  "aria-hidden": "true",
+                  className: "ds:size-4 ds:shrink-0 ds:text-[color:var(--muted-foreground)]"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ a(
+              b.Content,
+              {
+                align: "start",
+                className: "ds:min-w-[12rem]",
+                children: t.map((s) => /* @__PURE__ */ a(
+                  b.Item,
+                  {
+                    startIcon: s.icon,
+                    endIcon: s.isActive ? /* @__PURE__ */ a(
+                      q,
+                      {
+                        "aria-hidden": "true",
+                        className: "ds:text-[color:var(--accent)]"
+                      }
+                    ) : void 0,
+                    "aria-current": s.isActive ? "page" : void 0,
+                    onSelect: () => {
+                      s.href ? window.location.assign(s.href) : d == null || d(s.id);
+                    },
+                    children: s.label
+                  },
+                  s.id
+                ))
+              }
+            )
+          ] }) }) : /* @__PURE__ */ a(
+            "div",
+            {
+              ref: A,
+              "data-fade-start": k ? "true" : void 0,
+              "data-fade-end": N ? "true" : void 0,
+              className: Y,
+              children: /* @__PURE__ */ a(
+                "nav",
+                {
+                  ref: v,
+                  "aria-label": c,
+                  className: Z({ fill: u }),
+                  children: t.map((s) => {
+                    const z = typeof s.badgeCount == "number" && s.badgeCount > 0 ? s.badgeCount : void 0, h = s.isActive ? "page" : void 0, x = /* @__PURE__ */ g(_, { children: [
+                      s.icon ? /* @__PURE__ */ a("span", { "aria-hidden": "true", className: E, children: s.icon }) : null,
+                      /* @__PURE__ */ g("span", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+                        /* @__PURE__ */ a("span", { className: ss, children: s.label }),
+                        z !== void 0 ? /* @__PURE__ */ a(L, { variant: "neutral", children: K(z) }) : null
+                      ] })
+                    ] });
+                    if (s.href !== void 0) {
+                      const B = R({ fill: u });
+                      return p ? /* @__PURE__ */ a(D, { children: p({
+                        href: s.href,
+                        className: B,
+                        children: x,
+                        "aria-current": h,
+                        onClick: s.onClick
+                      }) }, s.id) : /* @__PURE__ */ a(
+                        "a",
+                        {
+                          href: s.href,
+                          "aria-current": h,
+                          className: B,
+                          ...s.onClick ? { onClick: s.onClick } : {},
+                          children: x
+                        },
+                        s.id
+                      );
+                    }
+                    return /* @__PURE__ */ a(
+                      "button",
+                      {
+                        type: "button",
+                        "aria-current": h,
+                        className: R({ fill: u }),
+                        onClick: () => d == null ? void 0 : d(s.id),
+                        children: x
+                      },
+                      s.id
+                    );
+                  })
+                }
+              )
+            }
+          ) }),
+          k ? /* @__PURE__ */ a(
+            "button",
+            {
+              type: "button",
+              "aria-label": f("navigation.tabBar.scrollBack"),
+              onClick: () => y(-1),
+              className: `${T} ${rs}`,
+              children: /* @__PURE__ */ a(
+                G,
+                {
+                  "aria-hidden": "true",
+                  className: $
+                }
+              )
+            }
+          ) : null,
+          N ? /* @__PURE__ */ a(
+            "button",
+            {
+              type: "button",
+              "aria-label": f("navigation.tabBar.scrollForward"),
+              onClick: () => y(1),
+              className: `${T} ${es}`,
+              children: /* @__PURE__ */ a(
+                H,
+                {
+                  "aria-hidden": "true",
+                  className: $
+                }
+              )
+            }
+          ) : null
+        ] })
+      }
+    );
+  }
+);
+ns.displayName = "TabBar";
+export {
+  ns as T
+};
+//# sourceMappingURL=tab-bar-Bv9nGNdO.js.map