@tachui/core 0.7.0-alpha1 → 0.7.1-alpha

package/dist/modifiers/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sources":["../../src/modifiers/types.ts"],"sourcesContent":["/**\n * SwiftUI Modifier System Types\n *\n * Core type definitions for the SwiftUI-inspired modifier system.\n * Enables chaining modifiers on components similar to SwiftUI.\n */\n\nimport type { Signal } from '../reactive/types'\nimport type { ComponentInstance, ComponentProps, DOMNode } from '../runtime/types'\nimport type { FontWeight } from './typography'\nimport type { Dimension } from '../constants/layout'\nimport type { StatefulBackgroundValue } from '../gradients/types'\nimport type { ResponsiveModifierBuilder, ResponsiveBreakpointBuilder } from './responsive/responsive-builder'\nimport type { Asset } from '../assets/Asset'\nimport type { ColorAssetProxy, ImageAssetProxy, FontAssetProxy } from '../assets/types'\n\n/**\n * Valid color value types for modifiers\n */\nexport type ColorValue = string | Asset | ColorAssetProxy | Signal<string>\n\n/**\n * Valid asset types for modifiers\n */\nexport type AssetValue = Asset | ColorAssetProxy | ImageAssetProxy | FontAssetProxy\n\n/**\n * Text component interface for type safety with asHTML modifier\n */\nexport interface TextComponent extends ComponentInstance {\n  readonly __tachui_component_type: 'Text'\n  content: string\n}\n\n/**\n * Base modifier interface that all modifiers must implement\n */\nexport interface Modifier<TProps = {}> {\n  readonly type: string\n  readonly priority: number\n  readonly properties: TProps\n  apply(node: DOMNode, context: ModifierContext): DOMNode | undefined\n}\n\n/**\n * Context passed to modifiers during application\n */\nexport interface ModifierContext {\n  componentId: string\n  componentInstance?: ComponentInstance\n  element?: Element\n  parentElement?: Element\n  phase: 'creation' | 'update' | 'cleanup'\n  previousModifiers?: Modifier[]\n}\n\n/**\n * Modifier application result\n */\nexport interface ModifierResult {\n  node: DOMNode\n  effects?: (() => void)[]\n  cleanup?: (() => void)[]\n}\n\n/**\n * Reactive modifier properties that can contain signals\n */\nexport type ReactiveModifierProps<T> = {\n  [K in keyof T]: T[K] | Signal<T[K]>\n}\n\n/**\n * Strict TextShadow configuration interface\n * Prevents common mistakes like using 'radius' instead of 'blur'\n */\nexport interface TextShadowConfig {\n  readonly x: number\n  readonly y: number  \n  readonly blur: number\n  readonly color: string\n}\n\n/**\n * Layout modifier properties\n */\nexport interface LayoutModifierProps {\n  frame?: {\n    width?: Dimension\n    height?: Dimension\n    minWidth?: Dimension\n    maxWidth?: Dimension\n    minHeight?: Dimension\n    maxHeight?: Dimension\n  }\n  padding?:\n    | {\n        top?: number\n        right?: number\n        bottom?: number\n        left?: number\n      }\n    | number\n  margin?:\n    | {\n        top?: number | string\n        right?: number | string\n        bottom?: number | string\n        left?: number | string\n      }\n    | number | string\n  alignment?: 'leading' | 'center' | 'trailing' | 'top' | 'bottom'\n  layoutPriority?: number\n  offset?: {\n    x?: number\n    y?: number\n  }\n  aspectRatio?: {\n    ratio?: number\n    contentMode?: 'fit' | 'fill'\n  }\n  fixedSize?: {\n    horizontal?: boolean\n    vertical?: boolean\n  }\n  // Transform Properties (Phase 3 - Epic: Butternut)\n  scaleEffect?: {\n    x?: number\n    y?: number\n    anchor?:\n      | 'center'\n      | 'top'\n      | 'topLeading'\n      | 'topTrailing'\n      | 'bottom'\n      | 'bottomLeading'\n      | 'bottomTrailing'\n      | 'leading'\n      | 'trailing'\n  }\n  position?: {\n    x?: number\n    y?: number\n  }\n  zIndex?: number\n}\n\n/**\n * Appearance modifier properties\n */\nexport interface AppearanceModifierProps {\n  foregroundColor?: ColorValue\n  backgroundColor?: ColorValue\n  background?: StatefulBackgroundValue\n  opacity?: number\n  font?: {\n    family?: string\n    size?: number | string | Signal<number> | Signal<string>\n    weight?:\n      | 'normal'\n      | 'bold'\n      | '100'\n      | '200'\n      | '300'\n      | '400'\n      | '500'\n      | '600'\n      | '700'\n      | '800'\n      | '900'\n    style?: 'normal' | 'italic' | 'oblique'\n  }\n  cornerRadius?: number\n  border?: {\n    width?: number | Signal<number>\n    color?: ColorValue\n    style?: 'solid' | 'dashed' | 'dotted'\n  }\n  shadow?: {\n    color?: string\n    radius?: number\n    x?: number\n    y?: number\n  }\n  clipped?: boolean\n  clipShape?: {\n    shape: 'circle' | 'ellipse' | 'rect' | 'polygon'\n    parameters?: Record<string, any>\n  }\n  // Visual Effects (Phase 2 - Epic: Butternut)\n  blur?: number // CSS filter: blur(Npx)\n  brightness?: number // CSS filter: brightness(N) - 1.0 is normal\n  contrast?: number // CSS filter: contrast(N) - 1.0 is normal  \n  saturation?: number // CSS filter: saturate(N) - 1.0 is normal\n  hueRotation?: number // CSS filter: hue-rotate(Ndeg)\n  grayscale?: number // CSS filter: grayscale(N) - 0.0 to 1.0\n  colorInvert?: number // CSS filter: invert(N) - 0.0 to 1.0\n}\n\n/**\n * Interaction modifier properties\n */\nexport interface InteractionModifierProps {\n  // Existing mouse events\n  onTap?: (event: MouseEvent) => void\n  onHover?: (isHovered: boolean) => void\n  onMouseEnter?: (event: MouseEvent) => void\n  onMouseLeave?: (event: MouseEvent) => void\n  onMouseDown?: (event: MouseEvent) => void\n  onMouseUp?: (event: MouseEvent) => void\n  onDoubleClick?: (event: MouseEvent) => void\n  onContextMenu?: (event: MouseEvent) => void\n  \n  // Existing drag events\n  onDragStart?: (event: DragEvent) => void\n  onDragOver?: (event: DragEvent) => void\n  onDragLeave?: (event: DragEvent) => void\n  onDrop?: (event: DragEvent) => void\n  \n  // Focus events (onFocus exists, adding onBlur)\n  onFocus?: (isFocused: boolean) => void\n  onBlur?: (isFocused: boolean) => void\n  \n  // Keyboard events\n  onKeyPress?: (event: KeyboardEvent) => void\n  onKeyDown?: (event: KeyboardEvent) => void\n  onKeyUp?: (event: KeyboardEvent) => void\n  \n  // Scroll and wheel events\n  onScroll?: (event: Event) => void\n  onWheel?: (event: WheelEvent) => void\n  \n  // Input events\n  onInput?: (event: InputEvent) => void\n  onChange?: (value: any, event?: Event) => void\n  \n  // Clipboard events\n  onCopy?: (event: ClipboardEvent) => void\n  onCut?: (event: ClipboardEvent) => void\n  onPaste?: (event: ClipboardEvent) => void\n  \n  // Other events\n  onSelect?: (event: Event) => void\n  \n  // Advanced Gesture Modifiers (Phase 4 - Epic: Butternut)\n  onLongPressGesture?: {\n    minimumDuration?: number // ms, default 500\n    maximumDistance?: number // px, default 10\n    perform: () => void\n    onPressingChanged?: (isPressing: boolean) => void\n  }\n  \n  // Keyboard Shortcuts (Phase 4 - Epic: Butternut)\n  keyboardShortcut?: {\n    key: string\n    modifiers?: ('cmd' | 'ctrl' | 'shift' | 'alt' | 'meta')[]\n    action: () => void\n  }\n  \n  // Focus Management (Phase 4 - Epic: Butternut) \n  focused?: boolean | Signal<boolean>\n  focusable?: {\n    isFocusable?: boolean\n    interactions?: ('activate' | 'edit')[]\n  }\n  \n  // Enhanced Hover Tracking (Phase 4 - Epic: Butternut)\n  onContinuousHover?: {\n    coordinateSpace?: 'local' | 'global'\n    perform: (location: { x: number; y: number } | null) => void\n  }\n  \n  // Gesture Priority System (Phase 4 - Epic: Butternut)\n  highPriorityGesture?: {\n    gesture: any // Will define gesture types later\n    including?: ('all' | 'subviews' | 'none')[]\n  }\n  simultaneousGesture?: {\n    gesture: any\n    including?: ('all' | 'subviews' | 'none')[]\n  }\n  \n  // Hit Testing Control (Phase 4 - Epic: Butternut)\n  allowsHitTesting?: boolean\n  \n  // Existing state properties\n  disabled?: boolean\n  draggable?: boolean\n  accessibilityLabel?: string\n  accessibilityHint?: string\n}\n\n/**\n * Animation modifier properties\n */\nexport interface AnimationModifierProps {\n  transition?: {\n    property?: string\n    duration?: number\n    easing?: string\n    delay?: number\n  }\n  animation?: {\n    keyframes?: Record<string, Record<string, string>>\n    duration?: number\n    easing?: string\n    iterations?: number | 'infinite'\n    direction?: 'normal' | 'reverse' | 'alternate' | 'alternate-reverse'\n  }\n  transform?: string | Signal<string>\n  rotationEffect?: {\n    angle: number\n    anchor?:\n      | 'center'\n      | 'top'\n      | 'topLeading'\n      | 'topTrailing'\n      | 'bottom'\n      | 'bottomLeading'\n      | 'bottomTrailing'\n      | 'leading'\n      | 'trailing'\n  }\n  overlay?: {\n    content: any // ComponentInstance or function that returns ComponentInstance\n    alignment?:\n      | 'center'\n      | 'top'\n      | 'bottom'\n      | 'leading'\n      | 'trailing'\n      | 'topLeading'\n      | 'topTrailing'\n      | 'bottomLeading'\n      | 'bottomTrailing'\n  }\n}\n\n/**\n * Lifecycle modifier properties\n */\nexport interface LifecycleModifierProps {\n  onAppear?: () => void\n  onDisappear?: () => void\n  task?: {\n    operation: () => Promise<void> | void\n    id?: string\n    priority?: 'background' | 'userInitiated' | 'utility' | 'default'\n  }\n  refreshable?: {\n    onRefresh: () => Promise<void>\n    isRefreshing?: boolean | Signal<boolean>\n  }\n}\n\n/**\n * Modifier factory function type\n */\nexport type ModifierFactory<TProps = {}> = (\n  props: ReactiveModifierProps<TProps>\n) => Modifier<TProps>\n\n/**\n * Modifier builder interface for creating chainable modifiers\n */\nexport interface ModifierBuilder<T extends ComponentInstance = ComponentInstance> {\n  // Layout modifiers\n  frame(width?: Dimension, height?: Dimension): ModifierBuilder<T>\n  frame(options: LayoutModifierProps['frame']): ModifierBuilder<T>\n  padding(value: number): ModifierBuilder<T>\n  padding(options: LayoutModifierProps['padding']): ModifierBuilder<T>\n  margin(value: number | string): ModifierBuilder<T>\n  margin(options: LayoutModifierProps['margin']): ModifierBuilder<T>\n\n  // New multi-property modifiers\n  size(options: {\n    width?: Dimension\n    height?: Dimension\n    minWidth?: Dimension\n    maxWidth?: Dimension\n    minHeight?: Dimension\n    maxHeight?: Dimension\n  }): ModifierBuilder<T>\n  width(value: Dimension): ModifierBuilder<T>\n  height(value: Dimension): ModifierBuilder<T>\n  maxWidth(value: Dimension): ModifierBuilder<T>\n  minWidth(value: Dimension): ModifierBuilder<T>\n  maxHeight(value: Dimension): ModifierBuilder<T>\n  minHeight(value: Dimension): ModifierBuilder<T>\n  marginTop(value: number | string): ModifierBuilder<T>\n  marginBottom(value: number | string): ModifierBuilder<T>\n  marginHorizontal(value: number | string): ModifierBuilder<T>\n  marginVertical(value: number | string): ModifierBuilder<T>\n\n  // Typography modifiers\n  typography(options: {\n    size?: number | string\n    weight?: FontWeight | number\n    family?: string\n    lineHeight?: number | string\n    letterSpacing?: number | string\n    align?: string\n    transform?: string\n    decoration?: string\n    variant?: string\n    style?: string\n    color?: string\n  }): ModifierBuilder<T>\n  textAlign(value: 'left' | 'center' | 'right' | 'justify' | 'start' | 'end'): ModifierBuilder<T>\n  textTransform(value: 'none' | 'uppercase' | 'lowercase' | 'capitalize'): ModifierBuilder<T>\n  letterSpacing(value: number | string): ModifierBuilder<T>\n  lineHeight(value: number | string): ModifierBuilder<T>\n  gradientText(gradient: string): ModifierBuilder<T>\n\n  // Border modifiers\n  borderTop(\n    width: number | Signal<number>,\n    color: ColorValue,\n    style?: 'solid' | 'dashed' | 'dotted' | 'double' | 'groove' | 'ridge' | 'inset' | 'outset'\n  ): ModifierBuilder<T>\n  borderRight(\n    width: number | Signal<number>,\n    color: ColorValue,\n    style?: 'solid' | 'dashed' | 'dotted' | 'double' | 'groove' | 'ridge' | 'inset' | 'outset'\n  ): ModifierBuilder<T>\n  borderBottom(\n    width: number | Signal<number>,\n    color: ColorValue,\n    style?: 'solid' | 'dashed' | 'dotted' | 'double' | 'groove' | 'ridge' | 'inset' | 'outset'\n  ): ModifierBuilder<T>\n  borderLeft(\n    width: number | Signal<number>,\n    color: ColorValue,\n    style?: 'solid' | 'dashed' | 'dotted' | 'double' | 'groove' | 'ridge' | 'inset' | 'outset'\n  ): ModifierBuilder<T>\n\n  // Flexbox modifiers\n  flexGrow(value: number): ModifierBuilder<T>\n  flexShrink(value: number): ModifierBuilder<T>\n  justifyContent(\n    value: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly'\n  ): ModifierBuilder<T>\n  alignItems(\n    value: 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline'\n  ): ModifierBuilder<T>\n  gap(value: number | string): ModifierBuilder<T>\n  flexDirection(value: 'row' | 'row-reverse' | 'column' | 'column-reverse'): ModifierBuilder<T>\n  flexWrap(value: 'nowrap' | 'wrap' | 'wrap-reverse'): ModifierBuilder<T>\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  overflowY(value: 'visible' | 'hidden' | 'scroll' | 'auto'): ModifierBuilder<T>\n  overflowX(value: 'visible' | 'hidden' | 'scroll' | 'auto'): ModifierBuilder<T>\n  position(value: 'static' | 'relative' | 'absolute' | 'fixed' | 'sticky'): ModifierBuilder<T>\n  zIndex(value: number): ModifierBuilder<T>\n  display(\n    value: 'block' | 'inline' | 'inline-block' | 'flex' | 'inline-flex' | 'grid' | 'none'\n  ): ModifierBuilder<T>\n  transform(value: string | Signal<string>): ModifierBuilder<T>\n\n  // Raw CSS modifiers\n  css(properties: { [property: string]: string | number | undefined }): ModifierBuilder<T>\n  cssProperty(property: string, value: string | number): ModifierBuilder<T>\n  cssVariable(name: string, value: string | number): ModifierBuilder<T>\n\n  // Phase 1 SwiftUI modifiers\n  offset(x: number | Signal<number>, y?: number | Signal<number>): ModifierBuilder<T>\n  clipped(): ModifierBuilder<T>\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'\n  ): ModifierBuilder<T>\n\n  // Phase 2 SwiftUI modifiers\n  aspectRatio(ratio?: number | Signal<number>, contentMode?: 'fit' | 'fill'): ModifierBuilder<T>\n  fixedSize(horizontal?: boolean, vertical?: boolean): ModifierBuilder<T>\n  clipShape(\n    shape: 'circle' | 'ellipse' | 'rect' | 'polygon',\n    parameters?: Record<string, any>\n  ): ModifierBuilder<T>\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'\n  ): ModifierBuilder<T>\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'\n  ): ModifierBuilder<T>\n  \n  // Note: SwiftUI-style position for absolute positioning (different from CSS position)\n  absolutePosition(x: number | Signal<number>, y: number | Signal<number>): ModifierBuilder<T>\n\n  // Appearance modifiers\n  foregroundColor(color: ColorValue): ModifierBuilder<T>\n  backgroundColor(color: ColorValue): ModifierBuilder<T>\n  background(value: StatefulBackgroundValue | Signal<string>): ModifierBuilder<T>\n  font(options: AppearanceModifierProps['font']): ModifierBuilder<T>\n  font(size: number | string): ModifierBuilder<T>\n  fontWeight(weight: NonNullable<AppearanceModifierProps['font']>['weight']): ModifierBuilder<T>\n  fontSize(size: number | string | Signal<number> | Signal<string>): ModifierBuilder<T>\n  opacity(value: number | Signal<number>): ModifierBuilder<T>\n  cornerRadius(radius: number | Signal<number>): ModifierBuilder<T>\n  border(width: number | Signal<number>, color?: ColorValue): ModifierBuilder<T>\n  border(options: AppearanceModifierProps['border']): ModifierBuilder<T>\n  borderWidth(width: number | Signal<number>): ModifierBuilder<T>\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  shadows(configs: Array<{ x: number; y: number; blur: number; color: string; spread?: number; inset?: boolean }>): ModifierBuilder<T>\n  textShadow(config: TextShadowConfig): ModifierBuilder<T>\n  shadowPreset(presetName: string): ModifierBuilder<T>\n\n  // Visual Effects Modifiers (Phase 2 - Epic: Butternut)\n  blur(radius: number | Signal<number>): ModifierBuilder<T>\n  brightness(amount: number | Signal<number>): ModifierBuilder<T>\n  contrast(amount: number | Signal<number>): ModifierBuilder<T>\n  saturation(amount: number | Signal<number>): ModifierBuilder<T>\n  hueRotation(angle: number | Signal<number>): ModifierBuilder<T>\n  grayscale(amount: number | Signal<number>): ModifierBuilder<T>\n  colorInvert(amount?: number | Signal<number>): ModifierBuilder<T>\n  dropShadow(shadow: string): ModifierBuilder<T>\n  \n  // Additional filter methods\n  filter(config: { blur?: number; brightness?: number; contrast?: number; saturate?: number; [key: string]: any } | string): ModifierBuilder<T>\n  saturate(value: number): ModifierBuilder<T>\n  sepia(value: number): ModifierBuilder<T>\n  hueRotate(angle: string): ModifierBuilder<T>\n  invert(value: number): ModifierBuilder<T>\n  \n  // Filter presets\n  vintagePhoto(sepiaAmount?: number, contrastAmount?: number): ModifierBuilder<T>\n  blackAndWhite(contrastAmount?: number): ModifierBuilder<T>\n  vibrant(saturationAmount?: number, contrastAmount?: number): ModifierBuilder<T>\n  warmTone(hueShift?: string): ModifierBuilder<T>\n  coolTone(hueShift?: string): ModifierBuilder<T>\n  faded(contrastAmount?: number, saturationAmount?: number): ModifierBuilder<T>\n  highKey(brightnessAmount?: number, contrastAmount?: number): ModifierBuilder<T>\n  lowKey(brightnessAmount?: number, contrastAmount?: number): ModifierBuilder<T>\n  softFocus(blurAmount?: number): ModifierBuilder<T>\n  highContrastMode(): ModifierBuilder<T>\n  subtleBlur(): ModifierBuilder<T>\n  darkModeInvert(): ModifierBuilder<T>\n\n  // Transform modifiers (SwiftUI-style)\n  scale(value: number | { x?: number; y?: number }): ModifierBuilder<T>\n  rotate(angle: string): ModifierBuilder<T>\n  translate(offset: { x?: number | string; y?: number | string }): ModifierBuilder<T>\n  perspective(value: number): ModifierBuilder<T>\n\n  // Hover and cursor effect modifiers\n  hover(styles: any, transition?: string | number): ModifierBuilder<T>\n  hoverEffect(effect: 'automatic' | 'highlight' | 'lift' | 'scale', isEnabled?: boolean): ModifierBuilder<T>\n  hoverWithTransition(styles: any, duration?: number): ModifierBuilder<T>\n  conditionalHover(effect: 'automatic' | 'highlight' | 'lift' | 'scale', isEnabled: boolean): ModifierBuilder<T>\n\n  // Cursor preset methods\n  interactiveCursor(): ModifierBuilder<T>\n  draggableCursor(): ModifierBuilder<T>\n  textCursor(): ModifierBuilder<T>\n  disabledCursor(): ModifierBuilder<T>\n  loadingCursor(): ModifierBuilder<T>\n  helpCursor(): ModifierBuilder<T>\n  zoomCursor(mode?: 'in' | 'out'): ModifierBuilder<T>\n\n  // Hover effect presets\n  buttonHover(): ModifierBuilder<T>\n  cardHover(): ModifierBuilder<T>\n  linkHover(): ModifierBuilder<T>\n  imageHover(): ModifierBuilder<T>\n\n  // Interaction modifiers\n  onTap(handler: (event: MouseEvent) => void): ModifierBuilder<T>\n  onHover(handler: (isHovered: boolean) => void): ModifierBuilder<T>\n  onMouseEnter(handler: (event: MouseEvent) => void): ModifierBuilder<T>\n  onMouseLeave(handler: (event: MouseEvent) => void): ModifierBuilder<T>\n  onMouseDown(handler: (event: MouseEvent) => void): ModifierBuilder<T>\n  onMouseUp(handler: (event: MouseEvent) => void): ModifierBuilder<T>\n  onDoubleClick(handler: (event: MouseEvent) => void): ModifierBuilder<T>\n  onContextMenu(handler: (event: MouseEvent) => void): ModifierBuilder<T>\n  onDragStart(handler: (event: DragEvent) => void): ModifierBuilder<T>\n  onDragOver(handler: (event: DragEvent) => void): ModifierBuilder<T>\n  onDragLeave(handler: (event: DragEvent) => void): ModifierBuilder<T>\n  onDrop(handler: (event: DragEvent) => void): ModifierBuilder<T>\n  \n  // Focus events\n  onFocus(handler: (isFocused: boolean) => void): ModifierBuilder<T>\n  onBlur(handler: (isFocused: boolean) => void): ModifierBuilder<T>\n  \n  // Keyboard events\n  onKeyPress(handler: (event: KeyboardEvent) => void): ModifierBuilder<T>\n  onKeyDown(handler: (event: KeyboardEvent) => void): ModifierBuilder<T>\n  onKeyUp(handler: (event: KeyboardEvent) => void): ModifierBuilder<T>\n  \n  // Scroll and wheel events\n  onScroll(handler: (event: Event) => void): ModifierBuilder<T>\n  onWheel(handler: (event: WheelEvent) => void): ModifierBuilder<T>\n  \n  // Input events\n  onInput(handler: (event: InputEvent) => void): ModifierBuilder<T>\n  onChange(handler: (value: any, event?: Event) => void): ModifierBuilder<T>\n  \n  // Clipboard events\n  onCopy(handler: (event: ClipboardEvent) => void): ModifierBuilder<T>\n  onCut(handler: (event: ClipboardEvent) => void): ModifierBuilder<T>\n  onPaste(handler: (event: ClipboardEvent) => void): ModifierBuilder<T>\n  \n  // Other events\n  onSelect(handler: (event: Event) => void): ModifierBuilder<T>\n  \n  // Advanced Gesture Modifiers (Phase 4 - Epic: Butternut)\n  onLongPressGesture(\n    options: {\n      minimumDuration?: number\n      maximumDistance?: number\n      perform: () => void\n      onPressingChanged?: (isPressing: boolean) => void\n    }\n  ): ModifierBuilder<T>\n  \n  // Keyboard Shortcuts (Phase 4 - Epic: Butternut)\n  keyboardShortcut(\n    key: string,\n    modifiers: ('cmd' | 'ctrl' | 'shift' | 'alt' | 'meta')[],\n    action: () => void\n  ): ModifierBuilder<T>\n  \n  // Focus Management (Phase 4 - Epic: Butternut)\n  focused(binding: boolean | Signal<boolean>): ModifierBuilder<T>\n  focusable(\n    isFocusable?: boolean,\n    interactions?: ('activate' | 'edit')[]\n  ): ModifierBuilder<T>\n  \n  // Enhanced Hover Tracking (Phase 4 - Epic: Butternut)\n  onContinuousHover(\n    coordinateSpace: 'local' | 'global',\n    perform: (location: { x: number; y: number } | null) => void\n  ): ModifierBuilder<T>\n  \n  // Gesture Priority System (Phase 4 - Epic: Butternut)\n  highPriorityGesture(\n    gesture: any,\n    including?: ('all' | 'subviews' | 'none')[]\n  ): ModifierBuilder<T>\n  simultaneousGesture(\n    gesture: any,\n    including?: ('all' | 'subviews' | 'none')[]\n  ): ModifierBuilder<T>\n  \n  // Hit Testing Control (Phase 4 - Epic: Butternut)\n  allowsHitTesting(enabled: boolean): ModifierBuilder<T>\n  \n  // HTML and ARIA Attributes\n  id(value: string): ModifierBuilder<T>\n  data(attributes: { [key: string]: string | number | boolean }): ModifierBuilder<T>\n  aria(attributes: { [key: string]: string | number | boolean | undefined }): ModifierBuilder<T>\n  tabIndex(value: number): ModifierBuilder<T>\n\n  // Text Modifiers\n  lineClamp(lines: number): ModifierBuilder<T>\n  wordBreak(value: 'normal' | 'break-all' | 'keep-all' | 'break-word'): ModifierBuilder<T>\n  overflowWrap(value: 'normal' | 'break-word' | 'anywhere'): ModifierBuilder<T>\n  hyphens(value: 'none' | 'manual' | 'auto'): ModifierBuilder<T>\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  glassmorphism(intensity?: 'subtle' | 'light' | 'medium' | 'heavy', customFallback?: ColorValue): ModifierBuilder<T>\n\n  // Pseudo-element modifiers\n  before(styles: { content: string; color?: string; [key: string]: any }): ModifierBuilder<T>\n  after(styles: { content: string; color?: string; [key: string]: any }): ModifierBuilder<T>\n\n  // State modifiers\n  disabled(isDisabled?: boolean | Signal<boolean>): ModifierBuilder<T>\n  draggable(isDraggable?: boolean): ModifierBuilder<T>\n  setAttribute(name: string, value: string): ModifierBuilder<T>\n  accessibilityLabel(label: string): ModifierBuilder<T>\n\n  // Animation modifiers\n  transition(property?: string, duration?: number, easing?: string, delay?: number): ModifierBuilder<T>\n  transitions(config: any): ModifierBuilder<T>\n  animation(options: AnimationModifierProps['animation']): ModifierBuilder<T>\n\n  // Transition presets\n  fadeTransition(duration?: number): ModifierBuilder<T>\n  transformTransition(duration?: number): ModifierBuilder<T>\n  colorTransition(duration?: number): ModifierBuilder<T>\n  layoutTransition(duration?: number): ModifierBuilder<T>\n  buttonTransition(): ModifierBuilder<T>\n  cardTransition(): ModifierBuilder<T>\n  modalTransition(): ModifierBuilder<T>\n  smoothTransition(duration?: number): ModifierBuilder<T>\n  quickTransition(duration?: number): ModifierBuilder<T>\n  slowTransition(duration?: number): ModifierBuilder<T>\n\n  // Scroll modifiers\n  scroll(config: any): ModifierBuilder<T>\n  scrollBehavior(value: 'auto' | 'smooth'): ModifierBuilder<T>\n  overscrollBehavior(value: 'auto' | 'contain' | 'none'): ModifierBuilder<T>\n  overscrollBehaviorX(value: 'auto' | 'contain' | 'none'): ModifierBuilder<T>\n  overscrollBehaviorY(value: 'auto' | 'contain' | 'none'): ModifierBuilder<T>\n  scrollMargin(margin: number | string | { top?: number | string, right?: number | string, bottom?: number | string, left?: number | string }): ModifierBuilder<T>\n  scrollPadding(padding: number | string | { top?: number | string, right?: number | string, bottom?: number | string, left?: number | string }): ModifierBuilder<T>\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\n  // Lifecycle modifiers\n  onAppear(handler: () => void): ModifierBuilder<T>\n  onDisappear(handler: () => void): ModifierBuilder<T>\n  task(\n    operation: () => Promise<void> | void,\n    options?: { id?: string; priority?: 'background' | 'userInitiated' | 'utility' | 'default' }\n  ): ModifierBuilder<T>\n  refreshable(\n    onRefresh: () => Promise<void>,\n    isRefreshing?: boolean | Signal<boolean>\n  ): ModifierBuilder<T>\n\n  // Custom modifier application\n  modifier(modifier: Modifier): ModifierBuilder<T>\n\n  // Resizable modifier for images\n  resizable(): ModifierBuilder<T>\n\n  // Text case alias for textTransform\n  textCase(value: 'none' | 'uppercase' | 'lowercase' | 'capitalize'): ModifierBuilder<T>\n\n  // HTML Content Rendering (Text components only)\n  /**\n   * Render component content as HTML instead of plain text\n   * \n   * ⚠️ **RESTRICTION**: Only available on Text components for security\n   * ⚠️ **SECURITY NOTICE**: This modifier treats content as HTML.\n   * - Default: Basic sanitization removes common XSS vectors\n   * - Use skipSanitizer: true only with fully trusted content\n   * - Consider DOMPurify for comprehensive sanitization\n   * - Non-reactive for performance (content is processed once)\n   * \n   * @param options - Configuration options\n   * \n   * @example\n   * ```typescript\n   * // ✅ Allowed: Text components only\n   * Text('<p>Hello <strong>world</strong></p>').modifier.asHTML().build()\n   * \n   * // ❌ Compile Error: Not a Text component\n   * VStack({}).modifier.asHTML() // TypeScript error\n   * \n   * // ✅ Dangerous: Skip sanitization\n   * Text(serverTemplate).modifier.asHTML({ skipSanitizer: true }).build()\n   * ```\n   */\n  asHTML(options?: import('./as-html').AsHTMLOptions): ModifierBuilder<T>\n\n  // Responsive Design Methods\n  responsive(): ResponsiveModifierBuilder<T>\n  \n  // Responsive Breakpoint Shorthand Properties\n  readonly base: ResponsiveBreakpointBuilder<T>\n  readonly sm: ResponsiveBreakpointBuilder<T>\n  readonly md: ResponsiveBreakpointBuilder<T>\n  readonly lg: ResponsiveBreakpointBuilder<T>\n  readonly xl: ResponsiveBreakpointBuilder<T>\n  readonly '2xl': ResponsiveBreakpointBuilder<T>\n  \n  addModifier(modifier: Modifier): void\n\n  // Build the final component with all modifiers applied\n  build(): T\n}\n\n/**\n * Modifiable component - components that can have modifiers applied\n */\nexport interface ModifiableComponent<P extends ComponentProps = ComponentProps>\n  extends ComponentInstance<P> {\n  modifiers: Modifier[]\n  modifierBuilder?: ModifierBuilder<ModifiableComponent<P>>\n}\n\n/**\n * CSS style properties that can be generated by modifiers\n */\nexport interface CSSStyleProperties {\n  [property: string]: string | number | Signal<string> | Signal<number> | undefined\n}\n\n/**\n * CSS class names that can be applied by modifiers\n */\nexport interface CSSClassNames {\n  base?: string[]\n  state?: Record<string, string[]>\n  responsive?: Record<string, string[]>\n}\n\n/**\n * Modifier registry for registering custom modifiers\n */\nexport interface ModifierRegistry {\n  register<TProps>(name: string, factory: ModifierFactory<TProps>): void\n  get<TProps>(name: string): ModifierFactory<TProps> | undefined\n  has(name: string): boolean\n  list(): string[]\n}\n\n/**\n * Modifier application options\n */\nexport interface ModifierApplicationOptions {\n  immediate?: boolean\n  batch?: boolean\n  suppressEffects?: boolean\n  enableAnimations?: boolean\n}\n\n/**\n * Modifier priority levels for ordering\n */\nexport enum ModifierPriority {\n  LAYOUT = 100,\n  APPEARANCE = 200,\n  INTERACTION = 300,\n  ANIMATION = 400,\n  CUSTOM = 500,\n}\n\n/**\n * Modifier application strategy\n */\nexport type ModifierApplicationStrategy =\n  | 'sequential' // Apply modifiers one by one in order\n  | 'batch' // Batch all style changes and apply at once\n  | 'immediate' // Apply each modifier immediately\n\n/**\n * Style computation context for reactive styles\n */\nexport interface StyleComputationContext {\n  componentId: string\n  element: Element\n  modifiers: Modifier[]\n  signals: Set<Signal<any>>\n  cleanup: (() => void)[]\n}\n"],"names":["ModifierPriority"],"mappings":"AA+1BO,IAAKA,sBAAAA,OACVA,EAAAA,EAAA,SAAS,GAAA,IAAT,UACAA,EAAAA,EAAA,aAAa,GAAA,IAAb,cACAA,EAAAA,EAAA,cAAc,GAAA,IAAd,eACAA,EAAAA,EAAA,YAAY,GAAA,IAAZ,aACAA,EAAAA,EAAA,SAAS,GAAA,IAAT,UALUA,IAAAA,KAAA,CAAA,CAAA;"}

package/dist/modifiers/typography.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./base.cjs");var c=Object.defineProperty,u=(t,e,i)=>e in t?c(t,e,{enumerable:!0,configurable:!0,writable:!0,value:i}):t[e]=i,l=(t,e,i)=>u(t,typeof e!="symbol"?e+"":e,i);class n extends a.BaseModifier{constructor(e){const i={};for(const[o,r]of Object.entries(e))typeof r=="function"&&"peek"in r?i[o]=r.peek():i[o]=r;super(i),l(this,"type","typography"),l(this,"priority",30)}apply(e,i){if(!i.element)return;const o=this.computeTypographyStyles(this.properties);this.applyStyles(i.element,o)}computeTypographyStyles(e){const i={};return e.size!==void 0&&(i.fontSize=this.toCSSValue(e.size)),e.weight!==void 0&&(i.fontWeight=String(e.weight)),e.family!==void 0&&(typeof e.family=="object"&&e.family!==null&&"resolve"in e.family?i.fontFamily=e.family.resolve():i.fontFamily=e.family),e.lineHeight!==void 0&&(i.lineHeight=typeof e.lineHeight=="number"?e.lineHeight.toString():e.lineHeight),e.letterSpacing!==void 0&&(i.letterSpacing=this.toCSSValue(e.letterSpacing)),e.wordSpacing!==void 0&&(i.wordSpacing=this.toCSSValue(e.wordSpacing)),e.align!==void 0&&(i.textAlign=e.align),e.transform!==void 0&&(i.textTransform=`${e.transform} !important`),e.decoration!==void 0&&(i.textDecoration=`${e.decoration} !important`),e.variant!==void 0&&(i.fontVariant=e.variant),e.style!==void 0&&(i.fontStyle=e.style),e.color!==void 0&&(typeof e.color=="object"&&e.color!==null&&"resolve"in e.color?i.color=e.color.resolve():i.color=e.color),e.textOverflow!==void 0&&(i.textOverflow=e.textOverflow),e.whiteSpace!==void 0&&(i.whiteSpace=e.whiteSpace),e.overflow!==void 0&&(i.overflow=e.overflow),i}}function y(t){return new n(t)}function g(t){return new n({align:t})}function f(t){return new n({transform:t})}function v(t){return new n({decoration:t})}function w(t){return new n({size:t})}function h(t){return new n({weight:t})}function d(t){return new n({lineHeight:t})}function S(t){return new n({letterSpacing:t})}function m(t){return new n({textOverflow:t})}function x(t){return new n({whiteSpace:t})}function s(t){return new n({overflow:t})}function b(t){return f(t)}function O(t){return new n({family:t})}exports.TypographyModifier=n;exports.fontFamily=O;exports.fontSize=w;exports.fontWeight=h;exports.letterSpacing=S;exports.lineHeight=d;exports.overflow=s;exports.textAlign=g;exports.textCase=b;exports.textDecoration=v;exports.textOverflow=m;exports.textTransform=f;exports.typography=y;exports.whiteSpace=x;
-//# sourceMappingURL=typography.cjs.map

package/dist/modifiers/typography.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"typography.cjs","sources":["../../src/modifiers/typography.ts"],"sourcesContent":["/**\n * Typography Modifier - comprehensive text styling\n *\n * Provides a unified interface for text styling properties\n * including size, weight, alignment, transformation, and more.\n */\n\nimport type { DOMNode } from '../runtime/types'\nimport { BaseModifier } from './base'\nimport type { ModifierContext, ReactiveModifierProps } from './types'\nimport type { FontAsset } from '../assets/FontAsset'\n\nexport interface TypographyOptions {\n  size?: number | string\n  weight?: FontWeight | number\n  family?: string | FontAsset\n  lineHeight?: number | string\n  letterSpacing?: number | string\n  wordSpacing?: number | string\n  align?: TextAlign\n  transform?: TextTransform\n  decoration?: TextDecoration\n  variant?: FontVariant\n  style?: FontStyle\n  color?: string\n  textOverflow?: 'clip' | 'ellipsis' | 'fade' | string\n  whiteSpace?: 'normal' | 'nowrap' | 'pre' | 'pre-wrap' | 'pre-line' | 'break-spaces'\n  overflow?: 'visible' | 'hidden' | 'scroll' | 'auto'\n}\n\nexport type FontWeight =\n  | 'normal'\n  | 'bold'\n  | '100'\n  | '200'\n  | '300'\n  | '400'\n  | '500'\n  | '600'\n  | '700'\n  | '800'\n  | '900'\n  | 100\n  | 200\n  | 300\n  | 400\n  | 500\n  | 600\n  | 700\n  | 800\n  | 900\nexport type TextAlign = 'left' | 'center' | 'right' | 'justify' | 'start' | 'end'\nexport type TextTransform = 'none' | 'uppercase' | 'lowercase' | 'capitalize'\nexport type TextDecoration = 'none' | 'underline' | 'overline' | 'line-through'\nexport type FontVariant = 'normal' | 'small-caps'\nexport type FontStyle = 'normal' | 'italic' | 'oblique'\n\nexport type ReactiveTypographyOptions = ReactiveModifierProps<TypographyOptions>\n\nexport class TypographyModifier extends BaseModifier<TypographyOptions> {\n  readonly type = 'typography'\n  readonly priority = 30 // Priority 30 for text styling\n\n  constructor(options: ReactiveTypographyOptions) {\n    // Convert reactive options to regular options for immediate use\n    const resolvedOptions: TypographyOptions = {}\n    for (const [key, value] of Object.entries(options)) {\n      if (typeof value === 'function' && 'peek' in value) {\n        ;(resolvedOptions as any)[key] = (value as any).peek()\n      } else {\n        ;(resolvedOptions as any)[key] = value\n      }\n    }\n    super(resolvedOptions)\n  }\n\n  apply(_node: DOMNode, context: ModifierContext): DOMNode | undefined {\n    if (!context.element) return\n\n    const styles = this.computeTypographyStyles(this.properties)\n    this.applyStyles(context.element, styles)\n    \n    return undefined\n  }\n\n  private computeTypographyStyles(props: TypographyOptions) {\n    const styles: Record<string, string> = {}\n\n    if (props.size !== undefined) {\n      styles.fontSize = this.toCSSValue(props.size)\n    }\n    if (props.weight !== undefined) {\n      styles.fontWeight = String(props.weight)\n    }\n    if (props.family !== undefined) {\n      // Handle FontAsset\n      if (typeof props.family === 'object' && props.family !== null && 'resolve' in props.family) {\n        styles.fontFamily = (props.family as FontAsset).resolve()\n      } else {\n        styles.fontFamily = props.family as string\n      }\n    }\n    if (props.lineHeight !== undefined) {\n      styles.lineHeight =\n        typeof props.lineHeight === 'number' ? props.lineHeight.toString() : props.lineHeight\n    }\n    if (props.letterSpacing !== undefined) {\n      styles.letterSpacing = this.toCSSValue(props.letterSpacing)\n    }\n    if (props.wordSpacing !== undefined) {\n      styles.wordSpacing = this.toCSSValue(props.wordSpacing)\n    }\n    if (props.align !== undefined) {\n      styles.textAlign = props.align\n    }\n    if (props.transform !== undefined) {\n      // Use !important to ensure text-transform overrides any conflicting CSS\n      styles.textTransform = `${props.transform} !important`\n    }\n    if (props.decoration !== undefined) {\n      // Use !important to ensure text-decoration overrides any conflicting CSS\n      styles.textDecoration = `${props.decoration} !important`\n    }\n    if (props.variant !== undefined) {\n      styles.fontVariant = props.variant\n    }\n    if (props.style !== undefined) {\n      styles.fontStyle = props.style\n    }\n    if (props.color !== undefined) {\n      // Handle Asset objects\n      if (typeof props.color === 'object' && props.color !== null && 'resolve' in props.color) {\n        styles.color = (props.color as any).resolve()\n      } else {\n        styles.color = props.color as string\n      }\n    }\n    if (props.textOverflow !== undefined) {\n      styles.textOverflow = props.textOverflow\n    }\n    if (props.whiteSpace !== undefined) {\n      styles.whiteSpace = props.whiteSpace\n    }\n    if (props.overflow !== undefined) {\n      styles.overflow = props.overflow\n    }\n\n    return styles\n  }\n}\n\n/**\n * Create a typography modifier with comprehensive text styling\n *\n * @example\n * ```typescript\n * // Complete text styling\n * .typography({\n *   size: 18,\n *   weight: '600',\n *   align: 'center',\n *   transform: 'uppercase',\n *   letterSpacing: '0.5px'\n * })\n *\n * // Font family and sizing\n * .typography({\n *   family: 'Inter, sans-serif',\n *   size: 16,\n *   lineHeight: 1.5\n * })\n * ```\n */\nexport function typography(options: ReactiveTypographyOptions): TypographyModifier {\n  return new TypographyModifier(options)\n}\n\n/**\n * Convenience function for text alignment\n *\n * @example\n * ```typescript\n * .textAlign('center')\n * .textAlign('right')\n * ```\n */\nexport function textAlign(value: TextAlign): TypographyModifier {\n  return new TypographyModifier({ align: value })\n}\n\n/**\n * Convenience function for text transformation\n *\n * @example\n * ```typescript\n * .textTransform('uppercase')\n * .textTransform('capitalize')\n * ```\n */\nexport function textTransform(value: TextTransform): TypographyModifier {\n  return new TypographyModifier({ transform: value })\n}\n\n/**\n * Convenience function for text decoration\n *\n * @example\n * ```typescript\n * .textDecoration('underline')\n * .textDecoration('line-through')\n * .textDecoration('overline')\n * .textDecoration('none')\n * ```\n */\nexport function textDecoration(value: TextDecoration): TypographyModifier {\n  return new TypographyModifier({ decoration: value })\n}\n\n/**\n * Convenience function for font size\n *\n * @example\n * ```typescript\n * .fontSize(16)\n * .fontSize('1.2rem')\n * ```\n */\nexport function fontSize(value: number | string): TypographyModifier {\n  return new TypographyModifier({ size: value })\n}\n\n/**\n * Convenience function for font weight\n *\n * @example\n * ```typescript\n * .fontWeight('600')\n * .fontWeight('bold')\n * .fontWeight(700)\n * ```\n */\nexport function fontWeight(value: FontWeight | number): TypographyModifier {\n  return new TypographyModifier({ weight: value })\n}\n\n/**\n * Convenience function for line height\n *\n * @example\n * ```typescript\n * .lineHeight(1.5)\n * .lineHeight('1.4rem')\n * ```\n */\nexport function lineHeight(value: number | string): TypographyModifier {\n  return new TypographyModifier({ lineHeight: value })\n}\n\n/**\n * Convenience function for letter spacing\n *\n * @example\n * ```typescript\n * .letterSpacing('0.5px')\n * .letterSpacing(2)\n * ```\n */\nexport function letterSpacing(value: number | string): TypographyModifier {\n  return new TypographyModifier({ letterSpacing: value })\n}\n\n/**\n * Convenience function for text overflow\n *\n * @example\n * ```typescript\n * .textOverflow('ellipsis')\n * .textOverflow('clip')\n * ```\n */\nexport function textOverflow(value: 'clip' | 'ellipsis' | 'fade' | string): TypographyModifier {\n  return new TypographyModifier({ textOverflow: value } as any)\n}\n\n/**\n * Convenience function for white space handling\n *\n * @example\n * ```typescript\n * .whiteSpace('nowrap')\n * .whiteSpace('pre-wrap')\n * ```\n */\nexport function whiteSpace(\n  value: 'normal' | 'nowrap' | 'pre' | 'pre-wrap' | 'pre-line' | 'break-spaces'\n): TypographyModifier {\n  return new TypographyModifier({ whiteSpace: value } as any)\n}\n\n/**\n * Convenience function for overflow behavior\n *\n * @example\n * ```typescript\n * .overflow('hidden')\n * .overflow('scroll')\n * ```\n */\nexport function overflow(value: 'visible' | 'hidden' | 'scroll' | 'auto'): TypographyModifier {\n  return new TypographyModifier({ overflow: value } as any)\n}\n\n/**\n * Convenience function for text case transformation (alias for textTransform)\n *\n * @example\n * ```typescript\n * .textCase('uppercase')\n * .textCase('capitalize')\n * ```\n */\nexport function textCase(value: TextTransform): TypographyModifier {\n  return textTransform(value)\n}\n\n/**\n * Convenience function for font family\n *\n * @example\n * ```typescript\n * // With string\n * .fontFamily('Inter, sans-serif')\n * \n * // With FontAsset\n * import { Assets } from '@tachui/core'\n * .fontFamily(Assets.bodyFont)\n * ```\n */\nexport function fontFamily(value: string | FontAsset): TypographyModifier {\n  return new TypographyModifier({ family: value })\n}\n"],"names":["TypographyModifier","BaseModifier","options","resolvedOptions","key","value","__publicField","_node","context","styles","props","typography","textAlign","textTransform","textDecoration","fontSize","fontWeight","lineHeight","letterSpacing","textOverflow","whiteSpace","overflow","textCase","fontFamily"],"mappings":"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"}

