@telefonica/mistica 13.0.1 → 13.1.0

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

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

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

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

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

@@ -4,14 +4,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: function() {
-        return H;
-    }
+    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 H = function H(_param) {
-    var t = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, m = _param.children, r = _objectWithoutProperties(_param, [
+const p = (_param)=>{
+    var { color: h , size: e = 24  } = _param, r = _objectWithoutProperties(_param, [
         "color",
-        "size",
-        "children"
+        "size"
     ]);
-    var a = (0, _themeVariantContextJs.useIsInverseVariant)(), c = t != null ? t : a ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), n = ref.skinName;
-    return n.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
+    const i = (0, _themeVariantContextJs.useIsInverseVariant)(), c = h != null ? h : i ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, { skinName: s  } = (0, _hooksJs.useTheme)();
+    return s.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",

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

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

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

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

package/dist/generated/mistica-icons/icon-credit-card-visa-filled.d.ts

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

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

@@ -4,14 +4,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: function() {
-        return p;
-    }
+    get: ()=>f
 });
-var _hooksJs = require("../../hooks.js");
-var _themeVariantContextJs = require("../../theme-variant-context.js");
-var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
-var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
+const _hooksJs = require("../../hooks.js");
+const _themeVariantContextJs = require("../../theme-variant-context.js");
+const _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
+const _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -91,21 +89,20 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var p = function p(_param) {
-    var h = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, m = _param.children, r = _objectWithoutProperties(_param, [
+const f = (_param)=>{
+    var { color: h , size: e = 24  } = _param, r = _objectWithoutProperties(_param, [
         "color",
-        "size",
-        "children"
+        "size"
     ]);
-    var a = (0, _themeVariantContextJs.useIsInverseVariant)(), i = h != null ? h : a ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), n = ref.skinName;
-    return n.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
+    const i = (0, _themeVariantContextJs.useIsInverseVariant)(), t = h != null ? h : i ? _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,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, r), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
-            fill: i,
+            fill: t,
             d: "M21.992 8.97V6.938c0-1.073-.8-1.938-1.788-1.938H3.788C2.8 5 2 5.865 2 6.938V8.97h19.992zM2 10.102v6.96C2 18.135 2.8 19 3.788 19h16.424C21.2 19 22 18.135 22 17.062v-6.96H2zm2.5 3.406c-.3 0-.536-.259-.536-.569 0-.318.244-.568.536-.568h5.002c.3 0 .536.259.536.568-.008.319-.244.569-.545.569H4.5zm9.642 0h-2.504c-.3 0-.536-.259-.536-.569 0-.318.244-.568.536-.568h2.5c.3 0 .537.259.537.568 0 .319-.245.569-.533.569zm2.137 0c-.3 0-.536-.259-.536-.569 0-.318.244-.568.536-.568h3.212c.3 0 .537.259.537.568-.004.319-.236.569-.537.569H16.28z"
         })
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
@@ -115,7 +112,7 @@ var p = function p(_param) {
         role: "presentation"
     }, r), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
-            fill: i,
+            fill: t,
             d: "M21.841 11.208c0 .016-.004.031-.008.047a.163.163 0 00-.008.037v6.272a1.42 1.42 0 01-1.43 1.406h-16.8a1.42 1.42 0 01-1.429-1.406v-6.305a.139.139 0 00-.005-.02.094.094 0 01-.006-.03V8.216c0-.011.003-.022.007-.032l.004-.016V6.432a1.42 1.42 0 011.429-1.406h16.8c.788 0 1.43.63 1.43 1.406v1.703c0 .01.004.021.007.032.005.016.01.032.01.05v2.991zm-18.246-5a.222.222 0 00-.224.221v1.194h17.246V6.429c0-.12-.1-.22-.221-.22H3.595zm16.8 11.574a.22.22 0 00.222-.218v-5.762H3.371v5.762c0 .12.1.218.224.218h16.8zm-5.733-1.747l-.143.002c-.51-.008-1.12-.218-1.12-1.179 0-.958.602-1.165 1.106-1.168h.146c.518.014 1.134.227 1.134 1.176 0 .95-.61 1.16-1.123 1.169zm5.017-1.166c0-1.59-1.16-2.182-2.149-2.204a3.837 3.837 0 00-.184-.006c-.216.003-.83.048-1.35.431a2.391 2.391 0 00-1.32-.428c-.056-.003-.12-.003-.185-.003-.986.009-2.14.588-2.14 2.196s1.16 2.194 2.151 2.207h.174a2.37 2.37 0 001.333-.428c.499.37 1.076.428 1.345.431h.174c.991-.017 2.15-.602 2.15-2.196z"
         })
     }));

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

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

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

