@telefonica/mistica 12.10.0 → 12.11.1

package/dist-es/generated/mistica-icons/icon-hd-filled.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 { 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 d = function(_param) {
-    var e = _param.color, tmp = _param.size, t = tmp === void 0 ? 24 : tmp, v = _param.children, n = _objectWithoutProperties(_param, [
+var m = function(_param) {
+    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, v = _param.children, s = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = o(), r = ref.colors, s = c(), h = e != null ? e : s ? r.inverse : r.neutralHigh;
+    var n = o(), h = e != null ? e : n ? t.colors.inverse : t.colors.neutralHigh;
     return /* @__PURE__ */ i("svg", _objectSpreadProps(_objectSpread({
-        width: t,
-        height: t,
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, n), {
+    }, s), {
         children: /* @__PURE__ */ i("path", {
             d: "M2 18h20V6H2v12zm12.779-3.599c1.228 0 2.223-1.08 2.223-2.401 0-1.32-1-2.401-2.223-2.401h-1.11v4.802h1.11zM11.445 9v6c0 .333-.246.599-.555.599-.308 0-.554-.266-.554-.599v-2.6H7.372V15c0 .333-.246.599-.555.599-.308 0-.554-.266-.554-.599V9c0-.333.246-.599.554-.599.309 0 .555.266.555.599v2.201h2.964V9c0-.333.246-.599.554-.599.309 0 .555.266.555.599zm3.334-.599c1.84 0 3.333 1.613 3.333 3.599 0 1.986-1.494 3.599-3.333 3.599h-2.224V8.401h2.224z",
             fill: h
         })
     }));
 };
-export { d as default };
+export { m as default };

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

@@ -77,26 +77,26 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-import { useTheme as a } from "../../hooks.js";
-import { useIsInverseVariant as c } from "../../theme-variant-context.js";
-import { jsx as r } from "../../_virtual/jsx-runtime.js";
-var d = function(_param) {
-    var e = _param.color, tmp = _param.size, h = tmp === void 0 ? 24 : tmp, v = _param.children, s = _objectWithoutProperties(_param, [
+import { useIsInverseVariant as n } from "../../theme-variant-context.js";
+import { vars as h } from "../../skins/skin-contract.css-mistica.js";
+import { jsx as t } from "../../_virtual/jsx-runtime.js";
+var l = function(_param) {
+    var r = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, v = _param.children, s = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = a(), t = ref.colors, i = c(), n = e != null ? e : i ? t.inverse : t.neutralHigh;
-    return /* @__PURE__ */ r("svg", _objectSpreadProps(_objectSpread({
-        width: h,
-        height: h,
+    var i = n(), a = r != null ? r : i ? h.colors.inverse : h.colors.neutralHigh;
+    return /* @__PURE__ */ t("svg", _objectSpreadProps(_objectSpread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, s), {
-        children: /* @__PURE__ */ r("path", {
+        children: /* @__PURE__ */ t("path", {
             d: "M22 6v11.613h-1.48a.379.379 0 01-.37-.386.38.38 0 01.37-.386h.74V6.773H2.74v10.063h13.333c.204 0 .37.173.37.386a.379.379 0 01-.37.387H2V6h20zm-3.703 10.454c-.408 0-.74.347-.74.773 0 .426.332.773.74.773s.74-.347.74-.773c0-.426-.332-.773-.74-.773zm-3.518-1.55c1.735 0 3.148-1.477 3.148-3.29 0-1.814-1.413-3.29-3.148-3.29h-2.04v6.58h2.04zm2.408-3.29c0 1.387-1.08 2.516-2.408 2.516h-1.295V9.098h1.295c1.327 0 2.408 1.13 2.408 2.517zm-5.927 2.903a.379.379 0 01-.37.386.376.376 0 01-.37-.386v-2.71H7.188v2.71a.379.379 0 01-.37.386.379.379 0 01-.37-.386V8.71a.38.38 0 01.37-.386c.204 0 .37.173.37.386v2.324h3.334V8.71c0-.213.166-.386.37-.386a.38.38 0 01.37.386v5.807z",
-            fill: n
+            fill: a
         })
     }));
 };
-export { d as default };
+export { l as default };

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

@@ -77,26 +77,26 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-import { useTheme as v } from "../../hooks.js";
-import { useIsInverseVariant as c } from "../../theme-variant-context.js";
-import { jsx as s } 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, h = _objectWithoutProperties(_param, [
+import { useIsInverseVariant as v } from "../../theme-variant-context.js";
+import { vars as s } from "../../skins/skin-contract.css-mistica.js";
+import { jsx as t } from "../../_virtual/jsx-runtime.js";
+var m = function(_param) {
+    var r = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, o = _param.children, h = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = v(), t = ref.colors, n = c(), i = e != null ? e : n ? t.inverse : t.neutralHigh;
-    return /* @__PURE__ */ s("svg", _objectSpreadProps(_objectSpread({
-        width: r,
-        height: r,
+    var i = v(), n = r != null ? r : i ? s.colors.inverse : s.colors.neutralHigh;
+    return /* @__PURE__ */ t("svg", _objectSpreadProps(_objectSpread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, h), {
-        children: /* @__PURE__ */ s("path", {
+        children: /* @__PURE__ */ t("path", {
             d: "M2 6v12h20V6H2zm4.257 3.2v5.6c0 .333.246.6.555.6.308 0 .554-.267.554-.6v-2.2h2.963v2.2c0 .333.246.6.555.6.308 0 .554-.267.554-.6V9.2c0-.333-.246-.6-.554-.6-.309 0-.555.267-.555.6v2.2H7.366V9.2c0-.333-.246-.6-.554-.6-.309 0-.555.267-.555.6zM18.108 12c0-1.94-1.431-3.4-3.333-3.4h-2.223v6.8h2.223c1.902 0 3.333-1.46 3.333-3.4zm-4.442-2.201h1.11c1.289 0 2.223.926 2.223 2.201s-.934 2.201-2.223 2.201h-1.11V9.8zM3.48 16.398V7.602h17.037v8.796H3.48z",
-            fill: i
+            fill: n
         })
     }));
 };
-export { d as default };
+export { m as default };

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

@@ -77,34 +77,34 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-import { useTheme as h } from "../../hooks.js";
 import { useIsInverseVariant as o } from "../../theme-variant-context.js";
-import { jsxs as a, jsx as l } from "../../_virtual/jsx-runtime.js";
+import { vars as s } from "../../skins/skin-contract.css-mistica.js";
+import { jsxs as h, jsx as t } from "../../_virtual/jsx-runtime.js";
 var c = function(_param) {
-    var e = _param.color, tmp = _param.size, s = tmp === void 0 ? 24 : tmp, v = _param.children, n = _objectWithoutProperties(_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 = h(), i = ref.colors, r = o(), t = e != null ? e : r ? i.inverse : i.neutralHigh;
-    return /* @__PURE__ */ a("svg", _objectSpreadProps(_objectSpread({
-        width: s,
-        height: s,
+    var n = o(), l = e != null ? e : n ? s.colors.inverse : s.colors.neutralHigh;
+    return /* @__PURE__ */ h("svg", _objectSpreadProps(_objectSpread({
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, n), {
+    }, i), {
         children: [
-            /* @__PURE__ */ l("path", {
+            /* @__PURE__ */ t("path", {
                 d: "M11.968 7.084c-1.496 0-2.528.712-2.528 3.424 0 2.712 1.032 3.424 2.528 3.424s2.528-.712 2.528-3.424c0-2.712-1.032-3.424-2.528-3.424zm-.224 6.372v-2.34l-.976.976-.352-.352 1.224-1.228-1.224-1.232.352-.352.976.976V7.56l1.776 1.776-1.172 1.172 1.172 1.172-1.776 1.776z",
-                fill: t
+                fill: l
             }),
-            /* @__PURE__ */ l("path", {
+            /* @__PURE__ */ t("path", {
                 d: "M13.244 9.34l-1-.568v1.136l1-.568zm0 2.336l-1 .568v-1.132l1 .564z",
-                fill: t
+                fill: l
             }),
-            /* @__PURE__ */ l("path", {
+            /* @__PURE__ */ t("path", {
                 d: "M12 2C6.484 2 2 6.484 2 12v6.252C2 20.388 3.536 22 5.572 22h1.784v-7.5H5.572a3.5 3.5 0 00-2.144.716V12c0-4.724 3.848-8.572 8.572-8.572 4.724 0 8.572 3.848 8.572 8.572v3.216a3.483 3.483 0 00-2.144-.716h-1.784V22h1.784C20.464 22 22 20.388 22 18.248V12c0-5.516-4.484-10-10-10z",
-                fill: t
+                fill: l
             })
         ]
     }));

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

@@ -77,40 +77,40 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-import { useTheme as n } from "../../hooks.js";
-import { useIsInverseVariant as r } from "../../theme-variant-context.js";
-import { jsxs as a, jsx as t } from "../../_virtual/jsx-runtime.js";
-var d = function(_param) {
-    var h = _param.color, tmp = _param.size, l = tmp === void 0 ? 24 : tmp, o = _param.children, s = _objectWithoutProperties(_param, [
+import { useIsInverseVariant as c } from "../../theme-variant-context.js";
+import { vars as i } from "../../skins/skin-contract.css-mistica.js";
+import { jsxs as a, jsx as e } from "../../_virtual/jsx-runtime.js";
+var p = function(_param) {
+    var h = _param.color, tmp = _param.size, l = tmp === void 0 ? 24 : tmp, n = _param.children, r = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = n(), i = ref.colors, c = r(), e = h != null ? h : c ? i.inverse : i.neutralHigh;
+    var s = c(), t = h != null ? h : s ? i.colors.inverse : i.colors.neutralHigh;
     return /* @__PURE__ */ a("svg", _objectSpreadProps(_objectSpread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, s), {
+    }, r), {
         children: [
-            /* @__PURE__ */ t("path", {
+            /* @__PURE__ */ e("path", {
                 d: "M20.488 14.5c0-.196.155-.356.345-.356.19 0 .346.16.35.356v4.108c0 1.932-1.343 3.392-3.119 3.392h-1.385v-6.788h1.385c1 0 1.862.464 2.424 1.212V14.5zm-3.118 6.784h.694c1.38 0 2.424-1.148 2.424-2.676 0-1.528-1.043-2.68-2.424-2.68h-.694v5.356zm4.158-8.928a.705.705 0 01-.695.716.705.705 0 01-.694-.716c0-.395.31-.716.694-.716.384 0 .695.32.695.716zM3.17 11.644v4.78a2.988 2.988 0 012.424-1.208h1.389V22H5.598c-1.78 0-3.118-1.456-3.118-3.392l.002-.071.002-.065c-.004-.016-.004-.028-.004-.044v-6.784c0-2.576.97-5 2.738-6.82C6.983 3.004 9.33 2 11.828 2c2.249 0 4.42.836 6.116 2.352a9.726 9.726 0 013.126 5.816.359.359 0 01-.291.408.35.35 0 01-.396-.3c-.643-4.308-4.32-7.56-8.556-7.56-4.77 0-8.657 4.004-8.657 8.928zm2.424 9.64h.695v-5.36h-.695c-1.38 0-2.424 1.152-2.424 2.68 0 1.528 1.044 2.68 2.424 2.68z",
-                fill: e
+                fill: t
             }),
-            /* @__PURE__ */ t("path", {
+            /* @__PURE__ */ e("path", {
                 d: "M12.068 9.908l-.004-1.132.55.568-.546.564z",
-                fill: e
+                fill: t
             }),
-            /* @__PURE__ */ t("path", {
+            /* @__PURE__ */ e("path", {
                 d: "M9.341 10.508c0-2.712 1-3.424 2.451-3.424s2.448.712 2.448 3.424c0 2.712-.997 3.424-2.448 3.424-1.45 0-2.45-.712-2.45-3.424zm2.234 2.948l1.722-1.776-1.136-1.172 1.136-1.172-1.722-1.776v2.344l-.946-.976-.341.352 1.186 1.232-1.187 1.224.342.356.946-.976v2.34z",
-                fill: e
+                fill: t
             }),
-            /* @__PURE__ */ t("path", {
+            /* @__PURE__ */ e("path", {
                 d: "M12.064 12.244l.55-.564-.546-.564-.004 1.128z",
-                fill: e
+                fill: t
             })
         ]
     }));
 };
-export { d as default };
+export { p as default };

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

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

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

@@ -77,36 +77,37 @@ 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 t } from "../../_virtual/jsx-runtime.js";
-var v = function(_param) {
-    var i = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, o = _param.children, h = _objectWithoutProperties(_param, [
+import { useTheme as s } from "../../hooks.js";
+import { useIsInverseVariant as a } 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 f = function(_param) {
+    var t = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, l = _param.children, i = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = a(), c = ref.skinName, n = ref.colors, s = l(), r = i != null ? i : s ? n.inverse : n.neutralHigh;
-    return c.match(/^o2/i) ? /* @__PURE__ */ t("svg", _objectSpreadProps(_objectSpread({
+    var c = a(), h = t != null ? t : c ? n.colors.inverse : n.colors.neutralHigh, ref = s(), o = ref.skinName;
+    return o.match(/^o2/i) ? /* @__PURE__ */ r("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
-        children: /* @__PURE__ */ t("path", {
+    }, i), {
+        children: /* @__PURE__ */ r("path", {
             d: "M12.008 2C6.756 2 2.48 6.488 2.48 12v6.248c0 2.139 1.463 3.747 3.401 3.747h1.703V14.5H5.88c-.78 0-1.48.265-2.042.713V12c0-4.726 3.662-8.57 8.165-8.57 4.503 0 8.165 3.844 8.165 8.57v3.213a3.219 3.219 0 00-2.043-.713h-1.702V22h1.703c1.937 0 3.4-1.613 3.4-3.748V12c.01-5.512-4.267-10-9.519-10z",
-            fill: r
+            fill: h
         })
-    })) : /* @__PURE__ */ t("svg", _objectSpreadProps(_objectSpread({
+    })) : /* @__PURE__ */ r("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
-        children: /* @__PURE__ */ t("path", {
+    }, i), {
+        children: /* @__PURE__ */ r("path", {
             d: "M19.882 11.16c-.092-5.804-2.91-9-7.983-9-5.098 0-7.924 3.238-7.975 9.126-1.145.7-1.761 2.003-1.761 3.868 0 2.745 1.327 4.322 3.736 4.432l.275.008h.106c1.941-.067 2.342-1.824 2.342-4.44 0-2.624-.4-4.378-2.305-4.448a1.778 1.778 0 00-.303 0c-.05 0-.1 0-.115.009a5.104 5.104 0 00-.711.084c.185-4.883 2.431-7.365 6.711-7.365s6.53 2.474 6.72 7.34c-.157-.017-.308-.054-.476-.062-.05-.009-.1-.009-.134-.009a1.505 1.505 0 00-.283 0c-1.947.068-2.342 1.824-2.342 4.449 0 1.714.176 3.05.846 3.792-.869.485-1.913.801-3.135.964-.15-.572-.602-.913-1.288-.93-.88-.025-1.42.468-1.448 1.39-.017.442.092.8.327 1.055.233.255.586.41 1.028.418h.068c.409 0 .742-.12.986-.35.075-.076.126-.18.176-.28 1.88-.197 3.445-.751 4.658-1.636.042.008.067.016.107.016h.126l.274-.008c2.406-.112 3.737-1.69 3.737-4.431 0-1.972-.703-3.337-1.964-3.992z",
-            fill: r
+            fill: h
         })
     }));
 };
-export { v as default };
+export { f as default };

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

@@ -77,16 +77,17 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-import { useTheme as s } from "../../hooks.js";
+import { useTheme as n } from "../../hooks.js";
 import { useIsInverseVariant as o } from "../../theme-variant-context.js";
+import { vars as i } from "../../skins/skin-contract.css-mistica.js";
 import { jsx as e } from "../../_virtual/jsx-runtime.js";
-var p = function(_param) {
-    var h = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, v = _param.children, t = _objectWithoutProperties(_param, [
+var f = function(_param) {
+    var h = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, m = _param.children, t = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = s(), a = ref.skinName, i = ref.colors, r = o(), n = h != null ? h : r ? i.inverse : i.neutralHigh;
+    var s = o(), r = h != null ? h : s ? i.colors.inverse : i.colors.neutralHigh, ref = n(), a = ref.skinName;
     return a.match(/^o2/i) ? /* @__PURE__ */ e("svg", _objectSpreadProps(_objectSpread({
         width: c,
         height: c,
@@ -95,7 +96,7 @@ var p = function(_param) {
     }, t), {
         children: /* @__PURE__ */ e("path", {
             d: "M11.83 2.718c-4.774 0-8.658 4.004-8.658 8.928v4.781a2.988 2.988 0 012.425-1.211H6.98v6.78H5.597c-1.778 0-3.117-1.459-3.117-3.393l.002-.073a1.56 1.56 0 000-.086.085.085 0 01-.002-.019v-6.784C2.48 6.325 6.674 2 11.83 2c4.577 0 8.55 3.51 9.24 8.17a.352.352 0 01-.287.406.344.344 0 01-.395-.297c-.643-4.311-4.318-7.561-8.557-7.561zM5.598 15.929c-1.383 0-2.425 1.152-2.425 2.679s1.042 2.679 2.425 2.679h.692v-5.358h-.692zm15.93-3.57c0 .394-.31.713-.692.713a.703.703 0 01-.692-.713c0-.394.31-.713.692-.713.382 0 .692.319.692.713zm-1.038 2.144c0-.197.155-.357.346-.357.19 0 .346.16.346.357v4.105c0 1.934-1.34 3.392-3.117 3.392H16.68v-6.784h1.384c1.002 0 1.862.462 2.425 1.211v-1.924zm-3.117 6.784h.692c1.383 0 2.425-1.152 2.425-2.679s-1.042-2.679-2.425-2.679h-.692v5.358z",
-            fill: n
+            fill: r
         })
     })) : /* @__PURE__ */ e("svg", _objectSpreadProps(_objectSpread({
         width: c,
@@ -105,8 +106,8 @@ var p = function(_param) {
     }, t), {
         children: /* @__PURE__ */ e("path", {
             d: "M19.835 11.28c-.056-7.532-4.34-9.129-7.939-9.129-3.6 0-7.94 1.605-7.94 9.255-1.166.653-1.805 1.947-1.805 3.813 0 2.666 1.28 4.179 3.602 4.305h.376c1.566-.059 2.174-1.272 2.174-4.314s-.608-4.263-2.157-4.314h-.387c-.33.017-.658.07-.975.16.098-5.35 2.485-8.067 7.112-8.067 4.628 0 6.997 2.7 7.112 8.017a5.62 5.62 0 00-.745-.101h-.395c-1.566.059-2.182 1.272-2.182 4.322 0 2.148.311 3.344 1.042 3.93a9.109 9.109 0 01-3.798 1.196 1.08 1.08 0 00-1.14-.995 1.093 1.093 0 00-.908.286 1.147 1.147 0 00-.355.902c-.031.334.07.667.28.927.238.244.566.376.902.359a1.2 1.2 0 00.927-.3c.095-.1.17-.218.221-.35a9.514 9.514 0 004.815-1.672c.056.003.115.003.171 0h.4c2.323-.11 3.595-1.673 3.595-4.306 0-1.966-.706-3.313-2.003-3.924zm-14.025.46h.294c.582 0 1.378.05 1.378 3.487 0 3.421-.814 3.453-1.451 3.479h-.239c-1.893-.11-2.82-1.247-2.82-3.487 0-2.241.927-3.387 2.838-3.48zm11.803 6.95c-.523-.093-1.084-.586-1.084-3.446 0-3.424.816-3.46 1.454-3.487h.244c1.893.092 2.812 1.229 2.812 3.478.003 2.25-.941 3.362-2.835 3.454h-.59z",
-            fill: n
+            fill: r
         })
     }));
 };
-export { p as default };
+export { f as default };

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

@@ -77,36 +77,37 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-import { useTheme as l } from "../../hooks.js";
-import { useIsInverseVariant as s } from "../../theme-variant-context.js";
+import { useTheme as s } 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 h } from "../../_virtual/jsx-runtime.js";
-var p = function(_param) {
-    var c = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, o = _param.children, t = _objectWithoutProperties(_param, [
+var f = function(_param) {
+    var r = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, l = _param.children, c = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = l(), r = ref.skinName, i = ref.colors, a = s(), n = c != null ? c : a ? i.inverse : i.neutralHigh;
-    return r.match(/^o2/i) ? /* @__PURE__ */ h("svg", _objectSpreadProps(_objectSpread({
+    var n = a(), t = r != null ? r : n ? i.colors.inverse : i.colors.neutralHigh, ref = s(), o = ref.skinName;
+    return o.match(/^o2/i) ? /* @__PURE__ */ h("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, c), {
         children: /* @__PURE__ */ h("path", {
             d: "M11.998 2C6.746 2 2.47 6.488 2.47 12v6.248c0 2.139 1.463 3.747 3.401 3.747h1.703V14.5H5.87c-.78 0-1.48.265-2.042.713V12c0-4.726 3.662-8.57 8.165-8.57 4.503 0 8.165 3.844 8.165 8.57v3.213a3.219 3.219 0 00-2.043-.713h-1.702V22h1.702c1.938 0 3.402-1.613 3.402-3.748V12c.008-5.512-4.268-10-9.52-10zM5.875 15.926h.34v4.644h-.34c-1.184 0-2.042-.979-2.042-2.322 0-1.344.858-2.322 2.042-2.322zm11.906 4.644v-4.644h.34c1.184 0 2.042.978 2.042 2.322 0 1.343-.858 2.322-2.042 2.322h-.34z",
-            fill: n
+            fill: t
         })
     })) : /* @__PURE__ */ h("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, c), {
         children: /* @__PURE__ */ h("path", {
             d: "M11.895 2.155c5.075 0 7.89 3.196 7.98 9 1.263.655 1.966 2.02 1.97 4 0 2.745-1.331 4.32-3.738 4.431l-.274.009h-.126a.37.37 0 01-.11-.017c-1.21.888-2.775 1.44-4.655 1.636a.994.994 0 01-.176.28c-.241.233-.577.35-.986.35h-.067c-.443-.008-.793-.162-1.029-.417-.232-.255-.341-.614-.324-1.056.025-.92.568-1.415 1.445-1.39.686.017 1.137.359 1.288.93 1.222-.162 2.267-.479 3.135-.963-.667-.742-.843-2.082-.843-3.793 0-2.625.392-4.38 2.339-4.448.092-.009.187-.009.283 0 .036 0 .084 0 .134.008.102.005.196.02.29.034.061.01.123.018.186.025-.193-4.868-2.44-7.339-6.72-7.339-4.28 0-6.53 2.48-6.714 7.364a4.74 4.74 0 01.712-.086c.016-.009.067-.009.117-.009.098-.008.2-.008.3 0 1.907.067 2.308 1.824 2.308 4.448 0 2.617-.4 4.373-2.342 4.44H6.17l-.277-.008c-2.41-.11-3.737-1.687-3.737-4.432 0-1.865.62-3.17 1.765-3.87.047-5.886 2.874-9.127 7.975-9.127zM5.942 11.99c-1.087.042-2.532.425-2.532 3.162 0 2.726 1.445 3.11 2.53 3.163h.231c.543-.02 1.191-.043 1.191-3.163 0-3.13-.65-3.154-1.126-3.17H6.06l-.06.003-.059.004zm12.104 6.325c1.087-.053 2.54-.437 2.546-3.163 0-2.736-1.454-3.117-2.54-3.162l-.11-.009h-.114c-.543.02-1.191.043-1.191 3.171 0 2.499.417 3.011.826 3.13.05 0 .101.008.149.024.05.009.1.009.15.009h.284z",
-            fill: n
+            fill: t
         })
     }));
 };
-export { p as default };
+export { f as default };

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

@@ -77,26 +77,26 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-import { useTheme as s } from "../../hooks.js";
 import { useIsInverseVariant as c } from "../../theme-variant-context.js";
-import { jsx as t } from "../../_virtual/jsx-runtime.js";
-var d = function(_param) {
-    var e = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, h = _param.children, r = _objectWithoutProperties(_param, [
+import { vars as l } from "../../skins/skin-contract.css-mistica.js";
+import { jsx as r } from "../../_virtual/jsx-runtime.js";
+var m = function(_param) {
+    var a = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, n = _param.children, t = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = s(), l = ref.colors, i = c(), n = e != null ? e : i ? l.inverse : l.neutralHigh;
-    return /* @__PURE__ */ t("svg", _objectSpreadProps(_objectSpread({
-        width: a,
-        height: a,
+    var i = c(), s = a != null ? a : i ? l.colors.inverse : l.colors.neutralHigh;
+    return /* @__PURE__ */ r("svg", _objectSpreadProps(_objectSpread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
-        children: /* @__PURE__ */ t("path", {
+    }, t), {
+        children: /* @__PURE__ */ r("path", {
             d: "M5.292 2.982h13.412c1.731 0 3.137 1.355 3.14 3.022v8.96c0 1.67-1.409 3.026-3.137 3.026h-9.91l-1.99 2.462a1.413 1.413 0 01-1.156.574c-.756 0-1.398-.602-1.398-1.319v-1.863a2.983 2.983 0 01-2.098-2.88v-8.96c0-1.667 1.409-3.022 3.137-3.022zm9.168 9.003c.55-.824.925-1.642 1.118-2.429.21-.857.04-1.569-.482-2.008-.305-.255-.723-.407-1.17-.429-.04-.003-.082-.003-.121-.003l-.027.003-.026.003c-.194.005-.39.028-.583.078l-.032.01-.032.01a3.037 3.037 0 00-.776.336c-.1.055-.205.113-.314.176a.128.128 0 01-.056.014.127.127 0 01-.056-.014l-.144-.08a46.184 46.184 0 00-.346-.191 3.06 3.06 0 00-.603-.238l-.025-.009-.036-.011a2.58 2.58 0 00-.583-.078l-.026-.003a.18.18 0 00-.027-.003c-.04 0-.081 0-.12.003-.449.022-.863.173-1.169.428-.526.437-.7 1.149-.49 2.006.196.787.572 1.605 1.118 2.429a9.822 9.822 0 001.406 1.696c.077.074.255.246.41.354a1.31 1.31 0 00.632.232h.006a.24.24 0 00.044.003h.014l.025-.001.02-.002h.006a1.346 1.346 0 00.63-.232c.153-.106.325-.273.405-.35l.027-.025.014-.014a9.797 9.797 0 001.37-1.662z",
-            fill: n
+            fill: s
         })
     }));
 };
-export { d as default };
+export { m as default };

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

@@ -77,26 +77,26 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-import { useTheme as n } from "../../hooks.js";
 import { useIsInverseVariant as s } from "../../theme-variant-context.js";
-import { jsx as t } from "../../_virtual/jsx-runtime.js";
-var f = function(_param) {
-    var c = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, h = _param.children, r = _objectWithoutProperties(_param, [
+import { vars as e } from "../../skins/skin-contract.css-mistica.js";
+import { jsx as r } from "../../_virtual/jsx-runtime.js";
+var m = function(_param) {
+    var c = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, n = _param.children, t = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = n(), a = ref.colors, i = s(), l = c != null ? c : i ? a.inverse : a.neutralHigh;
-    return /* @__PURE__ */ t("svg", _objectSpreadProps(_objectSpread({
-        width: e,
-        height: e,
+    var l = s(), i = c != null ? c : l ? e.colors.inverse : e.colors.neutralHigh;
+    return /* @__PURE__ */ r("svg", _objectSpreadProps(_objectSpread({
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
-        children: /* @__PURE__ */ t("path", {
+    }, t), {
+        children: /* @__PURE__ */ r("path", {
             d: "M21.837 6.004c0-1.67-1.408-3.025-3.137-3.025H5.288c-1.728 0-3.137 1.356-3.137 3.025v8.958c0 1.345.846 2.487 2.098 2.88v1.862c0 .715.639 1.32 1.395 1.32.474 0 .866-.194 1.157-.575l1.992-2.462H18.7c1.729 0 3.137-1.358 3.137-3.025V6.004zm-.82 0v8.958c0 1.23-1.04 2.23-2.32 2.232H8.589a.418.418 0 00-.325.152l-2.117 2.622c-.205.263-.407.263-.505.263-.296 0-.574-.258-.574-.527v-2.168a.4.4 0 00-.328-.39c-1.042-.207-1.77-1.106-1.77-2.184V6.004c0-1.23 1.042-2.233 2.32-2.233H18.7c1.278 0 2.317 1.003 2.317 2.233zm-6.241 3.364c-.171.7-.51 1.434-1.011 2.185a9.02 9.02 0 01-1.27 1.54l-.027.029-.003.005a2.613 2.613 0 01-.303.263.525.525 0 01-.207.082l-.033-.006h-.009a.506.506 0 01-.174-.078 2.763 2.763 0 01-.322-.283 9.127 9.127 0 01-1.283-1.555c-.495-.748-.837-1.482-1.008-2.182-.076-.32-.151-.905.227-1.218.165-.14.414-.224.678-.238l.078-.003c.297 0 .608.084.902.24.149.082.3.166.482.27.14.078.3.117.462.117a.985.985 0 00.474-.126c.165-.095.319-.182.467-.26.292-.157.605-.241.902-.241l.076.003c.269.014.512.1.68.238.376.313.3.899.222 1.218zm.314-1.82c-.306-.253-.723-.404-1.171-.426-.042-.003-.082-.003-.115-.003a2.74 2.74 0 00-1.3.342c-.157.084-.316.173-.49.271a.138.138 0 01-.056.014.13.13 0 01-.059-.014l-.116-.065c-.13-.074-.252-.144-.371-.206a2.731 2.731 0 00-1.3-.342c-.04 0-.081 0-.12.003-.451.02-.866.173-1.171.425-.524.435-.7 1.149-.488 2.003.194.79.569 1.608 1.115 2.429a9.739 9.739 0 001.384 1.678c.059.059.26.257.431.375.149.1.317.177.482.21.048.008.098.017.151.02h.003c.017.002.028.002.045.002h.017c.017 0 .03 0 .045-.002h.005a.857.857 0 00.151-.02 1.28 1.28 0 00.48-.21 3.49 3.49 0 00.445-.39 9.622 9.622 0 001.372-1.663c.547-.824.925-1.642 1.118-2.429.21-.854.04-1.566-.487-2.003z",
-            fill: l
+            fill: i
         })
     }));
 };
-export { f as default };
+export { m as default };

package/dist-es/generated/mistica-icons/icon-heart-bubble-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 { vars as e } from "../../skins/skin-contract.css-mistica.js";
 import { jsx as r } from "../../_virtual/jsx-runtime.js";
-var u = function(_param) {
-    var c = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, h = _param.children, t = _objectWithoutProperties(_param, [
+var m = function(_param) {
+    var c = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, n = _param.children, l = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = s(), a = ref.colors, l = i(), n = c != null ? c : l ? a.inverse : a.neutralHigh;
+    var t = i(), s = c != null ? c : t ? e.colors.inverse : e.colors.neutralHigh;
     return /* @__PURE__ */ r("svg", _objectSpreadProps(_objectSpread({
-        width: e,
-        height: e,
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, l), {
         children: /* @__PURE__ */ r("path", {
             d: "M21.841 6.147c0-1.745-1.476-3.165-3.285-3.165H5.44c-1.81 0-3.286 1.42-3.286 3.165v8.748c0 1.353.824 2.51 2.053 2.96v1.673c0 .812.723 1.498 1.583 1.498a1.61 1.61 0 001.3-.64l1.88-2.326h9.585c1.812 0 3.285-1.417 3.285-3.162V6.147zm-1.235 0v8.748c0 1.087-.919 1.97-2.048 1.97H8.67c-.19 0-.37.086-.487.229L6.11 19.66c-.134.173-.246.173-.32.173-.17 0-.346-.151-.346-.302v-2.118a.601.601 0 00-.496-.585c-.916-.182-1.558-.975-1.558-1.93V6.147c0-1.087.92-1.972 2.05-1.972h13.116c1.131 0 2.05.885 2.05 1.972zM14.39 9.295c-.16.659-.484 1.353-.952 2.065a8.702 8.702 0 01-1.224 1.482l-.042.039-.003.005a2.867 2.867 0 01-.207.185 5.266 5.266 0 01-.241-.218 8.605 8.605 0 01-1.238-1.496c-.474-.711-.796-1.406-.958-2.064-.045-.185-.13-.645.092-.827a.763.763 0 01.434-.143l.056-.002c.23 0 .474.067.706.193.146.076.294.16.482.266.202.112.431.17.664.17.227 0 .45-.052.65-.159l.02-.008.016-.011c.163-.093.314-.177.46-.255.232-.126.476-.194.703-.194l.059.003a.763.763 0 01.434.143c.218.182.137.639.09.826zm.715-1.733c-.306-.255-.726-.407-1.174-.429a.737.737 0 01-.115-.008 2.77 2.77 0 00-1.305.339c-.157.084-.317.173-.49.274a.119.119 0 01-.057.014.098.098 0 01-.056-.014 25.462 25.462 0 00-.49-.272 2.773 2.773 0 00-1.305-.339l-.058.002-.062.001c-.454.023-.872.174-1.177.429-.527.437-.703 1.151-.49 2.011.193.79.571 1.61 1.12 2.434a9.71 9.71 0 001.39 1.684l.014.013c.073.07.261.25.42.362.148.104.314.174.482.21.047.008.098.017.15.02h.113c.053-.003.104-.011.151-.02a1.36 1.36 0 00.482-.21 3.5 3.5 0 00.434-.375l.014-.014a9.87 9.87 0 001.376-1.667c.551-.826.927-1.644 1.123-2.434.213-.86.039-1.572-.49-2.011z",
-            fill: n
+            fill: s
         })
     }));
 };
-export { u as default };
+export { m as default };

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

@@ -77,36 +77,37 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-import { useTheme as s } from "../../hooks.js";
+import { useTheme as l } from "../../hooks.js";
 import { useIsInverseVariant as c } from "../../theme-variant-context.js";
-import { jsx as t } from "../../_virtual/jsx-runtime.js";
-var p = function(_param) {
-    var i = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, o = _param.children, r = _objectWithoutProperties(_param, [
+import { vars as o } from "../../skins/skin-contract.css-mistica.js";
+import { jsx as r } from "../../_virtual/jsx-runtime.js";
+var v = 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 = s(), h = ref.skinName, n = ref.colors, l = c(), a = i != null ? i : l ? n.inverse : n.neutralHigh;
-    return h.match(/^o2/i) ? /* @__PURE__ */ t("svg", _objectSpreadProps(_objectSpread({
+    var s = c(), n = t != null ? t : s ? o.colors.inverse : o.colors.neutralHigh, ref = l(), a = ref.skinName;
+    return a.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: "M17.252 2c-2.02 0-3.372.769-5.256 3.08C10.14 2.824 8.656 2 6.58 2 3.572 2 2 4.354 2 6.685c0 4.764 6.404 11.52 9.48 14.767L12 22l.52-.549c.88-.925 1.904-2.018 2.96-3.21l2.66-3.232C20.736 11.582 22 8.859 22 6.685 22 4.355 20.368 2 17.252 2z",
-            fill: a
+            fill: n
         })
-    })) : /* @__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: "M12.016 21.809H12c-.05 0-.095 0-.137-.003h-.017a2.42 2.42 0 01-.4-.056c-.46-.104-.896-.3-1.277-.574-.457-.33-.995-.874-1.149-1.031-1.588-1.639-2.515-2.801-3.678-4.605-1.454-2.258-2.454-4.501-2.969-6.667-.56-2.353-.098-4.305 1.297-5.504.81-.692 1.916-1.11 3.11-1.17 1.257-.065 2.562.254 3.772.926.412.227.835.474 1.297.745.093.05.205.05.3 0a50.97 50.97 0 011.3-.748c1.207-.669 2.512-.988 3.77-.924 1.196.062 2.3.48 3.11 1.174 1.394 1.196 1.856 3.151 1.296 5.504-.515 2.163-1.512 4.403-2.97 6.664-1.15 1.79-2.075 2.947-3.638 4.563a.488.488 0 01-.036.042c-.154.16-.692.7-1.146 1.028a3.423 3.423 0 01-1.277.574c-.132.031-.266.05-.4.056h-.018c-.041.006-.08.006-.123.006z",
-            fill: a
+            fill: n
         })
     }));
 };
-export { p as default };
+export { v as default };