@alfadocs/ui-kit 0.0.20 → 0.1.0

package/dist/_chunks/switch-DtLPKO0p.js

@@ -0,0 +1,137 @@
+import { jsxs as B, jsx as e } from "react/jsx-runtime";
+import { forwardRef as R, useContext as T, useState as q } from "react";
+import * as h from "@radix-ui/react-switch";
+import { c as i } from "./index-D2ZczOXr.js";
+import { useTranslation as C } from "react-i18next";
+import { u as I, F as O } from "./form-field-context-94LwgYTQ.js";
+const D = i(
+  [
+    "ds:inline-flex ds:shrink-0 ds:cursor-pointer ds:items-center",
+    "ds:rounded-[var(--radius-full)]",
+    "ds:border-2 ds:border-transparent",
+    "ds:bg-muted",
+    "ds:data-[state=checked]:bg-primary",
+    "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
+    "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
+    "ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
+    "ds:disabled:cursor-not-allowed ds:disabled:opacity-50"
+  ].join(" "),
+  {
+    variants: {
+      size: {
+        sm: "ds:h-4 ds:w-7",
+        md: "ds:h-5 ds:w-9",
+        lg: "ds:h-6 ds:w-11"
+      }
+    },
+    defaultVariants: { size: "md" }
+  }
+), _ = i(
+  [
+    "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)]",
+    "ds:transition-transform ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
+    "ds:data-[state=checked]:translate-x-full ds:rtl:data-[state=checked]:-translate-x-full",
+    "ds:data-[state=unchecked]:translate-x-0"
+  ].join(" "),
+  {
+    variants: {
+      size: {
+        sm: "ds:size-3",
+        md: "ds:size-4",
+        lg: "ds:size-5"
+      }
+    },
+    defaultVariants: { size: "md" }
+  }
+), $ = i(
+  "ds:inline-flex ds:items-center ds:gap-3 ds:min-h-[var(--min-target-size)]",
+  {
+    variants: {
+      labelSide: {
+        start: "ds:flex-row-reverse",
+        end: ""
+      }
+    },
+    defaultVariants: { labelSide: "end" }
+  }
+), A = i("type-label ds:text-foreground ds:select-none", {
+  variants: {
+    disabled: {
+      true: "ds:cursor-not-allowed ds:opacity-50",
+      false: "ds:cursor-pointer"
+    }
+  },
+  defaultVariants: { disabled: !1 }
+}), E = {
+  sm: "size-2",
+  md: "size-2.5",
+  lg: "size-3"
+}, G = R(
+  ({
+    label: b,
+    labelSide: v = "end",
+    size: a = "md",
+    icon: n,
+    showStateText: p = !1,
+    checked: t,
+    defaultChecked: o,
+    onCheckedChange: r,
+    disabled: w,
+    id: x,
+    className: g,
+    ...y
+  }, z) => {
+    const { t: l } = C(), s = I(), S = T(O) !== null, c = x ?? s.id, [F, V] = q(
+      t ?? o ?? !1
+    ), d = typeof t == "boolean", u = d ? t : F, N = (m) => {
+      d || V(m), r == null || r(m);
+    }, f = s.disabled || w, j = s.describedBy || void 0, k = u ? l("ui.inputs.switch.on", "On") : l("ui.inputs.switch.off", "Off");
+    return /* @__PURE__ */ B("div", { className: $({ labelSide: v }), children: [
+      /* @__PURE__ */ e(
+        h.Root,
+        {
+          ref: z,
+          id: c,
+          checked: d ? t : void 0,
+          defaultChecked: d ? void 0 : o,
+          onCheckedChange: N,
+          disabled: f,
+          "aria-describedby": j,
+          "aria-invalid": s.invalid || void 0,
+          "aria-required": s.required || void 0,
+          className: D({ size: a, className: g }),
+          ...y,
+          children: /* @__PURE__ */ e(h.Thumb, { className: _({ size: a }), children: n ? /* @__PURE__ */ e(
+            "span",
+            {
+              "aria-hidden": "true",
+              className: `${E[a]} ds:inline-flex ds:items-center ds:justify-center ds:[&_svg]:size-full`,
+              children: u ? n.on : n.off
+            }
+          ) : null })
+        }
+      ),
+      p ? /* @__PURE__ */ e(
+        "span",
+        {
+          "aria-hidden": "true",
+          className: "type-meta ds:text-muted-foreground ds:select-none",
+          children: k
+        }
+      ) : null,
+      S ? null : /* @__PURE__ */ e(
+        "label",
+        {
+          htmlFor: c,
+          className: A({ disabled: !!f }),
+          children: b
+        }
+      )
+    ] });
+  }
+);
+G.displayName = "Switch";
+export {
+  G as S
+};
+//# sourceMappingURL=switch-DtLPKO0p.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"switch-DtLPKO0p.js","sources":["../../src/components/switch/switch.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useContext,\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';\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: 'size-2',\n  md: 'size-2.5',\n  lg: '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 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 stateText = currentChecked\n      ? t('ui.inputs.switch.on', 'On')\n      : t('ui.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          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":["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","stateText","jsx","RadixSwitch"],"mappings":"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"}

package/dist/_chunks/{tabs.agent-FsGU3sZL.js → tabs.agent-BDUlyPbJ.js}

@@ -1,4 +1,4 @@
-import { jsx as a, jsxs as k } from "react/jsx-runtime";
+import { jsx as s, jsxs as k } from "react/jsx-runtime";
 import { forwardRef as j, useContext as L, useRef as P, useState as B, useEffect as J, useMemo as I, Children as Q, isValidElement as U, useCallback as W, createContext as Y } from "react";
 import * as R from "@radix-ui/react-tabs";
 import * as N from "@radix-ui/react-dropdown-menu";
