@tachui/core 0.7.0-alpha1

package/dist/components/index.js

@@ -0,0 +1,104 @@
+import { BasicInput as o, BasicInputStyles as r, BasicInputUtils as i } from "./BasicInput.js";
+import { BaseGridComponent as a, EnhancedGrid as c, EnhancedGridRow as l, EnhancedLazyHGrid as m, EnhancedLazyVGrid as d, Grid as s, GridCSSGenerator as p, GridItem as S, GridRow as h, LazyHGrid as f, LazyVGrid as x } from "./Grid.js";
+import { Button as g, ButtonStyles as u, EnhancedButton as E, defaultButtonTheme as T } from "./Button.js";
+import { Divider as G, DividerStyles as H, DividerUtils as L, defaultDividerTheme as F } from "./Divider.js";
+import { BasicForm as U, BasicFormImplementation as k, BasicFormStyles as w, BasicFormValidation as M } from "./Form.js";
+import { EnhancedImage as C, Image as v, ImageContentModes as W, ImageStates as z, ImageUtils as D } from "./Image.js";
+import { Link as R, LinkUtils as b } from "./EnhancedLink.js";
+import { EnhancedList as j, For as q, ForEach as A, ForEachComponent as J, List as K, ListUtils as N } from "./List.js";
+import { Menu as Q, MenuStyles as X, MenuUtils as Y, defaultMenuTheme as _ } from "./Menu.js";
+import { EnhancedPicker as ee, Picker as te, PickerStyles as oe, PickerUtils as re } from "./Picker.js";
+import { EnhancedScrollView as ne, ScrollView as ae, ScrollViewUtils as ce } from "./ScrollView.js";
+import { EnhancedSection as me, Section as de, SectionStyles as se, SectionWithHeader as pe, SectionWithHeaderFooter as Se } from "./Section.js";
+import { Show as fe, Unless as xe, When as ye } from "./Show.js";
+import { Spacer as ue } from "./Spacer.js";
+import { Text as Te, TextFormat as Be, TextStyles as Ge, Typography as He } from "./Text.js";
+import { EnhancedToggle as Fe, Toggle as Ie, ToggleStyles as Ue, ToggleUtils as ke, ToggleWithLabel as we } from "./Toggle.js";
+import { H1 as Ve, H2 as Ce, H3 as ve, H4 as We, H5 as ze, H6 as De, HStack as Pe, HTML as Re, Layout as be, VStack as Ze, ZStack as je, createModifiableComponentFactory as qe, createReactiveWrapper as Ae, withModifierSupport as Je, withModifiers as Ke, wrapComponent as Ne } from "./wrapper.js";
+export {
+  a as BaseGridComponent,
+  U as BasicForm,
+  k as BasicFormImplementation,
+  w as BasicFormStyles,
+  M as BasicFormValidation,
+  o as BasicInput,
+  r as BasicInputStyles,
+  i as BasicInputUtils,
+  g as Button,
+  u as ButtonStyles,
+  G as Divider,
+  H as DividerStyles,
+  L as DividerUtils,
+  E as EnhancedButton,
+  c as EnhancedGrid,
+  l as EnhancedGridRow,
+  C as EnhancedImage,
+  m as EnhancedLazyHGrid,
+  d as EnhancedLazyVGrid,
+  j as EnhancedList,
+  ee as EnhancedPicker,
+  ne as EnhancedScrollView,
+  me as EnhancedSection,
+  Fe as EnhancedToggle,
+  q as For,
+  A as ForEach,
+  J as ForEachComponent,
+  s as Grid,
+  p as GridCSSGenerator,
+  S as GridItem,
+  h as GridRow,
+  Ve as H1,
+  Ce as H2,
+  ve as H3,
+  We as H4,
+  ze as H5,
+  De as H6,
+  Pe as HStack,
+  Re as HTML,
+  v as Image,
+  W as ImageContentModes,
+  z as ImageStates,
+  D as ImageUtils,
+  be as Layout,
+  f as LazyHGrid,
+  x as LazyVGrid,
+  R as Link,
+  b as LinkUtils,
+  K as List,
+  N as ListUtils,
+  Q as Menu,
+  X as MenuStyles,
+  Y as MenuUtils,
+  te as Picker,
+  oe as PickerStyles,
+  re as PickerUtils,
+  ae as ScrollView,
+  ce as ScrollViewUtils,
+  de as Section,
+  se as SectionStyles,
+  pe as SectionWithHeader,
+  Se as SectionWithHeaderFooter,
+  fe as Show,
+  ue as Spacer,
+  Te as Text,
+  Be as TextFormat,
+  Ge as TextStyles,
+  Ie as Toggle,
+  Ue as ToggleStyles,
+  ke as ToggleUtils,
+  we as ToggleWithLabel,
+  He as Typography,
+  xe as Unless,
+  Ze as VStack,
+  ye as When,
+  je as ZStack,
+  qe as createModifiableComponentFactory,
+  Ae as createReactiveWrapper,
+  T as defaultButtonTheme,
+  F as defaultDividerTheme,
+  _ as defaultMenuTheme,
+  Je as withModifierSupport,
+  Ke as withModifiers,
+  Ne as wrapComponent
+};
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

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

