dap-design-system 0.53.21 → 0.53.22

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

@@ -207,16 +207,6 @@ type DefineGenericCustomElement<
   $props: Partial<Omit<HTMLAttributes, keyof ElementType>> & Partial<Omit<ElementType, keyof Props>> & Props & Events
 }
 
-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
-}
-
 export interface DapDSAccordionEvents {
   /** Event fired when the accordion is opened. */
   onDdsOpened?: (event: CustomEvent<{ open: boolean, item: AccordionBaseElement }>) => void
@@ -224,6 +214,11 @@ 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
@@ -231,6 +226,11 @@ export interface DapDSAvatarEvents {
   onDdsError?: (event: CustomEvent) => void
 }
 
+export interface DapDSBannerEvents {
+  /** Event fired when the banner is closed. */
+  onDdsClose?: (event: CustomEvent) => void
+}
+
 export interface DapDSButtonEvents {
   /** Emitted when the loading timeout is reached */
   onDdsLoadingTimeout?: (event: CustomEvent) => void
@@ -246,13 +246,6 @@ 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 DapDSCheckboxEvents {
   /** Fired when the checkbox is checked or unchecked. */
   onDdsChange?: (event: CustomEvent<{ checked: boolean, indeterminate: boolean, value: string, disabled: boolean, readonly: boolean, type: 'checkbox' }>) => void
@@ -264,6 +257,13 @@ export interface DapDSCheckboxEvents {
   onDdsInput?: (event: CustomEvent<{ checked: boolean, indeterminate: boolean, value: string, disabled: boolean, readonly: boolean }>) => 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 {
   /** Fires on each digit input. */
   onDdsInput?: (event: CustomEvent<{ value: string, index: number }>) => void
@@ -538,11 +538,6 @@ export interface DapDSSearchEvents {
   onDdsInput?: (event: CustomEvent) => void
 }
 
-export interface DapDSSideNavEvents {
-  /** Event fired when the side navigation item is clicked. */
-  onDdsItemClick?: (event: CustomEvent<{ href: string, event: Event }>) => void
-}
-
 export interface DapDSSelectEvents {
   /** Fired when the select value changes. */
   onDdsChange?: (event: CustomEvent<{ value: string }>) => void
@@ -556,6 +551,11 @@ export interface DapDSSelectEvents {
   onDdsClosed?: (event: CustomEvent) => void
 }
 
+export interface DapDSSideNavEvents {
+  /** Event fired when the side navigation item is clicked. */
+  onDdsItemClick?: (event: CustomEvent<{ href: string, event: Event }>) => void
+}
+
 export interface DapDSSnackbarMessageEvents {
   /** Fires when the snackbar closes. */
   onDdsClose?: (event: CustomEvent<{ id: string }>) => void
@@ -572,6 +572,11 @@ export interface DapDSSwitchEvents {
   onDdsInput?: (event: CustomEvent<{ value: string }>) => void
 }
 
+export interface DapDSTabGroupEvents {
+  /** Fired when select a new tab. */
+  onDdsTabSelect?: (event: CustomEvent) => void
+}
+
 export interface DapDSTextareaEvents {
   /** Fires when the count of the textarea changes. */
   onDdsCountChange?: (event: CustomEvent<{ value: number }>) => void
@@ -613,11 +618,6 @@ export interface DapDSTimePickerEvents {
   onDdsBlur?: (event: CustomEvent) => void
 }
 
-export interface DapDSTabGroupEvents {
-  /** Fired when select a new tab. */
-  onDdsTabSelect?: (event: CustomEvent) => void
-}
-
 export interface DapDSTOCEvents {
   /** Event that is triggered when the anchor changes. */
   onDdsAnchorChange?: (event: CustomEvent<{ selectedItem: HTMLAnchorElement, anchorElement: IntersectionObserverEntry | HTMLElement }>) => void
@@ -645,9 +645,15 @@ export interface DapDSRadioGroupEvents {
   onDdsFocus?: (event: CustomEvent) => void
 }
 
-export interface DapDSAccordionGroupSlots {
-  /** The content of the accordion group. */
+export interface DapDSAccordionSlots {
+  /** The content of the accordion. */
   default?: () => any
+  /** The heading of the accordion. */
+  'heading'?: () => any
+  /** The icon when the accordion is opened. */
+  'icon-opened'?: () => any
+  /** The icon when the accordion is closed. */
+  'icon-closed'?: () => any
 }
 
 export interface DapDSAvatarGroupSlots {
@@ -655,6 +661,13 @@ export interface DapDSAvatarGroupSlots {
   default?: () => any
 }
 
+export interface DapDSAvatarSlots {
+  /** The icon to display when variant is 'icon'. */
+  'icon'?: () => any
+  /** Custom fallback content when image fails to load. */
+  'fallback'?: () => any
+}
+
 export interface DapDSBadgeSlots {
   /** The content of the badge. */
   default?: () => any
@@ -678,22 +691,9 @@ export interface DapDSBreadcrumbSlots {
   'separator'?: () => any
 }
 
-export interface DapDSAccordionSlots {
-  /** The content of the accordion. */
+export interface DapDSAccordionGroupSlots {
+  /** The content of the accordion group. */
   default?: () => any
-  /** The heading of the accordion. */
-  'heading'?: () => any
-  /** The icon when the accordion is opened. */
-  'icon-opened'?: () => any
-  /** The icon when the accordion is closed. */
-  'icon-closed'?: () => any
-}
-
-export interface DapDSAvatarSlots {
-  /** The icon to display when variant is 'icon'. */
-  'icon'?: () => any
-  /** Custom fallback content when image fails to load. */
-  'fallback'?: () => any
 }
 
 export interface DapDSBreadcrumbItemSlots {
@@ -971,6 +971,13 @@ export interface DapDSSearchSlots {
   default?: () => any
 }
 
+export interface DapDSSelectSlots {
+  /** The option list of the select. */
+  default?: () => any
+  /** The indicator icon of the select. */
+  'indicator-icon'?: () => any
+}
+
 export interface DapDSSideNavGroupSlots {
   /** The content of the side navigation group. */
   default?: () => any
@@ -992,13 +999,6 @@ export interface DapDSSideNavSlots {
   default?: () => any
 }
 
-export interface DapDSSelectSlots {
-  /** The option list of the select. */
-  default?: () => any
-  /** The indicator icon of the select. */
-  'indicator-icon'?: () => any
-}
-
 export interface DapDSSkipLinkSlots {
   /** The content of the skip link. */
   default?: () => any
@@ -1021,6 +1021,23 @@ export interface DapDSStackSlots {
   default?: () => any
 }
 
+export interface DapDSTabGroupSlots {
+  /** The tab items. */
+  default?: () => any
+}
+
+export interface DapDSTabSlots {
+  /** The tab title template. */
+  default?: () => any
+  /** The tab content. */
+  'content'?: () => any
+}
+
+export interface DapDSTextareaSlots {
+  /** The custom icon of the feedback. */
+  'feedback-icon'?: () => any
+}
+
 export interface DapDSTableCellSlots {
   /** The default slot. */
   default?: () => any
@@ -1041,11 +1058,6 @@ export interface DapDSTableSlots {
   default?: () => any
 }
 
-export interface DapDSTextareaSlots {
-  /** The custom icon of the feedback. */
-  'feedback-icon'?: () => any
-}
-
 export interface DapDSTimelineItemSlots {
   /** The default slot for the item content. */
   default?: () => any
@@ -1056,18 +1068,6 @@ export interface DapDSTimelineSlots {
   default?: () => any
 }
 
-export interface DapDSTabGroupSlots {
-  /** The tab items. */
-  default?: () => any
-}
-
-export interface DapDSTabSlots {
-  /** The tab title template. */
-  default?: () => any
-  /** The tab content. */
-  'content'?: () => any
-}
-
 export interface DapDSToggleButtonSlots {
   /** The content of the toggle button. */
   default?: () => any
@@ -1108,11 +1108,29 @@ export interface DapDSRadioGroupSlots {
   'feedback-icon'?: () => any
 }
 
-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 DapDSAccordionProps = {
+  /** The size of the accordion. Default is `sm`. Visual variants are sm and lg (other sizes map to sm). */
+  size?: DapDSAccordion["size"]
+  /** Responsive size map (e.g. "md:lg") */
+  sizeMap?: DapDSAccordion["sizeMap"]
+  /** When "true", size is taken from the parent card if present. */
+  parentSized?: DapDSAccordion["parentSized"]
+  /** The heading text of the accordion, this will be used as the aria label of the heading also if ariaLabel is not provided */
+  heading?: DapDSAccordion["heading"]
+  /** The heading level of the accordion. Default is `4`. */
+  headingLevel?: DapDSAccordion["headingLevel"]
+  /** Whether the accordion is opened. Default is `false`. */
+  opened?: DapDSAccordion["opened"]
+  /** The location of the icon. Default is `right`. */
+  iconLocation?: DapDSAccordion["iconLocation"]
+  /** The variant of the accordion. */
+  variant?: DapDSAccordion["variant"]
+  /** Whether the accordion is the last item. */
+  lastItem?: DapDSAccordion["lastItem"]
+  /** Whether the accordion is disabled. */
+  disabled?: DapDSAccordion["disabled"]
+  /** Whether the accordion is in loading state. */
+  loading?: DapDSAccordion["loading"]
 }
 
 export type DapDSAvatarGroupProps = {
@@ -1134,15 +1152,31 @@ export type DapDSAvatarGroupProps = {
   sizeMap?: DapDSAvatarGroup["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 DapDSAvatarProps = {
+  /** The shape of the avatar */
+  shape?: DapDSAvatar["shape"]
+  /** The variant type of the avatar */
+  variant?: DapDSAvatar["variant"]
+  /** The source of the avatar image */
+  src?: DapDSAvatar["src"]
+  /** The alt text of the avatar */
+  alt?: DapDSAvatar["alt"]
+  /** The initials to display when variant is 'initials' */
+  initials?: DapDSAvatar["initials"]
+  /** Accessible label for the avatar */
+  label?: DapDSAvatar["label"]
+  /** Loading state indicator */
+  loading?: DapDSAvatar["loading"]
+  /** Whether the avatar is interactive (clickable) */
+  interactive?: DapDSAvatar["interactive"]
+  /** The width of the avatar. This will override the size */
+  width?: DapDSAvatar["width"]
+  /** The height of the avatar. This will override the size */
+  height?: DapDSAvatar["height"]
+  /** The size of the avatar. Default is `md`. */
+  size?: DapDSAvatar["size"]
+  /** Responsive size map (e.g. "md:lg"). */
+  sizeMap?: DapDSAvatar["sizeMap"]
 }
 
 export type DapDSBadgeProps = {
@@ -1180,56 +1214,22 @@ export type DapDSBreadcrumbProps = {
   "aria-labelledby"?: DapDSBreadcrumb["ariaLabelledBy"]
 }
 
-export type DapDSAccordionProps = {
-  /** The size of the accordion. Default is `sm`. Visual variants are sm and lg (other sizes map to sm). */
-  size?: DapDSAccordion["size"]
-  /** Responsive size map (e.g. "md:lg") */
-  sizeMap?: DapDSAccordion["sizeMap"]
-  /** When "true", size is taken from the parent card if present. */
-  parentSized?: DapDSAccordion["parentSized"]
-  /** The heading text of the accordion, this will be used as the aria label of the heading also if ariaLabel is not provided */
-  heading?: DapDSAccordion["heading"]
-  /** The heading level of the accordion. Default is `4`. */
-  headingLevel?: DapDSAccordion["headingLevel"]
-  /** Whether the accordion is opened. Default is `false`. */
-  opened?: DapDSAccordion["opened"]
-  /** The location of the icon. Default is `right`. */
-  iconLocation?: DapDSAccordion["iconLocation"]
-  /** The variant of the accordion. */
-  variant?: DapDSAccordion["variant"]
-  /** Whether the accordion is the last item. */
-  lastItem?: DapDSAccordion["lastItem"]
-  /** Whether the accordion is disabled. */
-  disabled?: DapDSAccordion["disabled"]
-  /** Whether the accordion is in loading state. */
-  loading?: DapDSAccordion["loading"]
+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 DapDSAvatarProps = {
-  /** The shape of the avatar */
-  shape?: DapDSAvatar["shape"]
-  /** The variant type of the avatar */
-  variant?: DapDSAvatar["variant"]
-  /** The source of the avatar image */
-  src?: DapDSAvatar["src"]
-  /** The alt text of the avatar */
-  alt?: DapDSAvatar["alt"]
-  /** The initials to display when variant is 'initials' */
-  initials?: DapDSAvatar["initials"]
-  /** Accessible label for the avatar */
-  label?: DapDSAvatar["label"]
-  /** Loading state indicator */
-  loading?: DapDSAvatar["loading"]
-  /** Whether the avatar is interactive (clickable) */
-  interactive?: DapDSAvatar["interactive"]
-  /** The width of the avatar. This will override the size */
-  width?: DapDSAvatar["width"]
-  /** The height of the avatar. This will override the size */
-  height?: DapDSAvatar["height"]
-  /** The size of the avatar. Default is `md`. */
-  size?: DapDSAvatar["size"]
-  /** Responsive size map (e.g. "md:lg"). */
-  sizeMap?: DapDSAvatar["sizeMap"]
+export type DapDSAccordionGroupProps = {
+  /** Whether to close other accordions when one is opened. */
+  autoClose?: DapDSAccordionGroup["autoClose"]
+  /** The variant of the accordion */
+  variant?: DapDSAccordionGroup["variant"]
 }
 
 export type DapDSBreadcrumbItemProps = {
@@ -1353,6 +1353,57 @@ export type DapDSCalloutProps = {
   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"]
@@ -1458,57 +1509,6 @@ 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"]
-  /**  */
-  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 DapDSCodePuncherSlotProps = {
   /**  */
   disabled?: DapDSCodePuncherSlot["disabled"]
@@ -2849,39 +2849,6 @@ export type DapDSSearchProps = {
   subtle?: DapDSSearch["subtle"]
 }
 
-export type DapDSSideNavGroupProps = {
-  /** The href of the side navigation item */
-  href?: DapDSSideNavGroup["href"]
-  /** Whether the side navigation item is active */
-  active?: DapDSSideNavGroup["active"]
-  /** The spacing of the side navigation item */
-  spacing?: DapDSSideNavGroup["spacing"]
-  /** Whether the side navigation group is open */
-  open?: DapDSSideNavGroup["open"]
-  /** The size of the side navigation group */
-  size?: DapDSSideNavGroup["size"]
-}
-
-export type DapDSSideNavItemProps = {
-  /** The href of the side navigation item */
-  href?: DapDSSideNavItem["href"]
-  /** Whether the side navigation item is active */
-  active?: DapDSSideNavItem["active"]
-  /** The spacing of the side navigation item */
-  spacing?: DapDSSideNavItem["spacing"]
-  /** The size of the side navigation item */
-  size?: DapDSSideNavItem["size"]
-}
-
-export type DapDSSideNavProps = {
-  /** The label of the side navigation, if aria label is not provided, it will be used as aria label */
-  label?: DapDSSideNav["label"]
-  /** The active href of the side navigation, to explicitly set the active item, if not provided, it will be set based on the current location */
-  activeHref?: DapDSSideNav["activeHref"]
-  /** The size of the side navigation */
-  size?: DapDSSideNav["size"]
-}
-
 export type DapDSSelectProps = {
   /** The popup placement of the select */
   placement?: DapDSSelect["placement"]
@@ -2945,6 +2912,55 @@ export type DapDSSelectProps = {
   subtle?: DapDSSelect["subtle"]
 }
 
+export type DapDSSideNavGroupProps = {
+  /** The href of the side navigation item */
+  href?: DapDSSideNavGroup["href"]
+  /** Whether the side navigation item is active */
+  active?: DapDSSideNavGroup["active"]
+  /** The spacing of the side navigation item */
+  spacing?: DapDSSideNavGroup["spacing"]
+  /** Whether the side navigation group is open */
+  open?: DapDSSideNavGroup["open"]
+  /** The size of the side navigation group */
+  size?: DapDSSideNavGroup["size"]
+}
+
+export type DapDSSideNavItemProps = {
+  /** The href of the side navigation item */
+  href?: DapDSSideNavItem["href"]
+  /** Whether the side navigation item is active */
+  active?: DapDSSideNavItem["active"]
+  /** The spacing of the side navigation item */
+  spacing?: DapDSSideNavItem["spacing"]
+  /** The size of the side navigation item */
+  size?: DapDSSideNavItem["size"]
+}
+
+export type DapDSSideNavProps = {
+  /** The label of the side navigation, if aria label is not provided, it will be used as aria label */
+  label?: DapDSSideNav["label"]
+  /** The active href of the side navigation, to explicitly set the active item, if not provided, it will be set based on the current location */
+  activeHref?: DapDSSideNav["activeHref"]
+  /** The size of the side navigation */
+  size?: DapDSSideNav["size"]
+}
+
+export type DapDSSkeletonProps = {
+  /** The variant of the skeleton. */
+  variant?: DapDSSkeleton["variant"]
+  /** The width of the skeleton. Can be any valid CSS width value. */
+  width?: DapDSSkeleton["width"]
+  /** The height of the skeleton. Can be any valid CSS height value. */
+  height?: DapDSSkeleton["height"]
+  /** Whether to animate the skeleton. */
+  noAnimation?: DapDSSkeleton["noAnimation"]
+  /** The animation type for the skeleton. */
+  animation?: DapDSSkeleton["animation"]
+  /** Custom keyframes for the animation when animation="custom".
+Should be a valid CSS keyframes string without the */
+  "custom-keyframes"?: DapDSSkeleton["customKeyframes"]
+}
+
 export type DapDSSkipLinkProps = {
   /** The placement of the skip link. */
   placement?: DapDSSkipLink["placement"]
@@ -2982,22 +2998,6 @@ export type DapDSSnackbarProps = {
   announceMessages?: DapDSSnackbar["announceMessages"]
 }
 
-export type DapDSSkeletonProps = {
-  /** The variant of the skeleton. */
-  variant?: DapDSSkeleton["variant"]
-  /** The width of the skeleton. Can be any valid CSS width value. */
-  width?: DapDSSkeleton["width"]
-  /** The height of the skeleton. Can be any valid CSS height value. */
-  height?: DapDSSkeleton["height"]
-  /** Whether to animate the skeleton. */
-  noAnimation?: DapDSSkeleton["noAnimation"]
-  /** The animation type for the skeleton. */
-  animation?: DapDSSkeleton["animation"]
-  /** Custom keyframes for the animation when animation="custom".
-Should be a valid CSS keyframes string without the */
-  "custom-keyframes"?: DapDSSkeleton["customKeyframes"]
-}
-
 export type DapDSSpinnerProps = {
   /** The variant of the spinner. */
   variant?: DapDSSpinner["variant"]
@@ -3074,34 +3074,20 @@ export type DapDSSwitchProps = {
   optionalLabel?: DapDSSwitch["optionalLabel"]
 }
 
-export type DapDSTableCellProps = {
-  /** If the cell is the last one. */
-  last?: DapDSTableCell["last"]
-  /** The html role of the cell */
-  role?: DapDSTableCell["role"]
-}
-
-export type DapDSTableHeaderProps = {
-  /** If the header cell is the last one. */
-  last?: DapDSTableHeader["last"]
-  /** The html role of the header cell */
-  role?: DapDSTableHeader["role"]
-}
-
-export type DapDSTableRowProps = {
-  /** The html role of the row */
-  role?: DapDSTableRow["role"]
-  /** If the row is mobile design */
-  mobile?: DapDSTableRow["mobile"]
+export type DapDSTabGroupProps = {
+  /** The selected tab id. */
+  selectedTabId?: DapDSTabGroup["selectedTabId"]
+  /** The size of the tab buttons. Default is `sm`. Can be `sm` or `lg`. */
+  size?: DapDSTabGroup["size"]
+  /** If true, the tab group will be displayed in mobile mode. */
+  mobile?: DapDSTabGroup["mobile"]
 }
 
-export type DapDSTableProps = {
-  /**  */
-  role?: DapDSTable["role"]
-  /** If the table has mobile design */
-  mobile?: DapDSTable["mobile"]
-  /** The caption of the table */
-  caption?: DapDSTable["caption"]
+export type DapDSTabProps = {
+  /** The tab id. Required */
+  tabId?: DapDSTab["tabId"]
+  /** The disabled state of the tab. */
+  disabled?: DapDSTab["disabled"]
 }
 
 export type DapDSTextareaProps = {
@@ -3157,6 +3143,44 @@ export type DapDSTextareaProps = {
   autofocus?: DapDSTextarea["autofocus"]
 }
 
+export type DapDSTableCellProps = {
+  /** If the cell is the last one. */
+  last?: DapDSTableCell["last"]
+  /** The html role of the cell */
+  role?: DapDSTableCell["role"]
+}
+
+export type DapDSTableHeaderProps = {
+  /** If the header cell is the last one. */
+  last?: DapDSTableHeader["last"]
+  /** The html role of the header cell */
+  role?: DapDSTableHeader["role"]
+}
+
+export type DapDSTableRowProps = {
+  /** The html role of the row */
+  role?: DapDSTableRow["role"]
+  /** If the row is mobile design */
+  mobile?: DapDSTableRow["mobile"]
+}
+
+export type DapDSTableProps = {
+  /**  */
+  role?: DapDSTable["role"]
+  /** If the table has mobile design */
+  mobile?: DapDSTable["mobile"]
+  /** The caption of the table */
+  caption?: DapDSTable["caption"]
+}
+
+export type DapDSTimelineItemProps = {
+
+}
+
+export type DapDSTimelineProps = {
+
+}
+
 export type DapDSTimeGridProps = {
   /** The currently selected hour (0-23). */
   selectedHour?: DapDSTimeGrid["selectedHour"]
@@ -3257,36 +3281,12 @@ export type DapDSTimePickerProps = {
   feedbackType?: DapDSTimePicker["feedbackType"]
   /** The optional state of the timepicker. */
   optional?: DapDSTimePicker["optional"]
-  /** The optional label of the timepicker. */
-  optionalLabel?: DapDSTimePicker["optionalLabel"]
-  /** The weight of the label. Default is `false` */
-  subtle?: DapDSTimePicker["subtle"]
-  /** The autocomplete of the timepicker. */
-  autocomplete?: DapDSTimePicker["autocomplete"]
-}
-
-export type DapDSTimelineItemProps = {
-
-}
-
-export type DapDSTimelineProps = {
-
-}
-
-export type DapDSTabGroupProps = {
-  /** The selected tab id. */
-  selectedTabId?: DapDSTabGroup["selectedTabId"]
-  /** The size of the tab buttons. Default is `sm`. Can be `sm` or `lg`. */
-  size?: DapDSTabGroup["size"]
-  /** If true, the tab group will be displayed in mobile mode. */
-  mobile?: DapDSTabGroup["mobile"]
-}
-
-export type DapDSTabProps = {
-  /** The tab id. Required */
-  tabId?: DapDSTab["tabId"]
-  /** The disabled state of the tab. */
-  disabled?: DapDSTab["disabled"]
+  /** The optional label of the timepicker. */
+  optionalLabel?: DapDSTimePicker["optionalLabel"]
+  /** The weight of the label. Default is `false` */
+  subtle?: DapDSTimePicker["subtle"]
+  /** The autocomplete of the timepicker. */
+  autocomplete?: DapDSTimePicker["autocomplete"]
 }
 
 export type DapDSTOCProps = {
@@ -3492,17 +3492,6 @@ export type ArrowsArrowDownLineProps = {
   focusable?: ArrowsArrowDownLine["focusable"]
 }
 
-export type ArrowsArrowDownSFillProps = {
-  /** (optional) The width and height in pixels */
-  size?: ArrowsArrowDownSFill["size"]
-  /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: ArrowsArrowDownSFill["selected"]
-  /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: ArrowsArrowDownSFill["accessibilityTitle"]
-  /** (optional) If `true` the icon can receive focus */
-  focusable?: ArrowsArrowDownSFill["focusable"]
-}
-
 export type ArrowsArrowDownSLineProps = {
   /** (optional) The width and height in pixels */
   size?: ArrowsArrowDownSLine["size"]
@@ -3525,26 +3514,37 @@ export type ArrowsArrowLeftDownLineProps = {
   focusable?: ArrowsArrowLeftDownLine["focusable"]
 }
 
-export type ArrowsArrowLeftLineProps = {
+export type ArrowsArrowLeftLLineProps = {
   /** (optional) The width and height in pixels */
-  size?: ArrowsArrowLeftLine["size"]
+  size?: ArrowsArrowLeftLLine["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: ArrowsArrowLeftLine["selected"]
+  selected?: ArrowsArrowLeftLLine["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: ArrowsArrowLeftLine["accessibilityTitle"]
+  accessibilityTitle?: ArrowsArrowLeftLLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: ArrowsArrowLeftLine["focusable"]
+  focusable?: ArrowsArrowLeftLLine["focusable"]
 }
 
-export type ArrowsArrowLeftLLineProps = {
+export type ArrowsArrowDownSFillProps = {
   /** (optional) The width and height in pixels */
-  size?: ArrowsArrowLeftLLine["size"]
+  size?: ArrowsArrowDownSFill["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: ArrowsArrowLeftLLine["selected"]
+  selected?: ArrowsArrowDownSFill["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: ArrowsArrowLeftLLine["accessibilityTitle"]
+  accessibilityTitle?: ArrowsArrowDownSFill["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: ArrowsArrowLeftLLine["focusable"]
+  focusable?: ArrowsArrowDownSFill["focusable"]
+}
+
+export type ArrowsArrowLeftLineProps = {
+  /** (optional) The width and height in pixels */
+  size?: ArrowsArrowLeftLine["size"]
+  /** (optional) Sets the icon color via the `fill` attribute */
+  selected?: ArrowsArrowLeftLine["selected"]
+  /** (optional) When using the icon standalone, make it meaningful for accessibility */
+  accessibilityTitle?: ArrowsArrowLeftLine["accessibilityTitle"]
+  /** (optional) If `true` the icon can receive focus */
+  focusable?: ArrowsArrowLeftLine["focusable"]
 }
 
 export type ArrowsArrowLeftSFillProps = {
@@ -3613,26 +3613,26 @@ export type ArrowsArrowRightLineProps = {
   focusable?: ArrowsArrowRightLine["focusable"]
 }
 
-export type ArrowsArrowRightSLineProps = {
+export type ArrowsArrowRightSFillProps = {
   /** (optional) The width and height in pixels */
-  size?: ArrowsArrowRightSLine["size"]
+  size?: ArrowsArrowRightSFill["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: ArrowsArrowRightSLine["selected"]
+  selected?: ArrowsArrowRightSFill["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: ArrowsArrowRightSLine["accessibilityTitle"]
+  accessibilityTitle?: ArrowsArrowRightSFill["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: ArrowsArrowRightSLine["focusable"]
+  focusable?: ArrowsArrowRightSFill["focusable"]
 }
 
-export type ArrowsArrowRightSFillProps = {
+export type ArrowsArrowRightSLineProps = {
   /** (optional) The width and height in pixels */
-  size?: ArrowsArrowRightSFill["size"]
+  size?: ArrowsArrowRightSLine["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: ArrowsArrowRightSFill["selected"]
+  selected?: ArrowsArrowRightSLine["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: ArrowsArrowRightSFill["accessibilityTitle"]
+  accessibilityTitle?: ArrowsArrowRightSLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: ArrowsArrowRightSFill["focusable"]
+  focusable?: ArrowsArrowRightSLine["focusable"]
 }
 
 export type ArrowsArrowRightUpLineProps = {
@@ -3690,26 +3690,26 @@ export type ArrowsExpandUpDownFillProps = {
   focusable?: ArrowsExpandUpDownFill["focusable"]
 }
 
-export type BusinessCalendarLineProps = {
+export type BuildingsHome6LineProps = {
   /** (optional) The width and height in pixels */
-  size?: BusinessCalendarLine["size"]
+  size?: BuildingsHome6Line["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: BusinessCalendarLine["selected"]
+  selected?: BuildingsHome6Line["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: BusinessCalendarLine["accessibilityTitle"]
+  accessibilityTitle?: BuildingsHome6Line["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: BusinessCalendarLine["focusable"]
+  focusable?: BuildingsHome6Line["focusable"]
 }
 
-export type BuildingsHome6LineProps = {
+export type BusinessCalendarLineProps = {
   /** (optional) The width and height in pixels */
-  size?: BuildingsHome6Line["size"]
+  size?: BusinessCalendarLine["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: BuildingsHome6Line["selected"]
+  selected?: BusinessCalendarLine["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: BuildingsHome6Line["accessibilityTitle"]
+  accessibilityTitle?: BusinessCalendarLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: BuildingsHome6Line["focusable"]
+  focusable?: BusinessCalendarLine["focusable"]
 }
 
 export type DesignEditLineProps = {
@@ -3833,26 +3833,26 @@ export type DocumentFolderOpenLineProps = {
   focusable?: DocumentFolderOpenLine["focusable"]
 }
 
-export type HealthHeartFillProps = {
+export type EditorSeparatorProps = {
   /** (optional) The width and height in pixels */
-  size?: HealthHeartFill["size"]
+  size?: EditorSeparator["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: HealthHeartFill["selected"]
+  selected?: EditorSeparator["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: HealthHeartFill["accessibilityTitle"]
+  accessibilityTitle?: EditorSeparator["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: HealthHeartFill["focusable"]
+  focusable?: EditorSeparator["focusable"]
 }
 
-export type EditorSeparatorProps = {
+export type HealthHeartFillProps = {
   /** (optional) The width and height in pixels */
-  size?: EditorSeparator["size"]
+  size?: HealthHeartFill["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: EditorSeparator["selected"]
+  selected?: HealthHeartFill["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: EditorSeparator["accessibilityTitle"]
+  accessibilityTitle?: HealthHeartFill["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: EditorSeparator["focusable"]
+  focusable?: HealthHeartFill["focusable"]
 }
 
 export type HealthHeartLineProps = {
@@ -4431,15 +4431,31 @@ export type SystemUploadLineProps = {
 declare module 'vue' {
   interface GlobalComponents {
     /**
-     * An accordion group is a collection of accordion components.
+     * An accordion is a vertically stacked list of interactive items that can be expanded or collapsed to reveal or hide content.
+     *
+     * ### 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 group.
+     * - **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 group container.
+     * - **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-accordion-group': DefineCustomElement<DapDSAccordionGroup, DapDSAccordionGroupProps, {}>
+         'dap-ds-accordion': DefineCustomElement<DapDSAccordion, DapDSAccordionProps, DapDSAccordionEvents>
     /**
      * Avatar group component displays multiple avatars in an organized layout with overflow management.
      *
@@ -4456,15 +4472,25 @@ declare module 'vue' {
      */
          'dap-ds-avatar-group': DefineCustomElement<DapDSAvatarGroup, DapDSAvatarGroupProps, DapDSAvatarGroupEvents>
     /**
-     * Anchor heading is a heading with an anchor link.
+     * Avatar component can be used to display user profile images, initials, or icons.
+     *
+     * ### Events:
+     * - **dds-load** - Fired when the image loads successfully.
+     * - **dds-error** - Fired when the image fails to load.
+     *
+     * ### Slots:
+     * - **icon** - The icon to display when variant is 'icon'.
+     * - **fallback** - Custom fallback content when image fails to load.
      *
      * ### 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 avatar container.
+     * - **img** - The avatar image.
+     * - **initials** - The initials container.
+     * - **icon** - The icon container.
+     * - **fallback** - The fallback content container.
+     * - **loading** - The loading indicator.
      */
-         'dap-ds-anchor-heading': DefineCustomElement<DapDSAnchorHeading, DapDSAnchorHeadingProps, {}>
+         'dap-ds-avatar': DefineCustomElement<DapDSAvatar, DapDSAvatarProps, DapDSAvatarEvents>
     /**
      * A badge is a small status descriptor for UI elements.
      *
@@ -4516,51 +4542,25 @@ declare module 'vue' {
      */
          'dap-ds-breadcrumb': DefineCustomElement<DapDSBreadcrumb, DapDSBreadcrumbProps, {}>
     /**
-     * An accordion is a vertically stacked list of interactive items that can be expanded or collapsed to reveal or hide content.
-     *
-     * ### 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.
+     * Anchor heading is a heading with an anchor link.
      *
      * ### 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.
+     * - **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-accordion': DefineCustomElement<DapDSAccordion, DapDSAccordionProps, DapDSAccordionEvents>
+         'dap-ds-anchor-heading': DefineCustomElement<DapDSAnchorHeading, DapDSAnchorHeadingProps, {}>
     /**
-     * Avatar component can be used to display user profile images, initials, or icons.
-     *
-     * ### Events:
-     * - **dds-load** - Fired when the image loads successfully.
-     * - **dds-error** - Fired when the image fails to load.
+     * An accordion group is a collection of accordion components.
      *
      * ### Slots:
-     * - **icon** - The icon to display when variant is 'icon'.
-     * - **fallback** - Custom fallback content when image fails to load.
+     * - **default** - The content of the accordion group.
      *
      * ### CSS Parts:
-     * - **base** - The main avatar container.
-     * - **img** - The avatar image.
-     * - **initials** - The initials container.
-     * - **icon** - The icon container.
-     * - **fallback** - The fallback content container.
-     * - **loading** - The loading indicator.
+     * - **base** - The main accordion group container.
      */
-         'dap-ds-avatar': DefineCustomElement<DapDSAvatar, DapDSAvatarProps, DapDSAvatarEvents>
+         'dap-ds-accordion-group': DefineCustomElement<DapDSAccordionGroup, DapDSAccordionGroupProps, {}>
     /**
      * A breadcrumb item is a secondary navigation scheme that reveals the user's location in a website or Web application.
      *
@@ -4648,6 +4648,27 @@ 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.
      *
@@ -4724,27 +4745,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>
     /**
      * Individual digit input slot for code puncher.
      *
@@ -5522,7 +5522,43 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * - **option-list** - The option list of the search.
      * - **input** - The input of the search.
      */
-         'dap-ds-search': DefineCustomElement<DapDSSearch, DapDSSearchProps, DapDSSearchEvents>
+         'dap-ds-search': DefineCustomElement<DapDSSearch, DapDSSearchProps, DapDSSearchEvents>
+    /**
+     * A select is a form element that allows the user to select one option from a set.
+     *
+     * ### Events:
+     * - **dds-change** - Fired when the select value changes.
+     * - **dds-blur** - Emitted when the select loses focus.
+     * - **dds-focus** - Emitted when the select gains focus.
+     * - **dds-opened** - Emitted when the select dropdown is opened.
+     * - **dds-closed** - Emitted when the select dropdown is closed.
+     *
+     * ### Slots:
+     * - **default** - The option list of the select.
+     * - **indicator-icon** - The indicator icon of the select.
+     *
+     * ### CSS Parts:
+     * - **base** - The main select container.
+     * - **trigger** - The trigger button of the select.
+     * - **label** - The label of the select.
+     * - **description** - The description of the select.
+     * - **feedback** - The feedback of the select.
+     * - **tooltip** - The tooltip of the select.
+     * - **popup-base** - The base of the popup.
+     * - **option-list** - The option list of the select.
+     * - **option-item** - The option item of the select.
+     * - **option-item-base** - The base of the option item.
+     * - **option-item-label** - The label of the option item.
+     * - **option-item-prefix** - The prefix of the option item.
+     * - **option-item-suffix** - The suffix of the option item.
+     * - **indicator-icon** - The indicator icon of the select.
+     * - **mobile-tray** - The mobile tray of the select.
+     * - **mobile-content** - The mobile content of the select.
+     * - **mobile-body** - The mobile body of the select.
+     * - **mobile-header** - The mobile header of the select.
+     * - **mobile-footer** - The mobile footer of the select.
+     */
+         'dap-ds-select': DefineCustomElement<DapDSSelect, DapDSSelectProps, DapDSSelectEvents>
     /**
      * Side navigation group
      *
@@ -5566,41 +5602,12 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      */
          'dap-ds-sidenav': DefineCustomElement<DapDSSideNav, DapDSSideNavProps, DapDSSideNavEvents>
     /**
-     * A select is a form element that allows the user to select one option from a set.
-     *
-     * ### Events:
-     * - **dds-change** - Fired when the select value changes.
-     * - **dds-blur** - Emitted when the select loses focus.
-     * - **dds-focus** - Emitted when the select gains focus.
-     * - **dds-opened** - Emitted when the select dropdown is opened.
-     * - **dds-closed** - Emitted when the select dropdown is closed.
-     *
-     * ### Slots:
-     * - **default** - The option list of the select.
-     * - **indicator-icon** - The indicator icon of the select.
+     * A skeleton loader component for displaying placeholder content while loading.
      *
      * ### CSS Parts:
-     * - **base** - The main select container.
-     * - **trigger** - The trigger button of the select.
-     * - **label** - The label of the select.
-     * - **description** - The description of the select.
-     * - **feedback** - The feedback of the select.
-     * - **tooltip** - The tooltip of the select.
-     * - **popup-base** - The base of the popup.
-     * - **option-list** - The option list of the select.
-     * - **option-item** - The option item of the select.
-     * - **option-item-base** - The base of the option item.
-     * - **option-item-label** - The label of the option item.
-     * - **option-item-prefix** - The prefix of the option item.
-     * - **option-item-suffix** - The suffix of the option item.
-     * - **indicator-icon** - The indicator icon of the select.
-     * - **mobile-tray** - The mobile tray of the select.
-     * - **mobile-content** - The mobile content of the select.
-     * - **mobile-body** - The mobile body of the select.
-     * - **mobile-header** - The mobile header of the select.
-     * - **mobile-footer** - The mobile footer of the select.
+     * - **base** - The main skeleton container.
      */
-         'dap-ds-select': DefineCustomElement<DapDSSelect, DapDSSelectProps, DapDSSelectEvents>
+         'dap-ds-skeleton': DefineCustomElement<DapDSSkeleton, DapDSSkeletonProps, {}>
     /**
      * A skip link is a link that allows keyboard users to skip to the main content of a page.
      *
@@ -5642,13 +5649,6 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * - **message-actions** - The actions part of the message
      */
          'dap-ds-snackbar': DefineCustomElement<DapDSSnackbar, DapDSSnackbarProps, {}>
-    /**
-     * A skeleton loader component for displaying placeholder content while loading.
-     *
-     * ### CSS Parts:
-     * - **base** - The main skeleton container.
-     */
-         'dap-ds-skeleton': DefineCustomElement<DapDSSkeleton, DapDSSkeletonProps, {}>
     /**
      * Loading spinner component.
      *
@@ -5692,6 +5692,58 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * - **description** - The description of the switch.
      */
          'dap-ds-switch': DefineCustomElement<DapDSSwitch, DapDSSwitchProps, DapDSSwitchEvents>
+    /**
+     * A tab group component. It is used with dap-ds-tab component to create a tab group.
+     *
+     * ### Events:
+     * - **dds-tab-select** - Fired when select a new tab.
+     *
+     * ### Slots:
+     * - **default** - The tab items.
+     *
+     * ### CSS Parts:
+     * - **base** - The main container.
+     * - **tab-nav** - The tab navigation container.
+     * - **tab-content** - The tab content container.
+     */
+         'dap-ds-tab-group': DefineCustomElement<DapDSTabGroup, DapDSTabGroupProps, DapDSTabGroupEvents>
+    /**
+     * A tab item component. It is used in dap-ds-tab-group component slot to create a tab item.
+     *
+     * ### Slots:
+     * - **default** - The tab title template.
+     * - **content** - The tab content.
+     *
+     * ### CSS Parts:
+     * - **base** - The main tab content container.
+     */
+         'dap-ds-tab': DefineCustomElement<DapDSTab, DapDSTabProps, {}>
+    /**
+     * A textarea is a multi-line text input field.
+     *
+     * ### Events:
+     * - **dds-count-change** - Fires when the count of the textarea changes.
+     * - **dds-change** - Fired when the textarea value changes.
+     * - **dds-input** - Fired when the textarea value changes.
+     * - **dds-keydown** - Fired when a key is pressed down.
+     * - **dds-blur** - Fired when the textarea loses focus.
+     * - **dds-focus** - Emitted when the textarea gains focus.
+     * - **dds-select** - Emitted when select text in textarea.
+     *
+     * ### Slots:
+     * - **feedback-icon** - The custom icon of the feedback.
+     *
+     * ### CSS Parts:
+     * - **base** - The main textarea container.
+     * - **input** - The native input of the textarea.
+     * - **counter** - The counter of the textarea.
+     * - **counter-base** - The base of the counter.
+     * - **feedback** - The feedback of the textarea.
+     * - **feedback-base** - The base of the feedback.
+     * - **feedback-text** - The text of the feedback.
+     * - **feedback-icon** - The icon of the feedback.
+     */
+         'dap-ds-textarea': DefineCustomElement<DapDSTextarea, DapDSTextareaProps, DapDSTextareaEvents>
     /**
      * 
      *
@@ -5727,31 +5779,27 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      */
          'dap-ds-table': DefineCustomElement<DapDSTable, DapDSTableProps, {}>
     /**
-     * A textarea is a multi-line text input field.
+     * A timeline is a graphical representation of a series of events.
      *
-     * ### Events:
-     * - **dds-count-change** - Fires when the count of the textarea changes.
-     * - **dds-change** - Fired when the textarea value changes.
-     * - **dds-input** - Fired when the textarea value changes.
-     * - **dds-keydown** - Fired when a key is pressed down.
-     * - **dds-blur** - Fired when the textarea loses focus.
-     * - **dds-focus** - Emitted when the textarea gains focus.
-     * - **dds-select** - Emitted when select text in textarea.
+     * ### Slots:
+     * - **default** - The default slot for the item content.
+     *
+     * ### CSS Parts:
+     * - **base** - The main timeline item container.
+     * - **connector** - The connector element between two timeline items.
+     * - **content** - The content of the timeline item.
+     */
+         'dap-ds-timeline-item': DefineCustomElement<DapDSTimelineItem, DapDSTimelineItemProps, {}>
+    /**
+     * A timeline is a graphical representation of a series of events.
      *
      * ### Slots:
-     * - **feedback-icon** - The custom icon of the feedback.
+     * - **default** - The default slot for the timeline items.
      *
      * ### CSS Parts:
-     * - **base** - The main textarea container.
-     * - **input** - The native input of the textarea.
-     * - **counter** - The counter of the textarea.
-     * - **counter-base** - The base of the counter.
-     * - **feedback** - The feedback of the textarea.
-     * - **feedback-base** - The base of the feedback.
-     * - **feedback-text** - The text of the feedback.
-     * - **feedback-icon** - The icon of the feedback.
+     * - **base** - The main timeline container.
      */
-         'dap-ds-textarea': DefineCustomElement<DapDSTextarea, DapDSTextareaProps, DapDSTextareaEvents>
+         'dap-ds-timeline': DefineCustomElement<DapDSTimeline, DapDSTimelineProps, {}>
     /**
      * A time grid component that allows users to select hours and minutes in two side-by-side scrollable columns.
      *
@@ -5795,54 +5843,6 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * - **clear-button** - The clear button of the timepicker.
      */
          'dap-ds-timepicker': DefineCustomElement<DapDSTimePicker, DapDSTimePickerProps, DapDSTimePickerEvents>
-    /**
-     * A timeline is a graphical representation of a series of events.
-     *
-     * ### Slots:
-     * - **default** - The default slot for the item content.
-     *
-     * ### CSS Parts:
-     * - **base** - The main timeline item container.
-     * - **connector** - The connector element between two timeline items.
-     * - **content** - The content of the timeline item.
-     */
-         'dap-ds-timeline-item': DefineCustomElement<DapDSTimelineItem, DapDSTimelineItemProps, {}>
-    /**
-     * A timeline is a graphical representation of a series of events.
-     *
-     * ### Slots:
-     * - **default** - The default slot for the timeline items.
-     *
-     * ### CSS Parts:
-     * - **base** - The main timeline container.
-     */
-         'dap-ds-timeline': DefineCustomElement<DapDSTimeline, DapDSTimelineProps, {}>
-    /**
-     * A tab group component. It is used with dap-ds-tab component to create a tab group.
-     *
-     * ### Events:
-     * - **dds-tab-select** - Fired when select a new tab.
-     *
-     * ### Slots:
-     * - **default** - The tab items.
-     *
-     * ### CSS Parts:
-     * - **base** - The main container.
-     * - **tab-nav** - The tab navigation container.
-     * - **tab-content** - The tab content container.
-     */
-         'dap-ds-tab-group': DefineCustomElement<DapDSTabGroup, DapDSTabGroupProps, DapDSTabGroupEvents>
-    /**
-     * A tab item component. It is used in dap-ds-tab-group component slot to create a tab item.
-     *
-     * ### Slots:
-     * - **default** - The tab title template.
-     * - **content** - The tab content.
-     *
-     * ### CSS Parts:
-     * - **base** - The main tab content container.
-     */
-         'dap-ds-tab': DefineCustomElement<DapDSTab, DapDSTabProps, {}>
     /**
      * A table of contents (TOC) is a list of links that allows users to quickly navigate to sections within a document.
      *
@@ -5968,35 +5968,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-arrow-down-s-fill': DefineCustomElement<ArrowsArrowDownSFill, ArrowsArrowDownSFillProps, {}>
+         'dap-ds-icon-arrow-down-s-line': DefineCustomElement<ArrowsArrowDownSLine, ArrowsArrowDownSLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-arrow-down-s-line': DefineCustomElement<ArrowsArrowDownSLine, ArrowsArrowDownSLineProps, {}>
+         'dap-ds-icon-arrow-left-down-line': DefineCustomElement<ArrowsArrowLeftDownLine, ArrowsArrowLeftDownLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-arrow-left-down-line': DefineCustomElement<ArrowsArrowLeftDownLine, ArrowsArrowLeftDownLineProps, {}>
+         'dap-ds-icon-arrow-left-l-line': DefineCustomElement<ArrowsArrowLeftLLine, ArrowsArrowLeftLLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-arrow-left-line': DefineCustomElement<ArrowsArrowLeftLine, ArrowsArrowLeftLineProps, {}>
+         'dap-ds-icon-arrow-down-s-fill': DefineCustomElement<ArrowsArrowDownSFill, ArrowsArrowDownSFillProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-arrow-left-l-line': DefineCustomElement<ArrowsArrowLeftLLine, ArrowsArrowLeftLLineProps, {}>
+         'dap-ds-icon-arrow-left-line': DefineCustomElement<ArrowsArrowLeftLine, ArrowsArrowLeftLineProps, {}>
     /**
      * An icon
      *
@@ -6045,14 +6045,14 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-arrow-right-s-line': DefineCustomElement<ArrowsArrowRightSLine, ArrowsArrowRightSLineProps, {}>
+         'dap-ds-icon-arrow-right-s-fill': DefineCustomElement<ArrowsArrowRightSFill, ArrowsArrowRightSFillProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-arrow-right-s-fill': DefineCustomElement<ArrowsArrowRightSFill, ArrowsArrowRightSFillProps, {}>
+         'dap-ds-icon-arrow-right-s-line': DefineCustomElement<ArrowsArrowRightSLine, ArrowsArrowRightSLineProps, {}>
     /**
      * An icon
      *
@@ -6094,14 +6094,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-calendar-line': DefineCustomElement<BusinessCalendarLine, BusinessCalendarLineProps, {}>
+         'dap-ds-icon-home-6-line': DefineCustomElement<BuildingsHome6Line, BuildingsHome6LineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-home-6-line': DefineCustomElement<BuildingsHome6Line, BuildingsHome6LineProps, {}>
+         'dap-ds-icon-calendar-line': DefineCustomElement<BusinessCalendarLine, BusinessCalendarLineProps, {}>
     /**
      * An icon
      *
@@ -6185,14 +6185,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-heart-fill': DefineCustomElement<HealthHeartFill, HealthHeartFillProps, {}>
+         'dap-ds-icon-separator': DefineCustomElement<EditorSeparator, EditorSeparatorProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-separator': DefineCustomElement<EditorSeparator, EditorSeparatorProps, {}>
+         'dap-ds-icon-heart-fill': DefineCustomElement<HealthHeartFill, HealthHeartFillProps, {}>
     /**
      * An icon
      *
@@ -6564,19 +6564,20 @@ Used with dap-ds-select to create grouped options that render as native optgroup
 declare global {
   namespace JSX {
     interface IntrinsicElements {
-      'dap-ds-accordion-group': DapDSAccordionGroupProps & DapDSAccordionGroupSlots
+      'dap-ds-accordion': DapDSAccordionProps & DapDSAccordionEvents & DapDSAccordionSlots
       'dap-ds-avatar-group': DapDSAvatarGroupProps & DapDSAvatarGroupEvents & DapDSAvatarGroupSlots
-      'dap-ds-anchor-heading': DapDSAnchorHeadingProps
+      'dap-ds-avatar': DapDSAvatarProps & DapDSAvatarEvents & DapDSAvatarSlots
       'dap-ds-badge': DapDSBadgeProps & DapDSBadgeSlots
       'dap-ds-banner': DapDSBannerProps & DapDSBannerEvents & DapDSBannerSlots
       'dap-ds-breadcrumb': DapDSBreadcrumbProps & DapDSBreadcrumbSlots
-      'dap-ds-accordion': DapDSAccordionProps & DapDSAccordionEvents & DapDSAccordionSlots
-      'dap-ds-avatar': DapDSAvatarProps & DapDSAvatarEvents & DapDSAvatarSlots
+      'dap-ds-anchor-heading': DapDSAnchorHeadingProps
+      'dap-ds-accordion-group': DapDSAccordionGroupProps & DapDSAccordionGroupSlots
       '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
@@ -6584,7 +6585,6 @@ 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-code-puncher-slot': DapDSCodePuncherSlotProps
       'dap-ds-code-puncher': DapDSCodePuncherProps & DapDSCodePuncherEvents & DapDSCodePuncherSlots
       'dap-ds-combobox': DapDSComboboxProps & DapDSComboboxEvents & DapDSComboboxSlots
@@ -6627,28 +6627,28 @@ declare global {
       '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
       'dap-ds-sidenav-item': DapDSSideNavItemProps & DapDSSideNavItemSlots
       'dap-ds-sidenav': DapDSSideNavProps & DapDSSideNavEvents & DapDSSideNavSlots
-      'dap-ds-select': DapDSSelectProps & DapDSSelectEvents & DapDSSelectSlots
+      'dap-ds-skeleton': DapDSSkeletonProps
       'dap-ds-skip-link': DapDSSkipLinkProps & DapDSSkipLinkSlots
       'dap-ds-snackbar-message': DapDSSnackbarMessageProps & DapDSSnackbarMessageEvents & DapDSSnackbarMessageSlots
       'dap-ds-snackbar': DapDSSnackbarProps
-      'dap-ds-skeleton': DapDSSkeletonProps
       'dap-ds-spinner': DapDSSpinnerProps & DapDSSpinnerSlots
       'dap-ds-stack': DapDSStackProps & DapDSStackSlots
       'dap-ds-switch': DapDSSwitchProps & DapDSSwitchEvents
+      'dap-ds-tab-group': DapDSTabGroupProps & DapDSTabGroupEvents & DapDSTabGroupSlots
+      'dap-ds-tab': DapDSTabProps & DapDSTabSlots
+      'dap-ds-textarea': DapDSTextareaProps & DapDSTextareaEvents & DapDSTextareaSlots
       'dap-ds-table-cell': DapDSTableCellProps & DapDSTableCellSlots
       'dap-ds-table-header': DapDSTableHeaderProps & DapDSTableHeaderSlots
       'dap-ds-table-row': DapDSTableRowProps & DapDSTableRowSlots
       'dap-ds-table': DapDSTableProps & DapDSTableSlots
-      'dap-ds-textarea': DapDSTextareaProps & DapDSTextareaEvents & DapDSTextareaSlots
-      'dap-ds-time-grid': DapDSTimeGridProps & DapDSTimeGridEvents
-      'dap-ds-timepicker': DapDSTimePickerProps & DapDSTimePickerEvents
       'dap-ds-timeline-item': DapDSTimelineItemProps & DapDSTimelineItemSlots
       'dap-ds-timeline': DapDSTimelineProps & DapDSTimelineSlots
-      'dap-ds-tab-group': DapDSTabGroupProps & DapDSTabGroupEvents & DapDSTabGroupSlots
-      'dap-ds-tab': DapDSTabProps & DapDSTabSlots
+      'dap-ds-time-grid': DapDSTimeGridProps & DapDSTimeGridEvents
+      'dap-ds-timepicker': DapDSTimePickerProps & DapDSTimePickerEvents
       'dap-ds-toc': DapDSTOCProps & DapDSTOCEvents
       'dap-ds-toggle-button': DapDSToggleButtonProps & DapDSToggleButtonSlots
       'dap-ds-tooltip': DapDSTooltipProps & DapDSTooltipSlots
@@ -6658,26 +6658,26 @@ declare global {
       'dap-ds-input-group': DapDSInputGroupProps & DapDSInputGroupSlots
       'dap-ds-radio-group': DapDSRadioGroupProps & DapDSRadioGroupEvents & DapDSRadioGroupSlots
       'dap-ds-icon-arrow-down-line': ArrowsArrowDownLineProps
-      'dap-ds-icon-arrow-down-s-fill': ArrowsArrowDownSFillProps
       'dap-ds-icon-arrow-down-s-line': ArrowsArrowDownSLineProps
       'dap-ds-icon-arrow-left-down-line': ArrowsArrowLeftDownLineProps
-      'dap-ds-icon-arrow-left-line': ArrowsArrowLeftLineProps
       'dap-ds-icon-arrow-left-l-line': ArrowsArrowLeftLLineProps
+      'dap-ds-icon-arrow-down-s-fill': ArrowsArrowDownSFillProps
+      'dap-ds-icon-arrow-left-line': ArrowsArrowLeftLineProps
       'dap-ds-icon-arrow-left-s-fill': ArrowsArrowLeftSFillProps
       'dap-ds-icon-arrow-left-s-line': ArrowsArrowLeftSLineProps
       'dap-ds-icon-arrow-left-up-line': ArrowsArrowLeftUpLineProps
       'dap-ds-icon-arrow-right-down-line': ArrowsArrowRightDownLineProps
       'dap-ds-icon-arrow-right-l-line': ArrowsArrowRightLLineProps
       'dap-ds-icon-arrow-right-line': ArrowsArrowRightLineProps
-      'dap-ds-icon-arrow-right-s-line': ArrowsArrowRightSLineProps
       'dap-ds-icon-arrow-right-s-fill': ArrowsArrowRightSFillProps
+      'dap-ds-icon-arrow-right-s-line': ArrowsArrowRightSLineProps
       'dap-ds-icon-arrow-right-up-line': ArrowsArrowRightUpLineProps
       'dap-ds-icon-arrow-up-line': ArrowsArrowUpLineProps
       'dap-ds-icon-arrow-up-s-fill': ArrowsArrowUpSFillProps
       'dap-ds-icon-arrow-up-s-line': ArrowsArrowUpSLineProps
       'dap-ds-icon-expand-up-down-fill': ArrowsExpandUpDownFillProps
-      'dap-ds-icon-calendar-line': BusinessCalendarLineProps
       'dap-ds-icon-home-6-line': BuildingsHome6LineProps
+      'dap-ds-icon-calendar-line': BusinessCalendarLineProps
       'dap-ds-icon-edit-line': DesignEditLineProps
       'dap-ds-icon-tools-line': DesignToolsLineProps
       'dap-ds-icon-computer-line': DeviceComputerLineProps
@@ -6689,8 +6689,8 @@ declare global {
       'dap-ds-icon-file-video-line': DocumentFileVideoLineProps
       'dap-ds-icon-folder-line': DocumentFolderLineProps
       'dap-ds-icon-folder-open-line': DocumentFolderOpenLineProps
-      'dap-ds-icon-heart-fill': HealthHeartFillProps
       '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