@telefonica/mistica 13.0.1 → 13.1.0

package/dist/generated/mistica-icons/icon-arrow-up-right-light.js

@@ -4,14 +4,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: function() {
-        return d;
-    }
+    get: ()=>v
 });
-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,19 +89,18 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var d = function d(_param) {
-    var r = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, s = _param.children, t = _objectWithoutProperties(_param, [
+const v = (_param)=>{
+    var { color: t , size: e = 24  } = _param, r = _objectWithoutProperties(_param, [
         "color",
-        "size",
-        "children"
+        "size"
     ]);
-    var c = (0, _themeVariantContextJs.useIsInverseVariant)(), a = r != null ? r : c ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), n = ref.skinName;
-    return n.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
+    const o = (0, _themeVariantContextJs.useIsInverseVariant)(), a = t != null ? t : o ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, { skinName: c  } = (0, _hooksJs.useTheme)();
+    return c.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             fill: a,
             d: "M8.653 20.072a.354.354 0 00.256.108.36.36 0 00.26-.104l6.651-6.648 3.076 3.076c.528.528 1.288.68 1.98.392A1.795 1.795 0 0022 15.216V2H8.789c-.748 0-1.392.432-1.68 1.124a1.788 1.788 0 00.392 1.98l3.076 3.076-8.472 8.472a.37.37 0 000 .516.362.362 0 00.516 0l8.983-8.984-3.591-3.592a1.073 1.073 0 01-.236-1.188 1.077 1.077 0 011.008-.676h12.491v12.48c0 .536-.352.872-.676 1.008a1.073 1.073 0 01-1.188-.236l-3.592-3.592-7.167 7.168a.37.37 0 000 .516zM7.453 22a.728.728 0 100-1.456.728.728 0 000 1.456z"
@@ -113,7 +110,7 @@ var d = function d(_param) {
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             fill: a,
             d: "M8.917 19.975c.336.333.678.501 1.017.501.336 0 .67-.16.988-.482l5.096-5.075a.194.194 0 01.134-.062.16.16 0 01.11.042l2.57 2.572c.29.266.788.341 1.16.176a.766.766 0 00.474-.737l.005-12.666a.672.672 0 00-.182-.538.67.67 0 00-.537-.182H7.147c-.384 0-.684.188-.827.518-.154.359-.081.826.171 1.09L9.27 7.91c.064.062.053.174-.017.244l-5.238 5.168-.003.003c-.272.275-.84.849-.157 1.594l5.062 5.056zm.398-.395l-5.05-5.045c-.25-.272-.259-.406.148-.812L9.65 8.555a.744.744 0 00.224-.513.707.707 0 00-.205-.524L6.9 4.748c-.087-.092-.134-.311-.062-.479.054-.123.152-.18.314-.18h12.63l.014-.002c.045-.006.084.003.101.02.017.016.025.053.02.1-.003.009-.003.02-.003.028l-.006 12.684c0 .073-.016.165-.142.221-.168.076-.423.04-.55-.073l-2.56-2.56a.711.711 0 00-.523-.204.756.756 0 00-.513.224l-5.092 5.07c-.432.431-.77.425-1.213-.017z"

package/dist/generated/mistica-icons/icon-arrow-up-right-regular.d.ts

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

package/dist/generated/mistica-icons/icon-arrow-up-right-regular.js

@@ -4,14 +4,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: function() {
-        return d;
-    }
+    get: ()=>f
 });
-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,31 +89,30 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var d = function d(_param) {
-    var r = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, c = _param.children, l = _objectWithoutProperties(_param, [
+const f = (_param)=>{
+    var { color: r , size: a = 24  } = _param, t = _objectWithoutProperties(_param, [
         "color",
-        "size",
-        "children"
+        "size"
     ]);
-    var n = (0, _themeVariantContextJs.useIsInverseVariant)(), t = r != null ? r : n ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), o = ref.skinName;
-    return o.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: e,
-        height: e,
+    const o = (0, _themeVariantContextJs.useIsInverseVariant)(), l = r != null ? r : o ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, { skinName: n  } = (0, _hooksJs.useTheme)();
+    return n.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
-            fill: t,
+            fill: l,
             d: "M7.266 22a.7.7 0 01-.496-1.196l8.915-8.916 3.711 3.712a.69.69 0 00.764.152.693.693 0 00.436-.648v-11.7H8.902a.682.682 0 00-.648.436.683.683 0 00.152.764l3.711 3.712L3.2 17.232a.701.701 0 11-.992-.992l7.923-7.924-2.72-2.72a2.072 2.072 0 01-.456-2.292A2.076 2.076 0 018.902 2H22v13.1c0 .868-.5 1.612-1.3 1.944a2.08 2.08 0 01-2.296-.456l-2.72-2.72-7.922 7.928a.7.7 0 01-.496.204z"
         })
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: e,
-        height: e,
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
-            fill: t,
+            fill: l,
             d: "M8.963 19.895c.373.373.77.557 1.166.557.39 0 .779-.179 1.137-.54l.006-.006 4.79-4.904 2.375 2.38a.075.075 0 01.017.014c.358.328.95.42 1.406.216.39-.174.616-.53.613-.955L20.48 4.51a.89.89 0 00-.252-.717.902.902 0 00-.717-.255H7.423c-.476-.002-.866.244-1.045.659-.19.445-.098 1.008.219 1.338l2.588 2.589-5.115 4.812-.014.014c-.219.218-.448.487-.521.824-.079.37.042.73.361 1.078l.017.017 5.05 5.025zm.76-.762l-5.04-5.017a.55.55 0 01-.092-.126c.011-.028.053-.103.221-.274l5.185-4.88.011-.011a.995.995 0 00.294-.675.95.95 0 00-.274-.7L7.375 4.797a.241.241 0 01-.008-.176.175.175 0 01.05-.006h11.989L19.4 16.637a.335.335 0 01-.212-.03l-2.449-2.449a.973.973 0 00-1.375.017l-.006.006-4.854 4.972c-.104.103-.252.227-.378.227h-.003c-.1-.003-.244-.09-.4-.247z"
         })
     }));

