@telefonica/mistica 14.45.0 → 14.46.0

package/dist-es/sheet.css-mistica.js

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./sheet.css.ts.vanilla.css-mistica.js";
-var y = "cylz3v6 _1y2v1nf36", f = "cylz3v4 _1y2v1nfge _1y2v1nfk4 _1y2v1nfkj _1y2v1nfky", _ = "cylz3v9 _1y2v1nf6z _1y2v1nfgi _1y2v1nfgo", a = "cylz3vo", o = "_1y2v1nfjo _1y2v1nfh4 _1y2v1nfgi _1y2v1nfgo", r = "cylz3vl", t = "cylz3v7", e = "_1y2v1nf4d _1y2v1nfhe _1y2v1nfhp _1y2v1nfj2", l = "cylz3vc _1y2v1nf6k _1y2v1nf7t _1y2v1nfgd _1y2v1nfjp _1y2v1nfhz _1y2v1nfh5 _1y2v1nfgi _1y2v1nfgr", g = "_1y2v1nfgi _1y2v1nfgx _1y2v1nfhu", i = "cylz3vf _1y2v1nf6q _1y2v1nf7z _1y2v1nf98 _1y2v1nfah _1y2v1nfgd _1y2v1nfjp _1y2v1nfkj", c = "cylz3vh _1y2v1nfhf _1y2v1nfhv _1y2v1nfgi _1y2v1nfgx _1y2v1nfgr _1y2v1nfj1", h = "cylz3vk _1y2v1nfge _1y2v1nf3h _1y2v1nfjp _1y2v1nfk4 _1y2v1nfkj _1y2v1nfky", z = "cylz3vq _1y2v1nf6q _1y2v1nf7z _1y2v1nf98 _1y2v1nfah _1y2v1nfgi _1y2v1nfiv _1y2v1nfgx", k = "_1y2v1nfgg _1y2v1nfky _1y2v1nf36", j = "_1y2v1nfgg _1y2v1nfjp _1y2v1nf36", d = 400;
-export { y as Sheet, f as SheetContainer, _ as SheetContent, a as bodyContent, o as children, r as closingOverlay, t as closingSheet, e as handle, l as handleContainer, g as infoItemIcon, i as modalCloseButton, c as modalCloseButtonIcon, h as overlay, z as sheetActionRow, k as stickyButtons, j as stickyTitle, d as transitionDuration };
+var y = "cylz3v6 _1y2v1nf36", f = "cylz3v4 _1y2v1nfge _1y2v1nfk4 _1y2v1nfkj _1y2v1nfky", _ = "cylz3v9 _1y2v1nf6z _1y2v1nfgi _1y2v1nfgo", a = "cylz3vo", e = "_1y2v1nfjo _1y2v1nfh4 _1y2v1nfgi _1y2v1nfgo", r = "cylz3vl", t = "cylz3v7", o = "_1y2v1nf4d _1y2v1nfhe _1y2v1nfhp _1y2v1nfj2", i = "cylz3vc _1y2v1nf6k _1y2v1nf7t _1y2v1nfgd _1y2v1nfjp _1y2v1nfhz _1y2v1nfh5 _1y2v1nfgi _1y2v1nfgr", l = "_1y2v1nfgi _1y2v1nfgx _1y2v1nfhu", g = "cylz3vf _1y2v1nf6w _1y2v1nf85 _1y2v1nf9e _1y2v1nfan _1y2v1nfgd _1y2v1nfjp _1y2v1nfkj", c = "cylz3vk _1y2v1nfge _1y2v1nf3h _1y2v1nfjp _1y2v1nfk4 _1y2v1nfkj _1y2v1nfky", h = "cylz3vq _1y2v1nf6q _1y2v1nf7z _1y2v1nf98 _1y2v1nfah _1y2v1nfgi _1y2v1nfiv _1y2v1nfgx", z = "_1y2v1nfgg _1y2v1nfky _1y2v1nf36", k = "_1y2v1nfgg _1y2v1nfjp _1y2v1nf36", j = 400;
+export { y as Sheet, f as SheetContainer, _ as SheetContent, a as bodyContent, e as children, r as closingOverlay, t as closingSheet, o as handle, i as handleContainer, l as infoItemIcon, g as modalCloseButton, c as overlay, h as sheetActionRow, z as stickyButtons, k as stickyTitle, j as transitionDuration };

