@telefonica/mistica 14.25.0 → 14.26.0

package/dist/text-field-components.js

@@ -10,13 +10,13 @@ function _export(target, all) {
 }
 _export(exports, {
     FieldContainer: function() {
-        return J;
+        return K;
     },
     HelperText: function() {
-        return G;
+        return J;
     },
     Label: function() {
-        return B;
+        return G;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -124,25 +124,25 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-const B = (param)=>{
-    let { shrinkLabel: o , forId: t , inputState: r , error: l , children: i , style: n , optional: d  } = param;
-    const m = o || r === "focused" || r === "filled", [v, T] = _react.useState("initial"), { texts: b  } = (0, _hooks.useTheme)();
+const G = (param)=>{
+    let { shrinkLabel: l , forId: s , inputState: r , error: o , children: i , style: n , optional: d  } = param;
+    const m = l || r === "focused" || r === "filled", [v, b] = _react.useState("initial"), { texts: N  } = (0, _hooks.useTheme)();
     _react.useEffect(()=>{
-        const N = setTimeout(()=>{
-            process.env.NODE_ENV !== "test" && T("transform 150ms, width 150ms");
+        const T = setTimeout(()=>{
+            process.env.NODE_ENV !== "test" && b("transform 150ms, width 150ms");
         });
         return ()=>{
-            clearTimeout(N);
+            clearTimeout(T);
         };
     }, []);
     let f = _skincontractcssmistica.vars.colors.textSecondary;
-    return l && r !== "default" ? f = _skincontractcssmistica.vars.colors.error : r === "focused" && (f = _skincontractcssmistica.vars.colors.controlActivated), /* @__PURE__ */ (0, _jsxruntime.jsxs)("label", {
+    return o && r !== "default" ? f = _skincontractcssmistica.vars.colors.error : r === "focused" && (f = _skincontractcssmistica.vars.colors.controlActivated), /* @__PURE__ */ (0, _jsxruntime.jsxs)("label", {
         className: (0, _classnames.default)(_textfieldcomponentscssmistica.labelContainer, {
             [_textfieldcomponentscssmistica.shrinked]: m
         }, (0, _sprinklescssmistica.sprinkles)({
             color: f
         })),
-        htmlFor: t,
+        htmlFor: s,
         style: _object_spread_props(_object_spread({}, n), {
             transition: v
         }),
@@ -154,53 +154,55 @@ const B = (param)=>{
             d ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("span", {
                 children: [
                     "\xa0(",
-                    b.formFieldOptionalLabelSuffix,
+                    N.formFieldOptionalLabelSuffix,
                     ")"
                 ]
             }) : null
         ]
     });
-}, G = (param)=>{
-    let { leftText: o , rightText: t , error: r  } = param;
-    const l = (0, _themevariantcontext.useIsInverseVariant)(), i = l ? _skincontractcssmistica.vars.colors.textPrimaryInverse : r ? _skincontractcssmistica.vars.colors.error : _skincontractcssmistica.vars.colors.textSecondary, n = l ? _skincontractcssmistica.vars.colors.textPrimaryInverse : _skincontractcssmistica.vars.colors.textSecondary;
-    return /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
-        className: _textfieldcomponentscssmistica.helperContainer,
+}, J = (param)=>{
+    let { leftText: l , rightText: s , error: r  } = param;
+    const o = (0, _themevariantcontext.useIsInverseVariant)(), i = o ? _skincontractcssmistica.vars.colors.textPrimaryInverse : r ? _skincontractcssmistica.vars.colors.error : _skincontractcssmistica.vars.colors.textSecondary, n = o ? _skincontractcssmistica.vars.colors.textPrimaryInverse : _skincontractcssmistica.vars.colors.textSecondary;
+    return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
         children: [
-            o && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+            l && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                 className: (0, _classnames.default)(_textfieldcomponentscssmistica.helperText, _textfieldcomponentscssmistica.leftText),
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text1, {
                     color: i,
                     regular: !0,
                     as: "p",
-                    children: o
+                    children: l
                 })
             }),
-            t && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+            s && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                 className: (0, _classnames.default)(_textfieldcomponentscssmistica.helperText, _textfieldcomponentscssmistica.rightText),
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text1, {
                     color: n,
                     regular: !0,
                     as: "p",
-                    children: t
+                    children: s
                 })
             })
         ]
     });
-}, J = (param)=>/* @__PURE__ */ {
-    let { multiline: o , disabled: t , children: r , helperText: l , className: i , fieldRef: n , fullWidth: d , readOnly: m  } = param;
+}, K = (param)=>/* @__PURE__ */ {
+    let { multiline: l , disabled: s , children: r , helperText: o , className: i , fieldRef: n , fullWidth: d , readOnly: m  } = param;
     return (0, _jsxruntime.jsxs)("div", {
         className: (0, _classnames.default)(_textfieldcomponentscssmistica.fieldContainer, d ? _textfieldcomponentscssmistica.fullWidth : _textfieldcomponentscssmistica.normalWidth, {
-            [_textfieldcomponentscssmistica.disabled]: t
+            [_textfieldcomponentscssmistica.disabled]: s
         }),
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                className: (0, _classnames.default)(_textfieldcomponentscssmistica.field, o ? _textfieldcomponentscssmistica.fieldMulti : _textfieldcomponentscssmistica.fieldSingle, (0, _sprinklescssmistica.sprinkles)({
+                className: (0, _classnames.default)(_textfieldcomponentscssmistica.field, l ? _textfieldcomponentscssmistica.fieldMulti : _textfieldcomponentscssmistica.fieldSingle, (0, _sprinklescssmistica.sprinkles)({
                     background: m ? _skincontractcssmistica.vars.colors.neutralLow : _skincontractcssmistica.vars.colors.backgroundContainer
                 }), i),
                 ref: n,
                 children: r
             }),
-            l
+            o && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                className: _textfieldcomponentscssmistica.helperContainer,
+                children: o
+            })
         ]
     });
 };

