@telefonica/mistica 12.9.1 → 12.11.0

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

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return l;
+        return z;
     }
 });
-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 l = function l(_param) {
-    var c = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, v = _param.children, h = _objectWithoutProperties(_param, [
+var z = function z(_param) {
+    var c = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, n = _param.children, t = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), s = ref.colors, r = (0, _themeVariantContextJs.useIsInverseVariant)(), i = c != null ? c : r ? s.inverse : s.neutralHigh;
+    var h = (0, _themeVariantContextJs.useIsInverseVariant)(), i = c != null ? c : h ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: e,
-        height: e,
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M9.16 11.045c.653.639 1.6.964 2.813.964s2.16-.322 2.818-.964c.683-.663 1.03-1.65 1.03-2.932 0-1.283-.347-2.272-1.03-2.939-.658-.641-1.608-.969-2.818-.969s-2.157.328-2.812.972c-.678.664-1.023 1.655-1.023 2.936 0 1.282.345 2.269 1.023 2.932zm-.24-2.932c0-1.06.263-1.855.784-2.365.501-.495 1.266-.745 2.272-.745 1 0 1.764.25 2.271.745.524.513.787 1.309.787 2.365 0 1.056-.263 1.848-.787 2.358-.507.493-1.271.742-2.274.742-1.003 0-1.768-.249-2.269-.742-.521-.507-.784-1.302-.784-2.358zm-3.656 2.58c.205-.2.532-.3.975-.297.448 0 .779.103.983.302.21.204.317.546.317 1.017 0 .468-.107.81-.317 1.014-.204.199-.535.3-.983.3-.445 0-.776-.101-.978-.3-.207-.205-.313-.546-.313-1.017 0-.47.106-.815.316-1.02zm-.546 2.61c.356.345.868.521 1.524.521.658 0 1.173-.176 1.526-.524.37-.361.558-.896.558-1.59 0-.693-.188-1.23-.558-1.592-.355-.347-.868-.524-1.526-.524-.656 0-1.168.18-1.524.527-.367.361-.555.896-.555 1.591s.188 1.23.555 1.591zm12.056-2.625c.204-.199.535-.3.983-.3.446 0 .776.101.978.3.21.208.316.55.316 1.02 0 .468-.106.81-.313 1.014-.205.199-.533.3-.98.3-.449 0-.78-.101-.984-.3-.21-.204-.317-.546-.317-1.014 0-.47.107-.815.317-1.02zm-1.1 1.02c0 .695.187 1.23.557 1.591.355.345.868.521 1.526.518.659 0 1.171-.173 1.527-.52.37-.362.555-.897.555-1.589 0-.695-.188-1.232-.555-1.594-.356-.347-.868-.524-1.527-.524-.658 0-1.17.177-1.526.527-.37.361-.558.896-.558 1.591zm5.383 5.933h-2.275c-.072-.989-.403-1.843-.966-2.496h1.207c.659 0 1.194.19 1.547.566.322.336.487.815.487 1.38v.55zm-3.045.42v.941H5.936v-.941c0-1.03.306-1.9.886-2.513.636-.67 1.602-1.028 2.81-1.028h4.677c1.207 0 2.182.359 2.818 1.028.58.617.885 1.485.885 2.513zM5.17 17.648H2.94v-.552c0-.566.174-1.045.488-1.378.353-.373.888-.566 1.546-.566h1.154c-.563.653-.888 1.507-.958 2.496zm16.672-.566c0-.773-.243-1.443-.706-1.93-.504-.535-1.232-.813-2.109-.815h-2.165c-.698-.415-1.56-.622-2.55-.622H9.635c-.997 0-1.868.216-2.566.639H4.973c-.88 0-1.608.28-2.112.803-.462.496-.706 1.166-.706 1.939v.706a.638.638 0 00.636.641h2.361v.91c.003.244.2.44.44.44h12.765a.44.44 0 00.44-.44v-.924h2.417a.634.634 0 00.627-.638v-.71z",
             fill: i

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

@@ -8,8 +8,8 @@ Object.defineProperty(exports, "default", {
         return a;
     }
 });
-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 a = function a(_param) {
-    var c = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, v = _param.children, t = _objectWithoutProperties(_param, [
+    var c = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, v = _param.children, t = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), r = ref.colors, m = (0, _themeVariantContextJs.useIsInverseVariant)(), n = c != null ? c : m ? r.inverse : r.neutralHigh;
+    var m = (0, _themeVariantContextJs.useIsInverseVariant)(), i = c != null ? c : m ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: e,
-        height: e,
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M9.23 11.045c.637.639 1.558.964 2.743.964 1.182 0 2.104-.325 2.748-.964.666-.666 1.003-1.652 1.003-2.932s-.34-2.27-1.003-2.939c-.639-.641-1.563-.969-2.745-.969-1.185 0-2.107.325-2.745.97-.661.669-.998 1.655-.998 2.938 0 1.28.334 2.269.998 2.932zm.258-2.932c0-.914.205-1.586.614-1.998.398-.397 1.025-.6 1.868-.6.846 0 1.476.203 1.874.603.412.412.62 1.081.62 1.995 0 .91-.208 1.58-.617 1.988-.398.395-1.03.597-1.877.597-.846 0-1.476-.199-1.871-.597-.403-.409-.61-1.078-.61-1.988zm-3.823 2.182c.11-.112.342-.174.658-.177.314 0 .55.062.661.174.154.154.177.504.177.7 0 .193-.023.543-.174.695-.112.112-.347.174-.664.174-.316 0-.549-.06-.661-.171-.148-.152-.17-.502-.17-.695 0-.196.022-.55.173-.7zm-.874 2.339c.356.358.871.537 1.532.537.658 0 1.177-.179 1.535-.532.373-.375.56-.927.56-1.641 0-.717-.187-1.27-.56-1.645-.358-.358-.874-.54-1.535-.54-.661 0-1.176.182-1.532.54-.37.373-.558.925-.558 1.642 0 .714.188 1.266.558 1.639zm12.213-2.286c.106-.11.33-.168.638-.165.3 0 .527.058.63.162.144.146.166.485.166.672 0 .32-.059.563-.162.667-.104.104-.334.163-.634.163-.302 0-.535-.062-.638-.166-.143-.143-.166-.479-.166-.664 0-.187.02-.524.166-.67zm-1.426.67c0 .702.185 1.246.552 1.61.353.35.86.53 1.507.53.65 0 1.157-.177 1.507-.53.364-.364.549-.908.549-1.61 0-.704-.185-1.247-.546-1.614-.35-.353-.86-.532-1.507-.532-.653 0-1.16.179-1.51.532-.367.367-.552.908-.552 1.613zm5.006 6.35h-1.998c-.067-.74-.246-1.415-.56-1.984l.824.003c.574 0 1.033.168 1.327.487.267.292.407.71.407 1.208v.285zm-3.216.577v.535s-10.784 0-10.784-.003v-.535c0-.986.257-1.804.745-2.367.658-.756 1.644-.916 2.358-.916h4.566c.714 0 1.703.16 2.364.919.49.565.75 1.383.75 2.367zm-12.003-.56s-1.952 0-1.952-.004v-.288c0-.499.143-.916.409-1.204.291-.32.75-.488 1.327-.488l.768-.003c-.311.572-.487 1.247-.552 1.986zm16.476-.303c0-.846-.26-1.577-.756-2.115-.535-.583-1.308-.89-2.238-.894h-2.014c-.7-.473-1.571-.725-2.583-.725H9.687c-1.02 0-1.902.258-2.605.742H5.15c-.93 0-1.703.311-2.238.894-.495.537-.756 1.266-.756 2.112v.703c0 .493.387.896.86.896h2.31v.625c0 .26.191.47.427.47H18.2c.235 0 .426-.21.426-.47v-.642h2.355c.474 0 .86-.4.86-.893v-.703z",
-            fill: n
+            fill: i
         })
     }));
 };