package/dist/components/wrapper.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../reactive/cleanup.cjs");require("../reactive/unified-scheduler.cjs");require("../reactive/signal.cjs");require("../reactive/scheduler.cjs");require("../reactive/theme.cjs");const w=require("../modifiers/builder.cjs");require("../modifiers/core.cjs");const T=require("../modifiers/registry.cjs");require("../modifiers/responsive/breakpoints.cjs");require("../modifiers/responsive/css-generator.cjs");require("../modifiers/responsive/performance.cjs");require("../modifiers/responsive/dev-tools.cjs");require("../modifiers/effects.cjs");require("../modifiers/elements.cjs");require("../modifiers/basic-sanitizer.cjs");require("../modifiers/as-html-validator.cjs");require("../runtime/component.cjs");require("../runtime/context.cjs");require("../runtime/dev-tools.cjs");const A=require("../runtime/dom-bridge.cjs");require("../runtime/error-boundary.cjs");require("../runtime/error-reporting.cjs");require("../runtime/performance.cjs");const q=require("../runtime/renderer.cjs"),H=require("../runtime/element-override.cjs");require("../runtime/semantic-role-manager.cjs");require("../runtime/development-warnings.cjs");const R=require("../lifecycle/hooks.cjs");require("../css-classes/css-class-manager.cjs");const E=require("../css-classes/component-base.cjs");var x=Object.defineProperty,P=(e,t,r)=>t in e?x(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,f=(e,t,r)=>P(e,typeof t!="symbol"?t+"":t,r);let M=null;const _=()=>{if(!M)try{M=require("../debug").debugManager}catch{M={isEnabled:()=>!1,logComponent:()=>{}}}return M};function $(e){return e&&typeof e.concat=="function"&&typeof e.toSegment=="function"&&typeof e.isConcatenatable=="function"}function c(e){const t=T.createModifiableComponent(e),r=w.createModifierBuilder(t),n={...t,modifier:r,modifierBuilder:r};return $(e)&&(n.concat=function(i){return e.concat(i)},n.toSegment=function(){return e.toSegment()},n.isConcatenatable=function(){return e.isConcatenatable()}),n}function L(e,t={}){const{enableModifiers:r=!0}=t;return n=>{const i={type:"component",id:`wrapper-${Date.now()}-${Math.random().toString(36).substr(2,9)}`,props:n,mounted:!1,cleanup:[],render(){const a=e(n);return Array.isArray(a)?a:[a]}};return c(i)}}class g{constructor(t,r,n,i={}){this.props=t,this.tag=r,this.content=n,this.attributes=i,f(this,"type","component"),f(this,"id"),f(this,"mounted",!1),f(this,"cleanup",[]),this.id=`element-${Date.now()}-${Math.random().toString(36).substr(2,9)}`}render(){return[q.h(this.tag,this.attributes,this.content?q.text(this.content):"")]}}const v={div:(e={})=>{const t=new g(e,"div",e.children?String(e.children):void 0);return c(t)},span:(e={})=>{const t=new g(e,"span",e.children?String(e.children):void 0);return c(t)},p:(e={})=>{const t=new g(e,"p",e.children?String(e.children):void 0);return c(t)},button:(e={})=>{const t=new g(e,"button",e.children?String(e.children):void 0,{onclick:e.onClick});return c(t)},input:(e={})=>{const t=new g(e,"input",void 0,{type:e.type||"text",value:e.value||"",placeholder:e.placeholder||"",oninput:r=>{const n=r.target;e.onChange?.(n.value)}});return c(t)},img:e=>{const t=new g(e,"img",void 0,{src:e.src,alt:e.alt||"",width:e.width,height:e.height});return c(t)},heading:e=>(t={})=>{const r=new g(t,`h${e}`,t.children?String(t.children):void 0);return c(r)}},D=v.heading(1),O=v.heading(2),W=v.heading(3),N=v.heading(4),V=v.heading(5),Z=v.heading(6);class b extends E.ComponentWithCSSClasses{constructor(t,r,n=[],i={}){super(),this.props=t,this.layoutType=r,this.children=n,this.layoutProps=i,f(this,"type","component"),f(this,"id"),f(this,"mounted",!1),f(this,"cleanup",[]),f(this,"effectiveTag"),f(this,"validationResult"),this.id=`layout-${Date.now()}-${Math.random().toString(36).substr(2,9)}`;const a=this.layoutType==="hstack"?"HStack":this.layoutType==="vstack"?"VStack":"ZStack",p=H.processElementOverride(a,"div",this.props.element);this.effectiveTag=p.tag,this.validationResult=p.validation,R.useLifecycle(this,{onDOMReady:(S,h)=>{this.children.forEach((s,y)=>{const o=s._enhancedLifecycle;if(o&&o.onDOMReady&&!s.domReady)try{if(h){const u=this.findChildDOMElements(s,h,y);if(u.length>0){s.domElements=new Map,u.forEach((m,C)=>{const d=m.id||`element-${C}`;s.domElements.set(d,m),s.primaryElement||(s.primaryElement=m)}),s.domReady=!0;const l=o.onDOMReady(s.domElements,s.primaryElement);if(typeof l=="function"&&(s.cleanup=s.cleanup||[],s.cleanup.push(l)),o.onMount){const m=o.onMount();typeof m=="function"&&(s.cleanup=s.cleanup||[],s.cleanup.push(m))}}}}catch(u){console.error(`Error processing lifecycle hooks for child ${s.id}:`,u)}})}}),A.registerComponentWithLifecycleHooks(this)}findChildDOMElements(t,r,n){if(t.id.startsWith("image-")){const a=r.querySelectorAll("img.tachui-image");return a[n]?[a[n]]:Array.from(a)}if(t.id.startsWith("button-")){const a=r.querySelectorAll("button.tachui-button");return a[n]?[a[n]]:Array.from(a)}if(t.id.startsWith("text-")){const a=r.querySelectorAll("span.tachui-text, .tachui-text");return a[n]?[a[n]]:Array.from(a)}const i=Array.from(r.children);return i[n]?[i[n]]:i}render(){const{spacing:t=0,debugLabel:r}=this.layoutProps,n=this.layoutProps.alignment!==void 0?this.layoutProps.alignment:"center",i=_();i.logComponent(this.layoutType.toUpperCase(),r);const a=[`tachui-${this.layoutType}`,...i.isEnabled()?["tachui-debug"]:[]],p=this.createClassString(this.props,a);switch(this.layoutType){case"vstack":{const h=this.children.map(y=>{const o=y.render();return Array.isArray(o)?o:[o]}).flat();return[{type:"element",tag:this.effectiveTag,props:{className:p,style:{display:"flex",flexDirection:"column",gap:t?`${t}px`:"0",alignItems:n==="leading"?"flex-start":n==="trailing"?"flex-end":"center"},...i.isEnabled()&&{"data-tachui-component":"VStack",...r&&{"data-tachui-label":r}}},children:h,componentMetadata:{originalType:"VStack",overriddenTo:this.effectiveTag!=="div"?this.effectiveTag:void 0,validationResult:this.validationResult}}]}case"hstack":{const h=this.children.map(y=>{const o=y.render();return Array.isArray(o)?o:[o]}).flat();return[{type:"element",tag:this.effectiveTag,props:{className:p,style:{display:"flex",flexDirection:"row",gap:t?`${t}px`:"0",alignItems:n==="top"?"flex-start":n==="bottom"?"flex-end":"center"},...i.isEnabled()&&{"data-tachui-component":"HStack",...r&&{"data-tachui-label":r}}},children:h,componentMetadata:{originalType:"HStack",overriddenTo:this.effectiveTag!=="div"?this.effectiveTag:void 0,validationResult:this.validationResult}}]}case"zstack":{let S=-1/0,h=null;this.children.forEach(o=>{if("modifiers"in o&&Array.isArray(o.modifiers)){const u=o.modifiers.find(l=>l.type==="layout"&&l.properties&&"layoutPriority"in l.properties&&typeof l.properties.layoutPriority=="number");if(u){const l=u.properties.layoutPriority;l>S&&(S=l,h=o)}}});const s=q.h("div",{className:p,style:{position:"relative",display:"flex",justifyContent:n.includes("Leading")?"flex-start":n.includes("Trailing")?"flex-end":"center",alignItems:n.includes("top")?"flex-start":n.includes("bottom")?"flex-end":"center",...h?{minWidth:"fit-content",minHeight:"fit-content"}:{}},...i.isEnabled()&&{"data-tachui-component":"ZStack",...r&&{"data-tachui-label":r}}}),y=this.children.flatMap((o,u)=>{const l=o.render(),m=Array.isArray(l)?l:[l];let C=u;if("modifiers"in o&&Array.isArray(o.modifiers)){const d=o.modifiers.find(k=>k.type==="layout"&&k.properties&&"layoutPriority"in k.properties);d&&typeof d.properties.layoutPriority=="number"&&(C=d.properties.layoutPriority)}return m.map(d=>{if(d.type==="element"){const k=o===h;return{...d,props:{...d.props,style:{...d.props?.style,...k?{position:"relative",zIndex:C}:{position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:C}}}}}return d})});return[{type:"element",tag:this.effectiveTag,props:{...s.props,className:p},children:y,componentMetadata:{originalType:"ZStack",overriddenTo:this.effectiveTag!=="div"?this.effectiveTag:void 0,validationResult:this.validationResult}}]}default:return[{type:"element",tag:"div",props:{},children:[]}]}}}const z={VStack:(e={})=>{const{children:t=[],spacing:r=0,alignment:n="center"}=e,i=new b(e,"vstack",t,{spacing:r,alignment:n});return c(i)},HStack:(e={})=>{const{children:t=[],spacing:r=0,alignment:n="center"}=e,i=new b(e,"hstack",t,{spacing:r,alignment:n});return c(i)},ZStack:(e={})=>{const{children:t=[],alignment:r="center"}=e,n=new b(e,"zstack",t,{alignment:r});return c(n)}};function B(e={}){const{children:t=[],spacing:r=0,debugLabel:n}=e,i=e.alignment!==void 0?e.alignment:"center",a=new b(e,"vstack",t,{spacing:r,alignment:i,debugLabel:n});return c(a)}function F(e={}){const{children:t=[],spacing:r=0,debugLabel:n}=e,i=e.alignment!==void 0?e.alignment:"center",a=new b(e,"hstack",t,{spacing:r,alignment:i,debugLabel:n});return c(a)}function j(e={}){const{children:t=[],alignment:r="center"}=e,n=new b(e,"zstack",t,{alignment:r});return c(n)}function U(e){return c(e)}function G(e){return class extends e{constructor(t){super(t),f(this,"_modifiableComponent"),this._modifiableComponent=c(this)}get modifier(){return w.createModifierBuilder(this._modifiableComponent)}get modifiers(){return this._modifiableComponent.modifiers}}}function J(e){return t=>{const r={type:"component",id:`factory-${Date.now()}-${Math.random().toString(36).substr(2,9)}`,props:t,mounted:!1,cleanup:[],render(){const n=e(t);return Array.isArray(n)?n:[n]}};return c(r)}}exports.H1=D;exports.H2=O;exports.H3=W;exports.H4=N;exports.H5=V;exports.H6=Z;exports.HStack=F;exports.HTML=v;exports.Layout=z;exports.VStack=B;exports.ZStack=j;exports.createModifiableComponentFactory=J;exports.createReactiveWrapper=L;exports.withModifierSupport=G;exports.withModifiers=c;exports.wrapComponent=U;
+//# sourceMappingURL=wrapper.cjs.map

