@telefonica/mistica 14.37.0 → 14.39.0

package/dist/navigation-bar.js

@@ -11,19 +11,19 @@ function _export(target, all) {
 }
 _export(exports, {
     FunnelNavigationBar: function() {
-        return un;
+        return pn;
     },
     MainNavigationBar: function() {
-        return dn;
+        return mn;
     },
     NavigationBar: function() {
-        return mn;
+        return un;
     },
     NavigationBarAction: function() {
-        return hn;
+        return gn;
     },
     NavigationBarActionGroup: function() {
-        return pn;
+        return hn;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -179,7 +179,7 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const ke = (param)=>/* @__PURE__ */ {
+const Le = (param)=>/* @__PURE__ */ {
     let { isOpen: n } = param;
     return (0, _jsxruntime.jsxs)("div", {
         className: _navigationbarcssmistica.burgerIconContainer,
@@ -196,235 +196,189 @@ const ke = (param)=>/* @__PURE__ */ {
             })
         ]
     });
-}, Ee = 300, f = (param)=>{
-    let { children: n, topFixed: o, withBorder: t, isMenuOpen: r, isInverse: a, dataAttributes: c, isBottomRow: d = !1 } = param;
+}, Ve = 300, A = (param)=>{
+    let { children: n, topFixed: a, withBorder: t, isMenuOpen: r, isInverse: o, dataAttributes: d } = param;
     const { isDarkMode: s } = (0, _hooks.useTheme)();
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("header", _object_spread_props(_object_spread({
-        className: (0, _classnames.default)((()=>{
-            const h = a && !s;
-            return r || h || !t ? _navigationbarcssmistica.navbarBorderColorVariants.noBorder : r && !h ? _navigationbarcssmistica.navbarBorderColorVariants.menuOpen : _navigationbarcssmistica.navbarBorderColorVariants.default;
-        })(), {
-            [_navigationbarcssmistica.topFixed]: o && !d,
-            [_navigationbarcssmistica.topFixedBottomRow]: o && d
+        className: (0, _classnames.default)((()=>o && !s || !t ? _navigationbarcssmistica.navbarBorderColorVariants.noBorder : r ? _navigationbarcssmistica.navbarBorderColorVariants.menuOpen : _navigationbarcssmistica.navbarBorderColorVariants.default)(), {
+            [_navigationbarcssmistica.topFixed]: a
         }),
         style: {
-            borderBottomWidth: t ? 1 : 0,
-            background: a ? _skincontractcssmistica.vars.colors.navigationBarBackground : _skincontractcssmistica.vars.colors.background
+            background: o ? _skincontractcssmistica.vars.colors.navigationBarBackground : _skincontractcssmistica.vars.colors.background
         }
-    }, (0, _dom.getPrefixedDataAttributes)(c)), {
+    }, (0, _dom.getPrefixedDataAttributes)(d)), {
         children: n
     }));
-}, Ge = 136, ye = 24, N = (param)=>{
-    let { right: n, children: o } = param;
-    const { isTabletOrSmaller: t } = (0, _hooks.useScreenSize)();
-    return /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
-        className: _navigationbarcssmistica.navigationBarContent,
+}, f = (param)=>/* @__PURE__ */ {
+    let { right: n, children: a, desktopOnly: t } = param;
+    return (0, _jsxruntime.jsxs)("div", {
+        className: (0, _classnames.default)(_navigationbarcssmistica.navigationBarContent, {
+            [_navigationbarcssmistica.desktopOnly]: t
+        }),
         children: [
-            o,
+            a,
             n && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                 className: _navigationbarcssmistica.navigationBarContentRight,
-                style: {
-                    marginLeft: t ? ye : Ge
-                },
                 children: n
             })
         ]
     });
-}, dn = (param)=>{
-    let { sections: n, selectedIndex: o, right: t, isInverse: r = !1, topFixed: a = !0, withBorder: c = !0, burgerMenuExtra: d, logo: s, large: p = !1 } = param;
-    const { texts: h, isDarkMode: q } = (0, _hooks.useTheme)(), [l, x] = _react.useState(!1), [_, v] = _react.useState("closed"), k = (0, _hooks.useAriaId)(), J = q ? 1 : 0.2, { isTabletOrSmaller: E } = (0, _hooks.useScreenSize)(), G = (0, _modalcontextprovider.useSetModalState)();
-    if (s = s !== null && s !== void 0 ? s : /* @__PURE__ */ (0, _jsxruntime.jsx)(_logo.Logo, {
-        size: E ? 40 : 48
-    }), E) {
-        const I = ()=>{
-            x(!0), G({
-                isModalOpen: !0
-            });
-        }, b = ()=>{
-            x(!1), G({
-                isModalOpen: !1
-            });
-        }, g = _ !== "open", D = n.length > 1;
-        return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
-            children: [
-                /* @__PURE__ */ (0, _jsxruntime.jsxs)(_focustrap.default, {
-                    disabled: g,
-                    group: "burger-menu-lock",
-                    children: [
-                        /* @__PURE__ */ (0, _jsxruntime.jsx)(_themevariantcontext.ThemeVariant, {
-                            isInverse: r,
-                            children: /* @__PURE__ */ (0, _jsxruntime.jsx)(f, {
-                                topFixed: a,
-                                withBorder: c,
-                                isMenuOpen: l,
-                                isInverse: r,
-                                dataAttributes: {
-                                    "component-name": "MainNavigationBar"
-                                },
-                                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_responsivelayout.default, {
-                                    children: /* @__PURE__ */ (0, _jsxruntime.jsx)(N, {
-                                        right: t,
-                                        children: /* @__PURE__ */ (0, _jsxruntime.jsxs)(_inline.default, {
-                                            space: 24,
-                                            alignItems: "center",
-                                            children: [
-                                                D && /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconbutton.default, {
-                                                    "aria-live": "polite",
-                                                    "aria-label": l ? h.closeNavigationMenu : h.openNavigationMenu,
-                                                    "aria-expanded": l,
-                                                    "aria-controls": k,
-                                                    onPress: l ? b : I,
-                                                    children: /* @__PURE__ */ (0, _jsxruntime.jsx)(ke, {
-                                                        isOpen: l
-                                                    })
-                                                }),
-                                                /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                                                    className: _navigationbarcssmistica.logoContainer,
-                                                    children: s
-                                                })
-                                            ]
-                                        })
-                                    })
-                                })
-                            })
-                        }),
-                        a && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                            className: _navigationbarcssmistica.spacer
-                        })
-                    ]
-                }),
-                D && /* @__PURE__ */ (0, _jsxruntime.jsx)(_portal.Portal, {
-                    children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_focustrap.default, {
-                        disabled: g,
-                        group: "burger-menu-lock",
-                        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_reacttransitiongroup.Transition, {
-                            onEntering: ()=>{
-                                v("opening");
-                            },
-                            onEntered: ()=>{
-                                v("open");
-                            },
-                            onExiting: ()=>{
-                                v("closing");
-                            },
-                            onExited: ()=>{
-                                v("closed");
-                            },
-                            in: l,
-                            timeout: (0, _platform.isRunningAcceptanceTest)() ? 0 : Ee,
-                            unmountOnExit: !0,
-                            children: (K)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {
-                                    children: /* @__PURE__ */ (0, _jsxruntime.jsx)("nav", {
-                                        className: (0, _classnames.default)(_navigationbarcssmistica.burgerMenu, _navigationbarcssmistica.burgerMenuTransition[K]),
-                                        style: {
-                                            boxShadow: _ !== "closed" ? `6px 0 4px -4px rgba(0, 0, 0, ${J})` : "none"
-                                        },
-                                        id: k,
-                                        onClick: ()=>{
-                                            b();
-                                        },
-                                        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_responsivelayout.default, {
-                                            children: /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
-                                                space: 16,
-                                                children: [
-                                                    /* @__PURE__ */ (0, _jsxruntime.jsx)(_negativebox.default, {
-                                                        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_list.RowList, {
-                                                            children: n.map((Q, X)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(_list.Row, _object_spread({}, Q), X))
-                                                        })
-                                                    }),
-                                                    d && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
-                                                        paddingBottom: 16,
-                                                        children: d
-                                                    })
-                                                ]
-                                            })
-                                        })
-                                    })
-                                })
-                        })
-                    })
-                })
-            ]
-        });
-    }
-    const y = ()=>/* @__PURE__ */ (0, _jsxruntime.jsx)("nav", {
+}, 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: T, isDarkMode: J } = (0, _hooks.useTheme)(), [l, O] = _react.useState(!1), [I, p] = _react.useState("closed"), R = (0, _hooks.useAriaId)(), K = J ? 1 : 0.2, { isTabletOrSmaller: Q } = (0, _hooks.useScreenSize)(), y = (0, _modalcontextprovider.useSetModalState)();
+    c = c !== null && c !== void 0 ? c : /* @__PURE__ */ (0, _jsxruntime.jsx)(_logo.Logo, {
+        size: {
+            mobile: 40,
+            desktop: 48
+        }
+    });
+    const E = ()=>/* @__PURE__ */ (0, _jsxruntime.jsx)("nav", {
+            className: _navigationbarcssmistica.desktopOnly,
             children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_inline.default, {
                 space: 32,
-                children: n.map((_param, g)=>/* @__PURE__ */ /*#__PURE__*/ {
-                    var { title: I } = _param, b = _object_without_properties(_param, [
+                children: n.map((_param, h)=>/* @__PURE__ */ /*#__PURE__*/ {
+                    var { title: B } = _param, b = _object_without_properties(_param, [
                         "title"
                     ]);
                     return /*#__PURE__*/ (0, _react.createElement)(_touchable.BaseTouchable, _object_spread_props(_object_spread({}, b), {
-                        key: g,
+                        key: h,
                         className: (0, _classnames.default)(_navigationbarcssmistica.section, {
-                            [_navigationbarcssmistica.selectedSectionVariantes[r ? "inverse" : "default"]]: g === o
+                            [_navigationbarcssmistica.selectedSectionVariantes[r ? "inverse" : "default"]]: h === a
                         }, _navigationbarcssmistica.textWrapperVariants[r ? "inverse" : "default"])
                     }), /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text3, {
                         regular: !0,
                         color: "inherit",
-                        children: I
+                        children: B
                     }));
                 })
             })
-        }), B = p && n.length > 0;
-    return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_themevariantcontext.ThemeVariant, {
+        }), N = m && n.length > 0, X = ()=>{
+        O(!0), y({
+            isModalOpen: !0
+        });
+    }, w = ()=>{
+        O(!1), y({
+            isModalOpen: !1
+        });
+    }, L = I !== "open", V = n.length > 1, D = /* @__PURE__ */ (0, _jsxruntime.jsxs)(_themevariantcontext.ThemeVariant, {
         isInverse: r,
         children: [
-            /* @__PURE__ */ (0, _jsxruntime.jsx)(f, {
-                topFixed: a,
-                withBorder: c && !B,
+            /* @__PURE__ */ (0, _jsxruntime.jsx)(A, {
+                topFixed: o,
+                withBorder: d,
                 isMenuOpen: l,
                 isInverse: r,
                 dataAttributes: {
                     "component-name": "MainNavigationBar"
                 },
-                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_responsivelayout.default, {
-                    children: /* @__PURE__ */ (0, _jsxruntime.jsx)(N, {
-                        right: t,
-                        children: /* @__PURE__ */ (0, _jsxruntime.jsxs)(_inline.default, {
-                            space: 48,
-                            alignItems: "center",
-                            children: [
-                                /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                                    className: _navigationbarcssmistica.logoContainer,
-                                    children: s
-                                }),
-                                !B && y()
-                            ]
+                children: /* @__PURE__ */ (0, _jsxruntime.jsxs)(_responsivelayout.default, {
+                    children: [
+                        /* @__PURE__ */ (0, _jsxruntime.jsx)(f, {
+                            right: t,
+                            children: /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
+                                className: _navigationbarcssmistica.mainNavbarContent,
+                                children: [
+                                    V && /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconbutton.default, {
+                                        className: _navigationbarcssmistica.burgerMenuButton,
+                                        "aria-live": "polite",
+                                        "aria-label": l ? T.closeNavigationMenu : T.openNavigationMenu,
+                                        "aria-expanded": l,
+                                        "aria-controls": R,
+                                        onPress: l ? w : X,
+                                        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(Le, {
+                                            isOpen: l
+                                        })
+                                    }),
+                                    /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                                        className: _navigationbarcssmistica.logoContainer,
+                                        children: c
+                                    }),
+                                    !N && E()
+                                ]
+                            })
+                        }),
+                        N && /* @__PURE__ */ (0, _jsxruntime.jsx)(f, {
+                            desktopOnly: !0,
+                            children: E()
                         })
-                    })
+                    ]
                 })
             }),
-            B && /* @__PURE__ */ (0, _jsxruntime.jsx)(f, {
-                topFixed: a,
-                withBorder: c,
-                isBottomRow: !0,
-                isMenuOpen: l,
-                isInverse: r,
-                dataAttributes: {
-                    "component-name": "MainNavigationBar"
-                },
-                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_responsivelayout.default, {
-                    children: /* @__PURE__ */ (0, _jsxruntime.jsx)(N, {
-                        children: y()
+            o && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                className: N ? _navigationbarcssmistica.spacerLarge : _navigationbarcssmistica.spacer
+            })
+        ]
+    });
+    return Q ? /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+        children: [
+            /* @__PURE__ */ (0, _jsxruntime.jsx)(_focustrap.default, {
+                disabled: L,
+                group: "burger-menu-lock",
+                children: D
+            }),
+            V && /* @__PURE__ */ (0, _jsxruntime.jsx)(_portal.Portal, {
+                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_focustrap.default, {
+                    disabled: L,
+                    group: "burger-menu-lock",
+                    children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_reacttransitiongroup.Transition, {
+                        onEntering: ()=>{
+                            p("opening");
+                        },
+                        onEntered: ()=>{
+                            p("open");
+                        },
+                        onExiting: ()=>{
+                            p("closing");
+                        },
+                        onExited: ()=>{
+                            p("closed");
+                        },
+                        in: l,
+                        timeout: (0, _platform.isRunningAcceptanceTest)() ? 0 : Ve,
+                        unmountOnExit: !0,
+                        children: (B)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {
+                                children: /* @__PURE__ */ (0, _jsxruntime.jsx)("nav", {
+                                    className: (0, _classnames.default)(_navigationbarcssmistica.burgerMenu, _navigationbarcssmistica.burgerMenuTransition[B]),
+                                    style: {
+                                        boxShadow: I !== "closed" ? `6px 0 4px -4px rgba(0, 0, 0, ${K})` : "none"
+                                    },
+                                    id: R,
+                                    onClick: ()=>{
+                                        w();
+                                    },
+                                    children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_responsivelayout.default, {
+                                        children: /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
+                                            space: 16,
+                                            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))
+                                                    })
+                                                }),
+                                                s && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+                                                    paddingBottom: 16,
+                                                    children: s
+                                                })
+                                            ]
+                                        })
+                                    })
+                                })
+                            })
                     })
                 })