package/dist/generated/mistica-icons/icon-guarantee-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,19 +90,19 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var d = function d(_param) {
-    var e = _param.color, tmp = _param.size, t = tmp === void 0 ? 24 : tmp, h = _param.children, n = _objectWithoutProperties(_param, [
+var v = function v(_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 = (0, _hooksJs.useTheme)(), a = ref.colors, i = (0, _themeVariantContextJs.useIsInverseVariant)(), s = e != null ? e : i ? a.inverse : a.neutralHigh;
+    var n = (0, _themeVariantContextJs.useIsInverseVariant)(), s = e != null ? e : n ? _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"
-    }, n), {
+    }, i), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M18.228 4.194c-.2-.032-.4-.05-.606-.05a4.06 4.06 0 00-2.926 1.243H5.009C5.105 3.504 6.657 2 8.555 2h6.4c1.475 0 2.736.91 3.273 2.194zm.282 11.165v2.176H5V6.46h8.95a4.103 4.103 0 001.366 5.178v4.292a.354.354 0 00.604.25l1.702-1.708.888.886zM8.555 22h6.4c1.898 0 3.45-1.503 3.546-3.386H5.009C5.105 20.492 6.657 22 8.555 22zm9.067-9.642c-.569 0-1.11-.12-1.602-.325v3.035l1.348-1.353a.348.348 0 01.5 0l1.348 1.353v-3.035a3.986 3.986 0 01-1.594.325zm0-.713A3.39 3.39 0 0021 8.252a3.386 3.386 0 00-3.378-3.39 3.389 3.389 0 00-3.377 3.39 3.389 3.389 0 003.377 3.392zm1.958-3.392a1.961 1.961 0 01-1.957 1.966 1.961 1.961 0 01-1.958-1.966c0-1.087.874-1.965 1.957-1.965 1.084 0 1.958.882 1.958 1.965zm-3.2-.004c0-.686.555-1.248 1.242-1.248a1.247 1.247 0 010 2.495 1.247 1.247 0 01-1.242-1.247z",
             fill: s

package/dist/generated/mistica-icons/icon-guarantee-light.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 e = _param.color, tmp = _param.size, t = tmp === void 0 ? 24 : tmp, v = _param.children, r = _objectWithoutProperties(_param, [
+var m = function m(_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 = (0, _hooksJs.useTheme)(), c = ref.colors, s = (0, _themeVariantContextJs.useIsInverseVariant)(), n = e != null ? e : s ? c.inverse : c.neutralHigh;
+    var s = (0, _themeVariantContextJs.useIsInverseVariant)(), i = e != null ? e : s ? _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), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M19.26 15.935v-4.294A4.162 4.162 0 0021 8.257c0-2.15-1.607-3.91-3.655-4.094C16.913 2.883 15.715 2 14.389 2h-6.26C6.403 2 5 3.44 5 5.215v13.57C5 20.559 6.402 22 8.13 22h6.259c1.727 0 3.13-1.44 3.13-3.215V16.64a.353.353 0 00-.348-.357.353.353 0 00-.347.357v2.145c0 1.381-1.09 2.502-2.435 2.502h-6.26c-1.344 0-2.435-1.121-2.435-2.502v-.357H13c.191 0 .347-.16.347-.357a.353.353 0 00-.347-.356H5.694V6.28h7.791A4.218 4.218 0 0013 8.247c0 1.41.69 2.649 1.74 3.39v4.294a.36.36 0 00.214.33c.13.054.28.022.379-.078l1.665-1.711 1.67 1.715a.343.343 0 00.378.078.355.355 0 00.213-.33zm-3.482 2.141a.705.705 0 00-.694-.713.705.705 0 00-.695.713c0 .393.312.713.695.713.382 0 .694-.32.694-.713zM14.389 2.713c.953 0 1.812.581 2.208 1.45a3.953 3.953 0 00-2.627 1.409H5.694v-.357c0-1.381 1.091-2.502 2.436-2.502h6.259zm2.845 11.004a.335.335 0 00-.49 0l-1.318 1.354v-3.037c.481.206 1.01.325 1.567.325a3.92 3.92 0 001.559-.32v3.032l-1.318-1.354zm-3.54-5.465c0-1.875 1.483-3.394 3.304-3.394 1.82 0 3.303 1.523 3.303 3.394 0 1.87-1.482 3.393-3.303 3.393s-3.304-1.522-3.304-3.393zm3.304 1.967c1.06 0 1.914-.883 1.914-1.967 0-1.089-.855-1.967-1.914-1.967-1.06 0-1.915.883-1.915 1.967 0 1.088.855 1.967 1.915 1.967zm-1.216-1.967c0-.686.548-1.248 1.216-1.248.668 0 1.215.557 1.215 1.248 0 .686-.547 1.249-1.215 1.249s-1.216-.558-1.216-1.249z",
-            fill: n
+            fill: i
         })
     }));
 };

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

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return u;
+        return c;
     }
 });
