flexium 0.8.14

package/dist/DrawText-JB58mpQT.d.cts

@@ -0,0 +1,309 @@
+import { S as Signal } from './signal-mNtlF8-v.cjs';
+
+/**
+ * Core Flexium types
+ */
+/**
+ * Flexium Node - internal representation of UI elements
+ */
+interface FNode {
+    type: string;
+    props: Record<string, any>;
+    children: FNode[];
+}
+
+/**
+ * Cross-platform Primitives Type Definitions
+ *
+ * These types work across web (DOM) and React Native
+ */
+
+/**
+ * Common style properties that work on both web and React Native
+ * Based on Flexbox layout model
+ */
+interface CommonStyle {
+    display?: 'flex' | 'none';
+    flex?: number;
+    flexDirection?: 'row' | 'column' | 'row-reverse' | 'column-reverse';
+    flexWrap?: 'nowrap' | 'wrap' | 'wrap-reverse';
+    justifyContent?: 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly';
+    alignItems?: 'flex-start' | 'center' | 'flex-end' | 'stretch' | 'baseline';
+    alignSelf?: 'auto' | 'flex-start' | 'center' | 'flex-end' | 'stretch';
+    gap?: number;
+    padding?: number;
+    paddingTop?: number;
+    paddingRight?: number;
+    paddingBottom?: number;
+    paddingLeft?: number;
+    paddingHorizontal?: number;
+    paddingVertical?: number;
+    margin?: number;
+    marginTop?: number;
+    marginRight?: number;
+    marginBottom?: number;
+    marginLeft?: number;
+    marginHorizontal?: number;
+    marginVertical?: number;
+    width?: number | string;
+    height?: number | string;
+    minWidth?: number;
+    maxWidth?: number;
+    minHeight?: number;
+    maxHeight?: number;
+    backgroundColor?: string;
+    borderRadius?: number;
+    borderTopLeftRadius?: number;
+    borderTopRightRadius?: number;
+    borderBottomLeftRadius?: number;
+    borderBottomRightRadius?: number;
+    opacity?: number;
+    borderWidth?: number;
+    borderColor?: string;
+    borderTopWidth?: number;
+    borderRightWidth?: number;
+    borderBottomWidth?: number;
+    borderLeftWidth?: number;
+    position?: 'relative' | 'absolute';
+    top?: number;
+    right?: number;
+    bottom?: number;
+    left?: number;
+    zIndex?: number;
+    transform?: string;
+}
+/**
+ * Text-specific style properties
+ */
+interface TextStyle extends CommonStyle {
+    color?: string;
+    fontSize?: number;
+    fontWeight?: 'normal' | 'bold' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900' | number;
+    fontFamily?: string;
+    fontStyle?: 'normal' | 'italic';
+    textAlign?: 'left' | 'center' | 'right' | 'justify';
+    textDecoration?: 'none' | 'underline' | 'line-through';
+    lineHeight?: number;
+    letterSpacing?: number;
+}
+/**
+ * Text component props
+ * Universal text display
+ */
+interface TextProps {
+    children?: any;
+    style?: TextStyle;
+    /** Press/click handler (unified API for web and mobile) */
+    onPress?: () => void;
+    /** CSS class name */
+    class?: string;
+}
+/**
+ * Image component props
+ */
+interface ImageProps {
+    src: string;
+    alt?: string;
+    width?: number;
+    height?: number;
+    style?: CommonStyle;
+    onLoad?: () => void;
+    onError?: () => void;
+}
+/**
+ * Pressable component props
+ * Universal touchable/clickable element
+ */
+interface PressableProps {
+    children?: any;
+    onPress: () => void;
+    onPressIn?: () => void;
+    onPressOut?: () => void;
+    disabled?: boolean;
+    style?: CommonStyle;
+    activeOpacity?: number;
+}
+/**
+ * ScrollView component props
+ */
+interface ScrollViewProps {
+    children?: any;
+    style?: CommonStyle;
+    horizontal?: boolean;
+    /** Show horizontal scrollbar (default: true) */
+    showScrollbarX?: boolean;
+    /** Show vertical scrollbar (default: true) */
+    showScrollbarY?: boolean;
+}
+/**
+ * Canvas container props
+ */
+interface CanvasProps {
+    width: number;
+    height: number;
+    children?: any;
+    style?: CommonStyle;
+    id?: string;
+}
+/**
+ * Rectangle drawing props
+ */
+interface DrawRectProps {
+    x: number | Signal<number>;
+    y: number | Signal<number>;
+    width: number | Signal<number>;
+    height: number | Signal<number>;
+    fill?: string | Signal<string>;
+    stroke?: string | Signal<string>;
+    strokeWidth?: number | Signal<number>;
+    opacity?: number | Signal<number>;
+}
+/**
+ * Circle drawing props
+ */
+interface DrawCircleProps {
+    x: number | Signal<number>;
+    y: number | Signal<number>;
+    radius: number | Signal<number>;
+    fill?: string | Signal<string>;
+    stroke?: string | Signal<string>;
+    strokeWidth?: number | Signal<number>;
+    opacity?: number | Signal<number>;
+}
+/**
+ * Path drawing props
+ */
+interface DrawPathProps {
+    d: string | Signal<string>;
+    fill?: string | Signal<string>;
+    stroke?: string | Signal<string>;
+    strokeWidth?: number | Signal<number>;
+    opacity?: number | Signal<number>;
+}
+/**
+ * Canvas text drawing props
+ */
+interface DrawTextProps {
+    x: number | Signal<number>;
+    y: number | Signal<number>;
+    text: string | Signal<string>;
+    fill?: string | Signal<string>;
+    fontSize?: number | Signal<number>;
+    fontFamily?: string;
+    fontWeight?: 'normal' | 'bold' | number;
+    textAlign?: 'left' | 'center' | 'right';
+    textBaseline?: 'top' | 'middle' | 'bottom' | 'alphabetic';
+}
+/**
+ * Line drawing props
+ */
+interface DrawLineProps {
+    x1: number | Signal<number>;
+    y1: number | Signal<number>;
+    x2: number | Signal<number>;
+    y2: number | Signal<number>;
+    stroke?: string | Signal<string>;
+    strokeWidth?: number | Signal<number>;
+    opacity?: number | Signal<number>;
+}
+/**
+ * Arc drawing props
+ */
+interface DrawArcProps {
+    x: number | Signal<number>;
+    y: number | Signal<number>;
+    radius: number | Signal<number>;
+    startAngle: number | Signal<number>;
+    endAngle: number | Signal<number>;
+    counterclockwise?: boolean;
+    fill?: string | Signal<string>;
+    stroke?: string | Signal<string>;
+    strokeWidth?: number | Signal<number>;
+    opacity?: number | Signal<number>;
+}
+
+/**
+ * Canvas - Declarative canvas container with JSX drawing
+ *
+ * Supports Signal-based reactive rendering
+ *
+ * @example
+ * ```tsx
+ * const x = signal(50)
+ *
+ * <Canvas width={300} height={200}>
+ *   <Rect x={x} y={50} width={100} height={50} fill="blue" />
+ *   <Circle x={150} y={100} radius={30} fill="red" />
+ * </Canvas>
+ * ```
+ */
+
+declare function Canvas(props: CanvasProps): FNode;
+
+/**
+ * DrawRect - Canvas rectangle primitive
+ *
+ * @example
+ * ```tsx
+ * <DrawRect x={10} y={10} width={100} height={50} fill="blue" />
+ * ```
+ */
+
+declare function DrawRect(props: DrawRectProps): FNode;
+
+/**
+ * DrawCircle - Canvas circle primitive
+ *
+ * @example
+ * ```tsx
+ * <DrawCircle x={100} y={100} radius={50} fill="red" />
+ * ```
+ */
+
+declare function DrawCircle(props: DrawCircleProps): FNode;
+
+/**
+ * DrawArc - Canvas arc primitive
+ *
+ * @example
+ * ```tsx
+ * <DrawArc x={100} y={100} radius={50} startAngle={0} endAngle={Math.PI} fill="green" />
+ * ```
+ */
+
+declare function DrawArc(props: DrawArcProps): FNode;
+
+/**
+ * DrawLine - Canvas line primitive
+ *
+ * @example
+ * ```tsx
+ * <DrawLine x1={10} y1={10} x2={100} y2={100} stroke="black" strokeWidth={2} />
+ * ```
+ */
+
+declare function DrawLine(props: DrawLineProps): FNode;
+
+/**
+ * DrawPath - Canvas path primitive
+ *
+ * @example
+ * ```tsx
+ * <DrawPath d="M 10 10 L 100 100" stroke="black" strokeWidth={2} />
+ * ```
+ */
+
+declare function DrawPath(props: DrawPathProps): FNode;
+
+/**
+ * DrawText - Canvas text primitive
+ *
+ * @example
+ * ```tsx
+ * <DrawText x={50} y={50} text="Hello Canvas" fontSize={20} fill="black" />
+ * ```
+ */
+
+declare function DrawText(props: DrawTextProps): FNode;
+
+export { Canvas as C, DrawRect as D, type FNode as F, type ImageProps as I, type PressableProps as P, type ScrollViewProps as S, type TextProps as T, DrawCircle as a, DrawArc as b, DrawLine as c, DrawPath as d, DrawText as e, type CanvasProps as f, type DrawRectProps as g, type DrawCircleProps as h, type DrawArcProps as i, type DrawLineProps as j, type DrawPathProps as k, type DrawTextProps as l, type CommonStyle as m, type TextStyle as n };

