@telefonica/mistica 13.0.1 → 13.1.0

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

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

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

@@ -4,13 +4,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: function() {
-        return v;
-    }
+    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 v = function v(_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, t = _objectWithoutProperties(_param, [
         "color",
-        "size",
-        "children"
+        "size"
     ]);
-    var s = (0, _themeVariantContextJs.useIsInverseVariant)(), c = a != null ? a : s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
+    const s = (0, _themeVariantContextJs.useIsInverseVariant)(), c = a != null ? a : s ? _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-id-card-filled.d.ts

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

package/dist/generated/mistica-icons/icon-id-card-filled.js

@@ -4,13 +4,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: function() {
-        return d;
-    }
+    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,21 +88,20 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var d = function d(_param) {
-    var r = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, h = _param.children, c = _objectWithoutProperties(_param, [
+const l = (_param)=>{
+    var { color: r , size: e = 24  } = _param, s = _objectWithoutProperties(_param, [
         "color",
-        "size",
-        "children"
+        "size"
     ]);
-    var i = (0, _themeVariantContextJs.useIsInverseVariant)(), s = r != null ? r : i ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
+    const c = (0, _themeVariantContextJs.useIsInverseVariant)(), i = r != null ? r : c ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, s), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
-            fill: s,
+            fill: i,
             d: "M20.41 19.38H3.586c-.79 0-1.431-.67-1.431-1.49V6.103c0-.821.641-1.488 1.431-1.488h16.827c.79 0 1.43.667 1.43 1.488V17.89c-.002.82-.643 1.49-1.433 1.49zm-9.393-4.986c.334 0 .603-.28.603-.627a.616.616 0 00-.602-.628H4.777a.614.614 0 00-.603.628c0 .347.272.627.603.627h6.24zm-1.4-3.978a.617.617 0 00-.605-.627H4.777a.617.617 0 00-.605.627c0 .348.271.628.605.628h4.235c.333 0 .605-.28.605-.628zm6.653-2.243c-.569 0-1.014.157-1.32.465-.319.319-.479.795-.479 1.411 0 .617.16 1.09.48 1.41.305.308.75.462 1.319.462.571 0 1.014-.157 1.322-.463.32-.319.482-.795.482-1.411 0-.617-.163-1.09-.482-1.412-.308-.308-.75-.462-1.322-.462zm-1.098 4.568c-.667 0-1.216.213-1.583.61-.339.368-.515.878-.515 1.474v.625a.21.21 0 00.204.213h5.992a.21.21 0 00.204-.213v-.625c0-.596-.18-1.106-.518-1.473-.373-.398-.919-.61-1.585-.61h-2.2z"
         })
     }));

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

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

package/dist/generated/mistica-icons/icon-id-card-light.js

@@ -4,13 +4,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: function() {
-        return v;
-    }
+    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,21 +88,20 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var v = function v(_param) {
-    var a = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, n = _param.children, t = _objectWithoutProperties(_param, [
+const v = (_param)=>{
+    var { color: a , size: r = 24  } = _param, h = _objectWithoutProperties(_param, [
         "color",
-        "size",
-        "children"
+        "size"
     ]);
-    var c = (0, _themeVariantContextJs.useIsInverseVariant)(), i = a != null ? a : c ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
+    const c = (0, _themeVariantContextJs.useIsInverseVariant)(), s = a != null ? a : c ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: r,
         height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, h), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
-            fill: i,
+            fill: s,
             d: "M21.837 5.935c0-.725-.563-1.316-1.254-1.316H3.406c-.692 0-1.255.59-1.255 1.316V18.07c0 .725.563 1.316 1.258 1.316h17.174c.692 0 1.255-.59 1.255-1.316V5.935zm-.82 0V18.07a.446.446 0 01-.434.453H3.406a.444.444 0 01-.434-.453V5.935a.442.442 0 01.434-.453h17.177c.246.005.44.21.434.453zm-10.025 7.46a.42.42 0 01.408.431.42.42 0 01-.408.431H4.328a.422.422 0 01-.412-.43.42.42 0 01.409-.432h6.667zm-7.073-3.017a.42.42 0 00.409.431h4.52a.42.42 0 00.41-.431.42.42 0 00-.41-.431h-4.52a.422.422 0 00-.41.43zm11.952-.995c.154-.156.434-.19.644-.19.21 0 .49.034.647.193.13.13.194.362.194.69 0 .327-.068.557-.194.686-.154.154-.436.187-.647.187-.21 0-.49-.033-.644-.187-.157-.16-.19-.463-.19-.687 0-.227.033-.529.19-.692zm-.571 1.995c.28.286.689.431 1.213.431.523 0 .932-.143 1.215-.431.297-.294.446-.734.446-1.305 0-.572-.152-1.014-.446-1.311-.283-.286-.692-.432-1.215-.432-.521 0-.933.146-1.213.432-.294.297-.443.74-.443 1.31 0 .572.149 1.012.443 1.306zm3.336 3.042h-4.241c.011-.219.067-.49.244-.684.224-.246.594-.3.862-.3h2.023c.269 0 .636.051.865.3.182.196.236.465.247.684zm.344-1.283c-.339-.37-.843-.566-1.456-.566h-2.02c-.613 0-1.117.193-1.456.566-.311.342-.477.812-.477 1.367v.577a.194.194 0 00.188.199h5.513a.194.194 0 00.187-.199v-.577c0-.555-.165-1.025-.479-1.367z"
         })
     }));

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

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

