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

package/lib/utils/useCssVariable.js

@@ -0,0 +1,53 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useCssVariable = exports.cssVariableEnhance = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireDefault(require("react"));
+var _canUseDOM = _interopRequireDefault(require("./canUseDOM"));
+var _ref3 = require("./ref");
+var _ThemeProvider = require("./ThemeProvider");
+var useCssVariable = exports.useCssVariable = function useCssVariable(name, fallbackValue, ref) {
+  var contextTheme = (0, _ThemeProvider.useContextTokens)();
+  var getValue = _react["default"].useCallback(function () {
+    var _ref$current;
+    if (contextTheme !== null && contextTheme !== void 0 && contextTheme[name]) return contextTheme[name];
+    if (!(0, _canUseDOM["default"])()) return fallbackValue;
+    var element = (_ref$current = ref === null || ref === void 0 ? void 0 : ref.current) !== null && _ref$current !== void 0 ? _ref$current : document.documentElement;
+    var computedStyles = getComputedStyle(element);
+    return computedStyles.getPropertyValue(name) || fallbackValue;
+  }, [name, ref, fallbackValue, contextTheme]);
+  var initialValue = _react["default"].useMemo(getValue, [getValue]);
+  var _React$useState = _react["default"].useState(initialValue),
+    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
+    value = _React$useState2[0],
+    setValue = _React$useState2[1];
+  _react["default"].useEffect(function () {
+    return setValue(getValue);
+  }, [getValue]);
+  return value;
+};
+var cssVariableEnhance = exports.cssVariableEnhance = function cssVariableEnhance(_ref) {
+  var variable = _ref.variable,
+    fallback = _ref.fallback,
+    prop = _ref.prop,
+    map = _ref.map;
+  return function (props) {
+    var _ref2 = props,
+      ref = _ref2.ref;
+    var nodeRef = _react["default"].useRef();
+    var variableValue = useCssVariable(variable, fallback, nodeRef);
+    var mappedValue = _react["default"].useMemo(function () {
+      return map ? map(variableValue) : variableValue;
+    }, [map, variableValue]);
+    return (0, _objectSpread3["default"])((0, _objectSpread3["default"])({}, props), {}, (0, _defineProperty2["default"])({
+      ref: (0, _ref3.useForkRef)(ref, nodeRef)
+    }, prop, props[prop] === undefined ? mappedValue : props[prop]));
+  };
+};
+//# sourceMappingURL=useCssVariable.js.map

