@tachui/core 0.7.1-alpha → 0.8.1-alpha

package/dist/modifiers/elements.d.ts

@@ -1,240 +0,0 @@
-/**
- * Pseudo-element Modifiers - ::before and ::after styling
- *
- * Provides comprehensive pseudo-element support for ::before and ::after
- * with dynamic stylesheet generation and flexible styling options.
- */
-import type { DOMNode } from '../runtime/types';
-import { BaseModifier } from './base';
-import type { ModifierContext, ReactiveModifierProps } from './types';
-export interface PseudoElementStyles {
-    content?: string;
-    position?: 'static' | 'relative' | 'absolute' | 'fixed' | 'sticky';
-    top?: number | string;
-    right?: number | string;
-    bottom?: number | string;
-    left?: number | string;
-    width?: number | string;
-    height?: number | string;
-    backgroundColor?: string;
-    color?: string;
-    fontSize?: number | string;
-    fontWeight?: string | number;
-    fontFamily?: string;
-    lineHeight?: number | string;
-    textAlign?: 'left' | 'center' | 'right' | 'justify';
-    margin?: number | string;
-    marginTop?: number | string;
-    marginRight?: number | string;
-    marginBottom?: number | string;
-    marginLeft?: number | string;
-    padding?: number | string;
-    paddingTop?: number | string;
-    paddingRight?: number | string;
-    paddingBottom?: number | string;
-    paddingLeft?: number | string;
-    border?: string;
-    borderTop?: string;
-    borderRight?: string;
-    borderBottom?: string;
-    borderLeft?: string;
-    borderRadius?: number | string;
-    borderWidth?: number | string;
-    borderStyle?: string;
-    borderColor?: string;
-    boxShadow?: string;
-    textShadow?: string;
-    opacity?: number;
-    transform?: string;
-    transformOrigin?: string;
-    zIndex?: number;
-    display?: string;
-    flexDirection?: string;
-    flexWrap?: string;
-    alignItems?: string;
-    justifyContent?: string;
-    alignSelf?: string;
-    flex?: string;
-    flexGrow?: number;
-    flexShrink?: number;
-    flexBasis?: string;
-    order?: number;
-    overflow?: 'visible' | 'hidden' | 'scroll' | 'auto';
-    overflowX?: 'visible' | 'hidden' | 'scroll' | 'auto';
-    overflowY?: 'visible' | 'hidden' | 'scroll' | 'auto';
-    whiteSpace?: 'normal' | 'nowrap' | 'pre' | 'pre-wrap' | 'pre-line';
-    textOverflow?: 'clip' | 'ellipsis';
-    cursor?: string;
-    pointerEvents?: 'auto' | 'none';
-    visibility?: 'visible' | 'hidden';
-    backgroundImage?: string;
-    backgroundSize?: string;
-    backgroundPosition?: string;
-    backgroundRepeat?: string;
-    filter?: string;
-    backdropFilter?: string;
-    transition?: string;
-    animation?: string;
-    [key: string]: any;
-}
-export interface PseudoElementOptions {
-    before?: PseudoElementStyles;
-    after?: PseudoElementStyles;
-}
-export type ReactivePseudoElementOptions = ReactiveModifierProps<PseudoElementOptions>;
-export declare class PseudoElementModifier extends BaseModifier<PseudoElementOptions> {
-    readonly type = "pseudoElement";
-    readonly priority = 50;
-    private static styleSheetId;
-    private static elementCount;
-    constructor(options: ReactivePseudoElementOptions);
-    apply(_node: DOMNode, context: ModifierContext): DOMNode | undefined;
-    private addPseudoElementRule;
-    private generatePseudoElementCSS;
-    private formatCSSValue;
-    private getOrCreateStyleSheet;
-}
-/**
- * ::before pseudo-element modifier
- *
- * @example
- * ```typescript
- * .before({
- *   content: '★',
- *   position: 'absolute',
- *   left: -20,
- *   color: '#ffd700'
- * })
- * ```
- */
-export declare function before(styles: PseudoElementStyles): PseudoElementModifier;
-/**
- * ::after pseudo-element modifier
- *
- * @example
- * ```typescript
- * .after({
- *   content: '',
- *   position: 'absolute',
- *   bottom: 0,
- *   left: 0,
- *   right: 0,
- *   height: 2,
- *   backgroundColor: '#007AFF'
- * })
- * ```
- */
-export declare function after(styles: PseudoElementStyles): PseudoElementModifier;
-/**
- * Both ::before and ::after pseudo-elements
- *
- * @example
- * ```typescript
- * .pseudoElements({
- *   before: { content: '"', fontSize: 24, color: '#666' },
- *   after: { content: '"', fontSize: 24, color: '#666' }
- * })
- * ```
- */
-export declare function pseudoElements(options: PseudoElementOptions): PseudoElementModifier;
-/**
- * Icon before content using a Unicode character
- *
- * @example
- * ```typescript
- * .iconBefore('★', { color: '#ffd700', marginRight: 8 })
- * .iconBefore('→', { color: '#007AFF' })
- * ```
- */
-export declare function iconBefore(icon: string, styles?: Omit<PseudoElementStyles, 'content'>): PseudoElementModifier;
-/**
- * Icon after content using a Unicode character
- *
- * @example
- * ```typescript
- * .iconAfter('→', { color: '#007AFF', marginLeft: 8 })
- * .iconAfter('✓', { color: '#34c759' })
- * ```
- */
-export declare function iconAfter(icon: string, styles?: Omit<PseudoElementStyles, 'content'>): PseudoElementModifier;
-/**
- * Decorative line before content
- *
- * @example
- * ```typescript
- * .lineBefore()                    // Default line
- * .lineBefore('#007AFF', 2, 20)    // Blue line, 2px thick, 20px long
- * ```
- */
-export declare function lineBefore(color?: string, thickness?: number, length?: number): PseudoElementModifier;
-/**
- * Decorative line after content
- *
- * @example
- * ```typescript
- * .lineAfter()                     // Default line
- * .lineAfter('#007AFF', 2, 20)     // Blue line, 2px thick, 20px long
- * ```
- */
-export declare function lineAfter(color?: string, thickness?: number, length?: number): PseudoElementModifier;
-/**
- * Quote marks around content
- *
- * @example
- * ```typescript
- * .quotes()                        // Default quotes (" ")
- * .quotes('«', '»')               // Custom quote characters
- * ```
- */
-export declare function quotes(openQuote?: string, closeQuote?: string): PseudoElementModifier;
-/**
- * Underline decoration using ::after
- *
- * @example
- * ```typescript
- * .underline()                     // Default underline
- * .underline('#007AFF', 2, 0.2)    // Blue underline, 2px thick, 20% opacity
- * ```
- */
-export declare function underline(color?: string, thickness?: number, opacity?: number): PseudoElementModifier;
-/**
- * Badge or notification dot using ::after
- *
- * @example
- * ```typescript
- * .badge()                         // Default red dot
- * .badge('#007AFF', 8, '2')        // Blue badge with "2" text
- * ```
- */
-export declare function badge(color?: string, size?: number, text?: string): PseudoElementModifier;
-/**
- * Tooltip using ::before with positioning
- *
- * @example
- * ```typescript
- * .tooltip('This is a tooltip')
- * .tooltip('Custom tooltip', 'bottom', '#333')
- * ```
- */
-export declare function tooltip(text: string, position?: 'top' | 'bottom' | 'left' | 'right', backgroundColor?: string, textColor?: string): PseudoElementModifier;
-/**
- * Corner ribbon using ::before
- *
- * @example
- * ```typescript
- * .cornerRibbon('New!')            // Default red ribbon
- * .cornerRibbon('Sale', '#ff9500') // Orange sale ribbon
- * ```
- */
-export declare function cornerRibbon(text: string, color?: string, textColor?: string): PseudoElementModifier;
-/**
- * Loading spinner using ::before with animation
- *
- * @example
- * ```typescript
- * .spinner()                       // Default spinner
- * .spinner(16, '#007AFF', 2)       // Custom size, color, border width
- * ```
- */
-export declare function spinner(size?: number, color?: string, borderWidth?: number): PseudoElementModifier;
-//# sourceMappingURL=elements.d.ts.map

