@telefonica/mistica 13.0.1 → 13.1.0

package/dist/generated/mistica-icons/icon-support-agent-premium-light.js

@@ -4,13 +4,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: function() {
-        return m;
-    }
+    get: ()=>v
 });
-var _themeVariantContextJs = require("../../theme-variant-context.js");
-var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
-var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
+const _themeVariantContextJs = require("../../theme-variant-context.js");
+const _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
+const _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -90,19 +88,18 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var m = function m(_param) {
-    var c = _param.color, tmp = _param.size, l = tmp === void 0 ? 24 : tmp, n = _param.children, t = _objectWithoutProperties(_param, [
+const v = (_param)=>{
+    var { color: c , size: l = 24  } = _param, e = _objectWithoutProperties(_param, [
         "color",
-        "size",
-        "children"
+        "size"
     ]);
-    var a = (0, _themeVariantContextJs.useIsInverseVariant)(), s = c != null ? c : a ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
+    const a = (0, _themeVariantContextJs.useIsInverseVariant)(), s = c != null ? c : a ? _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), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             fill: s,
             d: "M21.299 19.5c-.213 0-.353-.142-.353-.358v.004h-.024v-1.393c0-2.498-2.494-4.319-5.973-4.319-1.09 0-2.108.175-3.022.534-.177.07-.385-.037-.457-.216-.069-.18.036-.391.212-.465.421-.142.842-.252 1.263-.358-1.511-.75-2.53-2.319-2.53-4.14 0-2.57 2.037-4.64 4.566-4.64 2.53 0 4.566 2.07 4.566 4.64 0 .787-.209 1.5-.525 2.143h.878c.597 0 1.054-.464 1.054-1.071v-.93c0-3.32-2.598-6.107-5.76-6.213-1.616-.069-3.163.538-4.358 1.716-1.194 1.14-1.828 2.677-1.828 4.355 0 .216-.14.359-.352.359-.213 0-.353-.143-.353-.359 0-1.858.737-3.61 2.036-4.893 1.335-1.284 3.055-1.964 4.883-1.89 3.547.142 6.43 3.247 6.43 6.926v.929c0 .998-.774 1.784-1.757 1.784h-1.334c-.425.534-.95.962-1.548 1.284 2.778.607 4.638 2.465 4.638 4.82v1.393c0 .216-.14.359-.352.359zM14.977 4.863c-2.145 0-3.864 1.747-3.864 3.927 0 2.176 1.72 3.924 3.864 3.932a3.753 3.753 0 002.634-1.072h-2.634c-.212 0-.353-.142-.353-.358s.14-.359.353-.359h3.231a4.007 4.007 0 00.633-2.143c0-2.18-1.72-3.927-3.864-3.927zM22 21.285a.707.707 0 01-.701.713.707.707 0 01-.702-.713c0-.393.314-.713.701-.713.388 0 .702.32.702.713zM9.317 14.607l3.584.392c.14 0 .248.11.348.248a.404.404 0 01-.104.391l-2.597 2.323.701 3.606a.346.346 0 01-.14.358l-.01.006a.462.462 0 01-.203.067c-.072 0-.104 0-.176-.036l-3.09-1.785-3.091 1.785a.37.37 0 01-.385-.037.346.346 0 01-.14-.358l.701-3.606-2.597-2.323a.404.404 0 01-.104-.39c.036-.143.14-.25.28-.25l3.584-.39 1.399-3.285c.036-.142.176-.215.316-.215s.245.073.317.215l1.407 3.284zm.461 3.285a.293.293 0 01.104-.322l2.149-1.928-2.986-.322c-.105 0-.245-.11-.281-.215l-1.159-2.75-1.194 2.75c-.036.11-.14.215-.28.215l-2.987.322 2.177 1.928c.068.073.14.179.104.322l-.597 3.035 2.597-1.5c.072-.036.104-.036.176-.036.073 0 .105 0 .177.037l2.597 1.499-.597-3.035z"

package/dist/generated/mistica-icons/icon-support-agent-premium-regular.d.ts

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

package/dist/generated/mistica-icons/icon-support-agent-premium-regular.js

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

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

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

package/dist/generated/mistica-icons/icon-support-agent-regular.js

@@ -4,14 +4,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: function() {
-        return f;
-    }
+    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,19 +89,18 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var f = function f(_param) {
-    var h = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, o = _param.children, a = _objectWithoutProperties(_param, [
+const f = (_param)=>{
+    var { color: a , size: c = 24  } = _param, h = _objectWithoutProperties(_param, [
         "color",
-        "size",
-        "children"
+        "size"
     ]);
-    var v = (0, _themeVariantContextJs.useIsInverseVariant)(), t = h != null ? h : v ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), r = ref.skinName;
+    const v = (0, _themeVariantContextJs.useIsInverseVariant)(), t = a != null ? a : v ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, { skinName: r  } = (0, _hooksJs.useTheme)();
     return r.match(/^blau/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, h), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             fill: t,
             d: "M17.92 8.668c-.336-2.984-2.868-5.308-5.932-5.308-3.292 0-5.972 2.688-5.972 5.988H4.66C4.66 5.296 7.948 2 11.988 2c4.04 0 7.328 3.296 7.328 7.348v.68h-2.728c-.324 2.256-2.26 4-4.6 4-2.564 0-4.652-2.092-4.652-4.664 0-2.572 2.088-4.664 4.652-4.664 2.328 0 4.26 1.724 4.596 3.968h1.336zm-9.228.696c0 1.82 1.48 3.304 3.296 3.304a3.302 3.302 0 003.228-2.64h-3.228v-1.36h3.22a3.298 3.298 0 00-3.22-2.608 3.303 3.303 0 00-3.296 3.304zm5.732 5.912l4.916.98a3.322 3.322 0 012.656 3.252v1.84H20.64v-1.844a1.96 1.96 0 00-1.568-1.916l-4.204-.84-2.956 2.964L9.7 16.756l-4.74.868a1.953 1.953 0 00-1.604 1.924v1.8H2v-1.796c0-1.608 1.14-2.98 2.716-3.264l5.568-1.02 1.776 2.376 2.364-2.368z"
@@ -113,7 +110,7 @@ var f = function f(_param) {
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, h), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             fill: t,
             d: "M17.153 11.642H16.03c-.284.428-.64.808-1.043 1.124 2.651.788 4.379 2.64 4.379 4.967v3.547c0 .396-.33.716-.738.716a.726.726 0 01-.738-.716v-3.547c0-2.288-2.478-3.951-5.893-3.951-1.719 0-3.257.424-4.337 1.188-1.019.72-1.555 1.68-1.555 2.767v3.547c0 .396-.33.716-.738.716a.726.726 0 01-.738-.716v-3.547c0-1.54.767-2.931 2.157-3.92.635-.447 1.39-.799 2.222-1.047-1.097-.852-1.802-2.163-1.802-3.627 0-2.56 2.148-4.643 4.787-4.643 2.64 0 4.788 2.083 4.788 4.643 0 .368-.046.728-.128 1.072h.499a.73.73 0 00.738-.716v-.204c0-3.123-2.544-5.755-5.674-5.863a5.955 5.955 0 00-4.309 1.6C6.75 6.12 6.11 7.579 6.11 9.142c0 .397-.33.717-.738.717a.726.726 0 01-.738-.716c0-1.956.8-3.78 2.251-5.139 1.448-1.36 3.361-2.068 5.381-2a7.32 7.32 0 015.051 2.256 7.236 7.236 0 012.046 5.035v.204c0 1.183-.994 2.143-2.21 2.143zm-5.155-5.714c-1.83 0-3.315 1.443-3.315 3.215 0 1.771 1.489 3.211 3.32 3.22.787 0 1.509-.269 2.078-.717h-1.345a.726.726 0 01-.738-.716c0-.395.33-.715.739-.715h2.387a3.09 3.09 0 00.19-1.072c0-1.776-1.485-3.215-3.316-3.215z"
@@ -123,7 +120,7 @@ var f = function f(_param) {
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, h), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             fill: t,
             d: "M16.035 10.86h.414c.56 0 1.011-.167 1.339-.492.328-.325.504-.796.504-1.364l.008-.544v-.008c0-2.073-.563-3.667-1.675-4.74-1.07-1.033-2.624-1.557-4.616-1.557-1.79 0-3.232.423-4.283 1.26-1.098.877-1.753 2.185-1.95 3.894a.563.563 0 00.494.622.563.563 0 00.621-.493c.16-1.403.675-2.462 1.535-3.146.846-.675 2.054-1.017 3.583-1.017 1.692 0 2.983.418 3.84 1.244.883.852 1.33 2.174 1.33 3.93l-.007.544V9c0 .182-.029.431-.171.571-.112.112-.297.168-.552.168h-.108c.047-.312.071-.645.071-.997 0-2.837-1.565-4.4-4.4-4.4-2.835 0-4.4 1.563-4.4 4.4 0 2.838 1.562 4.4 4.4 4.4 2.025 0 3.4-.795 4.023-2.282zm-2.1 0h.839c-.094.144-.2.273-.32.387-.537.519-1.358.782-2.442.782s-1.905-.263-2.443-.782c-.557-.535-.837-1.375-.837-2.501s.283-1.966.837-2.501c.538-.519 1.359-.782 2.443-.782 1.087 0 1.907.26 2.442.782.558.535.838 1.375.838 2.501 0 .361-.03.693-.087.994h-1.28c-.157-.233-.428-.367-.782-.367-.58 0-.938.359-.938.933 0 .286.084.51.247.678.162.168.403.255.689.255.285 0 .532-.09.694-.255a.793.793 0 00.1-.123zM3.538 21.85h16.933c.311 0 .56-.25.56-.56v-1.64c0-1.565-.49-2.904-1.42-3.87-1.01-1.05-2.512-1.605-4.339-1.605H8.737c-1.826 0-3.327.554-4.339 1.605-.93.966-1.42 2.305-1.42 3.87v1.64c0 .308.252.56.56.56zm.56-1.12v-1.08c0-1.271.384-2.341 1.11-3.092.807-.837 1.994-1.263 3.532-1.263h6.532c1.538 0 2.726.426 3.533 1.263.722.751 1.106 1.821 1.106 3.093v1.078H4.099z"

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

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

package/dist/generated/mistica-icons/icon-syringe-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,21 +88,20 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var v = function v(_param) {
-    var l = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, o = _param.children, i = _objectWithoutProperties(_param, [
+const v = (_param)=>{
+    var { color: a , size: l = 24  } = _param, t = _objectWithoutProperties(_param, [
         "color",
-        "size",
-        "children"
+        "size"
     ]);
-    var t = (0, _themeVariantContextJs.useIsInverseVariant)(), n = l != null ? l : t ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
+    const i = (0, _themeVariantContextJs.useIsInverseVariant)(), s = a != null ? a : i ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: a,
-        height: a,
+        width: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
-            fill: n,
+            fill: s,
             d: "M19.009 2.332l2.658 2.678a.612.612 0 01-.006.868.612.612 0 01-.442.183.59.59 0 01-.289-.082l-2.246 2.266 1.204 1.216a.627.627 0 010 .877.644.644 0 01-.434.182.649.649 0 01-.434-.182l-.18-.182-8.204 8.266a.613.613 0 01-.434.182.65.65 0 01-.434-.182l-.927-.933a.044.044 0 00-.009.013.044.044 0 01-.008.012l-1.06 1.067a.611.611 0 01-.868 0l-.319-.322-3.364 3.398a.607.607 0 01-.434.182.58.58 0 01-.434-.182.612.612 0 010-.877l3.361-3.392-.246-.249a.612.612 0 010-.877l1.058-1.075a.044.044 0 01.013-.009l.013-.008-.779-.784a.617.617 0 01-.18-.438c0-.165.065-.322.18-.437l1.05-1.067 6.541-6.58v-.008l.608-.61-.157-.157a.628.628 0 010-.877.6.6 0 01.871 0l1.1 1.106 2.247-2.274a.622.622 0 01.107-.712c.246-.24.63-.24.877 0zm-1.19 5.042l2.223-2.24L18.87 3.95l-2.224 2.241 1.173 1.182zM15.35 8.607a.536.536 0 00-.002-.76l-1.706-1.694-.754.76 1.706 1.702a.566.566 0 00.378.149c.14 0 .28-.05.378-.157zm-1.479 3.14a.576.576 0 00.378-.157.544.544 0 00-.002-.76l-2.625-2.643-.753.759 2.624 2.644a.55.55 0 00.378.157zm-2.484 1.008a.538.538 0 000-.759L9.605 10.22l-.756.76 1.781 1.784a.576.576 0 00.379.157c.14 0 .28-.06.378-.166zm-1.493 2.563c.137 0 .269-.05.375-.157a.52.52 0 000-.753l-2.412-2.431-.753.761 2.412 2.423a.537.537 0 00.378.157zM7.955 16.64a.045.045 0 01.011-.007c.005-.003.01-.006.015-.012l-.575-.586-.008.013a.044.044 0 01-.008.013l-.625.635.566.572.624-.628z"
         })
     }));

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

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

package/dist/generated/mistica-icons/icon-syringe-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 l = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, o = _param.children, t = _objectWithoutProperties(_param, [
+const h = (_param)=>{
+    var { color: l , size: a = 24  } = _param, t = _objectWithoutProperties(_param, [
         "color",
-        "size",
-        "children"
+        "size"
     ]);
-    var i = (0, _themeVariantContextJs.useIsInverseVariant)(), n = l != null ? l : i ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
+    const i = (0, _themeVariantContextJs.useIsInverseVariant)(), s = l != null ? l : i ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: a,
         height: a,
@@ -104,7 +101,7 @@ var f = function f(_param) {
         role: "presentation"
     }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
-            fill: n,
+            fill: s,
             d: "M19 2.271l2.716 2.734c.16.17.16.44.009.602a.427.427 0 01-.303.126.408.408 0 01-.294-.126l-.025-.025-2.566 2.591 1.375 1.384a.42.42 0 010 .6.407.407 0 01-.588 0l-.336-.34-8.524 8.594a.426.426 0 01-.302.126.407.407 0 01-.294-.126l-1.09-1.098-1.258 1.258a.394.394 0 01-.294.126.413.413 0 01-.302-.126l-.47-.474-3.59 3.614a.427.427 0 01-.302.126.42.42 0 01-.291-.717l3.588-3.622-.403-.406a.428.428 0 01-.126-.294c0-.12.05-.222.126-.306l1.255-1.255-.947-.955a.435.435 0 010-.6L14.299 5.1l-.31-.314a.42.42 0 01.584-.599l1.275 1.283 2.566-2.583-.009-.017a.42.42 0 010-.599.428.428 0 01.594 0zm-2.555 3.798l1.493 1.502 2.566-2.583-1.494-1.51-2.565 2.591zm-9.79 7.916l3.504 3.53 8.235-8.292-3.504-3.529-.863.868 1.3 1.283a.417.417 0 01-.294.717.435.435 0 01-.294-.117l-1.3-1.292-1.485 1.485a.11.11 0 01.034.025l2.213 2.221c.16.168.16.44 0 .6a.427.427 0 01-.303.126.408.408 0 01-.294-.126L11.4 9.265a.116.116 0 01-.013-.016l-.012-.017-1.477 1.484 1.376 1.37c.168.16.168.431.008.6a.427.427 0 01-.302.126.408.408 0 01-.294-.126l-1.384-1.367-1.476 1.484 2.022 2.025a.42.42 0 010 .6.408.408 0 01-.294.126.427.427 0 01-.303-.126l-2.01-2.034-.586.591zm.568 3.69l.956-.964-.88-.885-.955.972.88.876z"
         })
     }));

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

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

package/dist/generated/mistica-icons/icon-syringe-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 l = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, o = _param.children, t = _objectWithoutProperties(_param, [
+const h = (_param)=>{
+    var { color: l , size: a = 24  } = _param, t = _objectWithoutProperties(_param, [
         "color",
-        "size",
-        "children"
+        "size"
     ]);
-    var i = (0, _themeVariantContextJs.useIsInverseVariant)(), n = l != null ? l : i ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
+    const s = (0, _themeVariantContextJs.useIsInverseVariant)(), i = l != null ? l : s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: a,
         height: a,
@@ -104,7 +101,7 @@ var f = function f(_param) {
         role: "presentation"
     }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
-            fill: n,
+            fill: i,
             d: "M18.998 2.332l2.658 2.678a.605.605 0 01.003.869.586.586 0 01-.723.1l-2.249 2.266 1.205 1.216a.627.627 0 010 .877.649.649 0 01-.434.182.649.649 0 01-.435-.182l-.179-.182-8.204 8.266a.628.628 0 01-.434.182.65.65 0 01-.438-.182l-.927-.933a.044.044 0 00-.008.013c-.002.004-.004.008-.008.012l-1.06 1.068a.607.607 0 01-.433.182.6.6 0 01-.437-.182l-.32-.323-3.372 3.398a.612.612 0 01-.868 0 .627.627 0 010-.877l3.37-3.389-.247-.25a.612.612 0 010-.876l1.058-1.076.013-.008a.044.044 0 00.013-.008l-.78-.785a.612.612 0 010-.877l8.197-8.266-.157-.156a.627.627 0 010-.877.6.6 0 01.871 0l1.101 1.106 2.25-2.274a.617.617 0 01.106-.712c.246-.24.63-.24.868 0zm-2.356 3.86l1.174 1.182 2.224-2.24-1.174-1.183-2.224 2.241zm-9.574 7.754l3.135 3.165 7.77-7.824-3.143-3.165-.608.62 1.126 1.106a.542.542 0 010 .762.51.51 0 01-.378.156.566.566 0 01-.378-.148l-1.123-1.123-1.272 1.28 2.045 2.059a.53.53 0 010 .759.544.544 0 01-.378.157.576.576 0 01-.378-.157l-2.034-2.059-1.272 1.272 1.207 1.19a.538.538 0 010 .76.518.518 0 01-.378.165.575.575 0 01-.375-.157l-1.207-1.2-.986 1 1.832 1.844a.54.54 0 010 .753.523.523 0 01-.378.157.523.523 0 01-.379-.157l-1.832-1.843-.616.628zm.885 2.694a.045.045 0 01.012-.008.061.061 0 00.016-.011l-.574-.586-.008.013a.044.044 0 01-.009.013l-.624.635.566.572.621-.628z"
         })
     }));

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

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

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

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

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

package/dist/generated/mistica-icons/icon-tablet-light.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,13 +89,12 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var d = function d(_param) {
-    var t = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, l = _param.children, r = _objectWithoutProperties(_param, [
+const p = (_param)=>{
+    var { color: c , size: e = 24  } = _param, r = _objectWithoutProperties(_param, [
         "color",
-        "size",
-        "children"
+        "size"
     ]);
-    var h = (0, _themeVariantContextJs.useIsInverseVariant)(), i = t != null ? t : h ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), n = ref.skinName;
+    const h = (0, _themeVariantContextJs.useIsInverseVariant)(), i = c != null ? c : h ? _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,

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

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

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

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

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

package/dist/generated/mistica-icons/icon-tachometer-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,21 +89,20 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var p = function p(_param) {
-    var l = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, c = _param.children, r = _objectWithoutProperties(_param, [
+const p = (_param)=>{
+    var { color: l , size: a = 24  } = _param, t = _objectWithoutProperties(_param, [
         "color",
-        "size",
-        "children"
+        "size"
     ]);
-    var n = (0, _themeVariantContextJs.useIsInverseVariant)(), t = l != null ? l : 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 = l != null ? l : o ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, { skinName: n  } = (0, _hooksJs.useTheme)();
+    return n.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
-            fill: t,
+            fill: r,
             d: "M7.667 19.352l.677.648h-4.79l-.105-.181A10.733 10.733 0 012 14.419C2 8.676 6.484 4 12 4a9.68 9.68 0 015.58 1.776l-3.72 2.229a6.19 6.19 0 00-1.86-.29c-3.542 0-6.426 3.004-6.426 6.694a6.85 6.85 0 002.093 4.943zM20.291 8.605l-2.14 3.876a6.93 6.93 0 01.28 1.938 6.836 6.836 0 01-2.094 4.933l-.68.648h4.79l.104-.181a10.733 10.733 0 001.449-5.4c0-2.152-.63-4.152-1.71-5.814zm.013-3.6a.518.518 0 01.645.09.566.566 0 01.082.667L14.99 16.7a.325.325 0 01-.032.052A3.62 3.62 0 0112 18.285c-.95 0-1.901-.375-2.628-1.133-1.449-1.51-1.449-3.966 0-5.476.123-.128.251-.243.384-.343a.303.303 0 01.05-.033l10.498-6.295z"
         })
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
@@ -113,9 +110,9 @@ var p = function p(_param) {
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
-            fill: t,
+            fill: r,
             d: "M2.155 14.686c0-6.314 3.403-9.653 9.84-9.653 6.443 0 9.846 3.34 9.846 9.653 0 1.42-.18 2.709-.53 3.83a.806.806 0 01-.036.086l-.02.042a.6.6 0 01-.54.33H3.272a.601.601 0 01-.577-.414c-.358-1.132-.54-2.434-.54-3.874zm9.829-7.18a.597.597 0 00-.602.592v.8c0 .326.269.592.602.592.33 0 .602-.263.602-.591v-.801a.597.597 0 00-.602-.591zM7.547 10.86c.157 0 .31-.06.429-.174a.58.58 0 000-.838l-.578-.565a.61.61 0 00-.854 0 .585.585 0 000 .837l.577.566a.61.61 0 00.426.174zm5.678 5.117l6.375-1.832a.59.59 0 00.41-.736.602.602 0 00-.749-.4l-6.38 1.834a1.257 1.257 0 00-.883-.356c-.692 0-1.255.55-1.255 1.23 0 .68.56 1.232 1.255 1.232a1.25 1.25 0 001.227-.972zm-7.27-1.347a.597.597 0 00.603-.591.597.597 0 00-.602-.591h-.818a.599.599 0 00-.602.59c0 .326.269.592.602.592h.818zm10.033-4.78a.583.583 0 00.002.838.61.61 0 00.852 0l.577-.566a.585.585 0 000-.838.61.61 0 00-.854 0l-.577.566z"
         })
     }));

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

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

package/dist/generated/mistica-icons/icon-tachometer-light.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,13 +89,12 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var d = function d(_param) {
-    var c = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, o = _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)(), t = c != null ? c : i ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), s = ref.skinName;
+    const i = (0, _themeVariantContextJs.useIsInverseVariant)(), t = c != null ? c : 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: a,
         height: a,

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

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