@alfadocs/ui-kit-debug 0.1.8 → 0.2.0

package/dist/_chunks/tabs-DaFA3Muo.js

@@ -0,0 +1,399 @@
+import { jsx as a, jsxs as C } from "react/jsx-runtime";
+import { forwardRef as S, useContext as P, useRef as O, useState as H, useEffect as M, useMemo as _, Children as Q, isValidElement as U, useCallback as W, createContext as Y } from "react";
+import * as V from "@radix-ui/react-tabs";
+import * as k from "@radix-ui/react-dropdown-menu";
+import { a as N, c as q } from "./index-D2ZczOXr.js";
+import { useTranslation as Z } from "react-i18next";
+import { u as K } from "./use-direction-D6rvvG9G.js";
+import { c as D } from "./compose-refs-C0k0tdqF.js";
+import { S as ee } from "./select-y6bXV1f1.js";
+import { X as te } from "./x-CCcI3eJp.js";
+import { u as se } from "./registry-C9nwlNyL.js";
+import { C as ae } from "./chevron-down-BX_NP2Yh.js";
+const re = {
+  id: "tabs",
+  capabilities: ["select_single", "navigate"],
+  state: {
+    activeTab: {
+      type: "string | null",
+      description: "Value of the currently-active tab.",
+      read: (o) => o.getActiveTab()
+    }
+  },
+  actions: {
+    select_tab: {
+      safety: "read",
+      argsType: "{ value: string }",
+      description: "Activate the tab with the given value.",
+      invoke: (o, s) => {
+        o.selectTab(s.value);
+      }
+    }
+  },
+  domHooks: {
+    root: { attr: "data-component", value: "tabs" },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop on Tabs.Root."
+    },
+    item: {
+      attr: "data-tab-id",
+      description: "Each Tab.Trigger emits its value as data-tab-id."
+    }
+  }
+}, B = q("ds:relative ds:flex", {
+  variants: {
+    variant: {
+      // Shadcn-style segmented control: light container, white active card
+      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: "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: "ds:items-center ds:bg-secondary ds:rounded-[var(--radius-md)] ds:p-1"
+    },
+    orientation: {
+      horizontal: "ds:flex-row ds:overflow-hidden",
+      vertical: "ds:flex-col"
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    orientation: "horizontal"
+  }
+}), X = q(
+  [
+    "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: [
+          "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: [
+          "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: [
+          "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: "ds:h-8 ds:px-[var(--spacing-sm)] ds:text-[length:var(--font-size-sm)]",
+        md: "ds:h-10 ds:px-[var(--spacing-md)] ds:text-[length:var(--font-size-base)]",
+        lg: "ds:h-12 ds:px-[var(--spacing-lg)] ds:text-[length:var(--font-size-lg)]"
+      },
+      orientation: {
+        horizontal: "",
+        vertical: "ds:w-full ds:justify-start"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "md",
+      orientation: "horizontal"
+    }
+  }
+), A = Y({
+  variant: "default",
+  size: "md",
+  orientation: "horizontal",
+  overflow: "dropdown",
+  value: "",
+  setValue: () => {
+  }
+}), L = S(
+  ({
+    variant: o = "default",
+    size: s = "md",
+    orientation: d = "horizontal",
+    overflow: n = "dropdown",
+    className: i,
+    children: u,
+    value: t,
+    defaultValue: p,
+    onValueChange: l,
+    id: f,
+    ...g
+  }, w) => {
+    const b = O(null), v = D(w, b), z = K(b), m = t !== void 0, [h, y] = H(
+      p ?? ""
+    ), r = m ? t ?? "" : h, e = W(
+      (T) => {
+        m || y(T), l == null || l(T);
+      },
+      [m, l]
+    ), x = _(
+      () => ({ variant: o, size: s, orientation: d, overflow: n, value: r, setValue: e }),
+      [o, s, d, n, r, e]
+    ), c = O(r);
+    M(() => {
+      c.current = r;
+    }, [r]);
+    const R = _(
+      () => ({
+        getActiveTab: () => c.current || null,
+        selectTab: (T) => e(T)
+      }),
+      [e]
+    );
+    return se(re, R, f), /* @__PURE__ */ a(A.Provider, { value: x, children: /* @__PURE__ */ a(
+      V.Root,
+      {
+        ref: v,
+        orientation: d,
+        dir: z,
+        value: r,
+        onValueChange: e,
+        id: f,
+        "data-component": "tabs",
+        "data-component-id": f,
+        className: N(
+          "ds:flex",
+          d === "vertical" ? "ds:flex-row ds:gap-[var(--spacing-md)]" : "ds:flex-col",
+          i
+        ),
+        ...g,
+        children: u
+      }
+    ) });
+  }
+);
+L.displayName = "Tabs";
+const $ = S(
+  ({ className: o, children: s, "aria-label": d, ...n }, i) => {
+    const { variant: u, size: t, orientation: p, overflow: l, value: f, setValue: g } = P(A), { t: w } = Z("ui"), b = O(null), [v, z] = H([]), m = p === "horizontal", h = l === "dropdown" && m;
+    M(() => {
+      if (!h) {
+        z([]);
+        return;
+      }
+      const e = b.current;
+      if (!e) return;
+      const x = () => {
+        const R = e.getBoundingClientRect().right, T = [];
+        e.querySelectorAll('[role="tab"]').forEach(
+          (j) => {
+            var E;
+            if (j.getBoundingClientRect().right > R + 2) {
+              const I = j.getAttribute("data-value") ?? j.dataset.value ?? "", J = ((E = j.textContent) == null ? void 0 : E.trim()) ?? I;
+              T.push({ value: I, label: J });
+            }
+          }
+        ), z(T);
+      }, c = new ResizeObserver(x);
+      return c.observe(e), x(), () => c.disconnect();
+    }, [h, s]);
+    const y = (e) => {
+      b.current = e, typeof i == "function" ? i(e) : i && (i.current = e);
+    }, r = _(() => l !== "select" ? [] : Q.toArray(s).filter(
+      (e) => U(e)
+    ).filter(
+      (e) => typeof e.props.value == "string" && e.props.value.length > 0
+    ).map((e) => {
+      const x = e.props.value, c = e.props.children, R = typeof c == "string" ? c : typeof c == "number" ? String(c) : x;
+      return { value: x, label: R };
+    }), [s, l]);
+    return l === "select" && m ? /* @__PURE__ */ C("div", { className: "ds:@container/tabs ds:relative ds:w-full", children: [
+      /* @__PURE__ */ a("div", { className: "ds:block ds:@md/tabs:hidden", children: /* @__PURE__ */ a(
+        ee,
+        {
+          options: r,
+          value: f,
+          onValueChange: (e) => {
+            typeof e == "string" && e.length > 0 && g(e);
+          },
+          size: t,
+          "aria-label": d ?? w("tabs.selectLabel")
+        }
+      ) }),
+      /* @__PURE__ */ a("div", { className: "ds:hidden ds:@md/tabs:flex ds:relative ds:items-center", children: /* @__PURE__ */ a(
+        V.List,
+        {
+          ref: y,
+          "aria-label": d,
+          className: B({ variant: u, orientation: p, className: o }),
+          ...n,
+          children: s
+        }
+      ) })
+    ] }) : /* @__PURE__ */ C("div", { className: "ds:relative ds:flex ds:items-center", children: [
+      /* @__PURE__ */ a(
+        V.List,
+        {
+          ref: y,
+          "aria-label": d,
+          className: B({ variant: u, orientation: p, className: o }),
+          ...n,
+          children: s
+        }
+      ),
+      h && v.length > 0 && /* @__PURE__ */ a(
+        oe,
+        {
+          tabs: v,
+          label: w("tabs.moreTabs"),
+          size: t
+        }
+      )
+    ] });
+  }
+);
+$.displayName = "TabsList";
+function oe({ tabs: o, label: s, size: d }) {
+  const { variant: n } = P(A);
+  return /* @__PURE__ */ C(k.Root, { children: [
+    /* @__PURE__ */ C(
+      k.Trigger,
+      {
+        className: N(
+          X({ variant: n, size: d, orientation: "horizontal" }),
+          "ds:shrink-0 ds:ms-1"
+        ),
+        "aria-label": s,
+        children: [
+          s,
+          /* @__PURE__ */ a(ae, { "aria-hidden": "true", className: "ds:size-4" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ a(k.Portal, { children: /* @__PURE__ */ a(
+      k.Content,
+      {
+        sideOffset: 4,
+        className: N(
+          "ds:z-50 ds:min-w-40 ds:overflow-hidden ds:rounded-[var(--radius-md)]",
+          "ds:border ds:border-border ds:bg-popover ds:p-1 ds:shadow-md",
+          "ds:data-[state=open]:animate-in ds:data-[state=closed]:animate-out",
+          "ds:data-[state=closed]:fade-out-0 ds:data-[state=open]:fade-in-0",
+          "ds:data-[state=closed]:zoom-out-95 ds:data-[state=open]:zoom-in-95"
+        ),
+        children: o.map(({ value: i, label: u }) => /* @__PURE__ */ a(
+          k.Item,
+          {
+            className: N(
+              "ds:relative ds:flex ds:cursor-pointer ds:select-none ds:items-center",
+              "ds:rounded-[var(--radius-sm)] ds:px-[var(--spacing-sm)] ds:py-[var(--spacing-xs)]",
+              "ds:text-[var(--font-size-sm)] ds:text-foreground ds:outline-none",
+              "ds:hover:bg-muted ds:focus:bg-muted",
+              "ds:data-[disabled]:pointer-events-none ds:data-[disabled]:opacity-50"
+            ),
+            onSelect: () => {
+              const t = document.querySelector(
+                `[role="tab"][data-value="${CSS.escape(i)}"]`
+              );
+              t == null || t.click(), t == null || t.scrollIntoView({ inline: "nearest" });
+            },
+            children: u
+          },
+          i
+        ))
+      }
+    ) })
+  ] });
+}
+const F = S(
+  ({
+    variant: o,
+    size: s,
+    orientation: d,
+    icon: n,
+    badge: i,
+    dismissible: u = !1,
+    onDismiss: t,
+    className: p,
+    children: l,
+    value: f,
+    onKeyDown: g,
+    ...w
+  }, b) => {
+    const v = P(A), z = o ?? v.variant, m = s ?? v.size, h = d ?? v.orientation, y = (r) => {
+      u && (r.key === "Delete" || r.key === "Backspace") && (r.preventDefault(), t == null || t()), g == null || g(r);
+    };
+    return /* @__PURE__ */ C(
+      V.Trigger,
+      {
+        ref: b,
+        value: f,
+        "data-value": f,
+        className: X({
+          variant: z,
+          size: m,
+          orientation: h,
+          className: p
+        }),
+        onKeyDown: y,
+        ...w,
+        children: [
+          n && /* @__PURE__ */ a("span", { "aria-hidden": "true", className: "ds:shrink-0 ds:size-4", children: n }),
+          l,
+          i && /* @__PURE__ */ a("span", { className: "ds:shrink-0", children: i }),
+          u && // 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(
+            "span",
+            {
+              "aria-hidden": "true",
+              className: N(
+                "ds:inline-flex ds:items-center ds:justify-center ds:shrink-0",
+                "ds:size-6 ds:rounded-[var(--radius-sm)]",
+                "ds:hover:bg-muted-foreground/20"
+              ),
+              onPointerDown: (r) => {
+                r.stopPropagation(), r.preventDefault(), t == null || t();
+              },
+              children: /* @__PURE__ */ a(te, { className: "ds:size-3.5" })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+F.displayName = "TabsTrigger";
+const G = S(
+  ({ className: o, children: s, ...d }, n) => /* @__PURE__ */ a(
+    V.Content,
+    {
+      ref: n,
+      className: N(
+        "ds:mt-[var(--spacing-sm)] ds:outline-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)]",
+        o
+      ),
+      ...d,
+      children: s
+    }
+  )
+);
+G.displayName = "TabsContent";
+const be = Object.assign(L, {
+  Root: L,
+  List: $,
+  Trigger: F,
+  Content: G
+});
+export {
+  be as T,
+  G as a,
+  $ as b,
+  F as c,
+  re as t
+};
+//# sourceMappingURL=tabs-DaFA3Muo.js.map

package/dist/_chunks/tabs-DaFA3Muo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs-DaFA3Muo.js","sources":["../../src/components/tabs/tabs.agent.ts","../../src/components/tabs/tabs.tsx"],"sourcesContent":["import type { AgentAdapter } from '../../agent/types';\nimport type { TabsHandle } from './tabs';\n\nexport const tabsAgent: AgentAdapter<TabsHandle> = {\n  id: 'tabs',\n  capabilities: ['select_single', 'navigate'],\n  state: {\n    activeTab: {\n      type: 'string | null',\n      description: 'Value of the currently-active tab.',\n      read: (handle) => handle.getActiveTab(),\n    },\n  },\n  actions: {\n    select_tab: {\n      safety: 'read',\n      argsType: '{ value: string }',\n      description: 'Activate the tab with the given value.',\n      invoke: (handle, args: { value: string }) => {\n        handle.selectTab(args.value);\n      },\n    },\n  },\n  domHooks: {\n    root: { attr: 'data-component', value: 'tabs' },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop on Tabs.Root.',\n    },\n    item: {\n      attr: 'data-tab-id',\n      description: 'Each Tab.Trigger emits its value as data-tab-id.',\n    },\n  },\n};\n","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';\nimport { useAgentRegistration } from '../../agent';\nimport { tabsAgent } from './tabs.agent';\n\n// ---------------------------------------------------------------------------\n// CVA recipes\n// ---------------------------------------------------------------------------\n\nexport const tabsListVariants = cva('ds:relative ds:flex', {\n  variants: {\n    variant: {\n      // Shadcn-style segmented control: light container, white active card\n      default:\n        '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:\n        '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:\n        '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\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-[length:var(--font-size-sm)]',\n        md: 'ds:h-10 ds:px-[var(--spacing-md)] ds:text-[length:var(--font-size-base)]',\n        lg: 'ds:h-12 ds:px-[var(--spacing-lg)] ds:text-[length: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\n// Curated agent-readiness handle — see tabs.agent.ts.\nexport interface TabsHandle {\n  getActiveTab: () => string | null;\n  selectTab: (value: string) => void;\n}\n\nexport interface TabsRootProps extends Omit<\n  ComponentPropsWithoutRef<typeof TabsPrimitive.Root>,\n  'orientation'\n> {\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<\n  typeof TabsPrimitive.List\n> {\n  'aria-label'?: string;\n}\n\nexport interface TabsTriggerProps\n  extends\n    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<\n  typeof TabsPrimitive.Content\n>;\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      id,\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>(\n      defaultValue ?? '',\n    );\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    // Agent handle — ref mirrors value for fresh reads.\n    const valueRef = useRef<string>(value);\n    useEffect(() => {\n      valueRef.current = value;\n    }, [value]);\n\n    const agentHandle = useMemo<TabsHandle>(\n      () => ({\n        getActiveTab: () => valueRef.current || null,\n        selectTab: (next) => setValue(next),\n      }),\n      [setValue],\n    );\n    useAgentRegistration(tabsAgent, agentHandle, id);\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          id={id}\n          data-component=\"tabs\"\n          data-component-id={id}\n          className={cx(\n            'ds:flex',\n            orientation === 'vertical'\n              ? 'ds:flex-row ds:gap-[var(--spacing-md)]'\n              : 'ds: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 } =\n      useContext(TabsContext);\n    const { t } = useTranslation('ui');\n\n    const listRef = useRef<HTMLDivElement>(null);\n    const [overflowTabs, setOverflowTabs] = useState<\n      { value: string; label: string }[]\n    >([]);\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(\n          (tab) => {\n            const rect = tab.getBoundingClientRect();\n            if (rect.right > containerRight + 2) {\n              const value =\n                tab.getAttribute('data-value') ?? tab.dataset['value'] ?? '';\n              const label = tab.textContent?.trim() ?? value;\n              hidden.push({ value, label });\n            }\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)\n        (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> =>\n          isValidElement(child),\n        )\n        .filter(\n          (child) =>\n            typeof child.props.value === 'string' &&\n            child.props.value.length > 0,\n        )\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\n            tabs={overflowTabs}\n            label={t('tabs.moreTabs')}\n            size={size}\n          />\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          'ds:shrink-0 ds: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            'ds:z-50 ds:min-w-40 ds:overflow-hidden ds:rounded-[var(--radius-md)]',\n            'ds:border ds:border-border ds:bg-popover ds:p-1 ds:shadow-md',\n            'ds:data-[state=open]:animate-in ds:data-[state=closed]:animate-out',\n            'ds:data-[state=closed]:fade-out-0 ds:data-[state=open]:fade-in-0',\n            'ds:data-[state=closed]:zoom-out-95 ds:data-[state=open]:zoom-in-95',\n          )}\n        >\n          {tabs.map(({ value, label: tabLabel }) => (\n            <DropdownMenuPrimitive.Item\n              key={value}\n              className={cx(\n                'ds:relative ds:flex ds:cursor-pointer ds:select-none ds:items-center',\n                'ds:rounded-[var(--radius-sm)] ds:px-[var(--spacing-sm)] ds:py-[var(--spacing-xs)]',\n                'ds:text-[var(--font-size-sm)] ds:text-foreground ds:outline-none',\n                'ds:hover:bg-muted ds:focus:bg-muted',\n                'ds:data-[disabled]:pointer-events-none ds: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({\n          variant,\n          size,\n          orientation,\n          className,\n        })}\n        onKeyDown={handleKeyDown}\n        {...props}\n      >\n        {icon && (\n          <span aria-hidden=\"true\" className=\"ds:shrink-0 ds:size-4\">\n            {icon}\n          </span>\n        )}\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              'ds:inline-flex ds:items-center ds:justify-center ds:shrink-0',\n              'ds:size-6 ds:rounded-[var(--radius-sm)]',\n              'ds: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        'ds:mt-[var(--spacing-sm)] ds:outline-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        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"],"names":["tabsAgent","handle","args","tabsListVariants","cva","tabsTriggerVariants","TabsContext","createContext","TabsRoot","forwardRef","variant","size","orientation","overflow","className","children","valueProp","defaultValue","onValueChange","id","props","ref","rootRef","useRef","composedRef","composeRefs","dir","useDirection","isControlled","internalValue","setInternalValue","useState","value","setValue","useCallback","next","ctxValue","useMemo","valueRef","useEffect","agentHandle","useAgentRegistration","jsx","TabsPrimitive","cx","TabsList","ariaLabel","useContext","t","useTranslation","listRef","overflowTabs","setOverflowTabs","isHorizontal","isDropdownOverflow","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"],"mappings":"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"}

package/dist/_chunks/{tag-BqidXKo3.js → tag-DuLMjRbF.js}

@@ -40,19 +40,67 @@ const V = B(
     },
     compoundVariants: [
       // Solid fills — foreground tokens adapt per theme
-      { fill: "solid", variant: "neutral", className: "ds:bg-muted/20 ds:text-muted-foreground" },
-      { fill: "solid", variant: "info", className: "ds:bg-info ds:text-[color:var(--info-solid-foreground)]" },
-      { fill: "solid", variant: "success", className: "ds:bg-success ds:text-[color:var(--success-solid-foreground)]" },
-      { fill: "solid", variant: "warning", className: "ds:bg-warning ds:text-foreground" },
-      { fill: "solid", variant: "error", className: "ds:bg-destructive ds:text-destructive-foreground" },
-      { fill: "solid", variant: "brand", className: "ds:bg-primary ds:text-primary-foreground" },
+      {
+        fill: "solid",
+        variant: "neutral",
+        className: "ds:bg-muted/20 ds:text-muted-foreground"
+      },
+      {
+        fill: "solid",
+        variant: "info",
+        className: "ds:bg-info ds:text-[color:var(--info-solid-foreground)]"
+      },
+      {
+        fill: "solid",
+        variant: "success",
+        className: "ds:bg-success ds:text-[color:var(--success-solid-foreground)]"
+      },
+      {
+        fill: "solid",
+        variant: "warning",
+        className: "ds:bg-warning ds:text-foreground"
+      },
+      {
+        fill: "solid",
+        variant: "error",
+        className: "ds:bg-destructive ds:text-destructive-foreground"
+      },
+      {
+        fill: "solid",
+        variant: "brand",
+        className: "ds:bg-primary ds:text-primary-foreground"
+      },
       // Outline fills
-      { fill: "outline", variant: "neutral", className: "ds:border-muted ds:text-muted-foreground" },
-      { fill: "outline", variant: "info", className: "ds:border-info ds:text-[var(--info-foreground)]" },
-      { fill: "outline", variant: "success", className: "ds:border-success ds:text-[var(--success-foreground)]" },
-      { fill: "outline", variant: "warning", className: "ds:border-warning ds:text-[var(--warning-foreground)]" },
-      { fill: "outline", variant: "error", className: "ds:border-destructive ds:text-[var(--error-foreground)]" },
-      { fill: "outline", variant: "brand", className: "ds:border-primary ds:text-primary" }
+      {
+        fill: "outline",
+        variant: "neutral",
+        className: "ds:border-muted ds:text-muted-foreground"
+      },
+      {
+        fill: "outline",
+        variant: "info",
+        className: "ds:border-info ds:text-[var(--info-foreground)]"
+      },
+      {
+        fill: "outline",
+        variant: "success",
+        className: "ds:border-success ds:text-[var(--success-foreground)]"
+      },
+      {
+        fill: "outline",
+        variant: "warning",
+        className: "ds:border-warning ds:text-[var(--warning-foreground)]"
+      },
+      {
+        fill: "outline",
+        variant: "error",
+        className: "ds:border-destructive ds:text-[var(--error-foreground)]"
+      },
+      {
+        fill: "outline",
+        variant: "brand",
+        className: "ds:border-primary ds:text-primary"
+      }
     ],
     defaultVariants: {
       variant: "neutral",
@@ -115,7 +163,14 @@ const V = B(
         N && !e ? "ds:hover:brightness-90 ds:cursor-pointer" : "",
         h ?? ""
       ].filter(Boolean).join(" ")
-    }), l = m ? /* @__PURE__ */ r("span", { "aria-hidden": "true", className: "ds:shrink-0 ds:inline-flex ds:items-center ds:[&>svg]:size-3.5", children: m }) : null, c = /* @__PURE__ */ r(
+    }), l = m ? /* @__PURE__ */ r(
+      "span",
+      {
+        "aria-hidden": "true",
+        className: "ds:shrink-0 ds:inline-flex ds:items-center ds:[&>svg]:size-3.5",
+        children: m
+      }
+    ) : null, c = /* @__PURE__ */ r(
       "span",
       {
         ref: y,
@@ -154,24 +209,27 @@ const V = B(
       return u ? /* @__PURE__ */ r(v, { label: n, children: s }) : s;
     }
     if (d) {
-      const s = /* @__PURE__ */ f(
-        "span",
-        {
-          ref: i,
-          role: "group",
-          "aria-label": n,
-          tabIndex: e ? -1 : 0,
-          "aria-disabled": e || void 0,
-          onKeyDown: W,
-          "data-component": "tag",
-          className: T,
-          children: [
-            A,
-            l,
-            c,
-            X
-          ]
-        }
+      const s = (
+        // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions -- removable tag is focusable as a group; Backspace/Delete keyboard removal handled via onKeyDown
+        /* @__PURE__ */ f(
+          "span",
+          {
+            ref: i,
+            role: "group",
+            "aria-label": n,
+            tabIndex: e ? -1 : 0,
+            "aria-disabled": e || void 0,
+            onKeyDown: W,
+            "data-component": "tag",
+            className: T,
+            children: [
+              A,
+              l,
+              c,
+              X
+            ]
+          }
+        )
       );
       return u ? /* @__PURE__ */ r(v, { label: n, children: s }) : s;
     }
@@ -194,4 +252,4 @@ M.displayName = "Tag";
 export {
   M as T
 };
-//# sourceMappingURL=tag-BqidXKo3.js.map
+//# sourceMappingURL=tag-DuLMjRbF.js.map