@semcore/core 2.40.0-prerelease.1 → 2.40.0-prerelease.5

package/lib/utils/enhances/animatedSizeEnhance.js

@@ -0,0 +1,98 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _ref2 = require("../ref");
+var _useEnhancedEffect = _interopRequireDefault(require("../use/useEnhancedEffect"));
+var _excluded = ["ref", "__animatedEnhanceInstanceId", "duration"];
+var uniqueId = 0;
+function animatedSizeEnhance(_ref) {
+  var _ref$animateProps = _ref.animateProps,
+    animateProps = _ref$animateProps === void 0 ? [] : _ref$animateProps,
+    _ref$onChangeOf = _ref.onChangeOf,
+    onChangeOf = _ref$onChangeOf === void 0 ? [] : _ref$onChangeOf;
+  return function (props) {
+    var ref = props.ref,
+      __animatedEnhanceInstanceId = props.__animatedEnhanceInstanceId,
+      duration = props.duration,
+      other = (0, _objectWithoutProperties2["default"])(props, _excluded);
+    var nodeRef = /*#__PURE__*/_react["default"].createRef();
+    var lastSizesRef = _react["default"].useRef([]);
+    var prevPropsRef = _react["default"].useRef(props);
+    var animatedSizeInstanceIdRef = _react["default"].useRef(uniqueId++);
+    prevPropsRef.current = props;
+    (0, _useEnhancedEffect["default"])(function () {
+      if (props.animationsDisabled) return;
+      if (__animatedEnhanceInstanceId !== undefined && __animatedEnhanceInstanceId !== animatedSizeInstanceIdRef.current) return;
+      if (!nodeRef.current) {
+        return;
+      }
+      var node = nodeRef.current;
+      if (lastSizesRef.current.every(function (value) {
+        return value === undefined;
+      })) {
+        for (var i = 0; i < animateProps.length; i++) {
+          // @ts-ignore
+          lastSizesRef.current[i] = node.getBoundingClientRect()[animateProps[i]];
+        }
+        return;
+      }
+      var sizes = [];
+      for (var _i = 0; _i < animateProps.length; _i++) {
+        sizes[_i] = node.getBoundingClientRect()[animateProps[_i]];
+        if (Math.abs(lastSizesRef.current[_i] - sizes[_i]) < 3 || node.style.getPropertyValue(animateProps[_i]).endsWith('%')) {
+          lastSizesRef.current[_i] = sizes[_i];
+          sizes[_i] = undefined;
+        }
+      }
+      if (sizes.every(function (value) {
+        return value === undefined;
+      })) return;
+      node.style.transition = 'none';
+      for (var _i2 = 0; _i2 < animateProps.length; _i2++) {
+        node.style[animateProps[_i2]] = "".concat(lastSizesRef.current[_i2], "px");
+      }
+      var timeout = -1;
+      var _handleTransitionEnd = function handleTransitionEnd() {
+        clearTimeout(timeout);
+        if (!node) return;
+        node.style.transition = null;
+        for (var _i3 = 0; _i3 < animateProps.length; _i3++) {
+          node.style[animateProps[_i3]] = null;
+        }
+        node.removeEventListener('transitionend', _handleTransitionEnd);
+        node.removeEventListener('transitioncancel', _handleTransitionEnd);
+      };
+      var animationFrame = requestAnimationFrame(function () {
+        if (!node) return;
+        node.addEventListener('transitionend', _handleTransitionEnd);
+        node.addEventListener('transitioncancel', _handleTransitionEnd);
+        node.style.transition = "".concat(duration, "ms all ease-in-out");
+        for (var _i4 = 0; _i4 < animateProps.length; _i4++) {
+          lastSizesRef.current[_i4] = sizes[_i4];
+          node.style[animateProps[_i4]] = "".concat(sizes[_i4], "px");
+        }
+      });
+      timeout = setTimeout(_handleTransitionEnd, 500);
+      return function () {
+        cancelAnimationFrame(animationFrame);
+        _handleTransitionEnd();
+      };
+    }, [__animatedEnhanceInstanceId, props.animationsDisabled, duration].concat((0, _toConsumableArray2["default"])(onChangeOf.map(function (propName) {
+      return props[propName];
+    }))));
+    return (0, _objectSpread2["default"])({
+      ref: (0, _ref2.useForkRef)(ref, nodeRef),
+      __animatedEnhanceInstanceId: __animatedEnhanceInstanceId !== null && __animatedEnhanceInstanceId !== void 0 ? __animatedEnhanceInstanceId : animatedSizeInstanceIdRef.current
+    }, other);
+  };
+}
+var _default = exports["default"] = animatedSizeEnhance;
+//# sourceMappingURL=animatedSizeEnhance.js.map

