dap-design-system 0.35.21 → 0.35.22

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

@@ -2,12 +2,12 @@ import type { DefineComponent } from "vue";
 
 import type { DapDSAccordion } from "../../components/accordion/accordion.component.js";
 import type { DapDSAccordionGroup } from "../../components/accordion-group/accordion-group.component.js";
-import type { DapDSBadge } from "../../components/badge/badge.component.js";
-import type { DapDSBanner } from "../../components/banner/banner.component.js";
+import type { DapDSAvatar } from "../../components/avatar/avatar.component.js";
 import type { DapDSAnchorHeading } from "../../components/anchor-heading/anchor-heading.component.js";
+import type { DapDSBanner } from "../../components/banner/banner.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 { DapDSBadge } from "../../components/badge/badge.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";
@@ -19,10 +19,10 @@ import type { DapDSCardSubtitle } from "../../components/card-subtitle/card-subt
 import type { DapDSCardTitle } from "../../components/card-title/card-title.component.js";
 import type { DapDSCard } from "../../components/card/card.component.js";
 import type { DapDSCheckbox } from "../../components/checkbox/checkbox.component.js";
-import type { DapDSCombobox } from "../../components/combobox/combobox.component.js";
 import type { DapDSCommandGroup } from "../../components/command-group/command-group.component.js";
 import type { DapDSCommandItem } from "../../components/command-item/command-item.component.js";
 import type { DapDSCommand } from "../../components/command/command.component.js";
+import type { DapDSCombobox } from "../../components/combobox/combobox.component.js";
 import type { DapDSContentSwitcherItem } from "../../components/content-switcher-item/content-switcher-item.component.js";
 import type { DapDSContentSwitcher } from "../../components/content-switcher/content-switcher.component.js";
 import type { DapDSCopyBoxInput } from "../../components/copybox-input/copybox-input.component.js";
@@ -81,13 +81,14 @@ import type { DapDSTypography } from "../../components/typography/typography.com
 import type { DapDSFormLabel } from "../../components/form-label/form-label.component.js";
 import type { DapDSInputGroup } from "../../components/input-group/input-group.component.js";
 import type { DapDSRadioGroup } from "../../components/radio-group/radio-group.component.js";
+import type { BuildingsHome6Line } from "../../components/icon-home-6-line/icon-home-6-line.component.js";
 import type { ArrowsArrowDownLine } from "../../components/icon-arrow-down-line/icon-arrow-down-line.component.js";
 import type { ArrowsArrowDownSFill } from "../../components/icon-arrow-down-s-fill/icon-arrow-down-s-fill.component.js";
 import type { ArrowsArrowDownSLine } from "../../components/icon-arrow-down-s-line/icon-arrow-down-s-line.component.js";
 import type { ArrowsArrowLeftDownLine } from "../../components/icon-arrow-left-down-line/icon-arrow-left-down-line.component.js";
+import type { ArrowsArrowLeftSFill } from "../../components/icon-arrow-left-s-fill/icon-arrow-left-s-fill.component.js";
 import type { ArrowsArrowLeftLLine } from "../../components/icon-arrow-left-l-line/icon-arrow-left-l-line.component.js";
 import type { ArrowsArrowLeftLine } from "../../components/icon-arrow-left-line/icon-arrow-left-line.component.js";
-import type { ArrowsArrowLeftSFill } from "../../components/icon-arrow-left-s-fill/icon-arrow-left-s-fill.component.js";
 import type { ArrowsArrowLeftSLine } from "../../components/icon-arrow-left-s-line/icon-arrow-left-s-line.component.js";
 import type { ArrowsArrowLeftUpLine } from "../../components/icon-arrow-left-up-line/icon-arrow-left-up-line.component.js";
 import type { ArrowsArrowRightDownLine } from "../../components/icon-arrow-right-down-line/icon-arrow-right-down-line.component.js";
@@ -96,50 +97,49 @@ import type { ArrowsArrowRightLine } from "../../components/icon-arrow-right-lin
 import type { ArrowsArrowRightSFill } from "../../components/icon-arrow-right-s-fill/icon-arrow-right-s-fill.component.js";
 import type { ArrowsArrowRightSLine } from "../../components/icon-arrow-right-s-line/icon-arrow-right-s-line.component.js";
 import type { ArrowsArrowRightUpLine } from "../../components/icon-arrow-right-up-line/icon-arrow-right-up-line.component.js";
-import type { ArrowsArrowUpLine } from "../../components/icon-arrow-up-line/icon-arrow-up-line.component.js";
 import type { ArrowsArrowUpSFill } from "../../components/icon-arrow-up-s-fill/icon-arrow-up-s-fill.component.js";
+import type { ArrowsArrowUpLine } from "../../components/icon-arrow-up-line/icon-arrow-up-line.component.js";
 import type { ArrowsArrowUpSLine } from "../../components/icon-arrow-up-s-line/icon-arrow-up-s-line.component.js";
 import type { ArrowsExpandUpDownFill } from "../../components/icon-expand-up-down-fill/icon-expand-up-down-fill.component.js";
-import type { BuildingsHome6Line } from "../../components/icon-home-6-line/icon-home-6-line.component.js";
 import type { BusinessCalendarLine } from "../../components/icon-calendar-line/icon-calendar-line.component.js";
 import type { DocumentClipboardLine } from "../../components/icon-clipboard-line/icon-clipboard-line.component.js";
 import type { DocumentFileCopyLine } from "../../components/icon-file-copy-line/icon-file-copy-line.component.js";
 import type { OthersCookieLine } from "../../components/icon-cookie-line/icon-cookie-line.component.js";
 import type { SystemAddLine } from "../../components/icon-add-line/icon-add-line.component.js";
 import type { SystemAlertFill } from "../../components/icon-alert-fill/icon-alert-fill.component.js";
-import type { SystemAlertLine } from "../../components/icon-alert-line/icon-alert-line.component.js";
 import type { SystemCheckLine } from "../../components/icon-check-line/icon-check-line.component.js";
+import type { SystemAlertLine } from "../../components/icon-alert-line/icon-alert-line.component.js";
 import type { SystemCheckLine2 } from "../../components/icon-check-line2/icon-check-line2.component.js";
-import type { SystemCheckboxBlankCircleFill } from "../../components/icon-checkbox-blank-circle-fill/icon-checkbox-blank-circle-fill.component.js";
 import type { SystemCheckboxBlankCircleFillCheck } from "../../components/icon-checkbox-blank-circle-fill-check/icon-checkbox-blank-circle-fill-check.component.js";
+import type { SystemCheckboxBlankCircleFill } from "../../components/icon-checkbox-blank-circle-fill/icon-checkbox-blank-circle-fill.component.js";
 import type { SystemCheckboxBlankCircleLine } from "../../components/icon-checkbox-blank-circle-line/icon-checkbox-blank-circle-line.component.js";
 import type { SystemCheckboxCircleFill } from "../../components/icon-checkbox-circle-fill/icon-checkbox-circle-fill.component.js";
 import type { SystemCheckboxCircleLine } from "../../components/icon-checkbox-circle-line/icon-checkbox-circle-line.component.js";
 import type { SystemCloseCircleFill } from "../../components/icon-close-circle-fill/icon-close-circle-fill.component.js";
-import type { SystemCloseCircleLine } from "../../components/icon-close-circle-line/icon-close-circle-line.component.js";
 import type { SystemCloseFill } from "../../components/icon-close-fill/icon-close-fill.component.js";
+import type { SystemCloseCircleLine } from "../../components/icon-close-circle-line/icon-close-circle-line.component.js";
 import type { SystemCloseLine } from "../../components/icon-close-line/icon-close-line.component.js";
-import type { SystemDownloadLine } from "../../components/icon-download-line/icon-download-line.component.js";
 import type { SystemErrorWarningFill } from "../../components/icon-error-warning-fill/icon-error-warning-fill.component.js";
+import type { SystemDownloadLine } from "../../components/icon-download-line/icon-download-line.component.js";
 import type { SystemErrorWarningLine } from "../../components/icon-error-warning-line/icon-error-warning-line.component.js";
 import type { SystemExternalLinkLine } from "../../components/icon-external-link-line/icon-external-link-line.component.js";
 import type { SystemEyeLine } from "../../components/icon-eye-line/icon-eye-line.component.js";
 import type { SystemEyeOffLine } from "../../components/icon-eye-off-line/icon-eye-off-line.component.js";
