@pyreon/rocketstyle 0.1.1 → 0.2.0

package/lib/index.d.ts

@@ -1,4 +1,4 @@
-import { VNode, VNodeChild } from "@pyreon/core";
+import { VNodeChild } from "@pyreon/core";
 import { config, context, render } from "@pyreon/ui-core";
 
 //#region src/context/context.d.ts
@@ -7,7 +7,7 @@ type Theme$1 = {
   breakpoints?: Record<string, number>;
 } & Record<string, unknown>;
 type TProvider = {
-  children: VNode | VNode[] | null;
+  children: VNodeChild;
   theme?: Theme$1 | undefined;
   mode?: "light" | "dark" | undefined;
   inversed?: boolean | undefined;
@@ -18,13 +18,13 @@ type TProvider = {
  * Reads the parent context, merges incoming props, and resolves
  * the active mode (with optional inversion for nested dark/light switching).
  *
- * In Pyreon, context is provided via pushContext/popContext instead of React.Provider.
+ * In Pyreon, context is provided via provide() instead of React.Provider.
  */
 declare const Provider: ({
   provider,
   inversed,
   ...props
-}: TProvider) => VNode | null;
+}: TProvider) => VNodeChild;
 //#endregion
 //#region src/constants/defaultDimensions.d.ts
 /**
@@ -72,7 +72,7 @@ type TObj = Record<string, unknown>;
 type TFn = (...args: any) => any;
 type CallBackParam = TObj | TFn;
 /** In Pyreon, components are plain functions — no forwardRef needed. */
-type ComponentFn<P = any> = ((props: P) => VNode | null) & Partial<Record<string, any>>;
+type ComponentFn<P = any> = ((props: P) => VNodeChild) & Partial<Record<string, any>>;
 type ElementType<T extends TObj | unknown = any> = ComponentFn<T>;
 type ValueOf<T> = T[keyof T];
 type ArrayOfValues<T> = T[keyof T][];
@@ -219,7 +219,7 @@ type GenericHoc = (component: ElementType) => ElementType;
 type ComposeParam = Record<string, GenericHoc | null | undefined | false>;
 //#endregion
 //#region src/types/rocketstyle.d.ts
-type RocketStyleComponent<OA extends TObj = TObj, EA extends TObj = TObj, T extends TObj = TObj, CSS extends TObj = TObj, S extends TObj = TObj, HOC extends TObj = TObj, D extends Dimensions = Dimensions, UB extends boolean = boolean, DKP extends TDKP = TDKP> = IRocketStyleComponent<OA, EA, T, CSS, S, HOC, D, UB, DKP> & { [I in keyof D]: <K extends DimensionValue = D[I], P extends DimensionCallbackParam<Theme<T>, Styles<CSS>> = DimensionCallbackParam<Theme<T>, Styles<CSS>>>(param: P) => P extends DimensionCallbackParam<Theme<T>, Styles<CSS>> ? RocketStyleComponent<OA, EA, T, CSS, S, HOC, D, UB, DimensionProps<K, D, P, DKP>> : RocketStyleComponent<OA, EA, T, CSS, S, HOC, D, UB, DKP> };
+type RocketStyleComponent<OA extends TObj = {}, EA extends TObj = {}, T extends TObj = {}, CSS extends TObj = {}, S extends TObj = {}, HOC extends TObj = {}, D extends Dimensions = Dimensions, UB extends boolean = boolean, DKP extends TDKP = TDKP> = IRocketStyleComponent<OA, EA, T, CSS, S, HOC, D, UB, DKP> & { [I in keyof D]: <K extends DimensionValue = D[I], P extends DimensionCallbackParam<Theme<T>, Styles<CSS>> = DimensionCallbackParam<Theme<T>, Styles<CSS>>>(param: P) => P extends DimensionCallbackParam<Theme<T>, Styles<CSS>> ? RocketStyleComponent<OA, EA, T, CSS, S, HOC, D, UB, DimensionProps<K, D, P, DKP>> : RocketStyleComponent<OA, EA, T, CSS, S, HOC, D, UB, DKP> };
 /**
  * @param OA   Origin component props params.
  * @param EA   Extended prop types
@@ -231,8 +231,8 @@ type RocketStyleComponent<OA extends TObj = TObj, EA extends TObj = TObj, T exte
  * @param DKP  Dimensions key props.
  * @param DFP  Calculated final component props
  */
