exodeui 6.3.13 → 6.3.18

package/dist/src/engine.d.ts

@@ -17,6 +17,7 @@ export declare class ExodeUIEngine {
     private maskCtx;
     private lumaBuffer;
     private lumaCtx;
+    private _noiseTileCanvas;
     private layout;
     private onTrigger?;
     private onInputUpdate?;
@@ -47,6 +48,9 @@ export declare class ExodeUIEngine {
     private _totalScroll;
     private draggingBehaviors;
     private isMouseDown;
+    private _layoutAnimCache;
+    private _springChainState;
+    private _emitterPools;
     private objectVelocities;
     private currentTime;
     private frameCount;
@@ -151,6 +155,7 @@ export declare class ExodeUIEngine {
     private handlePointerEvent;
     handleKeyDown(e: KeyboardEvent): void;
     private fireEventForObject;
+    private fireAnalyticsEvent;
     private initGlobalAnimationTriggers;
     private triggerGlobalAnimation;
     private handleAnimationFinished;
@@ -179,6 +184,17 @@ export declare class ExodeUIEngine {
     private applyAbsoluteTransform;
     private applyObjectTransform;
     private applyArtEffectOverlay;
+    /** Helper: shift the hue of a hex/hsl color by degrees, return as hsla */
+    private _shiftHue;
+    /**
+     * Simulate CSS `backdrop-filter: blur()` + glass overlay on Canvas2D.
+     * Since real backdrop-filter is not available in canvas, we:
+     * 1. Sample the canvas pixels behind this object's bounding box
+     * 2. Draw them into an offscreen canvas and apply a blur filter
+     * 3. Clip to the object shape and paint the blurred backdrop
+     * 4. Apply the overlay color tint, sheen highlight, noise grain, and glass border
+     */
+    private applyBackgroundBlurGlass;
     private applyPath;
     private _tracePath;
     private renderInputBox;
@@ -187,6 +203,11 @@ export declare class ExodeUIEngine {
     private renderButton;
     private renderToggleButton;
     private renderToggle;
+    private renderCheckbox;
+    private renderRadioGroup;
+    private renderBarChart;
+    private renderPieChart;
+    private getRadioGroupItemIndexAtPointer;
     private renderLineGraph;
     private _catmullRom;
     private normalizeOpacity;
@@ -199,6 +220,9 @@ export declare class ExodeUIEngine {
     private drawListViewRect;
     private solveBehaviors;
     private applyBehaviorSensor;
+    private getObjectProperty;
+    private setObjectProperty;
+    private applyEasing;
     private lerp;
     private deepMerge;
     private renderFittedImage;

package/dist/src/types.d.ts

@@ -166,6 +166,22 @@ export interface Adjustments {
     shadows?: number;
     blur?: number;
 }
+export interface AnalyticsParameter {
+    key: string;
+    value: string;
+    type: 'literal' | 'variable';
+}
+export interface AnalyticsConfig {
+    isEnabled: boolean;
+    eventName: string;
+    triggerType: 'click' | 'hover' | 'visible';
+    platforms: {
+        ga4: boolean;
+        meta: boolean;
+        mixpanel: boolean;
+    };
+    parameters: AnalyticsParameter[];
+}
 export interface Style {
     fill?: Fill;
     stroke?: {
@@ -191,6 +207,7 @@ export interface Style {
     liquidFill?: LiquidFillConfig;
     artEffect?: ArtEffectConfig;
     palette?: string[];
+    analytics?: AnalyticsConfig;
 }
 export type Geometry = {
     type: 'Rectangle';
@@ -232,6 +249,7 @@ export type Geometry = {
     textDecoration?: 'none' | 'underline' | 'line-through';
     textCase?: 'none' | 'uppercase' | 'lowercase' | 'capitalize';
     paragraphSpacing?: number;
+    paragraphIndent?: number;
     textInputId?: string;
     segments?: {
         text: string;
@@ -260,6 +278,38 @@ export type Geometry = {
         isEnabled: boolean;
     };
     fontStyle?: 'normal' | 'italic';
+    isPointText?: boolean;
+    autoHeight?: boolean;
+    padding?: {
+        top?: number;
+        right?: number;
+        bottom?: number;
+        left?: number;
+    };
+    smallCaps?: boolean;
+    baselineShift?: number;
+    hyphenation?: boolean;
+    composer?: 'single-line' | 'every-line';
+    balanceRaggedLines?: boolean;
+    kerning?: 'auto' | 'optical' | 'manual' | 'none';
+    kerningValue?: number;
+    justifyMinWordSpacing?: number;
+    justifyMaxWordSpacing?: number;
+    justifyMinLetterSpacing?: number;
+    justifyMaxLetterSpacing?: number;
+    paragraphRule?: {
+        top?: {
+            width: number;
+            color: string;
+            offset: number;
+        };
+        bottom?: {
+            width: number;
+            color: string;
+            offset: number;
+        };
+    };
+    pathFlip?: boolean;
 } | {
     type: 'Triangle';
     width: number;
@@ -398,7 +448,13 @@ export declare enum BehaviorType {
     Lens = "Lens",
     Gravity = "Gravity",
     Velocity = "Velocity",
-    Shear = "Shear"
+    Shear = "Shear",
+    LayoutAnimation = "LayoutAnimation",
+    SpringChain = "SpringChain",
+    ParticleEmitter = "ParticleEmitter",
+    StateReactive = "StateReactive",
+    Fold = "Fold",
+    Crumple = "Crumple"
 }
 export declare enum BehaviorSensor {
     Scale = "Scale",
@@ -498,7 +554,7 @@ export interface Constraint {
     mass?: number;
 }
 export interface ShapeObject {
-    type: 'Shape' | 'Group' | 'Component' | 'Frame' | 'Button' | 'Bone' | 'Toggle' | 'Slider' | 'Dropdown' | 'ListView';
+    type: 'Shape' | 'Group' | 'Component' | 'Frame' | 'Button' | 'Bone' | 'Toggle' | 'Slider' | 'Dropdown' | 'ListView' | 'Checkbox' | 'RadioGroup' | 'BarChart' | 'PieChart';
     id: string;
     name: string;
     transform: Transform;
@@ -701,7 +757,10 @@ export declare enum LogicOp {
     IS_MOUSE_DOWN = "IS_MOUSE_DOWN",
     EFFECTOR = "EFFECTOR",
     MONITOR = "MONITOR",
-    DELAY = "DELAY"
+    DELAY = "DELAY",
+    SPRING_PULL = "SPRING_PULL",
+    SPRING_SETTLE = "SPRING_SETTLE",
+    EMIT = "EMIT"
 }
 export interface LogicNode {
     id: string;

package/dist/src/utils/text.d.ts

@@ -12,6 +12,9 @@ export interface TextMeasurementOptions {
     textCase?: 'uppercase' | 'lowercase' | 'capitalize' | 'none';
     segments?: any[];
     enableSegments?: boolean;
+    hyphenation?: boolean;
+    composer?: 'single-line' | 'every-line';
+    balanceRaggedLines?: boolean;
 }
 export declare function measureText(options: TextMeasurementOptions): {
     width: number;

package/package.json

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