@ganpatiinfo/gids-core-web 9.0.0 → 10.0.0

package/dist/types/components.d.ts

@@ -5,15 +5,363 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { GidsComponentButtonClickHandler, GidsIconWebProps, GidsInputWebStatus, GidsWebFieldStatus, RemovedGidsOverlayProviderNotificationQueueWebProps, RemovedGidsOverlayProviderSnackbarQueueWebProps, RemoveGidsInputProps, RemoveGidsPasswordFieldProps, RemoveGidsTextFieldProps, TextInputTypes } from "@ganpatiinfo/gids-web-shared";
+import { GidsActivityGaugeCommonProps, GidsActivityGaugeData, GidsActivityGaugeLegendPosition, GidsActivityGaugeSize, GidsBarChartCommonProps, GidsBarChartData, GidsBarChartLegendPosition, GidsButtonAppearance, GidsButtonSize, GidsButtonWidth, GidsCalendarDateSelectionEventDetails, GidsCalendarHeaderPanelActionsEventDetail, GidsCalendarHeaderPanelItemSelectEventDetail, GidsCalendarMonthListItemSelectEventDetail, GidsCalendarWidth, GidsCalendarYearListItemSelectEventDetail, GidsChartBreakpoint, GidsChartLegendItemOrientation, GidsChartLegendItemSeriesType, GidsChartType, GidsComponentPosition, GidsDotAppearance, GidsDotSize, GidsDropdownChangeEventDetail, GidsDropdownPickerChangeEventDetail, GidsFloatingElementPlacement, GidsInputAppearance, GidsLabelFieldRequirement, GidsLabelFieldRequirementTextFn, GidsLevelGaugeColor, GidsLevelGaugeCommonProps, GidsLevelGaugeSize, GidsLineChartCommonProps, GidsLineChartData, GidsLineChartLegendPosition, GidsMenuGroupType, GidsNotificationPronunciation, GidsOverflowContainerShadowLocation, GidsPieChartCommonProps, GidsPieChartData, GidsProgressCircleCommonProps, GidsRequirementsProps, GidsSnackbarContainerAppearance, GidsSpinnerSize, GidsToggleButtonAppearance, IsLabelSentenceFn } from "@ganpatiinfo/gids-core-shared";
+import { NativeInputForwardedProps } from "./components/webComponents/GidsDropdown/GidsDropdown";
+import { GidsComponentButtonClickHandler, GidsDropdownFieldWebProps, GidsIconWebProps, GidsInputWebStatus, GidsWebFieldStatus, RemovedGidsOverlayProviderNotificationQueueWebProps, RemovedGidsOverlayProviderSnackbarQueueWebProps, RemoveGidsInputProps, RemoveGidsPasswordFieldProps, RemoveGidsTextFieldProps, TextInputTypes } from "@ganpatiinfo/gids-web-shared";
+import { NativeInputForwardedProps as NativeInputForwardedProps1 } from "./components/webComponents/GidsDropdownField/GidsDropdownField";
 import { IconAppearance, IconName } from "@ganpatiinfo/gids-web-theme-interface";
-import { GidsButtonSize, GidsButtonWidth, GidsComponentPosition, GidsFloatingElementPlacement, GidsInputAppearance, GidsLabelFieldRequirement, GidsLabelFieldRequirementTextFn, GidsNotificationPronunciation, GidsOverflowContainerShadowLocation, GidsRequirementsProps, GidsSnackbarContainerAppearance, GidsToggleButtonAppearance, IsLabelSentenceFn } from "@ganpatiinfo/gids-core-shared";
 import { JSXBase } from "./stencil-public-runtime";
-export { GidsComponentButtonClickHandler, GidsIconWebProps, GidsInputWebStatus, GidsWebFieldStatus, RemovedGidsOverlayProviderNotificationQueueWebProps, RemovedGidsOverlayProviderSnackbarQueueWebProps, RemoveGidsInputProps, RemoveGidsPasswordFieldProps, RemoveGidsTextFieldProps, TextInputTypes } from "@ganpatiinfo/gids-web-shared";
+import { GidsPieChartSize } from "./components/webComponents/GidsPieChart/GidsPieChart";
+import { GidsProgressCircleShape, GidsProgressCircleSize } from "./components/webComponents/GidsProgressCircle/GidsProgressCircle";
+export { GidsActivityGaugeCommonProps, GidsActivityGaugeData, GidsActivityGaugeLegendPosition, GidsActivityGaugeSize, GidsBarChartCommonProps, GidsBarChartData, GidsBarChartLegendPosition, GidsButtonAppearance, GidsButtonSize, GidsButtonWidth, GidsCalendarDateSelectionEventDetails, GidsCalendarHeaderPanelActionsEventDetail, GidsCalendarHeaderPanelItemSelectEventDetail, GidsCalendarMonthListItemSelectEventDetail, GidsCalendarWidth, GidsCalendarYearListItemSelectEventDetail, GidsChartBreakpoint, GidsChartLegendItemOrientation, GidsChartLegendItemSeriesType, GidsChartType, GidsComponentPosition, GidsDotAppearance, GidsDotSize, GidsDropdownChangeEventDetail, GidsDropdownPickerChangeEventDetail, GidsFloatingElementPlacement, GidsInputAppearance, GidsLabelFieldRequirement, GidsLabelFieldRequirementTextFn, GidsLevelGaugeColor, GidsLevelGaugeCommonProps, GidsLevelGaugeSize, GidsLineChartCommonProps, GidsLineChartData, GidsLineChartLegendPosition, GidsMenuGroupType, GidsNotificationPronunciation, GidsOverflowContainerShadowLocation, GidsPieChartCommonProps, GidsPieChartData, GidsProgressCircleCommonProps, GidsRequirementsProps, GidsSnackbarContainerAppearance, GidsSpinnerSize, GidsToggleButtonAppearance, IsLabelSentenceFn } from "@ganpatiinfo/gids-core-shared";
+export { NativeInputForwardedProps } from "./components/webComponents/GidsDropdown/GidsDropdown";
+export { GidsComponentButtonClickHandler, GidsDropdownFieldWebProps, GidsIconWebProps, GidsInputWebStatus, GidsWebFieldStatus, RemovedGidsOverlayProviderNotificationQueueWebProps, RemovedGidsOverlayProviderSnackbarQueueWebProps, RemoveGidsInputProps, RemoveGidsPasswordFieldProps, RemoveGidsTextFieldProps, TextInputTypes } from "@ganpatiinfo/gids-web-shared";
+export { NativeInputForwardedProps as NativeInputForwardedProps1 } from "./components/webComponents/GidsDropdownField/GidsDropdownField";
 export { IconAppearance, IconName } from "@ganpatiinfo/gids-web-theme-interface";
-export { GidsButtonSize, GidsButtonWidth, GidsComponentPosition, GidsFloatingElementPlacement, GidsInputAppearance, GidsLabelFieldRequirement, GidsLabelFieldRequirementTextFn, GidsNotificationPronunciation, GidsOverflowContainerShadowLocation, GidsRequirementsProps, GidsSnackbarContainerAppearance, GidsToggleButtonAppearance, IsLabelSentenceFn } from "@ganpatiinfo/gids-core-shared";
 export { JSXBase } from "./stencil-public-runtime";