package/dist/modifiers/typography.js

@@ -1,76 +0,0 @@
-import { BaseModifier as f } from "./base.js";
-var a = Object.defineProperty, c = (t, e, i) => e in t ? a(t, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : t[e] = i, r = (t, e, i) => c(t, typeof e != "symbol" ? e + "" : e, i);
-class n extends f {
-  // Priority 30 for text styling
-  constructor(e) {
-    const i = {};
-    for (const [o, l] of Object.entries(e))
-      typeof l == "function" && "peek" in l ? i[o] = l.peek() : i[o] = l;
-    super(i), r(this, "type", "typography"), r(this, "priority", 30);
-  }
-  apply(e, i) {
-    if (!i.element) return;
-    const o = this.computeTypographyStyles(this.properties);
-    this.applyStyles(i.element, o);
-  }
-  computeTypographyStyles(e) {
-    const i = {};
-    return e.size !== void 0 && (i.fontSize = this.toCSSValue(e.size)), e.weight !== void 0 && (i.fontWeight = String(e.weight)), e.family !== void 0 && (typeof e.family == "object" && e.family !== null && "resolve" in e.family ? i.fontFamily = e.family.resolve() : i.fontFamily = e.family), e.lineHeight !== void 0 && (i.lineHeight = typeof e.lineHeight == "number" ? e.lineHeight.toString() : e.lineHeight), e.letterSpacing !== void 0 && (i.letterSpacing = this.toCSSValue(e.letterSpacing)), e.wordSpacing !== void 0 && (i.wordSpacing = this.toCSSValue(e.wordSpacing)), e.align !== void 0 && (i.textAlign = e.align), e.transform !== void 0 && (i.textTransform = `${e.transform} !important`), e.decoration !== void 0 && (i.textDecoration = `${e.decoration} !important`), e.variant !== void 0 && (i.fontVariant = e.variant), e.style !== void 0 && (i.fontStyle = e.style), e.color !== void 0 && (typeof e.color == "object" && e.color !== null && "resolve" in e.color ? i.color = e.color.resolve() : i.color = e.color), e.textOverflow !== void 0 && (i.textOverflow = e.textOverflow), e.whiteSpace !== void 0 && (i.whiteSpace = e.whiteSpace), e.overflow !== void 0 && (i.overflow = e.overflow), i;
-  }
-}
-function y(t) {
-  return new n(t);
-}
-function w(t) {
-  return new n({ align: t });
-}
-function u(t) {
-  return new n({ transform: t });
-}
-function g(t) {
-  return new n({ decoration: t });
-}
-function d(t) {
-  return new n({ size: t });
-}
-function h(t) {
-  return new n({ weight: t });
-}
-function m(t) {
-  return new n({ lineHeight: t });
-}
-function S(t) {
-  return new n({ letterSpacing: t });
-}
-function x(t) {
-  return new n({ textOverflow: t });
-}
-function s(t) {
-  return new n({ whiteSpace: t });
-}
-function b(t) {
-  return new n({ overflow: t });
-}
-function O(t) {
-  return u(t);
-}
-function H(t) {
-  return new n({ family: t });
-}
-export {
-  n as TypographyModifier,
-  H as fontFamily,
-  d as fontSize,
-  h as fontWeight,
-  S as letterSpacing,
-  m as lineHeight,
-  b as overflow,
-  w as textAlign,
-  O as textCase,
-  g as textDecoration,
-  x as textOverflow,
-  u as textTransform,
-  y as typography,
-  s as whiteSpace
-};
-//# sourceMappingURL=typography.js.map

package/dist/modifiers/typography.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"typography.js","sources":["../../src/modifiers/typography.ts"],"sourcesContent":["/**\n * Typography Modifier - comprehensive text styling\n *\n * Provides a unified interface for text styling properties\n * including size, weight, alignment, transformation, and more.\n */\n\nimport type { DOMNode } from '../runtime/types'\nimport { BaseModifier } from './base'\nimport type { ModifierContext, ReactiveModifierProps } from './types'\nimport type { FontAsset } from '../assets/FontAsset'\n\nexport interface TypographyOptions {\n  size?: number | string\n  weight?: FontWeight | number\n  family?: string | FontAsset\n  lineHeight?: number | string\n  letterSpacing?: number | string\n  wordSpacing?: number | string\n  align?: TextAlign\n  transform?: TextTransform\n  decoration?: TextDecoration\n  variant?: FontVariant\n  style?: FontStyle\n  color?: string\n  textOverflow?: 'clip' | 'ellipsis' | 'fade' | string\n  whiteSpace?: 'normal' | 'nowrap' | 'pre' | 'pre-wrap' | 'pre-line' | 'break-spaces'\n  overflow?: 'visible' | 'hidden' | 'scroll' | 'auto'\n}\n\nexport type FontWeight =\n  | 'normal'\n  | 'bold'\n  | '100'\n  | '200'\n  | '300'\n  | '400'\n  | '500'\n  | '600'\n  | '700'\n  | '800'\n  | '900'\n  | 100\n  | 200\n  | 300\n  | 400\n  | 500\n  | 600\n  | 700\n  | 800\n  | 900\nexport type TextAlign = 'left' | 'center' | 'right' | 'justify' | 'start' | 'end'\nexport type TextTransform = 'none' | 'uppercase' | 'lowercase' | 'capitalize'\nexport type TextDecoration = 'none' | 'underline' | 'overline' | 'line-through'\nexport type FontVariant = 'normal' | 'small-caps'\nexport type FontStyle = 'normal' | 'italic' | 'oblique'\n\nexport type ReactiveTypographyOptions = ReactiveModifierProps<TypographyOptions>\n\nexport class TypographyModifier extends BaseModifier<TypographyOptions> {\n  readonly type = 'typography'\n  readonly priority = 30 // Priority 30 for text styling\n\n  constructor(options: ReactiveTypographyOptions) {\n    // Convert reactive options to regular options for immediate use\n    const resolvedOptions: TypographyOptions = {}\n    for (const [key, value] of Object.entries(options)) {\n      if (typeof value === 'function' && 'peek' in value) {\n        ;(resolvedOptions as any)[key] = (value as any).peek()\n      } else {\n        ;(resolvedOptions as any)[key] = value\n      }\n    }\n    super(resolvedOptions)\n  }\n\n  apply(_node: DOMNode, context: ModifierContext): DOMNode | undefined {\n    if (!context.element) return\n\n    const styles = this.computeTypographyStyles(this.properties)\n    this.applyStyles(context.element, styles)\n    \n    return undefined\n  }\n\n  private computeTypographyStyles(props: TypographyOptions) {\n    const styles: Record<string, string> = {}\n\n    if (props.size !== undefined) {\n      styles.fontSize = this.toCSSValue(props.size)\n    }\n    if (props.weight !== undefined) {\n      styles.fontWeight = String(props.weight)\n    }\n    if (props.family !== undefined) {\n      // Handle FontAsset\n      if (typeof props.family === 'object' && props.family !== null && 'resolve' in props.family) {\n        styles.fontFamily = (props.family as FontAsset).resolve()\n      } else {\n        styles.fontFamily = props.family as string\n      }\n    }\n    if (props.lineHeight !== undefined) {\n      styles.lineHeight =\n        typeof props.lineHeight === 'number' ? props.lineHeight.toString() : props.lineHeight\n    }\n    if (props.letterSpacing !== undefined) {\n      styles.letterSpacing = this.toCSSValue(props.letterSpacing)\n    }\n    if (props.wordSpacing !== undefined) {\n      styles.wordSpacing = this.toCSSValue(props.wordSpacing)\n    }\n    if (props.align !== undefined) {\n      styles.textAlign = props.align\n    }\n    if (props.transform !== undefined) {\n      // Use !important to ensure text-transform overrides any conflicting CSS\n      styles.textTransform = `${props.transform} !important`\n    }\n    if (props.decoration !== undefined) {\n      // Use !important to ensure text-decoration overrides any conflicting CSS\n      styles.textDecoration = `${props.decoration} !important`\n    }\n    if (props.variant !== undefined) {\n      styles.fontVariant = props.variant\n    }\n    if (props.style !== undefined) {\n      styles.fontStyle = props.style\n    }\n    if (props.color !== undefined) {\n      // Handle Asset objects\n      if (typeof props.color === 'object' && props.color !== null && 'resolve' in props.color) {\n        styles.color = (props.color as any).resolve()\n      } else {\n        styles.color = props.color as string\n      }\n    }\n    if (props.textOverflow !== undefined) {\n      styles.textOverflow = props.textOverflow\n    }\n    if (props.whiteSpace !== undefined) {\n      styles.whiteSpace = props.whiteSpace\n    }\n    if (props.overflow !== undefined) {\n      styles.overflow = props.overflow\n    }\n\n    return styles\n  }\n}\n\n/**\n * Create a typography modifier with comprehensive text styling\n *\n * @example\n * ```typescript\n * // Complete text styling\n * .typography({\n *   size: 18,\n *   weight: '600',\n *   align: 'center',\n *   transform: 'uppercase',\n *   letterSpacing: '0.5px'\n * })\n *\n * // Font family and sizing\n * .typography({\n *   family: 'Inter, sans-serif',\n *   size: 16,\n *   lineHeight: 1.5\n * })\n * ```\n */\nexport function typography(options: ReactiveTypographyOptions): TypographyModifier {\n  return new TypographyModifier(options)\n}\n\n/**\n * Convenience function for text alignment\n *\n * @example\n * ```typescript\n * .textAlign('center')\n * .textAlign('right')\n * ```\n */\nexport function textAlign(value: TextAlign): TypographyModifier {\n  return new TypographyModifier({ align: value })\n}\n\n/**\n * Convenience function for text transformation\n *\n * @example\n * ```typescript\n * .textTransform('uppercase')\n * .textTransform('capitalize')\n * ```\n */\nexport function textTransform(value: TextTransform): TypographyModifier {\n  return new TypographyModifier({ transform: value })\n}\n\n/**\n * Convenience function for text decoration\n *\n * @example\n * ```typescript\n * .textDecoration('underline')\n * .textDecoration('line-through')\n * .textDecoration('overline')\n * .textDecoration('none')\n * ```\n */\nexport function textDecoration(value: TextDecoration): TypographyModifier {\n  return new TypographyModifier({ decoration: value })\n}\n\n/**\n * Convenience function for font size\n *\n * @example\n * ```typescript\n * .fontSize(16)\n * .fontSize('1.2rem')\n * ```\n */\nexport function fontSize(value: number | string): TypographyModifier {\n  return new TypographyModifier({ size: value })\n}\n\n/**\n * Convenience function for font weight\n *\n * @example\n * ```typescript\n * .fontWeight('600')\n * .fontWeight('bold')\n * .fontWeight(700)\n * ```\n */\nexport function fontWeight(value: FontWeight | number): TypographyModifier {\n  return new TypographyModifier({ weight: value })\n}\n\n/**\n * Convenience function for line height\n *\n * @example\n * ```typescript\n * .lineHeight(1.5)\n * .lineHeight('1.4rem')\n * ```\n */\nexport function lineHeight(value: number | string): TypographyModifier {\n  return new TypographyModifier({ lineHeight: value })\n}\n\n/**\n * Convenience function for letter spacing\n *\n * @example\n * ```typescript\n * .letterSpacing('0.5px')\n * .letterSpacing(2)\n * ```\n */\nexport function letterSpacing(value: number | string): TypographyModifier {\n  return new TypographyModifier({ letterSpacing: value })\n}\n\n/**\n * Convenience function for text overflow\n *\n * @example\n * ```typescript\n * .textOverflow('ellipsis')\n * .textOverflow('clip')\n * ```\n */\nexport function textOverflow(value: 'clip' | 'ellipsis' | 'fade' | string): TypographyModifier {\n  return new TypographyModifier({ textOverflow: value } as any)\n}\n\n/**\n * Convenience function for white space handling\n *\n * @example\n * ```typescript\n * .whiteSpace('nowrap')\n * .whiteSpace('pre-wrap')\n * ```\n */\nexport function whiteSpace(\n  value: 'normal' | 'nowrap' | 'pre' | 'pre-wrap' | 'pre-line' | 'break-spaces'\n): TypographyModifier {\n  return new TypographyModifier({ whiteSpace: value } as any)\n}\n\n/**\n * Convenience function for overflow behavior\n *\n * @example\n * ```typescript\n * .overflow('hidden')\n * .overflow('scroll')\n * ```\n */\nexport function overflow(value: 'visible' | 'hidden' | 'scroll' | 'auto'): TypographyModifier {\n  return new TypographyModifier({ overflow: value } as any)\n}\n\n/**\n * Convenience function for text case transformation (alias for textTransform)\n *\n * @example\n * ```typescript\n * .textCase('uppercase')\n * .textCase('capitalize')\n * ```\n */\nexport function textCase(value: TextTransform): TypographyModifier {\n  return textTransform(value)\n}\n\n/**\n * Convenience function for font family\n *\n * @example\n * ```typescript\n * // With string\n * .fontFamily('Inter, sans-serif')\n * \n * // With FontAsset\n * import { Assets } from '@tachui/core'\n * .fontFamily(Assets.bodyFont)\n * ```\n */\nexport function fontFamily(value: string | FontAsset): TypographyModifier {\n  return new TypographyModifier({ family: value })\n}\n"],"names":["TypographyModifier","BaseModifier","options","resolvedOptions","key","value","__publicField","_node","context","styles","props","typography","textAlign","textTransform","textDecoration","fontSize","fontWeight","lineHeight","letterSpacing","textOverflow","whiteSpace","overflow","textCase","fontFamily"],"mappings":"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"}

