@telefonica/mistica 13.0.2 → 13.1.0

package/dist/generated/mistica-icons/icon-cloud-upload-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 l = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, o = _param.children, t = _objectWithoutProperties(_param, [
+const h = (_param)=>{
+    var { color: l , size: r = 24  } = _param, t = _objectWithoutProperties(_param, [
         "color",
-        "size",
-        "children"
+        "size"
     ]);
-    var s = (0, _themeVariantContextJs.useIsInverseVariant)(), i = l != null ? l : s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
+    const s = (0, _themeVariantContextJs.useIsInverseVariant)(), o = l != null ? l : s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: r,
         height: r,
@@ -104,7 +101,7 @@ var m = function m(_param) {
         role: "presentation"
     }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
-            fill: i,
+            fill: o,
             d: "M11.079 3.39c.832 0 4.868.19 6.109 3.863 2.33.227 4.658 1.714 4.655 5.31 0 3.964-2.834 5.368-5.268 5.368l-1.855.008v1.83c0 .464-.37.845-.82.845h-3.796a.831.831 0 01-.82-.846v-1.804l-2.78.017c-2.103 0-4.344-1.174-4.344-4.462 0-2.583 1.384-3.647 2.456-4.087.185-5.75 5.407-6.042 6.463-6.042zm5.498 13.297c.958 0 4.06-.3 4.062-4.123 0-3.591-2.74-4.056-3.916-4.09a.605.605 0 01-.563-.465c-.838-3.216-4.376-3.372-5.076-3.372-1.235 0-5.263.364-5.263 5.126l.008.1a.637.637 0 01-.442.617c-1.336.392-2.014 1.411-2.014 3.042 0 2.907 2.19 3.215 3.134 3.215l2.779-.016v-1.073H7.843a.817.817 0 01-.764-.516.878.878 0 01.168-.921l4.221-4.465a.837.837 0 011.177 0l4.117 4.38a.88.88 0 01.168.922.827.827 0 01-.756.516H14.73v1.131l1.846-.008zm-3.064 2.683l.011-4.204c.008-.473.378-.849.83-.849h.901l-3.199-3.406-3.305 3.49.91.009c.46 0 .83.383.83.848v4.112h3.022z"
         })
     }));

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

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

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

@@ -4,13 +4,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: function() {
-        return d;
-    }
+    get: ()=>f
 });
-var _themeVariantContextJs = require("../../theme-variant-context.js");
-var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
-var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
+const _themeVariantContextJs = require("../../theme-variant-context.js");
+const _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
+const _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -90,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, a = _param.children, s = _objectWithoutProperties(_param, [
+const f = (_param)=>{
+    var { color: e , size: r = 24  } = _param, i = _objectWithoutProperties(_param, [
         "color",
-        "size",
-        "children"
+        "size"
     ]);
-    var n = (0, _themeVariantContextJs.useIsInverseVariant)(), o = e != null ? e : n ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
+    const n = (0, _themeVariantContextJs.useIsInverseVariant)(), o = e != null ? e : n ? _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"
-    }, s), {
+    }, i), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             fill: o,
             d: "M15.688 19.735c1.684 1.35 3.566 2.11 5.213 2.11.076 0 .151-.003.224-.006a.89.89 0 00.44-.143.592.592 0 00.162-.849.659.659 0 00-.756-.224c-1.333.04-2.977-.63-4.462-1.823l-.067-.053a10.507 10.507 0 01-2.123-2.325c.215.188.43.353.652.482.885.52 1.765.787 2.544.787.437 0 .843-.084 1.201-.255.54-.258 1.205-.826 1.392-2.07.956-.866 1.06-1.712.967-2.28-.168-1.048-1.123-1.998-2.62-2.603-.845-.344-2.052-.423-3.234-.383.991-.62 1.93-1.35 2.406-2.096.854-1.319 1.056-2.621.557-3.568-.272-.516-.865-1.149-2.174-1.328-.91-.913-1.795-1.011-2.392-.921-1.098.16-2.092 1.072-2.728 2.498-.361.804-.443 1.955-.4 3.084-.65-.944-1.418-1.84-2.2-2.294-1.386-.812-2.75-1.008-3.745-.532-.54.258-1.204.826-1.392 2.07-.955.865-1.058 1.711-.966 2.28.168 1.048 1.126 1.994 2.619 2.6.714.29 1.692.394 2.695.394.182 0 .361-.005.543-.01-.992.618-1.933 1.352-2.409 2.097-.854 1.32-1.056 2.622-.557 3.569.271.515.868 1.148 2.173 1.325.745.748 1.474.947 2.042.947.124 0 .244-.009.35-.026 1.101-.16 2.096-1.073 2.729-2.498.182-.404.291-.9.353-1.429a11.695 11.695 0 002.899 3.418"

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

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

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

