@semcore/core 16.0.0-prerelease.9 → 16.0.1-prerelease.0

package/lib/utils/use/{useColorResolver.cjs → useColorResolver.js}

@@ -1,109 +1,14 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useColorResolver = void 0;
-var _ThemeProvider = require("../ThemeProvider");
-var _logger = _interopRequireDefault(require("../logger"));
 var _default = _interopRequireDefault(require("../../theme/themes/default"));
+var _logger = _interopRequireDefault(require("../logger"));
+var _ThemeProvider = require("../ThemeProvider");
 var defaultDesignTheme = _default["default"];
-var basicPalette = {
-  '--white': '#ffffff',
-  '--black': '#000000',
-  '--gray-50': '#f4f5f9',
-  '--gray-100': '#e0e1e9',
-  '--gray-200': '#c4c7cf',
-  '--gray-300': '#a9abb6',
-  '--gray-400': '#8a8e9b',
-  '--gray-500': '#6c6e79',
-  '--gray-600': '#484a54',
-  '--gray-700': '#2b2e38',
-  '--gray-800': '#191b23',
-  '--blue-50': '#e9f7ff',
-  '--blue-100': '#c4e5fe',
-  '--blue-200': '#8ecdff',
-  '--blue-300': '#2bb3ff',
-  '--blue-400': '#008ff8',
-  '--blue-500': '#006dca',
-  '--blue-600': '#044792',
-  '--blue-700': '#002b5f',
-  '--blue-800': '#001b3d',
-  '--green-50': '#dbfee8',
-  '--green-100': '#9ef2c9',
-  '--green-200': '#59ddaa',
-  '--green-300': '#00c192',
-  '--green-400': '#009f81',
-  '--green-500': '#007c65',
-  '--green-600': '#055345',
-  '--green-700': '#00342d',
-  '--green-800': '#00201e',
-  '--salad-50': '#ecfbcd',
-  '--salad-100': '#c7ee96',
-  '--salad-200': '#9bd85d',
-  '--salad-300': '#66c030',
-  '--salad-400': '#35a21e',
-  '--salad-500': '#0a7e22',
-  '--salad-600': '#005613',
-  '--salad-700': '#003509',
-  '--salad-800': '#002203',
-  '--orange-50': '#fff3d9',
-  '--orange-100': '#ffdca2',
-  '--orange-200': '#ffb26e',
-  '--orange-300': '#ff8c43',
-  '--orange-400': '#ff642d',
-  '--orange-500': '#c33909',
-  '--orange-600': '#8b1500',
-  '--orange-700': '#551200',
-  '--orange-800': '#351000',
-  '--yellow-50': '#fdf7c8',
-  '--yellow-100': '#fce081',
-  '--yellow-200': '#fdc23c',
-  '--yellow-300': '#ef9800',
-  '--yellow-400': '#d87900',
-  '--yellow-500': '#a75800',
-  '--yellow-600': '#743a00',
-  '--yellow-700': '#462500',
-  '--yellow-800': '#2c1600',
-  '--red-50': '#fff0f7',
-  '--red-100': '#ffd7df',
-  '--red-200': '#ffaeb5',
-  '--red-300': '#ff8786',
-  '--red-400': '#ff4953',
-  '--red-500': '#d1002f',
-  '--red-600': '#8e0016',
-  '--red-700': '#58000a',
-  '--red-800': '#410101',
-  '--pink-50': '#fff0ff',
-  '--pink-100': '#ffd3ff',
-  '--pink-200': '#ffa9fa',
-  '--pink-300': '#f67cf2',
-  '--pink-400': '#e14adf',
-  '--pink-500': '#b229b9',
-  '--pink-600': '#7d0480',
-  '--pink-700': '#4d0050',
-  '--pink-800': '#340439',
-  '--violet-50': '#f9f2ff',
-  '--violet-100': '#edd9ff',
-  '--violet-200': '#dcb8ff',
-  '--violet-300': '#c695ff',
-  '--violet-400': '#ab6cfe',
-  '--violet-500': '#8649e1',
-  '--violet-600': '#5925ab',
-  '--violet-700': '#421983',
-  '--violet-800': '#220358',
-  '--brand-color': '#ff642d',
-  '--pinterest': '#bd081c',
-  '--instagram': '#e4405f',
-  '--youtube': '#ff0000',
-  '--facebook': '#3b5998',
-  '--linkedIn': '#1a7ab2',
-  '--twitter': '#2bafeb',
-  '--google-my-business': '#1a73e8',
-  '--google-blue': '#1a0dab',
-  '--google-green': '#016723'
-};
 var deprecatedPalette = {
   '--denim-blue': '#006dca',
   '--light-blue': '#008ff8',
@@ -167,7 +72,7 @@ var deprecatedPalette = {
 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 = function useColorResolver() {
+var useColorResolver = exports.useColorResolver = function useColorResolver() {
   var contextTheme = (0, _ThemeProvider.useContextTokens)();
   return function (color) {
     if (!color) return undefined;
@@ -176,9 +81,6 @@ var useColorResolver = function useColorResolver() {
         _logger["default"].warn(true, makeDeprecationMessage(color), undefined);
         return deprecatedPalette[color];
       }
-      if (basicPalette[color]) {
-        return basicPalette[color];
-      }
       var resolvedColor;
       if (contextTheme !== null && contextTheme !== void 0 && contextTheme[color]) {
         resolvedColor = contextTheme[color];
@@ -194,15 +96,14 @@ var useColorResolver = function useColorResolver() {
     if (defaultDesignTheme["--intergalactic-".concat(color)]) {
       return "var(--intergalactic-".concat(color, ", ").concat(defaultDesignTheme["--intergalactic-".concat(color)], ")");
     }
+    if (defaultDesignTheme["--".concat(color)]) {
+      return "var(--".concat(color, ", ").concat(defaultDesignTheme["--".concat(color)], ")");
+    }
     if (deprecatedPalette["--".concat(color)]) {
       _logger["default"].warn(true, makeDeprecationMessage(color), undefined);
       return deprecatedPalette["--".concat(color)];
     }
-    if (basicPalette["--".concat(color)]) {
-      return "var(--".concat(color, ", ").concat(basicPalette["--".concat(color)], ")");
-    }
     return color;
   };
 };
-exports.useColorResolver = useColorResolver;
-//# sourceMappingURL=useColorResolver.cjs.map
+//# sourceMappingURL=useColorResolver.js.map

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

@@ -0,0 +1 @@
+{"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,102 +1,7 @@
-import { useContextTokens } from "../ThemeProvider.mjs";
-import logger from "../logger.mjs";
 import defaultDesignThemeJson from "../../theme/themes/default.mjs";
+import logger from "../logger.mjs";
+import { useContextTokens } from "../ThemeProvider.mjs";
 var defaultDesignTheme = defaultDesignThemeJson;
-var basicPalette = {
-  '--white': '#ffffff',
-  '--black': '#000000',
-  '--gray-50': '#f4f5f9',
-  '--gray-100': '#e0e1e9',
-  '--gray-200': '#c4c7cf',
-  '--gray-300': '#a9abb6',
-  '--gray-400': '#8a8e9b',
-  '--gray-500': '#6c6e79',
-  '--gray-600': '#484a54',
-  '--gray-700': '#2b2e38',
-  '--gray-800': '#191b23',
-  '--blue-50': '#e9f7ff',
-  '--blue-100': '#c4e5fe',
-  '--blue-200': '#8ecdff',
-  '--blue-300': '#2bb3ff',
-  '--blue-400': '#008ff8',
-  '--blue-500': '#006dca',
-  '--blue-600': '#044792',
-  '--blue-700': '#002b5f',
-  '--blue-800': '#001b3d',
-  '--green-50': '#dbfee8',
-  '--green-100': '#9ef2c9',
-  '--green-200': '#59ddaa',
-  '--green-300': '#00c192',
-  '--green-400': '#009f81',
-  '--green-500': '#007c65',
-  '--green-600': '#055345',
-  '--green-700': '#00342d',
-  '--green-800': '#00201e',
-  '--salad-50': '#ecfbcd',
-  '--salad-100': '#c7ee96',
-  '--salad-200': '#9bd85d',
-  '--salad-300': '#66c030',
-  '--salad-400': '#35a21e',
-  '--salad-500': '#0a7e22',
-  '--salad-600': '#005613',
-  '--salad-700': '#003509',
-  '--salad-800': '#002203',
-  '--orange-50': '#fff3d9',
-  '--orange-100': '#ffdca2',
-  '--orange-200': '#ffb26e',
-  '--orange-300': '#ff8c43',
-  '--orange-400': '#ff642d',
-  '--orange-500': '#c33909',
-  '--orange-600': '#8b1500',
-  '--orange-700': '#551200',
-  '--orange-800': '#351000',
-  '--yellow-50': '#fdf7c8',
-  '--yellow-100': '#fce081',
-  '--yellow-200': '#fdc23c',
-  '--yellow-300': '#ef9800',
-  '--yellow-400': '#d87900',
-  '--yellow-500': '#a75800',
-  '--yellow-600': '#743a00',
-  '--yellow-700': '#462500',
-  '--yellow-800': '#2c1600',
-  '--red-50': '#fff0f7',
-  '--red-100': '#ffd7df',
-  '--red-200': '#ffaeb5',
-  '--red-300': '#ff8786',
-  '--red-400': '#ff4953',
-  '--red-500': '#d1002f',
-  '--red-600': '#8e0016',
-  '--red-700': '#58000a',
-  '--red-800': '#410101',
-  '--pink-50': '#fff0ff',
-  '--pink-100': '#ffd3ff',
-  '--pink-200': '#ffa9fa',
-  '--pink-300': '#f67cf2',
-  '--pink-400': '#e14adf',
-  '--pink-500': '#b229b9',
-  '--pink-600': '#7d0480',
-  '--pink-700': '#4d0050',
-  '--pink-800': '#340439',
-  '--violet-50': '#f9f2ff',
-  '--violet-100': '#edd9ff',
-  '--violet-200': '#dcb8ff',
-  '--violet-300': '#c695ff',
-  '--violet-400': '#ab6cfe',
-  '--violet-500': '#8649e1',
-  '--violet-600': '#5925ab',
-  '--violet-700': '#421983',
-  '--violet-800': '#220358',
-  '--brand-color': '#ff642d',
-  '--pinterest': '#bd081c',
-  '--instagram': '#e4405f',
-  '--youtube': '#ff0000',
-  '--facebook': '#3b5998',
-  '--linkedIn': '#1a7ab2',
-  '--twitter': '#2bafeb',
-  '--google-my-business': '#1a73e8',
-  '--google-blue': '#1a0dab',
-  '--google-green': '#016723'
-};
 var deprecatedPalette = {
   '--denim-blue': '#006dca',
   '--light-blue': '#008ff8',
@@ -169,9 +74,6 @@ export var useColorResolver = function useColorResolver() {
         logger.warn(true, makeDeprecationMessage(color), undefined);
         return deprecatedPalette[color];
       }
-      if (basicPalette[color]) {
-        return basicPalette[color];
-      }
       var resolvedColor;
       if (contextTheme !== null && contextTheme !== void 0 && contextTheme[color]) {
         resolvedColor = contextTheme[color];
@@ -187,13 +89,13 @@ export var useColorResolver = function useColorResolver() {
     if (defaultDesignTheme["--intergalactic-".concat(color)]) {
       return "var(--intergalactic-".concat(color, ", ").concat(defaultDesignTheme["--intergalactic-".concat(color)], ")");
     }
+    if (defaultDesignTheme["--".concat(color)]) {
+      return "var(--".concat(color, ", ").concat(defaultDesignTheme["--".concat(color)], ")");
+    }
     if (deprecatedPalette["--".concat(color)]) {
       logger.warn(true, makeDeprecationMessage(color), undefined);
       return deprecatedPalette["--".concat(color)];
     }
-    if (basicPalette["--".concat(color)]) {
-      return "var(--".concat(color, ", ").concat(basicPalette["--".concat(color)], ")");
-    }
     return color;
   };
 };

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

@@ -1 +1 @@
-{"version":3,"file":"useColorResolver.mjs","names":["useContextTokens","logger","defaultDesignThemeJson","defaultDesignTheme","basicPalette","deprecatedPalette","makeDeprecationMessage","color","concat","useColorResolver","contextTheme","undefined","startsWith","warn","resolvedColor"],"sources":["../../../src/utils/use/useColorResolver.ts"],"sourcesContent":["import { useContextTokens } from '../ThemeProvider';\nimport logger from '../logger';\n\nimport defaultDesignThemeJson from '../../theme/themes/default';\nconst defaultDesignTheme = defaultDesignThemeJson as Record<string, string>;\nconst basicPalette: Record<string, string> = {\n  '--white': '#ffffff',\n  '--black': '#000000',\n  '--gray-50': '#f4f5f9',\n  '--gray-100': '#e0e1e9',\n  '--gray-200': '#c4c7cf',\n  '--gray-300': '#a9abb6',\n  '--gray-400': '#8a8e9b',\n  '--gray-500': '#6c6e79',\n  '--gray-600': '#484a54',\n  '--gray-700': '#2b2e38',\n  '--gray-800': '#191b23',\n  '--blue-50': '#e9f7ff',\n  '--blue-100': '#c4e5fe',\n  '--blue-200': '#8ecdff',\n  '--blue-300': '#2bb3ff',\n  '--blue-400': '#008ff8',\n  '--blue-500': '#006dca',\n  '--blue-600': '#044792',\n  '--blue-700': '#002b5f',\n  '--blue-800': '#001b3d',\n  '--green-50': '#dbfee8',\n  '--green-100': '#9ef2c9',\n  '--green-200': '#59ddaa',\n  '--green-300': '#00c192',\n  '--green-400': '#009f81',\n  '--green-500': '#007c65',\n  '--green-600': '#055345',\n  '--green-700': '#00342d',\n  '--green-800': '#00201e',\n  '--salad-50': '#ecfbcd',\n  '--salad-100': '#c7ee96',\n  '--salad-200': '#9bd85d',\n  '--salad-300': '#66c030',\n  '--salad-400': '#35a21e',\n  '--salad-500': '#0a7e22',\n  '--salad-600': '#005613',\n  '--salad-700': '#003509',\n  '--salad-800': '#002203',\n  '--orange-50': '#fff3d9',\n  '--orange-100': '#ffdca2',\n  '--orange-200': '#ffb26e',\n  '--orange-300': '#ff8c43',\n  '--orange-400': '#ff642d',\n  '--orange-500': '#c33909',\n  '--orange-600': '#8b1500',\n  '--orange-700': '#551200',\n  '--orange-800': '#351000',\n  '--yellow-50': '#fdf7c8',\n  '--yellow-100': '#fce081',\n  '--yellow-200': '#fdc23c',\n  '--yellow-300': '#ef9800',\n  '--yellow-400': '#d87900',\n  '--yellow-500': '#a75800',\n  '--yellow-600': '#743a00',\n  '--yellow-700': '#462500',\n  '--yellow-800': '#2c1600',\n  '--red-50': '#fff0f7',\n  '--red-100': '#ffd7df',\n  '--red-200': '#ffaeb5',\n  '--red-300': '#ff8786',\n  '--red-400': '#ff4953',\n  '--red-500': '#d1002f',\n  '--red-600': '#8e0016',\n  '--red-700': '#58000a',\n  '--red-800': '#410101',\n  '--pink-50': '#fff0ff',\n  '--pink-100': '#ffd3ff',\n  '--pink-200': '#ffa9fa',\n  '--pink-300': '#f67cf2',\n  '--pink-400': '#e14adf',\n  '--pink-500': '#b229b9',\n  '--pink-600': '#7d0480',\n  '--pink-700': '#4d0050',\n  '--pink-800': '#340439',\n  '--violet-50': '#f9f2ff',\n  '--violet-100': '#edd9ff',\n  '--violet-200': '#dcb8ff',\n  '--violet-300': '#c695ff',\n  '--violet-400': '#ab6cfe',\n  '--violet-500': '#8649e1',\n  '--violet-600': '#5925ab',\n  '--violet-700': '#421983',\n  '--violet-800': '#220358',\n  '--brand-color': '#ff642d',\n  '--pinterest': '#bd081c',\n  '--instagram': '#e4405f',\n  '--youtube': '#ff0000',\n  '--facebook': '#3b5998',\n  '--linkedIn': '#1a7ab2',\n  '--twitter': '#2bafeb',\n  '--google-my-business': '#1a73e8',\n  '--google-blue': '#1a0dab',\n  '--google-green': '#016723',\n};\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      if (basicPalette[color]) {\n        return basicPalette[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 (deprecatedPalette[`--${color}`]) {\n      logger.warn(true, makeDeprecationMessage(color), undefined);\n      return deprecatedPalette[`--${color}`];\n    }\n    if (basicPalette[`--${color}`]) {\n      return `var(--${color}, ${basicPalette[`--${color}`]})`;\n    }\n    return color;\n  };\n};\n"],"mappings":"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"}
+{"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/useCss.d.ts

@@ -1,4 +1,4 @@
-import { CssLikeObject } from '@phytonmk/nano-css/types/common';
+import type { CssLikeObject } from '@phytonmk/nano-css/types/common';
 export type IUseCssArg = CssLikeObject;
 declare const useCss: (css?: IUseCssArg) => string | undefined;
 export default useCss;

package/lib/utils/use/{useCss.cjs → useCss.js}

@@ -1,6 +1,6 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -15,6 +15,5 @@ var useCss = function useCss() {
   var cleanCss = (0, _WithCSS.normaliseCss)(css);
   return Object.keys(cleanCss).length ? (_nano$cache = nano.cache) === null || _nano$cache === void 0 ? void 0 : _nano$cache.call(nano, cleanCss) : '';
 };
-var _default = useCss;
-exports["default"] = _default;
-//# sourceMappingURL=useCss.cjs.map
+var _default = exports["default"] = useCss;
+//# sourceMappingURL=useCss.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useCss.js","names":["_react","_interopRequireDefault","require","_WithCSS","useCss","_nano$cache","css","arguments","length","undefined","nanoOptions","React","useContext","WithCssContext","nano","initNanoCss","cleanCss","normaliseCss","Object","keys","cache","call","_default","exports"],"sources":["../../../src/utils/use/useCss.ts"],"sourcesContent":["import type { CssLikeObject } from '@phytonmk/nano-css/types/common';\nimport React from 'react';\n\nimport { initNanoCss, normaliseCss, WithCssContext } from '../enhances/WithCSS';\n\nexport type IUseCssArg = CssLikeObject;\n\nconst useCss = (css: IUseCssArg = {}) => {\n  const nanoOptions = React.useContext(WithCssContext);\n  const nano = initNanoCss(nanoOptions);\n  const cleanCss = normaliseCss(css);\n  return Object.keys(cleanCss).length ? nano.cache?.(cleanCss) : '';\n};\n\nexport default useCss;\n"],"mappings":";;;;;;;AACA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,QAAA,GAAAD,OAAA;AAIA,IAAME,MAAM,GAAG,SAATA,MAAMA,CAAA,EAA6B;EAAA,IAAAC,WAAA;EAAA,IAAzBC,GAAe,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC,CAAC;EAClC,IAAMG,WAAW,GAAGC,iBAAK,CAACC,UAAU,CAACC,uBAAc,CAAC;EACpD,IAAMC,IAAI,GAAG,IAAAC,oBAAW,EAACL,WAAW,CAAC;EACrC,IAAMM,QAAQ,GAAG,IAAAC,qBAAY,EAACX,GAAG,CAAC;EAClC,OAAOY,MAAM,CAACC,IAAI,CAACH,QAAQ,CAAC,CAACR,MAAM,IAAAH,WAAA,GAAGS,IAAI,CAACM,KAAK,cAAAf,WAAA,uBAAVA,WAAA,CAAAgB,IAAA,CAAAP,IAAI,EAASE,QAAQ,CAAC,GAAG,EAAE;AACnE,CAAC;AAAC,IAAAM,QAAA,GAAAC,OAAA,cAEanB,MAAM","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"useCss.mjs","names":["React","initNanoCss","normaliseCss","WithCssContext","useCss","_nano$cache","css","arguments","length","undefined","nanoOptions","useContext","nano","cleanCss","Object","keys","cache","call"],"sources":["../../../src/utils/use/useCss.ts"],"sourcesContent":["import React from 'react';\nimport { CssLikeObject } from '@phytonmk/nano-css/types/common';\nimport { initNanoCss, normaliseCss, WithCssContext } from '../enhances/WithCSS';\n\nexport type IUseCssArg = CssLikeObject;\n\nconst useCss = (css: IUseCssArg = {}) => {\n  const nanoOptions = React.useContext(WithCssContext);\n  const nano = initNanoCss(nanoOptions);\n  const cleanCss = normaliseCss(css);\n  return Object.keys(cleanCss).length ? nano.cache?.(cleanCss) : '';\n};\n\nexport default useCss;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,WAAW,EAAEC,YAAY,EAAEC,cAAc,QAAQ,yBAAqB;AAI/E,IAAMC,MAAM,GAAG,SAATA,MAAMA,CAAA,EAA6B;EAAA,IAAAC,WAAA;EAAA,IAAzBC,GAAe,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC,CAAC;EAClC,IAAMG,WAAW,GAAGV,KAAK,CAACW,UAAU,CAACR,cAAc,CAAC;EACpD,IAAMS,IAAI,GAAGX,WAAW,CAACS,WAAW,CAAC;EACrC,IAAMG,QAAQ,GAAGX,YAAY,CAACI,GAAG,CAAC;EAClC,OAAOQ,MAAM,CAACC,IAAI,CAACF,QAAQ,CAAC,CAACL,MAAM,IAAAH,WAAA,GAAGO,IAAI,CAACI,KAAK,cAAAX,WAAA,uBAAVA,WAAA,CAAAY,IAAA,CAAAL,IAAI,EAASC,QAAQ,CAAC,GAAG,EAAE;AACnE,CAAC;AAED,eAAeT,MAAM"}
+{"version":3,"file":"useCss.mjs","names":["React","initNanoCss","normaliseCss","WithCssContext","useCss","_nano$cache","css","arguments","length","undefined","nanoOptions","useContext","nano","cleanCss","Object","keys","cache","call"],"sources":["../../../src/utils/use/useCss.ts"],"sourcesContent":["import type { CssLikeObject } from '@phytonmk/nano-css/types/common';\nimport React from 'react';\n\nimport { initNanoCss, normaliseCss, WithCssContext } from '../enhances/WithCSS';\n\nexport type IUseCssArg = CssLikeObject;\n\nconst useCss = (css: IUseCssArg = {}) => {\n  const nanoOptions = React.useContext(WithCssContext);\n  const nano = initNanoCss(nanoOptions);\n  const cleanCss = normaliseCss(css);\n  return Object.keys(cleanCss).length ? nano.cache?.(cleanCss) : '';\n};\n\nexport default useCss;\n"],"mappings":"AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,WAAW,EAAEC,YAAY,EAAEC,cAAc,QAAQ,yBAAqB;AAI/E,IAAMC,MAAM,GAAG,SAATA,MAAMA,CAAA,EAA6B;EAAA,IAAAC,WAAA;EAAA,IAAzBC,GAAe,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC,CAAC;EAClC,IAAMG,WAAW,GAAGV,KAAK,CAACW,UAAU,CAACR,cAAc,CAAC;EACpD,IAAMS,IAAI,GAAGX,WAAW,CAACS,WAAW,CAAC;EACrC,IAAMG,QAAQ,GAAGX,YAAY,CAACI,GAAG,CAAC;EAClC,OAAOQ,MAAM,CAACC,IAAI,CAACF,QAAQ,CAAC,CAACL,MAAM,IAAAH,WAAA,GAAGO,IAAI,CAACI,KAAK,cAAAX,WAAA,uBAAVA,WAAA,CAAAY,IAAA,CAAAL,IAAI,EAASC,QAAQ,CAAC,GAAG,EAAE;AACnE,CAAC;AAED,eAAeT,MAAM","ignoreList":[]}

package/lib/utils/use/{useEnhancedEffect.cjs → useEnhancedEffect.js}

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

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

@@ -0,0 +1 @@
+{"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.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';\nimport canUseDOM from '../canUseDOM';\n\nconst useEnhancedEffect = canUseDOM() ? React.useLayoutEffect : React.useEffect;\n\nexport default useEnhancedEffect;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,kBAAc;AAEpC,IAAMC,iBAAiB,GAAGD,SAAS,EAAE,GAAGD,KAAK,CAACG,eAAe,GAAGH,KAAK,CAACI,SAAS;AAE/E,eAAeF,iBAAiB"}
+{"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.cjs → useEventCallback.js}

@@ -1,6 +1,6 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -22,4 +22,4 @@ function useEventCallback(fn) {
     return ref.current.apply(void 0, args);
   }, []);
 }
-//# sourceMappingURL=useEventCallback.cjs.map
+//# sourceMappingURL=useEventCallback.js.map

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

@@ -0,0 +1 @@
+{"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.map

@@ -1 +1 @@
-{"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';\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;AACzB,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"}
+{"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.cjs → useEventListener.js}

@@ -1,6 +1,6 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -21,13 +21,12 @@ var useEventListener = function useEventListener(elementOrRef, eventName, handle
       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) return;
+    if (!(node instanceof Element)) return;
     node.addEventListener(eventName, eventListener, options);
     return function () {
       node.removeEventListener(eventName, eventListener, options);
     };
   }, [eventName, elementOrRef]);
 };
-var _default = useEventListener;
-exports["default"] = _default;
-//# sourceMappingURL=useEventListener.cjs.map
+var _default = exports["default"] = useEventListener;
+//# sourceMappingURL=useEventListener.js.map

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

@@ -0,0 +1 @@
+{"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

@@ -14,7 +14,7 @@ var useEventListener = function useEventListener(elementOrRef, eventName, handle
       return (_savedHandler$current = savedHandler.current) === null || _savedHandler$current === void 0 ? void 0 : _savedHandler$current.call(savedHandler, event);
     };
     var node = getRef(elementOrRef);
-    if (!node) return;
+    if (!(node instanceof Element)) return;
     node.addEventListener(eventName, eventListener, options);
     return function () {
       node.removeEventListener(eventName, eventListener, options);

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

@@ -1 +1 @@
-{"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","addEventListener","removeEventListener"],"sources":["../../../src/utils/use/useEventListener.ts"],"sourcesContent":["import React from 'react';\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) 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;AACzB,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,EAAsB;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,EAAE,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,CAACe,IAAI,EAAE;IACXA,IAAI,CAACC,gBAAgB,CAACf,SAAS,EAAEU,aAAa,EAAER,OAAO,CAAC;IACxD,OAAO,YAAM;MACXY,IAAI,CAACE,mBAAmB,CAAChB,SAAS,EAAEU,aAAa,EAAER,OAAO,CAAC;IAC7D,CAAC;EACH,CAAC,EAAE,CAACF,SAAS,EAAED,YAAY,CAAC,CAAC;AAC/B,CAAC;AAED,eAAeD,gBAAgB"}
+{"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":[]}

package/lib/utils/use/useFocusLock.d.ts

@@ -6,5 +6,5 @@ export { isFocusInside, setFocus };
  * You should always prevent native event propagation in order to prevent focus enforcing double calls.
  */
 export declare const makeFocusLockSyntheticEvent: (baseEvent: Event) => Event;
-export declare const useFocusLock: (trapRef: React.RefObject<HTMLElement>, autoFocus: boolean | 'enforced', returnFocusTo: React.RefObject<HTMLElement> | null | 'auto', disabled?: boolean, focusMaster?: boolean, onFocusOut?: ((event: Event) => void) | undefined) => any;
+export declare const useFocusLock: (trapRef: React.RefObject<HTMLElement>, autoFocus: boolean | "enforced", returnFocusTo: React.RefObject<HTMLElement> | null | "auto", disabled?: boolean, focusMaster?: boolean, onFocusOut?: (event: Event) => void) => any;
 export declare const hasFocusableIn: (element: HTMLElement) => boolean;

package/lib/utils/use/{useFocusLock.cjs → useFocusLock.js}

@@ -1,6 +1,6 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -21,12 +21,12 @@ Object.defineProperty(exports, "setFocus", {
 exports.useFocusLock = void 0;
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _canUseDOM = _interopRequireDefault(require("../canUseDOM"));
 var _react = _interopRequireDefault(require("react"));
+var _canUseDOM = _interopRequireDefault(require("../canUseDOM"));
+var _focusBorders = require("../focus-lock/focusBorders");
+var _getFocusableIn = require("../focus-lock/getFocusableIn");
 var _isFocusInside = require("../focus-lock/isFocusInside");
 var _setFocus = require("../focus-lock/setFocus");
-var _getFocusableIn = require("../focus-lock/getFocusableIn");
-var _focusBorders = require("../focus-lock/focusBorders");
 var syntheticEvents = {
   blur: 'focusout-intergalactic-focus-lock-synthetic',
   keydown: 'keydown-intergalactic-focus-lock-synthetic'
@@ -35,7 +35,7 @@ var syntheticEvents = {
  * Synthetic event are special events that always bypass all propagation guards and reaches focus lock event listeners.
  * You should always prevent native event propagation in order to prevent focus enforcing double calls.
  */
-var makeFocusLockSyntheticEvent = function makeFocusLockSyntheticEvent(baseEvent) {
+var makeFocusLockSyntheticEvent = exports.makeFocusLockSyntheticEvent = function makeFocusLockSyntheticEvent(baseEvent) {
   var event = baseEvent;
   var type = event.type;
   if (!(type in syntheticEvents)) {
@@ -55,7 +55,6 @@ var makeFocusLockSyntheticEvent = function makeFocusLockSyntheticEvent(baseEvent
   });
   return syntheticEvent;
 };
-exports.makeFocusLockSyntheticEvent = makeFocusLockSyntheticEvent;
 var useFocusBorders = function useFocusBorders(React, disabled, trapRef) {
   useUniqueIdHookMock(React);
   React.useEffect(function () {
@@ -151,7 +150,7 @@ var useFocusLockHook = function useFocusLockHook(React, trapRef, autoFocus, retu
       if (focusCameFrom && focusMovedTo) {
         (0, _setFocus.setFocus)(trapRef.current, focusCameFrom, focusMovedTo);
       }
-      onFocusOut === null || onFocusOut === void 0 ? void 0 : onFocusOut(event);
+      onFocusOut === null || onFocusOut === void 0 || onFocusOut(event);
     });
   }, [onFocusOut]);
   var handleMouseEvent = React.useCallback(function () {
@@ -271,7 +270,7 @@ if (!globalThis[globalFocusLockHookKey]) {
     establishHookAsGlobal();
   }
 }
-var useFocusLock = function useFocusLock(trapRef, autoFocus, returnFocusTo) {
+var useFocusLock = exports.useFocusLock = function useFocusLock(trapRef, autoFocus, returnFocusTo) {
   var _globalFocusLockHookK2, _globalFocusLockHookK3;
   var disabled = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
   var focusMaster = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
@@ -279,11 +278,9 @@ var useFocusLock = function useFocusLock(trapRef, autoFocus, returnFocusTo) {
   var hook = (_globalFocusLockHookK2 = (_globalFocusLockHookK3 = globalThis[globalFocusLockHookKey]) === null || _globalFocusLockHookK3 === void 0 ? void 0 : _globalFocusLockHookK3.hook) !== null && _globalFocusLockHookK2 !== void 0 ? _globalFocusLockHookK2 : useFocusLockHook;
   return hook(_react["default"], trapRef, autoFocus, returnFocusTo, disabled, focusMaster, onFocusOut);
 };
-exports.useFocusLock = useFocusLock;
-var hasFocusableIn = function hasFocusableIn(element) {
+var hasFocusableIn = exports.hasFocusableIn = function hasFocusableIn(element) {
   return Array.from(element.children).flatMap(function (node) {
     return (0, _getFocusableIn.getFocusableIn)(node);
   }).length > 0;
 };
-exports.hasFocusableIn = hasFocusableIn;
-//# sourceMappingURL=useFocusLock.cjs.map
+//# sourceMappingURL=useFocusLock.js.map