package/lib/utils/enhances/animatedSizeEnhance.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"animatedSizeEnhance.js","names":["_react","_interopRequireDefault","require","_ref2","_useEnhancedEffect","_excluded","uniqueId","animatedSizeEnhance","_ref","_ref$animateProps","animateProps","_ref$onChangeOf","onChangeOf","props","ref","__animatedEnhanceInstanceId","duration","other","_objectWithoutProperties2","nodeRef","React","createRef","lastSizesRef","useRef","prevPropsRef","animatedSizeInstanceIdRef","current","useEnhancedEffect","animationsDisabled","undefined","node","every","value","i","length","getBoundingClientRect","sizes","Math","abs","style","getPropertyValue","endsWith","transition","concat","timeout","handleTransitionEnd","clearTimeout","removeEventListener","animationFrame","requestAnimationFrame","addEventListener","setTimeout","cancelAnimationFrame","_toConsumableArray2","map","propName","_objectSpread2","useForkRef","_default","exports"],"sources":["../../../src/utils/enhances/animatedSizeEnhance.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useForkRef } from '../ref';\nimport useEnhancedEffect from '../use/useEnhancedEffect';\n\nexport type WithAnimatedSizeEnhanceProps = {\n  animationsDisabled?: boolean;\n};\n\nlet uniqueId = 0;\n\nfunction animatedSizeEnhance({\n  animateProps = [],\n  onChangeOf = [],\n}: {\n  animateProps: ('width' | 'height')[];\n  onChangeOf: string[];\n}) {\n  return (props: any) => {\n    const { ref, __animatedEnhanceInstanceId, duration, ...other } = props;\n    const nodeRef = React.createRef<HTMLElement>();\n    const lastSizesRef = React.useRef<(number | undefined)[]>([]);\n    const prevPropsRef = React.useRef(props);\n    const animatedSizeInstanceIdRef = React.useRef(uniqueId++);\n\n    prevPropsRef.current = props;\n\n    useEnhancedEffect(() => {\n      if (props.animationsDisabled) return;\n      if (\n        __animatedEnhanceInstanceId !== undefined &&\n        __animatedEnhanceInstanceId !== animatedSizeInstanceIdRef.current\n      )\n        return;\n      if (!nodeRef.current) {\n        return;\n      }\n      const node = nodeRef.current;\n      if (lastSizesRef.current.every((value) => value === undefined)) {\n        for (let i = 0; i < animateProps.length; i++) {\n          // @ts-ignore\n          lastSizesRef.current[i] = node.getBoundingClientRect()[animateProps[i]];\n        }\n        return;\n      }\n\n      const sizes: (number | undefined)[] = [];\n      for (let i = 0; i < animateProps.length; i++) {\n        sizes[i] = node.getBoundingClientRect()[animateProps[i]];\n        if (\n          Math.abs(lastSizesRef.current[i]! - sizes[i]!) < 3 ||\n          node.style.getPropertyValue(animateProps[i]).endsWith('%')\n        ) {\n          lastSizesRef.current[i] = sizes[i];\n          sizes[i] = undefined;\n        }\n      }\n      if (sizes.every((value) => value === undefined)) return;\n\n      node.style.transition = 'none';\n      for (let i = 0; i < animateProps.length; i++) {\n        node.style[animateProps[i]] = `${lastSizesRef.current[i]}px`;\n      }\n      let timeout = -1;\n      const handleTransitionEnd = () => {\n        clearTimeout(timeout);\n        if (!node) return;\n        node.style.transition = null as any;\n        for (let i = 0; i < animateProps.length; i++) {\n          node.style[animateProps[i]] = null as any;\n        }\n        node.removeEventListener('transitionend', handleTransitionEnd);\n        node.removeEventListener('transitioncancel', handleTransitionEnd);\n      };\n      const animationFrame = requestAnimationFrame(() => {\n        if (!node) return;\n        node.addEventListener('transitionend', handleTransitionEnd);\n        node.addEventListener('transitioncancel', handleTransitionEnd);\n        node.style.transition = `${duration}ms all ease-in-out`;\n        for (let i = 0; i < animateProps.length; i++) {\n          lastSizesRef.current[i] = sizes[i];\n          node.style[animateProps[i]] = `${sizes[i]}px`;\n        }\n      });\n      timeout = setTimeout(handleTransitionEnd, 500) as any;\n      return () => {\n        cancelAnimationFrame(animationFrame);\n        handleTransitionEnd();\n      };\n    }, [\n      __animatedEnhanceInstanceId,\n      props.animationsDisabled,\n      duration,\n      ...onChangeOf.map((propName) => props[propName]),\n    ]);\n\n    return {\n      ref: useForkRef(ref, nodeRef),\n      __animatedEnhanceInstanceId: __animatedEnhanceInstanceId ?? animatedSizeInstanceIdRef.current,\n      ...other,\n    };\n  };\n}\n\nexport default animatedSizeEnhance;\n"],"mappings":"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","ignoreList":[]}

package/lib/utils/enhances/animatedSizeEnhance.mjs

