@telefonica/mistica 16.72.0 → 17.1.0

package/dist/generated/mistica-icons/icon-personal-computer-filled.js

@@ -140,25 +140,25 @@ const x = (_param)=>{
         "color",
         "size"
     ]);
-    const o = (0, _themevariantcontext.useThemeVariant)(), s = o === "brand" || o === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : o === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: n, gradientDef: i } = (0, _icongradient.useIconGradient)(m !== null && m !== void 0 ? m : s), { skinName: h } = (0, _hooks.useTheme)(), a = h.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const o = (0, _themevariantcontext.useThemeVariant)(), s = o === "brand" || o === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : o === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: a, gradientDef: i } = (0, _icongradient.useIconGradient)(m !== null && m !== void 0 ? m : s), { skinName: h } = (0, _hooks.useTheme)(), n = h.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: n,
-            d: "M4.699 15.799c-1.597 0-2.513-.91-2.513-2.501v-4.28c0-.776.213-1.387.636-1.816.434-.442 1.067-.666 1.877-.666l9.16-.006c.809 0 1.442.224 1.876.667.423.428.636 1.039.636 1.815v4.28c0 1.591-.916 2.501-2.513 2.501l-2.203.002.557.574 3.621-.001a.55.55 0 0 1 0 1.098l-13.11.005a.55.55 0 0 1 0-1.098l3.532-.001.548-.574zm3.623-.002-.549.574 2.911-.001-.557-.574zm12.058 1.652h-1.998a1.28 1.28 0 0 1-1.12-.61c-.213-.34-.317-.8-.317-1.407l-.006-6.88c0-.607.104-1.067.317-1.406.25-.392.647-.61 1.12-.61h1.998c.434 0 1.448.196 1.448 2.014l.003 6.88c.003 1.823-1.011 2.019-1.446 2.019"
+            fill: a,
+            d: "M21.99 2.5H2v10.959h19.99zM2 14.557v2.558h19.995v-2.558zm6.074 3.652h7.852l.676 2.375q.109.386-.105.659a.7.7 0 0 1-.571.257H8.069a.7.7 0 0 1-.57-.257c-.106-.182-.18-.44-.106-.66z"
         })
-    })) : h.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : h.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: n,
-            d: "M21.99 2.5H2v10.959h19.99zM2 14.557v2.558h19.995v-2.558zm6.074 3.652h7.852l.676 2.375q.109.386-.105.659a.7.7 0 0 1-.571.257H8.069a.7.7 0 0 1-.57-.257c-.106-.182-.18-.44-.106-.66z"
+            fill: a,
+            d: "M4.699 15.799c-1.597 0-2.513-.91-2.513-2.501v-4.28c0-.776.213-1.387.636-1.816.434-.442 1.067-.666 1.877-.666l9.16-.006c.809 0 1.442.224 1.876.667.423.428.636 1.039.636 1.815v4.28c0 1.591-.916 2.501-2.513 2.501l-2.203.002.557.574 3.621-.001a.55.55 0 0 1 0 1.098l-13.11.005a.55.55 0 0 1 0-1.098l3.532-.001.548-.574zm3.623-.002-.549.574 2.911-.001-.557-.574zm12.058 1.652h-1.998a1.28 1.28 0 0 1-1.12-.61c-.213-.34-.317-.8-.317-1.407l-.006-6.88c0-.607.104-1.067.317-1.406.25-.392.647-.61 1.12-.61h1.998c.434 0 1.448.196 1.448 2.014l.003 6.88c.003 1.823-1.011 2.019-1.446 2.019"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,
@@ -167,14 +167,14 @@ const x = (_param)=>{
         role: "presentation"
     }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: n,
+            fill: a,
             d: "M19 3.5A2.5 2.5 0 0 1 21.5 6v12a2.5 2.5 0 0 1-2.5 2.5h-4a2.5 2.5 0 0 1-2.5-2.5V6A2.5 2.5 0 0 1 15 3.5zm-3 12.75a.75.75 0 0 0 0 1.5h2a.75.75 0 0 0 0-1.5zM17 7a1 1 0 1 0 0 2 1 1 0 0 0 0-2m-6.5 10.75a.25.25 0 0 1 .25.25v1a.75.75 0 0 1-.75.75H8a.75.75 0 0 1-.75-.75v-1a.25.25 0 0 1 .25-.25zm-1-12.5c.69 0 1.25.56 1.25 1.25v9c0 .69-.56 1.25-1.25 1.25H5A2.75 2.75 0 0 1 2.25 14V8A2.75 2.75 0 0 1 5 5.25z"
         })
     }));
-    return i ? /*#__PURE__*/ _react.cloneElement(a, {}, [
+    return i ? /*#__PURE__*/ _react.cloneElement(n, {}, [
         /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
             children: i
         }, "gradient-defs"),
-        ..._react.Children.toArray(a.props.children)
-    ]) : a;
+        ..._react.Children.toArray(n.props.children)
+    ]) : n;
 };

package/dist/generated/mistica-icons/icon-personal-computer-light.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return C;
+        return V;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -135,12 +135,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const C = (_param)=>{
+const V = (_param)=>{
     var { color: m, size: t = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const o = (0, _themevariantcontext.useThemeVariant)(), s = o === "brand" || o === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : o === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: r, gradientDef: c } = (0, _icongradient.useIconGradient)(m !== null && m !== void 0 ? m : s), { skinName: i } = (0, _hooks.useTheme)(), n = i.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const o = (0, _themevariantcontext.useThemeVariant)(), s = o === "brand" || o === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : o === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: r, gradientDef: c } = (0, _icongradient.useIconGradient)(m !== null && m !== void 0 ? m : s), { skinName: i } = (0, _hooks.useTheme)(), n = i.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
@@ -148,9 +148,9 @@ const C = (_param)=>{
     }, l), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: r,
