@telefonica/mistica 15.3.0 → 15.5.0

package/dist/radio-button.css-mistica.js

@@ -16,27 +16,27 @@ _export(exports, {
         return r;
     },
     innerCircleChecked: function() {
-        return a;
+        return c;
     },
     outerCircleCheckedVariants: function() {
-        return s;
+        return a;
     },
     outerCircleVariants: function() {
-        return c;
+        return f;
     },
     radioButton: function() {
-        return f;
+        return i;
     },
     radioButtonContainerDisabled: function() {
-        return u;
+        return s;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./radio-button.css.ts.vanilla.css-mistica.js");
-var d = "c6dmsud", r = "c6dmsu5 _1y2v1nfha _1y2v1nfjt", a = "c6dmsu7 _1y2v1nf4t", s = {
+var d = "c6dmsud", r = "c6dmsu5 _1y2v1nfhk _1y2v1nfk3", c = "c6dmsu7 _1y2v1nf4z", a = {
     default: "c6dmsub",
     ios: "c6dmsuc"
-}, c = {
-    default: "c6dmsu2 c6dmsu1 _1y2v1nfhb _1y2v1nfhp _1y2v1nfhj _1y2v1nfka _1y2v1nfhs _1y2v1nfjt _1y2v1nf3k",
-    ios: "c6dmsu3 c6dmsu1 _1y2v1nfhb _1y2v1nfhp _1y2v1nfhj _1y2v1nfka _1y2v1nfhs _1y2v1nfjt _1y2v1nf3k"
-}, f = "c6dmsu9 c6dmsu8", u = "c6dmsua c6dmsu8";
+}, f = {
+    default: "c6dmsu2 c6dmsu1 _1y2v1nfhl _1y2v1nfhz _1y2v1nfht _1y2v1nfkk _1y2v1nfi2 _1y2v1nfk3 _1y2v1nf3p",
+    ios: "c6dmsu3 c6dmsu1 _1y2v1nfhl _1y2v1nfhz _1y2v1nfht _1y2v1nfkk _1y2v1nfi2 _1y2v1nfk3 _1y2v1nf3p"
+}, i = "c6dmsu9 c6dmsu8", s = "c6dmsua c6dmsu8";

package/dist/radio-button.d.ts

@@ -20,6 +20,7 @@ type PropsRender = {
     }) => React.ReactNode;
     children?: undefined;
     dataAttributes?: DataAttributes;
+    'aria-label'?: string;
     'aria-labelledby'?: string;
 };
 type PropsChildren = {
@@ -28,6 +29,7 @@ type PropsChildren = {
     children?: React.ReactNode;
     render?: undefined;
     dataAttributes?: DataAttributes;
+    'aria-label'?: string;
     'aria-labelledby'?: string;
 };
 declare const RadioButton: React.FC<PropsRender | PropsChildren>;

package/dist/radio-button.js

@@ -17,7 +17,7 @@ _export(exports, {
         return le;
     },
     useRadioContext: function() {
-        return z;
+        return J;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -163,58 +163,60 @@ const N = /*#__PURE__*/ _react.createContext({
     select: ()=>{},
     selectNext: ()=>{},
     selectPrev: ()=>{}
-}), z = ()=>_react.useContext(N), J = (_param)=>{
-    var { value: e, id: s, dataAttributes: C, "aria-labelledby": R } = _param, d = _object_without_properties(_param, [
+}), J = ()=>_react.useContext(N), L = (_param)=>{
+    var { value: t, id: s, dataAttributes: h, "aria-labelledby": v, "aria-label": x } = _param, u = _object_without_properties(_param, [
         "value",
         "id",
         "dataAttributes",
-        "aria-labelledby"
+        "aria-labelledby",
+        "aria-label"
     ]);
-    const { disabled: l, selectedValue: v, focusableValue: p, select: u, selectNext: f, selectPrev: g } = z(), m = (0, _hooks.useAriaId)(R), r = _react.useRef(null), c = e === v, y = p === e ? 0 : -1, { isIos: h } = (0, _hooks.useTheme)(), t = (o)=>{
+    const { disabled: l, selectedValue: C, focusableValue: p, select: c, selectNext: R, selectPrev: g } = J(), a = (0, _hooks.useAriaId)(v), y = _react.useRef(null), d = t === C, V = p === t ? 0 : -1, { isIos: e } = (0, _hooks.useTheme)(), r = (o)=>{
         switch(o.key){
             case _keys.SPACE:
-                u(e), o.preventDefault(), o.stopPropagation();
+                c(t), o.preventDefault(), o.stopPropagation();
                 break;
             case _keys.RIGHT:
             case _keys.DOWN:
-                f(), o.preventDefault(), o.stopPropagation();
+                R(), o.preventDefault(), o.stopPropagation();
                 break;
             case _keys.LEFT:
             case _keys.UP:
                 g(), o.preventDefault(), o.stopPropagation();
                 break;
         }
-    }, a = /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-        className: (0, _classnames.default)(h ? _radiobuttoncssmistica.outerCircleVariants.ios : _radiobuttoncssmistica.outerCircleVariants.default, {
-            [_radiobuttoncssmistica.outerCircleCheckedVariants[h ? "ios" : "default"]]: c,
+    }, f = /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+        className: (0, _classnames.default)(e ? _radiobuttoncssmistica.outerCircleVariants.ios : _radiobuttoncssmistica.outerCircleVariants.default, {
+            [_radiobuttoncssmistica.outerCircleCheckedVariants[e ? "ios" : "default"]]: d,
             [_radiobuttoncssmistica.disabled]: l
         }),
-        children: !h && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+        children: !e && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
             className: (0, _classnames.default)(_radiobuttoncssmistica.innerCircle, {
-                [_radiobuttoncssmistica.innerCircleChecked]: c
+                [_radiobuttoncssmistica.innerCircleChecked]: d
             })
         })
     });
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("span", _object_spread_props(_object_spread({
-        ref: r,
+        ref: y,
         id: s,
-        tabIndex: l ? void 0 : y,
+        tabIndex: l ? void 0 : V,
         role: "radio",
-        "data-value": e,
-        "aria-checked": c,
+        "data-value": t,
+        "aria-checked": d,
         "aria-disabled": l,
-        "aria-labelledby": m,
+        "aria-label": x,
+        "aria-labelledby": x ? void 0 : a,
         onClick: (o)=>{
-            o.stopPropagation(), l || u(e);
+            o.stopPropagation(), l || c(t);
         },
-        onKeyDown: l ? void 0 : t,
+        onKeyDown: l ? void 0 : r,
         className: l ? _radiobuttoncssmistica.radioButtonContainerDisabled : _radiobuttoncssmistica.radioButton
-    }, (0, _dom.getPrefixedDataAttributes)(C, "RadioButton")), {
-        children: d.render ? d.render({
-            controlElement: a,
+    }, (0, _dom.getPrefixedDataAttributes)(h, "RadioButton")), {
+        children: u.render ? u.render({
+            controlElement: f,
             disabled: !!l,
-            checked: c,
-            labelId: m
+            checked: d,
+            labelId: a
         }) : /* @__PURE__ */ (0, _jsxruntime.jsxs)(_inline.default, {
             space: 16,
             children: [
@@ -226,76 +228,76 @@ const N = /*#__PURE__*/ _react.createContext({
                             position: "relative",
                             top: -2
                         },
-                        children: a
+                        children: f
                     })
                 }),
                 /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text3, {
                     regular: !0,
                     as: "div",
-                    id: m,
+                    id: a,
                     children: /* @__PURE__ */ (0, _jsxruntime.jsx)("span", {
                         className: l ? _radiobuttoncssmistica.disabled : "",
-                        children: d.children
+                        children: u.children
                     })
                 })
             ]
         })
     }));
