@telefonica/mistica 14.10.0 → 14.11.0

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

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "moreItems", {
+    enumerable: true,
+    get: ()=>r
+});
+require("./sprinkles.css.ts.vanilla.js");
+require("./stacking-group.css.ts.vanilla.js");
+var r = "_1y38nye1 _1y2v1nf64 _1y2v1nf5z _1y2v1nf6d _1y2v1nf6j";

package/dist/stacking-group.css.d.ts

@@ -0,0 +1 @@
+export declare const moreItems: string;

package/dist/stacking-group.css.ts.vanilla.js

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

package/dist/stacking-group.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+type Props = {
+    stacked?: boolean;
+    moreItemsStyle: {
+        type: 'circle' | 'square';
+        size: number;
+    };
+    maxItems?: number;
+    children: React.ReactNode;
+};
+declare const StackingGroup: React.FC<Props>;
+export default StackingGroup;

package/dist/stacking-group.js

@@ -0,0 +1,84 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: ()=>R
+});
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _themeVariantContextJs = require("./theme-variant-context.js");
+const _skinContractCssMisticaJs = require("./skins/skin-contract.css-mistica.js");
+const _inlineJs = /*#__PURE__*/ _interopRequireDefault(require("./inline.js"));
+const _textJs = require("./text.js");
+const _stackingGroupCssMisticaJs = require("./stacking-group.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 R = (param)=>{
+    let { moreItemsStyle: i , stacked: n = !0 , maxItems: o = 1 / 0 , children: t  } = param;
+    const s = (0, _themeVariantContextJs.useIsInverseVariant)(), e = _react.Children.count(t), a = e - o + 1, p = n ? -8 : 8, c = i.size;
+    return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(_inlineJs.default, {
+        space: p,
+        children: [
+            _react.Children.toArray(t).slice(0, e > o ? o - 1 : o),
+            e > o && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
+                className: _stackingGroupCssMisticaJs.moreItems,
+                style: {
+                    width: c,
+                    height: c,
+                    backgroundColor: s ? _skinContractCssMisticaJs.vars.colors.brandHigh : _skinContractCssMisticaJs.vars.colors.brandLow,
+                    borderRadius: i.type === "circle" ? "50%" : _skinContractCssMisticaJs.vars.borderRadii.container,
+                    border: n ? `1px solid ${_skinContractCssMisticaJs.vars.colors.borderLow}` : "none"
+                },
+                children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_textJs.Text4, {
+                    regular: !0,
+                    color: s ? _skinContractCssMisticaJs.vars.colors.textPrimaryInverse : _skinContractCssMisticaJs.vars.colors.brand,
+                    children: "+" + a
+                })
+            })
+        ]
+    });
+};

package/dist/stepper.css-mistica.js

@@ -13,17 +13,17 @@ _export(exports, {
     barFilled: ()=>r,
     barFilledAnimation: ()=>a,
     barFilledReverseAnimation: ()=>f,
-    currentNumber: ()=>m,
-    iconAnimation: ()=>y,
-    number: ()=>e,
-    step: ()=>i,
-    stepIconNumber: ()=>q,
+    currentNumber: ()=>y,
+    iconAnimation: ()=>e,
+    number: ()=>m,
+    step: ()=>h,
+    stepIconNumber: ()=>i,
     stepper: ()=>t,
-    textContainer: ()=>h,
-    vars: ()=>p
+    textContainer: ()=>q,
+    vars: ()=>b
 });
 require("./sprinkles.css.ts.vanilla.js");
 require("./stepper.css.ts.vanilla.js");
-var _ = "_14h93mqk _1y2v1nf8g _1y2v1nf7x _1y2v1nfa3 _1y2v1nfa6", r = "_14h93mqm _1y2v1nf8g _1y2v1nf7x _1y2v1nfa3 _1y2v1nfa6", a = "_14h93mqn", f = "_14h93mqp _1y2v1nf7z", m = "_14h93mqf", y = "_14h93mqc", e = "_14h93mqe _1y2v1nf5q _1y2v1nf65 _1y2v1nf5z _1y2v1nf9p", i = "_14h93mq9 _1y2v1nf5l _1y2v1nf5r _1y2v1nf5w _1y2v1nf65", q = "_14h93mqb _1y2v1nf5l _1y2v1nf5q", t = "_14h93mq7 _1y2v1nf5q _1y2v1nf9d", h = "_14h93mqh _1y2v1nf5m", p = {
+var _ = "_14h93mqk _1y2v1nf8u _1y2v1nf8b _1y2v1nfah _1y2v1nfak", r = "_14h93mqm _1y2v1nf8u _1y2v1nf8b _1y2v1nfah _1y2v1nfak", a = "_14h93mqn", f = "_14h93mqp _1y2v1nf8d", y = "_14h93mqf", e = "_14h93mqc", m = "_14h93mqe _1y2v1nf64 _1y2v1nf6j _1y2v1nf6d _1y2v1nfa3", h = "_14h93mq9 _1y2v1nf5z _1y2v1nf65 _1y2v1nf6a _1y2v1nf6j", i = "_14h93mqb _1y2v1nf5z _1y2v1nf64", t = "_14h93mq7 _1y2v1nf64 _1y2v1nf9r", q = "_14h93mqh _1y2v1nf60", b = {
     stepperMinHeight: "var(--_14h93mq0)"
 };

package/dist/switch-component.css-mistica.js

@@ -9,32 +9,33 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    ballVariants: ()=>p,
-    barVariants: ()=>n,
-    checkboxVariants: ()=>v,
-    container: ()=>f,
-    disabled: ()=>q,
-    switchCheckboxContainerVariants: ()=>y,
-    switchCheckboxLabel: ()=>_
+    ballVariants: ()=>n,
+    barVariants: ()=>v,
+    checkboxVariants: ()=>f,
+    container: ()=>q,
+    containerDisabled: ()=>p,
+    disabled: ()=>y,
+    switchCheckboxContainerVariants: ()=>_,
+    switchCheckboxLabel: ()=>e
 });
 require("./sprinkles.css.ts.vanilla.js");
 require("./switch-component.css.ts.vanilla.js");