-            d: "M2.156 13.45c0 1.529.83 2.37 2.336 2.37l2.544-.002-1.058 1.086-3.544.002a.276.276 0 0 0-.278.277c0 .154.123.278.278.278l9.868-.004a.3.3 0 0 0 .096 0l3.697-.002a.276.276 0 0 0 .277-.277.276.276 0 0 0-.277-.278l-3.633.002-1.07-1.085h2.644c1.507 0 2.336-.844 2.336-2.37v-4.56c0-.746-.196-1.326-.58-1.726-.398-.415-.989-.625-1.756-.625l-9.544.006c-.767 0-1.358.21-1.756.625-.384.4-.58.98-.58 1.725zm8.46 2.367.016.019 1.051 1.066-4.93.002 1.058-1.086zM4.492 7.1l9.544-.005c.61 0 1.067.15 1.353.453.283.292.426.743.426 1.34v4.56c0 1.22-.583 1.815-1.782 1.815l-9.543.005c-1.2 0-1.782-.593-1.782-1.815v-4.56c0-.594.143-1.045.426-1.339.291-.3.748-.454 1.358-.454M18.23 17.463h2.282c.496 0 1.328-.238 1.328-1.843l-.003-7.24c0-1.606-.832-1.844-1.328-1.844h-2.283c-.493 0-1.316.241-1.316 1.843l.003 7.241c0 1.605.823 1.843 1.316 1.843m-.004-10.367h2.28c.19 0 .768 0 .768 1.283l.005 7.241c0 1.283-.576 1.283-.767 1.283h-2.283c-.207 0-.756 0-.756-1.283l-.003-7.24c0-1.284.549-1.284.756-1.284"
+            d: "M2 2.5h19.995v14.908h-6.247l.854 3.162a.67.67 0 0 1-.105.634.73.73 0 0 1-.571.296H8.069a.73.73 0 0 1-.57-.296c-.106-.186-.18-.41-.106-.634l.86-3.167H2zm18.57 10.807V3.993H3.43v9.314zm-5.572 6.705-.676-2.609H9.678l-.676 2.609zM3.431 14.428v1.487H20.57v-1.487z"
         })
-    })) : i.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : i.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
@@ -158,7 +158,7 @@ const C = (_param)=>{
     }, l), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: r,
-            d: "M2 2.5h19.995v14.908h-6.247l.854 3.162a.67.67 0 0 1-.105.634.73.73 0 0 1-.571.296H8.069a.73.73 0 0 1-.57-.296c-.106-.186-.18-.41-.106-.634l.86-3.167H2zm18.57 10.807V3.993H3.43v9.314zm-5.572 6.705-.676-2.609H9.678l-.676 2.609zM3.431 14.428v1.487H20.57v-1.487z"
+            d: "M2.156 13.45c0 1.529.83 2.37 2.336 2.37l2.544-.002-1.058 1.086-3.544.002a.276.276 0 0 0-.278.277c0 .154.123.278.278.278l9.868-.004a.3.3 0 0 0 .096 0l3.697-.002a.276.276 0 0 0 .277-.277.276.276 0 0 0-.277-.278l-3.633.002-1.07-1.085h2.644c1.507 0 2.336-.844 2.336-2.37v-4.56c0-.746-.196-1.326-.58-1.726-.398-.415-.989-.625-1.756-.625l-9.544.006c-.767 0-1.358.21-1.756.625-.384.4-.58.98-.58 1.725zm8.46 2.367.016.019 1.051 1.066-4.93.002 1.058-1.086zM4.492 7.1l9.544-.005c.61 0 1.067.15 1.353.453.283.292.426.743.426 1.34v4.56c0 1.22-.583 1.815-1.782 1.815l-9.543.005c-1.2 0-1.782-.593-1.782-1.815v-4.56c0-.594.143-1.045.426-1.339.291-.3.748-.454 1.358-.454M18.23 17.463h2.282c.496 0 1.328-.238 1.328-1.843l-.003-7.24c0-1.606-.832-1.844-1.328-1.844h-2.283c-.493 0-1.316.241-1.316 1.843l.003 7.241c0 1.605.823 1.843 1.316 1.843m-.004-10.367h2.28c.19 0 .768 0 .768 1.283l.005 7.241c0 1.283-.576 1.283-.767 1.283h-2.283c-.207 0-.756 0-.756-1.283l-.003-7.24c0-1.284.549-1.284.756-1.284"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: t,

package/dist/generated/mistica-icons/icon-personal-computer-regular.js

@@ -140,7 +140,7 @@ const A = (_param)=>{
         "color",
         "size"
     ]);
-    const o = (0, _themevariantcontext.useThemeVariant)(), v = o === "brand" || o === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : o === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: l, gradientDef: c } = (0, _icongradient.useIconGradient)(m !== null && m !== void 0 ? m : v), { skinName: a } = (0, _hooks.useTheme)(), h = a.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const o = (0, _themevariantcontext.useThemeVariant)(), v = o === "brand" || o === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : o === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: l, gradientDef: c } = (0, _icongradient.useIconGradient)(m !== null && m !== void 0 ? m : v), { skinName: a } = (0, _hooks.useTheme)(), h = a.match(/^blau/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
@@ -148,9 +148,9 @@ const A = (_param)=>{
     }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: l,
-            d: "M2.186 13.298c0 1.59.916 2.5 2.513 2.5h2.11l-.549.574-3.536.001a.55.55 0 0 0 0 1.098l13.11-.005a.55.55 0 0 0 0-1.098l-3.622.001-.557-.574 2.204-.002c1.596 0 2.512-.913 2.512-2.501v-4.28c0-.776-.213-1.387-.636-1.815-.434-.443-1.067-.667-1.876-.667l-9.16.006c-.81 0-1.443.224-1.877.666-.423.429-.636 1.04-.636 1.815zm7.941 2.498h-1.8l-.548.575 2.905-.001zM4.7 7.61l9.16-.005c1.008 0 1.437.42 1.437 1.406v4.28c0 1-.43 1.426-1.437 1.426l-9.16.005c-1.006 0-1.437-.426-1.437-1.426v-4.28c0-.986.428-1.406 1.437-1.406m13.682 9.839h1.997c.435 0 1.449-.196 1.449-2.017l-.003-6.88c0-1.82-1.014-2.016-1.448-2.016H18.38c-.474 0-.872.218-1.12.61-.217.34-.32.799-.32 1.406l.005 6.88c0 .608.104 1.067.317 1.406.25.395.647.61 1.12.61m-.003-9.852V7.6h1.998c.129 0 .182.042.23.118.058.092.156.322.156.837l.003 6.88c0 .512-.098.742-.157.835-.05.075-.1.117-.23.117h-1.997c-.126 0-.173-.039-.221-.115-.059-.092-.154-.322-.154-.84l-.003-6.88c0-.518.095-.747.154-.84.045-.076.095-.115.221-.115"
+            d: "M20.642 6a.667.667 0 0 0-.666-.667h-16A.667.667 0 0 0 3.309 6v10c0 .367.299.666.667.666h16a.667.667 0 0 0 .666-.666zm-7.078 13.333L12.897 18h-1.843l-.666 1.333zM21.975 6v10a2 2 0 0 1-1.999 2h-5.588l1.333 2.666h-7.49L9.564 18H3.976c-1.103 0-2-.897-2-1.999V6c0-1.103.897-2 2-2h16c1.102 0 1.999.897 1.999 2m-3.999 9.333h1.333V14h-1.333z"
         })
