@omnia/fx 8.0.38-vnext → 8.0.40-vnext

package/internal-do-not-import-from-here/stores/oxide/ComponentHostStore.d.ts

@@ -1,28 +1,36 @@
-declare const HostContainerTypeDefinitions: string[];
-export type HostContainerTypes = typeof HostContainerTypeDefinitions[number];
-declare const ContainerVariantDefinitions: string[];
-export type ContainerVariants = typeof ContainerVariantDefinitions[number];
+declare const HostTypeDefinitions: readonly ["admin", "editor", "docs"];
+export type HostTypes = typeof HostTypeDefinitions[number];
+declare const ComponentHostTypeDefinitions: readonly ["dialog", "drawer", "expansion-panel", "blade", "app", "table", "appbar", "toolbar", "tab"];
+export type ComponentHostTypes = typeof ComponentHostTypeDefinitions[number];
+declare const ComponentVariantDefinitions: readonly ["footer", "content", "navigation", "header", "settings", "info-section", "wrapper"];
+export type ComponentVariants = typeof ComponentVariantDefinitions[number];
 export declare const useCompontentHostStore: (newInstanceWithName?: string) => {
     state: {
-        hostType: string;
-        containerVariant: string;
+        host: "admin" | "editor" | "docs";
+        componentHost: "dialog" | "table" | "tab" | "toolbar" | "drawer" | "expansion-panel" | "blade" | "app" | "appbar";
+        componentVariant: "footer" | "header" | "content" | "navigation" | "settings" | "info-section" | "wrapper";
         force: boolean;
     };
     get: {
-        readonly hostType: string;
-        readonly containerVariant: string;
+        canApplyOn: (hostType: ComponentHostTypes | HostTypes, variant?: any) => boolean;
+        readonly host: "admin" | "editor" | "docs";
+        readonly componentHost: "dialog" | "table" | "tab" | "toolbar" | "drawer" | "expansion-panel" | "blade" | "app" | "appbar";
+        readonly componentVariant: "footer" | "header" | "content" | "navigation" | "settings" | "info-section" | "wrapper";
         readonly force: boolean;
     };
     actions: {
-        setHostType: (type: HostContainerTypes) => void;
-        setVariant: (variant: ContainerVariants) => void;
+        setHost: (type: HostTypes) => void;
+        setComponentHost: (type: ComponentHostTypes) => void;
+        setComponentVariant: (variant: ComponentVariants) => void;
         setForce: (value: boolean) => void;
     };
     events: {
-        onMutatingHostType: import("@omnia/fx").EventHook<string>;
-        onMutatedHostType: import("@omnia/fx").EventHook<string>;
-        onMutatingContainerVariant: import("@omnia/fx").EventHook<string>;
-        onMutatedContainerVariant: import("@omnia/fx").EventHook<string>;
+        onMutatingHost: import("@omnia/fx").EventHook<"admin" | "editor" | "docs">;
+        onMutatedHost: import("@omnia/fx").EventHook<"admin" | "editor" | "docs">;
+        onMutatingComponentHost: import("@omnia/fx").EventHook<"dialog" | "table" | "tab" | "toolbar" | "drawer" | "expansion-panel" | "blade" | "app" | "appbar">;
+        onMutatedComponentHost: import("@omnia/fx").EventHook<"dialog" | "table" | "tab" | "toolbar" | "drawer" | "expansion-panel" | "blade" | "app" | "appbar">;
+        onMutatingComponentVariant: import("@omnia/fx").EventHook<"footer" | "header" | "content" | "navigation" | "settings" | "info-section" | "wrapper">;
+        onMutatedComponentVariant: import("@omnia/fx").EventHook<"footer" | "header" | "content" | "navigation" | "settings" | "info-section" | "wrapper">;
         onMutatingForce: import("@omnia/fx").EventHook<boolean>;
         onMutatedForce: import("@omnia/fx").EventHook<boolean>;
     };

package/internal-do-not-import-from-here/ux/docs/chrome/SampleViewer.d.ts

@@ -49,9 +49,9 @@ declare const _default: {
                 [key: string]: any;
             }>) => void)[];
             readonly description?: string;
