@fynixorg/ui 1.0.10 → 1.0.12

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Resty Gonzales
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/README.md

@@ -0,0 +1,36 @@
+# Fynix Core
+
+This is the core package for the Fynix UI framework. It contains the essential runtime, hooks, context, and utilities for building Fynix-based applications.
+
+## Structure
+- `runtime.js`: Main runtime logic
+- `context/`: Context management
+- `custom/`: Custom UI elements
+- `error/`: Error overlays and handling
+- `fynix/`: Fynix core logic
+- `hooks/`: Reactivity and utility hooks
+- `plugins/`: Plugins (e.g., Vite integration)
+- `router/`: Routing logic
+- `types/`: TypeScript type definitions
+- `global.d.ts`: Global type extensions
+
+## Usage
+Install via npm after publishing:
+
+```sh
+npm install fynix-core
+```
+
+Then import in your project:
+
+```js
+import { ... } from 'fynix-core';
+```
+
+## Development
+- Ensure all files are included in `package.json`.
+- Update type definitions in `global.d.ts` as needed.
+- Export all public APIs via the `exports` field in `package.json`.
+
+## License
+MIT

package/dist/context/context.d.ts

@@ -0,0 +1,19 @@
+export interface ComponentContext {
+    hooks: any[];
+    hookIndex: number;
+    effects: Function[];
+    cleanups: Function[];
+    stateCleanups?: Function[];
+    _vnode: object;
+    _accessedStates: Set<any>;
+    _subscriptions: Set<any>;
+    _subscriptionCleanups: Function[];
+    version: number;
+    rerender: (() => void) | null;
+    Component: Function;
+    _isMounted: boolean;
+    _isRerendering: boolean;
+}
+export declare let activeContext: ComponentContext | null;
+export declare function setActiveContext(ctx: ComponentContext | null): void;
+//# sourceMappingURL=context.d.ts.map

package/dist/context/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../context/context.ts"],"names":[],"mappings":"AA8CA,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,GAAG,EAAE,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,QAAQ,EAAE,CAAC;IACpB,QAAQ,EAAE,QAAQ,EAAE,CAAC;IACrB,aAAa,CAAC,EAAE,QAAQ,EAAE,CAAC;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,eAAe,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC;IAC1B,cAAc,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC;IACzB,qBAAqB,EAAE,QAAQ,EAAE,CAAC;IAClC,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,IAAI,CAAC;IAC9B,SAAS,EAAE,QAAQ,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;IACpB,cAAc,EAAE,OAAO,CAAC;CACzB;AAMD,eAAO,IAAI,aAAa,EAAE,gBAAgB,GAAG,IAAW,CAAC;AASzD,wBAAgB,gBAAgB,CAAC,GAAG,EAAE,gBAAgB,GAAG,IAAI,GAAG,IAAI,CAEnE"}

package/dist/context/context.js

@@ -1,12 +1,4 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-let activeContext = null;
-function setActiveContext(ctx) {
-  activeContext = ctx;
+export let activeContext = null;
+export function setActiveContext(ctx) {
+    activeContext = ctx;
 }
-__name(setActiveContext, "setActiveContext");
-export {
-  activeContext,
-  setActiveContext
-};
-//# sourceMappingURL=context.js.map

package/dist/context/context.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../context/context.js"],
-  "sourcesContent": ["/**\r\n * @fileoverview Component context management for Fynix framework.\r\n * Tracks the currently rendering component to enable hooks to access component state.\r\n */\r\n\r\n/**\r\n * @typedef {Object} ComponentContext\r\n * @property {Array<any>} hooks - Array of hook states\r\n * @property {number} hookIndex - Current hook index during render\r\n * @property {Array<Function>} effects - Array of effect cleanup functions\r\n * @property {Array<Function>} cleanups - Array of cleanup functions\r\n * @property {Array<Function>} [stateCleanups] - Array of state cleanup functions\r\n * @property {Object} _vnode - Associated virtual node\r\n * @property {Set<any>} _accessedStates - Set of states accessed during render\r\n * @property {Set<any>} _subscriptions - Set of active subscriptions\r\n * @property {Array<Function>} _subscriptionCleanups - Array of subscription cleanup functions\r\n * @property {number} version - Component version for tracking updates\r\n * @property {Function|null} rerender - Function to trigger component re-render\r\n * @property {Function} Component - Component function\r\n * @property {boolean} _isMounted - Whether component is mounted\r\n * @property {boolean} _isRerendering - Whether component is currently re-rendering\r\n */\r\n\r\n/**\r\n * The currently active component context.\r\n * This is set during component rendering to allow hooks to access the component's state.\r\n * @type {ComponentContext|null}\r\n */\r\nexport let activeContext = null;\r\n\r\n/**\r\n * Set the active component context.\r\n * Called internally by the runtime when entering/exiting component rendering.\r\n * \r\n * @param {ComponentContext|null} ctx - The component context to set as active, or null to clear\r\n * @returns {void}\r\n * \r\n * @example\r\n * // Internal usage in runtime\r\n * setActiveContext(componentContext);\r\n * const result = Component(props);\r\n * setActiveContext(null);\r\n */\r\nexport function setActiveContext(ctx) {\r\n  activeContext = ctx;\r\n}\r\n"],
-  "mappings": ";;AA4BO,IAAI,gBAAgB;AAepB,SAAS,iBAAiB,KAAK;AACpC,kBAAgB;AAClB;AAFgB;",
+  "sources": ["../../context/context.ts"],
+  "sourcesContent": ["/* MIT License\r\n\r\n* Copyright (c) 2026 Resty Gonzales\r\n\r\nPermission is hereby granted, free of charge, to any person obtaining a copy\r\nof this software and associated documentation files (the \"Software\"), to deal\r\nin the Software without restriction, including without limitation the rights\r\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\r\ncopies of the Software, and to permit persons to whom the Software is\r\nfurnished to do so, subject to the following conditions:\r\n\r\nThe above copyright notice and this permission notice shall be included in all\r\ncopies or substantial portions of the Software.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\r\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\r\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\r\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\r\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\r\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\r\n* SOFTWARE.\r\n */\r\n/**\r\n * @fileoverview Component context management for Fynix framework.\r\n * Tracks the currently rendering component to enable hooks to access component state.\r\n */\r\n\r\n/**\r\n * @typedef {Object} ComponentContext\r\n * @property {Array<any>} hooks - Array of hook states\r\n * @property {number} hookIndex - Current hook index during render\r\n * @property {Array<Function>} effects - Array of effect cleanup functions\r\n * @property {Array<Function>} cleanups - Array of cleanup functions\r\n * @property {Array<Function>} [stateCleanups] - Array of state cleanup functions\r\n * @property {Object} _vnode - Associated virtual node\r\n * @property {Set<any>} _accessedStates - Set of states accessed during render\r\n * @property {Set<any>} _subscriptions - Set of active subscriptions\r\n * @property {Array<Function>} _subscriptionCleanups - Array of subscription cleanup functions\r\n * @property {number} version - Component version for tracking updates\r\n * @property {Function|null} rerender - Function to trigger component re-render\r\n * @property {Function} Component - Component function\r\n * @property {boolean} _isMounted - Whether component is mounted\r\n * @property {boolean} _isRerendering - Whether component is currently re-rendering\r\n */\r\n\r\n// TypeScript interface for ComponentContext\r\nexport interface ComponentContext {\r\n  hooks: any[];\r\n  hookIndex: number;\r\n  effects: Function[];\r\n  cleanups: Function[];\r\n  stateCleanups?: Function[];\r\n  _vnode: object;\r\n  _accessedStates: Set<any>;\r\n  _subscriptions: Set<any>;\r\n  _subscriptionCleanups: Function[];\r\n  version: number;\r\n  rerender: (() => void) | null;\r\n  Component: Function;\r\n  _isMounted: boolean;\r\n  _isRerendering: boolean;\r\n}\r\n\r\n/**\r\n * The currently active component context.\r\n * This is set during component rendering to allow hooks to access the component's state.\r\n */\r\nexport let activeContext: ComponentContext | null = null;\r\n\r\n/**\r\n * Set the active component context.\r\n * Called internally by the runtime when entering/exiting component rendering.\r\n *\r\n * @param ctx - The component context to set as active, or null to clear\r\n * @returns void\r\n */\r\nexport function setActiveContext(ctx: ComponentContext | null): void {\r\n  activeContext = ctx;\r\n}\r\n"],
+  "mappings": ";;AAmEO,IAAI,gBAAyC;AAS7C,SAAS,iBAAiB,KAAoC;AACnE,kBAAgB;AAClB;AAFgB;",
   "names": []
 }

