@telefonica/mistica 12.9.1 → 12.11.0

package/dist-es/fixed-footer-layout.js

@@ -59,101 +59,100 @@ function _unsupportedIterableToArray(o, minLen) {
 }
 import * as u from "react";
 import g from "classnames";
-import I from "lodash/debounce";
-import { createUseStyles as L } from "./jss.js";
-import { isRunningAcceptanceTest as B } from "./utils/platform.js";
-import { useScreenSize as N, useTheme as P, useElementDimensions as W, useWindowHeight as j, useScreenHeight as C, useIsomorphicLayoutEffect as _ } from "./hooks.js";
+import z from "lodash/debounce";
+import { createUseStyles as I } from "./jss.js";
+import { isRunningAcceptanceTest as L } from "./utils/platform.js";
+import { useScreenSize as B, useTheme as C, useElementDimensions as N, useWindowHeight as P, useScreenHeight as W, useIsomorphicLayoutEffect as j } from "./hooks.js";
 import { getScrollableParentElement as h, addPassiveEventListener as E, removePassiveEventListener as w, hasScroll as x, getScrollDistanceToBottom as q } from "./utils/dom.js";
-import { jsxs as F, Fragment as H, jsx as f } from "./_virtual/jsx-runtime.js";
-var U = 2, $ = function(e) {
-    return e === document.documentElement ? window : e;
-}, G = function(e) {
-    var t = setTimeout(e, 0);
+import { jsxs as _, Fragment as F, jsx as f } from "./_virtual/jsx-runtime.js";
+var H = 2, U = function(t) {
+    return t === document.documentElement ? window : t;
+}, $ = function(t) {
+    var e = setTimeout(t, 0);
     return {
         cancel: function() {
-            return clearTimeout(t);
+            return clearTimeout(e);
         }
     };
-}, J = L(function(e) {
+}, G = I(function(t) {
     return _defineProperty({
-        footer: {
+        footer: _defineProperty({
             width: "100%",
-            backgroundColor: e.colors.background,
+            backgroundColor: t.colors.background,
             transition: "background 0.2s linear, box-shadow 0.2s linear"
-        },
+        }, t.mq.tabletOrSmaller, {
+            position: function(param) {
+                var e = param.hasContentEnoughVSpace, n = param.isContentWithScroll;
+                return e || !n ? "fixed" : "initial";
+            },
+            left: 0,
+            bottom: 0,
+            zIndex: 1
+        }),
         elevated: {
-            backgroundColor: e.colors.backgroundContainer
+            backgroundColor: t.colors.backgroundContainer
         },
         withoutFooter: {
             display: "none"
         },
         containerSmall: {
             paddingBottom: function(param) {
-                var t = param.footerHeight;
-                return t;
+                var e = param.footerHeight;
+                return e;
             },
             backgroundColor: function(param) {
-                var t = param.containerBgColor;
-                return t || e.colors.background;
+                var e = param.containerBgColor;
+                return e || t.colors.background;
             }
         }
-    }, e.mq.tabletOrSmaller, {
+    }, t.mq.tabletOrSmaller, {
         containerSmall: {
             paddingBottom: function(param) {
-                var t = param.footerHeight, n = param.isContentWithScroll, r = param.hasContentEnoughVSpace;
-                return r || !n ? t : 0;
+                var e = param.footerHeight, n = param.isContentWithScroll, r = param.hasContentEnoughVSpace;
+                return r || !n ? e : 0;
             }
         },
-        footer: {
-            position: function(param) {
-                var t = param.hasContentEnoughVSpace, n = param.isContentWithScroll;
-                return t || !n ? "fixed" : "initial";
-            },
-            left: 0,
-            bottom: 0,
-            zIndex: 1
-        },
         elevated: {
             boxShadow: "0 -2px 8px 0 rgba(0, 0, 0, 0.10)"
         }
     });
-}), ee = function(param) {
-    var tmp = param.isFooterVisible, e = tmp === void 0 ? !0 : tmp, t = param.footer, tmp1 = param.footerHeight, n = tmp1 === void 0 ? "auto" : tmp1, r = param.footerBgColor, T = param.containerBgColor, y = param.children, s = param.onChangeFooterHeight;
-    var ref = _slicedToArray(u.useState(!1), 2), k = ref[0], O = ref[1], c = u.useRef(null), ref1 = N(), p = ref1.isTabletOrSmaller, ref2 = P(), S = ref2.platformOverrides, ref3 = W(), a = ref3.height, R = ref3.ref, v = j(), b = C(), d = v - a > b / U, A = function() {
-        return x(h(c.current));
-    };
-    _(function() {
+}), tt = function(param) {
+    var tmp = param.isFooterVisible, t = tmp === void 0 ? !0 : tmp, e = param.footer, tmp1 = param.footerHeight, n = tmp1 === void 0 ? "auto" : tmp1, r = param.footerBgColor, T = param.containerBgColor, y = param.children, s = param.onChangeFooterHeight;
+    var ref = _slicedToArray(u.useState(!1), 2), k = ref[0], O = ref[1], c = u.useRef(null), ref1 = B(), p = ref1.isTabletOrSmaller, ref2 = C(), S = ref2.platformOverrides, ref3 = N(), a = ref3.height, R = ref3.ref, v = P(), b = W(), d = v - a > b / H;
+    j(function() {
         s == null || s(a);
     }, [
         s,
         a
     ]), u.useEffect(function() {
-        var m = h(c.current), D = function() {
-            return B(S) || !d ? !1 : x(m) ? q(m) > 1 : !1;
-        }, o = I(function() {
-            O(D());
+        var m = h(c.current), A = function() {
+            return L(S) || !d ? !1 : x(m) ? q(m) > 1 : !1;
+        }, o = z(function() {
+            O(A());
         }, 50, {
             leading: !0,
             maxWait: 200
-        }), z = G(o), l = $(m);
+        }), D = $(o), l = U(m);
         return E(l, "resize", o), E(l, "scroll", o), function() {
-            o.cancel(), w(l, "scroll", o), w(l, "resize", o), z.cancel();
+            o.cancel(), w(l, "scroll", o), w(l, "resize", o), D.cancel();
         };
     }, [
         d,
         S
     ]);
-    var i = J({
+    var i = G({
         footerBgColor: r,
         containerBgColor: T,
         footerHeight: a,
         windowHeight: v,
         screenHeight: b,
-        isContentWithScroll: A(),
+        isContentWithScroll: function() {
+            return x(h(c.current));
+        }(),
         hasContentEnoughVSpace: d
     });
     var _obj;
-    return /* @__PURE__ */ F(H, {
+    return /* @__PURE__ */ _(F, {
         children: [
             /* @__PURE__ */ f("div", {
                 ref: c,
@@ -162,21 +161,21 @@ var U = 2, $ = function(e) {
             }),
             /* @__PURE__ */ f("div", {
                 ref: R,
-                className: g(i.footer, (_obj = {}, _defineProperty(_obj, i.withoutFooter, !e), _defineProperty(_obj, i.elevated, k), _obj)),
+                className: g(i.footer, (_obj = {}, _defineProperty(_obj, i.withoutFooter, !t), _defineProperty(_obj, i.elevated, k), _obj)),
                 style: {
                     background: p ? r : void 0
                 },
-                "data-testid": "fixed-footer".concat(e ? "-visible" : "-hidden"),
+                "data-testid": "fixed-footer".concat(t ? "-visible" : "-hidden"),
                 "data-position-fixed": "bottom",
-                children: e && /* @__PURE__ */ f("aside", {
+                children: t && /* @__PURE__ */ f("aside", {
                     style: {
                         height: n,
                         marginBottom: "env(safe-area-inset-bottom)"
                     },
-                    children: t
+                    children: e
                 })
             })
         ]
     });
 };
-export { ee as default };
+export { tt as default };

package/dist-es/form.js

@@ -113,37 +113,31 @@ function _unsupportedIterableToArray(o, minLen) {
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
 }
 import * as n from "react";
-import { useTheme as _, useAriaId as q } from "./hooks.js";
-import { FormContext as B } from "./form-context.js";
-import { createUseStyles as L } from "./jss.js";
-import U from "classnames";
-import { jsx as R } from "./_virtual/jsx-runtime.js";
+import { useTheme as A, useAriaId as _ } from "./hooks.js";
+import { FormContext as q } from "./form-context.js";
+import B from "classnames";
+import { sprinkles as L } from "./sprinkles.css-mistica.js";
+import { jsx as S } from "./_virtual/jsx-runtime.js";
 process.env.NODE_ENV !== "test" && (typeof document === "undefined" ? "undefined" : _typeof(document)) < "u" && !("scrollBehavior" in document.documentElement.style) && import("scroll-behavior-polyfill").finally(function() {});
-var W = L(function() {
-    return {
-        form: {
-            width: "100%"
-        }
-    };
-}), X = function(param) {
-    var x = param.children, C = param.className, p = param.onSubmit, tmp = param.initialValues, b = tmp === void 0 ? {} : tmp, tmp1 = param.autoJump, y = tmp1 === void 0 ? !1 : tmp1, a = param.onValidationErrors, E = param.id;
-    var h = n.useRef(!0), ref = _slicedToArray(n.useState(b), 2), i = ref[0], F = ref[1], ref1 = _slicedToArray(n.useState(b), 2), l = ref1[0], I = ref1[1], ref2 = _slicedToArray(n.useState("filling"), 2), w = ref2[0], f = ref2[1], ref3 = _slicedToArray(n.useState({}), 2), V = ref3[0], k = ref3[1], c = n.useRef(/* @__PURE__ */ new Map()), m = n.useRef(null), ref4 = _(), S = ref4.texts, j = W(), g = q(E);
+var K = function(param) {
+    var x = param.children, C = param.className, p = param.onSubmit, tmp = param.initialValues, b = tmp === void 0 ? {} : tmp, tmp1 = param.autoJump, h = tmp1 === void 0 ? !1 : tmp1, a = param.onValidationErrors, E = param.id;
+    var k = n.useRef(!0), ref = _slicedToArray(n.useState(b), 2), i = ref[0], F = ref[1], ref1 = _slicedToArray(n.useState(b), 2), l = ref1[0], I = ref1[1], ref2 = _slicedToArray(n.useState("filling"), 2), w = ref2[0], f = ref2[1], ref3 = _slicedToArray(n.useState({}), 2), V = ref3[0], y = ref3[1], c = n.useRef(/* @__PURE__ */ new Map()), m = n.useRef(null), ref4 = A(), g = ref4.texts, v = _(E);
     n.useEffect(function() {
         return function() {
-            h.current = !1;
+            k.current = !1;
         };
     }, []);
-    var P = n.useCallback(function(e, param) {
-        var s = param.input, o = param.validator, t = param.focusableElement;
-        s || t ? c.current.set(e, {
-            input: s,
+    var j = n.useCallback(function(e, param) {
+        var r = param.input, o = param.validator, t = param.focusableElement;
+        r || t ? c.current.set(e, {
+            input: r,
             validator: o,
             focusableElement: t
         }) : c.current.delete(e);
-    }, []), T = function(param) {
-        var e = param.name, s = param.error;
-        return k(function(o) {
-            return _objectSpreadProps(_objectSpread({}, o), _defineProperty({}, e, s));
+    }, []), P = function(param) {
+        var e = param.name, r = param.error;
+        return y(function(o) {
+            return _objectSpreadProps(_objectSpread({}, o), _defineProperty({}, e, r));
         });
     }, d = n.useCallback(function() {
         var o;
@@ -151,13 +145,13 @@ var W = L(function() {
         var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
         try {
             for(var _iterator = c.current[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
-                var _value = _slicedToArray(_step.value, 2), t = _value[0], ref = _value[1], r = ref.input, u = ref.validator;
-                if (r) {
-                    if (r.disabled) continue;
-                    if (r.required && !((o = l[t]) != null && o.trim())) e[t] = S.formFieldErrorIsMandatory;
+                var _value = _slicedToArray(_step.value, 2), t = _value[0], ref = _value[1], s = ref.input, u = ref.validator;
+                if (s) {
+                    if (s.disabled) continue;
+                    if (s.required && !((o = l[t]) != null && o.trim())) e[t] = g.formFieldErrorIsMandatory;
                     else {
-                        var N = u == null ? void 0 : u(i[t], l[t]);
-                        N && (e[t] = N);
+                        var R = u == null ? void 0 : u(i[t], l[t]);
+                        R && (e[t] = R);
                     }
                 }
             }
@@ -175,89 +169,91 @@ var W = L(function() {
                 }
             }
         }
-        var s = Object.keys(e).map(function(t) {
-            var r = c.current.get(t);
-            return (r == null ? void 0 : r.focusableElement) || (r == null ? void 0 : r.input);
+        var r = Object.keys(e).map(function(t) {
+            var s = c.current.get(t);
+            return (s == null ? void 0 : s.focusableElement) || (s == null ? void 0 : s.input);
         }).filter(Boolean);
-        if (s.length) {
-            s.sort(function(t, r) {
-                return t.compareDocumentPosition(r) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1;
-            }), s[0].focus();
+        if (r.length) {
+            r.sort(function(t, s) {
+                return t.compareDocumentPosition(s) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1;
+            }), r[0].focus();
             try {
-                s[0].scrollIntoView({
+                r[0].scrollIntoView({
                     behavior: "smooth",
                     block: "center",
                     inline: "center"
                 });
             } catch (e1) {}
         }
-        return k(e), a && Object.keys(e).length > 0 && a(e), e;
+        return y(e), a && Object.keys(e).length > 0 && a(e), e;
     }, [
         a,
         l,
-        S,
+        g,
         i
-    ]), D = n.useCallback(function(e) {
+    ]), T = n.useCallback(function(e) {
         setTimeout(function() {
-            var s;
-            if (y && m.current) {
-                var o = Array.from(m.current.querySelectorAll("input, select")), t = (s = c.current.get(e)) == null ? void 0 : s.input, r = o.indexOf(t);
-                if (r >= 0) {
-                    var u = o[r + 1];
+            var r;
+            if (h && m.current) {
+                var o = Array.from(m.current.querySelectorAll("input, select")), t = (r = c.current.get(e)) == null ? void 0 : r.input, s = o.indexOf(t);
+                if (s >= 0) {
+                    var u = o[s + 1];
                     u ? u.focus() : t == null || t.blur();
                 }
             }
         }, 100);
     }, [
-        y
-    ]), v = function(e) {
-        return _toConsumableArray(c.current.keys()).reduce(function(s, o) {
-            var t, r;
-            return (r = (t = c.current.get(o)) == null ? void 0 : t.input) != null && r.disabled ? s : _objectSpreadProps(_objectSpread({}, s), _defineProperty({}, o, e[o]));
+        h
+    ]), O = function(e) {
+        return _toConsumableArray(c.current.keys()).reduce(function(r, o) {
+            var t, s;
+            return (s = (t = c.current.get(o)) == null ? void 0 : t.input) != null && s.disabled ? r : _objectSpreadProps(_objectSpread({}, r), _defineProperty({}, o, e[o]));
         }, {});
-    }, O = n.useCallback(function(e) {
-        return e == null || e.preventDefault(), f("sending"), Object.keys(d()).length > 0 ? (f("filling"), Promise.resolve()) : Promise.resolve(p(v(i), v(l))).finally(function() {
-            h.current && f("filling");
+    }, N = n.useCallback(function(e) {
+        return e == null || e.preventDefault(), f("sending"), Object.keys(d()).length > 0 ? (f("filling"), Promise.resolve()) : Promise.resolve(p(O(i), O(l))).finally(function() {
+            k.current && f("filling");
         });
     }, [
         p,
         l,
         d,
         i
-    ]), M = n.useCallback(function(param) {
-        var e = param.name, s = param.value;
+    ]), D = n.useCallback(function(param) {
+        var e = param.name, r = param.value;
         F(function(o) {
-            return _objectSpreadProps(_objectSpread({}, o), _defineProperty({}, e, s));
+            return _objectSpreadProps(_objectSpread({}, o), _defineProperty({}, e, r));
         });
-    }, []), A = n.useCallback(function(param) {
-        var e = param.name, s = param.value;
+    }, []), M = n.useCallback(function(param) {
+        var e = param.name, r = param.value;
         I(function(o) {
-            return _objectSpreadProps(_objectSpread({}, o), _defineProperty({}, e, s));
+            return _objectSpreadProps(_objectSpread({}, o), _defineProperty({}, e, r));
         });
     }, []);
-    return /* @__PURE__ */ R(B.Provider, {
+    return /* @__PURE__ */ S(q.Provider, {
         value: {
             formStatus: w,
             values: i,
-            setValue: M,
+            setValue: D,
             rawValues: l,
-            setRawValue: A,
+            setRawValue: M,
             formErrors: V,
-            setFormError: T,
-            register: P,
-            jumpToNext: D,
+            setFormError: P,
+            register: j,
+            jumpToNext: T,
             validate: d,
-            submit: O,
-            formId: g
+            submit: N,
+            formId: v
         },
-        children: /* @__PURE__ */ R("form", {
-            id: g,
-            onSubmit: O,
+        children: /* @__PURE__ */ S("form", {
+            id: v,
+            onSubmit: N,
             ref: m,
-            className: U(j.form, C),
+            className: B(L({
+                width: "100%"
+            }), C),
             noValidate: !0,
             children: x
         })
     });
 };
-export { X as default };
+export { K as default };

package/dist-es/generated/mistica-icons/icon-3-d-view-filled.js

@@ -77,30 +77,30 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-import { useTheme as c } from "../../hooks.js";
-import { useIsInverseVariant as h } from "../../theme-variant-context.js";
-import { jsxs as o, jsx as l } from "../../_virtual/jsx-runtime.js";
+import { useIsInverseVariant as o } from "../../theme-variant-context.js";
+import { vars as l } from "../../skins/skin-contract.css-mistica.js";
+import { jsxs as c, jsx as s } from "../../_virtual/jsx-runtime.js";
 var f = function(_param) {
-    var e = _param.color, tmp = _param.size, t = tmp === void 0 ? 24 : tmp, v = _param.children, r = _objectWithoutProperties(_param, [
+    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, v = _param.children, t = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = c(), i = ref.colors, n = h(), s = e != null ? e : n ? i.inverse : i.neutralHigh;
-    return /* @__PURE__ */ o("svg", _objectSpreadProps(_objectSpread({
-        width: t,
-        height: t,
+    var n = o(), i = e != null ? e : n ? l.colors.inverse : l.colors.neutralHigh;
+    return /* @__PURE__ */ c("svg", _objectSpreadProps(_objectSpread({
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, t), {
         children: [
-            /* @__PURE__ */ l("path", {
+            /* @__PURE__ */ s("path", {
                 d: "M12.344 10.034l6.87-4.103-6.53-3.828a.611.611 0 00-.68 0L5.439 5.931l6.905 4.103zm.51.897v8.138l6.633-3.897c.204-.138.34-.344.34-.586V6.724l-6.973 4.207z",
-                fill: s
+                fill: i
             }),
-            /* @__PURE__ */ l("path", {
+            /* @__PURE__ */ s("path", {
                 d: "M18.126 17.517c-.374 0-.68.31-.68.69 0 .38.306.69.68.69h.987c-1.599 1.069-4.048 1.724-6.77 1.724-4.693 0-8.502-2.104-8.502-4.655 0-.863.442-1.587 1.02-2.173v.793c0 .242.136.483.34.586l6.633 3.863V10.93L4.86 6.793v5.241c-1.565 1.104-2.381 2.449-2.381 3.931C2.48 19.346 6.8 22 12.344 22c3.163 0 5.986-.828 7.823-2.172v1.137c0 .38.306.69.68.69.374 0 .68-.31.68-.69v-3.448h-3.4z",
-                fill: s
+                fill: i
             })
         ]
     }));

package/dist-es/generated/mistica-icons/icon-3-d-view-light.js

@@ -77,32 +77,32 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-import { useTheme as a } from "../../hooks.js";
-import { useIsInverseVariant as c } from "../../theme-variant-context.js";
-import { jsxs as h, jsx as l } from "../../_virtual/jsx-runtime.js";
-var p = function(_param) {
-    var e = _param.color, tmp = _param.size, t = tmp === void 0 ? 24 : tmp, o = _param.children, r = _objectWithoutProperties(_param, [
+import { useIsInverseVariant as a } from "../../theme-variant-context.js";
+import { vars as t } from "../../skins/skin-contract.css-mistica.js";
+import { jsxs as c, jsx as i } from "../../_virtual/jsx-runtime.js";
+var f = function(_param) {
+    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, o = _param.children, l = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = a(), s = ref.colors, n = c(), i = e != null ? e : n ? s.inverse : s.neutralHigh;
-    return /* @__PURE__ */ h("svg", _objectSpreadProps(_objectSpread({
-        width: t,
-        height: t,
+    var n = a(), s = e != null ? e : n ? t.colors.inverse : t.colors.neutralHigh;
+    return /* @__PURE__ */ c("svg", _objectSpreadProps(_objectSpread({
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, l), {
         children: [
-            /* @__PURE__ */ l("path", {
+            /* @__PURE__ */ i("path", {
                 d: "M22 16.29a.708.708 0 01-.702.715.708.708 0 01-.701-.714c0-.394.314-.714.701-.714.388 0 .702.32.702.714z",
-                fill: i
+                fill: s
             }),
-            /* @__PURE__ */ l("path", {
+            /* @__PURE__ */ i("path", {
                 d: "M17.79 18.789c-.211 0-.351-.143-.351-.357s.14-.357.35-.357h3.158v3.211c0 .214-.14.357-.35.357-.211 0-.351-.143-.351-.357V19.36C18.49 21.002 15.368 22 11.825 22 6.315 22 2 19.43 2 16.112c0-1.463.842-2.783 2.456-3.889V6.478c0-.143.07-.25.176-.321l7.017-4.103a.314.314 0 01.351 0l7.017 4.103a.376.376 0 01.176.321v8.207c0 .143-.07.25-.176.321L12 19.11c-.07.035-.105.035-.175.035-.07 0-.106 0-.176-.035l-7.017-4.104a.376.376 0 01-.176-.32v-1.57c-.877.677-1.754 1.676-1.754 2.996 0 2.855 4.105 5.174 9.123 5.174 3.333 0 6.35-.963 7.965-2.497h-2zm-6.316-7.993L5.158 7.085v7.386l6.316 3.711v-7.386zm.701 7.386l6.316-3.675V7.085l-6.316 3.71v7.387zm5.93-11.704l-6.28-3.675-6.281 3.675 6.28 3.675 6.281-3.675z",
-                fill: i
+                fill: s
             })
         ]
     }));
 };
-export { p as default };
+export { f as default };

package/dist-es/generated/mistica-icons/icon-3-d-view-regular.js

@@ -77,26 +77,26 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-import { useTheme as v } from "../../hooks.js";
 import { useIsInverseVariant as a } from "../../theme-variant-context.js";
-import { jsx as i } from "../../_virtual/jsx-runtime.js";
-var f = function(_param) {
-    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, c = _param.children, l = _objectWithoutProperties(_param, [
+import { vars as l } from "../../skins/skin-contract.css-mistica.js";
+import { jsx as t } from "../../_virtual/jsx-runtime.js";
+var m = function(_param) {
+    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, n = _param.children, i = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = v(), t = ref.colors, n = a(), s = e != null ? e : n ? t.inverse : t.neutralHigh;
-    return /* @__PURE__ */ i("svg", _objectSpreadProps(_objectSpread({
+    var s = a(), v = e != null ? e : s ? l.colors.inverse : l.colors.neutralHigh;
+    return /* @__PURE__ */ t("svg", _objectSpreadProps(_objectSpread({
         width: r,
         height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
-        children: /* @__PURE__ */ i("path", {
+    }, i), {
+        children: /* @__PURE__ */ t("path", {
             d: "M17.436 18.207c0-.38.306-.69.68-.69h3.402v3.448c0 .38-.306.69-.68.69a.687.687 0 01-.68-.69v-1.137C18.32 21.172 15.497 22 12.333 22 6.79 22 2.47 19.345 2.47 15.966c0-1.483.816-2.828 2.381-3.931v-5.38c0-.241.136-.448.34-.586l6.803-3.966a.611.611 0 01.68 0l6.803 3.966c.204.103.34.345.34.586v7.931c0 .242-.136.448-.34.586l-6.803 3.966a.65.65 0 01-.34.103.65.65 0 01-.34-.103L5.19 15.172a.669.669 0 01-.34-.586v-.793c-.578.586-1.02 1.31-1.02 2.173 0 2.551 3.81 4.655 8.503 4.655 2.721 0 5.17-.655 6.769-1.724h-.987a.687.687 0 01-.68-.69zm-5.782-7.173L6.212 7.829v6.379l5.442 3.172v-6.345zm1.36 6.31l5.442-3.137v-6.38l-5.442 3.207v6.31zm4.728-10.689l-5.408-3.172-5.408 3.172 5.408 3.173 5.408-3.173z",
-            fill: s
+            fill: v
         })
     }));
 };
-export { f as default };
+export { m as default };

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

@@ -77,30 +77,30 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-import { useTheme as n } from "../../hooks.js";
 import { useIsInverseVariant as l } from "../../theme-variant-context.js";
-import { jsxs as o, jsx as r } from "../../_virtual/jsx-runtime.js";
+import { vars as t } from "../../skins/skin-contract.css-mistica.js";
+import { jsxs as n, jsx as a } from "../../_virtual/jsx-runtime.js";
 var f = function(_param) {
-    var e = _param.color, tmp = _param.size, s = tmp === void 0 ? 24 : tmp, v = _param.children, a = _objectWithoutProperties(_param, [
+    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, o = _param.children, i = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = n(), t = ref.colors, h = l(), i = e != null ? e : h ? t.inverse : t.neutralHigh;
-    return /* @__PURE__ */ o("svg", _objectSpreadProps(_objectSpread({
-        width: s,
-        height: s,
+    var h = l(), s = e != null ? e : h ? t.colors.inverse : t.colors.neutralHigh;
+    return /* @__PURE__ */ n("svg", _objectSpreadProps(_objectSpread({
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, i), {
         children: [
-            /* @__PURE__ */ r("path", {
+            /* @__PURE__ */ a("path", {
                 d: "M9.144 12.891v-2.619l-1.966 2.62h1.966z",
-                fill: i
+                fill: s
             }),
-            /* @__PURE__ */ r("path", {
+            /* @__PURE__ */ a("path", {
                 d: "M12 2C6.488 2 2 6.488 2 12s4.488 10 10 10 10-4.488 10-10S17.512 2 12 2zm-1.248 11.965h-.535v.892a.532.532 0 01-.534.534.532.532 0 01-.535-.534v-.892H6.113a.538.538 0 01-.43-.859l3.214-4.282a.53.53 0 01.43-.215h.356c.297 0 .534.238.534.535v3.747h.535c.297 0 .535.238.535.535a.54.54 0 01-.535.54zM11.643 12a3.396 3.396 0 015.768-2.422.54.54 0 01.01.758.535.535 0 01-.76.01 2.325 2.325 0 00-3.949 1.66 2.325 2.325 0 002.323 2.32 2.323 2.323 0 002.258-1.787h-1.687a.532.532 0 01-.535-.534c0-.297.238-.535.535-.535h2.285c.297 0 .535.238.535.535a3.395 3.395 0 01-3.391 3.386 3.396 3.396 0 01-3.392-3.39z",
-                fill: i
+                fill: s
             })
         ]
     }));

package/dist-es/generated/mistica-icons/icon-4-g-light.js

@@ -77,32 +77,32 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-import { useTheme as n } from "../../hooks.js";
-import { useIsInverseVariant as l } from "../../theme-variant-context.js";
-import { jsxs as o, jsx as h } from "../../_virtual/jsx-runtime.js";
-var c = function(_param) {
-    var e = _param.color, tmp = _param.size, t = tmp === void 0 ? 24 : tmp, m = _param.children, i = _objectWithoutProperties(_param, [
+import { useIsInverseVariant as n } from "../../theme-variant-context.js";
+import { vars as t } from "../../skins/skin-contract.css-mistica.js";
+import { jsxs as l, jsx as e } from "../../_virtual/jsx-runtime.js";
+var p = function(_param) {
+    var a = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, o = _param.children, i = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = n(), a = ref.colors, r = l(), s = e != null ? e : r ? a.inverse : a.neutralHigh;
-    return /* @__PURE__ */ o("svg", _objectSpreadProps(_objectSpread({
-        width: t,
-        height: t,
+    var h = n(), s = a != null ? a : h ? t.colors.inverse : t.colors.neutralHigh;
+    return /* @__PURE__ */ l("svg", _objectSpreadProps(_objectSpread({
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, i), {
         children: [
-            /* @__PURE__ */ h("path", {
+            /* @__PURE__ */ e("path", {
                 d: "M12 22C6.488 22 2 17.517 2 12 2 6.484 6.488 2 12 2s10 4.488 10 10a9.98 9.98 0 01-1.54 5.33.36.36 0 01-.494.109.36.36 0 01-.11-.494 9.248 9.248 0 001.431-4.95C21.282 6.881 17.119 2.718 12 2.718 6.881 2.718 2.718 6.88 2.718 12S6.88 21.282 12 21.282a9.247 9.247 0 004.95-1.43.36.36 0 01.493.11.36.36 0 01-.11.493A9.97 9.97 0 0112 22z",
                 fill: s
             }),
-            /* @__PURE__ */ h("path", {
+            /* @__PURE__ */ e("path", {
                 d: "M19.495 18.783a.713.713 0 11-1.426 0 .713.713 0 011.426 0zm-5.082-3.57A3.215 3.215 0 0111.2 12a3.215 3.215 0 015.462-2.294.354.354 0 01.004.502.355.355 0 01-.502.005 2.5 2.5 0 10-1.75 4.287 2.502 2.502 0 002.472-2.143h-1.901a.357.357 0 010-.713h2.285c.196 0 .356.16.356.356a3.211 3.211 0 01-3.213 3.213zm-5.269-.356c0 .196.16.356.356.356.197 0 .356-.16.352-.361v-1.07h.713a.357.357 0 000-.713h-.713V9.145a.357.357 0 00-.357-.357H9.14a.35.35 0 00-.283.142l-3.213 4.287a.358.358 0 00.288.571h3.213v1.07zm0-1.787h-2.5l2.5-3.332v3.332z",
                 fill: s
             })
         ]
     }));
 };
-export { c as default };
+export { p as default };