package/dist/text-field.d.ts

@@ -7,6 +7,7 @@ export interface TextFieldProps extends CommonFormFieldProps<HTMLInputElement |
     prefix?: React.ReactNode;
     endIcon?: React.ReactNode;
     getSuggestions?: (value: string) => ReadonlyArray<string>;
+    role?: string;
 }
 declare const TextField: React.ForwardRefExoticComponent<TextFieldProps & React.RefAttributes<HTMLInputElement>>;
 export default TextField;

package/dist/theme.d.ts

@@ -38,6 +38,9 @@ declare const TEXTS_ES: {
     playIconButtonLabel: string;
     pauseIconButtonLabel: string;
     sheetConfirmButton: string;
+    progressBarCompletedLabel: string;
+    progressBarStepLabel: string;
+    pinFieldInputLabel: string;
 };
 export declare const getTexts: (locale: Locale) => typeof TEXTS_ES;
 export declare const NAVBAR_HEIGHT_MOBILE = 56;

package/dist/theme.js

@@ -22,7 +22,7 @@ _export(exports, {
         return h;
     },
     getTexts: function() {
-        return b;
+        return v;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -138,7 +138,10 @@ const l = {
     carouselPrevButton: "anterior",
     playIconButtonLabel: "Reproducir",
     pauseIconButtonLabel: "Pausar",
-    sheetConfirmButton: "Continuar"
+    sheetConfirmButton: "Continuar",
+    progressBarCompletedLabel: "completo",
+    progressBarStepLabel: "Paso 1$s de 2$s",
+    pinFieldInputLabel: "D\xedgito 1$s de 2$s"
 }, i = {
     expirationDatePlaceholder: "MM/YY",
     togglePasswordVisibilityLabel: "Toggle password visibility",
@@ -172,8 +175,11 @@ const l = {
     carouselPrevButton: "previous",
     playIconButtonLabel: "Play",
     pauseIconButtonLabel: "Pause",
-    sheetConfirmButton: "Continue"
-}, d = {
+    sheetConfirmButton: "Continue",
+    progressBarCompletedLabel: "completed",
+    progressBarStepLabel: "Step 1$s of 2$s",
+    pinFieldInputLabel: "Digit 1$s of 2$s"
+}, s = {
     expirationDatePlaceholder: "MM/JJ",
     togglePasswordVisibilityLabel: "Passwort un-/sichtbar machen",
     loading: "Wird gespeichert",
@@ -206,8 +212,11 @@ const l = {
     carouselPrevButton: "vorherige",
     playIconButtonLabel: "Abspielen",
     pauseIconButtonLabel: "Pausieren",
-    sheetConfirmButton: "Fortfahren"
-}, s = {
+    sheetConfirmButton: "Fortfahren",
+    progressBarCompletedLabel: "vollendet",
+    progressBarStepLabel: "Schritt 1$s von 2$s",
+    pinFieldInputLabel: "Ziffer 1$s von 2$s"
+}, d = {
     expirationDatePlaceholder: "MM/AA",
     togglePasswordVisibilityLabel: "Mostrar ou ocultar senha",
     loading: "Carregando",
@@ -240,15 +249,18 @@ const l = {
     carouselPrevButton: "anterior",
     playIconButtonLabel: "Reproduzir",
     pauseIconButtonLabel: "Pausar",
-    sheetConfirmButton: "Continuar"
-}, b = (e)=>{
+    sheetConfirmButton: "Continuar",
+    progressBarCompletedLabel: "conclu\xeddo",
+    progressBarStepLabel: "Etapa 1$s de 2$s",
+    pinFieldInputLabel: "D\xedgito 1$s de 2$s"
+}, v = (e)=>{
     switch(e.toLocaleLowerCase().split(/[-_]/)[0]){
         case "es":
             return l;
         case "pt":
-            return s;
-        case "de":
             return d;
+        case "de":
+            return s;
         case "en":
             return i;
         default:
@@ -289,7 +301,7 @@ const l = {
                 children: t
             }))
         });
-    }, v = (e)=>(_param)=>/* @__PURE__ */ {
+    }, g = (e)=>(_param)=>/* @__PURE__ */ {
         var { to: r , innerRef: o , children: t  } = _param, n = _object_without_properties(_param, [
             "to",
             "innerRef",
@@ -312,7 +324,7 @@ const l = {
         case "Next12":
             return p(e.Component);
         case "Next13":
-            return v(e.Component);
+            return g(e.Component);
         default:
             const r = e.type;
             throw new Error(`Invalid Link type: ${r}`);

package/dist/touchable.js

@@ -137,13 +137,14 @@ const L = function(e) {
         style: e.style,
         role: e.role,
         "aria-checked": e["aria-checked"],
+        "aria-disabled": e.disabled ? !0 : void 0,
         "aria-controls": e["aria-controls"],
         "aria-expanded": e["aria-expanded"],
         "aria-hidden": e["aria-hidden"],
         "aria-selected": e["aria-selected"],
         "aria-live": e["aria-live"],
         tabIndex: e.tabIndex
-    }, (0, _dom.getPrefixedDataAttributes)(e.dataAttributes, "Touchable")), u = e.type ? e.type : "button", r = !!e.href && !!e.newTab, m = !r && !!e.href && !!e.loadOnTop, s = (a)=>{
+    }, (0, _dom.getPrefixedDataAttributes)(e.dataAttributes, "Touchable")), u = e.type ? e.type : "button", r = !!e.href && !!e.newTab, m = !r && !!e.href && !!e.loadOnTop, b = (a)=>{
         e.stopPropagation && a.stopPropagation();
     }, h = (a)=>{
         e.onPress && e.onPress(a);
@@ -152,15 +153,15 @@ const L = function(e) {
             f.current = !1, a();
         }));
     }, x = (a)=>{
-        if (s(a), !i.length) {
+        if (b(a), !i.length) {
             h(a);
             return;
         }
         g(()=>h(a));
     }, R = (a)=>{
-        s(a), i.length && (a.preventDefault(), g(()=>L(k(), r, m)));
+        b(a), i.length && (a.preventDefault(), g(()=>L(k(), r, m)));
     }, D = (a)=>{
-        s(a), y();
+        b(a), y();
     }, w = (a)=>{
         (a.keyCode === _keycodes.ENTER || a.keyCode === _keycodes.SPACE) && (a.preventDefault(), a.currentTarget.click());
     };

package/dist/video.js

@@ -137,8 +137,8 @@ const q = {
         "aspectRatio",
         "dataAttributes"
     ]);
-    const [a, l] = _react.useReducer(D, "loading"), s = _react.useRef(null), C = _react.useRef(), f = _react.useRef(null), w = (0, _image.useMediaBorderRadius)(), g = typeof c == "number" ? c : K[c], v = _react.useCallback(()=>{
-        a === "loading" && (l("fail"), h == null || h());
+    const [a, d] = _react.useReducer(D, "loading"), s = _react.useRef(null), C = _react.useRef(), f = _react.useRef(null), w = (0, _image.useMediaBorderRadius)(), g = typeof c == "number" ? c : K[c], v = _react.useCallback(()=>{
+        a === "loading" && (d("fail"), h == null || h());
     }, [
         h,
         a
@@ -146,9 +146,8 @@ const q = {
     _react.useEffect(()=>{
         var e;
         if (C.current !== r) {
-            C.current = r;
-            const t = setTimeout(v, T);
-            return l("reset"), (e = s.current) == null || e.load(), ()=>{
+            let t;
+            return C.current = r, d("reset"), r ? (t = setTimeout(v, T), (e = s.current) == null || e.load()) : d("fail"), ()=>{
                 clearTimeout(t);
             };
         }
@@ -160,7 +159,7 @@ const q = {
     const I = ()=>{
         y == null || y();
         const e = s.current, t = p && !(0, _platform.isRunningAcceptanceTest)();
-        l("finishLoad"), e && t && e.paused && e.play();
+        d("finishLoad"), e && t && e.paused && e.play();
     }, U = (Array.isArray(r) ? r : [
         r
     ]).map((e)=>typeof e == "string" ? {
@@ -176,11 +175,11 @@ const q = {
         preload: k,
         onError: v,
         onPause: ()=>{
-            R == null || R(), l("pause");
+            R == null || R(), d("pause");
         },
         onTimeUpdate: ()=>{
             var e;
-            a !== "playing" && ((e = s.current) == null ? void 0 : e.currentTime) !== 0 && (b == null || b(), l("play"));
+            a !== "playing" && ((e = s.current) == null ? void 0 : e.currentTime) !== 0 && (b == null || b(), d("play"));
         },
         onCanPlay: ()=>{
             p === "streaming" && I();
@@ -255,7 +254,7 @@ const q = {
                         var i;
                         (i = f.current) != null && i.style && (f.current.style.width = "100%", f.current.style.height = "100%"), setTimeout(()=>{
                             var S;
-                            l("reset"), (S = s.current) == null || S.load();
+                            d("reset"), (S = s.current) == null || S.load();
                         }, 100);
                     }, t.setCurrentTime = (i)=>{
                         s.current && (s.current.currentTime = i);

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

@@ -0,0 +1,9 @@
+import "./sprinkles.css.ts.vanilla.css-mistica.js";
+import "./accordion.css.ts.vanilla.css-mistica.js";
+var e = "_8s3szx3", v = "_1y2v1nf5z _1y2v1nf78 _1y2v1nf8h _1y2v1nf9q _1y2v1nfbt _1y2v1nfdo _1y2v1nf5y _1y2v1nfb8 _1y2v1nfca", a = "_8s3szx9", r = "_8s3szx4", t = {
+    enter: "_8s3szx5",
+    enterActive: "_8s3szx6",
+    exit: "_8s3szx7",
+    exitActive: "_8s3szx8"
+}, _ = "_8s3szx1", o = "_8s3szx2";
+export { e as chevronContainer, v as itemContent, a as panel, r as panelContainer, t as panelTransitionClasses, _ as touchableBackground, o as touchableBackgroundInverse };

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

@@ -0,0 +1,2 @@
+const a = "";
+export { a as default };

package/dist-es/accordion.js

@@ -0,0 +1,280 @@
+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;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+import { jsxs as g, jsx as t } from "react/jsx-runtime";
+import * as c from "react";
+import { Content as N } from "./list.js";
+import S from "./icons/icon-chevron.js";
+import h from "./box.js";
+import { itemContent as y, touchableBackgroundInverse as O, touchableBackground as T, chevronContainer as D, panelTransitionClasses as w, panelContainer as E, panel as P } from "./accordion.css-mistica.js";
+import L from "./stack.js";
+import { BaseTouchable as _ } from "./touchable.js";
+import k from "classnames";
+import { vars as A } from "./skins/skin-contract.css-mistica.js";
+import { getPrefixedDataAttributes as C } from "./utils/dom.js";
+import V from "./divider.js";
+import { Boxed as X } from "./boxed.js";
+import { useIsInverseVariant as j } from "./theme-variant-context.js";
+import { useAriaId as v } from "./hooks.js";
+import { CSSTransition as M } from "react-transition-group";
+const q = 400, x = /*#__PURE__*/ c.createContext({
+    index: [],
+    toogle: ()=>{}
+}), z = ()=>c.useContext(x), B = (param)=>{
+    let { value: o , defaultValue: r , onChange: n , singleOpen: d  } = param;
+    const m = o !== void 0, a = (e)=>e === void 0 ? [] : typeof e == "number" ? [
+            e
+        ] : e, [i, l] = c.useState(a(r));
+    c.useEffect(()=>l(a(r)), [
+        r
+    ]), c.useEffect(()=>{
+        i.length > 1 && d && (i.splice(1), l([
+            ...i
+        ]));
+    }, [
+        d,
+        i
+    ]);
+    const p = (e, s)=>{
+        if (!s) return [
+            e
+        ];
+        const u = s.indexOf(e);
+        return u === -1 ? d ? s = [
+            e
+        ] : s.push(e) : s.splice(u, 1), [
+            ...s
+        ];
+    }, f = (e)=>{
+        if (m || l(p(e, i)), n) {
+            const s = (m ? a(o) : i).includes(e);
+            n(e, !s);
+        }
+    };
+    return m ? [
+        a(o),
+        f
+    ] : [
+        i,
+        f
+    ];
+}, F = (o)=>{
+    const r = o == null ? void 0 : o.closest("[data-accordion]");
+    if (r) return Array.from(r.querySelectorAll("[data-accordion-item]")).filter((n)=>n.closest("[data-accordion]") === r).findIndex((n)=>n === o);
+}, R = /*#__PURE__*/ c.forwardRef((_param, m)=>{
+    var { content: o , dataAttributes: r , trackingEvent: n  } = _param, d = _object_without_properties(_param, [
+        "content",
+        "dataAttributes",
+        "trackingEvent"
+    ]);
+    const a = c.useRef(null), i = c.useRef(null), { index: l , toogle: p  } = z(), f = j(), e = v(), s = v(), [u, b] = c.useState(), I = u !== void 0 && (l == null ? void 0 : l.includes(u));
+    return c.useEffect(()=>{
+        b(F(i.current));
+    }, []), /* @__PURE__ */ g("div", _object_spread_props(_object_spread({
+        ref: i
+    }, C(_object_spread_props(_object_spread({}, r), {
+        "accordion-item": !0
+    }))), {
+        children: [
+            /* @__PURE__ */ t(_, {
+                ref: m,
+                className: k(y, f ? O : T),
+                onPress: ()=>{
+                    u !== void 0 && p(u);
+                },
+                trackingEvent: n,
+                "aria-expanded": I,
+                "aria-controls": s,
+                children: /* @__PURE__ */ t(h, {
+                    paddingX: 16,
+                    children: /* @__PURE__ */ t(N, _object_spread_props(_object_spread({
+                        labelId: e,
+                        type: "custom"
+                    }, d), {
+                        right: /* @__PURE__ */ t("div", {
+                            className: D,
+                            children: /* @__PURE__ */ t(S, {
+                                size: 24,
+                                transitionDuration: 400,
+                                direction: I ? "up" : "down",
+                                color: f ? A.colors.inverse : I ? A.colors.neutralHigh : A.colors.neutralMedium
+                            })
+                        })
+                    }))
+                })
+            }),
+            /* @__PURE__ */ t(M, {
+                in: I,
+                timeout: q,
+                nodeRef: a,
+                classNames: w,
+                mountOnEnter: !0,
+                unmountOnExit: !0,
+                children: /* @__PURE__ */ t("div", {
+                    className: E,
+                    ref: a,
+                    children: /* @__PURE__ */ t("div", {
+                        className: P,
+                        role: "region",
+                        "aria-labelledby": e,
+                        id: s,
+                        children: /* @__PURE__ */ t(h, {
+                            paddingX: 16,
+                            paddingBottom: 16,
+                            children: o
+                        })
+                    })
+                })
+            })
+        ]
+    }));
+}), co = /*#__PURE__*/ c.forwardRef((_param, n)=>/* @__PURE__ */ {
+    var { dataAttributes: o  } = _param, r = _object_without_properties(_param, [
+        "dataAttributes"
+    ]);
+    return t(R, _object_spread_props(_object_spread({}, r), {
+        ref: n,
+        dataAttributes: _object_spread({
+            "component-name": "AccordionItem"
+        }, o)
+    }));
+}), io = (param)=>{
+    let { children: o , dataAttributes: r , noLastDivider: n , index: d , defaultIndex: m , onChange: a , singleOpen: i  } = param;
+    const [l, p] = B({
+        value: d,
+        defaultValue: m,
+        onChange: a,
+        singleOpen: i
+    }), f = c.Children.count(o) - 1, e = !n;
+    return /* @__PURE__ */ t(x.Provider, {
+        value: {
+            index: l,
+            toogle: p
+        },
+        children: /* @__PURE__ */ t("div", _object_spread_props(_object_spread({}, C(_object_spread_props(_object_spread({}, r), {
+            accordion: !0
+        }), "Accordion")), {
+            children: c.Children.toArray(o).filter(Boolean).map((s, u)=>/* @__PURE__ */ g(c.Fragment, {
+                    children: [
+                        s,
+                        (u < f || e) && /* @__PURE__ */ t(h, {
+                            paddingX: 16,
+                            children: /* @__PURE__ */ t(V, {})
+                        })
+                    ]
+                }, u))
+        }))
+    });
+}, so = /*#__PURE__*/ c.forwardRef((_param, d)=>/* @__PURE__ */ {
+    var { dataAttributes: o , isInverse: r  } = _param, n = _object_without_properties(_param, [
+        "dataAttributes",
+        "isInverse"
+    ]);
+    return t(X, {
+        isInverse: r,
+        ref: d,
+        dataAttributes: _object_spread({
+            "component-name": "BoxedAccordionItem"
+        }, o),
+        children: /* @__PURE__ */ t(R, _object_spread({}, n))
+    });
+}), ao = (param)=>{
+    let { children: o , dataAttributes: r , index: n , defaultIndex: d , onChange: m , singleOpen: a  } = param;
+    const [i, l] = B({
+        value: n,
+        defaultValue: d,
+        onChange: m,
+        singleOpen: a
+    });
+    return /* @__PURE__ */ t(x.Provider, {
+        value: {
+            index: i,
+            toogle: l
+        },
+        children: /* @__PURE__ */ t(L, {
+            space: 16,
+            dataAttributes: _object_spread({
+                "component-name": "BoxedAccordion",
+                accordion: !0
+            }, r),
+            children: o
+        })
+    });
+};
+export { io as Accordion, co as AccordionItem, ao as BoxedAccordion, so as BoxedAccordionItem, z as useAccordionContext };