+            readonly component?: any;
             readonly relativeUrl?: string;
             readonly "relative-url"?: string;
-            readonly component?: any;
         };
         $attrs: {
             [x: string]: unknown;
@@ -160,9 +160,9 @@ declare const _default: {
     propsDefinition: Omit<Readonly<{} & {
         title?: string;
         description?: string;
+        component?: any;
         relativeUrl?: string;
         "relative-url"?: string;
-        component?: any;
     }>, never>;
 };
 export default _default;

package/internal-do-not-import-from-here/ux/documenticon/DocumentIcon.d.ts

@@ -1,10 +1,10 @@
 import { VueComponentBase } from "@omnia/fx/ux";
 import { IWebComponentInstance } from "../..";
 import { IDocumentIcon } from "./IDocumentIcon";
-import { OIconSizes, ImageSources } from "../../models";
+import { ImageSources, IconSizes } from "../../models";
 export declare class DocumentIcon extends VueComponentBase implements IWebComponentInstance, IDocumentIcon {
     color?: string;
-    size?: OIconSizes;
+    size?: IconSizes;
     source?: ImageSources;
     extension: string;
     content: string;

package/internal-do-not-import-from-here/ux/documenticon/IDocumentIcon.d.ts

@@ -1,7 +1,7 @@
-import { OIconSizes, ImageSources } from "@omnia/fx/models";
+import { IconSizes, ImageSources } from "@omnia/fx/models";
 import { TsxAllowUnknowProperties } from "../TsxAllowUnknowProperties";
 export interface IDocumentIconProperties {
-    size?: OIconSizes;
+    size?: IconSizes;
     source?: ImageSources;
     extension: string;
     color?: string;

package/internal-do-not-import-from-here/ux/journey/v2/JourneyBlade.d.ts

@@ -54,6 +54,7 @@ declare const _default: {
             }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
             }>) => void)[];
+            readonly settings?: boolean;
             readonly "v-slots"?: {
                 default?: Func<[VNodeChild]>;
             } & {
@@ -61,7 +62,6 @@ declare const _default: {
                 actionsFooter?: Func<[VNodeChild]>;
             };
             readonly variant?: string;
-            readonly settings?: boolean;
             readonly create?: boolean;
             readonly save?: boolean;
             readonly subTitle?: string;
@@ -301,6 +301,7 @@ declare const _default: {
         delete?: boolean;
         size?: BladeSizes;
         icon?: IIcon;
+        settings?: boolean;
         "v-slots"?: {
             default?: Func<[VNodeChild]>;
         } & {
@@ -308,7 +309,6 @@ declare const _default: {
             actionsFooter?: Func<[VNodeChild]>;
         };
         variant?: string;
-        settings?: boolean;
         create?: boolean;
         save?: boolean;
         subTitle?: string;

package/internal-do-not-import-from-here/ux/journey/v2/docs/ExampleComponents.d.ts

@@ -0,0 +1 @@
+export declare const ExampleComponents: import("@omnia/fx/ux").ComponentSpec;

package/internal-do-not-import-from-here/ux/journey/v2/docs/SampleComponent.d.ts

@@ -0,0 +1,91 @@
+declare const _default: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: {
+            style?: unknown;
+            class?: unknown;
+            key?: string | number | symbol;
+            ref?: import("vue").VNodeRef;
+            ref_for?: boolean;
+            ref_key?: string;
+            onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+        };
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot<any>;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{}>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    propsDefinition: Omit<Readonly<{} & {}>, never>;
+};
+export default _default;

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/settings/blocktitle/BlockTitle.css.d.ts

@@ -1,9 +1,9 @@
-import { OIconSizes, BlockTitleIconSettings, BlockTitleSettings, TextAlignment } from "../../../../../models";
+import { BlockTitleIconSettings, BlockTitleSettings, TextAlignment, IconSizes } from "../../../../../models";
 import { ITheming } from "../../../..";
 export declare const BlockTitleStyles: {
     safeGetSpacingPixels(value: any, spacing: any): string;
-    getIconOffset(iconSize: OIconSizes): -10 | -15 | -25 | -30;
-    getIconOffsetIconOnly(iconSize: OIconSizes): -5 | -15 | -17;
+    getIconOffset(iconSize: IconSizes): -10 | -15 | -25 | -30;
+    getIconOffsetIconOnly(iconSize: IconSizes): -5 | -15 | -17;
     iconWrapperButton: (settings: BlockTitleIconSettings) => string;
     iconInButton: (settings: BlockTitleIconSettings, theming: ITheming) => string;
     wrapper: (settings: BlockTitleSettings, textAlignment: TextAlignment, theming: ITheming) => string;

package/internal-do-not-import-from-here/ux/oxide/appbar/Appbar.d.ts

@@ -57,13 +57,13 @@ declare const _default: {
             }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
             }>) => void)[];
