@telefonica/mistica 12.13.0 → 13.0.0

package/dist-es/empty-state.js

@@ -50,70 +50,70 @@ function _objectSpreadProps(target, source) {
     }
     return target;
 }
-import { assignInlineVars as x } from "@vanilla-extract/dynamic";
-import k from "classnames";
-import { useIsInverseVariant as I } from "./theme-variant-context.js";
-import { ButtonPrimary as B } from "./button.js";
-import { useTheme as N } from "./hooks.js";
-import l from "./stack.js";
-import { Text6 as C, Text3 as S } from "./text.js";
-import E from "./button-group.js";
-import { container as T, inverseBorder as V, vars as b, contentVariants as c, iconContainer as j, largeImageContainer as A, largeImage as D, smallImage as P } from "./empty-state.css-mistica.js";
-import { vars as d } from "./skins/skin-contract.css-mistica.js";
-import { AspectRatioElement as R } from "./utils/aspect-ratio-support.js";
-import { getPrefixedDataAttributes as $ } from "./utils/dom.js";
-import { sprinkles as G } from "./sprinkles.css-mistica.js";
-import { jsxs as t, jsx as r } from "./_virtual/jsx-runtime.js";
-var Z = function(param) {
-    var p = param.title, f = param.description, e = param.button, v = param.buttonLink, a = param.largeImageUrl, i = param.imageUrl, n = param.icon, g = param["aria-label"], h = param.dataAttributes;
-    var ref = N(), m = ref.colors, u = ref.isDarkMode, o = I(), s = i ? /* @__PURE__ */ r("img", {
-        className: P,
+import { assignInlineVars as y } from "@vanilla-extract/dynamic";
+import x from "classnames";
+import { useIsInverseVariant as k } from "./theme-variant-context.js";
+import { ButtonPrimary as I } from "./button.js";
+import { useTheme as B } from "./hooks.js";
+import m from "./stack.js";
+import { Text6 as N, Text3 as C } from "./text.js";
+import S from "./button-group.js";
+import { container as E, inverseBorder as T, vars as V, contentVariants as c, iconContainer as b, largeImageContainer as j, largeImage as A, smallImage as D } from "./empty-state.css-mistica.js";
+import { vars as a } from "./skins/skin-contract.css-mistica.js";
+import { AspectRatioElement as P } from "./utils/aspect-ratio-support.js";
+import { getPrefixedDataAttributes as R } from "./utils/dom.js";
+import { sprinkles as $ } from "./sprinkles.css-mistica.js";
+import { jsxs as i, jsx as r } from "./_virtual/jsx-runtime.js";
+var Y = function(param) {
+    var d = param.title, p = param.description, e = param.button, f = param.buttonLink, o = param.largeImageUrl, n = param.imageUrl, l = param.icon, v = param["aria-label"], g = param.dataAttributes;
+    var ref = B(), h = ref.isDarkMode, s = k(), t = n ? /* @__PURE__ */ r("img", {
+        className: D,
         alt: "",
-        src: i
-    }) : void 0, y = _objectSpreadProps(_objectSpread({}, (e == null ? void 0 : e.type) === B ? {
+        src: n
+    }) : void 0, u = _objectSpreadProps(_objectSpread({}, (e == null ? void 0 : e.type) === I ? {
         primaryButton: e
     } : {
         secondaryButton: e
     }), {
-        link: v
+        link: f
     });
-    return /* @__PURE__ */ t("div", _objectSpreadProps(_objectSpread({
-        className: k(T, o ? V : G({
+    return /* @__PURE__ */ i("div", _objectSpreadProps(_objectSpread({
+        className: x(E, s ? T : $({
             border: "regular"
         })),
-        style: x(_defineProperty({}, b.backgroundColor, o && !u ? d.colors.backgroundBrand : d.colors.backgroundContainer)),
-        "aria-label": g,
+        style: y(_defineProperty({}, V.backgroundColor, s && !h ? a.colors.backgroundBrand : a.colors.backgroundContainer)),
+        "aria-label": v,
         role: "region"
-    }, $(h, "EmptyState")), {
+    }, R(g, "EmptyState")), {
         children: [
             /* @__PURE__ */ r("div", {
                 style: {
                     flex: 1
                 },
-                children: /* @__PURE__ */ t(l, {
+                children: /* @__PURE__ */ i(m, {
                     space: 24,
-                    className: a ? c.largeImage : c.default,
+                    className: o ? c.largeImage : c.default,
                     children: [
-                        s != null ? s : n && /* @__PURE__ */ r("div", {
-                            className: j,
-                            children: n
+                        t != null ? t : l && /* @__PURE__ */ r("div", {
+                            className: b,
+                            children: l
                         }),
-                        /* @__PURE__ */ t(l, {
+                        /* @__PURE__ */ i(m, {
                             space: 16,
                             children: [
-                                /* @__PURE__ */ r(C, {
+                                /* @__PURE__ */ r(N, {
                                     as: "h1",
-                                    children: p
+                                    children: d
                                 }),
-                                /* @__PURE__ */ r(S, {
+                                /* @__PURE__ */ r(C, {
                                     regular: !0,
                                     as: "p",
-                                    color: o ? m.inverse : m.textSecondary,
-                                    children: f
+                                    color: s ? a.colors.inverse : a.colors.textSecondary,
+                                    children: p
                                 })
                             ]
                         }),
-                        e && /* @__PURE__ */ r(E, _objectSpread({}, y))
+                        e && /* @__PURE__ */ r(S, _objectSpread({}, u))
                     ]
                 })
             }),
@@ -122,14 +122,14 @@ var Z = function(param) {
                     flex: 1,
                     position: "relative"
                 },
-                children: a && /* @__PURE__ */ r(R, {
+                children: o && /* @__PURE__ */ r(P, {
                     aspectRatio: 16 / 9,
-                    className: A,
+                    className: j,
                     height: "100%",
                     children: /* @__PURE__ */ r("div", {
-                        className: D,
+                        className: A,
                         style: {
-                            backgroundImage: "url(".concat(a, ")")
+                            backgroundImage: "url(".concat(o, ")")
                         }
                     })
                 })
@@ -137,4 +137,4 @@ var Z = function(param) {
         ]
     }));
 };
-export { Z as default };
+export { Y as default };

package/dist-es/feedback.js

@@ -127,8 +127,8 @@ function _unsupportedIterableToArray(o, minLen) {
     if (n === "Map" || n === "Set") return Array.from(n);
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
 }
-import * as h from "react";
-import { useTheme as b, useWindowHeight as oe, useScreenSize as B, useIsomorphicLayoutEffect as $ } from "./hooks.js";
+import * as f from "react";
+import { useTheme as I, useWindowHeight as oe, useScreenSize as B, useIsomorphicLayoutEffect as $ } from "./hooks.js";
 import { useIsInverseVariant as q, ThemeVariant as re } from "./theme-variant-context.js";
 import te from "./button-fixed-footer-layout.js";
 import E from "./overscroll-color-context.js";
@@ -142,101 +142,101 @@ import { isOldChrome as ie, isRunningAcceptanceTest as de } from "./utils/platfo
 import { Text2 as me, Text6 as le, Text3 as ue } from "./text.js";
 import A from "./box.js";
 import { Boxed as pe } from "./boxed.js";
-import I from "./responsive-layout.js";
-import f from "./stack.js";
+import v from "./responsive-layout.js";
+import b from "./stack.js";
 import be from "classnames";
 import fe from "./button-group.js";
-import { vars as p } from "./skins/skin-contract.css-mistica.js";
+import { vars as s } from "./skins/skin-contract.css-mistica.js";
 import { innerContainer as R, feedbackData as he, feedbackDataAppear as ke, feedbackDataAppearActive as ge, desktopContainer as Se, desktopContent as Fe, container as ve } from "./feedback.css-mistica.js";
-import { jsxs as a, Fragment as Ie, jsx as e } from "./_virtual/jsx-runtime.js";
-var W = function(o) {
-    return !ie(o) && !de(o);
+import { jsxs as i, Fragment as Ie, jsx as e } from "./_virtual/jsx-runtime.js";
+var W = function(r) {
+    return !ie(r) && !de(r);
 }, j = function(param) {
-    var o = param.primaryButton, r = param.secondaryButton;
-    return !!o || !!r;
+    var r = param.primaryButton, o = param.secondaryButton;
+    return !!r || !!o;
 }, Be = function() {
-    var ref = b(), o = ref.colors, t = "body {background:".concat(q() ? o.backgroundBrand : o.background, "}");
+    var o = "body {background:".concat(q() ? s.colors.backgroundBrand : s.colors.background, "}");
     return /* @__PURE__ */ e("style", {
-        children: t
+        children: o
     });
-}, D = function(o) {
-    se() && ae(o).catch(function() {});
-}, K = function(o) {
-    h.useEffect(function() {
-        var r;
-        return o === "success" && (r = setTimeout(function() {
+}, D = function(r) {
+    se() && ae(r).catch(function() {});
+}, K = function(r) {
+    f.useEffect(function() {
+        var o;
+        return r === "success" && (o = setTimeout(function() {
             return D("success");
-        }, 700)), o === "error" && (r = setTimeout(function() {
+        }, 700)), r === "error" && (o = setTimeout(function() {
             return D("error");
         }, 1e3)), function() {
-            clearTimeout(r);
+            clearTimeout(o);
         };
     }, [
-        o
+        r
     ]);
 }, G = function() {
-    var ref = _slicedToArray(h.useState(!1), 2), o = ref[0], r = ref[1];
+    var ref = _slicedToArray(f.useState(!1), 2), r = ref[0], o = ref[1];
     return $(function() {
         var t = window.requestAnimationFrame(function() {
-            r(!0);
+            o(!0);
         });
         return function() {
             return window.cancelAnimationFrame(t);
         };
-    }, []), o;
-}, M = function(param, c, s) {
-    var o = param.icon, r = param.title, t = param.description, n = param.children;
-    var i = t && Array.isArray(t) ? /* @__PURE__ */ e(f, {
+    }, []), r;
+}, M = function(param, c, a) {
+    var r = param.icon, o = param.title, t = param.description, n = param.children;
+    var d = t && Array.isArray(t) ? /* @__PURE__ */ e(b, {
         space: 16,
-        children: t.map(function(l, d) {
+        children: t.map(function(u, m) {
             return /* @__PURE__ */ e("p", {
-                children: l
-            }, d);
+                children: u
+            }, m);
         })
     }) : t;
-    return /* @__PURE__ */ a(f, {
+    return /* @__PURE__ */ i(b, {
         space: 24,
         children: [
-            o,
-            /* @__PURE__ */ a(f, {
+            r,
+            /* @__PURE__ */ i(b, {
                 space: 16,
-                className: be(he, c && ke, c && s && ge),
+                className: be(he, c && ke, c && a && ge),
                 children: [
                     /* @__PURE__ */ e(le, {
                         as: "h1",
-                        children: r
+                        children: o
                     }),
-                    i && /* @__PURE__ */ e(ue, {
+                    d && /* @__PURE__ */ e(ue, {
                         regular: !0,
-                        color: p.colors.textSecondary,
-                        children: i
+                        color: s.colors.textSecondary,
+                        children: d
                     }),
                     n
                 ]
             })
         ]
     });
-}, P = function(o, r) {
-    var t = j(r);
-    return /* @__PURE__ */ a(f, {
+}, P = function(r, o) {
+    var t = j(o);
+    return /* @__PURE__ */ i(b, {
         space: 24,
         children: [
-            o,
-            t && /* @__PURE__ */ e(fe, _objectSpread({}, r))
+            r,
+            t && /* @__PURE__ */ e(fe, _objectSpread({}, o))
         ]
     });
 }, U = function(param) {
-    var o = param.isInverse, r = param.inlineFeedbackBody, t = param.imageFit, n = param.imageUrl, c = param.dataAttributes;
-    return /* @__PURE__ */ a(pe, {
+    var r = param.isInverse, o = param.inlineFeedbackBody, t = param.imageFit, n = param.imageUrl, c = param.dataAttributes;
+    return /* @__PURE__ */ i(pe, {
         className: Se,
-        isInverse: o,
+        isInverse: r,
         dataAttributes: c,
         children: [
             /* @__PURE__ */ e("div", {
                 className: Fe,
                 children: /* @__PURE__ */ e(A, {
                     padding: 64,
-                    children: r
+                    children: o
                 })
             }),
             n && /* @__PURE__ */ e("div", {
@@ -252,39 +252,39 @@ var W = function(o) {
         ]
     });
 }, x = function(param) {
-    var o = param.title, r = param.description, t = param.children, n = param.primaryButton, c = param.secondaryButton, s = param.link, i = param.hapticFeedback, l = param.icon, tmp = param.animateText, d = tmp === void 0 ? !1 : tmp, k = param.unstable_inlineInDesktop, g = param.imageUrl, S = param.imageFit, F = param.dataAttributes;
-    K(i);
-    var m = q(), ref = b(), v = ref.platformOverrides, u = ref.isDarkMode, T = ref.skinName, J = oe(), ref1 = B(), y = ref1.isTabletOrSmaller, ref2 = _slicedToArray(h.useState((typeof self === "undefined" ? "undefined" : _typeof(self)) < "u"), 2), Q = ref2[0], X = ref2[1], ref3 = _slicedToArray(h.useState(0), 2), C = ref3[0], Y = ref3[1], N = Q ? "100vh" : "".concat(J - C, "px"), V = j({
+    var r = param.title, o = param.description, t = param.children, n = param.primaryButton, c = param.secondaryButton, a = param.link, d = param.hapticFeedback, u = param.icon, tmp = param.animateText, m = tmp === void 0 ? !1 : tmp, h = param.unstable_inlineInDesktop, k = param.imageUrl, g = param.imageFit, S = param.dataAttributes;
+    K(d);
+    var l = q(), ref = I(), F = ref.platformOverrides, p = ref.isDarkMode, T = ref.skinName, J = oe(), ref1 = B(), y = ref1.isTabletOrSmaller, ref2 = _slicedToArray(f.useState((typeof self === "undefined" ? "undefined" : _typeof(self)) < "u"), 2), Q = ref2[0], X = ref2[1], ref3 = _slicedToArray(f.useState(0), 2), C = ref3[0], Y = ref3[1], N = Q ? "100vh" : "".concat(J - C, "px"), V = j({
         primaryButton: n,
         secondaryButton: c,
-        link: s
+        link: a
     }), Z = G();
     $(function() {
         X(!1);
     }, []);
     var w = M({
-        icon: l,
-        title: o,
-        description: r,
+        icon: u,
+        title: r,
+        description: o,
         children: t
-    }, d && W(v), Z), H = P(w, {
+    }, m && W(F), Z), H = P(w, {
         primaryButton: n,
         secondaryButton: c,
-        link: s
+        link: a
     });
-    if (!y && k) return H;
+    if (!y && h) return H;
     var ee = /* @__PURE__ */ e("div", {
         className: ve,
-        children: /* @__PURE__ */ e(I, {
+        children: /* @__PURE__ */ e(v, {
             children: /* @__PURE__ */ e("div", {
                 className: R,
                 children: w
             })
         })
     });
-    return y ? /* @__PURE__ */ a(Ie, {
+    return y ? /* @__PURE__ */ i(Ie, {
         children: [
-            m && /* @__PURE__ */ e(E, {}),
+            l && /* @__PURE__ */ e(E, {}),
             /* @__PURE__ */ e("div", {
                 style: {
                     position: "relative"
@@ -293,9 +293,9 @@ var W = function(o) {
                     isFooterVisible: V,
                     button: n,
                     secondaryButton: c,
-                    link: s,
-                    footerBgColor: m && !u ? p.colors.backgroundFeedbackBottom : void 0,
-                    containerBgColor: m && !u ? p.colors.backgroundFeedbackBottom : void 0,
+                    link: a,
+                    footerBgColor: l && !p ? s.colors.backgroundFeedbackBottom : void 0,
+                    containerBgColor: l && !p ? s.colors.backgroundFeedbackBottom : void 0,
                     onChangeFooterHeight: Y,
                     children: ee
                 })
@@ -308,49 +308,48 @@ var W = function(o) {
                     left: 0,
                     right: 0,
                     height: V ? "calc(".concat(N, " + 1px)") : "calc(".concat(N, ")"),
-                    background: m ? p.colors.backgroundBrand : p.colors.background
+                    background: l ? s.colors.backgroundBrand : s.colors.background
                 }
             }),
             T !== O && /* @__PURE__ */ e(Be, {})
         ]
-    }) : /* @__PURE__ */ e(I, {
+    }) : /* @__PURE__ */ e(v, {
         children: /* @__PURE__ */ e(A, {
             paddingTop: 64,
             children: U({
-                isInverse: m,
+                isInverse: l,
                 inlineFeedbackBody: H,
-                imageFit: S,
-                imageUrl: g,
-                dataAttributes: F
+                imageFit: g,
+                imageUrl: k,
+                dataAttributes: S
             })
         })
     });
 }, Ge = function(_param) {
-    var o = _param.dataAttributes, r = _objectWithoutProperties(_param, [
+    var r = _param.dataAttributes, o = _objectWithoutProperties(_param, [
         "dataAttributes"
     ]);
-    var ref = B(), t = ref.isTabletOrSmaller, ref1 = b(), n = ref1.skinName;
+    var ref = B(), t = ref.isTabletOrSmaller, ref1 = I(), n = ref1.skinName;
     return /* @__PURE__ */ e(re, {
-        isInverse: !r.unstable_inlineInDesktop || t,
-        children: /* @__PURE__ */ e(x, _objectSpreadProps(_objectSpread({}, r), {
+        isInverse: !o.unstable_inlineInDesktop || t,
+        children: /* @__PURE__ */ e(x, _objectSpreadProps(_objectSpread({}, o), {
             hapticFeedback: "success",
             icon: n === L ? /* @__PURE__ */ e(z, {}) : /* @__PURE__ */ e(_, {}),
             animateText: !0,
-            imageUrl: r.imageUrl,
-            imageFit: r.imageFit,
+            imageUrl: o.imageUrl,
+            imageFit: o.imageFit,
             dataAttributes: _objectSpread({
                 "component-name": "SuccessFeedbackScreen"
-            }, o)
+            }, r)
         }))
     });
-}, Me = function(_param) {
-    var o = _param.children, r = _param.errorReference, t = _param.dataAttributes, n = _objectWithoutProperties(_param, [
+}, Me = function(_param) /* @__PURE__ */ {
+    var r = _param.children, o = _param.errorReference, t = _param.dataAttributes, n = _objectWithoutProperties(_param, [
         "children",
         "errorReference",
         "dataAttributes"
     ]);
-    var ref = b(), c = ref.colors;
-    return /* @__PURE__ */ a(x, _objectSpreadProps(_objectSpread({}, n), {
+    return i(x, _objectSpreadProps(_objectSpread({}, n), {
         hapticFeedback: "error",
         icon: /* @__PURE__ */ e(ne, {}),
         animateText: !0,
@@ -358,38 +357,38 @@ var W = function(o) {
             "component-name": "ErrorFeedbackScreen"
         }, t),
         children: [
-            o,
-            r && /* @__PURE__ */ e(me, {
-                color: c.textSecondary,
+            r,
+            o && /* @__PURE__ */ e(me, {
+                color: s.colors.textSecondary,
                 regular: !0,
-                children: r
+                children: o
             })
         ]
     }));
 }, Pe = function(_param) /* @__PURE__ */ {
-    var o = _param.dataAttributes, r = _objectWithoutProperties(_param, [
+    var r = _param.dataAttributes, o = _objectWithoutProperties(_param, [
         "dataAttributes"
     ]);
     return e(x, _objectSpread({
         dataAttributes: _objectSpread({
             "component-name": "InfoFeedbackScreen"
-        }, o),
+        }, r),
         icon: /* @__PURE__ */ e(ce, {})
-    }, r));
+    }, o));
 }, Ue = function(param) {
-    var o = param.title, r = param.description, t = param.children, n = param.primaryButton, c = param.secondaryButton, s = param.link, i = param.imageUrl, l = param.imageFit, d = param.dataAttributes;
+    var r = param.title, o = param.description, t = param.children, n = param.primaryButton, c = param.secondaryButton, a = param.link, d = param.imageUrl, u = param.imageFit, m = param.dataAttributes;
     K("success");
-    var ref = B(), k = ref.isTabletOrSmaller, ref1 = b(), g = ref1.skinName, S = ref1.platformOverrides, F = G(), v = M({
-        icon: g === L ? /* @__PURE__ */ e(z, {}) : /* @__PURE__ */ e(_, {}),
-        title: o,
-        description: r,
+    var ref = B(), h = ref.isTabletOrSmaller, ref1 = I(), k = ref1.skinName, g = ref1.platformOverrides, S = G(), F = M({
+        icon: k === L ? /* @__PURE__ */ e(z, {}) : /* @__PURE__ */ e(_, {}),
+        title: r,
+        description: o,
         children: t
-    }, W(S), F), u = P(v, {
+    }, W(g), S), p = P(F, {
         primaryButton: n,
         secondaryButton: c,
-        link: s
+        link: a
     });
-    return k ? /* @__PURE__ */ a(I, {
+    return h ? /* @__PURE__ */ i(v, {
         isInverse: !0,
         children: [
             /* @__PURE__ */ e(E, {}),
@@ -397,21 +396,21 @@ var W = function(o) {
                 paddingBottom: 32,
                 dataAttributes: _objectSpread({
                     "component-name": "SuccessFeedback"
-                }, d),
+                }, m),
                 children: /* @__PURE__ */ e("div", {
                     className: R,
-                    children: u
+                    children: p
                 })
             })
         ]
     }) : U({
         isInverse: !0,
-        inlineFeedbackBody: u,
-        imageFit: l,
-        imageUrl: i,
+        inlineFeedbackBody: p,
+        imageFit: u,
+        imageUrl: d,
         dataAttributes: _objectSpread({
             "component-name": "SuccessFeedback"
-        }, d)
+        }, m)
     });
 };
 export { Me as ErrorFeedbackScreen, x as FeedbackScreen, Pe as InfoFeedbackScreen, Ue as SuccessFeedback, Ge as SuccessFeedbackScreen };

package/dist-es/generated/mistica-icons/icon-2-g-filled.js

@@ -0,0 +1,102 @@
+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;
+}
+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;
+}
+import { useIsInverseVariant as h } from "../../theme-variant-context.js";
+import { vars as r } from "../../skins/skin-contract.css-mistica.js";
+import { jsx as t } from "../../_virtual/jsx-runtime.js";
+var c = function(_param) {
+    var a = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, n = _param.children, i = _objectWithoutProperties(_param, [
+        "color",
+        "size",
+        "children"
+    ]);
+    var s = h(), v = a != null ? a : s ? r.colors.inverse : r.colors.neutralHigh;
+    return /* @__PURE__ */ t("svg", _objectSpreadProps(_objectSpread({
+        width: e,
+        height: e,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, i), {
+        children: /* @__PURE__ */ t("path", {
+            fill: v,
+            d: "M3 18a1 1 0 011-1h1a1 1 0 011 1v3a1 1 0 01-1 1H4a1 1 0 01-1-1v-3zm5-4a1 1 0 011-1h1a1 1 0 011 1v7a1 1 0 01-1 1H9a1 1 0 01-1-1v-7zm5-3a1 1 0 011-1h1a1 1 0 011 1v10a1 1 0 01-1 1h-1a1 1 0 01-1-1V11zm5-5a1 1 0 011-1h1a1 1 0 011 1v15a1 1 0 01-1 1h-1a1 1 0 01-1-1V6zM2.208 8.432H7.16V7.009H4.727c1.695-1.1 2.386-1.926 2.386-2.894 0-1.27-1.07-2.106-2.557-2.106-.88 0-1.884.314-2.556 1.053l.9 1.082c.454-.427.984-.693 1.656-.693.493 0 .9.228.9.664 0 .627-.511 1.063-3.248 3.045v1.272zm5.581-3.159c0 2.01 1.534 3.272 3.418 3.272 1.193 0 2.111-.483 2.793-1.233V4.836h-3.049v1.357H12.4v.531c-.256.209-.7.38-1.193.38-1.032 0-1.761-.797-1.761-1.831 0-1.034.729-1.831 1.76-1.831.597 0 1.08.332 1.336.75l1.363-.722C13.441 2.683 12.59 2 11.207 2 9.323 2 7.789 3.262 7.789 5.273z"
+        })
+    }));
+};
+export { c as default };