platformscode-new-react 0.0.98 → 0.0.99

package/dist/types/components.d.ts

@@ -0,0 +1,4831 @@
+/* eslint-disable */
+/* tslint:disable */
+/**
+ * This is an autogenerated file created by the Stencil compiler.
+ * It contains typing information for all components that exist in this project.
+ */
+import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
+import { ApexChartHeight, ApexChartType, ApexChartWidth, ApexOptionsSeries } from "./components/dga-apex-chart";
+import { ApexOptions } from "apexcharts";
+import { AvatarSize, AvatarType, Icon } from "./components/dga-avatar/dga-avatar";
+import { IBreadcrumbsItem } from "./components/dga-breadcrumbs/dga-breadcrumbs";
+import { ButtonSize, ButtonStyle } from "./components/dga-button/dga-button";
+import { Icon as Icon1 } from "./components/dga-featured-icon/dga-featured-icon";
+import { ApexChartHeight as ApexChartHeight1, ApexChartType as ApexChartType1, ApexChartWidth as ApexChartWidth1, ApexOptionsLabels, ApexOptionsSeries as ApexOptionsSeries1 } from "./components/dga-chart/dga-chart";
+import { IColumn } from "./components/dga-data-table/dga-data-table-updated";
+import { Event, FunctionalComponent } from "./stencil-public-runtime";
+import { DatepickerOptions } from "./components/dga-date-field/dga-date-field";
+import { IRoute } from "./components/dga-drawer/dga-drawer";
+import { Icon as Icon2 } from "./components/dga-featured-icon/dga-featured-icon";
+import { IconType } from "./components/dga-feedback-icon/dga-feedback-icon";
+import { FilterBlock, FilterItem } from "./components/dga-filteration/dga-filteration";
+import { IHeaderConfig } from "./components/dga-header/dga-header";
+import { ListItemProps } from "./components/dga-list/dga-list-item";
+import { ListItem } from "./components/dga-list/dga-list-v2";
+import { LoadingSize, LoadingStyle } from "./components/dga-loading/dga-loading";
+import { IChartProps, ITrend } from "./components/dga-metric/dga-metric";
+import { DataPoint, MarkerPosition } from "./components/dga-metric/dga-metric-chart-v2";
+import { IChartProps as IChartProps1, ITrend as ITrend1 } from "./components/dga-metric-v2/dga-metric-v2";
+import { CustomAttribute } from "./shared";
+import { Option } from "./components/dga-text-input/dga-prefix";
+import { Icon as Icon3 } from "./components/dga-avatar/dga-avatar";
+import { Step } from "./components/dga-radial-stepper/dga-radial-stepper";
+import { Option as Option1 } from "./components/dga-text-input/dga-suffix";
+import { TabType } from "./components/dga-table-of-content/dga-table-of-content";
+import { ITab } from "./components/dga-tabs/dga-tabs";
+import { BeakAlignment, BeakPlacement, Direction, FeedbackIcon, Theme } from "./components/dga-tooltip/dga-tooltip";
+import { IRoute as IRoute1 } from "./components/dga-drawer/dga-drawer";
+export { ApexChartHeight, ApexChartType, ApexChartWidth, ApexOptionsSeries } from "./components/dga-apex-chart";
+export { ApexOptions } from "apexcharts";
+export { AvatarSize, AvatarType, Icon } from "./components/dga-avatar/dga-avatar";
+export { IBreadcrumbsItem } from "./components/dga-breadcrumbs/dga-breadcrumbs";
+export { ButtonSize, ButtonStyle } from "./components/dga-button/dga-button";
+export { Icon as Icon1 } from "./components/dga-featured-icon/dga-featured-icon";
+export { ApexChartHeight as ApexChartHeight1, ApexChartType as ApexChartType1, ApexChartWidth as ApexChartWidth1, ApexOptionsLabels, ApexOptionsSeries as ApexOptionsSeries1 } from "./components/dga-chart/dga-chart";
+export { IColumn } from "./components/dga-data-table/dga-data-table-updated";
+export { Event, FunctionalComponent } from "./stencil-public-runtime";
+export { DatepickerOptions } from "./components/dga-date-field/dga-date-field";
+export { IRoute } from "./components/dga-drawer/dga-drawer";
+export { Icon as Icon2 } from "./components/dga-featured-icon/dga-featured-icon";
+export { IconType } from "./components/dga-feedback-icon/dga-feedback-icon";
+export { FilterBlock, FilterItem } from "./components/dga-filteration/dga-filteration";
+export { IHeaderConfig } from "./components/dga-header/dga-header";
+export { ListItemProps } from "./components/dga-list/dga-list-item";
+export { ListItem } from "./components/dga-list/dga-list-v2";
+export { LoadingSize, LoadingStyle } from "./components/dga-loading/dga-loading";
+export { IChartProps, ITrend } from "./components/dga-metric/dga-metric";
+export { DataPoint, MarkerPosition } from "./components/dga-metric/dga-metric-chart-v2";
+export { IChartProps as IChartProps1, ITrend as ITrend1 } from "./components/dga-metric-v2/dga-metric-v2";
+export { CustomAttribute } from "./shared";
+export { Option } from "./components/dga-text-input/dga-prefix";
+export { Icon as Icon3 } from "./components/dga-avatar/dga-avatar";
+export { Step } from "./components/dga-radial-stepper/dga-radial-stepper";
+export { Option as Option1 } from "./components/dga-text-input/dga-suffix";
+export { TabType } from "./components/dga-table-of-content/dga-table-of-content";
+export { ITab } from "./components/dga-tabs/dga-tabs";
+export { BeakAlignment, BeakPlacement, Direction, FeedbackIcon, Theme } from "./components/dga-tooltip/dga-tooltip";
+export { IRoute as IRoute1 } from "./components/dga-drawer/dga-drawer";
+export namespace Components {
+    interface DateCell {
+        "date": Date;
+        "isCurrentMonth": boolean;
+        "isFirstRangeChild": boolean;
+        "isLastRangeChild": boolean;
+        "isSelected": boolean;
+        "isToday": boolean;
+        "midRange"?: boolean;
+        "onSelect": (date: Date) => void;
+    }
+    interface DgaAccordion {
+        "content": string;
+        "defaultExpanded": boolean;
+        "disabled": boolean;
+        "extraClass": string;
+        "flush": boolean;
+        "iconAlignment": 'Leading' | 'Trailing';
+        "size": 'lg' | 'md' | 'sm';
+        "title": string;
+    }
+    interface DgaAccordionUsage {
+    }
+    interface DgaActions {
+        /**
+          * Horizontal alignment of stack items
+         */
+        "align": 'start' | 'center' | 'end' | 'stretch';
+        /**
+          * Direction of stack items: 'row' (horizontal) or 'column' (vertical)
+         */
+        "direction": 'row' | 'column';
+        /**
+          * Vertical alignment of stack items
+         */
+        "justify": 'start' | 'center' | 'end' | 'between';
+        /**
+          * Spacing between stack items
+         */
+        "spacing": number;
+        /**
+          * Controls if items should wrap
+         */
+        "wrap": boolean;
+    }
+    interface DgaApexChart {
+        /**
+          * (optional) Height
+          * @see https://apexcharts.com/docs/options/chart/height/
+         */
+        "height"?: ApexChartHeight;
+        /**
+          * (optional) Options
+          * @see https://apexcharts.com/docs/options/
+         */
+        "options"?: ApexOptions;
+        /**
+          * (optional) Series
+          * @see https://apexcharts.com/docs/options/series/
+         */
+        "series"?: ApexOptionsSeries;
+        /**
+          * (optional) Type
+          * @see https://apexcharts.com/docs/options/chart/type/
+         */
+        "type"?: ApexChartType;
+        /**
+          * Updates the configuration object. The new config object is merged with the existing config object preserving the existing configuration.
+          * @param newOptions The configuration object to merge on the existing one
+          * @param redrawPaths When the chart is re-rendered, should it draw from the existing paths or completely redraw the chart paths from the beginning. By default, the chart is re-rendered from the existing paths
+          * @param animate Should the chart animate on re-rendering
+         */
+        "updateOptions": (newOptions: ApexOptions, redrawPaths?: boolean, animate?: boolean) => Promise<void>;
+        /**
+          * (optional) Width
+          * @see https://apexcharts.com/docs/options/chart/width/
+         */
+        "width"?: ApexChartWidth;
+    }
+    interface DgaApexChartUsage {
+    }
+    interface DgaAvatar {
+        "alt"?: string;
+        "border"?: boolean;
+        "icon"?: Icon;
+        "imgUrl"?: string;
+        "size"?: AvatarSize;
+        "square"?: boolean;
+        "text"?: string;
+        "type"?: AvatarType;
+    }
+    interface DgaAvatarGroup {
+        "stacked"?: boolean;
+    }
+    interface DgaAvatarUsage {
+    }
+    interface DgaBreadcrumbs {
+        "items": IBreadcrumbsItem[];
+        "max": number;
+    }
+    interface DgaBreadcrumbsUsage {
+    }
+    interface DgaButton {
+        "btnId"?: string;
+        "disabled"?: boolean;
+        "iconOnly"?: boolean;
+        "iconProps"?: { [key: string]: any };
+        "iconType"?: string;
+        "label"?: string;
+        "leadIcon"?: boolean;
+        "leadIconProps"?: { [key: string]: any };
+        "leadIconType"?: string;
+        "onColor"?: boolean;
+        "size"?: ButtonSize;
+        "trailIcon"?: boolean;
+        "trailIconProps"?: { [key: string]: any };
+        "trailIconType"?: string;
+        "type"?: 'button' | 'submit' | 'reset';
+        "variant"?: ButtonStyle;
+    }
+    interface DgaButtonUsage {
+    }
+    interface DgaCard {
+        "cardTitle"?: string;
+        "customComponent"?: JSX.Element;
+        "description"?: string;
+        "disabled"?: boolean;
+        "effect"?: 'with-shadow' | 'no-shadow' | 'stroke';
+        "featuredIcon"?: Icon1;
+        "image"?: string;
+        "isSelected"?: boolean;
+        "onCheckboxChange"?: () => void;
+        "onExpandAction"?: () => void;
+        "onPrimaryAction"?: () => void;
+        "onSecondaryAction"?: () => void;
+        "primaryActionLabel"?: string;
+        "secondaryActionLabel"?: string;
+        "showDescription"?: boolean;
+        "showFeaturedIcon"?: boolean;
+        "showPrimaryAction"?: boolean;
+        "showRating"?: boolean;
+        "showSecondaryAction"?: boolean;
+        "showTitle"?: boolean;
+        "type"?: 'default' | 'expanded' | 'selectable';
+    }
+    interface DgaCardActions {
+        "cardTitle"?: string;
+        "customComponent"?: JSX.Element;
+        "description"?: string;
+        "disabled"?: boolean;
+        "effect"?: 'with-shadow' | 'no-shadow' | 'stroke';
+        "featuredIcon"?: Icon1;
+        "image"?: string;
+        "isSelected"?: boolean;
+        "onCheckboxChange"?: () => void;
+        "onExpandAction"?: () => void;
+        "onPrimaryAction"?: () => void;
+        "onSecondaryAction"?: () => void;
+        "primaryActionLabel"?: string;
+        "secondaryActionLabel"?: string;
+        "showDescription"?: boolean;
+        "showFeaturedIcon"?: boolean;
+        "showPrimaryAction"?: boolean;
+        "showRating"?: boolean;
+        "showSecondaryAction"?: boolean;
+        "showTitle"?: boolean;
+        "type"?: 'default' | 'expanded' | 'selectable';
+    }
+    interface DgaCardContent {
+    }
+    interface DgaCardExpandableContent {
+    }
+    interface DgaCardImage {
+        "alt": string;
+        "featuredIcon"?: Icon1;
+        "isSelected"?: boolean;
+        "onCheckboxChange"?: () => void;
+        "onExpandAction"?: () => void;
+        "onPrimaryAction"?: () => void;
+        "onSecondaryAction"?: () => void;
+        "primaryActionLabel"?: string;
+        "secondaryActionLabel"?: string;
+        "showDescription"?: boolean;
+        "showFeaturedIcon"?: boolean;
+        "showPrimaryAction"?: boolean;
+        "showSecondaryAction"?: boolean;
+        "showTitle"?: boolean;
+        "src": string;
+        "type"?: 'default' | 'expanded' | 'selectable';
+    }
+    interface DgaCardTitle {
+        "cardTitle"?: string;
+        "customComponent"?: JSX.Element;
+        "description"?: string;
+        "disabled"?: boolean;
+        "effect"?: 'with-shadow' | 'no-shadow' | 'stroke';
+        "featuredIcon"?: Icon1;
+        "image"?: string;
+        "isSelected"?: boolean;
+        "onCheckboxChange"?: () => void;
+        "onExpandAction"?: () => void;
+        "onPrimaryAction"?: () => void;
+        "onSecondaryAction"?: () => void;
+        "primaryActionLabel"?: string;
+        "secondaryActionLabel"?: string;
+        "showDescription"?: boolean;
+        "showFeaturedIcon"?: boolean;
+        "showPrimaryAction"?: boolean;
+        "showRating"?: boolean;
+        "showSecondaryAction"?: boolean;
+        "showTitle"?: boolean;
+        "type"?: 'default' | 'expanded' | 'selectable';
+    }
+    interface DgaCardUsage {
+    }
+    interface DgaCardV2 {
+        "cardTitle"?: string;
+        "description"?: string;
+        "disabled"?: boolean;
+        "effect"?: 'with-shadow' | 'no-shadow' | 'stroke';
+        "featuredIcon"?: Icon1;
+        "image"?: string;
+        "isSelected"?: boolean;
+        "maxWidth"?: string;
+        "minWidth"?: string;
+        "onCheckboxChange"?: () => void;
+        "onExpandAction"?: () => void;
+        "secondaryActionLabel"?: string;
+        "showDescription"?: boolean;
+        "showFeaturedIcon"?: boolean;
+        "showSecondaryAction"?: boolean;
+        "showTitle"?: boolean;
+        "type"?: 'default' | 'expanded' | 'selectable';
+        "width"?: string;
+    }
+    interface DgaCardV2Usage {
+    }
+    interface DgaCarousel {
+        "Dir": 'rtl' | 'ltr';
+        "arrows": {
+    variant: 'primary' | 'subtle';
+    size: 'sm' | 'md' | 'lg'
+  };
+        "arrowsVariant": 'primary' | 'subtle';
+        "showDots": boolean;
+        "size": 'sm' | 'md' | 'lg';
+        "steps": number;
+        "transitionDuration": number;
+        "variant": 'arrows' | 'dots' | 'dots-only';
+    }
+    interface DgaCarouselItem {
+    }
+    interface DgaCarouselUsage {
+    }
+    interface DgaChart {
+        "colors"?: ApexOptions['colors'];
+        /**
+          * (optional) Height
+          * @see https://apexcharts.com/docs/options/chart/height/
+         */
+        "height"?: ApexChartHeight1;
+        "labels"?: ApexOptionsLabels;
+        /**
+          * (optional) Options
+          * @see https://apexcharts.com/docs/options/
+         */
+        "options"?: ApexOptions;
+        /**
+          * (optional) Series
+          * @see https://apexcharts.com/docs/options/series/
+         */
+        "series"?: ApexOptionsSeries1;
+        /**
+          * (optional) Type
+          * @see https://apexcharts.com/docs/options/chart/type/
+         */
+        "type"?: ApexChartType1;
+        /**
+          * Updates the configuration object. The new config object is merged with the existing config object preserving the existing configuration.
+          * @param newOptions The configuration object to merge on the existing one
+          * @param redrawPaths When the chart is re-rendered, should it draw from the existing paths or completely redraw the chart paths from the beginning. By default, the chart is re-rendered from the existing paths
+          * @param animate Should the chart animate on re-rendering
+         */
+        "updateOptions": (newOptions: ApexOptions, redrawPaths?: boolean, animate?: boolean) => Promise<void>;
+        /**
+          * (optional) Width
+          * @see https://apexcharts.com/docs/options/chart/width/
+         */
+        "width"?: ApexChartWidth1;
+        "xaxis"?: ApexOptions['xaxis'];
+        "yaxis"?: ApexOptions['yaxis'];
+    }
+    interface DgaChartUsage {
+    }
+    interface DgaCheckbox {
+        "Indeterminate"?: boolean;
+        "alertMessage"?: boolean;
+        "alertText"?: string;
+        "checked"?: boolean;
+        "color"?: 'brand' | 'neutral';
+        "disabled"?: boolean;
+        "helperText"?: string;
+        "label"?: string;
+        "name"?: string;
+        "onChange"?: (event?: any) => void;
+        "onInput"?: (event?: any) => void;
+        "showBorderOnFocusAndFocusOute"?: boolean;
+        "size"?: 'lg' | 'md' | 'sm';
+        "value"?: string;
+    }
+    interface DgaCheckboxUsage {
+    }
+    interface DgaChip {
+        "disabled"?: boolean;
+        "isSelected"?: boolean;
+        "label"?: string;
+        "leadIcon"?: any;
+        "leadIconProps"?: { [key: string]: any };
+        "onChange"?: (isSelected:boolean)=>void;
+        "rounded"?: boolean;
+        "size": 'lg' | 'md' | 'sm';
+        "trailIcon"?: any;
+        "trailIconProps"?: { [key: string]: any };
+        "variant": 'success' | 'neutral' | 'on-color';
+    }
+    interface DgaChipUsage {
+    }
+    interface DgaCircleSkeleton {
+        "type": '1' | '2';
+        "width": '24px' | '64px' | '48px' | '80px' | '120px' | '170px' | '240px';
+    }
+    interface DgaCircularProgressBar {
+        "RTL": boolean;
+        "percentage"?: number;
+        "size": '200px' | '160px' | '120px' | '80px' | '64px';
+        "text"?: string;
+        "variant"?: 'primary' | 'neutral' | 'success' | 'error';
+    }
+    interface DgaCircularProgressBarUsage {
+    }
+    interface DgaCodesnippet {
+        "showButton": boolean;
+        "showSidebar": boolean;
+        "showTabList": boolean;
+        "snippets": { [key: string]: string };
+        "type": 'multi-line' | 'single';
+    }
+    interface DgaCodesnippetUsage {
+    }
+    interface DgaCollapse {
+        "customStyle"?: { [key: string]: string };
+        "open": boolean;
+        "transitionDuration": string;
+        "transitionType": string;
+    }
+    interface DgaCollapseUsage {
+    }
+    interface DgaContentSwitcher {
+        "items": {
+    label: any;
+    content: any;
+  }[];
+        "onChange"?: (value: number) => void;
+        "onColor": boolean;
+        "size": 'sm' | 'md' | 'lg';
+        "value"?: number;
+    }
+    interface DgaContentSwitcherItem {
+        "content": any;
+        "label": any;
+    }
+    interface DgaContentSwitcherPanel {
+        "index": number;
+        "value": number;
+    }
+    interface DgaContentSwitcherUsage {
+        "value": number;
+    }
+    interface DgaDataTable {
+        "alternate": boolean;
+        "cells": {
+    title: string;
+    isSort: boolean;
+    isFilter: boolean;
+    sort?: 'up' | 'down';
+    propertyName: string;
+    type: 'element' | 'propertyName';
+    El?: HTMLElement;
+    elProperties?: string[];
+    colSpan?: number;
+    // elProperties: { [key: string]: any };
+  }[];
+        "contained": boolean;
+        "data": { selected: boolean; }[];
+        "getSelectedRows": any;
+        "pressOnFilter": any;
+        "rowDivider": boolean;
+        "showSelectCheckBox": boolean;
+    }
+    interface DgaDataTableUpdated {
+        "alternate": boolean;
+        "cells": {
+    title: string;
+    isSort: boolean;
+    isFilter: boolean;
+    sort?: 'up' | 'down';
+    propertyName: string;
+    type: 'element' | 'propertyName';
+    El?: string | FunctionalComponent<any>;
+    elProperties?: string[];
+    colSpan?: number;
+    // elProperties: { [key: string]: any };
+  }[];
+        "columns": IColumn[];
+        "contained": boolean;
+        "data": any;
+        "getSelectedRows": any;
+        "pressOnFilter": any;
+        "rowDivider": boolean;
+        "showSelectCheckBox": boolean;
+    }
+    interface DgaDateField {
+        "datepickerOptions": DatepickerOptions;
+        "disabled": boolean;
+        "error": boolean;
+        "helperText"?: string;
+        "icon"?: Icon1;
+        "label"?: string;
+        "name": string;
+        "onChange"?: (date: Date | null) => void;
+        "placeholder"?: string;
+        "readonly": boolean;
+        "required": boolean;
+        "size": 'md' | 'lg';
+        "value": string;
+        "variant": 'default' | 'lighter' | 'darker';
+    }
+    interface DgaDateFieldUsage {
+    }
+    interface DgaDatepicker {
+        "dualMonthView"?: boolean;
+        "initialDate"?: Date;
+        "inputField"?: boolean;
+        "onCancel": (event?: any) => void;
+        "onSubmit": (event?: any) => void;
+        "qickOptions"?: boolean;
+        "range"?: boolean;
+        "submitButton"?: boolean;
+        "value"?: Date;
+    }
+    interface DgaDatepickerUsage {
+    }
+    interface DgaDigitalSignature {
+        "extension"?: '.gov.sa' | '.edu.sa' | '.med.sa' | '.org.sa' | '.sch.sa' | '.sa';
+        "language"?: 'ar' | 'en';
+        "linkProps"?: {
+    variant: 'primary' | 'neutral' | 'on-color';
+    size: 'sm' | 'md' | 'lg';
+    label: string;
+    url: string;
+    inline?: boolean;
+    icon?: boolean;
+    iconType?: any;
+    disabled?: boolean;
+    external?: boolean;
+    target?: '_blank' | '_self' | '_parent' | '_top';
+  };
+        "opened"?: boolean;
+    }
+    interface DgaDigitalSignatureUsage {
+    }
+    interface DgaDivider {
+        "color": 'neutral' | 'alpha-white' | 'white' | 'primary';
+        "orientation"?: "horizontal" | "vertical";
+    }
+    interface DgaDividerUsage {
+    }
+    interface DgaDrawer {
+        "anchor"?: 'left'|'right';
+        "background"?: 'gray' | 'brand';
+        "border"?: boolean;
+        "headerLogo"?: string;
+        "open"?: boolean;
+        "overlay"?: boolean;
+        "routes": IRoute[];
+    }
+    interface DgaDrawerUsage {
+    }
+    interface DgaDropdown {
+        "disabled": boolean;
+        "error": boolean;
+        "extraClass"?: string;
+        "getSelectedOptions"?: (event: any) => void;
+        "id": string;
+        "multiSelect": boolean;
+        "onChange"?: (value: string | string[]) => void;
+        "optionLabel": string;
+        "options": any[];
+        "placeholder"?: string;
+        "readonly": boolean;
+        "size": 'md' | 'lg';
+        "trackBy": string;
+        "value"?: string | string[];
+        "variant": 'default' | 'lighter' | 'darker';
+    }
+    interface DgaDropdownUsage {
+    }
+    interface DgaFeaturedIcon {
+        "circle"?: boolean;
+        "color": 'brand' | 'gray' | 'error' | 'warning' | 'success' | 'info';
+        "icon": Icon2;
+        "size": 'sm' | 'md' | 'lg' | 'xl';
+        "variant": 'light' | 'dark' | 'outlined';
+    }
+    interface DgaFeaturedIconUsage {
+    }
+    interface DgaFeedbackIcon {
+        "size": 24 | 16;
+        "type": IconType;
+        "variant": 'container' | 'icon-only';
+    }
+    interface DgaFeedbackIconUsage {
+    }
+    interface DgaFileUpload {
+        "accept": string;
+        "actionName": string;
+        "disabled"?: boolean;
+        "emitDeleteFile"?: (
+    file: {
+      name: string;
+      uploadStatus: 'pending' | 'uploading' | 'complete' | 'error';
+      progress?: number; // from 0 to 100, if uploading
+      errorMessage?: string;
+    },
+    index: number,
+  ) => void;
+        "fileTypesText": string;
+        "getUploadedFile"?: (
+    files: {
+      name: string;
+      uploadStatus: 'pending' | 'uploading' | 'complete' | 'error';
+      progress?: number; // from 0 to 100, if uploading
+      errorMessage?: string;
+    }[],
+  ) => void;
+        "id": string;
+        "maximumFilesSize"?: number;
+        "multiple": boolean;
+        "name": string;
+        "onChange"?: (event: Event) => void;
+        "title": string;
+        "uploadFileOverSize"?: () => void;
+    }
+    interface DgaFileUploadUsage {
+    }
+    interface DgaFilteration {
+        "buttonLabel": string;
+        "filterBlocks": FilterBlock[];
+        "initvalue"?: {
+    [key in FilterBlock['type']]?: {
+      blockId: string;
+      options: Omit<FilterItem, 'count'>[] | { min: number; max: number };
+    };
+  };
+        "maxBlockHeight": number;
+    }
+    interface DgaFilterationUsage {
+    }
+    interface DgaFlex {
+        /**
+          * Horizontal alignment of stack items
+         */
+        "align": 'start' | 'center' | 'end' | 'stretch';
+        /**
+          * Direction of stack items: 'row' (horizontal) or 'column' (vertical)
+         */
+        "direction": 'row' | 'column';
+        /**
+          * Vertical alignment of stack items
+         */
+        "justify": 'start' | 'center' | 'end' | 'between';
+        /**
+          * Spacing between stack items
+         */
+        "spacing": number;
+        /**
+          * Controls if items should wrap
+         */
+        "wrap": boolean;
+    }
+    interface DgaFloatingButtonUsage {
+    }
+    interface DgaFooter {
+        "NavLinks"?: boolean;
+        "accessibilityLinks": { title?: string; target: string; icon: Icon1 }[];
+        "accessibilityTitle": string;
+        "background"?: 'DarkGreen' | 'Light';
+        "basicLinks": { name: string; target: string }[];
+        "bottomImages": string[];
+        "copyright": string;
+        "extraLinks": { name: string; target: string }[];
+        "groupLinks": { title: string; links: { name: string; target: string }[] }[];
+        "mainDescription": string;
+        "mainImage": string;
+        "mainLink"?: string;
+        "mainLinkTilte": string;
+        "mainTitle": string;
+        "socialMediaLinks": { title?: string; target: string; icon: Icon1 }[];
+        "socialMediaTitle": string;
+    }
+    interface DgaFooterUsage {
+    }
+    interface DgaHeader {
+        "config": IHeaderConfig;
+    }
+    interface DgaHeaderActionBtn {
+        "active"?: boolean;
+        "extraClasses"?: string;
+        "icon"?: string;
+        "label"?: string;
+        "onClick": () => void;
+    }
+    interface DgaHeaderUsage {
+    }
+    interface DgaHelperText {
+        "error"?: boolean;
+        "helperText"?: string;
+        "helperTextIcon"?: Icon1;
+    }
+    interface DgaIcon {
+        "color"?: string;
+        "icon": string;
+        "size": number;
+        "type"?: 'rounded' | 'sharp' | 'standard';
+        "variant"?: 'stroke' | 'solid' | 'duotone' | 'twotone' | 'bulk';
+    }
+    interface DgaIconV2 {
+        "color"?: string;
+        "name": string;
+        "size": number;
+        "type"?: 'rounded' | 'sharp' | 'standard';
+        "variant"?: 'stroke' | 'solid' | 'duotone' | 'twotone' | 'bulk';
+    }
+    interface DgaInlineAlert {
+        "buttonsList": {
+    id?: string;
+    label: string;
+    onClick: (event?: any) => void;
+    exraClasses?: string;
+    title?: string;
+  }[];
+        "colored": boolean;
+        "helperText"?: string;
+        "isCloseButton": boolean;
+        "isactionButtons": boolean;
+        "leadText": string;
+        "onClose"?: (event: any) => void;
+        "type": 'neutral' | 'info' | 'error' | 'success' | 'warning';
+    }
+    interface DgaInlineAlertUsage {
+    }
+    interface DgaLabel {
+        "disabled": boolean;
+        "label"?: string;
+        "required": boolean;
+        "size": 'md' | 'lg';
+        "variant": 'default' | 'semibold';
+    }
+    interface DgaLineSkeleton {
+        "size": 'lg' | 'sm';
+        "type": '1' | '2';
+    }
+    interface DgaLinearProgressBar {
+        "RTL": boolean;
+        "error": boolean;
+        "helperText": string;
+        "label": string;
+        "percentage": number;
+        "progressStyle": 'primary' | 'neutral' | 'error';
+        "showHelperText": boolean;
+        "showLabel": boolean;
+        "size": 'small' | 'medium' | 'large';
+        "success": boolean;
+    }
+    interface DgaLinearProgressBarUsage {
+    }
+    interface DgaLink {
+        "disabled"?: boolean;
+        "external"?: boolean;
+        "extraClass"?: string;
+        "icon"?: boolean;
+        "iconType"?: any;
+        "inline"?: boolean;
+        "label": string;
+        "preventScrollReset"?: boolean;
+        "size": 'sm' | 'md' | 'lg';
+        "state"?: {};
+        "target"?: '_blank' | '_self' | '_parent' | '_top';
+        "url": string;
+        "variant": 'primary' | 'neutral' | 'on-color';
+    }
+    interface DgaLinkUsage {
+    }
+    interface DgaList {
+        "color": 'primary' | 'neutral' | 'on-color';
+        "items": string[];
+        "title": string;
+        "type": 'ordered' | 'unordered' | 'with-icon';
+    }
+    interface DgaListItem {
+        "icon"?: string;
+        "itemLetter"?: string;
+        "itemNumber"?: string;
+        "itemText": string;
+        "level": ListItemProps['level'];
+        "type": ListItemProps['type'];
+    }
+    interface DgaListUsage {
+    }
+    interface DgaListV2 {
+        "color": 'primary' | 'neutral' | 'on-color';
+        "items": ListItem[];
+        "title": string;
+        "type": 'ordered' | 'unordered' | 'with-icon';
+    }
+    interface DgaLoading {
+        "extraClass"?: string;
+        "size": LoadingSize;
+        "variant": LoadingStyle;
+    }
+    interface DgaLoadingUsage {
+    }
+    interface DgaLocalIcon {
+        "color"?: string;
+        "icon": string;
+        "size": number;
+    }
+    interface DgaMenu {
+        "anchorEl": HTMLElement | null;
+        "onClose": () => void;
+        "open": boolean;
+    }
+    interface DgaMenuGroup {
+        "groupLabel"?: string;
+    }
+    interface DgaMenuItem {
+        "disabled"?: boolean;
+        "hasLeadIcon"?: boolean;
+        "hasTrailElement"?: boolean;
+        "label"?: string;
+    }
+    interface DgaMenuList {
+    }
+    interface DgaMenuUsage {
+    }
+    interface DgaMenuV2 {
+        "anchorEl": HTMLElement | null;
+        "anchorOrigin": { vertical: 'top' | 'bottom'; horizontal: 'left' | 'right' };
+        "onClose": () => void;
+        "open": boolean;
+        "transformOrigin": { vertical: number; horizontal: number };
+    }
+    interface DgaMetric {
+        "Style"?: 'small-chart' | 'large-chart';
+        "changeProps"?: {
+    type: '01' | '02';
+    trend: 'positive' | 'negative';
+  };
+        "chartProps"?: IChartProps;
+        "featuredIcon"?: HTMLElement | any;
+        "label": string;
+        "onExpandAction"?: () => void;
+        "onPrimaryAction"?: () => void;
+        "onSecondaryAction"?: () => void;
+        "percentage": string;
+        "showActions"?: boolean;
+        "showChart"?: boolean;
+        "showFeaturedIcon"?: boolean;
+        "showInfo"?: boolean;
+        "showMoreButton"?: boolean;
+        "showSecondaryAction"?: boolean;
+        "trend": ITrend;
+    }
+    interface DgaMetricChart {
+        "data": number[];
+        "showMarker": boolean;
+        "size"?: 'sm' | 'lg';
+        "trend": 'positive' | 'negative';
+        "type"?: 'realistic' | 'wavy' | 'straight' | 'layers';
+    }
+    interface DgaMetricChartV2 {
+        "data": DataPoint[];
+        "fillColor": string;
+        "height": number;
+        "markerPosition"?: MarkerPosition;
+        "showMarker": boolean;
+        "strokeColor": string;
+        "strokeWidth": number;
+        "width": number;
+    }
+    interface DgaMetricUsage {
+    }
+    interface DgaMetricV2 {
+        "Style"?: 'small-chart' | 'large-chart';
+        "changeProps"?: {
+    type: '01' | '02';
+    trend: 'positive' | 'negative';
+  };
+        "chartProps"?: IChartProps1;
+        "featuredIcon"?: HTMLElement | any;
+        "label": string;
+        "onExpandAction"?: () => void;
+        "onPrimaryAction"?: () => void;
+        "onSecondaryAction"?: () => void;
+        "percentage": string;
+        "showActions"?: boolean;
+        "showChart"?: boolean;
+        "showFeaturedIcon"?: boolean;
+        "showInfo"?: boolean;
+        "showMoreButton"?: boolean;
+        "showSecondaryAction"?: boolean;
+        "trend": ITrend1;
+    }
+    interface DgaModal {
+        "actionFillContainer"?: boolean;
+        "actionStack"?: boolean;
+        "alignmentCenter"?: boolean;
+        "buttonsList"?: Array<{
+    id?: string;
+    label: string;
+    onClick: (event?: any) => void;
+    extraClass?: string;
+    title?: string;
+  }>;
+        "closeButton"?: boolean;
+        "featuredIconCircle"?: boolean;
+        "featuredIconColor"?: 'brand' | 'gray' | 'error' | 'warning' | 'success' | 'info';
+        "featuredIconSize"?: 'xl' | 'lg' | 'md' | 'sm';
+        "featuredIconStyle"?: "light" | "outlined" | "dark";
+        "featuredIconType"?: 'InformationCircle' | 'AlertCircle';
+        "modalTitle"?: string;
+        "name": string;
+        "onClose"?: (event: any) => void;
+        "open"?: boolean;
+        "position"?: 'start' | 'end' | 'center';
+        "secondBtnPosition"?: 'left' | 'right';
+        "staticModal"?: boolean;
+    }
+    interface DgaModalActions {
+        "actionFillContainer"?: boolean;
+        "actionStack"?: boolean;
+        "alignmentCenter"?: boolean;
+        "buttonsList"?: Array<{
+    id?: string;
+    label: string;
+    onClick: (event?: any) => void;
+    extraClass?: string;
+    title?: string;
+  }>;
+        "closeButton"?: boolean;
+        "featuredIconCircle"?: boolean;
+        "featuredIconColor"?: 'brand' | 'gray' | 'error' | 'warning' | 'success' | 'info';
+        "featuredIconSize"?: 'xl' | 'lg' | 'md' | 'sm';
+        "featuredIconStyle"?: "light" | "outlined" | "dark";
+        "featuredIconType"?: 'InformationCircle' | 'AlertCircle';
+        "modalTitle"?: string;
+        "name": string;
+        "onClose"?: (event: any) => void;
+        "open"?: boolean;
+        "position"?: 'start' | 'end' | 'center';
+        "secondBtnPosition"?: 'left' | 'right';
+        "staticModal"?: boolean;
+    }
+    interface DgaModalBody {
+    }
+    interface DgaModalHeader {
+        "actionFillContainer"?: boolean;
+        "actionStack"?: boolean;
+        "alignmentCenter"?: boolean;
+        "buttonsList"?: Array<{
+    id?: string;
+    label: string;
+    onClick: (event?: any) => void;
+    extraClass?: string;
+    title?: string;
+  }>;
+        "featuredIconCircle"?: boolean;
+        "featuredIconColor"?: 'brand' | 'gray' | 'error' | 'warning' | 'success' | 'info';
+        "featuredIconSize"?: 'xl' | 'lg' | 'md' | 'sm';
+        "featuredIconStyle"?: 'light' | 'outlined' | 'dark';
+        "featuredIconType"?: 'InformationCircle' | 'AlertCircle';
+        "modalTitle"?: string;
+        "name": string;
+        "onClose"?: (event: any) => void;
+        "open"?: boolean;
+        "position"?: 'start' | 'end' | 'center';
+        "secondBtnPosition"?: 'left' | 'right';
+        "showCloseButton"?: boolean;
+        "staticModal"?: boolean;
+    }
+    interface DgaModalTitle {
+    }
+    interface DgaModalUsage {
+    }
+    interface DgaModalV2 {
+        "actionFillContainer"?: boolean;
+        "actionStack"?: boolean;
+        "alignmentCenter"?: boolean;
+        "buttonsList"?: Array<{
+    id?: string;
+    label: string;
+    onClick: (event?: any) => void;
+    extraClass?: string;
+    title?: string;
+  }>;
+        "featuredIconCircle"?: boolean;
+        "featuredIconColor"?: 'brand' | 'gray' | 'error' | 'warning' | 'success' | 'info';
+        "featuredIconSize"?: 'xl' | 'lg' | 'md' | 'sm';
+        "featuredIconStyle"?: 'light' | 'outlined' | 'dark';
+        "featuredIconType"?: 'InformationCircle' | 'AlertCircle';
+        "modalTitle"?: string;
+        "name": string;
+        "onClose"?: (event: any) => void;
+        "open"?: boolean;
+        "position"?: 'start' | 'end' | 'center';
+        "secondBtnPosition"?: 'left' | 'right';
+        "showCloseButton"?: boolean;
+        "staticModal"?: boolean;
+    }
+    interface DgaModalV2Usage {
+    }
+    interface DgaNavHeader {
+        "divider": boolean;
+        "fullWidth": boolean;
+        "sticky": boolean;
+    }
+    interface DgaNavHeaderActions {
+    }
+    interface DgaNavHeaderLink {
+        "active": boolean;
+        "icon"?: string;
+        "iconProps": {
+    size?: number;
+    color?: string;
+    variant?: 'stroke' | 'solid' | 'duotone' | 'twotone' | 'bulk';
+    type?: 'rounded' | 'sharp' | 'standard';
+  };
+        "label": string;
+        "subMenuBackground": 'Brand' | string;
+        "subMenuFullWidth": boolean;
+    }
+    interface DgaNavHeaderLogos {
+        "govAlt"?: string;
+        "govLink": string;
+        "govSrc"?: string;
+        "logoAlt"?: string;
+        "logoLink": string;
+        "logoSrc": string;
+    }
+    interface DgaNavHeaderMain {
+        "collapsed": boolean;
+    }
+    interface DgaNavHeaderMenu {
+    }
+    interface DgaNavHeaderSubMenu {
+        "active"?: boolean;
+        "background"?: string;
+        "subMenuFullWidth"?: boolean;
+    }
+    interface DgaNavHeaderSubMenuColumn {
+    }
+    interface DgaNavHeaderSubMenuLink {
+        "background"?: string;
+        "helperText"?: string;
+        "icon"?: string;
+        "label"?: string;
+        "link"?: string;
+        "linkStyle"?: number;
+    }
+    interface DgaNotification {
+        "content": string;
+        "dismissable"?: boolean;
+        "dismmissed"?: () => void;
+        "icon"?: boolean;
+        "leadText": string;
+        "link"?: boolean;
+        "navigateTo"?: (link?: string) => void;
+        "setNavigateTo"?: string;
+        "textLink"?: string;
+        "variant": 'critical' | 'warning' | 'success' | 'info' | 'neutral';
+    }
+    interface DgaNotificationToast {
+        "action"?: boolean;
+        "buttonsList"?: {
+    id?: string;
+    label: string;
+    onClick: (event?: any) => void;
+    extraClasses?: string;
+    title?: string;
+    customAttribute?: CustomAttribute;
+  }[];
+        "closeButton"?: boolean;
+        "hPostion"?: 'left' | 'right';
+        "hasHelperText"?: boolean;
+        "helperText"?: string;
+        "leadText"?: string;
+        "onClose"?: (event: any) => void;
+        "open"?: boolean;
+        "type"?: 'error' | 'warning' | 'success' | 'info' | 'neutral';
+        "vPostion"?: 'top' | 'bottom';
+    }
+    interface DgaNotificationToastUsage {
+    }
+    interface DgaNotificationUsage {
+    }
+    interface DgaNumberInput {
+        "disabled": boolean;
+        "error": boolean;
+        "fullwidth": boolean;
+        "helperText"?: string;
+        "helperTextIcon"?: Icon1;
+        "label"?: string;
+        "name": string;
+        "onBlur"?: (event?: any) => void;
+        "onChange"?: (event?: any) => void;
+        "onInput"?: (event?: any) => void;
+        "placeholder"?: string;
+        "readonly": boolean;
+        "required": boolean;
+        "size": 'md' | 'lg';
+        "value": number;
+        "variant": 'default' | 'lighter' | 'darker';
+    }
+    interface DgaNumberInputUsage {
+    }
+    interface DgaPagination {
+        "onChange"?: (value: number) => void;
+        "siblingCount"?: number;
+        "size"?: 'small' | 'medium' | 'large';
+        "totalPageCount": number;
+    }
+    interface DgaPaginationUsage {
+    }
+    interface DgaPrefix {
+        "icon"?: Icon3;
+        "label": string;
+        "options"?: Option[];
+        "type": string;
+        "variant": 'solid' | 'subtle';
+    }
+    interface DgaProgressIndicator {
+        "activeStep"?: number;
+        "alignment"?: 'horizontal' | 'vertical';
+    }
+    interface DgaProgressIndicatorStep {
+        "activeStep": number;
+        "currentStep": number;
+        "description": string;
+        "labelStyle": 'dot' | 'circle';
+        "nextStep": boolean;
+        "showStepDescription": boolean;
+        "showStepName": boolean;
+        "title": string;
+    }
+    interface DgaProgressIndicatorUsage {
+    }
+    interface DgaProgressIndicatorV2 {
+        "activeStep"?: number;
+        "alignment"?: 'horizontal' | 'vertical';
+        "steps": Array<{
+    label: string;
+    description: string;
+  }>;
+    }
+    interface DgaQuote {
+        "authorDescription"?: string;
+        "authorName"?: string;
+        "quoteDescription"?: string;
+        "quoteTitle"?: string;
+        "showAuthorDetails"?: boolean;
+        "showAvatar"?: boolean;
+        "showQuoteDescription"?: boolean;
+        "showQuoteTitle"?: boolean;
+        "size"?: 'sm' | 'lg';
+        "whiteBackground"?: boolean;
+    }
+    interface DgaQuoteUsage {
+    }
+    interface DgaRadialStepper {
+        "RTL": boolean;
+        "activeStep": number;
+        "showStepDescription": boolean;
+        "showStepName": boolean;
+        "showText": boolean;
+        "size": '120px' | '80px' | '64px' | '48px' | '40px';
+        "steps": Step[];
+        "variant"?: 'primary' | 'neutral' | 'on-color';
+    }
+    interface DgaRadialStepperUsage {
+    }
+    interface DgaRadioButton {
+        "alertMessage"?: boolean;
+        "alertText"?: string;
+        "checked"?: boolean;
+        "color": 'neutral' | 'brand';
+        "disabled": boolean;
+        "hasHelperText"?: boolean;
+        "helperText"?: string;
+        "id": string;
+        "label"?: string;
+        "name": string;
+        "onChange"?: (event: any) => void;
+        "onInput"?: (event: any) => void;
+        "value": string;
+    }
+    interface DgaRadioButtonUsage {
+    }
+    interface DgaRating {
+        "max"?: number;
+        "onChange"?: (value: number) => void;
+        "readOnly"?: boolean;
+        "size"?: 'sm' | 'md' | 'lg';
+        "value"?: number;
+        "variant"?: 'default' | 'brand';
+    }
+    interface DgaRatingUsage {
+    }
+    interface DgaRectangleSkeleton {
+        "size": 'lg' | 'sm' | 'md';
+        "type": '1' | '2';
+        "width": 'long' | 'short';
+    }
+    interface DgaSearchBox {
+        "disabled": boolean;
+        "error": boolean;
+        "icon"?: boolean;
+        "label"?: string;
+        "name": string;
+        "onInput"?: (event?: Event) => void;
+        "placeholder"?: string;
+        "readonly": boolean;
+        "showTrailingIcon": boolean;
+        "size": 'md' | 'lg';
+        "speechLang": 'en' | 'ar';
+        "value": string;
+        "variant": 'default' | 'lighter' | 'darker';
+    }
+    interface DgaSearchBoxUsage {
+    }
+    interface DgaSecondNavHeader {
+        "hideActions": boolean;
+        "hideContent": boolean;
+        "hideDivider": boolean;
+        "variant": 'primary' | 'gray';
+    }
+    interface DgaSecondNavHeaderActions {
+    }
+    interface DgaSecondNavHeaderContent {
+    }
+    interface DgaSecondNavHeaderItem {
+        "label": string;
+    }
+    interface DgaSecondNavHeaderUsage {
+    }
+    interface DgaSkeletonComponent {
+        /**
+          * Type of the skeleton layout
+         */
+        "type": | 'chart and content'
+    | 'image content and button'
+    | 'image profile content'
+    | 'image button and text'
+    | 'icon and list';
+    }
+    interface DgaSkeletonUsage {
+    }
+    interface DgaSlideoutMenu {
+        "anchor"?: 'left'|'right';
+        "backgroundColor"?: 'gray' | 'white';
+        "onClose"?: () => void;
+        "open"?: boolean;
+        "scrollbar"?: boolean;
+    }
+    interface DgaSlideoutMenuActions {
+    }
+    interface DgaSlideoutMenuHeader {
+        "description": string;
+        "title": string;
+    }
+    interface DgaSlideoutMenuItems {
+        "description": string;
+        "title": string;
+    }
+    interface DgaSlideoutMenuUsage {
+    }
+    interface DgaSlider {
+        "helperText": string;
+        "initialMax": number;
+        "initialMin": number;
+        "label": string;
+        "max": number;
+        "min": number;
+        "onChange"?: (props:{min:number,max:number})=>void;
+        "range": boolean;
+        "showHelperText": boolean;
+        "showLabel": boolean;
+        "size": 'small' | 'medium';
+        "step": number;
+    }
+    interface DgaSliderUsage {
+    }
+    interface DgaSquareSkeleton {
+        "type": '1' | '2';
+        "width": '24px' | '64px' | '48px' | '80px' | '120px' | '170px' | '240px';
+    }
+    interface DgaStatusTag {
+        "RTL"?: boolean;
+        "color": 'neutral' | 'green' | 'blue' | 'yellow' | 'red';
+        "label"?: string;
+        "size": 'lg' | 'md' | 'sm';
+        "status": 'inverted' | 'subtle' | 'ghost';
+    }
+    interface DgaStructuredList {
+        "alternate": boolean;
+        "cells": Array<{
+    title: string;
+    propertyName: string;
+    type: 'element' | 'propertyName';
+    El?: any;
+    elProperties?: string[];
+    colSpan?: number;
+    customAttribute?: {
+      key: string;
+      value: string;
+    };
+    sort?: 'up' | 'down' | 'none';
+    isSort?: boolean;
+    isFilter?: boolean;
+  }>;
+        "colDivider": boolean;
+        "compact": boolean;
+        "contained": boolean;
+        "data": any[];
+        "getSelectedRows"?: (event?: any) => void;
+        "rowDivider": boolean;
+        "selectable": boolean;
+    }
+    interface DgaStructuredListUsage {
+    }
+    interface DgaSuffix {
+        "icon"?: any;
+        "label": string;
+        "options"?: Option1[];
+        "type": string;
+        "variant": string;
+    }
+    interface DgaSwitch {
+        "alertMessage"?: boolean;
+        "alertText"?: string;
+        "checked": boolean;
+        "color": string;
+        "disabled": boolean;
+        "hasHelperText"?: boolean;
+        "helperText"?: string;
+        "id": string;
+        "label"?: string;
+        "name": string;
+        "onChange"?: (event?: any) => void;
+        "onInput"?: (event?: any) => void;
+        "value": boolean | any;
+    }
+    interface DgaSwitchUsage {
+    }
+    interface DgaTable {
+        "alternate": boolean;
+        "cells": {
+    title: string;
+    isSort: boolean;
+    isFilter: boolean;
+    sort?: 'up' | 'down';
+    propertyName: string;
+    type: 'element' | 'propertyName';
+    El?: HTMLElement;
+    elProperties?: string[];
+    colSpan?: number;
+    // elProperties: { [key: string]: any };
+  }[];
+        "contained": boolean;
+        "data": { selected: boolean; }[];
+        "getSelectedRows": any;
+        "pressOnFilter": any;
+        "rowDivider": boolean;
+        "showSelectCheckBox": boolean;
+    }
+    interface DgaTableBody {
+        "alternate": boolean;
+        "cells": {
+    title: string;
+    isSort: boolean;
+    isFilter: boolean;
+    sort?: 'up' | 'down';
+    propertyName: string;
+    type: 'element' | 'propertyName';
+    El?: HTMLElement;
+    elProperties?: string[];
+    colSpan?: number;
+    // elProperties: { [key: string]: any };
+  }[];
+        "contained": boolean;
+        "data": { selected: boolean; }[];
+        "getSelectedRows": any;
+        "pressOnFilter": any;
+        "rowDivider": boolean;
+        "showSelectCheckBox": boolean;
+    }
+    interface DgaTableOfContent {
+        "sections": TabType[];
+        "subTitle": string;
+        "title": string;
+    }
+    interface DgaTableOfContentUsage {
+    }
+    interface DgaTableUsage {
+    }
+    interface DgaTabs {
+        "disabled": boolean;
+        "divider": boolean;
+        "external": boolean;
+        "extraClass"?: string;
+        "flush": boolean;
+        "orientation": 'horizontal' | 'vertical';
+        "size": "sm" | "md" | "lg";
+        "tabsList": ITab[];
+    }
+    interface DgaTabsUsage {
+    }
+    interface DgaTag {
+        "iconOnly"?: boolean;
+        "label"?: string;
+        "leadIcon"?: Icon3;
+        "outlined"?: boolean;
+        "rounded"?: boolean;
+        "size": 'lg' | 'md' | 'sm';
+        "trailIcon"?: Icon3;
+        "variant": 'neutral' | 'success' | 'info' | 'warning' | 'error' | 'on-color';
+    }
+    interface DgaTagUsage {
+    }
+    interface DgaTextInput {
+        "disabled": boolean;
+        "error": boolean;
+        "feedbackIcon": boolean;
+        "feedbackIconRing": boolean;
+        "feedbackIconType": 'success' | 'error' | 'warning';
+        "helperText"?: string;
+        "helperTextIcon"?: Icon1;
+        "icon"?: Icon1;
+        "label"?: string;
+        "name": string;
+        "onBlur"?: (event?: Event) => void;
+        "onChange"?: (event?: Event) => void;
+        "onInput"?: (event?: Event) => void;
+        "placeholder"?: string;
+        "readonly": boolean;
+        "required": boolean;
+        "size": 'md' | 'lg';
+        "type": 'text' | 'number' | 'password';
+        "value": string;
+        "variant": 'default' | 'lighter' | 'darker';
+    }
+    interface DgaTextInputUsage {
+    }
+    interface DgaTextarea {
+        "cols"?: number;
+        "disabled"?: boolean;
+        "error"?: boolean;
+        "feedbackIcon"?: boolean;
+        "feedbackIconRing"?: boolean;
+        "feedbackIconType"?: 'success' | 'error' | 'warning';
+        "label"?: string;
+        "name"?: string;
+        "onChange"?: (event?: any) => void;
+        "onInput"?: (event?: any) => void;
+        "placeholder"?: string;
+        "readonly"?: boolean;
+        "resize"?: boolean;
+        "rows"?: number;
+        "scrollbar"?: boolean;
+        "value"?: string;
+        "variant"?: 'default' | 'lighter' | 'darker';
+    }
+    interface DgaTextareaUsage {
+    }
+    interface DgaTooltip {
+        "beakAlignment": BeakAlignment;
+        "beakPlacement": BeakPlacement;
+        "direction": Direction;
+        "feedbackIcon": FeedbackIcon;
+        "helperText"?: string;
+        "icon": boolean;
+        "theme": Theme;
+        "tooltipTitle"?: string;
+    }
+    interface DgaTooltipUsage {
+    }
+    interface FloatingButton {
+        "RTL": boolean;
+        "disabled": boolean;
+        "icon": string;
+        "iconOnly": boolean;
+        "iconProps"?: { [key: string]: any };
+        "label": string;
+        "onColor": boolean;
+        "size": 'small' | 'large';
+        "variant": 'primary-brand' | 'primary-neutral' | 'secondary-solid';
+    }
+    interface MonthNavigator {
+        "currentMonth": Date;
+        "onChange": (newMonth: Date) => void;
+        "showArrows": boolean;
+    }
+    interface SidePanelMenu {
+        "routes": IRoute1[];
+    }
+    interface SubmenuComponent {
+        "childRoute": IRoute1;
+        "onChildExpanded"?: (expanded: boolean, subHeight: number) => void;
+        "route": IRoute1;
+    }
+    interface TabComponent {
+        "route": IRoute1;
+    }
+    interface TabLink {
+        "badge"?: number;
+        "disabled": boolean;
+        "expanded": boolean;
+        "externalLink": boolean;
+        "icon"?: Icon3;
+        "level": number;
+        "link": string;
+        "onColor": boolean;
+        "onExpand"?: (value: boolean) => void;
+        "text": string;
+        "type": 'parent' | 'child';
+    }
+}
+export interface DgaBreadcrumbsCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLDgaBreadcrumbsElement;
+}
+export interface DgaButtonCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLDgaButtonElement;
+}
+export interface DgaDatepickerCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLDgaDatepickerElement;
+}
+export interface DgaFilterationCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLDgaFilterationElement;
+}
+export interface DgaLinkCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLDgaLinkElement;
+}
+export interface DgaMenuItemCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLDgaMenuItemElement;
+}
+export interface DgaNavHeaderLinkCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLDgaNavHeaderLinkElement;
+}
+export interface DgaNavHeaderMainCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLDgaNavHeaderMainElement;
+}
+export interface DgaPrefixCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLDgaPrefixElement;
+}
+export interface DgaProgressIndicatorCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLDgaProgressIndicatorElement;
+}
+export interface DgaRatingCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLDgaRatingElement;
+}
+export interface DgaSearchBoxCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLDgaSearchBoxElement;
+}
+export interface DgaSuffixCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLDgaSuffixElement;
+}
+export interface FloatingButtonCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLFloatingButtonElement;
+}
+declare global {
+    interface HTMLDateCellElement extends Components.DateCell, HTMLStencilElement {
+    }
+    var HTMLDateCellElement: {
+        prototype: HTMLDateCellElement;
+        new (): HTMLDateCellElement;
+    };
+    interface HTMLDgaAccordionElement extends Components.DgaAccordion, HTMLStencilElement {
+    }
+    var HTMLDgaAccordionElement: {
+        prototype: HTMLDgaAccordionElement;
+        new (): HTMLDgaAccordionElement;
+    };
+    interface HTMLDgaAccordionUsageElement extends Components.DgaAccordionUsage, HTMLStencilElement {
+    }
+    var HTMLDgaAccordionUsageElement: {
+        prototype: HTMLDgaAccordionUsageElement;
+        new (): HTMLDgaAccordionUsageElement;
+    };
+    interface HTMLDgaActionsElement extends Components.DgaActions, HTMLStencilElement {
+    }
+    var HTMLDgaActionsElement: {
+        prototype: HTMLDgaActionsElement;
+        new (): HTMLDgaActionsElement;
+    };
+    interface HTMLDgaApexChartElement extends Components.DgaApexChart, HTMLStencilElement {
+    }
+    var HTMLDgaApexChartElement: {
+        prototype: HTMLDgaApexChartElement;
+        new (): HTMLDgaApexChartElement;
+    };
+    interface HTMLDgaApexChartUsageElement extends Components.DgaApexChartUsage, HTMLStencilElement {
+    }
+    var HTMLDgaApexChartUsageElement: {
+        prototype: HTMLDgaApexChartUsageElement;
+        new (): HTMLDgaApexChartUsageElement;
+    };
+    interface HTMLDgaAvatarElement extends Components.DgaAvatar, HTMLStencilElement {
+    }
+    var HTMLDgaAvatarElement: {
+        prototype: HTMLDgaAvatarElement;
+        new (): HTMLDgaAvatarElement;
+    };
+    interface HTMLDgaAvatarGroupElement extends Components.DgaAvatarGroup, HTMLStencilElement {
+    }
+    var HTMLDgaAvatarGroupElement: {
+        prototype: HTMLDgaAvatarGroupElement;
+        new (): HTMLDgaAvatarGroupElement;
+    };
+    interface HTMLDgaAvatarUsageElement extends Components.DgaAvatarUsage, HTMLStencilElement {
+    }
+    var HTMLDgaAvatarUsageElement: {
+        prototype: HTMLDgaAvatarUsageElement;
+        new (): HTMLDgaAvatarUsageElement;
+    };
+    interface HTMLDgaBreadcrumbsElementEventMap {
+        "breadcrumbClick": any;
+    }
+    interface HTMLDgaBreadcrumbsElement extends Components.DgaBreadcrumbs, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDgaBreadcrumbsElementEventMap>(type: K, listener: (this: HTMLDgaBreadcrumbsElement, ev: DgaBreadcrumbsCustomEvent<HTMLDgaBreadcrumbsElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLDgaBreadcrumbsElementEventMap>(type: K, listener: (this: HTMLDgaBreadcrumbsElement, ev: DgaBreadcrumbsCustomEvent<HTMLDgaBreadcrumbsElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLDgaBreadcrumbsElement: {
+        prototype: HTMLDgaBreadcrumbsElement;
+        new (): HTMLDgaBreadcrumbsElement;
+    };
+    interface HTMLDgaBreadcrumbsUsageElement extends Components.DgaBreadcrumbsUsage, HTMLStencilElement {
+    }
+    var HTMLDgaBreadcrumbsUsageElement: {
+        prototype: HTMLDgaBreadcrumbsUsageElement;
+        new (): HTMLDgaBreadcrumbsUsageElement;
+    };
+    interface HTMLDgaButtonElementEventMap {
+        "onClick": MouseEvent;
+    }
+    interface HTMLDgaButtonElement extends Components.DgaButton, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDgaButtonElementEventMap>(type: K, listener: (this: HTMLDgaButtonElement, ev: DgaButtonCustomEvent<HTMLDgaButtonElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLDgaButtonElementEventMap>(type: K, listener: (this: HTMLDgaButtonElement, ev: DgaButtonCustomEvent<HTMLDgaButtonElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLDgaButtonElement: {
+        prototype: HTMLDgaButtonElement;
+        new (): HTMLDgaButtonElement;
+    };
+    interface HTMLDgaButtonUsageElement extends Components.DgaButtonUsage, HTMLStencilElement {
+    }
+    var HTMLDgaButtonUsageElement: {
+        prototype: HTMLDgaButtonUsageElement;
+        new (): HTMLDgaButtonUsageElement;
+    };
+    interface HTMLDgaCardElement extends Components.DgaCard, HTMLStencilElement {
+    }
+    var HTMLDgaCardElement: {
+        prototype: HTMLDgaCardElement;
+        new (): HTMLDgaCardElement;
+    };
+    interface HTMLDgaCardActionsElement extends Components.DgaCardActions, HTMLStencilElement {
+    }
+    var HTMLDgaCardActionsElement: {
+        prototype: HTMLDgaCardActionsElement;
+        new (): HTMLDgaCardActionsElement;
+    };
+    interface HTMLDgaCardContentElement extends Components.DgaCardContent, HTMLStencilElement {
+    }
+    var HTMLDgaCardContentElement: {
+        prototype: HTMLDgaCardContentElement;
+        new (): HTMLDgaCardContentElement;
+    };
+    interface HTMLDgaCardExpandableContentElement extends Components.DgaCardExpandableContent, HTMLStencilElement {
+    }
+    var HTMLDgaCardExpandableContentElement: {
+        prototype: HTMLDgaCardExpandableContentElement;
+        new (): HTMLDgaCardExpandableContentElement;
+    };
+    interface HTMLDgaCardImageElement extends Components.DgaCardImage, HTMLStencilElement {
+    }
+    var HTMLDgaCardImageElement: {
+        prototype: HTMLDgaCardImageElement;
+        new (): HTMLDgaCardImageElement;
+    };
+    interface HTMLDgaCardTitleElement extends Components.DgaCardTitle, HTMLStencilElement {
+    }
+    var HTMLDgaCardTitleElement: {
+        prototype: HTMLDgaCardTitleElement;
+        new (): HTMLDgaCardTitleElement;
+    };
+    interface HTMLDgaCardUsageElement extends Components.DgaCardUsage, HTMLStencilElement {
+    }
+    var HTMLDgaCardUsageElement: {
+        prototype: HTMLDgaCardUsageElement;
+        new (): HTMLDgaCardUsageElement;
+    };
+    interface HTMLDgaCardV2Element extends Components.DgaCardV2, HTMLStencilElement {
+    }
+    var HTMLDgaCardV2Element: {
+        prototype: HTMLDgaCardV2Element;
+        new (): HTMLDgaCardV2Element;
+    };
+    interface HTMLDgaCardV2UsageElement extends Components.DgaCardV2Usage, HTMLStencilElement {
+    }
+    var HTMLDgaCardV2UsageElement: {
+        prototype: HTMLDgaCardV2UsageElement;
+        new (): HTMLDgaCardV2UsageElement;
+    };
+    interface HTMLDgaCarouselElement extends Components.DgaCarousel, HTMLStencilElement {
+    }
+    var HTMLDgaCarouselElement: {
+        prototype: HTMLDgaCarouselElement;
+        new (): HTMLDgaCarouselElement;
+    };
+    interface HTMLDgaCarouselItemElement extends Components.DgaCarouselItem, HTMLStencilElement {
+    }
+    var HTMLDgaCarouselItemElement: {
+        prototype: HTMLDgaCarouselItemElement;
+        new (): HTMLDgaCarouselItemElement;
+    };
+    interface HTMLDgaCarouselUsageElement extends Components.DgaCarouselUsage, HTMLStencilElement {
+    }
+    var HTMLDgaCarouselUsageElement: {
+        prototype: HTMLDgaCarouselUsageElement;
+        new (): HTMLDgaCarouselUsageElement;
+    };
+    interface HTMLDgaChartElement extends Components.DgaChart, HTMLStencilElement {
+    }
+    var HTMLDgaChartElement: {
+        prototype: HTMLDgaChartElement;
+        new (): HTMLDgaChartElement;
+    };
+    interface HTMLDgaChartUsageElement extends Components.DgaChartUsage, HTMLStencilElement {
+    }
+    var HTMLDgaChartUsageElement: {
+        prototype: HTMLDgaChartUsageElement;
+        new (): HTMLDgaChartUsageElement;
+    };
+    interface HTMLDgaCheckboxElement extends Components.DgaCheckbox, HTMLStencilElement {
+    }
+    var HTMLDgaCheckboxElement: {
+        prototype: HTMLDgaCheckboxElement;
+        new (): HTMLDgaCheckboxElement;
+    };
+    interface HTMLDgaCheckboxUsageElement extends Components.DgaCheckboxUsage, HTMLStencilElement {
+    }
+    var HTMLDgaCheckboxUsageElement: {
+        prototype: HTMLDgaCheckboxUsageElement;
+        new (): HTMLDgaCheckboxUsageElement;
+    };
+    interface HTMLDgaChipElement extends Components.DgaChip, HTMLStencilElement {
+    }
+    var HTMLDgaChipElement: {
+        prototype: HTMLDgaChipElement;
+        new (): HTMLDgaChipElement;
+    };
+    interface HTMLDgaChipUsageElement extends Components.DgaChipUsage, HTMLStencilElement {
+    }
+    var HTMLDgaChipUsageElement: {
+        prototype: HTMLDgaChipUsageElement;
+        new (): HTMLDgaChipUsageElement;
+    };
+    interface HTMLDgaCircleSkeletonElement extends Components.DgaCircleSkeleton, HTMLStencilElement {
+    }
+    var HTMLDgaCircleSkeletonElement: {
+        prototype: HTMLDgaCircleSkeletonElement;
+        new (): HTMLDgaCircleSkeletonElement;
+    };
+    interface HTMLDgaCircularProgressBarElement extends Components.DgaCircularProgressBar, HTMLStencilElement {
+    }
+    var HTMLDgaCircularProgressBarElement: {
+        prototype: HTMLDgaCircularProgressBarElement;
+        new (): HTMLDgaCircularProgressBarElement;
+    };
+    interface HTMLDgaCircularProgressBarUsageElement extends Components.DgaCircularProgressBarUsage, HTMLStencilElement {
+    }
+    var HTMLDgaCircularProgressBarUsageElement: {
+        prototype: HTMLDgaCircularProgressBarUsageElement;
+        new (): HTMLDgaCircularProgressBarUsageElement;
+    };
+    interface HTMLDgaCodesnippetElement extends Components.DgaCodesnippet, HTMLStencilElement {
+    }
+    var HTMLDgaCodesnippetElement: {
+        prototype: HTMLDgaCodesnippetElement;
+        new (): HTMLDgaCodesnippetElement;
+    };
+    interface HTMLDgaCodesnippetUsageElement extends Components.DgaCodesnippetUsage, HTMLStencilElement {
+    }
+    var HTMLDgaCodesnippetUsageElement: {
+        prototype: HTMLDgaCodesnippetUsageElement;
+        new (): HTMLDgaCodesnippetUsageElement;
+    };
+    interface HTMLDgaCollapseElement extends Components.DgaCollapse, HTMLStencilElement {
+    }
+    var HTMLDgaCollapseElement: {
+        prototype: HTMLDgaCollapseElement;
+        new (): HTMLDgaCollapseElement;
+    };
+    interface HTMLDgaCollapseUsageElement extends Components.DgaCollapseUsage, HTMLStencilElement {
+    }
+    var HTMLDgaCollapseUsageElement: {
+        prototype: HTMLDgaCollapseUsageElement;
+        new (): HTMLDgaCollapseUsageElement;
+    };
+    interface HTMLDgaContentSwitcherElement extends Components.DgaContentSwitcher, HTMLStencilElement {
+    }
+    var HTMLDgaContentSwitcherElement: {
+        prototype: HTMLDgaContentSwitcherElement;
+        new (): HTMLDgaContentSwitcherElement;
+    };
+    interface HTMLDgaContentSwitcherItemElement extends Components.DgaContentSwitcherItem, HTMLStencilElement {
+    }
+    var HTMLDgaContentSwitcherItemElement: {
+        prototype: HTMLDgaContentSwitcherItemElement;
+        new (): HTMLDgaContentSwitcherItemElement;
+    };
+    interface HTMLDgaContentSwitcherPanelElement extends Components.DgaContentSwitcherPanel, HTMLStencilElement {
+    }
+    var HTMLDgaContentSwitcherPanelElement: {
+        prototype: HTMLDgaContentSwitcherPanelElement;
+        new (): HTMLDgaContentSwitcherPanelElement;
+    };
+    interface HTMLDgaContentSwitcherUsageElement extends Components.DgaContentSwitcherUsage, HTMLStencilElement {
+    }
+    var HTMLDgaContentSwitcherUsageElement: {
+        prototype: HTMLDgaContentSwitcherUsageElement;
+        new (): HTMLDgaContentSwitcherUsageElement;
+    };
+    interface HTMLDgaDataTableElement extends Components.DgaDataTable, HTMLStencilElement {
+    }
+    var HTMLDgaDataTableElement: {
+        prototype: HTMLDgaDataTableElement;
+        new (): HTMLDgaDataTableElement;
+    };
+    interface HTMLDgaDataTableUpdatedElement extends Components.DgaDataTableUpdated, HTMLStencilElement {
+    }
+    var HTMLDgaDataTableUpdatedElement: {
+        prototype: HTMLDgaDataTableUpdatedElement;
+        new (): HTMLDgaDataTableUpdatedElement;
+    };
+    interface HTMLDgaDateFieldElement extends Components.DgaDateField, HTMLStencilElement {
+    }
+    var HTMLDgaDateFieldElement: {
+        prototype: HTMLDgaDateFieldElement;
+        new (): HTMLDgaDateFieldElement;
+    };
+    interface HTMLDgaDateFieldUsageElement extends Components.DgaDateFieldUsage, HTMLStencilElement {
+    }
+    var HTMLDgaDateFieldUsageElement: {
+        prototype: HTMLDgaDateFieldUsageElement;
+        new (): HTMLDgaDateFieldUsageElement;
+    };
+    interface HTMLDgaDatepickerElementEventMap {
+        "change": Date;
+    }
+    interface HTMLDgaDatepickerElement extends Components.DgaDatepicker, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDgaDatepickerElementEventMap>(type: K, listener: (this: HTMLDgaDatepickerElement, ev: DgaDatepickerCustomEvent<HTMLDgaDatepickerElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLDgaDatepickerElementEventMap>(type: K, listener: (this: HTMLDgaDatepickerElement, ev: DgaDatepickerCustomEvent<HTMLDgaDatepickerElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLDgaDatepickerElement: {
+        prototype: HTMLDgaDatepickerElement;
+        new (): HTMLDgaDatepickerElement;
+    };
+    interface HTMLDgaDatepickerUsageElement extends Components.DgaDatepickerUsage, HTMLStencilElement {
+    }
+    var HTMLDgaDatepickerUsageElement: {
+        prototype: HTMLDgaDatepickerUsageElement;
+        new (): HTMLDgaDatepickerUsageElement;
+    };
+    interface HTMLDgaDigitalSignatureElement extends Components.DgaDigitalSignature, HTMLStencilElement {
+    }
+    var HTMLDgaDigitalSignatureElement: {
+        prototype: HTMLDgaDigitalSignatureElement;
+        new (): HTMLDgaDigitalSignatureElement;
+    };
+    interface HTMLDgaDigitalSignatureUsageElement extends Components.DgaDigitalSignatureUsage, HTMLStencilElement {
+    }
+    var HTMLDgaDigitalSignatureUsageElement: {
+        prototype: HTMLDgaDigitalSignatureUsageElement;
+        new (): HTMLDgaDigitalSignatureUsageElement;
+    };
+    interface HTMLDgaDividerElement extends Components.DgaDivider, HTMLStencilElement {
+    }
+    var HTMLDgaDividerElement: {
+        prototype: HTMLDgaDividerElement;
+        new (): HTMLDgaDividerElement;
+    };
+    interface HTMLDgaDividerUsageElement extends Components.DgaDividerUsage, HTMLStencilElement {
+    }
+    var HTMLDgaDividerUsageElement: {
+        prototype: HTMLDgaDividerUsageElement;
+        new (): HTMLDgaDividerUsageElement;
+    };
+    interface HTMLDgaDrawerElement extends Components.DgaDrawer, HTMLStencilElement {
+    }
+    var HTMLDgaDrawerElement: {
+        prototype: HTMLDgaDrawerElement;
+        new (): HTMLDgaDrawerElement;
+    };
+    interface HTMLDgaDrawerUsageElement extends Components.DgaDrawerUsage, HTMLStencilElement {
+    }
+    var HTMLDgaDrawerUsageElement: {
+        prototype: HTMLDgaDrawerUsageElement;
+        new (): HTMLDgaDrawerUsageElement;
+    };
+    interface HTMLDgaDropdownElement extends Components.DgaDropdown, HTMLStencilElement {
+    }
+    var HTMLDgaDropdownElement: {
+        prototype: HTMLDgaDropdownElement;
+        new (): HTMLDgaDropdownElement;
+    };
+    interface HTMLDgaDropdownUsageElement extends Components.DgaDropdownUsage, HTMLStencilElement {
+    }
+    var HTMLDgaDropdownUsageElement: {
+        prototype: HTMLDgaDropdownUsageElement;
+        new (): HTMLDgaDropdownUsageElement;
+    };
+    interface HTMLDgaFeaturedIconElement extends Components.DgaFeaturedIcon, HTMLStencilElement {
+    }
+    var HTMLDgaFeaturedIconElement: {
+        prototype: HTMLDgaFeaturedIconElement;
+        new (): HTMLDgaFeaturedIconElement;
+    };
+    interface HTMLDgaFeaturedIconUsageElement extends Components.DgaFeaturedIconUsage, HTMLStencilElement {
+    }
+    var HTMLDgaFeaturedIconUsageElement: {
+        prototype: HTMLDgaFeaturedIconUsageElement;
+        new (): HTMLDgaFeaturedIconUsageElement;
+    };
+    interface HTMLDgaFeedbackIconElement extends Components.DgaFeedbackIcon, HTMLStencilElement {
+    }
+    var HTMLDgaFeedbackIconElement: {
+        prototype: HTMLDgaFeedbackIconElement;
+        new (): HTMLDgaFeedbackIconElement;
+    };
+    interface HTMLDgaFeedbackIconUsageElement extends Components.DgaFeedbackIconUsage, HTMLStencilElement {
+    }
+    var HTMLDgaFeedbackIconUsageElement: {
+        prototype: HTMLDgaFeedbackIconUsageElement;
+        new (): HTMLDgaFeedbackIconUsageElement;
+    };
+    interface HTMLDgaFileUploadElement extends Components.DgaFileUpload, HTMLStencilElement {
+    }
+    var HTMLDgaFileUploadElement: {
+        prototype: HTMLDgaFileUploadElement;
+        new (): HTMLDgaFileUploadElement;
+    };
+    interface HTMLDgaFileUploadUsageElement extends Components.DgaFileUploadUsage, HTMLStencilElement {
+    }
+    var HTMLDgaFileUploadUsageElement: {
+        prototype: HTMLDgaFileUploadUsageElement;
+        new (): HTMLDgaFileUploadUsageElement;
+    };
+    interface HTMLDgaFilterationElementEventMap {
+        "onFilterChange": { blockId: string; items: FilterItem[] }[];
+    }
+    interface HTMLDgaFilterationElement extends Components.DgaFilteration, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDgaFilterationElementEventMap>(type: K, listener: (this: HTMLDgaFilterationElement, ev: DgaFilterationCustomEvent<HTMLDgaFilterationElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLDgaFilterationElementEventMap>(type: K, listener: (this: HTMLDgaFilterationElement, ev: DgaFilterationCustomEvent<HTMLDgaFilterationElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLDgaFilterationElement: {
+        prototype: HTMLDgaFilterationElement;
+        new (): HTMLDgaFilterationElement;
+    };
+    interface HTMLDgaFilterationUsageElement extends Components.DgaFilterationUsage, HTMLStencilElement {
+    }
+    var HTMLDgaFilterationUsageElement: {
+        prototype: HTMLDgaFilterationUsageElement;
+        new (): HTMLDgaFilterationUsageElement;
+    };
+    interface HTMLDgaFlexElement extends Components.DgaFlex, HTMLStencilElement {
+    }
+    var HTMLDgaFlexElement: {
+        prototype: HTMLDgaFlexElement;
+        new (): HTMLDgaFlexElement;
+    };
+    interface HTMLDgaFloatingButtonUsageElement extends Components.DgaFloatingButtonUsage, HTMLStencilElement {
+    }
+    var HTMLDgaFloatingButtonUsageElement: {
+        prototype: HTMLDgaFloatingButtonUsageElement;
+        new (): HTMLDgaFloatingButtonUsageElement;
+    };
+    interface HTMLDgaFooterElement extends Components.DgaFooter, HTMLStencilElement {
+    }
+    var HTMLDgaFooterElement: {
+        prototype: HTMLDgaFooterElement;
+        new (): HTMLDgaFooterElement;
+    };
+    interface HTMLDgaFooterUsageElement extends Components.DgaFooterUsage, HTMLStencilElement {
+    }
+    var HTMLDgaFooterUsageElement: {
+        prototype: HTMLDgaFooterUsageElement;
+        new (): HTMLDgaFooterUsageElement;
+    };
+    interface HTMLDgaHeaderElement extends Components.DgaHeader, HTMLStencilElement {
+    }
+    var HTMLDgaHeaderElement: {
+        prototype: HTMLDgaHeaderElement;
+        new (): HTMLDgaHeaderElement;
+    };
+    interface HTMLDgaHeaderActionBtnElement extends Components.DgaHeaderActionBtn, HTMLStencilElement {
+    }
+    var HTMLDgaHeaderActionBtnElement: {
+        prototype: HTMLDgaHeaderActionBtnElement;
+        new (): HTMLDgaHeaderActionBtnElement;
+    };
+    interface HTMLDgaHeaderUsageElement extends Components.DgaHeaderUsage, HTMLStencilElement {
+    }
+    var HTMLDgaHeaderUsageElement: {
+        prototype: HTMLDgaHeaderUsageElement;
+        new (): HTMLDgaHeaderUsageElement;
+    };
+    interface HTMLDgaHelperTextElement extends Components.DgaHelperText, HTMLStencilElement {
+    }
+    var HTMLDgaHelperTextElement: {
+        prototype: HTMLDgaHelperTextElement;
+        new (): HTMLDgaHelperTextElement;
+    };
+    interface HTMLDgaIconElement extends Components.DgaIcon, HTMLStencilElement {
+    }
+    var HTMLDgaIconElement: {
+        prototype: HTMLDgaIconElement;
+        new (): HTMLDgaIconElement;
+    };
+    interface HTMLDgaIconV2Element extends Components.DgaIconV2, HTMLStencilElement {
+    }
+    var HTMLDgaIconV2Element: {
+        prototype: HTMLDgaIconV2Element;
+        new (): HTMLDgaIconV2Element;
+    };
+    interface HTMLDgaInlineAlertElement extends Components.DgaInlineAlert, HTMLStencilElement {
+    }
+    var HTMLDgaInlineAlertElement: {
+        prototype: HTMLDgaInlineAlertElement;
+        new (): HTMLDgaInlineAlertElement;
+    };
+    interface HTMLDgaInlineAlertUsageElement extends Components.DgaInlineAlertUsage, HTMLStencilElement {
+    }
+    var HTMLDgaInlineAlertUsageElement: {
+        prototype: HTMLDgaInlineAlertUsageElement;
+        new (): HTMLDgaInlineAlertUsageElement;
+    };
+    interface HTMLDgaLabelElement extends Components.DgaLabel, HTMLStencilElement {
+    }
+    var HTMLDgaLabelElement: {
+        prototype: HTMLDgaLabelElement;
+        new (): HTMLDgaLabelElement;
+    };
+    interface HTMLDgaLineSkeletonElement extends Components.DgaLineSkeleton, HTMLStencilElement {
+    }
+    var HTMLDgaLineSkeletonElement: {
+        prototype: HTMLDgaLineSkeletonElement;
+        new (): HTMLDgaLineSkeletonElement;
+    };
+    interface HTMLDgaLinearProgressBarElement extends Components.DgaLinearProgressBar, HTMLStencilElement {
+    }
+    var HTMLDgaLinearProgressBarElement: {
+        prototype: HTMLDgaLinearProgressBarElement;
+        new (): HTMLDgaLinearProgressBarElement;
+    };
+    interface HTMLDgaLinearProgressBarUsageElement extends Components.DgaLinearProgressBarUsage, HTMLStencilElement {
+    }
+    var HTMLDgaLinearProgressBarUsageElement: {
+        prototype: HTMLDgaLinearProgressBarUsageElement;
+        new (): HTMLDgaLinearProgressBarUsageElement;
+    };
+    interface HTMLDgaLinkElementEventMap {
+        "onClick": MouseEvent;
+    }
+    interface HTMLDgaLinkElement extends Components.DgaLink, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDgaLinkElementEventMap>(type: K, listener: (this: HTMLDgaLinkElement, ev: DgaLinkCustomEvent<HTMLDgaLinkElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLDgaLinkElementEventMap>(type: K, listener: (this: HTMLDgaLinkElement, ev: DgaLinkCustomEvent<HTMLDgaLinkElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLDgaLinkElement: {
+        prototype: HTMLDgaLinkElement;
+        new (): HTMLDgaLinkElement;
+    };
+    interface HTMLDgaLinkUsageElement extends Components.DgaLinkUsage, HTMLStencilElement {
+    }
+    var HTMLDgaLinkUsageElement: {
+        prototype: HTMLDgaLinkUsageElement;
+        new (): HTMLDgaLinkUsageElement;
+    };
+    interface HTMLDgaListElement extends Components.DgaList, HTMLStencilElement {
+    }
+    var HTMLDgaListElement: {
+        prototype: HTMLDgaListElement;
+        new (): HTMLDgaListElement;
+    };
+    interface HTMLDgaListItemElement extends Components.DgaListItem, HTMLStencilElement {
+    }
+    var HTMLDgaListItemElement: {
+        prototype: HTMLDgaListItemElement;
+        new (): HTMLDgaListItemElement;
+    };
+    interface HTMLDgaListUsageElement extends Components.DgaListUsage, HTMLStencilElement {
+    }
+    var HTMLDgaListUsageElement: {
+        prototype: HTMLDgaListUsageElement;
+        new (): HTMLDgaListUsageElement;
+    };
+    interface HTMLDgaListV2Element extends Components.DgaListV2, HTMLStencilElement {
+    }
+    var HTMLDgaListV2Element: {
+        prototype: HTMLDgaListV2Element;
+        new (): HTMLDgaListV2Element;
+    };
+    interface HTMLDgaLoadingElement extends Components.DgaLoading, HTMLStencilElement {
+    }
+    var HTMLDgaLoadingElement: {
+        prototype: HTMLDgaLoadingElement;
+        new (): HTMLDgaLoadingElement;
+    };
+    interface HTMLDgaLoadingUsageElement extends Components.DgaLoadingUsage, HTMLStencilElement {
+    }
+    var HTMLDgaLoadingUsageElement: {
+        prototype: HTMLDgaLoadingUsageElement;
+        new (): HTMLDgaLoadingUsageElement;
+    };
+    interface HTMLDgaLocalIconElement extends Components.DgaLocalIcon, HTMLStencilElement {
+    }
+    var HTMLDgaLocalIconElement: {
+        prototype: HTMLDgaLocalIconElement;
+        new (): HTMLDgaLocalIconElement;
+    };
+    interface HTMLDgaMenuElement extends Components.DgaMenu, HTMLStencilElement {
+    }
+    var HTMLDgaMenuElement: {
+        prototype: HTMLDgaMenuElement;
+        new (): HTMLDgaMenuElement;
+    };
+    interface HTMLDgaMenuGroupElement extends Components.DgaMenuGroup, HTMLStencilElement {
+    }
+    var HTMLDgaMenuGroupElement: {
+        prototype: HTMLDgaMenuGroupElement;
+        new (): HTMLDgaMenuGroupElement;
+    };
+    interface HTMLDgaMenuItemElementEventMap {
+        "onClick": MouseEvent;
+    }
+    interface HTMLDgaMenuItemElement extends Components.DgaMenuItem, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDgaMenuItemElementEventMap>(type: K, listener: (this: HTMLDgaMenuItemElement, ev: DgaMenuItemCustomEvent<HTMLDgaMenuItemElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLDgaMenuItemElementEventMap>(type: K, listener: (this: HTMLDgaMenuItemElement, ev: DgaMenuItemCustomEvent<HTMLDgaMenuItemElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLDgaMenuItemElement: {
+        prototype: HTMLDgaMenuItemElement;
+        new (): HTMLDgaMenuItemElement;
+    };
+    interface HTMLDgaMenuListElement extends Components.DgaMenuList, HTMLStencilElement {
+    }
+    var HTMLDgaMenuListElement: {
+        prototype: HTMLDgaMenuListElement;
+        new (): HTMLDgaMenuListElement;
+    };
+    interface HTMLDgaMenuUsageElement extends Components.DgaMenuUsage, HTMLStencilElement {
+    }
+    var HTMLDgaMenuUsageElement: {
+        prototype: HTMLDgaMenuUsageElement;
+        new (): HTMLDgaMenuUsageElement;
+    };
+    interface HTMLDgaMenuV2Element extends Components.DgaMenuV2, HTMLStencilElement {
+    }
+    var HTMLDgaMenuV2Element: {
+        prototype: HTMLDgaMenuV2Element;
+        new (): HTMLDgaMenuV2Element;
+    };
+    interface HTMLDgaMetricElement extends Components.DgaMetric, HTMLStencilElement {
+    }
+    var HTMLDgaMetricElement: {
+        prototype: HTMLDgaMetricElement;
+        new (): HTMLDgaMetricElement;
+    };
+    interface HTMLDgaMetricChartElement extends Components.DgaMetricChart, HTMLStencilElement {
+    }
+    var HTMLDgaMetricChartElement: {
+        prototype: HTMLDgaMetricChartElement;
+        new (): HTMLDgaMetricChartElement;
+    };
+    interface HTMLDgaMetricChartV2Element extends Components.DgaMetricChartV2, HTMLStencilElement {
+    }
+    var HTMLDgaMetricChartV2Element: {
+        prototype: HTMLDgaMetricChartV2Element;
+        new (): HTMLDgaMetricChartV2Element;
+    };
+    interface HTMLDgaMetricUsageElement extends Components.DgaMetricUsage, HTMLStencilElement {
+    }
+    var HTMLDgaMetricUsageElement: {
+        prototype: HTMLDgaMetricUsageElement;
+        new (): HTMLDgaMetricUsageElement;
+    };
+    interface HTMLDgaMetricV2Element extends Components.DgaMetricV2, HTMLStencilElement {
+    }
+    var HTMLDgaMetricV2Element: {
+        prototype: HTMLDgaMetricV2Element;
+        new (): HTMLDgaMetricV2Element;
+    };
+    interface HTMLDgaModalElement extends Components.DgaModal, HTMLStencilElement {
+    }
+    var HTMLDgaModalElement: {
+        prototype: HTMLDgaModalElement;
+        new (): HTMLDgaModalElement;
+    };
+    interface HTMLDgaModalActionsElement extends Components.DgaModalActions, HTMLStencilElement {
+    }
+    var HTMLDgaModalActionsElement: {
+        prototype: HTMLDgaModalActionsElement;
+        new (): HTMLDgaModalActionsElement;
+    };
+    interface HTMLDgaModalBodyElement extends Components.DgaModalBody, HTMLStencilElement {
+    }
+    var HTMLDgaModalBodyElement: {
+        prototype: HTMLDgaModalBodyElement;
+        new (): HTMLDgaModalBodyElement;
+    };
+    interface HTMLDgaModalHeaderElement extends Components.DgaModalHeader, HTMLStencilElement {
+    }
+    var HTMLDgaModalHeaderElement: {
+        prototype: HTMLDgaModalHeaderElement;
+        new (): HTMLDgaModalHeaderElement;
+    };
+    interface HTMLDgaModalTitleElement extends Components.DgaModalTitle, HTMLStencilElement {
+    }
+    var HTMLDgaModalTitleElement: {
+        prototype: HTMLDgaModalTitleElement;
+        new (): HTMLDgaModalTitleElement;
+    };
+    interface HTMLDgaModalUsageElement extends Components.DgaModalUsage, HTMLStencilElement {
+    }
+    var HTMLDgaModalUsageElement: {
+        prototype: HTMLDgaModalUsageElement;
+        new (): HTMLDgaModalUsageElement;
+    };
+    interface HTMLDgaModalV2Element extends Components.DgaModalV2, HTMLStencilElement {
+    }
+    var HTMLDgaModalV2Element: {
+        prototype: HTMLDgaModalV2Element;
+        new (): HTMLDgaModalV2Element;
+    };
+    interface HTMLDgaModalV2UsageElement extends Components.DgaModalV2Usage, HTMLStencilElement {
+    }
+    var HTMLDgaModalV2UsageElement: {
+        prototype: HTMLDgaModalV2UsageElement;
+        new (): HTMLDgaModalV2UsageElement;
+    };
+    interface HTMLDgaNavHeaderElement extends Components.DgaNavHeader, HTMLStencilElement {
+    }
+    var HTMLDgaNavHeaderElement: {
+        prototype: HTMLDgaNavHeaderElement;
+        new (): HTMLDgaNavHeaderElement;
+    };
+    interface HTMLDgaNavHeaderActionsElement extends Components.DgaNavHeaderActions, HTMLStencilElement {
+    }
+    var HTMLDgaNavHeaderActionsElement: {
+        prototype: HTMLDgaNavHeaderActionsElement;
+        new (): HTMLDgaNavHeaderActionsElement;
+    };
+    interface HTMLDgaNavHeaderLinkElementEventMap {
+        "linkClicked": void;
+    }
+    interface HTMLDgaNavHeaderLinkElement extends Components.DgaNavHeaderLink, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDgaNavHeaderLinkElementEventMap>(type: K, listener: (this: HTMLDgaNavHeaderLinkElement, ev: DgaNavHeaderLinkCustomEvent<HTMLDgaNavHeaderLinkElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLDgaNavHeaderLinkElementEventMap>(type: K, listener: (this: HTMLDgaNavHeaderLinkElement, ev: DgaNavHeaderLinkCustomEvent<HTMLDgaNavHeaderLinkElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLDgaNavHeaderLinkElement: {
+        prototype: HTMLDgaNavHeaderLinkElement;
+        new (): HTMLDgaNavHeaderLinkElement;
+    };
+    interface HTMLDgaNavHeaderLogosElement extends Components.DgaNavHeaderLogos, HTMLStencilElement {
+    }
+    var HTMLDgaNavHeaderLogosElement: {
+        prototype: HTMLDgaNavHeaderLogosElement;
+        new (): HTMLDgaNavHeaderLogosElement;
+    };
+    interface HTMLDgaNavHeaderMainElementEventMap {
+        "toggleCollapsed": boolean;
+    }
+    interface HTMLDgaNavHeaderMainElement extends Components.DgaNavHeaderMain, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDgaNavHeaderMainElementEventMap>(type: K, listener: (this: HTMLDgaNavHeaderMainElement, ev: DgaNavHeaderMainCustomEvent<HTMLDgaNavHeaderMainElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLDgaNavHeaderMainElementEventMap>(type: K, listener: (this: HTMLDgaNavHeaderMainElement, ev: DgaNavHeaderMainCustomEvent<HTMLDgaNavHeaderMainElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLDgaNavHeaderMainElement: {
+        prototype: HTMLDgaNavHeaderMainElement;
+        new (): HTMLDgaNavHeaderMainElement;
+    };
+    interface HTMLDgaNavHeaderMenuElement extends Components.DgaNavHeaderMenu, HTMLStencilElement {
+    }
+    var HTMLDgaNavHeaderMenuElement: {
+        prototype: HTMLDgaNavHeaderMenuElement;
+        new (): HTMLDgaNavHeaderMenuElement;
+    };
+    interface HTMLDgaNavHeaderSubMenuElement extends Components.DgaNavHeaderSubMenu, HTMLStencilElement {
+    }
+    var HTMLDgaNavHeaderSubMenuElement: {
+        prototype: HTMLDgaNavHeaderSubMenuElement;
+        new (): HTMLDgaNavHeaderSubMenuElement;
+    };
+    interface HTMLDgaNavHeaderSubMenuColumnElement extends Components.DgaNavHeaderSubMenuColumn, HTMLStencilElement {
+    }
+    var HTMLDgaNavHeaderSubMenuColumnElement: {
+        prototype: HTMLDgaNavHeaderSubMenuColumnElement;
+        new (): HTMLDgaNavHeaderSubMenuColumnElement;
+    };
+    interface HTMLDgaNavHeaderSubMenuLinkElement extends Components.DgaNavHeaderSubMenuLink, HTMLStencilElement {
+    }
+    var HTMLDgaNavHeaderSubMenuLinkElement: {
+        prototype: HTMLDgaNavHeaderSubMenuLinkElement;
+        new (): HTMLDgaNavHeaderSubMenuLinkElement;
+    };
+    interface HTMLDgaNotificationElement extends Components.DgaNotification, HTMLStencilElement {
+    }
+    var HTMLDgaNotificationElement: {
+        prototype: HTMLDgaNotificationElement;
+        new (): HTMLDgaNotificationElement;
+    };
+    interface HTMLDgaNotificationToastElement extends Components.DgaNotificationToast, HTMLStencilElement {
+    }
+    var HTMLDgaNotificationToastElement: {
+        prototype: HTMLDgaNotificationToastElement;
+        new (): HTMLDgaNotificationToastElement;
+    };
+    interface HTMLDgaNotificationToastUsageElement extends Components.DgaNotificationToastUsage, HTMLStencilElement {
+    }
+    var HTMLDgaNotificationToastUsageElement: {
+        prototype: HTMLDgaNotificationToastUsageElement;
+        new (): HTMLDgaNotificationToastUsageElement;
+    };
+    interface HTMLDgaNotificationUsageElement extends Components.DgaNotificationUsage, HTMLStencilElement {
+    }
+    var HTMLDgaNotificationUsageElement: {
+        prototype: HTMLDgaNotificationUsageElement;
+        new (): HTMLDgaNotificationUsageElement;
+    };
+    interface HTMLDgaNumberInputElement extends Components.DgaNumberInput, HTMLStencilElement {
+    }
+    var HTMLDgaNumberInputElement: {
+        prototype: HTMLDgaNumberInputElement;
+        new (): HTMLDgaNumberInputElement;
+    };
+    interface HTMLDgaNumberInputUsageElement extends Components.DgaNumberInputUsage, HTMLStencilElement {
+    }
+    var HTMLDgaNumberInputUsageElement: {
+        prototype: HTMLDgaNumberInputUsageElement;
+        new (): HTMLDgaNumberInputUsageElement;
+    };
+    interface HTMLDgaPaginationElement extends Components.DgaPagination, HTMLStencilElement {
+    }
+    var HTMLDgaPaginationElement: {
+        prototype: HTMLDgaPaginationElement;
+        new (): HTMLDgaPaginationElement;
+    };
+    interface HTMLDgaPaginationUsageElement extends Components.DgaPaginationUsage, HTMLStencilElement {
+    }
+    var HTMLDgaPaginationUsageElement: {
+        prototype: HTMLDgaPaginationUsageElement;
+        new (): HTMLDgaPaginationUsageElement;
+    };
+    interface HTMLDgaPrefixElementEventMap {
+        "onSelect": string;
+    }
+    interface HTMLDgaPrefixElement extends Components.DgaPrefix, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDgaPrefixElementEventMap>(type: K, listener: (this: HTMLDgaPrefixElement, ev: DgaPrefixCustomEvent<HTMLDgaPrefixElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLDgaPrefixElementEventMap>(type: K, listener: (this: HTMLDgaPrefixElement, ev: DgaPrefixCustomEvent<HTMLDgaPrefixElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLDgaPrefixElement: {
+        prototype: HTMLDgaPrefixElement;
+        new (): HTMLDgaPrefixElement;
+    };
+    interface HTMLDgaProgressIndicatorElementEventMap {
+        "stepChange": number;
+    }
+    interface HTMLDgaProgressIndicatorElement extends Components.DgaProgressIndicator, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDgaProgressIndicatorElementEventMap>(type: K, listener: (this: HTMLDgaProgressIndicatorElement, ev: DgaProgressIndicatorCustomEvent<HTMLDgaProgressIndicatorElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLDgaProgressIndicatorElementEventMap>(type: K, listener: (this: HTMLDgaProgressIndicatorElement, ev: DgaProgressIndicatorCustomEvent<HTMLDgaProgressIndicatorElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLDgaProgressIndicatorElement: {
+        prototype: HTMLDgaProgressIndicatorElement;
+        new (): HTMLDgaProgressIndicatorElement;
+    };
+    interface HTMLDgaProgressIndicatorStepElement extends Components.DgaProgressIndicatorStep, HTMLStencilElement {
+    }
+    var HTMLDgaProgressIndicatorStepElement: {
+        prototype: HTMLDgaProgressIndicatorStepElement;
+        new (): HTMLDgaProgressIndicatorStepElement;
+    };
+    interface HTMLDgaProgressIndicatorUsageElement extends Components.DgaProgressIndicatorUsage, HTMLStencilElement {
+    }
+    var HTMLDgaProgressIndicatorUsageElement: {
+        prototype: HTMLDgaProgressIndicatorUsageElement;
+        new (): HTMLDgaProgressIndicatorUsageElement;
+    };
+    interface HTMLDgaProgressIndicatorV2Element extends Components.DgaProgressIndicatorV2, HTMLStencilElement {
+    }
+    var HTMLDgaProgressIndicatorV2Element: {
+        prototype: HTMLDgaProgressIndicatorV2Element;
+        new (): HTMLDgaProgressIndicatorV2Element;
+    };
+    interface HTMLDgaQuoteElement extends Components.DgaQuote, HTMLStencilElement {
+    }
+    var HTMLDgaQuoteElement: {
+        prototype: HTMLDgaQuoteElement;
+        new (): HTMLDgaQuoteElement;
+    };
+    interface HTMLDgaQuoteUsageElement extends Components.DgaQuoteUsage, HTMLStencilElement {
+    }
+    var HTMLDgaQuoteUsageElement: {
+        prototype: HTMLDgaQuoteUsageElement;
+        new (): HTMLDgaQuoteUsageElement;
+    };
+    interface HTMLDgaRadialStepperElement extends Components.DgaRadialStepper, HTMLStencilElement {
+    }
+    var HTMLDgaRadialStepperElement: {
+        prototype: HTMLDgaRadialStepperElement;
+        new (): HTMLDgaRadialStepperElement;
+    };
+    interface HTMLDgaRadialStepperUsageElement extends Components.DgaRadialStepperUsage, HTMLStencilElement {
+    }
+    var HTMLDgaRadialStepperUsageElement: {
+        prototype: HTMLDgaRadialStepperUsageElement;
+        new (): HTMLDgaRadialStepperUsageElement;
+    };
+    interface HTMLDgaRadioButtonElement extends Components.DgaRadioButton, HTMLStencilElement {
+    }
+    var HTMLDgaRadioButtonElement: {
+        prototype: HTMLDgaRadioButtonElement;
+        new (): HTMLDgaRadioButtonElement;
+    };
+    interface HTMLDgaRadioButtonUsageElement extends Components.DgaRadioButtonUsage, HTMLStencilElement {
+    }
+    var HTMLDgaRadioButtonUsageElement: {
+        prototype: HTMLDgaRadioButtonUsageElement;
+        new (): HTMLDgaRadioButtonUsageElement;
+    };
+    interface HTMLDgaRatingElementEventMap {
+        "ratingChange": number;
+    }
+    interface HTMLDgaRatingElement extends Components.DgaRating, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDgaRatingElementEventMap>(type: K, listener: (this: HTMLDgaRatingElement, ev: DgaRatingCustomEvent<HTMLDgaRatingElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLDgaRatingElementEventMap>(type: K, listener: (this: HTMLDgaRatingElement, ev: DgaRatingCustomEvent<HTMLDgaRatingElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLDgaRatingElement: {
+        prototype: HTMLDgaRatingElement;
+        new (): HTMLDgaRatingElement;
+    };
+    interface HTMLDgaRatingUsageElement extends Components.DgaRatingUsage, HTMLStencilElement {
+    }
+    var HTMLDgaRatingUsageElement: {
+        prototype: HTMLDgaRatingUsageElement;
+        new (): HTMLDgaRatingUsageElement;
+    };
+    interface HTMLDgaRectangleSkeletonElement extends Components.DgaRectangleSkeleton, HTMLStencilElement {
+    }
+    var HTMLDgaRectangleSkeletonElement: {
+        prototype: HTMLDgaRectangleSkeletonElement;
+        new (): HTMLDgaRectangleSkeletonElement;
+    };
+    interface HTMLDgaSearchBoxElementEventMap {
+        "onChange": any;
+        "onBlur": any;
+    }
+    interface HTMLDgaSearchBoxElement extends Components.DgaSearchBox, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDgaSearchBoxElementEventMap>(type: K, listener: (this: HTMLDgaSearchBoxElement, ev: DgaSearchBoxCustomEvent<HTMLDgaSearchBoxElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLDgaSearchBoxElementEventMap>(type: K, listener: (this: HTMLDgaSearchBoxElement, ev: DgaSearchBoxCustomEvent<HTMLDgaSearchBoxElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLDgaSearchBoxElement: {
+        prototype: HTMLDgaSearchBoxElement;
+        new (): HTMLDgaSearchBoxElement;
+    };
+    interface HTMLDgaSearchBoxUsageElement extends Components.DgaSearchBoxUsage, HTMLStencilElement {
+    }
+    var HTMLDgaSearchBoxUsageElement: {
+        prototype: HTMLDgaSearchBoxUsageElement;
+        new (): HTMLDgaSearchBoxUsageElement;
+    };
+    interface HTMLDgaSecondNavHeaderElement extends Components.DgaSecondNavHeader, HTMLStencilElement {
+    }
+    var HTMLDgaSecondNavHeaderElement: {
+        prototype: HTMLDgaSecondNavHeaderElement;
+        new (): HTMLDgaSecondNavHeaderElement;
+    };
+    interface HTMLDgaSecondNavHeaderActionsElement extends Components.DgaSecondNavHeaderActions, HTMLStencilElement {
+    }
+    var HTMLDgaSecondNavHeaderActionsElement: {
+        prototype: HTMLDgaSecondNavHeaderActionsElement;
+        new (): HTMLDgaSecondNavHeaderActionsElement;
+    };
+    interface HTMLDgaSecondNavHeaderContentElement extends Components.DgaSecondNavHeaderContent, HTMLStencilElement {
+    }
+    var HTMLDgaSecondNavHeaderContentElement: {
+        prototype: HTMLDgaSecondNavHeaderContentElement;
+        new (): HTMLDgaSecondNavHeaderContentElement;
+    };
+    interface HTMLDgaSecondNavHeaderItemElement extends Components.DgaSecondNavHeaderItem, HTMLStencilElement {
+    }
+    var HTMLDgaSecondNavHeaderItemElement: {
+        prototype: HTMLDgaSecondNavHeaderItemElement;
+        new (): HTMLDgaSecondNavHeaderItemElement;
+    };
+    interface HTMLDgaSecondNavHeaderUsageElement extends Components.DgaSecondNavHeaderUsage, HTMLStencilElement {
+    }
+    var HTMLDgaSecondNavHeaderUsageElement: {
+        prototype: HTMLDgaSecondNavHeaderUsageElement;
+        new (): HTMLDgaSecondNavHeaderUsageElement;
+    };
+    interface HTMLDgaSkeletonComponentElement extends Components.DgaSkeletonComponent, HTMLStencilElement {
+    }
+    var HTMLDgaSkeletonComponentElement: {
+        prototype: HTMLDgaSkeletonComponentElement;
+        new (): HTMLDgaSkeletonComponentElement;
+    };
+    interface HTMLDgaSkeletonUsageElement extends Components.DgaSkeletonUsage, HTMLStencilElement {
+    }
+    var HTMLDgaSkeletonUsageElement: {
+        prototype: HTMLDgaSkeletonUsageElement;
+        new (): HTMLDgaSkeletonUsageElement;
+    };
+    interface HTMLDgaSlideoutMenuElement extends Components.DgaSlideoutMenu, HTMLStencilElement {
+    }
+    var HTMLDgaSlideoutMenuElement: {
+        prototype: HTMLDgaSlideoutMenuElement;
+        new (): HTMLDgaSlideoutMenuElement;
+    };
+    interface HTMLDgaSlideoutMenuActionsElement extends Components.DgaSlideoutMenuActions, HTMLStencilElement {
+    }
+    var HTMLDgaSlideoutMenuActionsElement: {
+        prototype: HTMLDgaSlideoutMenuActionsElement;
+        new (): HTMLDgaSlideoutMenuActionsElement;
+    };
+    interface HTMLDgaSlideoutMenuHeaderElement extends Components.DgaSlideoutMenuHeader, HTMLStencilElement {
+    }
+    var HTMLDgaSlideoutMenuHeaderElement: {
+        prototype: HTMLDgaSlideoutMenuHeaderElement;
+        new (): HTMLDgaSlideoutMenuHeaderElement;
+    };
+    interface HTMLDgaSlideoutMenuItemsElement extends Components.DgaSlideoutMenuItems, HTMLStencilElement {
+    }
+    var HTMLDgaSlideoutMenuItemsElement: {
+        prototype: HTMLDgaSlideoutMenuItemsElement;
+        new (): HTMLDgaSlideoutMenuItemsElement;
+    };
+    interface HTMLDgaSlideoutMenuUsageElement extends Components.DgaSlideoutMenuUsage, HTMLStencilElement {
+    }
+    var HTMLDgaSlideoutMenuUsageElement: {
+        prototype: HTMLDgaSlideoutMenuUsageElement;
+        new (): HTMLDgaSlideoutMenuUsageElement;
+    };
+    interface HTMLDgaSliderElement extends Components.DgaSlider, HTMLStencilElement {
+    }
+    var HTMLDgaSliderElement: {
+        prototype: HTMLDgaSliderElement;
+        new (): HTMLDgaSliderElement;
+    };
+    interface HTMLDgaSliderUsageElement extends Components.DgaSliderUsage, HTMLStencilElement {
+    }
+    var HTMLDgaSliderUsageElement: {
+        prototype: HTMLDgaSliderUsageElement;
+        new (): HTMLDgaSliderUsageElement;
+    };
+    interface HTMLDgaSquareSkeletonElement extends Components.DgaSquareSkeleton, HTMLStencilElement {
+    }
+    var HTMLDgaSquareSkeletonElement: {
+        prototype: HTMLDgaSquareSkeletonElement;
+        new (): HTMLDgaSquareSkeletonElement;
+    };
+    interface HTMLDgaStatusTagElement extends Components.DgaStatusTag, HTMLStencilElement {
+    }
+    var HTMLDgaStatusTagElement: {
+        prototype: HTMLDgaStatusTagElement;
+        new (): HTMLDgaStatusTagElement;
+    };
+    interface HTMLDgaStructuredListElement extends Components.DgaStructuredList, HTMLStencilElement {
+    }
+    var HTMLDgaStructuredListElement: {
+        prototype: HTMLDgaStructuredListElement;
+        new (): HTMLDgaStructuredListElement;
+    };
+    interface HTMLDgaStructuredListUsageElement extends Components.DgaStructuredListUsage, HTMLStencilElement {
+    }
+    var HTMLDgaStructuredListUsageElement: {
+        prototype: HTMLDgaStructuredListUsageElement;
+        new (): HTMLDgaStructuredListUsageElement;
+    };
+    interface HTMLDgaSuffixElementEventMap {
+        "onSelect": string;
+    }
+    interface HTMLDgaSuffixElement extends Components.DgaSuffix, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDgaSuffixElementEventMap>(type: K, listener: (this: HTMLDgaSuffixElement, ev: DgaSuffixCustomEvent<HTMLDgaSuffixElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLDgaSuffixElementEventMap>(type: K, listener: (this: HTMLDgaSuffixElement, ev: DgaSuffixCustomEvent<HTMLDgaSuffixElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLDgaSuffixElement: {
+        prototype: HTMLDgaSuffixElement;
+        new (): HTMLDgaSuffixElement;
+    };
+    interface HTMLDgaSwitchElement extends Components.DgaSwitch, HTMLStencilElement {
+    }
+    var HTMLDgaSwitchElement: {
+        prototype: HTMLDgaSwitchElement;
+        new (): HTMLDgaSwitchElement;
+    };
+    interface HTMLDgaSwitchUsageElement extends Components.DgaSwitchUsage, HTMLStencilElement {
+    }
+    var HTMLDgaSwitchUsageElement: {
+        prototype: HTMLDgaSwitchUsageElement;
+        new (): HTMLDgaSwitchUsageElement;
+    };
+    interface HTMLDgaTableElement extends Components.DgaTable, HTMLStencilElement {
+    }
+    var HTMLDgaTableElement: {
+        prototype: HTMLDgaTableElement;
+        new (): HTMLDgaTableElement;
+    };
+    interface HTMLDgaTableBodyElement extends Components.DgaTableBody, HTMLStencilElement {
+    }
+    var HTMLDgaTableBodyElement: {
+        prototype: HTMLDgaTableBodyElement;
+        new (): HTMLDgaTableBodyElement;
+    };
+    interface HTMLDgaTableOfContentElement extends Components.DgaTableOfContent, HTMLStencilElement {
+    }
+    var HTMLDgaTableOfContentElement: {
+        prototype: HTMLDgaTableOfContentElement;
+        new (): HTMLDgaTableOfContentElement;
+    };
+    interface HTMLDgaTableOfContentUsageElement extends Components.DgaTableOfContentUsage, HTMLStencilElement {
+    }
+    var HTMLDgaTableOfContentUsageElement: {
+        prototype: HTMLDgaTableOfContentUsageElement;
+        new (): HTMLDgaTableOfContentUsageElement;
+    };
+    interface HTMLDgaTableUsageElement extends Components.DgaTableUsage, HTMLStencilElement {
+    }
+    var HTMLDgaTableUsageElement: {
+        prototype: HTMLDgaTableUsageElement;
+        new (): HTMLDgaTableUsageElement;
+    };
+    interface HTMLDgaTabsElement extends Components.DgaTabs, HTMLStencilElement {
+    }
+    var HTMLDgaTabsElement: {
+        prototype: HTMLDgaTabsElement;
+        new (): HTMLDgaTabsElement;
+    };
+    interface HTMLDgaTabsUsageElement extends Components.DgaTabsUsage, HTMLStencilElement {
+    }
+    var HTMLDgaTabsUsageElement: {
+        prototype: HTMLDgaTabsUsageElement;
+        new (): HTMLDgaTabsUsageElement;
+    };
+    interface HTMLDgaTagElement extends Components.DgaTag, HTMLStencilElement {
+    }
+    var HTMLDgaTagElement: {
+        prototype: HTMLDgaTagElement;
+        new (): HTMLDgaTagElement;
+    };
+    interface HTMLDgaTagUsageElement extends Components.DgaTagUsage, HTMLStencilElement {
+    }
+    var HTMLDgaTagUsageElement: {
+        prototype: HTMLDgaTagUsageElement;
+        new (): HTMLDgaTagUsageElement;
+    };
+    interface HTMLDgaTextInputElement extends Components.DgaTextInput, HTMLStencilElement {
+    }
+    var HTMLDgaTextInputElement: {
+        prototype: HTMLDgaTextInputElement;
+        new (): HTMLDgaTextInputElement;
+    };
+    interface HTMLDgaTextInputUsageElement extends Components.DgaTextInputUsage, HTMLStencilElement {
+    }
+    var HTMLDgaTextInputUsageElement: {
+        prototype: HTMLDgaTextInputUsageElement;
+        new (): HTMLDgaTextInputUsageElement;
+    };
+    interface HTMLDgaTextareaElement extends Components.DgaTextarea, HTMLStencilElement {
+    }
+    var HTMLDgaTextareaElement: {
+        prototype: HTMLDgaTextareaElement;
+        new (): HTMLDgaTextareaElement;
+    };
+    interface HTMLDgaTextareaUsageElement extends Components.DgaTextareaUsage, HTMLStencilElement {
+    }
+    var HTMLDgaTextareaUsageElement: {
+        prototype: HTMLDgaTextareaUsageElement;
+        new (): HTMLDgaTextareaUsageElement;
+    };
+    interface HTMLDgaTooltipElement extends Components.DgaTooltip, HTMLStencilElement {
+    }
+    var HTMLDgaTooltipElement: {
+        prototype: HTMLDgaTooltipElement;
+        new (): HTMLDgaTooltipElement;
+    };
+    interface HTMLDgaTooltipUsageElement extends Components.DgaTooltipUsage, HTMLStencilElement {
+    }
+    var HTMLDgaTooltipUsageElement: {
+        prototype: HTMLDgaTooltipUsageElement;
+        new (): HTMLDgaTooltipUsageElement;
+    };
+    interface HTMLFloatingButtonElementEventMap {
+        "buttonClick": MouseEvent;
+    }
+    interface HTMLFloatingButtonElement extends Components.FloatingButton, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLFloatingButtonElementEventMap>(type: K, listener: (this: HTMLFloatingButtonElement, ev: FloatingButtonCustomEvent<HTMLFloatingButtonElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLFloatingButtonElementEventMap>(type: K, listener: (this: HTMLFloatingButtonElement, ev: FloatingButtonCustomEvent<HTMLFloatingButtonElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLFloatingButtonElement: {
+        prototype: HTMLFloatingButtonElement;
+        new (): HTMLFloatingButtonElement;
+    };
+    interface HTMLMonthNavigatorElement extends Components.MonthNavigator, HTMLStencilElement {
+    }
+    var HTMLMonthNavigatorElement: {
+        prototype: HTMLMonthNavigatorElement;
+        new (): HTMLMonthNavigatorElement;
+    };
+    interface HTMLSidePanelMenuElement extends Components.SidePanelMenu, HTMLStencilElement {
+    }
+    var HTMLSidePanelMenuElement: {
+        prototype: HTMLSidePanelMenuElement;
+        new (): HTMLSidePanelMenuElement;
+    };
+    interface HTMLSubmenuComponentElement extends Components.SubmenuComponent, HTMLStencilElement {
+    }
+    var HTMLSubmenuComponentElement: {
+        prototype: HTMLSubmenuComponentElement;
+        new (): HTMLSubmenuComponentElement;
+    };
+    interface HTMLTabComponentElement extends Components.TabComponent, HTMLStencilElement {
+    }
+    var HTMLTabComponentElement: {
+        prototype: HTMLTabComponentElement;
+        new (): HTMLTabComponentElement;
+    };
+    interface HTMLTabLinkElement extends Components.TabLink, HTMLStencilElement {
+    }
+    var HTMLTabLinkElement: {
+        prototype: HTMLTabLinkElement;
+        new (): HTMLTabLinkElement;
+    };
+    interface HTMLElementTagNameMap {
+        "date-cell": HTMLDateCellElement;
+        "dga-accordion": HTMLDgaAccordionElement;
+        "dga-accordion-usage": HTMLDgaAccordionUsageElement;
+        "dga-actions": HTMLDgaActionsElement;
+        "dga-apex-chart": HTMLDgaApexChartElement;
+        "dga-apex-chart-usage": HTMLDgaApexChartUsageElement;
+        "dga-avatar": HTMLDgaAvatarElement;
+        "dga-avatar-group": HTMLDgaAvatarGroupElement;
+        "dga-avatar-usage": HTMLDgaAvatarUsageElement;
+        "dga-breadcrumbs": HTMLDgaBreadcrumbsElement;
+        "dga-breadcrumbs-usage": HTMLDgaBreadcrumbsUsageElement;
+        "dga-button": HTMLDgaButtonElement;
+        "dga-button-usage": HTMLDgaButtonUsageElement;
+        "dga-card": HTMLDgaCardElement;
+        "dga-card-actions": HTMLDgaCardActionsElement;
+        "dga-card-content": HTMLDgaCardContentElement;
+        "dga-card-expandable-content": HTMLDgaCardExpandableContentElement;
+        "dga-card-image": HTMLDgaCardImageElement;
+        "dga-card-title": HTMLDgaCardTitleElement;
+        "dga-card-usage": HTMLDgaCardUsageElement;
+        "dga-card-v2": HTMLDgaCardV2Element;
+        "dga-card-v2-usage": HTMLDgaCardV2UsageElement;
+        "dga-carousel": HTMLDgaCarouselElement;
+        "dga-carousel-item": HTMLDgaCarouselItemElement;
+        "dga-carousel-usage": HTMLDgaCarouselUsageElement;
+        "dga-chart": HTMLDgaChartElement;
+        "dga-chart-usage": HTMLDgaChartUsageElement;
+        "dga-checkbox": HTMLDgaCheckboxElement;
+        "dga-checkbox-usage": HTMLDgaCheckboxUsageElement;
+        "dga-chip": HTMLDgaChipElement;
+        "dga-chip-usage": HTMLDgaChipUsageElement;
+        "dga-circle-skeleton": HTMLDgaCircleSkeletonElement;
+        "dga-circular-progress-bar": HTMLDgaCircularProgressBarElement;
+        "dga-circular-progress-bar-usage": HTMLDgaCircularProgressBarUsageElement;
+        "dga-codesnippet": HTMLDgaCodesnippetElement;
+        "dga-codesnippet-usage": HTMLDgaCodesnippetUsageElement;
+        "dga-collapse": HTMLDgaCollapseElement;
+        "dga-collapse-usage": HTMLDgaCollapseUsageElement;
+        "dga-content-switcher": HTMLDgaContentSwitcherElement;
+        "dga-content-switcher-item": HTMLDgaContentSwitcherItemElement;
+        "dga-content-switcher-panel": HTMLDgaContentSwitcherPanelElement;
+        "dga-content-switcher-usage": HTMLDgaContentSwitcherUsageElement;
+        "dga-data-table": HTMLDgaDataTableElement;
+        "dga-data-table-updated": HTMLDgaDataTableUpdatedElement;
+        "dga-date-field": HTMLDgaDateFieldElement;
+        "dga-date-field-usage": HTMLDgaDateFieldUsageElement;
+        "dga-datepicker": HTMLDgaDatepickerElement;
+        "dga-datepicker-usage": HTMLDgaDatepickerUsageElement;
+        "dga-digital-signature": HTMLDgaDigitalSignatureElement;
+        "dga-digital-signature-usage": HTMLDgaDigitalSignatureUsageElement;
+        "dga-divider": HTMLDgaDividerElement;
+        "dga-divider-usage": HTMLDgaDividerUsageElement;
+        "dga-drawer": HTMLDgaDrawerElement;
+        "dga-drawer-usage": HTMLDgaDrawerUsageElement;
+        "dga-dropdown": HTMLDgaDropdownElement;
+        "dga-dropdown-usage": HTMLDgaDropdownUsageElement;
+        "dga-featured-icon": HTMLDgaFeaturedIconElement;
+        "dga-featured-icon-usage": HTMLDgaFeaturedIconUsageElement;
+        "dga-feedback-icon": HTMLDgaFeedbackIconElement;
+        "dga-feedback-icon-usage": HTMLDgaFeedbackIconUsageElement;
+        "dga-file-upload": HTMLDgaFileUploadElement;
+        "dga-file-upload-usage": HTMLDgaFileUploadUsageElement;
+        "dga-filteration": HTMLDgaFilterationElement;
+        "dga-filteration-usage": HTMLDgaFilterationUsageElement;
+        "dga-flex": HTMLDgaFlexElement;
+        "dga-floating-button-usage": HTMLDgaFloatingButtonUsageElement;
+        "dga-footer": HTMLDgaFooterElement;
+        "dga-footer-usage": HTMLDgaFooterUsageElement;
+        "dga-header": HTMLDgaHeaderElement;
+        "dga-header-action-btn": HTMLDgaHeaderActionBtnElement;
+        "dga-header-usage": HTMLDgaHeaderUsageElement;
+        "dga-helper-text": HTMLDgaHelperTextElement;
+        "dga-icon": HTMLDgaIconElement;
+        "dga-icon-v2": HTMLDgaIconV2Element;
+        "dga-inline-alert": HTMLDgaInlineAlertElement;
+        "dga-inline-alert-usage": HTMLDgaInlineAlertUsageElement;
+        "dga-label": HTMLDgaLabelElement;
+        "dga-line-skeleton": HTMLDgaLineSkeletonElement;
+        "dga-linear-progress-bar": HTMLDgaLinearProgressBarElement;
+        "dga-linear-progress-bar-usage": HTMLDgaLinearProgressBarUsageElement;
+        "dga-link": HTMLDgaLinkElement;
+        "dga-link-usage": HTMLDgaLinkUsageElement;
+        "dga-list": HTMLDgaListElement;
+        "dga-list-item": HTMLDgaListItemElement;
+        "dga-list-usage": HTMLDgaListUsageElement;
+        "dga-list-v2": HTMLDgaListV2Element;
+        "dga-loading": HTMLDgaLoadingElement;
+        "dga-loading-usage": HTMLDgaLoadingUsageElement;
+        "dga-local-icon": HTMLDgaLocalIconElement;
+        "dga-menu": HTMLDgaMenuElement;
+        "dga-menu-group": HTMLDgaMenuGroupElement;
+        "dga-menu-item": HTMLDgaMenuItemElement;
+        "dga-menu-list": HTMLDgaMenuListElement;
+        "dga-menu-usage": HTMLDgaMenuUsageElement;
+        "dga-menu-v2": HTMLDgaMenuV2Element;
+        "dga-metric": HTMLDgaMetricElement;
+        "dga-metric-chart": HTMLDgaMetricChartElement;
+        "dga-metric-chart-v2": HTMLDgaMetricChartV2Element;
+        "dga-metric-usage": HTMLDgaMetricUsageElement;
+        "dga-metric-v2": HTMLDgaMetricV2Element;
+        "dga-modal": HTMLDgaModalElement;
+        "dga-modal-actions": HTMLDgaModalActionsElement;
+        "dga-modal-body": HTMLDgaModalBodyElement;
+        "dga-modal-header": HTMLDgaModalHeaderElement;
+        "dga-modal-title": HTMLDgaModalTitleElement;
+        "dga-modal-usage": HTMLDgaModalUsageElement;
+        "dga-modal-v2": HTMLDgaModalV2Element;
+        "dga-modal-v2-usage": HTMLDgaModalV2UsageElement;
+        "dga-nav-header": HTMLDgaNavHeaderElement;
+        "dga-nav-header-actions": HTMLDgaNavHeaderActionsElement;
+        "dga-nav-header-link": HTMLDgaNavHeaderLinkElement;
+        "dga-nav-header-logos": HTMLDgaNavHeaderLogosElement;
+        "dga-nav-header-main": HTMLDgaNavHeaderMainElement;
+        "dga-nav-header-menu": HTMLDgaNavHeaderMenuElement;
+        "dga-nav-header-sub-menu": HTMLDgaNavHeaderSubMenuElement;
+        "dga-nav-header-sub-menu-column": HTMLDgaNavHeaderSubMenuColumnElement;
+        "dga-nav-header-sub-menu-link": HTMLDgaNavHeaderSubMenuLinkElement;
+        "dga-notification": HTMLDgaNotificationElement;
+        "dga-notification-toast": HTMLDgaNotificationToastElement;
+        "dga-notification-toast-usage": HTMLDgaNotificationToastUsageElement;
+        "dga-notification-usage": HTMLDgaNotificationUsageElement;
+        "dga-number-input": HTMLDgaNumberInputElement;
+        "dga-number-input-usage": HTMLDgaNumberInputUsageElement;
+        "dga-pagination": HTMLDgaPaginationElement;
+        "dga-pagination-usage": HTMLDgaPaginationUsageElement;
+        "dga-prefix": HTMLDgaPrefixElement;
+        "dga-progress-indicator": HTMLDgaProgressIndicatorElement;
+        "dga-progress-indicator-step": HTMLDgaProgressIndicatorStepElement;
+        "dga-progress-indicator-usage": HTMLDgaProgressIndicatorUsageElement;
+        "dga-progress-indicator-v2": HTMLDgaProgressIndicatorV2Element;
+        "dga-quote": HTMLDgaQuoteElement;
+        "dga-quote-usage": HTMLDgaQuoteUsageElement;
+        "dga-radial-stepper": HTMLDgaRadialStepperElement;
+        "dga-radial-stepper-usage": HTMLDgaRadialStepperUsageElement;
+        "dga-radio-button": HTMLDgaRadioButtonElement;
+        "dga-radio-button-usage": HTMLDgaRadioButtonUsageElement;
+        "dga-rating": HTMLDgaRatingElement;
+        "dga-rating-usage": HTMLDgaRatingUsageElement;
+        "dga-rectangle-skeleton": HTMLDgaRectangleSkeletonElement;
+        "dga-search-box": HTMLDgaSearchBoxElement;
+        "dga-search-box-usage": HTMLDgaSearchBoxUsageElement;
+        "dga-second-nav-header": HTMLDgaSecondNavHeaderElement;
+        "dga-second-nav-header-actions": HTMLDgaSecondNavHeaderActionsElement;
+        "dga-second-nav-header-content": HTMLDgaSecondNavHeaderContentElement;
+        "dga-second-nav-header-item": HTMLDgaSecondNavHeaderItemElement;
+        "dga-second-nav-header-usage": HTMLDgaSecondNavHeaderUsageElement;
+        "dga-skeleton-component": HTMLDgaSkeletonComponentElement;
+        "dga-skeleton-usage": HTMLDgaSkeletonUsageElement;
+        "dga-slideout-menu": HTMLDgaSlideoutMenuElement;
+        "dga-slideout-menu-actions": HTMLDgaSlideoutMenuActionsElement;
+        "dga-slideout-menu-header": HTMLDgaSlideoutMenuHeaderElement;
+        "dga-slideout-menu-items": HTMLDgaSlideoutMenuItemsElement;
+        "dga-slideout-menu-usage": HTMLDgaSlideoutMenuUsageElement;
+        "dga-slider": HTMLDgaSliderElement;
+        "dga-slider-usage": HTMLDgaSliderUsageElement;
+        "dga-square-skeleton": HTMLDgaSquareSkeletonElement;
+        "dga-status-tag": HTMLDgaStatusTagElement;
+        "dga-structured-list": HTMLDgaStructuredListElement;
+        "dga-structured-list-usage": HTMLDgaStructuredListUsageElement;
+        "dga-suffix": HTMLDgaSuffixElement;
+        "dga-switch": HTMLDgaSwitchElement;
+        "dga-switch-usage": HTMLDgaSwitchUsageElement;
+        "dga-table": HTMLDgaTableElement;
+        "dga-table-body": HTMLDgaTableBodyElement;
+        "dga-table-of-content": HTMLDgaTableOfContentElement;
+        "dga-table-of-content-usage": HTMLDgaTableOfContentUsageElement;
+        "dga-table-usage": HTMLDgaTableUsageElement;
+        "dga-tabs": HTMLDgaTabsElement;
+        "dga-tabs-usage": HTMLDgaTabsUsageElement;
+        "dga-tag": HTMLDgaTagElement;
+        "dga-tag-usage": HTMLDgaTagUsageElement;
+        "dga-text-input": HTMLDgaTextInputElement;
+        "dga-text-input-usage": HTMLDgaTextInputUsageElement;
+        "dga-textarea": HTMLDgaTextareaElement;
+        "dga-textarea-usage": HTMLDgaTextareaUsageElement;
+        "dga-tooltip": HTMLDgaTooltipElement;
+        "dga-tooltip-usage": HTMLDgaTooltipUsageElement;
+        "floating-button": HTMLFloatingButtonElement;
+        "month-navigator": HTMLMonthNavigatorElement;
+        "side-panel-menu": HTMLSidePanelMenuElement;
+        "submenu-component": HTMLSubmenuComponentElement;
+        "tab-component": HTMLTabComponentElement;
+        "tab-link": HTMLTabLinkElement;
+    }
+}
+declare namespace LocalJSX {
+    interface DateCell {
+        "date"?: Date;
+        "isCurrentMonth"?: boolean;
+        "isFirstRangeChild"?: boolean;
+        "isLastRangeChild"?: boolean;
+        "isSelected"?: boolean;
+        "isToday"?: boolean;
+        "midRange"?: boolean;
+        "onSelect"?: (date: Date) => void;
+    }
+    interface DgaAccordion {
+        "content"?: string;
+        "defaultExpanded"?: boolean;
+        "disabled"?: boolean;
+        "extraClass"?: string;
+        "flush"?: boolean;
+        "iconAlignment"?: 'Leading' | 'Trailing';
+        "size"?: 'lg' | 'md' | 'sm';
+        "title"?: string;
+    }
+    interface DgaAccordionUsage {
+    }
+    interface DgaActions {
+        /**
+          * Horizontal alignment of stack items
+         */
+        "align"?: 'start' | 'center' | 'end' | 'stretch';
+        /**
+          * Direction of stack items: 'row' (horizontal) or 'column' (vertical)
+         */
+        "direction"?: 'row' | 'column';
+        /**
+          * Vertical alignment of stack items
+         */
+        "justify"?: 'start' | 'center' | 'end' | 'between';
+        /**
+          * Spacing between stack items
+         */
+        "spacing"?: number;
+        /**
+          * Controls if items should wrap
+         */
+        "wrap"?: boolean;
+    }
+    interface DgaApexChart {
+        /**
+          * (optional) Height
+          * @see https://apexcharts.com/docs/options/chart/height/
+         */
+        "height"?: ApexChartHeight;
+        /**
+          * (optional) Options
+          * @see https://apexcharts.com/docs/options/
+         */
+        "options"?: ApexOptions;
+        /**
+          * (optional) Series
+          * @see https://apexcharts.com/docs/options/series/
+         */
+        "series"?: ApexOptionsSeries;
+        /**
+          * (optional) Type
+          * @see https://apexcharts.com/docs/options/chart/type/
+         */
+        "type"?: ApexChartType;
+        /**
+          * (optional) Width
+          * @see https://apexcharts.com/docs/options/chart/width/
+         */
+        "width"?: ApexChartWidth;
+    }
+    interface DgaApexChartUsage {
+    }
+    interface DgaAvatar {
+        "alt"?: string;
+        "border"?: boolean;
+        "icon"?: Icon;
+        "imgUrl"?: string;
+        "size"?: AvatarSize;
+        "square"?: boolean;
+        "text"?: string;
+        "type"?: AvatarType;
+    }
+    interface DgaAvatarGroup {
+        "stacked"?: boolean;
+    }
+    interface DgaAvatarUsage {
+    }
+    interface DgaBreadcrumbs {
+        "items"?: IBreadcrumbsItem[];
+        "max"?: number;
+        "onBreadcrumbClick"?: (event: DgaBreadcrumbsCustomEvent<any>) => void;
+    }
+    interface DgaBreadcrumbsUsage {
+    }
+    interface DgaButton {
+        "btnId"?: string;
+        "disabled"?: boolean;
+        "iconOnly"?: boolean;
+        "iconProps"?: { [key: string]: any };
+        "iconType"?: string;
+        "label"?: string;
+        "leadIcon"?: boolean;
+        "leadIconProps"?: { [key: string]: any };
+        "leadIconType"?: string;
+        "onColor"?: boolean;
+        "onOnClick"?: (event: DgaButtonCustomEvent<MouseEvent>) => void;
+        "size"?: ButtonSize;
+        "trailIcon"?: boolean;
+        "trailIconProps"?: { [key: string]: any };
+        "trailIconType"?: string;
+        "type"?: 'button' | 'submit' | 'reset';
+        "variant"?: ButtonStyle;
+    }
+    interface DgaButtonUsage {
+    }
+    interface DgaCard {
+        "cardTitle"?: string;
+        "customComponent"?: JSX.Element;
+        "description"?: string;
+        "disabled"?: boolean;
+        "effect"?: 'with-shadow' | 'no-shadow' | 'stroke';
+        "featuredIcon"?: Icon1;
+        "image"?: string;
+        "isSelected"?: boolean;
+        "onCheckboxChange"?: () => void;
+        "onExpandAction"?: () => void;
+        "onPrimaryAction"?: () => void;
+        "onSecondaryAction"?: () => void;
+        "primaryActionLabel"?: string;
+        "secondaryActionLabel"?: string;
+        "showDescription"?: boolean;
+        "showFeaturedIcon"?: boolean;
+        "showPrimaryAction"?: boolean;
+        "showRating"?: boolean;
+        "showSecondaryAction"?: boolean;
+        "showTitle"?: boolean;
+        "type"?: 'default' | 'expanded' | 'selectable';
+    }
+    interface DgaCardActions {
+        "cardTitle"?: string;
+        "customComponent"?: JSX.Element;
+        "description"?: string;
+        "disabled"?: boolean;
+        "effect"?: 'with-shadow' | 'no-shadow' | 'stroke';
+        "featuredIcon"?: Icon1;
+        "image"?: string;
+        "isSelected"?: boolean;
+        "onCheckboxChange"?: () => void;
+        "onExpandAction"?: () => void;
+        "onPrimaryAction"?: () => void;
+        "onSecondaryAction"?: () => void;
+        "primaryActionLabel"?: string;
+        "secondaryActionLabel"?: string;
+        "showDescription"?: boolean;
+        "showFeaturedIcon"?: boolean;
+        "showPrimaryAction"?: boolean;
+        "showRating"?: boolean;
+        "showSecondaryAction"?: boolean;
+        "showTitle"?: boolean;
+        "type"?: 'default' | 'expanded' | 'selectable';
+    }
+    interface DgaCardContent {
+    }
+    interface DgaCardExpandableContent {
+    }
+    interface DgaCardImage {
+        "alt"?: string;
+        "featuredIcon"?: Icon1;
+        "isSelected"?: boolean;
+        "onCheckboxChange"?: () => void;
+        "onExpandAction"?: () => void;
+        "onPrimaryAction"?: () => void;
+        "onSecondaryAction"?: () => void;
+        "primaryActionLabel"?: string;
+        "secondaryActionLabel"?: string;
+        "showDescription"?: boolean;
+        "showFeaturedIcon"?: boolean;
+        "showPrimaryAction"?: boolean;
+        "showSecondaryAction"?: boolean;
+        "showTitle"?: boolean;
+        "src"?: string;
+        "type"?: 'default' | 'expanded' | 'selectable';
+    }
+    interface DgaCardTitle {
+        "cardTitle"?: string;
+        "customComponent"?: JSX.Element;
+        "description"?: string;
+        "disabled"?: boolean;
+        "effect"?: 'with-shadow' | 'no-shadow' | 'stroke';
+        "featuredIcon"?: Icon1;
+        "image"?: string;
+        "isSelected"?: boolean;
+        "onCheckboxChange"?: () => void;
+        "onExpandAction"?: () => void;
+        "onPrimaryAction"?: () => void;
+        "onSecondaryAction"?: () => void;
+        "primaryActionLabel"?: string;
+        "secondaryActionLabel"?: string;
+        "showDescription"?: boolean;
+        "showFeaturedIcon"?: boolean;
+        "showPrimaryAction"?: boolean;
+        "showRating"?: boolean;
+        "showSecondaryAction"?: boolean;
+        "showTitle"?: boolean;
+        "type"?: 'default' | 'expanded' | 'selectable';
+    }
+    interface DgaCardUsage {
+    }
+    interface DgaCardV2 {
+        "cardTitle"?: string;
+        "description"?: string;
+        "disabled"?: boolean;
+        "effect"?: 'with-shadow' | 'no-shadow' | 'stroke';
+        "featuredIcon"?: Icon1;
+        "image"?: string;
+        "isSelected"?: boolean;
+        "maxWidth"?: string;
+        "minWidth"?: string;
+        "onCheckboxChange"?: () => void;
+        "onExpandAction"?: () => void;
+        "secondaryActionLabel"?: string;
+        "showDescription"?: boolean;
+        "showFeaturedIcon"?: boolean;
+        "showSecondaryAction"?: boolean;
+        "showTitle"?: boolean;
+        "type"?: 'default' | 'expanded' | 'selectable';
+        "width"?: string;
+    }
+    interface DgaCardV2Usage {
+    }
+    interface DgaCarousel {
+        "Dir"?: 'rtl' | 'ltr';
+        "arrows"?: {
+    variant: 'primary' | 'subtle';
+    size: 'sm' | 'md' | 'lg'
+  };
+        "arrowsVariant"?: 'primary' | 'subtle';
+        "showDots"?: boolean;
+        "size"?: 'sm' | 'md' | 'lg';
+        "steps"?: number;
+        "transitionDuration"?: number;
+        "variant"?: 'arrows' | 'dots' | 'dots-only';
+    }
+    interface DgaCarouselItem {
+    }
+    interface DgaCarouselUsage {
+    }
+    interface DgaChart {
+        "colors"?: ApexOptions['colors'];
+        /**
+          * (optional) Height
+          * @see https://apexcharts.com/docs/options/chart/height/
+         */
+        "height"?: ApexChartHeight1;
+        "labels"?: ApexOptionsLabels;
+        /**
+          * (optional) Options
+          * @see https://apexcharts.com/docs/options/
+         */
+        "options"?: ApexOptions;
+        /**
+          * (optional) Series
+          * @see https://apexcharts.com/docs/options/series/
+         */
+        "series"?: ApexOptionsSeries1;
+        /**
+          * (optional) Type
+          * @see https://apexcharts.com/docs/options/chart/type/
+         */
+        "type"?: ApexChartType1;
+        /**
+          * (optional) Width
+          * @see https://apexcharts.com/docs/options/chart/width/
+         */
+        "width"?: ApexChartWidth1;
+        "xaxis"?: ApexOptions['xaxis'];
+        "yaxis"?: ApexOptions['yaxis'];
+    }
+    interface DgaChartUsage {
+    }
+    interface DgaCheckbox {
+        "Indeterminate"?: boolean;
+        "alertMessage"?: boolean;
+        "alertText"?: string;
+        "checked"?: boolean;
+        "color"?: 'brand' | 'neutral';
+        "disabled"?: boolean;
+        "helperText"?: string;
+        "label"?: string;
+        "name"?: string;
+        "onChange"?: (event?: any) => void;
+        "onInput"?: (event?: any) => void;
+        "showBorderOnFocusAndFocusOute"?: boolean;
+        "size"?: 'lg' | 'md' | 'sm';
+        "value"?: string;
+    }
+    interface DgaCheckboxUsage {
+    }
+    interface DgaChip {
+        "disabled"?: boolean;
+        "isSelected"?: boolean;
+        "label"?: string;
+        "leadIcon"?: any;
+        "leadIconProps"?: { [key: string]: any };
+        "onChange"?: (isSelected:boolean)=>void;
+        "rounded"?: boolean;
+        "size"?: 'lg' | 'md' | 'sm';
+        "trailIcon"?: any;
+        "trailIconProps"?: { [key: string]: any };
+        "variant"?: 'success' | 'neutral' | 'on-color';
+    }
+    interface DgaChipUsage {
+    }
+    interface DgaCircleSkeleton {
+        "type"?: '1' | '2';
+        "width"?: '24px' | '64px' | '48px' | '80px' | '120px' | '170px' | '240px';
+    }
+    interface DgaCircularProgressBar {
+        "RTL"?: boolean;
+        "percentage"?: number;
+        "size"?: '200px' | '160px' | '120px' | '80px' | '64px';
+        "text"?: string;
+        "variant"?: 'primary' | 'neutral' | 'success' | 'error';
+    }
+    interface DgaCircularProgressBarUsage {
+    }
+    interface DgaCodesnippet {
+        "showButton"?: boolean;
+        "showSidebar"?: boolean;
+        "showTabList"?: boolean;
+        "snippets"?: { [key: string]: string };
+        "type"?: 'multi-line' | 'single';
+    }
+    interface DgaCodesnippetUsage {
+    }
+    interface DgaCollapse {
+        "customStyle"?: { [key: string]: string };
+        "open"?: boolean;
+        "transitionDuration"?: string;
+        "transitionType"?: string;
+    }
+    interface DgaCollapseUsage {
+    }
+    interface DgaContentSwitcher {
+        "items"?: {
+    label: any;
+    content: any;
+  }[];
+        "onChange"?: (value: number) => void;
+        "onColor"?: boolean;
+        "size"?: 'sm' | 'md' | 'lg';
+        "value"?: number;
+    }
+    interface DgaContentSwitcherItem {
+        "content"?: any;
+        "label"?: any;
+    }
+    interface DgaContentSwitcherPanel {
+        "index"?: number;
+        "value"?: number;
+    }
+    interface DgaContentSwitcherUsage {
+        "value"?: number;
+    }
+    interface DgaDataTable {
+        "alternate"?: boolean;
+        "cells"?: {
+    title: string;
+    isSort: boolean;
+    isFilter: boolean;
+    sort?: 'up' | 'down';
+    propertyName: string;
+    type: 'element' | 'propertyName';
+    El?: HTMLElement;
+    elProperties?: string[];
+    colSpan?: number;
+    // elProperties: { [key: string]: any };
+  }[];
+        "contained"?: boolean;
+        "data"?: { selected: boolean; }[];
+        "getSelectedRows"?: any;
+        "pressOnFilter"?: any;
+        "rowDivider"?: boolean;
+        "showSelectCheckBox"?: boolean;
+    }
+    interface DgaDataTableUpdated {
+        "alternate"?: boolean;
+        "cells"?: {
+    title: string;
+    isSort: boolean;
+    isFilter: boolean;
+    sort?: 'up' | 'down';
+    propertyName: string;
+    type: 'element' | 'propertyName';
+    El?: string | FunctionalComponent<any>;
+    elProperties?: string[];
+    colSpan?: number;
+    // elProperties: { [key: string]: any };
+  }[];
+        "columns"?: IColumn[];
+        "contained"?: boolean;
+        "data"?: any;
+        "getSelectedRows"?: any;
+        "pressOnFilter"?: any;
+        "rowDivider"?: boolean;
+        "showSelectCheckBox"?: boolean;
+    }
+    interface DgaDateField {
+        "datepickerOptions"?: DatepickerOptions;
+        "disabled"?: boolean;
+        "error"?: boolean;
+        "helperText"?: string;
+        "icon"?: Icon1;
+        "label"?: string;
+        "name"?: string;
+        "onChange"?: (date: Date | null) => void;
+        "placeholder"?: string;
+        "readonly"?: boolean;
+        "required"?: boolean;
+        "size"?: 'md' | 'lg';
+        "value"?: string;
+        "variant"?: 'default' | 'lighter' | 'darker';
+    }
+    interface DgaDateFieldUsage {
+    }
+    interface DgaDatepicker {
+        "dualMonthView"?: boolean;
+        "initialDate"?: Date;
+        "inputField"?: boolean;
+        "onCancel"?: (event?: any) => void;
+        "onChange"?: (event: DgaDatepickerCustomEvent<Date>) => void;
+        "onSubmit"?: (event?: any) => void;
+        "qickOptions"?: boolean;
+        "range"?: boolean;
+        "submitButton"?: boolean;
+        "value"?: Date;
+    }
+    interface DgaDatepickerUsage {
+    }
+    interface DgaDigitalSignature {
+        "extension"?: '.gov.sa' | '.edu.sa' | '.med.sa' | '.org.sa' | '.sch.sa' | '.sa';
+        "language"?: 'ar' | 'en';
+        "linkProps"?: {
+    variant: 'primary' | 'neutral' | 'on-color';
+    size: 'sm' | 'md' | 'lg';
+    label: string;
+    url: string;
+    inline?: boolean;
+    icon?: boolean;
+    iconType?: any;
+    disabled?: boolean;
+    external?: boolean;
+    target?: '_blank' | '_self' | '_parent' | '_top';
+  };
+        "opened"?: boolean;
+    }
+    interface DgaDigitalSignatureUsage {
+    }
+    interface DgaDivider {
+        "color"?: 'neutral' | 'alpha-white' | 'white' | 'primary';
+        "orientation"?: "horizontal" | "vertical";
+    }
+    interface DgaDividerUsage {
+    }
+    interface DgaDrawer {
+        "anchor"?: 'left'|'right';
+        "background"?: 'gray' | 'brand';
+        "border"?: boolean;
+        "headerLogo"?: string;
+        "open"?: boolean;
+        "overlay"?: boolean;
+        "routes"?: IRoute[];
+    }
+    interface DgaDrawerUsage {
+    }
+    interface DgaDropdown {
+        "disabled"?: boolean;
+        "error"?: boolean;
+        "extraClass"?: string;
+        "getSelectedOptions"?: (event: any) => void;
+        "id"?: string;
+        "multiSelect"?: boolean;
+        "onChange"?: (value: string | string[]) => void;
+        "optionLabel"?: string;
+        "options"?: any[];
+        "placeholder"?: string;
+        "readonly"?: boolean;
+        "size"?: 'md' | 'lg';
+        "trackBy"?: string;
+        "value"?: string | string[];
+        "variant"?: 'default' | 'lighter' | 'darker';
+    }
+    interface DgaDropdownUsage {
+    }
+    interface DgaFeaturedIcon {
+        "circle"?: boolean;
+        "color"?: 'brand' | 'gray' | 'error' | 'warning' | 'success' | 'info';
+        "icon"?: Icon2;
+        "size"?: 'sm' | 'md' | 'lg' | 'xl';
+        "variant"?: 'light' | 'dark' | 'outlined';
+    }
+    interface DgaFeaturedIconUsage {
+    }
+    interface DgaFeedbackIcon {
+        "size"?: 24 | 16;
+        "type"?: IconType;
+        "variant"?: 'container' | 'icon-only';
+    }
+    interface DgaFeedbackIconUsage {
+    }
+    interface DgaFileUpload {
+        "accept"?: string;
+        "actionName"?: string;
+        "disabled"?: boolean;
+        "emitDeleteFile"?: (
+    file: {
+      name: string;
+      uploadStatus: 'pending' | 'uploading' | 'complete' | 'error';
+      progress?: number; // from 0 to 100, if uploading
+      errorMessage?: string;
+    },
+    index: number,
+  ) => void;
+        "fileTypesText"?: string;
+        "getUploadedFile"?: (
+    files: {
+      name: string;
+      uploadStatus: 'pending' | 'uploading' | 'complete' | 'error';
+      progress?: number; // from 0 to 100, if uploading
+      errorMessage?: string;
+    }[],
+  ) => void;
+        "id"?: string;
+        "maximumFilesSize"?: number;
+        "multiple"?: boolean;
+        "name"?: string;
+        "onChange"?: (event: Event) => void;
+        "title"?: string;
+        "uploadFileOverSize"?: () => void;
+    }
+    interface DgaFileUploadUsage {
+    }
+    interface DgaFilteration {
+        "buttonLabel"?: string;
+        "filterBlocks"?: FilterBlock[];
+        "initvalue"?: {
+    [key in FilterBlock['type']]?: {
+      blockId: string;
+      options: Omit<FilterItem, 'count'>[] | { min: number; max: number };
+    };
+  };
+        "maxBlockHeight"?: number;
+        "onOnFilterChange"?: (event: DgaFilterationCustomEvent<{ blockId: string; items: FilterItem[] }[]>) => void;
+    }
+    interface DgaFilterationUsage {
+    }
+    interface DgaFlex {
+        /**
+          * Horizontal alignment of stack items
+         */
+        "align"?: 'start' | 'center' | 'end' | 'stretch';
+        /**
+          * Direction of stack items: 'row' (horizontal) or 'column' (vertical)
+         */
+        "direction"?: 'row' | 'column';
+        /**
+          * Vertical alignment of stack items
+         */
+        "justify"?: 'start' | 'center' | 'end' | 'between';
+        /**
+          * Spacing between stack items
+         */
+        "spacing"?: number;
+        /**
+          * Controls if items should wrap
+         */
+        "wrap"?: boolean;
+    }
+    interface DgaFloatingButtonUsage {
+    }
+    interface DgaFooter {
+        "NavLinks"?: boolean;
+        "accessibilityLinks"?: { title?: string; target: string; icon: Icon1 }[];
+        "accessibilityTitle"?: string;
+        "background"?: 'DarkGreen' | 'Light';
+        "basicLinks"?: { name: string; target: string }[];
+        "bottomImages"?: string[];
+        "copyright"?: string;
+        "extraLinks"?: { name: string; target: string }[];
+        "groupLinks"?: { title: string; links: { name: string; target: string }[] }[];
+        "mainDescription"?: string;
+        "mainImage"?: string;
+        "mainLink"?: string;
+        "mainLinkTilte"?: string;
+        "mainTitle"?: string;
+        "socialMediaLinks"?: { title?: string; target: string; icon: Icon1 }[];
+        "socialMediaTitle"?: string;
+    }
+    interface DgaFooterUsage {
+    }
+    interface DgaHeader {
+        "config"?: IHeaderConfig;
+    }
+    interface DgaHeaderActionBtn {
+        "active"?: boolean;
+        "extraClasses"?: string;
+        "icon"?: string;
+        "label"?: string;
+        "onClick"?: () => void;
+    }
+    interface DgaHeaderUsage {
+    }
+    interface DgaHelperText {
+        "error"?: boolean;
+        "helperText"?: string;
+        "helperTextIcon"?: Icon1;
+    }
+    interface DgaIcon {
+        "color"?: string;
+        "icon"?: string;
+        "size"?: number;
+        "type"?: 'rounded' | 'sharp' | 'standard';
+        "variant"?: 'stroke' | 'solid' | 'duotone' | 'twotone' | 'bulk';
+    }
+    interface DgaIconV2 {
+        "color"?: string;
+        "name"?: string;
+        "size"?: number;
+        "type"?: 'rounded' | 'sharp' | 'standard';
+        "variant"?: 'stroke' | 'solid' | 'duotone' | 'twotone' | 'bulk';
+    }
+    interface DgaInlineAlert {
+        "buttonsList"?: {
+    id?: string;
+    label: string;
+    onClick: (event?: any) => void;
+    exraClasses?: string;
+    title?: string;
+  }[];
+        "colored"?: boolean;
+        "helperText"?: string;
+        "isCloseButton"?: boolean;
+        "isactionButtons"?: boolean;
+        "leadText"?: string;
+        "onClose"?: (event: any) => void;
+        "type"?: 'neutral' | 'info' | 'error' | 'success' | 'warning';
+    }
+    interface DgaInlineAlertUsage {
+    }
+    interface DgaLabel {
+        "disabled"?: boolean;
+        "label"?: string;
+        "required"?: boolean;
+        "size"?: 'md' | 'lg';
+        "variant"?: 'default' | 'semibold';
+    }
+    interface DgaLineSkeleton {
+        "size"?: 'lg' | 'sm';
+        "type"?: '1' | '2';
+    }
+    interface DgaLinearProgressBar {
+        "RTL"?: boolean;
+        "error"?: boolean;
+        "helperText"?: string;
+        "label"?: string;
+        "percentage"?: number;
+        "progressStyle"?: 'primary' | 'neutral' | 'error';
+        "showHelperText"?: boolean;
+        "showLabel"?: boolean;
+        "size"?: 'small' | 'medium' | 'large';
+        "success"?: boolean;
+    }
+    interface DgaLinearProgressBarUsage {
+    }
+    interface DgaLink {
+        "disabled"?: boolean;
+        "external"?: boolean;
+        "extraClass"?: string;
+        "icon"?: boolean;
+        "iconType"?: any;
+        "inline"?: boolean;
+        "label"?: string;
+        "onOnClick"?: (event: DgaLinkCustomEvent<MouseEvent>) => void;
+        "preventScrollReset"?: boolean;
+        "size"?: 'sm' | 'md' | 'lg';
+        "state"?: {};
+        "target"?: '_blank' | '_self' | '_parent' | '_top';
+        "url"?: string;
+        "variant"?: 'primary' | 'neutral' | 'on-color';
+    }
+    interface DgaLinkUsage {
+    }
+    interface DgaList {
+        "color"?: 'primary' | 'neutral' | 'on-color';
+        "items"?: string[];
+        "title"?: string;
+        "type"?: 'ordered' | 'unordered' | 'with-icon';
+    }
+    interface DgaListItem {
+        "icon"?: string;
+        "itemLetter"?: string;
+        "itemNumber"?: string;
+        "itemText": string;
+        "level": ListItemProps['level'];
+        "type": ListItemProps['type'];
+    }
+    interface DgaListUsage {
+    }
+    interface DgaListV2 {
+        "color"?: 'primary' | 'neutral' | 'on-color';
+        "items"?: ListItem[];
+        "title"?: string;
+        "type"?: 'ordered' | 'unordered' | 'with-icon';
+    }
+    interface DgaLoading {
+        "extraClass"?: string;
+        "size"?: LoadingSize;
+        "variant"?: LoadingStyle;
+    }
+    interface DgaLoadingUsage {
+    }
+    interface DgaLocalIcon {
+        "color"?: string;
+        "icon"?: string;
+        "size"?: number;
+    }
+    interface DgaMenu {
+        "anchorEl"?: HTMLElement | null;
+        "onClose"?: () => void;
+        "open"?: boolean;
+    }
+    interface DgaMenuGroup {
+        "groupLabel"?: string;
+    }
+    interface DgaMenuItem {
+        "disabled"?: boolean;
+        "hasLeadIcon"?: boolean;
+        "hasTrailElement"?: boolean;
+        "label"?: string;
+        "onOnClick"?: (event: DgaMenuItemCustomEvent<MouseEvent>) => void;
+    }
+    interface DgaMenuList {
+    }
+    interface DgaMenuUsage {
+    }
+    interface DgaMenuV2 {
+        "anchorEl"?: HTMLElement | null;
+        "anchorOrigin"?: { vertical: 'top' | 'bottom'; horizontal: 'left' | 'right' };
+        "onClose"?: () => void;
+        "open"?: boolean;
+        "transformOrigin"?: { vertical: number; horizontal: number };
+    }
+    interface DgaMetric {
+        "Style"?: 'small-chart' | 'large-chart';
+        "changeProps"?: {
+    type: '01' | '02';
+    trend: 'positive' | 'negative';
+  };
+        "chartProps"?: IChartProps;
+        "featuredIcon"?: HTMLElement | any;
+        "label"?: string;
+        "onExpandAction"?: () => void;
+        "onPrimaryAction"?: () => void;
+        "onSecondaryAction"?: () => void;
+        "percentage"?: string;
+        "showActions"?: boolean;
+        "showChart"?: boolean;
+        "showFeaturedIcon"?: boolean;
+        "showInfo"?: boolean;
+        "showMoreButton"?: boolean;
+        "showSecondaryAction"?: boolean;
+        "trend"?: ITrend;
+    }
+    interface DgaMetricChart {
+        "data"?: number[];
+        "showMarker"?: boolean;
+        "size"?: 'sm' | 'lg';
+        "trend"?: 'positive' | 'negative';
+        "type"?: 'realistic' | 'wavy' | 'straight' | 'layers';
+    }
+    interface DgaMetricChartV2 {
+        "data"?: DataPoint[];
+        "fillColor"?: string;
+        "height"?: number;
+        "markerPosition"?: MarkerPosition;
+        "showMarker"?: boolean;
+        "strokeColor"?: string;
+        "strokeWidth"?: number;
+        "width"?: number;
+    }
+    interface DgaMetricUsage {
+    }
+    interface DgaMetricV2 {
+        "Style"?: 'small-chart' | 'large-chart';
+        "changeProps"?: {
+    type: '01' | '02';
+    trend: 'positive' | 'negative';
+  };
+        "chartProps"?: IChartProps1;
+        "featuredIcon"?: HTMLElement | any;
+        "label"?: string;
+        "onExpandAction"?: () => void;
+        "onPrimaryAction"?: () => void;
+        "onSecondaryAction"?: () => void;
+        "percentage"?: string;
+        "showActions"?: boolean;
+        "showChart"?: boolean;
+        "showFeaturedIcon"?: boolean;
+        "showInfo"?: boolean;
+        "showMoreButton"?: boolean;
+        "showSecondaryAction"?: boolean;
+        "trend"?: ITrend1;
+    }
+    interface DgaModal {
+        "actionFillContainer"?: boolean;
+        "actionStack"?: boolean;
+        "alignmentCenter"?: boolean;
+        "buttonsList"?: Array<{
+    id?: string;
+    label: string;
+    onClick: (event?: any) => void;
+    extraClass?: string;
+    title?: string;
+  }>;
+        "closeButton"?: boolean;
+        "featuredIconCircle"?: boolean;
+        "featuredIconColor"?: 'brand' | 'gray' | 'error' | 'warning' | 'success' | 'info';
+        "featuredIconSize"?: 'xl' | 'lg' | 'md' | 'sm';
+        "featuredIconStyle"?: "light" | "outlined" | "dark";
+        "featuredIconType"?: 'InformationCircle' | 'AlertCircle';
+        "modalTitle"?: string;
+        "name"?: string;
+        "onClose"?: (event: any) => void;
+        "open"?: boolean;
+        "position"?: 'start' | 'end' | 'center';
+        "secondBtnPosition"?: 'left' | 'right';
+        "staticModal"?: boolean;
+    }
+    interface DgaModalActions {
+        "actionFillContainer"?: boolean;
+        "actionStack"?: boolean;
+        "alignmentCenter"?: boolean;
+        "buttonsList"?: Array<{
+    id?: string;
+    label: string;
+    onClick: (event?: any) => void;
+    extraClass?: string;
+    title?: string;
+  }>;
+        "closeButton"?: boolean;
+        "featuredIconCircle"?: boolean;
+        "featuredIconColor"?: 'brand' | 'gray' | 'error' | 'warning' | 'success' | 'info';
+        "featuredIconSize"?: 'xl' | 'lg' | 'md' | 'sm';
+        "featuredIconStyle"?: "light" | "outlined" | "dark";
+        "featuredIconType"?: 'InformationCircle' | 'AlertCircle';
+        "modalTitle"?: string;
+        "name"?: string;
+        "onClose"?: (event: any) => void;
+        "open"?: boolean;
+        "position"?: 'start' | 'end' | 'center';
+        "secondBtnPosition"?: 'left' | 'right';
+        "staticModal"?: boolean;
+    }
+    interface DgaModalBody {
+    }
+    interface DgaModalHeader {
+        "actionFillContainer"?: boolean;
+        "actionStack"?: boolean;
+        "alignmentCenter"?: boolean;
+        "buttonsList"?: Array<{
+    id?: string;
+    label: string;
+    onClick: (event?: any) => void;
+    extraClass?: string;
+    title?: string;
+  }>;
+        "featuredIconCircle"?: boolean;
+        "featuredIconColor"?: 'brand' | 'gray' | 'error' | 'warning' | 'success' | 'info';
+        "featuredIconSize"?: 'xl' | 'lg' | 'md' | 'sm';
+        "featuredIconStyle"?: 'light' | 'outlined' | 'dark';
+        "featuredIconType"?: 'InformationCircle' | 'AlertCircle';
+        "modalTitle"?: string;
+        "name"?: string;
+        "onClose"?: (event: any) => void;
+        "open"?: boolean;
+        "position"?: 'start' | 'end' | 'center';
+        "secondBtnPosition"?: 'left' | 'right';
+        "showCloseButton"?: boolean;
+        "staticModal"?: boolean;
+    }
+    interface DgaModalTitle {
+    }
+    interface DgaModalUsage {
+    }
+    interface DgaModalV2 {
+        "actionFillContainer"?: boolean;
+        "actionStack"?: boolean;
+        "alignmentCenter"?: boolean;
+        "buttonsList"?: Array<{
+    id?: string;
+    label: string;
+    onClick: (event?: any) => void;
+    extraClass?: string;
+    title?: string;
+  }>;
+        "featuredIconCircle"?: boolean;
+        "featuredIconColor"?: 'brand' | 'gray' | 'error' | 'warning' | 'success' | 'info';
+        "featuredIconSize"?: 'xl' | 'lg' | 'md' | 'sm';
+        "featuredIconStyle"?: 'light' | 'outlined' | 'dark';
+        "featuredIconType"?: 'InformationCircle' | 'AlertCircle';
+        "modalTitle"?: string;
+        "name"?: string;
+        "onClose"?: (event: any) => void;
+        "open"?: boolean;
+        "position"?: 'start' | 'end' | 'center';
+        "secondBtnPosition"?: 'left' | 'right';
+        "showCloseButton"?: boolean;
+        "staticModal"?: boolean;
+    }
+    interface DgaModalV2Usage {
+    }
+    interface DgaNavHeader {
+        "divider"?: boolean;
+        "fullWidth"?: boolean;
+        "sticky"?: boolean;
+    }
+    interface DgaNavHeaderActions {
+    }
+    interface DgaNavHeaderLink {
+        "active"?: boolean;
+        "icon"?: string;
+        "iconProps"?: {
+    size?: number;
+    color?: string;
+    variant?: 'stroke' | 'solid' | 'duotone' | 'twotone' | 'bulk';
+    type?: 'rounded' | 'sharp' | 'standard';
+  };
+        "label"?: string;
+        "onLinkClicked"?: (event: DgaNavHeaderLinkCustomEvent<void>) => void;
+        "subMenuBackground"?: 'Brand' | string;
+        "subMenuFullWidth"?: boolean;
+    }
+    interface DgaNavHeaderLogos {
+        "govAlt"?: string;
+        "govLink"?: string;
+        "govSrc"?: string;
+        "logoAlt"?: string;
+        "logoLink"?: string;
+        "logoSrc"?: string;
+    }
+    interface DgaNavHeaderMain {
+        "collapsed"?: boolean;
+        "onToggleCollapsed"?: (event: DgaNavHeaderMainCustomEvent<boolean>) => void;
+    }
+    interface DgaNavHeaderMenu {
+    }
+    interface DgaNavHeaderSubMenu {
+        "active"?: boolean;
+        "background"?: string;
+        "subMenuFullWidth"?: boolean;
+    }
+    interface DgaNavHeaderSubMenuColumn {
+    }
+    interface DgaNavHeaderSubMenuLink {
+        "background"?: string;
+        "helperText"?: string;
+        "icon"?: string;
+        "label"?: string;
+        "link"?: string;
+        "linkStyle"?: number;
+    }
+    interface DgaNotification {
+        "content"?: string;
+        "dismissable"?: boolean;
+        "dismmissed"?: () => void;
+        "icon"?: boolean;
+        "leadText"?: string;
+        "link"?: boolean;
+        "navigateTo"?: (link?: string) => void;
+        "setNavigateTo"?: string;
+        "textLink"?: string;
+        "variant"?: 'critical' | 'warning' | 'success' | 'info' | 'neutral';
+    }
+    interface DgaNotificationToast {
+        "action"?: boolean;
+        "buttonsList"?: {
+    id?: string;
+    label: string;
+    onClick: (event?: any) => void;
+    extraClasses?: string;
+    title?: string;
+    customAttribute?: CustomAttribute;
+  }[];
+        "closeButton"?: boolean;
+        "hPostion"?: 'left' | 'right';
+        "hasHelperText"?: boolean;
+        "helperText"?: string;
+        "leadText"?: string;
+        "onClose"?: (event: any) => void;
+        "open"?: boolean;
+        "type"?: 'error' | 'warning' | 'success' | 'info' | 'neutral';
+        "vPostion"?: 'top' | 'bottom';
+    }
+    interface DgaNotificationToastUsage {
+    }
+    interface DgaNotificationUsage {
+    }
+    interface DgaNumberInput {
+        "disabled"?: boolean;
+        "error"?: boolean;
+        "fullwidth"?: boolean;
+        "helperText"?: string;
+        "helperTextIcon"?: Icon1;
+        "label"?: string;
+        "name"?: string;
+        "onBlur"?: (event?: any) => void;
+        "onChange"?: (event?: any) => void;
+        "onInput"?: (event?: any) => void;
+        "placeholder"?: string;
+        "readonly"?: boolean;
+        "required"?: boolean;
+        "size"?: 'md' | 'lg';
+        "value"?: number;
+        "variant"?: 'default' | 'lighter' | 'darker';
+    }
+    interface DgaNumberInputUsage {
+    }
+    interface DgaPagination {
+        "onChange"?: (value: number) => void;
+        "siblingCount"?: number;
+        "size"?: 'small' | 'medium' | 'large';
+        "totalPageCount"?: number;
+    }
+    interface DgaPaginationUsage {
+    }
+    interface DgaPrefix {
+        "icon"?: Icon3;
+        "label"?: string;
+        "onOnSelect"?: (event: DgaPrefixCustomEvent<string>) => void;
+        "options"?: Option[];
+        "type"?: string;
+        "variant"?: 'solid' | 'subtle';
+    }
+    interface DgaProgressIndicator {
+        "activeStep"?: number;
+        "alignment"?: 'horizontal' | 'vertical';
+        "onStepChange"?: (event: DgaProgressIndicatorCustomEvent<number>) => void;
+    }
+    interface DgaProgressIndicatorStep {
+        "activeStep"?: number;
+        "currentStep"?: number;
+        "description"?: string;
+        "labelStyle"?: 'dot' | 'circle';
+        "nextStep"?: boolean;
+        "showStepDescription"?: boolean;
+        "showStepName"?: boolean;
+        "title"?: string;
+    }
+    interface DgaProgressIndicatorUsage {
+    }
+    interface DgaProgressIndicatorV2 {
+        "activeStep"?: number;
+        "alignment"?: 'horizontal' | 'vertical';
+        "steps"?: Array<{
+    label: string;
+    description: string;
+  }>;
+    }
+    interface DgaQuote {
+        "authorDescription"?: string;
+        "authorName"?: string;
+        "quoteDescription"?: string;
+        "quoteTitle"?: string;
+        "showAuthorDetails"?: boolean;
+        "showAvatar"?: boolean;
+        "showQuoteDescription"?: boolean;
+        "showQuoteTitle"?: boolean;
+        "size"?: 'sm' | 'lg';
+        "whiteBackground"?: boolean;
+    }
+    interface DgaQuoteUsage {
+    }
+    interface DgaRadialStepper {
+        "RTL"?: boolean;
+        "activeStep"?: number;
+        "showStepDescription"?: boolean;
+        "showStepName"?: boolean;
+        "showText"?: boolean;
+        "size"?: '120px' | '80px' | '64px' | '48px' | '40px';
+        "steps"?: Step[];
+        "variant"?: 'primary' | 'neutral' | 'on-color';
+    }
+    interface DgaRadialStepperUsage {
+    }
+    interface DgaRadioButton {
+        "alertMessage"?: boolean;
+        "alertText"?: string;
+        "checked"?: boolean;
+        "color"?: 'neutral' | 'brand';
+        "disabled"?: boolean;
+        "hasHelperText"?: boolean;
+        "helperText"?: string;
+        "id"?: string;
+        "label"?: string;
+        "name"?: string;
+        "onChange"?: (event: any) => void;
+        "onInput"?: (event: any) => void;
+        "value"?: string;
+    }
+    interface DgaRadioButtonUsage {
+    }
+    interface DgaRating {
+        "max"?: number;
+        "onChange"?: (value: number) => void;
+        "onRatingChange"?: (event: DgaRatingCustomEvent<number>) => void;
+        "readOnly"?: boolean;
+        "size"?: 'sm' | 'md' | 'lg';
+        "value"?: number;
+        "variant"?: 'default' | 'brand';
+    }
+    interface DgaRatingUsage {
+    }
+    interface DgaRectangleSkeleton {
+        "size"?: 'lg' | 'sm' | 'md';
+        "type"?: '1' | '2';
+        "width"?: 'long' | 'short';
+    }
+    interface DgaSearchBox {
+        "disabled"?: boolean;
+        "error"?: boolean;
+        "icon"?: boolean;
+        "label"?: string;
+        "name"?: string;
+        "onInput"?: (event?: Event) => void;
+        "onOnBlur"?: (event: DgaSearchBoxCustomEvent<any>) => void;
+        "onOnChange"?: (event: DgaSearchBoxCustomEvent<any>) => void;
+        "placeholder"?: string;
+        "readonly"?: boolean;
+        "showTrailingIcon"?: boolean;
+        "size"?: 'md' | 'lg';
+        "speechLang"?: 'en' | 'ar';
+        "value"?: string;
+        "variant"?: 'default' | 'lighter' | 'darker';
+    }
+    interface DgaSearchBoxUsage {
+    }
+    interface DgaSecondNavHeader {
+        "hideActions"?: boolean;
+        "hideContent"?: boolean;
+        "hideDivider"?: boolean;
+        "variant"?: 'primary' | 'gray';
+    }
+    interface DgaSecondNavHeaderActions {
+    }
+    interface DgaSecondNavHeaderContent {
+    }
+    interface DgaSecondNavHeaderItem {
+        "label": string;
+    }
+    interface DgaSecondNavHeaderUsage {
+    }
+    interface DgaSkeletonComponent {
+        /**
+          * Type of the skeleton layout
+         */
+        "type"?: | 'chart and content'
+    | 'image content and button'
+    | 'image profile content'
+    | 'image button and text'
+    | 'icon and list';
+    }
+    interface DgaSkeletonUsage {
+    }
+    interface DgaSlideoutMenu {
+        "anchor"?: 'left'|'right';
+        "backgroundColor"?: 'gray' | 'white';
+        "onClose"?: () => void;
+        "open"?: boolean;
+        "scrollbar"?: boolean;
+    }
+    interface DgaSlideoutMenuActions {
+    }
+    interface DgaSlideoutMenuHeader {
+        "description"?: string;
+        "title"?: string;
+    }
+    interface DgaSlideoutMenuItems {
+        "description"?: string;
+        "title"?: string;
+    }
+    interface DgaSlideoutMenuUsage {
+    }
+    interface DgaSlider {
+        "helperText"?: string;
+        "initialMax"?: number;
+        "initialMin"?: number;
+        "label"?: string;
+        "max"?: number;
+        "min"?: number;
+        "onChange"?: (props:{min:number,max:number})=>void;
+        "range"?: boolean;
+        "showHelperText"?: boolean;
+        "showLabel"?: boolean;
+        "size"?: 'small' | 'medium';
+        "step"?: number;
+    }
+    interface DgaSliderUsage {
+    }
+    interface DgaSquareSkeleton {
+        "type"?: '1' | '2';
+        "width"?: '24px' | '64px' | '48px' | '80px' | '120px' | '170px' | '240px';
+    }
+    interface DgaStatusTag {
+        "RTL"?: boolean;
+        "color"?: 'neutral' | 'green' | 'blue' | 'yellow' | 'red';
+        "label"?: string;
+        "size"?: 'lg' | 'md' | 'sm';
+        "status"?: 'inverted' | 'subtle' | 'ghost';
+    }
+    interface DgaStructuredList {
+        "alternate"?: boolean;
+        "cells"?: Array<{
+    title: string;
+    propertyName: string;
+    type: 'element' | 'propertyName';
+    El?: any;
+    elProperties?: string[];
+    colSpan?: number;
+    customAttribute?: {
+      key: string;
+      value: string;
+    };
+    sort?: 'up' | 'down' | 'none';
+    isSort?: boolean;
+    isFilter?: boolean;
+  }>;
+        "colDivider"?: boolean;
+        "compact"?: boolean;
+        "contained"?: boolean;
+        "data"?: any[];
+        "getSelectedRows"?: (event?: any) => void;
+        "rowDivider"?: boolean;
+        "selectable"?: boolean;
+    }
+    interface DgaStructuredListUsage {
+    }
+    interface DgaSuffix {
+        "icon"?: any;
+        "label"?: string;
+        "onOnSelect"?: (event: DgaSuffixCustomEvent<string>) => void;
+        "options"?: Option1[];
+        "type"?: string;
+        "variant"?: string;
+    }
+    interface DgaSwitch {
+        "alertMessage"?: boolean;
+        "alertText"?: string;
+        "checked"?: boolean;
+        "color"?: string;
+        "disabled"?: boolean;
+        "hasHelperText"?: boolean;
+        "helperText"?: string;
+        "id"?: string;
+        "label"?: string;
+        "name"?: string;
+        "onChange"?: (event?: any) => void;
+        "onInput"?: (event?: any) => void;
+        "value"?: boolean | any;
+    }
+    interface DgaSwitchUsage {
+    }
+    interface DgaTable {
+        "alternate"?: boolean;
+        "cells"?: {
+    title: string;
+    isSort: boolean;
+    isFilter: boolean;
+    sort?: 'up' | 'down';
+    propertyName: string;
+    type: 'element' | 'propertyName';
+    El?: HTMLElement;
+    elProperties?: string[];
+    colSpan?: number;
+    // elProperties: { [key: string]: any };
+  }[];
+        "contained"?: boolean;
+        "data"?: { selected: boolean; }[];
+        "getSelectedRows"?: any;
+        "pressOnFilter"?: any;
+        "rowDivider"?: boolean;
+        "showSelectCheckBox"?: boolean;
+    }
+    interface DgaTableBody {
+        "alternate"?: boolean;
+        "cells"?: {
+    title: string;
+    isSort: boolean;
+    isFilter: boolean;
+    sort?: 'up' | 'down';
+    propertyName: string;
+    type: 'element' | 'propertyName';
+    El?: HTMLElement;
+    elProperties?: string[];
+    colSpan?: number;
+    // elProperties: { [key: string]: any };
+  }[];
+        "contained"?: boolean;
+        "data"?: { selected: boolean; }[];
+        "getSelectedRows"?: any;
+        "pressOnFilter"?: any;
+        "rowDivider"?: boolean;
+        "showSelectCheckBox"?: boolean;
+    }
+    interface DgaTableOfContent {
+        "sections"?: TabType[];
+        "subTitle"?: string;
+        "title"?: string;
+    }
+    interface DgaTableOfContentUsage {
+    }
+    interface DgaTableUsage {
+    }
+    interface DgaTabs {
+        "disabled"?: boolean;
+        "divider"?: boolean;
+        "external"?: boolean;
+        "extraClass"?: string;
+        "flush"?: boolean;
+        "orientation"?: 'horizontal' | 'vertical';
+        "size"?: "sm" | "md" | "lg";
+        "tabsList"?: ITab[];
+    }
+    interface DgaTabsUsage {
+    }
+    interface DgaTag {
+        "iconOnly"?: boolean;
+        "label"?: string;
+        "leadIcon"?: Icon3;
+        "outlined"?: boolean;
+        "rounded"?: boolean;
+        "size"?: 'lg' | 'md' | 'sm';
+        "trailIcon"?: Icon3;
+        "variant"?: 'neutral' | 'success' | 'info' | 'warning' | 'error' | 'on-color';
+    }
+    interface DgaTagUsage {
+    }
+    interface DgaTextInput {
+        "disabled"?: boolean;
+        "error"?: boolean;
+        "feedbackIcon"?: boolean;
+        "feedbackIconRing"?: boolean;
+        "feedbackIconType"?: 'success' | 'error' | 'warning';
+        "helperText"?: string;
+        "helperTextIcon"?: Icon1;
+        "icon"?: Icon1;
+        "label"?: string;
+        "name"?: string;
+        "onBlur"?: (event?: Event) => void;
+        "onChange"?: (event?: Event) => void;
+        "onInput"?: (event?: Event) => void;
+        "placeholder"?: string;
+        "readonly"?: boolean;
+        "required"?: boolean;
+        "size"?: 'md' | 'lg';
+        "type"?: 'text' | 'number' | 'password';
+        "value"?: string;
+        "variant"?: 'default' | 'lighter' | 'darker';
+    }
+    interface DgaTextInputUsage {
+    }
+    interface DgaTextarea {
+        "cols"?: number;
+        "disabled"?: boolean;
+        "error"?: boolean;
+        "feedbackIcon"?: boolean;
+        "feedbackIconRing"?: boolean;
+        "feedbackIconType"?: 'success' | 'error' | 'warning';
+        "label"?: string;
+        "name"?: string;
+        "onChange"?: (event?: any) => void;
+        "onInput"?: (event?: any) => void;
+        "placeholder"?: string;
+        "readonly"?: boolean;
+        "resize"?: boolean;
+        "rows"?: number;
+        "scrollbar"?: boolean;
+        "value"?: string;
+        "variant"?: 'default' | 'lighter' | 'darker';
+    }
+    interface DgaTextareaUsage {
+    }
+    interface DgaTooltip {
+        "beakAlignment"?: BeakAlignment;
+        "beakPlacement"?: BeakPlacement;
+        "direction"?: Direction;
+        "feedbackIcon"?: FeedbackIcon;
+        "helperText"?: string;
+        "icon"?: boolean;
+        "theme"?: Theme;
+        "tooltipTitle"?: string;
+    }
+    interface DgaTooltipUsage {
+    }
+    interface FloatingButton {
+        "RTL"?: boolean;
+        "disabled"?: boolean;
+        "icon"?: string;
+        "iconOnly"?: boolean;
+        "iconProps"?: { [key: string]: any };
+        "label"?: string;
+        "onButtonClick"?: (event: FloatingButtonCustomEvent<MouseEvent>) => void;
+        "onColor"?: boolean;
+        "size"?: 'small' | 'large';
+        "variant"?: 'primary-brand' | 'primary-neutral' | 'secondary-solid';
+    }
+    interface MonthNavigator {
+        "currentMonth"?: Date;
+        "onChange"?: (newMonth: Date) => void;
+        "showArrows"?: boolean;
+    }
+    interface SidePanelMenu {
+        "routes"?: IRoute1[];
+    }
+    interface SubmenuComponent {
+        "childRoute"?: IRoute1;
+        "onChildExpanded"?: (expanded: boolean, subHeight: number) => void;
+        "route"?: IRoute1;
+    }
+    interface TabComponent {
+        "route"?: IRoute1;
+    }
+    interface TabLink {
+        "badge"?: number;
+        "disabled"?: boolean;
+        "expanded"?: boolean;
+        "externalLink"?: boolean;
+        "icon"?: Icon3;
+        "level"?: number;
+        "link"?: string;
+        "onColor"?: boolean;
+        "onExpand"?: (value: boolean) => void;
+        "text"?: string;
+        "type"?: 'parent' | 'child';
+    }
+    interface IntrinsicElements {
+        "date-cell": DateCell;
+        "dga-accordion": DgaAccordion;
+        "dga-accordion-usage": DgaAccordionUsage;
+        "dga-actions": DgaActions;
+        "dga-apex-chart": DgaApexChart;
+        "dga-apex-chart-usage": DgaApexChartUsage;
+        "dga-avatar": DgaAvatar;
+        "dga-avatar-group": DgaAvatarGroup;
+        "dga-avatar-usage": DgaAvatarUsage;
+        "dga-breadcrumbs": DgaBreadcrumbs;
+        "dga-breadcrumbs-usage": DgaBreadcrumbsUsage;
+        "dga-button": DgaButton;
+        "dga-button-usage": DgaButtonUsage;
+        "dga-card": DgaCard;
+        "dga-card-actions": DgaCardActions;
+        "dga-card-content": DgaCardContent;
+        "dga-card-expandable-content": DgaCardExpandableContent;
+        "dga-card-image": DgaCardImage;
+        "dga-card-title": DgaCardTitle;
+        "dga-card-usage": DgaCardUsage;
+        "dga-card-v2": DgaCardV2;
+        "dga-card-v2-usage": DgaCardV2Usage;
+        "dga-carousel": DgaCarousel;
+        "dga-carousel-item": DgaCarouselItem;
+        "dga-carousel-usage": DgaCarouselUsage;
+        "dga-chart": DgaChart;
+        "dga-chart-usage": DgaChartUsage;
+        "dga-checkbox": DgaCheckbox;
+        "dga-checkbox-usage": DgaCheckboxUsage;
+        "dga-chip": DgaChip;
+        "dga-chip-usage": DgaChipUsage;
+        "dga-circle-skeleton": DgaCircleSkeleton;
+        "dga-circular-progress-bar": DgaCircularProgressBar;
+        "dga-circular-progress-bar-usage": DgaCircularProgressBarUsage;
+        "dga-codesnippet": DgaCodesnippet;
+        "dga-codesnippet-usage": DgaCodesnippetUsage;
+        "dga-collapse": DgaCollapse;
+        "dga-collapse-usage": DgaCollapseUsage;
+        "dga-content-switcher": DgaContentSwitcher;
+        "dga-content-switcher-item": DgaContentSwitcherItem;
+        "dga-content-switcher-panel": DgaContentSwitcherPanel;
+        "dga-content-switcher-usage": DgaContentSwitcherUsage;
+        "dga-data-table": DgaDataTable;
+        "dga-data-table-updated": DgaDataTableUpdated;
+        "dga-date-field": DgaDateField;
+        "dga-date-field-usage": DgaDateFieldUsage;
+        "dga-datepicker": DgaDatepicker;
+        "dga-datepicker-usage": DgaDatepickerUsage;
+        "dga-digital-signature": DgaDigitalSignature;
+        "dga-digital-signature-usage": DgaDigitalSignatureUsage;
+        "dga-divider": DgaDivider;
+        "dga-divider-usage": DgaDividerUsage;
+        "dga-drawer": DgaDrawer;
+        "dga-drawer-usage": DgaDrawerUsage;
+        "dga-dropdown": DgaDropdown;
+        "dga-dropdown-usage": DgaDropdownUsage;
+        "dga-featured-icon": DgaFeaturedIcon;
+        "dga-featured-icon-usage": DgaFeaturedIconUsage;
+        "dga-feedback-icon": DgaFeedbackIcon;
+        "dga-feedback-icon-usage": DgaFeedbackIconUsage;
+        "dga-file-upload": DgaFileUpload;
+        "dga-file-upload-usage": DgaFileUploadUsage;
+        "dga-filteration": DgaFilteration;
+        "dga-filteration-usage": DgaFilterationUsage;
+        "dga-flex": DgaFlex;
+        "dga-floating-button-usage": DgaFloatingButtonUsage;
+        "dga-footer": DgaFooter;
+        "dga-footer-usage": DgaFooterUsage;
+        "dga-header": DgaHeader;
+        "dga-header-action-btn": DgaHeaderActionBtn;
+        "dga-header-usage": DgaHeaderUsage;
+        "dga-helper-text": DgaHelperText;
+        "dga-icon": DgaIcon;
+        "dga-icon-v2": DgaIconV2;
+        "dga-inline-alert": DgaInlineAlert;
+        "dga-inline-alert-usage": DgaInlineAlertUsage;
+        "dga-label": DgaLabel;
+        "dga-line-skeleton": DgaLineSkeleton;
+        "dga-linear-progress-bar": DgaLinearProgressBar;
+        "dga-linear-progress-bar-usage": DgaLinearProgressBarUsage;
+        "dga-link": DgaLink;
+        "dga-link-usage": DgaLinkUsage;
+        "dga-list": DgaList;
+        "dga-list-item": DgaListItem;
+        "dga-list-usage": DgaListUsage;
+        "dga-list-v2": DgaListV2;
+        "dga-loading": DgaLoading;
+        "dga-loading-usage": DgaLoadingUsage;
+        "dga-local-icon": DgaLocalIcon;
+        "dga-menu": DgaMenu;
+        "dga-menu-group": DgaMenuGroup;
+        "dga-menu-item": DgaMenuItem;
+        "dga-menu-list": DgaMenuList;
+        "dga-menu-usage": DgaMenuUsage;
+        "dga-menu-v2": DgaMenuV2;
+        "dga-metric": DgaMetric;
+        "dga-metric-chart": DgaMetricChart;
+        "dga-metric-chart-v2": DgaMetricChartV2;
+        "dga-metric-usage": DgaMetricUsage;
+        "dga-metric-v2": DgaMetricV2;
+        "dga-modal": DgaModal;
+        "dga-modal-actions": DgaModalActions;
+        "dga-modal-body": DgaModalBody;
+        "dga-modal-header": DgaModalHeader;
+        "dga-modal-title": DgaModalTitle;
+        "dga-modal-usage": DgaModalUsage;
+        "dga-modal-v2": DgaModalV2;
+        "dga-modal-v2-usage": DgaModalV2Usage;
+        "dga-nav-header": DgaNavHeader;
+        "dga-nav-header-actions": DgaNavHeaderActions;
+        "dga-nav-header-link": DgaNavHeaderLink;
+        "dga-nav-header-logos": DgaNavHeaderLogos;
+        "dga-nav-header-main": DgaNavHeaderMain;
+        "dga-nav-header-menu": DgaNavHeaderMenu;
+        "dga-nav-header-sub-menu": DgaNavHeaderSubMenu;
+        "dga-nav-header-sub-menu-column": DgaNavHeaderSubMenuColumn;
+        "dga-nav-header-sub-menu-link": DgaNavHeaderSubMenuLink;
+        "dga-notification": DgaNotification;
+        "dga-notification-toast": DgaNotificationToast;
+        "dga-notification-toast-usage": DgaNotificationToastUsage;
+        "dga-notification-usage": DgaNotificationUsage;
+        "dga-number-input": DgaNumberInput;
+        "dga-number-input-usage": DgaNumberInputUsage;
+        "dga-pagination": DgaPagination;
+        "dga-pagination-usage": DgaPaginationUsage;
+        "dga-prefix": DgaPrefix;
+        "dga-progress-indicator": DgaProgressIndicator;
+        "dga-progress-indicator-step": DgaProgressIndicatorStep;
+        "dga-progress-indicator-usage": DgaProgressIndicatorUsage;
+        "dga-progress-indicator-v2": DgaProgressIndicatorV2;
+        "dga-quote": DgaQuote;
+        "dga-quote-usage": DgaQuoteUsage;
+        "dga-radial-stepper": DgaRadialStepper;
+        "dga-radial-stepper-usage": DgaRadialStepperUsage;
+        "dga-radio-button": DgaRadioButton;
+        "dga-radio-button-usage": DgaRadioButtonUsage;
+        "dga-rating": DgaRating;
+        "dga-rating-usage": DgaRatingUsage;
+        "dga-rectangle-skeleton": DgaRectangleSkeleton;
+        "dga-search-box": DgaSearchBox;
+        "dga-search-box-usage": DgaSearchBoxUsage;
+        "dga-second-nav-header": DgaSecondNavHeader;
+        "dga-second-nav-header-actions": DgaSecondNavHeaderActions;
+        "dga-second-nav-header-content": DgaSecondNavHeaderContent;
+        "dga-second-nav-header-item": DgaSecondNavHeaderItem;
+        "dga-second-nav-header-usage": DgaSecondNavHeaderUsage;
+        "dga-skeleton-component": DgaSkeletonComponent;
+        "dga-skeleton-usage": DgaSkeletonUsage;
+        "dga-slideout-menu": DgaSlideoutMenu;
+        "dga-slideout-menu-actions": DgaSlideoutMenuActions;
+        "dga-slideout-menu-header": DgaSlideoutMenuHeader;
+        "dga-slideout-menu-items": DgaSlideoutMenuItems;
+        "dga-slideout-menu-usage": DgaSlideoutMenuUsage;
+        "dga-slider": DgaSlider;
+        "dga-slider-usage": DgaSliderUsage;
+        "dga-square-skeleton": DgaSquareSkeleton;
+        "dga-status-tag": DgaStatusTag;
+        "dga-structured-list": DgaStructuredList;
+        "dga-structured-list-usage": DgaStructuredListUsage;
+        "dga-suffix": DgaSuffix;
+        "dga-switch": DgaSwitch;
+        "dga-switch-usage": DgaSwitchUsage;
+        "dga-table": DgaTable;
+        "dga-table-body": DgaTableBody;
+        "dga-table-of-content": DgaTableOfContent;
+        "dga-table-of-content-usage": DgaTableOfContentUsage;
+        "dga-table-usage": DgaTableUsage;
+        "dga-tabs": DgaTabs;
+        "dga-tabs-usage": DgaTabsUsage;
+        "dga-tag": DgaTag;
+        "dga-tag-usage": DgaTagUsage;
+        "dga-text-input": DgaTextInput;
+        "dga-text-input-usage": DgaTextInputUsage;
+        "dga-textarea": DgaTextarea;
+        "dga-textarea-usage": DgaTextareaUsage;
+        "dga-tooltip": DgaTooltip;
+        "dga-tooltip-usage": DgaTooltipUsage;
+        "floating-button": FloatingButton;
+        "month-navigator": MonthNavigator;
+        "side-panel-menu": SidePanelMenu;
+        "submenu-component": SubmenuComponent;
+        "tab-component": TabComponent;
+        "tab-link": TabLink;
+    }
+}
+export { LocalJSX as JSX };
+declare module "@stencil/core" {
+    export namespace JSX {
+        interface IntrinsicElements {
+            "date-cell": LocalJSX.DateCell & JSXBase.HTMLAttributes<HTMLDateCellElement>;
+            "dga-accordion": LocalJSX.DgaAccordion & JSXBase.HTMLAttributes<HTMLDgaAccordionElement>;
+            "dga-accordion-usage": LocalJSX.DgaAccordionUsage & JSXBase.HTMLAttributes<HTMLDgaAccordionUsageElement>;
+            "dga-actions": LocalJSX.DgaActions & JSXBase.HTMLAttributes<HTMLDgaActionsElement>;
+            "dga-apex-chart": LocalJSX.DgaApexChart & JSXBase.HTMLAttributes<HTMLDgaApexChartElement>;
+            "dga-apex-chart-usage": LocalJSX.DgaApexChartUsage & JSXBase.HTMLAttributes<HTMLDgaApexChartUsageElement>;
+            "dga-avatar": LocalJSX.DgaAvatar & JSXBase.HTMLAttributes<HTMLDgaAvatarElement>;
+            "dga-avatar-group": LocalJSX.DgaAvatarGroup & JSXBase.HTMLAttributes<HTMLDgaAvatarGroupElement>;
+            "dga-avatar-usage": LocalJSX.DgaAvatarUsage & JSXBase.HTMLAttributes<HTMLDgaAvatarUsageElement>;
+            "dga-breadcrumbs": LocalJSX.DgaBreadcrumbs & JSXBase.HTMLAttributes<HTMLDgaBreadcrumbsElement>;
+            "dga-breadcrumbs-usage": LocalJSX.DgaBreadcrumbsUsage & JSXBase.HTMLAttributes<HTMLDgaBreadcrumbsUsageElement>;
+            "dga-button": LocalJSX.DgaButton & JSXBase.HTMLAttributes<HTMLDgaButtonElement>;
+            "dga-button-usage": LocalJSX.DgaButtonUsage & JSXBase.HTMLAttributes<HTMLDgaButtonUsageElement>;
+            "dga-card": LocalJSX.DgaCard & JSXBase.HTMLAttributes<HTMLDgaCardElement>;
+            "dga-card-actions": LocalJSX.DgaCardActions & JSXBase.HTMLAttributes<HTMLDgaCardActionsElement>;
+            "dga-card-content": LocalJSX.DgaCardContent & JSXBase.HTMLAttributes<HTMLDgaCardContentElement>;
+            "dga-card-expandable-content": LocalJSX.DgaCardExpandableContent & JSXBase.HTMLAttributes<HTMLDgaCardExpandableContentElement>;
+            "dga-card-image": LocalJSX.DgaCardImage & JSXBase.HTMLAttributes<HTMLDgaCardImageElement>;
+            "dga-card-title": LocalJSX.DgaCardTitle & JSXBase.HTMLAttributes<HTMLDgaCardTitleElement>;
+            "dga-card-usage": LocalJSX.DgaCardUsage & JSXBase.HTMLAttributes<HTMLDgaCardUsageElement>;
+            "dga-card-v2": LocalJSX.DgaCardV2 & JSXBase.HTMLAttributes<HTMLDgaCardV2Element>;
+            "dga-card-v2-usage": LocalJSX.DgaCardV2Usage & JSXBase.HTMLAttributes<HTMLDgaCardV2UsageElement>;
+            "dga-carousel": LocalJSX.DgaCarousel & JSXBase.HTMLAttributes<HTMLDgaCarouselElement>;
+            "dga-carousel-item": LocalJSX.DgaCarouselItem & JSXBase.HTMLAttributes<HTMLDgaCarouselItemElement>;
+            "dga-carousel-usage": LocalJSX.DgaCarouselUsage & JSXBase.HTMLAttributes<HTMLDgaCarouselUsageElement>;
+            "dga-chart": LocalJSX.DgaChart & JSXBase.HTMLAttributes<HTMLDgaChartElement>;
+            "dga-chart-usage": LocalJSX.DgaChartUsage & JSXBase.HTMLAttributes<HTMLDgaChartUsageElement>;
+            "dga-checkbox": LocalJSX.DgaCheckbox & JSXBase.HTMLAttributes<HTMLDgaCheckboxElement>;
+            "dga-checkbox-usage": LocalJSX.DgaCheckboxUsage & JSXBase.HTMLAttributes<HTMLDgaCheckboxUsageElement>;
+            "dga-chip": LocalJSX.DgaChip & JSXBase.HTMLAttributes<HTMLDgaChipElement>;
+            "dga-chip-usage": LocalJSX.DgaChipUsage & JSXBase.HTMLAttributes<HTMLDgaChipUsageElement>;
+            "dga-circle-skeleton": LocalJSX.DgaCircleSkeleton & JSXBase.HTMLAttributes<HTMLDgaCircleSkeletonElement>;
+            "dga-circular-progress-bar": LocalJSX.DgaCircularProgressBar & JSXBase.HTMLAttributes<HTMLDgaCircularProgressBarElement>;
+            "dga-circular-progress-bar-usage": LocalJSX.DgaCircularProgressBarUsage & JSXBase.HTMLAttributes<HTMLDgaCircularProgressBarUsageElement>;
+            "dga-codesnippet": LocalJSX.DgaCodesnippet & JSXBase.HTMLAttributes<HTMLDgaCodesnippetElement>;
+            "dga-codesnippet-usage": LocalJSX.DgaCodesnippetUsage & JSXBase.HTMLAttributes<HTMLDgaCodesnippetUsageElement>;
+            "dga-collapse": LocalJSX.DgaCollapse & JSXBase.HTMLAttributes<HTMLDgaCollapseElement>;
+            "dga-collapse-usage": LocalJSX.DgaCollapseUsage & JSXBase.HTMLAttributes<HTMLDgaCollapseUsageElement>;
+            "dga-content-switcher": LocalJSX.DgaContentSwitcher & JSXBase.HTMLAttributes<HTMLDgaContentSwitcherElement>;
+            "dga-content-switcher-item": LocalJSX.DgaContentSwitcherItem & JSXBase.HTMLAttributes<HTMLDgaContentSwitcherItemElement>;
+            "dga-content-switcher-panel": LocalJSX.DgaContentSwitcherPanel & JSXBase.HTMLAttributes<HTMLDgaContentSwitcherPanelElement>;
+            "dga-content-switcher-usage": LocalJSX.DgaContentSwitcherUsage & JSXBase.HTMLAttributes<HTMLDgaContentSwitcherUsageElement>;
+            "dga-data-table": LocalJSX.DgaDataTable & JSXBase.HTMLAttributes<HTMLDgaDataTableElement>;
+            "dga-data-table-updated": LocalJSX.DgaDataTableUpdated & JSXBase.HTMLAttributes<HTMLDgaDataTableUpdatedElement>;
+            "dga-date-field": LocalJSX.DgaDateField & JSXBase.HTMLAttributes<HTMLDgaDateFieldElement>;
+            "dga-date-field-usage": LocalJSX.DgaDateFieldUsage & JSXBase.HTMLAttributes<HTMLDgaDateFieldUsageElement>;
+            "dga-datepicker": LocalJSX.DgaDatepicker & JSXBase.HTMLAttributes<HTMLDgaDatepickerElement>;
+            "dga-datepicker-usage": LocalJSX.DgaDatepickerUsage & JSXBase.HTMLAttributes<HTMLDgaDatepickerUsageElement>;
+            "dga-digital-signature": LocalJSX.DgaDigitalSignature & JSXBase.HTMLAttributes<HTMLDgaDigitalSignatureElement>;
+            "dga-digital-signature-usage": LocalJSX.DgaDigitalSignatureUsage & JSXBase.HTMLAttributes<HTMLDgaDigitalSignatureUsageElement>;
+            "dga-divider": LocalJSX.DgaDivider & JSXBase.HTMLAttributes<HTMLDgaDividerElement>;
+            "dga-divider-usage": LocalJSX.DgaDividerUsage & JSXBase.HTMLAttributes<HTMLDgaDividerUsageElement>;
+            "dga-drawer": LocalJSX.DgaDrawer & JSXBase.HTMLAttributes<HTMLDgaDrawerElement>;
+            "dga-drawer-usage": LocalJSX.DgaDrawerUsage & JSXBase.HTMLAttributes<HTMLDgaDrawerUsageElement>;
+            "dga-dropdown": LocalJSX.DgaDropdown & JSXBase.HTMLAttributes<HTMLDgaDropdownElement>;
+            "dga-dropdown-usage": LocalJSX.DgaDropdownUsage & JSXBase.HTMLAttributes<HTMLDgaDropdownUsageElement>;
+            "dga-featured-icon": LocalJSX.DgaFeaturedIcon & JSXBase.HTMLAttributes<HTMLDgaFeaturedIconElement>;
+            "dga-featured-icon-usage": LocalJSX.DgaFeaturedIconUsage & JSXBase.HTMLAttributes<HTMLDgaFeaturedIconUsageElement>;
+            "dga-feedback-icon": LocalJSX.DgaFeedbackIcon & JSXBase.HTMLAttributes<HTMLDgaFeedbackIconElement>;
+            "dga-feedback-icon-usage": LocalJSX.DgaFeedbackIconUsage & JSXBase.HTMLAttributes<HTMLDgaFeedbackIconUsageElement>;
+            "dga-file-upload": LocalJSX.DgaFileUpload & JSXBase.HTMLAttributes<HTMLDgaFileUploadElement>;
+            "dga-file-upload-usage": LocalJSX.DgaFileUploadUsage & JSXBase.HTMLAttributes<HTMLDgaFileUploadUsageElement>;
+            "dga-filteration": LocalJSX.DgaFilteration & JSXBase.HTMLAttributes<HTMLDgaFilterationElement>;
+            "dga-filteration-usage": LocalJSX.DgaFilterationUsage & JSXBase.HTMLAttributes<HTMLDgaFilterationUsageElement>;
+            "dga-flex": LocalJSX.DgaFlex & JSXBase.HTMLAttributes<HTMLDgaFlexElement>;
+            "dga-floating-button-usage": LocalJSX.DgaFloatingButtonUsage & JSXBase.HTMLAttributes<HTMLDgaFloatingButtonUsageElement>;
+            "dga-footer": LocalJSX.DgaFooter & JSXBase.HTMLAttributes<HTMLDgaFooterElement>;
+            "dga-footer-usage": LocalJSX.DgaFooterUsage & JSXBase.HTMLAttributes<HTMLDgaFooterUsageElement>;
+            "dga-header": LocalJSX.DgaHeader & JSXBase.HTMLAttributes<HTMLDgaHeaderElement>;
+            "dga-header-action-btn": LocalJSX.DgaHeaderActionBtn & JSXBase.HTMLAttributes<HTMLDgaHeaderActionBtnElement>;
+            "dga-header-usage": LocalJSX.DgaHeaderUsage & JSXBase.HTMLAttributes<HTMLDgaHeaderUsageElement>;
+            "dga-helper-text": LocalJSX.DgaHelperText & JSXBase.HTMLAttributes<HTMLDgaHelperTextElement>;
+            "dga-icon": LocalJSX.DgaIcon & JSXBase.HTMLAttributes<HTMLDgaIconElement>;
+            "dga-icon-v2": LocalJSX.DgaIconV2 & JSXBase.HTMLAttributes<HTMLDgaIconV2Element>;
+            "dga-inline-alert": LocalJSX.DgaInlineAlert & JSXBase.HTMLAttributes<HTMLDgaInlineAlertElement>;
+            "dga-inline-alert-usage": LocalJSX.DgaInlineAlertUsage & JSXBase.HTMLAttributes<HTMLDgaInlineAlertUsageElement>;
+            "dga-label": LocalJSX.DgaLabel & JSXBase.HTMLAttributes<HTMLDgaLabelElement>;
+            "dga-line-skeleton": LocalJSX.DgaLineSkeleton & JSXBase.HTMLAttributes<HTMLDgaLineSkeletonElement>;
+            "dga-linear-progress-bar": LocalJSX.DgaLinearProgressBar & JSXBase.HTMLAttributes<HTMLDgaLinearProgressBarElement>;
+            "dga-linear-progress-bar-usage": LocalJSX.DgaLinearProgressBarUsage & JSXBase.HTMLAttributes<HTMLDgaLinearProgressBarUsageElement>;
+            "dga-link": LocalJSX.DgaLink & JSXBase.HTMLAttributes<HTMLDgaLinkElement>;
+            "dga-link-usage": LocalJSX.DgaLinkUsage & JSXBase.HTMLAttributes<HTMLDgaLinkUsageElement>;
+            "dga-list": LocalJSX.DgaList & JSXBase.HTMLAttributes<HTMLDgaListElement>;
+            "dga-list-item": LocalJSX.DgaListItem & JSXBase.HTMLAttributes<HTMLDgaListItemElement>;
+            "dga-list-usage": LocalJSX.DgaListUsage & JSXBase.HTMLAttributes<HTMLDgaListUsageElement>;
+            "dga-list-v2": LocalJSX.DgaListV2 & JSXBase.HTMLAttributes<HTMLDgaListV2Element>;
+            "dga-loading": LocalJSX.DgaLoading & JSXBase.HTMLAttributes<HTMLDgaLoadingElement>;
+            "dga-loading-usage": LocalJSX.DgaLoadingUsage & JSXBase.HTMLAttributes<HTMLDgaLoadingUsageElement>;
+            "dga-local-icon": LocalJSX.DgaLocalIcon & JSXBase.HTMLAttributes<HTMLDgaLocalIconElement>;
+            "dga-menu": LocalJSX.DgaMenu & JSXBase.HTMLAttributes<HTMLDgaMenuElement>;
+            "dga-menu-group": LocalJSX.DgaMenuGroup & JSXBase.HTMLAttributes<HTMLDgaMenuGroupElement>;
+            "dga-menu-item": LocalJSX.DgaMenuItem & JSXBase.HTMLAttributes<HTMLDgaMenuItemElement>;
+            "dga-menu-list": LocalJSX.DgaMenuList & JSXBase.HTMLAttributes<HTMLDgaMenuListElement>;
+            "dga-menu-usage": LocalJSX.DgaMenuUsage & JSXBase.HTMLAttributes<HTMLDgaMenuUsageElement>;
+            "dga-menu-v2": LocalJSX.DgaMenuV2 & JSXBase.HTMLAttributes<HTMLDgaMenuV2Element>;
+            "dga-metric": LocalJSX.DgaMetric & JSXBase.HTMLAttributes<HTMLDgaMetricElement>;
+            "dga-metric-chart": LocalJSX.DgaMetricChart & JSXBase.HTMLAttributes<HTMLDgaMetricChartElement>;
+            "dga-metric-chart-v2": LocalJSX.DgaMetricChartV2 & JSXBase.HTMLAttributes<HTMLDgaMetricChartV2Element>;
+            "dga-metric-usage": LocalJSX.DgaMetricUsage & JSXBase.HTMLAttributes<HTMLDgaMetricUsageElement>;
+            "dga-metric-v2": LocalJSX.DgaMetricV2 & JSXBase.HTMLAttributes<HTMLDgaMetricV2Element>;
+            "dga-modal": LocalJSX.DgaModal & JSXBase.HTMLAttributes<HTMLDgaModalElement>;
+            "dga-modal-actions": LocalJSX.DgaModalActions & JSXBase.HTMLAttributes<HTMLDgaModalActionsElement>;
+            "dga-modal-body": LocalJSX.DgaModalBody & JSXBase.HTMLAttributes<HTMLDgaModalBodyElement>;
+            "dga-modal-header": LocalJSX.DgaModalHeader & JSXBase.HTMLAttributes<HTMLDgaModalHeaderElement>;
+            "dga-modal-title": LocalJSX.DgaModalTitle & JSXBase.HTMLAttributes<HTMLDgaModalTitleElement>;
+            "dga-modal-usage": LocalJSX.DgaModalUsage & JSXBase.HTMLAttributes<HTMLDgaModalUsageElement>;
+            "dga-modal-v2": LocalJSX.DgaModalV2 & JSXBase.HTMLAttributes<HTMLDgaModalV2Element>;
+            "dga-modal-v2-usage": LocalJSX.DgaModalV2Usage & JSXBase.HTMLAttributes<HTMLDgaModalV2UsageElement>;
+            "dga-nav-header": LocalJSX.DgaNavHeader & JSXBase.HTMLAttributes<HTMLDgaNavHeaderElement>;
+            "dga-nav-header-actions": LocalJSX.DgaNavHeaderActions & JSXBase.HTMLAttributes<HTMLDgaNavHeaderActionsElement>;
+            "dga-nav-header-link": LocalJSX.DgaNavHeaderLink & JSXBase.HTMLAttributes<HTMLDgaNavHeaderLinkElement>;
+            "dga-nav-header-logos": LocalJSX.DgaNavHeaderLogos & JSXBase.HTMLAttributes<HTMLDgaNavHeaderLogosElement>;
+            "dga-nav-header-main": LocalJSX.DgaNavHeaderMain & JSXBase.HTMLAttributes<HTMLDgaNavHeaderMainElement>;
+            "dga-nav-header-menu": LocalJSX.DgaNavHeaderMenu & JSXBase.HTMLAttributes<HTMLDgaNavHeaderMenuElement>;
+            "dga-nav-header-sub-menu": LocalJSX.DgaNavHeaderSubMenu & JSXBase.HTMLAttributes<HTMLDgaNavHeaderSubMenuElement>;
+            "dga-nav-header-sub-menu-column": LocalJSX.DgaNavHeaderSubMenuColumn & JSXBase.HTMLAttributes<HTMLDgaNavHeaderSubMenuColumnElement>;
+            "dga-nav-header-sub-menu-link": LocalJSX.DgaNavHeaderSubMenuLink & JSXBase.HTMLAttributes<HTMLDgaNavHeaderSubMenuLinkElement>;
+            "dga-notification": LocalJSX.DgaNotification & JSXBase.HTMLAttributes<HTMLDgaNotificationElement>;
+            "dga-notification-toast": LocalJSX.DgaNotificationToast & JSXBase.HTMLAttributes<HTMLDgaNotificationToastElement>;
+            "dga-notification-toast-usage": LocalJSX.DgaNotificationToastUsage & JSXBase.HTMLAttributes<HTMLDgaNotificationToastUsageElement>;
+            "dga-notification-usage": LocalJSX.DgaNotificationUsage & JSXBase.HTMLAttributes<HTMLDgaNotificationUsageElement>;
+            "dga-number-input": LocalJSX.DgaNumberInput & JSXBase.HTMLAttributes<HTMLDgaNumberInputElement>;
+            "dga-number-input-usage": LocalJSX.DgaNumberInputUsage & JSXBase.HTMLAttributes<HTMLDgaNumberInputUsageElement>;
+            "dga-pagination": LocalJSX.DgaPagination & JSXBase.HTMLAttributes<HTMLDgaPaginationElement>;
+            "dga-pagination-usage": LocalJSX.DgaPaginationUsage & JSXBase.HTMLAttributes<HTMLDgaPaginationUsageElement>;
+            "dga-prefix": LocalJSX.DgaPrefix & JSXBase.HTMLAttributes<HTMLDgaPrefixElement>;
+            "dga-progress-indicator": LocalJSX.DgaProgressIndicator & JSXBase.HTMLAttributes<HTMLDgaProgressIndicatorElement>;
+            "dga-progress-indicator-step": LocalJSX.DgaProgressIndicatorStep & JSXBase.HTMLAttributes<HTMLDgaProgressIndicatorStepElement>;
+            "dga-progress-indicator-usage": LocalJSX.DgaProgressIndicatorUsage & JSXBase.HTMLAttributes<HTMLDgaProgressIndicatorUsageElement>;
+            "dga-progress-indicator-v2": LocalJSX.DgaProgressIndicatorV2 & JSXBase.HTMLAttributes<HTMLDgaProgressIndicatorV2Element>;
+            "dga-quote": LocalJSX.DgaQuote & JSXBase.HTMLAttributes<HTMLDgaQuoteElement>;
+            "dga-quote-usage": LocalJSX.DgaQuoteUsage & JSXBase.HTMLAttributes<HTMLDgaQuoteUsageElement>;
+            "dga-radial-stepper": LocalJSX.DgaRadialStepper & JSXBase.HTMLAttributes<HTMLDgaRadialStepperElement>;
+            "dga-radial-stepper-usage": LocalJSX.DgaRadialStepperUsage & JSXBase.HTMLAttributes<HTMLDgaRadialStepperUsageElement>;
+            "dga-radio-button": LocalJSX.DgaRadioButton & JSXBase.HTMLAttributes<HTMLDgaRadioButtonElement>;
+            "dga-radio-button-usage": LocalJSX.DgaRadioButtonUsage & JSXBase.HTMLAttributes<HTMLDgaRadioButtonUsageElement>;
+            "dga-rating": LocalJSX.DgaRating & JSXBase.HTMLAttributes<HTMLDgaRatingElement>;
+            "dga-rating-usage": LocalJSX.DgaRatingUsage & JSXBase.HTMLAttributes<HTMLDgaRatingUsageElement>;
+            "dga-rectangle-skeleton": LocalJSX.DgaRectangleSkeleton & JSXBase.HTMLAttributes<HTMLDgaRectangleSkeletonElement>;
+            "dga-search-box": LocalJSX.DgaSearchBox & JSXBase.HTMLAttributes<HTMLDgaSearchBoxElement>;
+            "dga-search-box-usage": LocalJSX.DgaSearchBoxUsage & JSXBase.HTMLAttributes<HTMLDgaSearchBoxUsageElement>;
+            "dga-second-nav-header": LocalJSX.DgaSecondNavHeader & JSXBase.HTMLAttributes<HTMLDgaSecondNavHeaderElement>;
+            "dga-second-nav-header-actions": LocalJSX.DgaSecondNavHeaderActions & JSXBase.HTMLAttributes<HTMLDgaSecondNavHeaderActionsElement>;
+            "dga-second-nav-header-content": LocalJSX.DgaSecondNavHeaderContent & JSXBase.HTMLAttributes<HTMLDgaSecondNavHeaderContentElement>;
+            "dga-second-nav-header-item": LocalJSX.DgaSecondNavHeaderItem & JSXBase.HTMLAttributes<HTMLDgaSecondNavHeaderItemElement>;
+            "dga-second-nav-header-usage": LocalJSX.DgaSecondNavHeaderUsage & JSXBase.HTMLAttributes<HTMLDgaSecondNavHeaderUsageElement>;
+            "dga-skeleton-component": LocalJSX.DgaSkeletonComponent & JSXBase.HTMLAttributes<HTMLDgaSkeletonComponentElement>;
+            "dga-skeleton-usage": LocalJSX.DgaSkeletonUsage & JSXBase.HTMLAttributes<HTMLDgaSkeletonUsageElement>;
+            "dga-slideout-menu": LocalJSX.DgaSlideoutMenu & JSXBase.HTMLAttributes<HTMLDgaSlideoutMenuElement>;
+            "dga-slideout-menu-actions": LocalJSX.DgaSlideoutMenuActions & JSXBase.HTMLAttributes<HTMLDgaSlideoutMenuActionsElement>;
+            "dga-slideout-menu-header": LocalJSX.DgaSlideoutMenuHeader & JSXBase.HTMLAttributes<HTMLDgaSlideoutMenuHeaderElement>;
+            "dga-slideout-menu-items": LocalJSX.DgaSlideoutMenuItems & JSXBase.HTMLAttributes<HTMLDgaSlideoutMenuItemsElement>;
+            "dga-slideout-menu-usage": LocalJSX.DgaSlideoutMenuUsage & JSXBase.HTMLAttributes<HTMLDgaSlideoutMenuUsageElement>;
+            "dga-slider": LocalJSX.DgaSlider & JSXBase.HTMLAttributes<HTMLDgaSliderElement>;
+            "dga-slider-usage": LocalJSX.DgaSliderUsage & JSXBase.HTMLAttributes<HTMLDgaSliderUsageElement>;
+            "dga-square-skeleton": LocalJSX.DgaSquareSkeleton & JSXBase.HTMLAttributes<HTMLDgaSquareSkeletonElement>;
+            "dga-status-tag": LocalJSX.DgaStatusTag & JSXBase.HTMLAttributes<HTMLDgaStatusTagElement>;
+            "dga-structured-list": LocalJSX.DgaStructuredList & JSXBase.HTMLAttributes<HTMLDgaStructuredListElement>;
+            "dga-structured-list-usage": LocalJSX.DgaStructuredListUsage & JSXBase.HTMLAttributes<HTMLDgaStructuredListUsageElement>;
+            "dga-suffix": LocalJSX.DgaSuffix & JSXBase.HTMLAttributes<HTMLDgaSuffixElement>;
+            "dga-switch": LocalJSX.DgaSwitch & JSXBase.HTMLAttributes<HTMLDgaSwitchElement>;
+            "dga-switch-usage": LocalJSX.DgaSwitchUsage & JSXBase.HTMLAttributes<HTMLDgaSwitchUsageElement>;
+            "dga-table": LocalJSX.DgaTable & JSXBase.HTMLAttributes<HTMLDgaTableElement>;
+            "dga-table-body": LocalJSX.DgaTableBody & JSXBase.HTMLAttributes<HTMLDgaTableBodyElement>;
+            "dga-table-of-content": LocalJSX.DgaTableOfContent & JSXBase.HTMLAttributes<HTMLDgaTableOfContentElement>;
+            "dga-table-of-content-usage": LocalJSX.DgaTableOfContentUsage & JSXBase.HTMLAttributes<HTMLDgaTableOfContentUsageElement>;
+            "dga-table-usage": LocalJSX.DgaTableUsage & JSXBase.HTMLAttributes<HTMLDgaTableUsageElement>;
+            "dga-tabs": LocalJSX.DgaTabs & JSXBase.HTMLAttributes<HTMLDgaTabsElement>;
+            "dga-tabs-usage": LocalJSX.DgaTabsUsage & JSXBase.HTMLAttributes<HTMLDgaTabsUsageElement>;
+            "dga-tag": LocalJSX.DgaTag & JSXBase.HTMLAttributes<HTMLDgaTagElement>;
+            "dga-tag-usage": LocalJSX.DgaTagUsage & JSXBase.HTMLAttributes<HTMLDgaTagUsageElement>;
+            "dga-text-input": LocalJSX.DgaTextInput & JSXBase.HTMLAttributes<HTMLDgaTextInputElement>;
+            "dga-text-input-usage": LocalJSX.DgaTextInputUsage & JSXBase.HTMLAttributes<HTMLDgaTextInputUsageElement>;
+            "dga-textarea": LocalJSX.DgaTextarea & JSXBase.HTMLAttributes<HTMLDgaTextareaElement>;
+            "dga-textarea-usage": LocalJSX.DgaTextareaUsage & JSXBase.HTMLAttributes<HTMLDgaTextareaUsageElement>;
+            "dga-tooltip": LocalJSX.DgaTooltip & JSXBase.HTMLAttributes<HTMLDgaTooltipElement>;
+            "dga-tooltip-usage": LocalJSX.DgaTooltipUsage & JSXBase.HTMLAttributes<HTMLDgaTooltipUsageElement>;
+            "floating-button": LocalJSX.FloatingButton & JSXBase.HTMLAttributes<HTMLFloatingButtonElement>;
+            "month-navigator": LocalJSX.MonthNavigator & JSXBase.HTMLAttributes<HTMLMonthNavigatorElement>;
+            "side-panel-menu": LocalJSX.SidePanelMenu & JSXBase.HTMLAttributes<HTMLSidePanelMenuElement>;
+            "submenu-component": LocalJSX.SubmenuComponent & JSXBase.HTMLAttributes<HTMLSubmenuComponentElement>;
+            "tab-component": LocalJSX.TabComponent & JSXBase.HTMLAttributes<HTMLTabComponentElement>;
+            "tab-link": LocalJSX.TabLink & JSXBase.HTMLAttributes<HTMLTabLinkElement>;
+        }
+    }
+}