package/dist/modifiers/elements.d.ts.map

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

package/dist/modifiers/filters.d.ts

@@ -1,275 +0,0 @@
-/**
- * Filter Modifiers - CSS filter effects system
- *
- * Provides comprehensive CSS filter capabilities including blur, brightness,
- * contrast, saturation, and other visual effects for enhanced styling.
- */
-import type { DOMNode } from '../runtime/types';
-import { BaseModifier } from './base';
-import type { ModifierContext, ReactiveModifierProps } from './types';
-export interface FilterConfig {
-    blur?: number;
-    brightness?: number;
-    contrast?: number;
-    saturate?: number;
-    sepia?: number;
-    hueRotate?: string;
-    invert?: number;
-    opacity?: number;
-    dropShadow?: string;
-    grayscale?: number;
-}
-export interface FilterOptions {
-    filter?: FilterConfig | string;
-}
-export type ReactiveFilterOptions = ReactiveModifierProps<FilterOptions>;
-export declare class FilterModifier extends BaseModifier<FilterOptions> {
-    readonly type = "filter";
-    readonly priority = 30;
-    constructor(options: ReactiveFilterOptions);
-    apply(_node: DOMNode, context: ModifierContext): DOMNode | undefined;
-    private computeFilterStyles;
-    private generateFilterCSS;
-}
-/**
- * General filter modifier with flexible configuration
- *
- * @example
- * ```typescript
- * .filter({ blur: 5, brightness: 1.2, contrast: 1.1 })
- * .filter('blur(3px) sepia(0.8)')  // Direct CSS filter string
- * ```
- */
-export declare function filter(config: FilterConfig | string): FilterModifier;
-/**
- * Blur filter effect
- *
- * @example
- * ```typescript
- * .blur(5)      // 5px blur
- * .blur(0.5)    // Subtle 0.5px blur
- * .blur(10)     // Heavy 10px blur
- * ```
- */
-export declare function blur(radius: number): FilterModifier;
-/**
- * Brightness adjustment filter
- *
- * @example
- * ```typescript
- * .brightness(1.2)    // 20% brighter
- * .brightness(0.8)    // 20% darker
- * .brightness(2.0)    // Double brightness
- * ```
- */
-export declare function brightness(value: number): FilterModifier;
-/**
- * Contrast adjustment filter
- *
- * @example
- * ```typescript
- * .contrast(1.5)     // 50% more contrast
- * .contrast(0.7)     // 30% less contrast
- * .contrast(2.0)     // Double contrast
- * ```
- */
-export declare function contrast(value: number): FilterModifier;
-/**
- * Saturation adjustment filter
- *
- * @example
- * ```typescript
- * .saturate(1.5)     // 50% more saturated
- * .saturate(0.5)     // 50% less saturated
- * .saturate(0)       // Completely desaturated (grayscale)
- * .saturate(2.0)     // Double saturation
- * ```
- */
-export declare function saturate(value: number): FilterModifier;
-/**
- * Grayscale filter effect
- *
- * @example
- * ```typescript
- * .grayscale(1)      // Full grayscale
- * .grayscale(0.5)    // 50% grayscale
- * .grayscale(0)      // No grayscale (full color)
- * ```
- */
-export declare function grayscale(value: number): FilterModifier;
-/**
- * Sepia filter effect for vintage look
- *
- * @example
- * ```typescript
- * .sepia(1)        // Full sepia effect
- * .sepia(0.6)      // 60% sepia effect
- * .sepia(0)        // No sepia effect
- * ```
- */
-export declare function sepia(value: number): FilterModifier;
-/**
- * Hue rotation filter effect
- *
- * @example
- * ```typescript
- * .hueRotate('90deg')     // Rotate hue by 90 degrees
- * .hueRotate('0.25turn')  // Quarter turn hue rotation
- * .hueRotate('180deg')    // Half rotation (complementary colors)
- * ```
- */
-export declare function hueRotate(angle: string): FilterModifier;
-/**
- * Invert colors filter
- *
- * @example
- * ```typescript
- * .invert(1)       // Full color inversion
- * .invert(0.5)     // 50% color inversion
- * .invert(0)       // No inversion (normal colors)
- * ```
- */
-export declare function invert(value: number): FilterModifier;
-/**
- * Drop shadow filter (alternative to box-shadow)
- *
- * @example
- * ```typescript
- * .dropShadow('2px 2px 4px rgba(0,0,0,0.3)')
- * .dropShadow('0 4px 8px #000')
- * .dropShadow('inset 0 0 10px rgba(255,255,255,0.5)')
- * ```
- */
-export declare function dropShadow(shadow: string): FilterModifier;
-/**
- * Vintage photo effect - sepia + contrast + slight blur
- *
- * @example
- * ```typescript
- * .vintagePhoto()           // Default vintage effect
- * .vintagePhoto(0.8, 1.2)   // Custom sepia and contrast
- * ```
- */
-export declare function vintagePhoto(sepiaAmount?: number, contrastAmount?: number): FilterModifier;
-/**
- * High contrast black and white effect
- *
- * @example
- * ```typescript
- * .blackAndWhite()          // Full grayscale with high contrast
- * .blackAndWhite(1.5)       // Custom contrast level
- * ```
- */
-export declare function blackAndWhite(contrastAmount?: number): FilterModifier;
-/**
- * Vibrant color enhancement
- *
- * @example
- * ```typescript
- * .vibrant()               // Enhanced saturation and contrast
- * .vibrant(1.4, 1.1)       // Custom saturation and contrast
- * ```
- */
-export declare function vibrant(saturationAmount?: number, contrastAmount?: number): FilterModifier;
-/**
- * Warm color temperature effect
- *
- * @example
- * ```typescript
- * .warmTone()              // Warm hue shift with brightness
- * .warmTone('15deg')       // Custom hue rotation
- * ```
- */
-export declare function warmTone(hueShift?: string): FilterModifier;
-/**
- * Cool color temperature effect
- *
- * @example
- * ```typescript
- * .coolTone()              // Cool hue shift
- * .coolTone('-20deg')      // Custom hue rotation
- * ```
- */
-export declare function coolTone(hueShift?: string): FilterModifier;
-/**
- * Faded/washed out effect
- *
- * @example
- * ```typescript
- * .faded()                 // Reduced contrast and saturation
- * .faded(0.8, 0.7)         // Custom contrast and saturation
- * ```
- */
-export declare function faded(contrastAmount?: number, saturationAmount?: number): FilterModifier;
-/**
- * High-key photography effect - bright and airy
- *
- * @example
- * ```typescript
- * .highKey()               // Bright, airy effect
- * .highKey(1.3, 0.9)       // Custom brightness and contrast
- * ```
- */
-export declare function highKey(brightnessAmount?: number, contrastAmount?: number): FilterModifier;
-/**
- * Low-key photography effect - dark and moody
- *
- * @example
- * ```typescript
- * .lowKey()                // Dark, moody effect
- * .lowKey(0.8, 1.4)        // Custom brightness and contrast
- * ```
- */
-export declare function lowKey(brightnessAmount?: number, contrastAmount?: number): FilterModifier;
-/**
- * Soft focus effect - subtle blur with brightness
- *
- * @example
- * ```typescript
- * .softFocus()             // Subtle blur with glow effect
- * .softFocus(1.5)          // Custom blur amount
- * ```
- */
-export declare function softFocus(blurAmount?: number): FilterModifier;
-/**
- * High contrast mode for accessibility
- */
-export declare function highContrastMode(): FilterModifier;
-/**
- * Reduced motion safe blur (very subtle)
- */
-export declare function subtleBlur(): FilterModifier;
-/**
- * Dark mode invert filter
- */
-export declare function darkModeInvert(): FilterModifier;
-/**
- * SwiftUI-compatible colorInvert modifier (full color inversion)
- *
- * @example
- * ```typescript
- * .colorInvert()   // Full color inversion (equivalent to .invert(1))
- * ```
- */
-export declare function colorInvert(): FilterModifier;
-/**
- * SwiftUI-compatible saturation modifier (alias for saturate)
- *
- * @example
- * ```typescript
- * .saturation(1.5)   // 50% more saturated
- * .saturation(0)     // Completely desaturated (grayscale)
- * ```
- */
-export declare function saturation(amount: number): FilterModifier;
-/**
- * SwiftUI-compatible hueRotation modifier (alias for hueRotate)
- *
- * @example
- * ```typescript
- * .hueRotation('90deg')     // Rotate hue by 90 degrees
- * .hueRotation('0.25turn')  // Quarter turn hue rotation
- * ```
- */
-export declare function hueRotation(angle: string): FilterModifier;
-//# sourceMappingURL=filters.d.ts.map