package/dist/generated/mistica-icons/icon-id-card-regular.js

@@ -4,13 +4,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: function() {
-        return v;
-    }
+    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 v = function v(_param) {
-    var a = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, n = _param.children, t = _objectWithoutProperties(_param, [
+const l = (_param)=>{
+    var { color: a , size: r = 24  } = _param, t = _objectWithoutProperties(_param, [
         "color",
-        "size",
-        "children"
+        "size"
     ]);
-    var s = (0, _themeVariantContextJs.useIsInverseVariant)(), h = a != null ? a : s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
+    const s = (0, _themeVariantContextJs.useIsInverseVariant)(), h = a != null ? a : s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: r,
         height: r,

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

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

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

@@ -4,13 +4,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: function() {
-        return v;
-    }
+    get: ()=>h
 });
-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 v = function v(_param) {
-    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, o = _param.children, t = _objectWithoutProperties(_param, [
+const h = (_param)=>{
+    var { color: e , size: r = 24  } = _param, l = _objectWithoutProperties(_param, [
         "color",
-        "size",
-        "children"
+        "size"
     ]);
-    var i = (0, _themeVariantContextJs.useIsInverseVariant)(), s = e != null ? e : i ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
+    const s = (0, _themeVariantContextJs.useIsInverseVariant)(), i = e != null ? e : s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: r,
         height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, l), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
-            fill: s,
+            fill: i,
             d: "M20.423 4.622c.742 0 1.42.583 1.42 1.224v12.317c0 .641-.678 1.224-1.42 1.224H3.577c-.756 0-1.417-.574-1.417-1.224l.002-12.317c0-.652.664-1.224 1.418-1.224h16.843zM4.8 8.984a2.267 2.267 0 002.255 2.277c1.244 0 2.255-1.022 2.255-2.277 0-1.255-1.011-2.278-2.255-2.278S4.801 7.73 4.801 8.984zm14.933 3.652l-3.247-2.507a.61.61 0 00-.756.009l-3.711 2.977-.897-.854a.61.61 0 00-.815-.025l-5.277 4.44a.627.627 0 00-.079.876.608.608 0 00.866.082l4.86-4.087 3.378 3.213a.61.61 0 00.868-.026.628.628 0 00-.025-.88l-1.969-1.873 3.196-2.566 2.866 2.213a.61.61 0 00.857-.12.626.626 0 00-.115-.872zM6.03 8.986c0 .57.46 1.034 1.025 1.034a1.035 1.035 0 000-2.067A1.03 1.03 0 006.03 8.987z"
         })
     }));

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

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

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

@@ -4,13 +4,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: function() {
-        return v;
-    }
+    get: ()=>h
 });
