@telefonica/mistica 12.10.0 → 12.11.0

package/dist/generated/mistica-icons/icon-clover-light.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        return v;
     }
 });
-var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,22 +90,22 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var p = function p(_param) {
-    var e = _param.color, tmp = _param.size, t = tmp === void 0 ? 24 : tmp, a = _param.children, i = _objectWithoutProperties(_param, [
+var v = function v(_param) {
+    var r = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, o = _param.children, l = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), c = ref.colors, l = (0, _themeVariantContextJs.useIsInverseVariant)(), n = e != null ? e : l ? c.inverse : c.neutralHigh;
+    var i = (0, _themeVariantContextJs.useIsInverseVariant)(), s = r != null ? r : i ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: t,
-        height: t,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, l), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M21.088 21.84c-1.63 0-3.501-.759-5.185-2.106l-.061-.056a11.666 11.666 0 01-3.26-4.15c-.026.824-.138 1.608-.404 2.198-.619 1.387-1.574 2.274-2.621 2.425-.101.014-.21.026-.325.026-.546 0-1.255-.2-1.983-.955-1.294-.154-1.874-.76-2.132-1.25-.476-.9-.272-2.155.56-3.44.589-.914 1.871-1.807 3.095-2.498-.448.036-.91.058-1.37.058-.994 0-1.963-.1-2.669-.392-1.459-.588-2.389-1.498-2.548-2.495-.087-.543.016-1.355.977-2.195.163-1.232.798-1.784 1.314-2.03.944-.454 2.263-.258 3.613.534.958.558 1.896 1.779 2.622 2.94-.118-1.346-.093-2.858.35-3.841.619-1.39 1.574-2.274 2.621-2.428.569-.087 1.42.014 2.306.93 1.294.156 1.873.761 2.131 1.251.476.902.272 2.157-.56 3.442-.585.913-1.871 1.806-3.092 2.498 1.417-.11 3.005-.087 4.039.333 1.456.59 2.386 1.5 2.546 2.498.087.543-.017 1.355-.978 2.195-.162 1.232-.798 1.784-1.314 2.03a2.61 2.61 0 01-1.131.238c-.754 0-1.613-.26-2.485-.773-.655-.38-1.296-1.072-1.87-1.842a10.84 10.84 0 003.123 4.058l.07.056c1.574 1.262 3.302 1.957 4.75 1.91.235-.018.426-.029.549.145a.4.4 0 01-.12.574.7.7 0 01-.337.106 5.831 5.831 0 01-.22.006zM13.814 3.003c-.731.106-1.46.829-1.952 1.932-.642 1.428-.233 4.458.042 5.701 1.227-.504 4.058-1.94 4.907-3.262.661-1.022.857-2.005.527-2.635-.247-.47-.788-.745-1.605-.815l-.177-.017-.115-.129c-.47-.523-.952-.79-1.434-.79-.064 0-.128.003-.193.015zm-8.744 7.93c1.495.61 4.68.224 5.988-.045-.53-1.165-2.04-3.861-3.428-4.67-.729-.426-1.44-.65-2.028-.65-.278 0-.53.05-.74.15-.493.236-.781.751-.854 1.53l-.017.168-.134.11c-.625.506-.9 1.027-.815 1.548.109.697.868 1.391 2.028 1.859zm6.299 6.469c.641-1.426.235-4.456-.045-5.699-1.224.504-4.059 1.94-4.907 3.262-.658 1.023-.855 2.005-.524 2.635.246.47.787.745 1.605.815l.176.014.115.13c.532.596 1.079.853 1.628.775.73-.11 1.459-.83 1.952-1.932zm6.792-5.999c-1.496-.613-4.678-.224-5.988.04.03.066.072.153.111.234l.012.023.006.009c.607 1.268 1.997 3.654 3.296 4.407 1.073.63 2.106.818 2.768.502.495-.236.784-.75.857-1.53l.016-.167.138-.11c.622-.506.896-1.027.812-1.548-.112-.695-.871-1.39-2.028-1.86z",
-            fill: n
+            fill: s
         })
     }));
 };

package/dist/generated/mistica-icons/icon-clover-regular.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        return v;
     }
 });