@@ -4,13 +4,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: function() {
-        return v;
-    }
+    get: ()=>h
 });
-var _themeVariantContextJs = require("../../theme-variant-context.js");
-var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
-var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
+const _themeVariantContextJs = require("../../theme-variant-context.js");
+const _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
+const _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -90,13 +88,12 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var v = function v(_param) {
-    var r = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, o = _param.children, l = _objectWithoutProperties(_param, [
+const h = (_param)=>{
+    var { color: r , size: e = 24  } = _param, l = _objectWithoutProperties(_param, [
         "color",
-        "size",
-        "children"
+        "size"
     ]);
-    var i = (0, _themeVariantContextJs.useIsInverseVariant)(), s = r != null ? r : i ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
+    const s = (0, _themeVariantContextJs.useIsInverseVariant)(), i = r != null ? r : 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 v = function v(_param) {
         role: "presentation"
     }, l), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
-            fill: s,
+            fill: i,
             d: "M21.088 21.84c-1.63 0-3.501-.759-5.185-2.106l-.061-.056a11.666 11.666 0 01-3.26-4.15c-.026.824-.138 1.608-.404 2.198-.619 1.387-1.574 2.274-2.621 2.425-.101.014-.21.026-.325.026-.546 0-1.255-.2-1.983-.955-1.294-.154-1.874-.76-2.132-1.25-.476-.9-.272-2.155.56-3.44.589-.914 1.871-1.807 3.095-2.498-.448.036-.91.058-1.37.058-.994 0-1.963-.1-2.669-.392-1.459-.588-2.389-1.498-2.548-2.495-.087-.543.016-1.355.977-2.195.163-1.232.798-1.784 1.314-2.03.944-.454 2.263-.258 3.613.534.958.558 1.896 1.779 2.622 2.94-.118-1.346-.093-2.858.35-3.841.619-1.39 1.574-2.274 2.621-2.428.569-.087 1.42.014 2.306.93 1.294.156 1.873.761 2.131 1.251.476.902.272 2.157-.56 3.442-.585.913-1.871 1.806-3.092 2.498 1.417-.11 3.005-.087 4.039.333 1.456.59 2.386 1.5 2.546 2.498.087.543-.017 1.355-.978 2.195-.162 1.232-.798 1.784-1.314 2.03a2.61 2.61 0 01-1.131.238c-.754 0-1.613-.26-2.485-.773-.655-.38-1.296-1.072-1.87-1.842a10.84 10.84 0 003.123 4.058l.07.056c1.574 1.262 3.302 1.957 4.75 1.91.235-.018.426-.029.549.145a.4.4 0 01-.12.574.7.7 0 01-.337.106 5.831 5.831 0 01-.22.006zM13.814 3.003c-.731.106-1.46.829-1.952 1.932-.642 1.428-.233 4.458.042 5.701 1.227-.504 4.058-1.94 4.907-3.262.661-1.022.857-2.005.527-2.635-.247-.47-.788-.745-1.605-.815l-.177-.017-.115-.129c-.47-.523-.952-.79-1.434-.79-.064 0-.128.003-.193.015zm-8.744 7.93c1.495.61 4.68.224 5.988-.045-.53-1.165-2.04-3.861-3.428-4.67-.729-.426-1.44-.65-2.028-.65-.278 0-.53.05-.74.15-.493.236-.781.751-.854 1.53l-.017.168-.134.11c-.625.506-.9 1.027-.815 1.548.109.697.868 1.391 2.028 1.859zm6.299 6.469c.641-1.426.235-4.456-.045-5.699-1.224.504-4.059 1.94-4.907 3.262-.658 1.023-.855 2.005-.524 2.635.246.47.787.745 1.605.815l.176.014.115.13c.532.596 1.079.853 1.628.775.73-.11 1.459-.83 1.952-1.932zm6.792-5.999c-1.496-.613-4.678-.224-5.988.04.03.066.072.153.111.234l.012.023.006.009c.607 1.268 1.997 3.654 3.296 4.407 1.073.63 2.106.818 2.768.502.495-.236.784-.75.857-1.53l.016-.167.138-.11c.622-.506.896-1.027.812-1.548-.112-.695-.871-1.39-2.028-1.86z"
         })
     }));

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

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

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