package/dist/custom/button.d.ts

@@ -0,0 +1,2 @@
+export declare function Button({ value, ...props }: Record<string, any>): any;
+//# sourceMappingURL=button.d.ts.map

package/dist/custom/button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../custom/button.ts"],"names":[],"mappings":"AAkEA,wBAAgB,MAAM,CAAC,EAAE,KAAU,EAAE,GAAG,KAAK,EAAE,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,CAEzE"}

package/dist/custom/button.js

@@ -1,11 +1,4 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 import { Fynix } from "../runtime.js";
-function Button({ value = "", ...props }) {
-  return Fynix("button", props, value);
+export function Button({ value = "", ...props }) {
+    return Fynix("button", props, value);
 }
-__name(Button, "Button");
-export {
-  Button
-};
-//# sourceMappingURL=button.js.map

package/dist/custom/button.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../custom/button.js"],
-  "sourcesContent": ["/**\r\n * @fileoverview Button component for Fynix applications.\r\n * Simple wrapper around native button element with Fynix integration.\r\n */\r\n\r\nimport { Fynix } from \"../runtime.js\";\r\n\r\n/**\r\n * @typedef {Object} ButtonProps\r\n * @property {string} [value=\"\"] - Button text content\r\n * @property {string} [type=\"button\"] - Button type (button, submit, reset)\r\n * @property {boolean} [disabled=false] - Whether button is disabled\r\n * @property {string} [rc] - Reactive class attribute (Fynix-specific)\r\n * @property {string} [class] - CSS class names\r\n * @property {(this: HTMLElement, event: MouseEvent) => void} [r-click] - Click event handler\r\n */\r\n\r\n/**\r\n * Button component for Fynix applications.\r\n * Renders a native HTML button element with Fynix event handling.\r\n * \r\n * @param {ButtonProps & Record<string, any>} props - Component props\r\n * @returns {VNode} Button element virtual node\r\n * \r\n * @example\r\n * // Basic button\r\n * <Button value=\"Click Me\" />\r\n * \r\n * @example\r\n * // With click handler\r\n * <Button \r\n *   value=\"Submit\"\r\n *   r-click={() => console.log('Clicked!')}\r\n * />\r\n * \r\n * @example\r\n * // Submit button with styling\r\n * <Button\r\n *   value=\"Save\"\r\n *   type=\"submit\"\r\n *   rc=\"px-4 py-2 bg-blue-500 text-white rounded\"\r\n * />\r\n */\r\nexport function Button({ value = \"\", ...props }) {\r\n  return Fynix(\"button\", props, value);\r\n}\r\n"],
-  "mappings": ";;AAKA,SAAS,aAAa;AAsCf,SAAS,OAAO,EAAE,QAAQ,IAAI,GAAG,MAAM,GAAG;AAC/C,SAAO,MAAM,UAAU,OAAO,KAAK;AACrC;AAFgB;",
+  "sources": ["../../custom/button.ts"],
+  "sourcesContent": ["/* MIT License\r\n\r\n* Copyright (c) 2026 Resty Gonzales\r\n\r\nPermission is hereby granted, free of charge, to any person obtaining a copy\r\nof this software and associated documentation files (the \"Software\"), to deal\r\nin the Software without restriction, including without limitation the rights\r\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\r\ncopies of the Software, and to permit persons to whom the Software is\r\nfurnished to do so, subject to the following conditions:\r\n\r\nThe above copyright notice and this permission notice shall be included in all\r\ncopies or substantial portions of the Software.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\r\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\r\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\r\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\r\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\r\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\r\n* SOFTWARE.\r\n */\r\n/**\r\n * @fileoverview Button component for Fynix applications.\r\n * Simple wrapper around native button element with Fynix integration.\r\n */\r\n\r\nimport { Fynix } from \"../runtime.js\";\r\n\r\n/**\r\n * @typedef {Object} ButtonProps\r\n * @property {string} [value=\"\"] - Button text content\r\n * @property {string} [type=\"button\"] - Button type (button, submit, reset)\r\n * @property {boolean} [disabled=false] - Whether button is disabled\r\n * @property {string} [rc] - Reactive class attribute (Fynix-specific)\r\n * @property {string} [class] - CSS class names\r\n * @property {(this: HTMLElement, event: MouseEvent) => void} [r-click] - Click event handler\r\n */\r\n\r\n/**\r\n * Button component for Fynix applications.\r\n * Renders a native HTML button element with Fynix event handling.\r\n *\r\n * @param {ButtonProps & Record<string, any>} props - Component props\r\n * @returns {VNode} Button element virtual node\r\n *\r\n * @example\r\n * // Basic button\r\n * <Button value=\"Click Me\" />\r\n *\r\n * @example\r\n * // With click handler\r\n * <Button\r\n *   value=\"Submit\"\r\n *   r-click={() => console.log('Clicked!')}\r\n * />\r\n *\r\n * @example\r\n * // Submit button with styling\r\n * <Button\r\n *   value=\"Save\"\r\n *   type=\"submit\"\r\n *   rc=\"px-4 py-2 bg-blue-500 text-white rounded\"\r\n * />\r\n */\r\n// Use 'any' as the return type to avoid the VNode type export error\r\nexport function Button({ value = \"\", ...props }: Record<string, any>): any {\r\n  return Fynix(\"button\", props, value);\r\n}\r\n"],
+  "mappings": ";;AA2BA,SAAS,aAAa;AAuCf,SAAS,OAAO,EAAE,QAAQ,IAAI,GAAG,MAAM,GAA6B;AACzE,SAAO,MAAM,UAAU,OAAO,KAAK;AACrC;AAFgB;",
   "names": []
 }

package/dist/custom/index.d.ts

@@ -0,0 +1,3 @@
+export { Button } from "./button";
+export { Path } from "./path";
+//# sourceMappingURL=index.d.ts.map