-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 v = function v(_param) {
-    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, n = _param.children, l = _objectWithoutProperties(_param, [
+const h = (_param)=>{
+    var { color: e , size: r = 24  } = _param, l = _objectWithoutProperties(_param, [
         "color",
-        "size",
-        "children"
+        "size"
     ]);
-    var i = (0, _themeVariantContextJs.useIsInverseVariant)(), s = e != null ? e : i ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
+    const s = (0, _themeVariantContextJs.useIsInverseVariant)(), a = e != null ? e : s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: r,
         height: r,
@@ -104,7 +101,7 @@ var v = function v(_param) {
         role: "presentation"
     }, l), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
-            fill: s,
+            fill: a,
             d: "M20.421 4.62c.745 0 1.42.583 1.42 1.224v12.317c0 .638-.678 1.224-1.42 1.224H3.572c-.753.002-1.417-.572-1.417-1.224l.003-12.317c0-.653.664-1.224 1.42-1.224h16.843zm.6 13.54V5.848c0-.135-.272-.395-.6-.395H3.575c-.33 0-.596.238-.596.395l-.003 12.316c0 .157.269.395.6.395h16.848c.325-.002.596-.263.596-.397zM5.823 8.982c0 .687.552 1.241 1.23 1.241.678 0 1.23-.557 1.23-1.24 0-.684-.552-1.242-1.23-1.242-.678 0-1.23.558-1.23 1.241zm1.23 2.073c-1.131 0-2.05-.93-2.05-2.07 0-1.14.919-2.07 2.05-2.07 1.132 0 2.05.93 2.05 2.07 0 1.14-.918 2.07-2.05 2.07zm12.555 1.742l-3.247-2.506a.408.408 0 00-.504.005l-3.851 3.09-1.026-.975a.407.407 0 00-.543-.017l-5.277 4.44a.416.416 0 00-.054.583l.003.002c.143.174.4.196.574.05l5-4.2 3.507 3.335.006.006c.165.151.42.143.574-.023a.415.415 0 00-.017-.585l-2.142-2.04 3.507-2.817 2.994 2.31.003.003c.18.138.437.101.571-.078a.42.42 0 00-.078-.582z"
         })
     }));

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

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

package/dist/generated/mistica-icons/icon-image-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,21 +88,20 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var h = function h(_param) {
-    var a = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, n = _param.children, c = _objectWithoutProperties(_param, [
+const v = (_param)=>{
+    var { color: a , size: e = 24  } = _param, s = _objectWithoutProperties(_param, [
         "color",
-        "size",
-        "children"
+        "size"
     ]);
-    var l = (0, _themeVariantContextJs.useIsInverseVariant)(), s = a != null ? a : l ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
+    const c = (0, _themeVariantContextJs.useIsInverseVariant)(), l = a != null ? a : c ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, s), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
-            fill: s,
+            fill: l,
             d: "M20.25 4.622c.832 0 1.591.664 1.591 1.393v11.98c0 .728-.76 1.392-1.591 1.392H3.746c-.863 0-1.591-.639-1.591-1.392V6.015c0-.754.728-1.393 1.59-1.393H20.25zm0 13.558c.193 0 .367-.146.39-.207l-.003-11.956a.555.555 0 00-.384-.182H3.746c-.21 0-.364.132-.387.19v11.973c.014.044.171.182.387.182H20.25zM6.152 9.068c0 .554.451 1.005 1.003 1.005a1.006 1.006 0 000-2.01c-.552 0-1.003.45-1.003 1.005zm1.003 2.215a2.216 2.216 0 010-4.43c1.218 0 2.207.993 2.207 2.215a2.213 2.213 0 01-2.207 2.215zm12.42 1.337l-3.18-2.44a.605.605 0 00-.742.005l-3.636 2.9-.879-.83a.6.6 0 00-.798-.025l-5.168 4.317a.607.607 0 00.386 1.07.59.59 0 00.384-.14l4.759-3.975 3.308 3.123c.241.23.625.221.852-.025a.605.605 0 00-.026-.854l-1.932-1.824 3.131-2.496 2.807 2.154a.603.603 0 00.846-.112.609.609 0 00-.112-.848z"
         })
     }));

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

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

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

@@ -4,13 +4,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: function() {
-        return d;
-    }
+    get: ()=>c
 });
-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,26 +88,25 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var d = function d(_param) {
-    var r = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, a = _param.children, l = _objectWithoutProperties(_param, [
+const c = (_param)=>{
+    var { color: r , size: t = 24  } = _param, l = _objectWithoutProperties(_param, [
         "color",
-        "size",
-        "children"
+        "size"
     ]);
-    var n = (0, _themeVariantContextJs.useIsInverseVariant)(), t = r != null ? r : n ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
+    const n = (0, _themeVariantContextJs.useIsInverseVariant)(), e = r != null ? r : n ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
-        width: e,
-        height: e,
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, l), {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
-                fill: t,
+                fill: e,
                 d: "M11.994 19.144l-5.852-5.928c-.464-.464-.608-1.216-.36-1.86.252-.608.783-.964 1.39-.964h2.144V2h5.356v8.392h2.143c.608 0 1.143.356 1.391.964.252.644.108 1.392-.355 1.856l-5.857 5.932z"
             }),
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
-                fill: t,
+                fill: e,
                 d: "M19.845 22H4.143A2.149 2.149 0 012 19.856V12a.715.715 0 111.431 0v7.856c0 .392.32.716.716.716h15.706c.392 0 .716-.32.716-.716V12A.715.715 0 1122 12v7.856A2.167 2.167 0 0119.845 22z"
             })
         ]

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

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

