@telefonica/mistica 13.0.2 → 13.1.1

package/dist/generated/mistica-icons/icon-video-camera-regular.js

@@ -4,13 +4,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: function() {
-        return c;
-    }
+    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,19 +88,18 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var c = function c(_param) {
-    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, o = _param.children, s = _objectWithoutProperties(_param, [
+const h = (_param)=>{
+    var { color: e , size: r = 24  } = _param, a = _objectWithoutProperties(_param, [
         "color",
-        "size",
-        "children"
+        "size"
     ]);
-    var a = (0, _themeVariantContextJs.useIsInverseVariant)(), n = e != null ? e : a ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
+    const i = (0, _themeVariantContextJs.useIsInverseVariant)(), n = e != null ? e : i ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: r,
         height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, s), {
+    }, a), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             fill: n,
             d: "M21.554 6.062a.713.713 0 00-.806.16l-4.672 4.857V7.2c0-.66-.498-1.198-1.11-1.198H3.11C2.498 6.002 2 6.539 2 7.2v9.598c0 .66.498 1.198 1.11 1.198h11.856c.612 0 1.11-.538 1.11-1.198v-3.88l4.672 4.858a.71.71 0 00.801.164.803.803 0 00.45-.738V6.794a.783.783 0 00-.445-.732zm-6.957 10.33H3.48V7.599h11.117v8.795zm2.736-4.397l3.192-3.317v6.634l-3.192-3.317z"

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

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

package/dist/generated/mistica-icons/icon-video-chat-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,21 +88,20 @@ 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, s = _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 a = (0, _themeVariantContextJs.useIsInverseVariant)(), l = e != null ? e : a ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: r,
         height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, s), {
+    }, i), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
-            fill: n,
+            fill: l,
             d: "M12.347 21.279c5.072 0 9.18-4.315 9.18-9.64S17.415 2 12.343 2s-9.181 4.314-9.181 9.64c0 1.433.303 2.79.836 4.014L2.492 21.56a.356.356 0 00.086.337.33.33 0 00.235.104.271.271 0 00.086-.014l5.632-1.58a8.759 8.759 0 003.816.873zM17.468 9.83l-1.722 1.808 1.722 1.809V9.83zm1.058-1.343v6.303a.554.554 0 01-.325.512.518.518 0 01-.579-.119l-2.274-2.387v2.364H7.225V8.118h8.123v2.363l2.274-2.387a.519.519 0 01.579-.119c.194.086.325.29.325.513zM14.29 14.05H8.287V9.228h6.003v4.822z"
         })
     }));

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

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

package/dist/generated/mistica-icons/icon-video-chat-light.js

@@ -4,13 +4,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: function() {
-        return v;
-    }
+    get: ()=>m
 });
-var _themeVariantContextJs = require("../../theme-variant-context.js");
-var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
-var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
+const _themeVariantContextJs = require("../../theme-variant-context.js");
+const _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
+const _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -90,21 +88,20 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var v = function v(_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: t , size: e = 24  } = _param, i = _objectWithoutProperties(_param, [
         "color",
-        "size",
-        "children"
+        "size"
     ]);
-    var l = (0, _themeVariantContextJs.useIsInverseVariant)(), s = e != null ? e : l ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
+    const s = (0, _themeVariantContextJs.useIsInverseVariant)(), l = t != null ? t : s ? _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"
     }, i), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
-            fill: s,
+            fill: l,
             d: "M12.357 2c-5.057 0-9.17 4.319-9.17 9.628 0 1.389.276 2.726.817 3.982l-1.512 5.925a.376.376 0 00.09.356.344.344 0 00.249.109.278.278 0 00.09-.014l5.64-1.588a8.805 8.805 0 008.538-.53.375.375 0 00.117-.508.342.342 0 00-.483-.124 8.14 8.14 0 01-7.97.446c-.067-.038-.149-.057-.234-.038a.715.715 0 00-.05.014l-5.147 1.45 1.386-5.437a.38.38 0 00-.04-.289 9.147 9.147 0 01-.786-3.75c0-4.901 3.797-8.888 8.465-8.888 4.669 0 8.466 3.987 8.466 8.889 0 1.63-.424 3.223-1.223 4.607a.38.38 0 00.117.508.338.338 0 00.483-.124 9.998 9.998 0 001.328-4.991c0-5.31-4.114-9.633-9.17-9.633zm6.881 16.141c0 .408-.316.74-.704.74-.388 0-.704-.332-.704-.74 0-.407.316-.74.704-.74.388 0 .704.333.704.74zM17.65 15.15c.045 0 .09-.01.136-.028A.373.373 0 0018 14.78V8.485a.373.373 0 00-.216-.341.343.343 0 00-.384.08l-2.574 2.702V8.3h-7.76v6.665h7.761V12.34l2.574 2.702a.344.344 0 00.248.109zm-3.53-6.11v5.186H7.77V9.04h6.348zm1.033 2.588l2.145-2.252v4.504l-2.145-2.252z"
         })
     }));

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

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

