@telefonica/mistica 14.33.0 → 14.35.0

package/dist-es/select.js

@@ -1,3 +1,4 @@
+"use client";
 function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -50,27 +51,27 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-import { jsxs as _, jsx as r, Fragment as Ne } from "react/jsx-runtime";
-import * as o from "react";
+import { jsxs as _, jsx as o, Fragment as Re } from "react/jsx-runtime";
+import * as n from "react";
 import ee from "classnames";
-import { useForm as Re } from "./form-context.js";
+import { useForm as be } from "./form-context.js";
 import { useAriaId as Ae, useTheme as ke, useScreenSize as _e } from "./hooks.js";
-import { TAB as be, ESC as Pe, ENTER as te, SPACE as ne, UP as Ve, DOWN as De } from "./utils/key-codes.js";
+import { SPACE as te, ENTER as ne, ESC as Ce, TAB as Pe, UP as Ve, DOWN as De } from "./utils/keys.js";
 import { FieldContainer as Me, HelperText as He, Label as Fe } from "./text-field-components.js";
-import oe from "./generated/mistica-icons/icon-chevron-down-regular.js";
+import se from "./generated/mistica-icons/icon-chevron-down-regular.js";
 import { TextFieldBaseAutosuggest as Ge } from "./text-field-base.js";
 import Ze from "./overlay.js";
 import { isAndroid as Be, isIos as We } from "./utils/platform.js";
 import { cancelEvent as h } from "./utils/dom.js";
 import { Text3 as Le } from "./text.js";
