@omnia/fx 8.0.262-dev → 8.0.263-dev

package/internal-do-not-import-from-here/ux/oxide/snackbar/Snackbar.d.ts

@@ -1,155 +1,4 @@
-declare const _default: {
-    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-        text: {
-            type: import("vue").PropType<string>;
-        };
-        "onUpdate:modelValue": {
-            type: import("vue").PropType<(value: boolean) => any | void>;
-        };
-        "v-model": {
-            type: import("vue").PropType<boolean>;
-            required: false;
-        };
-        modelValue: {
-            type: import("vue").PropType<boolean>;
-            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<{
-        text: {
-            type: import("vue").PropType<string>;
-        };
-        "onUpdate:modelValue": {
-            type: import("vue").PropType<(value: boolean) => any | void>;
-        };
-        "v-model": {
-            type: import("vue").PropType<boolean>;
-            required: false;
-        };
-        modelValue: {
-            type: import("vue").PropType<boolean>;
-            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<{
-        text: {
-            type: import("vue").PropType<string>;
-        };
-        "onUpdate:modelValue": {
-            type: import("vue").PropType<(value: boolean) => any | void>;
-        };
-        "v-model": {
-            type: import("vue").PropType<boolean>;
-            required: false;
-        };
-        modelValue: {
-            type: import("vue").PropType<boolean>;
-            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<{
-    text: {
-        type: import("vue").PropType<string>;
-    };
-    "onUpdate:modelValue": {
-        type: import("vue").PropType<(value: boolean) => any | void>;
-    };
-    "v-model": {
-        type: import("vue").PropType<boolean>;
-        required: false;
-    };
-    modelValue: {
-        type: import("vue").PropType<boolean>;
-        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<{} & {
-        text?: string;
-        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;
-        modelValue?: boolean;
-        "v-model"?: boolean;
-        "onUpdate:modelValue"?: (value: boolean) => any | void;
-    }>, never>;
-};
+import { DefineProp, DefinePropTheming, DefineVModel } from "@omnia/fx/ux";
+type SnackbarProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineVModel<"", boolean, false, null, true, "The v-model of the component"> & DefineProp<"text", string, false, null, "The text to be displayed in the snack bar.">;
+declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<SnackbarProps>) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/oxide/spacer/Spacer.d.ts

@@ -1,16 +1,2 @@
-declare const _default: {
-    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{}>>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{}>>, {}, true, {}, {}, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{}>>, () => JSX.Element, {}, {}, {}, {}>;
-    __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>;
-};
+declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<Record<string, any>>) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/oxide/splitpane/Splitpane.d.ts

@@ -1,4 +1,6 @@
+import { DefineEmit, DefineProp, DefinePropTheming } from "@omnia/fx/ux";
 import "splitpanes/dist/splitpanes.css";
+import { OSplitpanesVariation } from "@omnia/fx-models";
 interface PanelEventClick {
     givenSize: number;
     id: number;
@@ -7,153 +9,6 @@ interface PanelEventClick {
     min: number;
     size: number;
 }
-declare const _default: {
-    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-        height: {
-            type: import("vue").PropType<string | number>;
-            required: false;
-        };
-        variant: {
-            type: import("vue").PropType<"horizontal" | "vertical">;
-            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;
-        };
-    }>> & {
-        onPanelClick?: (event: PanelEventClick) => any;
-        onUpdatePaneComponents?: () => any;
-    }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        updatePaneComponents: () => void;
-        panelClick: (event: PanelEventClick) => void;
-    }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-        height: {
-            type: import("vue").PropType<string | number>;
-            required: false;
-        };
-        variant: {
-            type: import("vue").PropType<"horizontal" | "vertical">;
-            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;
-        };
-    }>> & {
-        onPanelClick?: (event: PanelEventClick) => any;
-        onUpdatePaneComponents?: () => any;
-    }, {
-        container: boolean;
-    }, true, {}, {}, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{
-        height: {
-            type: import("vue").PropType<string | number>;
-            required: false;
-        };
-        variant: {
-            type: import("vue").PropType<"horizontal" | "vertical">;
-            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;
-        };
-    }>> & {
-        onPanelClick?: (event: PanelEventClick) => any;
-        onUpdatePaneComponents?: () => any;
-    }, () => JSX.Element, {}, {}, {}, {
-        container: boolean;
-    }>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    height: {
-        type: import("vue").PropType<string | number>;
-        required: false;
-    };
-    variant: {
-        type: import("vue").PropType<"horizontal" | "vertical">;
-        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;
-    };
-}>> & {
-    onPanelClick?: (event: PanelEventClick) => any;
-    onUpdatePaneComponents?: () => any;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    updatePaneComponents: () => void;
-    panelClick: (event: PanelEventClick) => void;
-}, string, {
-    container: boolean;
-}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-    propsDefinition: Omit<Readonly<{} & {
-        container?: boolean;
-        class?: String | String[];
-        height?: string | number;
-        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;
-        variant?: "horizontal" | "vertical";
-    }>, "onPanelClick" | "onUpdatePaneComponents"> & {
-        onPanelClick?: (event: PanelEventClick) => any;
-        onUpdatePaneComponents?: () => any;
-    };
-};
+type SplitpaneProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"variant", OSplitpanesVariation, false, "vertical", "Controls the orientation of the component."> & DefineProp<"height", string | number, false, "100%", "The height of the component."> & DefineEmit<"panelClick", (event: PanelEventClick) => void, "Emits when one of panels is clicked."> & DefineEmit<"updatePaneComponents", () => void, "Emits when pane components are updated.">;
+declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<SplitpaneProps>) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/oxide/splitpane/SplitpaneItem.d.ts

@@ -1,146 +1,4 @@
-declare const _default: {
-    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-        size: {
-            type: import("vue").PropType<number>;
-            required: false;
-        };
-        maxSize: {
-            type: import("vue").PropType<number>;
-            required: false;
-        };
-        minSize: {
-            type: import("vue").PropType<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<{
-        size: {
-            type: import("vue").PropType<number>;
-            required: false;
-        };
-        maxSize: {
-            type: import("vue").PropType<number>;
-            required: false;
-        };
-        minSize: {
-            type: import("vue").PropType<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<{
-        size: {
-            type: import("vue").PropType<number>;
-            required: false;
-        };
-        maxSize: {
-            type: import("vue").PropType<number>;
-            required: false;
-        };
-        minSize: {
-            type: import("vue").PropType<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<{
-    size: {
-        type: import("vue").PropType<number>;
-        required: false;
-    };
-    maxSize: {
-        type: import("vue").PropType<number>;
-        required: false;
-    };
-    minSize: {
-        type: import("vue").PropType<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[];
-        size?: number;
-        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;
-        minSize?: number;
-        maxSize?: number;
-    }>, never>;
-};
+import { DefineProp, DefinePropTheming } from "@omnia/fx/ux";
+type SplitpaneItemProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"minSize", number, false, 0, "The percentage of the split-panel item minimum size."> & DefineProp<"maxSize", number, false, 100, "The percentage of the split-panel item maximum size"> & DefineProp<"size", number, false, null, "The percentage of the split-panel item size.">;
+declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<SplitpaneItemProps>) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/oxide/stickycontainer/StickyContainer.d.ts

@@ -1,74 +1,6 @@
+import { DefineProp, DefineSlot } from "@omnia/fx/ux";
 import { useStickyContainerStore } from "./store";
 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;
-        } & {
-            customRenderer?: () => VNodeChild;
-        }>;
-        viewportElementTrackingId: {
-            type: import("vue").PropType<string>;
-        };
-        getApi: {
-            type: import("vue").PropType<(store: ReturnType<typeof useStickyContainerStore>) => void>;
-        };
-    }>>, () => VNodeChild[], 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;
-        } & {
-            customRenderer?: () => VNodeChild;
-        }>;
-        viewportElementTrackingId: {
-            type: import("vue").PropType<string>;
-        };
-        getApi: {
-            type: import("vue").PropType<(store: ReturnType<typeof useStickyContainerStore>) => void>;
-        };
-    }>>, {}, true, {}, {}, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{
-        "v-slots": import("vue").Prop<{
-            default?: import("../../DefineVueTypings").Slot;
-        } & {
-            customRenderer?: () => VNodeChild;
-        }>;
-        viewportElementTrackingId: {
-            type: import("vue").PropType<string>;
-        };
-        getApi: {
-            type: import("vue").PropType<(store: ReturnType<typeof useStickyContainerStore>) => void>;
-        };
-    }>>, () => VNodeChild[], {}, {}, {}, {}>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    "v-slots": import("vue").Prop<{
-        default?: import("../../DefineVueTypings").Slot;
-    } & {
-        customRenderer?: () => VNodeChild;
-    }>;
-    viewportElementTrackingId: {
-        type: import("vue").PropType<string>;
-    };
-    getApi: {
-        type: import("vue").PropType<(store: ReturnType<typeof useStickyContainerStore>) => void>;
-    };
-}>>, () => VNodeChild[], unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-    propsDefinition: Omit<Readonly<{} & {
-        "v-slots"?: {
-            default?: import("../../DefineVueTypings").Slot;
-        } & {
-            customRenderer?: () => VNodeChild;
-        };
-        getApi?: (store: ReturnType<typeof useStickyContainerStore>) => void;
-        viewportElementTrackingId?: string;
-    }>, never>;
-};
+type StickyContainerProps = DefineProp<"getApi", (store: ReturnType<typeof useStickyContainerStore>) => void, false, null, "callback to get a reference to the scrolling store. The store is used to interact with the scrolling component."> & DefineProp<"viewportElementTrackingId", string, false, null, "hides the sticky container when the element is not visible in the viewport. Use it for toolbars etc"> & DefineSlot<"customRenderer", () => VNodeChild>;
+declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<StickyContainerProps>) => any;
 export default _default;