@fynixorg/ui 1.0.7 → 1.0.8

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@fynixorg/ui",
-  "version": "1.0.7",
+  "version": "1.0.8",
   "type": "module",
   "description": "Core package for Fynix UI framework.",
   "main": "dist/fynix/index.js",
-  "types": "dist/runtime.d.ts",
+  "types": "runtime.d.ts",
   "exports": {
     ".": "./dist/runtime.js",
     "./context": "./dist/context/context.js",
@@ -59,4 +59,4 @@
   "scripts": {
     "build": "node build.js"
   }
-}
+}

package/types/global.d.ts

@@ -1,10 +1,13 @@
 /**
- * Virtual DOM node type for Fynix
+ * Virtual DOM node type for Fynix (unified with runtime.d.ts)
  */
 type VNode = {
-  type: any;
-  props: any;
-  key: any;
+  type: string | symbol | ((props: any) => any);
+  props: Record<string, any>;
+  key: string | number | null;
+  _domNode?: Node;
+  _rendered?: VNode;
+  _state?: any;
 };
 // global.d.ts - Fynix Global Type Declarations
 
@@ -56,7 +59,7 @@ interface NixFormState<T extends Record<string, any>> {
   isSubmitting: boolean;
   errors: { [K in keyof T]?: string };
   handleSubmit: (
-    onSubmit: (values: T) => void | Promise<void>
+    onSubmit: (values: T) => void | Promise<void>,
   ) => (e?: Event) => Promise<void>;
   reset: () => void;
   setFieldValue: <K extends keyof T>(field: K, value: T[K]) => void;
@@ -170,7 +173,7 @@ interface ImportMeta {
       as?: "url" | "raw";
       /** Custom import query */
       query?: Record<string, string | number | boolean>;
-    }
+    },
   ) => Record<string, T>;
 
   /** Environment variables */

package/types/jsx.d.ts

@@ -3,7 +3,8 @@ export {};
 declare global {
   namespace JSX {
     type Element = FynixJSX.Element;
-    interface ElementChildrenAttribute extends FynixJSX.ElementChildrenAttribute {}
+    interface ElementChildrenAttribute
+      extends FynixJSX.ElementChildrenAttribute {}
     interface IntrinsicElements extends FynixJSX.IntrinsicElements {}
     // Optionally, add more interfaces if needed
   }
@@ -11,7 +12,8 @@ declare global {
 // JSX Type Definitions for Fynix
 
 declare namespace FynixJSX {
-  type Element = any;
+  // Use the VNode type for JSX elements for better type inference
+  type Element = VNode;
 
   interface ElementChildrenAttribute {
     children: {};
@@ -78,7 +80,9 @@ declare namespace FynixJSX {
     "r-mouseup"?: (this: HTMLElement, event: MouseEvent) => void;
     "r-mousemove"?: (this: HTMLElement, event: MouseEvent) => void;
     "r-scroll"?: (this: HTMLElement, event: Event) => void;
-    "r-class"?: string | { value: string; subscribe: (cb: () => void) => () => void };
+    "r-class"?:
+      | string
+      | { value: string; subscribe: (cb: () => void) => () => void };
     rc?: string | { value: string; subscribe: (cb: () => void) => () => void };
 
     // Data attributes
@@ -115,10 +119,29 @@ declare namespace FynixJSX {
   }
 
   interface InputHTMLAttributes extends HTMLAttributes {
-    type?: "button" | "checkbox" | "color" | "date" | "datetime-local" 
-      | "email" | "file" | "hidden" | "image" | "month" | "number" 
-      | "password" | "radio" | "range" | "reset" | "search" 
-      | "submit" | "tel" | "text" | "time" | "url" | "week";
+    type?:
+      | "button"
+      | "checkbox"
+      | "color"
+      | "date"
+      | "datetime-local"
+      | "email"
+      | "file"
+      | "hidden"
+      | "image"
+      | "month"
+      | "number"
+      | "password"
+      | "radio"
+      | "range"
+      | "reset"
+      | "search"
+      | "submit"
+      | "tel"
+      | "text"
+      | "time"
+      | "url"
+      | "week";
     value?: string | number | readonly string[];
     placeholder?: string;
     checked?: boolean;
@@ -450,14 +473,14 @@ declare namespace FynixJSX {
     strokeOpacity?: string | number;
     fillOpacity?: string | number;
     opacity?: string | number;
-    
+
     // SVG specific
     viewBox?: string;
     xmlns?: string;
     xmlnsXlink?: string;
     preserveAspectRatio?: string;
     transform?: string;
-    
+
     // Geometry
     width?: string | number;
     height?: string | number;
@@ -475,11 +498,11 @@ declare namespace FynixJSX {
     d?: string;
     points?: string;
     pathLength?: number;
-    
+
     // Text
     textAnchor?: "start" | "middle" | "end";
     dominantBaseline?: "auto" | "middle" | "hanging" | "alphabetic";
-    
+
     // Gradient/Filter
     offset?: string | number;
     stopColor?: string;