flexium 0.9.0 → 0.10.3

package/dist/{owner-Ce7KCWzi.d.ts → owner-QS9tPwPr.d.ts}

@@ -23,12 +23,5 @@ declare function untrack<T>(fn: () => T): T;
  * ```
  */
 declare function root<T>(fn: (dispose: () => void) => T): T;
-/**
- * Runs a function once when the component mounts.
- * Unlike effect(), onMount does not track dependencies - it runs exactly once.
- *
- * @param fn - Function to run on mount. Can return a cleanup function.
- */
-declare function onMount(fn: () => void | (() => void)): void;
 
-export { onMount as o, root as r, untrack as u };
+export { root as r, untrack as u };

package/dist/{portal-C3ESJhlv.d.ts → portal-CVqrpmHd.d.ts}

@@ -1,5 +1,5 @@
 import { R as Renderer, E as EventHandler, F as FNode } from './renderer-DSLb-FGg.js';
-import { S as Signal, C as Computed } from './signal-Dxh9PsKr.js';
+import { S as SignalNode, C as ComputedNode } from './signal-C6936A3J.js';
 
 /**
  * DOM Renderer implementation
@@ -182,7 +182,7 @@ interface ListComponent<T> {
  * mountReactive(() => <span>{count.value}</span>, container)
  * ```
  */