package/dist/custom/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../custom/index.ts"],"names":[],"mappings":"AA8BA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC"}

package/dist/custom/index.js

@@ -1,7 +1,2 @@
-import { Button } from "./button";
-import { Path } from "./path";
-export {
-  Button,
-  Path
-};
-//# sourceMappingURL=index.js.map
+export { Button } from "./button";
+export { Path } from "./path";

package/dist/custom/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../custom/index.js"],
-  "sourcesContent": ["/**\r\n * @fileoverview Custom Fynix components export module.\r\n * Re-exports Button and Path components for convenient importing.\r\n * \r\n * @example\r\n * import { Button, Path } from '@fynixorg/ui/custom';\r\n */\r\n\r\nexport { Button } from \"./button\";\r\nexport { Path } from \"./path\";\r\n"],
-  "mappings": "AAQA,SAAS,cAAc;AACvB,SAAS,YAAY;",
+  "sources": ["../../custom/index.ts"],
+  "sourcesContent": ["/* MIT License\r\n\r\n* Copyright (c) 2026 Resty Gonzales\r\n\r\nPermission is hereby granted, free of charge, to any person obtaining a copy\r\nof this software and associated documentation files (the \"Software\"), to deal\r\nin the Software without restriction, including without limitation the rights\r\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\r\ncopies of the Software, and to permit persons to whom the Software is\r\nfurnished to do so, subject to the following conditions:\r\n\r\nThe above copyright notice and this permission notice shall be included in all\r\ncopies or substantial portions of the Software.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\r\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\r\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\r\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\r\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\r\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\r\n* SOFTWARE.\r\n */\r\n/**\r\n * @fileoverview Custom Fynix components export module.\r\n * Re-exports Button and Path components for convenient importing.\r\n *\r\n * @example\r\n * import { Button, Path } from '@fynixorg/ui/custom';\r\n */\r\n\r\nexport { Button } from \"./button\";\r\n\r\nexport { Path } from \"./path\";\r\n"],
+  "mappings": "AA8BA,SAAS,cAAc;AAEvB,SAAS,YAAY;",
   "names": []
 }

package/dist/custom/path.d.ts

@@ -0,0 +1,14 @@
+declare global {
+    interface Window {
+        __fynixLinkProps__?: Record<string, any>;
+    }
+}
+export declare function Path({ to, value, props: routeProps, ...attrs }: {
+    to?: string;
+    value?: string;
+    props?: {
+        [key: string]: any;
+    };
+    [key: string]: any;
+}): any;
+//# sourceMappingURL=path.d.ts.map

package/dist/custom/path.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"path.d.ts","sourceRoot":"","sources":["../../custom/path.ts"],"names":[],"mappings":"AA0CA,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,kBAAkB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;KAC1C;CACF;AA0CD,wBAAgB,IAAI,CAAC,EACnB,EAAQ,EACR,KAAU,EACV,KAAK,EAAE,UAAe,EACtB,GAAG,KAAK,EACT,EAAE;IACD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAC;IAC/B,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB,GAAG,GAAG,CAoCN"}

package/dist/custom/path.js

@@ -1,37 +1,20 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 import { Fynix, nixState } from "../runtime.js";
 let propsCounter = 0;