-interface IRocketStyleComponent<OA extends TObj = TObj, EA extends TObj = TObj, T extends TObj = TObj, CSS extends TObj = TObj, S extends TObj = TObj, HOC extends TObj = TObj, D extends Dimensions = Dimensions, UB extends boolean = boolean, DKP extends TDKP = TDKP, DFP = MergeTypes<[OA, EA, DefaultProps, ExtractDimensionProps<D, DKP, UB>]>> {
-  (props: DFP): VNode | null;
+interface IRocketStyleComponent<OA extends TObj = {}, EA extends TObj = {}, T extends TObj = {}, CSS extends TObj = {}, S extends TObj = {}, HOC extends TObj = {}, D extends Dimensions = Dimensions, UB extends boolean = boolean, DKP extends TDKP = TDKP, DFP = MergeTypes<[OA, EA, DefaultProps, ExtractDimensionProps<D, DKP, UB>]>> {
+  (props: DFP): VNodeChild;
   config: <NC extends ElementType | unknown = unknown>({
     name,
     component: NC,
@@ -267,7 +267,7 @@ interface IRocketStyleComponent<OA extends TObj = TObj, EA extends TObj = TObj,
 }
 //#endregion
 //#region src/types/rocketComponent.d.ts
-type RocketComponent<C extends ElementType = ElementType, T extends TObj = TObj, CSS extends TObj = TObj, D extends Dimensions = DefaultDimensions, UB extends boolean = boolean> = (props: Configuration<C, D>) => RocketStyleComponent<ExtractProps<C>, TObj, T, CSS, TObj, TObj, D, UB, Record<string, any>>;
+type RocketComponent<C extends ElementType = ElementType, T extends TObj = {}, CSS extends TObj = {}, D extends Dimensions = DefaultDimensions, UB extends boolean = boolean> = (props: Configuration<C, D>) => RocketStyleComponent<ExtractProps<C>, {}, T, CSS, {}, {}, D, UB, {}>;
 //#endregion
 //#region src/init.d.ts
 type Rocketstyle = <D extends Dimensions = DefaultDimensions, UB extends boolean = true>({
@@ -282,7 +282,7 @@ type Rocketstyle = <D extends Dimensions = DefaultDimensions, UB extends boolean
 }: {
   name: string;
   component: C;
-}) => ReturnType<RocketComponent<C, Record<string, unknown>, Record<string, unknown>, D, UB>>;
+}) => ReturnType<RocketComponent<C, {}, {}, D, UB>>;
 declare const rocketstyle: Rocketstyle;
 //#endregion
 //#region src/isRocketComponent.d.ts

package/lib/index.js

@@ -1,4 +1,4 @@
-import { createContext, onUnmount, popContext, pushContext, useContext } from "@pyreon/core";
+import { createContext, provide, useContext } from "@pyreon/core";
 import { Provider as Provider$1, compose, config, context, get, hoistNonReactStatics, isEmpty, merge, omit, pick, render, set } from "@pyreon/ui-core";
 import { signal } from "@pyreon/reactivity";
 
@@ -53,7 +53,7 @@ const ALL_RESERVED_KEYS = [
 * Reads the parent context, merges incoming props, and resolves
 * the active mode (with optional inversion for nested dark/light switching).
 *
-* In Pyreon, context is provided via pushContext/popContext instead of React.Provider.
+* In Pyreon, context is provided via provide() instead of React.Provider.
 */
 const Provider = ({ provider = Provider$1, inversed, ...props }) => {
 	const { theme, mode, provider: RocketstyleProvider, children } = {
@@ -140,8 +140,8 @@ const useLocalContext = (consumer) => {
 * detecting pseudo-states (hover, focus, pressed) via mouse/focus events
 * and broadcasting them through local context to child rocketstyle components.
 *
-* In Pyreon, context is provided via pushContext/popContext, and state is
-* managed with signals instead of useState.
+* In Pyreon, context is provided via provide(), and state is managed
+* with signals instead of useState.
 */
 const createLocalProvider = (WrappedComponent) => {
 	const HOCComponent = ({ onMouseEnter, onMouseLeave, onMouseUp, onMouseDown, onFocus, onBlur, $rocketstate, ...props }) => {
@@ -187,8 +187,7 @@ const createLocalProvider = (WrappedComponent) => {
 				...pseudoState()
 			}
 		};
-		pushContext(new Map([[localContext.id, updatedState]]));
-		onUnmount(() => popContext());
+		provide(localContext, updatedState);
 		return WrappedComponent({
 			...props,
 			...events,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pyreon/rocketstyle",
-  "version": "0.1.1",
+  "version": "0.2.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/pyreon/ui-system",
@@ -43,8 +43,8 @@
   "peerDependencies": {
     "@pyreon/core": ">=0.4.0 <1.0.0",
     "@pyreon/reactivity": ">=0.4.0 <1.0.0",
-    "@pyreon/ui-core": ">=0.1.1",
-    "@pyreon/styler": ">=0.1.1"
+    "@pyreon/ui-core": ">=0.2.0",
+    "@pyreon/styler": ">=0.2.0"
   },
   "devDependencies": {
     "@vitus-labs/tools-rolldown": "^1.15.3",