@dcodegroup-au/dsg-vue 0.0.19 → 0.0.21

package/dist/main.d.ts

@@ -988,6 +988,37 @@ export declare const DsgInput: {
         'dsg-input--tooltip-content'?(_: {}): any;
     };
 });
+export declare const DsgInputSelect: import('vue').DefineComponent<{
+    modelValue?: any;
+    single?: any;
+} & import('./main').DsgInputSelectProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: any) => any;
+    "update:single": (value: any) => any;
+} & {
+    select: (value: any, id: string | number) => any;
+    "update:model-value": (value: any) => any;
+    "update:modelValue": (value: any) => any;
+    tag: (label: any, id: string | number) => any;
+    "search-change": (queryTerm: string) => any;
+    open: (id: string | number) => any;
+    close: (value: any, id: string | number) => any;
+    remove: (value: any, id: string | number) => any;
+}, string, import('vue').PublicProps, Readonly<{
+    modelValue?: any;
+    single?: any;
+} & import('./main').DsgInputSelectProps> & Readonly<{
+    onSelect?: ((value: any, id: string | number) => any) | undefined;
+    "onUpdate:model-value"?: ((value: any) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+    onTag?: ((label: any, id: string | number) => any) | undefined;
+    "onUpdate:single"?: ((value: any) => any) | undefined;
+    "onSearch-change"?: ((queryTerm: string) => any) | undefined;
+    onOpen?: ((id: string | number) => any) | undefined;
+    onClose?: ((value: any, id: string | number) => any) | undefined;
+    onRemove?: ((value: any, id: string | number) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    multiselectEl: import('vue-multiselect').default | null;
+}, HTMLDivElement>;
 export declare const DsgInputDropdown: import('vue').DefineComponent<{
     modelValue?: string;
 } & import('./main').DsgInputDropdownProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -1006,9 +1037,9 @@ export declare const DsgDatepicker: import('vue').DefineComponent<{
 } & {
     focus: (data: import('./components/Elements/DsgDatepicker.vue').DsgDatepickerValue) => any;
     open: (data: import('./components/Elements/DsgDatepicker.vue').DsgDatepickerValue) => any;
+    blur: (data: import('./components/Elements/DsgDatepicker.vue').DsgDatepickerValue) => any;
     closed: (data: import('./components/Elements/DsgDatepicker.vue').DsgDatepickerValue) => any;
     cleared: (data: import('./components/Elements/DsgDatepicker.vue').DsgDatepickerValue) => any;
-    blur: (data: import('./components/Elements/DsgDatepicker.vue').DsgDatepickerValue) => any;
     "recalculate-position": (data: import('./components/Elements/DsgDatepicker.vue').DsgDatepickerValue) => any;
 }, string, import('vue').PublicProps, Readonly<{
     modelValue?: import('./components/Elements/DsgDatepicker.vue').DsgDatepickerValue;
@@ -1016,9 +1047,9 @@ export declare const DsgDatepicker: import('vue').DefineComponent<{
     onFocus?: ((data: import('./components/Elements/DsgDatepicker.vue').DsgDatepickerValue) => any) | undefined;
     "onUpdate:modelValue"?: ((value: import('./components/Elements/DsgDatepicker.vue').DsgDatepickerValue) => any) | undefined;
     onOpen?: ((data: import('./components/Elements/DsgDatepicker.vue').DsgDatepickerValue) => any) | undefined;
+    onBlur?: ((data: import('./components/Elements/DsgDatepicker.vue').DsgDatepickerValue) => any) | undefined;
     onClosed?: ((data: import('./components/Elements/DsgDatepicker.vue').DsgDatepickerValue) => any) | undefined;
     onCleared?: ((data: import('./components/Elements/DsgDatepicker.vue').DsgDatepickerValue) => any) | undefined;
-    onBlur?: ((data: import('./components/Elements/DsgDatepicker.vue').DsgDatepickerValue) => any) | undefined;
     "onRecalculate-position"?: ((data: import('./components/Elements/DsgDatepicker.vue').DsgDatepickerValue) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export declare const DsgLabel: {
@@ -1292,255 +1323,775 @@ export declare const DsgTooltip: {
         'dsg-tooltip--text'?(_: {}): any;
     };
 });
-export declare const DsgBreadcrumb: import('vue').DefineComponent<import('./main').DsgBreadcrumbProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('./main').DsgBreadcrumbProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
-export declare const DsgTab: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./main').DsgTabProps> & Readonly<{
-        "onTab-clicked"?: ((tab: import('./main').DsgTabLink) => any) | undefined;
+export declare const DsgFilter: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./main').DsgFilterProps> & Readonly<{
+        "onDsg-table:filter-updated"?: ((params: any, payload: any, activeFacet: import('./main').DsgSearchFacet | null | undefined) => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-        "tab-clicked": (tab: import('./main').DsgTabLink) => any;
-    }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import('./main').DsgTabProps> & Readonly<{
-        "onTab-clicked"?: ((tab: import('./main').DsgTabLink) => any) | undefined;
-    }>, {}, {}, {}, {}, {}>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('./main').DsgTabProps> & Readonly<{
-    "onTab-clicked"?: ((tab: import('./main').DsgTabLink) => any) | undefined;
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    "tab-clicked": (tab: import('./main').DsgTabLink) => any;
-}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-    $slots: Partial<Record<`dsg-tab--content--${string}`, (_: {
-        data: import('./main').DsgTabLink;
-    }) => any>>;
-});
-/**
- * --------------------------------------------------------------------------
- *  Export: Vue Component Types
- * --------------------------------------------------------------------------
- */
-export type { DsgIconProps, DsgIconSize } from './components/Icons/DsgIcon.vue';
-export type { DsgMiscIconProps, DsgMiscIconTheme, DsgMiscIconType, DsgMiscIconSize } from './components/Icons/DsgMiscIcon.vue';
-export type { DsgCreditCardIconProps, DsgCreditCardIconSize } from './components/Icons/DsgCreditCardIcon.vue';
-export type { DsgAlertToastType, DsgAlertType, DsgAlertProps, DsgAlertOptions } from './components/Elements/DsgAlert.vue';
-export type { DsgAvatarProps, DsgAvatarSize, DsgAvatarTheme } from './components/Elements/DsgAvatar.vue';
-export type { DsgBadgeProps, DsgBadgeSize, DsgBadgeTheme, DsgBadgeThemeColor, DsgBadgeType } from './components/Elements/DsgBadge.vue';
-export type { DsgButtonProps, DsgButtonSize, DsgButtonTargetUri, DsgButtonTheme, DsgButtonType, DsgButtonWidth } from './components/Elements/DsgButton.vue';
-export type { DsgCheckboxProps, DsgCheckboxSize, DsgCheckboxType, DsgCheckboxModelType } from './components/Elements/DsgCheckbox.vue';
-export type { DsgCheckboxGroupProps, DsgCheckboxGroupOption, DsgCheckboxGroupSize, DsgCheckboxGroupTheme } from './components/Elements/DsgCheckboxGroup.vue';
-export type { DsgDropdownType, DsgDropdownHeaderType, DsgDropdownAvatar, DsgDropdownMenuItem, DsgDropdownProps } from './components/Elements/DsgDropdown.vue';
-export type { DsgInputProps, DsgInputCurrencyPair, DsgInputPhoneFormat, DsgInputValidationPattern, DsgInputSize, DsgInputTheme, DsgInputTooltipTheme, DsgInputType, DsgInputWidth, } from './components/Elements/DsgInput.vue';
-export type { DsgInputDropdownProps } from './components/Elements/DsgInputDropdown.vue';
-export type { DsgDatepickerType } from './components/Elements/DsgDatepicker.vue';
-export type { DsgLabelProps, DsgLabelSize } from './components/Elements/DsgLabel.vue';
-export type { DsgLinkProps, DsgLinkSize, DsgLinkTargetUri } from './components/Elements/DsgLink.vue';
-export type { DsgModalProps, DsgModalType, DsgModalFooterType } from './components/Elements/DsgModal.vue';
-export type { DsgTagProps, DsgTagSize } from './components/Elements/DsgTag.vue';
-export type { DsgToggleProps, DsgToggleSize } from './components/Elements/DsgToggle.vue';
-export type { DsgTooltipProps, DsgTooltipPosition, DsgTooltipTheme, DsgTooltipTrigger } from './components/Elements/DsgTooltip.vue';
-export type { DsgBreadcrumbButtonBase, DsgBreadcrumbProps } from './components/Headers/DsgBreadcrumb.vue';
-export type { DsgTabProps, DsgTabLink } from './components/Navigation/DsgTab.vue';
-/**
- * --------------------------------------------------------------------------
- *  Export: Default
- * --------------------------------------------------------------------------
- */
-declare const _default: {
-    DsgIcon: import('vue').DefineComponent<import('./main').DsgIconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('./main').DsgIconProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-    DsgMiscIcon: import('vue').DefineComponent<import('./main').DsgMiscIconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('./main').DsgMiscIconProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
-    DsgCreditCardIcon: import('vue').DefineComponent<import('./main').DsgCreditCardIconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('./main').DsgCreditCardIconProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-    DsgAlert: {
-        info(title?: string, message?: string, options?: import('./main').DsgAlertOptions): void;
-        error(title?: string, message?: string, options?: import('./main').DsgAlertOptions): void;
-        warning(title?: string, message?: string, options?: import('./main').DsgAlertOptions): void;
-        success(title?: string, message?: string, options?: import('./main').DsgAlertOptions): void;
-    };
-    DsgAvatar: {
-        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./main').DsgAvatarProps> & Readonly<{
-            "onAvatar-clicked"?: ((clickEvent: Event) => any) | undefined;
-            "onBefore-change-status"?: ((oldStatus: boolean, newStatus: boolean) => any) | undefined;
-            "onAfter-change-status"?: ((status: boolean) => any) | undefined;
-        }>, {
-            setUserActiveStatus: (activeStatus: boolean) => void;
-            toggleFocus: (focus: boolean) => void;
-        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-            "avatar-clicked": (clickEvent: Event) => any;
-            "before-change-status": (oldStatus: boolean, newStatus: boolean) => any;
-            "after-change-status": (status: boolean) => any;
-        }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
-            avatarLink: HTMLAnchorElement;
-            avatarImageWrapperEl: HTMLDivElement;
-        }, HTMLDivElement, import('vue').ComponentProvideOptions, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, Readonly<import('./main').DsgAvatarProps> & Readonly<{
-            "onAvatar-clicked"?: ((clickEvent: Event) => any) | undefined;
-            "onBefore-change-status"?: ((oldStatus: boolean, newStatus: boolean) => any) | undefined;
-            "onAfter-change-status"?: ((status: boolean) => any) | undefined;
-        }>, {
-            setUserActiveStatus: (activeStatus: boolean) => void;
-            toggleFocus: (focus: boolean) => void;
-        }, {}, {}, {}, {}>;
-        __isFragment?: never;
-        __isTeleport?: never;
-        __isSuspense?: never;
-    } & import('vue').ComponentOptionsBase<Readonly<import('./main').DsgAvatarProps> & Readonly<{
-        "onAvatar-clicked"?: ((clickEvent: Event) => any) | undefined;
-        "onBefore-change-status"?: ((oldStatus: boolean, newStatus: boolean) => any) | undefined;
-        "onAfter-change-status"?: ((status: boolean) => any) | undefined;
-    }>, {
-        setUserActiveStatus: (activeStatus: boolean) => void;
-        toggleFocus: (focus: boolean) => void;
-    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-        "avatar-clicked": (clickEvent: Event) => any;
-        "before-change-status": (oldStatus: boolean, newStatus: boolean) => any;
-        "after-change-status": (status: boolean) => any;
-    }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-        $slots: {
-            'dsg-avatar--background'?(_: {}): any;
-            'dsg-avatar--status'?(_: {}): any;
-            'dsg-avatar--title'?(_: {}): any;
-            'dsg-avatar--subtext'?(_: {}): any;
-        };
-    });
-    DsgBadge: {
-        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./main').DsgBadgeProps> & Readonly<{
-            "onBefore-hide"?: ((el: HTMLDivElement) => any) | undefined;
-            "onAfter-hide"?: ((el: HTMLDivElement) => any) | undefined;
-            "onBefore-destroy"?: ((el: HTMLDivElement) => any) | undefined;
-            "onAfter-destroy"?: (() => any) | undefined;
-            "onOn-click"?: ((el: HTMLDivElement) => any) | undefined;
-        }>, {
-            hideOrDestroy: (clickEvent?: Event) => void;
-            clickEvent: (clickEvent?: Event) => void;
-        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-            "before-hide": (el: HTMLDivElement) => any;
-            "after-hide": (el: HTMLDivElement) => any;
-            "before-destroy": (el: HTMLDivElement) => any;
-            "after-destroy": () => any;
-            "on-click": (el: HTMLDivElement) => any;
-        }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
-            dsgBadge: HTMLDivElement;
-        }, HTMLDivElement, import('vue').ComponentProvideOptions, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, Readonly<import('./main').DsgBadgeProps> & Readonly<{
-            "onBefore-hide"?: ((el: HTMLDivElement) => any) | undefined;
-            "onAfter-hide"?: ((el: HTMLDivElement) => any) | undefined;
-            "onBefore-destroy"?: ((el: HTMLDivElement) => any) | undefined;
-            "onAfter-destroy"?: (() => any) | undefined;
-            "onOn-click"?: ((el: HTMLDivElement) => any) | undefined;
-        }>, {
-            hideOrDestroy: (clickEvent?: Event) => void;
-            clickEvent: (clickEvent?: Event) => void;
-        }, {}, {}, {}, {}>;
-        __isFragment?: never;
-        __isTeleport?: never;
-        __isSuspense?: never;
-    } & import('vue').ComponentOptionsBase<Readonly<import('./main').DsgBadgeProps> & Readonly<{
-        "onBefore-hide"?: ((el: HTMLDivElement) => any) | undefined;
-        "onAfter-hide"?: ((el: HTMLDivElement) => any) | undefined;
-        "onBefore-destroy"?: ((el: HTMLDivElement) => any) | undefined;
-        "onAfter-destroy"?: (() => any) | undefined;
-        "onOn-click"?: ((el: HTMLDivElement) => any) | undefined;
-    }>, {
-        hideOrDestroy: (clickEvent?: Event) => void;
-        clickEvent: (clickEvent?: Event) => void;
-    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-        "before-hide": (el: HTMLDivElement) => any;
-        "after-hide": (el: HTMLDivElement) => any;
-        "before-destroy": (el: HTMLDivElement) => any;
-        "after-destroy": () => any;
-        "on-click": (el: HTMLDivElement) => any;
-    }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-        $slots: {
-            'dsg-badge--before'?(_: {}): any;
-            'dsg-badge--after'?(_: {}): any;
-        };
-    });
-    DsgButton: {
-        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./main').DsgButtonProps> & Readonly<{
-            "onButton-clicked"?: ((clickEvent: Event) => any) | undefined;
-        }>, {
-            focusButton: (focus: boolean) => void;
-        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-            "button-clicked": (clickEvent: Event) => any;
-        }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
-            dsgButtonEl: HTMLButtonElement;
-        }, HTMLButtonElement, import('vue').ComponentProvideOptions, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, Readonly<import('./main').DsgButtonProps> & Readonly<{
-            "onButton-clicked"?: ((clickEvent: Event) => any) | undefined;
-        }>, {
-            focusButton: (focus: boolean) => void;
-        }, {}, {}, {}, {}>;
-        __isFragment?: never;
-        __isTeleport?: never;
-        __isSuspense?: never;
-    } & import('vue').ComponentOptionsBase<Readonly<import('./main').DsgButtonProps> & Readonly<{
-        "onButton-clicked"?: ((clickEvent: Event) => any) | undefined;
-    }>, {
-        focusButton: (focus: boolean) => void;
-    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-        "button-clicked": (clickEvent: Event) => any;
-    }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-        $slots: {
-            'dsg-button--icon-before'?(_: {}): any;
-            'dsg-button--icon-after'?(_: {}): any;
-        };
-    });
-    DsgCheckbox: {
-        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
-            modelValue?: import('./main').DsgCheckboxModelType;
-        } & import('./main').DsgCheckboxProps> & Readonly<{
-            "onBefore-checked"?: ((oldValue: import('./main').DsgCheckboxModelType, newValue: import('./main').DsgCheckboxModelType) => any) | undefined;
-            "onAfter-checked"?: ((newValue: import('./main').DsgCheckboxModelType) => any) | undefined;
-            "onUpdate:model-value"?: ((newValue: import('./main').DsgCheckboxModelType) => any) | undefined;
-            "onUpdate:modelValue"?: ((value: import('./main').DsgCheckboxModelType) => any) | undefined;
-        }>, {
-            set: (value: boolean) => void;
-        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-            "update:modelValue": (value: import('./main').DsgCheckboxModelType) => any;
-        } & {
-            "before-checked": (oldValue: import('./main').DsgCheckboxModelType, newValue: import('./main').DsgCheckboxModelType) => any;
-            "after-checked": (newValue: import('./main').DsgCheckboxModelType) => any;
-            "update:model-value": (newValue: import('./main').DsgCheckboxModelType) => any;
-        }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
-            checkboxWrapper: HTMLLabelElement;
-            inputCheckbox: HTMLInputElement;
-        }, HTMLDivElement, import('vue').ComponentProvideOptions, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, Readonly<{
-            modelValue?: import('./main').DsgCheckboxModelType;
-        } & import('./main').DsgCheckboxProps> & Readonly<{
-            "onBefore-checked"?: ((oldValue: import('./main').DsgCheckboxModelType, newValue: import('./main').DsgCheckboxModelType) => any) | undefined;
-            "onAfter-checked"?: ((newValue: import('./main').DsgCheckboxModelType) => any) | undefined;
-            "onUpdate:model-value"?: ((newValue: import('./main').DsgCheckboxModelType) => any) | undefined;
-            "onUpdate:modelValue"?: ((value: import('./main').DsgCheckboxModelType) => any) | undefined;
+        "dsg-table:filter-updated": (params: any, payload: any, activeFacet: import('./main').DsgSearchFacet | null | undefined) => any;
+    }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        dsgTableFilter: HTMLDivElement;
+        floatingVueFilterDropdownEl: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+            theme: {
+                type: StringConstructor;
+                default: any;
+            };
+            referenceNode: {
+                type: import('vue').PropType<() => Element>;
+                default: any;
+            };
+            shown: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            showGroup: {
+                type: StringConstructor;
+                default: any;
+            };
+            ariaId: {
+                default: any;
+            };
+            disabled: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            positioningDisabled: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            placement: {
+                type: import('vue').PropType<import('floating-vue').Placement>;
+                default: any;
+            };
+            delay: {
+                type: import('vue').PropType<string | number | {
+                    show: number;
+                    hide: number;
+                }>;
+                default: any;
+            };
+            distance: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: any;
+            };
+            skidding: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: any;
+            };
+            triggers: {
+                type: import('vue').PropType<import('floating-vue').TriggerEvent[]>;
+                default: any;
+            };
+            showTriggers: {
+                type: import('vue').PropType<import('floating-vue').TriggerEvent[] | ((triggers: import('floating-vue').TriggerEvent[]) => import('floating-vue').TriggerEvent[])>;
+                default: any;
+            };
+            hideTriggers: {
+                type: import('vue').PropType<import('floating-vue').TriggerEvent[] | ((triggers: import('floating-vue').TriggerEvent[]) => import('floating-vue').TriggerEvent[])>;
+                default: any;
+            };
+            popperTriggers: {
+                type: import('vue').PropType<import('floating-vue').TriggerEvent[]>;
+                default: any;
+            };
+            popperShowTriggers: {
+                type: import('vue').PropType<import('floating-vue').TriggerEvent[] | ((triggers: import('floating-vue').TriggerEvent[]) => import('floating-vue').TriggerEvent[])>;
+                default: any;
+            };
+            popperHideTriggers: {
+                type: import('vue').PropType<import('floating-vue').TriggerEvent[] | ((triggers: import('floating-vue').TriggerEvent[]) => import('floating-vue').TriggerEvent[])>;
+                default: any;
+            };
+            container: {
+                type: any[];
+                default: any;
+            };
+            boundary: {
+                type: any[];
+                default: any;
+            };
+            strategy: {
+                type: import('vue').PropType<"absolute" | "fixed">;
+                default: any;
+            };
+            autoHide: {
+                type: import('vue').PropType<boolean | ((event: Event) => boolean)>;
+                default: any;
+            };
+            handleResize: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            instantMove: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            eagerMount: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            popperClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: any;
+            };
+            computeTransformOrigin: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            autoMinSize: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            autoSize: {
+                type: import('vue').PropType<boolean | "min" | "max">;
+                default: any;
+            };
+            autoMaxSize: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            autoBoundaryMaxSize: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            preventOverflow: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            overflowPadding: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: any;
+            };
+            arrowPadding: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: any;
+            };
+            arrowOverflow: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            flip: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            shift: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            shiftCrossAxis: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            noAutoFocus: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            disposeTimeout: {
+                type: NumberConstructor;
+                default: any;
+            };
+        }>> & {
+            onResize?: () => any;
+            onShow?: () => any;
+            onHide?: () => any;
+            "onUpdate:shown"?: (shown: boolean) => any;
+            "onApply-show"?: () => any;
+            "onApply-hide"?: () => any;
+            "onClose-group"?: () => any;
+            "onClose-directive"?: () => any;
+            "onAuto-hide"?: () => any;
+        }, unknown, unknown, {
+            finalTheme(): string;
+        }, {
+            getTargetNodes(): unknown[];
+        }, {
+            computed: {
+                themeClass(): string[];
+            };
+        } | {
+            methods: {
+                show(...args: any[]): any;
+                hide(...args: any[]): any;
+                dispose(...args: any[]): any;
+                onResize(...args: any[]): any;
+            };
+        }, import('vue').ComponentOptionsMixin, {
+            show: () => true;
+            hide: () => true;
+            'update:shown': (shown: boolean) => true;
+            'apply-show': () => true;
+            'apply-hide': () => true;
+            'close-group': () => true;
+            'close-directive': () => true;
+            'auto-hide': () => true;
+            resize: () => true;
+        }, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, {
+            placement: import('floating-vue').Placement;
+            strategy: "absolute" | "fixed";
+            disabled: boolean;
+            positioningDisabled: boolean;
+            delay: string | number | {
+                show: number;
+                hide: number;
+            };
+            distance: string | number;
+            skidding: string | number;
+            triggers: import('floating-vue').TriggerEvent[];
+            showTriggers: import('floating-vue').TriggerEvent[] | ((triggers: import('floating-vue').TriggerEvent[]) => import('floating-vue').TriggerEvent[]);
+            hideTriggers: import('floating-vue').TriggerEvent[] | ((triggers: import('floating-vue').TriggerEvent[]) => import('floating-vue').TriggerEvent[]);
+            popperTriggers: import('floating-vue').TriggerEvent[];
+            popperShowTriggers: import('floating-vue').TriggerEvent[] | ((triggers: import('floating-vue').TriggerEvent[]) => import('floating-vue').TriggerEvent[]);
+            popperHideTriggers: import('floating-vue').TriggerEvent[] | ((triggers: import('floating-vue').TriggerEvent[]) => import('floating-vue').TriggerEvent[]);
+            container: any;
+            boundary: any;
+            autoHide: boolean | ((event: Event) => boolean);
+            handleResize: boolean;
+            instantMove: boolean;
+            eagerMount: boolean;
+            popperClass: string | unknown[] | Record<string, any>;
+            computeTransformOrigin: boolean;
+            autoMinSize: boolean;
+            autoSize: boolean | "min" | "max";
+            autoMaxSize: boolean;
+            autoBoundaryMaxSize: boolean;
+            preventOverflow: boolean;
+            overflowPadding: string | number;
+            arrowPadding: string | number;
+            arrowOverflow: boolean;
+            flip: boolean;
+            shift: boolean;
+            shiftCrossAxis: boolean;
+            noAutoFocus: boolean;
+            disposeTimeout: number;
+            shown: boolean;
+            theme: string;
+            referenceNode: () => Element;
+            showGroup: string;
+            ariaId: any;
+        }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {
+                themeClass(): string[];
+            };
+            M: import('vue').MethodOptions;
+            Defaults: {};
+        } & {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        } & {
+            P: {};
+            B: {};
+            D: {};
+            C: import('vue').ComputedOptions;
+            M: {
+                show(...args: any[]): any;
+                hide(...args: any[]): any;
+                dispose(...args: any[]): any;
+                onResize(...args: any[]): any;
+            };
+            Defaults: {};
+        }, Readonly<import('vue').ExtractPropTypes<{
+            theme: {
+                type: StringConstructor;
+                default: any;
+            };
+            referenceNode: {
+                type: import('vue').PropType<() => Element>;
+                default: any;
+            };
+            shown: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            showGroup: {
+                type: StringConstructor;
+                default: any;
+            };
+            ariaId: {
+                default: any;
+            };
+            disabled: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            positioningDisabled: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            placement: {
+                type: import('vue').PropType<import('floating-vue').Placement>;
+                default: any;
+            };
+            delay: {
+                type: import('vue').PropType<string | number | {
+                    show: number;
+                    hide: number;
+                }>;
+                default: any;
+            };
+            distance: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: any;
+            };
+            skidding: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: any;
+            };
+            triggers: {
+                type: import('vue').PropType<import('floating-vue').TriggerEvent[]>;
+                default: any;
+            };
+            showTriggers: {
+                type: import('vue').PropType<import('floating-vue').TriggerEvent[] | ((triggers: import('floating-vue').TriggerEvent[]) => import('floating-vue').TriggerEvent[])>;
+                default: any;
+            };
+            hideTriggers: {
+                type: import('vue').PropType<import('floating-vue').TriggerEvent[] | ((triggers: import('floating-vue').TriggerEvent[]) => import('floating-vue').TriggerEvent[])>;
+                default: any;
+            };
+            popperTriggers: {
+                type: import('vue').PropType<import('floating-vue').TriggerEvent[]>;
+                default: any;
+            };
+            popperShowTriggers: {
+                type: import('vue').PropType<import('floating-vue').TriggerEvent[] | ((triggers: import('floating-vue').TriggerEvent[]) => import('floating-vue').TriggerEvent[])>;
+                default: any;
+            };
+            popperHideTriggers: {
+                type: import('vue').PropType<import('floating-vue').TriggerEvent[] | ((triggers: import('floating-vue').TriggerEvent[]) => import('floating-vue').TriggerEvent[])>;
+                default: any;
+            };
+            container: {
+                type: any[];
+                default: any;
+            };
+            boundary: {
+                type: any[];
+                default: any;
+            };
+            strategy: {
+                type: import('vue').PropType<"absolute" | "fixed">;
+                default: any;
+            };
+            autoHide: {
+                type: import('vue').PropType<boolean | ((event: Event) => boolean)>;
+                default: any;
+            };
+            handleResize: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            instantMove: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            eagerMount: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            popperClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: any;
+            };
+            computeTransformOrigin: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            autoMinSize: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            autoSize: {
+                type: import('vue').PropType<boolean | "min" | "max">;
+                default: any;
+            };
+            autoMaxSize: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            autoBoundaryMaxSize: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            preventOverflow: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            overflowPadding: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: any;
+            };
+            arrowPadding: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: any;
+            };
+            arrowOverflow: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            flip: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            shift: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            shiftCrossAxis: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            noAutoFocus: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            disposeTimeout: {
+                type: NumberConstructor;
+                default: any;
+            };
+        }>> & {
+            onResize?: () => any;
+            onShow?: () => any;
+            onHide?: () => any;
+            "onUpdate:shown"?: (shown: boolean) => any;
+            "onApply-show"?: () => any;
+            "onApply-hide"?: () => any;
+            "onClose-group"?: () => any;
+            "onClose-directive"?: () => any;
+            "onAuto-hide"?: () => any;
+        }, {}, {}, {
+            themeClass(): string[];
+        } & import('vue').ComputedOptions & {
+            finalTheme(): string;
+        }, import('vue').MethodOptions & {
+            show(...args: any[]): any;
+            hide(...args: any[]): any;
+            dispose(...args: any[]): any;
+            onResize(...args: any[]): any;
+        } & {
+            getTargetNodes(): unknown[];
+        }, {
+            placement: import('floating-vue').Placement;
+            strategy: "absolute" | "fixed";
+            disabled: boolean;
+            positioningDisabled: boolean;
+            delay: string | number | {
+                show: number;
+                hide: number;
+            };
+            distance: string | number;
+            skidding: string | number;
+            triggers: import('floating-vue').TriggerEvent[];
+            showTriggers: import('floating-vue').TriggerEvent[] | ((triggers: import('floating-vue').TriggerEvent[]) => import('floating-vue').TriggerEvent[]);
+            hideTriggers: import('floating-vue').TriggerEvent[] | ((triggers: import('floating-vue').TriggerEvent[]) => import('floating-vue').TriggerEvent[]);
+            popperTriggers: import('floating-vue').TriggerEvent[];
+            popperShowTriggers: import('floating-vue').TriggerEvent[] | ((triggers: import('floating-vue').TriggerEvent[]) => import('floating-vue').TriggerEvent[]);
+            popperHideTriggers: import('floating-vue').TriggerEvent[] | ((triggers: import('floating-vue').TriggerEvent[]) => import('floating-vue').TriggerEvent[]);
+            container: any;
+            boundary: any;
+            autoHide: boolean | ((event: Event) => boolean);
+            handleResize: boolean;
+            instantMove: boolean;
+            eagerMount: boolean;
+            popperClass: string | unknown[] | Record<string, any>;
+            computeTransformOrigin: boolean;
+            autoMinSize: boolean;
+            autoSize: boolean | "min" | "max";
+            autoMaxSize: boolean;
+            autoBoundaryMaxSize: boolean;
+            preventOverflow: boolean;
+            overflowPadding: string | number;
+            arrowPadding: string | number;
+            arrowOverflow: boolean;
+            flip: boolean;
+            shift: boolean;
+            shiftCrossAxis: boolean;
+            noAutoFocus: boolean;
+            disposeTimeout: number;
+            shown: boolean;
+            theme: string;
+            referenceNode: () => Element;
+            showGroup: string;
+            ariaId: any;
+        }> | null;
+    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('./main').DsgFilterProps> & Readonly<{
+        "onDsg-table:filter-updated"?: ((params: any, payload: any, activeFacet: import('./main').DsgSearchFacet | null | undefined) => any) | undefined;
+    }>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('./main').DsgFilterProps> & Readonly<{
+    "onDsg-table:filter-updated"?: ((params: any, payload: any, activeFacet: import('./main').DsgSearchFacet | null | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "dsg-table:filter-updated": (params: any, payload: any, activeFacet: import('./main').DsgSearchFacet | null | undefined) => any;
+}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        'dsg-table--filter-trigger'?(_: {}): any;
+    };
+});
+export declare const DsgBreadcrumb: import('vue').DefineComponent<import('./main').DsgBreadcrumbProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('./main').DsgBreadcrumbProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export declare const DsgTab: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./main').DsgTabProps> & Readonly<{
+        "onTab-clicked"?: ((tab: import('./main').DsgTabLink) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        "tab-clicked": (tab: import('./main').DsgTabLink) => any;
+    }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('./main').DsgTabProps> & Readonly<{
+        "onTab-clicked"?: ((tab: import('./main').DsgTabLink) => any) | undefined;
+    }>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('./main').DsgTabProps> & Readonly<{
+    "onTab-clicked"?: ((tab: import('./main').DsgTabLink) => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "tab-clicked": (tab: import('./main').DsgTabLink) => any;
+}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: Partial<Record<`dsg-tab--content--${string}`, (_: {
+        data: import('./main').DsgTabLink;
+    }) => any>>;
+});
+/**
+ * --------------------------------------------------------------------------
+ *  Export: Vue Component Types
+ * --------------------------------------------------------------------------
+ */
+export type { DsgIconProps, DsgIconSize } from './components/Icons/DsgIcon.vue';
+export type { DsgMiscIconProps, DsgMiscIconTheme, DsgMiscIconType, DsgMiscIconSize } from './components/Icons/DsgMiscIcon.vue';
+export type { DsgCreditCardIconProps, DsgCreditCardIconSize } from './components/Icons/DsgCreditCardIcon.vue';
+export type { DsgAlertToastType, DsgAlertType, DsgAlertProps, DsgAlertOptions } from './components/Elements/DsgAlert.vue';
+export type { DsgAvatarProps, DsgAvatarSize, DsgAvatarTheme } from './components/Elements/DsgAvatar.vue';
+export type { DsgBadgeProps, DsgBadgeSize, DsgBadgeTheme, DsgBadgeThemeColor, DsgBadgeType } from './components/Elements/DsgBadge.vue';
+export type { DsgButtonProps, DsgButtonSize, DsgButtonTargetUri, DsgButtonTheme, DsgButtonType, DsgButtonWidth } from './components/Elements/DsgButton.vue';
+export type { DsgCheckboxProps, DsgCheckboxSize, DsgCheckboxType, DsgCheckboxModelType } from './components/Elements/DsgCheckbox.vue';
+export type { DsgCheckboxGroupProps, DsgCheckboxGroupOption, DsgCheckboxGroupSize, DsgCheckboxGroupTheme } from './components/Elements/DsgCheckboxGroup.vue';
+export type { DsgDropdownType, DsgDropdownHeaderType, DsgDropdownAvatar, DsgDropdownMenuItem, DsgDropdownProps } from './components/Elements/DsgDropdown.vue';
+export type { DsgInputProps, DsgInputCurrencyPair, DsgInputPhoneFormat, DsgInputValidationPattern, DsgInputSize, DsgInputTheme, DsgInputTooltipTheme, DsgInputType, DsgInputWidth, } from './components/Elements/DsgInput.vue';
+export type { DsgInputSelectOption, DsgInputSelectProps } from './components/Elements/DsgInputSelect.vue';
+export type { DsgInputDropdownProps } from './components/Elements/DsgInputDropdown.vue';
+export type { DsgDatepickerType } from './components/Elements/DsgDatepicker.vue';
+export type { DsgLabelProps, DsgLabelSize } from './components/Elements/DsgLabel.vue';
+export type { DsgLinkProps, DsgLinkSize, DsgLinkTargetUri } from './components/Elements/DsgLink.vue';
+export type { DsgModalProps, DsgModalType, DsgModalFooterType } from './components/Elements/DsgModal.vue';
+export type { DsgTagProps, DsgTagSize } from './components/Elements/DsgTag.vue';
+export type { DsgToggleProps, DsgToggleSize } from './components/Elements/DsgToggle.vue';
+export type { DsgTooltipProps, DsgTooltipPosition, DsgTooltipTheme, DsgTooltipTrigger } from './components/Elements/DsgTooltip.vue';
+export type { DsgBreadcrumbButtonBase, DsgBreadcrumbProps } from './components/Headers/DsgBreadcrumb.vue';
+export type { DsgTabProps, DsgTabLink } from './components/Navigation/DsgTab.vue';
+export type { DsgTableSearchFacet as DsgSearchFacet, DsgTableSearchRefine as DsgSearchRefine, DsgTableFilterProps as DsgFilterProps, } from './components/Table/DsgTableFilter.vue';
+/**
+ * --------------------------------------------------------------------------
+ *  Export: Default
+ * --------------------------------------------------------------------------
+ */
+declare const _default: {
+    DsgIcon: import('vue').DefineComponent<import('./main').DsgIconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('./main').DsgIconProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+    DsgMiscIcon: import('vue').DefineComponent<import('./main').DsgMiscIconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('./main').DsgMiscIconProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+    DsgCreditCardIcon: import('vue').DefineComponent<import('./main').DsgCreditCardIconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('./main').DsgCreditCardIconProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+    DsgAlert: {
+        info(title?: string, message?: string, options?: import('./main').DsgAlertOptions): void;
+        error(title?: string, message?: string, options?: import('./main').DsgAlertOptions): void;
+        warning(title?: string, message?: string, options?: import('./main').DsgAlertOptions): void;
+        success(title?: string, message?: string, options?: import('./main').DsgAlertOptions): void;
+    };
+    DsgAvatar: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./main').DsgAvatarProps> & Readonly<{
+            "onAvatar-clicked"?: ((clickEvent: Event) => any) | undefined;
+            "onBefore-change-status"?: ((oldStatus: boolean, newStatus: boolean) => any) | undefined;
+            "onAfter-change-status"?: ((status: boolean) => any) | undefined;
+        }>, {
+            setUserActiveStatus: (activeStatus: boolean) => void;
+            toggleFocus: (focus: boolean) => void;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+            "avatar-clicked": (clickEvent: Event) => any;
+            "before-change-status": (oldStatus: boolean, newStatus: boolean) => any;
+            "after-change-status": (status: boolean) => any;
+        }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+            avatarLink: HTMLAnchorElement;
+            avatarImageWrapperEl: HTMLDivElement;
+        }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import('./main').DsgAvatarProps> & Readonly<{
+            "onAvatar-clicked"?: ((clickEvent: Event) => any) | undefined;
+            "onBefore-change-status"?: ((oldStatus: boolean, newStatus: boolean) => any) | undefined;
+            "onAfter-change-status"?: ((status: boolean) => any) | undefined;
+        }>, {
+            setUserActiveStatus: (activeStatus: boolean) => void;
+            toggleFocus: (focus: boolean) => void;
+        }, {}, {}, {}, {}>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<import('./main').DsgAvatarProps> & Readonly<{
+        "onAvatar-clicked"?: ((clickEvent: Event) => any) | undefined;
+        "onBefore-change-status"?: ((oldStatus: boolean, newStatus: boolean) => any) | undefined;
+        "onAfter-change-status"?: ((status: boolean) => any) | undefined;
+    }>, {
+        setUserActiveStatus: (activeStatus: boolean) => void;
+        toggleFocus: (focus: boolean) => void;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        "avatar-clicked": (clickEvent: Event) => any;
+        "before-change-status": (oldStatus: boolean, newStatus: boolean) => any;
+        "after-change-status": (status: boolean) => any;
+    }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: {
+            'dsg-avatar--background'?(_: {}): any;
+            'dsg-avatar--status'?(_: {}): any;
+            'dsg-avatar--title'?(_: {}): any;
+            'dsg-avatar--subtext'?(_: {}): any;
+        };
+    });
+    DsgBadge: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./main').DsgBadgeProps> & Readonly<{
+            "onBefore-hide"?: ((el: HTMLDivElement) => any) | undefined;
+            "onAfter-hide"?: ((el: HTMLDivElement) => any) | undefined;
+            "onBefore-destroy"?: ((el: HTMLDivElement) => any) | undefined;
+            "onAfter-destroy"?: (() => any) | undefined;
+            "onOn-click"?: ((el: HTMLDivElement) => any) | undefined;
+        }>, {
+            hideOrDestroy: (clickEvent?: Event) => void;
+            clickEvent: (clickEvent?: Event) => void;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+            "before-hide": (el: HTMLDivElement) => any;
+            "after-hide": (el: HTMLDivElement) => any;
+            "before-destroy": (el: HTMLDivElement) => any;
+            "after-destroy": () => any;
+            "on-click": (el: HTMLDivElement) => any;
+        }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+            dsgBadge: HTMLDivElement;
+        }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import('./main').DsgBadgeProps> & Readonly<{
+            "onBefore-hide"?: ((el: HTMLDivElement) => any) | undefined;
+            "onAfter-hide"?: ((el: HTMLDivElement) => any) | undefined;
+            "onBefore-destroy"?: ((el: HTMLDivElement) => any) | undefined;
+            "onAfter-destroy"?: (() => any) | undefined;
+            "onOn-click"?: ((el: HTMLDivElement) => any) | undefined;
+        }>, {
+            hideOrDestroy: (clickEvent?: Event) => void;
+            clickEvent: (clickEvent?: Event) => void;
+        }, {}, {}, {}, {}>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<import('./main').DsgBadgeProps> & Readonly<{
+        "onBefore-hide"?: ((el: HTMLDivElement) => any) | undefined;
+        "onAfter-hide"?: ((el: HTMLDivElement) => any) | undefined;
+        "onBefore-destroy"?: ((el: HTMLDivElement) => any) | undefined;
+        "onAfter-destroy"?: (() => any) | undefined;
+        "onOn-click"?: ((el: HTMLDivElement) => any) | undefined;
+    }>, {
+        hideOrDestroy: (clickEvent?: Event) => void;
+        clickEvent: (clickEvent?: Event) => void;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        "before-hide": (el: HTMLDivElement) => any;
+        "after-hide": (el: HTMLDivElement) => any;
+        "before-destroy": (el: HTMLDivElement) => any;
+        "after-destroy": () => any;
+        "on-click": (el: HTMLDivElement) => any;
+    }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: {
+            'dsg-badge--before'?(_: {}): any;
+            'dsg-badge--after'?(_: {}): any;
+        };
+    });
+    DsgButton: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./main').DsgButtonProps> & Readonly<{
+            "onButton-clicked"?: ((clickEvent: Event) => any) | undefined;
+        }>, {
+            focusButton: (focus: boolean) => void;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+            "button-clicked": (clickEvent: Event) => any;
+        }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+            dsgButtonEl: HTMLButtonElement;
+        }, HTMLButtonElement, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import('./main').DsgButtonProps> & Readonly<{
+            "onButton-clicked"?: ((clickEvent: Event) => any) | undefined;
+        }>, {
+            focusButton: (focus: boolean) => void;
+        }, {}, {}, {}, {}>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<import('./main').DsgButtonProps> & Readonly<{
+        "onButton-clicked"?: ((clickEvent: Event) => any) | undefined;
+    }>, {
+        focusButton: (focus: boolean) => void;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        "button-clicked": (clickEvent: Event) => any;
+    }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: {
+            'dsg-button--icon-before'?(_: {}): any;
+            'dsg-button--icon-after'?(_: {}): any;
+        };
+    });
+    DsgCheckbox: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+            modelValue?: import('./main').DsgCheckboxModelType;
+        } & import('./main').DsgCheckboxProps> & Readonly<{
+            "onBefore-checked"?: ((oldValue: import('./main').DsgCheckboxModelType, newValue: import('./main').DsgCheckboxModelType) => any) | undefined;
+            "onAfter-checked"?: ((newValue: import('./main').DsgCheckboxModelType) => any) | undefined;
+            "onUpdate:model-value"?: ((newValue: import('./main').DsgCheckboxModelType) => any) | undefined;
+            "onUpdate:modelValue"?: ((value: import('./main').DsgCheckboxModelType) => any) | undefined;
+        }>, {
+            set: (value: boolean) => void;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            "update:modelValue": (value: import('./main').DsgCheckboxModelType) => any;
+        } & {
+            "before-checked": (oldValue: import('./main').DsgCheckboxModelType, newValue: import('./main').DsgCheckboxModelType) => any;
+            "after-checked": (newValue: import('./main').DsgCheckboxModelType) => any;
+            "update:model-value": (newValue: import('./main').DsgCheckboxModelType) => any;
+        }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+            checkboxWrapper: HTMLLabelElement;
+            inputCheckbox: HTMLInputElement;
+        }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<{
+            modelValue?: import('./main').DsgCheckboxModelType;
+        } & import('./main').DsgCheckboxProps> & Readonly<{
+            "onBefore-checked"?: ((oldValue: import('./main').DsgCheckboxModelType, newValue: import('./main').DsgCheckboxModelType) => any) | undefined;
+            "onAfter-checked"?: ((newValue: import('./main').DsgCheckboxModelType) => any) | undefined;
+            "onUpdate:model-value"?: ((newValue: import('./main').DsgCheckboxModelType) => any) | undefined;
+            "onUpdate:modelValue"?: ((value: import('./main').DsgCheckboxModelType) => any) | undefined;
         }>, {
             set: (value: boolean) => void;
         }, {}, {}, {}, {}>;
