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

package/lib/utils/syncScroll.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"syncScroll.js","names":["_canUseDOM","_interopRequireDefault","require","syncScroll","refs","Map","handlerScroll","event","scrolledNode","currentTarget","canUseDOM","window","requestAnimationFrame","forEach","node","removeEventListener","syncScrollPosition","addEventListener","scrollTop","scrollHeight","clientHeight","scrollLeft","scrollWidth","clientWidth","scrollTopOffset","scrollLeftOffset","nodeHeight","nodeWidth","name","set","ref","_refs$get","get","_toConsumableArray2","values"],"sources":["../../src/utils/syncScroll.ts"],"sourcesContent":["import canUseDOM from './canUseDOM';\n\nexport default function syncScroll() {\n  const refs = new Map<string, null | HTMLElement>();\n\n  function handlerScroll(event: any) {\n    const scrolledNode = event.currentTarget;\n    if (!canUseDOM()) return;\n    window.requestAnimationFrame(() => {\n      refs.forEach((node) => {\n        if (scrolledNode !== node && node) {\n          node.removeEventListener('scroll', handlerScroll);\n          syncScrollPosition(scrolledNode, node);\n          window.requestAnimationFrame(() => {\n            node.addEventListener('scroll', handlerScroll);\n          });\n        }\n      });\n    });\n  }\n\n  function syncScrollPosition(scrolledNode: HTMLElement, node: HTMLElement) {\n    const { scrollTop, scrollHeight, clientHeight, scrollLeft, scrollWidth, clientWidth } =\n      scrolledNode;\n\n    const scrollTopOffset = scrollHeight - clientHeight;\n    const scrollLeftOffset = scrollWidth - clientWidth;\n\n    const nodeHeight = node.scrollHeight - clientHeight;\n    const nodeWidth = node.scrollWidth - clientWidth;\n\n    if (scrollTopOffset > 0) {\n      node.scrollTop = (nodeHeight * scrollTop) / scrollTopOffset;\n    }\n    if (scrollLeftOffset > 0) {\n      node.scrollLeft = (nodeWidth * scrollLeft) / scrollLeftOffset;\n    }\n  }\n\n  return (name: string) => {\n    refs.set(name, null);\n    return (ref: any) => {\n      refs.get(name)?.removeEventListener('scroll', handlerScroll);\n      refs.set(name, ref);\n      if (ref) {\n        ref.addEventListener('scroll', handlerScroll);\n        const scrolledNode = [...refs.values()][0];\n        if (scrolledNode) {\n          syncScrollPosition(scrolledNode, ref);\n        }\n      }\n    };\n  };\n}\n"],"mappings":";;;;;;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEe,SAASC,UAAUA,CAAA,EAAG;EACnC,IAAMC,IAAI,GAAG,IAAIC,GAAG,CAA6B,CAAC;EAElD,SAASC,aAAaA,CAACC,KAAU,EAAE;IACjC,IAAMC,YAAY,GAAGD,KAAK,CAACE,aAAa;IACxC,IAAI,CAAC,IAAAC,qBAAS,EAAC,CAAC,EAAE;IAClBC,MAAM,CAACC,qBAAqB,CAAC,YAAM;MACjCR,IAAI,CAACS,OAAO,CAAC,UAACC,IAAI,EAAK;QACrB,IAAIN,YAAY,KAAKM,IAAI,IAAIA,IAAI,EAAE;UACjCA,IAAI,CAACC,mBAAmB,CAAC,QAAQ,EAAET,aAAa,CAAC;UACjDU,kBAAkB,CAACR,YAAY,EAAEM,IAAI,CAAC;UACtCH,MAAM,CAACC,qBAAqB,CAAC,YAAM;YACjCE,IAAI,CAACG,gBAAgB,CAAC,QAAQ,EAAEX,aAAa,CAAC;UAChD,CAAC,CAAC;QACJ;MACF,CAAC,CAAC;IACJ,CAAC,CAAC;EACJ;EAEA,SAASU,kBAAkBA,CAACR,YAAyB,EAAEM,IAAiB,EAAE;IACxE,IAAQI,SAAS,GACfV,YAAY,CADNU,SAAS;MAAEC,YAAY,GAC7BX,YAAY,CADKW,YAAY;MAAEC,YAAY,GAC3CZ,YAAY,CADmBY,YAAY;MAAEC,UAAU,GACvDb,YAAY,CADiCa,UAAU;MAAEC,WAAW,GACpEd,YAAY,CAD6Cc,WAAW;MAAEC,WAAW,GACjFf,YAAY,CAD0De,WAAW;IAGnF,IAAMC,eAAe,GAAGL,YAAY,GAAGC,YAAY;IACnD,IAAMK,gBAAgB,GAAGH,WAAW,GAAGC,WAAW;IAElD,IAAMG,UAAU,GAAGZ,IAAI,CAACK,YAAY,GAAGC,YAAY;IACnD,IAAMO,SAAS,GAAGb,IAAI,CAACQ,WAAW,GAAGC,WAAW;IAEhD,IAAIC,eAAe,GAAG,CAAC,EAAE;MACvBV,IAAI,CAACI,SAAS,GAAIQ,UAAU,GAAGR,SAAS,GAAIM,eAAe;IAC7D;IACA,IAAIC,gBAAgB,GAAG,CAAC,EAAE;MACxBX,IAAI,CAACO,UAAU,GAAIM,SAAS,GAAGN,UAAU,GAAII,gBAAgB;IAC/D;EACF;EAEA,OAAO,UAACG,IAAY,EAAK;IACvBxB,IAAI,CAACyB,GAAG,CAACD,IAAI,EAAE,IAAI,CAAC;IACpB,OAAO,UAACE,GAAQ,EAAK;MAAA,IAAAC,SAAA;MACnB,CAAAA,SAAA,GAAA3B,IAAI,CAAC4B,GAAG,CAACJ,IAAI,CAAC,cAAAG,SAAA,eAAdA,SAAA,CAAgBhB,mBAAmB,CAAC,QAAQ,EAAET,aAAa,CAAC;MAC5DF,IAAI,CAACyB,GAAG,CAACD,IAAI,EAAEE,GAAG,CAAC;MACnB,IAAIA,GAAG,EAAE;QACPA,GAAG,CAACb,gBAAgB,CAAC,QAAQ,EAAEX,aAAa,CAAC;QAC7C,IAAME,YAAY,GAAG,IAAAyB,mBAAA,aAAI7B,IAAI,CAAC8B,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC;QAC1C,IAAI1B,YAAY,EAAE;UAChBQ,kBAAkB,CAACR,YAAY,EAAEsB,GAAG,CAAC;QACvC;MACF;IACF,CAAC;EACH,CAAC;AACH","ignoreList":[]}