-var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,22 +90,22 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var p = function p(_param) {
-    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, o = _param.children, l = _objectWithoutProperties(_param, [
+var v = function v(_param) {
+    var r = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, n = _param.children, t = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), t = ref.colors, n = (0, _themeVariantContextJs.useIsInverseVariant)(), s = e != null ? e : n ? t.inverse : t.neutralHigh;
+    var s = (0, _themeVariantContextJs.useIsInverseVariant)(), a = r != null ? r : s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: r,
-        height: r,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M20.901 21.843c-1.647 0-3.529-.76-5.212-2.11l-.065-.056a11.725 11.725 0 01-2.899-3.417c-.062.53-.17 1.025-.353 1.428-.633 1.426-1.63 2.337-2.728 2.5-.11.016-.224.024-.35.024-.569 0-1.297-.199-2.042-.947-1.306-.176-1.902-.809-2.174-1.324-.499-.947-.297-2.25.557-3.569.477-.745 1.418-1.476 2.41-2.098-.183.006-.365.011-.544.011-1.003 0-1.98-.104-2.695-.395-1.493-.605-2.45-1.554-2.619-2.602-.092-.569.009-1.412.967-2.28.187-1.244.851-1.81 1.392-2.07.994-.476 2.358-.28 3.745.532.784.454 1.546 1.35 2.199 2.294-.042-1.129.039-2.28.4-3.084.636-1.426 1.63-2.336 2.728-2.499.597-.09 1.485.009 2.393.925 1.308.18 1.902.812 2.173 1.328.499.946.294 2.249-.56 3.568-.476.745-1.414 1.476-2.406 2.095 1.182-.039 2.39.04 3.235.384 1.499.605 2.454 1.555 2.622 2.603.093.568-.011 1.411-.966 2.28-.188 1.243-.852 1.812-1.392 2.07a2.79 2.79 0 01-1.202.255c-.779 0-1.658-.267-2.543-.788a4.339 4.339 0 01-.653-.481 10.473 10.473 0 002.123 2.324l.07.054c1.485 1.193 3.129 1.863 4.462 1.823a.666.666 0 01.757.224l.01.017.012.017a.59.59 0 01-.185.815.91.91 0 01-.443.143 5.833 5.833 0 01-.224.006zm-7.09-18.457c-.63.095-1.299.773-1.744 1.773-.56 1.25-.25 3.908.005 5.213 1.266-.557 3.72-1.854 4.46-3.011.6-.927.792-1.84.507-2.387-.208-.392-.678-.624-1.4-.686l-.261-.022-.168-.188c-.418-.468-.835-.703-1.244-.703-.05 0-.104.005-.154.011zm-8.503 7.38c1.31.536 4.1.242 5.465-.002-.583-1.207-1.944-3.546-3.157-4.252-.675-.398-1.342-.608-1.88-.608-.235 0-.448.042-.622.126-.411.196-.655.644-.72 1.334l-.022.246-.199.163c-.549.448-.793.896-.723 1.33.099.602.81 1.241 1.858 1.664zm5.885 6.446c.563-1.249.252-3.91-.006-5.213-1.266.558-3.72 1.855-4.462 3.012-.6.924-.793 1.837-.507 2.383.207.395.678.625 1.4.687l.261.022.168.188c.47.526.947.756 1.4.692.63-.093 1.3-.77 1.746-1.77zm6.759-5.61c-1.308-.535-4.098-.238-5.47 0 .582 1.21 1.943 3.549 3.156 4.255.972.574 1.933.756 2.502.484.414-.199.655-.647.72-1.333l.025-.25.198-.16c.552-.447.796-.896.726-1.333-.095-.602-.81-1.24-1.857-1.663z",
-            fill: s
+            fill: a
         })
     }));
 };

package/dist/generated/mistica-icons/icon-cocktail-filled.js

@@ -5,11 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return f;
+        return p;
     }
 });
 var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,14 +91,14 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var f = function f(_param) {
+var p = function p(_param) {
     var t = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, c = _param.children, a = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), r = ref.skinName, i = ref.colors, h = (0, _themeVariantContextJs.useIsInverseVariant)(), n = t != null ? t : h ? i.inverse : i.neutralHigh;
-    return r.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
+    var n = (0, _themeVariantContextJs.useIsInverseVariant)(), i = t != null ? t : n ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), o = ref.skinName;
+    return o.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
@@ -105,7 +106,7 @@ var f = function f(_param) {
     }, a), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M20.869 2.792a.48.48 0 00.098-.506.452.452 0 00-.415-.286H3.448a.446.446 0 00-.414.286.48.48 0 00.097.506L11.1 11.03v9.113H9.75c-.495 0-.898.417-.898.929s.403.929.898.929h4.5c.495 0 .898-.417.898-.93 0-.511-.403-.928-.899-.928h-1.348V11.03l7.968-8.237z",