-            }),
-            a && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                className: B ? _navigationbarcssmistica.spacerLarge : _navigationbarcssmistica.spacer
             })
         ]
-    });
-}, mn = (param)=>{
-    let { onBack: n, title: o, right: t, isInverse: r = !1, topFixed: a = !0, paddingX: c = 0, withBorder: d = !0 } = param;
-    const { texts: s } = (0, _hooks.useTheme)(), p = /* @__PURE__ */ (0, _jsxruntime.jsx)(N, {
+    }) : D;
+}, 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,
         children: /* @__PURE__ */ (0, _jsxruntime.jsxs)(_inline.default, {
             space: 24,
             alignItems: "center",
             children: [
                 n && /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconbutton.default, {
-                    "aria-label": s.backNavigationBar,
+                    "aria-label": c.backNavigationBar,
                     onPress: n,
                     className: _navigationbarcssmistica.iconButtonVariants[r ? "inverse" : "default"],
                     children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconchevronleftregular.default, {
@@ -434,7 +388,7 @@ const ke = (param)=>/* @__PURE__ */ {
                 /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text3, {
                     regular: !0,
                     truncate: !0,
-                    children: o
+                    children: a
                 })
             ]
         })
@@ -442,41 +396,43 @@ const ke = (param)=>/* @__PURE__ */ {
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_themevariantcontext.ThemeVariant, {
         isInverse: r,
         children: [
-            /* @__PURE__ */ (0, _jsxruntime.jsx)(f, {
-                topFixed: a,
-                withBorder: d,
+            /* @__PURE__ */ (0, _jsxruntime.jsx)(A, {
+                topFixed: o,
+                withBorder: s,
                 isInverse: r,
                 dataAttributes: {
                     "component-name": "NavigationBar"
                 },
-                children: a ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_responsivelayout.default, {
-                    children: p
+                children: o ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_responsivelayout.default, {
+                    children: m
                 }) : /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                     className: (0, _sprinklescssmistica.sprinkles)({
                         width: "100%"
                     }),
                     style: {
-                        padding: `0 ${c}px`
+                        padding: `0 ${d}px`
                     },
-                    children: p
+                    children: m
                 })
             }),
-            a && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+            o && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                 className: _navigationbarcssmistica.spacer
             })
         ]
     });
