@tachui/core 0.7.0-alpha1 → 0.7.1-alpha

package/dist/components/BasicInput.js

@@ -1,182 +0,0 @@
-import "../reactive/cleanup.js";
-import "../reactive/unified-scheduler.js";
-import { createEffect as a } from "../reactive/effect.js";
-import { isSignal as r } from "../reactive/signal.js";
-import "../reactive/scheduler.js";
-import "../reactive/theme.js";
-import "../runtime/component.js";
-import "../runtime/context.js";
-import "../runtime/dev-tools.js";
-import "../runtime/dom-bridge.js";
-import "../runtime/error-boundary.js";
-import "../runtime/error-reporting.js";
-import "../runtime/performance.js";
-import { h as m } from "../runtime/renderer.js";
-import "../runtime/element-override.js";
-import "../runtime/semantic-role-manager.js";
-import "../runtime/development-warnings.js";
-import { withModifiers as b } from "./wrapper.js";
-import "../css-classes/css-class-manager.js";
-import { ComponentWithCSSClasses as f } from "../css-classes/component-base.js";
-var g = Object.defineProperty, y = (e, t, s) => t in e ? g(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s, i = (e, t, s) => y(e, typeof t != "symbol" ? t + "" : t, s);
-const n = {
-  colors: {
-    background: "#FFFFFF",
-    border: "#D1D1D6",
-    text: "#000000",
-    placeholder: "#8E8E93",
-    focusBorder: "#007AFF",
-    disabledBackground: "#F2F2F7",
-    disabledText: "#8E8E93"
-  },
-  spacing: {
-    padding: 8,
-    borderWidth: 1
-  },
-  borderRadius: 4,
-  fontSize: 16,
-  fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
-  transition: "border-color 0.2s ease, background-color 0.2s ease"
-};
-class T extends f {
-  constructor(t) {
-    super(), i(this, "type", "component"), i(this, "id"), i(this, "props"), i(this, "theme", n), i(this, "inputElement", null), i(this, "handleInput", (s) => {
-      const o = s.target.value;
-      this.setText(o), this.props.onChange && this.props.onChange(o);
-    }), i(this, "handleKeyDown", (s) => {
-      s.key === "Enter" && this.props.onSubmit && (s.preventDefault(), this.props.onSubmit(this.getText()));
-    }), i(this, "handleFocus", () => {
-      this.props.onFocus && this.props.onFocus(), this.inputElement && (this.inputElement.style.borderColor = this.theme.colors.focusBorder);
-    }), i(this, "handleBlur", () => {
-      this.props.onBlur && this.props.onBlur(), this.inputElement && (this.inputElement.style.borderColor = this.theme.colors.border);
-    }), this.props = t, this.id = `basicinput-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
-  }
-  resolveValue(t) {
-    return r(t) ? t() : t;
-  }
-  getText() {
-    return this.resolveValue(this.props.text);
-  }
-  setText(t) {
-    this.props.setText && this.props.setText(t);
-  }
-  getPlaceholder() {
-    return this.resolveValue(this.props.placeholder || "");
-  }
-  getInputType() {
-    return this.resolveValue(this.props.inputType || "text");
-  }
-  isDisabled() {
-    return this.resolveValue(this.props.disabled || !1);
-  }
-  isReadonly() {
-    return this.resolveValue(this.props.readonly || !1);
-  }
-  getInputStyles() {
-    const t = this.isDisabled();
-    return {
-      width: "100%",
-      padding: `${this.theme.spacing.padding}px`,
-      border: `${this.theme.spacing.borderWidth}px solid ${this.theme.colors.border}`,
-      borderRadius: `${this.theme.borderRadius}px`,
-      backgroundColor: t ? this.theme.colors.disabledBackground : this.theme.colors.background,
-      color: t ? this.theme.colors.disabledText : this.theme.colors.text,
-      fontSize: `${this.theme.fontSize}px`,
-      fontFamily: this.theme.fontFamily,
-      outline: "none",
-      transition: this.theme.transition,
-      cursor: t ? "not-allowed" : "text"
-    };
-  }
-  render() {
-    const t = this.getText(), s = this.getPlaceholder(), p = this.getInputType(), o = this.isDisabled(), d = this.isReadonly(), u = ["tachui-basic-input"], c = this.createClassString(this.props, u), l = m("input", {
-      id: this.id,
-      className: c,
-      type: p,
-      value: t,
-      placeholder: s,
-      disabled: o,
-      readonly: d,
-      "aria-label": this.props.accessibilityLabel,
-      "aria-describedby": this.props.accessibilityHint ? `${this.id}-hint` : void 0,
-      style: this.getInputStyles(),
-      oninput: this.handleInput,
-      onkeydown: this.handleKeyDown,
-      onfocus: this.handleFocus,
-      onblur: this.handleBlur
-    });
-    return this.inputElement = l.element, a(() => {
-      if (this.inputElement && r(this.props.text)) {
-        const h = this.getText();
-        this.inputElement.value !== h && (this.inputElement.value = h);
-      }
-    }), a(() => {
-      this.inputElement && (r(this.props.placeholder) || r(this.props.inputType) || r(this.props.disabled)) && (r(this.props.placeholder) && (this.inputElement.placeholder = this.getPlaceholder()), r(this.props.inputType) && (this.inputElement.type = this.getInputType()), r(this.props.disabled) && (this.inputElement.disabled = this.isDisabled()));
-    }), [l];
-  }
-}
-function N(e) {
-  return b(new T(e));
-}
-const U = {
-  /**
-   * Create a search input
-   */
-  search(e, t, s) {
-    return {
-      text: e,
-      setText: t,
-      inputType: "search",
-      placeholder: "Search...",
-      onSubmit: s
-    };
-  },
-  /**
-   * Create an email input
-   */
-  email(e, t) {
-    return {
-      text: e,
-      setText: t,
-      inputType: "email",
-      placeholder: "Enter email address"
-    };
-  },
-  /**
-   * Create a password input
-   */
-  password(e, t) {
-    return {
-      text: e,
-      setText: t,
-      inputType: "password",
-      placeholder: "Enter password"
-    };
-  },
-  /**
-   * Create a phone number input
-   */
-  phone(e, t) {
-    return {
-      text: e,
-      setText: t,
-      inputType: "tel",
-      placeholder: "Enter phone number"
-    };
-  }
-}, A = {
-  theme: n,
-  /**
-   * Create a custom theme
-   */
-  createTheme(e) {
-    return { ...n, ...e };
-  }
-};
-export {
-  N as BasicInput,
-  T as BasicInputComponent,
-  A as BasicInputStyles,
-  U as BasicInputUtils
-};
-//# sourceMappingURL=BasicInput.js.map

package/dist/components/BasicInput.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BasicInput.js","sources":["../../src/components/BasicInput.ts"],"sourcesContent":["/**\n * BasicInput Component (Phase 1)\n *\n * Lightweight text input component for Core-only applications.\n * Provides SwiftUI-style reactive binding without the complexity\n * of the Forms plugin validation and formatting system.\n */\n\nimport type { ModifiableComponent, ModifierBuilder } from '../modifiers/types'\nimport { createEffect, isSignal } from '../reactive'\nimport type { Signal } from '../reactive/types'\nimport { h } from '../runtime'\nimport type { ComponentInstance, ComponentProps, DOMNode } from '../runtime/types'\nimport { withModifiers } from './wrapper'\nimport {\n  ComponentWithCSSClasses,\n  type CSSClassesProps\n} from '../css-classes'\n\n/**\n * BasicInput supported input types\n */\nexport type BasicInputType = 'text' | 'email' | 'password' | 'search' | 'tel' | 'url'\n\n/**\n * BasicInput component properties with CSS classes support\n */\nexport interface BasicInputProps extends ComponentProps, CSSClassesProps {\n  // Core reactive binding\n  text: Signal<string>\n  setText?: (value: string) => void\n\n  // Input configuration\n  placeholder?: string | Signal<string>\n  inputType?: BasicInputType | Signal<BasicInputType>\n  disabled?: boolean | Signal<boolean>\n  readonly?: boolean | Signal<boolean>\n\n  // Behavior\n  onChange?: (text: string) => void\n  onSubmit?: (text: string) => void\n  onFocus?: () => void\n  onBlur?: () => void\n\n  // Accessibility\n  accessibilityLabel?: string\n  accessibilityHint?: string\n}\n\n/**\n * BasicInput theme configuration\n */\nexport interface BasicInputTheme {\n  colors: {\n    background: string\n    border: string\n    text: string\n    placeholder: string\n    focusBorder: string\n    disabledBackground: string\n    disabledText: string\n  }\n  spacing: {\n    padding: number\n    borderWidth: number\n  }\n  borderRadius: number\n  fontSize: number\n  fontFamily: string\n  transition: string\n}\n\n/**\n * Default BasicInput theme\n */\nconst defaultBasicInputTheme: BasicInputTheme = {\n  colors: {\n    background: '#FFFFFF',\n    border: '#D1D1D6',\n    text: '#000000',\n    placeholder: '#8E8E93',\n    focusBorder: '#007AFF',\n    disabledBackground: '#F2F2F7',\n    disabledText: '#8E8E93',\n  },\n  spacing: {\n    padding: 8,\n    borderWidth: 1,\n  },\n  borderRadius: 4,\n  fontSize: 16,\n  fontFamily: '-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif',\n  transition: 'border-color 0.2s ease, background-color 0.2s ease',\n}\n\n/**\n * BasicInput component implementation with CSS classes support\n */\nexport class BasicInputComponent extends ComponentWithCSSClasses implements ComponentInstance<BasicInputProps> {\n  public readonly type = 'component' as const\n  public readonly id: string\n  public readonly props: BasicInputProps\n  private theme: BasicInputTheme = defaultBasicInputTheme\n  private inputElement: HTMLInputElement | null = null\n\n  constructor(props: BasicInputProps) {\n    super()\n    this.props = props\n    this.id = `basicinput-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`\n  }\n\n  private resolveValue<T>(value: T | Signal<T>): T {\n    return isSignal(value) ? value() : value\n  }\n\n  private getText(): string {\n    return this.resolveValue(this.props.text)\n  }\n\n  private setText(value: string): void {\n    if (this.props.setText) {\n      this.props.setText(value)\n    }\n  }\n\n  private getPlaceholder(): string {\n    return this.resolveValue(this.props.placeholder || '')\n  }\n\n  private getInputType(): BasicInputType {\n    return this.resolveValue(this.props.inputType || 'text')\n  }\n\n  private isDisabled(): boolean {\n    return this.resolveValue(this.props.disabled || false)\n  }\n\n  private isReadonly(): boolean {\n    return this.resolveValue(this.props.readonly || false)\n  }\n\n  private handleInput = (e: Event): void => {\n    const target = e.target as HTMLInputElement\n    const value = target.value\n\n    // Update reactive signal\n    this.setText(value)\n\n    // Call onChange callback\n    if (this.props.onChange) {\n      this.props.onChange(value)\n    }\n  }\n\n  private handleKeyDown = (e: KeyboardEvent): void => {\n    if (e.key === 'Enter' && this.props.onSubmit) {\n      e.preventDefault()\n      this.props.onSubmit(this.getText())\n    }\n  }\n\n  private handleFocus = (): void => {\n    if (this.props.onFocus) {\n      this.props.onFocus()\n    }\n\n    // Update focus border color\n    if (this.inputElement) {\n      this.inputElement.style.borderColor = this.theme.colors.focusBorder\n    }\n  }\n\n  private handleBlur = (): void => {\n    if (this.props.onBlur) {\n      this.props.onBlur()\n    }\n\n    // Reset border color\n    if (this.inputElement) {\n      this.inputElement.style.borderColor = this.theme.colors.border\n    }\n  }\n\n  private getInputStyles(): Record<string, string> {\n    const disabled = this.isDisabled()\n\n    return {\n      width: '100%',\n      padding: `${this.theme.spacing.padding}px`,\n      border: `${this.theme.spacing.borderWidth}px solid ${this.theme.colors.border}`,\n      borderRadius: `${this.theme.borderRadius}px`,\n      backgroundColor: disabled\n        ? this.theme.colors.disabledBackground\n        : this.theme.colors.background,\n      color: disabled ? this.theme.colors.disabledText : this.theme.colors.text,\n      fontSize: `${this.theme.fontSize}px`,\n      fontFamily: this.theme.fontFamily,\n      outline: 'none',\n      transition: this.theme.transition,\n      cursor: disabled ? 'not-allowed' : 'text',\n    }\n  }\n\n  render(): DOMNode[] {\n    const currentText = this.getText()\n    const placeholder = this.getPlaceholder()\n    const inputType = this.getInputType()\n    const disabled = this.isDisabled()\n    const readonly = this.isReadonly()\n\n    // Process CSS classes for this component\n    const baseClasses = ['tachui-basic-input']\n    const classString = this.createClassString(this.props, baseClasses)\n    \n    const input = h('input', {\n      id: this.id,\n      className: classString,\n      type: inputType,\n      value: currentText,\n      placeholder: placeholder,\n      disabled: disabled,\n      readonly: readonly,\n      'aria-label': this.props.accessibilityLabel,\n      'aria-describedby': this.props.accessibilityHint ? `${this.id}-hint` : undefined,\n      style: this.getInputStyles(),\n      oninput: this.handleInput,\n      onkeydown: this.handleKeyDown,\n      onfocus: this.handleFocus,\n      onblur: this.handleBlur,\n    })\n\n    // Store reference to input element\n    this.inputElement = input.element as HTMLInputElement\n\n    // Set up reactive effects for dynamic updates\n    createEffect(() => {\n      if (this.inputElement && isSignal(this.props.text)) {\n        const newValue = this.getText()\n        if (this.inputElement.value !== newValue) {\n          this.inputElement.value = newValue\n        }\n      }\n    })\n\n    createEffect(() => {\n      if (\n        this.inputElement &&\n        (isSignal(this.props.placeholder) ||\n          isSignal(this.props.inputType) ||\n          isSignal(this.props.disabled))\n      ) {\n        // Update placeholder\n        if (isSignal(this.props.placeholder)) {\n          this.inputElement.placeholder = this.getPlaceholder()\n        }\n\n        // Update input type\n        if (isSignal(this.props.inputType)) {\n          this.inputElement.type = this.getInputType()\n        }\n\n        // Update disabled state\n        if (isSignal(this.props.disabled)) {\n          this.inputElement.disabled = this.isDisabled()\n        }\n      }\n    })\n\n    return [input]\n  }\n}\n\n/**\n * Create a BasicInput component\n */\nexport function BasicInput(props: BasicInputProps): ModifiableComponent<BasicInputProps> & {\n  modifier: ModifierBuilder<ModifiableComponent<BasicInputProps>>\n} {\n  return withModifiers(new BasicInputComponent(props))\n}\n\n/**\n * BasicInput utility functions and presets\n */\nexport const BasicInputUtils = {\n  /**\n   * Create a search input\n   */\n  search(\n    text: Signal<string>,\n    setText: (value: string) => void,\n    onSearch?: (query: string) => void\n  ): BasicInputProps {\n    return {\n      text,\n      setText,\n      inputType: 'search',\n      placeholder: 'Search...',\n      onSubmit: onSearch,\n    }\n  },\n\n  /**\n   * Create an email input\n   */\n  email(text: Signal<string>, setText: (value: string) => void): BasicInputProps {\n    return {\n      text,\n      setText,\n      inputType: 'email',\n      placeholder: 'Enter email address',\n    }\n  },\n\n  /**\n   * Create a password input\n   */\n  password(text: Signal<string>, setText: (value: string) => void): BasicInputProps {\n    return {\n      text,\n      setText,\n      inputType: 'password',\n      placeholder: 'Enter password',\n    }\n  },\n\n  /**\n   * Create a phone number input\n   */\n  phone(text: Signal<string>, setText: (value: string) => void): BasicInputProps {\n    return {\n      text,\n      setText,\n      inputType: 'tel',\n      placeholder: 'Enter phone number',\n    }\n  },\n}\n\n/**\n * BasicInput styles and theming\n */\nexport const BasicInputStyles = {\n  theme: defaultBasicInputTheme,\n\n  /**\n   * Create a custom theme\n   */\n  createTheme(overrides: Partial<BasicInputTheme>): BasicInputTheme {\n    return { ...defaultBasicInputTheme, ...overrides }\n  },\n}\n"],"names":["defaultBasicInputTheme","BasicInputComponent","ComponentWithCSSClasses","props","__publicField","e","value","isSignal","disabled","currentText","placeholder","inputType","readonly","baseClasses","classString","input","h","createEffect","newValue","BasicInput","withModifiers","BasicInputUtils","text","setText","onSearch","BasicInputStyles","overrides"],"mappings":"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"}

package/dist/components/Button.cjs

@@ -1,7 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../reactive/cleanup.cjs");require("../reactive/unified-scheduler.cjs");const $=require("../reactive/effect.cjs"),u=require("../reactive/signal.cjs");require("../reactive/scheduler.cjs");require("../reactive/theme.cjs");const L=require("../runtime/renderer.cjs"),z=require("./wrapper.cjs"),O=require("../lifecycle/hooks.cjs"),F=require("../assets/ColorAsset.cjs"),k=require("../concatenation/concatenated-component.cjs");require("../css-classes/css-class-manager.cjs");const V=require("../css-classes/component-base.cjs");var H=Object.defineProperty,I=(i,e,t)=>e in i?H(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,p=(i,e,t)=>I(i,typeof e!="symbol"?e+"":e,t);const P={colors:{primary:"#007AFF",secondary:"#5856D6",destructive:"#FF3B30",background:"#F2F2F7",surface:"#FFFFFF",onPrimary:"#FFFFFF",onSecondary:"#FFFFFF",onSurface:"#000000",border:"#C7C7CC",disabled:"#8E8E93"},spacing:{small:8,medium:12,large:16},borderRadius:{small:6,medium:8,large:12},typography:{small:{size:14,weight:"500"},medium:{size:16,weight:"500"},large:{size:18,weight:"600"}}};class R extends V.ComponentWithCSSClasses{constructor(e,t=P){super(),this.props=e,p(this,"type","component"),p(this,"id"),p(this,"mounted",!1),p(this,"cleanup",[]),p(this,"stateSignal"),p(this,"setState"),p(this,"theme"),this.id=`button-${Date.now()}-${Math.random().toString(36).substr(2,9)}`,this.theme=t;const[s,o]=u.createSignal("normal");this.stateSignal=s,this.setState=o,this.setupDOMEventListeners()}setupDOMEventListeners(){O.useLifecycle(this,{onDOMReady:(e,t)=>{t instanceof HTMLButtonElement&&(this.attachInteractionEvents(t),this.setupReactiveStyles(t))}})}setupReactiveStyles(e){const t=$.createEffect(()=>{this.stateSignal(),this.isEnabled(),this.isLoading();const{tint:s,backgroundColor:o,foregroundColor:r}=this.props;s&&u.isSignal(s)?s():s instanceof F.ColorAsset&&s.resolve(),o&&u.isSignal(o)?o():o instanceof F.ColorAsset&&o.resolve(),r&&u.isSignal(r)?r():r instanceof F.ColorAsset&&r.resolve();const n=this.getButtonStyles();this.applyStylesToElement(e,n)});this.cleanup.push(()=>{t&&typeof t.dispose=="function"&&t.dispose()})}applyStylesToElement(e,t){Object.entries(t).forEach(([s,o])=>{const r=this.camelToKebabCase(s);if(typeof o=="string"||typeof o=="number"){const n=e.style.getPropertyValue(r);r==="transform"?e.style.setProperty(r,String(o)):n&&n!==""&&n!=="inherit"||e.style.setProperty(r,String(o))}})}camelToKebabCase(e){return e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()}resolveColorValue(e){if(e){if(typeof e=="string")return e;if(u.isSignal(e))return e();if(e instanceof F.ColorAsset)return e.resolve()}}attachInteractionEvents(e){const t=()=>{const a=this.isEnabled();return typeof a=="boolean"?a:a()};let s=null;const o=a=>{t()&&a.button===0&&(this.setState("pressed"),s=()=>{this.stateSignal()==="pressed"&&this.setState("normal"),s&&(document.removeEventListener("mouseup",s),s=null)},document.addEventListener("mouseup",s))},r=()=>{t()&&this.stateSignal()==="pressed"&&(this.setState("normal"),s&&(document.removeEventListener("mouseup",s),s=null))},n=()=>{t()&&(this.setState("normal"),s&&(document.removeEventListener("mouseup",s),s=null))},d=()=>{t()&&this.stateSignal()!=="pressed"&&this.setState("focused")},v=()=>{t()&&this.stateSignal()==="focused"&&this.setState("normal")},b=a=>{t()&&(a.key===" "||a.key==="Enter")&&(a.preventDefault(),this.setState("pressed"))},S=a=>{t()&&(a.key===" "||a.key==="Enter")&&(a.preventDefault(),this.setState("normal"),this.props.action?.())};e.addEventListener("mousedown",o),e.addEventListener("mouseup",r),e.addEventListener("mouseleave",n),e.addEventListener("focus",d),e.addEventListener("blur",v),e.addEventListener("keydown",b),e.addEventListener("keyup",S),this.cleanup.push(()=>{e.removeEventListener("mousedown",o),e.removeEventListener("mouseup",r),e.removeEventListener("mouseleave",n),e.removeEventListener("focus",d),e.removeEventListener("blur",v),e.removeEventListener("keydown",b),e.removeEventListener("keyup",S),s&&(document.removeEventListener("mouseup",s),s=null)})}isEnabled(){const{isEnabled:e}=this.props;return e===void 0?!0:typeof e=="boolean"||u.isSignal(e)?e:!0}render(){const e=this.isEnabled(),t=[];this.props.systemImage&&t.push(L.h("span",{class:"button-icon",style:{marginRight:"8px",fontSize:"1.2em"}},L.text(this.props.systemImage))),t.push(L.h("span",{class:"button-title"},L.text(this.props.title||"")));const s=["tachui-button"];return[{type:"element",tag:"button",props:{className:this.createClassString(this.props,s),type:"button",disabled:typeof e=="boolean"?!e:()=>!e(),onClick:this.props.action?()=>{try{this.props.action?.()}catch(n){console.error("Button action error:",n)}}:void 0,...this.props.debugLabel&&{debugLabel:this.props.debugLabel}},children:t,componentMetadata:{id:this.id,type:"Button"}}]}isLoading(){const{isLoading:e}=this.props;return e===void 0?!1:typeof e=="boolean"?e:u.isSignal(e)?e():!1}hasColorModifiers(){let e=this.modifiers;return!e&&this.modifierBuilder&&(e=this.modifierBuilder.modifiers),!e&&this.modifiableComponent&&(e=this.modifiableComponent.modifiers),!e||!Array.isArray(e)?!1:e.some(t=>t.type==="appearance"||t.constructor?.name==="AppearanceModifier"?t.properties&&(t.properties.foregroundColor!==void 0||t.properties.color!==void 0):t.properties?["foregroundColor","color","textColor"].some(o=>t.properties[o]!==void 0):!1)}hasTypographyModifiers(){let e=this.modifiers;return!e&&this.modifierBuilder&&(e=this.modifierBuilder.modifiers),!e&&this.modifiableComponent&&(e=this.modifiableComponent.modifiers),!e||!Array.isArray(e)?!1:e.some(s=>s.type==="typography"||s.constructor?.name==="TypographyModifier"?s.properties&&(s.properties.transform!==void 0||s.properties.textTransform!==void 0):!1)}getButtonStyles(){const{variant:e,size:t,role:s="none",tint:o,backgroundColor:r,foregroundColor:n}=this.props,d=this.stateSignal(),v=this.isLoading(),b=this.isEnabled(),S=this.hasColorModifiers(),a=this.hasTypographyModifiers(),m={...!S&&!n&&!e&&{color:"inherit"},...!a&&{fontStyle:"inherit",lineHeight:"inherit",textTransform:"inherit",textDecoration:"inherit",textIndent:"inherit",textShadow:"inherit",wordSpacing:"inherit",textOrientation:"inherit",writingMode:"inherit",direction:"inherit"}};if(t){const y=this.theme.spacing[t]||this.theme.spacing.medium,D=this.theme.borderRadius[t]||this.theme.borderRadius.medium,A=this.theme.typography[t]||this.theme.typography.medium,_={small:"32px",medium:"40px",large:"48px"};m.padding=`${y}px ${y*2}px`,m.borderRadius=`${D}px`,m.fontSize=`${A.size}px`,m.fontWeight=A.weight,m.minHeight=_[t]}let c="transparent",h="transparent",B="1px",g;const q=this.resolveColorValue(o),C=this.resolveColorValue(r),E=this.resolveColorValue(n);if(e){const y=q||this.theme.colors.primary;switch(e){case"filled":s==="destructive"?c=this.theme.colors.destructive:s==="cancel"?c=this.theme.colors.secondary:c=y,g=this.theme.colors.onPrimary;break;case"outlined":h=s==="destructive"?this.theme.colors.destructive:y,g=s==="destructive"?this.theme.colors.destructive:y;break;case"bordered":c=this.theme.colors.background,h=this.theme.colors.border;break;case"borderedProminent":c=this.theme.colors.surface,h=this.theme.colors.primary,B="2px";break}}C&&(c=C),E&&(g=E);let w="1",x="auto",M,T="none";b?v?(w="0.6",x="none"):d==="pressed"?(c=this.darkenColor(c,.1),h=this.darkenColor(h,.1),M="scale(0.95)"):d==="focused"&&(T="0 0 0 3px #007AFF40"):(c=this.theme.colors.disabled,h=this.theme.colors.disabled,g=this.theme.colors.disabled,w="0.6",x="none");const l={...m};return e&&(l.backgroundColor=c,l.borderColor=h,l.borderWidth=B,g!==void 0&&(l.color=g)),C&&(l.backgroundColor=C),E&&(l.color=E),l.cursor=b?"pointer":"not-allowed",l.opacity=w,l.pointerEvents=x,l.transform=M!==void 0?M:"none",l.boxShadow=T,l.transition="all 0.2s ease",l}async handlePress(){if(!(!this.isEnabled()||this.isLoading())&&(this.triggerHapticFeedback(),this.setState("pressed"),setTimeout(()=>{this.isEnabled()&&this.setState("normal")},150),this.props.action))try{const e=this.props.action();e&&typeof e.then=="function"&&await e}catch(e){console.error("Button action failed:",e)}}triggerHapticFeedback(){if(this.props.hapticFeedback!==!1&&typeof window<"u"&&"navigator"in window){const e=window.navigator;e.vibrate&&e.vibrate(10)}}darkenColor(e,t){if(e==="transparent")return e;if(e.startsWith("#")){const s=e.slice(1),o=parseInt(s,16),r=Math.max(0,Math.floor((o>>16)*(1-t))),n=Math.max(0,Math.floor((o>>8&255)*(1-t))),d=Math.max(0,Math.floor((o&255)*(1-t)));return`#${(r<<16|n<<8|d).toString(16).padStart(6,"0")}`}return e}concat(e){const t=this.toSegment(),s=e.toSegment(),o={totalSegments:e instanceof k.ConcatenatedComponent?e.segments.length+1:2,accessibilityRole:e instanceof k.ConcatenatedComponent?this.mergeAccessibilityRoles("composite",e.metadata.accessibilityRole):this.determineAccessibilityRole(e),semanticStructure:"inline"};return new k.ConcatenatedComponent([t,s],o)}toSegment(){return{id:this.id,component:this,modifiers:[],render:()=>{const e=this.render();return Array.isArray(e)?e[0]:e}}}isConcatenatable(){return!0}determineAccessibilityRole(e){switch(e.constructor.name){case"EnhancedText":return"composite";case"EnhancedImage":return"composite";case"EnhancedButton":case"EnhancedLink":return"composite";default:return"composite"}}mergeAccessibilityRoles(e,t){return"composite"}}function f(i,e,t={}){const s={...t,title:i,...e&&{action:e}},o=new R(s);return z.withModifiers(o)}const W={Filled:(i,e,t={})=>f(i,e,{...t,variant:"filled"}),Outlined:(i,e,t={})=>f(i,e,{...t,variant:"outlined"}),Plain:(i,e,t={})=>f(i,e,{...t,variant:"plain"}),Bordered:(i,e,t={})=>f(i,e,{...t,variant:"bordered"}),Destructive:(i,e,t={})=>f(i,e,{...t,role:"destructive"}),Cancel:(i,e,t={})=>f(i,e,{...t,role:"cancel"})},K=`
-@keyframes spin {
-  from { transform: rotate(0deg); }
-  to { transform: rotate(360deg); }
-}
-`;if(typeof document<"u"){const i=document.createElement("style");i.textContent=K,document.head.appendChild(i)}exports.Button=f;exports.ButtonStyles=W;exports.EnhancedButton=R;exports.defaultButtonTheme=P;
-//# sourceMappingURL=Button.cjs.map

package/dist/components/Button.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.cjs","sources":["../../src/components/Button.ts"],"sourcesContent":["/**\n * Enhanced Button Component (Phase 5.2)\n *\n * SwiftUI-inspired Button component with press states, variants,\n * and advanced interaction handling.\n */\n\nimport type { ModifiableComponent, ModifierBuilder } from '../modifiers/types'\nimport { createSignal, isSignal, createEffect } from '../reactive'\nimport type { Signal } from '../reactive/types'\nimport type { ComponentInstance, ComponentProps } from '../runtime/types'\nimport { text, h } from '../runtime/renderer'\nimport { withModifiers } from './wrapper'\nimport { useLifecycle } from '../lifecycle/hooks'\nimport { ColorAsset } from '../assets/ColorAsset'\nimport type { Concatenatable, ComponentSegment, ConcatenationMetadata } from '../concatenation/types'\nimport { ConcatenatedComponent } from '../concatenation/concatenated-component'\nimport {\n  ComponentWithCSSClasses,\n  type CSSClassesProps\n} from '../css-classes'\n\n/**\n * Button role types following SwiftUI patterns\n */\nexport type ButtonRole = 'destructive' | 'cancel' | 'none'\n\n/**\n * Button variants\n */\nexport type ButtonVariant =\n  | 'filled' // Solid background (primary)\n  | 'outlined' // Border with transparent background\n  | 'plain' // No background or border\n  | 'bordered' // Subtle border with light background\n  | 'borderedProminent' // Prominent border style\n\n/**\n * Button size presets\n */\nexport type ButtonSize = 'small' | 'medium' | 'large'\n\n/**\n * Button state\n */\nexport type ButtonState = 'normal' | 'pressed' | 'disabled' | 'focused'\n\n/**\n * Button component properties with CSS classes support\n */\nexport interface ButtonProps extends ComponentProps, CSSClassesProps {\n  // Content\n  title?: string | (() => string) | Signal<string>\n  systemImage?: string\n\n  // Behavior\n  action?: () => void | Promise<void>\n  role?: ButtonRole\n  isEnabled?: boolean | Signal<boolean>\n\n  // Appearance\n  variant?: ButtonVariant\n  size?: ButtonSize\n  tint?: string | Signal<string> | ColorAsset\n  backgroundColor?: string | Signal<string> | ColorAsset\n  foregroundColor?: string | Signal<string> | ColorAsset\n\n  // State management\n  isPressed?: Signal<boolean>\n  isLoading?: boolean | Signal<boolean>\n\n  // Accessibility\n  accessibilityLabel?: string\n  accessibilityHint?: string\n\n  // Advanced\n  controlSize?: ButtonSize\n  hapticFeedback?: boolean\n}\n\n/**\n * Button theme configuration\n */\nexport interface ButtonTheme {\n  colors: {\n    primary: string\n    secondary: string\n    destructive: string\n    background: string\n    surface: string\n    onPrimary: string\n    onSecondary: string\n    onSurface: string\n    border: string\n    disabled: string\n  }\n  spacing: {\n    small: number\n    medium: number\n    large: number\n  }\n  borderRadius: {\n    small: number\n    medium: number\n    large: number\n  }\n  typography: {\n    small: { size: number; weight: string }\n    medium: { size: number; weight: string }\n    large: { size: number; weight: string }\n  }\n}\n\n/**\n * Default button theme\n */\nexport const defaultButtonTheme: ButtonTheme = {\n  colors: {\n    primary: '#007AFF',\n    secondary: '#5856D6',\n    destructive: '#FF3B30',\n    background: '#F2F2F7',\n    surface: '#FFFFFF',\n    onPrimary: '#FFFFFF',\n    onSecondary: '#FFFFFF',\n    onSurface: '#000000',\n    border: '#C7C7CC',\n    disabled: '#8E8E93',\n  },\n  spacing: {\n    small: 8,\n    medium: 12,\n    large: 16,\n  },\n  borderRadius: {\n    small: 6,\n    medium: 8,\n    large: 12,\n  },\n  typography: {\n    small: { size: 14, weight: '500' },\n    medium: { size: 16, weight: '500' },\n    large: { size: 18, weight: '600' },\n  },\n}\n\n/**\n * Enhanced Button component class with CSS classes support\n */\nexport class EnhancedButton extends ComponentWithCSSClasses implements ComponentInstance<ButtonProps>, Concatenatable<ButtonProps> {\n  public readonly type = 'component' as const\n  public readonly id: string\n  public mounted = false\n  public cleanup: (() => void)[] = []\n  public stateSignal: () => ButtonState\n  private setState: (value: ButtonState) => void\n  public theme: ButtonTheme\n\n  constructor(\n    public props: ButtonProps,\n    theme: ButtonTheme = defaultButtonTheme\n  ) {\n    super()\n    this.id = `button-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`\n    this.theme = theme\n\n    // Create reactive state signals\n    const [stateSignal, setState] = createSignal<ButtonState>('normal')\n    this.stateSignal = stateSignal\n    this.setState = setState\n\n    // Set up DOM event listeners when component is ready\n    this.setupDOMEventListeners()\n  }\n\n  /**\n   * Set up DOM event listeners for button interactions\n   */\n  private setupDOMEventListeners(): void {\n    useLifecycle(this, {\n      onDOMReady: (_elements, primaryElement) => {\n        if (primaryElement instanceof HTMLButtonElement) {\n          this.attachInteractionEvents(primaryElement)\n          this.setupReactiveStyles(primaryElement)\n        }\n      }\n    })\n  }\n\n  /**\n   * Set up reactive style updates based on state changes\n   */\n  private setupReactiveStyles(button: HTMLButtonElement): void {\n    // Create a reactive effect that updates styles when state changes\n    const effect = createEffect(() => {\n      // Reading the state signal makes this effect reactive to state changes\n      this.stateSignal()\n\n      // Also watch for changes in enabled/loading states if they're reactive\n      this.isEnabled()\n      this.isLoading()\n\n      // Watch color properties for reactivity\n      const { tint, backgroundColor, foregroundColor } = this.props\n\n      // Make reactive to tint changes\n      if (tint && isSignal(tint)) {\n        (tint as () => string)() // Read the signal to make effect reactive to it\n      } else if (tint instanceof ColorAsset) {\n        tint.resolve() // Make effect reactive to theme changes\n      }\n\n      // Make reactive to backgroundColor changes\n      if (backgroundColor && isSignal(backgroundColor)) {\n        (backgroundColor as () => string)()\n      } else if (backgroundColor instanceof ColorAsset) {\n        backgroundColor.resolve()\n      }\n\n      // Make reactive to foregroundColor changes\n      if (foregroundColor && isSignal(foregroundColor)) {\n        (foregroundColor as () => string)()\n      } else if (foregroundColor instanceof ColorAsset) {\n        foregroundColor.resolve()\n      }\n\n      // Trigger style update whenever any dependency changes\n      const styles = this.getButtonStyles()\n      this.applyStylesToElement(button, styles)\n    })\n\n    // Store the effect cleanup function\n    this.cleanup.push(() => {\n      // Clean up the reactive effect when component unmounts\n      if (effect && typeof effect.dispose === 'function') {\n        effect.dispose()\n      }\n    })\n  }\n\n  /**\n   * Apply computed styles to the button element, respecting modifier-applied styles\n   */\n  private applyStylesToElement(element: HTMLButtonElement, styles: Record<string, any>): void {\n    // Apply each style property to the element, but only if not already set by modifiers\n    Object.entries(styles).forEach(([property, value]) => {\n      const cssProperty = this.camelToKebabCase(property)\n      if (typeof value === 'string' || typeof value === 'number') {\n        // Check if this property is already set by a modifier\n        const currentValue = element.style.getPropertyValue(cssProperty)\n        const hasModifierValue = currentValue && currentValue !== '' && currentValue !== 'inherit'\n        \n        // Special handling for transform: Button state transforms should override modifier transforms\n        if (cssProperty === 'transform') {\n          element.style.setProperty(cssProperty, String(value))\n        } else if (!hasModifierValue) {\n          // For other properties, only apply Button styles if no modifier has set this property\n          element.style.setProperty(cssProperty, String(value))\n        }\n      }\n    })\n  }\n\n  /**\n   * Convert camelCase to kebab-case for CSS properties\n   */\n  private camelToKebabCase(str: string): string {\n    return str.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase()\n  }\n\n  /**\n   * Resolve color value from string, signal, or asset\n   */\n  private resolveColorValue(color: string | Signal<string> | ColorAsset | undefined): string | undefined {\n    if (!color) return undefined\n\n    if (typeof color === 'string') {\n      return color\n    } else if (isSignal(color)) {\n      return (color as () => string)()\n    } else if (color instanceof ColorAsset) {\n      return color.resolve()\n    }\n\n    return undefined\n  }\n\n  /**\n   * Attach interaction event listeners to the button element\n   */\n  private attachInteractionEvents(button: HTMLButtonElement): void {\n    // Helper to check if button is currently enabled\n    const isCurrentlyEnabled = (): boolean => {\n      const enabled = this.isEnabled()\n      return typeof enabled === 'boolean' ? enabled : enabled()\n    }\n\n    // Store global mouseup handler reference for cleanup\n    let globalMouseUpHandler: ((event: MouseEvent) => void) | null = null\n\n    // Mouse/pointer events for press states\n    const handleMouseDown = (event: MouseEvent) => {\n      if (isCurrentlyEnabled() && event.button === 0) { // Only left click\n        this.setState('pressed')\n        \n        // Add global mouseup listener to handle mouseup outside the button\n        globalMouseUpHandler = () => {\n          if (this.stateSignal() === 'pressed') {\n            this.setState('normal')\n          }\n          // Remove the global listener after handling\n          if (globalMouseUpHandler) {\n            document.removeEventListener('mouseup', globalMouseUpHandler)\n            globalMouseUpHandler = null\n          }\n        }\n        document.addEventListener('mouseup', globalMouseUpHandler)\n      }\n    }\n\n    const handleMouseUp = () => {\n      if (isCurrentlyEnabled() && this.stateSignal() === 'pressed') {\n        this.setState('normal')\n        // Clean up global listener if it exists\n        if (globalMouseUpHandler) {\n          document.removeEventListener('mouseup', globalMouseUpHandler)\n          globalMouseUpHandler = null\n        }\n      }\n    }\n\n    const handleMouseLeave = () => {\n      if (isCurrentlyEnabled()) {\n        this.setState('normal')\n        // Clean up global listener if it exists\n        if (globalMouseUpHandler) {\n          document.removeEventListener('mouseup', globalMouseUpHandler)\n          globalMouseUpHandler = null\n        }\n      }\n    }\n\n    // Focus events\n    const handleFocus = () => {\n      if (isCurrentlyEnabled() && this.stateSignal() !== 'pressed') {\n        this.setState('focused')\n      }\n    }\n\n    const handleBlur = () => {\n      if (isCurrentlyEnabled() && this.stateSignal() === 'focused') {\n        this.setState('normal')\n      }\n    }\n\n    // Keyboard events\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (isCurrentlyEnabled() && (event.key === ' ' || event.key === 'Enter')) {\n        event.preventDefault()\n        this.setState('pressed')\n      }\n    }\n\n    const handleKeyUp = (event: KeyboardEvent) => {\n      if (isCurrentlyEnabled() && (event.key === ' ' || event.key === 'Enter')) {\n        event.preventDefault()\n        this.setState('normal')\n        // Trigger the action for keyboard activation\n        this.props.action?.()\n      }\n    }\n\n    // Add event listeners\n    button.addEventListener('mousedown', handleMouseDown)\n    button.addEventListener('mouseup', handleMouseUp)\n    button.addEventListener('mouseleave', handleMouseLeave)\n    button.addEventListener('focus', handleFocus)\n    button.addEventListener('blur', handleBlur)\n    button.addEventListener('keydown', handleKeyDown)\n    button.addEventListener('keyup', handleKeyUp)\n\n    // Store cleanup functions\n    this.cleanup.push(() => {\n      button.removeEventListener('mousedown', handleMouseDown)\n      button.removeEventListener('mouseup', handleMouseUp)\n      button.removeEventListener('mouseleave', handleMouseLeave)\n      button.removeEventListener('focus', handleFocus)\n      button.removeEventListener('blur', handleBlur)\n      button.removeEventListener('keydown', handleKeyDown)\n      button.removeEventListener('keyup', handleKeyUp)\n      \n      // Clean up global mouseup listener if it exists\n      if (globalMouseUpHandler) {\n        document.removeEventListener('mouseup', globalMouseUpHandler)\n        globalMouseUpHandler = null\n      }\n    })\n  }\n\n  /**\n   * Check if button is enabled\n   */\n  isEnabled(): boolean | (() => boolean) {\n    const { isEnabled } = this.props\n\n    if (isEnabled === undefined) return true\n    if (typeof isEnabled === 'boolean') return isEnabled\n    if (isSignal(isEnabled)) return isEnabled as () => boolean\n    return true\n  }\n\n\n  /**\n   * Render the button component\n   */\n  render() {\n    // Use reactive pattern - pass signals/functions directly to runtime\n    const enabled = this.isEnabled() // Get signal/value for enabled state\n\n    // Create button content - always include title\n    const children = []\n\n    // System image (icon) - only if specified\n    if (this.props.systemImage) {\n      children.push(h('span', {\n        class: 'button-icon',\n        style: {\n          marginRight: '8px',\n          fontSize: '1.2em',\n        },\n      }, text(this.props.systemImage)))\n    }\n\n    // Button title - use h() helper for proper text node handling\n    children.push(h('span', {\n      class: 'button-title'\n    }, text(this.props.title || '')))\n\n    // Process CSS classes for this component\n    const baseClasses = ['tachui-button']\n    const classString = this.createClassString(this.props, baseClasses)\n\n    // Create button element as DOMNode object with modifier metadata\n    const buttonElement = {\n      type: 'element' as const,\n      tag: 'button',\n      props: {\n        className: classString,\n        type: 'button',\n        disabled: typeof enabled === 'boolean' ? !enabled : () => !enabled(), // Invert enabled to disabled\n        onClick: this.props.action\n          ? () => {\n              try {\n                this.props.action?.()\n              } catch (error) {\n                console.error('Button action error:', error)\n              }\n            }\n          : undefined,\n        // Pass through debug label for debug system\n        ...(this.props.debugLabel && { debugLabel: this.props.debugLabel }),\n      },\n      children,\n      // Attach component metadata for modifier processing\n      componentMetadata: {\n        id: this.id,\n        type: 'Button',\n        // Note: modifiers are attached automatically by the modifier system\n      },\n    }\n\n    return [buttonElement]\n  }\n\n  /**\n   * Check if button is in loading state\n   */\n  isLoading(): boolean {\n    const { isLoading } = this.props\n\n    if (isLoading === undefined) return false\n    if (typeof isLoading === 'boolean') return isLoading\n    if (isSignal(isLoading)) return (isLoading as () => boolean)()\n    return false\n  }\n\n  /**\n   * Check if the button has color-related modifiers applied\n   */\n  private hasColorModifiers(): boolean {\n    // Try to get modifiers from the wrapper component first\n    let modifiers = (this as any).modifiers\n\n    // If not found on this component, check if we're wrapped and get from wrapper\n    if (!modifiers && (this as any).modifierBuilder) {\n      modifiers = (this as any).modifierBuilder.modifiers\n    }\n\n    // Also check if we're part of a modifiable component structure\n    if (!modifiers && (this as any).modifiableComponent) {\n      modifiers = (this as any).modifiableComponent.modifiers\n    }\n\n    if (!modifiers || !Array.isArray(modifiers)) {\n      return false\n    }\n\n    // Check for any modifier that affects color\n    return modifiers.some((modifier: any) => {\n      // Check AppearanceModifier\n      if (modifier.type === 'appearance' || modifier.constructor?.name === 'AppearanceModifier') {\n        return modifier.properties &&\n               (modifier.properties.foregroundColor !== undefined ||\n                modifier.properties.color !== undefined)\n      }\n\n      // Check for any other modifiers that might affect color\n      if (modifier.properties) {\n        const colorProps = ['foregroundColor', 'color', 'textColor']\n        return colorProps.some(prop => modifier.properties[prop] !== undefined)\n      }\n\n      return false\n    })\n  }\n\n  /**\n   * Check if the button has typography-related modifiers applied\n   */\n  private hasTypographyModifiers(): boolean {\n    // Try to get modifiers from the wrapper component first\n    let modifiers = (this as any).modifiers\n\n    // If not found on this component, check if we're wrapped and get from wrapper\n    if (!modifiers && (this as any).modifierBuilder) {\n      modifiers = (this as any).modifierBuilder.modifiers\n    }\n\n    // Also check if we're part of a modifiable component structure\n    if (!modifiers && (this as any).modifiableComponent) {\n      modifiers = (this as any).modifiableComponent.modifiers\n    }\n\n    if (!modifiers || !Array.isArray(modifiers)) {\n      return false\n    }\n\n    // Check for any modifier that affects text transformation\n    const hasTypography = modifiers.some((modifier: any) => {\n      // Check TypographyModifier\n      if (modifier.type === 'typography' || modifier.constructor?.name === 'TypographyModifier') {\n        return modifier.properties &&\n               (modifier.properties.transform !== undefined ||\n                modifier.properties.textTransform !== undefined)\n      }\n\n      return false\n    })\n\n    return hasTypography\n  }\n\n  /**\n   * Get computed button styles based on variant, size, role, and state\n   */\n  // biome-ignore lint/suspicious/noExplicitAny: CSS styles require flexible property types\n  getButtonStyles(): Record<string, any> {\n    const { variant, size, role = 'none', tint, backgroundColor: bgColorProp, foregroundColor: fgColorProp } = this.props\n    const state = this.stateSignal()\n    const isLoading = this.isLoading()\n    const isEnabled = this.isEnabled()\n\n    // Check if the component has color-related or typography modifiers applied\n    const hasColorModifiers = this.hasColorModifiers()\n    const hasTypographyModifiers = this.hasTypographyModifiers()\n\n    // Base styles - minimal defaults, inherit from parent but allow modifiers to override\n    const baseStyles: Record<string, any> = {\n      // Only set color property if no modifiers will handle it\n      // This prevents conflicts between Button styles and AppearanceModifier\n      ...((!hasColorModifiers && !fgColorProp && !variant) && { color: 'inherit' }),\n      // Only set text-related properties if no typography modifiers will handle them\n      // This prevents conflicts between Button styles and TypographyModifier\n      ...(!hasTypographyModifiers && {\n        fontStyle: 'inherit',\n        lineHeight: 'inherit',\n        textTransform: 'inherit',\n        textDecoration: 'inherit',\n        textIndent: 'inherit',\n        textShadow: 'inherit',\n        wordSpacing: 'inherit',\n        textOrientation: 'inherit',\n        writingMode: 'inherit',\n        direction: 'inherit',\n      }),\n      // Let modifiers control: fontFamily, fontSize, fontWeight, letterSpacing, textAlign\n    }\n\n    // Only apply size-based styles if size is explicitly provided\n    if (size) {\n      const sizeConfig = this.theme.spacing[size] || this.theme.spacing.medium\n      const borderRadius = this.theme.borderRadius[size] || this.theme.borderRadius.medium\n      const typography = this.theme.typography[size] || this.theme.typography.medium\n\n      const minHeights = {\n        small: '32px',\n        medium: '40px',\n        large: '48px',\n      }\n\n      baseStyles.padding = `${sizeConfig}px ${sizeConfig * 2}px`\n      baseStyles.borderRadius = `${borderRadius}px`\n      baseStyles.fontSize = `${typography.size}px`\n      baseStyles.fontWeight = typography.weight\n      baseStyles.minHeight = minHeights[size]\n    }\n\n    let backgroundColor = 'transparent'\n    let borderColor = 'transparent'\n    let borderWidth = '1px'\n    let color = undefined // Will be set by variant or remain undefined to use baseStyles.color\n\n    // Resolve color values using helper method\n    const tintColor = this.resolveColorValue(tint)\n    const customBackgroundColor = this.resolveColorValue(bgColorProp)\n    const customForegroundColor = this.resolveColorValue(fgColorProp)\n\n    // Apply variant styles ONLY if variant is explicitly provided\n    if (variant) {\n      const fallbackTintColor = tintColor || this.theme.colors.primary\n\n      switch (variant) {\n        case 'filled':\n          if (role === 'destructive') {\n            backgroundColor = this.theme.colors.destructive\n          } else if (role === 'cancel') {\n            backgroundColor = this.theme.colors.secondary\n          } else {\n            backgroundColor = fallbackTintColor\n          }\n          color = this.theme.colors.onPrimary\n          break\n        case 'outlined':\n          borderColor = role === 'destructive' ? this.theme.colors.destructive : fallbackTintColor\n          color = role === 'destructive' ? this.theme.colors.destructive : fallbackTintColor\n          break\n        case 'bordered':\n          backgroundColor = this.theme.colors.background\n          borderColor = this.theme.colors.border\n          break\n        case 'borderedProminent':\n          backgroundColor = this.theme.colors.surface\n          borderColor = this.theme.colors.primary\n          borderWidth = '2px'\n          break\n        case 'plain':\n          // Keep defaults (transparent)\n          break\n      }\n    }\n\n    // Apply custom colors if provided (override variant defaults)\n    if (customBackgroundColor) {\n      backgroundColor = customBackgroundColor\n    }\n    if (customForegroundColor) {\n      color = customForegroundColor\n    }\n\n    // Apply state modifications\n    let opacity = '1'\n    let pointerEvents = 'auto'\n    let transform = undefined // Only set when needed\n    let boxShadow = 'none'\n\n    if (!isEnabled) {\n      backgroundColor = this.theme.colors.disabled\n      borderColor = this.theme.colors.disabled\n      color = this.theme.colors.disabled\n      opacity = '0.6'\n      pointerEvents = 'none'\n    } else if (isLoading) {\n      opacity = '0.6'\n      pointerEvents = 'none'\n    } else if (state === 'pressed') {\n      // Darken colors for pressed state\n      backgroundColor = this.darkenColor(backgroundColor, 0.1)\n      borderColor = this.darkenColor(borderColor, 0.1)\n      transform = 'scale(0.95)'\n    } else if (state === 'focused') {\n      boxShadow = '0 0 0 3px #007AFF40'\n    }\n\n    // Build final styles object - only include styles when explicitly needed\n    const finalStyles: Record<string, any> = {\n      ...baseStyles, // Size-based styles (only if size provided)\n    }\n\n    // Only apply variant/color styles if variant is provided\n    if (variant) {\n      finalStyles.backgroundColor = backgroundColor\n      finalStyles.borderColor = borderColor\n      finalStyles.borderWidth = borderWidth\n      if (color !== undefined) {\n        finalStyles.color = color\n      }\n    }\n\n    // Apply custom color overrides even without variant\n    if (customBackgroundColor) {\n      finalStyles.backgroundColor = customBackgroundColor\n    }\n    if (customForegroundColor) {\n      finalStyles.color = customForegroundColor\n    }\n\n    // Always apply interaction and state styles\n    finalStyles.cursor = isEnabled ? 'pointer' : 'not-allowed'\n    finalStyles.opacity = opacity\n    finalStyles.pointerEvents = pointerEvents\n\n    // Always apply transform - use 'none' when not needed to properly clear previous values\n    finalStyles.transform = transform !== undefined ? transform : 'none'\n    finalStyles.boxShadow = boxShadow\n\n    finalStyles.transition = 'all 0.2s ease'\n\n    return finalStyles\n  }\n\n  /**\n   * Handle button press with proper state management\n   */\n  async handlePress(): Promise<void> {\n    if (!this.isEnabled() || this.isLoading()) return\n\n    // Trigger haptic feedback (if available)\n    this.triggerHapticFeedback()\n\n    this.setState('pressed')\n\n    // Reset state after animation\n    setTimeout(() => {\n      if (this.isEnabled()) {\n        this.setState('normal')\n      }\n    }, 150)\n\n    // Execute action if provided\n    if (this.props.action) {\n      try {\n        const result = this.props.action()\n        // Handle if action returns a Promise\n        if (result && typeof result.then === 'function') {\n          await result\n        }\n      } catch (error) {\n        console.error('Button action failed:', error)\n      }\n    }\n  }\n\n  /**\n   * Trigger haptic feedback (mobile Safari support)\n   */\n  private triggerHapticFeedback(): void {\n    // Check if haptic feedback is disabled\n    if (this.props.hapticFeedback === false) return\n\n    if (typeof window !== 'undefined' && 'navigator' in window) {\n      // biome-ignore lint/suspicious/noExplicitAny: Navigator API requires dynamic access\n      const navigator = window.navigator as any\n      if (navigator.vibrate) {\n        navigator.vibrate(10) // Short vibration\n      }\n    }\n  }\n\n  /**\n   * Helper to darken a color for pressed states\n   */\n  private darkenColor(color: string, amount: number): string {\n    if (color === 'transparent') return color\n\n    // Simple darkening for hex colors\n    if (color.startsWith('#')) {\n      const hex = color.slice(1)\n      const num = parseInt(hex, 16)\n      const r = Math.max(0, Math.floor((num >> 16) * (1 - amount)))\n      const g = Math.max(0, Math.floor(((num >> 8) & 0x00ff) * (1 - amount)))\n      const b = Math.max(0, Math.floor((num & 0x0000ff) * (1 - amount)))\n      return `#${((r << 16) | (g << 8) | b).toString(16).padStart(6, '0')}`\n    }\n\n    return color\n  }\n\n  // ============================================================================\n  // Concatenation Support (Phase 3.1)\n  // ============================================================================\n\n  /**\n   * Concatenate this button with another concatenatable component\n   */\n  concat<U extends Concatenatable<any>>(other: U): ConcatenatedComponent<ButtonProps | U> {\n    const thisSegment = this.toSegment()\n    const otherSegment = other.toSegment()\n\n    const metadata: ConcatenationMetadata = {\n      totalSegments: other instanceof ConcatenatedComponent ? other.segments.length + 1 : 2,\n      accessibilityRole: other instanceof ConcatenatedComponent\n        ? this.mergeAccessibilityRoles('composite', other.metadata.accessibilityRole)\n        : this.determineAccessibilityRole(other),\n      semanticStructure: 'inline' // Buttons are typically inline in concatenation\n    }\n\n    return new ConcatenatedComponent([thisSegment, otherSegment], metadata)\n  }\n\n  /**\n   * Convert this button to a segment for concatenation\n   */\n  toSegment(): ComponentSegment {\n    return {\n      id: this.id,\n      component: this,\n      modifiers: [], // Buttons don't typically have concatenation-specific modifiers\n      render: () => {\n        const rendered = this.render()\n        return Array.isArray(rendered) ? rendered[0] : rendered\n      }\n    }\n  }\n\n  /**\n   * Check if this component supports concatenation\n   */\n  isConcatenatable(): boolean {\n    return true\n  }\n\n  /**\n   * Determine accessibility role for concatenation\n   */\n  private determineAccessibilityRole(other: Concatenatable): 'text' | 'group' | 'composite' {\n    const componentType = (other as any).constructor.name\n\n    switch (componentType) {\n      case 'EnhancedText':\n        return 'composite' // Button + Text = composite (interactive content)\n      case 'EnhancedImage':\n        return 'composite' // Button + Image = composite (interactive content)\n      case 'EnhancedButton':\n      case 'EnhancedLink':\n        return 'composite' // Button + Interactive = composite\n      default:\n        return 'composite'\n    }\n  }\n\n  /**\n   * Merge accessibility roles when combining components\n   */\n  private mergeAccessibilityRoles(\n    _thisRole: 'text' | 'group' | 'composite',\n    _existingRole: 'text' | 'group' | 'composite'\n  ): 'text' | 'group' | 'composite' {\n    // Buttons always contribute as 'composite' (interactive), so result is always composite\n    return 'composite'\n  }\n}\n\n/**\n * Create enhanced Button component with modifier support\n */\nexport function Button(\n  title: string | (() => string) | Signal<string>,\n  action?: () => void | Promise<void>,\n  props: Omit<ButtonProps, 'title' | 'action'> = {}\n): ModifiableComponent<ButtonProps> & {\n  modifier: ModifierBuilder<ModifiableComponent<ButtonProps>>\n} {\n  const buttonProps: ButtonProps = { ...props, title, ...(action && { action }) }\n  const component = new EnhancedButton(buttonProps)\n  return withModifiers(component)\n}\n\n\n/**\n * Button variant shortcuts\n */\nexport const ButtonStyles = {\n  /**\n   * Filled button (primary)\n   */\n  Filled: (\n    title: string | (() => string) | Signal<string>,\n    action?: () => void | Promise<void>,\n    props: Omit<ButtonProps, 'title' | 'action' | 'variant'> = {}\n  ) => Button(title, action, { ...props, variant: 'filled' }),\n\n  /**\n   * Outlined button\n   */\n  Outlined: (\n    title: string | (() => string) | Signal<string>,\n    action?: () => void | Promise<void>,\n    props: Omit<ButtonProps, 'title' | 'action' | 'variant'> = {}\n  ) => Button(title, action, { ...props, variant: 'outlined' }),\n\n  /**\n   * Plain button (text only)\n   */\n  Plain: (\n    title: string | (() => string) | Signal<string>,\n    action?: () => void | Promise<void>,\n    props: Omit<ButtonProps, 'title' | 'action' | 'variant'> = {}\n  ) => Button(title, action, { ...props, variant: 'plain' }),\n\n  /**\n   * Bordered button\n   */\n  Bordered: (\n    title: string | (() => string) | Signal<string>,\n    action?: () => void | Promise<void>,\n    props: Omit<ButtonProps, 'title' | 'action' | 'variant'> = {}\n  ) => Button(title, action, { ...props, variant: 'bordered' }),\n\n  /**\n   * Destructive button\n   */\n  Destructive: (\n    title: string | (() => string) | Signal<string>,\n    action?: () => void | Promise<void>,\n    props: Omit<ButtonProps, 'title' | 'action' | 'role'> = {}\n  ) => Button(title, action, { ...props, role: 'destructive' }),\n\n  /**\n   * Cancel button\n   */\n  Cancel: (\n    title: string | (() => string) | Signal<string>,\n    action?: () => void | Promise<void>,\n    props: Omit<ButtonProps, 'title' | 'action' | 'role'> = {}\n  ) => Button(title, action, { ...props, role: 'cancel' }),\n}\n\n/**\n * CSS animations for button loading spinner\n */\nconst buttonAnimations = `\n@keyframes spin {\n  from { transform: rotate(0deg); }\n  to { transform: rotate(360deg); }\n}\n`\n\n// Inject animations into document head\nif (typeof document !== 'undefined') {\n  const style = document.createElement('style')\n  style.textContent = buttonAnimations\n  document.head.appendChild(style)\n}\n"],"names":["defaultButtonTheme","EnhancedButton","ComponentWithCSSClasses","props","theme","__publicField","stateSignal","setState","createSignal","useLifecycle","_elements","primaryElement","button","effect","createEffect","tint","backgroundColor","foregroundColor","isSignal","ColorAsset","styles","element","property","value","cssProperty","currentValue","str","color","isCurrentlyEnabled","enabled","globalMouseUpHandler","handleMouseDown","event","handleMouseUp","handleMouseLeave","handleFocus","handleBlur","handleKeyDown","handleKeyUp","isEnabled","children","h","text","baseClasses","error","isLoading","modifiers","modifier","prop","variant","size","role","bgColorProp","fgColorProp","state","hasColorModifiers","hasTypographyModifiers","baseStyles","sizeConfig","borderRadius","typography","minHeights","borderColor","borderWidth","tintColor","customBackgroundColor","customForegroundColor","fallbackTintColor","opacity","pointerEvents","transform","boxShadow","finalStyles","result","navigator","amount","hex","num","g","b","other","thisSegment","otherSegment","metadata","ConcatenatedComponent","rendered","_thisRole","_existingRole","Button","title","action","buttonProps","component","withModifiers","ButtonStyles","buttonAnimations","style"],"mappings":"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"}