@tachui/core 0.7.1-alpha → 0.8.0-alpha

package/dist/modifiers/presets.d.ts

@@ -0,0 +1,368 @@
+/**
+ * Pre-built SwiftUI-Style Modifiers
+ *
+ * Ready-to-use modifier implementations that mirror SwiftUI's modifier API.
+ * These provide the core building blocks for layout, appearance, interaction,
+ * animation, and lifecycle management.
+ */
+import type { Asset } from '../assets/Asset';
+import type { Signal } from '../reactive/types';
+import type { Dimension } from '../constants/layout';
+import type { GradientDefinition } from '../gradients/types';
+import type { AnimationModifierProps, AppearanceModifierProps, LayoutModifierProps, Modifier } from './types';
+/**
+ * Layout Modifiers
+ */
+export declare const layoutModifiers: {
+    /**
+     * Set foreground (text) color
+     */
+    foregroundColor(color: string | Signal<string> | any): Modifier;
+    /**
+     * Set frame dimensions with support for infinity
+     */
+    frame(width?: Dimension, height?: Dimension, options?: Omit<LayoutModifierProps["frame"], "width" | "height">): Modifier;
+    /**
+     * Set padding on all sides
+     */
+    padding(value: number): Modifier;
+    /**
+     * Set margin on all sides
+     */
+    margin(value: number): Modifier;
+    /**
+     * Set content alignment
+     */
+    alignment(value: LayoutModifierProps["alignment"]): Modifier;
+    /**
+     * Set layout priority for ZStack container sizing and flexible layout
+     * Higher priority views determine container size in ZStack
+     */
+    layoutPriority(priority: number | Signal<number>): Modifier;
+};
+/**
+ * Appearance Modifiers
+ */
+export declare const appearanceModifiers: {
+    /**
+     * Set foreground (text) color
+     */
+    foregroundColor(color: string | Asset | Signal<string>): Modifier;
+    /**
+     * Set background color
+     */
+    backgroundColor(color: string | Asset | Signal<string>): Modifier;
+    /**
+     * Set background (supports gradients)
+     */
+    background(value: string | GradientDefinition | Asset): Modifier;
+    /**
+     * Set font properties
+     */
+    font(options: AppearanceModifierProps["font"]): Modifier;
+    /**
+     * Set font size
+     */
+    fontSize(size: number | string): Modifier;
+    /**
+     * Set font weight
+     */
+    fontWeight(weight: NonNullable<AppearanceModifierProps["font"]>["weight"]): Modifier;
+    /**
+     * Set font family
+     */
+    fontFamily(family: string): Modifier;
+    /**
+     * Set opacity
+     */
+    opacity(value: number | Signal<number>): Modifier;
+    /**
+     * Set corner radius (enhanced)
+     */
+    cornerRadius(radius: number | Signal<number>): Modifier;
+    /**
+     * Set border
+     */
+    border(width: number, color?: string | Asset, style?: "solid" | "dashed" | "dotted"): Modifier;
+    /**
+     * Set detailed border properties
+     */
+    borderDetailed(options: AppearanceModifierProps["border"]): Modifier;
+};
+/**
+ * Interaction Modifiers
+ */
+export declare const interactionModifiers: {
+    /**
+     * Add tap handler
+     */
+    onTap(handler: (event: MouseEvent) => void): Modifier;
+    /**
+     * Add hover handler
+     */
+    onHover(handler: (isHovered: boolean) => void): Modifier;
+    /**
+     * Add focus handler
+     */
+    onFocus(handler: (isFocused: boolean) => void): Modifier;
+    /**
+     * Set disabled state
+     */
+    disabled(isDisabled?: boolean | Signal<boolean>): Modifier;
+    /**
+     * Set accessibility label
+     */
+    accessibilityLabel(label: string): Modifier;
+    /**
+     * Set accessibility hint
+     */
+    accessibilityHint(hint: string): Modifier;
+};
+/**
+ * Animation Modifiers
+ */
+export declare const animationModifiers: {
+    /**
+     * Add transition
+     */
+    transition(property?: string, duration?: number, easing?: string, delay?: number): Modifier;
+    /**
+     * Add detailed transition
+     */
+    transitionDetailed(options: AnimationModifierProps["transition"]): Modifier;
+    /**
+     * Add animation
+     */
+    animation(options: AnimationModifierProps["animation"]): Modifier;
+    /**
+     * Add fade in animation
+     */
+    fadeIn(duration?: number): Modifier;
+    /**
+     * Add fade out animation
+     */
+    fadeOut(duration?: number): Modifier;
+    /**
+     * Add slide in animation
+     */
+    slideIn(direction?: "up" | "down" | "left" | "right", duration?: number, distance?: number): Modifier;
+    /**
+     * Add scale animation
+     */
+    scaleAnimation(from?: number, to?: number, duration?: number): Modifier;
+};
+/**
+ * Lifecycle Modifiers
+ */
+export declare const lifecycleModifiers: {
+    /**
+     * Execute handler when component appears in viewport
+     */
+    onAppear(handler: () => void): Modifier;
+    /**
+     * Execute handler when component disappears from viewport
+     */
+    onDisappear(handler: () => void): Modifier;
+    /**
+     * Execute async task with automatic cancellation on component unmount
+     */
+    task(operation: () => Promise<void> | void, options?: {
+        id?: string;
+        priority?: "background" | "userInitiated" | "utility" | "default";
+    }): Modifier;
+    /**
+     * Add pull-to-refresh functionality
+     */
+    refreshable(onRefresh: () => Promise<void>, isRefreshing?: boolean | Signal<boolean>): Modifier;
+};
+/**
+ * Preset Modifiers - Common combinations
+ */
+export declare const presetModifiers: {
+    /**
+     * Card-like appearance
+     */
+    card(padding?: number): Modifier[];
+    /**
+     * Button-like appearance
+     */
+    button(backgroundColor?: string | Asset, textColor?: string | Asset): Modifier[];
+    /**
+     * Input field appearance
+     */
+    input(): Modifier[];
+    /**
+     * Typography presets
+     */
+    typography: {
+        title: () => Modifier[];
+        heading: () => Modifier[];
+        body: () => Modifier[];
+        caption: () => Modifier[];
+    };
+};
+/**
+ * Export all preset modifiers
+ */
+export declare const coreModifiers: {
+    presets: {
+        /**
+         * Card-like appearance
+         */
+        card(padding?: number): Modifier[];
+        /**
+         * Button-like appearance
+         */
+        button(backgroundColor?: string | Asset, textColor?: string | Asset): Modifier[];
+        /**
+         * Input field appearance
+         */
+        input(): Modifier[];
+        /**
+         * Typography presets
+         */
+        typography: {
+            title: () => Modifier[];
+            heading: () => Modifier[];
+            body: () => Modifier[];
+            caption: () => Modifier[];
+        };
+    };
+    /**
+     * Execute handler when component appears in viewport
+     */
+    onAppear(handler: () => void): Modifier;
+    /**
+     * Execute handler when component disappears from viewport
+     */
+    onDisappear(handler: () => void): Modifier;
+    /**
+     * Execute async task with automatic cancellation on component unmount
+     */
+    task(operation: () => Promise<void> | void, options?: {
+        id?: string;
+        priority?: "background" | "userInitiated" | "utility" | "default";
+    }): Modifier;
+    /**
+     * Add pull-to-refresh functionality
+     */
+    refreshable(onRefresh: () => Promise<void>, isRefreshing?: boolean | Signal<boolean>): Modifier;
+    /**
+     * Add transition
+     */
+    transition(property?: string, duration?: number, easing?: string, delay?: number): Modifier;
+    /**
+     * Add detailed transition
+     */
+    transitionDetailed(options: AnimationModifierProps["transition"]): Modifier;
+    /**
+     * Add animation
+     */
+    animation(options: AnimationModifierProps["animation"]): Modifier;
+    /**
+     * Add fade in animation
+     */
+    fadeIn(duration?: number): Modifier;
+    /**
+     * Add fade out animation
+     */
+    fadeOut(duration?: number): Modifier;
+    /**
+     * Add slide in animation
+     */
+    slideIn(direction?: "up" | "down" | "left" | "right", duration?: number, distance?: number): Modifier;
+    /**
+     * Add scale animation
+     */
+    scaleAnimation(from?: number, to?: number, duration?: number): Modifier;
+    /**
+     * Add tap handler
+     */
+    onTap(handler: (event: MouseEvent) => void): Modifier;
+    /**
+     * Add hover handler
+     */
+    onHover(handler: (isHovered: boolean) => void): Modifier;
+    /**
+     * Add focus handler
+     */
+    onFocus(handler: (isFocused: boolean) => void): Modifier;
+    /**
+     * Set disabled state
+     */
+    disabled(isDisabled?: boolean | Signal<boolean>): Modifier;
+    /**
+     * Set accessibility label
+     */
+    accessibilityLabel(label: string): Modifier;
+    /**
+     * Set accessibility hint
+     */
+    accessibilityHint(hint: string): Modifier;
+    /**
+     * Set foreground (text) color
+     */
+    foregroundColor(color: string | Asset | Signal<string>): Modifier;
+    /**
+     * Set background color
+     */
+    backgroundColor(color: string | Asset | Signal<string>): Modifier;
+    /**
+     * Set background (supports gradients)
+     */
+    background(value: string | GradientDefinition | Asset): Modifier;
+    /**
+     * Set font properties
+     */
+    font(options: AppearanceModifierProps["font"]): Modifier;
+    /**
+     * Set font size
+     */
+    fontSize(size: number | string): Modifier;
+    /**
+     * Set font weight
+     */
+    fontWeight(weight: NonNullable<AppearanceModifierProps["font"]>["weight"]): Modifier;
+    /**
+     * Set font family
+     */
+    fontFamily(family: string): Modifier;
+    /**
+     * Set opacity
+     */
+    opacity(value: number | Signal<number>): Modifier;
+    /**
+     * Set corner radius (enhanced)
+     */
+    cornerRadius(radius: number | Signal<number>): Modifier;
+    /**
+     * Set border
+     */
+    border(width: number, color?: string | Asset, style?: "solid" | "dashed" | "dotted"): Modifier;
+    /**
+     * Set detailed border properties
+     */
+    borderDetailed(options: AppearanceModifierProps["border"]): Modifier;
+    /**
+     * Set frame dimensions with support for infinity
+     */
+    frame(width?: Dimension, height?: Dimension, options?: Omit<LayoutModifierProps["frame"], "width" | "height">): Modifier;
+    /**
+     * Set padding on all sides
+     */
+    padding(value: number): Modifier;
+    /**
+     * Set margin on all sides
+     */
+    margin(value: number): Modifier;
+    /**
+     * Set content alignment
+     */
+    alignment(value: LayoutModifierProps["alignment"]): Modifier;
+    /**
+     * Set layout priority for ZStack container sizing and flexible layout
+     * Higher priority views determine container size in ZStack
+     */
+    layoutPriority(priority: number | Signal<number>): Modifier;
+};
+//# sourceMappingURL=presets.d.ts.map

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

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

package/dist/modifiers/registry.js

@@ -0,0 +1,10 @@
+import { T as o, b as a, d as r, e as s, g as t, W as d, U as p } from "../concatenated-component-ByPl3_FF.js";
+export {
+  o as ModifierRegistryImpl,
+  a as applyModifiersToNode,
+  r as createModifiableComponent,
+  s as createModifierRegistry,
+  t as globalModifierRegistry,
+  d as modifierApplicationUtils,
+  p as updateComponentModifiers
+};