@telefonica/mistica 13.0.1 → 13.1.0

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

@@ -4,13 +4,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: function() {
-        return m;
-    }
+    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 m = function m(_param) {
-    var e = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, v = _param.children, t = _objectWithoutProperties(_param, [
+const h = (_param)=>{
+    var { color: e , size: c = 24  } = _param, t = _objectWithoutProperties(_param, [
         "color",
-        "size",
-        "children"
+        "size"
     ]);
-    var i = (0, _themeVariantContextJs.useIsInverseVariant)(), a = e != null ? e : i ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
+    const a = (0, _themeVariantContextJs.useIsInverseVariant)(), i = e != null ? e : a ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: c,
         height: c,
@@ -104,7 +101,7 @@ var m = function m(_param) {
         role: "presentation"
     }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
-            fill: a,
+            fill: i,
             d: "M20.886 3.107c.642.639.955 1.535.955 2.737v12.305c0 1.216-.313 2.118-.963 2.754-.645.63-1.55.938-2.765.938h-6.207c-1.219 0-2.12-.308-2.762-.938-.577-.566-.888-1.34-.953-2.359v-.549l-.053.002-.059.001c-3.742.003-5.924-1.868-5.924-5.865 0-4 2.182-5.872 5.924-5.872l.05.002.051.001v-.417c0-1.185.314-2.076.955-2.72.653-.656 1.558-.972 2.77-.972h6.21c1.22 0 2.127.31 2.771.952zm-.263 2.74c0-.869-.196-1.488-.6-1.888-.406-.403-1.03-.597-1.91-.597h-6.207c-.869 0-1.493.2-1.905.61-.406.41-.605 1.02-.605 1.875v.501c2.933.41 4.61 2.283 4.61 5.785 0 3.501-1.672 5.37-4.602 5.781v.594c.045.675.238 1.19.594 1.538.4.395 1.025.588 1.905.588h6.21c.88 0 1.501-.193 1.905-.588.409-.398.605-1.02.605-1.897V5.847zm-7.835 6.283c0-3.182-1.496-4.667-4.709-4.667-3.21 0-4.705 1.482-4.705 4.667 0 3.182 1.495 4.664 4.705 4.664 3.213 0 4.71-1.482 4.71-4.664zM16.06 18c0-.655-.392-1.047-1.05-1.047-.659 0-1.051.392-1.057 1.048 0 .32.093.574.275.759.185.188.454.286.779.286s.593-.098.778-.286c.182-.182.275-.44.275-.76zM6.259 9.299c.336 0 .608.269.608.602v4.712a.607.607 0 01-1.216 0v-4.71a.61.61 0 01.608-.604zm4.059.585a.606.606 0 00-.608-.602.607.607 0 00-.608.605v4.709a.608.608 0 001.216 0V9.883z"
         })
     }));

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

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

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