-}, re = (e)=>{
+}, re = (t)=>{
     var _ref;
-    const { value: s, defaultValue: C, onChange: R, focusableRef: d, disabled: l } = (0, _formcontext.useControlProps)({
-        name: e.name,
-        value: e.value,
-        defaultValue: e.defaultValue,
-        onChange: e.onChange,
-        disabled: e.disabled
-    }), v = typeof s < "u", [p, u] = _react.useState((_ref = s !== null && s !== void 0 ? s : C) !== null && _ref !== void 0 ? _ref : "");
+    const { value: s, defaultValue: h, onChange: v, focusableRef: x, disabled: u } = (0, _formcontext.useControlProps)({
+        name: t.name,
+        value: t.value,
+        defaultValue: t.defaultValue,
+        onChange: t.onChange,
+        disabled: t.disabled
+    }), l = typeof s < "u", [C, p] = _react.useState((_ref = s !== null && s !== void 0 ? s : h) !== null && _ref !== void 0 ? _ref : "");
     _react.useEffect(()=>{
-        s !== void 0 && u(s);
+        s !== void 0 && p(s);
     }, [
         s
     ]);
-    const f = (t)=>{
-        v || u(t), R(t);
-    }, [g, m] = _react.useState(null), r = _react.useRef(null), c = ()=>{
-        if (r.current) {
-            const t = r.current.querySelector("[role=radio][aria-checked=true]"), a = Array.from(r.current.querySelectorAll("[role=radio]"));
-            if (a.length === 0) return;
-            const V = ((t ? a.indexOf(t) : 0) + 1) % a.length, b = a[V], x = b.dataset.value;
-            x && (b.focus(), f(x));
+    const c = (e)=>{
+        l || p(e), v(e);
+    }, [R, g] = _react.useState(null), a = _react.useRef(null), y = ()=>{
+        if (a.current) {
+            const e = a.current.querySelector("[role=radio][aria-checked=true]"), r = Array.from(a.current.querySelectorAll("[role=radio]"));
+            if (r.length === 0) return;
+            const o = ((e ? r.indexOf(e) : 0) + 1) % r.length, m = r[o], b = m.dataset.value;
+            b && (m.focus(), c(b));
         }
-    }, y = ()=>{
-        if (r.current) {
-            const t = r.current.querySelector("[role=radio][aria-checked=true]"), a = Array.from(r.current.querySelectorAll("[role=radio]"));
-            if (a.length === 0) return;
-            const o = t ? a.indexOf(t) : 0, V = (a.length + o - 1) % a.length, b = a[V], x = b.dataset.value;
-            x && (b.focus(), f(x));
+    }, d = ()=>{
+        if (a.current) {
+            const e = a.current.querySelector("[role=radio][aria-checked=true]"), r = Array.from(a.current.querySelectorAll("[role=radio]"));
+            if (r.length === 0) return;
+            const f = e ? r.indexOf(e) : 0, o = (r.length + f - 1) % r.length, m = r[o], b = m.dataset.value;
+            b && (m.focus(), c(b));
         }
     };
     _react.useEffect(()=>{
-        if (r.current) {
-            const t = r.current.querySelector("[role=radio]");
-            var _t_dataset_value;
-            t && m((_t_dataset_value = t.dataset.value) !== null && _t_dataset_value !== void 0 ? _t_dataset_value : null);
+        if (a.current) {
+            const e = a.current.querySelector("[role=radio]");
+            var _e_dataset_value;
+            e && g((_e_dataset_value = e.dataset.value) !== null && _e_dataset_value !== void 0 ? _e_dataset_value : null);
         }
     }, []);
     var _ref1;
-    const h = (_ref1 = p !== null && p !== void 0 ? p : g) !== null && _ref1 !== void 0 ? _ref1 : null;
+    const V = (_ref1 = C !== null && C !== void 0 ? C : R) !== null && _ref1 !== void 0 ? _ref1 : null;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({
-        ref: (0, _common.combineRefs)(r, d),
+        ref: (0, _common.combineRefs)(a, x),
         role: "radiogroup",
-        "aria-labelledby": e["aria-labelledby"]
-    }, (0, _dom.getPrefixedDataAttributes)(e.dataAttributes, "RadioGroup")), {
+        "aria-labelledby": t["aria-labelledby"]
+    }, (0, _dom.getPrefixedDataAttributes)(t.dataAttributes, "RadioGroup")), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(N.Provider, {
             value: {
-                disabled: l,
-                selectedValue: p !== null && p !== void 0 ? p : C,
-                focusableValue: h,
-                select: f,
-                selectNext: c,
-                selectPrev: y
+                disabled: u,
+                selectedValue: C !== null && C !== void 0 ? C : h,
+                focusableValue: V,
+                select: c,
+                selectNext: y,
+                selectPrev: d
             },
-            children: e.children
+            children: t.children
         })
     }));
-}, le = J;
+}, le = L;