@@ -4,14 +4,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: function() {
-        return z;
-    }
+    get: ()=>p
 });
-var _hooksJs = require("../../hooks.js");
-var _themeVariantContextJs = require("../../theme-variant-context.js");
-var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
-var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
+const _hooksJs = require("../../hooks.js");
+const _themeVariantContextJs = require("../../theme-variant-context.js");
+const _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
+const _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -91,19 +89,18 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var z = function z(_param) {
-    var e = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, o = _param.children, i = _objectWithoutProperties(_param, [
+const p = (_param)=>{
+    var { color: e , size: c = 24  } = _param, a = _objectWithoutProperties(_param, [
         "color",
-        "size",
-        "children"
+        "size"
     ]);
-    var a = (0, _themeVariantContextJs.useIsInverseVariant)(), t = e != null ? e : a ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), l = ref.skinName;
-    return l.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
+    const r = (0, _themeVariantContextJs.useIsInverseVariant)(), t = e != null ? e : r ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, { skinName: s  } = (0, _hooksJs.useTheme)();
+    return s.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, a), {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 fill: t,
@@ -119,7 +116,7 @@ var z = function z(_param) {
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, a), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             fill: t,
             d: "M22 8.094v3.093a.2.2 0 01-.01.059.451.451 0 00-.007.023v6.482c0 .69-.572 1.249-1.272 1.249H3.283a1.26 1.26 0 01-1.272-1.249v-6.513a.165.165 0 00-.005-.02.107.107 0 01-.006-.03V8.093c0-.01.003-.02.006-.03a.166.166 0 00.005-.021V6.249c0-.69.572-1.249 1.272-1.249h17.425c.703 0 1.272.56 1.272 1.249v1.763l.004.01a.22.22 0 01.016.072zM3.283 5.816a.438.438 0 00-.44.43v1.437h18.303V6.246a.433.433 0 00-.44-.43H3.282zm17.425 12.368a.438.438 0 00.441-.43v-6.159H2.845v6.156c0 .24.197.43.441.43h17.422v.003zm.444-7.407V8.5H2.845v2.276h18.307zm-1.927 4.097c0 1.184-.842 1.378-1.343 1.387l-.156.003c-.148-.003-.604-.054-.937-.343.134-.287.217-.63.217-1.047 0-.422-.086-.77-.225-1.06.33-.293.78-.338.928-.34l.162.002c.506.012 1.354.211 1.354 1.398zm-4.4 1.387h-.156c-.5-.009-1.343-.2-1.343-1.4 0-1.196.831-1.382 1.326-1.387l.163.002c.506.012 1.354.211 1.354 1.398 0 1.184-.842 1.378-1.343 1.387zm5.234-1.39c0-1.594-1.167-2.188-2.171-2.213l-.185-.003c-.29.003-.928.07-1.443.498-.413-.332-.939-.484-1.429-.495l-.184-.003c-.994.009-2.155.59-2.155 2.205 0 1.612 1.167 2.2 2.166 2.216h.182c.492-.008 1.022-.157 1.434-.495.518.422 1.153.49 1.44.495h.182c1-.02 2.163-.607 2.163-2.205z"

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

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

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

@@ -4,14 +4,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: function() {
-        return p;
-    }
+    get: ()=>f
 });
-var _hooksJs = require("../../hooks.js");
-var _themeVariantContextJs = require("../../theme-variant-context.js");
-var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
-var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
+const _hooksJs = require("../../hooks.js");
+const _themeVariantContextJs = require("../../theme-variant-context.js");
+const _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
+const _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -91,13 +89,12 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var p = function p(_param) {
-    var e = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, o = _param.children, r = _objectWithoutProperties(_param, [
+const f = (_param)=>{
+    var { color: a , size: c = 24  } = _param, r = _objectWithoutProperties(_param, [
         "color",
-        "size",
-        "children"
+        "size"
     ]);
-    var i = (0, _themeVariantContextJs.useIsInverseVariant)(), a = e != null ? e : i ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), s = ref.skinName;
+    const i = (0, _themeVariantContextJs.useIsInverseVariant)(), e = a != null ? a : i ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, { skinName: s  } = (0, _hooksJs.useTheme)();
     return s.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
         width: c,
         height: c,
@@ -106,11 +103,11 @@ var p = function p(_param) {
     }, r), {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
-                fill: a,
+                fill: e,
                 d: "M4.857 12.184h4.636c.397 0 .713.344.713.755 0 .42-.316.754-.713.754H4.857c-.397 0-.713-.335-.713-.754 0-.42.316-.755.713-.755zm6.781 0h2.504c.389 0 .713.344.709.755 0 .42-.317.754-.713.754h-2.5c-.396 0-.712-.335-.712-.754 0-.42.316-.755.712-.755zm7.497 0H16.28c-.396 0-.712.335-.712.755s.316.754.712.754h2.856c.396 0 .713-.335.713-.754 0-.411-.316-.755-.713-.755z"
             }),
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
-                fill: a,
+                fill: e,
                 d: "M4.144 5h15.704c1.18 0 2.144 1.017 2.152 2.272v9.456c0 1.25-.964 2.272-2.144 2.272H4.144C2.964 19 2 17.979 2 16.728V7.272C2 6.022 2.964 5 4.144 5zm15.712 1.509H4.144c-.396 0-.72.343-.72.763v1.5h17.144V7.263c0-.41-.316-.754-.712-.754zm-.008 10.974c.396 0 .72-.344.72-.755v-6.43H3.432v6.43c0 .411.316.755.712.755h15.704z"
             })
         ]
