exodeui 2.6.37 → 6.0.5

package/dist/layout.d.ts

@@ -0,0 +1,19 @@
+import { ShapeObject, AutoLayoutConfig, LayoutProps } from './types';
+
+export interface LayoutResult {
+    frameWidth?: number;
+    frameHeight?: number;
+    childUpdates: {
+        id: string;
+        x: number;
+        y: number;
+        width?: number;
+        height?: number;
+    }[];
+}
+export declare function calculateLayout(frame: {
+    width: number;
+    height: number;
+    autoLayout?: AutoLayoutConfig;
+    layoutProps?: LayoutProps;
+}, children: ShapeObject[], getObjectState: (id: string) => any): LayoutResult;

package/dist/types.d.ts

@@ -4,6 +4,31 @@ export interface Transform {
     rotation: number;
     scale_x: number;
     scale_y: number;
+    opacity?: number;
+    skew_x?: number;
+    skew_y?: number;
+    flip_x?: boolean;
+    flip_y?: boolean;
+}
+export type ResizingMode = 'fixed' | 'hug' | 'fill';
+export interface LayoutProps {
+    width?: ResizingMode;
+    height?: ResizingMode;
+    minWidth?: number;
+    minHeight?: number;
+}
+export interface AutoLayoutConfig {
+    enabled: boolean;
+    direction: 'horizontal' | 'vertical';
+    spacing: number;
+    padding: {
+        top: number;
+        right: number;
+        bottom: number;
+        left: number;
+    };
+    align: 'top-left' | 'top-center' | 'top-right' | 'center-left' | 'center' | 'center-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
+    wrap?: boolean;
 }
 export interface Shadow {
     color: string;
@@ -17,6 +42,43 @@ export interface Shadow {
 export interface Blur {
     amount: number;
 }
+/**
+ * Liquid Morphing - Blob-like deformations for shapes
+ */
+export interface LiquidMorphConfig {
+    enabled: boolean;
+    blobStrength: number;
+    frequency: number;
+    amplitude?: number;
+    seed?: number;
+}
+/**
+ * Liquid Fill - Shapes that fill like pouring liquid
+ */
+export interface LiquidFillConfig {
+    enabled: boolean;
+    fillLevel: number;
+    waveAmplitude: number;
+    waveFrequency: number;
+    color: string;
+    opacity: number;
+    direction?: 'up' | 'down' | 'left' | 'right';
+}
+/**
+ * Gen Z Art Effects - Inspired by modern design trends
+ */
+export type ArtEffectType = 'glitch' | 'halftone' | 'pixelate' | 'noise' | 'acid_gradient';
+export interface ArtEffectConfig {
+    enabled: boolean;
+    type: ArtEffectType;
+    intensity: number;
+    speed?: number;
+    scale?: number;
+    color1?: string;
+    color2?: string;
+    chaosEnabled?: boolean;
+    chaosAmount?: number;
+}
 export interface LineDataset {
     id: string;
     label: string;
@@ -71,9 +133,13 @@ export interface Style {
         trimStart?: number;
         trimEnd?: number;
         trimOffset?: number;
+        isEnabled?: boolean;
     };
     shadow?: Shadow;
     blur?: Blur;
+    liquidMorph?: LiquidMorphConfig;
+    liquidFill?: LiquidFillConfig;
+    artEffect?: ArtEffectConfig;
     palette?: string[];
 }
 export type Geometry = {
@@ -122,6 +188,20 @@ export type Geometry = {
     }[];
     enableSegments?: boolean;
     isMask?: boolean;
+    textPre?: string;
+    textPost?: string;
+    isTextVarEnabled?: boolean;
+    pathId?: string;
+    pathOffset?: number;
+    pathAlign?: 'baseline' | 'top' | 'bottom' | 'center';
+    pathSide?: 'left' | 'right';
+    typewriter?: {
+        options: {
+            speed: number;
+            loop: boolean;
+        };
+        isEnabled: boolean;
+    };
 } | {
     type: 'Triangle';
     width: number;
@@ -198,6 +278,49 @@ export type Geometry = {
     isClosed?: boolean;
     is_closed?: boolean;
 };
+export declare enum BehaviorType {
+    Proximity = "Proximity",
+    Magnetic = "Magnetic",
+    Parallax = "Parallax",
+    Velocity = "Velocity",
+    Shear = "Shear",
+    Repel = "Repel",
+    Orbit = "Orbit",
+    Elastic = "Elastic",
+    Dilation = "Dilation",
+    Vortex = "Vortex",
+    Fluid = "Fluid",
+    Holographic = "Holographic",
+    Sticky = "Sticky"
+}
+export declare enum BehaviorSensor {
+    Scale = "Scale",
+    Opacity = "Opacity",
+    RotateZ = "RotateZ",
+    RotateX = "RotateX",
+    RotateY = "RotateY",
+    PositionX = "PositionX",
+    PositionY = "PositionY",
+    SkewX = "SkewX",
+    Blur = "Blur",
+    Exposure = "Exposure",
+    HueShift = "HueShift",
+    Negative = "Negative",
+    CornerRadius = "CornerRadius",
+    StrokeWidth = "StrokeWidth",
+    BoxShadow = "BoxShadow",
+    FontSize = "FontSize",
+    LetterSpacing = "LetterSpacing"
+}
+export interface Behavior {
+    id: string;
+    type: BehaviorType;
+    enabled: boolean;
+    sensors: BehaviorSensor[];
+    settings?: Record<string, any>;
+    startTime?: number;
+    endTime?: number;
+}
 export interface Trigger {
     id: string;
     name: string;
@@ -279,6 +402,16 @@ export interface ShapeObject {
     maskFeather?: number;
     maskType?: 'alpha' | 'luma';
     maskBlendMode?: string;
+    behaviors?: Behavior[];
+    liquidMorph?: LiquidMorphConfig;
+    liquidFill?: LiquidFillConfig;
+    artEffect?: ArtEffectConfig;
+    width?: number;
+    height?: number;
+    cornerRadius?: number | [number, number, number, number];
+    clipContent?: boolean;
+    autoLayout?: AutoLayoutConfig;
+    layoutProps?: LayoutProps;
 }
 export interface Keyframe {
     time: number;
@@ -416,6 +549,8 @@ export interface Artboard {
             y: number;
         };
     };
+    autoLayout?: AutoLayoutConfig;
+    layoutProps?: LayoutProps;
 }
 export type Fit = 'Cover' | 'Contain' | 'Fill' | 'FitWidth' | 'FitHeight' | 'None' | 'ScaleDown';
 export type Alignment = 'Center' | 'TopLeft' | 'TopCenter' | 'TopRight' | 'CenterLeft' | 'CenterRight' | 'BottomLeft' | 'BottomCenter' | 'BottomRight';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "exodeui",
-  "version": "2.6.37",
+  "version": "6.0.5",
   "description": "React Runtime for ExodeUI Animation Engine",
   "main": "dist/index.js",
   "module": "dist/index.mjs",