@telefonica/mistica 14.20.0 → 14.21.0

package/dist/icons/icon-info.js

@@ -5,18 +5,46 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return I;
+        return u;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
 const _hooks = require("../hooks.js");
 const _constants = require("../skins/constants.js");
 const _skincontractcssmistica = require("../skins/skin-contract.css-mistica.js");
-const d = (param)=>/* @__PURE__ */ {
-    let { size: e = 64 , color: r  } = param;
+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;
+}
+const s = (param)=>/* @__PURE__ */ {
+    let { size: r = 48  } = param;
     return (0, _jsxruntime.jsx)("svg", {
-        width: e,
-        height: e,
+        width: r,
+        height: r,
         viewBox: "0 0 64 64",
         children: /* @__PURE__ */ (0, _jsxruntime.jsxs)("g", {
             stroke: _skincontractcssmistica.vars.colors.brand,
@@ -27,20 +55,17 @@ const d = (param)=>/* @__PURE__ */ {
                 /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                     fill: "none",
                     strokeWidth: "2",
-                    stroke: r || void 0,
                     d: "M48.24,57.99c-4.71,2.95-10.27,4.65-16.24,4.65C15.08,62.64,1.36,48.92,1.36,32S15.08,1.36,32,1.36 S62.64,15.08,62.64,32c0,6.11-1.79,11.8-4.87,16.58"
                 }),
                 /* @__PURE__ */ (0, _jsxruntime.jsx)("line", {
                     fill: "none",
                     strokeWidth: "2",
-                    stroke: r || void 0,
                     x1: "32",
                     y1: "47.96",
                     x2: "32",
                     y2: "23.74"
                 }),
                 /* @__PURE__ */ (0, _jsxruntime.jsx)("circle", {
-                    stroke: r || void 0,
                     cx: "53.64",
                     cy: "53.54",
                     r: "1.06"
@@ -54,9 +79,11 @@ const d = (param)=>/* @__PURE__ */ {
             ]
         })
     });
-}, l = ()=>/* @__PURE__ */ (0, _jsxruntime.jsx)("svg", {
-        width: "64",
-        height: "64",
+}, d = (param)=>/* @__PURE__ */ {
+    let { size: r = 48  } = param;
+    return (0, _jsxruntime.jsx)("svg", {
+        width: r,
+        height: r,
         viewBox: "0 0 64 64",
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("g", {
             fill: _skincontractcssmistica.vars.colors.brand,
@@ -66,7 +93,8 @@ const d = (param)=>/* @__PURE__ */ {
                 d: "M31.991 0c21.24 0 32.01 10.77 32.01 32.01C64 53.235 53.23 64 31.99 64 10.763 64 .001 53.236.001 32.01 0 10.77 10.762 0 31.99 0zm0 2c-20.18 0-29.99 9.816-29.99 30.01C2 52.19 11.81 62 31.99 62c20.192 0 30.01-9.81 30.01-29.99C62 11.815 52.182 2 31.99 2zM32 27a1 1 0 0 1 1 1v16a1 1 0 0 1-2 0V28a1 1 0 0 1 1-1zm0-7.5a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3z"
             })
         })
-    }), h = ()=>{
+    });
+}, h = (r)=>{
     const { skinName: e  } = (0, _hooks.useTheme)();
-    return e === _constants.O2_CLASSIC_SKIN || e === _constants.O2_SKIN ? /* @__PURE__ */ (0, _jsxruntime.jsx)(d, {}) : /* @__PURE__ */ (0, _jsxruntime.jsx)(l, {});
-}, I = h;
+    return e === _constants.O2_CLASSIC_SKIN || e === _constants.O2_SKIN ? /* @__PURE__ */ (0, _jsxruntime.jsx)(s, _object_spread({}, r)) : /* @__PURE__ */ (0, _jsxruntime.jsx)(d, _object_spread({}, r));
+}, u = h;

package/dist/icons/icon-success-vivo-new.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+type Props = {
+    size?: number | string;
+};
+declare const IconSuccessVivoNew: ({ size }: Props) => JSX.Element;
+export default IconSuccessVivoNew;

package/dist/icons/icon-success-vivo-new.js