@@ -121,7 +118,7 @@ var p = function p(_param) {
         role: "presentation"
     }, r), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
-            fill: a,
+            fill: e,
             d: "M21.841 8.22v2.991a.158.158 0 01-.009.049l-.008.035v6.272c0 .776-.638 1.406-1.428 1.406H3.595a1.42 1.42 0 01-1.429-1.406v-6.308a.147.147 0 00-.004-.016.105.105 0 01-.007-.032V8.22c0-.01.003-.02.006-.03a.166.166 0 00.005-.02V6.432a1.42 1.42 0 011.429-1.41h16.8c.788 0 1.43.63 1.43 1.407v1.706a.2.2 0 00.007.035c.005.016.01.031.01.049zM3.595 6.21a.222.222 0 00-.224.222v1.193H20.62V6.433a.22.22 0 00-.221-.222H3.595zm16.8 11.574a.221.221 0 00.222-.218v-5.762H3.371v5.762c0 .123.1.221.224.218h16.8zm.225-7.168V8.813H3.37v1.804h17.25zm-1.986 4.252c0 .95-.61 1.16-1.123 1.169h-.137c-.115 0-.449-.028-.718-.219.107-.269.174-.58.174-.95 0-.375-.07-.691-.182-.963.263-.188.591-.213.712-.213h.14c.518.011 1.134.227 1.134 1.177zm-3.972 1.169s-.143 0-.14.002c-.51-.008-1.12-.218-1.12-1.179 0-.96.599-1.165 1.103-1.168h.146c.518.011 1.134.227 1.134 1.177 0 .95-.61 1.16-1.123 1.168zm5.017-1.166c0-1.59-1.16-2.182-2.149-2.204a1.358 1.358 0 00-.184 0c-.216 0-.83.045-1.35.428a2.366 2.366 0 00-1.32-.428c-.062-.003-.123-.003-.185-.003-.986.008-2.14.588-2.14 2.196s1.16 2.193 2.151 2.207h.174a2.34 2.34 0 001.333-.428c.499.367 1.079.426 1.345.428h.174c.991-.016 2.15-.602 2.15-2.196z"
         })
     }));

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

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

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

