dap-design-system 0.61.1 → 0.61.2

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

@@ -217,6 +217,13 @@ export interface DapDSAccordionEvents {
   onDdsClosed?: (event: CustomEvent<{ open: boolean, item: AccordionBaseElement }>) => void
 }
 
+export interface DapDSAvatarEvents {
+  /** Fired when the image loads successfully. */
+  onDdsLoad?: (event: CustomEvent) => void
+  /** Fired when the image fails to load. */
+  onDdsError?: (event: CustomEvent) => void
+}
+
 export interface DapDSAvatarGroupEvents {
   /** Fired when the overflow indicator is clicked. */
   onDdsOverflowClick?: (event: CustomEvent) => void
@@ -227,13 +234,6 @@ export interface DapDSBannerEvents {
   onDdsClose?: (event: CustomEvent) => void
 }
 
-export interface DapDSAvatarEvents {
-  /** Fired when the image loads successfully. */
-  onDdsLoad?: (event: CustomEvent) => void
-  /** Fired when the image fails to load. */
-  onDdsError?: (event: CustomEvent) => void
-}
-
 export interface DapDSButtonEvents {
   /** Emitted when the loading timeout is reached */
   onDdsLoadingTimeout?: (event: CustomEvent) => void
@@ -604,11 +604,6 @@ export interface DapDSTextareaEvents {
   onDdsSelect?: (event: CustomEvent<{ value: string }>) => void
 }
 
-export interface DapDSTOCEvents {
-  /** Event that is triggered when the anchor changes. */
-  onDdsAnchorChange?: (event: CustomEvent<{ selectedItem: HTMLAnchorElement, anchorElement: IntersectionObserverEntry | HTMLElement }>) => void
-}
-
 export interface DapDSTimeGridEvents {
   /** Fired when time selection changes. */
   onDdsChange?: (event: CustomEvent<{ detail: TimeSelection }>) => void
@@ -633,6 +628,11 @@ export interface DapDSTimePickerEvents {
   onDdsBlur?: (event: CustomEvent) => void
 }
 
+export interface DapDSTOCEvents {
+  /** Event that is triggered when the anchor changes. */
+  onDdsAnchorChange?: (event: CustomEvent<{ selectedItem: HTMLAnchorElement, anchorElement: IntersectionObserverEntry | HTMLElement }>) => void
+}
+
 export interface DapDSTrayEvents {
   /** Fires before the tray opens. */
   onDdsBeforeOpen?: (event: CustomEvent) => void
@@ -655,11 +655,6 @@ export interface DapDSRadioGroupEvents {
   onDdsFocus?: (event: CustomEvent) => void
 }
 
-export interface DapDSAccordionGroupSlots {
-  /** The content of the accordion group. */
-  default?: () => any
-}
-
 export interface DapDSAccordionSlots {
   /** The content of the accordion. */
   default?: () => any
@@ -671,11 +666,30 @@ export interface DapDSAccordionSlots {
   '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 DapDSAccordionGroupSlots {
+  /** The content of the accordion group. */
+  default?: () => any
+}
+
 export interface DapDSAvatarGroupSlots {
   /** The avatars to display in the group. */
   default?: () => any
 }
 
+export interface DapDSBadgeSlots {
+  /** The content of the badge. */
+  default?: () => any
+  /** The icon of the badge. */
+  'icon'?: () => any
+}
+
 export interface DapDSBannerSlots {
   /** The content of the banner. */
   default?: () => any
@@ -685,13 +699,6 @@ export interface DapDSBannerSlots {
   'icon'?: () => any
 }
 
-export interface DapDSBadgeSlots {
-  /** The content of the badge. */
-  default?: () => any
-  /** The icon of the badge. */
-  'icon'?: () => any
-}
-
 export interface DapDSBreadcrumbSlots {
   /** The content of the breadcrumb. */
   default?: () => any
@@ -699,13 +706,6 @@ export interface DapDSBreadcrumbSlots {
   'separator'?: () => 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 {
   /** The content of the breadcrumb item. */
   default?: () => any
@@ -1123,15 +1123,6 @@ 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"]
-  /**  */
-  tagName?: DapDSAccordionGroup["tagName"]
-}
-
 export type DapDSAccordionProps = {
   /**  */
   tagName?: DapDSAccordion["tagName"]
@@ -1159,6 +1150,61 @@ export type DapDSAccordionProps = {
   loading?: DapDSAccordion["loading"]
 }
 
+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"]
+  /**  */
+  tagName?: DapDSAvatar["tagName"]
+  /**  */
+  dependencies?: DapDSAvatar["dependencies"]
+  /** 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"]
+  /**  */
+  tagName?: DapDSAccordionGroup["tagName"]
+}
+
+export type DapDSAnchorHeadingProps = {
+  /** The variant of the heading. Default is `h2`. Can be `h1`, `h2`, `h3`, `h4`, `h5`, or `h6`. */
+  variant?: DapDSAnchorHeading["variant"]
+  /** The label of the heading. */
+  label?: DapDSAnchorHeading["label"]
+  /**  */
+  tagName?: DapDSAnchorHeading["tagName"]
+  /**  */
+  dependencies?: DapDSAnchorHeading["dependencies"]
+  /**  */
+  elementId?: DapDSAnchorHeading["elementId"]
+  /**  */
+  anchorTitle?: DapDSAnchorHeading["anchorTitle"]
+}
+
 export type DapDSAvatarGroupProps = {
   /** Layout type for the avatar group */
   layout?: DapDSAvatarGroup["layout"]
@@ -1180,6 +1226,23 @@ export type DapDSAvatarGroupProps = {
   sizeMap?: DapDSAvatarGroup["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"]
+  /**  */
+  tagName?: DapDSBadge["tagName"]
+  /**  */
+  dependencies?: DapDSBadge["dependencies"]
+  /** The size of the badge. Default is `sm`. */
+  size?: DapDSBadge["size"]
+  /** Responsive size map (e.g. "md:lg"). */
+  sizeMap?: DapDSBadge["sizeMap"]
+}
+
 export type DapDSBannerProps = {
   /** The variant of the banner */
   variant?: DapDSBanner["variant"]
@@ -1199,23 +1262,6 @@ export type DapDSBannerProps = {
   dependencies?: DapDSBanner["dependencies"]
 }
 
-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"]
-  /**  */
-  tagName?: DapDSBadge["tagName"]
-  /**  */
-  dependencies?: DapDSBadge["dependencies"]
-  /** The size of the badge. Default is `sm`. */
-  size?: DapDSBadge["size"]
-  /** Responsive size map (e.g. "md:lg"). */
-  sizeMap?: DapDSBadge["sizeMap"]
-}
-
 export type DapDSBreadcrumbProps = {
   /**  */
   variant?: DapDSBreadcrumb["variant"]
@@ -1227,52 +1273,6 @@ export type DapDSBreadcrumbProps = {
   tagName?: DapDSBreadcrumb["tagName"]
 }
 
-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"]
-  /**  */
-  tagName?: DapDSAvatar["tagName"]
-  /**  */
-  dependencies?: DapDSAvatar["dependencies"]
-  /** The size of the avatar. Default is `md`. */
-  size?: DapDSAvatar["size"]
-  /** Responsive size map (e.g. "md:lg"). */
-  sizeMap?: DapDSAvatar["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"]
-  /**  */
-  tagName?: DapDSAnchorHeading["tagName"]
-  /**  */
-  dependencies?: DapDSAnchorHeading["dependencies"]
-  /**  */
-  elementId?: DapDSAnchorHeading["elementId"]
-  /**  */
-  anchorTitle?: DapDSAnchorHeading["anchorTitle"]
-}
-
 export type DapDSBreadcrumbItemProps = {
   /** The URL of the breadcrumb item. */
   href?: DapDSBreadcrumbItem["href"]
@@ -1418,110 +1418,26 @@ export type DapDSCalloutProps = {
   dependencies?: DapDSCallout["dependencies"]
 }
 
-export type DapDSCheckboxProps = {
-  /** Whether the checkbox is indeterminate */
-  indeterminate?: DapDSCheckbox["indeterminate"]
-  /** Whether the checkbox should prevent the default action */
-  preventDefault?: DapDSCheckbox["preventDefault"]
-  /** This sets up border around the checkbox, when true. */
-  border?: DapDSCheckbox["border"]
-  /** Whether the checkbox is readonly (cannot be changed but value is submitted with form). */
-  readonly?: DapDSCheckbox["readonly"]
-  /** The type of the checkbox */
-  type?: DapDSCheckbox["type"]
+export type DapDSCardActionsProps = {
   /**  */
-  tagName?: DapDSCheckbox["tagName"]
+  tagName?: DapDSCardActions["tagName"]
+  /** The spacing of the card actions. This adds a margin to the card actions. Default is `bottom`. */
+  spacing?: DapDSCardActions["spacing"]
   /**  */
-  dependencies?: DapDSCheckbox["dependencies"]
+  parentSized?: DapDSCardActions["parentSized"]
+  /** The size of the card actions. Default is `sm`. */
+  size?: DapDSCardActions["size"]
+  /** Responsive size map (e.g. "md:lg"). */
+  sizeMap?: DapDSCardActions["sizeMap"]
+}
+
+export type DapDSCardContentProps = {
+  /** The base rendered root tag of the card content. */
+  renderAs?: DapDSCardContent["renderAs"]
   /**  */
-  focusElement?: DapDSCheckbox["focusElement"]
-  /**  */
-  feedbackId?: DapDSCheckbox["feedbackId"]
-  /** The name of the checkbox. */
-  name?: DapDSCheckbox["name"]
-  /** The value of the checkbox. */
-  value?: DapDSCheckbox["value"]
-  /** Whether the checkbox is checked. */
-  checked?: DapDSCheckbox["checked"]
-  /** The label of the checkbox. */
-  label?: DapDSCheckbox["label"]
-  /** Visually hides the label while keeping it available to assistive technology. (default: false) */
-  hideLabel?: DapDSCheckbox["hideLabel"]
-  /** The description of the checkbox. */
-  description?: DapDSCheckbox["description"]
-  /** Whether the checkbox is disabled. */
-  disabled?: DapDSCheckbox["disabled"]
-  /** Whether the checkbox is required. */
-  required?: DapDSCheckbox["required"]
-  /** The size of the checkbox. Default is 'sm'. */
-  size?: DapDSCheckbox["size"]
-  /** Responsive size map (e.g. "md:lg"). */
-  sizeMap?: DapDSCheckbox["sizeMap"]
-  /** The placement of the label. */
-  labelPlacement?: DapDSCheckbox["labelPlacement"]
-  /** The placement of the description. */
-  descriptionPlacement?: DapDSCheckbox["descriptionPlacement"]
-  /** The weight of the label. */
-  subtle?: DapDSCheckbox["subtle"]
-  /** The feedback of the checkbox. */
-  feedback?: DapDSCheckbox["feedback"]
-  /** The feedback type of the checkbox. */
-  feedbackType?: DapDSCheckbox["feedbackType"]
-  /** The invalid state of the checkbox. */
-  invalid?: DapDSCheckbox["invalid"]
-  /** The optional state of the checkbox. */
-  optional?: DapDSCheckbox["optional"]
-  /** The optional label of the checkbox. */
-  optionalLabel?: DapDSCheckbox["optionalLabel"]
-  /** The required indicator of the checkbox. (default: '*') */
-  requiredLabel?: DapDSCheckbox["requiredLabel"]
-}
-
-export type DapDSChipProps = {
-  /** Whether the chip is removeable */
-  removeable?: DapDSChip["removeable"]
-  /** Whether the chip is selectable */
-  selectable?: DapDSChip["selectable"]
-  /** Whether the chip is selected */
-  selected?: DapDSChip["selected"]
-  /** Whether the chip is disabled */
-  disabled?: DapDSChip["disabled"]
-  /** The value of the chip */
-  value?: DapDSChip["value"]
-  /** The aria label for the delete button */
-  deleteAriaLabel?: DapDSChip["deleteAriaLabel"]
-  /** `data-testid` for the remove button. */
-  removeButtonTestId?: DapDSChip["removeButtonTestId"]
-  /**  */
-  tagName?: DapDSChip["tagName"]
-  /**  */
-  dependencies?: DapDSChip["dependencies"]
-  /** The size of the chip. Default is `sm`. */
-  size?: DapDSChip["size"]
-  /** Responsive size map (e.g. "md:lg"). */
-  sizeMap?: DapDSChip["sizeMap"]
-}
-
-export type DapDSCardActionsProps = {
-  /**  */
-  tagName?: DapDSCardActions["tagName"]
-  /** The spacing of the card actions. This adds a margin to the card actions. Default is `bottom`. */
-  spacing?: DapDSCardActions["spacing"]
-  /**  */
-  parentSized?: DapDSCardActions["parentSized"]
-  /** The size of the card actions. Default is `sm`. */
-  size?: DapDSCardActions["size"]
-  /** Responsive size map (e.g. "md:lg"). */
-  sizeMap?: DapDSCardActions["sizeMap"]
-}
-
-export type DapDSCardContentProps = {
-  /** The base rendered root tag of the card content. */
-  renderAs?: DapDSCardContent["renderAs"]
-  /**  */
-  tagName?: DapDSCardContent["tagName"]
-  /** The spacing of the card content. This adds a margin to the card subtitle. Default is `bottom`. */
-  spacing?: DapDSCardContent["spacing"]
+  tagName?: DapDSCardContent["tagName"]
+  /** The spacing of the card content. This adds a margin to the card subtitle. Default is `bottom`. */
+  spacing?: DapDSCardContent["spacing"]
   /**  */
   parentSized?: DapDSCardContent["parentSized"]
   /** The size of the card subtitle. Default is `sm`. */
@@ -1600,6 +1516,90 @@ 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"]
+  /**  */
+  tagName?: DapDSCheckbox["tagName"]
+  /**  */
+  dependencies?: DapDSCheckbox["dependencies"]
+  /**  */
+  focusElement?: DapDSCheckbox["focusElement"]
+  /**  */
+  feedbackId?: DapDSCheckbox["feedbackId"]
+  /** The name of the checkbox. */
+  name?: DapDSCheckbox["name"]
+  /** The value of the checkbox. */
+  value?: DapDSCheckbox["value"]
+  /** Whether the checkbox is checked. */
+  checked?: DapDSCheckbox["checked"]
+  /** The label of the checkbox. */
+  label?: DapDSCheckbox["label"]
+  /** Visually hides the label while keeping it available to assistive technology. (default: false) */
+  hideLabel?: DapDSCheckbox["hideLabel"]
+  /** The description of the checkbox. */
+  description?: DapDSCheckbox["description"]
+  /** Whether the checkbox is disabled. */
+  disabled?: DapDSCheckbox["disabled"]
+  /** Whether the checkbox is required. */
+  required?: DapDSCheckbox["required"]
+  /** The size of the checkbox. Default is 'sm'. */
+  size?: DapDSCheckbox["size"]
+  /** Responsive size map (e.g. "md:lg"). */
+  sizeMap?: DapDSCheckbox["sizeMap"]
+  /** The placement of the label. */
+  labelPlacement?: DapDSCheckbox["labelPlacement"]
+  /** The placement of the description. */
+  descriptionPlacement?: DapDSCheckbox["descriptionPlacement"]
+  /** The weight of the label. */
+  subtle?: DapDSCheckbox["subtle"]
+  /** The feedback of the checkbox. */
+  feedback?: DapDSCheckbox["feedback"]
+  /** The feedback type of the checkbox. */
+  feedbackType?: DapDSCheckbox["feedbackType"]
+  /** The invalid state of the checkbox. */
+  invalid?: DapDSCheckbox["invalid"]
+  /** The optional state of the checkbox. */
+  optional?: DapDSCheckbox["optional"]
+  /** The optional label of the checkbox. */
+  optionalLabel?: DapDSCheckbox["optionalLabel"]
+  /** The required indicator of the checkbox. (default: '*') */
+  requiredLabel?: DapDSCheckbox["requiredLabel"]
+}
+
+export type DapDSChipProps = {
+  /** Whether the chip is removeable */
+  removeable?: DapDSChip["removeable"]
+  /** Whether the chip is selectable */
+  selectable?: DapDSChip["selectable"]
+  /** Whether the chip is selected */
+  selected?: DapDSChip["selected"]
+  /** Whether the chip is disabled */
+  disabled?: DapDSChip["disabled"]
+  /** The value of the chip */
+  value?: DapDSChip["value"]
+  /** The aria label for the delete button */
+  deleteAriaLabel?: DapDSChip["deleteAriaLabel"]
+  /** `data-testid` for the remove button. */
+  removeButtonTestId?: DapDSChip["removeButtonTestId"]
+  /**  */
+  tagName?: DapDSChip["tagName"]
+  /**  */
+  dependencies?: DapDSChip["dependencies"]
+  /** The size of the chip. Default is `sm`. */
+  size?: DapDSChip["size"]
+  /** Responsive size map (e.g. "md:lg"). */
+  sizeMap?: DapDSChip["sizeMap"]
+}
+
 export type DapDSCodePuncherSlotProps = {
   /**  */
   tagName?: DapDSCodePuncherSlot["tagName"]
@@ -2363,33 +2363,6 @@ export type DapDSImageZoomProps = {
   dependencies?: DapDSImageZoom["dependencies"]
 }
 
-export type DapDSLabelProps = {
-  /**  */
-  tagName?: DapDSLabel["tagName"]
-  /** The label text */
-  label?: DapDSLabel["label"]
-  /** The description of the label */
-  description?: DapDSLabel["description"]
-  /** The tooltip text */
-  tooltip?: DapDSLabel["tooltip"]
-  /** The size of the input. Default is `sm`. */
-  size?: DapDSLabel["size"]
-  /** The tooltip placement of the label. */
-  tooltipPlacement?: DapDSLabel["tooltipPlacement"]
-  /** If the label is optional. Default value is `false`. */
-  optional?: DapDSLabel["optional"]
-  /** Label of optional text */
-  optionalLabel?: DapDSLabel["optionalLabel"]
-  /** Indicator of required text (default: '*') */
-  requiredLabel?: DapDSLabel["requiredLabel"]
-  /** Text weight of label. If true the label is subtle. Default value is `false`. */
-  subtle?: DapDSLabel["subtle"]
-  /** The disabled state of the label. Default is `false`. */
-  disabled?: DapDSLabel["disabled"]
-  /** The required state of the label. Default is `false`. */
-  required?: DapDSLabel["required"]
-}
-
 export type DapDSInputProps = {
   /**  */
   tagName?: DapDSInput["tagName"]
@@ -2457,6 +2430,33 @@ export type DapDSInputProps = {
   pattern?: DapDSInput["pattern"]
 }
 
+export type DapDSLabelProps = {
+  /**  */
+  tagName?: DapDSLabel["tagName"]
+  /** The label text */
+  label?: DapDSLabel["label"]
+  /** The description of the label */
+  description?: DapDSLabel["description"]
+  /** The tooltip text */
+  tooltip?: DapDSLabel["tooltip"]
+  /** The size of the input. Default is `sm`. */
+  size?: DapDSLabel["size"]
+  /** The tooltip placement of the label. */
+  tooltipPlacement?: DapDSLabel["tooltipPlacement"]
+  /** If the label is optional. Default value is `false`. */
+  optional?: DapDSLabel["optional"]
+  /** Label of optional text */
+  optionalLabel?: DapDSLabel["optionalLabel"]
+  /** Indicator of required text (default: '*') */
+  requiredLabel?: DapDSLabel["requiredLabel"]
+  /** Text weight of label. If true the label is subtle. Default value is `false`. */
+  subtle?: DapDSLabel["subtle"]
+  /** The disabled state of the label. Default is `false`. */
+  disabled?: DapDSLabel["disabled"]
+  /** The required state of the label. Default is `false`. */
+  required?: DapDSLabel["required"]
+}
+
 export type DapDSLinkProps = {
   /** The size of the link */
   size?: DapDSLink["size"]
@@ -3602,37 +3602,6 @@ export type DapDSTimelineProps = {
   tagName?: DapDSTimeline["tagName"]
 }
 
-export type DapDSTOCProps = {
-  /** The root element to observe [`IntersectionObserver`](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API#root) */
-  root?: DapDSTOC["root"]
-  /** The margin around the root element to observe [`IntersectionObserver`](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API#rootmargin) */
-  rootMargin?: DapDSTOC["rootMargin"]
-  /** The margin around the last anchor to observe [`IntersectionObserver`](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API#rootmargin) */
-  lastAnchorRootMargin?: DapDSTOC["lastAnchorRootMargin"]
-  /** The threshold to trigger [`IntersectionObserver`](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API#threshold) */
-  threshold?: DapDSTOC["threshold"]
-  /** The minimum heading level to include in the TOC. The default value is `2`. */
-  minHeadingLevel?: DapDSTOC["minHeadingLevel"]
-  /** The maximum heading level to include in the TOC. The default value is `3`. */
-  maxHeadingLevel?: DapDSTOC["maxHeadingLevel"]
-  /** Whether to indent the TOC items. */
-  noIndent?: DapDSTOC["noIndent"]
-  /** The header of the TOC. */
-  header?: DapDSTOC["header"]
-  /**  */
-  tagName?: DapDSTOC["tagName"]
-  /**  */
-  activeAnchor?: DapDSTOC["activeAnchor"]
-  /**  */
-  anchors?: DapDSTOC["anchors"]
-  /**  */
-  items?: DapDSTOC["items"]
-  /** The size of the TOC. Default is `lg. */
-  size?: DapDSTOC["size"]
-  /** Responsive size map (e.g. "md:lg"). */
-  sizeMap?: DapDSTOC["sizeMap"]
-}
-
 export type DapDSTimeGridProps = {
   /** The currently selected hour (0-23). */
   selectedHour?: DapDSTimeGrid["selectedHour"]
@@ -3767,25 +3736,56 @@ export type DapDSTimePickerProps = {
   autocomplete?: DapDSTimePicker["autocomplete"]
 }
 
-export type DapDSToggleButtonProps = {
-  /** Whether the button is active. */
-  active?: DapDSToggleButton["active"]
-  /** The shape of the button */
-  shape?: DapDSToggleButton["shape"]
-  /**  */
-  sizeChildren?: DapDSToggleButton["sizeChildren"]
-  /**  */
-  tagName?: DapDSToggleButton["tagName"]
-  /**  */
-  focusElement?: DapDSToggleButton["focusElement"]
-  /** The size of the toggle button. Default is `md` */
-  size?: DapDSToggleButton["size"]
-  /** Responsive size map (e.g. "md:lg") */
-  sizeMap?: DapDSToggleButton["sizeMap"]
-}
-
-export type DapDSTooltipProps = {
-  /** The content of the tooltip, supporting text only. */
+export type DapDSTOCProps = {
+  /** The root element to observe [`IntersectionObserver`](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API#root) */
+  root?: DapDSTOC["root"]
+  /** The margin around the root element to observe [`IntersectionObserver`](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API#rootmargin) */
+  rootMargin?: DapDSTOC["rootMargin"]
+  /** The margin around the last anchor to observe [`IntersectionObserver`](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API#rootmargin) */
+  lastAnchorRootMargin?: DapDSTOC["lastAnchorRootMargin"]
+  /** The threshold to trigger [`IntersectionObserver`](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API#threshold) */
+  threshold?: DapDSTOC["threshold"]
+  /** The minimum heading level to include in the TOC. The default value is `2`. */
+  minHeadingLevel?: DapDSTOC["minHeadingLevel"]
+  /** The maximum heading level to include in the TOC. The default value is `3`. */
+  maxHeadingLevel?: DapDSTOC["maxHeadingLevel"]
+  /** Whether to indent the TOC items. */
+  noIndent?: DapDSTOC["noIndent"]
+  /** The header of the TOC. */
+  header?: DapDSTOC["header"]
+  /**  */
+  tagName?: DapDSTOC["tagName"]
+  /**  */
+  activeAnchor?: DapDSTOC["activeAnchor"]
+  /**  */
+  anchors?: DapDSTOC["anchors"]
+  /**  */
+  items?: DapDSTOC["items"]
+  /** The size of the TOC. Default is `lg. */
+  size?: DapDSTOC["size"]
+  /** Responsive size map (e.g. "md:lg"). */
+  sizeMap?: DapDSTOC["sizeMap"]
+}
+
+export type DapDSToggleButtonProps = {
+  /** Whether the button is active. */
+  active?: DapDSToggleButton["active"]
+  /** The shape of the button */
+  shape?: DapDSToggleButton["shape"]
+  /**  */
+  sizeChildren?: DapDSToggleButton["sizeChildren"]
+  /**  */
+  tagName?: DapDSToggleButton["tagName"]
+  /**  */
+  focusElement?: DapDSToggleButton["focusElement"]
+  /** The size of the toggle button. Default is `md` */
+  size?: DapDSToggleButton["size"]
+  /** Responsive size map (e.g. "md:lg") */
+  sizeMap?: DapDSToggleButton["sizeMap"]
+}
+
+export type DapDSTooltipProps = {
+  /** The content of the tooltip, supporting text only. */
   content?: DapDSTooltip["content"]
   /** The position of the tooltip around the trigger element. */
   placement?: DapDSTooltip["placement"]
@@ -3964,6 +3964,19 @@ export type DapDSRadioGroupProps = {
   size?: DapDSRadioGroup["size"]
 }
 
+export type BuildingsHome6LineProps = {
+  /** (optional) The width and height in pixels */
+  size?: BuildingsHome6Line["size"]
+  /** (optional) Sets the icon color via the `fill` attribute */
+  selected?: BuildingsHome6Line["selected"]
+  /** (optional) When using the icon standalone, make it meaningful for accessibility */
+  accessibilityTitle?: BuildingsHome6Line["accessibilityTitle"]
+  /** (optional) If `true` the icon can receive focus */
+  focusable?: BuildingsHome6Line["focusable"]
+  /**  */
+  tagName?: BuildingsHome6Line["tagName"]
+}
+
 export type ArrowsArrowDownLineProps = {
   /** (optional) The width and height in pixels */
   size?: ArrowsArrowDownLine["size"]
@@ -4133,30 +4146,30 @@ export type ArrowsArrowRightSFillProps = {
   tagName?: ArrowsArrowRightSFill["tagName"]
 }
 
-export type ArrowsArrowRightUpLineProps = {
+export type ArrowsArrowRightSLineProps = {
   /** (optional) The width and height in pixels */
-  size?: ArrowsArrowRightUpLine["size"]
+  size?: ArrowsArrowRightSLine["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: ArrowsArrowRightUpLine["selected"]
+  selected?: ArrowsArrowRightSLine["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: ArrowsArrowRightUpLine["accessibilityTitle"]
+  accessibilityTitle?: ArrowsArrowRightSLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: ArrowsArrowRightUpLine["focusable"]
+  focusable?: ArrowsArrowRightSLine["focusable"]
   /**  */
-  tagName?: ArrowsArrowRightUpLine["tagName"]
+  tagName?: ArrowsArrowRightSLine["tagName"]
 }
 
-export type ArrowsArrowRightSLineProps = {
+export type ArrowsArrowRightUpLineProps = {
   /** (optional) The width and height in pixels */
-  size?: ArrowsArrowRightSLine["size"]
+  size?: ArrowsArrowRightUpLine["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: ArrowsArrowRightSLine["selected"]
+  selected?: ArrowsArrowRightUpLine["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: ArrowsArrowRightSLine["accessibilityTitle"]
+  accessibilityTitle?: ArrowsArrowRightUpLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: ArrowsArrowRightSLine["focusable"]
+  focusable?: ArrowsArrowRightUpLine["focusable"]
   /**  */
-  tagName?: ArrowsArrowRightSLine["tagName"]
+  tagName?: ArrowsArrowRightUpLine["tagName"]
 }
 
 export type ArrowsArrowUpLineProps = {
@@ -4224,19 +4237,6 @@ export type BusinessCalendarLineProps = {
   tagName?: BusinessCalendarLine["tagName"]
 }
 
-export type BuildingsHome6LineProps = {
-  /** (optional) The width and height in pixels */
-  size?: BuildingsHome6Line["size"]
-  /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: BuildingsHome6Line["selected"]
-  /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: BuildingsHome6Line["accessibilityTitle"]
-  /** (optional) If `true` the icon can receive focus */
-  focusable?: BuildingsHome6Line["focusable"]
-  /**  */
-  tagName?: BuildingsHome6Line["tagName"]
-}
-
 export type DesignEditLineProps = {
   /** (optional) The width and height in pixels */
   size?: DesignEditLine["size"]
@@ -4276,19 +4276,6 @@ export type DeviceComputerLineProps = {
   tagName?: DeviceComputerLine["tagName"]
 }
 
-export type EditorSeparatorProps = {
-  /** (optional) The width and height in pixels */
-  size?: EditorSeparator["size"]
-  /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: EditorSeparator["selected"]
-  /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: EditorSeparator["accessibilityTitle"]
-  /** (optional) If `true` the icon can receive focus */
-  focusable?: EditorSeparator["focusable"]
-  /**  */
-  tagName?: EditorSeparator["tagName"]
-}
-
 export type DocumentClipboardLineProps = {
   /** (optional) The width and height in pixels */
   size?: DocumentClipboardLine["size"]
@@ -4393,30 +4380,30 @@ export type DocumentFolderOpenLineProps = {
   tagName?: DocumentFolderOpenLine["tagName"]
 }
 
-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"]
   /**  */
-  tagName?: HealthHeartFill["tagName"]
+  tagName?: EditorSeparator["tagName"]
 }
 
-export type OthersCookieLineProps = {
+export type HealthHeartFillProps = {
   /** (optional) The width and height in pixels */
-  size?: OthersCookieLine["size"]
+  size?: HealthHeartFill["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: OthersCookieLine["selected"]
+  selected?: HealthHeartFill["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: OthersCookieLine["accessibilityTitle"]
+  accessibilityTitle?: HealthHeartFill["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: OthersCookieLine["focusable"]
+  focusable?: HealthHeartFill["focusable"]
   /**  */
-  tagName?: OthersCookieLine["tagName"]
+  tagName?: HealthHeartFill["tagName"]
 }
 
 export type HealthHeartLineProps = {
@@ -4432,69 +4419,43 @@ export type HealthHeartLineProps = {
   tagName?: HealthHeartLine["tagName"]
 }
 
-export type UserAccountCircleFillProps = {
-  /** (optional) The width and height in pixels */
-  size?: UserAccountCircleFill["size"]
-  /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: UserAccountCircleFill["selected"]
-  /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: UserAccountCircleFill["accessibilityTitle"]
-  /** (optional) If `true` the icon can receive focus */
-  focusable?: UserAccountCircleFill["focusable"]
-  /**  */
-  tagName?: UserAccountCircleFill["tagName"]
-}
-
-export type UserAccountCircleLineProps = {
-  /** (optional) The width and height in pixels */
-  size?: UserAccountCircleLine["size"]
-  /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: UserAccountCircleLine["selected"]
-  /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: UserAccountCircleLine["accessibilityTitle"]
-  /** (optional) If `true` the icon can receive focus */
-  focusable?: UserAccountCircleLine["focusable"]
-  /**  */
-  tagName?: UserAccountCircleLine["tagName"]
-}
-
-export type UserUserFillProps = {
+export type OthersCookieLineProps = {
   /** (optional) The width and height in pixels */
-  size?: UserUserFill["size"]
+  size?: OthersCookieLine["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: UserUserFill["selected"]
+  selected?: OthersCookieLine["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: UserUserFill["accessibilityTitle"]
+  accessibilityTitle?: OthersCookieLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: UserUserFill["focusable"]
+  focusable?: OthersCookieLine["focusable"]
   /**  */
-  tagName?: UserUserFill["tagName"]
+  tagName?: OthersCookieLine["tagName"]
 }
 
-export type UserUserLineProps = {
+export type SystemAddLineProps = {
   /** (optional) The width and height in pixels */
-  size?: UserUserLine["size"]
+  size?: SystemAddLine["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: UserUserLine["selected"]
+  selected?: SystemAddLine["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: UserUserLine["accessibilityTitle"]
+  accessibilityTitle?: SystemAddLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: UserUserLine["focusable"]
+  focusable?: SystemAddLine["focusable"]
   /**  */
-  tagName?: UserUserLine["tagName"]
+  tagName?: SystemAddLine["tagName"]
 }
 
-export type SystemAddLineProps = {
+export type SystemAlertFillProps = {
   /** (optional) The width and height in pixels */
-  size?: SystemAddLine["size"]
+  size?: SystemAlertFill["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemAddLine["selected"]
+  selected?: SystemAlertFill["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemAddLine["accessibilityTitle"]
+  accessibilityTitle?: SystemAlertFill["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemAddLine["focusable"]
+  focusable?: SystemAlertFill["focusable"]
   /**  */
-  tagName?: SystemAddLine["tagName"]
+  tagName?: SystemAlertFill["tagName"]
 }
 
 export type SystemAlertLineProps = {
@@ -4510,17 +4471,17 @@ export type SystemAlertLineProps = {
   tagName?: SystemAlertLine["tagName"]
 }
 
-export type SystemAlertFillProps = {
+export type SystemCheckLineProps = {
   /** (optional) The width and height in pixels */
-  size?: SystemAlertFill["size"]
+  size?: SystemCheckLine["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemAlertFill["selected"]
+  selected?: SystemCheckLine["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemAlertFill["accessibilityTitle"]
+  accessibilityTitle?: SystemCheckLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemAlertFill["focusable"]
+  focusable?: SystemCheckLine["focusable"]
   /**  */
-  tagName?: SystemAlertFill["tagName"]
+  tagName?: SystemCheckLine["tagName"]
 }
 
 export type SystemCheckLine2Props = {
@@ -4536,19 +4497,6 @@ export type SystemCheckLine2Props = {
   tagName?: SystemCheckLine2["tagName"]
 }
 
-export type SystemCheckLineProps = {
-  /** (optional) The width and height in pixels */
-  size?: SystemCheckLine["size"]
-  /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemCheckLine["selected"]
-  /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemCheckLine["accessibilityTitle"]
-  /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemCheckLine["focusable"]
-  /**  */
-  tagName?: SystemCheckLine["tagName"]
-}
-
 export type SystemCheckboxBlankCircleFillProps = {
   /** (optional) The width and height in pixels */
   size?: SystemCheckboxBlankCircleFill["size"]
@@ -4640,30 +4588,30 @@ export type SystemCloseCircleLineProps = {
   tagName?: SystemCloseCircleLine["tagName"]
 }
 
-export type SystemCloseLineProps = {
+export type SystemCloseFillProps = {
   /** (optional) The width and height in pixels */
-  size?: SystemCloseLine["size"]
+  size?: SystemCloseFill["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemCloseLine["selected"]
+  selected?: SystemCloseFill["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemCloseLine["accessibilityTitle"]
+  accessibilityTitle?: SystemCloseFill["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemCloseLine["focusable"]
+  focusable?: SystemCloseFill["focusable"]
   /**  */
-  tagName?: SystemCloseLine["tagName"]
+  tagName?: SystemCloseFill["tagName"]
 }
 
-export type SystemCloseFillProps = {
+export type SystemCloseLineProps = {
   /** (optional) The width and height in pixels */
-  size?: SystemCloseFill["size"]
+  size?: SystemCloseLine["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemCloseFill["selected"]
+  selected?: SystemCloseLine["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemCloseFill["accessibilityTitle"]
+  accessibilityTitle?: SystemCloseLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemCloseFill["focusable"]
+  focusable?: SystemCloseLine["focusable"]
   /**  */
-  tagName?: SystemCloseFill["tagName"]
+  tagName?: SystemCloseLine["tagName"]
 }
 
 export type SystemDeleteBinFillProps = {
@@ -5108,19 +5056,61 @@ export type SystemZoomOutLineProps = {
   tagName?: SystemZoomOutLine["tagName"]
 }
 
+export type UserAccountCircleFillProps = {
+  /** (optional) The width and height in pixels */
+  size?: UserAccountCircleFill["size"]
+  /** (optional) Sets the icon color via the `fill` attribute */
+  selected?: UserAccountCircleFill["selected"]
+  /** (optional) When using the icon standalone, make it meaningful for accessibility */
+  accessibilityTitle?: UserAccountCircleFill["accessibilityTitle"]
+  /** (optional) If `true` the icon can receive focus */
+  focusable?: UserAccountCircleFill["focusable"]
+  /**  */
+  tagName?: UserAccountCircleFill["tagName"]
+}
+
+export type UserAccountCircleLineProps = {
+  /** (optional) The width and height in pixels */
+  size?: UserAccountCircleLine["size"]
+  /** (optional) Sets the icon color via the `fill` attribute */
+  selected?: UserAccountCircleLine["selected"]
+  /** (optional) When using the icon standalone, make it meaningful for accessibility */
+  accessibilityTitle?: UserAccountCircleLine["accessibilityTitle"]
+  /** (optional) If `true` the icon can receive focus */
+  focusable?: UserAccountCircleLine["focusable"]
+  /**  */
+  tagName?: UserAccountCircleLine["tagName"]
+}
+
+export type UserUserFillProps = {
+  /** (optional) The width and height in pixels */
+  size?: UserUserFill["size"]
+  /** (optional) Sets the icon color via the `fill` attribute */
+  selected?: UserUserFill["selected"]
+  /** (optional) When using the icon standalone, make it meaningful for accessibility */
+  accessibilityTitle?: UserUserFill["accessibilityTitle"]
+  /** (optional) If `true` the icon can receive focus */
+  focusable?: UserUserFill["focusable"]
+  /**  */
+  tagName?: UserUserFill["tagName"]
+}
+
+export type UserUserLineProps = {
+  /** (optional) The width and height in pixels */
+  size?: UserUserLine["size"]
+  /** (optional) Sets the icon color via the `fill` attribute */
+  selected?: UserUserLine["selected"]
+  /** (optional) When using the icon standalone, make it meaningful for accessibility */
+  accessibilityTitle?: UserUserLine["accessibilityTitle"]
+  /** (optional) If `true` the icon can receive focus */
+  focusable?: UserUserLine["focusable"]
+  /**  */
+  tagName?: UserUserLine["tagName"]
+}
+
 // Augment Vue's GlobalComponents interface
 declare module 'vue' {
   interface GlobalComponents {
-    /**
-     * An accordion group is a collection of accordion components.
-     *
-     * ### Slots:
-     * - **default** - The content of the accordion group.
-     *
-     * ### CSS Parts:
-     * - **base** - The main accordion group container.
-     */
-         'dap-ds-accordion-group': DefineCustomElement<DapDSAccordionGroup, DapDSAccordionGroupProps, {}>
     /**
      * An accordion is a vertically stacked list of interactive items that can be expanded or collapsed to reveal or hide content.
      *
@@ -5147,6 +5137,46 @@ declare module 'vue' {
      * - **close-icon-base** - The base of the icon when the accordion is closed.
      */
          'dap-ds-accordion': DefineCustomElement<DapDSAccordion, DapDSAccordionProps, DapDSAccordionEvents>
+    /**
+     * 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 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-avatar': DefineCustomElement<DapDSAvatar, DapDSAvatarProps, DapDSAvatarEvents>
+    /**
+     * An accordion group is a collection of accordion components.
+     *
+     * ### Slots:
+     * - **default** - The content of the accordion group.
+     *
+     * ### CSS Parts:
+     * - **base** - The main accordion group container.
+     */
+         'dap-ds-accordion-group': DefineCustomElement<DapDSAccordionGroup, DapDSAccordionGroupProps, {}>
+    /**
+     * 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.
      *
@@ -5162,6 +5192,20 @@ declare module 'vue' {
      * - **overflow** - The overflow indicator element.
      */
          'dap-ds-avatar-group': DefineCustomElement<DapDSAvatarGroup, DapDSAvatarGroupProps, DapDSAvatarGroupEvents>
+    /**
+     * A badge is a small status descriptor for UI elements.
+     *
+     * ### Slots:
+     * - **default** - The content of the badge.
+     * - **icon** - The icon of the badge.
+     *
+     * ### CSS Parts:
+     * - **base** - The main container of the badge.
+     * - **icon** - The icon of the badge.
+     * - **content** - The content of the badge.
+     * - **icon-base** - The base of the icon.
+     */
+         'dap-ds-badge': DefineCustomElement<DapDSBadge, DapDSBadgeProps, {}>
     /**
      * A banner is a message displayed at the top of the page to provide important information to the user.
      *
@@ -5186,20 +5230,6 @@ declare module 'vue' {
      * - **title** -  The title of the banner.
      */
          'dap-ds-banner': DefineCustomElement<DapDSBanner, DapDSBannerProps, DapDSBannerEvents>
-    /**
-     * A badge is a small status descriptor for UI elements.
-     *
-     * ### Slots:
-     * - **default** - The content of the badge.
-     * - **icon** - The icon of the badge.
-     *
-     * ### CSS Parts:
-     * - **base** - The main container of the badge.
-     * - **icon** - The icon of the badge.
-     * - **content** - The content of the badge.
-     * - **icon-base** - The base of the icon.
-     */
-         'dap-ds-badge': DefineCustomElement<DapDSBadge, DapDSBadgeProps, {}>
     /**
      * A breadcrumb is a secondary navigation scheme that reveals the user's location in a website or Web application.
      *
@@ -5208,40 +5238,10 @@ declare module 'vue' {
      * - **separator** - The separator between breadcrumb items. Default is '/'.
      *
      * ### CSS Parts:
-     * - **base** - The main breadcrumb container.
-     * - **separator** - The separator of the breadcrumb.
-     */
-         'dap-ds-breadcrumb': DefineCustomElement<DapDSBreadcrumb, DapDSBreadcrumbProps, {}>
-    /**
-     * 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 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-avatar': DefineCustomElement<DapDSAvatar, DapDSAvatarProps, DapDSAvatarEvents>
-    /**
-     * 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.
+     * - **base** - The main breadcrumb container.
+     * - **separator** - The separator of the breadcrumb.
      */
-         'dap-ds-anchor-heading': DefineCustomElement<DapDSAnchorHeading, DapDSAnchorHeadingProps, {}>
+         'dap-ds-breadcrumb': DefineCustomElement<DapDSBreadcrumb, DapDSBreadcrumbProps, {}>
     /**
      * A breadcrumb item is a secondary navigation scheme that reveals the user's location in a website or Web application.
      *
@@ -5329,43 +5329,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 chip is a small status descriptor for UI elements.
-     *
-     * ### Events:
-     * - **dds-remove** - Fired when the chip is removed
-     * - **dds-select** - Fired when the chip is selected
-     *
-     * ### CSS Parts:
-     * - **base** - The base part
-     * - **content-container** - The container for the content
-     * - **remove-button** - The remove button
-     * - **remove-icon** - The icon of the remove icon
-     * - **remove-icon-base** - The base of the remove icon
-     * - **remove-icon-base-base** - The base of the remove icon base
-     */
-         'dap-ds-chip': DefineCustomElement<DapDSChip, DapDSChipProps, DapDSChipEvents>
     /**
      * A card actions is a container for actions in a card.
      *
@@ -5426,6 +5389,43 @@ 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.
+     *
+     * ### Events:
+     * - **dds-remove** - Fired when the chip is removed
+     * - **dds-select** - Fired when the chip is selected
+     *
+     * ### CSS Parts:
+     * - **base** - The base part
+     * - **content-container** - The container for the content
+     * - **remove-button** - The remove button
+     * - **remove-icon** - The icon of the remove icon
+     * - **remove-icon-base** - The base of the remove icon
+     * - **remove-icon-base-base** - The base of the remove icon base
+     */
+         'dap-ds-chip': DefineCustomElement<DapDSChip, DapDSChipProps, DapDSChipEvents>
     /**
      * Individual digit input slot for code puncher.
      *
@@ -5774,19 +5774,6 @@ declare module 'vue' {
      * - **unzoom-button-icon** - The icon of the unzoom button.
      */
          'dap-ds-image-zoom': DefineCustomElement<DapDSImageZoom, DapDSImageZoomProps, DapDSImageZoomEvents>
-    /**
-     * A label is a container for labels intended for general use. It contains a label text, description, and tooltip.
-     *
-     * ### CSS Parts:
-     * - **base** - The main label container.
-     * - **label** - Tha main label container. dap-ds-form-label element.
-     * - **label-base** - The label text.
-     * - **label-required** - The required indicator of the label.
-     * - **label-optional** - The optional indicator of the label.
-     * - **tooltip** - The tooltip of the label. dap-ds-tooltip element.
-     * - **description** - The description of the label.
-     */
-         'dap-ds-label': DefineCustomElement<DapDSLabel, DapDSLabelProps, {}>
     /**
      * An input is a field used to collect user input.
      *
@@ -5817,6 +5804,19 @@ declare module 'vue' {
      * - **postfix** - The postfix of the input.
      */
          'dap-ds-input': DefineCustomElement<DapDSInput, DapDSInputProps, DapDSInputEvents>
+    /**
+     * A label is a container for labels intended for general use. It contains a label text, description, and tooltip.
+     *
+     * ### CSS Parts:
+     * - **base** - The main label container.
+     * - **label** - Tha main label container. dap-ds-form-label element.
+     * - **label-base** - The label text.
+     * - **label-required** - The required indicator of the label.
+     * - **label-optional** - The optional indicator of the label.
+     * - **tooltip** - The tooltip of the label. dap-ds-tooltip element.
+     * - **description** - The description of the label.
+     */
+         'dap-ds-label': DefineCustomElement<DapDSLabel, DapDSLabelProps, {}>
     /**
      * A link is a reference to a web resource.
      *
@@ -6513,16 +6513,6 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * - **base** - The main timeline container.
      */
          'dap-ds-timeline': DefineCustomElement<DapDSTimeline, DapDSTimelineProps, {}>
-    /**
-     * A table of contents (TOC) is a list of links that allows users to quickly navigate to sections within a document.
-     *
-     * ### Events:
-     * - **dds-anchor-change** - Event that is triggered when the anchor changes.
-     *
-     * ### CSS Parts:
-     * - **base** - The main container of the toc.
-     */
-         'dap-ds-toc': DefineCustomElement<DapDSTOC, DapDSTOCProps, DapDSTOCEvents>
     /**
      * A time grid component that allows users to select hours and minutes in two side-by-side scrollable columns.
      *
@@ -6566,6 +6556,16 @@ 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 table of contents (TOC) is a list of links that allows users to quickly navigate to sections within a document.
+     *
+     * ### Events:
+     * - **dds-anchor-change** - Event that is triggered when the anchor changes.
+     *
+     * ### CSS Parts:
+     * - **base** - The main container of the toc.
+     */
+         'dap-ds-toc': DefineCustomElement<DapDSTOC, DapDSTOCProps, DapDSTOCEvents>
     /**
      * A toggle button is a button that can be toggled on (active) or off (inactive).
      *
@@ -6668,6 +6668,13 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * - **container** - The container of the radio group items.
      */
          'dap-ds-radio-group': DefineCustomElement<DapDSRadioGroup, DapDSRadioGroupProps, DapDSRadioGroupEvents>
+    /**
+     * An icon
+     *
+     * ### CSS Parts:
+     * - **base** - The main icon container.
+     */
+         'dap-ds-icon-home-6-line': DefineCustomElement<BuildingsHome6Line, BuildingsHome6LineProps, {}>
     /**
      * An icon
      *
@@ -6765,14 +6772,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-up-line': DefineCustomElement<ArrowsArrowRightUpLine, ArrowsArrowRightUpLineProps, {}>
+         'dap-ds-icon-arrow-right-s-line': DefineCustomElement<ArrowsArrowRightSLine, ArrowsArrowRightSLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-arrow-right-s-line': DefineCustomElement<ArrowsArrowRightSLine, ArrowsArrowRightSLineProps, {}>
+         'dap-ds-icon-arrow-right-up-line': DefineCustomElement<ArrowsArrowRightUpLine, ArrowsArrowRightUpLineProps, {}>
     /**
      * An icon
      *
@@ -6808,13 +6815,6 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * - **base** - The main icon container.
      */
          'dap-ds-icon-calendar-line': DefineCustomElement<BusinessCalendarLine, BusinessCalendarLineProps, {}>
-    /**
-     * An icon
-     *
-     * ### CSS Parts:
-     * - **base** - The main icon container.
-     */
-         'dap-ds-icon-home-6-line': DefineCustomElement<BuildingsHome6Line, BuildingsHome6LineProps, {}>
     /**
      * An icon
      *
@@ -6836,13 +6836,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
      *
@@ -6905,14 +6898,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-cookie-line': DefineCustomElement<OthersCookieLine, OthersCookieLineProps, {}>
+         'dap-ds-icon-heart-fill': DefineCustomElement<HealthHeartFill, HealthHeartFillProps, {}>
     /**
      * An icon
      *
@@ -6926,35 +6919,21 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-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, {}>
+         'dap-ds-icon-cookie-line': DefineCustomElement<OthersCookieLine, OthersCookieLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-user-line': DefineCustomElement<UserUserLine, UserUserLineProps, {}>
+         'dap-ds-icon-add-line': DefineCustomElement<SystemAddLine, SystemAddLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-add-line': DefineCustomElement<SystemAddLine, SystemAddLineProps, {}>
+         'dap-ds-icon-alert-fill': DefineCustomElement<SystemAlertFill, SystemAlertFillProps, {}>
     /**
      * An icon
      *
@@ -6968,7 +6947,7 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-alert-fill': DefineCustomElement<SystemAlertFill, SystemAlertFillProps, {}>
+         'dap-ds-icon-check-line': DefineCustomElement<SystemCheckLine, SystemCheckLineProps, {}>
     /**
      * An icon
      *
@@ -6976,13 +6955,6 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * - **base** - The main icon container.
      */
          'dap-ds-icon-check-line2': DefineCustomElement<SystemCheckLine2, SystemCheckLine2Props, {}>
-    /**
-     * An icon
-     *
-     * ### CSS Parts:
-     * - **base** - The main icon container.
-     */
-         'dap-ds-icon-check-line': DefineCustomElement<SystemCheckLine, SystemCheckLineProps, {}>
     /**
      * An icon
      *
@@ -7038,14 +7010,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-close-line': DefineCustomElement<SystemCloseLine, SystemCloseLineProps, {}>
+         'dap-ds-icon-close-fill': DefineCustomElement<SystemCloseFill, SystemCloseFillProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-close-fill': DefineCustomElement<SystemCloseFill, SystemCloseFillProps, {}>
+         'dap-ds-icon-close-line': DefineCustomElement<SystemCloseLine, SystemCloseLineProps, {}>
     /**
      * An icon
      *
@@ -7284,6 +7256,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, {}>
   }
 }
 
@@ -7291,27 +7291,27 @@ 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': DapDSAvatarProps & DapDSAvatarEvents & DapDSAvatarSlots
+      'dap-ds-accordion-group': DapDSAccordionGroupProps & DapDSAccordionGroupSlots
+      'dap-ds-anchor-heading': DapDSAnchorHeadingProps
       'dap-ds-avatar-group': DapDSAvatarGroupProps & DapDSAvatarGroupEvents & DapDSAvatarGroupSlots
-      'dap-ds-banner': DapDSBannerProps & DapDSBannerEvents & DapDSBannerSlots
       'dap-ds-badge': DapDSBadgeProps & DapDSBadgeSlots
+      'dap-ds-banner': DapDSBannerProps & DapDSBannerEvents & DapDSBannerSlots
       'dap-ds-breadcrumb': DapDSBreadcrumbProps & DapDSBreadcrumbSlots
-      'dap-ds-avatar': DapDSAvatarProps & DapDSAvatarEvents & DapDSAvatarSlots
-      'dap-ds-anchor-heading': DapDSAnchorHeadingProps
       '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-chip': DapDSChipProps & DapDSChipEvents
       '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
       'dap-ds-combobox': DapDSComboboxProps & DapDSComboboxEvents & DapDSComboboxSlots
@@ -7332,8 +7332,8 @@ declare global {
       'dap-ds-icon': DapDSIconProps & DapDSIconSlots
       'dap-ds-icon-button': DapDSIconButtonProps & DapDSIconButtonSlots
       'dap-ds-image-zoom': DapDSImageZoomProps & DapDSImageZoomEvents & DapDSImageZoomSlots
-      'dap-ds-label': DapDSLabelProps
       'dap-ds-input': DapDSInputProps & DapDSInputEvents & DapDSInputSlots
+      'dap-ds-label': DapDSLabelProps
       'dap-ds-link': DapDSLinkProps & DapDSLinkEvents & DapDSLinkSlots
       'dap-ds-list-item': DapDSListItemProps & DapDSListItemSlots
       'dap-ds-modal': DapDSModalProps & DapDSModalEvents & DapDSModalSlots
@@ -7375,9 +7375,9 @@ declare global {
       'dap-ds-textarea': DapDSTextareaProps & DapDSTextareaEvents & DapDSTextareaSlots
       'dap-ds-timeline-item': DapDSTimelineItemProps & DapDSTimelineItemSlots
       'dap-ds-timeline': DapDSTimelineProps & DapDSTimelineSlots
-      'dap-ds-toc': DapDSTOCProps & DapDSTOCEvents
       '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
       'dap-ds-tray': DapDSTrayProps & DapDSTrayEvents & DapDSTraySlots
@@ -7385,6 +7385,7 @@ declare global {
       'dap-ds-form-label': DapDSFormLabelProps
       'dap-ds-input-group': DapDSInputGroupProps & DapDSInputGroupSlots
       'dap-ds-radio-group': DapDSRadioGroupProps & DapDSRadioGroupEvents & DapDSRadioGroupSlots
+      'dap-ds-icon-home-6-line': BuildingsHome6LineProps
       'dap-ds-icon-arrow-down-line': ArrowsArrowDownLineProps
       'dap-ds-icon-arrow-down-s-fill': ArrowsArrowDownSFillProps
       'dap-ds-icon-arrow-down-s-line': ArrowsArrowDownSLineProps
@@ -7398,18 +7399,16 @@ declare global {
       '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-up-line': ArrowsArrowRightUpLineProps
       '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-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
@@ -7418,18 +7417,15 @@ 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-separator': EditorSeparatorProps
       'dap-ds-icon-heart-fill': HealthHeartFillProps
-      'dap-ds-icon-cookie-line': OthersCookieLineProps
       'dap-ds-icon-heart-line': HealthHeartLineProps
-      '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-cookie-line': OthersCookieLineProps
       'dap-ds-icon-add-line': SystemAddLineProps
-      'dap-ds-icon-alert-line': SystemAlertLineProps
       'dap-ds-icon-alert-fill': SystemAlertFillProps
-      'dap-ds-icon-check-line2': SystemCheckLine2Props
+      'dap-ds-icon-alert-line': SystemAlertLineProps
       'dap-ds-icon-check-line': SystemCheckLineProps
+      'dap-ds-icon-check-line2': SystemCheckLine2Props
       'dap-ds-icon-checkbox-blank-circle-fill': SystemCheckboxBlankCircleFillProps
       'dap-ds-icon-checkbox-blank-circle-fill-check': SystemCheckboxBlankCircleFillCheckProps
       'dap-ds-icon-checkbox-blank-circle-line': SystemCheckboxBlankCircleLineProps
@@ -7437,8 +7433,8 @@ declare global {
       'dap-ds-icon-checkbox-circle-line': SystemCheckboxCircleLineProps
       'dap-ds-icon-close-circle-fill': SystemCloseCircleFillProps
       'dap-ds-icon-close-circle-line': SystemCloseCircleLineProps
-      'dap-ds-icon-close-line': SystemCloseLineProps
       'dap-ds-icon-close-fill': SystemCloseFillProps
+      'dap-ds-icon-close-line': SystemCloseLineProps
       'dap-ds-icon-delete-bin-fill': SystemDeleteBinFillProps
       'dap-ds-icon-delete-bin-line': SystemDeleteBinLineProps
       'dap-ds-icon-download-line': SystemDownloadLineProps
@@ -7473,6 +7469,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
     }
   }
 }