@pyreon/rocketstyle 0.1.2 → 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][];
@@ -232,7 +232,7 @@ type RocketStyleComponent<OA extends TObj = {}, EA extends TObj = {}, T extends
  * @param DFP  Calculated final component props
  */
 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): VNode | null;
+  (props: DFP): VNodeChild;
   config: <NC extends ElementType | unknown = unknown>({
     name,
     component: NC,

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.2",
+  "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.2",
-    "@pyreon/styler": ">=0.1.2"
+    "@pyreon/ui-core": ">=0.2.0",
+    "@pyreon/styler": ">=0.2.0"
   },
   "devDependencies": {
     "@vitus-labs/tools-rolldown": "^1.15.3",