@omnia/fx 8.0.261-dev → 8.0.263-dev

package/internal-do-not-import-from-here/ux/oxide/expansionpanel/ExpansionPanel.d.ts

@@ -1,196 +1,6 @@
-import { IIcon, Func } from "@omnia/fx/models";
+import { DefineProp, DefinePropTheming, DefineSlot } from "@omnia/fx/ux";
+import { IIcon } from "@omnia/fx/models";
 import { VNodeChild } from "vue";
-declare const _default: {
-    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-        "v-slots": import("vue").Prop<{
-            default?: import("../../DefineVueTypings").Slot;
-        } & {
-            header?: Func<[VNodeChild]>;
-            actions?: Func<[VNodeChild]>;
-        }>;
-        eager: {
-            type: import("vue").PropType<boolean>;
-            required: false;
-        };
-        toned: {
-            type: import("vue").PropType<boolean>;
-        };
-        hideExpandIcon: {
-            type: import("vue").PropType<boolean>;
-        };
-        icon: {
-            type: import("vue").PropType<IIcon>;
-        };
-        title: {
-            type: import("vue").PropType<string>;
-        };
-        class: {
-            type: import("vue").PropType<String | String[]>;
-            required: boolean;
-        };
-        colorSchemaType: {
-            type: import("vue").PropType<import("@omnia/fx-models").ColorSchemaTypes | import("@omnia/fx-models").ColorSchemaType>;
-            required: boolean;
-        };
-        container: {
-            type: BooleanConstructor;
-            required: boolean;
-        };
-        colors: {
-            type: import("vue").PropType<import("@omnia/fx/ux").ColorSchemaStoreType>;
-            required: boolean;
-        };
-    }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-        "v-slots": import("vue").Prop<{
-            default?: import("../../DefineVueTypings").Slot;
-        } & {
-            header?: Func<[VNodeChild]>;
-            actions?: Func<[VNodeChild]>;
-        }>;
-        eager: {
-            type: import("vue").PropType<boolean>;
-            required: false;
-        };
-        toned: {
-            type: import("vue").PropType<boolean>;
-        };
-        hideExpandIcon: {
-            type: import("vue").PropType<boolean>;
-        };
-        icon: {
-            type: import("vue").PropType<IIcon>;
-        };
-        title: {
-            type: import("vue").PropType<string>;
-        };
-        class: {
-            type: import("vue").PropType<String | String[]>;
-            required: boolean;
-        };
-        colorSchemaType: {
-            type: import("vue").PropType<import("@omnia/fx-models").ColorSchemaTypes | import("@omnia/fx-models").ColorSchemaType>;
-            required: boolean;
-        };
-        container: {
-            type: BooleanConstructor;
-            required: boolean;
-        };
-        colors: {
-            type: import("vue").PropType<import("@omnia/fx/ux").ColorSchemaStoreType>;
-            required: boolean;
-        };
-    }>>, {
-        container: boolean;
-    }, true, {}, {}, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{
-        "v-slots": import("vue").Prop<{
-            default?: import("../../DefineVueTypings").Slot;
-        } & {
-            header?: Func<[VNodeChild]>;
-            actions?: Func<[VNodeChild]>;
-        }>;
-        eager: {
-            type: import("vue").PropType<boolean>;
-            required: false;
-        };
-        toned: {
-            type: import("vue").PropType<boolean>;
-        };
-        hideExpandIcon: {
-            type: import("vue").PropType<boolean>;
-        };
-        icon: {
-            type: import("vue").PropType<IIcon>;
-        };
-        title: {
-            type: import("vue").PropType<string>;
-        };
-        class: {
-            type: import("vue").PropType<String | String[]>;
-            required: boolean;
-        };
-        colorSchemaType: {
-            type: import("vue").PropType<import("@omnia/fx-models").ColorSchemaTypes | import("@omnia/fx-models").ColorSchemaType>;
-            required: boolean;
-        };
-        container: {
-            type: BooleanConstructor;
-            required: boolean;
-        };
-        colors: {
-            type: import("vue").PropType<import("@omnia/fx/ux").ColorSchemaStoreType>;
-            required: boolean;
-        };
-    }>>, () => JSX.Element, {}, {}, {}, {
-        container: boolean;
-    }>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    "v-slots": import("vue").Prop<{
-        default?: import("../../DefineVueTypings").Slot;
-    } & {
-        header?: Func<[VNodeChild]>;
-        actions?: Func<[VNodeChild]>;
-    }>;
-    eager: {
-        type: import("vue").PropType<boolean>;
-        required: false;
-    };
-    toned: {
-        type: import("vue").PropType<boolean>;
-    };
-    hideExpandIcon: {
-        type: import("vue").PropType<boolean>;
-    };
-    icon: {
-        type: import("vue").PropType<IIcon>;
-    };
-    title: {
-        type: import("vue").PropType<string>;
-    };
-    class: {
-        type: import("vue").PropType<String | String[]>;
-        required: boolean;
-    };
-    colorSchemaType: {
-        type: import("vue").PropType<import("@omnia/fx-models").ColorSchemaTypes | import("@omnia/fx-models").ColorSchemaType>;
-        required: boolean;
-    };
-    container: {
-        type: BooleanConstructor;
-        required: boolean;
-    };
-    colors: {
-        type: import("vue").PropType<import("@omnia/fx/ux").ColorSchemaStoreType>;
-        required: boolean;
-    };
-}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-    container: boolean;
-}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-    propsDefinition: Omit<Readonly<{} & {
-        icon?: IIcon;
-        title?: string;
-        container?: boolean;
-        class?: String | String[];
-        eager?: boolean;
-        colorSchemaType?: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
-        toned?: boolean;
-        colors?: import("@omnia/fx/ux").ColorSchemaStoreType;
-        "v-slots"?: {
-            default?: import("../../DefineVueTypings").Slot;
-        } & {
-            header?: Func<[VNodeChild]>;
-            actions?: Func<[VNodeChild]>;
-        };
-        hideExpandIcon?: boolean;
-    }>, never>;
-};
+type ExpansionPanelProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"title", string, false, null, "The title of the expansion panel."> & DefineProp<"icon", IIcon, false, null, "The icon of the expansion panel."> & DefineProp<"toned", boolean, false, false> & DefineProp<"hideExpandIcon", boolean, false, false, "If true, the expand icon will be hidden."> & DefineProp<"eager", boolean, false, false, "Forces the component’s content to render when it mounts. This is useful if you have content that will not be rendered in the DOM that you want crawled for SEO or you want to disable lazy load."> & DefineSlot<"header", () => VNodeChild> & DefineSlot<"default", () => VNodeChild> & DefineSlot<"actions", () => VNodeChild>;
+declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<ExpansionPanelProps>) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/oxide/expansionpanel/ExpansionPanels.d.ts

