dap-design-system 0.60.2 → 0.61.0

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

@@ -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
@@ -731,6 +731,16 @@ export interface DapDSCalloutSlots {
   'close'?: () => any
 }
 
+export interface DapDSCalendarCellSlots {
+  /** The content of the calendar cell. */
+  default?: () => any
+}
+
+export interface DapDSCalendarSlots {
+  /** The content of the calendar. */
+  default?: () => any
+}
+
 export interface DapDSCardActionsSlots {
   /** The content of the card actions. */
   default?: () => any
@@ -761,16 +771,6 @@ export interface DapDSCardSlots {
   default?: () => any
 }
 
-export interface DapDSCalendarCellSlots {
-  /** The content of the calendar cell. */
-  default?: () => any
-}
-
-export interface DapDSCalendarSlots {
-  /** The content of the calendar. */
-  default?: () => any
-}
-
 export interface DapDSCodePuncherSlots {
   /** Slot for code-puncher-group, code-puncher-slot, and code-puncher-separator elements. */
   default?: () => any
@@ -919,6 +919,11 @@ export interface DapDSNavigationMenuSlots {
   default?: () => any
 }
 
+export interface DapDSNotificationBadgeSlots {
+  /** The content of the notification badge. */
+  default?: () => any
+}
+
 export interface DapDSNumberInputSlots {
   /** The custom icon of the feedback. */
   'feedback-icon'?: () => any
@@ -940,11 +945,6 @@ export interface DapDSOptionGroupSlots {
   default?: () => any
 }
 
-export interface DapDSNotificationBadgeSlots {
-  /** The content of the notification badge. */
-  default?: () => any
-}
-
 export interface DapDSOptionItemSlots {
   /** The prefix of the option item. */
   'prefix'?: () => any
@@ -1124,6 +1124,8 @@ export interface DapDSRadioGroupSlots {
 }
 
 export type DapDSAccordionProps = {
+  /**  */
+  tagName?: DapDSAccordion["tagName"]
   /** 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") */
@@ -1169,30 +1171,40 @@ export type DapDSAvatarProps = {
   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"]
-}
-
 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 DapDSAccordionGroupProps = {
+  /** Whether to close other accordions when one is opened. */
+  autoClose?: DapDSAccordionGroup["autoClose"]
+  /** The variant of the accordion */
+  variant?: DapDSAccordionGroup["variant"]
+  /**  */
+  tagName?: DapDSAccordionGroup["tagName"]
+}
+
 export type DapDSAvatarGroupProps = {
   /** Layout type for the avatar group */
   layout?: DapDSAvatarGroup["layout"]
@@ -1206,6 +1218,8 @@ export type DapDSAvatarGroupProps = {
   label?: DapDSAvatarGroup["label"]
   /** Accessible label for the overflow indicator */
   "overflow-label"?: DapDSAvatarGroup["overflowLabel"]
+  /**  */
+  tagName?: DapDSAvatarGroup["tagName"]
   /** The size of avatars in the group. Default is `md`. See SizedMixin. */
   size?: DapDSAvatarGroup["size"]
   /** Responsive size map (e.g. "md:lg"); see SizedMixin. */
@@ -1219,6 +1233,10 @@ export type DapDSBadgeProps = {
   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"). */
@@ -1238,6 +1256,10 @@ export type DapDSBannerProps = {
   closeButtonTestId?: DapDSBanner["closeButtonTestId"]
   /** The icon of the banner, this is a name of a built icon icon */
   icon?: DapDSBanner["icon"]
+  /**  */
+  tagName?: DapDSBanner["tagName"]
+  /**  */
+  dependencies?: DapDSBanner["dependencies"]
 }
 
 export type DapDSBreadcrumbProps = {
@@ -1247,6 +1269,8 @@ export type DapDSBreadcrumbProps = {
   mobile?: DapDSBreadcrumb["mobile"]
   /** The aria-labelledby of the breadcrumb */
   "aria-labelledby"?: DapDSBreadcrumb["ariaLabelledBy"]
+  /**  */
+  tagName?: DapDSBreadcrumb["tagName"]
 }
 
 export type DapDSBreadcrumbItemProps = {
@@ -1260,6 +1284,10 @@ export type DapDSBreadcrumbItemProps = {
   disabled?: DapDSBreadcrumbItem["disabled"]
   /** The variant of the breadcrumb item. */
   variant?: DapDSBreadcrumbItem["variant"]
+  /**  */
+  tagName?: DapDSBreadcrumbItem["tagName"]
+  /**  */
+  dependencies?: DapDSBreadcrumbItem["dependencies"]
 }
 
 export type DapDSButtonProps = {
@@ -1289,6 +1317,10 @@ export type DapDSButtonProps = {
   targetBlankText?: DapDSButton["targetBlankText"]
   /** Overrides the ARIA role on the internal native button/anchor element. Use when the host's semantics must differ from the native element (e.g. role="link" on a button acting as a SPA navigation trigger). */
   forceRole?: DapDSButton["forceRole"]
+  /**  */
+  tagName?: DapDSButton["tagName"]
+  /** Components rendered inside the button, auto-registered on first use. */
+  dependencies?: DapDSButton["dependencies"]
   /** The size map of the button. */
   sizeMap?: DapDSButton["sizeMap"]
 }
@@ -1312,9 +1344,83 @@ export type DapDSCalloutProps = {
   closeButtonTestId?: DapDSCallout["closeButtonTestId"]
   /** If the callout is opened */
   opened?: DapDSCallout["opened"]
+  /**  */
+  tagName?: DapDSCallout["tagName"]
+  /**  */
+  dependencies?: DapDSCallout["dependencies"]
+}
+
+export type DapDSCalendarCellProps = {
+  /** Whether the calendar cell is selected. */
+  selected?: DapDSCalendarCell["selected"]
+  /** Whether the calendar cell is disabled. */
+  disabledDay?: DapDSCalendarCell["disabledDay"]
+  /** Whether the calendar cell is today. */
+  today?: DapDSCalendarCell["today"]
+  /** Whether the calendar cell is out of range. */
+  outOfRange?: DapDSCalendarCell["outOfRange"]
+  /** Whether the calendar cell is a date header. */
+  header?: DapDSCalendarCell["header"]
+  /** Whether the calendar cell is focused. */
+  focused?: DapDSCalendarCell["focused"]
+  /** Whether the calendar cell is the start of a range. */
+  rangestart?: DapDSCalendarCell["rangestart"]
+  /** Whether the calendar cell is the end of a range. */
+  rangeend?: DapDSCalendarCell["rangeend"]
+  /** Whether the calendar cell is in the middle of a range. */
+  inrange?: DapDSCalendarCell["inrange"]
+  /** The locale of the calendar cell. */
+  locale?: DapDSCalendarCell["locale"]
+  /**  */
+  tagName?: DapDSCalendarCell["tagName"]
+  /** The value of the calendar cell. */
+  value?: DapDSCalendarCell["value"]
+  /**  */
+  label?: DapDSCalendarCell["label"]
+  /**  */
+  focusElement?: DapDSCalendarCell["focusElement"]
+}
+
+export type DapDSCalendarProps = {
+  /** The mode of the calendar - single date or range selection. */
+  mode?: DapDSCalendar["mode"]
+  /** Whether to hide dates from adjacent months (previous/next) in the calendar grid. When not explicitly set, defaults to false for single mode and true for range mode. */
+  hideAdjacentMonths?: DapDSCalendar["hideAdjacentMonths"]
+  /** The locale of the calendar. */
+  locale?: DapDSCalendar["locale"]
+  /** `data-testid` for the previous-month button. */
+  prevButtonTestId?: DapDSCalendar["prevButtonTestId"]
+  /** `data-testid` for the next-month button. */
+  nextButtonTestId?: DapDSCalendar["nextButtonTestId"]
+  /**  */
+  tagName?: DapDSCalendar["tagName"]
+  /**  */
+  dependencies?: DapDSCalendar["dependencies"]
+  /** The value of the calendar. */
+  value?: DapDSCalendar["value"]
+  /** The start date of the range selection (only used in range mode). */
+  rangeStart?: DapDSCalendar["rangeStart"]
+  /** The end date of the range selection (only used in range mode). */
+  rangeEnd?: DapDSCalendar["rangeEnd"]
+  /** The current visible date of the calendar. Only the month and year are considered. */
+  currentDate?: DapDSCalendar["currentDate"]
+  /** The minimum date of the calendar. Only the month and year are considered. */
+  minDate?: DapDSCalendar["minDate"]
+  /** The maximum date of the calendar. Only the month and year are considered. */
+  maxDate?: DapDSCalendar["maxDate"]
+  /** The function to determine if the date is disabled. */
+  disabledDate?: DapDSCalendar["disabledDate"]
+  /**  */
+  startDate?: DapDSCalendar["startDate"]
+  /**  */
+  endDate?: DapDSCalendar["endDate"]
+  /**  */
+  shouldHideAdjacentMonths?: DapDSCalendar["shouldHideAdjacentMonths"]
 }
 
 export type DapDSCardActionsProps = {
+  /**  */
+  tagName?: DapDSCardActions["tagName"]
   /** The spacing of the card actions. This adds a margin to the card actions. Default is `bottom`. */
   spacing?: DapDSCardActions["spacing"]
   /**  */
@@ -1328,6 +1434,8 @@ export type DapDSCardActionsProps = {
 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"]
   /**  */
@@ -1347,11 +1455,15 @@ export type DapDSCardImageProps = {
   width?: DapDSCardImage["width"]
   /** The height of the image. */
   height?: DapDSCardImage["height"]
+  /**  */
+  tagName?: DapDSCardImage["tagName"]
 }
 
 export type DapDSCardSubtitleProps = {
   /** The base rendered root tag of the card subtitle. */
   renderAs?: DapDSCardSubtitle["renderAs"]
+  /**  */
+  tagName?: DapDSCardSubtitle["tagName"]
   /** The spacing of the card subtitle. This adds a margin to the card subtitle. Default is `top`. */
   spacing?: DapDSCardSubtitle["spacing"]
   /**  */
@@ -1367,6 +1479,8 @@ export type DapDSCardTitleProps = {
   renderAs?: DapDSCardTitle["renderAs"]
   /** Whether the card title should have no padding. */
   noPadding?: DapDSCardTitle["noPadding"]
+  /**  */
+  tagName?: DapDSCardTitle["tagName"]
   /** The spacing of the card title. This adds a margin to the card title. Default is `top`. */
   spacing?: DapDSCardTitle["spacing"]
   /**  */
@@ -1394,74 +1508,14 @@ export type DapDSCardProps = {
   href?: DapDSCard["href"]
   /** The rel of the card link. */
   rel?: DapDSCard["rel"]
+  /**  */
+  tagName?: DapDSCard["tagName"]
   /** The size of the card. Default is `sm`. */
   size?: DapDSCard["size"]
   /** Responsive size map (e.g. "md:lg"). */
   sizeMap?: DapDSCard["sizeMap"]
 }
 
-export type DapDSCalendarCellProps = {
-  /** Whether the calendar cell is selected. */
-  selected?: DapDSCalendarCell["selected"]
-  /** Whether the calendar cell is disabled. */
-  disabledDay?: DapDSCalendarCell["disabledDay"]
-  /** Whether the calendar cell is today. */
-  today?: DapDSCalendarCell["today"]
-  /** Whether the calendar cell is out of range. */
-  outOfRange?: DapDSCalendarCell["outOfRange"]
-  /** Whether the calendar cell is a date header. */
-  header?: DapDSCalendarCell["header"]
-  /** Whether the calendar cell is focused. */
-  focused?: DapDSCalendarCell["focused"]
-  /** Whether the calendar cell is the start of a range. */
-  rangestart?: DapDSCalendarCell["rangestart"]
-  /** Whether the calendar cell is the end of a range. */
-  rangeend?: DapDSCalendarCell["rangeend"]
-  /** Whether the calendar cell is in the middle of a range. */
-  inrange?: DapDSCalendarCell["inrange"]
-  /** The locale of the calendar cell. */
-  locale?: DapDSCalendarCell["locale"]
-  /** The value of the calendar cell. */
-  value?: DapDSCalendarCell["value"]
-  /**  */
-  label?: DapDSCalendarCell["label"]
-  /**  */
-  focusElement?: DapDSCalendarCell["focusElement"]
-}
-
-export type DapDSCalendarProps = {
-  /** The mode of the calendar - single date or range selection. */
-  mode?: DapDSCalendar["mode"]
-  /** Whether to hide dates from adjacent months (previous/next) in the calendar grid. When not explicitly set, defaults to false for single mode and true for range mode. */
-  hideAdjacentMonths?: DapDSCalendar["hideAdjacentMonths"]
-  /** The locale of the calendar. */
-  locale?: DapDSCalendar["locale"]
-  /** `data-testid` for the previous-month button. */
-  prevButtonTestId?: DapDSCalendar["prevButtonTestId"]
-  /** `data-testid` for the next-month button. */
-  nextButtonTestId?: DapDSCalendar["nextButtonTestId"]
-  /** The value of the calendar. */
-  value?: DapDSCalendar["value"]
-  /** The start date of the range selection (only used in range mode). */
-  rangeStart?: DapDSCalendar["rangeStart"]
-  /** The end date of the range selection (only used in range mode). */
-  rangeEnd?: DapDSCalendar["rangeEnd"]
-  /** The current visible date of the calendar. Only the month and year are considered. */
-  currentDate?: DapDSCalendar["currentDate"]
-  /** The minimum date of the calendar. Only the month and year are considered. */
-  minDate?: DapDSCalendar["minDate"]
-  /** The maximum date of the calendar. Only the month and year are considered. */
-  maxDate?: DapDSCalendar["maxDate"]
-  /** The function to determine if the date is disabled. */
-  disabledDate?: DapDSCalendar["disabledDate"]
-  /**  */
-  startDate?: DapDSCalendar["startDate"]
-  /**  */
-  endDate?: DapDSCalendar["endDate"]
-  /**  */
-  shouldHideAdjacentMonths?: DapDSCalendar["shouldHideAdjacentMonths"]
-}
-
 export type DapDSCheckboxProps = {
   /** Whether the checkbox is indeterminate */
   indeterminate?: DapDSCheckbox["indeterminate"]
@@ -1474,6 +1528,10 @@ export type DapDSCheckboxProps = {
   /** The type of the checkbox */
   type?: DapDSCheckbox["type"]
   /**  */
+  tagName?: DapDSCheckbox["tagName"]
+  /**  */
+  dependencies?: DapDSCheckbox["dependencies"]
+  /**  */
   focusElement?: DapDSCheckbox["focusElement"]
   /**  */
   feedbackId?: DapDSCheckbox["feedbackId"]
@@ -1532,6 +1590,10 @@ export type DapDSChipProps = {
   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"). */
@@ -1539,6 +1601,8 @@ export type DapDSChipProps = {
 }
 
 export type DapDSCodePuncherSlotProps = {
+  /**  */
+  tagName?: DapDSCodePuncherSlot["tagName"]
   /**  */
   disabled?: DapDSCodePuncherSlot["disabled"]
   /**  */
@@ -1556,6 +1620,10 @@ export type DapDSCodePuncherProps = {
   placeholder?: DapDSCodePuncher["placeholder"]
   /** Autocomplete hint. Default is 'one-time-code'. */
   autocomplete?: DapDSCodePuncher["autocomplete"]
+  /**  */
+  tagName?: DapDSCodePuncher["tagName"]
+  /**  */
+  dependencies?: DapDSCodePuncher["dependencies"]
   /** The complete code value. */
   value?: DapDSCodePuncher["value"]
   /**  */
@@ -1589,6 +1657,8 @@ export type DapDSCodePuncherProps = {
 }
 
 export type DapDSComboboxProps = {
+  /**  */
+  tagName?: DapDSCombobox["tagName"]
   /** The value of the select. */
   value?: DapDSCombobox["value"]
   /** The placeholder of the select. */
@@ -1650,6 +1720,8 @@ export type DapDSCommandGroupProps = {
   label?: DapDSCommandGroup["label"]
   /** Whether the command group is exclusive, only one item can be selected at a time. */
   exclusive?: DapDSCommandGroup["exclusive"]
+  /**  */
+  tagName?: DapDSCommandGroup["tagName"]
 }
 
 export type DapDSCommandItemProps = {
@@ -1671,6 +1743,10 @@ export type DapDSCommandItemProps = {
   selected?: DapDSCommandItem["selected"]
   /** Whether the command item should close the command when selected. */
   closeOnSelect?: DapDSCommandItem["closeOnSelect"]
+  /**  */
+  tagName?: DapDSCommandItem["tagName"]
+  /**  */
+  dependencies?: DapDSCommandItem["dependencies"]
 }
 
 export type DapDSCommandProps = {
@@ -1680,6 +1756,10 @@ export type DapDSCommandProps = {
   fullWidth?: DapDSCommand["fullWidth"]
   /** ID of element that labels the command dropdown. */
   "aria-labelledby"?: DapDSCommand["ariaLabelledBy"]
+  /**  */
+  tagName?: DapDSCommand["tagName"]
+  /**  */
+  dependencies?: DapDSCommand["dependencies"]
   /** The placement of the popup. */
   placement?: DapDSCommand["placement"]
   /** Whether the popup should overflow. */
@@ -1715,6 +1795,8 @@ export type DapDSContentSwitcherItemProps = {
   disabled?: DapDSContentSwitcherItem["disabled"]
   /** The name of the segmented control item. */
   name?: DapDSContentSwitcherItem["name"]
+  /**  */
+  tagName?: DapDSContentSwitcherItem["tagName"]
 }
 
 export type DapDSContentSwitcherProps = {
@@ -1722,6 +1804,8 @@ export type DapDSContentSwitcherProps = {
   multiSelect?: DapDSContentSwitcher["multiSelect"]
   /** The value of the content switcher. A comma-separated list if `multiSelect` is `true`. */
   value?: DapDSContentSwitcher["value"]
+  /**  */
+  tagName?: DapDSContentSwitcher["tagName"]
 }
 
 export type DapDSCopyBoxInputProps = {
@@ -1730,6 +1814,10 @@ export type DapDSCopyBoxInputProps = {
   /** `data-testid` for the copy button. */
   copyButtonTestId?: DapDSCopyBoxInput["copyButtonTestId"]
   /**  */
+  tagName?: DapDSCopyBoxInput["tagName"]
+  /**  */
+  dependencies?: DapDSCopyBoxInput["dependencies"]
+  /**  */
   type?: DapDSCopyBoxInput["type"]
   /** The label of the input. */
   label?: DapDSCopyBoxInput["label"]
@@ -1776,6 +1864,8 @@ export type DapDSCopyBoxInputProps = {
 export type DapDSDAPBadgeProps = {
   /** The variant of the DÁP badge */
   variant?: DapDSDAPBadge["variant"]
+  /**  */
+  tagName?: DapDSDAPBadge["tagName"]
   /** The size of the DÁP badge. Default is `sm`. */
   size?: DapDSDAPBadge["size"]
   /** Responsive size map (e.g. "md:lg"). */
@@ -1866,6 +1956,10 @@ stays visible while the other columns scroll horizontally under it. */
   columnSizing?: DapDSDataTable<T>["columnSizing"]
   /** ID of element labeling the table */
   ariaLabel?: DapDSDataTable<T>["ariaLabel"]
+  /**  */
+  tagName?: DapDSDataTable<T>["tagName"]
+  /**  */
+  dependencies?: DapDSDataTable<T>["dependencies"]
   /** Data to display in the table */
   data?: DapDSDataTable<T>["data"]
   /** Columns to display in the table */
@@ -1923,6 +2017,10 @@ export type DapDSDatePickerProps = {
   locale?: DapDSDatePicker["locale"]
   /** Whether to hide dates from adjacent months (previous/next) in the calendar grid. When not explicitly set, defaults to `false` for single mode and `true` for range mode. */
   hideAdjacentMonths?: DapDSDatePicker["hideAdjacentMonths"]
+  /**  */
+  tagName?: DapDSDatePicker["tagName"]
+  /**  */
+  dependencies?: DapDSDatePicker["dependencies"]
   /** The disabled date of the datepicker. This function will be called for each date to determine if it is disabled. */
   disabledDate?: DapDSDatePicker["disabledDate"]
   /**  */
@@ -1974,9 +2072,13 @@ export type DapDSDividerProps = {
   spacing?: DapDSDivider["spacing"]
   /** The variant of the divider */
   variant?: DapDSDivider["variant"]
+  /**  */
+  tagName?: DapDSDivider["tagName"]
 }
 
 export type DapDSFeedbackProps = {
+  /**  */
+  tagName?: DapDSFeedback["tagName"]
   /** The feedback message. */
   feedback?: DapDSFeedback["feedback"]
   /** The size of the feedback. Default is `sm`. */
@@ -2032,6 +2134,10 @@ export type DapDSFileInputListItemProps = {
   showThumbnail?: DapDSFileInputListItem["showThumbnail"]
   /** Size of the thumbnail preview. */
   thumbnailSize?: DapDSFileInputListItem["thumbnailSize"]
+  /**  */
+  tagName?: DapDSFileInputListItem["tagName"]
+  /**  */
+  dependencies?: DapDSFileInputListItem["dependencies"]
   /** File item template function */
   fileItemTemplate?: DapDSFileInputListItem["fileItemTemplate"]
   /**  */
@@ -2055,6 +2161,10 @@ export type DapDSFileInputListProps = {
   emitLinkEvent?: DapDSFileInputList["emitLinkEvent"]
   /** Whether to show the file size in the file input list item */
   showFileSize?: DapDSFileInputList["showFileSize"]
+  /**  */
+  tagName?: DapDSFileInputList["tagName"]
+  /**  */
+  dependencies?: DapDSFileInputList["dependencies"]
   /** File item template function */
   fileItemTemplate?: DapDSFileInputList["fileItemTemplate"]
   /**  */
@@ -2134,6 +2244,10 @@ export type DapDSFileInputProps = {
   dropzoneFocusable?: DapDSFileInput["dropzoneFocusable"]
   /** Size of the thumbnail preview in the built-in file list */
   thumbnailSize?: DapDSFileInput["thumbnailSize"]
+  /**  */
+  tagName?: DapDSFileInput["tagName"]
+  /**  */
+  dependencies?: DapDSFileInput["dependencies"]
   /** The file list component to bind to */
   fileList?: DapDSFileInput["fileList"]
   /**  */
@@ -2185,6 +2299,8 @@ export type DapDSIconProps = {
   staticSize?: DapDSIcon["staticSize"]
   /** Whether the icon is focusable. Default is false. */
   focusable?: DapDSIcon["focusable"]
+  /**  */
+  tagName?: DapDSIcon["tagName"]
   /** Whether the icon is hidden from the accessibility tree. Default is true. */
   ariaHidden?: DapDSIcon["ariaHidden"]
   /** The aria label of the icon. */
@@ -2207,6 +2323,10 @@ export type DapDSIconButtonProps = {
   /** The name of the button */
   name?: DapDSIconButton["name"]
   /**  */
+  tagName?: DapDSIconButton["tagName"]
+  /**  */
+  dependencies?: DapDSIconButton["dependencies"]
+  /**  */
   size?: DapDSIconButton["size"]
   /** The aria label of the button. */
   ariaLabel?: DapDSIconButton["ariaLabel"]
@@ -2237,9 +2357,15 @@ export type DapDSImageZoomProps = {
   expandButtonTestId?: DapDSImageZoom["expandButtonTestId"]
   /** `data-testid` for the unzoom/close button. */
   unzoomButtonTestId?: DapDSImageZoom["unzoomButtonTestId"]
+  /**  */
+  tagName?: DapDSImageZoom["tagName"]
+  /**  */
+  dependencies?: DapDSImageZoom["dependencies"]
 }
 
 export type DapDSInputProps = {
+  /**  */
+  tagName?: DapDSInput["tagName"]
   /** The label of the input. */
   label?: DapDSInput["label"]
   /** Visually hides the label while keeping it available to assistive technology. (default: false) */
@@ -2305,6 +2431,8 @@ export type DapDSInputProps = {
 }
 
 export type DapDSLabelProps = {
+  /**  */
+  tagName?: DapDSLabel["tagName"]
   /** The label text */
   label?: DapDSLabel["label"]
   /** The description of the label */
@@ -2350,6 +2478,8 @@ export type DapDSLinkProps = {
   download?: DapDSLink["download"]
   /** The text for the target blank link, applicable when target is _blank. PRO TIP: Use parenthesis to wrap the text */
   targetBlankText?: DapDSLink["targetBlankText"]
+  /**  */
+  tagName?: DapDSLink["tagName"]
 }
 
 export type DapDSListItemProps = {
@@ -2381,9 +2511,15 @@ export type DapDSListItemProps = {
   noPadding?: DapDSListItem["noPadding"]
   /** The render as type of the list item, only applicable when interactive. */
   renderAs?: DapDSListItem["renderAs"]
+  /**  */
+  tagName?: DapDSListItem["tagName"]
+  /**  */
+  dependencies?: DapDSListItem["dependencies"]
 }
 
 export type DapDSModalProps = {
+  /**  */
+  tagName?: DapDSModal["tagName"]
   /** Pushes the footer to the bottom. */
   bottomFooter?: DapDSModal["bottomFooter"]
   /** The open state of the modal. */
@@ -2498,6 +2634,10 @@ export type DapDSNavigationMenuItemProps = {
   /** `data-testid` for the default menu trigger button. */
   triggerButtonTestId?: DapDSNavigationMenuItem["triggerButtonTestId"]
   /**  */
+  tagName?: DapDSNavigationMenuItem["tagName"]
+  /**  */
+  dependencies?: DapDSNavigationMenuItem["dependencies"]
+  /**  */
   submenuController?: DapDSNavigationMenuItem["submenuController"]
   /**  */
   hasContent?: DapDSNavigationMenuItem["hasContent"]
@@ -2518,16 +2658,41 @@ export type DapDSNavigationMenuProps = {
   allowMultipleOpen?: DapDSNavigationMenu["allowMultipleOpen"]
   /** Controls how Tab key navigates through top-level items. Default is 'group'. Group mode will have the first item in the tab order, and items mode will have all items in the tab order. */
   tabMode?: DapDSNavigationMenu["tabMode"]
+  /**  */
+  tagName?: DapDSNavigationMenu["tagName"]
 }
 
-export type DapDSNumberInputProps = {
-  /** The thousand separator of the input. */
-  thousandSeparator?: DapDSNumberInput["thousandSeparator"]
-  /** The decimal separator of the input. */
-  decimalSeparator?: DapDSNumberInput["decimalSeparator"]
-  /** The decimal scale of the input. */
-  decimalScale?: DapDSNumberInput["decimalScale"]
-  /** The allow negative state of the input. */
+export type DapDSNotificationBadgeProps = {
+  /** The content of the badge, it can be a number or a string. Content tried to be parsed as a number, if it's not a number, it will be displayed as a string. */
+  badgeContent?: DapDSNotificationBadge["badgeContent"]
+  /** This switch decides the visibility of the badge. This property overrides the badge content visibility. Use it for explicit control. */
+  visible?: DapDSNotificationBadge["visible"]
+  /** This switch decides whether to show a zero value or not. */
+  showZero?: DapDSNotificationBadge["showZero"]
+  /** The color scheme of the badge */
+  type?: DapDSNotificationBadge["type"]
+  /** The variant of the badge. */
+  variant?: DapDSNotificationBadge["variant"]
+  /** The cap value of badge content, if the badge content is greater than the max value, it will be displayed as `[number]+`. Zero means no cap. */
+  max?: DapDSNotificationBadge["max"]
+  /** The position of the badge content around the slot content. */
+  placement?: DapDSNotificationBadge["placement"]
+  /** Whether to automatically detect circular elements and adjust positioning accordingly */
+  "circular-auto"?: DapDSNotificationBadge["circularAuto"]
+  /** Override circular positioning detection - forces circular positioning calculation */
+  "force-circular"?: DapDSNotificationBadge["forceCircular"]
+  /**  */
+  tagName?: DapDSNotificationBadge["tagName"]
+}
+
+export type DapDSNumberInputProps = {
+  /** The thousand separator of the input. */
+  thousandSeparator?: DapDSNumberInput["thousandSeparator"]
+  /** The decimal separator of the input. */
+  decimalSeparator?: DapDSNumberInput["decimalSeparator"]
+  /** The decimal scale of the input. */
+  decimalScale?: DapDSNumberInput["decimalScale"]
+  /** The allow negative state of the input. */
   allowNegative?: DapDSNumberInput["allowNegative"]
   /** The allow decimal state of the input. */
   allowDecimal?: DapDSNumberInput["allowDecimal"]
@@ -2540,6 +2705,10 @@ export type DapDSNumberInputProps = {
   /** `data-testid` for the increment stepper button. */
   incrementButtonTestId?: DapDSNumberInput["incrementButtonTestId"]
   /**  */
+  tagName?: DapDSNumberInput["tagName"]
+  /**  */
+  dependencies?: DapDSNumberInput["dependencies"]
+  /**  */
   _thousandSeparator?: DapDSNumberInput["_thousandSeparator"]
   /**  */
   manualValueSet?: DapDSNumberInput["manualValueSet"]
@@ -2598,6 +2767,10 @@ export type DapDSNumberInputProps = {
 }
 
 export type DapDSOfficialWebsiteBannerProps = {
+  /**  */
+  tagName?: DapDSOfficialWebsiteBanner["tagName"]
+  /**  */
+  dependencies?: DapDSOfficialWebsiteBanner["dependencies"]
   /** The size of the official website banner. Default is `sm`. */
   size?: DapDSOfficialWebsiteBanner["size"]
   /** The heading text of the accordion, this will be used as the aria label of the heading also if ariaLabel is not provided */
@@ -2619,27 +2792,8 @@ export type DapDSOptionGroupProps = {
   label?: DapDSOptionGroup["label"]
   /** Whether all options in the group are disabled. */
   disabled?: DapDSOptionGroup["disabled"]
-}
-
-export type DapDSNotificationBadgeProps = {
-  /** The content of the badge, it can be a number or a string. Content tried to be parsed as a number, if it's not a number, it will be displayed as a string. */
-  badgeContent?: DapDSNotificationBadge["badgeContent"]
-  /** This switch decides the visibility of the badge. This property overrides the badge content visibility. Use it for explicit control. */
-  visible?: DapDSNotificationBadge["visible"]
-  /** This switch decides whether to show a zero value or not. */
-  showZero?: DapDSNotificationBadge["showZero"]
-  /** The color scheme of the badge */
-  type?: DapDSNotificationBadge["type"]
-  /** The variant of the badge. */
-  variant?: DapDSNotificationBadge["variant"]
-  /** The cap value of badge content, if the badge content is greater than the max value, it will be displayed as `[number]+`. Zero means no cap. */
-  max?: DapDSNotificationBadge["max"]
-  /** The position of the badge content around the slot content. */
-  placement?: DapDSNotificationBadge["placement"]
-  /** Whether to automatically detect circular elements and adjust positioning accordingly */
-  "circular-auto"?: DapDSNotificationBadge["circularAuto"]
-  /** Override circular positioning detection - forces circular positioning calculation */
-  "force-circular"?: DapDSNotificationBadge["forceCircular"]
+  /**  */
+  tagName?: DapDSOptionGroup["tagName"]
 }
 
 export type DapDSOptionItemProps = {
@@ -2658,6 +2812,10 @@ export type DapDSOptionItemProps = {
   /** The label of the option item, it can be a simplier version of an item */
   label?: DapDSOptionItem["label"]
   /**  */
+  tagName?: DapDSOptionItem["tagName"]
+  /**  */
+  dependencies?: DapDSOptionItem["dependencies"]
+  /**  */
   optionText?: DapDSOptionItem["optionText"]
 }
 
@@ -2675,6 +2833,10 @@ export type DapDSOptionListProps = {
   /** Whether the option list items are selectable, whether it shows the selected icon */
   selectable?: DapDSOptionList["selectable"]
   /**  */
+  tagName?: DapDSOptionList["tagName"]
+  /**  */
+  dependencies?: DapDSOptionList["dependencies"]
+  /**  */
   queryTimeout?: DapDSOptionList["queryTimeout"]
   /**  */
   queryString?: DapDSOptionList["queryString"]
@@ -2693,6 +2855,8 @@ export type DapDSOptionListProps = {
 export type DapDSOverlayProps = {
   /** The open state of the overlay. */
   open?: DapDSOverlay["open"]
+  /**  */
+  tagName?: DapDSOverlay["tagName"]
 }
 
 export type DapDSPagerProps = {
@@ -2736,6 +2900,10 @@ export type DapDSPagerProps = {
   lastButtonLabel?: DapDSPager["lastButtonLabel"]
   /** `data-testid` for the pagination buttons. Suffixed with the button's part (first/previous/next/last). */
   pageButtonTestId?: DapDSPager["pageButtonTestId"]
+  /**  */
+  tagName?: DapDSPager["tagName"]
+  /**  */
+  dependencies?: DapDSPager["dependencies"]
   /** The function to determine the pager text. If not provided, uses default reactive translation. */
   pageStateText?: DapDSPager["pageStateText"]
 }
@@ -2744,6 +2912,10 @@ export type DapDSPasswordInputProps = {
   /** `data-testid` for the show/hide toggle button. */
   toggleButtonTestId?: DapDSPasswordInput["toggleButtonTestId"]
   /**  */
+  tagName?: DapDSPasswordInput["tagName"]
+  /**  */
+  dependencies?: DapDSPasswordInput["dependencies"]
+  /**  */
   passwordVisibile?: DapDSPasswordInput["passwordVisibile"]
   /**  */
   type?: DapDSPasswordInput["type"]
@@ -2790,6 +2962,8 @@ export type DapDSPasswordInputProps = {
 }
 
 export type DapDSPopupProps = {
+  /**  */
+  tagName?: DapDSPopup["tagName"]
   /** The size of the popup. */
   size?: DapDSPopup["size"]
   /** The disabled state of the popup. */
@@ -2835,6 +3009,8 @@ export type DapDSProgressProps = {
   label?: DapDSProgress["label"]
   /** The aria-live politeness level for screen readers. */
   "aria-live"?: DapDSProgress["ariaLive"]
+  /**  */
+  tagName?: DapDSProgress["tagName"]
   /** The size of the progress indicator. Default is `sm`. See SizedMixin. */
   size?: DapDSProgress["size"]
   /** Responsive size map (e.g. "md:lg"); see SizedMixin. */
@@ -2857,6 +3033,10 @@ export type DapDSRadioButtonProps = {
   /** The type of the radio button. */
   type?: DapDSRadioButton["type"]
   /**  */
+  tagName?: DapDSRadioButton["tagName"]
+  /**  */
+  dependencies?: DapDSRadioButton["dependencies"]
+  /**  */
   focusElement?: DapDSRadioButton["focusElement"]
   /**  */
   feedbackId?: DapDSRadioButton["feedbackId"]
@@ -2906,6 +3086,10 @@ export type DapDSRatingProps = {
   /** The maximum number of stars */
   max?: DapDSRating["max"]
   /**  */
+  tagName?: DapDSRating["tagName"]
+  /**  */
+  dependencies?: DapDSRating["dependencies"]
+  /**  */
   _handleContainerFocus?: DapDSRating["_handleContainerFocus"]
   /**  */
   _handleContainerBlur?: DapDSRating["_handleContainerBlur"]
@@ -2921,6 +3105,8 @@ This is a backup to catch keyboard events if they bubble up */
 export type DapDSScrollAreaProps = {
   /** The orientation of the scrollbar. */
   orientation?: DapDSScrollArea["orientation"]
+  /**  */
+  tagName?: DapDSScrollArea["tagName"]
 }
 
 export type DapDSScrollProgressProps = {
@@ -2929,6 +3115,8 @@ When set, the component uses sticky positioning within the container. */
   target?: DapDSScrollProgress["target"]
   /** The color variant of the progress indicator. */
   variant?: DapDSScrollProgress["variant"]
+  /**  */
+  tagName?: DapDSScrollProgress["tagName"]
   /** The size of the scroll progress bar. Default is `sm`. See SizedMixin. */
   size?: DapDSScrollProgress["size"]
   /** Responsive size map (e.g. "md:lg"); see SizedMixin. */
@@ -2936,6 +3124,8 @@ When set, the component uses sticky positioning within the container. */
 }
 
 export type DapDSSearchProps = {
+  /**  */
+  tagName?: DapDSSearch["tagName"]
   /** Show the selected item check mark in the dropdown. Default is 'false'. */
   selectable?: DapDSSearch["selectable"]
   /**  */
@@ -3018,6 +3208,10 @@ export type DapDSSelectProps = {
   /** Whether to keep popup open when trigger leaves viewport. */
   disableViewportAutoClose?: DapDSSelect["disableViewportAutoClose"]
   /**  */
+  tagName?: DapDSSelect["tagName"]
+  /**  */
+  dependencies?: DapDSSelect["dependencies"]
+  /**  */
   focusElement?: DapDSSelect["focusElement"]
   /**  */
   validity?: DapDSSelect["validity"]
@@ -3074,6 +3268,10 @@ export type DapDSSideNavGroupProps = {
   open?: DapDSSideNavGroup["open"]
   /** The size of the side navigation group */
   size?: DapDSSideNavGroup["size"]
+  /**  */
+  tagName?: DapDSSideNavGroup["tagName"]
+  /**  */
+  dependencies?: DapDSSideNavGroup["dependencies"]
 }
 
 export type DapDSSideNavItemProps = {
@@ -3092,6 +3290,8 @@ which item is current. Use `current="step"` inside a stepper. */
   spacing?: DapDSSideNavItem["spacing"]
   /** The size of the side navigation item */
   size?: DapDSSideNavItem["size"]
+  /**  */
+  tagName?: DapDSSideNavItem["tagName"]
 }
 
 export type DapDSSideNavProps = {
@@ -3110,6 +3310,8 @@ changing the landmark of every existing sidenav is not this component's call: a
 sidenav that is genuinely a sidebar should stay complementary. Set `nav` when the
 sidenav is the primary way to move around the view. */
   landmark?: DapDSSideNav["landmark"]
+  /**  */
+  tagName?: DapDSSideNav["tagName"]
 }
 
 export type DapDSSkeletonProps = {
@@ -3126,6 +3328,8 @@ export type DapDSSkeletonProps = {
   /** Custom keyframes for the animation when animation="custom".
 Should be a valid CSS keyframes string without the */
   "custom-keyframes"?: DapDSSkeleton["customKeyframes"]
+  /**  */
+  tagName?: DapDSSkeleton["tagName"]
 }
 
 export type DapDSSkipLinkProps = {
@@ -3137,6 +3341,10 @@ export type DapDSSkipLinkProps = {
   size?: DapDSSkipLink["size"]
   /** Whether the skip link should have an underline */
   noUnderline?: DapDSSkipLink["noUnderline"]
+  /**  */
+  tagName?: DapDSSkipLink["tagName"]
+  /**  */
+  dependencies?: DapDSSkipLink["dependencies"]
 }
 
 export type DapDSSnackbarMessageProps = {
@@ -3154,6 +3362,10 @@ export type DapDSSnackbarMessageProps = {
   position?: DapDSSnackbarMessage["position"]
   /** `data-testid` for the snackbar close button. */
   closeButtonTestId?: DapDSSnackbarMessage["closeButtonTestId"]
+  /**  */
+  tagName?: DapDSSnackbarMessage["tagName"]
+  /**  */
+  dependencies?: DapDSSnackbarMessage["dependencies"]
 }
 
 export type DapDSSnackbarProps = {
@@ -3165,6 +3377,10 @@ export type DapDSSnackbarProps = {
   duration?: DapDSSnackbar["duration"]
   /** Whether the snackbar should announce new messages to screen readers */
   announceMessages?: DapDSSnackbar["announceMessages"]
+  /**  */
+  tagName?: DapDSSnackbar["tagName"]
+  /**  */
+  dependencies?: DapDSSnackbar["dependencies"]
 }
 
 export type DapDSSpinnerProps = {
@@ -3183,6 +3399,10 @@ export type DapDSSpinnerProps = {
   /** Delay in milliseconds before showing the spinner.
 Prevents flash for quick operations. */
   delay?: DapDSSpinner["delay"]
+  /**  */
+  tagName?: DapDSSpinner["tagName"]
+  /**  */
+  dependencies?: DapDSSpinner["dependencies"]
   /** The size of the spinner. Default is `lg`. See SizedMixin. */
   size?: DapDSSpinner["size"]
   /** Responsive size map (e.g. "md:lg"); see SizedMixin. */
@@ -3198,6 +3418,8 @@ export type DapDSStackProps = {
   startMargin?: DapDSStack["startMargin"]
   /** The spacing of the stack. Uses the system spacing scale (100, 200, 300...etc) */
   spacing?: DapDSStack["spacing"]
+  /**  */
+  tagName?: DapDSStack["tagName"]
 }
 
 export type DapDSSwitchProps = {
@@ -3206,6 +3428,10 @@ export type DapDSSwitchProps = {
   /** The type of the switch */
   type?: DapDSSwitch["type"]
   /**  */
+  tagName?: DapDSSwitch["tagName"]
+  /**  */
+  dependencies?: DapDSSwitch["dependencies"]
+  /**  */
   focusElement?: DapDSSwitch["focusElement"]
   /**  */
   feedbackId?: DapDSSwitch["feedbackId"]
@@ -3254,6 +3480,8 @@ export type DapDSTabGroupProps = {
   size?: DapDSTabGroup["size"]
   /** If true, the tab group will be displayed in mobile mode. */
   mobile?: DapDSTabGroup["mobile"]
+  /**  */
+  tagName?: DapDSTabGroup["tagName"]
 }
 
 export type DapDSTabProps = {
@@ -3261,6 +3489,8 @@ export type DapDSTabProps = {
   tabId?: DapDSTab["tabId"]
   /** The disabled state of the tab. */
   disabled?: DapDSTab["disabled"]
+  /**  */
+  tagName?: DapDSTab["tagName"]
 }
 
 export type DapDSTableCellProps = {
@@ -3268,6 +3498,8 @@ export type DapDSTableCellProps = {
   last?: DapDSTableCell["last"]
   /** The html role of the cell */
   role?: DapDSTableCell["role"]
+  /**  */
+  tagName?: DapDSTableCell["tagName"]
 }
 
 export type DapDSTableHeaderProps = {
@@ -3275,6 +3507,8 @@ export type DapDSTableHeaderProps = {
   last?: DapDSTableHeader["last"]
   /** The html role of the header cell */
   role?: DapDSTableHeader["role"]
+  /**  */
+  tagName?: DapDSTableHeader["tagName"]
 }
 
 export type DapDSTableRowProps = {
@@ -3282,6 +3516,8 @@ export type DapDSTableRowProps = {
   role?: DapDSTableRow["role"]
   /** If the row is mobile design */
   mobile?: DapDSTableRow["mobile"]
+  /**  */
+  tagName?: DapDSTableRow["tagName"]
 }
 
 export type DapDSTableProps = {
@@ -3291,6 +3527,8 @@ export type DapDSTableProps = {
   mobile?: DapDSTable["mobile"]
   /** The caption of the table */
   caption?: DapDSTable["caption"]
+  /**  */
+  tagName?: DapDSTable["tagName"]
 }
 
 export type DapDSTextareaProps = {
@@ -3309,6 +3547,10 @@ export type DapDSTextareaProps = {
   /** Indicates how the control should wrap the value for form submission. */
   wrap?: DapDSTextarea["wrap"]
   /**  */
+  tagName?: DapDSTextarea["tagName"]
+  /**  */
+  dependencies?: DapDSTextarea["dependencies"]
+  /**  */
   focusElement?: DapDSTextarea["focusElement"]
   /**  */
   feedbackId?: DapDSTextarea["feedbackId"]
@@ -3351,40 +3593,13 @@ export type DapDSTextareaProps = {
 }
 
 export type DapDSTimelineItemProps = {
-
+  /**  */
+  tagName?: DapDSTimelineItem["tagName"]
 }
 
 export type DapDSTimelineProps = {
-
-}
-
-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"]
   /**  */
-  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"]
+  tagName?: DapDSTimeline["tagName"]
 }
 
 export type DapDSTimeGridProps = {
@@ -3419,6 +3634,10 @@ export type DapDSTimeGridProps = {
   /** `data-testid` base for the second select buttons (second value appended). */
   secondButtonTestId?: DapDSTimeGrid["secondButtonTestId"]
   /**  */
+  tagName?: DapDSTimeGrid["tagName"]
+  /**  */
+  dependencies?: DapDSTimeGrid["dependencies"]
+  /**  */
   disabledTime?: DapDSTimeGrid["disabledTime"]
 }
 
@@ -3467,6 +3686,10 @@ export type DapDSTimePickerProps = {
   secondsStep?: DapDSTimePicker["secondsStep"]
   /** Whether to hide disabled times or show them as disabled. */
   hideDisabledTimes?: DapDSTimePicker["hideDisabledTimes"]
+  /**  */
+  tagName?: DapDSTimePicker["tagName"]
+  /**  */
+  dependencies?: DapDSTimePicker["dependencies"]
   /** Callback to determine if a time should be disabled. */
   disabledTime?: DapDSTimePicker["disabledTime"]
   /** Array of preset time slots for quick selection. */
@@ -3513,6 +3736,37 @@ export type DapDSTimePickerProps = {
   autocomplete?: DapDSTimePicker["autocomplete"]
 }
 
+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"]
@@ -3521,6 +3775,8 @@ export type DapDSToggleButtonProps = {
   /**  */
   sizeChildren?: DapDSToggleButton["sizeChildren"]
   /**  */
+  tagName?: DapDSToggleButton["tagName"]
+  /**  */
   focusElement?: DapDSToggleButton["focusElement"]
   /** The size of the toggle button. Default is `md` */
   size?: DapDSToggleButton["size"]
@@ -3545,11 +3801,17 @@ export type DapDSTooltipProps = {
   disableViewportAutoClose?: DapDSTooltip["disableViewportAutoClose"]
   /** Sets custom trigger event (hover, focus, click). Default is `hover focus`. */
   trigger?: DapDSTooltip["trigger"]
+  /**  */
+  tagName?: DapDSTooltip["tagName"]
+  /**  */
+  dependencies?: DapDSTooltip["dependencies"]
 }
 
 export type DapDSTrayProps = {
   /** The placement of the tray. */
   placement?: DapDSTray["placement"]
+  /**  */
+  tagName?: DapDSTray["tagName"]
   /** Whether the tray should have a footer. Default is false. */
   footer?: DapDSTray["footer"]
   /** Whether the tray should have a header. Default is false. */
@@ -3589,6 +3851,8 @@ export type DapDSTypographyProps = {
   anchor?: DapDSTypography["anchor"]
   /** Whether the typography is inverted. */
   inverted?: DapDSTypography["inverted"]
+  /**  */
+  tagName?: DapDSTypography["tagName"]
 }
 
 export type DapDSFormLabelProps = {
@@ -3598,6 +3862,8 @@ export type DapDSFormLabelProps = {
   renderAs?: DapDSFormLabel["renderAs"]
   /** Whether the label should have no margin. */
   noMargin?: DapDSFormLabel["noMargin"]
+  /**  */
+  tagName?: DapDSFormLabel["tagName"]
   /** Label of optional text */
   optionalLabel?: DapDSFormLabel["optionalLabel"]
   /** Text weight of the label. */
@@ -3615,6 +3881,10 @@ export type DapDSFormLabelProps = {
 }
 
 export type DapDSInputGroupProps = {
+  /**  */
+  tagName?: DapDSInputGroup["tagName"]
+  /**  */
+  dependencies?: DapDSInputGroup["dependencies"]
   /**  */
   allInputs?: DapDSInputGroup["allInputs"]
   /** The label of the input group. */
@@ -3655,6 +3925,10 @@ export type DapDSRadioGroupProps = {
   /** Text of optional label. */
   optionalLabel?: DapDSRadioGroup["optionalLabel"]
   /**  */
+  tagName?: DapDSRadioGroup["tagName"]
+  /**  */
+  dependencies?: DapDSRadioGroup["dependencies"]
+  /**  */
   hiddenInput?: DapDSRadioGroup["hiddenInput"]
   /**  */
   validationMessage?: DapDSRadioGroup["validationMessage"]
@@ -3699,6 +3973,8 @@ export type ArrowsArrowDownLineProps = {
   accessibilityTitle?: ArrowsArrowDownLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
   focusable?: ArrowsArrowDownLine["focusable"]
+  /**  */
+  tagName?: ArrowsArrowDownLine["tagName"]
 }
 
 export type ArrowsArrowDownSFillProps = {
@@ -3710,6 +3986,8 @@ export type ArrowsArrowDownSFillProps = {
   accessibilityTitle?: ArrowsArrowDownSFill["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
   focusable?: ArrowsArrowDownSFill["focusable"]
+  /**  */
+  tagName?: ArrowsArrowDownSFill["tagName"]
 }
 
 export type ArrowsArrowDownSLineProps = {
@@ -3721,6 +3999,8 @@ export type ArrowsArrowDownSLineProps = {
   accessibilityTitle?: ArrowsArrowDownSLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
   focusable?: ArrowsArrowDownSLine["focusable"]
+  /**  */
+  tagName?: ArrowsArrowDownSLine["tagName"]
 }
 
 export type ArrowsArrowLeftDownLineProps = {
@@ -3732,6 +4012,8 @@ export type ArrowsArrowLeftDownLineProps = {
   accessibilityTitle?: ArrowsArrowLeftDownLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
   focusable?: ArrowsArrowLeftDownLine["focusable"]
+  /**  */
+  tagName?: ArrowsArrowLeftDownLine["tagName"]
 }
 
 export type ArrowsArrowLeftLLineProps = {
@@ -3743,6 +4025,8 @@ export type ArrowsArrowLeftLLineProps = {
   accessibilityTitle?: ArrowsArrowLeftLLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
   focusable?: ArrowsArrowLeftLLine["focusable"]
+  /**  */
+  tagName?: ArrowsArrowLeftLLine["tagName"]
 }
 
 export type ArrowsArrowLeftLineProps = {
@@ -3754,6 +4038,8 @@ export type ArrowsArrowLeftLineProps = {
   accessibilityTitle?: ArrowsArrowLeftLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
   focusable?: ArrowsArrowLeftLine["focusable"]
+  /**  */
+  tagName?: ArrowsArrowLeftLine["tagName"]
 }
 
 export type ArrowsArrowLeftSFillProps = {
@@ -3765,6 +4051,8 @@ export type ArrowsArrowLeftSFillProps = {
   accessibilityTitle?: ArrowsArrowLeftSFill["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
   focusable?: ArrowsArrowLeftSFill["focusable"]
+  /**  */
+  tagName?: ArrowsArrowLeftSFill["tagName"]
 }
 
 export type ArrowsArrowLeftSLineProps = {
@@ -3776,6 +4064,8 @@ export type ArrowsArrowLeftSLineProps = {
   accessibilityTitle?: ArrowsArrowLeftSLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
   focusable?: ArrowsArrowLeftSLine["focusable"]
+  /**  */
+  tagName?: ArrowsArrowLeftSLine["tagName"]
 }
 
 export type ArrowsArrowLeftUpLineProps = {
@@ -3787,6 +4077,8 @@ export type ArrowsArrowLeftUpLineProps = {
   accessibilityTitle?: ArrowsArrowLeftUpLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
   focusable?: ArrowsArrowLeftUpLine["focusable"]
+  /**  */
+  tagName?: ArrowsArrowLeftUpLine["tagName"]
 }
 
 export type ArrowsArrowRightDownLineProps = {
@@ -3798,6 +4090,8 @@ export type ArrowsArrowRightDownLineProps = {
   accessibilityTitle?: ArrowsArrowRightDownLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
   focusable?: ArrowsArrowRightDownLine["focusable"]
+  /**  */
+  tagName?: ArrowsArrowRightDownLine["tagName"]
 }
 
 export type ArrowsArrowRightLLineProps = {
@@ -3809,6 +4103,8 @@ export type ArrowsArrowRightLLineProps = {
   accessibilityTitle?: ArrowsArrowRightLLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
   focusable?: ArrowsArrowRightLLine["focusable"]
+  /**  */
+  tagName?: ArrowsArrowRightLLine["tagName"]
 }
 
 export type ArrowsArrowRightLineProps = {
@@ -3820,6 +4116,8 @@ export type ArrowsArrowRightLineProps = {
   accessibilityTitle?: ArrowsArrowRightLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
   focusable?: ArrowsArrowRightLine["focusable"]
+  /**  */
+  tagName?: ArrowsArrowRightLine["tagName"]
 }
 
 export type ArrowsArrowRightSFillProps = {
@@ -3831,6 +4129,8 @@ export type ArrowsArrowRightSFillProps = {
   accessibilityTitle?: ArrowsArrowRightSFill["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
   focusable?: ArrowsArrowRightSFill["focusable"]
+  /**  */
+  tagName?: ArrowsArrowRightSFill["tagName"]
 }
 
 export type ArrowsArrowRightSLineProps = {
@@ -3842,6 +4142,8 @@ export type ArrowsArrowRightSLineProps = {
   accessibilityTitle?: ArrowsArrowRightSLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
   focusable?: ArrowsArrowRightSLine["focusable"]
+  /**  */
+  tagName?: ArrowsArrowRightSLine["tagName"]
 }
 
 export type ArrowsArrowRightUpLineProps = {
@@ -3853,6 +4155,8 @@ export type ArrowsArrowRightUpLineProps = {
   accessibilityTitle?: ArrowsArrowRightUpLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
   focusable?: ArrowsArrowRightUpLine["focusable"]
+  /**  */
+  tagName?: ArrowsArrowRightUpLine["tagName"]
 }
 
 export type ArrowsArrowUpLineProps = {
@@ -3864,6 +4168,8 @@ export type ArrowsArrowUpLineProps = {
   accessibilityTitle?: ArrowsArrowUpLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
   focusable?: ArrowsArrowUpLine["focusable"]
+  /**  */
+  tagName?: ArrowsArrowUpLine["tagName"]
 }
 
 export type ArrowsArrowUpSFillProps = {
@@ -3875,6 +4181,8 @@ export type ArrowsArrowUpSFillProps = {
   accessibilityTitle?: ArrowsArrowUpSFill["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
   focusable?: ArrowsArrowUpSFill["focusable"]
+  /**  */
+  tagName?: ArrowsArrowUpSFill["tagName"]
 }
 
 export type ArrowsArrowUpSLineProps = {
@@ -3886,6 +4194,8 @@ export type ArrowsArrowUpSLineProps = {
   accessibilityTitle?: ArrowsArrowUpSLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
   focusable?: ArrowsArrowUpSLine["focusable"]
+  /**  */
+  tagName?: ArrowsArrowUpSLine["tagName"]
 }
 
 export type ArrowsExpandUpDownFillProps = {
@@ -3897,6 +4207,8 @@ export type ArrowsExpandUpDownFillProps = {
   accessibilityTitle?: ArrowsExpandUpDownFill["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
   focusable?: ArrowsExpandUpDownFill["focusable"]
+  /**  */
+  tagName?: ArrowsExpandUpDownFill["tagName"]
 }
 
 export type BuildingsHome6LineProps = {
@@ -3908,6 +4220,8 @@ export type BuildingsHome6LineProps = {
   accessibilityTitle?: BuildingsHome6Line["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
   focusable?: BuildingsHome6Line["focusable"]
+  /**  */
+  tagName?: BuildingsHome6Line["tagName"]
 }
 
 export type BusinessCalendarLineProps = {
@@ -3919,6 +4233,8 @@ export type BusinessCalendarLineProps = {
   accessibilityTitle?: BusinessCalendarLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
   focusable?: BusinessCalendarLine["focusable"]
+  /**  */
+  tagName?: BusinessCalendarLine["tagName"]
 }
 
 export type DesignEditLineProps = {
@@ -3930,6 +4246,8 @@ export type DesignEditLineProps = {
   accessibilityTitle?: DesignEditLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
   focusable?: DesignEditLine["focusable"]
+  /**  */
+  tagName?: DesignEditLine["tagName"]
 }
 
 export type DesignToolsLineProps = {
@@ -3941,6 +4259,8 @@ export type DesignToolsLineProps = {
   accessibilityTitle?: DesignToolsLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
   focusable?: DesignToolsLine["focusable"]
+  /**  */
+  tagName?: DesignToolsLine["tagName"]
 }
 
 export type DeviceComputerLineProps = {
@@ -3952,6 +4272,8 @@ export type DeviceComputerLineProps = {
   accessibilityTitle?: DeviceComputerLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
   focusable?: DeviceComputerLine["focusable"]
+  /**  */
+  tagName?: DeviceComputerLine["tagName"]
 }
 
 export type DocumentClipboardLineProps = {
@@ -3963,6 +4285,8 @@ export type DocumentClipboardLineProps = {
   accessibilityTitle?: DocumentClipboardLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
   focusable?: DocumentClipboardLine["focusable"]
+  /**  */
+  tagName?: DocumentClipboardLine["tagName"]
 }
 
 export type DocumentFileCopyLineProps = {
@@ -3974,6 +4298,8 @@ export type DocumentFileCopyLineProps = {
   accessibilityTitle?: DocumentFileCopyLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
   focusable?: DocumentFileCopyLine["focusable"]
+  /**  */
+  tagName?: DocumentFileCopyLine["tagName"]
 }
 
 export type DocumentFileImageLineProps = {
@@ -3985,6 +4311,8 @@ export type DocumentFileImageLineProps = {
   accessibilityTitle?: DocumentFileImageLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
   focusable?: DocumentFileImageLine["focusable"]
+  /**  */
+  tagName?: DocumentFileImageLine["tagName"]
 }
 
 export type DocumentFileMusicLineProps = {
@@ -3996,6 +4324,8 @@ export type DocumentFileMusicLineProps = {
   accessibilityTitle?: DocumentFileMusicLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
   focusable?: DocumentFileMusicLine["focusable"]
+  /**  */
+  tagName?: DocumentFileMusicLine["tagName"]
 }
 
 export type DocumentFileTextLineProps = {
@@ -4007,6 +4337,8 @@ export type DocumentFileTextLineProps = {
   accessibilityTitle?: DocumentFileTextLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
   focusable?: DocumentFileTextLine["focusable"]
+  /**  */
+  tagName?: DocumentFileTextLine["tagName"]
 }
 
 export type DocumentFileVideoLineProps = {
@@ -4018,6 +4350,8 @@ export type DocumentFileVideoLineProps = {
   accessibilityTitle?: DocumentFileVideoLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
   focusable?: DocumentFileVideoLine["focusable"]
+  /**  */
+  tagName?: DocumentFileVideoLine["tagName"]
 }
 
 export type DocumentFolderLineProps = {
@@ -4029,6 +4363,8 @@ export type DocumentFolderLineProps = {
   accessibilityTitle?: DocumentFolderLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
   focusable?: DocumentFolderLine["focusable"]
+  /**  */
+  tagName?: DocumentFolderLine["tagName"]
 }
 
 export type DocumentFolderOpenLineProps = {
@@ -4040,6 +4376,8 @@ export type DocumentFolderOpenLineProps = {
   accessibilityTitle?: DocumentFolderOpenLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
   focusable?: DocumentFolderOpenLine["focusable"]
+  /**  */
+  tagName?: DocumentFolderOpenLine["tagName"]
 }
 
 export type EditorSeparatorProps = {
@@ -4051,17 +4389,8 @@ export type EditorSeparatorProps = {
   accessibilityTitle?: EditorSeparator["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
   focusable?: EditorSeparator["focusable"]
-}
-
-export type HealthHeartFillProps = {
-  /** (optional) The width and height in pixels */
-  size?: HealthHeartFill["size"]
-  /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: HealthHeartFill["selected"]
-  /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: HealthHeartFill["accessibilityTitle"]
-  /** (optional) If `true` the icon can receive focus */
-  focusable?: HealthHeartFill["focusable"]
+  /**  */
+  tagName?: EditorSeparator["tagName"]
 }
 
 export type HealthHeartLineProps = {
@@ -4073,61 +4402,34 @@ export type HealthHeartLineProps = {
   accessibilityTitle?: HealthHeartLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
   focusable?: HealthHeartLine["focusable"]
+  /**  */
+  tagName?: HealthHeartLine["tagName"]
 }
 
-export type OthersCookieLineProps = {
-  /** (optional) The width and height in pixels */
-  size?: OthersCookieLine["size"]
-  /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: OthersCookieLine["selected"]
-  /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: OthersCookieLine["accessibilityTitle"]
-  /** (optional) If `true` the icon can receive focus */
-  focusable?: OthersCookieLine["focusable"]
-}
-
-export type UserAccountCircleFillProps = {
-  /** (optional) The width and height in pixels */
-  size?: UserAccountCircleFill["size"]
-  /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: UserAccountCircleFill["selected"]
-  /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: UserAccountCircleFill["accessibilityTitle"]
-  /** (optional) If `true` the icon can receive focus */
-  focusable?: UserAccountCircleFill["focusable"]
-}
-
-export type UserAccountCircleLineProps = {
-  /** (optional) The width and height in pixels */
-  size?: UserAccountCircleLine["size"]
-  /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: UserAccountCircleLine["selected"]
-  /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: UserAccountCircleLine["accessibilityTitle"]
-  /** (optional) If `true` the icon can receive focus */
-  focusable?: UserAccountCircleLine["focusable"]
-}
-
-export type UserUserFillProps = {
+export type HealthHeartFillProps = {
   /** (optional) The width and height in pixels */
-  size?: UserUserFill["size"]
+  size?: HealthHeartFill["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: UserUserFill["selected"]
+  selected?: HealthHeartFill["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: UserUserFill["accessibilityTitle"]
+  accessibilityTitle?: HealthHeartFill["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: UserUserFill["focusable"]
+  focusable?: HealthHeartFill["focusable"]
+  /**  */
+  tagName?: HealthHeartFill["tagName"]
 }
 
-export type UserUserLineProps = {
+export type OthersCookieLineProps = {
   /** (optional) The width and height in pixels */
-  size?: UserUserLine["size"]
+  size?: OthersCookieLine["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: UserUserLine["selected"]
+  selected?: OthersCookieLine["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: UserUserLine["accessibilityTitle"]
+  accessibilityTitle?: OthersCookieLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: UserUserLine["focusable"]
+  focusable?: OthersCookieLine["focusable"]
+  /**  */
+  tagName?: OthersCookieLine["tagName"]
 }
 
 export type SystemAddLineProps = {
@@ -4139,6 +4441,8 @@ export type SystemAddLineProps = {
   accessibilityTitle?: SystemAddLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
   focusable?: SystemAddLine["focusable"]
+  /**  */
+  tagName?: SystemAddLine["tagName"]
 }
 
 export type SystemAlertFillProps = {
@@ -4150,17 +4454,8 @@ export type SystemAlertFillProps = {
   accessibilityTitle?: SystemAlertFill["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
   focusable?: SystemAlertFill["focusable"]
-}
-
-export type SystemAlertLineProps = {
-  /** (optional) The width and height in pixels */
-  size?: SystemAlertLine["size"]
-  /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemAlertLine["selected"]
-  /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemAlertLine["accessibilityTitle"]
-  /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemAlertLine["focusable"]
+  /**  */
+  tagName?: SystemAlertFill["tagName"]
 }
 
 export type SystemCheckLineProps = {
@@ -4172,6 +4467,8 @@ export type SystemCheckLineProps = {
   accessibilityTitle?: SystemCheckLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
   focusable?: SystemCheckLine["focusable"]
+  /**  */
+  tagName?: SystemCheckLine["tagName"]
 }
 
 export type SystemCheckLine2Props = {
@@ -4183,6 +4480,21 @@ export type SystemCheckLine2Props = {
   accessibilityTitle?: SystemCheckLine2["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
   focusable?: SystemCheckLine2["focusable"]
+  /**  */
+  tagName?: SystemCheckLine2["tagName"]
+}
+
+export type SystemAlertLineProps = {
+  /** (optional) The width and height in pixels */
+  size?: SystemAlertLine["size"]
+  /** (optional) Sets the icon color via the `fill` attribute */
+  selected?: SystemAlertLine["selected"]
+  /** (optional) When using the icon standalone, make it meaningful for accessibility */
+  accessibilityTitle?: SystemAlertLine["accessibilityTitle"]
+  /** (optional) If `true` the icon can receive focus */
+  focusable?: SystemAlertLine["focusable"]
+  /**  */
+  tagName?: SystemAlertLine["tagName"]
 }
 
 export type SystemCheckboxBlankCircleFillProps = {
@@ -4194,6 +4506,8 @@ export type SystemCheckboxBlankCircleFillProps = {
   accessibilityTitle?: SystemCheckboxBlankCircleFill["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
   focusable?: SystemCheckboxBlankCircleFill["focusable"]
+  /**  */
+  tagName?: SystemCheckboxBlankCircleFill["tagName"]
 }
 
 export type SystemCheckboxBlankCircleFillCheckProps = {
@@ -4205,6 +4519,8 @@ export type SystemCheckboxBlankCircleFillCheckProps = {
   accessibilityTitle?: SystemCheckboxBlankCircleFillCheck["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
   focusable?: SystemCheckboxBlankCircleFillCheck["focusable"]
+  /**  */
+  tagName?: SystemCheckboxBlankCircleFillCheck["tagName"]
 }
 
 export type SystemCheckboxBlankCircleLineProps = {
@@ -4216,6 +4532,8 @@ export type SystemCheckboxBlankCircleLineProps = {
   accessibilityTitle?: SystemCheckboxBlankCircleLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
   focusable?: SystemCheckboxBlankCircleLine["focusable"]
+  /**  */
+  tagName?: SystemCheckboxBlankCircleLine["tagName"]
 }
 
 export type SystemCheckboxCircleFillProps = {
@@ -4227,6 +4545,8 @@ export type SystemCheckboxCircleFillProps = {
   accessibilityTitle?: SystemCheckboxCircleFill["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
   focusable?: SystemCheckboxCircleFill["focusable"]
+  /**  */
+  tagName?: SystemCheckboxCircleFill["tagName"]
 }
 
 export type SystemCheckboxCircleLineProps = {
@@ -4238,6 +4558,8 @@ export type SystemCheckboxCircleLineProps = {
   accessibilityTitle?: SystemCheckboxCircleLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
   focusable?: SystemCheckboxCircleLine["focusable"]
+  /**  */
+  tagName?: SystemCheckboxCircleLine["tagName"]
 }
 
 export type SystemCloseCircleFillProps = {
@@ -4249,6 +4571,8 @@ export type SystemCloseCircleFillProps = {
   accessibilityTitle?: SystemCloseCircleFill["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
   focusable?: SystemCloseCircleFill["focusable"]
+  /**  */
+  tagName?: SystemCloseCircleFill["tagName"]
 }
 
 export type SystemCloseCircleLineProps = {
@@ -4260,6 +4584,8 @@ export type SystemCloseCircleLineProps = {
   accessibilityTitle?: SystemCloseCircleLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
   focusable?: SystemCloseCircleLine["focusable"]
+  /**  */
+  tagName?: SystemCloseCircleLine["tagName"]
 }
 
 export type SystemCloseFillProps = {
@@ -4271,6 +4597,8 @@ export type SystemCloseFillProps = {
   accessibilityTitle?: SystemCloseFill["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
   focusable?: SystemCloseFill["focusable"]
+  /**  */
+  tagName?: SystemCloseFill["tagName"]
 }
 
 export type SystemCloseLineProps = {
@@ -4282,6 +4610,8 @@ export type SystemCloseLineProps = {
   accessibilityTitle?: SystemCloseLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
   focusable?: SystemCloseLine["focusable"]
+  /**  */
+  tagName?: SystemCloseLine["tagName"]
 }
 
 export type SystemDeleteBinFillProps = {
@@ -4293,6 +4623,8 @@ export type SystemDeleteBinFillProps = {
   accessibilityTitle?: SystemDeleteBinFill["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
   focusable?: SystemDeleteBinFill["focusable"]
+  /**  */
+  tagName?: SystemDeleteBinFill["tagName"]
 }
 
 export type SystemDeleteBinLineProps = {
@@ -4304,6 +4636,8 @@ export type SystemDeleteBinLineProps = {
   accessibilityTitle?: SystemDeleteBinLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
   focusable?: SystemDeleteBinLine["focusable"]
+  /**  */
+  tagName?: SystemDeleteBinLine["tagName"]
 }
 
 export type SystemDownloadLineProps = {
@@ -4315,6 +4649,8 @@ export type SystemDownloadLineProps = {
   accessibilityTitle?: SystemDownloadLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
   focusable?: SystemDownloadLine["focusable"]
+  /**  */
+  tagName?: SystemDownloadLine["tagName"]
 }
 
 export type SystemErrorWarningFillProps = {
@@ -4326,6 +4662,8 @@ export type SystemErrorWarningFillProps = {
   accessibilityTitle?: SystemErrorWarningFill["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
   focusable?: SystemErrorWarningFill["focusable"]
+  /**  */
+  tagName?: SystemErrorWarningFill["tagName"]
 }
 
 export type SystemErrorWarningLineProps = {
@@ -4337,6 +4675,8 @@ export type SystemErrorWarningLineProps = {
   accessibilityTitle?: SystemErrorWarningLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
   focusable?: SystemErrorWarningLine["focusable"]
+  /**  */
+  tagName?: SystemErrorWarningLine["tagName"]
 }
 
 export type SystemExternalLinkLineProps = {
@@ -4348,6 +4688,8 @@ export type SystemExternalLinkLineProps = {
   accessibilityTitle?: SystemExternalLinkLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
   focusable?: SystemExternalLinkLine["focusable"]
+  /**  */
+  tagName?: SystemExternalLinkLine["tagName"]
 }
 
 export type SystemEyeLineProps = {
@@ -4359,6 +4701,8 @@ export type SystemEyeLineProps = {
   accessibilityTitle?: SystemEyeLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
   focusable?: SystemEyeLine["focusable"]
+  /**  */
+  tagName?: SystemEyeLine["tagName"]
 }
 
 export type SystemEyeOffLineProps = {
@@ -4370,6 +4714,8 @@ export type SystemEyeOffLineProps = {
   accessibilityTitle?: SystemEyeOffLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
   focusable?: SystemEyeOffLine["focusable"]
+  /**  */
+  tagName?: SystemEyeOffLine["tagName"]
 }
 
 export type SystemForbidFillProps = {
@@ -4381,6 +4727,8 @@ export type SystemForbidFillProps = {
   accessibilityTitle?: SystemForbidFill["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
   focusable?: SystemForbidFill["focusable"]
+  /**  */
+  tagName?: SystemForbidFill["tagName"]
 }
 
 export type SystemInformation2FillProps = {
@@ -4392,6 +4740,8 @@ export type SystemInformation2FillProps = {
   accessibilityTitle?: SystemInformation2Fill["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
   focusable?: SystemInformation2Fill["focusable"]
+  /**  */
+  tagName?: SystemInformation2Fill["tagName"]
 }
 
 export type SystemInformationFillProps = {
@@ -4403,6 +4753,8 @@ export type SystemInformationFillProps = {
   accessibilityTitle?: SystemInformationFill["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
   focusable?: SystemInformationFill["focusable"]
+  /**  */
+  tagName?: SystemInformationFill["tagName"]
 }
 
 export type SystemInformationLineProps = {
@@ -4414,6 +4766,8 @@ export type SystemInformationLineProps = {
   accessibilityTitle?: SystemInformationLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
   focusable?: SystemInformationLine["focusable"]
+  /**  */
+  tagName?: SystemInformationLine["tagName"]
 }
 
 export type SystemLightbulbFillProps = {
@@ -4425,6 +4779,8 @@ export type SystemLightbulbFillProps = {
   accessibilityTitle?: SystemLightbulbFill["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
   focusable?: SystemLightbulbFill["focusable"]
+  /**  */
+  tagName?: SystemLightbulbFill["tagName"]
 }
 
 export type SystemLoadingSpinnerProps = {
@@ -4436,6 +4792,8 @@ export type SystemLoadingSpinnerProps = {
   accessibilityTitle?: SystemLoadingSpinner["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
   focusable?: SystemLoadingSpinner["focusable"]
+  /**  */
+  tagName?: SystemLoadingSpinner["tagName"]
 }
 
 export type SystemLockFillProps = {
@@ -4447,6 +4805,8 @@ export type SystemLockFillProps = {
   accessibilityTitle?: SystemLockFill["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
   focusable?: SystemLockFill["focusable"]
+  /**  */
+  tagName?: SystemLockFill["tagName"]
 }
 
 export type SystemLockLineProps = {
@@ -4458,6 +4818,8 @@ export type SystemLockLineProps = {
   accessibilityTitle?: SystemLockLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
   focusable?: SystemLockLine["focusable"]
+  /**  */
+  tagName?: SystemLockLine["tagName"]
 }
 
 export type SystemMenuLineProps = {
@@ -4469,6 +4831,8 @@ export type SystemMenuLineProps = {
   accessibilityTitle?: SystemMenuLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
   focusable?: SystemMenuLine["focusable"]
+  /**  */
+  tagName?: SystemMenuLine["tagName"]
 }
 
 export type SystemMenuLineSProps = {
@@ -4480,6 +4844,8 @@ export type SystemMenuLineSProps = {
   accessibilityTitle?: SystemMenuLineS["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
   focusable?: SystemMenuLineS["focusable"]
+  /**  */
+  tagName?: SystemMenuLineS["tagName"]
 }
 
 export type SystemMore2LineProps = {
@@ -4491,6 +4857,8 @@ export type SystemMore2LineProps = {
   accessibilityTitle?: SystemMore2Line["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
   focusable?: SystemMore2Line["focusable"]
+  /**  */
+  tagName?: SystemMore2Line["tagName"]
 }
 
 export type SystemMoreLineProps = {
@@ -4502,6 +4870,8 @@ export type SystemMoreLineProps = {
   accessibilityTitle?: SystemMoreLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
   focusable?: SystemMoreLine["focusable"]
+  /**  */
+  tagName?: SystemMoreLine["tagName"]
 }
 
 export type SystemSearchLineProps = {
@@ -4513,6 +4883,8 @@ export type SystemSearchLineProps = {
   accessibilityTitle?: SystemSearchLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
   focusable?: SystemSearchLine["focusable"]
+  /**  */
+  tagName?: SystemSearchLine["tagName"]
 }
 
 export type SystemShareLineProps = {
@@ -4524,6 +4896,8 @@ export type SystemShareLineProps = {
   accessibilityTitle?: SystemShareLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
   focusable?: SystemShareLine["focusable"]
+  /**  */
+  tagName?: SystemShareLine["tagName"]
 }
 
 export type SystemShieldCheckFillProps = {
@@ -4535,6 +4909,8 @@ export type SystemShieldCheckFillProps = {
   accessibilityTitle?: SystemShieldCheckFill["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
   focusable?: SystemShieldCheckFill["focusable"]
+  /**  */
+  tagName?: SystemShieldCheckFill["tagName"]
 }
 
 export type SystemShieldCheckLineProps = {
@@ -4546,6 +4922,8 @@ export type SystemShieldCheckLineProps = {
   accessibilityTitle?: SystemShieldCheckLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
   focusable?: SystemShieldCheckLine["focusable"]
+  /**  */
+  tagName?: SystemShieldCheckLine["tagName"]
 }
 
 export type SystemStarFillProps = {
@@ -4557,6 +4935,8 @@ export type SystemStarFillProps = {
   accessibilityTitle?: SystemStarFill["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
   focusable?: SystemStarFill["focusable"]
+  /**  */
+  tagName?: SystemStarFill["tagName"]
 }
 
 export type SystemSubtractLineProps = {
@@ -4568,6 +4948,8 @@ export type SystemSubtractLineProps = {
   accessibilityTitle?: SystemSubtractLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
   focusable?: SystemSubtractLine["focusable"]
+  /**  */
+  tagName?: SystemSubtractLine["tagName"]
 }
 
 export type SystemSubtractLine2Props = {
@@ -4579,6 +4961,8 @@ export type SystemSubtractLine2Props = {
   accessibilityTitle?: SystemSubtractLine2["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
   focusable?: SystemSubtractLine2["focusable"]
+  /**  */
+  tagName?: SystemSubtractLine2["tagName"]
 }
 
 export type SystemTimeFillProps = {
@@ -4590,6 +4974,8 @@ export type SystemTimeFillProps = {
   accessibilityTitle?: SystemTimeFill["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
   focusable?: SystemTimeFill["focusable"]
+  /**  */
+  tagName?: SystemTimeFill["tagName"]
 }
 
 export type SystemTimeLineProps = {
@@ -4601,6 +4987,8 @@ export type SystemTimeLineProps = {
   accessibilityTitle?: SystemTimeLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
   focusable?: SystemTimeLine["focusable"]
+  /**  */
+  tagName?: SystemTimeLine["tagName"]
 }
 
 export type SystemUpload2FillProps = {
@@ -4612,50 +5000,112 @@ export type SystemUpload2FillProps = {
   accessibilityTitle?: SystemUpload2Fill["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
   focusable?: SystemUpload2Fill["focusable"]
+  /**  */
+  tagName?: SystemUpload2Fill["tagName"]
 }
 
 export type SystemUpload2LineProps = {
   /** (optional) The width and height in pixels */
   size?: SystemUpload2Line["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemUpload2Line["selected"]
+  selected?: SystemUpload2Line["selected"]
+  /** (optional) When using the icon standalone, make it meaningful for accessibility */
+  accessibilityTitle?: SystemUpload2Line["accessibilityTitle"]
+  /** (optional) If `true` the icon can receive focus */
+  focusable?: SystemUpload2Line["focusable"]
+  /**  */
+  tagName?: SystemUpload2Line["tagName"]
+}
+
+export type SystemUploadLineProps = {
+  /** (optional) The width and height in pixels */
+  size?: SystemUploadLine["size"]
+  /** (optional) Sets the icon color via the `fill` attribute */
+  selected?: SystemUploadLine["selected"]
+  /** (optional) When using the icon standalone, make it meaningful for accessibility */
+  accessibilityTitle?: SystemUploadLine["accessibilityTitle"]
+  /** (optional) If `true` the icon can receive focus */
+  focusable?: SystemUploadLine["focusable"]
+  /**  */
+  tagName?: SystemUploadLine["tagName"]
+}
+
+export type SystemZoomInLineProps = {
+  /** (optional) The width and height in pixels */
+  size?: SystemZoomInLine["size"]
+  /** (optional) Sets the icon color via the `fill` attribute */
+  selected?: SystemZoomInLine["selected"]
+  /** (optional) When using the icon standalone, make it meaningful for accessibility */
+  accessibilityTitle?: SystemZoomInLine["accessibilityTitle"]
+  /** (optional) If `true` the icon can receive focus */
+  focusable?: SystemZoomInLine["focusable"]
+  /**  */
+  tagName?: SystemZoomInLine["tagName"]
+}
+
+export type SystemZoomOutLineProps = {
+  /** (optional) The width and height in pixels */
+  size?: SystemZoomOutLine["size"]
+  /** (optional) Sets the icon color via the `fill` attribute */
+  selected?: SystemZoomOutLine["selected"]
+  /** (optional) When using the icon standalone, make it meaningful for accessibility */
+  accessibilityTitle?: SystemZoomOutLine["accessibilityTitle"]
+  /** (optional) If `true` the icon can receive focus */
+  focusable?: SystemZoomOutLine["focusable"]
+  /**  */
+  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?: SystemUpload2Line["accessibilityTitle"]
+  accessibilityTitle?: UserAccountCircleFill["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemUpload2Line["focusable"]
+  focusable?: UserAccountCircleFill["focusable"]
+  /**  */
+  tagName?: UserAccountCircleFill["tagName"]
 }
 
-export type SystemUploadLineProps = {
+export type UserAccountCircleLineProps = {
   /** (optional) The width and height in pixels */
-  size?: SystemUploadLine["size"]
+  size?: UserAccountCircleLine["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemUploadLine["selected"]
+  selected?: UserAccountCircleLine["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemUploadLine["accessibilityTitle"]
+  accessibilityTitle?: UserAccountCircleLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemUploadLine["focusable"]
+  focusable?: UserAccountCircleLine["focusable"]
+  /**  */
+  tagName?: UserAccountCircleLine["tagName"]
 }
 
-export type SystemZoomInLineProps = {
+export type UserUserFillProps = {
   /** (optional) The width and height in pixels */
-  size?: SystemZoomInLine["size"]
+  size?: UserUserFill["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemZoomInLine["selected"]
+  selected?: UserUserFill["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemZoomInLine["accessibilityTitle"]
+  accessibilityTitle?: UserUserFill["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemZoomInLine["focusable"]
+  focusable?: UserUserFill["focusable"]
+  /**  */
+  tagName?: UserUserFill["tagName"]
 }
 
-export type SystemZoomOutLineProps = {
+export type UserUserLineProps = {
   /** (optional) The width and height in pixels */
-  size?: SystemZoomOutLine["size"]
+  size?: UserUserLine["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemZoomOutLine["selected"]
+  selected?: UserUserLine["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemZoomOutLine["accessibilityTitle"]
+  accessibilityTitle?: UserUserLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemZoomOutLine["focusable"]
+  focusable?: UserUserLine["focusable"]
+  /**  */
+  tagName?: UserUserLine["tagName"]
 }
 
 // Augment Vue's GlobalComponents interface
@@ -4707,16 +5157,6 @@ declare module 'vue' {
      * - **loading** - The loading indicator.
      */
          'dap-ds-avatar': DefineCustomElement<DapDSAvatar, DapDSAvatarProps, DapDSAvatarEvents>
-    /**
-     * An accordion group is a collection of accordion components.
-     *
-     * ### Slots:
-     * - **default** - The content of the accordion group.
-     *
-     * ### CSS Parts:
-     * - **base** - The main accordion group container.
-     */
-         'dap-ds-accordion-group': DefineCustomElement<DapDSAccordionGroup, DapDSAccordionGroupProps, {}>
     /**
      * Anchor heading is a heading with an anchor link.
      *
@@ -4727,6 +5167,16 @@ declare module 'vue' {
      * - **text** - The text of the anchor heading.
      */
          'dap-ds-anchor-heading': DefineCustomElement<DapDSAnchorHeading, DapDSAnchorHeadingProps, {}>
+    /**
+     * An accordion group is a collection of accordion components.
+     *
+     * ### Slots:
+     * - **default** - The content of the accordion group.
+     *
+     * ### CSS Parts:
+     * - **base** - The main accordion group container.
+     */
+         'dap-ds-accordion-group': DefineCustomElement<DapDSAccordionGroup, DapDSAccordionGroupProps, {}>
     /**
      * Avatar group component displays multiple avatars in an organized layout with overflow management.
      *
@@ -4846,6 +5296,39 @@ declare module 'vue' {
      * - **close** - The close button of the callout.
      */
          'dap-ds-callout': DefineCustomElement<DapDSCallout, DapDSCalloutProps, DapDSCalloutEvents>
+    /**
+     * Calendar cell represents a single cell in the calendar.
+     *
+     * ### Slots:
+     * - **default** - The content of the calendar cell.
+     *
+     * ### CSS Parts:
+     * - **base** - The main calendar cell container.
+     * - **today-mark** - The today mark of the calendar cell.
+     */
+         'dap-ds-calendar-cell': DefineCustomElement<DapDSCalendarCell, DapDSCalendarCellProps, {}>
+    /**
+     * A calendar is a visual representation of dates. It allows users to select a date.
+     *
+     * ### Events:
+     * - **dds-change** - Fired when the calendar value changes.
+     *
+     * ### Slots:
+     * - **default** - The content of the calendar.
+     *
+     * ### CSS Parts:
+     * - **base** - The main calendar container.
+     * - **calendar-header** - The header of the calendar.
+     * - **body** - The body of the calendar.
+     * - **calendar-grid-header** - The header of the calendar grid.
+     * - **calendar-grid-header-cell** - The header cell of the calendar grid.
+     * - **calendar-grid-cell** - The cell of the calendar grid.
+     * - **calendar-header-button-prev** - The previous month button of the calendar header.
+     * - **calendar-header-button-next** - The next month button of the calendar header.
+     * - **calendar-header-year-select** - The year select of the calendar header.
+     * - **calendar-header-month-select** - The month select of the calendar header.
+     */
+         'dap-ds-calendar': DefineCustomElement<DapDSCalendar, DapDSCalendarProps, DapDSCalendarEvents>
     /**
      * A card actions is a container for actions in a card.
      *
@@ -4906,39 +5389,6 @@ declare module 'vue' {
      * - **base** - The main card container.
      */
          'dap-ds-card': DefineCustomElement<DapDSCard, DapDSCardProps, {}>
-    /**
-     * Calendar cell represents a single cell in the calendar.
-     *
-     * ### Slots:
-     * - **default** - The content of the calendar cell.
-     *
-     * ### CSS Parts:
-     * - **base** - The main calendar cell container.
-     * - **today-mark** - The today mark of the calendar cell.
-     */
-         'dap-ds-calendar-cell': DefineCustomElement<DapDSCalendarCell, DapDSCalendarCellProps, {}>
-    /**
-     * A calendar is a visual representation of dates. It allows users to select a date.
-     *
-     * ### Events:
-     * - **dds-change** - Fired when the calendar value changes.
-     *
-     * ### Slots:
-     * - **default** - The content of the calendar.
-     *
-     * ### CSS Parts:
-     * - **base** - The main calendar container.
-     * - **calendar-header** - The header of the calendar.
-     * - **body** - The body of the calendar.
-     * - **calendar-grid-header** - The header of the calendar grid.
-     * - **calendar-grid-header-cell** - The header cell of the calendar grid.
-     * - **calendar-grid-cell** - The cell of the calendar grid.
-     * - **calendar-header-button-prev** - The previous month button of the calendar header.
-     * - **calendar-header-button-next** - The next month button of the calendar header.
-     * - **calendar-header-year-select** - The year select of the calendar header.
-     * - **calendar-header-month-select** - The month select of the calendar header.
-     */
-         'dap-ds-calendar': DefineCustomElement<DapDSCalendar, DapDSCalendarProps, DapDSCalendarEvents>
     /**
      * A checkbox is a form element that allows the user to select one or more options from a set.
      *
@@ -5483,6 +5933,17 @@ Uses semantic HTML (`<nav>`) and proper navigation ARIA attributes.
      * - **base** - The main navigation menu container (nav element).
      */
          'dap-ds-navigation-menu': DefineCustomElement<DapDSNavigationMenu, DapDSNavigationMenuProps, DapDSNavigationMenuEvents>
+    /**
+     * A notification badge component is a user interface element that visually indicates the presence of new information or updates, often displaying a numeric count of unread notifications, messages, or items requiring attention.
+     *
+     * ### Slots:
+     * - **default** - The content of the notification badge.
+     *
+     * ### CSS Parts:
+     * - **base** - The main container of the notification badge.
+     * - **noty** - The notification badge container.
+     */
+         'dap-ds-notification-badge': DefineCustomElement<DapDSNotificationBadge, DapDSNotificationBadgeProps, {}>
     /**
      * A number input component.
      *
@@ -5553,17 +6014,6 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * - **label** - The label of the option group.
      */
          'dap-ds-option-group': DefineCustomElement<DapDSOptionGroup, DapDSOptionGroupProps, {}>
-    /**
-     * A notification badge component is a user interface element that visually indicates the presence of new information or updates, often displaying a numeric count of unread notifications, messages, or items requiring attention.
-     *
-     * ### Slots:
-     * - **default** - The content of the notification badge.
-     *
-     * ### CSS Parts:
-     * - **base** - The main container of the notification badge.
-     * - **noty** - The notification badge container.
-     */
-         'dap-ds-notification-badge': DefineCustomElement<DapDSNotificationBadge, DapDSNotificationBadgeProps, {}>
     /**
      * An option item is a selectable item in a list of options.
      *
@@ -6063,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.
      *
@@ -6116,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).
      *
@@ -6449,13 +6899,6 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * - **base** - The main icon container.
      */
          'dap-ds-icon-separator': DefineCustomElement<EditorSeparator, EditorSeparatorProps, {}>
-    /**
-     * An icon
-     *
-     * ### CSS Parts:
-     * - **base** - The main icon container.
-     */
-         'dap-ds-icon-heart-fill': DefineCustomElement<HealthHeartFill, HealthHeartFillProps, {}>
     /**
      * An icon
      *
@@ -6469,35 +6912,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-cookie-line': DefineCustomElement<OthersCookieLine, OthersCookieLineProps, {}>
-    /**
-     * 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, {}>
+         'dap-ds-icon-heart-fill': DefineCustomElement<HealthHeartFill, HealthHeartFillProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-user-line': DefineCustomElement<UserUserLine, UserUserLineProps, {}>
+         'dap-ds-icon-cookie-line': DefineCustomElement<OthersCookieLine, OthersCookieLineProps, {}>
     /**
      * An icon
      *
@@ -6518,21 +6940,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-alert-line': DefineCustomElement<SystemAlertLine, SystemAlertLineProps, {}>
+         'dap-ds-icon-check-line': DefineCustomElement<SystemCheckLine, SystemCheckLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-check-line': DefineCustomElement<SystemCheckLine, SystemCheckLineProps, {}>
+         'dap-ds-icon-check-line2': DefineCustomElement<SystemCheckLine2, SystemCheckLine2Props, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-check-line2': DefineCustomElement<SystemCheckLine2, SystemCheckLine2Props, {}>
+         'dap-ds-icon-alert-line': DefineCustomElement<SystemAlertLine, SystemAlertLineProps, {}>
     /**
      * An icon
      *
@@ -6834,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, {}>
   }
 }
 
@@ -6843,8 +7293,8 @@ declare global {
     interface IntrinsicElements {
       '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-accordion-group': DapDSAccordionGroupProps & DapDSAccordionGroupSlots
       'dap-ds-avatar-group': DapDSAvatarGroupProps & DapDSAvatarGroupEvents & DapDSAvatarGroupSlots
       'dap-ds-badge': DapDSBadgeProps & DapDSBadgeSlots
       'dap-ds-banner': DapDSBannerProps & DapDSBannerEvents & DapDSBannerSlots
@@ -6852,14 +7302,14 @@ declare global {
       'dap-ds-breadcrumb-item': DapDSBreadcrumbItemProps & DapDSBreadcrumbItemSlots
       'dap-ds-button': DapDSButtonProps & DapDSButtonEvents & DapDSButtonSlots
       'dap-ds-callout': DapDSCalloutProps & DapDSCalloutEvents & DapDSCalloutSlots
+      'dap-ds-calendar-cell': DapDSCalendarCellProps & DapDSCalendarCellSlots
+      'dap-ds-calendar': DapDSCalendarProps & DapDSCalendarEvents & DapDSCalendarSlots
       'dap-ds-card-actions': DapDSCardActionsProps & DapDSCardActionsSlots
       'dap-ds-card-content': DapDSCardContentProps & DapDSCardContentSlots
       'dap-ds-card-image': DapDSCardImageProps & DapDSCardImageSlots
       'dap-ds-card-subtitle': DapDSCardSubtitleProps & DapDSCardSubtitleSlots
       'dap-ds-card-title': DapDSCardTitleProps & DapDSCardTitleSlots
       'dap-ds-card': DapDSCardProps & DapDSCardSlots
-      'dap-ds-calendar-cell': DapDSCalendarCellProps & DapDSCalendarCellSlots
-      'dap-ds-calendar': DapDSCalendarProps & DapDSCalendarEvents & DapDSCalendarSlots
       'dap-ds-checkbox': DapDSCheckboxProps & DapDSCheckboxEvents
       'dap-ds-chip': DapDSChipProps & DapDSChipEvents
       'dap-ds-code-puncher-slot': DapDSCodePuncherSlotProps
@@ -6889,10 +7339,10 @@ declare global {
       'dap-ds-modal': DapDSModalProps & DapDSModalEvents & DapDSModalSlots
       'dap-ds-navigation-menu-item': DapDSNavigationMenuItemProps & DapDSNavigationMenuItemEvents & DapDSNavigationMenuItemSlots
       'dap-ds-navigation-menu': DapDSNavigationMenuProps & DapDSNavigationMenuEvents & DapDSNavigationMenuSlots
+      'dap-ds-notification-badge': DapDSNotificationBadgeProps & DapDSNotificationBadgeSlots
       'dap-ds-number-input': DapDSNumberInputProps & DapDSNumberInputEvents & DapDSNumberInputSlots
       'dap-ds-official-website-banner': DapDSOfficialWebsiteBannerProps & DapDSOfficialWebsiteBannerEvents & DapDSOfficialWebsiteBannerSlots
       'dap-ds-option-group': DapDSOptionGroupProps & DapDSOptionGroupSlots
-      'dap-ds-notification-badge': DapDSNotificationBadgeProps & DapDSNotificationBadgeSlots
       'dap-ds-option-item': DapDSOptionItemProps & DapDSOptionItemSlots
       'dap-ds-option-list': DapDSOptionListProps & DapDSOptionListEvents & DapDSOptionListSlots
       'dap-ds-overlay': DapDSOverlayProps & DapDSOverlayEvents & DapDSOverlaySlots
@@ -6925,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
@@ -6968,18 +7418,14 @@ declare global {
       'dap-ds-icon-folder-line': DocumentFolderLineProps
       'dap-ds-icon-folder-open-line': DocumentFolderOpenLineProps
       'dap-ds-icon-separator': EditorSeparatorProps
-      'dap-ds-icon-heart-fill': HealthHeartFillProps
       'dap-ds-icon-heart-line': HealthHeartLineProps
+      'dap-ds-icon-heart-fill': HealthHeartFillProps
       'dap-ds-icon-cookie-line': OthersCookieLineProps
-      'dap-ds-icon-account-circle-fill': UserAccountCircleFillProps
-      'dap-ds-icon-account-circle-line': UserAccountCircleLineProps
-      'dap-ds-icon-user-fill': UserUserFillProps
-      'dap-ds-icon-user-line': UserUserLineProps
       'dap-ds-icon-add-line': SystemAddLineProps
       'dap-ds-icon-alert-fill': SystemAlertFillProps
-      'dap-ds-icon-alert-line': SystemAlertLineProps
       'dap-ds-icon-check-line': SystemCheckLineProps
       'dap-ds-icon-check-line2': SystemCheckLine2Props
+      'dap-ds-icon-alert-line': SystemAlertLineProps
       '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
@@ -7023,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
     }
   }
 }