package/dist/modifiers/filters.d.ts.map

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

package/dist/modifiers/flexbox.d.ts

@@ -1,82 +0,0 @@
-/**
- * Flexbox Modifier - comprehensive flexbox layout properties
- *
- * Provides a unified interface for flexbox properties
- * including flex-grow, justify-content, align-items, etc.
- */
-import type { DOMNode } from '../runtime/types';
-import { BaseModifier } from './base';
-import type { ModifierContext, ReactiveModifierProps } from './types';
-export interface FlexboxOptions {
-    flexGrow?: number;
-    flexShrink?: number;
-    flexBasis?: number | string;
-    flex?: string;
-    justifyContent?: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
-    alignItems?: 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline';
-    alignSelf?: 'auto' | 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline';
-    flexDirection?: 'row' | 'row-reverse' | 'column' | 'column-reverse';
-    flexWrap?: 'nowrap' | 'wrap' | 'wrap-reverse';
-    alignContent?: 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'space-between' | 'space-around';
-    gap?: number | string;
-    rowGap?: number | string;
-    columnGap?: number | string;
-}
-export type ReactiveFlexboxOptions = ReactiveModifierProps<FlexboxOptions>;
-export declare class FlexboxModifier extends BaseModifier<FlexboxOptions> {
-    readonly type = "flexbox";
-    readonly priority = 60;
-    constructor(options: ReactiveFlexboxOptions);
-    apply(_node: DOMNode, context: ModifierContext): DOMNode | undefined;
-    private computeFlexboxStyles;
-}
-/**
- * Create a flexbox modifier with comprehensive flexbox properties
- *
- * @example
- * ```typescript
- * // Complete flexbox layout
- * .flexbox({
- *   flexGrow: 1,
- *   justifyContent: 'center',
- *   alignItems: 'stretch',
- *   gap: 16
- * })
- *
- * // Simple flex grow
- * .flexGrow(1)
- *
- * // Justify content
- * .justifyContent('space-between')
- * ```
- */
-export declare function flexbox(options: ReactiveFlexboxOptions): FlexboxModifier;
-/**
- * Convenience function for flex-grow
- */
-export declare function flexGrow(value: number): FlexboxModifier;
-/**
- * Convenience function for flex-shrink
- */
-export declare function flexShrink(value: number): FlexboxModifier;
-/**
- * Convenience function for justify-content
- */
-export declare function justifyContent(value: FlexboxOptions['justifyContent']): FlexboxModifier;
-/**
- * Convenience function for align-items
- */
-export declare function alignItems(value: FlexboxOptions['alignItems']): FlexboxModifier;
-/**
- * Convenience function for gap
- */
-export declare function gap(value: number | string): FlexboxModifier;
-/**
- * Convenience function for flex-direction
- */
-export declare function flexDirection(value: FlexboxOptions['flexDirection']): FlexboxModifier;
-/**
- * Convenience function for flex-wrap
- */
-export declare function flexWrap(value: FlexboxOptions['flexWrap']): FlexboxModifier;
-//# sourceMappingURL=flexbox.d.ts.map