package/dist/Motion-BrOAJzgH.d.cts

@@ -0,0 +1,87 @@
+/**
+ * Motion Component - Declarative animations using Web Animations API
+ *
+ * Provides smooth, performant animations without JavaScript RAF
+ * Supports transforms, opacity, spring physics, and layout animations
+ */
+/**
+ * Animation properties that can be animated
+ */
+interface AnimatableProps {
+    x?: number;
+    y?: number;
+    scale?: number;
+    scaleX?: number;
+    scaleY?: number;
+    rotate?: number;
+    opacity?: number;
+    width?: number | string;
+    height?: number | string;
+}
+/**
+ * Spring physics configuration
+ */
+interface SpringConfig {
+    tension?: number;
+    friction?: number;
+    mass?: number;
+}
+/**
+ * Motion component props
+ */
+interface MotionProps {
+    element?: HTMLElement | null;
+    initial?: AnimatableProps;
+    animate?: AnimatableProps;
+    exit?: AnimatableProps;
+    duration?: number;
+    spring?: SpringConfig;
+    easing?: string;
+    delay?: number;
+    onAnimationStart?: () => void;
+    onAnimationComplete?: () => void;
+}
+/**
+ * Cleanup motion module state (useful for testing and SSR)
+ */
+declare function cleanupMotionState(): void;
+/**
+ * Motion controller class
+ * Manages animations for a single element using Web Animations API
+ * Respects prefers-reduced-motion accessibility setting
+ */
+declare class MotionController {
+    private element;
+    private animation;
+    private resizeObserver;
+    private previousSize;
+    constructor(element: HTMLElement);
+    /**
+     * Animate from initial to animate props
+     * Respects prefers-reduced-motion: applies end state instantly if enabled
+     */
+    animate(props: MotionProps): void;
+    /**
+     * Animate exit (used when element is being removed)
+     * Respects prefers-reduced-motion: applies end state instantly if enabled
+     */
+    animateExit(exitProps: AnimatableProps, duration?: number, easing?: string): Promise<void>;
+    /**
+     * Enable layout animations (animate size changes automatically)
+     */
+    enableLayoutAnimation(duration?: number, easing?: string): void;
+    /**
+     * Disable layout animations
+     */
+    disableLayoutAnimation(): void;
+    /**
+     * Cancel current animation
+     */
+    cancel(): void;
+    /**
+     * Cleanup all animations and observers
+     */
+    dispose(): void;
+}
+
+export { type AnimatableProps as A, MotionController as M, type SpringConfig as S, type MotionProps as a, cleanupMotionState as c };