-    })) : a.match(/^blau/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : a.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
@@ -158,9 +158,9 @@ const A = (_param)=>{
     }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: l,
-            d: "M20.642 6a.667.667 0 0 0-.666-.667h-16A.667.667 0 0 0 3.309 6v10c0 .367.299.666.667.666h16a.667.667 0 0 0 .666-.666zm-7.078 13.333L12.897 18h-1.843l-.666 1.333zM21.975 6v10a2 2 0 0 1-1.999 2h-5.588l1.333 2.666h-7.49L9.564 18H3.976c-1.103 0-2-.897-2-1.999V6c0-1.103.897-2 2-2h16c1.102 0 1.999.897 1.999 2m-3.999 9.333h1.333V14h-1.333z"
+            d: "M2 2.5h19.995v14.908h-6.247l.854 3.162a.67.67 0 0 1-.105.634.73.73 0 0 1-.571.296H8.069a.73.73 0 0 1-.57-.296c-.106-.186-.18-.41-.106-.634l.86-3.167H2zm18.57 10.807V3.993H3.43v9.314zm-5.572 6.705-.676-2.609H9.678l-.676 2.609zM3.431 14.428v1.487H20.57v-1.487z"
         })
-    })) : a.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : a.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
@@ -168,7 +168,7 @@ const A = (_param)=>{
     }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: l,
-            d: "M2 2.5h19.995v14.908h-6.247l.854 3.162a.67.67 0 0 1-.105.634.73.73 0 0 1-.571.296H8.069a.73.73 0 0 1-.57-.296c-.106-.186-.18-.41-.106-.634l.86-3.167H2zm18.57 10.807V3.993H3.43v9.314zm-5.572 6.705-.676-2.609H9.678l-.676 2.609zM3.431 14.428v1.487H20.57v-1.487z"
+            d: "M2.186 13.298c0 1.59.916 2.5 2.513 2.5h2.11l-.549.574-3.536.001a.55.55 0 0 0 0 1.098l13.11-.005a.55.55 0 0 0 0-1.098l-3.622.001-.557-.574 2.204-.002c1.596 0 2.512-.913 2.512-2.501v-4.28c0-.776-.213-1.387-.636-1.815-.434-.443-1.067-.667-1.876-.667l-9.16.006c-.81 0-1.443.224-1.877.666-.423.429-.636 1.04-.636 1.815zm7.941 2.498h-1.8l-.548.575 2.905-.001zM4.7 7.61l9.16-.005c1.008 0 1.437.42 1.437 1.406v4.28c0 1-.43 1.426-1.437 1.426l-9.16.005c-1.006 0-1.437-.426-1.437-1.426v-4.28c0-.986.428-1.406 1.437-1.406m13.682 9.839h1.997c.435 0 1.449-.196 1.449-2.017l-.003-6.88c0-1.82-1.014-2.016-1.448-2.016H18.38c-.474 0-.872.218-1.12.61-.217.34-.32.799-.32 1.406l.005 6.88c0 .608.104 1.067.317 1.406.25.395.647.61 1.12.61m-.003-9.852V7.6h1.998c.129 0 .182.042.23.118.058.092.156.322.156.837l.003 6.88c0 .512-.098.742-.157.835-.05.075-.1.117-.23.117h-1.997c-.126 0-.173-.039-.221-.115-.059-.092-.154-.322-.154-.84l-.003-6.88c0-.518.095-.747.154-.84.045-.076.095-.115.221-.115"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: t,

package/dist/generated/mistica-icons/icon-pharmacy-filled.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return V;
+        return q;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -135,12 +135,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const V = (_param)=>{
+const q = (_param)=>{
     var { color: h, size: t = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useThemeVariant)(), s = a === "brand" || a === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : a === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: c, gradientDef: i } = (0, _icongradient.useIconGradient)(h !== null && h !== void 0 ? h : s), { skinName: m } = (0, _hooks.useTheme)(), r = m.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const a = (0, _themevariantcontext.useThemeVariant)(), s = a === "brand" || a === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : a === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: c, gradientDef: i } = (0, _icongradient.useIconGradient)(h !== null && h !== void 0 ? h : s), { skinName: m } = (0, _hooks.useTheme)(), r = m.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",

package/dist/generated/mistica-icons/icon-pharmacy-light.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return q;
+        return w;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -135,12 +135,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const q = (_param)=>{
+const w = (_param)=>{
     var { color: h, size: t = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useThemeVariant)(), m = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: n, gradientDef: i } = (0, _icongradient.useIconGradient)(h !== null && h !== void 0 ? h : m), { skinName: s } = (0, _hooks.useTheme)(), a = s.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const r = (0, _themevariantcontext.useThemeVariant)(), m = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: n, gradientDef: i } = (0, _icongradient.useIconGradient)(h !== null && h !== void 0 ? h : m), { skinName: s } = (0, _hooks.useTheme)(), a = s.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",

package/dist/generated/mistica-icons/icon-pharmacy-regular.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return q;
+        return w;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -135,12 +135,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const q = (_param)=>{
+const w = (_param)=>{
     var { color: h, size: t = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useThemeVariant)(), m = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: n, gradientDef: i } = (0, _icongradient.useIconGradient)(h !== null && h !== void 0 ? h : m), { skinName: s } = (0, _hooks.useTheme)(), a = s.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const r = (0, _themevariantcontext.useThemeVariant)(), m = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: n, gradientDef: i } = (0, _icongradient.useIconGradient)(h !== null && h !== void 0 ? h : m), { skinName: s } = (0, _hooks.useTheme)(), a = s.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",

package/dist/generated/mistica-icons/icon-photo-camera-filled.js

@@ -140,7 +140,7 @@ const x = (_param)=>{
         "color",
         "size"
     ]);
