@telefonica/mistica 12.11.1 → 12.12.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 _ = "_1y2v1nf7b _1y2v1nf7t _1y2v1nf7v", y = "_1y2v1nf7k _1y2v1nfaj _1y2v1nf9y _1y2v1nf7t", f = "_1y2v1nf7b _1y2v1nf7q", r = "_1y2v1nf7b _1y2v1nf9i _1y2v1nfb4", a = "_2buj9g0", t = "_1y2v1nf7b _1y2v1nf7g", b = "_1y2v1nf8v _1y2v1nf99 _1y2v1nf7w", o = "_2buj9gg _1y2v1nf8v _1y2v1nf99 _1y2v1nf7b _1y2v1nf7q _1y2v1nf7v _1y2v1nf9j", e = "_2buj9g1", i = "_1y2v1nfbg", g = "_2buj9gb", d = "_1y2v1nf7b _1y2v1nf7h _1y2v1nf7x", u = "_1y2v1nf9i";
-export { _ as asset, y as badge, f as center, r as content, a as disabled, t as dualActionContainer, b as dualActionLeft, o as dualActionRight, e as hoverBackground, i as pointer, g as right, d as rowBody, u as rowContent };
+var y = "_1y2v1nf4y _1y2v1nf5g _1y2v1nf5i", _ = "_1y2v1nf57 _1y2v1nf86 _1y2v1nf7l _1y2v1nf5g", f = "_1y2v1nf4y _1y2v1nf5d", r = "_1y2v1nf4y _1y2v1nf75 _1y2v1nf8r", a = "_2buj9g0", t = "_1y2v1nf4y _1y2v1nf53", i = "_1y2v1nf5l _1y2v1nf5z _1y2v1nf6d _1y2v1nf6r _1y2v1nf50 _1y2v1nf8w _1y2v1nf4s _1y2v1nf6i _1y2v1nf6w _1y2v1nf5j", o = "_2buj9gi _1y2v1nf5l _1y2v1nf5z _1y2v1nf6d _1y2v1nf6r _1y2v1nf50 _1y2v1nf8w _1y2v1nf4s _1y2v1nf6i _1y2v1nf6w _1y2v1nf4y _1y2v1nf5d _1y2v1nf5i _1y2v1nf76", d = "_2buj9g1", e = "_1y2v1nf93", g = "_2buj9gb", l = "_1y2v1nf4y _1y2v1nf54 _1y2v1nf5k", u = "_1y2v1nf5l _1y2v1nf5z _1y2v1nf6d _1y2v1nf6r _1y2v1nf75 _1y2v1nf8w _1y2v1nf4s";
+export { y as asset, _ as badge, f as center, r as content, a as disabled, t as dualActionContainer, i as dualActionLeft, o as dualActionRight, d as hoverBackground, e as pointer, g as right, l as rowBody, u as rowContent };

package/dist-es/list.js

@@ -85,6 +85,33 @@ function _objectSpreadProps(target, source) {
     }
     return target;
 }