@@ -4,13 +4,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: function() {
-        return v;
-    }
+    get: ()=>v
 });
-var _themeVariantContextJs = require("../../theme-variant-context.js");
-var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
-var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
+const _themeVariantContextJs = require("../../theme-variant-context.js");
+const _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
+const _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -90,19 +88,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, n = _param.children, t = _objectWithoutProperties(_param, [
+const v = (_param)=>{
+    var { color: r , size: e = 24  } = _param, c = _objectWithoutProperties(_param, [
         "color",
-        "size",
-        "children"
+        "size"
     ]);
-    var s = (0, _themeVariantContextJs.useIsInverseVariant)(), a = r != null ? r : s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
+    const s = (0, _themeVariantContextJs.useIsInverseVariant)(), a = r != null ? r : s ? _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), {
+    }, c), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             fill: a,
             d: "M20.901 21.843c-1.647 0-3.529-.76-5.212-2.11l-.065-.056a11.725 11.725 0 01-2.899-3.417c-.062.53-.17 1.025-.353 1.428-.633 1.426-1.63 2.337-2.728 2.5-.11.016-.224.024-.35.024-.569 0-1.297-.199-2.042-.947-1.306-.176-1.902-.809-2.174-1.324-.499-.947-.297-2.25.557-3.569.477-.745 1.418-1.476 2.41-2.098-.183.006-.365.011-.544.011-1.003 0-1.98-.104-2.695-.395-1.493-.605-2.45-1.554-2.619-2.602-.092-.569.009-1.412.967-2.28.187-1.244.851-1.81 1.392-2.07.994-.476 2.358-.28 3.745.532.784.454 1.546 1.35 2.199 2.294-.042-1.129.039-2.28.4-3.084.636-1.426 1.63-2.336 2.728-2.499.597-.09 1.485.009 2.393.925 1.308.18 1.902.812 2.173 1.328.499.946.294 2.249-.56 3.568-.476.745-1.414 1.476-2.406 2.095 1.182-.039 2.39.04 3.235.384 1.499.605 2.454 1.555 2.622 2.603.093.568-.011 1.411-.966 2.28-.188 1.243-.852 1.812-1.392 2.07a2.79 2.79 0 01-1.202.255c-.779 0-1.658-.267-2.543-.788a4.339 4.339 0 01-.653-.481 10.473 10.473 0 002.123 2.324l.07.054c1.485 1.193 3.129 1.863 4.462 1.823a.666.666 0 01.757.224l.01.017.012.017a.59.59 0 01-.185.815.91.91 0 01-.443.143 5.833 5.833 0 01-.224.006zm-7.09-18.457c-.63.095-1.299.773-1.744 1.773-.56 1.25-.25 3.908.005 5.213 1.266-.557 3.72-1.854 4.46-3.011.6-.927.792-1.84.507-2.387-.208-.392-.678-.624-1.4-.686l-.261-.022-.168-.188c-.418-.468-.835-.703-1.244-.703-.05 0-.104.005-.154.011zm-8.503 7.38c1.31.536 4.1.242 5.465-.002-.583-1.207-1.944-3.546-3.157-4.252-.675-.398-1.342-.608-1.88-.608-.235 0-.448.042-.622.126-.411.196-.655.644-.72 1.334l-.022.246-.199.163c-.549.448-.793.896-.723 1.33.099.602.81 1.241 1.858 1.664zm5.885 6.446c.563-1.249.252-3.91-.006-5.213-1.266.558-3.72 1.855-4.462 3.012-.6.924-.793 1.837-.507 2.383.207.395.678.625 1.4.687l.261.022.168.188c.47.526.947.756 1.4.692.63-.093 1.3-.77 1.746-1.77zm6.759-5.61c-1.308-.535-4.098-.238-5.47 0 .582 1.21 1.943 3.549 3.156 4.255.972.574 1.933.756 2.502.484.414-.199.655-.647.72-1.333l.025-.25.198-.16c.552-.447.796-.896.726-1.333-.095-.602-.81-1.24-1.857-1.663z"

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

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

package/dist/generated/mistica-icons/icon-cocktail-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,14 +89,13 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var p = function p(_param) {
-    var t = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, c = _param.children, a = _objectWithoutProperties(_param, [
+const p = (_param)=>{
+    var { color: t , size: e = 24  } = _param, a = _objectWithoutProperties(_param, [
         "color",
-        "size",
-        "children"
+        "size"
     ]);
-    var n = (0, _themeVariantContextJs.useIsInverseVariant)(), i = t != null ? t : 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 o = (0, _themeVariantContextJs.useIsInverseVariant)(), i = t != null ? t : 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: e,
         height: e,
         viewBox: "0 0 24 24",

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

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

package/dist/generated/mistica-icons/icon-cocktail-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,13 +89,12 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var g = function g(_param) {
-    var e = _param.color, tmp = _param.size, l = tmp === void 0 ? 24 : tmp, m = _param.children, i = _objectWithoutProperties(_param, [
+const d = (_param)=>{
+    var { color: t , size: l = 24  } = _param, i = _objectWithoutProperties(_param, [
         "color",
-        "size",
-        "children"
+        "size"
     ]);
-    var s = (0, _themeVariantContextJs.useIsInverseVariant)(), t = e != null ? e : s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), h = ref.skinName;
+    const s = (0, _themeVariantContextJs.useIsInverseVariant)(), e = t != null ? t : s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, { skinName: h  } = (0, _hooksJs.useTheme)();
     return h.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
         width: l,
         height: l,
@@ -106,11 +103,11 @@ var g = function g(_param) {
     }, i), {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
-                fill: t,
+                fill: e,
                 d: "M20.995 2c.188 0 .364.116.437.293a.484.484 0 01-.103.518l-4.627 4.646a.468.468 0 01-.667 0 .47.47 0 010-.67L19.85 2.95H4.132l8.198 8.238c.091.085.14.207.14.335v9.525h1.892a.475.475 0 010 .951H9.626a.475.475 0 010-.951h1.892v-9.33L2.658 2.81a.482.482 0 01-.103-.518A.47.47 0 012.992 2h18.003z"
             }),
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
-                fill: t,
+                fill: e,
                 d: "M14.362 10.091a.949.949 0 00.946-.95.949.949 0 00-.946-.952.949.949 0 00-.946.951c0 .526.423.951.946.951z"
             })
         ]
@@ -121,7 +118,7 @@ var g = function g(_param) {
         role: "presentation"
     }, i), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
-            fill: t,
+            fill: e,
             d: "M13.601 6.3c0-2.673 1.46-4.144 4.112-4.144 2.655 0 4.118 1.474 4.118 4.14 0 2.667-1.462 4.138-4.115 4.138-.515 0-.98-.07-1.41-.18l-3.85 4.465a.781.781 0 01-.197.149v4.38l4.171 1.763a.414.414 0 11-.16.796l-8.495.016a.414.414 0 01-.17-.79l3.834-1.776v-4.373a.715.715 0 01-.199-.14L4.968 8.107a.833.833 0 01-.16-.894.815.815 0 01.751-.501l1.521-.009-1.6-1.607a.443.443 0 00-.319-.135H2.573a.413.413 0 010-.826h2.583c.339 0 .664.137.902.378l2.114 2.126c.01.011.017.024.024.036l.016.026 5.406-.026a6.884 6.884 0 00-.007-.12 4.15 4.15 0 01-.01-.255zm4.112 3.31c2.219 0 3.297-1.081 3.297-3.314 0-2.23-1.078-3.313-3.294-3.313s-3.291 1.084-3.291 3.313c0 .126.008.245.016.365v.008l3.166-.014h.008a.82.82 0 01.818.826c0 .221-.087.42-.227.569l-1.294 1.5c.25.04.515.059.801.059zm-5.88 4.569l3.95-4.583.011-.017H7.49l4.345 4.6zm.023 5.798l-2.199 1.017s4.583-.006 4.585-.009l-2.386-1.008zm5.753-12.496s-12.047.056-12.047.053l1.21 1.283a.415.415 0 01.213-.067h9.53l1.094-1.269z"
         })
     }));

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

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

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

