dap-design-system 0.55.2 → 0.55.3

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

@@ -210,6 +210,16 @@ type DefineGenericCustomElement<
   $props: Partial<Omit<HTMLAttributes, keyof ElementType>> & Partial<Omit<ElementType, keyof Props>> & Props & Events
 }
 
+export interface DapDSAvatarGroupEvents {
+  /** Fired when the overflow indicator is clicked. */
+  onDdsOverflowClick?: (event: CustomEvent) => void
+}
+
+export interface DapDSBannerEvents {
+  /** Event fired when the banner is closed. */
+  onDdsClose?: (event: CustomEvent) => void
+}
+
 export interface DapDSAccordionEvents {
   /** Event fired when the accordion is opened. */
   onDdsOpened?: (event: CustomEvent<{ open: boolean, item: AccordionBaseElement }>) => void
@@ -224,31 +234,21 @@ export interface DapDSAvatarEvents {
   onDdsError?: (event: CustomEvent) => void
 }
 
-export interface DapDSAvatarGroupEvents {
-  /** Fired when the overflow indicator is clicked. */
-  onDdsOverflowClick?: (event: CustomEvent) => void
-}
-
-export interface DapDSBannerEvents {
-  /** Event fired when the banner is closed. */
-  onDdsClose?: (event: CustomEvent) => void
-}
-
 export interface DapDSButtonEvents {
   /** Emitted when the loading timeout is reached */
   onDdsLoadingTimeout?: (event: CustomEvent) => void
 }
 
-export interface DapDSCalloutEvents {
-  /** Fired when the close button is clicked. */
-  onDdsClose?: (event: CustomEvent) => void
-}
-
 export interface DapDSCalendarEvents {
   /** Fired when the calendar value changes. */
   onDdsChange?: (event: CustomEvent<{ value: Dayjs }>) => void
 }
 
+export interface DapDSCalloutEvents {
+  /** Fired when the close button is clicked. */
+  onDdsClose?: (event: CustomEvent) => void
+}
+
 export interface DapDSCheckboxEvents {
   /** Fired when the checkbox is checked or unchecked. */
   onDdsChange?: (event: CustomEvent<{ checked: boolean, indeterminate: boolean, value: string, disabled: boolean, readonly: boolean, type: 'checkbox' }>) => void
@@ -448,6 +448,13 @@ export interface DapDSNavigationMenuEvents {
   onDdsNavigationItemClick?: (event: CustomEvent<{ href: string, event: Event }>) => void
 }
 
+export interface DapDSOfficialWebsiteBannerEvents {
+  /** Event fired when the accordion is opened. */
+  onDdsOpened?: (event: CustomEvent) => void
+  /** Event fired when the accordion is closed. */
+  onDdsClosed?: (event: CustomEvent) => void
+}
+
 export interface DapDSNumberInputEvents {
   /** Fired when the input value changes. */
   onDdsChange?: (event: CustomEvent<{ value: string }>) => void
@@ -461,13 +468,6 @@ export interface DapDSNumberInputEvents {
   onDdsFocus?: (event: CustomEvent) => void
 }
 
-export interface DapDSOfficialWebsiteBannerEvents {
-  /** Event fired when the accordion is opened. */
-  onDdsOpened?: (event: CustomEvent) => void
-  /** Event fired when the accordion is closed. */
-  onDdsClosed?: (event: CustomEvent) => void
-}
-
 export interface DapDSOptionListEvents {
   /** Fired when the escape key is pressed. */
   onDdsCancel?: (event: CustomEvent) => void
@@ -655,27 +655,25 @@ export interface DapDSRadioGroupEvents {
   onDdsFocus?: (event: CustomEvent) => void
 }
 
-export interface DapDSAccordionSlots {
-  /** The content of the accordion. */
+export interface DapDSAvatarGroupSlots {
+  /** The avatars to display in the group. */
   default?: () => any
-  /** The heading of the accordion. */
-  'heading'?: () => any
-  /** The icon when the accordion is opened. */
-  'icon-opened'?: () => any
-  /** The icon when the accordion is closed. */
-  'icon-closed'?: () => any
 }
 
-export interface DapDSAvatarSlots {
-  /** The icon to display when variant is 'icon'. */
+export interface DapDSBadgeSlots {
+  /** The content of the badge. */
+  default?: () => any
+  /** The icon of the badge. */
   'icon'?: () => any
-  /** Custom fallback content when image fails to load. */
-  'fallback'?: () => any
 }
 
-export interface DapDSAvatarGroupSlots {
-  /** The avatars to display in the group. */
+export interface DapDSBannerSlots {
+  /** The content of the banner. */
   default?: () => any
+  /** Actions of banner */
+  'actions'?: () => any
+  /** The icon of the banner. */
+  'icon'?: () => any
 }
 
 export interface DapDSBreadcrumbSlots {
@@ -685,20 +683,22 @@ export interface DapDSBreadcrumbSlots {
   'separator'?: () => any
 }
 
-export interface DapDSBadgeSlots {
-  /** The content of the badge. */
+export interface DapDSAccordionSlots {
+  /** The content of the accordion. */
   default?: () => any
-  /** The icon of the badge. */
-  'icon'?: () => any
+  /** The heading of the accordion. */
+  'heading'?: () => any
+  /** The icon when the accordion is opened. */
+  'icon-opened'?: () => any
+  /** The icon when the accordion is closed. */
+  'icon-closed'?: () => any
 }
 
-export interface DapDSBannerSlots {
-  /** The content of the banner. */
-  default?: () => any
-  /** Actions of banner */
-  'actions'?: () => any
-  /** The icon of the banner. */
+export interface DapDSAvatarSlots {
+  /** The icon to display when variant is 'icon'. */
   'icon'?: () => any
+  /** Custom fallback content when image fails to load. */
+  'fallback'?: () => any
 }
 
 export interface DapDSAccordionGroupSlots {
@@ -706,16 +706,26 @@ export interface DapDSAccordionGroupSlots {
   default?: () => any
 }
 
+export interface DapDSBreadcrumbItemSlots {
+  /** The content of the breadcrumb item. */
+  default?: () => any
+  /** The separator between breadcrumb items. Default is an arrow-right-s-line icon. */
+  'separator'?: () => any
+}
+
 export interface DapDSButtonSlots {
   /** The content of the button. Can contain text, icons, or other elements. */
   default?: () => any
 }
 
-export interface DapDSBreadcrumbItemSlots {
-  /** The content of the breadcrumb item. */
+export interface DapDSCalendarCellSlots {
+  /** The content of the calendar cell. */
+  default?: () => any
+}
+
+export interface DapDSCalendarSlots {
+  /** The content of the calendar. */
   default?: () => any
-  /** The separator between breadcrumb items. Default is an arrow-right-s-line icon. */
-  'separator'?: () => any
 }
 
 export interface DapDSCalloutSlots {
@@ -731,16 +741,6 @@ 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
@@ -924,11 +924,6 @@ export interface DapDSNotificationBadgeSlots {
   default?: () => any
 }
 
-export interface DapDSNumberInputSlots {
-  /** The custom icon of the feedback. */
-  'feedback-icon'?: () => any
-}
-
 export interface DapDSOfficialWebsiteBannerSlots {
   /** The content of the accordion. */
   default?: () => any
@@ -940,6 +935,11 @@ export interface DapDSOfficialWebsiteBannerSlots {
   'icon-closed'?: () => any
 }
 
+export interface DapDSNumberInputSlots {
+  /** The custom icon of the feedback. */
+  'feedback-icon'?: () => any
+}
+
 export interface DapDSOptionGroupSlots {
   /** The option items in this group. */
   default?: () => any
@@ -1134,6 +1134,60 @@ export type DapDSAnchorHeadingProps = {
   anchorTitle?: DapDSAnchorHeading["anchorTitle"]
 }
 
+export type DapDSAvatarGroupProps = {
+  /** Layout type for the avatar group */
+  layout?: DapDSAvatarGroup["layout"]
+  /** Maximum number of avatars to show before showing overflow */
+  max?: DapDSAvatarGroup["max"]
+  /** Whether to show the total count in overflow indicator */
+  "show-total"?: DapDSAvatarGroup["showTotal"]
+  /** Interactive overflow indicator */
+  "interactive-overflow"?: DapDSAvatarGroup["interactiveOverflow"]
+  /** Accessible label for the avatar group */
+  label?: DapDSAvatarGroup["label"]
+  /** Accessible label for the overflow indicator */
+  "overflow-label"?: DapDSAvatarGroup["overflowLabel"]
+  /** The size of avatars in the group. Default is `md`. See SizedMixin. */
+  size?: DapDSAvatarGroup["size"]
+  /** Responsive size map (e.g. "md:lg"); see SizedMixin. */
+  sizeMap?: DapDSAvatarGroup["sizeMap"]
+}
+
+export type DapDSBadgeProps = {
+  /** The type of the badge */
+  type?: DapDSBadge["type"]
+  /** The icon of the badge, this is a name of a built in icon */
+  icon?: DapDSBadge["icon"]
+  /** Whether the badge represents dynamic content that should announce changes */
+  live?: DapDSBadge["live"]
+  /** The size of the badge. Default is `sm`. */
+  size?: DapDSBadge["size"]
+  /** Responsive size map (e.g. "md:lg"). */
+  sizeMap?: DapDSBadge["sizeMap"]
+}
+
+export type DapDSBannerProps = {
+  /** The variant of the banner */
+  variant?: DapDSBanner["variant"]
+  /** Whether the banner is closeable */
+  closeable?: DapDSBanner["closeable"]
+  /** State of the banner. If false banner is hidden */
+  opened?: DapDSBanner["opened"]
+  /** The aria-label for the close button */
+  closeButtonLabel?: DapDSBanner["closeButtonLabel"]
+  /** The icon of the banner, this is a name of a built icon icon */
+  icon?: DapDSBanner["icon"]
+}
+
+export type DapDSBreadcrumbProps = {
+  /**  */
+  variant?: DapDSBreadcrumb["variant"]
+  /** Mobile version of the breadcrumb */
+  mobile?: DapDSBreadcrumb["mobile"]
+  /** The aria-labelledby of the breadcrumb */
+  "aria-labelledby"?: DapDSBreadcrumb["ariaLabelledBy"]
+}
+
 export type DapDSAccordionProps = {
   /** The size of the accordion. Default is `sm`. Visual variants are sm and lg (other sizes map to sm). */
   size?: DapDSAccordion["size"]
@@ -1186,60 +1240,6 @@ export type DapDSAvatarProps = {
   sizeMap?: DapDSAvatar["sizeMap"]
 }
 
-export type DapDSAvatarGroupProps = {
-  /** Layout type for the avatar group */
-  layout?: DapDSAvatarGroup["layout"]
-  /** Maximum number of avatars to show before showing overflow */
-  max?: DapDSAvatarGroup["max"]
-  /** Whether to show the total count in overflow indicator */
-  "show-total"?: DapDSAvatarGroup["showTotal"]
-  /** Interactive overflow indicator */
-  "interactive-overflow"?: DapDSAvatarGroup["interactiveOverflow"]
-  /** Accessible label for the avatar group */
-  label?: DapDSAvatarGroup["label"]
-  /** Accessible label for the overflow indicator */
-  "overflow-label"?: DapDSAvatarGroup["overflowLabel"]
-  /** The size of avatars in the group. Default is `md`. See SizedMixin. */
-  size?: DapDSAvatarGroup["size"]
-  /** Responsive size map (e.g. "md:lg"); see SizedMixin. */
-  sizeMap?: DapDSAvatarGroup["sizeMap"]
-}
-
-export type DapDSBreadcrumbProps = {
-  /**  */
-  variant?: DapDSBreadcrumb["variant"]
-  /** Mobile version of the breadcrumb */
-  mobile?: DapDSBreadcrumb["mobile"]
-  /** The aria-labelledby of the breadcrumb */
-  "aria-labelledby"?: DapDSBreadcrumb["ariaLabelledBy"]
-}
-
-export type DapDSBadgeProps = {
-  /** The type of the badge */
-  type?: DapDSBadge["type"]
-  /** The icon of the badge, this is a name of a built in icon */
-  icon?: DapDSBadge["icon"]
-  /** Whether the badge represents dynamic content that should announce changes */
-  live?: DapDSBadge["live"]
-  /** The size of the badge. Default is `sm`. */
-  size?: DapDSBadge["size"]
-  /** Responsive size map (e.g. "md:lg"). */
-  sizeMap?: DapDSBadge["sizeMap"]
-}
-
-export type DapDSBannerProps = {
-  /** The variant of the banner */
-  variant?: DapDSBanner["variant"]
-  /** Whether the banner is closeable */
-  closeable?: DapDSBanner["closeable"]
-  /** State of the banner. If false banner is hidden */
-  opened?: DapDSBanner["opened"]
-  /** The aria-label for the close button */
-  closeButtonLabel?: DapDSBanner["closeButtonLabel"]
-  /** The icon of the banner, this is a name of a built icon icon */
-  icon?: DapDSBanner["icon"]
-}
-
 export type DapDSAccordionGroupProps = {
   /** Whether to close other accordions when one is opened. */
   autoClose?: DapDSAccordionGroup["autoClose"]
@@ -1247,6 +1247,19 @@ export type DapDSAccordionGroupProps = {
   variant?: DapDSAccordionGroup["variant"]
 }
 
+export type DapDSBreadcrumbItemProps = {
+  /** The URL of the breadcrumb item. */
+  href?: DapDSBreadcrumbItem["href"]
+  /** The target of the breadcrumb item. */
+  target?: DapDSBreadcrumbItem["target"]
+  /** The rel of the breadcrumb item link. */
+  rel?: DapDSBreadcrumbItem["rel"]
+  /** Whether the breadcrumb item is disabled. */
+  disabled?: DapDSBreadcrumbItem["disabled"]
+  /** The variant of the breadcrumb item. */
+  variant?: DapDSBreadcrumbItem["variant"]
+}
+
 export type DapDSButtonProps = {
   /** The visual style variant of the button */
   variant?: DapDSButton["variant"]
@@ -1278,38 +1291,6 @@ export type DapDSButtonProps = {
   sizeMap?: DapDSButton["sizeMap"]
 }
 
-export type DapDSBreadcrumbItemProps = {
-  /** The URL of the breadcrumb item. */
-  href?: DapDSBreadcrumbItem["href"]
-  /** The target of the breadcrumb item. */
-  target?: DapDSBreadcrumbItem["target"]
-  /** The rel of the breadcrumb item link. */
-  rel?: DapDSBreadcrumbItem["rel"]
-  /** Whether the breadcrumb item is disabled. */
-  disabled?: DapDSBreadcrumbItem["disabled"]
-  /** The variant of the breadcrumb item. */
-  variant?: DapDSBreadcrumbItem["variant"]
-}
-
-export type DapDSCalloutProps = {
-  /** The variant of the callout */
-  variant?: DapDSCallout["variant"]
-  /** The alignment of the callout. Can be `vertical` or `horizontal`. */
-  alignment?: DapDSCallout["alignment"]
-  /** The strongness of the callout colors. Can be `subtle`, `base`, `medium`, or `strong`. */
-  shade?: DapDSCallout["shade"]
-  /** If the callout has a border */
-  noBorder?: DapDSCallout["noBorder"]
-  /** If the callout has a close button */
-  closeable?: DapDSCallout["closeable"]
-  /** The header of the callout */
-  title?: DapDSCallout["title"]
-  /** The label of the close button */
-  closeButtonLabel?: DapDSCallout["closeButtonLabel"]
-  /** If the callout is opened */
-  opened?: DapDSCallout["opened"]
-}
-
 export type DapDSCalendarCellProps = {
   /** Whether the calendar cell is selected. */
   selected?: DapDSCalendarCell["selected"]
@@ -1368,6 +1349,25 @@ export type DapDSCalendarProps = {
   shouldHideAdjacentMonths?: DapDSCalendar["shouldHideAdjacentMonths"]
 }
 
+export type DapDSCalloutProps = {
+  /** The variant of the callout */
+  variant?: DapDSCallout["variant"]
+  /** The alignment of the callout. Can be `vertical` or `horizontal`. */
+  alignment?: DapDSCallout["alignment"]
+  /** The strongness of the callout colors. Can be `subtle`, `base`, `medium`, or `strong`. */
+  shade?: DapDSCallout["shade"]
+  /** If the callout has a border */
+  noBorder?: DapDSCallout["noBorder"]
+  /** If the callout has a close button */
+  closeable?: DapDSCallout["closeable"]
+  /** The header of the callout */
+  title?: DapDSCallout["title"]
+  /** The label of the close button */
+  closeButtonLabel?: DapDSCallout["closeButtonLabel"]
+  /** If the callout is opened */
+  opened?: DapDSCallout["opened"]
+}
+
 export type DapDSCardActionsProps = {
   /** The spacing of the card actions. This adds a margin to the card actions. Default is `bottom`. */
   spacing?: DapDSCardActions["spacing"]
@@ -1704,6 +1704,15 @@ export type DapDSContentSwitcherProps = {
   value?: DapDSContentSwitcher["value"]
 }
 
+export type DapDSDAPBadgeProps = {
+  /** The variant of the DÁP badge */
+  variant?: DapDSDAPBadge["variant"]
+  /** The size of the DÁP badge. Default is `sm`. */
+  size?: DapDSDAPBadge["size"]
+  /** Responsive size map (e.g. "md:lg"). */
+  sizeMap?: DapDSDAPBadge["sizeMap"]
+}
+
 export type DapDSCopyBoxInputProps = {
   /** The aria label of the copy button. */
   copyButtonAriaLabel?: DapDSCopyBoxInput["copyButtonAriaLabel"]
@@ -1749,15 +1758,6 @@ export type DapDSCopyBoxInputProps = {
   subtle?: DapDSCopyBoxInput["subtle"]
 }
 
-export type DapDSDAPBadgeProps = {
-  /** The variant of the DÁP badge */
-  variant?: DapDSDAPBadge["variant"]
-  /** The size of the DÁP badge. Default is `sm`. */
-  size?: DapDSDAPBadge["size"]
-  /** Responsive size map (e.g. "md:lg"). */
-  sizeMap?: DapDSDAPBadge["sizeMap"]
-}
-
 export type DapDSDataTableProps<T> = {
   /** Row key to use for row selection, this should be a unique key for each row */
   rowKey?: DapDSDataTable<T>["rowKey"]
@@ -2083,6 +2083,8 @@ export type DapDSFileInputProps = {
   showThumbnail?: DapDSFileInput["showThumbnail"]
   /** Aria label for the dropzone. */
   dropzoneAriaLabel?: DapDSFileInput["dropzoneAriaLabel"]
+  /** Whether the dropzone is in the tab order and exposes button keyboard behavior (default: true). */
+  dropzoneFocusable?: DapDSFileInput["dropzoneFocusable"]
   /** Size of the thumbnail preview in the built-in file list */
   thumbnailSize?: DapDSFileInput["thumbnailSize"]
   /** The file list component to bind to */
@@ -2474,6 +2476,23 @@ export type DapDSNotificationBadgeProps = {
   "force-circular"?: DapDSNotificationBadge["forceCircular"]
 }
 
+export type DapDSOfficialWebsiteBannerProps = {
+  /** 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 */
+  heading?: DapDSOfficialWebsiteBanner["heading"]
+  /** The heading level of the accordion. Default is `4`. */
+  headingLevel?: DapDSOfficialWebsiteBanner["headingLevel"]
+  /** Whether the accordion is opened. Default is `false`. */
+  opened?: DapDSOfficialWebsiteBanner["opened"]
+  /** The location of the icon. Default is `right`. */
+  iconLocation?: DapDSOfficialWebsiteBanner["iconLocation"]
+  /** The variant of the accordion. */
+  variant?: DapDSOfficialWebsiteBanner["variant"]
+  /** Whether the accordion is the last item. */
+  lastItem?: DapDSOfficialWebsiteBanner["lastItem"]
+}
+
 export type DapDSNumberInputProps = {
   /** The thousand separator of the input. */
   thousandSeparator?: DapDSNumberInput["thousandSeparator"]
@@ -2543,23 +2562,6 @@ export type DapDSNumberInputProps = {
   disableEnter?: DapDSNumberInput["disableEnter"]
 }
 
-export type DapDSOfficialWebsiteBannerProps = {
-  /** 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 */
-  heading?: DapDSOfficialWebsiteBanner["heading"]
-  /** The heading level of the accordion. Default is `4`. */
-  headingLevel?: DapDSOfficialWebsiteBanner["headingLevel"]
-  /** Whether the accordion is opened. Default is `false`. */
-  opened?: DapDSOfficialWebsiteBanner["opened"]
-  /** The location of the icon. Default is `right`. */
-  iconLocation?: DapDSOfficialWebsiteBanner["iconLocation"]
-  /** The variant of the accordion. */
-  variant?: DapDSOfficialWebsiteBanner["variant"]
-  /** Whether the accordion is the last item. */
-  lastItem?: DapDSOfficialWebsiteBanner["lastItem"]
-}
-
 export type DapDSOptionGroupProps = {
   /** The label of the option group (displayed in native optgroup). */
   label?: DapDSOptionGroup["label"]
@@ -2995,6 +2997,17 @@ export type DapDSSideNavProps = {
   size?: DapDSSideNav["size"]
 }
 
+export type DapDSSkipLinkProps = {
+  /** The placement of the skip link. */
+  placement?: DapDSSkipLink["placement"]
+  /** The href of the skip link */
+  href?: DapDSSkipLink["href"]
+  /** The size of the skip link */
+  size?: DapDSSkipLink["size"]
+  /** Whether the skip link should have an underline */
+  noUnderline?: DapDSSkipLink["noUnderline"]
+}
+
 export type DapDSSkeletonProps = {
   /** The variant of the skeleton. */
   variant?: DapDSSkeleton["variant"]
@@ -3011,17 +3024,6 @@ Should be a valid CSS keyframes string without the */
   "custom-keyframes"?: DapDSSkeleton["customKeyframes"]
 }
 
-export type DapDSSkipLinkProps = {
-  /** The placement of the skip link. */
-  placement?: DapDSSkipLink["placement"]
-  /** The href of the skip link */
-  href?: DapDSSkipLink["href"]
-  /** The size of the skip link */
-  size?: DapDSSkipLink["size"]
-  /** Whether the skip link should have an underline */
-  noUnderline?: DapDSSkipLink["noUnderline"]
-}
-
 export type DapDSSnackbarMessageProps = {
   /** The actions of the snackbar item. */
   actions?: DapDSSnackbarMessage["actions"]
@@ -3535,6 +3537,17 @@ export type DapDSRadioGroupProps = {
   size?: DapDSRadioGroup["size"]
 }
 
+export type BuildingsHome6LineProps = {
+  /** (optional) The width and height in pixels */
+  size?: BuildingsHome6Line["size"]
+  /** (optional) Sets the icon color via the `fill` attribute */
+  selected?: BuildingsHome6Line["selected"]
+  /** (optional) When using the icon standalone, make it meaningful for accessibility */
+  accessibilityTitle?: BuildingsHome6Line["accessibilityTitle"]
+  /** (optional) If `true` the icon can receive focus */
+  focusable?: BuildingsHome6Line["focusable"]
+}
+
 export type ArrowsArrowDownLineProps = {
   /** (optional) The width and height in pixels */
   size?: ArrowsArrowDownLine["size"]
@@ -3601,17 +3614,6 @@ export type ArrowsArrowLeftLineProps = {
   focusable?: ArrowsArrowLeftLine["focusable"]
 }
 
-export type ArrowsArrowLeftSLineProps = {
-  /** (optional) The width and height in pixels */
-  size?: ArrowsArrowLeftSLine["size"]
-  /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: ArrowsArrowLeftSLine["selected"]
-  /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: ArrowsArrowLeftSLine["accessibilityTitle"]
-  /** (optional) If `true` the icon can receive focus */
-  focusable?: ArrowsArrowLeftSLine["focusable"]
-}
-
 export type ArrowsArrowLeftSFillProps = {
   /** (optional) The width and height in pixels */
   size?: ArrowsArrowLeftSFill["size"]
@@ -3623,15 +3625,15 @@ export type ArrowsArrowLeftSFillProps = {
   focusable?: ArrowsArrowLeftSFill["focusable"]
 }
 
-export type ArrowsArrowLeftUpLineProps = {
+export type ArrowsArrowLeftSLineProps = {
   /** (optional) The width and height in pixels */
-  size?: ArrowsArrowLeftUpLine["size"]
+  size?: ArrowsArrowLeftSLine["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: ArrowsArrowLeftUpLine["selected"]
+  selected?: ArrowsArrowLeftSLine["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: ArrowsArrowLeftUpLine["accessibilityTitle"]
+  accessibilityTitle?: ArrowsArrowLeftSLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: ArrowsArrowLeftUpLine["focusable"]
+  focusable?: ArrowsArrowLeftSLine["focusable"]
 }
 
 export type ArrowsArrowRightDownLineProps = {
@@ -3645,6 +3647,17 @@ export type ArrowsArrowRightDownLineProps = {
   focusable?: ArrowsArrowRightDownLine["focusable"]
 }
 
+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"]
+}
+
 export type ArrowsArrowRightLLineProps = {
   /** (optional) The width and height in pixels */
   size?: ArrowsArrowRightLLine["size"]
@@ -3667,17 +3680,6 @@ export type ArrowsArrowRightLineProps = {
   focusable?: ArrowsArrowRightLine["focusable"]
 }
 
-export type ArrowsArrowRightSFillProps = {
-  /** (optional) The width and height in pixels */
-  size?: ArrowsArrowRightSFill["size"]
-  /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: ArrowsArrowRightSFill["selected"]
-  /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: ArrowsArrowRightSFill["accessibilityTitle"]
-  /** (optional) If `true` the icon can receive focus */
-  focusable?: ArrowsArrowRightSFill["focusable"]
-}
-
 export type ArrowsArrowRightSLineProps = {
   /** (optional) The width and height in pixels */
   size?: ArrowsArrowRightSLine["size"]
@@ -3700,6 +3702,17 @@ export type ArrowsArrowRightUpLineProps = {
   focusable?: ArrowsArrowRightUpLine["focusable"]
 }
 
+export type ArrowsArrowRightSFillProps = {
+  /** (optional) The width and height in pixels */
+  size?: ArrowsArrowRightSFill["size"]
+  /** (optional) Sets the icon color via the `fill` attribute */
+  selected?: ArrowsArrowRightSFill["selected"]
+  /** (optional) When using the icon standalone, make it meaningful for accessibility */
+  accessibilityTitle?: ArrowsArrowRightSFill["accessibilityTitle"]
+  /** (optional) If `true` the icon can receive focus */
+  focusable?: ArrowsArrowRightSFill["focusable"]
+}
+
 export type ArrowsArrowUpLineProps = {
   /** (optional) The width and height in pixels */
   size?: ArrowsArrowUpLine["size"]
@@ -3744,17 +3757,6 @@ export type ArrowsExpandUpDownFillProps = {
   focusable?: ArrowsExpandUpDownFill["focusable"]
 }
 
-export type BuildingsHome6LineProps = {
-  /** (optional) The width and height in pixels */
-  size?: BuildingsHome6Line["size"]
-  /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: BuildingsHome6Line["selected"]
-  /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: BuildingsHome6Line["accessibilityTitle"]
-  /** (optional) If `true` the icon can receive focus */
-  focusable?: BuildingsHome6Line["focusable"]
-}
-
 export type BusinessCalendarLineProps = {
   /** (optional) The width and height in pixels */
   size?: BusinessCalendarLine["size"]
@@ -4327,26 +4329,26 @@ export type SystemMenuLineSProps = {
   focusable?: SystemMenuLineS["focusable"]
 }
 
-export type SystemMore2LineProps = {
+export type SystemMoreLineProps = {
   /** (optional) The width and height in pixels */
-  size?: SystemMore2Line["size"]
+  size?: SystemMoreLine["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemMore2Line["selected"]
+  selected?: SystemMoreLine["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemMore2Line["accessibilityTitle"]
+  accessibilityTitle?: SystemMoreLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemMore2Line["focusable"]
+  focusable?: SystemMoreLine["focusable"]
 }
 
-export type SystemMoreLineProps = {
+export type SystemMore2LineProps = {
   /** (optional) The width and height in pixels */
-  size?: SystemMoreLine["size"]
+  size?: SystemMore2Line["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemMoreLine["selected"]
+  selected?: SystemMore2Line["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemMoreLine["accessibilityTitle"]
+  accessibilityTitle?: SystemMore2Line["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemMoreLine["focusable"]
+  focusable?: SystemMore2Line["focusable"]
 }
 
 export type SystemSearchLineProps = {
@@ -4517,66 +4519,58 @@ declare module 'vue' {
      */
          'dap-ds-anchor-heading': DefineCustomElement<DapDSAnchorHeading, DapDSAnchorHeadingProps, {}>
     /**
-     * An accordion is a vertically stacked list of interactive items that can be expanded or collapsed to reveal or hide content.
+     * Avatar group component displays multiple avatars in an organized layout with overflow management.
      *
      * ### Events:
-     * - **dds-opened** - Event fired when the accordion is opened.
-     * - **dds-closed** - Event fired when the accordion is closed.
+     * - **dds-overflow-click** - Fired when the overflow indicator is clicked.
      *
      * ### Slots:
-     * - **default** - The content of the accordion.
-     * - **heading** - The heading of the accordion.
-     * - **icon-opened** - The icon when the accordion is opened.
-     * - **icon-closed** - The icon when the accordion is closed.
+     * - **default** - The avatars to display in the group.
      *
      * ### CSS Parts:
-     * - **base** - The main accordion container.
-     * - **heading** - The heading of the accordion.
-     * - **button** - The button of the accordion.
-     * - **content** - The content of the accordion.
-     * - **content-container** - The container of the accordion content.
-     * - **icon-wrapper** - The icon wrapper of the accordion.
-     * - **open-icon** - The icon when the accordion is opened.
-     * - **open-icon-base** - The base of the icon when the accordion is opened.
-     * - **close-icon** - The icon when the accordion is closed.
-     * - **close-icon-base** - The base of the icon when the accordion is closed.
+     * - **base** - The main container of the avatar group.
+     * - **avatars** - The container for the visible avatars.
+     * - **overflow** - The overflow indicator element.
      */
-         'dap-ds-accordion': DefineCustomElement<DapDSAccordion, DapDSAccordionProps, DapDSAccordionEvents>
+         'dap-ds-avatar-group': DefineCustomElement<DapDSAvatarGroup, DapDSAvatarGroupProps, DapDSAvatarGroupEvents>
     /**
-     * Avatar component can be used to display user profile images, initials, or icons.
-     *
-     * ### Events:
-     * - **dds-load** - Fired when the image loads successfully.
-     * - **dds-error** - Fired when the image fails to load.
+     * A badge is a small status descriptor for UI elements.
      *
      * ### Slots:
-     * - **icon** - The icon to display when variant is 'icon'.
-     * - **fallback** - Custom fallback content when image fails to load.
+     * - **default** - The content of the badge.
+     * - **icon** - The icon of the badge.
      *
      * ### CSS Parts:
-     * - **base** - The main avatar container.
-     * - **img** - The avatar image.
-     * - **initials** - The initials container.
-     * - **icon** - The icon container.
-     * - **fallback** - The fallback content container.
-     * - **loading** - The loading indicator.
+     * - **base** - The main container of the badge.
+     * - **icon** - The icon of the badge.
+     * - **content** - The content of the badge.
+     * - **icon-base** - The base of the icon.
      */
-         'dap-ds-avatar': DefineCustomElement<DapDSAvatar, DapDSAvatarProps, DapDSAvatarEvents>
+         'dap-ds-badge': DefineCustomElement<DapDSBadge, DapDSBadgeProps, {}>
     /**
-     * Avatar group component displays multiple avatars in an organized layout with overflow management.
+     * A banner is a message displayed at the top of the page to provide important information to the user.
      *
      * ### Events:
-     * - **dds-overflow-click** - Fired when the overflow indicator is clicked.
+     * - **dds-close** - Event fired when the banner is closed.
      *
      * ### Slots:
-     * - **default** - The avatars to display in the group.
+     * - **default** - The content of the banner.
+     * - **actions** - Actions of banner
+     * - **icon** - The icon of the banner.
      *
      * ### CSS Parts:
-     * - **base** - The main container of the avatar group.
-     * - **avatars** - The container for the visible avatars.
-     * - **overflow** - The overflow indicator element.
+     * - **base** - The main banner container.
+     * - **card-base** - The wrapper card container.
+     * - **icon** - The icon of the banner.
+     * - **icon-element** - The icon element of the banner.
+     * - **icon-base** - The base of the icon.
+     * - **closebutton** - The close button of the banner.
+     * - **close-icon-element** - The icon element of the close button.
+     * - **close-icon-base** - The base of the close button icon.
+     * - **actions** - The actions of the banner.
+     * - **title** -  The title of the banner.
      */
-         'dap-ds-avatar-group': DefineCustomElement<DapDSAvatarGroup, DapDSAvatarGroupProps, DapDSAvatarGroupEvents>
+         'dap-ds-banner': DefineCustomElement<DapDSBanner, DapDSBannerProps, DapDSBannerEvents>
     /**
      * A breadcrumb is a secondary navigation scheme that reveals the user's location in a website or Web application.
      *
@@ -4590,43 +4584,51 @@ declare module 'vue' {
      */
          'dap-ds-breadcrumb': DefineCustomElement<DapDSBreadcrumb, DapDSBreadcrumbProps, {}>
     /**
-     * A badge is a small status descriptor for UI elements.
+     * An accordion is a vertically stacked list of interactive items that can be expanded or collapsed to reveal or hide content.
+     *
+     * ### Events:
+     * - **dds-opened** - Event fired when the accordion is opened.
+     * - **dds-closed** - Event fired when the accordion is closed.
      *
      * ### Slots:
-     * - **default** - The content of the badge.
-     * - **icon** - The icon of the badge.
+     * - **default** - The content of the accordion.
+     * - **heading** - The heading of the accordion.
+     * - **icon-opened** - The icon when the accordion is opened.
+     * - **icon-closed** - The icon when the accordion is closed.
      *
      * ### CSS Parts:
-     * - **base** - The main container of the badge.
-     * - **icon** - The icon of the badge.
-     * - **content** - The content of the badge.
-     * - **icon-base** - The base of the icon.
+     * - **base** - The main accordion container.
+     * - **heading** - The heading of the accordion.
+     * - **button** - The button of the accordion.
+     * - **content** - The content of the accordion.
+     * - **content-container** - The container of the accordion content.
+     * - **icon-wrapper** - The icon wrapper of the accordion.
+     * - **open-icon** - The icon when the accordion is opened.
+     * - **open-icon-base** - The base of the icon when the accordion is opened.
+     * - **close-icon** - The icon when the accordion is closed.
+     * - **close-icon-base** - The base of the icon when the accordion is closed.
      */
-         'dap-ds-badge': DefineCustomElement<DapDSBadge, DapDSBadgeProps, {}>
+         'dap-ds-accordion': DefineCustomElement<DapDSAccordion, DapDSAccordionProps, DapDSAccordionEvents>
     /**
-     * A banner is a message displayed at the top of the page to provide important information to the user.
+     * Avatar component can be used to display user profile images, initials, or icons.
      *
      * ### Events:
-     * - **dds-close** - Event fired when the banner is closed.
+     * - **dds-load** - Fired when the image loads successfully.
+     * - **dds-error** - Fired when the image fails to load.
      *
      * ### Slots:
-     * - **default** - The content of the banner.
-     * - **actions** - Actions of banner
-     * - **icon** - The icon of the banner.
+     * - **icon** - The icon to display when variant is 'icon'.
+     * - **fallback** - Custom fallback content when image fails to load.
      *
      * ### CSS Parts:
-     * - **base** - The main banner container.
-     * - **card-base** - The wrapper card container.
-     * - **icon** - The icon of the banner.
-     * - **icon-element** - The icon element of the banner.
-     * - **icon-base** - The base of the icon.
-     * - **closebutton** - The close button of the banner.
-     * - **close-icon-element** - The icon element of the close button.
-     * - **close-icon-base** - The base of the close button icon.
-     * - **actions** - The actions of the banner.
-     * - **title** -  The title of the banner.
+     * - **base** - The main avatar container.
+     * - **img** - The avatar image.
+     * - **initials** - The initials container.
+     * - **icon** - The icon container.
+     * - **fallback** - The fallback content container.
+     * - **loading** - The loading indicator.
      */
-         'dap-ds-banner': DefineCustomElement<DapDSBanner, DapDSBannerProps, DapDSBannerEvents>
+         'dap-ds-avatar': DefineCustomElement<DapDSAvatar, DapDSAvatarProps, DapDSAvatarEvents>
     /**
      * An accordion group is a collection of accordion components.
      *
@@ -4637,21 +4639,6 @@ declare module 'vue' {
      * - **base** - The main accordion group container.
      */
          'dap-ds-accordion-group': DefineCustomElement<DapDSAccordionGroup, DapDSAccordionGroupProps, {}>
-    /**
-     * A button is a clickable element that can be used to trigger an action, submit forms, or navigate to other pages.
-     *
-     * ### Events:
-     * - **dds-loading-timeout** - Emitted when the loading timeout is reached
-     *
-     * ### Slots:
-     * - **default** - The content of the button. Can contain text, icons, or other elements.
-     *
-     * ### CSS Parts:
-     * - **base** - The main button container.
-     * - **high-contrast** - The high contrast part of the button.
-     * - **content** - The content wrapper inside the button.
-     */
-         'dap-ds-button': DefineCustomElement<DapDSButton, DapDSButtonProps, DapDSButtonEvents>
     /**
      * A breadcrumb item is a secondary navigation scheme that reveals the user's location in a website or Web application.
      *
@@ -4668,29 +4655,20 @@ declare module 'vue' {
      */
          'dap-ds-breadcrumb-item': DefineCustomElement<DapDSBreadcrumbItem, DapDSBreadcrumbItemProps, {}>
     /**
-     * 
+     * A button is a clickable element that can be used to trigger an action, submit forms, or navigate to other pages.
      *
      * ### Events:
-     * - **dds-close** - Fired when the close button is clicked.
+     * - **dds-loading-timeout** - Emitted when the loading timeout is reached
      *
      * ### Slots:
-     * - **default** - The content of the callout.
-     * - **title** - The title of the callout.
-     * - **icon** - The icon of the callout.
-     * - **actions** - The actions of the callout.
-     * - **close** - The close button of the callout.
+     * - **default** - The content of the button. Can contain text, icons, or other elements.
      *
      * ### CSS Parts:
-     * - **base** - The main callout container.
-     * - **content** - The content of the callout.
-     * - **card-content** - The content of the card.
-     * - **icon** - The icon of the callout.
-     * - **title** - The title of the callout.
-     * - **description** - The description of the callout.
-     * - **actions** - The actions of the callout.
-     * - **close** - The close button of the callout.
+     * - **base** - The main button container.
+     * - **high-contrast** - The high contrast part of the button.
+     * - **content** - The content wrapper inside the button.
      */
-         'dap-ds-callout': DefineCustomElement<DapDSCallout, DapDSCalloutProps, DapDSCalloutEvents>
+         'dap-ds-button': DefineCustomElement<DapDSButton, DapDSButtonProps, DapDSButtonEvents>
     /**
      * Calendar cell represents a single cell in the calendar.
      *
@@ -4724,6 +4702,30 @@ declare module 'vue' {
      * - **calendar-header-month-select** - The month select of the calendar header.
      */
          'dap-ds-calendar': DefineCustomElement<DapDSCalendar, DapDSCalendarProps, DapDSCalendarEvents>
+    /**
+     * 
+     *
+     * ### Events:
+     * - **dds-close** - Fired when the close button is clicked.
+     *
+     * ### Slots:
+     * - **default** - The content of the callout.
+     * - **title** - The title of the callout.
+     * - **icon** - The icon of the callout.
+     * - **actions** - The actions of the callout.
+     * - **close** - The close button of the callout.
+     *
+     * ### CSS Parts:
+     * - **base** - The main callout container.
+     * - **content** - The content of the callout.
+     * - **card-content** - The content of the card.
+     * - **icon** - The icon of the callout.
+     * - **title** - The title of the callout.
+     * - **description** - The description of the callout.
+     * - **actions** - The actions of the callout.
+     * - **close** - The close button of the callout.
+     */
+         'dap-ds-callout': DefineCustomElement<DapDSCallout, DapDSCalloutProps, DapDSCalloutEvents>
     /**
      * A card actions is a container for actions in a card.
      *
@@ -4944,6 +4946,18 @@ declare module 'vue' {
      * - **base** - The main content switcher container.
      */
          'dap-ds-content-switcher': DefineCustomElement<DapDSContentSwitcher, DapDSContentSwitcherProps, DapDSContentSwitcherEvents>
+    /**
+     * A DÁP badge is a brand element showing the use of this system design library.
+     *
+     * ### Slots:
+     * - **default** - Description of badge *
+     *
+     * ### CSS Parts:
+     * - **base** - Main badge container
+     * - **icon** - Badge icon
+     * - **text** - Badge text
+     */
+         'dap-ds-dap-badge': DefineCustomElement<DapDSDAPBadge, DapDSDAPBadgeProps, {}>
     /**
      * A copybox input is a field for copying an input value.
      *
@@ -4966,18 +4980,6 @@ declare module 'vue' {
      * - **copy-icon-base** - The base of the copy icon.
      */
          'dap-ds-copybox-input': DefineCustomElement<DapDSCopyBoxInput, DapDSCopyBoxInputProps, DapDSCopyBoxInputEvents>
-    /**
-     * A DÁP badge is a brand element showing the use of this system design library.
-     *
-     * ### Slots:
-     * - **default** - Description of badge *
-     *
-     * ### CSS Parts:
-     * - **base** - Main badge container
-     * - **icon** - Badge icon
-     * - **text** - Badge text
-     */
-         'dap-ds-dap-badge': DefineCustomElement<DapDSDAPBadge, DapDSDAPBadgeProps, {}>
     /**
      * A data table is a component that displays data in a tabular format.
      *
@@ -5339,6 +5341,32 @@ Uses semantic HTML (`<nav>`) and proper navigation ARIA attributes.
      * - **noty** - The notification badge container.
      */
          'dap-ds-notification-badge': DefineCustomElement<DapDSNotificationBadge, DapDSNotificationBadgeProps, {}>
+    /**
+     * An official website banner is a banner that displays that the website is an official website.
+     *
+     * ### Events:
+     * - **dds-opened** - Event fired when the accordion is opened.
+     * - **dds-closed** - Event fired when the accordion is closed.
+     *
+     * ### Slots:
+     * - **default** - The content of the accordion.
+     * - **heading** - The heading of the accordion.
+     * - **icon-opened** - The icon when the accordion is opened.
+     * - **icon-closed** - The icon when the accordion is closed.
+     *
+     * ### CSS Parts:
+     * - **base** - The main accordion container.
+     * - **heading** - The heading of the accordion.
+     * - **button** - The button of the accordion.
+     * - **content** - The content of the accordion.
+     * - **content-container** - The container of the accordion content.
+     * - **icon-wrapper** - The icon wrapper of the accordion.
+     * - **open-icon** - The icon when the accordion is opened.
+     * - **open-icon-base** - The base of the icon when the accordion is opened.
+     * - **close-icon** - The icon when the accordion is closed.
+     * - **close-icon-base** - The base of the icon when the accordion is closed.
+     */
+         'dap-ds-official-website-banner': DefineCustomElement<DapDSOfficialWebsiteBanner, DapDSOfficialWebsiteBannerProps, DapDSOfficialWebsiteBannerEvents>
     /**
      * A number input component.
      *
@@ -5371,32 +5399,6 @@ Uses semantic HTML (`<nav>`) and proper navigation ARIA attributes.
      * - **increment-button-content** - The content of the increment button.
      */
          'dap-ds-number-input': DefineCustomElement<DapDSNumberInput, DapDSNumberInputProps, DapDSNumberInputEvents>
-    /**
-     * An official website banner is a banner that displays that the website is an official website.
-     *
-     * ### Events:
-     * - **dds-opened** - Event fired when the accordion is opened.
-     * - **dds-closed** - Event fired when the accordion is closed.
-     *
-     * ### Slots:
-     * - **default** - The content of the accordion.
-     * - **heading** - The heading of the accordion.
-     * - **icon-opened** - The icon when the accordion is opened.
-     * - **icon-closed** - The icon when the accordion is closed.
-     *
-     * ### CSS Parts:
-     * - **base** - The main accordion container.
-     * - **heading** - The heading of the accordion.
-     * - **button** - The button of the accordion.
-     * - **content** - The content of the accordion.
-     * - **content-container** - The container of the accordion content.
-     * - **icon-wrapper** - The icon wrapper of the accordion.
-     * - **open-icon** - The icon when the accordion is opened.
-     * - **open-icon-base** - The base of the icon when the accordion is opened.
-     * - **close-icon** - The icon when the accordion is closed.
-     * - **close-icon-base** - The base of the icon when the accordion is closed.
-     */
-         'dap-ds-official-website-banner': DefineCustomElement<DapDSOfficialWebsiteBanner, DapDSOfficialWebsiteBannerProps, DapDSOfficialWebsiteBannerEvents>
     /**
      * An option group is a container for grouping related option items.
 Used with dap-ds-select to create grouped options that render as native optgroup elements.
@@ -5702,13 +5704,6 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * - **menu** - The menu of the side navigation.
      */
          'dap-ds-sidenav': DefineCustomElement<DapDSSideNav, DapDSSideNavProps, DapDSSideNavEvents>
-    /**
-     * A skeleton loader component for displaying placeholder content while loading.
-     *
-     * ### CSS Parts:
-     * - **base** - The main skeleton container.
-     */
-         'dap-ds-skeleton': DefineCustomElement<DapDSSkeleton, DapDSSkeletonProps, {}>
     /**
      * A skip link is a link that allows keyboard users to skip to the main content of a page.
      *
@@ -5721,6 +5716,13 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * - **high-contrast** - The high contrast outline container.
      */
          'dap-ds-skip-link': DefineCustomElement<DapDSSkipLink, DapDSSkipLinkProps, {}>
+    /**
+     * A skeleton loader component for displaying placeholder content while loading.
+     *
+     * ### CSS Parts:
+     * - **base** - The main skeleton container.
+     */
+         'dap-ds-skeleton': DefineCustomElement<DapDSSkeleton, DapDSSkeletonProps, {}>
     /**
      * The Snackbar component shows a sliding message to the user.
      *
@@ -6056,6 +6058,13 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * - **container** - The container of the radio group items.
      */
          'dap-ds-radio-group': DefineCustomElement<DapDSRadioGroup, DapDSRadioGroupProps, DapDSRadioGroupEvents>
+    /**
+     * An icon
+     *
+     * ### CSS Parts:
+     * - **base** - The main icon container.
+     */
+         'dap-ds-icon-home-6-line': DefineCustomElement<BuildingsHome6Line, BuildingsHome6LineProps, {}>
     /**
      * An icon
      *
@@ -6104,28 +6113,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-s-line': DefineCustomElement<ArrowsArrowLeftSLine, ArrowsArrowLeftSLineProps, {}>
+         'dap-ds-icon-arrow-left-s-fill': DefineCustomElement<ArrowsArrowLeftSFill, ArrowsArrowLeftSFillProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-arrow-left-s-fill': DefineCustomElement<ArrowsArrowLeftSFill, ArrowsArrowLeftSFillProps, {}>
+         'dap-ds-icon-arrow-left-s-line': DefineCustomElement<ArrowsArrowLeftSLine, ArrowsArrowLeftSLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-arrow-left-up-line': DefineCustomElement<ArrowsArrowLeftUpLine, ArrowsArrowLeftUpLineProps, {}>
+         'dap-ds-icon-arrow-right-down-line': DefineCustomElement<ArrowsArrowRightDownLine, ArrowsArrowRightDownLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-arrow-right-down-line': DefineCustomElement<ArrowsArrowRightDownLine, ArrowsArrowRightDownLineProps, {}>
+         'dap-ds-icon-arrow-left-up-line': DefineCustomElement<ArrowsArrowLeftUpLine, ArrowsArrowLeftUpLineProps, {}>
     /**
      * An icon
      *
@@ -6146,21 +6155,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-arrow-right-s-fill': DefineCustomElement<ArrowsArrowRightSFill, ArrowsArrowRightSFillProps, {}>
+         'dap-ds-icon-arrow-right-s-line': DefineCustomElement<ArrowsArrowRightSLine, ArrowsArrowRightSLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-arrow-right-s-line': DefineCustomElement<ArrowsArrowRightSLine, ArrowsArrowRightSLineProps, {}>
+         'dap-ds-icon-arrow-right-up-line': DefineCustomElement<ArrowsArrowRightUpLine, ArrowsArrowRightUpLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-arrow-right-up-line': DefineCustomElement<ArrowsArrowRightUpLine, ArrowsArrowRightUpLineProps, {}>
+         'dap-ds-icon-arrow-right-s-fill': DefineCustomElement<ArrowsArrowRightSFill, ArrowsArrowRightSFillProps, {}>
     /**
      * An icon
      *
@@ -6189,13 +6198,6 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * - **base** - The main icon container.
      */
          'dap-ds-icon-expand-up-down-fill': DefineCustomElement<ArrowsExpandUpDownFill, ArrowsExpandUpDownFillProps, {}>
-    /**
-     * An icon
-     *
-     * ### CSS Parts:
-     * - **base** - The main icon container.
-     */
-         'dap-ds-icon-home-6-line': DefineCustomElement<BuildingsHome6Line, BuildingsHome6LineProps, {}>
     /**
      * An icon
      *
@@ -6566,14 +6568,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-more-2-line': DefineCustomElement<SystemMore2Line, SystemMore2LineProps, {}>
+         'dap-ds-icon-more-line': DefineCustomElement<SystemMoreLine, SystemMoreLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-more-line': DefineCustomElement<SystemMoreLine, SystemMoreLineProps, {}>
+         'dap-ds-icon-more-2-line': DefineCustomElement<SystemMore2Line, SystemMore2LineProps, {}>
     /**
      * An icon
      *
@@ -6680,18 +6682,18 @@ declare global {
   namespace JSX {
     interface IntrinsicElements {
       'dap-ds-anchor-heading': DapDSAnchorHeadingProps
-      'dap-ds-accordion': DapDSAccordionProps & DapDSAccordionEvents & DapDSAccordionSlots
-      'dap-ds-avatar': DapDSAvatarProps & DapDSAvatarEvents & DapDSAvatarSlots
       'dap-ds-avatar-group': DapDSAvatarGroupProps & DapDSAvatarGroupEvents & DapDSAvatarGroupSlots
-      'dap-ds-breadcrumb': DapDSBreadcrumbProps & DapDSBreadcrumbSlots
       'dap-ds-badge': DapDSBadgeProps & DapDSBadgeSlots
       'dap-ds-banner': DapDSBannerProps & DapDSBannerEvents & DapDSBannerSlots
+      'dap-ds-breadcrumb': DapDSBreadcrumbProps & DapDSBreadcrumbSlots
+      'dap-ds-accordion': DapDSAccordionProps & DapDSAccordionEvents & DapDSAccordionSlots
+      'dap-ds-avatar': DapDSAvatarProps & DapDSAvatarEvents & DapDSAvatarSlots
       'dap-ds-accordion-group': DapDSAccordionGroupProps & DapDSAccordionGroupSlots
-      'dap-ds-button': DapDSButtonProps & DapDSButtonEvents & DapDSButtonSlots
       'dap-ds-breadcrumb-item': DapDSBreadcrumbItemProps & DapDSBreadcrumbItemSlots
-      'dap-ds-callout': DapDSCalloutProps & DapDSCalloutEvents & DapDSCalloutSlots
+      'dap-ds-button': DapDSButtonProps & DapDSButtonEvents & DapDSButtonSlots
       'dap-ds-calendar-cell': DapDSCalendarCellProps & DapDSCalendarCellSlots
       'dap-ds-calendar': DapDSCalendarProps & DapDSCalendarEvents & DapDSCalendarSlots
+      'dap-ds-callout': DapDSCalloutProps & DapDSCalloutEvents & DapDSCalloutSlots
       'dap-ds-card-actions': DapDSCardActionsProps & DapDSCardActionsSlots
       'dap-ds-card-content': DapDSCardContentProps & DapDSCardContentSlots
       'dap-ds-card-image': DapDSCardImageProps & DapDSCardImageSlots
@@ -6708,8 +6710,8 @@ declare global {
       'dap-ds-command': DapDSCommandProps & DapDSCommandEvents & DapDSCommandSlots
       'dap-ds-content-switcher-item': DapDSContentSwitcherItemProps & DapDSContentSwitcherItemSlots
       'dap-ds-content-switcher': DapDSContentSwitcherProps & DapDSContentSwitcherEvents & DapDSContentSwitcherSlots
-      'dap-ds-copybox-input': DapDSCopyBoxInputProps & DapDSCopyBoxInputEvents
       'dap-ds-dap-badge': DapDSDAPBadgeProps & DapDSDAPBadgeSlots
+      'dap-ds-copybox-input': DapDSCopyBoxInputProps & DapDSCopyBoxInputEvents
       'dap-ds-datatable': <T = any>(props: DapDSDataTableProps<T> & DapDSDataTableEvents<T> & DapDSDataTableSlots) => JSX.Element
       'dap-ds-datepicker': DapDSDatePickerProps & DapDSDatePickerEvents
       'dap-ds-divider': DapDSDividerProps
@@ -6728,8 +6730,8 @@ declare global {
       '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-number-input': DapDSNumberInputProps & DapDSNumberInputEvents & DapDSNumberInputSlots
       'dap-ds-option-group': DapDSOptionGroupProps & DapDSOptionGroupSlots
       'dap-ds-option-item': DapDSOptionItemProps & DapDSOptionItemSlots
       'dap-ds-option-list': DapDSOptionListProps & DapDSOptionListEvents & DapDSOptionListSlots
@@ -6747,8 +6749,8 @@ declare global {
       'dap-ds-sidenav-group': DapDSSideNavGroupProps & DapDSSideNavGroupSlots
       'dap-ds-sidenav-item': DapDSSideNavItemProps & DapDSSideNavItemSlots
       'dap-ds-sidenav': DapDSSideNavProps & DapDSSideNavEvents & DapDSSideNavSlots
-      'dap-ds-skeleton': DapDSSkeletonProps
       'dap-ds-skip-link': DapDSSkipLinkProps & DapDSSkipLinkSlots
+      'dap-ds-skeleton': DapDSSkeletonProps
       'dap-ds-snackbar-message': DapDSSnackbarMessageProps & DapDSSnackbarMessageEvents & DapDSSnackbarMessageSlots
       'dap-ds-snackbar': DapDSSnackbarProps
       'dap-ds-spinner': DapDSSpinnerProps & DapDSSpinnerSlots
@@ -6773,26 +6775,26 @@ declare global {
       'dap-ds-form-label': DapDSFormLabelProps
       'dap-ds-input-group': DapDSInputGroupProps & DapDSInputGroupSlots
       'dap-ds-radio-group': DapDSRadioGroupProps & DapDSRadioGroupEvents & DapDSRadioGroupSlots
+      'dap-ds-icon-home-6-line': BuildingsHome6LineProps
       'dap-ds-icon-arrow-down-line': ArrowsArrowDownLineProps
       'dap-ds-icon-arrow-down-s-fill': ArrowsArrowDownSFillProps
       'dap-ds-icon-arrow-down-s-line': ArrowsArrowDownSLineProps
       '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-line': ArrowsArrowLeftSLineProps
       'dap-ds-icon-arrow-left-s-fill': ArrowsArrowLeftSFillProps
-      'dap-ds-icon-arrow-left-up-line': ArrowsArrowLeftUpLineProps
+      'dap-ds-icon-arrow-left-s-line': ArrowsArrowLeftSLineProps
       'dap-ds-icon-arrow-right-down-line': ArrowsArrowRightDownLineProps
+      'dap-ds-icon-arrow-left-up-line': ArrowsArrowLeftUpLineProps
       'dap-ds-icon-arrow-right-l-line': ArrowsArrowRightLLineProps
       'dap-ds-icon-arrow-right-line': ArrowsArrowRightLineProps
-      'dap-ds-icon-arrow-right-s-fill': ArrowsArrowRightSFillProps
       'dap-ds-icon-arrow-right-s-line': ArrowsArrowRightSLineProps
       'dap-ds-icon-arrow-right-up-line': ArrowsArrowRightUpLineProps
+      'dap-ds-icon-arrow-right-s-fill': ArrowsArrowRightSFillProps
       'dap-ds-icon-arrow-up-line': ArrowsArrowUpLineProps
       'dap-ds-icon-arrow-up-s-fill': ArrowsArrowUpSFillProps
       'dap-ds-icon-arrow-up-s-line': ArrowsArrowUpSLineProps
       'dap-ds-icon-expand-up-down-fill': ArrowsExpandUpDownFillProps
-      'dap-ds-icon-home-6-line': BuildingsHome6LineProps
       'dap-ds-icon-calendar-line': BusinessCalendarLineProps
       'dap-ds-icon-edit-line': DesignEditLineProps
       'dap-ds-icon-tools-line': DesignToolsLineProps
@@ -6845,8 +6847,8 @@ declare global {
       'dap-ds-icon-lock-line': SystemLockLineProps
       'dap-ds-icon-menu-line': SystemMenuLineProps
       'dap-ds-icon-menu-line-s': SystemMenuLineSProps
-      'dap-ds-icon-more-2-line': SystemMore2LineProps
       'dap-ds-icon-more-line': SystemMoreLineProps
+      'dap-ds-icon-more-2-line': SystemMore2LineProps
       'dap-ds-icon-search-line': SystemSearchLineProps
       'dap-ds-icon-share-line': SystemShareLineProps
       'dap-ds-icon-shield-check-fill': SystemShieldCheckFillProps