package/lib/utils/syncScroll.mjs

@@ -0,0 +1,54 @@
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import canUseDOM from "./canUseDOM.mjs";
+export default function syncScroll() {
+  var refs = new Map();
+  function handlerScroll(event) {
+    var scrolledNode = event.currentTarget;
+    if (!canUseDOM()) return;
+    window.requestAnimationFrame(function () {
+      refs.forEach(function (node) {
+        if (scrolledNode !== node && node) {
+          node.removeEventListener('scroll', handlerScroll);
+          syncScrollPosition(scrolledNode, node);
+          window.requestAnimationFrame(function () {
+            node.addEventListener('scroll', handlerScroll);
+          });
+        }
+      });
+    });
+  }
+  function syncScrollPosition(scrolledNode, node) {
+    var scrollTop = scrolledNode.scrollTop,
+      scrollHeight = scrolledNode.scrollHeight,
+      clientHeight = scrolledNode.clientHeight,
+      scrollLeft = scrolledNode.scrollLeft,
+      scrollWidth = scrolledNode.scrollWidth,
+      clientWidth = scrolledNode.clientWidth;
+    var scrollTopOffset = scrollHeight - clientHeight;
+    var scrollLeftOffset = scrollWidth - clientWidth;
+    var nodeHeight = node.scrollHeight - clientHeight;
+    var nodeWidth = node.scrollWidth - clientWidth;
+    if (scrollTopOffset > 0) {
+      node.scrollTop = nodeHeight * scrollTop / scrollTopOffset;
+    }
+    if (scrollLeftOffset > 0) {
+      node.scrollLeft = nodeWidth * scrollLeft / scrollLeftOffset;
+    }
+  }
+  return function (name) {
+    refs.set(name, null);
+    return function (ref) {
+      var _refs$get;
+      (_refs$get = refs.get(name)) === null || _refs$get === void 0 || _refs$get.removeEventListener('scroll', handlerScroll);
+      refs.set(name, ref);
+      if (ref) {
+        ref.addEventListener('scroll', handlerScroll);
+        var scrolledNode = _toConsumableArray(refs.values())[0];
+        if (scrolledNode) {
+          syncScrollPosition(scrolledNode, ref);
+        }
+      }
+    };
+  };
+}
+//# sourceMappingURL=syncScroll.mjs.map

