@alfadocs/ui-kit 1.56.0 → 1.58.0

package/dist/_chunks/{message-tray-BB95DA82.js → message-tray-DmU0poD7.js}

@@ -1,19 +1,20 @@
 import { jsx as s, jsxs as c, Fragment as _ } from "react/jsx-runtime";
-import { forwardRef as re, useState as ie, useCallback as ne, useEffect as E, useRef as p, useMemo as de, useImperativeHandle as oe } from "react";
+import { forwardRef as ie, useState as ne, useCallback as de, useEffect as E, useRef as p, useMemo as oe, useImperativeHandle as ce } from "react";
 import * as T from "@radix-ui/react-popover";
-import { c as j } from "./index-D2ZczOXr.js";
+import { u as le, f as me } from "./non-modal-tab-exit-j3CPOuE3.js";
+import { c as O } from "./index-D2ZczOXr.js";
 import { useTranslation as H } from "react-i18next";
-import { u as ce } from "./use-controllable-state-BiY4xTzM.js";
-import { u as le } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
-import { I as me } from "./icon-button-COX76Jdj.js";
+import { u as pe } from "./use-controllable-state-BiY4xTzM.js";
+import { u as ge } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
+import { I as ue } from "./icon-button-COX76Jdj.js";
 import { B as L } from "./button-Bn16lcFM.js";
 import { S as F } from "./separator-CYU_bGFn.js";
-import { S as h } from "./skeleton-B1KTdJ4N.js";
-import { S as pe } from "./scroll-area-ZtFCv9K7.js";
-import { M as ge } from "./message-card-DVo8-dOm.js";
-import { u as ue } from "./registry-DvAUVLHh.js";
+import { S as y } from "./skeleton-B1KTdJ4N.js";
+import { S as fe } from "./scroll-area-CY5SLYNw.js";
+import { M as ve } from "./message-card-DVo8-dOm.js";
+import { u as he } from "./registry-DvAUVLHh.js";
 import { M as V } from "./mail-BqXVF2zH.js";
