@telefonica/mistica 13.0.2 → 13.1.0

package/dist/generated/mistica-icons/icon-iot-sensor-temperature-regular.js

@@ -4,13 +4,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: function() {
-        return h;
-    }
+    get: ()=>l
 });
-var _themeVariantContextJs = require("../../theme-variant-context.js");
-var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
-var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
+const _themeVariantContextJs = require("../../theme-variant-context.js");
+const _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
+const _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -90,13 +88,12 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var h = function h(_param) {
-    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, c = _param.children, a = _objectWithoutProperties(_param, [
+const l = (_param)=>{
+    var { color: e , size: r = 24  } = _param, a = _objectWithoutProperties(_param, [
         "color",
-        "size",
-        "children"
+        "size"
     ]);
-    var n = (0, _themeVariantContextJs.useIsInverseVariant)(), i = e != null ? e : n ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
+    const n = (0, _themeVariantContextJs.useIsInverseVariant)(), 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,
@@ -104,7 +101,7 @@ var h = function h(_param) {
         role: "presentation"
     }, a), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
-            fill: i,
+            fill: o,
             d: "M14.91 4.963v10.185c.69.74 1.09 1.74 1.09 2.779C16 20.184 14.216 22 12 22c-2.217 0-4-1.811-4-4.073 0-1.038.4-2.039 1.09-2.779V4.963C9.09 3.333 10.398 2 12 2s2.91 1.332 2.91 2.963zM9.453 17.927c0 1.446 1.127 2.594 2.547 2.594 1.42 0 2.547-1.148 2.547-2.594 0-.74-.33-1.442-.838-1.925a.67.67 0 01-.256-.555V4.963c0-.81-.657-1.479-1.453-1.479s-1.453.664-1.453 1.48v10.483c0 .223-.112.408-.256.555a2.669 2.669 0 00-.838 1.925zm3.092-1.74V4.963A.566.566 0 0012 4.41a.566.566 0 00-.545.554v11.224a1.829 1.829 0 00-1.271 1.74c0 1.038.8 1.854 1.82 1.854s1.821-.816 1.821-1.854a1.843 1.843 0 00-1.28-1.74zm-1.271 1.74c0-.408.326-.74.726-.74.4 0 .726.332.726.74s-.326.74-.726.74a.734.734 0 01-.726-.74z"
         })
     }));

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

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

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

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

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

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

