@omnia/fx 8.0.295-dev → 8.0.296-dev

package/internal-do-not-import-from-here/ux/properties/property-renderer/PropertyBindingValueRenderer.d.ts

@@ -319,8 +319,8 @@ declare const _default: {
             }>;
         };
         disabled?: boolean;
-        modelValue?: PropertyValueBinding<PropertyDefinition<PropertyValue, any, any, import("@omnia/fx-models").PropertySetupBase>>;
         "v-model"?: PropertyValueBinding<PropertyDefinition<PropertyValue, any, any, import("@omnia/fx-models").PropertySetupBase>>;
+        modelValue?: PropertyValueBinding<PropertyDefinition<PropertyValue, any, any, import("@omnia/fx-models").PropertySetupBase>>;
         "onUpdate:modelValue"?: (value: PropertyValueBinding<PropertyDefinition<PropertyValue, any, any, import("@omnia/fx-models").PropertySetupBase>>) => any | void;
         editMode?: boolean;
     }>, "onUpdate:modelValue" | "onDoc$"> & {

package/internal-do-not-import-from-here/ux/richtexteditor/RichTextEditor.d.ts

@@ -258,8 +258,8 @@ declare const _default: {
             genericExtensionElementStyle?: (useAccessibilityFeature: boolean) => import("typestyle/lib/types").NestedCSSProperties;
             menubarLanguagePicker?: import("typestyle/lib/types").NestedCSSProperties;
         };
-        ariaInvalid?: boolean;
         placeholder?: RichTextEditorPlaceHolder;
+        ariaInvalid?: boolean;
         bodyClass?: string;
         onContentDataChange?: (richtextHelper: RichTextContentHelper) => void;
         registerFocus?: (callback: () => void) => void;

package/internal-do-not-import-from-here/ux/richtexteditor/RichTextEditorSettings.d.ts

@@ -296,8 +296,8 @@ declare const _default: {
                 };
             }>;
         };
-        modelValue?: RichTextEditorExtensionRegistration[];
         "v-model"?: RichTextEditorExtensionRegistration[];
+        modelValue?: RichTextEditorExtensionRegistration[];
         "onUpdate:modelValue"?: (value: RichTextEditorExtensionRegistration[]) => any | void;
         showEditorPreview?: boolean;
     }>, never>;

package/internal-do-not-import-from-here/ux/richtexteditor/extensions/Mention/Mention.d.ts

