@telefonica/mistica 16.3.1 → 16.5.0

package/dist/theme-context.css.d.ts

@@ -67,11 +67,13 @@ export declare const themeVarsContract: {
         controlActivatedInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         controlError: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         barTrack: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        barTrackInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         loadingBar: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         loadingBarBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         toggleAndroidInactive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         toggleAndroidBackgroundActive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         iosControlKnob: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        controlKnobInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         divider: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         dividerInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         navigationBarDivider: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -199,11 +201,13 @@ export declare const themeVarsContract: {
         controlActivatedInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         controlError: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         barTrack: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        barTrackInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         loadingBar: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         loadingBarBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         toggleAndroidInactive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         toggleAndroidBackgroundActive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         iosControlKnob: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        controlKnobInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         divider: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         dividerInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         navigationBarDivider: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;

package/dist/theme.js

@@ -10,16 +10,19 @@ function _export(target, all) {
 }
 _export(exports, {
     NAVBAR_HEIGHT_DESKTOP: function() {
-        return a;
+        return s;
+    },
+    NAVBAR_HEIGHT_DESKTOP_LARGE: function() {
+        return m;
     },
     NAVBAR_HEIGHT_MOBILE: function() {
-        return s;
+        return a;
     },
     dimensions: function() {
-        return m;
+        return d;
     },
     getMisticaLinkComponent: function() {
-        return d;
+        return g;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -102,29 +105,29 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const s = 56, a = 80, m = {
-    headerMobileHeight: s,
-    headerDesktopHeight: a
+const a = 56, s = 80, m = 2 * s, d = {
+    headerMobileHeight: a,
+    headerDesktopHeight: s
 }, h = (_param)=>{
-    var { to: e, innerRef: t } = _param, r = _object_without_properties(_param, [
+    var { to: e, innerRef: t } = _param, n = _object_without_properties(_param, [
         "to",
         "innerRef"
     ]);
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("a", _object_spread_props(_object_spread({
         ref: t,
         href: typeof e == "string" ? e : e == null ? void 0 : e.pathname
-    }, r), {
-        children: r.children
+    }, n), {
+        children: n.children
     }));
 }, i = (e)=>e, f = (e)=>(_param)=>{
-        var { innerRef: t } = _param, r = _object_without_properties(_param, [
+        var { innerRef: t } = _param, n = _object_without_properties(_param, [
             "innerRef"
         ]);
         return /* @__PURE__ */ (0, _jsxruntime.jsx)(e, _object_spread({
             ref: t
-        }, r));
+        }, n));
     }, p = (e)=>(_param)=>{
-        var { to: t, innerRef: r, children: o } = _param, c = _object_without_properties(_param, [
+        var { to: t, innerRef: n, children: o } = _param, c = _object_without_properties(_param, [
             "to",
             "innerRef",
             "children"
@@ -132,24 +135,24 @@ const s = 56, a = 80, m = {
         return /* @__PURE__ */ (0, _jsxruntime.jsx)(e, {
             href: t,
             children: /* @__PURE__ */ (0, _jsxruntime.jsx)("a", _object_spread_props(_object_spread({
-                ref: r
+                ref: n
             }, c), {
                 children: o
             }))
         });
     }, u = (e)=>(_param)=>{
-        var { to: t, innerRef: r, children: o } = _param, c = _object_without_properties(_param, [
+        var { to: t, innerRef: n, children: o } = _param, c = _object_without_properties(_param, [
             "to",
             "innerRef",
             "children"
         ]);
         return /* @__PURE__ */ (0, _jsxruntime.jsx)(e, _object_spread_props(_object_spread({
             href: t,
-            ref: r
+            ref: n
         }, c), {
             children: o
         }));
-    }, d = (e)=>{
+    }, g = (e)=>{
     if (!e) return h;
     if (typeof e == "function" || e.$$typeof) return e;
     switch(e.type){

package/dist/timer.css-mistica.js

@@ -10,10 +10,10 @@ function _export(target, all) {
 }
 _export(exports, {
     boxedTimerDisplayValue: function() {
-        return f;
+        return n;
     },
     boxedTimerValueContainer: function() {
-        return n;
+        return v;
     },
     inlineText: function() {
         return _;
@@ -33,9 +33,9 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./timer.css.ts.vanilla.css-mistica.js");
-var f = "_18fye848", n = {
-    default: "_18fye84a _1y2v1nfa1 _1y2v1nfba _1y2v1nf7m _1y2v1nf8v _1y2v1nfkb _1y2v1nf6l",
-    inverse: "_18fye84a _1y2v1nfa1 _1y2v1nfba _1y2v1nf7m _1y2v1nf8v _1y2v1nfkb _1y2v1nf3q",
-    alternative: "_18fye84a _1y2v1nfa1 _1y2v1nfba _1y2v1nf7m _1y2v1nf8v _1y2v1nfkb _1y2v1nf3q",
-    media: "_18fye84a _1y2v1nfa1 _1y2v1nfba _1y2v1nf7m _1y2v1nf8v _1y2v1nfkb _18fye84e"
-}, _ = "_18fye841", e = "_18fye841 _1y2v1nfho", a = "_1y2v1nfhk _1y2v1nfhq _1y2v1nfhz", r = "_1y2v1nfho", i = "_18fye841 _1y2v1nfhl _1y2v1nfht";
+var n = "_18fye848", v = {
+    default: "_18fye84a _1y2v1nfa5 _1y2v1nfbe _1y2v1nf7q _1y2v1nf8z _1y2v1nfkf _1y2v1nf6p",
+    inverse: "_18fye84a _1y2v1nfa5 _1y2v1nfbe _1y2v1nf7q _1y2v1nf8z _1y2v1nfkf _1y2v1nf3s",
+    alternative: "_18fye84a _1y2v1nfa5 _1y2v1nfbe _1y2v1nf7q _1y2v1nf8z _1y2v1nfkf _1y2v1nf3s",
+    media: "_18fye84a _1y2v1nfa5 _1y2v1nfbe _1y2v1nf7q _1y2v1nf8z _1y2v1nfkf _18fye84e"
+}, _ = "_18fye841", e = "_18fye841 _1y2v1nfhs", a = "_1y2v1nfho _1y2v1nfhu _1y2v1nfi3", r = "_1y2v1nfhs", i = "_18fye841 _1y2v1nfhp _1y2v1nfhx";

package/dist/tooltip.css-mistica.js

@@ -10,10 +10,10 @@ function _export(target, all) {
 }
 _export(exports, {
     CONTENT_MIN_WIDTH: function() {
-        return a;
+        return v;
     },
     arrow: function() {
-        return v;
+        return a;
     },
     arrowContainer: function() {
         return _;
@@ -22,10 +22,10 @@ _export(exports, {
         return o;
     },
     container: function() {
-        return r;
+        return i;
     },
     content: function() {
-        return f;
+        return r;
     },
     contentContainer: function() {
         return y;
@@ -34,15 +34,15 @@ _export(exports, {
         return e;
     },
     tooltipCenter: function() {
-        return i;
+        return p;
     },
     tooltipTransitionClasses: function() {
-        return p;
+        return f;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./tooltip.css.ts.vanilla.css-mistica.js");
-var a = 40, v = "_1xhatbpb _1y2v1nfid _1y2v1nfit _1y2v1nfhf _1y2v1nfkr _1y2v1nf3q", _ = "_1xhatbp9 _1y2v1nfhf _1y2v1nfif _1y2v1nfkl", o = "_1xhatbpd _1y2v1nfhf", r = "_1xhatbp1 _1y2v1nfhf", f = "_1xhatbp6", y = "_1xhatbp5 _1y2v1nfhe _1y2v1nfkl", e = "_1xhatbp3 _1y2v1nfhe _1y2v1nfkd _1y2v1nf3q", i = "_1y2v1nfhk _1y2v1nfhq _1y2v1nfhz", p = {
+var v = 40, a = "_1xhatbpb _1y2v1nfih _1y2v1nfix _1y2v1nfhj _1y2v1nfkv _1y2v1nf3s", _ = "_1xhatbp9 _1y2v1nfhj _1y2v1nfij _1y2v1nfkp", o = "_1xhatbpd _1y2v1nfhj", i = "_1xhatbp1 _1y2v1nfhj", r = "_1xhatbp6", y = "_1xhatbp5 _1y2v1nfhi _1y2v1nfkp", e = "_1xhatbp3 _1y2v1nfhi _1y2v1nfkh _1y2v1nf3s", p = "_1y2v1nfho _1y2v1nfhu _1y2v1nfi3", f = {
     entering: {
         opacity: 1
     },

package/dist/touchable.css-mistica.js

@@ -19,9 +19,9 @@ _export(exports, {
         return _;
     },
     touchable: function() {
-        return m;
+        return t;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./touchable.css.ts.vanilla.css-mistica.js");
-var f = "mhti6u2 _1y2v1nfkk", y = "mhti6u0", _ = "mhti6u5", m = "mhti6u2 _1y2v1nfkk _1y2v1nf7d _1y2v1nf8m _1y2v1nf9v _1y2v1nfb4 _1y2v1nfhm _1y2v1nfk2 _1y2v1nfi7 _1y2v1nf3n _1y2v1nf7c _1y2v1nfkm";
+var f = "mhti6u2 _1y2v1nfko", y = "mhti6u0", _ = "mhti6u5", t = "mhti6u2 _1y2v1nfko _1y2v1nf7h _1y2v1nf8q _1y2v1nf9z _1y2v1nfb8 _1y2v1nfhq _1y2v1nfk6 _1y2v1nfib _1y2v1nf3p _1y2v1nf7g _1y2v1nfkq";

package/dist/utils/aspect-ratio-support.css-mistica.js

@@ -19,11 +19,11 @@ _export(exports, {
         return y;
     },
     wrapper: function() {
-        return f;
+        return i;
     }
 });
 require("../sprinkles.css.ts.vanilla.css-mistica.js");
 require("./aspect-ratio-support.css.ts.vanilla.css-mistica.js");
-var a = "yqswj62", n = "_1y2v1nfi7 _1y2v1nfio _1y2v1nfkr _1y2v1nfl6", y = {
+var a = "yqswj62", n = "_1y2v1nfib _1y2v1nfis _1y2v1nfkv _1y2v1nfla", y = {
     aspectRatio: "var(--yqswj60)"
-}, f = "_1y2v1nfkl _1y2v1nfjz _1y2v1nfk0 _1y2v1nfhe";
+}, i = "_1y2v1nfkp _1y2v1nfk3 _1y2v1nfk4 _1y2v1nfhi";

package/dist/utils/dom.js

@@ -37,7 +37,7 @@ _export(exports, {
         return i;
     },
     isInputTypeSupported: function() {
-        return d;
+        return p;
     },
     listenResize: function() {
         return y;
@@ -140,7 +140,7 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-const d = (e)=>{
+const p = (e)=>{
     if ((0, _environment.isServerSide)()) return !1;
     const t = document.createElement("input");
     return t.setAttribute("type", e), t.type === e;
@@ -166,7 +166,8 @@ const h = (e, t, r)=>e.addEventListener(t, r, c ? {
         passive: !0
     } : !1), E = (e, t, r)=>e.removeEventListener(t, r, !1), g = (e, t)=>{
     const r = t ? {
-        "data-component-name": t
+        "data-component-name": t,
+        "data-testid": t
     } : {};
     return e && Object.keys(e).forEach((n)=>{
         r["data-" + n] = e[n];

package/dist/video.css-mistica.js

@@ -9,4 +9,4 @@ Object.defineProperty(exports, "video", {
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
-var f = "_1y2v1nfkr _1y2v1nfl6 _1y2v1nfhm _1y2v1nf7c _1y2v1nfjz _1y2v1nfk0 _1y2v1nfmf";
+var f = "_1y2v1nfkv _1y2v1nfla _1y2v1nfhq _1y2v1nf7g _1y2v1nfk3 _1y2v1nfk4 _1y2v1nfmj";

package/dist-es/accordion.css-mistica.js

@@ -1,9 +1,9 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./accordion.css.ts.vanilla.css-mistica.js";
-var s = "_1y2v1nfi7", v = "_8s3szx3", r = "_1y2v1nf7d _1y2v1nf8m _1y2v1nf9v _1y2v1nfb4 _1y2v1nfi7 _1y2v1nfk2 _1y2v1nf7c _1y2v1nfhm _1y2v1nfio", a = "_8s3szx9", _ = "_8s3szx4", t = {
-    enter: "_8s3szx5",
-    enterActive: "_8s3szx6",
-    exit: "_8s3szx7",
-    exitActive: "_8s3szx8"
-}, i = "_8s3szx1", o = "_8s3szx2";
-export { s as accordionItem, v as chevronContainer, r as itemContent, a as panel, _ as panelContainer, t as panelTransitionClasses, i as touchableBackground, o as touchableBackgroundInverse };
+var e = "_1y2v1nfib", r = "_8s3szx4", a = "_1y2v1nf7h _1y2v1nf8q _1y2v1nf9z _1y2v1nfb8 _1y2v1nfib _1y2v1nfk6 _1y2v1nf7g _1y2v1nfhq _1y2v1nfis", v = "_8s3szxa", t = "_8s3szx5", _ = {
+    enter: "_8s3szx6",
+    enterActive: "_8s3szx7",
+    exit: "_8s3szx8",
+    exitActive: "_8s3szx9"
+}, i = "_8s3szx3", o = "_8s3szx1", x = "_8s3szx2";
+export { e as accordionItem, r as chevronContainer, a as itemContent, v as panel, t as panelContainer, _ as panelTransitionClasses, i as rightContentContainer, o as touchableBackground, x as touchableBackgroundInverse };

package/dist-es/accordion.js

@@ -78,213 +78,230 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as C, jsx as o } from "react/jsx-runtime";
-import * as c from "react";
-import { Content as N } from "./list.js";
-import S from "./icons/icon-chevron.js";
-import A from "./box.js";
-import { itemContent as O, touchableBackgroundInverse as T, touchableBackground as w, chevronContainer as y, panelTransitionClasses as D, panelContainer as P, panel as V, accordionItem as E } from "./accordion.css-mistica.js";
-import _ from "./stack.js";
-import { BaseTouchable as k } from "./touchable.js";
-import L from "classnames";
-import { vars as h } from "./skins/skin-contract.css-mistica.js";
-import { getPrefixedDataAttributes as R } from "./utils/dom.js";
-import M from "./divider.js";
-import { Boxed as X } from "./boxed.js";
-import { useIsInverseOrMediaVariant as j } from "./theme-variant-context.js";
-import { CSSTransition as q } from "react-transition-group";
-import { isRunningAcceptanceTest as z } from "./utils/platform.js";
-const v = 400, g = /*#__PURE__*/ c.createContext({
+import { jsxs as A, jsx as o } from "react/jsx-runtime";
+import * as i from "react";
+import { Content as T } from "./list.js";
+import w from "./icons/icon-chevron.js";
+import v from "./box.js";
+import { itemContent as D, touchableBackgroundInverse as P, touchableBackground as V, rightContentContainer as E, chevronContainer as _, panelTransitionClasses as k, panelContainer as L, panel as M, accordionItem as X } from "./accordion.css-mistica.js";
+import j from "./stack.js";
+import { BaseTouchable as q } from "./touchable.js";
+import z from "classnames";
+import { vars as g } from "./skins/skin-contract.css-mistica.js";
+import { getPrefixedDataAttributes as B } from "./utils/dom.js";
+import F from "./divider.js";
+import { Boxed as H } from "./boxed.js";
+import { useIsInverseOrMediaVariant as U } from "./theme-variant-context.js";
+import { CSSTransition as G } from "react-transition-group";
+import { isRunningAcceptanceTest as J } from "./utils/platform.js";
+import K from "./inline.js";
+const R = 400, C = /*#__PURE__*/ i.createContext({
     index: [],
     toggle: ()=>{}
-}), F = ()=>c.useContext(g), B = (param)=>{
-    let { value: t, defaultValue: r, onChange: n, singleOpen: i } = param;
-    const m = t !== void 0, s = (e)=>e === void 0 ? [] : typeof e == "number" ? [
+}), Q = ()=>i.useContext(C), N = (param)=>{
+    let { value: n, defaultValue: r, onChange: t, singleOpen: c } = param;
+    const d = n !== void 0, s = (e)=>e === void 0 ? [] : typeof e == "number" ? [
             e
-        ] : e, [d, a] = c.useState(s(r));
-    c.useEffect(()=>{
-        if (d.length > 1 && i) {
+        ] : e, [a, u] = i.useState(s(r));
+    i.useEffect(()=>{
+        if (a.length > 1 && c) {
             const e = [
-                ...d
+                ...a
             ];
-            e.splice(1), a(e);
+            e.splice(1), u(e);
         }
     }, [
-        i,
-        d
+        c,
+        a
     ]);
-    const p = (e, l)=>{
+    const m = (e, l)=>{
         if (!l) return [
             e
         ];
-        const u = l.indexOf(e);
+        const p = l.indexOf(e);
         let I = [
             ...l
         ];
-        return u === -1 ? i ? I = [
+        return p === -1 ? c ? I = [
             e
-        ] : I.push(e) : I.splice(u, 1), I;
+        ] : I.push(e) : I.splice(p, 1), I;
     }, f = (e)=>{
-        if (m || a(p(e, d)), n) {
-            const l = (m ? s(t) : d).includes(e);
-            n(e, !l);
+        if (d || u(m(e, a)), t) {
+            const l = (d ? s(n) : a).includes(e);
+            t(e, !l);
         }
     };
-    return m ? [
-        s(t),
+    return d ? [
+        s(n),
         f
     ] : [
-        d,
+        a,
         f
     ];
-}, H = (t)=>{
-    const r = t == null ? void 0 : t.closest("[data-accordion]");
-    if (r) return Array.from(r.querySelectorAll("[data-accordion-item]")).filter((n)=>n.closest("[data-accordion]") === r).findIndex((n)=>n === t);
-}, b = /*#__PURE__*/ c.forwardRef((_param, m)=>{
-    var { content: t, dataAttributes: r, trackingEvent: n } = _param, i = _object_without_properties(_param, [
+}, W = (n)=>{
+    const r = n == null ? void 0 : n.closest("[data-accordion]");
+    if (r) return Array.from(r.querySelectorAll("[data-accordion-item]")).filter((t)=>t.closest("[data-accordion]") === r).findIndex((t)=>t === n);
+}, S = /*#__PURE__*/ i.forwardRef((_param, u)=>{
+    var { content: n, dataAttributes: r, trackingEvent: t, right: c, "aria-label": d, "aria-labelledby": s } = _param, a = _object_without_properties(_param, [
         "content",
         "dataAttributes",
-        "trackingEvent"
+        "trackingEvent",
+        "right",
+        "aria-label",
+        "aria-labelledby"
     ]);
-    const s = c.useRef(null), d = c.useRef(null), { index: a, toggle: p } = F(), f = j(), e = c.useId(), l = c.useId(), [u, I] = c.useState(), x = u !== void 0 && (a == null ? void 0 : a.includes(u));
-    return c.useEffect(()=>{
-        I(H(d.current));
-    }, []), /* @__PURE__ */ C("div", _object_spread_props(_object_spread({
-        ref: d
-    }, R(_object_spread_props(_object_spread({}, r), {
+    const m = i.useRef(null), f = i.useRef(null), { index: e, toggle: l } = Q(), p = U(), I = i.useId(), b = i.useId(), [x, y] = i.useState(), h = x !== void 0 && (e == null ? void 0 : e.includes(x));
+    return i.useEffect(()=>{
+        y(W(f.current));
+    }, []), /* @__PURE__ */ A("div", _object_spread_props(_object_spread({
+        ref: f
+    }, B(_object_spread_props(_object_spread({}, r), {
         "accordion-item": !0
     }))), {
         children: [
-            /* @__PURE__ */ o(k, {
-                ref: m,
-                className: L(O, f ? T : w),
+            /* @__PURE__ */ o(q, {
+                ref: u,
+                className: z(D, p ? P : V),
                 onPress: ()=>{
-                    u !== void 0 && p(u);
+                    x !== void 0 && l(x);
                 },
-                trackingEvent: n,
-                "aria-expanded": x,
-                "aria-controls": l,
-                children: /* @__PURE__ */ o(A, {
+                trackingEvent: t,
+                "aria-expanded": h,
+                "aria-controls": b,
+                "aria-label": d,
+                "aria-labelledby": s,
+                children: /* @__PURE__ */ o(v, {
                     paddingX: 16,
-                    children: /* @__PURE__ */ o(N, _object_spread_props(_object_spread({
-                        labelId: e
-                    }, i), {
-                        right: /* @__PURE__ */ o("div", {
-                            className: y,
-                            children: /* @__PURE__ */ o(S, {
-                                size: 24,
-                                transitionDuration: v,
-                                direction: x ? "up" : "down",
-                                color: f ? h.colors.inverse : x ? h.colors.neutralHigh : h.colors.neutralMedium
-                            })
-                        })
+                    children: /* @__PURE__ */ o(T, _object_spread_props(_object_spread({
+                        labelId: I
+                    }, a), {
+                        right: (param)=>{
+                            let { centerY: O } = param;
+                            return /* @__PURE__ */ A(K, {
+                                space: 4,
+                                alignItems: O ? "center" : void 0,
+                                className: E,
+                                children: [
+                                    c,
+                                    /* @__PURE__ */ o("div", {
+                                        className: _,
+                                        children: /* @__PURE__ */ o(w, {
+                                            size: 24,
+                                            transitionDuration: R,
+                                            direction: h ? "up" : "down",
+                                            color: p ? g.colors.inverse : h ? g.colors.neutralHigh : g.colors.neutralMedium
+                                        })
+                                    })
+                                ]
+                            });
+                        }
                     }))
                 })
             }),
-            /* @__PURE__ */ o(q, {
-                in: x,
-                timeout: z() ? 0 : v,
-                nodeRef: s,
-                classNames: D,
+            /* @__PURE__ */ o(G, {
+                in: h,
+                timeout: J() ? 0 : R,
+                nodeRef: m,
+                classNames: k,
                 mountOnEnter: !0,
                 unmountOnExit: !0,
                 children: /* @__PURE__ */ o("div", {
-                    className: P,
-                    ref: s,
+                    className: L,
+                    ref: m,
                     children: /* @__PURE__ */ o("div", {
-                        className: V,
+                        className: M,
                         role: "region",
-                        "aria-labelledby": e,
-                        id: l,
-                        children: /* @__PURE__ */ o(A, {
+                        "aria-labelledby": I,
+                        id: b,
+                        children: /* @__PURE__ */ o(v, {
                             paddingX: 16,
                             paddingBottom: 16,
-                            children: t
+                            children: n
                         })
                     })
                 })
             })
         ]
     }));
-}), ie = /*#__PURE__*/ c.forwardRef((_param, i)=>{
-    var { dataAttributes: t, role: r } = _param, n = _object_without_properties(_param, [
+}), fe = /*#__PURE__*/ i.forwardRef((_param, c)=>{
+    var { dataAttributes: n, role: r } = _param, t = _object_without_properties(_param, [
         "dataAttributes",
         "role"
     ]);
     return /* @__PURE__ */ o("div", {
         role: r,
-        className: E,
-        children: /* @__PURE__ */ o(b, _object_spread_props(_object_spread({}, n), {
-            ref: i,
+        className: X,
+        children: /* @__PURE__ */ o(S, _object_spread_props(_object_spread({}, t), {
+            ref: c,
             dataAttributes: _object_spread({
                 "component-name": "AccordionItem"
-            }, t)
+            }, n)
         }))
     });
-}), de = (param)=>{
-    let { children: t, dataAttributes: r, index: n, defaultIndex: i, onChange: m, singleOpen: s, role: d } = param;
-    const [a, p] = B({
-        value: n,
-        defaultValue: i,
-        onChange: m,
+}), pe = (param)=>{
+    let { children: n, dataAttributes: r, index: t, defaultIndex: c, onChange: d, singleOpen: s, role: a } = param;
+    const [u, m] = N({
+        value: t,
+        defaultValue: c,
+        onChange: d,
         singleOpen: s
-    }), f = c.Children.toArray(t).filter(Boolean), e = f.length - 1;
-    return /* @__PURE__ */ o(g.Provider, {
+    }), f = i.Children.toArray(n).filter(Boolean), e = f.length - 1;
+    return /* @__PURE__ */ o(C.Provider, {
         value: {
-            index: a,
-            toggle: p
+            index: u,
+            toggle: m
         },
         children: /* @__PURE__ */ o("div", _object_spread_props(_object_spread({
-            role: d
-        }, R(_object_spread_props(_object_spread({}, r), {
+            role: a
+        }, B(_object_spread_props(_object_spread({}, r), {
             accordion: !0
         }), "Accordion")), {
-            children: f.map((l, u)=>/* @__PURE__ */ C(c.Fragment, {
+            children: f.map((l, p)=>/* @__PURE__ */ A(i.Fragment, {
                     children: [
                         l,
-                        u < e && /* @__PURE__ */ o(A, {
+                        p < e && /* @__PURE__ */ o(v, {
                             paddingX: 16,
-                            children: /* @__PURE__ */ o(M, {})
+                            children: /* @__PURE__ */ o(F, {})
                         })
                     ]
-                }, u))
+                }, p))
         }))
     });
-}, se = /*#__PURE__*/ c.forwardRef((_param, i)=>{
-    var { dataAttributes: t, isInverse: r } = _param, n = _object_without_properties(_param, [
+}, Ie = /*#__PURE__*/ i.forwardRef((_param, c)=>{
+    var { dataAttributes: n, isInverse: r } = _param, t = _object_without_properties(_param, [
         "dataAttributes",
         "isInverse"
     ]);
-    return /* @__PURE__ */ o(X, {
-        isInverse: r,
-        ref: i,
+    return /* @__PURE__ */ o(H, {
+        variant: r ? "inverse" : "default",
+        ref: c,
         dataAttributes: _object_spread({
             "component-name": "BoxedAccordionItem"
-        }, t),
-        children: /* @__PURE__ */ o(b, _object_spread({}, n))
+        }, n),
+        children: /* @__PURE__ */ o(S, _object_spread({}, t))
     });
-}), ae = (param)=>{
-    let { children: t, dataAttributes: r, index: n, defaultIndex: i, onChange: m, singleOpen: s, role: d } = param;
-    const [a, p] = B({
-        value: n,
-        defaultValue: i,
-        onChange: m,
+}), xe = (param)=>{
+    let { children: n, dataAttributes: r, index: t, defaultIndex: c, onChange: d, singleOpen: s, role: a } = param;
+    const [u, m] = N({
+        value: t,
+        defaultValue: c,
+        onChange: d,
         singleOpen: s
     });
-    return /* @__PURE__ */ o(g.Provider, {
+    return /* @__PURE__ */ o(C.Provider, {
         value: {
-            index: a,
-            toggle: p
+            index: u,
+            toggle: m
         },
-        children: /* @__PURE__ */ o(_, {
+        children: /* @__PURE__ */ o(j, {
             space: 16,
-            role: d,
+            role: a,
             dataAttributes: _object_spread({
                 "component-name": "BoxedAccordion",
                 accordion: !0
             }, r),
-            children: t
+            children: n
         })
     });
 };
-export { de as Accordion, ie as AccordionItem, ae as BoxedAccordion, se as BoxedAccordionItem };
+export { pe as Accordion, fe as AccordionItem, xe as BoxedAccordion, Ie as BoxedAccordionItem };