-    const o = (0, _themevariantcontext.useThemeVariant)(), m = o === "brand" || o === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : o === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: r, gradientDef: l } = (0, _icongradient.useIconGradient)(d !== null && d !== void 0 ? d : m), { skinName: h } = (0, _hooks.useTheme)(), n = h.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+    const o = (0, _themevariantcontext.useThemeVariant)(), m = o === "brand" || o === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : o === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: r, gradientDef: l } = (0, _icongradient.useIconGradient)(d !== null && d !== void 0 ? d : m), { skinName: h } = (0, _hooks.useTheme)(), n = h.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
@@ -149,14 +149,14 @@ const x = (_param)=>{
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: r,
-                d: "M11.597 11.36h.806a1.327 1.327 0 0 1 1.329 1.33v.805a1.33 1.33 0 0 1-1.33 1.33h-.805a1.327 1.327 0 0 1-1.33-1.33v-.806a1.33 1.33 0 0 1 1.33-1.329"
+                d: "M8.248 12.712a3.753 3.753 0 0 1 3.748-3.748 3.753 3.753 0 0 1 3.748 3.748 3.75 3.75 0 0 1-3.748 3.748 3.75 3.75 0 0 1-3.748-3.748"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: r,
-                d: "M9.603 5.36a1.64 1.64 0 0 1 1.468-.913h1.69c.597 0 1.146.324 1.434.847l.722 1.313h5.345c.96 0 1.738.779 1.738 1.739v9.461c0 .96-.778 1.739-1.738 1.739H3.331A1.33 1.33 0 0 1 2 18.214V8.346c0-.96.778-1.739 1.738-1.739h5.25zm1.994 4.773a2.556 2.556 0 0 0-2.556 2.556v.806a2.556 2.556 0 0 0 2.556 2.556h.806a2.556 2.556 0 0 0 2.556-2.556v-.806a2.556 2.556 0 0 0-2.556-2.556z"
+                d: "M17.648 6.288h2.204c1.18 0 2.144.96 2.144 2.144v10c0 1.184-.96 2.144-2.144 2.144H4.14a2.144 2.144 0 0 1-2.144-2.144v-10c0-1.184.96-2.144 2.144-2.144h2.2L8.992 3.64a.7.7 0 0 1 .504-.212h5c.188 0 .372.076.508.212zM7.176 12.716c0 2.66 2.164 4.82 4.82 4.82s4.82-2.16 4.82-4.82-2.164-4.82-4.82-4.82a4.825 4.825 0 0 0-4.82 4.82"
             })
         ]
-    })) : h.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+    })) : h.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
@@ -165,11 +165,11 @@ const x = (_param)=>{
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: r,
-                d: "M8.248 12.712a3.753 3.753 0 0 1 3.748-3.748 3.753 3.753 0 0 1 3.748 3.748 3.75 3.75 0 0 1-3.748 3.748 3.75 3.75 0 0 1-3.748-3.748"
+                d: "M11.597 11.36h.806a1.327 1.327 0 0 1 1.329 1.33v.805a1.33 1.33 0 0 1-1.33 1.33h-.805a1.327 1.327 0 0 1-1.33-1.33v-.806a1.33 1.33 0 0 1 1.33-1.329"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: r,
-                d: "M17.648 6.288h2.204c1.18 0 2.144.96 2.144 2.144v10c0 1.184-.96 2.144-2.144 2.144H4.14a2.144 2.144 0 0 1-2.144-2.144v-10c0-1.184.96-2.144 2.144-2.144h2.2L8.992 3.64a.7.7 0 0 1 .504-.212h5c.188 0 .372.076.508.212zM7.176 12.716c0 2.66 2.164 4.82 4.82 4.82s4.82-2.16 4.82-4.82-2.164-4.82-4.82-4.82a4.825 4.825 0 0 0-4.82 4.82"
+                d: "M9.603 5.36a1.64 1.64 0 0 1 1.468-.913h1.69c.597 0 1.146.324 1.434.847l.722 1.313h5.345c.96 0 1.738.779 1.738 1.739v9.461c0 .96-.778 1.739-1.738 1.739H3.331A1.33 1.33 0 0 1 2 18.214V8.346c0-.96.778-1.739 1.738-1.739h5.25zm1.994 4.773a2.556 2.556 0 0 0-2.556 2.556v.806a2.556 2.556 0 0 0 2.556 2.556h.806a2.556 2.556 0 0 0 2.556-2.556v-.806a2.556 2.556 0 0 0-2.556-2.556z"
             })
         ]
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({

package/dist/generated/mistica-icons/icon-photo-camera-light.js

@@ -136,23 +136,13 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const x = (_param)=>{
-    var { color: s, size: t = 24 } = _param, r = _object_without_properties(_param, [
+    var { color: s, size: e = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const o = (0, _themevariantcontext.useThemeVariant)(), d = o === "brand" || o === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : o === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: a, gradientDef: h } = (0, _icongradient.useIconGradient)(s !== null && s !== void 0 ? s : d), { skinName: i } = (0, _hooks.useTheme)(), l = i.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: t,
-        height: t,
-        viewBox: "0 0 24 24",
-        role: "presentation"
-    }, r), {
-        children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: a,
-            d: "M11.06 4.497c-.566 0-1.082.32-1.332.828l-.676 1.372h-5.46c-.877 0-1.587.71-1.587 1.587v10.049c0 .648.525 1.173 1.173 1.173h17.24c.877 0 1.588-.71 1.588-1.587V8.284c0-.876-.711-1.587-1.588-1.587h-5.55l-.788-1.432a1.48 1.48 0 0 0-1.3-.768zm-.538 1.219a.6.6 0 0 1 .537-.334h1.72c.22 0 .42.118.526.31l.913 1.66.126.23h6.074c.388 0 .703.314.703.702v9.635a.703.703 0 0 1-.703.702H3.178a.29.29 0 0 1-.288-.288V8.284c0-.388.314-.702.702-.702h6.011l.121-.247zm1.073 5.273c-.949 0-1.718.77-1.718 1.718v.82c0 .95.77 1.718 1.718 1.718h.82c.949 0 1.718-.769 1.718-1.717v-.82c0-.95-.77-1.719-1.718-1.719zm-2.603 1.718a2.603 2.603 0 0 1 2.603-2.602h.82a2.603 2.603 0 0 1 2.603 2.602v.82a2.603 2.603 0 0 1-2.603 2.603h-.82a2.603 2.603 0 0 1-2.603-2.602z"
-        })
-    })) : i.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
-        width: t,
-        height: t,
+    const o = (0, _themevariantcontext.useThemeVariant)(), d = o === "brand" || o === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : o === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: a, gradientDef: h } = (0, _icongradient.useIconGradient)(s !== null && s !== void 0 ? s : d), { skinName: i } = (0, _hooks.useTheme)(), l = i.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, r), {
@@ -166,9 +156,19 @@ const x = (_param)=>{
                 d: "M4.142 20.576H19.87c1.18 0 2.144-.96 2.132-2.14V8.428a2.147 2.147 0 0 0-2.144-2.144h-2.204l-2.648-2.648a.7.7 0 0 0-.504-.212H9.498a.72.72 0 0 0-.504.212L6.346 6.284H4.142a2.147 2.147 0 0 0-2.144 2.144v10.004c0 1.184.964 2.144 2.144 2.144M3.43 8.424c0-.392.32-.712.712-.712l2.512.004c.188 0 .372-.08.504-.212l2.648-2.648h4.408l2.648 2.648a.7.7 0 0 0 .504.212h2.504c.392 0 .712.32.712.712v10.004c0 .392-.32.712-.712.712H4.142a.714.714 0 0 1-.712-.712z"
             })
         ]