package/dist/generated/mistica-icons/icon-video-chat-regular.js

@@ -4,13 +4,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: function() {
-        return c;
-    }
+    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 c = function c(_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, s = _objectWithoutProperties(_param, [
         "color",
-        "size",
-        "children"
+        "size"
     ]);
-    var s = (0, _themeVariantContextJs.useIsInverseVariant)(), l = e != null ? e : s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
+    const i = (0, _themeVariantContextJs.useIsInverseVariant)(), l = e != null ? e : i ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: r,
         height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, s), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             fill: l,
             d: "M12.343 2C7.28 2 3.164 6.323 3.164 11.632a9.96 9.96 0 00.776 3.881L2.495 21.08a.76.76 0 00.177.707.676.676 0 00.67.19L8.64 20.46a8.734 8.734 0 003.698.814c5.064 0 9.179-4.323 9.179-9.632 0-5.31-4.11-9.642-9.175-9.642zm0 17.818a7.423 7.423 0 01-3.339-.787.683.683 0 00-.479-.046l-4.372 1.251 1.193-4.588a.755.755 0 00-.044-.502 8.456 8.456 0 01-.75-3.504c0-4.51 3.499-8.18 7.796-8.18 4.296 0 7.795 3.67 7.795 8.18-.004 4.504-3.503 8.176-7.8 8.176zM16.72 8.017c.2-.2.496-.256.75-.14a.728.728 0 01.416.66v5.817a.73.73 0 01-.417.666.672.672 0 01-.75-.135l-1.777-1.754v1.954H6.627V7.817h8.315V9.77l1.778-1.754zm-3.162 5.616V9.268H8.015v4.365h5.543zm1.703-2.177l1.242 1.223v-2.447l-1.242 1.224z"

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

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

package/dist/generated/mistica-icons/icon-video-disabled-filled.js

@@ -4,13 +4,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: function() {
-        return c;
-    }
+    get: ()=>d
 });
-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 c = function c(_param) {
-    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, o = _param.children, t = _objectWithoutProperties(_param, [
+const d = (_param)=>{
+    var { color: e , size: r = 24  } = _param, t = _objectWithoutProperties(_param, [
         "color",
-        "size",
-        "children"
+        "size"
     ]);
-    var l = (0, _themeVariantContextJs.useIsInverseVariant)(), a = e != null ? e : l ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
+    const a = (0, _themeVariantContextJs.useIsInverseVariant)(), l = e != null ? e : a ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: r,
         height: r,
@@ -104,7 +101,7 @@ var c = function c(_param) {
         role: "presentation"
     }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
-            fill: a,
+            fill: l,
             d: "M21.375 6.734a.367.367 0 01.4-.076c.136.062.22.194.225.341v10.369a.372.372 0 01-.371.37.37.37 0 01-.254-.104l-5.26-5.126v2.954l5.538 5.59a.559.559 0 010 .787.545.545 0 01-.39.161.545.545 0 01-.39-.161L2.162 2.95a.559.559 0 010-.787.546.546 0 01.78 0l4.433 4.475h8.383c.198 0 .357.161.357.36v4.86l5.26-5.125zm-6.04 11L4.352 6.643v-.005h-1.8a.358.358 0 00-.356.36v10.374c0 .199.16.36.357.36h12.784z"
         })
     }));

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

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

package/dist/generated/mistica-icons/icon-video-disabled-light.js

