@telefonica/mistica 14.8.0 → 14.10.0

package/dist/generated/mistica-icons/icon-chevron-right-regular.js

@@ -113,7 +113,7 @@ const d = (_param)=>{
     }, i), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             fill: a,
-            d: "M8.2 18.733a.79.79 0 000 1.05.64.64 0 00.962 0l6.639-7.238A.777.777 0 0016 12a.777.777 0 00-.2-.545L9.163 4.217a.641.641 0 00-.963 0 .79.79 0 000 1.05L14.376 12l-6.177 6.733z"
+            d: "M9.2 18.733a.79.79 0 000 1.05.64.64 0 00.962 0l6.639-7.238A.777.777 0 0017 12a.777.777 0 00-.2-.545l-6.638-7.238a.641.641 0 00-.963 0 .79.79 0 000 1.05L15.376 12l-6.177 6.733z"
         })
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
@@ -123,7 +123,7 @@ const d = (_param)=>{
     }, i), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             fill: a,
-            d: "M8.339 20a.823.823 0 01-.617-.285.928.928 0 01.048-1.256l6.73-6.518L7.72 5.4c-.343-.335-.22-.9 0-1.108.28-.28.82-.392 1.163-.08l.02.018 7.323 7.046a.905.905 0 01.274.654.913.913 0 01-.268.658l-7.325 7.175A.804.804 0 018.34 20z"
+            d: "M9.839 20a.823.823 0 01-.617-.285.928.928 0 01.048-1.256L16 11.94 9.22 5.4c-.343-.335-.22-.9 0-1.108.28-.28.82-.392 1.163-.08l.02.018 7.323 7.046a.905.905 0 01.274.654.913.913 0 01-.268.658l-7.325 7.175A.803.803 0 019.84 20z"
         })
     }));
 };

package/dist/horizontal-scroll.css-mistica.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    noScrollbar: ()=>m,
+    scroll: ()=>v
+});
+require("./sprinkles.css.ts.vanilla.js");
+require("./responsive-layout.css.ts.vanilla.js");
+require("./horizontal-scroll.css.ts.vanilla.js");
+var m = "_1gl3gmv2", v = "_1gl3gmv1 _1y2v1nf5q";

package/dist/horizontal-scroll.css.d.ts

@@ -0,0 +1,2 @@
+export declare const scroll: string;
+export declare const noScrollbar: string;

package/dist/horizontal-scroll.css.ts.vanilla.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: ()=>l
+});
+const l = "";

package/dist/horizontal-scroll.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+type Props = {
+    children: React.ReactNode;
+    noScrollbar?: boolean;
+};
+declare const HorizontalScroll: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+export default HorizontalScroll;

package/dist/horizontal-scroll.js

@@ -0,0 +1,66 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: ()=>n
+});
+const _classnames = /*#__PURE__*/ _interopRequireDefault(require("classnames"));
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _horizontalScrollCssMisticaJs = require("./horizontal-scroll.css-mistica.js");
+const _jsxRuntimeJs = require("./_virtual/jsx-runtime.js");
+function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interopRequireWildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {};
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+const n = /*#__PURE__*/ _react.forwardRef((param, a)=>/* @__PURE__ */ {
+    let { children: r , noScrollbar: o  } = param;
+    return (0, _jsxRuntimeJs.jsx)("div", {
+        className: (0, _classnames.default)(_horizontalScrollCssMisticaJs.scroll, {
+            [_horizontalScrollCssMisticaJs.noScrollbar]: o
+        }),
+        ref: a,
+        children: r
+    });
+});

package/dist/index.d.ts

@@ -47,6 +47,7 @@ export { default as RadioButton, RadioGroup } from './radio-button';
 export { default as NegativeBox } from './negative-box';
 export { default as Tabs } from './tabs';
 export { default as Inline } from './inline';
+export { default as HorizontalScroll } from './horizontal-scroll';
 export { default as HighlightedCard } from './highlighted-card';
 export { default as Stepper } from './stepper';
 export { default as ProgressBar } from './progress-bar';
@@ -89,6 +90,7 @@ export { default as PasswordField } from './password-field';
 export { default as DoubleField } from './double-field';
 export { default as IbanField } from './iban-field';
 export { useForm, useFieldProps } from './form-context';
+export type { FormValues } from './form';
 export { default as IconInfo } from './icons/icon-info';
 export { default as IconChevron } from './icons/icon-chevron';
 export { default as IconError } from './icons/icon-error';

