exodeui 6.3.14 → 6.3.19

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;
@@ -180,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;
@@ -188,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;
@@ -200,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

@@ -249,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;
@@ -277,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;
@@ -415,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",
@@ -514,8 +553,47 @@ export interface Constraint {
     damping?: number;
     mass?: number;
 }
+export interface BoneIKConfig {
+    boneCount: number;
+    solver: 'analytic-2bone' | 'ccd';
+}
+export interface BoneSplineConfig {
+    points: {
+        x: number;
+        y: number;
+    }[];
+    tension: number;
+}
+export type BoneMode = 'fk' | 'ik' | 'spline';
+export interface BoneObject {
+    type: 'Bone';
+    id: string;
+    name: string;
+    transform: Transform;
+    geometry: {
+        type: 'Bone';
+        length: number;
+        isTip?: boolean;
+    };
+    style: Style;
+    mode?: BoneMode;
+    ikConfig?: BoneIKConfig;
+    splineConfig?: BoneSplineConfig;
+    opacity?: number;
+    visible?: boolean;
+    isVisible?: boolean;
+    parentId?: string;
+    children?: string[];
+    options?: any;
+    triggers?: Trigger[];
+    interactions?: Interaction[];
+    constraints?: Constraint[];
+    physics?: Physics;
+    behaviors?: Behavior[];
+    masks?: any[];
+}
 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;
@@ -553,6 +631,15 @@ export interface ShapeObject {
     layoutProps?: LayoutProps;
     altText?: string;
     repeaterConfig?: RepeaterConfig;
+    weights?: {
+        [vertexIndex: number]: {
+            boneId: string;
+            amount: number;
+        }[];
+    };
+    bindMatrices?: {
+        [boneId: string]: number[];
+    };
 }
 export interface Keyframe {
     time: number;
@@ -718,7 +805,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/skinningUtils.d.ts

@@ -0,0 +1,27 @@
+export interface Transform {
+    x: number;
+    y: number;
+    rotation: number;
+    scale_x?: number;
+    scale_y?: number;
+}
+export interface WeightData {
+    boneId: string;
+    amount: number;
+}
+/**
+ * Deforms an array of points (including bezier handles) based on their vertex weights,
+ * the inverse bind matrices of the bones, and the current world transforms of the shape and bones.
+ *
+ * @param points The original rest-pose points (e.g. from geometry.points).
+ * @param weights A map from vertex index to an array of bone weights.
+ * @param bindMatrices A map from boneId to its inverse bind matrix [a, b, c, d, tx, ty].
+ * @param shapeWorld The current world transform of the shape being deformed.
+ * @param getGlobalTransform A callback to fetch the current world transform of a bone by ID.
+ * @returns A new array of deformed points.
+ */
+export declare const deformPathPoints: (points: any[], weights: {
+    [vertexIndex: number]: WeightData[];
+}, bindMatrices: {
+    [boneId: string]: number[];
+}, shapeWorld: Transform, getGlobalTransform: (id: string) => Transform | null) => any[];

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.14",
+  "version": "6.3.19",
   "description": "React Runtime for ExodeUI Animation Engine",
   "type": "module",
   "main": "dist/index.js",