package/lib/utils/syncScroll.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"syncScroll.mjs","names":["canUseDOM","syncScroll","refs","Map","handlerScroll","event","scrolledNode","currentTarget","window","requestAnimationFrame","forEach","node","removeEventListener","syncScrollPosition","addEventListener","scrollTop","scrollHeight","clientHeight","scrollLeft","scrollWidth","clientWidth","scrollTopOffset","scrollLeftOffset","nodeHeight","nodeWidth","name","set","ref","_refs$get","get","_toConsumableArray","values"],"sources":["../../src/utils/syncScroll.ts"],"sourcesContent":["import canUseDOM from './canUseDOM';\n\nexport default function syncScroll() {\n  const refs = new Map<string, null | HTMLElement>();\n\n  function handlerScroll(event: any) {\n    const scrolledNode = event.currentTarget;\n    if (!canUseDOM()) return;\n    window.requestAnimationFrame(() => {\n      refs.forEach((node) => {\n        if (scrolledNode !== node && node) {\n          node.removeEventListener('scroll', handlerScroll);\n          syncScrollPosition(scrolledNode, node);\n          window.requestAnimationFrame(() => {\n            node.addEventListener('scroll', handlerScroll);\n          });\n        }\n      });\n    });\n  }\n\n  function syncScrollPosition(scrolledNode: HTMLElement, node: HTMLElement) {\n    const { scrollTop, scrollHeight, clientHeight, scrollLeft, scrollWidth, clientWidth } =\n      scrolledNode;\n\n    const scrollTopOffset = scrollHeight - clientHeight;\n    const scrollLeftOffset = scrollWidth - clientWidth;\n\n    const nodeHeight = node.scrollHeight - clientHeight;\n    const nodeWidth = node.scrollWidth - clientWidth;\n\n    if (scrollTopOffset > 0) {\n      node.scrollTop = (nodeHeight * scrollTop) / scrollTopOffset;\n    }\n    if (scrollLeftOffset > 0) {\n      node.scrollLeft = (nodeWidth * scrollLeft) / scrollLeftOffset;\n    }\n  }\n\n  return (name: string) => {\n    refs.set(name, null);\n    return (ref: any) => {\n      refs.get(name)?.removeEventListener('scroll', handlerScroll);\n      refs.set(name, ref);\n      if (ref) {\n        ref.addEventListener('scroll', handlerScroll);\n        const scrolledNode = [...refs.values()][0];\n        if (scrolledNode) {\n          syncScrollPosition(scrolledNode, ref);\n        }\n      }\n    };\n  };\n}\n"],"mappings":";AAAA,OAAOA,SAAS,MAAM,iBAAa;AAEnC,eAAe,SAASC,UAAUA,CAAA,EAAG;EACnC,IAAMC,IAAI,GAAG,IAAIC,GAAG,CAA6B,CAAC;EAElD,SAASC,aAAaA,CAACC,KAAU,EAAE;IACjC,IAAMC,YAAY,GAAGD,KAAK,CAACE,aAAa;IACxC,IAAI,CAACP,SAAS,CAAC,CAAC,EAAE;IAClBQ,MAAM,CAACC,qBAAqB,CAAC,YAAM;MACjCP,IAAI,CAACQ,OAAO,CAAC,UAACC,IAAI,EAAK;QACrB,IAAIL,YAAY,KAAKK,IAAI,IAAIA,IAAI,EAAE;UACjCA,IAAI,CAACC,mBAAmB,CAAC,QAAQ,EAAER,aAAa,CAAC;UACjDS,kBAAkB,CAACP,YAAY,EAAEK,IAAI,CAAC;UACtCH,MAAM,CAACC,qBAAqB,CAAC,YAAM;YACjCE,IAAI,CAACG,gBAAgB,CAAC,QAAQ,EAAEV,aAAa,CAAC;UAChD,CAAC,CAAC;QACJ;MACF,CAAC,CAAC;IACJ,CAAC,CAAC;EACJ;EAEA,SAASS,kBAAkBA,CAACP,YAAyB,EAAEK,IAAiB,EAAE;IACxE,IAAQI,SAAS,GACfT,YAAY,CADNS,SAAS;MAAEC,YAAY,GAC7BV,YAAY,CADKU,YAAY;MAAEC,YAAY,GAC3CX,YAAY,CADmBW,YAAY;MAAEC,UAAU,GACvDZ,YAAY,CADiCY,UAAU;MAAEC,WAAW,GACpEb,YAAY,CAD6Ca,WAAW;MAAEC,WAAW,GACjFd,YAAY,CAD0Dc,WAAW;IAGnF,IAAMC,eAAe,GAAGL,YAAY,GAAGC,YAAY;IACnD,IAAMK,gBAAgB,GAAGH,WAAW,GAAGC,WAAW;IAElD,IAAMG,UAAU,GAAGZ,IAAI,CAACK,YAAY,GAAGC,YAAY;IACnD,IAAMO,SAAS,GAAGb,IAAI,CAACQ,WAAW,GAAGC,WAAW;IAEhD,IAAIC,eAAe,GAAG,CAAC,EAAE;MACvBV,IAAI,CAACI,SAAS,GAAIQ,UAAU,GAAGR,SAAS,GAAIM,eAAe;IAC7D;IACA,IAAIC,gBAAgB,GAAG,CAAC,EAAE;MACxBX,IAAI,CAACO,UAAU,GAAIM,SAAS,GAAGN,UAAU,GAAII,gBAAgB;IAC/D;EACF;EAEA,OAAO,UAACG,IAAY,EAAK;IACvBvB,IAAI,CAACwB,GAAG,CAACD,IAAI,EAAE,IAAI,CAAC;IACpB,OAAO,UAACE,GAAQ,EAAK;MAAA,IAAAC,SAAA;MACnB,CAAAA,SAAA,GAAA1B,IAAI,CAAC2B,GAAG,CAACJ,IAAI,CAAC,cAAAG,SAAA,eAAdA,SAAA,CAAgBhB,mBAAmB,CAAC,QAAQ,EAAER,aAAa,CAAC;MAC5DF,IAAI,CAACwB,GAAG,CAACD,IAAI,EAAEE,GAAG,CAAC;MACnB,IAAIA,GAAG,EAAE;QACPA,GAAG,CAACb,gBAAgB,CAAC,QAAQ,EAAEV,aAAa,CAAC;QAC7C,IAAME,YAAY,GAAGwB,kBAAA,CAAI5B,IAAI,CAAC6B,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC;QAC1C,IAAIzB,YAAY,EAAE;UAChBO,kBAAkB,CAACP,YAAY,EAAEqB,GAAG,CAAC;QACvC;MACF;IACF,CAAC;EACH,CAAC;AACH","ignoreList":[]}

