@telefonica/mistica 16.68.0 → 16.69.0

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

@@ -78,42 +78,49 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as a, jsxs as m } from "react/jsx-runtime";
-import { useTheme as h } from "../../hooks.js";
-import { useThemeVariant as n } from "../../theme-variant-context.js";
-import { vars as r } from "../../skins/skin-contract.css-mistica.js";
-const g = (_param)=>{
-    var { color: o, size: c = 24 } = _param, t = _object_without_properties(_param, [
+import { jsx as e, jsxs as d } from "react/jsx-runtime";
+import * as i from "react";
+import { useTheme as v } from "../../hooks.js";
+import { useThemeVariant as f } from "../../theme-variant-context.js";
+import { vars as l } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const w = (_param)=>{
+    var { color: s, size: t = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = n(), e = o !== null && o !== void 0 ? o : l === "brand" || l === "media" ? r.colors.neutralHighBrand : l === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh, { skinName: i } = h();
-    return i.match(/^vivo-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    const r = f(), m = r === "brand" || r === "media" ? l.colors.neutralHighBrand : r === "negative" ? l.colors.neutralHighNegative : l.colors.neutralHigh, { fillValue: c, gradientDef: n } = g(s !== null && s !== void 0 ? s : m), { skinName: h } = v(), a = h.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
-        children: /* @__PURE__ */ a("path", {
-            fill: e,
+    }, o), {
+        children: /* @__PURE__ */ e("path", {
+            fill: c,
             d: "m21.835 15.623-.001-.011v-.02l-.014-.12-.005-.043a.4.4 0 0 0-.01-.064L20.316 3.54c-.148-.807-.775-1.37-1.523-1.37L5.2 2.155c-.796 0-1.446.653-1.44 1.367L2.159 15.528v.03q.003.01.003.023l-.006.037q-.005.028-.006.055v4.723c0 .798.65 1.448 1.446 1.448h16.798c.798 0 1.445-.65 1.445-1.448v-4.723zM4.996 3.603c0-.112.093-.204.205-.201l13.59.014c.138 0 .267.148.298.316l1.322 10.493-.009-.001-.008-.002H3.596l-.007.002-.007.001zm15.398 16.995H3.593a.205.205 0 0 1-.202-.205V15.67c0-.112.09-.204.202-.204h16.798c.107 0 .188.084.196.188l.009.056v4.683c0 .112-.09.204-.202.204M11.996 8.105c.894 0 .894.372.894.532s0 .53-.894.53c-.893 0-.893-.37-.893-.53s0-.532.893-.532m-1.72.532c0 .409.168 1.358 1.72 1.358s1.72-.95 1.723-1.358c0-.41-.168-1.362-1.723-1.362-1.552 0-1.72.953-1.72 1.362m7.773 10.227c-.506 0-.703-.196-.703-.706 0-.504.2-.703.703-.703.505 0 .704.196.704.703 0 .51-.2.706-.704.706m1.53-.706c0-.958-.572-1.532-1.53-1.532-.957 0-1.532.574-1.529 1.532 0 .96.572 1.535 1.53 1.535.957 0 1.529-.575 1.529-1.535M6.195 4.92c-.473 0-.748-.174-.748-.54 0-.37.275-.542.748-.542.47 0 .748.174.748.541 0 .37-.274.54-.748.54m10.474-.54c0 .366.274.54.747.54.471 0 .748-.171.748-.54 0-.368-.277-.542-.748-.542-.473 0-.747.171-.747.541m2.35 9.38c-.474 0-.748-.174-.748-.54 0-.37.274-.541.748-.541.473 0 .748.17.748.54s-.275.541-.748.541M5.013 12.544c-.005-.084.067-.201.202-.325.798-.73 2.854-2.14 3.347-2.14q.021 0 .04.003c.067.367-1.099 1.804-2.101 2.723-.449.409-.9.263-1.197.07-.173-.115-.282-.238-.29-.33m2.468-3.907c0-.765 0-3.093 4.512-3.095 4.516 0 4.516 2.33 4.516 3.095 0 .762 0 3.09-4.516 3.09-1.232 0-2.235-.18-2.971-.533l-.02-.008c.272-.426.45-.84.426-1.168a.76.76 0 0 0-.345-.588c-.339-.222-.88-.107-1.468.16a3.5 3.5 0 0 1-.134-.953M4.19 12.614c.022.252.154.625.666.958a1.86 1.86 0 0 0 1.028.323c.42 0 .827-.163 1.174-.482a16 16 0 0 0 1.196-1.238l.028.025a.2.2 0 0 0 .053.042l.149.073c.907.437 2.09.655 3.51.655 5.01 0 5.759-2.717 5.759-4.336 0-1.622-.748-4.339-5.76-4.339-5.005 0-5.753 2.717-5.753 4.339 0 .571.09 1.1.26 1.571q0 .002.002.003l.001.003a19 19 0 0 0-1.838 1.388l-.008.007c-.423.39-.487.762-.467 1.008"
         })
-    })) : /* @__PURE__ */ m("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    })) : /* @__PURE__ */ d("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, o), {
         children: [
-            /* @__PURE__ */ a("path", {
-                fill: e,
+            /* @__PURE__ */ e("path", {
+                fill: c,
                 d: "M7 15a1 1 0 1 1 0 2 1 1 0 0 1 0-2m10 .25a.75.75 0 0 1 0 1.5h-7a.75.75 0 0 1 0-1.5z"
             }),
-            /* @__PURE__ */ a("path", {
-                fill: e,
+            /* @__PURE__ */ e("path", {
+                fill: c,
                 d: "M16.308 5.271a3.75 3.75 0 0 1 3.595 2.565l1.334 4.003A10 10 0 0 1 21.75 15v2A3.75 3.75 0 0 1 18 20.75H6A3.75 3.75 0 0 1 2.25 17v-2.165c0-.952.127-1.9.376-2.818L3.682 8.13a3.75 3.75 0 0 1 3.582-2.77zM6 12.75A2.25 2.25 0 0 0 3.75 15v2A2.25 2.25 0 0 0 6 19.25h12A2.25 2.25 0 0 0 20.25 17v-2A2.25 2.25 0 0 0 18 12.75zm1.278-5.89a2.25 2.25 0 0 0-2.15 1.66l-.856 3.151A3.75 3.75 0 0 1 6 11.25h12c.55 0 1.086.12 1.575.347L18.48 8.31a2.25 2.25 0 0 0-2.157-1.539z"
             })
         ]
     }));
+    return n ? /*#__PURE__*/ i.cloneElement(a, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: n
+        }, "gradient-defs"),
+        ...i.Children.toArray(a.props.children)
+    ]) : a;
 };
-export { g as default };
+export { w as default };

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

@@ -78,52 +78,59 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import { useTheme as c } from "../../hooks.js";
-import { useThemeVariant as v } from "../../theme-variant-context.js";
-import { vars as o } from "../../skins/skin-contract.css-mistica.js";
-const f = (_param)=>{
-    var { color: l, size: e = 24 } = _param, r = _object_without_properties(_param, [
+import { jsx as e, jsxs as m } from "react/jsx-runtime";
+import * as c from "react";
+import { useTheme as d } from "../../hooks.js";
+import { useThemeVariant as f } from "../../theme-variant-context.js";
+import { vars as a } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const x = (_param)=>{
+    var { color: s, size: t = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = v(), h = l !== null && l !== void 0 ? l : i === "brand" || i === "media" ? o.colors.neutralHighBrand : i === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { skinName: a } = c();
-    return a.match(/^o2-new/i) ? /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    const n = f(), v = n === "brand" || n === "media" ? a.colors.neutralHighBrand : n === "negative" ? a.colors.neutralHighNegative : a.colors.neutralHigh, { fillValue: r, gradientDef: h } = g(s !== null && s !== void 0 ? s : v), { skinName: l } = d(), i = l.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
-        children: /* @__PURE__ */ t("path", {
-            fill: h,
+    }, o), {
+        children: /* @__PURE__ */ e("path", {
+            fill: r,
             d: "M2 18h20V6H2zm12.779-3.599c1.228 0 2.223-1.08 2.223-2.401s-1-2.401-2.223-2.401h-1.11v4.802zM11.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-.599s.555.266.555.599v2.201h2.964V9c0-.333.246-.599.554-.599s.555.266.555.599m3.334-.599c1.84 0 3.333 1.613 3.333 3.599s-1.494 3.599-3.333 3.599h-2.224V8.401z"
         })
-    })) : a.match(/^o2/i) ? /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    })) : l.match(/^o2/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
-        children: /* @__PURE__ */ t("path", {
-            fill: h,
+    }, o), {
+        children: /* @__PURE__ */ e("path", {
+            fill: r,
             d: "M2 18h20V6H2zm12.779-3.599c1.228 0 2.223-1.08 2.223-2.401s-1-2.401-2.223-2.401h-1.11v4.802zM11.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-.599s.555.266.555.599v2.201h2.964V9c0-.333.246-.599.554-.599s.555.266.555.599m3.334-.599c1.84 0 3.333 1.613 3.333 3.599s-1.494 3.599-3.333 3.599h-2.224V8.401z"
         })
-    })) : /* @__PURE__ */ n("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    })) : /* @__PURE__ */ m("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, o), {
         children: [
-            /* @__PURE__ */ t("path", {
-                fill: h,
+            /* @__PURE__ */ e("path", {
+                fill: r,
                 d: "M15 9.75A1.25 1.25 0 0 1 16.25 11v2A1.25 1.25 0 0 1 15 14.25h-.25v-4.5z"
             }),
-            /* @__PURE__ */ t("path", {
-                fill: h,
+            /* @__PURE__ */ e("path", {
+                fill: r,
                 d: "M19 4.5A2.5 2.5 0 0 1 21.5 7v10a2.5 2.5 0 0 1-2.5 2.5H5A2.5 2.5 0 0 1 2.5 17V7A2.5 2.5 0 0 1 5 4.5zm-9 3.75a.75.75 0 0 0-.75.75v2.25h-1.5V9a.75.75 0 0 0-1.5 0v6a.75.75 0 0 0 1.5 0v-2.25h1.5V15a.75.75 0 0 0 1.5 0V9a.75.75 0 0 0-.75-.75m4 0a.75.75 0 0 0-.75.75v6c0 .414.336.75.75.75h1A2.75 2.75 0 0 0 17.75 13v-2A2.75 2.75 0 0 0 15 8.25z"
             })
         ]
     }));
+    return h ? /*#__PURE__*/ c.cloneElement(i, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: h
+        }, "gradient-defs"),
+        ...c.Children.toArray(i.props.children)
+    ]) : i;
 };
