@tachui/core 0.7.0-alpha1

package/dist/modifiers/builder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"builder.js","sources":["../../src/modifiers/builder.ts"],"sourcesContent":["/**\n * Modifier Builder Implementation\n *\n * Provides a fluent API for chaining modifiers on components,\n * similar to SwiftUI's modifier system.\n */\n\nimport type { Signal } from '../reactive/types'\nimport type { ComponentInstance, ComponentProps } from '../runtime/types'\nimport type { StatefulBackgroundValue } from '../gradients/types'\nimport type { ColorValue, TextShadowConfig } from './types'\nimport type { FontAsset } from '../assets/FontAsset'\nimport {\n  AnimationModifier,\n  AppearanceModifier,\n  InteractionModifier,\n  LayoutModifier,\n  LifecycleModifier,\n  ResizableModifier,\n} from './base'\nimport { BackgroundModifier } from './background'\nimport type { BorderStyle } from './border'\nimport { borderBottom, borderLeft, borderRight, borderTop } from './border'\nimport { css, cssProperty, cssVariable } from './css'\nimport { alignItems, flexDirection, flexGrow, flexShrink, flexWrap, gap, justifyContent } from './flexbox'\nimport { margin, marginBottom, marginHorizontal, marginLeft, marginRight, marginTop, marginVertical } from './margin'\nimport {\n  padding,\n  paddingBottom,\n  paddingHorizontal,\n  paddingLeading,\n  paddingLeft,\n  paddingRight,\n  paddingTop,\n  paddingTrailing,\n  paddingVertical,\n} from './padding'\n// Import new multi-property modifiers\nimport { height, maxHeight, maxWidth, minHeight, minWidth, size, width } from './size'\nimport type {\n  AnimationModifierProps,\n  AppearanceModifierProps,\n  LayoutModifierProps,\n  ModifiableComponent,\n  Modifier,\n  ModifierBuilder,\n} from './types'\nimport type { ResponsiveModifierBuilder, ResponsiveBreakpointBuilder } from './responsive/responsive-builder'\nimport { ResponsiveModifierBuilderImpl } from './responsive/responsive-builder'\nimport type { ResponsiveStyleConfig } from './responsive/types'\nimport { createResponsiveModifier } from './responsive/responsive-modifier'\nimport { createModifiableComponent } from './registry'\nimport type {\n  FontStyle,\n  FontVariant,\n  FontWeight,\n  TextAlign,\n  TextDecoration,\n  TextTransform,\n} from './typography'\nimport {\n  letterSpacing,\n  lineHeight,\n  overflow,\n  textAlign,\n  textDecoration,\n  textOverflow,\n  textTransform,\n  typography,\n  whiteSpace,\n} from './typography'\nimport { cursor, display, overflowX, overflowY, position, zIndex } from './utility'\nimport { \n  IdModifier, \n  DataModifier, \n  AriaModifier, \n  TabIndexModifier \n} from './attributes'\nimport {\n  LineClampModifier,\n  WordBreakModifier,\n  OverflowWrapModifier,\n  HyphensModifier,\n  BackgroundClipModifier\n} from './text'\nimport {\n  BackdropFilterModifier\n} from './backdrop'\nimport {\n  before as beforeModifier,\n  after as afterModifier\n} from './elements'\nimport {\n  FilterModifier,\n  filter,\n  saturate,\n  // grayscale, // Unused - commented out to fix type-check\n  sepia,\n  hueRotate,\n  invert,\n  vintagePhoto,\n  blackAndWhite,\n  vibrant,\n  warmTone,\n  coolTone,\n  faded,\n  highKey,\n  lowKey,\n  softFocus,\n  highContrastMode,\n  subtleBlur,\n  darkModeInvert\n} from './filters'\nimport {\n  textShadow,\n  shadow as shadowModifier,\n  shadows as shadowsModifier,\n  shadowPreset\n} from './shadows'\nimport {\n  scale,\n  rotate,\n  translate,\n  perspective\n  // transform // Unused - commented out to fix type-check\n} from './transformations'\nimport {\n  // cursor as cursorModifier, // Unused - commented out to fix type-check\n  hover as hoverModifier,\n  hoverEffect,\n  hoverWithTransition,\n  conditionalHover,\n  interactiveCursor,\n  draggableCursor,\n  textCursor,\n  disabledCursor,\n  loadingCursor,\n  helpCursor,\n  zoomCursor,\n  buttonHover,\n  cardHover,\n  linkHover,\n  imageHover\n} from './effects'\nimport {\n  transition as transitionModifier,\n  transitions,\n  fadeTransition,\n  transformTransition,\n  colorTransition,\n  layoutTransition,\n  buttonTransition,\n  cardTransition,\n  modalTransition,\n  smoothTransition,\n  quickTransition,\n  slowTransition\n} from './transitions'\nimport {\n  scroll as scrollModifier,\n  scrollBehavior,\n  overscrollBehavior,\n  overscrollBehaviorX,\n  overscrollBehaviorY,\n  scrollMargin,\n  scrollPadding,\n  scrollSnap\n} from './scroll'\nimport { asHTML } from './as-html'\nimport type { AsHTMLOptions } from './as-html'\n\n/**\n * Concrete modifier builder implementation\n */\nexport class ModifierBuilderImpl<T extends ComponentInstance = ComponentInstance>\n  implements ModifierBuilder<T>\n{\n  private modifiers: Modifier[] = []\n\n  constructor(private component: T) {}\n\n  // Layout modifiers\n  frame(width?: number | string, height?: number | string): ModifierBuilder<T>\n  frame(options: LayoutModifierProps['frame']): ModifierBuilder<T>\n  frame(\n    widthOrOptions?: number | string | LayoutModifierProps['frame'],\n    height?: number | string\n  ): ModifierBuilder<T> {\n    let frameProps: LayoutModifierProps['frame']\n\n    if (typeof widthOrOptions === 'object') {\n      frameProps = widthOrOptions\n    } else {\n      frameProps = {}\n      if (widthOrOptions !== undefined) frameProps.width = widthOrOptions\n      if (height !== undefined) frameProps.height = height\n    }\n\n    this.modifiers.push(new LayoutModifier({ frame: frameProps }))\n    return this\n  }\n\n  // Padding is now handled by the new padding modifiers below\n\n  margin(value: number | string): ModifierBuilder<T>\n  margin(options: LayoutModifierProps['margin']): ModifierBuilder<T>\n  margin(valueOrOptions: number | string | LayoutModifierProps['margin']): ModifierBuilder<T> {\n    if (typeof valueOrOptions === 'number' || typeof valueOrOptions === 'string') {\n      this.modifiers.push(margin(valueOrOptions))\n    } else {\n      // Handle both LayoutModifierProps margin format and direct MarginOptions format\n      const marginOptions = valueOrOptions as any\n      \n      // Check if it's using vertical/horizontal pattern\n      if (marginOptions.vertical !== undefined || marginOptions.horizontal !== undefined) {\n        this.modifiers.push(margin({\n          vertical: marginOptions.vertical,\n          horizontal: marginOptions.horizontal\n        }))\n      } else if (marginOptions.top !== undefined || marginOptions.right !== undefined || \n                 marginOptions.bottom !== undefined || marginOptions.left !== undefined) {\n        // Handle individual sides\n        this.modifiers.push(margin({\n          top: marginOptions.top,\n          right: marginOptions.right,\n          bottom: marginOptions.bottom,\n          left: marginOptions.left\n        }))\n      }\n    }\n    return this\n  }\n\n  layoutPriority(priority: number | Signal<number>): ModifierBuilder<T> {\n    this.modifiers.push(new LayoutModifier({ layoutPriority: priority }))\n    return this\n  }\n\n  // New multi-property modifiers\n  size(options: {\n    width?: number | string\n    height?: number | string\n    minWidth?: number | string\n    maxWidth?: number | string\n    minHeight?: number | string\n    maxHeight?: number | string\n  }): ModifierBuilder<T> {\n    this.modifiers.push(size(options))\n    return this\n  }\n\n  width(value: number | string): ModifierBuilder<T> {\n    this.modifiers.push(width(value))\n    return this\n  }\n\n  height(value: number | string): ModifierBuilder<T> {\n    this.modifiers.push(height(value))\n    return this\n  }\n\n  maxWidth(value: number | string): ModifierBuilder<T> {\n    this.modifiers.push(maxWidth(value))\n    return this\n  }\n\n  minWidth(value: number | string): ModifierBuilder<T> {\n    this.modifiers.push(minWidth(value))\n    return this\n  }\n\n  maxHeight(value: number | string): ModifierBuilder<T> {\n    this.modifiers.push(maxHeight(value))\n    return this\n  }\n\n  minHeight(value: number | string): ModifierBuilder<T> {\n    this.modifiers.push(minHeight(value))\n    return this\n  }\n\n  marginTop(value: number): ModifierBuilder<T> {\n    this.modifiers.push(marginTop(value))\n    return this\n  }\n\n  marginBottom(value: number): ModifierBuilder<T> {\n    this.modifiers.push(marginBottom(value))\n    return this\n  }\n\n  marginHorizontal(value: number): ModifierBuilder<T> {\n    this.modifiers.push(marginHorizontal(value))\n    return this\n  }\n\n  marginVertical(value: number): ModifierBuilder<T> {\n    this.modifiers.push(marginVertical(value))\n    return this\n  }\n\n  marginLeft(value: number): ModifierBuilder<T> {\n    this.modifiers.push(marginLeft(value))\n    return this\n  }\n\n  marginRight(value: number): ModifierBuilder<T> {\n    this.modifiers.push(marginRight(value))\n    return this\n  }\n\n  // Padding modifiers\n  padding(value: number): ModifierBuilder<T>\n  padding(options: any): ModifierBuilder<T>\n  padding(valueOrOptions: number | any): ModifierBuilder<T> {\n    if (typeof valueOrOptions === 'number') {\n      this.modifiers.push(padding(valueOrOptions))\n    } else {\n      this.modifiers.push(padding(valueOrOptions as any))\n    }\n    return this\n  }\n\n  paddingTop(value: number): ModifierBuilder<T> {\n    this.modifiers.push(paddingTop(value))\n    return this\n  }\n\n  paddingBottom(value: number): ModifierBuilder<T> {\n    this.modifiers.push(paddingBottom(value))\n    return this\n  }\n\n  paddingLeft(value: number): ModifierBuilder<T> {\n    this.modifiers.push(paddingLeft(value))\n    return this\n  }\n\n  paddingRight(value: number): ModifierBuilder<T> {\n    this.modifiers.push(paddingRight(value))\n    return this\n  }\n\n  paddingLeading(value: number): ModifierBuilder<T> {\n    this.modifiers.push(paddingLeading(value))\n    return this\n  }\n\n  paddingTrailing(value: number): ModifierBuilder<T> {\n    this.modifiers.push(paddingTrailing(value))\n    return this\n  }\n\n  paddingHorizontal(value: number): ModifierBuilder<T> {\n    this.modifiers.push(paddingHorizontal(value))\n    return this\n  }\n\n  paddingVertical(value: number): ModifierBuilder<T> {\n    this.modifiers.push(paddingVertical(value))\n    return this\n  }\n\n  // Typography modifiers\n  typography(options: {\n    size?: number | string\n    weight?: FontWeight\n    family?: string\n    lineHeight?: number | string\n    letterSpacing?: number | string\n    align?: TextAlign\n    transform?: TextTransform\n    decoration?: TextDecoration\n    variant?: FontVariant\n    style?: FontStyle\n    color?: string\n  }): ModifierBuilder<T> {\n    this.modifiers.push(typography(options))\n    return this\n  }\n\n  textAlign(value: 'left' | 'center' | 'right' | 'justify' | 'start' | 'end'): ModifierBuilder<T> {\n    this.modifiers.push(textAlign(value))\n    return this\n  }\n\n  textTransform(value: 'none' | 'uppercase' | 'lowercase' | 'capitalize'): ModifierBuilder<T> {\n    this.modifiers.push(textTransform(value))\n    return this\n  }\n\n  letterSpacing(value: number | string): ModifierBuilder<T> {\n    this.modifiers.push(letterSpacing(value))\n    return this\n  }\n\n  lineHeight(value: number | string): ModifierBuilder<T> {\n    this.modifiers.push(lineHeight(value))\n    return this\n  }\n\n  textOverflow(value: 'clip' | 'ellipsis' | 'fade' | string): ModifierBuilder<T> {\n    this.modifiers.push(textOverflow(value))\n    return this\n  }\n\n  whiteSpace(\n    value: 'normal' | 'nowrap' | 'pre' | 'pre-wrap' | 'pre-line' | 'break-spaces'\n  ): ModifierBuilder<T> {\n    this.modifiers.push(whiteSpace(value))\n    return this\n  }\n\n  overflow(value: 'visible' | 'hidden' | 'scroll' | 'auto'): ModifierBuilder<T> {\n    this.modifiers.push(overflow(value))\n    return this\n  }\n\n  // Border modifiers\n  borderTop(\n    width: number | Signal<number>,\n    color: string | Signal<string>,\n    style?: BorderStyle\n  ): ModifierBuilder<T> {\n    this.modifiers.push(borderTop(width, color, style))\n    return this\n  }\n\n  borderRight(\n    width: number | Signal<number>,\n    color: string | Signal<string>,\n    style?: BorderStyle\n  ): ModifierBuilder<T> {\n    this.modifiers.push(borderRight(width, color, style))\n    return this\n  }\n\n  borderBottom(\n    width: number | Signal<number>,\n    color: string | Signal<string>,\n    style?: BorderStyle\n  ): ModifierBuilder<T> {\n    this.modifiers.push(borderBottom(width, color, style))\n    return this\n  }\n\n  borderLeft(\n    width: number | Signal<number>,\n    color: string | Signal<string>,\n    style?: BorderStyle\n  ): ModifierBuilder<T> {\n    this.modifiers.push(borderLeft(width, color, style))\n    return this\n  }\n\n  // Flexbox modifiers\n\n  flexGrow(value: number): ModifierBuilder<T> {\n    this.modifiers.push(flexGrow(value))\n    return this\n  }\n\n  flexShrink(value: number): ModifierBuilder<T> {\n    this.modifiers.push(flexShrink(value))\n    return this\n  }\n\n  justifyContent(\n    value: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly'\n  ): ModifierBuilder<T> {\n    this.modifiers.push(justifyContent(value))\n    return this\n  }\n\n  alignItems(\n    value: 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline'\n  ): ModifierBuilder<T> {\n    this.modifiers.push(alignItems(value))\n    return this\n  }\n\n  gap(value: number | string): ModifierBuilder<T> {\n    this.modifiers.push(gap(value))\n    return this\n  }\n\n  flexDirection(value: 'row' | 'row-reverse' | 'column' | 'column-reverse'): ModifierBuilder<T> {\n    this.modifiers.push(flexDirection(value))\n    return this\n  }\n\n  flexWrap(value: 'nowrap' | 'wrap' | 'wrap-reverse'): ModifierBuilder<T> {\n    this.modifiers.push(flexWrap(value))\n    return this\n  }\n\n  // Utility modifiers\n  cursor(\n    value:\n      | 'auto'\n      | 'default'\n      | 'pointer'\n      | 'text'\n      | 'wait'\n      | 'help'\n      | 'not-allowed'\n      | 'grab'\n      | 'grabbing'\n  ): ModifierBuilder<T> {\n    this.modifiers.push(cursor(value))\n    return this\n  }\n\n  overflowY(value: 'visible' | 'hidden' | 'scroll' | 'auto'): ModifierBuilder<T> {\n    this.modifiers.push(overflowY(value))\n    return this\n  }\n\n  overflowX(value: 'visible' | 'hidden' | 'scroll' | 'auto'): ModifierBuilder<T> {\n    this.modifiers.push(overflowX(value))\n    return this\n  }\n\n  position(value: 'static' | 'relative' | 'absolute' | 'fixed' | 'sticky'): ModifierBuilder<T> {\n    this.modifiers.push(position(value))\n    return this\n  }\n\n  zIndex(value: number): ModifierBuilder<T> {\n    this.modifiers.push(zIndex(value))\n    return this\n  }\n\n  display(\n    value: 'block' | 'inline' | 'inline-block' | 'flex' | 'inline-flex' | 'grid' | 'none'\n  ): ModifierBuilder<T> {\n    this.modifiers.push(display(value))\n    return this\n  }\n\n  // Raw CSS modifiers\n  css(properties: { [property: string]: string | number | undefined }): ModifierBuilder<T> {\n    this.modifiers.push(css(properties))\n    return this\n  }\n\n  cssProperty(property: string, value: string | number): ModifierBuilder<T> {\n    this.modifiers.push(cssProperty(property, value))\n    return this\n  }\n\n  cssVariable(name: string, value: string | number): ModifierBuilder<T> {\n    this.modifiers.push(cssVariable(name, value))\n    return this\n  }\n\n  textCase(value: 'none' | 'uppercase' | 'lowercase' | 'capitalize'): ModifierBuilder<T> {\n    this.modifiers.push(textTransform(value))\n    return this\n  }\n\n  textDecoration(value: 'none' | 'underline' | 'overline' | 'line-through'): ModifierBuilder<T> {\n    this.modifiers.push(textDecoration(value))\n    return this\n  }\n\n  // Phase 1 SwiftUI modifiers\n  offset(x: number | Signal<number>, y?: number | Signal<number>): ModifierBuilder<T> {\n    this.modifiers.push(\n      new LayoutModifier({\n        offset: {\n          x: typeof x === 'number' ? x : x,\n          y: typeof y === 'number' ? (y ?? 0) : (y ?? 0),\n        },\n      })\n    )\n    return this\n  }\n\n  clipped(): ModifierBuilder<T> {\n    this.modifiers.push(new AppearanceModifier({ clipped: true }))\n    return this\n  }\n\n  rotationEffect(\n    angle: number | Signal<number>,\n    anchor:\n      | 'center'\n      | 'top'\n      | 'topLeading'\n      | 'topTrailing'\n      | 'bottom'\n      | 'bottomLeading'\n      | 'bottomTrailing'\n      | 'leading'\n      | 'trailing' = 'center'\n  ): ModifierBuilder<T> {\n    this.modifiers.push(\n      new AnimationModifier({\n        rotationEffect: {\n          angle: typeof angle === 'number' ? angle : angle,\n          anchor,\n        },\n      })\n    )\n    return this\n  }\n\n  // Phase 2 SwiftUI modifiers\n  aspectRatio(\n    ratio?: number | Signal<number>,\n    contentMode: 'fit' | 'fill' = 'fit'\n  ): ModifierBuilder<T> {\n    this.modifiers.push(\n      new LayoutModifier({\n        aspectRatio: {\n          ratio: typeof ratio === 'number' ? ratio : ratio,\n          contentMode,\n        },\n      })\n    )\n    return this\n  }\n\n  fixedSize(horizontal: boolean = true, vertical: boolean = true): ModifierBuilder<T> {\n    this.modifiers.push(\n      new LayoutModifier({\n        fixedSize: {\n          horizontal,\n          vertical,\n        },\n      })\n    )\n    return this\n  }\n\n  clipShape(\n    shape: 'circle' | 'ellipse' | 'rect' | 'polygon',\n    parameters?: Record<string, any>\n  ): ModifierBuilder<T> {\n    this.modifiers.push(\n      new AppearanceModifier({\n        clipShape: {\n          shape,\n          parameters: parameters || {},\n        },\n      })\n    )\n    return this\n  }\n\n  overlay(\n    content: any,\n    alignment:\n      | 'center'\n      | 'top'\n      | 'bottom'\n      | 'leading'\n      | 'trailing'\n      | 'topLeading'\n      | 'topTrailing'\n      | 'bottomLeading'\n      | 'bottomTrailing' = 'center'\n  ): ModifierBuilder<T> {\n    this.modifiers.push(\n      new AnimationModifier({\n        overlay: {\n          content,\n          alignment,\n        },\n      })\n    )\n    return this\n  }\n\n  // Phase 3 SwiftUI modifiers - Critical Transform Modifiers\n  scaleEffect(\n    x: number | Signal<number>,\n    y?: number | Signal<number>,\n    anchor:\n      | 'center'\n      | 'top'\n      | 'topLeading'\n      | 'topTrailing'\n      | 'bottom'\n      | 'bottomLeading'\n      | 'bottomTrailing'\n      | 'leading'\n      | 'trailing' = 'center'\n  ): ModifierBuilder<T> {\n    this.modifiers.push(\n      new LayoutModifier({\n        scaleEffect: {\n          x,\n          y,\n          anchor,\n        },\n      })\n    )\n    return this\n  }\n\n  absolutePosition(x: number | Signal<number>, y: number | Signal<number>): ModifierBuilder<T> {\n    this.modifiers.push(\n      new LayoutModifier({\n        position: {\n          x,\n          y,\n        },\n      })\n    )\n    return this\n  }\n\n  // Appearance modifiers\n  foregroundColor(color: ColorValue): ModifierBuilder<T> {\n    this.modifiers.push(new AppearanceModifier({ foregroundColor: color }))\n    return this\n  }\n\n  backgroundColor(color: ColorValue): ModifierBuilder<T> {\n    this.modifiers.push(new AppearanceModifier({ backgroundColor: color }))\n    return this\n  }\n\n  background(value: StatefulBackgroundValue | Signal<string>): ModifierBuilder<T> {\n    this.modifiers.push(new BackgroundModifier({ background: value as StatefulBackgroundValue }))\n    return this\n  }\n\n  font(options: AppearanceModifierProps['font']): ModifierBuilder<T>\n  font(size: number | string): ModifierBuilder<T>\n  font(sizeOrOptions: number | string | AppearanceModifierProps['font']): ModifierBuilder<T> {\n    let fontProps: AppearanceModifierProps['font']\n\n    if (typeof sizeOrOptions === 'object') {\n      fontProps = sizeOrOptions\n    } else {\n      fontProps = sizeOrOptions !== undefined ? { size: sizeOrOptions } : {}\n    }\n\n    this.modifiers.push(new AppearanceModifier({ font: fontProps }))\n    return this\n  }\n\n  fontWeight(weight: NonNullable<AppearanceModifierProps['font']>['weight']): ModifierBuilder<T> {\n    this.modifiers.push(new AppearanceModifier({ font: { weight } }))\n    return this\n  }\n\n  fontSize(size: number | string | Signal<number> | Signal<string>): ModifierBuilder<T> {\n    this.modifiers.push(new AppearanceModifier({ font: { size } }))\n    return this\n  }\n\n  fontFamily(family: string | FontAsset | Signal<string | FontAsset>): ModifierBuilder<T> {\n    this.modifiers.push(new AppearanceModifier({ font: { family } }))\n    return this\n  }\n\n  opacity(value: number | Signal<number>): ModifierBuilder<T> {\n    this.modifiers.push(new AppearanceModifier({ opacity: value }))\n    return this\n  }\n\n  cornerRadius(radius: number | Signal<number>): ModifierBuilder<T> {\n    this.modifiers.push(new AppearanceModifier({ cornerRadius: radius }))\n    return this\n  }\n\n  border(width: number | Signal<number>, color?: ColorValue): ModifierBuilder<T>\n  border(options: AppearanceModifierProps['border']): ModifierBuilder<T>\n  border(\n    widthOrOptions: number | Signal<number> | AppearanceModifierProps['border'],\n    color?: ColorValue\n  ): ModifierBuilder<T> {\n    let borderProps: AppearanceModifierProps['border']\n\n    if (typeof widthOrOptions === 'object') {\n      borderProps = widthOrOptions\n    } else {\n      borderProps = {\n        style: 'solid',\n        ...(widthOrOptions !== undefined && { width: widthOrOptions }),\n        ...(color !== undefined && { color }),\n      }\n    }\n\n    this.modifiers.push(new AppearanceModifier({ border: borderProps }))\n    return this\n  }\n\n  borderWidth(width: number | Signal<number>): ModifierBuilder<T> {\n    this.modifiers.push(new AppearanceModifier({ border: { width } }))\n    return this\n  }\n\n  shadow(options: AppearanceModifierProps['shadow']): ModifierBuilder<T>\n  shadow(config: { x: number; y: number; blur: number; color: string; spread?: number; inset?: boolean }): ModifierBuilder<T>\n  shadow(optionsOrConfig: AppearanceModifierProps['shadow'] | { x: number; y: number; blur: number; color: string; spread?: number; inset?: boolean }): ModifierBuilder<T> {\n    // Check if it's the new ShadowConfig format (has x, y, blur properties)\n    if (optionsOrConfig && typeof optionsOrConfig === 'object' && 'x' in optionsOrConfig && 'y' in optionsOrConfig && 'blur' in optionsOrConfig) {\n      this.modifiers.push(shadowModifier(optionsOrConfig as any))\n    } else {\n      // Use the old AppearanceModifier format\n      this.modifiers.push(new AppearanceModifier({ shadow: optionsOrConfig as AppearanceModifierProps['shadow'] }))\n    }\n    return this\n  }\n\n  textShadow(config: TextShadowConfig): ModifierBuilder<T> {\n    this.modifiers.push(textShadow(config))\n    return this\n  }\n\n  // Additional shadow methods\n  shadows(configs: Array<{ x: number; y: number; blur: number; color: string; spread?: number; inset?: boolean }>): ModifierBuilder<T> {\n    this.modifiers.push(shadowsModifier(configs))\n    return this\n  }\n\n  shadowPreset(presetName: string): ModifierBuilder<T> {\n    this.modifiers.push(shadowPreset(presetName))\n    return this\n  }\n\n  // Visual Effects Modifiers (Phase 2 - Epic: Butternut)\n  blur(radius: number | Signal<number>): ModifierBuilder<T> {\n    this.modifiers.push(new AppearanceModifier({ blur: radius }))\n    return this\n  }\n\n  brightness(amount: number | Signal<number>): ModifierBuilder<T> {\n    this.modifiers.push(new AppearanceModifier({ brightness: amount }))\n    return this\n  }\n\n  contrast(amount: number | Signal<number>): ModifierBuilder<T> {\n    this.modifiers.push(new AppearanceModifier({ contrast: amount }))\n    return this\n  }\n\n  saturation(amount: number | Signal<number>): ModifierBuilder<T> {\n    this.modifiers.push(new AppearanceModifier({ saturation: amount }))\n    return this\n  }\n\n  hueRotation(angle: number | Signal<number>): ModifierBuilder<T> {\n    this.modifiers.push(new AppearanceModifier({ hueRotation: angle }))\n    return this\n  }\n\n  grayscale(amount: number | Signal<number>): ModifierBuilder<T> {\n    this.modifiers.push(new AppearanceModifier({ grayscale: amount }))\n    return this\n  }\n\n  colorInvert(amount: number | Signal<number> = 1.0): ModifierBuilder<T> {\n    this.modifiers.push(new AppearanceModifier({ colorInvert: amount }))\n    return this\n  }\n\n  dropShadow(shadow: string): ModifierBuilder<T> {\n    this.modifiers.push(new FilterModifier({ filter: { dropShadow: shadow } }))\n    return this\n  }\n\n  // Additional filter methods\n  filter(config: { blur?: number; brightness?: number; contrast?: number; saturate?: number; [key: string]: any } | string): ModifierBuilder<T> {\n    this.modifiers.push(filter(config))\n    return this\n  }\n\n  saturate(value: number): ModifierBuilder<T> {\n    this.modifiers.push(saturate(value))\n    return this\n  }\n\n  sepia(value: number): ModifierBuilder<T> {\n    this.modifiers.push(sepia(value))\n    return this\n  }\n\n  hueRotate(angle: string): ModifierBuilder<T> {\n    this.modifiers.push(hueRotate(angle))\n    return this\n  }\n\n  invert(value: number): ModifierBuilder<T> {\n    this.modifiers.push(invert(value))\n    return this\n  }\n\n  // Filter presets\n  vintagePhoto(sepiaAmount?: number, contrastAmount?: number): ModifierBuilder<T> {\n    this.modifiers.push(vintagePhoto(sepiaAmount, contrastAmount))\n    return this\n  }\n\n  blackAndWhite(contrastAmount?: number): ModifierBuilder<T> {\n    this.modifiers.push(blackAndWhite(contrastAmount))\n    return this\n  }\n\n  vibrant(saturationAmount?: number, contrastAmount?: number): ModifierBuilder<T> {\n    this.modifiers.push(vibrant(saturationAmount, contrastAmount))\n    return this\n  }\n\n  warmTone(hueShift?: string): ModifierBuilder<T> {\n    this.modifiers.push(warmTone(hueShift))\n    return this\n  }\n\n  coolTone(hueShift?: string): ModifierBuilder<T> {\n    this.modifiers.push(coolTone(hueShift))\n    return this\n  }\n\n  faded(contrastAmount?: number, saturationAmount?: number): ModifierBuilder<T> {\n    this.modifiers.push(faded(contrastAmount, saturationAmount))\n    return this\n  }\n\n  highKey(brightnessAmount?: number, contrastAmount?: number): ModifierBuilder<T> {\n    this.modifiers.push(highKey(brightnessAmount, contrastAmount))\n    return this\n  }\n\n  lowKey(brightnessAmount?: number, contrastAmount?: number): ModifierBuilder<T> {\n    this.modifiers.push(lowKey(brightnessAmount, contrastAmount))\n    return this\n  }\n\n  softFocus(blurAmount?: number): ModifierBuilder<T> {\n    this.modifiers.push(softFocus(blurAmount))\n    return this\n  }\n\n  highContrastMode(): ModifierBuilder<T> {\n    this.modifiers.push(highContrastMode())\n    return this\n  }\n\n  subtleBlur(): ModifierBuilder<T> {\n    this.modifiers.push(subtleBlur())\n    return this\n  }\n\n  darkModeInvert(): ModifierBuilder<T> {\n    this.modifiers.push(darkModeInvert())\n    return this\n  }\n\n  // Transform modifiers\n  scale(value: number | { x?: number; y?: number }): ModifierBuilder<T> {\n    this.modifiers.push(scale(value))\n    return this\n  }\n\n  rotate(angle: string): ModifierBuilder<T> {\n    this.modifiers.push(rotate(angle))\n    return this\n  }\n\n  translate(offset: { x?: number | string; y?: number | string }): ModifierBuilder<T> {\n    this.modifiers.push(translate(offset))\n    return this\n  }\n\n  perspective(value: number): ModifierBuilder<T> {\n    this.modifiers.push(perspective(value))\n    return this\n  }\n\n  // Hover and cursor effect modifiers\n  hover(styles: any, transition?: string | number): ModifierBuilder<T> {\n    this.modifiers.push(hoverModifier(styles, transition))\n    return this\n  }\n\n  hoverEffect(effect: 'automatic' | 'highlight' | 'lift' | 'scale', isEnabled?: boolean): ModifierBuilder<T> {\n    this.modifiers.push(hoverEffect(effect, isEnabled))\n    return this\n  }\n\n  hoverWithTransition(styles: any, duration: number = 200): ModifierBuilder<T> {\n    this.modifiers.push(hoverWithTransition(styles, duration))\n    return this\n  }\n\n  conditionalHover(effect: 'automatic' | 'highlight' | 'lift' | 'scale', isEnabled: boolean): ModifierBuilder<T> {\n    this.modifiers.push(conditionalHover(effect, isEnabled))\n    return this\n  }\n\n  // Cursor preset methods\n  interactiveCursor(): ModifierBuilder<T> {\n    this.modifiers.push(interactiveCursor())\n    return this\n  }\n\n  draggableCursor(): ModifierBuilder<T> {\n    this.modifiers.push(draggableCursor())\n    return this\n  }\n\n  textCursor(): ModifierBuilder<T> {\n    this.modifiers.push(textCursor())\n    return this\n  }\n\n  disabledCursor(): ModifierBuilder<T> {\n    this.modifiers.push(disabledCursor())\n    return this\n  }\n\n  loadingCursor(): ModifierBuilder<T> {\n    this.modifiers.push(loadingCursor())\n    return this\n  }\n\n  helpCursor(): ModifierBuilder<T> {\n    this.modifiers.push(helpCursor())\n    return this\n  }\n\n  zoomCursor(mode: 'in' | 'out' = 'in'): ModifierBuilder<T> {\n    this.modifiers.push(zoomCursor(mode))\n    return this\n  }\n\n  // Hover effect presets\n  buttonHover(): ModifierBuilder<T> {\n    this.modifiers.push(buttonHover())\n    return this\n  }\n\n  cardHover(): ModifierBuilder<T> {\n    this.modifiers.push(cardHover())\n    return this\n  }\n\n  linkHover(): ModifierBuilder<T> {\n    this.modifiers.push(linkHover())\n    return this\n  }\n\n  imageHover(): ModifierBuilder<T> {\n    this.modifiers.push(imageHover())\n    return this\n  }\n\n  // Transition modifiers\n  transition(\n    property: string = 'all',\n    duration: number = 300,\n    easing: string = 'ease',\n    delay: number = 0\n  ): ModifierBuilder<T> {\n    this.modifiers.push(transitionModifier(property, duration, easing, delay))\n    return this\n  }\n\n  transitions(config: any): ModifierBuilder<T> {\n    this.modifiers.push(transitions(config))\n    return this\n  }\n\n  // Transition presets\n  fadeTransition(duration: number = 200): ModifierBuilder<T> {\n    this.modifiers.push(fadeTransition(duration))\n    return this\n  }\n\n  transformTransition(duration: number = 300): ModifierBuilder<T> {\n    this.modifiers.push(transformTransition(duration))\n    return this\n  }\n\n  colorTransition(duration: number = 150): ModifierBuilder<T> {\n    this.modifiers.push(colorTransition(duration))\n    return this\n  }\n\n  layoutTransition(duration: number = 250): ModifierBuilder<T> {\n    this.modifiers.push(layoutTransition(duration))\n    return this\n  }\n\n  buttonTransition(): ModifierBuilder<T> {\n    this.modifiers.push(buttonTransition())\n    return this\n  }\n\n  cardTransition(): ModifierBuilder<T> {\n    this.modifiers.push(cardTransition())\n    return this\n  }\n\n  modalTransition(): ModifierBuilder<T> {\n    this.modifiers.push(modalTransition())\n    return this\n  }\n\n  smoothTransition(duration: number = 300): ModifierBuilder<T> {\n    this.modifiers.push(smoothTransition(duration))\n    return this\n  }\n\n  quickTransition(duration: number = 150): ModifierBuilder<T> {\n    this.modifiers.push(quickTransition(duration))\n    return this\n  }\n\n  slowTransition(duration: number = 500): ModifierBuilder<T> {\n    this.modifiers.push(slowTransition(duration))\n    return this\n  }\n\n  // Scroll modifiers\n  scroll(config: any): ModifierBuilder<T> {\n    this.modifiers.push(scrollModifier(config))\n    return this\n  }\n\n  scrollBehavior(value: 'auto' | 'smooth'): ModifierBuilder<T> {\n    this.modifiers.push(scrollBehavior(value))\n    return this\n  }\n\n  overscrollBehavior(value: 'auto' | 'contain' | 'none'): ModifierBuilder<T> {\n    this.modifiers.push(overscrollBehavior(value))\n    return this\n  }\n\n  overscrollBehaviorX(value: 'auto' | 'contain' | 'none'): ModifierBuilder<T> {\n    this.modifiers.push(overscrollBehaviorX(value))\n    return this\n  }\n\n  overscrollBehaviorY(value: 'auto' | 'contain' | 'none'): ModifierBuilder<T> {\n    this.modifiers.push(overscrollBehaviorY(value))\n    return this\n  }\n\n  scrollMargin(margin: number | string | { top?: number | string, right?: number | string, bottom?: number | string, left?: number | string }): ModifierBuilder<T> {\n    this.modifiers.push(scrollMargin(margin))\n    return this\n  }\n\n  scrollPadding(padding: number | string | { top?: number | string, right?: number | string, bottom?: number | string, left?: number | string }): ModifierBuilder<T> {\n    this.modifiers.push(scrollPadding(padding))\n    return this\n  }\n\n  scrollSnap(\n    type: 'none' | 'x mandatory' | 'y mandatory' | 'x proximity' | 'y proximity' | 'both mandatory' | 'both proximity',\n    align?: 'start' | 'end' | 'center',\n    stop?: 'normal' | 'always'\n  ): ModifierBuilder<T> {\n    this.modifiers.push(scrollSnap(type, align, stop))\n    return this\n  }\n\n  // Interaction modifiers\n  onTap(handler: (event: MouseEvent) => void): ModifierBuilder<T> {\n    this.modifiers.push(new InteractionModifier({ onTap: handler }))\n    return this\n  }\n\n  onHover(handler: (isHovered: boolean) => void): ModifierBuilder<T> {\n    this.modifiers.push(new InteractionModifier({ onHover: handler }))\n    return this\n  }\n\n  onMouseEnter(handler: (event: MouseEvent) => void): ModifierBuilder<T> {\n    this.modifiers.push(new InteractionModifier({ onMouseEnter: handler }))\n    return this\n  }\n\n  onMouseLeave(handler: (event: MouseEvent) => void): ModifierBuilder<T> {\n    this.modifiers.push(new InteractionModifier({ onMouseLeave: handler }))\n    return this\n  }\n\n  onMouseDown(handler: (event: MouseEvent) => void): ModifierBuilder<T> {\n    this.modifiers.push(new InteractionModifier({ onMouseDown: handler }))\n    return this\n  }\n\n  onMouseUp(handler: (event: MouseEvent) => void): ModifierBuilder<T> {\n    this.modifiers.push(new InteractionModifier({ onMouseUp: handler }))\n    return this\n  }\n\n  onDragStart(handler: (event: DragEvent) => void): ModifierBuilder<T> {\n    this.modifiers.push(new InteractionModifier({ onDragStart: handler }))\n    return this\n  }\n\n  onDragOver(handler: (event: DragEvent) => void): ModifierBuilder<T> {\n    this.modifiers.push(new InteractionModifier({ onDragOver: handler }))\n    return this\n  }\n\n  onDragLeave(handler: (event: DragEvent) => void): ModifierBuilder<T> {\n    this.modifiers.push(new InteractionModifier({ onDragLeave: handler }))\n    return this\n  }\n\n  onDrop(handler: (event: DragEvent) => void): ModifierBuilder<T> {\n    this.modifiers.push(new InteractionModifier({ onDrop: handler }))\n    return this\n  }\n\n  // Additional mouse events\n  onDoubleClick(handler: (event: MouseEvent) => void): ModifierBuilder<T> {\n    this.modifiers.push(new InteractionModifier({ onDoubleClick: handler }))\n    return this\n  }\n\n  onContextMenu(handler: (event: MouseEvent) => void): ModifierBuilder<T> {\n    this.modifiers.push(new InteractionModifier({ onContextMenu: handler }))\n    return this\n  }\n\n  // Focus events\n  onFocus(handler: (isFocused: boolean) => void): ModifierBuilder<T> {\n    this.modifiers.push(new InteractionModifier({ onFocus: handler }))\n    return this\n  }\n\n  onBlur(handler: (isFocused: boolean) => void): ModifierBuilder<T> {\n    this.modifiers.push(new InteractionModifier({ onBlur: handler }))\n    return this\n  }\n\n  // Keyboard events\n  onKeyPress(handler: (event: KeyboardEvent) => void): ModifierBuilder<T> {\n    this.modifiers.push(new InteractionModifier({ onKeyPress: handler }))\n    return this\n  }\n\n  onKeyDown(handler: (event: KeyboardEvent) => void): ModifierBuilder<T> {\n    this.modifiers.push(new InteractionModifier({ onKeyDown: handler }))\n    return this\n  }\n\n  onKeyUp(handler: (event: KeyboardEvent) => void): ModifierBuilder<T> {\n    this.modifiers.push(new InteractionModifier({ onKeyUp: handler }))\n    return this\n  }\n\n  // Scroll and wheel events\n  onScroll(handler: (event: Event) => void): ModifierBuilder<T> {\n    this.modifiers.push(new InteractionModifier({ onScroll: handler }))\n    return this\n  }\n\n  onWheel(handler: (event: WheelEvent) => void): ModifierBuilder<T> {\n    this.modifiers.push(new InteractionModifier({ onWheel: handler }))\n    return this\n  }\n\n  // Input events\n  onInput(handler: (event: InputEvent) => void): ModifierBuilder<T> {\n    this.modifiers.push(new InteractionModifier({ onInput: handler }))\n    return this\n  }\n\n  onChange(handler: (value: any, event?: Event) => void): ModifierBuilder<T> {\n    this.modifiers.push(new InteractionModifier({ onChange: handler }))\n    return this\n  }\n\n  // Clipboard events\n  onCopy(handler: (event: ClipboardEvent) => void): ModifierBuilder<T> {\n    this.modifiers.push(new InteractionModifier({ onCopy: handler }))\n    return this\n  }\n\n  onCut(handler: (event: ClipboardEvent) => void): ModifierBuilder<T> {\n    this.modifiers.push(new InteractionModifier({ onCut: handler }))\n    return this\n  }\n\n  onPaste(handler: (event: ClipboardEvent) => void): ModifierBuilder<T> {\n    this.modifiers.push(new InteractionModifier({ onPaste: handler }))\n    return this\n  }\n\n  // Selection events\n  onSelect(handler: (event: Event) => void): ModifierBuilder<T> {\n    this.modifiers.push(new InteractionModifier({ onSelect: handler }))\n    return this\n  }\n\n  // HTML and ARIA Attributes\n  id(value: string): ModifierBuilder<T> {\n    this.modifiers.push(new IdModifier({ id: value }))\n    return this\n  }\n\n  data(attributes: { [key: string]: string | number | boolean }): ModifierBuilder<T> {\n    this.modifiers.push(new DataModifier({ data: attributes }))\n    return this\n  }\n\n  aria(attributes: { [key: string]: string | number | boolean | undefined }): ModifierBuilder<T> {\n    this.modifiers.push(new AriaModifier({ aria: attributes }))\n    return this\n  }\n\n\n  tabIndex(value: number): ModifierBuilder<T> {\n    this.modifiers.push(new TabIndexModifier({ tabIndex: value }))\n    return this\n  }\n\n  // Text Modifiers\n  lineClamp(lines: number): ModifierBuilder<T> {\n    this.modifiers.push(new LineClampModifier({ lines }))\n    return this\n  }\n\n  wordBreak(value: 'normal' | 'break-all' | 'keep-all' | 'break-word'): ModifierBuilder<T> {\n    this.modifiers.push(new WordBreakModifier({ wordBreak: value }))\n    return this\n  }\n\n  overflowWrap(value: 'normal' | 'break-word' | 'anywhere'): ModifierBuilder<T> {\n    this.modifiers.push(new OverflowWrapModifier({ overflowWrap: value }))\n    return this\n  }\n\n  hyphens(value: 'none' | 'manual' | 'auto'): ModifierBuilder<T> {\n    this.modifiers.push(new HyphensModifier({ hyphens: value }))\n    return this\n  }\n\n  // Gradient Text Modifier\n  gradientText(gradient: string): ModifierBuilder<T> {\n    this.modifiers.push(new BackgroundClipModifier({\n      backgroundImage: gradient,\n      backgroundClip: 'text',\n      color: 'transparent',\n      webkitBackgroundClip: 'text',\n      webkitTextFillColor: 'transparent'\n    }))\n    return this\n  }\n\n  // Backdrop Filter Modifiers (Unified Implementation)\n  backdropFilter(config: { blur?: number; brightness?: number; contrast?: number; saturate?: number; [key: string]: any }, fallbackColor?: ColorValue): ModifierBuilder<T>\n  backdropFilter(cssValue: string, fallbackColor?: ColorValue): ModifierBuilder<T>\n  backdropFilter(value: { blur?: number; brightness?: number; contrast?: number; saturate?: number; [key: string]: any } | string, fallbackColor?: ColorValue): ModifierBuilder<T> {\n    this.modifiers.push(new BackdropFilterModifier({ \n      backdropFilter: value,\n      ...(fallbackColor && { fallbackColor })\n    }))\n    return this\n  }\n\n  glassmorphism(intensity: 'subtle' | 'light' | 'medium' | 'heavy' = 'medium', customFallback?: ColorValue): ModifierBuilder<T> {\n    const presets = {\n      subtle: { config: { blur: 3, saturate: 1.05, brightness: 1.05 }, fallbackColor: 'rgba(255, 255, 255, 0.05)' },\n      light: { config: { blur: 8, saturate: 1.15, brightness: 1.1 }, fallbackColor: 'rgba(255, 255, 255, 0.1)' },\n      medium: { config: { blur: 16, saturate: 1.3, brightness: 1.15 }, fallbackColor: 'rgba(255, 255, 255, 0.15)' },\n      heavy: { config: { blur: 24, saturate: 1.5, brightness: 1.2 }, fallbackColor: 'rgba(255, 255, 255, 0.2)' }\n    }\n    const preset = presets[intensity]\n    this.modifiers.push(new BackdropFilterModifier({ \n      backdropFilter: preset.config,\n      fallbackColor: customFallback || preset.fallbackColor\n    }))\n    return this\n  }\n\n  before(styles: { content: string; color?: string; [key: string]: any }): ModifierBuilder<T> {\n    this.modifiers.push(beforeModifier(styles))\n    return this\n  }\n\n  after(styles: { content: string; color?: string; [key: string]: any }): ModifierBuilder<T> {\n    this.modifiers.push(afterModifier(styles))\n    return this\n  }\n\n  disabled(isDisabled: boolean | Signal<boolean> = true): ModifierBuilder<T> {\n    this.modifiers.push(new InteractionModifier({ disabled: isDisabled }))\n    return this\n  }\n\n  draggable(isDraggable: boolean = true): ModifierBuilder<T> {\n    this.modifiers.push(new InteractionModifier({ draggable: isDraggable }))\n    return this\n  }\n\n  setAttribute(name: string, value: string): ModifierBuilder<T> {\n    // Create a custom modifier for setting arbitrary attributes\n    this.modifiers.push({\n      type: 'attribute',\n      priority: 50,\n      properties: { name, value },\n      apply: (_node, context) => {\n        if (context.element) {\n          context.element.setAttribute(name, value)\n        }\n        return undefined\n      },\n    })\n    return this\n  }\n\n  accessibilityLabel(label: string): ModifierBuilder<T> {\n    this.modifiers.push(new InteractionModifier({ accessibilityLabel: label }))\n    return this\n  }\n\n  // Phase 4 Advanced Gesture Modifiers (Epic: Butternut)\n\n  onLongPressGesture(options: {\n    minimumDuration?: number\n    maximumDistance?: number\n    perform: () => void\n    onPressingChanged?: (isPressing: boolean) => void\n  }): ModifierBuilder<T> {\n    this.modifiers.push(new InteractionModifier({ onLongPressGesture: options }))\n    return this\n  }\n\n  keyboardShortcut(\n    key: string,\n    modifiers: ('cmd' | 'ctrl' | 'shift' | 'alt' | 'meta')[],\n    action: () => void\n  ): ModifierBuilder<T> {\n    this.modifiers.push(new InteractionModifier({ \n      keyboardShortcut: { key, modifiers, action } \n    }))\n    return this\n  }\n\n  focused(binding: boolean | Signal<boolean>): ModifierBuilder<T> {\n    this.modifiers.push(new InteractionModifier({ focused: binding }))\n    return this\n  }\n\n  focusable(\n    isFocusable: boolean = true,\n    interactions?: ('activate' | 'edit')[]\n  ): ModifierBuilder<T> {\n    this.modifiers.push(new InteractionModifier({ \n      focusable: { isFocusable, interactions } \n    }))\n    return this\n  }\n\n  onContinuousHover(\n    coordinateSpace: 'local' | 'global',\n    perform: (location: { x: number; y: number } | null) => void\n  ): ModifierBuilder<T> {\n    this.modifiers.push(new InteractionModifier({ \n      onContinuousHover: { coordinateSpace, perform } \n    }))\n    return this\n  }\n\n  highPriorityGesture(\n    gesture: any,\n    including?: ('all' | 'subviews' | 'none')[]\n  ): ModifierBuilder<T> {\n    this.modifiers.push(new InteractionModifier({ \n      highPriorityGesture: { gesture, including } \n    }))\n    return this\n  }\n\n  simultaneousGesture(\n    gesture: any,\n    including?: ('all' | 'subviews' | 'none')[]\n  ): ModifierBuilder<T> {\n    this.modifiers.push(new InteractionModifier({ \n      simultaneousGesture: { gesture, including } \n    }))\n    return this\n  }\n\n  allowsHitTesting(enabled: boolean): ModifierBuilder<T> {\n    this.modifiers.push(new InteractionModifier({ allowsHitTesting: enabled }))\n    return this\n  }\n\n  // Animation modifiers\n  transform(value: string | Signal<string>): ModifierBuilder<T> {\n    this.modifiers.push(new AnimationModifier({ transform: value }))\n    return this\n  }\n\n  animation(options: AnimationModifierProps['animation']): ModifierBuilder<T> {\n    this.modifiers.push(new AnimationModifier({ animation: options }))\n    return this\n  }\n\n  // Lifecycle modifiers\n  onAppear(handler: () => void): ModifierBuilder<T> {\n    this.modifiers.push(new LifecycleModifier({ onAppear: handler }))\n    return this\n  }\n\n  onDisappear(handler: () => void): ModifierBuilder<T> {\n    this.modifiers.push(new LifecycleModifier({ onDisappear: handler }))\n    return this\n  }\n\n  task(\n    operation: () => Promise<void> | void,\n    options?: { id?: string; priority?: 'background' | 'userInitiated' | 'utility' | 'default' }\n  ): ModifierBuilder<T> {\n    this.modifiers.push(\n      new LifecycleModifier({\n        task: {\n          operation,\n          id: options?.id,\n          priority: options?.priority || 'default',\n        },\n      })\n    )\n    return this\n  }\n\n  refreshable(\n    onRefresh: () => Promise<void>,\n    isRefreshing?: boolean | Signal<boolean>\n  ): ModifierBuilder<T> {\n    this.modifiers.push(\n      new LifecycleModifier({\n        refreshable: {\n          onRefresh,\n          isRefreshing,\n        },\n      })\n    )\n    return this\n  }\n\n  // Custom modifier application\n  modifier(modifier: Modifier): ModifierBuilder<T> {\n    this.modifiers.push(modifier)\n    return this\n  }\n\n  // Resizable modifier for images\n  resizable(): ModifierBuilder<T> {\n    this.modifiers.push(new ResizableModifier({}))\n    return this\n  }\n\n  // Responsive Design Methods\n  \n  /**\n   * Add modifier to internal list (used by responsive builder)\n   */\n  addModifier(modifier: Modifier): void {\n    this.modifiers.push(modifier)\n    \n    // If the component is modifiable, automatically update its modifiers array\n    if ('modifiers' in this.component && Array.isArray((this.component as any).modifiers)) {\n      const modifiableComponent = this.component as any\n      modifiableComponent.modifiers = [...modifiableComponent.modifiers, modifier]\n    }\n  }\n\n  /**\n   * Get responsive builder interface for this builder\n   */\n  responsive(): ResponsiveModifierBuilder<T>\n  \n  /**\n   * Apply responsive styles with configuration object\n   */\n  responsive(config: ResponsiveStyleConfig): ModifierBuilder<T>\n  \n  responsive(config?: ResponsiveStyleConfig): ResponsiveModifierBuilder<T> | ModifierBuilder<T> {\n    if (config) {\n      // Apply the responsive modifier directly and return this builder\n      const modifier = createResponsiveModifier(config)\n      this.modifiers.push(modifier)\n      return this\n    } else {\n      // Return responsive builder for chaining\n      return new ResponsiveModifierBuilderImpl(this)\n    }\n  }\n\n  // Responsive Breakpoint Shorthand Properties\n  get base(): ResponsiveBreakpointBuilder<T> {\n    return new ResponsiveModifierBuilderImpl(this).base\n  }\n\n  get sm(): ResponsiveBreakpointBuilder<T> {\n    return new ResponsiveModifierBuilderImpl(this).sm\n  }\n  \n  get md(): ResponsiveBreakpointBuilder<T> {\n    return new ResponsiveModifierBuilderImpl(this).md\n  }\n  \n  get lg(): ResponsiveBreakpointBuilder<T> {\n    return new ResponsiveModifierBuilderImpl(this).lg\n  }\n  \n  get xl(): ResponsiveBreakpointBuilder<T> {\n    return new ResponsiveModifierBuilderImpl(this).xl\n  }\n  \n  get '2xl'(): ResponsiveBreakpointBuilder<T> {\n    return new ResponsiveModifierBuilderImpl(this)['2xl']\n  }\n\n  // HTML Content Rendering (Text components only)\n  asHTML(options?: AsHTMLOptions): ModifierBuilder<T> {\n    const modifier = asHTML(options)\n    this.modifiers.push(modifier)\n    return this\n  }\n\n  // Build the final component with all modifiers applied\n  build(): T {\n    // Check if this component is already modifiable (from withModifiers)\n    if ('modifiers' in this.component) {\n      // Update the existing modifiable component with new modifiers\n      const existingModifiable = this.component as ModifiableComponent\n      \n      // Only add modifiers that aren't already in the component's modifiers array\n      // This prevents duplicates when addModifier has already added them\n      const newModifiers = this.modifiers.filter(builderModifier => \n        !existingModifiable.modifiers.some(existingModifier => \n          existingModifier === builderModifier // Reference equality check\n        )\n      )\n      \n      existingModifiable.modifiers = [...existingModifiable.modifiers, ...newModifiers]\n      return this.component as T\n    } else {\n      // Create a new modifiable component with the accumulated modifiers using the proper factory\n      const modifiableComponent = createModifiableComponent(this.component as any, this.modifiers)\n      return modifiableComponent as unknown as T\n    }\n  }\n}\n\n/**\n * Create a modifier builder for a component\n */\nexport function createModifierBuilder<T extends ComponentInstance>(\n  component: T\n): ModifierBuilder<T> {\n  return new ModifierBuilderImpl(component)\n}\n\n/**\n * Apply modifiers to a component instance\n */\nexport function applyModifiers<T extends ComponentInstance>(\n  component: T,\n  modifiers: Modifier[]\n): ModifiableComponent<ComponentProps> {\n  return {\n    ...component,\n    modifiers,\n    modifierBuilder: createModifierBuilder(component) as any,\n  }\n}\n\n/**\n * Utility functions for common modifier patterns\n */\nexport const modifierUtils = {\n  /**\n   * Create a padding modifier with all sides\n   */\n  paddingAll(value: number): Modifier {\n    return new LayoutModifier({ padding: value })\n  },\n\n  /**\n   * Create a padding modifier with horizontal/vertical values\n   */\n  paddingSymmetric(horizontal?: number, vertical?: number): Modifier {\n    return new LayoutModifier({\n      padding: {\n        left: horizontal,\n        right: horizontal,\n        top: vertical,\n        bottom: vertical,\n      },\n    })\n  },\n\n  /**\n   * Create a margin modifier with all sides\n   */\n  marginAll(value: number): Modifier {\n    return new LayoutModifier({ margin: value })\n  },\n\n  /**\n   * Create a font modifier with common presets\n   */\n  fontPreset(preset: 'title' | 'heading' | 'body' | 'caption'): Modifier {\n    const presets = {\n      title: { size: 32, weight: 'bold' as const },\n      heading: { size: 24, weight: '600' as const },\n      body: { size: 16, weight: 'normal' as const },\n      caption: { size: 12, weight: 'normal' as const },\n    }\n\n    return new AppearanceModifier({ font: presets[preset] })\n  },\n\n  /**\n   * Create a shadow modifier with common presets\n   */\n  shadowPreset(preset: 'small' | 'medium' | 'large'): Modifier {\n    const presets = {\n      small: { x: 0, y: 1, radius: 3, color: 'rgba(0,0,0,0.12)' },\n      medium: { x: 0, y: 4, radius: 6, color: 'rgba(0,0,0,0.15)' },\n      large: { x: 0, y: 10, radius: 25, color: 'rgba(0,0,0,0.15)' },\n    }\n\n    return new AppearanceModifier({ shadow: presets[preset] })\n  },\n\n  /**\n   * Create a transition modifier with common presets\n   */\n  transitionPreset(preset: 'fast' | 'normal' | 'slow'): Modifier {\n    const presets = {\n      fast: { duration: 150, easing: 'ease-out' },\n      normal: { duration: 300, easing: 'ease' },\n      slow: { duration: 500, easing: 'ease-in-out' },\n    }\n\n    return new AnimationModifier({ transition: presets[preset] })\n  },\n}\n"],"names":["ModifierBuilderImpl","component","__publicField","widthOrOptions","height","frameProps","LayoutModifier","valueOrOptions","margin","marginOptions","priority","options","size","value","width","maxWidth","minWidth","maxHeight","minHeight","marginTop","marginBottom","marginHorizontal","marginVertical","marginLeft","marginRight","padding","paddingTop","paddingBottom","paddingLeft","paddingRight","paddingLeading","paddingTrailing","paddingHorizontal","paddingVertical","typography","textAlign","textTransform","letterSpacing","lineHeight","textOverflow","whiteSpace","overflow","color","style","borderTop","borderRight","borderBottom","borderLeft","flexGrow","flexShrink","justifyContent","alignItems","gap","flexDirection","flexWrap","cursor","overflowY","overflowX","position","zIndex","display","properties","css","property","cssProperty","name","cssVariable","textDecoration","x","y","AppearanceModifier","angle","anchor","AnimationModifier","ratio","contentMode","horizontal","vertical","shape","parameters","content","alignment","BackgroundModifier","sizeOrOptions","fontProps","weight","family","radius","borderProps","optionsOrConfig","shadowModifier","config","textShadow","configs","shadowsModifier","presetName","shadowPreset","amount","shadow","FilterModifier","filter","saturate","sepia","hueRotate","invert","sepiaAmount","contrastAmount","vintagePhoto","blackAndWhite","saturationAmount","vibrant","hueShift","warmTone","coolTone","faded","brightnessAmount","highKey","lowKey","blurAmount","softFocus","highContrastMode","subtleBlur","darkModeInvert","scale","rotate","offset","translate","perspective","styles","transition","hoverModifier","effect","isEnabled","hoverEffect","duration","hoverWithTransition","conditionalHover","interactiveCursor","draggableCursor","textCursor","disabledCursor","loadingCursor","helpCursor","mode","zoomCursor","buttonHover","cardHover","linkHover","imageHover","easing","delay","transitionModifier","transitions","fadeTransition","transformTransition","colorTransition","layoutTransition","buttonTransition","cardTransition","modalTransition","smoothTransition","quickTransition","slowTransition","scrollModifier","scrollBehavior","overscrollBehavior","overscrollBehaviorX","overscrollBehaviorY","scrollMargin","scrollPadding","type","align","stop","scrollSnap","handler","InteractionModifier","IdModifier","attributes","DataModifier","AriaModifier","TabIndexModifier","lines","LineClampModifier","WordBreakModifier","OverflowWrapModifier","HyphensModifier","gradient","BackgroundClipModifier","fallbackColor","BackdropFilterModifier","intensity","customFallback","preset","beforeModifier","afterModifier","isDisabled","isDraggable","_node","context","label","key","modifiers","action","binding","isFocusable","interactions","coordinateSpace","perform","gesture","including","enabled","LifecycleModifier","operation","onRefresh","isRefreshing","modifier","ResizableModifier","modifiableComponent","createResponsiveModifier","ResponsiveModifierBuilderImpl","asHTML","existingModifiable","newModifiers","builderModifier","existingModifier","createModifiableComponent","createModifierBuilder","applyModifiers","modifierUtils","presets"],"mappings":"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"}

