flexium 0.12.19 → 0.13.0

package/README.md

@@ -6,11 +6,11 @@
 
 **Simpler, Faster, Unified.**
 
-Flexium is a next-generation UI framework that unifies state management, async data fetching, and global state into a single, powerful API: `state()`.
+Flexium is a next-generation UI framework that unifies state management, async data fetching, and global state into a single, powerful API: `use()`.
 
 ## Key Features
 
-- **Unified State API** - No more `useState`, `useRecoil`, `useQuery` separation. Just `state()`.
+- **Unified State API** - No more `useRecoil`, `useQuery` separation. Just `use()`.
 - **No Virtual DOM** - Direct DOM updates via Proxy-based fine-grained reactivity.
 - **Tiny Bundle** - Minimal footprint with tree-shaking support.
 - **Cross-Platform** - DOM, Canvas, Server (SSR) renderers included.
@@ -32,18 +32,18 @@ npm install
 npm run dev
 ```
 
-## The Only API You Need: `state()`
+## The Only API You Need: `use()`
 
 Flexium unifies all state concepts into one function.
 
 ### Local State
 
 ```tsx
-import { state } from 'flexium/core'
+import { use } from 'flexium/core'
 import { render } from 'flexium/dom'
 
 function Counter() {
-  const [count, setCount] = state(0)
+  const [count, setCount] = use(0)
 
   return (
     <button onclick={() => setCount(c => c + 1)}>
@@ -61,11 +61,11 @@ Just add a `key` to share state across components. Keys can be strings or arrays
 
 ```tsx
 // Define global state with array key
-const [theme, setTheme] = state('light', { key: ['app', 'theme'] })
+const [theme, setTheme] = use('light', { key: ['app', 'theme'] })
 
 function ThemeToggle() {
   // Access same state anywhere with the same key
-  const [theme, setTheme] = state('light', { key: ['app', 'theme'] })
+  const [theme, setTheme] = use('light', { key: ['app', 'theme'] })
 
   return (
     <button onclick={() => setTheme(t => t === 'light' ? 'dark' : 'light')}>
@@ -81,7 +81,7 @@ Pass an async function to handle data fetching automatically.
 
 ```tsx
 function UserProfile({ id }) {
-  const [user, control] = state(async () => {
+  const [user, control] = use(async () => {
     const res = await fetch(`/api/users/${id}`)
     return res.json()
   })
@@ -101,21 +101,21 @@ function UserProfile({ id }) {
 ### Computed/Derived State
 
 ```tsx
-const [count, setCount] = state(1)
-const [doubled] = state(() => count * 2, { deps: [count] })
+const [count, setCount] = use(1)
+const [doubled] = use(() => count * 2, [count])
 ```
 
 ## Package Structure
 
 ```
 flexium
-├── /core         # Core reactivity: state(), effect(), sync(), context()
+├── /core         # Core reactivity: use(), sync(), createContext()
 ├── /dom          # DOM renderer: render(), hydrate(), Portal, Suspense
-├── /ref          # Ref system: ref(), forwardRef()
-├── /router       # SPA routing: Routes, Route, Link, Outlet
+├── /ref          # Ref system: useRef(), forwardRef()
+├── /router       # SPA routing: Routes, Route, Link, Outlet, useRouter(), useLocation()
 ├── /server       # SSR: renderToString(), renderToStaticMarkup()
 ├── /canvas       # Canvas 2D: Canvas, DrawRect, DrawCircle, DrawText
-└── /interactive  # Game loop: loop(), keyboard(), mouse()
+└── /interactive  # Game loop: useLoop(), keyboard(), mouse()
 ```
 
 ## Control Flow
@@ -136,7 +136,7 @@ Use native JavaScript for control flow - no special components needed:
 ## Routing
 
 ```tsx
-import { Routes, Route, Link, router } from 'flexium/router'
+import { Routes, Route, Link, useRouter } from 'flexium/router'
 
 function App() {
   return (
@@ -158,7 +158,7 @@ function UserProfile({ params }) {
 
 // Or use the router hook
 function UserProfileHook() {
-  const r = router()
+  const r = useRouter()
   return <h1>User: {r.params.id}</h1>
 }
 ```
@@ -167,9 +167,10 @@ function UserProfileHook() {
 
 ```tsx
 import { Canvas, DrawRect, DrawCircle, DrawText } from 'flexium/canvas'
+import { use } from 'flexium/core'
 
 function App() {
-  const [x, setX] = state(100)
+  const [x, setX] = use(100)
 
   return (
     <Canvas width={400} height={300}>
@@ -184,15 +185,15 @@ function App() {
 ## Game Development
 
 ```tsx
-import { state, effect } from 'flexium/core'
+import { use } from 'flexium/core'
 import { Canvas, DrawRect } from 'flexium/canvas'
-import { loop, keyboard, Keys } from 'flexium/interactive'
+import { useLoop, keyboard, Keys } from 'flexium/interactive'
 
 function Game() {
-  const [x, setX] = state(100)
+  const [x, setX] = use(100)
   const kb = keyboard()
 
-  const gameLoop = loop({
+  const gameLoop = useLoop({
     fixedFps: 60,
     onUpdate: (delta) => {
       if (kb.isPressed(Keys.ArrowRight)) setX(x => x + 200 * delta)
@@ -200,9 +201,9 @@ function Game() {
     }
   })
 
-  effect(() => {
+  use(({ onCleanup }) => {
     gameLoop.start()
-    return () => gameLoop.stop()
+    onCleanup(() => gameLoop.stop())
   }, [])
 
   return (
@@ -263,7 +264,7 @@ import { ErrorBoundary } from 'flexium/dom'
 ## Context API
 
 ```tsx
-import { createContext, context } from 'flexium/core'
+import { use, createContext } from 'flexium/core'
 
 const ThemeCtx = createContext('light')
 
@@ -276,7 +277,7 @@ function App() {
 }
 
 function Child() {
-  const theme = context(ThemeCtx)
+  const [theme] = use(ThemeCtx)
   return <div>Theme: {theme}</div>
 }
 ```

package/dist/advanced.d.cts

@@ -0,0 +1,5 @@
+import { C as Context } from './types--emg3Tgw.cjs';
+
+declare function createContext<T>(defaultValue: T): Context<T>;
+
+export { Context, createContext };

package/dist/advanced.d.ts

@@ -0,0 +1,5 @@
+import { C as Context } from './types--emg3Tgw.js';
+
+declare function createContext<T>(defaultValue: T): Context<T>;
+
+export { Context, createContext };

package/dist/advanced.js

@@ -0,0 +1,2 @@
+'use strict';var chunkCGB4YXKS_js=require('./chunk-CGB4YXKS.js');Object.defineProperty(exports,"createContext",{enumerable:true,get:function(){return chunkCGB4YXKS_js.a}});//# sourceMappingURL=advanced.js.map
+//# sourceMappingURL=advanced.js.map

package/dist/advanced.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"advanced.js"}

package/dist/advanced.mjs

@@ -0,0 +1,2 @@
+export{a as createContext}from'./chunk-NDPEE2TQ.mjs';//# sourceMappingURL=advanced.mjs.map
+//# sourceMappingURL=advanced.mjs.map

package/dist/advanced.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"advanced.mjs"}

package/dist/canvas.d.cts

@@ -1,5 +1,5 @@
 import { JSX } from './jsx-runtime.cjs';
-import './types-y2GGaXXk.cjs';
+import './types-DH8L3A5z.cjs';
 
 interface CanvasProps {
     width: number;

package/dist/canvas.d.ts

@@ -1,5 +1,5 @@
 import { JSX } from './jsx-runtime.js';
-import './types-y2GGaXXk.js';
+import './types-DH8L3A5z.js';
 
 interface CanvasProps {
     width: number;

package/dist/canvas.js

@@ -1,2 +1,2 @@
-'use strict';var chunk6VIRXD2Y_js=require('./chunk-6VIRXD2Y.js'),chunkYWTD32NA_js=require('./chunk-YWTD32NA.js');require('./chunk-UWFVCKRU.js');var chunkDUGPBZZ3_js=require('./chunk-DUGPBZZ3.js');var D=[];function l(t){D.push(t);}function C(t){let{width:u,height:w,children:e,style:y,ref:a}=t,s,n=null,i=()=>{!s||!n||(n.clearRect(0,0,u,w),D.length=0,Array.isArray(e)?e.forEach(o=>{typeof o=="function"&&o();}):typeof e=="function"&&e(),D.forEach(o=>{g(n,o);}),null);};return chunkYWTD32NA_js.e(()=>{s&&i();}),chunkDUGPBZZ3_js.a("canvas",{ref:o=>{s=o,n=o.getContext("2d"),a&&a(o),i();},width:u,height:w,style:y})}function r(t){return chunk6VIRXD2Y_js.b(t)?t.valueOf?.()??t:t}function g(t,u){let{type:w,props:e}=u,y=r(e.opacity);switch(y!==void 0&&(t.globalAlpha=y),w){case "rect":{let a=r(e.x),s=r(e.y),n=r(e.width),i=r(e.height),o=r(e.fill),f=r(e.stroke),c=r(e.strokeWidth);o&&(t.fillStyle=o,t.fillRect(a,s,n,i)),f&&(t.strokeStyle=f,c&&(t.lineWidth=c),t.strokeRect(a,s,n,i));break}case "circle":{let a=r(e.x),s=r(e.y),n=r(e.radius),i=r(e.fill),o=r(e.stroke),f=r(e.strokeWidth);t.beginPath(),t.arc(a,s,n,0,Math.PI*2),i&&(t.fillStyle=i,t.fill()),o&&(t.strokeStyle=o,f&&(t.lineWidth=f),t.stroke());break}case "arc":{let a=r(e.x),s=r(e.y),n=r(e.radius),i=r(e.startAngle),o=r(e.endAngle),f=r(e.counterclockwise)||false,c=r(e.fill),m=r(e.stroke),h=r(e.strokeWidth);t.beginPath(),t.arc(a,s,n,i,o,f),c&&(t.fillStyle=c,t.fill()),m&&(t.strokeStyle=m,h&&(t.lineWidth=h),t.stroke());break}case "line":{let a=r(e.x1),s=r(e.y1),n=r(e.x2),i=r(e.y2),o=r(e.stroke)||"black",f=r(e.strokeWidth)||1;t.beginPath(),t.moveTo(a,s),t.lineTo(n,i),t.strokeStyle=o,t.lineWidth=f,t.stroke();break}case "text":{let a=r(e.x),s=r(e.y),n=r(e.text),i=r(e.fill)||"black",o=r(e.fontSize)||16,f=r(e.fontFamily)||"sans-serif",c=r(e.fontWeight)||"normal",m=r(e.textAlign)||"left";t.font=`${c} ${o}px ${f}`,t.textAlign=m,t.fillStyle=i,t.fillText(n,a,s);break}case "path":{let a=r(e.d),s=r(e.fill),n=r(e.stroke),i=r(e.strokeWidth),o=new Path2D(a);s&&(t.fillStyle=s,t.fill(o)),n&&(t.strokeStyle=n,i&&(t.lineWidth=i),t.stroke(o));break}}y!==void 0&&(t.globalAlpha=1);}function x(t){return chunkYWTD32NA_js.e(()=>{l({type:"rect",props:t});}),null}function v(t){return chunkYWTD32NA_js.e(()=>{l({type:"circle",props:t});}),null}function A(t){return chunkYWTD32NA_js.e(()=>{l({type:"arc",props:t});}),null}function W(t){return chunkYWTD32NA_js.e(()=>{l({type:"line",props:t});}),null}function b(t){return chunkYWTD32NA_js.e(()=>{l({type:"text",props:t});}),null}function R(t){return chunkYWTD32NA_js.e(()=>{l({type:"path",props:t});}),null}exports.Canvas=C;exports.DrawArc=A;exports.DrawCircle=v;exports.DrawLine=W;exports.DrawPath=R;exports.DrawRect=x;exports.DrawText=b;//# sourceMappingURL=canvas.js.map
+'use strict';var chunkDUGPBZZ3_js=require('./chunk-DUGPBZZ3.js'),chunkW2L7BLE7_js=require('./chunk-W2L7BLE7.js');require('./chunk-3CKIHQIE.js'),require('./chunk-UWFVCKRU.js'),require('./chunk-CGB4YXKS.js');var D=[];function l(t){D.push(t);}function C(t){let{width:y,height:w,children:e,style:u,ref:a}=t,s,n=null,i=()=>{!s||!n||(n.clearRect(0,0,y,w),D.length=0,Array.isArray(e)?e.forEach(o=>{typeof o=="function"&&o();}):typeof e=="function"&&e(),D.forEach(o=>{g(n,o);}),null);};return chunkW2L7BLE7_js.c(()=>{s&&i();}),chunkDUGPBZZ3_js.a("canvas",{ref:o=>{s=o,n=o.getContext("2d"),a&&a(o),i();},width:y,height:w,style:u})}function r(t){return chunkW2L7BLE7_js.b(t)?t.valueOf?.()??t:t}function g(t,y){let{type:w,props:e}=y,u=r(e.opacity);switch(u!==void 0&&(t.globalAlpha=u),w){case "rect":{let a=r(e.x),s=r(e.y),n=r(e.width),i=r(e.height),o=r(e.fill),f=r(e.stroke),c=r(e.strokeWidth);o&&(t.fillStyle=o,t.fillRect(a,s,n,i)),f&&(t.strokeStyle=f,c&&(t.lineWidth=c),t.strokeRect(a,s,n,i));break}case "circle":{let a=r(e.x),s=r(e.y),n=r(e.radius),i=r(e.fill),o=r(e.stroke),f=r(e.strokeWidth);t.beginPath(),t.arc(a,s,n,0,Math.PI*2),i&&(t.fillStyle=i,t.fill()),o&&(t.strokeStyle=o,f&&(t.lineWidth=f),t.stroke());break}case "arc":{let a=r(e.x),s=r(e.y),n=r(e.radius),i=r(e.startAngle),o=r(e.endAngle),f=r(e.counterclockwise)||false,c=r(e.fill),m=r(e.stroke),h=r(e.strokeWidth);t.beginPath(),t.arc(a,s,n,i,o,f),c&&(t.fillStyle=c,t.fill()),m&&(t.strokeStyle=m,h&&(t.lineWidth=h),t.stroke());break}case "line":{let a=r(e.x1),s=r(e.y1),n=r(e.x2),i=r(e.y2),o=r(e.stroke)||"black",f=r(e.strokeWidth)||1;t.beginPath(),t.moveTo(a,s),t.lineTo(n,i),t.strokeStyle=o,t.lineWidth=f,t.stroke();break}case "text":{let a=r(e.x),s=r(e.y),n=r(e.text),i=r(e.fill)||"black",o=r(e.fontSize)||16,f=r(e.fontFamily)||"sans-serif",c=r(e.fontWeight)||"normal",m=r(e.textAlign)||"left";t.font=`${c} ${o}px ${f}`,t.textAlign=m,t.fillStyle=i,t.fillText(n,a,s);break}case "path":{let a=r(e.d),s=r(e.fill),n=r(e.stroke),i=r(e.strokeWidth),o=new Path2D(a);s&&(t.fillStyle=s,t.fill(o)),n&&(t.strokeStyle=n,i&&(t.lineWidth=i),t.stroke(o));break}}u!==void 0&&(t.globalAlpha=1);}function x(t){return chunkW2L7BLE7_js.c(()=>{l({type:"rect",props:t});}),null}function v(t){return chunkW2L7BLE7_js.c(()=>{l({type:"circle",props:t});}),null}function A(t){return chunkW2L7BLE7_js.c(()=>{l({type:"arc",props:t});}),null}function W(t){return chunkW2L7BLE7_js.c(()=>{l({type:"line",props:t});}),null}function b(t){return chunkW2L7BLE7_js.c(()=>{l({type:"text",props:t});}),null}function R(t){return chunkW2L7BLE7_js.c(()=>{l({type:"path",props:t});}),null}exports.Canvas=C;exports.DrawArc=A;exports.DrawCircle=v;exports.DrawLine=W;exports.DrawPath=R;exports.DrawRect=x;exports.DrawText=b;//# sourceMappingURL=canvas.js.map
 //# sourceMappingURL=canvas.js.map

package/dist/canvas.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/canvas/Canvas.tsx","../src/canvas/dom/DrawRect.tsx","../src/canvas/dom/DrawCircle.tsx","../src/canvas/dom/DrawArc.tsx","../src/canvas/dom/DrawLine.tsx","../src/canvas/dom/DrawText.tsx","../src/canvas/dom/DrawPath.tsx"],"names":["drawQueue","queueDraw","node","Canvas","props","width","height","children","style","ref","canvas","ctx","render","child","drawNode","effect","jsx","el","getValue","val","isReactive","type","opacity","x","y","w","h","fill","stroke","strokeWidth","radius","startAngle","endAngle","counterclockwise","x1","y1","x2","y2","text","fontSize","fontFamily","fontWeight","textAlign","d","path","DrawRect","DrawCircle","DrawArc","DrawLine","DrawText","DrawPath"],"mappings":"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","file":"canvas.js","sourcesContent":["import { effect } from '../core/lifecycle'\nimport { isReactive } from '../core/reactive'\nimport type { CanvasProps, CanvasDrawNode } from './types'\n\nexport type { CanvasProps }\n\n// Canvas context for children to access\nlet currentCanvasContext: CanvasRenderingContext2D | null = null\nconst drawQueue: CanvasDrawNode[] = []\n\nexport function getCanvasContext() {\n  return currentCanvasContext\n}\n\nexport function queueDraw(node: CanvasDrawNode) {\n  drawQueue.push(node)\n}\n\nexport function Canvas(props: CanvasProps) {\n  const { width, height, children, style, ref } = props\n\n  let canvas: HTMLCanvasElement | undefined\n  let ctx: CanvasRenderingContext2D | null = null\n\n  const render = () => {\n    if (!canvas || !ctx) return\n\n    // Clear canvas\n    ctx.clearRect(0, 0, width, height)\n\n    // Clear draw queue\n    drawQueue.length = 0\n\n    // Set current context for children\n    currentCanvasContext = ctx\n\n    // Render children (they will queue draw commands)\n    if (Array.isArray(children)) {\n      children.forEach(child => {\n        if (typeof child === 'function') {\n          child()\n        }\n      })\n    } else if (typeof children === 'function') {\n      children()\n    }\n\n    // Execute draw queue\n    drawQueue.forEach(node => {\n      drawNode(ctx!, node)\n    })\n\n    // Clear context\n    currentCanvasContext = null\n  }\n\n  effect(() => {\n    if (canvas) {\n      render()\n    }\n  })\n\n  return (\n    <canvas\n      ref={(el: HTMLCanvasElement) => {\n        canvas = el\n        ctx = el.getContext('2d')\n        if (ref) ref(el)\n        render()\n      }}\n      width={width}\n      height={height}\n      style={style}\n    />\n  )\n}\n\nfunction getValue(val: any): any {\n  if (isReactive(val)) {\n    return val.valueOf?.() ?? val\n  }\n  return val\n}\n\nfunction drawNode(ctx: CanvasRenderingContext2D, node: CanvasDrawNode) {\n  const { type, props } = node\n\n  // Apply opacity\n  const opacity = getValue(props.opacity)\n  if (opacity !== undefined) {\n    ctx.globalAlpha = opacity\n  }\n\n  switch (type) {\n    case 'rect': {\n      const x = getValue(props.x)\n      const y = getValue(props.y)\n      const w = getValue(props.width)\n      const h = getValue(props.height)\n      const fill = getValue(props.fill)\n      const stroke = getValue(props.stroke)\n      const strokeWidth = getValue(props.strokeWidth)\n\n      if (fill) {\n        ctx.fillStyle = fill\n        ctx.fillRect(x, y, w, h)\n      }\n\n      if (stroke) {\n        ctx.strokeStyle = stroke\n        if (strokeWidth) ctx.lineWidth = strokeWidth\n        ctx.strokeRect(x, y, w, h)\n      }\n      break\n    }\n\n    case 'circle': {\n      const x = getValue(props.x)\n      const y = getValue(props.y)\n      const radius = getValue(props.radius)\n      const fill = getValue(props.fill)\n      const stroke = getValue(props.stroke)\n      const strokeWidth = getValue(props.strokeWidth)\n\n      ctx.beginPath()\n      ctx.arc(x, y, radius, 0, Math.PI * 2)\n\n      if (fill) {\n        ctx.fillStyle = fill\n        ctx.fill()\n      }\n\n      if (stroke) {\n        ctx.strokeStyle = stroke\n        if (strokeWidth) ctx.lineWidth = strokeWidth\n        ctx.stroke()\n      }\n      break\n    }\n\n    case 'arc': {\n      const x = getValue(props.x)\n      const y = getValue(props.y)\n      const radius = getValue(props.radius)\n      const startAngle = getValue(props.startAngle)\n      const endAngle = getValue(props.endAngle)\n      const counterclockwise = getValue(props.counterclockwise) || false\n      const fill = getValue(props.fill)\n      const stroke = getValue(props.stroke)\n      const strokeWidth = getValue(props.strokeWidth)\n\n      ctx.beginPath()\n      ctx.arc(x, y, radius, startAngle, endAngle, counterclockwise)\n\n      if (fill) {\n        ctx.fillStyle = fill\n        ctx.fill()\n      }\n\n      if (stroke) {\n        ctx.strokeStyle = stroke\n        if (strokeWidth) ctx.lineWidth = strokeWidth\n        ctx.stroke()\n      }\n      break\n    }\n\n    case 'line': {\n      const x1 = getValue(props.x1)\n      const y1 = getValue(props.y1)\n      const x2 = getValue(props.x2)\n      const y2 = getValue(props.y2)\n      const stroke = getValue(props.stroke) || 'black'\n      const strokeWidth = getValue(props.strokeWidth) || 1\n\n      ctx.beginPath()\n      ctx.moveTo(x1, y1)\n      ctx.lineTo(x2, y2)\n      ctx.strokeStyle = stroke\n      ctx.lineWidth = strokeWidth\n      ctx.stroke()\n      break\n    }\n\n    case 'text': {\n      const x = getValue(props.x)\n      const y = getValue(props.y)\n      const text = getValue(props.text)\n      const fill = getValue(props.fill) || 'black'\n      const fontSize = getValue(props.fontSize) || 16\n      const fontFamily = getValue(props.fontFamily) || 'sans-serif'\n      const fontWeight = getValue(props.fontWeight) || 'normal'\n      const textAlign = getValue(props.textAlign) || 'left'\n\n      ctx.font = `${fontWeight} ${fontSize}px ${fontFamily}`\n      ctx.textAlign = textAlign as CanvasTextAlign\n      ctx.fillStyle = fill\n      ctx.fillText(text, x, y)\n      break\n    }\n\n    case 'path': {\n      const d = getValue(props.d)\n      const fill = getValue(props.fill)\n      const stroke = getValue(props.stroke)\n      const strokeWidth = getValue(props.strokeWidth)\n\n      // Parse SVG path data\n      const path = new Path2D(d)\n\n      if (fill) {\n        ctx.fillStyle = fill\n        ctx.fill(path)\n      }\n\n      if (stroke) {\n        ctx.strokeStyle = stroke\n        if (strokeWidth) ctx.lineWidth = strokeWidth\n        ctx.stroke(path)\n      }\n      break\n    }\n  }\n\n  // Reset opacity\n  if (opacity !== undefined) {\n    ctx.globalAlpha = 1\n  }\n}\n","import { effect } from '../../core/lifecycle'\nimport { queueDraw } from '../Canvas'\nimport type { DrawRectProps } from '../types'\n\nexport type { DrawRectProps }\n\nexport function DrawRect(props: DrawRectProps) {\n  effect(() => {\n    queueDraw({\n      type: 'rect',\n      props\n    })\n  })\n\n  return null\n}\n","import { effect } from '../../core/lifecycle'\nimport { queueDraw } from '../Canvas'\nimport type { DrawCircleProps } from '../types'\n\nexport type { DrawCircleProps }\n\nexport function DrawCircle(props: DrawCircleProps) {\n  effect(() => {\n    queueDraw({\n      type: 'circle',\n      props\n    })\n  })\n\n  return null\n}\n","import { effect } from '../../core/lifecycle'\nimport { queueDraw } from '../Canvas'\nimport type { DrawArcProps } from '../types'\n\nexport type { DrawArcProps }\n\nexport function DrawArc(props: DrawArcProps) {\n  effect(() => {\n    queueDraw({\n      type: 'arc',\n      props\n    })\n  })\n\n  return null\n}\n","import { effect } from '../../core/lifecycle'\nimport { queueDraw } from '../Canvas'\nimport type { DrawLineProps } from '../types'\n\nexport type { DrawLineProps }\n\nexport function DrawLine(props: DrawLineProps) {\n  effect(() => {\n    queueDraw({\n      type: 'line',\n      props\n    })\n  })\n\n  return null\n}\n","import { effect } from '../../core/lifecycle'\nimport { queueDraw } from '../Canvas'\nimport type { DrawTextProps } from '../types'\n\nexport type { DrawTextProps }\n\nexport function DrawText(props: DrawTextProps) {\n  effect(() => {\n    queueDraw({\n      type: 'text',\n      props\n    })\n  })\n\n  return null\n}\n","import { effect } from '../../core/lifecycle'\nimport { queueDraw } from '../Canvas'\nimport type { DrawPathProps } from '../types'\n\nexport type { DrawPathProps }\n\nexport function DrawPath(props: DrawPathProps) {\n  effect(() => {\n    queueDraw({\n      type: 'path',\n      props\n    })\n  })\n\n  return null\n}\n"]}
+{"version":3,"sources":["../src/canvas/Canvas.tsx","../src/canvas/dom/DrawRect.tsx","../src/canvas/dom/DrawCircle.tsx","../src/canvas/dom/DrawArc.tsx","../src/canvas/dom/DrawLine.tsx","../src/canvas/dom/DrawText.tsx","../src/canvas/dom/DrawPath.tsx"],"names":["drawQueue","queueDraw","node","Canvas","props","width","height","children","style","ref","canvas","ctx","render","child","drawNode","use","jsx","el","getValue","val","isReactive","type","opacity","x","y","w","h","fill","stroke","strokeWidth","radius","startAngle","endAngle","counterclockwise","x1","y1","x2","y2","text","fontSize","fontFamily","fontWeight","textAlign","d","path","DrawRect","DrawCircle","DrawArc","DrawLine","DrawText","DrawPath"],"mappings":"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","file":"canvas.js","sourcesContent":["import { use } from '../core/use'\nimport { isReactive } from '../core/reactive'\nimport type { CanvasProps, CanvasDrawNode } from './types'\n\nexport type { CanvasProps }\n\n// Canvas context for children to access\nlet currentCanvasContext: CanvasRenderingContext2D | null = null\nconst drawQueue: CanvasDrawNode[] = []\n\nexport function getCanvasContext() {\n  return currentCanvasContext\n}\n\nexport function queueDraw(node: CanvasDrawNode) {\n  drawQueue.push(node)\n}\n\nexport function Canvas(props: CanvasProps) {\n  const { width, height, children, style, ref } = props\n\n  let canvas: HTMLCanvasElement | undefined\n  let ctx: CanvasRenderingContext2D | null = null\n\n  const render = () => {\n    if (!canvas || !ctx) return\n\n    // Clear canvas\n    ctx.clearRect(0, 0, width, height)\n\n    // Clear draw queue\n    drawQueue.length = 0\n\n    // Set current context for children\n    currentCanvasContext = ctx\n\n    // Render children (they will queue draw commands)\n    if (Array.isArray(children)) {\n      children.forEach(child => {\n        if (typeof child === 'function') {\n          child()\n        }\n      })\n    } else if (typeof children === 'function') {\n      children()\n    }\n\n    // Execute draw queue\n    drawQueue.forEach(node => {\n      drawNode(ctx!, node)\n    })\n\n    // Clear context\n    currentCanvasContext = null\n  }\n\n  use(() => {\n    if (canvas) {\n      render()\n    }\n  })\n\n  return (\n    <canvas\n      ref={(el: HTMLCanvasElement) => {\n        canvas = el\n        ctx = el.getContext('2d')\n        if (ref) ref(el)\n        render()\n      }}\n      width={width}\n      height={height}\n      style={style}\n    />\n  )\n}\n\nfunction getValue(val: any): any {\n  if (isReactive(val)) {\n    return val.valueOf?.() ?? val\n  }\n  return val\n}\n\nfunction drawNode(ctx: CanvasRenderingContext2D, node: CanvasDrawNode) {\n  const { type, props } = node\n\n  // Apply opacity\n  const opacity = getValue(props.opacity)\n  if (opacity !== undefined) {\n    ctx.globalAlpha = opacity\n  }\n\n  switch (type) {\n    case 'rect': {\n      const x = getValue(props.x)\n      const y = getValue(props.y)\n      const w = getValue(props.width)\n      const h = getValue(props.height)\n      const fill = getValue(props.fill)\n      const stroke = getValue(props.stroke)\n      const strokeWidth = getValue(props.strokeWidth)\n\n      if (fill) {\n        ctx.fillStyle = fill\n        ctx.fillRect(x, y, w, h)\n      }\n\n      if (stroke) {\n        ctx.strokeStyle = stroke\n        if (strokeWidth) ctx.lineWidth = strokeWidth\n        ctx.strokeRect(x, y, w, h)\n      }\n      break\n    }\n\n    case 'circle': {\n      const x = getValue(props.x)\n      const y = getValue(props.y)\n      const radius = getValue(props.radius)\n      const fill = getValue(props.fill)\n      const stroke = getValue(props.stroke)\n      const strokeWidth = getValue(props.strokeWidth)\n\n      ctx.beginPath()\n      ctx.arc(x, y, radius, 0, Math.PI * 2)\n\n      if (fill) {\n        ctx.fillStyle = fill\n        ctx.fill()\n      }\n\n      if (stroke) {\n        ctx.strokeStyle = stroke\n        if (strokeWidth) ctx.lineWidth = strokeWidth\n        ctx.stroke()\n      }\n      break\n    }\n\n    case 'arc': {\n      const x = getValue(props.x)\n      const y = getValue(props.y)\n      const radius = getValue(props.radius)\n      const startAngle = getValue(props.startAngle)\n      const endAngle = getValue(props.endAngle)\n      const counterclockwise = getValue(props.counterclockwise) || false\n      const fill = getValue(props.fill)\n      const stroke = getValue(props.stroke)\n      const strokeWidth = getValue(props.strokeWidth)\n\n      ctx.beginPath()\n      ctx.arc(x, y, radius, startAngle, endAngle, counterclockwise)\n\n      if (fill) {\n        ctx.fillStyle = fill\n        ctx.fill()\n      }\n\n      if (stroke) {\n        ctx.strokeStyle = stroke\n        if (strokeWidth) ctx.lineWidth = strokeWidth\n        ctx.stroke()\n      }\n      break\n    }\n\n    case 'line': {\n      const x1 = getValue(props.x1)\n      const y1 = getValue(props.y1)\n      const x2 = getValue(props.x2)\n      const y2 = getValue(props.y2)\n      const stroke = getValue(props.stroke) || 'black'\n      const strokeWidth = getValue(props.strokeWidth) || 1\n\n      ctx.beginPath()\n      ctx.moveTo(x1, y1)\n      ctx.lineTo(x2, y2)\n      ctx.strokeStyle = stroke\n      ctx.lineWidth = strokeWidth\n      ctx.stroke()\n      break\n    }\n\n    case 'text': {\n      const x = getValue(props.x)\n      const y = getValue(props.y)\n      const text = getValue(props.text)\n      const fill = getValue(props.fill) || 'black'\n      const fontSize = getValue(props.fontSize) || 16\n      const fontFamily = getValue(props.fontFamily) || 'sans-serif'\n      const fontWeight = getValue(props.fontWeight) || 'normal'\n      const textAlign = getValue(props.textAlign) || 'left'\n\n      ctx.font = `${fontWeight} ${fontSize}px ${fontFamily}`\n      ctx.textAlign = textAlign as CanvasTextAlign\n      ctx.fillStyle = fill\n      ctx.fillText(text, x, y)\n      break\n    }\n\n    case 'path': {\n      const d = getValue(props.d)\n      const fill = getValue(props.fill)\n      const stroke = getValue(props.stroke)\n      const strokeWidth = getValue(props.strokeWidth)\n\n      // Parse SVG path data\n      const path = new Path2D(d)\n\n      if (fill) {\n        ctx.fillStyle = fill\n        ctx.fill(path)\n      }\n\n      if (stroke) {\n        ctx.strokeStyle = stroke\n        if (strokeWidth) ctx.lineWidth = strokeWidth\n        ctx.stroke(path)\n      }\n      break\n    }\n  }\n\n  // Reset opacity\n  if (opacity !== undefined) {\n    ctx.globalAlpha = 1\n  }\n}\n","import { use } from '../../core/use'\nimport { queueDraw } from '../Canvas'\nimport type { DrawRectProps } from '../types'\n\nexport type { DrawRectProps }\n\nexport function DrawRect(props: DrawRectProps) {\n  use(() => {\n    queueDraw({\n      type: 'rect',\n      props\n    })\n  })\n\n  return null\n}\n","import { use } from '../../core/use'\nimport { queueDraw } from '../Canvas'\nimport type { DrawCircleProps } from '../types'\n\nexport type { DrawCircleProps }\n\nexport function DrawCircle(props: DrawCircleProps) {\n  use(() => {\n    queueDraw({\n      type: 'circle',\n      props\n    })\n  })\n\n  return null\n}\n","import { use } from '../../core/use'\nimport { queueDraw } from '../Canvas'\nimport type { DrawArcProps } from '../types'\n\nexport type { DrawArcProps }\n\nexport function DrawArc(props: DrawArcProps) {\n  use(() => {\n    queueDraw({\n      type: 'arc',\n      props\n    })\n  })\n\n  return null\n}\n","import { use } from '../../core/use'\nimport { queueDraw } from '../Canvas'\nimport type { DrawLineProps } from '../types'\n\nexport type { DrawLineProps }\n\nexport function DrawLine(props: DrawLineProps) {\n  use(() => {\n    queueDraw({\n      type: 'line',\n      props\n    })\n  })\n\n  return null\n}\n","import { use } from '../../core/use'\nimport { queueDraw } from '../Canvas'\nimport type { DrawTextProps } from '../types'\n\nexport type { DrawTextProps }\n\nexport function DrawText(props: DrawTextProps) {\n  use(() => {\n    queueDraw({\n      type: 'text',\n      props\n    })\n  })\n\n  return null\n}\n","import { use } from '../../core/use'\nimport { queueDraw } from '../Canvas'\nimport type { DrawPathProps } from '../types'\n\nexport type { DrawPathProps }\n\nexport function DrawPath(props: DrawPathProps) {\n  use(() => {\n    queueDraw({\n      type: 'path',\n      props\n    })\n  })\n\n  return null\n}\n"]}

package/dist/canvas.mjs

@@ -1,2 +1,2 @@
-import {b as b$1}from'./chunk-JY6CE6RN.mjs';import {e}from'./chunk-IWFEXW4F.mjs';import'./chunk-5PNH2ARD.mjs';import {a}from'./chunk-NY6NOGFU.mjs';var D=[];function l(t){D.push(t);}function C(t){let{width:u,height:w,children:e$1,style:y,ref:a$1}=t,s,n=null,i=()=>{!s||!n||(n.clearRect(0,0,u,w),D.length=0,Array.isArray(e$1)?e$1.forEach(o=>{typeof o=="function"&&o();}):typeof e$1=="function"&&e$1(),D.forEach(o=>{g(n,o);}),null);};return e(()=>{s&&i();}),a("canvas",{ref:o=>{s=o,n=o.getContext("2d"),a$1&&a$1(o),i();},width:u,height:w,style:y})}function r(t){return b$1(t)?t.valueOf?.()??t:t}function g(t,u){let{type:w,props:e}=u,y=r(e.opacity);switch(y!==void 0&&(t.globalAlpha=y),w){case "rect":{let a=r(e.x),s=r(e.y),n=r(e.width),i=r(e.height),o=r(e.fill),f=r(e.stroke),c=r(e.strokeWidth);o&&(t.fillStyle=o,t.fillRect(a,s,n,i)),f&&(t.strokeStyle=f,c&&(t.lineWidth=c),t.strokeRect(a,s,n,i));break}case "circle":{let a=r(e.x),s=r(e.y),n=r(e.radius),i=r(e.fill),o=r(e.stroke),f=r(e.strokeWidth);t.beginPath(),t.arc(a,s,n,0,Math.PI*2),i&&(t.fillStyle=i,t.fill()),o&&(t.strokeStyle=o,f&&(t.lineWidth=f),t.stroke());break}case "arc":{let a=r(e.x),s=r(e.y),n=r(e.radius),i=r(e.startAngle),o=r(e.endAngle),f=r(e.counterclockwise)||false,c=r(e.fill),m=r(e.stroke),h=r(e.strokeWidth);t.beginPath(),t.arc(a,s,n,i,o,f),c&&(t.fillStyle=c,t.fill()),m&&(t.strokeStyle=m,h&&(t.lineWidth=h),t.stroke());break}case "line":{let a=r(e.x1),s=r(e.y1),n=r(e.x2),i=r(e.y2),o=r(e.stroke)||"black",f=r(e.strokeWidth)||1;t.beginPath(),t.moveTo(a,s),t.lineTo(n,i),t.strokeStyle=o,t.lineWidth=f,t.stroke();break}case "text":{let a=r(e.x),s=r(e.y),n=r(e.text),i=r(e.fill)||"black",o=r(e.fontSize)||16,f=r(e.fontFamily)||"sans-serif",c=r(e.fontWeight)||"normal",m=r(e.textAlign)||"left";t.font=`${c} ${o}px ${f}`,t.textAlign=m,t.fillStyle=i,t.fillText(n,a,s);break}case "path":{let a=r(e.d),s=r(e.fill),n=r(e.stroke),i=r(e.strokeWidth),o=new Path2D(a);s&&(t.fillStyle=s,t.fill(o)),n&&(t.strokeStyle=n,i&&(t.lineWidth=i),t.stroke(o));break}}y!==void 0&&(t.globalAlpha=1);}function x(t){return e(()=>{l({type:"rect",props:t});}),null}function v(t){return e(()=>{l({type:"circle",props:t});}),null}function A(t){return e(()=>{l({type:"arc",props:t});}),null}function W(t){return e(()=>{l({type:"line",props:t});}),null}function b(t){return e(()=>{l({type:"text",props:t});}),null}function R(t){return e(()=>{l({type:"path",props:t});}),null}export{C as Canvas,A as DrawArc,v as DrawCircle,W as DrawLine,R as DrawPath,x as DrawRect,b as DrawText};//# sourceMappingURL=canvas.mjs.map
+import {a}from'./chunk-NY6NOGFU.mjs';import {c,b as b$1}from'./chunk-INJXOHFD.mjs';import'./chunk-NRPWBHKP.mjs';import'./chunk-5PNH2ARD.mjs';import'./chunk-NDPEE2TQ.mjs';var D=[];function l(t){D.push(t);}function C(t){let{width:y,height:w,children:e,style:u,ref:a$1}=t,s,n=null,i=()=>{!s||!n||(n.clearRect(0,0,y,w),D.length=0,Array.isArray(e)?e.forEach(o=>{typeof o=="function"&&o();}):typeof e=="function"&&e(),D.forEach(o=>{g(n,o);}),null);};return c(()=>{s&&i();}),a("canvas",{ref:o=>{s=o,n=o.getContext("2d"),a$1&&a$1(o),i();},width:y,height:w,style:u})}function r(t){return b$1(t)?t.valueOf?.()??t:t}function g(t,y){let{type:w,props:e}=y,u=r(e.opacity);switch(u!==void 0&&(t.globalAlpha=u),w){case "rect":{let a=r(e.x),s=r(e.y),n=r(e.width),i=r(e.height),o=r(e.fill),f=r(e.stroke),c=r(e.strokeWidth);o&&(t.fillStyle=o,t.fillRect(a,s,n,i)),f&&(t.strokeStyle=f,c&&(t.lineWidth=c),t.strokeRect(a,s,n,i));break}case "circle":{let a=r(e.x),s=r(e.y),n=r(e.radius),i=r(e.fill),o=r(e.stroke),f=r(e.strokeWidth);t.beginPath(),t.arc(a,s,n,0,Math.PI*2),i&&(t.fillStyle=i,t.fill()),o&&(t.strokeStyle=o,f&&(t.lineWidth=f),t.stroke());break}case "arc":{let a=r(e.x),s=r(e.y),n=r(e.radius),i=r(e.startAngle),o=r(e.endAngle),f=r(e.counterclockwise)||false,c=r(e.fill),m=r(e.stroke),h=r(e.strokeWidth);t.beginPath(),t.arc(a,s,n,i,o,f),c&&(t.fillStyle=c,t.fill()),m&&(t.strokeStyle=m,h&&(t.lineWidth=h),t.stroke());break}case "line":{let a=r(e.x1),s=r(e.y1),n=r(e.x2),i=r(e.y2),o=r(e.stroke)||"black",f=r(e.strokeWidth)||1;t.beginPath(),t.moveTo(a,s),t.lineTo(n,i),t.strokeStyle=o,t.lineWidth=f,t.stroke();break}case "text":{let a=r(e.x),s=r(e.y),n=r(e.text),i=r(e.fill)||"black",o=r(e.fontSize)||16,f=r(e.fontFamily)||"sans-serif",c=r(e.fontWeight)||"normal",m=r(e.textAlign)||"left";t.font=`${c} ${o}px ${f}`,t.textAlign=m,t.fillStyle=i,t.fillText(n,a,s);break}case "path":{let a=r(e.d),s=r(e.fill),n=r(e.stroke),i=r(e.strokeWidth),o=new Path2D(a);s&&(t.fillStyle=s,t.fill(o)),n&&(t.strokeStyle=n,i&&(t.lineWidth=i),t.stroke(o));break}}u!==void 0&&(t.globalAlpha=1);}function x(t){return c(()=>{l({type:"rect",props:t});}),null}function v(t){return c(()=>{l({type:"circle",props:t});}),null}function A(t){return c(()=>{l({type:"arc",props:t});}),null}function W(t){return c(()=>{l({type:"line",props:t});}),null}function b(t){return c(()=>{l({type:"text",props:t});}),null}function R(t){return c(()=>{l({type:"path",props:t});}),null}export{C as Canvas,A as DrawArc,v as DrawCircle,W as DrawLine,R as DrawPath,x as DrawRect,b as DrawText};//# sourceMappingURL=canvas.mjs.map
 //# sourceMappingURL=canvas.mjs.map

package/dist/canvas.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/canvas/Canvas.tsx","../src/canvas/dom/DrawRect.tsx","../src/canvas/dom/DrawCircle.tsx","../src/canvas/dom/DrawArc.tsx","../src/canvas/dom/DrawLine.tsx","../src/canvas/dom/DrawText.tsx","../src/canvas/dom/DrawPath.tsx"],"names":["drawQueue","queueDraw","node","Canvas","props","width","height","children","style","ref","canvas","ctx","render","child","drawNode","effect","jsx","el","getValue","val","isReactive","type","opacity","x","y","w","h","fill","stroke","strokeWidth","radius","startAngle","endAngle","counterclockwise","x1","y1","x2","y2","text","fontSize","fontFamily","fontWeight","textAlign","d","path","DrawRect","DrawCircle","DrawArc","DrawLine","DrawText","DrawPath"],"mappings":"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","file":"canvas.mjs","sourcesContent":["import { effect } from '../core/lifecycle'\nimport { isReactive } from '../core/reactive'\nimport type { CanvasProps, CanvasDrawNode } from './types'\n\nexport type { CanvasProps }\n\n// Canvas context for children to access\nlet currentCanvasContext: CanvasRenderingContext2D | null = null\nconst drawQueue: CanvasDrawNode[] = []\n\nexport function getCanvasContext() {\n  return currentCanvasContext\n}\n\nexport function queueDraw(node: CanvasDrawNode) {\n  drawQueue.push(node)\n}\n\nexport function Canvas(props: CanvasProps) {\n  const { width, height, children, style, ref } = props\n\n  let canvas: HTMLCanvasElement | undefined\n  let ctx: CanvasRenderingContext2D | null = null\n\n  const render = () => {\n    if (!canvas || !ctx) return\n\n    // Clear canvas\n    ctx.clearRect(0, 0, width, height)\n\n    // Clear draw queue\n    drawQueue.length = 0\n\n    // Set current context for children\n    currentCanvasContext = ctx\n\n    // Render children (they will queue draw commands)\n    if (Array.isArray(children)) {\n      children.forEach(child => {\n        if (typeof child === 'function') {\n          child()\n        }\n      })\n    } else if (typeof children === 'function') {\n      children()\n    }\n\n    // Execute draw queue\n    drawQueue.forEach(node => {\n      drawNode(ctx!, node)\n    })\n\n    // Clear context\n    currentCanvasContext = null\n  }\n\n  effect(() => {\n    if (canvas) {\n      render()\n    }\n  })\n\n  return (\n    <canvas\n      ref={(el: HTMLCanvasElement) => {\n        canvas = el\n        ctx = el.getContext('2d')\n        if (ref) ref(el)\n        render()\n      }}\n      width={width}\n      height={height}\n      style={style}\n    />\n  )\n}\n\nfunction getValue(val: any): any {\n  if (isReactive(val)) {\n    return val.valueOf?.() ?? val\n  }\n  return val\n}\n\nfunction drawNode(ctx: CanvasRenderingContext2D, node: CanvasDrawNode) {\n  const { type, props } = node\n\n  // Apply opacity\n  const opacity = getValue(props.opacity)\n  if (opacity !== undefined) {\n    ctx.globalAlpha = opacity\n  }\n\n  switch (type) {\n    case 'rect': {\n      const x = getValue(props.x)\n      const y = getValue(props.y)\n      const w = getValue(props.width)\n      const h = getValue(props.height)\n      const fill = getValue(props.fill)\n      const stroke = getValue(props.stroke)\n      const strokeWidth = getValue(props.strokeWidth)\n\n      if (fill) {\n        ctx.fillStyle = fill\n        ctx.fillRect(x, y, w, h)\n      }\n\n      if (stroke) {\n        ctx.strokeStyle = stroke\n        if (strokeWidth) ctx.lineWidth = strokeWidth\n        ctx.strokeRect(x, y, w, h)\n      }\n      break\n    }\n\n    case 'circle': {\n      const x = getValue(props.x)\n      const y = getValue(props.y)\n      const radius = getValue(props.radius)\n      const fill = getValue(props.fill)\n      const stroke = getValue(props.stroke)\n      const strokeWidth = getValue(props.strokeWidth)\n\n      ctx.beginPath()\n      ctx.arc(x, y, radius, 0, Math.PI * 2)\n\n      if (fill) {\n        ctx.fillStyle = fill\n        ctx.fill()\n      }\n\n      if (stroke) {\n        ctx.strokeStyle = stroke\n        if (strokeWidth) ctx.lineWidth = strokeWidth\n        ctx.stroke()\n      }\n      break\n    }\n\n    case 'arc': {\n      const x = getValue(props.x)\n      const y = getValue(props.y)\n      const radius = getValue(props.radius)\n      const startAngle = getValue(props.startAngle)\n      const endAngle = getValue(props.endAngle)\n      const counterclockwise = getValue(props.counterclockwise) || false\n      const fill = getValue(props.fill)\n      const stroke = getValue(props.stroke)\n      const strokeWidth = getValue(props.strokeWidth)\n\n      ctx.beginPath()\n      ctx.arc(x, y, radius, startAngle, endAngle, counterclockwise)\n\n      if (fill) {\n        ctx.fillStyle = fill\n        ctx.fill()\n      }\n\n      if (stroke) {\n        ctx.strokeStyle = stroke\n        if (strokeWidth) ctx.lineWidth = strokeWidth\n        ctx.stroke()\n      }\n      break\n    }\n\n    case 'line': {\n      const x1 = getValue(props.x1)\n      const y1 = getValue(props.y1)\n      const x2 = getValue(props.x2)\n      const y2 = getValue(props.y2)\n      const stroke = getValue(props.stroke) || 'black'\n      const strokeWidth = getValue(props.strokeWidth) || 1\n\n      ctx.beginPath()\n      ctx.moveTo(x1, y1)\n      ctx.lineTo(x2, y2)\n      ctx.strokeStyle = stroke\n      ctx.lineWidth = strokeWidth\n      ctx.stroke()\n      break\n    }\n\n    case 'text': {\n      const x = getValue(props.x)\n      const y = getValue(props.y)\n      const text = getValue(props.text)\n      const fill = getValue(props.fill) || 'black'\n      const fontSize = getValue(props.fontSize) || 16\n      const fontFamily = getValue(props.fontFamily) || 'sans-serif'\n      const fontWeight = getValue(props.fontWeight) || 'normal'\n      const textAlign = getValue(props.textAlign) || 'left'\n\n      ctx.font = `${fontWeight} ${fontSize}px ${fontFamily}`\n      ctx.textAlign = textAlign as CanvasTextAlign\n      ctx.fillStyle = fill\n      ctx.fillText(text, x, y)\n      break\n    }\n\n    case 'path': {\n      const d = getValue(props.d)\n      const fill = getValue(props.fill)\n      const stroke = getValue(props.stroke)\n      const strokeWidth = getValue(props.strokeWidth)\n\n      // Parse SVG path data\n      const path = new Path2D(d)\n\n      if (fill) {\n        ctx.fillStyle = fill\n        ctx.fill(path)\n      }\n\n      if (stroke) {\n        ctx.strokeStyle = stroke\n        if (strokeWidth) ctx.lineWidth = strokeWidth\n        ctx.stroke(path)\n      }\n      break\n    }\n  }\n\n  // Reset opacity\n  if (opacity !== undefined) {\n    ctx.globalAlpha = 1\n  }\n}\n","import { effect } from '../../core/lifecycle'\nimport { queueDraw } from '../Canvas'\nimport type { DrawRectProps } from '../types'\n\nexport type { DrawRectProps }\n\nexport function DrawRect(props: DrawRectProps) {\n  effect(() => {\n    queueDraw({\n      type: 'rect',\n      props\n    })\n  })\n\n  return null\n}\n","import { effect } from '../../core/lifecycle'\nimport { queueDraw } from '../Canvas'\nimport type { DrawCircleProps } from '../types'\n\nexport type { DrawCircleProps }\n\nexport function DrawCircle(props: DrawCircleProps) {\n  effect(() => {\n    queueDraw({\n      type: 'circle',\n      props\n    })\n  })\n\n  return null\n}\n","import { effect } from '../../core/lifecycle'\nimport { queueDraw } from '../Canvas'\nimport type { DrawArcProps } from '../types'\n\nexport type { DrawArcProps }\n\nexport function DrawArc(props: DrawArcProps) {\n  effect(() => {\n    queueDraw({\n      type: 'arc',\n      props\n    })\n  })\n\n  return null\n}\n","import { effect } from '../../core/lifecycle'\nimport { queueDraw } from '../Canvas'\nimport type { DrawLineProps } from '../types'\n\nexport type { DrawLineProps }\n\nexport function DrawLine(props: DrawLineProps) {\n  effect(() => {\n    queueDraw({\n      type: 'line',\n      props\n    })\n  })\n\n  return null\n}\n","import { effect } from '../../core/lifecycle'\nimport { queueDraw } from '../Canvas'\nimport type { DrawTextProps } from '../types'\n\nexport type { DrawTextProps }\n\nexport function DrawText(props: DrawTextProps) {\n  effect(() => {\n    queueDraw({\n      type: 'text',\n      props\n    })\n  })\n\n  return null\n}\n","import { effect } from '../../core/lifecycle'\nimport { queueDraw } from '../Canvas'\nimport type { DrawPathProps } from '../types'\n\nexport type { DrawPathProps }\n\nexport function DrawPath(props: DrawPathProps) {\n  effect(() => {\n    queueDraw({\n      type: 'path',\n      props\n    })\n  })\n\n  return null\n}\n"]}
+{"version":3,"sources":["../src/canvas/Canvas.tsx","../src/canvas/dom/DrawRect.tsx","../src/canvas/dom/DrawCircle.tsx","../src/canvas/dom/DrawArc.tsx","../src/canvas/dom/DrawLine.tsx","../src/canvas/dom/DrawText.tsx","../src/canvas/dom/DrawPath.tsx"],"names":["drawQueue","queueDraw","node","Canvas","props","width","height","children","style","ref","canvas","ctx","render","child","drawNode","use","jsx","el","getValue","val","isReactive","type","opacity","x","y","w","h","fill","stroke","strokeWidth","radius","startAngle","endAngle","counterclockwise","x1","y1","x2","y2","text","fontSize","fontFamily","fontWeight","textAlign","d","path","DrawRect","DrawCircle","DrawArc","DrawLine","DrawText","DrawPath"],"mappings":"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","file":"canvas.mjs","sourcesContent":["import { use } from '../core/use'\nimport { isReactive } from '../core/reactive'\nimport type { CanvasProps, CanvasDrawNode } from './types'\n\nexport type { CanvasProps }\n\n// Canvas context for children to access\nlet currentCanvasContext: CanvasRenderingContext2D | null = null\nconst drawQueue: CanvasDrawNode[] = []\n\nexport function getCanvasContext() {\n  return currentCanvasContext\n}\n\nexport function queueDraw(node: CanvasDrawNode) {\n  drawQueue.push(node)\n}\n\nexport function Canvas(props: CanvasProps) {\n  const { width, height, children, style, ref } = props\n\n  let canvas: HTMLCanvasElement | undefined\n  let ctx: CanvasRenderingContext2D | null = null\n\n  const render = () => {\n    if (!canvas || !ctx) return\n\n    // Clear canvas\n    ctx.clearRect(0, 0, width, height)\n\n    // Clear draw queue\n    drawQueue.length = 0\n\n    // Set current context for children\n    currentCanvasContext = ctx\n\n    // Render children (they will queue draw commands)\n    if (Array.isArray(children)) {\n      children.forEach(child => {\n        if (typeof child === 'function') {\n          child()\n        }\n      })\n    } else if (typeof children === 'function') {\n      children()\n    }\n\n    // Execute draw queue\n    drawQueue.forEach(node => {\n      drawNode(ctx!, node)\n    })\n\n    // Clear context\n    currentCanvasContext = null\n  }\n\n  use(() => {\n    if (canvas) {\n      render()\n    }\n  })\n\n  return (\n    <canvas\n      ref={(el: HTMLCanvasElement) => {\n        canvas = el\n        ctx = el.getContext('2d')\n        if (ref) ref(el)\n        render()\n      }}\n      width={width}\n      height={height}\n      style={style}\n    />\n  )\n}\n\nfunction getValue(val: any): any {\n  if (isReactive(val)) {\n    return val.valueOf?.() ?? val\n  }\n  return val\n}\n\nfunction drawNode(ctx: CanvasRenderingContext2D, node: CanvasDrawNode) {\n  const { type, props } = node\n\n  // Apply opacity\n  const opacity = getValue(props.opacity)\n  if (opacity !== undefined) {\n    ctx.globalAlpha = opacity\n  }\n\n  switch (type) {\n    case 'rect': {\n      const x = getValue(props.x)\n      const y = getValue(props.y)\n      const w = getValue(props.width)\n      const h = getValue(props.height)\n      const fill = getValue(props.fill)\n      const stroke = getValue(props.stroke)\n      const strokeWidth = getValue(props.strokeWidth)\n\n      if (fill) {\n        ctx.fillStyle = fill\n        ctx.fillRect(x, y, w, h)\n      }\n\n      if (stroke) {\n        ctx.strokeStyle = stroke\n        if (strokeWidth) ctx.lineWidth = strokeWidth\n        ctx.strokeRect(x, y, w, h)\n      }\n      break\n    }\n\n    case 'circle': {\n      const x = getValue(props.x)\n      const y = getValue(props.y)\n      const radius = getValue(props.radius)\n      const fill = getValue(props.fill)\n      const stroke = getValue(props.stroke)\n      const strokeWidth = getValue(props.strokeWidth)\n\n      ctx.beginPath()\n      ctx.arc(x, y, radius, 0, Math.PI * 2)\n\n      if (fill) {\n        ctx.fillStyle = fill\n        ctx.fill()\n      }\n\n      if (stroke) {\n        ctx.strokeStyle = stroke\n        if (strokeWidth) ctx.lineWidth = strokeWidth\n        ctx.stroke()\n      }\n      break\n    }\n\n    case 'arc': {\n      const x = getValue(props.x)\n      const y = getValue(props.y)\n      const radius = getValue(props.radius)\n      const startAngle = getValue(props.startAngle)\n      const endAngle = getValue(props.endAngle)\n      const counterclockwise = getValue(props.counterclockwise) || false\n      const fill = getValue(props.fill)\n      const stroke = getValue(props.stroke)\n      const strokeWidth = getValue(props.strokeWidth)\n\n      ctx.beginPath()\n      ctx.arc(x, y, radius, startAngle, endAngle, counterclockwise)\n\n      if (fill) {\n        ctx.fillStyle = fill\n        ctx.fill()\n      }\n\n      if (stroke) {\n        ctx.strokeStyle = stroke\n        if (strokeWidth) ctx.lineWidth = strokeWidth\n        ctx.stroke()\n      }\n      break\n    }\n\n    case 'line': {\n      const x1 = getValue(props.x1)\n      const y1 = getValue(props.y1)\n      const x2 = getValue(props.x2)\n      const y2 = getValue(props.y2)\n      const stroke = getValue(props.stroke) || 'black'\n      const strokeWidth = getValue(props.strokeWidth) || 1\n\n      ctx.beginPath()\n      ctx.moveTo(x1, y1)\n      ctx.lineTo(x2, y2)\n      ctx.strokeStyle = stroke\n      ctx.lineWidth = strokeWidth\n      ctx.stroke()\n      break\n    }\n\n    case 'text': {\n      const x = getValue(props.x)\n      const y = getValue(props.y)\n      const text = getValue(props.text)\n      const fill = getValue(props.fill) || 'black'\n      const fontSize = getValue(props.fontSize) || 16\n      const fontFamily = getValue(props.fontFamily) || 'sans-serif'\n      const fontWeight = getValue(props.fontWeight) || 'normal'\n      const textAlign = getValue(props.textAlign) || 'left'\n\n      ctx.font = `${fontWeight} ${fontSize}px ${fontFamily}`\n      ctx.textAlign = textAlign as CanvasTextAlign\n      ctx.fillStyle = fill\n      ctx.fillText(text, x, y)\n      break\n    }\n\n    case 'path': {\n      const d = getValue(props.d)\n      const fill = getValue(props.fill)\n      const stroke = getValue(props.stroke)\n      const strokeWidth = getValue(props.strokeWidth)\n\n      // Parse SVG path data\n      const path = new Path2D(d)\n\n      if (fill) {\n        ctx.fillStyle = fill\n        ctx.fill(path)\n      }\n\n      if (stroke) {\n        ctx.strokeStyle = stroke\n        if (strokeWidth) ctx.lineWidth = strokeWidth\n        ctx.stroke(path)\n      }\n      break\n    }\n  }\n\n  // Reset opacity\n  if (opacity !== undefined) {\n    ctx.globalAlpha = 1\n  }\n}\n","import { use } from '../../core/use'\nimport { queueDraw } from '../Canvas'\nimport type { DrawRectProps } from '../types'\n\nexport type { DrawRectProps }\n\nexport function DrawRect(props: DrawRectProps) {\n  use(() => {\n    queueDraw({\n      type: 'rect',\n      props\n    })\n  })\n\n  return null\n}\n","import { use } from '../../core/use'\nimport { queueDraw } from '../Canvas'\nimport type { DrawCircleProps } from '../types'\n\nexport type { DrawCircleProps }\n\nexport function DrawCircle(props: DrawCircleProps) {\n  use(() => {\n    queueDraw({\n      type: 'circle',\n      props\n    })\n  })\n\n  return null\n}\n","import { use } from '../../core/use'\nimport { queueDraw } from '../Canvas'\nimport type { DrawArcProps } from '../types'\n\nexport type { DrawArcProps }\n\nexport function DrawArc(props: DrawArcProps) {\n  use(() => {\n    queueDraw({\n      type: 'arc',\n      props\n    })\n  })\n\n  return null\n}\n","import { use } from '../../core/use'\nimport { queueDraw } from '../Canvas'\nimport type { DrawLineProps } from '../types'\n\nexport type { DrawLineProps }\n\nexport function DrawLine(props: DrawLineProps) {\n  use(() => {\n    queueDraw({\n      type: 'line',\n      props\n    })\n  })\n\n  return null\n}\n","import { use } from '../../core/use'\nimport { queueDraw } from '../Canvas'\nimport type { DrawTextProps } from '../types'\n\nexport type { DrawTextProps }\n\nexport function DrawText(props: DrawTextProps) {\n  use(() => {\n    queueDraw({\n      type: 'text',\n      props\n    })\n  })\n\n  return null\n}\n","import { use } from '../../core/use'\nimport { queueDraw } from '../Canvas'\nimport type { DrawPathProps } from '../types'\n\nexport type { DrawPathProps }\n\nexport function DrawPath(props: DrawPathProps) {\n  use(() => {\n    queueDraw({\n      type: 'path',\n      props\n    })\n  })\n\n  return null\n}\n"]}

package/dist/chunk-3CKIHQIE.js

@@ -0,0 +1,2 @@
+'use strict';exports.a=void 0;var n=class{constructor(t,f){this.fn=t;this.scheduler=f;this.deps=[];this.active=true;}run(){if(!this.active)return this.fn();let t=exports.a;try{return this.cleanup(),exports.a=this,this.fn()}finally{exports.a=t;}}stop(){this.active&&(this.cleanup(),this.active=false);}cleanup(){let{deps:t}=this;if(t.length){for(let f=0;f<t.length;f++)t[f].delete(this);t.length=0;}}};function h(e,t={}){let f=new n(e,t.scheduler);f.run();let o=f.run.bind(f);return o.effect=f,o}function d(e){exports.a&&(e.add(exports.a),exports.a.deps.push(e));}var i=new Set,s=false,a=false;function l(e){i.has(e)||(i.add(e),!s&&!a&&(s=true,Promise.resolve().then(r)));}function r(){s=false;let e=[...i];i.clear();for(let t of e)t.active&&t.run();}function u(e){a=e;}function p(e){let t=[...e];for(let f of t)f!==exports.a&&(f.scheduler?f.scheduler():l(f));}function v(e){if(e){u(true);try{e();}finally{u(false),r();}}else r();}exports.b=h;exports.c=d;exports.d=p;exports.e=v;//# sourceMappingURL=chunk-3CKIHQIE.js.map
+//# sourceMappingURL=chunk-3CKIHQIE.js.map

package/dist/chunk-3CKIHQIE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/core/lifecycle.ts"],"names":["activeEffect","ReactiveEffectLike","fn","scheduler","parent","deps","i","unsafeEffect","options","_effect","runner","trackEffect","dep","queue","isFlushPending","isBatching","queueJob","effect","flush","effects","setBatching","value","triggerEffects","sync"],"mappings":"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","file":"chunk-3CKIHQIE.js","sourcesContent":["// Reactive effect system\nexport let activeEffect: ReactiveEffect | undefined\n\nexport class ReactiveEffectLike {\n    deps: Set<any>[] = []\n    active = true\n\n    constructor(\n        public fn: () => void,\n        public scheduler?: () => void\n    ) { }\n\n    run() {\n        if (!this.active) {\n            return this.fn()\n        }\n\n        let parent: ReactiveEffect | undefined = activeEffect\n        try {\n            this.cleanup()\n            activeEffect = this\n            return this.fn()\n        } finally {\n            activeEffect = parent\n        }\n    }\n\n    stop() {\n        if (this.active) {\n            this.cleanup()\n            this.active = false\n        }\n    }\n\n    cleanup() {\n        const { deps } = this\n        if (deps.length) {\n            for (let i = 0; i < deps.length; i++) {\n                deps[i].delete(this)\n            }\n            deps.length = 0\n        }\n    }\n}\n\nexport type ReactiveEffect = ReactiveEffectLike\n\nexport function unsafeEffect(fn: () => void, options: { scheduler?: () => void } = {}) {\n    const _effect = new ReactiveEffectLike(fn, options.scheduler)\n    _effect.run()\n\n    const runner: any = _effect.run.bind(_effect)\n    runner.effect = _effect\n    return runner\n}\n\nexport function trackEffect(dep: Set<ReactiveEffect>) {\n    if (activeEffect) {\n        dep.add(activeEffect)\n        activeEffect.deps.push(dep)\n    }\n}\n\nconst queue = new Set<ReactiveEffect>()\nlet isFlushPending = false\nlet isBatching = false\n\nexport function queueJob(effect: ReactiveEffect) {\n    if (!queue.has(effect)) {\n        queue.add(effect)\n        if (!isFlushPending && !isBatching) {\n            isFlushPending = true\n            Promise.resolve().then(flush)\n        }\n    }\n}\n\nexport function flush() {\n    isFlushPending = false\n    const effects = [...queue]\n    queue.clear()\n    for (const effect of effects) {\n        if (effect.active) {\n            effect.run()\n        }\n    }\n}\n\nexport function setBatching(value: boolean) {\n    isBatching = value\n}\n\nexport function triggerEffects(dep: Set<ReactiveEffect>) {\n    const effects = [...dep]\n    for (const effect of effects) {\n        if (effect !== activeEffect) {\n            if (effect.scheduler) {\n                effect.scheduler()\n            } else {\n                queueJob(effect)\n            }\n        }\n    }\n}\n\n/**\n * Unified sync API\n * - sync(): Force refresh (flush pending effects)\n * - sync(fn): Batch updates (run fn then flush)\n */\nexport function sync(fn?: () => void) {\n    if (fn) {\n        setBatching(true)\n        try {\n            fn()\n        } finally {\n            setBatching(false)\n            flush()\n        }\n    } else {\n        flush()\n    }\n}\n"]}

package/dist/{chunk-PSKDIB7J.js → chunk-CGB4YXKS.js}

@@ -1,2 +1,2 @@
-'use strict';var n=new Map;function a(t){let e=Symbol("context"),o=r=>r.children;return o._contextId=e,{Provider:o,id:e,defaultValue:t}}function p(t){return n.has(t.id)?n.get(t.id):t.defaultValue}function s(t,e){let o=n.get(t);return n.set(t,e),o}function c(t,e){e===void 0?n.delete(t):n.set(t,e);}exports.a=a;exports.b=p;exports.c=s;exports.d=c;//# sourceMappingURL=chunk-PSKDIB7J.js.map
-//# sourceMappingURL=chunk-PSKDIB7J.js.map
+'use strict';var n=new Map;function a(t){let e=Symbol("context"),o=r=>r.children;return o._contextId=e,{Provider:o,id:e,defaultValue:t}}function p(t){return n.has(t.id)?n.get(t.id):t.defaultValue}function s(t,e){let o=n.get(t);return n.set(t,e),o}function c(t,e){e===void 0?n.delete(t):n.set(t,e);}exports.a=a;exports.b=p;exports.c=s;exports.d=c;//# sourceMappingURL=chunk-CGB4YXKS.js.map
+//# sourceMappingURL=chunk-CGB4YXKS.js.map

package/dist/chunk-CGB4YXKS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/core/context.ts"],"names":["contextMap","createContext","defaultValue","id","Provider","props","useContext","ctx","pushContext","value","prev","popContext","prevValue"],"mappings":"aAIA,IAAMA,EAAa,IAAI,GAAA,CAEhB,SAASC,CAAAA,CAAiBC,EAA6B,CAC1D,IAAMC,CAAAA,CAAK,MAAA,CAAO,SAAS,CAAA,CACrBC,CAAAA,CAAYC,GAAuCA,CAAAA,CAAM,QAAA,CAC/D,OAACD,CAAAA,CAAiB,UAAA,CAAaD,CAAAA,CACxB,CAAE,SAAAC,CAAAA,CAAU,EAAA,CAAAD,CAAAA,CAAI,YAAA,CAAAD,CAAa,CACxC,CAEO,SAASI,CAAAA,CAAcC,EAAoB,CAC9C,OAAOP,EAAW,GAAA,CAAIO,CAAAA,CAAI,EAAE,CAAA,CAAIP,CAAAA,CAAW,GAAA,CAAIO,CAAAA,CAAI,EAAE,CAAA,CAAIA,CAAAA,CAAI,YACjE,CAGO,SAASC,CAAAA,CAAYL,CAAAA,CAAYM,CAAAA,CAAY,CAChD,IAAMC,CAAAA,CAAOV,CAAAA,CAAW,IAAIG,CAAE,CAAA,CAC9B,OAAAH,CAAAA,CAAW,GAAA,CAAIG,CAAAA,CAAIM,CAAK,EACjBC,CACX,CAGO,SAASC,CAAAA,CAAWR,CAAAA,CAAYS,EAAgB,CAC/CA,CAAAA,GAAc,MAAA,CACdZ,CAAAA,CAAW,OAAOG,CAAE,CAAA,CAEpBH,EAAW,GAAA,CAAIG,CAAAA,CAAIS,CAAS,EAEpC","file":"chunk-CGB4YXKS.js","sourcesContent":["import type { Context } from './types'\n\nexport type { Context }\n\nconst contextMap = new Map<symbol, any>()\n\nexport function createContext<T>(defaultValue: T): Context<T> {\n    const id = Symbol('context')\n    const Provider = (props: { value: T; children: any }) => props.children;\n    (Provider as any)._contextId = id\n    return { Provider, id, defaultValue }\n}\n\nexport function useContext<T>(ctx: Context<T>): T {\n    return contextMap.has(ctx.id) ? contextMap.get(ctx.id) : ctx.defaultValue\n}\n\n// Internal helpers for renderer\nexport function pushContext(id: symbol, value: any) {\n    const prev = contextMap.get(id)\n    contextMap.set(id, value)\n    return prev\n}\n\n\nexport function popContext(id: symbol, prevValue: any) {\n    if (prevValue === undefined) {\n        contextMap.delete(id)\n    } else {\n        contextMap.set(id, prevValue)\n    }\n}\n\nexport function snapshotContext(): Map<symbol, any> {\n    return new Map(contextMap)\n}\n\nexport function runWithContext<R>(snapshot: Map<symbol, any>, fn: () => R): R {\n    // 1. Save current context\n    const prevContext = new Map(contextMap)\n\n    // 2. Apply snapshot\n    contextMap.clear()\n    snapshot.forEach((value, key) => contextMap.set(key, value))\n\n    try {\n        return fn()\n    } finally {\n        // 3. Restore previous context\n        contextMap.clear()\n        prevContext.forEach((value, key) => contextMap.set(key, value))\n    }\n}\n"]}

package/dist/chunk-INJXOHFD.mjs

@@ -0,0 +1,2 @@
+import {a,c,d,b as b$3}from'./chunk-NRPWBHKP.mjs';import {b as b$2}from'./chunk-5PNH2ARD.mjs';import {b as b$1}from'./chunk-NDPEE2TQ.mjs';var C=Symbol("flexium.reactive"),b=new WeakMap,R=new WeakMap;function x(e){if(e&&e[C])return e;let r=R.get(e);if(r)return r;let s=new Proxy(e,{get(n,i,a){if(i===C)return  true;let f=Reflect.get(n,i,a);return j(n,i),f!==null&&typeof f=="object"?x(f):f},set(n,i,a,f){let l=n[i],m=Reflect.set(n,i,a,f);return m&&A(a,l)&&I(n,i),m}});return R.set(e,s),s}function j(e,r){if(!a)return;let s=b.get(e);s||b.set(e,s=new Map);let n=s.get(r);n||s.set(r,n=new Set),c(n);}function I(e,r){let s=b.get(e);if(!s)return;let n=s.get(r);n&&d(n);}function A(e,r){return !Object.is(e,r)}function L(e){return !!(e&&e[C])}var K=0,M=new Map;function E(){if(typeof window<"u")return window.__FLEXIUM_DEVTOOLS__}function _(e,r){let s=E();if(!s)return  -1;let n=++K;M.set(e,n);let i={id:n,name:r||`signal_${n}`,value:e.value,type:e.type||"signal",subscribers:0,createdAt:Date.now()};return s.onSignalCreate(i),n}function O(e,r){let s=E();if(!s)return;let n=M.get(e);n!==void 0&&s.onSignalUpdate(n,r);}function V(e){return e&&typeof e=="object"&&"id"in e&&"defaultValue"in e&&"Provider"in e}var P=new Map;function z(e){return JSON.stringify(e)}function q(e,r,s){if(V(e))return [b$1(e),void 0];let n,i;if(Array.isArray(r)?(n=r,i=s):r&&typeof r=="object"&&(i=r),i?.key&&!Array.isArray(i.key))throw new Error("State key must be an array");let a=b$2(()=>x({container:void 0,serializedKey:void 0})),f=i?.key,l=f?z(f):void 0,m=l!==a.serializedKey;if(typeof e=="function"&&n!==void 0){let c=e,o=b$2(()=>({value:void 0,prevDeps:void 0,cleanup:void 0,hasRun:false,params:void 0})),t=true;if(o.hasRun&&o.prevDeps&&(t=n.length!==o.prevDeps.length||n.some((p,d)=>p!==o.prevDeps[d])),t){o.cleanup&&(o.cleanup(),o.cleanup=void 0);let p={onCleanup:y=>{o.cleanup=y;},params:o.params},d=c(p);if(d instanceof Promise)throw new Error("deps with async functions is not supported. Use use(asyncFn) without deps for async resources.");o.value=d,o.prevDeps=[...n],o.hasRun=true;}let v={refetch:async()=>{},get loading(){return  false},get error(){return null},get status(){return "success"}};return [o.value,v]}if(!a.container||m)if(a.serializedKey=l,l&&P.has(l))a.container=P.get(l);else {let c;if(typeof e=="function"){let o=e,t=x({type:"resource",value:void 0,loading:true,error:null,status:"idle",cleanup:void 0,params:void 0,run:()=>{}}),v=p=>{t.cleanup&&(t.cleanup(),t.cleanup=void 0),t.params=p;try{let d={onCleanup:g=>{t.cleanup=g;},params:t.params},y=o(d);y instanceof Promise?(t.loading=!0,t.status="loading",t.error=null,y.then(g=>{t.value=g,t.status="success",t.loading=!1;}).catch(g=>{t.error=g,t.status="error",t.loading=!1;})):(t.value=y,t.status="success",t.loading=!1,t.error=null);}catch(d){t.error=d,t.status="error",t.loading=false;}};t.run=v,b$3(()=>v()),c=t;}else c=x({type:"signal",value:e}),_(c,i?.name);l&&P.set(l,c),a.container=c;}let u=a.container,w=u.value;return u.type==="signal"?[w,o=>{typeof o=="function"?u.value=o(u.value):u.value=o,O(u,u.value);}]:[w,{refetch:async o=>{u.run(o);},get loading(){return u.loading},get error(){return u.error},get status(){return u.status}}]}export{x as a,L as b,q as c};//# sourceMappingURL=chunk-INJXOHFD.mjs.map
+//# sourceMappingURL=chunk-INJXOHFD.mjs.map

package/dist/chunk-INJXOHFD.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/core/reactive.ts","../src/core/devtools.ts","../src/core/use.ts"],"names":["REACTIVE_SIGNAL","targetMap","reactiveMap","reactive","target","existingProxy","proxy","key","receiver","res","track","value","oldValue","result","hasChanged","trigger","activeEffect","depsMap","dep","trackEffect","triggerEffects","isReactive","signalIdCounter","signalRegistry","getDevToolsHook","registerSignal","container","name","hook","id","info","updateSignal","isContext","globalRegistry","serializeKey","use","input","depsOrOptions","thirdArg","useContext","deps","options","stateRef","currentKey","serializedKey","keyChanged","fn","memoState","d","i","ctx","control","newContainer","state","run","params","data","err","unsafeEffect","currentValue","newValue"],"mappings":"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","file":"chunk-INJXOHFD.mjs","sourcesContent":["import { activeEffect, trackEffect, triggerEffects } from './lifecycle'\n\nexport const REACTIVE_SIGNAL = Symbol('flexium.reactive')\n\ntype Dep = Set<any>\ntype KeyToDepMap = Map<any, Dep>\nconst targetMap = new WeakMap<any, KeyToDepMap>()\n\n// WeakMap to store existing proxies to avoid duplicates\nconst reactiveMap = new WeakMap<object, any>()\n\nexport function reactive<T extends object>(target: T): T {\n    if (target && (target as any)[REACTIVE_SIGNAL]) {\n        return target\n    }\n\n    const existingProxy = reactiveMap.get(target)\n    if (existingProxy) {\n        return existingProxy\n    }\n\n    const proxy = new Proxy(target, {\n        get(target, key, receiver) {\n            if (key === REACTIVE_SIGNAL) return true\n\n            const res = Reflect.get(target, key, receiver)\n\n            track(target, key)\n\n            if (res !== null && typeof res === 'object') {\n                return reactive(res)\n            }\n\n            return res\n        },\n        set(target, key, value, receiver) {\n            const oldValue = (target as any)[key]\n            const result = Reflect.set(target, key, value, receiver)\n\n            if (result && hasChanged(value, oldValue)) {\n                trigger(target, key)\n            }\n\n            return result\n        }\n    })\n\n    reactiveMap.set(target, proxy)\n    return proxy\n}\n\nexport function track(target: object, key: unknown) {\n    if (!activeEffect) return\n\n    let depsMap = targetMap.get(target)\n    if (!depsMap) {\n        targetMap.set(target, (depsMap = new Map()))\n    }\n\n    let dep = depsMap.get(key)\n    if (!dep) {\n        depsMap.set(key, (dep = new Set()))\n    }\n\n    trackEffect(dep)\n}\n\nexport function trigger(target: object, key: unknown) {\n    const depsMap = targetMap.get(target)\n    if (!depsMap) return\n\n    const dep = depsMap.get(key)\n    if (dep) {\n        triggerEffects(dep)\n    }\n}\n\nfunction hasChanged(value: any, oldValue: any): boolean {\n    return !Object.is(value, oldValue)\n}\n\nexport function isReactive(value: unknown): boolean {\n    return !!(value && (value as any)[REACTIVE_SIGNAL])\n}\n","// DevTools integration for Flexium\n// This module provides hooks for browser DevTools extension\n\ninterface SignalInfo {\n  id: number\n  name: string\n  value: unknown\n  type: string\n  subscribers: number\n  createdAt: number\n}\n\ninterface DevToolsHook {\n  signals: Map<number, SignalInfo>\n  onSignalCreate: (info: SignalInfo) => void\n  onSignalUpdate: (id: number, value: unknown) => void\n  onRender: (event: { timestamp: number; componentName: string; trigger: string; duration: number }) => void\n}\n\ndeclare global {\n  interface Window {\n    __FLEXIUM_DEVTOOLS__?: DevToolsHook\n  }\n}\n\nlet signalIdCounter = 0\nconst signalRegistry = new Map<object, number>()\n\nfunction getDevToolsHook(): DevToolsHook | undefined {\n  if (typeof window !== 'undefined') {\n    return window.__FLEXIUM_DEVTOOLS__\n  }\n  return undefined\n}\n\nexport function registerSignal(container: object, name?: string): number {\n  const hook = getDevToolsHook()\n  if (!hook) return -1\n\n  const id = ++signalIdCounter\n  signalRegistry.set(container, id)\n\n  const info: SignalInfo = {\n    id,\n    name: name || `signal_${id}`,\n    value: (container as any).value,\n    type: (container as any).type || 'signal',\n    subscribers: 0,\n    createdAt: Date.now(),\n  }\n\n  hook.onSignalCreate(info)\n  return id\n}\n\nexport function updateSignal(container: object, value: unknown): void {\n  const hook = getDevToolsHook()\n  if (!hook) return\n\n  const id = signalRegistry.get(container)\n  if (id !== undefined) {\n    hook.onSignalUpdate(id, value)\n  }\n}\n\nexport function reportRender(componentName: string, trigger: string, duration: number): void {\n  const hook = getDevToolsHook()\n  if (!hook) return\n\n  hook.onRender({\n    timestamp: Date.now(),\n    componentName,\n    trigger,\n    duration,\n  })\n}\n\nexport function isDevToolsEnabled(): boolean {\n  return getDevToolsHook() !== undefined\n}\n","import { reactive } from './reactive'\nimport { unsafeEffect } from './lifecycle'\nimport { hook } from './hook'\nimport { registerSignal, updateSignal } from './devtools'\nimport type { Context } from './types'\n\n// Re-export context utilities\nexport { createContext, pushContext, popContext, snapshotContext, runWithContext } from './context'\nimport { useContext as _useContext } from './context'\nexport type { Context }\n\nfunction isContext(value: any): value is Context<any> {\n  return value && typeof value === 'object' && 'id' in value && 'defaultValue' in value && 'Provider' in value\n}\n\n// Types\nexport type Setter<T> = (newValue: T | ((prev: T) => T)) => void\n\nexport type ResourceControl<P = void> = {\n  refetch: (params?: P) => Promise<void>\n  readonly loading: boolean\n  readonly error: unknown\n  readonly status: 'idle' | 'loading' | 'success' | 'error'\n}\n\nexport interface UseContext<P = void> {\n  onCleanup: (fn: () => void) => void\n  params?: P\n}\n\nexport interface UseOptions {\n  key?: unknown[]\n  name?: string\n}\n\n// Global State Registry\nconst globalRegistry = new Map<string, any>()\n\nfunction serializeKey(key: unknown[]): string {\n  return JSON.stringify(key)\n}\n\n// Overloads\nexport function use<T>(ctx: Context<T>): [T, undefined]\n\nexport function use<T, P = void>(\n  fn: (ctx: UseContext<P>) => Promise<T>,\n  depsOrOptions?: any[] | UseOptions,\n  options?: UseOptions\n): [T | undefined, ResourceControl<P>]\n\nexport function use<T>(\n  fn: (ctx: UseContext) => T,\n  depsOrOptions?: any[] | UseOptions,\n  options?: UseOptions\n): [T, ResourceControl]\n\nexport function use<T>(\n  initialValue: T extends Function ? never : T,\n  options?: UseOptions\n): [T, Setter<T>]\n\nexport function use<T, P = void>(\n  input: T | Context<T> | ((ctx: UseContext<P>) => T) | ((ctx: UseContext<P>) => Promise<T>),\n  depsOrOptions?: any[] | UseOptions,\n  thirdArg?: UseOptions\n): any {\n  // Context mode: use(SomeContext) returns [value, undefined] tuple for UX consistency\n  if (isContext(input)) {\n    const value = _useContext(input)\n    return [value, undefined]\n  }\n\n  // Normalize arguments:\n  // - use(value, { key }) → options only\n  // - use(fn, [deps]) → deps only\n  // - use(fn, [deps], { key }) → deps + options\n  let deps: any[] | undefined\n  let options: UseOptions | undefined\n\n  if (Array.isArray(depsOrOptions)) {\n    deps = depsOrOptions\n    options = thirdArg  // third arg is options when second is deps array\n  } else if (depsOrOptions && typeof depsOrOptions === 'object') {\n    options = depsOrOptions as UseOptions\n  }\n\n  // Validate key if provided\n  if (options?.key && !Array.isArray(options.key)) {\n    throw new Error('State key must be an array')\n  }\n\n  // Hook Wrapper: Store container reference and track key\n  const stateRef = hook(() => {\n    return reactive({\n      container: undefined as any,\n      serializedKey: undefined as any\n    })\n  })\n\n  // Compute serialized key\n  const currentKey = options?.key\n  const serializedKey = currentKey ? serializeKey(currentKey) : undefined\n\n  // Check if key has changed\n  const keyChanged = serializedKey !== stateRef.serializedKey\n\n  // DEPS MODE: Function with explicit deps array\n  if (typeof input === 'function' && deps !== undefined) {\n    const fn = input as (ctx: UseContext<P>) => T | Promise<T>\n\n    const memoState = hook(() => ({\n      value: undefined as T | undefined,\n      prevDeps: undefined as any[] | undefined,\n      cleanup: undefined as (() => void) | undefined,\n      hasRun: false,\n      params: undefined as P | undefined\n    }))\n\n    let hasChanged = true\n    if (memoState.hasRun && memoState.prevDeps) {\n      hasChanged = deps.length !== memoState.prevDeps.length ||\n        deps.some((d, i) => d !== memoState.prevDeps![i])\n    }\n\n    if (hasChanged) {\n      // Run previous cleanup\n      if (memoState.cleanup) {\n        memoState.cleanup()\n        memoState.cleanup = undefined\n      }\n\n      // Create context with onCleanup\n      const ctx: UseContext<P> = {\n        onCleanup: (fn) => {\n          memoState.cleanup = fn\n        },\n        params: memoState.params\n      }\n\n      const result = fn(ctx)\n\n      if (result instanceof Promise) {\n        throw new Error('deps with async functions is not supported. Use use(asyncFn) without deps for async resources.')\n      }\n\n      memoState.value = result\n      memoState.prevDeps = [...deps]\n      memoState.hasRun = true\n    }\n\n    const control: ResourceControl<P> = {\n      refetch: async () => {},\n      get loading() { return false },\n      get error() { return null },\n      get status() { return 'success' as const }\n    }\n\n    return [memoState.value, control]\n  }\n\n  // If key changed or first time, get/create container\n  if (!stateRef.container || keyChanged) {\n    stateRef.serializedKey = serializedKey\n\n    // Check Registry FIRST\n    if (serializedKey && globalRegistry.has(serializedKey)) {\n      stateRef.container = globalRegistry.get(serializedKey)\n    } else {\n      let newContainer: any\n\n      // Function (Computed or Resource)\n      if (typeof input === 'function') {\n        const fn = input as (ctx: UseContext<P>) => T | Promise<T>\n\n        // State for async/computed\n        const state = reactive({\n          type: 'resource',\n          value: undefined as T | undefined,\n          loading: true,\n          error: null as any,\n          status: 'idle' as 'idle' | 'loading' | 'success' | 'error',\n          cleanup: undefined as (() => void) | undefined,\n          params: undefined as P | undefined,\n          run: () => {}\n        })\n\n        const run = (params?: P) => {\n          // Run previous cleanup\n          if (state.cleanup) {\n            state.cleanup()\n            state.cleanup = undefined\n          }\n\n          // Store params for context\n          state.params = params\n\n          try {\n            // Create context\n            const ctx: UseContext<P> = {\n              onCleanup: (fn) => {\n                state.cleanup = fn\n              },\n              params: state.params\n            }\n\n            const result = fn(ctx)\n\n            if (result instanceof Promise) {\n              state.loading = true\n              state.status = 'loading'\n              state.error = null\n\n              result\n                .then(data => {\n                  state.value = data\n                  state.status = 'success'\n                  state.loading = false\n                })\n                .catch(err => {\n                  state.error = err\n                  state.status = 'error'\n                  state.loading = false\n                })\n            } else {\n              state.value = result\n              state.status = 'success'\n              state.loading = false\n              state.error = null\n            }\n          } catch (err) {\n            state.error = err\n            state.status = 'error'\n            state.loading = false\n          }\n        }\n\n        state.run = run\n\n        // Make it reactive!\n        unsafeEffect(() => run())\n\n        newContainer = state\n      } else {\n        // Value (Signal)\n        newContainer = reactive({\n          type: 'signal',\n          value: input\n        })\n\n        // Register with DevTools\n        registerSignal(newContainer, options?.name)\n      }\n\n      // Register in global registry if needed\n      if (serializedKey) {\n        globalRegistry.set(serializedKey, newContainer)\n      }\n\n      stateRef.container = newContainer\n    }\n  }\n\n  const container = stateRef.container\n\n  // Access container.value to track dependency\n  const currentValue = container.value\n\n  if (container.type === 'signal') {\n    const setter: Setter<T> = (newValue) => {\n      if (typeof newValue === 'function') {\n        container.value = (newValue as Function)(container.value)\n      } else {\n        container.value = newValue\n      }\n      updateSignal(container, container.value)\n    }\n    return [currentValue, setter]\n  } else {\n    // Resource / Computed\n    const control: ResourceControl<P> = {\n      refetch: async (params?: P) => { container.run(params) },\n      get loading() { return container.loading },\n      get error() { return container.error },\n      get status() { return container.status }\n    }\n    return [currentValue, control]\n  }\n}\n"]}

package/dist/{chunk-E75BJDOQ.mjs → chunk-JUP6RTZA.mjs}

@@ -1,2 +1,2 @@
-import {c}from'./chunk-3DKZ2J4D.mjs';import {b}from'./chunk-IWFEXW4F.mjs';import {a}from'./chunk-5PNH2ARD.mjs';var p=new WeakMap,h=null;function E(e){e.children.forEach(n=>{E(n);}),e.nodes.forEach(n=>{n.parentNode&&n.parentNode.removeChild(n);}),e.children.clear(),e.parentInstance&&e.parentInstance.children.delete(e);}function S(e,n,o){let c$1=o||n,r=f=>{let u={...f.props};return f.children&&f.children.length>0&&(u.children=f.children.length===1?f.children[0]:f.children),u},a$1=e.key!==void 0;p.has(c$1)||p.set(c$1,new Map);let t=p.get(c$1),i;if(a$1)i=e.key;else {let f=0,u=e.type.name||"anonymous";t.forEach((b,l)=>{typeof l=="string"&&l.startsWith(`__auto_${u}_`)&&f++;}),i=`__auto_${u}_${f}`;}if(t.has(i)){let f=t.get(i);f.fnode=e;let u=r(e);return f.props=u,f.children.clear(),f.renderFn&&f.renderFn(),f.nodes}let s={hooks:[],hookIndex:0,nodes:[],parent:n,fnode:e,props:r(e),key:i,children:new Set,parentInstance:h||void 0};h&&h.children.add(s),t.set(i,s);let d=true,_=()=>{let f=s.fnode,u=s.props;f.type._contextId!==void 0&&c(f.type._contextId,u.value);let l=h;h=s;let v=a(s,()=>f.type(u));if(d){let g=y(v,n);s.nodes=g?Array.isArray(g)?g:[g]:[],s.nodes.forEach(m=>{m.__ownerInstance||(m.__ownerInstance=s);}),d=false;}else {if(s.nodes.length===0){let C=y(v,n);s.nodes=C?Array.isArray(C)?C:[C]:[],h=l;return}let m=s.nodes[0].parentNode;if(!m){h=l;return}let M=document.createComment("flexium-marker"),I=s.nodes[s.nodes.length-1];I.nextSibling?m.insertBefore(M,I.nextSibling):m.appendChild(M),s.children.clear();let x=document.createElement("div"),T=y(v,x,m),O=T?Array.isArray(T)?T:[T]:[],R=P(s.nodes,O,m,M);m.removeChild(M),s.nodes=R;}h=l;};return s.renderFn=_,b(_),s.nodes}function y(e,n,o){let c=o||n;if(e==null||typeof e=="boolean"){let r=document.createTextNode("");return n.appendChild(r),r}if(typeof e=="string"||typeof e=="number"){let r=document.createTextNode(String(e));return n.appendChild(r),r}if(Array.isArray(e)){let r=new Set;p.has(c)&&p.get(c).forEach((s,d)=>r.add(d));let a=[];e.forEach(i=>{let s=y(i,n,o);s&&(Array.isArray(s)?a.push(...s):a.push(s));});let t=new Set;if(p.has(c)&&p.get(c).forEach((s,d)=>t.add(d)),p.has(c)){let i=p.get(c),s=[];r.forEach(d=>{if(!t.has(d)){let _=i.get(d);_&&(E(_),s.push(d));}}),s.forEach(d=>i.delete(d));}return a}if(typeof e=="object"){if(typeof e.type=="string"){let r=document.createElement(e.type);return e.props&&Object.entries(e.props).forEach(([a,t])=>{if(a==="ref")typeof t=="function"?t(r):t&&typeof t=="object"&&"current"in t&&(t.current=r);else if(a.startsWith("on")&&typeof t=="function"){let i=a.slice(2).toLowerCase();r.addEventListener(i,t),r.__eventHandlers||(r.__eventHandlers={}),r.__eventHandlers[i]=t;}else a!=="ref"&&D(r,a,t);}),e.children&&e.children.length>0&&e.children.forEach(a=>{y(a,r);}),n.appendChild(r),r}if(typeof e.type=="function")return S(e,n,o)}return null}function D(e,n,o){o==null?e.removeAttribute(n):n==="style"&&typeof o=="object"?Object.assign(e.style,o):n==="class"?e.className=String(o):n in e&&typeof e[n]!="function"?e[n]=o:e.setAttribute(n,String(o));}function j(e,n){return e.nodeType!==n.nodeType?false:e.nodeType===Node.ELEMENT_NODE&&n.nodeType===Node.ELEMENT_NODE?e.tagName===n.tagName:true}function k(e,n){Array.from(e.attributes).forEach(t=>{n.hasAttribute(t.name)||e.removeAttribute(t.name);}),Array.from(n.attributes).forEach(t=>{e.getAttribute(t.name)!==t.value&&(t.name==="value"&&"value"in e?e.value=t.value:t.name==="checked"&&"checked"in e?e.checked=t.value==="true"||t.value==="":e.setAttribute(t.name,t.value));});let r=e.__eventHandlers||{},a=n.__eventHandlers||{};Object.keys(r).forEach(t=>{a[t]||e.removeEventListener(t,r[t]);}),Object.keys(a).forEach(t=>{r[t]!==a[t]&&(r[t]&&e.removeEventListener(t,r[t]),e.addEventListener(t,a[t]));}),Object.keys(a).length>0?e.__eventHandlers=a:delete e.__eventHandlers,e instanceof HTMLInputElement&&n instanceof HTMLInputElement&&(e.value!==n.value&&(e.value=n.value),e.checked!==n.checked&&(e.checked=n.checked)),e instanceof HTMLTextAreaElement&&n instanceof HTMLTextAreaElement&&e.value!==n.value&&(e.value=n.value),e instanceof HTMLSelectElement&&n instanceof HTMLSelectElement&&e.value!==n.value&&(e.value=n.value);}function F(e,n){let o=Array.from(e.childNodes),c=Array.from(n.childNodes),r=Math.max(o.length,c.length);for(let a=0;a<r;a++){let t=o[a],i=c[a];!t&&i?e.appendChild(i):t&&!i?e.removeChild(t):t&&i&&H(t,i,e);}}function H(e,n,o){if(j(e,n)){let c=n.__ownerInstance;if(c){let r=c.nodes.indexOf(n);r!==-1&&(c.nodes[r]=e),e.__ownerInstance=c,delete n.__ownerInstance;}e.nodeType===Node.TEXT_NODE?e.nodeValue!==n.nodeValue&&(e.nodeValue=n.nodeValue):e.nodeType===Node.ELEMENT_NODE&&(k(e,n),F(e,n));}else o.replaceChild(n,e);}function P(e,n,o,c){let r=Math.max(e.length,n.length),a=[];for(let t=0;t<r;t++){let i=e[t],s=n[t];!i&&s?(o.insertBefore(s,c),a.push(s)):i&&!s?i.parentNode&&o.removeChild(i):i&&s&&(H(i,s,o),a.push(i));}return a}function $(e,n){n.innerHTML="",typeof e=="function"&&(e={type:e,props:{},children:[],key:void 0}),y(e,n);}export{P as a,$ as b};//# sourceMappingURL=chunk-E75BJDOQ.mjs.map
-//# sourceMappingURL=chunk-E75BJDOQ.mjs.map
+import {b}from'./chunk-NRPWBHKP.mjs';import {a}from'./chunk-5PNH2ARD.mjs';import {c}from'./chunk-NDPEE2TQ.mjs';var p=new WeakMap,h=null;function E(e){e.children.forEach(n=>{E(n);}),e.nodes.forEach(n=>{n.parentNode&&n.parentNode.removeChild(n);}),e.children.clear(),e.parentInstance&&e.parentInstance.children.delete(e);}function S(e,n,o){let c$1=o||n,r=f=>{let u={...f.props};return f.children&&f.children.length>0&&(u.children=f.children.length===1?f.children[0]:f.children),u},a$1=e.key!==void 0;p.has(c$1)||p.set(c$1,new Map);let t=p.get(c$1),i;if(a$1)i=e.key;else {let f=0,u=e.type.name||"anonymous";t.forEach((b,l)=>{typeof l=="string"&&l.startsWith(`__auto_${u}_`)&&f++;}),i=`__auto_${u}_${f}`;}if(t.has(i)){let f=t.get(i);f.fnode=e;let u=r(e);return f.props=u,f.children.clear(),f.renderFn&&f.renderFn(),f.nodes}let s={hooks:[],hookIndex:0,nodes:[],parent:n,fnode:e,props:r(e),key:i,children:new Set,parentInstance:h||void 0};h&&h.children.add(s),t.set(i,s);let d=true,_=()=>{let f=s.fnode,u=s.props;f.type._contextId!==void 0&&c(f.type._contextId,u.value);let l=h;h=s;let v=a(s,()=>f.type(u));if(d){let g=y(v,n);s.nodes=g?Array.isArray(g)?g:[g]:[],s.nodes.forEach(m=>{m.__ownerInstance||(m.__ownerInstance=s);}),d=false;}else {if(s.nodes.length===0){let C=y(v,n);s.nodes=C?Array.isArray(C)?C:[C]:[],h=l;return}let m=s.nodes[0].parentNode;if(!m){h=l;return}let M=document.createComment("flexium-marker"),I=s.nodes[s.nodes.length-1];I.nextSibling?m.insertBefore(M,I.nextSibling):m.appendChild(M),s.children.clear();let x=document.createElement("div"),T=y(v,x,m),O=T?Array.isArray(T)?T:[T]:[],R=P(s.nodes,O,m,M);m.removeChild(M),s.nodes=R;}h=l;};return s.renderFn=_,b(_),s.nodes}function y(e,n,o){let c=o||n;if(e==null||typeof e=="boolean"){let r=document.createTextNode("");return n.appendChild(r),r}if(typeof e=="string"||typeof e=="number"){let r=document.createTextNode(String(e));return n.appendChild(r),r}if(Array.isArray(e)){let r=new Set;p.has(c)&&p.get(c).forEach((s,d)=>r.add(d));let a=[];e.forEach(i=>{let s=y(i,n,o);s&&(Array.isArray(s)?a.push(...s):a.push(s));});let t=new Set;if(p.has(c)&&p.get(c).forEach((s,d)=>t.add(d)),p.has(c)){let i=p.get(c),s=[];r.forEach(d=>{if(!t.has(d)){let _=i.get(d);_&&(E(_),s.push(d));}}),s.forEach(d=>i.delete(d));}return a}if(typeof e=="object"){if(typeof e.type=="string"){let r=document.createElement(e.type);return e.props&&Object.entries(e.props).forEach(([a,t])=>{if(a==="ref")typeof t=="function"?t(r):t&&typeof t=="object"&&"current"in t&&(t.current=r);else if(a.startsWith("on")&&typeof t=="function"){let i=a.slice(2).toLowerCase();r.addEventListener(i,t),r.__eventHandlers||(r.__eventHandlers={}),r.__eventHandlers[i]=t;}else a!=="ref"&&D(r,a,t);}),e.children&&e.children.length>0&&e.children.forEach(a=>{y(a,r);}),n.appendChild(r),r}if(typeof e.type=="function")return S(e,n,o)}return null}function D(e,n,o){o==null?e.removeAttribute(n):n==="style"&&typeof o=="object"?Object.assign(e.style,o):n==="class"?e.className=String(o):n in e&&typeof e[n]!="function"?e[n]=o:e.setAttribute(n,String(o));}function j(e,n){return e.nodeType!==n.nodeType?false:e.nodeType===Node.ELEMENT_NODE&&n.nodeType===Node.ELEMENT_NODE?e.tagName===n.tagName:true}function k(e,n){Array.from(e.attributes).forEach(t=>{n.hasAttribute(t.name)||e.removeAttribute(t.name);}),Array.from(n.attributes).forEach(t=>{e.getAttribute(t.name)!==t.value&&(t.name==="value"&&"value"in e?e.value=t.value:t.name==="checked"&&"checked"in e?e.checked=t.value==="true"||t.value==="":e.setAttribute(t.name,t.value));});let r=e.__eventHandlers||{},a=n.__eventHandlers||{};Object.keys(r).forEach(t=>{a[t]||e.removeEventListener(t,r[t]);}),Object.keys(a).forEach(t=>{r[t]!==a[t]&&(r[t]&&e.removeEventListener(t,r[t]),e.addEventListener(t,a[t]));}),Object.keys(a).length>0?e.__eventHandlers=a:delete e.__eventHandlers,e instanceof HTMLInputElement&&n instanceof HTMLInputElement&&(e.value!==n.value&&(e.value=n.value),e.checked!==n.checked&&(e.checked=n.checked)),e instanceof HTMLTextAreaElement&&n instanceof HTMLTextAreaElement&&e.value!==n.value&&(e.value=n.value),e instanceof HTMLSelectElement&&n instanceof HTMLSelectElement&&e.value!==n.value&&(e.value=n.value);}function F(e,n){let o=Array.from(e.childNodes),c=Array.from(n.childNodes),r=Math.max(o.length,c.length);for(let a=0;a<r;a++){let t=o[a],i=c[a];!t&&i?e.appendChild(i):t&&!i?e.removeChild(t):t&&i&&H(t,i,e);}}function H(e,n,o){if(j(e,n)){let c=n.__ownerInstance;if(c){let r=c.nodes.indexOf(n);r!==-1&&(c.nodes[r]=e),e.__ownerInstance=c,delete n.__ownerInstance;}e.nodeType===Node.TEXT_NODE?e.nodeValue!==n.nodeValue&&(e.nodeValue=n.nodeValue):e.nodeType===Node.ELEMENT_NODE&&(k(e,n),F(e,n));}else o.replaceChild(n,e);}function P(e,n,o,c){let r=Math.max(e.length,n.length),a=[];for(let t=0;t<r;t++){let i=e[t],s=n[t];!i&&s?(o.insertBefore(s,c),a.push(s)):i&&!s?i.parentNode&&o.removeChild(i):i&&s&&(H(i,s,o),a.push(i));}return a}function $(e,n){n.innerHTML="",typeof e=="function"&&(e={type:e,props:{},children:[],key:void 0}),y(e,n);}export{P as a,$ as b};//# sourceMappingURL=chunk-JUP6RTZA.mjs.map
+//# sourceMappingURL=chunk-JUP6RTZA.mjs.map