package/dist/components/wrapper.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"wrapper.cjs","sources":["../../src/components/wrapper.ts"],"sourcesContent":["/**\n * Component Wrapper System\n *\n * Provides wrapper functions to enhance regular components with modifier support\n * and integrate them with the TachUI modifier system.\n */\n\nimport { createModifiableComponent, createModifierBuilder } from '../modifiers'\nimport type { ModifiableComponent, ModifierBuilder } from '../modifiers/types'\nimport { h, text } from '../runtime'\nimport type { ComponentInstance, ComponentProps, DOMNode } from '../runtime/types'\nimport { useLifecycle } from '../lifecycle/hooks'\nimport { registerComponentWithLifecycleHooks } from '../runtime/dom-bridge'\nimport { \n  processElementOverride, \n  type ElementOverrideProps \n} from '../runtime/element-override'\nimport {\n  ComponentWithCSSClasses,\n  type CSSClassesProps\n} from '../css-classes'\nimport type { Concatenatable } from '../concatenation/types'\n// Lazy import debug manager to avoid circular dependencies\nlet debugManager: any = null\nconst getDebugManager = () => {\n  if (!debugManager) {\n    try {\n      const debugModule = require('../debug')\n      debugManager = debugModule.debugManager\n    } catch {\n      // Debug module not available, create a mock\n      debugManager = {\n        isEnabled: () => false,\n        logComponent: () => {},\n      }\n    }\n  }\n  return debugManager\n}\n\n/**\n * Wrapper options for enhancing components\n */\nexport interface WrapperOptions {\n  enableModifiers?: boolean\n  enableReactivity?: boolean\n  enableErrorBoundary?: boolean\n  enablePerformanceTracking?: boolean\n}\n\n/**\n * Helper function to check if a component implements Concatenatable\n */\nfunction isConcatenatable(component: any): component is Concatenatable {\n  return component && \n         typeof component.concat === 'function' && \n         typeof component.toSegment === 'function' && \n         typeof component.isConcatenatable === 'function'\n}\n\n/**\n * Enhanced component wrapper that adds modifier support and preserves concatenation methods\n */\nexport function withModifiers<P extends ComponentProps>(\n  component: ComponentInstance<P>\n): ModifiableComponent<P> & { modifier: ModifierBuilder<ModifiableComponent<P>> } & (ComponentInstance<P> extends Concatenatable ? Concatenatable : {}) {\n  const modifiableComponent = createModifiableComponent(component)\n  const modifierBuilder = createModifierBuilder(modifiableComponent)\n\n  const result: any = {\n    ...modifiableComponent,\n    modifier: modifierBuilder,\n    modifierBuilder: modifierBuilder,\n  }\n\n  // If the original component supports concatenation, preserve those methods\n  if (isConcatenatable(component)) {\n    result.concat = function(other: any) {\n      return (component as any).concat(other)\n    }\n    result.toSegment = function() {\n      return (component as any).toSegment()\n    }\n    result.isConcatenatable = function() {\n      return (component as any).isConcatenatable()\n    }\n  }\n\n  return result\n}\n\n/**\n * Create a reactive component wrapper with full TachUI features\n */\nexport function createReactiveWrapper<P extends ComponentProps>(\n  renderFn: (props: P) => DOMNode | DOMNode[],\n  options: WrapperOptions = {}\n): (props: P) => ModifiableComponent<P> & { modifier: ModifierBuilder<ModifiableComponent<P>> } {\n  const { enableModifiers = true } = options\n\n  return (props: P) => {\n    // Create a simple component instance that uses the render function\n    const component: ComponentInstance<P> = {\n      type: 'component' as const,\n      id: `wrapper-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`,\n      props,\n      mounted: false,\n      cleanup: [],\n      render() {\n        const result = renderFn(props)\n        return Array.isArray(result) ? result : [result]\n      },\n    }\n\n    // Add modifier support if enabled\n    if (enableModifiers) {\n      return withModifiers(component)\n    }\n\n    // Return basic component with minimal wrapper\n    return withModifiers(component)\n  }\n}\n\n/**\n * Simple element component class\n */\nclass ElementComponent implements ComponentInstance<ComponentProps> {\n  public readonly type = 'component' as const\n  public readonly id: string\n  public mounted = false\n  public cleanup: (() => void)[] = []\n\n  constructor(\n    public props: ComponentProps,\n    private tag: string,\n    private content?: string,\n    private attributes: Record<string, any> = {}\n  ) {\n    this.id = `element-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`\n  }\n\n  render() {\n    return [h(this.tag, this.attributes, this.content ? text(this.content) : '')]\n  }\n}\n\n/**\n * Simple HTML element wrappers with modifier support\n *\n * These are basic HTML element wrappers for simple use cases.\n * For enhanced SwiftUI-style components with advanced features,\n * use the main component exports (Button, Image, Text, etc.).\n */\nexport const HTML = {\n  /**\n   * Create a div element with modifier support\n   */\n  div: (props: { children?: any } = {}) => {\n    const component = new ElementComponent(\n      props,\n      'div',\n      props.children ? String(props.children) : undefined\n    )\n    return withModifiers(component)\n  },\n\n  /**\n   * Create a span element with modifier support\n   */\n  span: (props: { children?: any } = {}) => {\n    const component = new ElementComponent(\n      props,\n      'span',\n      props.children ? String(props.children) : undefined\n    )\n    return withModifiers(component)\n  },\n\n  /**\n   * Create a paragraph element with modifier support\n   */\n  p: (props: { children?: any } = {}) => {\n    const component = new ElementComponent(\n      props,\n      'p',\n      props.children ? String(props.children) : undefined\n    )\n    return withModifiers(component)\n  },\n\n  /**\n   * Create a button element with modifier support\n   *\n   * Note: For enhanced button features (press states, variants, accessibility),\n   * use the main Button component instead.\n   */\n  button: (props: { children?: any; onClick?: () => void } = {}) => {\n    const component = new ElementComponent(\n      props,\n      'button',\n      props.children ? String(props.children) : undefined,\n      {\n        onclick: props.onClick,\n      }\n    )\n    return withModifiers(component)\n  },\n\n  /**\n   * Create an input element with modifier support\n   */\n  input: (\n    props: {\n      type?: string\n      value?: string\n      placeholder?: string\n      onChange?: (value: string) => void\n    } = {}\n  ) => {\n    const component = new ElementComponent(props, 'input', undefined, {\n      type: props.type || 'text',\n      value: props.value || '',\n      placeholder: props.placeholder || '',\n      oninput: (e: Event) => {\n        const target = e.target as HTMLInputElement\n        props.onChange?.(target.value)\n      },\n    })\n    return withModifiers(component)\n  },\n\n  /**\n   * Create an image element with modifier support\n   *\n   * Note: For enhanced image features (loading states, content modes, progressive loading),\n   * use the main Image component instead.\n   */\n  img: (props: {\n    src: string\n    alt?: string\n    width?: number | string\n    height?: number | string\n  }) => {\n    const component = new ElementComponent(props, 'img', undefined, {\n      src: props.src,\n      alt: props.alt || '',\n      width: props.width,\n      height: props.height,\n    })\n    return withModifiers(component)\n  },\n\n  /**\n   * Create a heading element with modifier support\n   */\n  heading:\n    (level: 1 | 2 | 3 | 4 | 5 | 6) =>\n    (props: { children?: any } = {}) => {\n      const component = new ElementComponent(\n        props,\n        `h${level}`,\n        props.children ? String(props.children) : undefined\n      )\n      return withModifiers(component)\n    },\n}\n\n/**\n * Shorthand for heading elements\n */\nexport const H1 = HTML.heading(1)\nexport const H2 = HTML.heading(2)\nexport const H3 = HTML.heading(3)\nexport const H4 = HTML.heading(4)\nexport const H5 = HTML.heading(5)\nexport const H6 = HTML.heading(6)\n\n/**\n * Layout container component class with element override support\n */\nclass LayoutComponent extends ComponentWithCSSClasses implements ComponentInstance<ComponentProps & ElementOverrideProps & CSSClassesProps> {\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(\n    public props: ComponentProps & ElementOverrideProps & CSSClassesProps,\n    private layoutType: 'vstack' | 'hstack' | 'zstack',\n    public children: ComponentInstance[] = [],\n    private layoutProps: any = {}\n  ) {\n    super()\n    this.id = `layout-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`\n    \n    // Process element override for tag specification enhancement\n    const componentType = this.layoutType === 'hstack' ? 'HStack' : \n                         this.layoutType === 'vstack' ? 'VStack' : 'ZStack'\n    const override = processElementOverride(componentType, 'div', this.props.element)\n    this.effectiveTag = override.tag\n    this.validationResult = override.validation\n\n\n    // Set up lifecycle hooks to process child components\n    useLifecycle(this, {\n      onDOMReady: (_elements, primaryElement) => {\n        // Process lifecycle hooks for child components that have them\n        this.children.forEach((child, index) => {\n          const enhancedLifecycle = (child as any)._enhancedLifecycle\n          \n          if (enhancedLifecycle && enhancedLifecycle.onDOMReady && !child.domReady) {\n            try {\n              // Find DOM elements for this child by searching within our container\n              if (primaryElement) {\n                // For layout components, children are rendered as direct children\n                // Try to find the child's DOM element(s)\n                const childElements = this.findChildDOMElements(child, primaryElement, index)\n                \n                if (childElements.length > 0) {\n                  // Set up DOM tracking for the child\n                  child.domElements = new Map()\n                  childElements.forEach((element, idx) => {\n                    const key = element.id || `element-${idx}`\n                    child.domElements!.set(key, element)\n                    if (!child.primaryElement) {\n                      child.primaryElement = element\n                    }\n                  })\n\n                  child.domReady = true\n\n                  // Call the child's onDOMReady hook\n                  const cleanup = enhancedLifecycle.onDOMReady(\n                    child.domElements,\n                    child.primaryElement\n                  )\n                  if (typeof cleanup === 'function') {\n                    child.cleanup = child.cleanup || []\n                    child.cleanup.push(cleanup)\n                  }\n\n                  // Also call onMount if it exists\n                  if (enhancedLifecycle.onMount) {\n                    const mountCleanup = enhancedLifecycle.onMount()\n                    if (typeof mountCleanup === 'function') {\n                      child.cleanup = child.cleanup || []\n                      child.cleanup.push(mountCleanup)\n                    }\n                  }\n                }\n              }\n            } catch (error) {\n              console.error(`Error processing lifecycle hooks for child ${child.id}:`, error)\n              // Continue processing other children even if one fails\n            }\n          }\n        })\n      }\n    })\n\n    // Register this component for lifecycle processing\n    registerComponentWithLifecycleHooks(this)\n  }\n\n  /**\n   * Find DOM elements for a specific child component within the layout container\n   */\n  private findChildDOMElements(child: ComponentInstance, container: Element, childIndex: number): Element[] {\n    // For Image components, look for img elements with the tachui-image class\n    if (child.id.startsWith('image-')) {\n      const images = container.querySelectorAll('img.tachui-image')\n      // Since we don't have a perfect way to match, we'll use the childIndex as a heuristic\n      if (images[childIndex]) {\n        return [images[childIndex]]\n      }\n      // Fallback: return all images and let the component handle it\n      return Array.from(images)\n    }\n\n    // For Button components, look for button elements with the tachui-button class\n    if (child.id.startsWith('button-')) {\n      const buttons = container.querySelectorAll('button.tachui-button')\n      if (buttons[childIndex]) {\n        return [buttons[childIndex]]\n      }\n      // Fallback: return all buttons and let the component handle it\n      return Array.from(buttons)\n    }\n\n    // For Text components, look for span elements with the tachui-text class\n    if (child.id.startsWith('text-')) {\n      const textElements = container.querySelectorAll('span.tachui-text, .tachui-text')\n      if (textElements[childIndex]) {\n        return [textElements[childIndex]]\n      }\n      return Array.from(textElements)\n    }\n\n    // For other components, try to find any direct children elements\n    // This is a fallback that should work for most components\n    const allChildren = Array.from(container.children)\n    if (allChildren[childIndex]) {\n      return [allChildren[childIndex]]\n    }\n\n    // Final fallback: return all children and let the component handle it\n    return allChildren\n  }\n\n  render() {\n    const { spacing = 0, debugLabel } = this.layoutProps\n    // Explicitly handle alignment to avoid default override\n    const alignment = this.layoutProps.alignment !== undefined ? this.layoutProps.alignment : 'center'\n\n    // Log component for debugging\n    const debug = getDebugManager()\n    debug.logComponent(this.layoutType.toUpperCase(), debugLabel)\n    \n    // Process CSS classes for this component\n    const baseClasses = [`tachui-${this.layoutType}`, ...(debug.isEnabled() ? ['tachui-debug'] : [])]\n    const classString = this.createClassString(this.props, baseClasses)\n\n\n    switch (this.layoutType) {\n      case 'vstack': {\n        // Render children normally but also make them available for DOM bridge processing\n        const vstackRenderedChildren = this.children.map((child) => {\n          const childResult = child.render()\n          const resultArray = Array.isArray(childResult) ? childResult : [childResult]\n          return resultArray\n        })\n        const vstackFlattened = vstackRenderedChildren.flat()\n\n        const element = {\n          type: 'element' as const,\n          tag: this.effectiveTag,\n          props: {\n            className: classString,\n            style: {\n              display: 'flex',\n              flexDirection: 'column',\n              gap: spacing ? `${spacing}px` : '0',\n              alignItems:\n                alignment === 'leading'\n                  ? 'flex-start'\n                  : alignment === 'trailing'\n                    ? 'flex-end'\n                    : 'center',\n            },\n            // Add debug attributes\n            ...(debug.isEnabled() && {\n              'data-tachui-component': 'VStack',\n              ...(debugLabel && { 'data-tachui-label': debugLabel })\n            })\n          },\n          children: vstackFlattened,\n          // Add component metadata for semantic role processing\n          componentMetadata: {\n            originalType: 'VStack',\n            overriddenTo: this.effectiveTag !== 'div' ? this.effectiveTag : undefined,\n            validationResult: this.validationResult\n          }\n        }\n\n        return [element]\n      }\n\n      case 'hstack': {\n        const hstackRenderedChildren = this.children.map((child) => {\n          const childResult = child.render()\n          const resultArray = Array.isArray(childResult) ? childResult : [childResult]\n          return resultArray\n        })\n        const hstackFlattened = hstackRenderedChildren.flat()\n\n        const element = {\n          type: 'element' as const,\n          tag: this.effectiveTag,\n          props: {\n            className: classString,\n            style: {\n              display: 'flex',\n              flexDirection: 'row',\n              gap: spacing ? `${spacing}px` : '0',\n              alignItems:\n                alignment === 'top'\n                  ? 'flex-start'\n                  : alignment === 'bottom'\n                    ? 'flex-end'\n                    : 'center',\n            },\n            // Add debug attributes\n            ...(debug.isEnabled() && {\n              'data-tachui-component': 'HStack',\n              ...(debugLabel && { 'data-tachui-label': debugLabel })\n            })\n          },\n          children: hstackFlattened,\n          // Add component metadata for semantic role processing\n          componentMetadata: {\n            originalType: 'HStack',\n            overriddenTo: this.effectiveTag !== 'div' ? this.effectiveTag : undefined,\n            validationResult: this.validationResult\n          }\n        }\n\n        return [element]\n      }\n\n      case 'zstack': {\n        // Find the highest layoutPriority child to determine container size\n        let maxPriority = -Infinity\n        let highestPriorityChild: ComponentInstance | null = null\n\n        this.children.forEach((child) => {\n          if ('modifiers' in child && Array.isArray(child.modifiers)) {\n            const layoutMod = child.modifiers.find(\n              (m) =>\n                m.type === 'layout' &&\n                m.properties &&\n                'layoutPriority' in m.properties &&\n                typeof m.properties.layoutPriority === 'number'\n            )\n            if (layoutMod) {\n              const priority = layoutMod.properties.layoutPriority as number\n              if (priority > maxPriority) {\n                maxPriority = priority\n                highestPriorityChild = child\n              }\n            }\n          }\n        })\n\n        const container = h('div', {\n          className: classString,\n          style: {\n            position: 'relative',\n            display: 'flex',\n            justifyContent: alignment.includes('Leading')\n              ? 'flex-start'\n              : alignment.includes('Trailing')\n                ? 'flex-end'\n                : 'center',\n            alignItems: alignment.includes('top')\n              ? 'flex-start'\n              : alignment.includes('bottom')\n                ? 'flex-end'\n                : 'center',\n            // Container sizes to the highest priority child\n            ...(highestPriorityChild\n              ? {\n                  minWidth: 'fit-content',\n                  minHeight: 'fit-content',\n                }\n              : {}),\n          },\n          // Add debug attributes\n          ...(debug.isEnabled() && {\n            'data-tachui-component': 'ZStack',\n            ...(debugLabel && { 'data-tachui-label': debugLabel })\n          })\n        })\n\n        // Apply absolute positioning to children for z-stack\n        const renderedChildren = this.children.flatMap((child, index) => {\n          const childNodes = child.render()\n          const nodeArray = Array.isArray(childNodes) ? childNodes : [childNodes]\n\n          // Get layoutPriority from child's modifiers\n          let childPriority = index // Default to index-based z-index\n          if ('modifiers' in child && Array.isArray(child.modifiers)) {\n            const layoutMod = child.modifiers.find(\n              (m) => m.type === 'layout' && m.properties && 'layoutPriority' in m.properties\n            )\n            if (layoutMod && typeof layoutMod.properties.layoutPriority === 'number') {\n              childPriority = layoutMod.properties.layoutPriority\n            }\n          }\n\n          return nodeArray.map((node) => {\n            if (node.type === 'element') {\n              const isHighestPriority = child === highestPriorityChild\n              return {\n                ...node,\n                props: {\n                  ...node.props,\n                  style: {\n                    ...node.props?.style,\n                    // Highest priority child determines container size\n                    ...(isHighestPriority\n                      ? {\n                          position: 'relative',\n                          zIndex: childPriority,\n                        }\n                      : {\n                          position: 'absolute',\n                          top: 0,\n                          left: 0,\n                          right: 0,\n                          bottom: 0,\n                          zIndex: childPriority,\n                        }),\n                  },\n                },\n              }\n            }\n            return node\n          })\n        })\n\n        return [\n          {\n            type: 'element' as const,\n            tag: this.effectiveTag,\n            props: {\n              ...container.props,\n              className: classString\n            },\n            children: renderedChildren,\n            // Add component metadata for semantic role processing\n            componentMetadata: {\n              originalType: 'ZStack',\n              overriddenTo: this.effectiveTag !== 'div' ? this.effectiveTag : undefined,\n              validationResult: this.validationResult\n            }\n          },\n        ]\n      }\n\n      default:\n        return [\n          {\n            type: 'element' as const,\n            tag: 'div',\n            props: {},\n            children: [],\n          },\n        ]\n    }\n  }\n}\n\n/**\n * Layout container components with modifier support\n */\nexport const Layout = {\n  /**\n   * Vertical stack container (flexbox column)\n   */\n  VStack: (\n    props: {\n      children?: ComponentInstance[]\n      spacing?: number\n      alignment?: 'leading' | 'center' | 'trailing'\n    } = {}\n  ) => {\n    const { children = [], spacing = 0, alignment = 'center' } = props\n    const component = new LayoutComponent(props, 'vstack', children, { spacing, alignment })\n    return withModifiers(component)\n  },\n\n  /**\n   * Horizontal stack container (flexbox row)\n   */\n  HStack: (\n    props: {\n      children?: ComponentInstance[]\n      spacing?: number\n      alignment?: 'top' | 'center' | 'bottom'\n    } = {}\n  ) => {\n    const { children = [], spacing = 0, alignment = 'center' } = props\n    const component = new LayoutComponent(props, 'hstack', children, { spacing, alignment })\n    return withModifiers(component)\n  },\n\n  /**\n   * Z-index stack container (absolute positioning)\n   */\n  ZStack: (\n    props: {\n      children?: ComponentInstance[]\n      alignment?:\n        | 'topLeading'\n        | 'top'\n        | 'topTrailing'\n        | 'leading'\n        | 'center'\n        | 'trailing'\n        | 'bottomLeading'\n        | 'bottom'\n        | 'bottomTrailing'\n    } = {}\n  ) => {\n    const { children = [], alignment = 'center' } = props\n    const component = new LayoutComponent(props, 'zstack', children, { alignment })\n    return withModifiers(component)\n  },\n}\n\n/**\n * SwiftUI-aligned direct exports for layout components\n * These provide the same functionality as Layout.VStack, Layout.HStack, Layout.ZStack\n * but with direct component names for better SwiftUI syntax alignment\n */\nexport function VStack(\n  props: {\n    children?: ComponentInstance[]\n    spacing?: number\n    alignment?: 'leading' | 'center' | 'trailing'\n    debugLabel?: string\n    element?: string\n  } = {}\n) {\n  const { children = [], spacing = 0, debugLabel } = props\n  // Explicitly handle alignment to avoid default override\n  const alignment = props.alignment !== undefined ? props.alignment : 'center'\n  const component = new LayoutComponent(props, 'vstack', children, { spacing, alignment, debugLabel })\n  return withModifiers(component)\n}\n\nexport function HStack(\n  props: {\n    children?: ComponentInstance[]\n    spacing?: number\n    alignment?: 'top' | 'center' | 'bottom'\n    debugLabel?: string\n    element?: string\n  } = {}\n) {\n  const { children = [], spacing = 0, debugLabel } = props\n  // Explicitly handle alignment to avoid default override\n  const alignment = props.alignment !== undefined ? props.alignment : 'center'\n  const component = new LayoutComponent(props, 'hstack', children, { spacing, alignment, debugLabel })\n  return withModifiers(component)\n}\n\nexport function ZStack(\n  props: {\n    children?: ComponentInstance[]\n    alignment?:\n      | 'topLeading'\n      | 'top'\n      | 'topTrailing'\n      | 'leading'\n      | 'center'\n      | 'trailing'\n      | 'bottomLeading'\n      | 'bottom'\n      | 'bottomTrailing'\n    element?: string\n  } = {}\n) {\n  const { children = [], alignment = 'center' } = props\n  const component = new LayoutComponent(props, 'zstack', children, { alignment })\n  return withModifiers(component)\n}\n\n/**\n * Simple Text component with modifier support\n */\nexport function Text(content: string | (() => string)) {\n  const component = new ElementComponent(\n    { content },\n    'span',\n    typeof content === 'function' ? content() : content\n  )\n  return withModifiers(component)\n}\n\n/**\n * Utility to wrap any component with modifier support\n */\nexport function wrapComponent<P extends ComponentProps>(\n  component: ComponentInstance<P>\n): ModifiableComponent<P> & { modifier: ModifierBuilder<ModifiableComponent<P>> } {\n  return withModifiers(component)\n}\n\n/**\n * Higher-order component wrapper\n */\nexport function withModifierSupport<P extends ComponentProps>(\n  ComponentClass: new (props: P) => ComponentInstance<P>\n) {\n  return class extends ComponentClass {\n    public _modifiableComponent?: ModifiableComponent<P>\n\n    constructor(props: P) {\n      super(props)\n      this._modifiableComponent = withModifiers(this)\n    }\n\n    get modifier(): ModifierBuilder<ModifiableComponent<P>> {\n      return createModifierBuilder(this._modifiableComponent!)\n    }\n\n    get modifiers() {\n      return this._modifiableComponent!.modifiers\n    }\n  }\n}\n\n/**\n * Factory function for creating modifiable components\n */\nexport function createModifiableComponentFactory<P extends ComponentProps>(\n  renderFn: (props: P) => DOMNode | DOMNode[]\n) {\n  return (props: P) => {\n    // Create a simple component instance that uses the render function\n    const component: ComponentInstance<P> = {\n      type: 'component' as const,\n      id: `factory-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`,\n      props,\n      mounted: false,\n      cleanup: [],\n      render() {\n        const result = renderFn(props)\n        return Array.isArray(result) ? result : [result]\n      },\n    }\n    return withModifiers(component)\n  }\n}\n"],"names":["debugManager","getDebugManager","isConcatenatable","component","withModifiers","modifiableComponent","createModifiableComponent","modifierBuilder","createModifierBuilder","result","other","createReactiveWrapper","renderFn","options","enableModifiers","props","ElementComponent","tag","content","attributes","__publicField","h","text","HTML","e","target","level","H1","H2","H3","H4","H5","H6","LayoutComponent","ComponentWithCSSClasses","layoutType","children","layoutProps","componentType","override","processElementOverride","useLifecycle","_elements","primaryElement","child","index","enhancedLifecycle","childElements","element","idx","key","cleanup","mountCleanup","error","registerComponentWithLifecycleHooks","container","childIndex","images","buttons","textElements","allChildren","spacing","debugLabel","alignment","debug","baseClasses","classString","vstackFlattened","childResult","hstackFlattened","maxPriority","highestPriorityChild","layoutMod","m","priority","renderedChildren","childNodes","nodeArray","childPriority","node","isHighestPriority","Layout","VStack","HStack","ZStack","wrapComponent","withModifierSupport","ComponentClass","createModifiableComponentFactory"],"mappings":"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"}

