@use-stall/types 0.3.1 → 0.3.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@use-stall/types",
-  "version": "0.3.1",
+  "version": "0.3.3",
   "description": "Type declarations for Stall SDKs",
   "types": "index.d.ts",
   "type": "module",

package/src/utils/react.d.ts

@@ -1,23 +1,34 @@
-/**
- * A React component — either a function component or a class component —
- * that accepts props of type P.
- */
-export type ComponentType<P = {}> = 
-  | ((props: P & { children?: ReactNode }) => ReactNode)
-  | (new (props: P & { children?: ReactNode }) => { render(): ReactNode });
+export type ReactText = string | number;
+export type ReactChild = ReactElement | ReactText;
+export type ReactFragment = Iterable<ReactNode>;
+
+export interface ReactPortal {
+  key: string | null;
+  children: ReactNode;
+  type: string | ComponentType<any>;
+  props: any;
+}
 
-// Basic React node types to avoid any React import
 export type ReactNode =
-  | string
-  | number
+  | ReactChild
+  | ReactFragment
+  | ReactPortal
   | boolean
   | null
-  | undefined
-  | ReactElement
-  | ReactNode[];
+  | undefined;
 
 export interface ReactElement<P = any> {
   type: string | ComponentType<P>;
-  props: P;
-  key: string | number | null;
-}
+  props: P & { children?: ReactNode }; // ← children must be here
+  key: string | null;
+}
+
+export interface FunctionComponent<P = {}> {
+  (props: P): ReactElement<any> | null;
+}
+
+export interface ComponentClass<P = {}> {
+  new (props: P): { render(): ReactNode };
+}
+
+export type ComponentType<P = {}> = FunctionComponent<P> | ComponentClass<P>;