package/dist/modifiers/core.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./base.cjs"),l=require("./background.cjs"),a={foregroundColor(e){return new r.AppearanceModifier({foregroundColor:e})},frame(e,n,o){return new r.LayoutModifier({frame:{width:e,height:n,...o}})},padding(e){return new r.LayoutModifier({padding:e})},paddingDetailed(e){return new r.LayoutModifier({padding:e})},paddingSymmetric(e,n){return new r.LayoutModifier({padding:{left:e,right:e,top:n,bottom:n}})},margin(e){return new r.LayoutModifier({margin:e})},marginDetailed(e){return new r.LayoutModifier({margin:e})},alignment(e){return new r.LayoutModifier({alignment:e})},layoutPriority(e){return new r.LayoutModifier({layoutPriority:e})}},i={foregroundColor(e){return new r.AppearanceModifier({foregroundColor:e})},backgroundColor(e){return new r.AppearanceModifier({backgroundColor:e})},background(e){return new l.BackgroundModifier({background:e})},font(e){return new r.AppearanceModifier({font:e})},fontSize(e){return new r.AppearanceModifier({font:{size:e}})},fontWeight(e){return new r.AppearanceModifier({font:{weight:e}})},fontFamily(e){return new r.AppearanceModifier({font:{family:e}})},opacity(e){return new r.AppearanceModifier({opacity:e})},cornerRadius(e){return new r.AppearanceModifier({cornerRadius:e})},border(e,n="#000000",o="solid"){return new r.AppearanceModifier({border:{width:e,color:n,style:o}})},borderDetailed(e){return new r.AppearanceModifier({border:e})},shadow(e){return new r.AppearanceModifier({shadow:e})},dropShadow(e=0,n=2,o=4,t="rgba(0,0,0,0.25)"){return new r.AppearanceModifier({shadow:{x:e,y:n,radius:o,color:t}})}},d={onTap(e){return new r.InteractionModifier({onTap:e})},onHover(e){return new r.InteractionModifier({onHover:e})},onFocus(e){return new r.InteractionModifier({onFocus:e})},disabled(e=!0){return new r.InteractionModifier({disabled:e})},accessibilityLabel(e){return new r.InteractionModifier({accessibilityLabel:e})},accessibilityHint(e){return new r.InteractionModifier({accessibilityHint:e})}},f={transition(e="all",n=300,o="ease",t=0){return new r.AnimationModifier({transition:{property:e,duration:n,easing:o,delay:t}})},transitionDetailed(e){return new r.AnimationModifier({transition:e})},animation(e){return new r.AnimationModifier({animation:e})},fadeIn(e=300){return new r.AnimationModifier({animation:{keyframes:{"0%":{opacity:"0"},"100%":{opacity:"1"}},duration:e,easing:"ease-out"}})},fadeOut(e=300){return new r.AnimationModifier({animation:{keyframes:{"0%":{opacity:"1"},"100%":{opacity:"0"}},duration:e,easing:"ease-in"}})},slideIn(e="up",n=300,o=20){const t={up:[`translateY(${o}px)`,"translateY(0)"],down:[`translateY(-${o}px)`,"translateY(0)"],left:[`translateX(${o}px)`,"translateX(0)"],right:[`translateX(-${o}px)`,"translateX(0)"]},[c,p]=t[e];return new r.AnimationModifier({animation:{keyframes:{"0%":{transform:c,opacity:"0"},"100%":{transform:p,opacity:"1"}},duration:n,easing:"ease-out"}})},scaleAnimation(e=.8,n=1,o=300){return new r.AnimationModifier({animation:{keyframes:{"0%":{transform:`scale(${e})`,opacity:"0"},"100%":{transform:`scale(${n})`,opacity:"1"}},duration:o,easing:"ease-out"}})}},s={onAppear(e){return new r.LifecycleModifier({onAppear:e})},onDisappear(e){return new r.LifecycleModifier({onDisappear:e})},task(e,n){return new r.LifecycleModifier({task:{operation:e,id:n?.id,priority:n?.priority||"default"}})},refreshable(e,n){return new r.LifecycleModifier({refreshable:{onRefresh:e,isRefreshing:n}})}},u={card(e=16){return[i.backgroundColor("#ffffff"),i.cornerRadius(8),i.shadow({x:0,y:2,radius:8,color:"rgba(0,0,0,0.1)"}),a.padding(e)]},button(e="#007AFF",n="#ffffff"){return[i.backgroundColor(e),i.foregroundColor(n),i.cornerRadius(6),a.paddingSymmetric(16,8),d.onHover(o=>{}),f.transition("all",150)]},input(){return[i.border(1,"#d1d5db"),i.cornerRadius(4),a.padding(8),f.transition("border-color",150),d.onFocus(e=>{})]},typography:{title:()=>[i.fontSize(24),i.fontWeight("bold")],heading:()=>[i.fontSize(20),i.fontWeight("600")],body:()=>[i.fontSize(16),i.fontWeight("normal")],caption:()=>[i.fontSize(12),i.fontWeight("normal"),i.opacity(.7)]}},M={...a,...i,...d,...f,...s,presets:u};exports.animationModifiers=f;exports.appearanceModifiers=i;exports.coreModifiers=M;exports.interactionModifiers=d;exports.layoutModifiers=a;exports.lifecycleModifiers=s;exports.presetModifiers=u;
+//# sourceMappingURL=core.cjs.map