@@ -2337,6 +2888,37 @@ declare const _default: {
             'dsg-input--tooltip-content'?(_: {}): any;
         };
     });
+    DsgInputSelect: import('vue').DefineComponent<{
+        modelValue?: any;
+        single?: any;
+    } & import('./main').DsgInputSelectProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "update:modelValue": (value: any) => any;
+        "update:single": (value: any) => any;
+    } & {
+        select: (value: any, id: string | number) => any;
+        "update:model-value": (value: any) => any;
+        "update:modelValue": (value: any) => any;
+        tag: (label: any, id: string | number) => any;
+        "search-change": (queryTerm: string) => any;
+        open: (id: string | number) => any;
+        close: (value: any, id: string | number) => any;
+        remove: (value: any, id: string | number) => any;
+    }, string, import('vue').PublicProps, Readonly<{
+        modelValue?: any;
+        single?: any;
+    } & import('./main').DsgInputSelectProps> & Readonly<{
+        onSelect?: ((value: any, id: string | number) => any) | undefined;
+        "onUpdate:model-value"?: ((value: any) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+        onTag?: ((label: any, id: string | number) => any) | undefined;
+        "onUpdate:single"?: ((value: any) => any) | undefined;
+        "onSearch-change"?: ((queryTerm: string) => any) | undefined;
+        onOpen?: ((id: string | number) => any) | undefined;
+        onClose?: ((value: any, id: string | number) => any) | undefined;
+        onRemove?: ((value: any, id: string | number) => any) | undefined;
+    }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+        multiselectEl: import('vue-multiselect').default | null;
+    }, HTMLDivElement>;
     DsgInputDropdown: import('vue').DefineComponent<{
         modelValue?: string;
     } & import('./main').DsgInputDropdownProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -2355,9 +2937,9 @@ declare const _default: {
     } & {
         focus: (data: import('./components/Elements/DsgDatepicker.vue').DsgDatepickerValue) => any;
         open: (data: import('./components/Elements/DsgDatepicker.vue').DsgDatepickerValue) => any;
+        blur: (data: import('./components/Elements/DsgDatepicker.vue').DsgDatepickerValue) => any;
         closed: (data: import('./components/Elements/DsgDatepicker.vue').DsgDatepickerValue) => any;
         cleared: (data: import('./components/Elements/DsgDatepicker.vue').DsgDatepickerValue) => any;
-        blur: (data: import('./components/Elements/DsgDatepicker.vue').DsgDatepickerValue) => any;
         "recalculate-position": (data: import('./components/Elements/DsgDatepicker.vue').DsgDatepickerValue) => any;
     }, string, import('vue').PublicProps, Readonly<{
         modelValue?: import('./components/Elements/DsgDatepicker.vue').DsgDatepickerValue;
@@ -2365,9 +2947,9 @@ declare const _default: {
         onFocus?: ((data: import('./components/Elements/DsgDatepicker.vue').DsgDatepickerValue) => any) | undefined;
         "onUpdate:modelValue"?: ((value: import('./components/Elements/DsgDatepicker.vue').DsgDatepickerValue) => any) | undefined;
         onOpen?: ((data: import('./components/Elements/DsgDatepicker.vue').DsgDatepickerValue) => any) | undefined;
+        onBlur?: ((data: import('./components/Elements/DsgDatepicker.vue').DsgDatepickerValue) => any) | undefined;
         onClosed?: ((data: import('./components/Elements/DsgDatepicker.vue').DsgDatepickerValue) => any) | undefined;
         onCleared?: ((data: import('./components/Elements/DsgDatepicker.vue').DsgDatepickerValue) => any) | undefined;
-        onBlur?: ((data: import('./components/Elements/DsgDatepicker.vue').DsgDatepickerValue) => any) | undefined;
         "onRecalculate-position"?: ((data: import('./components/Elements/DsgDatepicker.vue').DsgDatepickerValue) => any) | undefined;
     }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
     DsgLabel: {
@@ -2569,105 +3151,623 @@ declare const _default: {
             C: {};
             M: {};
             Defaults: {};
-        }, Readonly<import('./main').DsgToggleProps> & Readonly<{
-            "onUpdate:modelValue"?: ((newValue: boolean) => any) | undefined;
-            "onBefore-toggle"?: ((oldValue: boolean, newValue: boolean) => any) | undefined;
-            "onAfter-toggle"?: ((newValue: boolean) => any) | undefined;
-        }>, {
-            set: (value: boolean) => void;
-        }, {}, {}, {}, {}>;
-        __isFragment?: never;
-        __isTeleport?: never;
-        __isSuspense?: never;
-    } & import('vue').ComponentOptionsBase<Readonly<import('./main').DsgToggleProps> & Readonly<{
-        "onUpdate:modelValue"?: ((newValue: boolean) => any) | undefined;
-        "onBefore-toggle"?: ((oldValue: boolean, newValue: boolean) => any) | undefined;
-        "onAfter-toggle"?: ((newValue: boolean) => any) | undefined;
-    }>, {
-        set: (value: boolean) => void;
-    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-        "update:modelValue": (newValue: boolean) => any;
-        "before-toggle": (oldValue: boolean, newValue: boolean) => any;
-        "after-toggle": (newValue: boolean) => any;
-    }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-        $slots: {
-            'dsg-toggle--label'?(_: {}): any;
-            'dsg-toggle--subtext'?(_: {}): any;
-        };
-    });
-    DsgTooltip: {
-        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./main').DsgTooltipProps> & Readonly<{
-            "onOn-click"?: ((triggerElement: HTMLElement | HTMLSpanElement | null) => any) | undefined;
-            "onOn-hover"?: ((triggerElement: HTMLElement | HTMLSpanElement | null) => any) | undefined;
-            "onOn-focus"?: ((triggerElement: HTMLElement | HTMLSpanElement | null) => any) | undefined;
-            "onOn-touch"?: ((triggerElement: HTMLElement | HTMLSpanElement | null) => any) | undefined;
-        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-            "on-click": (triggerElement: HTMLElement | HTMLSpanElement | null) => void;
-            "on-hover": (triggerElement: HTMLElement | HTMLSpanElement | null) => void;
-            "on-focus": (triggerElement: HTMLElement | HTMLSpanElement | null) => void;
-            "on-touch": (triggerElement: HTMLElement | HTMLSpanElement | null) => void;
-        }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
-            tooltipTrigger: HTMLSpanElement;
-        }, any, import('vue').ComponentProvideOptions, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, Readonly<import('./main').DsgTooltipProps> & Readonly<{
-            "onOn-click"?: ((triggerElement: HTMLElement | HTMLSpanElement | null) => any) | undefined;
-            "onOn-hover"?: ((triggerElement: HTMLElement | HTMLSpanElement | null) => any) | undefined;
-            "onOn-focus"?: ((triggerElement: HTMLElement | HTMLSpanElement | null) => any) | undefined;
-            "onOn-touch"?: ((triggerElement: HTMLElement | HTMLSpanElement | null) => any) | undefined;
+        }, Readonly<import('./main').DsgToggleProps> & Readonly<{
+            "onUpdate:modelValue"?: ((newValue: boolean) => any) | undefined;
+            "onBefore-toggle"?: ((oldValue: boolean, newValue: boolean) => any) | undefined;
+            "onAfter-toggle"?: ((newValue: boolean) => any) | undefined;
+        }>, {
+            set: (value: boolean) => void;
+        }, {}, {}, {}, {}>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<import('./main').DsgToggleProps> & Readonly<{
+        "onUpdate:modelValue"?: ((newValue: boolean) => any) | undefined;
+        "onBefore-toggle"?: ((oldValue: boolean, newValue: boolean) => any) | undefined;
+        "onAfter-toggle"?: ((newValue: boolean) => any) | undefined;
+    }>, {
+        set: (value: boolean) => void;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        "update:modelValue": (newValue: boolean) => any;
+        "before-toggle": (oldValue: boolean, newValue: boolean) => any;
+        "after-toggle": (newValue: boolean) => any;
+    }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: {
+            'dsg-toggle--label'?(_: {}): any;
+            'dsg-toggle--subtext'?(_: {}): any;
+        };
+    });
+    DsgTooltip: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./main').DsgTooltipProps> & Readonly<{
+            "onOn-click"?: ((triggerElement: HTMLElement | HTMLSpanElement | null) => any) | undefined;
+            "onOn-hover"?: ((triggerElement: HTMLElement | HTMLSpanElement | null) => any) | undefined;
+            "onOn-focus"?: ((triggerElement: HTMLElement | HTMLSpanElement | null) => any) | undefined;
+            "onOn-touch"?: ((triggerElement: HTMLElement | HTMLSpanElement | null) => any) | undefined;
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            "on-click": (triggerElement: HTMLElement | HTMLSpanElement | null) => void;
+            "on-hover": (triggerElement: HTMLElement | HTMLSpanElement | null) => void;
+            "on-focus": (triggerElement: HTMLElement | HTMLSpanElement | null) => void;
+            "on-touch": (triggerElement: HTMLElement | HTMLSpanElement | null) => void;
+        }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+            tooltipTrigger: HTMLSpanElement;
+        }, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import('./main').DsgTooltipProps> & Readonly<{
+            "onOn-click"?: ((triggerElement: HTMLElement | HTMLSpanElement | null) => any) | undefined;
+            "onOn-hover"?: ((triggerElement: HTMLElement | HTMLSpanElement | null) => any) | undefined;
+            "onOn-focus"?: ((triggerElement: HTMLElement | HTMLSpanElement | null) => any) | undefined;
+            "onOn-touch"?: ((triggerElement: HTMLElement | HTMLSpanElement | null) => any) | undefined;
+        }>, {}, {}, {}, {}, {}>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<import('./main').DsgTooltipProps> & Readonly<{
+        "onOn-click"?: ((triggerElement: HTMLElement | HTMLSpanElement | null) => any) | undefined;
+        "onOn-hover"?: ((triggerElement: HTMLElement | HTMLSpanElement | null) => any) | undefined;
+        "onOn-focus"?: ((triggerElement: HTMLElement | HTMLSpanElement | null) => any) | undefined;
+        "onOn-touch"?: ((triggerElement: HTMLElement | HTMLSpanElement | null) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "on-click": (triggerElement: HTMLElement | HTMLSpanElement | null) => void;
+        "on-hover": (triggerElement: HTMLElement | HTMLSpanElement | null) => void;
+        "on-focus": (triggerElement: HTMLElement | HTMLSpanElement | null) => void;
+        "on-touch": (triggerElement: HTMLElement | HTMLSpanElement | null) => void;
+    }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: {
+            'dsg-tooltip--trigger'?(_: {}): any;
+            'dsg-tooltip--title'?(_: {}): any;
+            'dsg-tooltip--text'?(_: {}): any;
+        };
+    });
+    DsgBreadcrumb: import('vue').DefineComponent<import('./main').DsgBreadcrumbProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('./main').DsgBreadcrumbProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+    DsgTab: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./main').DsgTabProps> & Readonly<{
+            "onTab-clicked"?: ((tab: import('./main').DsgTabLink) => any) | undefined;
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+            "tab-clicked": (tab: import('./main').DsgTabLink) => any;
+        }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import('./main').DsgTabProps> & Readonly<{
+            "onTab-clicked"?: ((tab: import('./main').DsgTabLink) => any) | undefined;
+        }>, {}, {}, {}, {}, {}>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<import('./main').DsgTabProps> & Readonly<{
+        "onTab-clicked"?: ((tab: import('./main').DsgTabLink) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        "tab-clicked": (tab: import('./main').DsgTabLink) => any;
+    }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: Partial<Record<`dsg-tab--content--${string}`, (_: {
+            data: import('./main').DsgTabLink;
+        }) => any>>;
+    });
+    DsgFilter: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./main').DsgFilterProps> & Readonly<{
+            "onDsg-table:filter-updated"?: ((params: any, payload: any, activeFacet: import('./main').DsgSearchFacet | null | undefined) => any) | undefined;
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+            "dsg-table:filter-updated": (params: any, payload: any, activeFacet: import('./main').DsgSearchFacet | null | undefined) => any;
+        }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+            dsgTableFilter: HTMLDivElement;
+            floatingVueFilterDropdownEl: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+                theme: {
+                    type: StringConstructor;
+                    default: any;
+                };
+                referenceNode: {
+                    type: import('vue').PropType<() => Element>;
+                    default: any;
+                };
+                shown: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                showGroup: {
+                    type: StringConstructor;
+                    default: any;
+                };
+                ariaId: {
+                    default: any;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: any;
+                };
+                positioningDisabled: {
+                    type: BooleanConstructor;
+                    default: any;
+                };
+                placement: {
+                    type: import('vue').PropType<import('floating-vue').Placement>;
+                    default: any;
+                };
+                delay: {
+                    type: import('vue').PropType<string | number | {
+                        show: number;
+                        hide: number;
+                    }>;
+                    default: any;
+                };
+                distance: {
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: any;
+                };
+                skidding: {
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: any;
+                };
+                triggers: {
+                    type: import('vue').PropType<import('floating-vue').TriggerEvent[]>;
+                    default: any;
+                };
+                showTriggers: {
+                    type: import('vue').PropType<import('floating-vue').TriggerEvent[] | ((triggers: import('floating-vue').TriggerEvent[]) => import('floating-vue').TriggerEvent[])>;
+                    default: any;
+                };
+                hideTriggers: {
+                    type: import('vue').PropType<import('floating-vue').TriggerEvent[] | ((triggers: import('floating-vue').TriggerEvent[]) => import('floating-vue').TriggerEvent[])>;
+                    default: any;
+                };
+                popperTriggers: {
+                    type: import('vue').PropType<import('floating-vue').TriggerEvent[]>;
+                    default: any;
+                };
+                popperShowTriggers: {
+                    type: import('vue').PropType<import('floating-vue').TriggerEvent[] | ((triggers: import('floating-vue').TriggerEvent[]) => import('floating-vue').TriggerEvent[])>;
+                    default: any;
+                };
+                popperHideTriggers: {
+                    type: import('vue').PropType<import('floating-vue').TriggerEvent[] | ((triggers: import('floating-vue').TriggerEvent[]) => import('floating-vue').TriggerEvent[])>;
+                    default: any;
+                };
+                container: {
+                    type: any[];
+                    default: any;
+                };
+                boundary: {
+                    type: any[];
+                    default: any;
+                };
+                strategy: {
+                    type: import('vue').PropType<"absolute" | "fixed">;
+                    default: any;
+                };
+                autoHide: {
+                    type: import('vue').PropType<boolean | ((event: Event) => boolean)>;
+                    default: any;
+                };
+                handleResize: {
+                    type: BooleanConstructor;
+                    default: any;
+                };
+                instantMove: {
+                    type: BooleanConstructor;
+                    default: any;
+                };
+                eagerMount: {
+                    type: BooleanConstructor;
+                    default: any;
+                };
+                popperClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: any;
+                };
+                computeTransformOrigin: {
+                    type: BooleanConstructor;
+                    default: any;
+                };
+                autoMinSize: {
+                    type: BooleanConstructor;
+                    default: any;
+                };
+                autoSize: {
+                    type: import('vue').PropType<boolean | "min" | "max">;
+                    default: any;
+                };
+                autoMaxSize: {
+                    type: BooleanConstructor;
+                    default: any;
+                };
+                autoBoundaryMaxSize: {
+                    type: BooleanConstructor;
+                    default: any;
+                };
+                preventOverflow: {
+                    type: BooleanConstructor;
+                    default: any;
+                };
+                overflowPadding: {
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: any;
+                };
+                arrowPadding: {
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: any;
+                };
+                arrowOverflow: {
+                    type: BooleanConstructor;
+                    default: any;
+                };
+                flip: {
+                    type: BooleanConstructor;
+                    default: any;
+                };
+                shift: {
+                    type: BooleanConstructor;
+                    default: any;
+                };
+                shiftCrossAxis: {
+                    type: BooleanConstructor;
+                    default: any;
+                };
+                noAutoFocus: {
+                    type: BooleanConstructor;
+                    default: any;
+                };
+                disposeTimeout: {
+                    type: NumberConstructor;
+                    default: any;
+                };
+            }>> & {
+                onResize?: () => any;
+                onShow?: () => any;
+                onHide?: () => any;
+                "onUpdate:shown"?: (shown: boolean) => any;
+                "onApply-show"?: () => any;
+                "onApply-hide"?: () => any;
+                "onClose-group"?: () => any;
+                "onClose-directive"?: () => any;
+                "onAuto-hide"?: () => any;
+            }, unknown, unknown, {
+                finalTheme(): string;
+            }, {
+                getTargetNodes(): unknown[];
+            }, {
+                computed: {
+                    themeClass(): string[];
+                };
+            } | {
+                methods: {
+                    show(...args: any[]): any;
+                    hide(...args: any[]): any;
+                    dispose(...args: any[]): any;
+                    onResize(...args: any[]): any;
+                };
+            }, import('vue').ComponentOptionsMixin, {
+                show: () => true;
+                hide: () => true;
+                'update:shown': (shown: boolean) => true;
+                'apply-show': () => true;
+                'apply-hide': () => true;
+                'close-group': () => true;
+                'close-directive': () => true;
+                'auto-hide': () => true;
+                resize: () => true;
+            }, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, {
+                placement: import('floating-vue').Placement;
+                strategy: "absolute" | "fixed";
+                disabled: boolean;
+                positioningDisabled: boolean;
+                delay: string | number | {
+                    show: number;
+                    hide: number;
+                };
+                distance: string | number;
+                skidding: string | number;
+                triggers: import('floating-vue').TriggerEvent[];
+                showTriggers: import('floating-vue').TriggerEvent[] | ((triggers: import('floating-vue').TriggerEvent[]) => import('floating-vue').TriggerEvent[]);
+                hideTriggers: import('floating-vue').TriggerEvent[] | ((triggers: import('floating-vue').TriggerEvent[]) => import('floating-vue').TriggerEvent[]);
+                popperTriggers: import('floating-vue').TriggerEvent[];
+                popperShowTriggers: import('floating-vue').TriggerEvent[] | ((triggers: import('floating-vue').TriggerEvent[]) => import('floating-vue').TriggerEvent[]);
+                popperHideTriggers: import('floating-vue').TriggerEvent[] | ((triggers: import('floating-vue').TriggerEvent[]) => import('floating-vue').TriggerEvent[]);
+                container: any;
+                boundary: any;
+                autoHide: boolean | ((event: Event) => boolean);
+                handleResize: boolean;
+                instantMove: boolean;
+                eagerMount: boolean;
+                popperClass: string | unknown[] | Record<string, any>;
+                computeTransformOrigin: boolean;
+                autoMinSize: boolean;
+                autoSize: boolean | "min" | "max";
+                autoMaxSize: boolean;
+                autoBoundaryMaxSize: boolean;
+                preventOverflow: boolean;
+                overflowPadding: string | number;
+                arrowPadding: string | number;
+                arrowOverflow: boolean;
+                flip: boolean;
+                shift: boolean;
+                shiftCrossAxis: boolean;
+                noAutoFocus: boolean;
+                disposeTimeout: number;
+                shown: boolean;
+                theme: string;
+                referenceNode: () => Element;
+                showGroup: string;
+                ariaId: any;
+            }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+                P: {};
+                B: {};
+                D: {};
+                C: {
+                    themeClass(): string[];
+                };
+                M: import('vue').MethodOptions;
+                Defaults: {};
+            } & {
+                P: {};
+                B: {};
+                D: {};
+                C: {};
+                M: {};
+                Defaults: {};
+            } & {
+                P: {};
+                B: {};
+                D: {};
+                C: import('vue').ComputedOptions;
+                M: {
+                    show(...args: any[]): any;
+                    hide(...args: any[]): any;
+                    dispose(...args: any[]): any;
+                    onResize(...args: any[]): any;
+                };
+                Defaults: {};
+            }, Readonly<import('vue').ExtractPropTypes<{
+                theme: {
+                    type: StringConstructor;
+                    default: any;
+                };
+                referenceNode: {
+                    type: import('vue').PropType<() => Element>;
+                    default: any;
+                };
+                shown: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                showGroup: {
+                    type: StringConstructor;
+                    default: any;
+                };
+                ariaId: {
+                    default: any;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: any;
+                };
+                positioningDisabled: {
+                    type: BooleanConstructor;
+                    default: any;
+                };
+                placement: {
+                    type: import('vue').PropType<import('floating-vue').Placement>;
+                    default: any;
+                };
+                delay: {
+                    type: import('vue').PropType<string | number | {
+                        show: number;
+                        hide: number;
+                    }>;
+                    default: any;
+                };
+                distance: {
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: any;
+                };
+                skidding: {
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: any;
+                };
+                triggers: {
+                    type: import('vue').PropType<import('floating-vue').TriggerEvent[]>;
+                    default: any;
+                };
+                showTriggers: {
+                    type: import('vue').PropType<import('floating-vue').TriggerEvent[] | ((triggers: import('floating-vue').TriggerEvent[]) => import('floating-vue').TriggerEvent[])>;
+                    default: any;
+                };
+                hideTriggers: {
+                    type: import('vue').PropType<import('floating-vue').TriggerEvent[] | ((triggers: import('floating-vue').TriggerEvent[]) => import('floating-vue').TriggerEvent[])>;
+                    default: any;
+                };
+                popperTriggers: {
+                    type: import('vue').PropType<import('floating-vue').TriggerEvent[]>;
+                    default: any;
+                };
+                popperShowTriggers: {
+                    type: import('vue').PropType<import('floating-vue').TriggerEvent[] | ((triggers: import('floating-vue').TriggerEvent[]) => import('floating-vue').TriggerEvent[])>;
+                    default: any;
+                };
+                popperHideTriggers: {
+                    type: import('vue').PropType<import('floating-vue').TriggerEvent[] | ((triggers: import('floating-vue').TriggerEvent[]) => import('floating-vue').TriggerEvent[])>;
+                    default: any;
+                };
+                container: {
+                    type: any[];
+                    default: any;
+                };
+                boundary: {
+                    type: any[];
+                    default: any;
+                };
+                strategy: {
+                    type: import('vue').PropType<"absolute" | "fixed">;
+                    default: any;
+                };
+                autoHide: {
+                    type: import('vue').PropType<boolean | ((event: Event) => boolean)>;
+                    default: any;
+                };
+                handleResize: {
+                    type: BooleanConstructor;
+                    default: any;
+                };
+                instantMove: {
+                    type: BooleanConstructor;
+                    default: any;
+                };
+                eagerMount: {
+                    type: BooleanConstructor;
+                    default: any;
+                };
+                popperClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: any;
+                };
+                computeTransformOrigin: {
+                    type: BooleanConstructor;
+                    default: any;
+                };
+                autoMinSize: {
+                    type: BooleanConstructor;
+                    default: any;
+                };
+                autoSize: {
+                    type: import('vue').PropType<boolean | "min" | "max">;
+                    default: any;
+                };
+                autoMaxSize: {
+                    type: BooleanConstructor;
+                    default: any;
+                };
+                autoBoundaryMaxSize: {
+                    type: BooleanConstructor;
+                    default: any;
+                };
+                preventOverflow: {
+                    type: BooleanConstructor;
+                    default: any;
+                };
+                overflowPadding: {
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: any;
+                };
+                arrowPadding: {
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: any;
+                };
+                arrowOverflow: {
+                    type: BooleanConstructor;
+                    default: any;
+                };
+                flip: {
+                    type: BooleanConstructor;
+                    default: any;
+                };
+                shift: {
+                    type: BooleanConstructor;
+                    default: any;
+                };
+                shiftCrossAxis: {
+                    type: BooleanConstructor;
+                    default: any;
+                };
+                noAutoFocus: {
+                    type: BooleanConstructor;
+                    default: any;
+                };
+                disposeTimeout: {
+                    type: NumberConstructor;
+                    default: any;
+                };
+            }>> & {
+                onResize?: () => any;
+                onShow?: () => any;
+                onHide?: () => any;
+                "onUpdate:shown"?: (shown: boolean) => any;
+                "onApply-show"?: () => any;
+                "onApply-hide"?: () => any;
+                "onClose-group"?: () => any;
+                "onClose-directive"?: () => any;
+                "onAuto-hide"?: () => any;
+            }, {}, {}, {
+                themeClass(): string[];
+            } & import('vue').ComputedOptions & {
+                finalTheme(): string;
+            }, import('vue').MethodOptions & {
+                show(...args: any[]): any;
+                hide(...args: any[]): any;
+                dispose(...args: any[]): any;
+                onResize(...args: any[]): any;
+            } & {
+                getTargetNodes(): unknown[];
+            }, {
+                placement: import('floating-vue').Placement;
+                strategy: "absolute" | "fixed";
+                disabled: boolean;
+                positioningDisabled: boolean;
+                delay: string | number | {
+                    show: number;
+                    hide: number;
+                };
+                distance: string | number;
+                skidding: string | number;
+                triggers: import('floating-vue').TriggerEvent[];
+                showTriggers: import('floating-vue').TriggerEvent[] | ((triggers: import('floating-vue').TriggerEvent[]) => import('floating-vue').TriggerEvent[]);
+                hideTriggers: import('floating-vue').TriggerEvent[] | ((triggers: import('floating-vue').TriggerEvent[]) => import('floating-vue').TriggerEvent[]);
+                popperTriggers: import('floating-vue').TriggerEvent[];
+                popperShowTriggers: import('floating-vue').TriggerEvent[] | ((triggers: import('floating-vue').TriggerEvent[]) => import('floating-vue').TriggerEvent[]);
+                popperHideTriggers: import('floating-vue').TriggerEvent[] | ((triggers: import('floating-vue').TriggerEvent[]) => import('floating-vue').TriggerEvent[]);
+                container: any;
+                boundary: any;
+                autoHide: boolean | ((event: Event) => boolean);
+                handleResize: boolean;
+                instantMove: boolean;
+                eagerMount: boolean;
+                popperClass: string | unknown[] | Record<string, any>;
+                computeTransformOrigin: boolean;
+                autoMinSize: boolean;
+                autoSize: boolean | "min" | "max";
+                autoMaxSize: boolean;
+                autoBoundaryMaxSize: boolean;
+                preventOverflow: boolean;
+                overflowPadding: string | number;
+                arrowPadding: string | number;
+                arrowOverflow: boolean;
+                flip: boolean;
+                shift: boolean;
+                shiftCrossAxis: boolean;
+                noAutoFocus: boolean;
+                disposeTimeout: number;
+                shown: boolean;
+                theme: string;
+                referenceNode: () => Element;
+                showGroup: string;
+                ariaId: any;
+            }> | null;
+        }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import('./main').DsgFilterProps> & Readonly<{
+            "onDsg-table:filter-updated"?: ((params: any, payload: any, activeFacet: import('./main').DsgSearchFacet | null | undefined) => any) | undefined;
         }>, {}, {}, {}, {}, {}>;
         __isFragment?: never;
         __isTeleport?: never;
         __isSuspense?: never;
