@alfadocs/ui-kit 0.65.0 → 0.66.0

package/dist/_chunks/{ai-tools-rail-JnlTqfS4.js → ai-tools-rail-DAfaW8eA.js}

@@ -1,14 +1,14 @@
 import { jsxs as z, jsx as p } from "react/jsx-runtime";
 import { forwardRef as Q, useRef as v, useState as ee, useMemo as A, useCallback as B, useEffect as se, useImperativeHandle as ae } from "react";
-import { c as m } from "./index-D2ZczOXr.js";
+import { c as g } from "./index-D2ZczOXr.js";
 import { useTranslation as ie } from "react-i18next";
 import { I as ne } from "./icon-button-LqoiKcUN.js";
 import { S as te } from "./scroll-area-BWqCkEGz.js";
 import { a as oe } from "./tooltip-DvmfrNvB.js";
 import { u as re } from "./use-controllable-state-BiY4xTzM.js";
-import { u as le } from "./use-edge-resize-ZnGG7gyO.js";
+import { u as de } from "./use-edge-resize-ZnGG7gyO.js";
 import { u as H } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
-import { u as de } from "./registry-nPAVE19X.js";
+import { u as le } from "./registry-nPAVE19X.js";
 const ce = {
   id: "ai-tools-rail",
   capabilities: ["open", "close", "select_single"],
@@ -64,13 +64,15 @@ const ce = {
       description: "Stable tool id emitted on each strip IconButton. The active icon also carries data-active set to its id."
     }
   }