@@ -0,0 +1,91 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["ref", "__animatedEnhanceInstanceId", "duration"];
+import React from 'react';
+import { useForkRef } from "../ref.mjs";
+import useEnhancedEffect from "../use/useEnhancedEffect.mjs";
+var uniqueId = 0;
+function animatedSizeEnhance(_ref) {
+  var _ref$animateProps = _ref.animateProps,
+    animateProps = _ref$animateProps === void 0 ? [] : _ref$animateProps,
+    _ref$onChangeOf = _ref.onChangeOf,
+    onChangeOf = _ref$onChangeOf === void 0 ? [] : _ref$onChangeOf;
+  return function (props) {
+    var ref = props.ref,
+      __animatedEnhanceInstanceId = props.__animatedEnhanceInstanceId,
+      duration = props.duration,
+      other = _objectWithoutProperties(props, _excluded);
+    var nodeRef = /*#__PURE__*/React.createRef();
+    var lastSizesRef = React.useRef([]);
+    var prevPropsRef = React.useRef(props);
+    var animatedSizeInstanceIdRef = React.useRef(uniqueId++);
+    prevPropsRef.current = props;
+    useEnhancedEffect(function () {
+      if (props.animationsDisabled) return;
+      if (__animatedEnhanceInstanceId !== undefined && __animatedEnhanceInstanceId !== animatedSizeInstanceIdRef.current) return;
+      if (!nodeRef.current) {
+        return;
+      }
+      var node = nodeRef.current;
+      if (lastSizesRef.current.every(function (value) {
+        return value === undefined;
+      })) {
+        for (var i = 0; i < animateProps.length; i++) {
+          // @ts-ignore
+          lastSizesRef.current[i] = node.getBoundingClientRect()[animateProps[i]];
+        }
+        return;
+      }
+      var sizes = [];
+      for (var _i = 0; _i < animateProps.length; _i++) {
+        sizes[_i] = node.getBoundingClientRect()[animateProps[_i]];
+        if (Math.abs(lastSizesRef.current[_i] - sizes[_i]) < 3 || node.style.getPropertyValue(animateProps[_i]).endsWith('%')) {
+          lastSizesRef.current[_i] = sizes[_i];
+          sizes[_i] = undefined;
+        }
+      }
+      if (sizes.every(function (value) {
+        return value === undefined;
+      })) return;
+      node.style.transition = 'none';
+      for (var _i2 = 0; _i2 < animateProps.length; _i2++) {
+        node.style[animateProps[_i2]] = "".concat(lastSizesRef.current[_i2], "px");
+      }
+      var timeout = -1;
+      var _handleTransitionEnd = function handleTransitionEnd() {
+        clearTimeout(timeout);
+        if (!node) return;
+        node.style.transition = null;
+        for (var _i3 = 0; _i3 < animateProps.length; _i3++) {
+          node.style[animateProps[_i3]] = null;
+        }
+        node.removeEventListener('transitionend', _handleTransitionEnd);
+        node.removeEventListener('transitioncancel', _handleTransitionEnd);
+      };
+      var animationFrame = requestAnimationFrame(function () {
+        if (!node) return;
+        node.addEventListener('transitionend', _handleTransitionEnd);
+        node.addEventListener('transitioncancel', _handleTransitionEnd);
+        node.style.transition = "".concat(duration, "ms all ease-in-out");
+        for (var _i4 = 0; _i4 < animateProps.length; _i4++) {
+          lastSizesRef.current[_i4] = sizes[_i4];
+          node.style[animateProps[_i4]] = "".concat(sizes[_i4], "px");
+        }
+      });
+      timeout = setTimeout(_handleTransitionEnd, 500);
+      return function () {
+        cancelAnimationFrame(animationFrame);
+        _handleTransitionEnd();
+      };
+    }, [__animatedEnhanceInstanceId, props.animationsDisabled, duration].concat(_toConsumableArray(onChangeOf.map(function (propName) {
+      return props[propName];
+    }))));
+    return _objectSpread({
+      ref: useForkRef(ref, nodeRef),
+      __animatedEnhanceInstanceId: __animatedEnhanceInstanceId !== null && __animatedEnhanceInstanceId !== void 0 ? __animatedEnhanceInstanceId : animatedSizeInstanceIdRef.current
+    }, other);
+  };
+}
+export default animatedSizeEnhance;
+//# sourceMappingURL=animatedSizeEnhance.mjs.map

package/lib/utils/enhances/animatedSizeEnhance.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"animatedSizeEnhance.mjs","names":["React","useForkRef","useEnhancedEffect","uniqueId","animatedSizeEnhance","_ref","_ref$animateProps","animateProps","_ref$onChangeOf","onChangeOf","props","ref","__animatedEnhanceInstanceId","duration","other","_objectWithoutProperties","_excluded","nodeRef","createRef","lastSizesRef","useRef","prevPropsRef","animatedSizeInstanceIdRef","current","animationsDisabled","undefined","node","every","value","i","length","getBoundingClientRect","sizes","Math","abs","style","getPropertyValue","endsWith","transition","concat","timeout","handleTransitionEnd","clearTimeout","removeEventListener","animationFrame","requestAnimationFrame","addEventListener","setTimeout","cancelAnimationFrame","_toConsumableArray","map","propName","_objectSpread"],"sources":["../../../src/utils/enhances/animatedSizeEnhance.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useForkRef } from '../ref';\nimport useEnhancedEffect from '../use/useEnhancedEffect';\n\nexport type WithAnimatedSizeEnhanceProps = {\n  animationsDisabled?: boolean;\n};\n\nlet uniqueId = 0;\n\nfunction animatedSizeEnhance({\n  animateProps = [],\n  onChangeOf = [],\n}: {\n  animateProps: ('width' | 'height')[];\n  onChangeOf: string[];\n}) {\n  return (props: any) => {\n    const { ref, __animatedEnhanceInstanceId, duration, ...other } = props;\n    const nodeRef = React.createRef<HTMLElement>();\n    const lastSizesRef = React.useRef<(number | undefined)[]>([]);\n    const prevPropsRef = React.useRef(props);\n    const animatedSizeInstanceIdRef = React.useRef(uniqueId++);\n\n    prevPropsRef.current = props;\n\n    useEnhancedEffect(() => {\n      if (props.animationsDisabled) return;\n      if (\n        __animatedEnhanceInstanceId !== undefined &&\n        __animatedEnhanceInstanceId !== animatedSizeInstanceIdRef.current\n      )\n        return;\n      if (!nodeRef.current) {\n        return;\n      }\n      const node = nodeRef.current;\n      if (lastSizesRef.current.every((value) => value === undefined)) {\n        for (let i = 0; i < animateProps.length; i++) {\n          // @ts-ignore\n          lastSizesRef.current[i] = node.getBoundingClientRect()[animateProps[i]];\n        }\n        return;\n      }\n\n      const sizes: (number | undefined)[] = [];\n      for (let i = 0; i < animateProps.length; i++) {\n        sizes[i] = node.getBoundingClientRect()[animateProps[i]];\n        if (\n          Math.abs(lastSizesRef.current[i]! - sizes[i]!) < 3 ||\n          node.style.getPropertyValue(animateProps[i]).endsWith('%')\n        ) {\n          lastSizesRef.current[i] = sizes[i];\n          sizes[i] = undefined;\n        }\n      }\n      if (sizes.every((value) => value === undefined)) return;\n\n      node.style.transition = 'none';\n      for (let i = 0; i < animateProps.length; i++) {\n        node.style[animateProps[i]] = `${lastSizesRef.current[i]}px`;\n      }\n      let timeout = -1;\n      const handleTransitionEnd = () => {\n        clearTimeout(timeout);\n        if (!node) return;\n        node.style.transition = null as any;\n        for (let i = 0; i < animateProps.length; i++) {\n          node.style[animateProps[i]] = null as any;\n        }\n        node.removeEventListener('transitionend', handleTransitionEnd);\n        node.removeEventListener('transitioncancel', handleTransitionEnd);\n      };\n      const animationFrame = requestAnimationFrame(() => {\n        if (!node) return;\n        node.addEventListener('transitionend', handleTransitionEnd);\n        node.addEventListener('transitioncancel', handleTransitionEnd);\n        node.style.transition = `${duration}ms all ease-in-out`;\n        for (let i = 0; i < animateProps.length; i++) {\n          lastSizesRef.current[i] = sizes[i];\n          node.style[animateProps[i]] = `${sizes[i]}px`;\n        }\n      });\n      timeout = setTimeout(handleTransitionEnd, 500) as any;\n      return () => {\n        cancelAnimationFrame(animationFrame);\n        handleTransitionEnd();\n      };\n    }, [\n      __animatedEnhanceInstanceId,\n      props.animationsDisabled,\n      duration,\n      ...onChangeOf.map((propName) => props[propName]),\n    ]);\n\n    return {\n      ref: useForkRef(ref, nodeRef),\n      __animatedEnhanceInstanceId: __animatedEnhanceInstanceId ?? animatedSizeInstanceIdRef.current,\n      ...other,\n    };\n  };\n}\n\nexport default animatedSizeEnhance;\n"],"mappings":"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","ignoreList":[]}

