@telefonica/mistica 14.19.0 → 14.20.1

package/dist-es/list.js

@@ -77,153 +77,153 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as t, jsxs as R } from "react/jsx-runtime";
-import * as C from "react";
-import o from "classnames";
-import { BaseTouchable as L } from "./touchable.js";
-import { Text1 as p, Text3 as ee, Text2 as j } from "./text.js";
-import u from "./box.js";
-import P from "./stack.js";
-import z from "./badge.js";
-import { useAriaId as te } from "./hooks.js";
-import { useIsInverseVariant as Z } from "./theme-variant-context.js";
-import ne from "./icons/icon-chevron.js";
-import re from "./switch-component.js";
-import G, { useRadioContext as ie } from "./radio-button.js";
-import ae from "./checkbox.js";
-import { Boxed as oe } from "./boxed.js";
-import ce from "./divider.js";
-import { getPrefixedDataAttributes as de } from "./utils/dom.js";
-import { rowContent as N, hoverBackground as w, pointer as A, dualActionContainer as H, dualActionLeft as J, dualActionDivider as K, dualActionRight as se, content as le, center as D, disabled as k, asset as he, rowBody as me, right as ue, rightRestrictedWidth as fe, detail as ge, detailRight as Q, badge as ve } from "./list.css-mistica.js";
-import { vars as y } from "./skins/skin-contract.css-mistica.js";
-const U = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
-        centerY: r
-    }) : r ? /* @__PURE__ */ t("div", {
+import { jsx as t, jsxs as k } from "react/jsx-runtime";
+import * as P from "react";
+import a from "classnames";
+import { BaseTouchable as S } from "./touchable.js";
+import { Text1 as ne, Text3 as re, Text2 as O } from "./text.js";
+import m from "./box.js";
+import L from "./stack.js";
+import J from "./badge.js";
+import { useAriaId as ie } from "./hooks.js";
+import { useIsInverseVariant as p } from "./theme-variant-context.js";
+import ae from "./icons/icon-chevron.js";
+import oe from "./switch-component.js";
+import K, { useRadioContext as ce } from "./radio-button.js";
+import se from "./checkbox.js";
+import { Boxed as de } from "./boxed.js";
+import le from "./divider.js";
+import { getPrefixedDataAttributes as he } from "./utils/dom.js";
+import { rowContent as B, touchableBackground as R, touchableBackgroundInverse as C, pointer as V, dualActionContainer as Q, dualActionLeft as U, dualActionDivider as Z, dualActionRight as ue, content as me, center as W, disabled as I, asset as fe, rowBody as ge, right as ve, rightRestrictedWidth as be, detail as xe, detailRight as _, badge as we } from "./list.css-mistica.js";
+import { vars as N } from "./skins/skin-contract.css-mistica.js";
+const $ = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
+        centerY: n
+    }) : n ? /* @__PURE__ */ t("div", {
         style: {
             display: "flex",
             alignItems: "center",
             height: "100%"
         },
         children: e
-    }) : e, be = (param)=>{
-    let { withChevron: e , headline: r , title: i , titleLinesMax: a , subtitle: s , subtitleLinesMax: b , description: l , descriptionLinesMax: B , detail: c , asset: T , type: f = "basic" , badge: I , right: S , extra: V , labelId: h , disabled: g  } = param;
-    const m = Z(), n = [
+    }) : e, ye = (param)=>{
+    let { withChevron: e , headline: n , title: r , titleLinesMax: o , subtitle: d , subtitleLinesMax: x , description: l , descriptionLinesMax: A , detail: c , asset: E , type: g = "basic" , badge: T , right: X , extra: D , labelId: h , disabled: v  } = param;
+    const u = p(), i = [
+        n,
         r,
-        i,
-        s,
+        d,
         l,
-        V
-    ].filter(Boolean).length === 1, E = ()=>I ? /* @__PURE__ */ t(u, {
+        D
+    ].filter(Boolean).length === 1, f = ()=>T ? /* @__PURE__ */ t(m, {
             paddingLeft: 16,
             children: /* @__PURE__ */ t("div", {
-                className: o(D, ve, {
-                    [k]: g
+                className: a(W, we, {
+                    [I]: v
                 }),
-                children: I === !0 ? /* @__PURE__ */ t(z, {}) : /* @__PURE__ */ t(z, {
-                    value: I
+                children: T === !0 ? /* @__PURE__ */ t(J, {}) : /* @__PURE__ */ t(J, {
+                    value: T
                 })
             })
         }) : null;
-    return /* @__PURE__ */ R(u, {
+    return /* @__PURE__ */ k(m, {
         paddingY: 16,
-        className: le,
+        className: me,
         children: [
-            T && /* @__PURE__ */ t(u, {
+            E && /* @__PURE__ */ t(m, {
                 paddingRight: 16,
-                className: o({
-                    [D]: n,
-                    [k]: g
+                className: a({
+                    [W]: i,
+                    [I]: v
                 }),
                 children: /* @__PURE__ */ t("div", {
-                    className: he,
-                    children: T
+                    className: fe,
+                    children: E
                 })
             }),
             /* @__PURE__ */ t("div", {
-                className: o(me, {
-                    [k]: g
+                className: a(ge, {
+                    [I]: v
                 }),
                 style: {
-                    justifyContent: n ? "center" : "flex-start"
+                    justifyContent: i ? "center" : "flex-start"
                 },
-                children: /* @__PURE__ */ R(P, {
+                children: /* @__PURE__ */ k(L, {
                     space: 4,
                     children: [
-                        r && /* @__PURE__ */ t(p, {
+                        n && /* @__PURE__ */ t(ne, {
                             regular: !0,
-                            color: y.colors.textPrimary,
+                            color: N.colors.textPrimary,
                             hyphens: "auto",
-                            children: r
+                            children: n
                         }),
-                        /* @__PURE__ */ R(P, {
+                        /* @__PURE__ */ k(L, {
                             space: 2,
                             children: [
-                                /* @__PURE__ */ t(ee, {
+                                /* @__PURE__ */ t(re, {
                                     regular: !0,
-                                    color: y.colors.textPrimary,
-                                    truncate: a,
+                                    color: N.colors.textPrimary,
+                                    truncate: o,
                                     id: h,
                                     hyphens: "auto",
-                                    children: i
+                                    children: r
                                 }),
-                                s && /* @__PURE__ */ t(j, {
+                                d && /* @__PURE__ */ t(O, {
                                     regular: !0,
-                                    color: y.colors.textSecondary,
-                                    truncate: b,
+                                    color: N.colors.textSecondary,
+                                    truncate: x,
                                     hyphens: "auto",
-                                    children: s
+                                    children: d
                                 }),
-                                l && /* @__PURE__ */ t(j, {
+                                l && /* @__PURE__ */ t(O, {
                                     regular: !0,
-                                    color: y.colors.textSecondary,
-                                    truncate: B,
+                                    color: N.colors.textSecondary,
+                                    truncate: A,
                                     hyphens: "auto",
                                     children: l
                                 }),
-                                V
+                                D
                             ]
                         })
                     ]
                 })
             }),
-            E(),
-            /* @__PURE__ */ R("div", {
-                className: o({
-                    [ue]: !!c || f !== "basic",
-                    [fe]: !!c
+            f(),
+            /* @__PURE__ */ k("div", {
+                className: a({
+                    [ve]: !!c || g !== "basic",
+                    [be]: !!c
                 }),
                 children: [
                     c && /* @__PURE__ */ t("div", {
-                        className: o(D, ge, {
-                            [k]: g
+                        className: a(W, xe, {
+                            [I]: v
                         }),
-                        children: /* @__PURE__ */ t(j, {
+                        children: /* @__PURE__ */ t(O, {
                             regular: !0,
-                            color: y.colors.textSecondary,
+                            color: N.colors.textSecondary,
                             hyphens: "auto",
                             children: c
                         })
                     }),
-                    f === "control" && /* @__PURE__ */ t("div", {
-                        className: o({
-                            [Q]: !!c
+                    g === "control" && /* @__PURE__ */ t("div", {
+                        className: a({
+                            [_]: !!c
                         }),
-                        children: U(S, n)
+                        children: $(X, i)
                     }),
-                    f === "custom" && /* @__PURE__ */ t("div", {
-                        className: o({
-                            [Q]: !!c,
-                            [k]: g
+                    g === "custom" && /* @__PURE__ */ t("div", {
+                        className: a({
+                            [_]: !!c,
+                            [I]: v
                         }),
-                        children: U(S, n)
+                        children: $(X, i)
                     }),
-                    (f === "chevron" || f === "custom" && e) && /* @__PURE__ */ t(u, {
-                        paddingLeft: c || f === "custom" ? 4 : 0,
-                        className: o(D, {
-                            [k]: g
+                    (g === "chevron" || g === "custom" && e) && /* @__PURE__ */ t(m, {
+                        paddingLeft: c || g === "custom" ? 4 : 0,
+                        className: a(W, {
+                            [I]: v
                         }),
-                        children: /* @__PURE__ */ t(ne, {
-                            color: m ? y.colors.inverse : y.colors.neutralMedium,
+                        children: /* @__PURE__ */ t(ae, {
+                            color: u ? N.colors.inverse : N.colors.neutralMedium,
                             direction: "right"
                         })
                     })
@@ -231,149 +231,154 @@ const U = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
             })
         ]
     });
-}, xe = (param)=>{
-    let { value: e , defaultValue: r , onChange: i  } = param;
-    const a = e !== void 0, [s, b] = C.useState(!!r), l = ()=>{
-        a || b(!s), i && i(a ? !e : !s);
+}, Re = (param)=>{
+    let { value: e , defaultValue: n , onChange: r  } = param;
+    const o = e !== void 0, [d, x] = P.useState(!!n), l = ()=>{
+        o || x(!d), r && r(o ? !e : !d);
     };
-    return a ? [
+    return o ? [
         !!e,
         l
     ] : [
-        s,
+        d,
         l
     ];
-}, we = (e)=>e.switch !== void 0, ye = (e)=>e.checkbox !== void 0, Re = (e)=>e.radioValue !== void 0, _ = /*#__PURE__*/ C.forwardRef((e, r)=>{
-    const i = te(), a = Z(), { asset: s , headline: b , title: l , titleLinesMax: B , subtitle: c , subtitleLinesMax: T , description: f , descriptionLinesMax: I , detail: S , badge: V , role: h , extra: g , dataAttributes: m  } = e, O = ie(), n = e.disabled || e.radioValue !== void 0 && O.disabled, [E, F] = xe(e.switch || e.checkbox || {}), x = (param)=>/* @__PURE__ */ {
-        let { type: d , right: v , labelId: X  } = param;
-        return t(be, {
-            asset: s,
-            headline: b,
+}, Ce = (e)=>e.switch !== void 0, Ne = (e)=>e.checkbox !== void 0, ke = (e)=>e.radioValue !== void 0, ee = /*#__PURE__*/ P.forwardRef((e, n)=>{
+    const r = ie(), o = p(), { asset: d , headline: x , title: l , titleLinesMax: A , subtitle: c , subtitleLinesMax: E , description: g , descriptionLinesMax: T , detail: X , badge: D , role: h , extra: v , dataAttributes: u  } = e, F = ce(), i = e.disabled || e.radioValue !== void 0 && F.disabled, f = !i && !o, w = !i && o, [Y, q] = Re(e.switch || e.checkbox || {}), y = (param)=>/* @__PURE__ */ {
+        let { type: s , right: b , labelId: M  } = param;
+        return t(ye, {
+            asset: d,
+            headline: x,
             title: l,
             subtitle: c,
-            description: f,
-            badge: V,
-            titleLinesMax: B,
-            subtitleLinesMax: T,
-            descriptionLinesMax: I,
-            detail: S,
-            type: d,
-            right: v,
-            extra: g,
-            labelId: X,
-            disabled: n,
+            description: g,
+            badge: D,
+            titleLinesMax: A,
+            subtitleLinesMax: E,
+            descriptionLinesMax: T,
+            detail: X,
+            type: s,
+            right: b,
+            extra: v,
+            labelId: M,
+            disabled: i,
             withChevron: !!e.onPress || !!e.href || !!e.to
         });
-    }, M = (d)=>{
-        let v = "chevron";
-        return d.right === null && (v = "basic"), d.right && (v = "custom"), /* @__PURE__ */ t(u, {
+    }, j = (s)=>{
+        let b = "chevron";
+        return s.right === null && (b = "basic"), s.right && (b = "custom"), /* @__PURE__ */ t(m, {
             paddingX: 16,
-            ref: r,
-            children: x({
-                type: v,
-                right: d.right
+            ref: n,
+            children: y({
+                type: b,
+                right: s.right
             })
         });
     };
-    if (e.onPress && !we(e) && !ye(e) && !Re(e)) return /* @__PURE__ */ t(L, {
-        ref: r,
-        className: o(N, {
-            [w]: !(n || a),
-            [A]: !n
+    if (e.onPress && !Ce(e) && !Ne(e) && !ke(e)) return /* @__PURE__ */ t(S, {
+        ref: n,
+        className: a(B, {
+            [R]: f,
+            [C]: w,
+            [V]: !i
         }),
         trackingEvent: e.trackingEvent,
         onPress: e.onPress,
         role: h,
-        dataAttributes: m,
-        disabled: n,
-        children: M(e)
+        dataAttributes: u,
+        disabled: i,
+        children: j(e)
     });
-    if (e.to) return /* @__PURE__ */ t(L, {
-        className: o(N, {
-            [w]: !(n || a),
-            [A]: !n
+    if (e.to) return /* @__PURE__ */ t(S, {
+        className: a(B, {
+            [R]: f,
+            [C]: w,
+            [V]: !i
         }),
         trackingEvent: e.trackingEvent,
         to: e.to,
         fullPageOnWebView: e.fullPageOnWebView,
         role: h,
-        dataAttributes: m,
-        disabled: n,
-        children: M(e)
+        dataAttributes: u,
+        disabled: i,
+        children: j(e)
     });
-    if (e.href) return /* @__PURE__ */ t(L, {
-        className: o(N, {
-            [w]: !(n || a),
-            [A]: !n
+    if (e.href) return /* @__PURE__ */ t(S, {
+        className: a(B, {
+            [R]: f,
+            [C]: w,
+            [V]: !i
         }),
         trackingEvent: e.trackingEvent,
         href: e.href,
         newTab: e.newTab,
         role: h,
-        dataAttributes: m,
-        disabled: n,
-        children: M(e)
+        dataAttributes: u,
+        disabled: i,
+        children: j(e)
     });
-    const Y = (d)=>{
-        var X, q;
+    const z = (s)=>{
+        var M, G;
         var _ref, _ref1;
-        const v = (_ref1 = (_ref = (X = e.switch) == null ? void 0 : X.name) !== null && _ref !== void 0 ? _ref : (q = e.checkbox) == null ? void 0 : q.name) !== null && _ref1 !== void 0 ? _ref1 : i;
-        return e.onPress ? /* @__PURE__ */ R("div", {
-            className: H,
+        const b = (_ref1 = (_ref = (M = e.switch) == null ? void 0 : M.name) !== null && _ref !== void 0 ? _ref : (G = e.checkbox) == null ? void 0 : G.name) !== null && _ref1 !== void 0 ? _ref1 : r;
+        return e.onPress ? /* @__PURE__ */ k("div", {
+            className: Q,
             children: [
-                /* @__PURE__ */ t(L, {
-                    dataAttributes: m,
-                    disabled: n,
+                /* @__PURE__ */ t(S, {
+                    dataAttributes: u,
+                    disabled: i,
                     onPress: e.onPress,
                     role: h,
-                    className: o(J, {
-                        [w]: !(n || a)
+                    className: a(U, {
+                        [R]: f,
+                        [C]: w
                     }),
-                    children: x({
+                    children: y({
                         type: "basic",
-                        labelId: i
+                        labelId: r
                     })
                 }),
                 /* @__PURE__ */ t("div", {
-                    className: K
+                    className: Z
                 }),
-                /* @__PURE__ */ t(d, {
-                    disabled: n,
-                    name: v,
-                    checked: E,
-                    "aria-labelledby": i,
-                    onChange: F,
+                /* @__PURE__ */ t(s, {
+                    disabled: i,
+                    name: b,
+                    checked: Y,
+                    "aria-labelledby": r,
+                    onChange: q,
                     render: (param)=>/* @__PURE__ */ {
-                        let { controlElement: W  } = param;
+                        let { controlElement: H  } = param;
                         return t("div", {
-                            className: se,
-                            children: W
+                            className: ue,
+                            children: H
                         });
                     }
                 })
             ]
         }) : /* @__PURE__ */ t("div", {
-            className: o(N, {
-                [w]: !(n || a),
-                [A]: !n
+            className: a(B, {
+                [R]: f,
+                [C]: w,
+                [V]: !i
             }),
-            children: /* @__PURE__ */ t(d, {
-                disabled: n,
-                dataAttributes: m,
-                name: v,
-                checked: E,
-                onChange: F,
+            children: /* @__PURE__ */ t(s, {
+                disabled: i,
+                dataAttributes: u,
+                name: b,
+                checked: Y,
+                onChange: q,
                 render: (param)=>/* @__PURE__ */ {
-                    let { controlElement: W , labelId: $  } = param;
-                    return t(u, {
+                    let { controlElement: H , labelId: te  } = param;
+                    return t(m, {
                         paddingX: 16,
                         role: h,
-                        children: x({
-                            labelId: $,
+                        children: y({
+                            labelId: te,
                             type: "control",
-                            right: ()=>/* @__PURE__ */ t(P, {
+                            right: ()=>/* @__PURE__ */ t(L, {
                                     space: "around",
-                                    children: W
+                                    children: H
                                 })
                         })
                     });
@@ -381,127 +386,129 @@ const U = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
             })
         });
     };
-    return e.switch ? Y(re) : e.checkbox ? Y(ae) : e.radioValue ? e.onPress ? /* @__PURE__ */ R("div", {
-        className: H,
+    return e.switch ? z(oe) : e.checkbox ? z(se) : e.radioValue ? e.onPress ? /* @__PURE__ */ k("div", {
+        className: Q,
         children: [
-            /* @__PURE__ */ t(L, {
-                disabled: n,
+            /* @__PURE__ */ t(S, {
+                disabled: i,
                 onPress: e.onPress,
                 role: h,
-                className: o(J, {
-                    [w]: !(n || a)
+                className: a(U, {
+                    [R]: f,
+                    [C]: w
                 }),
-                children: x({
+                children: y({
                     type: "basic",
-                    labelId: i
+                    labelId: r
                 })
             }),
             /* @__PURE__ */ t("div", {
-                className: K
+                className: Z
             }),
-            /* @__PURE__ */ t(G, {
-                dataAttributes: m,
+            /* @__PURE__ */ t(K, {
+                dataAttributes: u,
                 value: e.radioValue,
-                "aria-labelledby": i,
+                "aria-labelledby": r,
                 render: (param)=>/* @__PURE__ */ {
-                    let { controlElement: d  } = param;
-                    return t(P, {
+                    let { controlElement: s  } = param;
+                    return t(L, {
                         space: "around",
-                        children: /* @__PURE__ */ t(u, {
+                        children: /* @__PURE__ */ t(m, {
                             paddingX: 16,
-                            children: d
+                            children: s
                         })
                     });
                 }
             })
         ]
     }) : /* @__PURE__ */ t("div", {
-        className: o(N, {
-            [w]: !(n || a),
-            [A]: !n
+        className: a(B, {
+            [R]: f,
+            [C]: w,
+            [V]: !i
         }),
         role: h,
-        ref: r,
-        children: /* @__PURE__ */ t(G, {
-            dataAttributes: m,
+        ref: n,
+        children: /* @__PURE__ */ t(K, {
+            dataAttributes: u,
             value: e.radioValue,
-            "aria-labelledby": i,
+            "aria-labelledby": r,
             render: (param)=>/* @__PURE__ */ {
-                let { controlElement: d  } = param;
-                return t(u, {
+                let { controlElement: s  } = param;
+                return t(m, {
                     paddingX: 16,
-                    children: x({
-                        labelId: i,
+                    children: y({
+                        labelId: r,
                         type: "control",
-                        right: ()=>/* @__PURE__ */ t(P, {
+                        right: ()=>/* @__PURE__ */ t(L, {
                                 space: "around",
-                                children: d
+                                children: s
                             })
                     })
                 });
             }
         })
-    }) : /* @__PURE__ */ t(u, {
+    }) : /* @__PURE__ */ t(m, {
         paddingX: 16,
-        className: N,
+        className: B,
         role: h,
-        dataAttributes: m,
-        children: e.right ? x({
+        dataAttributes: u,
+        children: e.right ? y({
             type: "custom",
             right: e.right
-        }) : x({
+        }) : y({
             type: "basic"
         })
     });
-}), Fe = /*#__PURE__*/ C.forwardRef((_param, i)=>/* @__PURE__ */ {
-    var { dataAttributes: e  } = _param, r = _object_without_properties(_param, [
+}), qe = /*#__PURE__*/ P.forwardRef((_param, r)=>/* @__PURE__ */ {
+    var { dataAttributes: e  } = _param, n = _object_without_properties(_param, [
         "dataAttributes"
     ]);
-    return t(_, _object_spread_props(_object_spread({}, r), {
-        ref: i,
+    return t(ee, _object_spread_props(_object_spread({}, n), {
+        ref: r,
         dataAttributes: _object_spread({
             "component-name": "Row"
         }, e)
     }));
-}), Ye = (param)=>{
-    let { children: e , ariaLabelledby: r , role: i , dataAttributes: a , noLastDivider: s  } = param;
-    const b = C.Children.count(e) - 1, l = !s;
+}), ze = (param)=>{
+    let { children: e , ariaLabelledby: n , role: r , dataAttributes: o , noLastDivider: d  } = param;
+    const x = P.Children.count(e) - 1, l = !d;
     return /* @__PURE__ */ t("div", _object_spread_props(_object_spread({
-        role: i,
-        "aria-labelledby": r
-    }, de(a, "RowList")), {
-        children: C.Children.toArray(e).filter(Boolean).map((B, c)=>/* @__PURE__ */ R(C.Fragment, {
+        role: r,
+        "aria-labelledby": n
+    }, he(o, "RowList")), {
+        children: P.Children.toArray(e).filter(Boolean).map((A, c)=>/* @__PURE__ */ k(P.Fragment, {
                 children: [
-                    B,
-                    (c < b || l) && /* @__PURE__ */ t(u, {
+                    A,
+                    (c < x || l) && /* @__PURE__ */ t(m, {
                         paddingX: 16,
-                        children: /* @__PURE__ */ t(ce, {})
+                        children: /* @__PURE__ */ t(le, {})
                     })
                 ]
             }, c))
     }));
-}, qe = /*#__PURE__*/ C.forwardRef((_param, i)=>/* @__PURE__ */ {
-    var { dataAttributes: e  } = _param, r = _object_without_properties(_param, [
+}, Ge = /*#__PURE__*/ P.forwardRef((_param, r)=>/* @__PURE__ */ {
+    var { dataAttributes: e  } = _param, n = _object_without_properties(_param, [
         "dataAttributes"
     ]);
-    return t(oe, {
-        isInverse: r.isInverse,
-        ref: i,
+    return t(de, {
+        isInverse: n.isInverse,
+        ref: r,
         dataAttributes: _object_spread({
             "component-name": "BoxedRow"
         }, e),
-        children: /* @__PURE__ */ t(_, _object_spread({}, r))
+        children: /* @__PURE__ */ t(ee, _object_spread({}, n))
     });
-}), ze = (param)=>/* @__PURE__ */ {
-    let { children: e , ariaLabelledby: r , role: i , dataAttributes: a  } = param;
-    return t(P, {
+}), Je = (param)=>/* @__PURE__ */ {
+    let { children: e , ariaLabelledby: n , role: r , dataAttributes: o  } = param;
+    return t(L, {
         space: 16,
-        role: i,
-        "aria-labelledby": r,
+        role: r,
+        "aria-labelledby": n,
         dataAttributes: _object_spread({
             "component-name": "BoxedRowList"
-        }, a),
+        }, o),
         children: e
     });
 };
-export { qe as BoxedRow, ze as BoxedRowList, Fe as Row, Ye as RowList };
+export { Ge as BoxedRow, Je as BoxedRowList, qe as Row, ze as RowList };