@telefonica/mistica 16.67.0 → 16.69.0

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

@@ -78,52 +78,59 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as a, jsxs as l } from "react/jsx-runtime";
-import { useTheme as n } from "../../hooks.js";
-import { useThemeVariant as m } from "../../theme-variant-context.js";
-import { vars as r } from "../../skins/skin-contract.css-mistica.js";
-const f = (_param)=>{
-    var { color: i, size: c = 24 } = _param, h = _object_without_properties(_param, [
+import { jsx as e, jsxs as d } from "react/jsx-runtime";
+import * as l from "react";
+import { useTheme as f } from "../../hooks.js";
+import { useThemeVariant as g } from "../../theme-variant-context.js";
+import { vars as n } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as p } from "../../utils/icon-gradient.js";
+const w = (_param)=>{
+    var { color: m, size: t = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = m(), e = i !== null && i !== void 0 ? i : t === "brand" || t === "media" ? r.colors.neutralHighBrand : t === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh, { skinName: o } = n();
-    return o.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    const c = g(), s = c === "brand" || c === "media" ? n.colors.neutralHighBrand : c === "negative" ? n.colors.neutralHighNegative : n.colors.neutralHigh, { fillValue: r, gradientDef: i } = p(m !== null && m !== void 0 ? m : s), { skinName: h } = f(), a = h.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
-        children: /* @__PURE__ */ a("path", {
-            fill: e,
+    }, o), {
+        children: /* @__PURE__ */ e("path", {
+            fill: r,
             d: "M15.165 2H8.849C6.912 2 5.34 3.6 5.34 5.571V18.43c0 1.969 1.572 3.57 3.51 3.57h6.316c1.936 0 3.508-1.6 3.508-3.571V5.576C18.673 3.605 17.101 2 15.165 2M6.742 17.364V6.646h10.53v10.718zM15.165 3.43c1.042 0 1.905.773 2.075 1.788H6.773c.17-1.015 1.033-1.788 2.076-1.788zm0 17.147H8.849c-1.043 0-1.905-.773-2.076-1.788H17.24c-.17 1.015-1.033 1.788-2.075 1.788m0-5.02a.72.72 0 0 0 .256-.975.69.69 0 0 0-.957-.256 2.6 2.6 0 0 1-1.316.362c-1.209 0-2.224-.837-2.534-1.967h2.704c.387 0 .701-.32.701-.713a.71.71 0 0 0-.7-.713h-2.71c.306-1.134 1.326-1.966 2.534-1.966.458 0 .917.123 1.317.36a.697.697 0 0 0 .961-.26.723.723 0 0 0-.256-.978 4 4 0 0 0-2.017-.554c-1.986 0-3.639 1.468-3.971 3.393h-.418a.71.71 0 0 0-.701.713c0 .394.314.714.7.714h.419c.332 1.925 1.985 3.393 3.97 3.393.706 0 1.402-.192 2.018-.554"
         })
-    })) : o.match(/^o2/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    })) : h.match(/^o2/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
-        children: /* @__PURE__ */ a("path", {
-            fill: e,
+    }, o), {
+        children: /* @__PURE__ */ e("path", {
+            fill: r,
             d: "M15.165 2H8.849C6.911 2 5.34 3.6 5.34 5.571V18.43c0 1.969 1.572 3.57 3.508 3.57h6.317c1.936 0 3.508-1.6 3.508-3.571V5.576C18.673 3.605 17.101 2 15.165 2M6.742 17.364V6.646h10.53v10.718zM15.165 3.43c1.042 0 1.905.773 2.075 1.788H6.773c.17-1.015 1.033-1.788 2.076-1.788zm0 17.147H8.849c-1.043 0-1.905-.773-2.076-1.788H17.24c-.17 1.015-1.033 1.788-2.075 1.788m0-5.02a.72.72 0 0 0 .256-.975.69.69 0 0 0-.957-.256 2.6 2.6 0 0 1-1.316.362c-1.209 0-2.224-.837-2.534-1.967h2.704c.387 0 .701-.32.701-.713a.71.71 0 0 0-.7-.713h-2.71c.306-1.134 1.326-1.966 2.534-1.966.458 0 .917.123 1.316.36a.697.697 0 0 0 .962-.26.723.723 0 0 0-.256-.978 4 4 0 0 0-2.017-.554c-1.986 0-3.64 1.468-3.972 3.393H8.76a.71.71 0 0 0-.701.713c0 .394.314.714.7.714h.418c.333 1.925 1.986 3.393 3.972 3.393.705 0 1.401-.192 2.017-.554"
         })
-    })) : /* @__PURE__ */ l("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"
-    }, h), {
+    }, o), {
         children: [
-            /* @__PURE__ */ a("path", {
-                fill: e,
+            /* @__PURE__ */ e("path", {
+                fill: r,
                 d: "M12 16a1 1 0 1 1 0 2 1 1 0 0 1 0-2m.485-9.715c.595-.082 1.2-.02 1.766.18a.75.75 0 0 1-.501 1.414 2.25 2.25 0 0 0-2.871 1.371H12a.75.75 0 0 1 0 1.5h-1.121q.05.146.122.284a2.25 2.25 0 0 0 2.749 1.087.75.75 0 0 1 .501 1.414 3.75 3.75 0 0 1-4.582-1.81 3.8 3.8 0 0 1-.343-.975H9a.75.75 0 0 1 0-1.5h.326a3.75 3.75 0 0 1 1.509-2.312 3.75 3.75 0 0 1 1.65-.653"
             }),
-            /* @__PURE__ */ a("path", {
-                fill: e,
+            /* @__PURE__ */ e("path", {
+                fill: r,
                 d: "M16 2.25A2.75 2.75 0 0 1 18.75 5v14A2.75 2.75 0 0 1 16 21.75H8A2.75 2.75 0 0 1 5.25 19V5A2.75 2.75 0 0 1 8 2.25zm-8 1.5c-.69 0-1.25.56-1.25 1.25v14c0 .69.56 1.25 1.25 1.25h8c.69 0 1.25-.56 1.25-1.25V5c0-.69-.56-1.25-1.25-1.25z"
             })
         ]
     }));
+    return i ? /*#__PURE__*/ l.cloneElement(a, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: i
+        }, "gradient-defs"),
+        ...l.Children.toArray(a.props.children)
+    ]) : a;
 };