package/dist/generated/mistica-icons/icon-arrows-left-and-right-filled.d.ts

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

package/dist/generated/mistica-icons/icon-arrows-left-and-right-filled.js

@@ -4,14 +4,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: function() {
-        return g;
-    }
+    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,14 +89,13 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var g = function g(_param) {
-    var t = _param.color, tmp = _param.size, l = tmp === void 0 ? 24 : tmp, v = _param.children, i = _objectWithoutProperties(_param, [
+const p = (_param)=>{
+    var { color: t , size: l = 24  } = _param, i = _objectWithoutProperties(_param, [
         "color",
-        "size",
-        "children"
+        "size"
     ]);
-    var c = (0, _themeVariantContextJs.useIsInverseVariant)(), r = t != null ? t : c ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), n = ref.skinName;
-    return n.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: c  } = (0, _hooksJs.useTheme)();
+    return c.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-arrows-left-and-right-light.d.ts

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

package/dist/generated/mistica-icons/icon-arrows-left-and-right-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,14 +89,13 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var g = function g(_param) {
-    var e = _param.color, tmp = _param.size, l = tmp === void 0 ? 24 : tmp, v = _param.children, r = _objectWithoutProperties(_param, [
+const d = (_param)=>{
+    var { color: t , size: l = 24  } = _param, r = _objectWithoutProperties(_param, [
         "color",
-        "size",
-        "children"
+        "size"
     ]);
-    var c = (0, _themeVariantContextJs.useIsInverseVariant)(), t = e != null ? e : c ? _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 c = (0, _themeVariantContextJs.useIsInverseVariant)(), e = t != null ? t : c ? _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: l,
         height: l,
         viewBox: "0 0 24 24",
@@ -106,11 +103,11 @@ var g = function g(_param) {
     }, r), {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
-                fill: t,
+                fill: e,
                 d: "M6.549 18.685c.2.209.484.315.784.315.172 0 .356-.033.532-.115.444-.192.728-.581.728-1.02V16.06h3.425a.361.361 0 00.356-.365c0-.2-.16-.364-.356-.364h-4.12v2.543c0 .156-.149.283-.285.34-.172.074-.408.09-.536-.04l-4.065-4.31 4.053-4.35c.132-.131.368-.123.536-.049.14.057.284.184.284.34v2.593h7.526v1.806c0 .439.276.828.728 1.02.48.197.996.115 1.32-.217L22 10.193 17.451 5.32c-.324-.332-.844-.41-1.32-.21-.444.193-.728.582-.728 1.02v1.864H9.485a.361.361 0 00-.356.365c0 .2.16.365.357.365h6.633V6.13c0-.156.156-.283.292-.34.16-.074.404-.082.524.04L21 10.19l-4.057 4.301c-.132.131-.376.115-.536.05-.148-.058-.292-.185-.292-.34v-2.536H8.589V9.8c0-.438-.276-.828-.728-1.02-.48-.197-.996-.115-1.32.217L2 13.863l4.549 4.822z"
             }),
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
-                fill: t,
+                fill: e,
                 d: "M14.15 16.432c.398 0 .72-.33.72-.738a.729.729 0 00-.72-.737.73.73 0 00-.72.737.73.73 0 00.72.738z"
             })
         ]
@@ -121,7 +118,7 @@ var g = function g(_param) {
         role: "presentation"
     }, r), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