+            readonly navigation?: boolean;
             readonly "v-slots"?: {
                 default?: Func<[VNodeChild]>;
             } & {
                 actionButtons?: Func<[VNodeChild]>;
             };
-            readonly variant?: string;
-            readonly navigation?: boolean;
+            readonly variant?: "default" | "app";
             readonly closable?: boolean;
             readonly subTitle?: string;
             "onClick:navigation"?: () => any;
@@ -101,7 +101,7 @@ declare const _default: {
                 type: import("vue").PropType<boolean>;
             };
             variant: {
-                type: import("vue").PropType<string>;
+                type: import("vue").PropType<"default" | "app">;
             };
             absolute: {
                 type: import("vue").PropType<boolean>;
@@ -169,7 +169,7 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
         };
         variant: {
-            type: import("vue").PropType<string>;
+            type: import("vue").PropType<"default" | "app">;
         };
         absolute: {
             type: import("vue").PropType<boolean>;
@@ -212,7 +212,7 @@ declare const _default: {
         type: import("vue").PropType<boolean>;
     };
     variant: {
-        type: import("vue").PropType<string>;
+        type: import("vue").PropType<"default" | "app">;
     };
     absolute: {
         type: import("vue").PropType<boolean>;
@@ -253,13 +253,13 @@ declare const _default: {
         class?: String | String[];
         id?: string;
         absolute?: boolean;
+        navigation?: boolean;
         "v-slots"?: {
             default?: Func<[VNodeChild]>;
         } & {
             actionButtons?: Func<[VNodeChild]>;
         };
-        variant?: string;
-        navigation?: boolean;
+        variant?: "default" | "app";
         closable?: boolean;
         subTitle?: string;
     }>, "onClick:navigation" | "onClick:close"> & {

package/internal-do-not-import-from-here/ux/oxide/btn/Button.css.d.ts

@@ -1,5 +1,5 @@
 import { ButtonVariants } from "@omnia/fx-models";
 export declare const buttonStyles: {
     transparentWrapper: string;
-    wrapper: (background: string, text: string, iconColor: string, variant: ButtonVariants) => string;
+    wrapper: (background: string, text: string, iconColor: string, variant: ButtonVariants, transparent: boolean) => string;
 };

package/internal-do-not-import-from-here/ux/oxide/btn/Button.d.ts

@@ -15,7 +15,7 @@ declare const _default: {
             style?: unknown;
             class?: String | String[];
             key?: string | number | symbol;
-            readonly size?: string;
+            readonly size?: "small" | "default" | "x-small";
             readonly icon?: ButtonIconOptions;
             readonly tooltip?: ButtonTooltipOptions;
             readonly active?: boolean;
@@ -61,10 +61,10 @@ declare const _default: {
             }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
             }>) => void)[];
-            readonly variant?: string;
+            readonly variant?: "default" | "opacity" | "toolbar" | "prominent" | "dial";
             readonly loading?: boolean;
             readonly overrides?: object;
-            readonly preset?: string;
+            readonly preset?: "cancel" | "close" | "delete" | "settings" | "create" | "ok" | "save" | "icon-add" | "icon-delete" | "icon-edit" | "icon-drag-handle" | "icon-copy" | "icon-code" | "icon-close" | "icon-back" | "icon-navigate" | "icon-settings";
             readonly grouped?: boolean;
             readonly toned?: boolean;
         };