-            fill: n
+            fill: i
         })
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
@@ -115,7 +116,7 @@ var f = function f(_param) {
     }, a), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M13.376 6.382c.017-2.726 1.516-4.227 4.233-4.227 2.73 0 4.235 1.513 4.23 4.26 0 2.748-1.505 4.261-4.236 4.261-.392 0-.753-.036-1.092-.098l-3.765 4.361a1.158 1.158 0 01-.294.241v3.801l3.966 1.675a.613.613 0 01.359.681.603.603 0 01-.591.487l-8.33.017a.605.605 0 01-.589-.476.614.614 0 01.339-.683l3.641-1.687v-3.798a1.183 1.183 0 01-.285-.216L4.81 8.471a1.226 1.226 0 01-.235-1.313 1.21 1.21 0 011.107-.74l.81-.003-1.023-1.03a.248.248 0 00-.174-.07H2.76a.607.607 0 010-1.216h2.535c.384 0 .76.154 1.028.426l1.871 1.882 5.182-.025zM17.61 9.46c2.064 0 3.028-.966 3.028-3.042 0-2.05-.992-3.047-3.028-3.047-2.048 0-3.009.958-3.023 3.005l2.914-.014h.01a1.21 1.21 0 011.205 1.216c0 .32-.123.613-.325.83l-.905 1.047.06.002a.64.64 0 00.064.003zm-1.09-.84c.012 0 .024.003.036.007.012.003.025.007.04.007l.913-1.059-11.815.056.933.989h9.893z",
-            fill: n
+            fill: i
         })
     }));
 };

package/dist/generated/mistica-icons/icon-cocktail-light.js

@@ -5,11 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        return g;
     }
 });
 var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,14 +91,14 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var p = function p(_param) {
+var g = function g(_param) {
     var e = _param.color, tmp = _param.size, l = tmp === void 0 ? 24 : tmp, m = _param.children, i = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), s = ref.skinName, h = ref.colors, n = (0, _themeVariantContextJs.useIsInverseVariant)(), t = e != null ? e : n ? h.inverse : h.neutralHigh;
-    return s.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
+    var s = (0, _themeVariantContextJs.useIsInverseVariant)(), t = e != null ? e : s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), h = ref.skinName;
+    return h.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",

package/dist/generated/mistica-icons/icon-cocktail-regular.js

@@ -5,11 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return f;
+        return d;
     }
 });
 var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,32 +91,32 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var f = function f(_param) {
-    var a = _param.color, tmp = _param.size, l = tmp === void 0 ? 24 : tmp, o = _param.children, t = _objectWithoutProperties(_param, [
+var d = function d(_param) {
+    var a = _param.color, tmp = _param.size, l = tmp === void 0 ? 24 : tmp, c = _param.children, r = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), n = ref.skinName, i = ref.colors, h = (0, _themeVariantContextJs.useIsInverseVariant)(), r = a != null ? a : h ? i.inverse : i.neutralHigh;
-    return n.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
+    var n = (0, _themeVariantContextJs.useIsInverseVariant)(), t = a != null ? a : n ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), o = ref.skinName;
+    return o.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M21.421 2.56a.958.958 0 01-.16 1.012l-8.329 9.38v7.168h1.388c.51 0 .926.422.926.94s-.416.94-.926.94H9.687a.934.934 0 01-.925-.94c0-.518.415-.94.925-.94h1.388v-7.168L2.74 3.572a.946.946 0 01-.16-1.012.922.922 0 01.85-.56h17.144c.368 0 .7.223.848.56zm-9.42 8.627l6.49-7.301H5.51l6.49 7.3z",
-            fill: r
+            fill: t
         })
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M13.381 6.38L8.2 6.403 6.328 4.522A1.454 1.454 0 005.3 4.096H2.765a.607.607 0 000 1.216H5.3a.25.25 0 01.174.07l1.022 1.03-.807.003a1.214 1.214 0 00-1.106.74c-.188.445-.095.96.235 1.314l6.151 6.512c.082.087.183.157.286.216v3.798l-3.641 1.687a.608.608 0 00.249 1.16l8.33-.017a.61.61 0 00.232-1.168l-3.965-1.678V15.18c.112-.064.21-.145.294-.24l3.764-4.362c.34.062.7.098 1.09.098 2.731 0 4.235-1.513 4.235-4.26.003-2.746-1.501-4.261-4.232-4.261-2.717 0-4.216 1.501-4.23 4.224zm4.166 3.08l-.06-.002.905-1.05c.202-.22.328-.51.328-.83a1.21 1.21 0 00-1.204-1.216h-.014l-2.913.014c.013-2.047.971-3.005 3.022-3.005 2.036 0 3.028.997 3.028 3.047 0 2.076-.964 3.045-3.028 3.045a.874.874 0 01-.064-.003zm-5.704 4.681L7.776 9.836h7.782l-3.715 4.305zm.026 5.908l1.338.565-2.574.006 1.236-.571zM17.51 7.578l-.916 1.056a.211.211 0 01-.032-.007.158.158 0 00-.04-.007H6.627l-.936-.989c0 .003 11.818-.053 11.818-.053z",
-            fill: r
+            fill: t
         })
     }));
 };

