@telefonica/mistica 17.8.0 → 17.10.0

package/dist/accordion.js

@@ -11,16 +11,16 @@ function _export(target, all) {
 }
 _export(exports, {
     get Accordion () {
-        return be;
+        return he;
     },
     get AccordionItem () {
-        return Ae;
+        return pe;
     },
     get BoxedAccordion () {
-        return Be;
+        return Ae;
     },
     get BoxedAccordionItem () {
-        return Ce;
+        return ge;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -165,58 +165,54 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const B = 400, A = /*#__PURE__*/ _react.createContext({
+const N = 400, A = /*#__PURE__*/ _react.createContext({
     index: [],
     toggle: ()=>{}
-}), te = ()=>_react.useContext(A), R = (param)=>{
-    let { value: r, defaultValue: e, onChange: n, singleOpen: c } = param;
-    const s = r !== void 0, l = (t)=>t === void 0 ? [] : typeof t == "number" ? [
-            t
-        ] : t, [a, p] = _react.useState(l(e));
+}), $ = ()=>_react.useContext(A), y = (param)=>{
+    let { value: t, defaultValue: r, onChange: n, singleOpen: c } = param;
+    const s = t !== void 0, l = (e)=>e === void 0 ? [] : typeof e == "number" ? [
+            e
+        ] : e, [a, v] = _react.useState(l(r));
     _react.useEffect(()=>{
         if (a.length > 1 && c) {
-            const t = [
+            const e = [
                 ...a
             ];
-            t.splice(1), p(t);
+            e.splice(1), v(e);
         }
     }, [
         c,
         a
     ]);
-    const x = (t, u)=>{
+    const x = (e, u)=>{
         if (!u) return [
-            t
+            e
         ];
-        const f = u.indexOf(t);
+        const f = u.indexOf(e);
         let d = [
             ...u
         ];
         return f === -1 ? c ? d = [
-            t
-        ] : d.push(t) : d.splice(f, 1), d;
-    }, m = (t)=>{
-        if (s || p(x(t, a)), n) {
-            const u = (s ? l(r) : a).includes(t);
-            n(t, !u);
+            e
+        ] : d.push(e) : d.splice(f, 1), d;
+    }, m = (e)=>{
+        if (s || v(x(e, a)), n) {
+            const u = (s ? l(t) : a).includes(e);
+            n(e, !u);
         }
     };
     return s ? [
-        l(r),
+        l(t),
         m
     ] : [
         a,
         m
     ];
-}, oe = (r)=>{
-    const e = r === null || r === void 0 ? void 0 : r.closest("[data-accordion]");
-    if (e) return Array.from(e.querySelectorAll("[data-accordion-item]")).filter((n)=>n.closest("[data-accordion]") === e).findIndex((n)=>n === r);
-}, re = (r)=>{
-    if (!/*#__PURE__*/ _react.isValidElement(r)) return "";
-    const e = r.props;
-    return typeof e.alt == "string" && e.alt.trim() ? e.alt.trim() : typeof e["aria-label"] == "string" && e["aria-label"].trim() ? e["aria-label"].trim() : "";
-}, S = /*#__PURE__*/ _react.forwardRef((_param, p)=>{
-    var { content: r, dataAttributes: e, trackingEvent: n, right: c, "aria-label": s, "aria-labelledby": l } = _param, a = _object_without_properties(_param, [
+}, ee = (t)=>{
+    const r = t === null || t === void 0 ? 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);
+}, S = /*#__PURE__*/ _react.forwardRef((_param, v)=>{
+    var { content: t, dataAttributes: r, trackingEvent: n, right: c, "aria-label": s, "aria-labelledby": l } = _param, a = _object_without_properties(_param, [
         "content",
         "dataAttributes",
         "trackingEvent",
@@ -224,36 +220,33 @@ const B = 400, A = /*#__PURE__*/ _react.createContext({
         "aria-label",
         "aria-labelledby"
     ]);
-    const x = _react.useRef(null), m = _react.useRef(null), { index: t, toggle: u } = te(), f = (0, _themevariantcontext.useThemeVariant)(), d = _react.useId(), b = _react.useId(), T = re(a.asset), O = s !== null && s !== void 0 ? s : [
-        a.title,
-        T
-    ].filter(Boolean).join(" "), [h, P] = _react.useState(), I = h !== void 0 && (t === null || t === void 0 ? void 0 : t.includes(h));
+    const x = _react.useRef(null), m = _react.useRef(null), { index: e, toggle: u } = $(), f = (0, _themevariantcontext.useThemeVariant)(), d = _react.useId(), C = _react.useId(), [h, T] = _react.useState(), p = h !== void 0 && (e === null || e === void 0 ? void 0 : e.includes(h));
     _react.useEffect(()=>{
-        P(oe(m.current));
+        T(ee(m.current));
     }, []);
-    const w = {
-        default: I ? _skincontractcssmistica.vars.colors.chevronIndicator : _skincontractcssmistica.vars.colors.chevronIndicator,
-        alternative: I ? _skincontractcssmistica.vars.colors.chevronIndicator : _skincontractcssmistica.vars.colors.chevronIndicator,
+    const O = {
+        default: p ? _skincontractcssmistica.vars.colors.chevronIndicator : _skincontractcssmistica.vars.colors.chevronIndicator,
+        alternative: p ? _skincontractcssmistica.vars.colors.chevronIndicator : _skincontractcssmistica.vars.colors.chevronIndicator,
         brand: _skincontractcssmistica.vars.colors.textSecondaryBrand,
         media: _skincontractcssmistica.vars.colors.textSecondaryBrand,
         negative: _skincontractcssmistica.vars.colors.textSecondaryNegative
     }[f];
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", _object_spread_props(_object_spread({
         ref: m
-    }, (0, _dom.getPrefixedDataAttributes)(_object_spread_props(_object_spread({}, e), {
+    }, (0, _dom.getPrefixedDataAttributes)(_object_spread_props(_object_spread({}, r), {
         "accordion-item": !0
     }))), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, {
-                ref: p,
+                ref: v,
                 className: (0, _classnames.default)(_accordioncssmistica.itemContent, f === "brand" || f === "media" || f === "negative" ? _accordioncssmistica.touchableBackgroundOverBrand : _accordioncssmistica.touchableBackground),
                 onPress: ()=>{
                     h !== void 0 && u(h);
                 },
                 trackingEvent: n,
-                "aria-expanded": I,
-                "aria-controls": b,
-                "aria-label": O,
+                "aria-expanded": p,
+                "aria-controls": C,
+                "aria-label": s,
                 "aria-labelledby": l,
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                     className: _accordioncssmistica.accordionContentPadding,
@@ -261,10 +254,10 @@ const B = 400, A = /*#__PURE__*/ _react.createContext({
                         labelId: d
                     }, a), {
                         right: (param)=>{
-                            let { centerY: V } = param;
+                            let { centerY: P } = param;
                             return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_inline.default, {
                                 space: 4,
-                                alignItems: V ? "center" : void 0,
+                                alignItems: P ? "center" : void 0,
                                 className: _accordioncssmistica.rightContentContainer,
                                 children: [
                                     c,
@@ -272,9 +265,9 @@ const B = 400, A = /*#__PURE__*/ _react.createContext({
                                         className: _accordioncssmistica.chevronContainer,
                                         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconchevron.default, {
                                             size: 20,
-                                            transitionDuration: B,
-                                            direction: I ? "up" : "down",
-                                            color: w
+                                            transitionDuration: N,
+                                            direction: p ? "up" : "down",
+                                            color: O
                                         })
                                     })
                                 ]
@@ -284,8 +277,8 @@ const B = 400, A = /*#__PURE__*/ _react.createContext({
                 })
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)(_reacttransitiongroup.CSSTransition, {
-                in: I,
-                timeout: (0, _platform.isRunningAcceptanceTest)() ? 0 : B,
+                in: p,
+                timeout: (0, _platform.isRunningAcceptanceTest)() ? 0 : N,
                 nodeRef: x,
                 classNames: _accordioncssmistica.panelTransitionClasses,
                 mountOnEnter: !0,
@@ -297,42 +290,42 @@ const B = 400, A = /*#__PURE__*/ _react.createContext({
                         className: _accordioncssmistica.panel,
                         role: "region",
                         "aria-labelledby": d,
-                        id: b,
+                        id: C,
                         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                             className: _accordioncssmistica.accordionContentPadding,
                             style: {
                                 paddingBottom: 16
                             },
-                            children: r
+                            children: t
                         })
                     })
                 })
             })
         ]
     }));
-}), Ae = /*#__PURE__*/ _react.forwardRef((_param, c)=>{
-    var { dataAttributes: r, role: e } = _param, n = _object_without_properties(_param, [
+}), pe = /*#__PURE__*/ _react.forwardRef((_param, c)=>{
+    var { dataAttributes: t, role: r } = _param, n = _object_without_properties(_param, [
         "dataAttributes",
         "role"
     ]);
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-        role: e,
+        role: r,
         className: _accordioncssmistica.accordionItem,
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(S, _object_spread_props(_object_spread({}, n), {
             ref: c,
             dataAttributes: _object_spread({
                 testid: "AccordionItem"
-            }, r)
+            }, t)
         }))
     });
-}), be = (param)=>{
-    let { children: r, dataAttributes: e, index: n, defaultIndex: c, onChange: s, singleOpen: l, role: a, small: p = !1 } = param;
-    const [x, m] = R({
+}), he = (param)=>{
+    let { children: t, dataAttributes: r, index: n, defaultIndex: c, onChange: s, singleOpen: l, role: a, small: v = !1 } = param;
+    const [x, m] = y({
         value: n,
         defaultValue: c,
         onChange: s,
         singleOpen: l
-    }), t = _react.Children.toArray(r).filter(Boolean), u = t.length - 1;
+    }), e = _react.Children.toArray(t).filter(Boolean), u = e.length - 1;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(A.Provider, {
         value: {
             index: x,
@@ -340,16 +333,16 @@ const B = 400, A = /*#__PURE__*/ _react.createContext({
         },
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_list.ListContext.Provider, {
             value: {
-                small: p
+                small: v
             },
             children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({
                 role: a
             }, (0, _dom.getPrefixedDataAttributes)(_object_spread_props(_object_spread({
                 testid: "Accordion"
-            }, e), {
+            }, r), {
                 accordion: !0
             }))), {
-                children: t.map((f, d)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)(_react.Fragment, {
+                children: e.map((f, d)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)(_react.Fragment, {
                         children: [
                             f,
                             d < u && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
@@ -361,24 +354,24 @@ const B = 400, A = /*#__PURE__*/ _react.createContext({
             }))
         })
     });
-}, Ce = /*#__PURE__*/ _react.forwardRef((_param, c)=>{
-    var { dataAttributes: r, variant: e } = _param, n = _object_without_properties(_param, [
+}, ge = /*#__PURE__*/ _react.forwardRef((_param, c)=>{
+    var { dataAttributes: t, variant: r } = _param, n = _object_without_properties(_param, [
         "dataAttributes",
         "variant"
     ]);
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(_boxed.InternalBoxed, {
         overflow: "visible",
         className: _accordioncssmistica.boxed,
-        variant: e !== null && e !== void 0 ? e : "default",
+        variant: r !== null && r !== void 0 ? r : "default",
         ref: c,
         dataAttributes: _object_spread({
             testid: "BoxedAccordionItem"
-        }, r),
+        }, t),
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(S, _object_spread({}, n))
     });
-}), Be = (param)=>{
-    let { children: r, dataAttributes: e, index: n, defaultIndex: c, onChange: s, singleOpen: l, role: a, small: p = !1 } = param;
-    const [x, m] = R({
+}), Ae = (param)=>{
+    let { children: t, dataAttributes: r, index: n, defaultIndex: c, onChange: s, singleOpen: l, role: a, small: v = !1 } = param;
+    const [x, m] = y({
         value: n,
         defaultValue: c,
         onChange: s,
@@ -391,7 +384,7 @@ const B = 400, A = /*#__PURE__*/ _react.createContext({
         },
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_list.ListContext.Provider, {
             value: {
-                small: p
+                small: v
             },
             children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_stack.default, {
                 space: 16,
@@ -399,8 +392,8 @@ const B = 400, A = /*#__PURE__*/ _react.createContext({
                 dataAttributes: _object_spread({
                     testid: "BoxedAccordion",
                     accordion: !0
-                }, e),
-                children: r
+                }, r),
+                children: t
             })
         })
     });

package/dist/align.css-mistica.js

@@ -8,4 +8,4 @@ Object.defineProperty(exports, "container", {
         return o;
     }
 });
-/* empty css                                 */ var o = "v17_8_1mfs0fk0";
+/* empty css                                 */ var o = "v17_10_1mfs0fk0";

package/dist/autocomplete.css-mistica.js

@@ -13,16 +13,16 @@ _export(exports, {
         return n;
     },
     get optionBaseItem () {
-        return y;
+        return f;
     },
     get optionItem () {
-        return f;
+        return t;
     },
     get optionItemSelected () {
-        return j;
+        return y;
     },
     get optionsList () {
         return r;
     }
 });
-/* empty css                                     */ /* empty css                                        */ var n = "v17_8_1rj3nw81 v17_8_1rj3nw80 v17_8_1y2v1nfr8", r = "v17_8_1rj3nw83 v17_8_1rj3nw82 v17_8_1y2v1nfhg v17_8_1y2v1nfip v17_8_1y2v1nfjy v17_8_1y2v1nfl7 v17_8_1y2v1nfr9 v17_8_1y2v1nfu7", y = "v17_8_1rj3nw85 v17_8_1rj3nw84 v17_8_1y2v1nfjy v17_8_1y2v1nfl7 v17_8_1y2v1nfhj v17_8_1y2v1nfis", f = "v17_8_1rj3nw87 v17_8_1rj3nw85 v17_8_1rj3nw84 v17_8_1y2v1nfjy v17_8_1y2v1nfl7 v17_8_1y2v1nfhj v17_8_1y2v1nfis v17_8_1rj3nw86 v17_8_1y2v1nfuh", j = "v17_8_1rj3nw88";
+/* empty css                                     */ /* empty css                                        */ var n = "v17_10_1rj3nw81 v17_10_1rj3nw80 v17_10_1y2v1nfrs", r = "v17_10_1rj3nw83 v17_10_1rj3nw82 v17_10_1y2v1nfi0 v17_10_1y2v1nfj9 v17_10_1y2v1nfki v17_10_1y2v1nflr v17_10_1y2v1nfrt v17_10_1y2v1nfur", f = "v17_10_1rj3nw85 v17_10_1rj3nw84 v17_10_1y2v1nfki v17_10_1y2v1nflr v17_10_1y2v1nfi3 v17_10_1y2v1nfjc", t = "v17_10_1rj3nw87 v17_10_1rj3nw85 v17_10_1rj3nw84 v17_10_1y2v1nfki v17_10_1y2v1nflr v17_10_1y2v1nfi3 v17_10_1y2v1nfjc v17_10_1rj3nw86 v17_10_1y2v1nfv1", y = "v17_10_1rj3nw88";

package/dist/avatar.css-mistica.js

@@ -10,10 +10,10 @@ function _export(target, all) {
 }
 _export(exports, {
     get avatar () {
-        return r;
+        return f;
     },
     get image () {
-        return f;
+        return r;
     }
 });
-/* empty css                                     */ /* empty css                                  */ var r = "v17_8_f1g4uj0 v17_8_1y2v1nfud v17_8_1y2v1nfre v17_8_1y2v1nfrt v17_8_1y2v1nfrn v17_8_1y2v1nfui", f = "v17_8_f1g4uj1 v17_8_1y2v1nfwc";
+/* empty css                                     */ /* empty css                                  */ var f = "v17_10_f1g4uj0 v17_10_1y2v1nfux v17_10_1y2v1nfry v17_10_1y2v1nfsd v17_10_1y2v1nfs7 v17_10_1y2v1nfv2", r = "v17_10_f1g4uj1 v17_10_1y2v1nfww";

package/dist/badge.css-mistica.js

@@ -13,13 +13,13 @@ _export(exports, {
         return d;
     },
     get badgeBigNumber () {
-        return n;
+        return a;
     },
     get badgeBorder () {
         return m;
     },
     get badgeNumber () {
-        return a;
+        return s;
     },
     get badgeWithChildren () {
         return e;
@@ -28,4 +28,4 @@ _export(exports, {
         return r;
     }
 });
-/* empty css                                     */ /* empty css                                 */ var r = "v17_8_17szrmd0 v17_8_1y2v1nfr8 v17_8_1y2v1nfri", d = "v17_8_17szrmd2 v17_8_17szrmd1 v17_8_1y2v1nfdp", m = "v17_8_17szrmd3", a = "v17_8_17szrmd5 v17_8_17szrmd2 v17_8_17szrmd1 v17_8_1y2v1nfdp v17_8_17szrmd4 v17_8_1y2v1nfre v17_8_1y2v1nfrt v17_8_1y2v1nfrn", e = "v17_8_17szrmd6 v17_8_1y2v1nfr9", n = "v17_8_17szrmd7";
+/* empty css                                     */ /* empty css                                 */ var r = "v17_10_17szrmd0 v17_10_1y2v1nfrs v17_10_1y2v1nfs2", d = "v17_10_17szrmd2 v17_10_17szrmd1 v17_10_1y2v1nfe9", m = "v17_10_17szrmd3", s = "v17_10_17szrmd5 v17_10_17szrmd2 v17_10_17szrmd1 v17_10_1y2v1nfe9 v17_10_17szrmd4 v17_10_1y2v1nfry v17_10_1y2v1nfsd v17_10_1y2v1nfs7", e = "v17_10_17szrmd6 v17_10_1y2v1nfrt", a = "v17_10_17szrmd7";

package/dist/box.css-mistica.js

@@ -18,23 +18,23 @@ _export(exports, {
 });
 /* empty css                               */ var _ = {
     paddingTop: {
-        desktop: "var(--v17_8_1xgjmkv0)",
-        tablet: "var(--v17_8_1xgjmkv1)",
-        mobile: "var(--v17_8_1xgjmkv2)"
+        desktop: "var(--v17_10_1xgjmkv0)",
+        tablet: "var(--v17_10_1xgjmkv1)",
+        mobile: "var(--v17_10_1xgjmkv2)"
     },
     paddingBottom: {
-        desktop: "var(--v17_8_1xgjmkv3)",
-        tablet: "var(--v17_8_1xgjmkv4)",
-        mobile: "var(--v17_8_1xgjmkv5)"
+        desktop: "var(--v17_10_1xgjmkv3)",
+        tablet: "var(--v17_10_1xgjmkv4)",
+        mobile: "var(--v17_10_1xgjmkv5)"
     },
     paddingLeft: {
-        desktop: "var(--v17_8_1xgjmkv6)",
-        tablet: "var(--v17_8_1xgjmkv7)",
-        mobile: "var(--v17_8_1xgjmkv8)"
+        desktop: "var(--v17_10_1xgjmkv6)",
+        tablet: "var(--v17_10_1xgjmkv7)",
+        mobile: "var(--v17_10_1xgjmkv8)"
     },
     paddingRight: {
-        desktop: "var(--v17_8_1xgjmkv9)",
-        tablet: "var(--v17_8_1xgjmkva)",
-        mobile: "var(--v17_8_1xgjmkvb)"
+        desktop: "var(--v17_10_1xgjmkv9)",
+        tablet: "var(--v17_10_1xgjmkva)",
+        mobile: "var(--v17_10_1xgjmkvb)"
     }
-}, a = "v17_8_1xgjmkvc";
+}, a = "v17_10_1xgjmkvc";

package/dist/boxed.css-mistica.js

@@ -29,32 +29,32 @@ _export(exports, {
     }
 });
 /* empty css                                     */ /* empty css                                 */ var _ = {
-    width: "var(--v17_8_ihbkeq0)",
-    height: "var(--v17_8_ihbkeq1)",
-    minHeight: "var(--v17_8_ihbkeq2)",
-    maxWidth: "var(--v17_8_ihbkeq3)",
-    minWidth: "var(--v17_8_ihbkeq4)",
+    width: "var(--v17_10_ihbkeq0)",
+    height: "var(--v17_10_ihbkeq1)",
+    minHeight: "var(--v17_10_ihbkeq2)",
+    maxWidth: "var(--v17_10_ihbkeq3)",
+    minWidth: "var(--v17_10_ihbkeq4)",
     mobile: {
-        width: "var(--v17_8_ihbkeq5)",
-        height: "var(--v17_8_ihbkeq6)",
-        minHeight: "var(--v17_8_ihbkeq7)",
-        maxWidth: "var(--v17_8_ihbkeq8)",
-        minWidth: "var(--v17_8_ihbkeq9)"
+        width: "var(--v17_10_ihbkeq5)",
+        height: "var(--v17_10_ihbkeq6)",
+        minHeight: "var(--v17_10_ihbkeq7)",
+        maxWidth: "var(--v17_10_ihbkeq8)",
+        minWidth: "var(--v17_10_ihbkeq9)"
     },
     tablet: {
-        width: "var(--v17_8_ihbkeqa)",
-        height: "var(--v17_8_ihbkeqb)",
-        minHeight: "var(--v17_8_ihbkeqc)",
-        maxWidth: "var(--v17_8_ihbkeqd)",
-        minWidth: "var(--v17_8_ihbkeqe)"
+        width: "var(--v17_10_ihbkeqa)",
+        height: "var(--v17_10_ihbkeqb)",
+        minHeight: "var(--v17_10_ihbkeqc)",
+        maxWidth: "var(--v17_10_ihbkeqd)",
+        minWidth: "var(--v17_10_ihbkeqe)"
     },
     desktop: {
-        width: "var(--v17_8_ihbkeqf)",
-        height: "var(--v17_8_ihbkeqg)",
-        minHeight: "var(--v17_8_ihbkeqh)",
-        maxWidth: "var(--v17_8_ihbkeqi)",
-        minWidth: "var(--v17_8_ihbkeqj)"
-    },
-    background: "var(--v17_8_ihbkeqk)",
-    borderRadius: "var(--v17_8_ihbkeql)"
-}, h = "v17_8_ihbkeqm", e = "v17_8_ihbkeqn v17_8_1y2v1nfui", r = "v17_8_ihbkeqo v17_8_1y2v1nftv", a = "v17_8_ihbkeqp", b = "v17_8_ihbkeqq v17_8_1y2v1nftw";
+        width: "var(--v17_10_ihbkeqf)",
+        height: "var(--v17_10_ihbkeqg)",
+        minHeight: "var(--v17_10_ihbkeqh)",
+        maxWidth: "var(--v17_10_ihbkeqi)",
+        minWidth: "var(--v17_10_ihbkeqj)"
+    },
+    background: "var(--v17_10_ihbkeqk)",
+    borderRadius: "var(--v17_10_ihbkeql)"
+}, h = "v17_10_ihbkeqm", e = "v17_10_ihbkeqn v17_10_1y2v1nfv2", r = "v17_10_ihbkeqo v17_10_1y2v1nfuf", a = "v17_10_ihbkeqp", b = "v17_10_ihbkeqq v17_10_1y2v1nfug";

package/dist/boxed.d.ts

@@ -1,5 +1,4 @@
 import * as React from 'react';
-import { vars } from './skins/skin-contract.css';
 import type { Variant } from './theme-variant-context';
 import type { ComponentPropertiesConfig } from './skins/types';
 import type { ByBreakpoint, DataAttributes } from './utils/types';
@@ -17,9 +16,10 @@ type Props = {
     minWidth?: ByBreakpoint<number | string>;
     height?: ByBreakpoint<number | string>;
     minHeight?: ByBreakpoint<number | string>;
+    /** Numbers are interpreted as pixels and must be >= 0. Defaults to the skin container border radius */
+    borderRadius?: number | string;
 };
 type InternalProps = {
-    borderRadius?: typeof vars.borderRadii.container | string;
     border?: string;
     desktopOnly?: boolean;
     background?: string;

package/dist/boxed.js

@@ -14,10 +14,10 @@ _export(exports, {
         return Y;
     },
     get InternalBoxed () {
-        return F;
+        return E;
     },
     get shouldShowBoxedBorder () {
-        return q;
+        return M;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -127,46 +127,46 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-const q = (o, r, e)=>o === "default" && (r === "default" || r === "alternative") && e[r], E = (o, r, e)=>q(o, r, e) ? _boxedcssmistica.boxBorder : _boxedcssmistica.noBorder, d = (o)=>typeof o == "number" ? `${o}px` : o !== null && o !== void 0 ? o : "initial", a = (o, r)=>{
+const M = (e, r, o)=>e === "default" && (r === "default" || r === "alternative") && o[r], q = (e, r, o)=>M(e, r, o) ? _boxedcssmistica.boxBorder : _boxedcssmistica.noBorder, s = (e)=>typeof e == "number" ? `${e}px` : e !== null && e !== void 0 ? e : "initial", a = (e, r)=>{
     if (typeof r == "number" || typeof r == "string" || typeof r > "u") return {
-        [_boxedcssmistica.vars[o]]: d(r)
+        [_boxedcssmistica.vars[e]]: s(r)
     };
-    const e = {
-        [_boxedcssmistica.vars.mobile[o]]: d(r.mobile),
-        [_boxedcssmistica.vars.desktop[o]]: d(r.desktop)
+    const o = {
+        [_boxedcssmistica.vars.mobile[e]]: s(r.mobile),
+        [_boxedcssmistica.vars.desktop[e]]: s(r.desktop)
     };
-    return r.tablet && (e[_boxedcssmistica.vars.tablet[o]] = d(r.tablet)), e;
-}, F = /*#__PURE__*/ _react.forwardRef((param, v)=>{
-    let { children: o, className: r, role: e, dataAttributes: b, "aria-label": p, "aria-labelledby": u, width: g, maxWidth: h, minWidth: B, height: y, minHeight: k, borderRadius: x = _skincontractcssmistica.vars.borderRadii.container, background: m, desktopOnly: C, variant: w, overflow: R, border: V } = param;
-    const i = (0, _themevariantcontext.normalizeVariant)((0, _themevariantcontext.useThemeVariant)()), s = (0, _themevariantcontext.normalizeVariant)(w !== null && w !== void 0 ? w : "default"), { componentProperties: O } = (0, _hooks.useTheme)();
+    return r.tablet && (o[_boxedcssmistica.vars.tablet[e]] = s(r.tablet)), o;
+}, E = /*#__PURE__*/ _react.forwardRef((param, O)=>{
+    let { children: e, className: r, role: o, dataAttributes: p, "aria-label": u, "aria-labelledby": g, width: h, maxWidth: x, minWidth: y, height: B, minHeight: k, borderRadius: d = _skincontractcssmistica.vars.borderRadii.container, background: c, desktopOnly: C, variant: w, overflow: V, border: v } = param;
+    const i = (0, _themevariantcontext.normalizeVariant)((0, _themevariantcontext.useThemeVariant)()), l = (0, _themevariantcontext.normalizeVariant)(w !== null && w !== void 0 ? w : "default"), { componentProperties: R } = (0, _hooks.useTheme)();
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({
-        ref: v,
-        style: _object_spread_props(_object_spread({}, (0, _css.applyCssVars)(_object_spread_props(_object_spread({}, a("width", g), a("maxWidth", h), a("minWidth", B), a("height", y), a("minHeight", k)), {
-            [_boxedcssmistica.vars.background]: m !== null && m !== void 0 ? m : ({
+        ref: O,
+        style: _object_spread_props(_object_spread({}, (0, _css.applyCssVars)(_object_spread_props(_object_spread({}, a("width", h), a("maxWidth", x), a("minWidth", y), a("height", B), a("minHeight", k)), {
+            [_boxedcssmistica.vars.background]: c !== null && c !== void 0 ? c : ({
                 default: _skincontractcssmistica.vars.colors.backgroundContainer,
                 brand: i === "brand" || i === "negative" || i === "media" ? _skincontractcssmistica.vars.colors.backgroundContainerBrandOverBrand : _skincontractcssmistica.vars.colors.backgroundContainerBrand,
                 negative: _skincontractcssmistica.vars.colors.backgroundContainerNegative,
                 alternative: _skincontractcssmistica.vars.colors.backgroundContainerAlternative,
                 media: _skincontractcssmistica.vars.colors.backgroundContainer
-            })[s],
-            [_boxedcssmistica.vars.borderRadius]: x
+            })[l],
+            [_boxedcssmistica.vars.borderRadius]: typeof d == "number" ? `${Math.max(0, d)}px` : d
         }))), {
-            background: m,
-            border: V
+            background: c,
+            border: v
         }),
-        className: (0, _classnames.default)(r, _boxedcssmistica.boxed, E(s, i, O.showBoxedBorder), {
+        className: (0, _classnames.default)(r, _boxedcssmistica.boxed, q(l, i, R.showBoxedBorder), {
             [_boxedcssmistica.desktopOnly]: C,
-            [_boxedcssmistica.overflowHidden]: R !== "visible"
+            [_boxedcssmistica.overflowHidden]: V !== "visible"
         }),
-        role: e,
-        "aria-label": p,
-        "aria-labelledby": u
-    }, (0, _dom.getPrefixedDataAttributes)(b)), {
+        role: o,
+        "aria-label": u,
+        "aria-labelledby": g
+    }, (0, _dom.getPrefixedDataAttributes)(p)), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_themevariantcontext.ThemeVariant, {
-            variant: s,
-            children: o
+            variant: l,
+            children: e
         })
     }));
-}), Y = /*#__PURE__*/ _react.forwardRef((o, r)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(F, _object_spread_props(_object_spread({}, o), {
+}), Y = /*#__PURE__*/ _react.forwardRef((e, r)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(E, _object_spread_props(_object_spread({}, e), {
         ref: r
     })));

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

@@ -22,7 +22,7 @@ _export(exports, {
         return a;
     },
     get centerInMobile () {
-        return n;
+        return r;
     },
     get centerInTablet () {
         return t;
@@ -34,7 +34,7 @@ _export(exports, {
         return h;
     },
     get inline () {
-        return r;
+        return n;
     }
 });
-/* empty css                                     */ /* empty css                                  */ /* empty css                                        */ var r = "v17_8_1xdd1h61 v17_8_1xdd1h60 v17_8_1y2v1nfrf v17_8_1y2v1nfrt v17_8_1y2v1nfrj", n = "v17_8_1xdd1h62", t = "v17_8_1xdd1h63", a = "v17_8_1xdd1h64", e = "v17_8_1xdd1h65", h = "v17_8_1xdd1h66", i = "v17_8_1xdd1h67", o = "v17_8_1xdd1h68", x = "v17_8_1xdd1h69";
+/* empty css                                     */ /* empty css                                  */ /* empty css                                        */ var n = "v17_10_1xdd1h61 v17_10_1xdd1h60 v17_10_1y2v1nfrz v17_10_1y2v1nfsd v17_10_1y2v1nfs3", r = "v17_10_1xdd1h62", t = "v17_10_1xdd1h63", a = "v17_10_1xdd1h64", e = "v17_10_1xdd1h65", h = "v17_10_1xdd1h66", i = "v17_10_1xdd1h67", o = "v17_10_1xdd1h68", x = "v17_10_1xdd1h69";