flexium 0.10.6 → 0.12.6

package/dist/primitives/motion.d.cts

@@ -1,230 +0,0 @@
-import { A as AnimatableProps } from '../Motion-BrOAJzgH.cjs';
-export { M as MotionController, a as MotionProps, S as SpringConfig, c as cleanupMotionState } from '../Motion-BrOAJzgH.cjs';
-import { F as FNode } from '../renderer-DSLb-FGg.cjs';
-
-/**
- * Preset animation types
- */
-type TransitionPreset = 'fade' | 'slide-up' | 'slide-down' | 'slide-left' | 'slide-right' | 'scale' | 'scale-fade';
-/**
- * Transition timing configuration
- */
-interface TransitionTiming {
-    duration?: number;
-    delay?: number;
-    easing?: string;
-}
-/**
- * Transition component props
- */
-interface TransitionProps {
-    /** Use a preset animation */
-    preset?: TransitionPreset;
-    /** Custom enter animation (from state) */
-    enter?: AnimatableProps;
-    /** Custom enter animation (to state) */
-    enterTo?: AnimatableProps;
-    /** Custom exit animation (to state) */
-    exit?: AnimatableProps;
-    /** Enter timing */
-    enterTiming?: TransitionTiming;
-    /** Exit timing */
-    exitTiming?: TransitionTiming;
-    /** Callback when enter animation starts */
-    onEnterStart?: () => void;
-    /** Callback when enter animation completes */
-    onEnterComplete?: () => void;
-    /** Callback when exit animation starts */
-    onExitStart?: () => void;
-    /** Callback when exit animation completes */
-    onExitComplete?: () => void;
-    /** Children to animate */
-    children: any;
-}
-/**
- * Transition component for animated enter/exit
- *
- * @example
- * {() => visible() && (
- *   <Transition preset="fade">
- *     <div>Content appears with fade</div>
- *   </Transition>
- * )}
- *
- * @example
- * <Transition
- *   enter={{ opacity: 0, y: 50 }}
- *   enterTo={{ opacity: 1, y: 0 }}
- *   exit={{ opacity: 0, y: -50 }}
- *   enterTiming={{ duration: 300, easing: 'ease-out' }}
- *   exitTiming={{ duration: 200, easing: 'ease-in' }}
- * >
- *   <div>Custom animated content</div>
- * </Transition>
- */
-declare function Transition(props: TransitionProps): FNode;
-/**
- * TransitionGroup props
- */
-interface TransitionGroupProps {
-    /** Delay between each child animation (stagger effect) */
-    stagger?: number;
-    /** Children (should contain Transition components) */
-    children: any;
-}
-/**
- * TransitionGroup component for staggered animations
- *
- * @example
- * <TransitionGroup stagger={50}>
- *   <For each={items}>
- *     {(item) => (
- *       <Transition preset="slide-up">
- *         <div>{item.name}</div>
- *       </Transition>
- *     )}
- *   </For>
- * </TransitionGroup>
- */
-declare function TransitionGroup(props: TransitionGroupProps): () => any;
-/**
- * Preset transition configurations
- */
-declare const transitions: {
-    fade: {
-        preset: "fade";
-    };
-    slideUp: {
-        preset: "slide-up";
-    };
-    slideDown: {
-        preset: "slide-down";
-    };
-    slideLeft: {
-        preset: "slide-left";
-    };
-    slideRight: {
-        preset: "slide-right";
-    };
-    scale: {
-        preset: "scale";
-    };
-    scaleFade: {
-        preset: "scale-fade";
-    };
-    modal: {
-        enter: {
-            opacity: number;
-            scale: number;
-            y: number;
-        };
-        enterTo: {
-            opacity: number;
-            scale: number;
-            y: number;
-        };
-        exit: {
-            opacity: number;
-            scale: number;
-            y: number;
-        };
-        enterTiming: {
-            duration: number;
-            easing: string;
-        };
-        exitTiming: {
-            duration: number;
-            easing: string;
-        };
-    };
-    dropdown: {
-        enter: {
-            opacity: number;
-            y: number;
-            scale: number;
-        };
-        enterTo: {
-            opacity: number;
-            y: number;
-            scale: number;
-        };
-        exit: {
-            opacity: number;
-            y: number;
-            scale: number;
-        };
-        enterTiming: {
-            duration: number;
-            easing: string;
-        };
-        exitTiming: {
-            duration: number;
-            easing: string;
-        };
-    };
-    tooltip: {
-        enter: {
-            opacity: number;
-            scale: number;
-        };
-        enterTo: {
-            opacity: number;
-            scale: number;
-        };
-        exit: {
-            opacity: number;
-            scale: number;
-        };
-        enterTiming: {
-            duration: number;
-            easing: string;
-        };
-        exitTiming: {
-            duration: number;
-            easing: string;
-        };
-    };
-    notification: {
-        enter: {
-            opacity: number;
-            x: number;
-        };
-        enterTo: {
-            opacity: number;
-            x: number;
-        };
-        exit: {
-            opacity: number;
-            x: number;
-        };
-        enterTiming: {
-            duration: number;
-            easing: string;
-        };
-        exitTiming: {
-            duration: number;
-            easing: string;
-        };
-    };
-    page: {
-        enter: {
-            opacity: number;
-        };
-        enterTo: {
-            opacity: number;
-        };
-        exit: {
-            opacity: number;
-        };
-        enterTiming: {
-            duration: number;
-            easing: string;
-        };
-        exitTiming: {
-            duration: number;
-            easing: string;
-        };
-    };
-};
-
-export { AnimatableProps, Transition, TransitionGroup, type TransitionGroupProps, type TransitionPreset, type TransitionProps, type TransitionTiming, transitions };

