dap-design-system 0.62.1 → 0.62.2

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

@@ -396,6 +396,13 @@ export interface DapDSFileInputEvents {
   onDdsFilesAccepted?: (event: CustomEvent<{ files: File[] }>) => void
 }
 
+export interface DapDSImageZoomEvents {
+  /** Fires when the image is about to zoom. Cancelable via event.preventDefault(). */
+  onDdsZoom?: (event: CustomEvent<CustomEvent>) => void
+  /** Fires after the image has unzoomed. */
+  onDdsUnzoom?: (event: CustomEvent<CustomEvent>) => void
+}
+
 export interface DapDSInputEvents {
   /** Fired when the input value changes. */
   onDdsChange?: (event: CustomEvent<{ value: string }>) => void
@@ -409,13 +416,6 @@ export interface DapDSInputEvents {
   onDdsFocus?: (event: CustomEvent) => void
 }
 
-export interface DapDSImageZoomEvents {
-  /** Fires when the image is about to zoom. Cancelable via event.preventDefault(). */
-  onDdsZoom?: (event: CustomEvent<CustomEvent>) => void
-  /** Fires after the image has unzoomed. */
-  onDdsUnzoom?: (event: CustomEvent<CustomEvent>) => void
-}
-
 export interface DapDSLinkEvents {
   /** Emitted when the link is clicked. */
   onDdsClick?: (event: CustomEvent<{ event: Event }>) => void
@@ -657,6 +657,11 @@ export interface DapDSRadioGroupEvents {
   onDdsFocus?: (event: CustomEvent) => void
 }
 
+export interface DapDSAccordionGroupSlots {
+  /** The content of the accordion group. */
+  default?: () => any
+}
+
 export interface DapDSAccordionSlots {
   /** The content of the accordion. */
   default?: () => any
@@ -687,13 +692,6 @@ export interface DapDSBadgeSlots {
   'icon'?: () => any
 }
 
-export interface DapDSBreadcrumbSlots {
-  /** The content of the breadcrumb. */
-  default?: () => any
-  /** The separator between breadcrumb items. Default is '/'. */
-  'separator'?: () => any
-}
-
 export interface DapDSBannerSlots {
   /** The content of the banner. */
   default?: () => any
@@ -703,9 +701,11 @@ export interface DapDSBannerSlots {
   'icon'?: () => any
 }
 
-export interface DapDSAccordionGroupSlots {
-  /** The content of the accordion group. */
+export interface DapDSBreadcrumbSlots {
+  /** The content of the breadcrumb. */
   default?: () => any
+  /** The separator between breadcrumb items. Default is '/'. */
+  'separator'?: () => any
 }
 
 export interface DapDSBreadcrumbItemSlots {
@@ -856,6 +856,11 @@ export interface DapDSIconButtonSlots {
   default?: () => any
 }
 
+export interface DapDSImageZoomSlots {
+  /** The image or content element to zoom. Should contain an <img> element. */
+  default?: () => any
+}
+
 export interface DapDSInputSlots {
   /** The postfix of the input. */
   'postfix'?: () => any
@@ -869,11 +874,6 @@ export interface DapDSInputSlots {
   'feedback-icon'?: () => any
 }
 
-export interface DapDSImageZoomSlots {
-  /** The image or content element to zoom. Should contain an <img> element. */
-  default?: () => any
-}
-
 export interface DapDSLinkSlots {
   /** The text of the link. */
   default?: () => any
@@ -881,17 +881,6 @@ export interface DapDSLinkSlots {
   'link'?: () => any
 }
 
-export interface DapDSModalSlots {
-  /** The content of the modal. */
-  default?: () => any
-  /** The title of the modal. */
-  'title'?: () => any
-  /** The description of the modal. */
-  'description'?: () => any
-  /** The footer of the modal. */
-  'footer'?: () => any
-}
-
 export interface DapDSListItemSlots {
   /** The content of the list item. */
   default?: () => any
@@ -903,6 +892,17 @@ export interface DapDSListItemSlots {
   'actions'?: () => any
 }
 
+export interface DapDSModalSlots {
+  /** The content of the modal. */
+  default?: () => any
+  /** The title of the modal. */
+  'title'?: () => any
+  /** The description of the modal. */
+  'description'?: () => any
+  /** The footer of the modal. */
+  'footer'?: () => any
+}
+
 export interface DapDSNavigationMenuItemSlots {
   /** The trigger element (link, button, etc.) for this navigation item. */
   'trigger'?: () => any
@@ -1090,6 +1090,13 @@ export interface DapDSToggleButtonSlots {
   default?: () => any
 }
 
+export interface DapDSTooltipSlots {
+  /** The content of the tooltip. */
+  default?: () => any
+  /** The trigger element of the tooltip. */
+  'trigger'?: () => any
+}
+
 export interface DapDSTraySlots {
   /** The content of the tray. */
   default?: () => any
@@ -1099,13 +1106,6 @@ export interface DapDSTraySlots {
   'footer'?: () => any
 }
 
-export interface DapDSTooltipSlots {
-  /** The content of the tooltip. */
-  default?: () => any
-  /** The trigger element of the tooltip. */
-  'trigger'?: () => any
-}
-
 export interface DapDSTypographySlots {
   /** The content of the typography. */
   default?: () => any
@@ -1125,6 +1125,15 @@ export interface DapDSRadioGroupSlots {
   'feedback-icon'?: () => any
 }
 
+export type DapDSAccordionGroupProps = {
+  /** Whether to close other accordions when one is opened. */
+  autoClose?: DapDSAccordionGroup["autoClose"]
+  /** The variant of the accordion */
+  variant?: DapDSAccordionGroup["variant"]
+  /**  */
+  tagName?: DapDSAccordionGroup["tagName"]
+}
+
 export type DapDSAccordionProps = {
   /**  */
   tagName?: DapDSAccordion["tagName"]
@@ -1221,15 +1230,19 @@ export type DapDSBadgeProps = {
   sizeMap?: DapDSBadge["sizeMap"]
 }
 
-export type DapDSBreadcrumbProps = {
+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"]
   /**  */
-  variant?: DapDSBreadcrumb["variant"]
-  /** Mobile version of the breadcrumb */
-  mobile?: DapDSBreadcrumb["mobile"]
-  /** The aria-labelledby of the breadcrumb */
-  "aria-labelledby"?: DapDSBreadcrumb["ariaLabelledBy"]
+  tagName?: DapDSAnchorHeading["tagName"]
   /**  */
-  tagName?: DapDSBreadcrumb["tagName"]
+  dependencies?: DapDSAnchorHeading["dependencies"]
+  /**  */
+  elementId?: DapDSAnchorHeading["elementId"]
+  /**  */
+  anchorTitle?: DapDSAnchorHeading["anchorTitle"]
 }
 
 export type DapDSBannerProps = {
@@ -1251,28 +1264,15 @@ export type DapDSBannerProps = {
   dependencies?: DapDSBanner["dependencies"]
 }
 
-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"]
+export type DapDSBreadcrumbProps = {
   /**  */
-  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"]
+  variant?: DapDSBreadcrumb["variant"]
+  /** Mobile version of the breadcrumb */
+  mobile?: DapDSBreadcrumb["mobile"]
+  /** The aria-labelledby of the breadcrumb */
+  "aria-labelledby"?: DapDSBreadcrumb["ariaLabelledBy"]
   /**  */
-  tagName?: DapDSAccordionGroup["tagName"]
+  tagName?: DapDSBreadcrumb["tagName"]
 }
 
 export type DapDSBreadcrumbItemProps = {
@@ -2340,6 +2340,37 @@ export type DapDSIconButtonProps = {
   ariaLabel?: DapDSIconButton["ariaLabel"]
 }
 
+export type DapDSImageZoomProps = {
+  /** The open/zoomed state. Can be used for controlled mode. */
+  open?: DapDSImageZoom["open"]
+  /** Disables zoom functionality. */
+  isDisabled?: DapDSImageZoom["isDisabled"]
+  /** Margin in pixels from viewport edges when zoomed. Default is 0. */
+  zoomMargin?: DapDSImageZoom["zoomMargin"]
+  /** Accessible label for the zoom trigger. Default is 'Expand image'. */
+  expandButtonAriaLabel?: DapDSImageZoom["expandButtonAriaLabel"]
+  /** Accessible label for the unzoom button. Default is 'Minimize image'. */
+  unzoomButtonAriaLabel?: DapDSImageZoom["unzoomButtonAriaLabel"]
+  /** Enables swipe gesture to close when zoomed. Default is true. */
+  canSwipeToUnzoom?: DapDSImageZoom["canSwipeToUnzoom"]
+  /** Swipe distance in pixels required to trigger unzoom. Default is 10. */
+  swipeToUnzoomThreshold?: DapDSImageZoom["swipeToUnzoomThreshold"]
+  /** URL of a higher quality image to display when zoomed. Falls back to the slotted image src. */
+  zoomSrc?: DapDSImageZoom["zoomSrc"]
+  /** Hides the expand and unzoom buttons. Default is false. */
+  hideButtons?: DapDSImageZoom["hideButtons"]
+  /**  */
+  zoomButtonVariant?: DapDSImageZoom["zoomButtonVariant"]
+  /** `data-testid` for the expand/zoom button. */
+  expandButtonTestId?: DapDSImageZoom["expandButtonTestId"]
+  /** `data-testid` for the unzoom/close button. */
+  unzoomButtonTestId?: DapDSImageZoom["unzoomButtonTestId"]
+  /**  */
+  tagName?: DapDSImageZoom["tagName"]
+  /**  */
+  dependencies?: DapDSImageZoom["dependencies"]
+}
+
 export type DapDSInputProps = {
   /**  */
   tagName?: DapDSInput["tagName"]
@@ -2367,6 +2398,8 @@ export type DapDSInputProps = {
   tooltipPlacement?: DapDSInput["tooltipPlacement"]
   /** The aria label of the tooltip. */
   tooltipAriaLabel?: DapDSInput["tooltipAriaLabel"]
+  /** How the tooltip opens: `click` (click/Enter, default) or `hover` (hover and keyboard focus). */
+  tooltipTrigger?: DapDSInput["tooltipTrigger"]
   /** The feedback of the input. */
   feedback?: DapDSInput["feedback"]
   /** The feedback type of the input. Can be `negative`, `positive`, or `warning`. */
@@ -2407,37 +2440,6 @@ export type DapDSInputProps = {
   pattern?: DapDSInput["pattern"]
 }
 
-export type DapDSImageZoomProps = {
-  /** The open/zoomed state. Can be used for controlled mode. */
-  open?: DapDSImageZoom["open"]
-  /** Disables zoom functionality. */
-  isDisabled?: DapDSImageZoom["isDisabled"]
-  /** Margin in pixels from viewport edges when zoomed. Default is 0. */
-  zoomMargin?: DapDSImageZoom["zoomMargin"]
-  /** Accessible label for the zoom trigger. Default is 'Expand image'. */
-  expandButtonAriaLabel?: DapDSImageZoom["expandButtonAriaLabel"]
-  /** Accessible label for the unzoom button. Default is 'Minimize image'. */
-  unzoomButtonAriaLabel?: DapDSImageZoom["unzoomButtonAriaLabel"]
-  /** Enables swipe gesture to close when zoomed. Default is true. */
-  canSwipeToUnzoom?: DapDSImageZoom["canSwipeToUnzoom"]
-  /** Swipe distance in pixels required to trigger unzoom. Default is 10. */
-  swipeToUnzoomThreshold?: DapDSImageZoom["swipeToUnzoomThreshold"]
-  /** URL of a higher quality image to display when zoomed. Falls back to the slotted image src. */
-  zoomSrc?: DapDSImageZoom["zoomSrc"]
-  /** Hides the expand and unzoom buttons. Default is false. */
-  hideButtons?: DapDSImageZoom["hideButtons"]
-  /**  */
-  zoomButtonVariant?: DapDSImageZoom["zoomButtonVariant"]
-  /** `data-testid` for the expand/zoom button. */
-  expandButtonTestId?: DapDSImageZoom["expandButtonTestId"]
-  /** `data-testid` for the unzoom/close button. */
-  unzoomButtonTestId?: DapDSImageZoom["unzoomButtonTestId"]
-  /**  */
-  tagName?: DapDSImageZoom["tagName"]
-  /**  */
-  dependencies?: DapDSImageZoom["dependencies"]
-}
-
 export type DapDSLabelProps = {
   /**  */
   tagName?: DapDSLabel["tagName"]
@@ -2490,6 +2492,41 @@ export type DapDSLinkProps = {
   tagName?: DapDSLink["tagName"]
 }
 
+export type DapDSListItemProps = {
+  /** The variant of the list item. */
+  variant?: DapDSListItem["variant"]
+  /** The background strongness of the list item. */
+  shade?: DapDSListItem["shade"]
+  /** The status of the list item. */
+  status?: DapDSListItem["status"]
+  /** The alignment of the list item. */
+  alignment?: DapDSListItem["alignment"]
+  /** The title of the list item. */
+  title?: DapDSListItem["title"]
+  /** The icon of the list item. This is an icon name from the built in icons. */
+  icon?: DapDSListItem["icon"]
+  /** The number of the list item. Only used when variant is 'number'. */
+  number?: DapDSListItem["number"]
+  /** Whether the list item is interactive. Generates an anchor tag. */
+  interactive?: DapDSListItem["interactive"]
+  /** The link target of the list item when interactive. */
+  target?: DapDSListItem["target"]
+  /** The href of the list item when interactive */
+  href?: DapDSListItem["href"]
+  /** The rel of the list item when interactive */
+  rel?: DapDSListItem["rel"]
+  /** Whether the list item has an icon. */
+  noIcon?: DapDSListItem["noIcon"]
+  /** Whether the list item has no padding. */
+  noPadding?: DapDSListItem["noPadding"]
+  /** The render as type of the list item, only applicable when interactive. */
+  renderAs?: DapDSListItem["renderAs"]
+  /**  */
+  tagName?: DapDSListItem["tagName"]
+  /**  */
+  dependencies?: DapDSListItem["dependencies"]
+}
+
 export type DapDSModalProps = {
   /**  */
   tagName?: DapDSModal["tagName"]
@@ -2557,41 +2594,6 @@ export type DapDSModalProps = {
   useNativeFocus?: DapDSModal["useNativeFocus"]
 }
 
-export type DapDSListItemProps = {
-  /** The variant of the list item. */
-  variant?: DapDSListItem["variant"]
-  /** The background strongness of the list item. */
-  shade?: DapDSListItem["shade"]
-  /** The status of the list item. */
-  status?: DapDSListItem["status"]
-  /** The alignment of the list item. */
-  alignment?: DapDSListItem["alignment"]
-  /** The title of the list item. */
-  title?: DapDSListItem["title"]
-  /** The icon of the list item. This is an icon name from the built in icons. */
-  icon?: DapDSListItem["icon"]
-  /** The number of the list item. Only used when variant is 'number'. */
-  number?: DapDSListItem["number"]
-  /** Whether the list item is interactive. Generates an anchor tag. */
-  interactive?: DapDSListItem["interactive"]
-  /** The link target of the list item when interactive. */
-  target?: DapDSListItem["target"]
-  /** The href of the list item when interactive */
-  href?: DapDSListItem["href"]
-  /** The rel of the list item when interactive */
-  rel?: DapDSListItem["rel"]
-  /** Whether the list item has an icon. */
-  noIcon?: DapDSListItem["noIcon"]
-  /** Whether the list item has no padding. */
-  noPadding?: DapDSListItem["noPadding"]
-  /** The render as type of the list item, only applicable when interactive. */
-  renderAs?: DapDSListItem["renderAs"]
-  /**  */
-  tagName?: DapDSListItem["tagName"]
-  /**  */
-  dependencies?: DapDSListItem["dependencies"]
-}
-
 export type DapDSNavigationMenuItemProps = {
   /** The disabled state of the popup. Default is false. */
   disabled?: DapDSNavigationMenuItem["disabled"]
@@ -3541,7 +3543,8 @@ export type DapDSTableRowProps = {
 }
 
 export type DapDSTableProps = {
-  /**  */
+  /** The html role of the table. A static data table is a `table`; `grid` is
+only right for an interactive widget with keyboard-navigable cells. */
   role?: DapDSTable["role"]
   /** If the table has mobile design */
   mobile?: DapDSTable["mobile"]
@@ -3804,6 +3807,29 @@ export type DapDSToggleButtonProps = {
   sizeMap?: DapDSToggleButton["sizeMap"]
 }
 
+export type DapDSTooltipProps = {
+  /** The content of the tooltip, supporting text only. */
+  content?: DapDSTooltip["content"]
+  /** The position of the tooltip around the trigger element. */
+  placement?: DapDSTooltip["placement"]
+  /** Sets the tooltip to opened by default (will still be closed on closing events). */
+  opened?: DapDSTooltip["opened"]
+  /** Sets the tooltip to toggle mode. */
+  mode?: DapDSTooltip["mode"]
+  /** Hides the arrow of the tooltip. */
+  noArrow?: DapDSTooltip["noArrow"]
+  /** The floating strategy of the tooltip. Default is `absolute`. Can be `absolute` or `fixed`. */
+  floatingStrategy?: DapDSTooltip["floatingStrategy"]
+  /** Whether to keep popup open when trigger leaves viewport. */
+  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"]
@@ -3835,29 +3861,6 @@ export type DapDSTrayProps = {
   size?: DapDSTray["size"]
 }
 
-export type DapDSTooltipProps = {
-  /** The content of the tooltip, supporting text only. */
-  content?: DapDSTooltip["content"]
-  /** The position of the tooltip around the trigger element. */
-  placement?: DapDSTooltip["placement"]
-  /** Sets the tooltip to opened by default (will still be closed on closing events). */
-  opened?: DapDSTooltip["opened"]
-  /** Sets the tooltip to toggle mode. */
-  mode?: DapDSTooltip["mode"]
-  /** Hides the arrow of the tooltip. */
-  noArrow?: DapDSTooltip["noArrow"]
-  /** The floating strategy of the tooltip. Default is `absolute`. Can be `absolute` or `fixed`. */
-  floatingStrategy?: DapDSTooltip["floatingStrategy"]
-  /** Whether to keep popup open when trigger leaves viewport. */
-  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 DapDSTypographyProps = {
   /** The variant of the typography. */
   variant?: DapDSTypography["variant"]
@@ -3875,6 +3878,31 @@ export type DapDSTypographyProps = {
   tagName?: DapDSTypography["tagName"]
 }
 
+export type DapDSFormLabelProps = {
+  /** The id of the form element that the label is associated with. */
+  for?: DapDSFormLabel["for"]
+  /** Whether the label should be rendered as text or a <label> tag. Default is label. */
+  renderAs?: DapDSFormLabel["renderAs"]
+  /** Whether the label should have no margin. */
+  noMargin?: DapDSFormLabel["noMargin"]
+  /**  */
+  tagName?: DapDSFormLabel["tagName"]
+  /** Label of optional text */
+  optionalLabel?: DapDSFormLabel["optionalLabel"]
+  /** Text weight of the label. */
+  subtle?: DapDSFormLabel["subtle"]
+  /** If the label is optional. */
+  optional?: DapDSFormLabel["optional"]
+  /** If the label is required. */
+  required?: DapDSFormLabel["required"]
+  /** Indicator of required text. (default: '*') */
+  requiredLabel?: DapDSFormLabel["requiredLabel"]
+  /** The label text. */
+  label?: DapDSFormLabel["label"]
+  /** Visually hides the label while keeping it available to assistive technology. (default: false) */
+  hideLabel?: DapDSFormLabel["hideLabel"]
+}
+
 export type DapDSInputGroupProps = {
   /**  */
   tagName?: DapDSInputGroup["tagName"]
@@ -3914,31 +3942,6 @@ export type DapDSInputGroupProps = {
   subtle?: DapDSInputGroup["subtle"]
 }
 
-export type DapDSFormLabelProps = {
-  /** The id of the form element that the label is associated with. */
-  for?: DapDSFormLabel["for"]
-  /** Whether the label should be rendered as text or a <label> tag. Default is label. */
-  renderAs?: DapDSFormLabel["renderAs"]
-  /** Whether the label should have no margin. */
-  noMargin?: DapDSFormLabel["noMargin"]
-  /**  */
-  tagName?: DapDSFormLabel["tagName"]
-  /** Label of optional text */
-  optionalLabel?: DapDSFormLabel["optionalLabel"]
-  /** Text weight of the label. */
-  subtle?: DapDSFormLabel["subtle"]
-  /** If the label is optional. */
-  optional?: DapDSFormLabel["optional"]
-  /** If the label is required. */
-  required?: DapDSFormLabel["required"]
-  /** Indicator of required text. (default: '*') */
-  requiredLabel?: DapDSFormLabel["requiredLabel"]
-  /** The label text. */
-  label?: DapDSFormLabel["label"]
-  /** Visually hides the label while keeping it available to assistive technology. (default: false) */
-  hideLabel?: DapDSFormLabel["hideLabel"]
-}
-
 export type DapDSRadioGroupProps = {
   /** The tooltip placement of the radio group. */
   tooltipPlacement?: DapDSRadioGroup["tooltipPlacement"]
@@ -4049,19 +4052,6 @@ export type ArrowsArrowLeftLLineProps = {
   tagName?: ArrowsArrowLeftLLine["tagName"]
 }
 
-export type ArrowsArrowLeftLineProps = {
-  /** (optional) The width and height in pixels */
-  size?: ArrowsArrowLeftLine["size"]
-  /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: ArrowsArrowLeftLine["selected"]
-  /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: ArrowsArrowLeftLine["accessibilityTitle"]
-  /** (optional) If `true` the icon can receive focus */
-  focusable?: ArrowsArrowLeftLine["focusable"]
-  /**  */
-  tagName?: ArrowsArrowLeftLine["tagName"]
-}
-
 export type ArrowsArrowLeftSFillProps = {
   /** (optional) The width and height in pixels */
   size?: ArrowsArrowLeftSFill["size"]
@@ -4075,17 +4065,17 @@ export type ArrowsArrowLeftSFillProps = {
   tagName?: ArrowsArrowLeftSFill["tagName"]
 }
 
-export type ArrowsArrowLeftUpLineProps = {
+export type ArrowsArrowLeftLineProps = {
   /** (optional) The width and height in pixels */
-  size?: ArrowsArrowLeftUpLine["size"]
+  size?: ArrowsArrowLeftLine["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: ArrowsArrowLeftUpLine["selected"]
+  selected?: ArrowsArrowLeftLine["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: ArrowsArrowLeftUpLine["accessibilityTitle"]
+  accessibilityTitle?: ArrowsArrowLeftLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: ArrowsArrowLeftUpLine["focusable"]
+  focusable?: ArrowsArrowLeftLine["focusable"]
   /**  */
-  tagName?: ArrowsArrowLeftUpLine["tagName"]
+  tagName?: ArrowsArrowLeftLine["tagName"]
 }
 
 export type ArrowsArrowLeftSLineProps = {
@@ -4101,6 +4091,19 @@ export type ArrowsArrowLeftSLineProps = {
   tagName?: ArrowsArrowLeftSLine["tagName"]
 }
 
+export type ArrowsArrowLeftUpLineProps = {
+  /** (optional) The width and height in pixels */
+  size?: ArrowsArrowLeftUpLine["size"]
+  /** (optional) Sets the icon color via the `fill` attribute */
+  selected?: ArrowsArrowLeftUpLine["selected"]
+  /** (optional) When using the icon standalone, make it meaningful for accessibility */
+  accessibilityTitle?: ArrowsArrowLeftUpLine["accessibilityTitle"]
+  /** (optional) If `true` the icon can receive focus */
+  focusable?: ArrowsArrowLeftUpLine["focusable"]
+  /**  */
+  tagName?: ArrowsArrowLeftUpLine["tagName"]
+}
+
 export type ArrowsArrowRightDownLineProps = {
   /** (optional) The width and height in pixels */
   size?: ArrowsArrowRightDownLine["size"]
@@ -4283,30 +4286,30 @@ export type DesignToolsLineProps = {
   tagName?: DesignToolsLine["tagName"]
 }
 
-export type DocumentClipboardLineProps = {
+export type DeviceComputerLineProps = {
   /** (optional) The width and height in pixels */
-  size?: DocumentClipboardLine["size"]
+  size?: DeviceComputerLine["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: DocumentClipboardLine["selected"]
+  selected?: DeviceComputerLine["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: DocumentClipboardLine["accessibilityTitle"]
+  accessibilityTitle?: DeviceComputerLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: DocumentClipboardLine["focusable"]
+  focusable?: DeviceComputerLine["focusable"]
   /**  */
-  tagName?: DocumentClipboardLine["tagName"]
+  tagName?: DeviceComputerLine["tagName"]
 }
 
-export type DocumentFileImageLineProps = {
+export type DocumentClipboardLineProps = {
   /** (optional) The width and height in pixels */
-  size?: DocumentFileImageLine["size"]
+  size?: DocumentClipboardLine["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: DocumentFileImageLine["selected"]
+  selected?: DocumentClipboardLine["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: DocumentFileImageLine["accessibilityTitle"]
+  accessibilityTitle?: DocumentClipboardLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: DocumentFileImageLine["focusable"]
+  focusable?: DocumentClipboardLine["focusable"]
   /**  */
-  tagName?: DocumentFileImageLine["tagName"]
+  tagName?: DocumentClipboardLine["tagName"]
 }
 
 export type DocumentFileCopyLineProps = {
@@ -4322,6 +4325,19 @@ export type DocumentFileCopyLineProps = {
   tagName?: DocumentFileCopyLine["tagName"]
 }
 
+export type DocumentFileImageLineProps = {
+  /** (optional) The width and height in pixels */
+  size?: DocumentFileImageLine["size"]
+  /** (optional) Sets the icon color via the `fill` attribute */
+  selected?: DocumentFileImageLine["selected"]
+  /** (optional) When using the icon standalone, make it meaningful for accessibility */
+  accessibilityTitle?: DocumentFileImageLine["accessibilityTitle"]
+  /** (optional) If `true` the icon can receive focus */
+  focusable?: DocumentFileImageLine["focusable"]
+  /**  */
+  tagName?: DocumentFileImageLine["tagName"]
+}
+
 export type DocumentFileMusicLineProps = {
   /** (optional) The width and height in pixels */
   size?: DocumentFileMusicLine["size"]
@@ -4387,19 +4403,6 @@ export type DocumentFolderOpenLineProps = {
   tagName?: DocumentFolderOpenLine["tagName"]
 }
 
-export type DeviceComputerLineProps = {
-  /** (optional) The width and height in pixels */
-  size?: DeviceComputerLine["size"]
-  /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: DeviceComputerLine["selected"]
-  /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: DeviceComputerLine["accessibilityTitle"]
-  /** (optional) If `true` the icon can receive focus */
-  focusable?: DeviceComputerLine["focusable"]
-  /**  */
-  tagName?: DeviceComputerLine["tagName"]
-}
-
 export type EditorSeparatorProps = {
   /** (optional) The width and height in pixels */
   size?: EditorSeparator["size"]
@@ -4647,30 +4650,30 @@ export type SystemDeleteBinFillProps = {
   tagName?: SystemDeleteBinFill["tagName"]
 }
 
-export type SystemDownloadLineProps = {
+export type SystemDeleteBinLineProps = {
   /** (optional) The width and height in pixels */
-  size?: SystemDownloadLine["size"]
+  size?: SystemDeleteBinLine["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemDownloadLine["selected"]
+  selected?: SystemDeleteBinLine["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemDownloadLine["accessibilityTitle"]
+  accessibilityTitle?: SystemDeleteBinLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemDownloadLine["focusable"]
+  focusable?: SystemDeleteBinLine["focusable"]
   /**  */
-  tagName?: SystemDownloadLine["tagName"]
+  tagName?: SystemDeleteBinLine["tagName"]
 }
 
-export type SystemDeleteBinLineProps = {
+export type SystemDownloadLineProps = {
   /** (optional) The width and height in pixels */
-  size?: SystemDeleteBinLine["size"]
+  size?: SystemDownloadLine["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemDeleteBinLine["selected"]
+  selected?: SystemDownloadLine["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemDeleteBinLine["accessibilityTitle"]
+  accessibilityTitle?: SystemDownloadLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemDeleteBinLine["focusable"]
+  focusable?: SystemDownloadLine["focusable"]
   /**  */
-  tagName?: SystemDeleteBinLine["tagName"]
+  tagName?: SystemDownloadLine["tagName"]
 }
 
 export type SystemErrorWarningFillProps = {
@@ -4777,56 +4780,56 @@ export type SystemInformationFillProps = {
   tagName?: SystemInformationFill["tagName"]
 }
 
-export type SystemLightbulbFillProps = {
+export type SystemInformationLineProps = {
   /** (optional) The width and height in pixels */
-  size?: SystemLightbulbFill["size"]
+  size?: SystemInformationLine["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemLightbulbFill["selected"]
+  selected?: SystemInformationLine["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemLightbulbFill["accessibilityTitle"]
+  accessibilityTitle?: SystemInformationLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemLightbulbFill["focusable"]
+  focusable?: SystemInformationLine["focusable"]
   /**  */
-  tagName?: SystemLightbulbFill["tagName"]
+  tagName?: SystemInformationLine["tagName"]
 }
 
-export type SystemLockFillProps = {
+export type SystemLightbulbFillProps = {
   /** (optional) The width and height in pixels */
-  size?: SystemLockFill["size"]
+  size?: SystemLightbulbFill["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemLockFill["selected"]
+  selected?: SystemLightbulbFill["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemLockFill["accessibilityTitle"]
+  accessibilityTitle?: SystemLightbulbFill["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemLockFill["focusable"]
+  focusable?: SystemLightbulbFill["focusable"]
   /**  */
-  tagName?: SystemLockFill["tagName"]
+  tagName?: SystemLightbulbFill["tagName"]
 }
 
-export type SystemInformationLineProps = {
+export type SystemLoadingSpinnerProps = {
   /** (optional) The width and height in pixels */
-  size?: SystemInformationLine["size"]
+  size?: SystemLoadingSpinner["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemInformationLine["selected"]
+  selected?: SystemLoadingSpinner["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemInformationLine["accessibilityTitle"]
+  accessibilityTitle?: SystemLoadingSpinner["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemInformationLine["focusable"]
+  focusable?: SystemLoadingSpinner["focusable"]
   /**  */
-  tagName?: SystemInformationLine["tagName"]
+  tagName?: SystemLoadingSpinner["tagName"]
 }
 
-export type SystemLoadingSpinnerProps = {
+export type SystemLockFillProps = {
   /** (optional) The width and height in pixels */
-  size?: SystemLoadingSpinner["size"]
+  size?: SystemLockFill["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemLoadingSpinner["selected"]
+  selected?: SystemLockFill["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemLoadingSpinner["accessibilityTitle"]
+  accessibilityTitle?: SystemLockFill["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemLoadingSpinner["focusable"]
+  focusable?: SystemLockFill["focusable"]
   /**  */
-  tagName?: SystemLoadingSpinner["tagName"]
+  tagName?: SystemLockFill["tagName"]
 }
 
 export type SystemLockLineProps = {
@@ -4868,17 +4871,17 @@ export type SystemMenuLineSProps = {
   tagName?: SystemMenuLineS["tagName"]
 }
 
-export type SystemSearchLineProps = {
+export type SystemMore2LineProps = {
   /** (optional) The width and height in pixels */
-  size?: SystemSearchLine["size"]
+  size?: SystemMore2Line["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemSearchLine["selected"]
+  selected?: SystemMore2Line["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemSearchLine["accessibilityTitle"]
+  accessibilityTitle?: SystemMore2Line["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemSearchLine["focusable"]
+  focusable?: SystemMore2Line["focusable"]
   /**  */
-  tagName?: SystemSearchLine["tagName"]
+  tagName?: SystemMore2Line["tagName"]
 }
 
 export type SystemMoreLineProps = {
@@ -4894,17 +4897,17 @@ export type SystemMoreLineProps = {
   tagName?: SystemMoreLine["tagName"]
 }
 
-export type SystemMore2LineProps = {
+export type SystemSearchLineProps = {
   /** (optional) The width and height in pixels */
-  size?: SystemMore2Line["size"]
+  size?: SystemSearchLine["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemMore2Line["selected"]
+  selected?: SystemSearchLine["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemMore2Line["accessibilityTitle"]
+  accessibilityTitle?: SystemSearchLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemMore2Line["focusable"]
+  focusable?: SystemSearchLine["focusable"]
   /**  */
-  tagName?: SystemMore2Line["tagName"]
+  tagName?: SystemSearchLine["tagName"]
 }
 
 export type SystemShareLineProps = {
@@ -4946,56 +4949,56 @@ export type SystemShieldCheckLineProps = {
   tagName?: SystemShieldCheckLine["tagName"]
 }
 
-export type SystemSubtractLine2Props = {
+export type SystemStarFillProps = {
   /** (optional) The width and height in pixels */
-  size?: SystemSubtractLine2["size"]
+  size?: SystemStarFill["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemSubtractLine2["selected"]
+  selected?: SystemStarFill["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemSubtractLine2["accessibilityTitle"]
+  accessibilityTitle?: SystemStarFill["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemSubtractLine2["focusable"]
+  focusable?: SystemStarFill["focusable"]
   /**  */
-  tagName?: SystemSubtractLine2["tagName"]
+  tagName?: SystemStarFill["tagName"]
 }
 
-export type SystemTimeFillProps = {
+export type SystemSubtractLineProps = {
   /** (optional) The width and height in pixels */
-  size?: SystemTimeFill["size"]
+  size?: SystemSubtractLine["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemTimeFill["selected"]
+  selected?: SystemSubtractLine["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemTimeFill["accessibilityTitle"]
+  accessibilityTitle?: SystemSubtractLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemTimeFill["focusable"]
+  focusable?: SystemSubtractLine["focusable"]
   /**  */
-  tagName?: SystemTimeFill["tagName"]
+  tagName?: SystemSubtractLine["tagName"]
 }
 
-export type SystemSubtractLineProps = {
+export type SystemSubtractLine2Props = {
   /** (optional) The width and height in pixels */
-  size?: SystemSubtractLine["size"]
+  size?: SystemSubtractLine2["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemSubtractLine["selected"]
+  selected?: SystemSubtractLine2["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemSubtractLine["accessibilityTitle"]
+  accessibilityTitle?: SystemSubtractLine2["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemSubtractLine["focusable"]
+  focusable?: SystemSubtractLine2["focusable"]
   /**  */
-  tagName?: SystemSubtractLine["tagName"]
+  tagName?: SystemSubtractLine2["tagName"]
 }
 
-export type SystemStarFillProps = {
+export type SystemTimeFillProps = {
   /** (optional) The width and height in pixels */
-  size?: SystemStarFill["size"]
+  size?: SystemTimeFill["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemStarFill["selected"]
+  selected?: SystemTimeFill["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemStarFill["accessibilityTitle"]
+  accessibilityTitle?: SystemTimeFill["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemStarFill["focusable"]
+  focusable?: SystemTimeFill["focusable"]
   /**  */
-  tagName?: SystemStarFill["tagName"]
+  tagName?: SystemTimeFill["tagName"]
 }
 
 export type SystemTimeLineProps = {
@@ -5131,6 +5134,16 @@ export type UserUserLineProps = {
 // Augment Vue's GlobalComponents interface
 declare module 'vue' {
   interface GlobalComponents {
+    /**
+     * An accordion group is a collection of accordion components.
+     *
+     * ### Slots:
+     * - **default** - The content of the accordion group.
+     *
+     * ### CSS Parts:
+     * - **base** - The main accordion group container.
+     */
+         'dap-ds-accordion-group': DefineCustomElement<DapDSAccordionGroup, DapDSAccordionGroupProps, {}>
     /**
      * An accordion is a vertically stacked list of interactive items that can be expanded or collapsed to reveal or hide content.
      *
@@ -5206,18 +5219,16 @@ declare module 'vue' {
      * - **icon-base** - The base of the icon.
      */
          'dap-ds-badge': DefineCustomElement<DapDSBadge, DapDSBadgeProps, {}>
-    /**
-     * A breadcrumb is a secondary navigation scheme that reveals the user's location in a website or Web application.
-     *
-     * ### Slots:
-     * - **default** - The content of the breadcrumb.
-     * - **separator** - The separator between breadcrumb items. Default is '/'.
+    /**
+     * Anchor heading is a heading with an anchor link.
      *
      * ### CSS Parts:
-     * - **base** - The main breadcrumb container.
-     * - **separator** - The separator of the breadcrumb.
+     * - **base** - The main anchor heading container.
+     * - **link** - The link of the anchor heading. dap-ds-link element.
+     * - **link-base** - The base of the link part.
+     * - **text** - The text of the anchor heading.
      */
-         'dap-ds-breadcrumb': DefineCustomElement<DapDSBreadcrumb, DapDSBreadcrumbProps, {}>
+         'dap-ds-anchor-heading': DefineCustomElement<DapDSAnchorHeading, DapDSAnchorHeadingProps, {}>
     /**
      * A banner is a message displayed at the top of the page to provide important information to the user.
      *
@@ -5243,25 +5254,17 @@ declare module 'vue' {
      */
          'dap-ds-banner': DefineCustomElement<DapDSBanner, DapDSBannerProps, DapDSBannerEvents>
     /**
-     * Anchor heading is a heading with an anchor link.
-     *
-     * ### CSS Parts:
-     * - **base** - The main anchor heading container.
-     * - **link** - The link of the anchor heading. dap-ds-link element.
-     * - **link-base** - The base of the link part.
-     * - **text** - The text of the anchor heading.
-     */
-         'dap-ds-anchor-heading': DefineCustomElement<DapDSAnchorHeading, DapDSAnchorHeadingProps, {}>
-    /**
-     * An accordion group is a collection of accordion components.
+     * A breadcrumb is a secondary navigation scheme that reveals the user's location in a website or Web application.
      *
      * ### Slots:
-     * - **default** - The content of the accordion group.
+     * - **default** - The content of the breadcrumb.
+     * - **separator** - The separator between breadcrumb items. Default is '/'.
      *
      * ### CSS Parts:
-     * - **base** - The main accordion group container.
+     * - **base** - The main breadcrumb container.
+     * - **separator** - The separator of the breadcrumb.
      */
-         'dap-ds-accordion-group': DefineCustomElement<DapDSAccordionGroup, DapDSAccordionGroupProps, {}>
+         'dap-ds-breadcrumb': DefineCustomElement<DapDSBreadcrumb, DapDSBreadcrumbProps, {}>
     /**
      * A breadcrumb item is a secondary navigation scheme that reveals the user's location in a website or Web application.
      *
@@ -5771,6 +5774,31 @@ declare module 'vue' {
      * - **icon-base** - The base of the icon.
      */
          'dap-ds-icon-button': DefineCustomElement<DapDSIconButton, DapDSIconButtonProps, {}>
+    /**
+     * An image zoom component that provides a Medium.com-style zoom experience. Click an image to expand it to fill the viewport with a smooth animation.
+     *
+     * ### Events:
+     * - **dds-zoom** - Fires when the image is about to zoom. Cancelable via event.preventDefault().
+     * - **dds-unzoom** - Fires after the image has unzoomed.
+     *
+     * ### Slots:
+     * - **default** - The image or content element to zoom. Should contain an <img> element.
+     *
+     * ### CSS Parts:
+     * - **trigger** - The zoom trigger wrapper element.
+     * - **dialog** - The zoom dialog element.
+     * - **overlay** - The backdrop overlay element.
+     * - **zoomed-image** - The zoomed image element.
+     * - **unzoom-button** - The button to close the zoomed view.
+     * - **expand-button** - The button to expand the image.
+     * - **expand-button-base** - The base of the expand button.
+     * - **expand-button-content** - The content of the expand button.
+     * - **unzoom-button-base** - The base of the unzoom button.
+     * - **unzoom-button-content** - The content of the unzoom button.
+     * - **expand-button-icon** - The icon of the expand button.
+     * - **unzoom-button-icon** - The icon of the unzoom button.
+     */
+         'dap-ds-image-zoom': DefineCustomElement<DapDSImageZoom, DapDSImageZoomProps, DapDSImageZoomEvents>
     /**
      * An input is a field used to collect user input.
      *
@@ -5801,31 +5829,6 @@ declare module 'vue' {
      * - **postfix** - The postfix of the input.
      */
          'dap-ds-input': DefineCustomElement<DapDSInput, DapDSInputProps, DapDSInputEvents>
-    /**
-     * An image zoom component that provides a Medium.com-style zoom experience. Click an image to expand it to fill the viewport with a smooth animation.
-     *
-     * ### Events:
-     * - **dds-zoom** - Fires when the image is about to zoom. Cancelable via event.preventDefault().
-     * - **dds-unzoom** - Fires after the image has unzoomed.
-     *
-     * ### Slots:
-     * - **default** - The image or content element to zoom. Should contain an <img> element.
-     *
-     * ### CSS Parts:
-     * - **trigger** - The zoom trigger wrapper element.
-     * - **dialog** - The zoom dialog element.
-     * - **overlay** - The backdrop overlay element.
-     * - **zoomed-image** - The zoomed image element.
-     * - **unzoom-button** - The button to close the zoomed view.
-     * - **expand-button** - The button to expand the image.
-     * - **expand-button-base** - The base of the expand button.
-     * - **expand-button-content** - The content of the expand button.
-     * - **unzoom-button-base** - The base of the unzoom button.
-     * - **unzoom-button-content** - The content of the unzoom button.
-     * - **expand-button-icon** - The icon of the expand button.
-     * - **unzoom-button-icon** - The icon of the unzoom button.
-     */
-         'dap-ds-image-zoom': DefineCustomElement<DapDSImageZoom, DapDSImageZoomProps, DapDSImageZoomEvents>
     /**
      * A label is a container for labels intended for general use. It contains a label text, description, and tooltip.
      *
@@ -5854,6 +5857,29 @@ declare module 'vue' {
      * - **text** - The text of the link.
      */
          'dap-ds-link': DefineCustomElement<DapDSLink, DapDSLinkProps, DapDSLinkEvents>
+    /**
+     * A list
+     *
+     * ### Slots:
+     * - **default** - The content of the list item.
+     * - **icon** - The icon of the list item.
+     * - **title** - The title of the list item.
+     * - **actions** - The actions of the list item.
+     *
+     * ### CSS Parts:
+     * - **base** - The main list item container.
+     * - **icon** - The icon of the list item.
+     * - **title** - The title of the list item.
+     * - **description** - The description of the list item.
+     * - **container** - The container of the list item.
+     * - **list-item-base** - The base list item container.
+     * - **icon-container** - The container of the icon.
+     * - **title-container** - The container of the title.
+     * - **description-container** - The container of the description.
+     * - **actions-container** - The container of the actions.
+     * - **iteractive-indicator-container** - The container of the interactive indicator.
+     */
+         'dap-ds-list-item': DefineCustomElement<DapDSListItem, DapDSListItemProps, {}>
     /**
      * A modal is a container for modal content.
      *
@@ -5884,29 +5910,6 @@ declare module 'vue' {
      * - **closebutton** - The close button of the modal.
      */
          'dap-ds-modal': DefineCustomElement<DapDSModal, DapDSModalProps, DapDSModalEvents>
-    /**
-     * A list
-     *
-     * ### Slots:
-     * - **default** - The content of the list item.
-     * - **icon** - The icon of the list item.
-     * - **title** - The title of the list item.
-     * - **actions** - The actions of the list item.
-     *
-     * ### CSS Parts:
-     * - **base** - The main list item container.
-     * - **icon** - The icon of the list item.
-     * - **title** - The title of the list item.
-     * - **description** - The description of the list item.
-     * - **container** - The container of the list item.
-     * - **list-item-base** - The base list item container.
-     * - **icon-container** - The container of the icon.
-     * - **title-container** - The container of the title.
-     * - **description-container** - The container of the description.
-     * - **actions-container** - The container of the actions.
-     * - **iteractive-indicator-container** - The container of the interactive indicator.
-     */
-         'dap-ds-list-item': DefineCustomElement<DapDSListItem, DapDSListItemProps, {}>
     /**
      * A navigation menu item that can contain either a simple link or dropdown content.
 Supports nested items with cascading flyout behavior. Part of the navigation menu system.
@@ -6599,6 +6602,20 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * - **high-contrast** - The high contrast part of the button.
      */
          'dap-ds-toggle-button': DefineCustomElement<DapDSToggleButton, DapDSToggleButtonProps, {}>
+    /**
+     * A tooltip is a container for tooltip content.
+     *
+     * ### Slots:
+     * - **default** - The content of the tooltip.
+     * - **trigger** - The trigger element of the tooltip.
+     *
+     * ### CSS Parts:
+     * - **base** - The main tooltip container.
+     * - **trigger** - The trigger element of the tooltip.
+     * - **popup** - The popup of the tooltip.
+     * - **arrow** - The arrow of the tooltip.
+     */
+         'dap-ds-tooltip': DefineCustomElement<DapDSTooltip, DapDSTooltipProps, {}>
     /**
      * A tray is a container for slide in content.
      *
@@ -6623,20 +6640,6 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * - **body** - The body of the tray.
      */
          'dap-ds-tray': DefineCustomElement<DapDSTray, DapDSTrayProps, DapDSTrayEvents>
-    /**
-     * A tooltip is a container for tooltip content.
-     *
-     * ### Slots:
-     * - **default** - The content of the tooltip.
-     * - **trigger** - The trigger element of the tooltip.
-     *
-     * ### CSS Parts:
-     * - **base** - The main tooltip container.
-     * - **trigger** - The trigger element of the tooltip.
-     * - **popup** - The popup of the tooltip.
-     * - **arrow** - The arrow of the tooltip.
-     */
-         'dap-ds-tooltip': DefineCustomElement<DapDSTooltip, DapDSTooltipProps, {}>
     /**
      * Typography is used to display text in different styles.
      *
@@ -6647,6 +6650,15 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * - **base** - The main typography container.
      */
          'dap-ds-typography': DefineCustomElement<DapDSTypography, DapDSTypographyProps, {}>
+    /**
+     * A form label is a container for labels in a form.
+     *
+     * ### CSS Parts:
+     * - **base** - The main form label container.
+     * - **required** - The required indicator of the form label.
+     * - **optional** - The optional indicator of the form label.
+     */
+         'dap-ds-form-label': DefineCustomElement<DapDSFormLabel, DapDSFormLabelProps, {}>
     /**
      * An input group is a container for inputs.
      *
@@ -6662,15 +6674,6 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * - **container** - The container of the input group items.
      */
          'dap-ds-input-group': DefineCustomElement<DapDSInputGroup, DapDSInputGroupProps, {}>
-    /**
-     * A form label is a container for labels in a form.
-     *
-     * ### CSS Parts:
-     * - **base** - The main form label container.
-     * - **required** - The required indicator of the form label.
-     * - **optional** - The optional indicator of the form label.
-     */
-         'dap-ds-form-label': DefineCustomElement<DapDSFormLabel, DapDSFormLabelProps, {}>
     /**
      * A radio group is a form element that allows the user to select one option from a set.
      *
@@ -6731,28 +6734,28 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-arrow-left-line': DefineCustomElement<ArrowsArrowLeftLine, ArrowsArrowLeftLineProps, {}>
+         'dap-ds-icon-arrow-left-s-fill': DefineCustomElement<ArrowsArrowLeftSFill, ArrowsArrowLeftSFillProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-arrow-left-s-fill': DefineCustomElement<ArrowsArrowLeftSFill, ArrowsArrowLeftSFillProps, {}>
+         'dap-ds-icon-arrow-left-line': DefineCustomElement<ArrowsArrowLeftLine, ArrowsArrowLeftLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-arrow-left-up-line': DefineCustomElement<ArrowsArrowLeftUpLine, ArrowsArrowLeftUpLineProps, {}>
+         'dap-ds-icon-arrow-left-s-line': DefineCustomElement<ArrowsArrowLeftSLine, ArrowsArrowLeftSLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-arrow-left-s-line': DefineCustomElement<ArrowsArrowLeftSLine, ArrowsArrowLeftSLineProps, {}>
+         'dap-ds-icon-arrow-left-up-line': DefineCustomElement<ArrowsArrowLeftUpLine, ArrowsArrowLeftUpLineProps, {}>
     /**
      * An icon
      *
@@ -6857,14 +6860,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-clipboard-line': DefineCustomElement<DocumentClipboardLine, DocumentClipboardLineProps, {}>
+         'dap-ds-icon-computer-line': DefineCustomElement<DeviceComputerLine, DeviceComputerLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-file-image-line': DefineCustomElement<DocumentFileImageLine, DocumentFileImageLineProps, {}>
+         'dap-ds-icon-clipboard-line': DefineCustomElement<DocumentClipboardLine, DocumentClipboardLineProps, {}>
     /**
      * An icon
      *
@@ -6878,42 +6881,42 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-file-music-line': DefineCustomElement<DocumentFileMusicLine, DocumentFileMusicLineProps, {}>
+         'dap-ds-icon-file-image-line': DefineCustomElement<DocumentFileImageLine, DocumentFileImageLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-file-text-line': DefineCustomElement<DocumentFileTextLine, DocumentFileTextLineProps, {}>
+         'dap-ds-icon-file-music-line': DefineCustomElement<DocumentFileMusicLine, DocumentFileMusicLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-file-video-line': DefineCustomElement<DocumentFileVideoLine, DocumentFileVideoLineProps, {}>
+         'dap-ds-icon-file-text-line': DefineCustomElement<DocumentFileTextLine, DocumentFileTextLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-folder-line': DefineCustomElement<DocumentFolderLine, DocumentFolderLineProps, {}>
+         'dap-ds-icon-file-video-line': DefineCustomElement<DocumentFileVideoLine, DocumentFileVideoLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-folder-open-line': DefineCustomElement<DocumentFolderOpenLine, DocumentFolderOpenLineProps, {}>
+         'dap-ds-icon-folder-line': DefineCustomElement<DocumentFolderLine, DocumentFolderLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-computer-line': DefineCustomElement<DeviceComputerLine, DeviceComputerLineProps, {}>
+         'dap-ds-icon-folder-open-line': DefineCustomElement<DocumentFolderOpenLine, DocumentFolderOpenLineProps, {}>
     /**
      * An icon
      *
@@ -7053,14 +7056,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-download-line': DefineCustomElement<SystemDownloadLine, SystemDownloadLineProps, {}>
+         'dap-ds-icon-delete-bin-line': DefineCustomElement<SystemDeleteBinLine, SystemDeleteBinLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-delete-bin-line': DefineCustomElement<SystemDeleteBinLine, SystemDeleteBinLineProps, {}>
+         'dap-ds-icon-download-line': DefineCustomElement<SystemDownloadLine, SystemDownloadLineProps, {}>
     /**
      * An icon
      *
@@ -7123,28 +7126,28 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-lightbulb-fill': DefineCustomElement<SystemLightbulbFill, SystemLightbulbFillProps, {}>
+         'dap-ds-icon-information-line': DefineCustomElement<SystemInformationLine, SystemInformationLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-lock-fill': DefineCustomElement<SystemLockFill, SystemLockFillProps, {}>
+         'dap-ds-icon-lightbulb-fill': DefineCustomElement<SystemLightbulbFill, SystemLightbulbFillProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-information-line': DefineCustomElement<SystemInformationLine, SystemInformationLineProps, {}>
+         'dap-ds-icon-loading-spinner': DefineCustomElement<SystemLoadingSpinner, SystemLoadingSpinnerProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-loading-spinner': DefineCustomElement<SystemLoadingSpinner, SystemLoadingSpinnerProps, {}>
+         'dap-ds-icon-lock-fill': DefineCustomElement<SystemLockFill, SystemLockFillProps, {}>
     /**
      * An icon
      *
@@ -7172,7 +7175,7 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-search-line': DefineCustomElement<SystemSearchLine, SystemSearchLineProps, {}>
+         'dap-ds-icon-more-2-line': DefineCustomElement<SystemMore2Line, SystemMore2LineProps, {}>
     /**
      * An icon
      *
@@ -7186,7 +7189,7 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-more-2-line': DefineCustomElement<SystemMore2Line, SystemMore2LineProps, {}>
+         'dap-ds-icon-search-line': DefineCustomElement<SystemSearchLine, SystemSearchLineProps, {}>
     /**
      * An icon
      *
@@ -7214,28 +7217,28 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-subtract-line2': DefineCustomElement<SystemSubtractLine2, SystemSubtractLine2Props, {}>
+         'dap-ds-icon-star-fill': DefineCustomElement<SystemStarFill, SystemStarFillProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-time-fill': DefineCustomElement<SystemTimeFill, SystemTimeFillProps, {}>
+         'dap-ds-icon-subtract-line': DefineCustomElement<SystemSubtractLine, SystemSubtractLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-subtract-line': DefineCustomElement<SystemSubtractLine, SystemSubtractLineProps, {}>
+         'dap-ds-icon-subtract-line2': DefineCustomElement<SystemSubtractLine2, SystemSubtractLine2Props, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-star-fill': DefineCustomElement<SystemStarFill, SystemStarFillProps, {}>
+         'dap-ds-icon-time-fill': DefineCustomElement<SystemTimeFill, SystemTimeFillProps, {}>
     /**
      * An icon
      *
@@ -7313,14 +7316,14 @@ Used with dap-ds-select to create grouped options that render as native optgroup
 declare global {
   namespace JSX {
     interface IntrinsicElements {
+      'dap-ds-accordion-group': DapDSAccordionGroupProps & DapDSAccordionGroupSlots
       'dap-ds-accordion': DapDSAccordionProps & DapDSAccordionEvents & DapDSAccordionSlots
       'dap-ds-avatar': DapDSAvatarProps & DapDSAvatarEvents & DapDSAvatarSlots
       'dap-ds-avatar-group': DapDSAvatarGroupProps & DapDSAvatarGroupEvents & DapDSAvatarGroupSlots
       'dap-ds-badge': DapDSBadgeProps & DapDSBadgeSlots
-      'dap-ds-breadcrumb': DapDSBreadcrumbProps & DapDSBreadcrumbSlots
-      'dap-ds-banner': DapDSBannerProps & DapDSBannerEvents & DapDSBannerSlots
       'dap-ds-anchor-heading': DapDSAnchorHeadingProps
-      'dap-ds-accordion-group': DapDSAccordionGroupProps & DapDSAccordionGroupSlots
+      'dap-ds-banner': DapDSBannerProps & DapDSBannerEvents & DapDSBannerSlots
+      'dap-ds-breadcrumb': DapDSBreadcrumbProps & DapDSBreadcrumbSlots
       'dap-ds-breadcrumb-item': DapDSBreadcrumbItemProps & DapDSBreadcrumbItemSlots
       'dap-ds-button': DapDSButtonProps & DapDSButtonEvents & DapDSButtonSlots
       'dap-ds-calendar-cell': DapDSCalendarCellProps & DapDSCalendarCellSlots
@@ -7353,12 +7356,12 @@ declare global {
       'dap-ds-file-input': DapDSFileInputProps & DapDSFileInputEvents & DapDSFileInputSlots
       'dap-ds-icon': DapDSIconProps & DapDSIconSlots
       'dap-ds-icon-button': DapDSIconButtonProps & DapDSIconButtonSlots
-      'dap-ds-input': DapDSInputProps & DapDSInputEvents & DapDSInputSlots
       'dap-ds-image-zoom': DapDSImageZoomProps & DapDSImageZoomEvents & DapDSImageZoomSlots
+      'dap-ds-input': DapDSInputProps & DapDSInputEvents & DapDSInputSlots
       'dap-ds-label': DapDSLabelProps
       'dap-ds-link': DapDSLinkProps & DapDSLinkEvents & DapDSLinkSlots
-      'dap-ds-modal': DapDSModalProps & DapDSModalEvents & DapDSModalSlots
       'dap-ds-list-item': DapDSListItemProps & DapDSListItemSlots
+      'dap-ds-modal': DapDSModalProps & DapDSModalEvents & DapDSModalSlots
       'dap-ds-navigation-menu-item': DapDSNavigationMenuItemProps & DapDSNavigationMenuItemEvents & DapDSNavigationMenuItemSlots
       'dap-ds-navigation-menu': DapDSNavigationMenuProps & DapDSNavigationMenuEvents & DapDSNavigationMenuSlots
       'dap-ds-notification-badge': DapDSNotificationBadgeProps & DapDSNotificationBadgeSlots
@@ -7401,21 +7404,21 @@ declare global {
       'dap-ds-timepicker': DapDSTimePickerProps & DapDSTimePickerEvents
       'dap-ds-toc': DapDSTOCProps & DapDSTOCEvents
       'dap-ds-toggle-button': DapDSToggleButtonProps & DapDSToggleButtonSlots
-      'dap-ds-tray': DapDSTrayProps & DapDSTrayEvents & DapDSTraySlots
       'dap-ds-tooltip': DapDSTooltipProps & DapDSTooltipSlots
+      'dap-ds-tray': DapDSTrayProps & DapDSTrayEvents & DapDSTraySlots
       'dap-ds-typography': DapDSTypographyProps & DapDSTypographySlots
-      'dap-ds-input-group': DapDSInputGroupProps & DapDSInputGroupSlots
       'dap-ds-form-label': DapDSFormLabelProps
+      'dap-ds-input-group': DapDSInputGroupProps & DapDSInputGroupSlots
       'dap-ds-radio-group': DapDSRadioGroupProps & DapDSRadioGroupEvents & DapDSRadioGroupSlots
       'dap-ds-icon-arrow-down-line': ArrowsArrowDownLineProps
       'dap-ds-icon-arrow-down-s-fill': ArrowsArrowDownSFillProps
       'dap-ds-icon-arrow-down-s-line': ArrowsArrowDownSLineProps
       'dap-ds-icon-arrow-left-down-line': ArrowsArrowLeftDownLineProps
       'dap-ds-icon-arrow-left-l-line': ArrowsArrowLeftLLineProps
-      'dap-ds-icon-arrow-left-line': ArrowsArrowLeftLineProps
       'dap-ds-icon-arrow-left-s-fill': ArrowsArrowLeftSFillProps
-      'dap-ds-icon-arrow-left-up-line': ArrowsArrowLeftUpLineProps
+      'dap-ds-icon-arrow-left-line': ArrowsArrowLeftLineProps
       'dap-ds-icon-arrow-left-s-line': ArrowsArrowLeftSLineProps
+      'dap-ds-icon-arrow-left-up-line': ArrowsArrowLeftUpLineProps
       'dap-ds-icon-arrow-right-down-line': ArrowsArrowRightDownLineProps
       'dap-ds-icon-arrow-right-l-line': ArrowsArrowRightLLineProps
       'dap-ds-icon-arrow-right-line': ArrowsArrowRightLineProps
@@ -7430,15 +7433,15 @@ declare global {
       'dap-ds-icon-calendar-line': BusinessCalendarLineProps
       'dap-ds-icon-edit-line': DesignEditLineProps
       'dap-ds-icon-tools-line': DesignToolsLineProps
+      'dap-ds-icon-computer-line': DeviceComputerLineProps
       'dap-ds-icon-clipboard-line': DocumentClipboardLineProps
-      'dap-ds-icon-file-image-line': DocumentFileImageLineProps
       'dap-ds-icon-file-copy-line': DocumentFileCopyLineProps
+      'dap-ds-icon-file-image-line': DocumentFileImageLineProps
       'dap-ds-icon-file-music-line': DocumentFileMusicLineProps
       'dap-ds-icon-file-text-line': DocumentFileTextLineProps
       'dap-ds-icon-file-video-line': DocumentFileVideoLineProps
       'dap-ds-icon-folder-line': DocumentFolderLineProps
       'dap-ds-icon-folder-open-line': DocumentFolderOpenLineProps
-      'dap-ds-icon-computer-line': DeviceComputerLineProps
       'dap-ds-icon-separator': EditorSeparatorProps
       'dap-ds-icon-heart-fill': HealthHeartFillProps
       'dap-ds-icon-heart-line': HealthHeartLineProps
@@ -7458,8 +7461,8 @@ declare global {
       'dap-ds-icon-close-fill': SystemCloseFillProps
       'dap-ds-icon-close-line': SystemCloseLineProps
       'dap-ds-icon-delete-bin-fill': SystemDeleteBinFillProps
-      'dap-ds-icon-download-line': SystemDownloadLineProps
       'dap-ds-icon-delete-bin-line': SystemDeleteBinLineProps
+      'dap-ds-icon-download-line': SystemDownloadLineProps
       'dap-ds-icon-error-warning-fill': SystemErrorWarningFillProps
       'dap-ds-icon-error-warning-line': SystemErrorWarningLineProps
       'dap-ds-icon-external-link-line': SystemExternalLinkLineProps
@@ -7468,23 +7471,23 @@ declare global {
       'dap-ds-icon-forbid-fill': SystemForbidFillProps
       'dap-ds-icon-information-2-fill': SystemInformation2FillProps
       'dap-ds-icon-information-fill': SystemInformationFillProps
-      'dap-ds-icon-lightbulb-fill': SystemLightbulbFillProps
-      'dap-ds-icon-lock-fill': SystemLockFillProps
       'dap-ds-icon-information-line': SystemInformationLineProps
+      'dap-ds-icon-lightbulb-fill': SystemLightbulbFillProps
       'dap-ds-icon-loading-spinner': SystemLoadingSpinnerProps
+      'dap-ds-icon-lock-fill': SystemLockFillProps
       'dap-ds-icon-lock-line': SystemLockLineProps
       'dap-ds-icon-menu-line': SystemMenuLineProps
       'dap-ds-icon-menu-line-s': SystemMenuLineSProps
-      'dap-ds-icon-search-line': SystemSearchLineProps
-      'dap-ds-icon-more-line': SystemMoreLineProps
       'dap-ds-icon-more-2-line': SystemMore2LineProps
+      'dap-ds-icon-more-line': SystemMoreLineProps
+      'dap-ds-icon-search-line': SystemSearchLineProps
       'dap-ds-icon-share-line': SystemShareLineProps
       'dap-ds-icon-shield-check-fill': SystemShieldCheckFillProps
       'dap-ds-icon-shield-check-line': SystemShieldCheckLineProps
+      'dap-ds-icon-star-fill': SystemStarFillProps
+      'dap-ds-icon-subtract-line': SystemSubtractLineProps
       'dap-ds-icon-subtract-line2': SystemSubtractLine2Props
       'dap-ds-icon-time-fill': SystemTimeFillProps
-      'dap-ds-icon-subtract-line': SystemSubtractLineProps
-      'dap-ds-icon-star-fill': SystemStarFillProps
       'dap-ds-icon-time-line': SystemTimeLineProps
       'dap-ds-icon-upload-2-fill': SystemUpload2FillProps
       'dap-ds-icon-upload-2-line': SystemUpload2LineProps