package/dist/generated/mistica-icons/icon-justice-light.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, c = tmp === void 0 ? 24 : tmp, n = _param.children, e = _objectWithoutProperties(_param, [
+const f = (_param)=>{
+    var { color: h , size: c = 24  } = _param, a = _objectWithoutProperties(_param, [
         "color",
-        "size",
-        "children"
+        "size"
     ]);
-    var i = (0, _themeVariantContextJs.useIsInverseVariant)(), a = h != null ? h : i ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), r = ref.skinName;
-    return r.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
+    const s = (0, _themeVariantContextJs.useIsInverseVariant)(), e = h != null ? h : s ? _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: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, a), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
-            fill: a,
+            fill: e,
             d: "M5.74 2.184a1404.4 1404.4 0 00-3.704 6.67.551.551 0 01-.018.091.57.57 0 00-.018.092c0 2.333 1.924 4.261 4.26 4.261s4.26-1.928 4.26-4.26c0 0 0-.113-.036-.185L7.072 2.74h4.556v18.152H5.704c-.224 0-.372.148-.372.372s.148.372.372.372h10.74c.224 0 .372-.148.372-.372s-.148-.372-.372-.372h-4.076V2.74h4.556l-3.408 6.113c-.036.076-.036.184-.036.184 0 2.333 1.924 4.261 4.26 4.261 2.332 0 4.26-1.928 4.26-4.26 0 0 0-.113-.036-.185L18.26 2.184S18.148 2 17.924 2H6.072s-.22 0-.332.184zm.52.628l3.26 5.853H3l3.26-5.853zM2.78 9.405h7c-.224 1.78-1.708 3.15-3.52 3.15a3.499 3.499 0 01-3.48-3.15zm11.704-.736l3.256-5.853 3.256 5.853h-6.512zm-.224.736h7c-.224 1.78-1.704 3.15-3.52 3.15a3.499 3.499 0 01-3.48-3.15zm5.148 11.855a.74.74 0 11-1.48 0 .74.74 0 011.48 0z"
         })
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
@@ -113,9 +110,9 @@ var p = function p(_param) {
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, a), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
-            fill: a,
+            fill: e,
             d: "M21.834 14.104c.003.01.006.021.006.033 0 .876-.241 1.563-.712 2.042-.398.4-.947.63-1.627.678-.081.005-.972.008-1.056.008-.062 0-.919 0-.98-.003-.718-.034-1.292-.266-1.71-.683-.467-.47-.705-1.143-.714-1.997v-.012l-.001-.017-.001-.016c0-.015.003-.028.007-.04a.17.17 0 00.007-.028l.001-.025c0-.013 0-.024.004-.036l2.373-7.866-1.713-.001-2.161-.002v12.72h1.708c.754 0 1.353.219 1.78.647.442.446.666 1.087.666 1.905a.42.42 0 01-.412.429H6.7a.42.42 0 01-.411-.429c0-.818.227-1.46.67-1.905.425-.428 1.022-.647 1.775-.647h1.709V6.14l-2.162.002-1.712.001 2.375 7.866a.142.142 0 01.004.036c0 .008 0 .016.002.025l.005.026a.176.176 0 01.006.042l-.001.014a.133.133 0 00-.002.02v.01c-.008.858-.246 1.527-.714 1.998-.414.417-.992.65-1.709.683-.058.003-.918.003-.977.003-.087 0-.978-.003-1.056-.008-.684-.048-1.23-.278-1.63-.678-.474-.48-.715-1.166-.715-2.04v-.002c0-.012.003-.023.006-.033l.005-.023.004-.029a.241.241 0 01.019-.083l3.204-7.78c-.367.057-.68.172-.893.385a.399.399 0 01-.583-.012.446.446 0 01.014-.607c.41-.412.972-.636 1.672-.67.056-.003 4.14-.006 5.916-.006a1.31 1.31 0 01-.666-.341c-.27-.272-.406-.67-.406-1.194 0-.52.137-.921.406-1.193.255-.258.619-.39 1.084-.395h.084c.482 0 .857.132 1.115.395.269.27.406.672.406 1.193s-.135.922-.406 1.194a1.29 1.29 0 01-.664.341c1.776 0 5.862.003 5.916.006.7.034 1.263.26 1.672.67a.44.44 0 01.014.607.404.404 0 01-.297.132.394.394 0 01-.286-.12c-.215-.213-.529-.328-.893-.384l3.207 7.779c.011.027.015.058.02.09l.002.022.006.023zM11.425 4.322c.118.117.333.148.507.154h.09c.18 0 .417-.028.543-.154.126-.13.154-.384.154-.578 0-.19-.028-.45-.154-.58-.126-.125-.364-.15-.543-.15h-.079c-.173.002-.397.03-.518.15-.126.13-.154.39-.154.58 0 .194.028.449.154.578zm1.305 1.817h-1.47v12.72h1.47V6.14zm8.073 7.57l-2.77-6.718-2.028 6.714 4.798.003zm-1.361 2.29c.479-.033.854-.182 1.112-.442.233-.233.378-.566.434-.989l-5.106-.003c.059.423.204.76.44.992.268.271.663.42 1.17.445.079.003.888.003.947.003.081 0 .91 0 1.003-.006zm-4.182 3.717H8.73c-.532 0-.938.138-1.204.407-.202.207-.33.495-.387.862h9.712c-.056-.37-.185-.655-.387-.862-.266-.272-.67-.407-1.204-.407zM3.19 13.712l4.798-.003L5.96 6.994 3.19 13.71zm4.482 1.846c.235-.233.38-.569.437-.992l-5.107.003c.059.423.202.756.437.989.258.26.633.409 1.112.442.09.006.922.006 1.003.006.056 0 .866 0 .944-.003.507-.025.905-.173 1.174-.445z"
         })
     }));

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

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

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

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

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

package/dist/generated/mistica-icons/icon-kebab-menu-light.js

@@ -4,13 +4,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: function() {
-        return f;
-    }
+    get: ()=>c
 });