-export { f as default };
+export { x as default };

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

@@ -78,52 +78,59 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as e, jsxs as c } from "react/jsx-runtime";
-import { useTheme as n } from "../../hooks.js";
-import { useThemeVariant as l } from "../../theme-variant-context.js";
-import { vars as i } from "../../skins/skin-contract.css-mistica.js";
-const f = (_param)=>{
-    var { color: v, size: h = 24 } = _param, a = _object_without_properties(_param, [
+import { jsx as e, jsxs as m } from "react/jsx-runtime";
+import * as c from "react";
+import { useTheme as d } from "../../hooks.js";
+import { useThemeVariant as f } from "../../theme-variant-context.js";
+import { vars as a } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const M = (_param)=>{
+    var { color: v, size: t = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = l(), t = v !== null && v !== void 0 ? v : r === "brand" || r === "media" ? i.colors.neutralHighBrand : r === "negative" ? i.colors.neutralHighNegative : i.colors.neutralHigh, { skinName: o } = n();
-    return o.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: h,
-        height: h,
+    const h = f(), s = h === "brand" || h === "media" ? a.colors.neutralHighBrand : h === "negative" ? a.colors.neutralHighNegative : a.colors.neutralHigh, { fillValue: r, gradientDef: i } = g(v !== null && v !== void 0 ? v : s), { skinName: l } = d(), n = l.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, o), {
         children: /* @__PURE__ */ e("path", {
-            fill: t,
+            fill: r,
             d: "M2 6v12h20V6zm4.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-.6s-.555.267-.555.6v2.2H7.366V9.2c0-.333-.246-.6-.554-.6s-.555.267-.555.6M18.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.4m-4.442-2.201h1.11c1.289 0 2.223.926 2.223 2.201s-.934 2.201-2.223 2.201h-1.11zM3.48 16.398V7.602h17.037v8.796z"
         })
-    })) : o.match(/^o2/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: h,
-        height: h,
+    })) : l.match(/^o2/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, o), {
         children: /* @__PURE__ */ e("path", {
-            fill: t,
+            fill: r,
             d: "M22 6v11.613h-1.48a.38.38 0 0 1-.37-.386.38.38 0 0 1 .37-.386h.74V6.773H2.74v10.063h13.333c.204 0 .37.173.37.386a.38.38 0 0 1-.37.387H2V6zm-3.703 10.454c-.408 0-.74.347-.74.773s.332.773.74.773.74-.347.74-.773-.332-.773-.74-.773m-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.58zm2.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.517m-5.927 2.903a.38.38 0 0 1-.37.386.376.376 0 0 1-.37-.386v-2.71H7.188v2.71a.38.38 0 0 1-.37.386.38.38 0 0 1-.37-.386V8.71a.38.38 0 0 1 .37-.386c.204 0 .37.173.37.386v2.324h3.334V8.71c0-.213.166-.386.37-.386s.37.173.37.386z"
         })
-    })) : /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
-        width: h,
-        height: h,
+    })) : /* @__PURE__ */ m("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, o), {
         children: [
             /* @__PURE__ */ e("path", {
-                fill: t,
+                fill: r,
                 d: "M10 8.25a.75.75 0 0 1 .75.75v6a.75.75 0 0 1-1.5 0v-2.25h-1.5V15a.75.75 0 0 1-1.5 0V9a.75.75 0 0 1 1.5 0v2.25h1.5V9a.75.75 0 0 1 .75-.75m5 0A2.75 2.75 0 0 1 17.75 11v2A2.75 2.75 0 0 1 15 15.75h-1a.75.75 0 0 1-.75-.75V9a.75.75 0 0 1 .75-.75zm-.25 6H15A1.25 1.25 0 0 0 16.25 13v-2A1.25 1.25 0 0 0 15 9.75h-.25z"
             }),
             /* @__PURE__ */ e("path", {
-                fill: t,
+                fill: r,
                 d: "M19 4.25A2.75 2.75 0 0 1 21.75 7v10A2.75 2.75 0 0 1 19 19.75H5A2.75 2.75 0 0 1 2.25 17V7A2.75 2.75 0 0 1 5 4.25zM5 5.75A1.25 1.25 0 0 0 3.75 7v10A1.25 1.25 0 0 0 5 18.25h14A1.25 1.25 0 0 0 20.25 17V7A1.25 1.25 0 0 0 19 5.75z"
             })
         ]
     }));