@@ -1,207 +1,5 @@
-declare const _default: {
-    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-        multiple: {
-            type: import("vue").PropType<boolean>;
-        };
-        toned: {
-            type: import("vue").PropType<boolean>;
-        };
-        mandatory: {
-            type: import("vue").PropType<boolean>;
-        };
-        expandAll: {
-            type: import("vue").PropType<boolean>;
-        };
-        variant: {
-            type: import("vue").PropType<"navigation" | "default" | "section">;
-        };
-        "onUpdate:modelValue": {
-            type: import("vue").PropType<(value: number | number[]) => any | void>;
-        };
-        "v-model": {
-            type: import("vue").PropType<number | number[]>;
-            required: false;
-        };
-        modelValue: {
-            type: import("vue").PropType<number | number[]>;
-            required: false;
-        };
-        class: {
-            type: import("vue").PropType<String | String[]>;
-            required: boolean;
-        };
-        colorSchemaType: {
-            type: import("vue").PropType<import("@omnia/fx-models").ColorSchemaTypes | import("@omnia/fx-models").ColorSchemaType>;
-            required: boolean;
-        };
-        container: {
-            type: BooleanConstructor;
-            required: boolean;
-        };
-        colors: {
-            type: import("vue").PropType<import("@omnia/fx/ux").ColorSchemaStoreType>;
-            required: boolean;
-        };
-    }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-        multiple: {
-            type: import("vue").PropType<boolean>;
-        };
-        toned: {
-            type: import("vue").PropType<boolean>;
-        };
-        mandatory: {
-            type: import("vue").PropType<boolean>;
-        };
-        expandAll: {
-            type: import("vue").PropType<boolean>;
-        };
-        variant: {
-            type: import("vue").PropType<"navigation" | "default" | "section">;
-        };
-        "onUpdate:modelValue": {
-            type: import("vue").PropType<(value: number | number[]) => any | void>;
-        };
-        "v-model": {
-            type: import("vue").PropType<number | number[]>;
-            required: false;
-        };
-        modelValue: {
-            type: import("vue").PropType<number | number[]>;
-            required: false;
-        };
-        class: {
-            type: import("vue").PropType<String | String[]>;
-            required: boolean;
-        };
-        colorSchemaType: {
-            type: import("vue").PropType<import("@omnia/fx-models").ColorSchemaTypes | import("@omnia/fx-models").ColorSchemaType>;
-            required: boolean;
-        };
-        container: {
-            type: BooleanConstructor;
-            required: boolean;
-        };
-        colors: {
-            type: import("vue").PropType<import("@omnia/fx/ux").ColorSchemaStoreType>;
-            required: boolean;
-        };
-    }>>, {
-        container: boolean;
-    }, true, {}, {}, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{
-        multiple: {
-            type: import("vue").PropType<boolean>;
-        };
-        toned: {
-            type: import("vue").PropType<boolean>;
-        };
-        mandatory: {
-            type: import("vue").PropType<boolean>;
-        };
-        expandAll: {
-            type: import("vue").PropType<boolean>;
-        };
-        variant: {
-            type: import("vue").PropType<"navigation" | "default" | "section">;
-        };
-        "onUpdate:modelValue": {
-            type: import("vue").PropType<(value: number | number[]) => any | void>;
-        };
-        "v-model": {
-            type: import("vue").PropType<number | number[]>;
-            required: false;
-        };
-        modelValue: {
-            type: import("vue").PropType<number | number[]>;
-            required: false;
-        };
-        class: {
-            type: import("vue").PropType<String | String[]>;
-            required: boolean;
-        };
-        colorSchemaType: {
-            type: import("vue").PropType<import("@omnia/fx-models").ColorSchemaTypes | import("@omnia/fx-models").ColorSchemaType>;
-            required: boolean;
-        };
-        container: {
-            type: BooleanConstructor;
-            required: boolean;
-        };
-        colors: {
-            type: import("vue").PropType<import("@omnia/fx/ux").ColorSchemaStoreType>;
-            required: boolean;
-        };
-    }>>, () => JSX.Element, {}, {}, {}, {
-        container: boolean;
-    }>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    multiple: {
-        type: import("vue").PropType<boolean>;
-    };
-    toned: {
-        type: import("vue").PropType<boolean>;
-    };
-    mandatory: {
-        type: import("vue").PropType<boolean>;
-    };
-    expandAll: {
-        type: import("vue").PropType<boolean>;
-    };
-    variant: {
-        type: import("vue").PropType<"navigation" | "default" | "section">;
-    };
-    "onUpdate:modelValue": {
-        type: import("vue").PropType<(value: number | number[]) => any | void>;
-    };
-    "v-model": {
-        type: import("vue").PropType<number | number[]>;
-        required: false;
-    };
-    modelValue: {
-        type: import("vue").PropType<number | number[]>;
-        required: false;
-    };
-    class: {
-        type: import("vue").PropType<String | String[]>;
-        required: boolean;
-    };
-    colorSchemaType: {
-        type: import("vue").PropType<import("@omnia/fx-models").ColorSchemaTypes | import("@omnia/fx-models").ColorSchemaType>;
-        required: boolean;
-    };
-    container: {
-        type: BooleanConstructor;
-        required: boolean;
-    };
-    colors: {
-        type: import("vue").PropType<import("@omnia/fx/ux").ColorSchemaStoreType>;
-        required: boolean;
-    };
-}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-    container: boolean;
-}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-    propsDefinition: Omit<Readonly<{} & {
-        container?: boolean;
-        class?: String | String[];
-        mandatory?: boolean;
-        multiple?: boolean;
-        colorSchemaType?: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
-        toned?: boolean;
-        colors?: import("@omnia/fx/ux").ColorSchemaStoreType;
-        modelValue?: number | number[];
-        "v-model"?: number | number[];
-        "onUpdate:modelValue"?: (value: number | number[]) => any | void;
-        variant?: "navigation" | "default" | "section";
-        expandAll?: boolean;
-    }>, never>;
-};
+import { OPanelTypes } from "@omnia/fx-models";
+import { DefineProp, DefinePropTheming, DefineVModel } from "@omnia/fx/ux";
+type ExpansionPanelsProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineVModel<"", number | Array<number>, false, null, false, "The v-model of the component."> & DefineProp<"variant", OPanelTypes, false, null, "Applies a distinct style to the component."> & DefineProp<"expandAll", boolean, false, false, "Expands all panels"> & DefineProp<"mandatory", boolean, false, false, "Forces at least one item to always be selected (if available)."> & DefineProp<"toned", boolean, false, false, "Applies the toned color schema to all panels."> & DefineProp<"multiple", boolean, false, false, "Allows one to select multiple items.">;
+declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<ExpansionPanelsProps>) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/oxide/fab/FloatingActionButton..d.ts

