@telefonica/mistica 13.0.2 → 13.1.0

package/dist/generated/mistica-icons/icon-battery-low-filled.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 c = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, o = _param.children, i = _objectWithoutProperties(_param, [
+const l = (_param)=>{
+    var { color: c , size: e = 24  } = _param, s = _objectWithoutProperties(_param, [
         "color",
-        "size",
-        "children"
+        "size"
     ]);
-    var s = (0, _themeVariantContextJs.useIsInverseVariant)(), h = c != null ? c : s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
+    const i = (0, _themeVariantContextJs.useIsInverseVariant)(), h = 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"
-    }, i), {
+    }, s), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             fill: h,
             d: "M17.277 5.152c.588.583.873 1.392.873 2.482v10.86c0 1.098-.288 1.913-.882 2.493-.588.574-1.412.854-2.515.854h-5.51c-1.104 0-1.927-.28-2.515-.854-.594-.58-.883-1.398-.883-2.493V7.634c0-1.07.286-1.877.874-2.465.591-.588 1.41-.877 2.493-.882V3.84c0-.515.154-.93.454-1.23.305-.302.728-.456 1.255-.456h2.148c.535 0 .958.151 1.258.451.3.297.451.711.451 1.232v.446c1.098.008 1.916.291 2.499.868zm-6.799-1.31v.445h3.048V3.84c0-.1-.011-.283-.084-.355-.076-.076-.26-.085-.364-.085h-2.149c-.129-.002-.291.012-.364.087-.073.07-.087.233-.087.353zm6.412 3.792c0-.742-.165-1.266-.507-1.602-.342-.34-.874-.502-1.63-.502h-5.51c-.745 0-1.277.168-1.625.516-.344.341-.51.862-.51 1.59v10.86c0 .749.166 1.278.51 1.611.34.334.874.493 1.628.493h5.51c.753 0 1.285-.162 1.627-.493.342-.336.507-.865.507-1.613V7.634zm-.748 9.941a.626.626 0 00-.63-.622H8.489c-.347 0-.63.28-.63.622v.294c0 1.219.941 2.21 2.095 2.21h4.093c1.154 0 2.095-.991 2.095-2.21v-.294z"

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

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

package/dist/generated/mistica-icons/icon-battery-low-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, r = tmp === void 0 ? 24 : tmp, n = _param.children, s = _objectWithoutProperties(_param, [
+const m = (_param)=>{
+    var { color: c , size: r = 24  } = _param, s = _objectWithoutProperties(_param, [
         "color",
-        "size",
-        "children"
+        "size"
     ]);
-    var v = (0, _themeVariantContextJs.useIsInverseVariant)(), h = c != null ? c : v ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
+    const v = (0, _themeVariantContextJs.useIsInverseVariant)(), a = c != null ? c : v ? _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 m = function m(_param) {
         role: "presentation"
     }, s), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
-            fill: h,
+            fill: a,
             d: "M18.153 7.542c0-1.056-.275-1.835-.84-2.387-.57-.555-1.373-.824-2.46-.824h-.185v-.666c0-.482-.132-.846-.406-1.112-.27-.264-.656-.398-1.146-.398H10.89c-.49 0-.877.137-1.145.403-.27.264-.407.636-.407 1.107v.664H9.15c-1.079 0-1.88.274-2.457.84-.566.557-.843 1.333-.843 2.37v11.098c0 1.061.277 1.846.849 2.395.566.546 1.367.812 2.45.812h5.704c1.084 0 1.888-.266 2.45-.812.572-.552.85-1.337.85-2.398V7.542zm-7.947-3.877c0-.359.117-.474.157-.51.036-.04.154-.154.526-.154h2.227c.37 0 .486.107.527.146l.003.002v.001c.038.037.15.15.15.515v.666h-3.59v-.666zm7.078 14.969c0 .823-.196 1.412-.594 1.793-.395.38-.994.565-1.837.565H9.15c-.843 0-1.443-.184-1.838-.565-.397-.384-.59-.972-.59-1.796V7.54c0-.804.193-1.381.59-1.773.404-.395 1.003-.589 1.838-.589h5.706c.843 0 1.445.188 1.84.575.395.383.588.969.588 1.787v11.095zm-2.952.56H9.668a1.22 1.22 0 01-1.224-1.075h7.112c-.062.605-.588 1.075-1.224 1.075zm2.1-1.498a.429.429 0 00-.433-.423H8a.43.43 0 00-.434.422v.3c0 1.13.944 2.045 2.104 2.045h4.66c1.16 0 2.102-.916 2.102-2.045v-.3z"
         })
     }));

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

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