package/dist-es/sheet.js

@@ -79,36 +79,36 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as e, jsxs as v, Fragment as H } from "react/jsx-runtime";
-import L from "classnames";
+import B from "classnames";
 import * as i from "react";
-import { transitionDuration as O, overlay as j, closingOverlay as F, SheetContainer as V, closingSheet as G, Sheet as K, SheetContent as $, handleContainer as q, handle as J, children as Q, modalCloseButton as U, modalCloseButtonIcon as W, stickyTitle as X, bodyContent as Z, stickyButtons as _, sheetActionRow as ee, infoItemIcon as re } from "./sheet.css-mistica.js";
-import te from "./focus-trap.js";
-import { useTheme as k, useAriaId as ne, useDisableBodyScroll as oe, useIsInViewport as A, useScreenSize as P } from "./hooks.js";
-import { useSetModalStateEffect as ie } from "./modal-context-provider.js";
-import { Portal as se } from "./portal.js";
-import { Text5 as ce, Text3 as x, Text2 as w } from "./text.js";
+import { transitionDuration as O, overlay as j, closingOverlay as F, SheetContainer as V, closingSheet as G, Sheet as K, SheetContent as $, handleContainer as q, handle as J, children as Q, modalCloseButton as U, stickyTitle as W, bodyContent as X, stickyButtons as Z, sheetActionRow as _, infoItemIcon as ee } from "./sheet.css-mistica.js";
+import re from "./focus-trap.js";
+import { useTheme as E, useAriaId as te, useDisableBodyScroll as ne, useIsInViewport as A, useScreenSize as C } from "./hooks.js";
+import { useSetModalStateEffect as oe } from "./modal-context-provider.js";
+import { Portal as ie } from "./portal.js";
+import { Text5 as se, Text3 as x, Text2 as w } from "./text.js";
 import { vars as S } from "./skins/skin-contract.css-mistica.js";
-import { RadioGroup as ae } from "./radio-button.js";
-import { RowList as le, Row as de } from "./list.js";
+import { RadioGroup as ce } from "./radio-button.js";
+import { RowList as ae, Row as le } from "./list.js";
 import Y from "./negative-box.js";
-import E from "./stack.js";
+import b from "./stack.js";
 import D from "./box.js";
-import ue from "./touchable.js";
-import me from "./inline.js";
-import he from "./circle.js";
+import de from "./touchable.js";
+import ue from "./inline.js";
+import me from "./circle.js";
 import N from "./divider.js";
-import { getPrefixedDataAttributes as fe, getScrollableParentElement as pe } from "./utils/dom.js";
-import { ButtonPrimary as z, ButtonSecondary as ge, ButtonLink as ve } from "./button.js";
-import Re from "./generated/mistica-icons/icon-close-regular.js";
-import Se from "./icon-button.js";
-import ye from "./button-layout.js";
-import M from "./image.js";
+import { getPrefixedDataAttributes as he, getScrollableParentElement as fe } from "./utils/dom.js";
+import { ButtonPrimary as M, ButtonSecondary as pe, ButtonLink as ge } from "./button.js";
+import ve from "./generated/mistica-icons/icon-close-regular.js";
+import { InternalIconButton as Re } from "./icon-button.js";
+import Se from "./button-layout.js";
+import z from "./image.js";
 import { InternalResponsiveLayout as T } from "./responsive-layout.js";
-import { safeAreaInsetBottom as De } from "./utils/css.js";
-const C = (n)=>"touches" in n ? n.touches[0].clientY : n.clientY, Ie = (param)=>{
+import { safeAreaInsetBottom as ye } from "./utils/css.js";
+const P = (n)=>"touches" in n ? n.touches[0].clientY : n.clientY, De = (param)=>{
     let { closeModal: n } = param;
-    const [s, l] = i.useState(0), p = i.useRef(!1), g = i.useRef(0), t = i.useRef(0), o = i.useRef(0), u = i.useRef(0), { isDesktopOrBigger: m } = P(), r = i.useCallback((h)=>{
-        p.current = !0, g.current = 0, t.current = Date.now(), o.current = C(h);
+    const [s, l] = i.useState(0), p = i.useRef(!1), g = i.useRef(0), t = i.useRef(0), o = i.useRef(0), u = i.useRef(0), { isDesktopOrBigger: m } = C(), r = i.useCallback((h)=>{
+        p.current = !0, g.current = 0, t.current = Date.now(), o.current = P(h);
     }, []), c = i.useCallback(()=>{
         p.current = !1, l(0);
     }, []);
@@ -120,7 +120,7 @@ const C = (n)=>"touches" in n ? n.touches[0].clientY : n.clientY, Ie = (param)=>
                     g.current++;
                     return;
                 }
-                u.current = C(a), l(u.current - o.current);
+                u.current = P(a), l(u.current - o.current);
             }
         }, d = ()=>{
             if (!p.current) return;
@@ -147,7 +147,7 @@ const C = (n)=>"touches" in n ? n.touches[0].clientY : n.clientY, Ie = (param)=>
             transition: "none"
         } : void 0
     };