@@ -0,0 +1,86 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return m;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _hooks = require("../hooks.js");
+const _animation = require("../utils/animation.js");
+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;
+}
+const d = (param)=>{
+    let { size: o = 48  } = param;
+    const { platformOverrides: r  } = (0, _hooks.useTheme)(), t = (0, _hooks.useAriaId)();
+    return /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", {
+        width: o,
+        height: o,
+        viewBox: "0 0 64 64",
+        fill: "none",
+        children: [
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("circle", _object_spread({
+                cx: "32",
+                cy: "32",
+                r: "25",
+                stroke: `url(#${t})`
+            }, (0, _animation.getAnimateCircleScaleInProps)("25", r))),
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("polyline", _object_spread({
+                fill: "none",
+                stroke: "white",
+                strokeWidth: "1.5",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                points: "25.75,32.75 29.69,37.5 38.25,26.5"
+            }, (0, _animation.getAnimateDrawLineProps)("44", "0.4s", r, "0.5 0 0.83 0.83"))),
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
+                children: /* @__PURE__ */ (0, _jsxruntime.jsxs)("linearGradient", {
+                    id: t,
+                    x1: "6.66663",
+                    y1: "6.66669",
+                    x2: "58.3441",
+                    y2: "7.98638",
+                    gradientUnits: "userSpaceOnUse",
+                    children: [
+                        /* @__PURE__ */ (0, _jsxruntime.jsx)("stop", {
+                            stopColor: "#E5B9FF"
+                        }),
+                        /* @__PURE__ */ (0, _jsxruntime.jsx)("stop", {
+                            offset: "1",
+                            stopColor: "#FF6ACE"
+                        })
+                    ]
+                })
+            })
+        ]
+    });
+}, m = d;

package/dist/icons/icon-success-vivo.d.ts

@@ -1,7 +1,6 @@
-import * as React from 'react';
+/// <reference types="react" />
 type Props = {
-    role?: string;
     size?: number | string;
 };
-declare const IconSuccessVivo: React.FC<Props>;
+declare const IconSuccessVivo: ({ size }: Props) => JSX.Element;
 export default IconSuccessVivo;

package/dist/icons/icon-success-vivo.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return p;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -41,25 +41,21 @@ function _object_spread(target) {
     }
     return target;
 }
-const a = (param)=>{
-    let { role: s = "presentation" , size: e = 64  } = param;
-    const C = (0, _themevariantcontext.useIsInverseVariant)(), { platformOverrides: t  } = (0, _hooks.useTheme)();
+const c = (param)=>{
+    let { size: C = 48  } = param;
+    const e = (0, _themevariantcontext.useIsInverseVariant)(), { platformOverrides: s  } = (0, _hooks.useTheme)();
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", {
-        role: s,
-        width: e,
-        height: e,
+        width: C,
+        height: C,
         viewBox: "0 0 64 64",
-        style: {
-            marginLeft: -17
-        },
+        overflow: "visible",
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("g", {
-            transform: "translate(17, 10)",
-            fill: C ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.brand,
-            stroke: C ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.brand,
+            fill: e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.brand,
+            stroke: e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.brand,
             children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", _object_spread({
                 fillRule: "nonzero",
                 d: "M14.8832276,0 C10.2293915,0.0191737965 6.86229932,3.79747692 6.87644677,7.70928648 C6.89025737,11.6228714 9.24614399,14.2258918 11.0573539,15.1980743 C12.084728,15.7491434 11.7559683,16.7408548 11.7559683,16.7408548 C11.7559683,16.7408548 11.5093985,17.7055808 10.4274557,17.44922 C9.3458498,17.1875332 4.10725261,15.8961425 4.10725261,15.8961425 C4.10725261,15.8961425 0.947319469,15.2651826 0.18436791,18.6252129 C-0.579931024,21.9873736 1.196584,23.2652716 2.5001701,23.5816393 C3.80375621,23.8972968 8.2116962,25.0470144 8.2116962,25.0470144 C8.2116962,25.0470144 9.52370341,25.7443725 9.57490369,27.1742406 C9.60656702,28.0203732 9.60825124,28.7209269 8.78163618,29.9800062 C7.95670533,31.2394406 2.82589821,37.6825463 2.82589821,37.6825463 C2.82589821,37.6825463 1.06218326,39.9379529 3.61781834,41.9710855 C6.17345343,44.0045731 7.61110343,43.5309094 9.12824861,41.6575584 C10.6440464,39.7845626 13.6392629,35.862456 13.6392629,35.862456 C13.6392629,35.862456 14.0525704,35.0099322 14.8956908,35.0610623 C15.7388112,35.1136127 15.985381,35.5961532 16.2710247,35.9650713 C16.5580157,36.3339893 20.7318492,41.7285725 21.0164823,42.0786718 C21.297747,42.4326769 22.0782145,43.0806802 22.9364929,43.2042447 C23.7937607,43.3263889 24.7338922,43.1396219 25.3358324,42.6712841 C25.9360883,42.2022363 26.698703,41.5641749 26.9664939,41.1388007 C27.2326007,40.7134265 27.6863295,40.1034157 27.6027922,39.0996319 C27.5182443,38.0986887 27.3144537,37.574605 26.5878813,36.7149798 C25.8613089,35.8564198 21.565538,30.4178079 20.7567756,29.3742563 C20.7567756,29.3742563 20.022119,28.4461025 20.1285616,27.1341177 C20.2353412,25.8192924 20.7874284,25.2334264 21.9495401,24.9067617 C23.1099675,24.5815173 27.6499503,23.3980679 27.6499503,23.3980679 C27.6499503,23.3980679 30.2487014,22.0733006 29.6595614,19.4472006 L29.3210332,18.1046798 C29.3210332,18.1046798 28.7551353,15.0407782 25.0208833,15.989526 C21.2835996,16.9411144 19.2079671,17.5014154 19.2079671,17.5014154 C19.2079671,17.5014154 18.0185711,17.6235596 17.8477912,16.777427 C17.6797061,15.9302293 17.9003389,15.4934928 18.4258155,15.257016 C18.9516289,15.0208942 22.2685313,13.3144263 22.6939652,8.70064277 C23.121757,4.09538091 19.5505374,0 14.9128698,0 L14.8832276,0"
-            }, (0, _animation.getAnimateSweepInProps)("0.2s", t)))
+            }, (0, _animation.getAnimateSweepInProps)("0.2s", s)))
         })
     });