package/dist/generated/mistica-icons/icon-battery-medium-filled.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, o = _param.children, i = _objectWithoutProperties(_param, [
+const m = (_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)(), n = c != null ? c : s ? _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-battery-medium-regular.d.ts

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

package/dist/generated/mistica-icons/icon-battery-medium-regular.js

@@ -4,13 +4,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: function() {
-        return l;
-    }
+    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 l = function l(_param) {
-    var c = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, n = _param.children, v = _objectWithoutProperties(_param, [
+const m = (_param)=>{
+    var { color: c , size: e = 24  } = _param, v = _objectWithoutProperties(_param, [
         "color",
-        "size",
-        "children"
+        "size"
     ]);
-    var i = (0, _themeVariantContextJs.useIsInverseVariant)(), s = c != null ? c : i ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
+    const s = (0, _themeVariantContextJs.useIsInverseVariant)(), i = 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 l = function l(_param) {
         role: "presentation"
     }, v), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
-            fill: s,
+            fill: i,
             d: "M18.153 7.542c0-1.056-.275-1.835-.84-2.387-.57-.555-1.373-.824-2.46-.824h-.188v-.666c0-.474-.134-.849-.403-1.112-.269-.264-.656-.398-1.146-.398H10.89c-.49 0-.876.137-1.148.403-.269.266-.406.639-.406 1.107v.67H9.15c-1.079 0-1.88.274-2.457.84-.566.557-.843 1.333-.843 2.37v11.092c0 1.061.277 1.846.849 2.398.566.543 1.367.81 2.45.81h5.704c1.084 0 1.885-.267 2.45-.813.572-.552.85-1.336.85-2.398V7.542zm-7.947-3.877c0-.359.115-.474.157-.51.039-.04.154-.154.526-.154h2.227c.378 0 .493.112.53.148v.001c.038.037.15.15.15.515v.666h-3.59v-.666zm7.076 14.969c0 .823-.194 1.412-.592 1.796-.395.38-.994.565-1.837.565H9.15c-.843 0-1.443-.184-1.838-.566-.397-.383-.59-.969-.59-1.795V7.542c0-.804.193-1.381.59-1.774.404-.395 1.003-.588 1.838-.588h5.703c.843 0 1.445.188 1.84.574.395.384.588.97.588 1.788v11.092zm-1.72-.639c0 .661-.552 1.2-1.23 1.2H9.67c-.68 0-1.233-.539-1.233-1.2V13.04h7.124v4.955zm.87-5.378a.43.43 0 00-.436-.423H8a.429.429 0 00-.434.423v5.378c0 1.13.944 2.045 2.104 2.045h4.658c1.16 0 2.104-.916 2.104-2.045v-5.378z"
         })
     }));

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

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

