@omnia/fx 8.0.28-vnext → 8.0.30-vnext

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

@@ -0,0 +1,34 @@
+import { TextCompletionMenuBar, TipTapEditor } from "@omnia/fx-models";
+import { Store } from "@omnia/fx/stores";
+import { SidePanelContext } from "@omnia/fx/ux";
+export declare const panelElementName: "omfx-textcompletion-panel";
+export declare class TextCompletionHandler extends Store {
+    private sidePanelInstanceId;
+    private editor;
+    private onContentChanged;
+    private menuBar;
+    private prompt;
+    private forceClose;
+    onClickOpenEvent(sidePanelContext: SidePanelContext, editor: TipTapEditor, menuBar: TextCompletionMenuBar): void;
+    ensureOpenPanel(sidePanelContext: SidePanelContext, editor: TipTapEditor, menuBar: TextCompletionMenuBar): void;
+    ensureClosePanel(sidePanelContext: SidePanelContext): void;
+    forceClosePanel(sidePanelContext: SidePanelContext): void;
+    getters: {
+        getEditor: () => TipTapEditor;
+        getOnContentChanged: () => (content: string) => void;
+        getMenuBar: () => TextCompletionMenuBar;
+        prompt: () => string;
+        forceClose: () => boolean;
+    };
+    setters: {
+        setEditor: (editor: TipTapEditor) => TipTapEditor;
+        setOnContentChanged: (onContentChanged: (content: string) => void) => (content: string) => void;
+        setMenuBar: (menuBar: TextCompletionMenuBar) => TextCompletionMenuBar;
+    };
+    mutations: {
+        prompt: import("@omnia/fx/stores").StoreMutation<(prompt: string) => void, (prompt: string) => import("@omnia/fx-models").IMessageBusSubscriptionHandler>;
+        forceClose: import("@omnia/fx/stores").StoreMutation<(forceClose: boolean) => void, (forceClose: boolean) => import("@omnia/fx-models").IMessageBusSubscriptionHandler>;
+    };
+    protected onActivated(): void;
+    protected onDisposing(): void;
+}

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

@@ -0,0 +1,24 @@
+import { OmniaTheming, BlockInstance } from "@omnia/fx/ux";
+import { ToolbarExtension } from "../../ToolbarExtension";
+import { TipTapEditor, IMessageBusSubscriptionHandler, GuidValue, IOmniaContext } from "@omnia/fx-models";
+import { TextCompletionMenuBar, TextCompletionToolbarProperties } from "../../../../models";
+export default class TextCompletionMenu extends ToolbarExtension implements TextCompletionToolbarProperties {
+    menubar?: TextCompletionMenuBar;
+    onContentChanged?: (content: string) => void;
+    editor: TipTapEditor;
+    editorId: GuidValue;
+    private loc;
+    subscriptionHandler: IMessageBusSubscriptionHandler;
+    private textCompletionHandler;
+    private sidePanelContext;
+    omniaTheming: OmniaTheming;
+    blockInstance: BlockInstance;
+    protected omniaContext: IOmniaContext;
+    selectedText: string;
+    mounted(): void;
+    created(): void;
+    beforeDestroy(): void;
+    private onClickOpenSidePanel;
+    private getSelectionText;
+    render(): JSX.Element;
+}

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

@@ -0,0 +1,3 @@
+import { Node } from "@tiptap/core";
+declare const _default: Node<any, any>;
+export default _default;

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

@@ -0,0 +1,15 @@
+import { ToolbarExtension } from "../../ToolbarExtension";
+import { TextCompletionMenuBar, TextCompletionToolbarProperties, TipTapEditor } from "../../../../models";
+export declare class TextCompletionToolbar extends ToolbarExtension implements TextCompletionToolbarProperties {
+    menubar?: TextCompletionMenuBar;
+    onContentChange?: (content: string) => void;
+    editor: TipTapEditor;
+    private loc;
+    private sidePanelContext;
+    private textCompletionHandler;
+    mounted(): void;
+    private onClickOpenEvent;
+    beforeDestroy(): void;
+    render(): JSX.Element;
+    getToolbarButtonActiveStyle(val: boolean): string;
+}

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