package/dist/generated/mistica-icons/icon-code-filled.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return v;
     }
 });
-var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,22 +90,22 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var d = function d(_param) {
-    var a = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, m = _param.children, r = _objectWithoutProperties(_param, [
+var v = function v(_param) {
+    var a = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, n = _param.children, t = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), l = ref.colors, i = (0, _themeVariantContextJs.useIsInverseVariant)(), n = a != null ? a : i ? l.inverse : l.neutralHigh;
+    var i = (0, _themeVariantContextJs.useIsInverseVariant)(), s = a != null ? a : i ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M20.413 4.622c.787 0 1.428.62 1.428 1.379v12.008c0 .759-.641 1.378-1.428 1.378H3.586c-.79.003-1.431-.616-1.431-1.375V6c0-.76.641-1.379 1.431-1.379h16.827zM4.785 6.295a.55.55 0 00-.56.535v.002c0 .297.25.538.557.538a.548.548 0 00.56-.538.548.548 0 00-.557-.537zm15.852 11.717V8.348H3.36v9.664c0 .117.1.215.224.215h16.829a.221.221 0 00.224-.215zM7.02 6.832a.548.548 0 00-.558-.537H6.46a.548.548 0 00-.557.537c0 .297.25.538.557.538a.548.548 0 00.56-.538zm1.12-.537h-.003a.55.55 0 00-.56.535v.002c0 .297.25.538.56.538a.548.548 0 00.56-.538.548.548 0 00-.557-.537zm.955 5.736a.528.528 0 00.02-.748.579.579 0 00-.796-.036l-2.294 2.006a.53.53 0 00-.006.801l2.295 2.036a.576.576 0 00.815-.048.53.53 0 00-.05-.745l-1.844-1.641 1.84-1.608.01-.008.01-.009zm6.538-.784l2.294 2.006c.115.1.182.246.185.397a.53.53 0 01-.182.4l-2.294 2.043a.584.584 0 01-.384.146.57.57 0 01-.412-.174.53.53 0 01.009-.748.146.146 0 01.022-.02l1.843-1.641-1.84-1.605a.528.528 0 01-.059-.745l.01-.011a.582.582 0 01.808-.048zm-2.216.647a.534.534 0 00-.283-.717.57.57 0 00-.742.274l-1.86 4.003a.532.532 0 00.283.715c.073.03.151.047.23.047a.564.564 0 00.512-.32l1.86-4.002z",
-            fill: n
+            fill: s
         })
     }));
 };

package/dist/generated/mistica-icons/icon-code-light.js

@@ -8,8 +8,8 @@ Object.defineProperty(exports, "default", {
         return v;
     }
 });