package/dist/generated/mistica-icons/icon-battery-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 r = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, o = _param.children, s = _objectWithoutProperties(_param, [
+const l = (_param)=>{
+    var { color: r , size: e = 24  } = _param, s = _objectWithoutProperties(_param, [
         "color",
-        "size",
-        "children"
+        "size"
     ]);
-    var i = (0, _themeVariantContextJs.useIsInverseVariant)(), n = r != null ? r : i ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
+    const i = (0, _themeVariantContextJs.useIsInverseVariant)(), n = r != null ? r : i ? _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-beach-umbrella-filled.d.ts

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

package/dist/generated/mistica-icons/icon-beach-umbrella-filled.js

@@ -4,13 +4,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: function() {
-        return d;
-    }
+    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 d = function d(_param) {
-    var e = _param.color, tmp = _param.size, l = tmp === void 0 ? 24 : tmp, o = _param.children, t = _objectWithoutProperties(_param, [
+const h = (_param)=>{
+    var { color: e , size: l = 24  } = _param, t = _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: l,
         height: l,
@@ -104,7 +101,7 @@ var d = function d(_param) {
         role: "presentation"
     }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
-            fill: s,
+            fill: i,
             d: "M21.429 5.678a.378.378 0 00-.101-.291c-1.454-1.569-3.084-2.577-4.846-3-1.555-.373-3.21-.294-4.941.221 2.218.263 5.134 1.305 7.994 4.356l1.698-1.003a.391.391 0 00.196-.283zM18.306 7.69l-5.169 3.053L9.08 3.975c1.647-.221 5.462-.18 9.226 3.714zM7.921 4.79c-.939 1.485-2.42 4.849-.583 9.378l4.583-2.706-4-6.672zm-1.81 10.101c-1.655-3.888-1.12-7.059-.269-9.134-1.641 1.406-2.683 2.988-3.084 4.73-.397 1.693-.185 3.536.636 5.477a.4.4 0 00.252.216c.198.053.257.018.335-.03l.021-.012 2.11-1.247zm1.7-10.244l-.372-.622a.668.668 0 01.266-.93.735.735 0 01.975.255l.35.586-1.218.711zm11.356 16.174l-6.025-10.053-1.218.714 6.005 10.017a.72.72 0 00.62.342c.12 0 .24-.031.352-.09a.666.666 0 00.266-.93z"
         })
     }));

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

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

package/dist/generated/mistica-icons/icon-beach-umbrella-light.js

@@ -4,13 +4,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: function() {
-        return f;
-    }
+    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 f = function f(_param) {
-    var e = _param.color, tmp = _param.size, l = tmp === void 0 ? 24 : tmp, c = _param.children, a = _objectWithoutProperties(_param, [
+const h = (_param)=>{
+    var { color: e , size: l = 24  } = _param, a = _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: l,
         height: l,
@@ -104,7 +101,7 @@ var f = function f(_param) {
         role: "presentation"
     }, a), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
-            fill: s,
+            fill: i,
             d: "M16.426 1.981c1.854.456 3.552 1.52 5.046 3.166.28.307.412.72.363 1.135-.068.435-.316.81-.693 1.038l-7.724 4.654 5.675 9.656.004.007a.42.42 0 01-.165.577.442.442 0 01-.602-.157l-5.657-9.633-7.505 4.522a1.54 1.54 0 01-.786.217c-.143 0-.29-.024-.459-.073-.436-.147-.76-.445-.918-.825-.845-2.037-1.061-3.996-.643-5.812.579-2.552 2.356-4.762 5.288-6.568l-.453-.775a.064.064 0 00-.004-.007l-.005-.008a.42.42 0 01.17-.57c.21-.12.48-.05.602.158l.442.754c2.835-1.573 5.53-2.06 8.024-1.456zm4.251 4.608a.584.584 0 00.284-.418.579.579 0 00-.146-.45c-1.378-1.518-2.924-2.494-4.602-2.906-1.777-.433-3.68-.24-5.677.558 2.099.032 5.297.79 8.413 4.256l1.728-1.04zM8.948 4.364l4.032 6.864 5.21-3.137c-3.874-4.227-7.868-3.978-9.242-3.727zm-.713.514c-.871 1.27-2.684 4.774-.655 9.604l4.651-2.804-3.996-6.8zM4.706 16.215l2.114-1.274c-1.83-4.245-.85-7.624.1-9.507-2.006 1.505-3.254 3.25-3.696 5.206-.38 1.646-.178 3.43.6 5.306.07.158.204.278.368.328.172.058.36.038.514-.059z"
         })
     }));

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

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