package/dist/responsive-layout.css-mistica.js

@@ -13,36 +13,51 @@ _export(exports, {
         return e;
     },
     SMALL_DESKTOP_SIDE_MARGIN: function() {
-        return r;
+        return a;
     },
     TABLET_SIDE_MARGIN: function() {
         return n;
     },
     backgroundVariant: function() {
-        return v;
-    },
-    expandedResponsiveLayoutContainerDesktop: function() {
         return t;
     },
-    expandedResponsiveLayoutContainerMobile: function() {
+    desktopContainer: function() {
+        return i;
+    },
+    forcedMarginDesktopContainer: function() {
+        return v;
+    },
+    forcedMarginMobileContainer: function() {
         return _;
     },
     fullWidth: function() {
-        return i;
-    },
-    fullwidthContainer: function() {
         return f;
     },
-    responsiveLayout: function() {
+    mobileContainer: function() {
         return l;
     },
-    responsiveLayoutContainer: function() {
+    resetContainerDesktop: function() {
+        return g;
+    },
+    resetContainerMobile: function() {
+        return s;
+    },
+    resetDesktop: function() {
+        return M;
+    },
+    resetMobile: function() {
         return p;
+    },
+    responsiveLayout: function() {
+        return C;
+    },
+    responsiveLayoutContainer: function() {
+        return D;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./responsive-layout.css.ts.vanilla.css-mistica.js");
-var e = 16, r = 40, n = 32, v = {
-    inverse: "_1y2v1nf3t",
-    alternative: "_1y2v1nf3y"
-}, t = "_17lofg74", _ = "_17lofg73", i = "_17lofg7a _1y2v1nfhx", f = "_17lofg75", l = "_17lofg78", p = "_17lofg72 _1y2v1nfhx";
+var e = 16, a = 40, n = 32, t = {
+    inverse: "_1y2v1nf3z",
+    alternative: "_1y2v1nf44"
+}, i = "_17lofg77", v = "_17lofg78", _ = "_17lofg7a", f = "_17lofg7f _1y2v1nfi7", l = "_17lofg79", g = "_17lofg73", s = "_17lofg72", M = "_17lofg75", p = "_17lofg74", C = "_17lofg7d", D = "_17lofg76";

package/dist/responsive-layout.css.d.ts

@@ -5,10 +5,15 @@ export declare const LARGE_DESKTOP_MAX_WIDTH = 1224;
 export declare const vars: {
     sideMargin: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 };
+export declare const resetContainerMobile: string;
+export declare const resetContainerDesktop: string;
+export declare const resetMobile: string;
+export declare const resetDesktop: string;
 export declare const responsiveLayoutContainer: string;
-export declare const expandedResponsiveLayoutContainerMobile: string;
-export declare const expandedResponsiveLayoutContainerDesktop: string;
-export declare const fullwidthContainer: string;
+export declare const desktopContainer: string;
+export declare const forcedMarginDesktopContainer: string;
+export declare const mobileContainer: string;
+export declare const forcedMarginMobileContainer: string;
 export declare const backgroundVariant: {
     inverse: string;
     alternative: string;

package/dist/responsive-layout.d.ts

@@ -15,4 +15,9 @@ export declare const InternalResponsiveLayout: React.FC<Props & {
     innerDivClassName?: string;
 }>;
 declare const ResponsiveLayout: React.FC<Props>;
+export declare const ResetResponsiveLayout: React.FC<{
+    children: React.ReactNode;
+    skipMobile?: boolean;
+    skipDesktop?: boolean;
+}>;
 export default ResponsiveLayout;

package/dist/responsive-layout.js

@@ -11,7 +11,10 @@ function _export(target, all) {
 }
 _export(exports, {
     InternalResponsiveLayout: function() {
-        return C;
+        return k;
+    },
+    ResetResponsiveLayout: function() {
+        return q;
     },
     default: function() {
         return w;
@@ -106,32 +109,48 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const C = (param)=>{
-    let { children: n, isInverse: o = !1, variant: p, backgroundColor: s, className: u, fullWidth: e, dataAttributes: d, shouldExpandWhenNested: i = !1, innerDivClassName: m } = param;
-    const v = (0, _themevariantcontext.useThemeVariant)(), t = p || o && "inverse" || void 0;
+const k = (param)=>{
+    let { children: a, isInverse: e = !1, variant: r, backgroundColor: s, className: d, fullWidth: i, dataAttributes: m, shouldExpandWhenNested: l = !1, innerDivClassName: c } = param;
+    const u = (0, _themevariantcontext.useThemeVariant)(), n = r || e && "inverse" || void 0;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(_themevariantcontext.ThemeVariant, {
-        variant: t !== null && t !== void 0 ? t : v,
+        variant: n !== null && n !== void 0 ? n : u,
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({
-            className: (0, _classnames.default)(e ? _responsivelayoutcssmistica.fullwidthContainer : _responsivelayoutcssmistica.responsiveLayoutContainer, u, t && t !== "default" && _responsivelayoutcssmistica.backgroundVariant[t], {
-                [_responsivelayoutcssmistica.expandedResponsiveLayoutContainerMobile]: i === !0 && !e,
-                [_responsivelayoutcssmistica.expandedResponsiveLayoutContainerDesktop]: i && !e
-            }),
+            className: (0, _classnames.default)(d, n && n !== "default" && _responsivelayoutcssmistica.backgroundVariant[n], ...i ? [] : [
+                l ? _responsivelayoutcssmistica.desktopContainer : _responsivelayoutcssmistica.forcedMarginDesktopContainer,
+                l === !0 ? _responsivelayoutcssmistica.mobileContainer : _responsivelayoutcssmistica.forcedMarginMobileContainer,
+                _responsivelayoutcssmistica.responsiveLayoutContainer
+            ]),
             style: s ? {
                 background: s
             } : void 0
-        }, (0, _dom.getPrefixedDataAttributes)(d)), {
+        }, (0, _dom.getPrefixedDataAttributes)(m)), {
             children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                className: (0, _classnames.default)(e ? _responsivelayoutcssmistica.fullWidth : _responsivelayoutcssmistica.responsiveLayout, m),
-                children: n
+                className: (0, _classnames.default)(i ? _responsivelayoutcssmistica.fullWidth : _responsivelayoutcssmistica.responsiveLayout, c),
+                children: a
             })
         }))
     });
-}, g = (_param)=>{
-    var { children: n } = _param, o = _object_without_properties(_param, [
+}, T = (_param)=>{
+    var { children: a } = _param, e = _object_without_properties(_param, [
         "children"
     ]);
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(C, _object_spread_props(_object_spread({}, o), {
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(k, _object_spread_props(_object_spread({}, e), {
         shouldExpandWhenNested: !0,
-        children: n
+        children: a
     }));
-}, w = g;
+}, q = (param)=>{
+    let { children: a, skipMobile: e = !1, skipDesktop: r = !1 } = param;
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+        className: (0, _classnames.default)({
+            [_responsivelayoutcssmistica.resetContainerMobile]: !e,
+            [_responsivelayoutcssmistica.resetContainerDesktop]: !r
+        }),
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+            className: (0, _classnames.default)({
+                [_responsivelayoutcssmistica.resetMobile]: !e,
+                [_responsivelayoutcssmistica.resetDesktop]: !r
+            }),
+            children: a
+        })
+    });
+}, w = T;

package/dist/screen-reader-only.css-mistica.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "screenReaderOnly", {
     enumerable: true,
     get: function() {
-        return y;
+        return f;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./screen-reader-only.css.ts.vanilla.css-mistica.js");
-var y = "gwdgwo1 _1y2v1nf73 _1y2v1nf8c _1y2v1nf9l _1y2v1nfau _1y2v1nfh5 _1y2v1nfkb _1y2v1nfjs";
+var f = "gwdgwo1 _1y2v1nf7d _1y2v1nf8m _1y2v1nf9v _1y2v1nfb4 _1y2v1nfhf _1y2v1nfkl _1y2v1nfk2";

package/dist/select.css-mistica.js

@@ -22,10 +22,10 @@ _export(exports, {
         return s;
     },
     optionsAnimationsVariants: function() {
-        return p;
+        return r;
     },
     optionsContainer: function() {
-        return r;
+        return p;
     },
     selectContainerVariants: function() {
         return t;
@@ -44,18 +44,18 @@ require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./icon-button.css.ts.vanilla.css-mistica.js");
 require("./text-field-base.css.ts.vanilla.css-mistica.js");
 require("./select.css.ts.vanilla.css-mistica.js");
-var i = "_1sqpivvo _1y2v1nfh5", y = "_1sqpivvp", a = "_1sqpivvr _1y2v1nfa0 _1y2v1nfb9 _1y2v1nf7c _1y2v1nf8l _1y2v1nf23 _1y2v1nfha _1y2v1nfhp _1y2v1nfka", s = "_1y2v1nf3y", p = {
+var i = "_1sqpivvo _1y2v1nfhf", y = "_1sqpivvp", a = "_1sqpivvr _1y2v1nfaa _1y2v1nfbj _1y2v1nf7m _1y2v1nf8v _1y2v1nf26 _1y2v1nfhk _1y2v1nfhz _1y2v1nfkk", s = "_1y2v1nf44", r = {
     show: "_1sqpivv7",
     hide: "_1sqpivv8"
-}, r = "_1sqpivv6 _1y2v1nf73 _1y2v1nf8c _1y2v1nf9l _1y2v1nfau _1y2v1nfh6 _1y2v1nfk0 _1y2v1nf3l", t = {
-    default: "_1sqpivvd _1sqpivvc _1y2v1nfh4 _1y2v1nfka",
-    fullWidth: "_1sqpivve _1sqpivvc _1y2v1nfh4 _1y2v1nfka"
+}, p = "_1sqpivv6 _1y2v1nf7d _1y2v1nf8m _1y2v1nf9v _1y2v1nfb4 _1y2v1nfhg _1y2v1nfka _1y2v1nf3q", t = {
+    default: "_1sqpivvd _1sqpivvc _1y2v1nfhe _1y2v1nfkk",
+    fullWidth: "_1sqpivve _1sqpivvc _1y2v1nfhe _1y2v1nfkk"
 }, e = {
-    default: "_1sqpivvl _1sqpivvk _1y2v1nfh5 _1y2v1nfkb _1y2v1nfjp _1y2v1nf23",
-    disabled: "_1sqpivvm _1sqpivvk _1y2v1nfh5 _1y2v1nfkb _1y2v1nfjp _1y2v1nf23"
+    default: "_1sqpivvl _1sqpivvk _1y2v1nfhf _1y2v1nfkl _1y2v1nfjz _1y2v1nf26",
+    disabled: "_1sqpivvm _1sqpivvk _1y2v1nfhf _1y2v1nfkl _1y2v1nfjz _1y2v1nf26"
 }, q = {
-    default: "_1sqpivvh _1sqpivvg _1y2v1nf73 _1y2v1nf8c _1y2v1nfjs _1y2v1nfkb _1y2v1nf23 _1y2v1nf72 _1y2v1nfhx",
-    disabled: "_1sqpivvi _1sqpivvg _1y2v1nf73 _1y2v1nf8c _1y2v1nfjs _1y2v1nfkb _1y2v1nf23 _1y2v1nf72 _1y2v1nfhx"
+    default: "_1sqpivvh _1sqpivvg _1y2v1nf7d _1y2v1nf8m _1y2v1nfk2 _1y2v1nfkl _1y2v1nf26 _1y2v1nf7c _1y2v1nfi7",
+    disabled: "_1sqpivvi _1sqpivvg _1y2v1nf7d _1y2v1nf8m _1y2v1nfk2 _1y2v1nfkl _1y2v1nf26 _1y2v1nf7c _1y2v1nfi7"
 }, o = {
     top: "var(--_1sqpivv0)",
     left: "var(--_1sqpivv1)",

package/dist/sheet.css-mistica.js

@@ -19,28 +19,28 @@ _export(exports, {
         return _;
     },
     bodyContent: function() {
-        return a;
+        return r;
     },
     children: function() {
-        return h;
+        return l;
     },
     closingOverlay: function() {
-        return r;
+        return a;
     },
     closingSheet: function() {
-        return l;
+        return t;
     },
     handle: function() {
-        return t;
+        return h;
     },
     handleContainer: function() {
         return e;
     },
     infoItemIcon: function() {
-        return o;
+        return i;
     },
     modalCloseButton: function() {
-        return i;
+        return o;
     },
     overlay: function() {
         return c;
@@ -55,9 +55,9 @@ _export(exports, {
         return s;
     },
     transitionDuration: function() {
-        return b;
+        return m;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./sheet.css.ts.vanilla.css-mistica.js");
-var y = "cylz3v6 _1y2v1nf3k", f = "cylz3v4 _1y2v1nfh6 _1y2v1nfkw _1y2v1nflb _1y2v1nflq", _ = "cylz3v9 _1y2v1nf7r _1y2v1nfha _1y2v1nfhg", a = "cylz3vo", h = "_1y2v1nfkg _1y2v1nfhw _1y2v1nfha _1y2v1nfhg", r = "cylz3vl", l = "cylz3v7", t = "_1y2v1nf4s _1y2v1nfi6 _1y2v1nfih _1y2v1nfju", e = "cylz3vc _1y2v1nf7c _1y2v1nf8l _1y2v1nfh5 _1y2v1nfkh _1y2v1nfir _1y2v1nfhx _1y2v1nfha _1y2v1nfhj", o = "_1y2v1nfha _1y2v1nfhp _1y2v1nfim", i = "cylz3vf _1y2v1nf7o _1y2v1nf8x _1y2v1nfa6 _1y2v1nfbf _1y2v1nfh5 _1y2v1nfkh _1y2v1nflb", c = "cylz3vk _1y2v1nfh6 _1y2v1nf3v _1y2v1nfkh _1y2v1nfkw _1y2v1nflb _1y2v1nflq", k = "cylz3vq _1y2v1nf7i _1y2v1nf8r _1y2v1nfa0 _1y2v1nfb9 _1y2v1nfha _1y2v1nfjn _1y2v1nfhp", z = "_1y2v1nfh8 _1y2v1nflq _1y2v1nf3k", s = "_1y2v1nfh8 _1y2v1nfkh _1y2v1nf3k", b = 400;
+var y = "cylz3v6 _1y2v1nf3p", f = "cylz3v4 _1y2v1nfhg _1y2v1nfl6 _1y2v1nfll _1y2v1nfm0", _ = "cylz3v9 _1y2v1nf81 _1y2v1nfhk _1y2v1nfhq", r = "cylz3vo", l = "_1y2v1nfkq _1y2v1nfi6 _1y2v1nfhk _1y2v1nfhq", a = "cylz3vl", t = "cylz3v7", h = "_1y2v1nf4y _1y2v1nfig _1y2v1nfir _1y2v1nfk4", e = "cylz3vc _1y2v1nf7m _1y2v1nf8v _1y2v1nfhf _1y2v1nfkr _1y2v1nfj1 _1y2v1nfi7 _1y2v1nfhk _1y2v1nfht", i = "_1y2v1nfhk _1y2v1nfhz _1y2v1nfiw", o = "cylz3vf _1y2v1nf7y _1y2v1nf97 _1y2v1nfag _1y2v1nfbp _1y2v1nfhf _1y2v1nfkr _1y2v1nfll", c = "cylz3vk _1y2v1nfhg _1y2v1nf41 _1y2v1nfkr _1y2v1nfl6 _1y2v1nfll _1y2v1nfm0", k = "cylz3vq _1y2v1nf7s _1y2v1nf91 _1y2v1nfaa _1y2v1nfbj _1y2v1nfhk _1y2v1nfjx _1y2v1nfhz", z = "_1y2v1nfhi _1y2v1nfm0 _1y2v1nf3p", s = "_1y2v1nfhi _1y2v1nfkr _1y2v1nf3p", m = 400;

package/dist/sheet.d.ts

@@ -14,7 +14,7 @@ declare const Sheet: React.ForwardRefExoticComponent<SheetProps & React.RefAttri
 type SheetBodyProps = {
     title?: string;
     subtitle?: string;
-    description?: string | Array<string>;
+    description?: string | ReadonlyArray<string>;
     button?: RendersNullableElement<typeof ButtonPrimary>;
     secondaryButton?: RendersNullableElement<typeof ButtonSecondary>;
     link?: RendersNullableElement<typeof ButtonLink>;
@@ -25,8 +25,8 @@ export declare const SheetBody: ({ title, subtitle, description, modalTitleId, b
 type RadioListSheetProps = {
     title?: string;
     subtitle?: string;
-    description?: string | Array<string>;
-    items: Array<{
+    description?: string | ReadonlyArray<string>;
+    items: ReadonlyArray<{
         id: string;
         title?: string;
         description?: string;
@@ -44,8 +44,8 @@ export declare const RadioListSheet: React.ForwardRefExoticComponent<RadioListSh
 type ActionsListSheetProps = {
     title?: string;
     subtitle?: string;
-    description?: string | Array<string>;
-    items: Array<{
+    description?: string | ReadonlyArray<string>;
+    items: ReadonlyArray<{
         id: string;
         title: string;
         style?: 'normal' | 'destructive';
@@ -64,8 +64,8 @@ export declare const ActionsListSheet: React.ForwardRefExoticComponent<ActionsLi
 type InfoSheetProps = {
     title?: string;
     subtitle?: string;
-    description?: string | Array<string>;
-    items: Array<{
+    description?: string | ReadonlyArray<string>;
+    items: ReadonlyArray<{
         id?: string;
         title: string;
         description?: string;
@@ -93,7 +93,7 @@ type ButtonProps = {
 type ActionsSheetProps = {
     title?: string;
     subtitle?: string;
-    description?: string | Array<string>;
+    description?: string | ReadonlyArray<string>;
     button: ButtonProps;
     secondaryButton?: ButtonProps;
     buttonLink?: ButtonProps & {

package/dist/skeletons.css-mistica.js

@@ -10,13 +10,13 @@ function _export(target, all) {
 }
 _export(exports, {
     animation: function() {
-        return o;
+        return i;
     },
     circle: function() {
-        return r;
+        return o;
     },
     line: function() {
-        return a;
+        return r;
     },
     row: function() {
         return f;
@@ -24,4 +24,4 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./skeletons.css.ts.vanilla.css-mistica.js");
-var o = "zopolw2 _1y2v1nfhc", r = "_1y2v1nfhs _1y2v1nfhu", a = "zopolw6 _1y2v1nfht", f = "_1y2v1nfha _1y2v1nfhp _1y2v1nfhj";
+var i = "zopolw2 _1y2v1nfhm", o = "_1y2v1nfi2 _1y2v1nfi4", r = "zopolw6 _1y2v1nfi3", f = "_1y2v1nfhk _1y2v1nfhz _1y2v1nfht";