-import type { SystemForbidFill } from "../../components/icon-forbid-fill/icon-forbid-fill.component.js";
 import type { SystemInformation2Fill } from "../../components/icon-information-2-fill/icon-information-2-fill.component.js";
+import type { SystemForbidFill } from "../../components/icon-forbid-fill/icon-forbid-fill.component.js";
 import type { SystemInformationFill } from "../../components/icon-information-fill/icon-information-fill.component.js";
-import type { SystemInformationLine } from "../../components/icon-information-line/icon-information-line.component.js";
 import type { SystemLightbulbFill } from "../../components/icon-lightbulb-fill/icon-lightbulb-fill.component.js";
-import type { SystemLoadingSpinner } from "../../components/icon-loading-spinner/icon-loading-spinner.component.js";
+import type { SystemInformationLine } from "../../components/icon-information-line/icon-information-line.component.js";
 import type { SystemLockFill } from "../../components/icon-lock-fill/icon-lock-fill.component.js";
+import type { SystemLoadingSpinner } from "../../components/icon-loading-spinner/icon-loading-spinner.component.js";
 import type { SystemLockLine } from "../../components/icon-lock-line/icon-lock-line.component.js";
-import type { SystemMenuLine } from "../../components/icon-menu-line/icon-menu-line.component.js";
 import type { SystemMenuLineS } from "../../components/icon-menu-line-s/icon-menu-line-s.component.js";
-import type { SystemSearchLine } from "../../components/icon-search-line/icon-search-line.component.js";
+import type { SystemMenuLine } from "../../components/icon-menu-line/icon-menu-line.component.js";
 import type { SystemShieldCheckFill } from "../../components/icon-shield-check-fill/icon-shield-check-fill.component.js";
+import type { SystemSearchLine } from "../../components/icon-search-line/icon-search-line.component.js";
 import type { SystemShieldCheckLine } from "../../components/icon-shield-check-line/icon-shield-check-line.component.js";
-import type { SystemStarFill } from "../../components/icon-star-fill/icon-star-fill.component.js";
 import type { SystemSubtractLine } from "../../components/icon-subtract-line/icon-subtract-line.component.js";
