@purpur/library 9.0.6 → 9.0.8

package/dist/table.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./table-BNeo_B1h.js");exports.Table=e.Table;exports.createColumnHelper=e.createColumnHelper;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./table-TdOPMFoP.js");exports.Table=e.Table;exports.createColumnHelper=e.createColumnHelper;
 //# sourceMappingURL=table.cjs.js.map

package/dist/table.es.js

@@ -1,4 +1,4 @@
-import { T as r, c as l } from "./table-DvcpczWf.mjs";
+import { T as r, c as l } from "./table-D7qthqj_.mjs";
 export {
   r as Table,
   l as createColumnHelper

package/dist/tabs-Bye5lgZ1.mjs

@@ -0,0 +1,424 @@
+import { jsx as l, jsxs as M } from "react/jsx-runtime";
+import * as x from "react";
+import { forwardRef as X, isValidElement as wt, useRef as P, useState as $, Children as y, useEffect as N } from "react";
+import { b as Tt } from "./icon.es-CZcKxTaM.mjs";
+import { P as R, c as k, u as Ct } from "./index-DCcK_d4W.mjs";
+import { c as It } from "./index-DOfn3ixy.mjs";
+import { c as J, I as $t, R as xt } from "./index-IpWiejWQ.mjs";
+import { P as yt } from "./index-DDrLXRUs.mjs";
+import { u as Nt } from "./index-ByaXH_ih.mjs";
+import { u as Rt } from "./index-CEQ35j8b.mjs";
+import { c as V } from "./bind-CU-R61T-.mjs";
+const St = {
+  name: "chevron-left",
+  svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M16.175 3.905a.9.9 0 0 1-.08 1.27L8.36 12l7.736 6.825a.9.9 0 0 1-1.191 1.35l-8.5-7.5a.9.9 0 0 1 0-1.35l8.5-7.5a.9.9 0 0 1 1.27.08Z" clip-rule="evenodd"/></svg>',
+  keywords: ["chevron-left"],
+  category: "utility"
+}, Et = {
+  name: "chevron-right",
+  svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M7.809 3.924a.9.9 0 0 0 .115 1.267L16.094 12l-8.17 6.809a.9.9 0 0 0 1.152 1.382l9-7.5a.9.9 0 0 0 0-1.382l-9-7.5a.9.9 0 0 0-1.267.115Z" clip-rule="evenodd"/></svg>',
+  keywords: ["chevron-right"],
+  category: "utility"
+};
+var S = "Tabs", [At] = It(S, [
+  J
+]), Q = J(), [jt, z] = At(S), U = x.forwardRef(
+  (e, r) => {
+    const {
+      __scopeTabs: s,
+      value: a,
+      onValueChange: i,
+      defaultValue: u,
+      orientation: o = "horizontal",
+      dir: n,
+      activationMode: h = "automatic",
+      ...p
+    } = e, _ = Nt(n), [d, m] = Ct({
+      prop: a,
+      onChange: i,
+      defaultProp: u ?? "",
+      caller: S
+    });
+    return /* @__PURE__ */ l(
+      jt,
+      {
+        scope: s,
+        baseId: Rt(),
+        value: d,
+        onValueChange: m,
+        orientation: o,
+        dir: _,
+        activationMode: h,
+        children: /* @__PURE__ */ l(
+          R.div,
+          {
+            dir: _,
+            "data-orientation": o,
+            ...p,
+            ref: r
+          }
+        )
+      }
+    );
+  }
+);
+U.displayName = S;
+var Y = "TabsList", tt = x.forwardRef(
+  (e, r) => {
+    const { __scopeTabs: s, loop: a = !0, ...i } = e, u = z(Y, s), o = Q(s);
+    return /* @__PURE__ */ l(
+      xt,
+      {
+        asChild: !0,
+        ...o,
+        orientation: u.orientation,
+        dir: u.dir,
+        loop: a,
+        children: /* @__PURE__ */ l(
+          R.div,
+          {
+            role: "tablist",
+            "aria-orientation": u.orientation,
+            ...i,
+            ref: r
+          }
+        )
+      }
+    );
+  }
+);
+tt.displayName = Y;
+var et = "TabsTrigger", rt = x.forwardRef(
+  (e, r) => {
+    const { __scopeTabs: s, value: a, disabled: i = !1, ...u } = e, o = z(et, s), n = Q(s), h = ot(o.baseId, a), p = st(o.baseId, a), _ = a === o.value;
+    return /* @__PURE__ */ l(
+      $t,
+      {
+        asChild: !0,
+        ...n,
+        focusable: !i,
+        active: _,
+        children: /* @__PURE__ */ l(
+          R.button,
+          {
+            type: "button",
+            role: "tab",
+            "aria-selected": _,
+            "aria-controls": p,
+            "data-state": _ ? "active" : "inactive",
+            "data-disabled": i ? "" : void 0,
+            disabled: i,
+            id: h,
+            ...u,
+            ref: r,
+            onMouseDown: k(e.onMouseDown, (d) => {
+              !i && d.button === 0 && d.ctrlKey === !1 ? o.onValueChange(a) : d.preventDefault();
+            }),
+            onKeyDown: k(e.onKeyDown, (d) => {
+              [" ", "Enter"].includes(d.key) && o.onValueChange(a);
+            }),
+            onFocus: k(e.onFocus, () => {
+              const d = o.activationMode !== "manual";
+              !_ && !i && d && o.onValueChange(a);
+            })
+          }
+        )
+      }
+    );
+  }
+);
+rt.displayName = et;
+var nt = "TabsContent", at = x.forwardRef(
+  (e, r) => {
+    const { __scopeTabs: s, value: a, forceMount: i, children: u, ...o } = e, n = z(nt, s), h = ot(n.baseId, a), p = st(n.baseId, a), _ = a === n.value, d = x.useRef(_);
+    return x.useEffect(() => {
+      const m = requestAnimationFrame(() => d.current = !1);
+      return () => cancelAnimationFrame(m);
+    }, []), /* @__PURE__ */ l(yt, { present: i || _, children: ({ present: m }) => /* @__PURE__ */ l(
+      R.div,
+      {
+        "data-state": _ ? "active" : "inactive",
+        "data-orientation": n.orientation,
+        role: "tabpanel",
+        "aria-labelledby": h,
+        hidden: !m,
+        id: p,
+        tabIndex: 0,
+        ...o,
+        ref: r,
+        style: {
+          ...e.style,
+          animationDuration: d.current ? "0s" : void 0
+        },
+        children: m && u
+      }
+    ) });
+  }
+);
+at.displayName = nt;
+function ot(e, r) {
+  return `${e}-trigger-${r}`;
+}
+function st(e, r) {
+  return `${e}-content-${r}`;
+}
+var Lt = U, Dt = tt, Mt = rt, Pt = at;
+const kt = {
+  "purpur-tab-content": "_purpur-tab-content_1ugbi_1",
+  "purpur-tab-content--force-mount": "_purpur-tab-content--force-mount_1ugbi_15"
+}, Bt = V.bind(kt), Z = "purpur-tab-content", Vt = X(
+  ({ children: e, tabId: r, "data-testid": s, className: a, disableForceMount: i, ...u }, o) => /* @__PURE__ */ l(
+    Pt,
+    {
+      ref: o,
+      className: Bt(Z, a, {
+        [`${Z}--force-mount`]: !i
+      }),
+      "data-testid": s,
+      value: r,
+      forceMount: !i || void 0,
+      tabIndex: 0,
+      ...u,
+      children: e
+    }
+  )
+), zt = (e) => !!e && wt(e) && !!e.props.name && !!e.props.tabId, Ft = {
+  "purpur-tab-header": "_purpur-tab-header_1tc2s_1",
+  "purpur-tab-header--contained": "_purpur-tab-header--contained_1tc2s_36",
+  "purpur-tab-header--contained-negative": "_purpur-tab-header--contained-negative_1tc2s_36",
+  "purpur-tab-header--line": "_purpur-tab-header--line_1tc2s_39",
+  "purpur-tab-header--line-negative": "_purpur-tab-header--line-negative_1tc2s_51",
+  "purpur-tab-header--full-width": "_purpur-tab-header--full-width_1tc2s_100"
+}, Gt = V.bind(Ft), B = "purpur-tab-header", Kt = X(
+  ({
+    index: e,
+    tabId: r,
+    variant: s,
+    negative: a,
+    onFocus: i,
+    fullWidth: u,
+    "data-testid": o,
+    children: n
+  }, h) => /* @__PURE__ */ l(
+    Mt,
+    {
+      id: `${r}-trigger`,
+      className: Gt(B, `${B}--${s}${a ? "-negative" : ""}`, {
+        [`${B}--full-width`]: u
+      }),
+      value: r,
+      "data-testid": o,
+      "data-index": e,
+      ref: h,
+      onFocus: i,
+      children: n
+    }
+  )
+), Wt = {
+  "purpur-tabs__wrapper": "_purpur-tabs__wrapper_jv2vl_1",
+  "purpur-tabs__scroll-button": "_purpur-tabs__scroll-button_jv2vl_9",
+  "purpur-tabs__scroll-button--left": "_purpur-tabs__scroll-button--left_jv2vl_71",
+  "purpur-tabs__scroll-button--right": "_purpur-tabs__scroll-button--right_jv2vl_74",
+  "purpur-tabs__wrapper--scroll-start": "_purpur-tabs__wrapper--scroll-start_jv2vl_77",
+  "purpur-tabs__wrapper--scroll-end": "_purpur-tabs__wrapper--scroll-end_jv2vl_80",
+  "purpur-tabs--line": "_purpur-tabs--line_jv2vl_83",
+  "purpur-tabs--line-negative": "_purpur-tabs--line-negative_jv2vl_83",
+  "purpur-tabs__selected-border": "_purpur-tabs__selected-border_jv2vl_91",
+  "purpur-tabs__content-wrapper": "_purpur-tabs__content-wrapper_jv2vl_115",
+  "purpur-tabs--contained": "_purpur-tabs--contained_jv2vl_123",
+  "purpur-tabs__list": "_purpur-tabs__list_jv2vl_123",
+  "purpur-tabs--contained-negative": "_purpur-tabs--contained-negative_jv2vl_123",
+  "purpur-tabs__content-container": "_purpur-tabs__content-container_jv2vl_126",
+  "purpur-tabs--full-width": "_purpur-tabs--full-width_jv2vl_136"
+}, ae = ["line", "contained"], Ht = (e) => new CustomEvent("tabChangeDetail", { detail: { value: e } }), C = V.bind(Wt), b = "purpur-tabs", Ot = (e, r) => {
+  if (typeof e?.getBoundingClientRect != "function" || typeof r?.scroll != "function")
+    return;
+  const s = e.getBoundingClientRect(), a = r.getBoundingClientRect(), i = r.clientWidth, u = parseInt(getComputedStyle(r).borderLeftWidth?.split("px")[0], 10), o = a.left + (isNaN(u) ? 0 : u);
+  let n;
+  s.right > a.right && (n = s.left + r.scrollLeft, n = n + s.width - i + i * 0.1, n = n - o), s.left < a.left && (n = s.left + r.scrollLeft, n = n - i * 0.1, n = n - o), n !== void 0 && r.scroll({ left: n, behavior: "smooth" });
+}, qt = ({
+  children: e,
+  variant: r = "line",
+  negative: s = !1,
+  fullWidth: a = !1,
+  onChange: i,
+  className: u,
+  defaultValue: o,
+  animateHeight: n = !1,
+  "data-testid": h,
+  value: p,
+  ..._
+}) => {
+  const d = P(null), [m, it] = $(-1), [ct, F] = $({}), [lt, ut] = $(0), [dt, pt] = $(0), f = y.toArray(e).filter(zt), I = P(null), E = P(new Array(f.length)), G = 200, A = r === "line", _t = C(
+    b,
+    `${b}--${r}${s ? "-negative" : ""}`,
+    { [`${b}--full-width`]: a },
+    u
+  ), j = y.map(f, ({ props: { tabId: t } }) => t), bt = () => {
+    const t = j.findIndex((c) => c === o);
+    return t >= 0 ? t : 0;
+  }, [L, K] = $(bt), [ft, W] = $(
+    p ?? o ?? f[0].props.tabId
+  );
+  if (N(() => {
+    p && (W(p), K(f.findIndex((t) => t.props.tabId === p)));
+  }, [f, p]), new Set(j).size !== j.length)
+    throw new Error("tabId must be unique");
+  const D = (t, c) => c || h ? `${c || h}-${t}` : void 0, H = () => {
+    if (!A)
+      return;
+    const t = E.current[L];
+    ut(t?.offsetLeft || 0), pt(t?.getBoundingClientRect().width || 0);
+  }, O = (t) => {
+    W(t), A && !p && K(f.findIndex((c) => c.props.tabId === t)), i?.(Ht(t));
+  }, vt = (t) => {
+    if (I?.current) {
+      const { scrollLeft: c } = I.current, v = t === "left" ? -G : G;
+      I.current.scroll({ left: c + v, behavior: "smooth" });
+    }
+  }, q = ({ side: t }) => /* @__PURE__ */ l(
+    "button",
+    {
+      className: C(`${b}__scroll-button`, `${b}__scroll-button--${t}`),
+      onClick: () => vt(t),
+      type: "button",
+      "aria-hidden": "true",
+      tabIndex: -1,
+      "data-testid": D("scroll-button"),
+      children: /* @__PURE__ */ l(Tt, { svg: t === "left" ? St : Et, size: "md" })
+    }
+  );
+  N(() => {
+    const t = () => {
+      if (d.current && n) {
+        const v = d.current.offsetHeight;
+        it(v);
+      }
+    }, c = () => {
+      t(), H();
+    };
+    return t(), window.addEventListener("resize", c), () => {
+      window.removeEventListener("resize", c);
+    };
+  }, [L, n]), N(() => {
+    H();
+  }, [L, a, f.length, r]), N(() => {
+    const t = I.current;
+    if (!t) return;
+    const c = () => {
+      const { scrollLeft: v, scrollWidth: w, clientWidth: g } = t, T = w > g, ht = v <= 1, mt = v + g >= w - 1;
+      if (!T) {
+        F({});
+        return;
+      }
+      F({
+        [`${b}__wrapper--scroll-start`]: !ht,
+        [`${b}__wrapper--scroll-end`]: !mt
+      });
+    };
+    return c(), t.addEventListener("scroll", c, { passive: !0 }), window.addEventListener("resize", c), () => {
+      t.removeEventListener("scroll", c), window.removeEventListener("resize", c);
+    };
+  }, []);
+  const gt = (t) => {
+    const c = t.target, v = parseInt(c.dataset.index ?? "", 10);
+    if (isNaN(v)) return;
+    const w = f.length;
+    let g = null;
+    switch (t.key) {
+      case "ArrowRight":
+        g = (v + 1) % w;
+        break;
+      case "ArrowLeft":
+        g = (v - 1 + w) % w;
+        break;
+      case "Home":
+        g = 0;
+        break;
+      case "End":
+        g = w - 1;
+        break;
+    }
+    if (g !== null) {
+      const T = f[g].props.tabId;
+      O(T), E.current[g]?.focus();
+    }
+  };
+  return /* @__PURE__ */ l(
+    Lt,
+    {
+      defaultValue: o ?? f[0].props.tabId,
+      onValueChange: O,
+      "data-testid": h,
+      className: _t,
+      value: p ?? ft,
+      activationMode: "manual",
+      ..._,
+      children: /* @__PURE__ */ M("div", { className: C(`${b}__container`), children: [
+        /* @__PURE__ */ M("div", { className: C(`${b}__wrapper`, ct), children: [
+          /* @__PURE__ */ M(
+            Dt,
+            {
+              ref: (t) => {
+                I.current = t;
+              },
+              className: C(`${b}__list`),
+              onKeyDown: gt,
+              children: [
+                y.map(f, (t, c) => {
+                  const { name: v, tabId: w, "data-testid": g } = t.props;
+                  return /* @__PURE__ */ l(
+                    Kt,
+                    {
+                      "data-testid": D("header", g),
+                      index: c,
+                      tabId: w,
+                      ref: (T) => {
+                        T && (E.current[c] = T);
+                      },
+                      onFocus: (T) => {
+                        Ot(T.target, I.current);
+                      },
+                      variant: r,
+                      negative: s,
+                      fullWidth: a,
+                      children: v
+                    }
+                  );
+                }),
+                A && /* @__PURE__ */ l(
+                  "div",
+                  {
+                    className: C(`${b}__selected-border`),
+                    style: {
+                      width: dt,
+                      transform: `translateX(${lt}px)`
+                    },
+                    "data-testid": D("selected-border")
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ l(q, { side: "left" }),
+          /* @__PURE__ */ l(q, { side: "right" })
+        ] }),
+        /* @__PURE__ */ l(
+          "div",
+          {
+            className: n ? C(`${b}__content-wrapper`) : "",
+            style: { height: n && m > -1 ? `${m}px` : "auto" },
+            children: /* @__PURE__ */ l("div", { ref: d, className: C(`${b}__content-container`), children: y.map(f, (t) => t) })
+          }
+        )
+      ] })
+    }
+  );
+};
+qt.Content = Vt;
+export {
+  qt as T,
+  Ht as c,
+  ae as t
+};
+//# sourceMappingURL=tabs-Bye5lgZ1.mjs.map

package/dist/tabs-Bye5lgZ1.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs-Bye5lgZ1.mjs","sources":["../../../components/icon/dist/assets/chevron-left.es.js","../../../components/icon/dist/assets/chevron-right.es.js","../../../common/temp/node_modules/.pnpm/@radix-ui+react-tabs@1.1.13_@types+react-dom@19.2.3_@types+react@19.2.14__@types+react@_2ad0945e3cb98dc5bbfaaf29c105e977/node_modules/@radix-ui/react-tabs/dist/index.mjs","../../../components/tabs/src/tab-content.tsx","../../../components/tabs/src/tab-header.tsx","../../../components/tabs/src/tabs.utils.ts","../../../components/tabs/src/tabs.tsx"],"sourcesContent":["const e = {\n  name: \"chevron-left\",\n  svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M16.175 3.905a.9.9 0 0 1-.08 1.27L8.36 12l7.736 6.825a.9.9 0 0 1-1.191 1.35l-8.5-7.5a.9.9 0 0 1 0-1.35l8.5-7.5a.9.9 0 0 1 1.27.08Z\" clip-rule=\"evenodd\"/></svg>',\n  keywords: [\"chevron-left\"],\n  category: \"utility\"\n};\nexport {\n  e as chevronLeft\n};\n//# sourceMappingURL=chevron-left.es.js.map\n","const e = {\n  name: \"chevron-right\",\n  svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M7.809 3.924a.9.9 0 0 0 .115 1.267L16.094 12l-8.17 6.809a.9.9 0 0 0 1.152 1.382l9-7.5a.9.9 0 0 0 0-1.382l-9-7.5a.9.9 0 0 0-1.267.115Z\" clip-rule=\"evenodd\"/></svg>',\n  keywords: [\"chevron-right\"],\n  category: \"utility\"\n};\nexport {\n  e as chevronRight\n};\n//# sourceMappingURL=chevron-right.es.js.map\n","\"use client\";\n\n// src/tabs.tsx\nimport * as React from \"react\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { createContextScope } from \"@radix-ui/react-context\";\nimport { createRovingFocusGroupScope } from \"@radix-ui/react-roving-focus\";\nimport { Presence } from \"@radix-ui/react-presence\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport * as RovingFocusGroup from \"@radix-ui/react-roving-focus\";\nimport { useDirection } from \"@radix-ui/react-direction\";\nimport { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport { useId } from \"@radix-ui/react-id\";\nimport { jsx } from \"react/jsx-runtime\";\nvar TABS_NAME = \"Tabs\";\nvar [createTabsContext, createTabsScope] = createContextScope(TABS_NAME, [\n  createRovingFocusGroupScope\n]);\nvar useRovingFocusGroupScope = createRovingFocusGroupScope();\nvar [TabsProvider, useTabsContext] = createTabsContext(TABS_NAME);\nvar Tabs = React.forwardRef(\n  (props, forwardedRef) => {\n    const {\n      __scopeTabs,\n      value: valueProp,\n      onValueChange,\n      defaultValue,\n      orientation = \"horizontal\",\n      dir,\n      activationMode = \"automatic\",\n      ...tabsProps\n    } = props;\n    const direction = useDirection(dir);\n    const [value, setValue] = useControllableState({\n      prop: valueProp,\n      onChange: onValueChange,\n      defaultProp: defaultValue ?? \"\",\n      caller: TABS_NAME\n    });\n    return /* @__PURE__ */ jsx(\n      TabsProvider,\n      {\n        scope: __scopeTabs,\n        baseId: useId(),\n        value,\n        onValueChange: setValue,\n        orientation,\n        dir: direction,\n        activationMode,\n        children: /* @__PURE__ */ jsx(\n          Primitive.div,\n          {\n            dir: direction,\n            \"data-orientation\": orientation,\n            ...tabsProps,\n            ref: forwardedRef\n          }\n        )\n      }\n    );\n  }\n);\nTabs.displayName = TABS_NAME;\nvar TAB_LIST_NAME = \"TabsList\";\nvar TabsList = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeTabs, loop = true, ...listProps } = props;\n    const context = useTabsContext(TAB_LIST_NAME, __scopeTabs);\n    const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeTabs);\n    return /* @__PURE__ */ jsx(\n      RovingFocusGroup.Root,\n      {\n        asChild: true,\n        ...rovingFocusGroupScope,\n        orientation: context.orientation,\n        dir: context.dir,\n        loop,\n        children: /* @__PURE__ */ jsx(\n          Primitive.div,\n          {\n            role: \"tablist\",\n            \"aria-orientation\": context.orientation,\n            ...listProps,\n            ref: forwardedRef\n          }\n        )\n      }\n    );\n  }\n);\nTabsList.displayName = TAB_LIST_NAME;\nvar TRIGGER_NAME = \"TabsTrigger\";\nvar TabsTrigger = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeTabs, value, disabled = false, ...triggerProps } = props;\n    const context = useTabsContext(TRIGGER_NAME, __scopeTabs);\n    const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeTabs);\n    const triggerId = makeTriggerId(context.baseId, value);\n    const contentId = makeContentId(context.baseId, value);\n    const isSelected = value === context.value;\n    return /* @__PURE__ */ jsx(\n      RovingFocusGroup.Item,\n      {\n        asChild: true,\n        ...rovingFocusGroupScope,\n        focusable: !disabled,\n        active: isSelected,\n        children: /* @__PURE__ */ jsx(\n          Primitive.button,\n          {\n            type: \"button\",\n            role: \"tab\",\n            \"aria-selected\": isSelected,\n            \"aria-controls\": contentId,\n            \"data-state\": isSelected ? \"active\" : \"inactive\",\n            \"data-disabled\": disabled ? \"\" : void 0,\n            disabled,\n            id: triggerId,\n            ...triggerProps,\n            ref: forwardedRef,\n            onMouseDown: composeEventHandlers(props.onMouseDown, (event) => {\n              if (!disabled && event.button === 0 && event.ctrlKey === false) {\n                context.onValueChange(value);\n              } else {\n                event.preventDefault();\n              }\n            }),\n            onKeyDown: composeEventHandlers(props.onKeyDown, (event) => {\n              if ([\" \", \"Enter\"].includes(event.key)) context.onValueChange(value);\n            }),\n            onFocus: composeEventHandlers(props.onFocus, () => {\n              const isAutomaticActivation = context.activationMode !== \"manual\";\n              if (!isSelected && !disabled && isAutomaticActivation) {\n                context.onValueChange(value);\n              }\n            })\n          }\n        )\n      }\n    );\n  }\n);\nTabsTrigger.displayName = TRIGGER_NAME;\nvar CONTENT_NAME = \"TabsContent\";\nvar TabsContent = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeTabs, value, forceMount, children, ...contentProps } = props;\n    const context = useTabsContext(CONTENT_NAME, __scopeTabs);\n    const triggerId = makeTriggerId(context.baseId, value);\n    const contentId = makeContentId(context.baseId, value);\n    const isSelected = value === context.value;\n    const isMountAnimationPreventedRef = React.useRef(isSelected);\n    React.useEffect(() => {\n      const rAF = requestAnimationFrame(() => isMountAnimationPreventedRef.current = false);\n      return () => cancelAnimationFrame(rAF);\n    }, []);\n    return /* @__PURE__ */ jsx(Presence, { present: forceMount || isSelected, children: ({ present }) => /* @__PURE__ */ jsx(\n      Primitive.div,\n      {\n        \"data-state\": isSelected ? \"active\" : \"inactive\",\n        \"data-orientation\": context.orientation,\n        role: \"tabpanel\",\n        \"aria-labelledby\": triggerId,\n        hidden: !present,\n        id: contentId,\n        tabIndex: 0,\n        ...contentProps,\n        ref: forwardedRef,\n        style: {\n          ...props.style,\n          animationDuration: isMountAnimationPreventedRef.current ? \"0s\" : void 0\n        },\n        children: present && children\n      }\n    ) });\n  }\n);\nTabsContent.displayName = CONTENT_NAME;\nfunction makeTriggerId(baseId, value) {\n  return `${baseId}-trigger-${value}`;\n}\nfunction makeContentId(baseId, value) {\n  return `${baseId}-content-${value}`;\n}\nvar Root2 = Tabs;\nvar List = TabsList;\nvar Trigger = TabsTrigger;\nvar Content = TabsContent;\nexport {\n  Content,\n  List,\n  Root2 as Root,\n  Tabs,\n  TabsContent,\n  TabsList,\n  TabsTrigger,\n  Trigger,\n  createTabsScope\n};\n//# sourceMappingURL=index.mjs.map\n","import React, { forwardRef, isValidElement, type ReactElement, type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Content } from \"@radix-ui/react-tabs\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./tab-content.module.scss\";\n\nexport type TabContentProps = Omit<BaseProps, \"children\"> & {\n  /**\n   * Content to be rendered inside a `button` element.\n   * Only pass ReactNodes that are valid as children of a `button`, such as plain text,\n   * inline elements like `span` or other non-interactive elements. Avoid block-level or interactive elements.\n   */\n  name: ReactNode;\n  /**\n   * A unique ID that associates the tab with a content.\n   * */\n  tabId: string;\n  /**\n   * If true, the inactive tab content will not be rendered.\n   */\n  disableForceMount?: boolean;\n  children: ReactNode;\n};\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-tab-content\";\n\nexport const TabContent = forwardRef<HTMLDivElement, TabContentProps>(\n  ({ children, tabId, \"data-testid\": dataTestId, className, disableForceMount, ...props }, ref) => (\n    <Content\n      ref={ref}\n      className={cx(rootClassName, className, {\n        [`${rootClassName}--force-mount`]: !disableForceMount,\n      })}\n      data-testid={dataTestId}\n      value={tabId}\n      forceMount={!disableForceMount || undefined}\n      tabIndex={0}\n      {...props}\n    >\n      {children}\n    </Content>\n  )\n);\n\nexport const isTabContent = (child?: ReactNode): child is ReactElement<TabContentProps> =>\n  !!child && isValidElement<TabContentProps>(child) && !!child.props.name && !!child.props.tabId;\n","import React, {\n  type FocusEventHandler,\n  type ForwardedRef,\n  forwardRef,\n  type ReactNode,\n} from \"react\";\nimport { Trigger } from \"@radix-ui/react-tabs\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./tab-header.module.scss\";\nimport { type TabsVariant } from \"./tabs.utils\";\n\ntype TabHeaderProps = {\n  \"data-testid\"?: string;\n  index: number;\n  tabId: string;\n  variant: TabsVariant;\n  negative?: boolean;\n  onFocus: FocusEventHandler<HTMLButtonElement>;\n  fullWidth?: boolean;\n  children: ReactNode;\n};\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-tab-header\";\n\nexport const TabHeader = forwardRef(\n  <T extends HTMLButtonElement>(\n    {\n      index,\n      tabId,\n      variant,\n      negative,\n      onFocus,\n      fullWidth,\n      \"data-testid\": dataTestId,\n      children,\n    }: TabHeaderProps,\n    ref: ForwardedRef<T>\n  ) => (\n    <Trigger\n      id={`${tabId}-trigger`}\n      className={cx(rootClassName, `${rootClassName}--${variant}${negative ? \"-negative\" : \"\"}`, {\n        [`${rootClassName}--full-width`]: fullWidth,\n      })}\n      value={tabId}\n      data-testid={dataTestId}\n      data-index={index}\n      ref={ref}\n      onFocus={onFocus}\n    >\n      {children}\n    </Trigger>\n  )\n);\n","import type { FunctionComponent } from \"react\";\n\nimport type { TabContent } from \"./tab-content\";\n\nexport type TabsCmp<P> = FunctionComponent<P> & {\n  Content: typeof TabContent;\n};\n\nexport const tabsVariants = [\"line\", \"contained\"] as const;\n\nexport type TabsVariant = (typeof tabsVariants)[number];\n\nexport const createTabChangeDetailEvent = (value: string) =>\n  new CustomEvent<TabChangeDetail>(\"tabChangeDetail\", { detail: { value } });\n\nexport type TabChangeDetail = { value: string };\n","import React, {\n  Children,\n  type HTMLAttributes,\n  type ReactElement,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { Icon } from \"@purpur/icon\";\nimport { chevronLeft } from \"@purpur/icon/assets/chevron-left\";\nimport { chevronRight } from \"@purpur/icon/assets/chevron-right\";\nimport { List, Root } from \"@radix-ui/react-tabs\";\nimport c from \"classnames/bind\";\n\nimport { isTabContent, TabContent } from \"./tab-content\";\nimport { TabHeader } from \"./tab-header\";\nimport styles from \"./tabs.module.scss\";\nimport {\n  createTabChangeDetailEvent,\n  type TabChangeDetail,\n  type TabsCmp,\n  type TabsVariant,\n} from \"./tabs.utils\";\n\ntype TabsProps = {\n  children: Array<ReactElement<typeof TabContent>> | ReactElement<typeof TabContent>;\n  variant?: TabsVariant;\n  negative?: boolean;\n  fullWidth?: boolean;\n  /**\n   * The controlled value of the tabs. Must be used in conjunction with onChange.\n   */\n  value?: string;\n  /**\n   * Event handler called when the value changes.\n   * */\n  onChange?: (event: CustomEvent<TabChangeDetail>) => void;\n  defaultValue?: string;\n  /**\n   * When true, animates the height of the component when switching tabs.\n   * */\n  animateHeight?: boolean;\n  \"data-testid\"?: string;\n} & Pick<HTMLAttributes<HTMLDivElement>, \"style\" | \"className\">;\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-tabs\";\n\nconst scrollToTarget = (target: HTMLElement, tabList?: HTMLDivElement | null) => {\n  /**\n   * scroll may not be available in test runner, so check existence before\n   * proceeding. We can't use scrollIntoView() because Safari doesn't support\n   * it fully.\n   */\n  if (\n    typeof target?.getBoundingClientRect !== \"function\" ||\n    typeof tabList?.scroll !== \"function\"\n  ) {\n    return;\n  }\n\n  const targetRect = target.getBoundingClientRect();\n  const wrapperRect = tabList.getBoundingClientRect();\n  const wrapperWidth = tabList.clientWidth;\n  const wrapperOffset = parseInt(getComputedStyle(tabList).borderLeftWidth?.split(\"px\")[0], 10);\n  const offset = wrapperRect.left + (isNaN(wrapperOffset) ? 0 : wrapperOffset);\n  let left;\n\n  // Handle forward navigation\n  if (targetRect.right > wrapperRect.right) {\n    left = targetRect.left + tabList.scrollLeft;\n    left = left + targetRect.width - wrapperWidth + wrapperWidth * 0.1;\n    left = left - offset;\n  }\n\n  // Handle backwards navigation\n  if (targetRect.left < wrapperRect.left) {\n    left = targetRect.left + tabList.scrollLeft;\n    left = left - wrapperWidth * 0.1;\n    left = left - offset;\n  }\n\n  if (left !== undefined) {\n    tabList.scroll({ left, behavior: \"smooth\" });\n  }\n};\n\nexport const Tabs: TabsCmp<TabsProps> = ({\n  children,\n  variant = \"line\",\n  negative = false,\n  fullWidth = false,\n  onChange,\n  className,\n  defaultValue,\n  animateHeight = false,\n  \"data-testid\": dataTestId,\n  value,\n  ...props\n}) => {\n  const contentRef = useRef<HTMLDivElement | null>(null);\n  const [height, setHeight] = useState(-1);\n  const [scrollClasses, setScrollClasses] = useState<{ [key: string]: boolean }>({});\n  const [selectedTriggerOffset, setSelectedTriggerOffset] = useState(0);\n  const [selectedTriggerWidth, setSelectedTriggerWidth] = useState(0);\n  const tabContentChildren = Children.toArray(children).filter(isTabContent);\n  const tabList = useRef<HTMLDivElement>(null);\n  const tabChildren = useRef<HTMLButtonElement[]>(new Array(tabContentChildren.length));\n  const sideScrollAdjustmentSize = 200;\n  const isLineVariant = variant === \"line\";\n\n  const classNames = cx(\n    rootClassName,\n    `${rootClassName}--${variant}${negative ? \"-negative\" : \"\"}`,\n    { [`${rootClassName}--full-width`]: fullWidth },\n    className\n  );\n\n  const tabIds = Children.map(tabContentChildren, ({ props: { tabId } }) => tabId);\n\n  const getDefaultTabIndex = () => {\n    const defaultIndex = tabIds.findIndex((tabIndex) => tabIndex === defaultValue);\n    return defaultIndex >= 0 ? defaultIndex : 0;\n  };\n\n  const [activeIndex, setActiveIndex] = useState(getDefaultTabIndex);\n\n  // Internal active tab ID — keeps Radix always controlled so our keydown handler\n  // can activate tabs directly without relying on Radix's mouse/focus events.\n  const [activeTabId, setActiveTabId] = useState<string>(\n    value ?? defaultValue ?? tabContentChildren[0].props.tabId\n  );\n\n  useEffect(() => {\n    if (value) {\n      setActiveTabId(value);\n      setActiveIndex(tabContentChildren.findIndex((child) => child.props.tabId === value));\n    }\n  }, [tabContentChildren, value]);\n\n  if (new Set(tabIds).size !== tabIds.length) {\n    throw new Error(\"tabId must be unique\");\n  }\n\n  const getTestId = (name: string, id?: string) =>\n    id || dataTestId ? `${id || dataTestId}-${name}` : undefined;\n\n  const handleLinePosition = () => {\n    if (!isLineVariant) {\n      return;\n    }\n\n    const activeTabElement = tabChildren.current[activeIndex];\n\n    setSelectedTriggerOffset(activeTabElement?.offsetLeft || 0);\n    setSelectedTriggerWidth(activeTabElement?.getBoundingClientRect().width || 0);\n  };\n\n  const handleTabChange = (_value: string) => {\n    setActiveTabId(_value);\n    if (isLineVariant && !value) {\n      setActiveIndex(tabContentChildren.findIndex((child) => child.props.tabId === _value));\n    }\n    onChange?.(createTabChangeDetailEvent(_value));\n  };\n\n  const handleScrollButtonClick = (side: \"left\" | \"right\") => {\n    if (tabList?.current) {\n      const { scrollLeft } = tabList.current;\n      const modifier = side === \"left\" ? -sideScrollAdjustmentSize : sideScrollAdjustmentSize;\n\n      tabList.current.scroll({ left: scrollLeft + modifier, behavior: \"smooth\" });\n    }\n  };\n\n  const ScrollButton = ({ side }: { side: \"left\" | \"right\" }) => (\n    <button\n      className={cx(`${rootClassName}__scroll-button`, `${rootClassName}__scroll-button--${side}`)}\n      onClick={() => handleScrollButtonClick(side)}\n      type=\"button\"\n      aria-hidden=\"true\"\n      tabIndex={-1}\n      data-testid={getTestId(\"scroll-button\")}\n    >\n      <Icon svg={side === \"left\" ? chevronLeft : chevronRight} size=\"md\" />\n    </button>\n  );\n\n  useEffect(() => {\n    const setNewHeight = () => {\n      if (contentRef.current && animateHeight) {\n        const newHeight = contentRef.current.offsetHeight;\n        setHeight(newHeight);\n      }\n    };\n\n    const handleResize = () => {\n      setNewHeight();\n      handleLinePosition();\n    };\n\n    setNewHeight();\n\n    window.addEventListener(\"resize\", handleResize);\n\n    return () => {\n      window.removeEventListener(\"resize\", handleResize);\n    };\n  }, [activeIndex, animateHeight]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  useEffect(() => {\n    handleLinePosition();\n  }, [activeIndex, fullWidth, tabContentChildren.length, variant]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  useEffect(() => {\n    const root = tabList.current;\n    if (!root) return;\n\n    const updateScrollState = () => {\n      const { scrollLeft, scrollWidth, clientWidth } = root;\n\n      const canScroll = scrollWidth > clientWidth;\n      const atStart = scrollLeft <= 1;\n      const atEnd = scrollLeft + clientWidth >= scrollWidth - 1;\n\n      if (!canScroll) {\n        setScrollClasses({});\n        return;\n      }\n\n      setScrollClasses({\n        [`${rootClassName}__wrapper--scroll-start`]: !atStart,\n        [`${rootClassName}__wrapper--scroll-end`]: !atEnd,\n      });\n    };\n\n    updateScrollState();\n\n    root.addEventListener(\"scroll\", updateScrollState, { passive: true });\n    window.addEventListener(\"resize\", updateScrollState);\n\n    return () => {\n      root.removeEventListener(\"scroll\", updateScrollState);\n      window.removeEventListener(\"resize\", updateScrollState);\n    };\n  }, []);\n\n  const handleTabListKeyDown = (e: React.KeyboardEvent) => {\n    const target = e.target as HTMLElement;\n    const currentIndex = parseInt(target.dataset.index ?? \"\", 10);\n    if (isNaN(currentIndex)) return;\n\n    const total = tabContentChildren.length;\n    let nextIndex: number | null = null;\n\n    switch (e.key) {\n      case \"ArrowRight\":\n        nextIndex = (currentIndex + 1) % total;\n        break;\n      case \"ArrowLeft\":\n        nextIndex = (currentIndex - 1 + total) % total;\n        break;\n      case \"Home\":\n        nextIndex = 0;\n        break;\n      case \"End\":\n        nextIndex = total - 1;\n        break;\n    }\n\n    if (nextIndex !== null) {\n      const nextTabId = tabContentChildren[nextIndex].props.tabId;\n      handleTabChange(nextTabId);\n      tabChildren.current[nextIndex]?.focus();\n    }\n  };\n\n  return (\n    <Root\n      defaultValue={defaultValue ?? tabContentChildren[0].props.tabId}\n      onValueChange={handleTabChange}\n      data-testid={dataTestId}\n      className={classNames}\n      value={value ?? activeTabId}\n      activationMode=\"manual\"\n      {...props}\n    >\n      <div className={cx(`${rootClassName}__container`)}>\n        <div className={cx(`${rootClassName}__wrapper`, scrollClasses)}>\n          <List\n            ref={(el) => {\n              tabList.current = el;\n            }}\n            className={cx(`${rootClassName}__list`)}\n            onKeyDown={handleTabListKeyDown}\n          >\n            {Children.map(tabContentChildren, (child, index) => {\n              const { name, tabId, \"data-testid\": childDataTestId } = child.props;\n              return (\n                <TabHeader\n                  data-testid={getTestId(\"header\", childDataTestId)}\n                  index={index}\n                  tabId={tabId}\n                  ref={(el) => {\n                    if (el) {\n                      tabChildren.current[index] = el;\n                    }\n                  }}\n                  onFocus={(e) => {\n                    scrollToTarget(e.target as HTMLElement, tabList.current);\n                  }}\n                  variant={variant}\n                  negative={negative}\n                  fullWidth={fullWidth}\n                >\n                  {name}\n                </TabHeader>\n              );\n            })}\n            {isLineVariant && (\n              <div\n                className={cx(`${rootClassName}__selected-border`)}\n                style={{\n                  width: selectedTriggerWidth,\n                  transform: `translateX(${selectedTriggerOffset}px)`,\n                }}\n                data-testid={getTestId(\"selected-border\")}\n              />\n            )}\n          </List>\n          <ScrollButton side=\"left\" />\n          <ScrollButton side=\"right\" />\n        </div>\n        <div\n          className={animateHeight ? cx(`${rootClassName}__content-wrapper`) : \"\"}\n          style={{ height: animateHeight && height > -1 ? `${height}px` : \"auto\" }}\n        >\n          <div ref={contentRef} className={cx(`${rootClassName}__content-container`)}>\n            {Children.map(tabContentChildren, (child) => child)}\n          </div>\n        </div>\n      </div>\n    </Root>\n  );\n};\n\nTabs.Content = TabContent;\n\nexport * from \"./tabs.utils\";\n"],"names":["e","TABS_NAME","createTabsContext","createContextScope","createRovingFocusGroupScope","useRovingFocusGroupScope","TabsProvider","useTabsContext","Tabs","React","props","forwardedRef","__scopeTabs","valueProp","onValueChange","defaultValue","orientation","dir","activationMode","tabsProps","direction","useDirection","value","setValue","useControllableState","jsx","useId","Primitive","TAB_LIST_NAME","TabsList","loop","listProps","context","rovingFocusGroupScope","RovingFocusGroup.Root","TRIGGER_NAME","TabsTrigger","disabled","triggerProps","triggerId","makeTriggerId","contentId","makeContentId","isSelected","RovingFocusGroup.Item","composeEventHandlers","event","isAutomaticActivation","CONTENT_NAME","TabsContent","forceMount","children","contentProps","isMountAnimationPreventedRef","rAF","Presence","present","baseId","Root2","List","Trigger","Content","cx","c","styles","rootClassName","TabContent","forwardRef","tabId","dataTestId","className","disableForceMount","ref","isTabContent","child","isValidElement","TabHeader","index","variant","negative","onFocus","fullWidth","tabsVariants","createTabChangeDetailEvent","scrollToTarget","target","tabList","targetRect","wrapperRect","wrapperWidth","wrapperOffset","offset","left","onChange","animateHeight","contentRef","useRef","height","setHeight","useState","scrollClasses","setScrollClasses","selectedTriggerOffset","setSelectedTriggerOffset","selectedTriggerWidth","setSelectedTriggerWidth","tabContentChildren","Children","tabChildren","sideScrollAdjustmentSize","isLineVariant","classNames","tabIds","getDefaultTabIndex","defaultIndex","tabIndex","activeIndex","setActiveIndex","activeTabId","setActiveTabId","useEffect","getTestId","name","id","handleLinePosition","activeTabElement","handleTabChange","_value","handleScrollButtonClick","side","scrollLeft","modifier","ScrollButton","Icon","chevronLeft","chevronRight","setNewHeight","newHeight","handleResize","root","updateScrollState","scrollWidth","clientWidth","canScroll","atStart","atEnd","handleTabListKeyDown","currentIndex","total","nextIndex","nextTabId","Root","jsxs","el","childDataTestId"],"mappings":"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","x_google_ignoreList":[2]}

package/dist/tabs-D-nfZHIA.js

@@ -0,0 +1,2 @@
+"use strict";const l=require("react/jsx-runtime"),u=require("react"),ve=require("./icon.es-j3eRib6d.js"),j=require("./index-DlMXYAr3.js"),ge=require("./index-kcwFA4Dv.js"),y=require("./index-BVmlsxuF.js"),he=require("./index-CleLBinl.js"),me=require("./index-Cje7xxa1.js"),we=require("./index-BtWPC8xc.js"),P=require("./bind-DeUYJ6m9.js");function xe(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const a in t)if(a!=="default"){const n=Object.getOwnPropertyDescriptor(t,a);Object.defineProperty(r,a,n.get?n:{enumerable:!0,get:()=>t[a]})}}return r.default=t,Object.freeze(r)}const I=xe(u),Ce={name:"chevron-left",svg:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M16.175 3.905a.9.9 0 0 1-.08 1.27L8.36 12l7.736 6.825a.9.9 0 0 1-1.191 1.35l-8.5-7.5a.9.9 0 0 1 0-1.35l8.5-7.5a.9.9 0 0 1 1.27.08Z" clip-rule="evenodd"/></svg>',keywords:["chevron-left"],category:"utility"},Te={name:"chevron-right",svg:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M7.809 3.924a.9.9 0 0 0 .115 1.267L16.094 12l-8.17 6.809a.9.9 0 0 0 1.152 1.382l9-7.5a.9.9 0 0 0 0-1.382l-9-7.5a.9.9 0 0 0-1.267.115Z" clip-rule="evenodd"/></svg>',keywords:["chevron-right"],category:"utility"};var S="Tabs",[je]=ge.createContextScope(S,[y.createRovingFocusGroupScope]),H=y.createRovingFocusGroupScope(),[$e,M]=je(S),K=I.forwardRef((t,r)=>{const{__scopeTabs:a,value:n,onValueChange:i,defaultValue:d,orientation:o="horizontal",dir:s,activationMode:m="automatic",..._}=t,b=me.useDirection(s),[p,w]=j.useControllableState({prop:n,onChange:i,defaultProp:d??"",caller:S});return l.jsx($e,{scope:a,baseId:we.useId(),value:p,onValueChange:w,orientation:o,dir:b,activationMode:m,children:l.jsx(j.Primitive.div,{dir:b,"data-orientation":o,..._,ref:r})})});K.displayName=S;var W="TabsList",Z=I.forwardRef((t,r)=>{const{__scopeTabs:a,loop:n=!0,...i}=t,d=M(W,a),o=H(a);return l.jsx(y.Root,{asChild:!0,...o,orientation:d.orientation,dir:d.dir,loop:n,children:l.jsx(j.Primitive.div,{role:"tablist","aria-orientation":d.orientation,...i,ref:r})})});Z.displayName=W;var X="TabsTrigger",J=I.forwardRef((t,r)=>{const{__scopeTabs:a,value:n,disabled:i=!1,...d}=t,o=M(X,a),s=H(a),m=Y(o.baseId,n),_=ee(o.baseId,n),b=n===o.value;return l.jsx(y.Item,{asChild:!0,...s,focusable:!i,active:b,children:l.jsx(j.Primitive.button,{type:"button",role:"tab","aria-selected":b,"aria-controls":_,"data-state":b?"active":"inactive","data-disabled":i?"":void 0,disabled:i,id:m,...d,ref:r,onMouseDown:j.composeEventHandlers(t.onMouseDown,p=>{!i&&p.button===0&&p.ctrlKey===!1?o.onValueChange(n):p.preventDefault()}),onKeyDown:j.composeEventHandlers(t.onKeyDown,p=>{[" ","Enter"].includes(p.key)&&o.onValueChange(n)}),onFocus:j.composeEventHandlers(t.onFocus,()=>{const p=o.activationMode!=="manual";!b&&!i&&p&&o.onValueChange(n)})})})});J.displayName=X;var Q="TabsContent",U=I.forwardRef((t,r)=>{const{__scopeTabs:a,value:n,forceMount:i,children:d,...o}=t,s=M(Q,a),m=Y(s.baseId,n),_=ee(s.baseId,n),b=n===s.value,p=I.useRef(b);return I.useEffect(()=>{const w=requestAnimationFrame(()=>p.current=!1);return()=>cancelAnimationFrame(w)},[]),l.jsx(he.Presence,{present:i||b,children:({present:w})=>l.jsx(j.Primitive.div,{"data-state":b?"active":"inactive","data-orientation":s.orientation,role:"tabpanel","aria-labelledby":m,hidden:!w,id:_,tabIndex:0,...o,ref:r,style:{...t.style,animationDuration:p.current?"0s":void 0},children:w&&d})})});U.displayName=Q;function Y(t,r){return`${t}-trigger-${r}`}function ee(t,r){return`${t}-content-${r}`}var Ie=K,ye=Z,Se=J,Ne=U;const Re={"purpur-tab-content":"_purpur-tab-content_1ugbi_1","purpur-tab-content--force-mount":"_purpur-tab-content--force-mount_1ugbi_15"},Ee=P.c.bind(Re),G="purpur-tab-content",Ae=u.forwardRef(({children:t,tabId:r,"data-testid":a,className:n,disableForceMount:i,...d},o)=>l.jsx(Ne,{ref:o,className:Ee(G,n,{[`${G}--force-mount`]:!i}),"data-testid":a,value:r,forceMount:!i||void 0,tabIndex:0,...d,children:t})),Le=t=>!!t&&u.isValidElement(t)&&!!t.props.name&&!!t.props.tabId,De={"purpur-tab-header":"_purpur-tab-header_1tc2s_1","purpur-tab-header--contained":"_purpur-tab-header--contained_1tc2s_36","purpur-tab-header--contained-negative":"_purpur-tab-header--contained-negative_1tc2s_36","purpur-tab-header--line":"_purpur-tab-header--line_1tc2s_39","purpur-tab-header--line-negative":"_purpur-tab-header--line-negative_1tc2s_51","purpur-tab-header--full-width":"_purpur-tab-header--full-width_1tc2s_100"},Pe=P.c.bind(De),D="purpur-tab-header",Me=u.forwardRef(({index:t,tabId:r,variant:a,negative:n,onFocus:i,fullWidth:d,"data-testid":o,children:s},m)=>l.jsx(Se,{id:`${r}-trigger`,className:Pe(D,`${D}--${a}${n?"-negative":""}`,{[`${D}--full-width`]:d}),value:r,"data-testid":o,"data-index":t,ref:m,onFocus:i,children:s})),ke={"purpur-tabs__wrapper":"_purpur-tabs__wrapper_jv2vl_1","purpur-tabs__scroll-button":"_purpur-tabs__scroll-button_jv2vl_9","purpur-tabs__scroll-button--left":"_purpur-tabs__scroll-button--left_jv2vl_71","purpur-tabs__scroll-button--right":"_purpur-tabs__scroll-button--right_jv2vl_74","purpur-tabs__wrapper--scroll-start":"_purpur-tabs__wrapper--scroll-start_jv2vl_77","purpur-tabs__wrapper--scroll-end":"_purpur-tabs__wrapper--scroll-end_jv2vl_80","purpur-tabs--line":"_purpur-tabs--line_jv2vl_83","purpur-tabs--line-negative":"_purpur-tabs--line-negative_jv2vl_83","purpur-tabs__selected-border":"_purpur-tabs__selected-border_jv2vl_91","purpur-tabs__content-wrapper":"_purpur-tabs__content-wrapper_jv2vl_115","purpur-tabs--contained":"_purpur-tabs--contained_jv2vl_123","purpur-tabs__list":"_purpur-tabs__list_jv2vl_123","purpur-tabs--contained-negative":"_purpur-tabs--contained-negative_jv2vl_123","purpur-tabs__content-container":"_purpur-tabs__content-container_jv2vl_126","purpur-tabs--full-width":"_purpur-tabs--full-width_jv2vl_136"},qe=["line","contained"],te=t=>new CustomEvent("tabChangeDetail",{detail:{value:t}}),T=P.c.bind(ke),f="purpur-tabs",Ve=(t,r)=>{if(typeof t?.getBoundingClientRect!="function"||typeof r?.scroll!="function")return;const a=t.getBoundingClientRect(),n=r.getBoundingClientRect(),i=r.clientWidth,d=parseInt(getComputedStyle(r).borderLeftWidth?.split("px")[0],10),o=n.left+(isNaN(d)?0:d);let s;a.right>n.right&&(s=a.left+r.scrollLeft,s=s+a.width-i+i*.1,s=s-o),a.left<n.left&&(s=a.left+r.scrollLeft,s=s-i*.1,s=s-o),s!==void 0&&r.scroll({left:s,behavior:"smooth"})},re=({children:t,variant:r="line",negative:a=!1,fullWidth:n=!1,onChange:i,className:d,defaultValue:o,animateHeight:s=!1,"data-testid":m,value:_,...b})=>{const p=u.useRef(null),[w,ne]=u.useState(-1),[se,k]=u.useState({}),[ae,oe]=u.useState(0),[ie,ce]=u.useState(0),v=u.Children.toArray(t).filter(Le),$=u.useRef(null),N=u.useRef(new Array(v.length)),q=200,R=r==="line",le=T(f,`${f}--${r}${a?"-negative":""}`,{[`${f}--full-width`]:n},d),E=u.Children.map(v,({props:{tabId:e}})=>e),ue=()=>{const e=E.findIndex(c=>c===o);return e>=0?e:0},[A,V]=u.useState(ue),[de,z]=u.useState(_??o??v[0].props.tabId);if(u.useEffect(()=>{_&&(z(_),V(v.findIndex(e=>e.props.tabId===_)))},[v,_]),new Set(E).size!==E.length)throw new Error("tabId must be unique");const L=(e,c)=>c||m?`${c||m}-${e}`:void 0,B=()=>{if(!R)return;const e=N.current[A];oe(e?.offsetLeft||0),ce(e?.getBoundingClientRect().width||0)},F=e=>{z(e),R&&!_&&V(v.findIndex(c=>c.props.tabId===e)),i?.(te(e))},pe=e=>{if($?.current){const{scrollLeft:c}=$.current,g=e==="left"?-q:q;$.current.scroll({left:c+g,behavior:"smooth"})}},O=({side:e})=>l.jsx("button",{className:T(`${f}__scroll-button`,`${f}__scroll-button--${e}`),onClick:()=>pe(e),type:"button","aria-hidden":"true",tabIndex:-1,"data-testid":L("scroll-button"),children:l.jsx(ve.b,{svg:e==="left"?Ce:Te,size:"md"})});u.useEffect(()=>{const e=()=>{if(p.current&&s){const g=p.current.offsetHeight;ne(g)}},c=()=>{e(),B()};return e(),window.addEventListener("resize",c),()=>{window.removeEventListener("resize",c)}},[A,s]),u.useEffect(()=>{B()},[A,n,v.length,r]),u.useEffect(()=>{const e=$.current;if(!e)return;const c=()=>{const{scrollLeft:g,scrollWidth:x,clientWidth:h}=e,C=x>h,be=g<=1,fe=g+h>=x-1;if(!C){k({});return}k({[`${f}__wrapper--scroll-start`]:!be,[`${f}__wrapper--scroll-end`]:!fe})};return c(),e.addEventListener("scroll",c,{passive:!0}),window.addEventListener("resize",c),()=>{e.removeEventListener("scroll",c),window.removeEventListener("resize",c)}},[]);const _e=e=>{const c=e.target,g=parseInt(c.dataset.index??"",10);if(isNaN(g))return;const x=v.length;let h=null;switch(e.key){case"ArrowRight":h=(g+1)%x;break;case"ArrowLeft":h=(g-1+x)%x;break;case"Home":h=0;break;case"End":h=x-1;break}if(h!==null){const C=v[h].props.tabId;F(C),N.current[h]?.focus()}};return l.jsx(Ie,{defaultValue:o??v[0].props.tabId,onValueChange:F,"data-testid":m,className:le,value:_??de,activationMode:"manual",...b,children:l.jsxs("div",{className:T(`${f}__container`),children:[l.jsxs("div",{className:T(`${f}__wrapper`,se),children:[l.jsxs(ye,{ref:e=>{$.current=e},className:T(`${f}__list`),onKeyDown:_e,children:[u.Children.map(v,(e,c)=>{const{name:g,tabId:x,"data-testid":h}=e.props;return l.jsx(Me,{"data-testid":L("header",h),index:c,tabId:x,ref:C=>{C&&(N.current[c]=C)},onFocus:C=>{Ve(C.target,$.current)},variant:r,negative:a,fullWidth:n,children:g})}),R&&l.jsx("div",{className:T(`${f}__selected-border`),style:{width:ie,transform:`translateX(${ae}px)`},"data-testid":L("selected-border")})]}),l.jsx(O,{side:"left"}),l.jsx(O,{side:"right"})]}),l.jsx("div",{className:s?T(`${f}__content-wrapper`):"",style:{height:s&&w>-1?`${w}px`:"auto"},children:l.jsx("div",{ref:p,className:T(`${f}__content-container`),children:u.Children.map(v,e=>e)})})]})})};re.Content=Ae;exports.Tabs=re;exports.createTabChangeDetailEvent=te;exports.tabsVariants=qe;
+//# sourceMappingURL=tabs-D-nfZHIA.js.map

package/dist/tabs-D-nfZHIA.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs-D-nfZHIA.js","sources":["../../../components/icon/dist/assets/chevron-left.es.js","../../../components/icon/dist/assets/chevron-right.es.js","../../../common/temp/node_modules/.pnpm/@radix-ui+react-tabs@1.1.13_@types+react-dom@19.2.3_@types+react@19.2.14__@types+react@_2ad0945e3cb98dc5bbfaaf29c105e977/node_modules/@radix-ui/react-tabs/dist/index.mjs","../../../components/tabs/src/tab-content.tsx","../../../components/tabs/src/tab-header.tsx","../../../components/tabs/src/tabs.utils.ts","../../../components/tabs/src/tabs.tsx"],"sourcesContent":["const e = {\n  name: \"chevron-left\",\n  svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M16.175 3.905a.9.9 0 0 1-.08 1.27L8.36 12l7.736 6.825a.9.9 0 0 1-1.191 1.35l-8.5-7.5a.9.9 0 0 1 0-1.35l8.5-7.5a.9.9 0 0 1 1.27.08Z\" clip-rule=\"evenodd\"/></svg>',\n  keywords: [\"chevron-left\"],\n  category: \"utility\"\n};\nexport {\n  e as chevronLeft\n};\n//# sourceMappingURL=chevron-left.es.js.map\n","const e = {\n  name: \"chevron-right\",\n  svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M7.809 3.924a.9.9 0 0 0 .115 1.267L16.094 12l-8.17 6.809a.9.9 0 0 0 1.152 1.382l9-7.5a.9.9 0 0 0 0-1.382l-9-7.5a.9.9 0 0 0-1.267.115Z\" clip-rule=\"evenodd\"/></svg>',\n  keywords: [\"chevron-right\"],\n  category: \"utility\"\n};\nexport {\n  e as chevronRight\n};\n//# sourceMappingURL=chevron-right.es.js.map\n","\"use client\";\n\n// src/tabs.tsx\nimport * as React from \"react\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { createContextScope } from \"@radix-ui/react-context\";\nimport { createRovingFocusGroupScope } from \"@radix-ui/react-roving-focus\";\nimport { Presence } from \"@radix-ui/react-presence\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport * as RovingFocusGroup from \"@radix-ui/react-roving-focus\";\nimport { useDirection } from \"@radix-ui/react-direction\";\nimport { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport { useId } from \"@radix-ui/react-id\";\nimport { jsx } from \"react/jsx-runtime\";\nvar TABS_NAME = \"Tabs\";\nvar [createTabsContext, createTabsScope] = createContextScope(TABS_NAME, [\n  createRovingFocusGroupScope\n]);\nvar useRovingFocusGroupScope = createRovingFocusGroupScope();\nvar [TabsProvider, useTabsContext] = createTabsContext(TABS_NAME);\nvar Tabs = React.forwardRef(\n  (props, forwardedRef) => {\n    const {\n      __scopeTabs,\n      value: valueProp,\n      onValueChange,\n      defaultValue,\n      orientation = \"horizontal\",\n      dir,\n      activationMode = \"automatic\",\n      ...tabsProps\n    } = props;\n    const direction = useDirection(dir);\n    const [value, setValue] = useControllableState({\n      prop: valueProp,\n      onChange: onValueChange,\n      defaultProp: defaultValue ?? \"\",\n      caller: TABS_NAME\n    });\n    return /* @__PURE__ */ jsx(\n      TabsProvider,\n      {\n        scope: __scopeTabs,\n        baseId: useId(),\n        value,\n        onValueChange: setValue,\n        orientation,\n        dir: direction,\n        activationMode,\n        children: /* @__PURE__ */ jsx(\n          Primitive.div,\n          {\n            dir: direction,\n            \"data-orientation\": orientation,\n            ...tabsProps,\n            ref: forwardedRef\n          }\n        )\n      }\n    );\n  }\n);\nTabs.displayName = TABS_NAME;\nvar TAB_LIST_NAME = \"TabsList\";\nvar TabsList = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeTabs, loop = true, ...listProps } = props;\n    const context = useTabsContext(TAB_LIST_NAME, __scopeTabs);\n    const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeTabs);\n    return /* @__PURE__ */ jsx(\n      RovingFocusGroup.Root,\n      {\n        asChild: true,\n        ...rovingFocusGroupScope,\n        orientation: context.orientation,\n        dir: context.dir,\n        loop,\n        children: /* @__PURE__ */ jsx(\n          Primitive.div,\n          {\n            role: \"tablist\",\n            \"aria-orientation\": context.orientation,\n            ...listProps,\n            ref: forwardedRef\n          }\n        )\n      }\n    );\n  }\n);\nTabsList.displayName = TAB_LIST_NAME;\nvar TRIGGER_NAME = \"TabsTrigger\";\nvar TabsTrigger = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeTabs, value, disabled = false, ...triggerProps } = props;\n    const context = useTabsContext(TRIGGER_NAME, __scopeTabs);\n    const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeTabs);\n    const triggerId = makeTriggerId(context.baseId, value);\n    const contentId = makeContentId(context.baseId, value);\n    const isSelected = value === context.value;\n    return /* @__PURE__ */ jsx(\n      RovingFocusGroup.Item,\n      {\n        asChild: true,\n        ...rovingFocusGroupScope,\n        focusable: !disabled,\n        active: isSelected,\n        children: /* @__PURE__ */ jsx(\n          Primitive.button,\n          {\n            type: \"button\",\n            role: \"tab\",\n            \"aria-selected\": isSelected,\n            \"aria-controls\": contentId,\n            \"data-state\": isSelected ? \"active\" : \"inactive\",\n            \"data-disabled\": disabled ? \"\" : void 0,\n            disabled,\n            id: triggerId,\n            ...triggerProps,\n            ref: forwardedRef,\n            onMouseDown: composeEventHandlers(props.onMouseDown, (event) => {\n              if (!disabled && event.button === 0 && event.ctrlKey === false) {\n                context.onValueChange(value);\n              } else {\n                event.preventDefault();\n              }\n            }),\n            onKeyDown: composeEventHandlers(props.onKeyDown, (event) => {\n              if ([\" \", \"Enter\"].includes(event.key)) context.onValueChange(value);\n            }),\n            onFocus: composeEventHandlers(props.onFocus, () => {\n              const isAutomaticActivation = context.activationMode !== \"manual\";\n              if (!isSelected && !disabled && isAutomaticActivation) {\n                context.onValueChange(value);\n              }\n            })\n          }\n        )\n      }\n    );\n  }\n);\nTabsTrigger.displayName = TRIGGER_NAME;\nvar CONTENT_NAME = \"TabsContent\";\nvar TabsContent = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeTabs, value, forceMount, children, ...contentProps } = props;\n    const context = useTabsContext(CONTENT_NAME, __scopeTabs);\n    const triggerId = makeTriggerId(context.baseId, value);\n    const contentId = makeContentId(context.baseId, value);\n    const isSelected = value === context.value;\n    const isMountAnimationPreventedRef = React.useRef(isSelected);\n    React.useEffect(() => {\n      const rAF = requestAnimationFrame(() => isMountAnimationPreventedRef.current = false);\n      return () => cancelAnimationFrame(rAF);\n    }, []);\n    return /* @__PURE__ */ jsx(Presence, { present: forceMount || isSelected, children: ({ present }) => /* @__PURE__ */ jsx(\n      Primitive.div,\n      {\n        \"data-state\": isSelected ? \"active\" : \"inactive\",\n        \"data-orientation\": context.orientation,\n        role: \"tabpanel\",\n        \"aria-labelledby\": triggerId,\n        hidden: !present,\n        id: contentId,\n        tabIndex: 0,\n        ...contentProps,\n        ref: forwardedRef,\n        style: {\n          ...props.style,\n          animationDuration: isMountAnimationPreventedRef.current ? \"0s\" : void 0\n        },\n        children: present && children\n      }\n    ) });\n  }\n);\nTabsContent.displayName = CONTENT_NAME;\nfunction makeTriggerId(baseId, value) {\n  return `${baseId}-trigger-${value}`;\n}\nfunction makeContentId(baseId, value) {\n  return `${baseId}-content-${value}`;\n}\nvar Root2 = Tabs;\nvar List = TabsList;\nvar Trigger = TabsTrigger;\nvar Content = TabsContent;\nexport {\n  Content,\n  List,\n  Root2 as Root,\n  Tabs,\n  TabsContent,\n  TabsList,\n  TabsTrigger,\n  Trigger,\n  createTabsScope\n};\n//# sourceMappingURL=index.mjs.map\n","import React, { forwardRef, isValidElement, type ReactElement, type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Content } from \"@radix-ui/react-tabs\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./tab-content.module.scss\";\n\nexport type TabContentProps = Omit<BaseProps, \"children\"> & {\n  /**\n   * Content to be rendered inside a `button` element.\n   * Only pass ReactNodes that are valid as children of a `button`, such as plain text,\n   * inline elements like `span` or other non-interactive elements. Avoid block-level or interactive elements.\n   */\n  name: ReactNode;\n  /**\n   * A unique ID that associates the tab with a content.\n   * */\n  tabId: string;\n  /**\n   * If true, the inactive tab content will not be rendered.\n   */\n  disableForceMount?: boolean;\n  children: ReactNode;\n};\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-tab-content\";\n\nexport const TabContent = forwardRef<HTMLDivElement, TabContentProps>(\n  ({ children, tabId, \"data-testid\": dataTestId, className, disableForceMount, ...props }, ref) => (\n    <Content\n      ref={ref}\n      className={cx(rootClassName, className, {\n        [`${rootClassName}--force-mount`]: !disableForceMount,\n      })}\n      data-testid={dataTestId}\n      value={tabId}\n      forceMount={!disableForceMount || undefined}\n      tabIndex={0}\n      {...props}\n    >\n      {children}\n    </Content>\n  )\n);\n\nexport const isTabContent = (child?: ReactNode): child is ReactElement<TabContentProps> =>\n  !!child && isValidElement<TabContentProps>(child) && !!child.props.name && !!child.props.tabId;\n","import React, {\n  type FocusEventHandler,\n  type ForwardedRef,\n  forwardRef,\n  type ReactNode,\n} from \"react\";\nimport { Trigger } from \"@radix-ui/react-tabs\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./tab-header.module.scss\";\nimport { type TabsVariant } from \"./tabs.utils\";\n\ntype TabHeaderProps = {\n  \"data-testid\"?: string;\n  index: number;\n  tabId: string;\n  variant: TabsVariant;\n  negative?: boolean;\n  onFocus: FocusEventHandler<HTMLButtonElement>;\n  fullWidth?: boolean;\n  children: ReactNode;\n};\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-tab-header\";\n\nexport const TabHeader = forwardRef(\n  <T extends HTMLButtonElement>(\n    {\n      index,\n      tabId,\n      variant,\n      negative,\n      onFocus,\n      fullWidth,\n      \"data-testid\": dataTestId,\n      children,\n    }: TabHeaderProps,\n    ref: ForwardedRef<T>\n  ) => (\n    <Trigger\n      id={`${tabId}-trigger`}\n      className={cx(rootClassName, `${rootClassName}--${variant}${negative ? \"-negative\" : \"\"}`, {\n        [`${rootClassName}--full-width`]: fullWidth,\n      })}\n      value={tabId}\n      data-testid={dataTestId}\n      data-index={index}\n      ref={ref}\n      onFocus={onFocus}\n    >\n      {children}\n    </Trigger>\n  )\n);\n","import type { FunctionComponent } from \"react\";\n\nimport type { TabContent } from \"./tab-content\";\n\nexport type TabsCmp<P> = FunctionComponent<P> & {\n  Content: typeof TabContent;\n};\n\nexport const tabsVariants = [\"line\", \"contained\"] as const;\n\nexport type TabsVariant = (typeof tabsVariants)[number];\n\nexport const createTabChangeDetailEvent = (value: string) =>\n  new CustomEvent<TabChangeDetail>(\"tabChangeDetail\", { detail: { value } });\n\nexport type TabChangeDetail = { value: string };\n","import React, {\n  Children,\n  type HTMLAttributes,\n  type ReactElement,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { Icon } from \"@purpur/icon\";\nimport { chevronLeft } from \"@purpur/icon/assets/chevron-left\";\nimport { chevronRight } from \"@purpur/icon/assets/chevron-right\";\nimport { List, Root } from \"@radix-ui/react-tabs\";\nimport c from \"classnames/bind\";\n\nimport { isTabContent, TabContent } from \"./tab-content\";\nimport { TabHeader } from \"./tab-header\";\nimport styles from \"./tabs.module.scss\";\nimport {\n  createTabChangeDetailEvent,\n  type TabChangeDetail,\n  type TabsCmp,\n  type TabsVariant,\n} from \"./tabs.utils\";\n\ntype TabsProps = {\n  children: Array<ReactElement<typeof TabContent>> | ReactElement<typeof TabContent>;\n  variant?: TabsVariant;\n  negative?: boolean;\n  fullWidth?: boolean;\n  /**\n   * The controlled value of the tabs. Must be used in conjunction with onChange.\n   */\n  value?: string;\n  /**\n   * Event handler called when the value changes.\n   * */\n  onChange?: (event: CustomEvent<TabChangeDetail>) => void;\n  defaultValue?: string;\n  /**\n   * When true, animates the height of the component when switching tabs.\n   * */\n  animateHeight?: boolean;\n  \"data-testid\"?: string;\n} & Pick<HTMLAttributes<HTMLDivElement>, \"style\" | \"className\">;\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-tabs\";\n\nconst scrollToTarget = (target: HTMLElement, tabList?: HTMLDivElement | null) => {\n  /**\n   * scroll may not be available in test runner, so check existence before\n   * proceeding. We can't use scrollIntoView() because Safari doesn't support\n   * it fully.\n   */\n  if (\n    typeof target?.getBoundingClientRect !== \"function\" ||\n    typeof tabList?.scroll !== \"function\"\n  ) {\n    return;\n  }\n\n  const targetRect = target.getBoundingClientRect();\n  const wrapperRect = tabList.getBoundingClientRect();\n  const wrapperWidth = tabList.clientWidth;\n  const wrapperOffset = parseInt(getComputedStyle(tabList).borderLeftWidth?.split(\"px\")[0], 10);\n  const offset = wrapperRect.left + (isNaN(wrapperOffset) ? 0 : wrapperOffset);\n  let left;\n\n  // Handle forward navigation\n  if (targetRect.right > wrapperRect.right) {\n    left = targetRect.left + tabList.scrollLeft;\n    left = left + targetRect.width - wrapperWidth + wrapperWidth * 0.1;\n    left = left - offset;\n  }\n\n  // Handle backwards navigation\n  if (targetRect.left < wrapperRect.left) {\n    left = targetRect.left + tabList.scrollLeft;\n    left = left - wrapperWidth * 0.1;\n    left = left - offset;\n  }\n\n  if (left !== undefined) {\n    tabList.scroll({ left, behavior: \"smooth\" });\n  }\n};\n\nexport const Tabs: TabsCmp<TabsProps> = ({\n  children,\n  variant = \"line\",\n  negative = false,\n  fullWidth = false,\n  onChange,\n  className,\n  defaultValue,\n  animateHeight = false,\n  \"data-testid\": dataTestId,\n  value,\n  ...props\n}) => {\n  const contentRef = useRef<HTMLDivElement | null>(null);\n  const [height, setHeight] = useState(-1);\n  const [scrollClasses, setScrollClasses] = useState<{ [key: string]: boolean }>({});\n  const [selectedTriggerOffset, setSelectedTriggerOffset] = useState(0);\n  const [selectedTriggerWidth, setSelectedTriggerWidth] = useState(0);\n  const tabContentChildren = Children.toArray(children).filter(isTabContent);\n  const tabList = useRef<HTMLDivElement>(null);\n  const tabChildren = useRef<HTMLButtonElement[]>(new Array(tabContentChildren.length));\n  const sideScrollAdjustmentSize = 200;\n  const isLineVariant = variant === \"line\";\n\n  const classNames = cx(\n    rootClassName,\n    `${rootClassName}--${variant}${negative ? \"-negative\" : \"\"}`,\n    { [`${rootClassName}--full-width`]: fullWidth },\n    className\n  );\n\n  const tabIds = Children.map(tabContentChildren, ({ props: { tabId } }) => tabId);\n\n  const getDefaultTabIndex = () => {\n    const defaultIndex = tabIds.findIndex((tabIndex) => tabIndex === defaultValue);\n    return defaultIndex >= 0 ? defaultIndex : 0;\n  };\n\n  const [activeIndex, setActiveIndex] = useState(getDefaultTabIndex);\n\n  // Internal active tab ID — keeps Radix always controlled so our keydown handler\n  // can activate tabs directly without relying on Radix's mouse/focus events.\n  const [activeTabId, setActiveTabId] = useState<string>(\n    value ?? defaultValue ?? tabContentChildren[0].props.tabId\n  );\n\n  useEffect(() => {\n    if (value) {\n      setActiveTabId(value);\n      setActiveIndex(tabContentChildren.findIndex((child) => child.props.tabId === value));\n    }\n  }, [tabContentChildren, value]);\n\n  if (new Set(tabIds).size !== tabIds.length) {\n    throw new Error(\"tabId must be unique\");\n  }\n\n  const getTestId = (name: string, id?: string) =>\n    id || dataTestId ? `${id || dataTestId}-${name}` : undefined;\n\n  const handleLinePosition = () => {\n    if (!isLineVariant) {\n      return;\n    }\n\n    const activeTabElement = tabChildren.current[activeIndex];\n\n    setSelectedTriggerOffset(activeTabElement?.offsetLeft || 0);\n    setSelectedTriggerWidth(activeTabElement?.getBoundingClientRect().width || 0);\n  };\n\n  const handleTabChange = (_value: string) => {\n    setActiveTabId(_value);\n    if (isLineVariant && !value) {\n      setActiveIndex(tabContentChildren.findIndex((child) => child.props.tabId === _value));\n    }\n    onChange?.(createTabChangeDetailEvent(_value));\n  };\n\n  const handleScrollButtonClick = (side: \"left\" | \"right\") => {\n    if (tabList?.current) {\n      const { scrollLeft } = tabList.current;\n      const modifier = side === \"left\" ? -sideScrollAdjustmentSize : sideScrollAdjustmentSize;\n\n      tabList.current.scroll({ left: scrollLeft + modifier, behavior: \"smooth\" });\n    }\n  };\n\n  const ScrollButton = ({ side }: { side: \"left\" | \"right\" }) => (\n    <button\n      className={cx(`${rootClassName}__scroll-button`, `${rootClassName}__scroll-button--${side}`)}\n      onClick={() => handleScrollButtonClick(side)}\n      type=\"button\"\n      aria-hidden=\"true\"\n      tabIndex={-1}\n      data-testid={getTestId(\"scroll-button\")}\n    >\n      <Icon svg={side === \"left\" ? chevronLeft : chevronRight} size=\"md\" />\n    </button>\n  );\n\n  useEffect(() => {\n    const setNewHeight = () => {\n      if (contentRef.current && animateHeight) {\n        const newHeight = contentRef.current.offsetHeight;\n        setHeight(newHeight);\n      }\n    };\n\n    const handleResize = () => {\n      setNewHeight();\n      handleLinePosition();\n    };\n\n    setNewHeight();\n\n    window.addEventListener(\"resize\", handleResize);\n\n    return () => {\n      window.removeEventListener(\"resize\", handleResize);\n    };\n  }, [activeIndex, animateHeight]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  useEffect(() => {\n    handleLinePosition();\n  }, [activeIndex, fullWidth, tabContentChildren.length, variant]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  useEffect(() => {\n    const root = tabList.current;\n    if (!root) return;\n\n    const updateScrollState = () => {\n      const { scrollLeft, scrollWidth, clientWidth } = root;\n\n      const canScroll = scrollWidth > clientWidth;\n      const atStart = scrollLeft <= 1;\n      const atEnd = scrollLeft + clientWidth >= scrollWidth - 1;\n\n      if (!canScroll) {\n        setScrollClasses({});\n        return;\n      }\n\n      setScrollClasses({\n        [`${rootClassName}__wrapper--scroll-start`]: !atStart,\n        [`${rootClassName}__wrapper--scroll-end`]: !atEnd,\n      });\n    };\n\n    updateScrollState();\n\n    root.addEventListener(\"scroll\", updateScrollState, { passive: true });\n    window.addEventListener(\"resize\", updateScrollState);\n\n    return () => {\n      root.removeEventListener(\"scroll\", updateScrollState);\n      window.removeEventListener(\"resize\", updateScrollState);\n    };\n  }, []);\n\n  const handleTabListKeyDown = (e: React.KeyboardEvent) => {\n    const target = e.target as HTMLElement;\n    const currentIndex = parseInt(target.dataset.index ?? \"\", 10);\n    if (isNaN(currentIndex)) return;\n\n    const total = tabContentChildren.length;\n    let nextIndex: number | null = null;\n\n    switch (e.key) {\n      case \"ArrowRight\":\n        nextIndex = (currentIndex + 1) % total;\n        break;\n      case \"ArrowLeft\":\n        nextIndex = (currentIndex - 1 + total) % total;\n        break;\n      case \"Home\":\n        nextIndex = 0;\n        break;\n      case \"End\":\n        nextIndex = total - 1;\n        break;\n    }\n\n    if (nextIndex !== null) {\n      const nextTabId = tabContentChildren[nextIndex].props.tabId;\n      handleTabChange(nextTabId);\n      tabChildren.current[nextIndex]?.focus();\n    }\n  };\n\n  return (\n    <Root\n      defaultValue={defaultValue ?? tabContentChildren[0].props.tabId}\n      onValueChange={handleTabChange}\n      data-testid={dataTestId}\n      className={classNames}\n      value={value ?? activeTabId}\n      activationMode=\"manual\"\n      {...props}\n    >\n      <div className={cx(`${rootClassName}__container`)}>\n        <div className={cx(`${rootClassName}__wrapper`, scrollClasses)}>\n          <List\n            ref={(el) => {\n              tabList.current = el;\n            }}\n            className={cx(`${rootClassName}__list`)}\n            onKeyDown={handleTabListKeyDown}\n          >\n            {Children.map(tabContentChildren, (child, index) => {\n              const { name, tabId, \"data-testid\": childDataTestId } = child.props;\n              return (\n                <TabHeader\n                  data-testid={getTestId(\"header\", childDataTestId)}\n                  index={index}\n                  tabId={tabId}\n                  ref={(el) => {\n                    if (el) {\n                      tabChildren.current[index] = el;\n                    }\n                  }}\n                  onFocus={(e) => {\n                    scrollToTarget(e.target as HTMLElement, tabList.current);\n                  }}\n                  variant={variant}\n                  negative={negative}\n                  fullWidth={fullWidth}\n                >\n                  {name}\n                </TabHeader>\n              );\n            })}\n            {isLineVariant && (\n              <div\n                className={cx(`${rootClassName}__selected-border`)}\n                style={{\n                  width: selectedTriggerWidth,\n                  transform: `translateX(${selectedTriggerOffset}px)`,\n                }}\n                data-testid={getTestId(\"selected-border\")}\n              />\n            )}\n          </List>\n          <ScrollButton side=\"left\" />\n          <ScrollButton side=\"right\" />\n        </div>\n        <div\n          className={animateHeight ? cx(`${rootClassName}__content-wrapper`) : \"\"}\n          style={{ height: animateHeight && height > -1 ? `${height}px` : \"auto\" }}\n        >\n          <div ref={contentRef} className={cx(`${rootClassName}__content-container`)}>\n            {Children.map(tabContentChildren, (child) => child)}\n          </div>\n        </div>\n      </div>\n    </Root>\n  );\n};\n\nTabs.Content = TabContent;\n\nexport * from \"./tabs.utils\";\n"],"names":["e","TABS_NAME","createTabsContext","createContextScope","createRovingFocusGroupScope","useRovingFocusGroupScope","TabsProvider","useTabsContext","Tabs","React","props","forwardedRef","__scopeTabs","valueProp","onValueChange","defaultValue","orientation","dir","activationMode","tabsProps","direction","useDirection","value","setValue","useControllableState","jsx","useId","Primitive","TAB_LIST_NAME","TabsList","loop","listProps","context","rovingFocusGroupScope","RovingFocusGroup.Root","TRIGGER_NAME","TabsTrigger","disabled","triggerProps","triggerId","makeTriggerId","contentId","makeContentId","isSelected","RovingFocusGroup.Item","composeEventHandlers","event","isAutomaticActivation","CONTENT_NAME","TabsContent","forceMount","children","contentProps","isMountAnimationPreventedRef","rAF","Presence","present","baseId","Root2","List","Trigger","Content","cx","c","styles","rootClassName","TabContent","forwardRef","tabId","dataTestId","className","disableForceMount","ref","isTabContent","child","isValidElement","TabHeader","index","variant","negative","onFocus","fullWidth","tabsVariants","createTabChangeDetailEvent","scrollToTarget","target","tabList","targetRect","wrapperRect","wrapperWidth","wrapperOffset","offset","left","onChange","animateHeight","contentRef","useRef","height","setHeight","useState","scrollClasses","setScrollClasses","selectedTriggerOffset","setSelectedTriggerOffset","selectedTriggerWidth","setSelectedTriggerWidth","tabContentChildren","Children","tabChildren","sideScrollAdjustmentSize","isLineVariant","classNames","tabIds","getDefaultTabIndex","defaultIndex","tabIndex","activeIndex","setActiveIndex","activeTabId","setActiveTabId","useEffect","getTestId","name","id","handleLinePosition","activeTabElement","handleTabChange","_value","handleScrollButtonClick","side","scrollLeft","modifier","ScrollButton","Icon","chevronLeft","chevronRight","setNewHeight","newHeight","handleResize","root","updateScrollState","scrollWidth","clientWidth","canScroll","atStart","atEnd","handleTabListKeyDown","currentIndex","total","nextIndex","nextTabId","Root","jsxs","el","childDataTestId"],"mappings":"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","x_google_ignoreList":[2]}

package/dist/tabs.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./tabs-CfHd4UQ2.js");exports.Tabs=a.Tabs;exports.createTabChangeDetailEvent=a.createTabChangeDetailEvent;exports.tabsVariants=a.tabsVariants;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./tabs-D-nfZHIA.js");exports.Tabs=a.Tabs;exports.createTabChangeDetailEvent=a.createTabChangeDetailEvent;exports.tabsVariants=a.tabsVariants;
 //# sourceMappingURL=tabs.cjs.js.map