package/dist/Motion-BrOAJzgH.d.ts

@@ -0,0 +1,87 @@
+/**
+ * Motion Component - Declarative animations using Web Animations API
+ *
+ * Provides smooth, performant animations without JavaScript RAF
+ * Supports transforms, opacity, spring physics, and layout animations
+ */
+/**
+ * Animation properties that can be animated
+ */
+interface AnimatableProps {
+    x?: number;
+    y?: number;
+    scale?: number;
+    scaleX?: number;
+    scaleY?: number;
+    rotate?: number;
+    opacity?: number;
+    width?: number | string;
+    height?: number | string;
+}
+/**
+ * Spring physics configuration
+ */
+interface SpringConfig {
+    tension?: number;
+    friction?: number;
+    mass?: number;
+}
+/**
+ * Motion component props
+ */
+interface MotionProps {
+    element?: HTMLElement | null;
+    initial?: AnimatableProps;
+    animate?: AnimatableProps;
+    exit?: AnimatableProps;
+    duration?: number;
+    spring?: SpringConfig;
+    easing?: string;
+    delay?: number;
+    onAnimationStart?: () => void;
+    onAnimationComplete?: () => void;
+}
+/**
+ * Cleanup motion module state (useful for testing and SSR)
+ */
+declare function cleanupMotionState(): void;
+/**
+ * Motion controller class
+ * Manages animations for a single element using Web Animations API
+ * Respects prefers-reduced-motion accessibility setting
+ */
+declare class MotionController {
+    private element;
+    private animation;
+    private resizeObserver;
+    private previousSize;
+    constructor(element: HTMLElement);
+    /**
+     * Animate from initial to animate props
+     * Respects prefers-reduced-motion: applies end state instantly if enabled
+     */
+    animate(props: MotionProps): void;
+    /**
+     * Animate exit (used when element is being removed)
+     * Respects prefers-reduced-motion: applies end state instantly if enabled
+     */
+    animateExit(exitProps: AnimatableProps, duration?: number, easing?: string): Promise<void>;
+    /**
+     * Enable layout animations (animate size changes automatically)
+     */
+    enableLayoutAnimation(duration?: number, easing?: string): void;
+    /**
+     * Disable layout animations
+     */
+    disableLayoutAnimation(): void;
+    /**
+     * Cancel current animation
+     */
+    cancel(): void;
+    /**
+     * Cleanup all animations and observers
+     */
+    dispose(): void;
+}
+
+export { type AnimatableProps as A, MotionController as M, type SpringConfig as S, type MotionProps as a, cleanupMotionState as c };

package/dist/advanced.d.cts

@@ -0,0 +1,30 @@
+export { C as Computed, S as Signal, o as onCleanup, r as root, s as signal, u as untrack } from './signal-mNtlF8-v.cjs';
+
+/**
+ * Flexium DevTools Integration
+ *
+ * Provides hooks for browser devtools extension to inspect signals,
+ * effects, and component trees.
+ *
+ * @example
+ * ```tsx
+ * import { enableDevTools, getDevToolsState } from 'flexium/devtools';
+ *
+ * // Enable devtools in development
+ * if (process.env.NODE_ENV !== 'production') {
+ *   enableDevTools();
+ * }
+ * ```
+ */
+
+/**
+ * Enable devtools integration
+ * Call this in development mode to enable signal/effect inspection
+ */
+declare function enableDevTools(): void;
+/**
+ * Disable devtools integration
+ */
+declare function disableDevTools(): void;
+
+export { disableDevTools, enableDevTools };

package/dist/advanced.d.ts

@@ -0,0 +1,30 @@
+export { C as Computed, S as Signal, o as onCleanup, r as root, s as signal, u as untrack } from './signal-mNtlF8-v.js';
+
+/**
+ * Flexium DevTools Integration
+ *
+ * Provides hooks for browser devtools extension to inspect signals,
+ * effects, and component trees.
+ *
+ * @example
+ * ```tsx
+ * import { enableDevTools, getDevToolsState } from 'flexium/devtools';
+ *
+ * // Enable devtools in development
+ * if (process.env.NODE_ENV !== 'production') {
+ *   enableDevTools();
+ * }
+ * ```
+ */
+
+/**
+ * Enable devtools integration
+ * Call this in development mode to enable signal/effect inspection
+ */
+declare function enableDevTools(): void;
+/**
+ * Disable devtools integration
+ */
+declare function disableDevTools(): void;
+
+export { disableDevTools, enableDevTools };