package/dist/generated/mistica-icons/icon-beach-umbrella-regular.js

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

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

package/dist/generated/mistica-icons/icon-bell-add-more-filled.js

@@ -4,13 +4,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: function() {
-        return d;
-    }
+    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 d = function d(_param) {
-    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, o = _param.children, i = _objectWithoutProperties(_param, [
+const v = (_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 i = (0, _themeVariantContextJs.useIsInverseVariant)(), h = e != null ? e : i ? _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"
-    }, i), {
+    }, s), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             fill: h,
             d: "M21.623 17.87a.622.622 0 01.187.677.606.606 0 01-.577.395h-5.24c-.04.546-.197 1.359-.763 1.994-.543.603-1.325.908-2.305.908-.992 0-1.77-.305-2.314-.908-.568-.635-.722-1.448-.753-1.994H4.62a.602.602 0 01-.392-1.07c.462-.37.846-.885 1.145-1.496-1.512-.543-3.218-1.854-3.218-5.087 0-4.198 2.843-5.148 4.42-5.347 1.532-3.885 5.927-3.807 6.35-3.781.373-.017 3.014-.09 4.93 1.68 1.283 1.182 1.933 2.897 1.933 5.093v3.819c-.01.26-.125 3.534 1.835 5.116zm-18.25-6.58c0 3.635 2.518 4.215 4.02 4.23h.456c1.51-.023 4.028-.611 4.028-4.2 0-3.594-2.54-4.19-4.053-4.23h-.479c-1.487.009-3.972.572-3.972 4.2zm4.247 3.313a.607.607 0 00.61-.602h.003v-2.104h2.12a.61.61 0 00.608-.605.607.607 0 00-.607-.605h-2.12V8.612a.607.607 0 00-.611-.603.606.606 0 00-.608.603v2.075H4.897a.604.604 0 100 1.208h2.115V14a.608.608 0 00.608.602z"

package/dist/generated/mistica-icons/icon-bell-add-more-light.d.ts

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

package/dist/generated/mistica-icons/icon-bell-add-more-light.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,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, t = _objectWithoutProperties(_param, [
+const m = (_param)=>{
+    var { color: e , size: r = 24  } = _param, t = _objectWithoutProperties(_param, [
         "color",
-        "size",
-        "children"
+        "size"
     ]);
-    var a = (0, _themeVariantContextJs.useIsInverseVariant)(), i = e != null ? e : a ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
+    const a = (0, _themeVariantContextJs.useIsInverseVariant)(), s = e != null ? e : a ? _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"
     }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
-            fill: i,
+            fill: s,
             d: "M21.69 18.145a.42.42 0 01.122.459.404.404 0 01-.383.272h-5.496c0 .51-.107 1.412-.723 2.103-.51.566-1.238.86-2.182.86-.936 0-1.672-.294-2.182-.86-.608-.689-.714-1.6-.714-2.1H4.636a.41.41 0 01-.255-.729c.493-.409.902-.96 1.213-1.624-1.563-.499-3.443-1.813-3.443-5.258 0-4.499 3.182-5.342 4.709-5.482 1.544-3.738 5.786-3.636 6.164-3.627h.004c.255-.017 2.922-.132 4.849 1.664 1.246 1.165 1.888 2.857 1.888 5.039v3.88c-.012.06-.2 3.663 1.924 5.403zm-1.239-.093c-1.69-2.092-1.518-5.185-1.51-5.333V8.865c0-1.947-.549-3.44-1.624-4.44-1.677-1.562-4.103-1.452-4.249-1.446h-.032l-.008.002a.028.028 0 01-.025-.002c-.165-.008-3.75-.2-5.233 2.782h.14c1.084.025 5.3.45 5.3 5.54 0 5.104-4.216 5.5-5.274 5.513-.098.009-.213.009-.337.009h-.17a7.817 7.817 0 01-1.017-.107 6.049 6.049 0 01-.79 1.336H20.45zm-5.857 2.381c.434-.493.515-1.174.515-1.557h-4.157c0 .378.073 1.067.516 1.557.344.387.868.583 1.557.583.7 0 1.227-.196 1.569-.583zm-7.151-4.428h.156c.115 0 .222 0 .32-.009 1.344-.025 4.47-.524 4.47-4.694 0-4.163-3.143-4.687-4.495-4.72-.124-.009-.264-.009-.401-.009h-.098c-1.33.017-4.423.493-4.423 4.695 0 4.21 3.126 4.711 4.47 4.737zm2.994-4.328c.23 0 .409-.18.409-.41a.41.41 0 00-.409-.41H8.09V8.533a.415.415 0 00-.41-.409.41.41 0 00-.408.409v2.325H4.924a.413.413 0 00-.409.409c0 .23.188.409.41.409h2.347v2.356a.41.41 0 00.818 0v-2.356h2.347z"
         })
     }));

