@telefonica/mistica 14.48.0 → 15.1.0

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

@@ -16,31 +16,31 @@ _export(exports, {
         return _;
     },
     burgerMenuButton: function() {
-        return r;
+        return e;
     },
     burgerMenuTransition: function() {
-        return e;
+        return r;
     },
     desktopOnly: function() {
-        return d;
+        return a;
     },
     iconCloseHidden: function() {
-        return a;
+        return d;
     },
     iconCloseOpen: function() {
         return c;
     },
     iconMenuHidden: function() {
-        return f;
+        return t;
     },
     iconMenuOpen: function() {
-        return i;
+        return f;
     },
     lineHeightFix: function() {
-        return z;
+        return i;
     },
     logoContainer: function() {
-        return t;
+        return z;
     },
     mainNavbarContent: function() {
         return o;
@@ -52,43 +52,43 @@ _export(exports, {
         return u;
     },
     navigationBarContentRight: function() {
-        return s;
+        return p;
     },
     section: function() {
-        return g;
+        return s;
     },
     selectedSectionVariantes: function() {
-        return l;
+        return g;
     },
     spacer: function() {
-        return p;
+        return l;
     },
     spacerLarge: function() {
         return b;
     },
     textWrapperVariants: function() {
-        return C;
+        return x;
     },
     topFixed: function() {
-        return k;
+        return C;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./navigation-bar.css.ts.vanilla.css-mistica.js");
-var y = "_1vcy5dz1 _1y2v1nfh2 _1y2v1nfi4 _1y2v1nfik", _ = "_1vcy5dz12 _1y2v1nfh4 _1y2v1nfkq _1y2v1nfku _1y2v1nfl9 _1y2v1nf3j", r = "_1vcy5dz10", e = {
+var y = "_1vcy5dz1 _1y2v1nfh4 _1y2v1nfi6 _1y2v1nfim", _ = "_1vcy5dz12 _1y2v1nfh6 _1y2v1nfks _1y2v1nfkw _1y2v1nflb _1y2v1nf3k", e = "_1vcy5dz10", r = {
     entering: "_1vcy5dzs",
     entered: "_1vcy5dzt",
     exiting: "_1vcy5dzu",
     exited: "_1vcy5dzv",
     unmounted: "_1vcy5dzw"
-}, d = "_1vcy5dzm", a = "_1vcy5dz5 _1vcy5dz3 _1y2v1nfh3", c = "_1vcy5dz4 _1vcy5dz3 _1y2v1nfh3", f = "_1vcy5dz7 _1vcy5dz3 _1y2v1nfh3", i = "_1vcy5dz6 _1vcy5dz3 _1y2v1nfh3", z = "_1vcy5dz17", t = "_1vcy5dzz _1y2v1nfh8 _1y2v1nfhh", o = "_1vcy5dzx", h = {
-    default: "_1vcy5dzc _1vcy5dzb _1y2v1nfh8 _1y2v1nfhn _1y2v1nfhv",
-    noBorder: "_1vcy5dzd _1vcy5dzb _1y2v1nfh8 _1y2v1nfhn _1y2v1nfhv",
-    menuOpen: "_1vcy5dze _1vcy5dzb _1y2v1nfh8 _1y2v1nfhn _1y2v1nfhv"
-}, u = "_1vcy5dzl", s = "_1vcy5dzn", g = "_1vcy5dzg _1y2v1nf9s _1y2v1nfb1 _1y2v1nfir _1y2v1nfh8 _1y2v1nfhn _1y2v1nfjq _1y2v1nf70", l = {
+}, a = "_1vcy5dzm", d = "_1vcy5dz5 _1vcy5dz3 _1y2v1nfh5", c = "_1vcy5dz4 _1vcy5dz3 _1y2v1nfh5", t = "_1vcy5dz7 _1vcy5dz3 _1y2v1nfh5", f = "_1vcy5dz6 _1vcy5dz3 _1y2v1nfh5", i = "_1vcy5dz17", z = "_1vcy5dzz _1y2v1nfha _1y2v1nfhj", o = "_1vcy5dzx", h = {
+    default: "_1vcy5dzc _1vcy5dzb _1y2v1nfha _1y2v1nfhp _1y2v1nfhx",
+    noBorder: "_1vcy5dzd _1vcy5dzb _1y2v1nfha _1y2v1nfhp _1y2v1nfhx",
+    menuOpen: "_1vcy5dze _1vcy5dzb _1y2v1nfha _1y2v1nfhp _1y2v1nfhx"
+}, u = "_1vcy5dzl", p = "_1vcy5dzn", s = "_1vcy5dzg _1y2v1nf9u _1y2v1nfb3 _1y2v1nfit _1y2v1nfha _1y2v1nfhp _1y2v1nfjs _1y2v1nf72", g = {
     default: "_1vcy5dzh",
     inverse: "_1vcy5dzi"
-}, p = "_1y2v1nfir _1vcy5dzo", b = "_1vcy5dzr _1vcy5dzo", C = {
+}, l = "_1y2v1nfit _1vcy5dzo", b = "_1vcy5dzr _1vcy5dzo", x = {
     default: "_1vcy5dzj",
     inverse: "_1vcy5dzk"
-}, k = "_1vcy5dz9 _1y2v1nfh4 _1y2v1nfkf _1y2v1nfku _1y2v1nfl9";
+}, C = "_1vcy5dz9 _1y2v1nfh6 _1y2v1nfkh _1y2v1nfkw _1y2v1nflb";

package/dist/navigation-bar.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { Props as TouchableProps } from './touchable';
+import type { TouchableProps } from './touchable';
 type MainNavigationBarSection = {
     href: string;
     to?: undefined;
@@ -34,6 +34,7 @@ interface NavigationBarCommonProps {
     isInverse?: boolean;
     onBack?: () => void;
     title?: string;
+    titleAs?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
     right?: React.ReactElement;
     withBorder?: boolean;
     children?: undefined;

package/dist/navigation-bar.js

@@ -196,20 +196,20 @@ const we = (param)=>{
             })
         ]
     });
-}, De = 300, T = (param)=>{
-    let { children: n, topFixed: a, withBorder: t, isMenuOpen: r, isInverse: o, dataAttributes: d } = param;
-    const { isDarkMode: s } = (0, _hooks.useTheme)();
+}, De = 300, A = (param)=>{
+    let { children: n, topFixed: a, withBorder: t, isMenuOpen: r, isInverse: o, dataAttributes: s } = param;
+    const { isDarkMode: c } = (0, _hooks.useTheme)();
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("header", _object_spread_props(_object_spread({
-        className: (0, _classnames.default)((()=>o && !s || !t ? _navigationbarcssmistica.navbarBorderColorVariants.noBorder : r ? _navigationbarcssmistica.navbarBorderColorVariants.menuOpen : _navigationbarcssmistica.navbarBorderColorVariants.default)(), {
+        className: (0, _classnames.default)((()=>o && !c || !t ? _navigationbarcssmistica.navbarBorderColorVariants.noBorder : r ? _navigationbarcssmistica.navbarBorderColorVariants.menuOpen : _navigationbarcssmistica.navbarBorderColorVariants.default)(), {
             [_navigationbarcssmistica.topFixed]: a
         }),
         style: {
             background: o ? _skincontractcssmistica.vars.colors.navigationBarBackground : _skincontractcssmistica.vars.colors.background
         }
-    }, (0, _dom.getPrefixedDataAttributes)(d)), {
+    }, (0, _dom.getPrefixedDataAttributes)(s)), {
         children: n
     }));
-}, f = (param)=>{
+}, v = (param)=>{
     let { right: n, children: a, desktopOnly: t } = param;
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
         className: (0, _classnames.default)(_navigationbarcssmistica.navigationBarContent, {
@@ -224,9 +224,9 @@ const we = (param)=>{
         ]
     });
 }, mn = (param)=>{
-    let { sections: n, selectedIndex: a, right: t, isInverse: r = !1, topFixed: o = !0, withBorder: d = !0, burgerMenuExtra: s, logo: c, large: m = !1 } = param;
-    const { texts: A, isDarkMode: q } = (0, _hooks.useTheme)(), [l, I] = _react.useState(!1), [O, p] = _react.useState("closed"), R = (0, _hooks.useAriaId)(), J = q ? 1 : 0.2, { isTabletOrSmaller: K } = (0, _hooks.useScreenSize)(), y = (0, _modalcontextprovider.useSetModalState)();
-    c = c !== null && c !== void 0 ? c : /* @__PURE__ */ (0, _jsxruntime.jsx)(_logo.Logo, {
+    let { sections: n, selectedIndex: a, right: t, isInverse: r = !1, topFixed: o = !0, withBorder: s = !0, burgerMenuExtra: c, logo: l, large: p = !1 } = param;
+    const { texts: m, isDarkMode: q } = (0, _hooks.useTheme)(), [d, I] = _react.useState(!1), [O, h] = _react.useState("closed"), R = (0, _hooks.useAriaId)(), J = q ? 1 : 0.2, { isTabletOrSmaller: K } = (0, _hooks.useScreenSize)(), y = (0, _modalcontextprovider.useSetModalState)();
+    l = l !== null && l !== void 0 ? l : /* @__PURE__ */ (0, _jsxruntime.jsx)(_logo.Logo, {
         size: {
             mobile: 40,
             desktop: 48
@@ -236,23 +236,23 @@ const we = (param)=>{
             className: _navigationbarcssmistica.desktopOnly,
             children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_inline.default, {
                 space: 32,
-                children: n.map((_param, h)=>{
-                    var { title: b } = _param, B = _object_without_properties(_param, [
+                children: n.map((_param, g)=>{
+                    var { title: B } = _param, M = _object_without_properties(_param, [
                         "title"
                     ]);
-                    return /* @__PURE__ */ /*#__PURE__*/ (0, _react.createElement)(_touchable.BaseTouchable, _object_spread_props(_object_spread({}, B), {
-                        key: h,
+                    return /* @__PURE__ */ /*#__PURE__*/ (0, _react.createElement)(_touchable.BaseTouchable, _object_spread_props(_object_spread({}, M), {
+                        key: g,
                         className: (0, _classnames.default)(_navigationbarcssmistica.section, {
-                            [_navigationbarcssmistica.selectedSectionVariantes[r ? "inverse" : "default"]]: h === a
+                            [_navigationbarcssmistica.selectedSectionVariantes[r ? "inverse" : "default"]]: g === a
                         }, _navigationbarcssmistica.textWrapperVariants[r ? "inverse" : "default"])
                     }), /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text3, {
                         regular: !0,
                         color: "inherit",
-                        children: b
+                        children: B
                     }));
                 })
             })
-        }), N = m && n.length > 0, Q = ()=>{
+        }), b = p && n.length > 0, Q = ()=>{
         I(!0), y({
             isModalOpen: !0
         });
@@ -263,17 +263,17 @@ const we = (param)=>{
     }, w = O !== "open", D = n.length > 1, V = /* @__PURE__ */ (0, _jsxruntime.jsxs)(_themevariantcontext.ThemeVariant, {
         isInverse: r,
         children: [
-            /* @__PURE__ */ (0, _jsxruntime.jsx)(T, {
+            /* @__PURE__ */ (0, _jsxruntime.jsx)(A, {
                 topFixed: o,
-                withBorder: d,
-                isMenuOpen: l,
+                withBorder: s,
+                isMenuOpen: d,
                 isInverse: r,
                 dataAttributes: {
                     "component-name": "MainNavigationBar"
                 },
                 children: /* @__PURE__ */ (0, _jsxruntime.jsxs)(_responsivelayout.default, {
                     children: [
-                        /* @__PURE__ */ (0, _jsxruntime.jsx)(f, {
+                        /* @__PURE__ */ (0, _jsxruntime.jsx)(v, {
                             right: t,
                             children: /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
                                 className: _navigationbarcssmistica.mainNavbarContent,
@@ -281,23 +281,23 @@ const we = (param)=>{
                                     D && /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.default, {
                                         className: _navigationbarcssmistica.burgerMenuButton,
                                         "aria-live": "polite",
-                                        "aria-label": l ? A.closeNavigationMenu : A.openNavigationMenu,
-                                        "aria-expanded": l,
+                                        "aria-label": d ? m.closeNavigationMenu : m.openNavigationMenu,
+                                        "aria-expanded": d,
                                         "aria-controls": R,
-                                        onPress: l ? L : Q,
+                                        onPress: d ? L : Q,
                                         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(we, {
-                                            isOpen: l
+                                            isOpen: d
                                         })
                                     }),
                                     /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                                         className: _navigationbarcssmistica.logoContainer,
-                                        children: c
+                                        children: l
                                     }),
-                                    !N && E()
+                                    !b && E()
                                 ]
                             })
                         }),
-                        N && /* @__PURE__ */ (0, _jsxruntime.jsx)(f, {
+                        b && /* @__PURE__ */ (0, _jsxruntime.jsx)(v, {
                             desktopOnly: !0,
                             children: E()
                         })
@@ -305,7 +305,7 @@ const we = (param)=>{
                 })
             }),
             o && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                className: N ? _navigationbarcssmistica.spacerLarge : _navigationbarcssmistica.spacer
+                className: b ? _navigationbarcssmistica.spacerLarge : _navigationbarcssmistica.spacer
             })
         ]
     });
@@ -322,23 +322,23 @@ const we = (param)=>{
                     group: "burger-menu-lock",
                     children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_reacttransitiongroup.Transition, {
                         onEntering: ()=>{
-                            p("opening");
+                            h("opening");
                         },
                         onEntered: ()=>{
-                            p("open");
+                            h("open");
                         },
                         onExiting: ()=>{
-                            p("closing");
+                            h("closing");
                         },
                         onExited: ()=>{
-                            p("closed");
+                            h("closed");
                         },
-                        in: l,
+                        in: d,
                         timeout: (0, _platform.isRunningAcceptanceTest)() ? 0 : De,
                         unmountOnExit: !0,
-                        children: (b)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {
+                        children: (B)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {
                                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)("nav", {
-                                    className: (0, _classnames.default)(_navigationbarcssmistica.burgerMenu, _navigationbarcssmistica.burgerMenuTransition[b]),
+                                    className: (0, _classnames.default)(_navigationbarcssmistica.burgerMenu, _navigationbarcssmistica.burgerMenuTransition[B]),
                                     style: {
                                         boxShadow: O !== "closed" ? `6px 0 4px -4px rgba(0, 0, 0, ${J})` : "none"
                                     },
@@ -352,12 +352,12 @@ const we = (param)=>{
                                             children: [
                                                 /* @__PURE__ */ (0, _jsxruntime.jsx)(_negativebox.default, {
                                                     children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_list.RowList, {
-                                                        children: n.map((B, h)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(_list.Row, _object_spread({}, B), h))
+                                                        children: n.map((M, g)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(_list.Row, _object_spread({}, M), g))
                                                     })
                                                 }),
-                                                s && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+                                                c && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                                                     paddingBottom: 16,
-                                                    children: s
+                                                    children: c
                                                 })
                                             ]
                                         })
@@ -370,15 +370,15 @@ const we = (param)=>{
         ]
     }) : V;
 }, un = (param)=>{
-    let { onBack: n, title: a, right: t, isInverse: r = !1, topFixed: o = !0, paddingX: d = 0, withBorder: s = !0 } = param;
-    const { texts: c } = (0, _hooks.useTheme)(), m = /* @__PURE__ */ (0, _jsxruntime.jsx)(f, {
-        right: t,
+    let { onBack: n, title: a, titleAs: t, right: r, isInverse: o = !1, topFixed: s = !0, paddingX: c = 0, withBorder: l = !0 } = param;
+    const { texts: p } = (0, _hooks.useTheme)(), m = /* @__PURE__ */ (0, _jsxruntime.jsx)(v, {
+        right: r,
         children: /* @__PURE__ */ (0, _jsxruntime.jsxs)(_inline.default, {
             space: 24,
             alignItems: "center",
             children: [
                 n && /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconbutton.IconButton, {
-                    "aria-label": c.backNavigationBar,
+                    "aria-label": p.backNavigationBar,
                     onPress: n,
                     Icon: _iconchevronleftregular.default,
                     bleedLeft: !0,
@@ -387,34 +387,35 @@ const we = (param)=>{
                 /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text3, {
                     regular: !0,
                     truncate: !0,
+                    as: t,
                     children: a
                 })
             ]
         })
     });
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_themevariantcontext.ThemeVariant, {
-        isInverse: r,
+        isInverse: o,
         children: [
-            /* @__PURE__ */ (0, _jsxruntime.jsx)(T, {
-                topFixed: o,
-                withBorder: s,
-                isInverse: r,
+            /* @__PURE__ */ (0, _jsxruntime.jsx)(A, {
+                topFixed: s,
+                withBorder: l,
+                isInverse: o,
                 dataAttributes: {
                     "component-name": "NavigationBar"
                 },
-                children: o ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_responsivelayout.default, {
+                children: s ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_responsivelayout.default, {
                     children: m
                 }) : /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                     className: (0, _sprinklescssmistica.sprinkles)({
                         width: "100%"
                     }),
                     style: {
-                        padding: `0 ${d}px`
+                        padding: `0 ${c}px`
                     },
                     children: m
                 })
             }),
-            o && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+            s && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                 className: _navigationbarcssmistica.spacer
             })
         ]
@@ -429,7 +430,7 @@ const we = (param)=>{
     }), /* @__PURE__ */ (0, _jsxruntime.jsxs)(_themevariantcontext.ThemeVariant, {
         isInverse: t,
         children: [
-            /* @__PURE__ */ (0, _jsxruntime.jsx)(T, {
+            /* @__PURE__ */ (0, _jsxruntime.jsx)(A, {
                 topFixed: r,
                 withBorder: o,
                 isInverse: t,
@@ -439,7 +440,7 @@ const we = (param)=>{
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_responsivelayout.default, {
                     children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_gridlayout.default, {
                         template: "10",
-                        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(f, {
+                        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(v, {
                             right: a,
                             children: n
                         })

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

@@ -10,10 +10,10 @@ function _export(target, all) {
 }
 _export(exports, {
     current: function() {
-        return r;
+        return v;
     },
     link: function() {
-        return v;
+        return a;
     },
     list: function() {
         return f;
@@ -24,4 +24,4 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./navigation-breadcrumbs.css.ts.vanilla.css-mistica.js");
-var r = "_1fniauj3", v = "_1fniauj2", f = "_1fniauj5 _1y2v1nf71 _1y2v1nf8a _1y2v1nf9j _1y2v1nfas", i = "_1y2v1nfhb";
+var v = "_1fniauj3", a = "_1fniauj2", f = "_1fniauj5 _1y2v1nf73 _1y2v1nf8c _1y2v1nf9l _1y2v1nfau", i = "_1y2v1nfhd";

package/dist/package-version.js

@@ -8,4 +8,4 @@ Object.defineProperty(exports, "PACKAGE_VERSION", {
         return o;
     }
 });
-const o = "14.48.0";
+const o = "15.1.0";

package/dist/pin-field.css-mistica.js

@@ -10,13 +10,13 @@ function _export(target, all) {
 }
 _export(exports, {
     disabled: function() {
-        return p;
+        return f;
     },
     field: function() {
-        return y;
+        return p;
     },
     fieldContainer: function() {
-        return f;
+        return y;
     },
     focusedField: function() {
         return o;
@@ -41,4 +41,4 @@ 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("./pin-field.css.ts.vanilla.css-mistica.js");
-var p = "_3pc6ro1", y = "_3pc6ro3 _1y2v1nfk9 _1y2v1nfjp _1y2v1nfh8 _1y2v1nfjy _1y2v1nfh2 _1y2v1nf3k", f = "_3pc6ro0", o = "_3pc6ro4 _3pc6ro3 _1y2v1nfk9 _1y2v1nfjp _1y2v1nfh8 _1y2v1nfjy _1y2v1nfh2 _1y2v1nf3k", a = "_3pc6ro6", i = "_3pc6ro9", e = "_1y2v1nf3g", t = "1.000rem", c = "_3pc6ro5 _3pc6ro3 _1y2v1nfk9 _1y2v1nfjp _1y2v1nfh8 _1y2v1nfjy _1y2v1nfh2 _1y2v1nf3k";
+var f = "_3pc6ro1", p = "_3pc6ro3 _1y2v1nfkb _1y2v1nfjr _1y2v1nfha _1y2v1nfk0 _1y2v1nfh4 _1y2v1nf3l", y = "_3pc6ro0", o = "_3pc6ro4 _3pc6ro3 _1y2v1nfkb _1y2v1nfjr _1y2v1nfha _1y2v1nfk0 _1y2v1nfh4 _1y2v1nf3l", a = "_3pc6ro6", i = "_3pc6ro9", e = "_1y2v1nf3h", t = "1.000rem", c = "_3pc6ro5 _3pc6ro3 _1y2v1nfkb _1y2v1nfjr _1y2v1nfha _1y2v1nfk0 _1y2v1nfh4 _1y2v1nf3l";

package/dist/popover.d.ts

@@ -14,10 +14,6 @@ type Props = {
     children?: React.ReactNode;
     extra?: React.ReactNode;
     dataAttributes?: DataAttributes;
-    /**
-     * @deprecated This field is deprecated, use open instead.
-     */
-    isVisible?: boolean;
 };
 declare const Popover: React.FC<Props>;
 export default Popover;

package/dist/popover.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return N;
+        return A;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -78,10 +78,9 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const T = (_param)=>{
-    var { open: a, isVisible: m, extra: c, children: i, onClose: l = ()=>{}, dataAttributes: p, trackingEvent: s, title: o, description: e, asset: n } = _param, f = _object_without_properties(_param, [
+const S = (_param)=>{
+    var { open: a, extra: m, children: c, onClose: i = ()=>{}, dataAttributes: l, trackingEvent: p, title: o, description: e, asset: n } = _param, s = _object_without_properties(_param, [
         "open",
-        "isVisible",
         "extra",
         "children",
         "onClose",
@@ -120,17 +119,17 @@ const T = (_param)=>{
                         ]
                     })
                 }),
-                c !== null && c !== void 0 ? c : i
+                m !== null && m !== void 0 ? m : c
             ]
         }),
         centerContent: !1,
-        open: a !== null && a !== void 0 ? a : m,
+        open: a,
         hasPointerInteractionOnly: !0,
         delay: !1,
-        onClose: l,
-        trackingEvent: s,
+        onClose: i,
+        trackingEvent: p,
         dataAttributes: _object_spread({
             "component-name": "Popover"
-        }, p)
-    }, f));
-}, N = T;
+        }, l)
+    }, s));
+}, A = S;

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

@@ -16,10 +16,10 @@ _export(exports, {
         return n;
     },
     inverse: function() {
-        return y;
+        return e;
     },
     normal: function() {
-        return e;
+        return y;
     },
     progressBarSteppedContainer: function() {
         return o;
@@ -27,4 +27,4 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./progress-bar.css.ts.vanilla.css-mistica.js");
-var v = "_1y2v1nfic _1y2v1nfk5", n = "_1y2v1nfk5 _1y2v1nfif _1y2v1nf4w", y = "j0y7r95", e = "j0y7r94", o = "j0y7r96";
+var v = "_1y2v1nfie _1y2v1nfk7", n = "_1y2v1nfk7 _1y2v1nfih _1y2v1nf4x", e = "j0y7r95", y = "j0y7r94", o = "j0y7r96";

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

@@ -10,19 +10,19 @@ function _export(target, all) {
 }
 _export(exports, {
     disabled: function() {
-        return v;
+        return d;
     },
     innerCircle: function() {
-        return d;
+        return r;
     },
     innerCircleChecked: function() {
-        return c;
+        return a;
     },
     outerCircleCheckedVariants: function() {
         return s;
     },
     outerCircleVariants: function() {
-        return a;
+        return c;
     },
     radioButton: function() {
         return f;
@@ -33,10 +33,10 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./radio-button.css.ts.vanilla.css-mistica.js");
-var v = "c6dmsud", d = "c6dmsu5 _1y2v1nfh8 _1y2v1nfjr", c = "c6dmsu7 _1y2v1nf4s", s = {
+var d = "c6dmsud", r = "c6dmsu5 _1y2v1nfha _1y2v1nfjt", a = "c6dmsu7 _1y2v1nf4t", s = {
     default: "c6dmsub",
     ios: "c6dmsuc"
-}, a = {
-    default: "c6dmsu2 c6dmsu1 _1y2v1nfh9 _1y2v1nfhn _1y2v1nfhh _1y2v1nfk8 _1y2v1nfhq _1y2v1nfjr _1y2v1nf3j",
-    ios: "c6dmsu3 c6dmsu1 _1y2v1nfh9 _1y2v1nfhn _1y2v1nfhh _1y2v1nfk8 _1y2v1nfhq _1y2v1nfjr _1y2v1nf3j"
+}, 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";

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

@@ -19,10 +19,10 @@ _export(exports, {
         return r;
     },
     fullWidth: function() {
-        return v;
+        return t;
     },
     fullwidthContainer: function() {
-        return t;
+        return v;
     },
     responsiveLayout: function() {
         return i;
@@ -34,6 +34,6 @@ _export(exports, {
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./responsive-layout.css.ts.vanilla.css-mistica.js");
 var e = {
-    inverse: "_1y2v1nf3s",
-    alternative: "_1y2v1nf3x"
-}, n = "_17lofg74", r = "_17lofg73", v = "_17lofg7a _1y2v1nfhv", t = "_17lofg75", i = "_17lofg78", f = "_17lofg72 _1y2v1nfhv";
+    inverse: "_1y2v1nf3t",
+    alternative: "_1y2v1nf3y"
+}, n = "_17lofg74", r = "_17lofg73", t = "_17lofg7a _1y2v1nfhx", v = "_17lofg75", i = "_17lofg78", f = "_17lofg72 _1y2v1nfhx";

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

@@ -10,4 +10,4 @@ Object.defineProperty(exports, "screenReaderOnly", {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./screen-reader-only.css.ts.vanilla.css-mistica.js");
-var y = "gwdgwo1 _1y2v1nf71 _1y2v1nf8a _1y2v1nf9j _1y2v1nfas _1y2v1nfh3 _1y2v1nfk9 _1y2v1nfjq";
+var y = "gwdgwo1 _1y2v1nf73 _1y2v1nf8c _1y2v1nf9l _1y2v1nfau _1y2v1nfh5 _1y2v1nfkb _1y2v1nfjs";

package/dist/select.css-mistica.js

@@ -22,10 +22,10 @@ _export(exports, {
         return s;
     },
     optionsAnimationsVariants: function() {
-        return r;
+        return p;
     },
     optionsContainer: function() {
-        return p;
+        return r;
     },
     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 _1y2v1nfh3", y = "_1sqpivvp", a = "_1sqpivvr _1y2v1nf9y _1y2v1nfb7 _1y2v1nf7a _1y2v1nf8j _1y2v1nf23 _1y2v1nfh8 _1y2v1nfhn _1y2v1nfk8", s = "_1y2v1nf3x", r = {
+var i = "_1sqpivvo _1y2v1nfh5", y = "_1sqpivvp", a = "_1sqpivvr _1y2v1nfa0 _1y2v1nfb9 _1y2v1nf7c _1y2v1nf8l _1y2v1nf23 _1y2v1nfha _1y2v1nfhp _1y2v1nfka", s = "_1y2v1nf3y", p = {
     show: "_1sqpivv7",
     hide: "_1sqpivv8"
-}, p = "_1sqpivv6 _1y2v1nf71 _1y2v1nf8a _1y2v1nf9j _1y2v1nfas _1y2v1nfh4 _1y2v1nfjy _1y2v1nf3k", t = {
-    default: "_1sqpivvd _1sqpivvc _1y2v1nfh2 _1y2v1nfk8",
-    fullWidth: "_1sqpivve _1sqpivvc _1y2v1nfh2 _1y2v1nfk8"
+}, r = "_1sqpivv6 _1y2v1nf73 _1y2v1nf8c _1y2v1nf9l _1y2v1nfau _1y2v1nfh6 _1y2v1nfk0 _1y2v1nf3l", t = {
+    default: "_1sqpivvd _1sqpivvc _1y2v1nfh4 _1y2v1nfka",
+    fullWidth: "_1sqpivve _1sqpivvc _1y2v1nfh4 _1y2v1nfka"
 }, e = {
-    default: "_1sqpivvl _1sqpivvk _1y2v1nfh3 _1y2v1nfk9 _1y2v1nfjn _1y2v1nf23",
-    disabled: "_1sqpivvm _1sqpivvk _1y2v1nfh3 _1y2v1nfk9 _1y2v1nfjn _1y2v1nf23"
+    default: "_1sqpivvl _1sqpivvk _1y2v1nfh5 _1y2v1nfkb _1y2v1nfjp _1y2v1nf23",
+    disabled: "_1sqpivvm _1sqpivvk _1y2v1nfh5 _1y2v1nfkb _1y2v1nfjp _1y2v1nf23"
 }, q = {
-    default: "_1sqpivvh _1sqpivvg _1y2v1nf71 _1y2v1nf8a _1y2v1nfjq _1y2v1nfk9 _1y2v1nf23 _1y2v1nf70 _1y2v1nfhv",
-    disabled: "_1sqpivvi _1sqpivvg _1y2v1nf71 _1y2v1nf8a _1y2v1nfjq _1y2v1nfk9 _1y2v1nf23 _1y2v1nf70 _1y2v1nfhv"
+    default: "_1sqpivvh _1sqpivvg _1y2v1nf73 _1y2v1nf8c _1y2v1nfjs _1y2v1nfkb _1y2v1nf23 _1y2v1nf72 _1y2v1nfhx",
+    disabled: "_1sqpivvi _1sqpivvg _1y2v1nf73 _1y2v1nf8c _1y2v1nfjs _1y2v1nfkb _1y2v1nf23 _1y2v1nf72 _1y2v1nfhx"
 }, o = {
     top: "var(--_1sqpivv0)",
     left: "var(--_1sqpivv1)",

package/dist/select.d.ts

@@ -16,6 +16,7 @@ export type SelectProps = {
     }>;
     autoFocus?: boolean;
     value?: string;
+    defaultValue?: string;
     fullWidth?: boolean;
     native?: boolean;
     children?: void;