package/dist/advanced.js

@@ -0,0 +1,2 @@
+'use strict';var chunkROYFUJN5_js=require('./chunk-ROYFUJN5.js');var o={enabled:false,signals:new Map,effects:new Map,components:new Map},m=0,g=0;var s=[];function b(){o.enabled=true,chunkROYFUJN5_js.d({onSignalCreate:(e,n)=>w(e,n),onSignalUpdate:(e,n)=>D(e,n),onEffectCreate:e=>E(e),onEffectRun:(e,n,t)=>S(e,n,t)}),typeof window<"u"&&(window.__FLEXIUM_DEVTOOLS__={getState:T,getSignals:()=>Array.from(o.signals.values()),getEffects:()=>Array.from(o.effects.values()),getComponents:()=>Array.from(o.components.values()),subscribe:e=>(s.push(e),()=>{let n=s.indexOf(e);n>-1&&s.splice(n,1);})},console.log("%c[Flexium DevTools] Enabled","color: #10b981; font-weight: bold;"));}function v(){o.enabled=false,o.signals.clear(),o.effects.clear(),o.components.clear(),chunkROYFUJN5_js.d(null),typeof window<"u"&&delete window.__FLEXIUM_DEVTOOLS__;}function T(){return {...o}}function a(e,n){for(let t of s)try{t(e,n);}catch(r){chunkROYFUJN5_js.b(chunkROYFUJN5_js.a.DEVTOOLS_LISTENER_ERROR,{event:e},r);}}function w(e,n){if(!o.enabled)return  -1;let t=m++,r=Date.now();return o.signals.set(t,{id:t,name:n,value:e.peek(),subscribers:0,createdAt:r,lastUpdated:r,updateCount:0}),a("signal-create",{id:t,name:n}),t}function D(e,n){if(!o.enabled)return;let t=o.signals.get(e);t&&(t.value=n,t.lastUpdated=Date.now(),t.updateCount++,a("signal-update",{id:e,value:n}));}function E(e){if(!o.enabled)return  -1;let n=g++;return o.effects.set(n,{id:n,name:e,dependencies:[],lastRun:Date.now(),runCount:0,status:"idle"}),a("effect-create",{id:n,name:e}),n}function S(e,n,t){if(!o.enabled)return;let r=o.effects.get(e);r&&(r.status=n,r.lastRun=Date.now(),r.runCount++,t&&(r.error=t),a("effect-run",{id:e,status:n,error:t}));}Object.defineProperty(exports,"onCleanup",{enumerable:true,get:function(){return chunkROYFUJN5_js.o}});Object.defineProperty(exports,"root",{enumerable:true,get:function(){return chunkROYFUJN5_js.m}});Object.defineProperty(exports,"signal",{enumerable:true,get:function(){return chunkROYFUJN5_js.h}});Object.defineProperty(exports,"untrack",{enumerable:true,get:function(){return chunkROYFUJN5_js.k}});exports.disableDevTools=v;exports.enableDevTools=b;//# sourceMappingURL=advanced.js.map
+//# sourceMappingURL=advanced.js.map