-var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -91,21 +91,21 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     return target;
 }
 var v = function v(_param) {
-    var e = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, m = _param.children, r = _objectWithoutProperties(_param, [
+    var a = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, n = _param.children, c = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), t = ref.colors, i = (0, _themeVariantContextJs.useIsInverseVariant)(), l = e != null ? e : i ? t.inverse : t.neutralHigh;
+    var l = (0, _themeVariantContextJs.useIsInverseVariant)(), i = a != null ? a : l ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: a,
-        height: a,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, c), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M21.837 5.832c0-.67-.563-1.216-1.254-1.216H3.406c-.692 0-1.255.546-1.255 1.216v12.333c0 .67.563 1.216 1.255 1.216h17.177c.692 0 1.255-.546 1.255-1.216V5.832zm-18.43-.42h17.176c.24 0 .434.187.434.42V7.84H2.972V5.832c0-.23.196-.42.434-.42zm17.176 13.17H3.406a.426.426 0 01-.434-.42V8.634h18.045v9.53c0 .232-.196.42-.434.42zM6.89 13.696L8.904 15.5c.165.148.176.4.022.563a.417.417 0 01-.302.126.432.432 0 01-.28-.107l-2.342-2.098a.395.395 0 01-.132-.294c0-.112.05-.218.135-.294l2.341-2.062a.422.422 0 01.58.028.39.39 0 01-.028.563l-2.008 1.77zm-1.117-7.01c0 .303.255.552.572.552.313 0 .568-.25.568-.552a.559.559 0 00-.568-.554.563.563 0 00-.572.554zm2.283.552a.563.563 0 01-.571-.552c0-.305.254-.554.571-.554a.56.56 0 01.571.554.563.563 0 01-.571.552zm-3.997-.552c0 .303.255.552.571.552.317 0 .572-.25.572-.552a.561.561 0 00-.572-.554.563.563 0 00-.571.554zm11.535 4.65l2.342 2.062a.393.393 0 01.002.588l-2.341 2.098a.42.42 0 01-.583-.02.391.391 0 01.022-.563l2.017-1.806-2.011-1.768a.389.389 0 01-.028-.563.422.422 0 01.58-.028zm-2.297.482a.394.394 0 00-.207-.527.418.418 0 00-.544.2l-1.899 4.108a.394.394 0 00.207.527.41.41 0 00.543-.199l1.9-4.11z",
-            fill: l
+            fill: i
         })
     }));
 };

package/dist/generated/mistica-icons/icon-code-regular.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return z;
+        return h;
     }
 });
-var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,22 +90,22 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var z = function z(_param) {
-    var a = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, m = _param.children, l = _objectWithoutProperties(_param, [
+var h = function h(_param) {
+    var a = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, n = _param.children, t = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), r = ref.colors, c = (0, _themeVariantContextJs.useIsInverseVariant)(), n = a != null ? a : c ? r.inverse : r.neutralHigh;
+    var c = (0, _themeVariantContextJs.useIsInverseVariant)(), s = a != null ? a : c ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M21.841 6.019c0-.774-.652-1.404-1.456-1.404H3.615c-.807 0-1.46.63-1.46 1.404v11.958c0 .773.655 1.403 1.46 1.403h16.77c.804 0 1.456-.63 1.456-1.403V6.019zM3.614 5.797h16.773c.127 0 .227.098.227.219v1.73H3.388v-1.73c0-.12.1-.219.226-.219zm16.77 12.398v-.003H3.613a.224.224 0 01-.227-.218V8.932h17.227v9.045c0 .12-.101.218-.227.218zM6.313 7.24a.558.558 0 01-.569-.55c0-.304.255-.548.569-.548.316 0 .569.246.569.549a.558.558 0 01-.57.549zm1.14-.55c0 .303.252.55.569.55a.556.556 0 00.568-.55.558.558 0 00-.568-.548.558.558 0 00-.57.549zM4.6 7.24a.558.558 0 01-.568-.55c0-.304.252-.548.568-.548.317 0 .569.246.569.549a.556.556 0 01-.569.549zm4.398 4.77a.54.54 0 00.04-.781.585.585 0 00-.81-.037l-2.34 2.045a.54.54 0 00-.187.406.54.54 0 00.185.406l2.34 2.082c.108.1.251.148.388.148a.579.579 0 00.42-.176.539.539 0 00-.03-.782l-1.88-1.672 1.874-1.639zm6.684-.82l2.339 2.044a.546.546 0 01.187.406.549.549 0 01-.185.41l-2.339 2.08a.59.59 0 01-.81-.03.539.539 0 01.032-.782l1.88-1.672-1.875-1.639a.54.54 0 01-.039-.781.59.59 0 01.81-.037zm-2.255.66a.544.544 0 00-.289-.73.58.58 0 00-.759.282l-1.896 4.079a.542.542 0 00.288.728.65.65 0 00.236.048.578.578 0 00.523-.328l1.897-4.079z",
-            fill: n
+            fill: s
         })
     }));
 };