-var p = {
-    default: "q0hp3as q0hp3aq q0hp3ap _1y2v1nf5m _1y2v1nfbe _1y2v1nf5s _1y2v1nf9p",
-    ios: "q0hp3at q0hp3ar q0hp3ap _1y2v1nf5m _1y2v1nfbe _1y2v1nf5s _1y2v1nf9p",
-    checked: "q0hp3au q0hp3aq q0hp3ap _1y2v1nf5m _1y2v1nfbe _1y2v1nf5s _1y2v1nf9p",
-    checkedIos: "q0hp3av q0hp3ar q0hp3ap _1y2v1nf5m _1y2v1nfbe _1y2v1nf5s _1y2v1nf9p"
-}, n = {
-    default: "q0hp3ai q0hp3ah _1y2v1nf5s",
-    ios: "q0hp3aj q0hp3ah _1y2v1nf5s",
-    checked: "q0hp3ak q0hp3ah _1y2v1nf5s",
-    checkedIos: "q0hp3al q0hp3ah _1y2v1nf5s"
+var n = {
+    default: "q0hp3at q0hp3ar q0hp3aq _1y2v1nf60 _1y2v1nfbs _1y2v1nf66 _1y2v1nfa3",
+    ios: "q0hp3au q0hp3as q0hp3aq _1y2v1nf60 _1y2v1nfbs _1y2v1nf66 _1y2v1nfa3",
+    checked: "q0hp3av q0hp3ar q0hp3aq _1y2v1nf60 _1y2v1nfbs _1y2v1nf66 _1y2v1nfa3",
+    checkedIos: "q0hp3aw q0hp3as q0hp3aq _1y2v1nf60 _1y2v1nfbs _1y2v1nf66 _1y2v1nfa3"
 }, v = {
-    default: "q0hp3a6 _1y2v1nf5u _1y2v1nfa5",
-    ios: "q0hp3a7 _1y2v1nf5u _1y2v1nfa5",
-    disabled: "q0hp3a8 _1y2v1nf5u _1y2v1nfa5",
-    disabledIos: "q0hp3a9 _1y2v1nf5u _1y2v1nfa5"
-}, f = "q0hp3am", q = "q0hp3an", y = {
-    default: "q0hp3ac q0hp3ab _1y2v1nf5l",
-    ios: "q0hp3ad q0hp3ab _1y2v1nf5l"
-}, _ = "q0hp3af _1y2v1nf5s _1y2v1nfa6";
+    default: "q0hp3ai q0hp3ah _1y2v1nf66",
+    ios: "q0hp3aj q0hp3ah _1y2v1nf66",
+    checked: "q0hp3ak q0hp3ah _1y2v1nf66",
+    checkedIos: "q0hp3al q0hp3ah _1y2v1nf66"
+}, f = {
+    default: "q0hp3a6 _1y2v1nf68 _1y2v1nfaj",
+    ios: "q0hp3a7 _1y2v1nf68 _1y2v1nfaj",
+    disabled: "q0hp3a8 _1y2v1nf68 _1y2v1nfaj",
+    disabledIos: "q0hp3a9 _1y2v1nf68 _1y2v1nfaj"
+}, q = "q0hp3am", p = "q0hp3an", y = "q0hp3ao", _ = {
+    default: "q0hp3ac q0hp3ab _1y2v1nf5z",
+    ios: "q0hp3ad q0hp3ab _1y2v1nf5z"
+}, e = "q0hp3af _1y2v1nf66 _1y2v1nfak";

package/dist/switch-component.css.d.ts

