@alfadocs/ui-kit 1.54.2 → 1.55.0

package/dist/_chunks/{timeline-CVLjybJ3.js → timeline-DG8wAlAx.js}

@@ -2,8 +2,8 @@ import { jsx as e, jsxs as c } from "react/jsx-runtime";
 import { forwardRef as m, useMemo as p, useRef as w, useState as V, useCallback as I, useImperativeHandle as O, useContext as v, createContext as C } from "react";
 import { c as b } from "./index-D2ZczOXr.js";
 import { useTranslation as A } from "react-i18next";
-import { A as P } from "./avatar-DYtwj1-R.js";
-import { C as N } from "./card-DPmk26CL.js";
+import { A as P } from "./avatar-WZY3eGE7.js";
+import { C as N } from "./card-DMO2nkt4.js";
 import { T as q } from "./timestamp-DPLDWdxA.js";
 import { u as B } from "./registry-DvAUVLHh.js";
 import { C as H } from "./circle-j7oZoouK.js";
@@ -293,4 +293,4 @@ export {
   le as T,
   K as t
 };
-//# sourceMappingURL=timeline-CVLjybJ3.js.map
+//# sourceMappingURL=timeline-DG8wAlAx.js.map

package/dist/_chunks/{toast-UMUvXFsA.js → toast-CPqguP7G.js}

@@ -2,7 +2,7 @@ import { jsx as H, jsxs as Ht } from "react/jsx-runtime";
 import s, { useState as Ot, useRef as Zt, useEffect as jt } from "react";
 import te from "react-dom";
 import { useTranslation as ee } from "react-i18next";
-import { I as ae } from "./icon-button-mKIvw90h.js";
+import { I as ae } from "./icon-button-COX76Jdj.js";
 import { C as se } from "./circle-alert-rGDZ73Wh.js";
 import { T as ne } from "./triangle-alert-CBnO6nq_.js";
 import { C as oe } from "./circle-check-BN6rz4NV.js";
@@ -950,4 +950,4 @@ export {
   Ze as d,
   ea as t
 };
-//# sourceMappingURL=toast-UMUvXFsA.js.map
+//# sourceMappingURL=toast-CPqguP7G.js.map

package/dist/_chunks/{token-insert-menu-DgtBIbNu.js → token-insert-menu-B-pWFDKX.js}

@@ -1,7 +1,7 @@
 import { jsxs as d, jsx as o } from "react/jsx-runtime";
 import { forwardRef as v, useState as O, useRef as w, useEffect as x, useMemo as y, Fragment as R } from "react";
