dap-design-system 0.61.7 → 0.61.8

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,24 @@ 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 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 DapDSOptionListEvents {
   /** Fired when the escape key is pressed. */
   onDdsCancel?: (event: CustomEvent) => void
@@ -477,22 +495,6 @@ export interface DapDSPagerEvents {
   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
@@ -683,10 +683,12 @@ export interface DapDSAvatarGroupSlots {
   default?: () => any
 }
 
-export interface DapDSBadgeSlots {
-  /** The content of the badge. */
+export interface DapDSBannerSlots {
+  /** The content of the banner. */
   default?: () => any
-  /** The icon of the badge. */
+  /** Actions of banner */
+  'actions'?: () => any
+  /** The icon of the banner. */
   'icon'?: () => any
 }
 
@@ -697,15 +699,20 @@ export interface DapDSBreadcrumbSlots {
   'separator'?: () => any
 }
 
-export interface DapDSBannerSlots {
-  /** The content of the banner. */
+export interface DapDSBadgeSlots {
+  /** The content of the badge. */
   default?: () => any
-  /** Actions of banner */
-  'actions'?: () => any
-  /** The icon of the banner. */
+  /** The icon of the badge. */
   'icon'?: () => 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 DapDSButtonSlots {
   /** The content of the button. Can contain text, icons, or other elements. */
   default?: () => any
@@ -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,37 +919,16 @@ export interface DapDSNavigationMenuSlots {
   default?: () => 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 DapDSNotificationBadgeSlots {
   /** The content of the notification badge. */
   default?: () => any
 }
 
-export interface DapDSOptionItemSlots {
-  /** The prefix of the option item. */
-  'prefix'?: () => any
-  /** The label of the option item. */
-  default?: () => any
-  /** The suffix of the option item. */
-  '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. */
   default?: () => any
@@ -954,21 +940,18 @@ export interface DapDSOfficialWebsiteBannerSlots {
   'icon-closed'?: () => any
 }
 
-export interface DapDSPopupSlots {
-  /** The trigger of the popup. */
-  'trigger'?: () => any
-  /** The content of the popup. */
+export interface DapDSOptionGroupSlots {
+  /** The option items in this group. */
   default?: () => any
 }
 
-export interface DapDSProgressSlots {
-  /** Custom label content for the progress indicator. */
-  'label'?: () => any
-}
-
-export interface DapDSOptionGroupSlots {
-  /** The option items in this group. */
+export interface DapDSOptionItemSlots {
+  /** The prefix of the option item. */
+  'prefix'?: () => any
+  /** The label of the option item. */
   default?: () => any
+  /** The suffix of the option item. */
+  'suffix'?: () => any
 }
 
 export interface DapDSOverlaySlots {
@@ -976,15 +959,37 @@ export interface DapDSOverlaySlots {
   default?: () => any
 }
 
-export interface DapDSSearchSlots {
+export interface DapDSOptionListSlots {
   /** The default slot for the options. */
   default?: () => any
 }
 
-export interface DapDSSelectSlots {
-  /** The option list of the select. */
+export interface DapDSPopupSlots {
+  /** The trigger of the popup. */
+  'trigger'?: () => any
+  /** The content of the popup. */
   default?: () => any
-  /** The indicator icon of the select. */
+}
+
+export interface DapDSProgressSlots {
+  /** Custom label content for the progress indicator. */
+  'label'?: () => any
+}
+
+export interface DapDSScrollAreaSlots {
+  /** The content to be scrolled */
+  default?: () => any
+}
+
+export interface DapDSSearchSlots {
+  /** The default slot for the options. */
+  default?: () => any
+}
+
+export interface DapDSSelectSlots {
+  /** The option list of the select. */
+  default?: () => any
+  /** The indicator icon of the select. */
   'indicator-icon'?: () => 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,15 +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"]
@@ -1174,6 +1165,15 @@ export type DapDSAnchorHeadingProps = {
   anchorTitle?: DapDSAnchorHeading["anchorTitle"]
 }
 
+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 DapDSAvatarProps = {
   /** The shape of the avatar */
   shape?: DapDSAvatar["shape"]
@@ -1226,6 +1226,36 @@ export type DapDSAvatarGroupProps = {
   sizeMap?: DapDSAvatarGroup["sizeMap"]
 }
 
+export type DapDSBannerProps = {
+  /** The variant of the banner */
+  variant?: DapDSBanner["variant"]
+  /** Whether the banner is closeable */
+  closeable?: DapDSBanner["closeable"]
+  /** State of the banner. If false banner is hidden */
+  opened?: DapDSBanner["opened"]
+  /** The aria-label for the close button */
+  closeButtonLabel?: DapDSBanner["closeButtonLabel"]
+  /** `data-testid` for the close button. */
+  closeButtonTestId?: DapDSBanner["closeButtonTestId"]
+  /** The icon of the banner, this is a name of a built icon icon */
+  icon?: DapDSBanner["icon"]
+  /**  */
+  tagName?: DapDSBanner["tagName"]
+  /**  */
+  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 DapDSBadgeProps = {
   /** The type of the badge */
   type?: DapDSBadge["type"]
@@ -1243,34 +1273,21 @@ export type DapDSBadgeProps = {
   sizeMap?: DapDSBadge["sizeMap"]
 }
 
-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 DapDSBannerProps = {
-  /** The variant of the banner */
-  variant?: DapDSBanner["variant"]
-  /** Whether the banner is closeable */
-  closeable?: DapDSBanner["closeable"]
-  /** State of the banner. If false banner is hidden */
-  opened?: DapDSBanner["opened"]
-  /** The aria-label for the close button */
-  closeButtonLabel?: DapDSBanner["closeButtonLabel"]
-  /** `data-testid` for the close button. */
-  closeButtonTestId?: DapDSBanner["closeButtonTestId"]
-  /** The icon of the banner, this is a name of a built icon icon */
-  icon?: DapDSBanner["icon"]
+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?: DapDSBanner["tagName"]
+  tagName?: DapDSBreadcrumbItem["tagName"]
   /**  */
-  dependencies?: DapDSBanner["dependencies"]
+  dependencies?: DapDSBreadcrumbItem["dependencies"]
 }
 
 export type DapDSButtonProps = {
@@ -1333,6 +1350,133 @@ 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 DapDSCheckboxProps = {
+  /** Whether the checkbox is indeterminate */
+  indeterminate?: DapDSCheckbox["indeterminate"]
+  /** Whether the checkbox should prevent the default action */
+  preventDefault?: DapDSCheckbox["preventDefault"]
+  /** This sets up border around the checkbox, when true. */
+  border?: DapDSCheckbox["border"]
+  /** Whether the checkbox is readonly (cannot be changed but value is submitted with form). */
+  readonly?: DapDSCheckbox["readonly"]
+  /** The type of the checkbox */
+  type?: DapDSCheckbox["type"]
+  /**  */
+  tagName?: DapDSCheckbox["tagName"]
+  /**  */
+  dependencies?: DapDSCheckbox["dependencies"]
+  /**  */
+  focusElement?: DapDSCheckbox["focusElement"]
+  /**  */
+  feedbackId?: DapDSCheckbox["feedbackId"]
+  /** The name of the checkbox. */
+  name?: DapDSCheckbox["name"]
+  /** The value of the checkbox. */
+  value?: DapDSCheckbox["value"]
+  /** Whether the checkbox is checked. */
+  checked?: DapDSCheckbox["checked"]
+  /** The label of the checkbox. */
+  label?: DapDSCheckbox["label"]
+  /** Visually hides the label while keeping it available to assistive technology. (default: false) */
+  hideLabel?: DapDSCheckbox["hideLabel"]
+  /** The description of the checkbox. */
+  description?: DapDSCheckbox["description"]
+  /** Whether the checkbox is disabled. */
+  disabled?: DapDSCheckbox["disabled"]
+  /** Whether the checkbox is required. */
+  required?: DapDSCheckbox["required"]
+  /** The size of the checkbox. Default is 'sm'. */
+  size?: DapDSCheckbox["size"]
+  /** Responsive size map (e.g. "md:lg"). */
+  sizeMap?: DapDSCheckbox["sizeMap"]
+  /** The placement of the label. */
+  labelPlacement?: DapDSCheckbox["labelPlacement"]
+  /** The placement of the description. */
+  descriptionPlacement?: DapDSCheckbox["descriptionPlacement"]
+  /** The weight of the label. */
+  subtle?: DapDSCheckbox["subtle"]
+  /** The feedback of the checkbox. */
+  feedback?: DapDSCheckbox["feedback"]
+  /** The feedback type of the checkbox. */
+  feedbackType?: DapDSCheckbox["feedbackType"]
+  /** The invalid state of the checkbox. */
+  invalid?: DapDSCheckbox["invalid"]
+  /** The optional state of the checkbox. */
+  optional?: DapDSCheckbox["optional"]
+  /** The optional label of the checkbox. */
+  optionalLabel?: DapDSCheckbox["optionalLabel"]
+  /** The required indicator of the checkbox. (default: '*') */
+  requiredLabel?: DapDSCheckbox["requiredLabel"]
+}
+
 export type DapDSCardActionsProps = {
   /**  */
   tagName?: DapDSCardActions["tagName"]
@@ -1456,155 +1600,11 @@ export type DapDSChipProps = {
   sizeMap?: DapDSChip["sizeMap"]
 }
 
-export type DapDSCheckboxProps = {
-  /** Whether the checkbox is indeterminate */
-  indeterminate?: DapDSCheckbox["indeterminate"]
-  /** Whether the checkbox should prevent the default action */
-  preventDefault?: DapDSCheckbox["preventDefault"]
-  /** This sets up border around the checkbox, when true. */
-  border?: DapDSCheckbox["border"]
-  /** Whether the checkbox is readonly (cannot be changed but value is submitted with form). */
-  readonly?: DapDSCheckbox["readonly"]
-  /** The type of the checkbox */
-  type?: DapDSCheckbox["type"]
+export type DapDSCodePuncherSlotProps = {
   /**  */
-  tagName?: DapDSCheckbox["tagName"]
+  tagName?: DapDSCodePuncherSlot["tagName"]
   /**  */
-  dependencies?: DapDSCheckbox["dependencies"]
-  /**  */
-  focusElement?: DapDSCheckbox["focusElement"]
-  /**  */
-  feedbackId?: DapDSCheckbox["feedbackId"]
-  /** The name of the checkbox. */
-  name?: DapDSCheckbox["name"]
-  /** The value of the checkbox. */
-  value?: DapDSCheckbox["value"]
-  /** Whether the checkbox is checked. */
-  checked?: DapDSCheckbox["checked"]
-  /** The label of the checkbox. */
-  label?: DapDSCheckbox["label"]
-  /** Visually hides the label while keeping it available to assistive technology. (default: false) */
-  hideLabel?: DapDSCheckbox["hideLabel"]
-  /** The description of the checkbox. */
-  description?: DapDSCheckbox["description"]
-  /** Whether the checkbox is disabled. */
-  disabled?: DapDSCheckbox["disabled"]
-  /** Whether the checkbox is required. */
-  required?: DapDSCheckbox["required"]
-  /** The size of the checkbox. Default is 'sm'. */
-  size?: DapDSCheckbox["size"]
-  /** Responsive size map (e.g. "md:lg"). */
-  sizeMap?: DapDSCheckbox["sizeMap"]
-  /** The placement of the label. */
-  labelPlacement?: DapDSCheckbox["labelPlacement"]
-  /** The placement of the description. */
-  descriptionPlacement?: DapDSCheckbox["descriptionPlacement"]
-  /** The weight of the label. */
-  subtle?: DapDSCheckbox["subtle"]
-  /** The feedback of the checkbox. */
-  feedback?: DapDSCheckbox["feedback"]
-  /** The feedback type of the checkbox. */
-  feedbackType?: DapDSCheckbox["feedbackType"]
-  /** The invalid state of the checkbox. */
-  invalid?: DapDSCheckbox["invalid"]
-  /** The optional state of the checkbox. */
-  optional?: DapDSCheckbox["optional"]
-  /** The optional label of the checkbox. */
-  optionalLabel?: DapDSCheckbox["optionalLabel"]
-  /** The required indicator of the checkbox. (default: '*') */
-  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"]
-  /**  */
-  tagName?: DapDSBreadcrumbItem["tagName"]
-  /**  */
-  dependencies?: DapDSBreadcrumbItem["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 DapDSCodePuncherSlotProps = {
-  /**  */
-  tagName?: DapDSCodePuncherSlot["tagName"]
-  /**  */
-  disabled?: DapDSCodePuncherSlot["disabled"]
+  disabled?: DapDSCodePuncherSlot["disabled"]
   /**  */
   readonly?: DapDSCodePuncherSlot["readonly"]
   /**  */
@@ -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,41 +2363,6 @@ 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"]
-  /**  */
-  dependencies?: DapDSListItem["dependencies"]
-}
-
 export type DapDSInputProps = {
   /**  */
   tagName?: DapDSInput["tagName"]
@@ -2465,6 +2430,93 @@ export type DapDSInputProps = {
   pattern?: DapDSInput["pattern"]
 }
 
+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 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"]
@@ -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,66 @@ 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 DapDSOverlayProps = {
+  /** The open state of the overlay. */
+  open?: DapDSOverlay["open"]
+  /**  */
+  tagName?: DapDSOverlay["tagName"]
+}
+
 export type DapDSOptionListProps = {
   /** The filter text of the option list */
   filterText?: DapDSOptionList["filterText"]
@@ -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"]
@@ -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,52 +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"]
-  /** Whether the label should be rendered as text or a <label> tag. Default is label. */
-  renderAs?: DapDSFormLabel["renderAs"]
-  /** Whether the label should have no margin. */
-  noMargin?: DapDSFormLabel["noMargin"]
-  /**  */
-  tagName?: DapDSFormLabel["tagName"]
-  /** Label of optional text */
-  optionalLabel?: DapDSFormLabel["optionalLabel"]
-  /** Text weight of the label. */
-  subtle?: DapDSFormLabel["subtle"]
-  /** If the label is optional. */
-  optional?: DapDSFormLabel["optional"]
-  /** If the label is required. */
-  required?: DapDSFormLabel["required"]
-  /** Indicator of required text. (default: '*') */
-  requiredLabel?: DapDSFormLabel["requiredLabel"]
-  /** The label text. */
-  label?: DapDSFormLabel["label"]
-  /** Visually hides the label while keeping it available to assistive technology. (default: false) */
-  hideLabel?: DapDSFormLabel["hideLabel"]
-}
-
 export type DapDSInputGroupProps = {
   /**  */
   tagName?: DapDSInputGroup["tagName"]
@@ -3931,6 +3906,31 @@ export type DapDSInputGroupProps = {
   subtle?: DapDSInputGroup["subtle"]
 }
 
+export type DapDSFormLabelProps = {
+  /** The id of the form element that the label is associated with. */
+  for?: DapDSFormLabel["for"]
+  /** Whether the label should be rendered as text or a <label> tag. Default is label. */
+  renderAs?: DapDSFormLabel["renderAs"]
+  /** Whether the label should have no margin. */
+  noMargin?: DapDSFormLabel["noMargin"]
+  /**  */
+  tagName?: DapDSFormLabel["tagName"]
+  /** Label of optional text */
+  optionalLabel?: DapDSFormLabel["optionalLabel"]
+  /** Text weight of the label. */
+  subtle?: DapDSFormLabel["subtle"]
+  /** If the label is optional. */
+  optional?: DapDSFormLabel["optional"]
+  /** If the label is required. */
+  required?: DapDSFormLabel["required"]
+  /** Indicator of required text. (default: '*') */
+  requiredLabel?: DapDSFormLabel["requiredLabel"]
+  /** The label text. */
+  label?: DapDSFormLabel["label"]
+  /** Visually hides the label while keeping it available to assistive technology. (default: false) */
+  hideLabel?: DapDSFormLabel["hideLabel"]
+}
+
 export type DapDSRadioGroupProps = {
   /** The tooltip placement of the radio group. */
   tooltipPlacement?: DapDSRadioGroup["tooltipPlacement"]
@@ -4314,43 +4314,30 @@ export type DocumentFileCopyLineProps = {
   tagName?: DocumentFileCopyLine["tagName"]
 }
 
-export type DocumentFileImageLineProps = {
+export type DocumentFileMusicLineProps = {
   /** (optional) The width and height in pixels */
-  size?: DocumentFileImageLine["size"]
+  size?: DocumentFileMusicLine["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: DocumentFileImageLine["selected"]
+  selected?: DocumentFileMusicLine["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: DocumentFileImageLine["accessibilityTitle"]
-  /** (optional) If `true` the icon can receive focus */
-  focusable?: DocumentFileImageLine["focusable"]
-  /**  */
-  tagName?: DocumentFileImageLine["tagName"]
-}
-
-export type DocumentFileVideoLineProps = {
-  /** (optional) The width and height in pixels */
-  size?: DocumentFileVideoLine["size"]
-  /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: DocumentFileVideoLine["selected"]
-  /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: DocumentFileVideoLine["accessibilityTitle"]
+  accessibilityTitle?: DocumentFileMusicLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: DocumentFileVideoLine["focusable"]
+  focusable?: DocumentFileMusicLine["focusable"]
   /**  */
-  tagName?: DocumentFileVideoLine["tagName"]
+  tagName?: DocumentFileMusicLine["tagName"]
 }
 
-export type DocumentFileMusicLineProps = {
+export type DocumentFileImageLineProps = {
   /** (optional) The width and height in pixels */
-  size?: DocumentFileMusicLine["size"]
+  size?: DocumentFileImageLine["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: DocumentFileMusicLine["selected"]
+  selected?: DocumentFileImageLine["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: DocumentFileMusicLine["accessibilityTitle"]
+  accessibilityTitle?: DocumentFileImageLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: DocumentFileMusicLine["focusable"]
+  focusable?: DocumentFileImageLine["focusable"]
   /**  */
-  tagName?: DocumentFileMusicLine["tagName"]
+  tagName?: DocumentFileImageLine["tagName"]
 }
 
 export type DocumentFileTextLineProps = {
@@ -4366,17 +4353,17 @@ export type DocumentFileTextLineProps = {
   tagName?: DocumentFileTextLine["tagName"]
 }
 
-export type DocumentFolderOpenLineProps = {
+export type DocumentFileVideoLineProps = {
   /** (optional) The width and height in pixels */
-  size?: DocumentFolderOpenLine["size"]
+  size?: DocumentFileVideoLine["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: DocumentFolderOpenLine["selected"]
+  selected?: DocumentFileVideoLine["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: DocumentFolderOpenLine["accessibilityTitle"]
+  accessibilityTitle?: DocumentFileVideoLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: DocumentFolderOpenLine["focusable"]
+  focusable?: DocumentFileVideoLine["focusable"]
   /**  */
-  tagName?: DocumentFolderOpenLine["tagName"]
+  tagName?: DocumentFileVideoLine["tagName"]
 }
 
 export type DocumentFolderLineProps = {
@@ -4392,17 +4379,17 @@ export type DocumentFolderLineProps = {
   tagName?: DocumentFolderLine["tagName"]
 }
 
-export type OthersCookieLineProps = {
+export type DocumentFolderOpenLineProps = {
   /** (optional) The width and height in pixels */
-  size?: OthersCookieLine["size"]
+  size?: DocumentFolderOpenLine["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: OthersCookieLine["selected"]
+  selected?: DocumentFolderOpenLine["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: OthersCookieLine["accessibilityTitle"]
+  accessibilityTitle?: DocumentFolderOpenLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: OthersCookieLine["focusable"]
+  focusable?: DocumentFolderOpenLine["focusable"]
   /**  */
-  tagName?: OthersCookieLine["tagName"]
+  tagName?: DocumentFolderOpenLine["tagName"]
 }
 
 export type EditorSeparatorProps = {
@@ -4418,17 +4405,17 @@ export type EditorSeparatorProps = {
   tagName?: EditorSeparator["tagName"]
 }
 
-export type SystemAddLineProps = {
+export type HealthHeartFillProps = {
   /** (optional) The width and height in pixels */
-  size?: SystemAddLine["size"]
+  size?: HealthHeartFill["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemAddLine["selected"]
+  selected?: HealthHeartFill["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemAddLine["accessibilityTitle"]
+  accessibilityTitle?: HealthHeartFill["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemAddLine["focusable"]
+  focusable?: HealthHeartFill["focusable"]
   /**  */
-  tagName?: SystemAddLine["tagName"]
+  tagName?: HealthHeartFill["tagName"]
 }
 
 export type HealthHeartLineProps = {
@@ -4444,17 +4431,43 @@ export type HealthHeartLineProps = {
   tagName?: HealthHeartLine["tagName"]
 }
 
-export type HealthHeartFillProps = {
+export type OthersCookieLineProps = {
   /** (optional) The width and height in pixels */
-  size?: HealthHeartFill["size"]
+  size?: OthersCookieLine["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: HealthHeartFill["selected"]
+  selected?: OthersCookieLine["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: HealthHeartFill["accessibilityTitle"]
+  accessibilityTitle?: OthersCookieLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: HealthHeartFill["focusable"]
+  focusable?: OthersCookieLine["focusable"]
   /**  */
-  tagName?: HealthHeartFill["tagName"]
+  tagName?: OthersCookieLine["tagName"]
+}
+
+export type SystemAddLineProps = {
+  /** (optional) The width and height in pixels */
+  size?: SystemAddLine["size"]
+  /** (optional) Sets the icon color via the `fill` attribute */
+  selected?: SystemAddLine["selected"]
+  /** (optional) When using the icon standalone, make it meaningful for accessibility */
+  accessibilityTitle?: SystemAddLine["accessibilityTitle"]
+  /** (optional) If `true` the icon can receive focus */
+  focusable?: SystemAddLine["focusable"]
+  /**  */
+  tagName?: SystemAddLine["tagName"]
+}
+
+export type SystemAlertFillProps = {
+  /** (optional) The width and height in pixels */
+  size?: SystemAlertFill["size"]
+  /** (optional) Sets the icon color via the `fill` attribute */
+  selected?: SystemAlertFill["selected"]
+  /** (optional) When using the icon standalone, make it meaningful for accessibility */
+  accessibilityTitle?: SystemAlertFill["accessibilityTitle"]
+  /** (optional) If `true` the icon can receive focus */
+  focusable?: SystemAlertFill["focusable"]
+  /**  */
+  tagName?: SystemAlertFill["tagName"]
 }
 
 export type SystemCheckLineProps = {
@@ -4470,6 +4483,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 +4509,43 @@ export type SystemCheckboxBlankCircleFillProps = {
   tagName?: SystemCheckboxBlankCircleFill["tagName"]
 }
 
-export type SystemAlertLineProps = {
+export type SystemCheckboxBlankCircleLineProps = {
   /** (optional) The width and height in pixels */
-  size?: SystemAlertLine["size"]
+  size?: SystemCheckboxBlankCircleLine["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemAlertLine["selected"]
+  selected?: SystemCheckboxBlankCircleLine["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemAlertLine["accessibilityTitle"]
+  accessibilityTitle?: SystemCheckboxBlankCircleLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemAlertLine["focusable"]
+  focusable?: SystemCheckboxBlankCircleLine["focusable"]
   /**  */
-  tagName?: SystemAlertLine["tagName"]
+  tagName?: SystemCheckboxBlankCircleLine["tagName"]
 }
 
-export type SystemAlertFillProps = {
+export type SystemCheckboxCircleFillProps = {
   /** (optional) The width and height in pixels */
-  size?: SystemAlertFill["size"]
+  size?: SystemCheckboxCircleFill["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemAlertFill["selected"]
+  selected?: SystemCheckboxCircleFill["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemAlertFill["accessibilityTitle"]
+  accessibilityTitle?: SystemCheckboxCircleFill["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemAlertFill["focusable"]
+  focusable?: SystemCheckboxCircleFill["focusable"]
   /**  */
-  tagName?: SystemAlertFill["tagName"]
+  tagName?: SystemCheckboxCircleFill["tagName"]
 }
 
-export type SystemCheckLine2Props = {
+export type SystemCheckboxBlankCircleFillCheckProps = {
   /** (optional) The width and height in pixels */
-  size?: SystemCheckLine2["size"]
+  size?: SystemCheckboxBlankCircleFillCheck["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemCheckLine2["selected"]
+  selected?: SystemCheckboxBlankCircleFillCheck["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemCheckLine2["accessibilityTitle"]
+  accessibilityTitle?: SystemCheckboxBlankCircleFillCheck["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemCheckLine2["focusable"]
+  focusable?: SystemCheckboxBlankCircleFillCheck["focusable"]
   /**  */
-  tagName?: SystemCheckLine2["tagName"]
+  tagName?: SystemCheckboxBlankCircleFillCheck["tagName"]
 }
 
 export type SystemCheckboxCircleLineProps = {
@@ -4548,17 +4574,30 @@ export type SystemCloseCircleFillProps = {
   tagName?: SystemCloseCircleFill["tagName"]
 }
 
-export type SystemCheckboxBlankCircleFillCheckProps = {
+export type SystemAlertLineProps = {
   /** (optional) The width and height in pixels */
-  size?: SystemCheckboxBlankCircleFillCheck["size"]
+  size?: SystemAlertLine["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemCheckboxBlankCircleFillCheck["selected"]
+  selected?: SystemAlertLine["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemCheckboxBlankCircleFillCheck["accessibilityTitle"]
+  accessibilityTitle?: SystemAlertLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemCheckboxBlankCircleFillCheck["focusable"]
+  focusable?: SystemAlertLine["focusable"]
   /**  */
-  tagName?: SystemCheckboxBlankCircleFillCheck["tagName"]
+  tagName?: SystemAlertLine["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 SystemCloseFillProps = {
@@ -4587,17 +4626,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 +4665,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 +4704,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 +4717,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 +4756,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 +4795,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,19 +4847,6 @@ export type SystemMenuLineProps = {
   tagName?: SystemMenuLine["tagName"]
 }
 
-export type SystemSearchLineProps = {
-  /** (optional) The width and height in pixels */
-  size?: SystemSearchLine["size"]
-  /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemSearchLine["selected"]
-  /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemSearchLine["accessibilityTitle"]
-  /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemSearchLine["focusable"]
-  /**  */
-  tagName?: SystemSearchLine["tagName"]
-}
-
 export type SystemMenuLineSProps = {
   /** (optional) The width and height in pixels */
   size?: SystemMenuLineS["size"]
@@ -4886,43 +4860,43 @@ export type SystemMenuLineSProps = {
   tagName?: SystemMenuLineS["tagName"]
 }
 
-export type SystemMoreLineProps = {
+export type SystemMore2LineProps = {
   /** (optional) The width and height in pixels */
-  size?: SystemMoreLine["size"]
+  size?: SystemMore2Line["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemMoreLine["selected"]
+  selected?: SystemMore2Line["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemMoreLine["accessibilityTitle"]
+  accessibilityTitle?: SystemMore2Line["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemMoreLine["focusable"]
+  focusable?: SystemMore2Line["focusable"]
   /**  */
-  tagName?: SystemMoreLine["tagName"]
+  tagName?: SystemMore2Line["tagName"]
 }
 
-export type SystemShareLineProps = {
+export type SystemMoreLineProps = {
   /** (optional) The width and height in pixels */
-  size?: SystemShareLine["size"]
+  size?: SystemMoreLine["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemShareLine["selected"]
+  selected?: SystemMoreLine["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemShareLine["accessibilityTitle"]
+  accessibilityTitle?: SystemMoreLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemShareLine["focusable"]
+  focusable?: SystemMoreLine["focusable"]
   /**  */
-  tagName?: SystemShareLine["tagName"]
+  tagName?: SystemMoreLine["tagName"]
 }
 
-export type SystemStarFillProps = {
+export type SystemSearchLineProps = {
   /** (optional) The width and height in pixels */
-  size?: SystemStarFill["size"]
+  size?: SystemSearchLine["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemStarFill["selected"]
+  selected?: SystemSearchLine["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemStarFill["accessibilityTitle"]
+  accessibilityTitle?: SystemSearchLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemStarFill["focusable"]
+  focusable?: SystemSearchLine["focusable"]
   /**  */
-  tagName?: SystemStarFill["tagName"]
+  tagName?: SystemSearchLine["tagName"]
 }
 
 export type SystemShieldCheckFillProps = {
@@ -4951,43 +4925,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,30 +4977,43 @@ export type SystemTimeFillProps = {
   tagName?: SystemTimeFill["tagName"]
 }
 
-export type SystemUpload2FillProps = {
+export type SystemShareLineProps = {
   /** (optional) The width and height in pixels */
-  size?: SystemUpload2Fill["size"]
+  size?: SystemShareLine["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemUpload2Fill["selected"]
+  selected?: SystemShareLine["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemUpload2Fill["accessibilityTitle"]
+  accessibilityTitle?: SystemShareLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemUpload2Fill["focusable"]
+  focusable?: SystemShareLine["focusable"]
   /**  */
-  tagName?: SystemUpload2Fill["tagName"]
+  tagName?: SystemShareLine["tagName"]
 }
 
-export type SystemUpload2LineProps = {
+export type SystemTimeLineProps = {
   /** (optional) The width and height in pixels */
-  size?: SystemUpload2Line["size"]
+  size?: SystemTimeLine["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemUpload2Line["selected"]
+  selected?: SystemTimeLine["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemUpload2Line["accessibilityTitle"]
+  accessibilityTitle?: SystemTimeLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemUpload2Line["focusable"]
+  focusable?: SystemTimeLine["focusable"]
   /**  */
-  tagName?: SystemUpload2Line["tagName"]
+  tagName?: SystemTimeLine["tagName"]
+}
+
+export type SystemUpload2FillProps = {
+  /** (optional) The width and height in pixels */
+  size?: SystemUpload2Fill["size"]
+  /** (optional) Sets the icon color via the `fill` attribute */
+  selected?: SystemUpload2Fill["selected"]
+  /** (optional) When using the icon standalone, make it meaningful for accessibility */
+  accessibilityTitle?: SystemUpload2Fill["accessibilityTitle"]
+  /** (optional) If `true` the icon can receive focus */
+  focusable?: SystemUpload2Fill["focusable"]
+  /**  */
+  tagName?: SystemUpload2Fill["tagName"]
 }
 
 export type SystemUploadLineProps = {
@@ -5042,6 +5029,19 @@ export type SystemUploadLineProps = {
   tagName?: SystemUploadLine["tagName"]
 }
 
+export type SystemUpload2LineProps = {
+  /** (optional) The width and height in pixels */
+  size?: SystemUpload2Line["size"]
+  /** (optional) Sets the icon color via the `fill` attribute */
+  selected?: SystemUpload2Line["selected"]
+  /** (optional) When using the icon standalone, make it meaningful for accessibility */
+  accessibilityTitle?: SystemUpload2Line["accessibilityTitle"]
+  /** (optional) If `true` the icon can receive focus */
+  focusable?: SystemUpload2Line["focusable"]
+  /**  */
+  tagName?: SystemUpload2Line["tagName"]
+}
+
 export type SystemZoomInLineProps = {
   /** (optional) The width and height in pixels */
   size?: SystemZoomInLine["size"]
@@ -5068,30 +5068,30 @@ export type SystemZoomOutLineProps = {
   tagName?: SystemZoomOutLine["tagName"]
 }
 
-export type UserAccountCircleLineProps = {
+export type UserAccountCircleFillProps = {
   /** (optional) The width and height in pixels */
-  size?: UserAccountCircleLine["size"]
+  size?: UserAccountCircleFill["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: UserAccountCircleLine["selected"]
+  selected?: UserAccountCircleFill["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: UserAccountCircleLine["accessibilityTitle"]
+  accessibilityTitle?: UserAccountCircleFill["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: UserAccountCircleLine["focusable"]
+  focusable?: UserAccountCircleFill["focusable"]
   /**  */
-  tagName?: UserAccountCircleLine["tagName"]
+  tagName?: UserAccountCircleFill["tagName"]
 }
 
-export type UserAccountCircleFillProps = {
+export type UserAccountCircleLineProps = {
   /** (optional) The width and height in pixels */
-  size?: UserAccountCircleFill["size"]
+  size?: UserAccountCircleLine["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: UserAccountCircleFill["selected"]
+  selected?: UserAccountCircleLine["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: UserAccountCircleFill["accessibilityTitle"]
+  accessibilityTitle?: UserAccountCircleLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: UserAccountCircleFill["focusable"]
+  focusable?: UserAccountCircleLine["focusable"]
   /**  */
-  tagName?: UserAccountCircleFill["tagName"]
+  tagName?: UserAccountCircleLine["tagName"]
 }
 
 export type UserUserFillProps = {
@@ -5149,16 +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.
      *
@@ -5169,6 +5159,16 @@ declare module 'vue' {
      * - **text** - The text of the anchor heading.
      */
          'dap-ds-anchor-heading': DefineCustomElement<DapDSAnchorHeading, DapDSAnchorHeadingProps, {}>
+    /**
+     * 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 component can be used to display user profile images, initials, or icons.
      *
@@ -5204,32 +5204,6 @@ declare module 'vue' {
      * - **overflow** - The overflow indicator element.
      */
          'dap-ds-avatar-group': DefineCustomElement<DapDSAvatarGroup, DapDSAvatarGroupProps, DapDSAvatarGroupEvents>
-    /**
-     * A badge is a small status descriptor for UI elements.
-     *
-     * ### Slots:
-     * - **default** - The content of the badge.
-     * - **icon** - The icon of the badge.
-     *
-     * ### CSS Parts:
-     * - **base** - The main container of the badge.
-     * - **icon** - The icon of the badge.
-     * - **content** - The content of the badge.
-     * - **icon-base** - The base of the icon.
-     */
-         'dap-ds-badge': 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 '/'.
-     *
-     * ### CSS Parts:
-     * - **base** - The main breadcrumb container.
-     * - **separator** - The separator of the breadcrumb.
-     */
-         'dap-ds-breadcrumb': DefineCustomElement<DapDSBreadcrumb, DapDSBreadcrumbProps, {}>
     /**
      * A banner is a message displayed at the top of the page to provide important information to the user.
      *
@@ -5255,10 +5229,51 @@ declare module 'vue' {
      */
          'dap-ds-banner': DefineCustomElement<DapDSBanner, DapDSBannerProps, DapDSBannerEvents>
     /**
-     * A button is a clickable element that can be used to trigger an action, submit forms, or navigate to other pages.
+     * A breadcrumb is a secondary navigation scheme that reveals the user's location in a website or Web application.
      *
-     * ### Events:
-     * - **dds-loading-timeout** - Emitted when the loading timeout is reached
+     * ### 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 badge is a small status descriptor for UI elements.
+     *
+     * ### Slots:
+     * - **default** - The content of the badge.
+     * - **icon** - The icon of the badge.
+     *
+     * ### CSS Parts:
+     * - **base** - The main container of the badge.
+     * - **icon** - The icon of the badge.
+     * - **content** - The content of the badge.
+     * - **icon-base** - The base of the icon.
+     */
+         'dap-ds-badge': DefineCustomElement<DapDSBadge, DapDSBadgeProps, {}>
+    /**
+     * 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.
+     *
+     * ### Events:
+     * - **dds-loading-timeout** - Emitted when the loading timeout is reached
      *
      * ### Slots:
      * - **default** - The content of the button. Can contain text, icons, or other elements.
@@ -5293,6 +5308,60 @@ declare module 'vue' {
      * - **close** - The close button of the callout.
      */
          '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 checkbox is a form element that allows the user to select one or more options from a set.
+     *
+     * ### Events:
+     * - **dds-change** - Fired when the checkbox is checked or unchecked.
+     * - **dds-blur** - Emitted when the checkbox loses focus.
+     * - **dds-focus** - Emitted when the checkbox gains focus.
+     * - **dds-input** - Emitted when the checkbox receives input.
+     *
+     * ### CSS Parts:
+     * - **base** - The main checkbox container.
+     * - **label** - The label of the checkbox.
+     * - **input** - The input of the checkbox.
+     * - **control** - The control of the checkbox.
+     * - **icon** - The icon of the checkbox.
+     * - **icon-base** - The base icon container.
+     * - **label-container** - The label container of the checkbox.
+     * - **description** - The description of the checkbox.
+     * - **readonly** - The readonly state of the checkbox.
+     */
+         'dap-ds-checkbox': DefineCustomElement<DapDSCheckbox, DapDSCheckboxProps, DapDSCheckboxEvents>
     /**
      * A card actions is a container for actions in a card.
      *
@@ -5369,75 +5438,6 @@ declare module 'vue' {
      * - **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.
-     *
-     * ### Events:
-     * - **dds-change** - Fired when the checkbox is checked or unchecked.
-     * - **dds-blur** - Emitted when the checkbox loses focus.
-     * - **dds-focus** - Emitted when the checkbox gains focus.
-     * - **dds-input** - Emitted when the checkbox receives input.
-     *
-     * ### CSS Parts:
-     * - **base** - The main checkbox container.
-     * - **label** - The label of the checkbox.
-     * - **input** - The input of the checkbox.
-     * - **control** - The control of the checkbox.
-     * - **icon** - The icon of the checkbox.
-     * - **icon-base** - The base icon container.
-     * - **label-container** - The label container of the checkbox.
-     * - **description** - The description of the checkbox.
-     * - **readonly** - The readonly state of the checkbox.
-     */
-         '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.
-     *
-     * ### 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>
     /**
      * 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,44 +5787,21 @@ declare module 'vue' {
      */
          'dap-ds-image-zoom': DefineCustomElement<DapDSImageZoom, DapDSImageZoomProps, DapDSImageZoomEvents>
     /**
-     * A list
+     * An input is a field used to collect user input.
+     *
+     * ### 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.
      *
      * ### 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, {}>
-    /**
-     * An input is a field used to collect user input.
-     *
-     * ### 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.
-     *
-     * ### Slots:
-     * - **postfix** - The postfix of the input.
-     * - **prefix** - The prefix of the input.
-     * - **addon-before** - The addon before the input.
-     * - **addon-after** - The addon after the input.
-     * - **feedback-icon** - The custom icon of the feedback.
+     * - **postfix** - The postfix of the input.
+     * - **prefix** - The prefix of the input.
+     * - **addon-before** - The addon before the input.
+     * - **addon-after** - The addon after the input.
+     * - **feedback-icon** - The custom icon of the feedback.
      *
      * ### CSS Parts:
      * - **base** - The main input container.
@@ -5839,6 +5816,57 @@ declare module 'vue' {
      * - **postfix** - The postfix of the input.
      */
          'dap-ds-input': DefineCustomElement<DapDSInput, DapDSInputProps, DapDSInputEvents>
+    /**
+     * 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 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,34 +5945,6 @@ 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.
      *
@@ -5956,21 +5956,6 @@ Uses semantic HTML (`<nav>`) and proper navigation ARIA attributes.
      * - **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.
-     */
-         'dap-ds-option-item': DefineCustomElement<DapDSOptionItem, DapDSOptionItemProps, {}>
     /**
      * A number input component.
      *
@@ -6003,6 +5988,75 @@ 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 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>
     /**
      * An option list is a list of selectable options.
      *
@@ -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.
      *
@@ -6114,60 +6168,6 @@ Uses semantic HTML (`<nav>`) and proper navigation ARIA attributes.
      * - **background** - The background circle (circular variant only).
      */
          '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.
-     *
-     * ### 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, {}>
-    /**
-     * A password input a field for entering a password.
-     *
-     * ### 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.
-     *
-     * ### 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.
-     */
-         'dap-ds-password-input': DefineCustomElement<DapDSPasswordInput, DapDSPasswordInputProps, DapDSPasswordInputEvents>
-    /**
-     * 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 radio button is a graphical control element that allows the user to choose only one of a predefined set of mutually exclusive options.
      *
@@ -6187,7 +6187,41 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * - **label-container** - The label container of the radio button.
      * - **description** - The description of the radio button.
      */
-         'dap-ds-radio-button': DefineCustomElement<DapDSRadioButton, DapDSRadioButtonProps, DapDSRadioButtonEvents>
+         'dap-ds-radio-button': DefineCustomElement<DapDSRadioButton, DapDSRadioButtonProps, DapDSRadioButtonEvents>
+    /**
+     * 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 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, {}>
+    /**
+     * A progress bar that displays scroll position, supporting both page-level and container-level scroll tracking.
+     *
+     * ### CSS Parts:
+     * - **base** - The main scroll progress container.
+     * - **track** - The progress track (background).
+     * - **fill** - The progress fill bar.
+     */
+         'dap-ds-scroll-progress': DefineCustomElement<DapDSScrollProgress, DapDSScrollProgressProps, {}>
     /**
      * A select is a form element that allows the user to select one option from a set.
      *
@@ -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.
      *
@@ -6616,36 +6637,6 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * - **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, {}>
-    /**
-     * A progress bar that displays scroll position, supporting both page-level and container-level scroll tracking.
-     *
-     * ### CSS Parts:
-     * - **base** - The main scroll progress container.
-     * - **track** - The progress track (background).
-     * - **fill** - The progress fill bar.
-     */
-         'dap-ds-scroll-progress': DefineCustomElement<DapDSScrollProgress, DapDSScrollProgressProps, {}>
-    /**
-     * A form label is a container for labels in a form.
-     *
-     * ### CSS Parts:
-     * - **base** - The main form label container.
-     * - **required** - The required indicator of the form label.
-     * - **optional** - The optional indicator of the form label.
-     */
-         'dap-ds-form-label': DefineCustomElement<DapDSFormLabel, DapDSFormLabelProps, {}>
     /**
      * An input group is a container for inputs.
      *
@@ -6661,6 +6652,15 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * - **container** - The container of the input group items.
      */
          'dap-ds-input-group': DefineCustomElement<DapDSInputGroup, DapDSInputGroupProps, {}>
+    /**
+     * A form label is a container for labels in a form.
+     *
+     * ### CSS Parts:
+     * - **base** - The main form label container.
+     * - **required** - The required indicator of the form label.
+     * - **optional** - The optional indicator of the form label.
+     */
+         'dap-ds-form-label': DefineCustomElement<DapDSFormLabel, DapDSFormLabelProps, {}>
     /**
      * A radio group is a form element that allows the user to select one option from a set.
      *
@@ -6868,21 +6868,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-file-image-line': DefineCustomElement<DocumentFileImageLine, DocumentFileImageLineProps, {}>
-    /**
-     * An icon
-     *
-     * ### 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-image-line': DefineCustomElement<DocumentFileImageLine, DocumentFileImageLineProps, {}>
     /**
      * An icon
      *
@@ -6896,7 +6889,7 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-folder-open-line': DefineCustomElement<DocumentFolderOpenLine, DocumentFolderOpenLineProps, {}>
+         'dap-ds-icon-file-video-line': DefineCustomElement<DocumentFileVideoLine, DocumentFileVideoLineProps, {}>
     /**
      * An icon
      *
@@ -6910,7 +6903,7 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-cookie-line': DefineCustomElement<OthersCookieLine, OthersCookieLineProps, {}>
+         'dap-ds-icon-folder-open-line': DefineCustomElement<DocumentFolderOpenLine, DocumentFolderOpenLineProps, {}>
     /**
      * An icon
      *
@@ -6924,7 +6917,7 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-add-line': DefineCustomElement<SystemAddLine, SystemAddLineProps, {}>
+         'dap-ds-icon-heart-fill': DefineCustomElement<HealthHeartFill, HealthHeartFillProps, {}>
     /**
      * An icon
      *
@@ -6938,56 +6931,56 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-heart-fill': DefineCustomElement<HealthHeartFill, HealthHeartFillProps, {}>
+         'dap-ds-icon-cookie-line': DefineCustomElement<OthersCookieLine, OthersCookieLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-check-line': DefineCustomElement<SystemCheckLine, SystemCheckLineProps, {}>
+         'dap-ds-icon-add-line': DefineCustomElement<SystemAddLine, SystemAddLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-checkbox-blank-circle-fill': DefineCustomElement<SystemCheckboxBlankCircleFill, SystemCheckboxBlankCircleFillProps, {}>
+         'dap-ds-icon-alert-fill': DefineCustomElement<SystemAlertFill, SystemAlertFillProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-alert-line': DefineCustomElement<SystemAlertLine, SystemAlertLineProps, {}>
+         'dap-ds-icon-check-line': DefineCustomElement<SystemCheckLine, SystemCheckLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-alert-fill': DefineCustomElement<SystemAlertFill, SystemAlertFillProps, {}>
+         'dap-ds-icon-check-line2': DefineCustomElement<SystemCheckLine2, SystemCheckLine2Props, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-check-line2': DefineCustomElement<SystemCheckLine2, SystemCheckLine2Props, {}>
+         'dap-ds-icon-checkbox-blank-circle-fill': DefineCustomElement<SystemCheckboxBlankCircleFill, SystemCheckboxBlankCircleFillProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-checkbox-circle-line': DefineCustomElement<SystemCheckboxCircleLine, SystemCheckboxCircleLineProps, {}>
+         'dap-ds-icon-checkbox-blank-circle-line': DefineCustomElement<SystemCheckboxBlankCircleLine, SystemCheckboxBlankCircleLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-close-circle-fill': DefineCustomElement<SystemCloseCircleFill, SystemCloseCircleFillProps, {}>
+         'dap-ds-icon-checkbox-circle-fill': DefineCustomElement<SystemCheckboxCircleFill, SystemCheckboxCircleFillProps, {}>
     /**
      * An icon
      *
@@ -7001,91 +6994,91 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-close-fill': DefineCustomElement<SystemCloseFill, SystemCloseFillProps, {}>
+         'dap-ds-icon-checkbox-circle-line': DefineCustomElement<SystemCheckboxCircleLine, SystemCheckboxCircleLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-close-line': DefineCustomElement<SystemCloseLine, SystemCloseLineProps, {}>
+         'dap-ds-icon-close-circle-fill': DefineCustomElement<SystemCloseCircleFill, SystemCloseCircleFillProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-checkbox-blank-circle-line': DefineCustomElement<SystemCheckboxBlankCircleLine, SystemCheckboxBlankCircleLineProps, {}>
+         'dap-ds-icon-alert-line': DefineCustomElement<SystemAlertLine, SystemAlertLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-delete-bin-line': DefineCustomElement<SystemDeleteBinLine, SystemDeleteBinLineProps, {}>
+         'dap-ds-icon-close-circle-line': DefineCustomElement<SystemCloseCircleLine, SystemCloseCircleLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-download-line': DefineCustomElement<SystemDownloadLine, SystemDownloadLineProps, {}>
+         'dap-ds-icon-close-fill': DefineCustomElement<SystemCloseFill, SystemCloseFillProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-checkbox-circle-fill': DefineCustomElement<SystemCheckboxCircleFill, SystemCheckboxCircleFillProps, {}>
+         'dap-ds-icon-close-line': DefineCustomElement<SystemCloseLine, SystemCloseLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-error-warning-line': DefineCustomElement<SystemErrorWarningLine, SystemErrorWarningLineProps, {}>
+         'dap-ds-icon-delete-bin-fill': DefineCustomElement<SystemDeleteBinFill, SystemDeleteBinFillProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-external-link-line': DefineCustomElement<SystemExternalLinkLine, SystemExternalLinkLineProps, {}>
+         'dap-ds-icon-delete-bin-line': DefineCustomElement<SystemDeleteBinLine, SystemDeleteBinLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-close-circle-line': DefineCustomElement<SystemCloseCircleLine, SystemCloseCircleLineProps, {}>
+         'dap-ds-icon-download-line': DefineCustomElement<SystemDownloadLine, SystemDownloadLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-delete-bin-fill': DefineCustomElement<SystemDeleteBinFill, SystemDeleteBinFillProps, {}>
+         'dap-ds-icon-error-warning-fill': DefineCustomElement<SystemErrorWarningFill, SystemErrorWarningFillProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-error-warning-fill': DefineCustomElement<SystemErrorWarningFill, SystemErrorWarningFillProps, {}>
+         'dap-ds-icon-error-warning-line': DefineCustomElement<SystemErrorWarningLine, SystemErrorWarningLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-eye-line': DefineCustomElement<SystemEyeLine, SystemEyeLineProps, {}>
+         'dap-ds-icon-external-link-line': DefineCustomElement<SystemExternalLinkLine, SystemExternalLinkLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-information-fill': DefineCustomElement<SystemInformationFill, SystemInformationFillProps, {}>
+         'dap-ds-icon-eye-line': DefineCustomElement<SystemEyeLine, SystemEyeLineProps, {}>
     /**
      * An icon
      *
@@ -7113,14 +7106,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-information-line': DefineCustomElement<SystemInformationLine, SystemInformationLineProps, {}>
+         'dap-ds-icon-information-fill': DefineCustomElement<SystemInformationFill, SystemInformationFillProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-loading-spinner': DefineCustomElement<SystemLoadingSpinner, SystemLoadingSpinnerProps, {}>
+         'dap-ds-icon-information-line': DefineCustomElement<SystemInformationLine, SystemInformationLineProps, {}>
     /**
      * An icon
      *
@@ -7134,14 +7127,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-lock-fill': DefineCustomElement<SystemLockFill, SystemLockFillProps, {}>
+         'dap-ds-icon-loading-spinner': DefineCustomElement<SystemLoadingSpinner, SystemLoadingSpinnerProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-more-2-line': DefineCustomElement<SystemMore2Line, SystemMore2LineProps, {}>
+         'dap-ds-icon-lock-fill': DefineCustomElement<SystemLockFill, SystemLockFillProps, {}>
     /**
      * An icon
      *
@@ -7162,14 +7155,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-search-line': DefineCustomElement<SystemSearchLine, SystemSearchLineProps, {}>
+         'dap-ds-icon-menu-line-s': DefineCustomElement<SystemMenuLineS, SystemMenuLineSProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-menu-line-s': DefineCustomElement<SystemMenuLineS, SystemMenuLineSProps, {}>
+         'dap-ds-icon-more-2-line': DefineCustomElement<SystemMore2Line, SystemMore2LineProps, {}>
     /**
      * An icon
      *
@@ -7183,35 +7176,35 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-share-line': DefineCustomElement<SystemShareLine, SystemShareLineProps, {}>
+         'dap-ds-icon-search-line': DefineCustomElement<SystemSearchLine, SystemSearchLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-star-fill': DefineCustomElement<SystemStarFill, SystemStarFillProps, {}>
+         'dap-ds-icon-shield-check-fill': DefineCustomElement<SystemShieldCheckFill, SystemShieldCheckFillProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-shield-check-fill': DefineCustomElement<SystemShieldCheckFill, SystemShieldCheckFillProps, {}>
+         'dap-ds-icon-shield-check-line': DefineCustomElement<SystemShieldCheckLine, SystemShieldCheckLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-shield-check-line': DefineCustomElement<SystemShieldCheckLine, SystemShieldCheckLineProps, {}>
+         'dap-ds-icon-star-fill': DefineCustomElement<SystemStarFill, SystemStarFillProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-time-line': DefineCustomElement<SystemTimeLine, SystemTimeLineProps, {}>
+         'dap-ds-icon-subtract-line': DefineCustomElement<SystemSubtractLine, SystemSubtractLineProps, {}>
     /**
      * An icon
      *
@@ -7225,28 +7218,28 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-subtract-line': DefineCustomElement<SystemSubtractLine, SystemSubtractLineProps, {}>
+         'dap-ds-icon-time-fill': DefineCustomElement<SystemTimeFill, SystemTimeFillProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-time-fill': DefineCustomElement<SystemTimeFill, SystemTimeFillProps, {}>
+         'dap-ds-icon-share-line': DefineCustomElement<SystemShareLine, SystemShareLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-upload-2-fill': DefineCustomElement<SystemUpload2Fill, SystemUpload2FillProps, {}>
+         'dap-ds-icon-time-line': DefineCustomElement<SystemTimeLine, SystemTimeLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-upload-2-line': DefineCustomElement<SystemUpload2Line, SystemUpload2LineProps, {}>
+         'dap-ds-icon-upload-2-fill': DefineCustomElement<SystemUpload2Fill, SystemUpload2FillProps, {}>
     /**
      * An icon
      *
@@ -7254,6 +7247,13 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * - **base** - The main icon container.
      */
          'dap-ds-icon-upload-line': DefineCustomElement<SystemUploadLine, SystemUploadLineProps, {}>
+    /**
+     * An icon
+     *
+     * ### CSS Parts:
+     * - **base** - The main icon container.
+     */
+         'dap-ds-icon-upload-2-line': DefineCustomElement<SystemUpload2Line, SystemUpload2LineProps, {}>
     /**
      * An icon
      *
@@ -7274,14 +7274,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-account-circle-line': DefineCustomElement<UserAccountCircleLine, UserAccountCircleLineProps, {}>
+         'dap-ds-icon-account-circle-fill': DefineCustomElement<UserAccountCircleFill, UserAccountCircleFillProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-account-circle-fill': DefineCustomElement<UserAccountCircleFill, UserAccountCircleFillProps, {}>
+         'dap-ds-icon-account-circle-line': DefineCustomElement<UserAccountCircleLine, UserAccountCircleLineProps, {}>
     /**
      * An icon
      *
@@ -7304,15 +7304,19 @@ 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-accordion-group': DapDSAccordionGroupProps & DapDSAccordionGroupSlots
       'dap-ds-avatar': DapDSAvatarProps & DapDSAvatarEvents & DapDSAvatarSlots
       'dap-ds-avatar-group': DapDSAvatarGroupProps & DapDSAvatarGroupEvents & DapDSAvatarGroupSlots
-      'dap-ds-badge': DapDSBadgeProps & DapDSBadgeSlots
-      'dap-ds-breadcrumb': DapDSBreadcrumbProps & DapDSBreadcrumbSlots
       'dap-ds-banner': DapDSBannerProps & DapDSBannerEvents & DapDSBannerSlots
+      'dap-ds-breadcrumb': DapDSBreadcrumbProps & DapDSBreadcrumbSlots
+      'dap-ds-badge': DapDSBadgeProps & DapDSBadgeSlots
+      '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-checkbox': DapDSCheckboxProps & DapDSCheckboxEvents
       'dap-ds-card-actions': DapDSCardActionsProps & DapDSCardActionsSlots
       'dap-ds-card-content': DapDSCardContentProps & DapDSCardContentSlots
       'dap-ds-card-image': DapDSCardImageProps & DapDSCardImageSlots
@@ -7320,49 +7324,48 @@ declare global {
       '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-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-input': DapDSInputProps & DapDSInputEvents & DapDSInputSlots
+      'dap-ds-label': DapDSLabelProps
+      '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-overlay': DapDSOverlayProps & DapDSOverlayEvents & DapDSOverlaySlots
       'dap-ds-option-list': DapDSOptionListProps & DapDSOptionListEvents & DapDSOptionListSlots
       '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
@@ -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,10 +7394,8 @@ 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-form-label': DapDSFormLabelProps
       'dap-ds-radio-group': DapDSRadioGroupProps & DapDSRadioGroupEvents & DapDSRadioGroupSlots
       'dap-ds-icon-arrow-down-line': ArrowsArrowDownLineProps
       'dap-ds-icon-arrow-down-s-fill': ArrowsArrowDownSFillProps
@@ -7423,66 +7423,66 @@ declare global {
       'dap-ds-icon-computer-line': DeviceComputerLineProps
       '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-image-line': DocumentFileImageLineProps
       '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-add-line': SystemAddLineProps
       'dap-ds-icon-alert-fill': SystemAlertFillProps
+      '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-line': SystemCheckboxBlankCircleLineProps
+      'dap-ds-icon-checkbox-circle-fill': SystemCheckboxCircleFillProps
+      'dap-ds-icon-checkbox-blank-circle-fill-check': SystemCheckboxBlankCircleFillCheckProps
       '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-alert-line': SystemAlertLineProps
+      '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-share-line': SystemShareLineProps
-      'dap-ds-icon-star-fill': SystemStarFillProps
+      'dap-ds-icon-search-line': SystemSearchLineProps
       '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-share-line': SystemShareLineProps
+      '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-upload-2-line': SystemUpload2LineProps
       '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-account-circle-line': UserAccountCircleLineProps
       'dap-ds-icon-user-fill': UserUserFillProps
       'dap-ds-icon-user-line': UserUserLineProps
     }