@@ -4,13 +4,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: function() {
-        return z;
-    }
+    get: ()=>z
 });
-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 z = function z(_param) {
-    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, m = _param.children, t = _objectWithoutProperties(_param, [
+const z = (_param)=>{
+    var { color: s , size: e = 24  } = _param, c = _objectWithoutProperties(_param, [
         "color",
-        "size",
-        "children"
+        "size"
     ]);
-    var i = (0, _themeVariantContextJs.useIsInverseVariant)(), n = e != null ? e : i ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
+    const i = (0, _themeVariantContextJs.useIsInverseVariant)(), n = s != null ? s : i ? _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"
-    }, t), {
+    }, c), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             fill: n,
             d: "M21.843 18.151c0-2.52-1.403-3.697-3.826-3.697-.37 0-.706.039-1.03.09l-2.113-2.02 4.709-4.533c.933-.899 1.496-1.809 1.68-2.708.227-1.079-.117-2.101-1-2.944a.634.634 0 00-.89 0l-7.544 7.274L4.21 2.33a.642.642 0 00-.89.009c-.883.843-1.227 1.865-1 2.944.184.899.753 1.81 1.68 2.708l4.76 4.583-1.883 1.81a.083.083 0 00-.017.028.068.068 0 01-.017.028 7.425 7.425 0 00-.848-.056c-2.423 0-3.835 1.184-3.835 3.697s1.412 3.69 3.835 3.69c2.411 0 3.826-1.177 3.826-3.69 0-.689-.11-1.263-.311-1.759 0-.004.002-.006.004-.008.002-.003.004-.005.004-.009.48-.916.958-1.507 1.513-1.857.16-.098.345-.18.521-.235 1.219.16 2.16 1.045 2.807 2.65-.101.38-.177.803-.177 1.288 0 2.513 1.412 3.69 3.835 3.69s3.826-1.175 3.826-3.69zm-10.148-6.31c0 .333-.182.49-.496.49-.328 0-.51-.157-.507-.49 0-.323.182-.48.507-.48.314 0 .496.157.496.48zm6.322 8.784c-1.823 0-2.574-.723-2.574-2.474 0-1.762.75-2.482 2.574-2.482 1.826 0 2.566.723 2.566 2.482 0 1.75-.742 2.474-2.566 2.474zM7.731 18.13c0-1.103-.619-1.621-1.68-1.621-1.062 0-1.681.515-1.681 1.621 0 1.104.619 1.622 1.68 1.622 1.062 0 1.681-.518 1.681-1.622zm12.034.04c0-1.104-.622-1.622-1.684-1.622-1.064 0-1.68.515-1.68 1.622 0 1.106.619 1.622 1.68 1.622 1.065 0 1.684-.519 1.684-1.622zm-.84 0c0 .613-.205.81-.844.81-.635 0-.84-.197-.84-.81 0-.614.205-.813.84-.813.64 0 .844.2.844.813zm-12.874.77c.636 0 .84-.196.84-.81 0-.613-.204-.812-.84-.812s-.84.196-.84.813c0 .613.204.809.84.809zm-.06 1.61c-1.823 0-2.573-.714-2.573-2.473 0-1.762.748-2.481 2.574-2.481 1.826 0 2.566.722 2.566 2.481 0 1.76-.743 2.474-2.566 2.474z"

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

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

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

@@ -4,13 +4,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: function() {
-        return h;
-    }
+    get: ()=>z
 });