package/dist/generated/mistica-icons/icon-coffee-tea-filled.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return f;
+        return m;
     }
 });
-var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,22 +90,22 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var f = function f(_param) {
-    var l = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, o = _param.children, s = _objectWithoutProperties(_param, [
+var m = function m(_param) {
+    var l = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, n = _param.children, r = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), a = ref.colors, t = (0, _themeVariantContextJs.useIsInverseVariant)(), r = l != null ? l : t ? a.inverse : a.neutralHigh;
+    var s = (0, _themeVariantContextJs.useIsInverseVariant)(), t = l != null ? l : s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: e,
-        height: e,
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, s), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M15.807 6.115c.037.075.075.189.037.264l-.226.641c-.15.377.076.83.453.98a.642.642 0 00.264.039.773.773 0 00.716-.49l.265-.717c0-.038 0-.038.037-.076a2.076 2.076 0 00-.188-1.433L16.9 4.87a.367.367 0 01-.038-.34l.377-.64c.151-.378.038-.83-.34-1.019-.377-.226-.83-.113-1.018.264l-.415.717c0 .038-.037.038-.037.075-.264.566-.189 1.207.113 1.735l.264.453zm-5.243 0c.038.075.075.15.038.264l-.264.641a.764.764 0 00.415.98c.113.039.226.039.301.039a.774.774 0 00.717-.49l.264-.717c0-.038.038-.076.038-.076a2.075 2.075 0 00-.189-1.433l-.264-.453a.367.367 0 01-.038-.34l.377-.678c.19-.377.076-.83-.301-1.019-.377-.188-.83-.075-1.019.302l-.377.717s-.038.038-.038.075c-.264.566-.188 1.207.114 1.735l.226.453zm2.64-.34c.076.151.113.302.076.453l-.302.792a.752.752 0 00.453.98.642.642 0 00.264.039.774.774 0 00.716-.49l.302-.83c0-.038 0-.038.038-.076a2.035 2.035 0 00-.227-1.622l-.34-.566c-.112-.15-.112-.377-.037-.565l.415-.793a.776.776 0 00-.302-1.018.776.776 0 00-1.018.302l-.415.83s0 .037-.038.037a2.241 2.241 0 00.113 1.962l.302.565zM5.962 9.17v1.509H4.831a2.27 2.27 0 00-2.264 2.263v3.395A2.27 2.27 0 004.832 18.6H6.3a5.256 5.256 0 004.942 3.394h4.903c2.905 0 5.28-2.376 5.28-5.28V9.17H5.963zm-1.131 7.921a.757.757 0 01-.755-.754v-3.395c0-.415.34-.754.755-.754h1.131v4.526c0 .113 0 .264.038.377H4.83z",
-            fill: r
+            fill: t
         })
     }));
 };

package/dist/generated/mistica-icons/icon-coffee-tea-light.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        return f;
     }
 });
-var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,19 +90,19 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var p = function p(_param) {
-    var l = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, v = _param.children, s = _objectWithoutProperties(_param, [
+var f = function f(_param) {
+    var l = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, h = _param.children, t = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), e = ref.colors, h = (0, _themeVariantContextJs.useIsInverseVariant)(), a = l != null ? l : h ? e.inverse : e.neutralHigh;
+    var s = (0, _themeVariantContextJs.useIsInverseVariant)(), a = l != null ? l : s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, s), {
+    }, t), {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M21.018 19.25a.784.784 0 100-1.569.784.784 0 000 1.568z",

package/dist/generated/mistica-icons/icon-coffee-tea-regular.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return f;
+        return m;
     }
 });
