@telefonica/mistica 13.0.2 → 13.1.1

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

@@ -4,13 +4,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: function() {
-        return h;
-    }
+    get: ()=>v
 });
-var _themeVariantContextJs = require("../../theme-variant-context.js");
-var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
-var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
+const _themeVariantContextJs = require("../../theme-variant-context.js");
+const _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
+const _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -90,13 +88,12 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var h = function h(_param) {
-    var a = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, o = _param.children, t = _objectWithoutProperties(_param, [
+const v = (_param)=>{
+    var { color: a , size: e = 24  } = _param, t = _objectWithoutProperties(_param, [
         "color",
-        "size",
-        "children"
+        "size"
     ]);
-    var n = (0, _themeVariantContextJs.useIsInverseVariant)(), s = a != null ? a : n ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
+    const s = (0, _themeVariantContextJs.useIsInverseVariant)(), n = a != null ? a : s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
@@ -104,7 +101,7 @@ var h = function h(_param) {
         role: "presentation"
     }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
-            fill: s,
+            fill: n,
             d: "M21.513 2.831c.005-.038.005-.076.005-.109v-.024a.722.722 0 00-.023-.137v-.01a.058.058 0 01-.009-.028.514.514 0 00-.054-.137l-.04-.071a.717.717 0 00-.086-.104l-.019-.017a1.046 1.046 0 00-.104-.083.704.704 0 00-.212-.09c-.004-.003-.01-.004-.015-.005a.558.558 0 00-.235-.007.12.12 0 01-.02.002.326.326 0 01-.035.005c-.01.001-.022.002-.033.005L2.99 7.03a.737.737 0 00-.519.654.75.75 0 00.406.734l7.898 3.815-.696.73a.767.767 0 000 1.047c.276.29.723.29.998 0l.696-.73 3.634 8.289a.703.703 0 00.642.431c.018 0 .04 0 .058-.005a.708.708 0 00.623-.545l4.764-18.51.005-.028c0-.01.002-.02.004-.029l.002-.01a.142.142 0 00.007-.042zm-3.066 1.35l-6.606 6.934-6.601-3.19 13.207-3.743zm-5.608 7.981l6.606-6.933-3.567 13.861-3.039-6.928z"
         })
     }));

package/dist/generated/mistica-icons/icon-settings-cloud-filled.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+/// <reference types="react" />
 import type { IconProps } from '../../utils/types';
-declare const IconSettingsCloudFilled: React.FC<IconProps>;
+declare const IconSettingsCloudFilled: ({ color, size, ...rest }: IconProps) => JSX.Element;
 export default IconSettingsCloudFilled;

package/dist/generated/mistica-icons/icon-settings-cloud-filled.js

@@ -4,13 +4,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: function() {
-        return m;
-    }
+    get: ()=>v
 });