@@ -4,13 +4,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: function() {
-        return h;
-    }
+    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,13 +88,12 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var h = function h(_param) {
-    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, n = _param.children, s = _objectWithoutProperties(_param, [
+const m = (_param)=>{
+    var { color: e , size: r = 24  } = _param, s = _objectWithoutProperties(_param, [
         "color",
-        "size",
-        "children"
+        "size"
     ]);
-    var a = (0, _themeVariantContextJs.useIsInverseVariant)(), c = e != null ? e : a ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
+    const a = (0, _themeVariantContextJs.useIsInverseVariant)(), c = e != null ? e : a ? _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-mobile-play-light.d.ts

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

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

@@ -4,13 +4,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: function() {
-        return m;
-    }
+    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 m = function m(_param) {
-    var c = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, l = _param.children, i = _objectWithoutProperties(_param, [
+const h = (_param)=>{
+    var { color: c , size: e = 24  } = _param, i = _objectWithoutProperties(_param, [
         "color",
-        "size",
-        "children"
+        "size"
     ]);
-    var s = (0, _themeVariantContextJs.useIsInverseVariant)(), n = c != null ? c : s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
+    const s = (0, _themeVariantContextJs.useIsInverseVariant)(), a = c != null ? c : 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 m = function m(_param) {
         role: "presentation"
     }, i), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
-            fill: n,
+            fill: a,
             d: "M20.94 3.08c.607.607.901 1.476.901 2.65v12.557c0 1.182-.294 2.05-.91 2.658-.608.608-1.476.905-2.65.905h-6.274c-1.174 0-2.034-.297-2.65-.902-.54-.532-.838-1.28-.902-2.266v-.558c-.053 0-.105.002-.156.004a3.743 3.743 0 01-.155.005c-3.782-.003-5.989-1.908-5.989-5.995 0-4.078 2.207-5.991 5.989-5.991.054 0 .106.002.157.004.05.002.097.004.145.004v-.429c0-1.156.294-2.02.91-2.635.617-.622 1.485-.936 2.65-.936h6.275c1.182.006 2.05.308 2.658.924zm.08 2.65c0-.945-.212-1.625-.663-2.076-.451-.451-1.123-.673-2.076-.673h-6.274c-.936 0-1.617.23-2.068.69-.45.459-.672 1.131-.672 2.058v.485c3.093.361 4.866 2.274 4.866 5.924 0 3.65-1.773 5.563-4.858 5.925v.582c.048.754.261 1.33.664 1.714.443.451 1.124.667 2.068.667h6.274c.953 0 1.625-.213 2.076-.667.45-.442.664-1.123.664-2.072V5.729zm-7.708 6.408c0-3.479-1.692-5.17-5.168-5.17-3.48 0-5.168 1.691-5.168 5.17 0 3.48 1.689 5.171 5.168 5.171 3.476 0 5.168-1.692 5.168-5.17zm-2.992.003l-3.524-2.037v4.073l3.524-2.036zm1.028-.356a.409.409 0 010 .709l-4.756 2.748a.41.41 0 01-.613-.356v-5.49a.41.41 0 01.613-.353c0-.003 4.756 2.742 4.756 2.742zm2.734 6.345c0 .328.093.588.277.776.188.193.46.294.788.291.327 0 .6-.1.787-.291.185-.188.277-.448.277-.776 0-.667-.398-1.067-1.064-1.067-.667 0-1.065.397-1.065 1.067z"
         })
     }));

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

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

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

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

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

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

package/dist/generated/mistica-icons/icon-mobile-question-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 e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, l = _param.children, t = _objectWithoutProperties(_param, [
+const v = (_param)=>{
+    var { color: e , size: r = 24  } = _param, i = _objectWithoutProperties(_param, [
         "color",
-        "size",
-        "children"
+        "size"
     ]);
-    var s = (0, _themeVariantContextJs.useIsInverseVariant)(), n = e != null ? e : s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
+    const s = (0, _themeVariantContextJs.useIsInverseVariant)(), n = 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), {
+    }, i), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             fill: n,
             d: "M20.886 3.119c.65.635.958 1.535.958 2.73v12.3c0 1.222-.316 2.124-.966 2.757-.642.627-1.544.94-2.76.94h-6.207c-1.218 0-2.117-.313-2.767-.94-.577-.572-.885-1.342-.95-2.356v-.546H8.08c-3.74 0-5.924-1.874-5.924-5.869 0-3.994 2.185-5.868 5.924-5.868h.107v-.42c0-1.182.308-2.073.958-2.717.647-.65 1.549-.975 2.767-.975h6.208c1.218.006 2.126.32 2.767.964zm-8.09 9.02c0-3.183-1.5-4.662-4.714-4.662-3.204 0-4.706 1.48-4.706 4.661 0 3.182 1.502 4.661 4.706 4.661 3.213 0 4.714-1.479 4.714-4.66zm-3.518-3.22c.457.331.67.788.67 1.435 0 .77-.33 1.24-1.028 2.062-.779.893-.779.893-.779 1.675 0 .22-.182.4-.406.4h-.26a.403.403 0 01-.398-.325 2.046 2.046 0 01-.037-.403c0-.68.247-1.095.768-1.714l.098-.115c.832-.978.944-1.205.944-1.591 0-.275-.07-.437-.252-.58-.104-.084-.297-.18-.852-.18-.316 0-.6.037-.938.124a.42.42 0 01-.317-.05.402.402 0 01-.182-.264l-.04-.199a.402.402 0 01.228-.44c.28-.128.868-.23 1.367-.23.588-.002 1.064.132 1.414.396zM7.62 14.755c.406 0 .683.278.683.659 0 .42-.274.689-.666.689-.412 0-.684-.266-.684-.65v-.037a.643.643 0 01.667-.66zm6.345 3.25c0 .319.09.577.268.753.188.194.454.289.78.289.324 0 .59-.095.778-.289.185-.176.274-.434.274-.753 0-.659-.389-1.045-1.053-1.045-.658 0-1.047.386-1.047 1.045z"

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

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

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

@@ -4,13 +4,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: function() {
-        return m;
-    }
+    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 m = function m(_param) {
-    var c = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, o = _param.children, t = _objectWithoutProperties(_param, [
+const l = (_param)=>{
+    var { color: c , size: e = 24  } = _param, r = _objectWithoutProperties(_param, [
         "color",
-        "size",
-        "children"
+        "size"
     ]);
-    var i = (0, _themeVariantContextJs.useIsInverseVariant)(), n = c != null ? c : i ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
+    const i = (0, _themeVariantContextJs.useIsInverseVariant)(), a = c != null ? c : i ? _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"
-    }, t), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
-            fill: n,
+            fill: a,
             d: "M20.94 3.074c.607.608.901 1.476.901 2.641v12.566c0 1.182-.294 2.05-.91 2.658-.608.608-1.476.905-2.65.905h-6.274c-1.174 0-2.037-.297-2.65-.902-.54-.54-.835-1.28-.902-2.272v-.549c-.053 0-.105.003-.156.005a3.74 3.74 0 01-.155.004c-3.784-.006-5.989-1.91-5.989-5.997 0-4.079 2.205-5.992 5.989-5.992.054 0 .106.002.157.004.05.002.097.004.145.004v-.434c0-1.148.294-2.011.91-2.627.614-.63 1.485-.933 2.65-.933h6.275c1.182 0 2.05.302 2.658.919zm.08 15.207V5.715c0-.944-.212-1.616-.663-2.067-.451-.451-1.123-.672-2.076-.672h-6.274c-.936 0-1.617.23-2.068.689-.45.46-.672 1.123-.672 2.05v.493c3.093.362 4.866 2.275 4.866 5.925s-1.773 5.563-4.858 5.924v.583c.05.753.264 1.322.664 1.714.443.442 1.124.666 2.068.666h6.274c.944 0 1.625-.224 2.076-.666.45-.443.664-1.123.664-2.073zM9.88 10.315c0-.611-.196-1.04-.619-1.35-.327-.25-.781-.376-1.344-.379-.532 0-1.09.112-1.32.222a.269.269 0 00-.148.291l.04.204v.006l.002.006a.27.27 0 00.325.196c.356-.09.65-.13.983-.13.608 0 .83.113.953.214.215.173.308.383.308.706 0 .459-.157.73-.989 1.717l-.098.117c-.513.62-.742 1.003-.742 1.659a1.76 1.76 0 00.033.383.264.264 0 00.26.216h.264a.264.264 0 00.266-.266c0-.852.028-.885.82-1.801.698-.83 1.007-1.27 1.007-2.011zM8.22 15.48c0-.311-.219-.53-.55-.53a.508.508 0 00-.529.53v.036c0 .311.213.521.549.521.317 0 .53-.21.53-.557zm5.092-3.347c0-3.48-1.69-5.171-5.168-5.171-3.48 0-5.168 1.692-5.168 5.17 0 3.48 1.689 5.171 5.168 5.171s5.168-1.691 5.168-5.17zm.77 5.991c0 .328.093.588.277.776.188.19.46.294.788.294.327 0 .6-.1.787-.294.185-.188.277-.448.277-.776 0-.666-.398-1.067-1.064-1.067-.667 0-1.065.398-1.065 1.067z"
         })
     }));

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

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

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

