@telefonica/mistica 14.4.1 → 14.5.0

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./list.css.ts.vanilla.js";
-var _ = "_1y2v1nf5i _1y2v1nf60 _1y2v1nf62", f = "_1y2v1nf5r _1y2v1nf8q _1y2v1nf85 _1y2v1nf60", y = "_1y2v1nf5i _1y2v1nf5x", r = "_1y2v1nf5i _1y2v1nf7p _1y2v1nf9b", a = "_2buj9g0", i = "_1y2v1nf5i _1y2v1nf5n", t = "_1y2v1nf65 _1y2v1nf6j _1y2v1nf6x _1y2v1nf7b _1y2v1nf5k _1y2v1nf9g _1y2v1nf5c _1y2v1nf72 _1y2v1nf7g _1y2v1nf63", o = "_2buj9gi _1y2v1nf65 _1y2v1nf6j _1y2v1nf6x _1y2v1nf7b _1y2v1nf5k _1y2v1nf9g _1y2v1nf5c _1y2v1nf72 _1y2v1nf7g _1y2v1nf5i _1y2v1nf5x _1y2v1nf62 _1y2v1nf7q", g = "_2buj9g1", e = "_1y2v1nf9n", b = "_2buj9gb", c = "_1y2v1nf5i _1y2v1nf5o _1y2v1nf64", d = "_1y2v1nf65 _1y2v1nf6j _1y2v1nf6x _1y2v1nf7b _1y2v1nf7p _1y2v1nf9g _1y2v1nf5c";
-export { _ as asset, f as badge, y as center, r as content, a as disabled, i as dualActionContainer, t as dualActionLeft, o as dualActionRight, g as hoverBackground, e as pointer, b as right, c as rowBody, d as rowContent };
+var _ = "_1y2v1nf5i _1y2v1nf60 _1y2v1nf62", f = "_1y2v1nf5r _1y2v1nf8q _1y2v1nf85 _1y2v1nf60", y = "_1y2v1nf5i _1y2v1nf5x", r = "_1y2v1nf5i _1y2v1nf7p _1y2v1nf9b", a = "_2buj9g0", i = "_1y2v1nf5i _1y2v1nf5n", t = "_2buj9gi _1y2v1nf5i", o = "_1y2v1nf65 _1y2v1nf6j _1y2v1nf6x _1y2v1nf7b _1y2v1nf5k _1y2v1nf9g _1y2v1nf5c _1y2v1nf72 _1y2v1nf7g _1y2v1nf63", g = "_2buj9gk _1y2v1nf65 _1y2v1nf6j _1y2v1nf6x _1y2v1nf7b _1y2v1nf5k _1y2v1nf9g _1y2v1nf5c _1y2v1nf72 _1y2v1nf7g _1y2v1nf5i _1y2v1nf5x _1y2v1nf62 _1y2v1nf7q", e = "_2buj9g1", b = "_1y2v1nf9n", c = "_2buj9gb", d = "_1y2v1nf5i _1y2v1nf5o _1y2v1nf64", u = "_1y2v1nf65 _1y2v1nf6j _1y2v1nf6x _1y2v1nf7b _1y2v1nf7p _1y2v1nf9g _1y2v1nf5c";
+export { _ as asset, f as badge, y as center, r as content, a as disabled, i as dualActionContainer, t as dualActionDivider, o as dualActionLeft, g as dualActionRight, e as hoverBackground, b as pointer, c as right, d as rowBody, u as rowContent };

package/dist-es/list.js

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

package/dist-es/package-version.js

@@ -1,2 +1,2 @@
-const o = "14.4.1";
+const o = "14.5.0";
 export { o as PACKAGE_VERSION };

package/dist-es/progress-bar.css-mistica.js

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./progress-bar.css.ts.vanilla.js";
-var n = "j0y7r93 _1y2v1nf85 _1y2v1nf9i", y = "_1y2v1nf9i _1y2v1nf88 _1y2v1nf3m";
-export { n as bar, y as barBackground };
+var a = "_1y2v1nf85 _1y2v1nf9i", n = "_1y2v1nf9i _1y2v1nf88 _1y2v1nf3m", y = "j0y7r95", f = "j0y7r94";
+export { a as bar, n as barBackground, y as inverse, f as normal };

package/dist-es/progress-bar.js

@@ -52,22 +52,23 @@ function _objectSpreadProps(target, source) {
 }
 import { useTheme as d } from "./hooks.js";
 import { vars as b } from "./skins/skin-contract.css-mistica.js";
-import { barBackground as n, bar as u } from "./progress-bar.css-mistica.js";
-import { getPrefixedDataAttributes as f } from "./utils/dom.js";
-import { jsx as t } from "./_virtual/jsx-runtime.js";
-const h = (param)=>{
-    let { progressPercent: r , color: a , "aria-label": i , "aria-labelledby": e , dataAttributes: l  } = param;
-    const { texts: o  } = d(), s = o.loading, m = e ? void 0 : i || s;
-    return /* @__PURE__ */ t("div", _objectSpreadProps(_objectSpread({}, f(l, "ProgressBar")), {
-        className: n,
+import { barBackground as f, bar as u, inverse as v, normal as c } from "./progress-bar.css-mistica.js";
+import { getPrefixedDataAttributes as p } from "./utils/dom.js";
+import g from "classnames";
+import { jsx as s } from "./_virtual/jsx-runtime.js";
+const N = (param)=>{
+    let { progressPercent: r , color: a , "aria-label": t , "aria-labelledby": e , dataAttributes: l , reverse: o = !1  } = param;
+    const { texts: i  } = d(), m = i.loading, n = e ? void 0 : t || m;
+    return /* @__PURE__ */ s("div", _objectSpreadProps(_objectSpread({}, p(l, "ProgressBar")), {
+        className: f,
         role: "progressbar",
         "aria-valuenow": r,
         "aria-valuemin": 0,
         "aria-valuemax": 100,
-        "aria-label": m,
+        "aria-label": n,
         "aria-labelledby": e,
-        children: /* @__PURE__ */ t("div", {
-            className: u,
+        children: /* @__PURE__ */ s("div", {
+            className: g(u, o ? v : c),
             style: {
                 maxWidth: `${r}%`,
                 backgroundColor: a != null ? a : b.colors.controlActivated
@@ -75,4 +76,4 @@ const h = (param)=>{
         })
     }));
 };
-export { h as default };
+export { N as default };