-export { f as default };
+export { w as default };

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

@@ -78,42 +78,49 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as a, jsxs as n } from "react/jsx-runtime";
-import { useTheme as h } from "../../hooks.js";
-import { useThemeVariant as s } from "../../theme-variant-context.js";
-import { vars as r } from "../../skins/skin-contract.css-mistica.js";
-const p = (_param)=>{
-    var { color: c, size: e = 24 } = _param, i = _object_without_properties(_param, [
+import { jsx as e, jsxs as v } from "react/jsx-runtime";
+import * as l 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, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = s(), o = c !== null && c !== void 0 ? c : t === "brand" || t === "media" ? r.colors.neutralHighBrand : t === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh, { skinName: l } = h();
-    return l.match(/^vivo-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    const r = f(), h = r === "brand" || r === "media" ? a.colors.neutralHighBrand : r === "negative" ? a.colors.neutralHighNegative : a.colors.neutralHigh, { fillValue: o, gradientDef: c } = g(s !== null && s !== void 0 ? s : h), { skinName: m } = d(), n = m.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, i), {
-        children: /* @__PURE__ */ a("path", {
+        children: /* @__PURE__ */ e("path", {
             fill: o,
             d: "M20.889 3.11c.641.639.955 1.535.955 2.737v12.305c0 1.216-.314 2.115-.964 2.754-.644.63-1.549.938-2.764.938h-6.21c-1.219 0-2.121-.308-2.762-.938-.577-.566-.888-1.34-.953-2.359v-.549L8.137 18H8.08c-3.742 0-5.924-1.87-5.924-5.867 0-4 2.182-5.872 5.924-5.872a1 1 0 0 1 .101.003v-.417c0-1.185.314-2.076.955-2.72.653-.653 1.558-.972 2.77-.972h6.21c1.222.003 2.13.314 2.774.955M8.082 16.796c3.213 0 4.709-1.481 4.709-4.663s-1.496-4.667-4.709-4.667c-3.21 0-4.706 1.482-4.706 4.667 0 3.182 1.496 4.663 4.706 4.663m5.877 1.208c0 .319.092.577.274.759.185.188.454.285.779.285s.594-.097.779-.285q.274-.279.274-.76c0-.655-.392-1.047-1.053-1.047-.658 0-1.053.392-1.053 1.048M6.26 9.3c.336 0 .608.269.608.602v4.711a.607.607 0 0 1-.608.605.605.605 0 0 1-.608-.605V9.906c0-.334.275-.605.608-.605m4.06.588a.606.606 0 0 0-.609-.602.604.604 0 0 0-.608.602V14.6c0 .337.272.605.608.605a.607.607 0 0 0 .608-.605z"
         })
-    })) : /* @__PURE__ */ n("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    })) : /* @__PURE__ */ v("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, i), {
         children: [
-            /* @__PURE__ */ a("path", {
+            /* @__PURE__ */ e("path", {
                 fill: o,
                 d: "M17 16.25a.75.75 0 0 1 .75.75v5a.75.75 0 0 1-1.5 0v-5a.75.75 0 0 1 .75-.75m4 0a.75.75 0 0 1 .75.75v5a.75.75 0 0 1-1.5 0v-5a.75.75 0 0 1 .75-.75"
             }),
-            /* @__PURE__ */ a("path", {
+            /* @__PURE__ */ e("path", {
                 fill: o,
                 d: "M16 2.5A2.5 2.5 0 0 1 18.5 5v9.766c0 .216-.267.34-.458.24A2.25 2.25 0 0 0 14.75 17v4.1a.4.4 0 0 1-.4.401H8A2.5 2.5 0 0 1 5.5 19V5A2.5 2.5 0 0 1 8 2.5zM12 16c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1"
             })
         ]
     }));
+    return c ? /*#__PURE__*/ l.cloneElement(n, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: c
+        }, "gradient-defs"),
+        ...l.Children.toArray(n.props.children)
+    ]) : n;
 };
-export { p as default };
+export { x as default };

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

@@ -78,46 +78,53 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as a, jsxs as l } from "react/jsx-runtime";
-import { useTheme as n } from "../../hooks.js";
-import { useThemeVariant as v } from "../../theme-variant-context.js";
-import { vars as o } from "../../skins/skin-contract.css-mistica.js";
-const p = (_param)=>{
-    var { color: c, size: e = 24 } = _param, r = _object_without_properties(_param, [
+import { jsx as e, jsxs as m } from "react/jsx-runtime";
+import * as l from "react";
+import { useTheme as d } from "../../hooks.js";
+import { useThemeVariant as f } from "../../theme-variant-context.js";
+import { vars as n } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const H = (_param)=>{
+    var { color: h, size: t = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = v(), t = c !== null && c !== void 0 ? c : i === "brand" || i === "media" ? o.colors.neutralHighBrand : i === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { skinName: h } = n();
-    return h.match(/^vivo-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    const o = f(), s = o === "brand" || o === "media" ? n.colors.neutralHighBrand : o === "negative" ? n.colors.neutralHighNegative : n.colors.neutralHigh, { fillValue: r, gradientDef: c } = g(h !== null && h !== void 0 ? h : s), { skinName: v } = d(), a = v.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
-        children: /* @__PURE__ */ a("path", {
-            fill: t,
+    }, i), {
+        children: /* @__PURE__ */ e("path", {
+            fill: r,
             d: "M20.94 3.065c.607.617.901 1.48.901 2.653v12.56c0 1.182-.294 2.062-.91 2.667-.608.608-1.476.896-2.65.896h-6.274c-1.174 0-2.034-.288-2.65-.896-.54-.54-.838-1.289-.894-2.275l-.008-.549c-.107.009-.205.009-.311.009-3.782 0-5.989-1.913-5.989-5.992 0-4.09 2.207-6.003 5.989-6.003.098 0 .204 0 .302.009v-.426c0-1.148.294-2.011.91-2.636s1.485-.927 2.65-.927h6.275c1.182 0 2.05.294 2.658.91m.08 2.653c0-.944-.212-1.625-.663-2.07-.443-.451-1.123-.672-2.076-.672h-6.274c-.936 0-1.617.221-2.068.689-.45.45-.672 1.126-.672 2.053v.485c3.093.353 4.866 2.274 4.866 5.935 0 3.653-1.773 5.574-4.858 5.927v.583c.048.756.27 1.322.664 1.717.443.443 1.124.658 2.068.658h6.274c.953 0 1.625-.213 2.076-.658.45-.454.664-1.134.664-2.087zm-7.708 6.42c0-3.479-1.692-5.182-5.168-5.182-3.48 0-5.168 1.7-5.168 5.182s1.689 5.171 5.168 5.171c3.476 0 5.168-1.692 5.168-5.17m2.894 5.992c0-.672-.396-1.067-1.06-1.067-.663 0-1.064.395-1.067 1.067 0 .322.101.585.28.773.188.196.46.294.788.294.327 0 .6-.098.787-.294.182-.19.272-.454.272-.773M6.332 9.4a.41.41 0 0 1 .408.41v4.812a.41.41 0 0 1-.817 0v-4.81c0-.227.184-.412.409-.412m3.896.395a.41.41 0 0 0-.41-.411.41.41 0 0 0-.408.411v4.81a.41.41 0 0 0 .818 0z"
         })
-    })) : /* @__PURE__ */ l("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), {
+    }, i), {
         children: [
-            /* @__PURE__ */ a("path", {
-                fill: t,
+            /* @__PURE__ */ e("path", {
+                fill: r,
                 d: "M17 16.25a.75.75 0 0 1 .75.75v5a.75.75 0 0 1-1.5 0v-5a.75.75 0 0 1 .75-.75m4 0a.75.75 0 0 1 .75.75v5a.75.75 0 0 1-1.5 0v-5a.75.75 0 0 1 .75-.75"
             }),
-            /* @__PURE__ */ a("path", {
-                fill: t,
+            /* @__PURE__ */ e("path", {
+                fill: r,
                 d: "M16 2.25A2.75 2.75 0 0 1 18.75 5v8a.75.75 0 0 1-1.5 0V5c0-.69-.56-1.25-1.25-1.25H8c-.69 0-1.25.56-1.25 1.25v14c0 .69.56 1.25 1.25 1.25h4a.75.75 0 0 1 0 1.5H8A2.75 2.75 0 0 1 5.25 19V5A2.75 2.75 0 0 1 8 2.25z"
             }),
-            /* @__PURE__ */ a("path", {
-                fill: t,
+            /* @__PURE__ */ e("path", {
+                fill: r,
                 d: "M12 16a1 1 0 1 1 0 2 1 1 0 0 1 0-2"
             })
         ]
     }));
+    return c ? /*#__PURE__*/ l.cloneElement(a, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: c
+        }, "gradient-defs"),
+        ...l.Children.toArray(a.props.children)
+    ]) : a;
 };
-export { p as default };
+export { H as default };

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

@@ -78,46 +78,53 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as a, jsxs as h } from "react/jsx-runtime";
-import { useTheme as n } from "../../hooks.js";
-import { useThemeVariant as v } from "../../theme-variant-context.js";
-import { vars as c } from "../../skins/skin-contract.css-mistica.js";
-const p = (_param)=>{
-    var { color: i, size: e = 24 } = _param, o = _object_without_properties(_param, [
+import { jsx as e, jsxs as m } from "react/jsx-runtime";
+import * as l from "react";
+import { useTheme as d } from "../../hooks.js";
+import { useThemeVariant as f } from "../../theme-variant-context.js";
+import { vars as n } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const H = (_param)=>{
+    var { color: h, size: t = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = v(), t = i !== null && i !== void 0 ? i : r === "brand" || r === "media" ? c.colors.neutralHighBrand : r === "negative" ? c.colors.neutralHighNegative : c.colors.neutralHigh, { skinName: l } = n();
-    return l.match(/^vivo-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    const a = f(), s = a === "brand" || a === "media" ? n.colors.neutralHighBrand : a === "negative" ? n.colors.neutralHighNegative : n.colors.neutralHigh, { fillValue: r, gradientDef: c } = g(h !== null && h !== void 0 ? h : s), { skinName: v } = d(), o = v.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
-        children: /* @__PURE__ */ a("path", {
-            fill: t,
+    }, i), {
+        children: /* @__PURE__ */ e("path", {
+            fill: r,
             d: "M20.886 3.107c.642.639.955 1.535.955 2.737v12.305c0 1.216-.313 2.118-.963 2.754-.645.63-1.55.938-2.765.938h-6.207c-1.219 0-2.12-.308-2.762-.938-.577-.566-.888-1.34-.953-2.359v-.549l-.053.002-.059.001c-3.742.003-5.924-1.868-5.924-5.865 0-4 2.182-5.872 5.924-5.872l.05.002.051.001v-.417c0-1.185.314-2.076.955-2.72.653-.656 1.558-.972 2.77-.972h6.21c1.22 0 2.127.31 2.771.952m-.263 2.74c0-.868-.196-1.488-.6-1.888-.406-.403-1.03-.597-1.91-.597h-6.207c-.869 0-1.493.2-1.905.61-.406.41-.605 1.02-.605 1.875v.501c2.933.41 4.61 2.283 4.61 5.785 0 3.501-1.672 5.37-4.602 5.781v.594c.045.675.238 1.19.594 1.538.4.395 1.025.588 1.905.588h6.21c.88 0 1.501-.193 1.905-.588.409-.398.605-1.02.605-1.897zm-7.835 6.283c0-3.182-1.496-4.667-4.709-4.667-3.21 0-4.705 1.482-4.705 4.667 0 3.182 1.495 4.664 4.705 4.664 3.213 0 4.71-1.482 4.71-4.664M16.06 18c0-.655-.392-1.047-1.05-1.047-.659 0-1.051.392-1.057 1.048q.001.48.275.759c.185.188.454.286.779.286s.593-.098.778-.286c.182-.182.275-.44.275-.76M6.259 9.299c.336 0 .608.269.608.602v4.712a.607.607 0 0 1-1.216 0v-4.71a.61.61 0 0 1 .608-.604m4.059.585a.606.606 0 0 0-.608-.602.607.607 0 0 0-.608.605v4.709a.608.608 0 0 0 1.216 0z"
         })
-    })) : /* @__PURE__ */ h("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"
-    }, o), {
+    }, i), {
         children: [
-            /* @__PURE__ */ a("path", {
-                fill: t,
+            /* @__PURE__ */ e("path", {
+                fill: r,
                 d: "M17 16.25a.75.75 0 0 1 .75.75v5a.75.75 0 0 1-1.5 0v-5a.75.75 0 0 1 .75-.75m4 0a.75.75 0 0 1 .75.75v5a.75.75 0 0 1-1.5 0v-5a.75.75 0 0 1 .75-.75"
             }),
-            /* @__PURE__ */ a("path", {
-                fill: t,
+            /* @__PURE__ */ e("path", {
+                fill: r,
                 d: "M16 2.25A2.75 2.75 0 0 1 18.75 5v8a.75.75 0 0 1-1.5 0V5c0-.69-.56-1.25-1.25-1.25H8c-.69 0-1.25.56-1.25 1.25v14c0 .69.56 1.25 1.25 1.25h4a.75.75 0 0 1 0 1.5H8A2.75 2.75 0 0 1 5.25 19V5A2.75 2.75 0 0 1 8 2.25z"
             }),
-            /* @__PURE__ */ a("path", {
-                fill: t,
+            /* @__PURE__ */ e("path", {
+                fill: r,
                 d: "M12 16a1 1 0 1 1 0 2 1 1 0 0 1 0-2"
             })
         ]
     }));
+    return c ? /*#__PURE__*/ l.cloneElement(o, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: c
+        }, "gradient-defs"),
+        ...l.Children.toArray(o.props.children)
+    ]) : o;
 };
-export { p as default };
+export { H as default };

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

@@ -78,42 +78,49 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as e, jsxs as n } from "react/jsx-runtime";
-import { useTheme as h } from "../../hooks.js";
-import { useThemeVariant as m } from "../../theme-variant-context.js";
-import { vars as o } from "../../skins/skin-contract.css-mistica.js";
-const p = (_param)=>{
-    var { color: i, size: l = 24 } = _param, r = _object_without_properties(_param, [
+import { jsx as e, jsxs as d } from "react/jsx-runtime";
+import * as c from "react";
+import { useTheme as v } from "../../hooks.js";
+import { useThemeVariant as f } from "../../theme-variant-context.js";
+import { vars as n } 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, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = m(), t = i !== null && i !== void 0 ? i : a === "brand" || a === "media" ? o.colors.neutralHighBrand : a === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { skinName: c } = h();
-    return c.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+    const r = f(), h = r === "brand" || r === "media" ? n.colors.neutralHighBrand : r === "negative" ? n.colors.neutralHighNegative : n.colors.neutralHigh, { fillValue: o, gradientDef: i } = g(s !== null && s !== void 0 ? s : h), { skinName: m } = v(), l = m.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, a), {
         children: /* @__PURE__ */ e("path", {
-            fill: t,
+            fill: o,
             d: "M20.894 3.105c.642.644.95 1.535.95 2.742v12.302c0 1.213-.317 2.115-.966 2.751-.642.636-1.544.941-2.762.941h-6.21c-1.219 0-2.118-.305-2.768-.933-.574-.571-.885-1.341-.95-2.364v-.546l-.055.004q-.028.004-.06.005c-3.742 0-5.918-1.874-5.918-5.872 0-4.005 2.176-5.88 5.919-5.88q.03.001.057.005l.049.004v-.417c0-1.19.308-2.076.958-2.726.65-.652 1.552-.966 2.768-.966h6.21c1.218 0 2.128.314 2.778.95m-8.1 9.03c0-3.185-1.502-4.672-4.718-4.672-3.207 0-4.7 1.487-4.7 4.672 0 3.177 1.493 4.664 4.7 4.664 3.216 0 4.717-1.487 4.717-4.664m-1.44-.526L6.648 8.917a.6.6 0 0 0-.608 0 .6.6 0 0 0-.305.52v5.385c0 .215.114.414.305.52a.6.6 0 0 0 .305.082q.161.002.306-.081l4.706-2.692a.6.6 0 0 0 .305-.524.61.61 0 0 0-.308-.518m-4.4 2.17v-3.296l2.879 1.647zm8.058 5.27c.325 0 .594-.098.779-.286q.274-.279.274-.76c0-.655-.395-1.047-1.053-1.047s-1.053.392-1.053 1.048c0 .316.092.574.274.759.185.188.454.285.779.285"
         })
-    })) : /* @__PURE__ */ n("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+    })) : /* @__PURE__ */ d("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, a), {
         children: [
             /* @__PURE__ */ e("path", {
-                fill: t,
+                fill: o,
                 d: "M16.912 15.256a.75.75 0 0 1 .474.1l5 3a.75.75 0 0 1 0 1.288l-5 3A.75.75 0 0 1 16.25 22v-6q0-.096.023-.187l.01-.033a1 1 0 0 1 .063-.145l.011-.022a1 1 0 0 1 .106-.136l.01-.012a.8.8 0 0 1 .249-.161.8.8 0 0 1 .19-.048"
             }),
             /* @__PURE__ */ e("path", {
-                fill: t,
+                fill: o,
                 d: "M16 2.5A2.5 2.5 0 0 1 18.5 5v8.876a.226.226 0 0 1-.343.194l-.133-.074A2.25 2.25 0 0 0 14.75 16v5.25a.25.25 0 0 1-.25.25H8A2.5 2.5 0 0 1 5.5 19V5A2.5 2.5 0 0 1 8 2.5zM12 16c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1"
             })
         ]
     }));
+    return i ? /*#__PURE__*/ c.cloneElement(l, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: i
+        }, "gradient-defs"),
+        ...c.Children.toArray(l.props.children)
+    ]) : l;
 };