package/lib/utils/useCssVariable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCssVariable.js","names":["_react","_interopRequireDefault","require","_canUseDOM","_ref3","_ThemeProvider","useCssVariable","exports","name","fallbackValue","ref","contextTheme","useContextTokens","getValue","React","useCallback","_ref$current","canUseDOM","element","current","document","documentElement","computedStyles","getComputedStyle","getPropertyValue","initialValue","useMemo","_React$useState","useState","_React$useState2","_slicedToArray2","value","setValue","useEffect","cssVariableEnhance","_ref","variable","fallback","prop","map","props","_ref2","nodeRef","useRef","variableValue","mappedValue","_objectSpread3","_defineProperty2","useForkRef","undefined"],"sources":["../../src/utils/useCssVariable.ts"],"sourcesContent":["import React from 'react';\n\nimport canUseDOM from './canUseDOM';\nimport { useForkRef } from './ref';\nimport { useContextTokens } from './ThemeProvider';\n\nexport const useCssVariable = (name: string, fallbackValue: string, ref?: React.RefObject<any>) => {\n  const contextTheme = useContextTokens();\n  const getValue = React.useCallback(() => {\n    if (contextTheme?.[name]) return contextTheme[name];\n    if (!canUseDOM()) return fallbackValue;\n\n    const element = ref?.current ?? document.documentElement;\n\n    const computedStyles = getComputedStyle(element);\n\n    return computedStyles.getPropertyValue(name) || fallbackValue;\n  }, [name, ref, fallbackValue, contextTheme]);\n\n  const initialValue = React.useMemo(getValue, [getValue]);\n  const [value, setValue] = React.useState(initialValue);\n  React.useEffect(() => setValue(getValue), [getValue]);\n\n  return value;\n};\n\nexport const cssVariableEnhance = <\n  P extends string,\n  F = string,\n  R = string,\n  M extends null | ((value: string) => R) = any,\n>({\n  variable,\n  fallback,\n  prop,\n  map,\n}: {\n  variable: string;\n  prop: P;\n  fallback: F;\n  map?: M;\n}) => {\n  return <T extends {}>(props: T) => {\n    const { ref } = props as any;\n    const nodeRef = React.useRef();\n    const variableValue = useCssVariable(variable, fallback as any, nodeRef);\n    const mappedValue = React.useMemo(\n      () => (map ? map(variableValue) : variableValue),\n      [map, variableValue],\n    );\n\n    return {\n      ...props,\n      ref: useForkRef(ref, nodeRef),\n      [prop]: (props as any)[prop] === undefined ? mappedValue : (props as any)[prop],\n    } as T & {\n      [key in P]: M extends (value: string) => R ? R : F;\n    };\n  };\n};\n"],"mappings":";;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AAEO,IAAMI,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,SAAjBA,cAAcA,CAAIE,IAAY,EAAEC,aAAqB,EAAEC,GAA0B,EAAK;EACjG,IAAMC,YAAY,GAAG,IAAAC,+BAAgB,EAAC,CAAC;EACvC,IAAMC,QAAQ,GAAGC,iBAAK,CAACC,WAAW,CAAC,YAAM;IAAA,IAAAC,YAAA;IACvC,IAAIL,YAAY,aAAZA,YAAY,eAAZA,YAAY,CAAGH,IAAI,CAAC,EAAE,OAAOG,YAAY,CAACH,IAAI,CAAC;IACnD,IAAI,CAAC,IAAAS,qBAAS,EAAC,CAAC,EAAE,OAAOR,aAAa;IAEtC,IAAMS,OAAO,IAAAF,YAAA,GAAGN,GAAG,aAAHA,GAAG,uBAAHA,GAAG,CAAES,OAAO,cAAAH,YAAA,cAAAA,YAAA,GAAII,QAAQ,CAACC,eAAe;IAExD,IAAMC,cAAc,GAAGC,gBAAgB,CAACL,OAAO,CAAC;IAEhD,OAAOI,cAAc,CAACE,gBAAgB,CAAChB,IAAI,CAAC,IAAIC,aAAa;EAC/D,CAAC,EAAE,CAACD,IAAI,EAAEE,GAAG,EAAED,aAAa,EAAEE,YAAY,CAAC,CAAC;EAE5C,IAAMc,YAAY,GAAGX,iBAAK,CAACY,OAAO,CAACb,QAAQ,EAAE,CAACA,QAAQ,CAAC,CAAC;EACxD,IAAAc,eAAA,GAA0Bb,iBAAK,CAACc,QAAQ,CAACH,YAAY,CAAC;IAAAI,gBAAA,OAAAC,eAAA,aAAAH,eAAA;IAA/CI,KAAK,GAAAF,gBAAA;IAAEG,QAAQ,GAAAH,gBAAA;EACtBf,iBAAK,CAACmB,SAAS,CAAC;IAAA,OAAMD,QAAQ,CAACnB,QAAQ,CAAC;EAAA,GAAE,CAACA,QAAQ,CAAC,CAAC;EAErD,OAAOkB,KAAK;AACd,CAAC;AAEM,IAAMG,kBAAkB,GAAA3B,OAAA,CAAA2B,kBAAA,GAAG,SAArBA,kBAAkBA,CAAAC,IAAA,EAezB;EAAA,IATJC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,IAAI,GAAAH,IAAA,CAAJG,IAAI;IACJC,GAAG,GAAAJ,IAAA,CAAHI,GAAG;EAOH,OAAO,UAAeC,KAAQ,EAAK;IACjC,IAAAC,KAAA,GAAgBD,KAAK;MAAb9B,GAAG,GAAA+B,KAAA,CAAH/B,GAAG;IACX,IAAMgC,OAAO,GAAG5B,iBAAK,CAAC6B,MAAM,CAAC,CAAC;IAC9B,IAAMC,aAAa,GAAGtC,cAAc,CAAC8B,QAAQ,EAAEC,QAAQ,EAASK,OAAO,CAAC;IACxE,IAAMG,WAAW,GAAG/B,iBAAK,CAACY,OAAO,CAC/B;MAAA,OAAOa,GAAG,GAAGA,GAAG,CAACK,aAAa,CAAC,GAAGA,aAAa;IAAA,CAAC,EAChD,CAACL,GAAG,EAAEK,aAAa,CACrB,CAAC;IAED,WAAAE,cAAA,iBAAAA,cAAA,iBACKN,KAAK,WAAAO,gBAAA;MACRrC,GAAG,EAAE,IAAAsC,gBAAU,EAACtC,GAAG,EAAEgC,OAAO;IAAC,GAC5BJ,IAAI,EAAIE,KAAK,CAASF,IAAI,CAAC,KAAKW,SAAS,GAAGJ,WAAW,GAAIL,KAAK,CAASF,IAAI,CAAC;EAInF,CAAC;AACH,CAAC","ignoreList":[]}