-var _themeVariantContextJs = require("../../theme-variant-context.js");
-var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
-var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
+const _themeVariantContextJs = require("../../theme-variant-context.js");
+const _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
+const _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -90,19 +88,18 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var m = function m(_param) {
-    var a = _param.color, tmp = _param.size, l = tmp === void 0 ? 24 : tmp, n = _param.children, t = _objectWithoutProperties(_param, [
+const v = (_param)=>{
+    var { color: a , size: l = 24  } = _param, r = _objectWithoutProperties(_param, [
         "color",
-        "size",
-        "children"
+        "size"
     ]);
-    var s = (0, _themeVariantContextJs.useIsInverseVariant)(), i = a != null ? a : s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
+    const s = (0, _themeVariantContextJs.useIsInverseVariant)(), i = a != null ? a : s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             fill: i,
             d: "M21.841 13.854c0-4.216-3.28-4.922-4.697-5.028-1.177-3.608-5.26-3.793-6.084-3.793-1.059 0-6.292.286-6.404 5.877-1.05.384-2.501 1.364-2.501 3.885 0 3.084 2.185 4.182 4.23 4.182l10.285-.056c.866 0 5.171-.246 5.171-5.067zm-5.624-1.064a.695.695 0 01-.698.692h-.484a3.044 3.044 0 01-.143.459l.395.395a.696.696 0 01-.003.986l-.437.434a.712.712 0 01-.997 0l-.395-.395c-.149.062-.3.11-.462.146v.482a.696.696 0 01-.698.691h-.597a.695.695 0 01-.697-.691v-.482a3.182 3.182 0 01-.462-.143l-.395.392a.697.697 0 01-.496.204h-.003a.708.708 0 01-.498-.204l-.437-.434-.006-.006a.692.692 0 01.006-.983l.392-.39a2.934 2.934 0 01-.14-.461h-.485a.697.697 0 01-.7-.692v-.597a.7.7 0 01.7-.695h.485c.033-.157.081-.31.14-.462l-.392-.39-.006-.005a.692.692 0 01.006-.983l.442-.431a.703.703 0 01.499-.205h.003a.7.7 0 01.495.205l.395.392c.152-.06.306-.107.463-.143v-.482c0-.384.313-.692.697-.692h.597a.695.695 0 01.697.692v.482c.157.036.311.084.462.143l.395-.392a.712.712 0 01.997 0l.438.434.005.005a.695.695 0 01-.008.984l-.395.392c.059.148.106.3.143.456h.484a.7.7 0 01.698.695v.597zm-4.219-2.126c1.151 0 1.84.683 1.84 1.826 0 1.146-.686 1.826-1.84 1.826s-1.84-.683-1.84-1.826.689-1.826 1.84-1.826z"

package/dist/generated/mistica-icons/icon-settings-cloud-light.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+/// <reference types="react" />
 import type { IconProps } from '../../utils/types';
-declare const IconSettingsCloudLight: React.FC<IconProps>;
+declare const IconSettingsCloudLight: ({ color, size, ...rest }: IconProps) => JSX.Element;
 export default IconSettingsCloudLight;

package/dist/generated/mistica-icons/icon-settings-cloud-light.js

@@ -4,13 +4,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: function() {
-        return m;
-    }
+    get: ()=>o
 });
-var _themeVariantContextJs = require("../../theme-variant-context.js");
-var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
-var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
+const _themeVariantContextJs = require("../../theme-variant-context.js");
+const _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
+const _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -90,13 +88,12 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var m = function m(_param) {
-    var a = _param.color, tmp = _param.size, l = tmp === void 0 ? 24 : tmp, i = _param.children, e = _objectWithoutProperties(_param, [
+const o = (_param)=>{
+    var { color: a , size: l = 24  } = _param, e = _objectWithoutProperties(_param, [
         "color",
-        "size",
-        "children"
+        "size"
     ]);
-    var h = (0, _themeVariantContextJs.useIsInverseVariant)(), r = a != null ? a : h ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
+    const h = (0, _themeVariantContextJs.useIsInverseVariant)(), r = a != null ? a : h ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: l,
         height: l,

package/dist/generated/mistica-icons/icon-settings-cloud-regular.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+/// <reference types="react" />
 import type { IconProps } from '../../utils/types';
-declare const IconSettingsCloudRegular: React.FC<IconProps>;
+declare const IconSettingsCloudRegular: ({ color, size, ...rest }: IconProps) => JSX.Element;
 export default IconSettingsCloudRegular;

package/dist/generated/mistica-icons/icon-settings-cloud-regular.js

@@ -4,13 +4,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: function() {
-        return m;
-    }
+    get: ()=>o
 });
-var _themeVariantContextJs = require("../../theme-variant-context.js");
-var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
-var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
+const _themeVariantContextJs = require("../../theme-variant-context.js");
+const _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
+const _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -90,21 +88,20 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var m = function m(_param) {
-    var a = _param.color, tmp = _param.size, l = tmp === void 0 ? 24 : tmp, s = _param.children, h = _objectWithoutProperties(_param, [
+const o = (_param)=>{
+    var { color: a , size: l = 24  } = _param, e = _objectWithoutProperties(_param, [
         "color",
-        "size",
-        "children"
+        "size"
     ]);
-    var r = (0, _themeVariantContextJs.useIsInverseVariant)(), v = a != null ? a : r ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
+    const h = (0, _themeVariantContextJs.useIsInverseVariant)(), r = a != null ? a : h ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
-            fill: v,
+            fill: r,
             d: "M21.83 13.798c0-3.434-2.325-4.852-4.647-5.064-1.244-3.507-5.278-3.69-6.101-3.69-1.06 0-6.264.283-6.457 5.762-1.07.42-2.45 1.44-2.45 3.905 0 3.137 2.24 4.255 4.338 4.255l10.059-.056c2.426 0 5.258-1.339 5.258-5.112zm-1.205 0c0 3.641-3.1 3.924-4.056 3.924l-10.059.053c-.941 0-3.129-.3-3.129-3.067 0-1.554.678-2.532 2.014-2.907a.593.593 0 00.44-.583l-.005-.095c0-4.535 4.022-4.888 5.257-4.888.698 0 4.227.154 5.062 3.221.07.252.3.432.566.44 1.176.034 3.91.479 3.91 3.902zm-8.622-.283c-.72 0-1.056-.33-1.056-1.04 0-.708.336-1.038 1.056-1.038.723 0 1.056.33 1.056 1.039 0 .708-.336 1.039-1.056 1.039zm1.941-1.04c0-1.195-.725-1.91-1.94-1.91-1.216 0-1.94.715-1.94 1.91 0 1.197.723 1.911 1.94 1.911 1.215 0 1.94-.714 1.94-1.91zm1.4.189h-.618a.484.484 0 00-.476.4c-.042.252-.11.468-.21.675a.47.47 0 00.092.543l.465.46-.291.286-.465-.46a.491.491 0 00-.558-.09 2.355 2.355 0 01-.683.208.48.48 0 00-.406.47v.611h-.384v-.61a.476.476 0 00-.406-.471 2.46 2.46 0 01-.68-.207.495.495 0 00-.558.09l-.465.459-.292-.286.465-.46a.47.47 0 00.093-.543 2.341 2.341 0 01-.21-.675.48.48 0 00-.476-.4h-.62v-.379h.62c.235 0 .436-.17.476-.4.039-.252.109-.476.207-.672a.47.47 0 00-.09-.547l-.465-.46.292-.285.465.457a.48.48 0 00.577.078c.129-.073.403-.154.66-.193a.48.48 0 00.407-.47v-.611h.384v.61c0 .236.17.432.406.47.258.043.53.121.66.194a.48.48 0 00.578-.078l.465-.457.291.286-.465.46a.468.468 0 00-.09.546c.096.193.169.42.21.675.04.23.242.397.477.397h.619v.379zm.964-.477a.857.857 0 00-.862-.851v-.003h-.325a4.301 4.301 0 00-.073-.224l.303-.297a.838.838 0 00.254-.605c0-.23-.09-.443-.255-.605l-.425-.42a.903.903 0 00-1.23 0l-.302.297a5.058 5.058 0 00-.23-.068v-.327a.857.857 0 00-.863-.852h-.585a.857.857 0 00-.863.852v.327a3.91 3.91 0 00-.23.068l-.302-.297a.903.903 0 00-1.23 0l-.429.42a.834.834 0 00-.254.605c0 .23.09.445.252.605l.305.3c-.028.075-.05.148-.073.224h-.333a.857.857 0 00-.863.851v.577c0 .47.387.852.863.852h.333c.023.078.048.151.073.224l-.303.3a.847.847 0 000 1.21l.429.42a.903.903 0 001.23 0l.302-.3c.073.025.149.048.227.07v.328c0 .47.387.851.863.851h.585c.476 0 .863-.38.863-.851v-.328c.079-.02.154-.045.227-.07l.305.3a.903.903 0 001.23 0l.426-.42a.847.847 0 000-1.21l-.306-.3c.028-.073.05-.149.073-.224h.33a.857.857 0 00.863-.852v-.577z"
         })
     }));

package/dist/generated/mistica-icons/icon-settings-filled.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+/// <reference types="react" />
 import type { IconProps } from '../../utils/types';
-declare const IconSettingsFilled: React.FC<IconProps>;
+declare const IconSettingsFilled: ({ color, size, ...rest }: IconProps) => JSX.Element;
 export default IconSettingsFilled;

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

@@ -4,14 +4,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: function() {
-        return p;
-    }
+    get: ()=>p
 });
-var _hooksJs = require("../../hooks.js");
-var _themeVariantContextJs = require("../../theme-variant-context.js");
-var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
-var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
+const _hooksJs = require("../../hooks.js");
+const _themeVariantContextJs = require("../../theme-variant-context.js");
+const _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
+const _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -91,13 +89,12 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var p = function p(_param) {
-    var e = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, o = _param.children, t = _objectWithoutProperties(_param, [
+const p = (_param)=>{
+    var { color: e , size: a = 24  } = _param, t = _objectWithoutProperties(_param, [
         "color",
-        "size",
-        "children"
+        "size"
     ]);
-    var i = (0, _themeVariantContextJs.useIsInverseVariant)(), c = e != null ? e : i ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), r = ref.skinName;
+    const i = (0, _themeVariantContextJs.useIsInverseVariant)(), c = e != null ? e : i ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, { skinName: r  } = (0, _hooksJs.useTheme)();
     return r.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: a,
         height: a,

package/dist/generated/mistica-icons/icon-settings-light.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+/// <reference types="react" />
 import type { IconProps } from '../../utils/types';
-declare const IconSettingsLight: React.FC<IconProps>;
+declare const IconSettingsLight: ({ color, size, ...rest }: IconProps) => JSX.Element;
 export default IconSettingsLight;

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

@@ -4,14 +4,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: function() {
-        return L;
-    }
+    get: ()=>d
 });
-var _hooksJs = require("../../hooks.js");
-var _themeVariantContextJs = require("../../theme-variant-context.js");
-var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
-var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
+const _hooksJs = require("../../hooks.js");
+const _themeVariantContextJs = require("../../theme-variant-context.js");
+const _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
+const _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -91,14 +89,13 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var L = function L(_param) {
-    var h = _param.color, tmp = _param.size, l = tmp === void 0 ? 24 : tmp, o = _param.children, t = _objectWithoutProperties(_param, [
+const d = (_param)=>{
+    var { color: h , size: l = 24  } = _param, t = _objectWithoutProperties(_param, [
         "color",
-        "size",
-        "children"
+        "size"
     ]);
-    var r = (0, _themeVariantContextJs.useIsInverseVariant)(), c = h != null ? h : r ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), s = ref.skinName;
-    return s.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
+    const s = (0, _themeVariantContextJs.useIsInverseVariant)(), c = h != null ? h : s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, { skinName: v  } = (0, _hooksJs.useTheme)();
+    return v.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",

package/dist/generated/mistica-icons/icon-settings-regular.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+/// <reference types="react" />
 import type { IconProps } from '../../utils/types';
-declare const IconSettingsRegular: React.FC<IconProps>;
+declare const IconSettingsRegular: ({ color, size, ...rest }: IconProps) => JSX.Element;
 export default IconSettingsRegular;

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

@@ -4,14 +4,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: function() {
-        return g;
-    }
+    get: ()=>d
 });
-var _hooksJs = require("../../hooks.js");
-var _themeVariantContextJs = require("../../theme-variant-context.js");
-var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
-var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
+const _hooksJs = require("../../hooks.js");
+const _themeVariantContextJs = require("../../theme-variant-context.js");
+const _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
+const _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -91,13 +89,12 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var g = function g(_param) {
-    var h = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, o = _param.children, e = _objectWithoutProperties(_param, [
+const d = (_param)=>{
+    var { color: h , size: a = 24  } = _param, e = _objectWithoutProperties(_param, [
         "color",
-        "size",
-        "children"
+        "size"
     ]);
-    var i = (0, _themeVariantContextJs.useIsInverseVariant)(), l = h != null ? h : i ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), r = ref.skinName;
+    const i = (0, _themeVariantContextJs.useIsInverseVariant)(), l = h != null ? h : i ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, { skinName: r  } = (0, _hooksJs.useTheme)();
     return r.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
         width: a,
         height: a,

package/dist/generated/mistica-icons/icon-settings-web-filled.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+/// <reference types="react" />
 import type { IconProps } from '../../utils/types';
-declare const IconSettingsWebFilled: React.FC<IconProps>;
+declare const IconSettingsWebFilled: ({ color, size, ...rest }: IconProps) => JSX.Element;
 export default IconSettingsWebFilled;

package/dist/generated/mistica-icons/icon-settings-web-filled.js

@@ -4,13 +4,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: function() {
-        return o;
-    }
+    get: ()=>m
 });
-var _themeVariantContextJs = require("../../theme-variant-context.js");
-var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
-var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
+const _themeVariantContextJs = require("../../theme-variant-context.js");
+const _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
+const _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -90,19 +88,18 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var o = function o(_param) {
-    var a = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, i = _param.children, r = _objectWithoutProperties(_param, [
+const m = (_param)=>{
+    var { color: a , size: c = 24  } = _param, t = _objectWithoutProperties(_param, [
         "color",
-        "size",
-        "children"
+        "size"
     ]);
-    var t = (0, _themeVariantContextJs.useIsInverseVariant)(), s = a != null ? a : t ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
+    const r = (0, _themeVariantContextJs.useIsInverseVariant)(), s = a != null ? a : r ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             fill: s,
             d: "M21.841 5.993c0-.759-.641-1.378-1.428-1.378H3.583c-.79 0-1.428.62-1.428 1.378v12.012c0 .759.639 1.375 1.429 1.375h16.829c.787 0 1.428-.62 1.428-1.378V5.993zm-16.495.83c0 .296-.25.537-.56.537a.548.548 0 01-.558-.537V6.82a.55.55 0 01.56-.535h.003a.545.545 0 01.555.538zm15.29 11.179c0 .12-.1.216-.223.216H3.583a.221.221 0 01-.223-.216V8.338h17.277v9.664zm-5.06-5.588c.386 0 .697.3.697.672v.585c0 .37-.311.673-.698.673h-.501a2.98 2.98 0 01-.152.465l.407.392c.266.252.274.67.025.935l-.025.026-.446.428a.725.725 0 01-.994 0l-.406-.395c-.157.062-.32.11-.485.148v.482c0 .37-.314.673-.697.673h-.608a.685.685 0 01-.698-.673v-.482a3.226 3.226 0 01-.484-.148l-.406.395a.742.742 0 01-.995 0l-.445-.431a.666.666 0 01-.02-.939l.02-.02.403-.386a3.056 3.056 0 01-.148-.47h-.502a.685.685 0 01-.697-.673v-.585c0-.37.31-.672.697-.672h.502c.033-.138.081-.309.148-.471l-.403-.39a.654.654 0 01-.205-.478c0-.185.073-.356.208-.482l.442-.429a.742.742 0 01.995 0l.406.392a3.6 3.6 0 01.484-.145v-.482c0-.37.314-.672.698-.672h.608c.386 0 .697.302.697.672v.482c.171.039.328.084.485.148l.406-.395a.719.719 0 01.994 0l.446.429a.663.663 0 010 .958l-.41.392c.062.146.113.303.152.468.003.003.504.003.504.003zm-3.578 2.56c1.053 0 1.658-.583 1.658-1.597s-.605-1.594-1.658-1.594-1.658.58-1.658 1.594c0 1.014.605 1.597 1.658 1.597zm-5.532-8.69a.548.548 0 01.557.539.548.548 0 01-.56.537.548.548 0 01-.557-.537.548.548 0 01.557-.538h.003zm2.235.539a.548.548 0 01-.56.537.548.548 0 01-.557-.537V6.82a.55.55 0 01.56-.535.548.548 0 01.557.538z"

package/dist/generated/mistica-icons/icon-settings-web-light.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+/// <reference types="react" />
 import type { IconProps } from '../../utils/types';
-declare const IconSettingsWebLight: React.FC<IconProps>;
+declare const IconSettingsWebLight: ({ color, size, ...rest }: IconProps) => JSX.Element;
 export default IconSettingsWebLight;

package/dist/generated/mistica-icons/icon-settings-web-light.js

@@ -4,13 +4,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: function() {
-        return o;
-    }
+    get: ()=>m
 });
-var _themeVariantContextJs = require("../../theme-variant-context.js");
-var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
-var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
+const _themeVariantContextJs = require("../../theme-variant-context.js");
+const _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
+const _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -90,21 +88,20 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var o = function o(_param) {
-    var a = _param.color, tmp = _param.size, l = tmp === void 0 ? 24 : tmp, i = _param.children, e = _objectWithoutProperties(_param, [
+const m = (_param)=>{
+    var { color: a , size: l = 24  } = _param, t = _objectWithoutProperties(_param, [
         "color",
-        "size",
-        "children"
+        "size"
     ]);
-    var t = (0, _themeVariantContextJs.useIsInverseVariant)(), r = a != null ? a : t ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
+    const e = (0, _themeVariantContextJs.useIsInverseVariant)(), v = a != null ? a : e ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
-            fill: r,
+            fill: v,
             d: "M20.583 4.616c.692 0 1.255.546 1.255 1.216v12.333c0 .67-.564 1.216-1.255 1.216H3.406c-.692 0-1.255-.546-1.255-1.216V5.832c0-.67.563-1.216 1.255-1.216h17.177zM2.972 5.832V7.84h18.045V5.832a.426.426 0 00-.434-.42H3.406a.43.43 0 00-.434.42zm18.045 12.33V8.633H2.972v9.53c0 .232.193.42.434.42h17.177a.428.428 0 00.434-.42zM5.77 6.686c0 .303.255.552.572.552.316 0 .571-.25.571-.552a.561.561 0 00-.571-.554.563.563 0 00-.572.554zm2.286.552a.56.56 0 01-.569-.552c0-.305.255-.554.569-.554a.56.56 0 01.571.554.565.565 0 01-.571.552zm-3.997-.552c0 .303.255.552.571.552a.56.56 0 00.569-.552.559.559 0 00-.569-.554.563.563 0 00-.571.554zm7.888 8c-.765 0-1.118-.344-1.118-1.084 0-.74.356-1.084 1.118-1.084.762 0 1.117.345 1.117 1.084 0 .74-.355 1.084-1.117 1.084zm1.938-1.084c0-1.176-.723-1.88-1.938-1.88-1.216 0-1.939.704-1.939 1.88 0 1.177.723 1.88 1.939 1.88 1.213 0 1.938-.703 1.938-1.88zm.84.27a.413.413 0 00-.409.33c-.044.26-.117.495-.22.697a.392.392 0 00.078.46l.543.504-.415.423-.543-.527a.428.428 0 00-.47-.076 2.59 2.59 0 01-.723.216.4.4 0 00-.345.392v.692l-.554.02v-.712a.4.4 0 00-.345-.392 2.522 2.522 0 01-.72-.216.422.422 0 00-.473.076l-.521.527-.437-.4.543-.527a.383.383 0 00.067-.477c-.08-.137-.165-.411-.21-.68a.41.41 0 00-.406-.334l-.714.02-.02-.557h.734c.202 0 .376-.14.406-.334.045-.269.13-.54.21-.68a.384.384 0 00-.067-.477l-.543-.504.414-.423.544.527c.126.12.314.154.473.075.21-.1.451-.173.72-.215a.4.4 0 00.345-.393l-.02-.691.577-.02v.712a.4.4 0 00.345.392c.271.042.501.112.722.215a.418.418 0 00.47-.075l.522-.527.437.4-.543.527a.389.389 0 00-.079.46c.104.201.176.437.221.697a.41.41 0 00.406.336l.715-.02.022.558h-.736zm1.538-.558a.789.789 0 00-.8-.776v.011h-.401a3.667 3.667 0 00-.107-.325l.348-.336a.77.77 0 00.235-.552.758.758 0 00-.236-.552l-.436-.423a.824.824 0 00-1.14 0l-.348.336a2.563 2.563 0 00-.333-.103v-.39a.789.789 0 00-.801-.775h-.597a.789.789 0 00-.801.775v.39a3.075 3.075 0 00-.333.1l-.348-.336a.805.805 0 00-.568-.23h-.003a.805.805 0 00-.569.23l-.437.423a.77.77 0 00-.235.552.77.77 0 00.235.552l.345.334a2.833 2.833 0 00-.101.324h-.4a.789.789 0 00-.802.776v.58a.79.79 0 00.801.776h.4c.026.1.06.216.102.325l-.345.333a.77.77 0 00-.235.552.77.77 0 00.235.552l.437.423c.151.148.353.23.569.23h.003a.805.805 0 00.568-.23l.348-.336c.106.039.218.073.333.1v.39a.79.79 0 00.801.776h.594a.789.789 0 00.801-.776v-.39c.115-.03.227-.064.333-.103l.348.336a.824.824 0 001.14 0l.437-.423a.77.77 0 00.235-.552.759.759 0 00-.235-.551l-.348-.337a3.15 3.15 0 00.107-.325h.403a.789.789 0 00.801-.776v-.58z"
         })
     }));

package/dist/generated/mistica-icons/icon-settings-web-regular.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+/// <reference types="react" />
 import type { IconProps } from '../../utils/types';
-declare const IconSettingsWebRegular: React.FC<IconProps>;
+declare const IconSettingsWebRegular: ({ color, size, ...rest }: IconProps) => JSX.Element;
 export default IconSettingsWebRegular;

package/dist/generated/mistica-icons/icon-settings-web-regular.js

@@ -4,13 +4,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: function() {
-        return o;
-    }
+    get: ()=>n
 });
-var _themeVariantContextJs = require("../../theme-variant-context.js");
-var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
-var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
+const _themeVariantContextJs = require("../../theme-variant-context.js");
+const _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
+const _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -90,13 +88,12 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var o = function o(_param) {
-    var a = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, s = _param.children, v = _objectWithoutProperties(_param, [
+const n = (_param)=>{
+    var { color: a , size: c = 24  } = _param, v = _objectWithoutProperties(_param, [
         "color",
-        "size",
-        "children"
+        "size"
     ]);
-    var e = (0, _themeVariantContextJs.useIsInverseVariant)(), r = a != null ? a : e ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
+    const e = (0, _themeVariantContextJs.useIsInverseVariant)(), r = a != null ? a : e ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: c,
         height: c,

package/dist/generated/mistica-icons/icon-share-devices-filled.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+/// <reference types="react" />
 import type { IconProps } from '../../utils/types';
-declare const IconShareDevicesFilled: React.FC<IconProps>;
+declare const IconShareDevicesFilled: ({ color, size, ...rest }: IconProps) => JSX.Element;
 export default IconShareDevicesFilled;

package/dist/generated/mistica-icons/icon-share-devices-filled.js

@@ -4,13 +4,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: function() {
-        return o;
-    }
+    get: ()=>n
 });
-var _themeVariantContextJs = require("../../theme-variant-context.js");
-var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
-var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
+const _themeVariantContextJs = require("../../theme-variant-context.js");
+const _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
+const _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -90,13 +88,12 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var o = function o(_param) {
-    var v = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, l = _param.children, a = _objectWithoutProperties(_param, [
+const n = (_param)=>{
+    var { color: v , size: e = 24  } = _param, a = _objectWithoutProperties(_param, [
         "color",
-        "size",
-        "children"
+        "size"
     ]);
-    var i = (0, _themeVariantContextJs.useIsInverseVariant)(), s = v != null ? v : i ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
+    const s = (0, _themeVariantContextJs.useIsInverseVariant)(), t = v != null ? v : s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
@@ -104,7 +101,7 @@ var o = function o(_param) {
         role: "presentation"
     }, a), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
-            fill: s,
+            fill: t,
             d: "M14.825 2h4.586c1.182 0 2.112.942 2.112 2.144v.178h-8.815v-.178c0-1.203.93-2.144 2.117-2.144zm-2.821 2.5h-7.76c-.97 0-1.764.8-1.764 1.787v.535h9.524V4.5zm-1.941 8.56L7.95 14.3v-2.473l2.112 1.234zm6.527 6.618H2.48v.535C2.48 21.2 3.274 22 4.245 22h10.58c.975 0 1.765-.804 1.765-1.787v-.535zm0-3.034h-1.765c-1.58 0-2.821-1.257-2.821-2.857V7.896h-9.52v10.713H16.59v-1.965zm-5.227-3.666a.836.836 0 01-.266.7l-.086.063-2.907 1.71a.81.81 0 01-1.219-.713v-3.341c0-.293.158-.567.407-.713a.807.807 0 01.812 0l2.857 1.668a.825.825 0 01.402.626zm4.694-5.366v2.473l2.112-1.239-2.112-1.234zm-1.232 8.319c-1.187 0-2.117-.942-2.117-2.144v-.178h8.82v.178c0 1.202-.93 2.143-2.117 2.143h-4.586zM12.708 5.395h8.815v7.139h-8.815v-7.14zm2.7 5.832a.81.81 0 00.812 0l2.906-1.71.086-.064a.825.825 0 00.266-.699.825.825 0 00-.401-.626L16.219 6.46a.807.807 0 00-.812 0 .833.833 0 00-.406.713v3.34c0 .293.153.567.406.714z"
         })
     }));

package/dist/generated/mistica-icons/icon-share-devices-light.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+/// <reference types="react" />
 import type { IconProps } from '../../utils/types';
-declare const IconShareDevicesLight: React.FC<IconProps>;
+declare const IconShareDevicesLight: ({ color, size, ...rest }: IconProps) => JSX.Element;
 export default IconShareDevicesLight;

package/dist/generated/mistica-icons/icon-share-devices-light.js

@@ -4,13 +4,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: function() {
-        return o;
-    }
+    get: ()=>l
 });
-var _themeVariantContextJs = require("../../theme-variant-context.js");
-var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
-var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
+const _themeVariantContextJs = require("../../theme-variant-context.js");
+const _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
+const _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -90,13 +88,12 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var o = function o(_param) {
-    var v = _param.color, tmp = _param.size, h = tmp === void 0 ? 24 : tmp, s = _param.children, r = _objectWithoutProperties(_param, [
+const l = (_param)=>{
+    var { color: v , size: h = 24  } = _param, r = _objectWithoutProperties(_param, [
         "color",
-        "size",
-        "children"
+        "size"
     ]);
-    var a = (0, _themeVariantContextJs.useIsInverseVariant)(), t = v != null ? v : a ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
+    const a = (0, _themeVariantContextJs.useIsInverseVariant)(), t = v != null ? v : a ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: h,
         height: h,

package/dist/generated/mistica-icons/icon-share-devices-regular.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+/// <reference types="react" />
 import type { IconProps } from '../../utils/types';
-declare const IconShareDevicesRegular: React.FC<IconProps>;
+declare const IconShareDevicesRegular: ({ color, size, ...rest }: IconProps) => JSX.Element;
 export default IconShareDevicesRegular;