+    })) : i.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, r), {
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+            fill: a,
+            d: "M11.06 4.497c-.566 0-1.082.32-1.332.828l-.676 1.372h-5.46c-.877 0-1.587.71-1.587 1.587v10.049c0 .648.525 1.173 1.173 1.173h17.24c.877 0 1.588-.71 1.588-1.587V8.284c0-.876-.711-1.587-1.588-1.587h-5.55l-.788-1.432a1.48 1.48 0 0 0-1.3-.768zm-.538 1.219a.6.6 0 0 1 .537-.334h1.72c.22 0 .42.118.526.31l.913 1.66.126.23h6.074c.388 0 .703.314.703.702v9.635a.703.703 0 0 1-.703.702H3.178a.29.29 0 0 1-.288-.288V8.284c0-.388.314-.702.702-.702h6.011l.121-.247zm1.073 5.273c-.949 0-1.718.77-1.718 1.718v.82c0 .95.77 1.718 1.718 1.718h.82c.949 0 1.718-.769 1.718-1.717v-.82c0-.95-.77-1.719-1.718-1.719zm-2.603 1.718a2.603 2.603 0 0 1 2.603-2.602h.82a2.603 2.603 0 0 1 2.603 2.602v.82a2.603 2.603 0 0 1-2.603 2.603h-.82a2.603 2.603 0 0 1-2.603-2.602z"
+        })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
-        width: t,
-        height: t,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, r), {

package/dist/generated/mistica-icons/icon-photo-camera-regular.js

@@ -140,17 +140,7 @@ const x = (_param)=>{
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useThemeVariant)(), d = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: l, gradientDef: n } = (0, _icongradient.useIconGradient)(s !== null && s !== void 0 ? s : d), { skinName: i } = (0, _hooks.useTheme)(), o = i.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: t,
-        height: t,
-        viewBox: "0 0 24 24",
-        role: "presentation"
-    }, a), {
-        children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: l,
-            d: "M21.322 18.878c.535-.566.498-1.384.493-1.434h-.003V8.556c0-.76-.294-1.204-.54-1.445-.44-.428-.994-.47-1.151-.481l-.04-.004-5.235-.006-.813-1.389a1.2 1.2 0 0 0-1.028-.591h-2.182c-.456 0-.865.255-1.067.664L9.11 6.62c-2.42 0-4.429.003-4.95.006-.826.003-1.29.33-1.537.602-.513.574-.451 1.306-.446 1.325l.025 8.908c.048 1.6 1.171 1.91 1.634 1.91l16.249.003c.636 0 1.025-.269 1.238-.496m-.88-.815c-.047.05-.137.118-.358.123l-16.266-.003H3.81c-.055-.008-.386-.051-.407-.733l-.028-8.956c-.003-.002-.017-.283.143-.462q.179-.201.647-.204c.55-.006 2.737-.006 5.32-.006.23 0 .44-.132.54-.336l.798-1.647 2.168-.006.99 1.69a.6.6 0 0 0 .52.296l5.591.003c.003 0 .202.011.336.143q.18.174.18.591l.002 8.927c.006.065-.008.41-.168.58m-5.512-5.056c0-2.74-2.238-2.97-2.813-2.983a2 2 0 0 0-.22.003h-.06c-.588.005-2.781.21-2.781 2.966 0 2.762 2.213 2.977 2.8 2.986h.096q.046 0 .091-.002h.083c.563-.012 2.804-.225 2.804-2.97m-1.202 0c0 .431 0 1.742-1.622 1.773l-.154.003h-.075c-1.617-.025-1.617-1.356-1.617-1.793 0-.434 0-1.759 1.591-1.773h.048c.064 0 .132 0 .19.003 1.64.04 1.64 1.356 1.64 1.787"
-        })
-    })) : i.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+    const r = (0, _themevariantcontext.useThemeVariant)(), d = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: l, gradientDef: n } = (0, _icongradient.useIconGradient)(s !== null && s !== void 0 ? s : d), { skinName: i } = (0, _hooks.useTheme)(), o = i.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
@@ -166,6 +156,16 @@ const x = (_param)=>{
                 d: "M4.142 20.576H19.87c1.18 0 2.144-.96 2.132-2.14V8.428a2.147 2.147 0 0 0-2.144-2.144h-2.204l-2.648-2.648a.7.7 0 0 0-.504-.212H9.498a.72.72 0 0 0-.504.212L6.346 6.284H4.142a2.147 2.147 0 0 0-2.144 2.144v10.004c0 1.184.964 2.144 2.144 2.144M3.43 8.424c0-.392.32-.712.712-.712l2.512.004c.188 0 .372-.08.504-.212l2.648-2.648h4.408l2.648 2.648a.7.7 0 0 0 .504.212h2.504c.392 0 .712.32.712.712v10.004c0 .392-.32.712-.712.712H4.142a.714.714 0 0 1-.712-.712z"
             })
         ]