package/lib/utils/useCssVariable.mjs

@@ -0,0 +1,46 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React from 'react';
+import canUseDOM from "./canUseDOM.mjs";
+import { useForkRef } from "./ref.mjs";
+import { useContextTokens } from "./ThemeProvider.mjs";
+export var useCssVariable = function useCssVariable(name, fallbackValue, ref) {
+  var contextTheme = useContextTokens();
+  var getValue = React.useCallback(function () {
+    var _ref$current;
+    if (contextTheme !== null && contextTheme !== void 0 && contextTheme[name]) return contextTheme[name];
+    if (!canUseDOM()) return fallbackValue;
+    var element = (_ref$current = ref === null || ref === void 0 ? void 0 : ref.current) !== null && _ref$current !== void 0 ? _ref$current : document.documentElement;
+    var computedStyles = getComputedStyle(element);
+    return computedStyles.getPropertyValue(name) || fallbackValue;
+  }, [name, ref, fallbackValue, contextTheme]);
+  var initialValue = React.useMemo(getValue, [getValue]);
+  var _React$useState = React.useState(initialValue),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    value = _React$useState2[0],
+    setValue = _React$useState2[1];
+  React.useEffect(function () {
+    return setValue(getValue);
+  }, [getValue]);
+  return value;
+};
+export var cssVariableEnhance = function cssVariableEnhance(_ref) {
+  var variable = _ref.variable,
+    fallback = _ref.fallback,
+    prop = _ref.prop,
+    map = _ref.map;
+  return function (props) {
+    var _ref2 = props,
+      ref = _ref2.ref;
+    var nodeRef = React.useRef();
+    var variableValue = useCssVariable(variable, fallback, nodeRef);
+    var mappedValue = React.useMemo(function () {
+      return map ? map(variableValue) : variableValue;
+    }, [map, variableValue]);
+    return _objectSpread(_objectSpread({}, props), {}, _defineProperty({
+      ref: useForkRef(ref, nodeRef)
+    }, prop, props[prop] === undefined ? mappedValue : props[prop]));
+  };
+};
+//# sourceMappingURL=useCssVariable.mjs.map