package/lib/utils/enhances/contextEnhance.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare function contextEnhance(context: React.Context<any>, setOnProp: string): (props: any) => any;
+export default contextEnhance;

package/lib/utils/enhances/contextEnhance.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime/helpers/objectDestructuringEmpty"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+function contextEnhance(context, setOnProp) {
+  return function (props) {
+    var other = (0, _extends2["default"])({}, ((0, _objectDestructuringEmpty2["default"])(props), props));
+    var value = _react["default"].useContext(context);
+    return (0, _objectSpread3["default"])((0, _objectSpread3["default"])({}, other), {}, (0, _defineProperty2["default"])({}, setOnProp, value));
+  };
+}
+var _default = exports["default"] = contextEnhance;
+//# sourceMappingURL=contextEnhance.js.map

package/lib/utils/enhances/contextEnhance.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"contextEnhance.js","names":["_react","_interopRequireDefault","require","contextEnhance","context","setOnProp","props","other","_extends2","_objectDestructuringEmpty2","value","React","useContext","_objectSpread3","_defineProperty2","_default","exports"],"sources":["../../../src/utils/enhances/contextEnhance.tsx"],"sourcesContent":["import React from 'react';\n\nfunction contextEnhance(context: React.Context<any>, setOnProp: string) {\n  return (props: any) => {\n    const { ...other } = props;\n    const value = React.useContext(context);\n    return {\n      ...other,\n      [setOnProp]: value,\n    };\n  };\n}\n\nexport default contextEnhance;\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,SAASC,cAAcA,CAACC,OAA2B,EAAEC,SAAiB,EAAE;EACtE,OAAO,UAACC,KAAU,EAAK;IACrB,IAAWC,KAAK,OAAAC,SAAA,sBAAAC,0BAAA,aAAKH,KAAK,GAALA,KAAK;IAC1B,IAAMI,KAAK,GAAGC,iBAAK,CAACC,UAAU,CAACR,OAAO,CAAC;IACvC,WAAAS,cAAA,iBAAAA,cAAA,iBACKN,KAAK,WAAAO,gBAAA,iBACPT,SAAS,EAAGK,KAAK;EAEtB,CAAC;AACH;AAAC,IAAAK,QAAA,GAAAC,OAAA,cAEcb,cAAc","ignoreList":[]}

package/lib/utils/enhances/contextEnhance.mjs

@@ -0,0 +1,14 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectDestructuringEmpty from "@babel/runtime/helpers/esm/objectDestructuringEmpty";
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from 'react';
+function contextEnhance(context, setOnProp) {
+  return function (props) {
+    var other = _extends({}, (_objectDestructuringEmpty(props), props));
+    var value = React.useContext(context);
+    return _objectSpread(_objectSpread({}, other), {}, _defineProperty({}, setOnProp, value));
+  };
+}
+export default contextEnhance;
+//# sourceMappingURL=contextEnhance.mjs.map

package/lib/utils/enhances/contextEnhance.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"contextEnhance.mjs","names":["React","contextEnhance","context","setOnProp","props","other","_extends","_objectDestructuringEmpty","value","useContext","_objectSpread","_defineProperty"],"sources":["../../../src/utils/enhances/contextEnhance.tsx"],"sourcesContent":["import React from 'react';\n\nfunction contextEnhance(context: React.Context<any>, setOnProp: string) {\n  return (props: any) => {\n    const { ...other } = props;\n    const value = React.useContext(context);\n    return {\n      ...other,\n      [setOnProp]: value,\n    };\n  };\n}\n\nexport default contextEnhance;\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,cAAcA,CAACC,OAA2B,EAAEC,SAAiB,EAAE;EACtE,OAAO,UAACC,KAAU,EAAK;IACrB,IAAWC,KAAK,GAAAC,QAAA,MAAAC,yBAAA,CAAKH,KAAK,GAALA,KAAK;IAC1B,IAAMI,KAAK,GAAGR,KAAK,CAACS,UAAU,CAACP,OAAO,CAAC;IACvC,OAAAQ,aAAA,CAAAA,aAAA,KACKL,KAAK,OAAAM,eAAA,KACPR,SAAS,EAAGK,KAAK;EAEtB,CAAC;AACH;AAEA,eAAeP,cAAc","ignoreList":[]}

package/lib/utils/enhances/i18nEnhance.d.ts

@@ -0,0 +1,21 @@
+import { type LocaleKeys, useI18n } from './WithI18n';
+export type WithI18nEnhanceProps = {
+    getI18nText?: (key?: string, variables?: {}) => any;
+    i18n?: {
+        [locale: string]: {
+            [key: string]: string;
+        };
+    };
+    locale?: LocaleKeys;
+};
+type Messages = {
+    [messageId: string]: string;
+};
+type MessagesContainer = {
+    [locale: string]: Messages | (() => Promise<Messages>);
+};
+export declare const useAsyncI18nMessages: (primaryContainer: MessagesContainer, locale: string, fallbackContainer?: MessagesContainer) => Messages;
+declare const _default: (container?: MessagesContainer) => (props: any) => {
+    getI18nText: ReturnType<typeof useI18n>;
+};
+export default _default;