@@ -10,5 +10,6 @@ export declare const switchCheckboxContainerVariants: Record<"default" | "ios",
 export declare const switchCheckboxLabel: string;
 export declare const barVariants: Record<"default" | "ios" | "checked" | "checkedIos", string>;
 export declare const container: string;
+export declare const containerDisabled: string;
 export declare const disabled: string;
 export declare const ballVariants: Record<"default" | "ios" | "checked" | "checkedIos", string>;

package/dist/switch-component.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: ()=>B
+    get: ()=>G
 });
 const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 const _debounce = /*#__PURE__*/ _interopRequireDefault(require("lodash/debounce"));
@@ -112,33 +112,33 @@ function _objectSpreadProps(target, source) {
     }
     return target;
 }
-const B = (e)=>{
-    const { isIos: r  } = (0, _hooksJs.useTheme)(), o = (0, _hooksJs.useAriaId)(e["aria-labelledby"]), { defaultValue: b , value: a , onChange: t , focusableRef: u , disabled: i  } = (0, _formContextJs.useControlProps)({
+const G = (e)=>{
+    const { isIos: l  } = (0, _hooksJs.useTheme)(), n = (0, _hooksJs.useAriaId)(e["aria-labelledby"]), { defaultValue: b , value: a , onChange: t , focusableRef: u , disabled: i  } = (0, _formContextJs.useControlProps)({
         name: e.name,
         value: e.checked,
         defaultValue: e.defaultChecked,
         onChange: e.onChange,
         disabled: e.disabled
-    }), [c, k] = _react.useState(!!b), l = a != null ? a : c, x = _react.useMemo(()=>process.env.NODE_ENV === "test" ? (s)=>t == null ? void 0 : t(s) : (0, _debounce.default)((s)=>{
-            t == null || t(s);
+    }), [c, k] = _react.useState(!!b), r = a != null ? a : c, N = _react.useMemo(()=>process.env.NODE_ENV === "test" ? (d)=>t == null ? void 0 : t(d) : (0, _debounce.default)((d)=>{
+            t == null || t(d);
         }, 300), [
         t
-    ]), n = ()=>{
-        a !== void 0 ? t == null || t(!a) : (k(!c), x(!c));
-    }, C = (s)=>{
-        s.keyCode === _keyCodesJs.SPACE && (s.preventDefault(), s.stopPropagation(), n());
+    ]), o = ()=>{
+        a !== void 0 ? t == null || t(!a) : (k(!c), N(!c));
+    }, x = (d)=>{
+        d.keyCode === _keyCodesJs.SPACE && (d.preventDefault(), d.stopPropagation(), o());
     }, m = /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
-        className: _switchComponentCssMisticaJs.checkboxVariants[r ? i ? "disabledIos" : "ios" : i ? "disabled" : "default"],
+        className: _switchComponentCssMisticaJs.checkboxVariants[l ? i ? "disabledIos" : "ios" : i ? "disabled" : "default"],
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
-            className: _switchComponentCssMisticaJs.switchCheckboxContainerVariants[r ? "ios" : "default"],
+            className: _switchComponentCssMisticaJs.switchCheckboxContainerVariants[l ? "ios" : "default"],
             children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("div", {
                 className: _switchComponentCssMisticaJs.switchCheckboxLabel,
                 children: [
                     /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("span", {
-                        className: _switchComponentCssMisticaJs.barVariants[r ? l ? "checkedIos" : "ios" : l ? "checked" : "default"]
+                        className: _switchComponentCssMisticaJs.barVariants[l ? r ? "checkedIos" : "ios" : r ? "checked" : "default"]
                     }),
                     /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("span", {
-                        className: _switchComponentCssMisticaJs.ballVariants[r ? l ? "checkedIos" : "ios" : l ? "checked" : "default"]
+                        className: _switchComponentCssMisticaJs.ballVariants[l ? r ? "checkedIos" : "ios" : r ? "checked" : "default"]
                     })
                 ]
             })
@@ -147,30 +147,31 @@ const B = (e)=>{
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("span", _objectSpreadProps(_objectSpread({
         role: "switch",
         "aria-checked": a != null ? a : c,
-        onClick: i ? void 0 : n,
-        onKeyDown: i ? void 0 : C,
+        onClick: i ? void 0 : o,
+        onKeyDown: i ? void 0 : x,
         tabIndex: i ? void 0 : 0,
         ref: u,
         className: _switchComponentCssMisticaJs.container,
         "aria-disabled": i,
-        "aria-labelledby": o
+        "aria-labelledby": n
     }, (0, _domJs.getPrefixedDataAttributes)(e.dataAttributes, "Switch")), {
         children: e.render ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_jsxRuntimeJs.Fragment, {
             children: e.render({
                 controlElement: m,
-                labelId: o,
+                labelId: n,
                 disabled: !!i,
                 checked: a != null ? a : c
             })
         }) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(_inlineJs.default, {
             space: 16,
             alignItems: "center",
+            className: i ? _switchComponentCssMisticaJs.containerDisabled : "",
             children: [
                 m,
                 e.children && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_textJs.Text3, {
                     regular: !0,
                     as: "div",
-                    id: o,
+                    id: n,
                     children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("span", {
                         className: i ? _switchComponentCssMisticaJs.disabled : "",
                         children: e.children

package/dist/tabs.css-mistica.js

@@ -14,19 +14,19 @@ _export(exports, {
     inner: ()=>_,
     outer: ()=>o,
     outerBorder: ()=>a,
-    tabSelectionVariants: ()=>r,
+    tabSelectionVariants: ()=>t,
     tabVariants: ()=>e,
-    tabWithIcon: ()=>m,
-    tabsContainer: ()=>t
+    tabWithIcon: ()=>r,
+    tabsContainer: ()=>l
 });
 require("./sprinkles.css.ts.vanilla.js");
 require("./tabs.css.ts.vanilla.js");
-var v = "_1y2v1nf5p _1y2v1nf5m _1y2v1nfam _1y2v1nfbe _1y2v1nf8f _1y2v1nf3u", y = "lgofm1m", _ = "lgofm14 _1y2v1nf5m _1y2v1nfam _1y2v1nfb0 _1y2v1nf8r", o = "lgofm12 _1y2v1nf8o _1y2v1nf5l _1y2v1nfa6", a = "lgofm10", r = {
-    noSelected: "_1y2v1nf1u",
-    selected: "_1y2v1nf1s lgofm1h",
-    selectedAnimating: "_1y2v1nf1s lgofm1i"
+var v = "_1y2v1nf63 _1y2v1nf60 _1y2v1nfb0 _1y2v1nfbs _1y2v1nf8t _1y2v1nf45", y = "lgofm1m", _ = "lgofm14 _1y2v1nf60 _1y2v1nfb0 _1y2v1nfbe _1y2v1nf95", o = "lgofm12 _1y2v1nf92 _1y2v1nf5z _1y2v1nfak", a = "lgofm10", t = {
+    noSelected: "_1y2v1nf1y",
+    selected: "_1y2v1nf1w lgofm1h",
+    selectedAnimating: "_1y2v1nf1w lgofm1i"
 }, e = {
-    default: "lgofm17 _1y2v1nf5r _1y2v1nf65 _1y2v1nf5z _1y2v1nf7a _1y2v1nf7o _1y2v1nf8o _1y2v1nf5k lgofm18",
-    tabs2: "lgofm17 _1y2v1nf5r _1y2v1nf65 _1y2v1nf5z _1y2v1nf7a _1y2v1nf7o _1y2v1nf8o _1y2v1nf5k lgofm19",
-    tabs3: "lgofm17 _1y2v1nf5r _1y2v1nf65 _1y2v1nf5z _1y2v1nf7a _1y2v1nf7o _1y2v1nf8o _1y2v1nf5k lgofm1a"
-}, m = "lgofm1e", t = "_1y2v1nf8o _1y2v1nf5q";
+    default: "lgofm17 _1y2v1nf65 _1y2v1nf6j _1y2v1nf6d _1y2v1nf7o _1y2v1nf82 _1y2v1nf92 _1y2v1nf5y lgofm18",
+    tabs2: "lgofm17 _1y2v1nf65 _1y2v1nf6j _1y2v1nf6d _1y2v1nf7o _1y2v1nf82 _1y2v1nf92 _1y2v1nf5y lgofm19",
+    tabs3: "lgofm17 _1y2v1nf65 _1y2v1nf6j _1y2v1nf6d _1y2v1nf7o _1y2v1nf82 _1y2v1nf92 _1y2v1nf5y lgofm1a"
+}, r = "lgofm1e", l = "_1y2v1nf92 _1y2v1nf64";

package/dist/tag.css-mistica.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "tag", {
     enumerable: true,
-    get: ()=>n
+    get: ()=>_
 });
 require("./sprinkles.css.ts.vanilla.js");
 require("./tag.css.ts.vanilla.js");
-var n = "_1wy08671 _1y2v1nf6f _1y2v1nf6t _1y2v1nf5r _1y2v1nf5v _1y2v1nf65 _1y2v1nf5z _1y2v1nf93 _1y2v1nf7n";
+var _ = "_1wy08671 _1y2v1nf6t _1y2v1nf77 _1y2v1nf65 _1y2v1nf69 _1y2v1nf6j _1y2v1nf6d _1y2v1nf9h _1y2v1nf81";

package/dist/text-field-base.css-mistica.js

@@ -10,8 +10,8 @@ function _export(target, all) {
 }
 _export(exports, {
     endIcon: ()=>n,
-    fullWidth: ()=>t,
-    input: ()=>r,
+    fullWidth: ()=>r,
+    input: ()=>t,
     inputFirefoxStyles: ()=>e,
     inputWithLabel: ()=>f,
     inputWithoutLabel: ()=>_,
@@ -22,10 +22,10 @@ _export(exports, {
     prefixWithoutLabel: ()=>l,
     startIcon: ()=>u,
     suggestionsContainer: ()=>p,
-    textArea: ()=>x,
-    textAreaWithLabel: ()=>m,
-    textAreaWithoutLabel: ()=>b
+    textArea: ()=>b,
+    textAreaWithLabel: ()=>x,
+    textAreaWithoutLabel: ()=>m
 });
 require("./sprinkles.css.ts.vanilla.js");
 require("./text-field-base.css.ts.vanilla.js");
-var n = "rhey4tf _1y2v1nf78 _1y2v1nf7o _1y2v1nf5q _1y2v1nf65", t = "rhey4t4", r = "rhey4ta _1y2v1nf5l _1y2v1nf8d rhey4t1 _1y2v1nf9o _1y2v1nf8t _1y2v1nf1s _1y2v1nf7x", e = "rhey4tb", f = "rhey4tc", _ = "_1y2v1nf6i _1y2v1nf6w", a = "rhey4to _1y2v1nf8n _1y2v1nf5q _1y2v1nf65 _1y2v1nfa5", h = "_1y2v1nf33", i = "rhey4tj _1y2v1nf79 _1y2v1nf7o", o = "rhey4tl _1y2v1nf6u", l = "_1y2v1nf6i _1y2v1nf6w", u = "rhey4th _1y2v1nf79 _1y2v1nf7n _1y2v1nf5q _1y2v1nf65 _1y2v1nf8d _1y2v1nf5m", p = "rhey4tr _1y2v1nf5m", x = "rhey4t6 _1y2v1nf6d _1y2v1nf6r _1y2v1nf75 _1y2v1nf7j rhey4t1 _1y2v1nf9o _1y2v1nf8t _1y2v1nf1s _1y2v1nf7x", m = "rhey4t7", b = "rhey4t8";
+var n = "rhey4tf _1y2v1nf7m _1y2v1nf82 _1y2v1nf64 _1y2v1nf6j", r = "rhey4t4", t = "rhey4ta _1y2v1nf5z _1y2v1nf8r rhey4t1 _1y2v1nfa2 _1y2v1nf97 _1y2v1nf1w _1y2v1nf8b", e = "rhey4tb", f = "rhey4tc", _ = "_1y2v1nf6w _1y2v1nf7a", a = "rhey4to _1y2v1nf91 _1y2v1nf64 _1y2v1nf6j _1y2v1nfaj", h = "_1y2v1nf3e", i = "rhey4tj _1y2v1nf7n _1y2v1nf82", o = "rhey4tl _1y2v1nf78", l = "_1y2v1nf6w _1y2v1nf7a", u = "rhey4th _1y2v1nf7n _1y2v1nf81 _1y2v1nf64 _1y2v1nf6j _1y2v1nf8r _1y2v1nf60", p = "rhey4tr _1y2v1nf60", b = "rhey4t6 _1y2v1nf6r _1y2v1nf75 _1y2v1nf7j _1y2v1nf7x rhey4t1 _1y2v1nfa2 _1y2v1nf97 _1y2v1nf1w _1y2v1nf8b", x = "rhey4t7", m = "rhey4t8";

package/dist/text-field-base.d.ts

@@ -5,7 +5,7 @@ import type { FieldValidator } from './form-context';
  * https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete
  */
 export type AutoComplete = 'on' | 'off' | 'name' | 'given-name' | 'additional-name' | 'family-name' | 'email' | 'tel' | 'street-address' | 'address-line1' | 'address-line2' | 'address-level1' | 'address-level2' | 'country' | 'postal-code' | 'transaction-amount' | 'new-password' | 'current-password' | 'cc-type' | 'cc-name' | 'cc-number' | 'cc-exp' | 'cc-csc' | 'username';
-export interface CommonFormFieldProps {
+export interface CommonFormFieldProps<T = HTMLInputElement> {
     autoFocus?: boolean;
     disabled?: boolean;
     error?: boolean;
@@ -17,8 +17,8 @@ export interface CommonFormFieldProps {
     maxLength?: number;
     validate?: FieldValidator;
     autoComplete?: AutoComplete;
-    onFocus?: (event: React.FocusEvent) => void;
-    onBlur?: (event: React.FocusEvent) => void;
+    onFocus?: React.FocusEventHandler<T>;
+    onBlur?: React.FocusEventHandler<T>;
     fullWidth?: boolean;
     getSuggestions?: (text: string) => ReadonlyArray<string>;
     placeholder?: string;
@@ -54,8 +54,8 @@ interface TextFieldBaseProps {
     getSuggestions?: (value: string) => ReadonlyArray<string>;
     onClick?: (event: React.MouseEvent) => void;
     onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    onBlur?: (event: React.FocusEvent) => void;
-    onFocus?: (event: React.FocusEvent) => void;
+    onBlur?: React.FocusEventHandler;
+    onFocus?: React.FocusEventHandler;
     onKeyDown?: (event: React.KeyboardEvent) => void;
     inputProps?: {
         [name: string]: string | number | undefined;

package/dist/text-field-components.css-mistica.js

@@ -10,24 +10,24 @@ function _export(target, all) {
 }
 _export(exports, {
     DEFAULT_WIDTH: ()=>_,
-    LABEL_LEFT_POSITION: ()=>n,
-    LABEL_SCALE_DESKTOP: ()=>a,
+    LABEL_LEFT_POSITION: ()=>a,
+    LABEL_SCALE_DESKTOP: ()=>n,
     LABEL_SCALE_MOBILE: ()=>f,
     disabled: ()=>e,
     field: ()=>y,
-    fieldContainer: ()=>l,
-    fieldMulti: ()=>i,
+    fieldContainer: ()=>i,
+    fieldMulti: ()=>l,
     fieldSingle: ()=>t,
     fullWidth: ()=>k,
     helperContainer: ()=>u,
     helperText: ()=>L,
     labelContainer: ()=>d,
-    labelText: ()=>o,
-    leftText: ()=>E,
-    normalWidth: ()=>T,
-    rightText: ()=>h,
-    shrinked: ()=>x
+    labelText: ()=>E,
+    leftText: ()=>T,
+    normalWidth: ()=>h,
+    rightText: ()=>o,
+    shrinked: ()=>b
 });
 require("./sprinkles.css.ts.vanilla.js");
 require("./text-field-components.css.ts.vanilla.js");
-var _ = 328, n = 12, a = 0.78, f = 0.75, e = "_15k6ur97", y = "_1y2v1nfa6 _1y2v1nf9n _1y2v1nf5q _1y2v1nf9w _1y2v1nf5l", l = "_15k6ur96 _1y2v1nf5q _1y2v1nf5w", i = "_15k6ur9e", t = "_15k6ur9d _1y2v1nf8o", k = "_1y2v1nf7x", u = "_1y2v1nf79 _1y2v1nf7o _1y2v1nf5q", L = "_15k6ur9g", d = "_15k6ur91 _1y2v1nf5m _1y2v1nfa8 _1y2v1nf8k _1y2v1nf5q _1y2v1nf5v _1y2v1nfaq", o = "_15k6ur93 _1y2v1nfa6 _1y2v1nf69", E = "_15k6ur9h", T = "_15k6ur99 _1y2v1nf7x", h = "_15k6ur9i", x = "_15k6ur94";
+var _ = 328, a = 12, n = 0.78, f = 0.75, e = "_15k6ur97", y = "_1y2v1nfak _1y2v1nfa1 _1y2v1nf64 _1y2v1nfaa _1y2v1nf5z", i = "_15k6ur96 _1y2v1nf64 _1y2v1nf6a", l = "_15k6ur9e", t = "_15k6ur9d _1y2v1nf92", k = "_1y2v1nf8b", u = "_1y2v1nf7n _1y2v1nf82 _1y2v1nf64", L = "_15k6ur9g", d = "_15k6ur91 _1y2v1nf60 _1y2v1nfam _1y2v1nf8y _1y2v1nf64 _1y2v1nf69 _1y2v1nfb4", E = "_15k6ur93 _1y2v1nfak _1y2v1nf6n", T = "_15k6ur9h", h = "_15k6ur99 _1y2v1nf8b", o = "_15k6ur9i", b = "_15k6ur94";

package/dist/text-field.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { CommonFormFieldProps } from './text-field-base';
-export interface TextFieldProps extends CommonFormFieldProps {
+export interface TextFieldProps extends CommonFormFieldProps<HTMLInputElement | HTMLTextAreaElement> {
     onChangeValue?: (value: string, rawValue: string) => void;
     onPress?: (event: React.MouseEvent) => void;
     multiline?: boolean;

package/dist/text-link.css-mistica.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, "variants", {
 require("./sprinkles.css.ts.vanilla.js");
 require("./text-link.css.ts.vanilla.js");
 var v = {
-    default: "_1m1n0pr1 _1y2v1nf7y _1y2v1nf5t _1y2v1nfa5 _1y2v1nf23",
-    inverseLight: "_1m1n0pr6 _1m1n0pr1 _1y2v1nf7y _1y2v1nf5t _1y2v1nfa5 _1y2v1nf24",
-    inverseDark: "_1m1n0pr7 _1m1n0pr1 _1y2v1nf7y _1y2v1nf5t _1y2v1nfa5 _1y2v1nf23"
+    default: "_1m1n0pr1 _1y2v1nf8c _1y2v1nf67 _1y2v1nfaj _1y2v1nf27",
+    inverseLight: "_1m1n0pr6 _1m1n0pr1 _1y2v1nf8c _1y2v1nf67 _1y2v1nfaj _1y2v1nf28",
+    inverseDark: "_1m1n0pr7 _1m1n0pr1 _1y2v1nf8c _1y2v1nf67 _1y2v1nfaj _1y2v1nf27"
 };

package/dist/tooltip.css-mistica.js

@@ -10,16 +10,16 @@ function _export(target, all) {
 }
 _export(exports, {
     arrow: ()=>v,
-    arrowBottom: ()=>n,
-    arrowLeft: ()=>t,
-    arrowRight: ()=>_,
+    arrowBottom: ()=>t,
+    arrowLeft: ()=>_,
+    arrowRight: ()=>n,
     arrowTop: ()=>e,
     arrowWrapper: ()=>f,
     container: ()=>p,
     enter: ()=>o,
-    enterActive: ()=>y,
+    enterActive: ()=>h,
     enterDone: ()=>x,
-    exit: ()=>h,
+    exit: ()=>y,
     exitActive: ()=>b,
     fadeInBottomKeyframes: ()=>m,
     fadeInTopKeyframes: ()=>i,
@@ -29,11 +29,11 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.js");
 require("./tooltip.css.ts.vanilla.js");
-var v = "_1xhatbpb _1y2v1nf5m _1y2v1nfa8 _1y2v1nf83 _1y2v1nf8i _1y2v1nf9q _1y2v1nf2u _1y2v1nf9n", n = "_1xhatbpe", t = "_1xhatbpf", _ = "_1xhatbpd", e = "_1xhatbpc", f = "_1y2v1nf5m _1y2v1nf85 _1y2v1nf8i _1y2v1nfa6 _1y2v1nf2", p = "_1xhatbpj _1y2v1nf6g _1y2v1nf6u _1y2v1nf78 _1y2v1nf7m _1y2v1nf5m _1y2v1nfar _1y2v1nf7y _1y2v1nf9z _1y2v1nf9n", o = "_1xhatbpk", y = "_1xhatbpl", x = "_1xhatbpm", h = "_1xhatbpn", b = "_1xhatbpo", m = "_1xhatbp6", i = "_1xhatbp7", w = "_1xhatbp8", s = {
+var v = "_1xhatbpb _1y2v1nf60 _1y2v1nfam _1y2v1nf8h _1y2v1nf8w _1y2v1nfa4 _1y2v1nf31 _1y2v1nfa1", t = "_1xhatbpe", _ = "_1xhatbpf", n = "_1xhatbpd", e = "_1xhatbpc", f = "_1y2v1nf60 _1y2v1nf8j _1y2v1nf8w _1y2v1nfak _1y2v1nf2", p = "_1xhatbpj _1y2v1nf6u _1y2v1nf78 _1y2v1nf7m _1y2v1nf80 _1y2v1nf60 _1y2v1nfb5 _1y2v1nf8c _1y2v1nfad _1y2v1nfa1", o = "_1xhatbpk", h = "_1xhatbpl", x = "_1xhatbpm", y = "_1xhatbpn", b = "_1xhatbpo", m = "_1xhatbp6", i = "_1xhatbp7", w = "_1xhatbp8", s = {
     shadowAlpha: "var(--_1xhatbp0)",
     enterTransform: "var(--_1xhatbp1)",
     enterDoneTransform: "var(--_1xhatbp2)",
     exitTransform: "var(--_1xhatbp3)",
     enterActiveAnimationName: "var(--_1xhatbp4)",
     arrowBoxShadow: "var(--_1xhatbp5)"
-}, d = "_1y2v1nf5u";
+}, d = "_1y2v1nf68";

package/dist/touchable.css-mistica.js

@@ -9,10 +9,10 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    base: ()=>f,
-    notTouchable: ()=>y,
+    base: ()=>n,
+    notTouchable: ()=>f,
     touchable: ()=>_
 });
 require("./sprinkles.css.ts.vanilla.js");
 require("./touchable.css.ts.vanilla.js");
-var f = "mhti6u1 _1y2v1nfa5", y = "mhti6u4", _ = "mhti6u1 _1y2v1nfa5 _1y2v1nf6d _1y2v1nf6r _1y2v1nf75 _1y2v1nf7j _1y2v1nf5s _1y2v1nf9o _1y2v1nf7x _1y2v1nf2r _1y2v1nf5k _1y2v1nfa7";
+var n = "mhti6u1 _1y2v1nfaj", f = "mhti6u4", _ = "mhti6u1 _1y2v1nfaj _1y2v1nf6r _1y2v1nf75 _1y2v1nf7j _1y2v1nf7x _1y2v1nf66 _1y2v1nfa2 _1y2v1nf8b _1y2v1nf2y _1y2v1nf5y _1y2v1nfal";

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

@@ -16,6 +16,6 @@ _export(exports, {
 });
 require("../sprinkles.css.ts.vanilla.js");
 require("./aspect-ratio-support.css.ts.vanilla.js");
-var v = "yqswj62", n = "_1y2v1nf7x _1y2v1nf8d _1y2v1nfa8 _1y2v1nfam", y = {
+var v = "yqswj62", n = "_1y2v1nf8b _1y2v1nf8r _1y2v1nfam _1y2v1nfb0", y = {
     aspectRatio: "var(--yqswj60)"
-}, f = "_1y2v1nfa6 _1y2v1nf9l _1y2v1nf9m _1y2v1nf5l";
+}, f = "_1y2v1nfak _1y2v1nf9z _1y2v1nfa0 _1y2v1nf5z";

package/dist/video.css-mistica.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "video", {
     enumerable: true,
-    get: ()=>f
+    get: ()=>y
 });
 require("./sprinkles.css.ts.vanilla.js");
-var f = "_1y2v1nfa8 _1y2v1nfam _1y2v1nf5s _1y2v1nf5k _1y2v1nf9l _1y2v1nf9m _1y2v1nfbs";
+var y = "_1y2v1nfam _1y2v1nfb0 _1y2v1nf66 _1y2v1nf5y _1y2v1nf9z _1y2v1nfa0 _1y2v1nfc6";

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

@@ -1,3 +1,3 @@
 import "./sprinkles.css.ts.vanilla.js";
-var a = "_1y2v1nfa4 _1y2v1nf5q _1y2v1nf65 _1y2v1nf5z _1y2v1nfa6", f = "_1y2v1nfbs";
+var a = "_1y2v1nfai _1y2v1nf64 _1y2v1nf6j _1y2v1nf6d _1y2v1nfak", f = "_1y2v1nfc6";
 export { a as avatar, f as image };

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./badge.css.ts.vanilla.js";
-var n = "_17szrmd2 _1y2v1nf82 _1y2v1nf8h _1y2v1nf44", r = "_17szrmd6", f = "_17szrmd4 _17szrmd2 _1y2v1nf82 _1y2v1nf8h _1y2v1nf44 _1y2v1nf5q _1y2v1nf65 _1y2v1nf5z _1y2v1nf1t", y = "_1y2v1nf5m", a = "_1y2v1nf5l _1y2v1nf5u";
+var n = "_17szrmd2 _1y2v1nf8g _1y2v1nf8v _1y2v1nf4f", r = "_17szrmd6", f = "_17szrmd4 _17szrmd2 _1y2v1nf8g _1y2v1nf8v _1y2v1nf4f _1y2v1nf64 _1y2v1nf6j _1y2v1nf6d _1y2v1nf1x", y = "_1y2v1nf60", a = "_1y2v1nf5z _1y2v1nf68";
 export { n as badge, r as badgeBigNumber, f as badgeNumber, y as badgeWithChildren, a as container };

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./button-group.css.ts.vanilla.js";
-var r = "_1xdd1h64", t = "_1xdd1h63", v = "_1xdd1h62", _ = "_1xdd1h61 _1y2v1nf5r _1y2v1nf65 _1y2v1nf5v";
+var r = "_1xdd1h64", t = "_1xdd1h63", v = "_1xdd1h62", _ = "_1xdd1h61 _1y2v1nf65 _1y2v1nf6j _1y2v1nf69";
 export { r as buttonChild, t as buttons, v as container, _ as inline };

package/dist-es/button-layout.css-mistica.js

@@ -2,11 +2,11 @@ import "./sprinkles.css.ts.vanilla.js";
 import "./button.css.ts.vanilla.js";
 import "./button-layout.css.ts.vanilla.js";
 var l = "kfxylhi", f = {
-    right: "_1y2v1nf60",
-    left: "_1y2v1nf5y",
-    center: "_1y2v1nf5z",
-    "full-width": "kfxylhh _1y2v1nf5z"
-}, i = "kfxylh6 _1y2v1nf5q", t = "kfxylh7", v = "kfxylh8", h = "kfxylh3 _1y2v1nf5q _1y2v1nf7x", y = "kfxylh4", e = "kfxylh1", k = "kfxylh9", x = {
+    right: "_1y2v1nf6e",
+    left: "_1y2v1nf6c",
+    center: "_1y2v1nf6d",
+    "full-width": "kfxylhh _1y2v1nf6d"
+}, i = "kfxylh6 _1y2v1nf64", t = "kfxylh7", v = "kfxylh8", h = "kfxylh3 _1y2v1nf64 _1y2v1nf8b", y = "kfxylh4", e = "kfxylh1", k = "kfxylh9", o = {
     buttonWidth: "var(--kfxylh0)"
 };
-export { l as alignMoreThanOneChildred, f as alignVariant, i as baseContainer, t as container, v as fullWidthContainer, h as link, y as linkAlignment, e as margins, k as noButtonWidth, x as vars };
+export { l as alignMoreThanOneChildred, f as alignVariant, i as baseContainer, t as container, v as fullWidthContainer, h as link, y as linkAlignment, e as margins, k as noButtonWidth, o as vars };