package/dist/modifiers/core.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"core.cjs","sources":["../../src/modifiers/core.ts"],"sourcesContent":["/**\n * Core SwiftUI Modifiers\n *\n * Implementation of the most commonly used SwiftUI modifiers\n * for layout, appearance, and interaction.\n */\n\nimport type { Asset } from '../assets/Asset'\nimport type { Signal } from '../reactive/types'\nimport type { Dimension } from '../constants/layout'\nimport type { GradientDefinition } from '../gradients/types'\nimport {\n  AnimationModifier,\n  AppearanceModifier,\n  InteractionModifier,\n  LayoutModifier,\n  LifecycleModifier,\n} from './base'\nimport { BackgroundModifier } from './background'\nimport type {\n  AnimationModifierProps,\n  AppearanceModifierProps,\n  LayoutModifierProps,\n  Modifier,\n} from './types'\n\n/**\n * Layout Modifiers\n */\nexport const layoutModifiers = {\n  /**\n   * Set foreground (text) color\n   */\n  foregroundColor(color: string | Signal<string> | any): Modifier {\n    return new AppearanceModifier({ foregroundColor: color })\n  },\n\n  /**\n   * Set frame dimensions with support for infinity\n   */\n  frame(\n    width?: Dimension,\n    height?: Dimension,\n    options?: Omit<LayoutModifierProps['frame'], 'width' | 'height'>\n  ): Modifier {\n    return new LayoutModifier({\n      frame: {\n        width,\n        height,\n        ...options,\n      },\n    })\n  },\n\n  /**\n   * Set padding on all sides\n   */\n  padding(value: number): Modifier {\n    return new LayoutModifier({ padding: value })\n  },\n\n  /**\n   * Set padding with detailed control\n   */\n  paddingDetailed(options: LayoutModifierProps['padding']): Modifier {\n    return new LayoutModifier({ padding: options })\n  },\n\n  /**\n   * Set horizontal and vertical padding\n   */\n  paddingSymmetric(horizontal?: number, vertical?: number): Modifier {\n    return new LayoutModifier({\n      padding: {\n        left: horizontal,\n        right: horizontal,\n        top: vertical,\n        bottom: vertical,\n      },\n    })\n  },\n\n  /**\n   * Set margin on all sides\n   */\n  margin(value: number): Modifier {\n    return new LayoutModifier({ margin: value })\n  },\n\n  /**\n   * Set margin with detailed control\n   */\n  marginDetailed(options: LayoutModifierProps['margin']): Modifier {\n    return new LayoutModifier({ margin: options })\n  },\n\n  /**\n   * Set content alignment\n   */\n  alignment(value: LayoutModifierProps['alignment']): Modifier {\n    return new LayoutModifier({ alignment: value })\n  },\n\n  /**\n   * Set layout priority for ZStack container sizing and flexible layout\n   * Higher priority views determine container size in ZStack\n   */\n  layoutPriority(priority: number | Signal<number>): Modifier {\n    return new LayoutModifier({ layoutPriority: priority })\n  },\n}\n\n/**\n * Appearance Modifiers\n */\nexport const appearanceModifiers = {\n  /**\n   * Set foreground (text) color\n   */\n  foregroundColor(color: string | Asset | Signal<string>): Modifier {\n    return new AppearanceModifier({ foregroundColor: color })\n  },\n\n  /**\n   * Set background color\n   */\n  backgroundColor(color: string | Asset | Signal<string>): Modifier {\n    return new AppearanceModifier({ backgroundColor: color })\n  },\n\n  /**\n   * Set background (supports gradients)\n   */\n  background(value: string | GradientDefinition | Asset): Modifier {\n    return new BackgroundModifier({ background: value })\n  },\n\n  /**\n   * Set font properties\n   */\n  font(options: AppearanceModifierProps['font']): Modifier {\n    return new AppearanceModifier({ font: options })\n  },\n\n  /**\n   * Set font size\n   */\n  fontSize(size: number | string): Modifier {\n    return new AppearanceModifier({ font: { size } })\n  },\n\n  /**\n   * Set font weight\n   */\n  fontWeight(weight: NonNullable<AppearanceModifierProps['font']>['weight']): Modifier {\n    return new AppearanceModifier({ font: { weight } })\n  },\n\n  /**\n   * Set font family\n   */\n  fontFamily(family: string): Modifier {\n    return new AppearanceModifier({ font: { family } })\n  },\n\n  /**\n   * Set opacity\n   */\n  opacity(value: number | Signal<number>): Modifier {\n    return new AppearanceModifier({ opacity: value })\n  },\n\n  /**\n   * Set corner radius (enhanced)\n   */\n  cornerRadius(radius: number | Signal<number>): Modifier {\n    return new AppearanceModifier({ cornerRadius: radius })\n  },\n\n  /**\n   * Set border\n   */\n  border(\n    width: number,\n    color: string | Asset = '#000000',\n    style: 'solid' | 'dashed' | 'dotted' = 'solid'\n  ): Modifier {\n    return new AppearanceModifier({\n      border: { width, color, style },\n    })\n  },\n\n  /**\n   * Set detailed border properties\n   */\n  borderDetailed(options: AppearanceModifierProps['border']): Modifier {\n    return new AppearanceModifier({ border: options })\n  },\n\n  /**\n   * Add shadow\n   */\n  shadow(options: AppearanceModifierProps['shadow']): Modifier {\n    return new AppearanceModifier({ shadow: options })\n  },\n\n  /**\n   * Add drop shadow with common settings\n   */\n  dropShadow(\n    x: number = 0,\n    y: number = 2,\n    radius: number = 4,\n    color: string = 'rgba(0,0,0,0.25)'\n  ): Modifier {\n    return new AppearanceModifier({\n      shadow: { x, y, radius, color },\n    })\n  },\n}\n\n/**\n * Interaction Modifiers\n */\nexport const interactionModifiers = {\n  /**\n   * Add tap handler\n   */\n  onTap(handler: (event: MouseEvent) => void): Modifier {\n    return new InteractionModifier({ onTap: handler })\n  },\n\n  /**\n   * Add hover handler\n   */\n  onHover(handler: (isHovered: boolean) => void): Modifier {\n    return new InteractionModifier({ onHover: handler })\n  },\n\n  /**\n   * Add focus handler\n   */\n  onFocus(handler: (isFocused: boolean) => void): Modifier {\n    return new InteractionModifier({ onFocus: handler })\n  },\n\n  /**\n   * Set disabled state\n   */\n  disabled(isDisabled: boolean | Signal<boolean> = true): Modifier {\n    return new InteractionModifier({ disabled: isDisabled })\n  },\n\n  /**\n   * Set accessibility label\n   */\n  accessibilityLabel(label: string): Modifier {\n    return new InteractionModifier({ accessibilityLabel: label })\n  },\n\n  /**\n   * Set accessibility hint\n   */\n  accessibilityHint(hint: string): Modifier {\n    return new InteractionModifier({ accessibilityHint: hint })\n  },\n}\n\n/**\n * Animation Modifiers\n */\nexport const animationModifiers = {\n  /**\n   * Add transition\n   */\n  transition(\n    property: string = 'all',\n    duration: number = 300,\n    easing: string = 'ease',\n    delay: number = 0\n  ): Modifier {\n    return new AnimationModifier({\n      transition: { property, duration, easing, delay },\n    })\n  },\n\n  /**\n   * Add detailed transition\n   */\n  transitionDetailed(options: AnimationModifierProps['transition']): Modifier {\n    return new AnimationModifier({ transition: options })\n  },\n\n  /**\n   * Add animation\n   */\n  animation(options: AnimationModifierProps['animation']): Modifier {\n    return new AnimationModifier({ animation: options })\n  },\n\n  /**\n   * Add fade in animation\n   */\n  fadeIn(duration: number = 300): Modifier {\n    return new AnimationModifier({\n      animation: {\n        keyframes: {\n          '0%': { opacity: '0' },\n          '100%': { opacity: '1' },\n        },\n        duration,\n        easing: 'ease-out',\n      },\n    })\n  },\n\n  /**\n   * Add fade out animation\n   */\n  fadeOut(duration: number = 300): Modifier {\n    return new AnimationModifier({\n      animation: {\n        keyframes: {\n          '0%': { opacity: '1' },\n          '100%': { opacity: '0' },\n        },\n        duration,\n        easing: 'ease-in',\n      },\n    })\n  },\n\n  /**\n   * Add slide in animation\n   */\n  slideIn(\n    direction: 'up' | 'down' | 'left' | 'right' = 'up',\n    duration: number = 300,\n    distance: number = 20\n  ): Modifier {\n    const transforms = {\n      up: [`translateY(${distance}px)`, 'translateY(0)'],\n      down: [`translateY(-${distance}px)`, 'translateY(0)'],\n      left: [`translateX(${distance}px)`, 'translateX(0)'],\n      right: [`translateX(-${distance}px)`, 'translateX(0)'],\n    }\n\n    const [from, to] = transforms[direction]\n\n    return new AnimationModifier({\n      animation: {\n        keyframes: {\n          '0%': { transform: from, opacity: '0' },\n          '100%': { transform: to, opacity: '1' },\n        },\n        duration,\n        easing: 'ease-out',\n      },\n    })\n  },\n\n  /**\n   * Add scale animation\n   */\n  scaleAnimation(from: number = 0.8, to: number = 1, duration: number = 300): Modifier {\n    return new AnimationModifier({\n      animation: {\n        keyframes: {\n          '0%': { transform: `scale(${from})`, opacity: '0' },\n          '100%': { transform: `scale(${to})`, opacity: '1' },\n        },\n        duration,\n        easing: 'ease-out',\n      },\n    })\n  },\n}\n\n/**\n * Lifecycle Modifiers\n */\nexport const lifecycleModifiers = {\n  /**\n   * Execute handler when component appears in viewport\n   */\n  onAppear(handler: () => void): Modifier {\n    return new LifecycleModifier({ onAppear: handler })\n  },\n\n  /**\n   * Execute handler when component disappears from viewport\n   */\n  onDisappear(handler: () => void): Modifier {\n    return new LifecycleModifier({ onDisappear: handler })\n  },\n\n  /**\n   * Execute async task with automatic cancellation on component unmount\n   */\n  task(\n    operation: () => Promise<void> | void,\n    options?: {\n      id?: string\n      priority?: 'background' | 'userInitiated' | 'utility' | 'default'\n    }\n  ): Modifier {\n    return new LifecycleModifier({\n      task: {\n        operation,\n        id: options?.id,\n        priority: options?.priority || 'default',\n      },\n    })\n  },\n\n  /**\n   * Add pull-to-refresh functionality\n   */\n  refreshable(onRefresh: () => Promise<void>, isRefreshing?: boolean | Signal<boolean>): Modifier {\n    return new LifecycleModifier({\n      refreshable: {\n        onRefresh,\n        isRefreshing,\n      },\n    })\n  },\n}\n\n/**\n * Preset Modifiers - Common combinations\n */\nexport const presetModifiers = {\n  /**\n   * Card-like appearance\n   */\n  card(padding: number = 16): Modifier[] {\n    return [\n      appearanceModifiers.backgroundColor('#ffffff'),\n      appearanceModifiers.cornerRadius(8),\n      appearanceModifiers.shadow({\n        x: 0,\n        y: 2,\n        radius: 8,\n        color: 'rgba(0,0,0,0.1)',\n      }),\n      layoutModifiers.padding(padding),\n    ]\n  },\n\n  /**\n   * Button-like appearance\n   */\n  button(\n    backgroundColor: string | Asset = '#007AFF',\n    textColor: string | Asset = '#ffffff'\n  ): Modifier[] {\n    return [\n      appearanceModifiers.backgroundColor(backgroundColor),\n      appearanceModifiers.foregroundColor(textColor),\n      appearanceModifiers.cornerRadius(6),\n      layoutModifiers.paddingSymmetric(16, 8),\n      interactionModifiers.onHover((_hovered) => {\n        // This would need a more sophisticated hover state system\n      }),\n      animationModifiers.transition('all', 150),\n    ]\n  },\n\n  /**\n   * Input field appearance\n   */\n  input(): Modifier[] {\n    return [\n      appearanceModifiers.border(1, '#d1d5db'),\n      appearanceModifiers.cornerRadius(4),\n      layoutModifiers.padding(8),\n      animationModifiers.transition('border-color', 150),\n      interactionModifiers.onFocus((_focused) => {\n        // Focus state would need more sophisticated handling\n      }),\n    ]\n  },\n\n  /**\n   * Typography presets\n   */\n  typography: {\n    title: (): Modifier[] => [\n      appearanceModifiers.fontSize(24),\n      appearanceModifiers.fontWeight('bold'),\n    ],\n\n    heading: (): Modifier[] => [\n      appearanceModifiers.fontSize(20),\n      appearanceModifiers.fontWeight('600'),\n    ],\n\n    body: (): Modifier[] => [\n      appearanceModifiers.fontSize(16),\n      appearanceModifiers.fontWeight('normal'),\n    ],\n\n    caption: (): Modifier[] => [\n      appearanceModifiers.fontSize(12),\n      appearanceModifiers.fontWeight('normal'),\n      appearanceModifiers.opacity(0.7),\n    ],\n  },\n}\n\n/**\n * Export all core modifiers\n */\nexport const coreModifiers = {\n  ...layoutModifiers,\n  ...appearanceModifiers,\n  ...interactionModifiers,\n  ...animationModifiers,\n  ...lifecycleModifiers,\n  presets: presetModifiers,\n}\n"],"names":["layoutModifiers","color","AppearanceModifier","width","height","options","LayoutModifier","value","horizontal","vertical","priority","appearanceModifiers","BackgroundModifier","size","weight","family","radius","style","x","y","interactionModifiers","handler","InteractionModifier","isDisabled","label","hint","animationModifiers","property","duration","easing","delay","AnimationModifier","direction","distance","transforms","from","to","lifecycleModifiers","LifecycleModifier","operation","onRefresh","isRefreshing","presetModifiers","padding","backgroundColor","textColor","_hovered","_focused","coreModifiers"],"mappings":"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"}