dap-design-system 0.61.7 → 0.61.9

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

@@ -244,11 +244,9 @@ export interface DapDSCalloutEvents {
   onDdsClose?: (event: CustomEvent) => void
 }
 
-export interface DapDSChipEvents {
-  /** Fired when the chip is removed */
-  onDdsRemove?: (event: CustomEvent<{ value: string }>) => void
-  /** Fired when the chip is selected */
-  onDdsSelect?: (event: CustomEvent<{ value?: string, selected: boolean }>) => void
+export interface DapDSCalendarEvents {
+  /** Fired when the calendar value changes. */
+  onDdsChange?: (event: CustomEvent<{ value: Dayjs }>) => void
 }
 
 export interface DapDSCheckboxEvents {
@@ -262,9 +260,11 @@ export interface DapDSCheckboxEvents {
   onDdsInput?: (event: CustomEvent<{ checked: boolean, indeterminate: boolean, value: string, disabled: boolean, readonly: boolean }>) => void
 }
 
-export interface DapDSCalendarEvents {
-  /** Fired when the calendar value changes. */
-  onDdsChange?: (event: CustomEvent<{ value: Dayjs }>) => void
+export interface DapDSChipEvents {
+  /** Fired when the chip is removed */
+  onDdsRemove?: (event: CustomEvent<{ value: string }>) => void
+  /** Fired when the chip is selected */
+  onDdsSelect?: (event: CustomEvent<{ value?: string, selected: boolean }>) => void
 }
 
 export interface DapDSCodePuncherEvents {
@@ -311,6 +311,11 @@ export interface DapDSCommandEvents {
   onDdsClose?: (event: CustomEvent) => void
 }
 
+export interface DapDSContentSwitcherEvents {
+  /** Fired when the content switcher is changed. */
+  onDdsChange?: (event: CustomEvent<{ value: string, selected: boolean }>) => void
+}
+
 export interface DapDSCopyBoxInputEvents {
   /** Fired when the user clicks on the copy button. */
   onDdsCopy?: (event: CustomEvent<{ value: string }>) => void
@@ -356,11 +361,6 @@ export interface DapDSDatePickerEvents {
   onDdsBlur?: (event: CustomEvent) => void
 }
 
-export interface DapDSContentSwitcherEvents {
-  /** Fired when the content switcher is changed. */
-  onDdsChange?: (event: CustomEvent<{ value: string, selected: boolean }>) => void
-}
-
 export interface DapDSFileInputListItemEvents {
   /** Dispatched when a file is removed from the list. */
   onDdsFileRemove?: (event: CustomEvent<{ file: FileListElement }>) => void
@@ -414,6 +414,11 @@ export interface DapDSInputEvents {
   onDdsFocus?: (event: CustomEvent) => void
 }
 
+export interface DapDSLinkEvents {
+  /** Emitted when the link is clicked. */
+  onDdsClick?: (event: CustomEvent<{ event: Event }>) => void
+}
+
 export interface DapDSModalEvents {
   /** Fires before the modal opens. */
   onDdsBeforeOpen?: (event: CustomEvent) => void
@@ -443,11 +448,6 @@ export interface DapDSNavigationMenuEvents {
   onDdsNavigationItemClick?: (event: CustomEvent<{ href: string, event: Event }>) => void
 }
 
-export interface DapDSLinkEvents {
-  /** Emitted when the link is clicked. */
-  onDdsClick?: (event: CustomEvent<{ event: Event }>) => void
-}
-
 export interface DapDSNumberInputEvents {
   /** Fired when the input value changes. */
   onDdsChange?: (event: CustomEvent<{ value: string }>) => void
@@ -461,6 +461,13 @@ export interface DapDSNumberInputEvents {
   onDdsFocus?: (event: CustomEvent) => void
 }
 
+export interface DapDSOfficialWebsiteBannerEvents {
+  /** Event fired when the accordion is opened. */
+  onDdsOpened?: (event: CustomEvent) => void
+  /** Event fired when the accordion is closed. */
+  onDdsClosed?: (event: CustomEvent) => void
+}
+
 export interface DapDSOptionListEvents {
   /** Fired when the escape key is pressed. */
   onDdsCancel?: (event: CustomEvent) => void
@@ -472,27 +479,22 @@ export interface DapDSOptionListEvents {
   onDdsListChanged?: (event: CustomEvent<{ elements: DapDSOptionItem[] }>) => void
 }
 
+export interface DapDSOverlayEvents {
+  /** Fires before the overlay opens. */
+  onDdsBeforeOpen?: (event: CustomEvent<CustomEvent>) => void
+  /** Fires after the overlay opens. */
+  onDdsOpened?: (event: CustomEvent<CustomEvent>) => void
+  /** Fires before the overlay closes. */
+  onDdsBeforeClose?: (event: CustomEvent<CustomEvent>) => void
+  /** Fires after the overlay closes. */
+  onDdsClosed?: (event: CustomEvent<CustomEvent>) => void
+}
+
 export interface DapDSPagerEvents {
   /** Event fired when the pagination changes */
   onDdsPaginationChange?: (event: CustomEvent<{ action: string, pagination: { pageIndex: number, pageSize: number } }>) => void
 }
 
-export interface DapDSOfficialWebsiteBannerEvents {
-  /** Event fired when the accordion is opened. */
-  onDdsOpened?: (event: CustomEvent) => void
-  /** Event fired when the accordion is closed. */
-  onDdsClosed?: (event: CustomEvent) => void
-}
-
-export interface DapDSPopupEvents {
-  /** Fired when the popup is opened. */
-  onDdsOpened?: (event: CustomEvent) => void
-  /** Fired when the popup is closed. */
-  onDdsClosed?: (event: CustomEvent) => void
-  /** Fired when the popup should be closed. */
-  onDdsClose?: (event: CustomEvent) => void
-}
-
 export interface DapDSPasswordInputEvents {
   /** Fired when the input value changes. */
   onDdsChange?: (event: CustomEvent<{ value: string }>) => void
@@ -506,15 +508,13 @@ export interface DapDSPasswordInputEvents {
   onDdsFocus?: (event: CustomEvent) => void
 }
 
-export interface DapDSOverlayEvents {
-  /** Fires before the overlay opens. */
-  onDdsBeforeOpen?: (event: CustomEvent<CustomEvent>) => void
-  /** Fires after the overlay opens. */
-  onDdsOpened?: (event: CustomEvent<CustomEvent>) => void
-  /** Fires before the overlay closes. */
-  onDdsBeforeClose?: (event: CustomEvent<CustomEvent>) => void
-  /** Fires after the overlay closes. */
-  onDdsClosed?: (event: CustomEvent<CustomEvent>) => void
+export interface DapDSPopupEvents {
+  /** Fired when the popup is opened. */
+  onDdsOpened?: (event: CustomEvent) => void
+  /** Fired when the popup is closed. */
+  onDdsClosed?: (event: CustomEvent) => void
+  /** Fired when the popup should be closed. */
+  onDdsClose?: (event: CustomEvent) => void
 }
 
 export interface DapDSRadioButtonEvents {
@@ -528,6 +528,11 @@ export interface DapDSRadioButtonEvents {
   onDdsInput?: (event: CustomEvent<{ checked: boolean, value: string, disabled: boolean, readonly: boolean }>) => void
 }
 
+export interface DapDSRatingEvents {
+  /** Event fired when the rating value changes. */
+  onDdsChange?: (event: CustomEvent<{ value: number }>) => void
+}
+
 export interface DapDSSearchEvents {
   /** Fired when the search value changes. */
   onDdsChange?: (event: CustomEvent) => void
@@ -599,11 +604,6 @@ export interface DapDSTextareaEvents {
   onDdsSelect?: (event: CustomEvent<{ value: string }>) => void
 }
 
-export interface DapDSRatingEvents {
-  /** Event fired when the rating value changes. */
-  onDdsChange?: (event: CustomEvent<{ value: number }>) => void
-}
-
 export interface DapDSTimeGridEvents {
   /** Fired when time selection changes. */
   onDdsChange?: (event: CustomEvent<{ detail: TimeSelection }>) => void
@@ -666,11 +666,6 @@ export interface DapDSAccordionSlots {
   'icon-closed'?: () => any
 }
 
-export interface DapDSAccordionGroupSlots {
-  /** The content of the accordion group. */
-  default?: () => any
-}
-
 export interface DapDSAvatarSlots {
   /** The icon to display when variant is 'icon'. */
   'icon'?: () => any
@@ -678,6 +673,11 @@ export interface DapDSAvatarSlots {
   'fallback'?: () => any
 }
 
+export interface DapDSAccordionGroupSlots {
+  /** The content of the accordion group. */
+  default?: () => any
+}
+
 export interface DapDSAvatarGroupSlots {
   /** The avatars to display in the group. */
   default?: () => any
@@ -690,6 +690,15 @@ export interface DapDSBadgeSlots {
   'icon'?: () => any
 }
 
+export interface DapDSBannerSlots {
+  /** The content of the banner. */
+  default?: () => any
+  /** Actions of banner */
+  'actions'?: () => any
+  /** The icon of the banner. */
+  'icon'?: () => any
+}
+
 export interface DapDSBreadcrumbSlots {
   /** The content of the breadcrumb. */
   default?: () => any
@@ -697,13 +706,11 @@ export interface DapDSBreadcrumbSlots {
   'separator'?: () => any
 }
 
-export interface DapDSBannerSlots {
-  /** The content of the banner. */
+export interface DapDSBreadcrumbItemSlots {
+  /** The content of the breadcrumb item. */
   default?: () => any
-  /** Actions of banner */
-  'actions'?: () => any
-  /** The icon of the banner. */
-  'icon'?: () => any
+  /** The separator between breadcrumb items. Default is an arrow-right-s-line icon. */
+  'separator'?: () => any
 }
 
 export interface DapDSButtonSlots {
@@ -724,6 +731,16 @@ export interface DapDSCalloutSlots {
   'close'?: () => any
 }
 
+export interface DapDSCalendarCellSlots {
+  /** The content of the calendar cell. */
+  default?: () => any
+}
+
+export interface DapDSCalendarSlots {
+  /** The content of the calendar. */
+  default?: () => any
+}
+
 export interface DapDSCardActionsSlots {
   /** The content of the card actions. */
   default?: () => any
@@ -754,23 +771,6 @@ export interface DapDSCardSlots {
   default?: () => any
 }
 
-export interface DapDSBreadcrumbItemSlots {
-  /** The content of the breadcrumb item. */
-  default?: () => any
-  /** The separator between breadcrumb items. Default is an arrow-right-s-line icon. */
-  'separator'?: () => any
-}
-
-export interface DapDSCalendarCellSlots {
-  /** The content of the calendar cell. */
-  default?: () => any
-}
-
-export interface DapDSCalendarSlots {
-  /** The content of the calendar. */
-  default?: () => any
-}
-
 export interface DapDSCodePuncherSlots {
   /** Slot for code-puncher-group, code-puncher-slot, and code-puncher-separator elements. */
   default?: () => any
@@ -800,6 +800,16 @@ export interface DapDSCommandSlots {
   default?: () => any
 }
 
+export interface DapDSContentSwitcherItemSlots {
+  /** The icon content of the segmented control item. */
+  'iconcontent'?: () => any
+}
+
+export interface DapDSContentSwitcherSlots {
+  /** The content switcher items. */
+  default?: () => any
+}
+
 export interface DapDSDAPBadgeSlots {
   /** Description of badge * */
   default?: () => any
@@ -812,18 +822,10 @@ export interface DapDSDataTableSlots {
   'empty'?: () => any
 }
 
-export interface DapDSContentSwitcherItemSlots {
-  /** The icon content of the segmented control item. */
-  'iconcontent'?: () => any
-}
-
-export interface DapDSContentSwitcherSlots {
-  /** The content switcher items. */
-  default?: () => any
-}
-
-export interface DapDSIconSlots {
-  /** The content of the icon for custom svg icons. */
+export interface DapDSFeedbackSlots {
+  /** The custom icon of the feedback. */
+  'icon'?: () => any
+  /** The text of the feedback. */
   default?: () => any
 }
 
@@ -842,10 +844,8 @@ export interface DapDSFileInputSlots {
   'dropzone-content'?: () => any
 }
 
-export interface DapDSFeedbackSlots {
-  /** The custom icon of the feedback. */
-  'icon'?: () => any
-  /** The text of the feedback. */
+export interface DapDSIconSlots {
+  /** The content of the icon for custom svg icons. */
   default?: () => any
 }
 
@@ -859,17 +859,6 @@ export interface DapDSImageZoomSlots {
   default?: () => any
 }
 
-export interface DapDSListItemSlots {
-  /** The content of the list item. */
-  default?: () => any
-  /** The icon of the list item. */
-  'icon'?: () => any
-  /** The title of the list item. */
-  'title'?: () => any
-  /** The actions of the list item. */
-  'actions'?: () => any
-}
-
 export interface DapDSInputSlots {
   /** The postfix of the input. */
   'postfix'?: () => any
@@ -883,6 +872,24 @@ export interface DapDSInputSlots {
   'feedback-icon'?: () => any
 }
 
+export interface DapDSLinkSlots {
+  /** The text of the link. */
+  default?: () => any
+  /** A router link element (e.g. Next.js Link) used for SPA navigation. Rendered outside the visible link so it is always accessible to programmatic clicks. */
+  'link'?: () => any
+}
+
+export interface DapDSListItemSlots {
+  /** The content of the list item. */
+  default?: () => any
+  /** The icon of the list item. */
+  'icon'?: () => any
+  /** The title of the list item. */
+  'title'?: () => any
+  /** The actions of the list item. */
+  'actions'?: () => any
+}
+
 export interface DapDSModalSlots {
   /** The content of the modal. */
   default?: () => any
@@ -912,15 +919,29 @@ export interface DapDSNavigationMenuSlots {
   default?: () => any
 }
 
-export interface DapDSLinkSlots {
-  /** The text of the link. */
+export interface DapDSNotificationBadgeSlots {
+  /** The content of the notification badge. */
   default?: () => any
-  /** A router link element (e.g. Next.js Link) used for SPA navigation. Rendered outside the visible link so it is always accessible to programmatic clicks. */
-  'link'?: () => any
 }
 
-export interface DapDSNotificationBadgeSlots {
-  /** The content of the notification badge. */
+export interface DapDSNumberInputSlots {
+  /** The custom icon of the feedback. */
+  'feedback-icon'?: () => any
+}
+
+export interface DapDSOfficialWebsiteBannerSlots {
+  /** The content of the accordion. */
+  default?: () => any
+  /** The heading of the accordion. */
+  'heading'?: () => any
+  /** The icon when the accordion is opened. */
+  'icon-opened'?: () => any
+  /** The icon when the accordion is closed. */
+  'icon-closed'?: () => any
+}
+
+export interface DapDSOptionGroupSlots {
+  /** The option items in this group. */
   default?: () => any
 }
 
@@ -933,25 +954,14 @@ export interface DapDSOptionItemSlots {
   'suffix'?: () => any
 }
 
-export interface DapDSNumberInputSlots {
-  /** The custom icon of the feedback. */
-  'feedback-icon'?: () => any
-}
-
 export interface DapDSOptionListSlots {
   /** The default slot for the options. */
   default?: () => any
 }
 
-export interface DapDSOfficialWebsiteBannerSlots {
-  /** The content of the accordion. */
+export interface DapDSOverlaySlots {
+  /** The content of the overlay. */
   default?: () => any
-  /** The heading of the accordion. */
-  'heading'?: () => any
-  /** The icon when the accordion is opened. */
-  'icon-opened'?: () => any
-  /** The icon when the accordion is closed. */
-  'icon-closed'?: () => any
 }
 
 export interface DapDSPopupSlots {
@@ -966,13 +976,8 @@ export interface DapDSProgressSlots {
   'label'?: () => any
 }
 
-export interface DapDSOptionGroupSlots {
-  /** The option items in this group. */
-  default?: () => any
-}
-
-export interface DapDSOverlaySlots {
-  /** The content of the overlay. */
+export interface DapDSScrollAreaSlots {
+  /** The content to be scrolled */
   default?: () => any
 }
 
@@ -1104,11 +1109,6 @@ export interface DapDSTypographySlots {
   default?: () => any
 }
 
-export interface DapDSScrollAreaSlots {
-  /** The content to be scrolled */
-  default?: () => any
-}
-
 export interface DapDSInputGroupSlots {
   /** The content of the input group items. */
   default?: () => any
@@ -1150,30 +1150,6 @@ export type DapDSAccordionProps = {
   loading?: DapDSAccordion["loading"]
 }
 
-export type DapDSAccordionGroupProps = {
-  /** Whether to close other accordions when one is opened. */
-  autoClose?: DapDSAccordionGroup["autoClose"]
-  /** The variant of the accordion */
-  variant?: DapDSAccordionGroup["variant"]
-  /**  */
-  tagName?: DapDSAccordionGroup["tagName"]
-}
-
-export 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"]
-  /**  */
-  tagName?: DapDSAnchorHeading["tagName"]
-  /**  */
-  dependencies?: DapDSAnchorHeading["dependencies"]
-  /**  */
-  elementId?: DapDSAnchorHeading["elementId"]
-  /**  */
-  anchorTitle?: DapDSAnchorHeading["anchorTitle"]
-}
-
 export type DapDSAvatarProps = {
   /** The shape of the avatar */
   shape?: DapDSAvatar["shape"]
@@ -1205,6 +1181,15 @@ export type DapDSAvatarProps = {
   sizeMap?: DapDSAvatar["sizeMap"]
 }
 
+export type DapDSAccordionGroupProps = {
+  /** Whether to close other accordions when one is opened. */
+  autoClose?: DapDSAccordionGroup["autoClose"]
+  /** The variant of the accordion */
+  variant?: DapDSAccordionGroup["variant"]
+  /**  */
+  tagName?: DapDSAccordionGroup["tagName"]
+}
+
 export type DapDSAvatarGroupProps = {
   /** Layout type for the avatar group */
   layout?: DapDSAvatarGroup["layout"]
@@ -1243,15 +1228,19 @@ export type DapDSBadgeProps = {
   sizeMap?: DapDSBadge["sizeMap"]
 }
 
-export type DapDSBreadcrumbProps = {
+export 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"]
   /**  */
-  variant?: DapDSBreadcrumb["variant"]
-  /** Mobile version of the breadcrumb */
-  mobile?: DapDSBreadcrumb["mobile"]
-  /** The aria-labelledby of the breadcrumb */
-  "aria-labelledby"?: DapDSBreadcrumb["ariaLabelledBy"]
+  tagName?: DapDSAnchorHeading["tagName"]
   /**  */
-  tagName?: DapDSBreadcrumb["tagName"]
+  dependencies?: DapDSAnchorHeading["dependencies"]
+  /**  */
+  elementId?: DapDSAnchorHeading["elementId"]
+  /**  */
+  anchorTitle?: DapDSAnchorHeading["anchorTitle"]
 }
 
 export type DapDSBannerProps = {
@@ -1273,6 +1262,34 @@ export type DapDSBannerProps = {
   dependencies?: DapDSBanner["dependencies"]
 }
 
+export type DapDSBreadcrumbProps = {
+  /**  */
+  variant?: DapDSBreadcrumb["variant"]
+  /** Mobile version of the breadcrumb */
+  mobile?: DapDSBreadcrumb["mobile"]
+  /** The aria-labelledby of the breadcrumb */
+  "aria-labelledby"?: DapDSBreadcrumb["ariaLabelledBy"]
+  /**  */
+  tagName?: DapDSBreadcrumb["tagName"]
+}
+
+export type DapDSBreadcrumbItemProps = {
+  /** The URL of the breadcrumb item. */
+  href?: DapDSBreadcrumbItem["href"]
+  /** The target of the breadcrumb item. */
+  target?: DapDSBreadcrumbItem["target"]
+  /** The rel of the breadcrumb item link. */
+  rel?: DapDSBreadcrumbItem["rel"]
+  /** Whether the breadcrumb item is disabled. */
+  disabled?: DapDSBreadcrumbItem["disabled"]
+  /** The variant of the breadcrumb item. */
+  variant?: DapDSBreadcrumbItem["variant"]
+  /**  */
+  tagName?: DapDSBreadcrumbItem["tagName"]
+  /**  */
+  dependencies?: DapDSBreadcrumbItem["dependencies"]
+}
+
 export type DapDSButtonProps = {
   /** The visual style variant of the button */
   variant?: DapDSButton["variant"]
@@ -1333,6 +1350,74 @@ export type DapDSCalloutProps = {
   dependencies?: DapDSCallout["dependencies"]
 }
 
+export type DapDSCalendarCellProps = {
+  /** Whether the calendar cell is selected. */
+  selected?: DapDSCalendarCell["selected"]
+  /** Whether the calendar cell is disabled. */
+  disabledDay?: DapDSCalendarCell["disabledDay"]
+  /** Whether the calendar cell is today. */
+  today?: DapDSCalendarCell["today"]
+  /** Whether the calendar cell is out of range. */
+  outOfRange?: DapDSCalendarCell["outOfRange"]
+  /** Whether the calendar cell is a date header. */
+  header?: DapDSCalendarCell["header"]
+  /** Whether the calendar cell is focused. */
+  focused?: DapDSCalendarCell["focused"]
+  /** Whether the calendar cell is the start of a range. */
+  rangestart?: DapDSCalendarCell["rangestart"]
+  /** Whether the calendar cell is the end of a range. */
+  rangeend?: DapDSCalendarCell["rangeend"]
+  /** Whether the calendar cell is in the middle of a range. */
+  inrange?: DapDSCalendarCell["inrange"]
+  /** The locale of the calendar cell. */
+  locale?: DapDSCalendarCell["locale"]
+  /**  */
+  tagName?: DapDSCalendarCell["tagName"]
+  /** The value of the calendar cell. */
+  value?: DapDSCalendarCell["value"]
+  /**  */
+  label?: DapDSCalendarCell["label"]
+  /**  */
+  focusElement?: DapDSCalendarCell["focusElement"]
+}
+
+export type DapDSCalendarProps = {
+  /** The mode of the calendar - single date or range selection. */
+  mode?: DapDSCalendar["mode"]
+  /** Whether to hide dates from adjacent months (previous/next) in the calendar grid. When not explicitly set, defaults to false for single mode and true for range mode. */
+  hideAdjacentMonths?: DapDSCalendar["hideAdjacentMonths"]
+  /** The locale of the calendar. */
+  locale?: DapDSCalendar["locale"]
+  /** `data-testid` for the previous-month button. */
+  prevButtonTestId?: DapDSCalendar["prevButtonTestId"]
+  /** `data-testid` for the next-month button. */
+  nextButtonTestId?: DapDSCalendar["nextButtonTestId"]
+  /**  */
+  tagName?: DapDSCalendar["tagName"]
+  /**  */
+  dependencies?: DapDSCalendar["dependencies"]
+  /** The value of the calendar. */
+  value?: DapDSCalendar["value"]
+  /** The start date of the range selection (only used in range mode). */
+  rangeStart?: DapDSCalendar["rangeStart"]
+  /** The end date of the range selection (only used in range mode). */
+  rangeEnd?: DapDSCalendar["rangeEnd"]
+  /** The current visible date of the calendar. Only the month and year are considered. */
+  currentDate?: DapDSCalendar["currentDate"]
+  /** The minimum date of the calendar. Only the month and year are considered. */
+  minDate?: DapDSCalendar["minDate"]
+  /** The maximum date of the calendar. Only the month and year are considered. */
+  maxDate?: DapDSCalendar["maxDate"]
+  /** The function to determine if the date is disabled. */
+  disabledDate?: DapDSCalendar["disabledDate"]
+  /**  */
+  startDate?: DapDSCalendar["startDate"]
+  /**  */
+  endDate?: DapDSCalendar["endDate"]
+  /**  */
+  shouldHideAdjacentMonths?: DapDSCalendar["shouldHideAdjacentMonths"]
+}
+
 export type DapDSCardActionsProps = {
   /**  */
   tagName?: DapDSCardActions["tagName"]
@@ -1431,31 +1516,6 @@ export type DapDSCardProps = {
   sizeMap?: DapDSCard["sizeMap"]
 }
 
-export type DapDSChipProps = {
-  /** Whether the chip is removeable */
-  removeable?: DapDSChip["removeable"]
-  /** Whether the chip is selectable */
-  selectable?: DapDSChip["selectable"]
-  /** Whether the chip is selected */
-  selected?: DapDSChip["selected"]
-  /** Whether the chip is disabled */
-  disabled?: DapDSChip["disabled"]
-  /** The value of the chip */
-  value?: DapDSChip["value"]
-  /** The aria label for the delete button */
-  deleteAriaLabel?: DapDSChip["deleteAriaLabel"]
-  /** `data-testid` for the remove button. */
-  removeButtonTestId?: DapDSChip["removeButtonTestId"]
-  /**  */
-  tagName?: DapDSChip["tagName"]
-  /**  */
-  dependencies?: DapDSChip["dependencies"]
-  /** The size of the chip. Default is `sm`. */
-  size?: DapDSChip["size"]
-  /** Responsive size map (e.g. "md:lg"). */
-  sizeMap?: DapDSChip["sizeMap"]
-}
-
 export type DapDSCheckboxProps = {
   /** Whether the checkbox is indeterminate */
   indeterminate?: DapDSCheckbox["indeterminate"]
@@ -1515,100 +1575,40 @@ export type DapDSCheckboxProps = {
   requiredLabel?: DapDSCheckbox["requiredLabel"]
 }
 
-export type DapDSBreadcrumbItemProps = {
-  /** The URL of the breadcrumb item. */
-  href?: DapDSBreadcrumbItem["href"]
-  /** The target of the breadcrumb item. */
-  target?: DapDSBreadcrumbItem["target"]
-  /** The rel of the breadcrumb item link. */
-  rel?: DapDSBreadcrumbItem["rel"]
-  /** Whether the breadcrumb item is disabled. */
-  disabled?: DapDSBreadcrumbItem["disabled"]
-  /** The variant of the breadcrumb item. */
-  variant?: DapDSBreadcrumbItem["variant"]
+export type DapDSChipProps = {
+  /** Whether the chip is removeable */
+  removeable?: DapDSChip["removeable"]
+  /** Whether the chip is selectable */
+  selectable?: DapDSChip["selectable"]
+  /** Whether the chip is selected */
+  selected?: DapDSChip["selected"]
+  /** Whether the chip is disabled */
+  disabled?: DapDSChip["disabled"]
+  /** The value of the chip */
+  value?: DapDSChip["value"]
+  /** The aria label for the delete button */
+  deleteAriaLabel?: DapDSChip["deleteAriaLabel"]
+  /** `data-testid` for the remove button. */
+  removeButtonTestId?: DapDSChip["removeButtonTestId"]
   /**  */
-  tagName?: DapDSBreadcrumbItem["tagName"]
+  tagName?: DapDSChip["tagName"]
   /**  */
-  dependencies?: DapDSBreadcrumbItem["dependencies"]
+  dependencies?: DapDSChip["dependencies"]
+  /** The size of the chip. Default is `sm`. */
+  size?: DapDSChip["size"]
+  /** Responsive size map (e.g. "md:lg"). */
+  sizeMap?: DapDSChip["sizeMap"]
 }
 
-export type DapDSCalendarCellProps = {
-  /** Whether the calendar cell is selected. */
-  selected?: DapDSCalendarCell["selected"]
-  /** Whether the calendar cell is disabled. */
-  disabledDay?: DapDSCalendarCell["disabledDay"]
-  /** Whether the calendar cell is today. */
-  today?: DapDSCalendarCell["today"]
-  /** Whether the calendar cell is out of range. */
-  outOfRange?: DapDSCalendarCell["outOfRange"]
-  /** Whether the calendar cell is a date header. */
-  header?: DapDSCalendarCell["header"]
-  /** Whether the calendar cell is focused. */
-  focused?: DapDSCalendarCell["focused"]
-  /** Whether the calendar cell is the start of a range. */
-  rangestart?: DapDSCalendarCell["rangestart"]
-  /** Whether the calendar cell is the end of a range. */
-  rangeend?: DapDSCalendarCell["rangeend"]
-  /** Whether the calendar cell is in the middle of a range. */
-  inrange?: DapDSCalendarCell["inrange"]
-  /** The locale of the calendar cell. */
-  locale?: DapDSCalendarCell["locale"]
+export type DapDSCodePuncherSlotProps = {
   /**  */
-  tagName?: DapDSCalendarCell["tagName"]
-  /** The value of the calendar cell. */
-  value?: DapDSCalendarCell["value"]
+  tagName?: DapDSCodePuncherSlot["tagName"]
   /**  */
-  label?: DapDSCalendarCell["label"]
+  disabled?: DapDSCodePuncherSlot["disabled"]
   /**  */
-  focusElement?: DapDSCalendarCell["focusElement"]
-}
-
-export type DapDSCalendarProps = {
-  /** The mode of the calendar - single date or range selection. */
-  mode?: DapDSCalendar["mode"]
-  /** Whether to hide dates from adjacent months (previous/next) in the calendar grid. When not explicitly set, defaults to false for single mode and true for range mode. */
-  hideAdjacentMonths?: DapDSCalendar["hideAdjacentMonths"]
-  /** The locale of the calendar. */
-  locale?: DapDSCalendar["locale"]
-  /** `data-testid` for the previous-month button. */
-  prevButtonTestId?: DapDSCalendar["prevButtonTestId"]
-  /** `data-testid` for the next-month button. */
-  nextButtonTestId?: DapDSCalendar["nextButtonTestId"]
-  /**  */
-  tagName?: DapDSCalendar["tagName"]
-  /**  */
-  dependencies?: DapDSCalendar["dependencies"]
-  /** The value of the calendar. */
-  value?: DapDSCalendar["value"]
-  /** The start date of the range selection (only used in range mode). */
-  rangeStart?: DapDSCalendar["rangeStart"]
-  /** The end date of the range selection (only used in range mode). */
-  rangeEnd?: DapDSCalendar["rangeEnd"]
-  /** The current visible date of the calendar. Only the month and year are considered. */
-  currentDate?: DapDSCalendar["currentDate"]
-  /** The minimum date of the calendar. Only the month and year are considered. */
-  minDate?: DapDSCalendar["minDate"]
-  /** The maximum date of the calendar. Only the month and year are considered. */
-  maxDate?: DapDSCalendar["maxDate"]
-  /** The function to determine if the date is disabled. */
-  disabledDate?: DapDSCalendar["disabledDate"]
-  /**  */
-  startDate?: DapDSCalendar["startDate"]
-  /**  */
-  endDate?: DapDSCalendar["endDate"]
-  /**  */
-  shouldHideAdjacentMonths?: DapDSCalendar["shouldHideAdjacentMonths"]
-}
-
-export type DapDSCodePuncherSlotProps = {
-  /**  */
-  tagName?: DapDSCodePuncherSlot["tagName"]
-  /**  */
-  disabled?: DapDSCodePuncherSlot["disabled"]
-  /**  */
-  readonly?: DapDSCodePuncherSlot["readonly"]
-  /**  */
-  size?: DapDSCodePuncherSlot["size"]
+  readonly?: DapDSCodePuncherSlot["readonly"]
+  /**  */
+  size?: DapDSCodePuncherSlot["size"]
 }
 
 export type DapDSCodePuncherProps = {
@@ -1786,6 +1786,28 @@ export type DapDSCommandProps = {
   disableViewportAutoClose?: DapDSCommand["disableViewportAutoClose"]
 }
 
+export type DapDSContentSwitcherItemProps = {
+  /** The value of the segmented control item. */
+  value?: DapDSContentSwitcherItem["value"]
+  /** The checked state of the segmented control item. */
+  checked?: DapDSContentSwitcherItem["checked"]
+  /** The disabled state of the segmented control item. */
+  disabled?: DapDSContentSwitcherItem["disabled"]
+  /** The name of the segmented control item. */
+  name?: DapDSContentSwitcherItem["name"]
+  /**  */
+  tagName?: DapDSContentSwitcherItem["tagName"]
+}
+
+export type DapDSContentSwitcherProps = {
+  /** Whether the content switcher allows multiple selections. */
+  multiSelect?: DapDSContentSwitcher["multiSelect"]
+  /** The value of the content switcher. A comma-separated list if `multiSelect` is `true`. */
+  value?: DapDSContentSwitcher["value"]
+  /**  */
+  tagName?: DapDSContentSwitcher["tagName"]
+}
+
 export type DapDSCopyBoxInputProps = {
   /** The aria label of the copy button. */
   copyButtonAriaLabel?: DapDSCopyBoxInput["copyButtonAriaLabel"]
@@ -2043,28 +2065,6 @@ export type DapDSDatePickerProps = {
   autocomplete?: DapDSDatePicker["autocomplete"]
 }
 
-export type DapDSContentSwitcherItemProps = {
-  /** The value of the segmented control item. */
-  value?: DapDSContentSwitcherItem["value"]
-  /** The checked state of the segmented control item. */
-  checked?: DapDSContentSwitcherItem["checked"]
-  /** The disabled state of the segmented control item. */
-  disabled?: DapDSContentSwitcherItem["disabled"]
-  /** The name of the segmented control item. */
-  name?: DapDSContentSwitcherItem["name"]
-  /**  */
-  tagName?: DapDSContentSwitcherItem["tagName"]
-}
-
-export type DapDSContentSwitcherProps = {
-  /** Whether the content switcher allows multiple selections. */
-  multiSelect?: DapDSContentSwitcher["multiSelect"]
-  /** The value of the content switcher. A comma-separated list if `multiSelect` is `true`. */
-  value?: DapDSContentSwitcher["value"]
-  /**  */
-  tagName?: DapDSContentSwitcher["tagName"]
-}
-
 export type DapDSDividerProps = {
   /** Whether the divider is vertical */
   vertical?: DapDSDivider["vertical"]
@@ -2076,21 +2076,21 @@ export type DapDSDividerProps = {
   tagName?: DapDSDivider["tagName"]
 }
 
-export type DapDSIconProps = {
-  /** The name of the icon */
-  name?: DapDSIcon["name"]
-  /** The size of the icon */
-  size?: DapDSIcon["size"]
-  /** The size of the icon in pixels. This overrides the size attribute. */
-  staticSize?: DapDSIcon["staticSize"]
-  /** Whether the icon is focusable. Default is false. */
-  focusable?: DapDSIcon["focusable"]
+export type DapDSFeedbackProps = {
   /**  */
-  tagName?: DapDSIcon["tagName"]
-  /** Whether the icon is hidden from the accessibility tree. Default is true. */
-  ariaHidden?: DapDSIcon["ariaHidden"]
-  /** The aria label of the icon. */
-  ariaLabel?: DapDSIcon["ariaLabel"]
+  tagName?: DapDSFeedback["tagName"]
+  /** The feedback message. */
+  feedback?: DapDSFeedback["feedback"]
+  /** The size of the feedback. Default is `sm`. */
+  feedbackSize?: DapDSFeedback["feedbackSize"]
+  /** The type of the feedback. */
+  feedbackType?: DapDSFeedback["feedbackType"]
+  /** The weight of the feedback. */
+  feedbackSubtle?: DapDSFeedback["feedbackSubtle"]
+  /** Removes the margins around the feedback. */
+  feedbackNoMargin?: DapDSFeedback["feedbackNoMargin"]
+  /** The id of the feedback. */
+  feedbackId?: DapDSFeedback["feedbackId"]
 }
 
 export type DapDSFileInputListItemProps = {
@@ -2290,21 +2290,21 @@ export type DapDSFileInputProps = {
   subtle?: DapDSFileInput["subtle"]
 }
 
-export type DapDSFeedbackProps = {
+export type DapDSIconProps = {
+  /** The name of the icon */
+  name?: DapDSIcon["name"]
+  /** The size of the icon */
+  size?: DapDSIcon["size"]
+  /** The size of the icon in pixels. This overrides the size attribute. */
+  staticSize?: DapDSIcon["staticSize"]
+  /** Whether the icon is focusable. Default is false. */
+  focusable?: DapDSIcon["focusable"]
   /**  */
-  tagName?: DapDSFeedback["tagName"]
-  /** The feedback message. */
-  feedback?: DapDSFeedback["feedback"]
-  /** The size of the feedback. Default is `sm`. */
-  feedbackSize?: DapDSFeedback["feedbackSize"]
-  /** The type of the feedback. */
-  feedbackType?: DapDSFeedback["feedbackType"]
-  /** The weight of the feedback. */
-  feedbackSubtle?: DapDSFeedback["feedbackSubtle"]
-  /** Removes the margins around the feedback. */
-  feedbackNoMargin?: DapDSFeedback["feedbackNoMargin"]
-  /** The id of the feedback. */
-  feedbackId?: DapDSFeedback["feedbackId"]
+  tagName?: DapDSIcon["tagName"]
+  /** Whether the icon is hidden from the accessibility tree. Default is true. */
+  ariaHidden?: DapDSIcon["ariaHidden"]
+  /** The aria label of the icon. */
+  ariaLabel?: DapDSIcon["ariaLabel"]
 }
 
 export type DapDSIconButtonProps = {
@@ -2363,39 +2363,31 @@ export type DapDSImageZoomProps = {
   dependencies?: DapDSImageZoom["dependencies"]
 }
 
-export type DapDSListItemProps = {
-  /** The variant of the list item. */
-  variant?: DapDSListItem["variant"]
-  /** The background strongness of the list item. */
-  shade?: DapDSListItem["shade"]
-  /** The status of the list item. */
-  status?: DapDSListItem["status"]
-  /** The alignment of the list item. */
-  alignment?: DapDSListItem["alignment"]
-  /** The title of the list item. */
-  title?: DapDSListItem["title"]
-  /** The icon of the list item. This is an icon name from the built in icons. */
-  icon?: DapDSListItem["icon"]
-  /** The number of the list item. Only used when variant is 'number'. */
-  number?: DapDSListItem["number"]
-  /** Whether the list item is interactive. Generates an anchor tag. */
-  interactive?: DapDSListItem["interactive"]
-  /** The link target of the list item when interactive. */
-  target?: DapDSListItem["target"]
-  /** The href of the list item when interactive */
-  href?: DapDSListItem["href"]
-  /** The rel of the list item when interactive */
-  rel?: DapDSListItem["rel"]
-  /** Whether the list item has an icon. */
-  noIcon?: DapDSListItem["noIcon"]
-  /** Whether the list item has no padding. */
-  noPadding?: DapDSListItem["noPadding"]
-  /** The render as type of the list item, only applicable when interactive. */
-  renderAs?: DapDSListItem["renderAs"]
-  /**  */
-  tagName?: DapDSListItem["tagName"]
+export type DapDSLabelProps = {
   /**  */
-  dependencies?: DapDSListItem["dependencies"]
+  tagName?: DapDSLabel["tagName"]
+  /** The label text */
+  label?: DapDSLabel["label"]
+  /** The description of the label */
+  description?: DapDSLabel["description"]
+  /** The tooltip text */
+  tooltip?: DapDSLabel["tooltip"]
+  /** The size of the input. Default is `sm`. */
+  size?: DapDSLabel["size"]
+  /** The tooltip placement of the label. */
+  tooltipPlacement?: DapDSLabel["tooltipPlacement"]
+  /** If the label is optional. Default value is `false`. */
+  optional?: DapDSLabel["optional"]
+  /** Label of optional text */
+  optionalLabel?: DapDSLabel["optionalLabel"]
+  /** Indicator of required text (default: '*') */
+  requiredLabel?: DapDSLabel["requiredLabel"]
+  /** Text weight of label. If true the label is subtle. Default value is `false`. */
+  subtle?: DapDSLabel["subtle"]
+  /** The disabled state of the label. Default is `false`. */
+  disabled?: DapDSLabel["disabled"]
+  /** The required state of the label. Default is `false`. */
+  required?: DapDSLabel["required"]
 }
 
 export type DapDSInputProps = {
@@ -2465,44 +2457,104 @@ export type DapDSInputProps = {
   pattern?: DapDSInput["pattern"]
 }
 
-export type DapDSModalProps = {
+export type DapDSLinkProps = {
+  /** The size of the link */
+  size?: DapDSLink["size"]
+  /** The theme of the link */
+  variant?: DapDSLink["variant"]
+  /** The target of the link. */
+  target?: DapDSLink["target"]
+  /** Bold link style */
+  bold?: DapDSLink["bold"]
+  /** Removes underline style */
+  noUnderline?: DapDSLink["noUnderline"]
+  /** The href / URL of the link */
+  href?: DapDSLink["href"]
+  /** Disabled state of the link */
+  disabled?: DapDSLink["disabled"]
+  /** The rel of the link */
+  rel?: DapDSLink["rel"]
+  /** The download attribute of the link */
+  download?: DapDSLink["download"]
+  /** The text for the target blank link, applicable when target is _blank. PRO TIP: Use parenthesis to wrap the text */
+  targetBlankText?: DapDSLink["targetBlankText"]
   /**  */
-  tagName?: DapDSModal["tagName"]
-  /** Pushes the footer to the bottom. */
-  bottomFooter?: DapDSModal["bottomFooter"]
-  /** The open state of the modal. */
-  open?: DapDSModal["open"]
-  /** Title of the modal. */
-  title?: DapDSModal["title"]
-  /** Description of the modal. */
-  description?: DapDSModal["description"]
-  /** Full screen version of the modal. */
-  fullScreen?: DapDSModal["fullScreen"]
-  /** If true, uses `.show()` (no overlay); if false, uses `.showModal()`. Default is false. */
-  noModal?: DapDSModal["noModal"]
-  /** Size of the modal. Default is 'sm'. */
-  size?: DapDSModal["size"]
-  /** Breakpoint→size map for the modal (e.g. "md:lg"). */
-  sizeMap?: DapDSModal["sizeMap"]
-  /** Whether to show the header. Default is 'true'. */
-  header?: DapDSModal["header"]
-  /** Whether to show the footer. Default is 'true'. */
-  footer?: DapDSModal["footer"]
-  /** Wide layout mode for footer. */
-  wideFooter?: DapDSModal["wideFooter"]
-  /** Fixes the header to the top. */
-  fixedHeader?: DapDSModal["fixedHeader"]
-  /** Fixes the footer to the bottom. */
-  fixedFooter?: DapDSModal["fixedFooter"]
-  /** Whether to close on Escape key. Default is 'true'. */
-  closeOnEsc?: DapDSModal["closeOnEsc"]
-  /** Whether to close on overlay click. Default is 'true'. */
-  closeOnOverlayClick?: DapDSModal["closeOnOverlayClick"]
-  /** Whether to show the close button. Default is 'true'. */
-  closeButton?: DapDSModal["closeButton"]
-  /** Label of the OK button. */
-  okButtonLabel?: DapDSModal["okButtonLabel"]
-  /** Whether the OK button is disabled. */
+  tagName?: DapDSLink["tagName"]
+}
+
+export type DapDSListItemProps = {
+  /** The variant of the list item. */
+  variant?: DapDSListItem["variant"]
+  /** The background strongness of the list item. */
+  shade?: DapDSListItem["shade"]
+  /** The status of the list item. */
+  status?: DapDSListItem["status"]
+  /** The alignment of the list item. */
+  alignment?: DapDSListItem["alignment"]
+  /** The title of the list item. */
+  title?: DapDSListItem["title"]
+  /** The icon of the list item. This is an icon name from the built in icons. */
+  icon?: DapDSListItem["icon"]
+  /** The number of the list item. Only used when variant is 'number'. */
+  number?: DapDSListItem["number"]
+  /** Whether the list item is interactive. Generates an anchor tag. */
+  interactive?: DapDSListItem["interactive"]
+  /** The link target of the list item when interactive. */
+  target?: DapDSListItem["target"]
+  /** The href of the list item when interactive */
+  href?: DapDSListItem["href"]
+  /** The rel of the list item when interactive */
+  rel?: DapDSListItem["rel"]
+  /** Whether the list item has an icon. */
+  noIcon?: DapDSListItem["noIcon"]
+  /** Whether the list item has no padding. */
+  noPadding?: DapDSListItem["noPadding"]
+  /** The render as type of the list item, only applicable when interactive. */
+  renderAs?: DapDSListItem["renderAs"]
+  /**  */
+  tagName?: DapDSListItem["tagName"]
+  /**  */
+  dependencies?: DapDSListItem["dependencies"]
+}
+
+export type DapDSModalProps = {
+  /**  */
+  tagName?: DapDSModal["tagName"]
+  /** Pushes the footer to the bottom. */
+  bottomFooter?: DapDSModal["bottomFooter"]
+  /** The open state of the modal. */
+  open?: DapDSModal["open"]
+  /** Title of the modal. */
+  title?: DapDSModal["title"]
+  /** Description of the modal. */
+  description?: DapDSModal["description"]
+  /** Full screen version of the modal. */
+  fullScreen?: DapDSModal["fullScreen"]
+  /** If true, uses `.show()` (no overlay); if false, uses `.showModal()`. Default is false. */
+  noModal?: DapDSModal["noModal"]
+  /** Size of the modal. Default is 'sm'. */
+  size?: DapDSModal["size"]
+  /** Breakpoint→size map for the modal (e.g. "md:lg"). */
+  sizeMap?: DapDSModal["sizeMap"]
+  /** Whether to show the header. Default is 'true'. */
+  header?: DapDSModal["header"]
+  /** Whether to show the footer. Default is 'true'. */
+  footer?: DapDSModal["footer"]
+  /** Wide layout mode for footer. */
+  wideFooter?: DapDSModal["wideFooter"]
+  /** Fixes the header to the top. */
+  fixedHeader?: DapDSModal["fixedHeader"]
+  /** Fixes the footer to the bottom. */
+  fixedFooter?: DapDSModal["fixedFooter"]
+  /** Whether to close on Escape key. Default is 'true'. */
+  closeOnEsc?: DapDSModal["closeOnEsc"]
+  /** Whether to close on overlay click. Default is 'true'. */
+  closeOnOverlayClick?: DapDSModal["closeOnOverlayClick"]
+  /** Whether to show the close button. Default is 'true'. */
+  closeButton?: DapDSModal["closeButton"]
+  /** Label of the OK button. */
+  okButtonLabel?: DapDSModal["okButtonLabel"]
+  /** Whether the OK button is disabled. */
   okButtonDisabled?: DapDSModal["okButtonDisabled"]
   /** Whether the OK button uses danger style. */
   okButtonDanger?: DapDSModal["okButtonDanger"]
@@ -2614,58 +2666,6 @@ export type DapDSNavigationMenuProps = {
   tagName?: DapDSNavigationMenu["tagName"]
 }
 
-export type DapDSLabelProps = {
-  /**  */
-  tagName?: DapDSLabel["tagName"]
-  /** The label text */
-  label?: DapDSLabel["label"]
-  /** The description of the label */
-  description?: DapDSLabel["description"]
-  /** The tooltip text */
-  tooltip?: DapDSLabel["tooltip"]
-  /** The size of the input. Default is `sm`. */
-  size?: DapDSLabel["size"]
-  /** The tooltip placement of the label. */
-  tooltipPlacement?: DapDSLabel["tooltipPlacement"]
-  /** If the label is optional. Default value is `false`. */
-  optional?: DapDSLabel["optional"]
-  /** Label of optional text */
-  optionalLabel?: DapDSLabel["optionalLabel"]
-  /** Indicator of required text (default: '*') */
-  requiredLabel?: DapDSLabel["requiredLabel"]
-  /** Text weight of label. If true the label is subtle. Default value is `false`. */
-  subtle?: DapDSLabel["subtle"]
-  /** The disabled state of the label. Default is `false`. */
-  disabled?: DapDSLabel["disabled"]
-  /** The required state of the label. Default is `false`. */
-  required?: DapDSLabel["required"]
-}
-
-export type DapDSLinkProps = {
-  /** The size of the link */
-  size?: DapDSLink["size"]
-  /** The theme of the link */
-  variant?: DapDSLink["variant"]
-  /** The target of the link. */
-  target?: DapDSLink["target"]
-  /** Bold link style */
-  bold?: DapDSLink["bold"]
-  /** Removes underline style */
-  noUnderline?: DapDSLink["noUnderline"]
-  /** The href / URL of the link */
-  href?: DapDSLink["href"]
-  /** Disabled state of the link */
-  disabled?: DapDSLink["disabled"]
-  /** The rel of the link */
-  rel?: DapDSLink["rel"]
-  /** The download attribute of the link */
-  download?: DapDSLink["download"]
-  /** The text for the target blank link, applicable when target is _blank. PRO TIP: Use parenthesis to wrap the text */
-  targetBlankText?: DapDSLink["targetBlankText"]
-  /**  */
-  tagName?: DapDSLink["tagName"]
-}
-
 export type DapDSNotificationBadgeProps = {
   /** The content of the badge, it can be a number or a string. Content tried to be parsed as a number, if it's not a number, it will be displayed as a string. */
   badgeContent?: DapDSNotificationBadge["badgeContent"]
@@ -2689,29 +2689,6 @@ export type DapDSNotificationBadgeProps = {
   tagName?: DapDSNotificationBadge["tagName"]
 }
 
-export type DapDSOptionItemProps = {
-  /** The selected state of the option item */
-  selected?: DapDSOptionItem["selected"]
-  /** Wheteher the item is selectable, whether it shows the selected icon */
-  selectable?: DapDSOptionItem["selectable"]
-  /** The position of the selected icon */
-  selectedIconPosition?: DapDSOptionItem["selectedIconPosition"]
-  /** The value of the option item */
-  value?: DapDSOptionItem["value"]
-  /** The disabled state of the option item */
-  disabled?: DapDSOptionItem["disabled"]
-  /** The focused state of the option item */
-  focused?: DapDSOptionItem["focused"]
-  /** The label of the option item, it can be a simplier version of an item */
-  label?: DapDSOptionItem["label"]
-  /**  */
-  tagName?: DapDSOptionItem["tagName"]
-  /**  */
-  dependencies?: DapDSOptionItem["dependencies"]
-  /**  */
-  optionText?: DapDSOptionItem["optionText"]
-}
-
 export type DapDSNumberInputProps = {
   /** The thousand separator of the input. */
   thousandSeparator?: DapDSNumberInput["thousandSeparator"]
@@ -2793,6 +2770,59 @@ export type DapDSNumberInputProps = {
   disableEnter?: DapDSNumberInput["disableEnter"]
 }
 
+export type DapDSOfficialWebsiteBannerProps = {
+  /**  */
+  tagName?: DapDSOfficialWebsiteBanner["tagName"]
+  /**  */
+  dependencies?: DapDSOfficialWebsiteBanner["dependencies"]
+  /** The size of the official website banner. Default is `sm`. */
+  size?: DapDSOfficialWebsiteBanner["size"]
+  /** The heading text of the accordion, this will be used as the aria label of the heading also if ariaLabel is not provided */
+  heading?: DapDSOfficialWebsiteBanner["heading"]
+  /** The heading level of the accordion. Default is `4`. */
+  headingLevel?: DapDSOfficialWebsiteBanner["headingLevel"]
+  /** Whether the accordion is opened. Default is `false`. */
+  opened?: DapDSOfficialWebsiteBanner["opened"]
+  /** The location of the icon. Default is `right`. */
+  iconLocation?: DapDSOfficialWebsiteBanner["iconLocation"]
+  /** The variant of the accordion. */
+  variant?: DapDSOfficialWebsiteBanner["variant"]
+  /** Whether the accordion is the last item. */
+  lastItem?: DapDSOfficialWebsiteBanner["lastItem"]
+}
+
+export type DapDSOptionGroupProps = {
+  /** The label of the option group (displayed in native optgroup). */
+  label?: DapDSOptionGroup["label"]
+  /** Whether all options in the group are disabled. */
+  disabled?: DapDSOptionGroup["disabled"]
+  /**  */
+  tagName?: DapDSOptionGroup["tagName"]
+}
+
+export type DapDSOptionItemProps = {
+  /** The selected state of the option item */
+  selected?: DapDSOptionItem["selected"]
+  /** Wheteher the item is selectable, whether it shows the selected icon */
+  selectable?: DapDSOptionItem["selectable"]
+  /** The position of the selected icon */
+  selectedIconPosition?: DapDSOptionItem["selectedIconPosition"]
+  /** The value of the option item */
+  value?: DapDSOptionItem["value"]
+  /** The disabled state of the option item */
+  disabled?: DapDSOptionItem["disabled"]
+  /** The focused state of the option item */
+  focused?: DapDSOptionItem["focused"]
+  /** The label of the option item, it can be a simplier version of an item */
+  label?: DapDSOptionItem["label"]
+  /**  */
+  tagName?: DapDSOptionItem["tagName"]
+  /**  */
+  dependencies?: DapDSOptionItem["dependencies"]
+  /**  */
+  optionText?: DapDSOptionItem["optionText"]
+}
+
 export type DapDSOptionListProps = {
   /** The filter text of the option list */
   filterText?: DapDSOptionList["filterText"]
@@ -2826,6 +2856,13 @@ export type DapDSOptionListProps = {
   buildQueryString?: DapDSOptionList["buildQueryString"]
 }
 
+export type DapDSOverlayProps = {
+  /** The open state of the overlay. */
+  open?: DapDSOverlay["open"]
+  /**  */
+  tagName?: DapDSOverlay["tagName"]
+}
+
 export type DapDSPagerProps = {
   /** Whether the pager is disabled. */
   disabled?: DapDSPager["disabled"]
@@ -2875,25 +2912,57 @@ export type DapDSPagerProps = {
   pageStateText?: DapDSPager["pageStateText"]
 }
 
-export type DapDSOfficialWebsiteBannerProps = {
+export type DapDSPasswordInputProps = {
+  /** `data-testid` for the show/hide toggle button. */
+  toggleButtonTestId?: DapDSPasswordInput["toggleButtonTestId"]
   /**  */
-  tagName?: DapDSOfficialWebsiteBanner["tagName"]
+  tagName?: DapDSPasswordInput["tagName"]
   /**  */
-  dependencies?: DapDSOfficialWebsiteBanner["dependencies"]
-  /** The size of the official website banner. Default is `sm`. */
-  size?: DapDSOfficialWebsiteBanner["size"]
-  /** The heading text of the accordion, this will be used as the aria label of the heading also if ariaLabel is not provided */
-  heading?: DapDSOfficialWebsiteBanner["heading"]
-  /** The heading level of the accordion. Default is `4`. */
-  headingLevel?: DapDSOfficialWebsiteBanner["headingLevel"]
-  /** Whether the accordion is opened. Default is `false`. */
-  opened?: DapDSOfficialWebsiteBanner["opened"]
-  /** The location of the icon. Default is `right`. */
-  iconLocation?: DapDSOfficialWebsiteBanner["iconLocation"]
-  /** The variant of the accordion. */
-  variant?: DapDSOfficialWebsiteBanner["variant"]
-  /** Whether the accordion is the last item. */
-  lastItem?: DapDSOfficialWebsiteBanner["lastItem"]
+  dependencies?: DapDSPasswordInput["dependencies"]
+  /**  */
+  passwordVisibile?: DapDSPasswordInput["passwordVisibile"]
+  /**  */
+  type?: DapDSPasswordInput["type"]
+  /** The label of the password input. */
+  label?: DapDSPasswordInput["label"]
+  /** The placeholder of the password input. */
+  placeholder?: DapDSPasswordInput["placeholder"]
+  /** The description of the password input. */
+  description?: DapDSPasswordInput["description"]
+  /** The tooltip of the password input. */
+  tooltip?: DapDSPasswordInput["tooltip"]
+  /** The tooltip placement of the input. */
+  tooltipPlacement?: DapDSPasswordInput["tooltipPlacement"]
+  /** The status of the password input. Can be `success` or `error`. */
+  status?: DapDSPasswordInput["status"]
+  /** The size of the password input. Default is `sm`. */
+  size?: DapDSPasswordInput["size"]
+  /** The name of the password input. */
+  name?: DapDSPasswordInput["name"]
+  /** The value of the password input. */
+  value?: DapDSPasswordInput["value"]
+  /** The disabled state of the password input. Default is false. */
+  disabled?: DapDSPasswordInput["disabled"]
+  /** The required state of the password input. Default is false. */
+  required?: DapDSPasswordInput["required"]
+  /** The readonly state of the password input. Default is false. */
+  readonly?: DapDSPasswordInput["readonly"]
+  /** The autofocus state of the password input. Default is false. */
+  autofocus?: DapDSPasswordInput["autofocus"]
+  /** The feedback of the input. */
+  feedback?: DapDSPasswordInput["feedback"]
+  /** The feedback type of the input. Can be `negative`, `positive`, or `warning`. */
+  feedbackType?: DapDSPasswordInput["feedbackType"]
+  /** The loading state of the password input. Default is false. */
+  loading?: DapDSPasswordInput["loading"]
+  /** The optional state of the password input. */
+  optional?: DapDSPasswordInput["optional"]
+  /** The optional label of the password input. */
+  optionalLabel?: DapDSPasswordInput["optionalLabel"]
+  /** The required indicator of the password input. (default: '*') */
+  requiredLabel?: DapDSPasswordInput["requiredLabel"]
+  /** The weight of the label. Default is `false` */
+  subtle?: DapDSPasswordInput["subtle"]
 }
 
 export type DapDSPopupProps = {
@@ -2952,75 +3021,6 @@ export type DapDSProgressProps = {
   sizeMap?: DapDSProgress["sizeMap"]
 }
 
-export type DapDSOptionGroupProps = {
-  /** The label of the option group (displayed in native optgroup). */
-  label?: DapDSOptionGroup["label"]
-  /** Whether all options in the group are disabled. */
-  disabled?: DapDSOptionGroup["disabled"]
-  /**  */
-  tagName?: DapDSOptionGroup["tagName"]
-}
-
-export type DapDSPasswordInputProps = {
-  /** `data-testid` for the show/hide toggle button. */
-  toggleButtonTestId?: DapDSPasswordInput["toggleButtonTestId"]
-  /**  */
-  tagName?: DapDSPasswordInput["tagName"]
-  /**  */
-  dependencies?: DapDSPasswordInput["dependencies"]
-  /**  */
-  passwordVisibile?: DapDSPasswordInput["passwordVisibile"]
-  /**  */
-  type?: DapDSPasswordInput["type"]
-  /** The label of the password input. */
-  label?: DapDSPasswordInput["label"]
-  /** The placeholder of the password input. */
-  placeholder?: DapDSPasswordInput["placeholder"]
-  /** The description of the password input. */
-  description?: DapDSPasswordInput["description"]
-  /** The tooltip of the password input. */
-  tooltip?: DapDSPasswordInput["tooltip"]
-  /** The tooltip placement of the input. */
-  tooltipPlacement?: DapDSPasswordInput["tooltipPlacement"]
-  /** The status of the password input. Can be `success` or `error`. */
-  status?: DapDSPasswordInput["status"]
-  /** The size of the password input. Default is `sm`. */
-  size?: DapDSPasswordInput["size"]
-  /** The name of the password input. */
-  name?: DapDSPasswordInput["name"]
-  /** The value of the password input. */
-  value?: DapDSPasswordInput["value"]
-  /** The disabled state of the password input. Default is false. */
-  disabled?: DapDSPasswordInput["disabled"]
-  /** The required state of the password input. Default is false. */
-  required?: DapDSPasswordInput["required"]
-  /** The readonly state of the password input. Default is false. */
-  readonly?: DapDSPasswordInput["readonly"]
-  /** The autofocus state of the password input. Default is false. */
-  autofocus?: DapDSPasswordInput["autofocus"]
-  /** The feedback of the input. */
-  feedback?: DapDSPasswordInput["feedback"]
-  /** The feedback type of the input. Can be `negative`, `positive`, or `warning`. */
-  feedbackType?: DapDSPasswordInput["feedbackType"]
-  /** The loading state of the password input. Default is false. */
-  loading?: DapDSPasswordInput["loading"]
-  /** The optional state of the password input. */
-  optional?: DapDSPasswordInput["optional"]
-  /** The optional label of the password input. */
-  optionalLabel?: DapDSPasswordInput["optionalLabel"]
-  /** The required indicator of the password input. (default: '*') */
-  requiredLabel?: DapDSPasswordInput["requiredLabel"]
-  /** The weight of the label. Default is `false` */
-  subtle?: DapDSPasswordInput["subtle"]
-}
-
-export type DapDSOverlayProps = {
-  /** The open state of the overlay. */
-  open?: DapDSOverlay["open"]
-  /**  */
-  tagName?: DapDSOverlay["tagName"]
-}
-
 export type DapDSRadioButtonProps = {
   /** Whether the radio button is focusable. */
   focusable?: DapDSRadioButton["focusable"]
@@ -3084,6 +3084,49 @@ export type DapDSRadioButtonProps = {
   requiredLabel?: DapDSRadioButton["requiredLabel"]
 }
 
+export type DapDSRatingProps = {
+  /** The label of the rating */
+  label?: DapDSRating["label"]
+  /** The maximum number of stars */
+  max?: DapDSRating["max"]
+  /**  */
+  tagName?: DapDSRating["tagName"]
+  /**  */
+  dependencies?: DapDSRating["dependencies"]
+  /**  */
+  _handleContainerFocus?: DapDSRating["_handleContainerFocus"]
+  /**  */
+  _handleContainerBlur?: DapDSRating["_handleContainerBlur"]
+  /**  */
+  _handleContainerKeyDown?: DapDSRating["_handleContainerKeyDown"]
+  /** Handle keyboard events for the entire component
+This is a backup to catch keyboard events if they bubble up */
+  _handleKeyDown?: DapDSRating["_handleKeyDown"]
+  /**  */
+  value?: DapDSRating["value"]
+}
+
+export type DapDSScrollAreaProps = {
+  /** The orientation of the scrollbar. */
+  orientation?: DapDSScrollArea["orientation"]
+  /**  */
+  tagName?: DapDSScrollArea["tagName"]
+}
+
+export type DapDSScrollProgressProps = {
+  /** CSS selector for scroll container. If not set, tracks global page scroll.
+When set, the component uses sticky positioning within the container. */
+  target?: DapDSScrollProgress["target"]
+  /** The color variant of the progress indicator. */
+  variant?: DapDSScrollProgress["variant"]
+  /**  */
+  tagName?: DapDSScrollProgress["tagName"]
+  /** The size of the scroll progress bar. Default is `sm`. See SizedMixin. */
+  size?: DapDSScrollProgress["size"]
+  /** Responsive size map (e.g. "md:lg"); see SizedMixin. */
+  sizeMap?: DapDSScrollProgress["sizeMap"]
+}
+
 export type DapDSSearchProps = {
   /**  */
   tagName?: DapDSSearch["tagName"]
@@ -3376,21 +3419,6 @@ Prevents flash for quick operations. */
   sizeMap?: DapDSSpinner["sizeMap"]
 }
 
-export type DapDSStackProps = {
-  /** The direction of the stack. */
-  direction?: DapDSStack["direction"]
-  /** Adds margin to the end of the stack. */
-  endMargin?: DapDSStack["endMargin"]
-  /** Adds margin to the start of the stack. */
-  startMargin?: DapDSStack["startMargin"]
-  /** Disables wrapping of the stack items onto multiple lines. */
-  nowrap?: DapDSStack["nowrap"]
-  /** The spacing of the stack. Uses the system spacing scale (100, 200, 300...etc) */
-  spacing?: DapDSStack["spacing"]
-  /**  */
-  tagName?: DapDSStack["tagName"]
-}
-
 export type DapDSSwitchProps = {
   /** This sets up border around the switch, when true. */
   border?: DapDSSwitch["border"]
@@ -3442,6 +3470,21 @@ export type DapDSSwitchProps = {
   requiredLabel?: DapDSSwitch["requiredLabel"]
 }
 
+export type DapDSStackProps = {
+  /** The direction of the stack. */
+  direction?: DapDSStack["direction"]
+  /** Adds margin to the end of the stack. */
+  endMargin?: DapDSStack["endMargin"]
+  /** Adds margin to the start of the stack. */
+  startMargin?: DapDSStack["startMargin"]
+  /** Disables wrapping of the stack items onto multiple lines. */
+  nowrap?: DapDSStack["nowrap"]
+  /** The spacing of the stack. Uses the system spacing scale (100, 200, 300...etc) */
+  spacing?: DapDSStack["spacing"]
+  /**  */
+  tagName?: DapDSStack["tagName"]
+}
+
 export type DapDSTabGroupProps = {
   /** The selected tab id. */
   selectedTabId?: DapDSTabGroup["selectedTabId"]
@@ -3571,28 +3614,6 @@ export type DapDSTimelineProps = {
   tagName?: DapDSTimeline["tagName"]
 }
 
-export type DapDSRatingProps = {
-  /** The label of the rating */
-  label?: DapDSRating["label"]
-  /** The maximum number of stars */
-  max?: DapDSRating["max"]
-  /**  */
-  tagName?: DapDSRating["tagName"]
-  /**  */
-  dependencies?: DapDSRating["dependencies"]
-  /**  */
-  _handleContainerFocus?: DapDSRating["_handleContainerFocus"]
-  /**  */
-  _handleContainerBlur?: DapDSRating["_handleContainerBlur"]
-  /**  */
-  _handleContainerKeyDown?: DapDSRating["_handleContainerKeyDown"]
-  /** Handle keyboard events for the entire component
-This is a backup to catch keyboard events if they bubble up */
-  _handleKeyDown?: DapDSRating["_handleKeyDown"]
-  /**  */
-  value?: DapDSRating["value"]
-}
-
 export type DapDSTimeGridProps = {
   /** The currently selected hour (0-23). */
   selectedHour?: DapDSTimeGrid["selectedHour"]
@@ -3846,27 +3867,6 @@ export type DapDSTypographyProps = {
   tagName?: DapDSTypography["tagName"]
 }
 
-export type DapDSScrollAreaProps = {
-  /** The orientation of the scrollbar. */
-  orientation?: DapDSScrollArea["orientation"]
-  /**  */
-  tagName?: DapDSScrollArea["tagName"]
-}
-
-export type DapDSScrollProgressProps = {
-  /** CSS selector for scroll container. If not set, tracks global page scroll.
-When set, the component uses sticky positioning within the container. */
-  target?: DapDSScrollProgress["target"]
-  /** The color variant of the progress indicator. */
-  variant?: DapDSScrollProgress["variant"]
-  /**  */
-  tagName?: DapDSScrollProgress["tagName"]
-  /** The size of the scroll progress bar. Default is `sm`. See SizedMixin. */
-  size?: DapDSScrollProgress["size"]
-  /** Responsive size map (e.g. "md:lg"); see SizedMixin. */
-  sizeMap?: DapDSScrollProgress["sizeMap"]
-}
-
 export type DapDSFormLabelProps = {
   /** The id of the form element that the label is associated with. */
   for?: DapDSFormLabel["for"]
@@ -3976,6 +3976,19 @@ export type DapDSRadioGroupProps = {
   size?: DapDSRadioGroup["size"]
 }
 
+export 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"]
+  /**  */
+  tagName?: BuildingsHome6Line["tagName"]
+}
+
 export type ArrowsArrowDownLineProps = {
   /** (optional) The width and height in pixels */
   size?: ArrowsArrowDownLine["size"]
@@ -4080,19 +4093,6 @@ export type ArrowsArrowLeftSLineProps = {
   tagName?: ArrowsArrowLeftSLine["tagName"]
 }
 
-export type ArrowsArrowLeftUpLineProps = {
-  /** (optional) The width and height in pixels */
-  size?: ArrowsArrowLeftUpLine["size"]
-  /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: ArrowsArrowLeftUpLine["selected"]
-  /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: ArrowsArrowLeftUpLine["accessibilityTitle"]
-  /** (optional) If `true` the icon can receive focus */
-  focusable?: ArrowsArrowLeftUpLine["focusable"]
-  /**  */
-  tagName?: ArrowsArrowLeftUpLine["tagName"]
-}
-
 export type ArrowsArrowRightDownLineProps = {
   /** (optional) The width and height in pixels */
   size?: ArrowsArrowRightDownLine["size"]
@@ -4119,6 +4119,19 @@ export type ArrowsArrowRightLLineProps = {
   tagName?: ArrowsArrowRightLLine["tagName"]
 }
 
+export type ArrowsArrowLeftUpLineProps = {
+  /** (optional) The width and height in pixels */
+  size?: ArrowsArrowLeftUpLine["size"]
+  /** (optional) Sets the icon color via the `fill` attribute */
+  selected?: ArrowsArrowLeftUpLine["selected"]
+  /** (optional) When using the icon standalone, make it meaningful for accessibility */
+  accessibilityTitle?: ArrowsArrowLeftUpLine["accessibilityTitle"]
+  /** (optional) If `true` the icon can receive focus */
+  focusable?: ArrowsArrowLeftUpLine["focusable"]
+  /**  */
+  tagName?: ArrowsArrowLeftUpLine["tagName"]
+}
+
 export type ArrowsArrowRightLineProps = {
   /** (optional) The width and height in pixels */
   size?: ArrowsArrowRightLine["size"]
@@ -4145,30 +4158,30 @@ export type ArrowsArrowRightSFillProps = {
   tagName?: ArrowsArrowRightSFill["tagName"]
 }
 
-export type ArrowsArrowRightSLineProps = {
+export type ArrowsArrowRightUpLineProps = {
   /** (optional) The width and height in pixels */
-  size?: ArrowsArrowRightSLine["size"]
+  size?: ArrowsArrowRightUpLine["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: ArrowsArrowRightSLine["selected"]
+  selected?: ArrowsArrowRightUpLine["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: ArrowsArrowRightSLine["accessibilityTitle"]
+  accessibilityTitle?: ArrowsArrowRightUpLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: ArrowsArrowRightSLine["focusable"]
+  focusable?: ArrowsArrowRightUpLine["focusable"]
   /**  */
-  tagName?: ArrowsArrowRightSLine["tagName"]
+  tagName?: ArrowsArrowRightUpLine["tagName"]
 }
 
-export type ArrowsArrowRightUpLineProps = {
+export type ArrowsArrowRightSLineProps = {
   /** (optional) The width and height in pixels */
-  size?: ArrowsArrowRightUpLine["size"]
+  size?: ArrowsArrowRightSLine["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: ArrowsArrowRightUpLine["selected"]
+  selected?: ArrowsArrowRightSLine["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: ArrowsArrowRightUpLine["accessibilityTitle"]
+  accessibilityTitle?: ArrowsArrowRightSLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: ArrowsArrowRightUpLine["focusable"]
+  focusable?: ArrowsArrowRightSLine["focusable"]
   /**  */
-  tagName?: ArrowsArrowRightUpLine["tagName"]
+  tagName?: ArrowsArrowRightSLine["tagName"]
 }
 
 export type ArrowsArrowUpLineProps = {
@@ -4223,19 +4236,6 @@ export type ArrowsExpandUpDownFillProps = {
   tagName?: ArrowsExpandUpDownFill["tagName"]
 }
 
-export 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"]
-  /**  */
-  tagName?: BuildingsHome6Line["tagName"]
-}
-
 export type BusinessCalendarLineProps = {
   /** (optional) The width and height in pixels */
   size?: BusinessCalendarLine["size"]
@@ -4327,6 +4327,32 @@ export type DocumentFileImageLineProps = {
   tagName?: DocumentFileImageLine["tagName"]
 }
 
+export type DocumentFileMusicLineProps = {
+  /** (optional) The width and height in pixels */
+  size?: DocumentFileMusicLine["size"]
+  /** (optional) Sets the icon color via the `fill` attribute */
+  selected?: DocumentFileMusicLine["selected"]
+  /** (optional) When using the icon standalone, make it meaningful for accessibility */
+  accessibilityTitle?: DocumentFileMusicLine["accessibilityTitle"]
+  /** (optional) If `true` the icon can receive focus */
+  focusable?: DocumentFileMusicLine["focusable"]
+  /**  */
+  tagName?: DocumentFileMusicLine["tagName"]
+}
+
+export type DocumentFileTextLineProps = {
+  /** (optional) The width and height in pixels */
+  size?: DocumentFileTextLine["size"]
+  /** (optional) Sets the icon color via the `fill` attribute */
+  selected?: DocumentFileTextLine["selected"]
+  /** (optional) When using the icon standalone, make it meaningful for accessibility */
+  accessibilityTitle?: DocumentFileTextLine["accessibilityTitle"]
+  /** (optional) If `true` the icon can receive focus */
+  focusable?: DocumentFileTextLine["focusable"]
+  /**  */
+  tagName?: DocumentFileTextLine["tagName"]
+}
+
 export type DocumentFileVideoLineProps = {
   /** (optional) The width and height in pixels */
   size?: DocumentFileVideoLine["size"]
@@ -4340,82 +4366,134 @@ export type DocumentFileVideoLineProps = {
   tagName?: DocumentFileVideoLine["tagName"]
 }
 
-export type DocumentFileMusicLineProps = {
+export type DocumentFolderLineProps = {
   /** (optional) The width and height in pixels */
-  size?: DocumentFileMusicLine["size"]
+  size?: DocumentFolderLine["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: DocumentFileMusicLine["selected"]
+  selected?: DocumentFolderLine["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: DocumentFileMusicLine["accessibilityTitle"]
+  accessibilityTitle?: DocumentFolderLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: DocumentFileMusicLine["focusable"]
+  focusable?: DocumentFolderLine["focusable"]
   /**  */
-  tagName?: DocumentFileMusicLine["tagName"]
+  tagName?: DocumentFolderLine["tagName"]
 }
 
-export type DocumentFileTextLineProps = {
+export type DocumentFolderOpenLineProps = {
   /** (optional) The width and height in pixels */
-  size?: DocumentFileTextLine["size"]
+  size?: DocumentFolderOpenLine["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: DocumentFileTextLine["selected"]
+  selected?: DocumentFolderOpenLine["selected"]
+  /** (optional) When using the icon standalone, make it meaningful for accessibility */
+  accessibilityTitle?: DocumentFolderOpenLine["accessibilityTitle"]
+  /** (optional) If `true` the icon can receive focus */
+  focusable?: DocumentFolderOpenLine["focusable"]
+  /**  */
+  tagName?: DocumentFolderOpenLine["tagName"]
+}
+
+export type EditorSeparatorProps = {
+  /** (optional) The width and height in pixels */
+  size?: EditorSeparator["size"]
+  /** (optional) Sets the icon color via the `fill` attribute */
+  selected?: EditorSeparator["selected"]
+  /** (optional) When using the icon standalone, make it meaningful for accessibility */
+  accessibilityTitle?: EditorSeparator["accessibilityTitle"]
+  /** (optional) If `true` the icon can receive focus */
+  focusable?: EditorSeparator["focusable"]
+  /**  */
+  tagName?: EditorSeparator["tagName"]
+}
+
+export type HealthHeartFillProps = {
+  /** (optional) The width and height in pixels */
+  size?: HealthHeartFill["size"]
+  /** (optional) Sets the icon color via the `fill` attribute */
+  selected?: HealthHeartFill["selected"]
+  /** (optional) When using the icon standalone, make it meaningful for accessibility */
+  accessibilityTitle?: HealthHeartFill["accessibilityTitle"]
+  /** (optional) If `true` the icon can receive focus */
+  focusable?: HealthHeartFill["focusable"]
+  /**  */
+  tagName?: HealthHeartFill["tagName"]
+}
+
+export type HealthHeartLineProps = {
+  /** (optional) The width and height in pixels */
+  size?: HealthHeartLine["size"]
+  /** (optional) Sets the icon color via the `fill` attribute */
+  selected?: HealthHeartLine["selected"]
+  /** (optional) When using the icon standalone, make it meaningful for accessibility */
+  accessibilityTitle?: HealthHeartLine["accessibilityTitle"]
+  /** (optional) If `true` the icon can receive focus */
+  focusable?: HealthHeartLine["focusable"]
+  /**  */
+  tagName?: HealthHeartLine["tagName"]
+}
+
+export type OthersCookieLineProps = {
+  /** (optional) The width and height in pixels */
+  size?: OthersCookieLine["size"]
+  /** (optional) Sets the icon color via the `fill` attribute */
+  selected?: OthersCookieLine["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: DocumentFileTextLine["accessibilityTitle"]
+  accessibilityTitle?: OthersCookieLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: DocumentFileTextLine["focusable"]
+  focusable?: OthersCookieLine["focusable"]
   /**  */
-  tagName?: DocumentFileTextLine["tagName"]
+  tagName?: OthersCookieLine["tagName"]
 }
 
-export type DocumentFolderOpenLineProps = {
+export type UserAccountCircleFillProps = {
   /** (optional) The width and height in pixels */
-  size?: DocumentFolderOpenLine["size"]
+  size?: UserAccountCircleFill["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: DocumentFolderOpenLine["selected"]
+  selected?: UserAccountCircleFill["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: DocumentFolderOpenLine["accessibilityTitle"]
+  accessibilityTitle?: UserAccountCircleFill["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: DocumentFolderOpenLine["focusable"]
+  focusable?: UserAccountCircleFill["focusable"]
   /**  */
-  tagName?: DocumentFolderOpenLine["tagName"]
+  tagName?: UserAccountCircleFill["tagName"]
 }
 
-export type DocumentFolderLineProps = {
+export type UserAccountCircleLineProps = {
   /** (optional) The width and height in pixels */
-  size?: DocumentFolderLine["size"]
+  size?: UserAccountCircleLine["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: DocumentFolderLine["selected"]
+  selected?: UserAccountCircleLine["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: DocumentFolderLine["accessibilityTitle"]
+  accessibilityTitle?: UserAccountCircleLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: DocumentFolderLine["focusable"]
+  focusable?: UserAccountCircleLine["focusable"]
   /**  */
-  tagName?: DocumentFolderLine["tagName"]
+  tagName?: UserAccountCircleLine["tagName"]
 }
 
-export type OthersCookieLineProps = {
+export type UserUserFillProps = {
   /** (optional) The width and height in pixels */
-  size?: OthersCookieLine["size"]
+  size?: UserUserFill["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: OthersCookieLine["selected"]
+  selected?: UserUserFill["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: OthersCookieLine["accessibilityTitle"]
+  accessibilityTitle?: UserUserFill["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: OthersCookieLine["focusable"]
+  focusable?: UserUserFill["focusable"]
   /**  */
-  tagName?: OthersCookieLine["tagName"]
+  tagName?: UserUserFill["tagName"]
 }
 
-export type EditorSeparatorProps = {
+export type UserUserLineProps = {
   /** (optional) The width and height in pixels */
-  size?: EditorSeparator["size"]
+  size?: UserUserLine["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: EditorSeparator["selected"]
+  selected?: UserUserLine["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: EditorSeparator["accessibilityTitle"]
+  accessibilityTitle?: UserUserLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: EditorSeparator["focusable"]
+  focusable?: UserUserLine["focusable"]
   /**  */
-  tagName?: EditorSeparator["tagName"]
+  tagName?: UserUserLine["tagName"]
 }
 
 export type SystemAddLineProps = {
@@ -4431,30 +4509,30 @@ export type SystemAddLineProps = {
   tagName?: SystemAddLine["tagName"]
 }
 
-export type HealthHeartLineProps = {
+export type SystemAlertFillProps = {
   /** (optional) The width and height in pixels */
-  size?: HealthHeartLine["size"]
+  size?: SystemAlertFill["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: HealthHeartLine["selected"]
+  selected?: SystemAlertFill["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: HealthHeartLine["accessibilityTitle"]
+  accessibilityTitle?: SystemAlertFill["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: HealthHeartLine["focusable"]
+  focusable?: SystemAlertFill["focusable"]
   /**  */
-  tagName?: HealthHeartLine["tagName"]
+  tagName?: SystemAlertFill["tagName"]
 }
 
-export type HealthHeartFillProps = {
+export type SystemAlertLineProps = {
   /** (optional) The width and height in pixels */
-  size?: HealthHeartFill["size"]
+  size?: SystemAlertLine["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: HealthHeartFill["selected"]
+  selected?: SystemAlertLine["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: HealthHeartFill["accessibilityTitle"]
+  accessibilityTitle?: SystemAlertLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: HealthHeartFill["focusable"]
+  focusable?: SystemAlertLine["focusable"]
   /**  */
-  tagName?: HealthHeartFill["tagName"]
+  tagName?: SystemAlertLine["tagName"]
 }
 
 export type SystemCheckLineProps = {
@@ -4470,6 +4548,19 @@ export type SystemCheckLineProps = {
   tagName?: SystemCheckLine["tagName"]
 }
 
+export type SystemCheckLine2Props = {
+  /** (optional) The width and height in pixels */
+  size?: SystemCheckLine2["size"]
+  /** (optional) Sets the icon color via the `fill` attribute */
+  selected?: SystemCheckLine2["selected"]
+  /** (optional) When using the icon standalone, make it meaningful for accessibility */
+  accessibilityTitle?: SystemCheckLine2["accessibilityTitle"]
+  /** (optional) If `true` the icon can receive focus */
+  focusable?: SystemCheckLine2["focusable"]
+  /**  */
+  tagName?: SystemCheckLine2["tagName"]
+}
+
 export type SystemCheckboxBlankCircleFillProps = {
   /** (optional) The width and height in pixels */
   size?: SystemCheckboxBlankCircleFill["size"]
@@ -4483,43 +4574,43 @@ export type SystemCheckboxBlankCircleFillProps = {
   tagName?: SystemCheckboxBlankCircleFill["tagName"]
 }
 
-export type SystemAlertLineProps = {
+export type SystemCheckboxBlankCircleFillCheckProps = {
   /** (optional) The width and height in pixels */
-  size?: SystemAlertLine["size"]
+  size?: SystemCheckboxBlankCircleFillCheck["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemAlertLine["selected"]
+  selected?: SystemCheckboxBlankCircleFillCheck["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemAlertLine["accessibilityTitle"]
+  accessibilityTitle?: SystemCheckboxBlankCircleFillCheck["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemAlertLine["focusable"]
+  focusable?: SystemCheckboxBlankCircleFillCheck["focusable"]
   /**  */
-  tagName?: SystemAlertLine["tagName"]
+  tagName?: SystemCheckboxBlankCircleFillCheck["tagName"]
 }
 
-export type SystemAlertFillProps = {
+export type SystemCheckboxBlankCircleLineProps = {
   /** (optional) The width and height in pixels */
-  size?: SystemAlertFill["size"]
+  size?: SystemCheckboxBlankCircleLine["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemAlertFill["selected"]
+  selected?: SystemCheckboxBlankCircleLine["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemAlertFill["accessibilityTitle"]
+  accessibilityTitle?: SystemCheckboxBlankCircleLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemAlertFill["focusable"]
+  focusable?: SystemCheckboxBlankCircleLine["focusable"]
   /**  */
-  tagName?: SystemAlertFill["tagName"]
+  tagName?: SystemCheckboxBlankCircleLine["tagName"]
 }
 
-export type SystemCheckLine2Props = {
+export type SystemCheckboxCircleFillProps = {
   /** (optional) The width and height in pixels */
-  size?: SystemCheckLine2["size"]
+  size?: SystemCheckboxCircleFill["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemCheckLine2["selected"]
+  selected?: SystemCheckboxCircleFill["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemCheckLine2["accessibilityTitle"]
+  accessibilityTitle?: SystemCheckboxCircleFill["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemCheckLine2["focusable"]
+  focusable?: SystemCheckboxCircleFill["focusable"]
   /**  */
-  tagName?: SystemCheckLine2["tagName"]
+  tagName?: SystemCheckboxCircleFill["tagName"]
 }
 
 export type SystemCheckboxCircleLineProps = {
@@ -4548,17 +4639,17 @@ export type SystemCloseCircleFillProps = {
   tagName?: SystemCloseCircleFill["tagName"]
 }
 
-export type SystemCheckboxBlankCircleFillCheckProps = {
+export type SystemCloseCircleLineProps = {
   /** (optional) The width and height in pixels */
-  size?: SystemCheckboxBlankCircleFillCheck["size"]
+  size?: SystemCloseCircleLine["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemCheckboxBlankCircleFillCheck["selected"]
+  selected?: SystemCloseCircleLine["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemCheckboxBlankCircleFillCheck["accessibilityTitle"]
+  accessibilityTitle?: SystemCloseCircleLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemCheckboxBlankCircleFillCheck["focusable"]
+  focusable?: SystemCloseCircleLine["focusable"]
   /**  */
-  tagName?: SystemCheckboxBlankCircleFillCheck["tagName"]
+  tagName?: SystemCloseCircleLine["tagName"]
 }
 
 export type SystemCloseFillProps = {
@@ -4587,17 +4678,17 @@ export type SystemCloseLineProps = {
   tagName?: SystemCloseLine["tagName"]
 }
 
-export type SystemCheckboxBlankCircleLineProps = {
+export type SystemDeleteBinFillProps = {
   /** (optional) The width and height in pixels */
-  size?: SystemCheckboxBlankCircleLine["size"]
+  size?: SystemDeleteBinFill["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemCheckboxBlankCircleLine["selected"]
+  selected?: SystemDeleteBinFill["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemCheckboxBlankCircleLine["accessibilityTitle"]
+  accessibilityTitle?: SystemDeleteBinFill["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemCheckboxBlankCircleLine["focusable"]
+  focusable?: SystemDeleteBinFill["focusable"]
   /**  */
-  tagName?: SystemCheckboxBlankCircleLine["tagName"]
+  tagName?: SystemDeleteBinFill["tagName"]
 }
 
 export type SystemDeleteBinLineProps = {
@@ -4626,17 +4717,17 @@ export type SystemDownloadLineProps = {
   tagName?: SystemDownloadLine["tagName"]
 }
 
-export type SystemCheckboxCircleFillProps = {
+export type SystemErrorWarningFillProps = {
   /** (optional) The width and height in pixels */
-  size?: SystemCheckboxCircleFill["size"]
+  size?: SystemErrorWarningFill["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemCheckboxCircleFill["selected"]
+  selected?: SystemErrorWarningFill["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemCheckboxCircleFill["accessibilityTitle"]
+  accessibilityTitle?: SystemErrorWarningFill["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemCheckboxCircleFill["focusable"]
+  focusable?: SystemErrorWarningFill["focusable"]
   /**  */
-  tagName?: SystemCheckboxCircleFill["tagName"]
+  tagName?: SystemErrorWarningFill["tagName"]
 }
 
 export type SystemErrorWarningLineProps = {
@@ -4665,45 +4756,6 @@ export type SystemExternalLinkLineProps = {
   tagName?: SystemExternalLinkLine["tagName"]
 }
 
-export type SystemCloseCircleLineProps = {
-  /** (optional) The width and height in pixels */
-  size?: SystemCloseCircleLine["size"]
-  /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemCloseCircleLine["selected"]
-  /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemCloseCircleLine["accessibilityTitle"]
-  /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemCloseCircleLine["focusable"]
-  /**  */
-  tagName?: SystemCloseCircleLine["tagName"]
-}
-
-export type SystemDeleteBinFillProps = {
-  /** (optional) The width and height in pixels */
-  size?: SystemDeleteBinFill["size"]
-  /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemDeleteBinFill["selected"]
-  /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemDeleteBinFill["accessibilityTitle"]
-  /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemDeleteBinFill["focusable"]
-  /**  */
-  tagName?: SystemDeleteBinFill["tagName"]
-}
-
-export type SystemErrorWarningFillProps = {
-  /** (optional) The width and height in pixels */
-  size?: SystemErrorWarningFill["size"]
-  /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemErrorWarningFill["selected"]
-  /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemErrorWarningFill["accessibilityTitle"]
-  /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemErrorWarningFill["focusable"]
-  /**  */
-  tagName?: SystemErrorWarningFill["tagName"]
-}
-
 export type SystemEyeLineProps = {
   /** (optional) The width and height in pixels */
   size?: SystemEyeLine["size"]
@@ -4717,19 +4769,6 @@ export type SystemEyeLineProps = {
   tagName?: SystemEyeLine["tagName"]
 }
 
-export type SystemInformationFillProps = {
-  /** (optional) The width and height in pixels */
-  size?: SystemInformationFill["size"]
-  /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemInformationFill["selected"]
-  /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemInformationFill["accessibilityTitle"]
-  /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemInformationFill["focusable"]
-  /**  */
-  tagName?: SystemInformationFill["tagName"]
-}
-
 export type SystemEyeOffLineProps = {
   /** (optional) The width and height in pixels */
   size?: SystemEyeOffLine["size"]
@@ -4769,30 +4808,30 @@ export type SystemInformation2FillProps = {
   tagName?: SystemInformation2Fill["tagName"]
 }
 
-export type SystemInformationLineProps = {
+export 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"]
   /**  */
-  tagName?: SystemInformationLine["tagName"]
+  tagName?: SystemInformationFill["tagName"]
 }
 
-export type SystemLoadingSpinnerProps = {
+export 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"]
   /**  */
-  tagName?: SystemLoadingSpinner["tagName"]
+  tagName?: SystemInformationLine["tagName"]
 }
 
 export type SystemLightbulbFillProps = {
@@ -4808,30 +4847,30 @@ export type SystemLightbulbFillProps = {
   tagName?: SystemLightbulbFill["tagName"]
 }
 
-export type SystemLockFillProps = {
+export type SystemLoadingSpinnerProps = {
   /** (optional) The width and height in pixels */
-  size?: SystemLockFill["size"]
+  size?: SystemLoadingSpinner["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemLockFill["selected"]
+  selected?: SystemLoadingSpinner["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemLockFill["accessibilityTitle"]
+  accessibilityTitle?: SystemLoadingSpinner["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemLockFill["focusable"]
+  focusable?: SystemLoadingSpinner["focusable"]
   /**  */
-  tagName?: SystemLockFill["tagName"]
+  tagName?: SystemLoadingSpinner["tagName"]
 }
 
-export type SystemMore2LineProps = {
+export type SystemLockFillProps = {
   /** (optional) The width and height in pixels */
-  size?: SystemMore2Line["size"]
+  size?: SystemLockFill["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemMore2Line["selected"]
+  selected?: SystemLockFill["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemMore2Line["accessibilityTitle"]
+  accessibilityTitle?: SystemLockFill["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemMore2Line["focusable"]
+  focusable?: SystemLockFill["focusable"]
   /**  */
-  tagName?: SystemMore2Line["tagName"]
+  tagName?: SystemLockFill["tagName"]
 }
 
 export type SystemLockLineProps = {
@@ -4860,30 +4899,30 @@ export type SystemMenuLineProps = {
   tagName?: SystemMenuLine["tagName"]
 }
 
-export type SystemSearchLineProps = {
+export type SystemMenuLineSProps = {
   /** (optional) The width and height in pixels */
-  size?: SystemSearchLine["size"]
+  size?: SystemMenuLineS["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemSearchLine["selected"]
+  selected?: SystemMenuLineS["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemSearchLine["accessibilityTitle"]
+  accessibilityTitle?: SystemMenuLineS["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemSearchLine["focusable"]
+  focusable?: SystemMenuLineS["focusable"]
   /**  */
-  tagName?: SystemSearchLine["tagName"]
+  tagName?: SystemMenuLineS["tagName"]
 }
 
-export type SystemMenuLineSProps = {
+export type SystemMore2LineProps = {
   /** (optional) The width and height in pixels */
-  size?: SystemMenuLineS["size"]
+  size?: SystemMore2Line["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemMenuLineS["selected"]
+  selected?: SystemMore2Line["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemMenuLineS["accessibilityTitle"]
+  accessibilityTitle?: SystemMore2Line["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemMenuLineS["focusable"]
+  focusable?: SystemMore2Line["focusable"]
   /**  */
-  tagName?: SystemMenuLineS["tagName"]
+  tagName?: SystemMore2Line["tagName"]
 }
 
 export type SystemMoreLineProps = {
@@ -4899,30 +4938,30 @@ export type SystemMoreLineProps = {
   tagName?: SystemMoreLine["tagName"]
 }
 
-export type SystemShareLineProps = {
+export type SystemSearchLineProps = {
   /** (optional) The width and height in pixels */
-  size?: SystemShareLine["size"]
+  size?: SystemSearchLine["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemShareLine["selected"]
+  selected?: SystemSearchLine["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemShareLine["accessibilityTitle"]
+  accessibilityTitle?: SystemSearchLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemShareLine["focusable"]
+  focusable?: SystemSearchLine["focusable"]
   /**  */
-  tagName?: SystemShareLine["tagName"]
+  tagName?: SystemSearchLine["tagName"]
 }
 
-export type SystemStarFillProps = {
+export type SystemShareLineProps = {
   /** (optional) The width and height in pixels */
-  size?: SystemStarFill["size"]
+  size?: SystemShareLine["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemStarFill["selected"]
+  selected?: SystemShareLine["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemStarFill["accessibilityTitle"]
+  accessibilityTitle?: SystemShareLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemStarFill["focusable"]
+  focusable?: SystemShareLine["focusable"]
   /**  */
-  tagName?: SystemStarFill["tagName"]
+  tagName?: SystemShareLine["tagName"]
 }
 
 export type SystemShieldCheckFillProps = {
@@ -4951,43 +4990,43 @@ export type SystemShieldCheckLineProps = {
   tagName?: SystemShieldCheckLine["tagName"]
 }
 
-export type SystemTimeLineProps = {
+export type SystemStarFillProps = {
   /** (optional) The width and height in pixels */
-  size?: SystemTimeLine["size"]
+  size?: SystemStarFill["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemTimeLine["selected"]
+  selected?: SystemStarFill["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemTimeLine["accessibilityTitle"]
+  accessibilityTitle?: SystemStarFill["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemTimeLine["focusable"]
+  focusable?: SystemStarFill["focusable"]
   /**  */
-  tagName?: SystemTimeLine["tagName"]
+  tagName?: SystemStarFill["tagName"]
 }
 
-export type SystemSubtractLine2Props = {
+export type SystemSubtractLineProps = {
   /** (optional) The width and height in pixels */
-  size?: SystemSubtractLine2["size"]
+  size?: SystemSubtractLine["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemSubtractLine2["selected"]
+  selected?: SystemSubtractLine["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemSubtractLine2["accessibilityTitle"]
+  accessibilityTitle?: SystemSubtractLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemSubtractLine2["focusable"]
+  focusable?: SystemSubtractLine["focusable"]
   /**  */
-  tagName?: SystemSubtractLine2["tagName"]
+  tagName?: SystemSubtractLine["tagName"]
 }
 
-export type SystemSubtractLineProps = {
+export type SystemSubtractLine2Props = {
   /** (optional) The width and height in pixels */
-  size?: SystemSubtractLine["size"]
+  size?: SystemSubtractLine2["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemSubtractLine["selected"]
+  selected?: SystemSubtractLine2["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemSubtractLine["accessibilityTitle"]
+  accessibilityTitle?: SystemSubtractLine2["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemSubtractLine["focusable"]
+  focusable?: SystemSubtractLine2["focusable"]
   /**  */
-  tagName?: SystemSubtractLine["tagName"]
+  tagName?: SystemSubtractLine2["tagName"]
 }
 
 export type SystemTimeFillProps = {
@@ -5003,6 +5042,19 @@ export type SystemTimeFillProps = {
   tagName?: SystemTimeFill["tagName"]
 }
 
+export type SystemTimeLineProps = {
+  /** (optional) The width and height in pixels */
+  size?: SystemTimeLine["size"]
+  /** (optional) Sets the icon color via the `fill` attribute */
+  selected?: SystemTimeLine["selected"]
+  /** (optional) When using the icon standalone, make it meaningful for accessibility */
+  accessibilityTitle?: SystemTimeLine["accessibilityTitle"]
+  /** (optional) If `true` the icon can receive focus */
+  focusable?: SystemTimeLine["focusable"]
+  /**  */
+  tagName?: SystemTimeLine["tagName"]
+}
+
 export type SystemUpload2FillProps = {
   /** (optional) The width and height in pixels */
   size?: SystemUpload2Fill["size"]
@@ -5068,58 +5120,6 @@ export type SystemZoomOutLineProps = {
   tagName?: SystemZoomOutLine["tagName"]
 }
 
-export type UserAccountCircleLineProps = {
-  /** (optional) The width and height in pixels */
-  size?: UserAccountCircleLine["size"]
-  /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: UserAccountCircleLine["selected"]
-  /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: UserAccountCircleLine["accessibilityTitle"]
-  /** (optional) If `true` the icon can receive focus */
-  focusable?: UserAccountCircleLine["focusable"]
-  /**  */
-  tagName?: UserAccountCircleLine["tagName"]
-}
-
-export type UserAccountCircleFillProps = {
-  /** (optional) The width and height in pixels */
-  size?: UserAccountCircleFill["size"]
-  /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: UserAccountCircleFill["selected"]
-  /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: UserAccountCircleFill["accessibilityTitle"]
-  /** (optional) If `true` the icon can receive focus */
-  focusable?: UserAccountCircleFill["focusable"]
-  /**  */
-  tagName?: UserAccountCircleFill["tagName"]
-}
-
-export type UserUserFillProps = {
-  /** (optional) The width and height in pixels */
-  size?: UserUserFill["size"]
-  /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: UserUserFill["selected"]
-  /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: UserUserFill["accessibilityTitle"]
-  /** (optional) If `true` the icon can receive focus */
-  focusable?: UserUserFill["focusable"]
-  /**  */
-  tagName?: UserUserFill["tagName"]
-}
-
-export type UserUserLineProps = {
-  /** (optional) The width and height in pixels */
-  size?: UserUserLine["size"]
-  /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: UserUserLine["selected"]
-  /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: UserUserLine["accessibilityTitle"]
-  /** (optional) If `true` the icon can receive focus */
-  focusable?: UserUserLine["focusable"]
-  /**  */
-  tagName?: UserUserLine["tagName"]
-}
-
 // Augment Vue's GlobalComponents interface
 declare module 'vue' {
   interface GlobalComponents {
@@ -5149,26 +5149,6 @@ declare module 'vue' {
      * - **close-icon-base** - The base of the icon when the accordion is closed.
      */
          'dap-ds-accordion': DefineCustomElement<DapDSAccordion, DapDSAccordionProps, DapDSAccordionEvents>
-    /**
-     * An accordion group is a collection of accordion components.
-     *
-     * ### Slots:
-     * - **default** - The content of the accordion group.
-     *
-     * ### CSS Parts:
-     * - **base** - The main accordion group container.
-     */
-         'dap-ds-accordion-group': DefineCustomElement<DapDSAccordionGroup, DapDSAccordionGroupProps, {}>
-    /**
-     * Anchor heading is a heading with an anchor link.
-     *
-     * ### CSS Parts:
-     * - **base** - The main anchor heading container.
-     * - **link** - The link of the anchor heading. dap-ds-link element.
-     * - **link-base** - The base of the link part.
-     * - **text** - The text of the anchor heading.
-     */
-         'dap-ds-anchor-heading': DefineCustomElement<DapDSAnchorHeading, DapDSAnchorHeadingProps, {}>
     /**
      * Avatar component can be used to display user profile images, initials, or icons.
      *
@@ -5189,6 +5169,16 @@ declare module 'vue' {
      * - **loading** - The loading indicator.
      */
          'dap-ds-avatar': DefineCustomElement<DapDSAvatar, DapDSAvatarProps, DapDSAvatarEvents>
+    /**
+     * An accordion group is a collection of accordion components.
+     *
+     * ### Slots:
+     * - **default** - The content of the accordion group.
+     *
+     * ### CSS Parts:
+     * - **base** - The main accordion group container.
+     */
+         'dap-ds-accordion-group': DefineCustomElement<DapDSAccordionGroup, DapDSAccordionGroupProps, {}>
     /**
      * Avatar group component displays multiple avatars in an organized layout with overflow management.
      *
@@ -5219,17 +5209,15 @@ declare module 'vue' {
      */
          'dap-ds-badge': DefineCustomElement<DapDSBadge, DapDSBadgeProps, {}>
     /**
-     * A breadcrumb is a secondary navigation scheme that reveals the user's location in a website or Web application.
-     *
-     * ### Slots:
-     * - **default** - The content of the breadcrumb.
-     * - **separator** - The separator between breadcrumb items. Default is '/'.
+     * Anchor heading is a heading with an anchor link.
      *
      * ### CSS Parts:
-     * - **base** - The main breadcrumb container.
-     * - **separator** - The separator of the breadcrumb.
+     * - **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-breadcrumb': DefineCustomElement<DapDSBreadcrumb, DapDSBreadcrumbProps, {}>
+         'dap-ds-anchor-heading': DefineCustomElement<DapDSAnchorHeading, DapDSAnchorHeadingProps, {}>
     /**
      * A banner is a message displayed at the top of the page to provide important information to the user.
      *
@@ -5254,6 +5242,33 @@ declare module 'vue' {
      * - **title** -  The title of the banner.
      */
          'dap-ds-banner': DefineCustomElement<DapDSBanner, DapDSBannerProps, DapDSBannerEvents>
+    /**
+     * A breadcrumb is a secondary navigation scheme that reveals the user's location in a website or Web application.
+     *
+     * ### Slots:
+     * - **default** - The content of the breadcrumb.
+     * - **separator** - The separator between breadcrumb items. Default is '/'.
+     *
+     * ### CSS Parts:
+     * - **base** - The main breadcrumb container.
+     * - **separator** - The separator of the breadcrumb.
+     */
+         'dap-ds-breadcrumb': DefineCustomElement<DapDSBreadcrumb, DapDSBreadcrumbProps, {}>
+    /**
+     * A breadcrumb item is a secondary navigation scheme that reveals the user's location in a website or Web application.
+     *
+     * ### Slots:
+     * - **default** - The content of the breadcrumb item.
+     * - **separator** - The separator between breadcrumb items. Default is an arrow-right-s-line icon.
+     *
+     * ### CSS Parts:
+     * - **base** - The main breadcrumb item container. The li element.
+     * - **link** - The link of the breadcrumb item. The dds-link component.
+     * - **link-base** - The base part of the link part. The dds-link components base part.
+     * - **item-nolink** - The item of the breadcrumb item without a link. The span element.
+     * - **separator** - The separator of the breadcrumb item.
+     */
+         'dap-ds-breadcrumb-item': DefineCustomElement<DapDSBreadcrumbItem, DapDSBreadcrumbItemProps, {}>
     /**
      * A button is a clickable element that can be used to trigger an action, submit forms, or navigate to other pages.
      *
@@ -5292,7 +5307,40 @@ declare module 'vue' {
      * - **actions** - The actions of the callout.
      * - **close** - The close button of the callout.
      */
-         'dap-ds-callout': DefineCustomElement<DapDSCallout, DapDSCalloutProps, DapDSCalloutEvents>
+         'dap-ds-callout': DefineCustomElement<DapDSCallout, DapDSCalloutProps, DapDSCalloutEvents>
+    /**
+     * Calendar cell represents a single cell in the calendar.
+     *
+     * ### Slots:
+     * - **default** - The content of the calendar cell.
+     *
+     * ### CSS Parts:
+     * - **base** - The main calendar cell container.
+     * - **today-mark** - The today mark of the calendar cell.
+     */
+         'dap-ds-calendar-cell': DefineCustomElement<DapDSCalendarCell, DapDSCalendarCellProps, {}>
+    /**
+     * A calendar is a visual representation of dates. It allows users to select a date.
+     *
+     * ### Events:
+     * - **dds-change** - Fired when the calendar value changes.
+     *
+     * ### Slots:
+     * - **default** - The content of the calendar.
+     *
+     * ### CSS Parts:
+     * - **base** - The main calendar container.
+     * - **calendar-header** - The header of the calendar.
+     * - **body** - The body of the calendar.
+     * - **calendar-grid-header** - The header of the calendar grid.
+     * - **calendar-grid-header-cell** - The header cell of the calendar grid.
+     * - **calendar-grid-cell** - The cell of the calendar grid.
+     * - **calendar-header-button-prev** - The previous month button of the calendar header.
+     * - **calendar-header-button-next** - The next month button of the calendar header.
+     * - **calendar-header-year-select** - The year select of the calendar header.
+     * - **calendar-header-month-select** - The month select of the calendar header.
+     */
+         'dap-ds-calendar': DefineCustomElement<DapDSCalendar, DapDSCalendarProps, DapDSCalendarEvents>
     /**
      * A card actions is a container for actions in a card.
      *
@@ -5353,22 +5401,6 @@ declare module 'vue' {
      * - **base** - The main card container.
      */
          'dap-ds-card': DefineCustomElement<DapDSCard, DapDSCardProps, {}>
-    /**
-     * A chip is a small status descriptor for UI elements.
-     *
-     * ### Events:
-     * - **dds-remove** - Fired when the chip is removed
-     * - **dds-select** - Fired when the chip is selected
-     *
-     * ### CSS Parts:
-     * - **base** - The base part
-     * - **content-container** - The container for the content
-     * - **remove-button** - The remove button
-     * - **remove-icon** - The icon of the remove icon
-     * - **remove-icon-base** - The base of the remove icon
-     * - **remove-icon-base-base** - The base of the remove icon base
-     */
-         'dap-ds-chip': DefineCustomElement<DapDSChip, DapDSChipProps, DapDSChipEvents>
     /**
      * A checkbox is a form element that allows the user to select one or more options from a set.
      *
@@ -5391,53 +5423,21 @@ declare module 'vue' {
      */
          'dap-ds-checkbox': DefineCustomElement<DapDSCheckbox, DapDSCheckboxProps, DapDSCheckboxEvents>
     /**
-     * A breadcrumb item is a secondary navigation scheme that reveals the user's location in a website or Web application.
-     *
-     * ### Slots:
-     * - **default** - The content of the breadcrumb item.
-     * - **separator** - The separator between breadcrumb items. Default is an arrow-right-s-line icon.
-     *
-     * ### CSS Parts:
-     * - **base** - The main breadcrumb item container. The li element.
-     * - **link** - The link of the breadcrumb item. The dds-link component.
-     * - **link-base** - The base part of the link part. The dds-link components base part.
-     * - **item-nolink** - The item of the breadcrumb item without a link. The span element.
-     * - **separator** - The separator of the breadcrumb item.
-     */
-         'dap-ds-breadcrumb-item': DefineCustomElement<DapDSBreadcrumbItem, DapDSBreadcrumbItemProps, {}>
-    /**
-     * Calendar cell represents a single cell in the calendar.
-     *
-     * ### Slots:
-     * - **default** - The content of the calendar cell.
-     *
-     * ### CSS Parts:
-     * - **base** - The main calendar cell container.
-     * - **today-mark** - The today mark of the calendar cell.
-     */
-         'dap-ds-calendar-cell': DefineCustomElement<DapDSCalendarCell, DapDSCalendarCellProps, {}>
-    /**
-     * A calendar is a visual representation of dates. It allows users to select a date.
+     * A chip is a small status descriptor for UI elements.
      *
      * ### Events:
-     * - **dds-change** - Fired when the calendar value changes.
-     *
-     * ### Slots:
-     * - **default** - The content of the calendar.
+     * - **dds-remove** - Fired when the chip is removed
+     * - **dds-select** - Fired when the chip is selected
      *
      * ### CSS Parts:
-     * - **base** - The main calendar container.
-     * - **calendar-header** - The header of the calendar.
-     * - **body** - The body of the calendar.
-     * - **calendar-grid-header** - The header of the calendar grid.
-     * - **calendar-grid-header-cell** - The header cell of the calendar grid.
-     * - **calendar-grid-cell** - The cell of the calendar grid.
-     * - **calendar-header-button-prev** - The previous month button of the calendar header.
-     * - **calendar-header-button-next** - The next month button of the calendar header.
-     * - **calendar-header-year-select** - The year select of the calendar header.
-     * - **calendar-header-month-select** - The month select of the calendar header.
+     * - **base** - The base part
+     * - **content-container** - The container for the content
+     * - **remove-button** - The remove button
+     * - **remove-icon** - The icon of the remove icon
+     * - **remove-icon-base** - The base of the remove icon
+     * - **remove-icon-base-base** - The base of the remove icon base
      */
-         'dap-ds-calendar': DefineCustomElement<DapDSCalendar, DapDSCalendarProps, DapDSCalendarEvents>
+         'dap-ds-chip': DefineCustomElement<DapDSChip, DapDSChipProps, DapDSChipEvents>
     /**
      * Individual digit input slot for code puncher.
      *
@@ -5538,6 +5538,29 @@ declare module 'vue' {
      * - **arrow** - The arrow of the popup.
      */
          'dap-ds-command': DefineCustomElement<DapDSCommand, DapDSCommandProps, DapDSCommandEvents>
+    /**
+     * Segmented control item component for the segmented control.
+     *
+     * ### Slots:
+     * - **iconcontent** - The icon content of the segmented control item.
+     *
+     * ### CSS Parts:
+     * - **input** - The input of the segmented control item.
+     */
+         'dap-ds-content-switcher-item': DefineCustomElement<DapDSContentSwitcherItem, DapDSContentSwitcherItemProps, {}>
+    /**
+     * A content switcher is a set of two or more segments, each of which functions as a mutually exclusive button.
+     *
+     * ### Events:
+     * - **dds-change** - Fired when the content switcher is changed.
+     *
+     * ### Slots:
+     * - **default** - The content switcher items.
+     *
+     * ### CSS Parts:
+     * - **base** - The main content switcher container.
+     */
+         'dap-ds-content-switcher': DefineCustomElement<DapDSContentSwitcher, DapDSContentSwitcherProps, DapDSContentSwitcherEvents>
     /**
      * A copybox input is a field for copying an input value.
      *
@@ -5633,44 +5656,23 @@ declare module 'vue' {
      * - **calendar-grid-cell-today-mark** - The today mark of the calendar grid cell.
      */
          'dap-ds-datepicker': DefineCustomElement<DapDSDatePicker, DapDSDatePickerProps, DapDSDatePickerEvents>
-    /**
-     * Segmented control item component for the segmented control.
-     *
-     * ### Slots:
-     * - **iconcontent** - The icon content of the segmented control item.
-     *
-     * ### CSS Parts:
-     * - **input** - The input of the segmented control item.
-     */
-         'dap-ds-content-switcher-item': DefineCustomElement<DapDSContentSwitcherItem, DapDSContentSwitcherItemProps, {}>
-    /**
-     * A content switcher is a set of two or more segments, each of which functions as a mutually exclusive button.
-     *
-     * ### Events:
-     * - **dds-change** - Fired when the content switcher is changed.
-     *
-     * ### Slots:
-     * - **default** - The content switcher items.
-     *
-     * ### CSS Parts:
-     * - **base** - The main content switcher container.
-     */
-         'dap-ds-content-switcher': DefineCustomElement<DapDSContentSwitcher, DapDSContentSwitcherProps, DapDSContentSwitcherEvents>
     /**
      * A divider is a visual separator between elements.
      */
          'dap-ds-divider': DefineCustomElement<DapDSDivider, DapDSDividerProps, {}>
     /**
-     * An icon is a graphical symbol that represents an object or action.
+     * A feedback is a container for feedback messages.
      *
      * ### Slots:
-     * - **default** - The content of the icon for custom svg icons.
+     * - **icon** - The custom icon of the feedback.
+     * - **default** - The text of the feedback.
      *
      * ### CSS Parts:
-     * - **base** - The main icon container.
-     * - **icon** - The icon of the icon.
+     * - **base** - The main feedback container.
+     * - **icon** - The icon of the feedback.
+     * - **text** - The text of the feedback.
      */
-         'dap-ds-icon': DefineCustomElement<DapDSIcon, DapDSIconProps, {}>
+         'dap-ds-feedback': DefineCustomElement<DapDSFeedback, DapDSFeedbackProps, {}>
     /**
      * A file input list item is a container for file input list items.
      *
@@ -5736,18 +5738,16 @@ declare module 'vue' {
      */
          'dap-ds-file-input': DefineCustomElement<DapDSFileInput, DapDSFileInputProps, DapDSFileInputEvents>
     /**
-     * A feedback is a container for feedback messages.
+     * An icon is a graphical symbol that represents an object or action.
      *
      * ### Slots:
-     * - **icon** - The custom icon of the feedback.
-     * - **default** - The text of the feedback.
+     * - **default** - The content of the icon for custom svg icons.
      *
      * ### CSS Parts:
-     * - **base** - The main feedback container.
-     * - **icon** - The icon of the feedback.
-     * - **text** - The text of the feedback.
+     * - **base** - The main icon container.
+     * - **icon** - The icon of the icon.
      */
-         'dap-ds-feedback': DefineCustomElement<DapDSFeedback, DapDSFeedbackProps, {}>
+         'dap-ds-icon': DefineCustomElement<DapDSIcon, DapDSIconProps, {}>
     /**
      * An icon button is a button with an icon.
      *
@@ -5787,28 +5787,18 @@ declare module 'vue' {
      */
          'dap-ds-image-zoom': DefineCustomElement<DapDSImageZoom, DapDSImageZoomProps, DapDSImageZoomEvents>
     /**
-     * A list
-     *
-     * ### Slots:
-     * - **default** - The content of the list item.
-     * - **icon** - The icon of the list item.
-     * - **title** - The title of the list item.
-     * - **actions** - The actions of the list item.
+     * A label is a container for labels intended for general use. It contains a label text, description, and tooltip.
      *
      * ### CSS Parts:
-     * - **base** - The main list item container.
-     * - **icon** - The icon of the list item.
-     * - **title** - The title of the list item.
-     * - **description** - The description of the list item.
-     * - **container** - The container of the list item.
-     * - **list-item-base** - The base list item container.
-     * - **icon-container** - The container of the icon.
-     * - **title-container** - The container of the title.
-     * - **description-container** - The container of the description.
-     * - **actions-container** - The container of the actions.
-     * - **iteractive-indicator-container** - The container of the interactive indicator.
+     * - **base** - The main label container.
+     * - **label** - Tha main label container. dap-ds-form-label element.
+     * - **label-base** - The label text.
+     * - **label-required** - The required indicator of the label.
+     * - **label-optional** - The optional indicator of the label.
+     * - **tooltip** - The tooltip of the label. dap-ds-tooltip element.
+     * - **description** - The description of the label.
      */
-         'dap-ds-list-item': DefineCustomElement<DapDSListItem, DapDSListItemProps, {}>
+         'dap-ds-label': DefineCustomElement<DapDSLabel, DapDSLabelProps, {}>
     /**
      * An input is a field used to collect user input.
      *
@@ -5839,6 +5829,44 @@ declare module 'vue' {
      * - **postfix** - The postfix of the input.
      */
          'dap-ds-input': DefineCustomElement<DapDSInput, DapDSInputProps, DapDSInputEvents>
+    /**
+     * A link is a reference to a web resource.
+     *
+     * ### Events:
+     * - **dds-click** - Emitted when the link is clicked.
+     *
+     * ### Slots:
+     * - **default** - The text of the link.
+     * - **link** - A router link element (e.g. Next.js Link) used for SPA navigation. Rendered outside the visible link so it is always accessible to programmatic clicks.
+     *
+     * ### CSS Parts:
+     * - **base** - The main link container.
+     * - **text** - The text of the link.
+     */
+         'dap-ds-link': DefineCustomElement<DapDSLink, DapDSLinkProps, DapDSLinkEvents>
+    /**
+     * A list
+     *
+     * ### Slots:
+     * - **default** - The content of the list item.
+     * - **icon** - The icon of the list item.
+     * - **title** - The title of the list item.
+     * - **actions** - The actions of the list item.
+     *
+     * ### CSS Parts:
+     * - **base** - The main list item container.
+     * - **icon** - The icon of the list item.
+     * - **title** - The title of the list item.
+     * - **description** - The description of the list item.
+     * - **container** - The container of the list item.
+     * - **list-item-base** - The base list item container.
+     * - **icon-container** - The container of the icon.
+     * - **title-container** - The container of the title.
+     * - **description-container** - The container of the description.
+     * - **actions-container** - The container of the actions.
+     * - **iteractive-indicator-container** - The container of the interactive indicator.
+     */
+         'dap-ds-list-item': DefineCustomElement<DapDSListItem, DapDSListItemProps, {}>
     /**
      * A modal is a container for modal content.
      *
@@ -5917,60 +5945,17 @@ Uses semantic HTML (`<nav>`) and proper navigation ARIA attributes.
      * - **base** - The main navigation menu container (nav element).
      */
          'dap-ds-navigation-menu': DefineCustomElement<DapDSNavigationMenu, DapDSNavigationMenuProps, DapDSNavigationMenuEvents>
-    /**
-     * A label is a container for labels intended for general use. It contains a label text, description, and tooltip.
-     *
-     * ### CSS Parts:
-     * - **base** - The main label container.
-     * - **label** - Tha main label container. dap-ds-form-label element.
-     * - **label-base** - The label text.
-     * - **label-required** - The required indicator of the label.
-     * - **label-optional** - The optional indicator of the label.
-     * - **tooltip** - The tooltip of the label. dap-ds-tooltip element.
-     * - **description** - The description of the label.
-     */
-         'dap-ds-label': DefineCustomElement<DapDSLabel, DapDSLabelProps, {}>
-    /**
-     * A link is a reference to a web resource.
-     *
-     * ### Events:
-     * - **dds-click** - Emitted when the link is clicked.
-     *
-     * ### Slots:
-     * - **default** - The text of the link.
-     * - **link** - A router link element (e.g. Next.js Link) used for SPA navigation. Rendered outside the visible link so it is always accessible to programmatic clicks.
-     *
-     * ### CSS Parts:
-     * - **base** - The main link container.
-     * - **text** - The text of the link.
-     */
-         'dap-ds-link': DefineCustomElement<DapDSLink, DapDSLinkProps, DapDSLinkEvents>
     /**
      * A notification badge component is a user interface element that visually indicates the presence of new information or updates, often displaying a numeric count of unread notifications, messages, or items requiring attention.
      *
      * ### Slots:
      * - **default** - The content of the notification badge.
      *
-     * ### CSS Parts:
-     * - **base** - The main container of the notification badge.
-     * - **noty** - The notification badge container.
-     */
-         'dap-ds-notification-badge': DefineCustomElement<DapDSNotificationBadge, DapDSNotificationBadgeProps, {}>
-    /**
-     * An option item is a selectable item in a list of options.
-     *
-     * ### Slots:
-     * - **prefix** - The prefix of the option item.
-     * - **default** - The label of the option item.
-     * - **suffix** - The suffix of the option item.
-     *
-     * ### CSS Parts:
-     * - **base** - The main option item container.
-     * - **prefix** - The prefix of the option item.
-     * - **label** - The label of the option item.
-     * - **suffix** - The suffix of the option item.
+     * ### CSS Parts:
+     * - **base** - The main container of the notification badge.
+     * - **noty** - The notification badge container.
      */
-         'dap-ds-option-item': DefineCustomElement<DapDSOptionItem, DapDSOptionItemProps, {}>
+         'dap-ds-notification-badge': DefineCustomElement<DapDSNotificationBadge, DapDSNotificationBadgeProps, {}>
     /**
      * A number input component.
      *
@@ -6003,6 +5988,59 @@ Uses semantic HTML (`<nav>`) and proper navigation ARIA attributes.
      * - **increment-button-content** - The content of the increment button.
      */
          'dap-ds-number-input': DefineCustomElement<DapDSNumberInput, DapDSNumberInputProps, DapDSNumberInputEvents>
+    /**
+     * An official website banner is a banner that displays that the website is an official website.
+     *
+     * ### Events:
+     * - **dds-opened** - Event fired when the accordion is opened.
+     * - **dds-closed** - Event fired when the accordion is closed.
+     *
+     * ### Slots:
+     * - **default** - The content of the accordion.
+     * - **heading** - The heading of the accordion.
+     * - **icon-opened** - The icon when the accordion is opened.
+     * - **icon-closed** - The icon when the accordion is closed.
+     *
+     * ### CSS Parts:
+     * - **base** - The main accordion container.
+     * - **heading** - The heading of the accordion.
+     * - **button** - The button of the accordion.
+     * - **content** - The content of the accordion.
+     * - **content-container** - The container of the accordion content.
+     * - **icon-wrapper** - The icon wrapper of the accordion.
+     * - **open-icon** - The icon when the accordion is opened.
+     * - **open-icon-base** - The base of the icon when the accordion is opened.
+     * - **close-icon** - The icon when the accordion is closed.
+     * - **close-icon-base** - The base of the icon when the accordion is closed.
+     */
+         'dap-ds-official-website-banner': DefineCustomElement<DapDSOfficialWebsiteBanner, DapDSOfficialWebsiteBannerProps, DapDSOfficialWebsiteBannerEvents>
+    /**
+     * An option group is a container for grouping related option items.
+Used with dap-ds-select to create grouped options that render as native optgroup elements.
+     *
+     * ### Slots:
+     * - **default** - The option items in this group.
+     *
+     * ### CSS Parts:
+     * - **base** - The main option group container.
+     * - **label** - The label of the option group.
+     */
+         'dap-ds-option-group': DefineCustomElement<DapDSOptionGroup, DapDSOptionGroupProps, {}>
+    /**
+     * An option item is a selectable item in a list of options.
+     *
+     * ### Slots:
+     * - **prefix** - The prefix of the option item.
+     * - **default** - The label of the option item.
+     * - **suffix** - The suffix of the option item.
+     *
+     * ### CSS Parts:
+     * - **base** - The main option item container.
+     * - **prefix** - The prefix of the option item.
+     * - **label** - The label of the option item.
+     * - **suffix** - The suffix of the option item.
+     */
+         'dap-ds-option-item': DefineCustomElement<DapDSOptionItem, DapDSOptionItemProps, {}>
     /**
      * An option list is a list of selectable options.
      *
@@ -6025,6 +6063,22 @@ Uses semantic HTML (`<nav>`) and proper navigation ARIA attributes.
      * - **option-item-suffix** - The suffix of the option item.
      */
          'dap-ds-option-list': DefineCustomElement<DapDSOptionList, DapDSOptionListProps, DapDSOptionListEvents>
+    /**
+     * An overlay is a container for overlay content.
+     *
+     * ### Events:
+     * - **dds-before-open** - Fires before the overlay opens.
+     * - **dds-opened** - Fires after the overlay opens.
+     * - **dds-before-close** - Fires before the overlay closes.
+     * - **dds-closed** - Fires after the overlay closes.
+     *
+     * ### Slots:
+     * - **default** - The content of the overlay.
+     *
+     * ### CSS Parts:
+     * - **base** - The overlay element
+     */
+         'dap-ds-overlay': DefineCustomElement<DapDSOverlay, DapDSOverlayProps, DapDSOverlayEvents>
     /**
      * A pager is a component that displays pagination controls.
      *
@@ -6057,31 +6111,31 @@ Uses semantic HTML (`<nav>`) and proper navigation ARIA attributes.
      */
          'dap-ds-pager': DefineCustomElement<DapDSPager, DapDSPagerProps, DapDSPagerEvents>
     /**
-     * An official website banner is a banner that displays that the website is an official website.
+     * A password input a field for entering a password.
      *
      * ### Events:
-     * - **dds-opened** - Event fired when the accordion is opened.
-     * - **dds-closed** - Event fired when the accordion is closed.
-     *
-     * ### Slots:
-     * - **default** - The content of the accordion.
-     * - **heading** - The heading of the accordion.
-     * - **icon-opened** - The icon when the accordion is opened.
-     * - **icon-closed** - The icon when the accordion is closed.
+     * - **dds-change** - Fired when the input value changes.
+     * - **dds-input** - Fired when the input value changes.
+     * - **dds-keydown** - Fired when a key is pressed down.
+     * - **dds-blur** - Fired when the input loses focus.
+     * - **dds-focus** - Emitted when the input gains focus.
      *
      * ### CSS Parts:
-     * - **base** - The main accordion container.
-     * - **heading** - The heading of the accordion.
-     * - **button** - The button of the accordion.
-     * - **content** - The content of the accordion.
-     * - **content-container** - The container of the accordion content.
-     * - **icon-wrapper** - The icon wrapper of the accordion.
-     * - **open-icon** - The icon when the accordion is opened.
-     * - **open-icon-base** - The base of the icon when the accordion is opened.
-     * - **close-icon** - The icon when the accordion is closed.
-     * - **close-icon-base** - The base of the icon when the accordion is closed.
+     * - **postfix** - The postfix of the password input.
+     * - **password-input** - The password input.
+     * - **password-input--visible** - The visible password input.
+     * - **show-button** - The show button of the password input.
+     * - **show-button-base** - The base of the show button.
+     * - **show-button-content** - The content of the show button.
+     * - **show-icon** - The show icon of the password input.
+     * - **show-icon-base** - The base of the show icon.
+     * - **hide-button** - The hide button of the password input.
+     * - **hide-button-base** - The base of the hide button.
+     * - **hide-button-content** - The content of the hide button.
+     * - **hide-icon** - The hide icon of the password input.
+     * - **hide-icon-base** - The base of the hide icon.
      */
-         'dap-ds-official-website-banner': DefineCustomElement<DapDSOfficialWebsiteBanner, DapDSOfficialWebsiteBannerProps, DapDSOfficialWebsiteBannerEvents>
+         'dap-ds-password-input': DefineCustomElement<DapDSPasswordInput, DapDSPasswordInputProps, DapDSPasswordInputEvents>
     /**
      * A popup is a container for popup content.
      *
@@ -6115,79 +6169,59 @@ Uses semantic HTML (`<nav>`) and proper navigation ARIA attributes.
      */
          'dap-ds-progress': DefineCustomElement<DapDSProgress, DapDSProgressProps, {}>
     /**
-     * An option group is a container for grouping related option items.
-Used with dap-ds-select to create grouped options that render as native optgroup elements.
+     * A radio button is a graphical control element that allows the user to choose only one of a predefined set of mutually exclusive options.
      *
-     * ### Slots:
-     * - **default** - The option items in this group.
+     * ### Events:
+     * - **dds-change** - Fired when the radio button is checked.
+     * - **dds-blur** - Emitted when the radio button loses focus.
+     * - **dds-focus** - Emitted when the radio button gains focus.
+     * - **dds-input** - Emitted when the radio button receives input.
      *
      * ### CSS Parts:
-     * - **base** - The main option group container.
-     * - **label** - The label of the option group.
+     * - **base** - The main radio button container.
+     * - **wrapper** - The wrapper of the radio button.
+     * - **base-label** - The main label container.
+     * - **label** - The label of the radio button.
+     * - **input** - The native input of the radio button.
+     * - **control** - The control of the radio button.
+     * - **label-container** - The label container of the radio button.
+     * - **description** - The description of the radio button.
      */
-         'dap-ds-option-group': DefineCustomElement<DapDSOptionGroup, DapDSOptionGroupProps, {}>
+         'dap-ds-radio-button': DefineCustomElement<DapDSRadioButton, DapDSRadioButtonProps, DapDSRadioButtonEvents>
     /**
-     * A password input a field for entering a password.
+     * Rating is a component that allows users to rate a product or service.
      *
      * ### Events:
-     * - **dds-change** - Fired when the input value changes.
-     * - **dds-input** - Fired when the input value changes.
-     * - **dds-keydown** - Fired when a key is pressed down.
-     * - **dds-blur** - Fired when the input loses focus.
-     * - **dds-focus** - Emitted when the input gains focus.
+     * - **dds-change** - Event fired when the rating value changes.
      *
      * ### CSS Parts:
-     * - **postfix** - The postfix of the password input.
-     * - **password-input** - The password input.
-     * - **password-input--visible** - The visible password input.
-     * - **show-button** - The show button of the password input.
-     * - **show-button-base** - The base of the show button.
-     * - **show-button-content** - The content of the show button.
-     * - **show-icon** - The show icon of the password input.
-     * - **show-icon-base** - The base of the show icon.
-     * - **hide-button** - The hide button of the password input.
-     * - **hide-button-base** - The base of the hide button.
-     * - **hide-button-content** - The content of the hide button.
-     * - **hide-icon** - The hide icon of the password input.
-     * - **hide-icon-base** - The base of the hide icon.
+     * - **base** - The main rating container.
+     * - **star** - The star element.
+     * - **stars-container** - The container of the stars.
+     * - **icon** - The icon of the star.
      */
-         'dap-ds-password-input': DefineCustomElement<DapDSPasswordInput, DapDSPasswordInputProps, DapDSPasswordInputEvents>
+         'dap-ds-rating': DefineCustomElement<DapDSRating, DapDSRatingProps, DapDSRatingEvents>
     /**
-     * An overlay is a container for overlay content.
-     *
-     * ### Events:
-     * - **dds-before-open** - Fires before the overlay opens.
-     * - **dds-opened** - Fires after the overlay opens.
-     * - **dds-before-close** - Fires before the overlay closes.
-     * - **dds-closed** - Fires after the overlay closes.
+     * A component that provides a customizable scrollable area with a custom scrollbar.
      *
      * ### Slots:
-     * - **default** - The content of the overlay.
+     * - **default** - The content to be scrolled
      *
      * ### CSS Parts:
-     * - **base** - The overlay element
+     * - **viewport** - The viewport element that contains the scrollable content
+     * - **scrollbar** - The scrollbar container
+     * - **corner** - The corner between vertical and horizontal scrollbars
      */
-         'dap-ds-overlay': DefineCustomElement<DapDSOverlay, DapDSOverlayProps, DapDSOverlayEvents>
+         'dap-ds-scroll-area': DefineCustomElement<DapDSScrollArea, DapDSScrollAreaProps, {}>
     /**
-     * A radio button is a graphical control element that allows the user to choose only one of a predefined set of mutually exclusive options.
-     *
-     * ### Events:
-     * - **dds-change** - Fired when the radio button is checked.
-     * - **dds-blur** - Emitted when the radio button loses focus.
-     * - **dds-focus** - Emitted when the radio button gains focus.
-     * - **dds-input** - Emitted when the radio button receives input.
+     * A progress bar that displays scroll position, supporting both page-level and container-level scroll tracking.
      *
      * ### CSS Parts:
-     * - **base** - The main radio button container.
-     * - **wrapper** - The wrapper of the radio button.
-     * - **base-label** - The main label container.
-     * - **label** - The label of the radio button.
-     * - **input** - The native input of the radio button.
-     * - **control** - The control of the radio button.
-     * - **label-container** - The label container of the radio button.
-     * - **description** - The description of the radio button.
+     * - **base** - The main scroll progress container.
+     * - **track** - The progress track (background).
+     * - **fill** - The progress fill bar.
      */
-         'dap-ds-radio-button': DefineCustomElement<DapDSRadioButton, DapDSRadioButtonProps, DapDSRadioButtonEvents>
+         'dap-ds-scroll-progress': DefineCustomElement<DapDSScrollProgress, DapDSScrollProgressProps, {}>
     /**
      * A select is a form element that allows the user to select one option from a set.
      *
@@ -6355,16 +6389,6 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * - **text** - The loading text element.
      */
          'dap-ds-spinner': DefineCustomElement<DapDSSpinner, DapDSSpinnerProps, {}>
-    /**
-     * A stack is a container for stacked content.
-     *
-     * ### Slots:
-     * - **default** - The content of the stack.
-     *
-     * ### CSS Parts:
-     * - **stack** - The main stack container.
-     */
-         'dap-ds-stack': DefineCustomElement<DapDSStack, DapDSStackProps, {}>
     /**
      * A switch is a graphical control element that allows the user to toggle between two states.
      *
@@ -6383,6 +6407,16 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * - **description** - The description of the switch.
      */
          'dap-ds-switch': DefineCustomElement<DapDSSwitch, DapDSSwitchProps, DapDSSwitchEvents>
+    /**
+     * A stack is a container for stacked content.
+     *
+     * ### Slots:
+     * - **default** - The content of the stack.
+     *
+     * ### CSS Parts:
+     * - **stack** - The main stack container.
+     */
+         'dap-ds-stack': DefineCustomElement<DapDSStack, DapDSStackProps, {}>
     /**
      * A tab group component. It is used with dap-ds-tab component to create a tab group.
      *
@@ -6491,19 +6525,6 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * - **base** - The main timeline container.
      */
          'dap-ds-timeline': DefineCustomElement<DapDSTimeline, DapDSTimelineProps, {}>
-    /**
-     * Rating is a component that allows users to rate a product or service.
-     *
-     * ### Events:
-     * - **dds-change** - Event fired when the rating value changes.
-     *
-     * ### CSS Parts:
-     * - **base** - The main rating container.
-     * - **star** - The star element.
-     * - **stars-container** - The container of the stars.
-     * - **icon** - The icon of the star.
-     */
-         'dap-ds-rating': DefineCustomElement<DapDSRating, DapDSRatingProps, DapDSRatingEvents>
     /**
      * A time grid component that allows users to select hours and minutes in two side-by-side scrollable columns.
      *
@@ -6605,38 +6626,17 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * - **content** - The content of the tray.
      * - **body** - The body of the tray.
      */
-         'dap-ds-tray': DefineCustomElement<DapDSTray, DapDSTrayProps, DapDSTrayEvents>
-    /**
-     * Typography is used to display text in different styles.
-     *
-     * ### Slots:
-     * - **default** - The content of the typography.
-     *
-     * ### CSS Parts:
-     * - **base** - The main typography container.
-     */
-         'dap-ds-typography': DefineCustomElement<DapDSTypography, DapDSTypographyProps, {}>
-    /**
-     * A component that provides a customizable scrollable area with a custom scrollbar.
-     *
-     * ### Slots:
-     * - **default** - The content to be scrolled
-     *
-     * ### CSS Parts:
-     * - **viewport** - The viewport element that contains the scrollable content
-     * - **scrollbar** - The scrollbar container
-     * - **corner** - The corner between vertical and horizontal scrollbars
-     */
-         'dap-ds-scroll-area': DefineCustomElement<DapDSScrollArea, DapDSScrollAreaProps, {}>
+         'dap-ds-tray': DefineCustomElement<DapDSTray, DapDSTrayProps, DapDSTrayEvents>
     /**
-     * A progress bar that displays scroll position, supporting both page-level and container-level scroll tracking.
+     * Typography is used to display text in different styles.
+     *
+     * ### Slots:
+     * - **default** - The content of the typography.
      *
      * ### CSS Parts:
-     * - **base** - The main scroll progress container.
-     * - **track** - The progress track (background).
-     * - **fill** - The progress fill bar.
+     * - **base** - The main typography container.
      */
-         'dap-ds-scroll-progress': DefineCustomElement<DapDSScrollProgress, DapDSScrollProgressProps, {}>
+         'dap-ds-typography': DefineCustomElement<DapDSTypography, DapDSTypographyProps, {}>
     /**
      * A form label is a container for labels in a form.
      *
@@ -6680,6 +6680,13 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * - **container** - The container of the radio group items.
      */
          'dap-ds-radio-group': DefineCustomElement<DapDSRadioGroup, DapDSRadioGroupProps, DapDSRadioGroupEvents>
+    /**
+     * An icon
+     *
+     * ### CSS Parts:
+     * - **base** - The main icon container.
+     */
+         'dap-ds-icon-home-6-line': DefineCustomElement<BuildingsHome6Line, BuildingsHome6LineProps, {}>
     /**
      * An icon
      *
@@ -6742,21 +6749,21 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-arrow-left-up-line': DefineCustomElement<ArrowsArrowLeftUpLine, ArrowsArrowLeftUpLineProps, {}>
+         'dap-ds-icon-arrow-right-down-line': DefineCustomElement<ArrowsArrowRightDownLine, ArrowsArrowRightDownLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-arrow-right-down-line': DefineCustomElement<ArrowsArrowRightDownLine, ArrowsArrowRightDownLineProps, {}>
+         'dap-ds-icon-arrow-right-l-line': DefineCustomElement<ArrowsArrowRightLLine, ArrowsArrowRightLLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-arrow-right-l-line': DefineCustomElement<ArrowsArrowRightLLine, ArrowsArrowRightLLineProps, {}>
+         'dap-ds-icon-arrow-left-up-line': DefineCustomElement<ArrowsArrowLeftUpLine, ArrowsArrowLeftUpLineProps, {}>
     /**
      * An icon
      *
@@ -6777,14 +6784,14 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-arrow-right-s-line': DefineCustomElement<ArrowsArrowRightSLine, ArrowsArrowRightSLineProps, {}>
+         'dap-ds-icon-arrow-right-up-line': DefineCustomElement<ArrowsArrowRightUpLine, ArrowsArrowRightUpLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-arrow-right-up-line': DefineCustomElement<ArrowsArrowRightUpLine, ArrowsArrowRightUpLineProps, {}>
+         'dap-ds-icon-arrow-right-s-line': DefineCustomElement<ArrowsArrowRightSLine, ArrowsArrowRightSLineProps, {}>
     /**
      * An icon
      *
@@ -6813,13 +6820,6 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * - **base** - The main icon container.
      */
          'dap-ds-icon-expand-up-down-fill': DefineCustomElement<ArrowsExpandUpDownFill, ArrowsExpandUpDownFillProps, {}>
-    /**
-     * An icon
-     *
-     * ### CSS Parts:
-     * - **base** - The main icon container.
-     */
-         'dap-ds-icon-home-6-line': DefineCustomElement<BuildingsHome6Line, BuildingsHome6LineProps, {}>
     /**
      * An icon
      *
@@ -6875,140 +6875,140 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-file-video-line': DefineCustomElement<DocumentFileVideoLine, DocumentFileVideoLineProps, {}>
+         'dap-ds-icon-file-music-line': DefineCustomElement<DocumentFileMusicLine, DocumentFileMusicLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-file-music-line': DefineCustomElement<DocumentFileMusicLine, DocumentFileMusicLineProps, {}>
+         'dap-ds-icon-file-text-line': DefineCustomElement<DocumentFileTextLine, DocumentFileTextLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-file-text-line': DefineCustomElement<DocumentFileTextLine, DocumentFileTextLineProps, {}>
+         'dap-ds-icon-file-video-line': DefineCustomElement<DocumentFileVideoLine, DocumentFileVideoLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-folder-open-line': DefineCustomElement<DocumentFolderOpenLine, DocumentFolderOpenLineProps, {}>
+         'dap-ds-icon-folder-line': DefineCustomElement<DocumentFolderLine, DocumentFolderLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-folder-line': DefineCustomElement<DocumentFolderLine, DocumentFolderLineProps, {}>
+         'dap-ds-icon-folder-open-line': DefineCustomElement<DocumentFolderOpenLine, DocumentFolderOpenLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-cookie-line': DefineCustomElement<OthersCookieLine, OthersCookieLineProps, {}>
+         'dap-ds-icon-separator': DefineCustomElement<EditorSeparator, EditorSeparatorProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-separator': DefineCustomElement<EditorSeparator, EditorSeparatorProps, {}>
+         'dap-ds-icon-heart-fill': DefineCustomElement<HealthHeartFill, HealthHeartFillProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-add-line': DefineCustomElement<SystemAddLine, SystemAddLineProps, {}>
+         'dap-ds-icon-heart-line': DefineCustomElement<HealthHeartLine, HealthHeartLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-heart-line': DefineCustomElement<HealthHeartLine, HealthHeartLineProps, {}>
+         'dap-ds-icon-cookie-line': DefineCustomElement<OthersCookieLine, OthersCookieLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-heart-fill': DefineCustomElement<HealthHeartFill, HealthHeartFillProps, {}>
+         'dap-ds-icon-account-circle-fill': DefineCustomElement<UserAccountCircleFill, UserAccountCircleFillProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-check-line': DefineCustomElement<SystemCheckLine, SystemCheckLineProps, {}>
+         'dap-ds-icon-account-circle-line': DefineCustomElement<UserAccountCircleLine, UserAccountCircleLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-checkbox-blank-circle-fill': DefineCustomElement<SystemCheckboxBlankCircleFill, SystemCheckboxBlankCircleFillProps, {}>
+         'dap-ds-icon-user-fill': DefineCustomElement<UserUserFill, UserUserFillProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-alert-line': DefineCustomElement<SystemAlertLine, SystemAlertLineProps, {}>
+         'dap-ds-icon-user-line': DefineCustomElement<UserUserLine, UserUserLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-alert-fill': DefineCustomElement<SystemAlertFill, SystemAlertFillProps, {}>
+         'dap-ds-icon-add-line': DefineCustomElement<SystemAddLine, SystemAddLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-check-line2': DefineCustomElement<SystemCheckLine2, SystemCheckLine2Props, {}>
+         'dap-ds-icon-alert-fill': DefineCustomElement<SystemAlertFill, SystemAlertFillProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-checkbox-circle-line': DefineCustomElement<SystemCheckboxCircleLine, SystemCheckboxCircleLineProps, {}>
+         'dap-ds-icon-alert-line': DefineCustomElement<SystemAlertLine, SystemAlertLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-close-circle-fill': DefineCustomElement<SystemCloseCircleFill, SystemCloseCircleFillProps, {}>
+         'dap-ds-icon-check-line': DefineCustomElement<SystemCheckLine, SystemCheckLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-checkbox-blank-circle-fill-check': DefineCustomElement<SystemCheckboxBlankCircleFillCheck, SystemCheckboxBlankCircleFillCheckProps, {}>
+         'dap-ds-icon-check-line2': DefineCustomElement<SystemCheckLine2, SystemCheckLine2Props, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-close-fill': DefineCustomElement<SystemCloseFill, SystemCloseFillProps, {}>
+         'dap-ds-icon-checkbox-blank-circle-fill': DefineCustomElement<SystemCheckboxBlankCircleFill, SystemCheckboxBlankCircleFillProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-close-line': DefineCustomElement<SystemCloseLine, SystemCloseLineProps, {}>
+         'dap-ds-icon-checkbox-blank-circle-fill-check': DefineCustomElement<SystemCheckboxBlankCircleFillCheck, SystemCheckboxBlankCircleFillCheckProps, {}>
     /**
      * An icon
      *
@@ -7022,42 +7022,42 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-delete-bin-line': DefineCustomElement<SystemDeleteBinLine, SystemDeleteBinLineProps, {}>
+         'dap-ds-icon-checkbox-circle-fill': DefineCustomElement<SystemCheckboxCircleFill, SystemCheckboxCircleFillProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-download-line': DefineCustomElement<SystemDownloadLine, SystemDownloadLineProps, {}>
+         'dap-ds-icon-checkbox-circle-line': DefineCustomElement<SystemCheckboxCircleLine, SystemCheckboxCircleLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-checkbox-circle-fill': DefineCustomElement<SystemCheckboxCircleFill, SystemCheckboxCircleFillProps, {}>
+         'dap-ds-icon-close-circle-fill': DefineCustomElement<SystemCloseCircleFill, SystemCloseCircleFillProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-error-warning-line': DefineCustomElement<SystemErrorWarningLine, SystemErrorWarningLineProps, {}>
+         'dap-ds-icon-close-circle-line': DefineCustomElement<SystemCloseCircleLine, SystemCloseCircleLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-external-link-line': DefineCustomElement<SystemExternalLinkLine, SystemExternalLinkLineProps, {}>
+         'dap-ds-icon-close-fill': DefineCustomElement<SystemCloseFill, SystemCloseFillProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-close-circle-line': DefineCustomElement<SystemCloseCircleLine, SystemCloseCircleLineProps, {}>
+         'dap-ds-icon-close-line': DefineCustomElement<SystemCloseLine, SystemCloseLineProps, {}>
     /**
      * An icon
      *
@@ -7071,231 +7071,231 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-error-warning-fill': DefineCustomElement<SystemErrorWarningFill, SystemErrorWarningFillProps, {}>
+         'dap-ds-icon-delete-bin-line': DefineCustomElement<SystemDeleteBinLine, SystemDeleteBinLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-eye-line': DefineCustomElement<SystemEyeLine, SystemEyeLineProps, {}>
+         'dap-ds-icon-download-line': DefineCustomElement<SystemDownloadLine, SystemDownloadLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-information-fill': DefineCustomElement<SystemInformationFill, SystemInformationFillProps, {}>
+         'dap-ds-icon-error-warning-fill': DefineCustomElement<SystemErrorWarningFill, SystemErrorWarningFillProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-eye-off-line': DefineCustomElement<SystemEyeOffLine, SystemEyeOffLineProps, {}>
+         'dap-ds-icon-error-warning-line': DefineCustomElement<SystemErrorWarningLine, SystemErrorWarningLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-forbid-fill': DefineCustomElement<SystemForbidFill, SystemForbidFillProps, {}>
+         'dap-ds-icon-external-link-line': DefineCustomElement<SystemExternalLinkLine, SystemExternalLinkLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-information-2-fill': DefineCustomElement<SystemInformation2Fill, SystemInformation2FillProps, {}>
+         'dap-ds-icon-eye-line': DefineCustomElement<SystemEyeLine, SystemEyeLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-information-line': DefineCustomElement<SystemInformationLine, SystemInformationLineProps, {}>
+         'dap-ds-icon-eye-off-line': DefineCustomElement<SystemEyeOffLine, SystemEyeOffLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-loading-spinner': DefineCustomElement<SystemLoadingSpinner, SystemLoadingSpinnerProps, {}>
+         'dap-ds-icon-forbid-fill': DefineCustomElement<SystemForbidFill, SystemForbidFillProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-lightbulb-fill': DefineCustomElement<SystemLightbulbFill, SystemLightbulbFillProps, {}>
+         'dap-ds-icon-information-2-fill': DefineCustomElement<SystemInformation2Fill, SystemInformation2FillProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-lock-fill': DefineCustomElement<SystemLockFill, SystemLockFillProps, {}>
+         'dap-ds-icon-information-fill': DefineCustomElement<SystemInformationFill, SystemInformationFillProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-more-2-line': DefineCustomElement<SystemMore2Line, SystemMore2LineProps, {}>
+         'dap-ds-icon-information-line': DefineCustomElement<SystemInformationLine, SystemInformationLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-lock-line': DefineCustomElement<SystemLockLine, SystemLockLineProps, {}>
+         'dap-ds-icon-lightbulb-fill': DefineCustomElement<SystemLightbulbFill, SystemLightbulbFillProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-menu-line': DefineCustomElement<SystemMenuLine, SystemMenuLineProps, {}>
+         'dap-ds-icon-loading-spinner': DefineCustomElement<SystemLoadingSpinner, SystemLoadingSpinnerProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-search-line': DefineCustomElement<SystemSearchLine, SystemSearchLineProps, {}>
+         'dap-ds-icon-lock-fill': DefineCustomElement<SystemLockFill, SystemLockFillProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-menu-line-s': DefineCustomElement<SystemMenuLineS, SystemMenuLineSProps, {}>
+         'dap-ds-icon-lock-line': DefineCustomElement<SystemLockLine, SystemLockLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-more-line': DefineCustomElement<SystemMoreLine, SystemMoreLineProps, {}>
+         'dap-ds-icon-menu-line': DefineCustomElement<SystemMenuLine, SystemMenuLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-share-line': DefineCustomElement<SystemShareLine, SystemShareLineProps, {}>
+         'dap-ds-icon-menu-line-s': DefineCustomElement<SystemMenuLineS, SystemMenuLineSProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-star-fill': DefineCustomElement<SystemStarFill, SystemStarFillProps, {}>
+         'dap-ds-icon-more-2-line': DefineCustomElement<SystemMore2Line, SystemMore2LineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-shield-check-fill': DefineCustomElement<SystemShieldCheckFill, SystemShieldCheckFillProps, {}>
+         'dap-ds-icon-more-line': DefineCustomElement<SystemMoreLine, SystemMoreLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-shield-check-line': DefineCustomElement<SystemShieldCheckLine, SystemShieldCheckLineProps, {}>
+         'dap-ds-icon-search-line': DefineCustomElement<SystemSearchLine, SystemSearchLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-time-line': DefineCustomElement<SystemTimeLine, SystemTimeLineProps, {}>
+         'dap-ds-icon-share-line': DefineCustomElement<SystemShareLine, SystemShareLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-subtract-line2': DefineCustomElement<SystemSubtractLine2, SystemSubtractLine2Props, {}>
+         'dap-ds-icon-shield-check-fill': DefineCustomElement<SystemShieldCheckFill, SystemShieldCheckFillProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-subtract-line': DefineCustomElement<SystemSubtractLine, SystemSubtractLineProps, {}>
+         'dap-ds-icon-shield-check-line': DefineCustomElement<SystemShieldCheckLine, SystemShieldCheckLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-time-fill': DefineCustomElement<SystemTimeFill, SystemTimeFillProps, {}>
+         'dap-ds-icon-star-fill': DefineCustomElement<SystemStarFill, SystemStarFillProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-upload-2-fill': DefineCustomElement<SystemUpload2Fill, SystemUpload2FillProps, {}>
+         'dap-ds-icon-subtract-line': DefineCustomElement<SystemSubtractLine, SystemSubtractLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-upload-2-line': DefineCustomElement<SystemUpload2Line, SystemUpload2LineProps, {}>
+         'dap-ds-icon-subtract-line2': DefineCustomElement<SystemSubtractLine2, SystemSubtractLine2Props, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-upload-line': DefineCustomElement<SystemUploadLine, SystemUploadLineProps, {}>
+         'dap-ds-icon-time-fill': DefineCustomElement<SystemTimeFill, SystemTimeFillProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-zoom-in-line': DefineCustomElement<SystemZoomInLine, SystemZoomInLineProps, {}>
+         'dap-ds-icon-time-line': DefineCustomElement<SystemTimeLine, SystemTimeLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-zoom-out-line': DefineCustomElement<SystemZoomOutLine, SystemZoomOutLineProps, {}>
+         'dap-ds-icon-upload-2-fill': DefineCustomElement<SystemUpload2Fill, SystemUpload2FillProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-account-circle-line': DefineCustomElement<UserAccountCircleLine, UserAccountCircleLineProps, {}>
+         'dap-ds-icon-upload-2-line': DefineCustomElement<SystemUpload2Line, SystemUpload2LineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-account-circle-fill': DefineCustomElement<UserAccountCircleFill, UserAccountCircleFillProps, {}>
+         'dap-ds-icon-upload-line': DefineCustomElement<SystemUploadLine, SystemUploadLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-user-fill': DefineCustomElement<UserUserFill, UserUserFillProps, {}>
+         'dap-ds-icon-zoom-in-line': DefineCustomElement<SystemZoomInLine, SystemZoomInLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-user-line': DefineCustomElement<UserUserLine, UserUserLineProps, {}>
+         'dap-ds-icon-zoom-out-line': DefineCustomElement<SystemZoomOutLine, SystemZoomOutLineProps, {}>
   }
 }
 
@@ -7304,65 +7304,68 @@ declare global {
   namespace JSX {
     interface IntrinsicElements {
       'dap-ds-accordion': DapDSAccordionProps & DapDSAccordionEvents & DapDSAccordionSlots
-      'dap-ds-accordion-group': DapDSAccordionGroupProps & DapDSAccordionGroupSlots
-      'dap-ds-anchor-heading': DapDSAnchorHeadingProps
       'dap-ds-avatar': DapDSAvatarProps & DapDSAvatarEvents & DapDSAvatarSlots
+      'dap-ds-accordion-group': DapDSAccordionGroupProps & DapDSAccordionGroupSlots
       'dap-ds-avatar-group': DapDSAvatarGroupProps & DapDSAvatarGroupEvents & DapDSAvatarGroupSlots
       'dap-ds-badge': DapDSBadgeProps & DapDSBadgeSlots
-      'dap-ds-breadcrumb': DapDSBreadcrumbProps & DapDSBreadcrumbSlots
+      'dap-ds-anchor-heading': DapDSAnchorHeadingProps
       'dap-ds-banner': DapDSBannerProps & DapDSBannerEvents & DapDSBannerSlots
+      'dap-ds-breadcrumb': DapDSBreadcrumbProps & DapDSBreadcrumbSlots
+      'dap-ds-breadcrumb-item': DapDSBreadcrumbItemProps & DapDSBreadcrumbItemSlots
       'dap-ds-button': DapDSButtonProps & DapDSButtonEvents & DapDSButtonSlots
       'dap-ds-callout': DapDSCalloutProps & DapDSCalloutEvents & DapDSCalloutSlots
+      'dap-ds-calendar-cell': DapDSCalendarCellProps & DapDSCalendarCellSlots
+      'dap-ds-calendar': DapDSCalendarProps & DapDSCalendarEvents & DapDSCalendarSlots
       'dap-ds-card-actions': DapDSCardActionsProps & DapDSCardActionsSlots
       'dap-ds-card-content': DapDSCardContentProps & DapDSCardContentSlots
       'dap-ds-card-image': DapDSCardImageProps & DapDSCardImageSlots
       'dap-ds-card-subtitle': DapDSCardSubtitleProps & DapDSCardSubtitleSlots
       'dap-ds-card-title': DapDSCardTitleProps & DapDSCardTitleSlots
       'dap-ds-card': DapDSCardProps & DapDSCardSlots
-      'dap-ds-chip': DapDSChipProps & DapDSChipEvents
       'dap-ds-checkbox': DapDSCheckboxProps & DapDSCheckboxEvents
-      'dap-ds-breadcrumb-item': DapDSBreadcrumbItemProps & DapDSBreadcrumbItemSlots
-      'dap-ds-calendar-cell': DapDSCalendarCellProps & DapDSCalendarCellSlots
-      'dap-ds-calendar': DapDSCalendarProps & DapDSCalendarEvents & DapDSCalendarSlots
+      'dap-ds-chip': DapDSChipProps & DapDSChipEvents
       'dap-ds-code-puncher-slot': DapDSCodePuncherSlotProps
       'dap-ds-code-puncher': DapDSCodePuncherProps & DapDSCodePuncherEvents & DapDSCodePuncherSlots
       'dap-ds-combobox': DapDSComboboxProps & DapDSComboboxEvents & DapDSComboboxSlots
       'dap-ds-command-group': DapDSCommandGroupProps & DapDSCommandGroupSlots
       'dap-ds-command-item': DapDSCommandItemProps & DapDSCommandItemEvents & DapDSCommandItemSlots
       'dap-ds-command': DapDSCommandProps & DapDSCommandEvents & DapDSCommandSlots
+      'dap-ds-content-switcher-item': DapDSContentSwitcherItemProps & DapDSContentSwitcherItemSlots
+      'dap-ds-content-switcher': DapDSContentSwitcherProps & DapDSContentSwitcherEvents & DapDSContentSwitcherSlots
       'dap-ds-copybox-input': DapDSCopyBoxInputProps & DapDSCopyBoxInputEvents
       'dap-ds-dap-badge': DapDSDAPBadgeProps & DapDSDAPBadgeSlots
       'dap-ds-datatable': <T = any>(props: DapDSDataTableProps<T> & DapDSDataTableEvents<T> & DapDSDataTableSlots) => JSX.Element
       'dap-ds-datepicker': DapDSDatePickerProps & DapDSDatePickerEvents
-      'dap-ds-content-switcher-item': DapDSContentSwitcherItemProps & DapDSContentSwitcherItemSlots
-      'dap-ds-content-switcher': DapDSContentSwitcherProps & DapDSContentSwitcherEvents & DapDSContentSwitcherSlots
       'dap-ds-divider': DapDSDividerProps
-      'dap-ds-icon': DapDSIconProps & DapDSIconSlots
+      'dap-ds-feedback': DapDSFeedbackProps & DapDSFeedbackSlots
       'dap-ds-file-input-list-item': DapDSFileInputListItemProps & DapDSFileInputListItemEvents & DapDSFileInputListItemSlots
       'dap-ds-file-input-list': DapDSFileInputListProps & DapDSFileInputListEvents & DapDSFileInputListSlots
       'dap-ds-file-input': DapDSFileInputProps & DapDSFileInputEvents & DapDSFileInputSlots
-      'dap-ds-feedback': DapDSFeedbackProps & DapDSFeedbackSlots
+      'dap-ds-icon': DapDSIconProps & DapDSIconSlots
       'dap-ds-icon-button': DapDSIconButtonProps & DapDSIconButtonSlots
       'dap-ds-image-zoom': DapDSImageZoomProps & DapDSImageZoomEvents & DapDSImageZoomSlots
-      'dap-ds-list-item': DapDSListItemProps & DapDSListItemSlots
+      'dap-ds-label': DapDSLabelProps
       'dap-ds-input': DapDSInputProps & DapDSInputEvents & DapDSInputSlots
+      'dap-ds-link': DapDSLinkProps & DapDSLinkEvents & DapDSLinkSlots
+      'dap-ds-list-item': DapDSListItemProps & DapDSListItemSlots
       'dap-ds-modal': DapDSModalProps & DapDSModalEvents & DapDSModalSlots
       'dap-ds-navigation-menu-item': DapDSNavigationMenuItemProps & DapDSNavigationMenuItemEvents & DapDSNavigationMenuItemSlots
       'dap-ds-navigation-menu': DapDSNavigationMenuProps & DapDSNavigationMenuEvents & DapDSNavigationMenuSlots
-      'dap-ds-label': DapDSLabelProps
-      'dap-ds-link': DapDSLinkProps & DapDSLinkEvents & DapDSLinkSlots
       'dap-ds-notification-badge': DapDSNotificationBadgeProps & DapDSNotificationBadgeSlots
-      'dap-ds-option-item': DapDSOptionItemProps & DapDSOptionItemSlots
       'dap-ds-number-input': DapDSNumberInputProps & DapDSNumberInputEvents & DapDSNumberInputSlots
+      'dap-ds-official-website-banner': DapDSOfficialWebsiteBannerProps & DapDSOfficialWebsiteBannerEvents & DapDSOfficialWebsiteBannerSlots
+      'dap-ds-option-group': DapDSOptionGroupProps & DapDSOptionGroupSlots
+      'dap-ds-option-item': DapDSOptionItemProps & DapDSOptionItemSlots
       'dap-ds-option-list': DapDSOptionListProps & DapDSOptionListEvents & DapDSOptionListSlots
+      'dap-ds-overlay': DapDSOverlayProps & DapDSOverlayEvents & DapDSOverlaySlots
       'dap-ds-pager': DapDSPagerProps & DapDSPagerEvents
-      'dap-ds-official-website-banner': DapDSOfficialWebsiteBannerProps & DapDSOfficialWebsiteBannerEvents & DapDSOfficialWebsiteBannerSlots
+      'dap-ds-password-input': DapDSPasswordInputProps & DapDSPasswordInputEvents
       'dap-ds-popup': DapDSPopupProps & DapDSPopupEvents & DapDSPopupSlots
       'dap-ds-progress': DapDSProgressProps & DapDSProgressSlots
-      'dap-ds-option-group': DapDSOptionGroupProps & DapDSOptionGroupSlots
-      'dap-ds-password-input': DapDSPasswordInputProps & DapDSPasswordInputEvents
-      'dap-ds-overlay': DapDSOverlayProps & DapDSOverlayEvents & DapDSOverlaySlots
       'dap-ds-radio-button': DapDSRadioButtonProps & DapDSRadioButtonEvents
+      'dap-ds-rating': DapDSRatingProps & DapDSRatingEvents
+      'dap-ds-scroll-area': DapDSScrollAreaProps & DapDSScrollAreaSlots
+      'dap-ds-scroll-progress': DapDSScrollProgressProps
       'dap-ds-search': DapDSSearchProps & DapDSSearchEvents & DapDSSearchSlots
       'dap-ds-select': DapDSSelectProps & DapDSSelectEvents & DapDSSelectSlots
       'dap-ds-sidenav-group': DapDSSideNavGroupProps & DapDSSideNavGroupSlots
@@ -7373,8 +7376,8 @@ declare global {
       'dap-ds-snackbar-message': DapDSSnackbarMessageProps & DapDSSnackbarMessageEvents & DapDSSnackbarMessageSlots
       'dap-ds-snackbar': DapDSSnackbarProps
       'dap-ds-spinner': DapDSSpinnerProps & DapDSSpinnerSlots
-      'dap-ds-stack': DapDSStackProps & DapDSStackSlots
       'dap-ds-switch': DapDSSwitchProps & DapDSSwitchEvents
+      'dap-ds-stack': DapDSStackProps & DapDSStackSlots
       'dap-ds-tab-group': DapDSTabGroupProps & DapDSTabGroupEvents & DapDSTabGroupSlots
       'dap-ds-tab': DapDSTabProps & DapDSTabSlots
       'dap-ds-table-cell': DapDSTableCellProps & DapDSTableCellSlots
@@ -7384,7 +7387,6 @@ declare global {
       'dap-ds-textarea': DapDSTextareaProps & DapDSTextareaEvents & DapDSTextareaSlots
       'dap-ds-timeline-item': DapDSTimelineItemProps & DapDSTimelineItemSlots
       'dap-ds-timeline': DapDSTimelineProps & DapDSTimelineSlots
-      'dap-ds-rating': DapDSRatingProps & DapDSRatingEvents
       'dap-ds-time-grid': DapDSTimeGridProps & DapDSTimeGridEvents
       'dap-ds-timepicker': DapDSTimePickerProps & DapDSTimePickerEvents
       'dap-ds-toc': DapDSTOCProps & DapDSTOCEvents
@@ -7392,11 +7394,10 @@ declare global {
       'dap-ds-tooltip': DapDSTooltipProps & DapDSTooltipSlots
       'dap-ds-tray': DapDSTrayProps & DapDSTrayEvents & DapDSTraySlots
       'dap-ds-typography': DapDSTypographyProps & DapDSTypographySlots
-      'dap-ds-scroll-area': DapDSScrollAreaProps & DapDSScrollAreaSlots
-      'dap-ds-scroll-progress': DapDSScrollProgressProps
       'dap-ds-form-label': DapDSFormLabelProps
       'dap-ds-input-group': DapDSInputGroupProps & DapDSInputGroupSlots
       'dap-ds-radio-group': DapDSRadioGroupProps & DapDSRadioGroupEvents & DapDSRadioGroupSlots
+      'dap-ds-icon-home-6-line': BuildingsHome6LineProps
       'dap-ds-icon-arrow-down-line': ArrowsArrowDownLineProps
       'dap-ds-icon-arrow-down-s-fill': ArrowsArrowDownSFillProps
       'dap-ds-icon-arrow-down-s-line': ArrowsArrowDownSLineProps
@@ -7405,18 +7406,17 @@ declare global {
       'dap-ds-icon-arrow-left-line': ArrowsArrowLeftLineProps
       'dap-ds-icon-arrow-left-s-fill': ArrowsArrowLeftSFillProps
       'dap-ds-icon-arrow-left-s-line': ArrowsArrowLeftSLineProps
-      'dap-ds-icon-arrow-left-up-line': ArrowsArrowLeftUpLineProps
       'dap-ds-icon-arrow-right-down-line': ArrowsArrowRightDownLineProps
       'dap-ds-icon-arrow-right-l-line': ArrowsArrowRightLLineProps
+      'dap-ds-icon-arrow-left-up-line': ArrowsArrowLeftUpLineProps
       'dap-ds-icon-arrow-right-line': ArrowsArrowRightLineProps
       'dap-ds-icon-arrow-right-s-fill': ArrowsArrowRightSFillProps
-      'dap-ds-icon-arrow-right-s-line': ArrowsArrowRightSLineProps
       'dap-ds-icon-arrow-right-up-line': ArrowsArrowRightUpLineProps
+      'dap-ds-icon-arrow-right-s-line': ArrowsArrowRightSLineProps
       'dap-ds-icon-arrow-up-line': ArrowsArrowUpLineProps
       'dap-ds-icon-arrow-up-s-fill': ArrowsArrowUpSFillProps
       'dap-ds-icon-arrow-up-s-line': ArrowsArrowUpSLineProps
       'dap-ds-icon-expand-up-down-fill': ArrowsExpandUpDownFillProps
-      'dap-ds-icon-home-6-line': BuildingsHome6LineProps
       'dap-ds-icon-calendar-line': BusinessCalendarLineProps
       'dap-ds-icon-edit-line': DesignEditLineProps
       'dap-ds-icon-tools-line': DesignToolsLineProps
@@ -7424,67 +7424,67 @@ declare global {
       'dap-ds-icon-clipboard-line': DocumentClipboardLineProps
       'dap-ds-icon-file-copy-line': DocumentFileCopyLineProps
       'dap-ds-icon-file-image-line': DocumentFileImageLineProps
-      'dap-ds-icon-file-video-line': DocumentFileVideoLineProps
       'dap-ds-icon-file-music-line': DocumentFileMusicLineProps
       'dap-ds-icon-file-text-line': DocumentFileTextLineProps
-      'dap-ds-icon-folder-open-line': DocumentFolderOpenLineProps
+      'dap-ds-icon-file-video-line': DocumentFileVideoLineProps
       'dap-ds-icon-folder-line': DocumentFolderLineProps
-      'dap-ds-icon-cookie-line': OthersCookieLineProps
+      'dap-ds-icon-folder-open-line': DocumentFolderOpenLineProps
       'dap-ds-icon-separator': EditorSeparatorProps
-      'dap-ds-icon-add-line': SystemAddLineProps
-      'dap-ds-icon-heart-line': HealthHeartLineProps
       'dap-ds-icon-heart-fill': HealthHeartFillProps
-      'dap-ds-icon-check-line': SystemCheckLineProps
-      'dap-ds-icon-checkbox-blank-circle-fill': SystemCheckboxBlankCircleFillProps
-      'dap-ds-icon-alert-line': SystemAlertLineProps
+      'dap-ds-icon-heart-line': HealthHeartLineProps
+      'dap-ds-icon-cookie-line': OthersCookieLineProps
+      'dap-ds-icon-account-circle-fill': UserAccountCircleFillProps
+      'dap-ds-icon-account-circle-line': UserAccountCircleLineProps
+      'dap-ds-icon-user-fill': UserUserFillProps
+      'dap-ds-icon-user-line': UserUserLineProps
+      'dap-ds-icon-add-line': SystemAddLineProps
       'dap-ds-icon-alert-fill': SystemAlertFillProps
+      'dap-ds-icon-alert-line': SystemAlertLineProps
+      'dap-ds-icon-check-line': SystemCheckLineProps
       'dap-ds-icon-check-line2': SystemCheckLine2Props
+      'dap-ds-icon-checkbox-blank-circle-fill': SystemCheckboxBlankCircleFillProps
+      'dap-ds-icon-checkbox-blank-circle-fill-check': SystemCheckboxBlankCircleFillCheckProps
+      'dap-ds-icon-checkbox-blank-circle-line': SystemCheckboxBlankCircleLineProps
+      'dap-ds-icon-checkbox-circle-fill': SystemCheckboxCircleFillProps
       'dap-ds-icon-checkbox-circle-line': SystemCheckboxCircleLineProps
       'dap-ds-icon-close-circle-fill': SystemCloseCircleFillProps
-      'dap-ds-icon-checkbox-blank-circle-fill-check': SystemCheckboxBlankCircleFillCheckProps
+      'dap-ds-icon-close-circle-line': SystemCloseCircleLineProps
       'dap-ds-icon-close-fill': SystemCloseFillProps
       'dap-ds-icon-close-line': SystemCloseLineProps
-      'dap-ds-icon-checkbox-blank-circle-line': SystemCheckboxBlankCircleLineProps
+      'dap-ds-icon-delete-bin-fill': SystemDeleteBinFillProps
       'dap-ds-icon-delete-bin-line': SystemDeleteBinLineProps
       'dap-ds-icon-download-line': SystemDownloadLineProps
-      'dap-ds-icon-checkbox-circle-fill': SystemCheckboxCircleFillProps
+      'dap-ds-icon-error-warning-fill': SystemErrorWarningFillProps
       'dap-ds-icon-error-warning-line': SystemErrorWarningLineProps
       'dap-ds-icon-external-link-line': SystemExternalLinkLineProps
-      'dap-ds-icon-close-circle-line': SystemCloseCircleLineProps
-      'dap-ds-icon-delete-bin-fill': SystemDeleteBinFillProps
-      'dap-ds-icon-error-warning-fill': SystemErrorWarningFillProps
       'dap-ds-icon-eye-line': SystemEyeLineProps
-      'dap-ds-icon-information-fill': SystemInformationFillProps
       'dap-ds-icon-eye-off-line': SystemEyeOffLineProps
       'dap-ds-icon-forbid-fill': SystemForbidFillProps
       'dap-ds-icon-information-2-fill': SystemInformation2FillProps
+      'dap-ds-icon-information-fill': SystemInformationFillProps
       'dap-ds-icon-information-line': SystemInformationLineProps
-      'dap-ds-icon-loading-spinner': SystemLoadingSpinnerProps
       'dap-ds-icon-lightbulb-fill': SystemLightbulbFillProps
+      'dap-ds-icon-loading-spinner': SystemLoadingSpinnerProps
       'dap-ds-icon-lock-fill': SystemLockFillProps
-      'dap-ds-icon-more-2-line': SystemMore2LineProps
       'dap-ds-icon-lock-line': SystemLockLineProps
       'dap-ds-icon-menu-line': SystemMenuLineProps
-      'dap-ds-icon-search-line': SystemSearchLineProps
       'dap-ds-icon-menu-line-s': SystemMenuLineSProps
+      'dap-ds-icon-more-2-line': SystemMore2LineProps
       'dap-ds-icon-more-line': SystemMoreLineProps
+      'dap-ds-icon-search-line': SystemSearchLineProps
       'dap-ds-icon-share-line': SystemShareLineProps
-      'dap-ds-icon-star-fill': SystemStarFillProps
       'dap-ds-icon-shield-check-fill': SystemShieldCheckFillProps
       'dap-ds-icon-shield-check-line': SystemShieldCheckLineProps
-      'dap-ds-icon-time-line': SystemTimeLineProps
-      'dap-ds-icon-subtract-line2': SystemSubtractLine2Props
+      'dap-ds-icon-star-fill': SystemStarFillProps
       'dap-ds-icon-subtract-line': SystemSubtractLineProps
+      'dap-ds-icon-subtract-line2': SystemSubtractLine2Props
       'dap-ds-icon-time-fill': SystemTimeFillProps
+      'dap-ds-icon-time-line': SystemTimeLineProps
       'dap-ds-icon-upload-2-fill': SystemUpload2FillProps
       'dap-ds-icon-upload-2-line': SystemUpload2LineProps
       'dap-ds-icon-upload-line': SystemUploadLineProps
       'dap-ds-icon-zoom-in-line': SystemZoomInLineProps
       'dap-ds-icon-zoom-out-line': SystemZoomOutLineProps
-      'dap-ds-icon-account-circle-line': UserAccountCircleLineProps
-      'dap-ds-icon-account-circle-fill': UserAccountCircleFillProps
-      'dap-ds-icon-user-fill': UserUserFillProps
-      'dap-ds-icon-user-line': UserUserLineProps
     }
   }
 }