package/lib/utils/uncontroll.d.ts

@@ -0,0 +1,4 @@
+import type { Component, PureComponent } from 'react';
+export declare function isControlled<P extends {}, S extends {}, C extends Component<P, S> | PureComponent<P, S>>(self: C, prop: keyof P): boolean;
+export declare function getState<C extends Component | PureComponent>(self: C, state?: C['state']): any;
+export declare function internalSetState<T, C extends Component<any, T> | PureComponent<any, T>>(self: C, changes: Partial<T> | ((combinedState: Partial<T>) => Partial<T>), callback?: () => void): void;

package/lib/utils/uncontroll.js

@@ -0,0 +1,47 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getState = getState;
+exports.internalSetState = internalSetState;
+exports.isControlled = isControlled;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+function isControlled(self, prop) {
+  return self.props[prop] !== undefined;
+}
+function getState(self) {
+  var state = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : self.state;
+  return Object.entries(state).reduce(function (combinedState, _ref) {
+    var _ref2 = (0, _slicedToArray2["default"])(_ref, 2),
+      key = _ref2[0],
+      value = _ref2[1];
+    if (isControlled(self, key)) {
+      combinedState[key] = self.props[key];
+    } else {
+      combinedState[key] = value;
+    }
+    return combinedState;
+  }, {});
+}
+function internalSetState(self, changes) {
+  var callback = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : function () {};
+  self.setState(function (state) {
+    var combinedState = getState(self, state);
+    var changesObject = typeof changes === 'function' ? changes(combinedState) : changes;
+    var nonControlledChanges = Object.entries(changesObject).reduce(function (newChanges, _ref3) {
+      var _ref4 = (0, _slicedToArray2["default"])(_ref3, 2),
+        key = _ref4[0],
+        value = _ref4[1];
+      if (!isControlled(self, key)) {
+        newChanges[key] = value;
+      }
+      return newChanges;
+    }, {});
+    return Object.keys(nonControlledChanges).length ? nonControlledChanges : {};
+  }, function () {
+    callback();
+  });
+}
+//# sourceMappingURL=uncontroll.js.map

