@alfadocs/ui-kit 0.1.6 → 0.1.8

package/dist/_chunks/{leo-sidebar-Bh3dPDTQ.js → leo-sidebar-nbHib2D-.js}

@@ -1,18 +1,18 @@
 import { jsx as e, jsxs as c, Fragment as A } from "react/jsx-runtime";
-import { forwardRef as L, useMemo as U } from "react";
+import { forwardRef as k, useMemo as U } from "react";
 import * as ee from "@radix-ui/react-dialog";
 import { useTranslation as y } from "react-i18next";
 import { F as se } from "./floating-action-button-Cnw-f6AG.js";
 import { I as B } from "./icon-button-Wnnde5lc.js";
 import { S as E } from "./sheet-BhNpLHc9.js";
 import { X as de } from "./x-CCcI3eJp.js";
-import { A as w } from "./avatar-Dcr6XuDQ.js";
+import { A as L } from "./avatar-Dcr6XuDQ.js";
 import { B as D } from "./button-7mLWcMp_.js";
-import { C as re } from "./chat-container-BZvQ3_yT.js";
-import { C as ae } from "./chat-message-ByouZpPP.js";
-import { C as le } from "./chat-input-DsIrWM4f.js";
+import { C as ae } from "./chat-container-Cm3SlR2p.js";
+import { C as re } from "./chat-message-ByouZpPP.js";
+import { C as le } from "./chat-input-DreOPP8A.js";
 import { S as ie } from "./streaming-text-BgjCTVOw.js";
-import { a as q, S as O } from "./suggestion-chip-6AB40rxz.js";
+import { a as q, S as O } from "./suggestion-chip-BNJ2M8Os.js";
 import { T as oe } from "./typing-indicator-CbUBf-Dx.js";
 import { P as te } from "./progress-B4Of_pzz.js";
 import { S as ne } from "./square-CZoGU14v.js";
@@ -51,16 +51,16 @@ const ge = [
     icon: "ds:size-8"
   }
 };