@@ -4,13 +4,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: function() {
-        return m;
-    }
+    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 m = function m(_param) {
-    var c = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, o = _param.children, t = _objectWithoutProperties(_param, [
+const l = (_param)=>{
+    var { color: c , size: e = 24  } = _param, t = _objectWithoutProperties(_param, [
         "color",
-        "size",
-        "children"
+        "size"
     ]);
-    var i = (0, _themeVariantContextJs.useIsInverseVariant)(), n = c != null ? c : i ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
+    const i = (0, _themeVariantContextJs.useIsInverseVariant)(), a = c != null ? c : i ? _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 m = function m(_param) {
         role: "presentation"
     }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
-            fill: n,
+            fill: a,
             d: "M20.883 3.113c.65.636.958 1.535.958 2.731v12.3c0 1.221-.316 2.123-.966 2.756-.642.628-1.544.941-2.76.941H11.91c-1.219 0-2.118-.314-2.768-.94-.577-.572-.885-1.343-.95-2.354v-.546h-.114c-3.737-.003-5.922-1.874-5.922-5.871 0-3.995 2.185-5.866 5.924-5.866h.107v-.42c0-1.182.308-2.073.955-2.717.65-.65 1.552-.972 2.768-.972h6.207c1.218 0 2.126.314 2.767.958zm-.26 15.03V5.845c0-.868-.194-1.487-.6-1.88-.406-.408-1.03-.605-1.907-.605h-6.207c-.869 0-1.494.202-1.908.611-.406.41-.6 1.022-.6 1.874v.507c2.93.4 4.608 2.275 4.608 5.779 0 3.496-1.672 5.37-4.602 5.778v.594c.042.675.235 1.19.591 1.535.406.4 1.031.597 1.908.597h6.207c.877 0 1.501-.193 1.908-.597.409-.392.602-1.008.602-1.893zM9.945 10.349c0-.647-.213-1.103-.67-1.434-.35-.263-.826-.398-1.417-.395-.498 0-1.087.098-1.367.23a.403.403 0 00-.227.44l.04.198v.006c.002.002.002.006.002.006a.412.412 0 00.496.302c.339-.087.622-.123.938-.123.56 0 .751.095.855.18.182.145.252.307.252.582 0 .386-.11.613-.944 1.59l-.098.116c-.521.619-.768 1.033-.768 1.714-.002.135.012.269.037.4a.404.404 0 00.398.325h.26a.403.403 0 00.406-.4c0-.32 0-.508.053-.68.077-.25.265-.466.726-.995.7-.82 1.028-1.291 1.028-2.062zM8.3 15.408c0-.382-.28-.66-.684-.66a.642.642 0 00-.666.662v.036c0 .384.274.65.683.65.392 0 .667-.269.667-.689zm4.493-3.275c0-3.183-1.502-4.662-4.715-4.662-3.204 0-4.705 1.48-4.705 4.662s1.498 4.66 4.705 4.66c3.213 0 4.715-1.478 4.715-4.66zm3.271 5.865c0-.658-.392-1.045-1.056-1.045-.658 0-1.047.387-1.044 1.045 0 .32.086.577.266.754.187.193.453.288.778.288.322 0 .591-.095.78-.288.187-.177.276-.435.276-.754z"
         })
     }));

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

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

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