package/lib/utils/useCssVariable.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCssVariable.mjs","names":["React","canUseDOM","useForkRef","useContextTokens","useCssVariable","name","fallbackValue","ref","contextTheme","getValue","useCallback","_ref$current","element","current","document","documentElement","computedStyles","getComputedStyle","getPropertyValue","initialValue","useMemo","_React$useState","useState","_React$useState2","_slicedToArray","value","setValue","useEffect","cssVariableEnhance","_ref","variable","fallback","prop","map","props","_ref2","nodeRef","useRef","variableValue","mappedValue","_objectSpread","_defineProperty","undefined"],"sources":["../../src/utils/useCssVariable.ts"],"sourcesContent":["import React from 'react';\n\nimport canUseDOM from './canUseDOM';\nimport { useForkRef } from './ref';\nimport { useContextTokens } from './ThemeProvider';\n\nexport const useCssVariable = (name: string, fallbackValue: string, ref?: React.RefObject<any>) => {\n  const contextTheme = useContextTokens();\n  const getValue = React.useCallback(() => {\n    if (contextTheme?.[name]) return contextTheme[name];\n    if (!canUseDOM()) return fallbackValue;\n\n    const element = ref?.current ?? document.documentElement;\n\n    const computedStyles = getComputedStyle(element);\n\n    return computedStyles.getPropertyValue(name) || fallbackValue;\n  }, [name, ref, fallbackValue, contextTheme]);\n\n  const initialValue = React.useMemo(getValue, [getValue]);\n  const [value, setValue] = React.useState(initialValue);\n  React.useEffect(() => setValue(getValue), [getValue]);\n\n  return value;\n};\n\nexport const cssVariableEnhance = <\n  P extends string,\n  F = string,\n  R = string,\n  M extends null | ((value: string) => R) = any,\n>({\n  variable,\n  fallback,\n  prop,\n  map,\n}: {\n  variable: string;\n  prop: P;\n  fallback: F;\n  map?: M;\n}) => {\n  return <T extends {}>(props: T) => {\n    const { ref } = props as any;\n    const nodeRef = React.useRef();\n    const variableValue = useCssVariable(variable, fallback as any, nodeRef);\n    const mappedValue = React.useMemo(\n      () => (map ? map(variableValue) : variableValue),\n      [map, variableValue],\n    );\n\n    return {\n      ...props,\n      ref: useForkRef(ref, nodeRef),\n      [prop]: (props as any)[prop] === undefined ? mappedValue : (props as any)[prop],\n    } as T & {\n      [key in P]: M extends (value: string) => R ? R : F;\n    };\n  };\n};\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,SAAS,MAAM,iBAAa;AACnC,SAASC,UAAU,QAAQ,WAAO;AAClC,SAASC,gBAAgB,QAAQ,qBAAiB;AAElD,OAAO,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,IAAY,EAAEC,aAAqB,EAAEC,GAA0B,EAAK;EACjG,IAAMC,YAAY,GAAGL,gBAAgB,CAAC,CAAC;EACvC,IAAMM,QAAQ,GAAGT,KAAK,CAACU,WAAW,CAAC,YAAM;IAAA,IAAAC,YAAA;IACvC,IAAIH,YAAY,aAAZA,YAAY,eAAZA,YAAY,CAAGH,IAAI,CAAC,EAAE,OAAOG,YAAY,CAACH,IAAI,CAAC;IACnD,IAAI,CAACJ,SAAS,CAAC,CAAC,EAAE,OAAOK,aAAa;IAEtC,IAAMM,OAAO,IAAAD,YAAA,GAAGJ,GAAG,aAAHA,GAAG,uBAAHA,GAAG,CAAEM,OAAO,cAAAF,YAAA,cAAAA,YAAA,GAAIG,QAAQ,CAACC,eAAe;IAExD,IAAMC,cAAc,GAAGC,gBAAgB,CAACL,OAAO,CAAC;IAEhD,OAAOI,cAAc,CAACE,gBAAgB,CAACb,IAAI,CAAC,IAAIC,aAAa;EAC/D,CAAC,EAAE,CAACD,IAAI,EAAEE,GAAG,EAAED,aAAa,EAAEE,YAAY,CAAC,CAAC;EAE5C,IAAMW,YAAY,GAAGnB,KAAK,CAACoB,OAAO,CAACX,QAAQ,EAAE,CAACA,QAAQ,CAAC,CAAC;EACxD,IAAAY,eAAA,GAA0BrB,KAAK,CAACsB,QAAQ,CAACH,YAAY,CAAC;IAAAI,gBAAA,GAAAC,cAAA,CAAAH,eAAA;IAA/CI,KAAK,GAAAF,gBAAA;IAAEG,QAAQ,GAAAH,gBAAA;EACtBvB,KAAK,CAAC2B,SAAS,CAAC;IAAA,OAAMD,QAAQ,CAACjB,QAAQ,CAAC;EAAA,GAAE,CAACA,QAAQ,CAAC,CAAC;EAErD,OAAOgB,KAAK;AACd,CAAC;AAED,OAAO,IAAMG,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAAC,IAAA,EAezB;EAAA,IATJC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,IAAI,GAAAH,IAAA,CAAJG,IAAI;IACJC,GAAG,GAAAJ,IAAA,CAAHI,GAAG;EAOH,OAAO,UAAeC,KAAQ,EAAK;IACjC,IAAAC,KAAA,GAAgBD,KAAK;MAAb3B,GAAG,GAAA4B,KAAA,CAAH5B,GAAG;IACX,IAAM6B,OAAO,GAAGpC,KAAK,CAACqC,MAAM,CAAC,CAAC;IAC9B,IAAMC,aAAa,GAAGlC,cAAc,CAAC0B,QAAQ,EAAEC,QAAQ,EAASK,OAAO,CAAC;IACxE,IAAMG,WAAW,GAAGvC,KAAK,CAACoB,OAAO,CAC/B;MAAA,OAAOa,GAAG,GAAGA,GAAG,CAACK,aAAa,CAAC,GAAGA,aAAa;IAAA,CAAC,EAChD,CAACL,GAAG,EAAEK,aAAa,CACrB,CAAC;IAED,OAAAE,aAAA,CAAAA,aAAA,KACKN,KAAK,OAAAO,eAAA;MACRlC,GAAG,EAAEL,UAAU,CAACK,GAAG,EAAE6B,OAAO;IAAC,GAC5BJ,IAAI,EAAIE,KAAK,CAASF,IAAI,CAAC,KAAKU,SAAS,GAAGH,WAAW,GAAIL,KAAK,CAASF,IAAI,CAAC;EAInF,CAAC;AACH,CAAC","ignoreList":[]}