package/dist/primitives/motion.d.ts

@@ -1,230 +0,0 @@
-import { A as AnimatableProps } from '../Motion-BrOAJzgH.js';
-export { M as MotionController, a as MotionProps, S as SpringConfig, c as cleanupMotionState } from '../Motion-BrOAJzgH.js';
-import { F as FNode } from '../renderer-DSLb-FGg.js';
-
-/**
- * Preset animation types
- */
-type TransitionPreset = 'fade' | 'slide-up' | 'slide-down' | 'slide-left' | 'slide-right' | 'scale' | 'scale-fade';
-/**
- * Transition timing configuration
- */
-interface TransitionTiming {
-    duration?: number;
-    delay?: number;
-    easing?: string;
-}
-/**
- * Transition component props
- */
-interface TransitionProps {
-    /** Use a preset animation */
-    preset?: TransitionPreset;
-    /** Custom enter animation (from state) */
-    enter?: AnimatableProps;
-    /** Custom enter animation (to state) */
-    enterTo?: AnimatableProps;
-    /** Custom exit animation (to state) */
-    exit?: AnimatableProps;
-    /** Enter timing */
-    enterTiming?: TransitionTiming;
-    /** Exit timing */
-    exitTiming?: TransitionTiming;
-    /** Callback when enter animation starts */
-    onEnterStart?: () => void;
-    /** Callback when enter animation completes */
-    onEnterComplete?: () => void;
-    /** Callback when exit animation starts */
-    onExitStart?: () => void;
-    /** Callback when exit animation completes */
-    onExitComplete?: () => void;
-    /** Children to animate */
-    children: any;
-}
-/**
- * Transition component for animated enter/exit
- *
- * @example
- * {() => visible() && (
- *   <Transition preset="fade">
- *     <div>Content appears with fade</div>
- *   </Transition>
- * )}
- *
- * @example
- * <Transition
- *   enter={{ opacity: 0, y: 50 }}
- *   enterTo={{ opacity: 1, y: 0 }}
- *   exit={{ opacity: 0, y: -50 }}
- *   enterTiming={{ duration: 300, easing: 'ease-out' }}
- *   exitTiming={{ duration: 200, easing: 'ease-in' }}
- * >
- *   <div>Custom animated content</div>
- * </Transition>
- */
-declare function Transition(props: TransitionProps): FNode;
-/**
- * TransitionGroup props
- */
-interface TransitionGroupProps {
-    /** Delay between each child animation (stagger effect) */
-    stagger?: number;
-    /** Children (should contain Transition components) */
-    children: any;
-}
-/**
- * TransitionGroup component for staggered animations
- *
- * @example
- * <TransitionGroup stagger={50}>
- *   <For each={items}>
- *     {(item) => (
- *       <Transition preset="slide-up">
- *         <div>{item.name}</div>
- *       </Transition>
- *     )}
- *   </For>
- * </TransitionGroup>
- */
-declare function TransitionGroup(props: TransitionGroupProps): () => any;
-/**
- * Preset transition configurations
- */
-declare const transitions: {
-    fade: {
-        preset: "fade";
-    };
-    slideUp: {
-        preset: "slide-up";
-    };
-    slideDown: {
-        preset: "slide-down";
-    };
-    slideLeft: {
-        preset: "slide-left";
-    };
-    slideRight: {
-        preset: "slide-right";
-    };
-    scale: {
-        preset: "scale";
-    };
-    scaleFade: {
-        preset: "scale-fade";
-    };
-    modal: {
-        enter: {
-            opacity: number;
-            scale: number;
-            y: number;
-        };
-        enterTo: {
-            opacity: number;
-            scale: number;
-            y: number;
-        };
-        exit: {
-            opacity: number;
-            scale: number;
-            y: number;
-        };
-        enterTiming: {
-            duration: number;
-            easing: string;
-        };
-        exitTiming: {
-            duration: number;
-            easing: string;
-        };
-    };
-    dropdown: {
-        enter: {
-            opacity: number;
-            y: number;
-            scale: number;
-        };
-        enterTo: {
-            opacity: number;
-            y: number;
-            scale: number;
-        };
-        exit: {
-            opacity: number;
-            y: number;
-            scale: number;
-        };
-        enterTiming: {
-            duration: number;
-            easing: string;
-        };
-        exitTiming: {
-            duration: number;
-            easing: string;
-        };
-    };
-    tooltip: {
-        enter: {
-            opacity: number;
-            scale: number;
-        };
-        enterTo: {
-            opacity: number;
-            scale: number;
-        };
-        exit: {
-            opacity: number;
-            scale: number;
-        };
-        enterTiming: {
-            duration: number;
-            easing: string;
-        };
-        exitTiming: {
-            duration: number;
-            easing: string;
-        };
-    };
-    notification: {
-        enter: {
-            opacity: number;
-            x: number;
-        };
-        enterTo: {
-            opacity: number;
-            x: number;
-        };
-        exit: {
-            opacity: number;
-            x: number;
-        };
-        enterTiming: {
-            duration: number;
-            easing: string;
-        };
-        exitTiming: {
-            duration: number;
-            easing: string;
-        };
-    };
-    page: {
-        enter: {
-            opacity: number;
-        };
-        enterTo: {
-            opacity: number;
-        };
-        exit: {
-            opacity: number;
-        };
-        enterTiming: {
-            duration: number;
-            easing: string;
-        };
-        exitTiming: {
-            duration: number;
-            easing: string;
-        };
-    };
-};
-
-export { AnimatableProps, Transition, TransitionGroup, type TransitionGroupProps, type TransitionPreset, type TransitionProps, type TransitionTiming, transitions };