-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 h = function h(_param) {
-    var c = _param.color, tmp = _param.size, l = tmp === void 0 ? 24 : tmp, m = _param.children, t = _objectWithoutProperties(_param, [
+const z = (_param)=>{
+    var { color: c , size: l = 24  } = _param, a = _objectWithoutProperties(_param, [
         "color",
-        "size",
-        "children"
+        "size"
     ]);
-    var a = (0, _themeVariantContextJs.useIsInverseVariant)(), e = c != null ? c : a ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
+    const r = (0, _themeVariantContextJs.useIsInverseVariant)(), e = c != null ? c : r ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, a), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             fill: e,
             d: "M18.015 14.377c2.414 0 3.825 1.188 3.825 3.736 0 2.54-1.411 3.727-3.825 3.727-2.422 0-3.834-1.187-3.834-3.727 0-.762.143-1.383.378-1.91l-.015-.015a.453.453 0 01-.052-.058c-.773-1.565-1.599-2.327-2.733-2.467a.065.065 0 00-.017.005 2.492 2.492 0 00-1.02.382c-.528.344-.999.901-1.452 1.736.353.574.546 1.319.546 2.251 0 2.54-1.411 3.727-3.825 3.727-2.42.003-3.831-1.187-3.831-3.727s1.411-3.735 3.834-3.735c.386 0 .739.039 1.075.106l1.985-1.932-4.9-4.777c-1.986-1.93-2.238-3.906-.692-5.421a.443.443 0 01.597 0l7.725 7.53 7.735-7.53a.426.426 0 01.588 0c1.554 1.517 1.305 3.491-.68 5.424l-4.868 4.743a.078.078 0 01-.03.02l-.009.004-.003.001 2.033 1.983c.026.025.05.067.068.098a5.602 5.602 0 011.397-.174zm-6.701-1.557c1.918 0 2.977 1.213 3.682 2.467l.647-.562L3.781 3.162c-1.1 1.409-.109 2.907.97 3.957l5.894 5.744a6.31 6.31 0 01.669-.043zm6.7 8.2c2.034 0 2.986-.925 2.986-2.907 0-1.991-.95-2.915-2.985-2.915-2.042 0-2.994.924-2.994 2.915 0 1.982.95 2.907 2.994 2.907zm-7.918-7.527l-.454-.434-1.672 1.63c.27.114.504.262.712.433.437-.722.893-1.254 1.414-1.63zm-4.102 7.454c2.033 0 2.985-.927 2.985-2.91 0-.812-.16-1.442-.488-1.907 0-.008-.008-.008-.008-.008a.673.673 0 00-.06-.093 1.598 1.598 0 01-.032-.047c-.488-.582-1.277-.86-2.397-.86-2.042 0-2.994.927-2.994 2.915 0 1.986.952 2.91 2.994 2.91zm6.39-10.56l1.554 1.515.012-.017a.116.116 0 01.013-.017l4.87-4.752c.772-.744 1.251-1.515 1.405-2.212.123-.627-.02-1.201-.44-1.742l-7.414 7.225zm6.765 7.723c0-.81-.308-1.109-1.137-1.109-.84 0-1.137.289-1.137 1.11 0 .817.297 1.105 1.137 1.105.84 0 1.137-.288 1.137-1.106zm-1.137-1.93c1.249 0 1.98.617 1.98 1.927 0 1.314-.731 1.927-1.98 1.927s-1.977-.613-1.977-1.927c-.003-1.31.728-1.926 1.977-1.926zM7.128 18.036c0-.807-.308-1.11-1.137-1.11-.84 0-1.137.289-1.137 1.11-.003.82.297 1.108 1.137 1.108.84 0 1.137-.29 1.137-1.108zM5.99 16.108c1.249 0 1.98.613 1.98 1.927 0 1.313-.731 1.926-1.98 1.926-1.25 0-1.98-.61-1.98-1.924 0-1.313.728-1.93 1.98-1.93zm5.625-4.357c0-.277-.154-.409-.417-.409s-.417.132-.417.409c0 .28.154.409.417.409.26 0 .417-.13.417-.41z"

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

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

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

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

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

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

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

@@ -4,14 +4,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: function() {
-        return p;
-    }
+    get: ()=>p
 });
-var _hooksJs = require("../../hooks.js");
-var _themeVariantContextJs = require("../../theme-variant-context.js");
-var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
-var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
+const _hooksJs = require("../../hooks.js");
+const _themeVariantContextJs = require("../../theme-variant-context.js");
+const _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
+const _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -91,13 +89,12 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var p = function p(_param) {
-    var a = _param.color, tmp = _param.size, l = tmp === void 0 ? 24 : tmp, s = _param.children, e = _objectWithoutProperties(_param, [
+const p = (_param)=>{
+    var { color: a , size: l = 24  } = _param, e = _objectWithoutProperties(_param, [
         "color",
-        "size",
-        "children"
+        "size"
     ]);
-    var h = (0, _themeVariantContextJs.useIsInverseVariant)(), r = a != null ? a : h ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), i = ref.skinName;
+    const h = (0, _themeVariantContextJs.useIsInverseVariant)(), t = a != null ? a : h ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, { skinName: i  } = (0, _hooksJs.useTheme)();
     return i.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: l,
         height: l,
@@ -105,7 +102,7 @@ var p = function p(_param) {
         role: "presentation"
     }, e), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
-            fill: r,
+            fill: t,
             d: "M21.42 5.231l-2.465 2.593a.337.337 0 01-.248.109H16.38l-3.39 3.56c.591.739.953 1.691.953 2.734 0 2.346-1.82 4.256-4.055 4.256-2.235 0-4.054-1.91-4.054-4.256s1.82-4.256 4.054-4.256c.993 0 1.9.374 2.605 1l1.874-1.967c-1.233-1.166-2.808-1.81-4.479-1.81-3.693 0-6.7 3.156-6.7 7.033 0 3.877 3.007 7.034 6.7 7.034 1.25 0 2.474-.365 3.53-1.057a.343.343 0 01.488.118.38.38 0 01-.113.512A7.13 7.13 0 019.89 22c-4.086 0-7.409-3.488-7.409-7.778 0-4.289 3.323-7.777 7.409-7.777 1.856 0 3.612.72 4.976 2.028l1.02-1.07V4.96c0-.1.036-.194.104-.26l2.47-2.593a.343.343 0 01.383-.08.371.371 0 01.217.34v2.224h2.117c.145 0 .271.09.326.227a.39.39 0 01-.082.412zm-5.54 13.807c0 .407-.316.74-.704.74-.388 0-.704-.333-.704-.74 0-.408.316-.74.704-.74.388 0 .704.332.704.74zm-5.743-4.55a.344.344 0 01-.248.109.344.344 0 01-.248-.11.376.376 0 010-.52l2.352-2.47a3.25 3.25 0 00-2.104-.782c-1.847 0-3.35 1.578-3.35 3.517 0 1.938 1.503 3.517 3.35 3.517 1.847 0 3.35-1.579 3.35-3.517a3.637 3.637 0 00-.75-2.213l-2.352 2.469zM20.323 5.34h-1.968V3.274l-1.766 1.853v2.067h1.969l1.765-1.853zm-4.52 5.583a.382.382 0 01.145-.503.344.344 0 01.479.157 8.084 8.084 0 01.867 3.654c0 1.08-.208 2.128-.619 3.109a.352.352 0 01-.325.223.303.303 0 01-.14-.033.38.38 0 01-.18-.489 7.383 7.383 0 00.555-2.815 7.298 7.298 0 00-.781-3.303z"
         })
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
@@ -115,7 +112,7 @@ var p = function p(_param) {
         role: "presentation"
     }, e), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