-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 f = function f(_param) {
-    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, h = _param.children, n = _objectWithoutProperties(_param, [
+const c = (_param)=>{
+    var { color: e , size: r = 24  } = _param, i = _objectWithoutProperties(_param, [
         "color",
-        "size",
-        "children"
+        "size"
     ]);
-    var s = (0, _themeVariantContextJs.useIsInverseVariant)(), o = e != null ? e : s ? _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"
-    }, n), {
+    }, i), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             fill: o,
             d: "M12 7.085c-1.278 0-2.315-1.1-2.315-2.459 0-1.36 1.037-2.456 2.314-2.456 1.277 0 2.312 1.1 2.312 2.459 0 1.36-1.035 2.456-2.312 2.456zm0 7.374c-1.278 0-2.315-1.1-2.315-2.459 0-1.36 1.035-2.459 2.314-2.459 1.277 0 2.312 1.1 2.312 2.459 0 1.36-1.035 2.459-2.312 2.459zm-2.315 4.915c0 1.357 1.037 2.456 2.314 2.456 1.277 0 2.312-1.096 2.312-2.456 0-1.36-1.035-2.459-2.312-2.459-1.28 0-2.314 1.102-2.314 2.459z"

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

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

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

@@ -4,13 +4,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: function() {
-        return d;
-    }
+    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 d = function d(_param) {
-    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, o = _param.children, i = _objectWithoutProperties(_param, [
+const m = (_param)=>{
+    var { color: e , size: r = 24  } = _param, i = _objectWithoutProperties(_param, [
         "color",
-        "size",
-        "children"
+        "size"
     ]);
-    var l = (0, _themeVariantContextJs.useIsInverseVariant)(), n = e != null ? e : l ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
+    const l = (0, _themeVariantContextJs.useIsInverseVariant)(), a = e != null ? e : l ? _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 d = function d(_param) {
         role: "presentation"
     }, i), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
-            fill: n,
+            fill: a,
             d: "M21.71 11.66a.414.414 0 01.131.302.428.428 0 01-.129.308l-1.94 1.86a.414.414 0 01-.583-.009l-1.25-1.255-.73 1.18a.41.41 0 01-.334.196.372.372 0 01-.35-.163l-.902-1.173-.801 1.156a.416.416 0 01-.342.18H9.83l-.062.137c-.563 1.126-1.784 1.723-3.532 1.723-2.633 0-4.081-1.457-4.081-4.101S3.603 7.9 6.236 7.9c2.104 0 3.101.922 3.572 1.79h9.638a.42.42 0 01.286.112l1.978 1.857zM5.735 12.703c-.502 0-.698-.196-.698-.7 0-.505.194-.7.698-.7s.697.195.697.7c0 .504-.196.7-.697.7zm-1.532-.7c0 .963.574 1.537 1.532 1.537.958 0 1.532-.574 1.532-1.537 0-.964-.571-1.538-1.532-1.538-.958 0-1.532.577-1.532 1.538z"
         })
     }));

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

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

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

@@ -4,13 +4,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: function() {
-        return f;
-    }
+    get: ()=>m
 });
-var _themeVariantContextJs = require("../../theme-variant-context.js");
-var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
-var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
+const _themeVariantContextJs = require("../../theme-variant-context.js");
+const _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
+const _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -90,19 +88,18 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var f = function f(_param) {
-    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, o = _param.children, l = _objectWithoutProperties(_param, [
+const m = (_param)=>{
+    var { color: s , size: e = 24  } = _param, a = _objectWithoutProperties(_param, [
         "color",
-        "size",
-        "children"
+        "size"
     ]);
-    var a = (0, _themeVariantContextJs.useIsInverseVariant)(), i = e != null ? e : a ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
+    const l = (0, _themeVariantContextJs.useIsInverseVariant)(), i = s != null ? s : l ? _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"
-    }, l), {
+    }, a), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             fill: i,
             d: "M21.726 12.25a.418.418 0 00-.02-.594l-1.974-1.854a.43.43 0 00-.286-.112H9.808C9.337 8.822 8.34 7.9 6.236 7.9c-2.633 0-4.081 1.457-4.081 4.1 0 2.645 1.448 4.102 4.081 4.102 1.748 0 2.97-.597 3.532-1.723l.031-.068.031-.07h4.647a.416.416 0 00.342-.178l.801-1.157.902 1.173a.377.377 0 00.35.163.417.417 0 00.333-.196l.732-1.18 1.249 1.252c.16.16.417.166.582.009l1.942-1.86.016-.017zm-2.238.983s-1.333-1.336-1.33-1.339a.415.415 0 00-.647.076l-.692 1.115-.882-1.149c-.082-.106-.205-.184-.342-.162a.415.415 0 00-.334.18l-1 1.445H9.553a.417.417 0 00-.39.266s-.098.252-.14.333c-.42.838-1.358 1.263-2.787 1.263-2.185 0-3.246-1.067-3.246-3.263 0-2.193 1.061-3.26 3.246-3.26 1.513 0 2.474.504 2.933 1.54.067.151.216.25.38.25h9.732l1.532 1.436-1.325 1.27zM7.267 12.001c0-.964-.574-1.54-1.532-1.54-.958.002-1.532.576-1.532 1.54 0 .96.574 1.538 1.532 1.538.96 0 1.532-.575 1.532-1.538zm-.835 0c0 .504-.196.7-.697.7-.502 0-.698-.196-.698-.7s.196-.7.698-.7c.501 0 .697.196.697.7z"

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

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

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

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

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

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

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

@@ -4,13 +4,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: function() {
-        return a;
-    }
+    get: ()=>a
 });