package/dist/primitives/motion.js

@@ -1,2 +0,0 @@
-'use strict';var chunkRMN5IPS5_js=require('../chunk-RMN5IPS5.js');require('../chunk-Q7IWDVJ4.js'),require('../chunk-WQFQO5LK.js'),require('../chunk-WWEWRI6S.js'),require('../chunk-GYDP6MFV.js');Object.defineProperty(exports,"MotionController",{enumerable:true,get:function(){return chunkRMN5IPS5_js.b}});Object.defineProperty(exports,"Transition",{enumerable:true,get:function(){return chunkRMN5IPS5_js.c}});Object.defineProperty(exports,"TransitionGroup",{enumerable:true,get:function(){return chunkRMN5IPS5_js.d}});Object.defineProperty(exports,"cleanupMotionState",{enumerable:true,get:function(){return chunkRMN5IPS5_js.a}});Object.defineProperty(exports,"transitions",{enumerable:true,get:function(){return chunkRMN5IPS5_js.e}});//# sourceMappingURL=motion.js.map
-//# sourceMappingURL=motion.js.map

package/dist/primitives/motion.js.map

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

package/dist/primitives/motion.mjs

@@ -1,2 +0,0 @@
-export{b as MotionController,c as Transition,d as TransitionGroup,a as cleanupMotionState,e as transitions}from'../chunk-GKJQEOP7.mjs';import'../chunk-WVEJT7HD.mjs';import'../chunk-KNF5ERPK.mjs';import'../chunk-HB5VPQTB.mjs';import'../chunk-ECYYIQEX.mjs';//# sourceMappingURL=motion.mjs.map
-//# sourceMappingURL=motion.mjs.map

package/dist/primitives/motion.mjs.map

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

package/dist/primitives/ui.d.cts