-            fill: r,
+            fill: t,
             d: "M21.429 5.16a.413.413 0 01.36.22.4.4 0 01-.027.42l-1.185 1.725a.407.407 0 01-.339.18h-3.134l-.88.873c1.034 1.171 1.779 2.88 1.779 5.415 0 7.252-6.05 7.815-7.563 7.843l-.218.001-.253.002c-.084 0-.17 0-.255-.003-1.59-.022-7.563-.594-7.563-7.893 0-7.289 5.919-7.83 7.507-7.844l.16-.002c.196 0 .392.002.588.008.91.022 3.361.252 5.238 1.89l.813-.806V3.892a.42.42 0 01.156-.32l1.7-1.333a.413.413 0 01.667.32v2.129l.233-.233c.162-.16.42-.16.582 0l.003.003a.407.407 0 01-.002.574l-.11.11 1.743.019zm-4.146-1.07v2.284l.877-.869V3.402l-.877.689zm.647 2.796h2.092s.63-.918.633-.918l-1.781-.017-.944.935zm-7.644 4.219c.787.017 1.367.157 1.784.44l1.21-1.196c-.709-.58-1.678-.897-2.95-.928a71.778 71.778 0 00-.644-.005C6.868 9.44 5.5 10.923 5.5 13.943c0 3.036 1.395 4.534 4.266 4.574l.201.003.423-.003c2.874-.048 4.275-1.532 4.275-4.527 0-1.3-.283-2.302-.824-3.042l-1.215 1.204c.238.443.341 1.043.341 1.838 0 2.092-.66 2.81-2.613 2.843l-.398.003-.185-.003c-1.666-.022-2.577-.49-2.577-2.89 0-2.373.883-2.83 2.51-2.844h.01c.068 0 .436.003.573.006zm1.857 2.882c0-.532-.05-.916-.151-1.213l-1.435 1.423.633-.01h.006a.408.408 0 01.412.4c0 .227-.18.412-.406.414l-1.647.026h-.006a.409.409 0 01-.347-.205.395.395 0 01-.062-.196v-.006l-.003-1.641v-.003c0-.224.182-.406.41-.406h.005a.41.41 0 01.409.406l.003.658 1.52-1.51c-.285-.145-.683-.193-1.215-.207-.135-.002-.513-.002-.563-.002-1.174.008-1.69.098-1.69 2.025 0 1.963.575 2.059 1.765 2.075l.18.003.38-.003c1.415-.025 1.802-.28 1.802-2.028zm2.213 5.939c1.877-1.157 2.826-3.157 2.826-5.939 0-2.039-.518-3.658-1.532-4.837l-1.207 1.199c.633.815 1.042 1.98 1.042 3.641 0 4.342-2.768 5.303-5.09 5.342l-.44.005-.207-.002c-2.314-.034-5.076-.995-5.076-5.393 0-4.38 2.723-5.322 5.011-5.341l.664.005c1.205.028 2.527.306 3.527 1.152l1.199-1.188a5.663 5.663 0 00-.717-.532c-1.54-.961-3.286-1.101-3.964-1.118-.17-.003-.372-.006-.566-.006H9.67c-.675.003-2.406.12-3.921 1.068-1.84 1.148-2.773 3.154-2.773 5.958 0 2.81.941 4.823 2.8 5.986 1.533.955 3.275 1.08 3.953 1.09l.244.002c.16 0 .317 0 .454-.003.67-.01 2.397-.143 3.93-1.09z"
         })
     }));

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

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

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

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