+    })) : i.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, a), {
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+            fill: l,
+            d: "M21.322 18.878c.535-.566.498-1.384.493-1.434h-.003V8.556c0-.76-.294-1.204-.54-1.445-.44-.428-.994-.47-1.151-.481l-.04-.004-5.235-.006-.813-1.389a1.2 1.2 0 0 0-1.028-.591h-2.182c-.456 0-.865.255-1.067.664L9.11 6.62c-2.42 0-4.429.003-4.95.006-.826.003-1.29.33-1.537.602-.513.574-.451 1.306-.446 1.325l.025 8.908c.048 1.6 1.171 1.91 1.634 1.91l16.249.003c.636 0 1.025-.269 1.238-.496m-.88-.815c-.047.05-.137.118-.358.123l-16.266-.003H3.81c-.055-.008-.386-.051-.407-.733l-.028-8.956c-.003-.002-.017-.283.143-.462q.179-.201.647-.204c.55-.006 2.737-.006 5.32-.006.23 0 .44-.132.54-.336l.798-1.647 2.168-.006.99 1.69a.6.6 0 0 0 .52.296l5.591.003c.003 0 .202.011.336.143q.18.174.18.591l.002 8.927c.006.065-.008.41-.168.58m-5.512-5.056c0-2.74-2.238-2.97-2.813-2.983a2 2 0 0 0-.22.003h-.06c-.588.005-2.781.21-2.781 2.966 0 2.762 2.213 2.977 2.8 2.986h.096q.046 0 .091-.002h.083c.563-.012 2.804-.225 2.804-2.97m-1.202 0c0 .431 0 1.742-1.622 1.773l-.154.003h-.075c-1.617-.025-1.617-1.356-1.617-1.793 0-.434 0-1.759 1.591-1.773h.048c.064 0 .132 0 .19.003 1.64.04 1.64 1.356 1.64 1.787"
+        })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,

package/dist/generated/mistica-icons/icon-pickpocket-filled.js

@@ -6,12 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return x;
+        return C;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
 const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _hooks = require("../../hooks.js");
 const _themevariantcontext = require("../../theme-variant-context.js");
 const _skincontractcssmistica = require("../../skins/skin-contract.css-mistica.js");
 const _icongradient = require("../../utils/icon-gradient.js");
@@ -135,36 +134,26 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const x = (_param)=>{
-    var { color: m, size: l = 24 } = _param, o = _object_without_properties(_param, [
+const C = (_param)=>{
+    var { color: i, size: r = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useThemeVariant)(), h = e === "brand" || e === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : e === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: n, gradientDef: i } = (0, _icongradient.useIconGradient)(m !== null && m !== void 0 ? m : h), { skinName: s } = (0, _hooks.useTheme)(), t = s.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+    const a = (0, _themevariantcontext.useThemeVariant)(), s = a === "brand" || a === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : a === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: m, gradientDef: o } = (0, _icongradient.useIconGradient)(i !== null && i !== void 0 ? i : s), e = /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, c), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: n,
+            fill: m,
             d: "M3.453 12.796c0-.671.4-1.146 1.068-1.146h1.964l1.093-2.107a.85.85 0 0 1 1.146-.35l3.672 1.982a.85.85 0 0 1 .378.425c.572.097 1.032.518 1.032 1.121v1.647h-3.164l1.29-2.421-1.976-1.065L8.1 14.368H7.085l2.082-3.91-.828-.447-2.322 4.36H3.453zm6.275.547.314.168a.353.353 0 0 0 .482-.147l.422-.789a.4.4 0 0 0 .028-.275.36.36 0 0 0-.175-.214l-.314-.168a.353.353 0 0 0-.482.146l-.422.79a.4.4 0 0 0-.028.275.36.36 0 0 0 .175.214m-6.279 2.236.004 1.903c0 2.49 2.014 4.518 4.49 4.518h1.35a4.53 4.53 0 0 0 4.513-4.518v-1.903zm17.414-7.897-1.16.122-.14.775a.6.6 0 0 1-.178.335l-1.472 1.454a.7.7 0 0 1-.214.14l-2.132.82q-.334.134-.679.133a1.84 1.84 0 0 1-1.785-1.425 1.82 1.82 0 0 1-2.37-.019 1.8 1.8 0 0 1-.44-.567 1.84 1.84 0 0 1-.108-1.407l.232-.69A1.83 1.83 0 0 1 8.8 5.915a1.846 1.846 0 0 1 1.407-2.192l3.779-.882.668-.533a.6.6 0 0 1 .364-.135L19.56 2a.624.624 0 0 1 .646.607.624.624 0 0 1-.6.65l-4.335.161-3.011 2.396-.89 2.625a.585.585 0 0 0 .375.736.59.59 0 0 0 .74-.379l.871-2.446a.63.63 0 0 1 .268-.31l1.036-.604a1.68 1.68 0 0 1 2.3.596 1.7 1.7 0 0 1-.59 2.322 1 1 0 0 1-.082.039l-1.621.668a.595.595 0 0 0-.321.768.58.58 0 0 0 .76.321l2.025-.778 1.236-1.222.19-1.043a.63.63 0 0 1 .55-.514l1.624-.168c.343-.04.65.214.686.56.04.35-.21.662-.554.697M10.856 6.064l.279-.828a.64.64 0 0 1 .204-.29l.353-.281-1.214.282a.589.589 0 0 0 .236 1.153zm3.34 1.84 1.567-.647a.436.436 0 0 0-.475-.732l-.853.497-.007.021-.315.896a1 1 0 0 0 .083-.035"
         })
-    })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
-        viewBox: "0 0 24 24",
-        role: "presentation"
-    }, o), {
-        children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: n,
-            d: "M3.453 12.796c0-.671.4-1.146 1.068-1.146h1.964l1.093-2.107a.85.85 0 0 1 1.146-.35l3.672 1.982a.84.84 0 0 1 .378.425c.572.096 1.032.518 1.032 1.121v1.647h-3.164l1.29-2.422-1.976-1.064L8.1 14.368H7.085l2.082-3.91-.828-.447-2.322 4.36H3.453zm6.275.547.314.168a.353.353 0 0 0 .482-.147l.422-.79a.4.4 0 0 0 .028-.274.36.36 0 0 0-.175-.214l-.314-.168a.356.356 0 0 0-.482.146l-.422.79a.4.4 0 0 0-.028.275.36.36 0 0 0 .175.214m-6.279 2.235.004 1.904c0 2.49 2.014 4.518 4.49 4.518h1.35a4.53 4.53 0 0 0 4.513-4.518v-1.904zm17.414-7.896-1.16.122-.14.775a.6.6 0 0 1-.178.335l-1.472 1.454a.7.7 0 0 1-.214.14l-2.132.82q-.334.134-.679.133a1.84 1.84 0 0 1-1.785-1.425 1.82 1.82 0 0 1-2.37-.019 1.8 1.8 0 0 1-.44-.567 1.84 1.84 0 0 1-.108-1.407l.232-.69A1.83 1.83 0 0 1 8.8 5.915a1.846 1.846 0 0 1 1.407-2.192l3.779-.882.668-.533a.6.6 0 0 1 .364-.135L19.56 2a.624.624 0 0 1 .646.607.624.624 0 0 1-.6.65l-4.335.161-3.011 2.396-.89 2.625a.585.585 0 0 0 .375.736.59.59 0 0 0 .74-.379l.871-2.446a.63.63 0 0 1 .268-.31l1.036-.604a1.68 1.68 0 0 1 2.3.596 1.7 1.7 0 0 1-.59 2.322 1 1 0 0 1-.082.039l-1.621.668a.595.595 0 0 0-.321.768.58.58 0 0 0 .76.321l2.025-.779 1.236-1.22.19-1.044a.63.63 0 0 1 .55-.514l1.624-.168c.343-.04.65.214.686.56.04.35-.21.662-.554.697M10.856 6.064l.279-.828a.64.64 0 0 1 .204-.29l.353-.282-1.214.283a.589.589 0 0 0 .236 1.153zm3.34 1.84 1.567-.647a.436.436 0 0 0-.475-.732l-.853.497-.007.021-.315.896a1 1 0 0 0 .083-.035"
-        })
     }));