package/dist/advanced.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/devtools/index.ts"],"names":["devToolsState","signalIdCounter","effectIdCounter","listeners","enableDevTools","setDevToolsHooks","signal","name","registerSignal","id","value","updateSignalInfo","registerEffect","status","error","updateEffectInfo","getDevToolsState","listener","index","disableDevTools","emit","event","data","e","logError","ErrorCodes","now","info"],"mappings":"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","file":"advanced.js","sourcesContent":["/**\n * Flexium DevTools Integration\n *\n * Provides hooks for browser devtools extension to inspect signals,\n * effects, and component trees.\n *\n * @example\n * ```tsx\n * import { enableDevTools, getDevToolsState } from 'flexium/devtools';\n *\n * // Enable devtools in development\n * if (process.env.NODE_ENV !== 'production') {\n *   enableDevTools();\n * }\n * ```\n */\n\nimport { Signal, Computed, setDevToolsHooks } from '../core/signal'\nimport { ErrorCodes, logError } from '../core/errors'\n\nexport interface DevToolsState {\n  enabled: boolean\n  signals: Map<number, SignalInfo>\n  effects: Map<number, EffectInfo>\n  components: Map<number, ComponentInfo>\n}\n\nexport interface SignalInfo {\n  id: number\n  name?: string\n  value: unknown\n  subscribers: number\n  createdAt: number\n  lastUpdated: number\n  updateCount: number\n}\n\nexport interface EffectInfo {\n  id: number\n  name?: string\n  dependencies: number[]\n  lastRun: number\n  runCount: number\n  status: 'idle' | 'running' | 'error'\n  error?: Error\n}\n\nexport interface ComponentInfo {\n  id: number\n  name: string\n  props: Record<string, unknown>\n  signals: number[]\n  effects: number[]\n  children: number[]\n  parent?: number\n  mountedAt: number\n}\n\n// Global devtools state\nconst devToolsState: DevToolsState = {\n  enabled: false,\n  signals: new Map(),\n  effects: new Map(),\n  components: new Map(),\n}\n\nlet signalIdCounter = 0\nlet effectIdCounter = 0\nlet componentIdCounter = 0\n\n// Event listeners for devtools\ntype DevToolsEventType =\n  | 'signal-create'\n  | 'signal-update'\n  | 'effect-create'\n  | 'effect-run'\n  | 'component-mount'\n  | 'component-unmount'\ntype DevToolsListener = (event: DevToolsEventType, data: unknown) => void\nconst listeners: DevToolsListener[] = []\n\n/**\n * Enable devtools integration\n * Call this in development mode to enable signal/effect inspection\n */\nexport function enableDevTools(): void {\n  devToolsState.enabled = true\n\n  // Register hooks with signal system for automatic tracking\n  setDevToolsHooks({\n    onSignalCreate: (signal, name) => registerSignal(signal, name),\n    onSignalUpdate: (id, value) => updateSignalInfo(id, value),\n    onEffectCreate: (name) => registerEffect(name),\n    onEffectRun: (id, status, error) => updateEffectInfo(id, status, error),\n  })\n\n  // Expose to window for browser extension\n  if (typeof window !== 'undefined') {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    ;(window as any).__FLEXIUM_DEVTOOLS__ = {\n      getState: getDevToolsState,\n      getSignals: () => Array.from(devToolsState.signals.values()),\n      getEffects: () => Array.from(devToolsState.effects.values()),\n      getComponents: () => Array.from(devToolsState.components.values()),\n      subscribe: (listener: DevToolsListener) => {\n        listeners.push(listener)\n        return () => {\n          const index = listeners.indexOf(listener)\n          if (index > -1) listeners.splice(index, 1)\n        }\n      },\n    }\n\n    console.log(\n      '%c[Flexium DevTools] Enabled',\n      'color: #10b981; font-weight: bold;'\n    )\n  }\n}\n\n/**\n * Disable devtools integration\n */\nexport function disableDevTools(): void {\n  devToolsState.enabled = false\n  devToolsState.signals.clear()\n  devToolsState.effects.clear()\n  devToolsState.components.clear()\n\n  // Unregister hooks\n  setDevToolsHooks(null)\n\n  if (typeof window !== 'undefined') {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    delete (window as any).__FLEXIUM_DEVTOOLS__\n  }\n}\n\n/**\n * Get current devtools state\n */\nexport function getDevToolsState(): DevToolsState {\n  return { ...devToolsState }\n}\n\n/**\n * Check if devtools are enabled\n */\nexport function isDevToolsEnabled(): boolean {\n  return devToolsState.enabled\n}\n\n// Internal: emit event to listeners\nfunction emit(event: DevToolsEventType, data: unknown): void {\n  for (const listener of listeners) {\n    try {\n      listener(event, data)\n    } catch (e) {\n      logError(ErrorCodes.DEVTOOLS_LISTENER_ERROR, { event }, e)\n    }\n  }\n}\n\n/**\n * Register a signal with devtools\n * @internal\n */\nexport function registerSignal(\n  signal: Signal<unknown> | Computed<unknown>,\n  name?: string\n): number {\n  if (!devToolsState.enabled) return -1\n\n  const id = signalIdCounter++\n  const now = Date.now()\n\n  devToolsState.signals.set(id, {\n    id,\n    name,\n    value: signal.peek(),\n    subscribers: 0,\n    createdAt: now,\n    lastUpdated: now,\n    updateCount: 0,\n  })\n\n  emit('signal-create', { id, name })\n  return id\n}\n\n/**\n * Update signal info in devtools\n * @internal\n */\nexport function updateSignalInfo(id: number, value: unknown): void {\n  if (!devToolsState.enabled) return\n\n  const info = devToolsState.signals.get(id)\n  if (info) {\n    info.value = value\n    info.lastUpdated = Date.now()\n    info.updateCount++\n    emit('signal-update', { id, value })\n  }\n}\n\n/**\n * Register an effect with devtools\n * @internal\n */\nexport function registerEffect(name?: string): number {\n  if (!devToolsState.enabled) return -1\n\n  const id = effectIdCounter++\n\n  devToolsState.effects.set(id, {\n    id,\n    name,\n    dependencies: [],\n    lastRun: Date.now(),\n    runCount: 0,\n    status: 'idle',\n  })\n\n  emit('effect-create', { id, name })\n  return id\n}\n\n/**\n * Update effect info in devtools\n * @internal\n */\nexport function updateEffectInfo(\n  id: number,\n  status: 'idle' | 'running' | 'error',\n  error?: Error\n): void {\n  if (!devToolsState.enabled) return\n\n  const info = devToolsState.effects.get(id)\n  if (info) {\n    info.status = status\n    info.lastRun = Date.now()\n    info.runCount++\n    if (error) info.error = error\n    emit('effect-run', { id, status, error })\n  }\n}\n\n/**\n * Register a component with devtools\n * @internal\n */\nexport function registerComponent(\n  name: string,\n  props: Record<string, unknown>\n): number {\n  if (!devToolsState.enabled) return -1\n\n  const id = componentIdCounter++\n\n  devToolsState.components.set(id, {\n    id,\n    name,\n    props,\n    signals: [],\n    effects: [],\n    children: [],\n    mountedAt: Date.now(),\n  })\n\n  emit('component-mount', { id, name })\n  return id\n}\n\n/**\n * Unregister a component from devtools\n * @internal\n */\nexport function unregisterComponent(id: number): void {\n  if (!devToolsState.enabled) return\n\n  const info = devToolsState.components.get(id)\n  if (info) {\n    devToolsState.components.delete(id)\n    emit('component-unmount', { id, name: info.name })\n  }\n}\n\n/**\n * Create a named signal for better devtools visibility\n *\n * @example\n * ```tsx\n * import { createNamedSignal } from 'flexium/devtools';\n * import { signal } from 'flexium/core';\n *\n * // Shows as \"count\" in devtools\n * const count = createNamedSignal('count', 0, signal);\n * ```\n */\nexport function createNamedSignal<T>(\n  name: string,\n  initialValue: T,\n  signalFn: (v: T) => Signal<T>\n): Signal<T> {\n  const s = signalFn(initialValue)\n\n  if (devToolsState.enabled) {\n    registerSignal(s, name)\n  }\n\n  return s\n}\n"]}