-}, un = (param)=>{
-    let { logo: n, right: o, isInverse: t = !1, topFixed: r = !0, withBorder: a = !0 } = param;
-    const { isTabletOrSmaller: c } = (0, _hooks.useScreenSize)();
+}, pn = (param)=>{
+    let { logo: n, right: a, isInverse: t = !1, topFixed: r = !0, withBorder: o = !0 } = param;
     return n = n !== null && n !== void 0 ? n : /* @__PURE__ */ (0, _jsxruntime.jsx)(_logo.Logo, {
-        size: c ? 40 : 48
+        size: {
+            mobile: 40,
+            desktop: 48
+        }
     }), /* @__PURE__ */ (0, _jsxruntime.jsxs)(_themevariantcontext.ThemeVariant, {
         isInverse: t,
         children: [
-            /* @__PURE__ */ (0, _jsxruntime.jsx)(f, {
+            /* @__PURE__ */ (0, _jsxruntime.jsx)(A, {
                 topFixed: r,
-                withBorder: a,
+                withBorder: o,
                 isInverse: t,
                 dataAttributes: {
                     "component-name": "FunnelNavigationBar"
@@ -484,8 +440,8 @@ const ke = (param)=>/* @__PURE__ */ {
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_responsivelayout.default, {
                     children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_gridlayout.default, {
                         template: "10",
-                        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(N, {
-                            right: o,
+                        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(f, {
+                            right: a,
                             children: n
                         })
                     })
@@ -496,7 +452,7 @@ const ke = (param)=>/* @__PURE__ */ {
             })
         ]
     });
-}, pn = (param)=>/* @__PURE__ */ {
+}, hn = (param)=>/* @__PURE__ */ {
     let { children: n } = param;
     return (0, _jsxruntime.jsx)("div", {
         className: _navigationbarcssmistica.lineHeightFix,
@@ -507,12 +463,12 @@ const ke = (param)=>/* @__PURE__ */ {
             children: n
         })
     });
-}, hn = (_param)=>{
-    var { children: n } = _param, o = _object_without_properties(_param, [
+}, gn = (_param)=>{
+    var { children: n } = _param, a = _object_without_properties(_param, [
         "children"
     ]);
     const t = (0, _themevariantcontext.useIsInverseVariant)();
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, _object_spread_props(_object_spread({}, o), {
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, _object_spread_props(_object_spread({}, a), {
         className: (0, _classnames.default)((0, _sprinklescssmistica.sprinkles)({
             border: "none",
             background: "transparent",

package/dist/package-version.js

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

package/dist/tabs.css.d.ts

@@ -5,6 +5,6 @@ export declare const inner: string;
 export declare const tabsContainer: string;
 export declare const tabVariants: Record<"default" | "fullWidth", string>;
 export declare const tabHover: Record<"inverse" | "default", string>;
-export declare const tabSelectionVariants: Record<"noSelected" | "noSelectedInverse" | "selected" | "selectedInverse" | "selectedAnimating" | "selectedAnimatingInverse", string>;
+export declare const tabSelectionVariants: Record<"selected" | "noSelected" | "noSelectedInverse" | "selectedInverse" | "selectedAnimating" | "selectedAnimatingInverse", string>;
 export declare const icon: string;
 export declare const animatedLine: string;