+    return i ? /*#__PURE__*/ c.cloneElement(n, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: i
+        }, "gradient-defs"),
+        ...c.Children.toArray(n.props.children)
+    ]) : n;
 };
-export { f as default };
+export { M as default };

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

@@ -78,52 +78,59 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as e, jsxs as c } from "react/jsx-runtime";
-import { useTheme as l } from "../../hooks.js";
-import { useThemeVariant as n } from "../../theme-variant-context.js";
-import { vars as o } from "../../skins/skin-contract.css-mistica.js";
-const f = (_param)=>{
-    var { color: v, size: h = 24 } = _param, r = _object_without_properties(_param, [
+import { jsx as e, jsxs as m } from "react/jsx-runtime";
+import * as c from "react";
+import { useTheme as d } from "../../hooks.js";
+import { useThemeVariant as f } from "../../theme-variant-context.js";
+import { vars as i } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const w = (_param)=>{
+    var { color: v, size: t = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = n(), t = v !== null && v !== void 0 ? v : a === "brand" || a === "media" ? o.colors.neutralHighBrand : a === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { skinName: i } = l();
-    return i.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: h,
-        height: h,
+    const n = f(), s = n === "brand" || n === "media" ? i.colors.neutralHighBrand : n === "negative" ? i.colors.neutralHighNegative : i.colors.neutralHigh, { fillValue: r, gradientDef: a } = g(v !== null && v !== void 0 ? v : s), { skinName: l } = d(), h = l.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, o), {
         children: /* @__PURE__ */ e("path", {
-            fill: t,
+            fill: r,
             d: "M2 6v12h20V6zm4.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-.6s-.555.267-.555.6v2.2H7.366V9.2c0-.333-.246-.6-.554-.6s-.555.267-.555.6M18.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.4m-4.442-2.201h1.11c1.289 0 2.223.926 2.223 2.201s-.934 2.201-2.223 2.201h-1.11zM3.48 16.398V7.602h17.037v8.796z"
         })
-    })) : i.match(/^o2/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: h,
-        height: h,
+    })) : l.match(/^o2/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, o), {
         children: /* @__PURE__ */ e("path", {
-            fill: t,
+            fill: r,
             d: "M2 6v12h20V6zm4.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-.6s-.555.267-.555.6v2.2H7.366V9.2c0-.333-.246-.6-.554-.6s-.555.267-.555.6M18.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.4m-4.442-2.201h1.11c1.289 0 2.223.926 2.223 2.201s-.934 2.201-2.223 2.201h-1.11zM3.48 16.398V7.602h17.037v8.796z"
         })
-    })) : /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
-        width: h,
-        height: h,
+    })) : /* @__PURE__ */ m("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, o), {
         children: [
             /* @__PURE__ */ e("path", {
-                fill: t,
+                fill: r,
                 d: "M10 8.25a.75.75 0 0 1 .75.75v6a.75.75 0 0 1-1.5 0v-2.25h-1.5V15a.75.75 0 0 1-1.5 0V9a.75.75 0 0 1 1.5 0v2.25h1.5V9a.75.75 0 0 1 .75-.75m5 0A2.75 2.75 0 0 1 17.75 11v2A2.75 2.75 0 0 1 15 15.75h-1a.75.75 0 0 1-.75-.75V9a.75.75 0 0 1 .75-.75zm-.25 6H15A1.25 1.25 0 0 0 16.25 13v-2A1.25 1.25 0 0 0 15 9.75h-.25z"
             }),
             /* @__PURE__ */ e("path", {
-                fill: t,
+                fill: r,
                 d: "M19 4.25A2.75 2.75 0 0 1 21.75 7v10A2.75 2.75 0 0 1 19 19.75H5A2.75 2.75 0 0 1 2.25 17V7A2.75 2.75 0 0 1 5 4.25zM5 5.75A1.25 1.25 0 0 0 3.75 7v10A1.25 1.25 0 0 0 5 18.25h14A1.25 1.25 0 0 0 20.25 17V7A1.25 1.25 0 0 0 19 5.75z"
             })
         ]
     }));
