@alfadocs/ui-kit 1.42.0 → 1.43.0

package/dist/_chunks/{calendar-workspace-qlxrxCqm.js → calendar-workspace-DhXqqu-D.js}

@@ -13,7 +13,7 @@ import { C as yr } from "./check-DrFSN__t.js";
 import { S as fs } from "./stethoscope-sZXGC43m.js";
 import { C as si } from "./clock-Drd4Wtis.js";
 import { a as Nr } from "./entity-card-I-Gio5wo.js";
-import { C as Eo, a as Ro, u as xr, d as Mo } from "./control-room-rail-CnNZusR5.js";
+import { C as Eo, a as Ro, u as xr, d as Mo } from "./control-room-rail-Cv7GpMqX.js";
 import { S as ii } from "./scroll-area-BZOvUhwQ.js";
 import { d as Gn, c as _i, b as St } from "./toast-ZZfhA5u0.js";
 import { T as ca, a as Oo } from "./tooltip-Cp-PLePW.js";
@@ -11389,4 +11389,4 @@ export {
   jp as r,
   Pn as u
 };
-//# sourceMappingURL=calendar-workspace-qlxrxCqm.js.map
+//# sourceMappingURL=calendar-workspace-DhXqqu-D.js.map

package/dist/_chunks/control-room-rail-Cv7GpMqX.js