-import { selectVariants as $e, arrowDown as qe, selectContainerVariants as ze, selectTextVariants as je, vars as C, optionsContainer as Ke, optionsAnimationsVariants as se, menuItem as Ue, menuItemSelected as Xe } from "./select.css-mistica.js";
-import { assignInlineVars as Je } from "@vanilla-extract/dynamic";
-import { Portal as Qe } from "./portal.js";
+import { selectVariants as $e, arrowDown as qe, selectContainerVariants as ze, selectTextVariants as je, vars as N, optionsContainer as Ke, optionsAnimationsVariants as re, menuItem as Ue, menuItemSelected as Xe } from "./select.css-mistica.js";
+import { Portal as Je } from "./portal.js";
+import { applyCssVars as Qe } from "./utils/css.js";
 const Ye = (param)=>{
-    let { id: re , label: d , helperText: ie , value: ce , onChangeValue: b , name: i , fullWidth: P , options: u , optional: V , disabled: le , error: ae , onBlur: D , autoFocus: $ = !1 , native: ue  } = param;
+    let { id: oe, label: d, helperText: ie, value: ce, onChangeValue: C, name: i, fullWidth: P, options: u, optional: V, disabled: ae, error: le, onBlur: D, autoFocus: $ = !1, native: ue } = param;
     var Y;
-    const S = o.useRef(null), f = o.useRef(null), g = o.useRef(null), T = o.useRef(null), N = o.useRef(/* @__PURE__ */ new Map()), [de, fe] = o.useState(!0), [p, pe] = o.useState(), [M, q] = o.useState(!1), [z, j] = o.useState(!1), [K, x] = o.useState(!1), [a, H] = o.useState({}), [v, F] = o.useState(), G = o.useRef(null), Z = Ae(re), { rawValues: me , setRawValue: B , setValue: W , formStatus: he , formErrors: U , setFormError: Se , register: L  } = Re(), { platformOverrides: X  } = ke(), ge = ue || process.env.NODE_ENV === "test" && !process.env.SSR_TEST || Be(X) || We(X), I = le || he === "sending", R = ae || !!U[i], J = U[i] || ie, l = ce !== null && ce !== void 0 ? ce : me[i], A = (e)=>{
-        b == null || b(e), Se({
+    const S = n.useRef(null), f = n.useRef(null), g = n.useRef(null), T = n.useRef(null), R = n.useRef(/* @__PURE__ */ new Map()), [de, fe] = n.useState(!0), [p, pe] = n.useState(), [M, q] = n.useState(!1), [z, j] = n.useState(!1), [K, x] = n.useState(!1), [l, H] = n.useState({}), [v, F] = n.useState(), G = n.useRef(null), Z = Ae(oe), { rawValues: me, setRawValue: B, setValue: W, formStatus: he, formErrors: U, setFormError: Se, register: L } = be(), { platformOverrides: X } = ke(), ge = ue || process.env.NODE_ENV === "test" && !process.env.SSR_TEST || Be(X) || We(X), E = ae || he === "sending", b = le || !!U[i], J = U[i] || ie, a = ce !== null && ce !== void 0 ? ce : me[i], A = (e)=>{
+        C == null || C(e), Se({
             name: i,
             error: ""
         }), B({
@@ -80,18 +81,18 @@ const Ye = (param)=>{
             name: i,
             value: e
         });
-    }, E = (e)=>{
+    }, I = (e)=>{
         if (e) {
             if (g != null && g.current) {
-                const s = g.current.getBoundingClientRect(), m = s.top, w = s.width, O = s.left, Oe = s.height, y = m + Oe, k = Math.min(u.length, 8) * 48 + 16;
+                const r = g.current.getBoundingClientRect(), m = r.top, w = r.width, O = r.left, Oe = r.height, y = m + Oe, k = Math.min(u.length, 8) * 48 + 16;
                 if (y + k + 12 > window.innerHeight) {
                     const ye = window.innerHeight - y;
                     if (m > ye) {
-                        const Ce = m - k;
+                        const Ne = m - k;
                         H({
                             minWidth: w,
                             left: O,
-                            top: Math.max(Ce, 12),
+                            top: Math.max(Ne, 12),
                             maxHeight: Math.min(m - 12, k),
                             transformOrigin: "center bottom"
                         });
@@ -112,37 +113,37 @@ const Ye = (param)=>{
             }
             q(!0), requestAnimationFrame(()=>{
                 G.current && T.current && "scrollTop" in T.current && (T.current.scrollTop = G.current), j(!0);
-            }), F(p !== null && p !== void 0 ? p : l);
+            }), F(p !== null && p !== void 0 ? p : a);
         } else j(!1), q(!1), F(void 0);
     }, Q = (e)=>{
         var t;
-        G.current = (t = T.current) == null ? void 0 : t.scrollTop, E(!1), A && typeof e == "string" && A(e), typeof l > "u" && pe(e);
+        G.current = (t = T.current) == null ? void 0 : t.scrollTop, I(!1), A && typeof e == "string" && A(e), typeof a > "u" && pe(e);
     }, Te = (e)=>{
-        var n;
-        const t = (n = T.current) == null ? void 0 : n.getBoundingClientRect();
-        if (t && e && N.current.has(e)) {
-            const c = N.current.get(e), s = c == null ? void 0 : c.getBoundingClientRect();
-            if (s && s.top + s.height / 2 >= t.top + t.height) {
+        var s;
+        const t = (s = T.current) == null ? void 0 : s.getBoundingClientRect();
+        if (t && e && R.current.has(e)) {
+            const c = R.current.get(e), r = c == null ? void 0 : c.getBoundingClientRect();
+            if (r && r.top + r.height / 2 >= t.top + t.height) {
                 c == null || c.scrollIntoView();
                 return;
             }
-            s && s.top + s.height / 2 <= t.top && (c == null || c.scrollIntoView(!1));
+            r && r.top + r.height / 2 <= t.top && (c == null || c.scrollIntoView(!1));
         }
-    }, ve = f.current, Ie = S.current;
-    o.useEffect(()=>{
+    }, ve = f.current, Ee = S.current;
+    n.useEffect(()=>{
         B({
             name: i,
-            value: l
+            value: a
         }), W({
             name: i,
-            value: l
+            value: a
         });
     }, [
         i,
         B,
         W,
-        l
-    ]), o.useEffect(()=>(L(i, {
+        a
+    ]), n.useEffect(()=>(L(i, {
             input: S.current,
             focusableElement: f.current
         }), ()=>{
@@ -156,80 +157,92 @@ const Ye = (param)=>{
         f,
         S,
         ve,
-        Ie
-    ]), o.useEffect(()=>{
-        const e = (n)=>{
+        Ee
+    ]), n.useEffect(()=>{
+        const e = (s)=>{
             var m;
-            const s = {
+            const r = {
                 [Ve]: -1,
                 [De]: 1
-            }[n.keyCode];
-            if (s) {
-                h(n);
+            }[s.key];
+            if (r) {
+                h(s);
                 var _ref;
                 const w = (_ref = (m = u[u.findIndex((param)=>{
-                    let { value: O  } = param;
+                    let { value: O } = param;
                     return O === v;
-                }) + s]) == null ? void 0 : m.value) !== null && _ref !== void 0 ? _ref : v;
+                }) + r]) == null ? void 0 : m.value) !== null && _ref !== void 0 ? _ref : v;
                 F(w), Te(w);
             }
-        }, t = (n)=>{
-            M && (n.keyCode === be && h(n), n.keyCode === Pe && E(!1), (n.keyCode === te || n.keyCode === ne) && (h(n), u.findIndex((param)=>{
-                let { value: c  } = param;
-                return c === v;
-            }) !== -1 && v !== p && Q(v), E(!1))), z && e(n);
+        }, t = (s)=>{
+            if (M) switch(s.key){
+                case Pe:
+                    h(s);
+                    break;
+                case Ce:
+                    I(!1);
+                    break;
+                case ne:
+                case te:
+                    h(s), u.findIndex((param)=>{
+                        let { value: c } = param;
+                        return c === v;
+                    }) !== -1 && v !== p && Q(v), I(!1);
+                    break;
+            }
+            z && e(s);
         };
         return document.addEventListener("keydown", t, !1), ()=>{
             document.removeEventListener("keydown", t, !1);
         };
-    }), o.useEffect(()=>{
+    }), n.useEffect(()=>{
         $ && f.current && f.current.focus();
     }, [
         $
-    ]), o.useEffect(()=>{
+    ]), n.useEffect(()=>{
         fe(!1);
     }, []);
-    const Ee = (e)=>{
+    const Ie = (e)=>{
         var t;
         return e ? (t = u.find((param)=>{
-            let { value: n  } = param;
-            return n === e;
+            let { value: s } = param;
+            return s === e;
         })) == null ? void 0 : t.text : "";
     }, we = {
         tabIndex: 0,
         onFocus: ()=>x(!0),
         onBlur: ()=>x(!1),
         onClick: ()=>{
-            E(!0), x(!0);
+            I(!0), x(!0);
         },
         onKeyDown: (e)=>{
-            !M && (e.keyCode === ne || e.keyCode === te) && (h(e), E(!0));
+            !M && (e.key === te || e.key === ne) && (h(e), I(!0));
         }
-    }, { isDesktopOrBigger: xe  } = _e();
-    var _ref, _a_transformOrigin;
+    }, { isDesktopOrBigger: xe } = _e();
+    var _ref, _l_transformOrigin;
     return ge || de ? /* @__PURE__ */ _(Me, {
-        disabled: I,
-        helperText: /* @__PURE__ */ r(He, {
-            error: R,
+        disabled: E,
+        helperText: /* @__PURE__ */ o(He, {
+            error: b,
             leftText: J
         }),
         fieldRef: g,
         fullWidth: P,
         children: [
-            d && /* @__PURE__ */ r(Fe, {
-                error: R,
+            d && /* @__PURE__ */ o(Fe, {
+                error: b,
                 forId: Z,
-                inputState: K ? "focused" : ((_ref = l !== null && l !== void 0 ? l : p) !== null && _ref !== void 0 ? _ref : (Y = S.current) == null ? void 0 : Y.value) ? "filled" : "default",
+                inputState: K ? "focused" : ((_ref = a !== null && a !== void 0 ? a : p) !== null && _ref !== void 0 ? _ref : (Y = S.current) == null ? void 0 : Y.value) ? "filled" : "default",
                 optional: V,
                 children: d
             }),
             /* @__PURE__ */ _("select", {
-                className: $e[I ? "disabled" : "default"],
+                className: $e[E ? "disabled" : "default"],
                 id: Z,
-                "aria-invalid": !!R,
-                value: l,
+                "aria-invalid": !!b,
+                value: a,
                 required: !V,
-                disabled: I,
+                disabled: E,
                 onChange: (e)=>{
                     A && A(e.target.value);
                 },
@@ -255,105 +268,105 @@ const Ye = (param)=>{
                 },
                 children: [
                     u.every((param)=>{
-                        let { value: e  } = param;
+                        let { value: e } = param;
                         return !!e;
                     }) && // if no "empty" option exists, insert a dummy empty option
                     // this is needed to allow a native select with no selected option
-                    /* @__PURE__ */ r("option", {
+                    /* @__PURE__ */ o("option", {
                         value: "",
                         style: {
                             display: "none"
                         }
                     }),
                     u.map((param)=>/* @__PURE__ */ {
-                        let { value: e , text: t  } = param;
-                        return r("option", {
+                        let { value: e, text: t } = param;
+                        return o("option", {
                             value: e,
                             children: t
                         }, e);
                     })
                 ]
             }),
-            /* @__PURE__ */ r("div", {
+            /* @__PURE__ */ o("div", {
                 className: qe,
                 "aria-hidden": !0,
-                children: /* @__PURE__ */ r(oe, {
+                children: /* @__PURE__ */ o(se, {
                     size: 20
                 })
             })
         ]
-    }) : /* @__PURE__ */ _(Ne, {
+    }) : /* @__PURE__ */ _(Re, {
         children: [
             /* @__PURE__ */ _("div", _object_spread_props(_object_spread({
                 className: ze[P ? "fullWidth" : "default"],
                 role: "button",
                 "aria-haspopup": "listbox",
                 ref: f
-            }, !I && we), {
+            }, !E && we), {
                 children: [
-                    /* @__PURE__ */ r(Ge, {
+                    /* @__PURE__ */ o(Ge, {
                         style: {
                             visibility: "hidden"
                         },
                         fullWidth: P,
-                        endIcon: /* @__PURE__ */ r(oe, {
+                        endIcon: /* @__PURE__ */ o(se, {
                             size: 20
                         }),
                         focus: K,
                         label: d,
-                        value: l,
-                        shrinkLabel: !!(l || p),
+                        value: a,
+                        shrinkLabel: !!(a || p),
                         name: i,
                         helperText: J,
                         required: !V,
-                        disabled: I,
+                        disabled: E,
                         id: Z,
-                        error: R,
+                        error: b,
                         inputRef: S,
                         fieldRef: g
                     }),
-                    /* @__PURE__ */ r("div", {
-                        className: je[I ? "disabled" : "default"],
+                    /* @__PURE__ */ o("div", {
+                        className: je[E ? "disabled" : "default"],
                         style: {
                             top: xe ? d ? 28 : 18 : d ? 25 : 16
                         },
-                        children: Ee(l !== null && l !== void 0 ? l : p)
+                        children: Ie(a !== null && a !== void 0 ? a : p)
                     })
                 ]
             })),
-            M && /* @__PURE__ */ r(Ze, {
+            M && /* @__PURE__ */ o(Ze, {
                 onPress: (e)=>{
-                    E(!1), h(e);
+                    I(!1), h(e);
                 },
                 disableScroll: !0,
-                children: /* @__PURE__ */ r(Qe, {
-                    children: /* @__PURE__ */ r("ul", {
-                        style: Je({
-                            [C.top]: a.top ? `${a.top}px` : "",
-                            [C.left]: a.left ? `${a.left}px` : "",
-                            [C.maxHeight]: a.maxHeight ? `${a.maxHeight}px` : "",
-                            [C.minWidth]: a.minWidth ? `${a.minWidth}px` : "",
-                            [C.transformOrigin]: (_a_transformOrigin = a.transformOrigin) !== null && _a_transformOrigin !== void 0 ? _a_transformOrigin : ""
+                children: /* @__PURE__ */ o(Je, {
+                    children: /* @__PURE__ */ o("ul", {
+                        style: Qe({
+                            [N.top]: l.top ? `${l.top}px` : "",
+                            [N.left]: l.left ? `${l.left}px` : "",
+                            [N.maxHeight]: l.maxHeight ? `${l.maxHeight}px` : "",
+                            [N.minWidth]: l.minWidth ? `${l.minWidth}px` : "",
+                            [N.transformOrigin]: (_l_transformOrigin = l.transformOrigin) !== null && _l_transformOrigin !== void 0 ? _l_transformOrigin : ""
                         }),
                         onPointerDown: h,
-                        className: ee(Ke, z ? se.show : se.hide),
+                        className: ee(Ke, z ? re.show : re.hide),
                         role: "listbox",
                         ref: T,
                         children: u.map((param)=>/* @__PURE__ */ {
-                            let { value: e , text: t  } = param;
-                            return r("li", {
+                            let { value: e, text: t } = param;
+                            return o("li", {
                                 role: "option",
-                                "aria-selected": e === (p !== null && p !== void 0 ? p : l),
+                                "aria-selected": e === (p !== null && p !== void 0 ? p : a),
                                 "data-value": e,
                                 className: ee(Ue, {
-                                    [Xe]: e === v || e === (p !== null && p !== void 0 ? p : l)
+                                    [Xe]: e === v || e === (p !== null && p !== void 0 ? p : a)
                                 }),
                                 onPointerDown: h,
                                 onClick: ()=>Q(e),
-                                ref: (n)=>{
-                                    n ? N.current.set(e, n) : N.current.delete(e);
+                                ref: (s)=>{
+                                    s ? R.current.set(e, s) : R.current.delete(e);
                                 },
-                                children: /* @__PURE__ */ r(Le, {
+                                children: /* @__PURE__ */ o(Le, {
                                     regular: !0,
                                     children: t
                                 })

package/dist-es/sheet-root.js

@@ -1,3 +1,4 @@
+"use client";
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
     try {
         var info = gen[key](arg);
@@ -88,7 +89,7 @@ let p = null, n = null, l = null;
 const d = (r)=>Array.isArray(r) ? r.length ? r.join(`
 
 `) : void 0 : r, L = (param)=>{
-    let { title: r , subtitle: c , description: e , selectedId: s , items: t  } = param;
+    let { title: r, subtitle: c, description: e, selectedId: s, items: t } = param;
     return l({
         title: r,
         subtitle: c,
@@ -107,7 +108,7 @@ const d = (r)=>Array.isArray(r) ? r.length ? r.join(`
             }
         ]
     }).then((param)=>{
-        let { action: o , result: a  } = param;
+        let { action: o, result: a } = param;
         return o === "SUBMIT" ? {
             action: o,
             selectedId: a[0].selectedIds[0]
@@ -117,7 +118,7 @@ const d = (r)=>Array.isArray(r) ? r.length ? r.join(`
         };
     });
 }, k = (param)=>{
-    let { title: r , subtitle: c , description: e , items: s  } = param;
+    let { title: r, subtitle: c, description: e, items: s } = param;
     return l({
         title: r,
         subtitle: c,
@@ -134,7 +135,7 @@ const d = (r)=>Array.isArray(r) ? r.length ? r.join(`
             }
         ]
     }).then((param)=>{
-        let { action: t , result: o  } = param;
+        let { action: t, result: o } = param;
         return t === "SUBMIT" ? {
             action: t,
             selectedId: o[0].selectedIds[0]
@@ -145,7 +146,7 @@ const d = (r)=>Array.isArray(r) ? r.length ? r.join(`
     });
 }, b = function() {
     var _ref = _async_to_generator(function*(param) {
-        let { title: r , subtitle: c , description: e , items: s  } = param;
+        let { title: r, subtitle: c, description: e, items: s } = param;
         yield l({
             title: r,
             subtitle: c,
@@ -168,7 +169,7 @@ const d = (r)=>Array.isArray(r) ? r.length ? r.join(`
     };
 }(), C = function() {
     var _ref = _async_to_generator(function*(param) {
-        let { title: r , subtitle: c , description: e , button: s , secondaryButton: t , link: o  } = param;
+        let { title: r, subtitle: c, description: e, button: s, secondaryButton: t, link: o } = param;
         return l({
             title: r,
             subtitle: c,
@@ -184,10 +185,10 @@ const d = (r)=>Array.isArray(r) ? r.length ? r.join(`
                 }
             ]
         }).then((param)=>{
-            let { action: a , result: i  } = param;
+            let { action: a, result: i } = param;
             if (a === "SUBMIT") {
                 const f = i.find((param)=>{
-                    let { id: T  } = param;
+                    let { id: T } = param;
                     return T === "bottom-actions-0";
                 }), I = f == null ? void 0 : f.selectedIds[0];
                 if (I === "PRIMARY" || I === "SECONDARY" || I === "LINK") return {
@@ -218,7 +219,7 @@ const B = (r)=>{
     };
     if (l) {
         let e;
-        const { type: s , props: t  } = r;
+        const { type: s, props: t } = r;
         switch(s){
             case "INFO":
                 e = b(t);
@@ -242,7 +243,7 @@ const B = (r)=>{
         });
     } else return c();
 }, M = (r)=>{
-    const { isDarkMode: c  } = m(), [e, s] = S.useState(null), t = S.useRef(null);
+    const { isDarkMode: c } = m(), [e, s] = S.useState(null), t = S.useRef(null);
     if (S.useEffect(()=>{
         if (r.nativeImplementation) return l = r.nativeImplementation, ()=>{
             l = null;

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 _1y2v1nf32", f = "cylz3v4 _1y2v1nfb6 _1y2v1nfev _1y2v1nffa _1y2v1nffp", _ = "cylz3v9 _1y2v1nf6r _1y2v1nfba _1y2v1nfbg", a = "cylz3vo", e = "_1y2v1nfef _1y2v1nfbw _1y2v1nfba _1y2v1nfbg", r = "cylz3vl", t = "cylz3v7", c = "_1y2v1nf46 _1y2v1nfc6 _1y2v1nfch _1y2v1nfdu", o = "cylz3vc _1y2v1nf6c _1y2v1nf7l _1y2v1nfb5 _1y2v1nfeg _1y2v1nfcr _1y2v1nfbx _1y2v1nfba _1y2v1nfbj", l = "_1y2v1nfba _1y2v1nfbp _1y2v1nfcm", b = "cylz3vf _1y2v1nf6i _1y2v1nf7r _1y2v1nf90 _1y2v1nfa9 _1y2v1nfb5 _1y2v1nfeg _1y2v1nffa", i = "cylz3vh _1y2v1nfc7 _1y2v1nfcn _1y2v1nfba _1y2v1nfbp _1y2v1nfbj _1y2v1nfdt", z = "cylz3vk _1y2v1nfb6 _1y2v1nf3d _1y2v1nfeg _1y2v1nfev _1y2v1nffa _1y2v1nffp", d = "cylz3vq _1y2v1nf6i _1y2v1nf7r _1y2v1nf90 _1y2v1nfa9 _1y2v1nfba _1y2v1nfdn _1y2v1nfbp", h = "_1y2v1nfb8 _1y2v1nffp _1y2v1nf32", p = "_1y2v1nfb8 _1y2v1nfeg _1y2v1nf32", s = 400;
-export { y as Sheet, f as SheetContainer, _ as SheetContent, a as bodyContent, e as children, r as closingOverlay, t as closingSheet, c as handle, o as handleContainer, l as infoItemIcon, b as modalCloseButton, i as modalCloseButtonIcon, z as overlay, d as sheetActionRow, h as stickyButtons, p as stickyTitle, s as transitionDuration };
+var y = "cylz3v6 _1y2v1nf32", f = "cylz3v4 _1y2v1nfb6 _1y2v1nfew _1y2v1nffb _1y2v1nffq", _ = "cylz3v9 _1y2v1nf6r _1y2v1nfba _1y2v1nfbg", a = "cylz3vo", e = "_1y2v1nfeg _1y2v1nfbw _1y2v1nfba _1y2v1nfbg", r = "cylz3vl", t = "cylz3v7", c = "_1y2v1nf46 _1y2v1nfc6 _1y2v1nfch _1y2v1nfdu", o = "cylz3vc _1y2v1nf6c _1y2v1nf7l _1y2v1nfb5 _1y2v1nfeh _1y2v1nfcr _1y2v1nfbx _1y2v1nfba _1y2v1nfbj", b = "_1y2v1nfba _1y2v1nfbp _1y2v1nfcm", l = "cylz3vf _1y2v1nf6i _1y2v1nf7r _1y2v1nf90 _1y2v1nfa9 _1y2v1nfb5 _1y2v1nfeh _1y2v1nffb", i = "cylz3vh _1y2v1nfc7 _1y2v1nfcn _1y2v1nfba _1y2v1nfbp _1y2v1nfbj _1y2v1nfdt", h = "cylz3vk _1y2v1nfb6 _1y2v1nf3d _1y2v1nfeh _1y2v1nfew _1y2v1nffb _1y2v1nffq", z = "cylz3vq _1y2v1nf6i _1y2v1nf7r _1y2v1nf90 _1y2v1nfa9 _1y2v1nfba _1y2v1nfdn _1y2v1nfbp", d = "_1y2v1nfb8 _1y2v1nffq _1y2v1nf32", s = "_1y2v1nfb8 _1y2v1nfeh _1y2v1nf32", m = 400;
+export { y as Sheet, f as SheetContainer, _ as SheetContent, a as bodyContent, e as children, r as closingOverlay, t as closingSheet, c as handle, o as handleContainer, b as infoItemIcon, l as modalCloseButton, i as modalCloseButtonIcon, h as overlay, z as sheetActionRow, d as stickyButtons, s as stickyTitle, m as transitionDuration };

package/dist-es/sheet.js

@@ -1,3 +1,4 @@
+"use client";
 function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -104,8 +105,8 @@ import Re from "./button-layout.js";
 import M from "./image.js";
 import { InternalResponsiveLayout as I } from "./responsive-layout.js";
 const C = (t)=>"touches" in t ? t.touches[0].clientY : t.clientY, Se = (param)=>{
-    let { closeModal: t  } = param;
-    const [i, a] = n.useState(0), f = n.useRef(!1), p = n.useRef(0), o = n.useRef(0), s = n.useRef(0), u = n.useRef(0), { isDesktopOrBigger: m  } = P(), r = n.useCallback((h)=>{
+    let { closeModal: t } = param;
+    const [i, a] = n.useState(0), f = n.useRef(!1), p = n.useRef(0), o = n.useRef(0), s = n.useRef(0), u = n.useRef(0), { isDesktopOrBigger: m } = P(), r = n.useCallback((h)=>{
         f.current = !0, p.current = 0, o.current = Date.now(), s.current = C(h);
     }, []), c = n.useCallback(()=>{
         f.current = !1, a(0);
@@ -175,8 +176,8 @@ const C = (t)=>"touches" in t ? t.touches[0].clientY : t.clientY, Se = (param)=>
         transitionEnd: "closed"
     }
 }, we = (t, i)=>be[t][i] || t, b = /*#__PURE__*/ n.forwardRef((param, f)=>{
-    let { onClose: t , children: i , dataAttributes: a  } = param;
-    const { texts: p  } = D(), [o, s] = n.useReducer(we, "closed"), u = n.useRef(!1), m = oe(), r = n.useCallback((v)=>{
+    let { onClose: t, children: i, dataAttributes: a } = param;
+    const { texts: p } = D(), [o, s] = n.useReducer(we, "closed"), u = n.useRef(!1), m = oe(), r = n.useCallback((v)=>{
         v.target === v.currentTarget && s("transitionEnd");
     }, []), c = ()=>{
         o === "open" && s("close");
@@ -198,7 +199,7 @@ const C = (t)=>"touches" in t ? t.touches[0].clientY : t.clientY, Se = (param)=>
     ]);
     const _Se = Se({
         closeModal: c
-    }), { onScroll: h , overlayStyle: d  } = _Se, l = _object_without_properties(_Se, [
+    }), { onScroll: h, overlayStyle: d } = _Se, l = _object_without_properties(_Se, [
         "onScroll",
         "overlayStyle"
     ]);
@@ -269,7 +270,7 @@ const C = (t)=>"touches" in t ? t.touches[0].clientY : t.clientY, Se = (param)=>
         })
     });
 }), k = (param)=>{
-    let { title: t , subtitle: i , description: a , modalTitleId: f , button: p , secondaryButton: o , link: s , children: u  } = param;
+    let { title: t, subtitle: i, description: a, modalTitleId: f, button: p, secondaryButton: o, link: s, children: u } = param;
     const m = n.useRef(null), r = n.useRef(null), c = n.useRef(null);
     n.useEffect(()=>{
         r.current && (c.current = fe(r.current));
@@ -387,9 +388,8 @@ const C = (t)=>"touches" in t ? t.touches[0].clientY : t.clientY, Se = (param)=>
         ]
     });
 }, Qe = /*#__PURE__*/ n.forwardRef((param, r)=>{
-    let { title: t , subtitle: i , description: a , items: f , selectedId: p , onClose: o , onSelect: s , button: u , dataAttributes: m  } = param;
-    const [c, h] = n.useState(p), d = n.useRef(!1), { isDesktopOrBigger: l  } = P(), { texts: g  } = D();
-    var _ref, _R_title;
+    let { title: t, subtitle: i, description: a, items: f, selectedId: p, onClose: o, onSelect: s, button: u, dataAttributes: m } = param;
+    const [c, h] = n.useState(p), d = n.useRef(!1), { isDesktopOrBigger: l } = P(), { texts: g } = D();
     return /* @__PURE__ */ e(b, {
         onClose: o,
         ref: r,
@@ -397,7 +397,8 @@ const C = (t)=>"touches" in t ? t.touches[0].clientY : t.clientY, Se = (param)=>
             "component-name": "RadioListSheet"
         }),
         children: (param)=>/* @__PURE__ */ {
-            let { closeModal: v , modalTitleId: L  } = param;
+            let { closeModal: v, modalTitleId: L } = param;
+            var _ref;
             return e(k, {
                 title: t,
                 subtitle: i,
@@ -420,12 +421,15 @@ const C = (t)=>"touches" in t ? t.touches[0].clientY : t.clientY, Se = (param)=>
                             }, 200));
                         },
                         children: /* @__PURE__ */ e(le, {
-                            children: f.map((R)=>/* @__PURE__ */ e(ae, {
+                            children: f.map((R)=>/* @__PURE__ */ {
+                                var _R_title;
+                                return e(ae, {
                                     title: (_R_title = R.title) !== null && _R_title !== void 0 ? _R_title : "",
                                     description: R.description,
                                     asset: R.asset,
                                     radioValue: R.id
-                                }, R.id))
+                                }, R.id);
+                            })
                         })
                     })
                 })
@@ -433,8 +437,8 @@ const C = (t)=>"touches" in t ? t.touches[0].clientY : t.clientY, Se = (param)=>
         }
     });
 }), Ue = /*#__PURE__*/ n.forwardRef((param, u)=>{
-    let { title: t , subtitle: i , description: a , items: f , onClose: p , onSelect: o , dataAttributes: s  } = param;
-    const { isDarkMode: m  } = D();
+    let { title: t, subtitle: i, description: a, items: f, onClose: p, onSelect: o, dataAttributes: s } = param;
+    const { isDarkMode: m } = D();
     return /* @__PURE__ */ e(b, {
         onClose: p,
         ref: u,
@@ -442,7 +446,7 @@ const C = (t)=>"touches" in t ? t.touches[0].clientY : t.clientY, Se = (param)=>
             "component-name": "ActionsListSheet"
         }),
         children: (param)=>/* @__PURE__ */ {
-            let { closeModal: r , modalTitleId: c  } = param;
+            let { closeModal: r, modalTitleId: c } = param;
             return e(k, {
                 title: t,
                 subtitle: i,
@@ -450,7 +454,7 @@ const C = (t)=>"touches" in t ? t.touches[0].clientY : t.clientY, Se = (param)=>
                 modalTitleId: c,
                 children: /* @__PURE__ */ e(Y, {
                     children: f.map((param)=>/* @__PURE__ */ {
-                        let { id: h , style: d , title: l , icon: g  } = param;
+                        let { id: h, style: d, title: l, icon: g } = param;
                         return e(de, {
                             onPress: ()=>{
                                 o == null || o(h), r();
@@ -483,8 +487,8 @@ const C = (t)=>"touches" in t ? t.touches[0].clientY : t.clientY, Se = (param)=>
         }
     });
 }), We = /*#__PURE__*/ n.forwardRef((param, s)=>{
-    let { title: t , subtitle: i , description: a , items: f , onClose: p , dataAttributes: o  } = param;
-    const { isDarkMode: u  } = D();
+    let { title: t, subtitle: i, description: a, items: f, onClose: p, dataAttributes: o } = param;
+    const { isDarkMode: u } = D();
     return /* @__PURE__ */ e(b, {
         onClose: p,
         ref: s,
@@ -492,7 +496,7 @@ const C = (t)=>"touches" in t ? t.touches[0].clientY : t.clientY, Se = (param)=>
             "component-name": "InfoSheet"
         }),
         children: (param)=>/* @__PURE__ */ {
-            let { modalTitleId: m  } = param;
+            let { modalTitleId: m } = param;
             return e(k, {
                 title: t,
                 subtitle: i,
@@ -541,11 +545,11 @@ const C = (t)=>"touches" in t ? t.touches[0].clientY : t.clientY, Se = (param)=>
         }
     });
 }), Xe = /*#__PURE__*/ n.forwardRef((param, r)=>{
-    let { title: t , subtitle: i , description: a , button: f , secondaryButton: p , buttonLink: o , onClose: s , dataAttributes: u , onPressButton: m  } = param;
+    let { title: t, subtitle: i, description: a, button: f, secondaryButton: p, buttonLink: o, onClose: s, dataAttributes: u, onPressButton: m } = param;
     const c = (d, l)=>()=>{
             m == null || m(l), d();
         }, h = (_param)=>{
-        var { text: d  } = _param, l = _object_without_properties(_param, [
+        var { text: d } = _param, l = _object_without_properties(_param, [
             "text"
         ]);
         return _object_spread({
@@ -559,7 +563,7 @@ const C = (t)=>"touches" in t ? t.touches[0].clientY : t.clientY, Se = (param)=>
             "component-name": "ActionsSheet"
         }),
         children: (param)=>/* @__PURE__ */ {
-            let { modalTitleId: d , closeModal: l  } = param;
+            let { modalTitleId: d, closeModal: l } = param;
             return e(k, {
                 title: t,
                 subtitle: i,