@@ -105,19 +105,19 @@ declare const _default: {
                 type: import("vue").PropType<boolean>;
             };
             size: {
-                type: import("vue").PropType<string>;
+                type: import("vue").PropType<"small" | "default" | "x-small">;
             };
             tooltip: {
                 type: import("vue").PropType<ButtonTooltipOptions>;
             };
             preset: {
-                type: import("vue").PropType<string>;
+                type: import("vue").PropType<"cancel" | "close" | "delete" | "settings" | "create" | "ok" | "save" | "icon-add" | "icon-delete" | "icon-edit" | "icon-drag-handle" | "icon-copy" | "icon-code" | "icon-close" | "icon-back" | "icon-navigate" | "icon-settings">;
             };
             overrides: {
                 type: import("vue").PropType<object>;
             };
             variant: {
-                type: import("vue").PropType<string>;
+                type: import("vue").PropType<"default" | "opacity" | "toolbar" | "prominent" | "dial">;
             };
             text: {
                 type: import("vue").PropType<string>;
@@ -184,19 +184,19 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
         };
         size: {
-            type: import("vue").PropType<string>;
+            type: import("vue").PropType<"small" | "default" | "x-small">;
         };
         tooltip: {
             type: import("vue").PropType<ButtonTooltipOptions>;
         };
         preset: {
-            type: import("vue").PropType<string>;
+            type: import("vue").PropType<"cancel" | "close" | "delete" | "settings" | "create" | "ok" | "save" | "icon-add" | "icon-delete" | "icon-edit" | "icon-drag-handle" | "icon-copy" | "icon-code" | "icon-close" | "icon-back" | "icon-navigate" | "icon-settings">;
         };
         overrides: {
             type: import("vue").PropType<object>;
         };
         variant: {
-            type: import("vue").PropType<string>;
+            type: import("vue").PropType<"default" | "opacity" | "toolbar" | "prominent" | "dial">;
         };
         text: {
             type: import("vue").PropType<string>;
@@ -214,7 +214,6 @@ declare const _default: {
         blueprintType?: any;
         blueprint?: any;
     }>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
-    /** End Component host provider settings */
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
@@ -242,19 +241,19 @@ declare const _default: {
         type: import("vue").PropType<boolean>;
     };
     size: {
-        type: import("vue").PropType<string>;
+        type: import("vue").PropType<"small" | "default" | "x-small">;
     };
     tooltip: {
         type: import("vue").PropType<ButtonTooltipOptions>;
     };
     preset: {
-        type: import("vue").PropType<string>;
+        type: import("vue").PropType<"cancel" | "close" | "delete" | "settings" | "create" | "ok" | "save" | "icon-add" | "icon-delete" | "icon-edit" | "icon-drag-handle" | "icon-copy" | "icon-code" | "icon-close" | "icon-back" | "icon-navigate" | "icon-settings">;
     };
     overrides: {
         type: import("vue").PropType<object>;
     };
     variant: {
-        type: import("vue").PropType<string>;
+        type: import("vue").PropType<"default" | "opacity" | "toolbar" | "prominent" | "dial">;
     };
     text: {
         type: import("vue").PropType<string>;
@@ -288,15 +287,15 @@ declare const _default: {
         block?: boolean;
         text?: string;
         class?: String | String[];
-        size?: string;
+        size?: "small" | "default" | "x-small";
         icon?: ButtonIconOptions;
         tooltip?: ButtonTooltipOptions;
         active?: boolean;
         disabled?: boolean;
-        variant?: string;
+        variant?: "default" | "opacity" | "toolbar" | "prominent" | "dial";
         loading?: boolean;
         overrides?: object;
-        preset?: string;
+        preset?: "cancel" | "close" | "delete" | "settings" | "create" | "ok" | "save" | "icon-add" | "icon-delete" | "icon-edit" | "icon-drag-handle" | "icon-copy" | "icon-code" | "icon-close" | "icon-back" | "icon-navigate" | "icon-settings";
         grouped?: boolean;
         toned?: boolean;
     }>, never>;

package/internal-do-not-import-from-here/ux/oxide/btngroup/ButtonGroup.d.ts

@@ -63,7 +63,7 @@ declare const _default: {
             } & {
                 activator?: () => VNodeChild;
             };
-            readonly variant?: string;
+            readonly variant?: "default" | "drawer" | "dial";
             readonly toned?: boolean;
         };
         $attrs: {
@@ -108,7 +108,7 @@ declare const _default: {
                 required: false;
             };
             variant: {
-                type: import("vue").PropType<string>;
+                type: import("vue").PropType<"default" | "drawer" | "dial">;
             };
             class: {
                 type: import("vue").PropType<String | String[]>;
@@ -176,7 +176,7 @@ declare const _default: {
             required: false;
         };
         variant: {
-            type: import("vue").PropType<string>;
+            type: import("vue").PropType<"default" | "drawer" | "dial">;
         };
         class: {
             type: import("vue").PropType<String | String[]>;
@@ -222,7 +222,7 @@ declare const _default: {
         required: false;
     };
     variant: {
-        type: import("vue").PropType<string>;
+        type: import("vue").PropType<"default" | "drawer" | "dial">;
     };
     class: {
         type: import("vue").PropType<String | String[]>;
@@ -260,7 +260,7 @@ declare const _default: {
         } & {
             activator?: () => VNodeChild;
         };
-        variant?: string;
+        variant?: "default" | "drawer" | "dial";
         toned?: boolean;
     }>, never>;
 };

package/internal-do-not-import-from-here/ux/oxide/column/Column.d.ts

@@ -8,14 +8,14 @@ declare const _default: {
             colorSchemaType?: any;
             blueprintType?: any;
             colors?: any;
-            readonly xs?: string;
-            readonly sm?: string;
-            readonly md?: string;
-            readonly lg?: string;
+            readonly xs?: "1" | "4" | "2" | "3" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12";
+            readonly sm?: "1" | "4" | "2" | "3" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12";
+            readonly md?: "1" | "4" | "2" | "3" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12";
+            readonly lg?: "1" | "4" | "2" | "3" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12";
             style?: unknown;
             class?: String | String[];
             key?: string | number | symbol;
-            readonly alignSelf?: string;
+            readonly alignSelf?: "center" | "auto" | "stretch" | "end" | "start" | "baseline";
             ref?: import("vue").VNodeRef;
             ref_for?: boolean;
             ref_key?: string;
@@ -57,8 +57,8 @@ declare const _default: {
             }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
             }>) => void)[];
-            readonly xl?: string;
-            readonly cols?: string;
+            readonly xl?: "1" | "4" | "2" | "3" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12";
+            readonly cols?: "1" | "4" | "2" | "3" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12";
         };
         $attrs: {
             [x: string]: unknown;
@@ -75,25 +75,25 @@ declare const _default: {
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             xl: {
-                type: import("vue").PropType<string>;
+                type: import("vue").PropType<"1" | "4" | "2" | "3" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12">;
             };
             lg: {
-                type: import("vue").PropType<string>;
+                type: import("vue").PropType<"1" | "4" | "2" | "3" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12">;
             };
             md: {
-                type: import("vue").PropType<string>;
+                type: import("vue").PropType<"1" | "4" | "2" | "3" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12">;
             };
             sm: {
-                type: import("vue").PropType<string>;
+                type: import("vue").PropType<"1" | "4" | "2" | "3" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12">;
             };
             xs: {
-                type: import("vue").PropType<string>;
+                type: import("vue").PropType<"1" | "4" | "2" | "3" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12">;
             };
             cols: {
-                type: import("vue").PropType<string>;
+                type: import("vue").PropType<"1" | "4" | "2" | "3" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12">;
             };
             alignSelf: {
-                type: import("vue").PropType<string>;
+                type: import("vue").PropType<"center" | "auto" | "stretch" | "end" | "start" | "baseline">;
             };
             class: {
                 type: import("vue").PropType<String | String[]>;
@@ -132,25 +132,25 @@ declare const _default: {
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
     } & Readonly<import("vue").ExtractPropTypes<{
         xl: {
-            type: import("vue").PropType<string>;
+            type: import("vue").PropType<"1" | "4" | "2" | "3" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12">;
         };
         lg: {
-            type: import("vue").PropType<string>;
+            type: import("vue").PropType<"1" | "4" | "2" | "3" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12">;
         };
         md: {
-            type: import("vue").PropType<string>;
+            type: import("vue").PropType<"1" | "4" | "2" | "3" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12">;
         };
         sm: {
-            type: import("vue").PropType<string>;
+            type: import("vue").PropType<"1" | "4" | "2" | "3" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12">;
         };
         xs: {
-            type: import("vue").PropType<string>;
+            type: import("vue").PropType<"1" | "4" | "2" | "3" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12">;
         };
         cols: {
-            type: import("vue").PropType<string>;
+            type: import("vue").PropType<"1" | "4" | "2" | "3" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12">;
         };
         alignSelf: {
-            type: import("vue").PropType<string>;
+            type: import("vue").PropType<"center" | "auto" | "stretch" | "end" | "start" | "baseline">;
         };
         class: {
             type: import("vue").PropType<String | String[]>;
@@ -167,25 +167,25 @@ declare const _default: {
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     xl: {
-        type: import("vue").PropType<string>;
+        type: import("vue").PropType<"1" | "4" | "2" | "3" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12">;
     };
     lg: {
-        type: import("vue").PropType<string>;
+        type: import("vue").PropType<"1" | "4" | "2" | "3" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12">;
     };
     md: {
-        type: import("vue").PropType<string>;
+        type: import("vue").PropType<"1" | "4" | "2" | "3" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12">;
     };
     sm: {
-        type: import("vue").PropType<string>;
+        type: import("vue").PropType<"1" | "4" | "2" | "3" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12">;
     };
     xs: {
-        type: import("vue").PropType<string>;
+        type: import("vue").PropType<"1" | "4" | "2" | "3" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12">;
     };
     cols: {
-        type: import("vue").PropType<string>;
+        type: import("vue").PropType<"1" | "4" | "2" | "3" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12">;
     };
     alignSelf: {
-        type: import("vue").PropType<string>;
+        type: import("vue").PropType<"center" | "auto" | "stretch" | "end" | "start" | "baseline">;
     };
     class: {
         type: import("vue").PropType<String | String[]>;
@@ -210,14 +210,14 @@ declare const _default: {
         blueprintType?: any;
         colors?: any;
     } & {
-        xs?: string;
-        sm?: string;
-        md?: string;
-        lg?: string;
+        xs?: "1" | "4" | "2" | "3" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12";
+        sm?: "1" | "4" | "2" | "3" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12";
+        md?: "1" | "4" | "2" | "3" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12";
+        lg?: "1" | "4" | "2" | "3" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12";
         class?: String | String[];
-        alignSelf?: string;
-        xl?: string;
-        cols?: string;
+        alignSelf?: "center" | "auto" | "stretch" | "end" | "start" | "baseline";
+        xl?: "1" | "4" | "2" | "3" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12";
+        cols?: "1" | "4" | "2" | "3" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12";
     }>, never>;
 };
 export default _default;