package/dist/index.js

@@ -57,6 +57,7 @@ _export(exports, {
     HeaderLayout: ()=>_headerJs.HeaderLayout,
     Hero: ()=>_heroJs.default,
     HighlightedCard: ()=>_highlightedCardJs.default,
+    HorizontalScroll: ()=>_horizontalScrollJs.default,
     IbanField: ()=>_ibanFieldJs.default,
     Icon2GFilled: ()=>_icon2GFilledJs.default,
     Icon2GRegular: ()=>_icon2GRegularJs.default,
@@ -1882,6 +1883,7 @@ const _radioButtonJs = /*#__PURE__*/ _interopRequireWildcard(require("./radio-bu
 const _negativeBoxJs = /*#__PURE__*/ _interopRequireDefault(require("./negative-box.js"));
 const _tabsJs = /*#__PURE__*/ _interopRequireDefault(require("./tabs.js"));
 const _inlineJs = /*#__PURE__*/ _interopRequireDefault(require("./inline.js"));
+const _horizontalScrollJs = /*#__PURE__*/ _interopRequireDefault(require("./horizontal-scroll.js"));
 const _highlightedCardJs = /*#__PURE__*/ _interopRequireDefault(require("./highlighted-card.js"));
 const _stepperJs = /*#__PURE__*/ _interopRequireDefault(require("./stepper.js"));
 const _progressBarJs = /*#__PURE__*/ _interopRequireDefault(require("./progress-bar.js"));

package/dist/list.js

@@ -156,9 +156,9 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-const _ = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
-        centerY: r
-    }) : r ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
+const _ = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
+        centerY: n
+    }) : n ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
         style: {
             display: "flex",
             alignItems: "center",
@@ -166,11 +166,11 @@ const _ = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
         },
         children: e
     }) : e, ve = (param)=>{
-    let { withChevron: e , headline: r , title: i , titleLinesMax: a , subtitle: l , subtitleLinesMax: v , description: s , descriptionLinesMax: B , asset: b , type: I = "basic" , badge: L , right: T , extra: V , labelId: m , disabled: u  } = param;
-    const h = (0, _themeVariantContextJs.useIsInverseVariant)(), n = [
-        r,
+    let { withChevron: e , headline: n , title: i , titleLinesMax: a , subtitle: d , subtitleLinesMax: v , description: s , descriptionLinesMax: B , asset: b , type: I = "basic" , badge: L , right: T , extra: V , labelId: m , disabled: u  } = param;
+    const h = (0, _themeVariantContextJs.useIsInverseVariant)(), r = [
+        n,
         i,
-        l,
+        d,
         s,
         V
     ].filter(Boolean).length === 1, S = ()=>L ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_boxJs.default, {
@@ -191,7 +191,7 @@ const _ = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
             b && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_boxJs.default, {
                 paddingRight: 16,
                 className: (0, _classnames.default)({
-                    [_listCssMisticaJs.center]: n,
+                    [_listCssMisticaJs.center]: r,
                     [_listCssMisticaJs.disabled]: u
                 }),
                 children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
@@ -204,15 +204,15 @@ const _ = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
                     [_listCssMisticaJs.disabled]: u
                 }),
                 style: {
-                    justifyContent: n ? "center" : "flex-start"
+                    justifyContent: r ? "center" : "flex-start"
                 },
                 children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(_stackJs.default, {
                     space: 4,
                     children: [
-                        r && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_textJs.Text1, {
+                        n && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_textJs.Text1, {
                             regular: !0,
                             color: _skinContractCssMisticaJs.vars.colors.textPrimary,
-                            children: r
+                            children: n
                         }),
                         /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(_stackJs.default, {
                             space: 2,
@@ -224,11 +224,11 @@ const _ = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
                                     id: m,
                                     children: i
                                 }),
-                                l && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_textJs.Text2, {
+                                d && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_textJs.Text2, {
                                     regular: !0,
                                     color: _skinContractCssMisticaJs.vars.colors.textSecondary,
                                     truncate: v,
-                                    children: l
+                                    children: d
                                 }),
                                 s && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_textJs.Text2, {
                                     regular: !0,
@@ -255,7 +255,7 @@ const _ = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
             }),
             I === "control" && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
                 className: _listCssMisticaJs.right,
-                children: _(T, n)
+                children: _(T, r)
             }),
             I === "custom" && /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(_jsxRuntimeJs.Fragment, {
                 children: [
@@ -263,7 +263,7 @@ const _ = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
                         className: (0, _classnames.default)(_listCssMisticaJs.right, {
                             [_listCssMisticaJs.disabled]: u
                         }),
-                        children: _(T, n)
+                        children: _(T, r)
                     }),
                     e && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_boxJs.default, {
                         paddingLeft: 4,
@@ -280,22 +280,22 @@ const _ = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
         ]
     });
 }, be = (param)=>{
-    let { value: e , defaultValue: r , onChange: i  } = param;
-    const a = e !== void 0, [l, v] = _react.useState(!!r), s = ()=>{
-        a || v(!l), i && i(a ? !e : !l);
+    let { value: e , defaultValue: n , onChange: i  } = param;
+    const a = e !== void 0, [d, v] = _react.useState(!!n), s = ()=>{
+        a || v(!d), i && i(a ? !e : !d);
     };
     return a ? [
         !!e,
         s
     ] : [
-        l,
+        d,
         s
     ];
-}, xe = (e)=>"switch" in e, we = (e)=>"checkbox" in e, Ce = (e)=>"radioValue" in e, p = /*#__PURE__*/ _react.forwardRef((e, r)=>{
-    const i = (0, _hooksJs.useAriaId)(), a = (0, _themeVariantContextJs.useIsInverseVariant)(), { asset: l , headline: v , title: s , titleLinesMax: B , subtitle: b , subtitleLinesMax: I , description: L , descriptionLinesMax: T , badge: V , role: m , extra: u , dataAttributes: h  } = e, j = (0, _radioButtonJs.useRadioContext)(), n = e.disabled || e.radioValue !== void 0 && j.disabled, [S, W] = be(e.switch || e.checkbox || {}), x = (param)=>/* @__PURE__ */ {
+}, xe = (e)=>e.switch !== void 0, we = (e)=>e.checkbox !== void 0, Ce = (e)=>e.radioValue !== void 0, p = /*#__PURE__*/ _react.forwardRef((e, n)=>{
+    const i = (0, _hooksJs.useAriaId)(), a = (0, _themeVariantContextJs.useIsInverseVariant)(), { asset: d , headline: v , title: s , titleLinesMax: B , subtitle: b , subtitleLinesMax: I , description: L , descriptionLinesMax: T , badge: V , role: m , extra: u , dataAttributes: h  } = e, j = (0, _radioButtonJs.useRadioContext)(), r = e.disabled || e.radioValue !== void 0 && j.disabled, [S, W] = be(e.switch || e.checkbox || {}), x = (param)=>/* @__PURE__ */ {
         let { type: c , right: f , labelId: E  } = param;
         return (0, _jsxRuntimeJs.jsx)(ve, {
-            asset: l,
+            asset: d,
             headline: v,
             title: s,
             subtitle: b,
@@ -308,14 +308,14 @@ const _ = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
             right: f,
             extra: u,
             labelId: E,
-            disabled: n,
+            disabled: r,
             withChevron: !!e.onPress || !!e.href || !!e.to
         });
     }, M = (c)=>{
         let f = "chevron";
         return c.right === null && (f = "basic"), c.right && (f = "custom"), /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_boxJs.default, {
             paddingX: 16,
-            ref: r,
+            ref: n,
             children: x({
                 type: f,
                 right: c.right
@@ -323,42 +323,42 @@ const _ = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
         });
     };
     if (e.onPress && !xe(e) && !we(e) && !Ce(e)) return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_touchableJs.BaseTouchable, {
-        ref: r,
+        ref: n,
         className: (0, _classnames.default)(_listCssMisticaJs.rowContent, {
-            [_listCssMisticaJs.hoverBackground]: !(n || a),
-            [_listCssMisticaJs.pointer]: !n
+            [_listCssMisticaJs.hoverBackground]: !(r || a),
+            [_listCssMisticaJs.pointer]: !r
         }),
         trackingEvent: e.trackingEvent,
         onPress: e.onPress,
         role: m,
         dataAttributes: h,
-        disabled: n,
+        disabled: r,
         children: M(e)
     });
     if (e.to) return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_touchableJs.BaseTouchable, {
         className: (0, _classnames.default)(_listCssMisticaJs.rowContent, {
-            [_listCssMisticaJs.hoverBackground]: !(n || a),
-            [_listCssMisticaJs.pointer]: !n
+            [_listCssMisticaJs.hoverBackground]: !(r || a),
+            [_listCssMisticaJs.pointer]: !r
         }),
         trackingEvent: e.trackingEvent,
         to: e.to,
         fullPageOnWebView: e.fullPageOnWebView,
         role: m,
         dataAttributes: h,
-        disabled: n,
+        disabled: r,
         children: M(e)
     });
     if (e.href) return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_touchableJs.BaseTouchable, {
         className: (0, _classnames.default)(_listCssMisticaJs.rowContent, {
-            [_listCssMisticaJs.hoverBackground]: !(n || a),
-            [_listCssMisticaJs.pointer]: !n
+            [_listCssMisticaJs.hoverBackground]: !(r || a),
+            [_listCssMisticaJs.pointer]: !r
         }),
         trackingEvent: e.trackingEvent,
         href: e.href,
         newTab: e.newTab,
         role: m,
         dataAttributes: h,
-        disabled: n,
+        disabled: r,
         children: M(e)
     });
     const F = (c)=>{
@@ -368,11 +368,11 @@ const _ = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
             className: _listCssMisticaJs.dualActionContainer,
             children: [
                 /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_touchableJs.BaseTouchable, {
-                    disabled: n,
+                    disabled: r,
                     onPress: e.onPress,
                     role: m,
                     className: (0, _classnames.default)(_listCssMisticaJs.dualActionLeft, {
-                        [_listCssMisticaJs.hoverBackground]: !(n || a)
+                        [_listCssMisticaJs.hoverBackground]: !(r || a)
                     }),
                     children: x({
                         type: "basic",
@@ -383,12 +383,12 @@ const _ = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
                     className: _listCssMisticaJs.dualActionDivider
                 }),
                 /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_touchableJs.BaseTouchable, {
-                    disabled: n,
+                    disabled: r,
                     className: _listCssMisticaJs.dualActionRight,
                     onPress: W,
                     dataAttributes: h,
                     children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(c, {
-                        disabled: n,
+                        disabled: r,
                         name: f,
                         checked: S,
                         "aria-labelledby": i,
@@ -401,11 +401,11 @@ const _ = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
             ]
         }) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
             className: (0, _classnames.default)(_listCssMisticaJs.rowContent, {
-                [_listCssMisticaJs.hoverBackground]: !(n || a),
-                [_listCssMisticaJs.pointer]: !n
+                [_listCssMisticaJs.hoverBackground]: !(r || a),
+                [_listCssMisticaJs.pointer]: !r
             }),
             children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(c, {
-                disabled: n,
+                disabled: r,
                 dataAttributes: h,
                 name: f,
                 checked: S,
@@ -432,11 +432,11 @@ const _ = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
         className: _listCssMisticaJs.dualActionContainer,
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_touchableJs.BaseTouchable, {
-                disabled: n,
+                disabled: r,
                 onPress: e.onPress,
                 role: m,
                 className: (0, _classnames.default)(_listCssMisticaJs.dualActionLeft, {
-                    [_listCssMisticaJs.hoverBackground]: !(n || a)
+                    [_listCssMisticaJs.hoverBackground]: !(r || a)
                 }),
                 children: x({
                     type: "basic",
@@ -464,11 +464,11 @@ const _ = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
         ]
     }) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
         className: (0, _classnames.default)(_listCssMisticaJs.rowContent, {
-            [_listCssMisticaJs.hoverBackground]: !(n || a),
-            [_listCssMisticaJs.pointer]: !n
+            [_listCssMisticaJs.hoverBackground]: !(r || a),
+            [_listCssMisticaJs.pointer]: !r
         }),
         role: m,
-        ref: r,
+        ref: n,
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_radioButtonJs.default, {
             dataAttributes: h,
             value: e.radioValue,
@@ -500,21 +500,21 @@ const _ = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
         })
     });
 }), Fe = /*#__PURE__*/ _react.forwardRef((_param, i)=>/* @__PURE__ */ {
-    var { dataAttributes: e  } = _param, r = _objectWithoutProperties(_param, [
+    var { dataAttributes: e  } = _param, n = _objectWithoutProperties(_param, [
         "dataAttributes"
     ]);
-    return (0, _jsxRuntimeJs.jsx)(p, _objectSpreadProps(_objectSpread({}, r), {
+    return (0, _jsxRuntimeJs.jsx)(p, _objectSpreadProps(_objectSpread({}, n), {
         ref: i,
         dataAttributes: _objectSpread({
             "component-name": "Row"
         }, e)
     }));
 }), Oe = (param)=>{
-    let { children: e , ariaLabelledby: r , role: i , dataAttributes: a , noLastDivider: l  } = param;
-    const v = _react.Children.count(e) - 1, s = !l;
+    let { children: e , ariaLabelledby: n , role: i , dataAttributes: a , noLastDivider: d  } = param;
+    const v = _react.Children.count(e) - 1, s = !d;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", _objectSpreadProps(_objectSpread({
         role: i,
-        "aria-labelledby": r
+        "aria-labelledby": n
     }, (0, _domJs.getPrefixedDataAttributes)(a, "RowList")), {
         children: _react.Children.toArray(e).filter(Boolean).map((B, b)=>/* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(_react.Fragment, {
                 children: [
@@ -527,23 +527,23 @@ const _ = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
             }, b))
     }));
 }, Ye = /*#__PURE__*/ _react.forwardRef((_param, i)=>/* @__PURE__ */ {
-    var { dataAttributes: e  } = _param, r = _objectWithoutProperties(_param, [
+    var { dataAttributes: e  } = _param, n = _objectWithoutProperties(_param, [
         "dataAttributes"
     ]);
     return (0, _jsxRuntimeJs.jsx)(_boxedJs.Boxed, {
-        isInverse: r.isInverse,
+        isInverse: n.isInverse,
         ref: i,
         dataAttributes: _objectSpread({
             "component-name": "BoxedRow"
         }, e),
-        children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(p, _objectSpread({}, r))
+        children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(p, _objectSpread({}, n))
     });
 }), qe = (param)=>/* @__PURE__ */ {
-    let { children: e , ariaLabelledby: r , role: i , dataAttributes: a  } = param;
+    let { children: e , ariaLabelledby: n , role: i , dataAttributes: a  } = param;
     return (0, _jsxRuntimeJs.jsx)(_stackJs.default, {
         space: 16,
         role: i,
-        "aria-labelledby": r,
+        "aria-labelledby": n,
         dataAttributes: _objectSpread({
             "component-name": "BoxedRowList"
         }, a),

package/dist/package-version.js

@@ -6,4 +6,4 @@ Object.defineProperty(exports, "PACKAGE_VERSION", {
     enumerable: true,
     get: ()=>o
 });
-const o = "14.8.0";
+const o = "14.10.0";

package/dist/tabs.js

@@ -112,8 +112,8 @@ function _objectSpreadProps(target, source) {
     }
     return target;
 }
-const f = (0, _platformJs.isRunningAcceptanceTest)() ? 0 : 300, q = (r)=>{
-    switch(r){
+const f = (0, _platformJs.isRunningAcceptanceTest)() ? 0 : 300, q = (a)=>{
+    switch(a){
         case 2:
             return "tabs2";
         case 3:
@@ -122,17 +122,17 @@ const f = (0, _platformJs.isRunningAcceptanceTest)() ? 0 : 300, q = (r)=>{
             return "default";
     }
 }, J = (param)=>{
-    let { selectedIndex: r , onChange: A , tabs: d , dataAttributes: N  } = param;
-    const i = (0, _hooksJs.useAriaId)(), { ref: T  } = (0, _hooksJs.useElementDimensions)(), u = _react.useRef(null), b = _react.useRef(null), [p, h] = _react.useState(!1), L = (o, l)=>{
-        const e = document.querySelector(`[id='${i}'] [data-tabindex="${o}"]`), n = document.querySelector(`[id='${i}'] [data-tabindex="${l}"]`), t = u.current, s = b.current;
-        e && n && t && s && (h(!0), t.style.display = "block", t.style.width = `${e.offsetWidth}px`, t.style.transform = `translate(${e.offsetLeft - s.scrollLeft}px, 0)`, Promise.resolve().then(()=>{
-            t.style.width = `${n.offsetWidth}px`, t.style.transform = `translate(${n.offsetLeft - s.scrollLeft}px, 0)`, t.style.transition = `transform ${f}ms, width ${f}ms`;
+    let { selectedIndex: a , onChange: A , tabs: d , dataAttributes: N  } = param;
+    const o = (0, _hooksJs.useAriaId)(), { ref: T  } = (0, _hooksJs.useElementDimensions)(), u = _react.useRef(null), b = _react.useRef(null), [p, h] = _react.useState(!1), L = (i, l)=>{
+        const e = document.querySelector(`[id='${o}'] [data-tabindex="${i}"]`), n = document.querySelector(`[id='${o}'] [data-tabindex="${l}"]`), t = u.current, r = b.current;
+        e && n && t && r && (h(!0), t.style.display = "block", t.style.width = `${e.offsetWidth}px`, t.style.transform = `translate(${e.offsetLeft - r.scrollLeft}px, 0)`, Promise.resolve().then(()=>{
+            t.style.width = `${n.offsetWidth}px`, t.style.transform = `translate(${n.offsetLeft - r.scrollLeft}px, 0)`, t.style.transition = `transform ${f}ms, width ${f}ms`;
         }), setTimeout(()=>{
             t.style.transition = "", t.style.display = "none", h(!1);
         }, f));
     };
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", _objectSpreadProps(_objectSpread({
-        id: i,
+        id: o,
         role: "tablist",
         ref: T,
         className: _tabsCssMisticaJs.outerBorder
@@ -148,22 +148,21 @@ const f = (0, _platformJs.isRunningAcceptanceTest)() ? 0 : 300, q = (r)=>{
                         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
                             className: _tabsCssMisticaJs.tabsContainer,
                             children: d.map((param, t)=>{
-                                let { text: o , trackingEvent: l , icon: e , "aria-controls": n  } = param;
-                                const s = t === r;
+                                let { text: i , trackingEvent: l , icon: e , "aria-controls": n  } = param;
+                                const r = t === a;
                                 return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(_touchableJs.BaseTouchable, {
                                     dataAttributes: {
                                         "component-name": "Tab",
                                         tabindex: t
                                     },
-                                    className: (0, _classnames.default)(_tabsCssMisticaJs.tabVariants[q(d.length)], s ? p ? _tabsCssMisticaJs.tabSelectionVariants.selectedAnimating : _tabsCssMisticaJs.tabSelectionVariants.selected : _tabsCssMisticaJs.tabSelectionVariants.noSelected, e && _tabsCssMisticaJs.tabWithIcon),
-                                    disabled: s,
+                                    className: (0, _classnames.default)(_tabsCssMisticaJs.tabVariants[q(d.length)], r ? p ? _tabsCssMisticaJs.tabSelectionVariants.selectedAnimating : _tabsCssMisticaJs.tabSelectionVariants.selected : _tabsCssMisticaJs.tabSelectionVariants.noSelected, e && _tabsCssMisticaJs.tabWithIcon),
                                     onPress: ()=>{
-                                        !p && r !== t && (A(t), L(r, t));
+                                        !p && a !== t && (A(t), L(a, t));
                                     },
                                     trackingEvent: l,
                                     role: "tab",
                                     "aria-controls": n,
-                                    "aria-selected": s ? "true" : "false",
+                                    "aria-selected": r ? "true" : "false",
                                     children: [
                                         e && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
                                             className: _tabsCssMisticaJs.icon,
@@ -174,7 +173,7 @@ const f = (0, _platformJs.isRunningAcceptanceTest)() ? 0 : 300, q = (r)=>{
                                             color: "inherit",
                                             wordBreak: !1,
                                             textAlign: "center",
-                                            children: o
+                                            children: i
                                         })
                                     ]
                                 }, t);

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

@@ -1,11 +1,11 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./chip.css.ts.vanilla.js";
-var v = {
-    light: "cc7htna cc7htn9",
-    dark: "cc7htnb cc7htn9"
-}, t = {
+var c = "_1y2v1nf6d _1y2v1nf6r _1y2v1nf75 _1y2v1nf7j _1y2v1nf9o _1y2v1nf5k", t = {
+    light: "cc7htnb cc7htn9",
+    dark: "cc7htnc cc7htn9"
+}, f = {
     default: "cc7htn1 _1y2v1nf5r _1y2v1nf5z _1y2v1nf65 _1y2v1nf9n _1y2v1nf2u _1y2v1nf1s",
     overAlternative: "cc7htn1 _1y2v1nf5r _1y2v1nf5z _1y2v1nf65 _1y2v1nf9n _1y2v1nf2x _1y2v1nf1s",
     active: "cc7htn8 cc7htn2 cc7htn1 _1y2v1nf5r _1y2v1nf5z _1y2v1nf65 _1y2v1nf9n _1y2v1nf12 _1y2v1nf59"
-}, f = "cc7htnc", y = "cc7htnd";
-export { v as chipInteractiveVariants, t as chipVariants, f as icon, y as iconActive };
+}, y = "cc7htnd", _ = "cc7htne";
+export { c as button, t as chipInteractiveVariants, f as chipVariants, y as icon, _ as iconActive };