flexium 0.8.14

package/dist/primitives/motion.d.ts

@@ -0,0 +1,230 @@
+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

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

package/dist/primitives/motion.js.map

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

package/dist/primitives/motion.mjs

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

package/dist/primitives/motion.mjs.map

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

package/dist/primitives/ui.d.cts

@@ -0,0 +1,81 @@
+import { S as Signal } from '../signal-mNtlF8-v.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?: Signal<boolean> | boolean;
+    loading?: Signal<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

@@ -0,0 +1,81 @@
+import { S as Signal } from '../signal-mNtlF8-v.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?: Signal<boolean> | boolean;
+    loading?: Signal<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

@@ -0,0 +1,2 @@
+'use strict';var chunkQ7IWDVJ4_js=require('../chunk-Q7IWDVJ4.js');require('../chunk-WQFQO5LK.js');var chunkROYFUJN5_js=require('../chunk-ROYFUJN5.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"?chunkROYFUJN5_js.h(o):o,Q=typeof E=="boolean"?chunkROYFUJN5_js.h(E):E,d=e.querySelector(".button-content"),c=e.querySelector(".button-spinner"),p=e.querySelector(".button-text");if(chunkROYFUJN5_js.j(()=>{e.disabled=M.value,M.value?e.setAttribute("aria-disabled","true"):e.removeAttribute("aria-disabled");}),chunkROYFUJN5_js.j(()=>{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){chunkROYFUJN5_js.b(chunkROYFUJN5_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),chunkROYFUJN5_js.o(()=>{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),chunkROYFUJN5_js.o(()=>e.removeEventListener("focus",m))),L&&(e.addEventListener("blur",L),chunkROYFUJN5_js.o(()=>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||chunkROYFUJN5_js.c(chunkROYFUJN5_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
+//# sourceMappingURL=ui.js.map

package/dist/primitives/ui.js.map

@@ -0,0 +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"]}

package/dist/primitives/ui.mjs

@@ -0,0 +1,2 @@
+import {a}from'../chunk-WVEJT7HD.mjs';import'../chunk-KNF5ERPK.mjs';import {c,a as a$1,h,j,o,b}from'../chunk-5S3ZQ2LB.mjs';function O(u){let{type:y="button",variant:s="primary",size:v="md",disabled:o$1=false,loading:E=false,fullWidth:j$1=false,children:b$1,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$2,onPressEnd:l,onFocus:m,onBlur:L,onKeyDown:H}=u,g=["button",`button-${s}`,`button-${v}`];j$1&&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$1=="boolean"?h(o$1):o$1,Q=typeof E=="boolean"?h(E):E,d=e.querySelector(".button-content"),c=e.querySelector(".button-spinner"),p=e.querySelector(".button-text");if(j(()=>{e.disabled=M.value,M.value?e.setAttribute("aria-disabled","true"):e.removeAttribute("aria-disabled");}),j(()=>{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$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),o(()=>{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),o(()=>e.removeEventListener("focus",m))),L&&(e.addEventListener("blur",L),o(()=>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
+//# sourceMappingURL=ui.mjs.map

package/dist/primitives/ui.mjs.map

@@ -0,0 +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":"2HAsFO,SAASA,CAAAA,CAAOC,CAAAA,CAA2B,CAChD,GAAM,CACJ,IAAA,CAAAC,CAAAA,CAAO,QAAA,CACP,OAAA,CAAAC,CAAAA,CAAU,SAAA,CACV,IAAA,CAAAC,CAAAA,CAAO,KACP,QAAA,CAAAC,GAAAA,CAAW,KAAA,CACX,OAAA,CAAAC,CAAAA,CAAU,KAAA,CACV,SAAA,CAAAC,GAAAA,CAAY,MACZ,QAAA,CAAAC,GAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,SAAA,CAAAC,CAAAA,CACA,WAAA,CAAAC,CAAAA,CAAc,aACd,SAAA,CAAAC,CAAAA,CAAY,EAAA,CACZ,KAAA,CAAAC,CAAAA,CACA,EAAA,CAAAC,CAAAA,CACA,IAAA,CAAAC,EACA,SAAA,CAAAC,CAAAA,CACA,eAAA,CAAAC,CAAAA,CACA,YAAA,CAAAC,CAAAA,CACA,WAAA,CAAAC,CAAAA,CACA,aAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,YAAA,CAAAC,GAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,EACA,MAAA,CAAAC,CAAAA,CACA,SAAA,CAAAC,CACF,CAAA,CAAIzB,CAAAA,CAGE0B,CAAAA,CAAU,CAAC,SAAU,CAAA,OAAA,EAAUxB,CAAO,CAAA,CAAA,CAAI,CAAA,OAAA,EAAUC,CAAI,CAAA,CAAE,CAAA,CAC5DG,GAAAA,EAAWoB,EAAQ,IAAA,CAAK,mBAAmB,CAAA,CAC3Cf,CAAAA,EAAWe,CAAAA,CAAQ,IAAA,CAAKf,CAAS,CAAA,CAGrC,IAAMgB,CAAAA,CAAmC,CACvC,IAAA,CAAA1B,CAAAA,CACA,KAAA,CAAOyB,CAAAA,CAAQ,IAAA,CAAK,GAAG,EACvB,KAAA,CAAAd,CACF,CAAA,CAEIC,CAAAA,GAAIc,CAAAA,CAAY,EAAA,CAAKd,CAAAA,CAAAA,CACrBC,CAAAA,GAAMa,EAAY,IAAA,CAAOb,CAAAA,CAAAA,CACzBC,CAAAA,GAAWY,CAAAA,CAAY,YAAY,CAAA,CAAIZ,CAAAA,CAAAA,CACvCC,CAAAA,GAAiBW,EAAY,kBAAkB,CAAA,CAAIX,CAAAA,CAAAA,CACnDC,CAAAA,GAAiB,MAAA,GAAWU,CAAAA,CAAY,eAAe,CAAA,CAAIV,GAC3DC,CAAAA,GAAgB,MAAA,GAAWS,CAAAA,CAAY,cAAc,CAAA,CAAIT,CAAAA,CAAAA,CACzDC,CAAAA,GAAcQ,CAAAA,CAAY,eAAe,CAAA,CAAIR,CAAAA,CAAAA,CAGjDQ,CAAAA,CAAY,GAAA,CAAOC,GAAqC,CACtD,GAAI,CAACA,CAAAA,CAAQ,OAGb,IAAMC,CAAAA,CACJ,OAAOzB,GAAAA,EAAa,SAAA,CAAY0B,CAAAA,CAAO1B,GAAQ,CAAA,CAAIA,IAC/C2B,CAAAA,CAAgB,OAAO1B,CAAAA,EAAY,SAAA,CAAYyB,CAAAA,CAAOzB,CAAO,CAAA,CAAIA,CAAAA,CAGjE2B,EAAiBJ,CAAAA,CAAO,aAAA,CAAc,iBAAiB,CAAA,CACvDK,CAAAA,CAAiBL,CAAAA,CAAO,aAAA,CAAc,iBAAiB,EACvDM,CAAAA,CAAcN,CAAAA,CAAO,aAAA,CAAc,cAAc,CAAA,CA4CvD,GAzCAO,CAAAA,CAAO,IAAM,CACXP,CAAAA,CAAO,QAAA,CAAWC,CAAAA,CAAe,KAAA,CAC7BA,CAAAA,CAAe,KAAA,CACjBD,CAAAA,CAAO,YAAA,CAAa,gBAAiB,MAAM,CAAA,CAE3CA,CAAAA,CAAO,eAAA,CAAgB,eAAe,EAE1C,CAAC,CAAA,CAGDO,EAAO,IAAM,CACOJ,CAAAA,CAAc,KAAA,EAI1BE,CAAAA,GAAgBA,CAAAA,CAAe,KAAA,CAAM,OAAA,CAAU,gBAC/CD,CAAAA,GAAgBA,CAAAA,CAAe,KAAA,CAAM,UAAA,CAAa,QAAA,CAAA,CAGlDtB,CAAAA,EAAewB,CAAAA,GACjBA,CAAAA,CAAY,YAAcxB,CAAAA,CAAAA,CAI5BkB,CAAAA,CAAO,QAAA,CAAW,IAAA,CAClBA,CAAAA,CAAO,YAAA,CAAa,WAAA,CAAa,MAAM,IAGnCK,CAAAA,GAAgBA,CAAAA,CAAe,KAAA,CAAM,OAAA,CAAU,MAAA,CAAA,CAC/CD,CAAAA,GAAgBA,CAAAA,CAAe,KAAA,CAAM,WAAa,SAAA,CAAA,CAGlD,OAAOzB,GAAAA,EAAa,QAAA,EAAY2B,CAAAA,GAClCA,CAAAA,CAAY,WAAA,CAAc3B,GAAAA,CAAAA,CAG5BqB,EAAO,eAAA,CAAgB,WAAW,CAAA,EAEtC,CAAC,CAAA,CAGGR,CAAAA,CAAS,CACX,IAAIgB,EAAa,KAAA,CAGXC,CAAAA,CAAqBC,CAAAA,EAAoB,CACzCV,CAAAA,CAAO,QAAA,GAEXQ,CAAAA,CAAa,IAAA,CACbR,EAAO,SAAA,CAAU,GAAA,CAAI,gBAAgB,CAAA,CAEjCP,GAAAA,EACFA,GAAAA,CAAaiB,CAAC,CAAA,EAElB,EAGMC,CAAAA,CAAmBD,CAAAA,EAAoB,CACtCF,CAAAA,GAELA,CAAAA,CAAa,KAAA,CACbR,CAAAA,CAAO,SAAA,CAAU,OAAO,gBAAgB,CAAA,CAEpCN,CAAAA,EACFA,CAAAA,CAAWgB,CAAC,CAAA,EAEhB,CAAA,CAGME,CAAAA,CAAc,MAAOF,GAAa,CACtC,GAAIV,CAAAA,CAAO,QAAA,CAAU,CACnBU,CAAAA,CAAE,cAAA,EAAe,CACjB,MACF,CAEA,GAAI,CACF,MAAMlB,CAAAA,CAAQkB,CAAC,EACjB,CAAA,MAASG,EAAO,CACdC,CAAAA,CAASC,GAAAA,CAAW,qBAAA,CAAuB,MAAA,CAAWF,CAAK,EAC7D,CACF,EAGMG,CAAAA,CAAiBN,CAAAA,EAAqB,CACtCV,CAAAA,CAAO,QAAA,GAAA,CAGPU,CAAAA,CAAE,GAAA,GAAQ,OAAA,EAAWA,EAAE,GAAA,GAAQ,GAAA,IACjCA,CAAAA,CAAE,cAAA,EAAe,CACjBF,CAAAA,CAAa,IAAA,CACbR,CAAAA,CAAO,UAAU,GAAA,CAAI,gBAAgB,CAAA,CAEjCP,GAAAA,EAEFA,GAAAA,CAAaiB,CAAQ,CAAA,CAAA,CAKrBb,CAAAA,EACFA,EAAUa,CAAC,CAAA,EAEf,CAAA,CAEMO,CAAAA,CAAeP,CAAAA,EAAqB,CACpCV,CAAAA,CAAO,QAAA,EAAA,CAEPU,EAAE,GAAA,GAAQ,OAAA,EAAWA,CAAAA,CAAE,GAAA,GAAQ,GAAA,IACjCA,CAAAA,CAAE,cAAA,EAAe,CACjBF,EAAa,KAAA,CACbR,CAAAA,CAAO,SAAA,CAAU,MAAA,CAAO,gBAAgB,CAAA,CAEpCN,CAAAA,EAEFA,CAAAA,CAAWgB,CAAQ,CAAA,CAIrBE,CAAAA,CAAYF,CAAC,CAAA,EAEjB,CAAA,CAGMQ,CAAAA,CAAsB,IAAM,CAChCV,EAAa,KAAA,CACbR,CAAAA,CAAO,SAAA,CAAU,MAAA,CAAO,gBAAgB,EAC1C,CAAA,CAEAA,CAAAA,CAAO,iBAAiB,aAAA,CAAeS,CAAiB,CAAA,CACxDT,CAAAA,CAAO,gBAAA,CAAiB,WAAA,CAAaW,CAAe,CAAA,CACpDX,EAAO,gBAAA,CAAiB,OAAA,CAASY,CAAW,CAAA,CAC5CZ,CAAAA,CAAO,gBAAA,CAAiB,SAAA,CAAWgB,CAAa,EAChDhB,CAAAA,CAAO,gBAAA,CAAiB,OAAA,CAASiB,CAAW,CAAA,CAC5CjB,CAAAA,CAAO,gBAAA,CAAiB,eAAA,CAAiBkB,CAAmB,CAAA,CAE5DC,CAAAA,CAAU,IAAM,CACdnB,CAAAA,CAAO,mBAAA,CAAoB,aAAA,CAAeS,CAAiB,EAC3DT,CAAAA,CAAO,mBAAA,CAAoB,WAAA,CAAaW,CAAe,EACvDX,CAAAA,CAAO,mBAAA,CAAoB,OAAA,CAASY,CAAW,EAC/CZ,CAAAA,CAAO,mBAAA,CAAoB,SAAA,CAAWgB,CAAa,CAAA,CACnDhB,CAAAA,CAAO,mBAAA,CAAoB,OAAA,CAASiB,CAAW,CAAA,CAC/CjB,CAAAA,CAAO,mBAAA,CAAoB,eAAA,CAAiBkB,CAAmB,EACjE,CAAC,EACH,CAGIvB,CAAAA,GACFK,CAAAA,CAAO,gBAAA,CAAiB,OAAA,CAASL,CAAO,CAAA,CACxCwB,CAAAA,CAAU,IAAMnB,EAAO,mBAAA,CAAoB,OAAA,CAASL,CAAO,CAAC,CAAA,CAAA,CAG1DC,CAAAA,GACFI,CAAAA,CAAO,gBAAA,CAAiB,OAAQJ,CAAM,CAAA,CACtCuB,CAAAA,CAAU,IAAMnB,CAAAA,CAAO,mBAAA,CAAoB,MAAA,CAAQJ,CAAM,CAAC,CAAA,EAE9D,CAAA,CAGA,IAAMwB,CAAAA,CAAiB,CAErBC,CAAAA,CAAE,MAAA,CAAQ,CACR,MAAO,gBAAA,CACP,aAAA,CAAe,MAAA,CACf,KAAA,CAAO,CAAE,OAAA,CAAS,MAAO,CAC3B,CAAC,CAAA,CAEDA,CAAAA,CACE,MAAA,CACA,CAAE,MAAO,gBAAiB,CAAA,CAC1B,CACEzC,CAAAA,EAAYyC,EAAE,MAAA,CAAQ,CAAE,KAAA,CAAO,8BAA+B,CAAA,CAAGzC,CAAQ,CAAA,CACzEyC,CAAAA,CAAE,OAAQ,CAAE,KAAA,CAAO,aAAc,CAAA,CAAG1C,GAAQ,CAAA,CAC5CE,CAAAA,EACEwC,CAAAA,CAAE,OAAQ,CAAE,KAAA,CAAO,+BAAgC,CAAA,CAAGxC,CAAS,CACnE,CAAA,CAAE,MAAA,CAAO,OAAO,CAClB,CACF,CAAA,CAEA,OAAOwC,CAAAA,CAAE,QAAA,CAAUtB,CAAAA,CAAaqB,CAAc,CAChD,CAUO,SAASE,CAAAA,CAAWlD,CAAAA,CAA2C,CACpE,GAAM,CAAE,IAAA,CAAAmD,EAAM,SAAA,CAAApC,CAAAA,CAAW,SAAA,CAAAJ,CAAAA,CAAW,GAAGgB,CAAY,CAAA,CAAI3B,CAAAA,CAEvD,OAAKe,CAAAA,EACHqC,CAAAA,CAAWT,GAAAA,CAAW,yBAAyB,CAAA,CAG1C5C,CAAAA,CAAO,CACZ,GAAG4B,EACH,QAAA,CAAUwB,CAAAA,CACV,SAAA,CAAApC,CAAAA,CACA,UAAW,CAAA,YAAA,EAAeJ,CAAAA,EAAa,EAAE,CAAA,CAC3C,CAAC,CACH","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"]}

package/dist/primitives.d.cts

@@ -0,0 +1,92 @@
+export { e as effect, r as root } from './signal-mNtlF8-v.cjs';
+export { _ as state } from './state-kK9sQh9s.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-JB58mpQT.cjs';
+export { C as Canvas, f as CanvasProps, b as DrawArc, i as DrawArcProps, a as DrawCircle, h as DrawCircleProps, c as DrawLine, j as DrawLineProps, d as DrawPath, k as DrawPathProps, D as DrawRect, g as DrawRectProps, e as DrawText, l as DrawTextProps } from './DrawText-JB58mpQT.cjs';
+import './renderer-DSLb-FGg.cjs';
+
+/**
+ * Text - Universal text display component
+ *
+ * Maps to:
+ * - Web: <span>
+ * - React Native: <Text>
+ *
+ * @example
+ * ```tsx
+ * <Text style={{ color: 'blue', fontSize: 16 }}>
+ *   Hello World
+ * </Text>
+ * ```
+ */
+
+declare function Text(props: TextProps): FNode;
+
+/**
+ * Image - Universal image component
+ *
+ * Maps to:
+ * - Web: <img>
+ * - React Native: <Image>
+ *
+ * @example
+ * ```tsx
+ * <Image
+ *   src="/logo.png"
+ *   alt="Logo"
+ *   width={100}
+ *   height={100}
+ * />
+ * ```
+ */
+
+declare function Image(props: ImageProps): FNode;
+
+/**
+ * Pressable - Universal touchable/clickable component
+ *
+ * Maps to:
+ * - Web: <button>
+ * - React Native: <Pressable>
+ *
+ * @example
+ * ```tsx
+ * <Pressable
+ *   onPress={() => console.log('pressed')}
+ *   style={{ padding: 10 }}
+ * >
+ *   <Text>Click Me</Text>
+ * </Pressable>
+ * ```
+ */
+
+declare function Pressable(props: PressableProps): FNode;
+
+/**
+ * ScrollView - Universal scrollable container
+ *
+ * Maps to:
+ * - Web: <div style="overflow: scroll">
+ * - React Native: <ScrollView>
+ *
+ * @example
+ * ```tsx
+ * <ScrollView style={{ height: 300 }}>
+ *   <Column>...</Column>
+ *   <Column>...</Column>
+ * </ScrollView>
+ * ```
+ */
+
+declare function ScrollView(props: ScrollViewProps): FNode;
+
+/**
+ * Primitive utilities
+ */
+
+/**
+ * Normalize CommonStyle to CSS properties
+ */
+declare function normalizeStyle(style?: CommonStyle | TextStyle): Record<string, any>;
+
+export { Image, ImageProps, Pressable, PressableProps, ScrollView, ScrollViewProps, Text, TextProps, TextStyle, normalizeStyle };