@alfadocs/ui-kit 1.57.0 → 1.59.0

package/dist/_chunks/{notes-panel-Cm4pttpl.js → notes-panel-0Wots8rp.js}

@@ -4,17 +4,17 @@ 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-hx939bvw.js";
-import { R as Mn } from "./rich-text-editor-DTnNZ4Ff.js";
+import { C as Hn } from "./clinical-note-card-L6FVM9Gx.js";
+import { R as Mn } from "./rich-text-editor-CZXnqI3-.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";
-import { I as vt } from "./icon-button-COX76Jdj.js";
+import { B as te } from "./button-CnUVJg1Y.js";
+import { I as vt } from "./icon-button-CsOGhuRB.js";
 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 yt } from "./card-BA4Ig_kn.js";
 import { C as Kn, S as ve } from "./skeleton-B1KTdJ4N.js";
-import { D as L } from "./dialog-Dn-iQ0Jp.js";
+import { D as L } from "./dialog-D6fkpRc4.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-Cm4pttpl.js.map
+//# sourceMappingURL=notes-panel-0Wots8rp.js.map

package/dist/_chunks/{notification-card-BGCIL6Mu.js → notification-card-DRLmYlL8.js}

@@ -2,8 +2,8 @@ import { jsx as a, jsxs as l } from "react/jsx-runtime";
 import { forwardRef as _, useMemo as E, useState as H, useRef as X, useCallback as q } from "react";
 import { c as G } from "./index-D2ZczOXr.js";
 import { useTranslation as J } from "react-i18next";