-            fill: t,
+            fill: e,
             d: "M16.631 13.603c.073.034.149.05.224.05.115 0 .23-.042.325-.117l.004-.004.006-.005.005-.004.005-.004 4.473-4.415a.488.488 0 00.168-.429.497.497 0 00-.168-.31l-4.47-4.429a.515.515 0 00-.569-.084.489.489 0 00-.283.44l-.02 2.247-3.392.002c-.53 0-.96.432-.96.961v2.46c0 .53.43.96.96.96l3.39-.005.02 2.244c0 .19.106.358.282.442zm.258-2.767a.503.503 0 00-.502-.485c-.002 0-.005 0-.008-.003l-3.44.006a.4.4 0 01-.4-.4v-2.46a.4.4 0 01.4-.4l3.448-.004a.503.503 0 00.502-.484V6.6l.017-2.176 4.341 4.308-4.341 4.286-.017-2.177v-.005zm-9.756 9.367a.51.51 0 01-.342-.135l-4.474-4.437a.498.498 0 01-.168-.31.488.488 0 01.168-.43l4.474-4.414a.122.122 0 01.01-.008.515.515 0 01.559-.073.485.485 0 01.282.442l.02 2.244 3.39-.006c.529 0 .96.432.96.961v2.46a.96.96 0 01-.96.96l-3.393.003-.02 2.25a.491.491 0 01-.282.44.489.489 0 01-.224.053zm-.05-.633l.016-2.177v-.006a.501.501 0 01.51-.484l3.44-.003a.4.4 0 00.4-.4v-2.46a.4.4 0 00-.4-.4l-3.44.005a.501.501 0 01-.51-.484v-.006l-.017-2.177-4.342 4.283 4.342 4.309z"
         })
     }));

package/dist/generated/mistica-icons/icon-arrows-left-and-right-regular.d.ts

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

