@alfadocs/ui-kit 0.70.0 → 0.72.0

package/dist/_chunks/{ai-tools-rail-B5NEghsp.js → tool-rail-BZx0-yIr.js}

@@ -1,21 +1,21 @@
 import { jsxs as D, jsx as f } from "react/jsx-runtime";
-import { forwardRef as Ie, useRef as m, useState as E, useMemo as T, useId as xe, useCallback as U, useEffect as Te, useImperativeHandle as Re, Fragment as ke } from "react";
+import { forwardRef as Re, useRef as m, useState as E, useMemo as R, useId as ke, useCallback as F, useEffect as Te, useImperativeHandle as ze, Fragment as _e } from "react";
 import { c as w } from "./index-D2ZczOXr.js";
 import { useTranslation as Ae } from "react-i18next";
-import { I as _e } from "./icon-button-LqoiKcUN.js";
-import { S as ze } from "./scroll-area-5wNK0Cyz.js";
-import { a as De } from "./tooltip-DvmfrNvB.js";
-import { u as Ee } from "./use-controllable-state-BiY4xTzM.js";
-import { u as Se } from "./use-edge-resize-ZnGG7gyO.js";
-import { u as ae } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
-import { u as Ne } from "./registry-DvAUVLHh.js";
-const Ve = {
-  id: "ai-tools-rail",
+import { I as Se } from "./icon-button-LqoiKcUN.js";
+import { S as De } from "./scroll-area-BZOvUhwQ.js";
+import { a as Ee } from "./tooltip-DvmfrNvB.js";
+import { u as Ne } from "./use-controllable-state-BiY4xTzM.js";
+import { u as Ce } from "./use-edge-resize-ZnGG7gyO.js";
+import { u as te } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
+import { u as Ve } from "./registry-DvAUVLHh.js";
+const Le = {
+  id: "tool-rail",
   capabilities: ["open", "close", "select_single"],
   state: {
     activeToolId: {
       type: "string | null",
-      descriptionKey: "ui.aiToolsRail.agent.state.activeToolId",
+      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: (o) => o.getActiveToolId()
     }
@@ -33,7 +33,7 @@ const Ve = {
       idempotent: !0,
       // descriptionKey shape is intentionally pre-existing — already resolves to
       // real multi-locale translations; do not canonicalise.
-      descriptionKey: "ui.aiToolsRail.agent.actions.open",
+      descriptionKey: "ui.toolRail.agent.actions.open",
       description: "Open the given tool's panel.",
       examples: [{ args: { id: "inbox" }, note: "Open the inbox tool panel." }],
       invoke: (o, a) => {
@@ -43,7 +43,7 @@ const Ve = {
     close: {
       safety: "read",
       idempotent: !0,
-      descriptionKey: "ui.aiToolsRail.agent.actions.close",
+      descriptionKey: "ui.toolRail.agent.actions.close",
       description: "Collapse the rail to its strip (no active tool).",
       invoke: (o) => {
         o.close();
@@ -58,7 +58,7 @@ const Ve = {
         required: ["id"]
       },
       idempotent: !0,
-      descriptionKey: "ui.aiToolsRail.agent.actions.selectTool",
+      descriptionKey: "ui.toolRail.agent.actions.selectTool",
       description: "Set the active tool by id (opens its panel), or pass null to collapse.",
       invoke: (o, a) => {
         o.setActiveTool(a.id);
@@ -68,8 +68,8 @@ const Ve = {
   domHooks: {
     root: {
       attr: "data-component",
-      value: "ai-tools-rail",
-      description: "Marks the AiToolsRail wrapper."
+      value: "tool-rail",
+      description: "Marks the ToolRail wrapper."
     },
     instanceId: {
       attr: "data-component-id",
@@ -81,7 +81,7 @@ const Ve = {
       description: "Stable tool id emitted on each strip IconButton. The active icon also carries data-active set to its id."
     }
   }
-}, Ce = "ds:[inline-size:3rem]", Le = "ds:[inline-size:var(--ai-tools-rail-panel-inline-size,22rem)]", te = "--ai-tools-rail-panel-inline-size", Ke = 288, je = 640, Pe = 352, Me = w(
+}, Ke = "ds:[inline-size:3rem]", je = "ds:[inline-size:var(--tool-rail-panel-inline-size,var(--ai-tools-rail-panel-inline-size,22rem))]", ae = "--tool-rail-panel-inline-size", Pe = 288, Me = 640, qe = 352, Be = w(
   ["ds:flex ds:shrink-0 ds:h-full", "ds:bg-[var(--background)]"].join(" "),
   {
     variants: {
@@ -99,23 +99,23 @@ const Ve = {
     },
     defaultVariants: { side: "end" }
   }
-), Be = w(
+), Fe = 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)]",
-    Ce
+    Ke
   ].join(" ")
 ), Ue = w(
   [
     "ds:relative ds:flex ds:min-h-0 ds:flex-col ds:h-full",
     "ds:bg-[var(--background)]",
-    Le,
+    je,
     // Defensive: the panel doesn't animate its width today, but if a
     // consumer adds a transition on the var, suppress it mid-drag.
     "ds:data-[resizing]:transition-none"
   ].join(" ")
-), qe = w(
+), He = 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",
@@ -139,7 +139,7 @@ const Ve = {
     },
     defaultVariants: { edge: "inline-start" }
   }
-), Fe = w(
+), $e = w(
   [
     "ds:absolute ds:-top-[var(--spacing-xs)] ds:-end-[var(--spacing-xs)]",
     "ds:inline-flex ds:items-center ds:justify-center",
@@ -152,7 +152,7 @@ const Ve = {
     "ds:pointer-events-none ds:select-none",
     "ds:forced-colors:outline ds:forced-colors:outline-1 ds:forced-colors:outline-[CanvasText]"
   ].join(" ")
-), He = w(
+), Oe = 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)]"],
@@ -160,7 +160,7 @@ const Ve = {
     variants: {
       dragging: { true: "ds:opacity-60", false: "" },
       dropTarget: {
-        true: "ds:outline-[length:var(--focus-ring-width)] ds:outline-dashed ds:outline-[var(--primary)] ds:outline-offset-[-2px]",
+        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: {
@@ -175,127 +175,129 @@ const Ve = {
     }
   }
 );
-function Oe(o, a) {
+function We(o, a) {
   return o > 99 ? a : String(o);
 }
-const $e = Ie(
+const Ze = Re(
   ({
     id: o,
     tools: a,
     activeToolId: re,
-    defaultActiveToolId: ie = null,
-    onActiveToolChange: ne,
-    side: R = "end",
+    defaultActiveToolId: ne = null,
+    onActiveToolChange: ie,
+    side: k = "end",
     railLabel: oe,
-    resizablePanel: k = !1,
-    onReorder: A,
-    formatReorderAnnouncement: S,
-    renderToolAffordance: N,
-    renderPanelHeader: q,
-    className: le
-  }, de) => {
+    resizablePanel: T = !1,
+    onReorder: z,
+    formatReorderAnnouncement: N,
+    renderToolAffordance: C,
+    renderPanelHeader: U,
+    dataComponent: le = "tool-rail",
+    agentAdapter: de = Le,
+    className: ce
+  }, ue) => {
     var Q;
-    const { t: p } = Ae(), [ce, v] = Ee({
+    const { t: p } = Ae(), [fe, v] = Ne({
       value: re,
-      defaultValue: ie,
-      onChange: ne
-    }), g = ce ?? null, V = m([]), _ = m(null), [C, L] = E(0), h = m(!1), K = m(!1), b = T(
+      defaultValue: ne,
+      onChange: ie
+    }), g = fe ?? null, V = m([]), _ = m(null), [L, K] = E(0), h = m(!1), j = m(!1), b = R(
       () => a.findIndex((e) => e.id === g),
       [a, g]
-    ), l = b >= 0 ? a[b] : null, ue = T(
+    ), l = b >= 0 ? a[b] : null, pe = R(
       () => a.findIndex((e) => !e.disabled),
       [a]
-    ), F = T(() => {
+    ), H = R(() => {
       var s;
       const e = (s = a[0]) == null ? void 0 : s.scope;
       return e ? a.findIndex((t) => t.scope && t.scope !== e) : -1;
-    }, [a]), fe = F > 0, d = T(() => {
+    }, [a]), ve = H > 0, d = R(() => {
       var t;
-      const e = a.findIndex((n) => n.reorderable);
+      const e = a.findIndex((i) => i.reorderable);
       if (e < 0) return null;
       let s = e;
       for (; s + 1 < a.length && ((t = a[s + 1]) != null && t.reorderable); ) s += 1;
       return { first: e, last: s };
-    }, [a]), H = !!A && d !== null, pe = xe(), [I, j] = E(null), [O, z] = E(null), [ve, ge] = E(""), P = m(!1), $ = U(
+    }, [a]), $ = !!z && d !== null, ge = ke(), [I, P] = E(null), [O, A] = E(null), [be, me] = E(""), M = m(!1), W = F(
       (e, s) => {
-        if (!A || !d) return;
+        if (!z || !d) return;
         const t = Math.max(
           d.first,
           Math.min(d.last, s)
         );
         if (t === e) return;
-        A(e, t);
-        const n = a[e];
-        if (n) {
-          const i = S ? S({ tool: n, from: e, to: t }) : p("aiToolsRail.reorderAnnounce", {
-            tool: n.label,
+        z(e, t);
+        const i = a[e];
+        if (i) {
+          const n = N ? N({ tool: i, from: e, to: t }) : p("toolRail.reorderAnnounce", {
+            tool: i.label,
             to: t - d.first + 1,
             total: d.last - d.first + 1,
             defaultValue: "{{tool}} moved to position {{to}} of {{total}}"
           });
-          i && (P.current = !P.current, ge(P.current ? i : `${i}​`));
+          n && (M.current = !M.current, me(M.current ? n : `${n}​`));
         }
       },
-      [A, d, a, p, S]
-    ), x = b >= 0 ? b : C >= 0 && !((Q = a[C]) != null && Q.disabled) ? C : ue, be = U(
+      [z, d, a, p, N]
+    ), x = b >= 0 ? b : L >= 0 && !((Q = a[L]) != null && Q.disabled) ? L : pe, he = F(
       (e, s) => {
-        const t = a.find((n) => n.id === e);
+        const t = a.find((i) => i.id === e);
         !t || t.disabled || (h.current = s, v(g === e ? null : e));
       },
       [a, g, v]
-    ), me = U(
+    ), ye = F(
       (e) => {
         var y, r, u;
         const s = a.length;
         if (s === 0 || e.altKey) return;
         let t = null;
         if (e.key === "ArrowDown" ? t = (x + 1) % s : e.key === "ArrowUp" ? t = (x - 1 + s) % s : e.key === "Home" ? t = 0 : e.key === "End" && (t = s - 1), t === null) return;
-        const n = e.key === "ArrowUp" || e.key === "End";
-        let i = t, c = 0;
-        for (; c < s && ((y = a[i]) != null && y.disabled); )
-          i = n ? (i - 1 + s) % s : (i + 1) % s, c += 1;
-        (r = a[i]) != null && r.disabled || (e.preventDefault(), L(i), (u = V.current[i]) == null || u.focus());
+        const i = e.key === "ArrowUp" || e.key === "End";
+        let n = t, c = 0;
+        for (; c < s && ((y = a[n]) != null && y.disabled); )
+          n = i ? (n - 1 + s) % s : (n + 1) % s, c += 1;
+        (r = a[n]) != null && r.disabled || (e.preventDefault(), K(n), (u = V.current[n]) == null || u.focus());
       },
       [a, x]
-    ), M = m(null);
+    ), S = m(null);
     Te(() => {
-      const e = M.current;
+      const e = S.current;
       if (!e) return;
       const s = (t) => {
         if (t.key !== "Escape" || b < 0) return;
         t.preventDefault();
-        const n = b;
-        v(null), L(n), requestAnimationFrame(() => {
-          var i;
-          (i = V.current[n]) == null || i.focus();
+        const i = b;
+        v(null), K(i), requestAnimationFrame(() => {
+          var n;
+          (n = V.current[i]) == null || n.focus();
         });
       };
       return e.addEventListener("keydown", s), () => e.removeEventListener("keydown", s);
-    }, [b, v]), ae(() => {
+    }, [b, v]), te(() => {
       var e;
       l && h.current && ((e = _.current) == null || e.focus()), h.current = !1;
     }, [l]);
-    const W = R === "end" ? "inline-start" : "inline-end", { separatorProps: Z, isResizing: X, isResized: Y } = Se({
-      edge: W,
+    const Z = k === "end" ? "inline-start" : "inline-end", { separatorProps: X, isResizing: Y, isResized: G } = Ce({
+      edge: Z,
       targetRef: _,
-      cssProperty: te,
-      minSize: Ke,
-      maxSize: je,
-      defaultSize: Pe,
-      disabled: !k
-    }), G = Z["aria-valuenow"];
-    ae(() => {
+      cssProperty: ae,
+      minSize: Pe,
+      maxSize: Me,
+      defaultSize: qe,
+      disabled: !T
+    }), J = X["aria-valuenow"];
+    te(() => {
       var e;
-      !k || !Y || !l || (e = _.current) == null || e.style.setProperty(
-        te,
-        `${G}px`
+      !T || !G || !l || (e = _.current) == null || e.style.setProperty(
+        ae,
+        `${J}px`
       );
-    }, [l, k, Y, G]);
-    const J = m(g);
-    J.current = g;
-    const B = T(
+    }, [l, T, G, J]);
+    const q = m(g);
+    q.current = g;
+    const B = R(
       () => ({
-        getActiveToolId: () => J.current,
+        getActiveToolId: () => q.current,
         setActiveTool: (e) => {
           h.current = !1, v(e);
         },
@@ -304,37 +306,43 @@ const $e = Ie(
           !s || s.disabled || (h.current = !1, v(e));
         },
         close: () => {
-          h.current = !1, v(null);
+          const e = q.current;
+          h.current = !1, v(null), e != null && requestAnimationFrame(() => {
+            var s, t;
+            (t = (s = S.current) == null ? void 0 : s.querySelector(
+              `[data-tool-id="${CSS.escape(e)}"]`
+            )) == null || t.focus();
+          });
         }
       }),
       [a, v]
     );
-    Re(de, () => B, [B]), Ne(Ve, B, o);
-    const he = p("aiToolsRail.badgeCountOverflow", {
+    ze(ue, () => B, [B]), Ve(de, B, o);
+    const we = p("toolRail.badgeCountOverflow", {
       defaultValue: "99+"
     });
     return /* @__PURE__ */ D(
       "div",
       {
-        ref: M,
-        "data-component": "ai-tools-rail",
+        ref: S,
+        "data-component": le,
         "data-component-id": o,
-        "data-side": R,
-        className: [Me({ side: R }), le].filter(Boolean).join(" "),
+        "data-side": k,
+        className: [Be({ side: k }), ce].filter(Boolean).join(" "),
         children: [
-          H ? /* @__PURE__ */ f("span", { role: "status", "aria-live": "polite", className: "ds:sr-only", children: ve }) : null,
+          $ ? /* @__PURE__ */ f("span", { role: "status", "aria-live": "polite", className: "ds:sr-only", children: be }) : null,
           l ? /* @__PURE__ */ D(
             "aside",
             {
               ref: _,
               tabIndex: -1,
-              "aria-label": p("aiToolsRail.panelLabel", {
+              "aria-label": p("toolRail.panelLabel", {
                 tool: l.label,
                 defaultValue: "{{tool}} panel"
               }),
-              "data-ai-tools-rail-state": "expanded",
+              "data-tool-rail-state": "expanded",
               "data-active-tool": l.id,
-              "data-resizing": X ? "" : void 0,
+              "data-resizing": Y ? "" : void 0,
               className: [
                 Ue(),
                 // Subtle shadow — not a line — separating the panel from the
@@ -348,61 +356,66 @@ const $e = Ie(
                 // theme the soft shadow becomes a solid 1px border on that same
                 // strip-facing edge.
                 "ds:z-[1]",
-                R === "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",
+                k === "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(l, { isActive: !0 }) : null,
+                U ? U(l, { isActive: !0 }) : null,
                 l.header ? /* @__PURE__ */ f("div", { className: "ds:shrink-0", children: l.header }) : null,
-                l.fill ? /* @__PURE__ */ f("div", { className: "ds:flex-1 ds:min-h-0", children: l.panel }) : /* @__PURE__ */ f(
-                  ze,
+                l.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: l.panel })
+                ) : /* @__PURE__ */ f(
+                  De,
                   {
                     orientation: "vertical",
                     className: "ds:flex-1 ds:min-h-0",
                     children: l.panel
                   }
                 ),
-                k ? /* @__PURE__ */ f(
+                T ? /* @__PURE__ */ f(
                   "div",
                   {
-                    ...Z,
-                    "aria-label": p("aiToolsRail.resizePanel", {
+                    ...X,
+                    "aria-label": p("toolRail.resizePanel", {
                       defaultValue: "Resize tool panel"
                     }),
-                    "data-resizing": X ? "" : void 0,
-                    className: qe({ edge: W })
+                    "data-resizing": Y ? "" : void 0,
+                    className: He({ edge: Z })
                   }
                 ) : null
               ]
             }
           ) : null,
-          /* @__PURE__ */ f(De, { children: /* @__PURE__ */ f(
+          /* @__PURE__ */ f(Ee, { children: /* @__PURE__ */ f(
             "div",
             {
               role: "toolbar",
               "aria-orientation": "vertical",
-              "aria-label": oe ?? p("aiToolsRail.railLabel", { defaultValue: "AI tools" }),
-              className: Be(),
-              onKeyDown: me,
+              "aria-label": oe ?? p("toolRail.railLabel", { defaultValue: "Tools" }),
+              className: Fe(),
+              onKeyDown: ye,
               children: a.map((e, s) => {
-                const t = e.id === g, n = typeof e.badgeCount == "number" && e.badgeCount > 0, i = n ? p("aiToolsRail.toolWithCount", {
+                const t = e.id === g, i = typeof e.badgeCount == "number" && e.badgeCount > 0, n = i ? p("toolRail.toolWithCount", {
                   tool: e.label,
                   count: e.badgeCount,
                   defaultValue: "{{tool}}, {{count}} updates"
-                }) : e.label, c = H && !!e.reorderable && !e.disabled, y = c ? `${pe}-${e.id}` : void 0;
-                return /* @__PURE__ */ D(ke, { children: [
-                  fe && s === F ? /* @__PURE__ */ f(
+                }) : e.label, c = $ && !!e.reorderable && !e.disabled, y = c ? `${ge}-${e.id}` : void 0;
+                return /* @__PURE__ */ D(_e, { children: [
+                  ve && s === H ? /* @__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)]"
+                      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__ */ D(
                     "div",
                     {
-                      className: He({
+                      className: Oe({
                         dragging: I === s,
                         dropTarget: O === s && I !== s,
                         reorderable: c
@@ -410,33 +423,33 @@ const $e = Ie(
                       "data-dragging": I === s ? "" : void 0,
                       draggable: c || void 0,
                       onDragStart: c ? (r) => {
-                        j(s), r.dataTransfer.effectAllowed = "move", r.dataTransfer.setData(
+                        P(s), r.dataTransfer.effectAllowed = "move", r.dataTransfer.setData(
                           "text/plain",
                           String(s)
                         );
                       } : void 0,
                       onDragOver: c ? (r) => {
-                        I !== null && (r.preventDefault(), r.dataTransfer.dropEffect = "move", O !== s && z(s));
+                        I !== null && (r.preventDefault(), r.dataTransfer.dropEffect = "move", O !== s && A(s));
                       } : void 0,
-                      onDragLeave: c ? () => z((r) => r === s ? null : r) : void 0,
+                      onDragLeave: c ? () => A((r) => r === s ? null : r) : void 0,
                       onDrop: c ? (r) => {
                         r.preventDefault();
                         const u = I;
-                        z(null), j(null), !(u === null || u === s) && $(u, s);
+                        A(null), P(null), !(u === null || u === s) && W(u, s);
                       } : void 0,
                       onDragEnd: c ? () => {
-                        j(null), z(null);
+                        P(null), A(null);
                       } : void 0,
                       children: [
                         /* @__PURE__ */ f(
-                          _e,
+                          Se,
                           {
                             ref: (r) => {
                               V.current[s] = r;
                             },
                             icon: e.icon,
                             tooltip: e.label,
-                            "aria-label": i,
+                            "aria-label": n,
                             intent: "ghost",
                             size: "sm",
                             disabled: e.disabled,
@@ -448,46 +461,46 @@ const $e = Ie(
                             "aria-keyshortcuts": c ? "Alt+ArrowUp Alt+ArrowDown" : void 0,
                             tabIndex: s === x ? 0 : -1,
                             onFocus: () => {
-                              e.disabled || L(s);
+                              e.disabled || K(s);
                             },
-                            onClick: () => be(e.id, K.current),
+                            onClick: () => he(e.id, j.current),
                             onKeyDown: (r) => {
                               if (r.key === "Enter" || r.key === " ") {
-                                K.current = !0;
+                                j.current = !0;
                                 return;
                               }
                               if (c && r.altKey && d) {
                                 let u = null;
                                 if (r.key === "ArrowUp" ? u = s - 1 : r.key === "ArrowDown" ? u = s + 1 : r.key === "Home" ? u = d.first : r.key === "End" && (u = d.last), u !== null) {
                                   r.preventDefault();
-                                  const ye = Math.max(
+                                  const Ie = Math.max(
                                     d.first,
                                     Math.min(d.last, u)
-                                  ), we = e.id;
-                                  $(s, ye), requestAnimationFrame(() => {
+                                  ), xe = e.id;
+                                  W(s, Ie), requestAnimationFrame(() => {
                                     var ee, se;
-                                    (se = (ee = M.current) == null ? void 0 : ee.querySelector(
-                                      `[data-tool-id="${CSS.escape(we)}"]`
+                                    (se = (ee = S.current) == null ? void 0 : ee.querySelector(
+                                      `[data-tool-id="${CSS.escape(xe)}"]`
                                     )) == null || se.focus();
                                   });
                                 }
                               }
                             },
                             onKeyUp: (r) => {
-                              (r.key === "Enter" || r.key === " ") && (K.current = !1);
+                              (r.key === "Enter" || r.key === " ") && (j.current = !1);
                             }
                           }
                         ),
-                        n ? /* @__PURE__ */ f("span", { "aria-hidden": "true", className: Fe(), children: Oe(
+                        i ? /* @__PURE__ */ f("span", { "aria-hidden": "true", className: $e(), children: We(
                           e.badgeCount,
-                          he
+                          we
                         ) }) : null,
-                        N == null ? void 0 : N(e, {
+                        C == null ? void 0 : C(e, {
                           index: s,
                           isActive: t,
                           isRovingTarget: s === x
                         }),
-                        y ? /* @__PURE__ */ f("span", { id: y, className: "ds:sr-only", children: p("aiToolsRail.reorderInstructions", {
+                        y ? /* @__PURE__ */ f("span", { id: y, className: "ds:sr-only", children: p("toolRail.reorderInstructions", {
                           tool: e.label,
                           defaultValue: "Reorder {{tool}}. Press Alt + Up or Alt + Down to move."
                         }) }) : null
@@ -503,9 +516,9 @@ const $e = Ie(
     );
   }
 );
-$e.displayName = "AiToolsRail";
+Ze.displayName = "ToolRail";
 export {
-  $e as A,
-  Ve as a
+  Ze as T,
+  Le as t
 };
-//# sourceMappingURL=ai-tools-rail-B5NEghsp.js.map
+//# sourceMappingURL=tool-rail-BZx0-yIr.js.map