dap-design-system 0.35.21 → 0.35.23

package/dist/manifest/types/vue/index.d.ts

@@ -1,13 +1,13 @@
 import type { DefineComponent } from "vue";
 
 import type { DapDSAccordion } from "../../components/accordion/accordion.component.js";
+import type { DapDSAvatar } from "../../components/avatar/avatar.component.js";
 import type { DapDSAccordionGroup } from "../../components/accordion-group/accordion-group.component.js";
+import type { DapDSAnchorHeading } from "../../components/anchor-heading/anchor-heading.component.js";
 import type { DapDSBadge } from "../../components/badge/badge.component.js";
 import type { DapDSBanner } from "../../components/banner/banner.component.js";
-import type { DapDSAnchorHeading } from "../../components/anchor-heading/anchor-heading.component.js";
-import type { DapDSBreadcrumb } from "../../components/breadcrumb/breadcrumb.component.js";
-import type { DapDSAvatar } from "../../components/avatar/avatar.component.js";
 import type { DapDSBreadcrumbItem } from "../../components/breadcrumb-item/breadcrumb-item.component.js";
+import type { DapDSBreadcrumb } from "../../components/breadcrumb/breadcrumb.component.js";
 import type { DapDSButton } from "../../components/button/button.component.js";
 import type { DapDSCalendarCell } from "../../components/calendar-cell/calendar-cell.component.js";
 import type { DapDSCalendar } from "../../components/calendar/calendar.component.js";
