@omnia/fx 8.0.259-dev → 8.0.261-dev

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

@@ -1,381 +1,5 @@
-import { ButtonIconOptions, ButtonTooltipOptions, ButtonBlueprint } from "@omnia/fx-models";
-export * from "./Button.stylex";
-declare const _default: {
-    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-        disableBlueprint: {
-            type: import("vue").PropType<boolean>;
-            required: false;
-        };
-        blueprint: {
-            type: import("vue").PropType<ButtonBlueprint>;
-        };
-        animation: {
-            type: import("vue").PropType<"flip" | "bounce" | "spin" | "beat">;
-        };
-        stacked: {
-            type: import("vue").PropType<boolean>;
-            required: false;
-        };
-        block: {
-            type: import("vue").PropType<boolean>;
-            required: false;
-        };
-        disabled: {
-            type: import("vue").PropType<boolean>;
-            required: false;
-        };
-        loading: {
-            type: import("vue").PropType<boolean>;
-            required: false;
-        };
-        active: {
-            type: import("vue").PropType<boolean>;
-            required: false;
-        };
-        transparentHover: {
-            type: import("vue").PropType<boolean>;
-        };
-        toned: {
-            type: import("vue").PropType<boolean>;
-        };
-        grouped: {
-            type: import("vue").PropType<boolean>;
-        };
-        size: {
-            type: import("vue").PropType<"small" | "default" | "x-large" | "x-small" | "large">;
-        };
-        tooltip: {
-            type: import("vue").PropType<ButtonTooltipOptions>;
-        };
-        preset: {
-            type: import("vue").PropType<"select" | "add" | "cancel" | "close" | "delete" | "details" | "confirm" | "settings" | "remove" | "retry" | "create" | "ok" | "save" | "manage-list" | "icon-add" | "icon-comment" | "icon-delete" | "icon-edit" | "icon-drag-handle" | "icon-copy" | "icon-code" | "icon-close" | "icon-back" | "icon-more" | "icon-navigate" | "icon-preview" | "icon-settings" | "load-more" | "approve" | "copy-to-clipboard" | "next" | "previous" | "view-more" | "send-request">;
-        };
-        overrides: {
-            type: import("vue").PropType<object>;
-        };
-        variant: {
-            type: import("vue").PropType<"toolbar" | "primary" | "default" | "menu" | "opacity" | "overlay" | "dial" | "slim">;
-        };
-        target: {
-            type: import("vue").PropType<"_blank" | "_self" | "_parent" | "_top" | "framename">;
-        };
-        href: {
-            type: import("vue").PropType<string>;
-        };
-        text: {
-            type: import("vue").PropType<string>;
-        };
-        icon: {
-            type: import("vue").PropType<ButtonIconOptions>;
-        };
-        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<{
-        disableBlueprint: {
-            type: import("vue").PropType<boolean>;
-            required: false;
-        };
-        blueprint: {
-            type: import("vue").PropType<ButtonBlueprint>;
-        };
-        animation: {
-            type: import("vue").PropType<"flip" | "bounce" | "spin" | "beat">;
-        };
-        stacked: {
-            type: import("vue").PropType<boolean>;
-            required: false;
-        };
-        block: {
-            type: import("vue").PropType<boolean>;
-            required: false;
-        };
-        disabled: {
-            type: import("vue").PropType<boolean>;
-            required: false;
-        };
-        loading: {
-            type: import("vue").PropType<boolean>;
-            required: false;
-        };
-        active: {
-            type: import("vue").PropType<boolean>;
-            required: false;
-        };
-        transparentHover: {
-            type: import("vue").PropType<boolean>;
-        };
-        toned: {
-            type: import("vue").PropType<boolean>;
-        };
-        grouped: {
-            type: import("vue").PropType<boolean>;
-        };
-        size: {
-            type: import("vue").PropType<"small" | "default" | "x-large" | "x-small" | "large">;
-        };
-        tooltip: {
-            type: import("vue").PropType<ButtonTooltipOptions>;
-        };
-        preset: {
-            type: import("vue").PropType<"select" | "add" | "cancel" | "close" | "delete" | "details" | "confirm" | "settings" | "remove" | "retry" | "create" | "ok" | "save" | "manage-list" | "icon-add" | "icon-comment" | "icon-delete" | "icon-edit" | "icon-drag-handle" | "icon-copy" | "icon-code" | "icon-close" | "icon-back" | "icon-more" | "icon-navigate" | "icon-preview" | "icon-settings" | "load-more" | "approve" | "copy-to-clipboard" | "next" | "previous" | "view-more" | "send-request">;
-        };
-        overrides: {
-            type: import("vue").PropType<object>;
-        };
-        variant: {
-            type: import("vue").PropType<"toolbar" | "primary" | "default" | "menu" | "opacity" | "overlay" | "dial" | "slim">;
-        };
-        target: {
-            type: import("vue").PropType<"_blank" | "_self" | "_parent" | "_top" | "framename">;
-        };
-        href: {
-            type: import("vue").PropType<string>;
-        };
-        text: {
-            type: import("vue").PropType<string>;
-        };
-        icon: {
-            type: import("vue").PropType<ButtonIconOptions>;
-        };
-        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<{
-        disableBlueprint: {
-            type: import("vue").PropType<boolean>;
-            required: false;
-        };
-        blueprint: {
-            type: import("vue").PropType<ButtonBlueprint>;
-        };
-        animation: {
-            type: import("vue").PropType<"flip" | "bounce" | "spin" | "beat">;
-        };
-        stacked: {
-            type: import("vue").PropType<boolean>;
-            required: false;
-        };
-        block: {
-            type: import("vue").PropType<boolean>;
-            required: false;
-        };
-        disabled: {
-            type: import("vue").PropType<boolean>;
-            required: false;
-        };
-        loading: {
-            type: import("vue").PropType<boolean>;
-            required: false;
-        };
-        active: {
-            type: import("vue").PropType<boolean>;
-            required: false;
-        };
-        transparentHover: {
-            type: import("vue").PropType<boolean>;
-        };
-        toned: {
-            type: import("vue").PropType<boolean>;
-        };
-        grouped: {
-            type: import("vue").PropType<boolean>;
-        };
-        size: {
-            type: import("vue").PropType<"small" | "default" | "x-large" | "x-small" | "large">;
-        };
-        tooltip: {
-            type: import("vue").PropType<ButtonTooltipOptions>;
-        };
-        preset: {
-            type: import("vue").PropType<"select" | "add" | "cancel" | "close" | "delete" | "details" | "confirm" | "settings" | "remove" | "retry" | "create" | "ok" | "save" | "manage-list" | "icon-add" | "icon-comment" | "icon-delete" | "icon-edit" | "icon-drag-handle" | "icon-copy" | "icon-code" | "icon-close" | "icon-back" | "icon-more" | "icon-navigate" | "icon-preview" | "icon-settings" | "load-more" | "approve" | "copy-to-clipboard" | "next" | "previous" | "view-more" | "send-request">;
-        };
-        overrides: {
-            type: import("vue").PropType<object>;
-        };
-        variant: {
-            type: import("vue").PropType<"toolbar" | "primary" | "default" | "menu" | "opacity" | "overlay" | "dial" | "slim">;
-        };
-        target: {
-            type: import("vue").PropType<"_blank" | "_self" | "_parent" | "_top" | "framename">;
-        };
-        href: {
-            type: import("vue").PropType<string>;
-        };
-        text: {
-            type: import("vue").PropType<string>;
-        };
-        icon: {
-            type: import("vue").PropType<ButtonIconOptions>;
-        };
-        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<{
-    disableBlueprint: {
-        type: import("vue").PropType<boolean>;
-        required: false;
-    };
-    blueprint: {
-        type: import("vue").PropType<ButtonBlueprint>;
-    };
-    animation: {
-        type: import("vue").PropType<"flip" | "bounce" | "spin" | "beat">;
-    };
-    stacked: {
-        type: import("vue").PropType<boolean>;
-        required: false;
-    };
-    block: {
-        type: import("vue").PropType<boolean>;
-        required: false;
-    };
-    disabled: {
-        type: import("vue").PropType<boolean>;
-        required: false;
-    };
-    loading: {
-        type: import("vue").PropType<boolean>;
-        required: false;
-    };
-    active: {
-        type: import("vue").PropType<boolean>;
-        required: false;
-    };
-    transparentHover: {
-        type: import("vue").PropType<boolean>;
-    };
-    toned: {
-        type: import("vue").PropType<boolean>;
-    };
-    grouped: {
-        type: import("vue").PropType<boolean>;
-    };
-    size: {
-        type: import("vue").PropType<"small" | "default" | "x-large" | "x-small" | "large">;
-    };
-    tooltip: {
-        type: import("vue").PropType<ButtonTooltipOptions>;
-    };
-    preset: {
-        type: import("vue").PropType<"select" | "add" | "cancel" | "close" | "delete" | "details" | "confirm" | "settings" | "remove" | "retry" | "create" | "ok" | "save" | "manage-list" | "icon-add" | "icon-comment" | "icon-delete" | "icon-edit" | "icon-drag-handle" | "icon-copy" | "icon-code" | "icon-close" | "icon-back" | "icon-more" | "icon-navigate" | "icon-preview" | "icon-settings" | "load-more" | "approve" | "copy-to-clipboard" | "next" | "previous" | "view-more" | "send-request">;
-    };
-    overrides: {
-        type: import("vue").PropType<object>;
-    };
-    variant: {
-        type: import("vue").PropType<"toolbar" | "primary" | "default" | "menu" | "opacity" | "overlay" | "dial" | "slim">;
-    };
-    target: {
-        type: import("vue").PropType<"_blank" | "_self" | "_parent" | "_top" | "framename">;
-    };
-    href: {
-        type: import("vue").PropType<string>;
-    };
-    text: {
-        type: import("vue").PropType<string>;
-    };
-    icon: {
-        type: import("vue").PropType<ButtonIconOptions>;
-    };
-    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;
-        icon?: ButtonIconOptions;
-        blueprint?: ButtonBlueprint;
-        container?: boolean;
-        block?: boolean;
-        class?: String | String[];
-        target?: "_blank" | "_self" | "_parent" | "_top" | "framename";
-        href?: string;
-        size?: "small" | "default" | "x-large" | "x-small" | "large";
-        animation?: "flip" | "bounce" | "spin" | "beat";
-        tooltip?: ButtonTooltipOptions;
-        active?: boolean;
-        disabled?: 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;
-        variant?: "toolbar" | "primary" | "default" | "menu" | "opacity" | "overlay" | "dial" | "slim";
-        grouped?: boolean;
-        loading?: boolean;
-        overrides?: object;
-        preset?: "select" | "add" | "cancel" | "close" | "delete" | "details" | "confirm" | "settings" | "remove" | "retry" | "create" | "ok" | "save" | "manage-list" | "icon-add" | "icon-comment" | "icon-delete" | "icon-edit" | "icon-drag-handle" | "icon-copy" | "icon-code" | "icon-close" | "icon-back" | "icon-more" | "icon-navigate" | "icon-preview" | "icon-settings" | "load-more" | "approve" | "copy-to-clipboard" | "next" | "previous" | "view-more" | "send-request";
-        transparentHover?: boolean;
-        stacked?: boolean;
-        disableBlueprint?: boolean;
-    }>, never>;
-};
+import { ButtonIconOptions, OOxideButtonPresets, ButtonTooltipOptions, OSizeTypes, OIconAnimations, ButtonBlueprint, OButtonVariants } from "@omnia/fx-models";
+import { DefinePropTheming, DefineProp } from "@omnia/fx/ux";
+type ButtonProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"filled", boolean, false, false, "Applies the a background color to the flex. The color is based on the colorSchema either set or inherited."> & DefineProp<"icon", ButtonIconOptions, false, null, "The icon to be displayed."> & DefineProp<"text", string, false, null, "Specifies the text to display on the button."> & DefineProp<"href", string, false, null, "Designates the component as anchor and applies the href attribute."> & DefineProp<"target", "_blank" | "_self" | "_parent" | "_top" | "framename", false, null, "The target attribute specifies where to open the linked document."> & DefineProp<"variant", OButtonVariants, false, null, "Applies a distinct style to the component. Prominent should be used for call to action. Toolbar will create a transparent button to be used in toolbars."> & DefineProp<"overrides", object, false, null, "Sets the icon to display on the button. If no text is provided the button will be displayed as an icon button."> & DefineProp<"preset", OOxideButtonPresets, false, null, "Sets the default values of the button to the specified preset."> & DefineProp<"tooltip", ButtonTooltipOptions, false, null, "Sets tooltip to display when hovering the button."> & DefineProp<"size", OSizeTypes, false, null, "Sets the size of the button."> & DefineProp<"grouped", boolean, false, false, "Adds spacing to the left of the button to group it with other buttons. Should be used when more than one button is displayed."> & DefineProp<"toned", boolean, false, false, "Applies a toned background to the button. Should be used when the button is displayed on a colored background."> & DefineProp<"transparentHover", boolean, false, false, "Makes the button transparent and no hover effect."> & DefineProp<"active", boolean, false, false, "Controls the active state of the item. This is typically used to highlight the component."> & DefineProp<"loading", boolean, false, false, "Displays linear progress bar. Can either be a String which specifies which color is applied to the progress bar."> & DefineProp<"disabled", boolean, false, false, "Removes the ability to click or target the component."> & DefineProp<"block", boolean, false, false, "Block buttons extend the full width of their container. This is useful for creating buttons that span the full width of a card or dialog."> & DefineProp<"stacked", boolean, false, false, "Displays the button as a column with the icon on top."> & DefineProp<"disableBlueprint", boolean, false, false, "Disables the blueprint and use properties instead."> & DefineProp<"animation", OIconAnimations, false, null, "Sets the animation on the icon when hovering the button."> & DefineProp<"blueprint", ButtonBlueprint, false, null, "Sets a custom blueprint for the button.">;
+declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<ButtonProps>) => any;
 export default _default;

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

@@ -1,226 +1,6 @@
+import { OButtonGroupTypes } from "@omnia/fx-models";
+import { DefineProp, DefinePropTheming, DefineSlot, DefineVModel } from "@omnia/fx/ux";
 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;
-        } & {
-            activator?: () => VNodeChild;
-        }>;
-        toggle: {
-            type: import("vue").PropType<boolean>;
-        };
-        toned: {
-            type: import("vue").PropType<boolean>;
-        };
-        mandatory: {
-            type: import("vue").PropType<boolean>;
-        };
-        "onUpdate:modelValue": {
-            type: import("vue").PropType<(value: any) => any | void>;
-        };
-        "v-model": {
-            type: import("vue").PropType<any>;
-            required: false;
-        };
-        modelValue: {
-            type: import("vue").PropType<any>;
-            required: false;
-        };
-        variant: {
-            type: import("vue").PropType<"default" | "settings" | "dial">;
-        };
-        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;
-        };
-    }>>, import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-        [key: string]: any;
-    }>[] | (() => 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;
-        } & {
-            activator?: () => VNodeChild;
-        }>;
-        toggle: {
-            type: import("vue").PropType<boolean>;
-        };
-        toned: {
-            type: import("vue").PropType<boolean>;
-        };
-        mandatory: {
-            type: import("vue").PropType<boolean>;
-        };
-        "onUpdate:modelValue": {
-            type: import("vue").PropType<(value: any) => any | void>;
-        };
-        "v-model": {
-            type: import("vue").PropType<any>;
-            required: false;
-        };
-        modelValue: {
-            type: import("vue").PropType<any>;
-            required: false;
-        };
-        variant: {
-            type: import("vue").PropType<"default" | "settings" | "dial">;
-        };
-        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;
-        } & {
-            activator?: () => VNodeChild;
-        }>;
-        toggle: {
-            type: import("vue").PropType<boolean>;
-        };
-        toned: {
-            type: import("vue").PropType<boolean>;
-        };
-        mandatory: {
-            type: import("vue").PropType<boolean>;
-        };
-        "onUpdate:modelValue": {
-            type: import("vue").PropType<(value: any) => any | void>;
-        };
-        "v-model": {
-            type: import("vue").PropType<any>;
-            required: false;
-        };
-        modelValue: {
-            type: import("vue").PropType<any>;
-            required: false;
-        };
-        variant: {
-            type: import("vue").PropType<"default" | "settings" | "dial">;
-        };
-        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;
-        };
-    }>>, import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-        [key: string]: any;
-    }>[] | (() => 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;
-    } & {
-        activator?: () => VNodeChild;
-    }>;
-    toggle: {
-        type: import("vue").PropType<boolean>;
-    };
-    toned: {
-        type: import("vue").PropType<boolean>;
-    };
-    mandatory: {
-        type: import("vue").PropType<boolean>;
-    };
-    "onUpdate:modelValue": {
-        type: import("vue").PropType<(value: any) => any | void>;
-    };
-    "v-model": {
-        type: import("vue").PropType<any>;
-        required: false;
-    };
-    modelValue: {
-        type: import("vue").PropType<any>;
-        required: false;
-    };
-    variant: {
-        type: import("vue").PropType<"default" | "settings" | "dial">;
-    };
-    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;
-    };
-}>>, import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}>[] | (() => 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;
-        toggle?: boolean;
-        class?: String | String[];
-        mandatory?: 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-model"?: any;
-        "onUpdate:modelValue"?: (value: any) => any | void;
-        modelValue?: any;
-        "v-slots"?: {
-            default?: import("../../DefineVueTypings").Slot;
-        } & {
-            activator?: () => VNodeChild;
-        };
-        variant?: "default" | "settings" | "dial";
-    }>, never>;
-};
+type ButtonGroupProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineVModel<"", any, false, null, true, "The v-model of the component"> & DefineProp<"variant", OButtonGroupTypes, false, null, "Applies a distinct style to the component."> & DefineProp<"mandatory", boolean, false, false, "Forces at least on item to always be selected."> & DefineProp<"toned", boolean, false, false> & DefineProp<"toggle", boolean, false, false, "If true, the component will toggle the selected buttons when clicked"> & DefineSlot<"activator", () => VNodeChild>;
+declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<ButtonGroupProps>) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/oxide/calendar/Calendar.d.ts

