@tachui/core 0.7.0-alpha1 → 0.7.1-alpha

package/src/modifiers/font.ts

@@ -1,149 +0,0 @@
-/**
- * Font Modifier - SwiftUI-style font configuration
- * 
- * Provides a unified interface for font configuration including
- * font family, size, weight, and style in a single modifier.
- */
-
-import type { FontAsset, FontWeightValue } from '../assets/FontAsset'
-import { TypographyModifier, type FontStyle, type FontWeight } from './typography'
-
-export interface FontOptions {
-  family?: string | FontAsset
-  size?: number | string
-  weight?: FontWeight | FontWeightValue
-  style?: FontStyle
-}
-
-/**
- * SwiftUI-style font modifier for comprehensive font configuration
- * 
- * @example
- * ```typescript
- * // System font with size
- * Text("Hello").modifier.font({ size: 18 })
- * 
- * // Custom font family
- * Text("Hello").modifier.font({ 
- *   family: 'Georgia, serif',
- *   size: 24,
- *   weight: 'bold'
- * })
- * 
- * // With FontAsset
- * import { Assets } from '@tachui/core'
- * Text("Hello").modifier.font({
- *   family: Assets.headingFont,
- *   size: 32,
- *   weight: 700
- * })
- * 
- * // SwiftUI-style presets (future enhancement)
- * Text("Title").modifier.font('.title')
- * Text("Body").modifier.font('.body')
- * ```
- */
-export function font(options: FontOptions | string): TypographyModifier {
-  // Handle preset strings (future enhancement)
-  if (typeof options === 'string') {
-    return handleFontPreset(options)
-  }
-
-  // Convert FontOptions to TypographyOptions
-  return new TypographyModifier({
-    family: options.family,
-    size: options.size,
-    weight: options.weight,
-    style: options.style,
-  })
-}
-
-/**
- * Handle SwiftUI-style font presets
- * This is a placeholder for future enhancement
- */
-function handleFontPreset(preset: string): TypographyModifier {
-  // Map common SwiftUI presets
-  const presets: Record<string, FontOptions> = {
-    '.largeTitle': { size: 34, weight: 400 },
-    '.title': { size: 28, weight: 400 },
-    '.title2': { size: 22, weight: 400 },
-    '.title3': { size: 20, weight: 400 },
-    '.headline': { size: 17, weight: 600 },
-    '.subheadline': { size: 15, weight: 400 },
-    '.body': { size: 17, weight: 400 },
-    '.callout': { size: 16, weight: 400 },
-    '.footnote': { size: 13, weight: 400 },
-    '.caption': { size: 12, weight: 400 },
-    '.caption2': { size: 11, weight: 400 },
-  }
-
-  const presetOptions = presets[preset]
-  if (!presetOptions) {
-    console.warn(`Unknown font preset: ${preset}. Using default body font.`)
-    return new TypographyModifier(presets['.body'])
-  }
-
-  return new TypographyModifier(presetOptions)
-}
-
-/**
- * Create a system font with specific design
- * 
- * @example
- * ```typescript
- * Text("Hello").modifier.system({ size: 18, weight: 'medium', design: 'rounded' })
- * ```
- */
-export function system(options: {
-  size?: number | string
-  weight?: FontWeight | FontWeightValue
-  design?: 'default' | 'serif' | 'rounded' | 'monospaced'
-}): TypographyModifier {
-  let family: string
-  
-  switch (options.design) {
-    case 'serif':
-      family = 'ui-serif, Georgia, serif'
-      break
-    case 'rounded':
-      family = 'ui-rounded, system-ui, -apple-system, sans-serif'
-      break
-    case 'monospaced':
-      family = 'ui-monospace, SFMono-Regular, Consolas, monospace'
-      break
-    default:
-      family = 'system-ui, -apple-system, BlinkMacSystemFont, sans-serif'
-  }
-
-  return new TypographyModifier({
-    family,
-    size: options.size,
-    weight: options.weight,
-  })
-}
-
-/**
- * Create a custom font configuration
- * 
- * @example
- * ```typescript
- * const myFont = custom('Avenir Next', { size: 18, weight: 500 })
- * Text("Hello").modifier.apply(myFont)
- * ```
- */
-export function custom(
-  family: string | FontAsset,
-  options?: {
-    size?: number | string
-    weight?: FontWeight | FontWeightValue
-    style?: FontStyle
-  }
-): TypographyModifier {
-  return new TypographyModifier({
-    family,
-    size: options?.size,
-    weight: options?.weight,
-    style: options?.style,
-  })
-}

