@telefonica/mistica 14.34.0 → 14.36.0

package/dist/select.js

@@ -14,7 +14,7 @@ const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
 const _formcontext = require("./form-context.js");
 const _hooks = require("./hooks.js");
-const _keycodes = require("./utils/key-codes.js");
+const _keys = require("./utils/keys.js");
 const _textfieldcomponents = require("./text-field-components.js");
 const _iconchevrondownregular = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-chevron-down-regular.js"));
 const _textfieldbase = require("./text-field-base.js");
@@ -124,10 +124,10 @@ function _object_spread_props(target, source) {
     return target;
 }
 const Ye = (param)=>{
-    let { id: re, label: d, helperText: ie, value: ce, onChangeValue: b, name: i, fullWidth: P, options: u, optional: V, disabled: le, error: ae, onBlur: D, autoFocus: $ = !1, native: ue } = param;
+    let { id: oe, label: d, helperText: ie, value: ce, onChangeValue: C, name: i, fullWidth: P, options: u, optional: V, disabled: ae, error: le, onBlur: D, autoFocus: $ = !1, native: ue } = param;
     var Y;
-    const S = _react.useRef(null), f = _react.useRef(null), g = _react.useRef(null), T = _react.useRef(null), N = _react.useRef(/* @__PURE__ */ new Map()), [de, fe] = _react.useState(!0), [p, pe] = _react.useState(), [M, q] = _react.useState(!1), [z, j] = _react.useState(!1), [K, x] = _react.useState(!1), [a, H] = _react.useState({}), [v, F] = _react.useState(), G = _react.useRef(null), Z = (0, _hooks.useAriaId)(re), { rawValues: me, setRawValue: B, setValue: W, formStatus: he, formErrors: U, setFormError: Se, register: L } = (0, _formcontext.useForm)(), { platformOverrides: X } = (0, _hooks.useTheme)(), ge = ue || process.env.NODE_ENV === "test" && !process.env.SSR_TEST || (0, _platform.isAndroid)(X) || (0, _platform.isIos)(X), E = le || he === "sending", R = ae || !!U[i], J = U[i] || ie, l = ce !== null && ce !== void 0 ? ce : me[i], A = (e)=>{
-        b == null || b(e), Se({
+    const S = _react.useRef(null), f = _react.useRef(null), g = _react.useRef(null), T = _react.useRef(null), R = _react.useRef(/* @__PURE__ */ new Map()), [de, fe] = _react.useState(!0), [p, pe] = _react.useState(), [M, q] = _react.useState(!1), [z, j] = _react.useState(!1), [K, x] = _react.useState(!1), [l, H] = _react.useState({}), [v, F] = _react.useState(), G = _react.useRef(null), Z = (0, _hooks.useAriaId)(oe), { rawValues: me, setRawValue: B, setValue: W, formStatus: he, formErrors: U, setFormError: Se, register: L } = (0, _formcontext.useForm)(), { platformOverrides: X } = (0, _hooks.useTheme)(), ge = ue || process.env.NODE_ENV === "test" && !process.env.SSR_TEST || (0, _platform.isAndroid)(X) || (0, _platform.isIos)(X), E = ae || he === "sending", b = le || !!U[i], J = U[i] || ie, a = ce !== null && ce !== void 0 ? ce : me[i], A = (e)=>{
+        C == null || C(e), Se({
             name: i,
             error: ""
         }), B({
@@ -140,15 +140,15 @@ const Ye = (param)=>{
     }, I = (e)=>{
         if (e) {
             if (g != null && g.current) {
-                const s = g.current.getBoundingClientRect(), m = s.top, w = s.width, O = s.left, Oe = s.height, y = m + Oe, k = Math.min(u.length, 8) * 48 + 16;
+                const r = g.current.getBoundingClientRect(), m = r.top, w = r.width, O = r.left, Oe = r.height, y = m + Oe, k = Math.min(u.length, 8) * 48 + 16;
                 if (y + k + 12 > window.innerHeight) {
                     const ye = window.innerHeight - y;
                     if (m > ye) {
-                        const Ce = m - k;
+                        const Ne = m - k;
                         H({
                             minWidth: w,
                             left: O,
-                            top: Math.max(Ce, 12),
+                            top: Math.max(Ne, 12),
                             maxHeight: Math.min(m - 12, k),
                             transformOrigin: "center bottom"
                         });
@@ -169,36 +169,36 @@ const Ye = (param)=>{
             }
             q(!0), requestAnimationFrame(()=>{
                 G.current && T.current && "scrollTop" in T.current && (T.current.scrollTop = G.current), j(!0);
-            }), F(p !== null && p !== void 0 ? p : l);
+            }), F(p !== null && p !== void 0 ? p : a);
         } else j(!1), q(!1), F(void 0);
     }, Q = (e)=>{
         var t;
-        G.current = (t = T.current) == null ? void 0 : t.scrollTop, I(!1), A && typeof e == "string" && A(e), typeof l > "u" && pe(e);
+        G.current = (t = T.current) == null ? void 0 : t.scrollTop, I(!1), A && typeof e == "string" && A(e), typeof a > "u" && pe(e);
     }, Te = (e)=>{
-        var n;
-        const t = (n = T.current) == null ? void 0 : n.getBoundingClientRect();
-        if (t && e && N.current.has(e)) {
-            const c = N.current.get(e), s = c == null ? void 0 : c.getBoundingClientRect();
-            if (s && s.top + s.height / 2 >= t.top + t.height) {
+        var s;
+        const t = (s = T.current) == null ? void 0 : s.getBoundingClientRect();
+        if (t && e && R.current.has(e)) {
+            const c = R.current.get(e), r = c == null ? void 0 : c.getBoundingClientRect();
+            if (r && r.top + r.height / 2 >= t.top + t.height) {
                 c == null || c.scrollIntoView();
                 return;
             }
-            s && s.top + s.height / 2 <= t.top && (c == null || c.scrollIntoView(!1));
+            r && r.top + r.height / 2 <= t.top && (c == null || c.scrollIntoView(!1));
         }
     }, ve = f.current, Ee = S.current;
     _react.useEffect(()=>{
         B({
             name: i,
-            value: l
+            value: a
         }), W({
             name: i,
-            value: l
+            value: a
         });
     }, [
         i,
         B,
         W,
-        l
+        a
     ]), _react.useEffect(()=>(L(i, {
             input: S.current,
             focusableElement: f.current
@@ -215,26 +215,38 @@ const Ye = (param)=>{
         ve,
         Ee
     ]), _react.useEffect(()=>{
-        const e = (n)=>{
+        const e = (s)=>{
             var m;
-            const s = {
-                [_keycodes.UP]: -1,
-                [_keycodes.DOWN]: 1
-            }[n.keyCode];
-            if (s) {
-                (0, _dom.cancelEvent)(n);
+            const r = {
+                [_keys.UP]: -1,
+                [_keys.DOWN]: 1
+            }[s.key];
+            if (r) {
+                (0, _dom.cancelEvent)(s);
                 var _ref;
                 const w = (_ref = (m = u[u.findIndex((param)=>{
                     let { value: O } = param;
                     return O === v;
-                }) + s]) == null ? void 0 : m.value) !== null && _ref !== void 0 ? _ref : v;
+                }) + r]) == null ? void 0 : m.value) !== null && _ref !== void 0 ? _ref : v;
                 F(w), Te(w);
             }
-        }, t = (n)=>{
-            M && (n.keyCode === _keycodes.TAB && (0, _dom.cancelEvent)(n), n.keyCode === _keycodes.ESC && I(!1), (n.keyCode === _keycodes.ENTER || n.keyCode === _keycodes.SPACE) && ((0, _dom.cancelEvent)(n), u.findIndex((param)=>{
-                let { value: c } = param;
-                return c === v;
-            }) !== -1 && v !== p && Q(v), I(!1))), z && e(n);
+        }, t = (s)=>{
+            if (M) switch(s.key){
+                case _keys.TAB:
+                    (0, _dom.cancelEvent)(s);
+                    break;
+                case _keys.ESC:
+                    I(!1);
+                    break;
+                case _keys.ENTER:
+                case _keys.SPACE:
+                    (0, _dom.cancelEvent)(s), u.findIndex((param)=>{
+                        let { value: c } = param;
+                        return c === v;
+                    }) !== -1 && v !== p && Q(v), I(!1);
+                    break;
+            }
+            z && e(s);
         };
         return document.addEventListener("keydown", t, !1), ()=>{
             document.removeEventListener("keydown", t, !1);
@@ -249,8 +261,8 @@ const Ye = (param)=>{
     const Ie = (e)=>{
         var t;
         return e ? (t = u.find((param)=>{
-            let { value: n } = param;
-            return n === e;
+            let { value: s } = param;
+            return s === e;
         })) == null ? void 0 : t.text : "";
     }, we = {
         tabIndex: 0,
@@ -260,31 +272,31 @@ const Ye = (param)=>{
             I(!0), x(!0);
         },
         onKeyDown: (e)=>{
-            !M && (e.keyCode === _keycodes.SPACE || e.keyCode === _keycodes.ENTER) && ((0, _dom.cancelEvent)(e), I(!0));
+            !M && (e.key === _keys.SPACE || e.key === _keys.ENTER) && ((0, _dom.cancelEvent)(e), I(!0));
         }
     }, { isDesktopOrBigger: xe } = (0, _hooks.useScreenSize)();
-    var _ref, _a_transformOrigin;
+    var _ref, _l_transformOrigin;
     return ge || de ? /* @__PURE__ */ (0, _jsxruntime.jsxs)(_textfieldcomponents.FieldContainer, {
         disabled: E,
         helperText: /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldcomponents.HelperText, {
-            error: R,
+            error: b,
             leftText: J
         }),
         fieldRef: g,
         fullWidth: P,
         children: [
             d && /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldcomponents.Label, {
-                error: R,
+                error: b,
                 forId: Z,
-                inputState: K ? "focused" : ((_ref = l !== null && l !== void 0 ? l : p) !== null && _ref !== void 0 ? _ref : (Y = S.current) == null ? void 0 : Y.value) ? "filled" : "default",
+                inputState: K ? "focused" : ((_ref = a !== null && a !== void 0 ? a : p) !== null && _ref !== void 0 ? _ref : (Y = S.current) == null ? void 0 : Y.value) ? "filled" : "default",
                 optional: V,
                 children: d
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsxs)("select", {
                 className: _selectcssmistica.selectVariants[E ? "disabled" : "default"],
                 id: Z,
-                "aria-invalid": !!R,
-                value: l,
+                "aria-invalid": !!b,
+                value: a,
                 required: !V,
                 disabled: E,
                 onChange: (e)=>{
@@ -358,14 +370,14 @@ const Ye = (param)=>{
                         }),
                         focus: K,
                         label: d,
-                        value: l,
-                        shrinkLabel: !!(l || p),
+                        value: a,
+                        shrinkLabel: !!(a || p),
                         name: i,
                         helperText: J,
                         required: !V,
                         disabled: E,
                         id: Z,
-                        error: R,
+                        error: b,
                         inputRef: S,
                         fieldRef: g
                     }),
@@ -374,7 +386,7 @@ const Ye = (param)=>{
                         style: {
                             top: xe ? d ? 28 : 18 : d ? 25 : 16
                         },
-                        children: Ie(l !== null && l !== void 0 ? l : p)
+                        children: Ie(a !== null && a !== void 0 ? a : p)
                     })
                 ]
             })),
@@ -386,11 +398,11 @@ const Ye = (param)=>{
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_portal.Portal, {
                     children: /* @__PURE__ */ (0, _jsxruntime.jsx)("ul", {
                         style: (0, _css.applyCssVars)({
-                            [_selectcssmistica.vars.top]: a.top ? `${a.top}px` : "",
-                            [_selectcssmistica.vars.left]: a.left ? `${a.left}px` : "",
-                            [_selectcssmistica.vars.maxHeight]: a.maxHeight ? `${a.maxHeight}px` : "",
-                            [_selectcssmistica.vars.minWidth]: a.minWidth ? `${a.minWidth}px` : "",
-                            [_selectcssmistica.vars.transformOrigin]: (_a_transformOrigin = a.transformOrigin) !== null && _a_transformOrigin !== void 0 ? _a_transformOrigin : ""
+                            [_selectcssmistica.vars.top]: l.top ? `${l.top}px` : "",
+                            [_selectcssmistica.vars.left]: l.left ? `${l.left}px` : "",
+                            [_selectcssmistica.vars.maxHeight]: l.maxHeight ? `${l.maxHeight}px` : "",
+                            [_selectcssmistica.vars.minWidth]: l.minWidth ? `${l.minWidth}px` : "",
+                            [_selectcssmistica.vars.transformOrigin]: (_l_transformOrigin = l.transformOrigin) !== null && _l_transformOrigin !== void 0 ? _l_transformOrigin : ""
                         }),
                         onPointerDown: _dom.cancelEvent,
                         className: (0, _classnames.default)(_selectcssmistica.optionsContainer, z ? _selectcssmistica.optionsAnimationsVariants.show : _selectcssmistica.optionsAnimationsVariants.hide),
@@ -400,15 +412,15 @@ const Ye = (param)=>{
                             let { value: e, text: t } = param;
                             return (0, _jsxruntime.jsx)("li", {
                                 role: "option",
-                                "aria-selected": e === (p !== null && p !== void 0 ? p : l),
+                                "aria-selected": e === (p !== null && p !== void 0 ? p : a),
                                 "data-value": e,
                                 className: (0, _classnames.default)(_selectcssmistica.menuItem, {
-                                    [_selectcssmistica.menuItemSelected]: e === v || e === (p !== null && p !== void 0 ? p : l)
+                                    [_selectcssmistica.menuItemSelected]: e === v || e === (p !== null && p !== void 0 ? p : a)
                                 }),
                                 onPointerDown: _dom.cancelEvent,
                                 onClick: ()=>Q(e),
-                                ref: (n)=>{
-                                    n ? N.current.set(e, n) : N.current.delete(e);
+                                ref: (s)=>{
+                                    s ? R.current.set(e, s) : R.current.delete(e);
                                 },
                                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text3, {
                                     regular: !0,

package/dist/sheet.css-mistica.js

@@ -37,30 +37,30 @@ _export(exports, {
         return o;
     },
     infoItemIcon: function() {
-        return l;
+        return b;
     },
     modalCloseButton: function() {
-        return b;
+        return l;
     },
     modalCloseButtonIcon: function() {
         return i;
     },
     overlay: function() {
-        return z;
+        return h;
     },
     sheetActionRow: function() {
-        return d;
+        return z;
     },
     stickyButtons: function() {
-        return h;
+        return d;
     },
     stickyTitle: function() {
-        return p;
+        return s;
     },
     transitionDuration: function() {
-        return s;
+        return m;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./sheet.css.ts.vanilla.css-mistica.js");
-var y = "cylz3v6 _1y2v1nf32", f = "cylz3v4 _1y2v1nfb6 _1y2v1nfev _1y2v1nffa _1y2v1nffp", _ = "cylz3v9 _1y2v1nf6r _1y2v1nfba _1y2v1nfbg", a = "cylz3vo", e = "_1y2v1nfef _1y2v1nfbw _1y2v1nfba _1y2v1nfbg", r = "cylz3vl", t = "cylz3v7", c = "_1y2v1nf46 _1y2v1nfc6 _1y2v1nfch _1y2v1nfdu", o = "cylz3vc _1y2v1nf6c _1y2v1nf7l _1y2v1nfb5 _1y2v1nfeg _1y2v1nfcr _1y2v1nfbx _1y2v1nfba _1y2v1nfbj", l = "_1y2v1nfba _1y2v1nfbp _1y2v1nfcm", b = "cylz3vf _1y2v1nf6i _1y2v1nf7r _1y2v1nf90 _1y2v1nfa9 _1y2v1nfb5 _1y2v1nfeg _1y2v1nffa", i = "cylz3vh _1y2v1nfc7 _1y2v1nfcn _1y2v1nfba _1y2v1nfbp _1y2v1nfbj _1y2v1nfdt", z = "cylz3vk _1y2v1nfb6 _1y2v1nf3d _1y2v1nfeg _1y2v1nfev _1y2v1nffa _1y2v1nffp", d = "cylz3vq _1y2v1nf6i _1y2v1nf7r _1y2v1nf90 _1y2v1nfa9 _1y2v1nfba _1y2v1nfdn _1y2v1nfbp", h = "_1y2v1nfb8 _1y2v1nffp _1y2v1nf32", p = "_1y2v1nfb8 _1y2v1nfeg _1y2v1nf32", s = 400;
+var y = "cylz3v6 _1y2v1nf32", f = "cylz3v4 _1y2v1nfb6 _1y2v1nfew _1y2v1nffb _1y2v1nffq", _ = "cylz3v9 _1y2v1nf6r _1y2v1nfba _1y2v1nfbg", a = "cylz3vo", e = "_1y2v1nfeg _1y2v1nfbw _1y2v1nfba _1y2v1nfbg", r = "cylz3vl", t = "cylz3v7", c = "_1y2v1nf46 _1y2v1nfc6 _1y2v1nfch _1y2v1nfdu", o = "cylz3vc _1y2v1nf6c _1y2v1nf7l _1y2v1nfb5 _1y2v1nfeh _1y2v1nfcr _1y2v1nfbx _1y2v1nfba _1y2v1nfbj", b = "_1y2v1nfba _1y2v1nfbp _1y2v1nfcm", l = "cylz3vf _1y2v1nf6i _1y2v1nf7r _1y2v1nf90 _1y2v1nfa9 _1y2v1nfb5 _1y2v1nfeh _1y2v1nffb", i = "cylz3vh _1y2v1nfc7 _1y2v1nfcn _1y2v1nfba _1y2v1nfbp _1y2v1nfbj _1y2v1nfdt", h = "cylz3vk _1y2v1nfb6 _1y2v1nf3d _1y2v1nfeh _1y2v1nfew _1y2v1nffb _1y2v1nffq", z = "cylz3vq _1y2v1nf6i _1y2v1nf7r _1y2v1nf90 _1y2v1nfa9 _1y2v1nfba _1y2v1nfdn _1y2v1nfbp", d = "_1y2v1nfb8 _1y2v1nffq _1y2v1nf32", s = "_1y2v1nfb8 _1y2v1nfeh _1y2v1nf32", m = 400;

package/dist/skeletons.d.ts

@@ -1,5 +1,13 @@
-/// <reference types="react" />
+import * as React from 'react';
 import type { DataAttributes } from './utils/types';
+type SkeletonAnimationProps = {
+    children: React.ReactNode;
+    ariaLabel?: string;
+    dataAttributes?: DataAttributes;
+    width?: number | string;
+    height?: number | string;
+};
+export declare const SkeletonAnimation: ({ children, ariaLabel, dataAttributes, width, height, }: SkeletonAnimationProps) => JSX.Element;
 type SkeletonLineProps = {
     width?: string | number;
     ariaLabel?: string;

package/dist/skeletons.js

@@ -9,6 +9,9 @@ function _export(target, all) {
     });
 }
 _export(exports, {
+    SkeletonAnimation: function() {
+        return o;
+    },
     SkeletonCircle: function() {
         return x;
     },

package/dist/skins/blau.js

@@ -286,7 +286,8 @@ const e = {
             input: "8px",
             legacyDisplay: "16px",
             popup: "8px",
-            sheet: "8px"
+            sheet: "8px",
+            mediaSmall: "8px"
         },
         textPresets: {
             cardTitle: {

package/dist/skins/defaults.js

@@ -85,5 +85,6 @@ const t = {
     indicator: "999px",
     sheet: "8px",
     bar: "999px",
-    avatar: "50%"
+    avatar: "50%",
+    mediaSmall: "8px"
 };

package/dist/skins/movistar-legacy.js

@@ -290,7 +290,8 @@ const e = {
             input: "8px",
             legacyDisplay: "16px",
             popup: "8px",
-            sheet: "8px"
+            sheet: "8px",
+            mediaSmall: "8px"
         },
         textPresets: {
             cardTitle: {

package/dist/skins/movistar.js

@@ -290,7 +290,8 @@ const e = {
             input: "8px",
             legacyDisplay: "16px",
             popup: "8px",
-            sheet: "8px"
+            sheet: "8px",
+            mediaSmall: "8px"
         },
         textPresets: {
             cardTitle: {

package/dist/skins/o2.js

@@ -290,7 +290,8 @@ const e = {
             input: "8px",
             legacyDisplay: "16px",
             popup: "8px",
-            sheet: "8px"
+            sheet: "8px",
+            mediaSmall: "8px"
         },
         textPresets: {
             cardTitle: {

package/dist/skins/skin-contract.css-mistica.js

@@ -237,6 +237,7 @@ var r = {
         indicator: "var(--_1vqcj1i64)",
         sheet: "var(--_1vqcj1i65)",
         bar: "var(--_1vqcj1i66)",
-        avatar: "var(--_1vqcj1i67)"
+        avatar: "var(--_1vqcj1i67)",
+        mediaSmall: "var(--_1vqcj1i68)"
     }
 };

package/dist/skins/skin-contract.css.d.ts

@@ -228,5 +228,6 @@ export declare const vars: {
         sheet: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         bar: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         avatar: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        mediaSmall: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
     };
 };

package/dist/skins/telefonica.js

@@ -284,7 +284,8 @@ const e = {
             input: "0px",
             legacyDisplay: "0px",
             popup: "0px",
-            sheet: "0px"
+            sheet: "0px",
+            mediaSmall: "0px"
         },
         textPresets: {
             cardTitle: {

package/dist/skins/types/index.d.ts

@@ -60,6 +60,7 @@ export type BorderRadiiConfig = {
     sheet: string;
     bar: string;
     avatar: string;
+    mediaSmall: string;
 };
 export type Skin = {
     name: SkinName;

package/dist/skins/vivo-new.js

@@ -284,7 +284,8 @@ const e = {
             input: "12px",
             legacyDisplay: "16px",
             popup: "8px",
-            sheet: "16px"
+            sheet: "16px",
+            mediaSmall: "8px"
         },
         textPresets: {
             cardTitle: {

package/dist/skins/vivo.js

@@ -284,7 +284,8 @@ const e = {
             input: "8px",
             legacyDisplay: "16px",
             popup: "8px",
-            sheet: "8px"
+            sheet: "8px",
+            mediaSmall: "8px"
         },
         textPresets: {
             cardTitle: {

package/dist/slider.css-mistica.js

@@ -10,33 +10,33 @@ function _export(target, all) {
 }
 _export(exports, {
     container: function() {
-        return v;
+        return n;
     },
-    progress: function() {
-        return r;
+    defaultThumb: function() {
+        return f;
     },
-    rangeSlider: function() {
+    disabled: function() {
+        return y;
+    },
+    input: function() {
         return a;
     },
-    sliderDisabled: function() {
-        return l;
+    iosThumb: function() {
+        return b;
     },
-    sliderThumbVariant: function() {
-        return f;
+    thumbActive: function() {
+        return r;
     },
-    sliderVariant: function() {
-        return e;
+    thumbContainer: function() {
+        return h;
     },
-    targetContainer: function() {
-        return y;
+    thumbHover: function() {
+        return t;
+    },
+    track: function() {
+        return l;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./slider.css.ts.vanilla.css-mistica.js");
-var v = "_1j1wlhk1 _1y2v1nfba _1y2v1nfbw", r = "_1j1wlhkf _1y2v1nfb5 _1y2v1nfe7 _1y2v1nf47", a = "_1y2v1nfba _1y2v1nfb4 _1y2v1nfbx", l = "_1j1wlhk9 _1j1wlhk6 _1y2v1nfe7 _1y2v1nf46", f = {
-    ios: "_1j1wlhkc _1j1wlhkb _1y2v1nfb5",
-    default: "_1j1wlhkd _1j1wlhkb _1y2v1nfb5"
-}, e = {
-    ios: "_1j1wlhk7 _1j1wlhk6 _1y2v1nfe7 _1y2v1nf46",
-    default: "_1j1wlhk8 _1j1wlhk6 _1y2v1nfe7 _1y2v1nf46"
-}, y = "_1j1wlhk2";
+var n = "_1j1wlhk1 _1y2v1nfbx _1y2v1nfb4 _1y2v1nfba _1y2v1nfbp _1y2v1nfea", f = "_1j1wlhk7 _1y2v1nfc5 _1y2v1nfcl _1y2v1nfdt _1y2v1nf47", y = "_1j1wlhk2", a = "_1j1wlhkd _1y2v1nfb5 _1y2v1nfeh", b = "_1j1wlhk9 _1y2v1nf4f _1y2v1nfdt", r = "_1j1wlhkb", h = "_1j1wlhk5 _1y2v1nfb5 _1y2v1nfba _1y2v1nfbp _1y2v1nfbj", t = "_1j1wlhka", l = "_1y2v1nfbx _1y2v1nfch _1y2v1nfe7";

package/dist/slider.css.d.ts

@@ -1,9 +1,9 @@
 export declare const container: string;
-export declare const targetContainer: string;
-export declare const rangeSlider: string;
-export declare const sliderBase: string;
-export declare const sliderVariant: Record<"default" | "ios", string>;
-export declare const sliderDisabled: string;
-export declare const sliderThumbBase: string;
-export declare const sliderThumbVariant: Record<"default" | "ios", string>;
-export declare const progress: string;
+export declare const disabled: string;
+export declare const track: string;
+export declare const thumbContainer: string;
+export declare const defaultThumb: string;
+export declare const iosThumb: string;
+export declare const thumbHover: string;
+export declare const thumbActive: string;
+export declare const input: string;

package/dist/slider.d.ts

@@ -1,14 +1,34 @@
 import * as React from 'react';
-interface SliderProps {
+import type { ExclusifyUnion } from './utils/utility-types';
+import type { DataAttributes } from './utils/types';
+interface BaseSliderProps {
     disabled?: boolean;
-    steps?: number | Array<number>;
-    max?: number;
-    min?: number;
     value?: number;
-    onChange?: (value: number) => void;
-    getStepArrayIndex?: (value: number) => void;
-    'arial-label'?: string;
+    defaultValue?: number;
+    onChangeValue?: (value: number) => void;
     tooltip?: boolean;
+    dataAttributes?: DataAttributes;
+    name: string;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+    id?: string;
+    /**
+     * @deprecated This field is deprecated, please use step or values instead.
+     */
+    steps?: number | Array<number>;
+    /**
+     * @deprecated This field is deprecated.
+     */
+    getStepArrayIndex?: (value: number) => void;
+}
+interface SliderWithValuesProps {
+    values: Array<number>;
+}
+interface SliderWithStepProps {
+    step?: number;
+    min?: number;
+    max?: number;
 }
-declare const Slider: React.FC<SliderProps>;
+type SliderProps = BaseSliderProps & ExclusifyUnion<SliderWithStepProps | SliderWithValuesProps>;
+declare const Slider: React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<HTMLInputElement>>;
 export default Slider;