-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 u = function u(_param) {
-    var a = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, l = _param.children, n = _objectWithoutProperties(_param, [
+var c = function c(_param) {
+    var a = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, m = _param.children, n = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), r = ref.colors, s = (0, _themeVariantContextJs.useIsInverseVariant)(), i = a != null ? a : s ? r.inverse : r.neutralHigh;
+    var s = (0, _themeVariantContextJs.useIsInverseVariant)(), i = a != null ? a : s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,

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

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return u;
+        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 u = function u(_param) {
-    var e = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, o = _param.children, t = _objectWithoutProperties(_param, [
+var m = function m(_param) {
+    var c = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, n = _param.children, t = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), h = ref.colors, i = (0, _themeVariantContextJs.useIsInverseVariant)(), n = e != null ? e : i ? h.inverse : h.neutralHigh;
+    var i = (0, _themeVariantContextJs.useIsInverseVariant)(), s = c != null ? c : i ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: c,
-        height: c,
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M12.002 2C9.14 2 6.712 3.868 5.854 6.447h4.48c.502 0 .948.308 1.161.74h1.01c.213-.432.659-.74 1.161-.74h4.485C17.293 3.867 14.866 2 12.002 2zm1.484 5.74c0-.085.1-.184.185-.184h2.034v.924c0 .474-.261.74-.74.74h-.924c-.232 0-.555 0-.555-.74v-.74zM8.3 7.557v.924c0 .479.266.74.74.74h.924c.232 0 .555 0 .555-.74v-.74c0-.085-.1-.184-.185-.184H8.3zm10.187.924a6.492 6.492 0 01-3.977 5.978c4.304.83 7.49 3.73 7.49 7.172V22H2v-.37c0-3.446 3.19-6.347 7.495-7.172A6.485 6.485 0 015.517 8.48c0-.313.034-.62.076-.924h1.593v.924c0 1.09.763 1.854 1.854 1.854h.924c1.048 0 1.669-.692 1.669-1.854v-.185h.74v.185c0 1.162.625 1.854 1.668 1.854h.924c1.09 0 1.854-.763 1.854-1.854v-.924h1.593c.047.303.075.611.075.924z",
-            fill: n
+            fill: s
         })
     }));
 };

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

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return u;
+        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 u = function u(_param) {
-    var c = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, o = _param.children, r = _objectWithoutProperties(_param, [
+var m = function m(_param) {
+    var c = _param.color, tmp = _param.size, h = tmp === void 0 ? 24 : tmp, n = _param.children, t = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), h = ref.colors, s = (0, _themeVariantContextJs.useIsInverseVariant)(), a = c != null ? c : s ? h.inverse : h.neutralHigh;
+    var a = (0, _themeVariantContextJs.useIsInverseVariant)(), s = c != null ? c : a ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: e,
-        height: e,
+        width: h,
+        height: h,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M20.827 19.454a.372.372 0 00.153-.497c-1.168-2.28-3.673-3.916-6.699-4.5 2.29-.98 3.902-3.289 3.902-5.977 0-3.574-2.854-6.48-6.365-6.48-3.51 0-6.364 2.906-6.364 6.48 0 2.688 1.611 4.997 3.906 5.978C5.133 15.283 2 18.184 2 21.63c0 .204.163.37.363.37.2 0 .363-.166.363-.37 0-3.674 4.078-6.665 9.092-6.665 3.767 0 7.193 1.745 8.515 4.338a.366.366 0 00.494.151zM11.818 2.74c2.403 0 4.456 1.54 5.266 3.702h-3.808c-.48 0-.88.317-1.03.754l-.023-.007a.141.141 0 00-.041-.008h-.727a.141.141 0 00-.041.008.267.267 0 01-.024.007 1.093 1.093 0 00-1.029-.754H6.553c.81-2.162 2.863-3.702 5.265-3.702zm4.004 4.441v1.11a1.1 1.1 0 01-1.09 1.109h-.725a1.1 1.1 0 01-1.09-1.11v-.739c0-.204.163-.37.363-.37h2.542zm-7.998 0h2.542c.2 0 .363.166.363.37v.74A1.1 1.1 0 019.64 9.4h-.726a1.1 1.1 0 01-1.089-1.11V7.182zm-1.49-.004c.005 0 .01 0 .014.002l.014.002h.726v1.11c0 1.019.815 1.853 1.82 1.853h.727c1 0 1.82-.83 1.82-1.853v-.37h.727v.37c0 1.019.814 1.853 1.82 1.853h.726c1.001 0 1.82-.83 1.82-1.853V7.18h.727c.004 0 .009 0 .014-.002l.014-.002c.097.417.153.853.153 1.303 0 3.167-2.528 5.74-5.638 5.74s-5.637-2.573-5.637-5.74c0-.45.056-.882.153-1.303zM22 21.256c0 .408-.325.74-.726.74a.733.733 0 01-.727-.74c0-.409.326-.74.727-.74.4 0 .726.331.726.74z",
-            fill: a
+            fill: s
         })
     }));
 };

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

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return u;
+        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 u = function u(_param) {
-    var e = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, v = _param.children, t = _objectWithoutProperties(_param, [
+var m = function m(_param) {
+    var r = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, n = _param.children, a = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), h = ref.colors, s = (0, _themeVariantContextJs.useIsInverseVariant)(), a = e != null ? e : s ? h.inverse : h.neutralHigh;
+    var s = (0, _themeVariantContextJs.useIsInverseVariant)(), t = r != null ? r : s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, a), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M15.533 14.314a6.668 6.668 0 003.134-5.647A6.676 6.676 0 0012 2a6.676 6.676 0 00-6.667 6.667 6.668 6.668 0 003.135 5.647C4.65 15.348 2 18.03 2 21.26a.74.74 0 001.48 0c0-3.267 3.821-5.927 8.52-5.927s8.52 2.66 8.52 5.927a.74.74 0 001.48 0c0-3.229-2.65-5.912-6.467-6.946zM12 3.479a5.19 5.19 0 014.68 2.964h-3.011c-.503 0-.948.308-1.162.74h-1.01a1.315 1.315 0 00-1.161-.74H7.325A5.178 5.178 0 0112 3.479zm1.669 4.073h2.039v.925c0 .479-.26.74-.74.74h-.93c-.232 0-.554 0-.554-.74v-.74c-.005-.085.095-.185.185-.185zm-5.372 0h2.034c.085 0 .185.1.185.185v.74c0 .74-.322.74-.555.74h-.924c-.48 0-.74-.266-.74-.74v-.925zm-1.361.005h.247v.925c0 1.09.763 1.854 1.854 1.854h.924c1.043 0 1.67-.693 1.67-1.854v-.185h.739v.185c0 1.161.621 1.854 1.669 1.854h.925c1.09 0 1.853-.764 1.853-1.854v-.925h.247c.08.36.123.73.123 1.11A5.195 5.195 0 0112 13.854a5.195 5.195 0 01-5.187-5.187c0-.384.042-.754.123-1.11z",
-            fill: a
+            fill: t
         })
     }));
 };