package/dist/advanced.mjs

@@ -0,0 +1,2 @@
+import {d,b as b$1,a as a$1}from'./chunk-5S3ZQ2LB.mjs';export{o as onCleanup,m as root,h as signal,k as untrack}from'./chunk-5S3ZQ2LB.mjs';var o={enabled:false,signals:new Map,effects:new Map,components:new Map},m=0,g=0;var s=[];function b(){o.enabled=true,d({onSignalCreate:(e,n)=>w(e,n),onSignalUpdate:(e,n)=>D(e,n),onEffectCreate:e=>E(e),onEffectRun:(e,n,t)=>S(e,n,t)}),typeof window<"u"&&(window.__FLEXIUM_DEVTOOLS__={getState:T,getSignals:()=>Array.from(o.signals.values()),getEffects:()=>Array.from(o.effects.values()),getComponents:()=>Array.from(o.components.values()),subscribe:e=>(s.push(e),()=>{let n=s.indexOf(e);n>-1&&s.splice(n,1);})},console.log("%c[Flexium DevTools] Enabled","color: #10b981; font-weight: bold;"));}function v(){o.enabled=false,o.signals.clear(),o.effects.clear(),o.components.clear(),d(null),typeof window<"u"&&delete window.__FLEXIUM_DEVTOOLS__;}function T(){return {...o}}function a(e,n){for(let t of s)try{t(e,n);}catch(r){b$1(a$1.DEVTOOLS_LISTENER_ERROR,{event:e},r);}}function w(e,n){if(!o.enabled)return  -1;let t=m++,r=Date.now();return o.signals.set(t,{id:t,name:n,value:e.peek(),subscribers:0,createdAt:r,lastUpdated:r,updateCount:0}),a("signal-create",{id:t,name:n}),t}function D(e,n){if(!o.enabled)return;let t=o.signals.get(e);t&&(t.value=n,t.lastUpdated=Date.now(),t.updateCount++,a("signal-update",{id:e,value:n}));}function E(e){if(!o.enabled)return  -1;let n=g++;return o.effects.set(n,{id:n,name:e,dependencies:[],lastRun:Date.now(),runCount:0,status:"idle"}),a("effect-create",{id:n,name:e}),n}function S(e,n,t){if(!o.enabled)return;let r=o.effects.get(e);r&&(r.status=n,r.lastRun=Date.now(),r.runCount++,t&&(r.error=t),a("effect-run",{id:e,status:n,error:t}));}export{v as disableDevTools,b as enableDevTools};//# sourceMappingURL=advanced.mjs.map
+//# sourceMappingURL=advanced.mjs.map