+function _objectWithoutProperties(source, excluded) {
+    if (source == null) return {};
+    var target = _objectWithoutPropertiesLoose(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 _objectWithoutPropertiesLoose(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;
+}
 function _slicedToArray(arr, i) {
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
@@ -97,11 +124,11 @@ function _unsupportedIterableToArray(o, minLen) {
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
 }
 import * as w from "react";
-import a from "classnames";
-import L from "./touchable.js";
+import o from "classnames";
+import { BaseTouchable as L } from "./touchable.js";
 import { Text1 as Z, Text3 as _, Text2 as q } from "./text.js";
 import h from "./box.js";
-import A from "./stack.js";
+import T from "./stack.js";
 import z from "./badge.js";
 import { useAriaId as $, useTheme as p } from "./hooks.js";
 import { useIsInverseVariant as K } from "./theme-variant-context.js";
@@ -110,9 +137,9 @@ 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 ce from "./divider.js";
-import { getPrefixedDataAttributes as ae } from "./utils/dom.js";
-import { rowContent as y, hoverBackground as k, pointer as T, dualActionContainer as oe, dualActionLeft as de, dualActionRight as le, content as se, center as X, disabled as R, asset as he, rowBody as me, right as H, badge as ue } from "./list.css-mistica.js";
+import ae from "./divider.js";
+import { getPrefixedDataAttributes as oe } from "./utils/dom.js";
+import { rowContent as R, hoverBackground as y, pointer as A, dualActionContainer as ce, dualActionLeft as de, dualActionRight as le, content as se, center as X, disabled as k, asset as he, rowBody as me, right as H, badge as ue } from "./list.css-mistica.js";
 import { jsx as t, jsxs as N, Fragment as fe } from "./_virtual/jsx-runtime.js";
 var J = function(e, n) {
     return typeof e == "function" ? e == null ? void 0 : e({
@@ -126,20 +153,20 @@ var J = function(e, n) {
         children: e
     }) : e;
 }, ge = function(param) {
-    var e = param.withChevron, n = param.headline, c = param.title, i = param.titleLinesMax, o = param.subtitle, v = param.subtitleLinesMax, d = param.description, P = param.descriptionLinesMax, x = param.asset, tmp = param.type, I = tmp === void 0 ? "basic" : tmp, B = param.badge, S = param.right, V = param.extra, m = param.labelId, f = param.disabled;
-    var u = K(), ref = p(), l = ref.colors, b = [
+    var e = param.withChevron, n = param.headline, i = param.title, a = param.titleLinesMax, c = param.subtitle, b = param.subtitleLinesMax, d = param.description, P = param.descriptionLinesMax, v = param.asset, tmp = param.type, B = tmp === void 0 ? "basic" : tmp, I = param.badge, S = param.right, V = param.extra, m = param.labelId, f = param.disabled;
+    var u = K(), ref = p(), l = ref.colors, x = [
         n,
+        i,
         c,
-        o,
         d,
         V
     ].filter(Boolean).length === 1, E = function() {
-        return B ? /* @__PURE__ */ t(h, {
+        return I ? /* @__PURE__ */ t(h, {
             paddingLeft: 16,
             children: /* @__PURE__ */ t("div", {
-                className: a(X, ue, _defineProperty({}, R, f)),
-                children: B === !0 ? /* @__PURE__ */ t(z, {}) : /* @__PURE__ */ t(z, {
-                    value: B
+                className: o(X, ue, _defineProperty({}, k, f)),
+                children: I === !0 ? /* @__PURE__ */ t(z, {}) : /* @__PURE__ */ t(z, {
+                    value: I
                 })
             })
         }) : null;
@@ -149,20 +176,20 @@ var J = function(e, n) {
         paddingY: 16,
         className: se,
         children: [
-            x && /* @__PURE__ */ t(h, {
+            v && /* @__PURE__ */ t(h, {
                 paddingRight: 16,
-                className: a((_obj = {}, _defineProperty(_obj, X, b), _defineProperty(_obj, R, f), _obj)),
+                className: o((_obj = {}, _defineProperty(_obj, X, x), _defineProperty(_obj, k, f), _obj)),
                 children: /* @__PURE__ */ t("div", {
                     className: he,
-                    children: x
+                    children: v
                 })
             }),
             /* @__PURE__ */ t("div", {
-                className: a(me, _defineProperty({}, R, f)),
+                className: o(me, _defineProperty({}, k, f)),
                 style: {
-                    justifyContent: b ? "center" : "flex-start"
+                    justifyContent: x ? "center" : "flex-start"
                 },
-                children: /* @__PURE__ */ N(A, {
+                children: /* @__PURE__ */ N(T, {
                     space: 4,
                     children: [
                         n && /* @__PURE__ */ t(Z, {
@@ -170,21 +197,21 @@ var J = function(e, n) {
                             color: l.textPrimary,
                             children: n
                         }),
-                        /* @__PURE__ */ N(A, {
+                        /* @__PURE__ */ N(T, {
                             space: 2,
                             children: [
                                 /* @__PURE__ */ t(_, {
                                     regular: !0,
                                     color: l.textPrimary,
-                                    truncate: i,
+                                    truncate: a,
                                     id: m,
-                                    children: c
+                                    children: i
                                 }),
-                                o && /* @__PURE__ */ t(q, {
+                                c && /* @__PURE__ */ t(q, {
                                     regular: !0,
                                     color: l.textSecondary,
-                                    truncate: v,
-                                    children: o
+                                    truncate: b,
+                                    children: c
                                 }),
                                 d && /* @__PURE__ */ t(q, {
                                     regular: !0,
@@ -199,27 +226,27 @@ var J = function(e, n) {
                 })
             }),
             E(),
-            I === "chevron" && /* @__PURE__ */ t(h, {
+            B === "chevron" && /* @__PURE__ */ t(h, {
                 paddingLeft: 16,
-                className: a(X, _defineProperty({}, R, f)),
+                className: o(X, _defineProperty({}, k, f)),
                 children: /* @__PURE__ */ t(G, {
                     color: u ? l.inverse : l.neutralMedium,
                     direction: "right"
                 })
             }),
-            I === "control" && /* @__PURE__ */ t("div", {
+            B === "control" && /* @__PURE__ */ t("div", {
                 className: H,
-                children: J(S, b)
+                children: J(S, x)
             }),
-            I === "custom" && /* @__PURE__ */ N(fe, {
+            B === "custom" && /* @__PURE__ */ N(fe, {
                 children: [
                     /* @__PURE__ */ t("div", {
-                        className: a(H, _defineProperty({}, R, f)),
-                        children: J(S, b)
+                        className: o(H, _defineProperty({}, k, f)),
+                        children: J(S, x)
                     }),
                     e && /* @__PURE__ */ t(h, {
                         paddingLeft: 4,
-                        className: a(X, _defineProperty({}, R, f)),
+                        className: o(X, _defineProperty({}, k, f)),
                         children: /* @__PURE__ */ t(G, {
                             color: u ? l.inverse : l.neutralMedium,
                             direction: "right"
@@ -229,36 +256,36 @@ var J = function(e, n) {
             })
         ]
     });
-}, ve = function(param) {
-    var e = param.value, n = param.defaultValue, c = param.onChange;
-    var i = e !== void 0, ref = _slicedToArray(w.useState(!!n), 2), o = ref[0], v = ref[1], d = function() {
-        i || v(!o), c && c(i ? !e : !o);
+}, be = function(param) {
+    var e = param.value, n = param.defaultValue, i = param.onChange;
+    var a = e !== void 0, ref = _slicedToArray(w.useState(!!n), 2), c = ref[0], b = ref[1], d = function() {
+        a || b(!c), i && i(a ? !e : !c);
     };
-    return i ? [
+    return a ? [
         !!e,
         d
     ] : [
-        o,
+        c,
         d
     ];
-}, xe = function(e) {
+}, ve = function(e) {
     return "switch" in e;
-}, be = function(e) {
+}, xe = function(e) {
     return "checkbox" in e;
 }, we = function(e) {
     return "radioValue" in e;
 }, Q = /*#__PURE__*/ w.forwardRef(function(e, n) {
-    var c = $(), i = K(), o = e.asset, v = e.headline, d = e.title, P = e.titleLinesMax, x = e.subtitle, I = e.subtitleLinesMax, B = e.description, S = e.descriptionLinesMax, V = e.badge, m = e.role, f = e.extra, u = e.dataAttributes, l = ne(), r = e.disabled || e.radioValue !== void 0 && l.disabled, ref = _slicedToArray(ve(e.switch || e.checkbox || {}), 2), b = ref[0], E = ref[1], C = function(param) {
+    var i = $(), a = K(), c = e.asset, b = e.headline, d = e.title, P = e.titleLinesMax, v = e.subtitle, B = e.subtitleLinesMax, I = e.description, S = e.descriptionLinesMax, V = e.badge, m = e.role, f = e.extra, u = e.dataAttributes, l = ne(), r = e.disabled || e.radioValue !== void 0 && l.disabled, ref = _slicedToArray(be(e.switch || e.checkbox || {}), 2), x = ref[0], E = ref[1], C = function(param) {
         var s = param.type, g = param.right, M = param.labelId;
         return /* @__PURE__ */ t(ge, {
-            asset: o,
-            headline: v,
+            asset: c,
+            headline: b,
             title: d,
-            subtitle: x,
-            description: B,
+            subtitle: v,
+            description: I,
             badge: V,
             titleLinesMax: P,
-            subtitleLinesMax: I,
+            subtitleLinesMax: B,
             descriptionLinesMax: S,
             type: s,
             right: g,
@@ -279,9 +306,9 @@ var J = function(e, n) {
         });
     };
     var _obj;
-    if (e.onPress && !xe(e) && !be(e) && !we(e)) return /* @__PURE__ */ t(L, {
+    if (e.onPress && !ve(e) && !xe(e) && !we(e)) return /* @__PURE__ */ t(L, {
         ref: n,
-        className: a(y, (_obj = {}, _defineProperty(_obj, k, !(r || i)), _defineProperty(_obj, T, !r), _obj)),
+        className: o(R, (_obj = {}, _defineProperty(_obj, y, !(r || a)), _defineProperty(_obj, A, !r), _obj)),
         trackingEvent: e.trackingEvent,
         onPress: e.onPress,
         role: m,
@@ -291,7 +318,7 @@ var J = function(e, n) {
     });
     var _obj1;
     if (e.to) return /* @__PURE__ */ t(L, {
-        className: a(y, (_obj1 = {}, _defineProperty(_obj1, k, !(r || i)), _defineProperty(_obj1, T, !r), _obj1)),
+        className: o(R, (_obj1 = {}, _defineProperty(_obj1, y, !(r || a)), _defineProperty(_obj1, A, !r), _obj1)),
         trackingEvent: e.trackingEvent,
         to: e.to,
         fullPageOnWebView: e.fullPageOnWebView,
@@ -302,7 +329,7 @@ var J = function(e, n) {
     });
     var _obj2;
     if (e.href) return /* @__PURE__ */ t(L, {
-        className: a(y, (_obj2 = {}, _defineProperty(_obj2, k, !(r || i)), _defineProperty(_obj2, T, !r), _obj2)),
+        className: o(R, (_obj2 = {}, _defineProperty(_obj2, y, !(r || a)), _defineProperty(_obj2, A, !r), _obj2)),
         trackingEvent: e.trackingEvent,
         href: e.href,
         newTab: e.newTab,
@@ -313,19 +340,19 @@ var J = function(e, n) {
     });
     var W = function(s) {
         var M, F, O, Y;
-        var g = (Y = (O = (M = e.switch) == null ? void 0 : M.name) != null ? O : (F = e.checkbox) == null ? void 0 : F.name) != null ? Y : c;
+        var g = (Y = (O = (M = e.switch) == null ? void 0 : M.name) != null ? O : (F = e.checkbox) == null ? void 0 : F.name) != null ? Y : i;
         var _obj;
         return e.onPress ? /* @__PURE__ */ N("div", {
-            className: oe,
+            className: ce,
             children: [
                 /* @__PURE__ */ t(L, {
                     disabled: r,
                     onPress: e.onPress,
                     role: m,
-                    className: a(de, _defineProperty({}, k, !(r || i))),
+                    className: o(de, _defineProperty({}, y, !(r || a))),
                     children: C({
                         type: "basic",
-                        labelId: c
+                        labelId: i
                     })
                 }),
                 /* @__PURE__ */ t(L, {
@@ -336,8 +363,8 @@ var J = function(e, n) {
                     children: /* @__PURE__ */ t(s, {
                         disabled: r,
                         name: g,
-                        checked: b,
-                        "aria-labelledby": c,
+                        checked: x,
+                        "aria-labelledby": i,
                         render: function(param) {
                             var D = param.controlElement;
                             return D;
@@ -346,12 +373,12 @@ var J = function(e, n) {
                 })
             ]
         }) : /* @__PURE__ */ t("div", {
-            className: a(y, (_obj = {}, _defineProperty(_obj, k, !(r || i)), _defineProperty(_obj, T, !r), _obj)),
+            className: o(R, (_obj = {}, _defineProperty(_obj, y, !(r || a)), _defineProperty(_obj, A, !r), _obj)),
             children: /* @__PURE__ */ t(s, {
                 disabled: r,
                 dataAttributes: u,
                 name: g,
-                checked: b,
+                checked: x,
                 onChange: E,
                 render: function(param) {
                     var D = param.controlElement, U = param.labelId;
@@ -362,7 +389,7 @@ var J = function(e, n) {
                             labelId: U,
                             type: "control",
                             right: function() {
-                                return /* @__PURE__ */ t(A, {
+                                return /* @__PURE__ */ t(T, {
                                     space: "around",
                                     children: D
                                 });
@@ -375,22 +402,22 @@ var J = function(e, n) {
     };
     var _obj3;
     return e.switch ? W(ee) : e.checkbox ? W(re) : e.radioValue ? /* @__PURE__ */ t("div", {
-        className: a(y, (_obj3 = {}, _defineProperty(_obj3, k, !(r || i)), _defineProperty(_obj3, T, !r), _obj3)),
+        className: o(R, (_obj3 = {}, _defineProperty(_obj3, y, !(r || a)), _defineProperty(_obj3, A, !r), _obj3)),
         role: m,
         ref: n,
         children: /* @__PURE__ */ t(te, {
             dataAttributes: u,
             value: e.radioValue,
-            "aria-labelledby": c,
+            "aria-labelledby": i,
             render: function(param) {
                 var s = param.controlElement;
                 return /* @__PURE__ */ t(h, {
                     paddingX: 16,
                     children: C({
-                        labelId: c,
+                        labelId: i,
                         type: "control",
                         right: function() {
-                            return /* @__PURE__ */ t(A, {
+                            return /* @__PURE__ */ t(T, {
                                 space: "around",
                                 children: s
                             });
@@ -401,7 +428,7 @@ var J = function(e, n) {
         })
     }) : /* @__PURE__ */ t(h, {
         paddingX: 16,
-        className: y,
+        className: R,
         role: m,
         children: e.right ? C({
             type: "custom",
@@ -410,42 +437,56 @@ var J = function(e, n) {
             type: "basic"
         })
     });
-}), De = /*#__PURE__*/ w.forwardRef(function(e, n) {
-    return /* @__PURE__ */ t(Q, _objectSpreadProps(_objectSpread({}, e), {
-        ref: n
+}), De = /*#__PURE__*/ w.forwardRef(function(_param, i) /* @__PURE__ */ {
+    var e = _param.dataAttributes, n = _objectWithoutProperties(_param, [
+        "dataAttributes"
+    ]);
+    return t(Q, _objectSpreadProps(_objectSpread({}, n), {
+        ref: i,
+        dataAttributes: _objectSpread({
+            "component-name": "Row"
+        }, e)
     }));
 }), We = function(param) {
-    var e = param.children, n = param.ariaLabelledby, c = param.role, i = param.dataAttributes, o = param.noLastDivider;
-    var v = w.Children.count(e) - 1, d = !o;
+    var e = param.children, n = param.ariaLabelledby, i = param.role, a = param.dataAttributes, c = param.noLastDivider;
+    var b = w.Children.count(e) - 1, d = !c;
     return /* @__PURE__ */ t("div", _objectSpreadProps(_objectSpread({
-        role: c,
+        role: i,
         "aria-labelledby": n
-    }, ae(i)), {
-        children: w.Children.toArray(e).filter(Boolean).map(function(P, x) {
+    }, oe(a, "RowList")), {
+        children: w.Children.toArray(e).filter(Boolean).map(function(P, v) {
             return /* @__PURE__ */ N(w.Fragment, {
                 children: [
                     P,
-                    (x < v || d) && /* @__PURE__ */ t(h, {
+                    (v < b || d) && /* @__PURE__ */ t(h, {
                         paddingX: 16,
-                        children: /* @__PURE__ */ t(ce, {})
+                        children: /* @__PURE__ */ t(ae, {})
                     })
                 ]
-            }, x);
+            }, v);
         })
     }));
-}, Fe = /*#__PURE__*/ w.forwardRef(function(e, n) {
-    return /* @__PURE__ */ t(ie, {
-        isInverse: e.isInverse,
-        ref: n,
-        children: /* @__PURE__ */ t(Q, _objectSpread({}, e))
+}, Fe = /*#__PURE__*/ w.forwardRef(function(_param, i) /* @__PURE__ */ {
+    var e = _param.dataAttributes, n = _objectWithoutProperties(_param, [
+        "dataAttributes"
+    ]);
+    return t(ie, {
+        isInverse: n.isInverse,
+        ref: i,
+        dataAttributes: _objectSpread({
+            "component-nane": "BoxedRow"
+        }, e),
+        children: /* @__PURE__ */ t(Q, _objectSpread({}, n))
     });
 }), Oe = function(param) {
-    var e = param.children, n = param.ariaLabelledby, c = param.role, i = param.dataAttributes;
-    return /* @__PURE__ */ t(A, {
+    var e = param.children, n = param.ariaLabelledby, i = param.role, a = param.dataAttributes;
+    return /* @__PURE__ */ t(T, {
         space: 16,
-        role: c,
+        role: i,
         "aria-labelledby": n,
-        dataAttributes: i,
+        dataAttributes: _objectSpread({
+            "component-name": "BoxedRowList"
+        }, a),
         children: e
     });
 };

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./loading-bar.css.ts.vanilla.js";
-var r = 400, _ = "_1num3qg9", y = "_1num3qga", e = "_1num3qgb", a = "_1num3qgc", f = "_1num3qg8 _1y2v1nf9y", t = "_1num3qg3 _1y2v1nf78 _1y2v1nfbj _1y2v1nfbx _1y2v1nfcb", g = "_1num3qg6 _1y2v1nf77 _1y2v1nf9y _1y2v1nf9i", i = "_1y2v1nf9i _1y2v1nfbh _1y2v1nf76 _1y2v1nf5p _1y2v1nfa1";
-export { r as TRANSITION_DURATION_MS, _ as enter, y as enterActive, e as exit, a as exitActive, f as innerProgress, t as portal, g as progress, i as progressContainer };
+var r = 400, _ = "_1num3qg9", e = "_1num3qga", y = "_1num3qgb", f = "_1num3qgc", a = "_1num3qg8 _1y2v1nf7l", t = "_1num3qg3 _1y2v1nf4v _1y2v1nf96 _1y2v1nf9k _1y2v1nf9y", g = "_1num3qg6 _1y2v1nf4u _1y2v1nf7l _1y2v1nf75", m = "_1y2v1nf75 _1y2v1nf94 _1y2v1nf4t _1y2v1nf3b _1y2v1nf7o";
+export { r as TRANSITION_DURATION_MS, _ as enter, e as enterActive, y as exit, f as exitActive, a as innerProgress, t as portal, g as progress, m as progressContainer };

package/dist-es/loading-bar.js

@@ -1,31 +1,85 @@
-import { CSSTransition as t } from "react-transition-group";
-import { Portal as i } from "./portal.js";
-import { TRANSITION_DURATION_MS as n, enter as s, enterActive as o, exit as a, exitActive as m, portal as c, progressContainer as l, progress as d, innerProgress as p } from "./loading-bar.css-mistica.js";
+function _defineProperty(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 _objectSpread(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) {
+            _defineProperty(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _objectSpreadProps(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+import { CSSTransition as i } from "react-transition-group";
+import { Portal as o } from "./portal.js";
+import { TRANSITION_DURATION_MS as a, enter as n, enterActive as s, exit as m, exitActive as c, portal as l, progressContainer as d, progress as p, innerProgress as x } from "./loading-bar.css-mistica.js";
+import { getPrefixedDataAttributes as N } from "./utils/dom.js";
 import { jsx as e } from "./_virtual/jsx-runtime.js";
-var A = function(param) {
-    var r = param.visible;
-    return /* @__PURE__ */ e(t, {
+var h = function(param) {
+    var r = param.visible, t = param.dataAttributes;
+    return /* @__PURE__ */ e(i, {
         in: r,
-        timeout: n,
+        timeout: a,
         classNames: {
-            enter: s,
-            enterActive: o,
-            exit: a,
-            exitActive: m
+            enter: n,
+            enterActive: s,
+            exit: m,
+            exitActive: c
         },
         unmountOnExit: !0,
-        children: /* @__PURE__ */ e(i, {
-            className: c,
-            children: /* @__PURE__ */ e("div", {
-                className: l,
+        children: /* @__PURE__ */ e(o, {
+            className: l,
+            children: /* @__PURE__ */ e("div", _objectSpreadProps(_objectSpread({
+                className: d
+            }, N(t, "LoadingBar")), {
                 children: /* @__PURE__ */ e("div", {
-                    className: d,
+                    className: p,
                     children: /* @__PURE__ */ e("div", {
-                        className: p
+                        className: x
                     })
                 })
-            })
+            }))
         })
     });
 };
-export { A as default };
+export { h as default };

package/dist-es/maybe-dismissable.css-mistica.js

@@ -0,0 +1,4 @@
+import "./sprinkles.css.ts.vanilla.js";
+import "./maybe-dismissable.css.ts.vanilla.js";
+var y = "cim30m2 _1y2v1nf4u _1y2v1nf96 _1y2v1nf9y _1y2v1nf7g _1y2v1nf7v _1y2v1nf4y _1y2v1nf5d _1y2v1nf57", f = "cim30m4 _1y2v1nf4y _1y2v1nf5d _1y2v1nf57 _1y2v1nf7d _1y2v1nf7s _1y2v1nf8x", _ = "_1y2v1nf4t _1y2v1nf4y _1y2v1nf5g";
+export { y as dismissableButton, f as dismissableCircleContainer, _ as dismissableContainer };

package/dist-es/maybe-dismissable.css.ts.vanilla.js

@@ -0,0 +1,2 @@
+var s = "";
+export { s as default };