@@ -5,69 +5,15 @@ export declare const mentionEditorExtension: () => {
     getConfiguration(): {
         nodes: any[];
         toolbarItems: {
-            toolbar: {
-                new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
-                    selectUser: {
-                        type: import("vue").PropType<(user: import("@omnia/fx-models").ResolvedUserIdentity) => void>;
-                    };
-                    menuHandler: {
-                        type: import("vue").PropType<(menubar: import("@omnia/fx-models").IMenuBarDefinition) => void>;
-                    };
-                    onContentChanged: {
-                        type: import("vue").PropType<(content: string, extensionName?: string, data?: import("../..").RichTextContentExtensionData, pushChange?: boolean) => void>;
-                    };
-                    setOnEditorUpdated: {
-                        type: import("vue").PropType<(onEditorUpdated: (extensionName?: string, data?: import("../..").RichTextContentExtensionData) => void) => void>;
-                    };
-                }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
-                    P: {};
-                    B: {};
-                    D: {};
-                    C: {};
-                    M: {};
-                    Defaults: {};
-                }, Readonly<import("vue").ExtractPropTypes<{
-                    selectUser: {
-                        type: import("vue").PropType<(user: import("@omnia/fx-models").ResolvedUserIdentity) => void>;
-                    };
-                    menuHandler: {
-                        type: import("vue").PropType<(menubar: import("@omnia/fx-models").IMenuBarDefinition) => void>;
-                    };
-                    onContentChanged: {
-                        type: import("vue").PropType<(content: string, extensionName?: string, data?: import("../..").RichTextContentExtensionData, pushChange?: boolean) => void>;
-                    };
-                    setOnEditorUpdated: {
-                        type: import("vue").PropType<(onEditorUpdated: (extensionName?: string, data?: import("../..").RichTextContentExtensionData) => void) => void>;
-                    };
-                }>>, () => JSX.Element, {}, {}, {}, {}>;
-                __isFragment?: never;
-                __isTeleport?: never;
-                __isSuspense?: never;
-            } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-                selectUser: {
-                    type: import("vue").PropType<(user: import("@omnia/fx-models").ResolvedUserIdentity) => void>;
-                };
-                menuHandler: {
-                    type: import("vue").PropType<(menubar: import("@omnia/fx-models").IMenuBarDefinition) => void>;
-                };
-                onContentChanged: {
-                    type: import("vue").PropType<(content: string, extensionName?: string, data?: import("../..").RichTextContentExtensionData, pushChange?: boolean) => void>;
-                };
-                setOnEditorUpdated: {
-                    type: import("vue").PropType<(onEditorUpdated: (extensionName?: string, data?: import("../..").RichTextContentExtensionData) => void) => void>;
-                };
-            }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-                propsDefinition: Omit<Readonly<{} & {
-                    onContentChanged?: (content: string, extensionName?: string, data?: import("../..").RichTextContentExtensionData, pushChange?: boolean) => void;
-                    setOnEditorUpdated?: (onEditorUpdated: (extensionName?: string, data?: import("../..").RichTextContentExtensionData) => void) => void;
-                    menuHandler?: (menubar: import("@omnia/fx-models").IMenuBarDefinition) => void;
-                    selectUser?: (user: import("@omnia/fx-models").ResolvedUserIdentity) => void;
-                }>, never>;
-            };
+            toolbar: (props: import("../../..").ConstructComponentProps<import("../../..").DefineEmit<"setOnEditorUpdated", (onEditorUpdated: (extensionName?: string, data?: import("../..").RichTextContentExtensionData) => void) => void> & import("../../..").DefineEmit<"contentChanged", (content: string, extensionName?: string, data?: import("../..").RichTextContentExtensionData, pushChange?: boolean) => void> & {
+                menuHandler?: (menubar: import("@omnia/fx-models").IMenuBarDefinition) => void;
+            } & {
+                selectUser?: (user: import("@omnia/fx-models").ResolvedUserIdentity) => void;
+            }>) => any;
             configuration: {
                 menuHandler: (menu: import("@omnia/fx-models").IMenuBarDefinition) => void;
                 selectUser: (user: import("@omnia/fx-models").ResolvedUserIdentity) => void;
-                setOnEditorUpdated: (onEditorUpdated: (extensionName?: string, data?: import("./MentionConfiguration").MentionContentData) => void) => void;
+                onSetOnEditorUpdated: (onEditorUpdated: (extensionName?: string, data?: import("./MentionConfiguration").MentionContentData) => void) => void;
             };
             hidden: true;
         }[];

package/internal-do-not-import-from-here/ux/richtexteditor/extensions/Mention/MentionConfiguration.d.ts