-function Path({
-  to = "#",
-  value = "",
-  props: routeProps = {},
-  ...attrs
-}) {
-  const wrappedProps = {};
-  for (const [k, v] of Object.entries(routeProps)) {
-    wrappedProps[k] = v && v._isNixState ? v : nixState(v);
-  }
-  const propsKey = `fynixProp_${Date.now()}_${propsCounter++}`;
-  if (!window.__fynixLinkProps__) {
-    window.__fynixLinkProps__ = {};
-  }
-  window.__fynixLinkProps__[propsKey] = wrappedProps;
-  const el = Fynix(
-    "a",
-    {
-      href: to,
-      "data-fynix-link": true,
-      // SPA link detection
-      "data-props-key": propsKey,
-      ...attrs
-    },
-    value
-  );
-  return el;
+export function Path({ to = "#", value = "", props: routeProps = {}, ...attrs }) {
+    const wrappedProps = {};
+    for (const [k, v] of Object.entries(routeProps)) {
+        wrappedProps[k] = v && v._isNixState ? v : nixState(v);
+    }
+    const propsKey = `fynixProp_${Date.now()}_${propsCounter++}`;
+    if (!window.__fynixLinkProps__) {
+        window.__fynixLinkProps__ = {};
+    }
+    window.__fynixLinkProps__[propsKey] = wrappedProps;
+    const el = Fynix("a", {
+        href: to,
+        "data-fynix-link": true,
+        "data-props-key": propsKey,
+        ...attrs,
+    }, value);
+    return el;
 }
-__name(Path, "Path");
-export {
-  Path
-};
-//# sourceMappingURL=path.js.map

package/dist/custom/path.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../custom/path.js"],
-  "sourcesContent": ["/**\r\n * @fileoverview Path component for SPA navigation in Fynix applications.\r\n * Provides client-side routing with prop passing between routes.\r\n */\r\n\r\nimport { Fynix, nixState } from \"../runtime.js\";\r\n\r\n/**\r\n * @typedef {Object} PathProps\r\n * @property {string} [to=\"#\"] - URL to navigate to (relative or absolute)\r\n * @property {string} [value=\"\"] - Link text content\r\n * @property {Record<string, any>} [props={}] - Props to pass to the destination route component\r\n * @property {string} [target] - Link target (_blank, _self, etc.)\r\n * @property {string} [rel] - Link relationship (noopener, noreferrer, etc.)\r\n * @property {string} [rc] - Reactive class attribute (Fynix-specific)\r\n * @property {string} [class] - CSS class names\r\n * @property {string} [id] - Element ID\r\n */\r\n\r\n/** Unique counter for props keys */\r\nlet propsCounter = 0;\r\n\r\n/**\r\n * SPA navigation link component for Fynix router.\r\n * Automatically handles client-side navigation and prop passing between routes.\r\n * \r\n * @param {PathProps & Record<string, any>} options - Component props\r\n * @returns {VNode} Anchor element virtual node\r\n * \r\n * @example\r\n * // Basic navigation\r\n * <Path to=\"/about\" value=\"About Us\" />\r\n * \r\n * @example\r\n * // Navigate with props\r\n * <Path \r\n *   to=\"/user/123\" \r\n *   value=\"View Profile\"\r\n *   props={{ userId: 123, fromSearch: true }}\r\n * />\r\n * \r\n * @example\r\n * // External link\r\n * <Path\r\n *   to=\"https://github.com\"\r\n *   value=\"GitHub\"\r\n *   target=\"_blank\"\r\n *   rel=\"noopener noreferrer\"\r\n * />\r\n * \r\n * @example\r\n * // With styling\r\n * <Path\r\n *   to=\"/dashboard\"\r\n *   value=\"Dashboard\"\r\n *   rc=\"px-4 py-2 bg-blue-500 text-white rounded\"\r\n * />\r\n */\r\nexport function Path({\r\n  to = \"#\",\r\n  value = \"\",\r\n  props: routeProps = {},\r\n  ...attrs\r\n}) {\r\n  ///console.log(\"[Path Component] Received routeProps:\", routeProps);\r\n\r\n  // Wrap plain props in nixState if not already\r\n  const wrappedProps = {};\r\n  for (const [k, v] of Object.entries(routeProps)) {\r\n    wrappedProps[k] = v && v._isNixState ? v : nixState(v);\r\n  }\r\n\r\n  // Generate a unique key for this props object\r\n  // FIX: Do not use __ prefix as router blocks it for security\r\n  const propsKey = `fynixProp_${Date.now()}_${propsCounter++}`;\r\n\r\n  // FIX: Store props in the namespace expected by the router\r\n  if (!window.__fynixLinkProps__) {\r\n    window.__fynixLinkProps__ = {};\r\n  }\r\n\r\n  // Debug log\r\n  // console.log(\"[Path] Storage props:\", propsKey, wrappedProps);\r\n\r\n  window.__fynixLinkProps__[propsKey] = wrappedProps;\r\n\r\n  // Create the anchor element\r\n  const el = Fynix(\r\n    \"a\",\r\n    {\r\n      href: to,\r\n      \"data-fynix-link\": true, // SPA link detection\r\n      \"data-props-key\": propsKey,\r\n      ...attrs,\r\n    },\r\n    value\r\n  );\r\n\r\n  return el;\r\n}\r\n"],
-  "mappings": ";;AAKA,SAAS,OAAO,gBAAgB;AAehC,IAAI,eAAe;AAsCZ,SAAS,KAAK;AAAA,EACnB,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,OAAO,aAAa,CAAC;AAAA,EACrB,GAAG;AACL,GAAG;AAID,QAAM,eAAe,CAAC;AACtB,aAAW,CAAC,GAAG,CAAC,KAAK,OAAO,QAAQ,UAAU,GAAG;AAC/C,iBAAa,CAAC,IAAI,KAAK,EAAE,cAAc,IAAI,SAAS,CAAC;AAAA,EACvD;AAIA,QAAM,WAAW,aAAa,KAAK,IAAI,CAAC,IAAI,cAAc;AAG1D,MAAI,CAAC,OAAO,oBAAoB;AAC9B,WAAO,qBAAqB,CAAC;AAAA,EAC/B;AAKA,SAAO,mBAAmB,QAAQ,IAAI;AAGtC,QAAM,KAAK;AAAA,IACT;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,mBAAmB;AAAA;AAAA,MACnB,kBAAkB;AAAA,MAClB,GAAG;AAAA,IACL;AAAA,IACA;AAAA,EACF;AAEA,SAAO;AACT;AAzCgB;",
+  "sources": ["../../custom/path.ts"],
+  "sourcesContent": ["/* MIT License\r\n\r\n* Copyright (c) 2026 Resty Gonzales\r\n\r\nPermission is hereby granted, free of charge, to any person obtaining a copy\r\nof this software and associated documentation files (the \"Software\"), to deal\r\nin the Software without restriction, including without limitation the rights\r\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\r\ncopies of the Software, and to permit persons to whom the Software is\r\nfurnished to do so, subject to the following conditions:\r\n\r\nThe above copyright notice and this permission notice shall be included in all\r\ncopies or substantial portions of the Software.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\r\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\r\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\r\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\r\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\r\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\r\n* SOFTWARE.\r\n */\r\n/**\r\n * @fileoverview Path component for SPA navigation in Fynix applications.\r\n * Provides client-side routing with prop passing between routes.\r\n */\r\n\r\nimport { Fynix, nixState } from \"../runtime.js\";\r\n\r\n/**\r\n * @typedef {Object} PathProps\r\n * @property {string} [to=\"#\"] - URL to navigate to (relative or absolute)\r\n * @property {string} [value=\"\"] - Link text content\r\n * @property {Record<string, any>} [props={}] - Props to pass to the destination route component\r\n * @property {string} [target] - Link target (_blank, _self, etc.)\r\n * @property {string} [rel] - Link relationship (noopener, noreferrer, etc.)\r\n * @property {string} [rc] - Reactive class attribute (Fynix-specific)\r\n * @property {string} [class] - CSS class names\r\n * @property {string} [id] - Element ID\r\n */\r\n\r\n/** Extend Window interface for __fynixLinkProps__ */\r\ndeclare global {\r\n  interface Window {\r\n    __fynixLinkProps__?: Record<string, any>;\r\n  }\r\n}\r\n\r\n/** Unique counter for props keys */\r\nlet propsCounter = 0;\r\n\r\n/**\r\n * SPA navigation link component for Fynix router.\r\n * Automatically handles client-side navigation and prop passing between routes.\r\n *\r\n * @param {PathProps & Record<string, any>} options - Component props\r\n * @returns {VNode} Anchor element virtual node\r\n *\r\n * @example\r\n * // Basic navigation\r\n * <Path to=\"/about\" value=\"About Us\" />\r\n *\r\n * @example\r\n * // Navigate with props\r\n * <Path\r\n *   to=\"/user/123\"\r\n *   value=\"View Profile\"\r\n *   props={{ userId: 123, fromSearch: true }}\r\n * />\r\n *\r\n * @example\r\n * // External link\r\n * <Path\r\n *   to=\"https://github.com\"\r\n *   value=\"GitHub\"\r\n *   target=\"_blank\"\r\n *   rel=\"noopener noreferrer\"\r\n * />\r\n *\r\n * @example\r\n * // With styling\r\n * <Path\r\n *   to=\"/dashboard\"\r\n *   value=\"Dashboard\"\r\n *   rc=\"px-4 py-2 bg-blue-500 text-white rounded\"\r\n * />\r\n */\r\n// Use 'any' as the return type to avoid the VNode type export error\r\nexport function Path({\r\n  to = \"#\",\r\n  value = \"\",\r\n  props: routeProps = {},\r\n  ...attrs\r\n}: {\r\n  to?: string;\r\n  value?: string;\r\n  props?: { [key: string]: any };\r\n  [key: string]: any;\r\n}): any {\r\n  ///console.log(\"[Path Component] Received routeProps:\", routeProps);\r\n\r\n  // Wrap plain props in nixState if not already\r\n  const wrappedProps: { [key: string]: any } = {};\r\n  for (const [k, v] of Object.entries(routeProps as { [key: string]: any })) {\r\n    wrappedProps[k] = v && v._isNixState ? v : nixState(v);\r\n  }\r\n\r\n  // Generate a unique key for this props object\r\n  // FIX: Do not use __ prefix as router blocks it for security\r\n  const propsKey = `fynixProp_${Date.now()}_${propsCounter++}`;\r\n\r\n  // FIX: Store props in the namespace expected by the router\r\n  if (!window.__fynixLinkProps__) {\r\n    window.__fynixLinkProps__ = {};\r\n  }\r\n\r\n  // Debug log\r\n  // console.log(\"[Path] Storage props:\", propsKey, wrappedProps);\r\n\r\n  window.__fynixLinkProps__[propsKey] = wrappedProps;\r\n\r\n  // Create the anchor element\r\n  const el = Fynix(\r\n    \"a\",\r\n    {\r\n      href: to,\r\n      \"data-fynix-link\": true, // SPA link detection\r\n      \"data-props-key\": propsKey,\r\n      ...attrs,\r\n    },\r\n    value\r\n  );\r\n\r\n  return el;\r\n}\r\n"],
+  "mappings": ";;AA2BA,SAAS,OAAO,gBAAgB;AAsBhC,IAAI,eAAe;AAuCZ,SAAS,KAAK;AAAA,EACnB,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,OAAO,aAAa,CAAC;AAAA,EACrB,GAAG;AACL,GAKQ;AAIN,QAAM,eAAuC,CAAC;AAC9C,aAAW,CAAC,GAAG,CAAC,KAAK,OAAO,QAAQ,UAAoC,GAAG;AACzE,iBAAa,CAAC,IAAI,KAAK,EAAE,cAAc,IAAI,SAAS,CAAC;AAAA,EACvD;AAIA,QAAM,WAAW,aAAa,KAAK,IAAI,CAAC,IAAI,cAAc;AAG1D,MAAI,CAAC,OAAO,oBAAoB;AAC9B,WAAO,qBAAqB,CAAC;AAAA,EAC/B;AAKA,SAAO,mBAAmB,QAAQ,IAAI;AAGtC,QAAM,KAAK;AAAA,IACT;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,mBAAmB;AAAA;AAAA,MACnB,kBAAkB;AAAA,MAClB,GAAG;AAAA,IACL;AAAA,IACA;AAAA,EACF;AAEA,SAAO;AACT;AA9CgB;",
   "names": []
 }