@@ -1,5 +1,5 @@
 import { ButtonIconOptions, OSizeTypes } from "@omnia/fx-models";
 import { DefineProp, DefinePropTheming, DefineVModel } from "@omnia/fx/ux";
-type FabProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineVModel<"", boolean, false, true, false, "The v-model of the component"> & DefineProp<"active", boolean, false, true, "Controls the active state of the item. This is typically used to highlight the component."> & DefineProp<"app", boolean, false, false, "If true, attaches to the closest layout and positions according to the value of location."> & DefineProp<"block", boolean, false, false, "Expands the button to 100% of available space."> & DefineProp<"disabled", boolean, false, false, "Removes the ability to click or target the component."> & DefineProp<"stacked", boolean, false, false, "Displays the button as a column with the icon on top"> & DefineProp<"text", string, false, null, "Specify content text for the component."> & DefineProp<"size", OSizeTypes, false, "default", "Sets the size of the button."> & DefineProp<"variant", "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain", false, "elevated", "Applies a distinct style to the component."> & DefineProp<"icon", ButtonIconOptions, false, null, "Sets the icon to display on the button. If no text is provided the button will be displayed as an icon button.">;
+type FabProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineVModel<"", boolean, false, true, true, "The v-model of the component"> & DefineProp<"active", boolean, false, true, "Controls the active state of the item. This is typically used to highlight the component."> & DefineProp<"app", boolean, false, false, "If true, attaches to the closest layout and positions according to the value of location."> & DefineProp<"block", boolean, false, false, "Expands the button to 100% of available space."> & DefineProp<"disabled", boolean, false, false, "Removes the ability to click or target the component."> & DefineProp<"stacked", boolean, false, false, "Displays the button as a column with the icon on top"> & DefineProp<"text", string, false, null, "Specify content text for the component."> & DefineProp<"size", OSizeTypes, false, "default", "Sets the size of the button."> & DefineProp<"variant", "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain", false, "elevated", "Applies a distinct style to the component."> & DefineProp<"icon", ButtonIconOptions, false, null, "Sets the icon to display on the button. If no text is provided the button will be displayed as an icon button.">;
 declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<FabProps>) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/oxide/form/Form.d.ts