@@ -4,13 +4,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: function() {
-        return f;
-    }
+    get: ()=>d
 });
-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,30 +88,29 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var f = function f(_param) {
-    var e = _param.color, tmp = _param.size, l = tmp === void 0 ? 24 : tmp, c = _param.children, t = _objectWithoutProperties(_param, [
+const d = (_param)=>{
+    var { color: e , size: t = 24  } = _param, r = _objectWithoutProperties(_param, [
         "color",
-        "size",
-        "children"
+        "size"
     ]);
-    var n = (0, _themeVariantContextJs.useIsInverseVariant)(), i = e != null ? e : n ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
+    const n = (0, _themeVariantContextJs.useIsInverseVariant)(), s = e != null ? e : n ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
-        width: l,
-        height: l,
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, r), {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
-                fill: i,
+                fill: s,
                 d: "M18.087 5.244s-1.188 1.07-2.797 1.07v3.565c0 1.64 1.609 2.816 2.797 3.208 1.19-.392 2.798-1.568 2.798-3.208V6.314c-1.609 0-2.798-1.07-2.798-1.07z"
             }),
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
-                fill: i,
+                fill: s,
                 d: "M17.703 14.264c-1.748-.57-3.637-2.21-3.637-4.385V6.136H5.5V17.9h12.587v-3.493l-.384-.143zM5.5 18.97C5.605 20.645 6.969 22 8.647 22h6.294c1.678 0 3.042-1.355 3.146-3.03H5.5zm9.79-13.94c1.084 0 1.923-.713 1.993-.748l.49-.428C17.283 2.784 16.199 2 14.94 2H8.647C6.969 2 5.605 3.355 5.5 5.03h9.79z"
             }),
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
-                fill: i,
+                fill: s,
                 d: "M18.087 5.244s-1.188 1.07-2.797 1.07v3.565c0 1.64 1.609 2.816 2.797 3.208 1.19-.392 2.798-1.568 2.798-3.208V6.314c-1.609 0-2.798-1.07-2.798-1.07z"
             })
         ]

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

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

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