package/dist/generated/mistica-icons/icon-arrows-left-and-right-regular.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, s = _param.children, r = _objectWithoutProperties(_param, [
+const p = (_param)=>{
+    var { color: e , size: a = 24  } = _param, r = _objectWithoutProperties(_param, [
         "color",
-        "size",
-        "children"
+        "size"
     ]);
-    var v = (0, _themeVariantContextJs.useIsInverseVariant)(), t = e != null ? e : v ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), n = ref.skinName;
+    const i = (0, _themeVariantContextJs.useIsInverseVariant)(), t = e != null ? e : i ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, { skinName: n  } = (0, _hooksJs.useTheme)();
     return n.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: a,
         height: a,

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

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

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

@@ -4,14 +4,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: function() {
-        return v;
-    }
+    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,19 +89,18 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var v = function v(_param) {
-    var r = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, h = _param.children, t = _objectWithoutProperties(_param, [
+const p = (_param)=>{
+    var { color: i , size: e = 24  } = _param, r = _objectWithoutProperties(_param, [
         "color",
-        "size",
-        "children"
+        "size"
     ]);
-    var n = (0, _themeVariantContextJs.useIsInverseVariant)(), a = r != null ? r : n ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), o = ref.skinName;
-    return o.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
+    const l = (0, _themeVariantContextJs.useIsInverseVariant)(), a = i != null ? i : l ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, { skinName: n  } = (0, _hooksJs.useTheme)();
+    return n.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             fill: a,
             d: "M14.872 2.05a.354.354 0 01.362 0c.112.066.181.19.181.322V21.63a.38.38 0 01-.18.323.357.357 0 01-.363-.005l-9.887-5.876H2.362a.367.367 0 01-.362-.37V8.295c0-.204.162-.37.362-.37h2.623l9.887-5.875zm5.236 14.81a.725.725 0 01-.524.232.717.717 0 01-.501-.204.753.753 0 01-.028-1.048 5.548 5.548 0 00-.093-7.659.753.753 0 010-1.048.715.715 0 011.026 0 7.036 7.036 0 01.12 9.727zm-1.82-7.986a.715.715 0 00-1.025 0 .753.753 0 000 1.048 3.074 3.074 0 01.088 4.187.753.753 0 00.047 1.048.713.713 0 001.026-.047 4.58 4.58 0 00-.135-6.236z"
@@ -113,7 +110,7 @@ var v = function v(_param) {
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             fill: a,
             d: "M6.398 7.165c.963-1.277 2.709-2.591 5.826-2.591.997 0 1.75.768 1.75 1.709V17.73c0 .938-.747 1.7-1.668 1.7-3.208 0-4.964-1.305-5.922-2.582l-3.16.002c-.58 0-1.053-.479-1.053-1.07l-.008-7.54c0-.283.109-.555.308-.757a1.04 1.04 0 01.745-.316l3.182-.003zm12.7-1.664a1.042 1.042 0 00-1.482.079 1.087 1.087 0 00.068 1.512c.084.079 2.016 1.922 2.053 5.112.003.031.11 3.21-2.009 5.137a1.088 1.088 0 00-.084 1.516 1.043 1.043 0 001.491.084c2.854-2.597 2.717-6.658 2.708-6.796-.044-4.126-2.636-6.543-2.745-6.644zm-.829 6.678c-.028-2.781-1.79-4.423-1.865-4.49a1.041 1.041 0 00-1.488.081 1.085 1.085 0 00.079 1.515c.014.012 1.148 1.098 1.168 2.953.002.017.044 1.86-1.14 2.938a1.088 1.088 0 00-.085 1.516 1.039 1.039 0 001.49.084c1.939-1.765 1.844-4.515 1.841-4.597z"

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

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

package/dist/generated/mistica-icons/icon-audio-light.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,14 +89,13 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var p = function p(_param) {
-    var e = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, h = _param.children, t = _objectWithoutProperties(_param, [
+const p = (_param)=>{
+    var { color: e , size: a = 24  } = _param, t = _objectWithoutProperties(_param, [
         "color",
-        "size",
-        "children"
+        "size"
     ]);
-    var c = (0, _themeVariantContextJs.useIsInverseVariant)(), i = e != null ? e : c ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), n = ref.skinName;
-    return n.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
+    const c = (0, _themeVariantContextJs.useIsInverseVariant)(), i = e != null ? e : c ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, { skinName: o  } = (0, _hooksJs.useTheme)();
+    return o.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",

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

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

package/dist/generated/mistica-icons/icon-audio-regular.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,14 +89,13 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var p = function p(_param) {
-    var l = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, h = _param.children, c = _objectWithoutProperties(_param, [
+const p = (_param)=>{
+    var { color: l , size: a = 24  } = _param, c = _objectWithoutProperties(_param, [
         "color",
-        "size",
-        "children"
+        "size"
     ]);
-    var i = (0, _themeVariantContextJs.useIsInverseVariant)(), r = l != null ? l : i ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), n = ref.skinName;
-    return n.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
+    const i = (0, _themeVariantContextJs.useIsInverseVariant)(), r = l != null ? l : i ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, { skinName: o  } = (0, _hooksJs.useTheme)();
+    return o.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",

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

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

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

@@ -4,13 +4,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: function() {
-        return h;
-    }
+    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 h = function h(_param) {
-    var a = _param.color, tmp = _param.size, m = tmp === void 0 ? 24 : tmp, n = _param.children, c = _objectWithoutProperties(_param, [
+const l = (_param)=>{
+    var { color: a , size: m = 24  } = _param, s = _objectWithoutProperties(_param, [
         "color",
-        "size",
-        "children"
+        "size"
     ]);
-    var s = (0, _themeVariantContextJs.useIsInverseVariant)(), t = a != null ? a : s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
+    const t = (0, _themeVariantContextJs.useIsInverseVariant)(), c = a != null ? a : t ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: m,
         height: m,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, s), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
-            fill: t,
+            fill: c,
             d: "M11.2 19.99a1.34 1.34 0 011.896.307c.44.62.306 1.488-.3 1.938a1.34 1.34 0 01-1.897-.307 1.407 1.407 0 01.3-1.937zm-5.528-.239a.765.765 0 011.083-.175.804.804 0 01.172 1.107.765.765 0 01-1.084.175.804.804 0 01-.171-1.107zm11.572-.175a.765.765 0 011.084.175.804.804 0 01-.171 1.107.765.765 0 01-1.084-.175.804.804 0 01.171-1.107zm-9.663-4.531a1.913 1.913 0 012.71-.439 2.01 2.01 0 01.429 2.768 1.913 1.913 0 01-2.71.439 2.01 2.01 0 01-.429-2.768zm6.13-.44a1.913 1.913 0 012.71.438 2.01 2.01 0 01-.43 2.768 1.913 1.913 0 01-2.709-.438 2.01 2.01 0 01.429-2.768zm6.165-.967a1.352 1.352 0 011.71.89c.233.729-.157 1.512-.87 1.748a1.352 1.352 0 01-1.712-.89 1.394 1.394 0 01.872-1.748zm-17.272.5a1.34 1.34 0 011.897-.308c.607.45.741 1.318.3 1.938a1.34 1.34 0 01-1.896.307 1.407 1.407 0 01-.3-1.938zm2.939-4.079c.33-1.04 1.425-1.61 2.444-1.273 1.019.338 1.576 1.456 1.246 2.497-.331 1.041-1.425 1.61-2.444 1.273-1.02-.338-1.577-1.456-1.246-2.497zm10.469-1.275c1.019-.338 2.113.231 2.444 1.272.332 1.041-.226 2.16-1.245 2.498-1.018.338-2.113-.232-2.444-1.272-.331-1.041.226-2.16 1.245-2.498zm-13.974.11a.773.773 0 01.978-.509c.407.135.63.582.498.999a.773.773 0 01-.978.509.796.796 0 01-.498-.999zm18.946-.509a.773.773 0 01.978.509.796.796 0 01-.498.999.772.772 0 01-.978-.509.796.796 0 01.498-.999zm-8.986-3.12c1.072 0 1.94.887 1.94 1.981 0 1.095-.867 1.982-1.939 1.982-1.071 0-1.94-.886-1.94-1.98 0-1.095.868-1.983 1.94-1.983zm5.131-1.66c.75 0 1.358.621 1.358 1.387S17.88 6.38 17.13 6.38s-1.358-.621-1.358-1.387.607-1.387 1.357-1.388zm-11.546.956a1.352 1.352 0 011.711-.89c.713.236 1.104 1.018.872 1.747a1.352 1.352 0 01-1.71.89c-.714-.236-1.104-1.018-.873-1.747zM12 1.5c.428 0 .776.355.776.793a.784.784 0 01-.776.792.784.784 0 01-.776-.792c0-.438.347-.793.776-.793z"
         })
     }));

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

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

package/dist/generated/mistica-icons/icon-autentication-failure-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,19 +88,18 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var v = function v(_param) {
-    var a = _param.color, tmp = _param.size, l = tmp === void 0 ? 24 : tmp, s = _param.children, r = _objectWithoutProperties(_param, [
+const h = (_param)=>{
+    var { color: a , size: l = 24  } = _param, c = _objectWithoutProperties(_param, [
         "color",
-        "size",
-        "children"
+        "size"
     ]);
-    var t = (0, _themeVariantContextJs.useIsInverseVariant)(), i = a != null ? a : t ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
+    const r = (0, _themeVariantContextJs.useIsInverseVariant)(), i = a != null ? a : r ? _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"
-    }, r), {
+    }, c), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             fill: i,
             d: "M21.841 5.33v-.027a.598.598 0 00-.235-.451.663.663 0 00-.504-.137c-1.67.257-2.55-.314-3.647-1.037l-.022-.014c-1.084-.702-2.309-1.496-4.412-1.504h-.009c-2.097 0-3.33.803-4.41 1.506l-.018.012c-1.11.723-1.987 1.294-3.639 1.037a.613.613 0 00-.748.588v.031c0 .454-.008 4.88.277 7.854-1.487.577-2.319 1.888-2.319 4.011 0 2.975 1.62 4.359 4.4 4.356 1.522 0 2.704-.409 3.452-1.269a29.325 29.325 0 002.75 1.502.56.56 0 00.26.055.56.56 0 00.261-.055l.004-.002c.348-.165 7.463-3.524 8.094-7.127.471-2.679.466-8.801.465-9.329zm-1.218.64c-.017 1.722-.076 6.353-.448 8.49-.093.52-.393 1.058-.816 1.602-.03-.04-.056-.065-.08-.09-.92-.95-2.264-1.448-3.883-1.448h-4.768c-.103 0-.21 0-.308.009-.717-1.143-2.008-1.69-3.759-1.69a6.159 6.159 0 00-.88.056c-.21-2.33-.251-5.546-.26-6.921 1.717.081 2.798-.61 3.84-1.294l.006-.004c1.03-.674 2.009-1.316 3.745-1.316h.009c1.747.009 2.725.645 3.761 1.32 1.026.675 2.099 1.358 3.84 1.286zm-7.61-.264c1.235 0 2.2.322 2.87.961.695.664 1.048 1.641 1.048 2.91 0 1.27-.353 2.247-1.048 2.908-.666.63-1.633.952-2.868.952-1.235 0-2.199-.319-2.866-.955-.691-.658-1.042-1.636-1.042-2.905s.35-2.249 1.042-2.91c.664-.639 1.63-.96 2.863-.96zm-4.508 9.622a.517.517 0 01.009.731l-.009.009-1.162 1.148 1.162 1.148a.517.517 0 01.009.732l-.009.008a.525.525 0 01-.375.151.537.537 0 01-.376-.151l-1.162-1.148-1.157 1.142a.535.535 0 01-.75 0 .515.515 0 01-.006-.73l.002-.004.003-.002 1.157-1.143-1.157-1.143a.515.515 0 01-.005-.731l.002-.003.003-.003a.533.533 0 01.748 0l1.157 1.143 1.163-1.148a.54.54 0 01.753-.006zm-1.947 5.023c-2.23 0-3.184-.939-3.182-3.152 0-2.202.953-3.151 3.182-3.151 2.238 0 3.19.947 3.19 3.151 0 2.21-.952 3.151-3.19 3.151z"

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

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