-declare function mountReactive(node: FNode | string | number | boolean | Signal<any> | Computed<any> | null | undefined | Function | any[] | ListComponent<any>, container?: Node): Node | null;
+declare function mountReactive(node: FNode | string | number | boolean | SignalNode<any> | ComputedNode<any> | null | undefined | Function | any[] | ListComponent<any>, container?: Node): Node | null;
 declare function createReactiveRoot(container: HTMLElement): {
     render(node: FNode): void;
     unmount(): void;

package/dist/{portal-CAEbiMUZ.d.cts → portal-NLlE-fNZ.d.cts}

@@ -1,5 +1,5 @@
 import { R as Renderer, E as EventHandler, F as FNode } from './renderer-DSLb-FGg.cjs';
-import { S as Signal, C as Computed } from './signal-Dxh9PsKr.cjs';
+import { S as SignalNode, C as ComputedNode } from './signal-C6936A3J.cjs';
 
 /**
  * DOM Renderer implementation
@@ -182,7 +182,7 @@ interface ListComponent<T> {
  * mountReactive(() => <span>{count.value}</span>, container)
  * ```
  */
-declare function mountReactive(node: FNode | string | number | boolean | Signal<any> | Computed<any> | null | undefined | Function | any[] | ListComponent<any>, container?: Node): Node | null;
+declare function mountReactive(node: FNode | string | number | boolean | SignalNode<any> | ComputedNode<any> | null | undefined | Function | any[] | ListComponent<any>, container?: Node): Node | null;
 declare function createReactiveRoot(container: HTMLElement): {
     render(node: FNode): void;
     unmount(): void;

package/dist/primitives/layout.js

@@ -1,2 +1,2 @@
-'use strict';var chunk3P6DMEGB_js=require('../chunk-3P6DMEGB.js');require('../chunk-Q7IWDVJ4.js'),require('../chunk-WQFQO5LK.js');Object.defineProperty(exports,"Column",{enumerable:true,get:function(){return chunk3P6DMEGB_js.h}});Object.defineProperty(exports,"Grid",{enumerable:true,get:function(){return chunk3P6DMEGB_js.j}});Object.defineProperty(exports,"Row",{enumerable:true,get:function(){return chunk3P6DMEGB_js.g}});Object.defineProperty(exports,"Spacer",{enumerable:true,get:function(){return chunk3P6DMEGB_js.i}});Object.defineProperty(exports,"Stack",{enumerable:true,get:function(){return chunk3P6DMEGB_js.k}});Object.defineProperty(exports,"getBaseValue",{enumerable:true,get:function(){return chunk3P6DMEGB_js.c}});Object.defineProperty(exports,"mapAlignItems",{enumerable:true,get:function(){return chunk3P6DMEGB_js.f}});Object.defineProperty(exports,"mapJustifyContent",{enumerable:true,get:function(){return chunk3P6DMEGB_js.e}});Object.defineProperty(exports,"mergeStyles",{enumerable:true,get:function(){return chunk3P6DMEGB_js.b}});Object.defineProperty(exports,"stylePropsToCSS",{enumerable:true,get:function(){return chunk3P6DMEGB_js.a}});Object.defineProperty(exports,"toCSSValue",{enumerable:true,get:function(){return chunk3P6DMEGB_js.d}});//# sourceMappingURL=layout.js.map
+'use strict';var chunkYDZ37ZZ4_js=require('../chunk-YDZ37ZZ4.js');require('../chunk-Q7IWDVJ4.js'),require('../chunk-WQFQO5LK.js');Object.defineProperty(exports,"Column",{enumerable:true,get:function(){return chunkYDZ37ZZ4_js.h}});Object.defineProperty(exports,"Grid",{enumerable:true,get:function(){return chunkYDZ37ZZ4_js.j}});Object.defineProperty(exports,"Row",{enumerable:true,get:function(){return chunkYDZ37ZZ4_js.g}});Object.defineProperty(exports,"Spacer",{enumerable:true,get:function(){return chunkYDZ37ZZ4_js.i}});Object.defineProperty(exports,"Stack",{enumerable:true,get:function(){return chunkYDZ37ZZ4_js.k}});Object.defineProperty(exports,"getBaseValue",{enumerable:true,get:function(){return chunkYDZ37ZZ4_js.c}});Object.defineProperty(exports,"mapAlignItems",{enumerable:true,get:function(){return chunkYDZ37ZZ4_js.f}});Object.defineProperty(exports,"mapJustifyContent",{enumerable:true,get:function(){return chunkYDZ37ZZ4_js.e}});Object.defineProperty(exports,"mergeStyles",{enumerable:true,get:function(){return chunkYDZ37ZZ4_js.b}});Object.defineProperty(exports,"stylePropsToCSS",{enumerable:true,get:function(){return chunkYDZ37ZZ4_js.a}});Object.defineProperty(exports,"toCSSValue",{enumerable:true,get:function(){return chunkYDZ37ZZ4_js.d}});//# sourceMappingURL=layout.js.map
 //# sourceMappingURL=layout.js.map

package/dist/primitives/layout.mjs

@@ -1,2 +1,2 @@
-export{h as Column,j as Grid,g as Row,i as Spacer,k as Stack,c as getBaseValue,f as mapAlignItems,e as mapJustifyContent,b as mergeStyles,a as stylePropsToCSS,d as toCSSValue}from'../chunk-R5CS7UZG.mjs';import'../chunk-WVEJT7HD.mjs';import'../chunk-KNF5ERPK.mjs';//# sourceMappingURL=layout.mjs.map
+export{h as Column,j as Grid,g as Row,i as Spacer,k as Stack,c as getBaseValue,f as mapAlignItems,e as mapJustifyContent,b as mergeStyles,a as stylePropsToCSS,d as toCSSValue}from'../chunk-BYHIHYRR.mjs';import'../chunk-WVEJT7HD.mjs';import'../chunk-KNF5ERPK.mjs';//# sourceMappingURL=layout.mjs.map
 //# sourceMappingURL=layout.mjs.map

package/dist/primitives/motion.js

@@ -1,2 +1,2 @@
-'use strict';var chunkPDOEMOWN_js=require('../chunk-PDOEMOWN.js');require('../chunk-Q7IWDVJ4.js'),require('../chunk-WQFQO5LK.js'),require('../chunk-MKE3KA43.js');Object.defineProperty(exports,"MotionController",{enumerable:true,get:function(){return chunkPDOEMOWN_js.b}});Object.defineProperty(exports,"Transition",{enumerable:true,get:function(){return chunkPDOEMOWN_js.c}});Object.defineProperty(exports,"TransitionGroup",{enumerable:true,get:function(){return chunkPDOEMOWN_js.d}});Object.defineProperty(exports,"cleanupMotionState",{enumerable:true,get:function(){return chunkPDOEMOWN_js.a}});Object.defineProperty(exports,"transitions",{enumerable:true,get:function(){return chunkPDOEMOWN_js.e}});//# sourceMappingURL=motion.js.map
+'use strict';var chunk63AW5ZOC_js=require('../chunk-63AW5ZOC.js');require('../chunk-Q7IWDVJ4.js'),require('../chunk-WQFQO5LK.js'),require('../chunk-5236IK5I.js'),require('../chunk-AJT35P3Z.js');Object.defineProperty(exports,"MotionController",{enumerable:true,get:function(){return chunk63AW5ZOC_js.b}});Object.defineProperty(exports,"Transition",{enumerable:true,get:function(){return chunk63AW5ZOC_js.c}});Object.defineProperty(exports,"TransitionGroup",{enumerable:true,get:function(){return chunk63AW5ZOC_js.d}});Object.defineProperty(exports,"cleanupMotionState",{enumerable:true,get:function(){return chunk63AW5ZOC_js.a}});Object.defineProperty(exports,"transitions",{enumerable:true,get:function(){return chunk63AW5ZOC_js.e}});//# sourceMappingURL=motion.js.map
 //# sourceMappingURL=motion.js.map

package/dist/primitives/motion.mjs

@@ -1,2 +1,2 @@
-export{b as MotionController,c as Transition,d as TransitionGroup,a as cleanupMotionState,e as transitions}from'../chunk-GQKN4NPW.mjs';import'../chunk-WVEJT7HD.mjs';import'../chunk-KNF5ERPK.mjs';import'../chunk-GFL4VRAO.mjs';//# sourceMappingURL=motion.mjs.map
+export{b as MotionController,c as Transition,d as TransitionGroup,a as cleanupMotionState,e as transitions}from'../chunk-PVPY55Z7.mjs';import'../chunk-WVEJT7HD.mjs';import'../chunk-KNF5ERPK.mjs';import'../chunk-B7VP6HBY.mjs';import'../chunk-Q7WT5IIF.mjs';//# sourceMappingURL=motion.mjs.map
 //# sourceMappingURL=motion.mjs.map

package/dist/primitives/ui.d.cts

@@ -1,4 +1,4 @@
-import { S as Signal } from '../signal-Dxh9PsKr.cjs';
+import { a as Signal, S as SignalNode } from '../signal-C6936A3J.cjs';
 import { F as FNode } from '../renderer-DSLb-FGg.cjs';
 
 /**
@@ -27,8 +27,8 @@ interface ButtonProps {
     type?: ButtonType;
     variant?: ButtonVariant;
     size?: ButtonSize;
-    disabled?: Signal<boolean> | boolean;
-    loading?: Signal<boolean> | boolean;
+    disabled?: Signal<boolean> | SignalNode<boolean> | boolean;
+    loading?: Signal<boolean> | SignalNode<boolean> | boolean;
     fullWidth?: boolean;
     children?: any;
     leftIcon?: any;

package/dist/primitives/ui.d.ts

@@ -1,4 +1,4 @@
-import { S as Signal } from '../signal-Dxh9PsKr.js';
+import { a as Signal, S as SignalNode } from '../signal-C6936A3J.js';
 import { F as FNode } from '../renderer-DSLb-FGg.js';
 
 /**
@@ -27,8 +27,8 @@ interface ButtonProps {
     type?: ButtonType;
     variant?: ButtonVariant;
     size?: ButtonSize;
-    disabled?: Signal<boolean> | boolean;
-    loading?: Signal<boolean> | boolean;
+    disabled?: Signal<boolean> | SignalNode<boolean> | boolean;
+    loading?: Signal<boolean> | SignalNode<boolean> | boolean;
     fullWidth?: boolean;
     children?: any;
     leftIcon?: any;

package/dist/primitives/ui.js

@@ -1,2 +1,2 @@
-'use strict';var chunkQ7IWDVJ4_js=require('../chunk-Q7IWDVJ4.js');require('../chunk-WQFQO5LK.js');var chunkMKE3KA43_js=require('../chunk-MKE3KA43.js');function O(u){let{type:y="button",variant:s="primary",size:v="md",disabled:o=false,loading:E=false,fullWidth:j=false,children:b,leftIcon:x,rightIcon:T,loadingText:k="Loading...",className:D="",style:G,id:C,role:N,ariaLabel:w,ariaDescribedby:I,ariaExpanded:A,ariaPressed:F,ariaControls:K,onPress:z,onPressStart:a,onPressEnd:l,onFocus:m,onBlur:L,onKeyDown:H}=u,g=["button",`button-${s}`,`button-${v}`];j&&g.push("button-full-width"),D&&g.push(D);let t={type:y,class:g.join(" "),style:G};C&&(t.id=C),N&&(t.role=N),w&&(t["aria-label"]=w),I&&(t["aria-describedby"]=I),A!==void 0&&(t["aria-expanded"]=A),F!==void 0&&(t["aria-pressed"]=F),K&&(t["aria-controls"]=K),t.ref=e=>{if(!e)return;let M=typeof o=="boolean"?chunkMKE3KA43_js.k(o):o,Q=typeof E=="boolean"?chunkMKE3KA43_js.k(E):E,d=e.querySelector(".button-content"),c=e.querySelector(".button-spinner"),p=e.querySelector(".button-text");if(chunkMKE3KA43_js.i(()=>{e.disabled=M.value,M.value?e.setAttribute("aria-disabled","true"):e.removeAttribute("aria-disabled");}),chunkMKE3KA43_js.i(()=>{Q.value?(c&&(c.style.display="inline-block"),d&&(d.style.visibility="hidden"),k&&p&&(p.textContent=k),e.disabled=true,e.setAttribute("aria-busy","true")):(c&&(c.style.display="none"),d&&(d.style.visibility="visible"),typeof b=="string"&&p&&(p.textContent=b),e.removeAttribute("aria-busy"));}),z){let i=false,_=n=>{e.disabled||(i=true,e.classList.add("button-pressed"),a&&a(n));},U=n=>{i&&(i=false,e.classList.remove("button-pressed"),l&&l(n));},B=async n=>{if(e.disabled){n.preventDefault();return}try{await z(n);}catch(X){chunkMKE3KA43_js.b(chunkMKE3KA43_js.a.BUTTON_HANDLER_FAILED,void 0,X);}},W=n=>{e.disabled||((n.key==="Enter"||n.key===" ")&&(n.preventDefault(),i=true,e.classList.add("button-pressed"),a&&a(n)),H&&H(n));},q=n=>{e.disabled||(n.key==="Enter"||n.key===" ")&&(n.preventDefault(),i=false,e.classList.remove("button-pressed"),l&&l(n),B(n));},R=()=>{i=false,e.classList.remove("button-pressed");};e.addEventListener("pointerdown",_),e.addEventListener("pointerup",U),e.addEventListener("click",B),e.addEventListener("keydown",W),e.addEventListener("keyup",q),e.addEventListener("pointercancel",R),chunkMKE3KA43_js.n(()=>{e.removeEventListener("pointerdown",_),e.removeEventListener("pointerup",U),e.removeEventListener("click",B),e.removeEventListener("keydown",W),e.removeEventListener("keyup",q),e.removeEventListener("pointercancel",R);});}m&&(e.addEventListener("focus",m),chunkMKE3KA43_js.n(()=>e.removeEventListener("focus",m))),L&&(e.addEventListener("blur",L),chunkMKE3KA43_js.n(()=>e.removeEventListener("blur",L)));};let J=[chunkQ7IWDVJ4_js.a("span",{class:"button-spinner","aria-hidden":"true",style:{display:"none"}}),chunkQ7IWDVJ4_js.a("span",{class:"button-content"},[x&&chunkQ7IWDVJ4_js.a("span",{class:"button-icon button-icon-left"},x),chunkQ7IWDVJ4_js.a("span",{class:"button-text"},b),T&&chunkQ7IWDVJ4_js.a("span",{class:"button-icon button-icon-right"},T)].filter(Boolean))];return chunkQ7IWDVJ4_js.a("button",t,J)}function Y(u){let{icon:y,ariaLabel:s,className:v,...o}=u;return s||chunkMKE3KA43_js.c(chunkMKE3KA43_js.a.BUTTON_MISSING_ARIA_LABEL),O({...o,children:y,ariaLabel:s,className:`icon-button ${v||""}`})}exports.Button=O;exports.IconButton=Y;//# sourceMappingURL=ui.js.map
+'use strict';var chunkQ7IWDVJ4_js=require('../chunk-Q7IWDVJ4.js');require('../chunk-WQFQO5LK.js');var chunk5236IK5I_js=require('../chunk-5236IK5I.js'),chunkAJT35P3Z_js=require('../chunk-AJT35P3Z.js');function $(u){let{type:y="button",variant:s="primary",size:v="md",disabled:o=false,loading:E=false,fullWidth:O=false,children:b,leftIcon:x,rightIcon:N,loadingText:T="Loading...",className:k="",style:j,id:w,role:D,ariaLabel:C,ariaDescribedby:I,ariaExpanded:A,ariaPressed:F,ariaControls:K,onPress:z,onPressStart:a,onPressEnd:l,onFocus:m,onBlur:g,onKeyDown:H}=u,L=["button",`button-${s}`,`button-${v}`];O&&L.push("button-full-width"),k&&L.push(k);let i={type:y,class:L.join(" "),style:j};w&&(i.id=w),D&&(i.role=D),C&&(i["aria-label"]=C),I&&(i["aria-describedby"]=I),A!==void 0&&(i["aria-expanded"]=A),F!==void 0&&(i["aria-pressed"]=F),K&&(i["aria-controls"]=K),i.ref=e=>{if(!e)return;let J=typeof o=="boolean"?new chunk5236IK5I_js.d(o):o,Q=typeof E=="boolean"?new chunk5236IK5I_js.d(E):E,d=e.querySelector(".button-content"),c=e.querySelector(".button-spinner"),p=e.querySelector(".button-text");if(chunkAJT35P3Z_js.k(()=>{let t=J.value;e.disabled=t,t?e.setAttribute("aria-disabled","true"):e.removeAttribute("aria-disabled");}),chunkAJT35P3Z_js.k(()=>{Q.value?(c&&(c.style.display="inline-block"),d&&(d.style.visibility="hidden"),T&&p&&(p.textContent=T),e.disabled=true,e.setAttribute("aria-busy","true")):(c&&(c.style.display="none"),d&&(d.style.visibility="visible"),typeof b=="string"&&p&&(p.textContent=b),e.removeAttribute("aria-busy"));}),z){let t=false,M=n=>{e.disabled||(t=true,e.classList.add("button-pressed"),a&&a(n));},_=n=>{t&&(t=false,e.classList.remove("button-pressed"),l&&l(n));},B=async n=>{if(e.disabled){n.preventDefault();return}try{await z(n);}catch(X){chunkAJT35P3Z_js.b(chunkAJT35P3Z_js.a.BUTTON_HANDLER_FAILED,void 0,X);}},U=n=>{e.disabled||((n.key==="Enter"||n.key===" ")&&(n.preventDefault(),t=true,e.classList.add("button-pressed"),a&&a(n)),H&&H(n));},W=n=>{e.disabled||(n.key==="Enter"||n.key===" ")&&(n.preventDefault(),t=false,e.classList.remove("button-pressed"),l&&l(n),B(n));},q=()=>{t=false,e.classList.remove("button-pressed");};e.addEventListener("pointerdown",M),e.addEventListener("pointerup",_),e.addEventListener("click",B),e.addEventListener("keydown",U),e.addEventListener("keyup",W),e.addEventListener("pointercancel",q),chunk5236IK5I_js.g(()=>{e.removeEventListener("pointerdown",M),e.removeEventListener("pointerup",_),e.removeEventListener("click",B),e.removeEventListener("keydown",U),e.removeEventListener("keyup",W),e.removeEventListener("pointercancel",q);});}m&&(e.addEventListener("focus",m),chunk5236IK5I_js.g(()=>e.removeEventListener("focus",m))),g&&(e.addEventListener("blur",g),chunk5236IK5I_js.g(()=>e.removeEventListener("blur",g)));};let G=[chunkQ7IWDVJ4_js.a("span",{class:"button-spinner","aria-hidden":"true",style:{display:"none"}}),chunkQ7IWDVJ4_js.a("span",{class:"button-content"},[x&&chunkQ7IWDVJ4_js.a("span",{class:"button-icon button-icon-left"},x),chunkQ7IWDVJ4_js.a("span",{class:"button-text"},b),N&&chunkQ7IWDVJ4_js.a("span",{class:"button-icon button-icon-right"},N)].filter(Boolean))];return chunkQ7IWDVJ4_js.a("button",i,G)}function Y(u){let{icon:y,ariaLabel:s,className:v,...o}=u;return s||chunkAJT35P3Z_js.c(chunkAJT35P3Z_js.a.BUTTON_MISSING_ARIA_LABEL),$({...o,children:y,ariaLabel:s,className:`icon-button ${v||""}`})}exports.Button=$;exports.IconButton=Y;//# sourceMappingURL=ui.js.map
 //# sourceMappingURL=ui.js.map

package/dist/primitives/ui.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/primitives/ui/Button.ts"],"names":["Button","props","type","variant","size","disabled","loading","fullWidth","children","leftIcon","rightIcon","loadingText","className","style","id","role","ariaLabel","ariaDescribedby","ariaExpanded","ariaPressed","ariaControls","onPress","onPressStart","onPressEnd","onFocus","onBlur","onKeyDown","classes","buttonProps","button","disabledSignal","signal","loadingSignal","contentWrapper","loadingSpinner","textContent","effect","isPressing","handlePointerDown","e","handlePointerUp","handleClick","error","logError","ErrorCodes","handleKeyDown","handleKeyUp","handlePointerCancel","onCleanup","buttonChildren","f","IconButton","icon","logWarning"],"mappings":"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","file":"ui.js","sourcesContent":["/**\n * Button Component - Accessible button with unified touch/click handler\n *\n * Provides onPress handler that works consistently across mouse, touch, and keyboard\n * Includes full ARIA support and style props\n */\n\nimport { signal, effect, onCleanup, type Signal } from '../../core/signal'\nimport { ErrorCodes, logError, logWarning } from '../../core/errors'\nimport { f } from '../../renderers/dom/f'\nimport type { FNode } from '../../core/renderer'\n\n/**\n * Button variants\n */\nexport type ButtonVariant =\n  | 'primary'\n  | 'secondary'\n  | 'outline'\n  | 'ghost'\n  | 'danger'\n\n/**\n * Button sizes\n */\nexport type ButtonSize = 'sm' | 'md' | 'lg'\n\n/**\n * Button type attribute\n */\nexport type ButtonType = 'button' | 'submit' | 'reset'\n\n/**\n * Button component props\n */\nexport interface ButtonProps {\n  type?: ButtonType\n  variant?: ButtonVariant\n  size?: ButtonSize\n  disabled?: Signal<boolean> | boolean\n  loading?: Signal<boolean> | boolean\n  fullWidth?: boolean\n\n  // Content\n  children?: any\n  leftIcon?: any\n  rightIcon?: any\n  loadingText?: string\n\n  // Styling\n  className?: string\n  style?: Partial<CSSStyleDeclaration>\n\n  // Accessibility\n  id?: string\n  role?: string\n  ariaLabel?: string\n  ariaDescribedby?: string\n  ariaExpanded?: boolean\n  ariaPressed?: boolean\n  ariaControls?: string\n\n  // Event handlers\n  onPress?: (event: Event) => void | Promise<void>\n  onPressStart?: (event: PointerEvent) => void\n  onPressEnd?: (event: PointerEvent) => void\n  onFocus?: (event: FocusEvent) => void\n  onBlur?: (event: FocusEvent) => void\n  onKeyDown?: (event: KeyboardEvent) => void\n}\n\n/**\n * Button component - Accessible button with unified touch/click handler\n *\n * @example\n * ```tsx\n * <Button variant=\"primary\" onPress={() => console.log('clicked')}>\n *   Click me\n * </Button>\n *\n * const loading = signal(false)\n * <Button loading={loading} loadingText=\"Saving...\">\n *   Save\n * </Button>\n * ```\n */\nexport function Button(props: ButtonProps): FNode {\n  const {\n    type = 'button',\n    variant = 'primary',\n    size = 'md',\n    disabled = false,\n    loading = false,\n    fullWidth = false,\n    children,\n    leftIcon,\n    rightIcon,\n    loadingText = 'Loading...',\n    className = '',\n    style,\n    id,\n    role,\n    ariaLabel,\n    ariaDescribedby,\n    ariaExpanded,\n    ariaPressed,\n    ariaControls,\n    onPress,\n    onPressStart,\n    onPressEnd,\n    onFocus,\n    onBlur,\n    onKeyDown,\n  } = props\n\n  // Build class names\n  const classes = ['button', `button-${variant}`, `button-${size}`]\n  if (fullWidth) classes.push('button-full-width')\n  if (className) classes.push(className)\n\n  // Build props for the button element\n  const buttonProps: Record<string, any> = {\n    type,\n    class: classes.join(' '),\n    style,\n  }\n\n  if (id) buttonProps.id = id\n  if (role) buttonProps.role = role\n  if (ariaLabel) buttonProps['aria-label'] = ariaLabel\n  if (ariaDescribedby) buttonProps['aria-describedby'] = ariaDescribedby\n  if (ariaExpanded !== undefined) buttonProps['aria-expanded'] = ariaExpanded\n  if (ariaPressed !== undefined) buttonProps['aria-pressed'] = ariaPressed\n  if (ariaControls) buttonProps['aria-controls'] = ariaControls\n\n  // Add ref callback to set up reactive behavior\n  buttonProps.ref = (button: HTMLButtonElement | null) => {\n    if (!button) return\n\n    // Convert disabled/loading to signals if needed\n    const disabledSignal =\n      typeof disabled === 'boolean' ? signal(disabled) : disabled\n    const loadingSignal = typeof loading === 'boolean' ? signal(loading) : loading\n\n    // Find content elements after mount\n    const contentWrapper = button.querySelector('.button-content') as HTMLElement\n    const loadingSpinner = button.querySelector('.button-spinner') as HTMLElement\n    const textContent = button.querySelector('.button-text') as HTMLElement\n\n    // Handle disabled state\n    effect(() => {\n      button.disabled = disabledSignal.value\n      if (disabledSignal.value) {\n        button.setAttribute('aria-disabled', 'true')\n      } else {\n        button.removeAttribute('aria-disabled')\n      }\n    })\n\n    // Handle loading state\n    effect(() => {\n      const isLoading = loadingSignal.value\n\n      if (isLoading) {\n        // Show spinner\n        if (loadingSpinner) loadingSpinner.style.display = 'inline-block'\n        if (contentWrapper) contentWrapper.style.visibility = 'hidden'\n\n        // Update text for screen readers\n        if (loadingText && textContent) {\n          textContent.textContent = loadingText\n        }\n\n        // Disable button during loading\n        button.disabled = true\n        button.setAttribute('aria-busy', 'true')\n      } else {\n        // Hide spinner\n        if (loadingSpinner) loadingSpinner.style.display = 'none'\n        if (contentWrapper) contentWrapper.style.visibility = 'visible'\n\n        // Restore original text\n        if (typeof children === 'string' && textContent) {\n          textContent.textContent = children\n        }\n\n        button.removeAttribute('aria-busy')\n      }\n    })\n\n    // Unified press handler (works for mouse, touch, and keyboard)\n    if (onPress) {\n      let isPressing = false\n\n      // Pointer down (mouse/touch start)\n      const handlePointerDown = (e: PointerEvent) => {\n        if (button.disabled) return\n\n        isPressing = true\n        button.classList.add('button-pressed')\n\n        if (onPressStart) {\n          onPressStart(e)\n        }\n      }\n\n      // Pointer up (mouse/touch end)\n      const handlePointerUp = (e: PointerEvent) => {\n        if (!isPressing) return\n\n        isPressing = false\n        button.classList.remove('button-pressed')\n\n        if (onPressEnd) {\n          onPressEnd(e)\n        }\n      }\n\n      // Click (fires after pointer up)\n      const handleClick = async (e: Event) => {\n        if (button.disabled) {\n          e.preventDefault()\n          return\n        }\n\n        try {\n          await onPress(e)\n        } catch (error) {\n          logError(ErrorCodes.BUTTON_HANDLER_FAILED, undefined, error)\n        }\n      }\n\n      // Keyboard (Enter/Space)\n      const handleKeyDown = (e: KeyboardEvent) => {\n        if (button.disabled) return\n\n        // Enter or Space triggers press\n        if (e.key === 'Enter' || e.key === ' ') {\n          e.preventDefault()\n          isPressing = true\n          button.classList.add('button-pressed')\n\n          if (onPressStart) {\n            // eslint-disable-next-line @typescript-eslint/no-explicit-any\n            onPressStart(e as any)\n          }\n        }\n\n        // Custom keydown handler\n        if (onKeyDown) {\n          onKeyDown(e)\n        }\n      }\n\n      const handleKeyUp = (e: KeyboardEvent) => {\n        if (button.disabled) return\n\n        if (e.key === 'Enter' || e.key === ' ') {\n          e.preventDefault()\n          isPressing = false\n          button.classList.remove('button-pressed')\n\n          if (onPressEnd) {\n            // eslint-disable-next-line @typescript-eslint/no-explicit-any\n            onPressEnd(e as any)\n          }\n\n          // Trigger press\n          handleClick(e)\n        }\n      }\n\n      // Pointer cancel (touch interrupted)\n      const handlePointerCancel = () => {\n        isPressing = false\n        button.classList.remove('button-pressed')\n      }\n\n      button.addEventListener('pointerdown', handlePointerDown)\n      button.addEventListener('pointerup', handlePointerUp)\n      button.addEventListener('click', handleClick)\n      button.addEventListener('keydown', handleKeyDown)\n      button.addEventListener('keyup', handleKeyUp)\n      button.addEventListener('pointercancel', handlePointerCancel)\n\n      onCleanup(() => {\n        button.removeEventListener('pointerdown', handlePointerDown)\n        button.removeEventListener('pointerup', handlePointerUp)\n        button.removeEventListener('click', handleClick)\n        button.removeEventListener('keydown', handleKeyDown)\n        button.removeEventListener('keyup', handleKeyUp)\n        button.removeEventListener('pointercancel', handlePointerCancel)\n      })\n    }\n\n    // Focus/blur handlers\n    if (onFocus) {\n      button.addEventListener('focus', onFocus)\n      onCleanup(() => button.removeEventListener('focus', onFocus))\n    }\n\n    if (onBlur) {\n      button.addEventListener('blur', onBlur)\n      onCleanup(() => button.removeEventListener('blur', onBlur))\n    }\n  }\n\n  // Build button content structure\n  const buttonChildren = [\n    // Loading spinner\n    f('span', {\n      class: 'button-spinner',\n      'aria-hidden': 'true',\n      style: { display: 'none' },\n    }),\n    // Content wrapper with icons and text\n    f(\n      'span',\n      { class: 'button-content' },\n      [\n        leftIcon && f('span', { class: 'button-icon button-icon-left' }, leftIcon),\n        f('span', { class: 'button-text' }, children),\n        rightIcon &&\n          f('span', { class: 'button-icon button-icon-right' }, rightIcon),\n      ].filter(Boolean)\n    ),\n  ]\n\n  return f('button', buttonProps, buttonChildren)\n}\n\n/**\n * IconButton component - Button with only an icon\n *\n * @example\n * ```tsx\n * <IconButton icon={<i class=\"icon-close\" />} ariaLabel=\"Close\" onPress={handleClose} />\n * ```\n */\nexport function IconButton(props: ButtonProps & { icon: any }): FNode {\n  const { icon, ariaLabel, className, ...buttonProps } = props\n\n  if (!ariaLabel) {\n    logWarning(ErrorCodes.BUTTON_MISSING_ARIA_LABEL)\n  }\n\n  return Button({\n    ...buttonProps,\n    children: icon,\n    ariaLabel,\n    className: `icon-button ${className || ''}`,\n  })\n}\n"]}
+{"version":3,"sources":["../../src/primitives/ui/Button.ts"],"names":["Button","props","type","variant","size","disabled","loading","fullWidth","children","leftIcon","rightIcon","loadingText","className","style","id","role","ariaLabel","ariaDescribedby","ariaExpanded","ariaPressed","ariaControls","onPress","onPressStart","onPressEnd","onFocus","onBlur","onKeyDown","classes","buttonProps","button","disabledSignal","SignalNode","loadingSignal","contentWrapper","loadingSpinner","textContent","effect","val","isPressing","handlePointerDown","e","handlePointerUp","handleClick","error","logError","ErrorCodes","handleKeyDown","handleKeyUp","handlePointerCancel","onCleanup","buttonChildren","f","IconButton","icon","logWarning"],"mappings":"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","file":"ui.js","sourcesContent":["/**\n * Button Component - Accessible button with unified touch/click handler\n *\n * Provides onPress handler that works consistently across mouse, touch, and keyboard\n * Includes full ARIA support and style props\n */\n\nimport { SignalNode, onCleanup, type Signal } from '../../core/signal'\nimport { effect } from '../../core/effect'\nimport { ErrorCodes, logError, logWarning } from '../../core/errors'\nimport { f } from '../../renderers/dom/f'\nimport type { FNode } from '../../core/renderer'\n\n/**\n * Button variants\n */\nexport type ButtonVariant =\n  | 'primary'\n  | 'secondary'\n  | 'outline'\n  | 'ghost'\n  | 'danger'\n\n/**\n * Button sizes\n */\nexport type ButtonSize = 'sm' | 'md' | 'lg'\n\n/**\n * Button type attribute\n */\nexport type ButtonType = 'button' | 'submit' | 'reset'\n\n/**\n * Button component props\n */\nexport interface ButtonProps {\n  type?: ButtonType\n  variant?: ButtonVariant\n  size?: ButtonSize\n  disabled?: Signal<boolean> | SignalNode<boolean> | boolean\n  loading?: Signal<boolean> | SignalNode<boolean> | boolean\n  fullWidth?: boolean\n\n  // Content\n  children?: any\n  leftIcon?: any\n  rightIcon?: any\n  loadingText?: string\n\n  // Styling\n  className?: string\n  style?: Partial<CSSStyleDeclaration>\n\n  // Accessibility\n  id?: string\n  role?: string\n  ariaLabel?: string\n  ariaDescribedby?: string\n  ariaExpanded?: boolean\n  ariaPressed?: boolean\n  ariaControls?: string\n\n  // Event handlers\n  onPress?: (event: Event) => void | Promise<void>\n  onPressStart?: (event: PointerEvent) => void\n  onPressEnd?: (event: PointerEvent) => void\n  onFocus?: (event: FocusEvent) => void\n  onBlur?: (event: FocusEvent) => void\n  onKeyDown?: (event: KeyboardEvent) => void\n}\n\n/**\n * Button component - Accessible button with unified touch/click handler\n *\n * @example\n * ```tsx\n * <Button variant=\"primary\" onPress={() => console.log('clicked')}>\n *   Click me\n * </Button>\n *\n * const loading = signal(false)\n * <Button loading={loading} loadingText=\"Saving...\">\n *   Save\n * </Button>\n * ```\n */\nexport function Button(props: ButtonProps): FNode {\n  const {\n    type = 'button',\n    variant = 'primary',\n    size = 'md',\n    disabled = false,\n    loading = false,\n    fullWidth = false,\n    children,\n    leftIcon,\n    rightIcon,\n    loadingText = 'Loading...',\n    className = '',\n    style,\n    id,\n    role,\n    ariaLabel,\n    ariaDescribedby,\n    ariaExpanded,\n    ariaPressed,\n    ariaControls,\n    onPress,\n    onPressStart,\n    onPressEnd,\n    onFocus,\n    onBlur,\n    onKeyDown,\n  } = props\n\n  // Build class names\n  const classes = ['button', `button-${variant}`, `button-${size}`]\n  if (fullWidth) classes.push('button-full-width')\n  if (className) classes.push(className)\n\n  // Build props for the button element\n  const buttonProps: Record<string, any> = {\n    type,\n    class: classes.join(' '),\n    style,\n  }\n\n  if (id) buttonProps.id = id\n  if (role) buttonProps.role = role\n  if (ariaLabel) buttonProps['aria-label'] = ariaLabel\n  if (ariaDescribedby) buttonProps['aria-describedby'] = ariaDescribedby\n  if (ariaExpanded !== undefined) buttonProps['aria-expanded'] = ariaExpanded\n  if (ariaPressed !== undefined) buttonProps['aria-pressed'] = ariaPressed\n  if (ariaControls) buttonProps['aria-controls'] = ariaControls\n\n  // Add ref callback to set up reactive behavior\n  buttonProps.ref = (button: HTMLButtonElement | null) => {\n    if (!button) return\n\n    // Convert disabled/loading to signals if needed\n    // Safety: we normalize to an object with .value property (both Signal and SignalNode have it now)\n    const disabledSignal =\n      typeof disabled === 'boolean' ? new SignalNode(disabled) : disabled\n    const loadingSignal = typeof loading === 'boolean' ? new SignalNode(loading) : loading\n\n    // Find content elements after mount\n    const contentWrapper = button.querySelector('.button-content') as HTMLElement\n    const loadingSpinner = button.querySelector('.button-spinner') as HTMLElement\n    const textContent = button.querySelector('.button-text') as HTMLElement\n\n    // Handle disabled state\n    effect(() => {\n      const val = disabledSignal.value // Works for SignalNode and Signal(Proxy)\n      button.disabled = val\n      if (val) {\n        button.setAttribute('aria-disabled', 'true')\n      } else {\n        button.removeAttribute('aria-disabled')\n      }\n    })\n\n    // Handle loading state\n    effect(() => {\n      const isLoading = loadingSignal.value\n\n      if (isLoading) {\n        // Show spinner\n        if (loadingSpinner) loadingSpinner.style.display = 'inline-block'\n        if (contentWrapper) contentWrapper.style.visibility = 'hidden'\n\n        // Update text for screen readers\n        if (loadingText && textContent) {\n          textContent.textContent = loadingText\n        }\n\n        // Disable button during loading\n        button.disabled = true\n        button.setAttribute('aria-busy', 'true')\n      } else {\n        // Hide spinner\n        if (loadingSpinner) loadingSpinner.style.display = 'none'\n        if (contentWrapper) contentWrapper.style.visibility = 'visible'\n\n        // Restore original text\n        if (typeof children === 'string' && textContent) {\n          textContent.textContent = children\n        }\n\n        button.removeAttribute('aria-busy')\n      }\n    })\n\n    // Unified press handler (works for mouse, touch, and keyboard)\n    if (onPress) {\n      let isPressing = false\n\n      // Pointer down (mouse/touch start)\n      const handlePointerDown = (e: PointerEvent) => {\n        if (button.disabled) return\n\n        isPressing = true\n        button.classList.add('button-pressed')\n\n        if (onPressStart) {\n          onPressStart(e)\n        }\n      }\n\n      // Pointer up (mouse/touch end)\n      const handlePointerUp = (e: PointerEvent) => {\n        if (!isPressing) return\n\n        isPressing = false\n        button.classList.remove('button-pressed')\n\n        if (onPressEnd) {\n          onPressEnd(e)\n        }\n      }\n\n      // Click (fires after pointer up)\n      const handleClick = async (e: Event) => {\n        if (button.disabled) {\n          e.preventDefault()\n          return\n        }\n\n        try {\n          await onPress(e)\n        } catch (error) {\n          logError(ErrorCodes.BUTTON_HANDLER_FAILED, undefined, error)\n        }\n      }\n\n      // Keyboard (Enter/Space)\n      const handleKeyDown = (e: KeyboardEvent) => {\n        if (button.disabled) return\n\n        // Enter or Space triggers press\n        if (e.key === 'Enter' || e.key === ' ') {\n          e.preventDefault()\n          isPressing = true\n          button.classList.add('button-pressed')\n\n          if (onPressStart) {\n            // eslint-disable-next-line @typescript-eslint/no-explicit-any\n            onPressStart(e as any)\n          }\n        }\n\n        // Custom keydown handler\n        if (onKeyDown) {\n          onKeyDown(e)\n        }\n      }\n\n      const handleKeyUp = (e: KeyboardEvent) => {\n        if (button.disabled) return\n\n        if (e.key === 'Enter' || e.key === ' ') {\n          e.preventDefault()\n          isPressing = false\n          button.classList.remove('button-pressed')\n\n          if (onPressEnd) {\n            // eslint-disable-next-line @typescript-eslint/no-explicit-any\n            onPressEnd(e as any)\n          }\n\n          // Trigger press\n          handleClick(e)\n        }\n      }\n\n      // Pointer cancel (touch interrupted)\n      const handlePointerCancel = () => {\n        isPressing = false\n        button.classList.remove('button-pressed')\n      }\n\n      button.addEventListener('pointerdown', handlePointerDown)\n      button.addEventListener('pointerup', handlePointerUp)\n      button.addEventListener('click', handleClick)\n      button.addEventListener('keydown', handleKeyDown)\n      button.addEventListener('keyup', handleKeyUp)\n      button.addEventListener('pointercancel', handlePointerCancel)\n\n      onCleanup(() => {\n        button.removeEventListener('pointerdown', handlePointerDown)\n        button.removeEventListener('pointerup', handlePointerUp)\n        button.removeEventListener('click', handleClick)\n        button.removeEventListener('keydown', handleKeyDown)\n        button.removeEventListener('keyup', handleKeyUp)\n        button.removeEventListener('pointercancel', handlePointerCancel)\n      })\n    }\n\n    // Focus/blur handlers\n    if (onFocus) {\n      button.addEventListener('focus', onFocus)\n      onCleanup(() => button.removeEventListener('focus', onFocus))\n    }\n\n    if (onBlur) {\n      button.addEventListener('blur', onBlur)\n      onCleanup(() => button.removeEventListener('blur', onBlur))\n    }\n  }\n\n  // Build button content structure\n  const buttonChildren = [\n    // Loading spinner\n    f('span', {\n      class: 'button-spinner',\n      'aria-hidden': 'true',\n      style: { display: 'none' },\n    }),\n    // Content wrapper with icons and text\n    f(\n      'span',\n      { class: 'button-content' },\n      [\n        leftIcon && f('span', { class: 'button-icon button-icon-left' }, leftIcon),\n        f('span', { class: 'button-text' }, children),\n        rightIcon &&\n        f('span', { class: 'button-icon button-icon-right' }, rightIcon),\n      ].filter(Boolean)\n    ),\n  ]\n\n  return f('button', buttonProps, buttonChildren)\n}\n\n/**\n * IconButton component - Button with only an icon\n *\n * @example\n * ```tsx\n * <IconButton icon={<i class=\"icon-close\" />} ariaLabel=\"Close\" onPress={handleClose} />\n * ```\n */\nexport function IconButton(props: ButtonProps & { icon: any }): FNode {\n  const { icon, ariaLabel, className, ...buttonProps } = props\n\n  if (!ariaLabel) {\n    logWarning(ErrorCodes.BUTTON_MISSING_ARIA_LABEL)\n  }\n\n  return Button({\n    ...buttonProps,\n    children: icon,\n    ariaLabel,\n    className: `icon-button ${className || ''}`,\n  })\n}\n"]}

package/dist/primitives/ui.mjs

@@ -1,2 +1,2 @@
-import {a}from'../chunk-WVEJT7HD.mjs';import'../chunk-KNF5ERPK.mjs';import {c,a as a$1,k,i,n,b}from'../chunk-GFL4VRAO.mjs';function O(u){let{type:y="button",variant:s="primary",size:v="md",disabled:o=false,loading:E=false,fullWidth:j=false,children:b$1,leftIcon:x,rightIcon:T,loadingText:k$1="Loading...",className:D="",style:G,id:C,role:N,ariaLabel:w,ariaDescribedby:I,ariaExpanded:A,ariaPressed:F,ariaControls:K,onPress:z,onPressStart:a$2,onPressEnd:l,onFocus:m,onBlur:L,onKeyDown:H}=u,g=["button",`button-${s}`,`button-${v}`];j&&g.push("button-full-width"),D&&g.push(D);let t={type:y,class:g.join(" "),style:G};C&&(t.id=C),N&&(t.role=N),w&&(t["aria-label"]=w),I&&(t["aria-describedby"]=I),A!==void 0&&(t["aria-expanded"]=A),F!==void 0&&(t["aria-pressed"]=F),K&&(t["aria-controls"]=K),t.ref=e=>{if(!e)return;let M=typeof o=="boolean"?k(o):o,Q=typeof E=="boolean"?k(E):E,d=e.querySelector(".button-content"),c=e.querySelector(".button-spinner"),p=e.querySelector(".button-text");if(i(()=>{e.disabled=M.value,M.value?e.setAttribute("aria-disabled","true"):e.removeAttribute("aria-disabled");}),i(()=>{Q.value?(c&&(c.style.display="inline-block"),d&&(d.style.visibility="hidden"),k$1&&p&&(p.textContent=k$1),e.disabled=true,e.setAttribute("aria-busy","true")):(c&&(c.style.display="none"),d&&(d.style.visibility="visible"),typeof b$1=="string"&&p&&(p.textContent=b$1),e.removeAttribute("aria-busy"));}),z){let i=false,_=n=>{e.disabled||(i=true,e.classList.add("button-pressed"),a$2&&a$2(n));},U=n=>{i&&(i=false,e.classList.remove("button-pressed"),l&&l(n));},B=async n=>{if(e.disabled){n.preventDefault();return}try{await z(n);}catch(X){b(a$1.BUTTON_HANDLER_FAILED,void 0,X);}},W=n=>{e.disabled||((n.key==="Enter"||n.key===" ")&&(n.preventDefault(),i=true,e.classList.add("button-pressed"),a$2&&a$2(n)),H&&H(n));},q=n=>{e.disabled||(n.key==="Enter"||n.key===" ")&&(n.preventDefault(),i=false,e.classList.remove("button-pressed"),l&&l(n),B(n));},R=()=>{i=false,e.classList.remove("button-pressed");};e.addEventListener("pointerdown",_),e.addEventListener("pointerup",U),e.addEventListener("click",B),e.addEventListener("keydown",W),e.addEventListener("keyup",q),e.addEventListener("pointercancel",R),n(()=>{e.removeEventListener("pointerdown",_),e.removeEventListener("pointerup",U),e.removeEventListener("click",B),e.removeEventListener("keydown",W),e.removeEventListener("keyup",q),e.removeEventListener("pointercancel",R);});}m&&(e.addEventListener("focus",m),n(()=>e.removeEventListener("focus",m))),L&&(e.addEventListener("blur",L),n(()=>e.removeEventListener("blur",L)));};let J=[a("span",{class:"button-spinner","aria-hidden":"true",style:{display:"none"}}),a("span",{class:"button-content"},[x&&a("span",{class:"button-icon button-icon-left"},x),a("span",{class:"button-text"},b$1),T&&a("span",{class:"button-icon button-icon-right"},T)].filter(Boolean))];return a("button",t,J)}function Y(u){let{icon:y,ariaLabel:s,className:v,...o}=u;return s||c(a$1.BUTTON_MISSING_ARIA_LABEL),O({...o,children:y,ariaLabel:s,className:`icon-button ${v||""}`})}export{O as Button,Y as IconButton};//# sourceMappingURL=ui.mjs.map
+import {a}from'../chunk-WVEJT7HD.mjs';import'../chunk-KNF5ERPK.mjs';import {d,g}from'../chunk-B7VP6HBY.mjs';import {c,a as a$1,k,b}from'../chunk-Q7WT5IIF.mjs';function $(u){let{type:y="button",variant:s="primary",size:v="md",disabled:o=false,loading:E=false,fullWidth:O=false,children:b$1,leftIcon:x,rightIcon:N,loadingText:T="Loading...",className:k$1="",style:j,id:w,role:D,ariaLabel:C,ariaDescribedby:I,ariaExpanded:A,ariaPressed:F,ariaControls:K,onPress:z,onPressStart:a$2,onPressEnd:l,onFocus:m,onBlur:g$1,onKeyDown:H}=u,L=["button",`button-${s}`,`button-${v}`];O&&L.push("button-full-width"),k$1&&L.push(k$1);let i={type:y,class:L.join(" "),style:j};w&&(i.id=w),D&&(i.role=D),C&&(i["aria-label"]=C),I&&(i["aria-describedby"]=I),A!==void 0&&(i["aria-expanded"]=A),F!==void 0&&(i["aria-pressed"]=F),K&&(i["aria-controls"]=K),i.ref=e=>{if(!e)return;let J=typeof o=="boolean"?new d(o):o,Q=typeof E=="boolean"?new d(E):E,d$1=e.querySelector(".button-content"),c=e.querySelector(".button-spinner"),p=e.querySelector(".button-text");if(k(()=>{let t=J.value;e.disabled=t,t?e.setAttribute("aria-disabled","true"):e.removeAttribute("aria-disabled");}),k(()=>{Q.value?(c&&(c.style.display="inline-block"),d$1&&(d$1.style.visibility="hidden"),T&&p&&(p.textContent=T),e.disabled=true,e.setAttribute("aria-busy","true")):(c&&(c.style.display="none"),d$1&&(d$1.style.visibility="visible"),typeof b$1=="string"&&p&&(p.textContent=b$1),e.removeAttribute("aria-busy"));}),z){let t=false,M=n=>{e.disabled||(t=true,e.classList.add("button-pressed"),a$2&&a$2(n));},_=n=>{t&&(t=false,e.classList.remove("button-pressed"),l&&l(n));},B=async n=>{if(e.disabled){n.preventDefault();return}try{await z(n);}catch(X){b(a$1.BUTTON_HANDLER_FAILED,void 0,X);}},U=n=>{e.disabled||((n.key==="Enter"||n.key===" ")&&(n.preventDefault(),t=true,e.classList.add("button-pressed"),a$2&&a$2(n)),H&&H(n));},W=n=>{e.disabled||(n.key==="Enter"||n.key===" ")&&(n.preventDefault(),t=false,e.classList.remove("button-pressed"),l&&l(n),B(n));},q=()=>{t=false,e.classList.remove("button-pressed");};e.addEventListener("pointerdown",M),e.addEventListener("pointerup",_),e.addEventListener("click",B),e.addEventListener("keydown",U),e.addEventListener("keyup",W),e.addEventListener("pointercancel",q),g(()=>{e.removeEventListener("pointerdown",M),e.removeEventListener("pointerup",_),e.removeEventListener("click",B),e.removeEventListener("keydown",U),e.removeEventListener("keyup",W),e.removeEventListener("pointercancel",q);});}m&&(e.addEventListener("focus",m),g(()=>e.removeEventListener("focus",m))),g$1&&(e.addEventListener("blur",g$1),g(()=>e.removeEventListener("blur",g$1)));};let G=[a("span",{class:"button-spinner","aria-hidden":"true",style:{display:"none"}}),a("span",{class:"button-content"},[x&&a("span",{class:"button-icon button-icon-left"},x),a("span",{class:"button-text"},b$1),N&&a("span",{class:"button-icon button-icon-right"},N)].filter(Boolean))];return a("button",i,G)}function Y(u){let{icon:y,ariaLabel:s,className:v,...o}=u;return s||c(a$1.BUTTON_MISSING_ARIA_LABEL),$({...o,children:y,ariaLabel:s,className:`icon-button ${v||""}`})}export{$ as Button,Y as IconButton};//# sourceMappingURL=ui.mjs.map
 //# sourceMappingURL=ui.mjs.map

package/dist/primitives/ui.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/primitives/ui/Button.ts"],"names":["Button","props","type","variant","size","disabled","loading","fullWidth","children","leftIcon","rightIcon","loadingText","className","style","id","role","ariaLabel","ariaDescribedby","ariaExpanded","ariaPressed","ariaControls","onPress","onPressStart","onPressEnd","onFocus","onBlur","onKeyDown","classes","buttonProps","button","disabledSignal","signal","loadingSignal","contentWrapper","loadingSpinner","textContent","effect","isPressing","handlePointerDown","e","handlePointerUp","handleClick","error","logError","ErrorCodes","handleKeyDown","handleKeyUp","handlePointerCancel","onCleanup","buttonChildren","f","IconButton","icon","logWarning"],"mappings":"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","file":"ui.mjs","sourcesContent":["/**\n * Button Component - Accessible button with unified touch/click handler\n *\n * Provides onPress handler that works consistently across mouse, touch, and keyboard\n * Includes full ARIA support and style props\n */\n\nimport { signal, effect, onCleanup, type Signal } from '../../core/signal'\nimport { ErrorCodes, logError, logWarning } from '../../core/errors'\nimport { f } from '../../renderers/dom/f'\nimport type { FNode } from '../../core/renderer'\n\n/**\n * Button variants\n */\nexport type ButtonVariant =\n  | 'primary'\n  | 'secondary'\n  | 'outline'\n  | 'ghost'\n  | 'danger'\n\n/**\n * Button sizes\n */\nexport type ButtonSize = 'sm' | 'md' | 'lg'\n\n/**\n * Button type attribute\n */\nexport type ButtonType = 'button' | 'submit' | 'reset'\n\n/**\n * Button component props\n */\nexport interface ButtonProps {\n  type?: ButtonType\n  variant?: ButtonVariant\n  size?: ButtonSize\n  disabled?: Signal<boolean> | boolean\n  loading?: Signal<boolean> | boolean\n  fullWidth?: boolean\n\n  // Content\n  children?: any\n  leftIcon?: any\n  rightIcon?: any\n  loadingText?: string\n\n  // Styling\n  className?: string\n  style?: Partial<CSSStyleDeclaration>\n\n  // Accessibility\n  id?: string\n  role?: string\n  ariaLabel?: string\n  ariaDescribedby?: string\n  ariaExpanded?: boolean\n  ariaPressed?: boolean\n  ariaControls?: string\n\n  // Event handlers\n  onPress?: (event: Event) => void | Promise<void>\n  onPressStart?: (event: PointerEvent) => void\n  onPressEnd?: (event: PointerEvent) => void\n  onFocus?: (event: FocusEvent) => void\n  onBlur?: (event: FocusEvent) => void\n  onKeyDown?: (event: KeyboardEvent) => void\n}\n\n/**\n * Button component - Accessible button with unified touch/click handler\n *\n * @example\n * ```tsx\n * <Button variant=\"primary\" onPress={() => console.log('clicked')}>\n *   Click me\n * </Button>\n *\n * const loading = signal(false)\n * <Button loading={loading} loadingText=\"Saving...\">\n *   Save\n * </Button>\n * ```\n */\nexport function Button(props: ButtonProps): FNode {\n  const {\n    type = 'button',\n    variant = 'primary',\n    size = 'md',\n    disabled = false,\n    loading = false,\n    fullWidth = false,\n    children,\n    leftIcon,\n    rightIcon,\n    loadingText = 'Loading...',\n    className = '',\n    style,\n    id,\n    role,\n    ariaLabel,\n    ariaDescribedby,\n    ariaExpanded,\n    ariaPressed,\n    ariaControls,\n    onPress,\n    onPressStart,\n    onPressEnd,\n    onFocus,\n    onBlur,\n    onKeyDown,\n  } = props\n\n  // Build class names\n  const classes = ['button', `button-${variant}`, `button-${size}`]\n  if (fullWidth) classes.push('button-full-width')\n  if (className) classes.push(className)\n\n  // Build props for the button element\n  const buttonProps: Record<string, any> = {\n    type,\n    class: classes.join(' '),\n    style,\n  }\n\n  if (id) buttonProps.id = id\n  if (role) buttonProps.role = role\n  if (ariaLabel) buttonProps['aria-label'] = ariaLabel\n  if (ariaDescribedby) buttonProps['aria-describedby'] = ariaDescribedby\n  if (ariaExpanded !== undefined) buttonProps['aria-expanded'] = ariaExpanded\n  if (ariaPressed !== undefined) buttonProps['aria-pressed'] = ariaPressed\n  if (ariaControls) buttonProps['aria-controls'] = ariaControls\n\n  // Add ref callback to set up reactive behavior\n  buttonProps.ref = (button: HTMLButtonElement | null) => {\n    if (!button) return\n\n    // Convert disabled/loading to signals if needed\n    const disabledSignal =\n      typeof disabled === 'boolean' ? signal(disabled) : disabled\n    const loadingSignal = typeof loading === 'boolean' ? signal(loading) : loading\n\n    // Find content elements after mount\n    const contentWrapper = button.querySelector('.button-content') as HTMLElement\n    const loadingSpinner = button.querySelector('.button-spinner') as HTMLElement\n    const textContent = button.querySelector('.button-text') as HTMLElement\n\n    // Handle disabled state\n    effect(() => {\n      button.disabled = disabledSignal.value\n      if (disabledSignal.value) {\n        button.setAttribute('aria-disabled', 'true')\n      } else {\n        button.removeAttribute('aria-disabled')\n      }\n    })\n\n    // Handle loading state\n    effect(() => {\n      const isLoading = loadingSignal.value\n\n      if (isLoading) {\n        // Show spinner\n        if (loadingSpinner) loadingSpinner.style.display = 'inline-block'\n        if (contentWrapper) contentWrapper.style.visibility = 'hidden'\n\n        // Update text for screen readers\n        if (loadingText && textContent) {\n          textContent.textContent = loadingText\n        }\n\n        // Disable button during loading\n        button.disabled = true\n        button.setAttribute('aria-busy', 'true')\n      } else {\n        // Hide spinner\n        if (loadingSpinner) loadingSpinner.style.display = 'none'\n        if (contentWrapper) contentWrapper.style.visibility = 'visible'\n\n        // Restore original text\n        if (typeof children === 'string' && textContent) {\n          textContent.textContent = children\n        }\n\n        button.removeAttribute('aria-busy')\n      }\n    })\n\n    // Unified press handler (works for mouse, touch, and keyboard)\n    if (onPress) {\n      let isPressing = false\n\n      // Pointer down (mouse/touch start)\n      const handlePointerDown = (e: PointerEvent) => {\n        if (button.disabled) return\n\n        isPressing = true\n        button.classList.add('button-pressed')\n\n        if (onPressStart) {\n          onPressStart(e)\n        }\n      }\n\n      // Pointer up (mouse/touch end)\n      const handlePointerUp = (e: PointerEvent) => {\n        if (!isPressing) return\n\n        isPressing = false\n        button.classList.remove('button-pressed')\n\n        if (onPressEnd) {\n          onPressEnd(e)\n        }\n      }\n\n      // Click (fires after pointer up)\n      const handleClick = async (e: Event) => {\n        if (button.disabled) {\n          e.preventDefault()\n          return\n        }\n\n        try {\n          await onPress(e)\n        } catch (error) {\n          logError(ErrorCodes.BUTTON_HANDLER_FAILED, undefined, error)\n        }\n      }\n\n      // Keyboard (Enter/Space)\n      const handleKeyDown = (e: KeyboardEvent) => {\n        if (button.disabled) return\n\n        // Enter or Space triggers press\n        if (e.key === 'Enter' || e.key === ' ') {\n          e.preventDefault()\n          isPressing = true\n          button.classList.add('button-pressed')\n\n          if (onPressStart) {\n            // eslint-disable-next-line @typescript-eslint/no-explicit-any\n            onPressStart(e as any)\n          }\n        }\n\n        // Custom keydown handler\n        if (onKeyDown) {\n          onKeyDown(e)\n        }\n      }\n\n      const handleKeyUp = (e: KeyboardEvent) => {\n        if (button.disabled) return\n\n        if (e.key === 'Enter' || e.key === ' ') {\n          e.preventDefault()\n          isPressing = false\n          button.classList.remove('button-pressed')\n\n          if (onPressEnd) {\n            // eslint-disable-next-line @typescript-eslint/no-explicit-any\n            onPressEnd(e as any)\n          }\n\n          // Trigger press\n          handleClick(e)\n        }\n      }\n\n      // Pointer cancel (touch interrupted)\n      const handlePointerCancel = () => {\n        isPressing = false\n        button.classList.remove('button-pressed')\n      }\n\n      button.addEventListener('pointerdown', handlePointerDown)\n      button.addEventListener('pointerup', handlePointerUp)\n      button.addEventListener('click', handleClick)\n      button.addEventListener('keydown', handleKeyDown)\n      button.addEventListener('keyup', handleKeyUp)\n      button.addEventListener('pointercancel', handlePointerCancel)\n\n      onCleanup(() => {\n        button.removeEventListener('pointerdown', handlePointerDown)\n        button.removeEventListener('pointerup', handlePointerUp)\n        button.removeEventListener('click', handleClick)\n        button.removeEventListener('keydown', handleKeyDown)\n        button.removeEventListener('keyup', handleKeyUp)\n        button.removeEventListener('pointercancel', handlePointerCancel)\n      })\n    }\n\n    // Focus/blur handlers\n    if (onFocus) {\n      button.addEventListener('focus', onFocus)\n      onCleanup(() => button.removeEventListener('focus', onFocus))\n    }\n\n    if (onBlur) {\n      button.addEventListener('blur', onBlur)\n      onCleanup(() => button.removeEventListener('blur', onBlur))\n    }\n  }\n\n  // Build button content structure\n  const buttonChildren = [\n    // Loading spinner\n    f('span', {\n      class: 'button-spinner',\n      'aria-hidden': 'true',\n      style: { display: 'none' },\n    }),\n    // Content wrapper with icons and text\n    f(\n      'span',\n      { class: 'button-content' },\n      [\n        leftIcon && f('span', { class: 'button-icon button-icon-left' }, leftIcon),\n        f('span', { class: 'button-text' }, children),\n        rightIcon &&\n          f('span', { class: 'button-icon button-icon-right' }, rightIcon),\n      ].filter(Boolean)\n    ),\n  ]\n\n  return f('button', buttonProps, buttonChildren)\n}\n\n/**\n * IconButton component - Button with only an icon\n *\n * @example\n * ```tsx\n * <IconButton icon={<i class=\"icon-close\" />} ariaLabel=\"Close\" onPress={handleClose} />\n * ```\n */\nexport function IconButton(props: ButtonProps & { icon: any }): FNode {\n  const { icon, ariaLabel, className, ...buttonProps } = props\n\n  if (!ariaLabel) {\n    logWarning(ErrorCodes.BUTTON_MISSING_ARIA_LABEL)\n  }\n\n  return Button({\n    ...buttonProps,\n    children: icon,\n    ariaLabel,\n    className: `icon-button ${className || ''}`,\n  })\n}\n"]}
+{"version":3,"sources":["../../src/primitives/ui/Button.ts"],"names":["Button","props","type","variant","size","disabled","loading","fullWidth","children","leftIcon","rightIcon","loadingText","className","style","id","role","ariaLabel","ariaDescribedby","ariaExpanded","ariaPressed","ariaControls","onPress","onPressStart","onPressEnd","onFocus","onBlur","onKeyDown","classes","buttonProps","button","disabledSignal","SignalNode","loadingSignal","contentWrapper","loadingSpinner","textContent","effect","val","isPressing","handlePointerDown","e","handlePointerUp","handleClick","error","logError","ErrorCodes","handleKeyDown","handleKeyUp","handlePointerCancel","onCleanup","buttonChildren","f","IconButton","icon","logWarning"],"mappings":"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","file":"ui.mjs","sourcesContent":["/**\n * Button Component - Accessible button with unified touch/click handler\n *\n * Provides onPress handler that works consistently across mouse, touch, and keyboard\n * Includes full ARIA support and style props\n */\n\nimport { SignalNode, onCleanup, type Signal } from '../../core/signal'\nimport { effect } from '../../core/effect'\nimport { ErrorCodes, logError, logWarning } from '../../core/errors'\nimport { f } from '../../renderers/dom/f'\nimport type { FNode } from '../../core/renderer'\n\n/**\n * Button variants\n */\nexport type ButtonVariant =\n  | 'primary'\n  | 'secondary'\n  | 'outline'\n  | 'ghost'\n  | 'danger'\n\n/**\n * Button sizes\n */\nexport type ButtonSize = 'sm' | 'md' | 'lg'\n\n/**\n * Button type attribute\n */\nexport type ButtonType = 'button' | 'submit' | 'reset'\n\n/**\n * Button component props\n */\nexport interface ButtonProps {\n  type?: ButtonType\n  variant?: ButtonVariant\n  size?: ButtonSize\n  disabled?: Signal<boolean> | SignalNode<boolean> | boolean\n  loading?: Signal<boolean> | SignalNode<boolean> | boolean\n  fullWidth?: boolean\n\n  // Content\n  children?: any\n  leftIcon?: any\n  rightIcon?: any\n  loadingText?: string\n\n  // Styling\n  className?: string\n  style?: Partial<CSSStyleDeclaration>\n\n  // Accessibility\n  id?: string\n  role?: string\n  ariaLabel?: string\n  ariaDescribedby?: string\n  ariaExpanded?: boolean\n  ariaPressed?: boolean\n  ariaControls?: string\n\n  // Event handlers\n  onPress?: (event: Event) => void | Promise<void>\n  onPressStart?: (event: PointerEvent) => void\n  onPressEnd?: (event: PointerEvent) => void\n  onFocus?: (event: FocusEvent) => void\n  onBlur?: (event: FocusEvent) => void\n  onKeyDown?: (event: KeyboardEvent) => void\n}\n\n/**\n * Button component - Accessible button with unified touch/click handler\n *\n * @example\n * ```tsx\n * <Button variant=\"primary\" onPress={() => console.log('clicked')}>\n *   Click me\n * </Button>\n *\n * const loading = signal(false)\n * <Button loading={loading} loadingText=\"Saving...\">\n *   Save\n * </Button>\n * ```\n */\nexport function Button(props: ButtonProps): FNode {\n  const {\n    type = 'button',\n    variant = 'primary',\n    size = 'md',\n    disabled = false,\n    loading = false,\n    fullWidth = false,\n    children,\n    leftIcon,\n    rightIcon,\n    loadingText = 'Loading...',\n    className = '',\n    style,\n    id,\n    role,\n    ariaLabel,\n    ariaDescribedby,\n    ariaExpanded,\n    ariaPressed,\n    ariaControls,\n    onPress,\n    onPressStart,\n    onPressEnd,\n    onFocus,\n    onBlur,\n    onKeyDown,\n  } = props\n\n  // Build class names\n  const classes = ['button', `button-${variant}`, `button-${size}`]\n  if (fullWidth) classes.push('button-full-width')\n  if (className) classes.push(className)\n\n  // Build props for the button element\n  const buttonProps: Record<string, any> = {\n    type,\n    class: classes.join(' '),\n    style,\n  }\n\n  if (id) buttonProps.id = id\n  if (role) buttonProps.role = role\n  if (ariaLabel) buttonProps['aria-label'] = ariaLabel\n  if (ariaDescribedby) buttonProps['aria-describedby'] = ariaDescribedby\n  if (ariaExpanded !== undefined) buttonProps['aria-expanded'] = ariaExpanded\n  if (ariaPressed !== undefined) buttonProps['aria-pressed'] = ariaPressed\n  if (ariaControls) buttonProps['aria-controls'] = ariaControls\n\n  // Add ref callback to set up reactive behavior\n  buttonProps.ref = (button: HTMLButtonElement | null) => {\n    if (!button) return\n\n    // Convert disabled/loading to signals if needed\n    // Safety: we normalize to an object with .value property (both Signal and SignalNode have it now)\n    const disabledSignal =\n      typeof disabled === 'boolean' ? new SignalNode(disabled) : disabled\n    const loadingSignal = typeof loading === 'boolean' ? new SignalNode(loading) : loading\n\n    // Find content elements after mount\n    const contentWrapper = button.querySelector('.button-content') as HTMLElement\n    const loadingSpinner = button.querySelector('.button-spinner') as HTMLElement\n    const textContent = button.querySelector('.button-text') as HTMLElement\n\n    // Handle disabled state\n    effect(() => {\n      const val = disabledSignal.value // Works for SignalNode and Signal(Proxy)\n      button.disabled = val\n      if (val) {\n        button.setAttribute('aria-disabled', 'true')\n      } else {\n        button.removeAttribute('aria-disabled')\n      }\n    })\n\n    // Handle loading state\n    effect(() => {\n      const isLoading = loadingSignal.value\n\n      if (isLoading) {\n        // Show spinner\n        if (loadingSpinner) loadingSpinner.style.display = 'inline-block'\n        if (contentWrapper) contentWrapper.style.visibility = 'hidden'\n\n        // Update text for screen readers\n        if (loadingText && textContent) {\n          textContent.textContent = loadingText\n        }\n\n        // Disable button during loading\n        button.disabled = true\n        button.setAttribute('aria-busy', 'true')\n      } else {\n        // Hide spinner\n        if (loadingSpinner) loadingSpinner.style.display = 'none'\n        if (contentWrapper) contentWrapper.style.visibility = 'visible'\n\n        // Restore original text\n        if (typeof children === 'string' && textContent) {\n          textContent.textContent = children\n        }\n\n        button.removeAttribute('aria-busy')\n      }\n    })\n\n    // Unified press handler (works for mouse, touch, and keyboard)\n    if (onPress) {\n      let isPressing = false\n\n      // Pointer down (mouse/touch start)\n      const handlePointerDown = (e: PointerEvent) => {\n        if (button.disabled) return\n\n        isPressing = true\n        button.classList.add('button-pressed')\n\n        if (onPressStart) {\n          onPressStart(e)\n        }\n      }\n\n      // Pointer up (mouse/touch end)\n      const handlePointerUp = (e: PointerEvent) => {\n        if (!isPressing) return\n\n        isPressing = false\n        button.classList.remove('button-pressed')\n\n        if (onPressEnd) {\n          onPressEnd(e)\n        }\n      }\n\n      // Click (fires after pointer up)\n      const handleClick = async (e: Event) => {\n        if (button.disabled) {\n          e.preventDefault()\n          return\n        }\n\n        try {\n          await onPress(e)\n        } catch (error) {\n          logError(ErrorCodes.BUTTON_HANDLER_FAILED, undefined, error)\n        }\n      }\n\n      // Keyboard (Enter/Space)\n      const handleKeyDown = (e: KeyboardEvent) => {\n        if (button.disabled) return\n\n        // Enter or Space triggers press\n        if (e.key === 'Enter' || e.key === ' ') {\n          e.preventDefault()\n          isPressing = true\n          button.classList.add('button-pressed')\n\n          if (onPressStart) {\n            // eslint-disable-next-line @typescript-eslint/no-explicit-any\n            onPressStart(e as any)\n          }\n        }\n\n        // Custom keydown handler\n        if (onKeyDown) {\n          onKeyDown(e)\n        }\n      }\n\n      const handleKeyUp = (e: KeyboardEvent) => {\n        if (button.disabled) return\n\n        if (e.key === 'Enter' || e.key === ' ') {\n          e.preventDefault()\n          isPressing = false\n          button.classList.remove('button-pressed')\n\n          if (onPressEnd) {\n            // eslint-disable-next-line @typescript-eslint/no-explicit-any\n            onPressEnd(e as any)\n          }\n\n          // Trigger press\n          handleClick(e)\n        }\n      }\n\n      // Pointer cancel (touch interrupted)\n      const handlePointerCancel = () => {\n        isPressing = false\n        button.classList.remove('button-pressed')\n      }\n\n      button.addEventListener('pointerdown', handlePointerDown)\n      button.addEventListener('pointerup', handlePointerUp)\n      button.addEventListener('click', handleClick)\n      button.addEventListener('keydown', handleKeyDown)\n      button.addEventListener('keyup', handleKeyUp)\n      button.addEventListener('pointercancel', handlePointerCancel)\n\n      onCleanup(() => {\n        button.removeEventListener('pointerdown', handlePointerDown)\n        button.removeEventListener('pointerup', handlePointerUp)\n        button.removeEventListener('click', handleClick)\n        button.removeEventListener('keydown', handleKeyDown)\n        button.removeEventListener('keyup', handleKeyUp)\n        button.removeEventListener('pointercancel', handlePointerCancel)\n      })\n    }\n\n    // Focus/blur handlers\n    if (onFocus) {\n      button.addEventListener('focus', onFocus)\n      onCleanup(() => button.removeEventListener('focus', onFocus))\n    }\n\n    if (onBlur) {\n      button.addEventListener('blur', onBlur)\n      onCleanup(() => button.removeEventListener('blur', onBlur))\n    }\n  }\n\n  // Build button content structure\n  const buttonChildren = [\n    // Loading spinner\n    f('span', {\n      class: 'button-spinner',\n      'aria-hidden': 'true',\n      style: { display: 'none' },\n    }),\n    // Content wrapper with icons and text\n    f(\n      'span',\n      { class: 'button-content' },\n      [\n        leftIcon && f('span', { class: 'button-icon button-icon-left' }, leftIcon),\n        f('span', { class: 'button-text' }, children),\n        rightIcon &&\n        f('span', { class: 'button-icon button-icon-right' }, rightIcon),\n      ].filter(Boolean)\n    ),\n  ]\n\n  return f('button', buttonProps, buttonChildren)\n}\n\n/**\n * IconButton component - Button with only an icon\n *\n * @example\n * ```tsx\n * <IconButton icon={<i class=\"icon-close\" />} ariaLabel=\"Close\" onPress={handleClose} />\n * ```\n */\nexport function IconButton(props: ButtonProps & { icon: any }): FNode {\n  const { icon, ariaLabel, className, ...buttonProps } = props\n\n  if (!ariaLabel) {\n    logWarning(ErrorCodes.BUTTON_MISSING_ARIA_LABEL)\n  }\n\n  return Button({\n    ...buttonProps,\n    children: icon,\n    ariaLabel,\n    className: `icon-button ${className || ''}`,\n  })\n}\n"]}

package/dist/primitives.d.cts

@@ -1,11 +1,11 @@
-export { e as effect } from './effect-BlnnM1t5.cjs';
-export { r as root } from './owner-Ce7KCWzi.cjs';
+export { e as effect } from './effect-14CxUU8r.cjs';
+export { r as root } from './owner-QS9tPwPr.cjs';
 export { state } from './core.cjs';
 export { CommonStyle as BaseStyleProps, Column, ColumnProps, CommonStyle, Grid, GridProps, Row, RowProps, Spacer, SpacerProps, Stack, StackProps } from './primitives/layout.cjs';
-import { T as TextProps, F as FNode, I as ImageProps, P as PressableProps, S as ScrollViewProps, m as CommonStyle, n as TextStyle } from './DrawText-CJikXQjL.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-CJikXQjL.cjs';
+import { T as TextProps, F as FNode, I as ImageProps, P as PressableProps, S as ScrollViewProps, m as CommonStyle, n as TextStyle } from './DrawText-ccZrs3Xs.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-ccZrs3Xs.cjs';
 import './renderer-DSLb-FGg.cjs';
-import './signal-Dxh9PsKr.cjs';
+import './signal-C6936A3J.cjs';
 
 /**
  * Text - Universal text display component

package/dist/primitives.d.ts

@@ -1,11 +1,11 @@
-export { e as effect } from './effect-BlnnM1t5.js';
-export { r as root } from './owner-Ce7KCWzi.js';
+export { e as effect } from './effect-14CxUU8r.js';
+export { r as root } from './owner-QS9tPwPr.js';
 export { state } from './core.js';
 export { CommonStyle as BaseStyleProps, Column, ColumnProps, CommonStyle, Grid, GridProps, Row, RowProps, Spacer, SpacerProps, Stack, StackProps } from './primitives/layout.js';
-import { T as TextProps, F as FNode, I as ImageProps, P as PressableProps, S as ScrollViewProps, m as CommonStyle, n as TextStyle } from './DrawText-Bvzl40Vi.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-Bvzl40Vi.js';
+import { T as TextProps, F as FNode, I as ImageProps, P as PressableProps, S as ScrollViewProps, m as CommonStyle, n as TextStyle } from './DrawText-ngwNNh8O.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-ngwNNh8O.js';
 import './renderer-DSLb-FGg.js';
-import './signal-Dxh9PsKr.js';
+import './signal-C6936A3J.js';
 
 /**
  * Text - Universal text display component

package/dist/primitives.js

@@ -1,2 +1,2 @@
-'use strict';var chunk3P6DMEGB_js=require('./chunk-3P6DMEGB.js'),chunkTQLZ7UZX_js=require('./chunk-TQLZ7UZX.js'),chunkRIVNKTUR_js=require('./chunk-RIVNKTUR.js');require('./chunk-Q7IWDVJ4.js'),require('./chunk-WQFQO5LK.js');var chunkMKE3KA43_js=require('./chunk-MKE3KA43.js');function A(p){let{children:r,style:a,onPress:e,class:s,...o}=p;return {type:"span",props:{...o,class:s,style:chunkRIVNKTUR_js.a(a),onclick:e},children:Array.isArray(r)?r:r?[r]:[]}}function N(p){let{src:r,alt:a,width:e,height:s,style:o,onLoad:n,onError:i,...l}=p,m={...o,width:e||o?.width,height:s||o?.height};return {type:"img",props:{...l,src:r,alt:a||"",style:chunkRIVNKTUR_js.a(m),onload:n,onerror:i},children:[]}}function T(p){let{children:r,onPress:a,onPressIn:e,onPressOut:s,disabled:o,style:n,activeOpacity:i=.7,...l}=p,m={...n,cursor:o?"not-allowed":"pointer",opacity:o?.5:n?.opacity,border:"none",background:"none",padding:0};return {type:"button",props:{...l,disabled:o,style:chunkRIVNKTUR_js.a(m),onclick:o?void 0:a,onmousedown:e,onmouseup:s,ontouchstart:e,ontouchend:s},children:Array.isArray(r)?r:r?[r]:[]}}function F(p){let{children:r,style:a,horizontal:e=false,showScrollbarX:s=true,showScrollbarY:o=true,...n}=p,i={...a,overflowX:e?"auto":"hidden",overflowY:e?"hidden":"auto",display:"flex",flexDirection:e?"row":"column"};return (!s||!o)&&(i.scrollbarWidth="none"),{type:"div",props:{...n,style:chunkRIVNKTUR_js.a(i)},children:Array.isArray(r)?r:r?[r]:[]}}Object.defineProperty(exports,"Column",{enumerable:true,get:function(){return chunk3P6DMEGB_js.h}});Object.defineProperty(exports,"Grid",{enumerable:true,get:function(){return chunk3P6DMEGB_js.j}});Object.defineProperty(exports,"Row",{enumerable:true,get:function(){return chunk3P6DMEGB_js.g}});Object.defineProperty(exports,"Spacer",{enumerable:true,get:function(){return chunk3P6DMEGB_js.i}});Object.defineProperty(exports,"Stack",{enumerable:true,get:function(){return chunk3P6DMEGB_js.k}});Object.defineProperty(exports,"state",{enumerable:true,get:function(){return chunkTQLZ7UZX_js.h}});Object.defineProperty(exports,"Canvas",{enumerable:true,get:function(){return chunkRIVNKTUR_js.d}});Object.defineProperty(exports,"DrawArc",{enumerable:true,get:function(){return chunkRIVNKTUR_js.g}});Object.defineProperty(exports,"DrawCircle",{enumerable:true,get:function(){return chunkRIVNKTUR_js.f}});Object.defineProperty(exports,"DrawLine",{enumerable:true,get:function(){return chunkRIVNKTUR_js.h}});Object.defineProperty(exports,"DrawPath",{enumerable:true,get:function(){return chunkRIVNKTUR_js.i}});Object.defineProperty(exports,"DrawRect",{enumerable:true,get:function(){return chunkRIVNKTUR_js.e}});Object.defineProperty(exports,"DrawText",{enumerable:true,get:function(){return chunkRIVNKTUR_js.j}});Object.defineProperty(exports,"normalizeStyle",{enumerable:true,get:function(){return chunkRIVNKTUR_js.a}});Object.defineProperty(exports,"effect",{enumerable:true,get:function(){return chunkMKE3KA43_js.i}});Object.defineProperty(exports,"root",{enumerable:true,get:function(){return chunkMKE3KA43_js.f}});exports.Image=N;exports.Pressable=T;exports.ScrollView=F;exports.Text=A;//# sourceMappingURL=primitives.js.map
+'use strict';var chunkYDZ37ZZ4_js=require('./chunk-YDZ37ZZ4.js'),chunkRSI6RYJ7_js=require('./chunk-RSI6RYJ7.js'),chunkWOHSSPKD_js=require('./chunk-WOHSSPKD.js');require('./chunk-Q7IWDVJ4.js'),require('./chunk-WQFQO5LK.js'),require('./chunk-5236IK5I.js');var chunkAJT35P3Z_js=require('./chunk-AJT35P3Z.js');function A(s){let{children:r,style:a,onPress:e,class:p,...o}=s;return {type:"span",props:{...o,class:p,style:chunkWOHSSPKD_js.a(a),onclick:e},children:Array.isArray(r)?r:r?[r]:[]}}function N(s){let{src:r,alt:a,width:e,height:p,style:o,onLoad:n,onError:i,...l}=s,m={...o,width:e||o?.width,height:p||o?.height};return {type:"img",props:{...l,src:r,alt:a||"",style:chunkWOHSSPKD_js.a(m),onload:n,onerror:i},children:[]}}function T(s){let{children:r,onPress:a,onPressIn:e,onPressOut:p,disabled:o,style:n,activeOpacity:i=.7,...l}=s,m={...n,cursor:o?"not-allowed":"pointer",opacity:o?.5:n?.opacity,border:"none",background:"none",padding:0};return {type:"button",props:{...l,disabled:o,style:chunkWOHSSPKD_js.a(m),onclick:o?void 0:a,onmousedown:e,onmouseup:p,ontouchstart:e,ontouchend:p},children:Array.isArray(r)?r:r?[r]:[]}}function F(s){let{children:r,style:a,horizontal:e=false,showScrollbarX:p=true,showScrollbarY:o=true,...n}=s,i={...a,overflowX:e?"auto":"hidden",overflowY:e?"hidden":"auto",display:"flex",flexDirection:e?"row":"column"};return (!p||!o)&&(i.scrollbarWidth="none"),{type:"div",props:{...n,style:chunkWOHSSPKD_js.a(i)},children:Array.isArray(r)?r:r?[r]:[]}}Object.defineProperty(exports,"Column",{enumerable:true,get:function(){return chunkYDZ37ZZ4_js.h}});Object.defineProperty(exports,"Grid",{enumerable:true,get:function(){return chunkYDZ37ZZ4_js.j}});Object.defineProperty(exports,"Row",{enumerable:true,get:function(){return chunkYDZ37ZZ4_js.g}});Object.defineProperty(exports,"Spacer",{enumerable:true,get:function(){return chunkYDZ37ZZ4_js.i}});Object.defineProperty(exports,"Stack",{enumerable:true,get:function(){return chunkYDZ37ZZ4_js.k}});Object.defineProperty(exports,"state",{enumerable:true,get:function(){return chunkRSI6RYJ7_js.h}});Object.defineProperty(exports,"Canvas",{enumerable:true,get:function(){return chunkWOHSSPKD_js.d}});Object.defineProperty(exports,"DrawArc",{enumerable:true,get:function(){return chunkWOHSSPKD_js.g}});Object.defineProperty(exports,"DrawCircle",{enumerable:true,get:function(){return chunkWOHSSPKD_js.f}});Object.defineProperty(exports,"DrawLine",{enumerable:true,get:function(){return chunkWOHSSPKD_js.h}});Object.defineProperty(exports,"DrawPath",{enumerable:true,get:function(){return chunkWOHSSPKD_js.i}});Object.defineProperty(exports,"DrawRect",{enumerable:true,get:function(){return chunkWOHSSPKD_js.e}});Object.defineProperty(exports,"DrawText",{enumerable:true,get:function(){return chunkWOHSSPKD_js.j}});Object.defineProperty(exports,"normalizeStyle",{enumerable:true,get:function(){return chunkWOHSSPKD_js.a}});Object.defineProperty(exports,"effect",{enumerable:true,get:function(){return chunkAJT35P3Z_js.k}});Object.defineProperty(exports,"root",{enumerable:true,get:function(){return chunkAJT35P3Z_js.i}});exports.Image=N;exports.Pressable=T;exports.ScrollView=F;exports.Text=A;//# sourceMappingURL=primitives.js.map
 //# sourceMappingURL=primitives.js.map

package/dist/primitives.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/primitives/Text.ts","../src/primitives/Image.ts","../src/primitives/Pressable.ts","../src/primitives/ScrollView.ts"],"names":["Text","props","children","style","onPress","className","rest","normalizeStyle","Image","src","alt","width","height","onLoad","onError","imageStyle","Pressable","onPressIn","onPressOut","disabled","_activeOpacity","buttonStyle","ScrollView","horizontal","showScrollbarX","showScrollbarY","scrollStyle"],"mappings":"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","file":"primitives.js","sourcesContent":["/**\n * Text - Universal text display component\n *\n * Maps to:\n * - Web: <span>\n * - React Native: <Text>\n *\n * @example\n * ```tsx\n * <Text style={{ color: 'blue', fontSize: 16 }}>\n *   Hello World\n * </Text>\n * ```\n */\n\nimport type { FNode } from '../types'\nimport type { TextProps } from './types'\nimport { normalizeStyle } from './utils'\n\nexport function Text(props: TextProps): FNode {\n  const { children, style, onPress, class: className, ...rest } = props\n\n  return {\n    type: 'span',\n    props: {\n      ...rest,\n      class: className,\n      style: normalizeStyle(style),\n      onclick: onPress,\n    },\n    children: Array.isArray(children) ? children : children ? [children] : [],\n  }\n}\n","/**\n * Image - Universal image component\n *\n * Maps to:\n * - Web: <img>\n * - React Native: <Image>\n *\n * @example\n * ```tsx\n * <Image\n *   src=\"/logo.png\"\n *   alt=\"Logo\"\n *   width={100}\n *   height={100}\n * />\n * ```\n */\n\nimport type { FNode } from '../types'\nimport type { ImageProps } from './types'\nimport { normalizeStyle } from './utils'\n\nexport function Image(props: ImageProps): FNode {\n  const { src, alt, width, height, style, onLoad, onError, ...rest } = props\n\n  const imageStyle = {\n    ...style,\n    width: width || style?.width,\n    height: height || style?.height,\n  }\n\n  return {\n    type: 'img',\n    props: {\n      ...rest,\n      src,\n      alt: alt || '',\n      style: normalizeStyle(imageStyle),\n      onload: onLoad,\n      onerror: onError,\n    },\n    children: [],\n  }\n}\n","/**\n * Pressable - Universal touchable/clickable component\n *\n * Maps to:\n * - Web: <button>\n * - React Native: <Pressable>\n *\n * @example\n * ```tsx\n * <Pressable\n *   onPress={() => console.log('pressed')}\n *   style={{ padding: 10 }}\n * >\n *   <Text>Click Me</Text>\n * </Pressable>\n * ```\n */\n\nimport type { FNode } from '../types'\nimport type { PressableProps } from './types'\nimport { normalizeStyle } from './utils'\n\nexport function Pressable(props: PressableProps): FNode {\n  const {\n    children,\n    onPress,\n    onPressIn,\n    onPressOut,\n    disabled,\n    style,\n    activeOpacity: _activeOpacity = 0.7,\n    ...rest\n  } = props\n\n  const buttonStyle = {\n    ...style,\n    cursor: disabled ? 'not-allowed' : 'pointer',\n    opacity: disabled ? 0.5 : style?.opacity,\n    border: 'none',\n    background: 'none',\n    padding: 0,\n  }\n\n  return {\n    type: 'button',\n    props: {\n      ...rest,\n      disabled,\n      style: normalizeStyle(buttonStyle),\n      onclick: disabled ? undefined : onPress,\n      onmousedown: onPressIn,\n      onmouseup: onPressOut,\n      ontouchstart: onPressIn,\n      ontouchend: onPressOut,\n    },\n    children: Array.isArray(children) ? children : children ? [children] : [],\n  }\n}\n","/**\n * ScrollView - Universal scrollable container\n *\n * Maps to:\n * - Web: <div style=\"overflow: scroll\">\n * - React Native: <ScrollView>\n *\n * @example\n * ```tsx\n * <ScrollView style={{ height: 300 }}>\n *   <Column>...</Column>\n *   <Column>...</Column>\n * </ScrollView>\n * ```\n */\n\nimport type { FNode } from '../types'\nimport type { ScrollViewProps } from './types'\nimport { normalizeStyle } from './utils'\n\nexport function ScrollView(props: ScrollViewProps): FNode {\n  const {\n    children,\n    style,\n    horizontal = false,\n    showScrollbarX = true,\n    showScrollbarY = true,\n    ...rest\n  } = props\n\n  const scrollStyle: Record<string, unknown> = {\n    ...style,\n    overflowX: horizontal ? 'auto' : 'hidden',\n    overflowY: horizontal ? 'hidden' : 'auto',\n    display: 'flex',\n    flexDirection: horizontal ? 'row' : 'column',\n  }\n\n  // Hide scrollbars if requested (CSS scrollbar-width for Firefox/modern browsers)\n  if (!showScrollbarX || !showScrollbarY) {\n    scrollStyle.scrollbarWidth = 'none'\n  }\n\n  return {\n    type: 'div',\n    props: {\n      ...rest,\n      style: normalizeStyle(scrollStyle as Parameters<typeof normalizeStyle>[0]),\n    },\n    children: Array.isArray(children) ? children : children ? [children] : [],\n  }\n}\n"]}
+{"version":3,"sources":["../src/primitives/Text.ts","../src/primitives/Image.ts","../src/primitives/Pressable.ts","../src/primitives/ScrollView.ts"],"names":["Text","props","children","style","onPress","className","rest","normalizeStyle","Image","src","alt","width","height","onLoad","onError","imageStyle","Pressable","onPressIn","onPressOut","disabled","_activeOpacity","buttonStyle","ScrollView","horizontal","showScrollbarX","showScrollbarY","scrollStyle"],"mappings":"kTAmBO,SAASA,CAAAA,CAAKC,CAAAA,CAAyB,CAC5C,GAAM,CAAE,QAAA,CAAAC,CAAAA,CAAU,KAAA,CAAAC,CAAAA,CAAO,OAAA,CAAAC,CAAAA,CAAS,KAAA,CAAOC,EAAW,GAAGC,CAAK,CAAA,CAAIL,CAAAA,CAEhE,OAAO,CACL,IAAA,CAAM,MAAA,CACN,KAAA,CAAO,CACL,GAAGK,CAAAA,CACH,KAAA,CAAOD,CAAAA,CACP,KAAA,CAAOE,kBAAAA,CAAeJ,CAAK,CAAA,CAC3B,OAAA,CAASC,CACX,CAAA,CACA,QAAA,CAAU,KAAA,CAAM,OAAA,CAAQF,CAAQ,CAAA,CAAIA,CAAAA,CAAWA,CAAAA,CAAW,CAACA,CAAQ,CAAA,CAAI,EACzE,CACF,CCVO,SAASM,CAAAA,CAAMP,CAAAA,CAA0B,CAC9C,GAAM,CAAE,GAAA,CAAAQ,EAAK,GAAA,CAAAC,CAAAA,CAAK,KAAA,CAAAC,CAAAA,CAAO,MAAA,CAAAC,CAAAA,CAAQ,KAAA,CAAAT,CAAAA,CAAO,OAAAU,CAAAA,CAAQ,OAAA,CAAAC,CAAAA,CAAS,GAAGR,CAAK,CAAA,CAAIL,CAAAA,CAE/Dc,CAAAA,CAAa,CACjB,GAAGZ,CAAAA,CACH,KAAA,CAAOQ,CAAAA,EAASR,CAAAA,EAAO,KAAA,CACvB,MAAA,CAAQS,GAAUT,CAAAA,EAAO,MAC3B,CAAA,CAEA,OAAO,CACL,IAAA,CAAM,KAAA,CACN,KAAA,CAAO,CACL,GAAGG,CAAAA,CACH,GAAA,CAAAG,CAAAA,CACA,GAAA,CAAKC,CAAAA,EAAO,EAAA,CACZ,MAAOH,kBAAAA,CAAeQ,CAAU,CAAA,CAChC,MAAA,CAAQF,CAAAA,CACR,OAAA,CAASC,CACX,CAAA,CACA,QAAA,CAAU,EACZ,CACF,CCrBO,SAASE,CAAAA,CAAUf,CAAAA,CAA8B,CACtD,GAAM,CACJ,QAAA,CAAAC,CAAAA,CACA,OAAA,CAAAE,CAAAA,CACA,SAAA,CAAAa,CAAAA,CACA,WAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,KAAA,CAAAhB,CAAAA,CACA,aAAA,CAAeiB,CAAAA,CAAiB,EAAA,CAChC,GAAGd,CACL,CAAA,CAAIL,CAAAA,CAEEoB,CAAAA,CAAc,CAClB,GAAGlB,CAAAA,CACH,MAAA,CAAQgB,CAAAA,CAAW,aAAA,CAAgB,SAAA,CACnC,OAAA,CAASA,CAAAA,CAAW,EAAA,CAAMhB,CAAAA,EAAO,OAAA,CACjC,OAAQ,MAAA,CACR,UAAA,CAAY,MAAA,CACZ,OAAA,CAAS,CACX,CAAA,CAEA,OAAO,CACL,IAAA,CAAM,QAAA,CACN,KAAA,CAAO,CACL,GAAGG,CAAAA,CACH,QAAA,CAAAa,CAAAA,CACA,MAAOZ,kBAAAA,CAAec,CAAW,CAAA,CACjC,OAAA,CAASF,CAAAA,CAAW,MAAA,CAAYf,CAAAA,CAChC,WAAA,CAAaa,CAAAA,CACb,SAAA,CAAWC,CAAAA,CACX,YAAA,CAAcD,CAAAA,CACd,UAAA,CAAYC,CACd,CAAA,CACA,SAAU,KAAA,CAAM,OAAA,CAAQhB,CAAQ,CAAA,CAAIA,CAAAA,CAAWA,CAAAA,CAAW,CAACA,CAAQ,EAAI,EACzE,CACF,CCrCO,SAASoB,CAAAA,CAAWrB,CAAAA,CAA+B,CACxD,GAAM,CACJ,QAAA,CAAAC,CAAAA,CACA,KAAA,CAAAC,CAAAA,CACA,UAAA,CAAAoB,CAAAA,CAAa,KAAA,CACb,cAAA,CAAAC,CAAAA,CAAiB,IAAA,CACjB,cAAA,CAAAC,CAAAA,CAAiB,IAAA,CACjB,GAAGnB,CACL,EAAIL,CAAAA,CAEEyB,CAAAA,CAAuC,CAC3C,GAAGvB,CAAAA,CACH,SAAA,CAAWoB,CAAAA,CAAa,MAAA,CAAS,QAAA,CACjC,SAAA,CAAWA,CAAAA,CAAa,QAAA,CAAW,MAAA,CACnC,OAAA,CAAS,MAAA,CACT,aAAA,CAAeA,EAAa,KAAA,CAAQ,QACtC,CAAA,CAGA,OAAA,CAAI,CAACC,CAAAA,EAAkB,CAACC,CAAAA,IACtBC,CAAAA,CAAY,cAAA,CAAiB,MAAA,CAAA,CAGxB,CACL,IAAA,CAAM,KAAA,CACN,KAAA,CAAO,CACL,GAAGpB,CAAAA,CACH,KAAA,CAAOC,kBAAAA,CAAemB,CAAmD,CAC3E,CAAA,CACA,QAAA,CAAU,KAAA,CAAM,QAAQxB,CAAQ,CAAA,CAAIA,CAAAA,CAAWA,CAAAA,CAAW,CAACA,CAAQ,CAAA,CAAI,EACzE,CACF","file":"primitives.js","sourcesContent":["/**\n * Text - Universal text display component\n *\n * Maps to:\n * - Web: <span>\n * - React Native: <Text>\n *\n * @example\n * ```tsx\n * <Text style={{ color: 'blue', fontSize: 16 }}>\n *   Hello World\n * </Text>\n * ```\n */\n\nimport type { FNode } from '../types'\nimport type { TextProps } from './types'\nimport { normalizeStyle } from './utils'\n\nexport function Text(props: TextProps): FNode {\n  const { children, style, onPress, class: className, ...rest } = props\n\n  return {\n    type: 'span',\n    props: {\n      ...rest,\n      class: className,\n      style: normalizeStyle(style),\n      onclick: onPress,\n    },\n    children: Array.isArray(children) ? children : children ? [children] : [],\n  }\n}\n","/**\n * Image - Universal image component\n *\n * Maps to:\n * - Web: <img>\n * - React Native: <Image>\n *\n * @example\n * ```tsx\n * <Image\n *   src=\"/logo.png\"\n *   alt=\"Logo\"\n *   width={100}\n *   height={100}\n * />\n * ```\n */\n\nimport type { FNode } from '../types'\nimport type { ImageProps } from './types'\nimport { normalizeStyle } from './utils'\n\nexport function Image(props: ImageProps): FNode {\n  const { src, alt, width, height, style, onLoad, onError, ...rest } = props\n\n  const imageStyle = {\n    ...style,\n    width: width || style?.width,\n    height: height || style?.height,\n  }\n\n  return {\n    type: 'img',\n    props: {\n      ...rest,\n      src,\n      alt: alt || '',\n      style: normalizeStyle(imageStyle),\n      onload: onLoad,\n      onerror: onError,\n    },\n    children: [],\n  }\n}\n","/**\n * Pressable - Universal touchable/clickable component\n *\n * Maps to:\n * - Web: <button>\n * - React Native: <Pressable>\n *\n * @example\n * ```tsx\n * <Pressable\n *   onPress={() => console.log('pressed')}\n *   style={{ padding: 10 }}\n * >\n *   <Text>Click Me</Text>\n * </Pressable>\n * ```\n */\n\nimport type { FNode } from '../types'\nimport type { PressableProps } from './types'\nimport { normalizeStyle } from './utils'\n\nexport function Pressable(props: PressableProps): FNode {\n  const {\n    children,\n    onPress,\n    onPressIn,\n    onPressOut,\n    disabled,\n    style,\n    activeOpacity: _activeOpacity = 0.7,\n    ...rest\n  } = props\n\n  const buttonStyle = {\n    ...style,\n    cursor: disabled ? 'not-allowed' : 'pointer',\n    opacity: disabled ? 0.5 : style?.opacity,\n    border: 'none',\n    background: 'none',\n    padding: 0,\n  }\n\n  return {\n    type: 'button',\n    props: {\n      ...rest,\n      disabled,\n      style: normalizeStyle(buttonStyle),\n      onclick: disabled ? undefined : onPress,\n      onmousedown: onPressIn,\n      onmouseup: onPressOut,\n      ontouchstart: onPressIn,\n      ontouchend: onPressOut,\n    },\n    children: Array.isArray(children) ? children : children ? [children] : [],\n  }\n}\n","/**\n * ScrollView - Universal scrollable container\n *\n * Maps to:\n * - Web: <div style=\"overflow: scroll\">\n * - React Native: <ScrollView>\n *\n * @example\n * ```tsx\n * <ScrollView style={{ height: 300 }}>\n *   <Column>...</Column>\n *   <Column>...</Column>\n * </ScrollView>\n * ```\n */\n\nimport type { FNode } from '../types'\nimport type { ScrollViewProps } from './types'\nimport { normalizeStyle } from './utils'\n\nexport function ScrollView(props: ScrollViewProps): FNode {\n  const {\n    children,\n    style,\n    horizontal = false,\n    showScrollbarX = true,\n    showScrollbarY = true,\n    ...rest\n  } = props\n\n  const scrollStyle: Record<string, unknown> = {\n    ...style,\n    overflowX: horizontal ? 'auto' : 'hidden',\n    overflowY: horizontal ? 'hidden' : 'auto',\n    display: 'flex',\n    flexDirection: horizontal ? 'row' : 'column',\n  }\n\n  // Hide scrollbars if requested (CSS scrollbar-width for Firefox/modern browsers)\n  if (!showScrollbarX || !showScrollbarY) {\n    scrollStyle.scrollbarWidth = 'none'\n  }\n\n  return {\n    type: 'div',\n    props: {\n      ...rest,\n      style: normalizeStyle(scrollStyle as Parameters<typeof normalizeStyle>[0]),\n    },\n    children: Array.isArray(children) ? children : children ? [children] : [],\n  }\n}\n"]}

package/dist/primitives.mjs

@@ -1,2 +1,2 @@
-export{h as Column,j as Grid,g as Row,i as Spacer,k as Stack}from'./chunk-R5CS7UZG.mjs';export{h as state}from'./chunk-Y4DUMNIW.mjs';import {a}from'./chunk-LXXN76HJ.mjs';export{d as Canvas,g as DrawArc,f as DrawCircle,h as DrawLine,i as DrawPath,e as DrawRect,j as DrawText,a as normalizeStyle}from'./chunk-LXXN76HJ.mjs';import'./chunk-WVEJT7HD.mjs';import'./chunk-KNF5ERPK.mjs';export{i as effect,f as root}from'./chunk-GFL4VRAO.mjs';function A(p){let{children:r,style:a$1,onPress:e,class:s,...o}=p;return {type:"span",props:{...o,class:s,style:a(a$1),onclick:e},children:Array.isArray(r)?r:r?[r]:[]}}function N(p){let{src:r,alt:a$1,width:e,height:s,style:o,onLoad:n,onError:i,...l}=p,m={...o,width:e||o?.width,height:s||o?.height};return {type:"img",props:{...l,src:r,alt:a$1||"",style:a(m),onload:n,onerror:i},children:[]}}function T(p){let{children:r,onPress:a$1,onPressIn:e,onPressOut:s,disabled:o,style:n,activeOpacity:i=.7,...l}=p,m={...n,cursor:o?"not-allowed":"pointer",opacity:o?.5:n?.opacity,border:"none",background:"none",padding:0};return {type:"button",props:{...l,disabled:o,style:a(m),onclick:o?void 0:a$1,onmousedown:e,onmouseup:s,ontouchstart:e,ontouchend:s},children:Array.isArray(r)?r:r?[r]:[]}}function F(p){let{children:r,style:a$1,horizontal:e=false,showScrollbarX:s=true,showScrollbarY:o=true,...n}=p,i={...a$1,overflowX:e?"auto":"hidden",overflowY:e?"hidden":"auto",display:"flex",flexDirection:e?"row":"column"};return (!s||!o)&&(i.scrollbarWidth="none"),{type:"div",props:{...n,style:a(i)},children:Array.isArray(r)?r:r?[r]:[]}}export{N as Image,T as Pressable,F as ScrollView,A as Text};//# sourceMappingURL=primitives.mjs.map
+export{h as Column,j as Grid,g as Row,i as Spacer,k as Stack}from'./chunk-BYHIHYRR.mjs';export{h as state}from'./chunk-REM6WIZS.mjs';import {a}from'./chunk-KJPIJNFH.mjs';export{d as Canvas,g as DrawArc,f as DrawCircle,h as DrawLine,i as DrawPath,e as DrawRect,j as DrawText,a as normalizeStyle}from'./chunk-KJPIJNFH.mjs';import'./chunk-WVEJT7HD.mjs';import'./chunk-KNF5ERPK.mjs';import'./chunk-B7VP6HBY.mjs';export{k as effect,i as root}from'./chunk-Q7WT5IIF.mjs';function A(s){let{children:r,style:a$1,onPress:e,class:p,...o}=s;return {type:"span",props:{...o,class:p,style:a(a$1),onclick:e},children:Array.isArray(r)?r:r?[r]:[]}}function N(s){let{src:r,alt:a$1,width:e,height:p,style:o,onLoad:n,onError:i,...l}=s,m={...o,width:e||o?.width,height:p||o?.height};return {type:"img",props:{...l,src:r,alt:a$1||"",style:a(m),onload:n,onerror:i},children:[]}}function T(s){let{children:r,onPress:a$1,onPressIn:e,onPressOut:p,disabled:o,style:n,activeOpacity:i=.7,...l}=s,m={...n,cursor:o?"not-allowed":"pointer",opacity:o?.5:n?.opacity,border:"none",background:"none",padding:0};return {type:"button",props:{...l,disabled:o,style:a(m),onclick:o?void 0:a$1,onmousedown:e,onmouseup:p,ontouchstart:e,ontouchend:p},children:Array.isArray(r)?r:r?[r]:[]}}function F(s){let{children:r,style:a$1,horizontal:e=false,showScrollbarX:p=true,showScrollbarY:o=true,...n}=s,i={...a$1,overflowX:e?"auto":"hidden",overflowY:e?"hidden":"auto",display:"flex",flexDirection:e?"row":"column"};return (!p||!o)&&(i.scrollbarWidth="none"),{type:"div",props:{...n,style:a(i)},children:Array.isArray(r)?r:r?[r]:[]}}export{N as Image,T as Pressable,F as ScrollView,A as Text};//# sourceMappingURL=primitives.mjs.map
 //# sourceMappingURL=primitives.mjs.map

package/dist/primitives.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/primitives/Text.ts","../src/primitives/Image.ts","../src/primitives/Pressable.ts","../src/primitives/ScrollView.ts"],"names":["Text","props","children","style","onPress","className","rest","normalizeStyle","Image","src","alt","width","height","onLoad","onError","imageStyle","Pressable","onPressIn","onPressOut","disabled","_activeOpacity","buttonStyle","ScrollView","horizontal","showScrollbarX","showScrollbarY","scrollStyle"],"mappings":"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","file":"primitives.mjs","sourcesContent":["/**\n * Text - Universal text display component\n *\n * Maps to:\n * - Web: <span>\n * - React Native: <Text>\n *\n * @example\n * ```tsx\n * <Text style={{ color: 'blue', fontSize: 16 }}>\n *   Hello World\n * </Text>\n * ```\n */\n\nimport type { FNode } from '../types'\nimport type { TextProps } from './types'\nimport { normalizeStyle } from './utils'\n\nexport function Text(props: TextProps): FNode {\n  const { children, style, onPress, class: className, ...rest } = props\n\n  return {\n    type: 'span',\n    props: {\n      ...rest,\n      class: className,\n      style: normalizeStyle(style),\n      onclick: onPress,\n    },\n    children: Array.isArray(children) ? children : children ? [children] : [],\n  }\n}\n","/**\n * Image - Universal image component\n *\n * Maps to:\n * - Web: <img>\n * - React Native: <Image>\n *\n * @example\n * ```tsx\n * <Image\n *   src=\"/logo.png\"\n *   alt=\"Logo\"\n *   width={100}\n *   height={100}\n * />\n * ```\n */\n\nimport type { FNode } from '../types'\nimport type { ImageProps } from './types'\nimport { normalizeStyle } from './utils'\n\nexport function Image(props: ImageProps): FNode {\n  const { src, alt, width, height, style, onLoad, onError, ...rest } = props\n\n  const imageStyle = {\n    ...style,\n    width: width || style?.width,\n    height: height || style?.height,\n  }\n\n  return {\n    type: 'img',\n    props: {\n      ...rest,\n      src,\n      alt: alt || '',\n      style: normalizeStyle(imageStyle),\n      onload: onLoad,\n      onerror: onError,\n    },\n    children: [],\n  }\n}\n","/**\n * Pressable - Universal touchable/clickable component\n *\n * Maps to:\n * - Web: <button>\n * - React Native: <Pressable>\n *\n * @example\n * ```tsx\n * <Pressable\n *   onPress={() => console.log('pressed')}\n *   style={{ padding: 10 }}\n * >\n *   <Text>Click Me</Text>\n * </Pressable>\n * ```\n */\n\nimport type { FNode } from '../types'\nimport type { PressableProps } from './types'\nimport { normalizeStyle } from './utils'\n\nexport function Pressable(props: PressableProps): FNode {\n  const {\n    children,\n    onPress,\n    onPressIn,\n    onPressOut,\n    disabled,\n    style,\n    activeOpacity: _activeOpacity = 0.7,\n    ...rest\n  } = props\n\n  const buttonStyle = {\n    ...style,\n    cursor: disabled ? 'not-allowed' : 'pointer',\n    opacity: disabled ? 0.5 : style?.opacity,\n    border: 'none',\n    background: 'none',\n    padding: 0,\n  }\n\n  return {\n    type: 'button',\n    props: {\n      ...rest,\n      disabled,\n      style: normalizeStyle(buttonStyle),\n      onclick: disabled ? undefined : onPress,\n      onmousedown: onPressIn,\n      onmouseup: onPressOut,\n      ontouchstart: onPressIn,\n      ontouchend: onPressOut,\n    },\n    children: Array.isArray(children) ? children : children ? [children] : [],\n  }\n}\n","/**\n * ScrollView - Universal scrollable container\n *\n * Maps to:\n * - Web: <div style=\"overflow: scroll\">\n * - React Native: <ScrollView>\n *\n * @example\n * ```tsx\n * <ScrollView style={{ height: 300 }}>\n *   <Column>...</Column>\n *   <Column>...</Column>\n * </ScrollView>\n * ```\n */\n\nimport type { FNode } from '../types'\nimport type { ScrollViewProps } from './types'\nimport { normalizeStyle } from './utils'\n\nexport function ScrollView(props: ScrollViewProps): FNode {\n  const {\n    children,\n    style,\n    horizontal = false,\n    showScrollbarX = true,\n    showScrollbarY = true,\n    ...rest\n  } = props\n\n  const scrollStyle: Record<string, unknown> = {\n    ...style,\n    overflowX: horizontal ? 'auto' : 'hidden',\n    overflowY: horizontal ? 'hidden' : 'auto',\n    display: 'flex',\n    flexDirection: horizontal ? 'row' : 'column',\n  }\n\n  // Hide scrollbars if requested (CSS scrollbar-width for Firefox/modern browsers)\n  if (!showScrollbarX || !showScrollbarY) {\n    scrollStyle.scrollbarWidth = 'none'\n  }\n\n  return {\n    type: 'div',\n    props: {\n      ...rest,\n      style: normalizeStyle(scrollStyle as Parameters<typeof normalizeStyle>[0]),\n    },\n    children: Array.isArray(children) ? children : children ? [children] : [],\n  }\n}\n"]}
+{"version":3,"sources":["../src/primitives/Text.ts","../src/primitives/Image.ts","../src/primitives/Pressable.ts","../src/primitives/ScrollView.ts"],"names":["Text","props","children","style","onPress","className","rest","normalizeStyle","Image","src","alt","width","height","onLoad","onError","imageStyle","Pressable","onPressIn","onPressOut","disabled","_activeOpacity","buttonStyle","ScrollView","horizontal","showScrollbarX","showScrollbarY","scrollStyle"],"mappings":"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","file":"primitives.mjs","sourcesContent":["/**\n * Text - Universal text display component\n *\n * Maps to:\n * - Web: <span>\n * - React Native: <Text>\n *\n * @example\n * ```tsx\n * <Text style={{ color: 'blue', fontSize: 16 }}>\n *   Hello World\n * </Text>\n * ```\n */\n\nimport type { FNode } from '../types'\nimport type { TextProps } from './types'\nimport { normalizeStyle } from './utils'\n\nexport function Text(props: TextProps): FNode {\n  const { children, style, onPress, class: className, ...rest } = props\n\n  return {\n    type: 'span',\n    props: {\n      ...rest,\n      class: className,\n      style: normalizeStyle(style),\n      onclick: onPress,\n    },\n    children: Array.isArray(children) ? children : children ? [children] : [],\n  }\n}\n","/**\n * Image - Universal image component\n *\n * Maps to:\n * - Web: <img>\n * - React Native: <Image>\n *\n * @example\n * ```tsx\n * <Image\n *   src=\"/logo.png\"\n *   alt=\"Logo\"\n *   width={100}\n *   height={100}\n * />\n * ```\n */\n\nimport type { FNode } from '../types'\nimport type { ImageProps } from './types'\nimport { normalizeStyle } from './utils'\n\nexport function Image(props: ImageProps): FNode {\n  const { src, alt, width, height, style, onLoad, onError, ...rest } = props\n\n  const imageStyle = {\n    ...style,\n    width: width || style?.width,\n    height: height || style?.height,\n  }\n\n  return {\n    type: 'img',\n    props: {\n      ...rest,\n      src,\n      alt: alt || '',\n      style: normalizeStyle(imageStyle),\n      onload: onLoad,\n      onerror: onError,\n    },\n    children: [],\n  }\n}\n","/**\n * Pressable - Universal touchable/clickable component\n *\n * Maps to:\n * - Web: <button>\n * - React Native: <Pressable>\n *\n * @example\n * ```tsx\n * <Pressable\n *   onPress={() => console.log('pressed')}\n *   style={{ padding: 10 }}\n * >\n *   <Text>Click Me</Text>\n * </Pressable>\n * ```\n */\n\nimport type { FNode } from '../types'\nimport type { PressableProps } from './types'\nimport { normalizeStyle } from './utils'\n\nexport function Pressable(props: PressableProps): FNode {\n  const {\n    children,\n    onPress,\n    onPressIn,\n    onPressOut,\n    disabled,\n    style,\n    activeOpacity: _activeOpacity = 0.7,\n    ...rest\n  } = props\n\n  const buttonStyle = {\n    ...style,\n    cursor: disabled ? 'not-allowed' : 'pointer',\n    opacity: disabled ? 0.5 : style?.opacity,\n    border: 'none',\n    background: 'none',\n    padding: 0,\n  }\n\n  return {\n    type: 'button',\n    props: {\n      ...rest,\n      disabled,\n      style: normalizeStyle(buttonStyle),\n      onclick: disabled ? undefined : onPress,\n      onmousedown: onPressIn,\n      onmouseup: onPressOut,\n      ontouchstart: onPressIn,\n      ontouchend: onPressOut,\n    },\n    children: Array.isArray(children) ? children : children ? [children] : [],\n  }\n}\n","/**\n * ScrollView - Universal scrollable container\n *\n * Maps to:\n * - Web: <div style=\"overflow: scroll\">\n * - React Native: <ScrollView>\n *\n * @example\n * ```tsx\n * <ScrollView style={{ height: 300 }}>\n *   <Column>...</Column>\n *   <Column>...</Column>\n * </ScrollView>\n * ```\n */\n\nimport type { FNode } from '../types'\nimport type { ScrollViewProps } from './types'\nimport { normalizeStyle } from './utils'\n\nexport function ScrollView(props: ScrollViewProps): FNode {\n  const {\n    children,\n    style,\n    horizontal = false,\n    showScrollbarX = true,\n    showScrollbarY = true,\n    ...rest\n  } = props\n\n  const scrollStyle: Record<string, unknown> = {\n    ...style,\n    overflowX: horizontal ? 'auto' : 'hidden',\n    overflowY: horizontal ? 'hidden' : 'auto',\n    display: 'flex',\n    flexDirection: horizontal ? 'row' : 'column',\n  }\n\n  // Hide scrollbars if requested (CSS scrollbar-width for Firefox/modern browsers)\n  if (!showScrollbarX || !showScrollbarY) {\n    scrollStyle.scrollbarWidth = 'none'\n  }\n\n  return {\n    type: 'div',\n    props: {\n      ...rest,\n      style: normalizeStyle(scrollStyle as Parameters<typeof normalizeStyle>[0]),\n    },\n    children: Array.isArray(children) ? children : children ? [children] : [],\n  }\n}\n"]}

package/dist/router.d.cts

@@ -1,7 +1,7 @@
-import { R as RouteDef, a as RouteMatch } from './components-DZy2r6m5.cjs';
-export { h as Link, d as LinkProps, L as Location, O as Outlet, g as Route, c as RouteProps, f as Router, b as RouterContext, e as createLocation, i as isUnsafePath, m as matchPath, r as router, s as sanitizeQueryValue } from './components-DZy2r6m5.cjs';
+import { R as RouteDef, a as RouteMatch } from './components-CxnAnbpI.cjs';
+export { h as Link, d as LinkProps, L as Location, O as Outlet, g as Route, c as RouteProps, f as Router, b as RouterContext, e as createLocation, i as isUnsafePath, m as matchPath, r as router, s as sanitizeQueryValue } from './components-CxnAnbpI.cjs';
 import { a as FNodeChild } from './renderer-DSLb-FGg.cjs';
-import './signal-Dxh9PsKr.cjs';
+import './signal-C6936A3J.cjs';
 
 /**
  * Flatten the children of <Router> or <Route> into a route configuration tree.

package/dist/router.d.ts

@@ -1,7 +1,7 @@
-import { R as RouteDef, a as RouteMatch } from './components-D4WeooPi.js';
-export { h as Link, d as LinkProps, L as Location, O as Outlet, g as Route, c as RouteProps, f as Router, b as RouterContext, e as createLocation, i as isUnsafePath, m as matchPath, r as router, s as sanitizeQueryValue } from './components-D4WeooPi.js';
+import { R as RouteDef, a as RouteMatch } from './components-B7KQ8C-i.js';
+export { h as Link, d as LinkProps, L as Location, O as Outlet, g as Route, c as RouteProps, f as Router, b as RouterContext, e as createLocation, i as isUnsafePath, m as matchPath, r as router, s as sanitizeQueryValue } from './components-B7KQ8C-i.js';
 import { a as FNodeChild } from './renderer-DSLb-FGg.js';
-import './signal-Dxh9PsKr.js';
+import './signal-C6936A3J.js';
 
 /**
  * Flatten the children of <Router> or <Route> into a route configuration tree.

package/dist/router.js

@@ -1,2 +1,2 @@
-'use strict';var chunkZG3LULLU_js=require('./chunk-ZG3LULLU.js');require('./chunk-CBO2X74Q.js'),require('./chunk-Q7IWDVJ4.js'),require('./chunk-WQFQO5LK.js'),require('./chunk-MKE3KA43.js');Object.defineProperty(exports,"Link",{enumerable:true,get:function(){return chunkZG3LULLU_js.k}});Object.defineProperty(exports,"Outlet",{enumerable:true,get:function(){return chunkZG3LULLU_js.j}});Object.defineProperty(exports,"Route",{enumerable:true,get:function(){return chunkZG3LULLU_js.i}});Object.defineProperty(exports,"Router",{enumerable:true,get:function(){return chunkZG3LULLU_js.h}});Object.defineProperty(exports,"createLocation",{enumerable:true,get:function(){return chunkZG3LULLU_js.a}});Object.defineProperty(exports,"createRoutesFromChildren",{enumerable:true,get:function(){return chunkZG3LULLU_js.e}});Object.defineProperty(exports,"isUnsafePath",{enumerable:true,get:function(){return chunkZG3LULLU_js.b}});Object.defineProperty(exports,"matchPath",{enumerable:true,get:function(){return chunkZG3LULLU_js.d}});Object.defineProperty(exports,"matchRoutes",{enumerable:true,get:function(){return chunkZG3LULLU_js.f}});Object.defineProperty(exports,"router",{enumerable:true,get:function(){return chunkZG3LULLU_js.g}});Object.defineProperty(exports,"sanitizeQueryValue",{enumerable:true,get:function(){return chunkZG3LULLU_js.c}});//# sourceMappingURL=router.js.map
+'use strict';var chunkAYQMU7XC_js=require('./chunk-AYQMU7XC.js');require('./chunk-WXEHDEIH.js'),require('./chunk-Q7IWDVJ4.js'),require('./chunk-WQFQO5LK.js'),require('./chunk-5236IK5I.js'),require('./chunk-AJT35P3Z.js');Object.defineProperty(exports,"Link",{enumerable:true,get:function(){return chunkAYQMU7XC_js.k}});Object.defineProperty(exports,"Outlet",{enumerable:true,get:function(){return chunkAYQMU7XC_js.j}});Object.defineProperty(exports,"Route",{enumerable:true,get:function(){return chunkAYQMU7XC_js.i}});Object.defineProperty(exports,"Router",{enumerable:true,get:function(){return chunkAYQMU7XC_js.h}});Object.defineProperty(exports,"createLocation",{enumerable:true,get:function(){return chunkAYQMU7XC_js.a}});Object.defineProperty(exports,"createRoutesFromChildren",{enumerable:true,get:function(){return chunkAYQMU7XC_js.e}});Object.defineProperty(exports,"isUnsafePath",{enumerable:true,get:function(){return chunkAYQMU7XC_js.b}});Object.defineProperty(exports,"matchPath",{enumerable:true,get:function(){return chunkAYQMU7XC_js.d}});Object.defineProperty(exports,"matchRoutes",{enumerable:true,get:function(){return chunkAYQMU7XC_js.f}});Object.defineProperty(exports,"router",{enumerable:true,get:function(){return chunkAYQMU7XC_js.g}});Object.defineProperty(exports,"sanitizeQueryValue",{enumerable:true,get:function(){return chunkAYQMU7XC_js.c}});//# sourceMappingURL=router.js.map
 //# sourceMappingURL=router.js.map

package/dist/router.mjs

@@ -1,2 +1,2 @@
-export{k as Link,j as Outlet,i as Route,h as Router,a as createLocation,e as createRoutesFromChildren,b as isUnsafePath,d as matchPath,f as matchRoutes,g as router,c as sanitizeQueryValue}from'./chunk-6RV7ARJT.mjs';import'./chunk-JDTJFAXO.mjs';import'./chunk-WVEJT7HD.mjs';import'./chunk-KNF5ERPK.mjs';import'./chunk-GFL4VRAO.mjs';//# sourceMappingURL=router.mjs.map
+export{k as Link,j as Outlet,i as Route,h as Router,a as createLocation,e as createRoutesFromChildren,b as isUnsafePath,d as matchPath,f as matchRoutes,g as router,c as sanitizeQueryValue}from'./chunk-3BQXIHYI.mjs';import'./chunk-HLPVL6EK.mjs';import'./chunk-WVEJT7HD.mjs';import'./chunk-KNF5ERPK.mjs';import'./chunk-B7VP6HBY.mjs';import'./chunk-Q7WT5IIF.mjs';//# sourceMappingURL=router.mjs.map
 //# sourceMappingURL=router.mjs.map

package/dist/server.js

@@ -1,2 +1,2 @@
-'use strict';var chunkMKE3KA43_js=require('./chunk-MKE3KA43.js');var g=new Set(["area","base","br","col","embed","hr","img","input","link","meta","param","source","track","wbr"]);function s(r){if(r==null||r===false)return "";if(typeof r=="string"||typeof r=="number")return l(String(r));if(Array.isArray(r))return r.map(s).join("");if(chunkMKE3KA43_js.m(r))return s(r.value);if(r.type===null||r.type==="fragment"){let t=r.children||r.props?.children;return t?Array.isArray(t)?t.map(s).join(""):s(t):""}if(typeof r.type=="function"){let t=r.type({...r.props,children:r.children});return s(t)}if(typeof r.type=="string"){let{type:t,props:c,children:a}=r,e=`<${t}`;if(c)for(let i in c){let n=c[i];if(!(i==="children"||i.startsWith("on")||n===null||n===void 0||n===false)&&/^[a-zA-Z0-9-:]+$/.test(i))if(i==="className"||i==="class")e+=` class="${l(n)}"`;else if(i==="style"&&typeof n=="object"){let f=Object.entries(n).map(([u,y])=>`${u.replace(/([A-Z])/g,"-$1").toLowerCase()}:${y}`).join(";");e+=` style="${l(f)}"`;}else e+=` ${i}="${l(String(n))}"`;}return g.has(t)?e+="/>":(e+=">",a&&(e+=Array.isArray(a)?a.map(s).join(""):s(a)),e+=`</${t}>`),e}return ""}function l(r){return r.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#039;")}exports.renderToString=s;//# sourceMappingURL=server.js.map
+'use strict';var chunk5236IK5I_js=require('./chunk-5236IK5I.js');require('./chunk-AJT35P3Z.js');var g=new Set(["area","base","br","col","embed","hr","img","input","link","meta","param","source","track","wbr"]);function s(r){if(r==null||r===false)return "";if(typeof r=="string"||typeof r=="number")return l(String(r));if(Array.isArray(r))return r.map(s).join("");if(chunk5236IK5I_js.f(r))return s(r.value);if(r.type===null||r.type==="fragment"){let t=r.children||r.props?.children;return t?Array.isArray(t)?t.map(s).join(""):s(t):""}if(typeof r.type=="function"){let t=r.type({...r.props,children:r.children});return s(t)}if(typeof r.type=="string"){let{type:t,props:c,children:a}=r,e=`<${t}`;if(c)for(let i in c){let n=c[i];if(!(i==="children"||i.startsWith("on")||n===null||n===void 0||n===false)&&/^[a-zA-Z0-9-:]+$/.test(i))if(i==="className"||i==="class")e+=` class="${l(n)}"`;else if(i==="style"&&typeof n=="object"){let f=Object.entries(n).map(([u,y])=>`${u.replace(/([A-Z])/g,"-$1").toLowerCase()}:${y}`).join(";");e+=` style="${l(f)}"`;}else e+=` ${i}="${l(String(n))}"`;}return g.has(t)?e+="/>":(e+=">",a&&(e+=Array.isArray(a)?a.map(s).join(""):s(a)),e+=`</${t}>`),e}return ""}function l(r){return r.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#039;")}exports.renderToString=s;//# sourceMappingURL=server.js.map
 //# sourceMappingURL=server.js.map