flexium 0.10.7 → 0.12.8

package/dist/DrawText-CVAKQ5wZ.d.cts

@@ -1,309 +0,0 @@
-import { S as StateValue } from './state-DitsMyev.cjs';
-
-/**
- * Core Flexium types
- */
-/**
- * Flexium Node - internal representation of UI elements
- */
-interface FNode {
-    type: string;
-    props: Record<string, any>;
-    children: FNode[];
-}
-
-/**
- * Cross-platform Primitives Type Definitions
- *
- * These types work across web (DOM) and React Native
- */
-
-/**
- * Common style properties that work on both web and React Native
- * Based on Flexbox layout model
- */
-interface CommonStyle {
-    display?: 'flex' | 'none';
-    flex?: number;
-    flexDirection?: 'row' | 'column' | 'row-reverse' | 'column-reverse';
-    flexWrap?: 'nowrap' | 'wrap' | 'wrap-reverse';
-    justifyContent?: 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly';
-    alignItems?: 'flex-start' | 'center' | 'flex-end' | 'stretch' | 'baseline';
-    alignSelf?: 'auto' | 'flex-start' | 'center' | 'flex-end' | 'stretch';
-    gap?: number;
-    padding?: number;
-    paddingTop?: number;
-    paddingRight?: number;
-    paddingBottom?: number;
-    paddingLeft?: number;
-    paddingHorizontal?: number;
-    paddingVertical?: number;
-    margin?: number;
-    marginTop?: number;
-    marginRight?: number;
-    marginBottom?: number;
-    marginLeft?: number;
-    marginHorizontal?: number;
-    marginVertical?: number;
-    width?: number | string;
-    height?: number | string;
-    minWidth?: number;
-    maxWidth?: number;
-    minHeight?: number;
-    maxHeight?: number;
-    backgroundColor?: string;
-    borderRadius?: number;
-    borderTopLeftRadius?: number;
-    borderTopRightRadius?: number;
-    borderBottomLeftRadius?: number;
-    borderBottomRightRadius?: number;
-    opacity?: number;
-    borderWidth?: number;
-    borderColor?: string;
-    borderTopWidth?: number;
-    borderRightWidth?: number;
-    borderBottomWidth?: number;
-    borderLeftWidth?: number;
-    position?: 'relative' | 'absolute';
-    top?: number;
-    right?: number;
-    bottom?: number;
-    left?: number;
-    zIndex?: number;
-    transform?: string;
-}
-/**
- * Text-specific style properties
- */
-interface TextStyle extends CommonStyle {
-    color?: string;
-    fontSize?: number;
-    fontWeight?: 'normal' | 'bold' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900' | number;
-    fontFamily?: string;
-    fontStyle?: 'normal' | 'italic';
-    textAlign?: 'left' | 'center' | 'right' | 'justify';
-    textDecoration?: 'none' | 'underline' | 'line-through';
-    lineHeight?: number;
-    letterSpacing?: number;
-}
-/**
- * Text component props
- * Universal text display
- */
-interface TextProps {
-    children?: any;
-    style?: TextStyle;
-    /** Press/click handler (unified API for web and mobile) */
-    onPress?: () => void;
-    /** CSS class name */
-    class?: string;
-}
-/**
- * Image component props
- */
-interface ImageProps {
-    src: string;
-    alt?: string;
-    width?: number;
-    height?: number;
-    style?: CommonStyle;
-    onLoad?: () => void;
-    onError?: () => void;
-}
-/**
- * Pressable component props
- * Universal touchable/clickable element
- */
-interface PressableProps {
-    children?: any;
-    onPress: () => void;
-    onPressIn?: () => void;
-    onPressOut?: () => void;
-    disabled?: boolean;
-    style?: CommonStyle;
-    activeOpacity?: number;
-}
-/**
- * ScrollView component props
- */
-interface ScrollViewProps {
-    children?: any;
-    style?: CommonStyle;
-    horizontal?: boolean;
-    /** Show horizontal scrollbar (default: true) */
-    showScrollbarX?: boolean;
-    /** Show vertical scrollbar (default: true) */
-    showScrollbarY?: boolean;
-}
-/**
- * Canvas container props
- */
-interface CanvasProps {
-    width: number;
-    height: number;
-    children?: any;
-    style?: CommonStyle;
-    id?: string;
-}
-/**
- * Rectangle drawing props
- */
-interface DrawRectProps {
-    x: number | StateValue<number>;
-    y: number | StateValue<number>;
-    width: number | StateValue<number>;
-    height: number | StateValue<number>;
-    fill?: string | StateValue<string>;
-    stroke?: string | StateValue<string>;
-    strokeWidth?: number | StateValue<number>;
-    opacity?: number | StateValue<number>;
-}
-/**
- * Circle drawing props
- */
-interface DrawCircleProps {
-    x: number | StateValue<number>;
-    y: number | StateValue<number>;
-    radius: number | StateValue<number>;
-    fill?: string | StateValue<string>;
-    stroke?: string | StateValue<string>;
-    strokeWidth?: number | StateValue<number>;
-    opacity?: number | StateValue<number>;
-}
-/**
- * Path drawing props
- */
-interface DrawPathProps {
-    d: string | StateValue<string>;
-    fill?: string | StateValue<string>;
-    stroke?: string | StateValue<string>;
-    strokeWidth?: number | StateValue<number>;
-    opacity?: number | StateValue<number>;
-}
-/**
- * Canvas text drawing props
- */
-interface DrawTextProps {
-    x: number | StateValue<number>;
-    y: number | StateValue<number>;
-    text: string | StateValue<string>;
-    fill?: string | StateValue<string>;
-    fontSize?: number | StateValue<number>;
-    fontFamily?: string;
-    fontWeight?: 'normal' | 'bold' | number;
-    textAlign?: 'left' | 'center' | 'right';
-    textBaseline?: 'top' | 'middle' | 'bottom' | 'alphabetic';
-}
-/**
- * Line drawing props
- */
-interface DrawLineProps {
-    x1: number | StateValue<number>;
-    y1: number | StateValue<number>;
-    x2: number | StateValue<number>;
-    y2: number | StateValue<number>;
-    stroke?: string | StateValue<string>;
-    strokeWidth?: number | StateValue<number>;
-    opacity?: number | StateValue<number>;
-}
-/**
- * Arc drawing props
- */
-interface DrawArcProps {
-    x: number | StateValue<number>;
-    y: number | StateValue<number>;
-    radius: number | StateValue<number>;
-    startAngle: number | StateValue<number>;
-    endAngle: number | StateValue<number>;
-    counterclockwise?: boolean;
-    fill?: string | StateValue<string>;
-    stroke?: string | StateValue<string>;
-    strokeWidth?: number | StateValue<number>;
-    opacity?: number | StateValue<number>;
-}
-
-/**
- * Canvas - Declarative canvas container with JSX drawing
- *
- * Supports Signal-based reactive rendering
- *
- * @example
- * ```tsx
- * const x = signal(50)
- *
- * <Canvas width={300} height={200}>
- *   <Rect x={x} y={50} width={100} height={50} fill="blue" />
- *   <Circle x={150} y={100} radius={30} fill="red" />
- * </Canvas>
- * ```
- */
-
-declare function Canvas(props: CanvasProps): FNode;
-
-/**
- * DrawRect - Canvas rectangle primitive
- *
- * @example
- * ```tsx
- * <DrawRect x={10} y={10} width={100} height={50} fill="blue" />
- * ```
- */
-
-declare function DrawRect(props: DrawRectProps): FNode;
-
-/**
- * DrawCircle - Canvas circle primitive
- *
- * @example
- * ```tsx
- * <DrawCircle x={100} y={100} radius={50} fill="red" />
- * ```
- */
-
-declare function DrawCircle(props: DrawCircleProps): FNode;
-
-/**
- * DrawArc - Canvas arc primitive
- *
- * @example
- * ```tsx
- * <DrawArc x={100} y={100} radius={50} startAngle={0} endAngle={Math.PI} fill="green" />
- * ```
- */
-
-declare function DrawArc(props: DrawArcProps): FNode;
-
-/**
- * DrawLine - Canvas line primitive
- *
- * @example
- * ```tsx
- * <DrawLine x1={10} y1={10} x2={100} y2={100} stroke="black" strokeWidth={2} />
- * ```
- */
-
-declare function DrawLine(props: DrawLineProps): FNode;
-
-/**
- * DrawPath - Canvas path primitive
- *
- * @example
- * ```tsx
- * <DrawPath d="M 10 10 L 100 100" stroke="black" strokeWidth={2} />
- * ```
- */
-
-declare function DrawPath(props: DrawPathProps): FNode;
-
-/**
- * DrawText - Canvas text primitive
- *
- * @example
- * ```tsx
- * <DrawText x={50} y={50} text="Hello Canvas" fontSize={20} fill="black" />
- * ```
- */
-
-declare function DrawText(props: DrawTextProps): FNode;
-
-export { Canvas as C, DrawRect as D, type FNode as F, type ImageProps as I, type PressableProps as P, type ScrollViewProps as S, type TextProps as T, DrawCircle as a, DrawArc as b, DrawLine as c, DrawPath as d, DrawText as e, type CanvasProps as f, type DrawRectProps as g, type DrawCircleProps as h, type DrawArcProps as i, type DrawLineProps as j, type DrawPathProps as k, type DrawTextProps as l, type CommonStyle as m, type TextStyle as n };