-    return i ? /*#__PURE__*/ _react.cloneElement(t, {}, [
+    return o ? /*#__PURE__*/ _react.cloneElement(e, {}, [
         /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
-            children: i
+            children: o
         }, "gradient-defs"),
-        ..._react.Children.toArray(t.props.children)
-    ]) : t;
+        ..._react.Children.toArray(e.props.children)
+    ]) : e;
 };

package/dist/generated/mistica-icons/icon-pickpocket-regular.js

@@ -11,7 +11,6 @@ Object.defineProperty(exports, "default", {
 });
 const _jsxruntime = require("react/jsx-runtime");
 const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _hooks = require("../../hooks.js");
 const _themevariantcontext = require("../../theme-variant-context.js");
 const _skincontractcssmistica = require("../../skins/skin-contract.css-mistica.js");
 const _icongradient = require("../../utils/icon-gradient.js");
@@ -136,35 +135,25 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const C = (_param)=>{
-    var { color: m, size: l = 24 } = _param, o = _object_without_properties(_param, [
+    var { color: c, size: r = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useThemeVariant)(), h = e === "brand" || e === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : e === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: c, gradientDef: n } = (0, _icongradient.useIconGradient)(m !== null && m !== void 0 ? m : h), { skinName: s } = (0, _hooks.useTheme)(), t = s.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+    const a = (0, _themevariantcontext.useThemeVariant)(), m = a === "brand" || a === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : a === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: s, gradientDef: o } = (0, _icongradient.useIconGradient)(c !== null && c !== void 0 ? c : m), e = /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, i), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: c,
+            fill: s,
             d: "M12.775 11.6a.83.83 0 0 0-.379-.425L8.724 9.192a.847.847 0 0 0-1.147.35l-1.09 2.044-.038-.004H4.663c-.668 0-1.211.547-1.211 1.218v4.687c0 2.486 2.014 4.515 4.49 4.515h1.35c2.475 0 4.49-2.03 4.49-4.519v-4.686c0-.6-.436-1.1-1.007-1.197m-.3 1.225q.025.006.057.01v1.487h-.854zm-1.808 1.497h-2.54l1.833-3.443 1.975 1.064zm-2.325-4.315.828.446-2.057 3.869H6.045zM5.82 12.836l-.79 1.482h-.328v-1.482zm3.472 7.908h-1.35c-1.786 0-3.24-1.464-3.24-3.26v-1.905h7.83v1.904c0 1.797-1.454 3.261-3.24 3.261m.71-8.676a.356.356 0 0 1 .483-.146l.314.167a.37.37 0 0 1 .175.215.35.35 0 0 1-.028.275l-.422.79a.357.357 0 0 1-.482.146l-.314-.168a.37.37 0 0 1-.175-.215.35.35 0 0 1 .028-.275zm11.42-5.076a.625.625 0 0 0-.685-.56l-1.626.167a.63.63 0 0 0-.55.515l-.189 1.043-1.236 1.221-2.025.779a.57.57 0 0 1-.447-.004.58.58 0 0 1-.314-.321.58.58 0 0 1 .003-.45.6.6 0 0 1 .318-.318l1.622-.668a1 1 0 0 0 .082-.04 1.7 1.7 0 0 0 .59-2.321 1.68 1.68 0 0 0-2.304-.597l-1.036.604a.63.63 0 0 0-.268.31L12.485 8.8a.587.587 0 0 1-1.079.088.6.6 0 0 1-.035-.446l.89-2.625 3.01-2.397 4.337-.16a.624.624 0 0 0 .6-.65.634.634 0 0 0-.647-.608l-4.54.164a.6.6 0 0 0-.364.136l-.668.532-3.78.883a1.846 1.846 0 0 0-.833 3.178c.29.259.657.418 1.045.454l-.232.69a1.85 1.85 0 0 0 1.171 2.329c.465.153.965.114 1.4-.107q.187-.098.347-.225.03.14.09.274c.185.458.535.815.985 1.004q.349.146.714.147c.233 0 .461-.043.675-.133l2.133-.821a.7.7 0 0 0 .214-.14l1.472-1.453a.63.63 0 0 0 .179-.336l.139-.775 1.16-.121a.63.63 0 0 0 .554-.69m-10.705-.896a.584.584 0 0 1-.61-.896.6.6 0 0 1 .374-.255l1.215-.282-.354.282a.64.64 0 0 0-.203.29l-.283.828zm3.397 1.846.314-.896.008-.022.853-.496a.437.437 0 0 1 .475.732l-1.568.647q-.038.014-.082.035"
         })