-export { p as default };
+export { x as default };

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

@@ -78,46 +78,53 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as e, jsxs as h } from "react/jsx-runtime";
-import { useTheme as n } from "../../hooks.js";
-import { useThemeVariant as m } from "../../theme-variant-context.js";
-import { vars as i } from "../../skins/skin-contract.css-mistica.js";
-const p = (_param)=>{
-    var { color: o, size: t = 24 } = _param, l = _object_without_properties(_param, [
+import { jsx as e, jsxs as v } 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 H = (_param)=>{
+    var { color: h, size: t = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const c = m(), a = o !== null && o !== void 0 ? o : c === "brand" || c === "media" ? i.colors.neutralHighBrand : c === "negative" ? i.colors.neutralHighNegative : i.colors.neutralHigh, { skinName: r } = n();
-    return r.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+    const o = f(), s = o === "brand" || o === "media" ? a.colors.neutralHighBrand : o === "negative" ? a.colors.neutralHighNegative : a.colors.neutralHigh, { fillValue: r, gradientDef: l } = g(h !== null && h !== void 0 ? h : s), { skinName: m } = d(), n = m.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, i), {
         children: /* @__PURE__ */ e("path", {
-            fill: a,
+            fill: r,
             d: "M20.94 3.08c.607.607.901 1.476.901 2.65v12.557c0 1.182-.294 2.05-.91 2.658-.608.608-1.476.905-2.65.905h-6.274c-1.174 0-2.034-.297-2.65-.902-.54-.532-.838-1.28-.902-2.266v-.558q-.08 0-.156.004l-.155.005c-3.782-.003-5.989-1.908-5.989-5.995 0-4.078 2.207-5.991 5.989-5.991q.08 0 .157.004.074.004.145.004v-.429c0-1.156.294-2.02.91-2.635.617-.622 1.485-.936 2.65-.936h6.275c1.182.006 2.05.308 2.658.924m.08 2.65c0-.945-.212-1.625-.663-2.076s-1.123-.673-2.076-.673h-6.274c-.936 0-1.617.23-2.068.69-.45.459-.672 1.131-.672 2.058v.485c3.093.361 4.866 2.274 4.866 5.924s-1.773 5.563-4.858 5.925v.582c.048.754.261 1.33.664 1.714.443.451 1.124.667 2.068.667h6.274c.953 0 1.625-.213 2.076-.667.45-.442.664-1.123.664-2.072zm-7.708 6.408c0-3.479-1.692-5.17-5.168-5.17-3.48 0-5.168 1.691-5.168 5.17s1.689 5.171 5.168 5.171c3.476 0 5.168-1.692 5.168-5.17m-2.992.003-3.524-2.037v4.073zm1.028-.356a.41.41 0 0 1 0 .709l-4.756 2.748a.41.41 0 0 1-.613-.356v-5.49a.41.41 0 0 1 .613-.353c0-.003 4.756 2.742 4.756 2.742m2.734 6.345q0 .493.277.776c.188.193.46.294.788.291.327 0 .6-.1.787-.291q.277-.283.277-.776c0-.667-.398-1.067-1.064-1.067-.667 0-1.065.397-1.065 1.067"
         })
-    })) : /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
+    })) : /* @__PURE__ */ v("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, i), {
         children: [
             /* @__PURE__ */ e("path", {
-                fill: a,
+                fill: r,
                 d: "M16.63 15.348a.75.75 0 0 1 .756.008l5 3a.75.75 0 0 1 0 1.288l-5 3A.75.75 0 0 1 16.25 22v-6c0-.27.146-.52.38-.652m1.12 5.327L20.541 19l-2.791-1.676z"
             }),
             /* @__PURE__ */ e("path", {
-                fill: a,
+                fill: r,
                 d: "M16 2.25A2.75 2.75 0 0 1 18.75 5v8a.75.75 0 0 1-1.5 0V5c0-.69-.56-1.25-1.25-1.25H8c-.69 0-1.25.56-1.25 1.25v14c0 .69.56 1.25 1.25 1.25h5a.75.75 0 0 1 0 1.5H8A2.75 2.75 0 0 1 5.25 19V5A2.75 2.75 0 0 1 8 2.25z"
             }),
             /* @__PURE__ */ e("path", {
-                fill: a,
+                fill: r,
                 d: "M12 16a1 1 0 1 1 0 2 1 1 0 0 1 0-2"
             })
         ]
     }));