package/dist/DrawText-Dlh1L1Ar.d.ts

@@ -1,309 +0,0 @@
-import { S as StateValue } from './state-DitsMyev.js';
-
-/**
- * Core Flexium types
- */
-/**
- * Flexium Node - internal representation of UI elements
- */
-interface FNode {
-    type: string;
-    props: Record<string, any>;
-    children: FNode[];
-}
-
-/**
- * Cross-platform Primitives Type Definitions
- *
- * These types work across web (DOM) and React Native
- */
-
-/**
- * Common style properties that work on both web and React Native
- * Based on Flexbox layout model
- */
-interface CommonStyle {
-    display?: 'flex' | 'none';
-    flex?: number;
-    flexDirection?: 'row' | 'column' | 'row-reverse' | 'column-reverse';
-    flexWrap?: 'nowrap' | 'wrap' | 'wrap-reverse';
-    justifyContent?: 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly';
-    alignItems?: 'flex-start' | 'center' | 'flex-end' | 'stretch' | 'baseline';
-    alignSelf?: 'auto' | 'flex-start' | 'center' | 'flex-end' | 'stretch';
-    gap?: number;
-    padding?: number;
-    paddingTop?: number;
-    paddingRight?: number;
-    paddingBottom?: number;
-    paddingLeft?: number;
-    paddingHorizontal?: number;
-    paddingVertical?: number;
-    margin?: number;
-    marginTop?: number;
-    marginRight?: number;
-    marginBottom?: number;
-    marginLeft?: number;
-    marginHorizontal?: number;
-    marginVertical?: number;
-    width?: number | string;
-    height?: number | string;
-    minWidth?: number;
-    maxWidth?: number;
-    minHeight?: number;
-    maxHeight?: number;
-    backgroundColor?: string;
-    borderRadius?: number;
-    borderTopLeftRadius?: number;
-    borderTopRightRadius?: number;
-    borderBottomLeftRadius?: number;
-    borderBottomRightRadius?: number;
-    opacity?: number;
-    borderWidth?: number;
-    borderColor?: string;
-    borderTopWidth?: number;
-    borderRightWidth?: number;
-    borderBottomWidth?: number;
-    borderLeftWidth?: number;
-    position?: 'relative' | 'absolute';
-    top?: number;
-    right?: number;
-    bottom?: number;
-    left?: number;
-    zIndex?: number;
-    transform?: string;
-}
-/**
- * Text-specific style properties
- */
-interface TextStyle extends CommonStyle {
-    color?: string;
-    fontSize?: number;
-    fontWeight?: 'normal' | 'bold' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900' | number;
-    fontFamily?: string;
-    fontStyle?: 'normal' | 'italic';
-    textAlign?: 'left' | 'center' | 'right' | 'justify';
-    textDecoration?: 'none' | 'underline' | 'line-through';
-    lineHeight?: number;
-    letterSpacing?: number;
-}
-/**
- * Text component props
- * Universal text display
- */
-interface TextProps {
-    children?: any;
-    style?: TextStyle;
-    /** Press/click handler (unified API for web and mobile) */
-    onPress?: () => void;
-    /** CSS class name */
-    class?: string;
-}
-/**
- * Image component props
- */
-interface ImageProps {
-    src: string;
-    alt?: string;
-    width?: number;
-    height?: number;
-    style?: CommonStyle;
-    onLoad?: () => void;
-    onError?: () => void;
-}
-/**
- * Pressable component props
- * Universal touchable/clickable element
- */
-interface PressableProps {
-    children?: any;
-    onPress: () => void;
-    onPressIn?: () => void;
-    onPressOut?: () => void;
-    disabled?: boolean;
-    style?: CommonStyle;
-    activeOpacity?: number;
-}
-/**
- * ScrollView component props
- */
-interface ScrollViewProps {
-    children?: any;
-    style?: CommonStyle;
-    horizontal?: boolean;
-    /** Show horizontal scrollbar (default: true) */
-    showScrollbarX?: boolean;
-    /** Show vertical scrollbar (default: true) */
-    showScrollbarY?: boolean;
-}
-/**
- * Canvas container props
- */
-interface CanvasProps {
-    width: number;
-    height: number;
-    children?: any;
-    style?: CommonStyle;
-    id?: string;
-}
-/**
- * Rectangle drawing props
- */
-interface DrawRectProps {
-    x: number | StateValue<number>;
-    y: number | StateValue<number>;
-    width: number | StateValue<number>;
-    height: number | StateValue<number>;
-    fill?: string | StateValue<string>;
-    stroke?: string | StateValue<string>;
-    strokeWidth?: number | StateValue<number>;
-    opacity?: number | StateValue<number>;
-}
-/**
- * Circle drawing props
- */
-interface DrawCircleProps {
-    x: number | StateValue<number>;
-    y: number | StateValue<number>;
-    radius: number | StateValue<number>;
-    fill?: string | StateValue<string>;
-    stroke?: string | StateValue<string>;
-    strokeWidth?: number | StateValue<number>;
-    opacity?: number | StateValue<number>;
-}
-/**
- * Path drawing props
- */
-interface DrawPathProps {
-    d: string | StateValue<string>;
-    fill?: string | StateValue<string>;
-    stroke?: string | StateValue<string>;
-    strokeWidth?: number | StateValue<number>;
-    opacity?: number | StateValue<number>;
-}
-/**
- * Canvas text drawing props
- */
-interface DrawTextProps {
-    x: number | StateValue<number>;
-    y: number | StateValue<number>;
-    text: string | StateValue<string>;
-    fill?: string | StateValue<string>;
-    fontSize?: number | StateValue<number>;
-    fontFamily?: string;
-    fontWeight?: 'normal' | 'bold' | number;
-    textAlign?: 'left' | 'center' | 'right';
-    textBaseline?: 'top' | 'middle' | 'bottom' | 'alphabetic';
-}
-/**
- * Line drawing props
- */
-interface DrawLineProps {
-    x1: number | StateValue<number>;
-    y1: number | StateValue<number>;
-    x2: number | StateValue<number>;
-    y2: number | StateValue<number>;
-    stroke?: string | StateValue<string>;
-    strokeWidth?: number | StateValue<number>;
-    opacity?: number | StateValue<number>;
-}
-/**
- * Arc drawing props
- */
-interface DrawArcProps {
-    x: number | StateValue<number>;
-    y: number | StateValue<number>;
-    radius: number | StateValue<number>;
-    startAngle: number | StateValue<number>;
-    endAngle: number | StateValue<number>;
-    counterclockwise?: boolean;
-    fill?: string | StateValue<string>;
-    stroke?: string | StateValue<string>;
-    strokeWidth?: number | StateValue<number>;
-    opacity?: number | StateValue<number>;
-}
-
-/**
- * Canvas - Declarative canvas container with JSX drawing
- *
- * Supports Signal-based reactive rendering
- *
- * @example
- * ```tsx
- * const x = signal(50)
- *
- * <Canvas width={300} height={200}>
- *   <Rect x={x} y={50} width={100} height={50} fill="blue" />
- *   <Circle x={150} y={100} radius={30} fill="red" />
- * </Canvas>
- * ```
- */
-
-declare function Canvas(props: CanvasProps): FNode;
-
-/**
- * DrawRect - Canvas rectangle primitive
- *
- * @example
- * ```tsx
- * <DrawRect x={10} y={10} width={100} height={50} fill="blue" />
- * ```
- */
-
-declare function DrawRect(props: DrawRectProps): FNode;
-
-/**
- * DrawCircle - Canvas circle primitive
- *
- * @example
- * ```tsx
- * <DrawCircle x={100} y={100} radius={50} fill="red" />
- * ```
- */
-
-declare function DrawCircle(props: DrawCircleProps): FNode;
-
-/**
- * DrawArc - Canvas arc primitive
- *
- * @example
- * ```tsx
- * <DrawArc x={100} y={100} radius={50} startAngle={0} endAngle={Math.PI} fill="green" />
- * ```
- */
-
-declare function DrawArc(props: DrawArcProps): FNode;
-
-/**
- * DrawLine - Canvas line primitive
- *
- * @example
- * ```tsx
- * <DrawLine x1={10} y1={10} x2={100} y2={100} stroke="black" strokeWidth={2} />
- * ```
- */
-
-declare function DrawLine(props: DrawLineProps): FNode;
-
-/**
- * DrawPath - Canvas path primitive
- *
- * @example
- * ```tsx
- * <DrawPath d="M 10 10 L 100 100" stroke="black" strokeWidth={2} />
- * ```
- */
-
-declare function DrawPath(props: DrawPathProps): FNode;
-
-/**
- * DrawText - Canvas text primitive
- *
- * @example
- * ```tsx
- * <DrawText x={50} y={50} text="Hello Canvas" fontSize={20} fill="black" />
- * ```
- */
-
-declare function DrawText(props: DrawTextProps): FNode;
-
-export { Canvas as C, DrawRect as D, type FNode as F, type ImageProps as I, type PressableProps as P, type ScrollViewProps as S, type TextProps as T, DrawCircle as a, DrawArc as b, DrawLine as c, DrawPath as d, DrawText as e, type CanvasProps as f, type DrawRectProps as g, type DrawCircleProps as h, type DrawArcProps as i, type DrawLineProps as j, type DrawPathProps as k, type DrawTextProps as l, type CommonStyle as m, type TextStyle as n };