package/dist/advanced.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/devtools/index.ts"],"names":["devToolsState","signalIdCounter","effectIdCounter","listeners","enableDevTools","setDevToolsHooks","signal","name","registerSignal","id","value","updateSignalInfo","registerEffect","status","error","updateEffectInfo","getDevToolsState","listener","index","disableDevTools","emit","event","data","e","logError","ErrorCodes","now","info"],"mappings":"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","file":"advanced.mjs","sourcesContent":["/**\n * Flexium DevTools Integration\n *\n * Provides hooks for browser devtools extension to inspect signals,\n * effects, and component trees.\n *\n * @example\n * ```tsx\n * import { enableDevTools, getDevToolsState } from 'flexium/devtools';\n *\n * // Enable devtools in development\n * if (process.env.NODE_ENV !== 'production') {\n *   enableDevTools();\n * }\n * ```\n */\n\nimport { Signal, Computed, setDevToolsHooks } from '../core/signal'\nimport { ErrorCodes, logError } from '../core/errors'\n\nexport interface DevToolsState {\n  enabled: boolean\n  signals: Map<number, SignalInfo>\n  effects: Map<number, EffectInfo>\n  components: Map<number, ComponentInfo>\n}\n\nexport interface SignalInfo {\n  id: number\n  name?: string\n  value: unknown\n  subscribers: number\n  createdAt: number\n  lastUpdated: number\n  updateCount: number\n}\n\nexport interface EffectInfo {\n  id: number\n  name?: string\n  dependencies: number[]\n  lastRun: number\n  runCount: number\n  status: 'idle' | 'running' | 'error'\n  error?: Error\n}\n\nexport interface ComponentInfo {\n  id: number\n  name: string\n  props: Record<string, unknown>\n  signals: number[]\n  effects: number[]\n  children: number[]\n  parent?: number\n  mountedAt: number\n}\n\n// Global devtools state\nconst devToolsState: DevToolsState = {\n  enabled: false,\n  signals: new Map(),\n  effects: new Map(),\n  components: new Map(),\n}\n\nlet signalIdCounter = 0\nlet effectIdCounter = 0\nlet componentIdCounter = 0\n\n// Event listeners for devtools\ntype DevToolsEventType =\n  | 'signal-create'\n  | 'signal-update'\n  | 'effect-create'\n  | 'effect-run'\n  | 'component-mount'\n  | 'component-unmount'\ntype DevToolsListener = (event: DevToolsEventType, data: unknown) => void\nconst listeners: DevToolsListener[] = []\n\n/**\n * Enable devtools integration\n * Call this in development mode to enable signal/effect inspection\n */\nexport function enableDevTools(): void {\n  devToolsState.enabled = true\n\n  // Register hooks with signal system for automatic tracking\n  setDevToolsHooks({\n    onSignalCreate: (signal, name) => registerSignal(signal, name),\n    onSignalUpdate: (id, value) => updateSignalInfo(id, value),\n    onEffectCreate: (name) => registerEffect(name),\n    onEffectRun: (id, status, error) => updateEffectInfo(id, status, error),\n  })\n\n  // Expose to window for browser extension\n  if (typeof window !== 'undefined') {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    ;(window as any).__FLEXIUM_DEVTOOLS__ = {\n      getState: getDevToolsState,\n      getSignals: () => Array.from(devToolsState.signals.values()),\n      getEffects: () => Array.from(devToolsState.effects.values()),\n      getComponents: () => Array.from(devToolsState.components.values()),\n      subscribe: (listener: DevToolsListener) => {\n        listeners.push(listener)\n        return () => {\n          const index = listeners.indexOf(listener)\n          if (index > -1) listeners.splice(index, 1)\n        }\n      },\n    }\n\n    console.log(\n      '%c[Flexium DevTools] Enabled',\n      'color: #10b981; font-weight: bold;'\n    )\n  }\n}\n\n/**\n * Disable devtools integration\n */\nexport function disableDevTools(): void {\n  devToolsState.enabled = false\n  devToolsState.signals.clear()\n  devToolsState.effects.clear()\n  devToolsState.components.clear()\n\n  // Unregister hooks\n  setDevToolsHooks(null)\n\n  if (typeof window !== 'undefined') {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    delete (window as any).__FLEXIUM_DEVTOOLS__\n  }\n}\n\n/**\n * Get current devtools state\n */\nexport function getDevToolsState(): DevToolsState {\n  return { ...devToolsState }\n}\n\n/**\n * Check if devtools are enabled\n */\nexport function isDevToolsEnabled(): boolean {\n  return devToolsState.enabled\n}\n\n// Internal: emit event to listeners\nfunction emit(event: DevToolsEventType, data: unknown): void {\n  for (const listener of listeners) {\n    try {\n      listener(event, data)\n    } catch (e) {\n      logError(ErrorCodes.DEVTOOLS_LISTENER_ERROR, { event }, e)\n    }\n  }\n}\n\n/**\n * Register a signal with devtools\n * @internal\n */\nexport function registerSignal(\n  signal: Signal<unknown> | Computed<unknown>,\n  name?: string\n): number {\n  if (!devToolsState.enabled) return -1\n\n  const id = signalIdCounter++\n  const now = Date.now()\n\n  devToolsState.signals.set(id, {\n    id,\n    name,\n    value: signal.peek(),\n    subscribers: 0,\n    createdAt: now,\n    lastUpdated: now,\n    updateCount: 0,\n  })\n\n  emit('signal-create', { id, name })\n  return id\n}\n\n/**\n * Update signal info in devtools\n * @internal\n */\nexport function updateSignalInfo(id: number, value: unknown): void {\n  if (!devToolsState.enabled) return\n\n  const info = devToolsState.signals.get(id)\n  if (info) {\n    info.value = value\n    info.lastUpdated = Date.now()\n    info.updateCount++\n    emit('signal-update', { id, value })\n  }\n}\n\n/**\n * Register an effect with devtools\n * @internal\n */\nexport function registerEffect(name?: string): number {\n  if (!devToolsState.enabled) return -1\n\n  const id = effectIdCounter++\n\n  devToolsState.effects.set(id, {\n    id,\n    name,\n    dependencies: [],\n    lastRun: Date.now(),\n    runCount: 0,\n    status: 'idle',\n  })\n\n  emit('effect-create', { id, name })\n  return id\n}\n\n/**\n * Update effect info in devtools\n * @internal\n */\nexport function updateEffectInfo(\n  id: number,\n  status: 'idle' | 'running' | 'error',\n  error?: Error\n): void {\n  if (!devToolsState.enabled) return\n\n  const info = devToolsState.effects.get(id)\n  if (info) {\n    info.status = status\n    info.lastRun = Date.now()\n    info.runCount++\n    if (error) info.error = error\n    emit('effect-run', { id, status, error })\n  }\n}\n\n/**\n * Register a component with devtools\n * @internal\n */\nexport function registerComponent(\n  name: string,\n  props: Record<string, unknown>\n): number {\n  if (!devToolsState.enabled) return -1\n\n  const id = componentIdCounter++\n\n  devToolsState.components.set(id, {\n    id,\n    name,\n    props,\n    signals: [],\n    effects: [],\n    children: [],\n    mountedAt: Date.now(),\n  })\n\n  emit('component-mount', { id, name })\n  return id\n}\n\n/**\n * Unregister a component from devtools\n * @internal\n */\nexport function unregisterComponent(id: number): void {\n  if (!devToolsState.enabled) return\n\n  const info = devToolsState.components.get(id)\n  if (info) {\n    devToolsState.components.delete(id)\n    emit('component-unmount', { id, name: info.name })\n  }\n}\n\n/**\n * Create a named signal for better devtools visibility\n *\n * @example\n * ```tsx\n * import { createNamedSignal } from 'flexium/devtools';\n * import { signal } from 'flexium/core';\n *\n * // Shows as \"count\" in devtools\n * const count = createNamedSignal('count', 0, signal);\n * ```\n */\nexport function createNamedSignal<T>(\n  name: string,\n  initialValue: T,\n  signalFn: (v: T) => Signal<T>\n): Signal<T> {\n  const s = signalFn(initialValue)\n\n  if (devToolsState.enabled) {\n    registerSignal(s, name)\n  }\n\n  return s\n}\n"]}