package/lib/utils/uncontroll.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"uncontroll.js","names":["isControlled","self","prop","props","undefined","getState","state","arguments","length","Object","entries","reduce","combinedState","_ref","_ref2","_slicedToArray2","key","value","internalSetState","changes","callback","setState","changesObject","nonControlledChanges","newChanges","_ref3","_ref4","keys"],"sources":["../../src/utils/uncontroll.ts"],"sourcesContent":["import type { Component, PureComponent } from 'react';\n\nexport function isControlled<\n  P extends {},\n  S extends {},\n  C extends Component<P, S> | PureComponent<P, S>,\n>(self: C, prop: keyof P) {\n  return self.props[prop] !== undefined;\n}\n\nexport function getState<C extends Component | PureComponent>(\n  self: C,\n  state: C['state'] = self.state,\n) {\n  return Object.entries(state).reduce((combinedState: any, [key, value]) => {\n    if (isControlled(self, key)) {\n      combinedState[key] = (self as any).props[key];\n    } else {\n      combinedState[key] = value;\n    }\n    return combinedState;\n  }, {} as Partial<C['state']>);\n}\n\nexport function internalSetState<T, C extends Component<any, T> | PureComponent<any, T>>(\n  self: C,\n  changes: Partial<T> | ((combinedState: Partial<T>) => Partial<T>),\n  callback: () => void = () => {},\n) {\n  self.setState(\n    (state) => {\n      const combinedState = getState(self, state);\n      const changesObject = typeof changes === 'function' ? changes(combinedState) : changes;\n\n      const nonControlledChanges = Object.entries(changesObject).reduce(\n        (newChanges, [key, value]) => {\n          if (!isControlled(self, key)) {\n            newChanges[key] = value;\n          }\n          return newChanges;\n        },\n        {} as any,\n      );\n\n      return Object.keys(nonControlledChanges).length ? nonControlledChanges : {};\n    },\n    () => {\n      callback();\n    },\n  );\n}\n"],"mappings":";;;;;;;;;;AAEO,SAASA,YAAYA,CAI1BC,IAAO,EAAEC,IAAa,EAAE;EACxB,OAAOD,IAAI,CAACE,KAAK,CAACD,IAAI,CAAC,KAAKE,SAAS;AACvC;AAEO,SAASC,QAAQA,CACtBJ,IAAO,EAEP;EAAA,IADAK,KAAiB,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAH,SAAA,GAAAG,SAAA,MAAGN,IAAI,CAACK,KAAK;EAE9B,OAAOG,MAAM,CAACC,OAAO,CAACJ,KAAK,CAAC,CAACK,MAAM,CAAC,UAACC,aAAkB,EAAAC,IAAA,EAAmB;IAAA,IAAAC,KAAA,OAAAC,eAAA,aAAAF,IAAA;MAAhBG,GAAG,GAAAF,KAAA;MAAEG,KAAK,GAAAH,KAAA;IAClE,IAAId,YAAY,CAACC,IAAI,EAAEe,GAAG,CAAC,EAAE;MAC3BJ,aAAa,CAACI,GAAG,CAAC,GAAIf,IAAI,CAASE,KAAK,CAACa,GAAG,CAAC;IAC/C,CAAC,MAAM;MACLJ,aAAa,CAACI,GAAG,CAAC,GAAGC,KAAK;IAC5B;IACA,OAAOL,aAAa;EACtB,CAAC,EAAE,CAAC,CAAwB,CAAC;AAC/B;AAEO,SAASM,gBAAgBA,CAC9BjB,IAAO,EACPkB,OAAiE,EAEjE;EAAA,IADAC,QAAoB,GAAAb,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAH,SAAA,GAAAG,SAAA,MAAG,YAAM,CAAC,CAAC;EAE/BN,IAAI,CAACoB,QAAQ,CACX,UAACf,KAAK,EAAK;IACT,IAAMM,aAAa,GAAGP,QAAQ,CAACJ,IAAI,EAAEK,KAAK,CAAC;IAC3C,IAAMgB,aAAa,GAAG,OAAOH,OAAO,KAAK,UAAU,GAAGA,OAAO,CAACP,aAAa,CAAC,GAAGO,OAAO;IAEtF,IAAMI,oBAAoB,GAAGd,MAAM,CAACC,OAAO,CAACY,aAAa,CAAC,CAACX,MAAM,CAC/D,UAACa,UAAU,EAAAC,KAAA,EAAmB;MAAA,IAAAC,KAAA,OAAAX,eAAA,aAAAU,KAAA;QAAhBT,GAAG,GAAAU,KAAA;QAAET,KAAK,GAAAS,KAAA;MACtB,IAAI,CAAC1B,YAAY,CAACC,IAAI,EAAEe,GAAG,CAAC,EAAE;QAC5BQ,UAAU,CAACR,GAAG,CAAC,GAAGC,KAAK;MACzB;MACA,OAAOO,UAAU;IACnB,CAAC,EACD,CAAC,CACH,CAAC;IAED,OAAOf,MAAM,CAACkB,IAAI,CAACJ,oBAAoB,CAAC,CAACf,MAAM,GAAGe,oBAAoB,GAAG,CAAC,CAAC;EAC7E,CAAC,EACD,YAAM;IACJH,QAAQ,CAAC,CAAC;EACZ,CACF,CAAC;AACH","ignoreList":[]}

package/lib/utils/uncontroll.mjs

