@telefonica/mistica 14.33.0 → 14.35.0

package/dist/select.js

@@ -1,3 +1,4 @@
+"use client";
 "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
@@ -13,7 +14,7 @@ const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
 const _formcontext = require("./form-context.js");
 const _hooks = require("./hooks.js");
-const _keycodes = require("./utils/key-codes.js");
+const _keys = require("./utils/keys.js");
 const _textfieldcomponents = require("./text-field-components.js");
 const _iconchevrondownregular = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-chevron-down-regular.js"));
 const _textfieldbase = require("./text-field-base.js");
@@ -22,8 +23,8 @@ const _platform = require("./utils/platform.js");
 const _dom = require("./utils/dom.js");
 const _text = require("./text.js");
 const _selectcssmistica = require("./select.css-mistica.js");
-const _dynamic = require("@vanilla-extract/dynamic");
 const _portal = require("./portal.js");
+const _css = require("./utils/css.js");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -50,7 +51,9 @@ function _interop_require_wildcard(obj, nodeInterop) {
     if (cache && cache.has(obj)) {
         return cache.get(obj);
     }
-    var newObj = {};
+    var newObj = {
+        __proto__: null
+    };
     var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
     for(var key in obj){
         if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
@@ -121,10 +124,10 @@ function _object_spread_props(target, source) {
     return target;
 }
 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 = _react.useRef(null), f = _react.useRef(null), g = _react.useRef(null), T = _react.useRef(null), N = _react.useRef(/* @__PURE__ */ new Map()), [de, fe] = _react.useState(!0), [p, pe] = _react.useState(), [M, q] = _react.useState(!1), [z, j] = _react.useState(!1), [K, x] = _react.useState(!1), [a, H] = _react.useState({}), [v, F] = _react.useState(), G = _react.useRef(null), Z = (0, _hooks.useAriaId)(re), { rawValues: me , setRawValue: B , setValue: W , formStatus: he , formErrors: U , setFormError: Se , register: L  } = (0, _formcontext.useForm)(), { platformOverrides: X  } = (0, _hooks.useTheme)(), ge = ue || process.env.NODE_ENV === "test" && !process.env.SSR_TEST || (0, _platform.isAndroid)(X) || (0, _platform.isIos)(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 = _react.useRef(null), f = _react.useRef(null), g = _react.useRef(null), T = _react.useRef(null), R = _react.useRef(/* @__PURE__ */ new Map()), [de, fe] = _react.useState(!0), [p, pe] = _react.useState(), [M, q] = _react.useState(!1), [z, j] = _react.useState(!1), [K, x] = _react.useState(!1), [l, H] = _react.useState({}), [v, F] = _react.useState(), G = _react.useRef(null), Z = (0, _hooks.useAriaId)(oe), { rawValues: me, setRawValue: B, setValue: W, formStatus: he, formErrors: U, setFormError: Se, register: L } = (0, _formcontext.useForm)(), { platformOverrides: X } = (0, _hooks.useTheme)(), ge = ue || process.env.NODE_ENV === "test" && !process.env.SSR_TEST || (0, _platform.isAndroid)(X) || (0, _platform.isIos)(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({
@@ -134,18 +137,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"
                         });
@@ -166,36 +169,36 @@ 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;
+    }, ve = f.current, Ee = S.current;
     _react.useEffect(()=>{
         B({
             name: i,
-            value: l
+            value: a
         }), W({
             name: i,
-            value: l
+            value: a
         });
     }, [
         i,
         B,
         W,
-        l
+        a
     ]), _react.useEffect(()=>(L(i, {
             input: S.current,
             focusableElement: f.current
@@ -210,28 +213,40 @@ const Ye = (param)=>{
         f,
         S,
         ve,
-        Ie
+        Ee
     ]), _react.useEffect(()=>{
-        const e = (n)=>{
+        const e = (s)=>{
             var m;
-            const s = {
-                [_keycodes.UP]: -1,
-                [_keycodes.DOWN]: 1
-            }[n.keyCode];
-            if (s) {
-                (0, _dom.cancelEvent)(n);
+            const r = {
+                [_keys.UP]: -1,
+                [_keys.DOWN]: 1
+            }[s.key];
+            if (r) {
+                (0, _dom.cancelEvent)(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 === _keycodes.TAB && (0, _dom.cancelEvent)(n), n.keyCode === _keycodes.ESC && E(!1), (n.keyCode === _keycodes.ENTER || n.keyCode === _keycodes.SPACE) && ((0, _dom.cancelEvent)(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 _keys.TAB:
+                    (0, _dom.cancelEvent)(s);
+                    break;
+                case _keys.ESC:
+                    I(!1);
+                    break;
+                case _keys.ENTER:
+                case _keys.SPACE:
+                    (0, _dom.cancelEvent)(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);
@@ -243,47 +258,47 @@ const Ye = (param)=>{
     ]), _react.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 === _keycodes.SPACE || e.keyCode === _keycodes.ENTER) && ((0, _dom.cancelEvent)(e), E(!0));
+            !M && (e.key === _keys.SPACE || e.key === _keys.ENTER) && ((0, _dom.cancelEvent)(e), I(!0));
         }
-    }, { isDesktopOrBigger: xe  } = (0, _hooks.useScreenSize)();
-    var _ref, _a_transformOrigin;
+    }, { isDesktopOrBigger: xe } = (0, _hooks.useScreenSize)();
+    var _ref, _l_transformOrigin;
     return ge || de ? /* @__PURE__ */ (0, _jsxruntime.jsxs)(_textfieldcomponents.FieldContainer, {
-        disabled: I,
+        disabled: E,
         helperText: /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldcomponents.HelperText, {
-            error: R,
+            error: b,
             leftText: J
         }),
         fieldRef: g,
         fullWidth: P,
         children: [
             d && /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldcomponents.Label, {
-                error: R,
+                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__ */ (0, _jsxruntime.jsxs)("select", {
-                className: _selectcssmistica.selectVariants[I ? "disabled" : "default"],
+                className: _selectcssmistica.selectVariants[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);
                 },
@@ -309,7 +324,7 @@ 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
@@ -320,7 +335,7 @@ const Ye = (param)=>{
                         }
                     }),
                     u.map((param)=>/* @__PURE__ */ {
-                        let { value: e , text: t  } = param;
+                        let { value: e, text: t } = param;
                         return (0, _jsxruntime.jsx)("option", {
                             value: e,
                             children: t
@@ -343,7 +358,7 @@ const Ye = (param)=>{
                 role: "button",
                 "aria-haspopup": "listbox",
                 ref: f
-            }, !I && we), {
+            }, !E && we), {
                 children: [
                     /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldbase.TextFieldBaseAutosuggest, {
                         style: {
@@ -355,57 +370,57 @@ const Ye = (param)=>{
                         }),
                         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__ */ (0, _jsxruntime.jsx)("div", {
-                        className: _selectcssmistica.selectTextVariants[I ? "disabled" : "default"],
+                        className: _selectcssmistica.selectTextVariants[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__ */ (0, _jsxruntime.jsx)(_overlay.default, {
                 onPress: (e)=>{
-                    E(!1), (0, _dom.cancelEvent)(e);
+                    I(!1), (0, _dom.cancelEvent)(e);
                 },
                 disableScroll: !0,
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_portal.Portal, {
                     children: /* @__PURE__ */ (0, _jsxruntime.jsx)("ul", {
-                        style: (0, _dynamic.assignInlineVars)({
-                            [_selectcssmistica.vars.top]: a.top ? `${a.top}px` : "",
-                            [_selectcssmistica.vars.left]: a.left ? `${a.left}px` : "",
-                            [_selectcssmistica.vars.maxHeight]: a.maxHeight ? `${a.maxHeight}px` : "",
-                            [_selectcssmistica.vars.minWidth]: a.minWidth ? `${a.minWidth}px` : "",
-                            [_selectcssmistica.vars.transformOrigin]: (_a_transformOrigin = a.transformOrigin) !== null && _a_transformOrigin !== void 0 ? _a_transformOrigin : ""
+                        style: (0, _css.applyCssVars)({
+                            [_selectcssmistica.vars.top]: l.top ? `${l.top}px` : "",
+                            [_selectcssmistica.vars.left]: l.left ? `${l.left}px` : "",
+                            [_selectcssmistica.vars.maxHeight]: l.maxHeight ? `${l.maxHeight}px` : "",
+                            [_selectcssmistica.vars.minWidth]: l.minWidth ? `${l.minWidth}px` : "",
+                            [_selectcssmistica.vars.transformOrigin]: (_l_transformOrigin = l.transformOrigin) !== null && _l_transformOrigin !== void 0 ? _l_transformOrigin : ""
                         }),
                         onPointerDown: _dom.cancelEvent,
                         className: (0, _classnames.default)(_selectcssmistica.optionsContainer, z ? _selectcssmistica.optionsAnimationsVariants.show : _selectcssmistica.optionsAnimationsVariants.hide),
                         role: "listbox",
                         ref: T,
                         children: u.map((param)=>/* @__PURE__ */ {
-                            let { value: e , text: t  } = param;
+                            let { value: e, text: t } = param;
                             return (0, _jsxruntime.jsx)("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: (0, _classnames.default)(_selectcssmistica.menuItem, {
-                                    [_selectcssmistica.menuItemSelected]: e === v || e === (p !== null && p !== void 0 ? p : l)
+                                    [_selectcssmistica.menuItemSelected]: e === v || e === (p !== null && p !== void 0 ? p : a)
                                 }),
                                 onPointerDown: _dom.cancelEvent,
                                 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__ */ (0, _jsxruntime.jsx)(_text.Text3, {
                                     regular: !0,

package/dist/sheet-root.js

@@ -1,3 +1,4 @@
+"use client";
 "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
@@ -50,7 +51,9 @@ function _interop_require_wildcard(obj, nodeInterop) {
     if (cache && cache.has(obj)) {
         return cache.get(obj);
     }
-    var newObj = {};
+    var newObj = {
+        __proto__: null
+    };
     var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
     for(var key in obj){
         if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
@@ -153,7 +156,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,
@@ -172,7 +175,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]
@@ -182,7 +185,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,
@@ -199,7 +202,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]
@@ -210,7 +213,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,
@@ -233,7 +236,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,
@@ -249,10 +252,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 {
@@ -283,7 +286,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);
@@ -307,7 +310,7 @@ const B = (r)=>{
         });
     } else return c();
 }, M = (r)=>{
-    const { isDarkMode: c  } = (0, _hooks.useTheme)(), [e, s] = _react.useState(null), t = _react.useRef(null);
+    const { isDarkMode: c } = (0, _hooks.useTheme)(), [e, s] = _react.useState(null), t = _react.useRef(null);
     if (_react.useEffect(()=>{
         if (r.nativeImplementation) return l = r.nativeImplementation, ()=>{
             l = null;

package/dist/sheet.css-mistica.js

@@ -37,30 +37,30 @@ _export(exports, {
         return o;
     },
     infoItemIcon: function() {
-        return l;
+        return b;
     },
     modalCloseButton: function() {
-        return b;
+        return l;
     },
     modalCloseButtonIcon: function() {
         return i;
     },
     overlay: function() {
-        return z;
+        return h;
     },
     sheetActionRow: function() {
-        return d;
+        return z;
     },
     stickyButtons: function() {
-        return h;
+        return d;
     },
     stickyTitle: function() {
-        return p;
+        return s;
     },
     transitionDuration: function() {
-        return s;
+        return m;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./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;
+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;

package/dist/sheet.js

@@ -1,3 +1,4 @@
+"use client";
 "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
@@ -80,7 +81,9 @@ function _interop_require_wildcard(obj, nodeInterop) {
     if (cache && cache.has(obj)) {
         return cache.get(obj);
     }
-    var newObj = {};
+    var newObj = {
+        __proto__: null
+    };
     var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
     for(var key in obj){
         if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
@@ -178,8 +181,8 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const C = (t)=>"touches" in t ? t.touches[0].clientY : t.clientY, Se = (param)=>{
-    let { closeModal: t  } = param;
-    const [i, a] = _react.useState(0), f = _react.useRef(!1), p = _react.useRef(0), o = _react.useRef(0), s = _react.useRef(0), u = _react.useRef(0), { isDesktopOrBigger: m  } = (0, _hooks.useScreenSize)(), r = _react.useCallback((h)=>{
+    let { closeModal: t } = param;
+    const [i, a] = _react.useState(0), f = _react.useRef(!1), p = _react.useRef(0), o = _react.useRef(0), s = _react.useRef(0), u = _react.useRef(0), { isDesktopOrBigger: m } = (0, _hooks.useScreenSize)(), r = _react.useCallback((h)=>{
         f.current = !0, p.current = 0, o.current = Date.now(), s.current = C(h);
     }, []), c = _react.useCallback(()=>{
         f.current = !1, a(0);
@@ -249,8 +252,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__*/ _react.forwardRef((param, f)=>{
-    let { onClose: t , children: i , dataAttributes: a  } = param;
-    const { texts: p  } = (0, _hooks.useTheme)(), [o, s] = _react.useReducer(we, "closed"), u = _react.useRef(!1), m = (0, _hooks.useAriaId)(), r = _react.useCallback((v)=>{
+    let { onClose: t, children: i, dataAttributes: a } = param;
+    const { texts: p } = (0, _hooks.useTheme)(), [o, s] = _react.useReducer(we, "closed"), u = _react.useRef(!1), m = (0, _hooks.useAriaId)(), r = _react.useCallback((v)=>{
         v.target === v.currentTarget && s("transitionEnd");
     }, []), c = ()=>{
         o === "open" && s("close");
@@ -272,7 +275,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"
     ]);
@@ -343,7 +346,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 = _react.useRef(null), r = _react.useRef(null), c = _react.useRef(null);
     _react.useEffect(()=>{
         r.current && (c.current = (0, _dom.getScrollableParentElement)(r.current));
@@ -461,9 +464,8 @@ const C = (t)=>"touches" in t ? t.touches[0].clientY : t.clientY, Se = (param)=>
         ]
     });
 }, Qe = /*#__PURE__*/ _react.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] = _react.useState(p), d = _react.useRef(!1), { isDesktopOrBigger: l  } = (0, _hooks.useScreenSize)(), { texts: g  } = (0, _hooks.useTheme)();
-    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] = _react.useState(p), d = _react.useRef(!1), { isDesktopOrBigger: l } = (0, _hooks.useScreenSize)(), { texts: g } = (0, _hooks.useTheme)();
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(b, {
         onClose: o,
         ref: r,
@@ -471,7 +473,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 (0, _jsxruntime.jsx)(k, {
                 title: t,
                 subtitle: i,
@@ -494,12 +497,15 @@ const C = (t)=>"touches" in t ? t.touches[0].clientY : t.clientY, Se = (param)=>
                             }, 200));
                         },
                         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_list.RowList, {
-                            children: f.map((R)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(_list.Row, {
+                            children: f.map((R)=>/* @__PURE__ */ {
+                                var _R_title;
+                                return (0, _jsxruntime.jsx)(_list.Row, {
                                     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);
+                            })
                         })
                     })
                 })
@@ -507,8 +513,8 @@ const C = (t)=>"touches" in t ? t.touches[0].clientY : t.clientY, Se = (param)=>
         }
     });
 }), Ue = /*#__PURE__*/ _react.forwardRef((param, u)=>{
-    let { title: t , subtitle: i , description: a , items: f , onClose: p , onSelect: o , dataAttributes: s  } = param;
-    const { isDarkMode: m  } = (0, _hooks.useTheme)();
+    let { title: t, subtitle: i, description: a, items: f, onClose: p, onSelect: o, dataAttributes: s } = param;
+    const { isDarkMode: m } = (0, _hooks.useTheme)();
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(b, {
         onClose: p,
         ref: u,
@@ -516,7 +522,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 (0, _jsxruntime.jsx)(k, {
                 title: t,
                 subtitle: i,
@@ -524,7 +530,7 @@ const C = (t)=>"touches" in t ? t.touches[0].clientY : t.clientY, Se = (param)=>
                 modalTitleId: c,
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_negativebox.default, {
                     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 (0, _jsxruntime.jsx)(_touchable.default, {
                             onPress: ()=>{
                                 o == null || o(h), r();
@@ -557,8 +563,8 @@ const C = (t)=>"touches" in t ? t.touches[0].clientY : t.clientY, Se = (param)=>
         }
     });
 }), We = /*#__PURE__*/ _react.forwardRef((param, s)=>{
-    let { title: t , subtitle: i , description: a , items: f , onClose: p , dataAttributes: o  } = param;
-    const { isDarkMode: u  } = (0, _hooks.useTheme)();
+    let { title: t, subtitle: i, description: a, items: f, onClose: p, dataAttributes: o } = param;
+    const { isDarkMode: u } = (0, _hooks.useTheme)();
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(b, {
         onClose: p,
         ref: s,
@@ -566,7 +572,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 (0, _jsxruntime.jsx)(k, {
                 title: t,
                 subtitle: i,
@@ -615,11 +621,11 @@ const C = (t)=>"touches" in t ? t.touches[0].clientY : t.clientY, Se = (param)=>
         }
     });
 }), Xe = /*#__PURE__*/ _react.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({
@@ -633,7 +639,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 (0, _jsxruntime.jsx)(k, {
                 title: t,
                 subtitle: i,