@@ -0,0 +1,4 @@
+export * from "./TextCompletion";
+export * from "./TextCompletionHandler";
+export * from "./TextCompletionToolbar";
+export * from "./Registration";

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

@@ -29,5 +29,6 @@ export * from "./LanguagePicker";
 export * from "./AnchorLink";
 export * from "./loc/localize";
 export * from "./HashTag";
+export * from "./TextCompletion";
 export * from "./EmoticonPicker";
 export * from "./AnimatedGif";

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

@@ -70,6 +70,10 @@ export declare module RichTextEditorExtensionLocalization {
             EmoticonPicker: {
                 Title: string;
             };
+            TextCompletion: {
+                OpenAI: string;
+                GenerateContent: string;
+            };
         };
         Tooltip: {
             Undo: string;
@@ -114,6 +118,7 @@ export declare module RichTextEditorExtensionLocalization {
             AnimatedGif: string;
             EmoticonPicker: string;
             RemoveAnimatedGif: string;
+            TextCompletion: string;
         };
         RichTextEditor: string;
         LimitedRichTextEditor: string;

package/internal-do-not-import-from-here/ux/sidepanel/SidePanelRenderer.d.ts

@@ -1,3 +1,4 @@
+import "./SidePanel.css";
 declare const _default: {
     new (...args: any[]): {
         $: import("vue").ComponentInternalInstance;

package/internal-do-not-import-from-here/ux/sidepanel/models/IRegistration.d.ts

@@ -1,14 +1,18 @@
-import { SidePanelPosition } from "@omnia/fx/models";
+import { Breakpoint, SidePanelPosition } from "@omnia/fx/models";
 import { ISidePanelElementRegistration } from "../../../models";
 import { DialogPositions } from "../..";
-export interface SidePanelDialog {
-    position: DialogPositions;
+export interface SidePanelRenderingPosition {
+    nav: {
+        value: SidePanelPosition;
+    };
+    dialog: {
+        value: DialogPositions;
+    };
 }
-export interface RenderingInstance {
+export interface SidePanelRenderingInstance {
     htmlElement: HTMLElement;
-    position: SidePanelPosition;
-    showAsDialog?: SidePanelDialog;
+    position: SidePanelRenderingPosition;
 }
 export interface ISidePanelRenderingInstanceInternalApi extends ISidePanelElementRegistration {
-    getRenderingInstance: (position: string) => RenderingInstance;
+    getRenderingInstance: (breakpoint: Breakpoint) => SidePanelRenderingInstance;
 }

package/internal-do-not-import-from-here/ux/signin/Shared.d.ts

@@ -1,4 +1,4 @@
-import { AuthenticationMetaData, AuthenticationSessionResult } from "@omnia/fx-models";
+import { AuthenticationMetaData, AuthenticationResult, AuthenticationSessionResult } from "@omnia/fx-models";
 export interface OmniaAuthProviderClient {
     title: string;
     icon: string;
@@ -9,7 +9,7 @@ export interface OmniaAuthProviderContext {
     uniqueName: string;
     redirectUrl: string;
     hasOtherWaysToLogin: boolean;
-    showError: () => void;
+    showError: (authenticationResult: AuthenticationResult) => void;
     openSelections: () => void;
 }
 export interface OmniaAuthProviderChainAction {

package/internal-do-not-import-from-here/ux/signin/loc/localize.d.ts

@@ -35,5 +35,6 @@ export declare module SignInLocalization {
         SentResetPasswordMessage: string;
         SendResetPasswordError: string;
         RetryResetPasswordWarning: string;
+        BlockedMessage: string;
     }
 }

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

@@ -23,8 +23,10 @@ export declare class CommentDialogComponent extends VueComponentBase implements
     private focusEditorInputs;
     private dialogClasses;
     private headingStyle;
+    private get marginBottom();
     created(): void;
     mounted(): void;
+    private handleOpenCommentDialog;
     private updateMainContentStyles;
     private getZIndex;
     private getDraftCommentId;
@@ -36,7 +38,6 @@ export declare class CommentDialogComponent extends VueComponentBase implements
     private onMentionChanged;
     private onClose;
     private onSave;
-    private getMarginBottom;
     renderEditors(): JSX.Element[];
     renderMainContent(): JSX.Element;
     render(): JSX.Element;

package/internal-do-not-import-from-here/ux/theming-v2/styling/UseTypographyStyling.d.ts

@@ -1,4 +1,4 @@
-import { TypographyTypes } from "@omnia/fx-models";
+import { TypographyBlueprint, TypographyTypes } from "@omnia/fx-models";
 import { MediaQuery } from "typestyle/lib/types";
 import { useBlueprintStore } from "..";
 export interface TypographyTypesResult {
@@ -10,7 +10,7 @@ export interface TypographyTypesResult {
     text: string;
     typographyType: (typographyType: string) => string;
 }
-export declare const useTypographyTypeStyling: (typographyType: TypographyTypes, blueprints: ReturnType<typeof useBlueprintStore>) => {
+export declare const useTypographyTypeStyling: (typographyType: TypographyTypes, blueprint: TypographyBlueprint) => {
     baseStyles: {
         fontSize: string;
         fontWeight: number;

package/internal-do-not-import-from-here/ux/use/UseColorSchemaSetup.d.ts

@@ -1 +1,73 @@
-export declare const useColorSchemaSetup: (props: object) => any;
+export declare const useColorSchemaSetup: (props: object) => {
+    state: {
+        base: import("@omnia/fx-models").ColorDefinition;
+        onBase: import("@omnia/fx-models").ColorDefinition;
+        container: import("@omnia/fx-models").ColorDefinition;
+        onContainer: import("@omnia/fx-models").ColorDefinition;
+        isContainer: boolean;
+        name: string;
+        colorSchemaType: import("@omnia/fx-models").ColorSchemaTypes | import("@omnia/fx-models").ColorSchemaType;
+        id: import("@omnia/fx-models").GuidValue;
+    };
+    get: {
+        readonly colorSchema: import("@omnia/fx-models").ColorSchema;
+        readonly base: import("@omnia/fx-models").ColorDefinition;
+        readonly onBase: import("@omnia/fx-models").ColorDefinition;
+        readonly container: import("@omnia/fx-models").ColorDefinition;
+        readonly onContainer: import("@omnia/fx-models").ColorDefinition;
+        dynamic: (isContainer: boolean) => {
+            readonly base: import("@omnia/fx-models").ColorDefinition;
+            readonly onBase: import("@omnia/fx-models").ColorDefinition;
+            readonly container: import("@omnia/fx-models").ColorDefinition;
+            readonly onContainer: import("@omnia/fx-models").ColorDefinition;
+        };
+    };
+    actions: {
+        setColorSchema: (colorSchemaType: import("@omnia/fx-models").ColorSchemaTypes | import("@omnia/fx-models").ColorSchemaType, container?: boolean) => void;
+        setThemeStore: (themeStoreInstance: {
+            state: {
+                currentTheme: import("../theming-v2").ThemeDefinitionInstance;
+            };
+            get: {
+                colorSchema: (colorSchemaType: import("@omnia/fx-models").ColorSchemaTypes | import("@omnia/fx-models").ColorSchemaType) => import("@omnia/fx-models").ColorSchema;
+                typography: (typographyType: import("@omnia/fx-models").TypographyType | import("@omnia/fx-models").TypographyTypes) => import("@omnia/fx-models").TypographyTypeDefinition;
+                color: (colorSchemaType: import("@omnia/fx-models").ColorSchemaTypes | import("@omnia/fx-models").ColorSchemaType, colorType: import("@omnia/fx-models").ColorType | import("@omnia/fx-models").ColorTypes) => string;
+                colorDefinition: (colorSchemaType: import("@omnia/fx-models").ColorSchemaTypes | import("@omnia/fx-models").ColorSchemaType, colorType: import("@omnia/fx-models").ColorType | import("@omnia/fx-models").ColorTypes) => import("@omnia/fx-models").ColorDefinition;
+                complementaryColorType: (colorType: import("@omnia/fx-models").ColorType | import("@omnia/fx-models").ColorTypes) => import("@omnia/fx-models").ColorTypes;
+                complementaryColor: (colorSchemaType: import("@omnia/fx-models").ColorSchemaTypes | import("@omnia/fx-models").ColorSchemaType, colorType: import("@omnia/fx-models").ColorType | import("@omnia/fx-models").ColorTypes) => string;
+                complementaryColorDefinition: (colorSchemaType: import("@omnia/fx-models").ColorSchemaTypes | import("@omnia/fx-models").ColorSchemaType, colorType: import("@omnia/fx-models").ColorType | import("@omnia/fx-models").ColorTypes) => import("@omnia/fx-models").ColorDefinition;
+                currentTheme: () => import("@omnia/fx-models").ThemeDefinitionV2;
+                blueprint: (blueprintType: import("@omnia/fx-models").BlueprintType | import("@omnia/fx-models").BlueprintTypes) => import("@omnia/fx-models").BlueprintDefinition;
+            };
+            actions: {
+                setTheme: (themeDefinition: import("@omnia/fx-models").ThemeDefinitionV2) => void;
+            };
+            events: {
+                onMutatingCurrentTheme: import("@omnia/fx").EventHook<import("../theming-v2").ThemeDefinitionInstance>;
+                onMutatedCurrentTheme: import("@omnia/fx").EventHook<import("../theming-v2").ThemeDefinitionInstance>;
+            };
+            activated: void;
+        }) => void;
+        setCustomColorSchema: (colorSchema: import("@omnia/fx-models").ColorSchema, container?: boolean) => void;
+        setColor: (colorDefinition: import("@omnia/fx-models").ColorDefinition, colorType: import("@omnia/fx-models").ColorTypes) => void;
+    };
+    events: {
+        onMutatingBase: import("@omnia/fx").EventHook<import("@omnia/fx-models").ColorDefinition>;
+        onMutatedBase: import("@omnia/fx").EventHook<import("@omnia/fx-models").ColorDefinition>;
+        onMutatingOnBase: import("@omnia/fx").EventHook<import("@omnia/fx-models").ColorDefinition>;
+        onMutatedOnBase: import("@omnia/fx").EventHook<import("@omnia/fx-models").ColorDefinition>;
+        onMutatingContainer: import("@omnia/fx").EventHook<import("@omnia/fx-models").ColorDefinition>;
+        onMutatedContainer: import("@omnia/fx").EventHook<import("@omnia/fx-models").ColorDefinition>;
+        onMutatingOnContainer: import("@omnia/fx").EventHook<import("@omnia/fx-models").ColorDefinition>;
+        onMutatedOnContainer: import("@omnia/fx").EventHook<import("@omnia/fx-models").ColorDefinition>;
+        onMutatingIsContainer: import("@omnia/fx").EventHook<boolean>;
+        onMutatedIsContainer: import("@omnia/fx").EventHook<boolean>;
+        onMutatingName: import("@omnia/fx").EventHook<string>;
+        onMutatedName: import("@omnia/fx").EventHook<string>;
+        onMutatingColorSchemaType: import("@omnia/fx").EventHook<import("@omnia/fx-models").ColorSchemaTypes | import("@omnia/fx-models").ColorSchemaType>;
+        onMutatedColorSchemaType: import("@omnia/fx").EventHook<import("@omnia/fx-models").ColorSchemaTypes | import("@omnia/fx-models").ColorSchemaType>;
+        onMutatingId: import("@omnia/fx").EventHook<import("@omnia/fx-models").GuidValue>;
+        onMutatedId: import("@omnia/fx").EventHook<import("@omnia/fx-models").GuidValue>;
+    };
+    activated: void;
+};

package/internal-do-not-import-from-here/ux/user/UserPropertiesByMicrosoftGraphProvider.d.ts

@@ -1 +1,5 @@
-export {};
+import { DataSourceProperty, PropertyDataSourceId } from "@omnia/fx-models";
+export declare class GraphProviderProperty extends DataSourceProperty {
+    readonly internalName: string;
+    constructor(dataSourceId: PropertyDataSourceId, internalName: string);
+}

package/internal-do-not-import-from-here/ux/user/UserPropertiesProvider.d.ts

@@ -1 +1,6 @@
-export {};
+import { DataSourceProperty, PropertyDataSourceId, PropertyBindingId } from "@omnia/fx-models";
+export declare class UserDataSourceProperty extends DataSourceProperty {
+    readonly enterprisePropertyBindingId?: PropertyBindingId;
+    readonly userPropertyBindingId?: PropertyBindingId;
+    constructor(dataSourceId: PropertyDataSourceId, enterprisePropertyBindingId?: PropertyBindingId, userPropertyBindingId?: PropertyBindingId);
+}

package/internal-do-not-import-from-here/ux/velcron/blocks/content/model/ContentDefinitionRegistration.d.ts

@@ -2,4 +2,5 @@ import { Guid, VelcronDefinitionRegistration } from "@omnia/fx-models";
 import { ContentBlockVelcronState } from "../ContentBlock";
 export interface ContentDefinitionRegistration extends VelcronDefinitionRegistration<ContentBlockVelcronState> {
     contentId: Guid;
+    key: string;
 }

package/internal-do-not-import-from-here/ux/velcron/blocks/content/store/ContentBlockStore.d.ts

@@ -1,3 +1,4 @@
+import { VelcronAppDefinition } from "@omnia/fx-models";
 import { ContentDefinitionRegistration } from "../model/ContentDefinitionRegistration";
 export declare enum MenuTabs {
     templates = 0,
@@ -21,6 +22,7 @@ export declare const useContentBlockStore: (newInstanceWithName?: string) => {
         setSelectedDefinition: (definition: ContentDefinitionRegistration) => void;
         removeSelectedDefinition: () => void;
         setDragDropState: (onGoingDragging: boolean) => void;
+        updateDefinition: (definition: ContentDefinitionRegistration, velcronDefinition: VelcronAppDefinition) => void;
     };
     events: {
         onMutatingTemplatePanelVisible: import("@omnia/fx").EventHook<boolean>;

package/internal-do-not-import-from-here/ux/velcron/components/properties/VelcronProperties.d.ts

@@ -7,8 +7,7 @@ declare const _default: {
         $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
             properties: {
                 type: import("vue").PropType<VelcronDefinitionEditableProperty[]>;
-            } & {
-                type: import("vue").PropType<VelcronDefinitionEditableProperty[]>;
+                required: true;
             };
             "onUpdate:modelValue": {
                 type: import("vue").PropType<(value: VelcronAppDefinition<object>) => any>;
@@ -95,8 +94,7 @@ declare const _default: {
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             properties: {
                 type: import("vue").PropType<VelcronDefinitionEditableProperty[]>;
-            } & {
-                type: import("vue").PropType<VelcronDefinitionEditableProperty[]>;
+                required: true;
             };
             "onUpdate:modelValue": {
                 type: import("vue").PropType<(value: VelcronAppDefinition<object>) => any>;
@@ -191,8 +189,7 @@ declare const _default: {
     } & Readonly<import("vue").ExtractPropTypes<{
         properties: {
             type: import("vue").PropType<VelcronDefinitionEditableProperty[]>;
-        } & {
-            type: import("vue").PropType<VelcronDefinitionEditableProperty[]>;
+            required: true;
         };
         "onUpdate:modelValue": {
             type: import("vue").PropType<(value: VelcronAppDefinition<object>) => any>;
@@ -269,8 +266,7 @@ declare const _default: {
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     properties: {
         type: import("vue").PropType<VelcronDefinitionEditableProperty[]>;
-    } & {
-        type: import("vue").PropType<VelcronDefinitionEditableProperty[]>;
+        required: true;
     };
     "onUpdate:modelValue": {
         type: import("vue").PropType<(value: VelcronAppDefinition<object>) => any>;
@@ -343,7 +339,9 @@ declare const _default: {
 }, () => JSX.Element[], unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: VelcronAppDefinition) => true;
 }, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-    propsDefinition: Omit<Readonly<{} & {
+    propsDefinition: Omit<Readonly<{
+        properties: VelcronDefinitionEditableProperty[];
+    } & {
         name?: {
             [x: `onUpdate:${string}`]: {
                 type: import("vue").PropType<(value: VelcronAppDefinition<object>) => any>;
@@ -405,7 +403,6 @@ declare const _default: {
                 };
             }>;
         };
-        properties?: VelcronDefinitionEditableProperty[];
         "onUpdate:modelValue"?: (value: VelcronAppDefinition<object>) => any;
         "v-model"?: VelcronAppDefinition<object>;
         modelValue?: VelcronAppDefinition<object>;

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

@@ -17,14 +17,14 @@ export declare enum VelcronIconTypes {
     fontAwesome = "fa"
 }
 export declare enum VelcronHorizontalAlignments {
-    left = "left",
-    center = "center",
-    right = "right"
+    left = 0,
+    center = 1,
+    right = 2
 }
 export declare enum VelcronVerticalAlignments {
-    top = "top",
-    center = "center",
-    bottom = "bottom"
+    top = 0,
+    center = 1,
+    bottom = 2
 }
 export declare enum VelcronDataTypes {
     unknown = "unknown",

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

@@ -1,9 +1,9 @@
-import { VelcronComponentDescriptor, VelcronDefinitionEditableProperty } from "../../editor/models/VelcronDescriptors";
-import { VelcronEvent, VelcronOnChangedEvent, VelcronOnClosedEvent, VelcronOnCloseRequestedEvent, VelcronOnEditModeEvent, VelcronOnLoadEvent, VelcronOnPressEvent } from "./VelcronEvents";
+import { VelcronEvent, VelcronOnUpdatedEvent, VelcronOnClosedEvent, VelcronOnCloseRequestedEvent, VelcronOnEditModeEvent, VelcronOnLoadEvent, VelcronOnPressEvent } from "./VelcronEvents";
 import { VelcroncomponentArrayType, VelcronPrimitiveType } from "./VelcronTypes";
 import { AssignOperators, VelcronHorizontalAlignments, VelcronIconTypes, VelcronActionTypes, VelcronVerticalAlignments } from "./Enums";
 import { useVelcronThemingStore } from "..";
 import { useVelcronColorSchemaStore } from "../stores/VelcronColorSchema";
+import { useVelcronBlueprintStore } from "../stores/VelcronBlueprint";
 export interface ResolvedComponentRenderer {
     component: unknown;
     definition: VelcronDefinition;
@@ -39,6 +39,7 @@ export interface VelcronRenderContext {
     currentContext: DynamicState;
     theming?: ReturnType<typeof useVelcronThemingStore>;
     colors?: ReturnType<typeof useVelcronColorSchemaStore>;
+    blueprints?: ReturnType<typeof useVelcronBlueprintStore>;
     actions?: {
         [name: string]: [];
     };
@@ -114,9 +115,9 @@ export interface VelcronDefinition extends VelcronDefinitionBase {
     events?: VelcronEvent;
 }
 export type VelcronBindableProp<TPropType = string> = TPropType | string;
-export type VelcronStringBindableProp = string;
 export interface VelcronDefinitionWithEditMode extends VelcronDefinition {
     edit?: VelcronBindableProp<boolean>;
+    bind?: VelcronBindableProp;
 }
 export interface VelcronColorStyling {
     colorSchemaType?: string;
@@ -169,7 +170,9 @@ export interface VelcronAppDefinition<TState extends DynamicState = DynamicState
 }
 export interface VelcronComponentDefinition extends VelcronDefinition {
     type: string;
-    events: VelcronOnPressEvent;
+    events: any;
+    properties: [];
+    icon: any;
 }
 /*** Built-in Components *********************************************************************/
 export interface VelcronViewDefinition extends VelcronDefinition {
@@ -183,7 +186,7 @@ export interface VelcronViewDefinition extends VelcronDefinition {
     grow?: number;
     border?: VelcronBorder;
     borderRadius?: VelcronDimensions;
-    width?: string;
+    width?: number;
 }
 export interface VelcronCardDefinition extends VelcronDefinition {
     type: "Card";
@@ -192,16 +195,15 @@ export interface VelcronCardDefinition extends VelcronDefinition {
     footer?: Array<VelcronDefinition>;
     events?: VelcronOnPressEvent;
 }
-export interface VelcronTextDefinition extends VelcronDefinitionEditableProperty {
+export interface VelcronTextDefinition extends VelcronDefinitionWithEditMode {
     type: "Text";
     text: string;
-    bind: string;
     editLabel?: VelcronBindableProp;
     color?: string;
     lineClamp?: number;
     noWrap?: boolean;
     typography?: string;
-    events?: VelcronOnPressEvent & VelcronOnChangedEvent;
+    events?: VelcronOnPressEvent & VelcronOnUpdatedEvent;
 }
 export declare enum VelcronImageRatios {
     square = 1,
@@ -227,7 +229,7 @@ export interface VelcronTextInputDefinition extends VelcronDefinition {
     label?: string;
     bind: string;
     initialValue?: string;
-    events: VelcronOnChangedEvent;
+    events: VelcronOnUpdatedEvent;
 }
 export interface VelcronProgressCircleDefinition extends VelcronDefinition {
     type: "ProgressCircle";
@@ -247,14 +249,13 @@ export interface VelcronIconDefinition extends VelcronDefinition {
     type: "Icon";
     icon: string;
     color: VelcronColorStyling;
-    size?: number;
+    size?: VelcronBindableProp<number>;
     events?: VelcronOnPressEvent;
 }
 export interface VelcronMarkdownDefinition extends VelcronDefinitionWithEditMode {
     type: "Markdown";
     text: string;
-    bind: string;
-    events: VelcronOnChangedEvent;
+    events: VelcronOnUpdatedEvent;
 }
 export interface VelcronDimensions {
     top: number;
@@ -272,8 +273,7 @@ export interface VelcronChipDefinition extends VelcronDefinition {
     disabled?: boolean;
     events?: VelcronOnPressEvent;
 }
-/*** Custom Components ***********************************************************************/
-export type VelcronCustomComponentDefinition = VelcronComponentDescriptor & VelcronComponentDefinition;
+export type VelcronCustomComponentDefinition = VelcronComponentDefinition;
 export type VelcronRenderProps<TDefinition> = {
     definition: TDefinition;
     renderContext: VelcronRenderContext;

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

@@ -7,8 +7,8 @@ export type VelcronOnLoadEvent = {
 export type VelcronOnEditModeEvent = {
     onEditMode?: Array<string>;
 };
-export type VelcronOnChangedEvent = {
-    onChanged?: Array<string>;
+export type VelcronOnUpdatedEvent = {
+    onUpdated?: Array<string>;
 };
 export type VelcronOnCloseRequestedEvent = {
     onCloseRequested?: Array<string>;

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

@@ -1,10 +1,10 @@
-import { VelcronAppDefinition, VelcronDefinition, VelcronRenderContext, DeferredPromise } from "../models";
+import { VelcronAppDefinition, VelcronDefinition, VelcronRenderContext, DeferredPromise, VelcronBindableProp } from "../models";
 export interface ParseResult<T> {
     is: boolean;
     value: T;
 }
 export declare class VelcronData {
-    static dataBind(renderContext: VelcronRenderContext, text: string): string;
+    static dataBind(renderContext: VelcronRenderContext, text: VelcronBindableProp<any>): string;
     static addCtxToVariableNames(template: string, skipIfNameStartsWith?: string, skipIfNameMatches?: Array<string>, overridePrefixWhenNameMatches?: {
         [name: string]: string;
     }): string;

package/internal-do-not-import-from-here/ux/velcron/core/stores/VelcronBlueprint.d.ts

@@ -0,0 +1,36 @@
+import { BlueprintDefinition, BlueprintItemDefinition, BlueprintType, BlueprintTypes, TypographyBlueprint, VelcronBlueprintDefintionType } from "@omnia/fx-models";
+import { useVelcronThemingStore } from ".";
+export declare const useVelcronBlueprintStore: (newStateWithName?: string) => {
+    state: {
+        blueprint: BlueprintDefinition;
+        blueprintType: BlueprintType | BlueprintTypes;
+        themeStore: {
+            state: {
+                currentTheme: import("@omnia/fx-models").ThemeDefinitionV2;
+            };
+            get: {
+                blueprint: (blueprintType: BlueprintType | BlueprintTypes) => BlueprintDefinition;
+                colorSchema: (colorSchemaType: import("@omnia/fx-models").ColorSchemaTypes | import("@omnia/fx-models").ColorSchemaType) => import("@omnia/fx-models").ColorSchema;
+                typography: (typographyType: import("@omnia/fx-models").TypographyType | import("@omnia/fx-models").TypographyTypes) => import("@omnia/fx-models").TypographyTypeDefinition;
+                color: (colorSchemaType: import("@omnia/fx-models").ColorSchemaTypes | import("@omnia/fx-models").ColorSchemaType, colorType: import("@omnia/fx-models").ColorType | import("@omnia/fx-models").ColorTypes) => string;
+                colorDefinition: (colorSchemaType: import("@omnia/fx-models").ColorSchemaTypes | import("@omnia/fx-models").ColorSchemaType, colorType: import("@omnia/fx-models").ColorType | import("@omnia/fx-models").ColorTypes) => import("@omnia/fx-models").ColorDefinition;
+                complementaryColorType: (colorType: import("@omnia/fx-models").ColorType | import("@omnia/fx-models").ColorTypes) => import("@omnia/fx-models").ColorTypes;
+                complementaryColor: (colorSchemaType: import("@omnia/fx-models").ColorSchemaTypes | import("@omnia/fx-models").ColorSchemaType, colorType: import("@omnia/fx-models").ColorType | import("@omnia/fx-models").ColorTypes) => string;
+                complementaryColorDefinition: (colorSchemaType: import("@omnia/fx-models").ColorSchemaTypes | import("@omnia/fx-models").ColorSchemaType, colorType: import("@omnia/fx-models").ColorType | import("@omnia/fx-models").ColorTypes) => import("@omnia/fx-models").ColorDefinition;
+                currentTheme: () => import("@omnia/fx-models").ThemeDefinitionV2;
+            };
+            actions: {
+                setTheme(newTheme: import("@omnia/fx-models").ThemeDefinitionV2): void;
+            };
+        };
+    };
+    get: {
+        readonly all: BlueprintDefinition;
+        byType: <TType extends BlueprintItemDefinition>(type: VelcronBlueprintDefintionType | VelcronBlueprintDefintionType) => TType;
+        readonly typography: TypographyBlueprint;
+    };
+    actions: {
+        setThemeStore: (themeStoreInstance: ReturnType<typeof useVelcronThemingStore>, blueprintType?: BlueprintTypes | BlueprintType) => void;
+        setBlueprint: (type: BlueprintTypes | BlueprintType) => void;
+    };
+};

package/internal-do-not-import-from-here/ux/velcron/core/stores/VelcronColorSchema.d.ts

@@ -14,6 +14,7 @@ export declare const useVelcronColorSchemaStore: (newStateWithName?: string) =>
                 currentTheme: import("@omnia/fx-models").ThemeDefinitionV2;
             };
             get: {
+                blueprint: (blueprintType: import("@omnia/fx-models").BlueprintType | import("@omnia/fx-models").BlueprintTypes) => import("@omnia/fx-models").BlueprintDefinition;
                 colorSchema: (colorSchemaType: ColorSchemaTypes | ColorSchemaType) => ColorSchema;
                 typography: (typographyType: import("@omnia/fx-models").TypographyType | import("@omnia/fx-models").TypographyTypes) => import("@omnia/fx-models").TypographyTypeDefinition;
                 color: (colorSchemaType: ColorSchemaTypes | ColorSchemaType, colorType: import("@omnia/fx-models").ColorType | import("@omnia/fx-models").ColorTypes) => string;

package/internal-do-not-import-from-here/ux/velcron/core/stores/VelcronTheming.d.ts

@@ -1,9 +1,10 @@
-import { ColorSchemaType, ColorSchemaTypes, ColorType, ColorTypes, ThemeDefinitionV2, TypographyType, TypographyTypes } from "..";
+import { BlueprintType, BlueprintTypes, ColorSchemaType, ColorSchemaTypes, ColorType, ColorTypes, ThemeDefinitionV2, TypographyType, TypographyTypes } from "..";
 export declare const useVelcronThemingStore: (newStateWithName?: string) => {
     state: {
         currentTheme: ThemeDefinitionV2;
     };
     get: {
+        blueprint: (blueprintType: BlueprintTypes | BlueprintType) => import("..").BlueprintDefinition;
         colorSchema: (colorSchemaType: ColorSchemaTypes | ColorSchemaType) => import("..").ColorSchema;
         typography: (typographyType: TypographyTypes | TypographyType) => import("..").TypographyTypeDefinition;
         color: (colorSchemaType: ColorSchemaTypes | ColorSchemaType, colorType: ColorTypes | ColorType) => string;

package/internal-do-not-import-from-here/ux/velcron/core/stores/index.d.ts

@@ -2,3 +2,4 @@ export * from "./VelcronStore";
 export * from "./VelcronTheming";
 export * from "./ReactivitySystem";
 export * from "./VelcronColorSchema";
+export * from "./VelcronBlueprint";