@semcore/core 16.5.1 → 17.0.0-prerelease.17

package/CHANGELOG.md

@@ -2,6 +2,17 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
+## [17.0.0] - 2026-02-18
+
+### BREAK
+
+- New major version.
+- Removed `WithI18n`. Use `useI18n`.
+- Removed `WithCSS`. Use `useCss`.
+- Removed `WithAutoFocus` and `autoFocusEnhance`.
+- Removed `WithKeyboardFocus`. Just don't use.
+- Removed `WithRef`. Use `useForkRef`.
+
 ## [16.5.1] - 2025-10-30
 
 ### Fixed
@@ -95,7 +106,7 @@ CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangel
 
 ### Fixed
 
-- Return type for `fincComponent` util. It could be only `ReactElement` or `undefined`.
+- Return type for `findComponent` util. It could be only `ReactElement` or `undefined`.
 
 ## [2.39.4] - 2025-05-13
 

package/README.md

@@ -2,7 +2,7 @@
 
 [![version](https://img.shields.io/npm/v/@semcore/core.svg)](https://www.npmjs.com/@semcore/core)
 [![downloads](https://img.shields.io/npm/dt/@semcore/core.svg)](https://www.npmjs.com/package/@semcore/core)
-[![License: MIT](https://img.shields.io/badge/License-MIT-green.svg)](https://github.com/semrush/intergalactic/blob/master/LICENSE)
+[![License: MIT](https://img.shields.io/badge/License-MIT-green.svg)](https://github.com/semrush/intergalactic/blob/HEAD/LICENSE)
 
 > This component is part of the Intergalactic Design System
 
@@ -20,7 +20,7 @@ npm install @semcore/core
 
 ## 👤 Author
 
-[UI-kit team](https://github.com/semrush/intergalactic/blob/master/MAINTAINERS)
+[UI-kit team](https://github.com/semrush/intergalactic/blob/HEAD/MAINTAINERS)
 and [others ❤️](https://github.com/semrush/intergalactic/graphs/contributors)
 
 ## 🤝 Contributing
@@ -28,7 +28,7 @@ and [others ❤️](https://github.com/semrush/intergalactic/graphs/contributors
 Contributions, issues and feature requests are welcome!
 
 Feel free to check [issues page](https://github.com/semrush/intergalactic/issues). You can also take a look at
-the [contributing guide](https://github.com/semrush/intergalactic/blob/master/CONTRIBUTING.md).
+the [contributing guide](https://github.com/semrush/intergalactic/blob/HEAD/CONTRIBUTING.md).
 
 ## Show your support
 
@@ -36,4 +36,4 @@ Give a ⭐️ if this project helped you!
 
 ## 📝 License
 
-This project is [MIT](https://github.com/semrush/intergalactic/blob/master/LICENSE) licensed.
+This project is [MIT](https://github.com/semrush/intergalactic/blob/HEAD/LICENSE) licensed.

package/lib/LastInteractionType.js

@@ -1,21 +1,18 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.lastInteraction = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _canUseDOM = _interopRequireDefault(require("./utils/canUseDOM"));
-var LastInteractionType = /*#__PURE__*/function () {
-  function LastInteractionType() {
-    (0, _classCallCheck2["default"])(this, LastInteractionType);
-    (0, _defineProperty2["default"])(this, "lastFocusSource", 'none');
+class LastInteractionType {
+  constructor() {
+    (0, _defineProperty2.default)(this, "lastFocusSource", 'none');
     this.handleKeyDown = this.handleKeyDown.bind(this);
     this.handleMouseDown = this.handleMouseDown.bind(this);
-    if ((0, _canUseDOM["default"])()) {
+    if ((0, _canUseDOM.default)()) {
       document.addEventListener('mousedown', this.handleMouseDown, {
         capture: true
       });
@@ -24,32 +21,21 @@ var LastInteractionType = /*#__PURE__*/function () {
       });
     }
   }
-  return (0, _createClass2["default"])(LastInteractionType, [{
-    key: "type",
-    get: function get() {
-      return this.lastFocusSource;
-    }
-  }, {
-    key: "isKeyboard",
-    value: function isKeyboard() {
-      return this.lastFocusSource === 'keyboard';
-    }
-  }, {
-    key: "isMouse",
-    value: function isMouse() {
-      return this.lastFocusSource === 'mouse';
-    }
-  }, {
-    key: "handleMouseDown",
-    value: function handleMouseDown() {
-      this.lastFocusSource = 'mouse';
-    }
-  }, {
-    key: "handleKeyDown",
-    value: function handleKeyDown() {
-      this.lastFocusSource = 'keyboard';
-    }
-  }]);
-}();
-var lastInteraction = exports.lastInteraction = new LastInteractionType();
+  get type() {
+    return this.lastFocusSource;
+  }
+  isKeyboard() {
+    return this.lastFocusSource === 'keyboard';
+  }
+  isMouse() {
+    return this.lastFocusSource === 'mouse';
+  }
+  handleMouseDown() {
+    this.lastFocusSource = 'mouse';
+  }
+  handleKeyDown() {
+    this.lastFocusSource = 'keyboard';
+  }
+}
+const lastInteraction = exports.lastInteraction = new LastInteractionType();
 //# sourceMappingURL=LastInteractionType.js.map

package/lib/LastInteractionType.js.map

@@ -1 +1 @@
-{"version":3,"file":"LastInteractionType.js","names":["_canUseDOM","_interopRequireDefault","require","LastInteractionType","_classCallCheck2","_defineProperty2","handleKeyDown","bind","handleMouseDown","canUseDOM","document","addEventListener","capture","_createClass2","key","get","lastFocusSource","value","isKeyboard","isMouse","lastInteraction","exports"],"sources":["../src/LastInteractionType.ts"],"sourcesContent":["import canUseDOM from './utils/canUseDOM';\n\nclass LastInteractionType {\n  private lastFocusSource: 'mouse' | 'keyboard' | 'none' = 'none';\n\n  constructor() {\n    this.handleKeyDown = this.handleKeyDown.bind(this);\n    this.handleMouseDown = this.handleMouseDown.bind(this);\n\n    if (canUseDOM()) {\n      document.addEventListener('mousedown', this.handleMouseDown, { capture: true });\n      document.addEventListener('keydown', this.handleKeyDown, { capture: true });\n    }\n  }\n\n  public get type() {\n    return this.lastFocusSource;\n  }\n\n  public isKeyboard() {\n    return this.lastFocusSource === 'keyboard';\n  }\n\n  public isMouse() {\n    return this.lastFocusSource === 'mouse';\n  }\n\n  private handleMouseDown() {\n    this.lastFocusSource = 'mouse';\n  }\n\n  private handleKeyDown() {\n    this.lastFocusSource = 'keyboard';\n  }\n}\n\nexport const lastInteraction = new LastInteractionType();\n"],"mappings":";;;;;;;;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0C,IAEpCC,mBAAmB;EAGvB,SAAAA,oBAAA,EAAc;IAAA,IAAAC,gBAAA,mBAAAD,mBAAA;IAAA,IAAAE,gBAAA,sCAF2C,MAAM;IAG7D,IAAI,CAACC,aAAa,GAAG,IAAI,CAACA,aAAa,CAACC,IAAI,CAAC,IAAI,CAAC;IAClD,IAAI,CAACC,eAAe,GAAG,IAAI,CAACA,eAAe,CAACD,IAAI,CAAC,IAAI,CAAC;IAEtD,IAAI,IAAAE,qBAAS,EAAC,CAAC,EAAE;MACfC,QAAQ,CAACC,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAACH,eAAe,EAAE;QAAEI,OAAO,EAAE;MAAK,CAAC,CAAC;MAC/EF,QAAQ,CAACC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAACL,aAAa,EAAE;QAAEM,OAAO,EAAE;MAAK,CAAC,CAAC;IAC7E;EACF;EAAC,WAAAC,aAAA,aAAAV,mBAAA;IAAAW,GAAA;IAAAC,GAAA,EAED,SAAAA,IAAA,EAAkB;MAChB,OAAO,IAAI,CAACC,eAAe;IAC7B;EAAC;IAAAF,GAAA;IAAAG,KAAA,EAED,SAAOC,UAAUA,CAAA,EAAG;MAClB,OAAO,IAAI,CAACF,eAAe,KAAK,UAAU;IAC5C;EAAC;IAAAF,GAAA;IAAAG,KAAA,EAED,SAAOE,OAAOA,CAAA,EAAG;MACf,OAAO,IAAI,CAACH,eAAe,KAAK,OAAO;IACzC;EAAC;IAAAF,GAAA;IAAAG,KAAA,EAED,SAAQT,eAAeA,CAAA,EAAG;MACxB,IAAI,CAACQ,eAAe,GAAG,OAAO;IAChC;EAAC;IAAAF,GAAA;IAAAG,KAAA,EAED,SAAQX,aAAaA,CAAA,EAAG;MACtB,IAAI,CAACU,eAAe,GAAG,UAAU;IACnC;EAAC;AAAA;AAGI,IAAMI,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,IAAIjB,mBAAmB,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"LastInteractionType.js","names":["_canUseDOM","_interopRequireDefault","require","LastInteractionType","constructor","_defineProperty2","default","handleKeyDown","bind","handleMouseDown","canUseDOM","document","addEventListener","capture","type","lastFocusSource","isKeyboard","isMouse","lastInteraction","exports"],"sources":["../src/LastInteractionType.ts"],"sourcesContent":["import canUseDOM from './utils/canUseDOM';\n\nclass LastInteractionType {\n  private lastFocusSource: 'mouse' | 'keyboard' | 'none' = 'none';\n\n  constructor() {\n    this.handleKeyDown = this.handleKeyDown.bind(this);\n    this.handleMouseDown = this.handleMouseDown.bind(this);\n\n    if (canUseDOM()) {\n      document.addEventListener('mousedown', this.handleMouseDown, { capture: true });\n      document.addEventListener('keydown', this.handleKeyDown, { capture: true });\n    }\n  }\n\n  public get type() {\n    return this.lastFocusSource;\n  }\n\n  public isKeyboard() {\n    return this.lastFocusSource === 'keyboard';\n  }\n\n  public isMouse() {\n    return this.lastFocusSource === 'mouse';\n  }\n\n  private handleMouseDown() {\n    this.lastFocusSource = 'mouse';\n  }\n\n  private handleKeyDown() {\n    this.lastFocusSource = 'keyboard';\n  }\n}\n\nexport const lastInteraction = new LastInteractionType();\n"],"mappings":";;;;;;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,MAAMC,mBAAmB,CAAC;EAGxBC,WAAWA,CAAA,EAAG;IAAA,IAAAC,gBAAA,CAAAC,OAAA,2BAF2C,MAAM;IAG7D,IAAI,CAACC,aAAa,GAAG,IAAI,CAACA,aAAa,CAACC,IAAI,CAAC,IAAI,CAAC;IAClD,IAAI,CAACC,eAAe,GAAG,IAAI,CAACA,eAAe,CAACD,IAAI,CAAC,IAAI,CAAC;IAEtD,IAAI,IAAAE,kBAAS,EAAC,CAAC,EAAE;MACfC,QAAQ,CAACC,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAACH,eAAe,EAAE;QAAEI,OAAO,EAAE;MAAK,CAAC,CAAC;MAC/EF,QAAQ,CAACC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAACL,aAAa,EAAE;QAAEM,OAAO,EAAE;MAAK,CAAC,CAAC;IAC7E;EACF;EAEA,IAAWC,IAAIA,CAAA,EAAG;IAChB,OAAO,IAAI,CAACC,eAAe;EAC7B;EAEOC,UAAUA,CAAA,EAAG;IAClB,OAAO,IAAI,CAACD,eAAe,KAAK,UAAU;EAC5C;EAEOE,OAAOA,CAAA,EAAG;IACf,OAAO,IAAI,CAACF,eAAe,KAAK,OAAO;EACzC;EAEQN,eAAeA,CAAA,EAAG;IACxB,IAAI,CAACM,eAAe,GAAG,OAAO;EAChC;EAEQR,aAAaA,CAAA,EAAG;IACtB,IAAI,CAACQ,eAAe,GAAG,UAAU;EACnC;AACF;AAEO,MAAMG,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,IAAIf,mBAAmB,CAAC,CAAC","ignoreList":[]}

package/lib/LastInteractionType.mjs

@@ -1,10 +1,7 @@
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import canUseDOM from "./utils/canUseDOM.mjs";
-var LastInteractionType = /* @__PURE__ */ (function() {
-  function LastInteractionType2() {
-    _classCallCheck(this, LastInteractionType2);
+class LastInteractionType {
+  constructor() {
     _defineProperty(this, "lastFocusSource", "none");
     this.handleKeyDown = this.handleKeyDown.bind(this);
     this.handleMouseDown = this.handleMouseDown.bind(this);
@@ -17,34 +14,23 @@ var LastInteractionType = /* @__PURE__ */ (function() {
       });
     }
   }
-  return _createClass(LastInteractionType2, [{
-    key: "type",
-    get: function get() {
-      return this.lastFocusSource;
-    }
-  }, {
-    key: "isKeyboard",
-    value: function isKeyboard() {
-      return this.lastFocusSource === "keyboard";
-    }
-  }, {
-    key: "isMouse",
-    value: function isMouse() {
-      return this.lastFocusSource === "mouse";
-    }
-  }, {
-    key: "handleMouseDown",
-    value: function handleMouseDown() {
-      this.lastFocusSource = "mouse";
-    }
-  }, {
-    key: "handleKeyDown",
-    value: function handleKeyDown() {
-      this.lastFocusSource = "keyboard";
-    }
-  }]);
-})();
-var lastInteraction = new LastInteractionType();
+  get type() {
+    return this.lastFocusSource;
+  }
+  isKeyboard() {
+    return this.lastFocusSource === "keyboard";
+  }
+  isMouse() {
+    return this.lastFocusSource === "mouse";
+  }
+  handleMouseDown() {
+    this.lastFocusSource = "mouse";
+  }
+  handleKeyDown() {
+    this.lastFocusSource = "keyboard";
+  }
+}
+const lastInteraction = new LastInteractionType();
 export {
   lastInteraction
 };

package/lib/LastInteractionType.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"LastInteractionType.mjs","names":["canUseDOM","LastInteractionType","_classCallCheck","_defineProperty","handleKeyDown","bind","handleMouseDown","document","addEventListener","capture","_createClass","key","get","lastFocusSource","value","isKeyboard","isMouse","lastInteraction"],"sources":["../src/LastInteractionType.ts"],"sourcesContent":["import canUseDOM from './utils/canUseDOM';\n\nclass LastInteractionType {\n  private lastFocusSource: 'mouse' | 'keyboard' | 'none' = 'none';\n\n  constructor() {\n    this.handleKeyDown = this.handleKeyDown.bind(this);\n    this.handleMouseDown = this.handleMouseDown.bind(this);\n\n    if (canUseDOM()) {\n      document.addEventListener('mousedown', this.handleMouseDown, { capture: true });\n      document.addEventListener('keydown', this.handleKeyDown, { capture: true });\n    }\n  }\n\n  public get type() {\n    return this.lastFocusSource;\n  }\n\n  public isKeyboard() {\n    return this.lastFocusSource === 'keyboard';\n  }\n\n  public isMouse() {\n    return this.lastFocusSource === 'mouse';\n  }\n\n  private handleMouseDown() {\n    this.lastFocusSource = 'mouse';\n  }\n\n  private handleKeyDown() {\n    this.lastFocusSource = 'keyboard';\n  }\n}\n\nexport const lastInteraction = new LastInteractionType();\n"],"mappings":";;;AAAA,OAAOA,SAAS,MAAM,uBAAmB;AAAC,IAEpCC,mBAAmB;EAGvB,SAAAA,oBAAA,EAAc;IAAAC,eAAA,OAAAD,mBAAA;IAAAE,eAAA,0BAF2C,MAAM;IAG7D,IAAI,CAACC,aAAa,GAAG,IAAI,CAACA,aAAa,CAACC,IAAI,CAAC,IAAI,CAAC;IAClD,IAAI,CAACC,eAAe,GAAG,IAAI,CAACA,eAAe,CAACD,IAAI,CAAC,IAAI,CAAC;IAEtD,IAAIL,SAAS,CAAC,CAAC,EAAE;MACfO,QAAQ,CAACC,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAACF,eAAe,EAAE;QAAEG,OAAO,EAAE;MAAK,CAAC,CAAC;MAC/EF,QAAQ,CAACC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAACJ,aAAa,EAAE;QAAEK,OAAO,EAAE;MAAK,CAAC,CAAC;IAC7E;EACF;EAAC,OAAAC,YAAA,CAAAT,mBAAA;IAAAU,GAAA;IAAAC,GAAA,EAED,SAAAA,IAAA,EAAkB;MAChB,OAAO,IAAI,CAACC,eAAe;IAC7B;EAAC;IAAAF,GAAA;IAAAG,KAAA,EAED,SAAOC,UAAUA,CAAA,EAAG;MAClB,OAAO,IAAI,CAACF,eAAe,KAAK,UAAU;IAC5C;EAAC;IAAAF,GAAA;IAAAG,KAAA,EAED,SAAOE,OAAOA,CAAA,EAAG;MACf,OAAO,IAAI,CAACH,eAAe,KAAK,OAAO;IACzC;EAAC;IAAAF,GAAA;IAAAG,KAAA,EAED,SAAQR,eAAeA,CAAA,EAAG;MACxB,IAAI,CAACO,eAAe,GAAG,OAAO;IAChC;EAAC;IAAAF,GAAA;IAAAG,KAAA,EAED,SAAQV,aAAaA,CAAA,EAAG;MACtB,IAAI,CAACS,eAAe,GAAG,UAAU;IACnC;EAAC;AAAA;AAGH,OAAO,IAAMI,eAAe,GAAG,IAAIhB,mBAAmB,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"LastInteractionType.mjs","names":["canUseDOM","LastInteractionType","constructor","_defineProperty","handleKeyDown","bind","handleMouseDown","document","addEventListener","capture","type","lastFocusSource","isKeyboard","isMouse","lastInteraction"],"sources":["../src/LastInteractionType.ts"],"sourcesContent":["import canUseDOM from './utils/canUseDOM';\n\nclass LastInteractionType {\n  private lastFocusSource: 'mouse' | 'keyboard' | 'none' = 'none';\n\n  constructor() {\n    this.handleKeyDown = this.handleKeyDown.bind(this);\n    this.handleMouseDown = this.handleMouseDown.bind(this);\n\n    if (canUseDOM()) {\n      document.addEventListener('mousedown', this.handleMouseDown, { capture: true });\n      document.addEventListener('keydown', this.handleKeyDown, { capture: true });\n    }\n  }\n\n  public get type() {\n    return this.lastFocusSource;\n  }\n\n  public isKeyboard() {\n    return this.lastFocusSource === 'keyboard';\n  }\n\n  public isMouse() {\n    return this.lastFocusSource === 'mouse';\n  }\n\n  private handleMouseDown() {\n    this.lastFocusSource = 'mouse';\n  }\n\n  private handleKeyDown() {\n    this.lastFocusSource = 'keyboard';\n  }\n}\n\nexport const lastInteraction = new LastInteractionType();\n"],"mappings":";AAAA,OAAOA,SAAS,MAAM,uBAAmB;AAEzC,MAAMC,mBAAmB,CAAC;EAGxBC,WAAWA,CAAA,EAAG;IAAAC,eAAA,0BAF2C,MAAM;IAG7D,IAAI,CAACC,aAAa,GAAG,IAAI,CAACA,aAAa,CAACC,IAAI,CAAC,IAAI,CAAC;IAClD,IAAI,CAACC,eAAe,GAAG,IAAI,CAACA,eAAe,CAACD,IAAI,CAAC,IAAI,CAAC;IAEtD,IAAIL,SAAS,CAAC,CAAC,EAAE;MACfO,QAAQ,CAACC,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAACF,eAAe,EAAE;QAAEG,OAAO,EAAE;MAAK,CAAC,CAAC;MAC/EF,QAAQ,CAACC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAACJ,aAAa,EAAE;QAAEK,OAAO,EAAE;MAAK,CAAC,CAAC;IAC7E;EACF;EAEA,IAAWC,IAAIA,CAAA,EAAG;IAChB,OAAO,IAAI,CAACC,eAAe;EAC7B;EAEOC,UAAUA,CAAA,EAAG;IAClB,OAAO,IAAI,CAACD,eAAe,KAAK,UAAU;EAC5C;EAEOE,OAAOA,CAAA,EAAG;IACf,OAAO,IAAI,CAACF,eAAe,KAAK,OAAO;EACzC;EAEQL,eAAeA,CAAA,EAAG;IACxB,IAAI,CAACK,eAAe,GAAG,OAAO;EAChC;EAEQP,aAAaA,CAAA,EAAG;IACtB,IAAI,CAACO,eAAe,GAAG,UAAU;EACnC;AACF;AAEA,OAAO,MAAMG,eAAe,GAAG,IAAIb,mBAAmB,CAAC,CAAC","ignoreList":[]}

package/lib/core-types/Component.d.ts

@@ -1,96 +1,50 @@
 import type React from 'react';
-import { type AllHTMLAttributes, type ForwardRefExoticComponent, PureComponent, type ReactNode, type RefAttributes, type RefObject } from 'react';
-import type { CORE_COMPONENT, CREATE_COMPONENT } from './symbols';
+import { type AllHTMLAttributes, type ForwardRefExoticComponent, PureComponent, type ReactNode, type RefObject } from 'react';
+import type { CORE_COMPONENT } from './symbols';
 import type { IStyledProps } from '../styled/index';
-/** @deprecated */
-type KnownKeys<T> = {
-    [K in keyof T]: string extends K ? never : number extends K ? never : K;
-} extends {
-    [_ in keyof T]: infer U;
-} ? U : never;
-/** @deprecated */
-export type HandlersType<UCProps> = {
+type HandlersType<UCProps> = {
     [K in keyof UCProps]?: <T = unknown>(arg: T) => void;
 };
-/** @deprecated */
-export type ChildrenType<Props = {}, Ctx = {}, UCProps = {}> = ((props: Props & Ctx, handlers: HandlersType<UCProps>) => ReactNode) | ReactNode;
-/** @deprecated */
-export type RootComponentHandler = (...args: any[]) => void | false;
-/** @deprecated */
-export interface IRootComponentHandlers {
-    [key: string]: RootComponentHandler;
-}
-/** @deprecated */
-export interface IRootComponentProps<Props = {}, Ctx = {}> {
+export interface IRootComponentProps<Props = {}, Ctx = {}, H = {}> {
     'forwardRef'?: RefObject<any>;
     'Children'?: any;
-    'children'?: ChildrenType<Props, Ctx>;
+    'children'?: ReactNode | ((props: Props & Ctx, handlers: HandlersType<H>) => ReactNode);
     'styles'?: IStyledProps['styles'];
     'data-ui-name'?: string;
 }
-/** @deprecated */
-export type IComponentProps<Props = {}, Ctx = {}> = Props & IRootComponentProps<Props, Ctx>;
-/** @deprecated */
-export type IFunctionProps<Props = {}, Ctx = {}> = IComponentProps<Props, Ctx> & Omit<AllHTMLAttributes<any>, keyof IComponentProps<Props, Ctx>> & {
-    Root?: Root;
-};
-/** @deprecated */
-export type PropsWithRenderFnChildren<Props = {}, Ctx = {}, UCProps = {}> = Omit<Pick<Props, KnownKeys<Props>>, 'children'> & {
-    children?: ChildrenType<Props, Ctx, UCProps>;
-    [key: string]: unknown;
-};
-/** @deprecated */
-export type CProps<Props, Ctx = {}, UCProps = {}> = Props & {
-    children?: ((props: Props & Ctx, handlers: UCProps) => React.ReactNode) | React.ReactNode;
-};
-/** @deprecated */
-export type ReturnEl = React.ReactElement | null;
 export interface IRootNodeProps {
     render: React.ElementType | string;
     tag?: React.ElementType | string;
     [key: string]: any;
 }
 type Root = ForwardRefExoticComponent<IRootNodeProps>;
-/**
- * @deprecated since version ^1.8.0
- */
-export type PropGetter<T extends (...args: any) => any> = <P>(props?: P) => ReturnType<T> & P;
-/**
- * @deprecated since version ^1.8.0
- */
-/** @deprecated */
-export type PropGetterReturn<T extends (...args: any) => any> = Partial<ReturnType<T>>;
 /** @deprecated */
 export type PropGetterFn = <T extends {}>(props?: T) => T & {
     [key: string]: unknown;
 };
-/** @deprecated */
-export type Merge<Props, HTMLProps> = Props & Omit<HTMLProps, keyof Props>;
-/** @deprecated */
-export type MergeGetters<G1 extends (...args: any) => any, G2 extends (...args: any) => any> = <P>(props?: P) => Merge<ReturnType<G1>, ReturnType<G2>> & P;
 declare const Root: Root;
 export { Root };
-/** @deprecated */
-declare abstract class RootComponent<Props = {}, Context = {}, State = {}, Enhance extends readonly ((...args: any[]) => any)[] = [], InnerProps = {}> extends PureComponent<Props, State> {
-    get handlers(): Readonly<IRootComponentHandlers>;
-    get asProps(): Readonly<Merge<Props & IRootComponentProps<Props, Context> & Intergalactic.InternalTypings.ExtractEnhanceType<Enhance> & InnerProps, AllHTMLAttributes<any>>>;
-    Root: Root;
-    isControlled: boolean;
+type RootResult<T extends Intergalactic.Tag | never> = ForwardRefExoticComponent<IRootNodeProps & Intergalactic.InternalTypings.ComponentPropsNesting<T>>;
+type BaseAsProps<Props = {}, Enhance extends readonly ((...args: any[]) => any)[] = [], InnerProps = {}> = Readonly<Props & IRootComponentProps & Intergalactic.InternalTypings.ExtractEnhanceType<Enhance> & InnerProps>;
+export declare abstract class Component<Props = {}, Enhance extends readonly ((...args: any[]) => any)[] = [], Uncontrolled extends Readonly<{
+    [key in keyof Props]?: Props[key] | null | ((value: Props[key], e?: any) => void | boolean | Props[key]) | ((value: Props[key], e?: any) => void | boolean | Props[key])[];
+}> = never, InnerProps = {}, State = {}> extends PureComponent<Props, State> {
+    protected uncontrolledProps(): [Uncontrolled] extends [never] ? never : Uncontrolled;
+    protected get handlers(): Readonly<{
+        [key in keyof Uncontrolled]: key extends keyof Props ? Uncontrolled[key] extends (null | Props[key]) ? (value: Props[key], e?: any) => void : Uncontrolled[key] extends Array<any> ? Uncontrolled[key][0] : Uncontrolled[key] : never;
+    }>;
+    protected get asProps(): Readonly<{
+        Root: RootResult<any>;
+    } & BaseAsProps<Props, Enhance, InnerProps> & Intergalactic.InternalTypings.EfficientOmit<AllHTMLAttributes<any>, keyof BaseAsProps<Props, Enhance, InnerProps>>>;
+    protected Root: RootResult<any>;
+    protected isControlled: boolean;
 }
-export declare const Component: typeof RootComponent;
-/** @deprecated */
-export type Component<Props = {}, Context = {}, State = {}, Handlers extends IRootComponentHandlers = IRootComponentHandlers> = React.ComponentClass<Props, State> & {
-    isControlled: boolean;
-    handlers: Readonly<Handlers>;
-    asProps: Readonly<Merge<Props & IRootComponentProps<Props, Context>, AllHTMLAttributes<any>>>;
-    Root: Root;
-};
 export declare namespace Intergalactic {
     type ReactFCProps<C extends React.FC> = C extends React.FC<infer Props> ? Omit<Props, 'tag'> : {};
     type ReactComponentProps<C extends React.ComponentClass> = C extends React.ComponentClass<infer Props> ? Omit<Props, 'tag'> : never;
     type ReactFCLike = (props: any) => any;
     type ReactFCLikeProps<C extends ReactFCLike> = C extends (props: infer Props) => any ? Props : {};
-    type ComponentChildren<Props, Context, RenderingResult = InternalTypings.ReturnResult, AdditionalContext extends any[] = never[]> = ((props: MergeProps<Context, Props>, ...args: AdditionalContext) => RenderingResult) | InternalTypings.ReturnResult;
+    type ComponentChildren<Props, Context, RenderingResult = InternalTypings.ReturnResult, AdditionalContext extends Readonly<any[]> = never[]> = ((props: MergeProps<Context, Props>, ...args: AdditionalContext) => RenderingResult) | InternalTypings.ReturnResult;
     type ComponentBasicProps<Tag extends InternalTypings.ComponentTag> = {
         ref?: React.Ref<InternalTypings.ComponentHtmlElement<Tag> | null>;
         /** @private DO NOT USE IT. Low-level api that prevents specified props from being applied as DOM attribute. */
@@ -101,6 +55,9 @@ export declare namespace Intergalactic {
     } & HighPriorityProps;
     /** @private */
     export namespace InternalTypings {
+        export type PartialRequired<T, K extends keyof T> = Omit<T, K> & {
+            [key in K]-?: T[key];
+        };
         export type EfficientOmit<Type, Keys> = {
             [Property in keyof Type as Exclude<Property, Keys>]: Type[Property];
         };
@@ -130,7 +87,7 @@ export declare namespace Intergalactic {
         } ? NestedProps : {}>, 'children' | 'tag'>;
         export type ReturnResult = React.ReactElement | React.ReactNode | React.ReactNode[] | string | null;
         export type ComponentTag = keyof JSX.IntrinsicElements | React.ComponentClass | React.FC | ReactFCLike;
-        export type ComponentProps<Tag extends ComponentTag | [ComponentTag, keyof JSX.IntrinsicElements], BaseTag extends ComponentTag | never, Props, Context = never, AdditionalContext extends any[] = never[]> = {
+        export type ComponentProps<Tag extends ComponentTag | [ComponentTag, keyof JSX.IntrinsicElements], BaseTag extends ComponentTag | never, Props, Context = never, AdditionalContext extends Readonly<any[]> = never[]> = {
             tag?: Tag;
             children?: ComponentChildren<EfficientOmit<Props, 'children'> & {
                 children: React.ReactNode;
@@ -153,6 +110,7 @@ export declare namespace Intergalactic {
             __additionalContext: AdditionalContext;
             displayName: string;
             newInstance: () => Component<BaseTag, Props, Context>;
+            [CORE_COMPONENT]: boolean;
         };
         export type InferJsxIntrinsicElement<T extends React.DetailedHTMLProps<any, any>> = T extends React.DetailedHTMLProps<infer _, infer Element> ? Element : HTMLElement;
         type InferElementFromRef<T> = T extends React.Ref<infer Element> ? Element : never;
@@ -166,7 +124,7 @@ export declare namespace Intergalactic {
         };
         export {};
     }
-    export type Component<BaseTag extends InternalTypings.ComponentTag = never, BaseProps = {}, Context = {}, AdditionalContext extends any[] = never[]> = (<Tag extends InternalTypings.ComponentTag | [InternalTypings.ComponentTag, keyof JSX.IntrinsicElements] = BaseTag, Props extends BaseProps = BaseProps>(props: InternalTypings.ComponentProps<Tag, BaseTag, Props, Context, AdditionalContext>) => InternalTypings.ComponentRenderingResults) & InternalTypings.ComponentAdditive<BaseTag, Tag, BaseProps, Context, AdditionalContext>;
+    export type Component<BaseTag extends InternalTypings.ComponentTag = never, BaseProps = {}, Context = {}, AdditionalContext extends Readonly<any[]> = never[]> = (<Tag extends InternalTypings.ComponentTag | [InternalTypings.ComponentTag, keyof JSX.IntrinsicElements] = BaseTag, Props extends BaseProps = BaseProps>(props: InternalTypings.ComponentProps<Tag, BaseTag, Props, Context, AdditionalContext>) => InternalTypings.ComponentRenderingResults) & InternalTypings.ComponentAdditive<BaseTag, Tag, BaseProps, Context, AdditionalContext>;
     export type Tag = InternalTypings.ComponentTag;
     export type DomProps<Tag extends keyof JSX.IntrinsicElements> = InternalTypings.InferJsxIntrinsicElement<JSX.IntrinsicElements[Tag]>;
     export type RequireAtLeastOne<T, Keys extends keyof T = keyof T> = Pick<T, Exclude<keyof T, Keys>> & {
@@ -175,14 +133,3 @@ export declare namespace Intergalactic {
     export {};
 }
 export declare const wrapIntergalacticComponent: <Component extends Intergalactic.Component<any, any, any, any>, PropsExtending = {}>(wrapper: (props: Intergalactic.InternalTypings.UntypeRefAndTag<Intergalactic.InternalTypings.ComponentPropsNesting<Component>> & PropsExtending) => React.ReactNode) => Intergalactic.Component<Component["__tag"], Component["__props"] & Component["__nestedProps"] & PropsExtending, Component["__context"], Component["__additionalContext"]>;
-export type PropsAndRef<T, Ctx, UCProps> = PropsWithRenderFnChildren<T, Ctx, UCProps> & RefAttributes<unknown>;
-export type ForwardRefComponent<T, Ctx, UCProps> = ForwardRefExoticComponent<PropsAndRef<T, Ctx, UCProps>>;
-type ComponentOrProps<T, Context, UCProps> = T extends [infer ParentProps, infer ChildProps] ? ComponentType<ParentProps, ChildProps, Context, UCProps> : ForwardRefComponent<T, Context, UCProps>;
-export type ComponentType<ComponentProps, ChildComponentProps = {}, ContextType = {}, UCProps = {}, FNType = null> = (FNType extends null ? ForwardRefComponent<ComponentProps, ContextType, UCProps> : FNType & {
-    displayName: string;
-}) & {
-    [K in keyof ChildComponentProps]: ComponentOrProps<ChildComponentProps[K], ContextType, UCProps>;
-} & {
-    [CORE_COMPONENT]: boolean;
-    [CREATE_COMPONENT]: () => ComponentType<ComponentProps, ChildComponentProps, ContextType, UCProps>;
-};

package/lib/core-types/Component.js

@@ -1,85 +1,37 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.wrapIntergalacticComponent = exports.Root = exports.Intergalactic = exports.Component = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("react");
 /** @deprecated */
 
-/** @deprecated */
-
-/** @deprecated */
-
-/** @deprecated */
-
-/** @deprecated */
-
-/** @deprecated */
-
-/** @deprecated */
-
-/** @deprecated */
-
-/** @deprecated */
-
-/** @deprecated */
-
-/** @deprecated */
-
-/**
- * @deprecated since version ^1.8.0
- */
-
-/**
- * @deprecated since version ^1.8.0
- */
-/** @deprecated */
-
-/** @deprecated */
-
-/** @deprecated */
-
-/** @deprecated */
-
-var Root = exports.Root = undefined;
-/** @deprecated */
-var RootComponent = /*#__PURE__*/function (_PureComponent) {
-  function RootComponent() {
-    var _this;
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    (0, _classCallCheck2["default"])(this, RootComponent);
-    _this = (0, _callSuper2["default"])(this, RootComponent, [].concat(args));
-    (0, _defineProperty2["default"])(_this, "Root", undefined);
-    (0, _defineProperty2["default"])(_this, "isControlled", false);
-    return _this;
+const Root = exports.Root = undefined;
+class Component extends _react.PureComponent {
+  constructor(...args) {
+    super(...args);
+    (0, _defineProperty2.default)(this, "Root", undefined);
+    (0, _defineProperty2.default)(this, "isControlled", false);
   }
-  (0, _inherits2["default"])(RootComponent, _PureComponent);
-  return (0, _createClass2["default"])(RootComponent, [{
-    key: "handlers",
-    get: function get() {
-      return {};
-    }
-  }, {
-    key: "asProps",
-    get: function get() {
-      return {};
-    }
-  }]);
-}(_react.PureComponent);
-var Component = exports.Component = RootComponent;
-/** @deprecated */
+  uncontrolledProps() {
+    // @ts-ignore. This is a default value. Should be defined in related classes.
+    return {};
+  }
+  get handlers() {
+    // @ts-ignore. The body will be generated in factory
+    return {};
+  }
+  get asProps() {
+    return {};
+  }
+}
+
 // eslint-disable-next-line @typescript-eslint/no-namespace
-var Intergalactic;
-var wrapIntergalacticComponent = exports.wrapIntergalacticComponent = function wrapIntergalacticComponent(wrapper) {
-  return wrapper;
-};
+exports.Component = Component;
+let Intergalactic = exports.Intergalactic = void 0;
+const wrapIntergalacticComponent = wrapper => wrapper;
+exports.wrapIntergalacticComponent = wrapIntergalacticComponent;
 //# sourceMappingURL=Component.js.map

package/lib/core-types/Component.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.js","names":["_react","require","Root","exports","undefined","RootComponent","_PureComponent","_this","_len","arguments","length","args","Array","_key","_classCallCheck2","_callSuper2","concat","_defineProperty2","_inherits2","_createClass2","key","get","PureComponent","Component","Intergalactic","wrapIntergalacticComponent","wrapper"],"sources":["../../src/core-types/Component.ts"],"sourcesContent":["import type React from 'react';\nimport { type\nAllHTMLAttributes, type\nForwardRefExoticComponent,\nPureComponent, type\nReactNode, type\nRefAttributes, type\nRefObject,\n} from 'react';\n\nimport type { CORE_COMPONENT, CREATE_COMPONENT } from './symbols';\nimport type { IStyledProps } from '../styled/index';\n\n/** @deprecated */\ntype KnownKeys<T> = {\n  [K in keyof T]: string extends K ? never : number extends K ? never : K;\n} extends { [_ in keyof T]: infer U }\n  ? U\n  : never;\n\n/** @deprecated */\nexport type HandlersType<UCProps> = { [K in keyof UCProps]?: <T = unknown>(arg: T) => void };\n/** @deprecated */\nexport type ChildrenType<Props = {}, Ctx = {}, UCProps = {}> =\n  | ((props: Props & Ctx, handlers: HandlersType<UCProps>) => ReactNode)\n  | ReactNode;\n\n/** @deprecated */\nexport type RootComponentHandler = (...args: any[]) => void | false;\n\n/** @deprecated */\nexport interface IRootComponentHandlers {\n  [key: string]: RootComponentHandler;\n}\n\n/** @deprecated */\nexport interface IRootComponentProps<Props = {}, Ctx = {}> {\n  'forwardRef'?: RefObject<any>;\n  'Children'?: any;\n  'children'?: ChildrenType<Props, Ctx>;\n  'styles'?: IStyledProps['styles'];\n  'data-ui-name'?: string;\n}\n\n/** @deprecated */\nexport type IComponentProps<Props = {}, Ctx = {}> = Props & IRootComponentProps<Props, Ctx>;\n\n/** @deprecated */\nexport type IFunctionProps<Props = {}, Ctx = {}> = IComponentProps<Props, Ctx> &\n  Omit<AllHTMLAttributes<any>, keyof IComponentProps<Props, Ctx>> & { Root?: Root };\n\n/** @deprecated */\nexport type PropsWithRenderFnChildren<Props = {}, Ctx = {}, UCProps = {}> = Omit<\n  Pick<Props, KnownKeys<Props>>,\n  'children'\n> & {\n  children?: ChildrenType<Props, Ctx, UCProps>;\n  [key: string]: unknown;\n};\n\n/** @deprecated */\nexport type CProps<Props, Ctx = {}, UCProps = {}> = Props & {\n  children?: ((props: Props & Ctx, handlers: UCProps) => React.ReactNode) | React.ReactNode;\n};\n/** @deprecated */\nexport type ReturnEl = React.ReactElement | null;\n\nexport interface IRootNodeProps {\n  render: React.ElementType | string;\n  tag?: React.ElementType | string;\n\n  [key: string]: any;\n}\n\ntype Root = ForwardRefExoticComponent<IRootNodeProps>;\n\n/**\n * @deprecated since version ^1.8.0\n */\nexport type PropGetter<T extends (...args: any) => any> = <P>(props?: P) => ReturnType<T> & P;\n/**\n * @deprecated since version ^1.8.0\n */\n/** @deprecated */\nexport type PropGetterReturn<T extends (...args: any) => any> = Partial<ReturnType<T>>;\n/** @deprecated */\nexport type PropGetterFn = <T extends {}>(props?: T) => T & { [key: string]: unknown };\n/** @deprecated */\nexport type Merge<Props, HTMLProps> = Props & Omit<HTMLProps, keyof Props>;\n/** @deprecated */\nexport type MergeGetters<G1 extends (...args: any) => any, G2 extends (...args: any) => any> = <P>(\n  props?: P,\n) => Merge<ReturnType<G1>, ReturnType<G2>> & P;\n\nconst Root: Root = undefined as any;\n\nexport { Root };\n\n/** @deprecated */\nabstract class RootComponent<\n  Props = {},\n  Context = {},\n  State = {},\n  Enhance extends readonly ((...args: any[]) => any)[] = [],\n  InnerProps = {},\n> extends PureComponent<Props, State> {\n  get handlers(): Readonly<IRootComponentHandlers> {\n    return {};\n  }\n\n  get asProps() {\n    return {} as Readonly<\n      Merge<\n        Props &\n        IRootComponentProps<Props, Context> &\n        Intergalactic.InternalTypings.ExtractEnhanceType<Enhance> &\n        InnerProps,\n        AllHTMLAttributes<any>\n      >\n    >;\n  }\n\n  Root: Root = undefined as any;\n\n  isControlled = false;\n}\n\nexport const Component = RootComponent;\n/** @deprecated */\nexport type Component<\n  Props = {},\n  Context = {},\n  State = {},\n  Handlers extends IRootComponentHandlers = IRootComponentHandlers,\n> = React.ComponentClass<Props, State> & {\n  isControlled: boolean;\n\n  handlers: Readonly<Handlers>;\n\n  asProps: Readonly<Merge<Props & IRootComponentProps<Props, Context>, AllHTMLAttributes<any>>>;\n\n  Root: Root;\n};\n\n// eslint-disable-next-line @typescript-eslint/no-namespace\nexport namespace Intergalactic {\n  type ReactFCProps<C extends React.FC> = C extends React.FC<infer Props> ? Omit<Props, 'tag'> : {};\n  type ReactComponentProps<C extends React.ComponentClass> = C extends React.ComponentClass<\n    infer Props\n  >\n    ? Omit<Props, 'tag'>\n    : never;\n  type ReactFCLike = (props: any) => any;\n  type ReactFCLikeProps<C extends ReactFCLike> = C extends (props: infer Props) => any ? Props : {};\n  type ComponentChildren<\n    Props,\n    Context,\n    RenderingResult = InternalTypings.ReturnResult,\n    AdditionalContext extends any[] = never[],\n  > =\n    | ((props: MergeProps<Context, Props>, ...args: AdditionalContext) => RenderingResult)\n    | InternalTypings.ReturnResult;\n  type ComponentBasicProps<Tag extends InternalTypings.ComponentTag> = {\n    ref?: React.Ref<InternalTypings.ComponentHtmlElement<Tag> | null>;\n    /** @private DO NOT USE IT. Low-level api that prevents specified props from being applied as DOM attribute. */\n    __excludeProps?: string[];\n  };\n  type MergeProps<HighPriorityProps, LowPriorityProps> = {\n    [K in keyof LowPriorityProps]: K extends keyof HighPriorityProps\n      ? HighPriorityProps[K]\n      : LowPriorityProps[K];\n  } & HighPriorityProps;\n  /** @private */\n  // eslint-disable-next-line @typescript-eslint/no-namespace\n  export namespace InternalTypings {\n    export type EfficientOmit<Type, Keys> = {\n      [Property in keyof Type as Exclude<Property, Keys>]: Type[Property];\n    };\n    export type ExtractEnhanceType<F extends readonly ((...args: any[]) => any)[]> =\n      F['length'] extends 0\n        ? {}\n        : F['length'] extends 1\n          ? {\n              [K in keyof ReturnType<F[0]>]: ReturnType<F[0]>[K];\n            }\n          : F['length'] extends 2\n            // eslint-disable-next-line @stylistic/indent-binary-ops\n            ? {\n              [K in keyof ReturnType<F[0]>]: ReturnType<F[0]>[K];\n            } & {\n              [K in keyof ReturnType<F[1]>]: ReturnType<F[1]>[K];\n            }\n            : F['length'] extends 3\n              // eslint-disable-next-line @stylistic/indent-binary-ops\n              ? {\n                [K in keyof ReturnType<F[0]>]: ReturnType<F[0]>[K];\n              } & {\n                [K in keyof ReturnType<F[1]>]: ReturnType<F[1]>[K];\n              } & {\n                [K in keyof ReturnType<F[2]>]: ReturnType<F[2]>[K];\n              }\n              : F['length'] extends 4\n                // eslint-disable-next-line @stylistic/indent-binary-ops\n                ? {\n                  [K in keyof ReturnType<F[0]>]: ReturnType<F[0]>[K];\n                } & {\n                  [K in keyof ReturnType<F[1]>]: ReturnType<F[1]>[K];\n                } & {\n                  [K in keyof ReturnType<F[2]>]: ReturnType<F[2]>[K];\n                } & {\n                  [K in keyof ReturnType<F[3]>]: ReturnType<F[3]>[K];\n                }\n                : {};\n    export type ComponentPropsNesting<Tag extends InternalTypings.ComponentTag> = Omit<\n      MergeProps<\n        Tag extends React.FC\n          ? ReactFCProps<Tag>\n          : Tag extends React.ComponentClass\n            ? ReactComponentProps<Tag>\n            : Tag extends ReactFCLike\n              ? ReactFCLikeProps<Tag>\n              : Tag extends keyof JSX.IntrinsicElements\n                ? JSX.IntrinsicElements[Tag]\n                : {},\n        Tag extends { __nestedProps: infer NestedProps } ? NestedProps : {}\n      >,\n      'children' | 'tag'\n    >;\n    export type ReturnResult =\n      | React.ReactElement\n      | React.ReactNode\n      | React.ReactNode[]\n      | string\n      | null;\n    export type ComponentTag =\n      | keyof JSX.IntrinsicElements\n      | React.ComponentClass\n      | React.FC\n      | ReactFCLike;\n    export type ComponentProps<\n      Tag extends ComponentTag | [ComponentTag, keyof JSX.IntrinsicElements],\n      BaseTag extends ComponentTag | never,\n      Props,\n      Context = never,\n      AdditionalContext extends any[] = never[],\n    > = {\n      tag?: Tag;\n      children?: ComponentChildren<\n        EfficientOmit<Props, 'children'> & { children: React.ReactNode },\n        Context,\n        ReturnResult,\n        AdditionalContext\n      >;\n    } & ComponentBasicProps<Tag extends [ComponentTag, keyof JSX.IntrinsicElements] ? Tag[0] : Tag> &\n    MergeProps<\n      EfficientOmit<Props, 'tag' | 'children'>,\n      MergeProps<ComponentPropsNesting<Tag extends [ComponentTag, keyof JSX.IntrinsicElements] ? Tag[0] : Tag>, ComponentPropsNesting<BaseTag>>\n    >;\n    export type PropsRenderingResultComponentProps<\n      Tag extends ComponentTag,\n      Props,\n      Context = {},\n      AdditionalContext extends any[] = never[],\n    > = {\n      tag?: Tag;\n      children?: ComponentChildren<\n        EfficientOmit<Props, 'children'> & { children: React.ReactNode },\n        Context,\n        Partial<\n          EfficientOmit<\n            MergeProps<Props, ComponentPropsNesting<Tag>>,\n            'children' | 'tag' | 'ref'\n          > & {\n            children?: React.ReactNode;\n          }\n        >,\n        AdditionalContext\n      >;\n    } & ComponentBasicProps<Tag> &\n    MergeProps<EfficientOmit<Props, 'tag' | 'children'>, ComponentPropsNesting<Tag>>;\n    export type ComponentRenderingResults = React.ReactElement;\n    export type ComponentAdditive<\n      BaseTag extends ComponentTag,\n      Tag extends ComponentTag,\n      Props = {},\n      Context = {},\n      AdditionalContext = {},\n    > = {\n      __nestedProps: ComponentPropsNesting<BaseTag>;\n      __tag: Tag;\n      __props: Props;\n      __context: Context;\n      __additionalContext: AdditionalContext;\n      displayName: string;\n      newInstance: () => Component<BaseTag, Props, Context>;\n    };\n    export type InferJsxIntrinsicElement<T extends React.DetailedHTMLProps<any, any>> =\n      T extends React.DetailedHTMLProps<infer _, infer Element> ? Element : HTMLElement;\n    type InferElementFromRef<T> = T extends React.Ref<infer Element> ? Element : never;\n    type InferRefElementFromProps<T> = 'ref' extends keyof T\n      ? InferElementFromRef<T['ref']>\n      : HTMLElement;\n    export type ComponentHtmlElement<Tag extends ComponentTag> =\n      Tag extends keyof JSX.IntrinsicElements\n        ? InferJsxIntrinsicElement<JSX.IntrinsicElements[Tag]>\n        : Tag extends { __nestedProps: infer NestedProps }\n          ? InferRefElementFromProps<NestedProps>\n          : HTMLElement;\n    export type UntypeRefAndTag<Props> = Intergalactic.InternalTypings.EfficientOmit<\n      Props,\n      'ref' | 'tag'\n    > & {\n      ref: React.Ref<any>;\n      tag: Intergalactic.InternalTypings.ComponentTag;\n    };\n  }\n  export type Component<\n    BaseTag extends InternalTypings.ComponentTag = never,\n    BaseProps = {},\n    Context = {},\n    AdditionalContext extends any[] = never[],\n  > = (<Tag extends InternalTypings.ComponentTag | [InternalTypings.ComponentTag, keyof JSX.IntrinsicElements] = BaseTag, Props extends BaseProps = BaseProps>(\n    props: InternalTypings.ComponentProps<Tag, BaseTag, Props, Context, AdditionalContext>,\n  ) => InternalTypings.ComponentRenderingResults) &\n  InternalTypings.ComponentAdditive<BaseTag, Tag, BaseProps, Context, AdditionalContext>;\n  export type Tag = InternalTypings.ComponentTag;\n  export type DomProps<Tag extends keyof JSX.IntrinsicElements> =\n    InternalTypings.InferJsxIntrinsicElement<JSX.IntrinsicElements[Tag]>;\n  export type RequireAtLeastOne<T, Keys extends keyof T = keyof T> = Pick<\n    T,\n    Exclude<keyof T, Keys>\n  > &\n  {\n    [K in Keys]-?: Required<Pick<T, K>> & Partial<Pick<T, Exclude<Keys, K>>>;\n  }[Keys];\n}\n\nexport const wrapIntergalacticComponent = <\n  Component extends Intergalactic.Component<any, any, any, any>,\n  PropsExtending = {},\n>(\n  wrapper: (\n    props: Intergalactic.InternalTypings.UntypeRefAndTag<\n      Intergalactic.InternalTypings.ComponentPropsNesting<Component>\n    > &\n    PropsExtending,\n  ) => React.ReactNode,\n): Intergalactic.Component<\n  Component['__tag'],\n  Component['__props'] & Component['__nestedProps'] & PropsExtending,\n  Component['__context'],\n  Component['__additionalContext']\n> => wrapper as any;\n\nexport type PropsAndRef<T, Ctx, UCProps> = PropsWithRenderFnChildren<T, Ctx, UCProps> &\n  RefAttributes<unknown>;\nexport type ForwardRefComponent<T, Ctx, UCProps> = ForwardRefExoticComponent<\n  PropsAndRef<T, Ctx, UCProps>\n>;\ntype ComponentOrProps<T, Context, UCProps> = T extends [infer ParentProps, infer ChildProps]\n  ? ComponentType<ParentProps, ChildProps, Context, UCProps>\n  : ForwardRefComponent<T, Context, UCProps>;\n\nexport type ComponentType<\n  ComponentProps,\n  ChildComponentProps = {},\n  ContextType = {},\n  UCProps = {},\n  FNType = null,\n> = (FNType extends null\n  ? ForwardRefComponent<ComponentProps, ContextType, UCProps>\n  : FNType & { displayName: string }) & {\n    [K in keyof ChildComponentProps]: ComponentOrProps<ChildComponentProps[K], ContextType, UCProps>;\n  } & {\n    [CORE_COMPONENT]: boolean;\n    [CREATE_COMPONENT]: () => ComponentType<\n      ComponentProps,\n      ChildComponentProps,\n      ContextType,\n      UCProps\n    >;\n  };\n"],"mappings":";;;;;;;;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAYA;;AAOA;;AAEA;;AAKA;;AAGA;;AAKA;;AASA;;AAGA;;AAIA;;AASA;;AAIA;;AAYA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;;AAEA;;AAEA;;AAKA,IAAMC,IAAU,GAAAC,OAAA,CAAAD,IAAA,GAAGE,SAAgB;AAInC;AAAA,IACeC,aAAa,0BAAAC,cAAA;EAAA,SAAAD,cAAA;IAAA,IAAAE,KAAA;IAAA,SAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;IAAA;IAAA,IAAAC,gBAAA,mBAAAT,aAAA;IAAAE,KAAA,OAAAQ,WAAA,mBAAAV,aAAA,KAAAW,MAAA,CAAAL,IAAA;IAAA,IAAAM,gBAAA,aAAAV,KAAA,UAuBbH,SAAS;IAAA,IAAAa,gBAAA,aAAAV,KAAA,kBAEP,KAAK;IAAA,OAAAA,KAAA;EAAA;EAAA,IAAAW,UAAA,aAAAb,aAAA,EAAAC,cAAA;EAAA,WAAAa,aAAA,aAAAd,aAAA;IAAAe,GAAA;IAAAC,GAAA,EAlBpB,SAAAA,IAAA,EAAiD;MAC/C,OAAO,CAAC,CAAC;IACX;EAAC;IAAAD,GAAA;IAAAC,GAAA,EAED,SAAAA,IAAA,EAAc;MACZ,OAAO,CAAC,CAAC;IASX;EAAC;AAAA,EAfOC,oBAAa;AAsBhB,IAAMC,SAAS,GAAApB,OAAA,CAAAoB,SAAA,GAAGlB,aAAa;AACtC;AAgBA;AAAA,IACiBmB,aAAa;AAgMvB,IAAMC,0BAA0B,GAAAtB,OAAA,CAAAsB,0BAAA,GAAG,SAA7BA,0BAA0BA,CAIrCC,OAKoB;EAAA,OAMjBA,OAAO;AAAA,CAAO","ignoreList":[]}
+{"version":3,"file":"Component.js","names":["_react","require","Root","exports","undefined","Component","PureComponent","constructor","args","_defineProperty2","default","uncontrolledProps","handlers","asProps","Intergalactic","wrapIntergalacticComponent","wrapper"],"sources":["../../src/core-types/Component.ts"],"sourcesContent":["import type React from 'react';\nimport { type\nAllHTMLAttributes, type\nForwardRefExoticComponent,\nPureComponent, type\nReactNode, type\nRefObject,\n} from 'react';\n\nimport type { CORE_COMPONENT } from './symbols';\nimport type { IStyledProps } from '../styled/index';\n\ntype HandlersType<UCProps> = { [K in keyof UCProps]?: <T = unknown>(arg: T) => void };\n\nexport interface IRootComponentProps<Props = {}, Ctx = {}, H = {}> {\n  'forwardRef'?: RefObject<any>;\n  'Children'?: any;\n  'children'?: ReactNode | ((props: Props & Ctx, handlers: HandlersType<H>) => ReactNode);\n  'styles'?: IStyledProps['styles'];\n  'data-ui-name'?: string;\n}\n\nexport interface IRootNodeProps {\n  render: React.ElementType | string;\n  tag?: React.ElementType | string;\n\n  [key: string]: any;\n}\n\ntype Root = ForwardRefExoticComponent<IRootNodeProps>;\n\n/** @deprecated */\nexport type PropGetterFn = <T extends {}>(props?: T) => T & { [key: string]: unknown };\n\nconst Root: Root = undefined as any;\n\nexport { Root };\n\ntype RootResult<T extends Intergalactic.Tag | never> = ForwardRefExoticComponent<IRootNodeProps & Intergalactic.InternalTypings.ComponentPropsNesting<T>>;\n\ntype BaseAsProps<Props = {}, Enhance extends readonly ((...args: any[]) => any)[] = [], InnerProps = {}> = Readonly<\n  Props &\n  IRootComponentProps &\n  Intergalactic.InternalTypings.ExtractEnhanceType<Enhance> &\n  InnerProps\n>;\n\nexport abstract class Component<\n  Props = {},\n  Enhance extends readonly ((...args: any[]) => any)[] = [],\n  Uncontrolled extends Readonly<{ [key in keyof Props]?: Props[key] | null | ((value: Props[key], e?: any) => void | boolean | Props[key]) | ((value: Props[key], e?: any) => void | boolean | Props[key])[] }> = never,\n  InnerProps = {},\n  State = {},\n> extends PureComponent<Props, State> {\n  protected uncontrolledProps(): [Uncontrolled] extends [never] ? never : Uncontrolled {\n    // @ts-ignore. This is a default value. Should be defined in related classes.\n    return {};\n  };\n\n  protected get handlers(): Readonly<{\n    [key in keyof Uncontrolled]: key extends keyof Props\n      ? Uncontrolled[key] extends (null | Props[key])\n        ? (value: Props[key], e?: any) => void\n        : Uncontrolled[key] extends Array<any> ? Uncontrolled[key][0] : Uncontrolled[key]\n      : never\n  }> {\n    // @ts-ignore. The body will be generated in factory\n    return {};\n  }\n\n  protected get asProps() {\n    return {} as Readonly<\n      { Root: RootResult<any> } &\n      BaseAsProps<Props, Enhance, InnerProps> &\n      Intergalactic.InternalTypings.EfficientOmit<AllHTMLAttributes<any>, keyof BaseAsProps<Props, Enhance, InnerProps>>\n    >;\n  }\n\n  protected Root: RootResult<any> = undefined as any;\n\n  protected isControlled = false;\n}\n\n// eslint-disable-next-line @typescript-eslint/no-namespace\nexport namespace Intergalactic {\n  type ReactFCProps<C extends React.FC> = C extends React.FC<infer Props> ? Omit<Props, 'tag'> : {};\n  type ReactComponentProps<C extends React.ComponentClass> = C extends React.ComponentClass<\n    infer Props\n  >\n    ? Omit<Props, 'tag'>\n    : never;\n  type ReactFCLike = (props: any) => any;\n  type ReactFCLikeProps<C extends ReactFCLike> = C extends (props: infer Props) => any ? Props : {};\n  type ComponentChildren<\n    Props,\n    Context,\n    RenderingResult = InternalTypings.ReturnResult,\n    AdditionalContext extends Readonly<any[]> = never[],\n  > =\n    | ((props: MergeProps<Context, Props>, ...args: AdditionalContext) => RenderingResult)\n    | InternalTypings.ReturnResult;\n  type ComponentBasicProps<Tag extends InternalTypings.ComponentTag> = {\n    ref?: React.Ref<InternalTypings.ComponentHtmlElement<Tag> | null>;\n    /** @private DO NOT USE IT. Low-level api that prevents specified props from being applied as DOM attribute. */\n    __excludeProps?: string[];\n  };\n  type MergeProps<HighPriorityProps, LowPriorityProps> = {\n    [K in keyof LowPriorityProps]: K extends keyof HighPriorityProps\n      ? HighPriorityProps[K]\n      : LowPriorityProps[K];\n  } & HighPriorityProps;\n  /** @private */\n  // eslint-disable-next-line @typescript-eslint/no-namespace\n  export namespace InternalTypings {\n    export type PartialRequired<T, K extends keyof T> = Omit<T, K> & {\n      [key in K]-?: T[key];\n    };\n    export type EfficientOmit<Type, Keys> = {\n      [Property in keyof Type as Exclude<Property, Keys>]: Type[Property];\n    };\n    export type ExtractEnhanceType<F extends readonly ((...args: any[]) => any)[]> =\n      F['length'] extends 0\n        ? {}\n        : F['length'] extends 1\n          ? {\n              [K in keyof ReturnType<F[0]>]: ReturnType<F[0]>[K];\n            }\n          : F['length'] extends 2\n            // eslint-disable-next-line @stylistic/indent-binary-ops\n            ? {\n              [K in keyof ReturnType<F[0]>]: ReturnType<F[0]>[K];\n            } & {\n              [K in keyof ReturnType<F[1]>]: ReturnType<F[1]>[K];\n            }\n            : F['length'] extends 3\n              // eslint-disable-next-line @stylistic/indent-binary-ops\n              ? {\n                [K in keyof ReturnType<F[0]>]: ReturnType<F[0]>[K];\n              } & {\n                [K in keyof ReturnType<F[1]>]: ReturnType<F[1]>[K];\n              } & {\n                [K in keyof ReturnType<F[2]>]: ReturnType<F[2]>[K];\n              }\n              : F['length'] extends 4\n                // eslint-disable-next-line @stylistic/indent-binary-ops\n                ? {\n                  [K in keyof ReturnType<F[0]>]: ReturnType<F[0]>[K];\n                } & {\n                  [K in keyof ReturnType<F[1]>]: ReturnType<F[1]>[K];\n                } & {\n                  [K in keyof ReturnType<F[2]>]: ReturnType<F[2]>[K];\n                } & {\n                  [K in keyof ReturnType<F[3]>]: ReturnType<F[3]>[K];\n                }\n                : {};\n    export type ComponentPropsNesting<Tag extends InternalTypings.ComponentTag> = Omit<\n      MergeProps<\n        Tag extends React.FC\n          ? ReactFCProps<Tag>\n          : Tag extends React.ComponentClass\n            ? ReactComponentProps<Tag>\n            : Tag extends ReactFCLike\n              ? ReactFCLikeProps<Tag>\n              : Tag extends keyof JSX.IntrinsicElements\n                ? JSX.IntrinsicElements[Tag]\n                : {},\n        Tag extends { __nestedProps: infer NestedProps } ? NestedProps : {}\n      >,\n      'children' | 'tag'\n    >;\n    export type ReturnResult =\n      | React.ReactElement\n      | React.ReactNode\n      | React.ReactNode[]\n      | string\n      | null;\n    export type ComponentTag =\n      | keyof JSX.IntrinsicElements\n      | React.ComponentClass\n      | React.FC\n      | ReactFCLike;\n    export type ComponentProps<\n      Tag extends ComponentTag | [ComponentTag, keyof JSX.IntrinsicElements],\n      BaseTag extends ComponentTag | never,\n      Props,\n      Context = never,\n      AdditionalContext extends Readonly<any[]> = never[],\n    > = {\n      tag?: Tag;\n      children?: ComponentChildren<\n        EfficientOmit<Props, 'children'> & { children: React.ReactNode },\n        Context,\n        ReturnResult,\n        AdditionalContext\n      >;\n    } & ComponentBasicProps<Tag extends [ComponentTag, keyof JSX.IntrinsicElements] ? Tag[0] : Tag> &\n    MergeProps<\n      EfficientOmit<Props, 'tag' | 'children'>,\n      MergeProps<ComponentPropsNesting<Tag extends [ComponentTag, keyof JSX.IntrinsicElements] ? Tag[0] : Tag>, ComponentPropsNesting<BaseTag>>\n    >;\n    export type PropsRenderingResultComponentProps<\n      Tag extends ComponentTag,\n      Props,\n      Context = {},\n      AdditionalContext extends any[] = never[],\n    > = {\n      tag?: Tag;\n      children?: ComponentChildren<\n        EfficientOmit<Props, 'children'> & { children: React.ReactNode },\n        Context,\n        Partial<\n          EfficientOmit<\n            MergeProps<Props, ComponentPropsNesting<Tag>>,\n            'children' | 'tag' | 'ref'\n          > & {\n            children?: React.ReactNode;\n          }\n        >,\n        AdditionalContext\n      >;\n    } & ComponentBasicProps<Tag> &\n    MergeProps<EfficientOmit<Props, 'tag' | 'children'>, ComponentPropsNesting<Tag>>;\n    export type ComponentRenderingResults = React.ReactElement;\n    export type ComponentAdditive<\n      BaseTag extends ComponentTag,\n      Tag extends ComponentTag,\n      Props = {},\n      Context = {},\n      AdditionalContext = {},\n    > = {\n      __nestedProps: ComponentPropsNesting<BaseTag>;\n      __tag: Tag;\n      __props: Props;\n      __context: Context;\n      __additionalContext: AdditionalContext;\n      displayName: string;\n      newInstance: () => Component<BaseTag, Props, Context>;\n      [CORE_COMPONENT]: boolean;\n    };\n    export type InferJsxIntrinsicElement<T extends React.DetailedHTMLProps<any, any>> =\n      T extends React.DetailedHTMLProps<infer _, infer Element> ? Element : HTMLElement;\n    type InferElementFromRef<T> = T extends React.Ref<infer Element> ? Element : never;\n    type InferRefElementFromProps<T> = 'ref' extends keyof T\n      ? InferElementFromRef<T['ref']>\n      : HTMLElement;\n    export type ComponentHtmlElement<Tag extends ComponentTag> =\n      Tag extends keyof JSX.IntrinsicElements\n        ? InferJsxIntrinsicElement<JSX.IntrinsicElements[Tag]>\n        : Tag extends { __nestedProps: infer NestedProps }\n          ? InferRefElementFromProps<NestedProps>\n          : HTMLElement;\n    export type UntypeRefAndTag<Props> = Intergalactic.InternalTypings.EfficientOmit<\n      Props,\n      'ref' | 'tag'\n    > & {\n      ref: React.Ref<any>;\n      tag: Intergalactic.InternalTypings.ComponentTag;\n    };\n  }\n  export type Component<\n    BaseTag extends InternalTypings.ComponentTag = never,\n    BaseProps = {},\n    Context = {},\n    AdditionalContext extends Readonly<any[]> = never[],\n  > = (<Tag extends InternalTypings.ComponentTag | [InternalTypings.ComponentTag, keyof JSX.IntrinsicElements] = BaseTag, Props extends BaseProps = BaseProps>(\n    props: InternalTypings.ComponentProps<Tag, BaseTag, Props, Context, AdditionalContext>,\n  ) => InternalTypings.ComponentRenderingResults) &\n  InternalTypings.ComponentAdditive<BaseTag, Tag, BaseProps, Context, AdditionalContext>;\n  export type Tag = InternalTypings.ComponentTag;\n  export type DomProps<Tag extends keyof JSX.IntrinsicElements> =\n    InternalTypings.InferJsxIntrinsicElement<JSX.IntrinsicElements[Tag]>;\n  export type RequireAtLeastOne<T, Keys extends keyof T = keyof T> = Pick<\n    T,\n    Exclude<keyof T, Keys>\n  > &\n  {\n    [K in Keys]-?: Required<Pick<T, K>> & Partial<Pick<T, Exclude<Keys, K>>>;\n  }[Keys];\n}\n\nexport const wrapIntergalacticComponent = <\n  Component extends Intergalactic.Component<any, any, any, any>,\n  PropsExtending = {},\n>(\n  wrapper: (\n    props: Intergalactic.InternalTypings.UntypeRefAndTag<\n      Intergalactic.InternalTypings.ComponentPropsNesting<Component>\n    > &\n    PropsExtending,\n  ) => React.ReactNode,\n): Intergalactic.Component<\n  Component['__tag'],\n  Component['__props'] & Component['__nestedProps'] & PropsExtending,\n  Component['__context'],\n  Component['__additionalContext']\n> => wrapper as any;\n"],"mappings":";;;;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AA8BA;;AAGA,MAAMC,IAAU,GAAAC,OAAA,CAAAD,IAAA,GAAGE,SAAgB;AAa5B,MAAeC,SAAS,SAMrBC,oBAAa,CAAe;EAAAC,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAA,IAAAC,gBAAA,CAAAC,OAAA,gBAyBFN,SAAS;IAAA,IAAAK,gBAAA,CAAAC,OAAA,wBAElB,KAAK;EAAA;EA1BpBC,iBAAiBA,CAAA,EAA0D;IACnF;IACA,OAAO,CAAC,CAAC;EACX;EAEA,IAAcC,QAAQA,CAAA,EAMnB;IACD;IACA,OAAO,CAAC,CAAC;EACX;EAEA,IAAcC,OAAOA,CAAA,EAAG;IACtB,OAAO,CAAC,CAAC;EAKX;AAKF;;AAEA;AAAAV,OAAA,CAAAE,SAAA,GAAAA,SAAA;AAAA,IACiBS,aAAa,GAAAX,OAAA,CAAAW,aAAA;AAoMvB,MAAMC,0BAA0B,GAIrCC,OAKoB,IAMjBA,OAAc;AAACb,OAAA,CAAAY,0BAAA,GAAAA,0BAAA","ignoreList":[]}