@@ -1,81 +0,0 @@
-import { S as StateValue } from '../state-DitsMyev.cjs';
-import { F as FNode } from '../renderer-DSLb-FGg.cjs';
-
-/**
- * Button Component - Accessible button with unified touch/click handler
- *
- * Provides onPress handler that works consistently across mouse, touch, and keyboard
- * Includes full ARIA support and style props
- */
-
-/**
- * Button variants
- */
-type ButtonVariant = 'primary' | 'secondary' | 'outline' | 'ghost' | 'danger';
-/**
- * Button sizes
- */
-type ButtonSize = 'sm' | 'md' | 'lg';
-/**
- * Button type attribute
- */
-type ButtonType = 'button' | 'submit' | 'reset';
-/**
- * Button component props
- */
-interface ButtonProps {
-    type?: ButtonType;
-    variant?: ButtonVariant;
-    size?: ButtonSize;
-    disabled?: StateValue<boolean> | boolean;
-    loading?: StateValue<boolean> | boolean;
-    fullWidth?: boolean;
-    children?: any;
-    leftIcon?: any;
-    rightIcon?: any;
-    loadingText?: string;
-    className?: string;
-    style?: Partial<CSSStyleDeclaration>;
-    id?: string;
-    role?: string;
-    ariaLabel?: string;
-    ariaDescribedby?: string;
-    ariaExpanded?: boolean;
-    ariaPressed?: boolean;
-    ariaControls?: string;
-    onPress?: (event: Event) => void | Promise<void>;
-    onPressStart?: (event: PointerEvent) => void;
-    onPressEnd?: (event: PointerEvent) => void;
-    onFocus?: (event: FocusEvent) => void;
-    onBlur?: (event: FocusEvent) => void;
-    onKeyDown?: (event: KeyboardEvent) => void;
-}
-/**
- * Button component - Accessible button with unified touch/click handler
- *
- * @example
- * ```tsx
- * <Button variant="primary" onPress={() => console.log('clicked')}>
- *   Click me
- * </Button>
- *
- * const loading = signal(false)
- * <Button loading={loading} loadingText="Saving...">
- *   Save
- * </Button>
- * ```
- */
-declare function Button(props: ButtonProps): FNode;
-/**
- * IconButton component - Button with only an icon
- *
- * @example
- * ```tsx
- * <IconButton icon={<i class="icon-close" />} ariaLabel="Close" onPress={handleClose} />
- * ```
- */
-declare function IconButton(props: ButtonProps & {
-    icon: any;
-}): FNode;
-
-export { Button, type ButtonProps, type ButtonSize, type ButtonType, type ButtonVariant, IconButton };

package/dist/primitives/ui.d.ts

@@ -1,81 +0,0 @@
-import { S as StateValue } from '../state-DitsMyev.js';
-import { F as FNode } from '../renderer-DSLb-FGg.js';
-
-/**
- * Button Component - Accessible button with unified touch/click handler
- *
- * Provides onPress handler that works consistently across mouse, touch, and keyboard
- * Includes full ARIA support and style props
- */
-
-/**
- * Button variants
- */
-type ButtonVariant = 'primary' | 'secondary' | 'outline' | 'ghost' | 'danger';
-/**
- * Button sizes
- */
-type ButtonSize = 'sm' | 'md' | 'lg';
-/**
- * Button type attribute
- */
-type ButtonType = 'button' | 'submit' | 'reset';
-/**
- * Button component props
- */
-interface ButtonProps {
-    type?: ButtonType;
-    variant?: ButtonVariant;
-    size?: ButtonSize;
-    disabled?: StateValue<boolean> | boolean;
-    loading?: StateValue<boolean> | boolean;
-    fullWidth?: boolean;
-    children?: any;
-    leftIcon?: any;
-    rightIcon?: any;
-    loadingText?: string;
-    className?: string;
-    style?: Partial<CSSStyleDeclaration>;
-    id?: string;
-    role?: string;
-    ariaLabel?: string;
-    ariaDescribedby?: string;
-    ariaExpanded?: boolean;
-    ariaPressed?: boolean;
-    ariaControls?: string;
-    onPress?: (event: Event) => void | Promise<void>;
-    onPressStart?: (event: PointerEvent) => void;
-    onPressEnd?: (event: PointerEvent) => void;
-    onFocus?: (event: FocusEvent) => void;
-    onBlur?: (event: FocusEvent) => void;
-    onKeyDown?: (event: KeyboardEvent) => void;
-}
-/**
- * Button component - Accessible button with unified touch/click handler
- *
- * @example
- * ```tsx
- * <Button variant="primary" onPress={() => console.log('clicked')}>
- *   Click me
- * </Button>
- *
- * const loading = signal(false)
- * <Button loading={loading} loadingText="Saving...">
- *   Save
- * </Button>
- * ```
- */
-declare function Button(props: ButtonProps): FNode;
-/**
- * IconButton component - Button with only an icon
- *
- * @example
- * ```tsx
- * <IconButton icon={<i class="icon-close" />} ariaLabel="Close" onPress={handleClose} />
- * ```
- */
-declare function IconButton(props: ButtonProps & {
-    icon: any;
-}): FNode;
-
-export { Button, type ButtonProps, type ButtonSize, type ButtonType, type ButtonVariant, IconButton };

package/dist/primitives/ui.js

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

package/dist/primitives/ui.js.map

@@ -1 +0,0 @@
-{"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","state","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 { state, type StateValue } from '../../core/state'\nimport { onCleanup } from '../../core/effect'\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?: StateValue<boolean> | boolean\n  loading?: StateValue<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: StateValue<boolean> | boolean =\n      typeof disabled === 'boolean' ? state(disabled)[0] : disabled\n    const loadingSignal: StateValue<boolean> | boolean =\n      typeof loading === 'boolean' ? state(loading)[0] : 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 = typeof disabledSignal === 'function' ? (disabledSignal as StateValue<boolean>)() : disabledSignal\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 = typeof loadingSignal === 'function' ? (loadingSignal as StateValue<boolean>)() : loadingSignal\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"]}