@@ -156,9 +156,22 @@ type DapDSAccordionProps = {
   /** Whether the accordion is the last item. */
   lastItem?: DapDSAccordion["lastItem"];
   /** Event fired when the accordion is opened. */
-  "ondds-opened"?: (e: CustomEvent<never>) => void;
+  "ondds-opened"?: (e: CustomEvent<{ open: boolean; item: AccordionBaseElement }>) => void;
   /** Event fired when the accordion is closed. */
-  "ondds-closed"?: (e: CustomEvent<never>) => void;
+  "ondds-closed"?: (e: CustomEvent<{ open: boolean; item: AccordionBaseElement }>) => void;
+};
+
+type DapDSAvatarProps = {
+  /** The size of the avatar */
+  size?: DapDSAvatar["size"];
+  /** The source of the avatar. */
+  src?: DapDSAvatar["src"];
+  /** The alt text of the avatar. */
+  alt?: DapDSAvatar["alt"];
+  /** The width of the avatar. This will override the size. */
+  width?: DapDSAvatar["width"];
+  /** The height of the avatar. This will override the size. */
+  height?: DapDSAvatar["height"];
 };
 
 type DapDSAccordionGroupProps = {
@@ -166,9 +179,17 @@ type DapDSAccordionGroupProps = {
   autoClose?: DapDSAccordionGroup["autoClose"];
   /** The variant of the accordion */
   variant?: DapDSAccordionGroup["variant"];
+};
 
-  /** Event fired when an accordion is opened or closed. */
-  "ondds-change"?: (e: CustomEvent<never>) => void;
+type DapDSAnchorHeadingProps = {
+  /** The variant of the heading. Default is `h2`. Can be `h1`, `h2`, `h3`, `h4`, `h5`, or `h6`. */
+  variant?: DapDSAnchorHeading["variant"];
+  /** The label of the heading. */
+  label?: DapDSAnchorHeading["label"];
+  /**  */
+  elementId?: DapDSAnchorHeading["elementId"];
+  /**  */
+  anchorTitle?: DapDSAnchorHeading["anchorTitle"];
 };
 
 type DapDSBadgeProps = {
@@ -193,42 +214,7 @@ type DapDSBannerProps = {
   icon?: DapDSBanner["icon"];
 
   /** Event fired when the banner is closed. */
-  "ondds-close"?: (e: CustomEvent<never>) => void;
-};
-
-type DapDSAnchorHeadingProps = {
-  /** The variant of the heading. Default is `h2`. Can be `h1`, `h2`, `h3`, `h4`, `h5`, or `h6`. */
-  variant?: DapDSAnchorHeading["variant"];
-  /** The label of the heading. */
-  label?: DapDSAnchorHeading["label"];
-  /**  */
-  elementId?: DapDSAnchorHeading["elementId"];
-  /**  */
-  anchorTitle?: DapDSAnchorHeading["anchorTitle"];
-};
-
-type DapDSBreadcrumbProps = {
-  /** @deprecated true - Inverted color style */
-  inverted?: DapDSBreadcrumb["inverted"];
-  /**  */
-  variant?: DapDSBreadcrumb["variant"];
-  /** Mobile version of the breadcrumb */
-  mobile?: DapDSBreadcrumb["mobile"];
-  /** The aria-labelledby of the breadcrumb */
-  "aria-labelledby"?: DapDSBreadcrumb["ariaLabelledBy"];
-};
-
-type DapDSAvatarProps = {
-  /** The size of the avatar */
-  size?: DapDSAvatar["size"];
-  /** The source of the avatar. */
-  src?: DapDSAvatar["src"];
-  /** The alt text of the avatar. */
-  alt?: DapDSAvatar["alt"];
-  /** The width of the avatar. This will override the size. */
-  width?: DapDSAvatar["width"];
-  /** The height of the avatar. This will override the size. */
-  height?: DapDSAvatar["height"];
+  "ondds-close"?: (e: CustomEvent<{ void }>) => void;
 };
 
 type DapDSBreadcrumbItemProps = {
@@ -246,6 +232,17 @@ type DapDSBreadcrumbItemProps = {
   variant?: DapDSBreadcrumbItem["variant"];
 };
 
+type DapDSBreadcrumbProps = {
+  /** @deprecated true - Inverted color style */
+  inverted?: DapDSBreadcrumb["inverted"];
+  /**  */
+  variant?: DapDSBreadcrumb["variant"];
+  /** Mobile version of the breadcrumb */
+  mobile?: DapDSBreadcrumb["mobile"];
+  /** The aria-labelledby of the breadcrumb */
+  "aria-labelledby"?: DapDSBreadcrumb["ariaLabelledBy"];
+};
+
 type DapDSButtonProps = {
   /** The variant of the button */
   variant?: DapDSButton["variant"];
@@ -314,7 +311,7 @@ type DapDSCalendarProps = {
   /**  */
   endDate?: DapDSCalendar["endDate"];
   /** Fired when the calendar value changes. */
-  "ondds-change"?: (e: CustomEvent<never>) => void;
+  "ondds-change"?: (e: CustomEvent<{ value: Dayjs }>) => void;
 };
 
 type DapDSCalloutProps = {
@@ -336,7 +333,7 @@ type DapDSCalloutProps = {
   opened?: DapDSCallout["opened"];
 
   /** Fired when the close button is clicked. */
-  "ondds-close"?: (e: CustomEvent<never>) => void;
+  "ondds-close"?: (e: CustomEvent<{ void }>) => void;
 };
 
 type DapDSCardActionsProps = {
@@ -459,13 +456,17 @@ type DapDSCheckboxProps = {
   /** The optional label of the checkbox. */
   optionalLabel?: DapDSCheckbox["optionalLabel"];
   /** Fired when the checkbox is checked or unchecked. */
-  "ondds-change"?: (e: CustomEvent<never>) => void;
+  "ondds-change"?: (
+    e: CustomEvent<{ checked: boolean; indeterminate: boolean; value: string; disabled: boolean; type: "checkbox" }>,
+  ) => void;
   /** Emitted when the checkbox loses focus. */
-  "ondds-blur"?: (e: CustomEvent<never>) => void;
+  "ondds-blur"?: (e: CustomEvent<{ void }>) => void;
   /** Emitted when the checkbox gains focus. */
-  "ondds-focus"?: (e: CustomEvent<never>) => void;
+  "ondds-focus"?: (e: CustomEvent<{ void }>) => void;
   /** Emitted when the checkbox receives input. */
-  "ondds-input"?: (e: CustomEvent<never>) => void;
+  "ondds-input"?: (
+    e: CustomEvent<{ checked: boolean; indeterminate: boolean; value: string; disabled: boolean }>,
+  ) => void;
 };
 
 type DapDSComboboxProps = {
@@ -518,17 +519,17 @@ type DapDSComboboxProps = {
   /** Whether the combobox open indicator should be animated. */
   noAnimation?: DapDSCombobox["noAnimation"];
   /** Fired when the select value changes. */
-  "ondds-change"?: (e: CustomEvent<never>) => void;
+  "ondds-change"?: (e: CustomEvent<{ value }>) => void;
   /** Emitted when the select loses focus. */
-  "ondds-blur"?: (e: CustomEvent<never>) => void;
+  "ondds-blur"?: (e: CustomEvent<{ void }>) => void;
   /** Emitted when the select gains focus. */
-  "ondds-focus"?: (e: CustomEvent<never>) => void;
+  "ondds-focus"?: (e: CustomEvent<{ void }>) => void;
   /** Emitted when the select is cleared. */
-  "ondds-clear"?: (e: CustomEvent<never>) => void;
+  "ondds-clear"?: (e: CustomEvent<{ void }>) => void;
   /** Emitted when the manual input value changes. */
-  "ondds-search"?: (e: CustomEvent<never>) => void;
+  "ondds-search"?: (e: CustomEvent<{ search: string }>) => void;
   /** Emitted when typing happens in the input. */
-  "ondds-input"?: (e: CustomEvent<never>) => void;
+  "ondds-input"?: (e: CustomEvent<{ input: string; originalEvent: Event }>) => void;
 };
 
 type DapDSCommandGroupProps = {
@@ -559,7 +560,7 @@ type DapDSCommandItemProps = {
   closeOnSelect?: DapDSCommandItem["closeOnSelect"];
 
   /** Fired when the command item is clicked. */
-  "ondds-command-item-click"?: (e: CustomEvent<never>) => void;
+  "ondds-command-item-click"?: (e: CustomEvent<{ value: string; closeOnSelect: boolean }>) => void;
 };
 
 type DapDSCommandProps = {
@@ -586,9 +587,9 @@ type DapDSCommandProps = {
   /** The size of the popup. */
   size?: DapDSCommand["size"];
   /** Fired when the popup is opened. */
-  "ondds-opened"?: (e: CustomEvent<never>) => void;
+  "ondds-opened"?: (e: CustomEvent<{ void }>) => void;
   /** Fired when the popup is closed. */
-  "ondds-closed"?: (e: CustomEvent<never>) => void;
+  "ondds-closed"?: (e: CustomEvent<{ void }>) => void;
 };
 
 type DapDSContentSwitcherItemProps = {
@@ -608,8 +609,8 @@ type DapDSContentSwitcherProps = {
   /** The value of the content switcher. A comma-separated list if `multiSelect` is `true`. */
   value?: DapDSContentSwitcher["value"];
 
-  /** Fired when the content switcher is changed. * */
-  "ondds-change"?: (e: CustomEvent<never>) => void;
+  /** Fired when the content switcher is changed. */
+  "ondds-change"?: (e: CustomEvent<{ value: string; selected: boolean }>) => void;
 };
 
 type DapDSCopyBoxInputProps = {
@@ -656,19 +657,19 @@ type DapDSCopyBoxInputProps = {
   /** The weight of the label. Default is `false` */
   subtle?: DapDSCopyBoxInput["subtle"];
   /** Fired when the user clicks on the copy button. */
-  "ondds-copy"?: (e: CustomEvent<never>) => void;
+  "ondds-copy"?: (e: CustomEvent<{ value: string }>) => void;
   /** Fired when the input value changes. */
-  "ondds-change"?: (e: CustomEvent<never>) => void;
+  "ondds-change"?: (e: CustomEvent<{ value: string }>) => void;
   /** Fired when the input value changes. */
-  "ondds-input"?: (e: CustomEvent<never>) => void;
+  "ondds-input"?: (e: CustomEvent<{ value: string }>) => void;
   /** Fired when a key is pressed down. */
-  "ondds-keydown"?: (e: CustomEvent<never>) => void;
+  "ondds-keydown"?: (e: CustomEvent<{ value: string; originalEvent: Event }>) => void;
   /** Fired when the input loses focus. */
-  "ondds-blur"?: (e: CustomEvent<never>) => void;
+  "ondds-blur"?: (e: CustomEvent<{ void }>) => void;
   /** Emitted when the input gains focus. */
-  "ondds-focus"?: (e: CustomEvent<never>) => void;
+  "ondds-focus"?: (e: CustomEvent<{ void }>) => void;
   /** Emitted when the value cannot be copied. */
-  "ondds-not-allowed"?: (e: CustomEvent<never>) => void;
+  "ondds-not-allowed"?: (e: CustomEvent<{ void }>) => void;
 };
 
 type DapDSDAPBadgeProps = {
@@ -738,13 +739,13 @@ type DapDSDataTableProps = {
   /** The function to determine the pager text */
   pageStateText?: DapDSDataTable["pageStateText"];
   /** Fired when the sorting of the table changes. */
-  "ondds-sorting-change"?: (e: CustomEvent<never>) => void;
+  "ondds-sorting-change"?: (e: CustomEvent<{ sorting: SortingState }>) => void;
   /** Fired when the selection of the table changes. */
-  "ondds-selection-change"?: (e: CustomEvent<never>) => void;
+  "ondds-selection-change"?: (e: CustomEvent<{ selection: RowSelectionState }>) => void;
   /** Fired when the pagination of the table changes. */
-  "ondds-pagination-change"?: (e: CustomEvent<never>) => void;
+  "ondds-pagination-change"?: (e: CustomEvent<{ pagination: PaginationState }>) => void;
   /** Fired when a row is clicked. */
-  "ondds-row-click"?: (e: CustomEvent<never>) => void;
+  "ondds-row-click"?: (e: CustomEvent<{ row: Row<T> }>) => void;
 };
 
 type DapDSDatePickerProps = {
@@ -815,19 +816,19 @@ type DapDSDatePickerProps = {
   /** The autocomplete of the datepicker. */
   autocomplete?: DapDSDatePicker["autocomplete"];
   /** Fired when the datepicker value changes. */
-  "ondds-change"?: (e: CustomEvent<never>) => void;
+  "ondds-change"?: (e: CustomEvent<{ value: string }>) => void;
   /** Fired when the datepicker input value changes. */
-  "ondds-input"?: (e: CustomEvent<never>) => void;
+  "ondds-input"?: (e: CustomEvent<{ value: string }>) => void;
   /** Fired when the datepicker input value is valid. Happens on manual input typing. */
-  "ondds-valid-date"?: (e: CustomEvent<never>) => void;
-  /** Fired when the datepicker input value is invalid. Type can be 'invalid' or 'out-of-range'. Happens on manual input typing. */
-  "ondds-invalid-date"?: (e: CustomEvent<never>) => void;
+  "ondds-valid-date"?: (e: CustomEvent<{ value: string }>) => void;
+  /** Fired when the datepicker input value is invalid. Happens on manual input typing. */
+  "ondds-invalid-date"?: (e: CustomEvent<{ value: string; type: "invalid" | "out-of-range" }>) => void;
   /** Fired when the datepicker is cleared. */
-  "ondds-clear"?: (e: CustomEvent<never>) => void;
+  "ondds-clear"?: (e: CustomEvent<{ void }>) => void;
   /** Emitted when the datepicker gains focus. */
-  "ondds-focus"?: (e: CustomEvent<never>) => void;
+  "ondds-focus"?: (e: CustomEvent<{ void }>) => void;
   /** Emitted when the datepicker loses focus. */
-  "ondds-blur"?: (e: CustomEvent<never>) => void;
+  "ondds-blur"?: (e: CustomEvent<{ void }>) => void;
 };
 
 type DapDSDividerProps = {
@@ -886,7 +887,7 @@ type DapDSFileInputListItemProps = {
   /**  */
   formattedSize?: DapDSFileInputListItem["formattedSize"];
   /** Dispatched when a file is removed from the list. */
-  "ondds-file-remove"?: (e: CustomEvent<never>) => void;
+  "ondds-file-remove"?: (e: CustomEvent<{ file: FileListElement }>) => void;
 };
 
 type DapDSFileInputListProps = {
@@ -954,19 +955,19 @@ type DapDSFileInputProps = {
   /** Font weight of the feedback label. Default is `false` which is bold. */
   subtle?: DapDSFileInput["subtle"];
   /** Fired when a file upload starts. */
-  "ondds-upload-start"?: (e: CustomEvent<never>) => void;
+  "ondds-upload-start"?: (e: CustomEvent<{ file: File }>) => void;
   /** Fired during file upload progress. */
-  "ondds-upload-progress"?: (e: CustomEvent<never>) => void;
+  "ondds-upload-progress"?: (e: CustomEvent<{ file: File; progress: number }>) => void;
   /** Fired when a file upload completes successfully. */
-  "ondds-upload-complete"?: (e: CustomEvent<never>) => void;
+  "ondds-upload-complete"?: (e: CustomEvent<{ file: File; item: DapDSFileInputListItem; result: any }>) => void;
   /** Fired when a file upload encounters an error. */
-  "ondds-upload-error"?: (e: CustomEvent<never>) => void;
+  "ondds-upload-error"?: (e: CustomEvent<{ file: File; item: DapDSFileInputListItem; error: Error }>) => void;
   /** Fired when all file uploads are complete. */
-  "ondds-all-uploads-complete"?: (e: CustomEvent<never>) => void;
+  "ondds-all-uploads-complete"?: (e: CustomEvent<{ void }>) => void;
   /** Fired when a file is removed from the file input. */
-  "ondds-file-removed"?: (e: CustomEvent<never>) => void;
+  "ondds-file-removed"?: (e: CustomEvent<{ file: FileListElement }>) => void;
   /** Fired when the file input value changes. */
-  "ondds-file-change"?: (e: CustomEvent<never>) => void;
+  "ondds-file-change"?: (e: CustomEvent<{ files: File[] }>) => void;
 };
 
 type DapDSIconProps = {
@@ -1065,15 +1066,15 @@ type DapDSInputProps = {
   /** The regex pattern of the input. */
   pattern?: DapDSInput["pattern"];
   /** Fired when the input value changes. */
-  "ondds-change"?: (e: CustomEvent<never>) => void;
+  "ondds-change"?: (e: CustomEvent<{ value: string }>) => void;
   /** Fired when the input value changes. */
-  "ondds-input"?: (e: CustomEvent<never>) => void;
+  "ondds-input"?: (e: CustomEvent<{ value: string }>) => void;
   /** Fired when a key is pressed down. */
-  "ondds-keydown"?: (e: CustomEvent<never>) => void;
+  "ondds-keydown"?: (e: CustomEvent<{ value: string; originalEvent: Event }>) => void;
   /** Fired when the input loses focus. */
-  "ondds-blur"?: (e: CustomEvent<never>) => void;
+  "ondds-blur"?: (e: CustomEvent<{ void }>) => void;
   /** Emitted when the input gains focus. */
-  "ondds-focus"?: (e: CustomEvent<never>) => void;
+  "ondds-focus"?: (e: CustomEvent<{ void }>) => void;
 };
 
 type DapDSLabelProps = {
@@ -1120,7 +1121,7 @@ type DapDSLinkProps = {
   download?: DapDSLink["download"];
 
   /** Emitted when the link is clicked. */
-  "ondds-click"?: (e: CustomEvent<never>) => void;
+  "ondds-click"?: (e: CustomEvent<{ event: Event }>) => void;
 };
 
 type DapDSListItemProps = {
@@ -1196,19 +1197,19 @@ type DapDSModalProps = {
   /** Whether the modal should use native focus. Default is false. */
   useNativeFocus?: DapDSModal["useNativeFocus"];
   /** Fires before the modal opens. */
-  "ondds-before-open"?: (e: CustomEvent<never>) => void;
+  "ondds-before-open"?: (e: CustomEvent<{ void }>) => void;
   /** Fires after the modal opens. */
-  "ondds-opened"?: (e: CustomEvent<never>) => void;
+  "ondds-opened"?: (e: CustomEvent<{ void }>) => void;
   /** Fires before the modal closes. */
-  "ondds-before-close"?: (e: CustomEvent<never>) => void;
+  "ondds-before-close"?: (e: CustomEvent<{ void }>) => void;
   /** Fires after the modal closed. */
-  "ondds-closed"?: (e: CustomEvent<never>) => void;
+  "ondds-closed"?: (e: CustomEvent<{ void }>) => void;
   /** Fires when the modal is closes. You can prevent the modal from closing by calling `event.preventDefault()`. */
-  "ondds-close"?: (e: CustomEvent<never>) => void;
+  "ondds-close"?: (e: CustomEvent<{ void }>) => void;
   /** Fires when the OK button is clicked. You can prevent the modal from closing by calling `event.preventDefault()`. */
-  "ondds-ok"?: (e: CustomEvent<never>) => void;
+  "ondds-ok"?: (e: CustomEvent<{ void }>) => void;
   /** Fires when the Cancel button is clicked. You can prevent the modal from closing by calling `event.preventDefault()`. */
-  "ondds-cancel"?: (e: CustomEvent<never>) => void;
+  "ondds-cancel"?: (e: CustomEvent<{ void }>) => void;
 };
 
 type DapDSNotificationBadgeProps = {
@@ -1290,15 +1291,15 @@ type DapDSNumberInputProps = {
   /** Disables the enter key from being used to submit the form. */
   disableEnter?: DapDSNumberInput["disableEnter"];
   /** Fired when the input value changes. */
-  "ondds-change"?: (e: CustomEvent<never>) => void;
+  "ondds-change"?: (e: CustomEvent<{ value: string }>) => void;
   /** Fired when the input value changes. */
-  "ondds-input"?: (e: CustomEvent<never>) => void;
+  "ondds-input"?: (e: CustomEvent<{ value: string }>) => void;
   /** Fired when a key is pressed down. */
-  "ondds-keydown"?: (e: CustomEvent<never>) => void;
+  "ondds-keydown"?: (e: CustomEvent<{ value: string; originalEvent: Event }>) => void;
   /** Fired when the input loses focus. */
-  "ondds-blur"?: (e: CustomEvent<never>) => void;
+  "ondds-blur"?: (e: CustomEvent<{ void }>) => void;
   /** Emitted when the input gains focus. */
-  "ondds-focus"?: (e: CustomEvent<never>) => void;
+  "ondds-focus"?: (e: CustomEvent<{ void }>) => void;
 };
 
 type DapDSOfficialWebsiteBannerProps = {
@@ -1315,9 +1316,9 @@ type DapDSOfficialWebsiteBannerProps = {
   /** Whether the accordion is the last item. */
   lastItem?: DapDSOfficialWebsiteBanner["lastItem"];
   /** Event fired when the accordion is opened. */
-  "ondds-opened"?: (e: CustomEvent<never>) => void;
+  "ondds-opened"?: (e: CustomEvent<{ void }>) => void;
   /** Event fired when the accordion is closed. */
-  "ondds-closed"?: (e: CustomEvent<never>) => void;
+  "ondds-closed"?: (e: CustomEvent<{ void }>) => void;
 };
 
 type DapDSOptionItemProps = {
@@ -1365,11 +1366,13 @@ type DapDSOptionListProps = {
   /**  */
   buildQueryString?: DapDSOptionList["buildQueryString"];
   /** Fired when the escape key is pressed. */
-  "ondds-cancel"?: (e: CustomEvent<never>) => void;
+  "ondds-cancel"?: (e: CustomEvent<{ void }>) => void;
   /** Fired when the option list value changes. */
-  "ondds-option-change"?: (e: CustomEvent<never>) => void;
+  "ondds-option-change"?: (
+    e: CustomEvent<{ option: DapDSOptionItem; value: string; index: number; text: string }>,
+  ) => void;
   /** Fired when a key is pressed down. */
-  "ondds-keydown"?: (e: CustomEvent<never>) => void;
+  "ondds-keydown"?: (e: CustomEvent<{ void }>) => void;
 };
 
 type DapDSOverlayProps = {
@@ -1413,7 +1416,9 @@ type DapDSPagerProps = {
   /** The function to determine the pager text */
   pageStateText?: DapDSPager["pageStateText"];
   /** Event fired when the pagination changes */
-  "ondds-pagination-change"?: (e: CustomEvent<never>) => void;
+  "ondds-pagination-change"?: (
+    e: CustomEvent<{ action: string; pagination: { pageIndex: number; pageSize: number } }>,
+  ) => void;
 };
 
 type DapDSPasswordInputProps = {
@@ -1460,15 +1465,15 @@ type DapDSPasswordInputProps = {
   /** The weight of the label. Default is `false` */
   subtle?: DapDSPasswordInput["subtle"];
   /** Fired when the input value changes. */
-  "ondds-change"?: (e: CustomEvent<never>) => void;
+  "ondds-change"?: (e: CustomEvent<{ value: string }>) => void;
   /** Fired when the input value changes. */
-  "ondds-input"?: (e: CustomEvent<never>) => void;
+  "ondds-input"?: (e: CustomEvent<{ value: string }>) => void;
   /** Fired when a key is pressed down. */
-  "ondds-keydown"?: (e: CustomEvent<never>) => void;
+  "ondds-keydown"?: (e: CustomEvent<{ value: string; originalEvent: Event }>) => void;
   /** Fired when the input loses focus. */
-  "ondds-blur"?: (e: CustomEvent<never>) => void;
+  "ondds-blur"?: (e: CustomEvent<{ void }>) => void;
   /** Emitted when the input gains focus. */
-  "ondds-focus"?: (e: CustomEvent<never>) => void;
+  "ondds-focus"?: (e: CustomEvent<{ void }>) => void;
 };
 
 type DapDSPopupProps = {
@@ -1493,9 +1498,9 @@ type DapDSPopupProps = {
   /** The size of the popup. */
   size?: DapDSPopup["size"];
   /** Fired when the popup is opened. */
-  "ondds-opened"?: (e: CustomEvent<never>) => void;
+  "ondds-opened"?: (e: CustomEvent<{ void }>) => void;
   /** Fired when the popup is closed. */
-  "ondds-closed"?: (e: CustomEvent<never>) => void;
+  "ondds-closed"?: (e: CustomEvent<{ void }>) => void;
 };
 
 type DapDSRadioButtonProps = {
@@ -1528,13 +1533,13 @@ type DapDSRadioButtonProps = {
   /** The placement of the description. */
   descriptionPlacement?: DapDSRadioButton["descriptionPlacement"];
   /** Fired when the radio button is checked. */
-  "ondds-change"?: (e: CustomEvent<never>) => void;
+  "ondds-change"?: (e: CustomEvent<{ value: string }>) => void;
   /** Emitted when the radio button loses focus. */
-  "ondds-blur"?: (e: CustomEvent<never>) => void;
+  "ondds-blur"?: (e: CustomEvent<{ void }>) => void;
   /** Emitted when the radio button gains focus. */
-  "ondds-focus"?: (e: CustomEvent<never>) => void;
+  "ondds-focus"?: (e: CustomEvent<{ void }>) => void;
   /** Emitted when the radio button receives input. */
-  "ondds-input"?: (e: CustomEvent<never>) => void;
+  "ondds-input"?: (e: CustomEvent<{ value: string }>) => void;
 };
 
 type DapDSRatingProps = {
@@ -1554,7 +1559,7 @@ This is a backup to catch keyboard events if they bubble up */
   /**  */
   value?: DapDSRating["value"];
   /** Event fired when the rating value changes. */
-  "ondds-change"?: (e: CustomEvent<never>) => void;
+  "ondds-change"?: (e: CustomEvent<{ value: number }>) => void;
 };
 
 type DapDSScrollAreaProps = {
@@ -1689,11 +1694,11 @@ type DapDSSelectProps = {
   /** The weight of the label. Default is `false` */
   subtle?: DapDSSelect["subtle"];
   /** Fired when the select value changes. */
-  "ondds-change"?: (e: CustomEvent<never>) => void;
+  "ondds-change"?: (e: CustomEvent<{ value: string }>) => void;
   /** Emitted when the select loses focus. */
-  "ondds-blur"?: (e: CustomEvent<never>) => void;
+  "ondds-blur"?: (e: CustomEvent<{ void }>) => void;
   /** Emitted when the select gains focus. */
-  "ondds-focus"?: (e: CustomEvent<never>) => void;
+  "ondds-focus"?: (e: CustomEvent<{ void }>) => void;
 };
 
 type DapDSSideNavGroupProps = {
@@ -1707,7 +1712,7 @@ type DapDSSideNavGroupProps = {
   open?: DapDSSideNavGroup["open"];
 
   /** Event fired when the side navigation item is clicked. */
-  "ondds-item-click"?: (e: CustomEvent<never>) => void;
+  "ondds-item-click"?: (e: CustomEvent<{ href: string; event: Event }>) => void;
 };
 
 type DapDSSideNavItemProps = {
@@ -1719,7 +1724,7 @@ type DapDSSideNavItemProps = {
   spacing?: DapDSSideNavItem["spacing"];
 
   /** Event fired when the side navigation item is clicked. */
-  "ondds-item-click"?: (e: CustomEvent<never>) => void;
+  "ondds-item-click"?: (e: CustomEvent<{ href: string; event: Event }>) => void;
 };
 
 type DapDSSideNavProps = {
@@ -1729,7 +1734,7 @@ type DapDSSideNavProps = {
   activeHref?: DapDSSideNav["activeHref"];
 
   /** Event fired when the side navigation item is clicked. */
-  "ondds-item-click"?: (e: CustomEvent<never>) => void;
+  "ondds-item-click"?: (e: CustomEvent<{ href: string; event: Event }>) => void;
 };
 
 type DapDSSkipLinkProps = {
@@ -1754,7 +1759,7 @@ type DapDSSnackbarMessageProps = {
   alertType?: DapDSSnackbarMessage["alertType"];
 
   /** Fires when the snackbar closes. */
-  "ondds-close"?: (e: CustomEvent<never>) => void;
+  "ondds-close"?: (e: CustomEvent<{ id: string }>) => void;
 };
 
 type DapDSSnackbarProps = {
@@ -1828,13 +1833,13 @@ type DapDSSwitchProps = {
   /** The optional label of the switch. */
   optionalLabel?: DapDSSwitch["optionalLabel"];
   /** Fired when the input value changes. */
-  "ondds-change"?: (e: CustomEvent<never>) => void;
+  "ondds-change"?: (e: CustomEvent<{ value: string }>) => void;
   /** Emitted when the input loses focus. */
-  "ondds-blur"?: (e: CustomEvent<never>) => void;
+  "ondds-blur"?: (e: CustomEvent<{ void }>) => void;
   /** Emitted when the input gains focus. */
-  "ondds-focus"?: (e: CustomEvent<never>) => void;
+  "ondds-focus"?: (e: CustomEvent<{ void }>) => void;
   /** Emitted when the input receives input. */
-  "ondds-input"?: (e: CustomEvent<never>) => void;
+  "ondds-input"?: (e: CustomEvent<{ value: string }>) => void;
 };
 
 type DapDSTabGroupProps = {
@@ -1846,7 +1851,7 @@ type DapDSTabGroupProps = {
   mobile?: DapDSTabGroup["mobile"];
 
   /** Fired when select a new tab. */
-  "ondds-tab-select"?: (e: CustomEvent<never>) => void;
+  "ondds-tab-select"?: (e: CustomEvent<{ tabId: string }>) => void;
 };
 
 type DapDSTabProps = {
@@ -1936,19 +1941,19 @@ type DapDSTextareaProps = {
   /** The autofocus state of the textarea. */
   autofocus?: DapDSTextarea["autofocus"];
   /** Fires when the count of the textarea changes. */
-  "ondds-count-change"?: (e: CustomEvent<never>) => void;
+  "ondds-count-change"?: (e: CustomEvent<{ value: number }>) => void;
   /** Fired when the textarea value changes. */
-  "ondds-change"?: (e: CustomEvent<never>) => void;
+  "ondds-change"?: (e: CustomEvent<{ value: string }>) => void;
   /** Fired when the textarea value changes. */
-  "ondds-input"?: (e: CustomEvent<never>) => void;
+  "ondds-input"?: (e: CustomEvent<{ value: string }>) => void;
   /** Fired when a key is pressed down. */
-  "ondds-keydown"?: (e: CustomEvent<never>) => void;
+  "ondds-keydown"?: (e: CustomEvent<{ value: string; originalEvent: Event }>) => void;
   /** Fired when the textarea loses focus. */
-  "ondds-blur"?: (e: CustomEvent<never>) => void;
+  "ondds-blur"?: (e: CustomEvent<{ void }>) => void;
   /** Emitted when the textarea gains focus. */
-  "ondds-focus"?: (e: CustomEvent<never>) => void;
+  "ondds-focus"?: (e: CustomEvent<{ void }>) => void;
   /** Emitted when select text in textarea. */
-  "ondds-select"?: (e: CustomEvent<never>) => void;
+  "ondds-select"?: (e: CustomEvent<{ value: string }>) => void;
 };
 
 type DapDSTimelineItemProps = {};
@@ -1981,7 +1986,9 @@ type DapDSTOCProps = {
   /** The size of the toc. Default is `lg`. */
   size?: DapDSTOC["size"];
   /** Event that is triggered when the anchor changes. */
-  "ondds-anchor-change"?: (e: CustomEvent<never>) => void;
+  "ondds-anchor-change"?: (
+    e: CustomEvent<{ selectedItem: HTMLAnchorElement; anchorElement: IntersectionObserverEntry | HTMLElement }>,
+  ) => void;
 };
 
 type DapDSToggleButtonProps = {
@@ -2036,15 +2043,15 @@ type DapDSTrayProps = {
   /** The label of the Cancel button. */
   cancelButtonLabel?: DapDSTray["cancelButtonLabel"];
   /** Fires before the tray opens. */
-  "ondds-before-open"?: (e: CustomEvent<never>) => void;
+  "ondds-before-open"?: (e: CustomEvent<{ void }>) => void;
   /** Fires after the tray opens. */
-  "ondds-opened"?: (e: CustomEvent<never>) => void;
+  "ondds-opened"?: (e: CustomEvent<{ void }>) => void;
   /** Fires before the tray closes. */
-  "ondds-before-close"?: (e: CustomEvent<never>) => void;
+  "ondds-before-close"?: (e: CustomEvent<{ void }>) => void;
   /** Fires after the tray closed. */
-  "ondds-closed"?: (e: CustomEvent<never>) => void;
+  "ondds-closed"?: (e: CustomEvent<{ void }>) => void;
   /** Fires when the tray is closes. You can prevent the tray from closing by calling `event.preventDefault()`. */
-  "ondds-close"?: (e: CustomEvent<never>) => void;
+  "ondds-close"?: (e: CustomEvent<{ void }>) => void;
 };
 
 type DapDSTypographyProps = {
@@ -2862,12 +2869,33 @@ export type CustomElements = {
   "dap-ds-accordion": DefineComponent<DapDSAccordionProps>;
 
   /**
-   * An accordion group is a collection of accordion components.
+   * Avatar component can be used to display user profile images or icons, or illustrations.
    * ---
    *
    *
-   * ### **Events:**
-   *  - **dds-change** - Event fired when an accordion is opened or closed.
+   * ### **CSS Properties:**
+   *  - **--dds-avatar-border-radius** - The border radius of the avatar. Default is the design system's rounded radius. _(default: undefined)_
+   * - **--dds-avatar-background-color** - The background color of the avatar. Default is transparent. _(default: undefined)_
+   * - **--dds-avatar-border-width** - The width of the avatar's border. Default is 0. _(default: undefined)_
+   * - **--dds-avatar-border-color** - The color of the avatar's border. Default is transparent. _(default: undefined)_
+   * - **--dds-avatar-border-style** - The style of the avatar's border. Default is solid. _(default: undefined)_
+   * - **--dds-avatar-transition** - The transition property for the avatar. Default is 'all 0.2s ease-in-out'. _(default: undefined)_
+   * - **--dds-avatar-size-lg** - The size of the large avatar. Default is the design system's spacing-2000. _(default: undefined)_
+   * - **--dds-avatar-size-md** - The size of the medium avatar. Default is the design system's spacing-1600. _(default: undefined)_
+   * - **--dds-avatar-size-sm** - The size of the small avatar. Default is the design system's spacing-1200. _(default: undefined)_
+   * - **--dds-avatar-size-xs** - The size of the extra small avatar. Default is the design system's spacing-800. _(default: undefined)_
+   * - **--dds-avatar-size-xxs** - The size of the extra extra small avatar. Default is the design system's spacing-600. _(default: undefined)_
+   *
+   * ### **CSS Parts:**
+   *  - **base** - The main avatar image container.
+   * - **img** - The avatar image.
+   */
+  "dap-ds-avatar": DefineComponent<DapDSAvatarProps>;
+
+  /**
+   * An accordion group is a collection of accordion components.
+   * ---
+   *
    *
    * ### **Slots:**
    *  - _default_ - The content of the accordion group.
@@ -2884,6 +2912,25 @@ export type CustomElements = {
    */
   "dap-ds-accordion-group": DefineComponent<DapDSAccordionGroupProps>;
 
+  /**
+   * Anchor heading is a heading with an anchor link.
+   * ---
+   *
+   *
+   * ### **CSS Properties:**
+   *  - **--dds-anchor-link-color** - The color of the anchor link. Default is the primary color. _(default: undefined)_
+   * - **--dds-anchor-link-opacity** - The opacity of the anchor link when not hovered. Default is 0. _(default: undefined)_
+   * - **--dds-anchor-link-hover-opacity** - The opacity of the anchor link when hovered. Default is 1. _(default: undefined)_
+   * - **--dds-anchor-link-transition** - The transition property for the anchor link opacity. Default is 'opacity 0.2s ease-in-out'. _(default: undefined)_
+   *
+   * ### **CSS Parts:**
+   *  - **base** - The main anchor heading container.
+   * - **link** - The link of the anchor heading. dap-ds-link element.
+   * - **link-base** - The base of the link part.
+   * - **text** - The text of the anchor heading.
+   */
+  "dap-ds-anchor-heading": DefineComponent<DapDSAnchorHeadingProps>;
+
   /**
    * A badge is a small status descriptor for UI elements.
    * ---
@@ -2983,73 +3030,6 @@ export type CustomElements = {
    */
   "dap-ds-banner": DefineComponent<DapDSBannerProps>;
 
-  /**
-   * Anchor heading is a heading with an anchor link.
-   * ---
-   *
-   *
-   * ### **CSS Properties:**
-   *  - **--dds-anchor-link-color** - The color of the anchor link. Default is the primary color. _(default: undefined)_
-   * - **--dds-anchor-link-opacity** - The opacity of the anchor link when not hovered. Default is 0. _(default: undefined)_
-   * - **--dds-anchor-link-hover-opacity** - The opacity of the anchor link when hovered. Default is 1. _(default: undefined)_
-   * - **--dds-anchor-link-transition** - The transition property for the anchor link opacity. Default is 'opacity 0.2s ease-in-out'. _(default: undefined)_
-   *
-   * ### **CSS Parts:**
-   *  - **base** - The main anchor heading container.
-   * - **link** - The link of the anchor heading. dap-ds-link element.
-   * - **link-base** - The base of the link part.
-   * - **text** - The text of the anchor heading.
-   */
-  "dap-ds-anchor-heading": DefineComponent<DapDSAnchorHeadingProps>;
-
-  /**
-   * A breadcrumb is a secondary navigation scheme that reveals the user's location in a website or Web application.
-   * ---
-   *
-   *
-   * ### **Slots:**
-   *  - _default_ - The content of the breadcrumb.
-   * - **separator** - The separator between breadcrumb items. Default is '/'.
-   *
-   * ### **CSS Properties:**
-   *  - **--dds-breadcrumb-width** - The width of the breadcrumb container. Default is 100%. _(default: undefined)_
-   * - **--dds-breadcrumb-overflow-x** - The horizontal overflow behavior of the breadcrumb. Default is auto. _(default: undefined)_
-   * - **--dds-breadcrumb-transition** - The transition property for the breadcrumb. Default is 'all 0.2s ease-in-out'. _(default: undefined)_
-   * - **--dds-breadcrumb-list-display** - The display property of the breadcrumb list. Default is flex. _(default: undefined)_
-   * - **--dds-breadcrumb-list-flex-wrap** - The flex-wrap property of the breadcrumb list. Default is nowrap. _(default: undefined)_
-   * - **--dds-breadcrumb-list-align-items** - The align-items property of the breadcrumb list. Default is center. _(default: undefined)_
-   * - **--dds-breadcrumb-list-min-width** - The minimum width of the breadcrumb list. Default is max-content. _(default: undefined)_
-   *
-   * ### **CSS Parts:**
-   *  - **base** - The main breadcrumb container.
-   * - **separator** - The separator of the breadcrumb.
-   */
-  "dap-ds-breadcrumb": DefineComponent<DapDSBreadcrumbProps>;
-
-  /**
-   * Avatar component can be used to display user profile images or icons, or illustrations.
-   * ---
-   *
-   *
-   * ### **CSS Properties:**
-   *  - **--dds-avatar-border-radius** - The border radius of the avatar. Default is the design system's rounded radius. _(default: undefined)_
-   * - **--dds-avatar-background-color** - The background color of the avatar. Default is transparent. _(default: undefined)_
-   * - **--dds-avatar-border-width** - The width of the avatar's border. Default is 0. _(default: undefined)_
-   * - **--dds-avatar-border-color** - The color of the avatar's border. Default is transparent. _(default: undefined)_
-   * - **--dds-avatar-border-style** - The style of the avatar's border. Default is solid. _(default: undefined)_
-   * - **--dds-avatar-transition** - The transition property for the avatar. Default is 'all 0.2s ease-in-out'. _(default: undefined)_
-   * - **--dds-avatar-size-lg** - The size of the large avatar. Default is the design system's spacing-2000. _(default: undefined)_
-   * - **--dds-avatar-size-md** - The size of the medium avatar. Default is the design system's spacing-1600. _(default: undefined)_
-   * - **--dds-avatar-size-sm** - The size of the small avatar. Default is the design system's spacing-1200. _(default: undefined)_
-   * - **--dds-avatar-size-xs** - The size of the extra small avatar. Default is the design system's spacing-800. _(default: undefined)_
-   * - **--dds-avatar-size-xxs** - The size of the extra extra small avatar. Default is the design system's spacing-600. _(default: undefined)_
-   *
-   * ### **CSS Parts:**
-   *  - **base** - The main avatar image container.
-   * - **img** - The avatar image.
-   */
-  "dap-ds-avatar": DefineComponent<DapDSAvatarProps>;
-
   /**
    * A breadcrumb item is a secondary navigation scheme that reveals the user's location in a website or Web application.
    * ---
@@ -3083,6 +3063,30 @@ export type CustomElements = {
    */
   "dap-ds-breadcrumb-item": DefineComponent<DapDSBreadcrumbItemProps>;
 
+  /**
+   * A breadcrumb is a secondary navigation scheme that reveals the user's location in a website or Web application.
+   * ---
+   *
+   *
+   * ### **Slots:**
+   *  - _default_ - The content of the breadcrumb.
+   * - **separator** - The separator between breadcrumb items. Default is '/'.
+   *
+   * ### **CSS Properties:**
+   *  - **--dds-breadcrumb-width** - The width of the breadcrumb container. Default is 100%. _(default: undefined)_
+   * - **--dds-breadcrumb-overflow-x** - The horizontal overflow behavior of the breadcrumb. Default is auto. _(default: undefined)_
+   * - **--dds-breadcrumb-transition** - The transition property for the breadcrumb. Default is 'all 0.2s ease-in-out'. _(default: undefined)_
+   * - **--dds-breadcrumb-list-display** - The display property of the breadcrumb list. Default is flex. _(default: undefined)_
+   * - **--dds-breadcrumb-list-flex-wrap** - The flex-wrap property of the breadcrumb list. Default is nowrap. _(default: undefined)_
+   * - **--dds-breadcrumb-list-align-items** - The align-items property of the breadcrumb list. Default is center. _(default: undefined)_
+   * - **--dds-breadcrumb-list-min-width** - The minimum width of the breadcrumb list. Default is max-content. _(default: undefined)_
+   *
+   * ### **CSS Parts:**
+   *  - **base** - The main breadcrumb container.
+   * - **separator** - The separator of the breadcrumb.
+   */
+  "dap-ds-breadcrumb": DefineComponent<DapDSBreadcrumbProps>;
+
   /**
    * A button is a clickable element that can be used to trigger an action.
    * ---
@@ -3643,7 +3647,7 @@ export type CustomElements = {
    *
    *
    * ### **Events:**
-   *  - **dds-change** - Fired when the content switcher is changed. *
+   *  - **dds-change** - Fired when the content switcher is changed.
    *
    * ### **Slots:**
    *  - _default_ - The content switcher items.
@@ -3784,7 +3788,7 @@ export type CustomElements = {
    *  - **dds-change** - Fired when the datepicker value changes.
    * - **dds-input** - Fired when the datepicker input value changes.
    * - **dds-valid-date** - Fired when the datepicker input value is valid. Happens on manual input typing.
-   * - **dds-invalid-date** - Fired when the datepicker input value is invalid. Type can be 'invalid' or 'out-of-range'. Happens on manual input typing.
+   * - **dds-invalid-date** - Fired when the datepicker input value is invalid. Happens on manual input typing.
    * - **dds-clear** - Fired when the datepicker is cleared.
    * - **dds-focus** - Emitted when the datepicker gains focus.
    * - **dds-blur** - Emitted when the datepicker loses focus.