-var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,13 +90,13 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var f = function f(_param) {
-    var a = _param.color, tmp = _param.size, l = tmp === void 0 ? 24 : tmp, h = _param.children, r = _objectWithoutProperties(_param, [
+var m = function m(_param) {
+    var a = _param.color, tmp = _param.size, l = tmp === void 0 ? 24 : tmp, n = _param.children, r = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), e = ref.colors, s = (0, _themeVariantContextJs.useIsInverseVariant)(), t = a != null ? a : s ? e.inverse : e.neutralHigh;
+    var s = (0, _themeVariantContextJs.useIsInverseVariant)(), t = a != null ? a : s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: l,
         height: l,

package/dist/generated/mistica-icons/icon-coins-filled.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return m;
     }
 });
-var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,22 +90,22 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var d = function d(_param) {
-    var e = _param.color, tmp = _param.size, t = tmp === void 0 ? 24 : tmp, o = _param.children, r = _objectWithoutProperties(_param, [
+var m = function m(_param) {
+    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, o = _param.children, s = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), i = ref.colors, s = (0, _themeVariantContextJs.useIsInverseVariant)(), a = e != null ? e : s ? i.inverse : i.neutralHigh;
+    var t = (0, _themeVariantContextJs.useIsInverseVariant)(), n = e != null ? e : t ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: t,
-        height: t,
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, s), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M18.298 10.144a8.151 8.151 0 01-8.15 8.149A8.151 8.151 0 012 10.144C2 5.645 5.65 2 10.149 2c4.499 0 8.149 3.645 8.149 8.144zm.74 0c0-1.08-.195-2.119-.55-3.076a8.106 8.106 0 011.663 4.925 8.151 8.151 0 01-13.079 6.49c.958.355 1.996.55 3.077.55 4.902 0 8.888-3.987 8.888-8.889zM13.85 22A8.151 8.151 0 0022 13.851c0-1.853-.616-3.56-1.664-4.925.356.957.55 1.995.55 3.076 0 4.902-3.987 8.889-8.888 8.889a8.826 8.826 0 01-3.077-.55A8.135 8.135 0 0013.851 22zM12.557 8.158c0-1.124-1.223-2-2.783-2-.521 0-1.028.099-1.47.293a.554.554 0 00.446 1.015c.3-.133.65-.2 1.02-.2.957 0 1.673.47 1.673.892 0 .412-.706.882-1.65.891h-.398l-.021.002a.13.13 0 01-.022.003h-.109v.019a.555.555 0 00-.403.53c0 .252.171.465.403.532v.019h.119c.004 0 .008 0 .013.002a.086.086 0 00.02.002h.398c.896.01 1.65.498 1.65 1.062 0 .579-.768 1.067-1.673 1.067-.437 0-.854-.114-1.176-.323a.558.558 0 00-.768.166.558.558 0 00.166.768c.498.323 1.128.498 1.778.498 1.56 0 2.782-.958 2.782-2.176.005-.635-.332-1.2-.877-1.593.545-.365.882-.886.882-1.47z",
-            fill: a
+            fill: n
         })
     }));
 };

package/dist/generated/mistica-icons/icon-coins-light.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        return f;
     }
 });
