@semcore/core 2.39.4 → 16.0.0-prerelease.0

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';\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;AACzB,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,EAAE;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,EAAE,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,EAAE;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,CAAC,CACrB;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"}

package/lib/utils/zIndexStacking.d.ts

@@ -0,0 +1,8 @@
+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) => any;

package/lib/utils/zIndexStacking.js

@@ -0,0 +1,48 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+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 _default = _interopRequireDefault(require("../theme/themes/default"));
+var _ThemeProvider = require("./ThemeProvider");
+var defaultDesignThemeTokens = _default["default"];
+var zIndexStackingContext = /*#__PURE__*/_react["default"].createContext(0);
+var 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 = 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;
+};
+exports.useZIndexStacking = useZIndexStacking;
+var 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);
+};
+exports.ZIndexStackingContextProvider = ZIndexStackingContextProvider;
+var 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
+    });
+  };
+};
+exports.zIndexStackingEnhance = zIndexStackingEnhance;
+//# sourceMappingURL=zIndexStacking.js.map

package/lib/utils/zIndexStacking.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"zIndexStacking.js","names":["_react","_interopRequireDefault","require","_default","_ThemeProvider","defaultDesignThemeTokens","defaultDesignThemeJson","zIndexStackingContext","React","createContext","useZIndexStacking","designToken","contextTokens","useContextTokens","parentContextValue","useContext","contextValue","useMemo","tokenName","startsWith","concat","tokenValue","parseInt","Number","isNaN","exports","ZIndexStackingContextProvider","_ref","children","createElement","Provider","value","zIndexStackingEnhance","props","other","_extends2","_objectDestructuringEmpty2","parentZIndexStacking","_objectSpread2"],"sources":["../../src/utils/zIndexStacking.tsx"],"sourcesContent":["import React from 'react';\nimport defaultDesignThemeJson from '../theme/themes/default';\nimport { useContextTokens } from './ThemeProvider';\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 = 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;AACA,IAAAC,QAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAMG,wBAAwB,GAAGC,mBAAgD;AAEjF,IAAMC,qBAAqB,gBAAGC,iBAAK,CAACC,aAAa,CAAC,CAAC,CAAC;AAW7C,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,WAAgC,EAAK;EACrE,IAAMC,aAAa,GAAG,IAAAC,+BAAgB,GAAE;EACxC,IAAMC,kBAAkB,GAAGN,iBAAK,CAACO,UAAU,CAACR,qBAAqB,CAAC;EAClE,IAAMS,YAAY,GAAGR,iBAAK,CAACS,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,QAAQ,CACzB,CAAAV,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAGM,SAAS,CAAC,KAAIb,wBAAwB,CAACa,SAAS,CAAC,EACjE,EAAE,CACH;IACD,IAAIK,MAAM,CAACC,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;AAACS,OAAA,CAAAf,iBAAA,GAAAA,iBAAA;AACK,IAAMgB,6BAGX,GAAG,SAHQA,6BAGXA,CAAAC,IAAA,EAAkC;EAAA,IAA5BhB,WAAW,GAAAgB,IAAA,CAAXhB,WAAW;IAAEiB,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EAC3B,IAAMZ,YAAY,GAAGN,iBAAiB,CAACC,WAAW,CAAC;EACnD,oBACEX,MAAA,YAAA6B,aAAA,CAACtB,qBAAqB,CAACuB,QAAQ;IAACC,KAAK,EAAEf;EAAa,GAAEY,QAAQ,CAAkC;AAEpG,CAAC;AAACH,OAAA,CAAAC,6BAAA,GAAAA,6BAAA;AACK,IAAMM,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAIrB,WAAgC,EAAK;EACzE,OAAO,UAACsB,KAAU,EAAK;IACrB,IAAWC,KAAK,OAAAC,SAAA,sBAAAC,0BAAA,aAAKH,KAAK,GAALA,KAAK;IAC1B,IAAMI,oBAAoB,GAAG3B,iBAAiB,CAACC,WAAW,CAAC;IAC3D,WAAA2B,cAAA,iBAAAA,cAAA,iBACKJ,KAAK;MACRG,oBAAoB,EAApBA;IAAoB;EAExB,CAAC;AACH,CAAC;AAACZ,OAAA,CAAAO,qBAAA,GAAAA,qBAAA"}

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 defaultDesignThemeJson from "../theme/themes/default.mjs";
+import { useContextTokens } from "./ThemeProvider.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 = 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","defaultDesignThemeJson","useContextTokens","defaultDesignThemeTokens","zIndexStackingContext","createContext","useZIndexStacking","designToken","contextTokens","parentContextValue","useContext","contextValue","useMemo","tokenName","startsWith","concat","tokenValue","parseInt","Number","isNaN","ZIndexStackingContextProvider","_ref","children","createElement","Provider","value","zIndexStackingEnhance","props","other","_extends","_objectDestructuringEmpty","parentZIndexStacking","_objectSpread"],"sources":["../../src/utils/zIndexStacking.tsx"],"sourcesContent":["import React from 'react';\nimport defaultDesignThemeJson from '../theme/themes/default';\nimport { useContextTokens } from './ThemeProvider';\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 = 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;AACzB,OAAOC,sBAAsB,MAAM,6BAAyB;AAC5D,SAASC,gBAAgB,QAAQ,qBAAiB;AAClD,IAAMC,wBAAwB,GAAGF,sBAAgD;AAEjF,IAAMG,qBAAqB,gBAAGJ,KAAK,CAACK,aAAa,CAAC,CAAC,CAAC;AAWpD,OAAO,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,WAAgC,EAAK;EACrE,IAAMC,aAAa,GAAGN,gBAAgB,EAAE;EACxC,IAAMO,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,QAAQ,CACzB,CAAAT,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAGK,SAAS,CAAC,KAAIV,wBAAwB,CAACU,SAAS,CAAC,EACjE,EAAE,CACH;IACD,IAAIK,MAAM,CAACC,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,QAAQ,CAAkC;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"}

