@tachui/core 0.7.0-alpha1

package/dist/components/Spacer.js

@@ -0,0 +1,53 @@
+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 p } from "../runtime/renderer.js";
+import "../runtime/element-override.js";
+import "../runtime/semantic-role-manager.js";
+import "../runtime/development-warnings.js";
+import { withModifiers as s } from "./wrapper.js";
+import "../css-classes/css-class-manager.js";
+import { ComponentWithCSSClasses as m } from "../css-classes/component-base.js";
+var n = Object.defineProperty, a = (r, t, e) => t in r ? n(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e, i = (r, t, e) => a(r, typeof t != "symbol" ? t + "" : t, e);
+class l extends m {
+  constructor(t) {
+    super(), i(this, "type", "component"), i(this, "id"), i(this, "props"), this.props = t, this.id = `spacer-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
+  }
+  render() {
+    const t = this.props.minLength ?? 0, e = ["tachui-spacer"], o = this.createClassString(this.props, e);
+    return p("div", {
+      className: o,
+      style: {
+        // Core flex properties for expansion
+        flexGrow: "1",
+        flexShrink: "1",
+        flexBasis: "0",
+        // Minimum size constraints
+        minWidth: `${t}px`,
+        minHeight: `${t}px`,
+        // Ensure proper behavior in both directions
+        alignSelf: "stretch"
+        // Visual debugging (remove in production)
+        // backgroundColor: 'rgba(255, 0, 0, 0.1)', // Uncomment to visualize spacers
+      }
+    });
+  }
+}
+function F(r) {
+  let t;
+  return typeof r == "number" ? t = { minLength: r } : t = r || {}, s(new l(t));
+}
+export {
+  F as Spacer,
+  l as SpacerComponent
+};
+//# sourceMappingURL=Spacer.js.map

package/dist/components/Spacer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spacer.js","sources":["../../src/components/Spacer.ts"],"sourcesContent":["/**\n * Spacer Component\n *\n * SwiftUI-inspired Spacer component that expands to fill available space\n * along the main axis of its container. Behaves like SwiftUI.Spacer.\n */\n\nimport type { ModifiableComponent, ModifierBuilder } from '../modifiers/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 * Spacer component properties with CSS classes support\n */\nexport interface SpacerProps extends ComponentProps, CSSClassesProps {\n  minLength?: number // Minimum space along the main axis\n}\n\n/**\n * Spacer component implementation with CSS classes support\n */\nexport class SpacerComponent extends ComponentWithCSSClasses implements ComponentInstance<SpacerProps> {\n  public readonly type = 'component' as const\n  public readonly id: string\n  public readonly props: SpacerProps\n\n  constructor(props: SpacerProps) {\n    super()\n    this.props = props\n    this.id = `spacer-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`\n  }\n\n  render(): DOMNode {\n    const minLength = this.props.minLength ?? 0\n    \n    // Process CSS classes for this component\n    const baseClasses = ['tachui-spacer']\n    const classString = this.createClassString(this.props, baseClasses)\n\n    // Create a div element that acts as a flexible spacer\n    const element = h('div', {\n      className: classString,\n      style: {\n        // Core flex properties for expansion\n        flexGrow: '1',\n        flexShrink: '1',\n        flexBasis: '0',\n\n        // Minimum size constraints\n        minWidth: `${minLength}px`,\n        minHeight: `${minLength}px`,\n\n        // Ensure proper behavior in both directions\n        alignSelf: 'stretch',\n\n        // Visual debugging (remove in production)\n        // backgroundColor: 'rgba(255, 0, 0, 0.1)', // Uncomment to visualize spacers\n      },\n    })\n\n    return element\n  }\n}\n\n/**\n * Create a Spacer component with optional minimum length\n */\nexport function Spacer(minLength?: number): ModifiableComponent<SpacerProps> & {\n  modifier: ModifierBuilder<ModifiableComponent<SpacerProps>>\n}\nexport function Spacer(props?: SpacerProps): ModifiableComponent<SpacerProps> & {\n  modifier: ModifierBuilder<ModifiableComponent<SpacerProps>>\n}\nexport function Spacer(\n  minLengthOrProps?: number | SpacerProps\n): ModifiableComponent<SpacerProps> & {\n  modifier: ModifierBuilder<ModifiableComponent<SpacerProps>>\n} {\n  let props: SpacerProps\n\n  if (typeof minLengthOrProps === 'number') {\n    props = { minLength: minLengthOrProps }\n  } else {\n    props = minLengthOrProps || {}\n  }\n\n  return withModifiers(new SpacerComponent(props))\n}\n"],"names":["SpacerComponent","ComponentWithCSSClasses","props","__publicField","minLength","baseClasses","classString","h","Spacer","minLengthOrProps","withModifiers"],"mappings":";;;;;;;;;;;;;;;;;;;;AA0BO,MAAMA,UAAwBC,EAAkE;AAAA,EAKrG,YAAYC,GAAoB;AAC9B,UAAA,GALFC,EAAA,MAAgB,QAAO,WAAA,GACvBA,EAAA,MAAgB,IAAA,GAChBA,EAAA,MAAgB,OAAA,GAId,KAAK,QAAQD,GACb,KAAK,KAAK,UAAU,KAAK,IAAA,CAAK,IAAI,KAAK,OAAA,EAAS,SAAS,EAAE,EAAE,OAAO,GAAG,CAAC,CAAC;AAAA,EAC3E;AAAA,EAEA,SAAkB;AAChB,UAAME,IAAY,KAAK,MAAM,aAAa,GAGpCC,IAAc,CAAC,eAAe,GAC9BC,IAAc,KAAK,kBAAkB,KAAK,OAAOD,CAAW;AAuBlE,WApBgBE,EAAE,OAAO;AAAA,MACvB,WAAWD;AAAA,MACX,OAAO;AAAA;AAAA,QAEL,UAAU;AAAA,QACV,YAAY;AAAA,QACZ,WAAW;AAAA;AAAA,QAGX,UAAU,GAAGF,CAAS;AAAA,QACtB,WAAW,GAAGA,CAAS;AAAA;AAAA,QAGvB,WAAW;AAAA;AAAA;AAAA,MAAA;AAAA,IAIb,CACD;AAAA,EAGH;AACF;AAWO,SAASI,EACdC,GAGA;AACA,MAAIP;AAEJ,SAAI,OAAOO,KAAqB,WAC9BP,IAAQ,EAAE,WAAWO,EAAA,IAErBP,IAAQO,KAAoB,CAAA,GAGvBC,EAAc,IAAIV,EAAgBE,CAAK,CAAC;AACjD;"}

package/dist/components/Text.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../runtime/component.cjs");require("../runtime/context.cjs");require("../runtime/dev-tools.cjs");require("../runtime/dom-bridge.cjs");require("../runtime/error-boundary.cjs");require("../reactive/cleanup.cjs");require("../reactive/unified-scheduler.cjs");require("../reactive/signal.cjs");require("../reactive/scheduler.cjs");require("../reactive/theme.cjs");require("../runtime/error-reporting.cjs");require("../runtime/performance.cjs");const u=require("../runtime/renderer.cjs"),h=require("../runtime/element-override.cjs");require("../runtime/semantic-role-manager.cjs");require("../runtime/development-warnings.cjs");const p=require("./wrapper.cjs"),s=require("../concatenation/concatenated-component.cjs");require("../css-classes/css-class-manager.cjs");const m=require("../css-classes/component-base.cjs");var f=Object.defineProperty,g=(t,e,i)=>e in t?f(t,e,{enumerable:!0,configurable:!0,writable:!0,value:i}):t[e]=i,a=(t,e,i)=>g(t,typeof e!="symbol"?e+"":e,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 d extends m.ComponentWithCSSClasses{constructor(e){super(),this.props=e,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=h.processElementOverride("Text","span",this.props.element);this.effectiveTag=i.tag,this.validationResult=i.validation}render(){const e=["tachui-text"],i=this.createClassString(this.props,e),n=u.h(this.effectiveTag,{className:i,...this.props.debugLabel&&{debugLabel:this.props.debugLabel}},u.text(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]}concat(e){const i=this.toSegment(),n=e.toSegment(),c={totalSegments:e instanceof s.ConcatenatedComponent?e.segments.length+1:2,accessibilityRole:e instanceof s.ConcatenatedComponent?this.mergeAccessibilityRoles("text",e.metadata.accessibilityRole):this.determineAccessibilityRole(e),semanticStructure:e instanceof s.ConcatenatedComponent?this.mergeSemanticStructures("inline",e.metadata.semanticStructure):this.determineSemanticStructure(e)};return e instanceof s.ConcatenatedComponent?new s.ConcatenatedComponent([i,...e.segments],c):new s.ConcatenatedComponent([i,n],c)}toSegment(){return{id:this.id,component:this,modifiers:this.modifiers||[],render:()=>this.render()[0]}}isConcatenatable(){return!0}getTextContent(){const e=this.props.content;return typeof e=="string"?e:typeof e=="function"?e():e&&typeof e=="object"&&"peek"in e&&e.peek()||""}determineAccessibilityRole(e){const i=e.constructor.name;return i==="EnhancedText"?"text":"group"}determineSemanticStructure(e){const i=e.constructor.name;return i==="EnhancedText"||i==="EnhancedImage"||i==="EnhancedButton"||i==="EnhancedLink"?"inline":"mixed"}mergeAccessibilityRoles(e,i){return e==="text"&&i==="text"?"text":e==="composite"||i==="composite"?"composite":"group"}mergeSemanticStructures(e,i){return e==="inline"&&i==="inline"?"inline":e==="block"&&i==="block"?"block":"mixed"}}function o(t,e={}){const i={...e,content:t},n=new d(i);return p.withModifiers(n)}const T={LargeTitle:(t,e={})=>o(t,{...e,font:r.largeTitle}),Title:(t,e={})=>o(t,{...e,font:r.title}),Title2:(t,e={})=>o(t,{...e,font:r.title2}),Title3:(t,e={})=>o(t,{...e,font:r.title3}),Headline:(t,e={})=>o(t,{...e,font:r.headline}),Body:(t,e={})=>o(t,{...e,font:r.body}),Callout:(t,e={})=>o(t,{...e,font:r.callout}),Subheadline:(t,e={})=>o(t,{...e,font:r.subheadline}),Footnote:(t,e={})=>o(t,{...e,font:r.footnote}),Caption:(t,e={})=>o(t,{...e,font:r.caption}),Caption2:(t,e={})=>o(t,{...e,font:r.caption2})},b={formatted(t,e,i={}){const n={...i.font};let c=i.textDecoration||"none";e.bold&&(n.weight="bold"),e.italic&&(n.style="italic"),e.monospace&&(n.family="monospace"),e.smallCaps&&(n.variant="small-caps");const l=[];return e.underline&&l.push("underline"),e.strikethrough&&l.push("line-through"),l.length>0&&(c=l.join(" ")),o(t,{...i,font:n,textDecoration:c})},bold(t,e={}){return this.formatted(t,{bold:!0},e)},italic(t,e={}){return this.formatted(t,{italic:!0},e)},underline(t,e={}){return this.formatted(t,{underline:!0},e)},monospace(t,e={}){return this.formatted(t,{monospace:!0},e)}};exports.EnhancedText=d;exports.Text=o;exports.TextFormat=b;exports.TextStyles=T;exports.Typography=r;
+//# sourceMappingURL=Text.cjs.map

package/dist/components/Text.cjs.map

@@ -0,0 +1 @@
+{"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.d.ts

@@ -0,0 +1,242 @@
+/**
+ * Enhanced Text Component (Phase 5.1)
+ *
+ * SwiftUI-inspired Text component with full typography support,
+ * text formatting, and advanced styling capabilities.
+ */
+import type { ModifiableComponent, ModifierBuilder } from '../modifiers/types';
+import type { Signal } from '../reactive/types';
+import type { ComponentInstance, ComponentProps } from '../runtime/types';
+import type { Concatenatable, ComponentSegment } from '../concatenation/types';
+import { ConcatenatedComponent } from '../concatenation/concatenated-component';
+import { type ElementOverrideProps } from '../runtime/element-override';
+import { ComponentWithCSSClasses, type CSSClassesProps } from '../css-classes';
+/**
+ * Text component properties with element override support and CSS classes
+ */
+export interface TextProps extends ComponentProps, ElementOverrideProps, CSSClassesProps {
+    content?: string | (() => string) | Signal<string>;
+    font?: {
+        family?: string;
+        size?: number | string;
+        weight?: 'normal' | 'bold' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
+        style?: 'normal' | 'italic' | 'oblique';
+        variant?: 'normal' | 'small-caps';
+    };
+    color?: string | Signal<string>;
+    backgroundColor?: string | Signal<string>;
+    textAlign?: 'left' | 'center' | 'right' | 'justify';
+    textDecoration?: 'none' | 'underline' | 'line-through' | 'overline';
+    textTransform?: 'none' | 'uppercase' | 'lowercase' | 'capitalize';
+    lineHeight?: number | string;
+    letterSpacing?: number | string;
+    wordSpacing?: number | string;
+    lineLimit?: number;
+    truncationMode?: 'head' | 'tail' | 'middle';
+    allowsSelection?: boolean;
+    accessibilityLabel?: string;
+    accessibilityRole?: 'text' | 'heading' | 'label';
+    accessibilityLevel?: 1 | 2 | 3 | 4 | 5 | 6;
+    onTap?: () => void;
+    onLongPress?: () => void;
+}
+/**
+ * Text formatting options
+ */
+export interface TextFormatting {
+    bold?: boolean;
+    italic?: boolean;
+    underline?: boolean;
+    strikethrough?: boolean;
+    monospace?: boolean;
+    smallCaps?: boolean;
+}
+/**
+ * Typography presets following SwiftUI patterns
+ */
+export declare const Typography: {
+    largeTitle: {
+        size: number;
+        weight: "400";
+        lineHeight: number;
+    };
+    title: {
+        size: number;
+        weight: "400";
+        lineHeight: number;
+    };
+    title2: {
+        size: number;
+        weight: "400";
+        lineHeight: number;
+    };
+    title3: {
+        size: number;
+        weight: "400";
+        lineHeight: number;
+    };
+    headline: {
+        size: number;
+        weight: "600";
+        lineHeight: number;
+    };
+    body: {
+        size: number;
+        weight: "400";
+        lineHeight: number;
+    };
+    callout: {
+        size: number;
+        weight: "400";
+        lineHeight: number;
+    };
+    subheadline: {
+        size: number;
+        weight: "400";
+        lineHeight: number;
+    };
+    footnote: {
+        size: number;
+        weight: "400";
+        lineHeight: number;
+    };
+    caption: {
+        size: number;
+        weight: "400";
+        lineHeight: number;
+    };
+    caption2: {
+        size: number;
+        weight: "400";
+        lineHeight: number;
+    };
+};
+/**
+ * Enhanced Text component class with reactive content handling, concatenation support, element override, and CSS classes
+ */
+export declare class EnhancedText extends ComponentWithCSSClasses implements ComponentInstance<TextProps>, Concatenatable<TextProps> {
+    props: TextProps;
+    readonly type: "component";
+    readonly id: string;
+    mounted: boolean;
+    cleanup: (() => void)[];
+    private effectiveTag;
+    private validationResult;
+    constructor(props: TextProps);
+    /**
+     * Render the text component with reactive content handling, element override support, and CSS classes
+     */
+    render(): import("../runtime").DOMNode[];
+    /**
+     * Concatenate this text component with another concatenatable component
+     */
+    concat<U extends Concatenatable<any>>(other: U): ConcatenatedComponent<TextProps | U>;
+    /**
+     * Convert this text component to a segment for concatenation
+     */
+    toSegment(): ComponentSegment;
+    /**
+     * Check if this component supports concatenation
+     */
+    isConcatenatable(): boolean;
+    /**
+     * Get the text content for accessibility purposes
+     */
+    getTextContent(): string;
+    /**
+     * Determine accessibility role when concatenating with another component
+     */
+    private determineAccessibilityRole;
+    /**
+     * Determine semantic structure when concatenating with another component
+     */
+    private determineSemanticStructure;
+    /**
+     * Merge accessibility roles
+     */
+    private mergeAccessibilityRoles;
+    /**
+     * Merge semantic structures
+     */
+    private mergeSemanticStructures;
+}
+/**
+ * Create enhanced Text component with modifier support
+ */
+export declare function Text(content: string | (() => string) | Signal<string>, props?: Omit<TextProps, 'content'>): ModifiableComponent<TextProps> & {
+    modifier: ModifierBuilder<ModifiableComponent<TextProps>>;
+};
+/**
+ * Typography preset components
+ */
+export declare const TextStyles: {
+    LargeTitle: (content: string | (() => string) | Signal<string>, props?: Omit<TextProps, "content" | "font">) => ModifiableComponent<TextProps> & {
+        modifier: ModifierBuilder<ModifiableComponent<TextProps>>;
+    };
+    Title: (content: string | (() => string) | Signal<string>, props?: Omit<TextProps, "content" | "font">) => ModifiableComponent<TextProps> & {
+        modifier: ModifierBuilder<ModifiableComponent<TextProps>>;
+    };
+    Title2: (content: string | (() => string) | Signal<string>, props?: Omit<TextProps, "content" | "font">) => ModifiableComponent<TextProps> & {
+        modifier: ModifierBuilder<ModifiableComponent<TextProps>>;
+    };
+    Title3: (content: string | (() => string) | Signal<string>, props?: Omit<TextProps, "content" | "font">) => ModifiableComponent<TextProps> & {
+        modifier: ModifierBuilder<ModifiableComponent<TextProps>>;
+    };
+    Headline: (content: string | (() => string) | Signal<string>, props?: Omit<TextProps, "content" | "font">) => ModifiableComponent<TextProps> & {
+        modifier: ModifierBuilder<ModifiableComponent<TextProps>>;
+    };
+    Body: (content: string | (() => string) | Signal<string>, props?: Omit<TextProps, "content" | "font">) => ModifiableComponent<TextProps> & {
+        modifier: ModifierBuilder<ModifiableComponent<TextProps>>;
+    };
+    Callout: (content: string | (() => string) | Signal<string>, props?: Omit<TextProps, "content" | "font">) => ModifiableComponent<TextProps> & {
+        modifier: ModifierBuilder<ModifiableComponent<TextProps>>;
+    };
+    Subheadline: (content: string | (() => string) | Signal<string>, props?: Omit<TextProps, "content" | "font">) => ModifiableComponent<TextProps> & {
+        modifier: ModifierBuilder<ModifiableComponent<TextProps>>;
+    };
+    Footnote: (content: string | (() => string) | Signal<string>, props?: Omit<TextProps, "content" | "font">) => ModifiableComponent<TextProps> & {
+        modifier: ModifierBuilder<ModifiableComponent<TextProps>>;
+    };
+    Caption: (content: string | (() => string) | Signal<string>, props?: Omit<TextProps, "content" | "font">) => ModifiableComponent<TextProps> & {
+        modifier: ModifierBuilder<ModifiableComponent<TextProps>>;
+    };
+    Caption2: (content: string | (() => string) | Signal<string>, props?: Omit<TextProps, "content" | "font">) => ModifiableComponent<TextProps> & {
+        modifier: ModifierBuilder<ModifiableComponent<TextProps>>;
+    };
+};
+/**
+ * Text formatting utilities
+ */
+export declare const TextFormat: {
+    /**
+     * Apply multiple formatting options to text
+     */
+    formatted(content: string | (() => string) | Signal<string>, formatting: TextFormatting, props?: Omit<TextProps, "content">): ModifiableComponent<TextProps> & {
+        modifier: ModifierBuilder<ModifiableComponent<TextProps>>;
+    };
+    /**
+     * Create bold text
+     */
+    bold(content: string | (() => string) | Signal<string>, props?: Omit<TextProps, "content">): ModifiableComponent<TextProps> & {
+        modifier: ModifierBuilder<ModifiableComponent<TextProps>>;
+    };
+    /**
+     * Create italic text
+     */
+    italic(content: string | (() => string) | Signal<string>, props?: Omit<TextProps, "content">): ModifiableComponent<TextProps> & {
+        modifier: ModifierBuilder<ModifiableComponent<TextProps>>;
+    };
+    /**
+     * Create underlined text
+     */
+    underline(content: string | (() => string) | Signal<string>, props?: Omit<TextProps, "content">): ModifiableComponent<TextProps> & {
+        modifier: ModifierBuilder<ModifiableComponent<TextProps>>;
+    };
+    /**
+     * Create monospace text
+     */
+    monospace(content: string | (() => string) | Signal<string>, props?: Omit<TextProps, "content">): ModifiableComponent<TextProps> & {
+        modifier: ModifierBuilder<ModifiableComponent<TextProps>>;
+    };
+};
+//# sourceMappingURL=Text.d.ts.map

package/dist/components/Text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../src/components/Text.ts"],"names":[],"mappings":"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"}

package/dist/components/Text.js

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

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