-var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,22 +90,22 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var p = function p(_param) {
-    var e = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, h = _param.children, i = _objectWithoutProperties(_param, [
+var f = function f(_param) {
+    var a = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, o = _param.children, t = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), t = ref.colors, n = (0, _themeVariantContextJs.useIsInverseVariant)(), r = e != null ? e : n ? t.inverse : t.neutralHigh;
+    var i = (0, _themeVariantContextJs.useIsInverseVariant)(), n = a != null ? a : i ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: a,
-        height: a,
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M17.957 6.535a8.06 8.06 0 00-1.19-1.062C15.29 3.372 12.873 2 10.148 2 5.654 2 2 5.724 2 10.302a8.336 8.336 0 003.398 6.738A8.264 8.264 0 007.9 19.358C9.39 20.981 11.502 22 13.848 22a8.072 8.072 0 003.882-1 .38.38 0 00.147-.512.365.365 0 00-.503-.15 7.31 7.31 0 01-3.526.909 7.22 7.22 0 01-3.568-.942c.554.12 1.128.188 1.72.188 4.493 0 8.147-3.724 8.147-8.302 0-1.246-.275-2.43-.758-3.492a7.584 7.584 0 011.867 4.999 7.731 7.731 0 01-.858 3.535.385.385 0 00.152.512.37.37 0 00.502-.155A8.414 8.414 0 0022 13.703a8.344 8.344 0 00-4.043-7.168zM2.744 10.297c0-4.163 3.322-7.544 7.403-7.544 4.085 0 7.403 3.386 7.403 7.544 0 4.164-3.323 7.545-7.403 7.545-4.08.004-7.403-3.381-7.403-7.544zM12 19.73a7.25 7.25 0 01-4.54-1.599c.843.3 1.749.469 2.692.469 4.493 0 8.147-3.724 8.147-8.303 0-.96-.162-1.883-.46-2.743a7.62 7.62 0 011.564 4.632c0 4.163-3.322 7.544-7.403 7.544zm.37-8.336c0 1.12-1.166 2.028-2.597 2.028-.612 0-1.209-.169-1.678-.478a.38.38 0 01-.11-.521.364.364 0 01.513-.111c.35.231.8.357 1.275.357 1.004 0 1.857-.585 1.857-1.275s-.82-1.26-1.834-1.275h-.398a.374.374 0 01-.37-.377c0-.208.166-.377.37-.377h.403c.995-.01 1.83-.512 1.83-1.096 0-.594-.849-1.096-1.858-1.096-.394 0-.773.077-1.095.217a.367.367 0 01-.488-.193.382.382 0 01.19-.498 3.459 3.459 0 011.393-.285c1.454 0 2.597.812 2.597 1.85 0 .618-.408 1.155-1.048 1.493.64.372 1.048.966 1.048 1.637zm7.038 8.713a.748.748 0 00.739-.754.747.747 0 00-.74-.753.747.747 0 00-.739.753c0 .416.332.754.74.754z",
-            fill: r
+            fill: n
         })
     }));
 };

package/dist/generated/mistica-icons/icon-coins-regular.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        return f;
     }
 });
-var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,22 +90,22 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var p = function p(_param) {
-    var e = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, h = _param.children, n = _objectWithoutProperties(_param, [
+var f = function f(_param) {
+    var r = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, o = _param.children, t = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), r = ref.colors, s = (0, _themeVariantContextJs.useIsInverseVariant)(), i = e != null ? e : s ? r.inverse : r.neutralHigh;
+    var i = (0, _themeVariantContextJs.useIsInverseVariant)(), n = r != null ? r : i ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, n), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M18.526 7.632a7.91 7.91 0 00-2.144-2.144A7.844 7.844 0 009.858 2C5.525 2 2 5.525 2 9.858a7.85 7.85 0 003.483 6.524 7.908 7.908 0 002.144 2.144A7.85 7.85 0 0014.142 22C18.475 22 22 18.475 22 14.142c.005-2.707-1.38-5.097-3.474-6.51zM3.43 9.858a6.436 6.436 0 016.427-6.427 6.436 6.436 0 016.428 6.427 6.436 6.436 0 01-6.428 6.428c-3.543.004-6.427-2.88-6.427-6.428zm14.286 0a8.19 8.19 0 00-.05-.891c.488.905.767 1.938.767 3.035a6.436 6.436 0 01-6.427 6.428 6.364 6.364 0 01-3.036-.768c.288.036.586.055.887.055 4.334 0 7.859-3.525 7.859-7.859zm-3.57 10.716a6.365 6.365 0 01-3.036-.768c.292.032.59.05.891.05 4.334 0 7.858-3.525 7.858-7.858 0-.302-.018-.6-.05-.892.49.905.768 1.939.768 3.036-.004 3.547-2.889 6.432-6.432 6.432zm-4.65-7.402c1.605 0 2.862-1 2.862-2.276 0-.585-.284-1.125-.755-1.54.467-.371.75-.87.75-1.422 0-1.18-1.257-2.108-2.861-2.108a3.7 3.7 0 00-1.486.297.714.714 0 10.576 1.308 2.25 2.25 0 01.914-.179c.864 0 1.435.412 1.435.682 0 .233-.543.662-1.435.672h-.352a.714.714 0 000 1.426h.352c.823.009 1.435.462 1.435.86 0 .402-.59.85-1.435.85-.388 0-.759-.096-1.038-.28a.716.716 0 00-.772 1.203c.507.33 1.152.508 1.81.508z",
-            fill: i
+            fill: n
         })
     }));
 };