-const fe = {
+const ye = {
   id: "message-tray",
   capabilities: ["open", "close", "select_single", "dismiss", "navigate"],
   state: {
@@ -159,7 +160,7 @@ const fe = {
       description: "Stable message id emitted on each rendered MessageCard inside the tray."
     }
   }
-}, ve = j("ds:relative ds:inline-flex ds:items-center", {
+}, xe = O("ds:relative ds:inline-flex ds:items-center", {
   variants: {
     size: {
       sm: "",
@@ -169,7 +170,7 @@ const fe = {
   defaultVariants: {
     size: "md"
   }
-}), he = j(
+}), be = O(
   [
     "ds:flex ds:flex-col",
     "ds:bg-[var(--popover)] ds:text-[var(--popover-foreground)]",
@@ -205,7 +206,7 @@ const fe = {
       size: "md"
     }
   }
-), ye = j(
+), Te = O(
   [
     "ds:absolute ds:-top-[var(--spacing-xs)] ds:-end-[var(--spacing-xs)]",
     "ds:inline-flex ds:items-center ds:justify-center",
@@ -217,7 +218,7 @@ const fe = {
     "ds:forced-colors:outline ds:forced-colors:outline-1 ds:forced-colors:outline-[CanvasText]"
   ].join(" ")
 );
-function xe(a, t) {
+function we(a, t) {
   return a > 99 ? t : String(a);
 }
 function C() {
@@ -227,18 +228,18 @@ function C() {
       "aria-hidden": "true",
       className: "ds:flex ds:items-start ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-sm)]",
       children: [
-        /* @__PURE__ */ s(h, { variant: "circular", size: "sm" }),
+        /* @__PURE__ */ s(y, { variant: "circular", size: "sm" }),
         /* @__PURE__ */ c("div", { className: "ds:flex-1 ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
-          /* @__PURE__ */ s(h, { variant: "text", size: "md", width: "60%" }),
-          /* @__PURE__ */ s(h, { variant: "text", size: "sm", width: "80%" }),
-          /* @__PURE__ */ s(h, { variant: "text", size: "sm", width: "95%" }),
-          /* @__PURE__ */ s(h, { variant: "text", size: "sm", width: "30%" })
+          /* @__PURE__ */ s(y, { variant: "text", size: "md", width: "60%" }),
+          /* @__PURE__ */ s(y, { variant: "text", size: "sm", width: "80%" }),
+          /* @__PURE__ */ s(y, { variant: "text", size: "sm", width: "95%" }),
+          /* @__PURE__ */ s(y, { variant: "text", size: "sm", width: "30%" })
         ] })
       ]
     }
   );
 }
-function be() {
+function Ne() {
   const { t: a } = H("ui");
   return /* @__PURE__ */ c(
     "div",
@@ -261,7 +262,7 @@ function be() {
     }
   );
 }
-const Te = re(
+const Se = ie(
   ({
     id: a,
     items: t,
@@ -270,11 +271,11 @@ const Te = re(
     onOpenChange: W,
     onItemClick: g,
     onDismiss: u,
-    onMarkRead: y,
+    onMarkRead: x,
     onMarkAllRead: l,
-    loading: Y = !1,
-    maxVisible: A,
-    viewAllLabel: k,
+    loading: A = !1,
+    maxVisible: Y,
+    viewAllLabel: R,
     onViewAll: f,
     align: G = "end",
     side: J = "bottom",
@@ -282,25 +283,25 @@ const Te = re(
     className: Q,
     ...X
   }, Z) => {
-    var P;
-    const { t: d } = H("ui"), [$, x] = ce({
+    var q;
+    const { t: d } = H("ui"), [$, v] = pe({
       value: U,
       defaultValue: !1,
       onChange: W
-    }), S = $ ?? !1, [v, O] = ie(
+    }), S = $ ?? !1, [h, j] = ne(
       () => t.map((e) => ({ item: e, leaving: !1 }))
-    ), R = ne(() => {
+    ), k = de(() => {
       if (typeof window > "u") return 200;
       const e = window.getComputedStyle(document.documentElement).getPropertyValue("--animation-duration");
       if (!e) return 200;
       const r = e.trim(), i = parseFloat(r);
       return Number.isFinite(i) ? r.endsWith("ms") ? i : i * 1e3 : 200;
     }, []);
-    le(() => {
-      O((e) => {
+    ge(() => {
+      j((e) => {
         const r = new Set(t.map((n) => n.id)), i = new Set(e.map((n) => n.item.id)), o = e.map((n) => {
           if (r.has(n.item.id)) {
-            const B = t.find((te) => te.id === n.item.id);
+            const B = t.find((re) => re.id === n.item.id);
             return B ? { item: B, leaving: !1 } : { ...n, leaving: !0 };
           }
           return { ...n, leaving: !0 };
@@ -310,16 +311,16 @@ const Te = re(
         return o;
       });
     }, [t]), E(() => {
-      if (!v.some((i) => i.leaving)) return;
-      const e = R(), r = setTimeout(() => {
-        O((i) => i.filter((o) => !o.leaving));
+      if (!h.some((i) => i.leaving)) return;
+      const e = k(), r = setTimeout(() => {
+        j((i) => i.filter((o) => !o.leaving));
       }, e);
       return () => clearTimeout(r);
-    }, [v, R]);
-    const z = p(null), I = p((P = t[0]) == null ? void 0 : P.id);
+    }, [h, k]);
+    const z = p(null), K = p((q = t[0]) == null ? void 0 : q.id);
     E(() => {
       var i;
-      const e = (i = t[0]) == null ? void 0 : i.id, r = I.current;
+      const e = (i = t[0]) == null ? void 0 : i.id, r = K.current;
       if (r && e && r !== e && z.current) {
         const o = t[0];
         o && !o.read && (z.current.textContent = d("messageTray.newMessage", {
@@ -327,34 +328,34 @@ const Te = re(
           defaultValue: "New message from {{sender}}"
         }));
       }
-      I.current = e;
+      K.current = e;
     }, [t, d]);
     const b = w ?? 0, D = b > 0 ? d("messageTray.triggerLabel", {
       count: b,
       defaultValue: "Messages, {{count}} unread"
-    }) : d("messageTray.triggerLabelNone", "Messages, none unread"), ee = xe(
+    }) : d("messageTray.triggerLabelNone", "Messages, none unread"), ee = we(
       b,
       d("messageTray.badgeCountOverflow", "99+")
-    ), se = he({ size: N }), m = p(t);
+    ), se = be({ size: N }), m = p(t);
     m.current = t;
-    const K = p(w);
-    K.current = w;
+    const I = p(w);
+    I.current = w;
     const M = p(S);
     M.current = S;
-    const ae = de(
+    const ae = oe(
       () => ({
-        open: () => x(!0),
-        close: () => x(!1),
+        open: () => v(!0),
+        close: () => v(!1),
         isOpen: () => M.current,
         getItems: () => m.current.map((e) => ({ id: e.id, read: !!e.read })),
-        getUnreadCount: () => K.current ?? m.current.filter((e) => !e.read).length,
+        getUnreadCount: () => I.current ?? m.current.filter((e) => !e.read).length,
         selectItem: (e) => {
           const r = m.current.find((i) => i.id === e);
           r && (g == null || g(r));
         },
         markRead: (e) => {
           const r = m.current.find((i) => i.id === e);
-          r && (y == null || y(r));
+          r && (x == null || x(r));
         },
         dismiss: (e) => {
           const r = m.current.find((i) => i.id === e);
@@ -364,25 +365,30 @@ const Te = re(
         viewAll: () => f == null ? void 0 : f()
       }),
       [
-        x,
+        v,
         g,
-        y,
+        x,
         u,
         l,
         f
       ]
-    ), q = p(null);
-    return oe(Z, () => q.current, []), ue(fe, ae, a), /* @__PURE__ */ s(
+    ), P = p(null);
+    ce(Z, () => P.current, []), he(ye, ae, a);
+    const te = le(!0, {
+      getAnchor: me,
+      onReturnToTrigger: () => v(!1)
+    });
+    return /* @__PURE__ */ s(
       "div",
       {
-        ref: q,
+        ref: P,
         "data-component": "message-tray",
         "data-component-id": a,
-        className: [ve({ size: N }), Q].filter(Boolean).join(" "),
+        className: [xe({ size: N }), Q].filter(Boolean).join(" "),
         ...X,
-        children: /* @__PURE__ */ c(T.Root, { open: S, onOpenChange: x, children: [
+        children: /* @__PURE__ */ c(T.Root, { open: S, onOpenChange: v, children: [
           /* @__PURE__ */ s(T.Trigger, { asChild: !0, children: /* @__PURE__ */ s(
-            me,
+            ue,
             {
               icon: /* @__PURE__ */ s(V, {}),
               intent: "outline",
@@ -396,7 +402,7 @@ const Te = re(
             {
               "aria-hidden": "true",
               "data-testid": "message-tray-badge",
-              className: ye(),
+              className: Te(),
               children: ee
             }
           ) : null,
@@ -413,6 +419,7 @@ const Te = re(
             T.Content,
             {
               role: "dialog",
+              onKeyDown: te,
               "aria-label": d("messageTray.panelTitle", "Messages"),
               side: J,
               align: G,
@@ -435,22 +442,22 @@ const Te = re(
                 ] }),
                 /* @__PURE__ */ s(F, {}),
                 /* @__PURE__ */ s(
-                  pe,
+                  fe,
                   {
                     orientation: "vertical",
                     className: "ds:flex-1 ds:min-h-0 ds:sm:flex-none ds:sm:[max-block-size:var(--message-tray-max-block-size,26rem)]",
                     children: /* @__PURE__ */ s(
                       "div",
                       {
-                        role: v.length > 0 ? "list" : void 0,
-                        "data-max-visible": A,
+                        role: h.length > 0 ? "list" : void 0,
+                        "data-max-visible": Y,
                         className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:pt-[var(--spacing-xs)]",
-                        children: Y ? /* @__PURE__ */ c(_, { children: [
+                        children: A ? /* @__PURE__ */ c(_, { children: [
                           /* @__PURE__ */ s(C, {}),
                           /* @__PURE__ */ s(C, {}),
                           /* @__PURE__ */ s(C, {})
-                        ] }) : v.length === 0 ? /* @__PURE__ */ s(be, {}) : v.map(({ item: e, leaving: r }) => /* @__PURE__ */ s(
-                          ge,
+                        ] }) : h.length === 0 ? /* @__PURE__ */ s(Ne, {}) : h.map(({ item: e, leaving: r }) => /* @__PURE__ */ s(
+                          ve,
                           {
                             item: e,
                             variant: "compact",
@@ -465,7 +472,7 @@ const Te = re(
                     )
                   }
                 ),
-                k ? /* @__PURE__ */ c(_, { children: [
+                R ? /* @__PURE__ */ c(_, { children: [
                   /* @__PURE__ */ s(F, {}),
                   /* @__PURE__ */ s("div", { className: "ds:pt-[var(--spacing-xs)]", children: /* @__PURE__ */ s(
                     L,
@@ -474,7 +481,7 @@ const Te = re(
                       size: "sm",
                       onClick: f,
                       className: "ds:w-full ds:justify-center",
-                      children: k
+                      children: R
                     }
                   ) })
                 ] }) : null
@@ -486,9 +493,9 @@ const Te = re(
     );
   }
 );
-Te.displayName = "MessageTray";
+Se.displayName = "MessageTray";
 export {
-  Te as M,
-  fe as m
+  Se as M,
+  ye as m
 };
-//# sourceMappingURL=message-tray-BB95DA82.js.map
+//# sourceMappingURL=message-tray-DmU0poD7.js.map

package/dist/_chunks/{nav-grid-BqCPH8sm.js → nav-grid-Byx8PxuB.js}

@@ -1,7 +1,7 @@
 import { jsx as s, jsxs as w, Fragment as x } from "react/jsx-runtime";
 import { forwardRef as N, useMemo as l } from "react";
 import { c as p } from "./index-D2ZczOXr.js";
-import { L as C } from "./link-2HokYuIi.js";
+import { L as C } from "./link-gRw3NtOt.js";
 import { u as G } from "./registry-DvAUVLHh.js";
 const I = {
   id: "nav-grid",
@@ -165,4 +165,4 @@ export {
   I as n,
   c as t
 };
-//# sourceMappingURL=nav-grid-BqCPH8sm.js.map
+//# sourceMappingURL=nav-grid-Byx8PxuB.js.map

package/dist/_chunks/navigation-dismiss-B1mcW1CT.js

@@ -0,0 +1,9 @@
+import { createContext as t, useContext as s } from "react";
+const o = t(
+  null
+), e = () => s(o);
+export {
+  o as N,
+  e as u
+};
+//# sourceMappingURL=navigation-dismiss-B1mcW1CT.js.map

package/dist/_chunks/non-modal-tab-exit-j3CPOuE3.js

@@ -0,0 +1,89 @@
+import { useCallback as p } from "react";
+const T = "data-radix-focus-guard";
+function y(e) {
+  if (!e.id) return null;
+  const i = e.ownerDocument.querySelectorAll("[aria-controls]");
+  for (const t of i)
+    if (t.getAttribute("aria-controls") === e.id) return t;
+  return null;
+}
+function c(e) {
+  return e.hidden || e.disabled === !0 || e.tagName === "INPUT" && e.type === "hidden" ? !1 : e.tabIndex >= 0;
+}
+function N(e, i) {
+  if (getComputedStyle(e).visibility === "hidden") return !0;
+  let t = e;
+  for (; t; ) {
+    if (i !== void 0 && t === i) return !1;
+    if (getComputedStyle(t).display === "none") return !0;
+    t = t.parentElement;
+  }
+  return !1;
+}
+function m(e, i) {
+  const t = e.ownerDocument.createTreeWalker(
+    e,
+    NodeFilter.SHOW_ELEMENT,
+    {
+      acceptNode: (n) => c(n) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP
+    }
+  ), o = [];
+  for (; t.nextNode(); ) o.push(t.currentNode);
+  return i === "last" && o.reverse(), o.find((n) => !N(n, e));
+}
+function f(e) {
+  return N(e) || (e.focus(), e.ownerDocument.activeElement !== e) ? !1 : (e.tagName === "INPUT" && e.select(), !0);
+}
+function b(e) {
+  return e.ownerDocument.body.style.pointerEvents !== "none" ? null : e.closest('[role="dialog"], [role="alertdialog"]');
+}
+function F(e, i, t) {
+  const o = e.ownerDocument, n = t && b(t) || o.body, s = o.createTreeWalker(n, NodeFilter.SHOW_ELEMENT, {
+    acceptNode: (r) => {
+      const d = r;
+      return d === e || d.hidden || d.hasAttribute("inert") || t && d.getAttribute("aria-hidden") === "true" ? NodeFilter.FILTER_REJECT : c(d) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
+    }
+  });
+  let u = t ?? e;
+  if (!i || t) for (; u.lastChild; ) u = u.lastChild;
+  if (s.currentNode = u, t && i && u.nodeType === Node.ELEMENT_NODE) {
+    const r = u;
+    if (c(r) && f(r)) return "moved";
+  }
+  let l = null;
+  const a = () => i ? s.previousNode() : s.nextNode();
+  for (let r = a(); r; r = a()) {
+    const d = r;
+    if (d.hasAttribute(T)) l = d;
+    else if (f(d)) return "moved";
+  }
+  if (n !== o.body) {
+    const r = m(n, i ? "last" : "first");
+    return r && f(r) ? "moved" : "none";
+  }
+  return l ? (l.focus(), o.activeElement === l ? "native" : "none") : "none";
+}
+function v(e, { getAnchor: i, onReturnToTrigger: t } = {}) {
+  return p(
+    (o) => {
+      if (!e || o.defaultPrevented || o.key !== "Tab" || o.altKey || o.ctrlKey || o.metaKey)
+        return;
+      const n = o.currentTarget, s = n.ownerDocument.activeElement;
+      if (!s || !n.contains(s)) return;
+      const u = o.shiftKey, l = m(n, u ? "first" : "last");
+      if (!(s === l || s === n && (!l || u))) return;
+      const r = i == null ? void 0 : i(n);
+      if (i && !(r != null && r.isConnected)) return;
+      const d = r && r.isConnected && !r.contains(n) && !n.contains(r) ? r : void 0;
+      if (F(n, u, d) !== "moved" || (o.preventDefault(), !u || !t)) return;
+      const E = n.ownerDocument.activeElement;
+      E && E === y(n) && t();
+    },
+    [e, i, t]
+  );
+}
+export {
+  y as f,
+  v as u
+};
+//# sourceMappingURL=non-modal-tab-exit-j3CPOuE3.js.map

package/dist/_chunks/{note-attachment-I1NLoeRZ.js → note-attachment-Bt2cddsZ.js}

@@ -2,7 +2,7 @@ import { c as f } from "./createLucideIcon-DhHxpK9K.js";
 import { jsx as a } from "react/jsx-runtime";
 import { useTranslation as g } from "react-i18next";
 import { B as u } from "./badge-hnBt8o7n.js";
-import { L as h } from "./link-2HokYuIi.js";
+import { L as h } from "./link-gRw3NtOt.js";
 import { i as b } from "./is-safe-url-DkETxeHz.js";
 import { S as y } from "./scan-line-CNseIHQ0.js";
 import { L as N } from "./layers-DcAENmsZ.js";
@@ -121,4 +121,4 @@ export {
   M as P,
   U as n
 };
-//# sourceMappingURL=note-attachment-I1NLoeRZ.js.map
+//# sourceMappingURL=note-attachment-Bt2cddsZ.js.map

package/dist/_chunks/{note-timeline-CsY8YOE7.js → note-timeline-CX9nAgAR.js}

@@ -4,7 +4,7 @@ import { c as h } from "./index-D2ZczOXr.js";
 import { useTranslation as L } from "react-i18next";
 import { SafeHtml as A } from "../safe-html/index.js";
 import { C as P, S as b } from "./skeleton-B1KTdJ4N.js";
-import { n as B, P as K, F as O, N as q } from "./note-attachment-I1NLoeRZ.js";
+import { n as B, P as K, F as O, N as q } from "./note-attachment-Bt2cddsZ.js";
 import { u as G } from "./registry-DvAUVLHh.js";
 const J = {
   id: "note-timeline",
@@ -330,4 +330,4 @@ export {
   X as N,
   J as n
 };
-//# sourceMappingURL=note-timeline-CsY8YOE7.js.map
+//# sourceMappingURL=note-timeline-CX9nAgAR.js.map

package/dist/_chunks/{notes-panel-DceRhthG.js → notes-panel-DHLHsxpW.js}

@@ -4,8 +4,8 @@ import { c as Et } from "./index-D2ZczOXr.js";
 import { useTranslation as kn } from "react-i18next";
 import { g as mt, h as Rt } from "./handled-rejection-6gqCf5vt.js";
 import { u as zn } from "./registry-DvAUVLHh.js";
-import { C as Hn } from "./clinical-note-card-14JIoUR0.js";
-import { R as Mn } from "./rich-text-editor-CkFfmA3v.js";
+import { C as Hn } from "./clinical-note-card-hx939bvw.js";
+import { R as Mn } from "./rich-text-editor-UgXri8h6.js";
 import { T as Wn } from "./text-area-COMVJ1yE.js";
 import { A as j } from "./alert-BhCstf2h.js";
 import { B as te } from "./button-Bn16lcFM.js";
@@ -14,7 +14,7 @@ import { S as $n } from "./switch-D--x7n6h.js";
 import { T as Bn } from "./tooltip-Cp-PLePW.js";
 import { C as yt } from "./card-DMO2nkt4.js";
 import { C as Kn, S as ve } from "./skeleton-B1KTdJ4N.js";
-import { D as L } from "./dialog-CUzbnKLw.js";
+import { D as L } from "./dialog-Dn-iQ0Jp.js";
 import { P as In } from "./panel-header-D_mTdhUp.js";
 import { a as Yn, u as Gn, R as Jn } from "./use-list-reflow-C7O4Uqnl.js";
 import { u as Qn } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
@@ -1109,4 +1109,4 @@ const jr = qn(
 export {
   jr as N
 };
-//# sourceMappingURL=notes-panel-DceRhthG.js.map
+//# sourceMappingURL=notes-panel-DHLHsxpW.js.map