package/package.json

@@ -1,20 +1,301 @@
 {
   "name": "@semcore/core",
   "description": "Semrush Core Component",
-  "version": "2.39.4",
-  "main": "lib/cjs/index.js",
-  "module": "lib/es6/index.js",
-  "typings": "lib/types/index.d.ts",
+  "version": "16.0.0-prerelease.0",
+  "main": "lib/index.js",
+  "module": "lib/index.mjs",
+  "typings": "lib/index.d.ts",
   "sideEffects": false,
   "author": "UI-kit team <ui-kit-team@semrush.com>",
   "license": "MIT",
   "exports": {
-    "require": "./lib/cjs/index.js",
-    "import": "./lib/esm/index.mjs",
-    "types": "./lib/types/index.d.ts"
+    ".": {
+      "require": "./lib/index.js",
+      "import": "./lib/index.mjs",
+      "types": "./lib/index.d.ts"
+    },
+    "./src": {
+      "import": "./src/index.ts",
+      "types": "./src/index.ts"
+    },
+    "./lib/theme/themes/default.css": {
+      "require": "./lib/theme/themes/default.css",
+      "import": "./lib/theme/themes/default.css"
+    },
+    "./lib/theme/themes/light.css": {
+      "require": "./lib/theme/themes/light.css",
+      "import": "./lib/theme/themes/light.css"
+    },
+    "./lib/theme/themes/dark.css": {
+      "require": "./lib/theme/themes/dark.css",
+      "import": "./lib/theme/themes/dark.css"
+    },
+    "./lib/theme/themes/auto.css": {
+      "require": "./lib/theme/themes/auto.css",
+      "import": "./lib/theme/themes/auto.css"
+    },
+    "./lib/utils/focus-lock/getFocusableIn": {
+      "require": "./lib/utils/focus-lock/getFocusableIn.js",
+      "import": "./lib/utils/focus-lock/getFocusableIn.mjs",
+      "types": "./lib/utils/focus-lock/getFocusableIn.d.ts"
+    },
+    "./lib/utils/focus-lock/isFocusable": {
+      "require": "./lib/utils/focus-lock/isFocusable.js",
+      "import": "./lib/utils/focus-lock/isFocusable.mjs",
+      "types": "./lib/utils/focus-lock/isFocusable.d.ts"
+    },
+    "./lib/utils/focus-lock/isFocusInside": {
+      "require": "./lib/utils/focus-lock/isFocusInside.js",
+      "import": "./lib/utils/focus-lock/isFocusInside.mjs",
+      "types": "./lib/utils/focus-lock/isFocusInside.d.ts"
+    },
+    "./lib/utils/enhances/a11yEnhance": {
+      "require": "./lib/utils/enhances/a11yEnhance.js",
+      "import": "./lib/utils/enhances/a11yEnhance.mjs",
+      "types": "./lib/utils/enhances/a11yEnhance.d.ts"
+    },
+    "./lib/utils/enhances/animatedSizeEnhance": {
+      "require": "./lib/utils/enhances/animatedSizeEnhance.js",
+      "import": "./lib/utils/enhances/animatedSizeEnhance.mjs",
+      "types": "./lib/utils/enhances/animatedSizeEnhance.d.ts"
+    },
+    "./lib/utils/enhances/autoFocusEnhance": {
+      "require": "./lib/utils/enhances/autoFocusEnhance.js",
+      "import": "./lib/utils/enhances/autoFocusEnhance.mjs",
+      "types": "./lib/utils/enhances/autoFocusEnhance.d.ts"
+    },
+    "./lib/utils/enhances/contextEnhance": {
+      "require": "./lib/utils/enhances/contextEnhance.js",
+      "import": "./lib/utils/enhances/contextEnhance.mjs",
+      "types": "./lib/utils/enhances/contextEnhance.d.ts"
+    },
+    "./lib/utils/enhances/focusSourceEnhance": {
+      "require": "./lib/utils/enhances/focusSourceEnhance.js",
+      "import": "./lib/utils/enhances/focusSourceEnhance.mjs",
+      "types": "./lib/utils/enhances/focusSourceEnhance.d.ts"
+    },
+    "./lib/utils/enhances/keyboardFocusEnhance": {
+      "require": "./lib/utils/enhances/keyboardFocusEnhance.js",
+      "import": "./lib/utils/enhances/keyboardFocusEnhance.mjs",
+      "types": "./lib/utils/enhances/keyboardFocusEnhance.d.ts"
+    },
+    "./lib/utils/enhances/i18nEnhance": {
+      "require": "./lib/utils/enhances/i18nEnhance.js",
+      "import": "./lib/utils/enhances/i18nEnhance.mjs",
+      "types": "./lib/utils/enhances/i18nEnhance.d.ts"
+    },
+    "./lib/utils/enhances/resolveColorEnhance": {
+      "require": "./lib/utils/enhances/resolveColorEnhance.js",
+      "import": "./lib/utils/enhances/resolveColorEnhance.mjs",
+      "types": "./lib/utils/enhances/resolveColorEnhance.d.ts"
+    },
+    "./lib/utils/enhances/WithI18n": {
+      "require": "./lib/utils/enhances/WithI18n.js",
+      "import": "./lib/utils/enhances/WithI18n.mjs",
+      "types": "./lib/utils/enhances/WithI18n.d.ts"
+    },
+    "./lib/utils/use/useEnhancedEffect": {
+      "require": "./lib/utils/use/useEnhancedEffect.js",
+      "import": "./lib/utils/use/useEnhancedEffect.mjs",
+      "types": "./lib/utils/use/useEnhancedEffect.d.ts"
+    },
+    "./lib/utils/use/useFocusLock": {
+      "require": "./lib/utils/use/useFocusLock.js",
+      "import": "./lib/utils/use/useFocusLock.mjs",
+      "types": "./lib/utils/use/useFocusLock.d.ts"
+    },
+    "./lib/utils/use/useColorResolver": {
+      "require": "./lib/utils/use/useColorResolver.js",
+      "import": "./lib/utils/use/useColorResolver.mjs",
+      "types": "./lib/utils/use/useColorResolver.d.ts"
+    },
+    "./lib/utils/use/useEventCallback": {
+      "require": "./lib/utils/use/useEventCallback.js",
+      "import": "./lib/utils/use/useEventCallback.mjs",
+      "types": "./lib/utils/use/useEventCallback.d.ts"
+    },
+    "./lib/utils/use/usePreventScroll": {
+      "require": "./lib/utils/use/usePreventScroll.js",
+      "import": "./lib/utils/use/usePreventScroll.mjs",
+      "types": "./lib/utils/use/usePreventScroll.d.ts"
+    },
+    "./lib/utils/addonTextChildren": {
+      "require": "./lib/utils/addonTextChildren.js",
+      "import": "./lib/utils/addonTextChildren.mjs",
+      "types": "./lib/utils/addonTextChildren.d.ts"
+    },
+    "./lib/utils/ariaProps": {
+      "require": "./lib/utils/ariaProps.js",
+      "import": "./lib/utils/ariaProps.mjs",
+      "types": "./lib/utils/ariaProps.d.ts"
+    },
+    "./lib/utils/assignProps": {
+      "require": "./lib/utils/assignProps.js",
+      "import": "./lib/utils/assignProps.mjs",
+      "types": "./lib/utils/assignProps.d.ts"
+    },
+    "./lib/utils/capitalizeFirstLetter": {
+      "require": "./lib/utils/capitalizeFirstLetter.js",
+      "import": "./lib/utils/capitalizeFirstLetter.mjs",
+      "types": "./lib/utils/capitalizeFirstLetter.d.ts"
+    },
+    "./lib/utils/canUseDOM": {
+      "require": "./lib/utils/canUseDOM.js",
+      "import": "./lib/utils/canUseDOM.mjs",
+      "types": "./lib/utils/canUseDOM.d.ts"
+    },
+    "./lib/utils/CSSinJS": {
+      "require": "./lib/utils/CSSinJS.js",
+      "import": "./lib/utils/CSSinJS.mjs",
+      "types": "./lib/utils/CSSinJS.d.ts"
+    },
+    "./lib/utils/cssToIntDefault": {
+      "require": "./lib/utils/cssToIntDefault.js",
+      "import": "./lib/utils/cssToIntDefault.mjs",
+      "types": "./lib/utils/cssToIntDefault.d.ts"
+    },
+    "./lib/utils/eventEmitter": {
+      "require": "./lib/utils/eventEmitter.js",
+      "import": "./lib/utils/eventEmitter.mjs",
+      "types": "./lib/utils/eventEmitter.d.ts"
+    },
+    "./lib/utils/fire": {
+      "require": "./lib/utils/fire.js",
+      "import": "./lib/utils/fire.mjs",
+      "types": "./lib/utils/fire.d.ts"
+    },
+    "./lib/utils/findComponent": {
+      "require": "./lib/utils/findComponent.js",
+      "import": "./lib/utils/findComponent.mjs",
+      "types": "./lib/utils/findComponent.d.ts"
+    },
+    "./lib/utils/getAccessibleName": {
+      "require": "./lib/utils/getAccessibleName.js",
+      "import": "./lib/utils/getAccessibleName.mjs",
+      "types": "./lib/utils/getAccessibleName.d.ts"
+    },
+    "./lib/utils/getDisplayName": {
+      "require": "./lib/utils/getDisplayName.js",
+      "import": "./lib/utils/getDisplayName.mjs",
+      "types": "./lib/utils/getDisplayName.d.ts"
+    },
+    "./lib/utils/getEventTarget": {
+      "require": "./lib/utils/getEventTarget.js",
+      "import": "./lib/utils/getEventTarget.mjs",
+      "types": "./lib/utils/getEventTarget.d.ts"
+    },
+    "./lib/utils/getOriginChildren": {
+      "require": "./lib/utils/getOriginChildren.js",
+      "import": "./lib/utils/getOriginChildren.mjs",
+      "types": "./lib/utils/getOriginChildren.d.ts"
+    },
+    "./lib/utils/hasLabels": {
+      "require": "./lib/utils/hasLabels.js",
+      "import": "./lib/utils/hasLabels.mjs",
+      "types": "./lib/utils/hasLabels.d.ts"
+    },
+    "./lib/utils/hasParent": {
+      "require": "./lib/utils/hasParent.js",
+      "import": "./lib/utils/hasParent.mjs",
+      "types": "./lib/utils/hasParent.d.ts"
+    },
+    "./lib/utils/inputProps": {
+      "require": "./lib/utils/inputProps.js",
+      "import": "./lib/utils/inputProps.mjs",
+      "types": "./lib/utils/inputProps.d.ts"
+    },
+    "./lib/utils/isInteractiveElement": {
+      "require": "./lib/utils/isInteractiveElement.js",
+      "import": "./lib/utils/isInteractiveElement.mjs",
+      "types": "./lib/utils/isInteractiveElement.d.ts"
+    },
+    "./lib/utils/isNode": {
+      "require": "./lib/utils/isNode.js",
+      "import": "./lib/utils/isNode.mjs",
+      "types": "./lib/utils/isNode.d.ts"
+    },
+    "./lib/utils/isRetina": {
+      "require": "./lib/utils/isRetina.js",
+      "import": "./lib/utils/isRetina.mjs",
+      "types": "./lib/utils/isRetina.d.ts"
+    },
+    "./lib/utils/ownerDocument": {
+      "require": "./lib/utils/ownerDocument.js",
+      "import": "./lib/utils/ownerDocument.mjs",
+      "types": "./lib/utils/ownerDocument.d.ts"
+    },
+    "./lib/utils/pick": {
+      "require": "./lib/utils/pick.js",
+      "import": "./lib/utils/pick.mjs",
+      "types": "./lib/utils/pick.d.ts"
+    },
+    "./lib/utils/propsForElement": {
+      "require": "./lib/utils/propsForElement.js",
+      "import": "./lib/utils/propsForElement.mjs",
+      "types": "./lib/utils/propsForElement.d.ts"
+    },
+    "./lib/utils/logger": {
+      "require": "./lib/utils/logger.js",
+      "import": "./lib/utils/logger.mjs",
+      "types": "./lib/utils/logger.d.ts"
+    },
+    "./lib/utils/rafTrottle": {
+      "require": "./lib/utils/rafTrottle.js",
+      "import": "./lib/utils/rafTrottle.mjs",
+      "types": "./lib/utils/rafTrottle.d.ts"
+    },
+    "./lib/utils/reactToText": {
+      "require": "./lib/utils/reactToText.js",
+      "import": "./lib/utils/reactToText.mjs",
+      "types": "./lib/utils/reactToText.d.ts"
+    },
+    "./lib/utils/ref": {
+      "require": "./lib/utils/ref.js",
+      "import": "./lib/utils/ref.mjs",
+      "types": "./lib/utils/ref.d.ts"
+    },
+    "./lib/utils/setRef": {
+      "require": "./lib/utils/setRef.js",
+      "import": "./lib/utils/setRef.mjs",
+      "types": "./lib/utils/setRef.d.ts"
+    },
+    "./lib/utils/ScreenReaderOnly": {
+      "require": "./lib/utils/ScreenReaderOnly.js",
+      "import": "./lib/utils/ScreenReaderOnly.mjs",
+      "types": "./lib/utils/ScreenReaderOnly.d.ts"
+    },
+    "./lib/utils/syncScroll": {
+      "require": "./lib/utils/syncScroll.js",
+      "import": "./lib/utils/syncScroll.mjs",
+      "types": "./lib/utils/syncScroll.d.ts"
+    },
+    "./lib/utils/ThemeProvider": {
+      "require": "./lib/utils/ThemeProvider.js",
+      "import": "./lib/utils/ThemeProvider.mjs",
+      "types": "./lib/utils/ThemeProvider.d.ts"
+    },
+    "./lib/utils/uniqueID": {
+      "require": "./lib/utils/uniqueID.js",
+      "import": "./lib/utils/uniqueID.mjs",
+      "types": "./lib/utils/uniqueID.d.ts"
+    },
+    "./lib/utils/useCssVariable": {
+      "require": "./lib/utils/useCssVariable.js",
+      "import": "./lib/utils/useCssVariable.mjs",
+      "types": "./lib/utils/useCssVariable.d.ts"
+    },
+    "./lib/utils/zIndexStacking": {
+      "require": "./lib/utils/zIndexStacking.js",
+      "import": "./lib/utils/zIndexStacking.mjs",
+      "types": "./lib/utils/zIndexStacking.d.ts"
+    }
   },
   "dependencies": {
-    "@semcore/utils": "4.48.5"
+    "@formatjs/intl": "3.0.4",
+    "classnames": "2.2.6",
+    "hoist-non-react-statics": "3.3.2",
+    "@phytonmk/nano-css": "5.3.7",
+    "csstype": "3.0.8"
   },
   "peerDependencies": {
     "react": "16.8 - 18",
@@ -26,10 +307,16 @@
     "directory": "semcore/core"
   },
   "devDependencies": {
+    "@types/classnames": "2.2.6",
     "@types/react": "18.0.21",
-    "@semcore/testing-utils": "1.0.0"
+    "@semcore/testing-utils": "1.0.0",
+    "postcss": "8.4.33",
+    "postcss-value-parser": "4.1.0",
+    "colorjs.io": "0.4.3",
+    "@types/hoist-non-react-statics": "^3.3.1",
+    "@types/react-dom": "18.0.6"
   },
   "scripts": {
-    "build": "pnpm semcore-builder && pnpm vite build"
+    "build": "pnpm semcore-builder --coreUtils && pnpm vite build"
   }
 }

package/tsconfig-utils.json

@@ -0,0 +1,4 @@
+{
+  "extends": "../../tsconfig.json",
+  "include": ["src/utils"]
+}

package/vite.config.ts

@@ -9,6 +9,30 @@ export default mergeConfig(
       lib: {
         entry: './src/index.ts',
       },
+      rollupOptions: {
+        treeshake: false,
+        external: [
+          'react',
+          'react-dom',
+          'react/jsx-runtime',
+          /@babel\/runtime\/*/,
+          /@semcore\/*/,
+
+          '@formatjs/intl',
+          'classnames',
+          'hoist-non-react-statics',
+          '@phytonmk/nano-css',
+          'csstype',
+        ],
+        output: [
+          {
+            preserveModules: true,
+            assetFileNames: '[name][extname]',
+            entryFileNames: '[name].mjs',
+            format: 'esm',
+          },
+        ],
+      },
     },
   }),
 );

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';