-import { I as O } from "./icon-button-COX76Jdj.js";
-import { B as K } from "./button-Bn16lcFM.js";
+import { I as O } from "./icon-button-CsOGhuRB.js";
+import { B as K } from "./button-CnUVJg1Y.js";
 import { T as Q } from "./timestamp-DPLDWdxA.js";
 import { X as Y } from "./x-B5YnXwCz.js";
 const Z = G(
@@ -295,4 +295,4 @@ export {
   ss as N,
   A as i
 };
-//# sourceMappingURL=notification-card-BGCIL6Mu.js.map
+//# sourceMappingURL=notification-card-DRLmYlL8.js.map

package/dist/_chunks/{notification-tray-C5VtbGjd.js → notification-tray-qrSc9Fcs.js}

@@ -6,13 +6,13 @@ import { c as H } from "./index-D2ZczOXr.js";
 import { useTranslation as U } from "react-i18next";
 import { u as fe } from "./use-controllable-state-BiY4xTzM.js";
 import { u as me } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
-import { I as ue } from "./icon-button-COX76Jdj.js";
-import { B as A } from "./button-Bn16lcFM.js";
+import { I as ue } from "./icon-button-CsOGhuRB.js";
+import { B as A } from "./button-CnUVJg1Y.js";
 import { S as F } from "./separator-CYU_bGFn.js";
 import { S as T } from "./skeleton-B1KTdJ4N.js";
 import { C as ge } from "./counter-WsvRuum1.js";
-import { S as ve } from "./scroll-area-ZtFCv9K7.js";
-import { N as he } from "./notification-card-BGCIL6Mu.js";
+import { S as ve } from "./scroll-area-CY5SLYNw.js";
+import { N as he } from "./notification-card-DRLmYlL8.js";
 import { u as ye } from "./registry-DvAUVLHh.js";
 import { c as xe } from "./createLucideIcon-DhHxpK9K.js";
 /**
@@ -503,4 +503,4 @@ export {
   ke as N,
   Te as n
 };
-//# sourceMappingURL=notification-tray-C5VtbGjd.js.map
+//# sourceMappingURL=notification-tray-qrSc9Fcs.js.map

package/dist/_chunks/{operator-hero-Dyd2IGbR.js → operator-hero-C_Khr5IU.js}

@@ -4,7 +4,7 @@ import { c as P } from "./index-D2ZczOXr.js";
 import { useTranslation as z } from "react-i18next";
 import { A as j } from "./avatar-WZY3eGE7.js";
 import { B as I } from "./badge-hnBt8o7n.js";
-import { C as T } from "./card-DMO2nkt4.js";
+import { C as T } from "./card-BA4Ig_kn.js";
 import { R as B } from "./rating-C1Vrmpsi.js";
 import { u as F } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
 import { u as K } from "./registry-DvAUVLHh.js";
@@ -199,4 +199,4 @@ export {
   M as O,
   V as o
 };
-//# sourceMappingURL=operator-hero-Dyd2IGbR.js.map
+//# sourceMappingURL=operator-hero-C_Khr5IU.js.map

package/dist/_chunks/{optical-prescription-Do6e3wfs.js → optical-prescription-B0ap3kGl.js}

@@ -4,9 +4,9 @@ import { c as He } from "./index-D2ZczOXr.js";
 import { useTranslation as Fe } from "react-i18next";
 import { u as qe } from "./registry-DvAUVLHh.js";
 import { N as se } from "./number-input-CVwI1ltI.js";
-import { S as he } from "./select-Ce5RMk93.js";
+import { S as he } from "./select-k4gBdS8N.js";
 import { T as Ke } from "./text-area-COMVJ1yE.js";
-import { D as v } from "./description-list-DkLeHiew.js";
+import { D as v } from "./description-list-ZWlFfbOy.js";
 const ye = {
   enum: ["od", "os"],
   description: "Eye — `od` (right eye) or `os` (left eye)."
@@ -1257,4 +1257,4 @@ export {
   yt as y,
   Re as z
 };
-//# sourceMappingURL=optical-prescription-Do6e3wfs.js.map
+//# sourceMappingURL=optical-prescription-B0ap3kGl.js.map

package/dist/_chunks/{pagination-BR1_GfD_.js → pagination-DvKGrsXu.js}

@@ -1,17 +1,18 @@
-import { jsxs as f, jsx as i } from "react/jsx-runtime";
-import { forwardRef as g, useEffect as j, useCallback as V, useMemo as H, useRef as K, useId as Z } from "react";
-import { b as D } from "./menu-row-BAr8bx1I.js";
-import { u as ee } from "./use-controllable-state-BiY4xTzM.js";
-import { u as ae } from "./registry-DvAUVLHh.js";
+import { jsxs as h, jsx as i } from "react/jsx-runtime";
+import { forwardRef as v, useEffect as j, useCallback as V, useMemo as H, useRef as K, useId as Z, useState as D } from "react";
+import { b as ee } from "./menu-row-BAr8bx1I.js";
+import { P as ae } from "./popup-region-qz_5_A0V.js";
+import { u as se } from "./use-controllable-state-BiY4xTzM.js";
+import { u as ie } from "./registry-DvAUVLHh.js";
 import * as p from "@radix-ui/react-select";
-import { c as se } from "./index-D2ZczOXr.js";
+import { c as te } from "./index-D2ZczOXr.js";
 import { useTranslation as b } from "react-i18next";
-import { E as ie } from "./ellipsis-dRo9ouSU.js";
+import { E as ne } from "./ellipsis-dRo9ouSU.js";
 import { C as _ } from "./chevron-right-I9AeSxH2.js";
-import { C as te } from "./chevron-left-B8cOyH-V.js";
-import { C as ne, a as re } from "./chevrons-right-DIHg7Xqi.js";
-import { C as oe } from "./check-DrFSN__t.js";
-const de = {
+import { C as re } from "./chevron-left-B8cOyH-V.js";
+import { C as oe, a as de } from "./chevrons-right-DIHg7Xqi.js";
+import { C as le } from "./check-DrFSN__t.js";
+const ce = {
   id: "pagination",
   capabilities: ["paginate", "range_navigate"],
   state: {
@@ -77,7 +78,7 @@ const de = {
       description: "Sourced from the id prop."
     }
   }
-}, le = [
+}, pe = [
   "ds:inline-flex ds:items-center ds:justify-center",
   "ds:rounded-[var(--radius-sm)]",
   "ds:border ds:border-transparent",
@@ -90,7 +91,7 @@ const de = {
   "ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
   "ds:disabled:cursor-not-allowed ds:disabled:opacity-50",
   "ds:aria-disabled:cursor-not-allowed ds:aria-disabled:opacity-50"
-].join(" "), y = se(le, {
+].join(" "), y = te(pe, {
   variants: {
     size: {
       sm: "ds:min-w-[var(--min-target-size)] ds:min-h-[var(--min-target-size)] ds:text-[length:var(--font-size-sm)] ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)]",
@@ -109,40 +110,40 @@ function N(e, a) {
   for (let s = e; s <= a; s++) t.push(s);
   return t;
 }
-function ce(e, a, t = 1, s = 1) {
+function me(e, a, t = 1, s = 1) {
   if (a <= 0) return [];
   if (t = Math.max(0, t), s = Math.max(1, s), s * 2 + t * 2 + 3 >= a) return N(1, a);
-  const r = N(1, s), n = N(a - s + 1, a), u = Math.max(
+  const n = N(1, s), o = N(a - s + 1, a), m = Math.max(
     Math.min(
       e - t,
       a - s - t * 2 - 1
     ),
     s + 2
-  ), h = Math.min(
+  ), g = Math.min(
     Math.max(e + t, s + t * 2 + 2),
-    n[0] - 2
-  ), l = [...r];
-  return u > s + 2 ? l.push("ellipsis-start") : s + 1 < a - s && l.push(s + 1), l.push(...N(u, h)), h < a - s - 1 ? l.push("ellipsis-end") : a - s > s && l.push(a - s), l.push(...n), l;
+    o[0] - 2
+  ), r = [...n];
+  return m > s + 2 ? r.push("ellipsis-start") : s + 1 < a - s && r.push(s + 1), r.push(...N(m, g)), g < a - s - 1 ? r.push("ellipsis-end") : a - s > s && r.push(a - s), r.push(...o), r;
 }
-const pe = g(
+const ge = v(
   ({
     totalPages: e,
     page: a,
     defaultPage: t = 1,
     onPageChange: s,
-    siblingCount: d = 1,
-    boundaryCount: r = 1,
-    size: n = "md",
-    showEndpoints: u = !1,
-    align: h = "center",
-    pageSize: l,
-    useLocaleDigits: T = !1,
-    locale: k,
-    className: O,
-    id: w,
+    siblingCount: l = 1,
+    boundaryCount: n = 1,
+    size: o = "md",
+    showEndpoints: m = !1,
+    align: g = "center",
+    pageSize: r,
+    useLocaleDigits: R = !1,
+    locale: T,
+    className: q,
+    id: P,
     ...U
   }, W) => {
-    const { t: R, i18n: M } = b("ui"), [J, C] = ee({
+    const { t: k, i18n: C } = b("ui"), [J, M] = se({
       value: a,
       defaultValue: t,
       onChange: s
@@ -152,25 +153,25 @@ const pe = g(
         "[Pagination] Both `page` and `defaultPage` were supplied. The `page` prop wins; remove `defaultPage` for controlled usage."
       );
     }, [a, t]);
-    const m = V(
-      (o) => {
-        const P = Math.min(Math.max(o, 1), Math.max(1, e));
-        C(P);
+    const u = V(
+      (d) => {
+        const w = Math.min(Math.max(d, 1), Math.max(1, e));
+        M(w);
       },
-      [C, e]
+      [M, e]
     ), S = V(
-      (o) => {
-        if (!T) return String(o);
+      (d) => {
+        if (!R) return String(d);
         try {
-          return new Intl.NumberFormat(k ?? M.language).format(o);
+          return new Intl.NumberFormat(T ?? C.language).format(d);
         } catch {
-          return String(o);
+          return String(d);
         }
       },
-      [M.language, k, T]
+      [C.language, T, R]
     ), Q = H(
-      () => ce(c, e, d, r),
-      [c, e, d, r]
+      () => me(c, e, l, n),
+      [c, e, l, n]
     ), E = c <= 1, L = c >= e, x = K(c);
     j(() => {
       x.current = c;
@@ -183,84 +184,84 @@ const pe = g(
       () => ({
         getCurrentPage: () => x.current,
         getTotalPages: () => B.current,
-        goToPage: (o) => m(o),
-        next: () => m(x.current + 1),
-        previous: () => m(x.current - 1)
+        goToPage: (d) => u(d),
+        next: () => u(x.current + 1),
+        previous: () => u(x.current - 1)
       }),
-      [m]
+      [u]
     );
-    ae(de, X, w);
-    const Y = h === "start" ? "ds:justify-start" : h === "end" ? "ds:justify-end" : "ds:justify-center";
-    return /* @__PURE__ */ f(
+    ie(ce, X, P);
+    const Y = g === "start" ? "ds:justify-start" : g === "end" ? "ds:justify-end" : "ds:justify-center";
+    return /* @__PURE__ */ h(
       "nav",
       {
         ref: W,
-        "aria-label": R("navigation.pagination.label"),
-        id: w,
+        "aria-label": k("navigation.pagination.label"),
+        id: P,
         "data-component": "pagination",
-        "data-component-id": w,
+        "data-component-id": P,
         className: [
           "ds:flex ds:items-center",
           Y,
           "ds:gap-[var(--spacing-sm)]",
           "ds:flex-wrap",
-          O ?? ""
+          q ?? ""
         ].filter(Boolean).join(" "),
         ...U,
         children: [
-          /* @__PURE__ */ f(A, { size: n, children: [
-            u ? /* @__PURE__ */ i(v, { children: /* @__PURE__ */ i(
+          /* @__PURE__ */ h(A, { size: o, children: [
+            m ? /* @__PURE__ */ i(f, { children: /* @__PURE__ */ i(
               I,
               {
                 type: "first",
-                size: n,
+                size: o,
                 disabled: E,
-                onClick: () => m(1)
+                onClick: () => u(1)
               }
             ) }) : null,
-            /* @__PURE__ */ i(v, { children: /* @__PURE__ */ i(
-              G,
+            /* @__PURE__ */ i(f, { children: /* @__PURE__ */ i(
+              F,
               {
-                size: n,
+                size: o,
                 disabled: E,
-                onClick: () => m(c - 1)
+                onClick: () => u(c - 1)
               }
             ) }),
-            Q.map((o, P) => o === "ellipsis-start" || o === "ellipsis-end" ? /* @__PURE__ */ i(v, { children: /* @__PURE__ */ i(q, {}) }, `e-${P}`) : /* @__PURE__ */ i(v, { children: /* @__PURE__ */ i(
-              F,
+            Q.map((d, w) => d === "ellipsis-start" || d === "ellipsis-end" ? /* @__PURE__ */ i(f, { children: /* @__PURE__ */ i($, {}) }, `e-${w}`) : /* @__PURE__ */ i(f, { children: /* @__PURE__ */ i(
+              O,
               {
-                size: n,
-                isActive: o === c,
-                "aria-label": R("navigation.pagination.pageN", { n: o }),
-                onClick: () => m(o),
-                children: S(o)
+                size: o,
+                isActive: d === c,
+                "aria-label": k("navigation.pagination.pageN", { n: d }),
+                onClick: () => u(d),
+                children: S(d)
               }
-            ) }, `p-${o}`)),
-            /* @__PURE__ */ i(v, { children: /* @__PURE__ */ i(
-              $,
+            ) }, `p-${d}`)),
+            /* @__PURE__ */ i(f, { children: /* @__PURE__ */ i(
+              G,
               {
-                size: n,
+                size: o,
                 disabled: L,
-                onClick: () => m(c + 1)
+                onClick: () => u(c + 1)
               }
             ) }),
-            u ? /* @__PURE__ */ i(v, { children: /* @__PURE__ */ i(
+            m ? /* @__PURE__ */ i(f, { children: /* @__PURE__ */ i(
               I,
               {
                 type: "last",
-                size: n,
+                size: o,
                 disabled: L,
-                onClick: () => m(e)
+                onClick: () => u(e)
               }
             ) }) : null
           ] }),
-          l ? /* @__PURE__ */ i(
-            ve,
+          r ? /* @__PURE__ */ i(
+            he,
             {
-              size: n,
-              value: l.value,
-              options: l.options ?? [10, 25, 50, 100],
-              onChange: l.onChange,
+              size: o,
+              value: r.value,
+              options: r.options ?? [10, 25, 50, 100],
+              onChange: r.onChange,
               formatNumber: S
             }
           ) : null
@@ -269,8 +270,8 @@ const pe = g(
     );
   }
 );
-pe.displayName = "Pagination";
-const A = g(
+ge.displayName = "Pagination";
+const A = v(
   ({ children: e, className: a, ...t }, s) => /* @__PURE__ */ i(
     "ul",
     {
@@ -288,15 +289,15 @@ const A = g(
   )
 );
 A.displayName = "PaginationList";
-const v = g(
+const f = v(
   ({ children: e, className: a, ...t }, s) => /* @__PURE__ */ i("li", { ref: s, className: a, ...t, children: e })
 );
-v.displayName = "PaginationItem";
-const F = g(
-  ({ isActive: e = !1, size: a = "md", className: t, children: s, ...d }, r) => /* @__PURE__ */ i(
+f.displayName = "PaginationItem";
+const O = v(
+  ({ isActive: e = !1, size: a = "md", className: t, children: s, ...l }, n) => /* @__PURE__ */ i(
     "button",
     {
-      ref: r,
+      ref: n,
       type: "button",
       "aria-current": e ? "page" : void 0,
       className: y({
@@ -304,40 +305,40 @@ const F = g(
         active: e,
         className: t
       }),
-      ...d,
+      ...l,
       children: s
     }
   )
 );
-F.displayName = "PaginationLink";
-const z = "ds:size-4 ds:rtl:-scale-x-100", G = g(
+O.displayName = "PaginationLink";
+const z = "ds:size-4 ds:rtl:-scale-x-100", F = v(
   ({ size: e = "md", disabled: a, onClick: t }, s) => {
-    const { t: d } = b("ui"), r = d("navigation.pagination.previous");
+    const { t: l } = b("ui"), n = l("navigation.pagination.previous");
     return /* @__PURE__ */ i(
       "button",
       {
         ref: s,
         type: "button",
-        "aria-label": r,
+        "aria-label": n,
         "aria-disabled": a || void 0,
         disabled: a,
         onClick: t,
         className: y({ size: e }),
-        children: /* @__PURE__ */ i(te, { "aria-hidden": "true", className: z })
+        children: /* @__PURE__ */ i(re, { "aria-hidden": "true", className: z })
       }
     );
   }
 );
-G.displayName = "PaginationPrevious";
-const $ = g(
+F.displayName = "PaginationPrevious";
+const G = v(
   ({ size: e = "md", disabled: a, onClick: t }, s) => {
-    const { t: d } = b("ui"), r = d("navigation.pagination.next");
+    const { t: l } = b("ui"), n = l("navigation.pagination.next");
     return /* @__PURE__ */ i(
       "button",
       {
         ref: s,
         type: "button",
-        "aria-label": r,
+        "aria-label": n,
         "aria-disabled": a || void 0,
         disabled: a,
         onClick: t,
@@ -347,27 +348,27 @@ const $ = g(
     );
   }
 );
-$.displayName = "PaginationNext";
-const I = g(
-  ({ type: e, size: a = "md", disabled: t, onClick: s }, d) => {
-    const { t: r } = b("ui"), n = r(e === "first" ? "navigation.pagination.first" : "navigation.pagination.last"), u = e === "first" ? ne : re;
+G.displayName = "PaginationNext";
+const I = v(
+  ({ type: e, size: a = "md", disabled: t, onClick: s }, l) => {
+    const { t: n } = b("ui"), o = n(e === "first" ? "navigation.pagination.first" : "navigation.pagination.last"), m = e === "first" ? oe : de;
     return /* @__PURE__ */ i(
       "button",
       {
-        ref: d,
+        ref: l,
         type: "button",
-        "aria-label": n,
+        "aria-label": o,
         "aria-disabled": t || void 0,
         disabled: t,
         onClick: s,
         className: y({ size: a }),
-        children: /* @__PURE__ */ i(u, { "aria-hidden": "true", className: z })
+        children: /* @__PURE__ */ i(m, { "aria-hidden": "true", className: z })
       }
     );
   }
 );
 I.displayName = "PaginationEndpoint";
-const q = g(
+const $ = v(
   ({ className: e, ...a }, t) => /* @__PURE__ */ i(
     "span",
     {
@@ -381,12 +382,12 @@ const q = g(
         e ?? ""
       ].filter(Boolean).join(" "),
       ...a,
-      children: /* @__PURE__ */ i(ie, { "aria-hidden": "true", className: "ds:size-4" })
+      children: /* @__PURE__ */ i(ne, { "aria-hidden": "true", className: "ds:size-4" })
     }
   )
 );
-q.displayName = "PaginationEllipsis";
-const me = [
+$.displayName = "PaginationEllipsis";
+const ue = [
   "ds:inline-flex ds:items-center ds:justify-between ds:gap-[var(--spacing-xs)]",
   "ds:rounded-[var(--radius-sm)] ds:border ds:border-[color:var(--control-border)] ds:bg-[var(--background)]",
   "ds:text-[var(--foreground)]",
@@ -395,48 +396,50 @@ const me = [
   "ds:text-[var(--font-size-sm)]",
   "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
   "ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]"
-].join(" "), ge = [
+].join(" "), ve = [
   "ds:z-[var(--z-dropdown)] ds:overflow-hidden",
   "ds:rounded-[var(--radius-md)] ds:border ds:border-[var(--border)]",
   "ds:bg-[var(--background)] ds:text-[var(--foreground)]",
   "ds:shadow-[var(--shadow-lg)]",
   "ds:animate-in ds:fade-in ds:zoom-in-95 ds:motion-reduce:animate-none"
-].join(" "), ue = [
+].join(" "), fe = [
   "ds:relative ds:flex ds:cursor-pointer ds:items-center",
   "ds:min-h-[var(--min-target-size)]",
   "ds:ps-[var(--spacing-xl)] ds:pe-[var(--spacing-sm)]",
   "ds:rounded-[var(--radius-sm)]",
   "ds:text-[var(--foreground)] ds:outline-none ds:select-none",
-  D.highlighted,
+  ee.highlighted,
   "ds:data-[disabled]:pointer-events-none ds:data-[disabled]:opacity-50"
 ].join(" ");
-function ve({
+function he({
   value: e,
   options: a,
   onChange: t,
   formatNumber: s
 }) {
-  const { t: d } = b("ui"), r = Z();
-  return /* @__PURE__ */ f("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
+  const { t: l } = b("ui"), n = Z(), [o, m] = D(!1);
+  return /* @__PURE__ */ h("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
     /* @__PURE__ */ i(
       "span",
       {
-        id: r,
+        id: n,
         className: "type-label ds:text-[var(--muted-foreground)]",
-        children: d("navigation.pagination.rowsPerPage")
+        children: l("navigation.pagination.rowsPerPage")
       }
     ),
-    /* @__PURE__ */ f(
+    /* @__PURE__ */ h(
       p.Root,
       {
         value: String(e),
-        onValueChange: (n) => t(Number(n)),
+        onValueChange: (g) => t(Number(g)),
+        open: o,
+        onOpenChange: m,
         children: [
-          /* @__PURE__ */ f(
+          /* @__PURE__ */ h(
             p.Trigger,
             {
-              "aria-labelledby": r,
-              className: me,
+              "aria-labelledby": n,
+              className: ue,
               children: [
                 /* @__PURE__ */ i(p.Value, {}),
                 /* @__PURE__ */ i(p.Icon, { asChild: !0, children: /* @__PURE__ */ i(
@@ -449,39 +452,40 @@ function ve({
               ]
             }
           ),
-          /* @__PURE__ */ i(p.Portal, { children: /* @__PURE__ */ i(
+          /* @__PURE__ */ i(p.Portal, { children: /* @__PURE__ */ i(ae, { open: o, children: (g) => /* @__PURE__ */ i(
             p.Content,
             {
-              className: ge,
+              ref: g,
+              className: ve,
               position: "popper",
-              children: /* @__PURE__ */ i(p.Viewport, { className: "ds:p-[var(--spacing-xs)]", children: a.map((n) => /* @__PURE__ */ f(
+              children: /* @__PURE__ */ i(p.Viewport, { className: "ds:p-[var(--spacing-xs)]", children: a.map((r) => /* @__PURE__ */ h(
                 p.Item,
                 {
-                  value: String(n),
-                  className: ue,
+                  value: String(r),
+                  className: fe,
                   children: [
-                    /* @__PURE__ */ i(p.ItemIndicator, { className: "ds:absolute ds:inline-flex ds:items-center ds:justify-center ds:start-[var(--spacing-sm)]", children: /* @__PURE__ */ i(oe, { "aria-hidden": "true", className: "ds:size-3.5" }) }),
-                    /* @__PURE__ */ i(p.ItemText, { children: s(n) })
+                    /* @__PURE__ */ i(p.ItemIndicator, { className: "ds:absolute ds:inline-flex ds:items-center ds:justify-center ds:start-[var(--spacing-sm)]", children: /* @__PURE__ */ i(le, { "aria-hidden": "true", className: "ds:size-3.5" }) }),
+                    /* @__PURE__ */ i(p.ItemText, { children: s(r) })
                   ]
                 },
-                n
+                r
               )) })
             }
-          ) })
+          ) }) })
         ]
       }
     )
   ] });
 }
 export {
-  pe as P,
-  q as a,
-  v as b,
-  F as c,
+  ge as P,
+  $ as a,
+  f as b,
+  O as c,
   A as d,
-  $ as e,
-  G as f,
-  ce as g,
-  de as p
+  G as e,
+  F as f,
+  me as g,
+  ce as p
 };
-//# sourceMappingURL=pagination-BR1_GfD_.js.map
+//# sourceMappingURL=pagination-DvKGrsXu.js.map