-}, ue = "ds:[inline-size:3rem]", fe = "ds:[inline-size:var(--ai-tools-rail-panel-inline-size,22rem)]", F = "--ai-tools-rail-panel-inline-size", pe = 288, ve = 640, ge = 352, me = m(
+}, ue = "ds:[inline-size:3rem]", fe = "ds:[inline-size:var(--ai-tools-rail-panel-inline-size,22rem)]", F = "--ai-tools-rail-panel-inline-size", pe = 288, ve = 640, be = 352, ge = g(
   ["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.
+        // (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).
         end: "ds:flex-row ds:shadow-[var(--shadow-chrome-start)]",
         // Strip docks inline-start; the panel mounts inline-end of it.
         start: "ds:flex-row-reverse ds:shadow-[var(--shadow-chrome-end)]"
@@ -78,14 +80,14 @@ const ce = {
     },
     defaultVariants: { side: "end" }
   }
-), be = m(
+), me = g(
   [
     "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)]",
     ue
   ].join(" ")
-), he = m(
+), he = g(
   [
     "ds:relative ds:flex ds:min-h-0 ds:flex-col ds:h-full",
     "ds:bg-[var(--background)]",
@@ -94,13 +96,12 @@ const ce = {
     // consumer adds a transition on the var, suppress it mid-drag.
     "ds:data-[resizing]:transition-none"
   ].join(" ")
-), ye = m(
+), ye = g(
   [
     "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:bg-[var(--border)]",
     "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
-    "ds:hover:bg-[var(--accent)] ds:data-[resizing]:bg-[var(--accent)]",
+    "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]",
@@ -119,7 +120,7 @@ const ce = {
     },
     defaultVariants: { edge: "inline-start" }
   }
-), xe = m(
+), xe = g(
   [
     "ds:absolute ds:-top-[var(--spacing-xs)] ds:-end-[var(--spacing-xs)]",
     "ds:inline-flex ds:items-center ds:justify-center",
@@ -143,42 +144,42 @@ const Te = Q(
     activeToolId: M,
     defaultActiveToolId: U = null,
     onActiveToolChange: W,
-    side: x = "end",
+    side: m = "end",
     railLabel: Z,
-    resizablePanel: b = !1,
+    resizablePanel: h = !1,
     className: O
   }, q) => {
     var P;
-    const { t: g } = ie(), [X, l] = re({
+    const { t: b } = ie(), [X, d] = re({
       value: M,
       defaultValue: U,
       onChange: W
-    }), c = X ?? null, R = v([]), h = v(null), [T, k] = ee(0), f = v(!1), w = v(!1), u = A(
+    }), c = X ?? null, R = v([]), y = v(null), [T, k] = ee(0), f = v(!1), w = v(!1), u = A(
       () => s.findIndex((e) => e.id === c),
       [s, c]
-    ), d = u >= 0 ? s[u] : null, Y = A(
+    ), l = u >= 0 ? s[u] : null, Y = A(
       () => s.findIndex((e) => !e.disabled),
       [s]
-    ), y = u >= 0 ? u : T >= 0 && !((P = s[T]) != null && P.disabled) ? T : Y, $ = B(
+    ), x = u >= 0 ? u : T >= 0 && !((P = s[T]) != null && P.disabled) ? T : Y, $ = B(
       (e, a) => {
         const i = s.find((r) => r.id === e);
-        !i || i.disabled || (f.current = a, l(c === e ? null : e));
+        !i || i.disabled || (f.current = a, d(c === e ? null : e));
       },
-      [s, c, l]
+      [s, c, d]
     ), G = B(
       (e) => {
         var D, K, j;
         const a = s.length;
         if (a === 0) return;
         let i = null;
-        if (e.key === "ArrowDown" ? i = (y + 1) % a : e.key === "ArrowUp" ? i = (y - 1 + a) % a : e.key === "Home" ? i = 0 : e.key === "End" && (i = a - 1), i === null) return;
+        if (e.key === "ArrowDown" ? i = (x + 1) % a : e.key === "ArrowUp" ? i = (x - 1 + a) % a : e.key === "Home" ? i = 0 : e.key === "End" && (i = a - 1), i === null) return;
         const r = e.key === "ArrowUp" || e.key === "End";
         let t = i, o = 0;
         for (; o < a && ((D = s[t]) != null && D.disabled); )
           t = r ? (t - 1 + a) % a : (t + 1) % a, o += 1;
         (K = s[t]) != null && K.disabled || (e.preventDefault(), k(t), (j = R.current[t]) == null || j.focus());
       },
-      [s, y]
+      [s, x]
     ), E = v(null);
     se(() => {
       const e = E.current;
@@ -187,52 +188,52 @@ const Te = Q(
         if (i.key !== "Escape" || u < 0) return;
         i.preventDefault();
         const r = u;
-        l(null), k(r), requestAnimationFrame(() => {
+        d(null), k(r), requestAnimationFrame(() => {
           var t;
           (t = R.current[r]) == null || t.focus();
         });
       };
       return e.addEventListener("keydown", a), () => e.removeEventListener("keydown", a);
-    }, [u, l]), H(() => {
+    }, [u, d]), H(() => {
       var e;
-      d && f.current && ((e = h.current) == null || e.focus()), f.current = !1;
-    }, [d]);
-    const _ = x === "end" ? "inline-start" : "inline-end", { separatorProps: N, isResizing: S, isResized: C } = le({
+      l && f.current && ((e = y.current) == null || e.focus()), f.current = !1;
+    }, [l]);
+    const _ = m === "end" ? "inline-start" : "inline-end", { separatorProps: N, isResizing: S, isResized: C } = de({
       edge: _,
-      targetRef: h,
+      targetRef: y,
       cssProperty: F,
       minSize: pe,
       maxSize: ve,
-      defaultSize: ge,
-      disabled: !b
+      defaultSize: be,
+      disabled: !h
     }), L = N["aria-valuenow"];
     H(() => {
       var e;
-      !b || !C || !d || (e = h.current) == null || e.style.setProperty(
+      !h || !C || !l || (e = y.current) == null || e.style.setProperty(
         F,
         `${L}px`
       );
-    }, [d, b, C, L]);
+    }, [l, h, C, L]);
     const V = v(c);
     V.current = c;
     const I = A(
       () => ({
         getActiveToolId: () => V.current,
         setActiveTool: (e) => {
-          f.current = !1, l(e);
+          f.current = !1, d(e);
         },
         open: (e) => {
           const a = s.find((i) => i.id === e);
-          !a || a.disabled || (f.current = !1, l(e));
+          !a || a.disabled || (f.current = !1, d(e));
         },
         close: () => {
-          f.current = !1, l(null);
+          f.current = !1, d(null);
         }
       }),
-      [s, l]
+      [s, d]
     );
-    ae(q, () => I, [I]), de(ce, I, n);
-    const J = g("aiToolsRail.badgeCountOverflow", {
+    ae(q, () => I, [I]), le(ce, I, n);
+    const J = b("aiToolsRail.badgeCountOverflow", {
       defaultValue: "99+"
     });
     return /* @__PURE__ */ z(
@@ -241,31 +242,39 @@ const Te = Q(
         ref: E,
         "data-component": "ai-tools-rail",
         "data-component-id": n,
-        "data-side": x,
-        className: [me({ side: x }), O].filter(Boolean).join(" "),
+        "data-side": m,
+        className: [ge({ side: m }), O].filter(Boolean).join(" "),
         children: [
-          d ? /* @__PURE__ */ z(
+          l ? /* @__PURE__ */ z(
             "aside",
             {
-              ref: h,
+              ref: y,
               tabIndex: -1,
-              "aria-label": g("aiToolsRail.panelLabel", {
-                tool: d.label,
+              "aria-label": b("aiToolsRail.panelLabel", {
+                tool: l.label,
                 defaultValue: "{{tool}} panel"
               }),
               "data-ai-tools-rail-state": "expanded",
-              "data-active-tool": d.id,
+              "data-active-tool": l.id,
               "data-resizing": S ? "" : void 0,
-              className: [he(), "ds:focus-visible:outline-none"].join(
-                " "
-              ),
+              className: [
+                he(),
+                // 1px divider between the panel and the icon strip (the tab
+                // row). Lives on the panel's STRIP-facing edge, so it only
+                // renders while the panel is open (the aside is unmounted when
+                // collapsed) and never doubles as a rail↔main line. `border-e`
+                // / `border-s` are the real logical border-width utilities —
+                // bare `border-inline-*` emits no CSS in this build.
+                m === "end" ? "ds:border-e ds:border-[var(--border)]" : "ds:border-s ds:border-[var(--border)]",
+                "ds:focus-visible:outline-none"
+              ].join(" "),
               children: [
-                /* @__PURE__ */ p(te, { orientation: "vertical", className: "ds:flex-1 ds:min-h-0", children: d.panel }),
-                b ? /* @__PURE__ */ p(
+                /* @__PURE__ */ p(te, { orientation: "vertical", className: "ds:flex-1 ds:min-h-0", children: l.panel }),
+                h ? /* @__PURE__ */ p(
                   "div",
                   {
                     ...N,
-                    "aria-label": g("aiToolsRail.resizePanel", {
+                    "aria-label": b("aiToolsRail.resizePanel", {
                       defaultValue: "Resize tool panel"
                     }),
                     "data-resizing": S ? "" : void 0,
@@ -280,11 +289,11 @@ const Te = Q(
             {
               role: "toolbar",
               "aria-orientation": "vertical",
-              "aria-label": Z ?? g("aiToolsRail.railLabel", { defaultValue: "AI tools" }),
-              className: be(),
+              "aria-label": Z ?? b("aiToolsRail.railLabel", { defaultValue: "AI tools" }),
+              className: me(),
               onKeyDown: G,
               children: s.map((e, a) => {
-                const i = e.id === c, r = typeof e.badgeCount == "number" && e.badgeCount > 0, t = r ? g("aiToolsRail.toolWithCount", {
+                const i = e.id === c, r = typeof e.badgeCount == "number" && e.badgeCount > 0, t = r ? b("aiToolsRail.toolWithCount", {
                   tool: e.label,
                   count: e.badgeCount,
                   defaultValue: "{{tool}}, {{count}} updates"
@@ -306,7 +315,7 @@ const Te = Q(
                       "aria-expanded": i,
                       "data-active": i ? e.id : void 0,
                       "data-tool-id": e.id,
-                      tabIndex: a === y ? 0 : -1,
+                      tabIndex: a === x ? 0 : -1,
                       onFocus: () => {
                         e.disabled || k(a);
                       },
@@ -337,4 +346,4 @@ export {
   Te as A,
   ce as a
 };
-//# sourceMappingURL=ai-tools-rail-JnlTqfS4.js.map
+//# sourceMappingURL=ai-tools-rail-DAfaW8eA.js.map

package/dist/_chunks/{bishop-score-x2fNqbuZ.js → bishop-score-DPN4Ched.js}

@@ -6,7 +6,7 @@ import { F as I } from "./form-field-BOm9hK35.js";
 import { S as P } from "./select-CEtRcon5.js";
 import { C as m } from "./card-DPmk26CL.js";
 import { B as T } from "./badge-zsf5i5bH.js";
-import { I as A } from "./insert-result-DIAG3ltJ.js";
+import { I as A } from "./insert-result-njqBthzT.js";
 const b = [
   "dilation",
   "effacement",
@@ -182,4 +182,4 @@ export {
   D as d,
   M as e
 };
-//# sourceMappingURL=bishop-score-x2fNqbuZ.js.map
+//# sourceMappingURL=bishop-score-DPN4Ched.js.map

package/dist/_chunks/{bmi-calculator-C3roxbqD.js → bmi-calculator-DuUneHuZ.js}

@@ -8,7 +8,7 @@ import { F as D } from "./form-field-BOm9hK35.js";
 import { N as p } from "./number-input-Dj5L3pXK.js";
 import { C as M } from "./card-DPmk26CL.js";
 import { B as na } from "./badge-zsf5i5bH.js";
-import { B as ra, I as sa, b as oa } from "./insert-result-DIAG3ltJ.js";
+import { B as ra, I as sa, b as oa } from "./insert-result-njqBthzT.js";
 import { b as ca, e as ma, c as da, f as O, l as W, k as ua } from "./bmi-BxD-tFzU.js";
 const ga = la("ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", {
   variants: {
@@ -255,4 +255,4 @@ pa.displayName = "BmiCalculator";
 export {
   pa as B
 };
-//# sourceMappingURL=bmi-calculator-C3roxbqD.js.map
+//# sourceMappingURL=bmi-calculator-DuUneHuZ.js.map

package/dist/_chunks/columns-2-BTOBZbep.js

@@ -0,0 +1,15 @@
+import { c as o } from "./createLucideIcon-CrFbzy84.js";
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const t = [
+  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
+  ["path", { d: "M12 3v18", key: "108xh3" }]
+], e = o("columns-2", t);
+export {
+  e as C
+};
+//# sourceMappingURL=columns-2-BTOBZbep.js.map

package/dist/_chunks/{cycle-calculator-DrVXbIB4.js → cycle-calculator-D6LTmtQt.js}

@@ -7,7 +7,7 @@ import { D as z } from "./date-picker-oGg5BnXL.js";
 import { N as D } from "./number-input-Dj5L3pXK.js";
 import { C as E } from "./card-DPmk26CL.js";
 import { B as P } from "./badge-zsf5i5bH.js";
-import { I as B } from "./insert-result-DIAG3ltJ.js";
+import { I as B } from "./insert-result-njqBthzT.js";
 import { a as i } from "./date-picker-variants-DAcSLTua.js";
 import { C as G } from "./check-DPdL_Sm7.js";
 import { H as R } from "./heart-C0faivFf.js";
@@ -249,4 +249,4 @@ export {
   U as L,
   O as p
 };
-//# sourceMappingURL=cycle-calculator-DrVXbIB4.js.map
+//# sourceMappingURL=cycle-calculator-D6LTmtQt.js.map

package/dist/_chunks/{due-date-calculator-D4K1BnE2.js → due-date-calculator-CIG194vq.js}

@@ -9,7 +9,7 @@ import { D as b } from "./date-picker-oGg5BnXL.js";
 import { N as S } from "./number-input-Dj5L3pXK.js";
 import { C as k } from "./card-DPmk26CL.js";
 import { B } from "./badge-zsf5i5bH.js";
-import { I as X } from "./insert-result-DIAG3ltJ.js";
+import { I as X } from "./insert-result-njqBthzT.js";
 import { D as y, r as Z, c as ee, e as ae, f as te, A as le, h as re, i as se } from "./antenatal-schedule-timeline-BfzFjEyb.js";
 const de = Q("ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", {
   variants: {
@@ -253,4 +253,4 @@ ce.displayName = "DueDateCalculator";
 export {
   ce as D
 };
-//# sourceMappingURL=due-date-calculator-D4K1BnE2.js.map
+//# sourceMappingURL=due-date-calculator-CIG194vq.js.map