@telefonica/mistica 13.0.1 → 13.1.0

package/dist/form-context.d.ts

@@ -1,15 +1,15 @@
 import * as React from 'react';
-export declare type FormStatus = 'filling' | 'sending';
-export declare type FormErrors = {
+export type FormStatus = 'filling' | 'sending';
+export type FormErrors = {
     [name: string]: string | undefined;
 };
-export declare type FieldValidator = (value: any, rawValue: string) => string | undefined;
-export declare type FieldRegistration = {
+export type FieldValidator = (value: any, rawValue: string) => string | undefined;
+export type FieldRegistration = {
     input?: HTMLInputElement | HTMLSelectElement | null;
     validator?: FieldValidator;
     focusableElement?: HTMLDivElement | HTMLSelectElement | null;
 };
-declare type Context = {
+type Context = {
     rawValues: {
         [name: string]: any;
     };

package/dist/form-context.js

@@ -9,20 +9,12 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    FormContext: function() {
-        return H;
-    },
-    useControlProps: function() {
-        return J;
-    },
-    useFieldProps: function() {
-        return K;
-    },
-    useForm: function() {
-        return y;
-    }
+    FormContext: ()=>H,
+    useControlProps: ()=>J,
+    useFieldProps: ()=>K,
+    useForm: ()=>y
 });
-var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 function _getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
     var cacheBabelInterop = new WeakMap();
@@ -62,31 +54,27 @@ function _interopRequireWildcard(obj, nodeInterop) {
     }
     return newObj;
 }
-var H = /*#__PURE__*/ _react.createContext({
+const H = /*#__PURE__*/ _react.createContext({
     values: {},
-    setValue: function setValue() {},
+    setValue: ()=>{},
     rawValues: {},
-    setRawValue: function setRawValue() {},
+    setRawValue: ()=>{},
     formStatus: "filling",
-    register: function register() {},
+    register: ()=>{},
     formErrors: {},
-    setFormError: function setFormError() {},
-    jumpToNext: function jumpToNext() {},
-    submit: function submit() {},
-    validate: function validate() {
-        return {};
-    },
+    setFormError: ()=>{},
+    jumpToNext: ()=>{},
+    submit: ()=>{},
+    validate: ()=>({}),
     formId: ""
-}), y = function y() {
-    return _react.useContext(H);
-}, J = function J(param) {
-    var r = param.name, s = param.value, o = param.defaultValue, i = param.onChange, u = param.disabled;
+}), y = ()=>_react.useContext(H), J = (param)=>{
+    let { name: r , value: s , defaultValue: o , onChange: i , disabled: u  } = param;
     var f;
-    var ref = y(), p = ref.setRawValue, E = ref.setValue, e = ref.rawValues, x = ref.setFormError, c = ref.register, F = ref.formStatus;
-    return _react.useEffect(function() {
+    const { setRawValue: p , setValue: E , rawValues: e , setFormError: x , register: c , formStatus: F  } = y();
+    return _react.useEffect(()=>{
         var t;
         if (e[r] === void 0) {
-            var w = (t = s != null ? s : o) != null ? t : !1;
+            const w = (t = s != null ? s : o) != null ? t : !1;
             E({
                 name: r,
                 value: w
@@ -106,12 +94,10 @@ var H = /*#__PURE__*/ _react.createContext({
         name: r,
         value: s,
         defaultValue: o != null ? o : s === void 0 ? (f = e[r]) != null ? f : !1 : void 0,
-        focusableRef: function focusableRef(t) {
-            return c(r, {
+        focusableRef: (t)=>c(r, {
                 focusableElement: t
-            });
-        },
-        onChange: function onChange(t) {
+            }),
+        onChange: (t)=>{
             p({
                 name: r,
                 value: t
@@ -125,11 +111,11 @@ var H = /*#__PURE__*/ _react.createContext({
         },
         disabled: F === "sending" || u
     };
-}, K = function K(param) {
-    var r = param.name, s = param.value, o = param.defaultValue, i = param.processValue, u = param.helperText, p = param.optional, E = param.error, e = param.disabled, x = param.onBlur, c = param.validate, F = param.onChange, f = param.onChangeValue;
+}, K = (param)=>{
+    let { name: r , value: s , defaultValue: o , processValue: i , helperText: u , optional: p , error: E , disabled: e , onBlur: x , validate: c , onChange: F , onChangeValue: f  } = param;
     var q, I, N;
-    var ref = y(), t = ref.setRawValue, w = ref.setValue, S = ref.rawValues, z = ref.values, P = ref.formErrors, A = ref.formStatus, j = ref.setFormError, D = ref.register, T = (I = (q = s != null ? s : o) != null ? q : S[r]) != null ? I : "", G = _react.useRef(i);
-    return _react.useEffect(function() {
+    const { setRawValue: t , setValue: w , rawValues: S , values: z , formErrors: P , formStatus: A , setFormError: j , register: D  } = y(), T = (I = (q = s != null ? s : o) != null ? q : S[r]) != null ? I : "", G = _react.useRef(i);
+    return _react.useEffect(()=>{
         t({
             name: r,
             value: T
@@ -150,20 +136,18 @@ var H = /*#__PURE__*/ _react.createContext({
         required: !p,
         error: E || !!P[r],
         disabled: e || A === "sending",
-        onBlur: function onBlur(R) {
+        onBlur: (R)=>{
             j({
                 name: r,
                 error: c == null ? void 0 : c(z[r], S[r])
             }), x == null || x(R);
         },
-        inputRef: function inputRef(R) {
-            return D(r, {
+        inputRef: (R)=>D(r, {
                 input: R,
                 validator: c
-            });
-        },
-        onChange: function onChange(R) {
-            var d = R.currentTarget.value, k = i(d);
+            }),
+        onChange: (R)=>{
+            const d = R.currentTarget.value, k = i(d);
             t({
                 name: r,
                 value: d

package/dist/form.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
 import type { FormErrors } from './form-context';
-declare type FormValues = {
+type FormValues = {
     [name: string]: any;
 };
-declare type FormProps = {
+type FormProps = {
     id?: string;
     onSubmit: (values: FormValues, rawValues: FormValues) => Promise<void> | void;
     initialValues?: FormValues;

package/dist/form.js

@@ -4,16 +4,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: function() {
-        return K;
-    }
+    get: ()=>K
 });
-var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-var _hooksJs = require("./hooks.js");
-var _formContextJs = require("./form-context.js");
-var _classnames = /*#__PURE__*/ _interopRequireDefault(require("classnames"));
-var _sprinklesCssMisticaJs = require("./sprinkles.css-mistica.js");
-var _jsxRuntimeJs = require("./_virtual/jsx-runtime.js");
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _hooksJs = require("./hooks.js");
+const _formContextJs = require("./form-context.js");
+const _classnames = /*#__PURE__*/ _interopRequireDefault(require("classnames"));
+const _sprinklesCssMisticaJs = require("./sprinkles.css-mistica.js");
+const _jsxRuntimeJs = require("./_virtual/jsx-runtime.js");
 function _interopRequireDefault(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -58,17 +56,6 @@ function _interopRequireWildcard(obj, nodeInterop) {
     }
     return newObj;
 }
-function _arrayLikeToArray(arr, len) {
-    if (len == null || len > arr.length) len = arr.length;
-    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
-    return arr2;
-}
-function _arrayWithHoles(arr) {
-    if (Array.isArray(arr)) return arr;
-}
-function _arrayWithoutHoles(arr) {
-    if (Array.isArray(arr)) return _arrayLikeToArray(arr);
-}
 function _defineProperty(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -82,39 +69,6 @@ function _defineProperty(obj, key, value) {
     }
     return obj;
 }
-function _iterableToArray(iter) {
-    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
-}
-function _iterableToArrayLimit(arr, i) {
-    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-    if (_i == null) return;
-    var _arr = [];
-    var _n = true;
-    var _d = false;
-    var _s, _e;
-    try {
-        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
-            _arr.push(_s.value);
-            if (i && _arr.length === i) break;
-        }
-    } catch (err) {
-        _d = true;
-        _e = err;
-    } finally{
-        try {
-            if (!_n && _i["return"] != null) _i["return"]();
-        } finally{
-            if (_d) throw _e;
-        }
-    }
-    return _arr;
-}
-function _nonIterableRest() {
-    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-function _nonIterableSpread() {
-    throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
 function _objectSpread(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
@@ -154,85 +108,42 @@ function _objectSpreadProps(target, source) {
     }
     return target;
 }
-function _slicedToArray(arr, i) {
-    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
-}
-function _toConsumableArray(arr) {
-    return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
-}
-var _typeof = function _typeof(obj) {
-    "@swc/helpers - typeof";
-    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
-};
-function _unsupportedIterableToArray(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-    var n = Object.prototype.toString.call(o).slice(8, -1);
-    if (n === "Object" && o.constructor) n = o.constructor.name;
-    if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-}
-process.env.NODE_ENV !== "test" && (typeof document === "undefined" ? "undefined" : _typeof(document)) < "u" && !("scrollBehavior" in document.documentElement.style) && Promise.resolve().then(function() {
-    return /*#__PURE__*/ _interopRequireWildcard(require("scroll-behavior-polyfill"));
-}).finally(function() {});
-var K = function K(param) {
-    var x = param.children, C = param.className, p = param.onSubmit, tmp = param.initialValues, b = tmp === void 0 ? {} : tmp, tmp1 = param.autoJump, h = tmp1 === void 0 ? !1 : tmp1, a = param.onValidationErrors, E = param.id;
-    var k = _react.useRef(!0), ref = _slicedToArray(_react.useState(b), 2), i = ref[0], F = ref[1], ref1 = _slicedToArray(_react.useState(b), 2), l = ref1[0], I = ref1[1], ref2 = _slicedToArray(_react.useState("filling"), 2), w = ref2[0], f = ref2[1], ref3 = _slicedToArray(_react.useState({}), 2), V = ref3[0], y = ref3[1], c = _react.useRef(/* @__PURE__ */ new Map()), m = _react.useRef(null), ref4 = (0, _hooksJs.useTheme)(), g = ref4.texts, v = (0, _hooksJs.useAriaId)(E);
-    _react.useEffect(function() {
-        return function() {
+process.env.NODE_ENV !== "test" && typeof document < "u" && !("scrollBehavior" in document.documentElement.style) && Promise.resolve().then(()=>/*#__PURE__*/ _interopRequireWildcard(require("scroll-behavior-polyfill"))).finally(()=>{});
+const K = (param)=>{
+    let { children: x , className: C , onSubmit: p , initialValues: b = {} , autoJump: h = !1 , onValidationErrors: a , id: E  } = param;
+    const k = _react.useRef(!0), [i, F] = _react.useState(b), [l, I] = _react.useState(b), [w, f] = _react.useState("filling"), [V, y] = _react.useState({}), c = _react.useRef(/* @__PURE__ */ new Map()), m = _react.useRef(null), { texts: g  } = (0, _hooksJs.useTheme)(), v = (0, _hooksJs.useAriaId)(E);
+    _react.useEffect(()=>()=>{
             k.current = !1;
-        };
-    }, []);
-    var j = _react.useCallback(function(e, param) {
-        var r = param.input, o = param.validator, t = param.focusableElement;
+        }, []);
+    const j = _react.useCallback((e, param)=>{
+        let { input: r , validator: o , focusableElement: t  } = param;
         r || t ? c.current.set(e, {
             input: r,
             validator: o,
             focusableElement: t
         }) : c.current.delete(e);
-    }, []), P = function P(param) {
-        var e = param.name, r = param.error;
-        return y(function(o) {
-            return _objectSpreadProps(_objectSpread({}, o), _defineProperty({}, e, r));
-        });
-    }, d = _react.useCallback(function() {
+    }, []), P = (param)=>{
+        let { name: e , error: r  } = param;
+        return y((o)=>_objectSpreadProps(_objectSpread({}, o), {
+                [e]: r
+            }));
+    }, d = _react.useCallback(()=>{
         var o;
-        var e = {};
-        var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
-        try {
-            for(var _iterator = c.current[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
-                var _value = _slicedToArray(_step.value, 2), t = _value[0], ref = _value[1], s = ref.input, u = ref.validator;
-                if (s) {
-                    if (s.disabled) continue;
-                    if (s.required && !((o = l[t]) != null && o.trim())) e[t] = g.formFieldErrorIsMandatory;
-                    else {
-                        var R = u == null ? void 0 : u(i[t], l[t]);
-                        R && (e[t] = R);
-                    }
-                }
-            }
-        } catch (err) {
-            _didIteratorError = true;
-            _iteratorError = err;
-        } finally{
-            try {
-                if (!_iteratorNormalCompletion && _iterator.return != null) {
-                    _iterator.return();
-                }
-            } finally{
-                if (_didIteratorError) {
-                    throw _iteratorError;
-                }
+        const e = {};
+        for (const [t, { input: s , validator: u  }] of c.current)if (s) {
+            if (s.disabled) continue;
+            if (s.required && !((o = l[t]) != null && o.trim())) e[t] = g.formFieldErrorIsMandatory;
+            else {
+                const R = u == null ? void 0 : u(i[t], l[t]);
+                R && (e[t] = R);
             }
         }
-        var r = Object.keys(e).map(function(t) {
-            var s = c.current.get(t);
+        const r = Object.keys(e).map((t)=>{
+            const s = c.current.get(t);
             return (s == null ? void 0 : s.focusableElement) || (s == null ? void 0 : s.input);
         }).filter(Boolean);
         if (r.length) {
-            r.sort(function(t, s) {
-                return t.compareDocumentPosition(s) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1;
-            }), r[0].focus();
+            r.sort((t, s)=>t.compareDocumentPosition(s) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1), r[0].focus();
             try {
                 r[0].scrollIntoView({
                     behavior: "smooth",
@@ -247,43 +158,43 @@ var K = function K(param) {
         l,
         g,
         i
-    ]), T = _react.useCallback(function(e) {
-        setTimeout(function() {
+    ]), T = _react.useCallback((e)=>{
+        setTimeout(()=>{
             var r;
             if (h && m.current) {
-                var o = Array.from(m.current.querySelectorAll("input, select")), t = (r = c.current.get(e)) == null ? void 0 : r.input, s = o.indexOf(t);
+                const o = Array.from(m.current.querySelectorAll("input, select")), t = (r = c.current.get(e)) == null ? void 0 : r.input, s = o.indexOf(t);
                 if (s >= 0) {
-                    var u = o[s + 1];
+                    const u = o[s + 1];
                     u ? u.focus() : t == null || t.blur();
                 }
             }
         }, 100);
     }, [
         h
-    ]), O = function O(e) {
-        return _toConsumableArray(c.current.keys()).reduce(function(r, o) {
+    ]), O = (e)=>[
+            ...c.current.keys()
+        ].reduce((r, o)=>{
             var t, s;
-            return (s = (t = c.current.get(o)) == null ? void 0 : t.input) != null && s.disabled ? r : _objectSpreadProps(_objectSpread({}, r), _defineProperty({}, o, e[o]));
-        }, {});
-    }, N = _react.useCallback(function(e) {
-        return e == null || e.preventDefault(), f("sending"), Object.keys(d()).length > 0 ? (f("filling"), Promise.resolve()) : Promise.resolve(p(O(i), O(l))).finally(function() {
+            return (s = (t = c.current.get(o)) == null ? void 0 : t.input) != null && s.disabled ? r : _objectSpreadProps(_objectSpread({}, r), {
+                [o]: e[o]
+            });
+        }, {}), N = _react.useCallback((e)=>(e == null || e.preventDefault(), f("sending"), Object.keys(d()).length > 0 ? (f("filling"), Promise.resolve()) : Promise.resolve(p(O(i), O(l))).finally(()=>{
             k.current && f("filling");
-        });
-    }, [
+        })), [
         p,
         l,
         d,
         i
-    ]), D = _react.useCallback(function(param) {
-        var e = param.name, r = param.value;
-        F(function(o) {
-            return _objectSpreadProps(_objectSpread({}, o), _defineProperty({}, e, r));
-        });
-    }, []), M = _react.useCallback(function(param) {
-        var e = param.name, r = param.value;
-        I(function(o) {
-            return _objectSpreadProps(_objectSpread({}, o), _defineProperty({}, e, r));
-        });
+    ]), D = _react.useCallback((param)=>{
+        let { name: e , value: r  } = param;
+        F((o)=>_objectSpreadProps(_objectSpread({}, o), {
+                [e]: r
+            }));
+    }, []), M = _react.useCallback((param)=>{
+        let { name: e , value: r  } = param;
+        I((o)=>_objectSpreadProps(_objectSpread({}, o), {
+                [e]: r
+            }));
     }, []);
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_formContextJs.FormContext.Provider, {
         value: {

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

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

package/dist/generated/mistica-icons/icon-2-g-filled.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,21 +88,20 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var c = function c(_param) {
-    var a = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, n = _param.children, i = _objectWithoutProperties(_param, [
+const m = (_param)=>{
+    var { color: a , size: e = 24  } = _param, s = _objectWithoutProperties(_param, [
         "color",
-        "size",
-        "children"
+        "size"
     ]);
-    var s = (0, _themeVariantContextJs.useIsInverseVariant)(), v = a != null ? a : s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
+    const v = (0, _themeVariantContextJs.useIsInverseVariant)(), i = a != null ? a : v ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, s), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
-            fill: v,
+            fill: i,
             d: "M3 18a1 1 0 011-1h1a1 1 0 011 1v3a1 1 0 01-1 1H4a1 1 0 01-1-1v-3zm5-4a1 1 0 011-1h1a1 1 0 011 1v7a1 1 0 01-1 1H9a1 1 0 01-1-1v-7zm5-3a1 1 0 011-1h1a1 1 0 011 1v10a1 1 0 01-1 1h-1a1 1 0 01-1-1V11zm5-5a1 1 0 011-1h1a1 1 0 011 1v15a1 1 0 01-1 1h-1a1 1 0 01-1-1V6zM2.208 8.432H7.16V7.009H4.727c1.695-1.1 2.386-1.926 2.386-2.894 0-1.27-1.07-2.106-2.557-2.106-.88 0-1.884.314-2.556 1.053l.9 1.082c.454-.427.984-.693 1.656-.693.493 0 .9.228.9.664 0 .627-.511 1.063-3.248 3.045v1.272zm5.581-3.159c0 2.01 1.534 3.272 3.418 3.272 1.193 0 2.111-.483 2.793-1.233V4.836h-3.049v1.357H12.4v.531c-.256.209-.7.38-1.193.38-1.032 0-1.761-.797-1.761-1.831 0-1.034.729-1.831 1.76-1.831.597 0 1.08.332 1.336.75l1.363-.722C13.441 2.683 12.59 2 11.207 2 9.323 2 7.789 3.262 7.789 5.273z"
         })
     }));

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

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

package/dist/generated/mistica-icons/icon-2-g-regular.js

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

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

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

package/dist/generated/mistica-icons/icon-3-d-view-filled.js

@@ -4,13 +4,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: function() {
-        return f;
-    }
+    get: ()=>f
 });
-var _themeVariantContextJs = require("../../theme-variant-context.js");
-var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
-var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
+const _themeVariantContextJs = require("../../theme-variant-context.js");
+const _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
+const _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -90,26 +88,25 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var f = function f(_param) {
-    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, v = _param.children, t = _objectWithoutProperties(_param, [
+const f = (_param)=>{
+    var { color: e , size: r = 24  } = _param, l = _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)(), s = e != null ? e : n ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
         width: r,
         height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, l), {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
-                fill: i,
+                fill: s,
                 d: "M12.344 10.034l6.87-4.103-6.53-3.828a.611.611 0 00-.68 0L5.439 5.931l6.905 4.103zm.51.897v8.138l6.633-3.897c.204-.138.34-.344.34-.586V6.724l-6.973 4.207z"
             }),
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
-                fill: i,
+                fill: s,
                 d: "M18.126 17.517c-.374 0-.68.31-.68.69 0 .38.306.69.68.69h.987c-1.599 1.069-4.048 1.724-6.77 1.724-4.693 0-8.502-2.104-8.502-4.655 0-.863.442-1.587 1.02-2.173v.793c0 .242.136.483.34.586l6.633 3.863V10.93L4.86 6.793v5.241c-1.565 1.104-2.381 2.449-2.381 3.931C2.48 19.346 6.8 22 12.344 22c3.163 0 5.986-.828 7.823-2.172v1.137c0 .38.306.69.68.69.374 0 .68-.31.68-.69v-3.448h-3.4z"
             })
         ]

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

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

package/dist/generated/mistica-icons/icon-3-d-view-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,26 +88,25 @@ 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: t = 24  } = _param, l = _objectWithoutProperties(_param, [
         "color",
-        "size",
-        "children"
+        "size"
     ]);
-    var n = (0, _themeVariantContextJs.useIsInverseVariant)(), s = e != null ? e : n ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
+    const a = (0, _themeVariantContextJs.useIsInverseVariant)(), e = s != null ? s : a ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
-        width: r,
-        height: r,
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, l), {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
-                fill: s,
+                fill: e,
                 d: "M22 16.29a.708.708 0 01-.702.715.708.708 0 01-.701-.714c0-.394.314-.714.701-.714.388 0 .702.32.702.714z"
             }),
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
-                fill: s,
+                fill: e,
                 d: "M17.79 18.789c-.211 0-.351-.143-.351-.357s.14-.357.35-.357h3.158v3.211c0 .214-.14.357-.35.357-.211 0-.351-.143-.351-.357V19.36C18.49 21.002 15.368 22 11.825 22 6.315 22 2 19.43 2 16.112c0-1.463.842-2.783 2.456-3.889V6.478c0-.143.07-.25.176-.321l7.017-4.103a.314.314 0 01.351 0l7.017 4.103a.376.376 0 01.176.321v8.207c0 .143-.07.25-.176.321L12 19.11c-.07.035-.105.035-.175.035-.07 0-.106 0-.176-.035l-7.017-4.104a.376.376 0 01-.176-.32v-1.57c-.877.677-1.754 1.676-1.754 2.996 0 2.855 4.105 5.174 9.123 5.174 3.333 0 6.35-.963 7.965-2.497h-2zm-6.316-7.993L5.158 7.085v7.386l6.316 3.711v-7.386zm.701 7.386l6.316-3.675V7.085l-6.316 3.71v7.387zm5.93-11.704l-6.28-3.675-6.281 3.675 6.28 3.675 6.281-3.675z"
             })
         ]