package/dist/Motion-BrOAJzgH.d.cts

@@ -1,87 +0,0 @@
-/**
- * Motion Component - Declarative animations using Web Animations API
- *
- * Provides smooth, performant animations without JavaScript RAF
- * Supports transforms, opacity, spring physics, and layout animations
- */
-/**
- * Animation properties that can be animated
- */
-interface AnimatableProps {
-    x?: number;
-    y?: number;
-    scale?: number;
-    scaleX?: number;
-    scaleY?: number;
-    rotate?: number;
-    opacity?: number;
-    width?: number | string;
-    height?: number | string;
-}
-/**
- * Spring physics configuration
- */
-interface SpringConfig {
-    tension?: number;
-    friction?: number;
-    mass?: number;
-}
-/**
- * Motion component props
- */
-interface MotionProps {
-    element?: HTMLElement | null;
-    initial?: AnimatableProps;
-    animate?: AnimatableProps;
-    exit?: AnimatableProps;
-    duration?: number;
-    spring?: SpringConfig;
-    easing?: string;
-    delay?: number;
-    onAnimationStart?: () => void;
-    onAnimationComplete?: () => void;
-}
-/**
- * Cleanup motion module state (useful for testing and SSR)
- */
-declare function cleanupMotionState(): void;
-/**
- * Motion controller class
- * Manages animations for a single element using Web Animations API
- * Respects prefers-reduced-motion accessibility setting
- */
-declare class MotionController {
-    private element;
-    private animation;
-    private resizeObserver;
-    private previousSize;
-    constructor(element: HTMLElement);
-    /**
-     * Animate from initial to animate props
-     * Respects prefers-reduced-motion: applies end state instantly if enabled
-     */
-    animate(props: MotionProps): void;
-    /**
-     * Animate exit (used when element is being removed)
-     * Respects prefers-reduced-motion: applies end state instantly if enabled
-     */
-    animateExit(exitProps: AnimatableProps, duration?: number, easing?: string): Promise<void>;
-    /**
-     * Enable layout animations (animate size changes automatically)
-     */
-    enableLayoutAnimation(duration?: number, easing?: string): void;
-    /**
-     * Disable layout animations
-     */
-    disableLayoutAnimation(): void;
-    /**
-     * Cancel current animation
-     */
-    cancel(): void;
-    /**
-     * Cleanup all animations and observers
-     */
-    dispose(): void;
-}
-
-export { type AnimatableProps as A, MotionController as M, type SpringConfig as S, type MotionProps as a, cleanupMotionState as c };