package/dist/canvas.d.cts

@@ -0,0 +1,22 @@
+import { S as Signal } from './signal-mNtlF8-v.cjs';
+export { C as Computed, c as computed, e as effect, r as root, s as signal } from './signal-mNtlF8-v.cjs';
+export { C as Canvas, f as CanvasProps, b as DrawArc, i as DrawArcProps, a as DrawCircle, h as DrawCircleProps, c as DrawLine, j as DrawLineProps, d as DrawPath, k as DrawPathProps, D as DrawRect, g as DrawRectProps, e as DrawText, l as DrawTextProps } from './DrawText-JB58mpQT.cjs';
+
+/**
+ * Canvas renderer - renders canvas primitives to canvas context
+ */
+/**
+ * Render canvas children to context
+ */
+declare function renderCanvasChildren(ctx: CanvasRenderingContext2D, children: any, _width: number, _height: number): void;
+
+/**
+ * Canvas utilities
+ */
+
+/**
+ * Unwrap a value that might be a Signal
+ */
+declare function unwrapSignal<T>(value: T | Signal<T>): T;
+
+export { Signal, renderCanvasChildren, unwrapSignal };

package/dist/canvas.d.ts

@@ -0,0 +1,22 @@
+import { S as Signal } from './signal-mNtlF8-v.js';
+export { C as Computed, c as computed, e as effect, r as root, s as signal } from './signal-mNtlF8-v.js';
+export { C as Canvas, f as CanvasProps, b as DrawArc, i as DrawArcProps, a as DrawCircle, h as DrawCircleProps, c as DrawLine, j as DrawLineProps, d as DrawPath, k as DrawPathProps, D as DrawRect, g as DrawRectProps, e as DrawText, l as DrawTextProps } from './DrawText-CeXBL8Ev.js';
+
+/**
+ * Canvas renderer - renders canvas primitives to canvas context
+ */
+/**
+ * Render canvas children to context
+ */
+declare function renderCanvasChildren(ctx: CanvasRenderingContext2D, children: any, _width: number, _height: number): void;
+
+/**
+ * Canvas utilities
+ */
+
+/**
+ * Unwrap a value that might be a Signal
+ */
+declare function unwrapSignal<T>(value: T | Signal<T>): T;
+
+export { Signal, renderCanvasChildren, unwrapSignal };

package/dist/canvas.js

@@ -0,0 +1,2 @@
+'use strict';var chunkGDBJ322I_js=require('./chunk-GDBJ322I.js'),chunkROYFUJN5_js=require('./chunk-ROYFUJN5.js');Object.defineProperty(exports,"Canvas",{enumerable:true,get:function(){return chunkGDBJ322I_js.d}});Object.defineProperty(exports,"DrawArc",{enumerable:true,get:function(){return chunkGDBJ322I_js.g}});Object.defineProperty(exports,"DrawCircle",{enumerable:true,get:function(){return chunkGDBJ322I_js.f}});Object.defineProperty(exports,"DrawLine",{enumerable:true,get:function(){return chunkGDBJ322I_js.h}});Object.defineProperty(exports,"DrawPath",{enumerable:true,get:function(){return chunkGDBJ322I_js.i}});Object.defineProperty(exports,"DrawRect",{enumerable:true,get:function(){return chunkGDBJ322I_js.e}});Object.defineProperty(exports,"DrawText",{enumerable:true,get:function(){return chunkGDBJ322I_js.j}});Object.defineProperty(exports,"renderCanvasChildren",{enumerable:true,get:function(){return chunkGDBJ322I_js.c}});Object.defineProperty(exports,"unwrapSignal",{enumerable:true,get:function(){return chunkGDBJ322I_js.b}});Object.defineProperty(exports,"computed",{enumerable:true,get:function(){return chunkROYFUJN5_js.i}});Object.defineProperty(exports,"effect",{enumerable:true,get:function(){return chunkROYFUJN5_js.j}});Object.defineProperty(exports,"root",{enumerable:true,get:function(){return chunkROYFUJN5_js.m}});Object.defineProperty(exports,"signal",{enumerable:true,get:function(){return chunkROYFUJN5_js.h}});//# sourceMappingURL=canvas.js.map
+//# sourceMappingURL=canvas.js.map

package/dist/canvas.js.map

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

package/dist/canvas.mjs

@@ -0,0 +1,2 @@
+export{d as Canvas,g as DrawArc,f as DrawCircle,h as DrawLine,i as DrawPath,e as DrawRect,j as DrawText,c as renderCanvasChildren,b as unwrapSignal}from'./chunk-ZNPYN2TZ.mjs';export{i as computed,j as effect,m as root,h as signal}from'./chunk-5S3ZQ2LB.mjs';//# sourceMappingURL=canvas.mjs.map
+//# sourceMappingURL=canvas.mjs.map

package/dist/canvas.mjs.map

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