@alfadocs/ui-kit 1.38.0 → 1.39.0

package/dist/_chunks/tool-rail-BP8sjxCw.js

@@ -1,667 +0,0 @@
-import { jsxs as T, jsx as f } from "react/jsx-runtime";
-import { forwardRef as Ue, useRef as v, useState as k, useMemo as D, useId as We, useCallback as P, useEffect as ge, useImperativeHandle as $e, Fragment as Ze } from "react";
-import { c as w } from "./index-D2ZczOXr.js";
-import { useTranslation as Xe } from "react-i18next";
-import { I as be } from "./icon-button-8xqRnkdG.js";
-import { S as Ye } from "./scroll-area-BZOvUhwQ.js";
-import { a as Ge } from "./tooltip-Cp-PLePW.js";
-import { u as Je } from "./use-controllable-state-BiY4xTzM.js";
-import { u as Qe } from "./use-edge-resize-ZnGG7gyO.js";
-import { u as M } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
-import { a as et, u as tt, R as st } from "./use-list-reflow-Cw43nxw5.js";
-import { u as at } from "./use-prefers-reduced-motion-BMwIQRjB.js";
-import { u as nt } from "./use-presence-transition-cDwWUXV-.js";
-import { u as rt } from "./use-theme-CAuo6EYT.js";
-import { u as it } from "./registry-DvAUVLHh.js";
-const ot = {
-  id: "tool-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: (l) => l.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 shape is intentionally pre-existing — already resolves to
-      // real multi-locale translations; do not canonicalise.
-      descriptionKey: "ui.toolRail.agent.actions.open",
-      description: "Open the given tool's panel.",
-      examples: [{ args: { id: "inbox" }, note: "Open the inbox tool panel." }],
-      invoke: (l, a) => {
-        l.open(a.id);
-      }
-    },
-    close: {
-      safety: "read",
-      idempotent: !0,
-      descriptionKey: "ui.toolRail.agent.actions.close",
-      description: "Collapse the rail to its strip (no active tool).",
-      invoke: (l) => {
-        l.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: (l, a) => {
-        l.setActiveTool(a.id);
-      }
-    }
-  },
-  domHooks: {
-    root: {
-      attr: "data-component",
-      value: "tool-rail",
-      description: "Marks the ToolRail 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."
-    }
-  }
-}, dt = "ds:[inline-size:3rem]", lt = "ds:[inline-size:var(--tool-rail-panel-inline-size,var(--ai-tools-rail-panel-inline-size,22rem))]", he = "--tool-rail-panel-inline-size", ct = 288, ut = 880, ft = 352, pt = w(
-  ["ds:flex ds:shrink-0 ds:h-full", "ds:bg-[var(--background)]"].join(" "),
-  {
-    variants: {
-      side: {
-        // Strip docks inline-end; the panel mounts inline-start of it
-        // (flex-row, panel rendered first). Shadow faces the main area —
-        // no border against main (the rail stays line-free; the only seam
-        // is the strip↔panel divider on the open panel, see render).
-        // Accessible (AAA) theme swaps the soft chrome shadow for a solid 1px
-        // border on the content-facing edge (border-s for end-docked).
-        end: "ds:flex-row ds:shadow-[var(--shadow-chrome-start)] ds:[.theme-accessible_&]:border-s ds:[.theme-accessible_&]:border-[var(--border)] ds:[.theme-accessible_&]:shadow-none",
-        // Strip docks inline-start; the panel mounts inline-end of it.
-        start: "ds:flex-row-reverse ds:shadow-[var(--shadow-chrome-end)] ds:[.theme-accessible_&]:border-e ds:[.theme-accessible_&]:border-[var(--border)] ds:[.theme-accessible_&]:shadow-none"
-      }
-    },
-    defaultVariants: { side: "end" }
-  }
-), vt = w(
-  [
-    "ds:flex ds:shrink-0 ds:flex-col ds:items-center",
-    "ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]",
-    "ds:gap-[var(--spacing-xs)]",
-    dt
-  ].join(" ")
-), mt = w(
-  [
-    "ds:relative ds:flex ds:min-h-0 ds:flex-col ds:h-full",
-    "ds:bg-[var(--background)]",
-    lt,
-    // Open / collapse: the panel fades and slides from the strip. The WIDTH
-    // snaps on purpose — animating it would re-lay-out the main area (a
-    // calendar grid) on every frame. Declared at rest so both directions
-    // have a value to move from.
-    "ds:transition-[opacity,translate] ds:duration-[var(--animation-duration)]",
-    "ds:ease-[var(--ease-out)] ds:motion-reduce:transition-none",
-    "ds:data-[presence=entering]:opacity-0 ds:data-[presence=leaving]:opacity-0",
-    "ds:data-[presence=leaving]:pointer-events-none",
-    "ds:data-[resizing]:transition-none"
-  ].join(" "),
-  {
-    variants: {
-      // Slide toward the strip the panel belongs to, mirrored in RTL.
-      side: {
-        end: "ds:data-[presence=entering]:translate-x-[var(--spacing-md)] ds:data-[presence=leaving]:translate-x-[var(--spacing-md)] ds:rtl:data-[presence=entering]:-translate-x-[var(--spacing-md)] ds:rtl:data-[presence=leaving]:-translate-x-[var(--spacing-md)]",
-        start: "ds:data-[presence=entering]:-translate-x-[var(--spacing-md)] ds:data-[presence=leaving]:-translate-x-[var(--spacing-md)] ds:rtl:data-[presence=entering]:translate-x-[var(--spacing-md)] ds:rtl:data-[presence=leaving]:translate-x-[var(--spacing-md)]"
-      }
-    },
-    defaultVariants: { side: "end" }
-  }
-), gt = w(
-  [
-    "ds:flex ds:min-h-0 ds:flex-1 ds:flex-col",
-    "ds:transition-opacity ds:duration-[var(--animation-duration)]",
-    "ds:ease-[var(--ease-out)] ds:motion-reduce:transition-none",
-    "ds:data-[presence=entering]:opacity-0"
-  ].join(" ")
-), bt = w(
-  [
-    "ds:absolute ds:[inset-block:0] ds:z-[1] ds:select-none ds:touch-none",
-    "ds:[inline-size:var(--resizable-handle-size)] ds:cursor-col-resize",
-    "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
-    "ds:hover:bg-[var(--accent)] ds:focus-visible:bg-[var(--accent)] ds:data-[resizing]:bg-[var(--accent)]",
-    "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
-    "ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
-    "ds:forced-colors:focus-visible:outline-[CanvasText]",
-    "ds:before:absolute ds:before:content-['']",
-    "ds:before:[block-size:100%]",
-    "ds:before:[inline-size:var(--min-target-size)]",
-    "ds:before:[inset-block:0]",
-    "ds:before:[inset-inline:calc(0px_-_(var(--min-target-size)_-_var(--resizable-handle-size))_/_2)]"
-  ],
-  {
-    variants: {
-      edge: {
-        "inline-start": "ds:start-0",
-        "inline-end": "ds:end-0"
-      }
-    },
-    defaultVariants: { edge: "inline-start" }
-  }
-), ht = w(
-  [
-    "ds:absolute ds:-top-[var(--spacing-xs)] ds:-end-[var(--spacing-xs)]",
-    "ds:inline-flex ds:items-center ds:justify-center",
-    "ds:min-w-[calc(var(--spacing-md)+var(--spacing-xs))]",
-    "ds:h-[calc(var(--spacing-md)+var(--spacing-xs))]",
-    "ds:ps-[calc(var(--spacing-xs)/1.5)] ds:pe-[calc(var(--spacing-xs)/1.5)]",
-    "ds:rounded-[var(--radius-full)]",
-    "ds:bg-[color:var(--destructive)] ds:text-[color:var(--destructive-foreground)]",
-    "ds:text-[length:var(--font-size-xs)] ds:font-semibold ds:leading-none",
-    "ds:pointer-events-none ds:select-none",
-    "ds:forced-colors:outline ds:forced-colors:outline-1 ds:forced-colors:outline-[CanvasText]"
-  ].join(" ")
-), ye = w(
-  // `group/rail-tool` lets an affordance overlay (e.g. a pin star) reveal on
-  // hover / focus-within of the whole slot.
-  ["ds:group/rail-tool ds:relative", "ds:rounded-[var(--radius-sm)]"],
-  {
-    variants: {
-      dragging: { true: "ds:opacity-60", false: "" },
-      dropTarget: {
-        true: "ds:outline-[length:var(--focus-ring-width)] ds:outline-dashed ds:outline-[var(--accent)] ds:outline-offset-[length:var(--focus-ring-offset)]",
-        false: ""
-      },
-      reorderable: {
-        true: "ds:cursor-grab ds:active:cursor-grabbing",
-        false: ""
-      }
-    },
-    defaultVariants: {
-      dragging: !1,
-      dropTarget: !1,
-      reorderable: !1
-    }
-  }
-), yt = "ds:opacity-0", we = [
-  "ds:transition-opacity ds:duration-[var(--animation-duration)]",
-  "ds:ease-[var(--ease-out)] ds:motion-reduce:transition-none"
-].join(" ");
-function wt(l, a) {
-  return l > 99 ? a : String(l);
-}
-const xt = Ue(
-  ({
-    id: l,
-    tools: a,
-    activeToolId: xe,
-    defaultActiveToolId: Ie = null,
-    onActiveToolChange: Re,
-    side: A = "end",
-    railLabel: Te,
-    resizablePanel: N = !1,
-    onReorder: L,
-    formatReorderAnnouncement: F,
-    renderToolAffordance: K,
-    renderPanelHeader: Q,
-    dataComponent: ke = "tool-rail",
-    agentAdapter: Ae = ot,
-    className: Se
-  }, Ee) => {
-    var pe;
-    const { t: m } = Xe(), [_e, g] = Je({
-      value: xe,
-      defaultValue: Ie,
-      onChange: Re
-    }), b = _e ?? null, q = v([]), S = v(null), [B, H] = k(0), x = v(!1), O = v(!1), h = D(
-      () => a.findIndex((e) => e.id === b),
-      [a, b]
-    ), d = h >= 0 ? a[h] : null, U = v(d);
-    d && (U.current = d);
-    const ze = D(
-      () => a.findIndex((e) => !e.disabled),
-      [a]
-    ), ee = D(() => {
-      var t;
-      const e = (t = a[0]) == null ? void 0 : t.scope;
-      return e ? a.findIndex((s) => s.scope && s.scope !== e) : -1;
-    }, [a]), De = ee > 0, c = D(() => {
-      var s;
-      const e = a.findIndex((n) => n.reorderable);
-      if (e < 0) return null;
-      let t = e;
-      for (; t + 1 < a.length && ((s = a[t + 1]) != null && s.reorderable); ) t += 1;
-      return { first: e, last: t };
-    }, [a]), te = !!L && c !== null, Ne = We(), [E, W] = k(null), [se, C] = k(null), { resolvedTheme: Le } = rt(), V = Le.endsWith("-accessible") || void 0, { containerRef: Ce } = et({
-      key: a.map((e) => e.id).join(),
-      reduceMotion: V
-    }), $ = tt({ reduceMotion: V }), Z = nt(
-      d !== null,
-      { reduceMotion: V }
-    ), y = d === null && Z.mounted, p = d ?? (y ? U.current : null), { ref: ae } = Z, Ve = P(
-      (e) => {
-        S.current = e, ae(e);
-      },
-      [ae]
-    );
-    M(() => {
-      var s, n;
-      const e = S.current;
-      if (!e) return;
-      const t = document.activeElement;
-      if (y && t instanceof HTMLElement && e.contains(t)) {
-        const i = (s = U.current) == null ? void 0 : s.id, o = i ? (n = z.current) == null ? void 0 : n.querySelector(
-          `[data-tool-id="${CSS.escape(i)}"]`
-        ) : null;
-        t.blur(), e.setAttribute("inert", ""), o == null || o.focus();
-        return;
-      }
-      e.toggleAttribute("inert", y);
-    }, [y]);
-    const je = at(), [j, ne] = k(
-      (d == null ? void 0 : d.id) ?? null
-    ), I = (d == null ? void 0 : d.id) ?? null, X = !V && !je && I !== null && j !== null && j !== I;
-    M(() => {
-      if (j === I) return;
-      if (!X) {
-        ne(I);
-        return;
-      }
-      let e = 0;
-      const t = () => ne(I), s = requestAnimationFrame(() => {
-        e = requestAnimationFrame(t);
-      }), n = window.setTimeout(t, 64);
-      return () => {
-        cancelAnimationFrame(s), cancelAnimationFrame(e), window.clearTimeout(n);
-      };
-    }, [I, j, X]);
-    const [Pe, re] = k([]), ie = v(a);
-    ge(() => {
-      const e = ie.current, t = new Set(a.map((n) => n.id)), s = e.filter((n) => !t.has(n.id));
-      if (s.length > 0) {
-        re((n) => {
-          const i = new Set(n.map((o) => o.id));
-          return [
-            ...n,
-            ...s.filter((o) => !i.has(o.id))
-          ];
-        });
-        for (const n of s)
-          $.leave(n.id, () => {
-            re(
-              (i) => i.filter((o) => o.id !== n.id)
-            );
-          });
-      }
-      ie.current = a;
-    }, [a, $]);
-    const [Me, Fe] = k(""), Y = v(!1), oe = P(
-      (e, t) => {
-        if (!L || !c) return;
-        const s = Math.max(
-          c.first,
-          Math.min(c.last, t)
-        );
-        if (s === e) return;
-        L(e, s);
-        const n = a[e];
-        if (n) {
-          const i = F ? F({ tool: n, from: e, to: s }) : m("toolRail.reorderAnnounce", {
-            tool: n.label,
-            to: s - c.first + 1,
-            total: c.last - c.first + 1,
-            defaultValue: "{{tool}} moved to position {{to}} of {{total}}"
-          });
-          i && (Y.current = !Y.current, Fe(Y.current ? i : `${i}​`));
-        }
-      },
-      [L, c, a, m, F]
-    ), _ = h >= 0 ? h : B >= 0 && !((pe = a[B]) != null && pe.disabled) ? B : ze, Ke = P(
-      (e, t) => {
-        const s = a.find((n) => n.id === e);
-        !s || s.disabled || (x.current = t, g(b === e ? null : e));
-      },
-      [a, b, g]
-    ), qe = P(
-      (e) => {
-        var R, r, u;
-        const t = a.length;
-        if (t === 0 || e.altKey) return;
-        let s = null;
-        if (e.key === "ArrowDown" ? s = (_ + 1) % t : e.key === "ArrowUp" ? s = (_ - 1 + t) % t : e.key === "Home" ? s = 0 : e.key === "End" && (s = t - 1), s === null) return;
-        const n = e.key === "ArrowUp" || e.key === "End";
-        let i = s, o = 0;
-        for (; o < t && ((R = a[i]) != null && R.disabled); )
-          i = n ? (i - 1 + t) % t : (i + 1) % t, o += 1;
-        (r = a[i]) != null && r.disabled || (e.preventDefault(), H(i), (u = q.current[i]) == null || u.focus());
-      },
-      [a, _]
-    ), z = v(null);
-    ge(() => {
-      const e = z.current;
-      if (!e) return;
-      const t = (s) => {
-        if (s.key !== "Escape" || h < 0) return;
-        s.preventDefault();
-        const n = h;
-        g(null), H(n), requestAnimationFrame(() => {
-          var i;
-          (i = q.current[n]) == null || i.focus();
-        });
-      };
-      return e.addEventListener("keydown", t), () => e.removeEventListener("keydown", t);
-    }, [h, g]), M(() => {
-      var e;
-      d && x.current && ((e = S.current) == null || e.focus()), x.current = !1;
-    }, [d]);
-    const de = A === "end" ? "inline-start" : "inline-end", { separatorProps: le, isResizing: ce, isResized: ue } = Qe({
-      edge: de,
-      targetRef: S,
-      cssProperty: he,
-      minSize: ct,
-      maxSize: ut,
-      defaultSize: ft,
-      disabled: !N
-    }), fe = le["aria-valuenow"];
-    M(() => {
-      var e;
-      !N || !ue || !d || (e = S.current) == null || e.style.setProperty(
-        he,
-        `${fe}px`
-      );
-    }, [d, N, ue, fe]);
-    const G = v(b);
-    G.current = b;
-    const J = D(
-      () => ({
-        getActiveToolId: () => G.current,
-        setActiveTool: (e) => {
-          x.current = !1, g(e);
-        },
-        open: (e) => {
-          const t = a.find((s) => s.id === e);
-          !t || t.disabled || (x.current = !1, g(e));
-        },
-        close: () => {
-          const e = G.current;
-          x.current = !1, g(null), e != null && requestAnimationFrame(() => {
-            var t, s;
-            (s = (t = z.current) == null ? void 0 : t.querySelector(
-              `[data-tool-id="${CSS.escape(e)}"]`
-            )) == null || s.focus();
-          });
-        }
-      }),
-      [a, g]
-    );
-    $e(Ee, () => J, [J]), it(Ae, J, l);
-    const Be = m("toolRail.badgeCountOverflow", {
-      defaultValue: "99+"
-    });
-    return /* @__PURE__ */ T(
-      "div",
-      {
-        ref: z,
-        "data-component": ke,
-        "data-component-id": l,
-        "data-side": A,
-        className: [pt({ side: A }), Se].filter(Boolean).join(" "),
-        children: [
-          te ? /* @__PURE__ */ f("span", { role: "status", "aria-live": "polite", className: "ds:sr-only", children: Me }) : null,
-          p ? /* @__PURE__ */ T(
-            "aside",
-            {
-              ref: Ve,
-              tabIndex: -1,
-              "aria-label": m("toolRail.panelLabel", {
-                tool: p.label,
-                defaultValue: "{{tool}} panel"
-              }),
-              "aria-hidden": y || void 0,
-              "data-tool-rail-state": y ? "collapsing" : "expanded",
-              "data-presence": Z.phase,
-              "data-active-tool": p.id,
-              "data-resizing": ce ? "" : void 0,
-              className: [
-                mt({ side: A }),
-                // Subtle shadow — not a line — separating the panel from the
-                // icon strip (the tab row). The panel casts a soft chrome
-                // shadow toward the strip on its strip-facing edge. `z-[1]`
-                // lifts it above the adjacent strip (the panel is already
-                // `relative`) so the shadow paints at the seam instead of being
-                // covered by the strip's opaque background. Only renders while
-                // the panel is open (the aside is unmounted when collapsed), so
-                // it never doubles as a rail↔main seam. In the accessible (AAA)
-                // theme the soft shadow becomes a solid 1px border on that same
-                // strip-facing edge.
-                "ds:z-[1]",
-                A === "end" ? "ds:shadow-[var(--shadow-chrome-end)] ds:[.theme-accessible_&]:border-e ds:[.theme-accessible_&]:border-[var(--border)] ds:[.theme-accessible_&]:shadow-none" : "ds:shadow-[var(--shadow-chrome-start)] ds:[.theme-accessible_&]:border-s ds:[.theme-accessible_&]:border-[var(--border)] ds:[.theme-accessible_&]:shadow-none",
-                "ds:focus-visible:outline-none"
-              ].join(" "),
-              children: [
-                Q ? Q(p, { isActive: !y }) : null,
-                /* @__PURE__ */ T(
-                  "div",
-                  {
-                    "data-presence": X ? "entering" : "present",
-                    className: gt(),
-                    children: [
-                      p.header ? /* @__PURE__ */ f("div", { className: "ds:shrink-0", children: p.header }) : null,
-                      p.fill ? (
-                        // data-tool-fill: a self-scrolling panel owns its own native
-                        // scroll (it can't use the rail's ScrollArea), so a token rule
-                        // paints its scrollbar to match the 8px overlay. See tokens/index.css.
-                        /* @__PURE__ */ f("div", { "data-tool-fill": "", className: "ds:flex-1 ds:min-h-0", children: p.panel })
-                      ) : /* @__PURE__ */ f(
-                        Ye,
-                        {
-                          orientation: "vertical",
-                          className: "ds:flex-1 ds:min-h-0",
-                          children: p.panel
-                        }
-                      )
-                    ]
-                  },
-                  p.id
-                ),
-                N ? /* @__PURE__ */ f(
-                  "div",
-                  {
-                    ...le,
-                    "aria-label": m("toolRail.resizePanel", {
-                      defaultValue: "Resize tool panel"
-                    }),
-                    "data-resizing": ce ? "" : void 0,
-                    className: bt({ edge: de })
-                  }
-                ) : null
-              ]
-            }
-          ) : null,
-          /* @__PURE__ */ f(Ge, { children: /* @__PURE__ */ T(
-            "div",
-            {
-              ref: Ce,
-              role: "toolbar",
-              "aria-orientation": "vertical",
-              "aria-label": Te ?? m("toolRail.railLabel", { defaultValue: "Tools" }),
-              className: vt(),
-              onKeyDown: qe,
-              children: [
-                a.map((e, t) => {
-                  const s = e.id === b, n = typeof e.badgeCount == "number" && e.badgeCount > 0, i = n ? m("toolRail.toolWithCount", {
-                    tool: e.label,
-                    count: e.badgeCount,
-                    defaultValue: "{{tool}}, {{count}} updates"
-                  }) : e.label, o = te && !!e.reorderable && !e.disabled, R = o ? `${Ne}-${e.id}` : void 0;
-                  return /* @__PURE__ */ T(Ze, { children: [
-                    De && t === ee ? /* @__PURE__ */ f(
-                      "div",
-                      {
-                        role: "separator",
-                        "aria-orientation": "horizontal",
-                        className: "ds:my-[var(--spacing-2xs)] ds:h-px ds:w-[var(--spacing-lg)] ds:shrink-0 ds:bg-[var(--border)] ds:forced-colors:bg-[CanvasText]"
-                      }
-                    ) : null,
-                    /* @__PURE__ */ T(
-                      "div",
-                      {
-                        className: [
-                          ye({
-                            dragging: E === t,
-                            dropTarget: se === t && E !== t,
-                            reorderable: o
-                          }),
-                          we,
-                          st
-                        ].filter(Boolean).join(" "),
-                        "data-reflow-id": e.id,
-                        "data-dragging": E === t ? "" : void 0,
-                        draggable: o || void 0,
-                        onDragStart: o ? (r) => {
-                          W(t), r.dataTransfer.effectAllowed = "move", r.dataTransfer.setData(
-                            "text/plain",
-                            String(t)
-                          );
-                        } : void 0,
-                        onDragOver: o ? (r) => {
-                          E !== null && (r.preventDefault(), r.dataTransfer.dropEffect = "move", se !== t && C(t));
-                        } : void 0,
-                        onDragLeave: o ? () => C((r) => r === t ? null : r) : void 0,
-                        onDrop: o ? (r) => {
-                          r.preventDefault();
-                          const u = E;
-                          C(null), W(null), !(u === null || u === t) && oe(u, t);
-                        } : void 0,
-                        onDragEnd: o ? () => {
-                          W(null), C(null);
-                        } : void 0,
-                        children: [
-                          /* @__PURE__ */ f(
-                            be,
-                            {
-                              ref: (r) => {
-                                q.current[t] = r;
-                              },
-                              icon: e.icon,
-                              tooltip: e.label,
-                              "aria-label": i,
-                              intent: "ghost",
-                              size: "sm",
-                              disabled: e.disabled,
-                              "aria-pressed": s,
-                              "aria-expanded": s,
-                              "data-active": s ? e.id : void 0,
-                              "data-tool-id": e.id,
-                              "aria-describedby": R,
-                              "aria-keyshortcuts": o ? "Alt+ArrowUp Alt+ArrowDown" : void 0,
-                              tabIndex: t === _ ? 0 : -1,
-                              onFocus: () => {
-                                e.disabled || H(t);
-                              },
-                              onClick: () => Ke(e.id, O.current),
-                              onKeyDown: (r) => {
-                                if (r.key === "Enter" || r.key === " ") {
-                                  O.current = !0;
-                                  return;
-                                }
-                                if (o && r.altKey && c) {
-                                  let u = null;
-                                  if (r.key === "ArrowUp" ? u = t - 1 : r.key === "ArrowDown" ? u = t + 1 : r.key === "Home" ? u = c.first : r.key === "End" && (u = c.last), u !== null) {
-                                    r.preventDefault();
-                                    const He = Math.max(
-                                      c.first,
-                                      Math.min(c.last, u)
-                                    ), Oe = e.id;
-                                    oe(t, He), requestAnimationFrame(() => {
-                                      var ve, me;
-                                      (me = (ve = z.current) == null ? void 0 : ve.querySelector(
-                                        `[data-tool-id="${CSS.escape(Oe)}"]`
-                                      )) == null || me.focus();
-                                    });
-                                  }
-                                }
-                              },
-                              onKeyUp: (r) => {
-                                (r.key === "Enter" || r.key === " ") && (O.current = !1);
-                              }
-                            }
-                          ),
-                          n ? /* @__PURE__ */ f("span", { "aria-hidden": "true", className: ht(), children: wt(
-                            e.badgeCount,
-                            Be
-                          ) }) : null,
-                          K == null ? void 0 : K(e, {
-                            index: t,
-                            isActive: s,
-                            isRovingTarget: t === _
-                          }),
-                          R ? /* @__PURE__ */ f("span", { id: R, className: "ds:sr-only", children: m("toolRail.reorderInstructions", {
-                            tool: e.label,
-                            defaultValue: "Reorder {{tool}}. Press Alt + Up or Alt + Down to move."
-                          }) }) : null
-                        ]
-                      }
-                    )
-                  ] }, e.id);
-                }),
-                Pe.map(
-                  (e) => $.isLeaving(e.id) ? /* @__PURE__ */ f(
-                    "div",
-                    {
-                      className: [
-                        ye({
-                          dragging: !1,
-                          dropTarget: !1,
-                          reorderable: !1
-                        }),
-                        we,
-                        yt
-                      ].filter(Boolean).join(" "),
-                      "aria-hidden": "true",
-                      children: /* @__PURE__ */ f(
-                        be,
-                        {
-                          icon: e.icon,
-                          intent: "ghost",
-                          size: "sm",
-                          disabled: !0,
-                          tabIndex: -1
-                        }
-                      )
-                    },
-                    e.id
-                  ) : null
-                )
-              ]
-            }
-          ) })
-        ]
-      }
-    );
-  }
-);
-xt.displayName = "ToolRail";
-export {
-  xt as T,
-  ot as t
-};
-//# sourceMappingURL=tool-rail-BP8sjxCw.js.map