package/dist/error/errorOverlay.d.ts

@@ -0,0 +1,3 @@
+export declare function showErrorOverlay(error: Error): void;
+export declare function removeErrorOverlay(): void;
+//# sourceMappingURL=errorOverlay.d.ts.map

package/dist/error/errorOverlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"errorOverlay.d.ts","sourceRoot":"","sources":["../../error/errorOverlay.ts"],"names":[],"mappings":"AAyCA,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI,CA2FnD;AAQD,wBAAgB,kBAAkB,IAAI,IAAI,CAMzC"}

package/dist/error/errorOverlay.js

@@ -1,93 +1,84 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-function showErrorOverlay(error) {
-  removeErrorOverlay();
-  const overlay = document.createElement("div");
-  overlay.id = "dev-error-overlay";
-  Object.assign(overlay.style, {
-    position: "fixed",
-    inset: 0,
-    width: "100%",
-    height: "100%",
-    backgroundColor: "rgba(0, 0, 0, 0.9)",
-    color: "#fff",
-    fontFamily: "Consolas, monospace",
-    padding: "30px",
-    zIndex: 99999,
-    overflowY: "auto",
-    transition: "opacity 0.25s ease",
-    opacity: "0"
-  });
-  const container = document.createElement("div");
-  container.style.position = "relative";
-  container.style.maxWidth = "900px";
-  container.style.margin = "50px auto";
-  container.style.background = "rgba(255, 255, 255, 0.05)";
-  container.style.borderRadius = "8px";
-  container.style.padding = "20px 30px";
-  container.style.boxShadow = "0 0 10px rgba(255, 0, 0, 0.3)";
-  const closeBtn = document.createElement("button");
-  closeBtn.textContent = "\xD7 Close";
-  Object.assign(closeBtn.style, {
-    position: "absolute",
-    top: "10px",
-    right: "10px",
-    background: "#ff5555",
-    color: "#fff",
-    border: "none",
-    padding: "6px 12px",
-    fontSize: "16px",
-    borderRadius: "4px",
-    cursor: "pointer",
-    zIndex: 10
-  });
-  closeBtn.addEventListener("click", () => removeErrorOverlay());
-  container.appendChild(closeBtn);
-  const title = document.createElement("h1");
-  title.textContent = "Runtime Error";
-  Object.assign(title.style, {
-    color: "#ff5555",
-    fontSize: "24px",
-    marginBottom: "10px"
-  });
-  const message = document.createElement("pre");
-  message.textContent = error?.message || "Unknown error";
-  Object.assign(message.style, {
-    whiteSpace: "pre-wrap",
-    background: "rgba(255, 255, 255, 0.1)",
-    padding: "10px",
-    borderRadius: "6px",
-    marginTop: "10px",
-    color: "#ffaaaa"
-  });
-  const stack = document.createElement("pre");
-  stack.textContent = error?.stack || "";
-  Object.assign(stack.style, {
-    whiteSpace: "pre-wrap",
-    marginTop: "15px",
-    color: "#ccc"
-  });
-  container.appendChild(title);
-  container.appendChild(message);
-  container.appendChild(stack);
-  overlay.appendChild(container);
-  document.body.appendChild(overlay);
-  requestAnimationFrame(() => {
-    overlay.style.opacity = "1";
-  });
-  console.error("FynixJS Runtime Error]", error);
+export function showErrorOverlay(error) {
+    removeErrorOverlay();
+    const overlay = document.createElement("div");
+    overlay.id = "dev-error-overlay";
+    Object.assign(overlay.style, {
+        position: "fixed",
+        inset: 0,
+        width: "100%",
+        height: "100%",
+        backgroundColor: "rgba(0, 0, 0, 0.9)",
+        color: "#fff",
+        fontFamily: "Consolas, monospace",
+        padding: "30px",
+        zIndex: 99999,
+        overflowY: "auto",
+        transition: "opacity 0.25s ease",
+        opacity: "0",
+    });
+    const container = document.createElement("div");
+    container.style.position = "relative";
+    container.style.maxWidth = "900px";
+    container.style.margin = "50px auto";
+    container.style.background = "rgba(255, 255, 255, 0.05)";
+    container.style.borderRadius = "8px";
+    container.style.padding = "20px 30px";
+    container.style.boxShadow = "0 0 10px rgba(255, 0, 0, 0.3)";
+    const closeBtn = document.createElement("button");
+    closeBtn.textContent = "× Close";
+    Object.assign(closeBtn.style, {
+        position: "absolute",
+        top: "10px",
+        right: "10px",
+        background: "#ff5555",
+        color: "#fff",
+        border: "none",
+        padding: "6px 12px",
+        fontSize: "16px",
+        borderRadius: "4px",
+        cursor: "pointer",
+        zIndex: 10,
+    });
+    closeBtn.addEventListener("click", () => removeErrorOverlay());
+    container.appendChild(closeBtn);
+    const title = document.createElement("h1");
+    title.textContent = "Runtime Error";
+    Object.assign(title.style, {
+        color: "#ff5555",
+        fontSize: "24px",
+        marginBottom: "10px",
+    });
+    const message = document.createElement("pre");
+    message.textContent = error?.message || "Unknown error";
+    Object.assign(message.style, {
+        whiteSpace: "pre-wrap",
+        background: "rgba(255, 255, 255, 0.1)",
+        padding: "10px",
+        borderRadius: "6px",
+        marginTop: "10px",
+        color: "#ffaaaa",
+    });
+    const stack = document.createElement("pre");
+    stack.textContent = error?.stack || "";
+    Object.assign(stack.style, {
+        whiteSpace: "pre-wrap",
+        marginTop: "15px",
+        color: "#ccc",
+    });
+    container.appendChild(title);
+    container.appendChild(message);
+    container.appendChild(stack);
+    overlay.appendChild(container);
+    document.body.appendChild(overlay);
+    requestAnimationFrame(() => {
+        overlay.style.opacity = "1";
+    });
+    console.error("[FynixJS Runtime Error]", error);
 }
-__name(showErrorOverlay, "showErrorOverlay");
-function removeErrorOverlay() {
-  const existing = document.getElementById("dev-error-overlay");
-  if (existing) {
-    existing.style.opacity = "0";
-    setTimeout(() => existing.remove(), 200);
-  }
+export function removeErrorOverlay() {
+    const existing = document.getElementById("dev-error-overlay");
+    if (existing) {
+        existing.style.opacity = "0";
+        setTimeout(() => existing.remove(), 200);
+    }
 }
-__name(removeErrorOverlay, "removeErrorOverlay");
-export {
-  removeErrorOverlay,
-  showErrorOverlay
-};
-//# sourceMappingURL=errorOverlay.js.map

package/dist/error/errorOverlay.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../error/errorOverlay.js"],
-  "sourcesContent": ["/**\r\n * @fileoverview Development error overlay for Fynix applications.\r\n * Displays runtime errors in a user-friendly overlay during development.\r\n */\r\n\r\n/**\r\n * Display an error overlay with error details.\r\n * Shows error message, stack trace, and a close button.\r\n * \r\n * @param {Error} error - The error object to display\r\n * @returns {void}\r\n * \r\n * @example\r\n * try {\r\n *   // some code\r\n * } catch (err) {\r\n *   showErrorOverlay(err);\r\n * }\r\n */\r\nexport function showErrorOverlay(error) {\r\n  removeErrorOverlay();\r\n\r\n  const overlay = document.createElement(\"div\");\r\n  overlay.id = \"dev-error-overlay\";\r\n  Object.assign(overlay.style, {\r\n    position: \"fixed\",\r\n    inset: 0,\r\n    width: \"100%\",\r\n    height: \"100%\",\r\n    backgroundColor: \"rgba(0, 0, 0, 0.9)\",\r\n    color: \"#fff\",\r\n    fontFamily: \"Consolas, monospace\",\r\n    padding: \"30px\",\r\n    zIndex: 99999,\r\n    overflowY: \"auto\",\r\n    transition: \"opacity 0.25s ease\",\r\n    opacity: \"0\",\r\n  });\r\n\r\n  const container = document.createElement(\"div\");\r\n  container.style.position = \"relative\"; // important for absolute button\r\n  container.style.maxWidth = \"900px\";\r\n  container.style.margin = \"50px auto\";\r\n  container.style.background = \"rgba(255, 255, 255, 0.05)\";\r\n  container.style.borderRadius = \"8px\";\r\n  container.style.padding = \"20px 30px\";\r\n  container.style.boxShadow = \"0 0 10px rgba(255, 0, 0, 0.3)\";\r\n\r\n  // Close Button\r\n  const closeBtn = document.createElement(\"button\");\r\n  closeBtn.textContent = \"\u00D7 Close\";\r\n  Object.assign(closeBtn.style, {\r\n    position: \"absolute\",\r\n    top: \"10px\",\r\n    right: \"10px\",\r\n    background: \"#ff5555\",\r\n    color: \"#fff\",\r\n    border: \"none\",\r\n    padding: \"6px 12px\",\r\n    fontSize: \"16px\",\r\n    borderRadius: \"4px\",\r\n    cursor: \"pointer\",\r\n    zIndex: 10,\r\n  });\r\n  closeBtn.addEventListener(\"click\", () => removeErrorOverlay());\r\n  container.appendChild(closeBtn);\r\n\r\n  // Title\r\n  const title = document.createElement(\"h1\");\r\n  title.textContent = \"Runtime Error\";\r\n  Object.assign(title.style, {\r\n    color: \"#ff5555\",\r\n    fontSize: \"24px\",\r\n    marginBottom: \"10px\",\r\n  });\r\n\r\n  // Message\r\n  const message = document.createElement(\"pre\");\r\n  message.textContent = error?.message || \"Unknown error\";\r\n  Object.assign(message.style, {\r\n    whiteSpace: \"pre-wrap\",\r\n    background: \"rgba(255, 255, 255, 0.1)\",\r\n    padding: \"10px\",\r\n    borderRadius: \"6px\",\r\n    marginTop: \"10px\",\r\n    color: \"#ffaaaa\",\r\n  });\r\n\r\n  // Stack trace\r\n  const stack = document.createElement(\"pre\");\r\n  stack.textContent = error?.stack || \"\";\r\n  Object.assign(stack.style, {\r\n    whiteSpace: \"pre-wrap\",\r\n    marginTop: \"15px\",\r\n    color: \"#ccc\",\r\n  });\r\n\r\n  container.appendChild(title);\r\n  container.appendChild(message);\r\n  container.appendChild(stack);\r\n  overlay.appendChild(container);\r\n  document.body.appendChild(overlay);\r\n\r\n  // Smooth fade-in\r\n  requestAnimationFrame(() => {\r\n    overlay.style.opacity = \"1\";\r\n  });\r\n\r\n  // Console log\r\n  console.error(\"FynixJS Runtime Error]\", error);\r\n}\r\n\r\n/**\r\n * Remove the error overlay from the DOM.\r\n * Fades out the overlay before removing it.\r\n * \r\n * @returns {void}\r\n */\r\nexport function removeErrorOverlay() {\r\n  const existing = document.getElementById(\"dev-error-overlay\");\r\n  if (existing) {\r\n    existing.style.opacity = \"0\";\r\n    setTimeout(() => existing.remove(), 200);\r\n  }\r\n}\r\n"],
-  "mappings": ";;AAmBO,SAAS,iBAAiB,OAAO;AACtC,qBAAmB;AAEnB,QAAM,UAAU,SAAS,cAAc,KAAK;AAC5C,UAAQ,KAAK;AACb,SAAO,OAAO,QAAQ,OAAO;AAAA,IAC3B,UAAU;AAAA,IACV,OAAO;AAAA,IACP,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,iBAAiB;AAAA,IACjB,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,SAAS;AAAA,EACX,CAAC;AAED,QAAM,YAAY,SAAS,cAAc,KAAK;AAC9C,YAAU,MAAM,WAAW;AAC3B,YAAU,MAAM,WAAW;AAC3B,YAAU,MAAM,SAAS;AACzB,YAAU,MAAM,aAAa;AAC7B,YAAU,MAAM,eAAe;AAC/B,YAAU,MAAM,UAAU;AAC1B,YAAU,MAAM,YAAY;AAG5B,QAAM,WAAW,SAAS,cAAc,QAAQ;AAChD,WAAS,cAAc;AACvB,SAAO,OAAO,SAAS,OAAO;AAAA,IAC5B,UAAU;AAAA,IACV,KAAK;AAAA,IACL,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,UAAU;AAAA,IACV,cAAc;AAAA,IACd,QAAQ;AAAA,IACR,QAAQ;AAAA,EACV,CAAC;AACD,WAAS,iBAAiB,SAAS,MAAM,mBAAmB,CAAC;AAC7D,YAAU,YAAY,QAAQ;AAG9B,QAAM,QAAQ,SAAS,cAAc,IAAI;AACzC,QAAM,cAAc;AACpB,SAAO,OAAO,MAAM,OAAO;AAAA,IACzB,OAAO;AAAA,IACP,UAAU;AAAA,IACV,cAAc;AAAA,EAChB,CAAC;AAGD,QAAM,UAAU,SAAS,cAAc,KAAK;AAC5C,UAAQ,cAAc,OAAO,WAAW;AACxC,SAAO,OAAO,QAAQ,OAAO;AAAA,IAC3B,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,cAAc;AAAA,IACd,WAAW;AAAA,IACX,OAAO;AAAA,EACT,CAAC;AAGD,QAAM,QAAQ,SAAS,cAAc,KAAK;AAC1C,QAAM,cAAc,OAAO,SAAS;AACpC,SAAO,OAAO,MAAM,OAAO;AAAA,IACzB,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,OAAO;AAAA,EACT,CAAC;AAED,YAAU,YAAY,KAAK;AAC3B,YAAU,YAAY,OAAO;AAC7B,YAAU,YAAY,KAAK;AAC3B,UAAQ,YAAY,SAAS;AAC7B,WAAS,KAAK,YAAY,OAAO;AAGjC,wBAAsB,MAAM;AAC1B,YAAQ,MAAM,UAAU;AAAA,EAC1B,CAAC;AAGD,UAAQ,MAAM,0BAA0B,KAAK;AAC/C;AA3FgB;AAmGT,SAAS,qBAAqB;AACnC,QAAM,WAAW,SAAS,eAAe,mBAAmB;AAC5D,MAAI,UAAU;AACZ,aAAS,MAAM,UAAU;AACzB,eAAW,MAAM,SAAS,OAAO,GAAG,GAAG;AAAA,EACzC;AACF;AANgB;",
+  "sources": ["../../error/errorOverlay.ts"],
+  "sourcesContent": ["/* MIT License\r\n\r\n* Copyright (c) 2026 Resty Gonzales\r\n\r\nPermission is hereby granted, free of charge, to any person obtaining a copy\r\nof this software and associated documentation files (the \"Software\"), to deal\r\nin the Software without restriction, including without limitation the rights\r\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\r\ncopies of the Software, and to permit persons to whom the Software is\r\nfurnished to do so, subject to the following conditions:\r\n\r\nThe above copyright notice and this permission notice shall be included in all\r\ncopies or substantial portions of the Software.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\r\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\r\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\r\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\r\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\r\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\r\n* SOFTWARE.\r\n */\r\n/**\r\n * @fileoverview Development error overlay for Fynix applications.\r\n * Displays runtime errors in a user-friendly overlay during development.\r\n */\r\n\r\n/**\r\n * Display an error overlay with error details.\r\n * Shows error message, stack trace, and a close button.\r\n *\r\n * @param {Error} error - The error object to display\r\n * @returns {void}\r\n *\r\n * @example\r\n * try {\r\n *   // some code\r\n * } catch (err) {\r\n *   showErrorOverlay(err);\r\n * }\r\n */\r\nexport function showErrorOverlay(error: Error): void {\r\n  removeErrorOverlay();\r\n\r\n  const overlay = document.createElement(\"div\");\r\n  overlay.id = \"dev-error-overlay\";\r\n  Object.assign(overlay.style, {\r\n    position: \"fixed\",\r\n    inset: 0,\r\n    width: \"100%\",\r\n    height: \"100%\",\r\n    backgroundColor: \"rgba(0, 0, 0, 0.9)\",\r\n    color: \"#fff\",\r\n    fontFamily: \"Consolas, monospace\",\r\n    padding: \"30px\",\r\n    zIndex: 99999,\r\n    overflowY: \"auto\",\r\n    transition: \"opacity 0.25s ease\",\r\n    opacity: \"0\",\r\n  });\r\n\r\n  const container = document.createElement(\"div\");\r\n  container.style.position = \"relative\"; // important for absolute button\r\n  container.style.maxWidth = \"900px\";\r\n  container.style.margin = \"50px auto\";\r\n  container.style.background = \"rgba(255, 255, 255, 0.05)\";\r\n  container.style.borderRadius = \"8px\";\r\n  container.style.padding = \"20px 30px\";\r\n  container.style.boxShadow = \"0 0 10px rgba(255, 0, 0, 0.3)\";\r\n\r\n  // Close Button\r\n  const closeBtn = document.createElement(\"button\");\r\n  closeBtn.textContent = \"\u00D7 Close\";\r\n  Object.assign(closeBtn.style, {\r\n    position: \"absolute\",\r\n    top: \"10px\",\r\n    right: \"10px\",\r\n    background: \"#ff5555\",\r\n    color: \"#fff\",\r\n    border: \"none\",\r\n    padding: \"6px 12px\",\r\n    fontSize: \"16px\",\r\n    borderRadius: \"4px\",\r\n    cursor: \"pointer\",\r\n    zIndex: 10,\r\n  });\r\n  closeBtn.addEventListener(\"click\", () => removeErrorOverlay());\r\n  container.appendChild(closeBtn);\r\n\r\n  // Title\r\n  const title = document.createElement(\"h1\");\r\n  title.textContent = \"Runtime Error\";\r\n  Object.assign(title.style, {\r\n    color: \"#ff5555\",\r\n    fontSize: \"24px\",\r\n    marginBottom: \"10px\",\r\n  });\r\n\r\n  // Message\r\n  const message = document.createElement(\"pre\");\r\n  message.textContent = error?.message || \"Unknown error\";\r\n  Object.assign(message.style, {\r\n    whiteSpace: \"pre-wrap\",\r\n    background: \"rgba(255, 255, 255, 0.1)\",\r\n    padding: \"10px\",\r\n    borderRadius: \"6px\",\r\n    marginTop: \"10px\",\r\n    color: \"#ffaaaa\",\r\n  });\r\n\r\n  // Stack trace\r\n  const stack = document.createElement(\"pre\");\r\n  stack.textContent = error?.stack || \"\";\r\n  Object.assign(stack.style, {\r\n    whiteSpace: \"pre-wrap\",\r\n    marginTop: \"15px\",\r\n    color: \"#ccc\",\r\n  });\r\n\r\n  container.appendChild(title);\r\n  container.appendChild(message);\r\n  container.appendChild(stack);\r\n  overlay.appendChild(container);\r\n  document.body.appendChild(overlay);\r\n\r\n  // Smooth fade-in\r\n  requestAnimationFrame(() => {\r\n    overlay.style.opacity = \"1\";\r\n  });\r\n\r\n  // Console log\r\n  console.error(\"[FynixJS Runtime Error]\", error);\r\n}\r\n\r\n/**\r\n * Remove the error overlay from the DOM.\r\n * Fades out the overlay before removing it.\r\n *\r\n * @returns {void}\r\n */\r\nexport function removeErrorOverlay(): void {\r\n  const existing = document.getElementById(\"dev-error-overlay\");\r\n  if (existing) {\r\n    existing.style.opacity = \"0\";\r\n    setTimeout(() => existing.remove(), 200);\r\n  }\r\n}\r\n"],
+  "mappings": ";;AAyCO,SAAS,iBAAiB,OAAoB;AACnD,qBAAmB;AAEnB,QAAM,UAAU,SAAS,cAAc,KAAK;AAC5C,UAAQ,KAAK;AACb,SAAO,OAAO,QAAQ,OAAO;AAAA,IAC3B,UAAU;AAAA,IACV,OAAO;AAAA,IACP,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,iBAAiB;AAAA,IACjB,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,SAAS;AAAA,EACX,CAAC;AAED,QAAM,YAAY,SAAS,cAAc,KAAK;AAC9C,YAAU,MAAM,WAAW;AAC3B,YAAU,MAAM,WAAW;AAC3B,YAAU,MAAM,SAAS;AACzB,YAAU,MAAM,aAAa;AAC7B,YAAU,MAAM,eAAe;AAC/B,YAAU,MAAM,UAAU;AAC1B,YAAU,MAAM,YAAY;AAG5B,QAAM,WAAW,SAAS,cAAc,QAAQ;AAChD,WAAS,cAAc;AACvB,SAAO,OAAO,SAAS,OAAO;AAAA,IAC5B,UAAU;AAAA,IACV,KAAK;AAAA,IACL,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,UAAU;AAAA,IACV,cAAc;AAAA,IACd,QAAQ;AAAA,IACR,QAAQ;AAAA,EACV,CAAC;AACD,WAAS,iBAAiB,SAAS,MAAM,mBAAmB,CAAC;AAC7D,YAAU,YAAY,QAAQ;AAG9B,QAAM,QAAQ,SAAS,cAAc,IAAI;AACzC,QAAM,cAAc;AACpB,SAAO,OAAO,MAAM,OAAO;AAAA,IACzB,OAAO;AAAA,IACP,UAAU;AAAA,IACV,cAAc;AAAA,EAChB,CAAC;AAGD,QAAM,UAAU,SAAS,cAAc,KAAK;AAC5C,UAAQ,cAAc,OAAO,WAAW;AACxC,SAAO,OAAO,QAAQ,OAAO;AAAA,IAC3B,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,cAAc;AAAA,IACd,WAAW;AAAA,IACX,OAAO;AAAA,EACT,CAAC;AAGD,QAAM,QAAQ,SAAS,cAAc,KAAK;AAC1C,QAAM,cAAc,OAAO,SAAS;AACpC,SAAO,OAAO,MAAM,OAAO;AAAA,IACzB,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,OAAO;AAAA,EACT,CAAC;AAED,YAAU,YAAY,KAAK;AAC3B,YAAU,YAAY,OAAO;AAC7B,YAAU,YAAY,KAAK;AAC3B,UAAQ,YAAY,SAAS;AAC7B,WAAS,KAAK,YAAY,OAAO;AAGjC,wBAAsB,MAAM;AAC1B,YAAQ,MAAM,UAAU;AAAA,EAC1B,CAAC;AAGD,UAAQ,MAAM,2BAA2B,KAAK;AAChD;AA3FgB;AAmGT,SAAS,qBAA2B;AACzC,QAAM,WAAW,SAAS,eAAe,mBAAmB;AAC5D,MAAI,UAAU;AACZ,aAAS,MAAM,UAAU;AACzB,eAAW,MAAM,SAAS,OAAO,GAAG,GAAG;AAAA,EACzC;AACF;AANgB;",
   "names": []
 }

package/dist/fynix/index.d.ts

@@ -0,0 +1,5 @@
+export * from "../runtime.js";
+export * from "../router/router.js";
+export { default as createFynix } from "../router/router.js";
+export { Fynix } from "../runtime.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/fynix/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../fynix/index.ts"],"names":[],"mappings":"AAuBA,cAAc,eAAe,CAAC;AAE9B,cAAc,qBAAqB,CAAC;AACpC,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAC7D,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC"}