package/dist/modifiers/utility.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./base.cjs");var f=Object.defineProperty,d=(t,i,e)=>i in t?f(t,i,{enumerable:!0,configurable:!0,writable:!0,value:e}):t[i]=e,r=(t,i,e)=>d(t,typeof i!="symbol"?i+"":i,e);class o extends u.BaseModifier{constructor(i){const e={};for(const[n,l]of Object.entries(i))typeof l=="function"&&"peek"in l?e[n]=l.peek():e[n]=l;super(e),r(this,"type","utility"),r(this,"priority",10)}apply(i,e){if(!e.element)return;const n=this.computeUtilityStyles(this.properties);this.applyStyles(e.element,n)}computeUtilityStyles(i){const e={};return i.cursor!==void 0&&(process.env.NODE_ENV==="development"&&this.validateCursorValue(i.cursor),e.cursor=i.cursor),i.overflow!==void 0&&(e.overflow=i.overflow),i.overflowX!==void 0&&(e.overflowX=i.overflowX),i.overflowY!==void 0&&(e.overflowY=i.overflowY),i.position!==void 0&&(e.position=i.position),i.top!==void 0&&(e.top=this.toCSSValue(i.top)),i.right!==void 0&&(e.right=this.toCSSValue(i.right)),i.bottom!==void 0&&(e.bottom=this.toCSSValue(i.bottom)),i.left!==void 0&&(e.left=this.toCSSValue(i.left)),i.zIndex!==void 0&&(e.zIndex=i.zIndex.toString()),i.display!==void 0&&(e.display=i.display),i.visibility!==void 0&&(e.visibility=i.visibility),i.pointerEvents!==void 0&&(e.pointerEvents=i.pointerEvents),i.userSelect!==void 0&&(e.userSelect=i.userSelect),i.boxSizing!==void 0&&(e.boxSizing=i.boxSizing),i.objectFit!==void 0&&(e.objectFit=i.objectFit),i.objectPosition!==void 0&&(e.objectPosition=i.objectPosition),i.resize!==void 0&&(e.resize=i.resize),i.outline!==void 0&&(e.outline=i.outline),i.outlineOffset!==void 0&&(e.outlineOffset=this.toCSSValue(i.outlineOffset)),e}validateCursorValue(i){!["auto","default","pointer","text","wait","help","not-allowed","none","grab","grabbing","zoom-in","zoom-out","alias","cell","copy"].includes(i)&&!i.includes("url(")&&console.warn(`Unknown cursor value: "${i}". See documentation for valid cursor values.`)}}function v(t){return new o(t)}function s(t){return new o({cursor:t})}function c(t){return new o({overflowY:t})}function a(t){return new o({overflowX:t})}function y(t){return new o({position:t})}function w(t){return new o({zIndex:t})}function b(t){return new o({display:t})}exports.UtilityModifier=o;exports.cursor=s;exports.display=b;exports.overflowX=a;exports.overflowY=c;exports.position=y;exports.utility=v;exports.zIndex=w;
-//# sourceMappingURL=utility.cjs.map

package/dist/modifiers/utility.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"utility.cjs","sources":["../../src/modifiers/utility.ts"],"sourcesContent":["/**\n * Utility Modifier - miscellaneous CSS properties\n *\n * Provides access to various CSS properties that don't fit\n * into other specific modifier categories.\n */\n\nimport type { DOMNode } from '../runtime/types'\nimport { BaseModifier } from './base'\nimport type { ModifierContext, ReactiveModifierProps } from './types'\n\nexport interface UtilityOptions {\n  cursor?:\n    | 'auto'\n    | 'default' \n    | 'pointer'\n    | 'text'\n    | 'wait'\n    | 'help'\n    | 'not-allowed'\n    | 'none'\n    | 'grab'\n    | 'grabbing'\n    | 'zoom-in'\n    | 'zoom-out'\n    | 'alias'\n    | 'cell'\n    | 'copy'\n    | string // CSS cursor syntax: 'url(...), fallback'\n  overflow?: 'visible' | 'hidden' | 'scroll' | 'auto'\n  overflowX?: 'visible' | 'hidden' | 'scroll' | 'auto'\n  overflowY?: 'visible' | 'hidden' | 'scroll' | 'auto'\n  position?: 'static' | 'relative' | 'absolute' | 'fixed' | 'sticky'\n  top?: number | string\n  right?: number | string\n  bottom?: number | string\n  left?: number | string\n  zIndex?: number\n  display?: 'block' | 'inline' | 'inline-block' | 'flex' | 'inline-flex' | 'grid' | 'none'\n  visibility?: 'visible' | 'hidden' | 'collapse'\n  pointerEvents?: 'auto' | 'none'\n  userSelect?: 'auto' | 'none' | 'text' | 'all'\n  boxSizing?: 'content-box' | 'border-box'\n  objectFit?: 'fill' | 'contain' | 'cover' | 'none' | 'scale-down'\n  objectPosition?: string\n  resize?: 'none' | 'both' | 'horizontal' | 'vertical'\n  outline?: string\n  outlineOffset?: number | string\n}\n\nexport type ReactiveUtilityOptions = ReactiveModifierProps<UtilityOptions>\n\nexport class UtilityModifier extends BaseModifier<UtilityOptions> {\n  readonly type = 'utility'\n  readonly priority = 10 // Lower priority for utility properties\n\n  constructor(options: ReactiveUtilityOptions) {\n    // Convert reactive options to regular options for immediate use\n    const resolvedOptions: UtilityOptions = {}\n    for (const [key, value] of Object.entries(options)) {\n      if (typeof value === 'function' && 'peek' in value) {\n        ;(resolvedOptions as any)[key] = (value as any).peek()\n      } else {\n        ;(resolvedOptions as any)[key] = value\n      }\n    }\n    super(resolvedOptions)\n  }\n\n  apply(_node: DOMNode, context: ModifierContext): DOMNode | undefined {\n    if (!context.element) return\n\n    const styles = this.computeUtilityStyles(this.properties)\n    this.applyStyles(context.element, styles)\n    \n    return undefined\n  }\n\n  private computeUtilityStyles(props: UtilityOptions) {\n    const styles: Record<string, string> = {}\n\n    if (props.cursor !== undefined) {\n      // Validate cursor value in development mode\n      if (process.env.NODE_ENV === 'development') {\n        this.validateCursorValue(props.cursor)\n      }\n      styles.cursor = props.cursor\n    }\n    if (props.overflow !== undefined) {\n      styles.overflow = props.overflow\n    }\n    if (props.overflowX !== undefined) {\n      styles.overflowX = props.overflowX\n    }\n    if (props.overflowY !== undefined) {\n      styles.overflowY = props.overflowY\n    }\n    if (props.position !== undefined) {\n      styles.position = props.position\n    }\n    if (props.top !== undefined) {\n      styles.top = this.toCSSValue(props.top)\n    }\n    if (props.right !== undefined) {\n      styles.right = this.toCSSValue(props.right)\n    }\n    if (props.bottom !== undefined) {\n      styles.bottom = this.toCSSValue(props.bottom)\n    }\n    if (props.left !== undefined) {\n      styles.left = this.toCSSValue(props.left)\n    }\n    if (props.zIndex !== undefined) {\n      styles.zIndex = props.zIndex.toString()\n    }\n    if (props.display !== undefined) {\n      styles.display = props.display\n    }\n    if (props.visibility !== undefined) {\n      styles.visibility = props.visibility\n    }\n    if (props.pointerEvents !== undefined) {\n      styles.pointerEvents = props.pointerEvents\n    }\n    if (props.userSelect !== undefined) {\n      styles.userSelect = props.userSelect\n    }\n    if (props.boxSizing !== undefined) {\n      styles.boxSizing = props.boxSizing\n    }\n    if (props.objectFit !== undefined) {\n      styles.objectFit = props.objectFit\n    }\n    if (props.objectPosition !== undefined) {\n      styles.objectPosition = props.objectPosition\n    }\n    if (props.resize !== undefined) {\n      styles.resize = props.resize\n    }\n    if (props.outline !== undefined) {\n      styles.outline = props.outline\n    }\n    if (props.outlineOffset !== undefined) {\n      styles.outlineOffset = this.toCSSValue(props.outlineOffset)\n    }\n\n    return styles\n  }\n\n  private validateCursorValue(value: string): void {\n    const validCursors = [\n      'auto', 'default', 'pointer', 'text', 'wait', 'help', 'not-allowed', 'none',\n      'grab', 'grabbing', 'zoom-in', 'zoom-out', 'alias', 'cell', 'copy'\n    ]\n    \n    if (!validCursors.includes(value) && !value.includes('url(')) {\n      console.warn(`Unknown cursor value: \"${value}\". See documentation for valid cursor values.`)\n    }\n  }\n}\n\n/**\n * Create a utility modifier with miscellaneous CSS properties\n */\nexport function utility(options: ReactiveUtilityOptions): UtilityModifier {\n  return new UtilityModifier(options)\n}\n\n/**\n * Convenience function for cursor\n */\nexport function cursor(value: UtilityOptions['cursor']): UtilityModifier {\n  return new UtilityModifier({ cursor: value })\n}\n\n/**\n * Convenience function for overflow-y\n */\nexport function overflowY(value: UtilityOptions['overflowY']): UtilityModifier {\n  return new UtilityModifier({ overflowY: value })\n}\n\n/**\n * Convenience function for overflow-x\n */\nexport function overflowX(value: UtilityOptions['overflowX']): UtilityModifier {\n  return new UtilityModifier({ overflowX: value })\n}\n\n/**\n * Convenience function for position\n */\nexport function position(value: UtilityOptions['position']): UtilityModifier {\n  return new UtilityModifier({ position: value })\n}\n\n/**\n * Convenience function for z-index\n */\nexport function zIndex(value: number): UtilityModifier {\n  return new UtilityModifier({ zIndex: value })\n}\n\n/**\n * Convenience function for display\n */\nexport function display(value: UtilityOptions['display']): UtilityModifier {\n  return new UtilityModifier({ display: value })\n}\n"],"names":["UtilityModifier","BaseModifier","options","resolvedOptions","key","value","__publicField","_node","context","styles","props","utility","cursor","overflowY","overflowX","position","zIndex","display"],"mappings":"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"}