@@ -0,0 +1,354 @@
+import { jsx as T, jsxs as U, Fragment as go } from "react/jsx-runtime";
+import { useState as E, useCallback as p, useMemo as b, useRef as X, useContext as N, useId as vo, useEffect as ho, createContext as To, forwardRef as bo } from "react";
+import { useTranslation as Co } from "react-i18next";
+import { I as Y } from "./icon-button-CehAeZoP.js";
+import { a as xo } from "./panel-header-D_mTdhUp.js";
+import { T as yo } from "./tool-rail-CCFqDfAn.js";
+import { u as Z } from "./use-persistent-state-nZwZAnE9.js";
+import { S as Ao } from "./star-Bf9L2Uot.js";
+import { X as So } from "./x-B5YnXwCz.js";
+const wo = {
+  id: "control-room-rail",
+  capabilities: ["open", "close", "select_single"],
+  state: {
+    activeToolId: {
+      type: "string | null",
+      descriptionKey: "ui.toolRail.agent.state.activeToolId",
+      description: "Id of the tool whose panel is currently open, or null when the rail is collapsed to its strip. No panel content is ever exposed.",
+      read: (t) => t.getActiveToolId()
+    }
+  },
+  actions: {
+    open: {
+      // Pure ephemeral panel state (open) — no data loss, no external effect.
+      safety: "read",
+      argsType: "{ id: string }",
+      argsSchema: {
+        type: "object",
+        properties: { id: { type: "string" } },
+        required: ["id"]
+      },
+      idempotent: !0,
+      descriptionKey: "ui.toolRail.agent.actions.open",
+      description: "Open the given tool's panel.",
+      examples: [{ args: { id: "inbox" }, note: "Open the inbox tool panel." }],
+      invoke: (t, n) => {
+        t.open(n.id);
+      }
+    },
+    close: {
+      safety: "read",
+      idempotent: !0,
+      descriptionKey: "ui.toolRail.agent.actions.close",
+      description: "Collapse the rail to its strip (no active tool).",
+      invoke: (t) => {
+        t.close();
+      }
+    },
+    select_tool: {
+      safety: "read",
+      argsType: "{ id: string | null }",
+      argsSchema: {
+        type: "object",
+        properties: { id: { type: ["string", "null"] } },
+        required: ["id"]
+      },
+      idempotent: !0,
+      descriptionKey: "ui.toolRail.agent.actions.selectTool",
+      description: "Set the active tool by id (opens its panel), or pass null to collapse.",
+      invoke: (t, n) => {
+        t.setActiveTool(n.id);
+      }
+    }
+  },
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "control-room-rail",
+      description: "Marks the ControlRoomRail wrapper."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop. Required to address a specific rail from the agent."
+    },
+    item: {
+      attr: "data-tool-id",
+      description: "Stable tool id emitted on each strip IconButton. The active icon also carries data-active set to its id."
+    }
+  }
+}, M = To(null);
+function Oo({
+  globalTools: t = [],
+  children: n
+}) {
+  const [c, s] = E(
+    () => /* @__PURE__ */ new Map()
+  ), f = p(
+    (l, i) => {
+      s((u) => {
+        const j = new Map(u);
+        return j.set(l, i), j;
+      });
+    },
+    []
+  ), V = p((l) => {
+    s((i) => {
+      if (!i.has(l)) return i;
+      const u = new Map(i);
+      return u.delete(l), u;
+    });
+  }, []), m = b(
+    () => Array.from(c.values()).flat(),
+    [c]
+  ), h = X(null), P = p((l) => {
+    h.current = l;
+  }, []), R = p((l) => {
+    var i;
+    (i = h.current) == null || i.setActiveTool(l);
+  }, []), A = p(() => {
+    var l;
+    (l = h.current) == null || l.setActiveTool(null);
+  }, []), C = b(
+    () => ({
+      globalTools: t,
+      contextualTools: m,
+      registerContextualTools: f,
+      unregisterContextualTools: V,
+      registerRail: P,
+      openTool: R,
+      closeTool: A
+    }),
+    [
+      t,
+      m,
+      f,
+      V,
+      P,
+      R,
+      A
+    ]
+  );
+  return /* @__PURE__ */ T(M.Provider, { value: C, children: n });
+}
+function Eo(t) {
+  const n = N(M), c = n == null ? void 0 : n.registerContextualTools, s = n == null ? void 0 : n.unregisterContextualTools, f = vo();
+  ho(() => {
+    if (!(!c || !s))
+      return c(f, t), () => s(f);
+  }, [c, s, f, t]);
+}
+function ko() {
+  const t = N(M);
+  return b(() => {
+    if (!t) return [];
+    const n = t.contextualTools.map((s) => ({
+      ...s,
+      scope: "contextual"
+    })), c = t.globalTools.map((s) => ({
+      ...s,
+      scope: "global"
+    }));
+    return [...n, ...c];
+  }, [t]);
+}
+function Xo() {
+  const t = N(M), n = p(() => {
+  }, []);
+  return {
+    openTool: (t == null ? void 0 : t.openTool) ?? n,
+    closeTool: (t == null ? void 0 : t.closeTool) ?? n
+  };
+}
+function Mo() {
+  const t = N(M), n = p((c) => {
+  }, []);
+  return (t == null ? void 0 : t.registerRail) ?? n;
+}
+const $o = bo(function({
+  tools: n,
+  railLabel: c,
+  reorderable: s = !0,
+  favoriteIds: f,
+  defaultFavoriteIds: V,
+  pinnedFavoriteIds: m,
+  onFavoriteIdsChange: h,
+  persistFavoritesKey: P = "ui.controlRoom.favorites",
+  activeToolId: R,
+  defaultActiveToolId: A = null,
+  onActiveToolChange: C,
+  panelWidth: l,
+  onPanelWidthChange: i,
+  persistPanelWidthKey: u,
+  ...j
+}, S) {
+  const { t: g } = Co(), [F, W] = E(
+    R ?? A ?? null
+  ), $ = R !== void 0 ? R : F, I = p(
+    (o) => {
+      R === void 0 && W(o), C == null || C(o);
+    },
+    [R, C]
+  ), oo = ko(), x = n ?? oo, _ = f !== void 0, [to, eo] = Z(
+    P,
+    () => V ?? x.filter((o) => o.scope === "global").map((o) => o.id),
+    { disabled: _ }
+  ), B = _ ? f : to, w = b(() => m != null && m.length ? [
+    ...m,
+    ...B.filter((o) => !m.includes(o))
+  ] : B, [m, B]), H = l !== void 0, [no, D] = Z(u ?? "ui.controlRoom.panelWidth.unused", null, {
+    disabled: H || !u
+  }), ro = H ? l : u ? no : void 0, so = p(
+    (o) => {
+      !H && u && D(o), i == null || i(o);
+    },
+    [
+      H,
+      u,
+      D,
+      i
+    ]
+  ), d = b(() => {
+    const o = /* @__PURE__ */ new Map();
+    for (const r of x) o.set(r.id, r);
+    return o;
+  }, [x]), k = b(
+    () => new Set(w.filter((o) => d.has(o))),
+    [w, d]
+  ), G = (o) => {
+    const r = o(w.filter((e) => d.has(e)));
+    _ || eo((e) => o(e.filter((a) => d.has(a)))), h == null || h(r);
+  }, J = b(() => {
+    if (!s) return x;
+    const o = w.filter((e) => d.has(e)).map((e) => ({
+      ...d.get(e),
+      scope: "global",
+      reorderable: !0
+    })), r = x.filter((e) => !k.has(e.id)).map((e) => ({
+      ...e,
+      scope: "contextual",
+      reorderable: !0
+    }));
+    return [...o, ...r];
+  }, [s, x, w, d, k]), [lo, io] = E(""), L = X(!1), ao = (o, r) => {
+    const e = r ? g("controlRoom.pinnedAnnounce", {
+      tool: o,
+      defaultValue: "Pinned {{tool}} to favourites"
+    }) : g("controlRoom.unpinnedAnnounce", {
+      tool: o,
+      defaultValue: "Removed {{tool}} from favourites"
+    });
+    L.current = !L.current, io(L.current ? e : `${e}​`);
+  }, co = (o) => {
+    var r;
+    ao(((r = d.get(o)) == null ? void 0 : r.label) ?? o, !k.has(o)), G(
+      (e) => e.includes(o) ? e.filter((a) => a !== o) : [...e, o]
+    );
+  }, uo = (o, r) => {
+    var a;
+    const e = (a = J[o]) == null ? void 0 : a.id;
+    e !== void 0 && G((y) => {
+      const q = y.filter((v) => d.has(v)), z = q.length;
+      if (o < z) {
+        if (r >= z) return q.filter((Ro) => Ro !== e);
+        const v = q.slice();
+        return v.splice(o, 1), v.splice(r, 0, e), v;
+      }
+      if (r <= z) {
+        const v = q.slice();
+        return v.splice(Math.min(r, z), 0, e), v;
+      }
+      return y;
+    });
+  }, po = ({
+    tool: o,
+    from: r,
+    to: e
+  }) => {
+    const a = k.size, y = r < a;
+    return y && e >= a ? g("controlRoom.unpinnedAnnounce", {
+      tool: o.label,
+      defaultValue: "Removed {{tool}} from favourites"
+    }) : !y && e <= a ? g("controlRoom.pinnedAnnounce", {
+      tool: o.label,
+      defaultValue: "Pinned {{tool}} to favourites"
+    }) : y && e < a ? g("controlRoom.reorderAnnounce", {
+      tool: o.label,
+      to: e + 1,
+      total: a,
+      defaultValue: "{{tool}} moved to position {{to}} of {{total}}"
+    }) : "";
+  }, K = X(null), Q = Mo(), fo = p(
+    (o) => {
+      K.current = o, Q(o), typeof S == "function" ? S(o) : S && (S.current = o);
+    },
+    [Q, S]
+  ), O = $ != null ? d.get($) ?? null : null, mo = O ? /* @__PURE__ */ U(go, { children: [
+    s ? (() => {
+      const o = k.has(O.id);
+      return /* @__PURE__ */ T(
+        Y,
+        {
+          icon: /* @__PURE__ */ T(
+            Ao,
+            {
+              "aria-hidden": "true",
+              fill: o ? "currentColor" : "none",
+              className: o ? "ds:text-[color:var(--accent)]" : void 0
+            }
+          ),
+          intent: "ghost",
+          size: "sm",
+          "aria-pressed": o,
+          "aria-label": g("controlRoom.favorite", {
+            defaultValue: "Favourite"
+          }),
+          onClick: () => co(O.id)
+        }
+      );
+    })() : null,
+    /* @__PURE__ */ T(
+      Y,
+      {
+        icon: /* @__PURE__ */ T(So, { "aria-hidden": "true" }),
+        intent: "ghost",
+        size: "sm",
+        "aria-label": g("controlRoom.close", { defaultValue: "Close" }),
+        onClick: () => {
+          var o;
+          return (o = K.current) == null ? void 0 : o.close();
+        }
+      }
+    )
+  ] }) : null;
+  return /* @__PURE__ */ U(xo, { actions: mo, children: [
+    /* @__PURE__ */ T(
+      yo,
+      {
+        ref: fo,
+        dataComponent: "control-room-rail",
+        agentAdapter: wo,
+        tools: J,
+        activeToolId: R,
+        defaultActiveToolId: A,
+        onActiveToolChange: I,
+        panelWidth: ro,
+        onPanelWidthChange: so,
+        railLabel: c ?? g("controlRoom.railLabel", { defaultValue: "Control room" }),
+        onReorder: s ? uo : void 0,
+        formatReorderAnnouncement: s ? po : void 0,
+        ...j
+      }
+    ),
+    s ? /* @__PURE__ */ T("span", { role: "status", "aria-live": "polite", className: "ds:sr-only", children: lo }) : null
+  ] });
+});
+export {
+  Oo as C,
+  $o as a,
+  ko as b,
+  wo as c,
+  Eo as d,
+  Xo as u
+};
+//# sourceMappingURL=control-room-rail-Cv7GpMqX.js.map

