@semcore/core 17.0.0-prerelease.20 → 17.0.0-prerelease.20-prerelease.20

package/lib/utils/uniqueID.mjs

@@ -1,26 +1,33 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React from 'react';
 import register from "../register.mjs";
 import useEnhancedEffect from "./use/useEnhancedEffect.mjs";
-const createSource = (prefix = 'ui-kit-') => ({
-  value: 1,
-  prefix
-});
-export const useUID = prefix => {
-  const context = register.get('uid-context', createSource(prefix));
-  const [uid] = React.useId ? [React.useId()] : React.useState(context.value++);
-  const trimmedUid = String(uid).startsWith(':') && String(uid).endsWith(':') ? String(uid).slice(1, -1) : uid;
-  useEnhancedEffect(() => {
+var createSource = function createSource() {
+  var prefix = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'ui-kit-';
+  return {
+    value: 1,
+    prefix: prefix
+  };
+};
+export var useUID = function useUID(prefix) {
+  var _context$prefix;
+  var context = register.get('uid-context', createSource(prefix));
+  var _ref = React.useId ? [React.useId()] : React.useState(context.value++),
+    _ref2 = _slicedToArray(_ref, 1),
+    uid = _ref2[0];
+  var trimmedUid = String(uid).startsWith(':') && String(uid).endsWith(':') ? String(uid).slice(1, -1) : uid;
+  useEnhancedEffect(function () {
     register.set('uid-context', context);
   }, [trimmedUid]);
-  return (context.prefix ?? '') + trimmedUid;
+  return ((_context$prefix = context.prefix) !== null && _context$prefix !== void 0 ? _context$prefix : '') + trimmedUid;
 };
-export default prefix => {
-  return props => {
-    const uid = useUID(prefix);
-    return {
-      uid,
-      ...props
-    };
+export default (function (prefix) {
+  return function (props) {
+    var uid = useUID(prefix);
+    return _objectSpread({
+      uid: uid
+    }, props);
   };
-};
+});
 //# sourceMappingURL=uniqueID.mjs.map

package/lib/utils/uniqueID.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"uniqueID.mjs","names":["React","register","useEnhancedEffect","createSource","prefix","value","useUID","context","get","uid","useId","useState","trimmedUid","String","startsWith","endsWith","slice","set","props"],"sources":["../../src/utils/uniqueID.ts"],"sourcesContent":["import React from 'react';\n\nimport register from '../register';\nimport useEnhancedEffect from './use/useEnhancedEffect';\n\ntype ContextType = {\n  prefix?: string;\n  value: number;\n};\n\nexport type UniqueIDProps = {\n  /* Unique ID */\n  uid?: string;\n};\n\nconst createSource = (prefix = 'ui-kit-'): ContextType => ({ value: 1, prefix });\n\nexport const useUID = (prefix?: string): string => {\n  const context = register.get<ContextType>('uid-context', createSource(prefix));\n  const [uid] = React.useId ? [React.useId()] : React.useState<number>(context.value++);\n  const trimmedUid =\n    String(uid).startsWith(':') && String(uid).endsWith(':') ? String(uid).slice(1, -1) : uid;\n\n  useEnhancedEffect(() => {\n    register.set<ContextType>('uid-context', context);\n  }, [trimmedUid]);\n\n  return (context.prefix ?? '') + trimmedUid;\n};\n\nexport default (prefix?: string) => {\n  return (props: any): { uid: ReturnType<typeof useUID> } => {\n    const uid = useUID(prefix);\n    return {\n      uid,\n      ...props,\n    };\n  };\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,QAAQ,MAAM,iBAAa;AAClC,OAAOC,iBAAiB,MAAM,6BAAyB;AAYvD,MAAMC,YAAY,GAAGA,CAACC,MAAM,GAAG,SAAS,MAAmB;EAAEC,KAAK,EAAE,CAAC;EAAED;AAAO,CAAC,CAAC;AAEhF,OAAO,MAAME,MAAM,GAAIF,MAAe,IAAa;EACjD,MAAMG,OAAO,GAAGN,QAAQ,CAACO,GAAG,CAAc,aAAa,EAAEL,YAAY,CAACC,MAAM,CAAC,CAAC;EAC9E,MAAM,CAACK,GAAG,CAAC,GAAGT,KAAK,CAACU,KAAK,GAAG,CAACV,KAAK,CAACU,KAAK,CAAC,CAAC,CAAC,GAAGV,KAAK,CAACW,QAAQ,CAASJ,OAAO,CAACF,KAAK,EAAE,CAAC;EACrF,MAAMO,UAAU,GACdC,MAAM,CAACJ,GAAG,CAAC,CAACK,UAAU,CAAC,GAAG,CAAC,IAAID,MAAM,CAACJ,GAAG,CAAC,CAACM,QAAQ,CAAC,GAAG,CAAC,GAAGF,MAAM,CAACJ,GAAG,CAAC,CAACO,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAGP,GAAG;EAE3FP,iBAAiB,CAAC,MAAM;IACtBD,QAAQ,CAACgB,GAAG,CAAc,aAAa,EAAEV,OAAO,CAAC;EACnD,CAAC,EAAE,CAACK,UAAU,CAAC,CAAC;EAEhB,OAAO,CAACL,OAAO,CAACH,MAAM,IAAI,EAAE,IAAIQ,UAAU;AAC5C,CAAC;AAED,eAAgBR,MAAe,IAAK;EAClC,OAAQc,KAAU,IAAyC;IACzD,MAAMT,GAAG,GAAGH,MAAM,CAACF,MAAM,CAAC;IAC1B,OAAO;MACLK,GAAG;MACH,GAAGS;IACL,CAAC;EACH,CAAC;AACH,CAAC","ignoreList":[]}
+{"version":3,"file":"uniqueID.mjs","names":["React","register","useEnhancedEffect","createSource","prefix","arguments","length","undefined","value","useUID","_context$prefix","context","get","_ref","useId","useState","_ref2","_slicedToArray","uid","trimmedUid","String","startsWith","endsWith","slice","set","props","_objectSpread"],"sources":["../../src/utils/uniqueID.ts"],"sourcesContent":["import React from 'react';\n\nimport register from '../register';\nimport useEnhancedEffect from './use/useEnhancedEffect';\n\ntype ContextType = {\n  prefix?: string;\n  value: number;\n};\n\nexport type UniqueIDProps = {\n  /* Unique ID */\n  uid?: string;\n};\n\nconst createSource = (prefix = 'ui-kit-'): ContextType => ({ value: 1, prefix });\n\nexport const useUID = (prefix?: string): string => {\n  const context = register.get<ContextType>('uid-context', createSource(prefix));\n  const [uid] = React.useId ? [React.useId()] : React.useState<number>(context.value++);\n  const trimmedUid =\n    String(uid).startsWith(':') && String(uid).endsWith(':') ? String(uid).slice(1, -1) : uid;\n\n  useEnhancedEffect(() => {\n    register.set<ContextType>('uid-context', context);\n  }, [trimmedUid]);\n\n  return (context.prefix ?? '') + trimmedUid;\n};\n\nexport default (prefix?: string) => {\n  return (props: any): { uid: ReturnType<typeof useUID> } => {\n    const uid = useUID(prefix);\n    return {\n      uid,\n      ...props,\n    };\n  };\n};\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,QAAQ,MAAM,iBAAa;AAClC,OAAOC,iBAAiB,MAAM,6BAAyB;AAYvD,IAAMC,YAAY,GAAG,SAAfA,YAAYA,CAAA;EAAA,IAAIC,MAAM,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,SAAS;EAAA,OAAmB;IAAEG,KAAK,EAAE,CAAC;IAAEJ,MAAM,EAANA;EAAO,CAAC;AAAA,CAAC;AAEhF,OAAO,IAAMK,MAAM,GAAG,SAATA,MAAMA,CAAIL,MAAe,EAAa;EAAA,IAAAM,eAAA;EACjD,IAAMC,OAAO,GAAGV,QAAQ,CAACW,GAAG,CAAc,aAAa,EAAET,YAAY,CAACC,MAAM,CAAC,CAAC;EAC9E,IAAAS,IAAA,GAAcb,KAAK,CAACc,KAAK,GAAG,CAACd,KAAK,CAACc,KAAK,CAAC,CAAC,CAAC,GAAGd,KAAK,CAACe,QAAQ,CAASJ,OAAO,CAACH,KAAK,EAAE,CAAC;IAAAQ,KAAA,GAAAC,cAAA,CAAAJ,IAAA;IAA9EK,GAAG,GAAAF,KAAA;EACV,IAAMG,UAAU,GACdC,MAAM,CAACF,GAAG,CAAC,CAACG,UAAU,CAAC,GAAG,CAAC,IAAID,MAAM,CAACF,GAAG,CAAC,CAACI,QAAQ,CAAC,GAAG,CAAC,GAAGF,MAAM,CAACF,GAAG,CAAC,CAACK,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAGL,GAAG;EAE3FhB,iBAAiB,CAAC,YAAM;IACtBD,QAAQ,CAACuB,GAAG,CAAc,aAAa,EAAEb,OAAO,CAAC;EACnD,CAAC,EAAE,CAACQ,UAAU,CAAC,CAAC;EAEhB,OAAO,EAAAT,eAAA,GAACC,OAAO,CAACP,MAAM,cAAAM,eAAA,cAAAA,eAAA,GAAI,EAAE,IAAIS,UAAU;AAC5C,CAAC;AAED,gBAAe,UAACf,MAAe,EAAK;EAClC,OAAO,UAACqB,KAAU,EAAyC;IACzD,IAAMP,GAAG,GAAGT,MAAM,CAACL,MAAM,CAAC;IAC1B,OAAAsB,aAAA;MACER,GAAG,EAAHA;IAAG,GACAO,KAAK;EAEZ,CAAC;AACH,CAAC","ignoreList":[]}

package/lib/utils/use/useColorResolver.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -8,8 +8,8 @@ exports.useColorResolver = void 0;
 var _default = _interopRequireDefault(require("../../theme/themes/default"));
 var _logger = _interopRequireDefault(require("../logger"));
 var _ThemeProvider = require("../ThemeProvider");
-const defaultDesignTheme = _default.default;
-const deprecatedPalette = {
+var defaultDesignTheme = _default["default"];
+var deprecatedPalette = {
   '--denim-blue': '#006dca',
   '--light-blue': '#008ff8',
   '--neon-blue': '#8ecdff',
@@ -69,40 +69,41 @@ const deprecatedPalette = {
   '--googleplus': '#e14b3f',
   '--linkedin': '#1a7ab2'
 };
-const makeDeprecationMessage = color => `You are using ${color} color in your app. It's deprecated and will be removed from palette in the next major release. Please use colors from https://developer.semrush.com/intergalactic/style/design-tokens/ instead.`;
-const useColorResolver = () => {
-  const contextTheme = (0, _ThemeProvider.useContextTokens)();
-  return color => {
+var makeDeprecationMessage = function makeDeprecationMessage(color) {
+  return "You are using ".concat(color, " color in your app. It's deprecated and will be removed from palette in the next major release. Please use colors from https://developer.semrush.com/intergalactic/style/design-tokens/ instead.");
+};
+var useColorResolver = exports.useColorResolver = function useColorResolver() {
+  var contextTheme = (0, _ThemeProvider.useContextTokens)();
+  return function (color) {
     if (!color) return undefined;
     if (color.startsWith('--')) {
       if (deprecatedPalette[color]) {
-        _logger.default.warn(true, makeDeprecationMessage(color), undefined);
+        _logger["default"].warn(true, makeDeprecationMessage(color), undefined);
         return deprecatedPalette[color];
       }
-      let resolvedColor;
-      if (contextTheme?.[color]) {
+      var resolvedColor;
+      if (contextTheme !== null && contextTheme !== void 0 && contextTheme[color]) {
         resolvedColor = contextTheme[color];
       }
       if (defaultDesignTheme[color]) {
         resolvedColor = defaultDesignTheme[color];
       }
       if (resolvedColor) {
-        return `var(${color}, ${resolvedColor})`;
+        return "var(".concat(color, ", ").concat(resolvedColor, ")");
       }
-      return `var(${color})`;
+      return "var(".concat(color, ")");
     }
-    if (defaultDesignTheme[`--intergalactic-${color}`]) {
-      return `var(--intergalactic-${color}, ${defaultDesignTheme[`--intergalactic-${color}`]})`;
+    if (defaultDesignTheme["--intergalactic-".concat(color)]) {
+      return "var(--intergalactic-".concat(color, ", ").concat(defaultDesignTheme["--intergalactic-".concat(color)], ")");
     }
-    if (defaultDesignTheme[`--${color}`]) {
-      return `var(--${color}, ${defaultDesignTheme[`--${color}`]})`;
+    if (defaultDesignTheme["--".concat(color)]) {
+      return "var(--".concat(color, ", ").concat(defaultDesignTheme["--".concat(color)], ")");
     }
-    if (deprecatedPalette[`--${color}`]) {
-      _logger.default.warn(true, makeDeprecationMessage(color), undefined);
-      return deprecatedPalette[`--${color}`];
+    if (deprecatedPalette["--".concat(color)]) {
+      _logger["default"].warn(true, makeDeprecationMessage(color), undefined);
+      return deprecatedPalette["--".concat(color)];
     }
     return color;
   };
 };
-exports.useColorResolver = useColorResolver;
 //# sourceMappingURL=useColorResolver.js.map

package/lib/utils/use/useColorResolver.js.map

@@ -1 +1 @@
-{"version":3,"file":"useColorResolver.js","names":["_default","_interopRequireDefault","require","_logger","_ThemeProvider","defaultDesignTheme","defaultDesignThemeJson","deprecatedPalette","makeDeprecationMessage","color","useColorResolver","contextTheme","useContextTokens","undefined","startsWith","logger","warn","resolvedColor","exports"],"sources":["../../../src/utils/use/useColorResolver.ts"],"sourcesContent":["import defaultDesignThemeJson from '../../theme/themes/default';\nimport logger from '../logger';\nimport { useContextTokens } from '../ThemeProvider';\n\nconst defaultDesignTheme = defaultDesignThemeJson as Record<string, string>;\nconst deprecatedPalette: Record<string, string> = {\n  '--denim-blue': '#006dca',\n  '--light-blue': '#008ff8',\n  '--neon-blue': '#8ecdff',\n  '--cyan': '#2bb3ff',\n  '--green': '#009f81',\n  '--dark-green': '#007c65',\n  '--yellow': '#fdc23c',\n  '--light-orange': '#ff8c43',\n  '--orange': '#ff642d',\n  '--dark-orange': '#c33909',\n  '--red': '#ff4953',\n  '--dark-red': '#d1002f',\n  '--violet': '#ab6cfe',\n  '--dark-violet': '#8649e1',\n  '--pink': '#e14adf',\n  '--asphalt': '#6c6e79',\n  '--wall': '#8a8e9b',\n  '--mist': '#a9abb6',\n  '--mist-light': '#c4c7cf',\n  '--stone': '#a9abb6',\n  '--stone-light': '#c4c7cf',\n  '--gray20': '#191b23',\n  '--gray30': '#191b23',\n  '--gray40': '#484a54',\n  '--gray60': '#6c6e79',\n  '--gray70': '#a9abb6',\n  '--gray80': '#c4c7cf',\n  '--gray94': '#e0e1e9',\n  '--gray96': '#f4f5f9',\n  '--mystic': '#f4f5f9',\n  '--mercury': '#e0e1e9',\n  '--blue50': '#e9f7ff',\n  '--blue100': '#c4e5fe',\n  '--blue400': '#008ff8',\n  '--blue600': '#044792',\n  '--green50': '#dbfee8',\n  '--green100': '#9ef2c9',\n  '--green200': '#59ddaa',\n  '--green300': '#00c192',\n  '--green600': '#055345',\n  '--red50': '#fff0f7',\n  '--red100': '#ffd7df',\n  '--red200': '#ffaeb5',\n  '--red300': '#ff8786',\n  '--red600': '#8e0016',\n  '--orange50': '#fff3d9',\n  '--orange100': '#ffdca2',\n  '--orange200': '#ffb26e',\n  '--yellow100': '#fce081',\n  '--iceberg-blue': '#6fafd4',\n  '--salad': '#8bc835',\n  '--granitic': '#2f3439',\n  '--gray10': '#222222',\n  '--sky': '#e1f2ff',\n  '--lily': '#e6f9fd',\n  '--marble': '#f1f6f8',\n  '--googleplus': '#e14b3f',\n  '--linkedin': '#1a7ab2',\n};\n\nconst makeDeprecationMessage = (color: string) =>\n  `You are using ${color} color in your app. It's deprecated and will be removed from palette in the next major release. Please use colors from https://developer.semrush.com/intergalactic/style/design-tokens/ instead.`;\n\nexport const useColorResolver = () => {\n  const contextTheme = useContextTokens();\n\n  return (color?: string) => {\n    if (!color) return undefined as any;\n    if (color.startsWith('--')) {\n      if (deprecatedPalette[color]) {\n        logger.warn(true, makeDeprecationMessage(color), undefined);\n        return deprecatedPalette[color];\n      }\n      let resolvedColor: string | undefined;\n\n      if (contextTheme?.[color]) {\n        resolvedColor = contextTheme[color];\n      }\n      if (defaultDesignTheme[color]) {\n        resolvedColor = defaultDesignTheme[color];\n      }\n\n      if (resolvedColor) {\n        return `var(${color}, ${resolvedColor})`;\n      }\n\n      return `var(${color})`;\n    }\n    if (defaultDesignTheme[`--intergalactic-${color}`]) {\n      return `var(--intergalactic-${color}, ${defaultDesignTheme[`--intergalactic-${color}`]})`;\n    }\n    if (defaultDesignTheme[`--${color}`]) {\n      return `var(--${color}, ${defaultDesignTheme[`--${color}`]})`;\n    }\n    if (deprecatedPalette[`--${color}`]) {\n      logger.warn(true, makeDeprecationMessage(color), undefined);\n      return deprecatedPalette[`--${color}`];\n    }\n    return color;\n  };\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"useColorResolver.js","names":["_default","_interopRequireDefault","require","_logger","_ThemeProvider","defaultDesignTheme","defaultDesignThemeJson","deprecatedPalette","makeDeprecationMessage","color","concat","useColorResolver","exports","contextTheme","useContextTokens","undefined","startsWith","logger","warn","resolvedColor"],"sources":["../../../src/utils/use/useColorResolver.ts"],"sourcesContent":["import defaultDesignThemeJson from '../../theme/themes/default';\nimport logger from '../logger';\nimport { useContextTokens } from '../ThemeProvider';\n\nconst defaultDesignTheme = defaultDesignThemeJson as Record<string, string>;\nconst deprecatedPalette: Record<string, string> = {\n  '--denim-blue': '#006dca',\n  '--light-blue': '#008ff8',\n  '--neon-blue': '#8ecdff',\n  '--cyan': '#2bb3ff',\n  '--green': '#009f81',\n  '--dark-green': '#007c65',\n  '--yellow': '#fdc23c',\n  '--light-orange': '#ff8c43',\n  '--orange': '#ff642d',\n  '--dark-orange': '#c33909',\n  '--red': '#ff4953',\n  '--dark-red': '#d1002f',\n  '--violet': '#ab6cfe',\n  '--dark-violet': '#8649e1',\n  '--pink': '#e14adf',\n  '--asphalt': '#6c6e79',\n  '--wall': '#8a8e9b',\n  '--mist': '#a9abb6',\n  '--mist-light': '#c4c7cf',\n  '--stone': '#a9abb6',\n  '--stone-light': '#c4c7cf',\n  '--gray20': '#191b23',\n  '--gray30': '#191b23',\n  '--gray40': '#484a54',\n  '--gray60': '#6c6e79',\n  '--gray70': '#a9abb6',\n  '--gray80': '#c4c7cf',\n  '--gray94': '#e0e1e9',\n  '--gray96': '#f4f5f9',\n  '--mystic': '#f4f5f9',\n  '--mercury': '#e0e1e9',\n  '--blue50': '#e9f7ff',\n  '--blue100': '#c4e5fe',\n  '--blue400': '#008ff8',\n  '--blue600': '#044792',\n  '--green50': '#dbfee8',\n  '--green100': '#9ef2c9',\n  '--green200': '#59ddaa',\n  '--green300': '#00c192',\n  '--green600': '#055345',\n  '--red50': '#fff0f7',\n  '--red100': '#ffd7df',\n  '--red200': '#ffaeb5',\n  '--red300': '#ff8786',\n  '--red600': '#8e0016',\n  '--orange50': '#fff3d9',\n  '--orange100': '#ffdca2',\n  '--orange200': '#ffb26e',\n  '--yellow100': '#fce081',\n  '--iceberg-blue': '#6fafd4',\n  '--salad': '#8bc835',\n  '--granitic': '#2f3439',\n  '--gray10': '#222222',\n  '--sky': '#e1f2ff',\n  '--lily': '#e6f9fd',\n  '--marble': '#f1f6f8',\n  '--googleplus': '#e14b3f',\n  '--linkedin': '#1a7ab2',\n};\n\nconst makeDeprecationMessage = (color: string) =>\n  `You are using ${color} color in your app. It's deprecated and will be removed from palette in the next major release. Please use colors from https://developer.semrush.com/intergalactic/style/design-tokens/ instead.`;\n\nexport const useColorResolver = () => {\n  const contextTheme = useContextTokens();\n\n  return (color?: string) => {\n    if (!color) return undefined as any;\n    if (color.startsWith('--')) {\n      if (deprecatedPalette[color]) {\n        logger.warn(true, makeDeprecationMessage(color), undefined);\n        return deprecatedPalette[color];\n      }\n      let resolvedColor: string | undefined;\n\n      if (contextTheme?.[color]) {\n        resolvedColor = contextTheme[color];\n      }\n      if (defaultDesignTheme[color]) {\n        resolvedColor = defaultDesignTheme[color];\n      }\n\n      if (resolvedColor) {\n        return `var(${color}, ${resolvedColor})`;\n      }\n\n      return `var(${color})`;\n    }\n    if (defaultDesignTheme[`--intergalactic-${color}`]) {\n      return `var(--intergalactic-${color}, ${defaultDesignTheme[`--intergalactic-${color}`]})`;\n    }\n    if (defaultDesignTheme[`--${color}`]) {\n      return `var(--${color}, ${defaultDesignTheme[`--${color}`]})`;\n    }\n    if (deprecatedPalette[`--${color}`]) {\n      logger.warn(true, makeDeprecationMessage(color), undefined);\n      return deprecatedPalette[`--${color}`];\n    }\n    return color;\n  };\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/utils/use/useColorResolver.mjs

@@ -1,8 +1,8 @@
 import defaultDesignThemeJson from "../../theme/themes/default.mjs";
 import logger from "../logger.mjs";
 import { useContextTokens } from "../ThemeProvider.mjs";
-const defaultDesignTheme = defaultDesignThemeJson;
-const deprecatedPalette = {
+var defaultDesignTheme = defaultDesignThemeJson;
+var deprecatedPalette = {
   '--denim-blue': '#006dca',
   '--light-blue': '#008ff8',
   '--neon-blue': '#8ecdff',
@@ -62,37 +62,39 @@ const deprecatedPalette = {
   '--googleplus': '#e14b3f',
   '--linkedin': '#1a7ab2'
 };
-const makeDeprecationMessage = color => `You are using ${color} color in your app. It's deprecated and will be removed from palette in the next major release. Please use colors from https://developer.semrush.com/intergalactic/style/design-tokens/ instead.`;
-export const useColorResolver = () => {
-  const contextTheme = useContextTokens();
-  return color => {
+var makeDeprecationMessage = function makeDeprecationMessage(color) {
+  return "You are using ".concat(color, " color in your app. It's deprecated and will be removed from palette in the next major release. Please use colors from https://developer.semrush.com/intergalactic/style/design-tokens/ instead.");
+};
+export var useColorResolver = function useColorResolver() {
+  var contextTheme = useContextTokens();
+  return function (color) {
     if (!color) return undefined;
     if (color.startsWith('--')) {
       if (deprecatedPalette[color]) {
         logger.warn(true, makeDeprecationMessage(color), undefined);
         return deprecatedPalette[color];
       }
-      let resolvedColor;
-      if (contextTheme?.[color]) {
+      var resolvedColor;
+      if (contextTheme !== null && contextTheme !== void 0 && contextTheme[color]) {
         resolvedColor = contextTheme[color];
       }
       if (defaultDesignTheme[color]) {
         resolvedColor = defaultDesignTheme[color];
       }
       if (resolvedColor) {
-        return `var(${color}, ${resolvedColor})`;
+        return "var(".concat(color, ", ").concat(resolvedColor, ")");
       }
-      return `var(${color})`;
+      return "var(".concat(color, ")");
     }
-    if (defaultDesignTheme[`--intergalactic-${color}`]) {
-      return `var(--intergalactic-${color}, ${defaultDesignTheme[`--intergalactic-${color}`]})`;
+    if (defaultDesignTheme["--intergalactic-".concat(color)]) {
+      return "var(--intergalactic-".concat(color, ", ").concat(defaultDesignTheme["--intergalactic-".concat(color)], ")");
     }
-    if (defaultDesignTheme[`--${color}`]) {
-      return `var(--${color}, ${defaultDesignTheme[`--${color}`]})`;
+    if (defaultDesignTheme["--".concat(color)]) {
+      return "var(--".concat(color, ", ").concat(defaultDesignTheme["--".concat(color)], ")");
     }
-    if (deprecatedPalette[`--${color}`]) {
+    if (deprecatedPalette["--".concat(color)]) {
       logger.warn(true, makeDeprecationMessage(color), undefined);
-      return deprecatedPalette[`--${color}`];
+      return deprecatedPalette["--".concat(color)];
     }
     return color;
   };

package/lib/utils/use/useColorResolver.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useColorResolver.mjs","names":["defaultDesignThemeJson","logger","useContextTokens","defaultDesignTheme","deprecatedPalette","makeDeprecationMessage","color","useColorResolver","contextTheme","undefined","startsWith","warn","resolvedColor"],"sources":["../../../src/utils/use/useColorResolver.ts"],"sourcesContent":["import defaultDesignThemeJson from '../../theme/themes/default';\nimport logger from '../logger';\nimport { useContextTokens } from '../ThemeProvider';\n\nconst defaultDesignTheme = defaultDesignThemeJson as Record<string, string>;\nconst deprecatedPalette: Record<string, string> = {\n  '--denim-blue': '#006dca',\n  '--light-blue': '#008ff8',\n  '--neon-blue': '#8ecdff',\n  '--cyan': '#2bb3ff',\n  '--green': '#009f81',\n  '--dark-green': '#007c65',\n  '--yellow': '#fdc23c',\n  '--light-orange': '#ff8c43',\n  '--orange': '#ff642d',\n  '--dark-orange': '#c33909',\n  '--red': '#ff4953',\n  '--dark-red': '#d1002f',\n  '--violet': '#ab6cfe',\n  '--dark-violet': '#8649e1',\n  '--pink': '#e14adf',\n  '--asphalt': '#6c6e79',\n  '--wall': '#8a8e9b',\n  '--mist': '#a9abb6',\n  '--mist-light': '#c4c7cf',\n  '--stone': '#a9abb6',\n  '--stone-light': '#c4c7cf',\n  '--gray20': '#191b23',\n  '--gray30': '#191b23',\n  '--gray40': '#484a54',\n  '--gray60': '#6c6e79',\n  '--gray70': '#a9abb6',\n  '--gray80': '#c4c7cf',\n  '--gray94': '#e0e1e9',\n  '--gray96': '#f4f5f9',\n  '--mystic': '#f4f5f9',\n  '--mercury': '#e0e1e9',\n  '--blue50': '#e9f7ff',\n  '--blue100': '#c4e5fe',\n  '--blue400': '#008ff8',\n  '--blue600': '#044792',\n  '--green50': '#dbfee8',\n  '--green100': '#9ef2c9',\n  '--green200': '#59ddaa',\n  '--green300': '#00c192',\n  '--green600': '#055345',\n  '--red50': '#fff0f7',\n  '--red100': '#ffd7df',\n  '--red200': '#ffaeb5',\n  '--red300': '#ff8786',\n  '--red600': '#8e0016',\n  '--orange50': '#fff3d9',\n  '--orange100': '#ffdca2',\n  '--orange200': '#ffb26e',\n  '--yellow100': '#fce081',\n  '--iceberg-blue': '#6fafd4',\n  '--salad': '#8bc835',\n  '--granitic': '#2f3439',\n  '--gray10': '#222222',\n  '--sky': '#e1f2ff',\n  '--lily': '#e6f9fd',\n  '--marble': '#f1f6f8',\n  '--googleplus': '#e14b3f',\n  '--linkedin': '#1a7ab2',\n};\n\nconst makeDeprecationMessage = (color: string) =>\n  `You are using ${color} color in your app. It's deprecated and will be removed from palette in the next major release. Please use colors from https://developer.semrush.com/intergalactic/style/design-tokens/ instead.`;\n\nexport const useColorResolver = () => {\n  const contextTheme = useContextTokens();\n\n  return (color?: string) => {\n    if (!color) return undefined as any;\n    if (color.startsWith('--')) {\n      if (deprecatedPalette[color]) {\n        logger.warn(true, makeDeprecationMessage(color), undefined);\n        return deprecatedPalette[color];\n      }\n      let resolvedColor: string | undefined;\n\n      if (contextTheme?.[color]) {\n        resolvedColor = contextTheme[color];\n      }\n      if (defaultDesignTheme[color]) {\n        resolvedColor = defaultDesignTheme[color];\n      }\n\n      if (resolvedColor) {\n        return `var(${color}, ${resolvedColor})`;\n      }\n\n      return `var(${color})`;\n    }\n    if (defaultDesignTheme[`--intergalactic-${color}`]) {\n      return `var(--intergalactic-${color}, ${defaultDesignTheme[`--intergalactic-${color}`]})`;\n    }\n    if (defaultDesignTheme[`--${color}`]) {\n      return `var(--${color}, ${defaultDesignTheme[`--${color}`]})`;\n    }\n    if (deprecatedPalette[`--${color}`]) {\n      logger.warn(true, makeDeprecationMessage(color), undefined);\n      return deprecatedPalette[`--${color}`];\n    }\n    return color;\n  };\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"useColorResolver.mjs","names":["defaultDesignThemeJson","logger","useContextTokens","defaultDesignTheme","deprecatedPalette","makeDeprecationMessage","color","concat","useColorResolver","contextTheme","undefined","startsWith","warn","resolvedColor"],"sources":["../../../src/utils/use/useColorResolver.ts"],"sourcesContent":["import defaultDesignThemeJson from '../../theme/themes/default';\nimport logger from '../logger';\nimport { useContextTokens } from '../ThemeProvider';\n\nconst defaultDesignTheme = defaultDesignThemeJson as Record<string, string>;\nconst deprecatedPalette: Record<string, string> = {\n  '--denim-blue': '#006dca',\n  '--light-blue': '#008ff8',\n  '--neon-blue': '#8ecdff',\n  '--cyan': '#2bb3ff',\n  '--green': '#009f81',\n  '--dark-green': '#007c65',\n  '--yellow': '#fdc23c',\n  '--light-orange': '#ff8c43',\n  '--orange': '#ff642d',\n  '--dark-orange': '#c33909',\n  '--red': '#ff4953',\n  '--dark-red': '#d1002f',\n  '--violet': '#ab6cfe',\n  '--dark-violet': '#8649e1',\n  '--pink': '#e14adf',\n  '--asphalt': '#6c6e79',\n  '--wall': '#8a8e9b',\n  '--mist': '#a9abb6',\n  '--mist-light': '#c4c7cf',\n  '--stone': '#a9abb6',\n  '--stone-light': '#c4c7cf',\n  '--gray20': '#191b23',\n  '--gray30': '#191b23',\n  '--gray40': '#484a54',\n  '--gray60': '#6c6e79',\n  '--gray70': '#a9abb6',\n  '--gray80': '#c4c7cf',\n  '--gray94': '#e0e1e9',\n  '--gray96': '#f4f5f9',\n  '--mystic': '#f4f5f9',\n  '--mercury': '#e0e1e9',\n  '--blue50': '#e9f7ff',\n  '--blue100': '#c4e5fe',\n  '--blue400': '#008ff8',\n  '--blue600': '#044792',\n  '--green50': '#dbfee8',\n  '--green100': '#9ef2c9',\n  '--green200': '#59ddaa',\n  '--green300': '#00c192',\n  '--green600': '#055345',\n  '--red50': '#fff0f7',\n  '--red100': '#ffd7df',\n  '--red200': '#ffaeb5',\n  '--red300': '#ff8786',\n  '--red600': '#8e0016',\n  '--orange50': '#fff3d9',\n  '--orange100': '#ffdca2',\n  '--orange200': '#ffb26e',\n  '--yellow100': '#fce081',\n  '--iceberg-blue': '#6fafd4',\n  '--salad': '#8bc835',\n  '--granitic': '#2f3439',\n  '--gray10': '#222222',\n  '--sky': '#e1f2ff',\n  '--lily': '#e6f9fd',\n  '--marble': '#f1f6f8',\n  '--googleplus': '#e14b3f',\n  '--linkedin': '#1a7ab2',\n};\n\nconst makeDeprecationMessage = (color: string) =>\n  `You are using ${color} color in your app. It's deprecated and will be removed from palette in the next major release. Please use colors from https://developer.semrush.com/intergalactic/style/design-tokens/ instead.`;\n\nexport const useColorResolver = () => {\n  const contextTheme = useContextTokens();\n\n  return (color?: string) => {\n    if (!color) return undefined as any;\n    if (color.startsWith('--')) {\n      if (deprecatedPalette[color]) {\n        logger.warn(true, makeDeprecationMessage(color), undefined);\n        return deprecatedPalette[color];\n      }\n      let resolvedColor: string | undefined;\n\n      if (contextTheme?.[color]) {\n        resolvedColor = contextTheme[color];\n      }\n      if (defaultDesignTheme[color]) {\n        resolvedColor = defaultDesignTheme[color];\n      }\n\n      if (resolvedColor) {\n        return `var(${color}, ${resolvedColor})`;\n      }\n\n      return `var(${color})`;\n    }\n    if (defaultDesignTheme[`--intergalactic-${color}`]) {\n      return `var(--intergalactic-${color}, ${defaultDesignTheme[`--intergalactic-${color}`]})`;\n    }\n    if (defaultDesignTheme[`--${color}`]) {\n      return `var(--${color}, ${defaultDesignTheme[`--${color}`]})`;\n    }\n    if (deprecatedPalette[`--${color}`]) {\n      logger.warn(true, makeDeprecationMessage(color), undefined);\n      return deprecatedPalette[`--${color}`];\n    }\n    return color;\n  };\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/utils/use/useEnhancedEffect.js

@@ -1,12 +1,12 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _canUseDOM = _interopRequireDefault(require("../canUseDOM"));
-const useEnhancedEffect = (0, _canUseDOM.default)() ? _react.default.useLayoutEffect : _react.default.useEffect;
-var _default = exports.default = useEnhancedEffect;
+var useEnhancedEffect = (0, _canUseDOM["default"])() ? _react["default"].useLayoutEffect : _react["default"].useEffect;
+var _default = exports["default"] = useEnhancedEffect;
 //# sourceMappingURL=useEnhancedEffect.js.map

package/lib/utils/use/useEnhancedEffect.js.map

@@ -1 +1 @@
-{"version":3,"file":"useEnhancedEffect.js","names":["_react","_interopRequireDefault","require","_canUseDOM","useEnhancedEffect","canUseDOM","React","useLayoutEffect","useEffect","_default","exports","default"],"sources":["../../../src/utils/use/useEnhancedEffect.ts"],"sourcesContent":["import React from 'react';\n\nimport canUseDOM from '../canUseDOM';\n\nconst useEnhancedEffect = canUseDOM() ? React.useLayoutEffect : React.useEffect;\n\nexport default useEnhancedEffect;\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,MAAME,iBAAiB,GAAG,IAAAC,kBAAS,EAAC,CAAC,GAAGC,cAAK,CAACC,eAAe,GAAGD,cAAK,CAACE,SAAS;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEjEP,iBAAiB","ignoreList":[]}
+{"version":3,"file":"useEnhancedEffect.js","names":["_react","_interopRequireDefault","require","_canUseDOM","useEnhancedEffect","canUseDOM","React","useLayoutEffect","useEffect","_default","exports"],"sources":["../../../src/utils/use/useEnhancedEffect.ts"],"sourcesContent":["import React from 'react';\n\nimport canUseDOM from '../canUseDOM';\n\nconst useEnhancedEffect = canUseDOM() ? React.useLayoutEffect : React.useEffect;\n\nexport default useEnhancedEffect;\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAME,iBAAiB,GAAG,IAAAC,qBAAS,EAAC,CAAC,GAAGC,iBAAK,CAACC,eAAe,GAAGD,iBAAK,CAACE,SAAS;AAAC,IAAAC,QAAA,GAAAC,OAAA,cAEjEN,iBAAiB","ignoreList":[]}

package/lib/utils/use/useEnhancedEffect.mjs

@@ -1,6 +1,6 @@
 import React from "react";
 import canUseDOM from "../canUseDOM.mjs";
-const useEnhancedEffect = canUseDOM() ? React.useLayoutEffect : React.useEffect;
+var useEnhancedEffect = canUseDOM() ? React.useLayoutEffect : React.useEffect;
 export {
   useEnhancedEffect as default
 };

package/lib/utils/use/useEnhancedEffect.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useEnhancedEffect.mjs","names":["React","canUseDOM","useEnhancedEffect","useLayoutEffect","useEffect"],"sources":["../../../src/utils/use/useEnhancedEffect.ts"],"sourcesContent":["import React from 'react';\n\nimport canUseDOM from '../canUseDOM';\n\nconst useEnhancedEffect = canUseDOM() ? React.useLayoutEffect : React.useEffect;\n\nexport default useEnhancedEffect;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,SAAS,MAAM,kBAAc;AAEpC,MAAMC,iBAAiB,GAAGD,SAAS,CAAC,CAAC,GAAGD,KAAK,CAACG,eAAe,GAAGH,KAAK,CAACI,SAAS;AAE/E,eAAeF,iBAAiB","ignoreList":[]}
+{"version":3,"file":"useEnhancedEffect.mjs","names":["React","canUseDOM","useEnhancedEffect","useLayoutEffect","useEffect"],"sources":["../../../src/utils/use/useEnhancedEffect.ts"],"sourcesContent":["import React from 'react';\n\nimport canUseDOM from '../canUseDOM';\n\nconst useEnhancedEffect = canUseDOM() ? React.useLayoutEffect : React.useEffect;\n\nexport default useEnhancedEffect;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,SAAS,MAAM,kBAAc;AAEpC,IAAMC,iBAAiB,GAAGD,SAAS,CAAC,CAAC,GAAGD,KAAK,CAACG,eAAe,GAAGH,KAAK,CAACI,SAAS;AAE/E,eAAeF,iBAAiB","ignoreList":[]}

package/lib/utils/use/useEventCallback.js

@@ -1,20 +1,25 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = useEventCallback;
+exports["default"] = useEventCallback;
 var _react = _interopRequireDefault(require("react"));
 var _useEnhancedEffect = _interopRequireDefault(require("./useEnhancedEffect"));
 /**
  * https://github.com/facebook/react/issues/14099#issuecomment-440013892
  */
 function useEventCallback(fn) {
-  const ref = _react.default.useRef(fn);
-  (0, _useEnhancedEffect.default)(() => {
+  var ref = _react["default"].useRef(fn);
+  (0, _useEnhancedEffect["default"])(function () {
     ref.current = fn;
   });
-  return _react.default.useCallback((...args) => ref.current.apply(void 0, args), []);
+  return _react["default"].useCallback(function () {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    return ref.current.apply(void 0, args);
+  }, []);
 }
 //# sourceMappingURL=useEventCallback.js.map

package/lib/utils/use/useEventCallback.js.map

@@ -1 +1 @@
-{"version":3,"file":"useEventCallback.js","names":["_react","_interopRequireDefault","require","_useEnhancedEffect","useEventCallback","fn","ref","React","useRef","useEnhancedEffect","current","useCallback","args","apply"],"sources":["../../../src/utils/use/useEventCallback.ts"],"sourcesContent":["import React from 'react';\n\nimport useEnhancedEffect from './useEnhancedEffect';\n\n/**\n * https://github.com/facebook/react/issues/14099#issuecomment-440013892\n */\nexport default function useEventCallback(fn: any) {\n  const ref = React.useRef(fn);\n  useEnhancedEffect(() => {\n    ref.current = fn;\n  });\n  return React.useCallback((...args: any[]) => ref.current.apply(void 0, args), []);\n}\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,kBAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA;AACA;AACA;AACe,SAASE,gBAAgBA,CAACC,EAAO,EAAE;EAChD,MAAMC,GAAG,GAAGC,cAAK,CAACC,MAAM,CAACH,EAAE,CAAC;EAC5B,IAAAI,0BAAiB,EAAC,MAAM;IACtBH,GAAG,CAACI,OAAO,GAAGL,EAAE;EAClB,CAAC,CAAC;EACF,OAAOE,cAAK,CAACI,WAAW,CAAC,CAAC,GAAGC,IAAW,KAAKN,GAAG,CAACI,OAAO,CAACG,KAAK,CAAC,KAAK,CAAC,EAAED,IAAI,CAAC,EAAE,EAAE,CAAC;AACnF","ignoreList":[]}
+{"version":3,"file":"useEventCallback.js","names":["_react","_interopRequireDefault","require","_useEnhancedEffect","useEventCallback","fn","ref","React","useRef","useEnhancedEffect","current","useCallback","_len","arguments","length","args","Array","_key","apply"],"sources":["../../../src/utils/use/useEventCallback.ts"],"sourcesContent":["import React from 'react';\n\nimport useEnhancedEffect from './useEnhancedEffect';\n\n/**\n * https://github.com/facebook/react/issues/14099#issuecomment-440013892\n */\nexport default function useEventCallback(fn: any) {\n  const ref = React.useRef(fn);\n  useEnhancedEffect(() => {\n    ref.current = fn;\n  });\n  return React.useCallback((...args: any[]) => ref.current.apply(void 0, args), []);\n}\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,kBAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA;AACA;AACA;AACe,SAASE,gBAAgBA,CAACC,EAAO,EAAE;EAChD,IAAMC,GAAG,GAAGC,iBAAK,CAACC,MAAM,CAACH,EAAE,CAAC;EAC5B,IAAAI,6BAAiB,EAAC,YAAM;IACtBH,GAAG,CAACI,OAAO,GAAGL,EAAE;EAClB,CAAC,CAAC;EACF,OAAOE,iBAAK,CAACI,WAAW,CAAC;IAAA,SAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAIC,IAAI,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;MAAJF,IAAI,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;IAAA;IAAA,OAAYX,GAAG,CAACI,OAAO,CAACQ,KAAK,CAAC,KAAK,CAAC,EAAEH,IAAI,CAAC;EAAA,GAAE,EAAE,CAAC;AACnF","ignoreList":[]}

package/lib/utils/use/useEventCallback.mjs

@@ -5,10 +5,15 @@ import useEnhancedEffect from "./useEnhancedEffect.mjs";
  * https://github.com/facebook/react/issues/14099#issuecomment-440013892
  */
 export default function useEventCallback(fn) {
-  const ref = React.useRef(fn);
-  useEnhancedEffect(() => {
+  var ref = React.useRef(fn);
+  useEnhancedEffect(function () {
     ref.current = fn;
   });
-  return React.useCallback((...args) => ref.current.apply(void 0, args), []);
+  return React.useCallback(function () {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    return ref.current.apply(void 0, args);
+  }, []);
 }
 //# sourceMappingURL=useEventCallback.mjs.map

package/lib/utils/use/useEventCallback.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useEventCallback.mjs","names":["React","useEnhancedEffect","useEventCallback","fn","ref","useRef","current","useCallback","args","apply"],"sources":["../../../src/utils/use/useEventCallback.ts"],"sourcesContent":["import React from 'react';\n\nimport useEnhancedEffect from './useEnhancedEffect';\n\n/**\n * https://github.com/facebook/react/issues/14099#issuecomment-440013892\n */\nexport default function useEventCallback(fn: any) {\n  const ref = React.useRef(fn);\n  useEnhancedEffect(() => {\n    ref.current = fn;\n  });\n  return React.useCallback((...args: any[]) => ref.current.apply(void 0, args), []);\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,iBAAiB,MAAM,yBAAqB;;AAEnD;AACA;AACA;AACA,eAAe,SAASC,gBAAgBA,CAACC,EAAO,EAAE;EAChD,MAAMC,GAAG,GAAGJ,KAAK,CAACK,MAAM,CAACF,EAAE,CAAC;EAC5BF,iBAAiB,CAAC,MAAM;IACtBG,GAAG,CAACE,OAAO,GAAGH,EAAE;EAClB,CAAC,CAAC;EACF,OAAOH,KAAK,CAACO,WAAW,CAAC,CAAC,GAAGC,IAAW,KAAKJ,GAAG,CAACE,OAAO,CAACG,KAAK,CAAC,KAAK,CAAC,EAAED,IAAI,CAAC,EAAE,EAAE,CAAC;AACnF","ignoreList":[]}
+{"version":3,"file":"useEventCallback.mjs","names":["React","useEnhancedEffect","useEventCallback","fn","ref","useRef","current","useCallback","_len","arguments","length","args","Array","_key","apply"],"sources":["../../../src/utils/use/useEventCallback.ts"],"sourcesContent":["import React from 'react';\n\nimport useEnhancedEffect from './useEnhancedEffect';\n\n/**\n * https://github.com/facebook/react/issues/14099#issuecomment-440013892\n */\nexport default function useEventCallback(fn: any) {\n  const ref = React.useRef(fn);\n  useEnhancedEffect(() => {\n    ref.current = fn;\n  });\n  return React.useCallback((...args: any[]) => ref.current.apply(void 0, args), []);\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,iBAAiB,MAAM,yBAAqB;;AAEnD;AACA;AACA;AACA,eAAe,SAASC,gBAAgBA,CAACC,EAAO,EAAE;EAChD,IAAMC,GAAG,GAAGJ,KAAK,CAACK,MAAM,CAACF,EAAE,CAAC;EAC5BF,iBAAiB,CAAC,YAAM;IACtBG,GAAG,CAACE,OAAO,GAAGH,EAAE;EAClB,CAAC,CAAC;EACF,OAAOH,KAAK,CAACO,WAAW,CAAC;IAAA,SAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAIC,IAAI,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;MAAJF,IAAI,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;IAAA;IAAA,OAAYT,GAAG,CAACE,OAAO,CAACQ,KAAK,CAAC,KAAK,CAAC,EAAEH,IAAI,CAAC;EAAA,GAAE,EAAE,CAAC;AACnF","ignoreList":[]}

package/lib/utils/use/useEventListener.js

@@ -1,28 +1,32 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _canUseDOM = _interopRequireDefault(require("../canUseDOM"));
 var _ref = require("../ref");
-const useEventListener = (elementOrRef, eventName, handler, options = undefined) => {
-  const savedHandler = _react.default.useRef();
-  _react.default.useEffect(() => {
+var useEventListener = function useEventListener(elementOrRef, eventName, handler) {
+  var options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : undefined;
+  var savedHandler = _react["default"].useRef();
+  _react["default"].useEffect(function () {
     savedHandler.current = handler;
   }, [handler]);
-  _react.default.useEffect(() => {
-    if (!(0, _canUseDOM.default)()) return;
-    const eventListener = event => savedHandler.current?.(event);
-    const node = (0, _ref.getRef)(elementOrRef);
+  _react["default"].useEffect(function () {
+    if (!(0, _canUseDOM["default"])()) return;
+    var eventListener = function eventListener(event) {
+      var _savedHandler$current;
+      return (_savedHandler$current = savedHandler.current) === null || _savedHandler$current === void 0 ? void 0 : _savedHandler$current.call(savedHandler, event);
+    };
+    var node = (0, _ref.getRef)(elementOrRef);
     if (!(node instanceof Element)) return;
     node.addEventListener(eventName, eventListener, options);
-    return () => {
+    return function () {
       node.removeEventListener(eventName, eventListener, options);
     };
   }, [eventName, elementOrRef]);
 };
-var _default = exports.default = useEventListener;
+var _default = exports["default"] = useEventListener;
 //# sourceMappingURL=useEventListener.js.map

package/lib/utils/use/useEventListener.js.map

@@ -1 +1 @@
-{"version":3,"file":"useEventListener.js","names":["_react","_interopRequireDefault","require","_canUseDOM","_ref","useEventListener","elementOrRef","eventName","handler","options","undefined","savedHandler","React","useRef","useEffect","current","canUseDOM","eventListener","event","node","getRef","Element","addEventListener","removeEventListener","_default","exports","default"],"sources":["../../../src/utils/use/useEventListener.ts"],"sourcesContent":["import React from 'react';\n\nimport canUseDOM from '../canUseDOM';\nimport { getRef } from '../ref';\n\nconst useEventListener = (\n  elementOrRef: any,\n  eventName: any,\n  handler: any,\n  options: any = undefined,\n) => {\n  const savedHandler = React.useRef<(event: any) => {}>();\n\n  React.useEffect(() => {\n    savedHandler.current = handler;\n  }, [handler]);\n\n  React.useEffect(() => {\n    if (!canUseDOM()) return;\n\n    const eventListener = (event: any) => savedHandler.current?.(event);\n    const node = getRef(elementOrRef);\n    if (!(node instanceof Element)) return;\n    node.addEventListener(eventName, eventListener, options);\n    return () => {\n      node.removeEventListener(eventName, eventListener, options);\n    };\n  }, [eventName, elementOrRef]);\n};\n\nexport default useEventListener;\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,IAAA,GAAAF,OAAA;AAEA,MAAMG,gBAAgB,GAAGA,CACvBC,YAAiB,EACjBC,SAAc,EACdC,OAAY,EACZC,OAAY,GAAGC,SAAS,KACrB;EACH,MAAMC,YAAY,GAAGC,cAAK,CAACC,MAAM,CAAqB,CAAC;EAEvDD,cAAK,CAACE,SAAS,CAAC,MAAM;IACpBH,YAAY,CAACI,OAAO,GAAGP,OAAO;EAChC,CAAC,EAAE,CAACA,OAAO,CAAC,CAAC;EAEbI,cAAK,CAACE,SAAS,CAAC,MAAM;IACpB,IAAI,CAAC,IAAAE,kBAAS,EAAC,CAAC,EAAE;IAElB,MAAMC,aAAa,GAAIC,KAAU,IAAKP,YAAY,CAACI,OAAO,GAAGG,KAAK,CAAC;IACnE,MAAMC,IAAI,GAAG,IAAAC,WAAM,EAACd,YAAY,CAAC;IACjC,IAAI,EAAEa,IAAI,YAAYE,OAAO,CAAC,EAAE;IAChCF,IAAI,CAACG,gBAAgB,CAACf,SAAS,EAAEU,aAAa,EAAER,OAAO,CAAC;IACxD,OAAO,MAAM;MACXU,IAAI,CAACI,mBAAmB,CAAChB,SAAS,EAAEU,aAAa,EAAER,OAAO,CAAC;IAC7D,CAAC;EACH,CAAC,EAAE,CAACF,SAAS,EAAED,YAAY,CAAC,CAAC;AAC/B,CAAC;AAAC,IAAAkB,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEarB,gBAAgB","ignoreList":[]}
+{"version":3,"file":"useEventListener.js","names":["_react","_interopRequireDefault","require","_canUseDOM","_ref","useEventListener","elementOrRef","eventName","handler","options","arguments","length","undefined","savedHandler","React","useRef","useEffect","current","canUseDOM","eventListener","event","_savedHandler$current","call","node","getRef","Element","addEventListener","removeEventListener","_default","exports"],"sources":["../../../src/utils/use/useEventListener.ts"],"sourcesContent":["import React from 'react';\n\nimport canUseDOM from '../canUseDOM';\nimport { getRef } from '../ref';\n\nconst useEventListener = (\n  elementOrRef: any,\n  eventName: any,\n  handler: any,\n  options: any = undefined,\n) => {\n  const savedHandler = React.useRef<(event: any) => {}>();\n\n  React.useEffect(() => {\n    savedHandler.current = handler;\n  }, [handler]);\n\n  React.useEffect(() => {\n    if (!canUseDOM()) return;\n\n    const eventListener = (event: any) => savedHandler.current?.(event);\n    const node = getRef(elementOrRef);\n    if (!(node instanceof Element)) return;\n    node.addEventListener(eventName, eventListener, options);\n    return () => {\n      node.removeEventListener(eventName, eventListener, options);\n    };\n  }, [eventName, elementOrRef]);\n};\n\nexport default useEventListener;\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,IAAA,GAAAF,OAAA;AAEA,IAAMG,gBAAgB,GAAG,SAAnBA,gBAAgBA,CACpBC,YAAiB,EACjBC,SAAc,EACdC,OAAY,EAET;EAAA,IADHC,OAAY,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAGE,SAAS;EAExB,IAAMC,YAAY,GAAGC,iBAAK,CAACC,MAAM,CAAqB,CAAC;EAEvDD,iBAAK,CAACE,SAAS,CAAC,YAAM;IACpBH,YAAY,CAACI,OAAO,GAAGT,OAAO;EAChC,CAAC,EAAE,CAACA,OAAO,CAAC,CAAC;EAEbM,iBAAK,CAACE,SAAS,CAAC,YAAM;IACpB,IAAI,CAAC,IAAAE,qBAAS,EAAC,CAAC,EAAE;IAElB,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,KAAU;MAAA,IAAAC,qBAAA;MAAA,QAAAA,qBAAA,GAAKR,YAAY,CAACI,OAAO,cAAAI,qBAAA,uBAApBA,qBAAA,CAAAC,IAAA,CAAAT,YAAY,EAAWO,KAAK,CAAC;IAAA;IACnE,IAAMG,IAAI,GAAG,IAAAC,WAAM,EAAClB,YAAY,CAAC;IACjC,IAAI,EAAEiB,IAAI,YAAYE,OAAO,CAAC,EAAE;IAChCF,IAAI,CAACG,gBAAgB,CAACnB,SAAS,EAAEY,aAAa,EAAEV,OAAO,CAAC;IACxD,OAAO,YAAM;MACXc,IAAI,CAACI,mBAAmB,CAACpB,SAAS,EAAEY,aAAa,EAAEV,OAAO,CAAC;IAC7D,CAAC;EACH,CAAC,EAAE,CAACF,SAAS,EAAED,YAAY,CAAC,CAAC;AAC/B,CAAC;AAAC,IAAAsB,QAAA,GAAAC,OAAA,cAEaxB,gBAAgB","ignoreList":[]}

package/lib/utils/use/useEventListener.mjs

@@ -1,18 +1,22 @@
 import React from 'react';
 import canUseDOM from "../canUseDOM.mjs";
 import { getRef } from "../ref.mjs";
-const useEventListener = (elementOrRef, eventName, handler, options = undefined) => {
-  const savedHandler = React.useRef();
-  React.useEffect(() => {
+var useEventListener = function useEventListener(elementOrRef, eventName, handler) {
+  var options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : undefined;
+  var savedHandler = React.useRef();
+  React.useEffect(function () {
     savedHandler.current = handler;
   }, [handler]);
-  React.useEffect(() => {
+  React.useEffect(function () {
     if (!canUseDOM()) return;
-    const eventListener = event => savedHandler.current?.(event);
-    const node = getRef(elementOrRef);
+    var eventListener = function eventListener(event) {
+      var _savedHandler$current;
+      return (_savedHandler$current = savedHandler.current) === null || _savedHandler$current === void 0 ? void 0 : _savedHandler$current.call(savedHandler, event);
+    };
+    var node = getRef(elementOrRef);
     if (!(node instanceof Element)) return;
     node.addEventListener(eventName, eventListener, options);
-    return () => {
+    return function () {
       node.removeEventListener(eventName, eventListener, options);
     };
   }, [eventName, elementOrRef]);

package/lib/utils/use/useEventListener.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useEventListener.mjs","names":["React","canUseDOM","getRef","useEventListener","elementOrRef","eventName","handler","options","undefined","savedHandler","useRef","useEffect","current","eventListener","event","node","Element","addEventListener","removeEventListener"],"sources":["../../../src/utils/use/useEventListener.ts"],"sourcesContent":["import React from 'react';\n\nimport canUseDOM from '../canUseDOM';\nimport { getRef } from '../ref';\n\nconst useEventListener = (\n  elementOrRef: any,\n  eventName: any,\n  handler: any,\n  options: any = undefined,\n) => {\n  const savedHandler = React.useRef<(event: any) => {}>();\n\n  React.useEffect(() => {\n    savedHandler.current = handler;\n  }, [handler]);\n\n  React.useEffect(() => {\n    if (!canUseDOM()) return;\n\n    const eventListener = (event: any) => savedHandler.current?.(event);\n    const node = getRef(elementOrRef);\n    if (!(node instanceof Element)) return;\n    node.addEventListener(eventName, eventListener, options);\n    return () => {\n      node.removeEventListener(eventName, eventListener, options);\n    };\n  }, [eventName, elementOrRef]);\n};\n\nexport default useEventListener;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,SAAS,MAAM,kBAAc;AACpC,SAASC,MAAM,QAAQ,YAAQ;AAE/B,MAAMC,gBAAgB,GAAGA,CACvBC,YAAiB,EACjBC,SAAc,EACdC,OAAY,EACZC,OAAY,GAAGC,SAAS,KACrB;EACH,MAAMC,YAAY,GAAGT,KAAK,CAACU,MAAM,CAAqB,CAAC;EAEvDV,KAAK,CAACW,SAAS,CAAC,MAAM;IACpBF,YAAY,CAACG,OAAO,GAAGN,OAAO;EAChC,CAAC,EAAE,CAACA,OAAO,CAAC,CAAC;EAEbN,KAAK,CAACW,SAAS,CAAC,MAAM;IACpB,IAAI,CAACV,SAAS,CAAC,CAAC,EAAE;IAElB,MAAMY,aAAa,GAAIC,KAAU,IAAKL,YAAY,CAACG,OAAO,GAAGE,KAAK,CAAC;IACnE,MAAMC,IAAI,GAAGb,MAAM,CAACE,YAAY,CAAC;IACjC,IAAI,EAAEW,IAAI,YAAYC,OAAO,CAAC,EAAE;IAChCD,IAAI,CAACE,gBAAgB,CAACZ,SAAS,EAAEQ,aAAa,EAAEN,OAAO,CAAC;IACxD,OAAO,MAAM;MACXQ,IAAI,CAACG,mBAAmB,CAACb,SAAS,EAAEQ,aAAa,EAAEN,OAAO,CAAC;IAC7D,CAAC;EACH,CAAC,EAAE,CAACF,SAAS,EAAED,YAAY,CAAC,CAAC;AAC/B,CAAC;AAED,eAAeD,gBAAgB","ignoreList":[]}
+{"version":3,"file":"useEventListener.mjs","names":["React","canUseDOM","getRef","useEventListener","elementOrRef","eventName","handler","options","arguments","length","undefined","savedHandler","useRef","useEffect","current","eventListener","event","_savedHandler$current","call","node","Element","addEventListener","removeEventListener"],"sources":["../../../src/utils/use/useEventListener.ts"],"sourcesContent":["import React from 'react';\n\nimport canUseDOM from '../canUseDOM';\nimport { getRef } from '../ref';\n\nconst useEventListener = (\n  elementOrRef: any,\n  eventName: any,\n  handler: any,\n  options: any = undefined,\n) => {\n  const savedHandler = React.useRef<(event: any) => {}>();\n\n  React.useEffect(() => {\n    savedHandler.current = handler;\n  }, [handler]);\n\n  React.useEffect(() => {\n    if (!canUseDOM()) return;\n\n    const eventListener = (event: any) => savedHandler.current?.(event);\n    const node = getRef(elementOrRef);\n    if (!(node instanceof Element)) return;\n    node.addEventListener(eventName, eventListener, options);\n    return () => {\n      node.removeEventListener(eventName, eventListener, options);\n    };\n  }, [eventName, elementOrRef]);\n};\n\nexport default useEventListener;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,SAAS,MAAM,kBAAc;AACpC,SAASC,MAAM,QAAQ,YAAQ;AAE/B,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CACpBC,YAAiB,EACjBC,SAAc,EACdC,OAAY,EAET;EAAA,IADHC,OAAY,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAGE,SAAS;EAExB,IAAMC,YAAY,GAAGX,KAAK,CAACY,MAAM,CAAqB,CAAC;EAEvDZ,KAAK,CAACa,SAAS,CAAC,YAAM;IACpBF,YAAY,CAACG,OAAO,GAAGR,OAAO;EAChC,CAAC,EAAE,CAACA,OAAO,CAAC,CAAC;EAEbN,KAAK,CAACa,SAAS,CAAC,YAAM;IACpB,IAAI,CAACZ,SAAS,CAAC,CAAC,EAAE;IAElB,IAAMc,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,KAAU;MAAA,IAAAC,qBAAA;MAAA,QAAAA,qBAAA,GAAKN,YAAY,CAACG,OAAO,cAAAG,qBAAA,uBAApBA,qBAAA,CAAAC,IAAA,CAAAP,YAAY,EAAWK,KAAK,CAAC;IAAA;IACnE,IAAMG,IAAI,GAAGjB,MAAM,CAACE,YAAY,CAAC;IACjC,IAAI,EAAEe,IAAI,YAAYC,OAAO,CAAC,EAAE;IAChCD,IAAI,CAACE,gBAAgB,CAAChB,SAAS,EAAEU,aAAa,EAAER,OAAO,CAAC;IACxD,OAAO,YAAM;MACXY,IAAI,CAACG,mBAAmB,CAACjB,SAAS,EAAEU,aAAa,EAAER,OAAO,CAAC;IAC7D,CAAC;EACH,CAAC,EAAE,CAACF,SAAS,EAAED,YAAY,CAAC,CAAC;AAC/B,CAAC;AAED,eAAeD,gBAAgB","ignoreList":[]}