+    return a ? /*#__PURE__*/ c.cloneElement(h, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: a
+        }, "gradient-defs"),
+        ...c.Children.toArray(h.props.children)
+    ]) : h;
 };
-export { f as default };
+export { w as default };

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

@@ -78,72 +78,79 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as i, jsx as t } from "react/jsx-runtime";
-import { useTheme as v } from "../../hooks.js";
-import { useThemeVariant as m } from "../../theme-variant-context.js";
-import { vars as o } from "../../skins/skin-contract.css-mistica.js";
-const f = (_param)=>{
-    var { color: n, size: a = 24 } = _param, e = _object_without_properties(_param, [
+import { jsx as e, jsxs as n } from "react/jsx-runtime";
+import * as c from "react";
+import { useTheme as s } from "../../hooks.js";
+import { useThemeVariant as f } from "../../theme-variant-context.js";
+import { vars as i } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as p } from "../../utils/icon-gradient.js";
+const H = (_param)=>{
+    var { color: v, size: l = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const h = m(), l = n !== null && n !== void 0 ? n : h === "brand" || h === "media" ? o.colors.neutralHighBrand : h === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { skinName: r } = v();
-    return r.match(/^o2-new/i) ? /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const r = f(), m = r === "brand" || r === "media" ? i.colors.neutralHighBrand : r === "negative" ? i.colors.neutralHighNegative : i.colors.neutralHigh, { fillValue: t, gradientDef: h } = p(v !== null && v !== void 0 ? v : m), { skinName: d } = s(), a = d.match(/^o2-new/i) ? /* @__PURE__ */ n("svg", _object_spread_props(_object_spread({
+        width: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, o), {
         children: [
-            /* @__PURE__ */ t("path", {
-                fill: l,
+            /* @__PURE__ */ e("path", {
+                fill: t,
                 d: "M11.968 7.084c-1.496 0-2.528.712-2.528 3.424s1.032 3.424 2.528 3.424 2.528-.712 2.528-3.424-1.032-3.424-2.528-3.424m-.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.172z"
             }),
-            /* @__PURE__ */ t("path", {
-                fill: l,
+            /* @__PURE__ */ e("path", {
+                fill: t,
                 d: "m13.244 9.34-1-.568v1.136zm0 2.336-1 .568v-1.132z"
             }),
-            /* @__PURE__ */ t("path", {
-                fill: l,
+            /* @__PURE__ */ e("path", {
+                fill: t,
                 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 0 0-2.144.716V12c0-4.724 3.848-8.572 8.572-8.572S20.572 7.276 20.572 12v3.216a3.5 3.5 0 0 0-2.144-.716h-1.784V22h1.784C20.464 22 22 20.388 22 18.248V12c0-5.516-4.484-10-10-10"
             })
         ]
-    })) : r.match(/^o2/i) ? /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : d.match(/^o2/i) ? /* @__PURE__ */ n("svg", _object_spread_props(_object_spread({
+        width: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, o), {
         children: [
-            /* @__PURE__ */ t("path", {
-                fill: l,
+            /* @__PURE__ */ e("path", {
+                fill: t,
                 d: "M11.968 7.084c-1.496 0-2.528.712-2.528 3.424s1.032 3.424 2.528 3.424 2.528-.712 2.528-3.424-1.032-3.424-2.528-3.424m-.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.172z"
             }),
-            /* @__PURE__ */ t("path", {
-                fill: l,
+            /* @__PURE__ */ e("path", {
+                fill: t,
                 d: "m13.244 9.34-1-.568v1.136zm0 2.336-1 .568v-1.132z"
             }),
-            /* @__PURE__ */ t("path", {
-                fill: l,
+            /* @__PURE__ */ e("path", {
+                fill: t,
                 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 0 0-2.144.716V12c0-4.724 3.848-8.572 8.572-8.572S20.572 7.276 20.572 12v3.216a3.5 3.5 0 0 0-2.144-.716h-1.784V22h1.784C20.464 22 22 20.388 22 18.248V12c0-5.516-4.484-10-10-10"
             })
         ]
-    })) : /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : /* @__PURE__ */ n("svg", _object_spread_props(_object_spread({
+        width: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, o), {
         children: [
-            /* @__PURE__ */ t("path", {
-                fill: l,
+            /* @__PURE__ */ e("path", {
+                fill: t,
                 d: "M12 3.25c1.34 0 2.646.307 3.828.882a.75.75 0 0 1-.656 1.348 7.3 7.3 0 0 0-2.757-.718L12 4.75A7.25 7.25 0 0 0 4.75 12v.553A2.75 2.75 0 0 1 6 12.25h1A2.75 2.75 0 0 1 9.75 15v3A2.75 2.75 0 0 1 7 20.75H6A2.75 2.75 0 0 1 3.25 18v-6A8.75 8.75 0 0 1 12 3.25"
             }),
-            /* @__PURE__ */ t("path", {
-                fill: l,
+            /* @__PURE__ */ e("path", {
+                fill: t,
                 d: "M16.665 7.33a.75.75 0 0 1 .785.07l4 3a.75.75 0 0 1 0 1.2l-3.2 2.4 3.201 2.4a.75.75 0 0 1 0 1.2l-4 3a.75.75 0 0 1-1.2-.6v-4.501l-2.8 2.1a.75.75 0 0 1-.9-1.199l3.2-2.4-3.2-2.4a.75.75 0 0 1 .9-1.2l2.8 2.1V8a.75.75 0 0 1 .415-.67M17.75 18.5l2-1.5-2-1.501zm0-6 2-1.5-2-1.501z"
             })
         ]
     }));
+    return h ? /*#__PURE__*/ c.cloneElement(a, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: h
+        }, "gradient-defs"),
+        ...c.Children.toArray(a.props.children)
+    ]) : a;
 };
-export { f as default };
+export { H as default };

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

@@ -78,80 +78,87 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as i, jsx as l } from "react/jsx-runtime";
-import { useTheme as v } from "../../hooks.js";
-import { useThemeVariant as n } from "../../theme-variant-context.js";
-import { vars as o } from "../../skins/skin-contract.css-mistica.js";
-const f = (_param)=>{
-    var { color: r, size: t = 24 } = _param, a = _object_without_properties(_param, [
+import { jsx as t, jsxs as r } from "react/jsx-runtime";
+import * as s from "react";
+import { useTheme as d } from "../../hooks.js";
+import { useThemeVariant as f } from "../../theme-variant-context.js";
+import { vars as i } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as p } from "../../utils/icon-gradient.js";
+const z = (_param)=>{
+    var { color: v, size: l = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = n(), h = r !== null && r !== void 0 ? r : e === "brand" || e === "media" ? o.colors.neutralHighBrand : e === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { skinName: c } = v();
-    return c.match(/^o2-new/i) ? /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
-        width: t,
-        height: t,
+    const h = f(), m = h === "brand" || h === "media" ? i.colors.neutralHighBrand : h === "negative" ? i.colors.neutralHighNegative : i.colors.neutralHigh, { fillValue: e, gradientDef: n } = p(v !== null && v !== void 0 ? v : m), { skinName: c } = d(), o = c.match(/^o2-new/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
+        width: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, a), {
         children: [
-            /* @__PURE__ */ l("path", {
-                fill: h,
+            /* @__PURE__ */ t("path", {
+                fill: e,
                 d: "m12.767 11.674-.54.568.003-1.136z"
             }),
-            /* @__PURE__ */ l("path", {
-                fill: h,
+            /* @__PURE__ */ t("path", {
+                fill: e,
                 d: "M9.556 10.506c0-2.715.983-3.427 2.407-3.427 1.425 0 2.408.716 2.408 3.427s-.983 3.424-2.408 3.424-2.407-.708-2.407-3.424m2.19 2.948 1.692-1.776-1.113-1.172 1.116-1.171-1.691-1.776v2.343l-.93-.975-.335.352 1.162 1.231-1.166 1.228.336.352.93-.976z"
             }),
-            /* @__PURE__ */ l("path", {
-                fill: h,
+            /* @__PURE__ */ t("path", {
+                fill: e,
                 d: "m12.226 8.77.541.568-.537.564z"
             }),
-            /* @__PURE__ */ l("path", {
-                fill: h,
+            /* @__PURE__ */ t("path", {
+                fill: e,
                 d: "M18.729 4.927C16.931 3.04 14.539 2 11.994 2S7.057 3.04 5.259 4.927s-2.789 4.4-2.789 7.071v6.25c0 1.005.335 1.94.941 2.632A3.24 3.24 0 0 0 5.871 22h1.7v-7.502h-1.7c-.757 0-1.466.252-2.041.715v-3.215c0-4.727 3.66-8.57 8.164-8.57s8.164 3.843 8.164 8.57v3.215a3.22 3.22 0 0 0-2.042-.715h-1.7v7.498h1.7c.956 0 1.832-.396 2.46-1.12.606-.692.942-1.627.942-2.631v-6.247c0-2.671-.99-5.183-2.789-7.07M5.872 15.925h.339v4.643h-.34c-1.18 0-2.041-.975-2.041-2.32 0-1.343.857-2.323 2.042-2.323m11.905 4.643v-4.643h.339c1.18 0 2.042.976 2.042 2.32s-.858 2.323-2.042 2.323z"
             })
         ]
-    })) : c.match(/^o2/i) ? /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
-        width: t,
-        height: t,
+    })) : c.match(/^o2/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
+        width: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, a), {
         children: [
-            /* @__PURE__ */ l("path", {
-                fill: h,
+            /* @__PURE__ */ t("path", {
+                fill: e,
                 d: "M20.488 14.5c0-.196.155-.356.345-.356s.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.212zm-3.118 6.784h.694c1.38 0 2.424-1.148 2.424-2.676s-1.043-2.68-2.424-2.68h-.694zm4.158-8.928a.705.705 0 0 1-.695.716.705.705 0 0 1-.694-.716c0-.395.31-.716.694-.716s.695.32.695.716M3.17 11.644v4.78a2.99 2.99 0 0 1 2.424-1.208h1.389V22H5.598c-1.78 0-3.118-1.456-3.118-3.392l.002-.071.002-.065q-.005-.022-.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.73 9.73 0 0 1 3.126 5.816.36.36 0 0 1-.291.408.35.35 0 0 1-.396-.3c-.643-4.308-4.32-7.56-8.556-7.56-4.77 0-8.657 4.004-8.657 8.928m2.424 9.64h.695v-5.36h-.695c-1.38 0-2.424 1.152-2.424 2.68s1.044 2.68 2.424 2.68"
             }),
-            /* @__PURE__ */ l("path", {
-                fill: h,
+            /* @__PURE__ */ t("path", {
+                fill: e,
                 d: "m12.068 9.908-.004-1.132.55.568z"
             }),
-            /* @__PURE__ */ l("path", {
-                fill: h,
+            /* @__PURE__ */ t("path", {
+                fill: e,
                 d: "M9.341 10.508c0-2.712 1-3.424 2.451-3.424s2.448.712 2.448 3.424-.997 3.424-2.448 3.424c-1.45 0-2.45-.712-2.45-3.424m2.234 2.948 1.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-.976z"
             }),
-            /* @__PURE__ */ l("path", {
-                fill: h,
+            /* @__PURE__ */ t("path", {
+                fill: e,
                 d: "m12.064 12.244.55-.564-.546-.564z"
             })
         ]
-    })) : /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
-        width: t,
-        height: t,
+    })) : /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
+        width: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, a), {
         children: [
-            /* @__PURE__ */ l("path", {
-                fill: h,
+            /* @__PURE__ */ t("path", {
+                fill: e,
                 d: "M12 3.25c1.34 0 2.646.307 3.828.882a.75.75 0 0 1-.656 1.348A7.25 7.25 0 0 0 4.75 12v.553A2.75 2.75 0 0 1 6 12.25h1A2.75 2.75 0 0 1 9.75 15v3A2.75 2.75 0 0 1 7 20.75H6A2.75 2.75 0 0 1 3.25 18v-6A8.75 8.75 0 0 1 12 3.25m-6 10.5A1.25 1.25 0 0 0 4.75 15v3A1.25 1.25 0 0 0 6 19.25h1A1.25 1.25 0 0 0 8.25 18v-3A1.25 1.25 0 0 0 7 13.75z"
             }),
-            /* @__PURE__ */ l("path", {
-                fill: h,
+            /* @__PURE__ */ t("path", {
+                fill: e,
                 d: "M16.665 7.33a.75.75 0 0 1 .785.07l4 3a.75.75 0 0 1 0 1.2l-3.2 2.4 3.201 2.4a.75.75 0 0 1 0 1.2l-4 3a.75.75 0 0 1-1.2-.6v-4.501l-2.8 2.1a.75.75 0 0 1-.9-1.199l3.2-2.4-3.2-2.4a.75.75 0 0 1 .9-1.2l2.8 2.1V8a.75.75 0 0 1 .415-.67M17.75 18.5l2-1.5-2-1.501zm0-6 2-1.5-2-1.501z"
             })
         ]
     }));
+    return n ? /*#__PURE__*/ s.cloneElement(o, {}, [
+        /* @__PURE__ */ t("defs", {
+            children: n
+        }, "gradient-defs"),
+        ...s.Children.toArray(o.props.children)
+    ]) : o;
 };
-export { f as default };
+export { z as default };