exodeui 2.6.38 → 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;
@@ -323,6 +403,15 @@ export interface ShapeObject {
     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;
@@ -460,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.38",
+  "version": "6.0.5",
   "description": "React Runtime for ExodeUI Animation Engine",
   "main": "dist/index.js",
   "module": "dist/index.mjs",