@telefonica/mistica 16.0.0 → 16.1.0

package/dist-es/search-field.js

@@ -80,21 +80,22 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsx as a } from "react/jsx-runtime";
 import * as r from "react";
-import { useFieldProps as B } from "./form-context.js";
-import { TextFieldBaseAutosuggest as E, FieldEndIcon as T } from "./text-field-base.js";
-import j from "./generated/mistica-icons/icon-search-regular.js";
-import V from "./generated/mistica-icons/icon-close-regular.js";
-import { useTheme as $ } from "./hooks.js";
-import { createChangeEvent as q } from "./utils/dom.js";
-import { combineRefs as w } from "./utils/common.js";
-import { iconSize as D } from "./icon-button.css-mistica.js";
-import { formSearchClear as G } from "./text-tokens.js";
-const H = /*#__PURE__*/ r.forwardRef((_param, x)=>{
-    var { disabled: m, error: u, helperText: d, name: p, optional: n, validate: S, onChange: e, onChangeValue: t, onBlur: I, value: f, defaultValue: R, dataAttributes: F } = _param, b = _object_without_properties(_param, [
+import { useFieldProps as E } from "./form-context.js";
+import { TextFieldBaseAutosuggest as T, FieldEndIcon as j } from "./text-field-base.js";
+import V from "./generated/mistica-icons/icon-search-regular.js";
+import $ from "./generated/mistica-icons/icon-close-regular.js";
+import { useTheme as q } from "./hooks.js";
+import { createChangeEvent as w } from "./utils/dom.js";
+import { combineRefs as D } from "./utils/common.js";
+import { iconSize as G } from "./icon-button.css-mistica.js";
+import { formSearchClear as H } from "./text-tokens.js";
+const J = /*#__PURE__*/ r.forwardRef((_param, P)=>{
+    var { disabled: m, error: u, helperText: d, name: p, label: n, optional: S, validate: I, onChange: e, onChangeValue: t, onBlur: R, value: f, defaultValue: F, dataAttributes: b } = _param, x = _object_without_properties(_param, [
         "disabled",
         "error",
         "helperText",
         "name",
+        "label",
         "optional",
         "validate",
         "onChange",
@@ -104,45 +105,46 @@ const H = /*#__PURE__*/ r.forwardRef((_param, x)=>{
         "defaultValue",
         "dataAttributes"
     ]);
-    const { texts: P, t: h } = $(), o = r.useRef(), [v, y] = r.useState(R || ""), s = typeof f < "u", l = s ? f : v, i = r.useCallback((c, A)=>{
-        s || y(c), t == null || t(c, A);
+    const { texts: h, t: v } = q(), o = r.useRef(), [y, k] = r.useState(F || ""), s = typeof f < "u", l = s ? f : y, i = r.useCallback((c, B)=>{
+        s || k(c), t == null || t(c, B);
     }, [
         s,
         t
-    ]), k = r.useCallback(()=>{
-        i("", ""), o.current && (e == null || e(q(o.current, "")), o.current.focus());
+    ]), z = r.useCallback(()=>{
+        i("", ""), o.current && (e == null || e(w(o.current, "")), o.current.focus());
     }, [
         i,
         e
-    ]), z = B({
+    ]), A = E({
         name: p,
+        label: n,
         value: l,
         defaultValue: void 0,
         processValue: (c)=>c,
         helperText: d,
-        optional: n,
+        optional: S,
         error: u,
         disabled: m,
-        onBlur: I,
-        validate: S,
+        onBlur: R,
+        validate: I,
         onChange: e,
         onChangeValue: i
     });
-    return /* @__PURE__ */ a(E, _object_spread_props(_object_spread({
-        ref: w(o, x),
-        startIcon: /* @__PURE__ */ a(j, {
-            size: D.default
+    return /* @__PURE__ */ a(T, _object_spread_props(_object_spread({
+        ref: D(o, P),
+        startIcon: /* @__PURE__ */ a(V, {
+            size: G.default
         }),
-        endIcon: l ? /* @__PURE__ */ a(T, {
-            Icon: V,
-            "aria-label": P.formSearchClear || h(G),
-            onPress: k
+        endIcon: l ? /* @__PURE__ */ a(j, {
+            Icon: $,
+            "aria-label": h.formSearchClear || v(H),
+            onPress: z
         }) : void 0
-    }, b, z), {
+    }, x, A), {
         type: "search",
         dataAttributes: _object_spread({
             "component-name": "SearchField"
-        }, F)
+        }, b)
     }));
-}), Y = H;
-export { Y as default };
+}), Z = J;
+export { Z as default };

package/dist-es/select.js

@@ -62,17 +62,17 @@ import oe from "./generated/mistica-icons/icon-chevron-down-regular.js";
 import { TextFieldBaseAutosuggest as $e } from "./text-field-base.js";
 import Be from "./overlay.js";
 import { isAndroid as qe, isIos as ze } from "./utils/platform.js";
-import { cancelEvent as p } from "./utils/dom.js";
+import { cancelEvent as m } from "./utils/dom.js";
 import { Text3 as je } from "./text.js";
-import { selectVariants as Ke, arrowDown as Ue, iconContainer as ie, selectContainerVariants as Xe, selectTextVariants as Je, vars as N, optionsContainer as Qe, optionsAnimationsVariants as ce, menuItem as Ye, menuItemSelected as et } from "./select.css-mistica.js";
+import { selectVariants as Ke, arrowDown as Ue, iconContainer as ie, selectContainerVariants as Xe, selectTextVariants as Je, vars as b, optionsContainer as Qe, optionsAnimationsVariants as ce, menuItem as Ye, menuItemSelected as et } from "./select.css-mistica.js";
 import { inputWithLabel as ae, inputWithoutLabel as le } from "./text-field-base.css-mistica.js";
 import { Portal as tt } from "./portal.js";
 import { pxToRem as nt, applyCssVars as rt } from "./utils/css.js";
 import { ThemeVariant as st } from "./theme-variant-context.js";
 const ot = (param)=>{
-    let { id: ue, label: m, helperText: de, value: fe, defaultValue: pe, onChangeValue: C, name: i, fullWidth: P, options: u, optional: D, disabled: me, error: he, onBlur: M, autoFocus: z = !1, native: Se } = param;
+    let { id: ue, label: u, helperText: de, value: fe, defaultValue: pe, onChangeValue: C, name: i, fullWidth: P, options: d, optional: D, disabled: me, error: he, onBlur: M, autoFocus: z = !1, native: Se } = param;
     var ne;
-    const h = n.useRef(null), d = n.useRef(null), S = n.useRef(null), v = n.useRef(null), R = n.useRef(/* @__PURE__ */ new Map()), [ve, ge] = n.useState(!0), [g, Te] = n.useState(pe), [H, j] = n.useState(!1), [K, U] = n.useState(!1), [X, O] = n.useState(!1), [a, F] = n.useState({}), [T, W] = n.useState(), G = n.useRef(null), Ie = n.useId(), L = ue || Ie, { rawValues: Ee, setRawValue: Z, setValue: $, formStatus: we, formErrors: J, setFormError: xe, register: B } = Pe(), { platformOverrides: Q } = De(), Oe = Se || process.env.NODE_ENV === "test" && !process.env.SSR_TEST || qe(Q) || ze(Q), I = me || we === "sending", A = he || !!J[i], Y = J[i] || de, l = fe !== null && fe !== void 0 ? fe : Ee[i], ee = (e)=>{
+    const h = n.useRef(null), f = n.useRef(null), S = n.useRef(null), v = n.useRef(null), R = n.useRef(/* @__PURE__ */ new Map()), [ve, ge] = n.useState(!0), [g, Te] = n.useState(pe), [H, j] = n.useState(!1), [K, U] = n.useState(!1), [X, O] = n.useState(!1), [a, F] = n.useState({}), [T, W] = n.useState(), G = n.useRef(null), Ie = n.useId(), L = ue || Ie, { rawValues: Ee, setRawValue: Z, setValue: $, formStatus: we, formErrors: J, setFormError: xe, register: B } = Pe(), { platformOverrides: Q } = De(), Oe = Se || process.env.NODE_ENV === "test" && !process.env.SSR_TEST || qe(Q) || ze(Q), I = me || we === "sending", A = he || !!J[i], Y = J[i] || de, l = fe !== null && fe !== void 0 ? fe : Ee[i], ee = (e)=>{
         C == null || C(e), xe({
             name: i,
             error: ""
@@ -86,28 +86,28 @@ const ot = (param)=>{
     }, E = (e)=>{
         if (e) {
             if (S != null && S.current) {
-                const o = S.current.getBoundingClientRect(), f = o.top, x = o.width, y = o.left, Ve = o.height, b = f + Ve, V = Math.min(u.length, 8) * 48 + 16;
-                if (b + V + 12 > window.innerHeight) {
-                    const _e = window.innerHeight - b;
-                    if (f > _e) {
-                        const ke = f - V;
+                const o = S.current.getBoundingClientRect(), p = o.top, x = o.width, y = o.left, Ve = o.height, N = p + Ve, V = Math.min(d.length, 8) * 48 + 16;
+                if (N + V + 12 > window.innerHeight) {
+                    const _e = window.innerHeight - N;
+                    if (p > _e) {
+                        const ke = p - V;
                         F({
                             minWidth: x,
                             left: y,
                             top: Math.max(ke, 12),
-                            maxHeight: Math.min(f - 12, V),
+                            maxHeight: Math.min(p - 12, V),
                             transformOrigin: "center bottom"
                         });
                     } else F({
                         minWidth: x,
-                        top: b,
+                        top: N,
                         left: y,
-                        maxHeight: window.innerHeight - b - 12,
+                        maxHeight: window.innerHeight - N - 12,
                         transformOrigin: "center top"
                     });
                 } else F({
                     minWidth: x,
-                    top: b,
+                    top: N,
                     left: y,
                     maxHeight: V,
                     transformOrigin: "center top"
@@ -131,7 +131,7 @@ const ot = (param)=>{
             }
             o && o.top + o.height / 2 <= t.top && (c == null || c.scrollIntoView(!1));
         }
-    }, be = d.current, Ne = h.current;
+    }, Ne = f.current, be = h.current;
     n.useEffect(()=>{
         Z({
             name: i,
@@ -147,46 +147,49 @@ const ot = (param)=>{
         l
     ]), n.useEffect(()=>(B(i, {
             input: h.current,
-            focusableElement: d.current
+            focusableElement: f.current,
+            label: u
         }), ()=>{
             B(i, {
                 input: null,
-                focusableElement: null
+                focusableElement: null,
+                label: ""
             });
         }), [
         i,
         B,
-        d,
+        f,
         h,
+        Ne,
         be,
-        Ne
+        u
     ]), n.useEffect(()=>{
         const e = (s)=>{
-            var f;
+            var p;
             const o = {
                 [Fe]: -1,
                 [We]: 1
             }[s.key];
             if (o) {
-                p(s);
+                m(s);
                 var _ref;
-                const x = (_ref = (f = u[u.findIndex((param)=>{
+                const x = (_ref = (p = d[d.findIndex((param)=>{
                     let { value: y } = param;
                     return y === T;
-                }) + o]) == null ? void 0 : f.value) !== null && _ref !== void 0 ? _ref : T;
+                }) + o]) == null ? void 0 : p.value) !== null && _ref !== void 0 ? _ref : T;
                 W(x), ye(x);
             }
         }, t = (s)=>{
             if (H) switch(s.key){
                 case He:
-                    p(s);
+                    m(s);
                     break;
                 case Me:
                     E(!1);
                     break;
                 case se:
                 case re:
-                    p(s), u.findIndex((param)=>{
+                    m(s), d.findIndex((param)=>{
                         let { value: c } = param;
                         return c === T;
                     }) !== -1 && T !== g && q(T), E(!1);
@@ -198,7 +201,7 @@ const ot = (param)=>{
             document.removeEventListener("keydown", t, !1);
         };
     }), n.useEffect(()=>{
-        z && d.current && d.current.focus();
+        z && f.current && f.current.focus();
     }, [
         z
     ]), n.useEffect(()=>{
@@ -206,7 +209,7 @@ const ot = (param)=>{
     }, []);
     const Re = (e)=>{
         var t;
-        return e ? (t = u.find((param)=>{
+        return e ? (t = d.find((param)=>{
             let { value: s } = param;
             return s === e;
         })) == null ? void 0 : t.text : "";
@@ -218,7 +221,7 @@ const ot = (param)=>{
             E(!0), O(!0);
         },
         onKeyDown: (e)=>{
-            !H && (e.key === re || e.key === se) && (p(e), E(!0));
+            !H && (e.key === re || e.key === se) && (m(e), E(!0));
         }
     }, te = nt(20), w = g !== null && g !== void 0 ? g : l;
     var _a_transformOrigin;
@@ -233,15 +236,15 @@ const ot = (param)=>{
             fieldRef: S,
             fullWidth: P,
             children: [
-                m && /* @__PURE__ */ r(Ze, {
+                u && /* @__PURE__ */ r(Ze, {
                     error: A,
                     forId: L,
                     inputState: X ? "focused" : (w !== null && w !== void 0 ? w : (ne = h.current) == null ? void 0 : ne.value) ? "filled" : "default",
                     optional: D,
-                    children: m
+                    children: u
                 }),
                 /* @__PURE__ */ _("select", {
-                    className: k(Ke[I ? "disabled" : "default"], m ? ae : le),
+                    className: k(Ke[I ? "disabled" : "default"], u ? ae : le),
                     id: L,
                     "aria-invalid": !!A,
                     value: w,
@@ -257,7 +260,7 @@ const ot = (param)=>{
                     ref: (e)=>{
                         [
                             h,
-                            d
+                            f
                         ].forEach((t)=>{
                             t.current = e;
                         });
@@ -270,7 +273,7 @@ const ot = (param)=>{
                         color: w ? void 0 : "transparent"
                     },
                     children: [
-                        !w && u.every((param)=>{
+                        !w && d.every((param)=>{
                             let { value: e } = param;
                             return !!e;
                         }) && // If no "empty" option exists, insert a dummy empty option. Once an option is selected,
@@ -285,9 +288,9 @@ const ot = (param)=>{
                                 display: "none"
                             },
                             "aria-label": "",
-                            children: m
+                            children: u
                         }),
-                        u.map((param)=>{
+                        d.map((param)=>{
                             let { value: e, text: t } = param;
                             return(// Set color: 'initial' to avoid wrong text color in some browsers when using dark mode.
                             // Similar issue in another lib: https://github.com/chakra-ui/chakra-ui/issues/417#issue-566611352
@@ -318,7 +321,7 @@ const ot = (param)=>{
                     className: Xe[P ? "fullWidth" : "default"],
                     role: "button",
                     "aria-haspopup": "listbox",
-                    ref: d
+                    ref: f
                 }, !I && Ae), {
                     children: [
                         /* @__PURE__ */ r($e, {
@@ -333,7 +336,7 @@ const ot = (param)=>{
                                 })
                             }),
                             focus: X,
-                            label: m,
+                            label: u,
                             value: w,
                             shrinkLabel: !!(l || g),
                             name: i,
@@ -346,30 +349,30 @@ const ot = (param)=>{
                             fieldRef: S
                         }),
                         /* @__PURE__ */ r("div", {
-                            className: k(Je[I ? "disabled" : "default"], m ? ae : le),
+                            className: k(Je[I ? "disabled" : "default"], u ? ae : le),
                             children: Re(w)
                         })
                     ]
                 })),
                 H && /* @__PURE__ */ r(Be, {
                     onPress: (e)=>{
-                        E(!1), p(e);
+                        E(!1), m(e);
                     },
                     disableScroll: !0,
                     children: /* @__PURE__ */ r(tt, {
                         children: /* @__PURE__ */ r("ul", {
                             style: rt({
-                                [N.top]: a.top ? `${a.top}px` : "",
-                                [N.left]: a.left ? `${a.left}px` : "",
-                                [N.maxHeight]: a.maxHeight ? `${a.maxHeight}px` : "",
-                                [N.minWidth]: a.minWidth ? `${a.minWidth}px` : "",
-                                [N.transformOrigin]: (_a_transformOrigin = a.transformOrigin) !== null && _a_transformOrigin !== void 0 ? _a_transformOrigin : ""
+                                [b.top]: a.top ? `${a.top}px` : "",
+                                [b.left]: a.left ? `${a.left}px` : "",
+                                [b.maxHeight]: a.maxHeight ? `${a.maxHeight}px` : "",
+                                [b.minWidth]: a.minWidth ? `${a.minWidth}px` : "",
+                                [b.transformOrigin]: (_a_transformOrigin = a.transformOrigin) !== null && _a_transformOrigin !== void 0 ? _a_transformOrigin : ""
                             }),
-                            onPointerDown: p,
+                            onPointerDown: m,
                             className: k(Qe, K ? ce.show : ce.hide),
                             role: "listbox",
                             ref: v,
-                            children: u.map((param)=>{
+                            children: d.map((param)=>{
                                 let { value: e, text: t } = param;
                                 return /* @__PURE__ */ r("li", {
                                     role: "option",
@@ -378,7 +381,7 @@ const ot = (param)=>{
                                     className: k(Ye, {
                                         [et]: e === T || e === (g !== null && g !== void 0 ? g : l)
                                     }),
-                                    onPointerDown: p,
+                                    onPointerDown: m,
                                     onClick: ()=>q(e),
                                     ref: (s)=>{
                                         s ? R.current.set(e, s) : R.current.delete(e);

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

@@ -0,0 +1,4 @@
+import "./sprinkles.css.ts.vanilla.css-mistica.js";
+import "./sheet-action-row.css.ts.vanilla.css-mistica.js";
+var _ = "_4k81wx1 _1y2v1nf7s _1y2v1nf91 _1y2v1nfaa _1y2v1nfbj _1y2v1nfhk _1y2v1nfjx _1y2v1nfhz";
+export { _ as sheetActionRow };

package/dist-es/sheet-actions-list.js

@@ -0,0 +1,92 @@
+"use client";
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+import { jsx as r, jsxs as g } from "react/jsx-runtime";
+import * as k from "react";
+import v, { SheetBody as A } from "./sheet-common.js";
+import { useTheme as D } from "./hooks.js";
+import L from "./box.js";
+import { Text3 as R } from "./text.js";
+import { vars as o } from "./skins/skin-contract.css-mistica.js";
+import { sheetActionRow as w } from "./sheet-action-row.css-mistica.js";
+import B from "./image.js";
+import I from "./negative-box.js";
+import T from "./touchable.js";
+const b = /*#__PURE__*/ k.forwardRef((param, d)=>{
+    let { title: m, subtitle: a, description: c, items: h, onClose: l, onSelect: e, dataAttributes: n } = param;
+    const { isDarkMode: p } = D();
+    return /* @__PURE__ */ r(v, {
+        onClose: l,
+        ref: d,
+        dataAttributes: _object_spread({
+            "component-name": "ActionsListSheet"
+        }, n),
+        children: (param)=>{
+            let { closeModal: u, modalTitleId: f } = param;
+            return /* @__PURE__ */ r(A, {
+                title: m,
+                subtitle: a,
+                description: c,
+                modalTitleId: f,
+                children: /* @__PURE__ */ r(I, {
+                    children: h.map((param)=>{
+                        let { id: i, style: s, title: x, icon: t } = param;
+                        return /* @__PURE__ */ r(T, {
+                            onPress: ()=>{
+                                e == null || e(i), u();
+                            },
+                            children: /* @__PURE__ */ g("div", {
+                                className: w,
+                                children: [
+                                    t && /* @__PURE__ */ r(L, {
+                                        paddingRight: 16,
+                                        children: t.Icon ? /* @__PURE__ */ r(t.Icon, {
+                                            size: 24,
+                                            color: s === "destructive" ? o.colors.textLinkDanger : o.colors.neutralHigh
+                                        }) : /* @__PURE__ */ r(B, {
+                                            circular: !0,
+                                            src: p && t.urlDark ? t.urlDark : t.url,
+                                            width: 40
+                                        })
+                                    }),
+                                    /* @__PURE__ */ r(R, {
+                                        regular: !0,
+                                        color: s === "destructive" ? o.colors.textLinkDanger : o.colors.textPrimary,
+                                        children: x
+                                    })
+                                ]
+                            })
+                        }, i);
+                    })
+                })
+            });
+        }
+    });
+}), C = b;
+export { C as default };

package/dist-es/sheet-actions.js

@@ -0,0 +1,125 @@
+"use client";
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+import { jsx as r } from "react/jsx-runtime";
+import * as A from "react";
+import R, { SheetBody as u } from "./sheet-common.js";
+import { ButtonPrimary as l, ButtonSecondary as y, ButtonLink as P } from "./button.js";
+const v = /*#__PURE__*/ A.forwardRef((param, S)=>{
+    let { title: c, subtitle: s, description: d, button: f, secondaryButton: m, buttonLink: a, onClose: h, dataAttributes: p, onPressButton: o } = param;
+    const n = (e, t)=>()=>{
+            o == null || o(t), e();
+        }, i = (_param)=>{
+        var { text: e } = _param, t = _object_without_properties(_param, [
+            "text"
+        ]);
+        return _object_spread({
+            children: e
+        }, t);
+    };
+    return /* @__PURE__ */ r(R, {
+        onClose: h,
+        ref: S,
+        dataAttributes: _object_spread({
+            "component-name": "ActionsSheet"
+        }, p),
+        children: (param)=>{
+            let { modalTitleId: e, closeModal: t } = param;
+            return /* @__PURE__ */ r(u, {
+                title: c,
+                subtitle: s,
+                description: d,
+                modalTitleId: e,
+                button: /* @__PURE__ */ r(l, _object_spread_props(_object_spread({}, i(f)), {
+                    onPress: n(t, "PRIMARY")
+                })),
+                secondaryButton: m ? /* @__PURE__ */ r(y, _object_spread_props(_object_spread({}, i(m)), {
+                    onPress: n(t, "SECONDARY")
+                })) : void 0,
+                link: a ? /* @__PURE__ */ r(P, _object_spread_props(_object_spread({
+                    small: !0
+                }, i(a)), {
+                    onPress: n(t, "LINK")
+                })) : void 0
+            });
+        }
+    });
+}), Y = v;
+export { Y as default };

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

@@ -0,0 +1,4 @@
+import "./sprinkles.css.ts.vanilla.css-mistica.js";
+import "./sheet-common.css.ts.vanilla.css-mistica.js";
+var f = "pidemf6 _1y2v1nf3p", y = "pidemf4 _1y2v1nfhg _1y2v1nfl6 _1y2v1nfll _1y2v1nfm0", _ = "pidemf9 _1y2v1nf81 _1y2v1nfhk _1y2v1nfhq", e = "pidemfo", r = "_1y2v1nfkq _1y2v1nfi6 _1y2v1nfhk _1y2v1nfhq", i = "pidemfl", a = "pidemf7", t = "_1y2v1nf4y _1y2v1nfig _1y2v1nfir _1y2v1nfk4", h = "pidemfc _1y2v1nf7m _1y2v1nf8v _1y2v1nfhf _1y2v1nfkr _1y2v1nfj1 _1y2v1nfi7 _1y2v1nfhk _1y2v1nfht", l = "pidemff _1y2v1nf7y _1y2v1nf97 _1y2v1nfag _1y2v1nfbp _1y2v1nfhf _1y2v1nfkr _1y2v1nfll", o = "pidemfk _1y2v1nfhg _1y2v1nf41 _1y2v1nfkr _1y2v1nfl6 _1y2v1nfll _1y2v1nfm0", m = "_1y2v1nfhi _1y2v1nfm0 _1y2v1nf3p", p = "_1y2v1nfhi _1y2v1nfkr _1y2v1nf3p", d = 400;
+export { f as Sheet, y as SheetContainer, _ as SheetContent, e as bodyContent, r as children, i as closingOverlay, a as closingSheet, t as handle, h as handleContainer, l as modalCloseButton, o as overlay, m as stickyButtons, p as stickyTitle, d as transitionDuration };

package/dist-es/sheet-common.css.ts.vanilla.css-mistica.js

@@ -0,0 +1,2 @@
+const s = "";
+export { s as default };