-import { B as S } from "./button-CYPx2xFq.js";
-import { D as r } from "./dropdown-menu-B5mgV1kV.js";
+import { B as S } from "./button-Bn16lcFM.js";
+import { D as r } from "./dropdown-menu-BQSNVp4x.js";
 import { u as C } from "./registry-DvAUVLHh.js";
 const K = {
   id: "token-insert-menu",
@@ -144,4 +144,4 @@ export {
   j as T,
   K as t
 };
-//# sourceMappingURL=token-insert-menu-DgtBIbNu.js.map
+//# sourceMappingURL=token-insert-menu-B-pWFDKX.js.map

package/dist/_chunks/{tool-rail-CwXN-sDC.js → tool-rail-Bwyuw_Ot.js}

@@ -1,18 +1,18 @@
-import { jsxs as R, jsx as g } from "react/jsx-runtime";
-import { forwardRef as ot, useRef as h, useState as S, useMemo as j, useId as lt, useCallback as z, useEffect as re, useImperativeHandle as dt, Fragment as ct } from "react";
+import { jsxs as R, jsx as m } from "react/jsx-runtime";
+import { forwardRef as ot, useRef as h, useState as S, useMemo as j, useId as lt, useCallback as N, useEffect as re, useImperativeHandle as dt, Fragment as ct } from "react";
 import { c as A } from "./index-D2ZczOXr.js";
 import { useTranslation as ut } from "react-i18next";
-import { I as ze } from "./icon-button-mKIvw90h.js";
-import { S as ft } from "./scroll-area-BZOvUhwQ.js";
+import { I as Ne } from "./icon-button-COX76Jdj.js";
+import { S as ft } from "./scroll-area-ZtFCv9K7.js";
 import { a as pt } from "./tooltip-Cp-PLePW.js";
 import { u as vt } from "./use-controllable-state-BiY4xTzM.js";
-import { u as mt } from "./use-edge-resize-DHbyQwu8.js";
+import { u as gt } from "./use-edge-resize-DHbyQwu8.js";
 import { u as M } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
-import { a as gt, u as Ne, R as bt } from "./use-list-reflow-C7O4Uqnl.js";
+import { a as mt, u as De, R as bt } from "./use-list-reflow-C7O4Uqnl.js";
 import { u as ht } from "./use-prefers-reduced-motion-BMwIQRjB.js";
 import { u as yt } from "./use-presence-transition-cDwWUXV-.js";
-import { u as It } from "./use-theme-CAuo6EYT.js";
-import { u as xt } from "./registry-DvAUVLHh.js";
+import { u as xt } from "./use-theme-CAuo6EYT.js";
+import { u as It } from "./registry-DvAUVLHh.js";
 const wt = {
   id: "tool-rail",
   capabilities: ["open", "close", "select_single"],
@@ -85,7 +85,7 @@ const wt = {
       description: "Stable tool id emitted on each strip IconButton. The active icon also carries data-active set to its id."
     }
   }
-}, Tt = "ds:[inline-size:3rem]", Rt = "ds:[inline-size:var(--tool-rail-panel-inline-size,var(--ai-tools-rail-panel-inline-size,22rem))]", De = "--tool-rail-panel-inline-size", St = 288, At = 880, Et = 352, kt = A(
+}, Tt = "ds:[inline-size:3rem]", Rt = "ds:[inline-size:var(--tool-rail-panel-inline-size,var(--ai-tools-rail-panel-inline-size,22rem))]", Ce = "--tool-rail-panel-inline-size", St = 288, At = 880, Et = 352, kt = A(
   ["ds:flex ds:shrink-0 ds:h-full", "ds:bg-[var(--background)]"].join(" "),
   {
     variants: {
@@ -95,22 +95,25 @@ const wt = {
         // 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",
+        // border on the content-facing edge (border-s for end-docked):
+        // the shadow is `--accessible-off` there and the edge is
+        // `--accessible-edge-width`, 0 in the other themes. Both sit in
+        // `[:where(&)]`, so a class passed in className wins.
+        end: "ds:flex-row ds:[:where(&)]:[box-shadow:var(--accessible-off,var(--shadow-chrome-start))] ds:[:where(&)]:border-s-[length:var(--accessible-edge-width,0px)] ds:border-s-[color:var(--border)]",
         // 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"
+        start: "ds:flex-row-reverse ds:[:where(&)]:[box-shadow:var(--accessible-off,var(--shadow-chrome-end))] ds:[:where(&)]:border-e-[length:var(--accessible-edge-width,0px)] ds:border-e-[color:var(--border)]"
       }
     },
     defaultVariants: { side: "end" }
   }
-), _t = A(
+), Lt = A(
   [
     "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)]",
     Tt
   ].join(" ")
-), Lt = A(
+), zt = A(
   [
     "ds:relative ds:flex ds:min-h-0 ds:flex-col ds:h-full",
     "ds:bg-[var(--background)]",
@@ -135,7 +138,7 @@ const wt = {
     },
     defaultVariants: { side: "end" }
   }
-), zt = "ds:relative ds:flex ds:min-h-0 ds:flex-1 ds:flex-col ds:overflow-clip", Ce = A(
+), Nt = "ds:relative ds:flex ds:min-h-0 ds:flex-1 ds:flex-col ds:overflow-clip", _e = A(
   [
     "ds:flex ds:min-h-0 ds:flex-col",
     "ds:transition-[opacity,translate] ds:duration-[var(--animation-duration)]",
@@ -160,7 +163,7 @@ const wt = {
     },
     defaultVariants: { layer: "live" }
   }
-), Nt = 500, Dt = [
+), Dt = 500, Ct = [
   "id",
   "name",
   "for",
@@ -168,23 +171,23 @@ const wt = {
   "data-component-id",
   "data-testid"
 ];
-function Ct(l) {
+function _t(l) {
   return window.getComputedStyle(l).transitionDuration.split(",").some((n) => Number.parseFloat(n) > 0);
 }
 function Vt(l) {
   const n = l.cloneNode(!0), U = l.querySelectorAll("*"), q = n.querySelectorAll("*"), P = [];
-  return U.forEach((d, N) => {
+  return U.forEach((d, D) => {
     var F;
-    const f = q[N];
+    const f = q[D];
     if (f && ((d.scrollTop !== 0 || d.scrollLeft !== 0) && P.push([f, d.scrollTop, d.scrollLeft]), d instanceof HTMLCanvasElement && f instanceof HTMLCanvasElement))
       try {
         (F = f.getContext("2d")) == null || F.drawImage(d, 0, 0);
       } catch {
       }
   }), q.forEach((d) => {
-    const N = d instanceof SVGElement;
-    for (const f of Dt)
-      N && f === "id" || d.removeAttribute(f);
+    const D = d instanceof SVGElement;
+    for (const f of Ct)
+      D && f === "id" || d.removeAttribute(f);
     if (d.matches("iframe, video, audio, embed, object, source"))
       for (const f of ["src", "srcdoc", "data", "autoplay"])
         d.removeAttribute(f);
@@ -264,7 +267,7 @@ const Pt = ot(
     defaultActiveToolId: q = null,
     onActiveToolChange: P,
     side: d = "end",
-    railLabel: N,
+    railLabel: D,
     resizablePanel: f = !1,
     panelWidth: F,
     onPanelWidthChange: je,
@@ -277,13 +280,13 @@ const Pt = ot(
     className: Pe
   }, Fe) => {
     var Ee, ke;
-    const { t: y } = ut("ui"), [Ke, I] = vt({
+    const { t: y } = ut("ui"), [Ke, x] = vt({
       value: U,
       defaultValue: q,
       onChange: P
-    }), x = Ke ?? null, G = h([]), D = h(null), [oe, Y] = S(0), E = h(!1), X = h(!1), w = j(
-      () => n.findIndex((e) => e.id === x),
-      [n, x]
+    }), I = Ke ?? null, G = h([]), C = h(null), [oe, Y] = S(0), E = h(!1), X = h(!1), w = j(
+      () => n.findIndex((e) => e.id === I),
+      [n, I]
     ), u = w >= 0 ? n[w] : null, J = h(u);
     u && (J.current = u);
     const Oe = j(
@@ -300,25 +303,25 @@ const Pt = ot(
       let t = e;
       for (; t + 1 < n.length && ((a = n[t + 1]) != null && a.reorderable); ) t += 1;
       return { first: e, last: t };
-    }, [n]), de = !!K && p !== null, He = lt(), [C, Q] = S(null), [ce, O] = S(null), { resolvedTheme: Ue } = It(), k = Ue.endsWith("-accessible") || void 0, { containerRef: We } = gt({
+    }, [n]), de = !!K && p !== null, He = lt(), [_, Q] = S(null), [ce, O] = S(null), { resolvedTheme: Ue } = xt(), k = Ue.endsWith("-accessible") || void 0, { containerRef: We } = mt({
       key: n.map((e) => e.id).join(),
       reduceMotion: k
-    }), ee = Ne({ reduceMotion: k }), te = yt(
+    }), ee = De({ reduceMotion: k }), te = yt(
       u !== null,
       { reduceMotion: k }
-    ), T = u === null && te.mounted, b = u ?? (T ? J.current : null), { ref: ue } = te, Ze = z(
+    ), T = u === null && te.mounted, b = u ?? (T ? J.current : null), { ref: ue } = te, Ze = N(
       (e) => {
-        D.current = e, ue(e);
+        C.current = e, ue(e);
       },
       [ue]
     );
     M(() => {
       var a;
-      const e = D.current;
+      const e = C.current;
       if (!e) return;
       const t = document.activeElement;
       if (T && t instanceof HTMLElement && e.contains(t)) {
-        const s = (a = J.current) == null ? void 0 : a.id, r = _.current, o = (s ? r == null ? void 0 : r.querySelector(
+        const s = (a = J.current) == null ? void 0 : a.id, r = L.current, o = (s ? r == null ? void 0 : r.querySelector(
           `[data-tool-id="${CSS.escape(s)}"]`
         ) : null) ?? /* The tool left the strip with its panel (a host removed it as it
         closed): the strip's tab stop, else its first enabled icon, so
@@ -350,14 +353,14 @@ const Pt = ot(
         cancelAnimationFrame(a), cancelAnimationFrame(e), window.clearTimeout(s);
       };
     }, [v, $, H]);
-    const Ge = !!k || fe, ve = h(null), [c, me] = S({ liveId: v, serial: 0, focusLost: !1, leaving: [] });
+    const Ge = !!k || fe, ve = h(null), [c, ge] = S({ liveId: v, serial: 0, focusLost: !1, leaving: [] });
     if (c.liveId !== v) {
       const e = c.liveId !== null && v !== null ? ((Ee = ve.current) == null ? void 0 : Ee.querySelector(
         ':scope > [data-tool-rail-layer="live"]'
       )) ?? null : null, t = c.leaving.filter(
         (a) => a.toolId !== v
       );
-      me({
+      ge({
         liveId: v,
         serial: c.serial + 1,
         focusLost: (e == null ? void 0 : e.contains(document.activeElement)) ?? !1,
@@ -371,31 +374,31 @@ const Pt = ot(
         ] : t
       });
     }
-    const V = z((e) => {
-      me(
+    const V = N((e) => {
+      ge(
         (t) => t.leaving.some((a) => a.exitId === e) ? {
           ...t,
           leaving: t.leaving.filter((a) => a.exitId !== e)
         } : t
       );
-    }, []), { leave: ge } = Ne({
+    }, []), { leave: me } = De({
       reduceMotion: k,
-      durationMs: Nt
+      durationMs: Dt
     });
     re(() => {
       for (const { exitId: e } of c.leaving)
-        ge(e, () => V(e));
-    }, [c.leaving, ge, V]);
+        me(e, () => V(e));
+    }, [c.leaving, me, V]);
     const Ye = b ? c.leaving : [], Xe = ((ke = c.leaving[c.leaving.length - 1]) == null ? void 0 : ke.exitId) ?? null, be = h(c.leaving);
     be.current = c.leaving;
-    const Je = z(
+    const Je = N(
       (e) => {
         if (!e || e.childNodes.length > 0) return;
         const t = be.current.find(
           (a) => a.exitId === e.dataset.exitId
         );
         if (t) {
-          if (!Ct(e)) {
+          if (!_t(e)) {
             V(t.exitId);
             return;
           }
@@ -410,7 +413,7 @@ const Pt = ot(
       var t, a;
       if (!c.focusLost || !v) return;
       const e = document.activeElement;
-      e && e !== document.body || (a = (t = _.current) == null ? void 0 : t.querySelector(
+      e && e !== document.body || (a = (t = L.current) == null ? void 0 : t.querySelector(
         `[data-tool-id="${CSS.escape(v)}"]`
       )) == null || a.focus();
     }, [c.serial]);
@@ -434,7 +437,7 @@ const Pt = ot(
       }
       ye.current = n;
     }, [n, ee]);
-    const [et, tt] = S(""), ae = h(!1), Ie = z(
+    const [et, tt] = S(""), ae = h(!1), xe = N(
       (e, t) => {
         if (!K || !p) return;
         const a = Math.max(
@@ -455,48 +458,48 @@ const Pt = ot(
         }
       },
       [K, p, n, y, W]
-    ), xe = n[oe], B = w >= 0 ? w : xe && !xe.disabled ? oe : Oe, at = z(
+    ), Ie = n[oe], B = w >= 0 ? w : Ie && !Ie.disabled ? oe : Oe, at = N(
       (e, t) => {
         const a = n.find((s) => s.id === e);
-        !a || a.disabled || (E.current = t, I(x === e ? null : e));
+        !a || a.disabled || (E.current = t, x(I === e ? null : e));
       },
-      [n, x, I]
-    ), nt = z(
+      [n, I, x]
+    ), nt = N(
       (e) => {
-        var L, i, m;
+        var z, i, g;
         const t = n.length;
         if (t === 0 || e.altKey) return;
         let a = null;
         if (e.key === "ArrowDown" ? a = (B + 1) % t : e.key === "ArrowUp" ? a = (B - 1 + t) % t : e.key === "Home" ? a = 0 : e.key === "End" && (a = t - 1), a === null) return;
         const s = e.key === "ArrowUp" || e.key === "End";
         let r = a, o = 0;
-        for (; o < t && ((L = n[r]) != null && L.disabled); )
+        for (; o < t && ((z = n[r]) != null && z.disabled); )
           r = s ? (r - 1 + t) % t : (r + 1) % t, o += 1;
-        (i = n[r]) != null && i.disabled || (e.preventDefault(), Y(r), (m = G.current[r]) == null || m.focus());
+        (i = n[r]) != null && i.disabled || (e.preventDefault(), Y(r), (g = G.current[r]) == null || g.focus());
       },
       [n, B]
-    ), _ = h(null);
+    ), L = h(null);
     re(() => {
-      const e = _.current;
+      const e = L.current;
       if (!e) return;
       const t = (a) => {
         if (a.key !== "Escape" || w < 0) return;
         a.preventDefault();
         const s = w;
-        I(null), Y(s), requestAnimationFrame(() => {
+        x(null), Y(s), requestAnimationFrame(() => {
           var r;
           (r = G.current[s]) == null || r.focus();
         });
       };
       return e.addEventListener("keydown", t), () => e.removeEventListener("keydown", t);
-    }, [w, I]), M(() => {
+    }, [w, x]), M(() => {
       var e;
-      u && E.current && ((e = D.current) == null || e.focus()), E.current = !1;
+      u && E.current && ((e = C.current) == null || e.focus()), E.current = !1;
     }, [u]);
-    const we = d === "end" ? "inline-start" : "inline-end", { separatorProps: Te, isResizing: Re, isResized: Se } = mt({
+    const we = d === "end" ? "inline-start" : "inline-end", { separatorProps: Te, isResizing: Re, isResized: Se } = gt({
       edge: we,
-      targetRef: D,
-      cssProperty: De,
+      targetRef: C,
+      cssProperty: Ce,
       minSize: St,
       maxSize: At,
       defaultSize: Et,
@@ -508,49 +511,49 @@ const Pt = ot(
     }), Ae = Te["aria-valuenow"];
     M(() => {
       var e;
-      !f || !Se || !u || (e = D.current) == null || e.style.setProperty(
-        De,
+      !f || !Se || !u || (e = C.current) == null || e.style.setProperty(
+        Ce,
         `${Ae}px`
       );
     }, [u, f, Se, Ae]);
-    const ne = h(x);
-    ne.current = x;
+    const ne = h(I);
+    ne.current = I;
     const se = j(
       () => ({
         getActiveToolId: () => ne.current,
         setActiveTool: (e) => {
-          E.current = !1, I(e);
+          E.current = !1, x(e);
         },
         open: (e) => {
           const t = n.find((a) => a.id === e);
-          !t || t.disabled || (E.current = !1, I(e));
+          !t || t.disabled || (E.current = !1, x(e));
         },
         close: () => {
           const e = ne.current;
-          E.current = !1, I(null), e != null && requestAnimationFrame(() => {
+          E.current = !1, x(null), e != null && requestAnimationFrame(() => {
             var t, a;
-            (a = (t = _.current) == null ? void 0 : t.querySelector(
+            (a = (t = L.current) == null ? void 0 : t.querySelector(
               `[data-tool-id="${CSS.escape(e)}"]`
             )) == null || a.focus();
           });
         }
       }),
-      [n, I]
+      [n, x]
     );
-    dt(Fe, () => se, [se]), xt(qe, se, l);
+    dt(Fe, () => se, [se]), It(qe, se, l);
     const st = y("toolRail.badgeCountOverflow", {
       defaultValue: "99+"
     });
     return /* @__PURE__ */ R(
       "div",
       {
-        ref: _,
+        ref: L,
         "data-component": Me,
         "data-component-id": l,
         "data-side": d,
         className: [kt({ side: d }), Pe].filter(Boolean).join(" "),
         children: [
-          de ? /* @__PURE__ */ g("span", { role: "status", "aria-live": "polite", className: "ds:sr-only", children: et }) : null,
+          de ? /* @__PURE__ */ m("span", { role: "status", "aria-live": "polite", className: "ds:sr-only", children: et }) : null,
           b ? /* @__PURE__ */ R(
             "aside",
             {
@@ -566,7 +569,7 @@ const Pt = ot(
               "data-active-tool": b.id,
               "data-resizing": Re ? "" : void 0,
               className: [
-                Lt({ side: d }),
+                zt({ side: d }),
                 // 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]`
@@ -578,13 +581,13 @@ const Pt = ot(
                 // theme the soft shadow becomes a solid 1px border on that same
                 // strip-facing edge.
                 "ds:z-[1]",
-                d === "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",
+                d === "end" ? "ds:[:where(&)]:[box-shadow:var(--accessible-off,var(--shadow-chrome-end))] ds:[:where(&)]:border-e-[length:var(--accessible-edge-width,0px)] ds:border-e-[color:var(--border)]" : "ds:[:where(&)]:[box-shadow:var(--accessible-off,var(--shadow-chrome-start))] ds:[:where(&)]:border-s-[length:var(--accessible-edge-width,0px)] ds:border-s-[color:var(--border)]",
                 "ds:focus-visible:outline-none"
               ].join(" "),
               children: [
                 ie ? ie(b, { isActive: !T }) : null,
-                /* @__PURE__ */ R("div", { ref: ve, className: zt, children: [
-                  Ye.map((e) => /* @__PURE__ */ g(
+                /* @__PURE__ */ R("div", { ref: ve, className: Nt, children: [
+                  Ye.map((e) => /* @__PURE__ */ m(
                     "div",
                     {
                       ref: Je,
@@ -593,7 +596,7 @@ const Pt = ot(
                       "data-tool-rail-body": e.toolId,
                       "data-tool-rail-layer": "leaving",
                       "data-presence": H && e.exitId === Xe ? "present" : "leaving",
-                      className: Ce({ layer: "leaving" }),
+                      className: _e({ layer: "leaving" }),
                       onTransitionEnd: (t) => {
                         t.target === t.currentTarget && V(e.exitId);
                       }
@@ -606,15 +609,15 @@ const Pt = ot(
                       "data-tool-rail-body": b.id,
                       "data-tool-rail-layer": "live",
                       "data-presence": H ? "entering" : "present",
-                      className: Ce({ layer: "live" }),
+                      className: _e({ layer: "live" }),
                       children: [
-                        b.header ? /* @__PURE__ */ g("div", { className: "ds:shrink-0", children: b.header }) : null,
+                        b.header ? /* @__PURE__ */ m("div", { className: "ds:shrink-0", children: b.header }) : null,
                         b.fill ? (
                           // data-tool-fill: a self-scrolling panel owns its own native
                           // scroll, so a token rule paints its scrollbar to match the
                           // 8px overlay. See tokens/index.css.
-                          /* @__PURE__ */ g("div", { "data-tool-fill": "", className: "ds:flex-1 ds:min-h-0", children: b.panel })
-                        ) : /* @__PURE__ */ g(
+                          /* @__PURE__ */ m("div", { "data-tool-fill": "", className: "ds:flex-1 ds:min-h-0", children: b.panel })
+                        ) : /* @__PURE__ */ m(
                           ft,
                           {
                             orientation: "vertical",
@@ -627,7 +630,7 @@ const Pt = ot(
                     b.id
                   )
                 ] }),
-                f ? /* @__PURE__ */ g(
+                f ? /* @__PURE__ */ m(
                   "div",
                   {
                     ...Te,
@@ -641,24 +644,24 @@ const Pt = ot(
               ]
             }
           ) : null,
-          /* @__PURE__ */ g(pt, { children: /* @__PURE__ */ R(
+          /* @__PURE__ */ m(pt, { children: /* @__PURE__ */ R(
             "div",
             {
               ref: We,
               role: "toolbar",
               "aria-orientation": "vertical",
-              "aria-label": N ?? y("toolRail.railLabel", { defaultValue: "Tools" }),
-              className: _t(),
+              "aria-label": D ?? y("toolRail.railLabel", { defaultValue: "Tools" }),
+              className: Lt(),
               onKeyDown: nt,
               children: [
                 n.map((e, t) => {
-                  const a = e.id === x, s = typeof e.badgeCount == "number" && e.badgeCount > 0, r = s ? y("toolRail.toolWithCount", {
+                  const a = e.id === I, s = typeof e.badgeCount == "number" && e.badgeCount > 0, r = s ? y("toolRail.toolWithCount", {
                     tool: e.label,
                     count: e.badgeCount,
                     defaultValue: "{{tool}}, {{count}} updates"
-                  }) : e.label, o = de && !!e.reorderable && !e.disabled, L = o ? `${He}-${e.id}` : void 0;
+                  }) : e.label, o = de && !!e.reorderable && !e.disabled, z = o ? `${He}-${e.id}` : void 0;
                   return /* @__PURE__ */ R(ct, { children: [
-                    $e && t === le ? /* @__PURE__ */ g(
+                    $e && t === le ? /* @__PURE__ */ m(
                       "div",
                       {
                         role: "separator",
@@ -671,15 +674,15 @@ const Pt = ot(
                       {
                         className: [
                           Ve({
-                            dragging: C === t,
-                            dropTarget: ce === t && C !== t,
+                            dragging: _ === t,
+                            dropTarget: ce === t && _ !== t,
                             reorderable: o
                           }),
                           Be,
                           bt
                         ].filter(Boolean).join(" "),
                         "data-reflow-id": e.id,
-                        "data-dragging": C === t ? "" : void 0,
+                        "data-dragging": _ === t ? "" : void 0,
                         draggable: o || void 0,
                         onDragStart: o ? (i) => {
                           Q(t), i.dataTransfer.effectAllowed = "move", i.dataTransfer.setData(
@@ -688,20 +691,20 @@ const Pt = ot(
                           );
                         } : void 0,
                         onDragOver: o ? (i) => {
-                          C !== null && (i.preventDefault(), i.dataTransfer.dropEffect = "move", ce !== t && O(t));
+                          _ !== null && (i.preventDefault(), i.dataTransfer.dropEffect = "move", ce !== t && O(t));
                         } : void 0,
                         onDragLeave: o ? () => O((i) => i === t ? null : i) : void 0,
                         onDrop: o ? (i) => {
                           i.preventDefault();
-                          const m = C;
-                          O(null), Q(null), !(m === null || m === t) && Ie(m, t);
+                          const g = _;
+                          O(null), Q(null), !(g === null || g === t) && xe(g, t);
                         } : void 0,
                         onDragEnd: o ? () => {
                           Q(null), O(null);
                         } : void 0,
                         children: [
-                          /* @__PURE__ */ g(
-                            ze,
+                          /* @__PURE__ */ m(
+                            Ne,
                             {
                               ref: (i) => {
                                 G.current[t] = i;
@@ -716,7 +719,7 @@ const Pt = ot(
                               "aria-expanded": a,
                               "data-active": a ? e.id : void 0,
                               "data-tool-id": e.id,
-                              "aria-describedby": L,
+                              "aria-describedby": z,
                               "aria-keyshortcuts": o ? "Alt+ArrowUp Alt+ArrowDown" : void 0,
                               tabIndex: t === B ? 0 : -1,
                               onFocus: () => {
@@ -729,18 +732,18 @@ const Pt = ot(
                                   return;
                                 }
                                 if (o && i.altKey && p) {
-                                  let m = null;
-                                  if (i.key === "ArrowUp" ? m = t - 1 : i.key === "ArrowDown" ? m = t + 1 : i.key === "Home" ? m = p.first : i.key === "End" && (m = p.last), m !== null) {
+                                  let g = null;
+                                  if (i.key === "ArrowUp" ? g = t - 1 : i.key === "ArrowDown" ? g = t + 1 : i.key === "Home" ? g = p.first : i.key === "End" && (g = p.last), g !== null) {
                                     i.preventDefault();
                                     const rt = Math.max(
                                       p.first,
-                                      Math.min(p.last, m)
+                                      Math.min(p.last, g)
                                     ), it = e.id;
-                                    Ie(t, rt), requestAnimationFrame(() => {
-                                      var _e, Le;
-                                      (Le = (_e = _.current) == null ? void 0 : _e.querySelector(
+                                    xe(t, rt), requestAnimationFrame(() => {
+                                      var Le, ze;
+                                      (ze = (Le = L.current) == null ? void 0 : Le.querySelector(
                                         `[data-tool-id="${CSS.escape(it)}"]`
-                                      )) == null || Le.focus();
+                                      )) == null || ze.focus();
                                     });
                                   }
                                 }
@@ -750,7 +753,7 @@ const Pt = ot(
                               }
                             }
                           ),
-                          s ? /* @__PURE__ */ g("span", { "aria-hidden": "true", className: jt(), children: qt(
+                          s ? /* @__PURE__ */ m("span", { "aria-hidden": "true", className: jt(), children: qt(
                             e.badgeCount,
                             st
                           ) }) : null,
@@ -759,7 +762,7 @@ const Pt = ot(
                             isActive: a,
                             isRovingTarget: t === B
                           }),
-                          L ? /* @__PURE__ */ g("span", { id: L, className: "ds:sr-only", children: y("toolRail.reorderInstructions", {
+                          z ? /* @__PURE__ */ m("span", { id: z, className: "ds:sr-only", children: y("toolRail.reorderInstructions", {
                             tool: e.label,
                             defaultValue: "Reorder {{tool}}. Press Alt + Up or Alt + Down to move."
                           }) }) : null
@@ -769,7 +772,7 @@ const Pt = ot(
                   ] }, e.id);
                 }),
                 Qe.map(
-                  (e) => ee.isLeaving(e.id) ? /* @__PURE__ */ g(
+                  (e) => ee.isLeaving(e.id) ? /* @__PURE__ */ m(
                     "div",
                     {
                       className: [
@@ -782,8 +785,8 @@ const Pt = ot(
                         Mt
                       ].filter(Boolean).join(" "),
                       "aria-hidden": "true",
-                      children: /* @__PURE__ */ g(
-                        ze,
+                      children: /* @__PURE__ */ m(
+                        Ne,
                         {
                           icon: e.icon,
                           intent: "ghost",
@@ -809,4 +812,4 @@ export {
   Pt as T,
   wt as t
 };
-//# sourceMappingURL=tool-rail-CwXN-sDC.js.map
+//# sourceMappingURL=tool-rail-Bwyuw_Ot.js.map