package/dist/modifiers/utility.js

@@ -1,71 +0,0 @@
-import { BaseModifier as r } from "./base.js";
-var u = Object.defineProperty, d = (t, i, e) => i in t ? u(t, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[i] = e, f = (t, i, e) => d(t, typeof i != "symbol" ? i + "" : i, e);
-class o extends r {
-  // Lower priority for utility properties
-  constructor(i) {
-    const e = {};
-    for (const [n, l] of Object.entries(i))
-      typeof l == "function" && "peek" in l ? e[n] = l.peek() : e[n] = l;
-    super(e), f(this, "type", "utility"), f(this, "priority", 10);
-  }
-  apply(i, e) {
-    if (!e.element) return;
-    const n = this.computeUtilityStyles(this.properties);
-    this.applyStyles(e.element, n);
-  }
-  computeUtilityStyles(i) {
-    const e = {};
-    return i.cursor !== void 0 && (process.env.NODE_ENV === "development" && this.validateCursorValue(i.cursor), e.cursor = i.cursor), i.overflow !== void 0 && (e.overflow = i.overflow), i.overflowX !== void 0 && (e.overflowX = i.overflowX), i.overflowY !== void 0 && (e.overflowY = i.overflowY), i.position !== void 0 && (e.position = i.position), i.top !== void 0 && (e.top = this.toCSSValue(i.top)), i.right !== void 0 && (e.right = this.toCSSValue(i.right)), i.bottom !== void 0 && (e.bottom = this.toCSSValue(i.bottom)), i.left !== void 0 && (e.left = this.toCSSValue(i.left)), i.zIndex !== void 0 && (e.zIndex = i.zIndex.toString()), i.display !== void 0 && (e.display = i.display), i.visibility !== void 0 && (e.visibility = i.visibility), i.pointerEvents !== void 0 && (e.pointerEvents = i.pointerEvents), i.userSelect !== void 0 && (e.userSelect = i.userSelect), i.boxSizing !== void 0 && (e.boxSizing = i.boxSizing), i.objectFit !== void 0 && (e.objectFit = i.objectFit), i.objectPosition !== void 0 && (e.objectPosition = i.objectPosition), i.resize !== void 0 && (e.resize = i.resize), i.outline !== void 0 && (e.outline = i.outline), i.outlineOffset !== void 0 && (e.outlineOffset = this.toCSSValue(i.outlineOffset)), e;
-  }
-  validateCursorValue(i) {
-    ![
-      "auto",
-      "default",
-      "pointer",
-      "text",
-      "wait",
-      "help",
-      "not-allowed",
-      "none",
-      "grab",
-      "grabbing",
-      "zoom-in",
-      "zoom-out",
-      "alias",
-      "cell",
-      "copy"
-    ].includes(i) && !i.includes("url(") && console.warn(`Unknown cursor value: "${i}". See documentation for valid cursor values.`);
-  }
-}
-function c(t) {
-  return new o(t);
-}
-function s(t) {
-  return new o({ cursor: t });
-}
-function a(t) {
-  return new o({ overflowY: t });
-}
-function w(t) {
-  return new o({ overflowX: t });
-}
-function y(t) {
-  return new o({ position: t });
-}
-function b(t) {
-  return new o({ zIndex: t });
-}
-function S(t) {
-  return new o({ display: t });
-}
-export {
-  o as UtilityModifier,
-  s as cursor,
-  S as display,
-  w as overflowX,
-  a as overflowY,
-  y as position,
-  c as utility,
-  b as zIndex
-};
-//# sourceMappingURL=utility.js.map

package/dist/modifiers/utility.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utility.js","sources":["../../src/modifiers/utility.ts"],"sourcesContent":["/**\n * Utility Modifier - miscellaneous CSS properties\n *\n * Provides access to various CSS properties that don't fit\n * into other specific modifier categories.\n */\n\nimport type { DOMNode } from '../runtime/types'\nimport { BaseModifier } from './base'\nimport type { ModifierContext, ReactiveModifierProps } from './types'\n\nexport interface UtilityOptions {\n  cursor?:\n    | 'auto'\n    | 'default' \n    | 'pointer'\n    | 'text'\n    | 'wait'\n    | 'help'\n    | 'not-allowed'\n    | 'none'\n    | 'grab'\n    | 'grabbing'\n    | 'zoom-in'\n    | 'zoom-out'\n    | 'alias'\n    | 'cell'\n    | 'copy'\n    | string // CSS cursor syntax: 'url(...), fallback'\n  overflow?: 'visible' | 'hidden' | 'scroll' | 'auto'\n  overflowX?: 'visible' | 'hidden' | 'scroll' | 'auto'\n  overflowY?: 'visible' | 'hidden' | 'scroll' | 'auto'\n  position?: 'static' | 'relative' | 'absolute' | 'fixed' | 'sticky'\n  top?: number | string\n  right?: number | string\n  bottom?: number | string\n  left?: number | string\n  zIndex?: number\n  display?: 'block' | 'inline' | 'inline-block' | 'flex' | 'inline-flex' | 'grid' | 'none'\n  visibility?: 'visible' | 'hidden' | 'collapse'\n  pointerEvents?: 'auto' | 'none'\n  userSelect?: 'auto' | 'none' | 'text' | 'all'\n  boxSizing?: 'content-box' | 'border-box'\n  objectFit?: 'fill' | 'contain' | 'cover' | 'none' | 'scale-down'\n  objectPosition?: string\n  resize?: 'none' | 'both' | 'horizontal' | 'vertical'\n  outline?: string\n  outlineOffset?: number | string\n}\n\nexport type ReactiveUtilityOptions = ReactiveModifierProps<UtilityOptions>\n\nexport class UtilityModifier extends BaseModifier<UtilityOptions> {\n  readonly type = 'utility'\n  readonly priority = 10 // Lower priority for utility properties\n\n  constructor(options: ReactiveUtilityOptions) {\n    // Convert reactive options to regular options for immediate use\n    const resolvedOptions: UtilityOptions = {}\n    for (const [key, value] of Object.entries(options)) {\n      if (typeof value === 'function' && 'peek' in value) {\n        ;(resolvedOptions as any)[key] = (value as any).peek()\n      } else {\n        ;(resolvedOptions as any)[key] = value\n      }\n    }\n    super(resolvedOptions)\n  }\n\n  apply(_node: DOMNode, context: ModifierContext): DOMNode | undefined {\n    if (!context.element) return\n\n    const styles = this.computeUtilityStyles(this.properties)\n    this.applyStyles(context.element, styles)\n    \n    return undefined\n  }\n\n  private computeUtilityStyles(props: UtilityOptions) {\n    const styles: Record<string, string> = {}\n\n    if (props.cursor !== undefined) {\n      // Validate cursor value in development mode\n      if (process.env.NODE_ENV === 'development') {\n        this.validateCursorValue(props.cursor)\n      }\n      styles.cursor = props.cursor\n    }\n    if (props.overflow !== undefined) {\n      styles.overflow = props.overflow\n    }\n    if (props.overflowX !== undefined) {\n      styles.overflowX = props.overflowX\n    }\n    if (props.overflowY !== undefined) {\n      styles.overflowY = props.overflowY\n    }\n    if (props.position !== undefined) {\n      styles.position = props.position\n    }\n    if (props.top !== undefined) {\n      styles.top = this.toCSSValue(props.top)\n    }\n    if (props.right !== undefined) {\n      styles.right = this.toCSSValue(props.right)\n    }\n    if (props.bottom !== undefined) {\n      styles.bottom = this.toCSSValue(props.bottom)\n    }\n    if (props.left !== undefined) {\n      styles.left = this.toCSSValue(props.left)\n    }\n    if (props.zIndex !== undefined) {\n      styles.zIndex = props.zIndex.toString()\n    }\n    if (props.display !== undefined) {\n      styles.display = props.display\n    }\n    if (props.visibility !== undefined) {\n      styles.visibility = props.visibility\n    }\n    if (props.pointerEvents !== undefined) {\n      styles.pointerEvents = props.pointerEvents\n    }\n    if (props.userSelect !== undefined) {\n      styles.userSelect = props.userSelect\n    }\n    if (props.boxSizing !== undefined) {\n      styles.boxSizing = props.boxSizing\n    }\n    if (props.objectFit !== undefined) {\n      styles.objectFit = props.objectFit\n    }\n    if (props.objectPosition !== undefined) {\n      styles.objectPosition = props.objectPosition\n    }\n    if (props.resize !== undefined) {\n      styles.resize = props.resize\n    }\n    if (props.outline !== undefined) {\n      styles.outline = props.outline\n    }\n    if (props.outlineOffset !== undefined) {\n      styles.outlineOffset = this.toCSSValue(props.outlineOffset)\n    }\n\n    return styles\n  }\n\n  private validateCursorValue(value: string): void {\n    const validCursors = [\n      'auto', 'default', 'pointer', 'text', 'wait', 'help', 'not-allowed', 'none',\n      'grab', 'grabbing', 'zoom-in', 'zoom-out', 'alias', 'cell', 'copy'\n    ]\n    \n    if (!validCursors.includes(value) && !value.includes('url(')) {\n      console.warn(`Unknown cursor value: \"${value}\". See documentation for valid cursor values.`)\n    }\n  }\n}\n\n/**\n * Create a utility modifier with miscellaneous CSS properties\n */\nexport function utility(options: ReactiveUtilityOptions): UtilityModifier {\n  return new UtilityModifier(options)\n}\n\n/**\n * Convenience function for cursor\n */\nexport function cursor(value: UtilityOptions['cursor']): UtilityModifier {\n  return new UtilityModifier({ cursor: value })\n}\n\n/**\n * Convenience function for overflow-y\n */\nexport function overflowY(value: UtilityOptions['overflowY']): UtilityModifier {\n  return new UtilityModifier({ overflowY: value })\n}\n\n/**\n * Convenience function for overflow-x\n */\nexport function overflowX(value: UtilityOptions['overflowX']): UtilityModifier {\n  return new UtilityModifier({ overflowX: value })\n}\n\n/**\n * Convenience function for position\n */\nexport function position(value: UtilityOptions['position']): UtilityModifier {\n  return new UtilityModifier({ position: value })\n}\n\n/**\n * Convenience function for z-index\n */\nexport function zIndex(value: number): UtilityModifier {\n  return new UtilityModifier({ zIndex: value })\n}\n\n/**\n * Convenience function for display\n */\nexport function display(value: UtilityOptions['display']): UtilityModifier {\n  return new UtilityModifier({ display: value })\n}\n"],"names":["UtilityModifier","BaseModifier","options","resolvedOptions","key","value","__publicField","_node","context","styles","props","utility","cursor","overflowY","overflowX","position","zIndex","display"],"mappings":"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"}

package/dist/modifiers/utils.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../reactive/cleanup.cjs");require("../reactive/unified-scheduler.cjs");const m=require("../reactive/effect.cjs"),d=require("../reactive/signal.cjs");require("../reactive/scheduler.cjs");require("../reactive/theme.cjs");const v=require("./base.cjs");var w=Object.defineProperty,C=(s,i,e)=>i in s?w(s,i,{enumerable:!0,configurable:!0,writable:!0,value:e}):s[i]=e,M=(s,i,e)=>C(s,typeof i!="symbol"?i+"":i,e);const b={isReactive(s){return d.isSignal(s)},resolveValue(s){return d.isSignal(s)?s():s},createReactiveEffect(s,i){if(d.isSignal(s)){const e=m.createEffect(()=>{const n=s();i(n)});return()=>e.dispose()}return null},mergeProperties(s,i){const e={...s};for(const[n,p]of Object.entries(i))p!==void 0&&(e[n]=p);return e},toCamelCase(s){return s.replace(/-([a-z])/g,(i,e)=>e.toUpperCase())},toKebabCase(s){return s.replace(/([A-Z])/g,"-$1").toLowerCase()},normalizeCSSValue(s){return typeof s=="number"?`${s}px`:typeof s=="string"?s:String(s)}};function l(s,i,e){class n extends v.BaseModifier{constructor(){super(...arguments),M(this,"type",s),M(this,"priority",i)}apply(r,t){return e(r,t,this.properties)}}return p=>new n(p)}function S(s,i="combined",e=999){return l(i,e,(n,p,r)=>{let t=n;for(const o of s){const f=o.apply(t,p);f&&typeof f=="object"&&"type"in f&&(t=f)}return t})({})}function E(s,i){return l(`conditional-${i.type}`,i.priority,(e,n,p)=>{if(b.resolveValue(s))return i.apply(e,n);if(d.isSignal(s)){const t=m.createEffect(()=>{const o=s();n.element&&o&&i.apply(e,n)});if(!e.dispose)e.dispose=()=>t.dispose();else{const o=e.dispose;e.dispose=()=>{t.dispose(),o()}}}return e})({})}function _(s,i){return l("state",500,(e,n,p)=>{let r=e;const t=f=>{const a=i[f]||[];for(const y of a){const c=y.apply(r,n);c&&typeof c=="object"&&"type"in c&&(r=c)}};t(s());const o=m.createEffect(()=>{const f=s();t(f)});if(!e.dispose)e.dispose=()=>o.dispose();else{const f=e.dispose;e.dispose=()=>{o.dispose(),f()}}return r})({})}function h(s,i=[]){return l("responsive",100,(e,n,p)=>{let r=e;const t=()=>{const a=window.innerWidth;let y=i;for(const[c,u]of Object.entries(s)){const g=parseInt(c);a>=g&&(y=u)}for(const c of y){const u=c.apply(r,n);u&&typeof u=="object"&&"type"in u&&(r=u)}};t();const o=()=>t();window.addEventListener("resize",o);const f=()=>window.removeEventListener("resize",o);if(!e.dispose)e.dispose=f;else{const a=e.dispose;e.dispose=()=>{f(),a()}}return r})({})}function L(s){return l("class",50,(i,e,n)=>{if(!e.element)return i;const p=r=>{const t=Array.isArray(r)?r:r.split(" ").filter(Boolean);e.element instanceof HTMLElement&&e.element.classList.add(...t)};if(d.isSignal(s)){let r=[];const t=m.createEffect(()=>{const o=s(),f=Array.isArray(o)?o:o.split(" ").filter(Boolean);e.element instanceof HTMLElement&&(e.element.classList.remove(...r),e.element.classList.add(...f),r=f)});if(!i.dispose)i.dispose=()=>t.dispose();else{const o=i.dispose;i.dispose=()=>{t.dispose(),o()}}}else p(s);return i})({})}function A(s){return l("style",200,(i,e,n)=>{if(!e.element)return i;const p=r=>{if(e.element instanceof HTMLElement)for(const[t,o]of Object.entries(r)){const f=b.toKebabCase(t),a=b.normalizeCSSValue(o);e.element.style.setProperty(f,a)}};if(d.isSignal(s)){const r=m.createEffect(()=>{const t=s();p(t)});if(!i.dispose)i.dispose=()=>r.dispose();else{const t=i.dispose;i.dispose=()=>{r.dispose(),t()}}}else p(s);return i})({})}function $(s){return l("event",300,(i,e,n)=>{if(!e.element)return i;const p=[];for(const[t,o]of Object.entries(s))e.element.addEventListener(t,o),p.push(()=>{e.element?.removeEventListener(t,o)});const r=()=>p.forEach(t=>t());if(!i.dispose)i.dispose=r;else{const t=i.dispose;i.dispose=()=>{r(),t()}}return i})({})}exports.classModifier=L;exports.combineModifiers=S;exports.conditionalModifier=E;exports.createCustomModifier=l;exports.eventModifier=$;exports.modifierHelpers=b;exports.responsiveModifier=h;exports.stateModifier=_;exports.styleModifier=A;
-//# sourceMappingURL=utils.cjs.map

package/dist/modifiers/utils.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.cjs","sources":["../../src/modifiers/utils.ts"],"sourcesContent":["/**\n * Modifier Utilities and Helper Functions\n *\n * Utility functions for creating custom modifiers, combining modifiers,\n * and working with the modifier system.\n */\n\nimport { createEffect } from '../reactive'\nimport { isSignal } from '../reactive/signal'\nimport type { Signal } from '../reactive/types'\nimport type { DOMNode } from '../runtime/types'\nimport { BaseModifier } from './base'\nimport type { Modifier, ModifierContext, ModifierFactory, ReactiveModifierProps } from './types'\n\n/**\n * Helper functions for working with modifiers\n */\nexport const modifierHelpers = {\n  /**\n   * Check if a value is a reactive signal\n   */\n  isReactive<T>(value: T | Signal<T>): value is Signal<T> {\n    return isSignal(value)\n  },\n\n  /**\n   * Resolve a potentially reactive value\n   */\n  resolveValue<T>(value: T | Signal<T>): T {\n    return isSignal(value) ? value() : value\n  },\n\n  /**\n   * Create a reactive effect for a value\n   */\n  createReactiveEffect<T>(\n    value: T | Signal<T>,\n    onChange: (newValue: T) => void\n  ): (() => void) | null {\n    if (isSignal(value)) {\n      const effect = createEffect(() => {\n        const newValue = value()\n        onChange(newValue)\n      })\n      return () => effect.dispose()\n    }\n    return null\n  },\n\n  /**\n   * Merge modifier properties\n   */\n  mergeProperties<T extends Record<string, any>>(base: T, override: Partial<T>): T {\n    const result = { ...base }\n\n    for (const [key, value] of Object.entries(override)) {\n      if (value !== undefined) {\n        result[key as keyof T] = value\n      }\n    }\n\n    return result\n  },\n\n  /**\n   * Convert a CSS property name to camelCase\n   */\n  toCamelCase(cssProperty: string): string {\n    return cssProperty.replace(/-([a-z])/g, (_match, letter) => letter.toUpperCase())\n  },\n\n  /**\n   * Convert a camelCase property to CSS kebab-case\n   */\n  toKebabCase(camelProperty: string): string {\n    return camelProperty.replace(/([A-Z])/g, '-$1').toLowerCase()\n  },\n\n  /**\n   * Normalize a CSS value\n   */\n  normalizeCSSValue(value: any): string {\n    if (typeof value === 'number') {\n      return `${value}px`\n    }\n    if (typeof value === 'string') {\n      return value\n    }\n    return String(value)\n  },\n}\n\n/**\n * Create a custom modifier\n */\nexport function createCustomModifier<TProps extends Record<string, any>>(\n  type: string,\n  priority: number,\n  applyFn: (node: DOMNode, context: ModifierContext, props: TProps) => DOMNode | undefined\n): ModifierFactory<TProps> {\n  class CustomModifier extends BaseModifier<TProps> {\n    readonly type = type\n    readonly priority = priority\n\n    apply(node: DOMNode, context: ModifierContext): DOMNode | undefined {\n      return applyFn(node, context, this.properties)\n    }\n  }\n\n  return (props: ReactiveModifierProps<TProps>) => new CustomModifier(props as TProps)\n}\n\n/**\n * Combine multiple modifiers into a single modifier\n */\nexport function combineModifiers(\n  modifiers: Modifier[],\n  type: string = 'combined',\n  priority: number = 999\n): Modifier {\n  return createCustomModifier(type, priority, (node, context, _props) => {\n    let currentNode = node\n\n    // Apply all modifiers in sequence\n    for (const modifier of modifiers) {\n      const result = modifier.apply(currentNode, context)\n      if (result && typeof result === 'object' && 'type' in result) {\n        currentNode = result\n      }\n    }\n\n    return currentNode\n  })({})\n}\n\n/**\n * Create a conditional modifier that only applies if a condition is met\n */\nexport function conditionalModifier(\n  condition: boolean | Signal<boolean>,\n  modifier: Modifier\n): Modifier {\n  return createCustomModifier(\n    `conditional-${modifier.type}`,\n    modifier.priority,\n    (node, context, _props) => {\n      const shouldApply = modifierHelpers.resolveValue(condition)\n\n      if (shouldApply) {\n        return modifier.apply(node, context)\n      }\n\n      // If reactive, set up effect to watch condition changes\n      if (isSignal(condition)) {\n        const effect = createEffect(() => {\n          const newCondition = condition()\n          if (context.element) {\n            if (newCondition) {\n              modifier.apply(node, context)\n            } else {\n              // Remove the modifier's effects\n              // This would need more sophisticated state tracking\n            }\n          }\n        })\n\n        // Store cleanup\n        if (!node.dispose) {\n          node.dispose = () => effect.dispose()\n        } else {\n          const existingDispose = node.dispose\n          node.dispose = () => {\n            effect.dispose()\n            existingDispose()\n          }\n        }\n      }\n\n      return node\n    }\n  )({})\n}\n\n/**\n * Create a modifier that applies different styles based on state\n */\nexport function stateModifier<T extends string>(\n  stateSignal: Signal<T>,\n  stateModifiers: Record<T, Modifier[]>\n): Modifier {\n  return createCustomModifier('state', 500, (node, context, _props) => {\n    let currentNode = node\n\n    const applyStateModifiers = (state: T) => {\n      const modifiers = stateModifiers[state] || []\n\n      for (const modifier of modifiers) {\n        const result = modifier.apply(currentNode, context)\n        if (result && typeof result === 'object' && 'type' in result) {\n          currentNode = result\n        }\n      }\n    }\n\n    // Apply initial state\n    applyStateModifiers(stateSignal())\n\n    // Set up reactive effect\n    const effect = createEffect(() => {\n      const newState = stateSignal()\n      applyStateModifiers(newState)\n    })\n\n    // Store cleanup\n    if (!node.dispose) {\n      node.dispose = () => effect.dispose()\n    } else {\n      const existingDispose = node.dispose\n      node.dispose = () => {\n        effect.dispose()\n        existingDispose()\n      }\n    }\n\n    return currentNode\n  })({})\n}\n\n/**\n * Create a responsive modifier that applies different modifiers based on screen size\n */\nexport function responsiveModifier(\n  breakpoints: Record<string, Modifier[]>,\n  defaultModifiers: Modifier[] = []\n): Modifier {\n  return createCustomModifier('responsive', 100, (node, context, _props) => {\n    let currentNode = node\n\n    const applyResponsiveModifiers = () => {\n      const width = window.innerWidth\n      let modifiersToApply = defaultModifiers\n\n      // Determine which breakpoint applies\n      for (const [breakpoint, modifiers] of Object.entries(breakpoints)) {\n        const breakpointWidth = parseInt(breakpoint)\n        if (width >= breakpointWidth) {\n          modifiersToApply = modifiers\n        }\n      }\n\n      // Apply the modifiers\n      for (const modifier of modifiersToApply) {\n        const result = modifier.apply(currentNode, context)\n        if (result && typeof result === 'object' && 'type' in result) {\n          currentNode = result\n        }\n      }\n    }\n\n    // Apply initial modifiers\n    applyResponsiveModifiers()\n\n    // Set up resize listener\n    const handleResize = () => applyResponsiveModifiers()\n    window.addEventListener('resize', handleResize)\n\n    // Store cleanup\n    const cleanup = () => window.removeEventListener('resize', handleResize)\n    if (!node.dispose) {\n      node.dispose = cleanup\n    } else {\n      const existingDispose = node.dispose\n      node.dispose = () => {\n        cleanup()\n        existingDispose()\n      }\n    }\n\n    return currentNode\n  })({})\n}\n\n/**\n * Create a modifier that applies CSS classes\n */\nexport function classModifier(classes: string | string[] | Signal<string | string[]>): Modifier {\n  return createCustomModifier('class', 50, (node, context, _props) => {\n    if (!context.element) return node\n\n    const applyClasses = (classNames: string | string[]) => {\n      const classList = Array.isArray(classNames)\n        ? classNames\n        : classNames.split(' ').filter(Boolean)\n\n      if (context.element instanceof HTMLElement) {\n        context.element.classList.add(...classList)\n      }\n    }\n\n    if (isSignal(classes)) {\n      // Reactive classes\n      let previousClasses: string[] = []\n\n      const effect = createEffect(() => {\n        const newClasses = classes()\n        const newClassList = Array.isArray(newClasses)\n          ? newClasses\n          : newClasses.split(' ').filter(Boolean)\n\n        if (context.element instanceof HTMLElement) {\n          // Remove previous classes\n          context.element.classList.remove(...previousClasses)\n          // Add new classes\n          context.element.classList.add(...newClassList)\n          previousClasses = newClassList\n        }\n      })\n\n      // Store cleanup\n      if (!node.dispose) {\n        node.dispose = () => effect.dispose()\n      } else {\n        const existingDispose = node.dispose\n        node.dispose = () => {\n          effect.dispose()\n          existingDispose()\n        }\n      }\n    } else {\n      // Static classes\n      applyClasses(classes)\n    }\n\n    return node\n  })({})\n}\n\n/**\n * Create a modifier that applies inline styles\n */\nexport function styleModifier(\n  styles: Record<string, string | number> | Signal<Record<string, string | number>>\n): Modifier {\n  return createCustomModifier('style', 200, (node, context, _props) => {\n    if (!context.element) return node\n\n    const applyStyles = (styleObj: Record<string, string | number>) => {\n      if (context.element instanceof HTMLElement) {\n        for (const [property, value] of Object.entries(styleObj)) {\n          const cssProperty = modifierHelpers.toKebabCase(property)\n          const cssValue = modifierHelpers.normalizeCSSValue(value)\n          context.element.style.setProperty(cssProperty, cssValue)\n        }\n      }\n    }\n\n    if (isSignal(styles)) {\n      // Reactive styles\n      const effect = createEffect(() => {\n        const newStyles = styles()\n        applyStyles(newStyles)\n      })\n\n      // Store cleanup\n      if (!node.dispose) {\n        node.dispose = () => effect.dispose()\n      } else {\n        const existingDispose = node.dispose\n        node.dispose = () => {\n          effect.dispose()\n          existingDispose()\n        }\n      }\n    } else {\n      // Static styles\n      applyStyles(styles)\n    }\n\n    return node\n  })({})\n}\n\n/**\n * Utility to create a modifier that adds event listeners\n */\nexport function eventModifier(events: Record<string, EventListener>): Modifier {\n  return createCustomModifier('event', 300, (node, context, _props) => {\n    if (!context.element) return node\n\n    const cleanupFunctions: (() => void)[] = []\n\n    for (const [eventType, handler] of Object.entries(events)) {\n      context.element.addEventListener(eventType, handler)\n      cleanupFunctions.push(() => {\n        context.element?.removeEventListener(eventType, handler)\n      })\n    }\n\n    // Store cleanup\n    const cleanup = () => cleanupFunctions.forEach((fn) => fn())\n    if (!node.dispose) {\n      node.dispose = cleanup\n    } else {\n      const existingDispose = node.dispose\n      node.dispose = () => {\n        cleanup()\n        existingDispose()\n      }\n    }\n\n    return node\n  })({})\n}\n"],"names":["modifierHelpers","value","isSignal","onChange","effect","createEffect","newValue","base","override","result","key","cssProperty","_match","letter","camelProperty","createCustomModifier","type","priority","applyFn","CustomModifier","BaseModifier","__publicField","node","context","props","combineModifiers","modifiers","_props","currentNode","modifier","conditionalModifier","condition","newCondition","existingDispose","stateModifier","stateSignal","stateModifiers","applyStateModifiers","state","newState","responsiveModifier","breakpoints","defaultModifiers","applyResponsiveModifiers","width","modifiersToApply","breakpoint","breakpointWidth","handleResize","cleanup","classModifier","classes","applyClasses","classNames","classList","previousClasses","newClasses","newClassList","styleModifier","styles","applyStyles","styleObj","property","cssValue","newStyles","eventModifier","events","cleanupFunctions","eventType","handler","fn"],"mappings":"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"}