@@ -4,14 +4,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: function() {
-        return d;
-    }
+    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,21 +89,20 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var d = function d(_param) {
-    var a = _param.color, tmp = _param.size, l = tmp === void 0 ? 24 : tmp, c = _param.children, r = _objectWithoutProperties(_param, [
+const p = (_param)=>{
+    var { color: a , size: l = 24  } = _param, t = _objectWithoutProperties(_param, [
         "color",
-        "size",
-        "children"
+        "size"
     ]);
-    var n = (0, _themeVariantContextJs.useIsInverseVariant)(), t = a != null ? a : 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 o = (0, _themeVariantContextJs.useIsInverseVariant)(), r = a != null ? a : 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: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
-            fill: t,
+            fill: r,
             d: "M21.421 2.56a.958.958 0 01-.16 1.012l-8.329 9.38v7.168h1.388c.51 0 .926.422.926.94s-.416.94-.926.94H9.687a.934.934 0 01-.925-.94c0-.518.415-.94.925-.94h1.388v-7.168L2.74 3.572a.946.946 0 01-.16-1.012.922.922 0 01.85-.56h17.144c.368 0 .7.223.848.56zm-9.42 8.627l6.49-7.301H5.51l6.49 7.3z"
         })
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
@@ -113,9 +110,9 @@ var d = function d(_param) {
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
-            fill: t,
+            fill: r,
             d: "M13.381 6.38L8.2 6.403 6.328 4.522A1.454 1.454 0 005.3 4.096H2.765a.607.607 0 000 1.216H5.3a.25.25 0 01.174.07l1.022 1.03-.807.003a1.214 1.214 0 00-1.106.74c-.188.445-.095.96.235 1.314l6.151 6.512c.082.087.183.157.286.216v3.798l-3.641 1.687a.608.608 0 00.249 1.16l8.33-.017a.61.61 0 00.232-1.168l-3.965-1.678V15.18c.112-.064.21-.145.294-.24l3.764-4.362c.34.062.7.098 1.09.098 2.731 0 4.235-1.513 4.235-4.26.003-2.746-1.501-4.261-4.232-4.261-2.717 0-4.216 1.501-4.23 4.224zm4.166 3.08l-.06-.002.905-1.05c.202-.22.328-.51.328-.83a1.21 1.21 0 00-1.204-1.216h-.014l-2.913.014c.013-2.047.971-3.005 3.022-3.005 2.036 0 3.028.997 3.028 3.047 0 2.076-.964 3.045-3.028 3.045a.874.874 0 01-.064-.003zm-5.704 4.681L7.776 9.836h7.782l-3.715 4.305zm.026 5.908l1.338.565-2.574.006 1.236-.571zM17.51 7.578l-.916 1.056a.211.211 0 01-.032-.007.158.158 0 00-.04-.007H6.627l-.936-.989c0 .003 11.818-.053 11.818-.053z"
         })
     }));

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

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