@@ -1,95 +1,4 @@
-declare const _default: {
-    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-        class: {
-            type: import("vue").PropType<String | String[]>;
-            required: boolean;
-        };
-        colorSchemaType: {
-            type: import("vue").PropType<import("@omnia/fx-models").ColorSchemaTypes | import("@omnia/fx-models").ColorSchemaType>;
-            required: boolean;
-        };
-        container: {
-            type: BooleanConstructor;
-            required: boolean;
-        };
-        colors: {
-            type: import("vue").PropType<import("@omnia/fx/ux").ColorSchemaStoreType>;
-            required: boolean;
-        };
-    }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-        class: {
-            type: import("vue").PropType<String | String[]>;
-            required: boolean;
-        };
-        colorSchemaType: {
-            type: import("vue").PropType<import("@omnia/fx-models").ColorSchemaTypes | import("@omnia/fx-models").ColorSchemaType>;
-            required: boolean;
-        };
-        container: {
-            type: BooleanConstructor;
-            required: boolean;
-        };
-        colors: {
-            type: import("vue").PropType<import("@omnia/fx/ux").ColorSchemaStoreType>;
-            required: boolean;
-        };
-    }>>, {
-        container: boolean;
-    }, true, {}, {}, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{
-        class: {
-            type: import("vue").PropType<String | String[]>;
-            required: boolean;
-        };
-        colorSchemaType: {
-            type: import("vue").PropType<import("@omnia/fx-models").ColorSchemaTypes | import("@omnia/fx-models").ColorSchemaType>;
-            required: boolean;
-        };
-        container: {
-            type: BooleanConstructor;
-            required: boolean;
-        };
-        colors: {
-            type: import("vue").PropType<import("@omnia/fx/ux").ColorSchemaStoreType>;
-            required: boolean;
-        };
-    }>>, () => JSX.Element, {}, {}, {}, {
-        container: boolean;
-    }>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    class: {
-        type: import("vue").PropType<String | String[]>;
-        required: boolean;
-    };
-    colorSchemaType: {
-        type: import("vue").PropType<import("@omnia/fx-models").ColorSchemaTypes | import("@omnia/fx-models").ColorSchemaType>;
-        required: boolean;
-    };
-    container: {
-        type: BooleanConstructor;
-        required: boolean;
-    };
-    colors: {
-        type: import("vue").PropType<import("@omnia/fx/ux").ColorSchemaStoreType>;
-        required: boolean;
-    };
-}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-    container: boolean;
-}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-    propsDefinition: Omit<Readonly<{} & {
-        container?: boolean;
-        class?: String | String[];
-        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;
-    }>, never>;
-};
+import { DefinePropTheming, DefineProp } from "@omnia/fx/ux";
+type FormProps = DefinePropTheming & DefineProp<"class", String | String[]>;
+declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<FormProps>) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/oxide/hostprovider/HostProvider.d.ts