package/dist/generated/mistica-icons/icon-import-light.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,16 +89,15 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var g = function g(_param) {
-    var a = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, v = _param.children, i = _objectWithoutProperties(_param, [
+const d = (_param)=>{
+    var { color: a , size: t = 24  } = _param, i = _objectWithoutProperties(_param, [
         "color",
-        "size",
-        "children"
+        "size"
     ]);
-    var l = (0, _themeVariantContextJs.useIsInverseVariant)(), r = a != null ? a : l ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), h = ref.skinName;
-    return h.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
-        width: e,
-        height: e,
+    const l = (0, _themeVariantContextJs.useIsInverseVariant)(), r = a != null ? a : l ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, { skinName: s  } = (0, _hooksJs.useTheme)();
+    return s.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, i), {
@@ -115,8 +112,8 @@ var g = function g(_param) {
             })
         ]
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: e,
-        height: e,
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, i), {

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

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

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

@@ -4,14 +4,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: function() {
-        return u;
-    }
+    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 u = function u(_param) {
-    var r = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, c = _param.children, i = _objectWithoutProperties(_param, [
+const d = (_param)=>{
+    var { color: t , size: e = 24  } = _param, i = _objectWithoutProperties(_param, [
         "color",
-        "size",
-        "children"
+        "size"
     ]);
-    var s = (0, _themeVariantContextJs.useIsInverseVariant)(), t = r != null ? r : s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), h = ref.skinName;
-    return h.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
+    const s = (0, _themeVariantContextJs.useIsInverseVariant)(), r = t != null ? t : s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, { skinName: o  } = (0, _hooksJs.useTheme)();
+    return o.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
@@ -106,11 +103,11 @@ var u = function u(_param) {
     }, i), {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
-                fill: t,
+                fill: r,
                 d: "M6.142 13.216l5.852 5.856 5.857-5.856c.463-.464.607-1.212.355-1.856-.248-.608-.783-.964-1.39-.964h-2.144v-7.68a.715.715 0 10-1.43 0v9.108h3.57s.035 0 .071.072c.036.104.036.248-.036.32l-4.853 4.856-4.853-4.856c-.072-.068-.072-.212-.036-.32.036-.072.072-.072.072-.072h3.57V2.716a.717.717 0 00-1.431-.004v7.68H7.173c-.608 0-1.14.356-1.391.964-.248.644-.104 1.396.36 1.86z"
             }),
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
-                fill: t,
+                fill: r,
                 d: "M4.143 22h15.702c1.18 0 2.143-.964 2.155-2.144V12a.715.715 0 10-1.431 0v7.856a.718.718 0 01-.716.716H4.147a.718.718 0 01-.716-.716V12A.715.715 0 102 12v7.856C2 21.036 2.963 22 4.143 22z"
             })
         ]
@@ -121,7 +118,7 @@ var u = function u(_param) {
         role: "presentation"
     }, i), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
-            fill: t,
+            fill: r,
             d: "M5.74 10.956l5.72 5.728a.853.853 0 001.196 0l5.647-5.655.01-.008a.845.845 0 10-1.202-1.185l-4.208 4.213V2.999a.844.844 0 00-1.69 0v11.05l-4.28-4.286a.844.844 0 00-1.193 1.193zm16.101 5.955a.844.844 0 00-.843-.843.838.838 0 00-.84.843v3.244H3.844v-3.244a.845.845 0 00-1.689 0v4.087c0 .465.378.843.843.843h18a.844.844 0 00.843-.843v-4.087z"
         })
     }));

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

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

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

@@ -4,13 +4,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: function() {
-        return f;
-    }
+    get: ()=>f
 });
-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,16 +88,15 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var f = function f(_param) {
-    var r = _param.color, tmp = _param.size, t = tmp === void 0 ? 24 : tmp, o = _param.children, h = _objectWithoutProperties(_param, [
+const f = (_param)=>{
+    var { color: t , size: r = 24  } = _param, h = _objectWithoutProperties(_param, [
         "color",
-        "size",
-        "children"
+        "size"
     ]);
-    var n = (0, _themeVariantContextJs.useIsInverseVariant)(), s = r != null ? r : n ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
+    const n = (0, _themeVariantContextJs.useIsInverseVariant)(), s = t != null ? t : n ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: t,
-        height: t,
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, h), {

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

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