@@ -4,13 +4,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: function() {
-        return m;
-    }
+    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 m = function m(_param) {
-    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, o = _param.children, l = _objectWithoutProperties(_param, [
+const c = (_param)=>{
+    var { color: e , size: r = 24  } = _param, s = _objectWithoutProperties(_param, [
         "color",
-        "size",
-        "children"
+        "size"
     ]);
-    var s = (0, _themeVariantContextJs.useIsInverseVariant)(), a = e != null ? e : s ? _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,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, s), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             fill: a,
             d: "M20.927 6.368a.343.343 0 01.384-.08.362.362 0 01.212.34v10.75a.373.373 0 01-.217.34.347.347 0 01-.135.03.344.344 0 01-.248-.11l-5.054-5.306v3.21l3.613 3.793c.14.143.14.375 0 .522a.344.344 0 01-.248.109.344.344 0 01-.249-.11l-3.111-3.266v.598c0 .199-.154.36-.344.36H2.832a.352.352 0 01-.344-.36V6.814c0-.2.154-.36.344-.36h2.465c.19 0 .344.16.344.36 0 .199-.154.36-.344.36H3.17v9.653h12.022v-.958L2.583 2.633a.38.38 0 010-.522.335.335 0 01.497 0l4.141 4.343h8.31c.19 0 .343.161.343.36v4.86l5.053-5.305zm-5.74.806H7.903l7.284 7.648V7.174zm5.636 9.302V7.525L16.56 12l4.263 4.475zm0 5.524c.389 0 .705-.332.705-.74 0-.407-.316-.74-.705-.74-.388 0-.704.333-.704.74 0 .408.316.74.704.74z"

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

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

package/dist/generated/mistica-icons/icon-video-disabled-regular.js

@@ -4,13 +4,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: function() {
-        return d;
-    }
+    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,21 +88,20 @@ 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 c = (_param)=>{
+    var { color: e , size: r = 24  } = _param, s = _objectWithoutProperties(_param, [
         "color",
-        "size",
-        "children"
+        "size"
     ]);
-    var s = (0, _themeVariantContextJs.useIsInverseVariant)(), t = e != null ? e : s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
+    const t = (0, _themeVariantContextJs.useIsInverseVariant)(), i = e != null ? e : t ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: r,
         height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, s), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
-            fill: t,
+            fill: i,
             d: "M21.554 6.592a.744.744 0 00-.806.15l-4.67 4.584V7.664c0-.623-.499-1.13-1.11-1.13H7.495l-4.23-4.313a.732.732 0 00-1.048 0 .765.765 0 000 1.067l12.376 12.607v.444H3.483V8.041h.74c.408 0 .74-.338.74-.753a.748.748 0 00-.74-.754h-1.11c-.612 0-1.11.507-1.11 1.13v9.057c0 .623.498 1.13 1.11 1.13h11.855c.417 0 .777-.241.967-.59l4.434 4.517a.722.722 0 001.043 0 .765.765 0 000-1.068l-5.335-5.438v-2.217l4.671 4.584a.73.73 0 00.801.154.754.754 0 00.45-.695V7.283a.736.736 0 00-.445-.69zM8.98 8.042h5.619v5.723L8.978 8.04zm8.355 4.148l3.191-3.13v6.26l-3.191-3.13z"
         })
     }));

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

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

package/dist/generated/mistica-icons/icon-video-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,26 +89,25 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var p = function p(_param) {
-    var i = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, a = _param.children, t = _objectWithoutProperties(_param, [
+const f = (_param)=>{
+    var { color: s , size: e = 24  } = _param, i = _objectWithoutProperties(_param, [
         "color",
-        "size",
-        "children"
+        "size"
     ]);
-    var l = (0, _themeVariantContextJs.useIsInverseVariant)(), s = i != null ? i : l ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), v = ref.skinName;
-    return v.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
+    const v = (0, _themeVariantContextJs.useIsInverseVariant)(), t = s != null ? s : v ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, { skinName: l  } = (0, _hooksJs.useTheme)();
+    return l.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, i), {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
-                fill: s,
+                fill: t,
                 d: "M16.643 12l-7.321 4.246V7.754L16.644 12z"
             }),
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
-                fill: s,
+                fill: t,
                 d: "M12 2C6.488 2 2 6.488 2 12s4.488 10 10 10 10-4.488 10-10S17.512 2 12 2zm5.983 10.462L9.057 17.64a.51.51 0 01-.27.073.543.543 0 01-.535-.54V6.823c0-.192.1-.37.27-.466a.533.533 0 01.535 0l8.926 5.178a.537.537 0 010 .928z"
             })
         ]