package/dist/generated/mistica-icons/icon-code-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,13 +88,12 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var v = function v(_param) {
-    var a = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, n = _param.children, t = _objectWithoutProperties(_param, [
+const v = (_param)=>{
+    var { color: a , size: e = 24  } = _param, t = _objectWithoutProperties(_param, [
         "color",
-        "size",
-        "children"
+        "size"
     ]);
-    var i = (0, _themeVariantContextJs.useIsInverseVariant)(), s = a != null ? a : i ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
+    const s = (0, _themeVariantContextJs.useIsInverseVariant)(), i = a != null ? a : s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
@@ -104,7 +101,7 @@ var v = function v(_param) {
         role: "presentation"
     }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
-            fill: s,
+            fill: i,
             d: "M20.413 4.622c.787 0 1.428.62 1.428 1.379v12.008c0 .759-.641 1.378-1.428 1.378H3.586c-.79.003-1.431-.616-1.431-1.375V6c0-.76.641-1.379 1.431-1.379h16.827zM4.785 6.295a.55.55 0 00-.56.535v.002c0 .297.25.538.557.538a.548.548 0 00.56-.538.548.548 0 00-.557-.537zm15.852 11.717V8.348H3.36v9.664c0 .117.1.215.224.215h16.829a.221.221 0 00.224-.215zM7.02 6.832a.548.548 0 00-.558-.537H6.46a.548.548 0 00-.557.537c0 .297.25.538.557.538a.548.548 0 00.56-.538zm1.12-.537h-.003a.55.55 0 00-.56.535v.002c0 .297.25.538.56.538a.548.548 0 00.56-.538.548.548 0 00-.557-.537zm.955 5.736a.528.528 0 00.02-.748.579.579 0 00-.796-.036l-2.294 2.006a.53.53 0 00-.006.801l2.295 2.036a.576.576 0 00.815-.048.53.53 0 00-.05-.745l-1.844-1.641 1.84-1.608.01-.008.01-.009zm6.538-.784l2.294 2.006c.115.1.182.246.185.397a.53.53 0 01-.182.4l-2.294 2.043a.584.584 0 01-.384.146.57.57 0 01-.412-.174.53.53 0 01.009-.748.146.146 0 01.022-.02l1.843-1.641-1.84-1.605a.528.528 0 01-.059-.745l.01-.011a.582.582 0 01.808-.048zm-2.216.647a.534.534 0 00-.283-.717.57.57 0 00-.742.274l-1.86 4.003a.532.532 0 00.283.715c.073.03.151.047.23.047a.564.564 0 00.512-.32l1.86-4.002z"
         })
     }));

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

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

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