-}, d = a;
+}, p = c;

package/dist/icons/icon-success.d.ts

@@ -1,8 +1,8 @@
-import * as React from 'react';
+/// <reference types="react" />
 type Props = {
     size?: number | string;
     color?: string;
     skipAnimation?: boolean;
 };
-declare const IconSuccess: React.FC<Props>;
+declare const IconSuccess: ({ size, color, skipAnimation }: Props) => JSX.Element;
 export default IconSuccess;

package/dist/icons/icon-success.js

@@ -43,7 +43,7 @@ function _object_spread(target) {
     return target;
 }
 const u = (param)=>{
-    let { size: t = 64 , color: e , skipAnimation: r = !1  } = param;
+    let { size: t = 48 , color: e , skipAnimation: r = !1  } = param;
     const n = (0, _themevariantcontext.useIsInverseVariant)(), { platformOverrides: o  } = (0, _hooks.useTheme)();
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", {
         role: "presentation",
@@ -78,7 +78,7 @@ const u = (param)=>{
         })
     });
 }, k = (param)=>{
-    let { size: t = 64 , color: e , skipAnimation: r = !1  } = param;
+    let { size: t = 48 , color: e , skipAnimation: r = !1  } = param;
     const n = (0, _themevariantcontext.useIsInverseVariant)(), { platformOverrides: o  } = (0, _hooks.useTheme)();
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", {
         role: "presentation",

package/dist/image.css-mistica.js

@@ -18,4 +18,4 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./image.css.ts.vanilla.css-mistica.js");
-var f = 300, n = "_17tt25r1 _1y2v1nfe6 _1y2v1nfel _1y2v1nfb6 _1y2v1nfbr _1y2v1nfc8 _1y2v1nffu _1y2v1nfdj _1y2v1nfdk";
+var f = 300, n = "_17tt25r1 _1y2v1nfeb _1y2v1nfeq _1y2v1nfb7 _1y2v1nfbs _1y2v1nfc9 _1y2v1nffz _1y2v1nfdk _1y2v1nfdl";

package/dist/index.d.ts

@@ -72,6 +72,9 @@ export { default as Video } from './video';
 export type { VideoElement } from './video';
 export { Carousel, CenteredCarousel, Slideshow, PageBullets } from './carousel';
 export { Grid, GridItem } from './grid';
+export { default as Sheet, ActionsSheet, InfoSheet, ActionsListSheet, RadioListSheet, SheetBody, } from './sheet';
+export { default as SheetRoot, showSheet } from './sheet-root';
+export type { NativeSheetImplementation } from './sheet-root';
 export { default as StackingGroup } from './stacking-group';
 export { default as Form } from './form';
 export { default as Select } from './select';
@@ -99,6 +102,7 @@ export { default as IconChevron } from './icons/icon-chevron';
 export { default as IconError } from './icons/icon-error';
 export { default as IconSuccess } from './icons/icon-success';
 export { default as IconSuccessVivo } from './icons/icon-success-vivo';
+export { default as IconSuccessVivoNew } from './icons/icon-success-vivo-new';
 export { SkeletonCircle, SkeletonRow, SkeletonLine, SkeletonRectangle, SkeletonText } from './skeletons';
 export { default as Circle } from './circle';
 export { useTheme, useScreenSize, useElementDimensions, useAriaId, useWindowSize, useWindowHeight, useWindowWidth, useIsInViewport, } from './hooks';
@@ -128,6 +132,9 @@ export { palette as blauPalette } from './skins/blau';
 export type { Locale } from './utils/locale';
 export type { TrackingEvent, IconProps } from './utils/types';
 export type { RegionCode } from './utils/region-code';
+export { default as CommunityExampleComponent } from './community/example-component';
+export { default as CommunityAdvancedDataCard } from './community/advanced-data-card';
+export { RowBlock as CommunityRowBlock, SimpleBlock as CommunitySimpleBlock, InformationBlock as CommunityInformationBlock, HighlightedValueBlock as CommunityHighlightedValueBlock, ValueBlock as CommunityValueBlock, ProgressBlock as CommunityProgressBlock, } from './community/blocks';
 export { default as Icon2GFilled } from './generated/mistica-icons/icon-2-g-filled';
 export { default as Icon2GRegular } from './generated/mistica-icons/icon-2-g-regular';
 export { default as Icon3DViewFilled } from './generated/mistica-icons/icon-3-d-view-filled';

package/dist/index.js

@@ -9,6 +9,12 @@ function _export(target, all) {
     });
 }
 _export(exports, {
+    ActionsListSheet: function() {
+        return _sheet.ActionsListSheet;
+    },
+    ActionsSheet: function() {
+        return _sheet.ActionsSheet;
+    },
     Avatar: function() {
         return _avatar.default;
     },
@@ -72,6 +78,30 @@ _export(exports, {
     Circle: function() {
         return _circle.default;
     },
+    CommunityAdvancedDataCard: function() {
+        return _advanceddatacard.default;
+    },
+    CommunityExampleComponent: function() {
+        return _examplecomponent.default;
+    },
+    CommunityHighlightedValueBlock: function() {
+        return _blocks.HighlightedValueBlock;
+    },
+    CommunityInformationBlock: function() {
+        return _blocks.InformationBlock;
+    },
+    CommunityProgressBlock: function() {
+        return _blocks.ProgressBlock;
+    },
+    CommunityRowBlock: function() {
+        return _blocks.RowBlock;
+    },
+    CommunitySimpleBlock: function() {
+        return _blocks.SimpleBlock;
+    },
+    CommunityValueBlock: function() {
+        return _blocks.ValueBlock;
+    },
     CreditCardExpirationField: function() {
         return _creditcardexpirationfield.default;
     },
@@ -4404,6 +4434,9 @@ _export(exports, {
     IconSuccessVivo: function() {
         return _iconsuccessvivo.default;
     },
+    IconSuccessVivoNew: function() {
+        return _iconsuccessvivonew.default;
+    },
     IconSunFilled: function() {
         return _iconsunfilled.default;
     },
@@ -5154,6 +5187,9 @@ _export(exports, {
     InfoFeedbackScreen: function() {
         return _feedback.InfoFeedbackScreen;
     },
+    InfoSheet: function() {
+        return _sheet.InfoSheet;
+    },
     Inline: function() {
         return _inline.default;
     },
@@ -5262,6 +5298,9 @@ _export(exports, {
     RadioGroup: function() {
         return _radiobutton.RadioGroup;
     },
+    RadioListSheet: function() {
+        return _sheet.RadioListSheet;
+    },
     ResponsiveLayout: function() {
         return _responsivelayout.default;
     },
@@ -5280,6 +5319,15 @@ _export(exports, {
     Select: function() {
         return _select.default;
     },
+    Sheet: function() {
+        return _sheet.default;
+    },
+    SheetBody: function() {
+        return _sheet.SheetBody;
+    },
+    SheetRoot: function() {
+        return _sheetroot.default;
+    },
     SkeletonCircle: function() {
         return _skeletons.SkeletonCircle;
     },
@@ -5484,6 +5532,9 @@ _export(exports, {
     pxToRem: function() {
         return _css.pxToRem;
     },
+    showSheet: function() {
+        return _sheetroot.showSheet;
+    },
     skinVars: function() {
         return _skincontractcssmistica.vars;
     },
@@ -5607,6 +5658,8 @@ const _chip = /*#__PURE__*/ _interop_require_default(require("./chip.js"));
 const _video = /*#__PURE__*/ _interop_require_default(require("./video.js"));
 const _carousel = require("./carousel.js");
 const _grid = require("./grid.js");
+const _sheet = /*#__PURE__*/ _interop_require_wildcard(require("./sheet.js"));
+const _sheetroot = /*#__PURE__*/ _interop_require_wildcard(require("./sheet-root.js"));
 const _stackinggroup = /*#__PURE__*/ _interop_require_default(require("./stacking-group.js"));
 const _form = /*#__PURE__*/ _interop_require_default(require("./form.js"));
 const _select = /*#__PURE__*/ _interop_require_default(require("./select.js"));
@@ -5633,6 +5686,7 @@ const _iconchevron = /*#__PURE__*/ _interop_require_default(require("./icons/ico
 const _iconerror = /*#__PURE__*/ _interop_require_default(require("./icons/icon-error.js"));
 const _iconsuccess = /*#__PURE__*/ _interop_require_default(require("./icons/icon-success.js"));
 const _iconsuccessvivo = /*#__PURE__*/ _interop_require_default(require("./icons/icon-success-vivo.js"));
+const _iconsuccessvivonew = /*#__PURE__*/ _interop_require_default(require("./icons/icon-success-vivo-new.js"));
 const _skeletons = require("./skeletons.js");
 const _circle = /*#__PURE__*/ _interop_require_default(require("./circle.js"));
 const _hooks = require("./hooks.js");
@@ -5651,6 +5705,9 @@ const _o2 = require("./skins/o2.js");
 const _o2classic = require("./skins/o2-classic.js");
 const _telefonica = require("./skins/telefonica.js");
 const _blau = require("./skins/blau.js");
+const _examplecomponent = /*#__PURE__*/ _interop_require_default(require("./community/example-component.js"));
+const _advanceddatacard = /*#__PURE__*/ _interop_require_default(require("./community/advanced-data-card.js"));
+const _blocks = require("./community/blocks.js");
 const _icon2gfilled = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-2-g-filled.js"));
 const _icon2gregular = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-2-g-regular.js"));
 const _icon3dviewfilled = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-3-d-view-filled.js"));

package/dist/list.css-mistica.js

@@ -37,16 +37,16 @@ _export(exports, {
         return d;
     },
     dualActionLeft: function() {
-        return o;
+        return i;
     },
     dualActionRight: function() {
-        return i;
+        return o;
     },
     pointer: function() {
-        return u;
+        return c;
     },
     right: function() {
-        return c;
+        return u;
     },
     rightRestrictedWidth: function() {
         return g;
@@ -61,9 +61,9 @@ _export(exports, {
         return l;
     },
     touchableBackgroundInverse: function() {
-        return m;
+        return s;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./list.css.ts.vanilla.css-mistica.js");
-var _ = "_1y2v1nfb4 _1y2v1nfbm _1y2v1nfbo", y = "_1y2v1nfbd _1y2v1nfcu _1y2v1nfc8 _1y2v1nfbm", f = "_1y2v1nfb4 _1y2v1nfbj", b = "_1y2v1nfb4 _1y2v1nfbr _1y2v1nfdh", a = "_2buj9gf", r = "_2buj9ge", t = "_2buj9g0", e = "_1y2v1nfb4 _1y2v1nfb9 _1y2v1nfc8", d = "_2buj9gm _1y2v1nfb4", o = "_1y2v1nf5z _1y2v1nf78 _1y2v1nf8h _1y2v1nf9q _1y2v1nfdm _1y2v1nf5y _1y2v1nf8w _1y2v1nfa5 _1y2v1nfb6 _1y2v1nfbp", i = "_2buj9go _1y2v1nf5z _1y2v1nf78 _1y2v1nf8h _1y2v1nf9q _1y2v1nfdm _1y2v1nf5y _1y2v1nf8w _1y2v1nfa5 _1y2v1nfb4 _1y2v1nfbj _1y2v1nfbo _1y2v1nfbs _1y2v1nfc8", u = "_1y2v1nfe3", c = "_2buj9gc", g = "_2buj9gd", h = "_1y2v1nfb4 _1y2v1nfba _1y2v1nfbq", j = "_1y2v1nf5z _1y2v1nf78 _1y2v1nf8h _1y2v1nf9q _1y2v1nfbr _1y2v1nfdm _1y2v1nf5y _1y2v1nfb6 _1y2v1nfc8", l = "_2buj9g1", m = "_2buj9g2";
+var _ = "_1y2v1nfb5 _1y2v1nfbn _1y2v1nfbp", y = "_1y2v1nfbe _1y2v1nfcv _1y2v1nfc9 _1y2v1nfbn", f = "_1y2v1nfb5 _1y2v1nfbk", b = "_1y2v1nfb5 _1y2v1nfbs _1y2v1nfdi", a = "_2buj9gf", r = "_2buj9ge", t = "_2buj9g0", e = "_1y2v1nfb5 _1y2v1nfba _1y2v1nfc9", d = "_2buj9gm _1y2v1nfb5", i = "_1y2v1nf5z _1y2v1nf78 _1y2v1nf8h _1y2v1nf9q _1y2v1nfdn _1y2v1nf5y _1y2v1nf8w _1y2v1nfa5 _1y2v1nfb7 _1y2v1nfbq", o = "_2buj9go _1y2v1nf5z _1y2v1nf78 _1y2v1nf8h _1y2v1nf9q _1y2v1nfdn _1y2v1nf5y _1y2v1nf8w _1y2v1nfa5 _1y2v1nfb5 _1y2v1nfbk _1y2v1nfbp _1y2v1nfbt _1y2v1nfc9", c = "_1y2v1nfe4", u = "_2buj9gc", g = "_2buj9gd", h = "_1y2v1nfb5 _1y2v1nfbb _1y2v1nfbr", j = "_1y2v1nf5z _1y2v1nf78 _1y2v1nf8h _1y2v1nf9q _1y2v1nfbs _1y2v1nfdn _1y2v1nf5y _1y2v1nfb7 _1y2v1nfc9", l = "_2buj9g1", s = "_2buj9g2";

package/dist/loading-bar.css-mistica.js

@@ -10,7 +10,7 @@ function _export(target, all) {
 }
 _export(exports, {
     TRANSITION_DURATION_MS: function() {
-        return v;
+        return r;
     },
     enter: function() {
         return _;
@@ -39,4 +39,4 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./loading-bar.css.ts.vanilla.css-mistica.js");
-var v = 400, _ = "_1num3qg9", e = "_1num3qga", f = "_1num3qgb", a = "_1num3qgc", y = "_1num3qg8 _1y2v1nfc8", t = "_1num3qg3 _1y2v1nfb1 _1y2v1nfe6 _1y2v1nfel _1y2v1nff0", g = "_1num3qg6 _1y2v1nfb0 _1y2v1nfc8 _1y2v1nfbr", m = "_1y2v1nfbr _1y2v1nfe4 _1y2v1nfaz _1y2v1nf48 _1y2v1nfcb";
+var r = 400, _ = "_1num3qg9", e = "_1num3qga", f = "_1num3qgb", a = "_1num3qgc", y = "_1num3qg8 _1y2v1nfc9", t = "_1num3qg3 _1y2v1nfb1 _1y2v1nfeb _1y2v1nfeq _1y2v1nff5", g = "_1num3qg6 _1y2v1nfb0 _1y2v1nfc9 _1y2v1nfbs", m = "_1y2v1nfbs _1y2v1nfe5 _1y2v1nfaz _1y2v1nf48 _1y2v1nfcc";

package/dist/maybe-dismissable.css-mistica.js

@@ -21,4 +21,4 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./maybe-dismissable.css.ts.vanilla.css-mistica.js");
-var f = "cim30m2 _1y2v1nfb0 _1y2v1nfe6 _1y2v1nff0 _1y2v1nfc3 _1y2v1nfcj _1y2v1nfb4 _1y2v1nfbj _1y2v1nfbd", y = "cim30m4 _1y2v1nfb4 _1y2v1nfbj _1y2v1nfbd _1y2v1nfc0 _1y2v1nfcg _1y2v1nfdn", _ = "_1y2v1nfaz _1y2v1nfb4 _1y2v1nfbm";
+var f = "cim30m2 _1y2v1nfb0 _1y2v1nfeb _1y2v1nff5 _1y2v1nfc4 _1y2v1nfck _1y2v1nfb5 _1y2v1nfbk _1y2v1nfbe", y = "cim30m4 _1y2v1nfb5 _1y2v1nfbk _1y2v1nfbe _1y2v1nfc1 _1y2v1nfch _1y2v1nfdo", _ = "_1y2v1nfaz _1y2v1nfb5 _1y2v1nfbn";

package/dist/menu.css-mistica.js

@@ -24,7 +24,7 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./menu.css.ts.vanilla.css-mistica.js");
-var r = "_2k0k3u9", _ = "_2k0k3u7 _1y2v1nf5z _1y2v1nf78 _1y2v1nf8h _1y2v1nf9q _1y2v1nf31 _1y2v1nfdv _1y2v1nfb4 _1y2v1nfba _1y2v1nfb0", a = "_2k0k3u8", n = {
+var r = "_2k0k3u9", _ = "_2k0k3u7 _1y2v1nf5z _1y2v1nf78 _1y2v1nf8h _1y2v1nf9q _1y2v1nf31 _1y2v1nfdw _1y2v1nfb5 _1y2v1nfbb _1y2v1nfb0", a = "_2k0k3u8", n = {
     top: "var(--_2k0k3u0)",
     bottom: "var(--_2k0k3u1)",
     left: "var(--_2k0k3u2)",

package/dist/modal-context-provider.d.ts

@@ -6,5 +6,6 @@ declare const ModalContextProvider: ({ children }: {
     children: React.ReactNode;
 }) => JSX.Element;
 export declare const useSetModalState: () => (newModalState: Partial<ModalState>) => void;
+export declare const useSetModalStateEffect: () => void;
 export declare const useModalState: () => ModalState;
 export default ModalContextProvider;

package/dist/modal-context-provider.js

@@ -13,10 +13,13 @@ _export(exports, {
         return S;
     },
     useModalState: function() {
-        return M;
+        return i;
     },
     useSetModalState: function() {
-        return x;
+        return u;
+    },
+    useSetModalStateEffect: function() {
+        return f;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -90,18 +93,29 @@ function _object_spread(target) {
 }
 const o = /*#__PURE__*/ _react.createContext({
     isModalOpen: !1
-}), a = /*#__PURE__*/ _react.createContext(()=>{}), S = (param)=>{
-    let { children: s  } = param;
+}), s = /*#__PURE__*/ _react.createContext(()=>{}), S = (param)=>{
+    let { children: e  } = param;
     const [l, n] = _react.useState({
         isModalOpen: !1
-    }), r = _react.useCallback((d)=>{
-        n((c)=>_object_spread({}, c, d));
+    }), d = _react.useCallback((r)=>{
+        n((c)=>_object_spread({}, c, r));
     }, []);
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(o.Provider, {
         value: l,
-        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(a.Provider, {
-            value: r,
-            children: s
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(s.Provider, {
+            value: d,
+            children: e
         })
     });
-}, x = ()=>_react.useContext(a), M = ()=>_react.useContext(o);
+}, u = ()=>_react.useContext(s), f = ()=>{
+    const e = u();
+    _react.useEffect(()=>(e({
+            isModalOpen: !0
+        }), ()=>{
+            e({
+                isModalOpen: !1
+            });
+        }), [
+        e
+    ]);
+}, i = ()=>_react.useContext(o);

package/dist/navigation-bar.css-mistica.js

@@ -52,10 +52,10 @@ _export(exports, {
         return u;
     },
     spacer: function() {
-        return l;
+        return s;
     },
     textWrapperVariants: function() {
-        return s;
+        return l;
     },
     topFixed: function() {
         return g;
@@ -63,17 +63,17 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./navigation-bar.css.ts.vanilla.css-mistica.js");
-var y = "_1vcy5dz1 _1y2v1nfaz _1y2v1nfc0 _1y2v1nfcg", _ = "_1vcy5dzr _1y2v1nfb1 _1y2v1nfeh _1y2v1nfel _1y2v1nff0 _1y2v1nf30", e = "_1vcy5dzl", r = "_1vcy5dzm", f = "_1vcy5dzn", c = "_1vcy5dzo", d = {
+var y = "_1vcy5dz1 _1y2v1nfaz _1y2v1nfc1 _1y2v1nfch", _ = "_1vcy5dzr _1y2v1nfb1 _1y2v1nfem _1y2v1nfeq _1y2v1nff5 _1y2v1nf30", e = "_1vcy5dzl", r = "_1vcy5dzm", f = "_1vcy5dzn", c = "_1vcy5dzo", d = {
     default: "_1vcy5dzu _1y2v1nf1m",
     inverse: "_1vcy5dzv _1y2v1nf1l"
-}, a = "_1vcy5dz4 _1vcy5dz3 _1y2v1nfb0", i = "_1vcy5dz5 _1vcy5dz3 _1y2v1nfb0", t = "_1vcy5dzw", z = "_1y2v1nfb4 _1y2v1nfbd", b = {
-    default: "_1vcy5dza _1vcy5dz9 _1y2v1nf6e _1y2v1nf7n _1y2v1nfb4 _1y2v1nfbj _1y2v1nfbr _1y2v1nfcn",
-    inverse: "_1vcy5dzb _1vcy5dz9 _1y2v1nf6e _1y2v1nf7n _1y2v1nfb4 _1y2v1nfbj _1y2v1nfbr _1y2v1nfcn",
-    menuOpen: "_1vcy5dzc _1vcy5dz9 _1y2v1nf6e _1y2v1nf7n _1y2v1nfb4 _1y2v1nfbj _1y2v1nfbr _1y2v1nfcn"
-}, o = "_1vcy5dze _1y2v1nf8q _1y2v1nf9z _1y2v1nfcn _1y2v1nfb4 _1y2v1nfbj _1y2v1nfdm _1y2v1nf5y", u = {
+}, a = "_1vcy5dz4 _1vcy5dz3 _1y2v1nfb0", i = "_1vcy5dz5 _1vcy5dz3 _1y2v1nfb0", t = "_1vcy5dzw", z = "_1y2v1nfb5 _1y2v1nfbe", b = {
+    default: "_1vcy5dza _1vcy5dz9 _1y2v1nf6e _1y2v1nf7n _1y2v1nfb5 _1y2v1nfbk _1y2v1nfbs _1y2v1nfco",
+    inverse: "_1vcy5dzb _1vcy5dz9 _1y2v1nf6e _1y2v1nf7n _1y2v1nfb5 _1y2v1nfbk _1y2v1nfbs _1y2v1nfco",
+    menuOpen: "_1vcy5dzc _1vcy5dz9 _1y2v1nf6e _1y2v1nf7n _1y2v1nfb5 _1y2v1nfbk _1y2v1nfbs _1y2v1nfco"
+}, o = "_1vcy5dze _1y2v1nf8q _1y2v1nf9z _1y2v1nfco _1y2v1nfb5 _1y2v1nfbk _1y2v1nfdn _1y2v1nf5y", u = {
     default: "_1vcy5dzf",
     inverse: "_1vcy5dzg"
-}, l = "_1vcy5dzk _1y2v1nfcn", s = {
+}, s = "_1vcy5dzk _1y2v1nfco", l = {
     default: "_1vcy5dzh",
     inverse: "_1vcy5dzi"
-}, g = "_1vcy5dz7 _1y2v1nfb1 _1y2v1nfe6 _1y2v1nfel _1y2v1nff0";
+}, g = "_1vcy5dz7 _1y2v1nfb1 _1y2v1nfeb _1y2v1nfeq _1y2v1nff5";

package/dist/navigation-breadcrumbs.css-mistica.js

@@ -24,4 +24,4 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./navigation-breadcrumbs.css.ts.vanilla.css-mistica.js");
-var v = "_1fniauj3", f = "_1fniauj2", i = "_1fniauj5 _1y2v1nf5z _1y2v1nf78 _1y2v1nf8h _1y2v1nf9q", _ = "_1y2v1nfb7";
+var v = "_1fniauj3", f = "_1fniauj2", i = "_1fniauj5 _1y2v1nf5z _1y2v1nf78 _1y2v1nf8h _1y2v1nf9q", _ = "_1y2v1nfb8";

package/dist/nestable-context.js

@@ -10,12 +10,7 @@ Object.defineProperty(exports, "default", {
 });
 const _jsxruntime = require("react/jsx-runtime");
 const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _isEqual = /*#__PURE__*/ _interop_require_default(require("lodash/isEqual"));
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
+const _helpers = require("./utils/helpers.js");
 function _getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
     var cacheBabelInterop = new WeakMap();
@@ -57,7 +52,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
 }
 const h = (r)=>{
     const n = _react.useRef();
-    return (0, _isEqual.default)(r, n.current) || (n.current = r), n.current;
+    return (0, _helpers.isEqual)(r, n.current) || (n.current = r), n.current;
 }, C = (r, n)=>_react.useEffect(r, h(n)), y = (r)=>r !== null && typeof r == "object" && !Array.isArray(r), E = (r)=>{
     const n = /*#__PURE__*/ _react.createContext(()=>{}), a = /*#__PURE__*/ _react.createContext(r);
     let o = 0;