@@ -119,9 +116,9 @@ var p = function p(_param) {
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, i), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
-            fill: s,
+            fill: t,
             d: "M21.828 6.682s.285-3.698-3.639-3.698L5.76 2.987s-.072-.005-.196-.005c-.753 0-3.409.243-3.409 3.678 0 4.002.003 10.66.003 10.66s-.246 3.684 3.616 3.684h12.418s.12.017.314.017c.882 0 3.324-.308 3.324-3.72l-.002-10.619zM3.399 6.399c.073-1.294.639-1.68.838-1.807.333-.215.705-.297.991-.33v2.137H3.4zm15.359 13.356v-2.101h1.832c-.037.74-.286 1.977-1.832 2.1zM3.393 17.67h1.835v2.047c-.549-.075-.972-.269-1.266-.58-.431-.462-.54-1.112-.569-1.467zM20.598 6.385H18.76v-2.11c.56.08.992.275 1.283.592.451.487.538 1.182.555 1.518zm0 10.02h-1.84v-2.087h1.84v2.087zm-1.84-6.681V7.637h1.84v2.087h-1.84zm1.84 3.339h-1.84v-2.087h1.84v2.087zM3.385 16.419v-2.087h1.84v2.087h-1.84zm1.843-6.687H3.385v-2.08h1.843v2.08zm-1.843 1.253h1.84v2.092h-1.84v-2.092zm6.356 3.599V9.42l4.39 2.583-4.39 2.58zm-.308-6.787l6.238 3.664c.19.112.305.319.305.543a.63.63 0 01-.308.543l-6.235 3.664a.607.607 0 01-.617 0 .622.622 0 01-.308-.54V8.34a.63.63 0 01.308-.544.607.607 0 01.617 0z"
         })
     }));

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

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

package/dist/generated/mistica-icons/icon-video-light.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, l = tmp === void 0 ? 24 : tmp, n = _param.children, t = _objectWithoutProperties(_param, [
+const f = (_param)=>{
+    var { color: t , size: l = 24  } = _param, h = _objectWithoutProperties(_param, [
         "color",
-        "size",
-        "children"
+        "size"
     ]);
-    var s = (0, _themeVariantContextJs.useIsInverseVariant)(), i = h != null ? h : s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), a = ref.skinName;
+    const s = (0, _themeVariantContextJs.useIsInverseVariant)(), i = t != null ? t : s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, { skinName: a  } = (0, _hooksJs.useTheme)();
     return a.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, h), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             fill: i,
             d: "M2 12c0 5.517 4.488 10 10 10a9.97 9.97 0 005.334-1.545.36.36 0 00.11-.493.36.36 0 00-.494-.11 9.247 9.247 0 01-4.95 1.43c-5.119 0-9.282-4.163-9.282-9.282S6.88 2.718 12 2.718s9.282 4.163 9.287 9.277a9.248 9.248 0 01-1.43 4.95.36.36 0 00.11.494.36.36 0 00.493-.11A9.98 9.98 0 0022 12c0-5.512-4.488-10-10-10S2 6.484 2 12zm16.787 6.07a.714.714 0 010 1.425.714.714 0 010-1.425zm-9.822-.585l8.926-5.179a.36.36 0 000-.621l-8.926-5.17a.355.355 0 00-.534.311v10.357a.36.36 0 00.178.31.357.357 0 00.178.046.426.426 0 00.178-.055zm.179-.928V7.443L17 12l-7.856 4.557z"
@@ -113,7 +110,7 @@ var f = function f(_param) {
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, h), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             fill: i,
             d: "M21.995 6.691S22.288 3 18.298 3s-12.63.006-12.63.006S5.596 3 5.468 3c-.766 0-3.464.24-3.464 3.669v10.64s-.25 3.674 3.677 3.674h12.621s.12.017.319.017c.896 0 3.378-.307 3.378-3.71l-.004-10.6zM6.243 20.151l-.05-16.313c.775 0 2.339 0 4.152-.002l7.515-.003.051 16.318H6.243zM3.897 4.25c.538-.34 1.147-.404 1.462-.413l.012 2.76H2.843c.014-1.117.364-1.91 1.053-2.346zM3.532 19.4c-.652-.69-.697-1.7-.697-1.966h2.57l.009 2.699c-.82-.045-1.458-.285-1.882-.732zm17.625-1.97c-.057 2.163-1.3 2.692-2.408 2.728l-.008-2.727h2.416zm-.663-12.833c.708.757.68 1.88.674 2.004h-2.462l-.008-2.741c.78.064 1.389.304 1.796.737zM18.729 14.1s2.436 0 2.436-.003V16.6h-2.43l-.006-2.498zm-.023-6.667h2.456l.003 2.501h-2.45l-.009-2.5zm.012 3.334h2.447v2.5h-2.439l-.008-2.5zm-15.88 5.831v-2.5H5.39l.008 2.5H2.837zM5.37 7.434l.008 2.501H2.834v-2.5H5.37zm-2.533 3.334h2.544l.009 2.5H2.837v-2.5zm6.668 4.169V9.063L14.593 12l-5.088 2.937zm6.278-2.722a.414.414 0 00-.148-.575L9.297 7.982a.41.41 0 00-.415 0 .42.42 0 00-.208.36v7.318c0 .148.08.285.208.36a.41.41 0 00.415 0l6.338-3.66a.456.456 0 00.148-.145z"

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

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

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

@@ -4,14 +4,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: function() {
-        return d;
-    }
+    get: ()=>V
 });