@@ -0,0 +1,38 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+export function isControlled(self, prop) {
+  return self.props[prop] !== undefined;
+}
+export function getState(self) {
+  var state = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : self.state;
+  return Object.entries(state).reduce(function (combinedState, _ref) {
+    var _ref2 = _slicedToArray(_ref, 2),
+      key = _ref2[0],
+      value = _ref2[1];
+    if (isControlled(self, key)) {
+      combinedState[key] = self.props[key];
+    } else {
+      combinedState[key] = value;
+    }
+    return combinedState;
+  }, {});
+}
+export function internalSetState(self, changes) {
+  var callback = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : function () {};
+  self.setState(function (state) {
+    var combinedState = getState(self, state);
+    var changesObject = typeof changes === 'function' ? changes(combinedState) : changes;
+    var nonControlledChanges = Object.entries(changesObject).reduce(function (newChanges, _ref3) {
+      var _ref4 = _slicedToArray(_ref3, 2),
+        key = _ref4[0],
+        value = _ref4[1];
+      if (!isControlled(self, key)) {
+        newChanges[key] = value;
+      }
+      return newChanges;
+    }, {});
+    return Object.keys(nonControlledChanges).length ? nonControlledChanges : {};
+  }, function () {
+    callback();
+  });
+}
+//# sourceMappingURL=uncontroll.mjs.map

package/lib/utils/uncontroll.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"uncontroll.mjs","names":["isControlled","self","prop","props","undefined","getState","state","arguments","length","Object","entries","reduce","combinedState","_ref","_ref2","_slicedToArray","key","value","internalSetState","changes","callback","setState","changesObject","nonControlledChanges","newChanges","_ref3","_ref4","keys"],"sources":["../../src/utils/uncontroll.ts"],"sourcesContent":["import type { Component, PureComponent } from 'react';\n\nexport function isControlled<\n  P extends {},\n  S extends {},\n  C extends Component<P, S> | PureComponent<P, S>,\n>(self: C, prop: keyof P) {\n  return self.props[prop] !== undefined;\n}\n\nexport function getState<C extends Component | PureComponent>(\n  self: C,\n  state: C['state'] = self.state,\n) {\n  return Object.entries(state).reduce((combinedState: any, [key, value]) => {\n    if (isControlled(self, key)) {\n      combinedState[key] = (self as any).props[key];\n    } else {\n      combinedState[key] = value;\n    }\n    return combinedState;\n  }, {} as Partial<C['state']>);\n}\n\nexport function internalSetState<T, C extends Component<any, T> | PureComponent<any, T>>(\n  self: C,\n  changes: Partial<T> | ((combinedState: Partial<T>) => Partial<T>),\n  callback: () => void = () => {},\n) {\n  self.setState(\n    (state) => {\n      const combinedState = getState(self, state);\n      const changesObject = typeof changes === 'function' ? changes(combinedState) : changes;\n\n      const nonControlledChanges = Object.entries(changesObject).reduce(\n        (newChanges, [key, value]) => {\n          if (!isControlled(self, key)) {\n            newChanges[key] = value;\n          }\n          return newChanges;\n        },\n        {} as any,\n      );\n\n      return Object.keys(nonControlledChanges).length ? nonControlledChanges : {};\n    },\n    () => {\n      callback();\n    },\n  );\n}\n"],"mappings":";AAEA,OAAO,SAASA,YAAYA,CAI1BC,IAAO,EAAEC,IAAa,EAAE;EACxB,OAAOD,IAAI,CAACE,KAAK,CAACD,IAAI,CAAC,KAAKE,SAAS;AACvC;AAEA,OAAO,SAASC,QAAQA,CACtBJ,IAAO,EAEP;EAAA,IADAK,KAAiB,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAH,SAAA,GAAAG,SAAA,MAAGN,IAAI,CAACK,KAAK;EAE9B,OAAOG,MAAM,CAACC,OAAO,CAACJ,KAAK,CAAC,CAACK,MAAM,CAAC,UAACC,aAAkB,EAAAC,IAAA,EAAmB;IAAA,IAAAC,KAAA,GAAAC,cAAA,CAAAF,IAAA;MAAhBG,GAAG,GAAAF,KAAA;MAAEG,KAAK,GAAAH,KAAA;IAClE,IAAId,YAAY,CAACC,IAAI,EAAEe,GAAG,CAAC,EAAE;MAC3BJ,aAAa,CAACI,GAAG,CAAC,GAAIf,IAAI,CAASE,KAAK,CAACa,GAAG,CAAC;IAC/C,CAAC,MAAM;MACLJ,aAAa,CAACI,GAAG,CAAC,GAAGC,KAAK;IAC5B;IACA,OAAOL,aAAa;EACtB,CAAC,EAAE,CAAC,CAAwB,CAAC;AAC/B;AAEA,OAAO,SAASM,gBAAgBA,CAC9BjB,IAAO,EACPkB,OAAiE,EAEjE;EAAA,IADAC,QAAoB,GAAAb,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAH,SAAA,GAAAG,SAAA,MAAG,YAAM,CAAC,CAAC;EAE/BN,IAAI,CAACoB,QAAQ,CACX,UAACf,KAAK,EAAK;IACT,IAAMM,aAAa,GAAGP,QAAQ,CAACJ,IAAI,EAAEK,KAAK,CAAC;IAC3C,IAAMgB,aAAa,GAAG,OAAOH,OAAO,KAAK,UAAU,GAAGA,OAAO,CAACP,aAAa,CAAC,GAAGO,OAAO;IAEtF,IAAMI,oBAAoB,GAAGd,MAAM,CAACC,OAAO,CAACY,aAAa,CAAC,CAACX,MAAM,CAC/D,UAACa,UAAU,EAAAC,KAAA,EAAmB;MAAA,IAAAC,KAAA,GAAAX,cAAA,CAAAU,KAAA;QAAhBT,GAAG,GAAAU,KAAA;QAAET,KAAK,GAAAS,KAAA;MACtB,IAAI,CAAC1B,YAAY,CAACC,IAAI,EAAEe,GAAG,CAAC,EAAE;QAC5BQ,UAAU,CAACR,GAAG,CAAC,GAAGC,KAAK;MACzB;MACA,OAAOO,UAAU;IACnB,CAAC,EACD,CAAC,CACH,CAAC;IAED,OAAOf,MAAM,CAACkB,IAAI,CAACJ,oBAAoB,CAAC,CAACf,MAAM,GAAGe,oBAAoB,GAAG,CAAC,CAAC;EAC7E,CAAC,EACD,YAAM;IACJH,QAAQ,CAAC,CAAC;EACZ,CACF,CAAC;AACH","ignoreList":[]}

