@semcore/core 16.6.0 → 16.6.2-prerelease.0

package/lib/utils/if.d.ts

@@ -0,0 +1,11 @@
+import type { FC, ReactNode } from 'react';
+import type { UnknownProperties } from '../core-types/UnknownProperties';
+/** @deprecated */
+export interface IIfProps extends IfProps, UnknownProperties {
+}
+export type IfProps = {
+    condition: boolean;
+    children?: ReactNode;
+};
+declare const If: FC<IIfProps>;
+export default If;

package/lib/utils/if.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+/** @deprecated */
+
+var If = function If(props) {
+  var condition = props.condition,
+    children = props.children;
+  return condition ? children : null;
+};
+var _default = exports["default"] = If;
+//# sourceMappingURL=if.js.map

package/lib/utils/if.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"if.js","names":["If","props","condition","children","_default","exports"],"sources":["../../src/utils/if.tsx"],"sourcesContent":["import type { FC, ReactNode } from 'react';\n\nimport type { UnknownProperties } from '../core-types/UnknownProperties';\n\n/** @deprecated */\nexport interface IIfProps extends IfProps, UnknownProperties {}\nexport type IfProps = {\n  condition: boolean;\n  children?: ReactNode;\n};\n\nconst If: FC<IIfProps> = (props) => {\n  const { condition, children } = props;\n  return (condition ? children : null) as ReturnType<FC>;\n};\n\nexport default If;\n"],"mappings":";;;;;;AAIA;;AAOA,IAAMA,EAAgB,GAAG,SAAnBA,EAAgBA,CAAIC,KAAK,EAAK;EAClC,IAAQC,SAAS,GAAeD,KAAK,CAA7BC,SAAS;IAAEC,QAAQ,GAAKF,KAAK,CAAlBE,QAAQ;EAC3B,OAAQD,SAAS,GAAGC,QAAQ,GAAG,IAAI;AACrC,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,cAEaL,EAAE","ignoreList":[]}

package/lib/utils/if.mjs

@@ -0,0 +1,9 @@
+/** @deprecated */
+
+var If = function If(props) {
+  var condition = props.condition,
+    children = props.children;
+  return condition ? children : null;
+};
+export default If;
+//# sourceMappingURL=if.mjs.map

package/lib/utils/if.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"if.mjs","names":["If","props","condition","children"],"sources":["../../src/utils/if.tsx"],"sourcesContent":["import type { FC, ReactNode } from 'react';\n\nimport type { UnknownProperties } from '../core-types/UnknownProperties';\n\n/** @deprecated */\nexport interface IIfProps extends IfProps, UnknownProperties {}\nexport type IfProps = {\n  condition: boolean;\n  children?: ReactNode;\n};\n\nconst If: FC<IIfProps> = (props) => {\n  const { condition, children } = props;\n  return (condition ? children : null) as ReturnType<FC>;\n};\n\nexport default If;\n"],"mappings":"AAIA;;AAOA,IAAMA,EAAgB,GAAG,SAAnBA,EAAgBA,CAAIC,KAAK,EAAK;EAClC,IAAQC,SAAS,GAAeD,KAAK,CAA7BC,SAAS;IAAEC,QAAQ,GAAKF,KAAK,CAAlBE,QAAQ;EAC3B,OAAQD,SAAS,GAAGC,QAAQ,GAAG,IAAI;AACrC,CAAC;AAED,eAAeH,EAAE","ignoreList":[]}

package/lib/utils/injectStyle.js