package/dist/fynix/index.js

@@ -1,9 +1,4 @@
 export * from "../runtime.js";
-import { Fynix } from "../runtime.js";
 export * from "../router/router.js";
-import { default as default2 } from "../router/router.js";
-export {
-  Fynix,
-  default2 as createFynix
-};
-//# sourceMappingURL=index.js.map
+export { default as createFynix } from "../router/router.js";
+export { Fynix } from "../runtime.js";

package/dist/fynix/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../fynix/index.js"],
-  "sourcesContent": ["// fynix/index.js - Single entry point for all core functionality\r\nexport * from \"../runtime.js\";\r\n// Re-export Fynix namespace and hooks under new names\r\nexport { Fynix} from \"../runtime.js\";\r\nexport * from \"../router/router.js\";\r\nexport { default as createFynix } from \"../router/router.js\";\r\n"],
-  "mappings": "AACA,cAAc;AAEd,SAAS,aAAY;AACrB,cAAc;AACd,SAAoB,WAAXA,gBAA8B;",
+  "sources": ["../../fynix/index.ts"],
+  "sourcesContent": ["/* MIT License\r\n\r\n* Copyright (c) 2026 Resty Gonzales\r\n\r\nPermission is hereby granted, free of charge, to any person obtaining a copy\r\nof this software and associated documentation files (the \"Software\"), to deal\r\nin the Software without restriction, including without limitation the rights\r\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\r\ncopies of the Software, and to permit persons to whom the Software is\r\nfurnished to do so, subject to the following conditions:\r\n\r\nThe above copyright notice and this permission notice shall be included in all\r\ncopies or substantial portions of the Software.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\r\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\r\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\r\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\r\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\r\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\r\n* SOFTWARE.\r\n */\r\n// fynix/index.js - Single entry point for all core functionality\r\nexport * from \"../runtime.js\";\r\n// Re-export Fynix namespace and hooks under new names\r\nexport * from \"../router/router.js\";\r\nexport { default as createFynix } from \"../router/router.js\";\r\nexport { Fynix } from \"../runtime.js\";\r\n"],
+  "mappings": "AAuBA,cAAc;AAEd,cAAc;AACd,SAAoB,WAAXA,gBAA8B;AACvC,SAAS,aAAa;",
   "names": ["default"]
 }