package/lib/utils/zIndexStacking.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export type ZIndexDesignTokens = 'z-index-deep' | 'z-index-overlay' | 'z-index-modal' | 'z-index-popper' | 'z-index-dropdown' | 'z-index-tooltip' | 'z-index-notice-bubble';
+export declare const useZIndexStacking: (designToken?: ZIndexDesignTokens) => number;
+export declare const ZIndexStackingContextProvider: React.FC<{
+    designToken: ZIndexDesignTokens;
+    children: React.ReactNode;
+}>;
+export declare const zIndexStackingEnhance: (designToken?: ZIndexDesignTokens) => (props: any) => {
+    parentZIndexStacking: ReturnType<typeof useZIndexStacking>;
+};

package/lib/utils/zIndexStacking.js

@@ -0,0 +1,45 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.zIndexStackingEnhance = exports.useZIndexStacking = exports.ZIndexStackingContextProvider = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime/helpers/objectDestructuringEmpty"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _ThemeProvider = require("./ThemeProvider");
+var _default = _interopRequireDefault(require("../theme/themes/default"));
+var defaultDesignThemeTokens = _default["default"];
+var zIndexStackingContext = /*#__PURE__*/_react["default"].createContext(0);
+var useZIndexStacking = exports.useZIndexStacking = function useZIndexStacking(designToken) {
+  var contextTokens = (0, _ThemeProvider.useContextTokens)();
+  var parentContextValue = _react["default"].useContext(zIndexStackingContext);
+  var contextValue = _react["default"].useMemo(function () {
+    if (!designToken) return parentContextValue;
+    var tokenName = designToken.startsWith('--intergalactic-') ? designToken : "--intergalactic-".concat(designToken);
+    var tokenValue = Number.parseInt((contextTokens === null || contextTokens === void 0 ? void 0 : contextTokens[tokenName]) || defaultDesignThemeTokens[tokenName], 10);
+    if (Number.isNaN(tokenValue)) return parentContextValue;
+    return parentContextValue + tokenValue;
+  }, [designToken, contextTokens, parentContextValue]);
+  return contextValue;
+};
+var ZIndexStackingContextProvider = exports.ZIndexStackingContextProvider = function ZIndexStackingContextProvider(_ref) {
+  var designToken = _ref.designToken,
+    children = _ref.children;
+  var contextValue = useZIndexStacking(designToken);
+  return /*#__PURE__*/_react["default"].createElement(zIndexStackingContext.Provider, {
+    value: contextValue
+  }, children);
+};
+var zIndexStackingEnhance = exports.zIndexStackingEnhance = function zIndexStackingEnhance(designToken) {
+  return function (props) {
+    var other = (0, _extends2["default"])({}, ((0, _objectDestructuringEmpty2["default"])(props), props));
+    var parentZIndexStacking = useZIndexStacking(designToken);
+    return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, other), {}, {
+      parentZIndexStacking: parentZIndexStacking
+    });
+  };
+};
+//# sourceMappingURL=zIndexStacking.js.map

package/lib/utils/zIndexStacking.js.map

@@ -0,0 +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":[]}

package/lib/utils/zIndexStacking.mjs