package/dist/generated/mistica-icons/icon-bell-add-more-regular.d.ts

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

package/dist/generated/mistica-icons/icon-bell-add-more-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, n = _param.children, c = _objectWithoutProperties(_param, [
+const m = (_param)=>{
+    var { color: a , size: e = 24  } = _param, t = _objectWithoutProperties(_param, [
         "color",
-        "size",
-        "children"
+        "size"
     ]);
-    var t = (0, _themeVariantContextJs.useIsInverseVariant)(), s = e != null ? e : t ? _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,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             fill: s,
             d: "M21.623 17.87a.622.622 0 01.188.677.606.606 0 01-.578.395h-5.24c-.04.546-.194 1.359-.762 1.994-.544.603-1.325.908-2.306.908-.991 0-1.77-.305-2.313-.908-.569-.635-.723-1.448-.757-1.994H4.617a.602.602 0 01-.392-1.07c.462-.37.846-.885 1.146-1.496-1.51-.543-3.216-1.854-3.216-5.087 0-4.198 2.843-5.148 4.417-5.347 1.535-3.885 5.93-3.807 6.353-3.781.373-.017 3.014-.09 4.93 1.68 1.283 1.182 1.933 2.897 1.933 5.093v3.819c-.01.26-.124 3.532 1.835 5.116zm-15.636-.138h13.871c-1.454-2.092-1.3-4.9-1.291-5.036V8.934c0-1.843-.518-3.258-1.535-4.2-1.591-1.473-3.922-1.372-4.064-1.366h-.006a.053.053 0 01-.02-.004c-.006-.002-.012-.005-.022-.005-.008 0-.017.003-.025.005a.06.06 0 01-.014.004c-.158-.009-3.517-.192-4.953 2.524 1.177.042 5.165.549 5.165 5.431 0 4.994-4.176 5.39-5.22 5.403h-.505c-.185 0-.462-.016-.787-.064a6.11 6.11 0 01-.594 1.07zm8.333 2.395c.317-.353.423-.838.448-1.19h-3.697c.034.352.132.845.457 1.198.3.34.753.499 1.397.499.633 0 1.087-.16 1.395-.507zm-6.927-4.608h.457c1.51-.022 4.028-.61 4.028-4.199 0-3.594-2.54-4.19-4.054-4.23h-.478c-1.488.009-3.972.572-3.972 4.2 0 3.635 2.518 4.215 4.02 4.23zm.227-.916a.607.607 0 00.61-.602h.003v-2.104h2.12a.61.61 0 00.609-.605.607.607 0 00-.608-.605h-2.12V8.612a.607.607 0 00-.611-.603.606.606 0 00-.608.603v2.075H4.897a.604.604 0 100 1.208h2.115V14a.608.608 0 00.608.602z"

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

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

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

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

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

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