-}, Ee = {
+}, Ie = {
     closed: {
         open: "opening"
     },
@@ -161,9 +161,9 @@ const C = (n)=>"touches" in n ? n.touches[0].clientY : n.clientY, Ie = (param)=>
     closing: {
         transitionEnd: "closed"
     }
-}, ke = (n, s)=>Ee[n][s] || n, I = /*#__PURE__*/ i.forwardRef((param, p)=>{
+}, be = (n, s)=>Ie[n][s] || n, I = /*#__PURE__*/ i.forwardRef((param, p)=>{
     let { onClose: n, children: s, dataAttributes: l } = param;
-    const { texts: g } = k(), [t, o] = i.useReducer(ke, "closed"), u = i.useRef(!1), m = ne(), r = i.useCallback((f)=>{
+    const { texts: g } = E(), [t, o] = i.useReducer(be, "closed"), u = i.useRef(!1), m = te(), r = i.useCallback((f)=>{
         f.target === f.currentTarget && o("transitionEnd");
     }, []), c = ()=>{
         t === "open" && o("close");
@@ -183,29 +183,29 @@ const C = (n)=>"touches" in n ? n.touches[0].clientY : n.clientY, Ie = (param)=>
         t,
         n
     ]);
-    const _Ie = Ie({
+    const _De = De({
         closeModal: c
-    }), { onScroll: h, overlayStyle: d } = _Ie, a = _object_without_properties(_Ie, [
+    }), { onScroll: h, overlayStyle: d } = _De, a = _object_without_properties(_De, [
         "onScroll",
         "overlayStyle"
     ]);
-    return ie(), oe(t !== "closed"), t === "closed" ? null : /* @__PURE__ */ e(se, {
-        children: /* @__PURE__ */ v(te, {
+    return oe(), ne(t !== "closed"), t === "closed" ? null : /* @__PURE__ */ e(ie, {
+        children: /* @__PURE__ */ v(re, {
             children: [
                 /* @__PURE__ */ e("div", {
-                    className: L(j, {
+                    className: B(j, {
                         [F]: t === "closing"
                     }),
                     style: d,
                     onClick: c
                 }),
                 /* @__PURE__ */ e("div", _object_spread_props(_object_spread({
-                    className: L(V, {
+                    className: B(V, {
                         [G]: t === "closing"
                     }),
                     onTransitionEnd: r,
                     onAnimationEnd: r
-                }, a, fe(l, "Sheet")), {
+                }, a, he(l, "Sheet")), {
                     ref: p,
                     children: /* @__PURE__ */ v("div", {
                         className: K,
@@ -226,7 +226,7 @@ const C = (n)=>"touches" in n ? n.touches[0].clientY : n.clientY, Ie = (param)=>
                                         onScroll: h,
                                         className: Q,
                                         style: {
-                                            paddingBottom: De
+                                            paddingBottom: ye
                                         },
                                         children: typeof s == "function" ? s({
                                             closeModal: c,
@@ -237,16 +237,13 @@ const C = (n)=>"touches" in n ? n.touches[0].clientY : n.clientY, Ie = (param)=>
                             }),
                             /* @__PURE__ */ e("div", {
                                 className: U,
-                                children: /* @__PURE__ */ e(Se, {
-                                    size: 32,
+                                children: /* @__PURE__ */ e(Re, {
                                     onPress: c,
                                     "aria-label": g.modalClose,
-                                    children: /* @__PURE__ */ e("div", {
-                                        className: W,
-                                        children: /* @__PURE__ */ e(Re, {
-                                            size: 20
-                                        })
-                                    })
+                                    Icon: ve,
+                                    bleedLeft: !0,
+                                    bleedRight: !0,
+                                    bleedY: !0
                                 })
                             })
                         ]
@@ -255,11 +252,11 @@ const C = (n)=>"touches" in n ? n.touches[0].clientY : n.clientY, Ie = (param)=>
             ]
         })
     });
-}), b = (param)=>{
+}), k = (param)=>{
     let { title: n, subtitle: s, description: l, modalTitleId: p, button: g, secondaryButton: t, link: o, children: u } = param;
     const m = i.useRef(null), r = i.useRef(null), c = i.useRef(null);
     i.useEffect(()=>{
-        r.current && (c.current = pe(r.current));
+        r.current && (c.current = fe(r.current));
     }, []);
     const h = !A(m, !0, {
         root: c.current
@@ -274,7 +271,7 @@ const C = (n)=>"touches" in n ? n.touches[0].clientY : n.clientY, Ie = (param)=>
                 ref: m
             }),
             /* @__PURE__ */ v("div", {
-                className: X,
+                className: W,
                 children: [
                     n ? /* @__PURE__ */ e(D, {
                         paddingBottom: 8,
@@ -283,7 +280,7 @@ const C = (n)=>"touches" in n ? n.touches[0].clientY : n.clientY, Ie = (param)=>
                             desktop: 40
                         },
                         children: /* @__PURE__ */ e(T, {
-                            children: /* @__PURE__ */ e(ce, {
+                            children: /* @__PURE__ */ e(se, {
                                 as: "h2",
                                 id: p,
                                 truncate: !0,
@@ -300,17 +297,17 @@ const C = (n)=>"touches" in n ? n.touches[0].clientY : n.clientY, Ie = (param)=>
                 ]
             }),
             /* @__PURE__ */ e("div", {
-                className: Z,
+                className: X,
                 children: /* @__PURE__ */ e(D, {
                     paddingBottom: a ? 0 : {
                         desktop: 40,
                         mobile: 0
                     },
                     children: /* @__PURE__ */ e(T, {
-                        children: /* @__PURE__ */ v(E, {
+                        children: /* @__PURE__ */ v(b, {
                             space: 8,
                             children: [
-                                s || l ? /* @__PURE__ */ v(E, {
+                                s || l ? /* @__PURE__ */ v(b, {
                                     space: {
                                         mobile: 8,
                                         desktop: 16
@@ -347,7 +344,7 @@ const C = (n)=>"touches" in n ? n.touches[0].clientY : n.clientY, Ie = (param)=>
                 })
             }),
             a && /* @__PURE__ */ v("div", {
-                className: _,
+                className: Z,
                 children: [
                     d && /* @__PURE__ */ e(N, {}),
                     /* @__PURE__ */ e(D, {
@@ -356,7 +353,7 @@ const C = (n)=>"touches" in n ? n.touches[0].clientY : n.clientY, Ie = (param)=>
                             desktop: 40
                         },
                         children: /* @__PURE__ */ e(T, {
-                            children: /* @__PURE__ */ v(ye, {
+                            children: /* @__PURE__ */ v(Se, {
                                 align: "full-width",
                                 link: o,
                                 children: [
@@ -373,9 +370,9 @@ const C = (n)=>"touches" in n ? n.touches[0].clientY : n.clientY, Ie = (param)=>
             })
         ]
     });
-}, Xe = /*#__PURE__*/ i.forwardRef((param, r)=>{
+}, We = /*#__PURE__*/ i.forwardRef((param, r)=>{
     let { title: n, subtitle: s, description: l, items: p, selectedId: g, onClose: t, onSelect: o, button: u, dataAttributes: m } = param;
-    const [c, h] = i.useState(g), d = i.useRef(!1), { isDesktopOrBigger: a } = P(), { texts: f } = k();
+    const [c, h] = i.useState(g), d = i.useRef(!1), { isDesktopOrBigger: a } = C(), { texts: f } = E();
     return /* @__PURE__ */ e(I, {
         onClose: t,
         ref: r,
@@ -383,22 +380,22 @@ const C = (n)=>"touches" in n ? n.touches[0].clientY : n.clientY, Ie = (param)=>
             "component-name": "RadioListSheet"
         }, m),
         children: (param)=>/* @__PURE__ */ {
-            let { closeModal: y, modalTitleId: B } = param;
+            let { closeModal: y, modalTitleId: L } = param;
             var _ref;
-            return e(b, {
+            return e(k, {
                 title: n,
                 subtitle: s,
                 description: l,
-                modalTitleId: B,
-                button: a ? /* @__PURE__ */ e(z, {
+                modalTitleId: L,
+                button: a ? /* @__PURE__ */ e(M, {
                     onPress: ()=>{
                         d.current && (o == null || o(c !== null && c !== void 0 ? c : "")), y();
                     },
                     children: (_ref = u == null ? void 0 : u.text) !== null && _ref !== void 0 ? _ref : f.sheetConfirmButton
                 }) : void 0,
                 children: /* @__PURE__ */ e(Y, {
-                    children: /* @__PURE__ */ e(ae, {
-                        "aria-labelledby": B,
+                    children: /* @__PURE__ */ e(ce, {
+                        "aria-labelledby": L,
                         name: "sheetselection",
                         value: c,
                         onChange: (R)=>{
@@ -406,10 +403,10 @@ const C = (n)=>"touches" in n ? n.touches[0].clientY : n.clientY, Ie = (param)=>
                                 y();
                             }, 200));
                         },
-                        children: /* @__PURE__ */ e(le, {
+                        children: /* @__PURE__ */ e(ae, {
                             children: p.map((R)=>/* @__PURE__ */ {
                                 var _R_title;
-                                return e(de, {
+                                return e(le, {
                                     title: (_R_title = R.title) !== null && _R_title !== void 0 ? _R_title : "",
                                     description: R.description,
                                     asset: R.asset,
@@ -422,9 +419,9 @@ const C = (n)=>"touches" in n ? n.touches[0].clientY : n.clientY, Ie = (param)=>
             });
         }
     });
-}), Ze = /*#__PURE__*/ i.forwardRef((param, u)=>{
+}), Xe = /*#__PURE__*/ i.forwardRef((param, u)=>{
     let { title: n, subtitle: s, description: l, items: p, onClose: g, onSelect: t, dataAttributes: o } = param;
-    const { isDarkMode: m } = k();
+    const { isDarkMode: m } = E();
     return /* @__PURE__ */ e(I, {
         onClose: g,
         ref: u,
@@ -433,7 +430,7 @@ const C = (n)=>"touches" in n ? n.touches[0].clientY : n.clientY, Ie = (param)=>
         }, o),
         children: (param)=>{
             let { closeModal: r, modalTitleId: c } = param;
-            return /* @__PURE__ */ e(b, {
+            return /* @__PURE__ */ e(k, {
                 title: n,
                 subtitle: s,
                 description: l,
@@ -441,19 +438,19 @@ const C = (n)=>"touches" in n ? n.touches[0].clientY : n.clientY, Ie = (param)=>
                 children: /* @__PURE__ */ e(Y, {
                     children: p.map((param)=>{
                         let { id: h, style: d, title: a, icon: f } = param;
-                        return /* @__PURE__ */ e(ue, {
+                        return /* @__PURE__ */ e(de, {
                             onPress: ()=>{
                                 t == null || t(h), r();
                             },
                             children: /* @__PURE__ */ v("div", {
-                                className: ee,
+                                className: _,
                                 children: [
                                     f && /* @__PURE__ */ e(D, {
                                         paddingRight: 16,
                                         children: f.Icon ? /* @__PURE__ */ e(f.Icon, {
                                             size: 24,
                                             color: d === "destructive" ? S.colors.textLinkDanger : S.colors.neutralHigh
-                                        }) : /* @__PURE__ */ e(M, {
+                                        }) : /* @__PURE__ */ e(z, {
                                             circular: !0,
                                             src: m && f.urlDark ? f.urlDark : f.url,
                                             width: 40
@@ -472,9 +469,9 @@ const C = (n)=>"touches" in n ? n.touches[0].clientY : n.clientY, Ie = (param)=>
             });
         }
     });
-}), _e = /*#__PURE__*/ i.forwardRef((param, o)=>{
+}), Ze = /*#__PURE__*/ i.forwardRef((param, o)=>{
     let { title: n, subtitle: s, description: l, items: p, onClose: g, dataAttributes: t } = param;
-    const { isDarkMode: u } = k();
+    const { isDarkMode: u } = E();
     return /* @__PURE__ */ e(I, {
         onClose: g,
         ref: o,
@@ -483,33 +480,33 @@ const C = (n)=>"touches" in n ? n.touches[0].clientY : n.clientY, Ie = (param)=>
         }, t),
         children: (param)=>{
             let { modalTitleId: m } = param;
-            return /* @__PURE__ */ e(b, {
+            return /* @__PURE__ */ e(k, {
                 title: n,
                 subtitle: s,
                 description: l,
                 modalTitleId: m,
                 children: /* @__PURE__ */ e(D, {
                     paddingBottom: 16,
-                    children: /* @__PURE__ */ e(E, {
+                    children: /* @__PURE__ */ e(b, {
                         space: 16,
                         role: "list",
-                        children: p.map((r, c)=>/* @__PURE__ */ v(me, {
+                        children: p.map((r, c)=>/* @__PURE__ */ v(ue, {
                                 space: 8,
                                 children: [
                                     /* @__PURE__ */ e("div", {
-                                        className: re,
-                                        children: r.icon.type === "bullet" ? /* @__PURE__ */ e(he, {
+                                        className: ee,
+                                        children: r.icon.type === "bullet" ? /* @__PURE__ */ e(me, {
                                             size: 8,
                                             backgroundColor: S.colors.textPrimary
                                         }) : r.icon.Icon ? /* @__PURE__ */ e(r.icon.Icon, {
                                             size: r.icon.type === "small" ? 16 : 24
-                                        }) : /* @__PURE__ */ e(M, {
+                                        }) : /* @__PURE__ */ e(z, {
                                             src: u && r.icon.urlDark ? r.icon.urlDark : r.icon.url,
                                             width: r.icon.type === "small" ? 16 : 24,
                                             height: r.icon.type === "small" ? 16 : 24
                                         })
                                     }),
-                                    /* @__PURE__ */ v(E, {
+                                    /* @__PURE__ */ v(b, {
                                         space: 2,
                                         children: [
                                             /* @__PURE__ */ e(x, {
@@ -530,7 +527,7 @@ const C = (n)=>"touches" in n ? n.touches[0].clientY : n.clientY, Ie = (param)=>
             });
         }
     });
-}), er = /*#__PURE__*/ i.forwardRef((param, r)=>{
+}), _e = /*#__PURE__*/ i.forwardRef((param, r)=>{
     let { title: n, subtitle: s, description: l, button: p, secondaryButton: g, buttonLink: t, onClose: o, dataAttributes: u, onPressButton: m } = param;
     const c = (d, a)=>()=>{
             m == null || m(a), d();
@@ -550,22 +547,22 @@ const C = (n)=>"touches" in n ? n.touches[0].clientY : n.clientY, Ie = (param)=>
         }, u),
         children: (param)=>{
             let { modalTitleId: d, closeModal: a } = param;
-            return /* @__PURE__ */ e(b, {
+            return /* @__PURE__ */ e(k, {
                 title: n,
                 subtitle: s,
                 description: l,
                 modalTitleId: d,
-                button: /* @__PURE__ */ e(z, _object_spread_props(_object_spread({}, h(p)), {
+                button: /* @__PURE__ */ e(M, _object_spread_props(_object_spread({}, h(p)), {
                     onPress: c(a, "PRIMARY")
                 })),
-                secondaryButton: g ? /* @__PURE__ */ e(ge, _object_spread_props(_object_spread({}, h(g)), {
+                secondaryButton: g ? /* @__PURE__ */ e(pe, _object_spread_props(_object_spread({}, h(g)), {
                     onPress: c(a, "SECONDARY")
                 })) : void 0,
-                link: t ? /* @__PURE__ */ e(ve, _object_spread_props(_object_spread({}, h(t)), {
+                link: t ? /* @__PURE__ */ e(ge, _object_spread_props(_object_spread({}, h(t)), {
                     onPress: c(a, "LINK")
                 })) : void 0
             });
         }
     });
-}), rr = I;
-export { Ze as ActionsListSheet, er as ActionsSheet, _e as InfoSheet, Xe as RadioListSheet, b as SheetBody, rr as default };
+}), er = I;
+export { Xe as ActionsListSheet, _e as ActionsSheet, Ze as InfoSheet, We as RadioListSheet, k as SheetBody, er as default };

package/dist-es/slider.js

@@ -97,7 +97,7 @@ const Ce = 48, Ve = 20, pe = 28, Pe = (r, t, c)=>t >= c ? 0 : (r - t) / (c - t),
         "tooltip"
     ]);
     r && (r.length === 0 ? r = void 0 : s = r.length - 1), t = t | 0, t = t <= 0 ? 1 : t;
-    const { defaultValue: z, value: H, onChange: U, focusableRef: q, disabled: _, name: G } = Re({
+    const { defaultValue: z, value: H, onChange: N, focusableRef: q, disabled: U, name: G } = Re({
         name: f.name,
         value: f.value !== void 0 ? B(!1, a, s, t, D(a, f.value, r)) : void 0,
         defaultValue: f.defaultValue !== void 0 ? B(!1, a, s, t, D(a, f.defaultValue, r)) : void 0,
@@ -105,24 +105,24 @@ const Ce = 48, Ve = 20, pe = 28, Pe = (r, t, c)=>t >= c ? 0 : (r - t) / (c - t),
         disabled: f.disabled
     }), [J, K] = i.useState(H !== null && H !== void 0 ? H : B(!1, a, s, t, D(a, z, r))), d = H !== null && H !== void 0 ? H : J, y = i.useRef(d), S = i.useCallback((e, o)=>{
         const n = B(o, a, s, t, e);
-        y.current !== n && (U(r ? r[n] : n), K(n), y.current = n);
+        y.current !== n && (N(r ? r[n] : n), K(n), y.current = n);
     }, [
         a,
         s,
         t,
         r,
-        U
+        N
     ]);
     i.useEffect(()=>{
         S(y.current, !1);
     }, [
         S
     ]);
-    const N = i.useRef(null), C = i.useRef(null), F = i.useRef(null), Q = i.useRef(null), [T, E] = i.useState(!1), [A, L] = i.useState(!1), [W, O] = i.useState(!1), { isIos: I } = ge(), k = (e, o, n)=>{
+    const _ = i.useRef(null), C = i.useRef(null), F = i.useRef(null), Q = i.useRef(null), [T, E] = i.useState(!1), [A, L] = i.useState(!1), [W, O] = i.useState(!1), { isIos: I } = ge(), k = (e, o, n)=>{
         const g = e == null ? void 0 : e.getBoundingClientRect();
         return !!g && g.left <= o && o <= g.right && g.top <= n && n <= g.bottom;
     }, u = he(), V = I ? pe : Ve, h = u ? Ce : V, M = (e)=>{
-        const o = N.current;
+        const o = _.current;
         if (o) {
             const n = o.getBoundingClientRect().left + V / 2, g = o.getBoundingClientRect().right - V / 2;
             S((e - n) / (g - n), !0);
@@ -148,7 +148,7 @@ const Ce = 48, Ve = 20, pe = 28, Pe = (r, t, c)=>t >= c ? 0 : (r - t) / (c - t),
         }, m),
         children: /* @__PURE__ */ re("div", {
             className: x(ie, {
-                [le]: _
+                [le]: U
             }),
             style: {
                 height: h
@@ -176,7 +176,7 @@ const Ce = 48, Ve = 20, pe = 28, Pe = (r, t, c)=>t >= c ? 0 : (r - t) / (c - t),
             children: [
                 /* @__PURE__ */ v("div", {
                     className: ue,
-                    ref: N,
+                    ref: _,
                     style: {
                         background: `linear-gradient(to right, ${j.colors.controlActivated} ${X}, ${j.colors.barTrack} ${X}`
                     }
@@ -222,7 +222,7 @@ const Ce = 48, Ve = 20, pe = 28, Pe = (r, t, c)=>t >= c ? 0 : (r - t) / (c - t),
                     },
                     name: G,
                     value: d,
-                    disabled: _,
+                    disabled: U,
                     onChange: (e)=>S(+e.target.value, !1),
                     onFocus: ()=>{
                         O(!0);
@@ -234,5 +234,5 @@ const Ce = 48, Ve = 20, pe = 28, Pe = (r, t, c)=>t >= c ? 0 : (r - t) / (c - t),
             ]
         })
     });
-}), Ue = Se;
-export { Ue as default };
+}), Ne = Se;
+export { Ne as default };