@@ -1,7 +1,7 @@
 import { DefineProp, DefinePropTheming, DefineSlot, DefineVModel, EventType } from "@omnia/fx/ux";
 import { VNodeChild } from "vue";
 declare const defaultWeekDays: number[];
-type CalendarProps<T extends EventType> = DefinePropTheming & DefineProp<"class", String | String[]> & DefineVModel<"", Date[], false, null, false, "The v-model of the component"> & DefineProp<"events", T[], false, null, "Array of events specific to this interval."> & DefineProp<"viewMode", "month" | "day" | "week", false, "month", "The current view mode of the calendar."> & DefineProp<"weekdays", number[], false, typeof defaultWeekDays, "Specifies which days of the week to display.Default is [0, 1, 2, 3, 4, 5, 6]"> & DefineProp<"year", number, false, null, "Specifies the year for the calendar view."> & DefineProp<"month", number, false, null, "Specifies the month for the calendar view."> & DefineProp<"intervalHeight", number, false, null, "Height of the interval in pixels in the calendar view."> & DefineProp<"intervals", number, false, 24, "Total number of intervals in a day view."> & DefineProp<"intervalStart", number, false, 0, "Starting time for this specific interval."> & DefineProp<"max", Date, false, null, "Maximum date or value that can be selected."> & DefineProp<"min", Date, false, null, "Minimum date or value that can be selected."> & DefineProp<"hideWeekNumber", boolean, false, false, "Toggles the display of week numbers in a calendar view."> & DefineProp<"hideDayHeader", boolean, false, false, "Determines whether the day header is visible in the calendar day view."> & DefineProp<"hideHeader", boolean, false, false, "Determines whether the header is hidden in the calendar view."> & DefineProp<"allowedDates", Date[] | ((date: Date) => boolean), false, null, "Determines which dates are selectable."> & DefineSlot<"event", (event: {
+type CalendarProps<T extends EventType> = DefinePropTheming & DefineProp<"class", String | String[]> & DefineVModel<"", Date[], false, null, true, "The v-model of the component"> & DefineProp<"events", T[], false, null, "Array of events specific to this interval."> & DefineProp<"viewMode", "month" | "day" | "week", false, "month", "The current view mode of the calendar."> & DefineProp<"weekdays", number[], false, typeof defaultWeekDays, "Specifies which days of the week to display.Default is [0, 1, 2, 3, 4, 5, 6]"> & DefineProp<"year", number, false, null, "Specifies the year for the calendar view."> & DefineProp<"month", number, false, null, "Specifies the month for the calendar view."> & DefineProp<"intervalHeight", number, false, null, "Height of the interval in pixels in the calendar view."> & DefineProp<"intervals", number, false, 24, "Total number of intervals in a day view."> & DefineProp<"intervalStart", number, false, 0, "Starting time for this specific interval."> & DefineProp<"max", Date, false, null, "Maximum date or value that can be selected."> & DefineProp<"min", Date, false, null, "Minimum date or value that can be selected."> & DefineProp<"hideWeekNumber", boolean, false, false, "Toggles the display of week numbers in a calendar view."> & DefineProp<"hideDayHeader", boolean, false, false, "Determines whether the day header is visible in the calendar day view."> & DefineProp<"hideHeader", boolean, false, false, "Determines whether the header is hidden in the calendar view."> & DefineProp<"allowedDates", Date[] | ((date: Date) => boolean), false, null, "Determines which dates are selectable."> & DefineSlot<"event", (event: {
     day: Date;
     allDay: boolean;
     event: T;