package/dist/generated/mistica-icons/icon-hamburguer-filled.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 c = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, n = _param.children, h = _objectWithoutProperties(_param, [
+    var c = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, i = _param.children, e = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), e = ref.colors, r = (0, _themeVariantContextJs.useIsInverseVariant)(), t = c != null ? c : r ? e.inverse : e.neutralHigh;
+    var h = (0, _themeVariantContextJs.useIsInverseVariant)(), s = c != null ? c : h ? _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"
-    }, h), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M21.84 7.646c0-.692-.264-1.104-.488-1.325a1.444 1.444 0 00-.84-.443l-.104-.007-.02-.001c-.549-.02-2.215-.006-2.215-.006V3.727c0-.868-.678-1.571-1.513-1.571-.832 0-1.512.706-1.512 1.571v2.137h-1.939c-.639 0-1.025.252-1.238.465-.218.222-.482.63-.482 1.322 0 .695.264 1.101.485 1.323.098.095.207.173.325.238l.01.287V9.5l.029.72h.213c1.667 0 2.798.644 3.507 1.916.305.546.53 1.21.68 1.994.011.06.024.116.037.174.015.066.03.133.042.205.227.112.443.246.622.425.496.496.748 1.196.748 2.084 0 .888-.255 1.589-.75 2.084a2.338 2.338 0 01-.937.555l-.027.1c-.241.87-.457 1.628-1.2 2.08h3.02a.7.7 0 00.168-.02c1.846-.41 2.14-2.05 2.154-3.757.003-.075.082-1.826.174-3.781.069-1.457.118-2.524.154-3.304v-.004l.084-1.762c.118-.065.23-.143.325-.238.224-.219.487-.628.487-1.325zm-1.23 0c0 .137-.02.314-.11.403-.092.09-.28.104-.383.104h-6.905c-.126 0-.297-.017-.384-.104-.087-.087-.106-.266-.106-.403 0-.135.02-.317.106-.404.09-.09.258-.106.384-.106h6.905c.129 0 .297.017.383.106.09.087.11.27.11.404zm-5.98 6.762H4.71c.37-1.731 1.135-2.185 2.16-2.3a.56.56 0 00.073-.014h.076a5.06 5.06 0 01.742.003l3.857-.003a3 3 0 01.27-.011.754.754 0 01.083-.006c.157 0 .297.011.434.025.51.05.922.194 1.25.446.476.367.79.96.974 1.86zm-.32 5.151a3.58 3.58 0 01-.16.454c-.16.364-.364.476-.876.53l-.233.002-.717.014a4.538 4.538 0 01-.44.008c-.095 0-.19-.002-.305-.008l-3.854.003c-.135.005-.972.014-1.104.014-1.008 0-1.277-.188-1.566-1.017h9.255zm-9.975-2.636c-.372-.39-.605-.804-.692-1.238h4.519c-.087.434-.314.849-.69 1.238-.473.49-.991.748-1.532.76h-.036c-.555 0-1.081-.256-1.569-.76zm11.266 2.602l.026-.092c.336-.11.627-.277.857-.515.46-.457.692-1.107.692-1.928 0-.635-.143-1.165-.42-1.585a1.98 1.98 0 00-.27-.342 2.113 2.113 0 00-.577-.395 9.01 9.01 0 00-.162-.787 6.35 6.35 0 00-.055-.191l-.023-.08a6.992 6.992 0 00-.173-.502c-.027-.07-.053-.141-.082-.207a4.281 4.281 0 00-.247-.48 3.47 3.47 0 00-.47-.624 2.966 2.966 0 00-1.58-.857 4.923 4.923 0 00-.765-.112 3.777 3.777 0 01-.138-.012c-.08-.008-.16-.016-.248-.016a.85.85 0 00-.044.001l-.04.002a5.346 5.346 0 00-.312.014l-3.767.002a5.9 5.9 0 00-.832-.002h-.176a.554.554 0 00-.205.039c-2.314.336-2.938 2.252-3.174 3.812a2.12 2.12 0 00-.577.398c-.456.46-.689 1.106-.689 1.927 0 .82.233 1.468.692 1.927.244.241.538.41.88.518.406 1.367.835 2.398 2.896 2.398l4.925-.002.316.002h.513s.733-.002.98-.02c.305-.016.55-.097.77-.181a1.899 1.899 0 00.541-.311 2.007 2.007 0 00.583-.748c.148-.32.252-.675.355-1.05z",
-            fill: t
+            fill: s
         })
     }));
 };

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

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return H;
+        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 H = function H(_param) {
-    var c = _param.color, tmp = _param.size, h = tmp === void 0 ? 24 : tmp, i = _param.children, r = _objectWithoutProperties(_param, [
+var v = function v(_param) {
+    var c = _param.color, tmp = _param.size, h = tmp === void 0 ? 24 : tmp, i = _param.children, a = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), e = ref.colors, s = (0, _themeVariantContextJs.useIsInverseVariant)(), t = c != null ? c : s ? e.inverse : e.neutralHigh;
+    var e = (0, _themeVariantContextJs.useIsInverseVariant)(), s = c != null ? c : e ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: h,
         height: h,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, a), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M18.09 5.943s1.647-.005 2.196 0c.08 0 .281.028.37.04l.044.005c.283.059.521.18.709.364.286.286.431.69.431 1.196 0 .507-.145.908-.431 1.194-.11.112-.244.193-.392.26l-.03.646a5057.33 5057.33 0 00-.283 6.098l-.113 2.435c-.014 1.743-.26 3.555-2.036 3.659-.031.003-.126-.003-.126-.003h-.104s-.199 0-.238.003l-.26-.003h-2.239l-.238.003H6.501c-2.01 0-2.361-.956-2.79-2.423-.36-.101-.672-.26-.918-.507-.426-.426-.642-1.034-.642-1.81 0-.773.213-1.384.639-1.81.18-.179.395-.313.636-.417.344-2.383 1.3-3.644 3.103-3.826.093-.008.275-.017.37-.02.199-.008.798-.014.798-.014h4.886l-.016-.44c-.031-.88-.047-1.328-.057-1.57a1.332 1.332 0 01-.392-.261c-.283-.286-.429-.687-.429-1.194 0-.507.146-.907.429-1.193.271-.272.647-.412 1.114-.412h2.197v-2.42c0-.753.59-1.367 1.319-1.367.75 0 1.342.614 1.342 1.367v2.42zm-1.835-2.42v2.429h1.006V3.523a.498.498 0 00-.49-.507.505.505 0 00-.516.507zm4.574 4.597c.118-.118.174-.308.171-.574 0-.267-.059-.457-.177-.575-.114-.114-.294-.17-.54-.17H13.23c-.247 0-.426.056-.538.17-.118.118-.177.308-.177.575 0 .266.06.456.177.574.11.112.291.168.538.168v.011h7.058c.247 0 .426-.064.541-.18zm-.857 5.37l.033-.719c.07-1.505.135-2.918.169-3.612h-6.83l.008.203c.017.45.042 1.095.068 1.842a2.942 2.942 0 011.373.97c.115-.239.274-.471.49-.696.47-.487.964-.708 1.507-.725.507.008.994.25 1.448.72.454.47.686.977.698 1.504.01.552-.224 1.076-.695 1.569-.462.479-.955.722-1.474.722h-.033a1.751 1.751 0 01-.398-.059c.014.012.028.022.042.032.022.016.043.031.062.05.425.425.641 1.033.641 1.81 0 .775-.215 1.386-.641 1.809-.244.243-.552.403-.908.504l-.061.218c-.14.507-.275.964-.516 1.328a2.557 2.557 0 00.602.02h2.295c.187.008.308.011.44 0h.041a.317.317 0 00.014-.004c.01-.002.019-.005.028-.005.86-.09 1.362-.58 1.381-2.806 0-.023.009-.244.216-4.675zm-6.54 7.445c.372-.056.61-.162.772-.359.19-.224.292-.563.435-1.075H4.597c.353 1.137.619 1.487 1.899 1.487.137 0 1.02-.005 1.145-.017h3.922c.303.02.538.017.779 0l.958-.014c.039-.004.07-.01.102-.016l.03-.006zm1.98-7.908c.008.297.16.6.456.908.297.308.594.465.877.47h.017c.288 0 .59-.156.89-.467.306-.32.457-.636.452-.944-.003-.3-.157-.605-.454-.913-.294-.306-.591-.463-.877-.468h-.011c-.294 0-.594.16-.896.473-.306.32-.46.636-.454.941zm-12.053 5.26c.196.197.47.312.817.354v.003H15.04c.35-.045.628-.157.82-.353.259-.258.39-.659.39-1.19 0-.536-.131-.936-.39-1.191-.226-.227-.565-.348-.996-.367h-6.91c-.08.45-.309.888-.704 1.297-.479.498-.994.753-1.526.764H5.69c-.546 0-1.07-.257-1.56-.764a2.67 2.67 0 01-.636-1.037l-.034.025c-.034.025-.068.05-.098.079-.255.255-.386.655-.386 1.19 0 .535.129.936.384 1.19zm3.745-2.744H4.277l.003.003v.002c.07.225.213.454.434.684.334.347.692.53.992.512.314-.005.636-.179.958-.512.224-.23.367-.462.44-.69zm6.35-3.387a2.329 2.329 0 00-.84-.258 20.979 20.979 0 00-1.026-.025H7.664s-.7-.002-.933.014c-1.4.087-2.126.975-2.445 2.796h10.658c-.238-1.34-.7-2.135-1.49-2.527z",
-            fill: t
+            fill: s
         })
     }));
 };

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

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return u;
+        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,19 +90,19 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var u = function u(_param) {
-    var c = _param.color, tmp = _param.size, h = tmp === void 0 ? 24 : tmp, i = _param.children, r = _objectWithoutProperties(_param, [
+var v = function v(_param) {
+    var c = _param.color, tmp = _param.size, l = tmp === void 0 ? 24 : tmp, i = _param.children, e = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), l = ref.colors, a = (0, _themeVariantContextJs.useIsInverseVariant)(), t = c != null ? c : a ? l.inverse : l.neutralHigh;
+    var a = (0, _themeVariantContextJs.useIsInverseVariant)(), t = c != null ? c : a ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: h,
-        height: h,
+        width: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M18.293 21.834h-.11v.002l-10.417.003c-.07.007-.615.003-.936.001h-.215c-2.059 0-2.487-1.029-2.893-2.396a2.156 2.156 0 01-.883-.52c-.454-.457-.689-1.107-.689-1.928 0-.82.233-1.47.69-1.93.164-.168.363-.291.576-.398.238-1.56.86-3.476 3.177-3.81a2.194 2.194 0 01.378-.038c.12-.002.287 0 .463 0 .123.002.25.002.369.002l3.77-.002c.063.001.135 0 .214-.001l.184-.002c.137 0 .258.005.386.014l-.032-.901-.026-.721a1.586 1.586 0 01-.325-.238c-.222-.224-.485-.63-.485-1.325 0-.692.263-1.104.482-1.322.305-.311.723-.465 1.238-.465h1.941V3.722c0-.869.68-1.572 1.513-1.572.834 0 1.512.706 1.512 1.572v2.137h2.21a.93.93 0 01.127.005c.336.043.619.236.84.46.221.218.484.63.484 1.322 0 .695-.263 1.104-.484 1.325-.098.095-.21.17-.328.238-.022.501-.076 1.642-.199 4.272l-.057 1.227-.153 3.35c-.017 1.706-.286 3.495-2.151 3.764-.065.012-.11.012-.171.012zm-1.91-18.11c0-.162.126-.294.283-.294.156 0 .282.132.282.294V5.87h-.565V3.724zM20.5 8.05c.09-.086.107-.266.11-.4 0-.135-.02-.317-.11-.404-.087-.09-.255-.106-.384-.106h-6.904c-.126 0-.294.017-.381.104-.09.086-.11.269-.11.403 0 .137.017.317.107.406.087.087.255.104.381.104v.011h6.905v-.011c.129 0 .3-.017.386-.107zm-.902 5.373l.012-.242c.069-1.478.136-2.925.176-3.733h-6.244c.01.369.03.876.053 1.46l.006.165c.429.162.798.4 1.112.72.098-.154.216-.303.356-.448.501-.524 1.036-.77 1.624-.774.552.009 1.079.266 1.564.765.484.501.733 1.048.745 1.622.01.596-.238 1.168-.743 1.689-.462.482-.966.731-1.495.76.277.422.422.952.422 1.587 0 .821-.232 1.468-.694 1.928-.241.238-.53.406-.866.515l-.028.092c-.103.376-.207.731-.353 1.048h.037c.067 0 .129-.003.19-.009l2.255-.002c.202.014.297.01.42.002h.026a.236.236 0 00.04-.004l.007-.001c.625-.067 1.146-.303 1.165-2.53 0-.025 0-.033.213-4.61zm-3.658-1.18c-.258.267-.384.524-.38.762.002.23.13.48.38.737.252.258.49.392.714.395.247-.014.48-.126.734-.392.258-.269.39-.527.384-.765-.006-.232-.132-.481-.384-.742-.246-.258-.487-.39-.709-.392h-.01c-.23 0-.474.131-.729.398zM4.509 18.286h10.316c.353-.026.636-.11.813-.286.21-.207.316-.546.316-1.006 0-.46-.106-.8-.317-1.01-.19-.189-.495-.287-.89-.295H8.215c-.11.42-.342.824-.71 1.204-.509.53-1.06.802-1.64.813h-.037c-.588 0-1.151-.272-1.672-.813a3.047 3.047 0 01-.552-.781c-.143.21-.219.501-.219.882 0 .46.104.799.311 1.006.177.176.46.26.813.286zm8.767 2.26c.51-.059.715-.168.877-.532.052-.118.098-.262.155-.438l.005-.013H5.058c.285.823.554 1.014 1.563 1.014.131 0 .972-.009 1.106-.017l3.854-.003.746.003.717-.011.232-.003zm-6.403-4.857H4.786c.067.1.14.202.24.303.284.296.52.448.819.44.246-.006.515-.155.79-.44.098-.104.173-.202.238-.303zm.89-3.588a13.398 13.398 0 00-.747-.003l-.14.017c-1.026.112-1.793.571-2.16 2.3h9.913c-.188-.9-.498-1.496-.977-1.863-.328-.252-.737-.395-1.247-.443a3.042 3.042 0 00-.332-.009h-.102l-.093.001c-.09 0-.176.001-.26-.003l-3.854.003z",
             fill: t

package/dist/generated/mistica-icons/icon-hand-connected-filled.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,13 +90,13 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var p = function p(_param) {
-    var e = _param.color, tmp = _param.size, s = tmp === void 0 ? 24 : tmp, h = _param.children, i = _objectWithoutProperties(_param, [
+var f = function f(_param) {
+    var e = _param.color, tmp = _param.size, s = tmp === void 0 ? 24 : tmp, o = _param.children, i = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), c = ref.colors, r = (0, _themeVariantContextJs.useIsInverseVariant)(), t = e != null ? e : r ? c.inverse : c.neutralHigh;
+    var n = (0, _themeVariantContextJs.useIsInverseVariant)(), t = e != null ? e : n ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
         width: s,
         height: s,

package/dist/generated/mistica-icons/icon-hand-connected-light.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return m;
+        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 m = function m(_param) {
-    var c = _param.color, tmp = _param.size, t = tmp === void 0 ? 24 : tmp, o = _param.children, n = _objectWithoutProperties(_param, [
+var f = function f(_param) {
+    var c = _param.color, tmp = _param.size, t = tmp === void 0 ? 24 : tmp, l = _param.children, a = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), v = ref.colors, a = (0, _themeVariantContextJs.useIsInverseVariant)(), s = c != null ? c : a ? v.inverse : v.neutralHigh;
+    var r = (0, _themeVariantContextJs.useIsInverseVariant)(), s = c != null ? c : r ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, n), {
+    }, a), {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M16.881 7.356a.72.72 0 01-.727.712.72.72 0 01-.728-.712.72.72 0 01.728-.712.72.72 0 01.727.712zm-9.105.356c0-1.572 1.313-2.856 2.912-2.856S13.6 6.14 13.6 7.712c0 .216.147.356.366.356.218 0 .366-.144.366-.356 0-1.964-1.64-3.568-3.644-3.568-2.005 0-3.64 1.604-3.64 3.568 0 .216.147.356.366.356s.362-.14.362-.356z",

package/dist/generated/mistica-icons/icon-hand-connected-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,19 +90,19 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var p = function p(_param) {
-    var a = _param.color, tmp = _param.size, s = tmp === void 0 ? 24 : tmp, o = _param.children, v = _objectWithoutProperties(_param, [
+var f = function f(_param) {
+    var a = _param.color, tmp = _param.size, s = tmp === void 0 ? 24 : tmp, l = _param.children, r = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), t = ref.colors, n = (0, _themeVariantContextJs.useIsInverseVariant)(), c = a != null ? a : n ? t.inverse : t.neutralHigh;
+    var t = (0, _themeVariantContextJs.useIsInverseVariant)(), c = a != null ? a : t ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
         width: s,
         height: s,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, v), {
+    }, r), {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M8.42 8.067c0-1.392 1.107-2.5 2.498-2.5a2.485 2.485 0 012.498 2.5c0 .396.324.716.715.716a.72.72 0 00.716-.716c0-2.18-1.75-3.927-3.925-3.927a3.921 3.921 0 00-3.93 3.927.714.714 0 101.427 0z",

package/dist/generated/mistica-icons/icon-hand-down-filled.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return m;
+        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,16 +90,16 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var m = function m(_param) {
-    var e = _param.color, tmp = _param.size, n = tmp === void 0 ? 24 : tmp, c = _param.children, i = _objectWithoutProperties(_param, [
+var h = function h(_param) {
+    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, a = _param.children, i = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), t = ref.colors, s = (0, _themeVariantContextJs.useIsInverseVariant)(), o = e != null ? e : s ? t.inverse : t.neutralHigh;
+    var s = (0, _themeVariantContextJs.useIsInverseVariant)(), o = e != null ? e : s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: n,
-        height: n,
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, i), {