@@ -1,79 +1,5 @@
-declare const _default: {
-    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-        force: {
-            type: import("vue").PropType<boolean>;
-        };
-        variant: {
-            type: import("vue").PropType<"toolbar" | "navigation" | "default" | "section" | "content" | "footer" | "header" | "options" | "settings" | "info-section">;
-        };
-        componentHost: {
-            type: import("vue").PropType<"toolbar" | "tab" | "menu" | "dialog" | "table" | "chip" | "app" | "tab-vertical" | "blade" | "drawer" | "expansion-panel" | "appbar" | "panel" | "omfx">;
-        };
-        host: {
-            type: import("vue").PropType<"admin" | "editor" | "docs">;
-        };
-    }>>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-        [key: string]: any;
-    }>[], unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-        force: {
-            type: import("vue").PropType<boolean>;
-        };
-        variant: {
-            type: import("vue").PropType<"toolbar" | "navigation" | "default" | "section" | "content" | "footer" | "header" | "options" | "settings" | "info-section">;
-        };
-        componentHost: {
-            type: import("vue").PropType<"toolbar" | "tab" | "menu" | "dialog" | "table" | "chip" | "app" | "tab-vertical" | "blade" | "drawer" | "expansion-panel" | "appbar" | "panel" | "omfx">;
-        };
-        host: {
-            type: import("vue").PropType<"admin" | "editor" | "docs">;
-        };
-    }>>, {}, true, {}, {}, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{
-        force: {
-            type: import("vue").PropType<boolean>;
-        };
-        variant: {
-            type: import("vue").PropType<"toolbar" | "navigation" | "default" | "section" | "content" | "footer" | "header" | "options" | "settings" | "info-section">;
-        };
-        componentHost: {
-            type: import("vue").PropType<"toolbar" | "tab" | "menu" | "dialog" | "table" | "chip" | "app" | "tab-vertical" | "blade" | "drawer" | "expansion-panel" | "appbar" | "panel" | "omfx">;
-        };
-        host: {
-            type: import("vue").PropType<"admin" | "editor" | "docs">;
-        };
-    }>>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-        [key: string]: any;
-    }>[], {}, {}, {}, {}>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    force: {
-        type: import("vue").PropType<boolean>;
-    };
-    variant: {
-        type: import("vue").PropType<"toolbar" | "navigation" | "default" | "section" | "content" | "footer" | "header" | "options" | "settings" | "info-section">;
-    };
-    componentHost: {
-        type: import("vue").PropType<"toolbar" | "tab" | "menu" | "dialog" | "table" | "chip" | "app" | "tab-vertical" | "blade" | "drawer" | "expansion-panel" | "appbar" | "panel" | "omfx">;
-    };
-    host: {
-        type: import("vue").PropType<"admin" | "editor" | "docs">;
-    };
-}>>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}>[], unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-    propsDefinition: Omit<Readonly<{} & {
-        host?: "admin" | "editor" | "docs";
-        variant?: "toolbar" | "navigation" | "default" | "section" | "content" | "footer" | "header" | "options" | "settings" | "info-section";
-        componentHost?: "toolbar" | "tab" | "menu" | "dialog" | "table" | "chip" | "app" | "tab-vertical" | "blade" | "drawer" | "expansion-panel" | "appbar" | "panel" | "omfx";
-        force?: boolean;
-    }>, never>;
-};
+import { DefinePropTheming, DefineProp } from "@omnia/fx/ux";
+import { ComponentVariants, ComponentHostTypes, HostTypes } from "@omnia/fx/stores";
+type HostProviderProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"host", HostTypes, false, null> & DefineProp<"componentHost", ComponentHostTypes, false, null> & DefineProp<"variant", ComponentVariants, false, null> & DefineProp<"force", boolean, false, null>;
+declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<HostProviderProps>) => any;
 export default _default;