package/lib/utils/uniqueID.d.ts

@@ -0,0 +1,8 @@
+export type UniqueIDProps = {
+    uid?: string;
+};
+export declare const useUID: (prefix?: string) => string;
+declare const _default: (prefix?: string) => (props: any) => {
+    uid: ReturnType<typeof useUID>;
+};
+export default _default;

package/lib/utils/uniqueID.js

@@ -0,0 +1,40 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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 createSource = function createSource() {
+  var prefix = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'ui-kit-';
+  return {
+    value: 1,
+    prefix: prefix
+  };
+};
+var useUID = exports.useUID = function useUID(prefix) {
+  var _context$prefix;
+  var context = _register["default"].get('uid-context', createSource(prefix));
+  var _ref = _react["default"].useId ? [_react["default"].useId()] : _react["default"].useState(context.value++),
+    _ref2 = (0, _slicedToArray2["default"])(_ref, 1),
+    uid = _ref2[0];
+  var trimmedUid = String(uid).startsWith(':') && String(uid).endsWith(':') ? String(uid).slice(1, -1) : uid;
+  (0, _useEnhancedEffect["default"])(function () {
+    _register["default"].set('uid-context', context);
+  }, [trimmedUid]);
+  return ((_context$prefix = context.prefix) !== null && _context$prefix !== void 0 ? _context$prefix : '') + trimmedUid;
+};
+var _default = exports["default"] = function _default(prefix) {
+  return function (props) {
+    var uid = useUID(prefix);
+    return (0, _objectSpread2["default"])({
+      uid: uid
+    }, props);
+  };
+};
+//# sourceMappingURL=uniqueID.js.map

package/lib/utils/uniqueID.js.map

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

package/lib/utils/uniqueID.mjs

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

package/lib/utils/uniqueID.mjs.map

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

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

@@ -0,0 +1 @@
+export declare const useColorResolver: () => (color?: string) => any;

package/lib/utils/use/useColorResolver.js