+export { GidsPieChartSize } from "./components/webComponents/GidsPieChart/GidsPieChart";
+export { GidsProgressCircleShape, GidsProgressCircleSize } from "./components/webComponents/GidsProgressCircle/GidsProgressCircle";
 export namespace Components {
+    interface GidsActivityGauge {
+        /**
+          * @default 'desktop'
+         */
+        "breakpoint"?: GidsChartBreakpoint;
+        /**
+          * @default []
+         */
+        "chartData": GidsActivityGaugeData[];
+        /**
+          * @default 'lg'
+         */
+        "chartLoaderSize"?: GidsSpinnerSize;
+        /**
+          * @default false
+         */
+        "chartLoading"?: boolean;
+        "chartLoadingSupportingText"?: string;
+        "chartLoadingTitle"?: string;
+        /**
+          * @default ''
+         */
+        "label"?: string;
+        /**
+          * @default 'none'
+         */
+        "legend"?: GidsActivityGaugeLegendPosition;
+        /**
+          * @default 'xs'
+         */
+        "size"?: GidsActivityGaugeSize;
+    }
+    interface GidsBarChart {
+        /**
+          * @default 'desktop'
+         */
+        "breakpoint"?: GidsChartBreakpoint;
+        /**
+          * @default []
+         */
+        "chartData": GidsBarChartData[];
+        /**
+          * @default 'lg'
+         */
+        "chartLoaderSize"?: GidsSpinnerSize;
+        /**
+          * @default false
+         */
+        "chartLoading"?: boolean;
+        "chartLoadingSupportingText"?: string;
+        "chartLoadingTitle"?: string;
+        /**
+          * @default []
+         */
+        "dataPoints"?: number[];
+        /**
+          * @default 'none'
+         */
+        "legend"?: GidsBarChartLegendPosition;
+        "xAxisLabel"?: string;
+        "yAxisLabel"?: string;
+        /**
+          * @default false
+         */
+        "yAxisVisible"?: boolean;
+    }
+    interface GidsCalendar {
+        "activeMonthNumber"?: number;
+        "activeYear"?: number;
+        /**
+          * @default []
+         */
+        "dotVisibleDates"?: string[];
+        "endYear"?: number;
+        /**
+          * @default false
+         */
+        "monthPickerDisabled"?: boolean;
+        /**
+          * @default false
+         */
+        "nextDisabled"?: boolean;
+        "onNextChange"?: (
+		event: GidsCalendarHeaderPanelActionsEventDetail,
+	) => void;
+        "onPanelMonthChange"?: (
+		event: GidsCalendarHeaderPanelItemSelectEventDetail,
+	) => void;
+        "onPanelYearChange"?: (
+		event: GidsCalendarHeaderPanelItemSelectEventDetail,
+	) => void;
+        "onPreviousChange"?: (
+		event: GidsCalendarHeaderPanelActionsEventDetail,
+	) => void;
+        "onSelectionCalendarCell"?: (
+		event: GidsCalendarDateSelectionEventDetails,
+	) => void;
+        /**
+          * @default 'primary'
+         */
+        "panelActionsAppearance"?: GidsButtonAppearance;
+        /**
+          * @default false
+         */
+        "panelDisabled"?: boolean;
+        /**
+          * @default false
+         */
+        "previousDisabled"?: boolean;
+        "selectedDate"?: string;
+        "startYear"?: number;
+        /**
+          * @default 'intrinsic'
+         */
+        "width"?: GidsCalendarWidth;
+        /**
+          * @default false
+         */
+        "yearPickerDisabled"?: boolean;
+    }
+    interface GidsCalendarHeaderPanel {
+        /**
+          * @default 'primary'
+         */
+        "appearance"?: GidsButtonAppearance;
+        "endYear"?: number;
+        /**
+          * @default false
+         */
+        "expandedMonthPicker"?: boolean;
+        /**
+          * @default false
+         */
+        "expandedYearPicker"?: boolean;
+        /**
+          * @default false
+         */
+        "monthPickerDisabled"?: boolean;
+        /**
+          * @default false
+         */
+        "nextDisabled"?: boolean;
+        "onNextChange"?: (
+		event: GidsCalendarHeaderPanelActionsEventDetail,
+	) => void;
+        "onPanelMonthChange"?: (
+		event: GidsCalendarHeaderPanelItemSelectEventDetail,
+	) => void;
+        "onPanelYearChange"?: (
+		event: GidsCalendarHeaderPanelItemSelectEventDetail,
+	) => void;
+        "onPreviousChange"?: (
+		event: GidsCalendarHeaderPanelActionsEventDetail,
+	) => void;
+        /**
+          * @default false
+         */
+        "panelDisabled"?: boolean;
+        /**
+          * @default false
+         */
+        "previousDisabled"?: boolean;
+        "selectedMonthNumber"?: number;
+        "selectedYear"?: number;
+        "startYear"?: number;
+        /**
+          * @default false
+         */
+        "yearPickerDisabled"?: boolean;
+    }
+    interface GidsCalendarMonthList {
+        /**
+          * @default []
+         */
+        "disabledIndices"?: number[];
+        /**
+          * @default false
+         */
+        "divider"?: boolean;
+        "noOptionsText"?: string;
+        "onSelectionMonthChange"?: (
+		event: GidsCalendarMonthListItemSelectEventDetail,
+	) => void;
+        "selectedMonthNumber"?: number;
+        /**
+          * @default 'default'
+         */
+        "type"?: GidsMenuGroupType;
+    }
+    interface GidsCalendarYearList {
+        /**
+          * @default []
+         */
+        "disabledIndices"?: number[];
+        /**
+          * @default false
+         */
+        "divider"?: boolean;
+        "endYear"?: number;
+        "noOptionsText"?: string;
+        "onSelectionYearChange"?: (
+		event: GidsCalendarYearListItemSelectEventDetail,
+	) => void;
+        "selectedYear"?: number;
+        "startYear"?: number;
+        /**
+          * @default 'default'
+         */
+        "type"?: GidsMenuGroupType;
+    }
+    interface GidsChart {
+        "activityGaugeProps"?: GidsActivityGaugeCommonProps;
+        "barChartProps"?: GidsBarChartCommonProps;
+        /**
+          * @default 'desktop'
+         */
+        "breakpoint"?: GidsChartBreakpoint;
+        /**
+          * @default 'line-chart'
+         */
+        "chartType"?: GidsChartType;
+        "levelGaugeProps"?: GidsLevelGaugeCommonProps;
+        "lineChartProps"?: GidsLineChartCommonProps;
+        "pieChartProps"?: GidsPieChartCommonProps;
+        "progressCircleProps"?: GidsProgressCircleCommonProps;
+    }
+    interface GidsChartLegend {
+        /**
+          * @default 'horizontal'
+         */
+        "orientation"?: GidsChartLegendItemOrientation;
+    }
+    interface GidsChartLegendItem {
+        /**
+          * @default 'horizontal'
+         */
+        "orientation"?: GidsChartLegendItemOrientation;
+        /**
+          * @default '1'
+         */
+        "seriesType"?: GidsChartLegendItemSeriesType;
+    }
+    interface GidsChevronButton {
+        "ariaControls": string | null;
+        "ariaExpanded": string | null;
+        "ariaHaspopup": string | null;
+        "ariaLabel": string | null;
+        "disabled"?: boolean;
+        "extraClasses"?: string;
+        /**
+          * @default 'xs'
+         */
+        "size"?: GidsButtonSize;
+    }
+    interface GidsDot {
+        /**
+          * @default 'subtle'
+         */
+        "appearance"?: GidsDotAppearance;
+        /**
+          * @default false
+         */
+        "disabled"?: boolean;
+        "extraClasses"?: string;
+        /**
+          * @default 'xs'
+         */
+        "size"?: GidsDotSize;
+    }
+    interface GidsDropdown {
+        /**
+          * @default 'default'
+         */
+        "appearance"?: GidsInputAppearance;
+        "checkValidity": () => Promise<boolean>;
+        "disabled"?: boolean;
+        /**
+          * @default false
+         */
+        "expanded"?: boolean;
+        "inputProps"?: NativeInputForwardedProps;
+        "loading"?: boolean;
+        "name"?: string;
+        "onSelectionChange"?: (details: GidsDropdownChangeEventDetail) => void;
+        "readOnly"?: boolean;
+        "reportValidity": () => Promise<boolean>;
+        "required"?: boolean;
+        "setCustomValidity": (message: string) => Promise<void>;
+        "value"?: string;
+    }
+    interface GidsDropdownField {
+        /**
+          * @default 'default'
+         */
+        "appearance"?: GidsInputAppearance;
+        "checkValidity": () => Promise<boolean>;
+        "disabled"?: boolean;
+        /**
+          * @default false
+         */
+        "expanded"?: boolean;
+        "helperText"?: string;
+        "inputProps"?: NativeInputForwardedProps1;
+        "label"?: string;
+        "loading"?: boolean;
+        "name"?: string;
+        "onSelectionChange"?: (details: GidsDropdownChangeEventDetail) => void;
+        "readOnly"?: boolean;
+        "reportValidity": () => Promise<boolean>;
+        "required"?: boolean;
+        "setCustomValidity": (message: string) => Promise<void>;
+        "status"?: GidsDropdownFieldWebProps['status'];
+        "statusText"?: string;
+        "value"?: string;
+    }
+    interface GidsDropdownPicker {
+        /**
+          * @default 'subtle'
+         */
+        "appearance"?: GidsButtonAppearance;
+        "disabled"?: boolean;
+        /**
+          * @default false
+         */
+        "expanded"?: boolean;
+        /**
+          * @default ''
+         */
+        "idPicker"?: string;
+        "loading"?: boolean;
+        "name"?: string;
+        "onSelectionChange"?: (
+		details: GidsDropdownPickerChangeEventDetail,
+	) => void;
+        /**
+          * @default 'sm'
+         */
+        "size"?: GidsButtonSize;
+        "value"?: string;
+    }
     interface GidsField {
         "count"?: string;
         "disabled"?: boolean;
@@ -48,6 +396,72 @@ export namespace Components {
         "trailingLabel"?: string;
         "value": string;
     }
+    interface GidsLevelGauge {
+        /**
+          * @default 'desktop'
+         */
+        "breakpoint"?: GidsChartBreakpoint;
+        /**
+          * @default 'lg'
+         */
+        "chartLoaderSize"?: GidsSpinnerSize;
+        /**
+          * @default false
+         */
+        "chartLoading"?: boolean;
+        "chartLoadingSupportingText"?: string;
+        "chartLoadingTitle"?: string;
+        /**
+          * @default 'amber'
+         */
+        "color"?: GidsLevelGaugeColor;
+        /**
+          * @default 'Completed'
+         */
+        "label"?: string;
+        /**
+          * @default 'xxs'
+         */
+        "size"?: GidsLevelGaugeSize;
+        /**
+          * @default 0
+         */
+        "value": number;
+    }
+    interface GidsLineChart {
+        /**
+          * @default 'desktop'
+         */
+        "breakpoint"?: GidsChartBreakpoint;
+        /**
+          * @default []
+         */
+        "chartData": GidsLineChartData[];
+        /**
+          * @default 'lg'
+         */
+        "chartLoaderSize"?: GidsSpinnerSize;
+        /**
+          * @default false
+         */
+        "chartLoading"?: boolean;
+        "chartLoadingSupportingText"?: string;
+        "chartLoadingTitle"?: string;
+        /**
+          * @default []
+         */
+        "dataPoints"?: number[];
+        /**
+          * @default 'none'
+         */
+        "legend"?: GidsLineChartLegendPosition;
+        "xAxisLabel"?: string;
+        "yAxisLabel"?: string;
+        /**
+          * @default false
+         */
+        "yAxisVisible"?: boolean;
+    }
     interface GidsNotification {
         /**
           * @default 'default'
@@ -110,6 +524,34 @@ export namespace Components {
         "textMinLength"?: number;
         "value"?: string;
     }
+    interface GidsPieChart {
+        /**
+          * @default 'desktop'
+         */
+        "breakpoint"?: GidsChartBreakpoint;
+        /**
+          * @default []
+         */
+        "chartData": GidsPieChartData[];
+        /**
+          * @default 'lg'
+         */
+        "chartLoaderSize"?: GidsSpinnerSize;
+        /**
+          * @default false
+         */
+        "chartLoading"?: boolean;
+        "chartLoadingSupportingText"?: string;
+        "chartLoadingTitle"?: string;
+        /**
+          * @default false
+         */
+        "legendVisible"?: boolean;
+        /**
+          * @default 'xxs'
+         */
+        "size"?: GidsPieChartSize;
+    }
     interface GidsPopover {
         "htmlFor": string;
         /**
@@ -117,6 +559,38 @@ export namespace Components {
          */
         "placement": GidsFloatingElementPlacement;
     }
+    interface GidsProgressCircle {
+        /**
+          * @default 'desktop'
+         */
+        "breakpoint"?: GidsChartBreakpoint;
+        /**
+          * @default 'lg'
+         */
+        "chartLoaderSize"?: GidsSpinnerSize;
+        /**
+          * @default false
+         */
+        "chartLoading"?: boolean;
+        "chartLoadingSupportingText"?: string;
+        "chartLoadingTitle"?: string;
+        /**
+          * @default ''
+         */
+        "label"?: string;
+        /**
+          * @default 'circle'
+         */
+        "shape": GidsProgressCircleShape;
+        /**
+          * @default 'xs'
+         */
+        "size"?: GidsProgressCircleSize;
+        /**
+          * @default 0
+         */
+        "value": number;
+    }
     interface GidsScrim {
         "extraClasses"?: string | undefined;
     }
@@ -214,6 +688,10 @@ export namespace Components {
         "tooltipText": string;
     }
 }
+export interface GidsChevronButtonCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLGidsChevronButtonElement;
+}
 export interface GidsPasswordFieldCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLGidsPasswordFieldElement;
@@ -227,6 +705,101 @@ export interface GidsToggleButtonCustomEvent<T> extends CustomEvent<T> {
     target: HTMLGidsToggleButtonElement;
 }
 declare global {
+    interface HTMLGidsActivityGaugeElement extends Components.GidsActivityGauge, HTMLStencilElement {
+    }
+    var HTMLGidsActivityGaugeElement: {
+        prototype: HTMLGidsActivityGaugeElement;
+        new (): HTMLGidsActivityGaugeElement;
+    };
+    interface HTMLGidsBarChartElement extends Components.GidsBarChart, HTMLStencilElement {
+    }
+    var HTMLGidsBarChartElement: {
+        prototype: HTMLGidsBarChartElement;
+        new (): HTMLGidsBarChartElement;
+    };
+    interface HTMLGidsCalendarElement extends Components.GidsCalendar, HTMLStencilElement {
+    }
+    var HTMLGidsCalendarElement: {
+        prototype: HTMLGidsCalendarElement;
+        new (): HTMLGidsCalendarElement;
+    };
+    interface HTMLGidsCalendarHeaderPanelElement extends Components.GidsCalendarHeaderPanel, HTMLStencilElement {
+    }
+    var HTMLGidsCalendarHeaderPanelElement: {
+        prototype: HTMLGidsCalendarHeaderPanelElement;
+        new (): HTMLGidsCalendarHeaderPanelElement;
+    };
+    interface HTMLGidsCalendarMonthListElement extends Components.GidsCalendarMonthList, HTMLStencilElement {
+    }
+    var HTMLGidsCalendarMonthListElement: {
+        prototype: HTMLGidsCalendarMonthListElement;
+        new (): HTMLGidsCalendarMonthListElement;
+    };
+    interface HTMLGidsCalendarYearListElement extends Components.GidsCalendarYearList, HTMLStencilElement {
+    }
+    var HTMLGidsCalendarYearListElement: {
+        prototype: HTMLGidsCalendarYearListElement;
+        new (): HTMLGidsCalendarYearListElement;
+    };
+    interface HTMLGidsChartElement extends Components.GidsChart, HTMLStencilElement {
+    }
+    var HTMLGidsChartElement: {
+        prototype: HTMLGidsChartElement;
+        new (): HTMLGidsChartElement;
+    };
+    interface HTMLGidsChartLegendElement extends Components.GidsChartLegend, HTMLStencilElement {
+    }
+    var HTMLGidsChartLegendElement: {
+        prototype: HTMLGidsChartLegendElement;
+        new (): HTMLGidsChartLegendElement;
+    };
+    interface HTMLGidsChartLegendItemElement extends Components.GidsChartLegendItem, HTMLStencilElement {
+    }
+    var HTMLGidsChartLegendItemElement: {
+        prototype: HTMLGidsChartLegendItemElement;
+        new (): HTMLGidsChartLegendItemElement;
+    };
+    interface HTMLGidsChevronButtonElementEventMap {
+        "gidsChevronButton": PointerEvent;
+    }
+    interface HTMLGidsChevronButtonElement extends Components.GidsChevronButton, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLGidsChevronButtonElementEventMap>(type: K, listener: (this: HTMLGidsChevronButtonElement, ev: GidsChevronButtonCustomEvent<HTMLGidsChevronButtonElementEventMap[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 HTMLGidsChevronButtonElementEventMap>(type: K, listener: (this: HTMLGidsChevronButtonElement, ev: GidsChevronButtonCustomEvent<HTMLGidsChevronButtonElementEventMap[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 HTMLGidsChevronButtonElement: {
+        prototype: HTMLGidsChevronButtonElement;
+        new (): HTMLGidsChevronButtonElement;
+    };
+    interface HTMLGidsDotElement extends Components.GidsDot, HTMLStencilElement {
+    }
+    var HTMLGidsDotElement: {
+        prototype: HTMLGidsDotElement;
+        new (): HTMLGidsDotElement;
+    };
+    interface HTMLGidsDropdownElement extends Components.GidsDropdown, HTMLStencilElement {
+    }
+    var HTMLGidsDropdownElement: {
+        prototype: HTMLGidsDropdownElement;
+        new (): HTMLGidsDropdownElement;
+    };
+    interface HTMLGidsDropdownFieldElement extends Components.GidsDropdownField, HTMLStencilElement {
+    }
+    var HTMLGidsDropdownFieldElement: {
+        prototype: HTMLGidsDropdownFieldElement;
+        new (): HTMLGidsDropdownFieldElement;
+    };
+    interface HTMLGidsDropdownPickerElement extends Components.GidsDropdownPicker, HTMLStencilElement {
+    }
+    var HTMLGidsDropdownPickerElement: {
+        prototype: HTMLGidsDropdownPickerElement;
+        new (): HTMLGidsDropdownPickerElement;
+    };
     interface HTMLGidsFieldElement extends Components.GidsField, HTMLStencilElement {
     }
     var HTMLGidsFieldElement: {
@@ -245,6 +818,18 @@ declare global {
         prototype: HTMLGidsInputElement;
         new (): HTMLGidsInputElement;
     };
+    interface HTMLGidsLevelGaugeElement extends Components.GidsLevelGauge, HTMLStencilElement {
+    }
+    var HTMLGidsLevelGaugeElement: {
+        prototype: HTMLGidsLevelGaugeElement;
+        new (): HTMLGidsLevelGaugeElement;
+    };
+    interface HTMLGidsLineChartElement extends Components.GidsLineChart, HTMLStencilElement {
+    }
+    var HTMLGidsLineChartElement: {
+        prototype: HTMLGidsLineChartElement;
+        new (): HTMLGidsLineChartElement;
+    };
     interface HTMLGidsNotificationElement extends Components.GidsNotification, HTMLStencilElement {
     }
     var HTMLGidsNotificationElement: {
@@ -281,83 +866,452 @@ declare global {
         prototype: HTMLGidsPasswordFieldElement;
         new (): HTMLGidsPasswordFieldElement;
     };
+    interface HTMLGidsPieChartElement extends Components.GidsPieChart, HTMLStencilElement {
+    }
+    var HTMLGidsPieChartElement: {
+        prototype: HTMLGidsPieChartElement;
+        new (): HTMLGidsPieChartElement;
+    };
     interface HTMLGidsPopoverElement extends Components.GidsPopover, HTMLStencilElement {
     }
-    var HTMLGidsPopoverElement: {
-        prototype: HTMLGidsPopoverElement;
-        new (): HTMLGidsPopoverElement;
-    };
-    interface HTMLGidsScrimElement extends Components.GidsScrim, HTMLStencilElement {
+    var HTMLGidsPopoverElement: {
+        prototype: HTMLGidsPopoverElement;
+        new (): HTMLGidsPopoverElement;
+    };
+    interface HTMLGidsProgressCircleElement extends Components.GidsProgressCircle, HTMLStencilElement {
+    }
+    var HTMLGidsProgressCircleElement: {
+        prototype: HTMLGidsProgressCircleElement;
+        new (): HTMLGidsProgressCircleElement;
+    };
+    interface HTMLGidsScrimElement extends Components.GidsScrim, HTMLStencilElement {
+    }
+    var HTMLGidsScrimElement: {
+        prototype: HTMLGidsScrimElement;
+        new (): HTMLGidsScrimElement;
+    };
+    interface HTMLGidsSnackbarElement extends Components.GidsSnackbar, HTMLStencilElement {
+    }
+    var HTMLGidsSnackbarElement: {
+        prototype: HTMLGidsSnackbarElement;
+        new (): HTMLGidsSnackbarElement;
+    };
+    interface HTMLGidsTextFieldElementEventMap {
+        "gidsTextFieldClear": void;
+    }
+    interface HTMLGidsTextFieldElement extends Components.GidsTextField, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLGidsTextFieldElementEventMap>(type: K, listener: (this: HTMLGidsTextFieldElement, ev: GidsTextFieldCustomEvent<HTMLGidsTextFieldElementEventMap[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 HTMLGidsTextFieldElementEventMap>(type: K, listener: (this: HTMLGidsTextFieldElement, ev: GidsTextFieldCustomEvent<HTMLGidsTextFieldElementEventMap[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 HTMLGidsTextFieldElement: {
+        prototype: HTMLGidsTextFieldElement;
+        new (): HTMLGidsTextFieldElement;
+    };
+    interface HTMLGidsToggleButtonElementEventMap {
+        "select": boolean;
+    }
+    interface HTMLGidsToggleButtonElement extends Components.GidsToggleButton, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLGidsToggleButtonElementEventMap>(type: K, listener: (this: HTMLGidsToggleButtonElement, ev: GidsToggleButtonCustomEvent<HTMLGidsToggleButtonElementEventMap[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 HTMLGidsToggleButtonElementEventMap>(type: K, listener: (this: HTMLGidsToggleButtonElement, ev: GidsToggleButtonCustomEvent<HTMLGidsToggleButtonElementEventMap[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 HTMLGidsToggleButtonElement: {
+        prototype: HTMLGidsToggleButtonElement;
+        new (): HTMLGidsToggleButtonElement;
+    };
+    interface HTMLGidsTooltipElement extends Components.GidsTooltip, HTMLStencilElement {
+    }
+    var HTMLGidsTooltipElement: {
+        prototype: HTMLGidsTooltipElement;
+        new (): HTMLGidsTooltipElement;
+    };
+    interface HTMLElementTagNameMap {
+        "gids-activity-gauge": HTMLGidsActivityGaugeElement;
+        "gids-bar-chart": HTMLGidsBarChartElement;
+        "gids-calendar": HTMLGidsCalendarElement;
+        "gids-calendar-header-panel": HTMLGidsCalendarHeaderPanelElement;
+        "gids-calendar-month-list": HTMLGidsCalendarMonthListElement;
+        "gids-calendar-year-list": HTMLGidsCalendarYearListElement;
+        "gids-chart": HTMLGidsChartElement;
+        "gids-chart-legend": HTMLGidsChartLegendElement;
+        "gids-chart-legend-item": HTMLGidsChartLegendItemElement;
+        "gids-chevron-button": HTMLGidsChevronButtonElement;
+        "gids-dot": HTMLGidsDotElement;
+        "gids-dropdown": HTMLGidsDropdownElement;
+        "gids-dropdown-field": HTMLGidsDropdownFieldElement;
+        "gids-dropdown-picker": HTMLGidsDropdownPickerElement;
+        "gids-field": HTMLGidsFieldElement;
+        "gids-icon": HTMLGidsIconElement;
+        "gids-input": HTMLGidsInputElement;
+        "gids-level-gauge": HTMLGidsLevelGaugeElement;
+        "gids-line-chart": HTMLGidsLineChartElement;
+        "gids-notification": HTMLGidsNotificationElement;
+        "gids-overflow-container": HTMLGidsOverflowContainerElement;
+        "gids-overlay-provider": HTMLGidsOverlayProviderElement;
+        "gids-password-field": HTMLGidsPasswordFieldElement;
+        "gids-pie-chart": HTMLGidsPieChartElement;
+        "gids-popover": HTMLGidsPopoverElement;
+        "gids-progress-circle": HTMLGidsProgressCircleElement;
+        "gids-scrim": HTMLGidsScrimElement;
+        "gids-snackbar": HTMLGidsSnackbarElement;
+        "gids-text-field": HTMLGidsTextFieldElement;
+        "gids-toggle-button": HTMLGidsToggleButtonElement;
+        "gids-tooltip": HTMLGidsTooltipElement;
+    }
+}
+declare namespace LocalJSX {
+    type OneOf<K extends string, PropT, AttrT = PropT> = { [P in K]: PropT } & { [P in `attr:${K}` | `prop:${K}`]?: never } | { [P in `attr:${K}`]: AttrT } & { [P in K | `prop:${K}`]?: never } | { [P in `prop:${K}`]: PropT } & { [P in K | `attr:${K}`]?: never };
+
+    interface GidsActivityGauge {
+        /**
+          * @default 'desktop'
+         */
+        "breakpoint"?: GidsChartBreakpoint;
+        /**
+          * @default []
+         */
+        "chartData"?: GidsActivityGaugeData[];
+        /**
+          * @default 'lg'
+         */
+        "chartLoaderSize"?: GidsSpinnerSize;
+        /**
+          * @default false
+         */
+        "chartLoading"?: boolean;
+        "chartLoadingSupportingText"?: string;
+        "chartLoadingTitle"?: string;
+        /**
+          * @default ''
+         */
+        "label"?: string;
+        /**
+          * @default 'none'
+         */
+        "legend"?: GidsActivityGaugeLegendPosition;
+        /**
+          * @default 'xs'
+         */
+        "size"?: GidsActivityGaugeSize;
+    }
+    interface GidsBarChart {
+        /**
+          * @default 'desktop'
+         */
+        "breakpoint"?: GidsChartBreakpoint;
+        /**
+          * @default []
+         */
+        "chartData"?: GidsBarChartData[];
+        /**
+          * @default 'lg'
+         */
+        "chartLoaderSize"?: GidsSpinnerSize;
+        /**
+          * @default false
+         */
+        "chartLoading"?: boolean;
+        "chartLoadingSupportingText"?: string;
+        "chartLoadingTitle"?: string;
+        /**
+          * @default []
+         */
+        "dataPoints"?: number[];
+        /**
+          * @default 'none'
+         */
+        "legend"?: GidsBarChartLegendPosition;
+        "xAxisLabel"?: string;
+        "yAxisLabel"?: string;
+        /**
+          * @default false
+         */
+        "yAxisVisible"?: boolean;
+    }
+    interface GidsCalendar {
+        "activeMonthNumber"?: number;
+        "activeYear"?: number;
+        /**
+          * @default []
+         */
+        "dotVisibleDates"?: string[];
+        "endYear"?: number;
+        /**
+          * @default false
+         */
+        "monthPickerDisabled"?: boolean;
+        /**
+          * @default false
+         */
+        "nextDisabled"?: boolean;
+        "onNextChange"?: (
+		event: GidsCalendarHeaderPanelActionsEventDetail,
+	) => void;
+        "onPanelMonthChange"?: (
+		event: GidsCalendarHeaderPanelItemSelectEventDetail,
+	) => void;
+        "onPanelYearChange"?: (
+		event: GidsCalendarHeaderPanelItemSelectEventDetail,
+	) => void;
+        "onPreviousChange"?: (
+		event: GidsCalendarHeaderPanelActionsEventDetail,
+	) => void;
+        "onSelectionCalendarCell"?: (
+		event: GidsCalendarDateSelectionEventDetails,
+	) => void;
+        /**
+          * @default 'primary'
+         */
+        "panelActionsAppearance"?: GidsButtonAppearance;
+        /**
+          * @default false
+         */
+        "panelDisabled"?: boolean;
+        /**
+          * @default false
+         */
+        "previousDisabled"?: boolean;
+        "selectedDate"?: string;
+        "startYear"?: number;
+        /**
+          * @default 'intrinsic'
+         */
+        "width"?: GidsCalendarWidth;
+        /**
+          * @default false
+         */
+        "yearPickerDisabled"?: boolean;
+    }
+    interface GidsCalendarHeaderPanel {
+        /**
+          * @default 'primary'
+         */
+        "appearance"?: GidsButtonAppearance;
+        "endYear"?: number;
+        /**
+          * @default false
+         */
+        "expandedMonthPicker"?: boolean;
+        /**
+          * @default false
+         */
+        "expandedYearPicker"?: boolean;
+        /**
+          * @default false
+         */
+        "monthPickerDisabled"?: boolean;
+        /**
+          * @default false
+         */
+        "nextDisabled"?: boolean;
+        "onNextChange"?: (
+		event: GidsCalendarHeaderPanelActionsEventDetail,
+	) => void;
+        "onPanelMonthChange"?: (
+		event: GidsCalendarHeaderPanelItemSelectEventDetail,
+	) => void;
+        "onPanelYearChange"?: (
+		event: GidsCalendarHeaderPanelItemSelectEventDetail,
+	) => void;
+        "onPreviousChange"?: (
+		event: GidsCalendarHeaderPanelActionsEventDetail,
+	) => void;
+        /**
+          * @default false
+         */
+        "panelDisabled"?: boolean;
+        /**
+          * @default false
+         */
+        "previousDisabled"?: boolean;
+        "selectedMonthNumber"?: number;
+        "selectedYear"?: number;
+        "startYear"?: number;
+        /**
+          * @default false
+         */
+        "yearPickerDisabled"?: boolean;
+    }
+    interface GidsCalendarMonthList {
+        /**
+          * @default []
+         */
+        "disabledIndices"?: number[];
+        /**
+          * @default false
+         */
+        "divider"?: boolean;
+        "noOptionsText"?: string;
+        "onSelectionMonthChange"?: (
+		event: GidsCalendarMonthListItemSelectEventDetail,
+	) => void;
+        "selectedMonthNumber"?: number;
+        /**
+          * @default 'default'
+         */
+        "type"?: GidsMenuGroupType;
+    }
+    interface GidsCalendarYearList {
+        /**
+          * @default []
+         */
+        "disabledIndices"?: number[];
+        /**
+          * @default false
+         */
+        "divider"?: boolean;
+        "endYear"?: number;
+        "noOptionsText"?: string;
+        "onSelectionYearChange"?: (
+		event: GidsCalendarYearListItemSelectEventDetail,
+	) => void;
+        "selectedYear"?: number;
+        "startYear"?: number;
+        /**
+          * @default 'default'
+         */
+        "type"?: GidsMenuGroupType;
+    }
+    interface GidsChart {
+        "activityGaugeProps"?: GidsActivityGaugeCommonProps;
+        "barChartProps"?: GidsBarChartCommonProps;
+        /**
+          * @default 'desktop'
+         */
+        "breakpoint"?: GidsChartBreakpoint;
+        /**
+          * @default 'line-chart'
+         */
+        "chartType"?: GidsChartType;
+        "levelGaugeProps"?: GidsLevelGaugeCommonProps;
+        "lineChartProps"?: GidsLineChartCommonProps;
+        "pieChartProps"?: GidsPieChartCommonProps;
+        "progressCircleProps"?: GidsProgressCircleCommonProps;
     }
-    var HTMLGidsScrimElement: {
-        prototype: HTMLGidsScrimElement;
-        new (): HTMLGidsScrimElement;
-    };
-    interface HTMLGidsSnackbarElement extends Components.GidsSnackbar, HTMLStencilElement {
+    interface GidsChartLegend {
+        /**
+          * @default 'horizontal'
+         */
+        "orientation"?: GidsChartLegendItemOrientation;
     }
-    var HTMLGidsSnackbarElement: {
-        prototype: HTMLGidsSnackbarElement;
-        new (): HTMLGidsSnackbarElement;
-    };
-    interface HTMLGidsTextFieldElementEventMap {
-        "gidsTextFieldClear": void;
+    interface GidsChartLegendItem {
+        /**
+          * @default 'horizontal'
+         */
+        "orientation"?: GidsChartLegendItemOrientation;
+        /**
+          * @default '1'
+         */
+        "seriesType"?: GidsChartLegendItemSeriesType;
     }
-    interface HTMLGidsTextFieldElement extends Components.GidsTextField, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLGidsTextFieldElementEventMap>(type: K, listener: (this: HTMLGidsTextFieldElement, ev: GidsTextFieldCustomEvent<HTMLGidsTextFieldElementEventMap[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 HTMLGidsTextFieldElementEventMap>(type: K, listener: (this: HTMLGidsTextFieldElement, ev: GidsTextFieldCustomEvent<HTMLGidsTextFieldElementEventMap[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;
+    interface GidsChevronButton {
+        "ariaControls"?: string | null;
+        "ariaExpanded"?: string | null;
+        "ariaHaspopup"?: string | null;
+        "ariaLabel"?: string | null;
+        "disabled"?: boolean;
+        "extraClasses"?: string;
+        "onGidsChevronButton"?: (event: GidsChevronButtonCustomEvent<PointerEvent>) => void;
+        /**
+          * @default 'xs'
+         */
+        "size"?: GidsButtonSize;
     }
-    var HTMLGidsTextFieldElement: {
-        prototype: HTMLGidsTextFieldElement;
-        new (): HTMLGidsTextFieldElement;
-    };
-    interface HTMLGidsToggleButtonElementEventMap {
-        "select": boolean;
+    interface GidsDot {
+        /**
+          * @default 'subtle'
+         */
+        "appearance"?: GidsDotAppearance;
+        /**
+          * @default false
+         */
+        "disabled"?: boolean;
+        "extraClasses"?: string;
+        /**
+          * @default 'xs'
+         */
+        "size"?: GidsDotSize;
     }
-    interface HTMLGidsToggleButtonElement extends Components.GidsToggleButton, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLGidsToggleButtonElementEventMap>(type: K, listener: (this: HTMLGidsToggleButtonElement, ev: GidsToggleButtonCustomEvent<HTMLGidsToggleButtonElementEventMap[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 HTMLGidsToggleButtonElementEventMap>(type: K, listener: (this: HTMLGidsToggleButtonElement, ev: GidsToggleButtonCustomEvent<HTMLGidsToggleButtonElementEventMap[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;
+    interface GidsDropdown {
+        /**
+          * @default 'default'
+         */
+        "appearance"?: GidsInputAppearance;
+        "disabled"?: boolean;
+        /**
+          * @default false
+         */
+        "expanded"?: boolean;
+        "inputProps"?: NativeInputForwardedProps;
+        "loading"?: boolean;
+        "name"?: string;
+        "onSelectionChange"?: (details: GidsDropdownChangeEventDetail) => void;
+        "readOnly"?: boolean;
+        "required"?: boolean;
+        "value"?: string;
     }
-    var HTMLGidsToggleButtonElement: {
-        prototype: HTMLGidsToggleButtonElement;
-        new (): HTMLGidsToggleButtonElement;
-    };
-    interface HTMLGidsTooltipElement extends Components.GidsTooltip, HTMLStencilElement {
+    interface GidsDropdownField {
+        /**
+          * @default 'default'
+         */
+        "appearance"?: GidsInputAppearance;
+        "disabled"?: boolean;
+        /**
+          * @default false
+         */
+        "expanded"?: boolean;
+        /**
+          * The `id` of a `<form>` element to associate this element with.
+         */
+        "form"?: string;
+        "helperText"?: string;
+        "inputProps"?: NativeInputForwardedProps1;
+        "label"?: string;
+        "loading"?: boolean;
+        "name"?: string;
+        "onSelectionChange"?: (details: GidsDropdownChangeEventDetail) => void;
+        "readOnly"?: boolean;
+        "required"?: boolean;
+        "status"?: GidsDropdownFieldWebProps['status'];
+        "statusText"?: string;
+        "value"?: string;
     }
-    var HTMLGidsTooltipElement: {
-        prototype: HTMLGidsTooltipElement;
-        new (): HTMLGidsTooltipElement;
-    };
-    interface HTMLElementTagNameMap {
-        "gids-field": HTMLGidsFieldElement;
-        "gids-icon": HTMLGidsIconElement;
-        "gids-input": HTMLGidsInputElement;
-        "gids-notification": HTMLGidsNotificationElement;
-        "gids-overflow-container": HTMLGidsOverflowContainerElement;
-        "gids-overlay-provider": HTMLGidsOverlayProviderElement;
-        "gids-password-field": HTMLGidsPasswordFieldElement;
-        "gids-popover": HTMLGidsPopoverElement;
-        "gids-scrim": HTMLGidsScrimElement;
-        "gids-snackbar": HTMLGidsSnackbarElement;
-        "gids-text-field": HTMLGidsTextFieldElement;
-        "gids-toggle-button": HTMLGidsToggleButtonElement;
-        "gids-tooltip": HTMLGidsTooltipElement;
+    interface GidsDropdownPicker {
+        /**
+          * @default 'subtle'
+         */
+        "appearance"?: GidsButtonAppearance;
+        "disabled"?: boolean;
+        /**
+          * @default false
+         */
+        "expanded"?: boolean;
+        /**
+          * @default ''
+         */
+        "idPicker"?: string;
+        "loading"?: boolean;
+        "name"?: string;
+        "onSelectionChange"?: (
+		details: GidsDropdownPickerChangeEventDetail,
+	) => void;
+        /**
+          * @default 'sm'
+         */
+        "size"?: GidsButtonSize;
+        "value"?: string;
     }
-}
-declare namespace LocalJSX {
-    type OneOf<K extends string, PropT, AttrT = PropT> = { [P in K]: PropT } & { [P in `attr:${K}` | `prop:${K}`]?: never } | { [P in `attr:${K}`]: AttrT } & { [P in K | `prop:${K}`]?: never } | { [P in `prop:${K}`]: PropT } & { [P in K | `attr:${K}`]?: never };
-
     interface GidsField {
         "count"?: string;
         "disabled"?: boolean;
@@ -391,6 +1345,72 @@ declare namespace LocalJSX {
         "trailingLabel"?: string;
         "value"?: string;
     }
+    interface GidsLevelGauge {
+        /**
+          * @default 'desktop'
+         */
+        "breakpoint"?: GidsChartBreakpoint;
+        /**
+          * @default 'lg'
+         */
+        "chartLoaderSize"?: GidsSpinnerSize;
+        /**
+          * @default false
+         */
+        "chartLoading"?: boolean;
+        "chartLoadingSupportingText"?: string;
+        "chartLoadingTitle"?: string;
+        /**
+          * @default 'amber'
+         */
+        "color"?: GidsLevelGaugeColor;
+        /**
+          * @default 'Completed'
+         */
+        "label"?: string;
+        /**
+          * @default 'xxs'
+         */
+        "size"?: GidsLevelGaugeSize;
+        /**
+          * @default 0
+         */
+        "value"?: number;
+    }
+    interface GidsLineChart {
+        /**
+          * @default 'desktop'
+         */
+        "breakpoint"?: GidsChartBreakpoint;
+        /**
+          * @default []
+         */
+        "chartData"?: GidsLineChartData[];
+        /**
+          * @default 'lg'
+         */
+        "chartLoaderSize"?: GidsSpinnerSize;
+        /**
+          * @default false
+         */
+        "chartLoading"?: boolean;
+        "chartLoadingSupportingText"?: string;
+        "chartLoadingTitle"?: string;
+        /**
+          * @default []
+         */
+        "dataPoints"?: number[];
+        /**
+          * @default 'none'
+         */
+        "legend"?: GidsLineChartLegendPosition;
+        "xAxisLabel"?: string;
+        "yAxisLabel"?: string;
+        /**
+          * @default false
+         */
+        "yAxisVisible"?: boolean;
+    }
     interface GidsNotification {
         /**
           * @default 'default'
@@ -454,6 +1474,34 @@ declare namespace LocalJSX {
         "textMinLength"?: number;
         "value"?: string;
     }
+    interface GidsPieChart {
+        /**
+          * @default 'desktop'
+         */
+        "breakpoint"?: GidsChartBreakpoint;
+        /**
+          * @default []
+         */
+        "chartData"?: GidsPieChartData[];
+        /**
+          * @default 'lg'
+         */
+        "chartLoaderSize"?: GidsSpinnerSize;
+        /**
+          * @default false
+         */
+        "chartLoading"?: boolean;
+        "chartLoadingSupportingText"?: string;
+        "chartLoadingTitle"?: string;
+        /**
+          * @default false
+         */
+        "legendVisible"?: boolean;
+        /**
+          * @default 'xxs'
+         */
+        "size"?: GidsPieChartSize;
+    }
     interface GidsPopover {
         "htmlFor"?: string;
         /**
@@ -461,6 +1509,38 @@ declare namespace LocalJSX {
          */
         "placement"?: GidsFloatingElementPlacement;
     }
+    interface GidsProgressCircle {
+        /**
+          * @default 'desktop'
+         */
+        "breakpoint"?: GidsChartBreakpoint;
+        /**
+          * @default 'lg'
+         */
+        "chartLoaderSize"?: GidsSpinnerSize;
+        /**
+          * @default false
+         */
+        "chartLoading"?: boolean;
+        "chartLoadingSupportingText"?: string;
+        "chartLoadingTitle"?: string;
+        /**
+          * @default ''
+         */
+        "label"?: string;
+        /**
+          * @default 'circle'
+         */
+        "shape"?: GidsProgressCircleShape;
+        /**
+          * @default 'xs'
+         */
+        "size"?: GidsProgressCircleSize;
+        /**
+          * @default 0
+         */
+        "value"?: number;
+    }
     interface GidsScrim {
         "extraClasses"?: string | undefined;
     }
@@ -560,6 +1640,129 @@ declare namespace LocalJSX {
         "tooltipText"?: string;
     }
 
+    interface GidsActivityGaugeAttributes {
+        "breakpoint": GidsChartBreakpoint;
+        "label": string;
+        "size": GidsActivityGaugeSize;
+        "legend": GidsActivityGaugeLegendPosition;
+        "chartLoaderSize": GidsSpinnerSize;
+        "chartLoading": boolean;
+        "chartLoadingTitle": string;
+        "chartLoadingSupportingText": string;
+    }
+    interface GidsBarChartAttributes {
+        "breakpoint": GidsChartBreakpoint;
+        "legend": GidsBarChartLegendPosition;
+        "yAxisVisible": boolean;
+        "xAxisLabel": string;
+        "yAxisLabel": string;
+        "chartLoaderSize": GidsSpinnerSize;
+        "chartLoading": boolean;
+        "chartLoadingTitle": string;
+        "chartLoadingSupportingText": string;
+    }
+    interface GidsCalendarAttributes {
+        "width": GidsCalendarWidth;
+        "panelActionsAppearance": GidsButtonAppearance;
+        "selectedDate": string;
+        "startYear": number;
+        "endYear": number;
+        "monthPickerDisabled": boolean;
+        "yearPickerDisabled": boolean;
+        "previousDisabled": boolean;
+        "nextDisabled": boolean;
+        "panelDisabled": boolean;
+        "activeMonthNumber": number;
+        "activeYear": number;
+    }
+    interface GidsCalendarHeaderPanelAttributes {
+        "selectedMonthNumber": number;
+        "selectedYear": number;
+        "startYear": number;
+        "endYear": number;
+        "appearance": GidsButtonAppearance;
+        "monthPickerDisabled": boolean;
+        "yearPickerDisabled": boolean;
+        "panelDisabled": boolean;
+        "previousDisabled": boolean;
+        "nextDisabled": boolean;
+        "expandedMonthPicker": boolean;
+        "expandedYearPicker": boolean;
+    }
+    interface GidsCalendarMonthListAttributes {
+        "type": GidsMenuGroupType;
+        "noOptionsText": string;
+        "divider": boolean;
+        "selectedMonthNumber": number;
+    }
+    interface GidsCalendarYearListAttributes {
+        "type": GidsMenuGroupType;
+        "noOptionsText": string;
+        "divider": boolean;
+        "selectedYear": number;
+        "startYear": number;
+        "endYear": number;
+    }
+    interface GidsChartAttributes {
+        "breakpoint": GidsChartBreakpoint;
+        "chartType": GidsChartType;
+    }
+    interface GidsChartLegendAttributes {
+        "orientation": GidsChartLegendItemOrientation;
+    }
+    interface GidsChartLegendItemAttributes {
+        "orientation": GidsChartLegendItemOrientation;
+        "seriesType": GidsChartLegendItemSeriesType;
+    }
+    interface GidsChevronButtonAttributes {
+        "extraClasses": string;
+        "size": GidsButtonSize;
+        "disabled": boolean;
+        "ariaLabel": string | null;
+        "ariaHaspopup": string | null;
+        "ariaExpanded": string | null;
+        "ariaControls": string | null;
+    }
+    interface GidsDotAttributes {
+        "extraClasses": string;
+        "appearance": GidsDotAppearance;
+        "size": GidsDotSize;
+        "disabled": boolean;
+    }
+    interface GidsDropdownAttributes {
+        "appearance": GidsInputAppearance;
+        "expanded": boolean;
+        "disabled": boolean;
+        "readOnly": boolean;
+        "loading": boolean;
+        "value": string;
+        "name": string;
+        "required": boolean;
+    }
+    interface GidsDropdownFieldAttributes {
+        "label": string;
+        "helperText": string;
+        "statusText": string;
+        "status": GidsDropdownFieldWebProps['status'];
+        "appearance": GidsInputAppearance;
+        "expanded": boolean;
+        "readOnly": boolean;
+        "disabled": boolean;
+        "loading": boolean;
+        "value": string;
+        "name": string;
+        "required": boolean;
+    }
+    interface GidsDropdownPickerAttributes {
+        "appearance": GidsButtonAppearance;
+        "size": GidsButtonSize;
+        "idPicker": string;
+        "expanded": boolean;
+        "disabled": boolean;
+        "loading": boolean;
+        "value": string;
+        "name": string;
+    }
     interface GidsFieldAttributes {
         "disabled": boolean;
         "count": string;
@@ -587,6 +1790,28 @@ declare namespace LocalJSX {
         "status": GidsInputWebStatus;
         "value": string;
     }
+    interface GidsLevelGaugeAttributes {
+        "breakpoint": GidsChartBreakpoint;
+        "value": number;
+        "label": string;
+        "size": GidsLevelGaugeSize;
+        "color": GidsLevelGaugeColor;
+        "chartLoaderSize": GidsSpinnerSize;
+        "chartLoading": boolean;
+        "chartLoadingTitle": string;
+        "chartLoadingSupportingText": string;
+    }
+    interface GidsLineChartAttributes {
+        "breakpoint": GidsChartBreakpoint;
+        "legend": GidsLineChartLegendPosition;
+        "yAxisVisible": boolean;
+        "xAxisLabel": string;
+        "yAxisLabel": string;
+        "chartLoaderSize": GidsSpinnerSize;
+        "chartLoading": boolean;
+        "chartLoadingTitle": string;
+        "chartLoadingSupportingText": string;
+    }
     interface GidsNotificationAttributes {
         "notificationTitle": string;
         "message": string;
@@ -620,10 +1845,30 @@ declare namespace LocalJSX {
         "fieldRequirementRequiredText": string | GidsLabelFieldRequirementTextFn;
         "textMinLength": number;
     }
+    interface GidsPieChartAttributes {
+        "breakpoint": GidsChartBreakpoint;
+        "legendVisible": boolean;
+        "size": GidsPieChartSize;
+        "chartLoaderSize": GidsSpinnerSize;
+        "chartLoading": boolean;
+        "chartLoadingTitle": string;
+        "chartLoadingSupportingText": string;
+    }
     interface GidsPopoverAttributes {
         "htmlFor": string;
         "placement": GidsFloatingElementPlacement;
     }
+    interface GidsProgressCircleAttributes {
+        "breakpoint": GidsChartBreakpoint;
+        "value": number;
+        "shape": GidsProgressCircleShape;
+        "label": string;
+        "size": GidsProgressCircleSize;
+        "chartLoaderSize": GidsSpinnerSize;
+        "chartLoading": boolean;
+        "chartLoadingTitle": string;
+        "chartLoadingSupportingText": string;
+    }
     interface GidsScrimAttributes {
         "extraClasses": string | undefined;
     }
@@ -674,14 +1919,32 @@ declare namespace LocalJSX {
     }
 
     interface IntrinsicElements {
+        "gids-activity-gauge": Omit<GidsActivityGauge, keyof GidsActivityGaugeAttributes> & { [K in keyof GidsActivityGauge & keyof GidsActivityGaugeAttributes]?: GidsActivityGauge[K] } & { [K in keyof GidsActivityGauge & keyof GidsActivityGaugeAttributes as `attr:${K}`]?: GidsActivityGaugeAttributes[K] } & { [K in keyof GidsActivityGauge & keyof GidsActivityGaugeAttributes as `prop:${K}`]?: GidsActivityGauge[K] };
+        "gids-bar-chart": Omit<GidsBarChart, keyof GidsBarChartAttributes> & { [K in keyof GidsBarChart & keyof GidsBarChartAttributes]?: GidsBarChart[K] } & { [K in keyof GidsBarChart & keyof GidsBarChartAttributes as `attr:${K}`]?: GidsBarChartAttributes[K] } & { [K in keyof GidsBarChart & keyof GidsBarChartAttributes as `prop:${K}`]?: GidsBarChart[K] };
+        "gids-calendar": Omit<GidsCalendar, keyof GidsCalendarAttributes> & { [K in keyof GidsCalendar & keyof GidsCalendarAttributes]?: GidsCalendar[K] } & { [K in keyof GidsCalendar & keyof GidsCalendarAttributes as `attr:${K}`]?: GidsCalendarAttributes[K] } & { [K in keyof GidsCalendar & keyof GidsCalendarAttributes as `prop:${K}`]?: GidsCalendar[K] };
+        "gids-calendar-header-panel": Omit<GidsCalendarHeaderPanel, keyof GidsCalendarHeaderPanelAttributes> & { [K in keyof GidsCalendarHeaderPanel & keyof GidsCalendarHeaderPanelAttributes]?: GidsCalendarHeaderPanel[K] } & { [K in keyof GidsCalendarHeaderPanel & keyof GidsCalendarHeaderPanelAttributes as `attr:${K}`]?: GidsCalendarHeaderPanelAttributes[K] } & { [K in keyof GidsCalendarHeaderPanel & keyof GidsCalendarHeaderPanelAttributes as `prop:${K}`]?: GidsCalendarHeaderPanel[K] };
+        "gids-calendar-month-list": Omit<GidsCalendarMonthList, keyof GidsCalendarMonthListAttributes> & { [K in keyof GidsCalendarMonthList & keyof GidsCalendarMonthListAttributes]?: GidsCalendarMonthList[K] } & { [K in keyof GidsCalendarMonthList & keyof GidsCalendarMonthListAttributes as `attr:${K}`]?: GidsCalendarMonthListAttributes[K] } & { [K in keyof GidsCalendarMonthList & keyof GidsCalendarMonthListAttributes as `prop:${K}`]?: GidsCalendarMonthList[K] };
+        "gids-calendar-year-list": Omit<GidsCalendarYearList, keyof GidsCalendarYearListAttributes> & { [K in keyof GidsCalendarYearList & keyof GidsCalendarYearListAttributes]?: GidsCalendarYearList[K] } & { [K in keyof GidsCalendarYearList & keyof GidsCalendarYearListAttributes as `attr:${K}`]?: GidsCalendarYearListAttributes[K] } & { [K in keyof GidsCalendarYearList & keyof GidsCalendarYearListAttributes as `prop:${K}`]?: GidsCalendarYearList[K] };
+        "gids-chart": Omit<GidsChart, keyof GidsChartAttributes> & { [K in keyof GidsChart & keyof GidsChartAttributes]?: GidsChart[K] } & { [K in keyof GidsChart & keyof GidsChartAttributes as `attr:${K}`]?: GidsChartAttributes[K] } & { [K in keyof GidsChart & keyof GidsChartAttributes as `prop:${K}`]?: GidsChart[K] };
+        "gids-chart-legend": Omit<GidsChartLegend, keyof GidsChartLegendAttributes> & { [K in keyof GidsChartLegend & keyof GidsChartLegendAttributes]?: GidsChartLegend[K] } & { [K in keyof GidsChartLegend & keyof GidsChartLegendAttributes as `attr:${K}`]?: GidsChartLegendAttributes[K] } & { [K in keyof GidsChartLegend & keyof GidsChartLegendAttributes as `prop:${K}`]?: GidsChartLegend[K] };
+        "gids-chart-legend-item": Omit<GidsChartLegendItem, keyof GidsChartLegendItemAttributes> & { [K in keyof GidsChartLegendItem & keyof GidsChartLegendItemAttributes]?: GidsChartLegendItem[K] } & { [K in keyof GidsChartLegendItem & keyof GidsChartLegendItemAttributes as `attr:${K}`]?: GidsChartLegendItemAttributes[K] } & { [K in keyof GidsChartLegendItem & keyof GidsChartLegendItemAttributes as `prop:${K}`]?: GidsChartLegendItem[K] };
+        "gids-chevron-button": Omit<GidsChevronButton, keyof GidsChevronButtonAttributes> & { [K in keyof GidsChevronButton & keyof GidsChevronButtonAttributes]?: GidsChevronButton[K] } & { [K in keyof GidsChevronButton & keyof GidsChevronButtonAttributes as `attr:${K}`]?: GidsChevronButtonAttributes[K] } & { [K in keyof GidsChevronButton & keyof GidsChevronButtonAttributes as `prop:${K}`]?: GidsChevronButton[K] };
+        "gids-dot": Omit<GidsDot, keyof GidsDotAttributes> & { [K in keyof GidsDot & keyof GidsDotAttributes]?: GidsDot[K] } & { [K in keyof GidsDot & keyof GidsDotAttributes as `attr:${K}`]?: GidsDotAttributes[K] } & { [K in keyof GidsDot & keyof GidsDotAttributes as `prop:${K}`]?: GidsDot[K] };
+        "gids-dropdown": Omit<GidsDropdown, keyof GidsDropdownAttributes> & { [K in keyof GidsDropdown & keyof GidsDropdownAttributes]?: GidsDropdown[K] } & { [K in keyof GidsDropdown & keyof GidsDropdownAttributes as `attr:${K}`]?: GidsDropdownAttributes[K] } & { [K in keyof GidsDropdown & keyof GidsDropdownAttributes as `prop:${K}`]?: GidsDropdown[K] };
+        "gids-dropdown-field": Omit<GidsDropdownField, keyof GidsDropdownFieldAttributes> & { [K in keyof GidsDropdownField & keyof GidsDropdownFieldAttributes]?: GidsDropdownField[K] } & { [K in keyof GidsDropdownField & keyof GidsDropdownFieldAttributes as `attr:${K}`]?: GidsDropdownFieldAttributes[K] } & { [K in keyof GidsDropdownField & keyof GidsDropdownFieldAttributes as `prop:${K}`]?: GidsDropdownField[K] };
+        "gids-dropdown-picker": Omit<GidsDropdownPicker, keyof GidsDropdownPickerAttributes> & { [K in keyof GidsDropdownPicker & keyof GidsDropdownPickerAttributes]?: GidsDropdownPicker[K] } & { [K in keyof GidsDropdownPicker & keyof GidsDropdownPickerAttributes as `attr:${K}`]?: GidsDropdownPickerAttributes[K] } & { [K in keyof GidsDropdownPicker & keyof GidsDropdownPickerAttributes as `prop:${K}`]?: GidsDropdownPicker[K] };
         "gids-field": Omit<GidsField, keyof GidsFieldAttributes> & { [K in keyof GidsField & keyof GidsFieldAttributes]?: GidsField[K] } & { [K in keyof GidsField & keyof GidsFieldAttributes as `attr:${K}`]?: GidsFieldAttributes[K] } & { [K in keyof GidsField & keyof GidsFieldAttributes as `prop:${K}`]?: GidsField[K] };
         "gids-icon": Omit<GidsIcon, keyof GidsIconAttributes> & { [K in keyof GidsIcon & keyof GidsIconAttributes]?: GidsIcon[K] } & { [K in keyof GidsIcon & keyof GidsIconAttributes as `attr:${K}`]?: GidsIconAttributes[K] } & { [K in keyof GidsIcon & keyof GidsIconAttributes as `prop:${K}`]?: GidsIcon[K] } & OneOf<"name", GidsIcon["name"], GidsIconAttributes["name"]>;
         "gids-input": Omit<GidsInput, keyof GidsInputAttributes> & { [K in keyof GidsInput & keyof GidsInputAttributes]?: GidsInput[K] } & { [K in keyof GidsInput & keyof GidsInputAttributes as `attr:${K}`]?: GidsInputAttributes[K] } & { [K in keyof GidsInput & keyof GidsInputAttributes as `prop:${K}`]?: GidsInput[K] };
+        "gids-level-gauge": Omit<GidsLevelGauge, keyof GidsLevelGaugeAttributes> & { [K in keyof GidsLevelGauge & keyof GidsLevelGaugeAttributes]?: GidsLevelGauge[K] } & { [K in keyof GidsLevelGauge & keyof GidsLevelGaugeAttributes as `attr:${K}`]?: GidsLevelGaugeAttributes[K] } & { [K in keyof GidsLevelGauge & keyof GidsLevelGaugeAttributes as `prop:${K}`]?: GidsLevelGauge[K] };
+        "gids-line-chart": Omit<GidsLineChart, keyof GidsLineChartAttributes> & { [K in keyof GidsLineChart & keyof GidsLineChartAttributes]?: GidsLineChart[K] } & { [K in keyof GidsLineChart & keyof GidsLineChartAttributes as `attr:${K}`]?: GidsLineChartAttributes[K] } & { [K in keyof GidsLineChart & keyof GidsLineChartAttributes as `prop:${K}`]?: GidsLineChart[K] };
         "gids-notification": Omit<GidsNotification, keyof GidsNotificationAttributes> & { [K in keyof GidsNotification & keyof GidsNotificationAttributes]?: GidsNotification[K] } & { [K in keyof GidsNotification & keyof GidsNotificationAttributes as `attr:${K}`]?: GidsNotificationAttributes[K] } & { [K in keyof GidsNotification & keyof GidsNotificationAttributes as `prop:${K}`]?: GidsNotification[K] };
         "gids-overflow-container": Omit<GidsOverflowContainer, keyof GidsOverflowContainerAttributes> & { [K in keyof GidsOverflowContainer & keyof GidsOverflowContainerAttributes]?: GidsOverflowContainer[K] } & { [K in keyof GidsOverflowContainer & keyof GidsOverflowContainerAttributes as `attr:${K}`]?: GidsOverflowContainerAttributes[K] } & { [K in keyof GidsOverflowContainer & keyof GidsOverflowContainerAttributes as `prop:${K}`]?: GidsOverflowContainer[K] };
         "gids-overlay-provider": GidsOverlayProvider;
         "gids-password-field": Omit<GidsPasswordField, keyof GidsPasswordFieldAttributes> & { [K in keyof GidsPasswordField & keyof GidsPasswordFieldAttributes]?: GidsPasswordField[K] } & { [K in keyof GidsPasswordField & keyof GidsPasswordFieldAttributes as `attr:${K}`]?: GidsPasswordFieldAttributes[K] } & { [K in keyof GidsPasswordField & keyof GidsPasswordFieldAttributes as `prop:${K}`]?: GidsPasswordField[K] };
+        "gids-pie-chart": Omit<GidsPieChart, keyof GidsPieChartAttributes> & { [K in keyof GidsPieChart & keyof GidsPieChartAttributes]?: GidsPieChart[K] } & { [K in keyof GidsPieChart & keyof GidsPieChartAttributes as `attr:${K}`]?: GidsPieChartAttributes[K] } & { [K in keyof GidsPieChart & keyof GidsPieChartAttributes as `prop:${K}`]?: GidsPieChart[K] };
         "gids-popover": Omit<GidsPopover, keyof GidsPopoverAttributes> & { [K in keyof GidsPopover & keyof GidsPopoverAttributes]?: GidsPopover[K] } & { [K in keyof GidsPopover & keyof GidsPopoverAttributes as `attr:${K}`]?: GidsPopoverAttributes[K] } & { [K in keyof GidsPopover & keyof GidsPopoverAttributes as `prop:${K}`]?: GidsPopover[K] };
+        "gids-progress-circle": Omit<GidsProgressCircle, keyof GidsProgressCircleAttributes> & { [K in keyof GidsProgressCircle & keyof GidsProgressCircleAttributes]?: GidsProgressCircle[K] } & { [K in keyof GidsProgressCircle & keyof GidsProgressCircleAttributes as `attr:${K}`]?: GidsProgressCircleAttributes[K] } & { [K in keyof GidsProgressCircle & keyof GidsProgressCircleAttributes as `prop:${K}`]?: GidsProgressCircle[K] };
         "gids-scrim": Omit<GidsScrim, keyof GidsScrimAttributes> & { [K in keyof GidsScrim & keyof GidsScrimAttributes]?: GidsScrim[K] } & { [K in keyof GidsScrim & keyof GidsScrimAttributes as `attr:${K}`]?: GidsScrimAttributes[K] } & { [K in keyof GidsScrim & keyof GidsScrimAttributes as `prop:${K}`]?: GidsScrim[K] };
         "gids-snackbar": Omit<GidsSnackbar, keyof GidsSnackbarAttributes> & { [K in keyof GidsSnackbar & keyof GidsSnackbarAttributes]?: GidsSnackbar[K] } & { [K in keyof GidsSnackbar & keyof GidsSnackbarAttributes as `attr:${K}`]?: GidsSnackbarAttributes[K] } & { [K in keyof GidsSnackbar & keyof GidsSnackbarAttributes as `prop:${K}`]?: GidsSnackbar[K] };
         "gids-text-field": Omit<GidsTextField, keyof GidsTextFieldAttributes> & { [K in keyof GidsTextField & keyof GidsTextFieldAttributes]?: GidsTextField[K] } & { [K in keyof GidsTextField & keyof GidsTextFieldAttributes as `attr:${K}`]?: GidsTextFieldAttributes[K] } & { [K in keyof GidsTextField & keyof GidsTextFieldAttributes as `prop:${K}`]?: GidsTextField[K] };
@@ -693,14 +1956,32 @@ export { LocalJSX as JSX };
 declare module "@stencil/core" {
     export namespace JSX {
         interface IntrinsicElements {
+            "gids-activity-gauge": LocalJSX.IntrinsicElements["gids-activity-gauge"] & JSXBase.HTMLAttributes<HTMLGidsActivityGaugeElement>;
+            "gids-bar-chart": LocalJSX.IntrinsicElements["gids-bar-chart"] & JSXBase.HTMLAttributes<HTMLGidsBarChartElement>;
+            "gids-calendar": LocalJSX.IntrinsicElements["gids-calendar"] & JSXBase.HTMLAttributes<HTMLGidsCalendarElement>;
+            "gids-calendar-header-panel": LocalJSX.IntrinsicElements["gids-calendar-header-panel"] & JSXBase.HTMLAttributes<HTMLGidsCalendarHeaderPanelElement>;
+            "gids-calendar-month-list": LocalJSX.IntrinsicElements["gids-calendar-month-list"] & JSXBase.HTMLAttributes<HTMLGidsCalendarMonthListElement>;
+            "gids-calendar-year-list": LocalJSX.IntrinsicElements["gids-calendar-year-list"] & JSXBase.HTMLAttributes<HTMLGidsCalendarYearListElement>;
+            "gids-chart": LocalJSX.IntrinsicElements["gids-chart"] & JSXBase.HTMLAttributes<HTMLGidsChartElement>;
+            "gids-chart-legend": LocalJSX.IntrinsicElements["gids-chart-legend"] & JSXBase.HTMLAttributes<HTMLGidsChartLegendElement>;
+            "gids-chart-legend-item": LocalJSX.IntrinsicElements["gids-chart-legend-item"] & JSXBase.HTMLAttributes<HTMLGidsChartLegendItemElement>;
+            "gids-chevron-button": LocalJSX.IntrinsicElements["gids-chevron-button"] & JSXBase.HTMLAttributes<HTMLGidsChevronButtonElement>;
+            "gids-dot": LocalJSX.IntrinsicElements["gids-dot"] & JSXBase.HTMLAttributes<HTMLGidsDotElement>;
+            "gids-dropdown": LocalJSX.IntrinsicElements["gids-dropdown"] & JSXBase.HTMLAttributes<HTMLGidsDropdownElement>;
+            "gids-dropdown-field": LocalJSX.IntrinsicElements["gids-dropdown-field"] & JSXBase.HTMLAttributes<HTMLGidsDropdownFieldElement>;
+            "gids-dropdown-picker": LocalJSX.IntrinsicElements["gids-dropdown-picker"] & JSXBase.HTMLAttributes<HTMLGidsDropdownPickerElement>;
             "gids-field": LocalJSX.IntrinsicElements["gids-field"] & JSXBase.HTMLAttributes<HTMLGidsFieldElement>;
             "gids-icon": LocalJSX.IntrinsicElements["gids-icon"] & JSXBase.HTMLAttributes<HTMLGidsIconElement>;
             "gids-input": LocalJSX.IntrinsicElements["gids-input"] & JSXBase.HTMLAttributes<HTMLGidsInputElement>;
+            "gids-level-gauge": LocalJSX.IntrinsicElements["gids-level-gauge"] & JSXBase.HTMLAttributes<HTMLGidsLevelGaugeElement>;
+            "gids-line-chart": LocalJSX.IntrinsicElements["gids-line-chart"] & JSXBase.HTMLAttributes<HTMLGidsLineChartElement>;
             "gids-notification": LocalJSX.IntrinsicElements["gids-notification"] & JSXBase.HTMLAttributes<HTMLGidsNotificationElement>;
             "gids-overflow-container": LocalJSX.IntrinsicElements["gids-overflow-container"] & JSXBase.HTMLAttributes<HTMLGidsOverflowContainerElement>;
             "gids-overlay-provider": LocalJSX.IntrinsicElements["gids-overlay-provider"] & JSXBase.HTMLAttributes<HTMLGidsOverlayProviderElement>;
             "gids-password-field": LocalJSX.IntrinsicElements["gids-password-field"] & JSXBase.HTMLAttributes<HTMLGidsPasswordFieldElement>;
+            "gids-pie-chart": LocalJSX.IntrinsicElements["gids-pie-chart"] & JSXBase.HTMLAttributes<HTMLGidsPieChartElement>;
             "gids-popover": LocalJSX.IntrinsicElements["gids-popover"] & JSXBase.HTMLAttributes<HTMLGidsPopoverElement>;
+            "gids-progress-circle": LocalJSX.IntrinsicElements["gids-progress-circle"] & JSXBase.HTMLAttributes<HTMLGidsProgressCircleElement>;
             "gids-scrim": LocalJSX.IntrinsicElements["gids-scrim"] & JSXBase.HTMLAttributes<HTMLGidsScrimElement>;
             "gids-snackbar": LocalJSX.IntrinsicElements["gids-snackbar"] & JSXBase.HTMLAttributes<HTMLGidsSnackbarElement>;
             "gids-text-field": LocalJSX.IntrinsicElements["gids-text-field"] & JSXBase.HTMLAttributes<HTMLGidsTextFieldElement>;