@telefonica/mistica 12.9.1 → 12.11.0

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

@@ -77,36 +77,37 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-import { useTheme as a } from "../../hooks.js";
-import { useIsInverseVariant as o } from "../../theme-variant-context.js";
+import { useTheme as o } from "../../hooks.js";
+import { useIsInverseVariant as a } from "../../theme-variant-context.js";
+import { vars as i } from "../../skins/skin-contract.css-mistica.js";
 import { jsx as c } from "../../_virtual/jsx-runtime.js";
-var f = function(_param) {
-    var l = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, s = _param.children, t = _objectWithoutProperties(_param, [
+var d = function(_param) {
+    var l = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, s = _param.children, r = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = a(), r = ref.skinName, h = ref.colors, n = o(), i = l != null ? l : n ? h.inverse : h.neutralHigh;
-    return r.match(/^o2/i) ? /* @__PURE__ */ c("svg", _objectSpreadProps(_objectSpread({
+    var h = a(), t = l != null ? l : h ? i.colors.inverse : i.colors.neutralHigh, ref = o(), n = ref.skinName;
+    return n.match(/^o2/i) ? /* @__PURE__ */ c("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, r), {
         children: /* @__PURE__ */ c("path", {
             d: "M15.163 3.423a.707.707 0 01-.698-.711c0-.396.318-.712.698-.712.38 0 .698.316.698.712 0 .388-.31.711-.698.711zM2.987 12.992L12.002 22l9.023-9.008c.498-.512.643-1.264.357-1.96-.286-.703-.937-1.155-1.659-1.155h-4.207v-5.01a.353.353 0 00-.35-.356.353.353 0 00-.348.356v5.722h4.921c.533 0 .867.363 1.008.711.133.332.149.808-.208 1.172l-8.525 8.52L3.49 12.48c-.357-.364-.341-.848-.208-1.18.134-.34.475-.711 1.008-.711h4.898v-8.23a.353.353 0 00-.35-.355.353.353 0 00-.348.356v7.517H4.28c-.721 0-1.372.452-1.658 1.155-.279.696-.146 1.44.364 1.96z",
-            fill: i
+            fill: t
         })
     })) : /* @__PURE__ */ c("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, r), {
         children: /* @__PURE__ */ c("path", {
             d: "M11.946 21.858h.003c.174 0 .345-.087.515-.263l8.958-8.902c.376-.367.496-.801.33-1.185-.173-.41-.64-.67-1.164-.653l-3.519.023c-.08 0-.145-.079-.145-.174l.003-6.908c-.009-.554-.154-.958-.443-1.238-.314-.302-.768-.437-1.426-.425H8.84c-.575-.017-1.042.134-1.353.44-.3.293-.448.705-.44 1.229v6.9c0 .094-.064.173-.146.173l-3.778.005c-.415-.005-.745.2-.888.55-.166.403-.026.896.355 1.257l8.93 8.967c.13.134.272.204.426.204zM2.781 11.651c.048-.118.162-.182.325-.182.003 0 .008 0 .005.003h.006l3.782-.006a.75.75 0 00.736-.762V3.796c-.005-.355.084-.624.264-.8.246-.242.638-.28.924-.272h6.244c.487-.009.817.075 1.008.26.17.165.258.434.263.82l-.003 6.9c0 .42.331.762.737.762l3.524-.023h.008c.275-.01.53.113.608.295.087.201-.09.42-.204.532l-8.961 8.907-.003.003a.488.488 0 01-.087.076l-.003-.003a.024.024 0 01-.008-.008l-.005-.006-8.936-8.975-.006-.005c-.249-.236-.274-.474-.218-.608z",
-            fill: i
+            fill: t
         })
     }));
 };
-export { f as default };
+export { d as default };

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

@@ -77,36 +77,37 @@ 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 c } from "../../_virtual/jsx-runtime.js";
-var f = function(_param) {
-    var l = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, s = _param.children, r = _objectWithoutProperties(_param, [
+import { useTheme as o } from "../../hooks.js";
+import { useIsInverseVariant as a } from "../../theme-variant-context.js";
+import { vars as i } from "../../skins/skin-contract.css-mistica.js";
+import { jsx as r } from "../../_virtual/jsx-runtime.js";
+var d = function(_param) {
+    var c = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, s = _param.children, l = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = a(), i = ref.skinName, t = ref.colors, n = o(), h = l != null ? l : n ? t.inverse : t.neutralHigh;
-    return i.match(/^o2/i) ? /* @__PURE__ */ c("svg", _objectSpreadProps(_objectSpread({
+    var h = a(), t = c != null ? c : h ? i.colors.inverse : i.colors.neutralHigh, ref = o(), n = ref.skinName;
+    return n.match(/^o2/i) ? /* @__PURE__ */ r("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
-        children: /* @__PURE__ */ c("path", {
+    }, l), {
+        children: /* @__PURE__ */ r("path", {
             d: "M14.866 2c-.37 0-.675.324-.675.716v8.392h4.89c.335 0 .538.284.604.536.035.108.137.464-.101.716L12 20.036 4.42 12.36a.646.646 0 01-.102-.716c.102-.216.305-.536.605-.536h4.89V2.716c0-.396-.304-.716-.675-.716-.37 0-.675.324-.675.716V9.68h-3.54c-.807 0-1.549.572-1.853 1.392-.305.784-.172 1.68.406 2.252L12 22l8.527-8.644c.574-.608.71-1.464.406-2.284-.335-.824-1.046-1.392-1.854-1.392h-3.54V2.716c0-.392-.303-.716-.674-.716z",
-            fill: h
+            fill: t
         })
-    })) : /* @__PURE__ */ c("svg", _objectSpreadProps(_objectSpread({
+    })) : /* @__PURE__ */ r("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
-        children: /* @__PURE__ */ c("path", {
+    }, l), {
+        children: /* @__PURE__ */ r("path", {
             d: "M11.95 21.859h.005c.356 0 .598-.243.69-.334l.002-.002 8.711-8.659c.434-.423.588-.904.42-1.322-.098-.243-.389-.652-1.246-.658h-.006l-3.563.006a.472.472 0 01-.053-.157l.003-6.72c-.009-.417-.065-1.017-.488-1.426-.42-.406-1.025-.445-1.445-.437H8.938c-.616-.017-1.07.126-1.392.443-.322.316-.476.77-.468 1.386l-.02 6.883a.227.227 0 01-.055.039l-3.667.003c-.499 0-.913.263-1.09.694-.201.49-.042 1.082.406 1.507l8.703 8.48a.819.819 0 00.594.274zM3.254 12.01a.168.168 0 01.078-.014c.003 0 .006 0 .006-.003l3.686-.002c.507 0 1.12-.471 1.12-1.056l.02-6.956v-.008c-.003-.207.02-.476.14-.597.123-.117.395-.134.602-.129h6.084c.345-.008.577.037.673.13.095.092.148.319.154.655l-.003 6.708c0 .437.342 1.247.994 1.247l3.712-.006c.064 0 .117.006.16.012a.877.877 0 01-.09.098l-.006.005-8.619 8.566-8.557-8.336-.006-.006c-.165-.157-.162-.288-.148-.308z",
-            fill: h
+            fill: t
         })
     }));
 };
-export { f as default };
+export { d as default };

package/dist-es/generated/mistica-icons/icon-arrow-down-right-filled.js

@@ -79,34 +79,35 @@ function _objectWithoutPropertiesLoose(source, excluded) {
 }
 import { useTheme as c } from "../../hooks.js";
 import { useIsInverseVariant as h } from "../../theme-variant-context.js";
-import { jsx as t } from "../../_virtual/jsx-runtime.js";
-var f = function(_param) {
-    var i = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, a = _param.children, r = _objectWithoutProperties(_param, [
+import { vars as n } from "../../skins/skin-contract.css-mistica.js";
+import { jsx as r } from "../../_virtual/jsx-runtime.js";
+var p = function(_param) {
+    var t = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, a = _param.children, i = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = c(), o = ref.skinName, n = ref.colors, s = h(), l = i != null ? i : s ? n.inverse : n.neutralHigh;
-    return o.match(/^o2/i) ? /* @__PURE__ */ t("svg", _objectSpreadProps(_objectSpread({
+    var o = h(), l = t != null ? t : o ? n.colors.inverse : n.colors.neutralHigh, ref = c(), s = ref.skinName;
+    return s.match(/^o2/i) ? /* @__PURE__ */ r("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
-        children: /* @__PURE__ */ t("path", {
+    }, i), {
+        children: /* @__PURE__ */ r("path", {
             d: "M20.712 6.672c-.808-.332-1.652-.3-2.284.332l-2.86 2.86L7.708 2 2 7.708s6.144 6.072 7.856 7.864l-2.672 2.68c-.632.632-.792 1.612-.444 2.444.332.8 1.068 1.304 1.928 1.304H22V8.608c0-.868-.492-1.612-1.288-1.936z",
             fill: l
         })
-    })) : /* @__PURE__ */ t("svg", _objectSpreadProps(_objectSpread({
+    })) : /* @__PURE__ */ r("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
-        children: /* @__PURE__ */ t("path", {
+    }, i), {
+        children: /* @__PURE__ */ r("path", {
             d: "M3.535 10.133v-.022c.006-.395.193-.779.56-1.143l5.026-5.047.016-.017c.348-.32.71-.44 1.079-.362.336.073.605.303.823.521l.014.014 4.813 5.115 2.588-2.588c.33-.316.893-.409 1.339-.218.414.176.66.565.66 1.039v12.09c.02.28-.07.532-.254.717a.894.894 0 01-.717.252l-12.146-.006a1.009 1.009 0 01-.955-.613c-.204-.457-.112-1.05.216-1.407l.014-.016 2.378-2.378-4.905-4.79-.005-.006c-.362-.353-.544-.737-.544-1.135z",
             fill: l
         })
     }));
 };
-export { f as default };
+export { p as default };

package/dist-es/generated/mistica-icons/icon-arrow-down-right-light.js

@@ -78,35 +78,36 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     return target;
 }
 import { useTheme as o } from "../../hooks.js";
-import { useIsInverseVariant as h } from "../../theme-variant-context.js";
+import { useIsInverseVariant as s } from "../../theme-variant-context.js";
+import { vars as i } from "../../skins/skin-contract.css-mistica.js";
 import { jsx as l } from "../../_virtual/jsx-runtime.js";
-var f = function(_param) {
-    var a = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, s = _param.children, t = _objectWithoutProperties(_param, [
+var d = function(_param) {
+    var a = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, h = _param.children, r = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = o(), r = ref.skinName, i = ref.colors, n = h(), c = a != null ? a : n ? i.inverse : i.neutralHigh;
-    return r.match(/^o2/i) ? /* @__PURE__ */ l("svg", _objectSpreadProps(_objectSpread({
+    var c = s(), t = a != null ? a : c ? i.colors.inverse : i.colors.neutralHigh, ref = o(), n = ref.skinName;
+    return n.match(/^o2/i) ? /* @__PURE__ */ l("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, r), {
         children: /* @__PURE__ */ l("path", {
             d: "M7.453 3.454a.727.727 0 100-1.454.727.727 0 000 1.454zM8.782 22H22V8.719c0-.735-.42-1.355-1.09-1.638a1.854 1.854 0 00-2.016.411l-3.078 3.08-6.646-6.65a.361.361 0 00-.515 0 .362.362 0 000 .515l6.95 6.97.064.024c.057.026.1.045.144.047.125.007.258-.127.774-.642L19.4 8.004a1.114 1.114 0 011.226-.252c.391.168.635.531.635.967v12.55H8.786c-.435 0-.79-.244-.958-.655a1.18 1.18 0 01.252-1.274l3.321-3.324.024-.063a.416.416 0 00.03-.094c.026-.167-.174-.366-1.471-1.664L2.623 6.829a.361.361 0 00-.515 0 .362.362 0 000 .516l8.463 8.468-3.014 3.015a1.885 1.885 0 00-.403 2.066C7.437 21.58 8.056 22 8.782 22z",
-            fill: c
+            fill: t
         })
     })) : /* @__PURE__ */ l("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, r), {
         children: /* @__PURE__ */ l("path", {
             d: "M19.821 20.474a.638.638 0 00.47-.187.67.67 0 00.183-.538v-12.6c.003-.383-.188-.686-.518-.829-.36-.154-.827-.081-1.09.171L16.087 9.27a.143.143 0 01-.11.042.191.191 0 01-.134-.06l-5.168-5.237-.003-.003c-.274-.272-.848-.84-1.593-.157L4.023 8.92c-.334.33-.496.658-.502.997-.003.341.16.68.485 1.005l5.067 5.096c.04.036.059.084.062.134a.155.155 0 01-.042.11l-2.572 2.57c-.266.29-.341.788-.176 1.16.134.3.4.474.728.474l12.678.005a.609.609 0 00.07.003zm-.056-.56l-12.684-.006c-.075 0-.165-.016-.22-.143-.076-.168-.04-.422.072-.549l2.56-2.56a.711.711 0 00.205-.523.756.756 0 00-.224-.513L4.4 10.527c-.219-.218-.322-.414-.32-.602.003-.185.115-.39.337-.61l5.044-5.05c.275-.25.41-.259.816.145l5.168 5.238c.137.14.319.218.512.224a.707.707 0 00.524-.204l2.77-2.77c.093-.085.311-.132.48-.06.123.054.179.152.179.314v12.616l.002.028c.006.045-.002.084-.02.101-.016.017-.052.025-.1.02-.008-.003-.02-.003-.028-.003z",
-            fill: c
+            fill: t
         })
     }));
 };
-export { f as default };
+export { d as default };

package/dist-es/generated/mistica-icons/icon-arrow-down-right-regular.js

@@ -78,35 +78,36 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     return target;
 }
 import { useTheme as o } from "../../hooks.js";
-import { useIsInverseVariant as h } from "../../theme-variant-context.js";
+import { useIsInverseVariant as s } from "../../theme-variant-context.js";
+import { vars as a } from "../../skins/skin-contract.css-mistica.js";
 import { jsx as l } from "../../_virtual/jsx-runtime.js";
-var f = function(_param) {
-    var t = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, s = _param.children, r = _objectWithoutProperties(_param, [
+var d = function(_param) {
+    var r = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, h = _param.children, t = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = o(), n = ref.skinName, i = ref.colors, c = h(), a = t != null ? t : c ? i.inverse : i.neutralHigh;
+    var c = s(), i = r != null ? r : c ? a.colors.inverse : a.colors.neutralHigh, ref = o(), n = ref.skinName;
     return n.match(/^o2/i) ? /* @__PURE__ */ l("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, t), {
         children: /* @__PURE__ */ l("path", {
             d: "M20.304 6.668c-.77-.332-1.658-.144-2.26.476l-2.639 2.769-7.341-7.706a.665.665 0 00-.965 0 .748.748 0 000 1.012l7.921 8.314.123.056c.415.188.54.056 1.227-.664L19 8.165a.664.664 0 01.77-.168.638.638 0 01.385.616v11.963H8.826c-.377 0-.534-.292-.58-.42-.09-.236-.099-.593.153-.857l3.156-3.313.054-.128c.137-.356.16-.428-.633-1.28L3.642 6.844a.665.665 0 00-.965 0 .748.748 0 000 1.012l7.342 7.706-2.584 2.713c-.603.632-.778 1.588-.454 2.42.316.8 1.018 1.305 1.837 1.305h12.71V8.6c0-.864-.47-1.608-1.224-1.932z",
-            fill: a
+            fill: i
         })
     })) : /* @__PURE__ */ l("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, t), {
         children: /* @__PURE__ */ l("path", {
             d: "M19.486 20.49c.028.002.053.002.079.002.249 0 .473-.09.638-.258a.901.901 0 00.255-.717V7.43c.003-.476-.243-.865-.658-1.044-.445-.19-1.009-.098-1.339.218l-2.588 2.588-4.813-5.115-.014-.014c-.218-.218-.487-.448-.823-.52-.37-.079-.731.041-1.079.36l-.016.018-5.026 5.047c-.736.737-.745 1.577-.016 2.306l.005.005 4.902 4.79-2.378 2.378a.074.074 0 01-.014.017c-.328.359-.42.95-.216 1.406.174.384.524.614.944.614l12.157.005zm-.103-1.076L7.36 19.408c-.014-.062 0-.17.031-.21l2.448-2.448a.973.973 0 00-.017-1.376l-.005-.005-4.972-4.857c-.107-.104-.23-.255-.227-.381.003-.101.09-.244.246-.4l5.017-5.037a.605.605 0 01.129-.093c.028.011.104.054.275.222l4.88 5.184.01.012a.97.97 0 001.376.02l2.65-2.65a.241.241 0 01.176-.009.175.175 0 01.006.05v11.984z",
-            fill: a
+            fill: i
         })
     }));
 };
-export { f as default };
+export { d as default };

package/dist-es/generated/mistica-icons/icon-arrow-drop-down-filled.js

@@ -77,25 +77,25 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-import { useTheme as l } from "../../hooks.js";
-import { useIsInverseVariant as a } from "../../theme-variant-context.js";
-import { jsx as n } from "../../_virtual/jsx-runtime.js";
+import { useIsInverseVariant as l } from "../../theme-variant-context.js";
+import { vars as t } 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, h = _param.children, i = _objectWithoutProperties(_param, [
+    var r = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, a = _param.children, n = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = l(), t = ref.colors, s = a(), o = e != null ? e : s ? t.inverse : t.neutralHigh;
-    return /* @__PURE__ */ n("svg", _objectSpreadProps(_objectSpread({
-        width: r,
-        height: r,
+    var o = l(), s = r != null ? r : o ? t.colors.inverse : t.colors.neutralHigh;
+    return /* @__PURE__ */ i("svg", _objectSpreadProps(_objectSpread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
-        children: /* @__PURE__ */ n("path", {
+    }, n), {
+        children: /* @__PURE__ */ i("path", {
             d: "M21.757 7.943a1.304 1.304 0 00-1.182-.711L3.452 7.08c-.524-.01-1 .27-1.196.698a1.03 1.03 0 00.275 1.24l8.56 7.575a1.407 1.407 0 001.815 0l8.56-7.423c.356-.3.473-.798.291-1.227z",
-            fill: o
+            fill: s
         })
     }));
 };

package/dist-es/generated/mistica-icons/icon-arrow-drop-up-filled.js

@@ -77,22 +77,22 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-import { useTheme as l } from "../../hooks.js";
-import { useIsInverseVariant as a } from "../../theme-variant-context.js";
+import { useIsInverseVariant as l } from "../../theme-variant-context.js";
+import { vars as t } 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, h = _param.children, n = _objectWithoutProperties(_param, [
+    var r = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, a = _param.children, s = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = l(), t = ref.colors, s = a(), o = e != null ? e : s ? t.inverse : t.neutralHigh;
+    var n = l(), o = r != null ? r : n ? t.colors.inverse : t.colors.neutralHigh;
     return /* @__PURE__ */ i("svg", _objectSpreadProps(_objectSpread({
-        width: r,
-        height: r,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, n), {
+    }, s), {
         children: /* @__PURE__ */ i("path", {
             d: "M21.486 14.99l-8.572-7.574a1.41 1.41 0 00-1.817 0l-8.57 7.423a1.044 1.044 0 00-.28 1.23c.197.423.656.703 1.174.709l17.138.15c.52 0 .986-.274 1.185-.7a1.041 1.041 0 00-.275-1.238h.017z",
             fill: o

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

@@ -77,36 +77,37 @@ 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 i = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, c = _param.children, r = _objectWithoutProperties(_param, [
+import { useTheme as a } from "../../hooks.js";
+import { useIsInverseVariant as c } from "../../theme-variant-context.js";
+import { vars as n } from "../../skins/skin-contract.css-mistica.js";
+import { jsx as r } from "../../_virtual/jsx-runtime.js";
+var p = function(_param) {
+    var t = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, h = _param.children, i = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = h(), o = ref.skinName, l = ref.colors, s = a(), n = i != null ? i : s ? l.inverse : l.neutralHigh;
-    return o.match(/^o2/i) ? /* @__PURE__ */ t("svg", _objectSpreadProps(_objectSpread({
+    var o = c(), l = t != null ? t : o ? n.colors.inverse : n.colors.neutralHigh, ref = a(), s = ref.skinName;
+    return s.match(/^o2/i) ? /* @__PURE__ */ r("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
-        children: /* @__PURE__ */ t("path", {
+    }, i), {
+        children: /* @__PURE__ */ r("path", {
             d: "M14.14 15.677v3.682c0 .841-.428 1.612-1.287 1.965-.286.106-.573.176-.823.176-.536 0-1.072-.21-1.464-.562L2 11.994l8.57-8.907c.61-.6 1.5-.739 2.287-.423.823.349 1.287 1.124 1.287 1.964v3.683H22v7.366h-7.86z",
-            fill: n
+            fill: l
         })
-    })) : /* @__PURE__ */ t("svg", _objectSpreadProps(_objectSpread({
+    })) : /* @__PURE__ */ r("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
-        children: /* @__PURE__ */ t("path", {
+    }, i), {
+        children: /* @__PURE__ */ r("path", {
             d: "M11.961 2.161c.152 0 .3.028.44.084.434.177.7.602.695 1.107l.003 3.65a.21.21 0 00.039.056l6.882.02c.616-.01 1.07.145 1.384.467.314.322.46.776.442 1.392v6.042c.009.42-.03 1.025-.436 1.445-.407.42-1.009.482-1.426.488l-6.72-.003a.454.454 0 00-.157.053l.006 3.563v.003c-.006.857-.415 1.149-.659 1.247-.417.168-.899.014-1.322-.42l-8.658-8.712c-.087-.084-.336-.33-.333-.69a.82.82 0 01.274-.593l8.48-8.706c.302-.32.691-.493 1.066-.493z",
-            fill: n
+            fill: l
         })
     }));
 };
-export { m as default };
+export { p as default };

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

@@ -77,26 +77,26 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-import { useTheme as h } 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 i } from "../../_virtual/jsx-runtime.js";
-var m = function(_param) {
-    var e = _param.color, tmp = _param.size, t = tmp === void 0 ? 24 : tmp, a = _param.children, n = _objectWithoutProperties(_param, [
+var f = function(_param) {
+    var r = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, h = _param.children, s = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = h(), r = ref.colors, s = o(), c = e != null ? e : s ? r.inverse : r.neutralHigh;
+    var n = o(), c = r != null ? r : n ? t.colors.inverse : t.colors.neutralHigh;
     return /* @__PURE__ */ i("svg", _objectSpreadProps(_objectSpread({
-        width: t,
-        height: t,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, n), {
+    }, s), {
         children: /* @__PURE__ */ i("path", {
             d: "M22 15.32c0 .41-.32.74-.716.74a.728.728 0 01-.716-.74c0-.408.32-.74.716-.74.395 0 .716.332.716.74zM12.248 22c-.464 0-.896-.186-1.252-.517L2 12.001l9.036-9.481c.5-.517 1.252-.666 1.964-.368a1.866 1.866 0 011.144 1.736v4.427h7.5c.216 0 .356.148.356.367 0 .224-.144.368-.356.368h-8.216V3.884c0-.554-.356-.926-.716-1.07a1.04 1.04 0 00-1.18.222L3 12.002l8.536 8.965c.356.367.856.367 1.18.223.356-.149.716-.517.716-1.07v-5.167h5.712c.216 0 .356.149.356.368 0 .223-.144.367-.356.367h-5v4.427c0 .777-.464 1.439-1.144 1.736-.252.116-.5.149-.752.149z",
             fill: c
         })
     }));
 };
-export { m as default };
+export { f as default };

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

@@ -77,26 +77,26 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-import { useTheme as o } from "../../hooks.js";
 import { useIsInverseVariant as c } from "../../theme-variant-context.js";
-import { jsx as n } from "../../_virtual/jsx-runtime.js";
-var m = function(_param) {
-    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, l = _param.children, s = _objectWithoutProperties(_param, [
+import { vars as t } from "../../skins/skin-contract.css-mistica.js";
+import { jsx as s } from "../../_virtual/jsx-runtime.js";
+var f = function(_param) {
+    var r = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, h = _param.children, i = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = o(), t = ref.colors, i = c(), h = e != null ? e : i ? t.inverse : t.neutralHigh;
-    return /* @__PURE__ */ n("svg", _objectSpreadProps(_objectSpread({
-        width: r,
-        height: r,
+    var n = c(), o = r != null ? r : n ? t.colors.inverse : t.colors.neutralHigh;
+    return /* @__PURE__ */ s("svg", _objectSpreadProps(_objectSpread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, s), {
-        children: /* @__PURE__ */ n("path", {
+    }, i), {
+        children: /* @__PURE__ */ s("path", {
             d: "M12.034 22c-.536 0-1.036-.224-1.428-.594L2 11.994l8.606-9.375c.608-.631 1.464-.78 2.252-.444.824.37 1.284 1.15 1.284 2.038v3.89h7.142c.396 0 .712.337.712.74 0 .402-.324.739-.712.739h-8.57V4.209c0-.37-.18-.594-.396-.668a.553.553 0 00-.68.112l-7.674 8.341 7.678 8.374c.252.262.572.15.68.112.216-.112.396-.336.396-.705v-5.373h8.57c.396 0 .712.336.712.74 0 .406-.324.738-.712.738h-7.146v3.89c0 .889-.428 1.703-1.284 2.039-.256.116-.54.191-.824.191z",
-            fill: h
+            fill: o
         })
     }));
 };
-export { m as default };
+export { f as default };

package/dist-es/generated/mistica-icons/icon-arrow-line-down-left-light.js

@@ -77,26 +77,26 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-import { useTheme as a } from "../../hooks.js";
-import { useIsInverseVariant as l } from "../../theme-variant-context.js";
-import { jsx as n } from "../../_virtual/jsx-runtime.js";
-var d = function(_param) {
-    var e = _param.color, tmp = _param.size, t = tmp === void 0 ? 24 : tmp, h = _param.children, i = _objectWithoutProperties(_param, [
+import { useIsInverseVariant as a } from "../../theme-variant-context.js";
+import { vars as t } from "../../skins/skin-contract.css-mistica.js";
+import { jsx as i } from "../../_virtual/jsx-runtime.js";
+var p = function(_param) {
+    var r = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, l = _param.children, n = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = a(), r = ref.colors, s = l(), o = e != null ? e : s ? r.inverse : r.neutralHigh;
-    return /* @__PURE__ */ n("svg", _objectSpreadProps(_objectSpread({
-        width: t,
-        height: t,
+    var s = a(), o = r != null ? r : s ? t.colors.inverse : t.colors.neutralHigh;
+    return /* @__PURE__ */ i("svg", _objectSpreadProps(_objectSpread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
-        children: /* @__PURE__ */ n("path", {
+    }, n), {
+        children: /* @__PURE__ */ i("path", {
             d: "M7.132 16.224L7.094 6.87a.47.47 0 00-.733-.44.477.477 0 00-.2.469l.064 10.447a.128.128 0 00.012.08.38.38 0 00.053.053.463.463 0 00.253.253.38.38 0 00.053.053.262.262 0 00.087.02l10.253.017a.454.454 0 00.354-.141.46.46 0 00-.325-.792h-9.17l9.908-9.907a.47.47 0 00.001-.665.472.472 0 00-.664.001l-9.908 9.907z",
             fill: o
         })
     }));
 };
-export { d as default };
+export { p as default };

package/dist-es/generated/mistica-icons/icon-arrow-line-down-left-regular.js

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

package/dist-es/generated/mistica-icons/icon-arrow-line-down-light.js

@@ -77,26 +77,26 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-import { useTheme as a } from "../../hooks.js";
-import { useIsInverseVariant as l } from "../../theme-variant-context.js";
-import { jsx as n } from "../../_virtual/jsx-runtime.js";
-var v = function(_param) {
-    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, h = _param.children, i = _objectWithoutProperties(_param, [
+import { useIsInverseVariant as a } from "../../theme-variant-context.js";
+import { vars as t } from "../../skins/skin-contract.css-mistica.js";
+import { jsx as i } from "../../_virtual/jsx-runtime.js";
+var m = function(_param) {
+    var r = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, l = _param.children, n = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = a(), t = ref.colors, s = l(), o = e != null ? e : s ? t.inverse : t.neutralHigh;
-    return /* @__PURE__ */ n("svg", _objectSpreadProps(_objectSpread({
-        width: r,
-        height: r,
+    var s = a(), o = r != null ? r : s ? t.colors.inverse : t.colors.neutralHigh;
+    return /* @__PURE__ */ i("svg", _objectSpreadProps(_objectSpread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
-        children: /* @__PURE__ */ n("path", {
+    }, n), {
+        children: /* @__PURE__ */ i("path", {
             d: "M11.62 4.471v14.011l-6.783-6.448a.47.47 0 00-.829.208.477.477 0 00.19.473l7.573 7.201a.128.128 0 00.066.048.41.41 0 00.075 0 .462.462 0 00.357 0 .41.41 0 00.075 0 .261.261 0 00.075-.048l7.43-7.069a.453.453 0 00.15-.35.46.46 0 00-.79-.33l-6.65 6.315V4.472a.47.47 0 00-.47-.472.472.472 0 00-.469.471c.003 0 .003 0 0 0z",
             fill: o
         })
     }));
 };
-export { v as default };
+export { m as default };

package/dist-es/generated/mistica-icons/icon-arrow-line-down-regular.js

@@ -77,26 +77,26 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-import { useTheme as o } from "../../hooks.js";
-import { useIsInverseVariant as l } 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, r = tmp === void 0 ? 24 : tmp, h = _param.children, s = _objectWithoutProperties(_param, [
+import { useIsInverseVariant as o } from "../../theme-variant-context.js";
+import { vars as n } from "../../skins/skin-contract.css-mistica.js";
+import { jsx as s } from "../../_virtual/jsx-runtime.js";
+var f = function(_param) {
+    var r = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, l = _param.children, t = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = o(), n = ref.colors, i = l(), a = e != null ? e : i ? n.inverse : n.neutralHigh;
-    return /* @__PURE__ */ t("svg", _objectSpreadProps(_objectSpread({
-        width: r,
-        height: r,
+    var i = o(), a = r != null ? r : i ? n.colors.inverse : n.colors.neutralHigh;
+    return /* @__PURE__ */ s("svg", _objectSpreadProps(_objectSpread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, s), {
-        children: /* @__PURE__ */ t("path", {
+    }, t), {
+        children: /* @__PURE__ */ s("path", {
             d: "M11.375 4.685v13.038l-6.228-5.885a.688.688 0 00-.97.05.684.684 0 00.027.947l7.385 6.978c.032.03.073.046.11.07.033.024.065.051.104.067.082.032.168.05.257.05h.005a.749.749 0 00.253-.052c.04-.016.073-.044.107-.069.034-.022.075-.036.107-.066l7.252-6.852a.684.684 0 00.03-.968s0-.002-.003-.002a.687.687 0 00-.97-.027l-6.095 5.76V4.684a.687.687 0 00-1.371 0z",
             fill: a
         })
     }));
 };
-export { p as default };
+export { f as default };