package/dist/modifiers/flexbox.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"flexbox.d.ts","sourceRoot":"","sources":["../../src/modifiers/flexbox.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAA;AACrC,OAAO,KAAK,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAErE,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,cAAc,CAAC,EACX,YAAY,GACZ,UAAU,GACV,QAAQ,GACR,eAAe,GACf,cAAc,GACd,cAAc,CAAA;IAClB,UAAU,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,QAAQ,GAAG,SAAS,GAAG,UAAU,CAAA;IAC1E,SAAS,CAAC,EAAE,MAAM,GAAG,YAAY,GAAG,UAAU,GAAG,QAAQ,GAAG,SAAS,GAAG,UAAU,CAAA;IAClF,aAAa,CAAC,EAAE,KAAK,GAAG,aAAa,GAAG,QAAQ,GAAG,gBAAgB,CAAA;IACnE,QAAQ,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,cAAc,CAAA;IAC7C,YAAY,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,QAAQ,GAAG,SAAS,GAAG,eAAe,GAAG,cAAc,CAAA;IAClG,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACrB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CAC5B;AAED,MAAM,MAAM,sBAAsB,GAAG,qBAAqB,CAAC,cAAc,CAAC,CAAA;AAE1E,qBAAa,eAAgB,SAAQ,YAAY,CAAC,cAAc,CAAC;IAC/D,QAAQ,CAAC,IAAI,aAAY;IACzB,QAAQ,CAAC,QAAQ,MAAK;gBAEV,OAAO,EAAE,sBAAsB;IAa3C,KAAK,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,eAAe,GAAG,OAAO,GAAG,SAAS;IASpE,OAAO,CAAC,oBAAoB;CA6C7B;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,OAAO,CAAC,OAAO,EAAE,sBAAsB,GAAG,eAAe,CAExE;AAED;;GAEG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,eAAe,CAEvD;AAED;;GAEG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,eAAe,CAEzD;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,cAAc,CAAC,gBAAgB,CAAC,GAAG,eAAe,CAEvF;AAED;;GAEG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,cAAc,CAAC,YAAY,CAAC,GAAG,eAAe,CAE/E;AAED;;GAEG;AACH,wBAAgB,GAAG,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,eAAe,CAE3D;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,cAAc,CAAC,eAAe,CAAC,GAAG,eAAe,CAErF;AAED;;GAEG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,cAAc,CAAC,UAAU,CAAC,GAAG,eAAe,CAE3E"}

package/dist/modifiers/font.d.ts

@@ -1,71 +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 declare function font(options: FontOptions | string): TypographyModifier;
-/**
- * Create a system font with specific design
- *
- * @example
- * ```typescript
- * Text("Hello").modifier.system({ size: 18, weight: 'medium', design: 'rounded' })
- * ```
- */
-export declare function system(options: {
-    size?: number | string;
-    weight?: FontWeight | FontWeightValue;
-    design?: 'default' | 'serif' | 'rounded' | 'monospaced';
-}): TypographyModifier;
-/**
- * Create a custom font configuration
- *
- * @example
- * ```typescript
- * const myFont = custom('Avenir Next', { size: 18, weight: 500 })
- * Text("Hello").modifier.apply(myFont)
- * ```
- */
-export declare function custom(family: string | FontAsset, options?: {
-    size?: number | string;
-    weight?: FontWeight | FontWeightValue;
-    style?: FontStyle;
-}): TypographyModifier;
-//# sourceMappingURL=font.d.ts.map