@omnia/fx 8.0.162-dev → 8.0.164-dev

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

@@ -1,7 +1,18 @@
 import { VelcronAppDefinition } from "@omnia/fx-models";
-import { VelcronStateEditor } from "../../core";
+import { EditorLocation, VelcronEditor } from "../../core";
 declare const _default: {
     new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+        "preview-color-schema-type": {
+            type: import("vue").PropType<"background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic">;
+        };
+        previewColorSchemaType: {
+            type: import("vue").PropType<"background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic">;
+        };
+        location: {
+            type: import("vue").PropType<EditorLocation>;
+        } & {
+            type: import("vue").PropType<EditorLocation>;
+        };
         "hide-property-mapped": {
             type: import("vue").PropType<boolean>;
         };
@@ -9,10 +20,10 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
         };
         "property-editors": {
-            type: import("vue").PropType<VelcronStateEditor<any>[]>;
+            type: import("vue").PropType<VelcronEditor<any>[]>;
         };
         propertyEditors: {
-            type: import("vue").PropType<VelcronStateEditor<any>[]>;
+            type: import("vue").PropType<VelcronEditor<any>[]>;
         };
         "onUpdate:modelValue": {
             type: import("vue").PropType<(value: VelcronAppDefinition<object>) => any>;
@@ -82,9 +93,24 @@ declare const _default: {
         };
     }>> & {
         "onUpdate:modelValue"?: (value: VelcronAppDefinition<object>) => any;
+        "onValue:enter"?: (propertyEditorMapping: VelcronEditor<any>, value: any) => any;
+        "onValue:leave"?: (propertyEditorMapping: VelcronEditor<any>, value: any) => any;
     }, () => JSX.Element[], unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         "update:modelValue": (value: VelcronAppDefinition) => true;
+        "value:enter": (propertyEditorMapping: VelcronEditor, value: any) => true;
+        "value:leave": (propertyEditorMapping: VelcronEditor, value: any) => true;
     }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+        "preview-color-schema-type": {
+            type: import("vue").PropType<"background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic">;
+        };
+        previewColorSchemaType: {
+            type: import("vue").PropType<"background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic">;
+        };
+        location: {
+            type: import("vue").PropType<EditorLocation>;
+        } & {
+            type: import("vue").PropType<EditorLocation>;
+        };
         "hide-property-mapped": {
             type: import("vue").PropType<boolean>;
         };