-    })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
-        viewBox: "0 0 24 24",
-        role: "presentation"
-    }, o), {
-        children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: c,
-            d: "M12.775 11.6a.83.83 0 0 0-.38-.425l-3.67-1.983a.847.847 0 0 0-1.147.35l-1.09 2.044c-.014 0-.024-.004-.039-.004H4.662c-.667 0-1.21.547-1.21 1.218v4.687c0 2.486 2.014 4.515 4.49 4.515h1.35c2.475 0 4.49-2.03 4.49-4.519v-4.686c0-.6-.436-1.1-1.008-1.197m-.3 1.225q.025.006.057.01v1.487h-.854zm-1.808 1.497h-2.54l1.833-3.443 1.975 1.064zm-2.325-4.315.828.446-2.057 3.869H6.045zM5.82 12.836l-.79 1.482h-.328v-1.482zm3.472 7.908h-1.35c-1.786 0-3.24-1.464-3.24-3.26v-1.905h7.83v1.904c0 1.797-1.454 3.261-3.24 3.261m.71-8.676a.356.356 0 0 1 .483-.146l.314.167a.37.37 0 0 1 .175.215.35.35 0 0 1-.028.275l-.422.79a.357.357 0 0 1-.482.146l-.314-.168a.37.37 0 0 1-.175-.215.35.35 0 0 1 .028-.275zm11.42-5.076a.626.626 0 0 0-.686-.56l-1.625.167a.63.63 0 0 0-.55.515l-.19 1.043-1.235 1.221-2.025.779a.57.57 0 0 1-.447-.004.58.58 0 0 1-.314-.321.58.58 0 0 1 .003-.45.6.6 0 0 1 .318-.318l1.622-.668a1 1 0 0 0 .082-.04 1.7 1.7 0 0 0 .59-2.321 1.68 1.68 0 0 0-2.304-.597l-1.036.604a.63.63 0 0 0-.268.31L12.485 8.8a.587.587 0 0 1-1.079.088.6.6 0 0 1-.035-.446l.89-2.625 3.01-2.397 4.337-.16a.624.624 0 0 0 .6-.65.634.634 0 0 0-.647-.608l-4.54.164a.6.6 0 0 0-.364.136l-.668.532-3.78.883a1.846 1.846 0 0 0-.833 3.178c.29.259.657.418 1.045.454l-.233.69a1.85 1.85 0 0 0 1.172 2.329c.464.153.964.114 1.4-.107q.187-.098.347-.225.031.14.089.274c.186.458.536.815.986 1.004q.349.146.714.147c.232 0 .461-.043.675-.133l2.133-.821a.7.7 0 0 0 .214-.14l1.472-1.453a.63.63 0 0 0 .178-.336l.14-.775 1.16-.121a.63.63 0 0 0 .554-.69m-10.705-.896a.584.584 0 0 1-.61-.896.6.6 0 0 1 .374-.255l1.215-.282-.354.282a.64.64 0 0 0-.203.29l-.283.828zm3.397 1.846.314-.896.007-.022.854-.496a.437.437 0 0 1 .475.732l-1.568.647q-.038.014-.082.035"
-        })
     }));
-    return n ? /*#__PURE__*/ _react.cloneElement(t, {}, [
+    return o ? /*#__PURE__*/ _react.cloneElement(e, {}, [
         /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
-            children: n
+            children: o
         }, "gradient-defs"),
-        ..._react.Children.toArray(t.props.children)
-    ]) : t;
+        ..._react.Children.toArray(e.props.children)
+    ]) : e;
 };

package/dist/generated/mistica-icons/icon-pill-filled.js

@@ -140,7 +140,7 @@ const A = (_param)=>{
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useThemeVariant)(), h = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: i, gradientDef: a } = (0, _icongradient.useIconGradient)(s !== null && s !== void 0 ? s : h), { skinName: d } = (0, _hooks.useTheme)(), o = d.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const r = (0, _themevariantcontext.useThemeVariant)(), h = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: i, gradientDef: a } = (0, _icongradient.useIconGradient)(s !== null && s !== void 0 ? s : h), { skinName: d } = (0, _hooks.useTheme)(), o = d.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",

package/dist/generated/mistica-icons/icon-pill-light.js

@@ -140,7 +140,7 @@ const L = (_param)=>{
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useThemeVariant)(), m = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: i, gradientDef: a } = (0, _icongradient.useIconGradient)(s !== null && s !== void 0 ? s : m), { skinName: h } = (0, _hooks.useTheme)(), o = h.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const r = (0, _themevariantcontext.useThemeVariant)(), m = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: i, gradientDef: a } = (0, _icongradient.useIconGradient)(s !== null && s !== void 0 ? s : m), { skinName: h } = (0, _hooks.useTheme)(), o = h.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",

package/dist/generated/mistica-icons/icon-pill-regular.js

@@ -140,7 +140,7 @@ const M = (_param)=>{
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useThemeVariant)(), h = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: a, gradientDef: i } = (0, _icongradient.useIconGradient)(s !== null && s !== void 0 ? s : h), { skinName: m } = (0, _hooks.useTheme)(), l = m.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const r = (0, _themevariantcontext.useThemeVariant)(), h = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: a, gradientDef: i } = (0, _icongradient.useIconGradient)(s !== null && s !== void 0 ? s : h), { skinName: m } = (0, _hooks.useTheme)(), l = m.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",

package/dist/generated/mistica-icons/icon-pills-filled.js

@@ -140,7 +140,7 @@ const M = (_param)=>{
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useThemeVariant)(), m = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: a, gradientDef: i } = (0, _icongradient.useIconGradient)(s !== null && s !== void 0 ? s : m), { skinName: h } = (0, _hooks.useTheme)(), l = h.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const r = (0, _themevariantcontext.useThemeVariant)(), m = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: a, gradientDef: i } = (0, _icongradient.useIconGradient)(s !== null && s !== void 0 ? s : m), { skinName: h } = (0, _hooks.useTheme)(), l = h.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",

package/dist/generated/mistica-icons/icon-pills-light.js

@@ -140,7 +140,7 @@ const A = (_param)=>{
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useThemeVariant)(), h = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: l, gradientDef: i } = (0, _icongradient.useIconGradient)(m !== null && m !== void 0 ? m : h), { skinName: s } = (0, _hooks.useTheme)(), o = s.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const r = (0, _themevariantcontext.useThemeVariant)(), h = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: l, gradientDef: i } = (0, _icongradient.useIconGradient)(m !== null && m !== void 0 ? m : h), { skinName: s } = (0, _hooks.useTheme)(), o = s.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",

package/dist/generated/mistica-icons/icon-pills-regular.js

@@ -140,7 +140,7 @@ const A = (_param)=>{
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useThemeVariant)(), s = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: a, gradientDef: i } = (0, _icongradient.useIconGradient)(m !== null && m !== void 0 ? m : s), { skinName: h } = (0, _hooks.useTheme)(), o = h.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const r = (0, _themevariantcontext.useThemeVariant)(), s = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: a, gradientDef: i } = (0, _icongradient.useIconGradient)(m !== null && m !== void 0 ? m : s), { skinName: h } = (0, _hooks.useTheme)(), o = h.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",