-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 r = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, m = _param.children, t = _objectWithoutProperties(_param, [
+const V = (_param)=>{
+    var { color: r , size: e = 24  } = _param, t = _objectWithoutProperties(_param, [
         "color",
-        "size",
-        "children"
+        "size"
     ]);
-    var l = (0, _themeVariantContextJs.useIsInverseVariant)(), i = r != null ? r : l ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), v = ref.skinName;
+    const l = (0, _themeVariantContextJs.useIsInverseVariant)(), s = r != null ? r : l ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, { skinName: v  } = (0, _hooksJs.useTheme)();
     return v.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
@@ -105,7 +102,7 @@ var d = function d(_param) {
         role: "presentation"
     }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
-            fill: i,
+            fill: s,
             d: "M2 12c0 5.517 4.488 10 10 10s10-4.488 10-10S17.512 2 12 2 2 6.484 2 12zm1.43 0c0-4.726 3.844-8.57 8.57-8.57 4.726 0 8.57 3.844 8.57 8.57 0 4.726-3.844 8.57-8.57 8.57-4.726 0-8.57-3.844-8.57-8.57zm5.535 5.713A.71.71 0 018.252 17V7c0-.256.137-.494.357-.617a.708.708 0 01.717.005l8.57 4.995a.714.714 0 010 1.234l-8.57 5a.737.737 0 01-.36.096zm.713-1.96L16.118 12l-6.44-3.757v7.51z"
         })
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
@@ -115,7 +112,7 @@ var d = function d(_param) {
         role: "presentation"
     }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
-            fill: i,
+            fill: s,
             d: "M21.834 6.677s.288-3.7-3.639-3.7c-3.927 0-12.437.005-12.437.005s-.07-.005-.196-.005c-.754 0-3.41.244-3.41 3.68 0 4.003.004 10.664.004 10.664s-.247 3.687 3.619 3.687h12.423s.12.016.314.016c.882 0 3.324-.31 3.324-3.722l-.002-10.625zM6.458 19.753V4.235l4.167-.003h.002l6.907-.003v15.524H6.458zM4.237 4.585c.333-.216.706-.297.992-.33V6.39h-1.83c.073-1.294.64-1.68.838-1.806zm16.361 13.067c-.039.74-.288 1.977-1.834 2.1v-2.1h1.834zM3.962 19.137c-.43-.463-.54-1.113-.568-1.468h1.835v2.047c-.55-.075-.972-.266-1.267-.58zM20.047 4.859c.453.488.54 1.182.557 1.518H18.76V4.268c.56.079.991.275 1.286.591zM18.764 16.4v-2.086h1.843V16.4h-1.843zm1.84-6.68h-1.84V7.63h1.84v2.09zm-1.84 3.339v-2.09h1.84v2.09h-1.84zM3.385 16.417V14.33H5.23v2.087H3.385zm1.844-6.69H3.385v-2.08H5.23v2.08zM3.385 10.98H5.23v2.095H3.385V10.98zm6.359 3.602V9.417l4.392 2.582-4.392 2.583zm6.238-2.583a.63.63 0 00-.308-.543L9.436 7.789a.607.607 0 00-.616 0 .63.63 0 00-.309.544v7.333a.63.63 0 00.309.543.607.607 0 00.616 0l6.238-3.666a.63.63 0 00.308-.544z"
         })
     }));

package/dist/generated/mistica-icons/icon-video-surveillance-security-filled.d.ts

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