@@ -92,10 +118,10 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
         };
         "property-editors": {
-            type: import("vue").PropType<VelcronStateEditor<any>[]>;
+            type: import("vue").PropType<VelcronEditor<any>[]>;
         };
         propertyEditors: {
-            type: import("vue").PropType<VelcronStateEditor<any>[]>;
+            type: import("vue").PropType<VelcronEditor<any>[]>;
         };
         "onUpdate:modelValue": {
             type: import("vue").PropType<(value: VelcronAppDefinition<object>) => any>;
@@ -165,6 +191,8 @@ declare const _default: {
         };
     }>> & {
         "onUpdate:modelValue"?: (value: VelcronAppDefinition<object>) => any;
+        "onValue:enter"?: (propertyEditorMapping: VelcronEditor<any>, value: any) => any;
+        "onValue:leave"?: (propertyEditorMapping: VelcronEditor<any>, value: any) => any;
     }, {}, true, {}, {}, {
         P: {};
         B: {};
@@ -173,6 +201,17 @@ declare const _default: {
         M: {};
         Defaults: {};
     }, Readonly<import("vue").ExtractPropTypes<{
+        "preview-color-schema-type": {
+            type: import("vue").PropType<"background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic">;
+        };
+        previewColorSchemaType: {
+            type: import("vue").PropType<"background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic">;
+        };
+        location: {
+            type: import("vue").PropType<EditorLocation>;
+        } & {
+            type: import("vue").PropType<EditorLocation>;
+        };
         "hide-property-mapped": {
             type: import("vue").PropType<boolean>;
         };
@@ -180,10 +219,10 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
         };
         "property-editors": {
-            type: import("vue").PropType<VelcronStateEditor<any>[]>;
+            type: import("vue").PropType<VelcronEditor<any>[]>;
         };
         propertyEditors: {
-            type: import("vue").PropType<VelcronStateEditor<any>[]>;
+            type: import("vue").PropType<VelcronEditor<any>[]>;
         };
         "onUpdate:modelValue": {
             type: import("vue").PropType<(value: VelcronAppDefinition<object>) => any>;
@@ -253,11 +292,24 @@ declare const _default: {
         };
     }>> & {
         "onUpdate:modelValue"?: (value: VelcronAppDefinition<object>) => any;
+        "onValue:enter"?: (propertyEditorMapping: VelcronEditor<any>, value: any) => any;
+        "onValue:leave"?: (propertyEditorMapping: VelcronEditor<any>, value: any) => any;
     }, () => JSX.Element[], {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    "preview-color-schema-type": {
+        type: import("vue").PropType<"background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic">;
+    };
+    previewColorSchemaType: {
+        type: import("vue").PropType<"background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic">;
+    };
+    location: {
+        type: import("vue").PropType<EditorLocation>;
+    } & {
+        type: import("vue").PropType<EditorLocation>;
+    };
     "hide-property-mapped": {
         type: import("vue").PropType<boolean>;
     };
@@ -265,10 +317,10 @@ declare const _default: {
         type: import("vue").PropType<boolean>;
     };
     "property-editors": {
-        type: import("vue").PropType<VelcronStateEditor<any>[]>;
+        type: import("vue").PropType<VelcronEditor<any>[]>;
     };
     propertyEditors: {
-        type: import("vue").PropType<VelcronStateEditor<any>[]>;
+        type: import("vue").PropType<VelcronEditor<any>[]>;
     };
     "onUpdate:modelValue": {
         type: import("vue").PropType<(value: VelcronAppDefinition<object>) => any>;
@@ -338,8 +390,12 @@ declare const _default: {
     };
 }>> & {
     "onUpdate:modelValue"?: (value: VelcronAppDefinition<object>) => any;
+    "onValue:enter"?: (propertyEditorMapping: VelcronEditor<any>, value: any) => any;
+    "onValue:leave"?: (propertyEditorMapping: VelcronEditor<any>, value: any) => any;
 }, () => JSX.Element[], unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: VelcronAppDefinition) => true;
+    "value:enter": (propertyEditorMapping: VelcronEditor, value: any) => true;
+    "value:leave": (propertyEditorMapping: VelcronEditor, value: any) => true;
 }, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     propsDefinition: Omit<Readonly<{} & {
         name?: {
@@ -406,12 +462,17 @@ declare const _default: {
         "v-model"?: VelcronAppDefinition<object>;
         "onUpdate:modelValue"?: (value: VelcronAppDefinition<object>) => any;
         modelValue?: VelcronAppDefinition<object>;
-        propertyEditors?: VelcronStateEditor<any>[];
-        "property-editors"?: VelcronStateEditor<any>[];
+        location?: EditorLocation;
+        previewColorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
+        "preview-color-schema-type"?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
+        propertyEditors?: VelcronEditor<any>[];
+        "property-editors"?: VelcronEditor<any>[];
         hidePropertyMapped?: boolean;
         "hide-property-mapped"?: boolean;
-    }>, "onUpdate:modelValue"> & {
+    }>, "onUpdate:modelValue" | "onValue:enter" | "onValue:leave"> & {
         "onUpdate:modelValue"?: (value: VelcronAppDefinition<object>) => any;
+        "onValue:enter"?: (propertyEditorMapping: VelcronEditor<any>, value: any) => any;
+        "onValue:leave"?: (propertyEditorMapping: VelcronEditor<any>, value: any) => any;
     };
 };
 export default _default;

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

@@ -16,22 +16,9 @@ export declare enum VelcronActionTypes {
 export declare enum VelcronIconTypes {
     fontAwesome = "fa"
 }
-export declare enum VelcronViewDirections {
-    row = "row",
-    column = "column",
-    rowReverse = "row-reverse",
-    columnRevers = "column-reverse"
-}
-export declare enum VelcronHorizontalAlignments {
-    left = "left",
-    center = "center",
-    right = "right"
-}
-export declare enum VelcronVerticalAlignments {
-    top = "top",
-    center = "center",
-    bottom = "bottom"
-}
+export type VelcronViewDirections = "row" | "column" | "row-reverse" | "column-reverse";
+export type VelcronHorizontalAlignments = "left" | "center" | "right";
+export type VelcronVerticalAlignments = "top" | "center" | "bottom";
 export declare enum VelcronDataTypes {
     unknown = "unknown",
     object = "object",

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

@@ -1,4 +1,4 @@
-import { VelcronOnUpdatedEvent, VelcronOnClosedEvent, VelcronOnCloseRequestedEvent, VelcronOnPressEvent, VelcronSpacing, VelcronStyling, VelcronCustomComponentDefinition, VelcronAppDefinition, VelcronRendererResolverReference, EventHook, Future, TextBlueprint, VelcronBindableProp, ContainerBlueprint, BackgroundDefinition, VelcronStateEditor } from "@omnia/fx-models/internal-do-not-import-from-here/shared/models";
+import { VelcronOnUpdatedEvent, VelcronOnClosedEvent, VelcronOnCloseRequestedEvent, VelcronOnPressEvent, VelcronSpacing, VelcronStyling, VelcronCustomComponentDefinition, VelcronAppDefinition, VelcronRendererResolverReference, EventHook, Future, TextBlueprint, VelcronBindableProp, VelcronEditor, ContainerBlueprint, BackgroundDefinition, ContainerVariant } from "@omnia/fx-models/internal-do-not-import-from-here/shared/models";
 import { VelcroncomponentArrayType, VelcronPrimitiveType } from "./VelcronTypes";
 import { AssignOperators, VelcronHorizontalAlignments, VelcronIconTypes, VelcronActionTypes, VelcronVerticalAlignments } from "./Enums";
 import { DynamicState, VelcronDefinition, useVelcronThemingStore } from "..";
@@ -85,11 +85,11 @@ export interface VelcronRenderContextEventHandlersInstance extends VelcronRender
 }
 export interface VelcronRenderContextHooks {
     dialogVisibilityChanged?: ((visible: boolean) => void);
-    onItemSelected?: ((item: VelcronDefinition) => void);
+    onItemSelected?: ((item: VelcronDefinition, renderContext: VelcronRenderContext) => void);
     wrapperStyleExtensions?: ((item: VelcronDefinition, renderContext: VelcronRenderContext) => string);
-    renderExtensions?: <TNodeType>(item: VelcronDefinition) => TNodeType;
+    renderExtensions?: <TNodeType>(item: VelcronDefinition, renderContext: VelcronRenderContext) => TNodeType;
     appStyleExtension?: (() => string);
-    onItemCreatedProps?: ((item: VelcronDefinition) => object);
+    onItemCreatedProps?: ((item: VelcronDefinition, renderContext: VelcronRenderContext) => object);
 }
 export interface VelcronContainerRenderer {
     definition: VelcronDefinition;
@@ -161,7 +161,7 @@ export interface VelcronFlexRowDefinition extends VelcronDefinition, VelcronColo
     events?: VelcronOnPressEvent;
     direction?: VelcronBindableProp<"row" | "row-reverse">;
     absolute?: VelcronSpacing;
-    blueprint?: ContainerBlueprint;
+    blueprint?: ContainerBlueprint | ContainerVariant;
     background?: BackgroundDefinition;
     hideOverflow?: boolean;
     wrap?: boolean;
@@ -194,7 +194,6 @@ export interface VelcronTextDefinition extends VelcronDefinition, VelcronColorSt
     type: "text";
     value?: VelcronBindableProp;
     placeholder?: VelcronBindableProp;
-    editLabel?: VelcronBindableProp;
     lineClamp?: VelcronBindableProp<number>;
     noWrap?: VelcronBindableProp<boolean>;
     wordBreak?: VelcronBindableProp<"none">;
@@ -295,9 +294,9 @@ export interface VelcronSlidePanelDefinition extends VelcronDefinition {
     style?: VelcronCardStyling;
     events?: VelcronOnPressEvent;
 }
-export interface VelcronEditorDefinition extends VelcronDefinition {
+export interface VelcronEditorRendererDefinition extends VelcronDefinition {
     type: "editor";
-    editor: VelcronStateEditor;
+    editor: VelcronEditor;
     value: VelcronBindableProp<string>;
     events?: VelcronOnUpdatedEvent;
 }
@@ -326,7 +325,7 @@ export interface VelcronSlotDefinition extends VelcronDefinition {
 }
 export interface VelcronReferenceDefinition extends VelcronDefinition {
     type: "reference";
-    to: VelcronRendererResolverReference;
+    to: VelcronBindableProp<VelcronRendererResolverReference>;
     state: string;
 }
 export interface VelcronPropertyDefinition extends VelcronDefinitionWithEditMode {

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

@@ -1,7 +1,6 @@
-import { BuiltInPropertyEditorType, TextBlueprint, TypographySize, TypographyType, VelcronSpacing, VelcronStateEditor } from "@omnia/fx-models/internal-do-not-import-from-here/shared/models";
-import { VelcronImageRatios } from "./VelcronDefinitions";
+import { BuiltInPropertyEditorType, TypographyType, VelcronEditor } from "@omnia/fx-models/internal-do-not-import-from-here/shared/models";
 export interface ResolvedPropertyEditor {
-    editor: VelcronStateEditor;
+    editor: VelcronEditor;
 }
 export type BuiltInPropertyEditorMap = {
     [key in BuiltInPropertyEditorType]: unknown;
@@ -24,240 +23,57 @@ export interface VelcronTextEditorSettings {
     type: TypographyType;
     placeholder: string;
 }
-export interface VelcronSliderPropertyEditor extends VelcronStateEditor<VelcronSliderPropertyEditorSettings> {
+export interface VelcronBlueprintEditorSettings {
+    type: "container" | "";
+}
+export interface VelcronBackgroundEditorSettings {
+    type: "image" | "video";
+}
+export interface VelcronSliderPropertyEditor extends VelcronEditor<VelcronSliderPropertyEditorSettings> {
     type: "slider";
 }
-export interface VelcronTextPropertyEditor extends VelcronStateEditor<VelcronTextEditorSettings> {
+export interface VelcronTextPropertyEditor extends VelcronEditor<VelcronTextEditorSettings> {
     type: "text";
 }
-export interface VelcronEnterprisePropertyEditor extends VelcronStateEditor<any> {
+export interface VelcronEnterprisePropertyEditor extends VelcronEditor<any> {
     type: "enterprise-property";
 }
-export interface VelcronTypographyPropertyEditor extends VelcronStateEditor<VelcronTypographyEditorSettings> {
+export interface VelcronTypographyPropertyEditor extends VelcronEditor<VelcronTypographyEditorSettings> {
     type: "typography";
 }
-export interface VelcronContainerPropertyEditor extends VelcronStateEditor<any> {
-    type: "container";
-}
-export interface VelcronSwitchPropertyEditor extends VelcronStateEditor<any> {
+export interface VelcronSwitchPropertyEditor extends VelcronEditor<any> {
     type: "switch";
 }
-export interface VelcronAlignmentPropertyEditor extends VelcronStateEditor<any> {
+export interface VelcronAlignmentPropertyEditor extends VelcronEditor<any> {
     type: "alignment";
 }
-export interface VelcronColorPropertyEditor extends VelcronStateEditor<any> {
+export interface VelcronColorPropertyEditor extends VelcronEditor<any> {
     type: "color";
 }
-export interface VelcronColorSchemaPropertyEditor extends VelcronStateEditor<any> {
+export interface VelcronColorSchemaPropertyEditor extends VelcronEditor<any> {
     type: "color-schema-type";
 }
-export interface VelcronIconPropertyEditor extends VelcronStateEditor<any> {
+export interface VelcronIconPropertyEditor extends VelcronEditor<any> {
     type: "icon";
 }
-export interface VelcronMarkdownPropertyEditor extends VelcronStateEditor<VelcronMarkdownEditorSettings> {
+export interface VelcronMarkdownPropertyEditor extends VelcronEditor<VelcronMarkdownEditorSettings> {
     type: "markdown";
 }
-export interface VelcronImagePropertyEditor extends VelcronStateEditor<any> {
+export interface VelcronImagePropertyEditor extends VelcronEditor<any> {
     type: "image";
 }
-export interface VelcronSpacingPropertyEditor extends VelcronStateEditor<VelcronSpacingEditorSettings> {
+export interface VelcronSpacingPropertyEditor extends VelcronEditor<VelcronSpacingEditorSettings> {
     type: "spacing";
 }
-export interface VelcronReferencePropertyEditor extends VelcronStateEditor<any> {
+export interface VelcronReferencePropertyEditor extends VelcronEditor<any> {
     type: "reference";
 }
-export interface VelcronState {
-    images?: VelcronImagesState;
-    styling?: VelcronStylingState;
-    colorSchemas?: VelcronColorSchemasState;
-    content?: VelcronContentState;
-    header?: VelcronHeaderState;
-    properties?: VelcronPropertiesState;
-    spacing?: VelcronSpacingState;
-}
-export interface VelcronSpacingState {
-    chrome?: VelcronSpacing;
-}
-export interface VelcronHeaderState {
-    title?: VelcronTextState;
-    icon?: string;
-}
-export interface VelcronTextState {
-    text?: string;
-    placeholder?: string;
-    typography?: VelcronTypographyState;
-}
-export interface VelcronTypographyState {
-    type?: TypographyType;
-    size?: TypographySize;
-    toned?: boolean;
-}
-export interface VelcronContentState {
-    caption?: VelcronTextState;
-    main?: VelcronTextState;
-    title?: VelcronTextState;
-    summary?: VelcronTextState;
-}
-export interface VelcronPropertiesState {
-    user: any;
-    mappings: Array<any>;
+export interface VelcronBlueprintEditor extends VelcronEditor<VelcronBlueprintEditorSettings> {
+    type: "blueprint";
 }
-export interface VelcronImagesState {
-    main?: VelcronImageState;
-    alt1?: VelcronImageState;
-    alt2?: VelcronImageState;
+export interface VelcronBackgroundEditor extends VelcronEditor<VelcronBackgroundEditorSettings> {
+    type: "background";
 }
-export interface VelcronImageState {
-    url?: string;
-    ratio?: VelcronImageRatios;
-    caption?: VelcronTextState;
-    width?: number;
-    height?: number;
+export interface VelcronGridEditor extends VelcronEditor<any> {
+    type: "grid";
 }
-export interface VelcronStylingState {
-}
-export interface VelcronColorSchemasState {
-    main: string;
-}
-export declare const VelcronImagesStateBinding: {
-    main: {
-        editor: string;
-        url: string;
-        ratio: string;
-        caption: string;
-        width: string;
-        height: string;
-    };
-    alt1: {
-        editor: string;
-        url: string;
-        ratio: string;
-        caption: string;
-        width: string;
-        height: string;
-    };
-    alt2: {
-        editor: string;
-        url: string;
-        ratio: string;
-        caption: string;
-        width: string;
-        height: string;
-    };
-};
-export declare const VelcronHeaderStateBinding: {
-    title: {
-        text: string;
-        placeholder: string;
-        blueprint: import("@omnia/fx-models/internal-do-not-import-from-here/shared/models").VelcronBindableProp<TextBlueprint>;
-    };
-    icon: string;
-};
-export declare const VelcronContentStateBinding: {
-    title: {
-        text: string;
-        placeholder: string;
-        blueprint: import("@omnia/fx-models/internal-do-not-import-from-here/shared/models").VelcronBindableProp<TextBlueprint>;
-    };
-    main: {
-        text: string;
-        placeholder: string;
-        blueprint: import("@omnia/fx-models/internal-do-not-import-from-here/shared/models").VelcronBindableProp<TextBlueprint>;
-    };
-    caption: {
-        text: string;
-        placeholder: string;
-        blueprint: import("@omnia/fx-models/internal-do-not-import-from-here/shared/models").VelcronBindableProp<TextBlueprint>;
-    };
-    summary: {
-        text: string;
-        placeholder: string;
-        blueprint: import("@omnia/fx-models/internal-do-not-import-from-here/shared/models").VelcronBindableProp<TextBlueprint>;
-    };
-};
-export declare const VelcronColorSchemasStateBinding: {
-    main: {
-        type: string;
-        filled: string;
-    };
-};
-export declare const VelcronSpacingStateBinding: {
-    chrome: {
-        top: string;
-        right: string;
-        bottom: string;
-        left: string;
-    };
-};
-export declare const VelcronStateBinding: {
-    colorSchemas: {
-        main: {
-            type: string;
-            filled: string;
-        };
-    };
-    images: {
-        main: {
-            editor: string;
-            url: string;
-            ratio: string;
-            caption: string;
-            width: string;
-            height: string;
-        };
-        alt1: {
-            editor: string;
-            url: string;
-            ratio: string;
-            caption: string;
-            width: string;
-            height: string;
-        };
-        alt2: {
-            editor: string;
-            url: string;
-            ratio: string;
-            caption: string;
-            width: string;
-            height: string;
-        };
-    };
-    content: {
-        title: {
-            text: string;
-            placeholder: string;
-            blueprint: import("@omnia/fx-models/internal-do-not-import-from-here/shared/models").VelcronBindableProp<TextBlueprint>;
-        };
-        main: {
-            text: string;
-            placeholder: string;
-            blueprint: import("@omnia/fx-models/internal-do-not-import-from-here/shared/models").VelcronBindableProp<TextBlueprint>;
-        };
-        caption: {
-            text: string;
-            placeholder: string;
-            blueprint: import("@omnia/fx-models/internal-do-not-import-from-here/shared/models").VelcronBindableProp<TextBlueprint>;
-        };
-        summary: {
-            text: string;
-            placeholder: string;
-            blueprint: import("@omnia/fx-models/internal-do-not-import-from-here/shared/models").VelcronBindableProp<TextBlueprint>;
-        };
-    };
-    header: {
-        title: {
-            text: string;
-            placeholder: string;
-            blueprint: import("@omnia/fx-models/internal-do-not-import-from-here/shared/models").VelcronBindableProp<TextBlueprint>;
-        };
-        icon: string;
-    };
-    spacing: {
-        chrome: {
-            top: string;
-            right: string;
-            bottom: string;
-            left: string;
-        };
-    };
-};