-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 a = function a(_param) {
-    var c = _param.color, tmp = _param.size, h = tmp === void 0 ? 24 : tmp, s = _param.children, m = _objectWithoutProperties(_param, [
+const a = (_param)=>{
+    var { color: c , size: h = 24  } = _param, r = _objectWithoutProperties(_param, [
         "color",
-        "size",
-        "children"
+        "size"
     ]);
-    var t = (0, _themeVariantContextJs.useIsInverseVariant)(), z = c != null ? c : t ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
+    const t = (0, _themeVariantContextJs.useIsInverseVariant)(), z = c != null ? c : t ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: h,
         height: h,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, m), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             fill: z,
             d: "M20.93 5.5H3.07C2.48 5.5 2 6.014 2 6.645v10.71c0 .631.48 1.145 1.07 1.145h17.86c.59 0 1.07-.514 1.07-1.145V6.645c.005-.631-.48-1.145-1.07-1.145zm-9.643 2.105h1.426c.298 0 .535.254.535.572 0 .318-.237.573-.535.573h-1.426c-.298 0-.535-.255-.535-.573 0-.318.237-.572.535-.572zm1.426 2.29c.298 0 .535.255.535.573 0 .318-.237.573-.535.573h-1.426c-.298 0-.535-.255-.535-.573 0-.318.237-.573.535-.573h1.426zm-1.426 2.296h1.426c.298 0 .535.254.535.573 0 .318-.237.572-.535.572h-1.426c-.298 0-.535-.254-.535-.572 0-.319.237-.573.535-.573zm-2.15-4.586c.298 0 .536.254.536.572 0 .318-.238.573-.535.573H7.71c-.297 0-.535-.255-.535-.573 0-.318.242-.572.535-.572h1.427zm-1.426 2.29h1.427c.297 0 .535.255.535.573 0 .318-.238.573-.535.573H7.71c-.297 0-.535-.255-.535-.573 0-.318.242-.573.535-.573zm1.427 2.296c.297 0 .535.254.535.573 0 .318-.238.572-.535.572H7.71c-.297 0-.535-.254-.535-.572 0-.319.242-.573.535-.573h1.427zM5.57 13.336H4.14c-.297 0-.535-.254-.535-.572 0-.319.238-.573.535-.573h1.427c.297 0 .534.254.534.573 0 .318-.237.572-.53.572zm-1.431-2.29c-.297 0-.535-.255-.535-.573 0-.318.242-.578.535-.578h1.427c.297 0 .534.255.534.573 0 .318-.237.578-.53.578H4.14zM5.57 8.75H4.14c-.297 0-.535-.255-.535-.573 0-.318.238-.572.535-.572h1.427c.297 0 .534.254.534.572 0 .318-.237.573-.53.573zm2.14 7.264c-.297 0-.535-.255-.535-.573 0-.318.238-.573.535-.573h8.573c.298 0 .535.255.535.573 0 .318-.237.573-.53.573H7.71zm8.578-2.678h-1.427c-.297 0-.535-.254-.535-.572 0-.319.238-.573.535-.573h1.427c.297 0 .535.254.535.573 0 .318-.242.572-.535.572zm-1.427-2.29c-.297 0-.535-.255-.535-.573 0-.318.233-.578.53-.578h1.427c.298 0 .535.255.535.573 0 .318-.237.578-.53.578h-1.427zM16.29 8.75h-1.427c-.297 0-.535-.255-.535-.573 0-.318.238-.572.535-.572h1.427c.297 0 .535.254.535.572 0 .318-.242.573-.535.573zm2.144 4.586c-.297 0-.535-.254-.535-.572 0-.319.238-.573.535-.573h1.427c.297 0 .535.254.535.573 0 .318-.242.572-.535.572h-1.427zm1.427-2.29h-1.427c-.297 0-.535-.255-.535-.573 0-.318.238-.573.535-.573h1.427c.297 0 .535.255.535.573 0 .318-.242.573-.535.573zM18.433 8.75c-.297 0-.535-.255-.535-.573 0-.318.238-.572.535-.572h1.427c.297 0 .535.254.535.572 0 .318-.242.573-.535.573h-1.427z"

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

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

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

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

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

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

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

@@ -4,13 +4,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: function() {
-        return l;
-    }
+    get: ()=>o
 });
-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 l = function l(_param) {
-    var a = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, s = _param.children, e = _objectWithoutProperties(_param, [
+const o = (_param)=>{
+    var { color: a , size: c = 24  } = _param, r = _objectWithoutProperties(_param, [
         "color",
-        "size",
-        "children"
+        "size"
     ]);
-    var m = (0, _themeVariantContextJs.useIsInverseVariant)(), z = a != null ? a : m ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
+    const e = (0, _themeVariantContextJs.useIsInverseVariant)(), z = a != null ? a : e ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             fill: z,
             d: "M22 16.646V7.358c0-1.021-.8-1.858-1.787-1.858H3.787C2.804 5.5 2 6.332 2 7.359v9.283c0 1.021.8 1.858 1.787 1.858h16.426c.983 0 1.787-.832 1.787-1.854zM6.109 8.105c.297 0 .535.247.535.556a.544.544 0 01-.54.556H4.678a.543.543 0 01-.534-.556c0-.31.237-.556.534-.556h1.43zM7.713 15.9h8.574c.293 0 .53-.247.53-.556a.543.543 0 00-.535-.556H7.713a.543.543 0 00-.535.556c0 .309.238.556.535.556zm5.535-7.24a.543.543 0 00-.535-.555h-1.426a.543.543 0 00-.535.556c0 .309.238.556.535.556h1.426a.543.543 0 00.535-.556zm-3.835-.555c.297 0 .535.247.535.556a.546.546 0 01-.535.556H7.987a.543.543 0 01-.535-.556c0-.31.238-.556.535-.556h1.426zm7.14.556a.543.543 0 00-.536-.556h-1.426a.543.543 0 00-.534.556c0 .309.237.556.534.556h1.426a.543.543 0 00.535-.556zm2.769-.556c.297 0 .535.247.535.556a.546.546 0 01-.535.556h-1.426a.543.543 0 01-.535-.556c0-.31.238-.556.535-.556h1.426zM6.644 10.89a.543.543 0 00-.535-.556h-1.43a.543.543 0 00-.535.556c0 .31.237.556.534.556h1.426c.302 0 .54-.252.54-.556zm6.069-.556c.297 0 .535.247.535.556a.547.547 0 01-.535.556h-1.426a.543.543 0 01-.535-.556c0-.309.238-.556.535-.556h1.426zm-2.765.556a.543.543 0 00-.535-.556H7.987a.543.543 0 00-.535.556c0 .31.238.556.535.556h1.426a.55.55 0 00.535-.556zm6.07-.556c.296 0 .534.247.534.556a.547.547 0 01-.535.556h-1.426a.543.543 0 01-.534-.556c0-.309.237-.556.534-.556h1.426zm3.838.556a.544.544 0 00-.534-.556h-1.426a.543.543 0 00-.535.556c0 .31.238.556.535.556h1.426a.55.55 0 00.535-.556zM6.11 12.558c.297 0 .535.248.535.557 0 .309-.238.56-.54.556H4.678a.543.543 0 01-.534-.556c0-.31.237-.556.534-.556h1.43zm7.139.557a.543.543 0 00-.535-.556h-1.426a.543.543 0 00-.535.556c0 .309.238.556.535.556h1.426c.297.005.535-.247.535-.556zm-3.835-.556c.297 0 .535.247.535.556 0 .309-.242.56-.535.556H7.987a.543.543 0 01-.535-.556c0-.31.238-.556.535-.556h1.426zm7.14.556a.544.544 0 00-.536-.556h-1.426a.543.543 0 00-.534.556c0 .309.237.556.534.556h1.426c.297.005.535-.247.535-.556zm2.769-.556c.297 0 .535.247.535.556 0 .309-.243.56-.535.556h-1.426a.543.543 0 01-.535-.556c0-.31.238-.556.535-.556h1.426zm1.248-5.2v9.283c0 .204-.16.37-.357.37H3.787a.364.364 0 01-.356-.37V7.357c0-.204.16-.37.356-.37h16.426c.197 0 .357.166.357.37z"

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

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