@tachui/core 0.7.0-alpha1 → 0.7.1-alpha

package/dist/components/Text.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Text.cjs","sources":["../../src/components/Text.ts"],"sourcesContent":["/**\n * Enhanced Text Component (Phase 5.1)\n *\n * SwiftUI-inspired Text component with full typography support,\n * text formatting, and advanced styling capabilities.\n */\n\nimport type { ModifiableComponent, ModifierBuilder } from '../modifiers/types'\nimport type { Signal } from '../reactive/types'\nimport { h, text } from '../runtime'\nimport type { ComponentInstance, ComponentProps } from '../runtime/types'\nimport { withModifiers } from './wrapper'\nimport type { \n  Concatenatable, \n  ComponentSegment, \n  ConcatenationMetadata \n} from '../concatenation/types'\nimport { ConcatenatedComponent } from '../concatenation/concatenated-component'\nimport { \n  processElementOverride, \n  type ElementOverrideProps \n} from '../runtime/element-override'\nimport {\n  ComponentWithCSSClasses,\n  type CSSClassesProps\n} from '../css-classes'\n\n\n/**\n * Text component properties with element override support and CSS classes\n */\nexport interface TextProps extends ComponentProps, ElementOverrideProps, CSSClassesProps {\n  content?: string | (() => string) | Signal<string>\n\n  // Typography\n  font?: {\n    family?: string\n    size?: number | string\n    weight?:\n      | 'normal'\n      | 'bold'\n      | '100'\n      | '200'\n      | '300'\n      | '400'\n      | '500'\n      | '600'\n      | '700'\n      | '800'\n      | '900'\n    style?: 'normal' | 'italic' | 'oblique'\n    variant?: 'normal' | 'small-caps'\n  }\n\n  // Text styling\n  color?: string | Signal<string>\n  backgroundColor?: string | Signal<string>\n  textAlign?: 'left' | 'center' | 'right' | 'justify'\n  textDecoration?: 'none' | 'underline' | 'line-through' | 'overline'\n  textTransform?: 'none' | 'uppercase' | 'lowercase' | 'capitalize'\n  lineHeight?: number | string\n  letterSpacing?: number | string\n  wordSpacing?: number | string\n\n  // Layout\n  lineLimit?: number\n  truncationMode?: 'head' | 'tail' | 'middle'\n  allowsSelection?: boolean\n\n  // Accessibility\n  accessibilityLabel?: string\n  accessibilityRole?: 'text' | 'heading' | 'label'\n  accessibilityLevel?: 1 | 2 | 3 | 4 | 5 | 6\n\n  // Interactive\n  onTap?: () => void\n  onLongPress?: () => void\n}\n\n/**\n * Text formatting options\n */\nexport interface TextFormatting {\n  bold?: boolean\n  italic?: boolean\n  underline?: boolean\n  strikethrough?: boolean\n  monospace?: boolean\n  smallCaps?: boolean\n}\n\n/**\n * Typography presets following SwiftUI patterns\n */\nexport const Typography = {\n  largeTitle: { size: 34, weight: '400' as const, lineHeight: 1.2 },\n  title: { size: 28, weight: '400' as const, lineHeight: 1.3 },\n  title2: { size: 22, weight: '400' as const, lineHeight: 1.3 },\n  title3: { size: 20, weight: '400' as const, lineHeight: 1.4 },\n  headline: { size: 17, weight: '600' as const, lineHeight: 1.4 },\n  body: { size: 17, weight: '400' as const, lineHeight: 1.5 },\n  callout: { size: 16, weight: '400' as const, lineHeight: 1.4 },\n  subheadline: { size: 15, weight: '400' as const, lineHeight: 1.4 },\n  footnote: { size: 13, weight: '400' as const, lineHeight: 1.3 },\n  caption: { size: 12, weight: '400' as const, lineHeight: 1.2 },\n  caption2: { size: 11, weight: '400' as const, lineHeight: 1.1 },\n}\n\n/**\n * Enhanced Text component class with reactive content handling, concatenation support, element override, and CSS classes\n */\nexport class EnhancedText extends ComponentWithCSSClasses implements ComponentInstance<TextProps>, Concatenatable<TextProps> {\n  public readonly type = 'component' as const\n  public readonly id: string\n  public mounted = false\n  public cleanup: (() => void)[] = []\n  private effectiveTag: string\n  private validationResult: any\n\n  constructor(public props: TextProps) {\n    super()\n    this.id = `text-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`\n    \n    // Process element override for tag specification enhancement\n    const override = processElementOverride('Text', 'span', this.props.element)\n    this.effectiveTag = override.tag\n    this.validationResult = override.validation\n  }\n\n\n  /**\n   * Render the text component with reactive content handling, element override support, and CSS classes\n   */\n  render() {\n    // Process CSS classes for this component\n    const baseClasses = ['tachui-text']\n    const classString = this.createClassString(this.props, baseClasses)\n    \n    // Let the runtime's text() helper handle all reactive detection\n    // Pass the original content prop directly without resolving\n    const element = h(\n      this.effectiveTag,\n      {\n        className: classString,\n        // Pass through debug label for debug system\n        ...(this.props.debugLabel && { debugLabel: this.props.debugLabel }),\n      },\n      text(this.props.content || '')\n    )\n\n    // Add component metadata for debug system and semantic role processing\n    if ('componentMetadata' in element) {\n      element.componentMetadata = {\n        id: this.id,\n        type: 'Text',\n        originalType: 'Text',\n        overriddenTo: this.effectiveTag !== 'span' ? this.effectiveTag : undefined,\n        validationResult: this.validationResult\n      }\n    } else {\n      ;(element as any).componentMetadata = {\n        id: this.id,\n        type: 'Text',\n        originalType: 'Text',\n        overriddenTo: this.effectiveTag !== 'span' ? this.effectiveTag : undefined,\n        validationResult: this.validationResult\n      }\n    }\n\n    // Note: Styling is applied through the modifier system after DOM creation\n    // The .element property isn't available during render phase\n\n    return [element]\n  }\n\n  /**\n   * Concatenate this text component with another concatenatable component\n   */\n  concat<U extends Concatenatable<any>>(other: U): ConcatenatedComponent<TextProps | U> {\n    const thisSegment = this.toSegment()\n    const otherSegment = other.toSegment()\n    \n    // Determine metadata based on what we're concatenating with\n    const metadata: ConcatenationMetadata = {\n      totalSegments: other instanceof ConcatenatedComponent \n        ? other.segments.length + 1\n        : 2,\n      accessibilityRole: other instanceof ConcatenatedComponent\n        ? this.mergeAccessibilityRoles('text', other.metadata.accessibilityRole)\n        : this.determineAccessibilityRole(other),\n      semanticStructure: other instanceof ConcatenatedComponent\n        ? this.mergeSemanticStructures('inline', other.metadata.semanticStructure)\n        : this.determineSemanticStructure(other)\n    }\n    \n    // If other is already concatenated, merge with its segments\n    if (other instanceof ConcatenatedComponent) {\n      return new ConcatenatedComponent([thisSegment, ...other.segments], metadata)\n    }\n    \n    return new ConcatenatedComponent([thisSegment, otherSegment], metadata)\n  }\n  \n  /**\n   * Convert this text component to a segment for concatenation\n   */\n  toSegment(): ComponentSegment {\n    return {\n      id: this.id,\n      component: this,\n      modifiers: (this as any).modifiers || [],\n      render: () => this.render()[0]\n    }\n  }\n  \n  /**\n   * Check if this component supports concatenation\n   */\n  isConcatenatable(): boolean {\n    return true\n  }\n\n  /**\n   * Get the text content for accessibility purposes\n   */\n  getTextContent(): string {\n    const content = this.props.content\n    if (typeof content === 'string') return content\n    if (typeof content === 'function') return content()\n    if (content && typeof content === 'object' && 'peek' in content) {\n      return (content as any).peek() || ''\n    }\n    return ''\n  }\n\n  /**\n   * Determine accessibility role when concatenating with another component\n   */\n  private determineAccessibilityRole<U>(other: Concatenatable<U>): 'text' | 'group' | 'composite' {\n    const otherType = other.constructor.name\n    \n    // Text + Text = text\n    if (otherType === 'EnhancedText') return 'text'\n    \n    // Text + Interactive elements = group\n    if (otherType === 'EnhancedButton' || otherType === 'EnhancedLink') return 'group'\n    \n    // Text + Other = group (images, etc.)\n    return 'group'\n  }\n\n  /**\n   * Determine semantic structure when concatenating with another component\n   */\n  private determineSemanticStructure<U>(other: Concatenatable<U>): 'inline' | 'block' | 'mixed' {\n    const otherType = other.constructor.name\n    \n    // Text + Text/Image = inline\n    if (otherType === 'EnhancedText' || otherType === 'EnhancedImage') return 'inline'\n    \n    // Text + Interactive elements usually inline in concatenation context\n    if (otherType === 'EnhancedButton' || otherType === 'EnhancedLink') return 'inline'\n    \n    // Other combinations are mixed\n    return 'mixed'\n  }\n\n  /**\n   * Merge accessibility roles\n   */\n  private mergeAccessibilityRoles(\n    thisRole: 'text' | 'group' | 'composite',\n    otherRole: 'text' | 'group' | 'composite'\n  ): 'text' | 'group' | 'composite' {\n    // If both are text, keep text\n    if (thisRole === 'text' && otherRole === 'text') return 'text'\n    \n    // If either is composite, result is composite\n    if (thisRole === 'composite' || otherRole === 'composite') return 'composite'\n    \n    // Otherwise, it's a group\n    return 'group'\n  }\n\n  /**\n   * Merge semantic structures\n   */\n  private mergeSemanticStructures(\n    thisStructure: 'inline' | 'block' | 'mixed',\n    otherStructure: 'inline' | 'block' | 'mixed'\n  ): 'inline' | 'block' | 'mixed' {\n    // If both are inline, keep inline\n    if (thisStructure === 'inline' && otherStructure === 'inline') return 'inline'\n    \n    // If both are block, keep block\n    if (thisStructure === 'block' && otherStructure === 'block') return 'block'\n    \n    // Otherwise, it's mixed\n    return 'mixed'\n  }\n}\n\n/**\n * Create enhanced Text component with modifier support\n */\nexport function Text(\n  content: string | (() => string) | Signal<string>,\n  props: Omit<TextProps, 'content'> = {}\n): ModifiableComponent<TextProps> & { modifier: ModifierBuilder<ModifiableComponent<TextProps>> } {\n  const textProps: TextProps = { ...props, content }\n  const component = new EnhancedText(textProps)\n  return withModifiers(component)\n}\n\n/**\n * Typography preset components\n */\nexport const TextStyles = {\n  LargeTitle: (\n    content: string | (() => string) | Signal<string>,\n    props: Omit<TextProps, 'content' | 'font'> = {}\n  ) => Text(content, { ...props, font: Typography.largeTitle }),\n\n  Title: (\n    content: string | (() => string) | Signal<string>,\n    props: Omit<TextProps, 'content' | 'font'> = {}\n  ) => Text(content, { ...props, font: Typography.title }),\n\n  Title2: (\n    content: string | (() => string) | Signal<string>,\n    props: Omit<TextProps, 'content' | 'font'> = {}\n  ) => Text(content, { ...props, font: Typography.title2 }),\n\n  Title3: (\n    content: string | (() => string) | Signal<string>,\n    props: Omit<TextProps, 'content' | 'font'> = {}\n  ) => Text(content, { ...props, font: Typography.title3 }),\n\n  Headline: (\n    content: string | (() => string) | Signal<string>,\n    props: Omit<TextProps, 'content' | 'font'> = {}\n  ) => Text(content, { ...props, font: Typography.headline }),\n\n  Body: (\n    content: string | (() => string) | Signal<string>,\n    props: Omit<TextProps, 'content' | 'font'> = {}\n  ) => Text(content, { ...props, font: Typography.body }),\n\n  Callout: (\n    content: string | (() => string) | Signal<string>,\n    props: Omit<TextProps, 'content' | 'font'> = {}\n  ) => Text(content, { ...props, font: Typography.callout }),\n\n  Subheadline: (\n    content: string | (() => string) | Signal<string>,\n    props: Omit<TextProps, 'content' | 'font'> = {}\n  ) => Text(content, { ...props, font: Typography.subheadline }),\n\n  Footnote: (\n    content: string | (() => string) | Signal<string>,\n    props: Omit<TextProps, 'content' | 'font'> = {}\n  ) => Text(content, { ...props, font: Typography.footnote }),\n\n  Caption: (\n    content: string | (() => string) | Signal<string>,\n    props: Omit<TextProps, 'content' | 'font'> = {}\n  ) => Text(content, { ...props, font: Typography.caption }),\n\n  Caption2: (\n    content: string | (() => string) | Signal<string>,\n    props: Omit<TextProps, 'content' | 'font'> = {}\n  ) => Text(content, { ...props, font: Typography.caption2 }),\n}\n\n/**\n * Text formatting utilities\n */\nexport const TextFormat = {\n  /**\n   * Apply multiple formatting options to text\n   */\n  formatted(\n    content: string | (() => string) | Signal<string>,\n    formatting: TextFormatting,\n    props: Omit<TextProps, 'content'> = {}\n  ): ModifiableComponent<TextProps> & {\n    modifier: ModifierBuilder<ModifiableComponent<TextProps>>\n  } {\n    const font = { ...props.font }\n    let textDecoration = props.textDecoration || 'none'\n\n    if (formatting.bold) font.weight = 'bold'\n    if (formatting.italic) font.style = 'italic'\n    if (formatting.monospace) font.family = 'monospace'\n    if (formatting.smallCaps) font.variant = 'small-caps'\n\n    const decorations: string[] = []\n    if (formatting.underline) decorations.push('underline')\n    if (formatting.strikethrough) decorations.push('line-through')\n    if (decorations.length > 0) {\n      textDecoration = decorations.join(' ')\n    }\n\n    return Text(content, {\n      ...props,\n      font,\n      textDecoration: textDecoration as any,\n    })\n  },\n\n  /**\n   * Create bold text\n   */\n  bold(content: string | (() => string) | Signal<string>, props: Omit<TextProps, 'content'> = {}) {\n    return this.formatted(content, { bold: true }, props)\n  },\n\n  /**\n   * Create italic text\n   */\n  italic(\n    content: string | (() => string) | Signal<string>,\n    props: Omit<TextProps, 'content'> = {}\n  ) {\n    return this.formatted(content, { italic: true }, props)\n  },\n\n  /**\n   * Create underlined text\n   */\n  underline(\n    content: string | (() => string) | Signal<string>,\n    props: Omit<TextProps, 'content'> = {}\n  ) {\n    return this.formatted(content, { underline: true }, props)\n  },\n\n  /**\n   * Create monospace text\n   */\n  monospace(\n    content: string | (() => string) | Signal<string>,\n    props: Omit<TextProps, 'content'> = {}\n  ) {\n    return this.formatted(content, { monospace: true }, props)\n  },\n}\n"],"names":["Typography","EnhancedText","ComponentWithCSSClasses","props","__publicField","override","processElementOverride","baseClasses","classString","element","h","text","other","thisSegment","otherSegment","metadata","ConcatenatedComponent","content","otherType","thisRole","otherRole","thisStructure","otherStructure","Text","textProps","component","withModifiers","TextStyles","TextFormat","formatting","font","textDecoration","decorations"],"mappings":"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"}

package/dist/components/Text.js

@@ -1,193 +0,0 @@
-import "../runtime/component.js";
-import "../runtime/context.js";
-import "../runtime/dev-tools.js";
-import "../runtime/dom-bridge.js";
-import "../runtime/error-boundary.js";
-import "../reactive/cleanup.js";
-import "../reactive/unified-scheduler.js";
-import "../reactive/signal.js";
-import "../reactive/scheduler.js";
-import "../reactive/theme.js";
-import "../runtime/error-reporting.js";
-import "../runtime/performance.js";
-import { h as m, text as p } from "../runtime/renderer.js";
-import { processElementOverride as d } from "../runtime/element-override.js";
-import "../runtime/semantic-role-manager.js";
-import "../runtime/development-warnings.js";
-import { withModifiers as u } from "./wrapper.js";
-import { ConcatenatedComponent as s } from "../concatenation/concatenated-component.js";
-import "../css-classes/css-class-manager.js";
-import { ComponentWithCSSClasses as h } from "../css-classes/component-base.js";
-var f = Object.defineProperty, g = (e, t, i) => t in e ? f(e, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : e[t] = i, a = (e, t, i) => g(e, typeof t != "symbol" ? t + "" : t, i);
-const r = {
-  largeTitle: { size: 34, weight: "400", lineHeight: 1.2 },
-  title: { size: 28, weight: "400", lineHeight: 1.3 },
-  title2: { size: 22, weight: "400", lineHeight: 1.3 },
-  title3: { size: 20, weight: "400", lineHeight: 1.4 },
-  headline: { size: 17, weight: "600", lineHeight: 1.4 },
-  body: { size: 17, weight: "400", lineHeight: 1.5 },
-  callout: { size: 16, weight: "400", lineHeight: 1.4 },
-  subheadline: { size: 15, weight: "400", lineHeight: 1.4 },
-  footnote: { size: 13, weight: "400", lineHeight: 1.3 },
-  caption: { size: 12, weight: "400", lineHeight: 1.2 },
-  caption2: { size: 11, weight: "400", lineHeight: 1.1 }
-};
-class b extends h {
-  constructor(t) {
-    super(), this.props = t, a(this, "type", "component"), a(this, "id"), a(this, "mounted", !1), a(this, "cleanup", []), a(this, "effectiveTag"), a(this, "validationResult"), this.id = `text-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
-    const i = d("Text", "span", this.props.element);
-    this.effectiveTag = i.tag, this.validationResult = i.validation;
-  }
-  /**
-   * Render the text component with reactive content handling, element override support, and CSS classes
-   */
-  render() {
-    const t = ["tachui-text"], i = this.createClassString(this.props, t), n = m(
-      this.effectiveTag,
-      {
-        className: i,
-        // Pass through debug label for debug system
-        ...this.props.debugLabel && { debugLabel: this.props.debugLabel }
-      },
-      p(this.props.content || "")
-    );
-    return "componentMetadata" in n ? n.componentMetadata = {
-      id: this.id,
-      type: "Text",
-      originalType: "Text",
-      overriddenTo: this.effectiveTag !== "span" ? this.effectiveTag : void 0,
-      validationResult: this.validationResult
-    } : n.componentMetadata = {
-      id: this.id,
-      type: "Text",
-      originalType: "Text",
-      overriddenTo: this.effectiveTag !== "span" ? this.effectiveTag : void 0,
-      validationResult: this.validationResult
-    }, [n];
-  }
-  /**
-   * Concatenate this text component with another concatenatable component
-   */
-  concat(t) {
-    const i = this.toSegment(), n = t.toSegment(), l = {
-      totalSegments: t instanceof s ? t.segments.length + 1 : 2,
-      accessibilityRole: t instanceof s ? this.mergeAccessibilityRoles("text", t.metadata.accessibilityRole) : this.determineAccessibilityRole(t),
-      semanticStructure: t instanceof s ? this.mergeSemanticStructures("inline", t.metadata.semanticStructure) : this.determineSemanticStructure(t)
-    };
-    return t instanceof s ? new s([i, ...t.segments], l) : new s([i, n], l);
-  }
-  /**
-   * Convert this text component to a segment for concatenation
-   */
-  toSegment() {
-    return {
-      id: this.id,
-      component: this,
-      modifiers: this.modifiers || [],
-      render: () => this.render()[0]
-    };
-  }
-  /**
-   * Check if this component supports concatenation
-   */
-  isConcatenatable() {
-    return !0;
-  }
-  /**
-   * Get the text content for accessibility purposes
-   */
-  getTextContent() {
-    const t = this.props.content;
-    return typeof t == "string" ? t : typeof t == "function" ? t() : t && typeof t == "object" && "peek" in t && t.peek() || "";
-  }
-  /**
-   * Determine accessibility role when concatenating with another component
-   */
-  determineAccessibilityRole(t) {
-    const i = t.constructor.name;
-    return i === "EnhancedText" ? "text" : "group";
-  }
-  /**
-   * Determine semantic structure when concatenating with another component
-   */
-  determineSemanticStructure(t) {
-    const i = t.constructor.name;
-    return i === "EnhancedText" || i === "EnhancedImage" || i === "EnhancedButton" || i === "EnhancedLink" ? "inline" : "mixed";
-  }
-  /**
-   * Merge accessibility roles
-   */
-  mergeAccessibilityRoles(t, i) {
-    return t === "text" && i === "text" ? "text" : t === "composite" || i === "composite" ? "composite" : "group";
-  }
-  /**
-   * Merge semantic structures
-   */
-  mergeSemanticStructures(t, i) {
-    return t === "inline" && i === "inline" ? "inline" : t === "block" && i === "block" ? "block" : "mixed";
-  }
-}
-function o(e, t = {}) {
-  const i = { ...t, content: e }, n = new b(i);
-  return u(n);
-}
-const N = {
-  LargeTitle: (e, t = {}) => o(e, { ...t, font: r.largeTitle }),
-  Title: (e, t = {}) => o(e, { ...t, font: r.title }),
-  Title2: (e, t = {}) => o(e, { ...t, font: r.title2 }),
-  Title3: (e, t = {}) => o(e, { ...t, font: r.title3 }),
-  Headline: (e, t = {}) => o(e, { ...t, font: r.headline }),
-  Body: (e, t = {}) => o(e, { ...t, font: r.body }),
-  Callout: (e, t = {}) => o(e, { ...t, font: r.callout }),
-  Subheadline: (e, t = {}) => o(e, { ...t, font: r.subheadline }),
-  Footnote: (e, t = {}) => o(e, { ...t, font: r.footnote }),
-  Caption: (e, t = {}) => o(e, { ...t, font: r.caption }),
-  Caption2: (e, t = {}) => o(e, { ...t, font: r.caption2 })
-}, O = {
-  /**
-   * Apply multiple formatting options to text
-   */
-  formatted(e, t, i = {}) {
-    const n = { ...i.font };
-    let l = i.textDecoration || "none";
-    t.bold && (n.weight = "bold"), t.italic && (n.style = "italic"), t.monospace && (n.family = "monospace"), t.smallCaps && (n.variant = "small-caps");
-    const c = [];
-    return t.underline && c.push("underline"), t.strikethrough && c.push("line-through"), c.length > 0 && (l = c.join(" ")), o(e, {
-      ...i,
-      font: n,
-      textDecoration: l
-    });
-  },
-  /**
-   * Create bold text
-   */
-  bold(e, t = {}) {
-    return this.formatted(e, { bold: !0 }, t);
-  },
-  /**
-   * Create italic text
-   */
-  italic(e, t = {}) {
-    return this.formatted(e, { italic: !0 }, t);
-  },
-  /**
-   * Create underlined text
-   */
-  underline(e, t = {}) {
-    return this.formatted(e, { underline: !0 }, t);
-  },
-  /**
-   * Create monospace text
-   */
-  monospace(e, t = {}) {
-    return this.formatted(e, { monospace: !0 }, t);
-  }
-};
-export {
-  b as EnhancedText,
-  o as Text,
-  O as TextFormat,
-  N as TextStyles,
-  r as Typography
-};
-//# sourceMappingURL=Text.js.map

package/dist/components/Text.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Text.js","sources":["../../src/components/Text.ts"],"sourcesContent":["/**\n * Enhanced Text Component (Phase 5.1)\n *\n * SwiftUI-inspired Text component with full typography support,\n * text formatting, and advanced styling capabilities.\n */\n\nimport type { ModifiableComponent, ModifierBuilder } from '../modifiers/types'\nimport type { Signal } from '../reactive/types'\nimport { h, text } from '../runtime'\nimport type { ComponentInstance, ComponentProps } from '../runtime/types'\nimport { withModifiers } from './wrapper'\nimport type { \n  Concatenatable, \n  ComponentSegment, \n  ConcatenationMetadata \n} from '../concatenation/types'\nimport { ConcatenatedComponent } from '../concatenation/concatenated-component'\nimport { \n  processElementOverride, \n  type ElementOverrideProps \n} from '../runtime/element-override'\nimport {\n  ComponentWithCSSClasses,\n  type CSSClassesProps\n} from '../css-classes'\n\n\n/**\n * Text component properties with element override support and CSS classes\n */\nexport interface TextProps extends ComponentProps, ElementOverrideProps, CSSClassesProps {\n  content?: string | (() => string) | Signal<string>\n\n  // Typography\n  font?: {\n    family?: string\n    size?: number | string\n    weight?:\n      | 'normal'\n      | 'bold'\n      | '100'\n      | '200'\n      | '300'\n      | '400'\n      | '500'\n      | '600'\n      | '700'\n      | '800'\n      | '900'\n    style?: 'normal' | 'italic' | 'oblique'\n    variant?: 'normal' | 'small-caps'\n  }\n\n  // Text styling\n  color?: string | Signal<string>\n  backgroundColor?: string | Signal<string>\n  textAlign?: 'left' | 'center' | 'right' | 'justify'\n  textDecoration?: 'none' | 'underline' | 'line-through' | 'overline'\n  textTransform?: 'none' | 'uppercase' | 'lowercase' | 'capitalize'\n  lineHeight?: number | string\n  letterSpacing?: number | string\n  wordSpacing?: number | string\n\n  // Layout\n  lineLimit?: number\n  truncationMode?: 'head' | 'tail' | 'middle'\n  allowsSelection?: boolean\n\n  // Accessibility\n  accessibilityLabel?: string\n  accessibilityRole?: 'text' | 'heading' | 'label'\n  accessibilityLevel?: 1 | 2 | 3 | 4 | 5 | 6\n\n  // Interactive\n  onTap?: () => void\n  onLongPress?: () => void\n}\n\n/**\n * Text formatting options\n */\nexport interface TextFormatting {\n  bold?: boolean\n  italic?: boolean\n  underline?: boolean\n  strikethrough?: boolean\n  monospace?: boolean\n  smallCaps?: boolean\n}\n\n/**\n * Typography presets following SwiftUI patterns\n */\nexport const Typography = {\n  largeTitle: { size: 34, weight: '400' as const, lineHeight: 1.2 },\n  title: { size: 28, weight: '400' as const, lineHeight: 1.3 },\n  title2: { size: 22, weight: '400' as const, lineHeight: 1.3 },\n  title3: { size: 20, weight: '400' as const, lineHeight: 1.4 },\n  headline: { size: 17, weight: '600' as const, lineHeight: 1.4 },\n  body: { size: 17, weight: '400' as const, lineHeight: 1.5 },\n  callout: { size: 16, weight: '400' as const, lineHeight: 1.4 },\n  subheadline: { size: 15, weight: '400' as const, lineHeight: 1.4 },\n  footnote: { size: 13, weight: '400' as const, lineHeight: 1.3 },\n  caption: { size: 12, weight: '400' as const, lineHeight: 1.2 },\n  caption2: { size: 11, weight: '400' as const, lineHeight: 1.1 },\n}\n\n/**\n * Enhanced Text component class with reactive content handling, concatenation support, element override, and CSS classes\n */\nexport class EnhancedText extends ComponentWithCSSClasses implements ComponentInstance<TextProps>, Concatenatable<TextProps> {\n  public readonly type = 'component' as const\n  public readonly id: string\n  public mounted = false\n  public cleanup: (() => void)[] = []\n  private effectiveTag: string\n  private validationResult: any\n\n  constructor(public props: TextProps) {\n    super()\n    this.id = `text-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`\n    \n    // Process element override for tag specification enhancement\n    const override = processElementOverride('Text', 'span', this.props.element)\n    this.effectiveTag = override.tag\n    this.validationResult = override.validation\n  }\n\n\n  /**\n   * Render the text component with reactive content handling, element override support, and CSS classes\n   */\n  render() {\n    // Process CSS classes for this component\n    const baseClasses = ['tachui-text']\n    const classString = this.createClassString(this.props, baseClasses)\n    \n    // Let the runtime's text() helper handle all reactive detection\n    // Pass the original content prop directly without resolving\n    const element = h(\n      this.effectiveTag,\n      {\n        className: classString,\n        // Pass through debug label for debug system\n        ...(this.props.debugLabel && { debugLabel: this.props.debugLabel }),\n      },\n      text(this.props.content || '')\n    )\n\n    // Add component metadata for debug system and semantic role processing\n    if ('componentMetadata' in element) {\n      element.componentMetadata = {\n        id: this.id,\n        type: 'Text',\n        originalType: 'Text',\n        overriddenTo: this.effectiveTag !== 'span' ? this.effectiveTag : undefined,\n        validationResult: this.validationResult\n      }\n    } else {\n      ;(element as any).componentMetadata = {\n        id: this.id,\n        type: 'Text',\n        originalType: 'Text',\n        overriddenTo: this.effectiveTag !== 'span' ? this.effectiveTag : undefined,\n        validationResult: this.validationResult\n      }\n    }\n\n    // Note: Styling is applied through the modifier system after DOM creation\n    // The .element property isn't available during render phase\n\n    return [element]\n  }\n\n  /**\n   * Concatenate this text component with another concatenatable component\n   */\n  concat<U extends Concatenatable<any>>(other: U): ConcatenatedComponent<TextProps | U> {\n    const thisSegment = this.toSegment()\n    const otherSegment = other.toSegment()\n    \n    // Determine metadata based on what we're concatenating with\n    const metadata: ConcatenationMetadata = {\n      totalSegments: other instanceof ConcatenatedComponent \n        ? other.segments.length + 1\n        : 2,\n      accessibilityRole: other instanceof ConcatenatedComponent\n        ? this.mergeAccessibilityRoles('text', other.metadata.accessibilityRole)\n        : this.determineAccessibilityRole(other),\n      semanticStructure: other instanceof ConcatenatedComponent\n        ? this.mergeSemanticStructures('inline', other.metadata.semanticStructure)\n        : this.determineSemanticStructure(other)\n    }\n    \n    // If other is already concatenated, merge with its segments\n    if (other instanceof ConcatenatedComponent) {\n      return new ConcatenatedComponent([thisSegment, ...other.segments], metadata)\n    }\n    \n    return new ConcatenatedComponent([thisSegment, otherSegment], metadata)\n  }\n  \n  /**\n   * Convert this text component to a segment for concatenation\n   */\n  toSegment(): ComponentSegment {\n    return {\n      id: this.id,\n      component: this,\n      modifiers: (this as any).modifiers || [],\n      render: () => this.render()[0]\n    }\n  }\n  \n  /**\n   * Check if this component supports concatenation\n   */\n  isConcatenatable(): boolean {\n    return true\n  }\n\n  /**\n   * Get the text content for accessibility purposes\n   */\n  getTextContent(): string {\n    const content = this.props.content\n    if (typeof content === 'string') return content\n    if (typeof content === 'function') return content()\n    if (content && typeof content === 'object' && 'peek' in content) {\n      return (content as any).peek() || ''\n    }\n    return ''\n  }\n\n  /**\n   * Determine accessibility role when concatenating with another component\n   */\n  private determineAccessibilityRole<U>(other: Concatenatable<U>): 'text' | 'group' | 'composite' {\n    const otherType = other.constructor.name\n    \n    // Text + Text = text\n    if (otherType === 'EnhancedText') return 'text'\n    \n    // Text + Interactive elements = group\n    if (otherType === 'EnhancedButton' || otherType === 'EnhancedLink') return 'group'\n    \n    // Text + Other = group (images, etc.)\n    return 'group'\n  }\n\n  /**\n   * Determine semantic structure when concatenating with another component\n   */\n  private determineSemanticStructure<U>(other: Concatenatable<U>): 'inline' | 'block' | 'mixed' {\n    const otherType = other.constructor.name\n    \n    // Text + Text/Image = inline\n    if (otherType === 'EnhancedText' || otherType === 'EnhancedImage') return 'inline'\n    \n    // Text + Interactive elements usually inline in concatenation context\n    if (otherType === 'EnhancedButton' || otherType === 'EnhancedLink') return 'inline'\n    \n    // Other combinations are mixed\n    return 'mixed'\n  }\n\n  /**\n   * Merge accessibility roles\n   */\n  private mergeAccessibilityRoles(\n    thisRole: 'text' | 'group' | 'composite',\n    otherRole: 'text' | 'group' | 'composite'\n  ): 'text' | 'group' | 'composite' {\n    // If both are text, keep text\n    if (thisRole === 'text' && otherRole === 'text') return 'text'\n    \n    // If either is composite, result is composite\n    if (thisRole === 'composite' || otherRole === 'composite') return 'composite'\n    \n    // Otherwise, it's a group\n    return 'group'\n  }\n\n  /**\n   * Merge semantic structures\n   */\n  private mergeSemanticStructures(\n    thisStructure: 'inline' | 'block' | 'mixed',\n    otherStructure: 'inline' | 'block' | 'mixed'\n  ): 'inline' | 'block' | 'mixed' {\n    // If both are inline, keep inline\n    if (thisStructure === 'inline' && otherStructure === 'inline') return 'inline'\n    \n    // If both are block, keep block\n    if (thisStructure === 'block' && otherStructure === 'block') return 'block'\n    \n    // Otherwise, it's mixed\n    return 'mixed'\n  }\n}\n\n/**\n * Create enhanced Text component with modifier support\n */\nexport function Text(\n  content: string | (() => string) | Signal<string>,\n  props: Omit<TextProps, 'content'> = {}\n): ModifiableComponent<TextProps> & { modifier: ModifierBuilder<ModifiableComponent<TextProps>> } {\n  const textProps: TextProps = { ...props, content }\n  const component = new EnhancedText(textProps)\n  return withModifiers(component)\n}\n\n/**\n * Typography preset components\n */\nexport const TextStyles = {\n  LargeTitle: (\n    content: string | (() => string) | Signal<string>,\n    props: Omit<TextProps, 'content' | 'font'> = {}\n  ) => Text(content, { ...props, font: Typography.largeTitle }),\n\n  Title: (\n    content: string | (() => string) | Signal<string>,\n    props: Omit<TextProps, 'content' | 'font'> = {}\n  ) => Text(content, { ...props, font: Typography.title }),\n\n  Title2: (\n    content: string | (() => string) | Signal<string>,\n    props: Omit<TextProps, 'content' | 'font'> = {}\n  ) => Text(content, { ...props, font: Typography.title2 }),\n\n  Title3: (\n    content: string | (() => string) | Signal<string>,\n    props: Omit<TextProps, 'content' | 'font'> = {}\n  ) => Text(content, { ...props, font: Typography.title3 }),\n\n  Headline: (\n    content: string | (() => string) | Signal<string>,\n    props: Omit<TextProps, 'content' | 'font'> = {}\n  ) => Text(content, { ...props, font: Typography.headline }),\n\n  Body: (\n    content: string | (() => string) | Signal<string>,\n    props: Omit<TextProps, 'content' | 'font'> = {}\n  ) => Text(content, { ...props, font: Typography.body }),\n\n  Callout: (\n    content: string | (() => string) | Signal<string>,\n    props: Omit<TextProps, 'content' | 'font'> = {}\n  ) => Text(content, { ...props, font: Typography.callout }),\n\n  Subheadline: (\n    content: string | (() => string) | Signal<string>,\n    props: Omit<TextProps, 'content' | 'font'> = {}\n  ) => Text(content, { ...props, font: Typography.subheadline }),\n\n  Footnote: (\n    content: string | (() => string) | Signal<string>,\n    props: Omit<TextProps, 'content' | 'font'> = {}\n  ) => Text(content, { ...props, font: Typography.footnote }),\n\n  Caption: (\n    content: string | (() => string) | Signal<string>,\n    props: Omit<TextProps, 'content' | 'font'> = {}\n  ) => Text(content, { ...props, font: Typography.caption }),\n\n  Caption2: (\n    content: string | (() => string) | Signal<string>,\n    props: Omit<TextProps, 'content' | 'font'> = {}\n  ) => Text(content, { ...props, font: Typography.caption2 }),\n}\n\n/**\n * Text formatting utilities\n */\nexport const TextFormat = {\n  /**\n   * Apply multiple formatting options to text\n   */\n  formatted(\n    content: string | (() => string) | Signal<string>,\n    formatting: TextFormatting,\n    props: Omit<TextProps, 'content'> = {}\n  ): ModifiableComponent<TextProps> & {\n    modifier: ModifierBuilder<ModifiableComponent<TextProps>>\n  } {\n    const font = { ...props.font }\n    let textDecoration = props.textDecoration || 'none'\n\n    if (formatting.bold) font.weight = 'bold'\n    if (formatting.italic) font.style = 'italic'\n    if (formatting.monospace) font.family = 'monospace'\n    if (formatting.smallCaps) font.variant = 'small-caps'\n\n    const decorations: string[] = []\n    if (formatting.underline) decorations.push('underline')\n    if (formatting.strikethrough) decorations.push('line-through')\n    if (decorations.length > 0) {\n      textDecoration = decorations.join(' ')\n    }\n\n    return Text(content, {\n      ...props,\n      font,\n      textDecoration: textDecoration as any,\n    })\n  },\n\n  /**\n   * Create bold text\n   */\n  bold(content: string | (() => string) | Signal<string>, props: Omit<TextProps, 'content'> = {}) {\n    return this.formatted(content, { bold: true }, props)\n  },\n\n  /**\n   * Create italic text\n   */\n  italic(\n    content: string | (() => string) | Signal<string>,\n    props: Omit<TextProps, 'content'> = {}\n  ) {\n    return this.formatted(content, { italic: true }, props)\n  },\n\n  /**\n   * Create underlined text\n   */\n  underline(\n    content: string | (() => string) | Signal<string>,\n    props: Omit<TextProps, 'content'> = {}\n  ) {\n    return this.formatted(content, { underline: true }, props)\n  },\n\n  /**\n   * Create monospace text\n   */\n  monospace(\n    content: string | (() => string) | Signal<string>,\n    props: Omit<TextProps, 'content'> = {}\n  ) {\n    return this.formatted(content, { monospace: true }, props)\n  },\n}\n"],"names":["Typography","EnhancedText","ComponentWithCSSClasses","props","__publicField","override","processElementOverride","baseClasses","classString","element","h","text","other","thisSegment","otherSegment","metadata","ConcatenatedComponent","content","otherType","thisRole","otherRole","thisStructure","otherStructure","Text","textProps","component","withModifiers","TextStyles","TextFormat","formatting","font","textDecoration","decorations"],"mappings":"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"}

package/dist/components/Toggle.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../reactive/cleanup.cjs");require("../reactive/unified-scheduler.cjs");const m=require("../reactive/effect.cjs"),d=require("../reactive/signal.cjs");require("../reactive/scheduler.cjs");require("../reactive/theme.cjs");require("../runtime/component.cjs");require("../runtime/context.cjs");require("../runtime/dev-tools.cjs");require("../runtime/dom-bridge.cjs");require("../runtime/error-boundary.cjs");require("../runtime/error-reporting.cjs");require("../runtime/performance.cjs");const o=require("../runtime/renderer.cjs");require("../runtime/element-override.cjs");require("../runtime/semantic-role-manager.cjs");require("../runtime/development-warnings.cjs");const y=require("./wrapper.cjs");var S=Object.defineProperty,x=(i,e,t)=>e in i?S(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,h=(i,e,t)=>x(i,typeof e!="symbol"?e+"":e,t);class p{constructor(e){this.props=e,h(this,"type","component"),h(this,"id"),h(this,"mounted",!1),h(this,"cleanup",[]),h(this,"toggleElement",null),h(this,"setIsAnimating"),h(this,"handleToggle",async r=>{if(r.preventDefault(),this.isDisabled())return;const s=!this.getIsOn();this.props.animated!==!1&&(this.setIsAnimating(!0),setTimeout(()=>{this.setIsAnimating(!1)},200)),this.props.onToggle&&this.props.onToggle(s)}),this.id=`toggle-${Date.now()}-${Math.random().toString(36).substr(2,9)}`;const[,t]=d.createSignal(!1);this.setIsAnimating=t,m.createEffect(()=>{const r=this.getIsOn();this.toggleElement&&this.toggleElement.checked!==r&&(this.toggleElement.checked=r)})}getIsOn(){const{isOn:e}=this.props;return d.isSignal(e)?e():e}isDisabled(){const{disabled:e}=this.props;return typeof e=="boolean"?e:d.isSignal(e)?e():!1}resolveLabel(){const{label:e}=this.props;return e?typeof e=="string"?e:typeof e=="function"||d.isSignal(e)?e():e:null}renderComponentContent(e){const t=e.render();return Array.isArray(t)?t:[t]}getSizeStyles(){const{size:e="medium"}=this.props;switch(e){case"small":return{width:"36px",height:"20px",thumbSize:"16px",fontSize:"14px"};case"large":return{width:"56px",height:"32px",thumbSize:"28px",fontSize:"18px"};default:return{width:"46px",height:"26px",thumbSize:"22px",fontSize:"16px"}}}renderSwitch(){const e=this.getIsOn(),t=this.isDisabled(),r=this.getSizeStyles(),{color:s="#007AFF",offColor:n="#e2e8f0",thumbColor:a="#ffffff",animated:u=!0}=this.props,b=e?s:n,f=e?`translateX(${parseInt(r.width)-parseInt(r.thumbSize)-2}px)`:"translateX(2px)";return o.h("div",{style:{position:"relative",display:"inline-block"}},o.h("input",{ref:c=>{this.toggleElement=c,c&&!this.mounted&&(c.addEventListener("change",this.handleToggle),this.cleanup.push(()=>{c.removeEventListener("change",this.handleToggle)}))},type:"checkbox",checked:e,disabled:t,style:{position:"absolute",opacity:0,width:"100%",height:"100%",margin:0,cursor:t?"not-allowed":"pointer"},"aria-label":this.props.accessibilityLabel,"aria-describedby":this.props.accessibilityHint?`${this.id}-hint`:void 0}),o.h("div",{style:{width:r.width,height:r.height,backgroundColor:b,borderRadius:r.height,position:"relative",cursor:t?"not-allowed":"pointer",opacity:t?.5:1,transition:u?"background-color 0.2s ease":"none",border:"1px solid rgba(0,0,0,0.1)",boxShadow:"inset 0 1px 2px rgba(0,0,0,0.1)"},onClick:this.handleToggle},o.h("div",{style:{width:r.thumbSize,height:r.thumbSize,backgroundColor:a,borderRadius:"50%",position:"absolute",top:"50%",transform:`translateY(-50%) ${f}`,transition:u?"transform 0.2s ease":"none",boxShadow:"0 2px 4px rgba(0,0,0,0.2)",border:"1px solid rgba(0,0,0,0.1)"}})))}renderCheckbox(){const e=this.getIsOn(),t=this.isDisabled(),r=this.getSizeStyles(),{color:s="#007AFF"}=this.props;return o.h("div",{style:{position:"relative",display:"inline-block"}},o.h("input",{ref:n=>{this.toggleElement=n,n&&!this.mounted&&(n.addEventListener("change",this.handleToggle),this.cleanup.push(()=>{n.removeEventListener("change",this.handleToggle)}))},type:"checkbox",checked:e,disabled:t,style:{position:"absolute",opacity:0,width:"100%",height:"100%",margin:0,cursor:t?"not-allowed":"pointer"}}),o.h("div",{style:{width:r.thumbSize,height:r.thumbSize,border:`2px solid ${e?s:"#d1d5db"}`,borderRadius:"4px",backgroundColor:e?s:"#ffffff",display:"flex",alignItems:"center",justifyContent:"center",cursor:t?"not-allowed":"pointer",opacity:t?.5:1,transition:"all 0.2s ease"},onClick:this.handleToggle},...e?[o.h("div",{style:{width:"6px",height:"10px",border:"2px solid white",borderTop:"none",borderLeft:"none",transform:"rotate(45deg) translateY(-1px)",opacity:e?1:0,transition:"opacity 0.1s ease"}})]:[]))}renderButton(){const e=this.getIsOn(),t=this.isDisabled(),r=this.getSizeStyles(),{color:s="#007AFF",offColor:n="#f3f4f6"}=this.props;return o.h("button",{ref:a=>{a&&!this.mounted&&(a.addEventListener("click",this.handleToggle),this.cleanup.push(()=>{a.removeEventListener("click",this.handleToggle)}))},type:"button",disabled:t,style:{padding:"8px 16px",backgroundColor:e?s:n,color:e?"#ffffff":"#374151",border:`1px solid ${e?s:"#d1d5db"}`,borderRadius:"6px",fontSize:r.fontSize,fontWeight:"500",cursor:t?"not-allowed":"pointer",opacity:t?.5:1,transition:"all 0.2s ease",outline:"none"},"aria-pressed":e,"aria-label":this.props.accessibilityLabel},o.text(e?"ON":"OFF"))}renderToggleControl(){const{variant:e="switch"}=this.props;switch(e){case"checkbox":return this.renderCheckbox();case"button":return this.renderButton();default:return this.renderSwitch()}}renderLabel(){const e=this.resolveLabel();if(!e)return null;const t=this.getSizeStyles();return o.h("span",{style:{fontSize:t.fontSize,color:this.isDisabled()?"#9ca3af":"#374151",cursor:this.isDisabled()?"not-allowed":"pointer"},onClick:this.isDisabled()?void 0:this.handleToggle},...typeof e=="string"?[o.text(e)]:this.renderComponentContent(e))}render(){const{labelPosition:e="trailing",spacing:t=8,accessibilityHint:r}=this.props,s=this.renderLabel(),n=this.renderToggleControl(),a=e==="leading"&&s?[s,n]:s?[n,s]:[n];return o.h("div",{style:{display:"flex",alignItems:"center",gap:s?`${t}px`:"0",cursor:this.isDisabled()?"not-allowed":"pointer"},"aria-describedby":r?`${this.id}-hint`:void 0},...a,...r?[o.h("div",{id:`${this.id}-hint`,style:{fontSize:"12px",color:"#6b7280",marginTop:"4px",display:"block",width:"100%"}},o.text(r))]:[])}}function l(i,e={}){const t={...e,isOn:i},r=new p(t);return y.withModifiers(r)}function g(i,e,t={}){return l(e,{...t,label:i})}const v={Switch(i,e={}){return l(i,{...e,variant:"switch"})},Checkbox(i,e={}){return l(i,{...e,variant:"checkbox"})},Button(i,e={}){return l(i,{...e,variant:"button"})},Small(i,e={}){return l(i,{...e,size:"small"})},Large(i,e={}){return l(i,{...e,size:"large"})},CustomColor(i,e,t={}){return l(i,{...t,color:e})},WithLeadingLabel(i,e,t={}){return l(e,{...t,label:i,labelPosition:"leading"})},WithTrailingLabel(i,e,t={}){return l(e,{...t,label:i,labelPosition:"trailing"})}},w={createGroup(i,e={}){return i.map(t=>g(t.label,t.isOn,{...e,onToggle:t.onToggle}))},createExclusiveGroup(i,e,t,r={}){const s=()=>d.isSignal(e)?e():e;return i.map(n=>g(n.label,s()===n.key,{...r,onToggle:a=>{a&&t&&t(n.key)}}))},batch:{toggleAll(i,e){i.forEach(t=>{t.onToggle&&t.onToggle(e)})},getStates(i){return i.map(e=>d.isSignal(e.isOn)?e.isOn():e.isOn)},allOn(i){return this.getStates(i).every(e=>e)},anyOn(i){return this.getStates(i).some(e=>e)}}};exports.EnhancedToggle=p;exports.Toggle=l;exports.ToggleStyles=v;exports.ToggleUtils=w;exports.ToggleWithLabel=g;
-//# sourceMappingURL=Toggle.cjs.map

package/dist/components/Toggle.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Toggle.cjs","sources":["../../src/components/Toggle.ts"],"sourcesContent":["/**\n * Enhanced Toggle Component (Phase 6.4.5)\n *\n * SwiftUI-inspired Toggle component with switch-style boolean controls,\n * smooth animations, and multiple style variants.\n */\n\nimport type { ModifiableComponent, ModifierBuilder } from '../modifiers/types'\nimport { createEffect, createSignal, isSignal } from '../reactive'\nimport type { Signal } from '../reactive/types'\nimport { h, text } from '../runtime'\nimport type { ComponentInstance, ComponentProps, DOMNode } from '../runtime/types'\nimport { withModifiers } from './wrapper'\n\n/**\n * Toggle component properties\n */\nexport interface ToggleProps extends ComponentProps {\n  // Value binding\n  isOn: boolean | Signal<boolean>\n  onToggle?: (isOn: boolean) => void\n\n  // Content\n  label?: string | (() => string) | Signal<string> | ComponentInstance\n\n  // Appearance\n  variant?: 'switch' | 'checkbox' | 'button'\n  size?: 'small' | 'medium' | 'large'\n  color?: string\n  offColor?: string\n  thumbColor?: string\n\n  // Behavior\n  disabled?: boolean | Signal<boolean>\n  animated?: boolean\n\n  // Styling\n  labelPosition?: 'leading' | 'trailing'\n  spacing?: number\n\n  // Accessibility\n  accessibilityLabel?: string\n  accessibilityHint?: string\n}\n\n/**\n * Enhanced Toggle component class\n */\nexport class EnhancedToggle implements ComponentInstance<ToggleProps> {\n  public readonly type = 'component' as const\n  public readonly id: string\n  public mounted = false\n  public cleanup: (() => void)[] = []\n  private toggleElement: HTMLInputElement | null = null\n  // isAnimating state removed - not used in current implementation\n  private setIsAnimating: (animating: boolean) => boolean\n\n  constructor(public props: ToggleProps) {\n    this.id = `toggle-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`\n\n    // Initialize internal state\n    const [, setAnimating] = createSignal(false)\n    // this.isAnimating = animating - removed unused accessor\n    this.setIsAnimating = setAnimating\n\n    // Handle value changes reactively\n    createEffect(() => {\n      const currentValue = this.getIsOn()\n      if (this.toggleElement && this.toggleElement.checked !== currentValue) {\n        this.toggleElement.checked = currentValue\n      }\n    })\n  }\n\n  /**\n   * Get current toggle state\n   */\n  private getIsOn(): boolean {\n    const { isOn } = this.props\n    if (isSignal(isOn)) {\n      return (isOn as () => boolean)()\n    }\n    return isOn as boolean\n  }\n\n  // /**\n  //  * Get toggle state as signal or static value for DOM renderer\n  //  */\n  // private getIsOnForDOM(): boolean | (() => boolean) {\n  //   const { isOn } = this.props\n  //   if (isSignal(isOn)) {\n  //     return isOn as () => boolean\n  //   }\n  //   return isOn as boolean\n  // }\n\n  /**\n   * Check if toggle is disabled\n   */\n  private isDisabled(): boolean {\n    const { disabled } = this.props\n    if (typeof disabled === 'boolean') return disabled\n    if (isSignal(disabled)) return (disabled as () => boolean)()\n    return false\n  }\n\n  // /**\n  //  * Get disabled state as signal or static value for DOM renderer\n  //  */\n  // private getDisabledForDOM(): boolean | (() => boolean) {\n  //   const { disabled } = this.props\n  //   if (typeof disabled === 'boolean') return disabled\n  //   if (isSignal(disabled)) return disabled as () => boolean\n  //   return false\n  // }\n\n  /**\n   * Resolve label content\n   */\n  private resolveLabel(): string | ComponentInstance | null {\n    const { label } = this.props\n    if (!label) return null\n\n    if (typeof label === 'string') {\n      return label\n    } else if (typeof label === 'function') {\n      return label()\n    } else if (isSignal(label)) {\n      return (label as () => string)()\n    } else {\n      return label as ComponentInstance\n    }\n  }\n\n  /**\n   * Helper to render component content safely\n   */\n  private renderComponentContent(content: ComponentInstance): DOMNode[] {\n    const rendered = content.render()\n    return Array.isArray(rendered) ? rendered : [rendered]\n  }\n\n  /**\n   * Handle toggle change\n   */\n  private handleToggle = async (event: Event) => {\n    event.preventDefault()\n\n    if (this.isDisabled()) return\n\n    const newValue = !this.getIsOn()\n\n    if (this.props.animated !== false) {\n      this.setIsAnimating(true)\n\n      // Brief animation delay\n      setTimeout(() => {\n        this.setIsAnimating(false)\n      }, 200)\n    }\n\n    if (this.props.onToggle) {\n      this.props.onToggle(newValue)\n    }\n  }\n\n  /**\n   * Get toggle size styles\n   */\n  private getSizeStyles() {\n    const { size = 'medium' } = this.props\n\n    switch (size) {\n      case 'small':\n        return {\n          width: '36px',\n          height: '20px',\n          thumbSize: '16px',\n          fontSize: '14px',\n        }\n      case 'large':\n        return {\n          width: '56px',\n          height: '32px',\n          thumbSize: '28px',\n          fontSize: '18px',\n        }\n      default:\n        return {\n          width: '46px',\n          height: '26px',\n          thumbSize: '22px',\n          fontSize: '16px',\n        }\n    }\n  }\n\n  /**\n   * Render switch variant\n   */\n  private renderSwitch() {\n    const isOn = this.getIsOn()\n    const isDisabled = this.isDisabled()\n    const sizeStyles = this.getSizeStyles()\n    const {\n      color = '#007AFF',\n      offColor = '#e2e8f0',\n      thumbColor = '#ffffff',\n      animated = true,\n    } = this.props\n\n    const trackColor = isOn ? color : offColor\n    const thumbTransform = isOn\n      ? `translateX(${parseInt(sizeStyles.width) - parseInt(sizeStyles.thumbSize) - 2}px)`\n      : 'translateX(2px)'\n\n    return h(\n      'div',\n      {\n        style: {\n          position: 'relative',\n          display: 'inline-block',\n        },\n      },\n      // Hidden input for form integration\n      h('input', {\n        ref: (el: HTMLInputElement) => {\n          this.toggleElement = el\n\n          if (el && !this.mounted) {\n            el.addEventListener('change', this.handleToggle)\n\n            this.cleanup.push(() => {\n              el.removeEventListener('change', this.handleToggle)\n            })\n          }\n        },\n        type: 'checkbox',\n        checked: isOn,\n        disabled: isDisabled,\n        style: {\n          position: 'absolute',\n          opacity: 0,\n          width: '100%',\n          height: '100%',\n          margin: 0,\n          cursor: isDisabled ? 'not-allowed' : 'pointer',\n        },\n        'aria-label': this.props.accessibilityLabel,\n        'aria-describedby': this.props.accessibilityHint ? `${this.id}-hint` : undefined,\n      }),\n\n      // Switch track\n      h(\n        'div',\n        {\n          style: {\n            width: sizeStyles.width,\n            height: sizeStyles.height,\n            backgroundColor: trackColor,\n            borderRadius: sizeStyles.height,\n            position: 'relative',\n            cursor: isDisabled ? 'not-allowed' : 'pointer',\n            opacity: isDisabled ? 0.5 : 1,\n            transition: animated ? 'background-color 0.2s ease' : 'none',\n            border: '1px solid rgba(0,0,0,0.1)',\n            boxShadow: 'inset 0 1px 2px rgba(0,0,0,0.1)',\n          },\n          onClick: this.handleToggle,\n        },\n        // Switch thumb\n        h('div', {\n          style: {\n            width: sizeStyles.thumbSize,\n            height: sizeStyles.thumbSize,\n            backgroundColor: thumbColor,\n            borderRadius: '50%',\n            position: 'absolute',\n            top: '50%',\n            transform: `translateY(-50%) ${thumbTransform}`,\n            transition: animated ? 'transform 0.2s ease' : 'none',\n            boxShadow: '0 2px 4px rgba(0,0,0,0.2)',\n            border: '1px solid rgba(0,0,0,0.1)',\n          },\n        })\n      )\n    )\n  }\n\n  /**\n   * Render checkbox variant\n   */\n  private renderCheckbox() {\n    const isOn = this.getIsOn()\n    const isDisabled = this.isDisabled()\n    const sizeStyles = this.getSizeStyles()\n    const { color = '#007AFF' } = this.props\n\n    return h(\n      'div',\n      {\n        style: {\n          position: 'relative',\n          display: 'inline-block',\n        },\n      },\n      // Hidden input\n      h('input', {\n        ref: (el: HTMLInputElement) => {\n          this.toggleElement = el\n\n          if (el && !this.mounted) {\n            el.addEventListener('change', this.handleToggle)\n\n            this.cleanup.push(() => {\n              el.removeEventListener('change', this.handleToggle)\n            })\n          }\n        },\n        type: 'checkbox',\n        checked: isOn,\n        disabled: isDisabled,\n        style: {\n          position: 'absolute',\n          opacity: 0,\n          width: '100%',\n          height: '100%',\n          margin: 0,\n          cursor: isDisabled ? 'not-allowed' : 'pointer',\n        },\n      }),\n\n      // Checkbox visual\n      h(\n        'div',\n        {\n          style: {\n            width: sizeStyles.thumbSize,\n            height: sizeStyles.thumbSize,\n            border: `2px solid ${isOn ? color : '#d1d5db'}`,\n            borderRadius: '4px',\n            backgroundColor: isOn ? color : '#ffffff',\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'center',\n            cursor: isDisabled ? 'not-allowed' : 'pointer',\n            opacity: isDisabled ? 0.5 : 1,\n            transition: 'all 0.2s ease',\n          },\n          onClick: this.handleToggle,\n        },\n        ...(isOn\n          ? [\n              // Checkmark\n              h('div', {\n                style: {\n                  width: '6px',\n                  height: '10px',\n                  border: '2px solid white',\n                  borderTop: 'none',\n                  borderLeft: 'none',\n                  transform: 'rotate(45deg) translateY(-1px)',\n                  opacity: isOn ? 1 : 0,\n                  transition: 'opacity 0.1s ease',\n                },\n              }),\n            ]\n          : [])\n      )\n    )\n  }\n\n  /**\n   * Render button variant\n   */\n  private renderButton() {\n    const isOn = this.getIsOn()\n    const isDisabled = this.isDisabled()\n    const sizeStyles = this.getSizeStyles()\n    const { color = '#007AFF', offColor = '#f3f4f6' } = this.props\n\n    return h(\n      'button',\n      {\n        ref: (el: HTMLButtonElement) => {\n          if (el && !this.mounted) {\n            el.addEventListener('click', this.handleToggle)\n\n            this.cleanup.push(() => {\n              el.removeEventListener('click', this.handleToggle)\n            })\n          }\n        },\n        type: 'button',\n        disabled: isDisabled,\n        style: {\n          padding: '8px 16px',\n          backgroundColor: isOn ? color : offColor,\n          color: isOn ? '#ffffff' : '#374151',\n          border: `1px solid ${isOn ? color : '#d1d5db'}`,\n          borderRadius: '6px',\n          fontSize: sizeStyles.fontSize,\n          fontWeight: '500',\n          cursor: isDisabled ? 'not-allowed' : 'pointer',\n          opacity: isDisabled ? 0.5 : 1,\n          transition: 'all 0.2s ease',\n          outline: 'none',\n        },\n        'aria-pressed': isOn,\n        'aria-label': this.props.accessibilityLabel,\n      },\n      text(isOn ? 'ON' : 'OFF')\n    )\n  }\n\n  /**\n   * Render toggle control based on variant\n   */\n  private renderToggleControl() {\n    const { variant = 'switch' } = this.props\n\n    switch (variant) {\n      case 'checkbox':\n        return this.renderCheckbox()\n      case 'button':\n        return this.renderButton()\n      default:\n        return this.renderSwitch()\n    }\n  }\n\n  /**\n   * Render label content\n   */\n  private renderLabel() {\n    const labelContent = this.resolveLabel()\n    if (!labelContent) return null\n\n    const sizeStyles = this.getSizeStyles()\n\n    return h(\n      'span',\n      {\n        style: {\n          fontSize: sizeStyles.fontSize,\n          color: this.isDisabled() ? '#9ca3af' : '#374151',\n          cursor: this.isDisabled() ? 'not-allowed' : 'pointer',\n        },\n        onClick: this.isDisabled() ? undefined : this.handleToggle,\n      },\n      ...(typeof labelContent === 'string'\n        ? [text(labelContent)]\n        : this.renderComponentContent(labelContent as ComponentInstance))\n    )\n  }\n\n  render() {\n    const { labelPosition = 'trailing', spacing = 8, accessibilityHint } = this.props\n\n    const label = this.renderLabel()\n    const control = this.renderToggleControl()\n\n    // Arrange label and control based on position\n    const children =\n      labelPosition === 'leading' && label ? [label, control] : label ? [control, label] : [control]\n\n    return h(\n      'div',\n      {\n        style: {\n          display: 'flex',\n          alignItems: 'center',\n          gap: label ? `${spacing}px` : '0',\n          cursor: this.isDisabled() ? 'not-allowed' : 'pointer',\n        },\n        'aria-describedby': accessibilityHint ? `${this.id}-hint` : undefined,\n      },\n      ...children,\n\n      // Accessibility hint\n      ...(accessibilityHint\n        ? [\n            h(\n              'div',\n              {\n                id: `${this.id}-hint`,\n                style: {\n                  fontSize: '12px',\n                  color: '#6b7280',\n                  marginTop: '4px',\n                  display: 'block',\n                  width: '100%',\n                },\n              },\n              text(accessibilityHint)\n            ),\n          ]\n        : [])\n    )\n  }\n}\n\n/**\n * Toggle component function\n */\nexport function Toggle(\n  isOn: boolean | Signal<boolean>,\n  props: Omit<ToggleProps, 'isOn'> = {}\n): ModifiableComponent<ToggleProps> & {\n  modifier: ModifierBuilder<ModifiableComponent<ToggleProps>>\n} {\n  const toggleProps: ToggleProps = { ...props, isOn }\n  const component = new EnhancedToggle(toggleProps)\n  return withModifiers(component)\n}\n\n/**\n * Toggle with label\n */\nexport function ToggleWithLabel(\n  label: string | (() => string) | Signal<string> | ComponentInstance,\n  isOn: boolean | Signal<boolean>,\n  props: Omit<ToggleProps, 'isOn' | 'label'> = {}\n) {\n  return Toggle(isOn, { ...props, label })\n}\n\n/**\n * Toggle style variants\n */\nexport const ToggleStyles = {\n  /**\n   * Switch toggle (default)\n   */\n  Switch(isOn: boolean | Signal<boolean>, props: Omit<ToggleProps, 'isOn' | 'variant'> = {}) {\n    return Toggle(isOn, { ...props, variant: 'switch' })\n  },\n\n  /**\n   * Checkbox toggle\n   */\n  Checkbox(isOn: boolean | Signal<boolean>, props: Omit<ToggleProps, 'isOn' | 'variant'> = {}) {\n    return Toggle(isOn, { ...props, variant: 'checkbox' })\n  },\n\n  /**\n   * Button toggle\n   */\n  Button(isOn: boolean | Signal<boolean>, props: Omit<ToggleProps, 'isOn' | 'variant'> = {}) {\n    return Toggle(isOn, { ...props, variant: 'button' })\n  },\n\n  /**\n   * Small toggle\n   */\n  Small(isOn: boolean | Signal<boolean>, props: Omit<ToggleProps, 'isOn' | 'size'> = {}) {\n    return Toggle(isOn, { ...props, size: 'small' })\n  },\n\n  /**\n   * Large toggle\n   */\n  Large(isOn: boolean | Signal<boolean>, props: Omit<ToggleProps, 'isOn' | 'size'> = {}) {\n    return Toggle(isOn, { ...props, size: 'large' })\n  },\n\n  /**\n   * Custom color toggle\n   */\n  CustomColor(\n    isOn: boolean | Signal<boolean>,\n    color: string,\n    props: Omit<ToggleProps, 'isOn' | 'color'> = {}\n  ) {\n    return Toggle(isOn, { ...props, color })\n  },\n\n  /**\n   * Toggle with leading label\n   */\n  WithLeadingLabel(\n    label: string | (() => string) | Signal<string> | ComponentInstance,\n    isOn: boolean | Signal<boolean>,\n    props: Omit<ToggleProps, 'isOn' | 'label' | 'labelPosition'> = {}\n  ) {\n    return Toggle(isOn, { ...props, label, labelPosition: 'leading' })\n  },\n\n  /**\n   * Toggle with trailing label (default)\n   */\n  WithTrailingLabel(\n    label: string | (() => string) | Signal<string> | ComponentInstance,\n    isOn: boolean | Signal<boolean>,\n    props: Omit<ToggleProps, 'isOn' | 'label' | 'labelPosition'> = {}\n  ) {\n    return Toggle(isOn, { ...props, label, labelPosition: 'trailing' })\n  },\n}\n\n/**\n * Toggle utilities\n */\nexport const ToggleUtils = {\n  /**\n   * Create a toggle group with multiple options\n   */\n  createGroup(\n    options: Array<{\n      key: string\n      label: string\n      isOn: boolean | Signal<boolean>\n      onToggle?: (isOn: boolean) => void\n    }>,\n    props: Omit<ToggleProps, 'isOn' | 'label' | 'onToggle'> = {}\n  ) {\n    return options.map((option) =>\n      ToggleWithLabel(option.label, option.isOn, {\n        ...props,\n        onToggle: option.onToggle,\n      })\n    )\n  },\n\n  /**\n   * Create exclusive toggle group (radio-like behavior)\n   */\n  createExclusiveGroup(\n    options: Array<{\n      key: string\n      label: string\n    }>,\n    selectedKey: string | Signal<string>,\n    onSelectionChange?: (key: string) => void,\n    props: Omit<ToggleProps, 'isOn' | 'label' | 'onToggle'> = {}\n  ) {\n    const getSelectedKey = () => {\n      if (isSignal(selectedKey)) {\n        return (selectedKey as () => string)()\n      }\n      return selectedKey as string\n    }\n\n    return options.map((option) =>\n      ToggleWithLabel(option.label, getSelectedKey() === option.key, {\n        ...props,\n        onToggle: (isOn: boolean) => {\n          if (isOn && onSelectionChange) {\n            onSelectionChange(option.key)\n          }\n        },\n      })\n    )\n  },\n\n  /**\n   * Batch toggle operations\n   */\n  batch: {\n    /**\n     * Toggle all items in a group\n     */\n    toggleAll(\n      toggles: Array<{ isOn: boolean | Signal<boolean>; onToggle?: (isOn: boolean) => void }>,\n      newState: boolean\n    ) {\n      toggles.forEach((toggle) => {\n        if (toggle.onToggle) {\n          toggle.onToggle(newState)\n        }\n      })\n    },\n\n    /**\n     * Get state of all toggles in a group\n     */\n    getStates(toggles: Array<{ isOn: boolean | Signal<boolean> }>): boolean[] {\n      return toggles.map((toggle) => {\n        if (isSignal(toggle.isOn)) {\n          return (toggle.isOn as () => boolean)()\n        }\n        return toggle.isOn as boolean\n      })\n    },\n\n    /**\n     * Check if all toggles are on\n     */\n    allOn(toggles: Array<{ isOn: boolean | Signal<boolean> }>): boolean {\n      return this.getStates(toggles).every((state) => state)\n    },\n\n    /**\n     * Check if any toggle is on\n     */\n    anyOn(toggles: Array<{ isOn: boolean | Signal<boolean> }>): boolean {\n      return this.getStates(toggles).some((state) => state)\n    },\n  },\n}\n"],"names":["EnhancedToggle","props","__publicField","event","newValue","setAnimating","createSignal","createEffect","currentValue","isOn","isSignal","disabled","label","content","rendered","size","isDisabled","sizeStyles","color","offColor","thumbColor","animated","trackColor","thumbTransform","h","el","text","variant","labelContent","labelPosition","spacing","accessibilityHint","control","children","Toggle","toggleProps","component","withModifiers","ToggleWithLabel","ToggleStyles","ToggleUtils","options","option","selectedKey","onSelectionChange","getSelectedKey","toggles","newState","toggle","state"],"mappings":"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"}