dap-design-system 0.57.7 → 0.57.9

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

@@ -217,11 +217,6 @@ export interface DapDSAccordionEvents {
   onDdsClosed?: (event: CustomEvent<{ open: boolean, item: AccordionBaseElement }>) => void
 }
 
-export interface DapDSAvatarGroupEvents {
-  /** Fired when the overflow indicator is clicked. */
-  onDdsOverflowClick?: (event: CustomEvent) => void
-}
-
 export interface DapDSAvatarEvents {
   /** Fired when the image loads successfully. */
   onDdsLoad?: (event: CustomEvent) => void
@@ -229,6 +224,11 @@ export interface DapDSAvatarEvents {
   onDdsError?: (event: CustomEvent) => void
 }
 
+export interface DapDSAvatarGroupEvents {
+  /** Fired when the overflow indicator is clicked. */
+  onDdsOverflowClick?: (event: CustomEvent) => void
+}
+
 export interface DapDSBannerEvents {
   /** Event fired when the banner is closed. */
   onDdsClose?: (event: CustomEvent) => void
@@ -666,8 +666,8 @@ export interface DapDSAccordionSlots {
   'icon-closed'?: () => any
 }
 
-export interface DapDSAvatarGroupSlots {
-  /** The avatars to display in the group. */
+export interface DapDSAccordionGroupSlots {
+  /** The content of the accordion group. */
   default?: () => any
 }
 
@@ -678,11 +678,9 @@ export interface DapDSAvatarSlots {
   'fallback'?: () => any
 }
 
-export interface DapDSBadgeSlots {
-  /** The content of the badge. */
+export interface DapDSAvatarGroupSlots {
+  /** The avatars to display in the group. */
   default?: () => any
-  /** The icon of the badge. */
-  'icon'?: () => any
 }
 
 export interface DapDSBannerSlots {
@@ -701,9 +699,11 @@ export interface DapDSBreadcrumbSlots {
   'separator'?: () => any
 }
 
-export interface DapDSAccordionGroupSlots {
-  /** The content of the accordion group. */
+export interface DapDSBadgeSlots {
+  /** The content of the badge. */
   default?: () => any
+  /** The icon of the badge. */
+  'icon'?: () => any
 }
 
 export interface DapDSBreadcrumbItemSlots {
@@ -1148,23 +1148,11 @@ export type DapDSAccordionProps = {
   loading?: DapDSAccordion["loading"]
 }
 
-export type DapDSAvatarGroupProps = {
-  /** Layout type for the avatar group */
-  layout?: DapDSAvatarGroup["layout"]
-  /** Maximum number of avatars to show before showing overflow */
-  max?: DapDSAvatarGroup["max"]
-  /** Whether to show the total count in overflow indicator */
-  "show-total"?: DapDSAvatarGroup["showTotal"]
-  /** Interactive overflow indicator */
-  "interactive-overflow"?: DapDSAvatarGroup["interactiveOverflow"]
-  /** Accessible label for the avatar group */
-  label?: DapDSAvatarGroup["label"]
-  /** Accessible label for the overflow indicator */
-  "overflow-label"?: DapDSAvatarGroup["overflowLabel"]
-  /** The size of avatars in the group. Default is `md`. See SizedMixin. */
-  size?: DapDSAvatarGroup["size"]
-  /** Responsive size map (e.g. "md:lg"); see SizedMixin. */
-  sizeMap?: DapDSAvatarGroup["sizeMap"]
+export type DapDSAccordionGroupProps = {
+  /** Whether to close other accordions when one is opened. */
+  autoClose?: DapDSAccordionGroup["autoClose"]
+  /** The variant of the accordion */
+  variant?: DapDSAccordionGroup["variant"]
 }
 
 export type DapDSAvatarProps = {
@@ -1194,17 +1182,34 @@ export type DapDSAvatarProps = {
   sizeMap?: DapDSAvatar["sizeMap"]
 }
 
-export type DapDSBadgeProps = {
-  /** The type of the badge */
-  type?: DapDSBadge["type"]
-  /** The icon of the badge, this is a name of a built in icon */
-  icon?: DapDSBadge["icon"]
-  /** Whether the badge represents dynamic content that should announce changes */
-  live?: DapDSBadge["live"]
-  /** The size of the badge. Default is `sm`. */
-  size?: DapDSBadge["size"]
-  /** Responsive size map (e.g. "md:lg"). */
-  sizeMap?: DapDSBadge["sizeMap"]
+export type DapDSAnchorHeadingProps = {
+  /** The variant of the heading. Default is `h2`. Can be `h1`, `h2`, `h3`, `h4`, `h5`, or `h6`. */
+  variant?: DapDSAnchorHeading["variant"]
+  /** The label of the heading. */
+  label?: DapDSAnchorHeading["label"]
+  /**  */
+  elementId?: DapDSAnchorHeading["elementId"]
+  /**  */
+  anchorTitle?: DapDSAnchorHeading["anchorTitle"]
+}
+
+export type DapDSAvatarGroupProps = {
+  /** Layout type for the avatar group */
+  layout?: DapDSAvatarGroup["layout"]
+  /** Maximum number of avatars to show before showing overflow */
+  max?: DapDSAvatarGroup["max"]
+  /** Whether to show the total count in overflow indicator */
+  "show-total"?: DapDSAvatarGroup["showTotal"]
+  /** Interactive overflow indicator */
+  "interactive-overflow"?: DapDSAvatarGroup["interactiveOverflow"]
+  /** Accessible label for the avatar group */
+  label?: DapDSAvatarGroup["label"]
+  /** Accessible label for the overflow indicator */
+  "overflow-label"?: DapDSAvatarGroup["overflowLabel"]
+  /** The size of avatars in the group. Default is `md`. See SizedMixin. */
+  size?: DapDSAvatarGroup["size"]
+  /** Responsive size map (e.g. "md:lg"); see SizedMixin. */
+  sizeMap?: DapDSAvatarGroup["sizeMap"]
 }
 
 export type DapDSBannerProps = {
@@ -1216,6 +1221,8 @@ export type DapDSBannerProps = {
   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"]
 }
@@ -1229,22 +1236,17 @@ export type DapDSBreadcrumbProps = {
   "aria-labelledby"?: DapDSBreadcrumb["ariaLabelledBy"]
 }
 
-export type DapDSAccordionGroupProps = {
-  /** Whether to close other accordions when one is opened. */
-  autoClose?: DapDSAccordionGroup["autoClose"]
-  /** The variant of the accordion */
-  variant?: DapDSAccordionGroup["variant"]
-}
-
-export type DapDSAnchorHeadingProps = {
-  /** The variant of the heading. Default is `h2`. Can be `h1`, `h2`, `h3`, `h4`, `h5`, or `h6`. */
-  variant?: DapDSAnchorHeading["variant"]
-  /** The label of the heading. */
-  label?: DapDSAnchorHeading["label"]
-  /**  */
-  elementId?: DapDSAnchorHeading["elementId"]
-  /**  */
-  anchorTitle?: DapDSAnchorHeading["anchorTitle"]
+export type DapDSBadgeProps = {
+  /** The type of the badge */
+  type?: DapDSBadge["type"]
+  /** The icon of the badge, this is a name of a built in icon */
+  icon?: DapDSBadge["icon"]
+  /** Whether the badge represents dynamic content that should announce changes */
+  live?: DapDSBadge["live"]
+  /** The size of the badge. Default is `sm`. */
+  size?: DapDSBadge["size"]
+  /** Responsive size map (e.g. "md:lg"). */
+  sizeMap?: DapDSBadge["sizeMap"]
 }
 
 export type DapDSBreadcrumbItemProps = {
@@ -1327,6 +1329,10 @@ export type DapDSCalendarProps = {
   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"]
   /** The value of the calendar. */
   value?: DapDSCalendar["value"]
   /** The start date of the range selection (only used in range mode). */
@@ -1364,61 +1370,12 @@ export type DapDSCalloutProps = {
   title?: DapDSCallout["title"]
   /** The label of the close button */
   closeButtonLabel?: DapDSCallout["closeButtonLabel"]
+  /** `data-testid` for the default close button. */
+  closeButtonTestId?: DapDSCallout["closeButtonTestId"]
   /** If the callout is opened */
   opened?: DapDSCallout["opened"]
 }
 
-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"]
-  /**  */
-  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"]
-  /** 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"]
-}
-
 export type DapDSCardActionsProps = {
   /** The spacing of the card actions. This adds a margin to the card actions. Default is `bottom`. */
   spacing?: DapDSCardActions["spacing"]
@@ -1505,6 +1462,57 @@ export type DapDSCardProps = {
   sizeMap?: DapDSCard["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"]
+  /**  */
+  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"]
+  /** 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"]
+}
+
 export type DapDSChipProps = {
   /** Whether the chip is removeable */
   removeable?: DapDSChip["removeable"]
@@ -1518,6 +1526,8 @@ export type DapDSChipProps = {
   value?: DapDSChip["value"]
   /** The aria label for the delete button */
   deleteAriaLabel?: DapDSChip["deleteAriaLabel"]
+  /** `data-testid` for the remove button. */
+  removeButtonTestId?: DapDSChip["removeButtonTestId"]
   /** The size of the chip. Default is `sm`. */
   size?: DapDSChip["size"]
   /** Responsive size map (e.g. "md:lg"). */
@@ -1707,6 +1717,8 @@ export type DapDSContentSwitcherProps = {
 export type DapDSCopyBoxInputProps = {
   /** The aria label of the copy button. */
   copyButtonAriaLabel?: DapDSCopyBoxInput["copyButtonAriaLabel"]
+  /** `data-testid` for the copy button. */
+  copyButtonTestId?: DapDSCopyBoxInput["copyButtonTestId"]
   /**  */
   type?: DapDSCopyBoxInput["type"]
   /** The label of the input. */
@@ -1821,6 +1833,8 @@ export type DapDSDataTableProps<T> = {
   nextButtonLabel?: DapDSDataTable<T>["nextButtonLabel"]
   /** The label of the last button */
   lastButtonLabel?: DapDSDataTable<T>["lastButtonLabel"]
+  /** `data-testid` for the column sort-toggle button. Suffixed with the column id. */
+  sortButtonTestId?: DapDSDataTable<T>["sortButtonTestId"]
   /** Available page size options for the pager */
   pageSizeOptions?: DapDSDataTable<T>["pageSizeOptions"]
   /** Sorting state of the table */
@@ -1878,6 +1892,10 @@ export type DapDSDatePickerProps = {
   clearButton?: DapDSDatePicker["clearButton"]
   /** The aria label of the clear button. */
   clearButtonAriaLabel?: DapDSDatePicker["clearButtonAriaLabel"]
+  /** `data-testid` for the clear button. */
+  clearButtonTestId?: DapDSDatePicker["clearButtonTestId"]
+  /** `data-testid` for the calendar indicator button that opens the calendar. */
+  calendarButtonTestId?: DapDSDatePicker["calendarButtonTestId"]
   /** The floating strategy of the datepicker. */
   floatingStrategy?: DapDSDatePicker["floatingStrategy"]
   /** Whether to keep popup open when trigger leaves viewport. */
@@ -1963,6 +1981,8 @@ export type DapDSFileInputListItemProps = {
   loading?: DapDSFileInputListItem["loading"]
   /** Show delete button. */
   showDeleteButton?: DapDSFileInputListItem["showDeleteButton"]
+  /** `data-testid` for the remove-file button. */
+  removeButtonTestId?: DapDSFileInputListItem["removeButtonTestId"]
   /** Show file size. */
   showFileSize?: DapDSFileInputListItem["showFileSize"]
   /** Show file link. */
@@ -2023,6 +2043,10 @@ export type DapDSFileInputProps = {
   uploadButtonLabel?: DapDSFileInput["uploadButtonLabel"]
   /** The label for the browse button. */
   browseButtonLabel?: DapDSFileInput["browseButtonLabel"]
+  /** `data-testid` for the browse button. */
+  browseButtonTestId?: DapDSFileInput["browseButtonTestId"]
+  /** `data-testid` for the upload button. */
+  uploadButtonTestId?: DapDSFileInput["uploadButtonTestId"]
   /** Whether to show a separate dropzone area. */
   showDropzone?: DapDSFileInput["showDropzone"]
   /** Text to display in the dropzone. */
@@ -2180,6 +2204,10 @@ export type DapDSImageZoomProps = {
   hideButtons?: DapDSImageZoom["hideButtons"]
   /**  */
   zoomButtonVariant?: DapDSImageZoom["zoomButtonVariant"]
+  /** `data-testid` for the expand/zoom button. */
+  expandButtonTestId?: DapDSImageZoom["expandButtonTestId"]
+  /** `data-testid` for the unzoom/close button. */
+  unzoomButtonTestId?: DapDSImageZoom["unzoomButtonTestId"]
 }
 
 export type DapDSInputProps = {
@@ -2432,6 +2460,8 @@ export type DapDSNavigationMenuItemProps = {
   orientation?: DapDSNavigationMenuItem["orientation"]
   /** Controls how Tab key navigates through top-level items. Default is 'group'. */
   tabMode?: DapDSNavigationMenuItem["tabMode"]
+  /** `data-testid` for the default menu trigger button. */
+  triggerButtonTestId?: DapDSNavigationMenuItem["triggerButtonTestId"]
   /**  */
   submenuController?: DapDSNavigationMenuItem["submenuController"]
   /**  */
@@ -2491,6 +2521,10 @@ export type DapDSNumberInputProps = {
   hideControls?: DapDSNumberInput["hideControls"]
   /** The number of leading zeros to add to the input. */
   padStart?: DapDSNumberInput["padStart"]
+  /** `data-testid` for the decrement stepper button. */
+  decrementButtonTestId?: DapDSNumberInput["decrementButtonTestId"]
+  /** `data-testid` for the increment stepper button. */
+  incrementButtonTestId?: DapDSNumberInput["incrementButtonTestId"]
   /**  */
   _thousandSeparator?: DapDSNumberInput["_thousandSeparator"]
   /**  */
@@ -2657,11 +2691,15 @@ export type DapDSPagerProps = {
   nextButtonLabel?: DapDSPager["nextButtonLabel"]
   /** The last button label. */
   lastButtonLabel?: DapDSPager["lastButtonLabel"]
+  /** `data-testid` for the pagination buttons. Suffixed with the button's part (first/previous/next/last). */
+  pageButtonTestId?: DapDSPager["pageButtonTestId"]
   /** The function to determine the pager text. If not provided, uses default reactive translation. */
   pageStateText?: DapDSPager["pageStateText"]
 }
 
 export type DapDSPasswordInputProps = {
+  /** `data-testid` for the show/hide toggle button. */
+  toggleButtonTestId?: DapDSPasswordInput["toggleButtonTestId"]
   /**  */
   passwordVisibile?: DapDSPasswordInput["passwordVisibile"]
   /**  */
@@ -3050,6 +3088,8 @@ export type DapDSSnackbarMessageProps = {
   customStyle?: DapDSSnackbarMessage["customStyle"]
   /** The position of the snackbar container for directional animations. */
   position?: DapDSSnackbarMessage["position"]
+  /** `data-testid` for the snackbar close button. */
+  closeButtonTestId?: DapDSSnackbarMessage["closeButtonTestId"]
 }
 
 export type DapDSSnackbarProps = {
@@ -3269,6 +3309,14 @@ export type DapDSTimeGridProps = {
   hideDisabledTimes?: DapDSTimeGrid["hideDisabledTimes"]
   /**  */
   presets?: DapDSTimeGrid["presets"]
+  /** `data-testid` base for the preset buttons (preset value appended). */
+  presetButtonTestId?: DapDSTimeGrid["presetButtonTestId"]
+  /** `data-testid` base for the hour select buttons (hour value appended). */
+  hourButtonTestId?: DapDSTimeGrid["hourButtonTestId"]
+  /** `data-testid` base for the minute select buttons (minute value appended). */
+  minuteButtonTestId?: DapDSTimeGrid["minuteButtonTestId"]
+  /** `data-testid` base for the second select buttons (second value appended). */
+  secondButtonTestId?: DapDSTimeGrid["secondButtonTestId"]
   /**  */
   disabledTime?: DapDSTimeGrid["disabledTime"]
 }
@@ -3300,6 +3348,10 @@ export type DapDSTimePickerProps = {
   clearButton?: DapDSTimePicker["clearButton"]
   /** The aria label of the clear button. */
   clearButtonAriaLabel?: DapDSTimePicker["clearButtonAriaLabel"]
+  /** `data-testid` for the clear button. */
+  clearButtonTestId?: DapDSTimePicker["clearButtonTestId"]
+  /** `data-testid` for the time indicator button that opens the grid. */
+  timeButtonTestId?: DapDSTimePicker["timeButtonTestId"]
   /** The floating strategy of the timepicker. */
   floatingStrategy?: DapDSTimePicker["floatingStrategy"]
   /** Whether to keep popup open when trigger leaves viewport. */
@@ -3463,25 +3515,6 @@ export type DapDSTypographyProps = {
   inverted?: DapDSTypography["inverted"]
 }
 
-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"]
-  /** 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"]
-  /** The label text. */
-  label?: DapDSFormLabel["label"]
-}
-
 export type DapDSInputGroupProps = {
   /**  */
   allInputs?: DapDSInputGroup["allInputs"]
@@ -3513,6 +3546,25 @@ 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"]
+  /** 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"]
+  /** The label text. */
+  label?: DapDSFormLabel["label"]
+}
+
 export type DapDSRadioGroupProps = {
   /** The tooltip placement of the radio group. */
   tooltipPlacement?: DapDSRadioGroup["tooltipPlacement"]
@@ -3616,18 +3668,7 @@ export type ArrowsArrowLeftLineProps = {
   focusable?: ArrowsArrowLeftLine["focusable"]
 }
 
-export type ArrowsArrowLeftSFillProps = {
-  /** (optional) The width and height in pixels */
-  size?: ArrowsArrowLeftSFill["size"]
-  /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: ArrowsArrowLeftSFill["selected"]
-  /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: ArrowsArrowLeftSFill["accessibilityTitle"]
-  /** (optional) If `true` the icon can receive focus */
-  focusable?: ArrowsArrowLeftSFill["focusable"]
-}
-
-export type ArrowsArrowLeftSLineProps = {
+export type ArrowsArrowLeftSLineProps = {
   /** (optional) The width and height in pixels */
   size?: ArrowsArrowLeftSLine["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
@@ -3638,15 +3679,15 @@ export type ArrowsArrowLeftSLineProps = {
   focusable?: ArrowsArrowLeftSLine["focusable"]
 }
 
-export type ArrowsArrowRightDownLineProps = {
+export type ArrowsArrowLeftSFillProps = {
   /** (optional) The width and height in pixels */
-  size?: ArrowsArrowRightDownLine["size"]
+  size?: ArrowsArrowLeftSFill["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: ArrowsArrowRightDownLine["selected"]
+  selected?: ArrowsArrowLeftSFill["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: ArrowsArrowRightDownLine["accessibilityTitle"]
+  accessibilityTitle?: ArrowsArrowLeftSFill["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: ArrowsArrowRightDownLine["focusable"]
+  focusable?: ArrowsArrowLeftSFill["focusable"]
 }
 
 export type ArrowsArrowLeftUpLineProps = {
@@ -3660,15 +3701,15 @@ export type ArrowsArrowLeftUpLineProps = {
   focusable?: ArrowsArrowLeftUpLine["focusable"]
 }
 
-export type ArrowsArrowRightLineProps = {
+export type ArrowsArrowRightDownLineProps = {
   /** (optional) The width and height in pixels */
-  size?: ArrowsArrowRightLine["size"]
+  size?: ArrowsArrowRightDownLine["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: ArrowsArrowRightLine["selected"]
+  selected?: ArrowsArrowRightDownLine["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: ArrowsArrowRightLine["accessibilityTitle"]
+  accessibilityTitle?: ArrowsArrowRightDownLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: ArrowsArrowRightLine["focusable"]
+  focusable?: ArrowsArrowRightDownLine["focusable"]
 }
 
 export type ArrowsArrowRightLLineProps = {
@@ -3682,6 +3723,17 @@ export type ArrowsArrowRightLLineProps = {
   focusable?: ArrowsArrowRightLLine["focusable"]
 }
 
+export type ArrowsArrowRightLineProps = {
+  /** (optional) The width and height in pixels */
+  size?: ArrowsArrowRightLine["size"]
+  /** (optional) Sets the icon color via the `fill` attribute */
+  selected?: ArrowsArrowRightLine["selected"]
+  /** (optional) When using the icon standalone, make it meaningful for accessibility */
+  accessibilityTitle?: ArrowsArrowRightLine["accessibilityTitle"]
+  /** (optional) If `true` the icon can receive focus */
+  focusable?: ArrowsArrowRightLine["focusable"]
+}
+
 export type ArrowsArrowRightSFillProps = {
   /** (optional) The width and height in pixels */
   size?: ArrowsArrowRightSFill["size"]
@@ -3814,17 +3866,6 @@ export type DeviceComputerLineProps = {
   focusable?: DeviceComputerLine["focusable"]
 }
 
-export type EditorSeparatorProps = {
-  /** (optional) The width and height in pixels */
-  size?: EditorSeparator["size"]
-  /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: EditorSeparator["selected"]
-  /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: EditorSeparator["accessibilityTitle"]
-  /** (optional) If `true` the icon can receive focus */
-  focusable?: EditorSeparator["focusable"]
-}
-
 export type DocumentClipboardLineProps = {
   /** (optional) The width and height in pixels */
   size?: DocumentClipboardLine["size"]
@@ -3847,26 +3888,26 @@ export type DocumentFileCopyLineProps = {
   focusable?: DocumentFileCopyLine["focusable"]
 }
 
-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"]
+  accessibilityTitle?: DocumentFileMusicLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: DocumentFileImageLine["focusable"]
+  focusable?: DocumentFileMusicLine["focusable"]
 }
 
-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"]
 }
 
 export type DocumentFileTextLineProps = {
@@ -3913,6 +3954,17 @@ export type DocumentFolderOpenLineProps = {
   focusable?: DocumentFolderOpenLine["focusable"]
 }
 
+export type EditorSeparatorProps = {
+  /** (optional) The width and height in pixels */
+  size?: EditorSeparator["size"]
+  /** (optional) Sets the icon color via the `fill` attribute */
+  selected?: EditorSeparator["selected"]
+  /** (optional) When using the icon standalone, make it meaningful for accessibility */
+  accessibilityTitle?: EditorSeparator["accessibilityTitle"]
+  /** (optional) If `true` the icon can receive focus */
+  focusable?: EditorSeparator["focusable"]
+}
+
 export type HealthHeartFillProps = {
   /** (optional) The width and height in pixels */
   size?: HealthHeartFill["size"]
@@ -3946,50 +3998,6 @@ export type OthersCookieLineProps = {
   focusable?: OthersCookieLine["focusable"]
 }
 
-export type UserAccountCircleFillProps = {
-  /** (optional) The width and height in pixels */
-  size?: UserAccountCircleFill["size"]
-  /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: UserAccountCircleFill["selected"]
-  /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: UserAccountCircleFill["accessibilityTitle"]
-  /** (optional) If `true` the icon can receive focus */
-  focusable?: UserAccountCircleFill["focusable"]
-}
-
-export type UserAccountCircleLineProps = {
-  /** (optional) The width and height in pixels */
-  size?: UserAccountCircleLine["size"]
-  /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: UserAccountCircleLine["selected"]
-  /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: UserAccountCircleLine["accessibilityTitle"]
-  /** (optional) If `true` the icon can receive focus */
-  focusable?: UserAccountCircleLine["focusable"]
-}
-
-export type UserUserFillProps = {
-  /** (optional) The width and height in pixels */
-  size?: UserUserFill["size"]
-  /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: UserUserFill["selected"]
-  /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: UserUserFill["accessibilityTitle"]
-  /** (optional) If `true` the icon can receive focus */
-  focusable?: UserUserFill["focusable"]
-}
-
-export type UserUserLineProps = {
-  /** (optional) The width and height in pixels */
-  size?: UserUserLine["size"]
-  /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: UserUserLine["selected"]
-  /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: UserUserLine["accessibilityTitle"]
-  /** (optional) If `true` the icon can receive focus */
-  focusable?: UserUserLine["focusable"]
-}
-
 export type SystemAddLineProps = {
   /** (optional) The width and height in pixels */
   size?: SystemAddLine["size"]
@@ -4518,6 +4526,50 @@ export type SystemZoomOutLineProps = {
   focusable?: SystemZoomOutLine["focusable"]
 }
 
+export type UserAccountCircleFillProps = {
+  /** (optional) The width and height in pixels */
+  size?: UserAccountCircleFill["size"]
+  /** (optional) Sets the icon color via the `fill` attribute */
+  selected?: UserAccountCircleFill["selected"]
+  /** (optional) When using the icon standalone, make it meaningful for accessibility */
+  accessibilityTitle?: UserAccountCircleFill["accessibilityTitle"]
+  /** (optional) If `true` the icon can receive focus */
+  focusable?: UserAccountCircleFill["focusable"]
+}
+
+export type UserAccountCircleLineProps = {
+  /** (optional) The width and height in pixels */
+  size?: UserAccountCircleLine["size"]
+  /** (optional) Sets the icon color via the `fill` attribute */
+  selected?: UserAccountCircleLine["selected"]
+  /** (optional) When using the icon standalone, make it meaningful for accessibility */
+  accessibilityTitle?: UserAccountCircleLine["accessibilityTitle"]
+  /** (optional) If `true` the icon can receive focus */
+  focusable?: UserAccountCircleLine["focusable"]
+}
+
+export type UserUserFillProps = {
+  /** (optional) The width and height in pixels */
+  size?: UserUserFill["size"]
+  /** (optional) Sets the icon color via the `fill` attribute */
+  selected?: UserUserFill["selected"]
+  /** (optional) When using the icon standalone, make it meaningful for accessibility */
+  accessibilityTitle?: UserUserFill["accessibilityTitle"]
+  /** (optional) If `true` the icon can receive focus */
+  focusable?: UserUserFill["focusable"]
+}
+
+export type UserUserLineProps = {
+  /** (optional) The width and height in pixels */
+  size?: UserUserLine["size"]
+  /** (optional) Sets the icon color via the `fill` attribute */
+  selected?: UserUserLine["selected"]
+  /** (optional) When using the icon standalone, make it meaningful for accessibility */
+  accessibilityTitle?: UserUserLine["accessibilityTitle"]
+  /** (optional) If `true` the icon can receive focus */
+  focusable?: UserUserLine["focusable"]
+}
+
 // Augment Vue's GlobalComponents interface
 declare module 'vue' {
   interface GlobalComponents {
@@ -4548,20 +4600,15 @@ declare module 'vue' {
      */
          'dap-ds-accordion': DefineCustomElement<DapDSAccordion, DapDSAccordionProps, DapDSAccordionEvents>
     /**
-     * Avatar group component displays multiple avatars in an organized layout with overflow management.
-     *
-     * ### Events:
-     * - **dds-overflow-click** - Fired when the overflow indicator is clicked.
+     * An accordion group is a collection of accordion components.
      *
      * ### Slots:
-     * - **default** - The avatars to display in the group.
+     * - **default** - The content of the accordion group.
      *
      * ### CSS Parts:
-     * - **base** - The main container of the avatar group.
-     * - **avatars** - The container for the visible avatars.
-     * - **overflow** - The overflow indicator element.
+     * - **base** - The main accordion group container.
      */
-         'dap-ds-avatar-group': DefineCustomElement<DapDSAvatarGroup, DapDSAvatarGroupProps, DapDSAvatarGroupEvents>
+         'dap-ds-accordion-group': DefineCustomElement<DapDSAccordionGroup, DapDSAccordionGroupProps, {}>
     /**
      * Avatar component can be used to display user profile images, initials, or icons.
      *
@@ -4583,19 +4630,30 @@ declare module 'vue' {
      */
          'dap-ds-avatar': DefineCustomElement<DapDSAvatar, DapDSAvatarProps, DapDSAvatarEvents>
     /**
-     * A badge is a small status descriptor for UI elements.
+     * Anchor heading is a heading with an anchor link.
+     *
+     * ### CSS Parts:
+     * - **base** - The main anchor heading container.
+     * - **link** - The link of the anchor heading. dap-ds-link element.
+     * - **link-base** - The base of the link part.
+     * - **text** - The text of the anchor heading.
+     */
+         'dap-ds-anchor-heading': DefineCustomElement<DapDSAnchorHeading, DapDSAnchorHeadingProps, {}>
+    /**
+     * Avatar group component displays multiple avatars in an organized layout with overflow management.
+     *
+     * ### Events:
+     * - **dds-overflow-click** - Fired when the overflow indicator is clicked.
      *
      * ### Slots:
-     * - **default** - The content of the badge.
-     * - **icon** - The icon of the badge.
+     * - **default** - The avatars to display in the group.
      *
      * ### CSS Parts:
-     * - **base** - The main container of the badge.
-     * - **icon** - The icon of the badge.
-     * - **content** - The content of the badge.
-     * - **icon-base** - The base of the icon.
+     * - **base** - The main container of the avatar group.
+     * - **avatars** - The container for the visible avatars.
+     * - **overflow** - The overflow indicator element.
      */
-         'dap-ds-badge': DefineCustomElement<DapDSBadge, DapDSBadgeProps, {}>
+         'dap-ds-avatar-group': DefineCustomElement<DapDSAvatarGroup, DapDSAvatarGroupProps, DapDSAvatarGroupEvents>
     /**
      * A banner is a message displayed at the top of the page to provide important information to the user.
      *
@@ -4633,25 +4691,19 @@ declare module 'vue' {
      */
          'dap-ds-breadcrumb': DefineCustomElement<DapDSBreadcrumb, DapDSBreadcrumbProps, {}>
     /**
-     * An accordion group is a collection of accordion components.
+     * A badge is a small status descriptor for UI elements.
      *
      * ### 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.
+     * - **default** - The content of the badge.
+     * - **icon** - The icon of the badge.
      *
      * ### CSS Parts:
-     * - **base** - The main anchor heading container.
-     * - **link** - The link of the anchor heading. dap-ds-link element.
-     * - **link-base** - The base of the link part.
-     * - **text** - The text of the anchor heading.
+     * - **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-anchor-heading': DefineCustomElement<DapDSAnchorHeading, DapDSAnchorHeadingProps, {}>
+         '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.
      *
@@ -4739,27 +4791,6 @@ declare module 'vue' {
      * - **close** - The close button of the callout.
      */
          'dap-ds-callout': DefineCustomElement<DapDSCallout, DapDSCalloutProps, DapDSCalloutEvents>
-    /**
-     * 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.
      *
@@ -4820,6 +4851,27 @@ declare module 'vue' {
      * - **base** - The main card container.
      */
          'dap-ds-card': DefineCustomElement<DapDSCard, DapDSCardProps, {}>
+    /**
+     * 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 chip is a small status descriptor for UI elements.
      *
@@ -6028,15 +6080,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 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.
      *
@@ -6052,6 +6095,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.
      *
@@ -6119,42 +6171,42 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-arrow-left-s-fill': DefineCustomElement<ArrowsArrowLeftSFill, ArrowsArrowLeftSFillProps, {}>
+         'dap-ds-icon-arrow-left-s-line': DefineCustomElement<ArrowsArrowLeftSLine, ArrowsArrowLeftSLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-arrow-left-s-line': DefineCustomElement<ArrowsArrowLeftSLine, ArrowsArrowLeftSLineProps, {}>
+         'dap-ds-icon-arrow-left-s-fill': DefineCustomElement<ArrowsArrowLeftSFill, ArrowsArrowLeftSFillProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-arrow-right-down-line': DefineCustomElement<ArrowsArrowRightDownLine, ArrowsArrowRightDownLineProps, {}>
+         'dap-ds-icon-arrow-left-up-line': DefineCustomElement<ArrowsArrowLeftUpLine, ArrowsArrowLeftUpLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-arrow-left-up-line': DefineCustomElement<ArrowsArrowLeftUpLine, ArrowsArrowLeftUpLineProps, {}>
+         'dap-ds-icon-arrow-right-down-line': DefineCustomElement<ArrowsArrowRightDownLine, ArrowsArrowRightDownLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-arrow-right-line': DefineCustomElement<ArrowsArrowRightLine, ArrowsArrowRightLineProps, {}>
+         'dap-ds-icon-arrow-right-l-line': DefineCustomElement<ArrowsArrowRightLLine, ArrowsArrowRightLLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-arrow-right-l-line': DefineCustomElement<ArrowsArrowRightLLine, ArrowsArrowRightLLineProps, {}>
+         'dap-ds-icon-arrow-right-line': DefineCustomElement<ArrowsArrowRightLine, ArrowsArrowRightLineProps, {}>
     /**
      * An icon
      *
@@ -6239,13 +6291,6 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * - **base** - The main icon container.
      */
          'dap-ds-icon-computer-line': DefineCustomElement<DeviceComputerLine, DeviceComputerLineProps, {}>
-    /**
-     * An icon
-     *
-     * ### CSS Parts:
-     * - **base** - The main icon container.
-     */
-         'dap-ds-icon-separator': DefineCustomElement<EditorSeparator, EditorSeparatorProps, {}>
     /**
      * An icon
      *
@@ -6266,14 +6311,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, {}>
+         '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
      *
@@ -6308,49 +6353,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-heart-fill': DefineCustomElement<HealthHeartFill, HealthHeartFillProps, {}>
-    /**
-     * An icon
-     *
-     * ### CSS Parts:
-     * - **base** - The main icon container.
-     */
-         'dap-ds-icon-heart-line': DefineCustomElement<HealthHeartLine, HealthHeartLineProps, {}>
-    /**
-     * An icon
-     *
-     * ### CSS Parts:
-     * - **base** - The main icon container.
-     */
-         'dap-ds-icon-cookie-line': DefineCustomElement<OthersCookieLine, OthersCookieLineProps, {}>
-    /**
-     * An icon
-     *
-     * ### CSS Parts:
-     * - **base** - The main icon container.
-     */
-         'dap-ds-icon-account-circle-fill': DefineCustomElement<UserAccountCircleFill, UserAccountCircleFillProps, {}>
+         'dap-ds-icon-separator': DefineCustomElement<EditorSeparator, EditorSeparatorProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-account-circle-line': DefineCustomElement<UserAccountCircleLine, UserAccountCircleLineProps, {}>
+         'dap-ds-icon-heart-fill': DefineCustomElement<HealthHeartFill, HealthHeartFillProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-user-fill': DefineCustomElement<UserUserFill, UserUserFillProps, {}>
+         'dap-ds-icon-heart-line': DefineCustomElement<HealthHeartLine, HealthHeartLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-user-line': DefineCustomElement<UserUserLine, UserUserLineProps, {}>
+         'dap-ds-icon-cookie-line': DefineCustomElement<OthersCookieLine, OthersCookieLineProps, {}>
     /**
      * An icon
      *
@@ -6687,6 +6711,34 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * - **base** - The main icon container.
      */
          'dap-ds-icon-zoom-out-line': DefineCustomElement<SystemZoomOutLine, SystemZoomOutLineProps, {}>
+    /**
+     * An icon
+     *
+     * ### CSS Parts:
+     * - **base** - The main icon container.
+     */
+         'dap-ds-icon-account-circle-fill': DefineCustomElement<UserAccountCircleFill, UserAccountCircleFillProps, {}>
+    /**
+     * An icon
+     *
+     * ### CSS Parts:
+     * - **base** - The main icon container.
+     */
+         'dap-ds-icon-account-circle-line': DefineCustomElement<UserAccountCircleLine, UserAccountCircleLineProps, {}>
+    /**
+     * An icon
+     *
+     * ### CSS Parts:
+     * - **base** - The main icon container.
+     */
+         'dap-ds-icon-user-fill': DefineCustomElement<UserUserFill, UserUserFillProps, {}>
+    /**
+     * An icon
+     *
+     * ### CSS Parts:
+     * - **base** - The main icon container.
+     */
+         'dap-ds-icon-user-line': DefineCustomElement<UserUserLine, UserUserLineProps, {}>
   }
 }
 
@@ -6695,25 +6747,25 @@ declare global {
   namespace JSX {
     interface IntrinsicElements {
       'dap-ds-accordion': DapDSAccordionProps & DapDSAccordionEvents & DapDSAccordionSlots
-      'dap-ds-avatar-group': DapDSAvatarGroupProps & DapDSAvatarGroupEvents & DapDSAvatarGroupSlots
+      'dap-ds-accordion-group': DapDSAccordionGroupProps & DapDSAccordionGroupSlots
       'dap-ds-avatar': DapDSAvatarProps & DapDSAvatarEvents & DapDSAvatarSlots
-      'dap-ds-badge': DapDSBadgeProps & DapDSBadgeSlots
+      'dap-ds-anchor-heading': DapDSAnchorHeadingProps
+      'dap-ds-avatar-group': DapDSAvatarGroupProps & DapDSAvatarGroupEvents & DapDSAvatarGroupSlots
       'dap-ds-banner': DapDSBannerProps & DapDSBannerEvents & DapDSBannerSlots
       'dap-ds-breadcrumb': DapDSBreadcrumbProps & DapDSBreadcrumbSlots
-      'dap-ds-accordion-group': DapDSAccordionGroupProps & DapDSAccordionGroupSlots
-      'dap-ds-anchor-heading': DapDSAnchorHeadingProps
+      'dap-ds-badge': DapDSBadgeProps & DapDSBadgeSlots
       'dap-ds-breadcrumb-item': DapDSBreadcrumbItemProps & DapDSBreadcrumbItemSlots
       'dap-ds-button': DapDSButtonProps & DapDSButtonEvents & DapDSButtonSlots
       'dap-ds-calendar-cell': DapDSCalendarCellProps & DapDSCalendarCellSlots
       'dap-ds-calendar': DapDSCalendarProps & DapDSCalendarEvents & DapDSCalendarSlots
       'dap-ds-callout': DapDSCalloutProps & DapDSCalloutEvents & DapDSCalloutSlots
-      'dap-ds-checkbox': DapDSCheckboxProps & DapDSCheckboxEvents
       'dap-ds-card-actions': DapDSCardActionsProps & DapDSCardActionsSlots
       'dap-ds-card-content': DapDSCardContentProps & DapDSCardContentSlots
       'dap-ds-card-image': DapDSCardImageProps & DapDSCardImageSlots
       'dap-ds-card-subtitle': DapDSCardSubtitleProps & DapDSCardSubtitleSlots
       'dap-ds-card-title': DapDSCardTitleProps & DapDSCardTitleSlots
       'dap-ds-card': DapDSCardProps & DapDSCardSlots
+      'dap-ds-checkbox': DapDSCheckboxProps & DapDSCheckboxEvents
       'dap-ds-chip': DapDSChipProps & DapDSChipEvents
       'dap-ds-code-puncher-slot': DapDSCodePuncherSlotProps
       'dap-ds-code-puncher': DapDSCodePuncherProps & DapDSCodePuncherEvents & DapDSCodePuncherSlots
@@ -6785,8 +6837,8 @@ declare global {
       'dap-ds-tooltip': DapDSTooltipProps & DapDSTooltipSlots
       'dap-ds-tray': DapDSTrayProps & DapDSTrayEvents & DapDSTraySlots
       'dap-ds-typography': DapDSTypographyProps & DapDSTypographySlots
-      '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
@@ -6794,12 +6846,12 @@ declare global {
       'dap-ds-icon-arrow-left-down-line': ArrowsArrowLeftDownLineProps
       'dap-ds-icon-arrow-left-l-line': ArrowsArrowLeftLLineProps
       'dap-ds-icon-arrow-left-line': ArrowsArrowLeftLineProps
-      'dap-ds-icon-arrow-left-s-fill': ArrowsArrowLeftSFillProps
       'dap-ds-icon-arrow-left-s-line': ArrowsArrowLeftSLineProps
-      'dap-ds-icon-arrow-right-down-line': ArrowsArrowRightDownLineProps
+      'dap-ds-icon-arrow-left-s-fill': ArrowsArrowLeftSFillProps
       'dap-ds-icon-arrow-left-up-line': ArrowsArrowLeftUpLineProps
-      'dap-ds-icon-arrow-right-line': ArrowsArrowRightLineProps
+      'dap-ds-icon-arrow-right-down-line': ArrowsArrowRightDownLineProps
       'dap-ds-icon-arrow-right-l-line': ArrowsArrowRightLLineProps
+      'dap-ds-icon-arrow-right-line': ArrowsArrowRightLineProps
       'dap-ds-icon-arrow-right-s-fill': ArrowsArrowRightSFillProps
       'dap-ds-icon-arrow-right-s-line': ArrowsArrowRightSLineProps
       'dap-ds-icon-arrow-right-up-line': ArrowsArrowRightUpLineProps
@@ -6812,22 +6864,18 @@ declare global {
       'dap-ds-icon-edit-line': DesignEditLineProps
       'dap-ds-icon-tools-line': DesignToolsLineProps
       'dap-ds-icon-computer-line': DeviceComputerLineProps
-      'dap-ds-icon-separator': EditorSeparatorProps
       'dap-ds-icon-clipboard-line': DocumentClipboardLineProps
       'dap-ds-icon-file-copy-line': DocumentFileCopyLineProps
-      'dap-ds-icon-file-image-line': DocumentFileImageLineProps
       'dap-ds-icon-file-music-line': DocumentFileMusicLineProps
+      'dap-ds-icon-file-image-line': DocumentFileImageLineProps
       'dap-ds-icon-file-text-line': DocumentFileTextLineProps
       'dap-ds-icon-file-video-line': DocumentFileVideoLineProps
       'dap-ds-icon-folder-line': DocumentFolderLineProps
       'dap-ds-icon-folder-open-line': DocumentFolderOpenLineProps
+      'dap-ds-icon-separator': EditorSeparatorProps
       'dap-ds-icon-heart-fill': HealthHeartFillProps
       'dap-ds-icon-heart-line': HealthHeartLineProps
       'dap-ds-icon-cookie-line': OthersCookieLineProps
-      'dap-ds-icon-account-circle-fill': UserAccountCircleFillProps
-      'dap-ds-icon-account-circle-line': UserAccountCircleLineProps
-      'dap-ds-icon-user-fill': UserUserFillProps
-      'dap-ds-icon-user-line': UserUserLineProps
       'dap-ds-icon-add-line': SystemAddLineProps
       'dap-ds-icon-alert-fill': SystemAlertFillProps
       'dap-ds-icon-alert-line': SystemAlertLineProps
@@ -6876,6 +6924,10 @@ declare global {
       'dap-ds-icon-upload-line': SystemUploadLineProps
       'dap-ds-icon-zoom-in-line': SystemZoomInLineProps
       'dap-ds-icon-zoom-out-line': SystemZoomOutLineProps
+      'dap-ds-icon-account-circle-fill': UserAccountCircleFillProps
+      'dap-ds-icon-account-circle-line': UserAccountCircleLineProps
+      'dap-ds-icon-user-fill': UserUserFillProps
+      'dap-ds-icon-user-line': UserUserLineProps
     }
   }
 }