@telefonica/mistica 12.9.1 → 12.11.0

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

@@ -77,16 +77,17 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-import { useTheme as r } from "../../hooks.js";
-import { useIsInverseVariant as s } from "../../theme-variant-context.js";
+import { useTheme as n } from "../../hooks.js";
+import { useIsInverseVariant as o } from "../../theme-variant-context.js";
+import { vars as t } from "../../skins/skin-contract.css-mistica.js";
 import { jsx as l } from "../../_virtual/jsx-runtime.js";
-var f = function(_param) {
-    var e = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, o = _param.children, h = _objectWithoutProperties(_param, [
+var d = function(_param) {
+    var e = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, s = _param.children, h = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = r(), i = ref.skinName, c = ref.colors, n = s(), t = e != null ? e : n ? c.inverse : c.neutralHigh;
+    var r = o(), c = e != null ? e : r ? t.colors.inverse : t.colors.neutralHigh, ref = n(), i = ref.skinName;
     return i.match(/^o2/i) ? /* @__PURE__ */ l("svg", _objectSpreadProps(_objectSpread({
         width: a,
         height: a,
@@ -95,7 +96,7 @@ var f = function(_param) {
     }, h), {
         children: /* @__PURE__ */ l("path", {
             d: "M16.982 17.104a.188.188 0 00.013-.073l.003-.016a.087.087 0 00.002-.016c0-.011-.003-.019-.006-.029l-.003-.008v-.014c.002-.008.003-.016 0-.022l-1.604-7.497a3.545 3.545 0 00-1.98-2.474 2.673 2.673 0 001.271-2.276A2.682 2.682 0 0012 2a2.682 2.682 0 00-2.678 2.679c0 .96.512 1.801 1.275 2.276a3.526 3.526 0 00-1.98 2.474L7.01 16.93a.048.048 0 000 .024v.013a.048.048 0 01-.004.018.04.04 0 00-.005.018.06.06 0 00.003.02.058.058 0 01.002.012l.013.069c.005.023.014.041.023.06.01.018.023.036.037.054.013.019.027.032.045.05a.378.378 0 00.12.065.193.193 0 00.031.013c.01.003.02.002.027.001a.07.07 0 01.01 0c.007 0 .012.002.018.004.006.002.011.004.018.004h2.144v4.288a.357.357 0 00.713 0v-4.996H7.79l1.512-7.068c.275-1.28 1.404-2.212 2.683-2.217H12c1.28.005 2.404.937 2.678 2.217l1.513 7.068h-2.413v2.5a.357.357 0 00.713 0V17.36h2.139c.023 0 .05-.005.073-.01a.106.106 0 00.016-.006.848.848 0 00.08-.034.273.273 0 00.101-.087c.013-.018.027-.037.036-.055a.086.086 0 00.046-.064zM10.039 4.679c0-1.084.882-1.966 1.966-1.966 1.083 0 1.965.882 1.965 1.966A1.97 1.97 0 0112 6.645a1.967 1.967 0 01-1.96-1.966zm3.396 16.608a.714.714 0 011.426 0 .714.714 0 01-1.426 0z",
-            fill: t
+            fill: c
         })
     })) : /* @__PURE__ */ l("svg", _objectSpreadProps(_objectSpread({
         width: a,
@@ -105,8 +106,8 @@ var f = function(_param) {
     }, h), {
         children: /* @__PURE__ */ l("path", {
             d: "M9.663 4.484c0 1.476.851 2.322 2.336 2.322 1.487 0 2.342-.846 2.342-2.322 0-.75-.213-1.336-.636-1.742-.406-.387-.98-.586-1.706-.586s-1.297.196-1.703.588c-.42.407-.633.992-.633 1.74zm.829 0c0-.518.129-.905.38-1.148.245-.239.625-.356 1.127-.356.504 0 .885.117 1.131.356.255.243.384.633.384 1.148 0 1.025-.481 1.501-1.515 1.501-1.028 0-1.507-.479-1.507-1.501zm5.958 10.059a.508.508 0 01-.297.258.52.52 0 01-.658-.311l-.827-2.449a.415.415 0 00-.52-.263.409.409 0 00-.267.515l.373 1.152.764 2.812h-.493a.414.414 0 00-.414.41l-.02 3.831a.52.52 0 01-.518.524.522.522 0 01-.518-.524l.017-3.832a.417.417 0 00-.415-.412h-1.314a.414.414 0 00-.409.415l.02 3.829a.518.518 0 11-1.036 0l-.02-3.832a.416.416 0 00-.415-.409h-.49l.754-2.795.375-1.166a.416.416 0 00-.252-.49.413.413 0 00-.535.235l-.824 2.446a.525.525 0 01-.271.297.508.508 0 01-.395.016.517.517 0 01-.32-.655l1.586-4.49c.014-.034.028-.067.045-.101a1.913 1.913 0 011.756-1.157h2.18a1.92 1.92 0 011.803 1.266l1.583 4.48a.524.524 0 01-.028.4zm.74.364a1.34 1.34 0 00.07-1.037l-1.592-4.473a.966.966 0 00-.07-.174 2.732 2.732 0 00-2.515-1.652h-2.18a2.73 2.73 0 00-2.506 1.633 1.334 1.334 0 00-.076.182L6.736 13.87c-.118.338-.093.714.07 1.033.154.314.425.555.759.667.235.084.487.1.73.047l-.251.936a.413.413 0 00.398.518h.621l.017 3.42c0 .743.602 1.348 1.345 1.348.742 0 1.344-.605 1.344-1.35l-.017-3.418h.48l-.018 3.42a1.35 1.35 0 001.348 1.348 1.35 1.35 0 001.347-1.345l.017-3.42h.622a.412.412 0 00.4-.518l-.252-.936c.241.056.493.04.726-.045a1.32 1.32 0 00.767-.67z",
-            fill: t
+            fill: c
         })
     }));
 };
-export { f as default };
+export { d as default };

package/dist-es/generated/mistica-icons/icon-woman-regular.js

@@ -77,16 +77,17 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-import { useTheme as r } from "../../hooks.js";
+import { useTheme as n } from "../../hooks.js";
 import { useIsInverseVariant as o } from "../../theme-variant-context.js";
+import { vars as r } from "../../skins/skin-contract.css-mistica.js";
 import { jsx as l } from "../../_virtual/jsx-runtime.js";
-var f = function(_param) {
+var d = function(_param) {
     var h = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, s = _param.children, c = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = r(), i = ref.skinName, e = ref.colors, n = o(), t = h != null ? h : n ? e.inverse : e.neutralHigh;
+    var t = o(), e = h != null ? h : t ? r.colors.inverse : r.colors.neutralHigh, ref = n(), i = ref.skinName;
     return i.match(/^o2/i) ? /* @__PURE__ */ l("svg", _objectSpreadProps(_objectSpread({
         width: a,
         height: a,
@@ -95,7 +96,7 @@ var f = function(_param) {
     }, c), {
         children: /* @__PURE__ */ l("path", {
             d: "M17.245 16.47l-1.747-7.12a3.653 3.653 0 00-1.635-2.36c.58-.525.948-1.283.948-2.134C14.81 3.28 13.553 2 12.004 2c-1.55 0-2.807 1.28-2.807 2.856 0 .85.368 1.61.947 2.135a3.607 3.607 0 00-1.63 2.335l-1.756 7.14v.013a.36.36 0 00-.009.073.408.408 0 00-.009.073v.014l.002.025a.175.175 0 01.002.025.41.41 0 00.027.142.41.41 0 00.023.069.42.42 0 00.031.063l.007.014a.294.294 0 00.025.046l.04.055c.014.018.027.036.045.055a.29.29 0 00.014.013c.01.01.022.02.031.032a.497.497 0 01.027.023.45.45 0 00.027.023.27.27 0 00.04.025l.018.012c.014.01.03.018.045.025l.014.006a1.612 1.612 0 01.117.046h.013a.31.31 0 00.067.01c.027.004.054.009.077.009h1.77V22h5.613v-4.643h1.581c.027 0 .054-.005.081-.01.032.005.063.01.094.01a.547.547 0 00.171-.023.716.716 0 00.503-.864zM12.004 3.43c.772 0 1.401.64 1.401 1.426 0 .787-.629 1.426-1.41 1.426a1.418 1.418 0 01-1.397-1.426c.004-.786.633-1.425 1.406-1.425zm1.401 17.14h-2.807v-4.644h-2.26l1.541-6.28c.22-1.05 1.074-1.755 2.12-1.755 1.047 0 1.9.704 2.125 1.778l1.536 6.252h-2.255v4.649z",
-            fill: t
+            fill: e
         })
     })) : /* @__PURE__ */ l("svg", _objectSpreadProps(_objectSpread({
         width: a,
@@ -105,8 +106,8 @@ var f = function(_param) {
     }, c), {
         children: /* @__PURE__ */ l("path", {
             d: "M9.546 4.642c0 1.552.916 2.476 2.448 2.476 1.535 0 2.454-.924 2.454-2.476 0-.793-.23-1.415-.675-1.852-.431-.417-1.028-.63-1.779-.63-.75 0-1.347.213-1.778.633-.446.437-.67 1.059-.67 1.849zm1.196 0c0-.451.104-.782.306-.98.198-.197.518-.295.95-.292.43 0 .75.098.949.291.204.2.308.53.308.98 0 .889-.375 1.267-1.258 1.267-.88 0-1.255-.378-1.255-1.266zm5.359 9.759a.296.296 0 01-.193.157.276.276 0 01-.219-.011.313.313 0 01-.157-.174l-.793-2.392a.596.596 0 00-1.165.185c0 .061.009.123.028.184l.359 1.124.664 2.493h-.213a.602.602 0 00-.597.602l-.02 3.756c0 .182-.039.27-.058.289a.421.421 0 01-.16.028c-.157-.006-.16-.314-.16-.314l.017-3.753a.601.601 0 00-.596-.608h-1.673a.59.59 0 00-.423.179.614.614 0 00-.173.429l.02 3.75c0 .149-.037.252-.076.292-.006.005-.028.014-.101.022-.213-.006-.23-.244-.23-.32l-.017-3.75a.6.6 0 00-.596-.602h-.216l.658-2.476.364-1.14a.6.6 0 00-.387-.76.594.594 0 00-.75.39l-.79 2.386a.31.31 0 01-.157.177.293.293 0 01-.232.008.283.283 0 01-.165-.148.314.314 0 01-.017-.236L9.4 9.782a1.64 1.64 0 011.546-1.106h2.098a1.64 1.64 0 011.528 1.057l.02.049 1.525 4.378a.34.34 0 01-.017.24zm1.073.535a1.54 1.54 0 00.073-1.17l-1.513-4.368a1.21 1.21 0 00-.076-.193 2.833 2.833 0 00-2.605-1.74h-2.098a2.824 2.824 0 00-2.594 1.712c-.039.075-.064.14-.084.202L6.751 13.77a1.516 1.516 0 00.915 1.915c.163.06.331.09.502.09h.003l-.168.633a.604.604 0 00.103.524.585.585 0 00.474.238h.4l.014 3.149c0 .848.6 1.504 1.398 1.523h.037c.364 0 .683-.125.927-.366.283-.278.437-.69.437-1.16l-.017-3.146h.47l-.014 3.149c0 .868.56 1.51 1.331 1.523h.037c.498 0 .809-.198.983-.372.274-.272.417-.67.417-1.148l.017-3.152h.4a.604.604 0 00.577-.762l-.168-.63c.171.014.337-.028.493-.087.376-.126.678-.395.855-.756z",
-            fill: t
+            fill: e
         })
     }));
 };
-export { f as default };
+export { d as default };

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

@@ -77,26 +77,26 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-import { useTheme as s } from "../../hooks.js";
-import { useIsInverseVariant as o } from "../../theme-variant-context.js";
-import { jsx as r } from "../../_virtual/jsx-runtime.js";
-var m = function(_param) {
-    var e = _param.color, tmp = _param.size, h = tmp === void 0 ? 24 : tmp, v = _param.children, t = _objectWithoutProperties(_param, [
+import { useIsInverseVariant as n } from "../../theme-variant-context.js";
+import { vars as l } from "../../skins/skin-contract.css-mistica.js";
+import { jsx as h } from "../../_virtual/jsx-runtime.js";
+var c = function(_param) {
+    var r = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, o = _param.children, t = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = s(), l = ref.colors, i = o(), n = e != null ? e : i ? l.inverse : l.neutralHigh;
-    return /* @__PURE__ */ r("svg", _objectSpreadProps(_objectSpread({
-        width: h,
-        height: h,
+    var i = n(), s = r != null ? r : i ? l.colors.inverse : l.colors.neutralHigh;
+    return /* @__PURE__ */ h("svg", _objectSpreadProps(_objectSpread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, t), {
-        children: /* @__PURE__ */ r("path", {
+        children: /* @__PURE__ */ h("path", {
             d: "M18.6 3.638h-6.037V8.58h2.265v6.84h-5.66V8.58h2.264V2.5h8.308v2.923l.565-.496a.543.543 0 01.792.04.552.552 0 01-.039.797L19.17 7.437l-1.89-1.673c-.227-.19-.227-.57-.038-.798.188-.228.565-.228.792-.039l.565.496V3.638zm-6.602 12.925l-1.889 1.673a.552.552 0 00-.039.798c.112.112.266.19.416.19.15 0 .265-.04.377-.151l.565-.497v1.786H5.39V15.42h2.266V8.58H2v6.84h2.265v6.08h8.303v-2.928l.565.496c.227.19.603.19.792-.04.188-.228.188-.607-.039-.797l-1.888-1.668zM16.34 8.58v6.84h2.265v5.165c0 .302.265.57.565.57.3 0 .565-.268.565-.57V15.42H22V8.58h-5.66z",
-            fill: n
+            fill: s
         })
     }));
 };
-export { m as default };
+export { c as default };

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

@@ -77,26 +77,26 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-import { useTheme as l } from "../../hooks.js";
-import { useIsInverseVariant as n } from "../../theme-variant-context.js";
-import { jsx as r } from "../../_virtual/jsx-runtime.js";
-var V = function(_param) {
-    var h = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, o = _param.children, s = _objectWithoutProperties(_param, [
+import { useIsInverseVariant as i } from "../../theme-variant-context.js";
+import { vars as e } from "../../skins/skin-contract.css-mistica.js";
+import { jsx as t } from "../../_virtual/jsx-runtime.js";
+var m = function(_param) {
+    var h = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, n = _param.children, v = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = l(), t = ref.colors, v = n(), i = h != null ? h : v ? t.inverse : t.neutralHigh;
-    return /* @__PURE__ */ r("svg", _objectSpreadProps(_objectSpread({
-        width: e,
-        height: e,
+    var l = i(), s = h != null ? h : l ? e.colors.inverse : e.colors.neutralHigh;
+    return /* @__PURE__ */ t("svg", _objectSpreadProps(_objectSpread({
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, s), {
-        children: /* @__PURE__ */ r("path", {
+    }, v), {
+        children: /* @__PURE__ */ t("path", {
             d: "M18.782 4.73h-6.428l-.036 4.361h2.537v5.818H9.14V9.09h2.464L11.64 4h7.854v2.476l.466-.545c.142-.144.357-.181.498-.037.142.107.179.363.037.507l-1.358 1.601-1.32-1.563c-.143-.145-.106-.363.036-.508.141-.144.356-.107.498.038l.43.507V4.73zM10.64 17.6l1.321-1.601 1.358 1.605c.142.144.105.363-.037.507-.141.145-.356.108-.498-.037l-.466-.544V20H4.5v-5.091H2V9.09h5.714v5.818h-2.5v4.365h6.39v-1.745l-.43.507a.322.322 0 01-.283.144c-.073 0-.141 0-.214-.074-.142-.107-.179-.363-.037-.507zm5.646-2.69h2.5v2.182c0 .22.142.363.357.363s.356-.144.356-.363V14.91H22V9.09h-5.714v5.818zm.713-5.092h4.288v4.366h-4.288V9.817zm-14.286 0v4.366h4.288V9.817H2.713zm11.429 4.366V9.817H9.854v4.366h4.288zm4.283 5.087c0-.4.32-.726.713-.726a.72.72 0 01.713.726c0 .4-.32.726-.713.726a.72.72 0 01-.713-.726z",
-            fill: i
+            fill: s
         })
     }));
 };
-export { V as default };
+export { m as default };

package/dist-es/generated/mistica-icons/icon-workflow-regular.js

@@ -77,26 +77,26 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-import { useTheme as s } from "../../hooks.js";
 import { useIsInverseVariant as i } from "../../theme-variant-context.js";
-import { jsx as r } from "../../_virtual/jsx-runtime.js";
-var V = function(_param) {
-    var e = _param.color, tmp = _param.size, h = tmp === void 0 ? 24 : tmp, o = _param.children, t = _objectWithoutProperties(_param, [
+import { vars as h } from "../../skins/skin-contract.css-mistica.js";
+import { jsx as e } from "../../_virtual/jsx-runtime.js";
+var H = function(_param) {
+    var v = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, n = _param.children, l = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = s(), v = ref.colors, l = i(), n = e != null ? e : l ? v.inverse : v.neutralHigh;
-    return /* @__PURE__ */ r("svg", _objectSpreadProps(_objectSpread({
-        width: h,
-        height: h,
+    var t = i(), s = v != null ? v : t ? h.colors.inverse : h.colors.neutralHigh;
+    return /* @__PURE__ */ e("svg", _objectSpreadProps(_objectSpread({
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
-        children: /* @__PURE__ */ r("path", {
+    }, l), {
+        children: /* @__PURE__ */ e("path", {
             d: "M12.563 3.638H18.6v1.785l-.565-.496c-.227-.19-.604-.19-.792.04-.189.228-.189.607.038.797l1.889 1.673 1.888-1.673a.552.552 0 00.039-.798.543.543 0 00-.792-.039l-.565.496V2.5h-8.307v6.08H9.166v6.84h5.66V8.58h-2.264V3.638zm-.565 12.925l-1.889 1.673a.552.552 0 00-.039.798.543.543 0 00.793.039l.565-.497v1.786H5.39V15.42h2.266V8.58H2v6.84h2.265v6.08h8.303v-2.928l.565.496c.11.078.227.15.376.15.15 0 .3-.077.416-.19.188-.228.188-.607-.039-.797l-1.888-1.668zM16.34 8.58H22v6.84h-2.265v5.165c0 .302-.266.57-.565.57a.584.584 0 01-.565-.57V15.42H16.34V8.58zm1.506 5.322h2.642v-3.799h-2.642v3.8zM6.15 10.098v3.8H3.507v-3.8h2.642zm4.525 3.804v-3.799h2.642v3.8h-2.642z",
-            fill: n
+            fill: s
         })
     }));
 };
-export { V as default };
+export { H as default };

package/dist-es/generated/mistica-icons/icon-workshop-meeting-filled.js

@@ -77,25 +77,25 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-import { useTheme as l } from "../../hooks.js";
 import { useIsInverseVariant as o } from "../../theme-variant-context.js";
-import { jsx as s } from "../../_virtual/jsx-runtime.js";
+import { vars as s } from "../../skins/skin-contract.css-mistica.js";
+import { jsx as t } from "../../_virtual/jsx-runtime.js";
 var v = function(_param) {
-    var e = _param.color, tmp = _param.size, t = tmp === void 0 ? 24 : tmp, a = _param.children, i = _objectWithoutProperties(_param, [
+    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, c = _param.children, i = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = l(), r = ref.colors, n = o(), c = e != null ? e : n ? r.inverse : r.neutralHigh;
-    return /* @__PURE__ */ s("svg", _objectSpreadProps(_objectSpread({
-        width: t,
-        height: t,
+    var n = o(), l = e != null ? e : n ? s.colors.inverse : s.colors.neutralHigh;
+    return /* @__PURE__ */ t("svg", _objectSpreadProps(_objectSpread({
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, i), {
-        children: /* @__PURE__ */ s("path", {
+        children: /* @__PURE__ */ t("path", {
             d: "M11.072 11.055l-1.677 1.017c-.146-.218-.357-.4-.571-.58.141-.869.786-1.524 1.713-1.886C9.93 9.137 9.5 8.413 9.5 7.54 9.5 6.124 10.606 5 12 5s2.5 1.124 2.5 2.54c0 .868-.393 1.593-1.037 2.066.927.325 1.535 1.013 1.713 1.886a4.253 4.253 0 00-.57.58l-1.678-1.017A1.71 1.71 0 0012 10.8c-.32 0-.644.074-.928.255zm-3.04-2.034c.216 1.087-.282 2.14-1.069 2.721.608.181 1.111.51 1.5.906L2 16.604v-2.215c0-1.16.75-2.14 1.929-2.54-.718-.469-1.216-1.342-1.216-2.285 0-1.704 1.5-3.009 3.213-2.684 1.07.219 1.892 1.087 2.107 2.141zm12.04 2.796c.749-.474 1.215-1.342 1.215-2.285 0-1.486-1.216-2.721-2.678-2.721-1.463 0-2.679 1.235-2.679 2.721 0 .905.43 1.704 1.107 2.215-.608.181-1.143.506-1.5.905L22 16.61v-2.215c0-1.161-.754-2.14-1.929-2.577zM2.11 18.637a.657.657 0 00.608.363.804.804 0 00.393-.111L12 13.45l8.926 5.438c.32.218.75.07.964-.256.215-.325.069-.761-.251-.98L12 11.743l-9.639 5.915c-.356.218-.466.655-.251.98z",
-            fill: c
+            fill: l
         })
     }));
 };

package/dist-es/generated/mistica-icons/icon-workshop-meeting-light.js

@@ -77,25 +77,25 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-import { useTheme as a } from "../../hooks.js";
-import { useIsInverseVariant as o } from "../../theme-variant-context.js";
-import { jsx as t } from "../../_virtual/jsx-runtime.js";
+import { useIsInverseVariant as n } from "../../theme-variant-context.js";
+import { vars as r } from "../../skins/skin-contract.css-mistica.js";
+import { jsx as s } from "../../_virtual/jsx-runtime.js";
 var v = function(_param) {
-    var c = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, l = _param.children, r = _objectWithoutProperties(_param, [
+    var c = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, o = _param.children, t = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = a(), s = ref.colors, i = o(), n = c != null ? c : i ? s.inverse : s.neutralHigh;
-    return /* @__PURE__ */ t("svg", _objectSpreadProps(_objectSpread({
+    var a = n(), i = c != null ? c : a ? r.colors.inverse : r.colors.neutralHigh;
+    return /* @__PURE__ */ s("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
-        children: /* @__PURE__ */ t("path", {
+    }, t), {
+        children: /* @__PURE__ */ s("path", {
             d: "M11.84 10.29c-1.605 0-2.295.633-2.295.633a.353.353 0 01-.513 0 .364.364 0 010-.519.259.259 0 00.06-.04c.169-.127.689-.516 1.689-.702-.69-.37-1.129-1.075-1.129-1.931 0-1.227.984-2.231 2.187-2.231 1.203 0 2.187 1.004 2.187 2.23a2.25 2.25 0 01-1.128 1.932c1.203.186 1.711.704 1.748.742a.364.364 0 010 .519.338.338 0 01-.256.109.322.322 0 01-.257-.11.19.19 0 01-.048-.03c-.178-.126-.854-.602-2.246-.602zm9.106 3.61c0-1.189-1.24-2.045-2.914-2.045-1.604 0-2.77.78-2.845 1.898l4.155 2.526a.403.403 0 01.107.518.434.434 0 01-.326.186c-.075 0-.145 0-.182-.038l-7.102-4.348-7.074 4.343c-.182.114-.396.076-.508-.11-.112-.185-.075-.409.107-.518l4.155-2.564c-.037-1.151-1.236-1.97-2.877-1.97-1.711 0-2.915.857-2.915 2.046V15.5c0 .223-.144.37-.363.37-.22 0-.364-.147-.364-.37v-1.675c0-1.265.984-2.269 2.439-2.64A2.448 2.448 0 013.09 8.991c0-1.336 1.059-2.416 2.406-2.378 1.31 0 2.37 1.08 2.37 2.416a2.42 2.42 0 01-1.241 2.117c1.385.262 2.406 1.08 2.625 2.193l2.439-1.48a.318.318 0 01.364 0l2.438 1.485c.257-1.113 1.31-1.931 2.733-2.155a2.438 2.438 0 01-1.385-2.193c0-1.336 1.058-2.416 2.369-2.416 1.31 0 2.369 1.08 2.369 2.416 0 1.004-.578 1.86-1.455 2.231 1.53.333 2.55 1.337 2.55 2.673v1.97c0 .223-.144.37-.363.37-.22 0-.364-.147-.364-.37V13.9zm-2.728-6.583c-.914 0-1.641.747-1.641 1.674 0 .928.727 1.675 1.641 1.675s1.642-.742 1.642-1.675c0-.932-.728-1.674-1.642-1.674zM3.823 8.991c0 .928.728 1.675 1.642 1.675.914 0 1.641-.742 1.641-1.675 0-.932-.727-1.674-1.641-1.674s-1.642.747-1.642 1.674zm8.016-2.787c-.802 0-1.455.67-1.455 1.484s.658 1.484 1.455 1.484 1.455-.67 1.455-1.484c0-.813-.653-1.484-1.455-1.484zm8.706 11.554c0-.41.326-.742.727-.742.402 0 .733.338.728.742a.736.736 0 01-.727.742.736.736 0 01-.728-.742z",
-            fill: n
+            fill: i
         })
     }));
 };

package/dist-es/generated/mistica-icons/icon-workshop-meeting-regular.js

@@ -77,26 +77,26 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-import { useTheme as i } from "../../hooks.js";
-import { useIsInverseVariant as o } from "../../theme-variant-context.js";
-import { jsx as t } from "../../_virtual/jsx-runtime.js";
-var p = function(_param) {
-    var e = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, l = _param.children, a = _objectWithoutProperties(_param, [
+import { useIsInverseVariant as n } from "../../theme-variant-context.js";
+import { vars as r } from "../../skins/skin-contract.css-mistica.js";
+import { jsx as a } from "../../_virtual/jsx-runtime.js";
+var h = function(_param) {
+    var c = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, o = _param.children, s = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = i(), r = ref.colors, s = o(), n = e != null ? e : s ? r.inverse : r.neutralHigh;
-    return /* @__PURE__ */ t("svg", _objectSpreadProps(_objectSpread({
-        width: c,
-        height: c,
+    var t = n(), i = c != null ? c : t ? r.colors.inverse : r.colors.neutralHigh;
+    return /* @__PURE__ */ a("svg", _objectSpreadProps(_objectSpread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
-        children: /* @__PURE__ */ t("path", {
+    }, s), {
+        children: /* @__PURE__ */ a("path", {
             d: "M9.854 11.531a.7.7 0 00.498-.218c.006 0 .02-.01.047-.027.145-.095.625-.41 1.594-.41 1.143 0 1.61.4 1.641.437a.75.75 0 001.002 0 .714.714 0 000-1.017c-.074-.074-.43-.436-1.248-.654a2.552 2.552 0 001.106-2.103c0-1.416-1.107-2.539-2.5-2.539-1.395 0-2.501 1.123-2.501 2.54 0 .872.43 1.633 1.106 2.102-.786.218-1.18.58-1.248.654-.284.288-.284.762 0 1.017a.718.718 0 00.503.218zm2.144-5.078c.608 0 1.07.473 1.07 1.086 0 .613-.467 1.086-1.07 1.086-.604 0-1.07-.473-1.07-1.086 0-.613.462-1.086 1.07-1.086zm9.998 9.428a.72.72 0 01-.714.724.72.72 0 01-.713-.724v-1.486c0-.835-.891-1.416-2.144-1.416-1.252 0-2.144.618-2.144 1.416l5.358 3.264c.357.18.466.654.251.979a.657.657 0 01-.608.362.66.66 0 01-.356-.107l-8.928-5.44-8.928 5.44c-.32.218-.75.07-.965-.255-.215-.325-.068-.761.252-.98l5.357-3.263c0-.835-.891-1.416-2.144-1.416-1.252 0-2.144.58-2.144 1.416v1.486a.72.72 0 01-.713.724A.72.72 0 012 15.88v-1.486c0-1.16.75-2.14 1.93-2.576-.719-.469-1.217-1.342-1.217-2.284 0-1.485 1.216-2.72 2.679-2.72 1.463 0 2.679 1.235 2.679 2.72 0 .91-.43 1.708-1.106 2.214.996.325 1.75.975 2.034 1.848L11.605 12c.251-.144.534-.144.75 0l2.642 1.597c.283-.868.996-1.523 2.034-1.848a2.759 2.759 0 01-1.106-2.214c0-1.485 1.216-2.72 2.678-2.72 1.463 0 2.68 1.235 2.68 2.72 0 .942-.467 1.81-1.217 2.284 1.18.436 1.93 1.379 1.93 2.576v1.486zM5.392 8.263c-.681 0-1.248.58-1.248 1.268 0 .686.571 1.267 1.248 1.267s1.248-.58 1.248-1.268c0-.686-.571-1.267-1.248-1.267zm13.212.005c-.357 0-.64.107-.892.362a1.43 1.43 0 00-.357.905c0 .687.572 1.267 1.248 1.267.677 0 1.248-.58 1.248-1.267 0-.687-.571-1.267-1.247-1.267z",
-            fill: n
+            fill: i
         })
     }));
 };
-export { p as default };
+export { h as default };

package/dist-es/generated/mistica-icons/icon-world-device-filled.js

@@ -77,26 +77,26 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-import { useTheme as h } from "../../hooks.js";
 import { useIsInverseVariant as a } from "../../theme-variant-context.js";
-import { jsx as t } from "../../_virtual/jsx-runtime.js";
-var m = function(_param) {
-    var e = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, o = _param.children, i = _objectWithoutProperties(_param, [
+import { vars as c } from "../../skins/skin-contract.css-mistica.js";
+import { jsx as i } from "../../_virtual/jsx-runtime.js";
+var d = function(_param) {
+    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, o = _param.children, t = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = h(), r = ref.colors, n = a(), s = e != null ? e : n ? r.inverse : r.neutralHigh;
-    return /* @__PURE__ */ t("svg", _objectSpreadProps(_objectSpread({
-        width: c,
-        height: c,
+    var s = a(), n = e != null ? e : s ? c.colors.inverse : c.colors.neutralHigh;
+    return /* @__PURE__ */ i("svg", _objectSpreadProps(_objectSpread({
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
-        children: /* @__PURE__ */ t("path", {
+    }, t), {
+        children: /* @__PURE__ */ i("path", {
             d: "M20.176 12.321c.036.25.036.5.036.75 0 4.929-4 8.929-8.928 8.929-4.929 0-8.929-4-8.929-8.929 0-4.928 4-8.928 8.929-8.928 1.285 0 2.464.286 3.571.75v1.571c-1.071-.571-2.286-.928-3.571-.928a7.08 7.08 0 00-1.25.107c.357.857.678 1.857.428 2.607-.25.714-1.107 2-2.821 2.107.143.036.285.107.428.143a3.064 3.064 0 011.715 1.429c.285.5.892.678 1.392.464a1.326 1.326 0 011.215.036 1.3 1.3 0 01.678 1c.107.892-.107 2.571-1.643 3.285-.535.25-.607.5-.714.965-.107.392-.25.857-.714 1.285-.25.25-.607.357-.964.357-.215 0-.429-.035-.679-.107-1.036-.321-2.357-1.5-2.75-3.285-.107-.429-.143-.858-.143-1.358 0-.321-.321-1.75-.821-2.142-.107-.072-.179-.072-.286-.036-.107.036-.143.071-.179.071a.517.517 0 01-.392.036v.571a7.5 7.5 0 007.5 7.5 7.348 7.348 0 004.892-1.857c-.5-.821-.464-1.535-.428-2.143.036-.785.107-1.392-1.107-2.178-.857-.572-1.322-1.464-1.286-2.464.071-1 .607-1.893 1.393-2.286.036 0 .036 0 .071-.036v.25c0 1.393 1.107 2.5 2.5 2.5h2.5c.143 0 .25 0 .357-.036zM15.57 8.607h6.072V5.036H15.57v3.571zM20.212 2h-3.214c-.786 0-1.429.643-1.429 1.429v.535h6.072V3.43c0-.786-.643-1.429-1.429-1.429zM15.57 9.679v.178c0 1 .786 1.786 1.786 1.786h2.857c.786 0 1.429-.643 1.429-1.429V9.68H15.57z",
-            fill: s
+            fill: n
         })
     }));
 };
-export { m as default };
+export { d as default };

package/dist-es/generated/mistica-icons/icon-world-device-light.js

@@ -77,32 +77,32 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-import { useTheme as r } from "../../hooks.js";
-import { useIsInverseVariant as n } from "../../theme-variant-context.js";
-import { jsxs as o, jsx as h } from "../../_virtual/jsx-runtime.js";
-var f = function(_param) {
-    var c = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, l = _param.children, s = _objectWithoutProperties(_param, [
+import { useIsInverseVariant as i } from "../../theme-variant-context.js";
+import { vars as r } from "../../skins/skin-contract.css-mistica.js";
+import { jsxs as n, jsx as s } from "../../_virtual/jsx-runtime.js";
+var d = function(_param) {
+    var c = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, o = _param.children, t = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = r(), a = ref.colors, i = n(), t = c != null ? c : i ? a.inverse : a.neutralHigh;
-    return /* @__PURE__ */ o("svg", _objectSpreadProps(_objectSpread({
-        width: e,
-        height: e,
+    var h = i(), e = c != null ? c : h ? r.colors.inverse : r.colors.neutralHigh;
+    return /* @__PURE__ */ n("svg", _objectSpreadProps(_objectSpread({
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, s), {
+    }, t), {
         children: [
-            /* @__PURE__ */ h("path", {
+            /* @__PURE__ */ s("path", {
                 d: "M14.518 21.643a.714.714 0 110-1.429.714.714 0 010 1.429z",
-                fill: t
+                fill: e
             }),
-            /* @__PURE__ */ h("path", {
+            /* @__PURE__ */ s("path", {
                 d: "M19.875 2c1 0 1.786.786 1.75 1.786v6.071c0 1-.786 1.786-1.786 1.786h-2.5c-.821 0-1.5-.572-1.714-1.322-.214-.071-.393-.071-.536 0-.571.286-.964.965-1 1.679 0 .429.072 1.25.965 1.821 1.535 1.036 1.5 1.965 1.428 2.822-.036.678-.071 1.357.679 2.178a8.195 8.195 0 002.357-5.75c0-.214.143-.357.357-.357s.357.143.357.357c0 2.858-1.321 5.465-3.571 7.215a.507.507 0 01-.215.071.325.325 0 01-.285-.143.384.384 0 01.071-.5c.143-.107.286-.25.429-.357-.965-1.071-.893-1.964-.857-2.714.071-.822.107-1.393-1.108-2.179A2.608 2.608 0 0113.411 12c.035-1 .607-1.893 1.393-2.286.25-.143.5-.143.785-.107v-3.5a8.18 8.18 0 00-4.285-1.214c-.5 0-.965.071-1.429.143.429.821 1.107 2.321.786 3.25-.25.75-1.215 2.107-3.072 2-.178-.036-.357 0-.464 0 .214.107.607.25 1.286.464 0 0 1 .25 1.607 1.357a1.271 1.271 0 001.643.536c.321-.179.714-.143 1.035.036.322.178.572.535.608.892.107.822-.072 2.393-1.536 3.072-.607.286-.714.607-.822 1.071-.107.393-.214.822-.642 1.215-.215.214-.536.321-.858.321a2 2 0 01-.607-.107c-1-.322-2.25-1.464-2.643-3.179a5.356 5.356 0 01-.142-1.321c0-.393-.322-1.857-.893-2.286-.143-.107-.286-.143-.465-.071-.607.214-.928.107-1.535-.25a9.436 9.436 0 00-.072 1.035 8.215 8.215 0 008.215 8.215c.357 0 .75-.036 1.142-.072.179 0 .358.143.393.322a.419.419 0 01-.321.393c-.393.035-.822.071-1.214.071-4.929 0-8.929-4-8.929-8.929 0-4.928 4-8.928 8.929-8.928 1.5 0 2.964.393 4.285 1.107V3.786c0-1 .786-1.786 1.786-1.786h2.5zM9.982 8c.214-.607-.321-1.893-.821-2.821a8.204 8.204 0 00-5.857 6.107c.714.428.857.428 1.214.321.393-.107.786-.071 1.107.179.857.643 1.179 2.464 1.179 2.857 0 .428.035.786.107 1.143.285 1.393 1.321 2.357 2.143 2.643.178.035.571.142.785-.072.25-.25.357-.536.429-.857.143-.5.286-1.107 1.214-1.536 1.357-.643 1.143-2.285 1.143-2.357-.036-.143-.107-.286-.25-.357a.383.383 0 00-.393-.036c-.964.429-2.071.072-2.571-.821-.429-.786-1.179-1-1.179-1-1.571-.5-2.071-.822-2.036-1.286.036-.571.929-.643 1.429-.607A2.353 2.353 0 009.982 8zm7.393-5.286c-.607 0-1.071.465-1.071 1.072h4.642c0-.607-.464-1.072-1.071-1.072h-2.5zM16.304 4.5v4.643h4.642V4.5h-4.642zm3.571 6.429c.607 0 1.071-.465 1.071-1.072h-4.642c0 .607.464 1.072 1.071 1.072h2.5z",
-                fill: t
+                fill: e
             })
         ]
     }));
 };
-export { f as default };
+export { d as default };

package/dist-es/generated/mistica-icons/icon-world-device-regular.js

@@ -77,19 +77,19 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-import { useTheme as n } from "../../hooks.js";
 import { useIsInverseVariant as s } from "../../theme-variant-context.js";
+import { vars as r } from "../../skins/skin-contract.css-mistica.js";
 import { jsx as a } from "../../_virtual/jsx-runtime.js";
-var d = function(_param) {
-    var e = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, o = _param.children, h = _objectWithoutProperties(_param, [
+var m = function(_param) {
+    var c = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, n = _param.children, h = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = n(), r = ref.colors, t = s(), i = e != null ? e : t ? r.inverse : r.neutralHigh;
+    var t = s(), i = c != null ? c : t ? r.colors.inverse : r.colors.neutralHigh;
     return /* @__PURE__ */ a("svg", _objectSpreadProps(_objectSpread({
-        width: c,
-        height: c,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, h), {
@@ -99,4 +99,4 @@ var d = function(_param) {
         })
     }));
 };
-export { d as default };
+export { m as default };

package/dist-es/grid-layout.css-mistica.js

@@ -0,0 +1,6 @@
+import "./grid-layout.css.ts.vanilla.js";
+var r = "_379jdb2", d = "_379jdb1", v = "_379jdb0", o = "_379jdb4", e = "_379jdb6", p = {
+    colSpan: "var(--_379jdb5)",
+    verticalSpace: "var(--_379jdb3)"
+};
+export { r as desktopLargeColumn, d as desktopMediumColumn, v as desktopSmallColumn, o as grid, e as span, p as vars };

package/dist-es/grid-layout.css.ts.vanilla.js

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