package/lib/utils/enhances/i18nEnhance.js

@@ -0,0 +1,99 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useAsyncI18nMessages = exports["default"] = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+var _regenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/regenerator"));
+var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _react = _interopRequireDefault(require("react"));
+var _WithI18n = require("./WithI18n");
+var useAsyncI18nMessages = exports.useAsyncI18nMessages = function useAsyncI18nMessages(primaryContainer, locale, fallbackContainer) {
+  var _store$locale;
+  var container = _react["default"].useMemo(function () {
+    if (!fallbackContainer) return primaryContainer;
+    if (!primaryContainer) return fallbackContainer;
+    if (primaryContainer === fallbackContainer) return primaryContainer;
+    var container = {};
+    var _loop = function _loop(_locale) {
+      if (typeof primaryContainer[_locale] === 'function' || typeof fallbackContainer[_locale] === 'function') {
+        container[_locale] = /*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/(0, _regenerator2["default"])().m(function _callee() {
+          var _yield$Promise$all, _yield$Promise$all2, primary, fallback;
+          return (0, _regenerator2["default"])().w(function (_context) {
+            while (1) switch (_context.n) {
+              case 0:
+                _context.n = 1;
+                return Promise.all([primaryContainer[_locale], fallbackContainer[_locale]]);
+              case 1:
+                _yield$Promise$all = _context.v;
+                _yield$Promise$all2 = (0, _slicedToArray2["default"])(_yield$Promise$all, 2);
+                primary = _yield$Promise$all2[0];
+                fallback = _yield$Promise$all2[1];
+                return _context.a(2, (0, _objectSpread3["default"])((0, _objectSpread3["default"])({}, primary), fallback));
+            }
+          }, _callee);
+        }));
+      } else {
+        var _primaryContainer$_lo, _fallbackContainer$_l;
+        container[_locale] = (0, _objectSpread3["default"])((0, _objectSpread3["default"])({}, (_primaryContainer$_lo = primaryContainer[_locale]) !== null && _primaryContainer$_lo !== void 0 ? _primaryContainer$_lo : {}), (_fallbackContainer$_l = fallbackContainer[_locale]) !== null && _fallbackContainer$_l !== void 0 ? _fallbackContainer$_l : {});
+      }
+    };
+    for (var _locale in primaryContainer) {
+      _loop(_locale);
+    }
+    return container;
+  }, [primaryContainer, fallbackContainer]);
+  var initStore = _react["default"].useMemo(function () {
+    var store = {};
+    for (var _locale2 in container) {
+      if ((0, _typeof2["default"])(container[_locale2]) === 'object') {
+        store[_locale2] = container[_locale2];
+      }
+    }
+    return store;
+  }, [container]);
+  var _React$useState = _react["default"].useState(initStore),
+    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
+    store = _React$useState2[0],
+    setStore = _React$useState2[1];
+  var lastLoadedLocaleRef = _react["default"].useRef(null);
+  if (store[locale]) lastLoadedLocaleRef.current = locale;
+  var fallbackMessages = _react["default"].useMemo(function () {
+    return Object.values(store)[0];
+  }, [store]);
+  var loadingLocaleRef = _react["default"].useRef(null);
+  _react["default"].useEffect(function () {
+    loadingLocaleRef.current = locale;
+    var asyncMessages = container[locale];
+    if (typeof asyncMessages === 'function') {
+      asyncMessages().then(function (module) {
+        if (loadingLocaleRef.current !== locale) return;
+        var messages = module;
+        if ('default' in module && (0, _typeof2["default"])(module["default"]) === 'object') messages = module["default"];
+        setStore(function (store) {
+          return (0, _objectSpread3["default"])((0, _objectSpread3["default"])({}, store), {}, (0, _defineProperty2["default"])({}, locale, messages));
+        });
+      })["catch"](function (err) {
+        // eslint-disable-next-line no-console
+        console.error(err);
+      });
+    }
+  }, [container, locale]);
+  return (_store$locale = store[locale]) !== null && _store$locale !== void 0 ? _store$locale : fallbackMessages;
+};
+var _default = exports["default"] = function _default(container) {
+  return function (props) {
+    var i18n = props.i18n,
+      locale = props.locale;
+    var getI18nText = (0, _WithI18n.useI18n)(i18n, locale, container);
+    return (0, _objectSpread3["default"])((0, _objectSpread3["default"])({}, props), {}, {
+      getI18nText: getI18nText
+    });
+  };
+};
+//# sourceMappingURL=i18nEnhance.js.map

package/lib/utils/enhances/i18nEnhance.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"i18nEnhance.js","names":["_react","_interopRequireDefault","require","_WithI18n","useAsyncI18nMessages","exports","primaryContainer","locale","fallbackContainer","_store$locale","container","React","useMemo","_loop","_locale","_asyncToGenerator2","_regenerator2","m","_callee","_yield$Promise$all","_yield$Promise$all2","primary","fallback","w","_context","n","Promise","all","v","_slicedToArray2","a","_objectSpread3","_primaryContainer$_lo","_fallbackContainer$_l","initStore","store","_typeof2","_React$useState","useState","_React$useState2","setStore","lastLoadedLocaleRef","useRef","current","fallbackMessages","Object","values","loadingLocaleRef","useEffect","asyncMessages","then","module","messages","_defineProperty2","err","console","error","_default","props","i18n","getI18nText","useI18n"],"sources":["../../../src/utils/enhances/i18nEnhance.tsx"],"sourcesContent":["import React from 'react';\n\nimport { type LocaleKeys, useI18n } from './WithI18n';\n\nexport type WithI18nEnhanceProps = {\n  /* Function for getting the required field from the translation dictionary */\n  getI18nText?: (key?: string, variables?: {}) => any;\n  /* Object with translations */\n  i18n?: {\n    [locale: string]: {\n      [key: string]: string;\n    };\n  };\n  /* Locale for translations */\n  locale?: LocaleKeys;\n};\n\ntype Messages = { [messageId: string]: string };\ntype MessagesContainer = { [locale: string]: Messages | (() => Promise<Messages>) };\ntype MessagesStore = { [locale: string]: Messages };\nexport const useAsyncI18nMessages = (\n  primaryContainer: MessagesContainer,\n  locale: string,\n  fallbackContainer?: MessagesContainer,\n) => {\n  const container = React.useMemo(() => {\n    if (!fallbackContainer) return primaryContainer;\n    if (!primaryContainer) return fallbackContainer;\n    if (primaryContainer === fallbackContainer) return primaryContainer;\n    const container: MessagesContainer = {};\n    for (const locale in primaryContainer) {\n      if (\n        typeof primaryContainer[locale] === 'function' ||\n        typeof fallbackContainer[locale] === 'function'\n      ) {\n        container[locale] = async () => {\n          const [primary, fallback] = await Promise.all([\n            primaryContainer[locale],\n            fallbackContainer[locale],\n          ]);\n          return { ...primary, ...fallback };\n        };\n      } else {\n        container[locale] = {\n          ...(primaryContainer[locale] ?? {}),\n          ...(fallbackContainer[locale] ?? {}),\n        };\n      }\n    }\n    return container;\n  }, [primaryContainer, fallbackContainer]);\n  const initStore = React.useMemo(() => {\n    const store: MessagesStore = {};\n    for (const locale in container) {\n      if (typeof container[locale] === 'object') {\n        store[locale] = container[locale] as Messages;\n      }\n    }\n    return store;\n  }, [container]);\n  const [store, setStore] = React.useState(initStore);\n  const lastLoadedLocaleRef = React.useRef<string | null>(null);\n  if (store[locale]) lastLoadedLocaleRef.current = locale;\n  const fallbackMessages = React.useMemo(() => Object.values(store)[0], [store]);\n\n  const loadingLocaleRef = React.useRef<string | null>(null);\n  React.useEffect(() => {\n    loadingLocaleRef.current = locale;\n    const asyncMessages = container[locale];\n    if (typeof asyncMessages === 'function') {\n      asyncMessages()\n        .then((module) => {\n          if (loadingLocaleRef.current !== locale) return;\n          let messages = module;\n          if ('default' in module && typeof module.default === 'object') messages = module.default;\n          setStore((store) => ({\n            ...store,\n            [locale]: messages,\n          }));\n        })\n\n        .catch((err) => {\n          // eslint-disable-next-line no-console\n          console.error(err);\n        });\n    }\n  }, [container, locale]);\n\n  return store[locale] ?? fallbackMessages;\n};\nexport default (container?: MessagesContainer) => {\n  return (props: any): { getI18nText: ReturnType<typeof useI18n> } => {\n    const { i18n, locale } = props;\n    const getI18nText = useI18n(i18n, locale, container);\n\n    return { ...props, getI18nText };\n  };\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/utils/enhances/i18nEnhance.mjs

@@ -0,0 +1,90 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _typeof from "@babel/runtime/helpers/esm/typeof";
+import _regenerator from "@babel/runtime/helpers/esm/regenerator";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import React from "react";
+import { useI18n } from "./WithI18n.mjs";
+var useAsyncI18nMessages = function useAsyncI18nMessages2(primaryContainer, locale, fallbackContainer) {
+  var _store$locale;
+  var container = React.useMemo(function() {
+    if (!fallbackContainer) return primaryContainer;
+    if (!primaryContainer) return fallbackContainer;
+    if (primaryContainer === fallbackContainer) return primaryContainer;
+    var container2 = {};
+    var _loop = function _loop2(_locale2) {
+      if (typeof primaryContainer[_locale2] === "function" || typeof fallbackContainer[_locale2] === "function") {
+        container2[_locale2] = /* @__PURE__ */ _asyncToGenerator(/* @__PURE__ */ _regenerator().m(function _callee() {
+          var _yield$Promise$all, _yield$Promise$all2, primary, fallback;
+          return _regenerator().w(function(_context) {
+            while (1) switch (_context.n) {
+              case 0:
+                _context.n = 1;
+                return Promise.all([primaryContainer[_locale2], fallbackContainer[_locale2]]);
+              case 1:
+                _yield$Promise$all = _context.v;
+                _yield$Promise$all2 = _slicedToArray(_yield$Promise$all, 2);
+                primary = _yield$Promise$all2[0];
+                fallback = _yield$Promise$all2[1];
+                return _context.a(2, _objectSpread(_objectSpread({}, primary), fallback));
+            }
+          }, _callee);
+        }));
+      } else {
+        var _primaryContainer$_lo, _fallbackContainer$_l;
+        container2[_locale2] = _objectSpread(_objectSpread({}, (_primaryContainer$_lo = primaryContainer[_locale2]) !== null && _primaryContainer$_lo !== void 0 ? _primaryContainer$_lo : {}), (_fallbackContainer$_l = fallbackContainer[_locale2]) !== null && _fallbackContainer$_l !== void 0 ? _fallbackContainer$_l : {});
+      }
+    };
+    for (var _locale in primaryContainer) {
+      _loop(_locale);
+    }
+    return container2;
+  }, [primaryContainer, fallbackContainer]);
+  var initStore = React.useMemo(function() {
+    var store2 = {};
+    for (var _locale2 in container) {
+      if (_typeof(container[_locale2]) === "object") {
+        store2[_locale2] = container[_locale2];
+      }
+    }
+    return store2;
+  }, [container]);
+  var _React$useState = React.useState(initStore), _React$useState2 = _slicedToArray(_React$useState, 2), store = _React$useState2[0], setStore = _React$useState2[1];
+  var lastLoadedLocaleRef = React.useRef(null);
+  if (store[locale]) lastLoadedLocaleRef.current = locale;
+  var fallbackMessages = React.useMemo(function() {
+    return Object.values(store)[0];
+  }, [store]);
+  var loadingLocaleRef = React.useRef(null);
+  React.useEffect(function() {
+    loadingLocaleRef.current = locale;
+    var asyncMessages = container[locale];
+    if (typeof asyncMessages === "function") {
+      asyncMessages().then(function(module) {
+        if (loadingLocaleRef.current !== locale) return;
+        var messages = module;
+        if ("default" in module && _typeof(module["default"]) === "object") messages = module["default"];
+        setStore(function(store2) {
+          return _objectSpread(_objectSpread({}, store2), {}, _defineProperty({}, locale, messages));
+        });
+      })["catch"](function(err) {
+        console.error(err);
+      });
+    }
+  }, [container, locale]);
+  return (_store$locale = store[locale]) !== null && _store$locale !== void 0 ? _store$locale : fallbackMessages;
+};
+const i18nEnhance = (function(container) {
+  return function(props) {
+    var i18n = props.i18n, locale = props.locale;
+    var getI18nText = useI18n(i18n, locale, container);
+    return _objectSpread(_objectSpread({}, props), {}, {
+      getI18nText
+    });
+  };
+});
+export {
+  i18nEnhance as default,
+  useAsyncI18nMessages
+};

package/lib/utils/enhances/i18nEnhance.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"i18nEnhance.mjs","names":["React","useI18n","useAsyncI18nMessages","primaryContainer","locale","fallbackContainer","_store$locale","container","useMemo","_loop","_locale","_asyncToGenerator","_regenerator","m","_callee","_yield$Promise$all","_yield$Promise$all2","primary","fallback","w","_context","n","Promise","all","v","_slicedToArray","a","_objectSpread","_primaryContainer$_lo","_fallbackContainer$_l","initStore","store","_typeof","_React$useState","useState","_React$useState2","setStore","lastLoadedLocaleRef","useRef","current","fallbackMessages","Object","values","loadingLocaleRef","useEffect","asyncMessages","then","module","messages","_defineProperty","err","console","error","props","i18n","getI18nText"],"sources":["../../../src/utils/enhances/i18nEnhance.tsx"],"sourcesContent":["import React from 'react';\n\nimport { type LocaleKeys, useI18n } from './WithI18n';\n\nexport type WithI18nEnhanceProps = {\n  /* Function for getting the required field from the translation dictionary */\n  getI18nText?: (key?: string, variables?: {}) => any;\n  /* Object with translations */\n  i18n?: {\n    [locale: string]: {\n      [key: string]: string;\n    };\n  };\n  /* Locale for translations */\n  locale?: LocaleKeys;\n};\n\ntype Messages = { [messageId: string]: string };\ntype MessagesContainer = { [locale: string]: Messages | (() => Promise<Messages>) };\ntype MessagesStore = { [locale: string]: Messages };\nexport const useAsyncI18nMessages = (\n  primaryContainer: MessagesContainer,\n  locale: string,\n  fallbackContainer?: MessagesContainer,\n) => {\n  const container = React.useMemo(() => {\n    if (!fallbackContainer) return primaryContainer;\n    if (!primaryContainer) return fallbackContainer;\n    if (primaryContainer === fallbackContainer) return primaryContainer;\n    const container: MessagesContainer = {};\n    for (const locale in primaryContainer) {\n      if (\n        typeof primaryContainer[locale] === 'function' ||\n        typeof fallbackContainer[locale] === 'function'\n      ) {\n        container[locale] = async () => {\n          const [primary, fallback] = await Promise.all([\n            primaryContainer[locale],\n            fallbackContainer[locale],\n          ]);\n          return { ...primary, ...fallback };\n        };\n      } else {\n        container[locale] = {\n          ...(primaryContainer[locale] ?? {}),\n          ...(fallbackContainer[locale] ?? {}),\n        };\n      }\n    }\n    return container;\n  }, [primaryContainer, fallbackContainer]);\n  const initStore = React.useMemo(() => {\n    const store: MessagesStore = {};\n    for (const locale in container) {\n      if (typeof container[locale] === 'object') {\n        store[locale] = container[locale] as Messages;\n      }\n    }\n    return store;\n  }, [container]);\n  const [store, setStore] = React.useState(initStore);\n  const lastLoadedLocaleRef = React.useRef<string | null>(null);\n  if (store[locale]) lastLoadedLocaleRef.current = locale;\n  const fallbackMessages = React.useMemo(() => Object.values(store)[0], [store]);\n\n  const loadingLocaleRef = React.useRef<string | null>(null);\n  React.useEffect(() => {\n    loadingLocaleRef.current = locale;\n    const asyncMessages = container[locale];\n    if (typeof asyncMessages === 'function') {\n      asyncMessages()\n        .then((module) => {\n          if (loadingLocaleRef.current !== locale) return;\n          let messages = module;\n          if ('default' in module && typeof module.default === 'object') messages = module.default;\n          setStore((store) => ({\n            ...store,\n            [locale]: messages,\n          }));\n        })\n\n        .catch((err) => {\n          // eslint-disable-next-line no-console\n          console.error(err);\n        });\n    }\n  }, [container, locale]);\n\n  return store[locale] ?? fallbackMessages;\n};\nexport default (container?: MessagesContainer) => {\n  return (props: any): { getI18nText: ReturnType<typeof useI18n> } => {\n    const { i18n, locale } = props;\n    const getI18nText = useI18n(i18n, locale, container);\n\n    return { ...props, getI18nText };\n  };\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/utils/enhances/resolveColorEnhance.d.ts

@@ -0,0 +1,2 @@
+declare const resolveColorEnhance: () => (props: any) => any;
+export default resolveColorEnhance;

package/lib/utils/enhances/resolveColorEnhance.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _assignProps = _interopRequireDefault(require("../assignProps"));
+var _ref = require("../ref");
+var _useColorResolver = require("../use/useColorResolver");
+var resolveColorEnhance = function resolveColorEnhance() {
+  return function (props) {
+    var ref = props.ref;
+    var internalRef = _react["default"].useRef();
+    var resolveColor = (0, _useColorResolver.useColorResolver)();
+    return (0, _assignProps["default"])(props, {
+      ref: (0, _ref.useForkRef)(ref, internalRef),
+      resolveColor: resolveColor
+    });
+  };
+};
+var _default = exports["default"] = resolveColorEnhance;
+//# sourceMappingURL=resolveColorEnhance.js.map

package/lib/utils/enhances/resolveColorEnhance.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveColorEnhance.js","names":["_react","_interopRequireDefault","require","_assignProps","_ref","_useColorResolver","resolveColorEnhance","props","ref","internalRef","React","useRef","resolveColor","useColorResolver","assignProps","useForkRef","_default","exports"],"sources":["../../../src/utils/enhances/resolveColorEnhance.tsx"],"sourcesContent":["import React from 'react';\n\nimport assignProps from '../assignProps';\nimport { useForkRef } from '../ref';\nimport { useColorResolver } from '../use/useColorResolver';\n\nconst resolveColorEnhance = () => {\n  return (props: any) => {\n    const { ref } = props;\n    const internalRef = React.useRef<HTMLElement>();\n    const resolveColor = useColorResolver();\n\n    return assignProps(props, {\n      ref: useForkRef(ref, internalRef),\n      resolveColor,\n    });\n  };\n};\n\nexport default resolveColorEnhance;\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,YAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,IAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AAEA,IAAMI,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAA,EAAS;EAChC,OAAO,UAACC,KAAU,EAAK;IACrB,IAAQC,GAAG,GAAKD,KAAK,CAAbC,GAAG;IACX,IAAMC,WAAW,GAAGC,iBAAK,CAACC,MAAM,CAAc,CAAC;IAC/C,IAAMC,YAAY,GAAG,IAAAC,kCAAgB,EAAC,CAAC;IAEvC,OAAO,IAAAC,uBAAW,EAACP,KAAK,EAAE;MACxBC,GAAG,EAAE,IAAAO,eAAU,EAACP,GAAG,EAAEC,WAAW,CAAC;MACjCG,YAAY,EAAZA;IACF,CAAC,CAAC;EACJ,CAAC;AACH,CAAC;AAAC,IAAAI,QAAA,GAAAC,OAAA,cAEaX,mBAAmB","ignoreList":[]}

package/lib/utils/enhances/resolveColorEnhance.mjs

@@ -0,0 +1,17 @@
+import React from 'react';
+import assignProps from "../assignProps.mjs";
+import { useForkRef } from "../ref.mjs";
+import { useColorResolver } from "../use/useColorResolver.mjs";
+var resolveColorEnhance = function resolveColorEnhance() {
+  return function (props) {
+    var ref = props.ref;
+    var internalRef = React.useRef();
+    var resolveColor = useColorResolver();
+    return assignProps(props, {
+      ref: useForkRef(ref, internalRef),
+      resolveColor: resolveColor
+    });
+  };
+};
+export default resolveColorEnhance;
+//# sourceMappingURL=resolveColorEnhance.mjs.map

package/lib/utils/enhances/resolveColorEnhance.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveColorEnhance.mjs","names":["React","assignProps","useForkRef","useColorResolver","resolveColorEnhance","props","ref","internalRef","useRef","resolveColor"],"sources":["../../../src/utils/enhances/resolveColorEnhance.tsx"],"sourcesContent":["import React from 'react';\n\nimport assignProps from '../assignProps';\nimport { useForkRef } from '../ref';\nimport { useColorResolver } from '../use/useColorResolver';\n\nconst resolveColorEnhance = () => {\n  return (props: any) => {\n    const { ref } = props;\n    const internalRef = React.useRef<HTMLElement>();\n    const resolveColor = useColorResolver();\n\n    return assignProps(props, {\n      ref: useForkRef(ref, internalRef),\n      resolveColor,\n    });\n  };\n};\n\nexport default resolveColorEnhance;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,WAAW,MAAM,oBAAgB;AACxC,SAASC,UAAU,QAAQ,YAAQ;AACnC,SAASC,gBAAgB,QAAQ,6BAAyB;AAE1D,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAA,EAAS;EAChC,OAAO,UAACC,KAAU,EAAK;IACrB,IAAQC,GAAG,GAAKD,KAAK,CAAbC,GAAG;IACX,IAAMC,WAAW,GAAGP,KAAK,CAACQ,MAAM,CAAc,CAAC;IAC/C,IAAMC,YAAY,GAAGN,gBAAgB,CAAC,CAAC;IAEvC,OAAOF,WAAW,CAACI,KAAK,EAAE;MACxBC,GAAG,EAAEJ,UAAU,CAACI,GAAG,EAAEC,WAAW,CAAC;MACjCE,YAAY,EAAZA;IACF,CAAC,CAAC;EACJ,CAAC;AACH,CAAC;AAED,eAAeL,mBAAmB","ignoreList":[]}

package/lib/utils/eventEmitter.d.ts

@@ -0,0 +1,13 @@
+type Events = Record<string, (...args: any[]) => void>;
+type Cleanup = () => void;
+export default class EventEmitter<E extends Events, K extends keyof E = keyof E, H extends E[K] = E[K]> {
+    private events;
+    on(eventName: K, fn: H): Cleanup;
+    off(eventName: K, fn: H): void;
+    emit(eventName: K, ...args: Parameters<H>): void;
+    /**
+     * @deprecated. Fallback to the `on` method for backward compatibility.
+     */
+    subscribe(eventName: K, fn: H): Cleanup;
+}
+export {};