@alfadocs/ui-kit 1.41.1 → 1.43.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alfadocs/ui-kit",
-  "version": "1.41.1",
+  "version": "1.43.0",
   "type": "module",
   "description": "AlfaDocs shared design system — tokens, components, patterns, and translations for platform, booking, and alfascribe.",
   "license": "BUSL-1.1",

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

@@ -1,337 +0,0 @@
-import { jsx as h, jsxs as D, Fragment as lo } from "react/jsx-runtime";
-import { useState as _, useCallback as g, useMemo as T, useRef as B, useContext as H, useId as io, useEffect as ao, createContext as co, forwardRef as uo } from "react";
-import { useTranslation as po } from "react-i18next";
-import { I as G } from "./icon-button-CehAeZoP.js";
-import { a as fo } from "./panel-header-D_mTdhUp.js";
-import { T as mo } from "./tool-rail-D89USYE6.js";
-import { u as go } from "./use-persistent-state-nZwZAnE9.js";
-import { S as Ro } from "./star-Bf9L2Uot.js";
-import { X as vo } from "./x-B5YnXwCz.js";
-const ho = {
-  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."
-    }
-  }
-}, S = co(null);
-function jo({
-  globalTools: t = [],
-  children: n
-}) {
-  const [u, s] = _(
-    () => /* @__PURE__ */ new Map()
-  ), p = g(
-    (i, l) => {
-      s((a) => {
-        const M = new Map(a);
-        return M.set(i, l), M;
-      });
-    },
-    []
-  ), P = g((i) => {
-    s((l) => {
-      if (!l.has(i)) return l;
-      const a = new Map(l);
-      return a.delete(i), a;
-    });
-  }, []), f = T(
-    () => Array.from(u.values()).flat(),
-    [u]
-  ), v = B(null), k = g((i) => {
-    v.current = i;
-  }, []), m = g((i) => {
-    var l;
-    (l = v.current) == null || l.setActiveTool(i);
-  }, []), b = g(() => {
-    var i;
-    (i = v.current) == null || i.setActiveTool(null);
-  }, []), y = T(
-    () => ({
-      globalTools: t,
-      contextualTools: f,
-      registerContextualTools: p,
-      unregisterContextualTools: P,
-      registerRail: k,
-      openTool: m,
-      closeTool: b
-    }),
-    [
-      t,
-      f,
-      p,
-      P,
-      k,
-      m,
-      b
-    ]
-  );
-  return /* @__PURE__ */ h(S.Provider, { value: y, children: n });
-}
-function Ho(t) {
-  const n = H(S), u = n == null ? void 0 : n.registerContextualTools, s = n == null ? void 0 : n.unregisterContextualTools, p = io();
-  ao(() => {
-    if (!(!u || !s))
-      return u(p, t), () => s(p);
-  }, [u, s, p, t]);
-}
-function To() {
-  const t = H(S);
-  return T(() => {
-    if (!t) return [];
-    const n = t.contextualTools.map((s) => ({
-      ...s,
-      scope: "contextual"
-    })), u = t.globalTools.map((s) => ({
-      ...s,
-      scope: "global"
-    }));
-    return [...n, ...u];
-  }, [t]);
-}
-function Ko() {
-  const t = H(S), n = g(() => {
-  }, []);
-  return {
-    openTool: (t == null ? void 0 : t.openTool) ?? n,
-    closeTool: (t == null ? void 0 : t.closeTool) ?? n
-  };
-}
-function yo() {
-  const t = H(S), n = g((u) => {
-  }, []);
-  return (t == null ? void 0 : t.registerRail) ?? n;
-}
-const qo = uo(function({
-  tools: n,
-  railLabel: u,
-  reorderable: s = !0,
-  favoriteIds: p,
-  defaultFavoriteIds: P,
-  pinnedFavoriteIds: f,
-  onFavoriteIdsChange: v,
-  persistFavoritesKey: k = "ui.controlRoom.favorites",
-  activeToolId: m,
-  defaultActiveToolId: b = null,
-  onActiveToolChange: y,
-  ...i
-}, l) {
-  const { t: a } = po(), [M, J] = _(
-    m ?? b ?? null
-  ), L = m !== void 0 ? m : M, Q = g(
-    (o) => {
-      m === void 0 && J(o), y == null || y(o);
-    },
-    [m, y]
-  ), U = To(), C = n ?? U, K = p !== void 0, [W, Y] = go(
-    k,
-    () => P ?? C.filter((o) => o.scope === "global").map((o) => o.id),
-    { disabled: K }
-  ), q = K ? p : W, A = T(() => f != null && f.length ? [
-    ...f,
-    ...q.filter((o) => !f.includes(o))
-  ] : q, [f, q]), d = T(() => {
-    const o = /* @__PURE__ */ new Map();
-    for (const r of C) o.set(r.id, r);
-    return o;
-  }, [C]), w = T(
-    () => new Set(A.filter((o) => d.has(o))),
-    [A, d]
-  ), O = (o) => {
-    const r = o(A.filter((e) => d.has(e)));
-    K || Y((e) => o(e.filter((c) => d.has(c)))), v == null || v(r);
-  }, E = T(() => {
-    if (!s) return C;
-    const o = A.filter((e) => d.has(e)).map((e) => ({
-      ...d.get(e),
-      scope: "global",
-      reorderable: !0
-    })), r = C.filter((e) => !w.has(e.id)).map((e) => ({
-      ...e,
-      scope: "contextual",
-      reorderable: !0
-    }));
-    return [...o, ...r];
-  }, [s, C, A, d, w]), [Z, F] = _(""), z = B(!1), I = (o, r) => {
-    const e = r ? a("controlRoom.pinnedAnnounce", {
-      tool: o,
-      defaultValue: "Pinned {{tool}} to favourites"
-    }) : a("controlRoom.unpinnedAnnounce", {
-      tool: o,
-      defaultValue: "Removed {{tool}} from favourites"
-    });
-    z.current = !z.current, F(z.current ? e : `${e}​`);
-  }, oo = (o) => {
-    var r;
-    I(((r = d.get(o)) == null ? void 0 : r.label) ?? o, !w.has(o)), O(
-      (e) => e.includes(o) ? e.filter((c) => c !== o) : [...e, o]
-    );
-  }, to = (o, r) => {
-    var c;
-    const e = (c = E[o]) == null ? void 0 : c.id;
-    e !== void 0 && O((x) => {
-      const V = x.filter((R) => d.has(R)), j = V.length;
-      if (o < j) {
-        if (r >= j) return V.filter((so) => so !== e);
-        const R = V.slice();
-        return R.splice(o, 1), R.splice(r, 0, e), R;
-      }
-      if (r <= j) {
-        const R = V.slice();
-        return R.splice(Math.min(r, j), 0, e), R;
-      }
-      return x;
-    });
-  }, eo = ({
-    tool: o,
-    from: r,
-    to: e
-  }) => {
-    const c = w.size, x = r < c;
-    return x && e >= c ? a("controlRoom.unpinnedAnnounce", {
-      tool: o.label,
-      defaultValue: "Removed {{tool}} from favourites"
-    }) : !x && e <= c ? a("controlRoom.pinnedAnnounce", {
-      tool: o.label,
-      defaultValue: "Pinned {{tool}} to favourites"
-    }) : x && e < c ? a("controlRoom.reorderAnnounce", {
-      tool: o.label,
-      to: e + 1,
-      total: c,
-      defaultValue: "{{tool}} moved to position {{to}} of {{total}}"
-    }) : "";
-  }, X = B(null), $ = yo(), no = g(
-    (o) => {
-      X.current = o, $(o), typeof l == "function" ? l(o) : l && (l.current = o);
-    },
-    [$, l]
-  ), N = L != null ? d.get(L) ?? null : null, ro = N ? /* @__PURE__ */ D(lo, { children: [
-    s ? (() => {
-      const o = w.has(N.id);
-      return /* @__PURE__ */ h(
-        G,
-        {
-          icon: /* @__PURE__ */ h(
-            Ro,
-            {
-              "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": a("controlRoom.favorite", {
-            defaultValue: "Favourite"
-          }),
-          onClick: () => oo(N.id)
-        }
-      );
-    })() : null,
-    /* @__PURE__ */ h(
-      G,
-      {
-        icon: /* @__PURE__ */ h(vo, { "aria-hidden": "true" }),
-        intent: "ghost",
-        size: "sm",
-        "aria-label": a("controlRoom.close", { defaultValue: "Close" }),
-        onClick: () => {
-          var o;
-          return (o = X.current) == null ? void 0 : o.close();
-        }
-      }
-    )
-  ] }) : null;
-  return /* @__PURE__ */ D(fo, { actions: ro, children: [
-    /* @__PURE__ */ h(
-      mo,
-      {
-        ref: no,
-        dataComponent: "control-room-rail",
-        agentAdapter: ho,
-        tools: E,
-        activeToolId: m,
-        defaultActiveToolId: b,
-        onActiveToolChange: Q,
-        railLabel: u ?? a("controlRoom.railLabel", { defaultValue: "Control room" }),
-        onReorder: s ? to : void 0,
-        formatReorderAnnouncement: s ? eo : void 0,
-        ...i
-      }
-    ),
-    s ? /* @__PURE__ */ h("span", { role: "status", "aria-live": "polite", className: "ds:sr-only", children: Z }) : null
-  ] });
-});
-export {
-  jo as C,
-  qo as a,
-  To as b,
-  ho as c,
-  Ho as d,
-  Ko as u
-};
-//# sourceMappingURL=control-room-rail-CnNZusR5.js.map

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

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