@telefonica/mistica 16.0.0 → 16.1.0

package/dist-es/pin-field.js

@@ -54,9 +54,9 @@ function _object_spread_props(target, source) {
 import { jsxs as D, jsx as c } from "react/jsx-runtime";
 import H from "classnames";
 import * as a from "react";
-import N from "./inline.js";
-import { input as B } from "./text-field-base.css-mistica.js";
-import { fieldContainer as E, disabled as j, readOnlyField as O, focusedField as W, field as q, input as z, passwordInput as K, pinInputLineHeight as v, passwordDot as M } from "./pin-field.css-mistica.js";
+import B from "./inline.js";
+import { input as E } from "./text-field-base.css-mistica.js";
+import { fieldContainer as L, disabled as j, readOnlyField as O, focusedField as W, field as q, input as z, passwordInput as K, pinInputLineHeight as h, passwordDot as M } from "./pin-field.css-mistica.js";
 import { useTheme as _ } from "./hooks.js";
 import G from "./screen-reader-only.js";
 import { IntegerInput as J } from "./integer-field.js";
@@ -67,13 +67,13 @@ import { flushSync as Z } from "react-dom";
 import { pinFieldInputLabel as x } from "./text-tokens.js";
 let C = !1;
 const ee = (param)=>{
-    let { length: i = 6, hideCode: n = !1, readSms: d, disabled: h, readOnly: g, value: y, defaultValue: b, onChange: f, inputRef: R } = param;
+    let { length: i = 6, hideCode: n = !1, readSms: d, disabled: g, readOnly: y, value: F, defaultValue: b, onChange: f, inputRef: R } = param;
     var _ref;
-    const { texts: S, t: k } = _(), [A, F] = a.useState((_ref = b == null ? void 0 : b.slice(0, i)) !== null && _ref !== void 0 ? _ref : ""), [w, P] = a.useState(void 0), l = a.useRef(Array.from({
+    const { texts: S, t: k } = _(), [A, I] = a.useState((_ref = b == null ? void 0 : b.slice(0, i)) !== null && _ref !== void 0 ? _ref : ""), [w, P] = a.useState(void 0), l = a.useRef(Array.from({
         length: i
-    }, ()=>null)).current, u = typeof y < "u", r = u ? y : A, p = a.useCallback((s)=>{
+    }, ()=>null)).current, u = typeof F < "u", r = u ? F : A, p = a.useCallback((s)=>{
         if (s === r) return;
-        u || F(s);
+        u || I(s);
         const e = l[0];
         e && (f == null || f(X(_object_spread({}, e), s)));
     }, [
@@ -116,30 +116,30 @@ const ee = (param)=>{
         i,
         d
     ]);
-    const L = (s)=>(e)=>{
+    const N = (s)=>(e)=>{
             var V;
             const t = e.target.value;
             if (t === "") return;
             const o = r[s];
             let m = t;
             !o || o === t ? m = t : o === t[0] ? m = t.slice(1) : o === t[t.length - 1] && (m = t.slice(0, -1));
-            let I = s, T = r;
+            let v = s, T = r;
             if (m.length >= 2) {
                 const $ = m.slice(0, i - s);
-                T = r.slice(0, s) + $, I = Math.min(s + $.length, i - 1);
-            } else T = r.slice(0, s) + m + r.slice(s + 1), I = s + 1;
+                T = r.slice(0, s) + $, v = Math.min(s + $.length, i - 1);
+            } else T = r.slice(0, s) + m + r.slice(s + 1), v = s + 1;
             T !== r && (Z(()=>{
                 p(T);
-            }), I !== s && I <= i - 1 && ((V = l[I]) == null || V.focus()));
+            }), v !== s && v <= i - 1 && ((V = l[v]) == null || V.focus()));
         };
-    return /* @__PURE__ */ c(N, {
+    return /* @__PURE__ */ c(B, {
         space: 8,
         children: Array.from({
             length: i
         }).map((s, e)=>/* @__PURE__ */ {
             var _r_e;
             return D("div", {
-                className: g ? O : e === w ? W : q,
+                className: y ? O : e === w ? W : q,
                 children: [
                     /* @__PURE__ */ c(J, {
                         "aria-label": (S.pinFieldInputLabel || k(x)).replace("1$s", String(e + 1)).replace("2$s", String(i)),
@@ -157,21 +157,21 @@ const ee = (param)=>{
                         inputRef: (t)=>{
                             l[e] = t, e === 0 && R(t);
                         },
-                        className: H(B, z, {
+                        className: H(E, z, {
                             [K]: n
                         }),
                         style: {
-                            marginTop: `calc(${v} - 1px)`,
-                            marginBottom: `calc(${v} - 1px)`,
-                            lineHeight: v,
-                            fontSize: v,
-                            height: v
+                            marginTop: `calc(${h} - 1px)`,
+                            marginBottom: `calc(${h} - 1px)`,
+                            lineHeight: h,
+                            fontSize: h,
+                            height: h
                         },
-                        disabled: h,
-                        readOnly: g,
+                        disabled: g,
+                        readOnly: y,
                         autoComplete: d ? "one-time-code" : void 0,
                         value: (_r_e = r[e]) !== null && _r_e !== void 0 ? _r_e : "",
-                        onChange: L(e),
+                        onChange: N(e),
                         onKeyDown: (t)=>{
                             switch(t.key){
                                 case "Backspace":
@@ -207,31 +207,32 @@ const ee = (param)=>{
     });
 }, te = (param)=>{
     let { length: i = 6, hideCode: n = !1, readSms: d = !n, // by default, don't read sms if the code is hidden (password input type)
-    disabled: h, readOnly: g, name: y, value: b, defaultValue: f, helperText: R, error: S, onChangeValue: k, onChange: A, "aria-label": F, "aria-labelledby": w, dataAttributes: P } = param;
+    disabled: g, readOnly: y, name: F, value: b, defaultValue: f, helperText: R, error: S, onChangeValue: k, onChange: A, "aria-label": I, "aria-labelledby": w, dataAttributes: P } = param;
     const l = Q({
-        name: y,
+        name: F,
+        label: I !== null && I !== void 0 ? I : "",
         value: b,
         defaultValue: f,
         processValue: (r)=>r,
         helperText: R,
         optional: !1,
         error: S,
-        disabled: h,
+        disabled: g,
         onChangeValue: k,
         onChange: A
     }), u = a.useId();
     return /* @__PURE__ */ D("div", _object_spread_props(_object_spread({
         role: "group",
         "aria-labelledby": w !== null && w !== void 0 ? w : u,
-        className: H(E, {
-            [j]: h
+        className: H(L, {
+            [j]: g
         })
     }, U(P, "PinField")), {
         children: [
-            F && !w && /* @__PURE__ */ c(G, {
+            I && !w && /* @__PURE__ */ c(G, {
                 children: /* @__PURE__ */ c("div", {
                     id: u,
-                    children: F
+                    children: I
                 })
             }),
             /* @__PURE__ */ c(ee, {
@@ -243,7 +244,7 @@ const ee = (param)=>{
                 defaultValue: l.defaultValue,
                 disabled: l.disabled,
                 onChange: l.onChange,
-                readOnly: g
+                readOnly: y
             }),
             /* @__PURE__ */ c(Y, {
                 error: l.error,

package/dist-es/radio-button.js

@@ -97,33 +97,33 @@ const S = /*#__PURE__*/ i.createContext({
     selectNext: ()=>{},
     selectPrev: ()=>{}
 }), z = ()=>i.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 = i.useId(), m = R || r, V = i.useRef(null), d = t === C, o = p === t ? 0 : -1, { isIos: a } = F(), v = (e)=>{
-        switch(e.key){
+    const { disabled: l, selectedValue: v, focusableValue: C, select: c, selectNext: p, selectPrev: y } = z(), r = i.useId(), b = g || r, V = i.useRef(null), d = e === v, o = C === e ? 0 : -1, { isIos: t } = F(), R = (a)=>{
+        switch(a.key){
             case w:
-                c(t), e.preventDefault(), e.stopPropagation();
+                c(e), a.preventDefault(), a.stopPropagation();
                 break;
             case T:
             case E:
-                g(), e.preventDefault(), e.stopPropagation();
+                p(), a.preventDefault(), a.stopPropagation();
                 break;
             case q:
             case B:
-                y(), e.preventDefault(), e.stopPropagation();
+                y(), a.preventDefault(), a.stopPropagation();
                 break;
         }
     }, u = /* @__PURE__ */ n("div", {
-        className: P(a ? I.ios : I.default, {
-            [K[a ? "ios" : "default"]]: d,
+        className: P(t ? I.ios : I.default, {
+            [K[t ? "ios" : "default"]]: d,
             [D]: l
         }),
-        children: !a && /* @__PURE__ */ n("div", {
+        children: !t && /* @__PURE__ */ n("div", {
             className: P($, {
                 [H]: d
             })
@@ -135,22 +135,22 @@ const S = /*#__PURE__*/ i.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 ? U : W
     }, N(h, "RadioButton")), {
         children: f.render ? f.render({
             controlElement: u,
             disabled: !!l,
             checked: d,
-            labelId: m
+            labelId: b
         }) : /* @__PURE__ */ A(j, {
             space: 16,
             children: [
@@ -168,7 +168,7 @@ const S = /*#__PURE__*/ i.createContext({
                 /* @__PURE__ */ n(k, {
                     regular: !0,
                     as: "div",
-                    id: m,
+                    id: b,
                     children: /* @__PURE__ */ n("span", {
                         className: l ? D : "",
                         children: f.children
@@ -177,35 +177,35 @@ const S = /*#__PURE__*/ i.createContext({
             ]
         })
     })));
-}, oe = (t)=>{
+}, oe = (e)=>{
     var _ref;
-    const { value: s, defaultValue: h, onChange: R, focusableRef: x, disabled: f } = G({
-        name: t.name,
-        value: t.value,
-        defaultValue: t.defaultValue,
-        onChange: t.onChange,
-        disabled: t.disabled
-    }), l = typeof s < "u", [C, p] = i.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 } = G({
+        name: e.name,
+        value: e.value,
+        defaultValue: e.defaultValue,
+        onChange: e.onChange,
+        disabled: e.disabled
+    }), l = typeof s < "u", [v, C] = i.useState((_ref = s !== null && s !== void 0 ? s : h) !== null && _ref !== void 0 ? _ref : "");
     i.useEffect(()=>{
-        s !== void 0 && p(s);
+        s !== void 0 && C(s);
     }, [
         s
     ]);
     const c = (o)=>{
-        l || p(o), R(o);
-    }, [g, y] = i.useState(null), r = i.useRef(null), m = ()=>{
+        l || C(o), g(o);
+    }, [p, y] = i.useState(null), r = i.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));
         }
     };
     i.useEffect(()=>{
@@ -216,22 +216,23 @@ const S = /*#__PURE__*/ i.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__ */ n("div", _object_spread_props(_object_spread({
         ref: O(r, x),
         role: "radiogroup",
-        "aria-labelledby": t["aria-labelledby"]
-    }, N(t.dataAttributes, "RadioGroup")), {
+        "aria-label": e["aria-label"],
+        "aria-labelledby": e["aria-label"] ? void 0 : e["aria-labelledby"]
+    }, N(e.dataAttributes, "RadioGroup")), {
         children: /* @__PURE__ */ n(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-es/rating.css-mistica.js

@@ -0,0 +1,6 @@
+import "./sprinkles.css.ts.vanilla.css-mistica.js";
+import "./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)"
+};
+export { a as IconWrapper, v as disabled, e as firstIcon, t as halfIconActive, n as halfIconContainer, o as halfIconInactive, c as lastIcon, f as touchable, h as vars };

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

@@ -0,0 +1,2 @@
+const a = "";
+export { a as default };

package/dist-es/rating.js

@@ -0,0 +1,257 @@
+"use client";
+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;
+}
+import { jsx as r, jsxs as k } from "react/jsx-runtime";
+import * as T from "react";
+import U from "./inline.js";
+import { vars as c } from "./skins/skin-contract.css-mistica.js";
+import { useThemeVariant as P } from "./theme-variant-context.js";
+import { vars as W, touchable as J, disabled as K, firstIcon as X, lastIcon as Y, IconWrapper as z, halfIconContainer as x, halfIconInactive as oo, halfIconActive as to } from "./rating.css-mistica.js";
+import ro from "classnames";
+import { applyCssVars as ao } from "./utils/css.js";
+import { isTouchableDevice as eo } from "./utils/environment.js";
+import co, { RadioGroup as io } from "./radio-button.js";
+import { isEqual as no } from "./utils/helpers.js";
+import q from "./generated/mistica-icons/icon-star-filled.js";
+import D from "./generated/mistica-icons/icon-star-regular.js";
+import lo from "./generated/mistica-icons/icon-face-sad-filled.js";
+import so from "./generated/mistica-icons/icon-face-sad-regular.js";
+import mo from "./generated/mistica-icons/icon-face-slightly-sad-filled.js";
+import Io from "./generated/mistica-icons/icon-face-slightly-sad-regular.js";
+import vo from "./generated/mistica-icons/icon-face-neutral-filled.js";
+import uo from "./generated/mistica-icons/icon-face-neutral-regular.js";
+import po from "./generated/mistica-icons/icon-face-happy-filled.js";
+import fo from "./generated/mistica-icons/icon-face-happy-regular.js";
+import go from "./generated/mistica-icons/icon-face-super-happy-filled.js";
+import bo from "./generated/mistica-icons/icon-face-super-happy-regular.js";
+import { useTheme as ho } from "./hooks.js";
+import { ratingVeryBadLabel as Ao, ratingBadLabel as Fo, ratingRegularLabel as Ro, ratingGoodLabel as So, ratingVeryGoodLabel as Lo, ratingQuantitativeLabel as No } from "./text-tokens.js";
+const To = 32, _o = 16, yo = 5, Eo = {
+    ActiveIcon: q,
+    InactiveIcon: D,
+    color: c.colors.controlActivated
+}, Co = {
+    ActiveIcon: q,
+    InactiveIcon: D,
+    color: c.colors.warning
+}, V = [
+    {
+        ActiveIcon: lo,
+        InactiveIcon: so,
+        color: c.colors.errorHigh
+    },
+    {
+        ActiveIcon: mo,
+        InactiveIcon: Io,
+        color: c.colors.error
+    },
+    {
+        ActiveIcon: vo,
+        InactiveIcon: uo,
+        color: c.colors.warning
+    },
+    {
+        ActiveIcon: po,
+        InactiveIcon: fo,
+        color: c.colors.success
+    },
+    {
+        ActiveIcon: go,
+        InactiveIcon: bo,
+        color: c.colors.successHigh
+    }
+], Go = (param)=>{
+    let { value: i, defaultValue: e, iconsCount: I, onChangeValue: a } = param;
+    const n = i !== void 0, p = T.useCallback((l)=>l === void 0 ? 0 : Math.max(0, Math.min(I, l)), [
+        I
+    ]), [A, F] = T.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 } = ho(), $ = [
+        v.ratingVeryBadLabel || u(Ao),
+        v.ratingBadLabel || u(Fo),
+        v.ratingRegularLabel || u(Ro),
+        v.ratingGoodLabel || u(So),
+        v.ratingVeryGoodLabel || u(Lo)
+    ], B = Array.from({
+        length: e
+    }, (o, t)=>(v.ratingQuantitativeLabel || u(No)).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" && no(m, V) ? $ : B, b = S === "radiogroup", _ = b ? 16 : a <= 16 ? 2 : a <= 24 ? 4 : 8, y = P(), [N, E] = T.useState(void 0), C = eo(), [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" ? c.colors.inverse : m[t].color, h = y === "inverse" ? c.colors.inverse : b ? c.colors.control : m[0].color;
+        switch(j(t + 1)){
+            case "active":
+                return /* @__PURE__ */ r(o.ActiveIcon, {
+                    size: a,
+                    color: d
+                }, t);
+            case "inactive":
+                return /* @__PURE__ */ r(o.InactiveIcon, {
+                    size: a,
+                    color: h
+                }, t);
+            case "half":
+            default:
+                return /* @__PURE__ */ k("div", {
+                    className: x,
+                    children: [
+                        /* @__PURE__ */ r("div", {
+                            className: oo,
+                            children: /* @__PURE__ */ r(o.InactiveIcon, {
+                                size: a,
+                                color: h
+                            })
+                        }),
+                        /* @__PURE__ */ r("div", {
+                            className: to,
+                            children: /* @__PURE__ */ r(o.ActiveIcon, {
+                                size: a,
+                                color: d
+                            })
+                        })
+                    ]
+                }, t);
+        }
+    }, G = (o, t)=>{
+        const d = w(o, t);
+        return b ? /* @__PURE__ */ r(co, {
+            "aria-label": g[t],
+            value: g[t],
+            render: (param)=>{
+                let { labelId: h, disabled: Z } = param;
+                return /* @__PURE__ */ r("div", {
+                    id: h,
+                    onMouseEnter: ()=>{
+                        C || E(t + 1);
+                    },
+                    onMouseLeave: ()=>{
+                        C || E(void 0);
+                    },
+                    style: ao({
+                        [W.iconSize]: `${a}px`
+                    }),
+                    className: ro(J, {
+                        [K]: Z,
+                        [X]: t === 0,
+                        [Y]: t === m.length - 1
+                    }),
+                    children: /* @__PURE__ */ r("div", {
+                        className: z,
+                        children: d
+                    })
+                });
+            }
+        }, t) : d;
+    };
+    return S === "img" ? /* @__PURE__ */ r(U, {
+        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__ */ r(io, {
+        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__ */ r(U, {
+            space: _,
+            children: m.map(G)
+        })
+    });
+}, rt = (_param)=>{
+    var { dataAttributes: i } = _param, e = _object_without_properties(_param, [
+        "dataAttributes"
+    ]);
+    return /* @__PURE__ */ r(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__ */ r(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));
+};
+export { at as InfoRating, rt as Rating };