@@ -4,13 +4,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: function() {
-        return v;
-    }
+    get: ()=>h
 });
-var _themeVariantContextJs = require("../../theme-variant-context.js");
-var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
-var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
+const _themeVariantContextJs = require("../../theme-variant-context.js");
+const _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
+const _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -90,13 +88,12 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var v = function v(_param) {
-    var a = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, n = _param.children, c = _objectWithoutProperties(_param, [
+const h = (_param)=>{
+    var { color: a , size: e = 24  } = _param, c = _objectWithoutProperties(_param, [
         "color",
-        "size",
-        "children"
+        "size"
     ]);
-    var l = (0, _themeVariantContextJs.useIsInverseVariant)(), i = a != null ? a : l ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
+    const l = (0, _themeVariantContextJs.useIsInverseVariant)(), s = a != null ? a : l ? _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 v = function v(_param) {
         role: "presentation"
     }, c), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
-            fill: i,
+            fill: s,
             d: "M21.837 5.832c0-.67-.563-1.216-1.254-1.216H3.406c-.692 0-1.255.546-1.255 1.216v12.333c0 .67.563 1.216 1.255 1.216h17.177c.692 0 1.255-.546 1.255-1.216V5.832zm-18.43-.42h17.176c.24 0 .434.187.434.42V7.84H2.972V5.832c0-.23.196-.42.434-.42zm17.176 13.17H3.406a.426.426 0 01-.434-.42V8.634h18.045v9.53c0 .232-.196.42-.434.42zM6.89 13.696L8.904 15.5c.165.148.176.4.022.563a.417.417 0 01-.302.126.432.432 0 01-.28-.107l-2.342-2.098a.395.395 0 01-.132-.294c0-.112.05-.218.135-.294l2.341-2.062a.422.422 0 01.58.028.39.39 0 01-.028.563l-2.008 1.77zm-1.117-7.01c0 .303.255.552.572.552.313 0 .568-.25.568-.552a.559.559 0 00-.568-.554.563.563 0 00-.572.554zm2.283.552a.563.563 0 01-.571-.552c0-.305.254-.554.571-.554a.56.56 0 01.571.554.563.563 0 01-.571.552zm-3.997-.552c0 .303.255.552.571.552.317 0 .572-.25.572-.552a.561.561 0 00-.572-.554.563.563 0 00-.571.554zm11.535 4.65l2.342 2.062a.393.393 0 01.002.588l-2.341 2.098a.42.42 0 01-.583-.02.391.391 0 01.022-.563l2.017-1.806-2.011-1.768a.389.389 0 01-.028-.563.422.422 0 01.58-.028zm-2.297.482a.394.394 0 00-.207-.527.418.418 0 00-.544.2l-1.899 4.108a.394.394 0 00.207.527.41.41 0 00.543-.199l1.9-4.11z"
         })
     }));

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

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

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