package/dist/hooks/nixAsync.d.ts

@@ -0,0 +1,14 @@
+export declare function nixAsync<T>(promiseFactory: (signal: AbortSignal) => Promise<T>): {
+    data: {
+        value: T | null;
+    };
+    error: {
+        value: Error | null;
+    };
+    loading: {
+        value: boolean;
+    };
+    run: () => Promise<void>;
+    cancel: () => void;
+};
+//# sourceMappingURL=nixAsync.d.ts.map

package/dist/hooks/nixAsync.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nixAsync.d.ts","sourceRoot":"","sources":["../../hooks/nixAsync.ts"],"names":[],"mappings":"AA+BA,wBAAgB,QAAQ,CAAC,CAAC,EACxB,cAAc,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,OAAO,CAAC,CAAC,CAAC,GAClD;IACD,IAAI,EAAE;QAAE,KAAK,EAAE,CAAC,GAAG,IAAI,CAAA;KAAE,CAAC;IAC1B,KAAK,EAAE;QAAE,KAAK,EAAE,KAAK,GAAG,IAAI,CAAA;KAAE,CAAC;IAC/B,OAAO,EAAE;QAAE,KAAK,EAAE,OAAO,CAAA;KAAE,CAAC;IAC5B,GAAG,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACzB,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB,CAwCA"}