package/dist/components/wrapper.d.ts

@@ -0,0 +1,249 @@
+/**
+ * Component Wrapper System
+ *
+ * Provides wrapper functions to enhance regular components with modifier support
+ * and integrate them with the TachUI modifier system.
+ */
+import type { ModifiableComponent, ModifierBuilder } from '../modifiers/types';
+import type { ComponentInstance, ComponentProps, DOMNode } from '../runtime/types';
+import { type ElementOverrideProps } from '../runtime/element-override';
+import { type CSSClassesProps } from '../css-classes';
+import type { Concatenatable } from '../concatenation/types';
+/**
+ * Wrapper options for enhancing components
+ */
+export interface WrapperOptions {
+    enableModifiers?: boolean;
+    enableReactivity?: boolean;
+    enableErrorBoundary?: boolean;
+    enablePerformanceTracking?: boolean;
+}
+/**
+ * Enhanced component wrapper that adds modifier support and preserves concatenation methods
+ */
+export declare function withModifiers<P extends ComponentProps>(component: ComponentInstance<P>): ModifiableComponent<P> & {
+    modifier: ModifierBuilder<ModifiableComponent<P>>;
+} & (ComponentInstance<P> extends Concatenatable ? Concatenatable : {});
+/**
+ * Create a reactive component wrapper with full TachUI features
+ */
+export declare function createReactiveWrapper<P extends ComponentProps>(renderFn: (props: P) => DOMNode | DOMNode[], options?: WrapperOptions): (props: P) => ModifiableComponent<P> & {
+    modifier: ModifierBuilder<ModifiableComponent<P>>;
+};
+/**
+ * Simple HTML element wrappers with modifier support
+ *
+ * These are basic HTML element wrappers for simple use cases.
+ * For enhanced SwiftUI-style components with advanced features,
+ * use the main component exports (Button, Image, Text, etc.).
+ */
+export declare const HTML: {
+    /**
+     * Create a div element with modifier support
+     */
+    div: (props?: {
+        children?: any;
+    }) => ModifiableComponent<ComponentProps> & {
+        modifier: ModifierBuilder<ModifiableComponent<ComponentProps>>;
+    };
+    /**
+     * Create a span element with modifier support
+     */
+    span: (props?: {
+        children?: any;
+    }) => ModifiableComponent<ComponentProps> & {
+        modifier: ModifierBuilder<ModifiableComponent<ComponentProps>>;
+    };
+    /**
+     * Create a paragraph element with modifier support
+     */
+    p: (props?: {
+        children?: any;
+    }) => ModifiableComponent<ComponentProps> & {
+        modifier: ModifierBuilder<ModifiableComponent<ComponentProps>>;
+    };
+    /**
+     * Create a button element with modifier support
+     *
+     * Note: For enhanced button features (press states, variants, accessibility),
+     * use the main Button component instead.
+     */
+    button: (props?: {
+        children?: any;
+        onClick?: () => void;
+    }) => ModifiableComponent<ComponentProps> & {
+        modifier: ModifierBuilder<ModifiableComponent<ComponentProps>>;
+    };
+    /**
+     * Create an input element with modifier support
+     */
+    input: (props?: {
+        type?: string;
+        value?: string;
+        placeholder?: string;
+        onChange?: (value: string) => void;
+    }) => ModifiableComponent<ComponentProps> & {
+        modifier: ModifierBuilder<ModifiableComponent<ComponentProps>>;
+    };
+    /**
+     * Create an image element with modifier support
+     *
+     * Note: For enhanced image features (loading states, content modes, progressive loading),
+     * use the main Image component instead.
+     */
+    img: (props: {
+        src: string;
+        alt?: string;
+        width?: number | string;
+        height?: number | string;
+    }) => ModifiableComponent<ComponentProps> & {
+        modifier: ModifierBuilder<ModifiableComponent<ComponentProps>>;
+    };
+    /**
+     * Create a heading element with modifier support
+     */
+    heading: (level: 1 | 2 | 3 | 4 | 5 | 6) => (props?: {
+        children?: any;
+    }) => ModifiableComponent<ComponentProps> & {
+        modifier: ModifierBuilder<ModifiableComponent<ComponentProps>>;
+    };
+};
+/**
+ * Shorthand for heading elements
+ */
+export declare const H1: (props?: {
+    children?: any;
+}) => ModifiableComponent<ComponentProps> & {
+    modifier: ModifierBuilder<ModifiableComponent<ComponentProps>>;
+};
+export declare const H2: (props?: {
+    children?: any;
+}) => ModifiableComponent<ComponentProps> & {
+    modifier: ModifierBuilder<ModifiableComponent<ComponentProps>>;
+};
+export declare const H3: (props?: {
+    children?: any;
+}) => ModifiableComponent<ComponentProps> & {
+    modifier: ModifierBuilder<ModifiableComponent<ComponentProps>>;
+};
+export declare const H4: (props?: {
+    children?: any;
+}) => ModifiableComponent<ComponentProps> & {
+    modifier: ModifierBuilder<ModifiableComponent<ComponentProps>>;
+};
+export declare const H5: (props?: {
+    children?: any;
+}) => ModifiableComponent<ComponentProps> & {
+    modifier: ModifierBuilder<ModifiableComponent<ComponentProps>>;
+};
+export declare const H6: (props?: {
+    children?: any;
+}) => ModifiableComponent<ComponentProps> & {
+    modifier: ModifierBuilder<ModifiableComponent<ComponentProps>>;
+};
+/**
+ * Layout container components with modifier support
+ */
+export declare const Layout: {
+    /**
+     * Vertical stack container (flexbox column)
+     */
+    VStack: (props?: {
+        children?: ComponentInstance[];
+        spacing?: number;
+        alignment?: "leading" | "center" | "trailing";
+    }) => ModifiableComponent<ComponentProps & ElementOverrideProps & CSSClassesProps> & {
+        modifier: ModifierBuilder<ModifiableComponent<ComponentProps & ElementOverrideProps & CSSClassesProps>>;
+    };
+    /**
+     * Horizontal stack container (flexbox row)
+     */
+    HStack: (props?: {
+        children?: ComponentInstance[];
+        spacing?: number;
+        alignment?: "top" | "center" | "bottom";
+    }) => ModifiableComponent<ComponentProps & ElementOverrideProps & CSSClassesProps> & {
+        modifier: ModifierBuilder<ModifiableComponent<ComponentProps & ElementOverrideProps & CSSClassesProps>>;
+    };
+    /**
+     * Z-index stack container (absolute positioning)
+     */
+    ZStack: (props?: {
+        children?: ComponentInstance[];
+        alignment?: "topLeading" | "top" | "topTrailing" | "leading" | "center" | "trailing" | "bottomLeading" | "bottom" | "bottomTrailing";
+    }) => ModifiableComponent<ComponentProps & ElementOverrideProps & CSSClassesProps> & {
+        modifier: ModifierBuilder<ModifiableComponent<ComponentProps & ElementOverrideProps & CSSClassesProps>>;
+    };
+};
+/**
+ * SwiftUI-aligned direct exports for layout components
+ * These provide the same functionality as Layout.VStack, Layout.HStack, Layout.ZStack
+ * but with direct component names for better SwiftUI syntax alignment
+ */
+export declare function VStack(props?: {
+    children?: ComponentInstance[];
+    spacing?: number;
+    alignment?: 'leading' | 'center' | 'trailing';
+    debugLabel?: string;
+    element?: string;
+}): ModifiableComponent<ComponentProps & ElementOverrideProps & CSSClassesProps> & {
+    modifier: ModifierBuilder<ModifiableComponent<ComponentProps & ElementOverrideProps & CSSClassesProps>>;
+};
+export declare function HStack(props?: {
+    children?: ComponentInstance[];
+    spacing?: number;
+    alignment?: 'top' | 'center' | 'bottom';
+    debugLabel?: string;
+    element?: string;
+}): ModifiableComponent<ComponentProps & ElementOverrideProps & CSSClassesProps> & {
+    modifier: ModifierBuilder<ModifiableComponent<ComponentProps & ElementOverrideProps & CSSClassesProps>>;
+};
+export declare function ZStack(props?: {
+    children?: ComponentInstance[];
+    alignment?: 'topLeading' | 'top' | 'topTrailing' | 'leading' | 'center' | 'trailing' | 'bottomLeading' | 'bottom' | 'bottomTrailing';
+    element?: string;
+}): ModifiableComponent<ComponentProps & ElementOverrideProps & CSSClassesProps> & {
+    modifier: ModifierBuilder<ModifiableComponent<ComponentProps & ElementOverrideProps & CSSClassesProps>>;
+};
+/**
+ * Simple Text component with modifier support
+ */
+export declare function Text(content: string | (() => string)): ModifiableComponent<ComponentProps> & {
+    modifier: ModifierBuilder<ModifiableComponent<ComponentProps>>;
+};
+/**
+ * Utility to wrap any component with modifier support
+ */
+export declare function wrapComponent<P extends ComponentProps>(component: ComponentInstance<P>): ModifiableComponent<P> & {
+    modifier: ModifierBuilder<ModifiableComponent<P>>;
+};
+/**
+ * Higher-order component wrapper
+ */
+export declare function withModifierSupport<P extends ComponentProps>(ComponentClass: new (props: P) => ComponentInstance<P>): {
+    new (props: P): {
+        _modifiableComponent?: ModifiableComponent<P>;
+        get modifier(): ModifierBuilder<ModifiableComponent<P>>;
+        get modifiers(): import("../modifiers").Modifier<{}>[];
+        type: "component";
+        render: import("../runtime").RenderFunction;
+        props: P;
+        prevProps?: P | undefined;
+        children?: import("../runtime").ComponentChildren;
+        context?: import("../runtime").ComponentContext;
+        cleanup?: import("../runtime/types").LifecycleCleanup[];
+        id: string;
+        ref?: import("../runtime").Ref | undefined;
+        mounted?: boolean;
+        domElements?: Map<string, Element>;
+        primaryElement?: Element;
+        domReady?: boolean;
+    };
+};
+/**
+ * Factory function for creating modifiable components
+ */
+export declare function createModifiableComponentFactory<P extends ComponentProps>(renderFn: (props: P) => DOMNode | DOMNode[]): (props: P) => ModifiableComponent<P> & {
+    modifier: ModifierBuilder<ModifiableComponent<P>>;
+};
+//# sourceMappingURL=wrapper.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"wrapper.d.ts","sourceRoot":"","sources":["../../src/components/wrapper.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAE9E,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAGlF,OAAO,EAEL,KAAK,oBAAoB,EAC1B,MAAM,6BAA6B,CAAA;AACpC,OAAO,EAEL,KAAK,eAAe,EACrB,MAAM,gBAAgB,CAAA;AACvB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAmB5D;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,yBAAyB,CAAC,EAAE,OAAO,CAAA;CACpC;AAYD;;GAEG;AACH,wBAAgB,aAAa,CAAC,CAAC,SAAS,cAAc,EACpD,SAAS,EAAE,iBAAiB,CAAC,CAAC,CAAC,GAC9B,mBAAmB,CAAC,CAAC,CAAC,GAAG;IAAE,QAAQ,EAAE,eAAe,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAA;CAAE,GAAG,CAAC,iBAAiB,CAAC,CAAC,CAAC,SAAS,cAAc,GAAG,cAAc,GAAG,EAAE,CAAC,CAwBtJ;AAED;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,CAAC,SAAS,cAAc,EAC5D,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,OAAO,GAAG,OAAO,EAAE,EAC3C,OAAO,GAAE,cAAmB,GAC3B,CAAC,KAAK,EAAE,CAAC,KAAK,mBAAmB,CAAC,CAAC,CAAC,GAAG;IAAE,QAAQ,EAAE,eAAe,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAA;CAAE,CAyB9F;AAyBD;;;;;;GAMG;AACH,eAAO,MAAM,IAAI;IACf;;OAEG;kBACU;QAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;KAAE;;;IAS/B;;OAEG;mBACW;QAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;KAAE;;;IAShC;;OAEG;gBACQ;QAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;KAAE;;;IAS7B;;;;;OAKG;qBACa;QAAE,QAAQ,CAAC,EAAE,GAAG,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;KAAE;;;IAYxD;;OAEG;oBAEM;QACL,IAAI,CAAC,EAAE,MAAM,CAAA;QACb,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,WAAW,CAAC,EAAE,MAAM,CAAA;QACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;KACnC;;;IAcH;;;;;OAKG;iBACU;QACX,GAAG,EAAE,MAAM,CAAA;QACX,GAAG,CAAC,EAAE,MAAM,CAAA;QACZ,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;QACvB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;KACzB;;;IAUD;;OAEG;qBAEO,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,MAC5B,QAAO;QAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;KAAO;;;CAQlC,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,EAAE,WAbH;IAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;CAAE;;CAaG,CAAA;AACjC,eAAO,MAAM,EAAE,WAdH;IAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;CAAE;;CAcG,CAAA;AACjC,eAAO,MAAM,EAAE,WAfH;IAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;CAAE;;CAeG,CAAA;AACjC,eAAO,MAAM,EAAE,WAhBH;IAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;CAAE;;CAgBG,CAAA;AACjC,eAAO,MAAM,EAAE,WAjBH;IAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;CAAE;;CAiBG,CAAA;AACjC,eAAO,MAAM,EAAE,WAlBH;IAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;CAAE;;CAkBG,CAAA;AAiXjC;;GAEG;AACH,eAAO,MAAM,MAAM;IACjB;;OAEG;qBAEM;QACL,QAAQ,CAAC,EAAE,iBAAiB,EAAE,CAAA;QAC9B,OAAO,CAAC,EAAE,MAAM,CAAA;QAChB,SAAS,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,UAAU,CAAA;KAC9C;;;IAOH;;OAEG;qBAEM;QACL,QAAQ,CAAC,EAAE,iBAAiB,EAAE,CAAA;QAC9B,OAAO,CAAC,EAAE,MAAM,CAAA;QAChB,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAA;KACxC;;;IAOH;;OAEG;qBAEM;QACL,QAAQ,CAAC,EAAE,iBAAiB,EAAE,CAAA;QAC9B,SAAS,CAAC,EACN,YAAY,GACZ,KAAK,GACL,aAAa,GACb,SAAS,GACT,QAAQ,GACR,UAAU,GACV,eAAe,GACf,QAAQ,GACR,gBAAgB,CAAA;KACrB;;;CAMJ,CAAA;AAED;;;;GAIG;AACH,wBAAgB,MAAM,CACpB,KAAK,GAAE;IACL,QAAQ,CAAC,EAAE,iBAAiB,EAAE,CAAA;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,UAAU,CAAA;IAC7C,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,CAAA;CACZ;;EAOP;AAED,wBAAgB,MAAM,CACpB,KAAK,GAAE;IACL,QAAQ,CAAC,EAAE,iBAAiB,EAAE,CAAA;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAA;IACvC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,CAAA;CACZ;;EAOP;AAED,wBAAgB,MAAM,CACpB,KAAK,GAAE;IACL,QAAQ,CAAC,EAAE,iBAAiB,EAAE,CAAA;IAC9B,SAAS,CAAC,EACN,YAAY,GACZ,KAAK,GACL,aAAa,GACb,SAAS,GACT,QAAQ,GACR,UAAU,GACV,eAAe,GACf,QAAQ,GACR,gBAAgB,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,CAAA;CACZ;;EAKP;AAED;;GAEG;AACH,wBAAgB,IAAI,CAAC,OAAO,EAAE,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC;;EAOpD;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,CAAC,SAAS,cAAc,EACpD,SAAS,EAAE,iBAAiB,CAAC,CAAC,CAAC,GAC9B,mBAAmB,CAAC,CAAC,CAAC,GAAG;IAAE,QAAQ,EAAE,eAAe,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAA;CAAE,CAEhF;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,CAAC,SAAS,cAAc,EAC1D,cAAc,EAAE,KAAK,KAAK,EAAE,CAAC,KAAK,iBAAiB,CAAC,CAAC,CAAC;gBAKjC,CAAC;+BAFU,mBAAmB,CAAC,CAAC,CAAC;wBAOpC,eAAe,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC;;;;;;;;;;;;;;;;EAQ1D;AAED;;GAEG;AACH,wBAAgB,gCAAgC,CAAC,CAAC,SAAS,cAAc,EACvE,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,OAAO,GAAG,OAAO,EAAE,IAEnC,OAAO,CAAC;;EAejB"}