@@ -22,7 +22,7 @@ export declare class MentionConfiguration {
     getToolbarConfig: () => {
         menuHandler: (menu: IMenuBarDefinition) => void;
         selectUser: (user: ResolvedUserIdentity) => void;
-        setOnEditorUpdated: (onEditorUpdated: (extensionName?: string, data?: MentionContentData) => void) => void;
+        onSetOnEditorUpdated: (onEditorUpdated: (extensionName?: string, data?: MentionContentData) => void) => void;
     };
     setOnEditorUpdate: (onEditorUpdated: (extensionName?: string, data?: MentionContentData) => void) => void;
     menuHandler: (menu: IMenuBarDefinition) => void;

package/internal-do-not-import-from-here/ux/richtexteditor/extensions/Mention/MentionToolbar.d.ts

@@ -1,3 +1,4 @@
+import { DefineEmit } from "@omnia/fx/ux";
 import { ResolvedUserIdentity, MenuBar, IMenuBarDefinition } from "../../../../models";
 import { RichTextContentExtensionData } from "../../RichTextContentHelper";
 export declare class MenuBarDefinition implements IMenuBarDefinition {
@@ -17,63 +18,9 @@ export declare class MenuBarDefinition implements IMenuBarDefinition {
     GetMenu(): MenuBar;
 }
 type SetOnEditorUpdated = (extensionName?: string, data?: RichTextContentExtensionData) => void;
-declare const _default: {
-    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
-        selectUser: {
-            type: import("vue").PropType<(user: ResolvedUserIdentity) => void>;
-        };
-        menuHandler: {
-            type: import("vue").PropType<(menubar: IMenuBarDefinition) => void>;
-        };
-        onContentChanged: {
-            type: import("vue").PropType<(content: string, extensionName?: string, data?: RichTextContentExtensionData, pushChange?: boolean) => void>;
-        };
-        setOnEditorUpdated: {
-            type: import("vue").PropType<(onEditorUpdated: SetOnEditorUpdated) => void>;
-        };
-    }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{
-        selectUser: {
-            type: import("vue").PropType<(user: ResolvedUserIdentity) => void>;
-        };
-        menuHandler: {
-            type: import("vue").PropType<(menubar: IMenuBarDefinition) => void>;
-        };
-        onContentChanged: {
-            type: import("vue").PropType<(content: string, extensionName?: string, data?: RichTextContentExtensionData, pushChange?: boolean) => void>;
-        };
-        setOnEditorUpdated: {
-            type: import("vue").PropType<(onEditorUpdated: SetOnEditorUpdated) => void>;
-        };
-    }>>, () => JSX.Element, {}, {}, {}, {}>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    selectUser: {
-        type: import("vue").PropType<(user: ResolvedUserIdentity) => void>;
-    };
-    menuHandler: {
-        type: import("vue").PropType<(menubar: IMenuBarDefinition) => void>;
-    };
-    onContentChanged: {
-        type: import("vue").PropType<(content: string, extensionName?: string, data?: RichTextContentExtensionData, pushChange?: boolean) => void>;
-    };
-    setOnEditorUpdated: {
-        type: import("vue").PropType<(onEditorUpdated: SetOnEditorUpdated) => void>;
-    };
-}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-    propsDefinition: Omit<Readonly<{} & {
-        onContentChanged?: (content: string, extensionName?: string, data?: RichTextContentExtensionData, pushChange?: boolean) => void;
-        setOnEditorUpdated?: (onEditorUpdated: SetOnEditorUpdated) => void;
-        menuHandler?: (menubar: IMenuBarDefinition) => void;
-        selectUser?: (user: ResolvedUserIdentity) => void;
-    }>, never>;
-};
+declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<DefineEmit<"setOnEditorUpdated", (onEditorUpdated: SetOnEditorUpdated) => void> & DefineEmit<"contentChanged", (content: string, extensionName?: string, data?: RichTextContentExtensionData, pushChange?: boolean) => void> & {
+    menuHandler?: (menubar: IMenuBarDefinition) => void;
+} & {
+    selectUser?: (user: ResolvedUserIdentity) => void;
+}>) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/settings/SettingsPane.d.ts