@@ -29,7 +29,7 @@ function injectStyle(css) {
         sh = prevSh;
       } else {
         // @ts-ignore
-        var version = "17.0.1";
+        var version = "16.6.1";
         sh = document.createElement('style');
         sh.setAttribute('data-ui-v', version);
         sh.classList.add(selectorClass);

package/lib/utils/injectStyle.mjs

@@ -22,7 +22,7 @@ function injectStyle(css) {
         sh = prevSh;
       } else {
         // @ts-ignore
-        var version = "17.0.1";
+        var version = "16.6.1";
         sh = document.createElement('style');
         sh.setAttribute('data-ui-v', version);
         sh.classList.add(selectorClass);

package/lib/utils/ref.d.ts

@@ -1,8 +1,10 @@
-import React, { type MutableRefObject, type Ref } from 'react';
+import React, { type MutableRefObject, type Ref, type RefObject } from 'react';
 export declare function setRef<T>(ref: Ref<T>, value: T): void;
 type Refs = React.ReactInstance | React.RefObject<React.ReactInstance>;
 export declare function getRef(ref: Refs): React.ReactInstance | null;
 export declare function useCallbackRef<T>(initialValue: T | null, callback: (newValue: T | null, lastValue: T | null) => void): MutableRefObject<T | null>;
 export declare function useForkRef<T>(...refs: Ref<T>[]): Ref<T>;
 export declare function forkRef<T>(...refs: Ref<T>[]): Ref<T>;
+export type NodeByRef = RefObject<Element> | Element | (() => RefObject<Element> | Element);
+export declare function getNodeByRef(ref: NodeByRef): Element | null;
 export {};

package/lib/utils/ref.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.forkRef = forkRef;
+exports.getNodeByRef = getNodeByRef;
 exports.getRef = getRef;
 exports.setRef = setRef;
 exports.useCallbackRef = useCallbackRef;
@@ -12,6 +13,7 @@ exports.useForkRef = useForkRef;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireDefault(require("react"));
+var _reactDom = require("react-dom");
 function setRef(ref, value) {
   if (typeof ref === 'function') {
     ref(value);
@@ -79,4 +81,16 @@ function forkRef() {
     });
   };
 }
+function getNodeByRef(ref) {
+  if (typeof ref === 'function') {
+    ref = ref();
+  }
+  if (!ref) return null;
+  var node = getRef(ref);
+  if (!node) return null;
+  if ('nodeType' in node && node.nodeType === 1) return node;
+  if (Object.keys(node).length === 1 && 'getBoundingClientRect' in node) return null;
+  if (! /*#__PURE__*/_react["default"].isValidElement(node) && !(node instanceof _react["default"].Component)) return null;
+  return (0, _reactDom.findDOMNode)(node);
+}
 //# sourceMappingURL=ref.js.map

package/lib/utils/ref.js.map

@@ -1 +1 @@
-{"version":3,"file":"ref.js","names":["_react","_interopRequireDefault","require","setRef","ref","value","hasOwnProperty","getRef","current","useCallbackRef","initialValue","callback","_React$useState","React","useState","facade","last","_React$useState2","_slicedToArray2","useForkRef","_len","arguments","length","refs","Array","_key","useCallback","refValue","uniqueRefs","_toConsumableArray2","Set","forEach","forkRef","_len2","_key2","every"],"sources":["../../src/utils/ref.ts"],"sourcesContent":["import React, { type MutableRefObject, type Ref } from 'react';\n\nexport function setRef<T>(ref: Ref<T>, value: T) {\n  if (typeof ref === 'function') {\n    ref(value);\n  } else if (ref?.hasOwnProperty('current')) {\n    // @ts-ignore\n    ref['current'] = value;\n  }\n}\n\ntype Refs = React.ReactInstance | React.RefObject<React.ReactInstance>;\n\nexport function getRef(ref: Refs): React.ReactInstance | null {\n  if (!ref) return null;\n  return 'current' in ref ? ref.current : ref;\n}\n\nexport function useCallbackRef<T>(\n  initialValue: T | null,\n  callback: (newValue: T | null, lastValue: T | null) => void,\n): MutableRefObject<T | null> {\n  const [ref] = React.useState(() => ({\n    // value\n    value: initialValue,\n    // last callback\n    callback,\n    // \"memoized\" public interface\n    facade: {\n      get current() {\n        return ref.value;\n      },\n      set current(value) {\n        const last = ref.value;\n        if (last !== value) {\n          ref.value = value;\n          ref.callback(value, last);\n        }\n      },\n    },\n  }));\n  // update callback\n  ref.callback = callback;\n\n  return ref.facade;\n}\n\nexport function useForkRef<T>(...refs: Ref<T>[]): Ref<T> {\n  return React.useCallback((refValue: any) => {\n    const uniqueRefs = [...new Set(refs)];\n    uniqueRefs.forEach((ref) => setRef(ref, refValue));\n  }, refs);\n}\n\nexport function forkRef<T>(...refs: Ref<T>[]): Ref<T> {\n  if (refs.every((ref) => ref == null)) {\n    return null;\n  }\n  return (refValue) => {\n    const uniqueRefs = [...new Set(refs)];\n    uniqueRefs.forEach((ref) => setRef(ref, refValue));\n  };\n}\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEO,SAASC,MAAMA,CAAIC,GAAW,EAAEC,KAAQ,EAAE;EAC/C,IAAI,OAAOD,GAAG,KAAK,UAAU,EAAE;IAC7BA,GAAG,CAACC,KAAK,CAAC;EACZ,CAAC,MAAM,IAAID,GAAG,aAAHA,GAAG,eAAHA,GAAG,CAAEE,cAAc,CAAC,SAAS,CAAC,EAAE;IACzC;IACAF,GAAG,CAAC,SAAS,CAAC,GAAGC,KAAK;EACxB;AACF;AAIO,SAASE,MAAMA,CAACH,GAAS,EAA8B;EAC5D,IAAI,CAACA,GAAG,EAAE,OAAO,IAAI;EACrB,OAAO,SAAS,IAAIA,GAAG,GAAGA,GAAG,CAACI,OAAO,GAAGJ,GAAG;AAC7C;AAEO,SAASK,cAAcA,CAC5BC,YAAsB,EACtBC,QAA2D,EAC/B;EAC5B,IAAAC,eAAA,GAAcC,iBAAK,CAACC,QAAQ,CAAC;MAAA,OAAO;QAClC;QACAT,KAAK,EAAEK,YAAY;QACnB;QACAC,QAAQ,EAARA,QAAQ;QACR;QACAI,MAAM,EAAE;UACN,IAAIP,OAAOA,CAAA,EAAG;YACZ,OAAOJ,GAAG,CAACC,KAAK;UAClB,CAAC;UACD,IAAIG,OAAOA,CAACH,KAAK,EAAE;YACjB,IAAMW,IAAI,GAAGZ,GAAG,CAACC,KAAK;YACtB,IAAIW,IAAI,KAAKX,KAAK,EAAE;cAClBD,GAAG,CAACC,KAAK,GAAGA,KAAK;cACjBD,GAAG,CAACO,QAAQ,CAACN,KAAK,EAAEW,IAAI,CAAC;YAC3B;UACF;QACF;MACF,CAAC;IAAA,CAAC,CAAC;IAAAC,gBAAA,OAAAC,eAAA,aAAAN,eAAA;IAlBIR,GAAG,GAAAa,gBAAA;EAmBV;EACAb,GAAG,CAACO,QAAQ,GAAGA,QAAQ;EAEvB,OAAOP,GAAG,CAACW,MAAM;AACnB;AAEO,SAASI,UAAUA,CAAA,EAA+B;EAAA,SAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAxBC,IAAI,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;IAAJF,IAAI,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;EAAA;EACnC,OAAOZ,iBAAK,CAACa,WAAW,CAAC,UAACC,QAAa,EAAK;IAC1C,IAAMC,UAAU,OAAAC,mBAAA,aAAO,IAAIC,GAAG,CAACP,IAAI,CAAC,CAAC;IACrCK,UAAU,CAACG,OAAO,CAAC,UAAC3B,GAAG;MAAA,OAAKD,MAAM,CAACC,GAAG,EAAEuB,QAAQ,CAAC;IAAA,EAAC;EACpD,CAAC,EAAEJ,IAAI,CAAC;AACV;AAEO,SAASS,OAAOA,CAAA,EAA+B;EAAA,SAAAC,KAAA,GAAAZ,SAAA,CAAAC,MAAA,EAAxBC,IAAI,OAAAC,KAAA,CAAAS,KAAA,GAAAC,KAAA,MAAAA,KAAA,GAAAD,KAAA,EAAAC,KAAA;IAAJX,IAAI,CAAAW,KAAA,IAAAb,SAAA,CAAAa,KAAA;EAAA;EAChC,IAAIX,IAAI,CAACY,KAAK,CAAC,UAAC/B,GAAG;IAAA,OAAKA,GAAG,IAAI,IAAI;EAAA,EAAC,EAAE;IACpC,OAAO,IAAI;EACb;EACA,OAAO,UAACuB,QAAQ,EAAK;IACnB,IAAMC,UAAU,OAAAC,mBAAA,aAAO,IAAIC,GAAG,CAACP,IAAI,CAAC,CAAC;IACrCK,UAAU,CAACG,OAAO,CAAC,UAAC3B,GAAG;MAAA,OAAKD,MAAM,CAACC,GAAG,EAAEuB,QAAQ,CAAC;IAAA,EAAC;EACpD,CAAC;AACH","ignoreList":[]}
+{"version":3,"file":"ref.js","names":["_react","_interopRequireDefault","require","_reactDom","setRef","ref","value","hasOwnProperty","getRef","current","useCallbackRef","initialValue","callback","_React$useState","React","useState","facade","last","_React$useState2","_slicedToArray2","useForkRef","_len","arguments","length","refs","Array","_key","useCallback","refValue","uniqueRefs","_toConsumableArray2","Set","forEach","forkRef","_len2","_key2","every","getNodeByRef","node","nodeType","Object","keys","isValidElement","Component","findDOMNode"],"sources":["../../src/utils/ref.ts"],"sourcesContent":["import React, { type MutableRefObject, type Ref, type RefObject } from 'react';\nimport { findDOMNode } from 'react-dom';\n\nexport function setRef<T>(ref: Ref<T>, value: T) {\n  if (typeof ref === 'function') {\n    ref(value);\n  } else if (ref?.hasOwnProperty('current')) {\n    // @ts-ignore\n    ref['current'] = value;\n  }\n}\n\ntype Refs = React.ReactInstance | React.RefObject<React.ReactInstance>;\n\nexport function getRef(ref: Refs): React.ReactInstance | null {\n  if (!ref) return null;\n  return 'current' in ref ? ref.current : ref;\n}\n\nexport function useCallbackRef<T>(\n  initialValue: T | null,\n  callback: (newValue: T | null, lastValue: T | null) => void,\n): MutableRefObject<T | null> {\n  const [ref] = React.useState(() => ({\n    // value\n    value: initialValue,\n    // last callback\n    callback,\n    // \"memoized\" public interface\n    facade: {\n      get current() {\n        return ref.value;\n      },\n      set current(value) {\n        const last = ref.value;\n        if (last !== value) {\n          ref.value = value;\n          ref.callback(value, last);\n        }\n      },\n    },\n  }));\n  // update callback\n  ref.callback = callback;\n\n  return ref.facade;\n}\n\nexport function useForkRef<T>(...refs: Ref<T>[]): Ref<T> {\n  return React.useCallback((refValue: any) => {\n    const uniqueRefs = [...new Set(refs)];\n    uniqueRefs.forEach((ref) => setRef(ref, refValue));\n  }, refs);\n}\n\nexport function forkRef<T>(...refs: Ref<T>[]): Ref<T> {\n  if (refs.every((ref) => ref == null)) {\n    return null;\n  }\n  return (refValue) => {\n    const uniqueRefs = [...new Set(refs)];\n    uniqueRefs.forEach((ref) => setRef(ref, refValue));\n  };\n}\n\nexport type NodeByRef = RefObject<Element> | Element | (() => RefObject<Element> | Element);\n\nexport function getNodeByRef(ref: NodeByRef): Element | null {\n  if (typeof ref === 'function') {\n    ref = ref();\n  }\n  if (!ref) return null;\n\n  const node = getRef(ref);\n  if (!node) return null;\n  if ('nodeType' in node && node.nodeType === 1) return node;\n  if (Object.keys(node).length === 1 && 'getBoundingClientRect' in node) return null;\n  if (!React.isValidElement(node) && !(node instanceof React.Component)) return null;\n\n  return findDOMNode(node) as Element;\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/utils/ref.mjs

@@ -1,6 +1,7 @@
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React from "react";
+import { findDOMNode } from "react-dom";
 function setRef(ref, value) {
   if (typeof ref === "function") {
     ref(value);
@@ -64,8 +65,21 @@ function forkRef() {
     });
   };
 }
+function getNodeByRef(ref) {
+  if (typeof ref === "function") {
+    ref = ref();
+  }
+  if (!ref) return null;
+  var node = getRef(ref);
+  if (!node) return null;
+  if ("nodeType" in node && node.nodeType === 1) return node;
+  if (Object.keys(node).length === 1 && "getBoundingClientRect" in node) return null;
+  if (!/* @__PURE__ */ React.isValidElement(node) && !(node instanceof React.Component)) return null;
+  return findDOMNode(node);
+}
 export {
   forkRef,
+  getNodeByRef,
   getRef,
   setRef,
   useCallbackRef,

package/lib/utils/ref.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ref.mjs","names":["React","setRef","ref","value","hasOwnProperty","getRef","current","useCallbackRef","initialValue","callback","_React$useState","useState","facade","last","_React$useState2","_slicedToArray","useForkRef","_len","arguments","length","refs","Array","_key","useCallback","refValue","uniqueRefs","_toConsumableArray","Set","forEach","forkRef","_len2","_key2","every"],"sources":["../../src/utils/ref.ts"],"sourcesContent":["import React, { type MutableRefObject, type Ref } from 'react';\n\nexport function setRef<T>(ref: Ref<T>, value: T) {\n  if (typeof ref === 'function') {\n    ref(value);\n  } else if (ref?.hasOwnProperty('current')) {\n    // @ts-ignore\n    ref['current'] = value;\n  }\n}\n\ntype Refs = React.ReactInstance | React.RefObject<React.ReactInstance>;\n\nexport function getRef(ref: Refs): React.ReactInstance | null {\n  if (!ref) return null;\n  return 'current' in ref ? ref.current : ref;\n}\n\nexport function useCallbackRef<T>(\n  initialValue: T | null,\n  callback: (newValue: T | null, lastValue: T | null) => void,\n): MutableRefObject<T | null> {\n  const [ref] = React.useState(() => ({\n    // value\n    value: initialValue,\n    // last callback\n    callback,\n    // \"memoized\" public interface\n    facade: {\n      get current() {\n        return ref.value;\n      },\n      set current(value) {\n        const last = ref.value;\n        if (last !== value) {\n          ref.value = value;\n          ref.callback(value, last);\n        }\n      },\n    },\n  }));\n  // update callback\n  ref.callback = callback;\n\n  return ref.facade;\n}\n\nexport function useForkRef<T>(...refs: Ref<T>[]): Ref<T> {\n  return React.useCallback((refValue: any) => {\n    const uniqueRefs = [...new Set(refs)];\n    uniqueRefs.forEach((ref) => setRef(ref, refValue));\n  }, refs);\n}\n\nexport function forkRef<T>(...refs: Ref<T>[]): Ref<T> {\n  if (refs.every((ref) => ref == null)) {\n    return null;\n  }\n  return (refValue) => {\n    const uniqueRefs = [...new Set(refs)];\n    uniqueRefs.forEach((ref) => setRef(ref, refValue));\n  };\n}\n"],"mappings":";;AAAA,OAAOA,KAAK,MAA2C,OAAO;AAE9D,OAAO,SAASC,MAAMA,CAAIC,GAAW,EAAEC,KAAQ,EAAE;EAC/C,IAAI,OAAOD,GAAG,KAAK,UAAU,EAAE;IAC7BA,GAAG,CAACC,KAAK,CAAC;EACZ,CAAC,MAAM,IAAID,GAAG,aAAHA,GAAG,eAAHA,GAAG,CAAEE,cAAc,CAAC,SAAS,CAAC,EAAE;IACzC;IACAF,GAAG,CAAC,SAAS,CAAC,GAAGC,KAAK;EACxB;AACF;AAIA,OAAO,SAASE,MAAMA,CAACH,GAAS,EAA8B;EAC5D,IAAI,CAACA,GAAG,EAAE,OAAO,IAAI;EACrB,OAAO,SAAS,IAAIA,GAAG,GAAGA,GAAG,CAACI,OAAO,GAAGJ,GAAG;AAC7C;AAEA,OAAO,SAASK,cAAcA,CAC5BC,YAAsB,EACtBC,QAA2D,EAC/B;EAC5B,IAAAC,eAAA,GAAcV,KAAK,CAACW,QAAQ,CAAC;MAAA,OAAO;QAClC;QACAR,KAAK,EAAEK,YAAY;QACnB;QACAC,QAAQ,EAARA,QAAQ;QACR;QACAG,MAAM,EAAE;UACN,IAAIN,OAAOA,CAAA,EAAG;YACZ,OAAOJ,GAAG,CAACC,KAAK;UAClB,CAAC;UACD,IAAIG,OAAOA,CAACH,KAAK,EAAE;YACjB,IAAMU,IAAI,GAAGX,GAAG,CAACC,KAAK;YACtB,IAAIU,IAAI,KAAKV,KAAK,EAAE;cAClBD,GAAG,CAACC,KAAK,GAAGA,KAAK;cACjBD,GAAG,CAACO,QAAQ,CAACN,KAAK,EAAEU,IAAI,CAAC;YAC3B;UACF;QACF;MACF,CAAC;IAAA,CAAC,CAAC;IAAAC,gBAAA,GAAAC,cAAA,CAAAL,eAAA;IAlBIR,GAAG,GAAAY,gBAAA;EAmBV;EACAZ,GAAG,CAACO,QAAQ,GAAGA,QAAQ;EAEvB,OAAOP,GAAG,CAACU,MAAM;AACnB;AAEA,OAAO,SAASI,UAAUA,CAAA,EAA+B;EAAA,SAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAxBC,IAAI,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;IAAJF,IAAI,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;EAAA;EACnC,OAAOtB,KAAK,CAACuB,WAAW,CAAC,UAACC,QAAa,EAAK;IAC1C,IAAMC,UAAU,GAAAC,kBAAA,CAAO,IAAIC,GAAG,CAACP,IAAI,CAAC,CAAC;IACrCK,UAAU,CAACG,OAAO,CAAC,UAAC1B,GAAG;MAAA,OAAKD,MAAM,CAACC,GAAG,EAAEsB,QAAQ,CAAC;IAAA,EAAC;EACpD,CAAC,EAAEJ,IAAI,CAAC;AACV;AAEA,OAAO,SAASS,OAAOA,CAAA,EAA+B;EAAA,SAAAC,KAAA,GAAAZ,SAAA,CAAAC,MAAA,EAAxBC,IAAI,OAAAC,KAAA,CAAAS,KAAA,GAAAC,KAAA,MAAAA,KAAA,GAAAD,KAAA,EAAAC,KAAA;IAAJX,IAAI,CAAAW,KAAA,IAAAb,SAAA,CAAAa,KAAA;EAAA;EAChC,IAAIX,IAAI,CAACY,KAAK,CAAC,UAAC9B,GAAG;IAAA,OAAKA,GAAG,IAAI,IAAI;EAAA,EAAC,EAAE;IACpC,OAAO,IAAI;EACb;EACA,OAAO,UAACsB,QAAQ,EAAK;IACnB,IAAMC,UAAU,GAAAC,kBAAA,CAAO,IAAIC,GAAG,CAACP,IAAI,CAAC,CAAC;IACrCK,UAAU,CAACG,OAAO,CAAC,UAAC1B,GAAG;MAAA,OAAKD,MAAM,CAACC,GAAG,EAAEsB,QAAQ,CAAC;IAAA,EAAC;EACpD,CAAC;AACH","ignoreList":[]}
+{"version":3,"file":"ref.mjs","names":["React","findDOMNode","setRef","ref","value","hasOwnProperty","getRef","current","useCallbackRef","initialValue","callback","_React$useState","useState","facade","last","_React$useState2","_slicedToArray","useForkRef","_len","arguments","length","refs","Array","_key","useCallback","refValue","uniqueRefs","_toConsumableArray","Set","forEach","forkRef","_len2","_key2","every","getNodeByRef","node","nodeType","Object","keys","isValidElement","Component"],"sources":["../../src/utils/ref.ts"],"sourcesContent":["import React, { type MutableRefObject, type Ref, type RefObject } from 'react';\nimport { findDOMNode } from 'react-dom';\n\nexport function setRef<T>(ref: Ref<T>, value: T) {\n  if (typeof ref === 'function') {\n    ref(value);\n  } else if (ref?.hasOwnProperty('current')) {\n    // @ts-ignore\n    ref['current'] = value;\n  }\n}\n\ntype Refs = React.ReactInstance | React.RefObject<React.ReactInstance>;\n\nexport function getRef(ref: Refs): React.ReactInstance | null {\n  if (!ref) return null;\n  return 'current' in ref ? ref.current : ref;\n}\n\nexport function useCallbackRef<T>(\n  initialValue: T | null,\n  callback: (newValue: T | null, lastValue: T | null) => void,\n): MutableRefObject<T | null> {\n  const [ref] = React.useState(() => ({\n    // value\n    value: initialValue,\n    // last callback\n    callback,\n    // \"memoized\" public interface\n    facade: {\n      get current() {\n        return ref.value;\n      },\n      set current(value) {\n        const last = ref.value;\n        if (last !== value) {\n          ref.value = value;\n          ref.callback(value, last);\n        }\n      },\n    },\n  }));\n  // update callback\n  ref.callback = callback;\n\n  return ref.facade;\n}\n\nexport function useForkRef<T>(...refs: Ref<T>[]): Ref<T> {\n  return React.useCallback((refValue: any) => {\n    const uniqueRefs = [...new Set(refs)];\n    uniqueRefs.forEach((ref) => setRef(ref, refValue));\n  }, refs);\n}\n\nexport function forkRef<T>(...refs: Ref<T>[]): Ref<T> {\n  if (refs.every((ref) => ref == null)) {\n    return null;\n  }\n  return (refValue) => {\n    const uniqueRefs = [...new Set(refs)];\n    uniqueRefs.forEach((ref) => setRef(ref, refValue));\n  };\n}\n\nexport type NodeByRef = RefObject<Element> | Element | (() => RefObject<Element> | Element);\n\nexport function getNodeByRef(ref: NodeByRef): Element | null {\n  if (typeof ref === 'function') {\n    ref = ref();\n  }\n  if (!ref) return null;\n\n  const node = getRef(ref);\n  if (!node) return null;\n  if ('nodeType' in node && node.nodeType === 1) return node;\n  if (Object.keys(node).length === 1 && 'getBoundingClientRect' in node) return null;\n  if (!React.isValidElement(node) && !(node instanceof React.Component)) return null;\n\n  return findDOMNode(node) as Element;\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/utils/uniqueID.d.ts

@@ -1,3 +1,7 @@
+import type { UnknownProperties } from '../core-types/UnknownProperties';
+/** @deprecated */
+export interface IUniqueIDProps extends UniqueIDProps, UnknownProperties {
+}
 export type UniqueIDProps = {
     uid?: string;
 };

package/lib/utils/uniqueID.js

@@ -8,8 +8,10 @@ exports.useUID = exports["default"] = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireDefault(require("react"));
-var _register = _interopRequireDefault(require("../register"));
 var _useEnhancedEffect = _interopRequireDefault(require("./use/useEnhancedEffect"));
+var _register = _interopRequireDefault(require("../register"));
+/** @deprecated */
+
 var createSource = function createSource() {
   var prefix = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'ui-kit-';
   return {

package/lib/utils/uniqueID.js.map

@@ -1 +1 @@
-{"version":3,"file":"uniqueID.js","names":["_react","_interopRequireDefault","require","_register","_useEnhancedEffect","createSource","prefix","arguments","length","undefined","value","useUID","exports","_context$prefix","context","register","get","_ref","React","useId","useState","_ref2","_slicedToArray2","uid","trimmedUid","String","startsWith","endsWith","slice","useEnhancedEffect","set","_default","props","_objectSpread2"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,SAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,kBAAA,GAAAH,sBAAA,CAAAC,OAAA;AAYA,IAAMG,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;AAEzE,IAAMK,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,SAATA,MAAMA,CAAIL,MAAe,EAAa;EAAA,IAAAO,eAAA;EACjD,IAAMC,OAAO,GAAGC,oBAAQ,CAACC,GAAG,CAAc,aAAa,EAAEX,YAAY,CAACC,MAAM,CAAC,CAAC;EAC9E,IAAAW,IAAA,GAAcC,iBAAK,CAACC,KAAK,GAAG,CAACD,iBAAK,CAACC,KAAK,CAAC,CAAC,CAAC,GAAGD,iBAAK,CAACE,QAAQ,CAASN,OAAO,CAACJ,KAAK,EAAE,CAAC;IAAAW,KAAA,OAAAC,eAAA,aAAAL,IAAA;IAA9EM,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;EAE3F,IAAAM,6BAAiB,EAAC,YAAM;IACtBd,oBAAQ,CAACe,GAAG,CAAc,aAAa,EAAEhB,OAAO,CAAC;EACnD,CAAC,EAAE,CAACU,UAAU,CAAC,CAAC;EAEhB,OAAO,EAAAX,eAAA,GAACC,OAAO,CAACR,MAAM,cAAAO,eAAA,cAAAA,eAAA,GAAI,EAAE,IAAIW,UAAU;AAC5C,CAAC;AAAC,IAAAO,QAAA,GAAAnB,OAAA,cAEa,SAAAmB,SAACzB,MAAe,EAAK;EAClC,OAAO,UAAC0B,KAAU,EAAyC;IACzD,IAAMT,GAAG,GAAGZ,MAAM,CAACL,MAAM,CAAC;IAC1B,WAAA2B,cAAA;MACEV,GAAG,EAAHA;IAAG,GACAS,KAAK;EAEZ,CAAC;AACH,CAAC","ignoreList":[]}
+{"version":3,"file":"uniqueID.js","names":["_react","_interopRequireDefault","require","_useEnhancedEffect","_register","createSource","prefix","arguments","length","undefined","value","useUID","exports","_context$prefix","context","register","get","_ref","React","useId","useState","_ref2","_slicedToArray2","uid","trimmedUid","String","startsWith","endsWith","slice","useEnhancedEffect","set","_default","props","_objectSpread2"],"sources":["../../src/utils/uniqueID.ts"],"sourcesContent":["import React from 'react';\n\nimport useEnhancedEffect from './use/useEnhancedEffect';\nimport type { UnknownProperties } from '../core-types/UnknownProperties';\nimport register from '../register';\n\ntype ContextType = {\n  prefix?: string;\n  value: number;\n};\n\n/** @deprecated */\nexport interface IUniqueIDProps extends UniqueIDProps, UnknownProperties {}\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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,kBAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,SAAA,GAAAH,sBAAA,CAAAC,OAAA;AAOA;;AAOA,IAAMG,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;AAEzE,IAAMK,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,SAATA,MAAMA,CAAIL,MAAe,EAAa;EAAA,IAAAO,eAAA;EACjD,IAAMC,OAAO,GAAGC,oBAAQ,CAACC,GAAG,CAAc,aAAa,EAAEX,YAAY,CAACC,MAAM,CAAC,CAAC;EAC9E,IAAAW,IAAA,GAAcC,iBAAK,CAACC,KAAK,GAAG,CAACD,iBAAK,CAACC,KAAK,CAAC,CAAC,CAAC,GAAGD,iBAAK,CAACE,QAAQ,CAASN,OAAO,CAACJ,KAAK,EAAE,CAAC;IAAAW,KAAA,OAAAC,eAAA,aAAAL,IAAA;IAA9EM,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;EAE3F,IAAAM,6BAAiB,EAAC,YAAM;IACtBd,oBAAQ,CAACe,GAAG,CAAc,aAAa,EAAEhB,OAAO,CAAC;EACnD,CAAC,EAAE,CAACU,UAAU,CAAC,CAAC;EAEhB,OAAO,EAAAX,eAAA,GAACC,OAAO,CAACR,MAAM,cAAAO,eAAA,cAAAA,eAAA,GAAI,EAAE,IAAIW,UAAU;AAC5C,CAAC;AAAC,IAAAO,QAAA,GAAAnB,OAAA,cAEa,SAAAmB,SAACzB,MAAe,EAAK;EAClC,OAAO,UAAC0B,KAAU,EAAyC;IACzD,IAAMT,GAAG,GAAGZ,MAAM,CAACL,MAAM,CAAC;IAC1B,WAAA2B,cAAA;MACEV,GAAG,EAAHA;IAAG,GACAS,KAAK;EAEZ,CAAC;AACH,CAAC","ignoreList":[]}

package/lib/utils/uniqueID.mjs

@@ -1,8 +1,11 @@
 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";
+import register from "../register.mjs";
+
+/** @deprecated */
+
 var createSource = function createSource() {
   var prefix = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'ui-kit-';
   return {

package/lib/utils/uniqueID.mjs.map

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"file":"uniqueID.mjs","names":["React","useEnhancedEffect","register","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 useEnhancedEffect from './use/useEnhancedEffect';\nimport type { UnknownProperties } from '../core-types/UnknownProperties';\nimport register from '../register';\n\ntype ContextType = {\n  prefix?: string;\n  value: number;\n};\n\n/** @deprecated */\nexport interface IUniqueIDProps extends UniqueIDProps, UnknownProperties {}\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,iBAAiB,MAAM,6BAAyB;AAEvD,OAAOC,QAAQ,MAAM,iBAAa;;AAOlC;;AAOA,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,GAAGT,QAAQ,CAACU,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;EAE3FjB,iBAAiB,CAAC,YAAM;IACtBC,QAAQ,CAACsB,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

@@ -5,10 +5,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useColorResolver = void 0;
-var _light = _interopRequireDefault(require("@semcore/theme/light"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _highlightsLight = _interopRequireDefault(require("@semcore/theme/lib/highlights-light"));
+var _light = _interopRequireDefault(require("@semcore/theme/lib/light"));
 var _logger = _interopRequireDefault(require("../logger"));
 var _ThemeProvider = require("../ThemeProvider");
-var defaultDesignTheme = _light["default"];
+var defaultDesignTheme = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, _light["default"]), _highlightsLight["default"]);
 var deprecatedPalette = {
   '--denim-blue': '#006dca',
   '--light-blue': '#008ff8',

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

@@ -1 +1 @@
-{"version":3,"file":"useColorResolver.js","names":["_light","_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 '@semcore/theme/light';\n\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":["_highlightsLight","_interopRequireDefault","require","_light","_logger","_ThemeProvider","defaultDesignTheme","_objectSpread2","defaultDesignThemeJson","highlightsDesignThemeJson","deprecatedPalette","makeDeprecationMessage","color","concat","useColorResolver","exports","contextTheme","useContextTokens","undefined","startsWith","logger","warn","resolvedColor"],"sources":["../../../src/utils/use/useColorResolver.ts"],"sourcesContent":["import highlightsDesignThemeJson from '@semcore/theme/lib/highlights-light';\nimport defaultDesignThemeJson from '@semcore/theme/lib/light';\n\nimport logger from '../logger';\nimport { useContextTokens } from '../ThemeProvider';\n\nconst defaultDesignTheme: Record<string, string> = {\n  ...defaultDesignThemeJson,\n  ...highlightsDesignThemeJson,\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      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,7 +1,9 @@
-import defaultDesignThemeJson from '@semcore/theme/light';
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import highlightsDesignThemeJson from '@semcore/theme/lib/highlights-light';
+import defaultDesignThemeJson from '@semcore/theme/lib/light';
 import logger from "../logger.mjs";
 import { useContextTokens } from "../ThemeProvider.mjs";
-var defaultDesignTheme = defaultDesignThemeJson;
+var defaultDesignTheme = _objectSpread(_objectSpread({}, defaultDesignThemeJson), highlightsDesignThemeJson);
 var deprecatedPalette = {
   '--denim-blue': '#006dca',
   '--light-blue': '#008ff8',

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

@@ -1 +1 @@
-{"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 '@semcore/theme/light';\n\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":"AAAA,OAAOA,sBAAsB,MAAM,sBAAsB;AAEzD,OAAOC,MAAM,MAAM,eAAW;AAC9B,SAASC,gBAAgB,QAAQ,sBAAkB;AAEnD,IAAMC,kBAAkB,GAAGH,sBAAgD;AAC3E,IAAMI,iBAAyC,GAAG;EAChD,cAAc,EAAE,SAAS;EACzB,cAAc,EAAE,SAAS;EACzB,aAAa,EAAE,SAAS;EACxB,QAAQ,EAAE,SAAS;EACnB,SAAS,EAAE,SAAS;EACpB,cAAc,EAAE,SAAS;EACzB,UAAU,EAAE,SAAS;EACrB,gBAAgB,EAAE,SAAS;EAC3B,UAAU,EAAE,SAAS;EACrB,eAAe,EAAE,SAAS;EAC1B,OAAO,EAAE,SAAS;EAClB,YAAY,EAAE,SAAS;EACvB,UAAU,EAAE,SAAS;EACrB,eAAe,EAAE,SAAS;EAC1B,QAAQ,EAAE,SAAS;EACnB,WAAW,EAAE,SAAS;EACtB,QAAQ,EAAE,SAAS;EACnB,QAAQ,EAAE,SAAS;EACnB,cAAc,EAAE,SAAS;EACzB,SAAS,EAAE,SAAS;EACpB,eAAe,EAAE,SAAS;EAC1B,UAAU,EAAE,SAAS;EACrB,UAAU,EAAE,SAAS;EACrB,UAAU,EAAE,SAAS;EACrB,UAAU,EAAE,SAAS;EACrB,UAAU,EAAE,SAAS;EACrB,UAAU,EAAE,SAAS;EACrB,UAAU,EAAE,SAAS;EACrB,UAAU,EAAE,SAAS;EACrB,UAAU,EAAE,SAAS;EACrB,WAAW,EAAE,SAAS;EACtB,UAAU,EAAE,SAAS;EACrB,WAAW,EAAE,SAAS;EACtB,WAAW,EAAE,SAAS;EACtB,WAAW,EAAE,SAAS;EACtB,WAAW,EAAE,SAAS;EACtB,YAAY,EAAE,SAAS;EACvB,YAAY,EAAE,SAAS;EACvB,YAAY,EAAE,SAAS;EACvB,YAAY,EAAE,SAAS;EACvB,SAAS,EAAE,SAAS;EACpB,UAAU,EAAE,SAAS;EACrB,UAAU,EAAE,SAAS;EACrB,UAAU,EAAE,SAAS;EACrB,UAAU,EAAE,SAAS;EACrB,YAAY,EAAE,SAAS;EACvB,aAAa,EAAE,SAAS;EACxB,aAAa,EAAE,SAAS;EACxB,aAAa,EAAE,SAAS;EACxB,gBAAgB,EAAE,SAAS;EAC3B,SAAS,EAAE,SAAS;EACpB,YAAY,EAAE,SAAS;EACvB,UAAU,EAAE,SAAS;EACrB,OAAO,EAAE,SAAS;EAClB,QAAQ,EAAE,SAAS;EACnB,UAAU,EAAE,SAAS;EACrB,cAAc,EAAE,SAAS;EACzB,YAAY,EAAE;AAChB,CAAC;AAED,IAAMC,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAAIC,KAAa;EAAA,wBAAAC,MAAA,CAC1BD,KAAK;AAAA,CAAkM;AAE1N,OAAO,IAAME,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAA,EAAS;EACpC,IAAMC,YAAY,GAAGP,gBAAgB,CAAC,CAAC;EAEvC,OAAO,UAACI,KAAc,EAAK;IACzB,IAAI,CAACA,KAAK,EAAE,OAAOI,SAAS;IAC5B,IAAIJ,KAAK,CAACK,UAAU,CAAC,IAAI,CAAC,EAAE;MAC1B,IAAIP,iBAAiB,CAACE,KAAK,CAAC,EAAE;QAC5BL,MAAM,CAACW,IAAI,CAAC,IAAI,EAAEP,sBAAsB,CAACC,KAAK,CAAC,EAAEI,SAAS,CAAC;QAC3D,OAAON,iBAAiB,CAACE,KAAK,CAAC;MACjC;MACA,IAAIO,aAAiC;MAErC,IAAIJ,YAAY,aAAZA,YAAY,eAAZA,YAAY,CAAGH,KAAK,CAAC,EAAE;QACzBO,aAAa,GAAGJ,YAAY,CAACH,KAAK,CAAC;MACrC;MACA,IAAIH,kBAAkB,CAACG,KAAK,CAAC,EAAE;QAC7BO,aAAa,GAAGV,kBAAkB,CAACG,KAAK,CAAC;MAC3C;MAEA,IAAIO,aAAa,EAAE;QACjB,cAAAN,MAAA,CAAcD,KAAK,QAAAC,MAAA,CAAKM,aAAa;MACvC;MAEA,cAAAN,MAAA,CAAcD,KAAK;IACrB;IACA,IAAIH,kBAAkB,oBAAAI,MAAA,CAAoBD,KAAK,EAAG,EAAE;MAClD,8BAAAC,MAAA,CAA8BD,KAAK,QAAAC,MAAA,CAAKJ,kBAAkB,oBAAAI,MAAA,CAAoBD,KAAK,EAAG;IACxF;IACA,IAAIH,kBAAkB,MAAAI,MAAA,CAAMD,KAAK,EAAG,EAAE;MACpC,gBAAAC,MAAA,CAAgBD,KAAK,QAAAC,MAAA,CAAKJ,kBAAkB,MAAAI,MAAA,CAAMD,KAAK,EAAG;IAC5D;IACA,IAAIF,iBAAiB,MAAAG,MAAA,CAAMD,KAAK,EAAG,EAAE;MACnCL,MAAM,CAACW,IAAI,CAAC,IAAI,EAAEP,sBAAsB,CAACC,KAAK,CAAC,EAAEI,SAAS,CAAC;MAC3D,OAAON,iBAAiB,MAAAG,MAAA,CAAMD,KAAK,EAAG;IACxC;IACA,OAAOA,KAAK;EACd,CAAC;AACH,CAAC","ignoreList":[]}
+{"version":3,"file":"useColorResolver.mjs","names":["highlightsDesignThemeJson","defaultDesignThemeJson","logger","useContextTokens","defaultDesignTheme","_objectSpread","deprecatedPalette","makeDeprecationMessage","color","concat","useColorResolver","contextTheme","undefined","startsWith","warn","resolvedColor"],"sources":["../../../src/utils/use/useColorResolver.ts"],"sourcesContent":["import highlightsDesignThemeJson from '@semcore/theme/lib/highlights-light';\nimport defaultDesignThemeJson from '@semcore/theme/lib/light';\n\nimport logger from '../logger';\nimport { useContextTokens } from '../ThemeProvider';\n\nconst defaultDesignTheme: Record<string, string> = {\n  ...defaultDesignThemeJson,\n  ...highlightsDesignThemeJson,\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      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

@@ -0,0 +1,4 @@
+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.js

@@ -0,0 +1,19 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _WithCSS = require("../enhances/WithCSS");
+var useCss = function useCss() {
+  var _nano$cache;
+  var css = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var nanoOptions = _react["default"].useContext(_WithCSS.WithCssContext);
+  var nano = (0, _WithCSS.initNanoCss)(nanoOptions);
+  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 = 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

@@ -0,0 +1,12 @@
+import React from 'react';
+import { initNanoCss, normaliseCss, WithCssContext } from "../enhances/WithCSS.mjs";
+var useCss = function useCss() {
+  var _nano$cache;
+  var css = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var nanoOptions = React.useContext(WithCssContext);
+  var nano = initNanoCss(nanoOptions);
+  var cleanCss = normaliseCss(css);
+  return Object.keys(cleanCss).length ? (_nano$cache = nano.cache) === null || _nano$cache === void 0 ? void 0 : _nano$cache.call(nano, cleanCss) : '';
+};
+export default useCss;
+//# sourceMappingURL=useCss.mjs.map

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

@@ -0,0 +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 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.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-declare const useEnhancedEffect: typeof React.useEffect;
+declare const useEnhancedEffect: typeof React.useLayoutEffect;
 export default useEnhancedEffect;

package/lib/utils/zIndexStacking.d.ts

@@ -5,6 +5,4 @@ export declare const ZIndexStackingContextProvider: React.FC<{
     designToken: ZIndexDesignTokens;
     children: React.ReactNode;
 }>;
-export declare const zIndexStackingEnhance: (designToken?: ZIndexDesignTokens) => (props: any) => {
-    parentZIndexStacking: ReturnType<typeof useZIndexStacking>;
-};
+export declare const zIndexStackingEnhance: (designToken?: ZIndexDesignTokens) => (props: any) => any;

package/lib/utils/zIndexStacking.js.map

@@ -1 +1 @@
-{"version":3,"file":"zIndexStacking.js","names":["_react","_interopRequireDefault","require","_ThemeProvider","_default","defaultDesignThemeTokens","defaultDesignThemeJson","zIndexStackingContext","React","createContext","useZIndexStacking","exports","designToken","contextTokens","useContextTokens","parentContextValue","useContext","contextValue","useMemo","tokenName","startsWith","concat","tokenValue","Number","parseInt","isNaN","ZIndexStackingContextProvider","_ref","children","createElement","Provider","value","zIndexStackingEnhance","props","other","_extends2","_objectDestructuringEmpty2","parentZIndexStacking","_objectSpread2"],"sources":["../../src/utils/zIndexStacking.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useContextTokens } from './ThemeProvider';\nimport defaultDesignThemeJson from '../theme/themes/default';\nconst defaultDesignThemeTokens = defaultDesignThemeJson as Record<string, string>;\n\nconst zIndexStackingContext = React.createContext(0);\n\nexport type ZIndexDesignTokens =\n  | 'z-index-deep'\n  | 'z-index-overlay'\n  | 'z-index-modal'\n  | 'z-index-popper'\n  | 'z-index-dropdown'\n  | 'z-index-tooltip'\n  | 'z-index-notice-bubble';\n\nexport const useZIndexStacking = (designToken?: ZIndexDesignTokens) => {\n  const contextTokens = useContextTokens();\n  const parentContextValue = React.useContext(zIndexStackingContext);\n  const contextValue = React.useMemo(() => {\n    if (!designToken) return parentContextValue;\n    const tokenName = designToken.startsWith('--intergalactic-')\n      ? designToken\n      : `--intergalactic-${designToken}`;\n    const tokenValue = Number.parseInt(\n      contextTokens?.[tokenName] || defaultDesignThemeTokens[tokenName],\n      10,\n    );\n    if (Number.isNaN(tokenValue)) return parentContextValue;\n    return parentContextValue + tokenValue;\n  }, [designToken, contextTokens, parentContextValue]);\n  return contextValue;\n};\nexport const ZIndexStackingContextProvider: React.FC<{\n  designToken: ZIndexDesignTokens;\n  children: React.ReactNode;\n}> = ({ designToken, children }) => {\n  const contextValue = useZIndexStacking(designToken);\n  return (\n    <zIndexStackingContext.Provider value={contextValue}>{children}</zIndexStackingContext.Provider>\n  );\n};\nexport const zIndexStackingEnhance = (designToken?: ZIndexDesignTokens) => {\n  return (props: any): { parentZIndexStacking: ReturnType<typeof useZIndexStacking> } => {\n    const { ...other } = props;\n    const parentZIndexStacking = useZIndexStacking(designToken);\n    return {\n      ...other,\n      parentZIndexStacking,\n    };\n  };\n};\n"],"mappings":";;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAMG,wBAAwB,GAAGC,mBAAgD;AAEjF,IAAMC,qBAAqB,gBAAGC,iBAAK,CAACC,aAAa,CAAC,CAAC,CAAC;AAW7C,IAAMC,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,SAApBA,iBAAiBA,CAAIE,WAAgC,EAAK;EACrE,IAAMC,aAAa,GAAG,IAAAC,+BAAgB,EAAC,CAAC;EACxC,IAAMC,kBAAkB,GAAGP,iBAAK,CAACQ,UAAU,CAACT,qBAAqB,CAAC;EAClE,IAAMU,YAAY,GAAGT,iBAAK,CAACU,OAAO,CAAC,YAAM;IACvC,IAAI,CAACN,WAAW,EAAE,OAAOG,kBAAkB;IAC3C,IAAMI,SAAS,GAAGP,WAAW,CAACQ,UAAU,CAAC,kBAAkB,CAAC,GACxDR,WAAW,sBAAAS,MAAA,CACQT,WAAW,CAAE;IACpC,IAAMU,UAAU,GAAGC,MAAM,CAACC,QAAQ,CAChC,CAAAX,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAGM,SAAS,CAAC,KAAId,wBAAwB,CAACc,SAAS,CAAC,EACjE,EACF,CAAC;IACD,IAAII,MAAM,CAACE,KAAK,CAACH,UAAU,CAAC,EAAE,OAAOP,kBAAkB;IACvD,OAAOA,kBAAkB,GAAGO,UAAU;EACxC,CAAC,EAAE,CAACV,WAAW,EAAEC,aAAa,EAAEE,kBAAkB,CAAC,CAAC;EACpD,OAAOE,YAAY;AACrB,CAAC;AACM,IAAMS,6BAGX,GAAAf,OAAA,CAAAe,6BAAA,GAAG,SAHQA,6BAGXA,CAAAC,IAAA,EAAkC;EAAA,IAA5Bf,WAAW,GAAAe,IAAA,CAAXf,WAAW;IAAEgB,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EAC3B,IAAMX,YAAY,GAAGP,iBAAiB,CAACE,WAAW,CAAC;EACnD,oBACEZ,MAAA,YAAA6B,aAAA,CAACtB,qBAAqB,CAACuB,QAAQ;IAACC,KAAK,EAAEd;EAAa,GAAEW,QAAyC,CAAC;AAEpG,CAAC;AACM,IAAMI,qBAAqB,GAAArB,OAAA,CAAAqB,qBAAA,GAAG,SAAxBA,qBAAqBA,CAAIpB,WAAgC,EAAK;EACzE,OAAO,UAACqB,KAAU,EAAqE;IACrF,IAAWC,KAAK,OAAAC,SAAA,sBAAAC,0BAAA,aAAKH,KAAK,GAALA,KAAK;IAC1B,IAAMI,oBAAoB,GAAG3B,iBAAiB,CAACE,WAAW,CAAC;IAC3D,WAAA0B,cAAA,iBAAAA,cAAA,iBACKJ,KAAK;MACRG,oBAAoB,EAApBA;IAAoB;EAExB,CAAC;AACH,CAAC","ignoreList":[]}
+{"version":3,"file":"zIndexStacking.js","names":["_react","_interopRequireDefault","require","_ThemeProvider","_default","defaultDesignThemeTokens","defaultDesignThemeJson","zIndexStackingContext","React","createContext","useZIndexStacking","exports","designToken","contextTokens","useContextTokens","parentContextValue","useContext","contextValue","useMemo","tokenName","startsWith","concat","tokenValue","Number","parseInt","isNaN","ZIndexStackingContextProvider","_ref","children","createElement","Provider","value","zIndexStackingEnhance","props","other","_extends2","_objectDestructuringEmpty2","parentZIndexStacking","_objectSpread2"],"sources":["../../src/utils/zIndexStacking.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useContextTokens } from './ThemeProvider';\nimport defaultDesignThemeJson from '../theme/themes/default';\nconst defaultDesignThemeTokens = defaultDesignThemeJson as Record<string, string>;\n\nconst zIndexStackingContext = React.createContext(0);\n\nexport type ZIndexDesignTokens =\n  | 'z-index-deep'\n  | 'z-index-overlay'\n  | 'z-index-modal'\n  | 'z-index-popper'\n  | 'z-index-dropdown'\n  | 'z-index-tooltip'\n  | 'z-index-notice-bubble';\n\nexport const useZIndexStacking = (designToken?: ZIndexDesignTokens) => {\n  const contextTokens = useContextTokens();\n  const parentContextValue = React.useContext(zIndexStackingContext);\n  const contextValue = React.useMemo(() => {\n    if (!designToken) return parentContextValue;\n    const tokenName = designToken.startsWith('--intergalactic-')\n      ? designToken\n      : `--intergalactic-${designToken}`;\n    const tokenValue = Number.parseInt(\n      contextTokens?.[tokenName] || defaultDesignThemeTokens[tokenName],\n      10,\n    );\n    if (Number.isNaN(tokenValue)) return parentContextValue;\n    return parentContextValue + tokenValue;\n  }, [designToken, contextTokens, parentContextValue]);\n  return contextValue;\n};\nexport const ZIndexStackingContextProvider: React.FC<{\n  designToken: ZIndexDesignTokens;\n  children: React.ReactNode;\n}> = ({ designToken, children }) => {\n  const contextValue = useZIndexStacking(designToken);\n  return (\n    <zIndexStackingContext.Provider value={contextValue}>{children}</zIndexStackingContext.Provider>\n  );\n};\nexport const zIndexStackingEnhance = (designToken?: ZIndexDesignTokens) => {\n  return (props: any) => {\n    const { ...other } = props;\n    const parentZIndexStacking = useZIndexStacking(designToken);\n    return {\n      ...other,\n      parentZIndexStacking,\n    };\n  };\n};\n"],"mappings":";;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAMG,wBAAwB,GAAGC,mBAAgD;AAEjF,IAAMC,qBAAqB,gBAAGC,iBAAK,CAACC,aAAa,CAAC,CAAC,CAAC;AAW7C,IAAMC,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,SAApBA,iBAAiBA,CAAIE,WAAgC,EAAK;EACrE,IAAMC,aAAa,GAAG,IAAAC,+BAAgB,EAAC,CAAC;EACxC,IAAMC,kBAAkB,GAAGP,iBAAK,CAACQ,UAAU,CAACT,qBAAqB,CAAC;EAClE,IAAMU,YAAY,GAAGT,iBAAK,CAACU,OAAO,CAAC,YAAM;IACvC,IAAI,CAACN,WAAW,EAAE,OAAOG,kBAAkB;IAC3C,IAAMI,SAAS,GAAGP,WAAW,CAACQ,UAAU,CAAC,kBAAkB,CAAC,GACxDR,WAAW,sBAAAS,MAAA,CACQT,WAAW,CAAE;IACpC,IAAMU,UAAU,GAAGC,MAAM,CAACC,QAAQ,CAChC,CAAAX,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAGM,SAAS,CAAC,KAAId,wBAAwB,CAACc,SAAS,CAAC,EACjE,EACF,CAAC;IACD,IAAII,MAAM,CAACE,KAAK,CAACH,UAAU,CAAC,EAAE,OAAOP,kBAAkB;IACvD,OAAOA,kBAAkB,GAAGO,UAAU;EACxC,CAAC,EAAE,CAACV,WAAW,EAAEC,aAAa,EAAEE,kBAAkB,CAAC,CAAC;EACpD,OAAOE,YAAY;AACrB,CAAC;AACM,IAAMS,6BAGX,GAAAf,OAAA,CAAAe,6BAAA,GAAG,SAHQA,6BAGXA,CAAAC,IAAA,EAAkC;EAAA,IAA5Bf,WAAW,GAAAe,IAAA,CAAXf,WAAW;IAAEgB,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EAC3B,IAAMX,YAAY,GAAGP,iBAAiB,CAACE,WAAW,CAAC;EACnD,oBACEZ,MAAA,YAAA6B,aAAA,CAACtB,qBAAqB,CAACuB,QAAQ;IAACC,KAAK,EAAEd;EAAa,GAAEW,QAAyC,CAAC;AAEpG,CAAC;AACM,IAAMI,qBAAqB,GAAArB,OAAA,CAAAqB,qBAAA,GAAG,SAAxBA,qBAAqBA,CAAIpB,WAAgC,EAAK;EACzE,OAAO,UAACqB,KAAU,EAAK;IACrB,IAAWC,KAAK,OAAAC,SAAA,sBAAAC,0BAAA,aAAKH,KAAK,GAALA,KAAK;IAC1B,IAAMI,oBAAoB,GAAG3B,iBAAiB,CAACE,WAAW,CAAC;IAC3D,WAAA0B,cAAA,iBAAAA,cAAA,iBACKJ,KAAK;MACRG,oBAAoB,EAApBA;IAAoB;EAExB,CAAC;AACH,CAAC","ignoreList":[]}

package/lib/utils/zIndexStacking.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"zIndexStacking.mjs","names":["React","useContextTokens","defaultDesignThemeJson","defaultDesignThemeTokens","zIndexStackingContext","createContext","useZIndexStacking","designToken","contextTokens","parentContextValue","useContext","contextValue","useMemo","tokenName","startsWith","concat","tokenValue","Number","parseInt","isNaN","ZIndexStackingContextProvider","_ref","children","createElement","Provider","value","zIndexStackingEnhance","props","other","_extends","_objectDestructuringEmpty","parentZIndexStacking","_objectSpread"],"sources":["../../src/utils/zIndexStacking.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useContextTokens } from './ThemeProvider';\nimport defaultDesignThemeJson from '../theme/themes/default';\nconst defaultDesignThemeTokens = defaultDesignThemeJson as Record<string, string>;\n\nconst zIndexStackingContext = React.createContext(0);\n\nexport type ZIndexDesignTokens =\n  | 'z-index-deep'\n  | 'z-index-overlay'\n  | 'z-index-modal'\n  | 'z-index-popper'\n  | 'z-index-dropdown'\n  | 'z-index-tooltip'\n  | 'z-index-notice-bubble';\n\nexport const useZIndexStacking = (designToken?: ZIndexDesignTokens) => {\n  const contextTokens = useContextTokens();\n  const parentContextValue = React.useContext(zIndexStackingContext);\n  const contextValue = React.useMemo(() => {\n    if (!designToken) return parentContextValue;\n    const tokenName = designToken.startsWith('--intergalactic-')\n      ? designToken\n      : `--intergalactic-${designToken}`;\n    const tokenValue = Number.parseInt(\n      contextTokens?.[tokenName] || defaultDesignThemeTokens[tokenName],\n      10,\n    );\n    if (Number.isNaN(tokenValue)) return parentContextValue;\n    return parentContextValue + tokenValue;\n  }, [designToken, contextTokens, parentContextValue]);\n  return contextValue;\n};\nexport const ZIndexStackingContextProvider: React.FC<{\n  designToken: ZIndexDesignTokens;\n  children: React.ReactNode;\n}> = ({ designToken, children }) => {\n  const contextValue = useZIndexStacking(designToken);\n  return (\n    <zIndexStackingContext.Provider value={contextValue}>{children}</zIndexStackingContext.Provider>\n  );\n};\nexport const zIndexStackingEnhance = (designToken?: ZIndexDesignTokens) => {\n  return (props: any): { parentZIndexStacking: ReturnType<typeof useZIndexStacking> } => {\n    const { ...other } = props;\n    const parentZIndexStacking = useZIndexStacking(designToken);\n    return {\n      ...other,\n      parentZIndexStacking,\n    };\n  };\n};\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,gBAAgB,QAAQ,qBAAiB;AAClD,OAAOC,sBAAsB,MAAM,6BAAyB;AAC5D,IAAMC,wBAAwB,GAAGD,sBAAgD;AAEjF,IAAME,qBAAqB,gBAAGJ,KAAK,CAACK,aAAa,CAAC,CAAC,CAAC;AAWpD,OAAO,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,WAAgC,EAAK;EACrE,IAAMC,aAAa,GAAGP,gBAAgB,CAAC,CAAC;EACxC,IAAMQ,kBAAkB,GAAGT,KAAK,CAACU,UAAU,CAACN,qBAAqB,CAAC;EAClE,IAAMO,YAAY,GAAGX,KAAK,CAACY,OAAO,CAAC,YAAM;IACvC,IAAI,CAACL,WAAW,EAAE,OAAOE,kBAAkB;IAC3C,IAAMI,SAAS,GAAGN,WAAW,CAACO,UAAU,CAAC,kBAAkB,CAAC,GACxDP,WAAW,sBAAAQ,MAAA,CACQR,WAAW,CAAE;IACpC,IAAMS,UAAU,GAAGC,MAAM,CAACC,QAAQ,CAChC,CAAAV,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAGK,SAAS,CAAC,KAAIV,wBAAwB,CAACU,SAAS,CAAC,EACjE,EACF,CAAC;IACD,IAAII,MAAM,CAACE,KAAK,CAACH,UAAU,CAAC,EAAE,OAAOP,kBAAkB;IACvD,OAAOA,kBAAkB,GAAGO,UAAU;EACxC,CAAC,EAAE,CAACT,WAAW,EAAEC,aAAa,EAAEC,kBAAkB,CAAC,CAAC;EACpD,OAAOE,YAAY;AACrB,CAAC;AACD,OAAO,IAAMS,6BAGX,GAAG,SAHQA,6BAGXA,CAAAC,IAAA,EAAkC;EAAA,IAA5Bd,WAAW,GAAAc,IAAA,CAAXd,WAAW;IAAEe,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EAC3B,IAAMX,YAAY,GAAGL,iBAAiB,CAACC,WAAW,CAAC;EACnD,oBACEP,KAAA,CAAAuB,aAAA,CAACnB,qBAAqB,CAACoB,QAAQ;IAACC,KAAK,EAAEd;EAAa,GAAEW,QAAyC,CAAC;AAEpG,CAAC;AACD,OAAO,IAAMI,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAInB,WAAgC,EAAK;EACzE,OAAO,UAACoB,KAAU,EAAqE;IACrF,IAAWC,KAAK,GAAAC,QAAA,MAAAC,yBAAA,CAAKH,KAAK,GAALA,KAAK;IAC1B,IAAMI,oBAAoB,GAAGzB,iBAAiB,CAACC,WAAW,CAAC;IAC3D,OAAAyB,aAAA,CAAAA,aAAA,KACKJ,KAAK;MACRG,oBAAoB,EAApBA;IAAoB;EAExB,CAAC;AACH,CAAC","ignoreList":[]}
+{"version":3,"file":"zIndexStacking.mjs","names":["React","useContextTokens","defaultDesignThemeJson","defaultDesignThemeTokens","zIndexStackingContext","createContext","useZIndexStacking","designToken","contextTokens","parentContextValue","useContext","contextValue","useMemo","tokenName","startsWith","concat","tokenValue","Number","parseInt","isNaN","ZIndexStackingContextProvider","_ref","children","createElement","Provider","value","zIndexStackingEnhance","props","other","_extends","_objectDestructuringEmpty","parentZIndexStacking","_objectSpread"],"sources":["../../src/utils/zIndexStacking.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useContextTokens } from './ThemeProvider';\nimport defaultDesignThemeJson from '../theme/themes/default';\nconst defaultDesignThemeTokens = defaultDesignThemeJson as Record<string, string>;\n\nconst zIndexStackingContext = React.createContext(0);\n\nexport type ZIndexDesignTokens =\n  | 'z-index-deep'\n  | 'z-index-overlay'\n  | 'z-index-modal'\n  | 'z-index-popper'\n  | 'z-index-dropdown'\n  | 'z-index-tooltip'\n  | 'z-index-notice-bubble';\n\nexport const useZIndexStacking = (designToken?: ZIndexDesignTokens) => {\n  const contextTokens = useContextTokens();\n  const parentContextValue = React.useContext(zIndexStackingContext);\n  const contextValue = React.useMemo(() => {\n    if (!designToken) return parentContextValue;\n    const tokenName = designToken.startsWith('--intergalactic-')\n      ? designToken\n      : `--intergalactic-${designToken}`;\n    const tokenValue = Number.parseInt(\n      contextTokens?.[tokenName] || defaultDesignThemeTokens[tokenName],\n      10,\n    );\n    if (Number.isNaN(tokenValue)) return parentContextValue;\n    return parentContextValue + tokenValue;\n  }, [designToken, contextTokens, parentContextValue]);\n  return contextValue;\n};\nexport const ZIndexStackingContextProvider: React.FC<{\n  designToken: ZIndexDesignTokens;\n  children: React.ReactNode;\n}> = ({ designToken, children }) => {\n  const contextValue = useZIndexStacking(designToken);\n  return (\n    <zIndexStackingContext.Provider value={contextValue}>{children}</zIndexStackingContext.Provider>\n  );\n};\nexport const zIndexStackingEnhance = (designToken?: ZIndexDesignTokens) => {\n  return (props: any) => {\n    const { ...other } = props;\n    const parentZIndexStacking = useZIndexStacking(designToken);\n    return {\n      ...other,\n      parentZIndexStacking,\n    };\n  };\n};\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,gBAAgB,QAAQ,qBAAiB;AAClD,OAAOC,sBAAsB,MAAM,6BAAyB;AAC5D,IAAMC,wBAAwB,GAAGD,sBAAgD;AAEjF,IAAME,qBAAqB,gBAAGJ,KAAK,CAACK,aAAa,CAAC,CAAC,CAAC;AAWpD,OAAO,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,WAAgC,EAAK;EACrE,IAAMC,aAAa,GAAGP,gBAAgB,CAAC,CAAC;EACxC,IAAMQ,kBAAkB,GAAGT,KAAK,CAACU,UAAU,CAACN,qBAAqB,CAAC;EAClE,IAAMO,YAAY,GAAGX,KAAK,CAACY,OAAO,CAAC,YAAM;IACvC,IAAI,CAACL,WAAW,EAAE,OAAOE,kBAAkB;IAC3C,IAAMI,SAAS,GAAGN,WAAW,CAACO,UAAU,CAAC,kBAAkB,CAAC,GACxDP,WAAW,sBAAAQ,MAAA,CACQR,WAAW,CAAE;IACpC,IAAMS,UAAU,GAAGC,MAAM,CAACC,QAAQ,CAChC,CAAAV,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAGK,SAAS,CAAC,KAAIV,wBAAwB,CAACU,SAAS,CAAC,EACjE,EACF,CAAC;IACD,IAAII,MAAM,CAACE,KAAK,CAACH,UAAU,CAAC,EAAE,OAAOP,kBAAkB;IACvD,OAAOA,kBAAkB,GAAGO,UAAU;EACxC,CAAC,EAAE,CAACT,WAAW,EAAEC,aAAa,EAAEC,kBAAkB,CAAC,CAAC;EACpD,OAAOE,YAAY;AACrB,CAAC;AACD,OAAO,IAAMS,6BAGX,GAAG,SAHQA,6BAGXA,CAAAC,IAAA,EAAkC;EAAA,IAA5Bd,WAAW,GAAAc,IAAA,CAAXd,WAAW;IAAEe,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EAC3B,IAAMX,YAAY,GAAGL,iBAAiB,CAACC,WAAW,CAAC;EACnD,oBACEP,KAAA,CAAAuB,aAAA,CAACnB,qBAAqB,CAACoB,QAAQ;IAACC,KAAK,EAAEd;EAAa,GAAEW,QAAyC,CAAC;AAEpG,CAAC;AACD,OAAO,IAAMI,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAInB,WAAgC,EAAK;EACzE,OAAO,UAACoB,KAAU,EAAK;IACrB,IAAWC,KAAK,GAAAC,QAAA,MAAAC,yBAAA,CAAKH,KAAK,GAALA,KAAK;IAC1B,IAAMI,oBAAoB,GAAGzB,iBAAiB,CAACC,WAAW,CAAC;IAC3D,OAAAyB,aAAA,CAAAA,aAAA,KACKJ,KAAK;MACRG,oBAAoB,EAApBA;IAAoB;EAExB,CAAC;AACH,CAAC","ignoreList":[]}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/core",
   "description": "Semrush Core Component",
-  "version": "16.6.0",
+  "version": "16.6.2-prerelease.0",
   "main": "lib/index.js",
   "module": "lib/index.mjs",
   "typings": "lib/index.d.ts",

package/lib/decorators/propsObserver.d.ts

@@ -1,11 +0,0 @@
-type WatchedProps<Props> = {
-    [key in keyof Props]?: unknown;
-};
-type Constructor<Props> = new (...args: any[]) => {
-    props: Props;
-    onPropsChange(changedProps: WatchedProps<Props>): void;
-    render(): React.ReactNode;
-    componentWillUnmount?(): void;
-};
-declare function propsObserver<P extends Record<string, any>, C extends Constructor<P>>(propsToWatch: Array<keyof P>): (Class: C) => C & Constructor<P>;
-export default propsObserver;