@alfadocs/ui-kit 1.57.0 → 1.58.0

package/dist/_chunks/{panel-subview-BT-Apwgb.js → panel-subview-D4o6ar6_.js}

@@ -1,13 +1,13 @@
-import { jsxs as I, jsx as u, Fragment as D } from "react/jsx-runtime";
-import { forwardRef as C, useId as K, useRef as l, useCallback as U, useEffect as N } from "react";
-import { c as E } from "./index-D2ZczOXr.js";
+import { jsxs as I, jsx as a, Fragment as D } from "react/jsx-runtime";
+import { forwardRef as C, useId as K, useRef as u, useCallback as U, useEffect as N } from "react";
+import { c as x } from "./index-D2ZczOXr.js";
 import { I as _ } from "./icon-button-COX76Jdj.js";
 import { P as G } from "./panel-header-D_mTdhUp.js";
-import { S as J } from "./scroll-area-ZtFCv9K7.js";
+import { S as J } from "./scroll-area-CY5SLYNw.js";
 import { u as R } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
 import { u as Q } from "./use-presence-transition-cDwWUXV-.js";
 import { A as W } from "./arrow-left-BfaGqVam.js";
-const X = E(
+const X = x(
   [
     "ds:relative ds:flex ds:h-full ds:min-h-0 ds:flex-col ds:overflow-hidden",
     // Focus lands on the host itself, from script, only when the panel it
@@ -29,22 +29,22 @@ function B(e) {
 }
 function Z(e, i) {
   if (!B(e)) return;
-  const a = Array.from(
+  const c = Array.from(
     e.querySelectorAll(Y)
-  ).filter((c) => !(i != null && i.contains(c)) && B(c)), s = e.getBoundingClientRect(), p = a.find((c) => {
-    const f = c.getBoundingClientRect();
+  ).filter((d) => !(i != null && i.contains(d)) && B(d)), s = e.getBoundingClientRect(), v = c.find((d) => {
+    const f = d.getBoundingClientRect();
     return f.bottom > s.top && f.top < s.bottom;
-  }) ?? a[0];
-  if (p) {
-    p.focus();
+  }) ?? c[0];
+  if (v) {
+    v.focus();
     return;
   }
-  const v = !e.hasAttribute("tabindex");
-  v && e.setAttribute("tabindex", "-1"), e.focus(), v && (document.activeElement === e ? e.addEventListener("blur", () => e.removeAttribute("tabindex"), {
+  const p = !e.hasAttribute("tabindex");
+  p && e.setAttribute("tabindex", "-1"), e.focus(), p && (document.activeElement === e ? e.addEventListener("blur", () => e.removeAttribute("tabindex"), {
     once: !0
   }) : e.removeAttribute("tabindex"));
 }
-const $ = E(
+const $ = x(
   [
     "ds:absolute ds:inset-0 ds:z-[2] ds:flex ds:min-h-0 ds:flex-col",
     "ds:bg-[var(--background)] ds:focus-visible:outline-none",
@@ -57,7 +57,12 @@ const $ = E(
     "ds:rtl:data-[presence=entering]:-translate-x-full ds:rtl:data-[presence=leaving]:-translate-x-full",
     "ds:data-[presence=leaving]:pointer-events-none"
   ].join(" ")
-), F = '[role="combobox"][aria-expanded="true"], [aria-haspopup][aria-expanded="true"]', ee = E(
+), F = x(
+  [
+    "ds:[--panel-subview-inset:calc(var(--focus-ring-width)+var(--focus-ring-offset))]",
+    "ds:p-[var(--panel-subview-inset)]"
+  ].join(" ")
+), ee = '[role="combobox"][aria-expanded="true"], [aria-haspopup][aria-expanded="true"]', te = x(
   [
     "ds:flex ds:shrink-0 ds:items-center",
     "ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-md)]",
@@ -77,13 +82,13 @@ const $ = E(
     defaultVariants: { align: "end" }
   }
 ), H = C(
-  ({ className: e, children: i, ...a }, s) => /* @__PURE__ */ u(
+  ({ className: e, children: i, ...c }, s) => /* @__PURE__ */ a(
     "div",
     {
       ref: s,
       "data-component": "panel-subview-host",
       className: [X(), e].filter(Boolean).join(" "),
-      ...a,
+      ...c,
       children: i
     }
   )
@@ -93,11 +98,11 @@ const L = C(
   ({
     open: e,
     onBack: i,
-    title: a,
+    title: c,
     backLabel: s,
-    icon: p,
-    headingLevel: v,
-    headerActions: c,
+    icon: v,
+    headingLevel: p,
+    headerActions: d,
     footer: f,
     footerAlign: V = "end",
     onExited: O,
@@ -106,15 +111,15 @@ const L = C(
     children: T,
     ...q
   }, m) => {
-    const w = K(), d = Q(e, { onExited: O }), b = l(null), x = l(null), A = l(i);
+    const h = K(), l = Q(e, { onExited: O }), b = u(null), w = u(null), A = u(i);
     A.current = i;
-    const { ref: P } = d, z = U(
+    const { ref: P } = l, z = U(
       (t) => {
         b.current = t, P(t), typeof m == "function" ? m(t) : m && (m.current = t);
       },
       [P, m]
-    ), h = l(null), j = l(!1), S = l(e);
-    S.current = e, e && h.current !== !0 && typeof document < "u" && (x.current = document.activeElement instanceof HTMLElement ? document.activeElement : null, j.current = h.current === null), h.current = e, R(() => {
+    ), E = u(null), j = u(!1), S = u(e);
+    S.current = e, e && E.current !== !0 && typeof document < "u" && (w.current = document.activeElement instanceof HTMLElement ? document.activeElement : null, j.current = E.current === null), E.current = e, R(() => {
       const t = b.current, n = t == null ? void 0 : t.parentElement;
       if (!e || !t || !n) return;
       const r = Array.from(n.children).filter(
@@ -123,20 +128,20 @@ const L = C(
       return r.forEach((o) => o.setAttribute("inert", "")), ((g == null ? void 0 : g.current) ?? t).focus({ preventScroll: !0 }), () => {
         r.forEach((o) => o.removeAttribute("inert"));
       };
-    }, [e, d.mounted, g]);
+    }, [e, l.mounted, g]);
     const y = !e;
     return R(() => {
       const t = b.current;
       if (!t) return;
       const n = document.activeElement;
       y && n instanceof HTMLElement && t.contains(n) && n.blur(), t.toggleAttribute("inert", y);
-    }, [y, d.mounted]), N(() => {
+    }, [y, l.mounted]), N(() => {
       if (!e) return;
       const t = b.current, n = (t == null ? void 0 : t.parentElement) ?? null;
       return () => {
         if (S.current && (t != null && t.isConnected)) return;
-        const r = x.current;
-        x.current = null;
+        const r = w.current;
+        w.current = null;
         const o = r != null && r.isConnected && (!j.current || n != null && n.contains(r)) ? r : null;
         if (o) {
           o.focus();
@@ -151,35 +156,35 @@ const L = C(
       const t = b.current;
       if (!e || !t) return;
       const n = (r) => {
-        r.key === "Escape" && (r.stopPropagation(), !(r.defaultPrevented && t.querySelector(F)) && (r.preventDefault(), A.current()));
+        r.key === "Escape" && (r.stopPropagation(), !(r.defaultPrevented && t.querySelector(ee)) && (r.preventDefault(), A.current()));
       };
       return t.addEventListener("keydown", n), () => t.removeEventListener("keydown", n);
-    }, [e, d.mounted]), d.mounted ? /* @__PURE__ */ I(
+    }, [e, l.mounted]), l.mounted ? /* @__PURE__ */ I(
       "section",
       {
         ...q,
         ref: z,
         tabIndex: -1,
-        "aria-labelledby": w,
+        "aria-labelledby": h,
         "aria-hidden": y || void 0,
         "data-component": "panel-subview",
-        "data-presence": d.phase,
+        "data-presence": l.phase,
         className: [$(), M].filter(Boolean).join(" "),
         children: [
-          /* @__PURE__ */ u(
+          /* @__PURE__ */ a(
             G,
             {
-              icon: p,
-              title: a,
-              headingId: w,
-              headingLevel: v,
+              icon: v,
+              title: c,
+              headingId: h,
+              headingLevel: p,
               sticky: !0,
               divider: !0,
               actions: /* @__PURE__ */ I(D, { children: [
-                /* @__PURE__ */ u(
+                /* @__PURE__ */ a(
                   _,
                   {
-                    icon: /* @__PURE__ */ u(W, { "aria-hidden": "true" }),
+                    icon: /* @__PURE__ */ a(W, { "aria-hidden": "true" }),
                     intent: "ghost",
                     size: "sm",
                     flipIconInRtl: !0,
@@ -189,16 +194,25 @@ const L = C(
                     onClick: i
                   }
                 ),
-                c
+                d
               ] })
             }
           ),
-          /* @__PURE__ */ u(J, { orientation: "vertical", className: "ds:min-h-0 ds:flex-1", children: T }),
-          f ? /* @__PURE__ */ u(
+          /* @__PURE__ */ a(
+            J,
+            {
+              orientation: "vertical",
+              role: "group",
+              "aria-labelledby": h,
+              className: "ds:min-h-0 ds:flex-1",
+              children: /* @__PURE__ */ a("div", { "data-panel-subview-body": "", className: F(), children: T })
+            }
+          ),
+          f ? /* @__PURE__ */ a(
             "div",
             {
               "data-panel-subview-footer": "",
-              className: ee({ align: V }),
+              className: te({ align: V }),
               children: f
             }
           ) : null
@@ -208,10 +222,10 @@ const L = C(
   }
 );
 L.displayName = "PanelSubview";
-const le = Object.assign(L, {
+const ue = Object.assign(L, {
   Host: H
 });
 export {
-  le as P
+  ue as P
 };
-//# sourceMappingURL=panel-subview-BT-Apwgb.js.map
+//# sourceMappingURL=panel-subview-D4o6ar6_.js.map

package/dist/_chunks/{patient-details-99kEdtc5.js → patient-details-BCaVuaXz.js}

@@ -8,7 +8,7 @@ import { C as ie, b as te, a as se } from "./collapsible-DVPM46bq.js";
 import { D as ae } from "./description-list-DkLeHiew.js";
 import { P as de } from "./panel-header-D_mTdhUp.js";
 import { u as re } from "./registry-DvAUVLHh.js";
-import { u as ne, F as le, r as oe, P as ce } from "./patient-field-row-DkxY13T6.js";
+import { u as ne, F as le, r as oe, P as ce } from "./patient-field-row-jcRSTrp4.js";
 import { C as pe } from "./clipboard-list-rSzfIYZB.js";
 const me = {
   id: "patient-details",
@@ -368,4 +368,4 @@ export {
   ue as P,
   me as p
 };
-//# sourceMappingURL=patient-details-99kEdtc5.js.map
+//# sourceMappingURL=patient-details-BCaVuaXz.js.map

package/dist/_chunks/{patient-field-row-DkxY13T6.js → patient-field-row-jcRSTrp4.js}

@@ -17,7 +17,7 @@ import { H as ie } from "./hash-CSQ9SChR.js";
 import { C as oe } from "./calendar-days-BGWklvE-.js";
 import { c as q } from "./createLucideIcon-DhHxpK9K.js";
 import { U as le } from "./user-B12p7bVF.js";
-import { C as ce } from "./city-input-BC_nYINn.js";
+import { C as ce } from "./city-input-3J3bz9EO.js";
 import { C as de } from "./country-select-DF5Bd_mn.js";
 import { D as ue } from "./date-picker-BSZuKo13.js";
 import { E as me } from "./email-input-C7THAwh2.js";
@@ -30,7 +30,7 @@ import { S as be } from "./select-Ce5RMk93.js";
 import { S as ve } from "./switch-D--x7n6h.js";
 import { T as xe } from "./text-area-COMVJ1yE.js";
 import { T as ke } from "./text-input-CaG9ApoE.js";
-import { u as Ce } from "./use-state-backed-input-C7ESmxKB.js";
+import { u as Ce } from "./use-state-backed-input-DhRQo6gM.js";
 import { C as K } from "./check-DrFSN__t.js";
 import { X as Ve } from "./x-B5YnXwCz.js";
 import { P as Ne } from "./pencil-B1sKKyuT.js";
@@ -826,4 +826,4 @@ export {
   Dt as r,
   St as u
 };
-//# sourceMappingURL=patient-field-row-DkxY13T6.js.map
+//# sourceMappingURL=patient-field-row-jcRSTrp4.js.map

package/dist/_chunks/{patient-summary-card-opdyfeW2.js → patient-summary-card-kQIfPQOE.js}

@@ -14,7 +14,7 @@ import { T as Ke } from "./transaction-chip-CohY6sTA.js";
 import { T as je } from "./tooltip-Cp-PLePW.js";
 import { H as G } from "./hover-card-U_ZYoh1n.js";
 import { i as de } from "./is-safe-url-DkETxeHz.js";
-import { u as qe, r as We, a as He, b as Je, F as Qe, S as Xe, A as Ye, N as Ze } from "./patient-field-row-DkxY13T6.js";
+import { u as qe, r as We, a as He, b as Je, F as Qe, S as Xe, A as Ye, N as Ze } from "./patient-field-row-jcRSTrp4.js";
 import { u as Oe } from "./registry-DvAUVLHh.js";
 import { M as ea } from "./mail-BqXVF2zH.js";
 import { P as aa } from "./phone-FceYcIFQ.js";
@@ -548,4 +548,4 @@ export {
   Ca as P,
   ma as p
 };
-//# sourceMappingURL=patient-summary-card-opdyfeW2.js.map
+//# sourceMappingURL=patient-summary-card-kQIfPQOE.js.map

package/dist/_chunks/{payment-automation-upsell-DiHovmUL.js → payment-automation-upsell-C4wHOxsp.js}

@@ -5,7 +5,7 @@ import { B as P } from "./badge-hnBt8o7n.js";
 import { B as y } from "./benefit-card-BWBClvdF.js";
 import { B as C } from "./button-Bn16lcFM.js";
 import { C as d } from "./card-DMO2nkt4.js";
-import { L as n } from "./list-RRN2TJ_7.js";
+import { L as n } from "./list-CNnn7DOD.js";
 import { S as U } from "./stat-DmjGfXND.js";
 import { C as f } from "./credit-card-D9XZsHGA.js";
 import { R as _ } from "./receipt-euro-B1cLM_TN.js";
@@ -283,4 +283,4 @@ Y.displayName = "PaymentAutomationUpsell";
 export {
   Y as P
 };
-//# sourceMappingURL=payment-automation-upsell-DiHovmUL.js.map
+//# sourceMappingURL=payment-automation-upsell-C4wHOxsp.js.map

package/dist/_chunks/{practice-results-CfRkjzsI.js → practice-results-D07wgCqV.js}

@@ -9,7 +9,7 @@ import { D } from "./dropdown-menu-BQSNVp4x.js";
 import { E as st } from "./empty-state-gNG3qYCX.js";
 import { M as it } from "./map-view-CO2v0hfp.js";
 import { R as Ne } from "./rating-C1Vrmpsi.js";
-import { S as I } from "./sheet-8qsiMoUI.js";
+import { S as I } from "./sheet-Dtjk0CVv.js";
 import { S as rt } from "./skeleton-B1KTdJ4N.js";
 import { S as ot } from "./spinner-CoflYlEx.js";
 import { B as $ } from "./badge-hnBt8o7n.js";
@@ -1742,4 +1742,4 @@ export {
   Ot as P,
   bt as p
 };
-//# sourceMappingURL=practice-results-CfRkjzsI.js.map
+//# sourceMappingURL=practice-results-D07wgCqV.js.map

package/dist/_chunks/{product-hub-panel-DlVRK7Ue.js → product-hub-panel-DCYX0rPG.js}

@@ -11,7 +11,7 @@ import * as j from "@radix-ui/react-popover";
 import { u as te, f as de } from "./non-modal-tab-exit-j3CPOuE3.js";
 import { u as ne } from "./use-controllable-state-BiY4xTzM.js";
 import { I as Q } from "./icon-button-COX76Jdj.js";
-import { S as oe } from "./scroll-area-ZtFCv9K7.js";
+import { S as oe } from "./scroll-area-CY5SLYNw.js";
 import { S as R } from "./skeleton-B1KTdJ4N.js";
 import { T as ie } from "./timestamp-DPLDWdxA.js";
 import { s as ce } from "./safe-image-src-DstKgCo7.js";
@@ -682,4 +682,4 @@ export {
   me as b,
   Ne as p
 };
-//# sourceMappingURL=product-hub-panel-DlVRK7Ue.js.map
+//# sourceMappingURL=product-hub-panel-DCYX0rPG.js.map

package/dist/_chunks/{public-header.agent-BctevbuY.js → public-header.agent-C1SlVSYt.js}

@@ -4,7 +4,7 @@ import { c as C } from "./index-D2ZczOXr.js";
 import { useTranslation as de } from "react-i18next";
 import * as m from "@radix-ui/react-navigation-menu";
 import { I as ae } from "./icon-button-COX76Jdj.js";
-import { S as f } from "./sheet-8qsiMoUI.js";
+import { S as f } from "./sheet-Dtjk0CVv.js";
 import { u as ne } from "./use-visual-viewport-pin-ChurOsHM.js";
 import { C as R } from "./chevron-down-DWE7GSq9.js";
 import { X as re } from "./x-B5YnXwCz.js";
@@ -600,4 +600,4 @@ export {
   Le as P,
   Pe as p
 };
-//# sourceMappingURL=public-header.agent-BctevbuY.js.map
+//# sourceMappingURL=public-header.agent-C1SlVSYt.js.map

package/dist/_chunks/{registration-form-BlTzYywa.js → registration-form-DrSR9Sjk.js}

@@ -16,9 +16,9 @@ import { u as Me } from "./use-password-requirements-C8DdwPEy.js";
 import { P as Ae } from "./phone-input-O9camxkq.js";
 import { R as De } from "./recaptcha-widget-CsvwlYTE.js";
 import { S as je } from "./select-Ce5RMk93.js";
-import { S as zr } from "./state-backed-text-input-DECQy5aA.js";
+import { S as zr } from "./state-backed-text-input-Cgh4ms3p.js";
 import { i as Le } from "./is-development-CLUAnsU7.js";
-import { u as Hr } from "./use-state-backed-input-C7ESmxKB.js";
+import { u as Hr } from "./use-state-backed-input-DhRQo6gM.js";
 import { a as Oe, i as Te } from "./safe-href-5dbsfbQn.js";
 import { u as Wr } from "./use-field-match-pdbEnKvO.js";
 import { u as _e, b as $e, a as ze, B as He } from "./use-registration-submit-eWAECgUC.js";
@@ -816,4 +816,4 @@ export {
   Gr as R,
   os as a
 };
-//# sourceMappingURL=registration-form-BlTzYywa.js.map
+//# sourceMappingURL=registration-form-DrSR9Sjk.js.map

package/dist/_chunks/{rich-text-editor-DTnNZ4Ff.js → rich-text-editor-UgXri8h6.js}

@@ -27,7 +27,7 @@ import { a as Fn } from "./tooltip-Cp-PLePW.js";
 import { P as ne } from "./popover-BG75rYjN.js";
 import { D as ie } from "./dialog-Dn-iQ0Jp.js";
 import { C as jn } from "./color-picker-BsggJovx.js";
-import { S as en } from "./state-backed-text-input-DECQy5aA.js";
+import { S as en } from "./state-backed-text-input-Cgh4ms3p.js";
 import { C as fa } from "./checkbox--ndmyokr.js";
 import { F as ha } from "./file-upload-CxjCs7TX.js";
 import { c as I } from "./createLucideIcon-DhHxpK9K.js";
@@ -4225,4 +4225,4 @@ export {
   Di as r,
   Rs as w
 };
-//# sourceMappingURL=rich-text-editor-DTnNZ4Ff.js.map
+//# sourceMappingURL=rich-text-editor-UgXri8h6.js.map

package/dist/_chunks/{scroll-area-ZtFCv9K7.js → scroll-area-CY5SLYNw.js}

@@ -1,9 +1,11 @@
-import { jsx as e, jsxs as S } from "react/jsx-runtime";
-import { forwardRef as m, useRef as x } from "react";
-import * as r from "@radix-ui/react-scroll-area";
-import { c as h } from "./index-D2ZczOXr.js";
-import { u as y } from "./use-direction-Dp8h70PP.js";
-const f = h(
+import { jsx as i, jsxs as H } from "react/jsx-runtime";
+import { forwardRef as m, useRef as b, useMemo as w, useState as T } from "react";
+import * as s from "@radix-ui/react-scroll-area";
+import { c as z } from "./index-D2ZczOXr.js";
+import { c as y } from "./compose-refs-C0k0tdqF.js";
+import { u as O } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
+import { u as D } from "./use-direction-Dp8h70PP.js";
+const p = z(
   [
     "ds:flex ds:touch-none ds:select-none",
     // Fade in/out based on Radix data-state (requires forceMount on Scrollbar).
@@ -30,7 +32,7 @@ const f = h(
       size: "md"
     }
   }
-), v = h(
+), g = z(
   [
     "ds:relative ds:flex-1",
     "ds:rounded-[var(--radius-full)]",
@@ -43,49 +45,73 @@ const f = h(
     'ds:before:absolute ds:before:content-[""] ds:before:inset-x-[calc((var(--min-target-size)-100%)/-2)]',
     "ds:before:inset-y-[calc((var(--min-target-size)-100%)/-2)]"
   ].join(" ")
-), g = (o, a, s) => o ?? (a || s ? "region" : void 0), A = (o) => o === "auto" || o === void 0 ? "hover" : o, N = {
+), x = (o, r, c) => o ?? (r || c ? "region" : void 0), S = (o) => o === "auto" || o === "scroll";
+function A(o, r) {
+  const [c, u] = T(!1);
+  return O(() => {
+    const e = o.current;
+    if (!e) return;
+    if (typeof ResizeObserver > "u") {
+      u(!0);
+      return;
+    }
+    const n = () => {
+      const a = getComputedStyle(e), v = (r !== "horizontal" || S(a.overflowY)) && e.scrollHeight - e.clientHeight > 1, f = (r !== "vertical" || S(a.overflowX)) && e.scrollWidth - e.clientWidth > 1;
+      u(f || v || e.ownerDocument.activeElement === e);
+    }, l = new ResizeObserver(n), t = () => {
+      l.disconnect(), l.observe(e);
+      for (const a of Array.from(e.children)) l.observe(a);
+    }, d = new MutationObserver(() => {
+      t(), n();
+    });
+    return t(), d.observe(e, { childList: !0 }), e.addEventListener("blur", n), n(), () => {
+      l.disconnect(), d.disconnect(), e.removeEventListener("blur", n);
+    };
+  }, [o, r]), c;
+}
+const E = (o) => o === "auto" || o === void 0 ? "hover" : o, M = {
   vertical: "ds:overflow-y-auto",
   horizontal: "ds:overflow-x-auto",
   both: "ds:overflow-auto"
-}, p = m(
+}, R = m(
   ({
     orientation: o = "vertical",
-    size: a = "md",
-    type: s = "auto",
-    className: i,
-    children: t,
+    size: r = "md",
+    type: c = "auto",
+    className: u,
+    children: e,
     scrollHideDelay: n,
     // The name and role belong on the viewport, the element that takes
     // focus, not on the Root wrapper around it.
-    "aria-label": d,
-    "aria-labelledby": c,
-    role: u,
-    ...l
-  }, z) => {
-    const b = x(null), w = y(b);
-    return /* @__PURE__ */ S(
-      r.Root,
+    "aria-label": l,
+    "aria-labelledby": t,
+    role: d,
+    ...a
+  }, v) => {
+    const f = b(null), j = D(f), h = b(null), V = w(() => y(v, h), [v]), C = A(h, o);
+    return /* @__PURE__ */ H(
+      s.Root,
       {
-        ref: b,
-        type: A(s),
-        dir: w,
+        ref: f,
+        type: E(c),
+        dir: j,
         scrollHideDelay: n,
         "data-component": "scroll-area",
         className: [
           "ds:relative ds:overflow-hidden",
           "ds:min-w-0 ds:min-h-0",
-          i
+          u
         ].filter(Boolean).join(" "),
-        ...l,
+        ...a,
         children: [
-          /* @__PURE__ */ e(
-            r.Viewport,
+          /* @__PURE__ */ i(
+            s.Viewport,
             {
-              ref: z,
-              tabIndex: 0,
-              role: g(u, d, c),
-              "aria-label": d,
-              "aria-labelledby": c,
+              ref: V,
+              tabIndex: C ? 0 : void 0,
+              role: x(d, l, t),
+              "aria-label": l,
+              "aria-labelledby": t,
               className: [
                 "ds:h-full ds:w-full ds:rounded-[inherit]",
                 // Radix wraps the viewport content in an inline
@@ -103,77 +129,81 @@ const f = h(
                 "ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
                 "ds:forced-colors:focus-visible:outline-[Highlight]"
               ].filter(Boolean).join(" "),
-              children: t
+              children: e
             }
           ),
           (o === "vertical" || o === "both") && // forceMount keeps the element in the DOM so CSS opacity transition
           // can animate the show/hide instead of mount/unmount snapping.
-          /* @__PURE__ */ e(
-            r.Scrollbar,
+          /* @__PURE__ */ i(
+            s.Scrollbar,
             {
               forceMount: !0,
               orientation: "vertical",
-              className: f({ size: a }),
-              children: /* @__PURE__ */ e(r.Thumb, { className: v() })
+              className: p({ size: r }),
+              children: /* @__PURE__ */ i(s.Thumb, { className: g() })
             }
           ),
-          (o === "horizontal" || o === "both") && /* @__PURE__ */ e(
-            r.Scrollbar,
+          (o === "horizontal" || o === "both") && /* @__PURE__ */ i(
+            s.Scrollbar,
             {
               forceMount: !0,
               orientation: "horizontal",
-              className: f({ size: a }),
-              children: /* @__PURE__ */ e(r.Thumb, { className: v() })
+              className: p({ size: r }),
+              children: /* @__PURE__ */ i(s.Thumb, { className: g() })
             }
           ),
-          /* @__PURE__ */ e(r.Corner, {})
+          /* @__PURE__ */ i(s.Corner, {})
         ]
       }
     );
   }
 );
-p.displayName = "RadixScrollArea";
-const R = m(
-  (o, a) => {
-    const {
-      orientation: s = "vertical",
-      type: i = "auto",
-      className: t,
-      children: n,
-      scrollHideDelay: d,
-      size: c,
-      role: u,
-      ...l
-    } = o;
-    return i === "native" ? /* @__PURE__ */ e(
+R.displayName = "RadixScrollArea";
+const N = m(
+  ({
+    orientation: o = "vertical",
+    type: r,
+    className: c,
+    children: u,
+    scrollHideDelay: e,
+    size: n,
+    role: l,
+    ...t
+  }, d) => {
+    const a = b(null), v = w(() => y(d, a), [d]), f = A(a, o);
+    return /* @__PURE__ */ i(
       "div",
       {
-        ref: a,
-        role: g(u, l["aria-label"], l["aria-labelledby"]),
+        ref: v,
+        role: x(l, t["aria-label"], t["aria-labelledby"]),
         "data-component": "scroll-area",
-        tabIndex: 0,
+        tabIndex: f ? 0 : void 0,
         className: [
-          N[s],
+          M[o],
           "ds:min-w-0 ds:min-h-0",
           "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-[Highlight]",
-          t
+          c
         ].filter(Boolean).join(" "),
-        ...l,
-        children: n
+        ...t,
+        children: u
       }
-    ) : /* @__PURE__ */ e(p, { ref: a, ...o });
+    );
   }
 );
-R.displayName = "ScrollArea";
-const B = r.Root, C = r.Viewport, D = r.Scrollbar, k = r.Thumb, I = r.Corner;
+N.displayName = "NativeScrollArea";
+const B = m(
+  (o, r) => o.type === "native" ? /* @__PURE__ */ i(N, { ref: r, ...o }) : /* @__PURE__ */ i(R, { ref: r, ...o })
+);
+B.displayName = "ScrollArea";
+const X = s.Root, Y = s.Viewport, q = s.Scrollbar, F = s.Thumb, G = s.Corner;
 export {
-  R as S,
-  I as a,
-  B as b,
-  D as c,
-  k as d,
-  C as e
+  B as S,
+  G as a,
+  X as b,
+  q as c,
+  F as d,
+  Y as e
 };
-//# sourceMappingURL=scroll-area-ZtFCv9K7.js.map
+//# sourceMappingURL=scroll-area-CY5SLYNw.js.map