@telefonica/mistica 16.0.0 → 16.1.0

package/dist/radio-button.js

@@ -164,33 +164,33 @@ const S = /*#__PURE__*/ _react.createContext({
     selectNext: ()=>{},
     selectPrev: ()=>{}
 }), z = ()=>_react.useContext(S), J = (_param)=>{
-    var { value: t, id: s, dataAttributes: h, "aria-labelledby": R, "aria-label": x } = _param, f = _object_without_properties(_param, [
+    var { value: e, id: s, dataAttributes: h, "aria-labelledby": g, "aria-label": x } = _param, f = _object_without_properties(_param, [
         "value",
         "id",
         "dataAttributes",
         "aria-labelledby",
         "aria-label"
     ]);
-    const { disabled: l, selectedValue: C, focusableValue: p, select: c, selectNext: g, selectPrev: y } = z(), r = _react.useId(), m = R || r, V = _react.useRef(null), d = t === C, o = p === t ? 0 : -1, { isIos: a } = (0, _hooks.useTheme)(), v = (e)=>{
-        switch(e.key){
+    const { disabled: l, selectedValue: v, focusableValue: C, select: c, selectNext: p, selectPrev: y } = z(), r = _react.useId(), b = g || r, V = _react.useRef(null), d = e === v, o = C === e ? 0 : -1, { isIos: t } = (0, _hooks.useTheme)(), R = (a)=>{
+        switch(a.key){
             case _keys.SPACE:
-                c(t), e.preventDefault(), e.stopPropagation();
+                c(e), a.preventDefault(), a.stopPropagation();
                 break;
             case _keys.RIGHT:
             case _keys.DOWN:
-                g(), e.preventDefault(), e.stopPropagation();
+                p(), a.preventDefault(), a.stopPropagation();
                 break;
             case _keys.LEFT:
             case _keys.UP:
-                y(), e.preventDefault(), e.stopPropagation();
+                y(), a.preventDefault(), a.stopPropagation();
                 break;
         }
     }, u = /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-        className: (0, _classnames.default)(a ? _radiobuttoncssmistica.outerCircleVariants.ios : _radiobuttoncssmistica.outerCircleVariants.default, {
-            [_radiobuttoncssmistica.outerCircleCheckedVariants[a ? "ios" : "default"]]: d,
+        className: (0, _classnames.default)(t ? _radiobuttoncssmistica.outerCircleVariants.ios : _radiobuttoncssmistica.outerCircleVariants.default, {
+            [_radiobuttoncssmistica.outerCircleCheckedVariants[t ? "ios" : "default"]]: d,
             [_radiobuttoncssmistica.disabled]: l
         }),
-        children: !a && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+        children: !t && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
             className: (0, _classnames.default)(_radiobuttoncssmistica.innerCircle, {
                 [_radiobuttoncssmistica.innerCircleChecked]: d
             })
@@ -201,22 +201,22 @@ const S = /*#__PURE__*/ _react.createContext({
         id: s,
         tabIndex: l ? void 0 : o,
         role: "radio",
-        "data-value": t,
+        "data-value": e,
         "aria-checked": d,
         "aria-disabled": l,
         "aria-label": x,
-        "aria-labelledby": x ? void 0 : m,
-        onClick: (e)=>{
-            e.stopPropagation(), l || c(t);
+        "aria-labelledby": x ? void 0 : b,
+        onClick: (a)=>{
+            a.stopPropagation(), l || c(e);
         },
-        onKeyDown: l ? void 0 : v,
+        onKeyDown: l ? void 0 : R,
         className: l ? _radiobuttoncssmistica.radioButtonContainerDisabled : _radiobuttoncssmistica.radioButton
     }, (0, _dom.getPrefixedDataAttributes)(h, "RadioButton")), {
         children: f.render ? f.render({
             controlElement: u,
             disabled: !!l,
             checked: d,
-            labelId: m
+            labelId: b
         }) : /* @__PURE__ */ (0, _jsxruntime.jsxs)(_inline.default, {
             space: 16,
             children: [
@@ -234,7 +234,7 @@ const S = /*#__PURE__*/ _react.createContext({
                 /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text3, {
                     regular: !0,
                     as: "div",
-                    id: m,
+                    id: b,
                     children: /* @__PURE__ */ (0, _jsxruntime.jsx)("span", {
                         className: l ? _radiobuttoncssmistica.disabled : "",
                         children: f.children
@@ -243,35 +243,35 @@ const S = /*#__PURE__*/ _react.createContext({
             ]
         })
     }));
-}, oe = (t)=>{
+}, oe = (e)=>{
     var _ref;
-    const { value: s, defaultValue: h, onChange: R, focusableRef: x, disabled: f } = (0, _formcontext.useControlProps)({
-        name: t.name,
-        value: t.value,
-        defaultValue: t.defaultValue,
-        onChange: t.onChange,
-        disabled: t.disabled
-    }), l = typeof s < "u", [C, p] = _react.useState((_ref = s !== null && s !== void 0 ? s : h) !== null && _ref !== void 0 ? _ref : "");
+    const { value: s, defaultValue: h, onChange: g, focusableRef: x, disabled: f } = (0, _formcontext.useControlProps)({
+        name: e.name,
+        value: e.value,
+        defaultValue: e.defaultValue,
+        onChange: e.onChange,
+        disabled: e.disabled
+    }), l = typeof s < "u", [v, C] = _react.useState((_ref = s !== null && s !== void 0 ? s : h) !== null && _ref !== void 0 ? _ref : "");
     _react.useEffect(()=>{
-        s !== void 0 && p(s);
+        s !== void 0 && C(s);
     }, [
         s
     ]);
     const c = (o)=>{
-        l || p(o), R(o);
-    }, [g, y] = _react.useState(null), r = _react.useRef(null), m = ()=>{
+        l || C(o), g(o);
+    }, [p, y] = _react.useState(null), r = _react.useRef(null), b = ()=>{
         if (r.current) {
-            const o = r.current.querySelector("[role=radio][aria-checked=true]"), a = Array.from(r.current.querySelectorAll("[role=radio]"));
-            if (a.length === 0) return;
-            const u = ((o ? a.indexOf(o) : 0) + 1) % a.length, e = a[u], b = e.dataset.value;
-            b && (e.focus(), c(b));
+            const o = r.current.querySelector("[role=radio][aria-checked=true]"), t = Array.from(r.current.querySelectorAll("[role=radio]"));
+            if (t.length === 0) return;
+            const u = ((o ? t.indexOf(o) : 0) + 1) % t.length, a = t[u], m = a.dataset.value;
+            m && (a.focus(), c(m));
         }
     }, V = ()=>{
         if (r.current) {
-            const o = r.current.querySelector("[role=radio][aria-checked=true]"), a = Array.from(r.current.querySelectorAll("[role=radio]"));
-            if (a.length === 0) return;
-            const v = o ? a.indexOf(o) : 0, u = (a.length + v - 1) % a.length, e = a[u], b = e.dataset.value;
-            b && (e.focus(), c(b));
+            const o = r.current.querySelector("[role=radio][aria-checked=true]"), t = Array.from(r.current.querySelectorAll("[role=radio]"));
+            if (t.length === 0) return;
+            const R = o ? t.indexOf(o) : 0, u = (t.length + R - 1) % t.length, a = t[u], m = a.dataset.value;
+            m && (a.focus(), c(m));
         }
     };
     _react.useEffect(()=>{
@@ -282,22 +282,23 @@ const S = /*#__PURE__*/ _react.createContext({
         }
     }, []);
     var _ref1;
-    const d = (_ref1 = C !== null && C !== void 0 ? C : g) !== null && _ref1 !== void 0 ? _ref1 : null;
+    const d = (_ref1 = v !== null && v !== void 0 ? v : p) !== null && _ref1 !== void 0 ? _ref1 : null;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({
         ref: (0, _common.combineRefs)(r, x),
         role: "radiogroup",
-        "aria-labelledby": t["aria-labelledby"]
-    }, (0, _dom.getPrefixedDataAttributes)(t.dataAttributes, "RadioGroup")), {
+        "aria-label": e["aria-label"],
+        "aria-labelledby": e["aria-label"] ? void 0 : e["aria-labelledby"]
+    }, (0, _dom.getPrefixedDataAttributes)(e.dataAttributes, "RadioGroup")), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(S.Provider, {
             value: {
                 disabled: f,
-                selectedValue: C !== null && C !== void 0 ? C : h,
+                selectedValue: v !== null && v !== void 0 ? v : h,
                 focusableValue: d,
                 select: c,
-                selectNext: m,
+                selectNext: b,
                 selectPrev: V
             },
-            children: t.children
+            children: e.children
         })
     }));
 }, re = J;

package/dist/rating.css-mistica.js

@@ -0,0 +1,44 @@
+"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, {
+    IconWrapper: function() {
+        return a;
+    },
+    disabled: function() {
+        return v;
+    },
+    firstIcon: function() {
+        return e;
+    },
+    halfIconActive: function() {
+        return t;
+    },
+    halfIconContainer: function() {
+        return n;
+    },
+    halfIconInactive: function() {
+        return o;
+    },
+    lastIcon: function() {
+        return c;
+    },
+    touchable: function() {
+        return f;
+    },
+    vars: function() {
+        return h;
+    }
+});
+require("./sprinkles.css.ts.vanilla.css-mistica.js");
+require("./rating.css.ts.vanilla.css-mistica.js");
+var a = "igrtie3 _1y2v1nfhk _1y2v1nfht _1y2v1nfhz", v = "igrtie9", e = "igrtiea", t = "igrtie8 _1y2v1nfhe", n = "_1y2v1nfhe", o = "igrtie6 _1y2v1nfhf", c = "igrtieb", f = "igrtiec", h = {
+    iconSize: "var(--igrtie0)"
+};

package/dist/rating.css.d.ts

@@ -0,0 +1,11 @@
+export declare const vars: {
+    iconSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+};
+export declare const IconWrapper: string;
+export declare const halfIconContainer: string;
+export declare const halfIconInactive: string;
+export declare const halfIconActive: string;
+export declare const disabled: string;
+export declare const firstIcon: string;
+export declare const lastIcon: string;
+export declare const touchable: string;

package/dist/rating.css.ts.vanilla.css-mistica.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return a;
+    }
+});
+const a = "";

package/dist/rating.d.ts

@@ -0,0 +1,37 @@
+/// <reference types="react" />
+import type { ExclusifyUnion } from './utils/utility-types';
+import type { DataAttributes, IconProps } from './utils/types';
+type RatingIconProps = {
+    ActiveIcon: (props: IconProps) => JSX.Element;
+    InactiveIcon: (props: IconProps) => JSX.Element;
+    color: string;
+};
+interface BaseRatingProps {
+    size?: number;
+    dataAttributes?: DataAttributes;
+    valueLabels?: Array<string>;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+}
+interface QuantitativeRatingProps extends BaseRatingProps {
+    type?: 'quantitative';
+    icon?: RatingIconProps;
+    count?: number;
+}
+interface QualitativeRatingProps extends BaseRatingProps {
+    type: 'qualitative';
+    icons?: Array<RatingIconProps>;
+}
+type RatingProps = ExclusifyUnion<QualitativeRatingProps | QuantitativeRatingProps> & {
+    value?: number;
+    defaultValue?: number;
+    onChangeValue?: (value: number) => void;
+    disabled?: boolean;
+};
+type InfoRatingProps = Omit<QuantitativeRatingProps, 'type' | 'valueLabels'> & {
+    value?: number;
+    withHalfValue?: boolean;
+};
+export declare const Rating: ({ dataAttributes, ...props }: RatingProps) => JSX.Element;
+export declare const InfoRating: ({ dataAttributes, icon, size, ...props }: InfoRatingProps) => JSX.Element;
+export {};

package/dist/rating.js

@@ -0,0 +1,320 @@
+"use client";
+"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, {
+    InfoRating: function() {
+        return at;
+    },
+    Rating: function() {
+        return rt;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _inline = /*#__PURE__*/ _interop_require_default(require("./inline.js"));
+const _skincontractcssmistica = require("./skins/skin-contract.css-mistica.js");
+const _themevariantcontext = require("./theme-variant-context.js");
+const _ratingcssmistica = require("./rating.css-mistica.js");
+const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
+const _css = require("./utils/css.js");
+const _environment = require("./utils/environment.js");
+const _radiobutton = /*#__PURE__*/ _interop_require_wildcard(require("./radio-button.js"));
+const _helpers = require("./utils/helpers.js");
+const _iconstarfilled = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-star-filled.js"));
+const _iconstarregular = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-star-regular.js"));
+const _iconfacesadfilled = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-face-sad-filled.js"));
+const _iconfacesadregular = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-face-sad-regular.js"));
+const _iconfaceslightlysadfilled = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-face-slightly-sad-filled.js"));
+const _iconfaceslightlysadregular = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-face-slightly-sad-regular.js"));
+const _iconfaceneutralfilled = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-face-neutral-filled.js"));
+const _iconfaceneutralregular = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-face-neutral-regular.js"));
+const _iconfacehappyfilled = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-face-happy-filled.js"));
+const _iconfacehappyregular = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-face-happy-regular.js"));
+const _iconfacesuperhappyfilled = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-face-super-happy-filled.js"));
+const _iconfacesuperhappyregular = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-face-super-happy-regular.js"));
+const _hooks = require("./hooks.js");
+const _texttokens = require("./text-tokens.js");
+function _interop_require_default(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 _interop_require_wildcard(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 = {
+        __proto__: null
+    };
+    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;
+}
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+const To = 32, _o = 16, yo = 5, Eo = {
+    ActiveIcon: _iconstarfilled.default,
+    InactiveIcon: _iconstarregular.default,
+    color: _skincontractcssmistica.vars.colors.controlActivated
+}, Co = {
+    ActiveIcon: _iconstarfilled.default,
+    InactiveIcon: _iconstarregular.default,
+    color: _skincontractcssmistica.vars.colors.warning
+}, V = [
+    {
+        ActiveIcon: _iconfacesadfilled.default,
+        InactiveIcon: _iconfacesadregular.default,
+        color: _skincontractcssmistica.vars.colors.errorHigh
+    },
+    {
+        ActiveIcon: _iconfaceslightlysadfilled.default,
+        InactiveIcon: _iconfaceslightlysadregular.default,
+        color: _skincontractcssmistica.vars.colors.error
+    },
+    {
+        ActiveIcon: _iconfaceneutralfilled.default,
+        InactiveIcon: _iconfaceneutralregular.default,
+        color: _skincontractcssmistica.vars.colors.warning
+    },
+    {
+        ActiveIcon: _iconfacehappyfilled.default,
+        InactiveIcon: _iconfacehappyregular.default,
+        color: _skincontractcssmistica.vars.colors.success
+    },
+    {
+        ActiveIcon: _iconfacesuperhappyfilled.default,
+        InactiveIcon: _iconfacesuperhappyregular.default,
+        color: _skincontractcssmistica.vars.colors.successHigh
+    }
+], Go = (param)=>{
+    let { value: i, defaultValue: e, iconsCount: I, onChangeValue: a } = param;
+    const n = i !== void 0, p = _react.useCallback((l)=>l === void 0 ? 0 : Math.max(0, Math.min(I, l)), [
+        I
+    ]), [A, F] = _react.useState(p(e)), R = (l)=>{
+        n || F(l), a == null || a(l);
+    };
+    return [
+        n ? p(i) : A,
+        R
+    ];
+}, H = (param)=>{
+    let { icons: i = V, count: e = yo, icon: I = Eo, size: a = To, type: n = "quantitative", dataAttributes: p, onChangeValue: A, defaultValue: F, value: R, disabled: l, role: S, valueLabels: O, withHalfValue: Q, "aria-label": f, "aria-labelledby": L } = param;
+    const { texts: v, t: u } = (0, _hooks.useTheme)(), $ = [
+        v.ratingVeryBadLabel || u(_texttokens.ratingVeryBadLabel),
+        v.ratingBadLabel || u(_texttokens.ratingBadLabel),
+        v.ratingRegularLabel || u(_texttokens.ratingRegularLabel),
+        v.ratingGoodLabel || u(_texttokens.ratingGoodLabel),
+        v.ratingVeryGoodLabel || u(_texttokens.ratingVeryGoodLabel)
+    ], B = Array.from({
+        length: e
+    }, (o, t)=>(v.ratingQuantitativeLabel || u(_texttokens.ratingQuantitativeLabel)).replace("1$s", String(t + 1)).replace("2$s", String(e))), m = n === "qualitative" ? i : Array.from({
+        length: e
+    }, ()=>I), g = O !== null && O !== void 0 ? O : n === "qualitative" && (0, _helpers.isEqual)(m, V) ? $ : B, b = S === "radiogroup", _ = b ? 16 : a <= 16 ? 2 : a <= 24 ? 4 : 8, y = (0, _themevariantcontext.useThemeVariant)(), [N, E] = _react.useState(void 0), C = (0, _environment.isTouchableDevice)(), [s, M] = Go({
+        value: R,
+        defaultValue: F,
+        iconsCount: m.length,
+        onChangeValue: A
+    }), j = (o)=>N !== void 0 && !l ? n === "qualitative" && o === N || n === "quantitative" && o <= N ? "active" : "inactive" : n === "qualitative" ? o === s ? "active" : "inactive" : b ? o <= s ? "active" : "inactive" : Q ? o - 0.75 <= s && s < o - 0.25 ? "half" : o - 0.25 <= s ? "active" : "inactive" : o - 0.5 < s ? "active" : "inactive", w = (o, t)=>{
+        const d = y === "inverse" ? _skincontractcssmistica.vars.colors.inverse : m[t].color, h = y === "inverse" ? _skincontractcssmistica.vars.colors.inverse : b ? _skincontractcssmistica.vars.colors.control : m[0].color;
+        switch(j(t + 1)){
+            case "active":
+                return /* @__PURE__ */ (0, _jsxruntime.jsx)(o.ActiveIcon, {
+                    size: a,
+                    color: d
+                }, t);
+            case "inactive":
+                return /* @__PURE__ */ (0, _jsxruntime.jsx)(o.InactiveIcon, {
+                    size: a,
+                    color: h
+                }, t);
+            case "half":
+            default:
+                return /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
+                    className: _ratingcssmistica.halfIconContainer,
+                    children: [
+                        /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                            className: _ratingcssmistica.halfIconInactive,
+                            children: /* @__PURE__ */ (0, _jsxruntime.jsx)(o.InactiveIcon, {
+                                size: a,
+                                color: h
+                            })
+                        }),
+                        /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                            className: _ratingcssmistica.halfIconActive,
+                            children: /* @__PURE__ */ (0, _jsxruntime.jsx)(o.ActiveIcon, {
+                                size: a,
+                                color: d
+                            })
+                        })
+                    ]
+                }, t);
+        }
+    }, G = (o, t)=>{
+        const d = w(o, t);
+        return b ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_radiobutton.default, {
+            "aria-label": g[t],
+            value: g[t],
+            render: (param)=>{
+                let { labelId: h, disabled: Z } = param;
+                return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                    id: h,
+                    onMouseEnter: ()=>{
+                        C || E(t + 1);
+                    },
+                    onMouseLeave: ()=>{
+                        C || E(void 0);
+                    },
+                    style: (0, _css.applyCssVars)({
+                        [_ratingcssmistica.vars.iconSize]: `${a}px`
+                    }),
+                    className: (0, _classnames.default)(_ratingcssmistica.touchable, {
+                        [_ratingcssmistica.disabled]: Z,
+                        [_ratingcssmistica.firstIcon]: t === 0,
+                        [_ratingcssmistica.lastIcon]: t === m.length - 1
+                    }),
+                    children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                        className: _ratingcssmistica.IconWrapper,
+                        children: d
+                    })
+                });
+            }
+        }, t) : d;
+    };
+    return S === "img" ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_inline.default, {
+        space: _,
+        dataAttributes: p,
+        role: S,
+        "aria-label": f !== null && f !== void 0 ? f : L ? void 0 : `${s} de ${e}`,
+        "aria-labelledby": f ? void 0 : L,
+        children: m.map(G)
+    }) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_radiobutton.RadioGroup, {
+        name: "info-rating",
+        "aria-label": f,
+        "aria-labelledby": f ? void 0 : L,
+        disabled: l,
+        onChange: (o)=>{
+            M(g.findIndex((t)=>t === o) + 1);
+        },
+        value: g[s - 1],
+        dataAttributes: p,
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_inline.default, {
+            space: _,
+            children: m.map(G)
+        })
+    });
+}, rt = (_param)=>{
+    var { dataAttributes: i } = _param, e = _object_without_properties(_param, [
+        "dataAttributes"
+    ]);
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(H, _object_spread({
+        role: "radiogroup",
+        dataAttributes: _object_spread({
+            "component-name": "Rating"
+        }, i)
+    }, e));
+}, at = (_param)=>{
+    var { dataAttributes: i, icon: e, size: I } = _param, a = _object_without_properties(_param, [
+        "dataAttributes",
+        "icon",
+        "size"
+    ]);
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(H, _object_spread({
+        size: I !== null && I !== void 0 ? I : _o,
+        icon: e !== null && e !== void 0 ? e : Co,
+        role: "img",
+        dataAttributes: _object_spread({
+            "component-name": "InfoRating"
+        }, i)
+    }, a));
+};

package/dist/search-field.d.ts

@@ -3,6 +3,7 @@ import type { CommonFormFieldProps } from './text-field-base';
 export interface SearchFieldProps extends CommonFormFieldProps {
     onChangeValue?: (value: string, rawValue: string) => void;
     getSuggestions?: (value: string) => ReadonlyArray<string>;
+    inputMode?: React.HTMLAttributes<HTMLInputElement>['inputMode'];
 }
 declare const SearchField: React.ForwardRefExoticComponent<SearchFieldProps & React.RefAttributes<any>>;
 export default SearchField;