@@ -6,24 +6,24 @@ import { a as y, c as q } from "./index-D2ZczOXr.js";
 import { useTranslation as Z } from "react-i18next";
 import { u as D } from "./use-direction-D6rvvG9G.js";
 import { c as K } from "./compose-refs-C0k0tdqF.js";
-import { S as ee } from "./select-B4m4upMg.js";
+import { S as ee } from "./select-DbxWF3O_.js";
 import { X as te } from "./x-CCcI3eJp.js";
-import { C as ae } from "./chevron-down-BX_NP2Yh.js";
+import { C as se } from "./chevron-down-BX_NP2Yh.js";
 const M = q(
-  "relative flex",
+  "ds:relative ds:flex",
   {
     variants: {
       variant: {
         // Shadcn-style segmented control: light container, white active card
-        default: "flex-1 min-w-0 items-center bg-muted/10 rounded-[var(--radius-md)] p-1",
+        default: "ds:flex-1 ds:min-w-0 ds:items-center ds:bg-muted/10 ds:rounded-[var(--radius-md)] ds:p-1",
         // Classic underline tabs: bottom border with colored active indicator
-        underlined: "flex-1 min-w-0 items-end [border-block-end:1px_solid_var(--border)]",
+        underlined: "ds:flex-1 ds:min-w-0 ds:items-end ds:[border-block-end:1px_solid_var(--border)]",
         // Segmented control: warm secondary container, content-width
-        pills: "items-center bg-secondary rounded-[var(--radius-md)] p-1"
+        pills: "ds:items-center ds:bg-secondary ds:rounded-[var(--radius-md)] ds:p-1"
       },
       orientation: {
-        horizontal: "flex-row overflow-hidden",
-        vertical: "flex-col"
+        horizontal: "ds:flex-row ds:overflow-hidden",
+        vertical: "ds:flex-col"
       }
     },
     defaultVariants: {
@@ -33,44 +33,44 @@ const M = q(
   }
 ), H = q(
   [
-    "relative inline-flex items-center justify-center whitespace-nowrap border-0",
-    "gap-2 font-medium transition-colors",
-    "duration-[var(--animation-duration)] motion-reduce:transition-none",
-    "cursor-pointer select-none",
-    "disabled:pointer-events-none disabled:opacity-50",
-    "focus-visible:outline-[length:var(--focus-ring-width)] focus-visible:outline-solid",
-    "focus-visible:outline-ring focus-visible:outline-offset-[length:var(--focus-ring-offset)]"
+    "ds:relative ds:inline-flex ds:items-center ds:justify-center ds:whitespace-nowrap ds:border-0",
+    "ds:gap-2 ds:font-medium ds:transition-colors",
+    "ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
+    "ds:cursor-pointer ds:select-none",
+    "ds:disabled:pointer-events-none ds:disabled:opacity-50",
+    "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
+    "ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]"
   ].join(" "),
   {
     variants: {
       variant: {
         default: [
-          "rounded-[var(--radius-sm)] bg-transparent text-muted-foreground",
-          "hover:bg-muted/10 hover:text-foreground",
-          "data-[state=active]:bg-background data-[state=active]:text-foreground",
-          "data-[state=active]:shadow-sm"
+          "ds:rounded-[var(--radius-sm)] ds:bg-transparent ds:text-muted-foreground",
+          "ds:hover:bg-muted/10 ds:hover:text-foreground",
+          "ds:data-[state=active]:bg-background ds:data-[state=active]:text-foreground",
+          "ds:data-[state=active]:shadow-sm"
         ].join(" "),
         underlined: [
-          "bg-transparent text-muted-foreground",
-          "[border-block-end:2px_solid_transparent]",
-          "hover:bg-muted/10 hover:text-foreground",
-          "data-[state=active]:[border-block-end-color:var(--primary)]",
-          "data-[state=active]:text-foreground data-[state=active]:[margin-block-end:-1px]"
+          "ds:bg-transparent ds:text-muted-foreground",
+          "ds:[border-block-end:2px_solid_transparent]",
+          "ds:hover:bg-muted/10 ds:hover:text-foreground",
+          "ds:data-[state=active]:[border-block-end-color:var(--primary)]",
+          "ds:data-[state=active]:text-foreground ds:data-[state=active]:[margin-block-end:-1px]"
         ].join(" "),
         pills: [
-          "rounded-[var(--radius-full)] bg-transparent text-muted-foreground",
-          "hover:bg-muted/20 hover:text-foreground",
-          "data-[state=active]:bg-primary data-[state=active]:text-primary-foreground"
+          "ds:rounded-[var(--radius-full)] ds:bg-transparent ds:text-muted-foreground",
+          "ds:hover:bg-muted/20 ds:hover:text-foreground",
+          "ds:data-[state=active]:bg-primary ds:data-[state=active]:text-primary-foreground"
         ].join(" ")
       },
       size: {
-        sm: "h-8 px-[var(--spacing-sm)] text-[var(--font-size-sm)]",
-        md: "h-10 px-[var(--spacing-md)] text-[var(--font-size-base)]",
-        lg: "h-12 px-[var(--spacing-lg)] text-[var(--font-size-lg)]"
+        sm: "ds:h-8 ds:px-[var(--spacing-sm)] ds:text-[var(--font-size-sm)]",
+        md: "ds:h-10 ds:px-[var(--spacing-md)] ds:text-[var(--font-size-base)]",
+        lg: "ds:h-12 ds:px-[var(--spacing-lg)] ds:text-[var(--font-size-lg)]"
       },
       orientation: {
         horizontal: "",
-        vertical: "w-full justify-start"
+        vertical: "ds:w-full ds:justify-start"
       }
     },
     defaultVariants: {
@@ -89,38 +89,38 @@ const M = q(
   }
 }), S = j(
   ({
-    variant: l = "default",
-    size: r = "md",
-    orientation: o = "horizontal",
-    overflow: i = "dropdown",
-    className: s,
+    variant: d = "default",
+    size: a = "md",
+    orientation: r = "horizontal",
+    overflow: n = "dropdown",
+    className: i,
     children: c,
     value: t,
     defaultValue: p,
-    onValueChange: d,
+    onValueChange: l,
     ...w
   }, g) => {
-    const b = P(null), z = K(g, b), u = D(b), f = t !== void 0, [T, h] = B(p ?? ""), v = f ? t ?? "" : T, n = W(
+    const b = P(null), z = K(g, b), u = D(b), f = t !== void 0, [T, h] = B(p ?? ""), v = f ? t ?? "" : T, o = W(
       (m) => {
-        f || h(m), d == null || d(m);
+        f || h(m), l == null || l(m);
       },
-      [f, d]
+      [f, l]
     ), e = I(
-      () => ({ variant: l, size: r, orientation: o, overflow: i, value: v, setValue: n }),
-      [l, r, o, i, v, n]
+      () => ({ variant: d, size: a, orientation: r, overflow: n, value: v, setValue: o }),
+      [d, a, r, n, v, o]
     );
-    return /* @__PURE__ */ a(V.Provider, { value: e, children: /* @__PURE__ */ a(
+    return /* @__PURE__ */ s(V.Provider, { value: e, children: /* @__PURE__ */ s(
       R.Root,
       {
         ref: z,
-        orientation: o,
+        orientation: r,
         dir: u,
         value: v,
-        onValueChange: n,
+        onValueChange: o,
         className: y(
           "flex",
-          o === "vertical" ? "flex-row gap-[var(--spacing-md)]" : "flex-col",
-          s
+          r === "vertical" ? "flex-row gap-[var(--spacing-md)]" : "flex-col",
+          i
         ),
         ...w,
         children: c
@@ -130,8 +130,8 @@ const M = q(
 );
 S.displayName = "Tabs";
 const X = j(
-  ({ className: l, children: r, "aria-label": o, ...i }, s) => {
-    const { variant: c, size: t, orientation: p, overflow: d, value: w, setValue: g } = L(V), { t: b } = Z("ui"), z = P(null), [u, f] = B([]), T = p === "horizontal", h = d === "dropdown" && T;
+  ({ className: d, children: a, "aria-label": r, ...n }, i) => {
+    const { variant: c, size: t, orientation: p, overflow: l, value: w, setValue: g } = L(V), { t: b } = Z("ui"), z = P(null), [u, f] = B([]), T = p === "horizontal", h = l === "dropdown" && T;
     J(() => {
       if (!h) {
         f([]);
@@ -150,70 +150,70 @@ const X = j(
         }), f(_);
       }, x = new ResizeObserver(m);
       return x.observe(e), m(), () => x.disconnect();
-    }, [h, r]);
+    }, [h, a]);
     const v = (e) => {
-      z.current = e, typeof s == "function" ? s(e) : s && (s.current = e);
-    }, n = I(() => d !== "select" ? [] : Q.toArray(r).filter((e) => U(e)).filter((e) => typeof e.props.value == "string" && e.props.value.length > 0).map((e) => {
+      z.current = e, typeof i == "function" ? i(e) : i && (i.current = e);
+    }, o = I(() => l !== "select" ? [] : Q.toArray(a).filter((e) => U(e)).filter((e) => typeof e.props.value == "string" && e.props.value.length > 0).map((e) => {
       const m = e.props.value, x = e.props.children, O = typeof x == "string" ? x : typeof x == "number" ? String(x) : m;
       return { value: m, label: O };
-    }), [r, d]);
-    return d === "select" && T ? /* @__PURE__ */ k("div", { className: "@container/tabs relative w-full", children: [
-      /* @__PURE__ */ a("div", { className: "block @md/tabs:hidden", children: /* @__PURE__ */ a(
+    }), [a, l]);
+    return l === "select" && T ? /* @__PURE__ */ k("div", { className: "ds:@container/tabs ds:relative ds:w-full", children: [
+      /* @__PURE__ */ s("div", { className: "ds:block ds:@md/tabs:hidden", children: /* @__PURE__ */ s(
         ee,
         {
-          options: n,
+          options: o,
           value: w,
           onValueChange: (e) => {
             typeof e == "string" && e.length > 0 && g(e);
           },
           size: t,
-          "aria-label": o ?? b("tabs.selectLabel")
+          "aria-label": r ?? b("tabs.selectLabel")
         }
       ) }),
-      /* @__PURE__ */ a("div", { className: "hidden @md/tabs:flex relative items-center", children: /* @__PURE__ */ a(
+      /* @__PURE__ */ s("div", { className: "ds:hidden ds:@md/tabs:flex ds:relative ds:items-center", children: /* @__PURE__ */ s(
         R.List,
         {
           ref: v,
-          "aria-label": o,
-          className: M({ variant: c, orientation: p, className: l }),
-          ...i,
-          children: r
+          "aria-label": r,
+          className: M({ variant: c, orientation: p, className: d }),
+          ...n,
+          children: a
         }
       ) })
-    ] }) : /* @__PURE__ */ k("div", { className: "relative flex items-center", children: [
-      /* @__PURE__ */ a(
+    ] }) : /* @__PURE__ */ k("div", { className: "ds:relative ds:flex ds:items-center", children: [
+      /* @__PURE__ */ s(
         R.List,
         {
           ref: v,
-          "aria-label": o,
-          className: M({ variant: c, orientation: p, className: l }),
-          ...i,
-          children: r
+          "aria-label": r,
+          className: M({ variant: c, orientation: p, className: d }),
+          ...n,
+          children: a
         }
       ),
-      h && u.length > 0 && /* @__PURE__ */ a(re, { tabs: u, label: b("tabs.moreTabs"), size: t })
+      h && u.length > 0 && /* @__PURE__ */ s(ae, { tabs: u, label: b("tabs.moreTabs"), size: t })
     ] });
   }
 );
 X.displayName = "TabsList";
-function re({ tabs: l, label: r, size: o }) {
-  const { variant: i } = L(V);
+function ae({ tabs: d, label: a, size: r }) {
+  const { variant: n } = L(V);
   return /* @__PURE__ */ k(N.Root, { children: [
     /* @__PURE__ */ k(
       N.Trigger,
       {
         className: y(
-          H({ variant: i, size: o, orientation: "horizontal" }),
+          H({ variant: n, size: r, orientation: "horizontal" }),
           "shrink-0 ms-1"
         ),
-        "aria-label": r,
+        "aria-label": a,
         children: [
-          r,
-          /* @__PURE__ */ a(ae, { "aria-hidden": "true", className: "size-4" })
+          a,
+          /* @__PURE__ */ s(se, { "aria-hidden": "true", className: "ds:size-4" })
         ]
       }
     ),
-    /* @__PURE__ */ a(N.Portal, { children: /* @__PURE__ */ a(
+    /* @__PURE__ */ s(N.Portal, { children: /* @__PURE__ */ s(
       N.Content,
       {
         sideOffset: 4,
@@ -224,7 +224,7 @@ function re({ tabs: l, label: r, size: o }) {
           "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
           "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95"
         ),
-        children: l.map(({ value: s, label: c }) => /* @__PURE__ */ a(
+        children: d.map(({ value: i, label: c }) => /* @__PURE__ */ s(
           N.Item,
           {
             className: y(
@@ -236,13 +236,13 @@ function re({ tabs: l, label: r, size: o }) {
             ),
             onSelect: () => {
               const t = document.querySelector(
-                `[role="tab"][data-value="${CSS.escape(s)}"]`
+                `[role="tab"][data-value="${CSS.escape(i)}"]`
               );
               t == null || t.click(), t == null || t.scrollIntoView({ inline: "nearest" });
             },
             children: c
           },
-          s
+          i
         ))
       }
     ) })
@@ -250,21 +250,21 @@ function re({ tabs: l, label: r, size: o }) {
 }
 const $ = j(
   ({
-    variant: l,
-    size: r,
-    orientation: o,
-    icon: i,
-    badge: s,
+    variant: d,
+    size: a,
+    orientation: r,
+    icon: n,
+    badge: i,
     dismissible: c = !1,
     onDismiss: t,
     className: p,
-    children: d,
+    children: l,
     value: w,
     onKeyDown: g,
     ...b
   }, z) => {
-    const u = L(V), f = l ?? u.variant, T = r ?? u.size, h = o ?? u.orientation, v = (n) => {
-      c && (n.key === "Delete" || n.key === "Backspace") && (n.preventDefault(), t == null || t()), g == null || g(n);
+    const u = L(V), f = d ?? u.variant, T = a ?? u.size, h = r ?? u.orientation, v = (o) => {
+      c && (o.key === "Delete" || o.key === "Backspace") && (o.preventDefault(), t == null || t()), g == null || g(o);
     };
     return /* @__PURE__ */ k(
       R.Trigger,
@@ -276,12 +276,12 @@ const $ = j(
         onKeyDown: v,
         ...b,
         children: [
-          i && /* @__PURE__ */ a("span", { "aria-hidden": "true", className: "shrink-0 size-4", children: i }),
-          d,
-          s && /* @__PURE__ */ a("span", { className: "shrink-0", children: s }),
+          n && /* @__PURE__ */ s("span", { "aria-hidden": "true", className: "ds:shrink-0 ds:size-4", children: n }),
+          l,
+          i && /* @__PURE__ */ s("span", { className: "ds:shrink-0", children: i }),
           c && // Visual-only dismiss indicator — pointer dismiss fires here; keyboard dismiss fires via Delete/Backspace on the trigger above.
           // No role/tabIndex to avoid nested-interactive (interactive content inside <button> is invalid HTML).
-          /* @__PURE__ */ a(
+          /* @__PURE__ */ s(
             "span",
             {
               "aria-hidden": "true",
@@ -290,10 +290,10 @@ const $ = j(
                 "size-6 rounded-[var(--radius-sm)]",
                 "hover:bg-muted-foreground/20"
               ),
-              onPointerDown: (n) => {
-                n.stopPropagation(), n.preventDefault(), t == null || t();
+              onPointerDown: (o) => {
+                o.stopPropagation(), o.preventDefault(), t == null || t();
               },
-              children: /* @__PURE__ */ a(te, { className: "size-3.5" })
+              children: /* @__PURE__ */ s(te, { className: "ds:size-3.5" })
             }
           )
         ]
@@ -303,18 +303,18 @@ const $ = j(
 );
 $.displayName = "TabsTrigger";
 const F = j(
-  ({ className: l, children: r, ...o }, i) => /* @__PURE__ */ a(
+  ({ className: d, children: a, ...r }, n) => /* @__PURE__ */ s(
     R.Content,
     {
-      ref: i,
+      ref: n,
       className: y(
         "mt-[var(--spacing-sm)] outline-none",
         "focus-visible:outline-[length:var(--focus-ring-width)] focus-visible:outline-solid",
         "focus-visible:outline-ring focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
-        l
+        d
       ),
-      ...o,
-      children: r
+      ...r,
+      children: a
     }
   )
 );
@@ -344,4 +344,4 @@ export {
   $ as c,
   pe as t
 };
-//# sourceMappingURL=tabs.agent-FsGU3sZL.js.map
+//# sourceMappingURL=tabs.agent-BDUlyPbJ.js.map

package/dist/_chunks/tabs.agent-BDUlyPbJ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.agent-BDUlyPbJ.js","sources":["../../src/components/tabs/tabs.tsx","../../src/components/tabs/tabs.agent.ts"],"sourcesContent":["import {\n  Children,\n  createContext,\n  forwardRef,\n  isValidElement,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ComponentPropsWithoutRef,\n  type MutableRefObject,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\nimport * as TabsPrimitive from '@radix-ui/react-tabs';\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\nimport { cva, cx, type VariantProps } from 'class-variance-authority';\nimport { X, ChevronDown } from 'lucide-react';\nimport { useTranslation } from 'react-i18next';\nimport { useDirection } from '../_shared/use-direction';\nimport { composeRefs } from '../_shared/compose-refs';\nimport { Select, type SelectOption } from '../select/select';\n\n// ---------------------------------------------------------------------------\n// CVA recipes\n// ---------------------------------------------------------------------------\n\nexport const tabsListVariants = cva(\n  'ds:relative ds:flex',\n  {\n    variants: {\n      variant: {\n        // Shadcn-style segmented control: light container, white active card\n        default: 'ds:flex-1 ds:min-w-0 ds:items-center ds:bg-muted/10 ds:rounded-[var(--radius-md)] ds:p-1',\n        // Classic underline tabs: bottom border with colored active indicator\n        underlined: 'ds:flex-1 ds:min-w-0 ds:items-end ds:[border-block-end:1px_solid_var(--border)]',\n        // Segmented control: warm secondary container, content-width\n        pills: 'ds:items-center ds:bg-secondary ds:rounded-[var(--radius-md)] ds:p-1',\n      },\n      orientation: {\n        horizontal: 'ds:flex-row ds:overflow-hidden',\n        vertical: 'ds:flex-col',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      orientation: 'horizontal',\n    },\n  },\n);\n\nexport const tabsTriggerVariants = cva(\n  [\n    'ds:relative ds:inline-flex ds:items-center ds:justify-center ds:whitespace-nowrap ds:border-0',\n    'ds:gap-2 ds:font-medium ds:transition-colors',\n    'ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n    'ds:cursor-pointer ds:select-none',\n    'ds:disabled:pointer-events-none ds:disabled:opacity-50',\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  ].join(' '),\n  {\n    variants: {\n      variant: {\n        default: [\n          'ds:rounded-[var(--radius-sm)] ds:bg-transparent ds:text-muted-foreground',\n          'ds:hover:bg-muted/10 ds:hover:text-foreground',\n          'ds:data-[state=active]:bg-background ds:data-[state=active]:text-foreground',\n          'ds:data-[state=active]:shadow-sm',\n        ].join(' '),\n        underlined: [\n          'ds:bg-transparent ds:text-muted-foreground',\n          'ds:[border-block-end:2px_solid_transparent]',\n          'ds:hover:bg-muted/10 ds:hover:text-foreground',\n          'ds:data-[state=active]:[border-block-end-color:var(--primary)]',\n          'ds:data-[state=active]:text-foreground ds:data-[state=active]:[margin-block-end:-1px]',\n        ].join(' '),\n        pills: [\n          'ds:rounded-[var(--radius-full)] ds:bg-transparent ds:text-muted-foreground',\n          'ds:hover:bg-muted/20 ds:hover:text-foreground',\n          'ds:data-[state=active]:bg-primary ds:data-[state=active]:text-primary-foreground',\n        ].join(' '),\n      },\n      size: {\n        sm: 'ds:h-8 ds:px-[var(--spacing-sm)] ds:text-[var(--font-size-sm)]',\n        md: 'ds:h-10 ds:px-[var(--spacing-md)] ds:text-[var(--font-size-base)]',\n        lg: 'ds:h-12 ds:px-[var(--spacing-lg)] ds:text-[var(--font-size-lg)]',\n      },\n      orientation: {\n        horizontal: '',\n        vertical: 'ds:w-full ds:justify-start',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'md',\n      orientation: 'horizontal',\n    },\n  },\n);\n\n// ---------------------------------------------------------------------------\n// Context\n// ---------------------------------------------------------------------------\n\ntype TabsOverflow = 'dropdown' | 'select';\n\ninterface TabsContextValue {\n  variant: 'default' | 'underlined' | 'pills';\n  size: 'sm' | 'md' | 'lg';\n  orientation: 'horizontal' | 'vertical';\n  overflow: TabsOverflow;\n  value: string;\n  setValue: (value: string) => void;\n}\n\nconst TabsContext = createContext<TabsContextValue>({\n  variant: 'default',\n  size: 'md',\n  orientation: 'horizontal',\n  overflow: 'dropdown',\n  value: '',\n  setValue: () => {},\n});\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\nexport interface TabsRootProps\n  extends Omit<ComponentPropsWithoutRef<typeof TabsPrimitive.Root>, 'orientation'> {\n  variant?: 'default' | 'underlined' | 'pills';\n  size?: 'sm' | 'md' | 'lg';\n  orientation?: 'horizontal' | 'vertical';\n  /**\n   * Strategy for tabs that don't fit horizontally.\n   *\n   * - `'dropdown'` (default) — overflowing tabs collapse into a \"More\"\n   *   `DropdownMenu` rendered next to the visible tab list. Most tabs\n   *   stay visible inline; the few that don't fit hide behind the menu.\n   *   Best when there are 5–7 tabs at moderately narrow viewports.\n   * - `'select'` — at narrow container widths (under the `@md` breakpoint)\n   *   the entire tab strip collapses into a single `Select` whose value\n   *   is the active tab. Best when there are many tabs and the panel is\n   *   genuinely cramped (mobile, side-panel host). Above `@md`, the\n   *   inline tab list reappears unchanged.\n   *\n   *   Limitation: the Select mirror builds option labels from each\n   *   `Tabs.Trigger`'s `children`. Plain string / number children are\n   *   used verbatim; richer children (icon + text, fragments) fall back\n   *   to the trigger's `value` so the option remains selectable. Prefer\n   *   plain-text trigger children when using `overflow=\"select\"`, or use\n   *   the trigger's `icon` prop for the icon and keep `children` a\n   *   plain string.\n   *\n   * @default 'dropdown'\n   */\n  overflow?: TabsOverflow;\n}\n\nexport interface TabsListProps extends ComponentPropsWithoutRef<typeof TabsPrimitive.List> {\n  'aria-label'?: string;\n}\n\nexport interface TabsTriggerProps\n  extends ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>,\n    VariantProps<typeof tabsTriggerVariants> {\n  icon?: ReactNode;\n  badge?: ReactNode;\n  dismissible?: boolean;\n  onDismiss?: () => void;\n}\n\nexport type TabsContentProps = ComponentPropsWithoutRef<typeof TabsPrimitive.Content>;\n\n// ---------------------------------------------------------------------------\n// TabsRoot\n// ---------------------------------------------------------------------------\n\nconst TabsRoot = forwardRef<HTMLDivElement, TabsRootProps>(\n  (\n    {\n      variant = 'default',\n      size = 'md',\n      orientation = 'horizontal',\n      overflow = 'dropdown',\n      className,\n      children,\n      value: valueProp,\n      defaultValue,\n      onValueChange,\n      ...props\n    },\n    ref,\n  ) => {\n    const rootRef = useRef<HTMLDivElement>(null);\n    const composedRef = composeRefs(ref, rootRef);\n    const dir = useDirection(rootRef);\n\n    // Track the active tab so the `overflow=\"select\"` mirror can read it\n    // without forcing consumers into controlled mode. If `value` is passed\n    // we honour it; otherwise we manage internal state seeded from\n    // `defaultValue` and notify consumers via `onValueChange`. Net effect\n    // is identical to Radix's own controlled / uncontrolled split — we\n    // just shadow the value into context so the Select can mirror it.\n    const isControlled = valueProp !== undefined;\n    const [internalValue, setInternalValue] = useState<string>(defaultValue ?? '');\n    const value = isControlled ? (valueProp ?? '') : internalValue;\n    const setValue = useCallback(\n      (next: string) => {\n        if (!isControlled) setInternalValue(next);\n        onValueChange?.(next);\n      },\n      [isControlled, onValueChange],\n    );\n\n    const ctxValue = useMemo(\n      () => ({ variant, size, orientation, overflow, value, setValue }),\n      [variant, size, orientation, overflow, value, setValue],\n    );\n\n    return (\n      <TabsContext.Provider value={ctxValue}>\n        <TabsPrimitive.Root\n          ref={composedRef}\n          orientation={orientation}\n          dir={dir}\n          // We always run Radix in controlled mode against our shadow state\n          // (seeded from `defaultValue`) so the `overflow=\"select\"` mirror\n          // can read the active value via context without DOM observation.\n          value={value}\n          onValueChange={setValue}\n          className={cx(\n            'flex',\n            orientation === 'vertical' ? 'flex-row gap-[var(--spacing-md)]' : 'flex-col',\n            className,\n          )}\n          {...props}\n        >\n          {children}\n        </TabsPrimitive.Root>\n      </TabsContext.Provider>\n    );\n  },\n);\nTabsRoot.displayName = 'Tabs';\n\n// ---------------------------------------------------------------------------\n// TabsList — with overflow detection\n// ---------------------------------------------------------------------------\n\nconst TabsList = forwardRef<HTMLDivElement, TabsListProps>(\n  ({ className, children, 'aria-label': ariaLabel, ...props }, ref) => {\n    const { variant, size, orientation, overflow, value, setValue } = useContext(TabsContext);\n    const { t } = useTranslation('ui');\n\n    const listRef = useRef<HTMLDivElement>(null);\n    const [overflowTabs, setOverflowTabs] = useState<{ value: string; label: string }[]>([]);\n    const isHorizontal = orientation === 'horizontal';\n    // The `select` overflow strategy renders a Select mirror at narrow\n    // container widths and skips the DropdownMenu overflow detector\n    // (it's the wrong UX for that case — a select-and-a-dropdown would\n    // double up). The dropdown detector only runs when `overflow` is\n    // `dropdown` and the strip is horizontal.\n    const isDropdownOverflow = overflow === 'dropdown' && isHorizontal;\n\n    useEffect(() => {\n      if (!isDropdownOverflow) {\n        setOverflowTabs([]);\n        return;\n      }\n      const el = listRef.current;\n      if (!el) return;\n\n      const detectOverflow = () => {\n        const containerRight = el.getBoundingClientRect().right;\n        const hidden: { value: string; label: string }[] = [];\n        el.querySelectorAll<HTMLButtonElement>('[role=\"tab\"]').forEach((tab) => {\n          const rect = tab.getBoundingClientRect();\n          if (rect.right > containerRight + 2) {\n            const value = tab.getAttribute('data-value') ?? tab.dataset['value'] ?? '';\n            const label = tab.textContent?.trim() ?? value;\n            hidden.push({ value, label });\n          }\n        });\n        setOverflowTabs(hidden);\n      };\n\n      const ro = new ResizeObserver(detectOverflow);\n      ro.observe(el);\n      detectOverflow();\n      return () => ro.disconnect();\n    }, [isDropdownOverflow, children]);\n\n    const combinedRef = (node: HTMLDivElement | null) => {\n      (listRef as MutableRefObject<HTMLDivElement | null>).current = node;\n      if (typeof ref === 'function') ref(node);\n      else if (ref) (ref as MutableRefObject<HTMLDivElement | null>).current = node;\n    };\n\n    // For `overflow=\"select\"` we mirror the Trigger children as Select\n    // options. Triggers may carry icon + text; for the Select label we\n    // prefer the trigger's plain-text children — anything else falls\n    // back to the trigger's `value` so the option is at least selectable.\n    const selectOptions = useMemo<SelectOption<string>[]>(() => {\n      if (overflow !== 'select') return [];\n      return Children.toArray(children)\n        .filter((child): child is ReactElement<TabsTriggerProps> => isValidElement(child))\n        .filter((child) => typeof child.props.value === 'string' && child.props.value.length > 0)\n        .map((child) => {\n          const triggerValue = child.props.value as string;\n          const labelChild = child.props.children;\n          const label =\n            typeof labelChild === 'string'\n              ? labelChild\n              : typeof labelChild === 'number'\n                ? String(labelChild)\n                : triggerValue;\n          return { value: triggerValue, label };\n        });\n    }, [children, overflow]);\n\n    if (overflow === 'select' && isHorizontal) {\n      // Container queries gate the swap: above `@md` (Tailwind v4 default\n      // 28rem container width) the inline tab strip renders; below it,\n      // the Select takes over. The Tabs.List markup stays mounted in\n      // both modes so Radix's roving-tabindex / ARIA wiring is preserved\n      // even when the strip is visually hidden — keyboard users who land\n      // on the panel via skip-link still get to the active tab.\n      return (\n        <div className=\"ds:@container/tabs ds:relative ds:w-full\">\n          {/* Select mirror — visible at narrow container widths only. */}\n          <div className=\"ds:block ds:@md/tabs:hidden\">\n            <Select\n              options={selectOptions}\n              value={value}\n              onValueChange={(next) => {\n                if (typeof next === 'string' && next.length > 0) setValue(next);\n              }}\n              size={size}\n              aria-label={ariaLabel ?? t('tabs.selectLabel')}\n            />\n          </div>\n          {/* Inline tab strip — visible at wider container widths. */}\n          <div className=\"ds:hidden ds:@md/tabs:flex ds:relative ds:items-center\">\n            <TabsPrimitive.List\n              ref={combinedRef}\n              aria-label={ariaLabel}\n              className={tabsListVariants({ variant, orientation, className })}\n              {...props}\n            >\n              {children}\n            </TabsPrimitive.List>\n          </div>\n        </div>\n      );\n    }\n\n    return (\n      <div className=\"ds:relative ds:flex ds:items-center\">\n        <TabsPrimitive.List\n          ref={combinedRef}\n          aria-label={ariaLabel}\n          className={tabsListVariants({ variant, orientation, className })}\n          {...props}\n        >\n          {children}\n        </TabsPrimitive.List>\n\n        {isDropdownOverflow && overflowTabs.length > 0 && (\n          <OverflowMenu tabs={overflowTabs} label={t('tabs.moreTabs')} size={size} />\n        )}\n      </div>\n    );\n  },\n);\nTabsList.displayName = 'TabsList';\n\n// ---------------------------------------------------------------------------\n// OverflowMenu (internal)\n// ---------------------------------------------------------------------------\n\ninterface OverflowMenuProps {\n  tabs: { value: string; label: string }[];\n  label: string;\n  size: 'sm' | 'md' | 'lg';\n}\n\nfunction OverflowMenu({ tabs, label, size }: OverflowMenuProps) {\n  const { variant } = useContext(TabsContext);\n\n  return (\n    <DropdownMenuPrimitive.Root>\n      <DropdownMenuPrimitive.Trigger\n        className={cx(\n          tabsTriggerVariants({ variant, size, orientation: 'horizontal' }),\n          'shrink-0 ms-1',\n        )}\n        aria-label={label}\n      >\n        {label}\n        <ChevronDown aria-hidden=\"true\" className=\"ds:size-4\" />\n      </DropdownMenuPrimitive.Trigger>\n      <DropdownMenuPrimitive.Portal>\n        <DropdownMenuPrimitive.Content\n          sideOffset={4}\n          className={cx(\n            'z-50 min-w-40 overflow-hidden rounded-[var(--radius-md)]',\n            'border border-border bg-popover p-1 shadow-md',\n            'data-[state=open]:animate-in data-[state=closed]:animate-out',\n            'data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',\n            'data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95',\n          )}\n        >\n          {tabs.map(({ value, label: tabLabel }) => (\n            <DropdownMenuPrimitive.Item\n              key={value}\n              className={cx(\n                'relative flex cursor-pointer select-none items-center',\n                'rounded-[var(--radius-sm)] px-[var(--spacing-sm)] py-[var(--spacing-xs)]',\n                'text-[var(--font-size-sm)] text-foreground outline-none',\n                'hover:bg-muted focus:bg-muted',\n                'data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n              )}\n              onSelect={() => {\n                const tab = document.querySelector<HTMLButtonElement>(\n                  `[role=\"tab\"][data-value=\"${CSS.escape(value)}\"]`,\n                );\n                tab?.click();\n                tab?.scrollIntoView({ inline: 'nearest' });\n              }}\n            >\n              {tabLabel}\n            </DropdownMenuPrimitive.Item>\n          ))}\n        </DropdownMenuPrimitive.Content>\n      </DropdownMenuPrimitive.Portal>\n    </DropdownMenuPrimitive.Root>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// TabsTrigger\n// ---------------------------------------------------------------------------\n\nconst TabsTrigger = forwardRef<HTMLButtonElement, TabsTriggerProps>(\n  (\n    {\n      variant: variantProp,\n      size: sizeProp,\n      orientation: orientationProp,\n      icon,\n      badge,\n      dismissible = false,\n      onDismiss,\n      className,\n      children,\n      value,\n      onKeyDown,\n      ...props\n    },\n    ref,\n  ) => {\n    const ctx = useContext(TabsContext);\n    const variant = variantProp ?? ctx.variant;\n    const size = sizeProp ?? ctx.size;\n    const orientation = orientationProp ?? ctx.orientation;\n\n    const handleKeyDown = (e: React.KeyboardEvent<HTMLButtonElement>) => {\n      // APG dismissible-tab pattern: Delete/Backspace while trigger is focused closes the tab.\n      // The visual X is pointer-only (aria-hidden) to avoid nested-interactive HTML violation.\n      if (dismissible && (e.key === 'Delete' || e.key === 'Backspace')) {\n        e.preventDefault();\n        onDismiss?.();\n      }\n      onKeyDown?.(e);\n    };\n\n    return (\n      <TabsPrimitive.Trigger\n        ref={ref}\n        value={value}\n        data-value={value}\n        className={tabsTriggerVariants({ variant, size, orientation, className })}\n        onKeyDown={handleKeyDown}\n        {...props}\n      >\n        {icon && <span aria-hidden=\"true\" className=\"ds:shrink-0 ds:size-4\">{icon}</span>}\n        {children}\n        {badge && <span className=\"ds:shrink-0\">{badge}</span>}\n        {dismissible && (\n          // Visual-only dismiss indicator — pointer dismiss fires here; keyboard dismiss fires via Delete/Backspace on the trigger above.\n          // No role/tabIndex to avoid nested-interactive (interactive content inside <button> is invalid HTML).\n          <span\n            aria-hidden=\"true\"\n            className={cx(\n              'inline-flex items-center justify-center shrink-0',\n              'size-6 rounded-[var(--radius-sm)]',\n              'hover:bg-muted-foreground/20',\n            )}\n            onPointerDown={(e) => {\n              e.stopPropagation();\n              e.preventDefault();\n              onDismiss?.();\n            }}\n          >\n            <X className=\"ds:size-3.5\" />\n          </span>\n        )}\n      </TabsPrimitive.Trigger>\n    );\n  },\n);\nTabsTrigger.displayName = 'TabsTrigger';\n\n// ---------------------------------------------------------------------------\n// TabsContent\n// ---------------------------------------------------------------------------\n\nconst TabsContent = forwardRef<HTMLDivElement, TabsContentProps>(\n  ({ className, children, ...props }, ref) => (\n    <TabsPrimitive.Content\n      ref={ref}\n      className={cx(\n        'mt-[var(--spacing-sm)] outline-none',\n        'focus-visible:outline-[length:var(--focus-ring-width)] focus-visible:outline-solid',\n        'focus-visible:outline-ring focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </TabsPrimitive.Content>\n  ),\n);\nTabsContent.displayName = 'TabsContent';\n\n// ---------------------------------------------------------------------------\n// Compound export\n// ---------------------------------------------------------------------------\n\nexport const Tabs = Object.assign(TabsRoot, {\n  Root: TabsRoot,\n  List: TabsList,\n  Trigger: TabsTrigger,\n  Content: TabsContent,\n});\n\nexport { TabsList, TabsTrigger, TabsContent };\n\n","import type { AgentAdapter } from '../../agent/types';\n\nexport const tabsAgent: AgentAdapter<unknown> = {\n  id: 'tabs',\n  capabilities: ['select_single', 'navigate'],\n  state: {},\n  actions: {},\n  domHooks: {\n    root: { attr: 'data-component', value: 'tabs' },\n    item: {\n      attr: 'data-tab-id',\n      description: 'Each Tab.Trigger emits its value as data-tab-id. The agent reads this to identify the active tab via the DOM.',\n    },\n  },\n};\n"],"names":["tabsListVariants","cva","tabsTriggerVariants","TabsContext","createContext","TabsRoot","forwardRef","variant","size","orientation","overflow","className","children","valueProp","defaultValue","onValueChange","props","ref","rootRef","useRef","composedRef","composeRefs","dir","useDirection","isControlled","internalValue","setInternalValue","useState","value","setValue","useCallback","next","ctxValue","useMemo","jsx","TabsPrimitive","cx","TabsList","ariaLabel","useContext","t","useTranslation","listRef","overflowTabs","setOverflowTabs","isHorizontal","isDropdownOverflow","useEffect","el","detectOverflow","containerRight","hidden","tab","label","_a","ro","combinedRef","node","selectOptions","Children","child","isValidElement","triggerValue","labelChild","jsxs","Select","OverflowMenu","tabs","DropdownMenuPrimitive","ChevronDown","tabLabel","TabsTrigger","variantProp","sizeProp","orientationProp","icon","badge","dismissible","onDismiss","onKeyDown","ctx","handleKeyDown","e","X","TabsContent","Tabs","tabsAgent"],"mappings":"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"}