@@ -143,12 +143,12 @@ declare const _default: {
     propsDefinition: Omit<Readonly<{} & {
         title?: string;
         description?: string;
-        onCancel?: () => void;
         width?: string | number;
+        onCancel?: () => void;
         headerClass?: string;
         contentClass?: string;
-        modelValue?: boolean;
         "v-model"?: boolean;
+        modelValue?: boolean;
         "onUpdate:modelValue"?: (value: boolean) => any | void;
         onSave?: () => Promise<boolean>;
         disableSave?: boolean;

package/internal-do-not-import-from-here/ux/social/Comment.d.ts

@@ -265,12 +265,12 @@ declare const _default: {
         hideEdit?: boolean;
         readOnly?: boolean;
         topicId?: string;
+        enableMention?: boolean;
         contextParams?: {
             [key: string]: string | number;
         };
         showMoreSize?: number;
         allowLikes?: boolean;
-        enableMention?: boolean;
         comments?: Comment[];
         enableBestReply?: boolean;
         canMarkBestReply?: boolean;

package/internal-do-not-import-from-here/ux/social/PeopleTagging.d.ts

@@ -104,8 +104,8 @@ declare const _default: {
         autoFocus?: boolean;
         disabled?: boolean;
         richTextSettings?: OmitProperties<IRichTextEditor, "initialContent" | "onContentChange">;
-        enableMention?: boolean;
         resetContetnRte?: boolean;
+        enableMention?: boolean;
     }>, "onContentChanged" | "onDoc$" | "onRegisterFocus" | "onMentionChanged"> & {
         onContentChanged?: (content: string) => any;
         onDoc$?: (description?: string) => any;

package/internal-do-not-import-from-here/ux/social/Reactions.d.ts

@@ -15,11 +15,11 @@ declare const _default: {
             type: import("vue").PropType<ReactionVariants>;
             required: false;
         };
-        modelValue: {
+        "v-model": {
             type: import("vue").PropType<Required<IUserReaction>[]>;
             required: false;
         };
-        "v-model": {
+        modelValue: {
             type: import("vue").PropType<Required<IUserReaction>[]>;
             required: false;
         };
@@ -57,11 +57,11 @@ declare const _default: {
             type: import("vue").PropType<ReactionVariants>;
             required: false;
         };
-        modelValue: {
+        "v-model": {
             type: import("vue").PropType<Required<IUserReaction>[]>;
             required: false;
         };
-        "v-model": {
+        modelValue: {
             type: import("vue").PropType<Required<IUserReaction>[]>;
             required: false;
         };
@@ -91,11 +91,11 @@ declare const _default: {
         type: import("vue").PropType<ReactionVariants>;
         required: false;
     };
-    modelValue: {
+    "v-model": {
         type: import("vue").PropType<Required<IUserReaction>[]>;
         required: false;
     };
-    "v-model": {
+    modelValue: {
         type: import("vue").PropType<Required<IUserReaction>[]>;
         required: false;
     };
@@ -114,16 +114,16 @@ declare const _default: {
     "reaction:selected": (value: Required<IUserReaction>) => true;
 }, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     propsDefinition: Omit<Readonly<{} & {
-        modelValue?: Required<IUserReaction>[];
-        "v-model"?: Required<IUserReaction>[];
-        "onUpdate:modelValue"?: (value: Required<IUserReaction>[]) => any | void;
         "v-slots"?: {
             default?: import("../DefineVueTypings").Slot;
         } & {
             activator: () => JSX.Element;
         };
+        "v-model"?: Required<IUserReaction>[];
+        modelValue?: Required<IUserReaction>[];
         variant?: ReactionVariants;
         stacked?: boolean;
+        "onUpdate:modelValue"?: (value: Required<IUserReaction>[]) => any | void;
     }>, "onUpdate:modelValue" | "onReaction:added" | "onReaction:removed" | "onReaction:selected"> & {
         "onUpdate:modelValue"?: (value: Required<IUserReaction>[]) => any;
         "onReaction:added"?: (value: Required<IUserReaction>) => any;

package/internal-do-not-import-from-here/ux/timeperiodpicker/TimePeriodPicker.d.ts

@@ -323,8 +323,8 @@ declare const _default: {
         };
         label?: string;
         disabled?: boolean;
-        modelValue?: TimePeriodSettings;
         "v-model"?: TimePeriodSettings;
+        modelValue?: TimePeriodSettings;
         "onUpdate:modelValue"?: (value: TimePeriodSettings) => any | void;
         hideDetails?: boolean;
         min?: number;

package/internal-do-not-import-from-here/ux/urlinput/UrlInputLegacy.d.ts

@@ -354,8 +354,8 @@ declare const _default: {
         };
         label?: string;
         disabled?: boolean;
-        modelValue?: UrlPropertyValue;
         "v-model"?: UrlPropertyValue;
+        modelValue?: UrlPropertyValue;
         "onUpdate:modelValue"?: (value: UrlPropertyValue) => any | void;
         requiredWithValidator?: IValidator;
         defaultUrlResolving?: boolean;

package/internal-do-not-import-from-here/ux/userpresence/UserPresence.d.ts

@@ -317,8 +317,8 @@ declare const _default: {
         styles?: {
             container?: import("@omnia/fx-models").NestedCSSPropertiesExtends;
         };
-        modelValue?: UserIdentity;
         "v-model"?: UserIdentity;
+        modelValue?: UserIdentity;
         "onUpdate:modelValue"?: (value: UserIdentity) => any | void;
         offsetX?: number;
         offsetY?: number;

package/internal-do-not-import-from-here/ux/velcron/VelcronStylesProvider.d.ts

@@ -1,3 +1,3 @@
 import { VelcronDefinition, VelcronRenderContext } from "@omnia/fx-models";
-import { NestedCSSProperties } from "typestyle/lib/types";
-export declare function velcronStylesProvider(result: NestedCSSProperties, definition: VelcronDefinition, renderCtx: VelcronRenderContext): string;
+import { type CSSProperties } from "../Styles.stylex";
+export declare function velcronStyleProvider(result: CSSProperties, definition: VelcronDefinition, renderCtx: VelcronRenderContext): import("../Styles.stylex").StylexType;

package/internal-do-not-import-from-here/ux/velcron/components/definitionpicker/VelcronDefinitionPicker.d.ts

@@ -458,15 +458,15 @@ declare const _default: {
         container?: boolean;
         colorSchemaType?: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
         colors?: import("@omnia/fx/ux").ColorSchemaStoreType;
-        modelValue?: boolean;
-        "v-model"?: boolean;
-        "onUpdate:modelValue"?: (value: boolean) => any | void;
         "v-slots"?: {
             default?: import("../../../DefineVueTypings").Slot;
         } & {
             activator?: () => VNodeChild;
         };
+        "v-model"?: boolean;
+        modelValue?: boolean;
         variant?: Variant;
+        "onUpdate:modelValue"?: (value: boolean) => any | void;
         allowEdit?: boolean;
         categoryFilters?: guid[];
         renderTypeFilters?: guid[];

package/internal-do-not-import-from-here/ux/velcron/components/definitionpicker/VelcronDefinitionPreview.d.ts

@@ -372,8 +372,8 @@ declare const _default: {
         container?: boolean;
         colorSchemaType?: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
         colors?: import("@omnia/fx/ux").ColorSchemaStoreType;
-        modelValue?: VelcronDefinitionRegistration<object>;
         "v-model"?: VelcronDefinitionRegistration<object>;
+        modelValue?: VelcronDefinitionRegistration<object>;
         "onUpdate:modelValue"?: (value: VelcronDefinitionRegistration<object>) => any | void;
         allowEdit?: boolean;
         previewState?: VelcronState;

package/internal-do-not-import-from-here/ux/velcron/components/propertieseditor/VelcronPropertiesEditor.d.ts

@@ -332,8 +332,8 @@ declare const _default: {
                 };
             }>;
         };
-        modelValue?: VelcronAppDefinition<object>;
         "v-model"?: VelcronAppDefinition<object>;
+        modelValue?: VelcronAppDefinition<object>;
         "onUpdate:modelValue"?: (value: VelcronAppDefinition<object>) => any | void;
         location?: EditorLocation;
         previewColorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";

package/internal-do-not-import-from-here/ux/velcron/core/models/VelcronDefinitions.d.ts

@@ -5,6 +5,7 @@ import { DynamicState, VelcronDefinition, VelcronEffects, useVelcronThemingStore
 import { guid, PropertyConfiguration, PropertyValue, PropertyDefinition, PropertySetupBase } from "@omnia/fx/models";
 import { useVelcronColorSchemaStore } from "../stores/VelcronColorSchema";
 import { Properties } from "csstype";
+import type { AnimationOptionsWithOverrides, InViewOptions, VariantDefinition, Variants } from "motion";
 export interface ResolvedComponentRenderer {
     component: unknown;
     definition: VelcronDefinition;
@@ -37,6 +38,7 @@ export interface BuiltInComponentRenderers {
     "slide-panel": unknown;
     "editor": unknown;
     "link": unknown;
+    "motion": unknown;
 }
 export interface ColorSchemaReference {
     name: string;
@@ -327,23 +329,17 @@ export interface VelcronFlowDefinition extends VelcronDefinition, VelcronColorSt
     placeholder?: VelcronBindableProp<string>;
     events?: VelcronOnUpdatedEvent;
 }
-export interface VelcronRiveDefinition extends VelcronDefinition {
-    type: "rive";
-    url: VelcronBindableProp;
-    loop?: VelcronBindableProp<boolean>;
-    autoplay?: VelcronBindableProp<boolean>;
-    count?: VelcronBindableProp<number>;
-    direction?: VelcronBindableProp<"normal" | "reverse">;
-    hover?: VelcronBindableProp<boolean>;
-}
-export interface VelcronLottieDefinition extends VelcronDefinition {
-    type: "lottie";
-    url: VelcronBindableProp;
-    loop?: VelcronBindableProp<boolean>;
-    autoplay?: VelcronBindableProp<boolean>;
-    count?: VelcronBindableProp<number>;
-    direction?: VelcronBindableProp<"normal" | "reverse">;
-    hover?: VelcronBindableProp<boolean>;
+export interface VelcronMotionDefinition extends VelcronDefinition {
+    initial?: false | VariantDefinition;
+    animate?: VariantDefinition;
+    inView?: VariantDefinition;
+    hover?: VariantDefinition;
+    press?: VariantDefinition;
+    variants?: Variants;
+    transition?: AnimationOptionsWithOverrides;
+    inViewOptions?: InViewOptions & {
+        once?: boolean;
+    };
 }
 export interface VelcronSlidePanelSlidesOptions {
     foreach: string;

package/internal-do-not-import-from-here/ux/velcron/core/parser/VelcronDataBinder.d.ts

@@ -9,5 +9,5 @@ export declare class VelcronDataBinder {
     static tryUpdateBoundValue(renderContext: VelcronRenderContext, bindPath: string, value: unknown): void;
     static bindMany<T>(renderContext: VelcronRenderContext, definition: {
         [P in keyof T]?: VelcronBindableProp<T[P]>;
-    }, propertiesToBind: Array<keyof T>, state: Partial<T>): void;
+    }, propertiesToBind: Array<keyof T>, objectToBindTo: Partial<T>): T;
 }

package/internal-do-not-import-from-here/ux/velcron/core/parser/VelcronStyles.d.ts

@@ -1,8 +1,9 @@
 import { VelcronBorder, VelcronColorStyling, VelcronDefinitionHasEffects, VelcronDefinitionHasOverflow, VelcronDimensions, VelcronEffects, VelcronRenderContext } from "../models";
 import { VelcronUnitProvider } from "../models/VelcronUnitProvider";
 import { SpacingBlueprint, VelcronBindableProp, VelcronDefinition } from "..";
+import { CSSProperties, StylexType } from "internal/fx/ux/Styles.stylex";
 export declare class VelcronStyles {
-    static styleProvider: (baseStyles: object, definition: VelcronDefinition, renderCtx: VelcronRenderContext) => any;
+    static styleProvider: (baseStyles: CSSProperties, definition: VelcronDefinition, renderCtx: VelcronRenderContext) => StylexType;
     static effectsProvider: (effects: VelcronEffects, renderCtx: VelcronRenderContext) => VelcronEffects;
     static unitProvider: VelcronUnitProvider;
     spacingScaling: {
@@ -19,13 +20,13 @@ export declare class VelcronStyles {
             scaling: (value: import("..").SpacingValue) => boolean;
         };
     };
-    static registerStyleProvider(fn: (styleBase: object, definition: VelcronDefinition, renderCtx: VelcronRenderContext) => object | string, unitProvider: VelcronUnitProvider): void;
+    static registerStyleProvider(fn: (styleBase: CSSProperties, definition: VelcronDefinition, renderCtx: VelcronRenderContext) => StylexType, unitProvider: VelcronUnitProvider): void;
     static registerEffectsProvider(fn: (effects: VelcronEffects, renderCtx: VelcronRenderContext) => VelcronEffects): void;
     static applyEffects(definition: VelcronDefinitionHasEffects, renderCtx: VelcronRenderContext, applyTo: (effects: VelcronEffects) => any): any;
-    static insertBackgroundColor(styleBase: any, color: VelcronColorStyling, renderCtx: VelcronRenderContext): void;
-    static insertBorderRadiusStyles(styleBase: any, settings: VelcronDimensions, renderCtx: VelcronRenderContext): void;
-    static insertBorderStyles(styleBase: any, borderSettings: VelcronBorder, renderCtx: VelcronRenderContext): void;
-    static create(definition: VelcronDefinition, renderCtx: VelcronRenderContext): object | string;
+    static insertBackgroundColor(styleBase: CSSProperties, color: VelcronColorStyling, renderCtx: VelcronRenderContext): void;
+    static insertBorderRadiusStyles(styleBase: CSSProperties, settings: VelcronDimensions, renderCtx: VelcronRenderContext): void;
+    static insertBorderStyles(styleBase: CSSProperties, borderSettings: VelcronBorder, renderCtx: VelcronRenderContext): void;
+    static create(definition: VelcronDefinition, renderCtx: VelcronRenderContext): StylexType;
     static applySpacingDimension(value: string | number, spacing: SpacingBlueprint): string | number;
     static applyOverflow(definition: VelcronDefinitionHasOverflow, renderCtx: VelcronRenderContext, styleBase: any): void;
     static applySpacingStyles<T>(spacing: VelcronBindableProp<T>, renderCtx: VelcronRenderContext, styleBase: any, spacingDef: SpacingBlueprint, styleType: string, objectIsDatabound?: (obj: T) => void, additionalPropsToDataBind?: object): void;

package/internal-do-not-import-from-here/ux/velcron/renderer/VelcronRenderer.d.ts

@@ -136,8 +136,8 @@ declare const _default: {
         container?: boolean;
         active?: boolean;
         colorSchemaType?: "background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
-        colors?: import("@omnia/fx/ux").ColorSchemaStoreType;
         themeDefinition?: ThemeDefinitionV2;
+        colors?: import("@omnia/fx/ux").ColorSchemaStoreType;
         context?: VelcronRenderContext;
         editMode?: boolean;
         eventHandlers?: VelcronRenderContextEventHandlers;

package/internal-do-not-import-from-here/ux/velcron/renderer/components/Motion.d.ts

@@ -0,0 +1,29 @@
+import { VelcronRenderContext, VelcronMotionDefinition } from "../../core";
+declare const _default: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+        definition: import("vue").Prop<VelcronMotionDefinition, VelcronMotionDefinition>;
+        renderContext: import("vue").Prop<VelcronRenderContext, VelcronRenderContext>;
+    }>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        definition: import("vue").Prop<VelcronMotionDefinition, VelcronMotionDefinition>;
+        renderContext: import("vue").Prop<VelcronRenderContext, VelcronRenderContext>;
+    }>>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    definition: import("vue").Prop<VelcronMotionDefinition, VelcronMotionDefinition>;
+    renderContext: import("vue").Prop<VelcronRenderContext, VelcronRenderContext>;
+}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    propsDefinition: Omit<Readonly<{} & {
+        definition?: VelcronMotionDefinition;
+        renderContext?: VelcronRenderContext;
+    }>, never>;
+};
+export default _default;

package/internal-do-not-import-from-here/ux/velcron/renderer/editors/AlignmentEditor.d.ts

@@ -298,8 +298,8 @@ declare const _default: {
             }>;
         };
         settings?: VelcronAlignmentPropertyEditorSettings;
-        modelValue?: "left" | "right" | "top" | "center" | "bottom";
         "v-model"?: "left" | "right" | "top" | "center" | "bottom";
+        modelValue?: "left" | "right" | "top" | "center" | "bottom";
         "onUpdate:modelValue"?: (value: "left" | "right" | "top" | "center" | "bottom") => any | void;
     }>, "onUpdate:modelValue"> & {
         "onUpdate:modelValue"?: (value: "left" | "right" | "top" | "center" | "bottom") => any;

package/internal-do-not-import-from-here/ux/velcron/renderer/editors/BackgroundEditor.d.ts

@@ -294,8 +294,8 @@ declare const _default: {
                 };
             }>;
         };
-        modelValue?: BackgroundDefinition;
         "v-model"?: BackgroundDefinition;
+        modelValue?: BackgroundDefinition;
         "onUpdate:modelValue"?: (value: BackgroundDefinition) => any | void;
         location?: EditorLocation;
     }>, "onUpdate:modelValue"> & {

package/internal-do-not-import-from-here/ux/velcron/renderer/editors/BlueprintEditor.d.ts

@@ -323,8 +323,8 @@ declare const _default: {
             }>;
         };
         settings?: VelcronBlueprintEditorSettings;
-        modelValue?: any;
         "v-model"?: any;
+        modelValue?: any;
         "onUpdate:modelValue"?: (value: any) => any | void;
         location?: EditorLocation;
         previewColorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";

package/internal-do-not-import-from-here/ux/velcron/renderer/editors/ColorEditor.d.ts

@@ -285,8 +285,8 @@ declare const _default: {
                 };
             }>;
         };
-        modelValue?: VelcronColorStyling;
         "v-model"?: VelcronColorStyling;
+        modelValue?: VelcronColorStyling;
         "onUpdate:modelValue"?: (value: VelcronColorStyling) => any | void;
     }>, "onUpdate:modelValue"> & {
         "onUpdate:modelValue"?: (value: VelcronColorStyling) => any;

package/internal-do-not-import-from-here/ux/velcron/renderer/editors/ColorSchemaEditor.d.ts

@@ -304,8 +304,8 @@ declare const _default: {
                 };
             }>;
         };
-        modelValue?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
         "v-model"?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
+        modelValue?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
         "onUpdate:modelValue"?: (value: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic") => any | void;
         location?: EditorLocation;
     }>, "onUpdate:modelValue" | "onValue:enter" | "onValue:leave"> & {

package/internal-do-not-import-from-here/ux/velcron/renderer/editors/FlowEditor.d.ts

@@ -305,8 +305,8 @@ declare const _default: {
             }>;
         };
         settings?: VelcronFlowEditorSettings;
-        modelValue?: string | FlowContent;
         "v-model"?: string | FlowContent;
+        modelValue?: string | FlowContent;
         "onUpdate:modelValue"?: (value: string | FlowContent) => any | void;
         location?: EditorLocation;
     }>, "onUpdate:modelValue"> & {

package/internal-do-not-import-from-here/ux/velcron/renderer/editors/GridEditor.d.ts

@@ -275,8 +275,8 @@ declare const _default: {
                 };
             }>;
         };
-        modelValue?: VelcronGridState;
         "v-model"?: VelcronGridState;
+        modelValue?: VelcronGridState;
         "onUpdate:modelValue"?: (value: VelcronGridState) => any | void;
     }>, never>;
 };

package/internal-do-not-import-from-here/ux/velcron/renderer/editors/IconEditor.d.ts

@@ -305,8 +305,8 @@ declare const _default: {
         };
         label?: string;
         settings?: VelcronTextEditorSettings;
-        modelValue?: string;
         "v-model"?: string;
+        modelValue?: string;
         "onUpdate:modelValue"?: (value: string) => any | void;
     }>, "onUpdate:modelValue"> & {
         "onUpdate:modelValue"?: (value: string) => any;

package/internal-do-not-import-from-here/ux/velcron/renderer/editors/ImageEditor.d.ts

@@ -304,8 +304,8 @@ declare const _default: {
             }>;
         };
         settings?: any;
-        modelValue?: any;
         "v-model"?: any;
+        modelValue?: any;
         "onUpdate:modelValue"?: (value: any) => any | void;
         location?: EditorLocation;
     }>, "onUpdate:modelValue"> & {