prometeo-design-system 7.4.6 → 7.4.7

package/dist/Badge.es.js

@@ -1,7 +1,7 @@
 import { j as t } from "./jsx-runtime-GkKLlHH4.js";
-import { c as l } from "./index-BOQuZ0gG.js";
-import { c as m } from "./cn-B6yFEsav.js";
-const u = "brand", o = 99, d = l("radius-full flex items-center justify-center font-medium select-none", {
+import { c } from "./index-BOQuZ0gG.js";
+import { c as u } from "./cn-B6yFEsav.js";
+const d = "brand", m = 99, o = c("radius-full flex items-center justify-center font-medium select-none", {
   variants: {
     size: {
       small: "size-2",
@@ -10,6 +10,8 @@ const u = "brand", o = 99, d = l("radius-full flex items-center justify-center f
     color: {
       neutral: "bg-neutral-tertiary-default text-neutral-default-default icon-neutral-default-default",
       brand: "bg-brand-primary-default text-neutral-default-default icon-brand-primary-default",
+      "brand-gradiente": "pyrion-gradient-bg text-neutral-default-default icon-neutral-default-default",
+      "brand-overlay": "bg-brand-overlay-pressed text-neutral-default-default icon-neutral-default-default",
       warning: "bg-warning-primary-default text-semantic-warning-primary-default icon-semantic-warning-primary-default",
       success: "bg-success-primary-default text-semantic-success-primary-default icon-semantic-success-primary-default",
       error: "bg-error-primary-default text-semantic-error-primary-default icon-semantic-error-primary-default"
@@ -21,28 +23,28 @@ const u = "brand", o = 99, d = l("radius-full flex items-center justify-center f
   },
   compoundVariants: []
 }), N = (e) => {
-  const a = e.color ?? u;
+  const a = e.color ?? d;
   if (x(e))
     return /* @__PURE__ */ t.jsx(i, { size: "small", color: a, isTextVariant: !1, className: e.className });
-  if (y(e)) {
+  if (g(e)) {
     const n = e.icon;
     return /* @__PURE__ */ t.jsx(i, { size: "medium", color: a, isTextVariant: !1, className: e.className, children: n && /* @__PURE__ */ t.jsx(n, { size: 14 }) });
   }
-  const s = f(e), r = !c(e);
-  return /* @__PURE__ */ t.jsx(i, { size: "medium", color: a, isTextVariant: r, className: e.className, children: /* @__PURE__ */ t.jsx("span", { className: "pyrion-fonts-label-small text-center", children: s }) });
+  const r = f(e), s = !l(e);
+  return /* @__PURE__ */ t.jsx(i, { size: "medium", color: a, isTextVariant: s, className: e.className, children: /* @__PURE__ */ t.jsx("span", { className: "pyrion-fonts-label-small text-center", children: r }) });
 }, f = (e) => {
-  if (c(e)) {
-    const a = e.maxCount ?? o;
+  if (l(e)) {
+    const a = e.maxCount ?? m;
     return e.count > a ? `+${a}` : e.count;
   }
   return e.text;
-}, x = (e) => e.size === "small", y = (e) => e.variant === "icon", c = (e) => typeof e.count == "number", i = ({
+}, x = (e) => e.size === "small", g = (e) => e.variant === "icon", l = (e) => typeof e.count == "number", i = ({
   size: e,
   color: a,
-  isTextVariant: s,
-  children: r,
+  isTextVariant: r,
+  children: s,
   className: n
-}) => /* @__PURE__ */ t.jsx("div", { className: m(d({ size: e, color: a, isTextVariant: s }), n), children: r });
+}) => /* @__PURE__ */ t.jsx("div", { className: u(o({ size: e, color: a, isTextVariant: r }), n), children: s });
 export {
   N as Badge,
   N as default

package/dist/DatePicker.es.js

@@ -1,4 +1,4 @@
-import { D as r, D as t } from "./DatePicker-BlmJnSpU.js";
+import { D as r, D as t } from "./DatePicker-DCOaDxpO.js";
 export {
   r as DatePicker,
   t as default

package/dist/DesktopModal.es.js

@@ -1,5 +1,5 @@
-import { u as o, a as t } from "./useModalControl-wMqv8xVn.js";
-import { D as u } from "./useModalControl-wMqv8xVn.js";
+import { u as o, a as t } from "./useModalControl-B6NN_Xjx.js";
+import { D as u } from "./useModalControl-B6NN_Xjx.js";
 const e = o, s = t;
 export {
   u as default,

package/dist/DialogModal.es.js

@@ -1,4 +1,4 @@
-import { D as t } from "./useModalControl-wMqv8xVn.js";
+import { D as t } from "./useModalControl-B6NN_Xjx.js";
 import { useDesktopModalControl as s, useDesktopModalState as l } from "./DesktopModal.es.js";
 export {
   t as default,

package/dist/{DrawerMobile-DT6ZkP7f.js → DrawerMobile-4bx8u9GO.js}

@@ -1,5 +1,5 @@
 import { j as u } from "./jsx-runtime-GkKLlHH4.js";
-import qe, { useContext as bt, createContext as xt, isValidElement as Me, Fragment as Ke, Children as Ht, useMemo as ne, useRef as f, useState as pe, useCallback as s, useLayoutEffect as oe, useEffect as B, forwardRef as St, useImperativeHandle as Rt } from "react";
+import qe, { useContext as vt, createContext as xt, isValidElement as Me, Fragment as Ke, Children as Ht, useMemo as ne, useRef as f, useState as pe, useCallback as s, useLayoutEffect as oe, useEffect as $, forwardRef as St, useImperativeHandle as Rt } from "react";
 import { createPortal as Dt } from "react-dom";
 import { c as j } from "./cn-B6yFEsav.js";
 import Ct from "./Divider.es.js";
@@ -9,7 +9,7 @@ const Ue = xt(
   null
 );
 function Ut() {
-  const o = bt(Ue);
+  const o = vt(Ue);
   if (!o)
     throw new Error(
       "Drawer slot components must be used inside <DrawerMobile> or <DrawerPanel>"
@@ -72,8 +72,8 @@ function At(o, n) {
 const Qe = "0.5s cubic-bezier(0.32, 0.72, 0, 1)", jt = `transform ${Qe}`, Lt = `height ${Qe}`, Ft = 0, Yt = 0.05, Pt = 5;
 function ze(o, n, y) {
   if (typeof o == "string" && o.endsWith("%")) {
-    const D = parseFloat(o);
-    return D <= 0 ? y : D > 100 ? n : Math.min(D, 100) / 100 * n;
+    const C = parseFloat(o);
+    return C <= 0 ? y : C > 100 ? n : Math.min(C, 100) / 100 * n;
   }
   return typeof o == "string" && o.endsWith("px") ? parseFloat(o) : typeof o == "number" ? o >= 0 && o <= 1 ? o * n : o : 0;
 }
@@ -81,56 +81,56 @@ function It({
   children: o,
   attachToParent: n = !1,
   className: y,
-  classNameContent: D,
+  classNameContent: C,
   classNameFooter: J,
   classNameHeader: Q,
   isOpen: w,
-  applySnapRef: $,
+  applySnapRef: G,
   onSnapChange: H,
   snapPoints: se = [0, "auto", 1],
   hideOnClose: Z = !1,
   unmountChildrenOnClose: g = !1,
   header: L,
   headerActions: V,
-  modal: G = !1,
+  modal: k = !1,
   closeOnOverlayClick: ee = !1,
-  context: C,
-  footer: k,
-  zIndex: E = 60,
+  context: E,
+  footer: O,
+  zIndex: N = 60,
   chromeHeightGetterRef: F,
   hideCloseButton: ce = !1,
   title: S,
-  onRequestClose: O
+  onRequestClose: W
 }) {
-  const R = typeof o == "function" ? o(C) : o, v = !!(S || L || k), b = v ? At(R, {
+  const R = typeof o == "function" ? o(E) : o, b = !!(S || L || O), v = b ? At(R, {
     title: S,
     header: L,
     headerActions: V,
-    footer: k,
+    footer: O,
     classNameHeader: Q,
-    classNameContent: D,
+    classNameContent: C,
     classNameFooter: J
-  }) : null, te = b?.title ?? S, l = b?.headerChildren ?? L, N = b?.headerActions ?? V, x = b?.footer ?? k, Ze = j(Q, b?.headerClassName), Ve = j(D, b?.contentClassName), et = j(J, b?.footerClassName), ye = b?.content ?? null, W = ne(
-    () => Mt(v, ye, R),
-    [v, ye, R]
+  }) : null, te = v?.title ?? S, l = v?.headerChildren ?? L, D = v?.headerActions ?? V, x = v?.footer ?? O, Ze = j(Q, v?.headerClassName), Ve = j(C, v?.contentClassName), et = j(J, v?.footerClassName), ye = v?.content ?? null, Y = ne(
+    () => Mt(b, ye, R),
+    [b, ye, R]
   ), tt = () => l ? typeof l == "string" ? /* @__PURE__ */ u.jsx(
     "p",
     {
-      style: { zIndex: E + 2 },
+      style: { zIndex: N + 2 },
       className: "pyrion-fonts-body-small text-neutral-secondary-default w-full text-balance",
       children: l
     }
-  ) : typeof l == "function" ? l(C) : qe.isValidElement(l) ? l : typeof l == "object" && "$$typeof" in l ? qe.createElement(
+  ) : typeof l == "function" ? l(E) : qe.isValidElement(l) ? l : typeof l == "object" && "$$typeof" in l ? qe.createElement(
     l,
-    { context: C }
-  ) : l : null, rt = () => N ? typeof N == "function" ? N(C) : N : null, nt = () => x ? typeof x == "function" ? x(C) : x : null, i = f(null), le = f(null), we = f(null), q = f(0), ve = f("0%"), je = {
+    { context: E }
+  ) : l : null, rt = () => D ? typeof D == "function" ? D(E) : D : null, nt = () => x ? typeof x == "function" ? x(E) : x : null, i = f(null), le = f(null), we = f(null), q = f(0), be = f("0%"), je = {
     header: null,
     headerTitle: null,
     headerActions: null,
     headerBody: null,
     content: null,
     footer: null
-  }, z = f({ ...je }), [be, ot] = pe(je), K = ne(() => {
+  }, z = f({ ...je }), [ve, ot] = pe(je), K = ne(() => {
     const e = (r) => (t) => {
       z.current[r] !== t && (z.current[r] = t, ot(
         (c) => c[r] === t ? c : { ...c, [r]: t }
@@ -145,9 +145,9 @@ function It({
       footer: e("footer")
     };
   }, []), st = ne(
-    () => ({ regions: be }),
-    [be]
-  ), ie = s(() => z.current.header, []), m = s(() => z.current.content, []), U = s(() => z.current.footer, []), Y = f(null), ae = f(null), xe = f(0), He = f(!0), Se = f(null), Re = f(null), d = s(() => Z ? 0 : we.current?.offsetHeight ?? 0, [Z]), T = s(() => {
+    () => ({ regions: ve }),
+    [ve]
+  ), ie = s(() => z.current.header, []), m = s(() => z.current.content, []), U = s(() => z.current.footer, []), P = f(null), ae = f(null), xe = f(0), He = f(!0), Se = f(null), Re = f(null), d = s(() => Z ? 0 : we.current?.offsetHeight ?? 0, [Z]), T = s(() => {
     if (!i.current) return 0;
     const e = getComputedStyle(i.current);
     return parseFloat(e.paddingTop) + parseFloat(e.paddingBottom);
@@ -166,10 +166,10 @@ function It({
     },
     []
   ), De = s(() => {
-    const e = T(), r = ie()?.offsetHeight ?? 0, t = U()?.offsetHeight ?? 0, c = ue(r, W, t);
+    const e = T(), r = ie()?.offsetHeight ?? 0, t = U()?.offsetHeight ?? 0, c = ue(r, Y, t);
     return e + r + t + c;
-  }, [ue, T, U, ie, W]), M = s(() => {
-    const e = T(), r = ie()?.offsetHeight ?? 0, t = W ? m()?.scrollHeight ?? 0 : 0, c = U()?.offsetHeight ?? 0, a = ue(r, W, c);
+  }, [ue, T, U, ie, Y]), M = s(() => {
+    const e = T(), r = ie()?.offsetHeight ?? 0, t = Y ? m()?.scrollHeight ?? 0 : 0, c = U()?.offsetHeight ?? 0, a = ue(r, Y, c);
     return e + r + t + c + a;
   }, [
     ue,
@@ -177,7 +177,7 @@ function It({
     m,
     U,
     ie,
-    W
+    Y
   ]);
   oe(() => {
     F && (F.current = De);
@@ -188,8 +188,8 @@ function It({
     return se?.map((t) => t === "auto" ? M() : typeof t == "string" && t.endsWith("%") ? parseFloat(t) > 100 ? e : parseFloat(t) / 100 * e : typeof t == "string" && t.endsWith("px") ? parseFloat(t) : typeof t == "number" && t >= 0 && t <= 1 ? t * e : t === 0 ? r : typeof t == "number" ? t : 0) || [];
   }, [se, p, d, M]), fe = s((e, r) => {
     if (!le.current) return;
-    const t = Se.current ?? T(), c = Re.current ?? d(), a = Math.max(0, e - t), h = e <= c, _ = h ? xe.current : a;
-    le.current.style.transition = r ? Lt : "none", le.current.style.height = `${_}px`, h || (xe.current = _);
+    const t = Se.current ?? T(), c = Re.current ?? d(), a = Math.max(0, e - t), h = e <= c, B = h ? xe.current : a;
+    le.current.style.transition = r ? Lt : "none", le.current.style.height = `${B}px`, h || (xe.current = B);
   }, [T, d]), Fe = s((e) => {
     const r = m();
     r && (r.classList.toggle("drawer-mobile-content--open", e), r.classList.toggle("drawer-mobile-content--closed", !e));
@@ -203,7 +203,7 @@ function It({
     const c = d();
     if (Math.abs(r) > Yt) {
       if (r > 0) {
-        const h = t.filter((_) => _ < e);
+        const h = t.filter((B) => B < e);
         return h.length > 0 ? Math.max(...h) : c;
       }
       const a = t.filter((h) => h > e);
@@ -246,7 +246,7 @@ function It({
     if (!i.current) return;
     he();
     const r = e.touches[0], t = X();
-    Y.current = {
+    P.current = {
       isDragging: !1,
       startY: r.clientY,
       startHeight: t,
@@ -258,7 +258,7 @@ function It({
     if (!i.current) return;
     he();
     const r = X();
-    Y.current = {
+    P.current = {
       isDragging: !1,
       startY: e.clientY,
       startHeight: r,
@@ -267,14 +267,14 @@ function It({
       velocity: 0
     };
   }, [X, he]), me = s((e, r) => {
-    if (!Y.current || !i.current) return;
-    const t = Y.current, c = t.startY - e, a = t.isDragging || Math.abs(c) > Pt;
+    if (!P.current || !i.current) return;
+    const t = P.current, c = t.startY - e, a = t.isDragging || Math.abs(c) > Pt;
     if (!t.isDragging && a && (t.isDragging = !0, _e()), !a) return;
     r.preventDefault();
-    const h = Date.now(), _ = h - t.lastTime;
-    if (_ > 0) {
-      const vt = (e - t.lastY) / _;
-      t.velocity = t.velocity * 0.8 + vt * 0.2;
+    const h = Date.now(), B = h - t.lastTime;
+    if (B > 0) {
+      const bt = (e - t.lastY) / B;
+      t.velocity = t.velocity * 0.8 + bt * 0.2;
     }
     t.lastY = e, t.lastTime = h;
     const pt = t.startHeight + c, yt = p(), wt = Math.max(0, Math.min(pt, yt));
@@ -283,31 +283,31 @@ function It({
     me(e.touches[0].clientY, e);
   }, [me]), Ge = s((e) => {
     me(e.clientY, e);
-  }, [me]), P = s(() => {
-    if (Y.current?.isDragging && i.current) {
+  }, [me]), I = s(() => {
+    if (P.current?.isDragging && i.current) {
       Ie();
-      const e = X(), r = Ye(e, Y.current.velocity);
+      const e = X(), r = Ye(e, P.current.velocity);
       Pe(r);
     }
-    Y.current = null, Be();
+    P.current = null, Be();
   }, [Ye, Pe, Ie, X, Be]), Ne = s((e) => {
     $e(e);
     const r = (c) => Ge(c), t = () => {
-      document.removeEventListener("mousemove", r, { capture: !0 }), document.removeEventListener("mouseup", t, { capture: !0 }), P();
+      document.removeEventListener("mousemove", r, { capture: !0 }), document.removeEventListener("mouseup", t, { capture: !0 }), I();
     };
     document.addEventListener("mousemove", r, { passive: !1, capture: !0 }), document.addEventListener("mouseup", t, { capture: !0 });
-  }, [$e, Ge, P]);
-  B(() => {
+  }, [$e, Ge, I]);
+  $(() => {
     const e = we.current;
     if (e)
-      return e.addEventListener("touchstart", Ce, { passive: !1 }), e.addEventListener("touchmove", Ee, { passive: !1 }), e.addEventListener("touchend", P), e.addEventListener("touchcancel", P), e.addEventListener("mousedown", Ne, { passive: !1 }), () => {
-        e.removeEventListener("touchstart", Ce), e.removeEventListener("touchmove", Ee), e.removeEventListener("touchend", P), e.removeEventListener("touchcancel", P), e.removeEventListener("mousedown", Ne);
+      return e.addEventListener("touchstart", Ce, { passive: !1 }), e.addEventListener("touchmove", Ee, { passive: !1 }), e.addEventListener("touchend", I), e.addEventListener("touchcancel", I), e.addEventListener("mousedown", Ne, { passive: !1 }), () => {
+        e.removeEventListener("touchstart", Ce), e.removeEventListener("touchmove", Ee), e.removeEventListener("touchend", I), e.removeEventListener("touchcancel", I), e.removeEventListener("mousedown", Ne);
       };
-  }, [Ce, Ee, P, Ne]);
-  const [I, ke] = pe(() => g ? w : !0);
-  g && w && !I && ke(!0);
+  }, [Ce, Ee, I, Ne]);
+  const [_, ke] = pe(() => g ? w : !0);
+  g && w && !_ && ke(!0);
   const re = f(null);
-  B(() => {
+  $(() => {
     if (!g) return;
     const e = i.current;
     if (!e) return;
@@ -342,11 +342,11 @@ function It({
     U
   ]), ge = s((e) => {
     if (!e) return;
-    if (ve.current = e, g && !I && e !== "0%") {
+    if (be.current = e, g && !_ && e !== "0%") {
       re.current = e;
       return;
     }
-    re.current = null, Fe(e !== "0%"), I && m() && q.current === 0 && (q.current = m()?.scrollHeight ?? 0);
+    re.current = null, Fe(e !== "0%"), _ && m() && q.current === 0 && (q.current = m()?.scrollHeight ?? 0);
     const r = e !== "0%" && He.current;
     if (Oe(e), e === "auto") {
       We();
@@ -356,7 +356,7 @@ function It({
     A(a, !r);
   }, [
     g,
-    I,
+    _,
     Oe,
     We,
     A,
@@ -367,7 +367,7 @@ function It({
   ]);
   oe(() => {
     if (!w) return;
-    const e = ve.current;
+    const e = be.current;
     if (!e || e === "0%") return;
     const r = m();
     if (r) {
@@ -382,21 +382,21 @@ function It({
     if (!e) return;
     let r = 0;
     const t = () => {
-      if (ve.current !== "auto") return;
+      if (be.current !== "auto") return;
       const a = e.scrollHeight;
       a <= 0 || a === r || (r = a, q.current = a, A(M(), !0));
     };
     t();
     const c = new ResizeObserver(t);
     return c.observe(e), () => c.disconnect();
-  }, [w, be.content, A, M]), oe(() => ($.current = ge, () => {
-    $.current = null;
+  }, [w, ve.content, A, M]), oe(() => (G.current = ge, () => {
+    G.current = null;
   }), [ge]), oe(() => {
-    if (I && re.current) {
+    if (_ && re.current) {
       const e = re.current;
       re.current = null, ge(e);
     }
-  }, [I, ge]);
+  }, [_, ge]);
   const at = ne(
     () => navigator.userAgent.includes("iPhone") || navigator.userAgent.includes("iPad") || navigator.userAgent.includes("iPod"),
     []
@@ -405,17 +405,18 @@ function It({
     {
       ref: K.header,
       className: j(
-        "pb-4 flex flex-col gap-3 items-start justify-start border-b border-neutral-default-default",
+        "pb-4 flex flex-col gap-3 items-start justify-start border-b border-neutral-default-default ",
+        !Y && "border-b-0",
         Ze
       ),
       children: [
-        /* @__PURE__ */ u.jsxs("div", { className: "pl-4 pr-2 gap-1 flex items-end w-full", children: [
+        /* @__PURE__ */ u.jsxs("div", { className: "pl-4 pr-2 gap-1 flex items-start w-full", children: [
           /* @__PURE__ */ u.jsx(
             "div",
             {
               ref: K.headerTitle,
               className: "flex-1 min-w-0 flex items-end",
-              children: v && te ? /* @__PURE__ */ u.jsx("h4", { className: "pyrion-fonts-headline-small text-neutral-primary-default flex-1 truncate", children: te }) : null
+              children: b && te ? /* @__PURE__ */ u.jsx("h4", { className: "pyrion-fonts-headline-small text-neutral-primary-default flex-1 truncate", children: te }) : null
             }
           ),
           /* @__PURE__ */ u.jsx(
@@ -423,11 +424,11 @@ function It({
             {
               ref: K.headerActions,
               className: "flex shrink-0 pl-4 pr-2 gap-1 items-end",
-              children: v ? rt() : null
+              children: b ? rt() : null
             }
           ),
           !ce && /* @__PURE__ */ u.jsxs(u.Fragment, { children: [
-            /* @__PURE__ */ u.jsx(Ct, { orientation: "vertical" }),
+            D && /* @__PURE__ */ u.jsx(Ct, { orientation: "vertical" }),
             /* @__PURE__ */ u.jsx(
               Et,
               {
@@ -435,12 +436,12 @@ function It({
                 variant: "text",
                 color: "neutral",
                 size: "small",
-                onClick: O
+                onClick: W
               }
             )
           ] })
         ] }),
-        /* @__PURE__ */ u.jsx("div", { ref: K.headerBody, className: "w-full", children: v ? tt() : null })
+        /* @__PURE__ */ u.jsx("div", { ref: K.headerBody, className: "w-full", children: b ? tt() : null })
       ]
     }
   ), ht = /* @__PURE__ */ u.jsx(
@@ -452,10 +453,10 @@ function It({
         w ? "drawer-mobile-content--open" : "drawer-mobile-content--closed",
         "w-full flex-1 min-h-0 overflow-y-auto",
         "flex flex-col gap-6 px-4 items-start justify-start",
-        W ? "py-6" : "py-0",
+        Y ? "py-6" : "py-0",
         Ve
       ),
-      children: (!g || I) && (v ? ye : R)
+      children: (!g || _) && (b ? ye : R)
     }
   ), mt = /* @__PURE__ */ u.jsx(
     "div",
@@ -468,23 +469,23 @@ function It({
         ut && at && "pb-8",
         et
       ),
-      children: v && x ? nt() : null
+      children: b && x ? nt() : null
     }
   ), gt = /* @__PURE__ */ u.jsxs(u.Fragment, { children: [
     ht,
     mt
   ] });
   return /* @__PURE__ */ u.jsx(Ue.Provider, { value: st, children: /* @__PURE__ */ u.jsxs(u.Fragment, { children: [
-    (G || ee) && /* @__PURE__ */ u.jsx(
+    (k || ee) && /* @__PURE__ */ u.jsx(
       "div",
       {
-        style: { zIndex: E },
+        style: { zIndex: N },
         className: j(
           w ? "fixed inset-0 cursor-default" : "hidden",
-          G && "bg-black/40"
+          k && "bg-black/40"
         ),
         onClick: (e) => {
-          e.preventDefault(), e.stopPropagation(), ee && O();
+          e.preventDefault(), e.stopPropagation(), ee && W();
         },
         "aria-hidden": "true"
       }
@@ -493,7 +494,7 @@ function It({
       "div",
       {
         ref: i,
-        style: { zIndex: E, transform: "translateY(100%)" },
+        style: { zIndex: N, transform: "translateY(100%)" },
         className: j(
           "h-full",
           n ? "absolute" : "fixed",
@@ -509,7 +510,7 @@ function It({
             "div",
             {
               ref: we,
-              style: { zIndex: E + 1 },
+              style: { zIndex: N + 1 },
               className: "w-full absolute top-0 pt-4 pb-2 flex items-end justify-center cursor-grab active:cursor-grabbing bg-inherit!",
               children: /* @__PURE__ */ u.jsx("span", { className: "w-12 h-1 rounded-full bg-neutral-tertiary-default" })
             }
@@ -533,46 +534,46 @@ function It({
 }
 const _t = It, Bt = 300, $t = St(function(n, y) {
   const {
-    children: D,
+    children: C,
     defaultOpen: J = !1,
     onClose: Q,
     snapPoints: w = ["auto"],
-    setSnap: $,
+    setSnap: G,
     snap: H,
     attachToParent: se = !1,
     classNameHeader: Z
-  } = n, g = f(H || "0%"), [L, V] = pe(!1), [G, ee] = pe(null), C = f(Q), k = f($), E = f(G), F = f(/* @__PURE__ */ new Set()), ce = f(() => 0), S = f(null), O = f(null);
-  C.current = Q, E.current = G, B(() => {
-    k.current = $;
-  }, [$]);
+  } = n, g = f(H || "0%"), [L, V] = pe(!1), [k, ee] = pe(null), E = f(Q), O = f(G), N = f(k), F = f(/* @__PURE__ */ new Set()), ce = f(() => 0), S = f(null), W = f(null);
+  E.current = Q, N.current = k, $(() => {
+    O.current = G;
+  }, [G]);
   const R = s((l) => {
-    const N = g.current !== "0%";
+    const D = g.current !== "0%";
     g.current = l;
     const x = l !== "0%";
-    N !== x && V(x), k.current?.(l), O.current?.(l);
+    D !== x && V(x), O.current?.(l), W.current?.(l);
   }, []);
-  B(() => {
+  $(() => {
     if (H == null || H === g.current) return;
-    g.current = H, V(H !== "0%"), O.current?.(H);
-  }, [H]), B(() => {
-    J && b();
+    g.current = H, V(H !== "0%"), W.current?.(H);
+  }, [H]), $(() => {
+    J && v();
   }, [J]);
-  const v = s(() => {
-    R("0%"), C.current?.(E.current), S.current && clearTimeout(S.current), S.current = setTimeout(() => {
+  const b = s(() => {
+    R("0%"), E.current?.(N.current), S.current && clearTimeout(S.current), S.current = setTimeout(() => {
       ee(null), S.current = null;
     }, Bt);
   }, [R]);
-  B(() => () => {
+  $(() => () => {
     S.current && clearTimeout(S.current);
   }, []);
-  const b = s(
-    (l, N) => {
-      const x = N || w[0] || "60%";
+  const v = s(
+    (l, D) => {
+      const x = D || w[0] || "60%";
       ee(l ?? null), R(x);
     },
     [w, R]
   );
-  B(() => {
+  $(() => {
     F.current.forEach((l) => {
       try {
         l(L);
@@ -582,16 +583,16 @@ const _t = It, Bt = 300, $t = St(function(n, y) {
   }, [L]), Rt(
     y,
     () => ({
-      open: b,
-      close: v,
+      open: v,
+      close: b,
       get isOpen() {
         return g.current !== "0%";
       },
       subscribeOpenChange: (l) => (F.current.add(l), l(g.current !== "0%"), () => F.current.delete(l)),
-      getContext: () => E.current,
+      getContext: () => N.current,
       getChromeHeight: () => ce.current()
     }),
-    [b, v]
+    [v, b]
   );
   const te = /* @__PURE__ */ u.jsx(
     _t,
@@ -599,12 +600,12 @@ const _t = It, Bt = 300, $t = St(function(n, y) {
       ...n,
       classNameHeader: Z,
       isOpen: L,
-      applySnapRef: O,
+      applySnapRef: W,
       onSnapChange: R,
-      context: G,
+      context: k,
       chromeHeightGetterRef: ce,
-      onRequestClose: v,
-      children: D
+      onRequestClose: b,
+      children: C
     }
   );
   return se ? te : Dt(te, document.body);

package/dist/DrawerMobile.es.js

@@ -1,4 +1,4 @@
-import { D as a } from "./DrawerMobile-DT6ZkP7f.js";
+import { D as a } from "./DrawerMobile-4bx8u9GO.js";
 import { u as o, c as t, b as u, a as D } from "./useDrawerControl-H3_CBNvK.js";
 export {
   a as default,

package/dist/Menu.es.js

@@ -4,7 +4,7 @@ import J from "./CardBackground.es.js";
 import { c as w } from "./cn-B6yFEsav.js";
 import { u as Q } from "./useDevice-S7cYqLVh.js";
 import { M as W } from "./MenuFloating-CZ7dqXy2.js";
-import { D as Z } from "./DrawerMobile-DT6ZkP7f.js";
+import { D as Z } from "./DrawerMobile-4bx8u9GO.js";
 const $ = {
   color: "neutral",
   variant: "primary",