@@ -4,13 +4,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: function() {
-        return m;
-    }
+    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,19 +88,18 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var m = function m(_param) {
-    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, o = _param.children, t = _objectWithoutProperties(_param, [
+const l = (_param)=>{
+    var { color: e , size: r = 24  } = _param, i = _objectWithoutProperties(_param, [
         "color",
-        "size",
-        "children"
+        "size"
     ]);
-    var s = (0, _themeVariantContextJs.useIsInverseVariant)(), h = e != null ? e : s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
+    const s = (0, _themeVariantContextJs.useIsInverseVariant)(), h = 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), {
+    }, i), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             fill: h,
             d: "M20.885 9.499V5.57h-.35c-1.244 0-2.242-.722-2.502-.928C17.77 3.143 16.484 2 14.94 2H8.647C6.91 2 5.5 3.44 5.5 5.214v13.572C5.5 20.56 6.91 22 8.647 22h6.293c1.737 0 3.147-1.44 3.147-3.214v-3.928a.353.353 0 00-.35-.357.353.353 0 00-.348.357v3.928c0 1.38-1.097 2.5-2.449 2.5H8.647c-1.352 0-2.449-1.12-2.449-2.5v-.357h7.346c.192 0 .349-.16.349-.357a.353.353 0 00-.35-.356H6.199V6.284h8.393V9.5c0 1.728 1.571 3.054 3.035 3.553l.112.036.112-.036c1.459-.499 3.035-1.82 3.035-3.553zm-4.548 8.573a.707.707 0 00-.698-.713.707.707 0 00-.699.713c0 .393.314.713.699.713.384 0 .698-.32.698-.713zm-1.397-12.5H6.198v-.358c0-1.38 1.097-2.5 2.449-2.5h6.293c1.182 0 2.176.863 2.4 2.007-.363.265-1.28.85-2.4.85zm2.798-.266c.407.302 1.307.878 2.448.978V9.5c0 1.417-1.423 2.45-2.448 2.835-1.025-.384-2.449-1.418-2.449-2.835V6.284c1.142-.1 2.046-.68 2.449-.978z"

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

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

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

@@ -4,13 +4,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: function() {
-        return v;
-    }
+    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 v = function v(_param) {
-    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, o = _param.children, c = _objectWithoutProperties(_param, [
+const m = (_param)=>{
+    var { color: e , size: r = 24  } = _param, s = _objectWithoutProperties(_param, [
         "color",
-        "size",
-        "children"
+        "size"
     ]);
-    var s = (0, _themeVariantContextJs.useIsInverseVariant)(), h = e != null ? e : s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
+    const c = (0, _themeVariantContextJs.useIsInverseVariant)(), h = e != null ? e : 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"
-    }, c), {
+    }, s), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             fill: h,
             d: "M20.186 5.214c-1.204 0-2.17-.759-2.318-.877C17.375 2.974 16.095 2 14.59 2H8.996C7.066 2 5.5 3.6 5.5 5.571V18.43C5.5 20.399 7.067 22 8.996 22h5.595c1.93 0 3.496-1.6 3.496-3.571v-5.226c1.423-.645 2.798-1.985 2.798-3.7V5.214h-.699zM8.996 3.427h5.595c.828 0 1.54.498 1.88 1.211-.425.256-1.101.572-1.88.572H6.928c.17-1.01 1.03-1.783 2.068-1.783zm0 17.146c-1.039 0-1.898-.772-2.068-1.787h9.727c-.166 1.015-1.025 1.787-2.064 1.787H8.996zm-2.1-3.219V6.641h6.992V9.5c0 1.715 1.374 3.059 2.798 3.699v4.156h-9.79zM17.39 11.95c-.891-.375-2.1-1.28-2.1-2.451V6.586c.91-.146 1.652-.549 2.1-.846.447.297 1.186.7 2.1.846V9.5c0 1.17-1.21 2.08-2.1 2.45z"

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

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

package/dist/generated/mistica-icons/icon-mobile-usage-filled.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,19 +88,18 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var v = function v(_param) {
-    var a = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, o = _param.children, s = _objectWithoutProperties(_param, [
+const v = (_param)=>{
+    var { color: a , size: e = 24  } = _param, t = _objectWithoutProperties(_param, [
         "color",
-        "size",
-        "children"
+        "size"
     ]);
-    var t = (0, _themeVariantContextJs.useIsInverseVariant)(), l = a != null ? a : t ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
+    const i = (0, _themeVariantContextJs.useIsInverseVariant)(), l = a != null ? a : i ? _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"
-    }, s), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             fill: l,
             d: "M14.434 5.387H5.31A3.576 3.576 0 018.878 2h6.44a3.57 3.57 0 012.983 1.614l-.06-.003-.06-.002a4.813 4.813 0 00-3.747 1.778zM8.878 22h6.44a3.576 3.576 0 003.57-3.387H5.308A3.58 3.58 0 008.878 22zm4.47-13.577a4.832 4.832 0 004.834 4.823c.242 0 .48-.023.719-.06v4.348H5.3V6.453h8.475a4.814 4.814 0 00-.426 1.97zm8.952.004a4.115 4.115 0 01-4.114 4.106c-2.267 0-4.118-1.843-4.118-4.106a4.119 4.119 0 014.114-4.11 4.12 4.12 0 014.118 4.11zm-2.382-2.491a2.997 2.997 0 00-1.2-.494v1.692l1.2-1.198zm-1.736 5.527c.646 0 1.241-.201 1.736-.544l-2.116-2.112a.532.532 0 01-.156-.38V5.442a3.044 3.044 0 00-2.506 2.985 3.043 3.043 0 003.042 3.036zm2.496-4.768l-1.736 1.732 1.736 1.733a3.017 3.017 0 00.546-1.733c0-.644-.202-1.238-.546-1.732z"

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

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