@@ -0,0 +1,38 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectDestructuringEmpty from "@babel/runtime/helpers/esm/objectDestructuringEmpty";
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from 'react';
+import { useContextTokens } from "./ThemeProvider.mjs";
+import defaultDesignThemeJson from "../theme/themes/default.mjs";
+var defaultDesignThemeTokens = defaultDesignThemeJson;
+var zIndexStackingContext = /*#__PURE__*/React.createContext(0);
+export var useZIndexStacking = function useZIndexStacking(designToken) {
+  var contextTokens = useContextTokens();
+  var parentContextValue = React.useContext(zIndexStackingContext);
+  var contextValue = React.useMemo(function () {
+    if (!designToken) return parentContextValue;
+    var tokenName = designToken.startsWith('--intergalactic-') ? designToken : "--intergalactic-".concat(designToken);
+    var tokenValue = Number.parseInt((contextTokens === null || contextTokens === void 0 ? void 0 : contextTokens[tokenName]) || defaultDesignThemeTokens[tokenName], 10);
+    if (Number.isNaN(tokenValue)) return parentContextValue;
+    return parentContextValue + tokenValue;
+  }, [designToken, contextTokens, parentContextValue]);
+  return contextValue;
+};
+export var ZIndexStackingContextProvider = function ZIndexStackingContextProvider(_ref) {
+  var designToken = _ref.designToken,
+    children = _ref.children;
+  var contextValue = useZIndexStacking(designToken);
+  return /*#__PURE__*/React.createElement(zIndexStackingContext.Provider, {
+    value: contextValue
+  }, children);
+};
+export var zIndexStackingEnhance = function zIndexStackingEnhance(designToken) {
+  return function (props) {
+    var other = _extends({}, (_objectDestructuringEmpty(props), props));
+    var parentZIndexStacking = useZIndexStacking(designToken);
+    return _objectSpread(_objectSpread({}, other), {}, {
+      parentZIndexStacking: parentZIndexStacking
+    });
+  };
+};
+//# sourceMappingURL=zIndexStacking.mjs.map

package/lib/utils/zIndexStacking.mjs.map

@@ -0,0 +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":[]}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/core",
   "description": "Semrush Core Component",
-  "version": "2.40.0-prerelease.4",
+  "version": "2.40.0-prerelease.5",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -14,7 +14,7 @@
     "types": "./lib/types/index.d.ts"
   },
   "dependencies": {
-    "@semcore/utils": "4.49.0-prerelease.4"
+    "@semcore/utils": "4.49.0-prerelease.5"
   },
   "peerDependencies": {
     "react": "16.8 - 18",

package/lib/cjs/index.js

@@ -1,23 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {};
-exports["default"] = void 0;
-var _core = _interopRequireWildcard(require("@semcore/utils/lib/core"));
-Object.keys(_core).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _core[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _core[key];
-    }
-  });
-});
-var _default = _core["default"];
-exports["default"] = _default;
-//# sourceMappingURL=index.js.map

package/lib/cjs/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["_core","_interopRequireWildcard","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_default","createComponent"],"sources":["../../src/index.ts"],"sourcesContent":["import createComponent from '@semcore/utils/lib/core';\n\nexport default createComponent;\n\nexport * from '@semcore/utils/lib/core';\n"],"mappings":";;;;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AAIAC,MAAA,CAAAC,IAAA,CAAAJ,KAAA,EAAAK,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAN,KAAA,CAAAM,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAd,KAAA,CAAAM,GAAA;IAAA;EAAA;AAAA;AAAwC,IAAAS,QAAA,GAFzBC,gBAAe;AAAAL,OAAA,cAAAI,QAAA"}

package/lib/es6/index.js

@@ -1,4 +0,0 @@
-import createComponent from '@semcore/utils/lib/core';
-export default createComponent;
-export * from '@semcore/utils/lib/core';
-//# sourceMappingURL=index.js.map

package/lib/es6/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["createComponent"],"sources":["../../src/index.ts"],"sourcesContent":["import createComponent from '@semcore/utils/lib/core';\n\nexport default createComponent;\n\nexport * from '@semcore/utils/lib/core';\n"],"mappings":"AAAA,OAAOA,eAAe,MAAM,yBAAyB;AAErD,eAAeA,eAAe;AAE9B,cAAc,yBAAyB"}

package/lib/types/index.d.ts

@@ -1,3 +0,0 @@
-import createComponent from '@semcore/utils/lib/core';
-export default createComponent;
-export * from '@semcore/utils/lib/core';