@@ -4,13 +4,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: function() {
-        return h;
-    }
+    get: ()=>v
 });
-var _themeVariantContextJs = require("../../theme-variant-context.js");
-var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
-var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
+const _themeVariantContextJs = require("../../theme-variant-context.js");
+const _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
+const _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -90,13 +88,12 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var h = function h(_param) {
-    var a = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, n = _param.children, t = _objectWithoutProperties(_param, [
+const v = (_param)=>{
+    var { color: a , size: e = 24  } = _param, t = _objectWithoutProperties(_param, [
         "color",
-        "size",
-        "children"
+        "size"
     ]);
-    var c = (0, _themeVariantContextJs.useIsInverseVariant)(), s = a != null ? a : c ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
+    const s = (0, _themeVariantContextJs.useIsInverseVariant)(), c = a != null ? a : s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
@@ -104,7 +101,7 @@ var h = function h(_param) {
         role: "presentation"
     }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
-            fill: s,
+            fill: c,
             d: "M21.841 6.019c0-.774-.652-1.404-1.456-1.404H3.615c-.807 0-1.46.63-1.46 1.404v11.958c0 .773.655 1.403 1.46 1.403h16.77c.804 0 1.456-.63 1.456-1.403V6.019zM3.614 5.797h16.773c.127 0 .227.098.227.219v1.73H3.388v-1.73c0-.12.1-.219.226-.219zm16.77 12.398v-.003H3.613a.224.224 0 01-.227-.218V8.932h17.227v9.045c0 .12-.101.218-.227.218zM6.313 7.24a.558.558 0 01-.569-.55c0-.304.255-.548.569-.548.316 0 .569.246.569.549a.558.558 0 01-.57.549zm1.14-.55c0 .303.252.55.569.55a.556.556 0 00.568-.55.558.558 0 00-.568-.548.558.558 0 00-.57.549zM4.6 7.24a.558.558 0 01-.568-.55c0-.304.252-.548.568-.548.317 0 .569.246.569.549a.556.556 0 01-.569.549zm4.398 4.77a.54.54 0 00.04-.781.585.585 0 00-.81-.037l-2.34 2.045a.54.54 0 00-.187.406.54.54 0 00.185.406l2.34 2.082c.108.1.251.148.388.148a.579.579 0 00.42-.176.539.539 0 00-.03-.782l-1.88-1.672 1.874-1.639zm6.684-.82l2.339 2.044a.546.546 0 01.187.406.549.549 0 01-.185.41l-2.339 2.08a.59.59 0 01-.81-.03.539.539 0 01.032-.782l1.88-1.672-1.875-1.639a.54.54 0 01-.039-.781.59.59 0 01.81-.037zm-2.255.66a.544.544 0 00-.289-.73.58.58 0 00-.759.282l-1.896 4.079a.542.542 0 00.288.728.65.65 0 00.236.048.578.578 0 00.523-.328l1.897-4.079z"
         })
     }));

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

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

package/dist/generated/mistica-icons/icon-coffee-tea-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 l = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, n = _param.children, r = _objectWithoutProperties(_param, [
+const m = (_param)=>{
+    var { color: l , size: a = 24  } = _param, r = _objectWithoutProperties(_param, [
         "color",
-        "size",
-        "children"
+        "size"
     ]);
-    var s = (0, _themeVariantContextJs.useIsInverseVariant)(), t = l != null ? l : s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
+    const s = (0, _themeVariantContextJs.useIsInverseVariant)(), t = l != null ? l : s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: a,
         height: a,