+import type { SystemStarFill } from "../../components/icon-star-fill/icon-star-fill.component.js";
 import type { SystemSubtractLine2 } from "../../components/icon-subtract-line2/icon-subtract-line2.component.js";
 
 type DapDSAccordionProps = {
@@ -156,9 +156,9 @@ 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 DapDSAccordionGroupProps = {
@@ -166,18 +166,30 @@ 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 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 DapDSBadgeProps = {
-  /** The type of the badge */
-  type?: DapDSBadge["type"];
-  /** The size of the badge */
-  size?: DapDSBadge["size"];
-  /** The icon of the badge, this is a name of a built in icon */
-  icon?: DapDSBadge["icon"];
+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 DapDSBannerProps = {
@@ -193,18 +205,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"];
+  "ondds-close"?: (e: CustomEvent<{ void }>) => void;
 };
 
 type DapDSBreadcrumbProps = {
@@ -218,19 +219,6 @@ type DapDSBreadcrumbProps = {
   "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"];
-};
-
 type DapDSBreadcrumbItemProps = {
   /** The URL of the breadcrumb item. */
   href?: DapDSBreadcrumbItem["href"];
@@ -246,6 +234,15 @@ type DapDSBreadcrumbItemProps = {
   variant?: DapDSBreadcrumbItem["variant"];
 };
 
+type DapDSBadgeProps = {
+  /** The type of the badge */
+  type?: DapDSBadge["type"];
+  /** The size of the badge */
+  size?: DapDSBadge["size"];
+  /** The icon of the badge, this is a name of a built in icon */
+  icon?: DapDSBadge["icon"];
+};
+
 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,76 +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;
-};
-
-type DapDSComboboxProps = {
-  /** The value of the select. */
-  value?: DapDSCombobox["value"];
-  /** The placeholder of the select. */
-  placeholder?: DapDSCombobox["placeholder"];
-  /** The placement of the select dropdown. Default is 'bottom-start'. */
-  placement?: DapDSCombobox["placement"];
-  /** Whether the select dropdown is opened. */
-  opened?: DapDSCombobox["opened"];
-  /** The sync mode of the select dropdown. How the dropdown item size is synced to the trigger element'. */
-  sync?: DapDSCombobox["sync"];
-  /** The label of the select. */
-  label?: DapDSCombobox["label"];
-  /** The description of the select. */
-  description?: DapDSCombobox["description"];
-  /** The tooltip of the select. */
-  tooltip?: DapDSCombobox["tooltip"];
-  /** The tooltip placement of the input. */
-  tooltipPlacement?: DapDSCombobox["tooltipPlacement"];
-  /** The size of the select. Default is 'md'. */
-  size?: DapDSCombobox["size"];
-  /** Whether the select is disabled. */
-  disabled?: DapDSCombobox["disabled"];
-  /** Whether the select is required. */
-  required?: DapDSCombobox["required"];
-  /** Whether the select is readonly. */
-  readonly?: DapDSCombobox["readonly"];
-  /** Whether the select is autofocus. */
-  autofocus?: DapDSCombobox["autofocus"];
-  /** The feedback content of the select. */
-  feedback?: DapDSCombobox["feedback"];
-  /** The feedback type of the select. */
-  feedbackType?: DapDSCombobox["feedbackType"];
-  /** The search mode of the select. */
-  searchMode?: DapDSCombobox["searchMode"];
-  /** Whether the combobox should open on empty results. */
-  openOnEmpty?: DapDSCombobox["openOnEmpty"];
-  /** Whether the combobox allows manual input, or free text. */
-  allowManualInput?: DapDSCombobox["allowManualInput"];
-  /** Whether the combobox should search for the selected item text. */
-  searchForText?: DapDSCombobox["searchForText"];
-  /** Whether the combobox should not complete the text. */
-  noTextComplete?: DapDSCombobox["noTextComplete"];
-  /** The aria label of the search button. */
-  searchButtonAriaLabel?: DapDSCombobox["searchButtonAriaLabel"];
-  /** Show the selected item check mark in the dropdown. 'true' or 'false' */
-  selectable?: DapDSCombobox["selectable"];
-  /** Whether the combobox open indicator should be animated. */
-  noAnimation?: DapDSCombobox["noAnimation"];
-  /** Fired when the select value changes. */
-  "ondds-change"?: (e: CustomEvent<never>) => void;
-  /** Emitted when the select loses focus. */
-  "ondds-blur"?: (e: CustomEvent<never>) => void;
-  /** Emitted when the select gains focus. */
-  "ondds-focus"?: (e: CustomEvent<never>) => void;
-  /** Emitted when the select is cleared. */
-  "ondds-clear"?: (e: CustomEvent<never>) => void;
-  /** Emitted when the manual input value changes. */
-  "ondds-search"?: (e: CustomEvent<never>) => void;
-  /** Emitted when typing happens in the input. */
-  "ondds-input"?: (e: CustomEvent<never>) => void;
+  "ondds-input"?: (
+    e: CustomEvent<{ checked: boolean; indeterminate: boolean; value: string; disabled: boolean }>,
+  ) => void;
 };
 
 type DapDSCommandGroupProps = {
@@ -559,7 +497,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 +524,72 @@ 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 DapDSComboboxProps = {
+  /** The value of the select. */
+  value?: DapDSCombobox["value"];
+  /** The placeholder of the select. */
+  placeholder?: DapDSCombobox["placeholder"];
+  /** The placement of the select dropdown. Default is 'bottom-start'. */
+  placement?: DapDSCombobox["placement"];
+  /** Whether the select dropdown is opened. */
+  opened?: DapDSCombobox["opened"];
+  /** The sync mode of the select dropdown. How the dropdown item size is synced to the trigger element'. */
+  sync?: DapDSCombobox["sync"];
+  /** The label of the select. */
+  label?: DapDSCombobox["label"];
+  /** The description of the select. */
+  description?: DapDSCombobox["description"];
+  /** The tooltip of the select. */
+  tooltip?: DapDSCombobox["tooltip"];
+  /** The tooltip placement of the input. */
+  tooltipPlacement?: DapDSCombobox["tooltipPlacement"];
+  /** The size of the select. Default is 'md'. */
+  size?: DapDSCombobox["size"];
+  /** Whether the select is disabled. */
+  disabled?: DapDSCombobox["disabled"];
+  /** Whether the select is required. */
+  required?: DapDSCombobox["required"];
+  /** Whether the select is readonly. */
+  readonly?: DapDSCombobox["readonly"];
+  /** Whether the select is autofocus. */
+  autofocus?: DapDSCombobox["autofocus"];
+  /** The feedback content of the select. */
+  feedback?: DapDSCombobox["feedback"];
+  /** The feedback type of the select. */
+  feedbackType?: DapDSCombobox["feedbackType"];
+  /** The search mode of the select. */
+  searchMode?: DapDSCombobox["searchMode"];
+  /** Whether the combobox should open on empty results. */
+  openOnEmpty?: DapDSCombobox["openOnEmpty"];
+  /** Whether the combobox allows manual input, or free text. */
+  allowManualInput?: DapDSCombobox["allowManualInput"];
+  /** Whether the combobox should search for the selected item text. */
+  searchForText?: DapDSCombobox["searchForText"];
+  /** Whether the combobox should not complete the text. */
+  noTextComplete?: DapDSCombobox["noTextComplete"];
+  /** The aria label of the search button. */
+  searchButtonAriaLabel?: DapDSCombobox["searchButtonAriaLabel"];
+  /** Show the selected item check mark in the dropdown. 'true' or 'false' */
+  selectable?: DapDSCombobox["selectable"];
+  /** Whether the combobox open indicator should be animated. */
+  noAnimation?: DapDSCombobox["noAnimation"];
+  /** Fired when the select value changes. */
+  "ondds-change"?: (e: CustomEvent<{ value }>) => void;
+  /** Emitted when the select loses focus. */
+  "ondds-blur"?: (e: CustomEvent<{ void }>) => void;
+  /** Emitted when the select gains focus. */
+  "ondds-focus"?: (e: CustomEvent<{ void }>) => void;
+  /** Emitted when the select is cleared. */
+  "ondds-clear"?: (e: CustomEvent<{ void }>) => void;
+  /** Emitted when the manual input value changes. */
+  "ondds-search"?: (e: CustomEvent<{ search: string }>) => void;
+  /** Emitted when typing happens in the input. */
+  "ondds-input"?: (e: CustomEvent<{ input: string; originalEvent: Event }>) => 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 = {
@@ -2151,6 +2158,17 @@ type DapDSRadioGroupProps = {
   "ondds-focus"?: (e: CustomEvent<never>) => void;
 };
 
+type BuildingsHome6LineProps = {
+  /** (optional) The width and height in pixels */
+  size?: BuildingsHome6Line["size"];
+  /** (optional) Sets the icon color via the `fill` attribute */
+  selected?: BuildingsHome6Line["selected"];
+  /** (optional) When using the icon standalone, make it meaningful for accessibility */
+  accessibilityTitle?: BuildingsHome6Line["accessibilityTitle"];
+  /** (optional) If `true` the icon can receive focus */
+  focusable?: BuildingsHome6Line["focusable"];
+};
+
 type ArrowsArrowDownLineProps = {
   /** (optional) The width and height in pixels */
   size?: ArrowsArrowDownLine["size"];
@@ -2195,6 +2213,17 @@ type ArrowsArrowLeftDownLineProps = {
   focusable?: ArrowsArrowLeftDownLine["focusable"];
 };
 
+type ArrowsArrowLeftSFillProps = {
+  /** (optional) The width and height in pixels */
+  size?: ArrowsArrowLeftSFill["size"];
+  /** (optional) Sets the icon color via the `fill` attribute */
+  selected?: ArrowsArrowLeftSFill["selected"];
+  /** (optional) When using the icon standalone, make it meaningful for accessibility */
+  accessibilityTitle?: ArrowsArrowLeftSFill["accessibilityTitle"];
+  /** (optional) If `true` the icon can receive focus */
+  focusable?: ArrowsArrowLeftSFill["focusable"];
+};
+
 type ArrowsArrowLeftLLineProps = {
   /** (optional) The width and height in pixels */
   size?: ArrowsArrowLeftLLine["size"];
@@ -2217,17 +2246,6 @@ type ArrowsArrowLeftLineProps = {
   focusable?: ArrowsArrowLeftLine["focusable"];
 };
 
-type ArrowsArrowLeftSFillProps = {
-  /** (optional) The width and height in pixels */
-  size?: ArrowsArrowLeftSFill["size"];
-  /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: ArrowsArrowLeftSFill["selected"];
-  /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: ArrowsArrowLeftSFill["accessibilityTitle"];
-  /** (optional) If `true` the icon can receive focus */
-  focusable?: ArrowsArrowLeftSFill["focusable"];
-};
-
 type ArrowsArrowLeftSLineProps = {
   /** (optional) The width and height in pixels */
   size?: ArrowsArrowLeftSLine["size"];
@@ -2316,26 +2334,26 @@ type ArrowsArrowRightUpLineProps = {
   focusable?: ArrowsArrowRightUpLine["focusable"];
 };
 
-type ArrowsArrowUpLineProps = {
+type ArrowsArrowUpSFillProps = {
   /** (optional) The width and height in pixels */
-  size?: ArrowsArrowUpLine["size"];
+  size?: ArrowsArrowUpSFill["size"];
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: ArrowsArrowUpLine["selected"];
+  selected?: ArrowsArrowUpSFill["selected"];
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: ArrowsArrowUpLine["accessibilityTitle"];
+  accessibilityTitle?: ArrowsArrowUpSFill["accessibilityTitle"];
   /** (optional) If `true` the icon can receive focus */
-  focusable?: ArrowsArrowUpLine["focusable"];
+  focusable?: ArrowsArrowUpSFill["focusable"];
 };
 
-type ArrowsArrowUpSFillProps = {
+type ArrowsArrowUpLineProps = {
   /** (optional) The width and height in pixels */
-  size?: ArrowsArrowUpSFill["size"];
+  size?: ArrowsArrowUpLine["size"];
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: ArrowsArrowUpSFill["selected"];
+  selected?: ArrowsArrowUpLine["selected"];
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: ArrowsArrowUpSFill["accessibilityTitle"];
+  accessibilityTitle?: ArrowsArrowUpLine["accessibilityTitle"];
   /** (optional) If `true` the icon can receive focus */
-  focusable?: ArrowsArrowUpSFill["focusable"];
+  focusable?: ArrowsArrowUpLine["focusable"];
 };
 
 type ArrowsArrowUpSLineProps = {
@@ -2360,17 +2378,6 @@ type ArrowsExpandUpDownFillProps = {
   focusable?: ArrowsExpandUpDownFill["focusable"];
 };
 
-type BuildingsHome6LineProps = {
-  /** (optional) The width and height in pixels */
-  size?: BuildingsHome6Line["size"];
-  /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: BuildingsHome6Line["selected"];
-  /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: BuildingsHome6Line["accessibilityTitle"];
-  /** (optional) If `true` the icon can receive focus */
-  focusable?: BuildingsHome6Line["focusable"];
-};
-
 type BusinessCalendarLineProps = {
   /** (optional) The width and height in pixels */
   size?: BusinessCalendarLine["size"];
@@ -2437,26 +2444,26 @@ type SystemAlertFillProps = {
   focusable?: SystemAlertFill["focusable"];
 };
 
-type SystemAlertLineProps = {
+type SystemCheckLineProps = {
   /** (optional) The width and height in pixels */
-  size?: SystemAlertLine["size"];
+  size?: SystemCheckLine["size"];
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemAlertLine["selected"];
+  selected?: SystemCheckLine["selected"];
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemAlertLine["accessibilityTitle"];
+  accessibilityTitle?: SystemCheckLine["accessibilityTitle"];
   /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemAlertLine["focusable"];
+  focusable?: SystemCheckLine["focusable"];
 };
 
-type SystemCheckLineProps = {
+type SystemAlertLineProps = {
   /** (optional) The width and height in pixels */
-  size?: SystemCheckLine["size"];
+  size?: SystemAlertLine["size"];
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemCheckLine["selected"];
+  selected?: SystemAlertLine["selected"];
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemCheckLine["accessibilityTitle"];
+  accessibilityTitle?: SystemAlertLine["accessibilityTitle"];
   /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemCheckLine["focusable"];
+  focusable?: SystemAlertLine["focusable"];
 };
 
 type SystemCheckLine2Props = {
@@ -2470,26 +2477,26 @@ type SystemCheckLine2Props = {
   focusable?: SystemCheckLine2["focusable"];
 };
 
-type SystemCheckboxBlankCircleFillProps = {
+type SystemCheckboxBlankCircleFillCheckProps = {
   /** (optional) The width and height in pixels */
-  size?: SystemCheckboxBlankCircleFill["size"];
+  size?: SystemCheckboxBlankCircleFillCheck["size"];
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemCheckboxBlankCircleFill["selected"];
+  selected?: SystemCheckboxBlankCircleFillCheck["selected"];
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemCheckboxBlankCircleFill["accessibilityTitle"];
+  accessibilityTitle?: SystemCheckboxBlankCircleFillCheck["accessibilityTitle"];
   /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemCheckboxBlankCircleFill["focusable"];
+  focusable?: SystemCheckboxBlankCircleFillCheck["focusable"];
 };
 
-type SystemCheckboxBlankCircleFillCheckProps = {
+type SystemCheckboxBlankCircleFillProps = {
   /** (optional) The width and height in pixels */
-  size?: SystemCheckboxBlankCircleFillCheck["size"];
+  size?: SystemCheckboxBlankCircleFill["size"];
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemCheckboxBlankCircleFillCheck["selected"];
+  selected?: SystemCheckboxBlankCircleFill["selected"];
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemCheckboxBlankCircleFillCheck["accessibilityTitle"];
+  accessibilityTitle?: SystemCheckboxBlankCircleFill["accessibilityTitle"];
   /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemCheckboxBlankCircleFillCheck["focusable"];
+  focusable?: SystemCheckboxBlankCircleFill["focusable"];
 };
 
 type SystemCheckboxBlankCircleLineProps = {
@@ -2536,26 +2543,26 @@ type SystemCloseCircleFillProps = {
   focusable?: SystemCloseCircleFill["focusable"];
 };
 
-type SystemCloseCircleLineProps = {
+type SystemCloseFillProps = {
   /** (optional) The width and height in pixels */
-  size?: SystemCloseCircleLine["size"];
+  size?: SystemCloseFill["size"];
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemCloseCircleLine["selected"];
+  selected?: SystemCloseFill["selected"];
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemCloseCircleLine["accessibilityTitle"];
+  accessibilityTitle?: SystemCloseFill["accessibilityTitle"];
   /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemCloseCircleLine["focusable"];
+  focusable?: SystemCloseFill["focusable"];
 };
 
-type SystemCloseFillProps = {
+type SystemCloseCircleLineProps = {
   /** (optional) The width and height in pixels */
-  size?: SystemCloseFill["size"];
+  size?: SystemCloseCircleLine["size"];
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemCloseFill["selected"];
+  selected?: SystemCloseCircleLine["selected"];
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemCloseFill["accessibilityTitle"];
+  accessibilityTitle?: SystemCloseCircleLine["accessibilityTitle"];
   /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemCloseFill["focusable"];
+  focusable?: SystemCloseCircleLine["focusable"];
 };
 
 type SystemCloseLineProps = {
@@ -2569,26 +2576,26 @@ type SystemCloseLineProps = {
   focusable?: SystemCloseLine["focusable"];
 };
 
-type SystemDownloadLineProps = {
+type SystemErrorWarningFillProps = {
   /** (optional) The width and height in pixels */
-  size?: SystemDownloadLine["size"];
+  size?: SystemErrorWarningFill["size"];
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemDownloadLine["selected"];
+  selected?: SystemErrorWarningFill["selected"];
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemDownloadLine["accessibilityTitle"];
+  accessibilityTitle?: SystemErrorWarningFill["accessibilityTitle"];
   /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemDownloadLine["focusable"];
+  focusable?: SystemErrorWarningFill["focusable"];
 };
 
-type SystemErrorWarningFillProps = {
+type SystemDownloadLineProps = {
   /** (optional) The width and height in pixels */
-  size?: SystemErrorWarningFill["size"];
+  size?: SystemDownloadLine["size"];
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemErrorWarningFill["selected"];
+  selected?: SystemDownloadLine["selected"];
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemErrorWarningFill["accessibilityTitle"];
+  accessibilityTitle?: SystemDownloadLine["accessibilityTitle"];
   /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemErrorWarningFill["focusable"];
+  focusable?: SystemDownloadLine["focusable"];
 };
 
 type SystemErrorWarningLineProps = {
@@ -2635,17 +2642,6 @@ type SystemEyeOffLineProps = {
   focusable?: SystemEyeOffLine["focusable"];
 };
 
-type SystemForbidFillProps = {
-  /** (optional) The width and height in pixels */
-  size?: SystemForbidFill["size"];
-  /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemForbidFill["selected"];
-  /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemForbidFill["accessibilityTitle"];
-  /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemForbidFill["focusable"];
-};
-
 type SystemInformation2FillProps = {
   /** (optional) The width and height in pixels */
   size?: SystemInformation2Fill["size"];
@@ -2657,26 +2653,26 @@ type SystemInformation2FillProps = {
   focusable?: SystemInformation2Fill["focusable"];
 };
 
-type SystemInformationFillProps = {
+type SystemForbidFillProps = {
   /** (optional) The width and height in pixels */
-  size?: SystemInformationFill["size"];
+  size?: SystemForbidFill["size"];
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemInformationFill["selected"];
+  selected?: SystemForbidFill["selected"];
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemInformationFill["accessibilityTitle"];
+  accessibilityTitle?: SystemForbidFill["accessibilityTitle"];
   /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemInformationFill["focusable"];
+  focusable?: SystemForbidFill["focusable"];
 };
 
-type SystemInformationLineProps = {
+type SystemInformationFillProps = {
   /** (optional) The width and height in pixels */
-  size?: SystemInformationLine["size"];
+  size?: SystemInformationFill["size"];
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemInformationLine["selected"];
+  selected?: SystemInformationFill["selected"];
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemInformationLine["accessibilityTitle"];
+  accessibilityTitle?: SystemInformationFill["accessibilityTitle"];
   /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemInformationLine["focusable"];
+  focusable?: SystemInformationFill["focusable"];
 };
 
 type SystemLightbulbFillProps = {
@@ -2690,15 +2686,15 @@ type SystemLightbulbFillProps = {
   focusable?: SystemLightbulbFill["focusable"];
 };
 
-type SystemLoadingSpinnerProps = {
+type SystemInformationLineProps = {
   /** (optional) The width and height in pixels */
-  size?: SystemLoadingSpinner["size"];
+  size?: SystemInformationLine["size"];
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemLoadingSpinner["selected"];
+  selected?: SystemInformationLine["selected"];
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemLoadingSpinner["accessibilityTitle"];
+  accessibilityTitle?: SystemInformationLine["accessibilityTitle"];
   /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemLoadingSpinner["focusable"];
+  focusable?: SystemInformationLine["focusable"];
 };
 
 type SystemLockFillProps = {
@@ -2712,26 +2708,26 @@ type SystemLockFillProps = {
   focusable?: SystemLockFill["focusable"];
 };
 
-type SystemLockLineProps = {
+type SystemLoadingSpinnerProps = {
   /** (optional) The width and height in pixels */
-  size?: SystemLockLine["size"];
+  size?: SystemLoadingSpinner["size"];
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemLockLine["selected"];
+  selected?: SystemLoadingSpinner["selected"];
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemLockLine["accessibilityTitle"];
+  accessibilityTitle?: SystemLoadingSpinner["accessibilityTitle"];
   /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemLockLine["focusable"];
+  focusable?: SystemLoadingSpinner["focusable"];
 };
 
-type SystemMenuLineProps = {
+type SystemLockLineProps = {
   /** (optional) The width and height in pixels */
-  size?: SystemMenuLine["size"];
+  size?: SystemLockLine["size"];
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemMenuLine["selected"];
+  selected?: SystemLockLine["selected"];
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemMenuLine["accessibilityTitle"];
+  accessibilityTitle?: SystemLockLine["accessibilityTitle"];
   /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemMenuLine["focusable"];
+  focusable?: SystemLockLine["focusable"];
 };
 
 type SystemMenuLineSProps = {
@@ -2745,15 +2741,15 @@ type SystemMenuLineSProps = {
   focusable?: SystemMenuLineS["focusable"];
 };
 
-type SystemSearchLineProps = {
+type SystemMenuLineProps = {
   /** (optional) The width and height in pixels */
-  size?: SystemSearchLine["size"];
+  size?: SystemMenuLine["size"];
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemSearchLine["selected"];
+  selected?: SystemMenuLine["selected"];
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemSearchLine["accessibilityTitle"];
+  accessibilityTitle?: SystemMenuLine["accessibilityTitle"];
   /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemSearchLine["focusable"];
+  focusable?: SystemMenuLine["focusable"];
 };
 
 type SystemShieldCheckFillProps = {
@@ -2767,26 +2763,26 @@ type SystemShieldCheckFillProps = {
   focusable?: SystemShieldCheckFill["focusable"];
 };
 
-type SystemShieldCheckLineProps = {
+type SystemSearchLineProps = {
   /** (optional) The width and height in pixels */
-  size?: SystemShieldCheckLine["size"];
+  size?: SystemSearchLine["size"];
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemShieldCheckLine["selected"];
+  selected?: SystemSearchLine["selected"];
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemShieldCheckLine["accessibilityTitle"];
+  accessibilityTitle?: SystemSearchLine["accessibilityTitle"];
   /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemShieldCheckLine["focusable"];
+  focusable?: SystemSearchLine["focusable"];
 };
 
-type SystemStarFillProps = {
+type SystemShieldCheckLineProps = {
   /** (optional) The width and height in pixels */
-  size?: SystemStarFill["size"];
+  size?: SystemShieldCheckLine["size"];
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemStarFill["selected"];
+  selected?: SystemShieldCheckLine["selected"];
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemStarFill["accessibilityTitle"];
+  accessibilityTitle?: SystemShieldCheckLine["accessibilityTitle"];
   /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemStarFill["focusable"];
+  focusable?: SystemShieldCheckLine["focusable"];
 };
 
 type SystemSubtractLineProps = {
@@ -2800,6 +2796,17 @@ type SystemSubtractLineProps = {
   focusable?: SystemSubtractLine["focusable"];
 };
 
+type SystemStarFillProps = {
+  /** (optional) The width and height in pixels */
+  size?: SystemStarFill["size"];
+  /** (optional) Sets the icon color via the `fill` attribute */
+  selected?: SystemStarFill["selected"];
+  /** (optional) When using the icon standalone, make it meaningful for accessibility */
+  accessibilityTitle?: SystemStarFill["accessibilityTitle"];
+  /** (optional) If `true` the icon can receive focus */
+  focusable?: SystemStarFill["focusable"];
+};
+
 type SystemSubtractLine2Props = {
   /** (optional) The width and height in pixels */
   size?: SystemSubtractLine2["size"];
@@ -2866,9 +2873,6 @@ export type CustomElements = {
    * ---
    *
    *
-   * ### **Events:**
-   *  - **dds-change** - Event fired when an accordion is opened or closed.
-   *
    * ### **Slots:**
    *  - _default_ - The content of the accordion group.
    *
@@ -2885,51 +2889,47 @@ export type CustomElements = {
   "dap-ds-accordion-group": DefineComponent<DapDSAccordionGroupProps>;
 
   /**
-   * A badge is a small status descriptor for UI elements.
+   * Avatar component can be used to display user profile images or icons, or illustrations.
    * ---
    *
    *
-   * ### **Slots:**
-   *  - _default_ - The content of the badge.
-   * - **icon** - The icon of the badge.
+   * ### **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>;
+
+  /**
+   * Anchor heading is a heading with an anchor link.
+   * ---
+   *
    *
    * ### **CSS Properties:**
-   *  - **--dds-badge-border-width** - The width of the badge's border. Default is the design system's base border width. _(default: undefined)_
-   * - **--dds-badge-border-style** - The style of the badge's border. Default is solid. _(default: undefined)_
-   * - **--dds-badge-border-radius** - The border radius of the badge. Default is the design system's base radius. _(default: undefined)_
-   * - **--dds-badge-font-weight** - The font weight of the badge text. Default is bold. _(default: undefined)_
-   * - **--dds-badge-line-height** - The line height of the badge text. Default is 1.2. _(default: undefined)_
-   * - **--dds-badge-transition** - The transition property for the badge. Default is 'all 0.2s ease-in-out'. _(default: undefined)_
-   * - **--dds-badge-padding-sm** - The padding of the small badge. Default is the design system's spacing-100 and spacing-200. _(default: undefined)_
-   * - **--dds-badge-padding-lg** - The padding of the large badge. Default is the design system's spacing-100 and spacing-300. _(default: undefined)_
-   * - **--dds-badge-font-size-sm** - The font size of the small badge. Default is the design system's font-xs. _(default: undefined)_
-   * - **--dds-badge-font-size-lg** - The font size of the large badge. Default is the design system's font-sm. _(default: undefined)_
-   * - **--dds-badge-neutral-border-color** - The border color of the neutral badge. Default is the design system's border-neutral-base. _(default: undefined)_
-   * - **--dds-badge-neutral-background** - The background color of the neutral badge. Default is the design system's background-neutral-medium. _(default: undefined)_
-   * - **--dds-badge-neutral-color** - The text color of the neutral badge. Default is the design system's text-neutral-subtle. _(default: undefined)_
-   * - **--dds-badge-brand-border-color** - The border color of the brand badge. Default is the design system's border-brand-base. _(default: undefined)_
-   * - **--dds-badge-brand-background** - The background color of the brand badge. Default is the design system's background-brand-medium. _(default: undefined)_
-   * - **--dds-badge-brand-color** - The text color of the brand badge. Default is the design system's text-brand-subtle. _(default: undefined)_
-   * - **--dds-badge-info-border-color** - The border color of the info badge. Default is the design system's border-informative-base. _(default: undefined)_
-   * - **--dds-badge-info-background** - The background color of the info badge. Default is the design system's background-informative-medium. _(default: undefined)_
-   * - **--dds-badge-info-color** - The text color of the info badge. Default is the design system's text-informative-subtle. _(default: undefined)_
-   * - **--dds-badge-positive-border-color** - The border color of the positive badge. Default is the design system's border-positive-base. _(default: undefined)_
-   * - **--dds-badge-positive-background** - The background color of the positive badge. Default is the design system's background-positive-medium. _(default: undefined)_
-   * - **--dds-badge-positive-color** - The text color of the positive badge. Default is the design system's text-positive-subtle. _(default: undefined)_
-   * - **--dds-badge-warning-border-color** - The border color of the warning badge. Default is the design system's border-warning-subtle. _(default: undefined)_
-   * - **--dds-badge-warning-background** - The background color of the warning badge. Default is the design system's background-warning-medium. _(default: undefined)_
-   * - **--dds-badge-warning-color** - The text color of the warning badge. Default is the design system's text-warning-subtle. _(default: undefined)_
-   * - **--dds-badge-negative-border-color** - The border color of the negative badge. Default is the design system's border-negative-base. _(default: undefined)_
-   * - **--dds-badge-negative-background** - The background color of the negative badge. Default is the design system's background-negative-medium. _(default: undefined)_
-   * - **--dds-badge-negative-color** - The text color of the negative badge. Default is the design system's text-negative-subtle. _(default: undefined)_
+   *  - **--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 container of the badge.
-   * - **icon** - The icon of the badge.
-   * - **content** - The content of the badge.
-   * - **icon-base** - The base of the icon.
+   *  - **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-badge": DefineComponent<DapDSBadgeProps>;
+  "dap-ds-anchor-heading": DefineComponent<DapDSAnchorHeadingProps>;
 
   /**
    * A banner is a message displayed at the top of the page to provide important information to the user.
@@ -2977,30 +2977,11 @@ export type CustomElements = {
    * - **icon-base** - The base of the icon.
    * - **closebutton** - The close button of the banner.
    * - **close-icon-element** - The icon element of the close button.
-   * - **close-icon-base** - The base of the close button icon.
-   * - **actions** - The actions of the banner.
-   * - **title** -  The title of the banner.
-   */
-  "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.
+   * - **close-icon-base** - The base of the close button icon.
+   * - **actions** - The actions of the banner.
+   * - **title** -  The title of the banner.
    */
-  "dap-ds-anchor-heading": DefineComponent<DapDSAnchorHeadingProps>;
+  "dap-ds-banner": DefineComponent<DapDSBannerProps>;
 
   /**
    * A breadcrumb is a secondary navigation scheme that reveals the user's location in a website or Web application.
@@ -3026,30 +3007,6 @@ export type CustomElements = {
    */
   "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 +3040,53 @@ export type CustomElements = {
    */
   "dap-ds-breadcrumb-item": DefineComponent<DapDSBreadcrumbItemProps>;
 
+  /**
+   * A badge is a small status descriptor for UI elements.
+   * ---
+   *
+   *
+   * ### **Slots:**
+   *  - _default_ - The content of the badge.
+   * - **icon** - The icon of the badge.
+   *
+   * ### **CSS Properties:**
+   *  - **--dds-badge-border-width** - The width of the badge's border. Default is the design system's base border width. _(default: undefined)_
+   * - **--dds-badge-border-style** - The style of the badge's border. Default is solid. _(default: undefined)_
+   * - **--dds-badge-border-radius** - The border radius of the badge. Default is the design system's base radius. _(default: undefined)_
+   * - **--dds-badge-font-weight** - The font weight of the badge text. Default is bold. _(default: undefined)_
+   * - **--dds-badge-line-height** - The line height of the badge text. Default is 1.2. _(default: undefined)_
+   * - **--dds-badge-transition** - The transition property for the badge. Default is 'all 0.2s ease-in-out'. _(default: undefined)_
+   * - **--dds-badge-padding-sm** - The padding of the small badge. Default is the design system's spacing-100 and spacing-200. _(default: undefined)_
+   * - **--dds-badge-padding-lg** - The padding of the large badge. Default is the design system's spacing-100 and spacing-300. _(default: undefined)_
+   * - **--dds-badge-font-size-sm** - The font size of the small badge. Default is the design system's font-xs. _(default: undefined)_
+   * - **--dds-badge-font-size-lg** - The font size of the large badge. Default is the design system's font-sm. _(default: undefined)_
+   * - **--dds-badge-neutral-border-color** - The border color of the neutral badge. Default is the design system's border-neutral-base. _(default: undefined)_
+   * - **--dds-badge-neutral-background** - The background color of the neutral badge. Default is the design system's background-neutral-medium. _(default: undefined)_
+   * - **--dds-badge-neutral-color** - The text color of the neutral badge. Default is the design system's text-neutral-subtle. _(default: undefined)_
+   * - **--dds-badge-brand-border-color** - The border color of the brand badge. Default is the design system's border-brand-base. _(default: undefined)_
+   * - **--dds-badge-brand-background** - The background color of the brand badge. Default is the design system's background-brand-medium. _(default: undefined)_
+   * - **--dds-badge-brand-color** - The text color of the brand badge. Default is the design system's text-brand-subtle. _(default: undefined)_
+   * - **--dds-badge-info-border-color** - The border color of the info badge. Default is the design system's border-informative-base. _(default: undefined)_
+   * - **--dds-badge-info-background** - The background color of the info badge. Default is the design system's background-informative-medium. _(default: undefined)_
+   * - **--dds-badge-info-color** - The text color of the info badge. Default is the design system's text-informative-subtle. _(default: undefined)_
+   * - **--dds-badge-positive-border-color** - The border color of the positive badge. Default is the design system's border-positive-base. _(default: undefined)_
+   * - **--dds-badge-positive-background** - The background color of the positive badge. Default is the design system's background-positive-medium. _(default: undefined)_
+   * - **--dds-badge-positive-color** - The text color of the positive badge. Default is the design system's text-positive-subtle. _(default: undefined)_
+   * - **--dds-badge-warning-border-color** - The border color of the warning badge. Default is the design system's border-warning-subtle. _(default: undefined)_
+   * - **--dds-badge-warning-background** - The background color of the warning badge. Default is the design system's background-warning-medium. _(default: undefined)_
+   * - **--dds-badge-warning-color** - The text color of the warning badge. Default is the design system's text-warning-subtle. _(default: undefined)_
+   * - **--dds-badge-negative-border-color** - The border color of the negative badge. Default is the design system's border-negative-base. _(default: undefined)_
+   * - **--dds-badge-negative-background** - The background color of the negative badge. Default is the design system's background-negative-medium. _(default: undefined)_
+   * - **--dds-badge-negative-color** - The text color of the negative badge. Default is the design system's text-negative-subtle. _(default: undefined)_
+   *
+   * ### **CSS Parts:**
+   *  - **base** - The main container of the badge.
+   * - **icon** - The icon of the badge.
+   * - **content** - The content of the badge.
+   * - **icon-base** - The base of the icon.
+   */
+  "dap-ds-badge": DefineComponent<DapDSBadgeProps>;
+
   /**
    * A button is a clickable element that can be used to trigger an action.
    * ---
@@ -3482,61 +3486,6 @@ export type CustomElements = {
    */
   "dap-ds-checkbox": DefineComponent<DapDSCheckboxProps>;
 
-  /**
-   * A select is a form element that allows the user to select one option from a set.
-   * ---
-   *
-   *
-   * ### **Events:**
-   *  - **dds-change** - Fired when the select value changes.
-   * - **dds-blur** - Emitted when the select loses focus.
-   * - **dds-focus** - Emitted when the select gains focus.
-   * - **dds-clear** - Emitted when the select is cleared.
-   * - **dds-search** - Emitted when the manual input value changes.
-   * - **dds-input** - Emitted when typing happens in the input.
-   *
-   * ### **Slots:**
-   *  - _default_ - The default slot for the options.
-   *
-   * ### **CSS Properties:**
-   *  - **--dds-combobox-background** - The background color of the combobox. Defaults to var(--dds-fields-background-default). _(default: undefined)_
-   * - **--dds-combobox-border-color** - The border color of the combobox. Defaults to var(--dds-border-neutral-base). _(default: undefined)_
-   * - **--dds-combobox-border-width** - The border width of the combobox. Defaults to var(--dds-border-width-base, 1px). _(default: undefined)_
-   * - **--dds-combobox-border-radius** - The border radius of the combobox. Defaults to var(--dds-radius-base). _(default: undefined)_
-   * - **--dds-combobox-text-color** - The text color of the combobox. Defaults to var(--dds-text-neutral-base). _(default: undefined)_
-   * - **--dds-combobox-placeholder-color** - The placeholder text color. Defaults to var(--dds-text-neutral-subtle). _(default: undefined)_
-   * - **--dds-combobox-disabled-background** - The background color when disabled. Defaults to var(--dds-background-neutral-stronger). _(default: undefined)_
-   * - **--dds-combobox-disabled-text** - The text color when disabled. Defaults to var(--dds-text-neutral-disabled). _(default: undefined)_
-   * - **--dds-combobox-error-border** - The border color for error state. Defaults to var(--dds-border-negative-base). _(default: undefined)_
-   * - **--dds-combobox-success-border** - The border color for success state. Defaults to var(--dds-border-positive-base). _(default: undefined)_
-   * - **--dds-combobox-icon-color** - The color of the icons. Defaults to var(--dds-text-icon-neutral-subtle). _(default: undefined)_
-   * - **--dds-combobox-clear-icon-color** - The color of the clear icon. Defaults to var(--dds-button-subtle-icon-neutral-enabled). _(default: undefined)_
-   * - **--dds-combobox-popup-background** - The background color of the popup. Defaults to var(--dds-background-neutral-subtle). _(default: undefined)_
-   * - **--dds-combobox-popup-shadow** - The box shadow of the popup. Defaults to 0 4px 6px -1px rgb(0 0 0 / 8%), 0 2px 4px -1px rgb(0 0 0 / 6%). _(default: undefined)_
-   * - **--dds-combobox-padding-xs** - The padding for extra small size. Defaults to var(--dds-spacing-200). _(default: undefined)_
-   * - **--dds-combobox-padding-sm** - The padding for small size. Defaults to var(--dds-spacing-200). _(default: undefined)_
-   * - **--dds-combobox-padding-lg** - The padding for large size. Defaults to var(--dds-spacing-300). _(default: undefined)_
-   * - **--dds-combobox-padding-horizontal** - The horizontal padding. Defaults to var(--dds-spacing-300). _(default: undefined)_
-   * - **--dds-combobox-padding-vertical** - The vertical padding. Defaults to var(--dds-spacing-200). _(default: undefined)_
-   * - **--dds-combobox-gap** - The gap between elements. Defaults to var(--dds-spacing-100). _(default: undefined)_
-   * - **--dds-combobox-icon-gap** - The gap between icons. Defaults to var(--dds-spacing-200). _(default: undefined)_
-   * - **--dds-combobox-action-gap** - The gap between action elements. Defaults to var(--dds-spacing-200). _(default: undefined)_
-   * - **--dds-combobox-action-padding** - The padding for action elements. Defaults to var(--dds-spacing-300). _(default: undefined)_
-   * - **--dds-combobox-clear-icon-width** - The width of the clear icon. Defaults to var(--dds-spacing-800). _(default: undefined)_
-   * - **--dds-combobox-dropdown-icon-right** - The right position of the dropdown icon. Defaults to var(--dds-spacing-600). _(default: undefined)_
-   * - **--dds-combobox-min-width** - The minimum width of the combobox. Defaults to 7.5rem. _(default: undefined)_
-   *
-   * ### **CSS Parts:**
-   *  - **base** - The main select container.
-   * - **trigger** - The trigger button of the select.
-   * - **label** - The label of the select.
-   * - **description** - The description of the select.
-   * - **feedback** - The feedback of the select.
-   * - **tooltip** - The tooltip of the select.
-   * - **option-list** - The option list of the select.
-   */
-  "dap-ds-combobox": DefineComponent<DapDSComboboxProps>;
-
   /**
    * A command group is a group of command items.
    * ---
@@ -3611,6 +3560,61 @@ export type CustomElements = {
    */
   "dap-ds-command": DefineComponent<DapDSCommandProps>;
 
+  /**
+   * A select is a form element that allows the user to select one option from a set.
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **dds-change** - Fired when the select value changes.
+   * - **dds-blur** - Emitted when the select loses focus.
+   * - **dds-focus** - Emitted when the select gains focus.
+   * - **dds-clear** - Emitted when the select is cleared.
+   * - **dds-search** - Emitted when the manual input value changes.
+   * - **dds-input** - Emitted when typing happens in the input.
+   *
+   * ### **Slots:**
+   *  - _default_ - The default slot for the options.
+   *
+   * ### **CSS Properties:**
+   *  - **--dds-combobox-background** - The background color of the combobox. Defaults to var(--dds-fields-background-default). _(default: undefined)_
+   * - **--dds-combobox-border-color** - The border color of the combobox. Defaults to var(--dds-border-neutral-base). _(default: undefined)_
+   * - **--dds-combobox-border-width** - The border width of the combobox. Defaults to var(--dds-border-width-base, 1px). _(default: undefined)_
+   * - **--dds-combobox-border-radius** - The border radius of the combobox. Defaults to var(--dds-radius-base). _(default: undefined)_
+   * - **--dds-combobox-text-color** - The text color of the combobox. Defaults to var(--dds-text-neutral-base). _(default: undefined)_
+   * - **--dds-combobox-placeholder-color** - The placeholder text color. Defaults to var(--dds-text-neutral-subtle). _(default: undefined)_
+   * - **--dds-combobox-disabled-background** - The background color when disabled. Defaults to var(--dds-background-neutral-stronger). _(default: undefined)_
+   * - **--dds-combobox-disabled-text** - The text color when disabled. Defaults to var(--dds-text-neutral-disabled). _(default: undefined)_
+   * - **--dds-combobox-error-border** - The border color for error state. Defaults to var(--dds-border-negative-base). _(default: undefined)_
+   * - **--dds-combobox-success-border** - The border color for success state. Defaults to var(--dds-border-positive-base). _(default: undefined)_
+   * - **--dds-combobox-icon-color** - The color of the icons. Defaults to var(--dds-text-icon-neutral-subtle). _(default: undefined)_
+   * - **--dds-combobox-clear-icon-color** - The color of the clear icon. Defaults to var(--dds-button-subtle-icon-neutral-enabled). _(default: undefined)_
+   * - **--dds-combobox-popup-background** - The background color of the popup. Defaults to var(--dds-background-neutral-subtle). _(default: undefined)_
+   * - **--dds-combobox-popup-shadow** - The box shadow of the popup. Defaults to 0 4px 6px -1px rgb(0 0 0 / 8%), 0 2px 4px -1px rgb(0 0 0 / 6%). _(default: undefined)_
+   * - **--dds-combobox-padding-xs** - The padding for extra small size. Defaults to var(--dds-spacing-200). _(default: undefined)_
+   * - **--dds-combobox-padding-sm** - The padding for small size. Defaults to var(--dds-spacing-200). _(default: undefined)_
+   * - **--dds-combobox-padding-lg** - The padding for large size. Defaults to var(--dds-spacing-300). _(default: undefined)_
+   * - **--dds-combobox-padding-horizontal** - The horizontal padding. Defaults to var(--dds-spacing-300). _(default: undefined)_
+   * - **--dds-combobox-padding-vertical** - The vertical padding. Defaults to var(--dds-spacing-200). _(default: undefined)_
+   * - **--dds-combobox-gap** - The gap between elements. Defaults to var(--dds-spacing-100). _(default: undefined)_
+   * - **--dds-combobox-icon-gap** - The gap between icons. Defaults to var(--dds-spacing-200). _(default: undefined)_
+   * - **--dds-combobox-action-gap** - The gap between action elements. Defaults to var(--dds-spacing-200). _(default: undefined)_
+   * - **--dds-combobox-action-padding** - The padding for action elements. Defaults to var(--dds-spacing-300). _(default: undefined)_
+   * - **--dds-combobox-clear-icon-width** - The width of the clear icon. Defaults to var(--dds-spacing-800). _(default: undefined)_
+   * - **--dds-combobox-dropdown-icon-right** - The right position of the dropdown icon. Defaults to var(--dds-spacing-600). _(default: undefined)_
+   * - **--dds-combobox-min-width** - The minimum width of the combobox. Defaults to 7.5rem. _(default: undefined)_
+   *
+   * ### **CSS Parts:**
+   *  - **base** - The main select container.
+   * - **trigger** - The trigger button of the select.
+   * - **label** - The label of the select.
+   * - **description** - The description of the select.
+   * - **feedback** - The feedback of the select.
+   * - **tooltip** - The tooltip of the select.
+   * - **option-list** - The option list of the select.
+   */
+  "dap-ds-combobox": DefineComponent<DapDSComboboxProps>;
+
   /**
    * Segmented control item component for the segmented control.
    * ---
@@ -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.
@@ -5375,6 +5379,16 @@ export type CustomElements = {
    */
   "dap-ds-radio-group": DefineComponent<DapDSRadioGroupProps>;
 
+  /**
+   * An icon
+   * ---
+   *
+   *
+   * ### **CSS Parts:**
+   *  - **base** - The main icon container.
+   */
+  "dap-ds-icon-home-6-line": DefineComponent<BuildingsHome6LineProps>;
+
   /**
    * An icon
    * ---
@@ -5423,7 +5437,7 @@ export type CustomElements = {
    * ### **CSS Parts:**
    *  - **base** - The main icon container.
    */
-  "dap-ds-icon-arrow-left-l-line": DefineComponent<ArrowsArrowLeftLLineProps>;
+  "dap-ds-icon-arrow-left-s-fill": DefineComponent<ArrowsArrowLeftSFillProps>;
 
   /**
    * An icon
@@ -5433,7 +5447,7 @@ export type CustomElements = {
    * ### **CSS Parts:**
    *  - **base** - The main icon container.
    */
-  "dap-ds-icon-arrow-left-line": DefineComponent<ArrowsArrowLeftLineProps>;
+  "dap-ds-icon-arrow-left-l-line": DefineComponent<ArrowsArrowLeftLLineProps>;
 
   /**
    * An icon
@@ -5443,7 +5457,7 @@ export type CustomElements = {
    * ### **CSS Parts:**
    *  - **base** - The main icon container.
    */
-  "dap-ds-icon-arrow-left-s-fill": DefineComponent<ArrowsArrowLeftSFillProps>;
+  "dap-ds-icon-arrow-left-line": DefineComponent<ArrowsArrowLeftLineProps>;
 
   /**
    * An icon
@@ -5533,7 +5547,7 @@ export type CustomElements = {
    * ### **CSS Parts:**
    *  - **base** - The main icon container.
    */
-  "dap-ds-icon-arrow-up-line": DefineComponent<ArrowsArrowUpLineProps>;
+  "dap-ds-icon-arrow-up-s-fill": DefineComponent<ArrowsArrowUpSFillProps>;
 
   /**
    * An icon
@@ -5543,7 +5557,7 @@ export type CustomElements = {
    * ### **CSS Parts:**
    *  - **base** - The main icon container.
    */
-  "dap-ds-icon-arrow-up-s-fill": DefineComponent<ArrowsArrowUpSFillProps>;
+  "dap-ds-icon-arrow-up-line": DefineComponent<ArrowsArrowUpLineProps>;
 
   /**
    * An icon
@@ -5565,16 +5579,6 @@ export type CustomElements = {
    */
   "dap-ds-icon-expand-up-down-fill": DefineComponent<ArrowsExpandUpDownFillProps>;
 
-  /**
-   * An icon
-   * ---
-   *
-   *
-   * ### **CSS Parts:**
-   *  - **base** - The main icon container.
-   */
-  "dap-ds-icon-home-6-line": DefineComponent<BuildingsHome6LineProps>;
-
   /**
    * An icon
    * ---
@@ -5643,7 +5647,7 @@ export type CustomElements = {
    * ### **CSS Parts:**
    *  - **base** - The main icon container.
    */
-  "dap-ds-icon-alert-line": DefineComponent<SystemAlertLineProps>;
+  "dap-ds-icon-check-line": DefineComponent<SystemCheckLineProps>;
 
   /**
    * An icon
@@ -5653,7 +5657,7 @@ export type CustomElements = {
    * ### **CSS Parts:**
    *  - **base** - The main icon container.
    */
-  "dap-ds-icon-check-line": DefineComponent<SystemCheckLineProps>;
+  "dap-ds-icon-alert-line": DefineComponent<SystemAlertLineProps>;
 
   /**
    * An icon
@@ -5673,7 +5677,7 @@ export type CustomElements = {
    * ### **CSS Parts:**
    *  - **base** - The main icon container.
    */
-  "dap-ds-icon-checkbox-blank-circle-fill": DefineComponent<SystemCheckboxBlankCircleFillProps>;
+  "dap-ds-icon-checkbox-blank-circle-fill-check": DefineComponent<SystemCheckboxBlankCircleFillCheckProps>;
 
   /**
    * An icon
@@ -5683,7 +5687,7 @@ export type CustomElements = {
    * ### **CSS Parts:**
    *  - **base** - The main icon container.
    */
-  "dap-ds-icon-checkbox-blank-circle-fill-check": DefineComponent<SystemCheckboxBlankCircleFillCheckProps>;
+  "dap-ds-icon-checkbox-blank-circle-fill": DefineComponent<SystemCheckboxBlankCircleFillProps>;
 
   /**
    * An icon
@@ -5733,7 +5737,7 @@ export type CustomElements = {
    * ### **CSS Parts:**
    *  - **base** - The main icon container.
    */
-  "dap-ds-icon-close-circle-line": DefineComponent<SystemCloseCircleLineProps>;
+  "dap-ds-icon-close-fill": DefineComponent<SystemCloseFillProps>;
 
   /**
    * An icon
@@ -5743,7 +5747,7 @@ export type CustomElements = {
    * ### **CSS Parts:**
    *  - **base** - The main icon container.
    */
-  "dap-ds-icon-close-fill": DefineComponent<SystemCloseFillProps>;
+  "dap-ds-icon-close-circle-line": DefineComponent<SystemCloseCircleLineProps>;
 
   /**
    * An icon
@@ -5763,7 +5767,7 @@ export type CustomElements = {
    * ### **CSS Parts:**
    *  - **base** - The main icon container.
    */
-  "dap-ds-icon-download-line": DefineComponent<SystemDownloadLineProps>;
+  "dap-ds-icon-error-warning-fill": DefineComponent<SystemErrorWarningFillProps>;
 
   /**
    * An icon
@@ -5773,7 +5777,7 @@ export type CustomElements = {
    * ### **CSS Parts:**
    *  - **base** - The main icon container.
    */
-  "dap-ds-icon-error-warning-fill": DefineComponent<SystemErrorWarningFillProps>;
+  "dap-ds-icon-download-line": DefineComponent<SystemDownloadLineProps>;
 
   /**
    * An icon
@@ -5823,7 +5827,7 @@ export type CustomElements = {
    * ### **CSS Parts:**
    *  - **base** - The main icon container.
    */
-  "dap-ds-icon-forbid-fill": DefineComponent<SystemForbidFillProps>;
+  "dap-ds-icon-information-2-fill": DefineComponent<SystemInformation2FillProps>;
 
   /**
    * An icon
@@ -5833,7 +5837,7 @@ export type CustomElements = {
    * ### **CSS Parts:**
    *  - **base** - The main icon container.
    */
-  "dap-ds-icon-information-2-fill": DefineComponent<SystemInformation2FillProps>;
+  "dap-ds-icon-forbid-fill": DefineComponent<SystemForbidFillProps>;
 
   /**
    * An icon
@@ -5853,7 +5857,7 @@ export type CustomElements = {
    * ### **CSS Parts:**
    *  - **base** - The main icon container.
    */
-  "dap-ds-icon-information-line": DefineComponent<SystemInformationLineProps>;
+  "dap-ds-icon-lightbulb-fill": DefineComponent<SystemLightbulbFillProps>;
 
   /**
    * An icon
@@ -5863,7 +5867,7 @@ export type CustomElements = {
    * ### **CSS Parts:**
    *  - **base** - The main icon container.
    */
-  "dap-ds-icon-lightbulb-fill": DefineComponent<SystemLightbulbFillProps>;
+  "dap-ds-icon-information-line": DefineComponent<SystemInformationLineProps>;
 
   /**
    * An icon
@@ -5873,7 +5877,7 @@ export type CustomElements = {
    * ### **CSS Parts:**
    *  - **base** - The main icon container.
    */
-  "dap-ds-icon-loading-spinner": DefineComponent<SystemLoadingSpinnerProps>;
+  "dap-ds-icon-lock-fill": DefineComponent<SystemLockFillProps>;
 
   /**
    * An icon
@@ -5883,7 +5887,7 @@ export type CustomElements = {
    * ### **CSS Parts:**
    *  - **base** - The main icon container.
    */
-  "dap-ds-icon-lock-fill": DefineComponent<SystemLockFillProps>;
+  "dap-ds-icon-loading-spinner": DefineComponent<SystemLoadingSpinnerProps>;
 
   /**
    * An icon
@@ -5903,7 +5907,7 @@ export type CustomElements = {
    * ### **CSS Parts:**
    *  - **base** - The main icon container.
    */
-  "dap-ds-icon-menu-line": DefineComponent<SystemMenuLineProps>;
+  "dap-ds-icon-menu-line-s": DefineComponent<SystemMenuLineSProps>;
 
   /**
    * An icon
@@ -5913,7 +5917,7 @@ export type CustomElements = {
    * ### **CSS Parts:**
    *  - **base** - The main icon container.
    */
-  "dap-ds-icon-menu-line-s": DefineComponent<SystemMenuLineSProps>;
+  "dap-ds-icon-menu-line": DefineComponent<SystemMenuLineProps>;
 
   /**
    * An icon
@@ -5923,7 +5927,7 @@ export type CustomElements = {
    * ### **CSS Parts:**
    *  - **base** - The main icon container.
    */
-  "dap-ds-icon-search-line": DefineComponent<SystemSearchLineProps>;
+  "dap-ds-icon-shield-check-fill": DefineComponent<SystemShieldCheckFillProps>;
 
   /**
    * An icon
@@ -5933,7 +5937,7 @@ export type CustomElements = {
    * ### **CSS Parts:**
    *  - **base** - The main icon container.
    */
-  "dap-ds-icon-shield-check-fill": DefineComponent<SystemShieldCheckFillProps>;
+  "dap-ds-icon-search-line": DefineComponent<SystemSearchLineProps>;
 
   /**
    * An icon
@@ -5953,7 +5957,7 @@ export type CustomElements = {
    * ### **CSS Parts:**
    *  - **base** - The main icon container.
    */
-  "dap-ds-icon-star-fill": DefineComponent<SystemStarFillProps>;
+  "dap-ds-icon-subtract-line": DefineComponent<SystemSubtractLineProps>;
 
   /**
    * An icon
@@ -5963,7 +5967,7 @@ export type CustomElements = {
    * ### **CSS Parts:**
    *  - **base** - The main icon container.
    */
-  "dap-ds-icon-subtract-line": DefineComponent<SystemSubtractLineProps>;
+  "dap-ds-icon-star-fill": DefineComponent<SystemStarFillProps>;
 
   /**
    * An icon