-    } & import('vue').ComponentOptionsBase<Readonly<import('./main').DsgTooltipProps> & Readonly<{
-        "onOn-click"?: ((triggerElement: HTMLElement | HTMLSpanElement | null) => any) | undefined;
-        "onOn-hover"?: ((triggerElement: HTMLElement | HTMLSpanElement | null) => any) | undefined;
-        "onOn-focus"?: ((triggerElement: HTMLElement | HTMLSpanElement | null) => any) | undefined;
-        "onOn-touch"?: ((triggerElement: HTMLElement | HTMLSpanElement | null) => any) | undefined;
-    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-        "on-click": (triggerElement: HTMLElement | HTMLSpanElement | null) => void;
-        "on-hover": (triggerElement: HTMLElement | HTMLSpanElement | null) => void;
-        "on-focus": (triggerElement: HTMLElement | HTMLSpanElement | null) => void;
-        "on-touch": (triggerElement: HTMLElement | HTMLSpanElement | null) => void;
+    } & import('vue').ComponentOptionsBase<Readonly<import('./main').DsgFilterProps> & Readonly<{
+        "onDsg-table:filter-updated"?: ((params: any, payload: any, activeFacet: import('./main').DsgSearchFacet | null | undefined) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        "dsg-table:filter-updated": (params: any, payload: any, activeFacet: import('./main').DsgSearchFacet | null | undefined) => any;
     }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
         $slots: {
-            'dsg-tooltip--trigger'?(_: {}): any;
-            'dsg-tooltip--title'?(_: {}): any;
-            'dsg-tooltip--text'?(_: {}): any;
+            'dsg-table--filter-trigger'?(_: {}): any;
         };
     });
-    DsgBreadcrumb: import('vue').DefineComponent<import('./main').DsgBreadcrumbProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('./main').DsgBreadcrumbProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
-    DsgTab: {
-        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./main').DsgTabProps> & Readonly<{
-            "onTab-clicked"?: ((tab: import('./main').DsgTabLink) => any) | undefined;
-        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-            "tab-clicked": (tab: import('./main').DsgTabLink) => any;
-        }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, Readonly<import('./main').DsgTabProps> & Readonly<{
-            "onTab-clicked"?: ((tab: import('./main').DsgTabLink) => any) | undefined;
-        }>, {}, {}, {}, {}, {}>;
-        __isFragment?: never;
-        __isTeleport?: never;
-        __isSuspense?: never;
-    } & import('vue').ComponentOptionsBase<Readonly<import('./main').DsgTabProps> & Readonly<{
-        "onTab-clicked"?: ((tab: import('./main').DsgTabLink) => any) | undefined;
-    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-        "tab-clicked": (tab: import('./main').DsgTabLink) => any;
-    }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-        $slots: Partial<Record<`dsg-tab--content--${string}`, (_: {
-            data: import('./main').DsgTabLink;
-        }) => any>>;
-    });
 };
 export default _default;