@@ -0,0 +1,109 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useColorResolver = void 0;
+var _light = _interopRequireDefault(require("@semcore/theme/light"));
+var _logger = _interopRequireDefault(require("../logger"));
+var _ThemeProvider = require("../ThemeProvider");
+var defaultDesignTheme = _light["default"];
+var deprecatedPalette = {
+  '--denim-blue': '#006dca',
+  '--light-blue': '#008ff8',
+  '--neon-blue': '#8ecdff',
+  '--cyan': '#2bb3ff',
+  '--green': '#009f81',
+  '--dark-green': '#007c65',
+  '--yellow': '#fdc23c',
+  '--light-orange': '#ff8c43',
+  '--orange': '#ff642d',
+  '--dark-orange': '#c33909',
+  '--red': '#ff4953',
+  '--dark-red': '#d1002f',
+  '--violet': '#ab6cfe',
+  '--dark-violet': '#8649e1',
+  '--pink': '#e14adf',
+  '--asphalt': '#6c6e79',
+  '--wall': '#8a8e9b',
+  '--mist': '#a9abb6',
+  '--mist-light': '#c4c7cf',
+  '--stone': '#a9abb6',
+  '--stone-light': '#c4c7cf',
+  '--gray20': '#191b23',
+  '--gray30': '#191b23',
+  '--gray40': '#484a54',
+  '--gray60': '#6c6e79',
+  '--gray70': '#a9abb6',
+  '--gray80': '#c4c7cf',
+  '--gray94': '#e0e1e9',
+  '--gray96': '#f4f5f9',
+  '--mystic': '#f4f5f9',
+  '--mercury': '#e0e1e9',
+  '--blue50': '#e9f7ff',
+  '--blue100': '#c4e5fe',
+  '--blue400': '#008ff8',
+  '--blue600': '#044792',
+  '--green50': '#dbfee8',
+  '--green100': '#9ef2c9',
+  '--green200': '#59ddaa',
+  '--green300': '#00c192',
+  '--green600': '#055345',
+  '--red50': '#fff0f7',
+  '--red100': '#ffd7df',
+  '--red200': '#ffaeb5',
+  '--red300': '#ff8786',
+  '--red600': '#8e0016',
+  '--orange50': '#fff3d9',
+  '--orange100': '#ffdca2',
+  '--orange200': '#ffb26e',
+  '--yellow100': '#fce081',
+  '--iceberg-blue': '#6fafd4',
+  '--salad': '#8bc835',
+  '--granitic': '#2f3439',
+  '--gray10': '#222222',
+  '--sky': '#e1f2ff',
+  '--lily': '#e6f9fd',
+  '--marble': '#f1f6f8',
+  '--googleplus': '#e14b3f',
+  '--linkedin': '#1a7ab2'
+};
+var makeDeprecationMessage = function makeDeprecationMessage(color) {
+  return "You are using ".concat(color, " color in your app. It's deprecated and will be removed from palette in the next major release. Please use colors from https://developer.semrush.com/intergalactic/style/design-tokens/ instead.");
+};
+var useColorResolver = exports.useColorResolver = function useColorResolver() {
+  var contextTheme = (0, _ThemeProvider.useContextTokens)();
+  return function (color) {
+    if (!color) return undefined;
+    if (color.startsWith('--')) {
+      if (deprecatedPalette[color]) {
+        _logger["default"].warn(true, makeDeprecationMessage(color), undefined);
+        return deprecatedPalette[color];
+      }
+      var resolvedColor;
+      if (contextTheme !== null && contextTheme !== void 0 && contextTheme[color]) {
+        resolvedColor = contextTheme[color];
+      }
+      if (defaultDesignTheme[color]) {
+        resolvedColor = defaultDesignTheme[color];
+      }
+      if (resolvedColor) {
+        return "var(".concat(color, ", ").concat(resolvedColor, ")");
+      }
+      return "var(".concat(color, ")");
+    }
+    if (defaultDesignTheme["--intergalactic-".concat(color)]) {
+      return "var(--intergalactic-".concat(color, ", ").concat(defaultDesignTheme["--intergalactic-".concat(color)], ")");
+    }
+    if (defaultDesignTheme["--".concat(color)]) {
+      return "var(--".concat(color, ", ").concat(defaultDesignTheme["--".concat(color)], ")");
+    }
+    if (deprecatedPalette["--".concat(color)]) {
+      _logger["default"].warn(true, makeDeprecationMessage(color), undefined);
+      return deprecatedPalette["--".concat(color)];
+    }
+    return color;
+  };
+};
+//# sourceMappingURL=useColorResolver.js.map

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

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

package/lib/utils/use/useColorResolver.mjs

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

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

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

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

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

package/lib/utils/use/useEnhancedEffect.js

@@ -0,0 +1,12 @@
+"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 _canUseDOM = _interopRequireDefault(require("../canUseDOM"));
+var useEnhancedEffect = (0, _canUseDOM["default"])() ? _react["default"].useLayoutEffect : _react["default"].useEffect;
+var _default = exports["default"] = useEnhancedEffect;
+//# sourceMappingURL=useEnhancedEffect.js.map

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

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

package/lib/utils/use/useEnhancedEffect.mjs

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

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

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

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

@@ -0,0 +1,4 @@
+/**
+ * https://github.com/facebook/react/issues/14099#issuecomment-440013892
+ */
+export default function useEventCallback(fn: any): (...args: any[]) => any;

package/lib/utils/use/useEventCallback.js

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

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

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