+    return l ? /*#__PURE__*/ c.cloneElement(n, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: l
+        }, "gradient-defs"),
+        ...c.Children.toArray(n.props.children)
+    ]) : n;
 };
-export { p as default };
+export { H as default };

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

@@ -78,46 +78,53 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as a, jsxs as h } from "react/jsx-runtime";
-import { useTheme as n } from "../../hooks.js";
-import { useThemeVariant as m } from "../../theme-variant-context.js";
-import { vars as r } from "../../skins/skin-contract.css-mistica.js";
-const p = (_param)=>{
-    var { color: o, size: e = 24 } = _param, c = _object_without_properties(_param, [
+import { jsx as e, jsxs as v } 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 A = (_param)=>{
+    var { color: h, size: t = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = m(), l = o !== null && o !== void 0 ? o : t === "brand" || t === "media" ? r.colors.neutralHighBrand : t === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh, { skinName: i } = n();
-    return i.match(/^vivo-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    const o = f(), s = o === "brand" || o === "media" ? a.colors.neutralHighBrand : o === "negative" ? a.colors.neutralHighNegative : a.colors.neutralHigh, { fillValue: r, gradientDef: i } = g(h !== null && h !== void 0 ? h : s), { skinName: m } = d(), n = m.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
-        children: /* @__PURE__ */ a("path", {
-            fill: l,
+    }, l), {
+        children: /* @__PURE__ */ e("path", {
+            fill: r,
             d: "M20.892 3.105c.641.644.95 1.535.95 2.742v12.302c0 1.213-.317 2.115-.967 2.751-.642.636-1.544.941-2.762.941h-6.207c-1.219 0-2.12-.305-2.77-.933-.575-.571-.886-1.341-.95-2.364v-.546q-.032 0-.058.004l-.054.005c-3.745 0-5.919-1.874-5.919-5.872 0-4.005 2.177-5.88 5.919-5.88q.033.001.059.005l.047.004v-.42c0-1.19.308-2.076.958-2.725.647-.65 1.55-.964 2.768-.964h6.21c1.218 0 2.126.314 2.776.95m-.27 15.044V5.847c0-.868-.192-1.488-.599-1.888s-1.03-.597-1.907-.597h-6.21c-.869 0-1.496.202-1.908.61-.406.41-.6 1.023-.6 1.875v.498c2.93.41 4.611 2.283 4.611 5.79 0 3.499-1.672 5.365-4.602 5.782v.596c.042.667.235 1.183.591 1.535.406.396 1.031.589 1.908.589h6.21c.877 0 1.501-.194 1.907-.588.407-.404.6-1.02.6-1.9m-8.966-6.016a.61.61 0 0 0-.305-.524L6.645 8.917a.61.61 0 0 0-.913.521v5.39a.6.6 0 0 0 .305.52c.188.11.42.11.608 0l4.706-2.692a.61.61 0 0 0 .305-.523m-1.826 0L6.95 13.78v-3.297zm2.96.002c0-3.185-1.5-4.672-4.716-4.672-3.207 0-4.7 1.49-4.7 4.672 0 3.177 1.493 4.664 4.7 4.664 3.216 0 4.717-1.487 4.717-4.664m1.166 5.869q.001.48.275.759c.184.188.453.285.778.285s.594-.1.78-.285q.273-.279.274-.76c0-.655-.395-1.047-1.054-1.047-.658 0-1.053.392-1.053 1.048"
         })
-    })) : /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    })) : /* @__PURE__ */ v("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, l), {
         children: [
-            /* @__PURE__ */ a("path", {
-                fill: l,
+            /* @__PURE__ */ e("path", {
+                fill: r,
                 d: "M16.63 15.348a.75.75 0 0 1 .756.008l5 3a.75.75 0 0 1 0 1.288l-5 3A.75.75 0 0 1 16.25 22v-6c0-.27.146-.52.38-.652m1.12 5.327L20.541 19l-2.791-1.676z"
             }),
-            /* @__PURE__ */ a("path", {
-                fill: l,
+            /* @__PURE__ */ e("path", {
+                fill: r,
                 d: "M16 2.25A2.75 2.75 0 0 1 18.75 5v8a.75.75 0 0 1-1.5 0V5c0-.69-.56-1.25-1.25-1.25H8c-.69 0-1.25.56-1.25 1.25v14c0 .69.56 1.25 1.25 1.25h5a.75.75 0 0 1 0 1.5H8A2.75 2.75 0 0 1 5.25 19V5A2.75 2.75 0 0 1 8 2.25z"
             }),
-            /* @__PURE__ */ a("path", {
-                fill: l,
+            /* @__PURE__ */ e("path", {
+                fill: r,
                 d: "M12 16a1 1 0 1 1 0 2 1 1 0 0 1 0-2"
             })
         ]
     }));
+    return i ? /*#__PURE__*/ c.cloneElement(n, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: i
+        }, "gradient-defs"),
+        ...c.Children.toArray(n.props.children)
+    ]) : n;
 };
-export { p as default };
+export { A as default };

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

@@ -78,42 +78,49 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as e, jsxs as n } from "react/jsx-runtime";
-import { useTheme as h } from "../../hooks.js";
-import { useThemeVariant as s } from "../../theme-variant-context.js";
-import { vars as o } from "../../skins/skin-contract.css-mistica.js";
-const p = (_param)=>{
-    var { color: r, size: a = 24 } = _param, i = _object_without_properties(_param, [
+import { jsx as e, jsxs as d } from "react/jsx-runtime";
+import * as c from "react";
+import { useTheme as f } from "../../hooks.js";
+import { useThemeVariant as v } from "../../theme-variant-context.js";
+import { vars as n } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const A = (_param)=>{
+    var { color: s, size: t = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = s(), t = r !== null && r !== void 0 ? r : l === "brand" || l === "media" ? o.colors.neutralHighBrand : l === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { skinName: c } = h();
-    return c.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const r = v(), h = r === "brand" || r === "media" ? n.colors.neutralHighBrand : r === "negative" ? n.colors.neutralHighNegative : n.colors.neutralHigh, { fillValue: o, gradientDef: i } = g(s !== null && s !== void 0 ? s : h), { skinName: m } = f(), a = m.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, l), {
         children: /* @__PURE__ */ e("path", {
-            fill: t,
+            fill: o,
             d: "M20.886 3.119c.65.635.958 1.535.958 2.73v12.3c0 1.222-.317 2.124-.966 2.757-.642.627-1.544.94-2.76.94h-6.207c-1.218 0-2.118-.313-2.767-.94-.577-.572-.886-1.342-.95-2.356v-.546h-.115c-3.74 0-5.924-1.874-5.924-5.869S4.34 6.267 8.079 6.267h.107v-.42c0-1.182.308-2.073.958-2.717.647-.65 1.549-.975 2.767-.975h6.207c1.219.006 2.126.32 2.768.964m-8.09 9.02c0-3.183-1.501-4.662-4.714-4.662-3.205 0-4.706 1.48-4.706 4.661 0 3.182 1.501 4.661 4.706 4.661 3.213 0 4.714-1.479 4.714-4.66m-3.518-3.22c.457.331.67.788.67 1.435 0 .77-.331 1.24-1.029 2.062-.778.893-.778.893-.778 1.675 0 .22-.182.4-.406.4h-.26a.4.4 0 0 1-.399-.325 2 2 0 0 1-.036-.403c0-.68.246-1.095.767-1.714l.098-.115c.832-.978.944-1.205.944-1.591 0-.275-.07-.437-.252-.58-.103-.084-.297-.18-.851-.18a3.6 3.6 0 0 0-.939.124.42.42 0 0 1-.316-.05.4.4 0 0 1-.182-.264l-.04-.199a.4.4 0 0 1 .228-.44c.28-.128.868-.23 1.366-.23.589-.002 1.065.132 1.415.396M7.62 14.755c.406 0 .683.278.683.659 0 .42-.274.689-.666.689-.412 0-.684-.266-.684-.65v-.037a.643.643 0 0 1 .667-.66m6.344 3.25c0 .319.09.577.27.753.187.194.453.289.778.289s.591-.095.779-.289c.184-.176.274-.434.274-.753 0-.659-.39-1.045-1.053-1.045-.658 0-1.048.386-1.048 1.045"
         })
-    })) : /* @__PURE__ */ n("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : /* @__PURE__ */ d("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, l), {
         children: [
             /* @__PURE__ */ e("path", {
-                fill: t,
+                fill: o,
                 d: "M18.5 21.25a.75.75 0 0 1 .75.75v.01a.75.75 0 0 1-1.5 0V22a.75.75 0 0 1 .75-.75M16 2.5A2.5 2.5 0 0 1 18.5 5v8.001a.26.26 0 0 1-.249.257 4 4 0 0 0-.26.024l-.31.05a4.23 4.23 0 0 0-2.398 1.414 2.25 2.25 0 0 0 .263 3.172c.204.172.429.302.664.39a.32.32 0 0 1 .183.403 2.24 2.24 0 0 0 .149 1.896.29.29 0 0 1 0 .286 2.3 2.3 0 0 0-.184.418.255.255 0 0 1-.22.184A2 2 0 0 1 16 21.5H8A2.5 2.5 0 0 1 5.5 19V5A2.5 2.5 0 0 1 8 2.5zM12 16c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1"
             }),
             /* @__PURE__ */ e("path", {
-                fill: t,
+                fill: o,
                 d: "M18.27 14.762c.434-.039.872.026 1.277.192l.209.096.003.002a2.753 2.753 0 0 1-1.257 5.198.74.74 0 0 1-.548-.24q-.02-.021-.04-.047a.7.7 0 0 1-.096-.152l-.02-.053-.023-.073-.014-.064-.003-.016a.75.75 0 0 1 .74-.855l.002-.001a1.253 1.253 0 0 0 .572-2.364 1.23 1.23 0 0 0-.935-.076l-.036.011a1.2 1.2 0 0 0-.406.24l-.03.029q-.05.046-.093.097a.755.755 0 0 1-1.056.087.746.746 0 0 1-.174-.932 1 1 0 0 1 .086-.125 2.75 2.75 0 0 1 1.787-.95z"
             })
         ]
     }));
+    return i ? /*#__PURE__*/ c.cloneElement(a, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: i
+        }, "gradient-defs"),
+        ...c.Children.toArray(a.props.children)
+    ]) : a;
 };
-export { p as default };
+export { A as default };