package/src/modifiers/grid.ts

@@ -1,238 +0,0 @@
-/**
- * Grid Layout Modifiers (Phase 3)
- * 
- * SwiftUI-equivalent grid modifiers for spanning, positioning, and alignment.
- * Provides comprehensive grid item control with CSS Grid integration.
- */
-
-import { BaseModifier } from './base'
-import type { ModifierContext } from './types'
-import type { DOMNode } from '../runtime/types'
-import type { GridSpanConfig } from '../components/Grid'
-
-/**
- * Grid column span modifier (equivalent to SwiftUI's gridCellColumns)
- */
-export class GridColumnSpanModifier extends BaseModifier<{ span: number; start?: number }> {
-  readonly type = 'grid-column-span'
-  readonly priority = 200
-
-  constructor(span: number, start?: number) {
-    super({ span, start })
-  }
-
-  apply(node: DOMNode, context: ModifierContext): DOMNode | undefined {
-    const element = context.element || node.element
-    if (!element) {
-      return undefined
-    }
-
-    const { span, start } = this.properties
-    
-    if (start !== undefined) {
-      (element as any).style.gridColumn = `${start} / span ${span}`
-    } else {
-      (element as any).style.gridColumn = `span ${span}`
-    }
-
-    return undefined
-  }
-}
-
-/**
- * Grid row span modifier (equivalent to SwiftUI's gridCellRows)
- */
-export class GridRowSpanModifier extends BaseModifier<{ span: number; start?: number }> {
-  readonly type = 'grid-row-span'
-  readonly priority = 200
-
-  constructor(span: number, start?: number) {
-    super({ span, start })
-  }
-
-  apply(node: DOMNode, context: ModifierContext): DOMNode | undefined {
-    const element = context.element || node.element
-    if (!element) {
-      return undefined
-    }
-
-    const { span, start } = this.properties
-    
-    if (start !== undefined) {
-      (element as any).style.gridRow = `${start} / span ${span}`
-    } else {
-      (element as any).style.gridRow = `span ${span}`
-    }
-
-    return undefined
-  }
-}
-
-/**
- * Grid area modifier for named grid areas
- */
-export class GridAreaModifier extends BaseModifier<{ area: string }> {
-  readonly type = 'grid-area'
-  readonly priority = 200
-
-  constructor(area: string) {
-    super({ area })
-  }
-
-  apply(node: DOMNode, context: ModifierContext): DOMNode | undefined {
-    const element = context.element || node.element
-    if (!element) {
-      return undefined
-    }
-
-    (element as any).style.gridArea = this.properties.area
-
-    return undefined
-  }
-}
-
-/**
- * Grid cell alignment modifier (equivalent to SwiftUI's gridCellAnchor)
- */
-export class GridCellAlignmentModifier extends BaseModifier<{ 
-  justifySelf?: 'start' | 'center' | 'end' | 'stretch'
-  alignSelf?: 'start' | 'center' | 'end' | 'stretch' 
-}> {
-  readonly type = 'grid-cell-alignment'
-  readonly priority = 200
-
-  constructor(alignment: 'start' | 'center' | 'end' | 'stretch', axis?: 'horizontal' | 'vertical' | 'both') {
-    const config: { 
-      justifySelf?: 'start' | 'center' | 'end' | 'stretch'
-      alignSelf?: 'start' | 'center' | 'end' | 'stretch'
-    } = {}
-    
-    if (axis === 'horizontal' || axis === 'both' || axis === undefined) {
-      config.justifySelf = alignment
-    }
-    if (axis === 'vertical' || axis === 'both' || axis === undefined) {
-      config.alignSelf = alignment
-    }
-    
-    super(config)
-  }
-
-  apply(node: DOMNode, context: ModifierContext): DOMNode | undefined {
-    const element = context.element || node.element
-    if (!element) {
-      return undefined
-    }
-
-    const { justifySelf, alignSelf } = this.properties
-    
-    if (justifySelf) {
-      (element as any).style.justifySelf = justifySelf
-    }
-    if (alignSelf) {
-      (element as any).style.alignSelf = alignSelf
-    }
-
-    return undefined
-  }
-}
-
-/**
- * Comprehensive grid item configuration modifier
- */
-export class GridItemConfigModifier extends BaseModifier<GridSpanConfig> {
-  readonly type = 'grid-item-config'
-  readonly priority = 200
-
-
-  apply(node: DOMNode, context: ModifierContext): DOMNode | undefined {
-    const element = context.element || node.element
-    if (!element) {
-      return undefined
-    }
-
-    const { columnSpan, rowSpan, columnStart, rowStart, area, alignment } = this.properties
-    const elementStyle = (element as any).style
-
-    // Apply column spanning
-    if (columnSpan !== undefined) {
-      if (columnStart !== undefined) {
-        elementStyle.gridColumn = `${columnStart} / span ${columnSpan}`
-      } else {
-        elementStyle.gridColumn = `span ${columnSpan}`
-      }
-    } else if (columnStart !== undefined) {
-      elementStyle.gridColumnStart = columnStart.toString()
-    }
-
-    // Apply row spanning
-    if (rowSpan !== undefined) {
-      if (rowStart !== undefined) {
-        elementStyle.gridRow = `${rowStart} / span ${rowSpan}`
-      } else {
-        elementStyle.gridRow = `span ${rowSpan}`
-      }
-    } else if (rowStart !== undefined) {
-      elementStyle.gridRowStart = rowStart.toString()
-    }
-
-    // Apply grid area
-    if (area) {
-      elementStyle.gridArea = area
-    }
-
-    // Apply alignment
-    if (alignment) {
-      elementStyle.justifySelf = alignment
-      elementStyle.alignSelf = alignment
-    }
-
-    return undefined
-  }
-}
-
-/**
- * SwiftUI-style modifier factory functions
- */
-
-/**
- * Span multiple columns (.gridCellColumns equivalent)
- */
-export function gridColumnSpan(span: number, start?: number): GridColumnSpanModifier {
-  return new GridColumnSpanModifier(span, start)
-}
-
-/**
- * Span multiple rows (.gridCellRows equivalent)
- */
-export function gridRowSpan(span: number, start?: number): GridRowSpanModifier {
-  return new GridRowSpanModifier(span, start)
-}
-
-/**
- * Place item in named grid area
- */
-export function gridArea(area: string): GridAreaModifier {
-  return new GridAreaModifier(area)
-}
-
-/**
- * Align grid item within its cell (.gridCellAnchor equivalent)
- */
-export function gridCellAlignment(
-  alignment: 'start' | 'center' | 'end' | 'stretch',
-  axis?: 'horizontal' | 'vertical' | 'both'
-): GridCellAlignmentModifier {
-  return new GridCellAlignmentModifier(alignment, axis)
-}
-
-/**
- * Comprehensive grid item configuration
- */
-export function gridItemConfig(config: GridSpanConfig): GridItemConfigModifier {
-  return new GridItemConfigModifier(config)
-}
-
-// SwiftUI naming compatibility aliases
-export const gridCellColumns = gridColumnSpan
-export const gridCellRows = gridRowSpan
-export const gridCellAnchor = gridCellAlignment