package/dist/_chunks/{marketplace-app-shell-D_g9BaDI.js → marketplace-app-shell-DdwPj03y.js}

@@ -7,11 +7,11 @@ import { A as S } from "./avatar-CkDeQOSI.js";
 import { A as F } from "./alert-CiQ5Pa3Q.js";
 import { C as w } from "./card-DPmk26CL.js";
 import { D as m } from "./dropdown-menu-DU-Hrf33.js";
-import { T as q } from "./tab-bar-rDkLiaA6.js";
+import { T as q } from "./tab-bar-Cw9UK18Z.js";
 import { a as A, H as G, g as J, f as z, e as K, c as Q, d as U } from "./header-3o9o9v_T.js";
 import { H as X } from "./header-settings-CTe45iDy.js";
 import { S as Y } from "./sign-in-with-alfadocs-button-DWwBJtyE.js";
-import { S as Z, g as _, b as aa, a as ea, j as sa, k as ta, i as ra, h as I } from "./sidebar-ClTY9lLI.js";
+import { S as Z, g as _, b as aa, a as ea, j as sa, k as ta, i as ra, h as I } from "./sidebar-DbZXLl8h.js";
 import { T as na } from "./theme-root-BOO73p5t.js";
 import { a as da } from "./tooltip-Cp-PLePW.js";
 import { u as ia } from "./use-theme-CAuo6EYT.js";
@@ -529,4 +529,4 @@ export {
   ka as M,
   g as P
 };
-//# sourceMappingURL=marketplace-app-shell-D_g9BaDI.js.map
+//# sourceMappingURL=marketplace-app-shell-DdwPj03y.js.map

package/dist/_chunks/{sidebar-ClTY9lLI.js → sidebar-DbZXLl8h.js}

@@ -10,7 +10,7 @@ import { Slot as ls } from "@radix-ui/react-slot";
 import { c as T } from "./index-D2ZczOXr.js";
 import { useTranslation as A } from "react-i18next";
 import { u as cs } from "./registry-DvAUVLHh.js";
-import { u as us } from "./use-edge-resize-ZnGG7gyO.js";
+import { u as us } from "./use-edge-resize-BHesP0kg.js";
 import { c as ms } from "./compose-refs-C0k0tdqF.js";
 import { a as vs, b as ps, d as fs } from "./input-surface-xyERuLU_.js";
 import { X as gs } from "./x-B5YnXwCz.js";
@@ -1347,4 +1347,4 @@ export {
   Ss as s,
   N as u
 };
-//# sourceMappingURL=sidebar-ClTY9lLI.js.map
+//# sourceMappingURL=sidebar-DbZXLl8h.js.map

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

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