-function j({
+function w({
   size: s,
-  label: r
+  label: a
 }) {
-  const a = Q[s];
+  const r = Q[s];
   return /* @__PURE__ */ e(
     "span",
     {
       role: "img",
-      "aria-label": r,
+      "aria-label": a,
       className: [
         "ds:inline-flex ds:shrink-0 ds:items-center ds:justify-center",
         "ds:rounded-[var(--radius-full)]",
@@ -71,41 +71,41 @@ function j({
         // forced-colors: UA strips color-mix backgrounds; fall back to
         // a bordered disc so the identity still reads in HCM.
         "ds:forced-colors:bg-transparent ds:forced-colors:border ds:forced-colors:border-[CanvasText]",
-        a.box
+        r.box
       ].join(" "),
-      children: /* @__PURE__ */ e(M, { "aria-hidden": "true", className: a.icon })
+      children: /* @__PURE__ */ e(M, { "aria-hidden": "true", className: r.icon })
     }
   );
 }
-function be({
+function he({
   size: s,
-  label: r
+  label: a
 }) {
-  const a = Q[s];
+  const r = Q[s];
   return /* @__PURE__ */ e(
     "span",
     {
       role: "img",
-      "aria-label": r,
+      "aria-label": a,
       className: [
         "ds:inline-flex ds:shrink-0 ds:items-center ds:justify-center",
         "ds:rounded-[var(--radius-full)]",
         "ds:bg-[color-mix(in_srgb,var(--muted-foreground)_14%,transparent)]",
         "ds:text-[color:var(--muted-foreground)]",
         "ds:forced-colors:bg-transparent ds:forced-colors:border ds:forced-colors:border-[CanvasText]",
-        a.box
+        r.box
       ].join(" "),
-      children: /* @__PURE__ */ e(pe, { "aria-hidden": "true", className: a.icon })
+      children: /* @__PURE__ */ e(pe, { "aria-hidden": "true", className: r.icon })
     }
   );
 }
-function he(s, r) {
-  return s ? s.slot ? { slot: s.slot } : { name: s.name, src: s.src } : { slot: /* @__PURE__ */ e(be, { size: "sm", label: r }) };
+function be(s, a) {
+  return s ? s.slot ? { slot: s.slot } : { name: s.name, src: s.src } : { slot: /* @__PURE__ */ e(he, { size: "sm", label: a }) };
 }
 function ve({
   assistantName: s,
-  avatarSrc: r,
-  greeting: a,
+  avatarSrc: a,
+  greeting: r,
   subtitle: o,
   suggestions: i,
   onSuggestion: t
@@ -125,14 +125,14 @@ function ve({
       ].join(" "),
       "data-testid": "leo-empty-state",
       children: [
-        r ? /* @__PURE__ */ e(w, { name: s, src: r, size: "xl" }) : /* @__PURE__ */ e(j, { size: "xl", label: s }),
+        a ? /* @__PURE__ */ e(L, { name: s, src: a, size: "xl" }) : /* @__PURE__ */ e(w, { size: "xl", label: s }),
         /* @__PURE__ */ c("div", { className: "ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-xs)] ds:max-w-[32rem]", children: [
           /* @__PURE__ */ e(
             "h2",
             {
               id: l,
               className: "type-title-section ds:m-0 ds:text-[color:var(--foreground)]",
-              children: a
+              children: r
             }
           ),
           /* @__PURE__ */ e("p", { className: "type-body-sm ds:m-0 ds:text-[color:var(--muted-foreground)]", children: o })
@@ -161,8 +161,8 @@ function ve({
 }
 function xe({
   message: s,
-  assistantName: r,
-  avatarSrc: a,
+  assistantName: a,
+  avatarSrc: r,
   renderMarkdown: o
 }) {
   const { t: i, i18n: t } = y(), u = i("chat.message.role.assistant"), l = U(() => {
@@ -179,7 +179,7 @@ function xe({
       "aria-label": n,
       className: "ds:flex ds:w-full ds:items-start ds:flex-row ds:gap-[var(--spacing-sm)]",
       children: [
-        a ? /* @__PURE__ */ e(w, { name: r, src: a, size: "sm" }) : /* @__PURE__ */ e(j, { size: "sm", label: r }),
+        r ? /* @__PURE__ */ e(L, { name: a, src: r, size: "sm" }) : /* @__PURE__ */ e(w, { size: "sm", label: a }),
         /* @__PURE__ */ e("div", { className: "ds:flex ds:flex-col ds:items-start", children: /* @__PURE__ */ e(
           "div",
           {
@@ -209,8 +209,8 @@ function xe({
 }
 function Ne({
   assistantName: s,
-  avatarSrc: r,
-  onNewConversation: a,
+  avatarSrc: a,
+  onNewConversation: r,
   headerEndSlot: o,
   density: i
 }) {
@@ -221,22 +221,25 @@ function Ne({
       "aria-label": t("leo.headerLabel"),
       className: [
         "ds:flex ds:shrink-0 ds:items-center ds:gap-[var(--spacing-sm)]",
-        "ds:border-b ds:border-[color:var(--border)]",
+        // Soft drop-shadow on the block-end edge in place of a `border-b`
+        // against `--border` — same rationale as the Leo sidebar's inline
+        // edge (see leo-sidebar.tsx).
+        "ds:shadow-[var(--shadow-chrome-down)]",
         "ds:bg-[var(--background)]",
         "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
         i === "compact" ? "ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]" : "ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]"
       ].join(" "),
       "data-testid": "leo-header",
       children: [
-        r ? /* @__PURE__ */ e(
-          w,
+        a ? /* @__PURE__ */ e(
+          L,
           {
             name: s,
-            src: r,
+            src: a,
             size: i === "compact" ? "sm" : "md"
           }
         ) : /* @__PURE__ */ e(
-          j,
+          w,
           {
             size: i === "compact" ? "sm" : "md",
             label: s
@@ -244,13 +247,13 @@ function Ne({
         ),
         /* @__PURE__ */ e("span", { className: "type-title-item ds:text-[color:var(--foreground)]", children: s }),
         /* @__PURE__ */ c("div", { className: "ds:ms-auto ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
-          a ? /* @__PURE__ */ e(
+          r ? /* @__PURE__ */ e(
             D,
             {
               intent: "ghost",
               size: "sm",
               startIcon: /* @__PURE__ */ e(me, { "aria-hidden": "true" }),
-              onClick: a,
+              onClick: r,
               children: t("leo.newConversation")
             }
           ) : null,
@@ -260,11 +263,11 @@ function Ne({
     }
   );
 }
-const C = L(
+const C = k(
   ({
     messages: s,
-    onSend: r,
-    onRetry: a,
+    onSend: a,
+    onRetry: r,
     onSuggestion: o,
     suggestions: i,
     isGenerating: t = !1,
@@ -273,7 +276,7 @@ const C = L(
     onUpgrade: n,
     assistantName: m,
     assistantAvatar: d,
-    userAvatar: h,
+    userAvatar: b,
     greeting: v,
     subtitle: I,
     density: x = "default",
@@ -283,26 +286,26 @@ const C = L(
     acceptedFileTypes: Z,
     headerEndSlot: $
   }, J) => {
-    const { t: p } = y(), f = m ?? p("leo.name"), K = v ?? p("leo.greeting"), V = I ?? p("leo.subtitle"), g = s[s.length - 1], k = (g == null ? void 0 : g.role) === "assistant" && g.streaming === !0, P = k ? s.slice(0, -1) : s, Y = U(() => {
-      const N = p("chat.message.role.user"), T = P.map((b) => {
+    const { t: p } = y(), f = m ?? p("leo.name"), K = v ?? p("leo.greeting"), V = I ?? p("leo.subtitle"), g = s[s.length - 1], j = (g == null ? void 0 : g.role) === "assistant" && g.streaming === !0, P = j ? s.slice(0, -1) : s, Y = U(() => {
+      const N = p("chat.message.role.user"), T = P.map((h) => {
         let _;
-        return b.role === "assistant" ? _ = d != null && d.src ? { name: f, src: d.src } : { slot: /* @__PURE__ */ e(j, { size: "sm", label: f }) } : b.role === "user" && (_ = he(h, N)), {
-          id: b.id,
+        return h.role === "assistant" ? _ = d != null && d.src ? { name: f, src: d.src } : { slot: /* @__PURE__ */ e(w, { size: "sm", label: f }) } : h.role === "user" && (_ = be(b, N)), {
+          id: h.id,
           node: /* @__PURE__ */ e(
-            ae,
+            re,
             {
-              role: b.role,
-              content: b.content,
+              role: h.role,
+              content: h.content,
               avatar: _,
-              timestamp: b.timestamp,
-              status: b.status,
+              timestamp: h.timestamp,
+              status: h.status,
               renderMarkdown: S,
-              onRetry: a ? () => a(b.id) : void 0
+              onRetry: r ? () => r(h.id) : void 0
             }
           )
         };
       });
-      return k && g && T.push({
+      return j && g && T.push({
         id: g.id,
         node: /* @__PURE__ */ e(
           xe,
@@ -313,17 +316,17 @@ const C = L(
             renderMarkdown: S
           }
         )
-      }), t && !k && T.push({
+      }), t && !j && T.push({
         id: "__leo-typing__",
         node: /* @__PURE__ */ c("div", { className: "ds:flex ds:w-full ds:items-start ds:gap-[var(--spacing-sm)]", children: [
           d != null && d.src ? /* @__PURE__ */ e(
-            w,
+            L,
             {
               name: f,
               src: d.src,
               size: "sm"
             }
-          ) : /* @__PURE__ */ e(j, { size: "sm", label: f }),
+          ) : /* @__PURE__ */ e(w, { size: "sm", label: f }),
           /* @__PURE__ */ e(
             "div",
             {
@@ -346,14 +349,14 @@ const C = L(
       }), T;
     }, [
       P,
-      k,
+      j,
       g,
       t,
       f,
       d == null ? void 0 : d.src,
-      h,
+      b,
       S,
-      a,
+      r,
       x,
       p
     ]), G = l ? Math.min(100, Math.max(0, l.current / Math.max(1, l.limit) * 100)) : 0, z = l ? l.current >= l.limit : !1, F = l ? l.label ?? p("leo.usageLabel", {
@@ -413,7 +416,7 @@ const C = L(
           le,
           {
             submitOnEnter: !0,
-            onSubmit: r,
+            onSubmit: a,
             onAttach: X,
             accept: Z,
             disabled: z,
@@ -469,8 +472,13 @@ const C = L(
               "div",
               {
                 className: [
-                  "ds:shrink-0 ds:border-t ds:border-[color:var(--border)]",
-                  "ds:bg-[var(--background)]",
+                  // No top divider — the ChatInput's own soft shadow + the
+                  // border-radius give it enough visual containment, and a
+                  // surface-level separator here read as a sharp line at
+                  // 1px-equivalent shadow blur. Keep the bg explicit so
+                  // the chat-input chrome paints over the messages-area
+                  // background instead of mixing with it.
+                  "ds:shrink-0 ds:bg-[var(--background)]",
                   "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
                   "ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]"
                 ].join(" "),
@@ -478,7 +486,7 @@ const C = L(
               }
             )
           ] }) : /* @__PURE__ */ e(
-            re,
+            ae,
             {
               messages: Y,
               density: x,
@@ -492,11 +500,11 @@ const C = L(
   }
 );
 C.displayName = "LeoChatSurface";
-const ye = L(
-  ({ headerSlot: s, ...r }, a) => /* @__PURE__ */ c(
+const ye = k(
+  ({ headerSlot: s, ...a }, r) => /* @__PURE__ */ c(
     "div",
     {
-      ref: a,
+      ref: r,
       className: [
         "ds:flex ds:min-h-0 ds:flex-1 ds:flex-col",
         "ds:bg-[var(--background)] ds:text-[color:var(--foreground)]",
@@ -524,7 +532,7 @@ const ye = L(
               "ds:[max-inline-size:48rem]",
               "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]"
             ].join(" "),
-            children: /* @__PURE__ */ e(C, { ...r })
+            children: /* @__PURE__ */ e(C, { ...a })
           }
         ) })
       ]
@@ -535,17 +543,17 @@ ye.displayName = "LeoEmbedded";
 function ze(s) {
   return s > 99 ? "99+" : String(s);
 }
-const je = L(
+const we = k(
   ({
     open: s,
-    onOpenChange: r,
-    position: a = "bottom-end",
+    onOpenChange: a,
+    position: r = "bottom-end",
     unseenCount: o,
     assistantName: i,
     assistantAvatar: t,
     ...u
   }, l) => {
-    const { t: n } = y(), m = i || n("leo.name"), d = typeof o == "number" && o > 0, h = d ? n("leo.unseenCount", { count: o }) : n("leo.open"), v = /* @__PURE__ */ e(ee.Close, { asChild: !0, children: /* @__PURE__ */ e(
+    const { t: n } = y(), m = i || n("leo.name"), d = typeof o == "number" && o > 0, b = d ? n("leo.unseenCount", { count: o }) : n("leo.open"), v = /* @__PURE__ */ e(ee.Close, { asChild: !0, children: /* @__PURE__ */ e(
       B,
       {
         icon: /* @__PURE__ */ e(de, { "aria-hidden": "true" }),
@@ -555,7 +563,7 @@ const je = L(
         "data-testid": "leo-popout-close"
       }
     ) });
-    return /* @__PURE__ */ c(E.Root, { open: s, onOpenChange: r, children: [
+    return /* @__PURE__ */ c(E.Root, { open: s, onOpenChange: a, children: [
       /* @__PURE__ */ e(
         "div",
         {
@@ -563,7 +571,7 @@ const je = L(
           className: [
             "ds:fixed ds:z-[var(--z-fixed)]",
             "ds:bottom-[calc(var(--spacing-lg)+env(safe-area-inset-bottom,0px))]",
-            a === "bottom-end" ? "ds:end-[var(--spacing-lg)]" : "ds:start-[var(--spacing-lg)]"
+            r === "bottom-end" ? "ds:end-[var(--spacing-lg)]" : "ds:start-[var(--spacing-lg)]"
           ].join(" "),
           "data-testid": "leo-popout-fab-wrapper",
           children: /* @__PURE__ */ c("div", { className: "ds:relative", children: [
@@ -571,11 +579,11 @@ const je = L(
               se,
               {
                 icon: /* @__PURE__ */ e(M, { "aria-hidden": "true" }),
-                "aria-label": h,
+                "aria-label": b,
                 variant: "primary",
                 size: "md",
                 position: "static",
-                onClick: () => r(!0),
+                onClick: () => a(!0),
                 "data-testid": "leo-popout-fab"
               }
             ),
@@ -628,22 +636,22 @@ const je = L(
     ] });
   }
 );
-je.displayName = "LeoPopout";
-function ke(s) {
+we.displayName = "LeoPopout";
+function je(s) {
   return s > 99 ? "99+" : String(s);
 }
-const Le = "ds:[inline-size:22rem]", we = "ds:[inline-size:3rem]", Ce = L(
+const ke = "ds:[inline-size:22rem]", Le = "ds:[inline-size:3rem]", Ce = k(
   ({
     open: s,
-    onOpenChange: r,
-    side: a = "end",
+    onOpenChange: a,
+    side: r = "end",
     unseenCount: o,
     footerSlot: i,
     assistantName: t,
     assistantAvatar: u,
     ...l
   }, n) => {
-    const { t: m } = y(), d = t || m("leo.name"), h = typeof o == "number" && o > 0, v = a === "end" ? "ds:shadow-[var(--shadow-chrome-start)]" : "ds:shadow-[var(--shadow-chrome-end)]", I = h ? m("leo.unseenCount", { count: o }) : m("leo.open");
+    const { t: m } = y(), d = t || m("leo.name"), b = typeof o == "number" && o > 0, v = r === "end" ? "ds:shadow-[var(--shadow-chrome-start)]" : "ds:shadow-[var(--shadow-chrome-end)]", I = b ? m("leo.unseenCount", { count: o }) : m("leo.open");
     if (!s)
       return /* @__PURE__ */ e(
         "aside",
@@ -655,7 +663,7 @@ const Le = "ds:[inline-size:22rem]", we = "ds:[inline-size:3rem]", Ce = L(
             "ds:bg-[var(--background)]",
             v,
             "ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]",
-            we
+            Le
           ].join(" "),
           "data-testid": "leo-sidebar-rail",
           "data-leo-sidebar-state": "collapsed",
@@ -668,11 +676,11 @@ const Le = "ds:[inline-size:22rem]", we = "ds:[inline-size:3rem]", Ce = L(
                 "aria-expanded": "false",
                 intent: "ghost",
                 size: "sm",
-                onClick: () => r(!0),
+                onClick: () => a(!0),
                 "data-testid": "leo-sidebar-rail-trigger"
               }
             ),
-            h ? /* @__PURE__ */ e(
+            b ? /* @__PURE__ */ e(
               "span",
               {
                 "aria-hidden": "true",
@@ -689,7 +697,7 @@ const Le = "ds:[inline-size:22rem]", we = "ds:[inline-size:3rem]", Ce = L(
                   "ds:pointer-events-none ds:select-none",
                   "ds:forced-colors:outline ds:forced-colors:outline-1 ds:forced-colors:outline-[CanvasText]"
                 ].join(" "),
-                children: ke(o)
+                children: je(o)
               }
             ) : null
           ] })
@@ -698,12 +706,12 @@ const Le = "ds:[inline-size:22rem]", we = "ds:[inline-size:3rem]", Ce = L(
     const x = /* @__PURE__ */ e(
       B,
       {
-        icon: a === "end" ? /* @__PURE__ */ e(ue, {}) : /* @__PURE__ */ e(fe, {}),
+        icon: r === "end" ? /* @__PURE__ */ e(ue, {}) : /* @__PURE__ */ e(fe, {}),
         intent: "ghost",
         size: "sm",
         "aria-label": m("leo.close"),
         "aria-expanded": "true",
-        onClick: () => r(!1),
+        onClick: () => a(!1),
         "data-testid": "leo-sidebar-collapse"
       }
     );
@@ -716,7 +724,7 @@ const Le = "ds:[inline-size:22rem]", we = "ds:[inline-size:3rem]", Ce = L(
           "ds:flex ds:shrink-0 ds:flex-col ds:min-h-0",
           "ds:bg-[var(--background)]",
           v,
-          Le,
+          ke,
           "ds:h-full"
         ].join(" "),
         "data-testid": "leo-sidebar",
@@ -736,7 +744,7 @@ const Le = "ds:[inline-size:22rem]", we = "ds:[inline-size:3rem]", Ce = L(
             "div",
             {
               "data-testid": "leo-sidebar-footer-slot",
-              className: "ds:shrink-0 ds:border-t ds:border-[color:var(--border)]",
+              className: "ds:shrink-0 ds:shadow-[var(--shadow-chrome-up)]",
               children: i
             }
           ) : null
@@ -749,7 +757,7 @@ Ce.displayName = "LeoSidebar";
 export {
   C as L,
   ye as a,
-  je as b,
+  we as b,
   Ce as c
 };
-//# sourceMappingURL=leo-sidebar-Bh3dPDTQ.js.map
+//# sourceMappingURL=leo-sidebar-nbHib2D-.js.map

package/dist/_chunks/{notification-tray-Bq-08ReD.js → notification-tray-B7U5YZYg.js}

@@ -38,7 +38,10 @@ const oe = [
   [
     "ds:flex ds:flex-col",
     "ds:bg-[var(--popover)] ds:text-[var(--popover-foreground)]",
-    "ds:border ds:border-[color:var(--border)]",
+    // Border kept (transparent) so the forced-colors override below can
+    // repaint a visible edge in HCM. In normal modes the soft drop-shadow
+    // carries the edge cue.
+    "ds:border ds:border-transparent",
     "ds:rounded-[var(--radius-md)]",
     "ds:shadow-[var(--shadow-lg)]",
     "ds:z-[var(--z-popover)]",
@@ -322,4 +325,4 @@ fe.displayName = "NotificationTray";
 export {
   fe as N
 };
-//# sourceMappingURL=notification-tray-Bq-08ReD.js.map
+//# sourceMappingURL=notification-tray-B7U5YZYg.js.map

package/dist/_chunks/{patient-shell-DP54y6rc.js → patient-shell-7cXqIMFg.js}

@@ -3,7 +3,7 @@ import { forwardRef as k, useState as w } from "react";
 import { useTranslation as c } from "react-i18next";
 import { A as y } from "./app-frame-6d7Lu4ea.js";
 import { I } from "./icon-button-Wnnde5lc.js";
-import { D as n } from "./dropdown-menu-JNo66A-j.js";
+import { D as n } from "./dropdown-menu-Cw3EyPZv.js";
 import { H as L, g as A, f as H, e as x, a as C, c as M, d as B } from "./header-BGn1mRp8.js";
 import { L as N } from "./logo-BpFoCL-s.js";
 import { S as T, a as _, h as O, j as P, k as W, i as j } from "./sidebar-OVzwN3jE.js";
@@ -190,4 +190,4 @@ V.displayName = "PatientShell";
 export {
   V as P
 };
-//# sourceMappingURL=patient-shell-DP54y6rc.js.map
+//# sourceMappingURL=patient-shell-7cXqIMFg.js.map

package/dist/_chunks/{popover-DvAtFOi-.js → popover-C3CTUsqh.js}

@@ -26,7 +26,11 @@ function J(e) {
 }
 const K = X(
   [
-    "ds:relative ds:bg-[var(--popover)] ds:border ds:border-[color:var(--border)] ds:rounded-[var(--radius-md)]",
+    // Border kept (transparent) so the forced-colors override below can
+    // repaint a visible edge in HCM. In normal modes the soft drop-shadow
+    // carries the edge cue; the heavy `--border` (grey-800 since WCAG
+    // 1.4.11 bump in 67fef8c) made the popover read as a charcoal box.
+    "ds:relative ds:bg-[var(--popover)] ds:border ds:border-transparent ds:rounded-[var(--radius-md)]",
     "ds:p-[var(--spacing-md)]",
     "ds:shadow-[var(--shadow-lg)]",
     "ds:z-[var(--z-popover)]",
@@ -62,22 +66,22 @@ function x({
   defaultOpen: n,
   modal: c
 }) {
-  const [h, b] = H(n ?? !1), p = s !== void 0, y = p ? s : h, d = u(
+  const [h, b] = H(n ?? !1), p = s !== void 0, y = p ? s : h, a = u(
     (T) => {
       p || b(T), r == null || r(T);
     },
     [p, r]
-  ), a = V(null), l = e === "hover" || e === "hover-or-click", i = u(() => {
-    a.current && (clearTimeout(a.current), a.current = null);
+  ), d = V(null), l = e === "hover" || e === "hover-or-click", i = u(() => {
+    d.current && (clearTimeout(d.current), d.current = null);
   }, []), P = u(() => {
-    i(), a.current = setTimeout(() => {
-      d(!0);
+    i(), d.current = setTimeout(() => {
+      a(!0);
     }, 300);
-  }, [i, d]), I = u(() => {
-    i(), a.current = setTimeout(() => {
-      d(!1);
+  }, [i, a]), I = u(() => {
+    i(), d.current = setTimeout(() => {
+      a(!1);
     }, 300);
-  }, [i, d]);
+  }, [i, a]);
   C(() => () => i(), [i]);
   const [k, E] = H(void 0), [W, A] = H(
     void 0
@@ -85,7 +89,7 @@ function x({
     onMouseEnter: P,
     onMouseLeave: I,
     onFocus: () => {
-      i(), d(!0);
+      i(), a(!0);
     },
     onBlur: I
   } : {};
@@ -101,7 +105,7 @@ function x({
             m.Root,
             {
               open: y,
-              onOpenChange: d,
+              onOpenChange: a,
               modal: c,
               children: l ? /* @__PURE__ */ t("span", { className: "ds:inline-flex", ...F, children: o }) : o
             }
@@ -124,10 +128,10 @@ const R = v(
     children: c,
     ...h
   }, b) => {
-    const { headingId: p, descriptionId: y } = f(g), { isHoverMode: d, clearHoverTimer: a, closeWithDelay: l } = f(w), i = J(e), P = d ? {
-      onMouseEnter: a,
+    const { headingId: p, descriptionId: y } = f(g), { isHoverMode: a, clearHoverTimer: d, closeWithDelay: l } = f(w), i = J(e), P = a ? {
+      onMouseEnter: d,
       onMouseLeave: l,
-      onFocus: a,
+      onFocus: d,
       onBlur: l
     } : {};
     return /* @__PURE__ */ t(m.Portal, { children: /* @__PURE__ */ L(
@@ -220,4 +224,4 @@ const O = Object.assign(x, {
 export {
   O as P
 };
-//# sourceMappingURL=popover-DvAtFOi-.js.map
+//# sourceMappingURL=popover-C3CTUsqh.js.map