dap-design-system 0.50.1 → 0.50.2

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

@@ -393,6 +393,18 @@ export interface DapDSLinkEvents {
   onDdsClick?: (event: CustomEvent<{ event: Event }>) => void
 }
 
+export interface DapDSNavigationMenuItemEvents {
+  /** Fired when a navigation item is clicked. */
+  onDdsNavigationItemClick?: (event: CustomEvent<{ href: string, event: Event }>) => void
+  /** Fired when a navigation dropdown is opened. */
+  onDdsNavigationDropdownOpen?: (event: CustomEvent<{ item: DapDSNavigationMenuItem }>) => void
+}
+
+export interface DapDSNavigationMenuEvents {
+  /** Fired when a navigation item is clicked. */
+  onDdsNavigationItemClick?: (event: CustomEvent<{ href: string, event: Event }>) => void
+}
+
 export interface DapDSModalEvents {
   /** Fires before the modal opens. */
   onDdsBeforeOpen?: (event: CustomEvent) => void
@@ -410,18 +422,6 @@ export interface DapDSModalEvents {
   onDdsCancel?: (event: CustomEvent) => void
 }
 
-export interface DapDSNavigationMenuItemEvents {
-  /** Fired when a navigation item is clicked. */
-  onDdsNavigationItemClick?: (event: CustomEvent<{ href: string, event: Event }>) => void
-  /** Fired when a navigation dropdown is opened. */
-  onDdsNavigationDropdownOpen?: (event: CustomEvent<{ item: DapDSNavigationMenuItem }>) => void
-}
-
-export interface DapDSNavigationMenuEvents {
-  /** Fired when a navigation item is clicked. */
-  onDdsNavigationItemClick?: (event: CustomEvent<{ href: string, event: Event }>) => void
-}
-
 export interface DapDSNumberInputEvents {
   /** Fired when the input value changes. */
   onDdsChange?: (event: CustomEvent<{ value: string }>) => void
@@ -640,11 +640,6 @@ export interface DapDSAccordionSlots {
   'icon-closed'?: () => any
 }
 
-export interface DapDSAccordionGroupSlots {
-  /** The content of the accordion group. */
-  default?: () => any
-}
-
 export interface DapDSAvatarSlots {
   /** The icon to display when variant is 'icon'. */
   'icon'?: () => any
@@ -673,6 +668,11 @@ export interface DapDSBannerSlots {
   'icon'?: () => any
 }
 
+export interface DapDSAccordionGroupSlots {
+  /** The content of the accordion group. */
+  default?: () => any
+}
+
 export interface DapDSBreadcrumbSlots {
   /** The content of the breadcrumb. */
   default?: () => any
@@ -852,17 +852,6 @@ 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
@@ -879,6 +868,17 @@ export interface DapDSNavigationMenuSlots {
   default?: () => 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 DapDSNotificationBadgeSlots {
   /** The content of the notification badge. */
   default?: () => any
@@ -900,6 +900,11 @@ export interface DapDSOfficialWebsiteBannerSlots {
   'icon-closed'?: () => any
 }
 
+export interface DapDSOptionListSlots {
+  /** The default slot for the options. */
+  default?: () => any
+}
+
 export interface DapDSOptionItemSlots {
   /** The prefix of the option item. */
   'prefix'?: () => any
@@ -909,11 +914,6 @@ export interface DapDSOptionItemSlots {
   'suffix'?: () => any
 }
 
-export interface DapDSOptionListSlots {
-  /** The default slot for the options. */
-  default?: () => any
-}
-
 export interface DapDSOverlaySlots {
   /** The content of the overlay. */
   default?: () => any
@@ -991,18 +991,6 @@ export interface DapDSStackSlots {
   default?: () => any
 }
 
-export interface DapDSTabGroupSlots {
-  /** The tab items. */
-  default?: () => any
-}
-
-export interface DapDSTabSlots {
-  /** The tab title template. */
-  default?: () => any
-  /** The tab content. */
-  'content'?: () => any
-}
-
 export interface DapDSTableCellSlots {
   /** The default slot. */
   default?: () => any
@@ -1023,6 +1011,18 @@ export interface DapDSTableSlots {
   default?: () => any
 }
 
+export interface DapDSTabGroupSlots {
+  /** The tab items. */
+  default?: () => any
+}
+
+export interface DapDSTabSlots {
+  /** The tab title template. */
+  default?: () => any
+  /** The tab content. */
+  'content'?: () => any
+}
+
 export interface DapDSTextareaSlots {
   /** The custom icon of the feedback. */
   'feedback-icon'?: () => any
@@ -1099,13 +1099,6 @@ export type DapDSAccordionProps = {
   loading?: DapDSAccordion["loading"]
 }
 
-export type DapDSAccordionGroupProps = {
-  /** Whether to close other accordions when one is opened. */
-  autoClose?: DapDSAccordionGroup["autoClose"]
-  /** The variant of the accordion */
-  variant?: DapDSAccordionGroup["variant"]
-}
-
 export type DapDSAvatarProps = {
   /** The size of the avatar */
   size?: DapDSAvatar["size"]
@@ -1131,17 +1124,6 @@ export type DapDSAvatarProps = {
   height?: DapDSAvatar["height"]
 }
 
-export type DapDSAnchorHeadingProps = {
-  /** The variant of the heading. Default is `h2`. Can be `h1`, `h2`, `h3`, `h4`, `h5`, or `h6`. */
-  variant?: DapDSAnchorHeading["variant"]
-  /** The label of the heading. */
-  label?: DapDSAnchorHeading["label"]
-  /**  */
-  elementId?: DapDSAnchorHeading["elementId"]
-  /**  */
-  anchorTitle?: DapDSAnchorHeading["anchorTitle"]
-}
-
 export type DapDSAvatarGroupProps = {
   /** The size of avatars in the group */
   size?: DapDSAvatarGroup["size"]
@@ -1159,6 +1141,17 @@ export type DapDSAvatarGroupProps = {
   "overflow-label"?: DapDSAvatarGroup["overflowLabel"]
 }
 
+export type DapDSAnchorHeadingProps = {
+  /** The variant of the heading. Default is `h2`. Can be `h1`, `h2`, `h3`, `h4`, `h5`, or `h6`. */
+  variant?: DapDSAnchorHeading["variant"]
+  /** The label of the heading. */
+  label?: DapDSAnchorHeading["label"]
+  /**  */
+  elementId?: DapDSAnchorHeading["elementId"]
+  /**  */
+  anchorTitle?: DapDSAnchorHeading["anchorTitle"]
+}
+
 export type DapDSBadgeProps = {
   /** The type of the badge */
   type?: DapDSBadge["type"]
@@ -1183,6 +1176,13 @@ export type DapDSBannerProps = {
   icon?: DapDSBanner["icon"]
 }
 
+export type DapDSAccordionGroupProps = {
+  /** Whether to close other accordions when one is opened. */
+  autoClose?: DapDSAccordionGroup["autoClose"]
+  /** The variant of the accordion */
+  variant?: DapDSAccordionGroup["variant"]
+}
+
 export type DapDSBreadcrumbProps = {
   /**  */
   variant?: DapDSBreadcrumb["variant"]
@@ -2166,55 +2166,6 @@ export type DapDSListItemProps = {
   renderAs?: DapDSListItem["renderAs"]
 }
 
-export type DapDSModalProps = {
-  /** Pushes the footer to bottom. */
-  bottomFooter?: DapDSModal["bottomFooter"]
-  /** The open state of the modal. */
-  open?: DapDSModal["open"]
-  /** The full screen version of the modal. */
-  fullScreen?: DapDSModal["fullScreen"]
-  /** The size of the modal. Default is 'sm'. */
-  size?: DapDSModal["size"]
-  /** Wide layout mode for footer. */
-  wideFooter?: DapDSModal["wideFooter"]
-  /** Fixes the header to the top of the modal. */
-  fixedHeader?: DapDSModal["fixedHeader"]
-  /** Fixes the footer to the bottom of the modal. */
-  fixedFooter?: DapDSModal["fixedFooter"]
-  /** Whether the modal should close on pressing the escape key. Default is true. */
-  closeOnEsc?: DapDSModal["closeOnEsc"]
-  /** Whether the modal should close on clicking the overlay. Default is true. */
-  closeOnOverlayClick?: DapDSModal["closeOnOverlayClick"]
-  /** Whether the modal should have a close button. Default is true. */
-  closeButton?: DapDSModal["closeButton"]
-  /** The title of the modal. */
-  title?: DapDSModal["title"]
-  /** The description of the modal. */
-  description?: DapDSModal["description"]
-  /** The label of the OK button. */
-  okButtonLabel?: DapDSModal["okButtonLabel"]
-  /** The label of the Cancel button. */
-  cancelButtonLabel?: DapDSModal["cancelButtonLabel"]
-  /** Whether the OK button should be disabled. */
-  okButtonDisabled?: DapDSModal["okButtonDisabled"]
-  /** Whether the Cancel button should be disabled. */
-  cancelButtonDisabled?: DapDSModal["cancelButtonDisabled"]
-  /** Whether the Cancel button should be a danger button. */
-  cancelButtonDanger?: DapDSModal["cancelButtonDanger"]
-  /** Whether the OK button should be a danger button. */
-  okButtonDanger?: DapDSModal["okButtonDanger"]
-  /** Whether the OK button should be hidden. */
-  hideOkButton?: DapDSModal["hideOkButton"]
-  /** Whether the Cancel button should be hidden. */
-  hideCancelButton?: DapDSModal["hideCancelButton"]
-  /** Whether the modal should have a footer. Default is true. */
-  footer?: DapDSModal["footer"]
-  /** Whether the modal should have a header. Default is true. */
-  header?: DapDSModal["header"]
-  /** Whether the modal should use native focus. Default is false. */
-  useNativeFocus?: DapDSModal["useNativeFocus"]
-}
-
 export type DapDSNavigationMenuItemProps = {
   /** The disabled state of the popup. Default is false. */
   disabled?: DapDSNavigationMenuItem["disabled"]
@@ -2273,6 +2224,55 @@ export type DapDSNavigationMenuProps = {
   allowMultipleOpen?: DapDSNavigationMenu["allowMultipleOpen"]
 }
 
+export type DapDSModalProps = {
+  /** Pushes the footer to bottom. */
+  bottomFooter?: DapDSModal["bottomFooter"]
+  /** The open state of the modal. */
+  open?: DapDSModal["open"]
+  /** The full screen version of the modal. */
+  fullScreen?: DapDSModal["fullScreen"]
+  /** The size of the modal. Default is 'sm'. */
+  size?: DapDSModal["size"]
+  /** Wide layout mode for footer. */
+  wideFooter?: DapDSModal["wideFooter"]
+  /** Fixes the header to the top of the modal. */
+  fixedHeader?: DapDSModal["fixedHeader"]
+  /** Fixes the footer to the bottom of the modal. */
+  fixedFooter?: DapDSModal["fixedFooter"]
+  /** Whether the modal should close on pressing the escape key. Default is true. */
+  closeOnEsc?: DapDSModal["closeOnEsc"]
+  /** Whether the modal should close on clicking the overlay. Default is true. */
+  closeOnOverlayClick?: DapDSModal["closeOnOverlayClick"]
+  /** Whether the modal should have a close button. Default is true. */
+  closeButton?: DapDSModal["closeButton"]
+  /** The title of the modal. */
+  title?: DapDSModal["title"]
+  /** The description of the modal. */
+  description?: DapDSModal["description"]
+  /** The label of the OK button. */
+  okButtonLabel?: DapDSModal["okButtonLabel"]
+  /** The label of the Cancel button. */
+  cancelButtonLabel?: DapDSModal["cancelButtonLabel"]
+  /** Whether the OK button should be disabled. */
+  okButtonDisabled?: DapDSModal["okButtonDisabled"]
+  /** Whether the Cancel button should be disabled. */
+  cancelButtonDisabled?: DapDSModal["cancelButtonDisabled"]
+  /** Whether the Cancel button should be a danger button. */
+  cancelButtonDanger?: DapDSModal["cancelButtonDanger"]
+  /** Whether the OK button should be a danger button. */
+  okButtonDanger?: DapDSModal["okButtonDanger"]
+  /** Whether the OK button should be hidden. */
+  hideOkButton?: DapDSModal["hideOkButton"]
+  /** Whether the Cancel button should be hidden. */
+  hideCancelButton?: DapDSModal["hideCancelButton"]
+  /** Whether the modal should have a footer. Default is true. */
+  footer?: DapDSModal["footer"]
+  /** Whether the modal should have a header. Default is true. */
+  header?: DapDSModal["header"]
+  /** Whether the modal should use native focus. Default is false. */
+  useNativeFocus?: DapDSModal["useNativeFocus"]
+}
+
 export type DapDSNotificationBadgeProps = {
   /** The content of the badge, it can be a number or a string. Content tried to be parsed as a number, if it's not a number, it will be displayed as a string. */
   badgeContent?: DapDSNotificationBadge["badgeContent"]
@@ -2378,25 +2378,6 @@ export type DapDSOfficialWebsiteBannerProps = {
   lastItem?: DapDSOfficialWebsiteBanner["lastItem"]
 }
 
-export type DapDSOptionItemProps = {
-  /** The selected state of the option item */
-  selected?: DapDSOptionItem["selected"]
-  /** Wheteher the item is selectable, whether it shows the selected icon */
-  selectable?: DapDSOptionItem["selectable"]
-  /** The position of the selected icon */
-  selectedIconPosition?: DapDSOptionItem["selectedIconPosition"]
-  /** The value of the option item */
-  value?: DapDSOptionItem["value"]
-  /** The disabled state of the option item */
-  disabled?: DapDSOptionItem["disabled"]
-  /** The focused state of the option item */
-  focused?: DapDSOptionItem["focused"]
-  /** The label of the option item, it can be a simplier version of an item */
-  label?: DapDSOptionItem["label"]
-  /**  */
-  optionText?: DapDSOptionItem["optionText"]
-}
-
 export type DapDSOptionListProps = {
   /** The filter text of the option list */
   filterText?: DapDSOptionList["filterText"]
@@ -2426,19 +2407,38 @@ export type DapDSOptionListProps = {
   buildQueryString?: DapDSOptionList["buildQueryString"]
 }
 
-export type DapDSOverlayProps = {
-  /** The open state of the overlay. */
-  open?: DapDSOverlay["open"]
-}
-
-export type DapDSPagerProps = {
-  /** Whether the pager is disabled. */
-  disabled?: DapDSPager["disabled"]
-  /** Enable manual pagination. If true, the component will not automatically update the page index. */
-  manualPagination?: DapDSPager["manualPagination"]
-  /** The current page index. */
-  pageIndex?: DapDSPager["pageIndex"]
-  /** The number of items per page. */
+export type DapDSOptionItemProps = {
+  /** The selected state of the option item */
+  selected?: DapDSOptionItem["selected"]
+  /** Wheteher the item is selectable, whether it shows the selected icon */
+  selectable?: DapDSOptionItem["selectable"]
+  /** The position of the selected icon */
+  selectedIconPosition?: DapDSOptionItem["selectedIconPosition"]
+  /** The value of the option item */
+  value?: DapDSOptionItem["value"]
+  /** The disabled state of the option item */
+  disabled?: DapDSOptionItem["disabled"]
+  /** The focused state of the option item */
+  focused?: DapDSOptionItem["focused"]
+  /** The label of the option item, it can be a simplier version of an item */
+  label?: DapDSOptionItem["label"]
+  /**  */
+  optionText?: DapDSOptionItem["optionText"]
+}
+
+export type DapDSOverlayProps = {
+  /** The open state of the overlay. */
+  open?: DapDSOverlay["open"]
+}
+
+export type DapDSPagerProps = {
+  /** Whether the pager is disabled. */
+  disabled?: DapDSPager["disabled"]
+  /** Enable manual pagination. If true, the component will not automatically update the page index. */
+  manualPagination?: DapDSPager["manualPagination"]
+  /** The current page index. */
+  pageIndex?: DapDSPager["pageIndex"]
+  /** The number of items per page. */
   pageSize?: DapDSPager["pageSize"]
   /** The total number of rows. */
   totalRows?: DapDSPager["totalRows"]
@@ -2753,6 +2753,22 @@ export type DapDSSelectProps = {
   subtle?: DapDSSelect["subtle"]
 }
 
+export type DapDSSkeletonProps = {
+  /** The variant of the skeleton. */
+  variant?: DapDSSkeleton["variant"]
+  /** The width of the skeleton. Can be any valid CSS width value. */
+  width?: DapDSSkeleton["width"]
+  /** The height of the skeleton. Can be any valid CSS height value. */
+  height?: DapDSSkeleton["height"]
+  /** Whether to animate the skeleton. */
+  noAnimation?: DapDSSkeleton["noAnimation"]
+  /** The animation type for the skeleton. */
+  animation?: DapDSSkeleton["animation"]
+  /** Custom keyframes for the animation when animation="custom".
+Should be a valid CSS keyframes string without the */
+  "custom-keyframes"?: DapDSSkeleton["customKeyframes"]
+}
+
 export type DapDSSideNavGroupProps = {
   /** The href of the side navigation item */
   href?: DapDSSideNavGroup["href"]
@@ -2786,22 +2802,6 @@ export type DapDSSideNavProps = {
   size?: DapDSSideNav["size"]
 }
 
-export type DapDSSkeletonProps = {
-  /** The variant of the skeleton. */
-  variant?: DapDSSkeleton["variant"]
-  /** The width of the skeleton. Can be any valid CSS width value. */
-  width?: DapDSSkeleton["width"]
-  /** The height of the skeleton. Can be any valid CSS height value. */
-  height?: DapDSSkeleton["height"]
-  /** Whether to animate the skeleton. */
-  noAnimation?: DapDSSkeleton["noAnimation"]
-  /** The animation type for the skeleton. */
-  animation?: DapDSSkeleton["animation"]
-  /** Custom keyframes for the animation when animation="custom".
-Should be a valid CSS keyframes string without the */
-  "custom-keyframes"?: DapDSSkeleton["customKeyframes"]
-}
-
 export type DapDSSkipLinkProps = {
   /** The placement of the skip link. */
   placement?: DapDSSkipLink["placement"]
@@ -2913,22 +2913,6 @@ export type DapDSSwitchProps = {
   optionalLabel?: DapDSSwitch["optionalLabel"]
 }
 
-export type DapDSTabGroupProps = {
-  /** The selected tab id. */
-  selectedTabId?: DapDSTabGroup["selectedTabId"]
-  /** The size of the tab buttons. Default is `sm`. Can be `sm` or `lg`. */
-  size?: DapDSTabGroup["size"]
-  /** If true, the tab group will be displayed in mobile mode. */
-  mobile?: DapDSTabGroup["mobile"]
-}
-
-export type DapDSTabProps = {
-  /** The tab id. Required */
-  tabId?: DapDSTab["tabId"]
-  /** The disabled state of the tab. */
-  disabled?: DapDSTab["disabled"]
-}
-
 export type DapDSTableCellProps = {
   /** If the cell is the last one. */
   last?: DapDSTableCell["last"]
@@ -2959,6 +2943,22 @@ export type DapDSTableProps = {
   caption?: DapDSTable["caption"]
 }
 
+export type DapDSTabGroupProps = {
+  /** The selected tab id. */
+  selectedTabId?: DapDSTabGroup["selectedTabId"]
+  /** The size of the tab buttons. Default is `sm`. Can be `sm` or `lg`. */
+  size?: DapDSTabGroup["size"]
+  /** If true, the tab group will be displayed in mobile mode. */
+  mobile?: DapDSTabGroup["mobile"]
+}
+
+export type DapDSTabProps = {
+  /** The tab id. Required */
+  tabId?: DapDSTab["tabId"]
+  /** The disabled state of the tab. */
+  disabled?: DapDSTab["disabled"]
+}
+
 export type DapDSTextareaProps = {
   /** Hide character counter. */
   hideCounter?: DapDSTextarea["hideCounter"]
@@ -3574,6 +3574,39 @@ export type DeviceComputerLineProps = {
   focusable?: DeviceComputerLine["focusable"]
 }
 
+export type HealthHeartFillProps = {
+  /** (optional) The width and height in pixels */
+  size?: HealthHeartFill["size"]
+  /** (optional) Sets the icon color via the `fill` attribute */
+  selected?: HealthHeartFill["selected"]
+  /** (optional) When using the icon standalone, make it meaningful for accessibility */
+  accessibilityTitle?: HealthHeartFill["accessibilityTitle"]
+  /** (optional) If `true` the icon can receive focus */
+  focusable?: HealthHeartFill["focusable"]
+}
+
+export type HealthHeartLineProps = {
+  /** (optional) The width and height in pixels */
+  size?: HealthHeartLine["size"]
+  /** (optional) Sets the icon color via the `fill` attribute */
+  selected?: HealthHeartLine["selected"]
+  /** (optional) When using the icon standalone, make it meaningful for accessibility */
+  accessibilityTitle?: HealthHeartLine["accessibilityTitle"]
+  /** (optional) If `true` the icon can receive focus */
+  focusable?: HealthHeartLine["focusable"]
+}
+
+export type OthersCookieLineProps = {
+  /** (optional) The width and height in pixels */
+  size?: OthersCookieLine["size"]
+  /** (optional) Sets the icon color via the `fill` attribute */
+  selected?: OthersCookieLine["selected"]
+  /** (optional) When using the icon standalone, make it meaningful for accessibility */
+  accessibilityTitle?: OthersCookieLine["accessibilityTitle"]
+  /** (optional) If `true` the icon can receive focus */
+  focusable?: OthersCookieLine["focusable"]
+}
+
 export type DocumentClipboardLineProps = {
   /** (optional) The width and height in pixels */
   size?: DocumentClipboardLine["size"]
@@ -3662,37 +3695,48 @@ export type DocumentFolderOpenLineProps = {
   focusable?: DocumentFolderOpenLine["focusable"]
 }
 
-export type HealthHeartFillProps = {
+export type UserAccountCircleFillProps = {
   /** (optional) The width and height in pixels */
-  size?: HealthHeartFill["size"]
+  size?: UserAccountCircleFill["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: HealthHeartFill["selected"]
+  selected?: UserAccountCircleFill["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: HealthHeartFill["accessibilityTitle"]
+  accessibilityTitle?: UserAccountCircleFill["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: HealthHeartFill["focusable"]
+  focusable?: UserAccountCircleFill["focusable"]
 }
 
-export type HealthHeartLineProps = {
+export type UserAccountCircleLineProps = {
   /** (optional) The width and height in pixels */
-  size?: HealthHeartLine["size"]
+  size?: UserAccountCircleLine["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: HealthHeartLine["selected"]
+  selected?: UserAccountCircleLine["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: HealthHeartLine["accessibilityTitle"]
+  accessibilityTitle?: UserAccountCircleLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: HealthHeartLine["focusable"]
+  focusable?: UserAccountCircleLine["focusable"]
 }
 
-export type OthersCookieLineProps = {
+export type UserUserFillProps = {
   /** (optional) The width and height in pixels */
-  size?: OthersCookieLine["size"]
+  size?: UserUserFill["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: OthersCookieLine["selected"]
+  selected?: UserUserFill["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: OthersCookieLine["accessibilityTitle"]
+  accessibilityTitle?: UserUserFill["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: OthersCookieLine["focusable"]
+  focusable?: UserUserFill["focusable"]
+}
+
+export type UserUserLineProps = {
+  /** (optional) The width and height in pixels */
+  size?: UserUserLine["size"]
+  /** (optional) Sets the icon color via the `fill` attribute */
+  selected?: UserUserLine["selected"]
+  /** (optional) When using the icon standalone, make it meaningful for accessibility */
+  accessibilityTitle?: UserUserLine["accessibilityTitle"]
+  /** (optional) If `true` the icon can receive focus */
+  focusable?: UserUserLine["focusable"]
 }
 
 export type SystemAddLineProps = {
@@ -3772,26 +3816,26 @@ export type SystemCheckboxBlankCircleFillCheckProps = {
   focusable?: SystemCheckboxBlankCircleFillCheck["focusable"]
 }
 
-export type SystemCheckboxBlankCircleLineProps = {
+export type SystemCheckboxCircleFillProps = {
   /** (optional) The width and height in pixels */
-  size?: SystemCheckboxBlankCircleLine["size"]
+  size?: SystemCheckboxCircleFill["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemCheckboxBlankCircleLine["selected"]
+  selected?: SystemCheckboxCircleFill["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemCheckboxBlankCircleLine["accessibilityTitle"]
+  accessibilityTitle?: SystemCheckboxCircleFill["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemCheckboxBlankCircleLine["focusable"]
+  focusable?: SystemCheckboxCircleFill["focusable"]
 }
 
-export type SystemCheckboxCircleFillProps = {
+export type SystemCheckboxBlankCircleLineProps = {
   /** (optional) The width and height in pixels */
-  size?: SystemCheckboxCircleFill["size"]
+  size?: SystemCheckboxBlankCircleLine["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemCheckboxCircleFill["selected"]
+  selected?: SystemCheckboxBlankCircleLine["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemCheckboxCircleFill["accessibilityTitle"]
+  accessibilityTitle?: SystemCheckboxBlankCircleLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemCheckboxCircleFill["focusable"]
+  focusable?: SystemCheckboxBlankCircleLine["focusable"]
 }
 
 export type SystemCheckboxCircleLineProps = {
@@ -3992,26 +4036,26 @@ export type SystemLightbulbFillProps = {
   focusable?: SystemLightbulbFill["focusable"]
 }
 
-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"]
 }
 
-export type SystemLockFillProps = {
+export type SystemLoadingSpinnerProps = {
   /** (optional) The width and height in pixels */
-  size?: SystemLockFill["size"]
+  size?: SystemLoadingSpinner["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemLockFill["selected"]
+  selected?: SystemLoadingSpinner["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemLockFill["accessibilityTitle"]
+  accessibilityTitle?: SystemLoadingSpinner["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemLockFill["focusable"]
+  focusable?: SystemLoadingSpinner["focusable"]
 }
 
 export type SystemLockLineProps = {
@@ -4157,17 +4201,6 @@ export type SystemTimeFillProps = {
   focusable?: SystemTimeFill["focusable"]
 }
 
-export type SystemTimeLineProps = {
-  /** (optional) The width and height in pixels */
-  size?: SystemTimeLine["size"]
-  /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemTimeLine["selected"]
-  /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemTimeLine["accessibilityTitle"]
-  /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemTimeLine["focusable"]
-}
-
 export type SystemUpload2FillProps = {
   /** (optional) The width and height in pixels */
   size?: SystemUpload2Fill["size"]
@@ -4190,59 +4223,26 @@ export type SystemUpload2LineProps = {
   focusable?: SystemUpload2Line["focusable"]
 }
 
-export type SystemUploadLineProps = {
-  /** (optional) The width and height in pixels */
-  size?: SystemUploadLine["size"]
-  /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemUploadLine["selected"]
-  /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemUploadLine["accessibilityTitle"]
-  /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemUploadLine["focusable"]
-}
-
-export type UserAccountCircleFillProps = {
+export type SystemTimeLineProps = {
   /** (optional) The width and height in pixels */
-  size?: UserAccountCircleFill["size"]
+  size?: SystemTimeLine["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: UserAccountCircleFill["selected"]
+  selected?: SystemTimeLine["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: UserAccountCircleFill["accessibilityTitle"]
+  accessibilityTitle?: SystemTimeLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: UserAccountCircleFill["focusable"]
+  focusable?: SystemTimeLine["focusable"]
 }
 
-export type UserAccountCircleLineProps = {
+export type SystemUploadLineProps = {
   /** (optional) The width and height in pixels */
-  size?: UserAccountCircleLine["size"]
+  size?: SystemUploadLine["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: UserAccountCircleLine["selected"]
+  selected?: SystemUploadLine["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: UserAccountCircleLine["accessibilityTitle"]
+  accessibilityTitle?: SystemUploadLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: UserAccountCircleLine["focusable"]
-}
-
-export type UserUserFillProps = {
-  /** (optional) The width and height in pixels */
-  size?: UserUserFill["size"]
-  /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: UserUserFill["selected"]
-  /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: UserUserFill["accessibilityTitle"]
-  /** (optional) If `true` the icon can receive focus */
-  focusable?: UserUserFill["focusable"]
-}
-
-export type UserUserLineProps = {
-  /** (optional) The width and height in pixels */
-  size?: UserUserLine["size"]
-  /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: UserUserLine["selected"]
-  /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: UserUserLine["accessibilityTitle"]
-  /** (optional) If `true` the icon can receive focus */
-  focusable?: UserUserLine["focusable"]
+  focusable?: SystemUploadLine["focusable"]
 }
 
 // Augment Vue's GlobalComponents interface
@@ -4274,16 +4274,6 @@ declare module 'vue' {
      * - **close-icon-base** - The base of the icon when the accordion is closed.
      */
          'dap-ds-accordion': DefineCustomElement<DapDSAccordion, DapDSAccordionProps, DapDSAccordionEvents>
-    /**
-     * An accordion group is a collection of accordion components.
-     *
-     * ### Slots:
-     * - **default** - The content of the accordion group.
-     *
-     * ### CSS Parts:
-     * - **base** - The main accordion group container.
-     */
-         'dap-ds-accordion-group': DefineCustomElement<DapDSAccordionGroup, DapDSAccordionGroupProps, {}>
     /**
      * Avatar component can be used to display user profile images, initials, or icons.
      *
@@ -4305,16 +4295,6 @@ declare module 'vue' {
      * - **loading** - The loading indicator.
      */
          'dap-ds-avatar': DefineCustomElement<DapDSAvatar, DapDSAvatarProps, DapDSAvatarEvents>
-    /**
-     * Anchor heading is a heading with an anchor link.
-     *
-     * ### CSS Parts:
-     * - **base** - The main anchor heading container.
-     * - **link** - The link of the anchor heading. dap-ds-link element.
-     * - **link-base** - The base of the link part.
-     * - **text** - The text of the anchor heading.
-     */
-         'dap-ds-anchor-heading': DefineCustomElement<DapDSAnchorHeading, DapDSAnchorHeadingProps, {}>
     /**
      * Avatar group component displays multiple avatars in an organized layout with overflow management.
      *
@@ -4330,6 +4310,16 @@ declare module 'vue' {
      * - **overflow** - The overflow indicator element.
      */
          'dap-ds-avatar-group': DefineCustomElement<DapDSAvatarGroup, DapDSAvatarGroupProps, DapDSAvatarGroupEvents>
+    /**
+     * 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, {}>
     /**
      * A badge is a small status descriptor for UI elements.
      *
@@ -4368,6 +4358,16 @@ declare module 'vue' {
      * - **title** -  The title of the banner.
      */
          'dap-ds-banner': DefineCustomElement<DapDSBanner, DapDSBannerProps, DapDSBannerEvents>
+    /**
+     * 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, {}>
     /**
      * A breadcrumb is a secondary navigation scheme that reveals the user's location in a website or Web application.
      *
@@ -4929,36 +4929,6 @@ declare module 'vue' {
      * - **iteractive-indicator-container** - The container of the interactive indicator.
      */
          'dap-ds-list-item': DefineCustomElement<DapDSListItem, DapDSListItemProps, {}>
-    /**
-     * A modal is a container for modal content.
-     *
-     * ### Events:
-     * - **dds-before-open** - Fires before the modal opens.
-     * - **dds-opened** - Fires after the modal opens.
-     * - **dds-before-close** - Fires before the modal closes.
-     * - **dds-closed** - Fires after the modal closed.
-     * - **dds-close** - Fires when the modal is closes. You can prevent the modal from closing by calling `event.preventDefault()`.
-     * - **dds-ok** - Fires when the OK button is clicked. You can prevent the modal from closing by calling `event.preventDefault()`.
-     * - **dds-cancel** - Fires when the Cancel button is clicked. You can prevent the modal from closing by calling `event.preventDefault()`.
-     *
-     * ### Slots:
-     * - **default** - The content of the modal.
-     * - **title** - The title of the modal.
-     * - **description** - The description of the modal.
-     * - **footer** - The footer of the modal.
-     *
-     * ### CSS Parts:
-     * - **base** - The main modal container.
-     * - **panel** - The panel of the modal.
-     * - **header** - The header of the modal.
-     * - **header-container** - The container of the header.
-     * - **title** - The title of the modal.
-     * - **description** - The description of the modal.
-     * - **footer** - The footer of the modal.
-     * - **content** - The body of the modal.
-     * - **closebutton** - The close button of the modal.
-     */
-         'dap-ds-modal': DefineCustomElement<DapDSModal, DapDSModalProps, DapDSModalEvents>
     /**
      * 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.
@@ -4996,6 +4966,36 @@ Uses semantic HTML (`<nav>`) and proper navigation ARIA attributes.
      * - **base** - The main navigation menu container (nav element).
      */
          'dap-ds-navigation-menu': DefineCustomElement<DapDSNavigationMenu, DapDSNavigationMenuProps, DapDSNavigationMenuEvents>
+    /**
+     * A modal is a container for modal content.
+     *
+     * ### Events:
+     * - **dds-before-open** - Fires before the modal opens.
+     * - **dds-opened** - Fires after the modal opens.
+     * - **dds-before-close** - Fires before the modal closes.
+     * - **dds-closed** - Fires after the modal closed.
+     * - **dds-close** - Fires when the modal is closes. You can prevent the modal from closing by calling `event.preventDefault()`.
+     * - **dds-ok** - Fires when the OK button is clicked. You can prevent the modal from closing by calling `event.preventDefault()`.
+     * - **dds-cancel** - Fires when the Cancel button is clicked. You can prevent the modal from closing by calling `event.preventDefault()`.
+     *
+     * ### Slots:
+     * - **default** - The content of the modal.
+     * - **title** - The title of the modal.
+     * - **description** - The description of the modal.
+     * - **footer** - The footer of the modal.
+     *
+     * ### CSS Parts:
+     * - **base** - The main modal container.
+     * - **panel** - The panel of the modal.
+     * - **header** - The header of the modal.
+     * - **header-container** - The container of the header.
+     * - **title** - The title of the modal.
+     * - **description** - The description of the modal.
+     * - **footer** - The footer of the modal.
+     * - **content** - The body of the modal.
+     * - **closebutton** - The close button of the modal.
+     */
+         'dap-ds-modal': DefineCustomElement<DapDSModal, DapDSModalProps, DapDSModalEvents>
     /**
      * A notification badge component is a user interface element that visually indicates the presence of new information or updates, often displaying a numeric count of unread notifications, messages, or items requiring attention.
      *
@@ -5065,21 +5065,6 @@ Uses semantic HTML (`<nav>`) and proper navigation ARIA attributes.
      * - **close-icon-base** - The base of the icon when the accordion is closed.
      */
          'dap-ds-official-website-banner': DefineCustomElement<DapDSOfficialWebsiteBanner, DapDSOfficialWebsiteBannerProps, DapDSOfficialWebsiteBannerEvents>
-    /**
-     * An option item is a selectable item in a list of options.
-     *
-     * ### Slots:
-     * - **prefix** - The prefix of the option item.
-     * - **default** - The label of the option item.
-     * - **suffix** - The suffix of the option item.
-     *
-     * ### CSS Parts:
-     * - **base** - The main option item container.
-     * - **prefix** - The prefix of the option item.
-     * - **label** - The label of the option item.
-     * - **suffix** - The suffix of the option item.
-     */
-         'dap-ds-option-item': DefineCustomElement<DapDSOptionItem, DapDSOptionItemProps, {}>
     /**
      * An option list is a list of selectable options.
      *
@@ -5102,6 +5087,21 @@ Uses semantic HTML (`<nav>`) and proper navigation ARIA attributes.
      * - **option-item-suffix** - The suffix of the option item.
      */
          'dap-ds-option-list': DefineCustomElement<DapDSOptionList, DapDSOptionListProps, DapDSOptionListEvents>
+    /**
+     * An option item is a selectable item in a list of options.
+     *
+     * ### Slots:
+     * - **prefix** - The prefix of the option item.
+     * - **default** - The label of the option item.
+     * - **suffix** - The suffix of the option item.
+     *
+     * ### CSS Parts:
+     * - **base** - The main option item container.
+     * - **prefix** - The prefix of the option item.
+     * - **label** - The label of the option item.
+     * - **suffix** - The suffix of the option item.
+     */
+         'dap-ds-option-item': DefineCustomElement<DapDSOptionItem, DapDSOptionItemProps, {}>
     /**
      * An overlay is a container for overlay content.
      *
@@ -5307,6 +5307,13 @@ Uses semantic HTML (`<nav>`) and proper navigation ARIA attributes.
      * - **mobile-footer** - The mobile footer of the select.
      */
          'dap-ds-select': DefineCustomElement<DapDSSelect, DapDSSelectProps, DapDSSelectEvents>
+    /**
+     * A skeleton loader component for displaying placeholder content while loading.
+     *
+     * ### CSS Parts:
+     * - **base** - The main skeleton container.
+     */
+         'dap-ds-skeleton': DefineCustomElement<DapDSSkeleton, DapDSSkeletonProps, {}>
     /**
      * Side navigation group
      *
@@ -5349,13 +5356,6 @@ Uses semantic HTML (`<nav>`) and proper navigation ARIA attributes.
      * - **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.
      *
@@ -5440,32 +5440,6 @@ Uses semantic HTML (`<nav>`) and proper navigation ARIA attributes.
      * - **description** - The description of the switch.
      */
          'dap-ds-switch': DefineCustomElement<DapDSSwitch, DapDSSwitchProps, DapDSSwitchEvents>
-    /**
-     * A tab group component. It is used with dap-ds-tab component to create a tab group.
-     *
-     * ### Events:
-     * - **dds-tab-select** - Fired when select a new tab.
-     *
-     * ### Slots:
-     * - **default** - The tab items.
-     *
-     * ### CSS Parts:
-     * - **base** - The main container.
-     * - **tab-nav** - The tab navigation container.
-     * - **tab-content** - The tab content container.
-     */
-         'dap-ds-tab-group': DefineCustomElement<DapDSTabGroup, DapDSTabGroupProps, DapDSTabGroupEvents>
-    /**
-     * A tab item component. It is used in dap-ds-tab-group component slot to create a tab item.
-     *
-     * ### Slots:
-     * - **default** - The tab title template.
-     * - **content** - The tab content.
-     *
-     * ### CSS Parts:
-     * - **base** - The main tab content container.
-     */
-         'dap-ds-tab': DefineCustomElement<DapDSTab, DapDSTabProps, {}>
     /**
      * 
      *
@@ -5500,6 +5474,32 @@ Uses semantic HTML (`<nav>`) and proper navigation ARIA attributes.
      * - **default** - The default slot. Accepts `dap-ds-table-row` elements.
      */
          'dap-ds-table': DefineCustomElement<DapDSTable, DapDSTableProps, {}>
+    /**
+     * A tab group component. It is used with dap-ds-tab component to create a tab group.
+     *
+     * ### Events:
+     * - **dds-tab-select** - Fired when select a new tab.
+     *
+     * ### Slots:
+     * - **default** - The tab items.
+     *
+     * ### CSS Parts:
+     * - **base** - The main container.
+     * - **tab-nav** - The tab navigation container.
+     * - **tab-content** - The tab content container.
+     */
+         'dap-ds-tab-group': DefineCustomElement<DapDSTabGroup, DapDSTabGroupProps, DapDSTabGroupEvents>
+    /**
+     * A tab item component. It is used in dap-ds-tab-group component slot to create a tab item.
+     *
+     * ### Slots:
+     * - **default** - The tab title template.
+     * - **content** - The tab content.
+     *
+     * ### CSS Parts:
+     * - **base** - The main tab content container.
+     */
+         'dap-ds-tab': DefineCustomElement<DapDSTab, DapDSTabProps, {}>
     /**
      * A textarea is a multi-line text input field.
      *
@@ -5868,6 +5868,27 @@ Uses semantic HTML (`<nav>`) and proper navigation ARIA attributes.
      * - **base** - The main icon container.
      */
          'dap-ds-icon-computer-line': DefineCustomElement<DeviceComputerLine, DeviceComputerLineProps, {}>
+    /**
+     * An icon
+     *
+     * ### CSS Parts:
+     * - **base** - The main icon container.
+     */
+         'dap-ds-icon-heart-fill': DefineCustomElement<HealthHeartFill, HealthHeartFillProps, {}>
+    /**
+     * An icon
+     *
+     * ### CSS Parts:
+     * - **base** - The main icon container.
+     */
+         'dap-ds-icon-heart-line': DefineCustomElement<HealthHeartLine, HealthHeartLineProps, {}>
+    /**
+     * An icon
+     *
+     * ### CSS Parts:
+     * - **base** - The main icon container.
+     */
+         'dap-ds-icon-cookie-line': DefineCustomElement<OthersCookieLine, OthersCookieLineProps, {}>
     /**
      * An icon
      *
@@ -5930,21 +5951,28 @@ Uses semantic HTML (`<nav>`) and proper navigation ARIA attributes.
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-heart-fill': DefineCustomElement<HealthHeartFill, HealthHeartFillProps, {}>
+         'dap-ds-icon-account-circle-fill': DefineCustomElement<UserAccountCircleFill, UserAccountCircleFillProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-heart-line': DefineCustomElement<HealthHeartLine, HealthHeartLineProps, {}>
+         'dap-ds-icon-account-circle-line': DefineCustomElement<UserAccountCircleLine, UserAccountCircleLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-cookie-line': DefineCustomElement<OthersCookieLine, OthersCookieLineProps, {}>
+         'dap-ds-icon-user-fill': DefineCustomElement<UserUserFill, UserUserFillProps, {}>
+    /**
+     * An icon
+     *
+     * ### CSS Parts:
+     * - **base** - The main icon container.
+     */
+         'dap-ds-icon-user-line': DefineCustomElement<UserUserLine, UserUserLineProps, {}>
     /**
      * An icon
      *
@@ -6000,14 +6028,14 @@ Uses semantic HTML (`<nav>`) and proper navigation ARIA attributes.
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-checkbox-blank-circle-line': DefineCustomElement<SystemCheckboxBlankCircleLine, SystemCheckboxBlankCircleLineProps, {}>
+         'dap-ds-icon-checkbox-circle-fill': DefineCustomElement<SystemCheckboxCircleFill, SystemCheckboxCircleFillProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-checkbox-circle-fill': DefineCustomElement<SystemCheckboxCircleFill, SystemCheckboxCircleFillProps, {}>
+         'dap-ds-icon-checkbox-blank-circle-line': DefineCustomElement<SystemCheckboxBlankCircleLine, SystemCheckboxBlankCircleLineProps, {}>
     /**
      * An icon
      *
@@ -6140,14 +6168,14 @@ Uses semantic HTML (`<nav>`) and proper navigation ARIA attributes.
      * ### 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
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-lock-fill': DefineCustomElement<SystemLockFill, SystemLockFillProps, {}>
+         'dap-ds-icon-loading-spinner': DefineCustomElement<SystemLoadingSpinner, SystemLoadingSpinnerProps, {}>
     /**
      * An icon
      *
@@ -6239,13 +6267,6 @@ Uses semantic HTML (`<nav>`) and proper navigation ARIA attributes.
      * - **base** - The main icon container.
      */
          'dap-ds-icon-time-fill': DefineCustomElement<SystemTimeFill, SystemTimeFillProps, {}>
-    /**
-     * An icon
-     *
-     * ### CSS Parts:
-     * - **base** - The main icon container.
-     */
-         'dap-ds-icon-time-line': DefineCustomElement<SystemTimeLine, SystemTimeLineProps, {}>
     /**
      * An icon
      *
@@ -6266,35 +6287,14 @@ Uses semantic HTML (`<nav>`) and proper navigation ARIA attributes.
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-upload-line': DefineCustomElement<SystemUploadLine, SystemUploadLineProps, {}>
-    /**
-     * An icon
-     *
-     * ### CSS Parts:
-     * - **base** - The main icon container.
-     */
-         'dap-ds-icon-account-circle-fill': DefineCustomElement<UserAccountCircleFill, UserAccountCircleFillProps, {}>
-    /**
-     * An icon
-     *
-     * ### CSS Parts:
-     * - **base** - The main icon container.
-     */
-         'dap-ds-icon-account-circle-line': DefineCustomElement<UserAccountCircleLine, UserAccountCircleLineProps, {}>
-    /**
-     * An icon
-     *
-     * ### CSS Parts:
-     * - **base** - The main icon container.
-     */
-         'dap-ds-icon-user-fill': DefineCustomElement<UserUserFill, UserUserFillProps, {}>
+         'dap-ds-icon-time-line': DefineCustomElement<SystemTimeLine, SystemTimeLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-user-line': DefineCustomElement<UserUserLine, UserUserLineProps, {}>
+         'dap-ds-icon-upload-line': DefineCustomElement<SystemUploadLine, SystemUploadLineProps, {}>
   }
 }
 
@@ -6303,12 +6303,12 @@ declare global {
   namespace JSX {
     interface IntrinsicElements {
       'dap-ds-accordion': DapDSAccordionProps & DapDSAccordionEvents & DapDSAccordionSlots
-      'dap-ds-accordion-group': DapDSAccordionGroupProps & DapDSAccordionGroupSlots
       'dap-ds-avatar': DapDSAvatarProps & DapDSAvatarEvents & DapDSAvatarSlots
-      'dap-ds-anchor-heading': DapDSAnchorHeadingProps
       'dap-ds-avatar-group': DapDSAvatarGroupProps & DapDSAvatarGroupEvents & DapDSAvatarGroupSlots
+      'dap-ds-anchor-heading': DapDSAnchorHeadingProps
       'dap-ds-badge': DapDSBadgeProps & DapDSBadgeSlots
       'dap-ds-banner': DapDSBannerProps & DapDSBannerEvents & DapDSBannerSlots
+      'dap-ds-accordion-group': DapDSAccordionGroupProps & DapDSAccordionGroupSlots
       'dap-ds-breadcrumb': DapDSBreadcrumbProps & DapDSBreadcrumbSlots
       'dap-ds-breadcrumb-item': DapDSBreadcrumbItemProps & DapDSBreadcrumbItemSlots
       'dap-ds-button': DapDSButtonProps & DapDSButtonEvents & DapDSButtonSlots
@@ -6344,14 +6344,14 @@ declare global {
       'dap-ds-label': DapDSLabelProps
       'dap-ds-link': DapDSLinkProps & DapDSLinkEvents & DapDSLinkSlots
       '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-modal': DapDSModalProps & DapDSModalEvents & DapDSModalSlots
       'dap-ds-notification-badge': DapDSNotificationBadgeProps & DapDSNotificationBadgeSlots
       'dap-ds-number-input': DapDSNumberInputProps & DapDSNumberInputEvents & DapDSNumberInputSlots
       'dap-ds-official-website-banner': DapDSOfficialWebsiteBannerProps & DapDSOfficialWebsiteBannerEvents & DapDSOfficialWebsiteBannerSlots
-      'dap-ds-option-item': DapDSOptionItemProps & DapDSOptionItemSlots
       'dap-ds-option-list': DapDSOptionListProps & DapDSOptionListEvents & DapDSOptionListSlots
+      'dap-ds-option-item': DapDSOptionItemProps & DapDSOptionItemSlots
       'dap-ds-overlay': DapDSOverlayProps & DapDSOverlayEvents & DapDSOverlaySlots
       'dap-ds-pager': DapDSPagerProps & DapDSPagerEvents
       'dap-ds-password-input': DapDSPasswordInputProps & DapDSPasswordInputEvents
@@ -6362,22 +6362,22 @@ declare global {
       'dap-ds-scroll-area': DapDSScrollAreaProps & DapDSScrollAreaSlots
       'dap-ds-search': DapDSSearchProps & DapDSSearchEvents & DapDSSearchSlots
       'dap-ds-select': DapDSSelectProps & DapDSSelectEvents & DapDSSelectSlots
+      'dap-ds-skeleton': DapDSSkeletonProps
       '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-snackbar-message': DapDSSnackbarMessageProps & DapDSSnackbarMessageEvents & DapDSSnackbarMessageSlots
       'dap-ds-snackbar': DapDSSnackbarProps
       'dap-ds-spinner': DapDSSpinnerProps & DapDSSpinnerSlots
       'dap-ds-stack': DapDSStackProps & DapDSStackSlots
       'dap-ds-switch': DapDSSwitchProps & DapDSSwitchEvents
-      'dap-ds-tab-group': DapDSTabGroupProps & DapDSTabGroupEvents & DapDSTabGroupSlots
-      'dap-ds-tab': DapDSTabProps & DapDSTabSlots
       'dap-ds-table-cell': DapDSTableCellProps & DapDSTableCellSlots
       'dap-ds-table-header': DapDSTableHeaderProps & DapDSTableHeaderSlots
       'dap-ds-table-row': DapDSTableRowProps & DapDSTableRowSlots
       'dap-ds-table': DapDSTableProps & DapDSTableSlots
+      'dap-ds-tab-group': DapDSTabGroupProps & DapDSTabGroupEvents & DapDSTabGroupSlots
+      'dap-ds-tab': DapDSTabProps & DapDSTabSlots
       'dap-ds-textarea': DapDSTextareaProps & DapDSTextareaEvents & DapDSTextareaSlots
       'dap-ds-timeline-item': DapDSTimelineItemProps & DapDSTimelineItemSlots
       'dap-ds-timeline': DapDSTimelineProps & DapDSTimelineSlots
@@ -6415,6 +6415,9 @@ declare global {
       'dap-ds-icon-edit-line': DesignEditLineProps
       'dap-ds-icon-tools-line': DesignToolsLineProps
       'dap-ds-icon-computer-line': DeviceComputerLineProps
+      'dap-ds-icon-heart-fill': HealthHeartFillProps
+      'dap-ds-icon-heart-line': HealthHeartLineProps
+      'dap-ds-icon-cookie-line': OthersCookieLineProps
       'dap-ds-icon-clipboard-line': DocumentClipboardLineProps
       'dap-ds-icon-file-copy-line': DocumentFileCopyLineProps
       'dap-ds-icon-file-image-line': DocumentFileImageLineProps
@@ -6423,9 +6426,10 @@ declare global {
       'dap-ds-icon-file-video-line': DocumentFileVideoLineProps
       'dap-ds-icon-folder-line': DocumentFolderLineProps
       'dap-ds-icon-folder-open-line': DocumentFolderOpenLineProps
-      'dap-ds-icon-heart-fill': HealthHeartFillProps
-      'dap-ds-icon-heart-line': HealthHeartLineProps
-      'dap-ds-icon-cookie-line': OthersCookieLineProps
+      'dap-ds-icon-account-circle-fill': UserAccountCircleFillProps
+      'dap-ds-icon-account-circle-line': UserAccountCircleLineProps
+      'dap-ds-icon-user-fill': UserUserFillProps
+      'dap-ds-icon-user-line': UserUserLineProps
       'dap-ds-icon-add-line': SystemAddLineProps
       'dap-ds-icon-alert-fill': SystemAlertFillProps
       'dap-ds-icon-alert-line': SystemAlertLineProps
@@ -6433,8 +6437,8 @@ declare global {
       'dap-ds-icon-check-line2': SystemCheckLine2Props
       'dap-ds-icon-checkbox-blank-circle-fill': SystemCheckboxBlankCircleFillProps
       'dap-ds-icon-checkbox-blank-circle-fill-check': SystemCheckboxBlankCircleFillCheckProps
-      'dap-ds-icon-checkbox-blank-circle-line': SystemCheckboxBlankCircleLineProps
       'dap-ds-icon-checkbox-circle-fill': SystemCheckboxCircleFillProps
+      'dap-ds-icon-checkbox-blank-circle-line': SystemCheckboxBlankCircleLineProps
       'dap-ds-icon-checkbox-circle-line': SystemCheckboxCircleLineProps
       'dap-ds-icon-close-circle-fill': SystemCloseCircleFillProps
       'dap-ds-icon-close-circle-line': SystemCloseCircleLineProps
@@ -6453,8 +6457,8 @@ declare global {
       'dap-ds-icon-information-fill': SystemInformationFillProps
       '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-loading-spinner': SystemLoadingSpinnerProps
       'dap-ds-icon-lock-line': SystemLockLineProps
       'dap-ds-icon-menu-line': SystemMenuLineProps
       'dap-ds-icon-menu-line-s': SystemMenuLineSProps
@@ -6468,14 +6472,10 @@ declare global {
       'dap-ds-icon-subtract-line': SystemSubtractLineProps
       'dap-ds-icon-subtract-line2': SystemSubtractLine2Props
       'dap-ds-icon-time-fill': SystemTimeFillProps
-      'dap-ds-icon-time-line': SystemTimeLineProps
       'dap-ds-icon-upload-2-fill': SystemUpload2FillProps
       'dap-ds-icon-upload-2-line': SystemUpload2LineProps
+      'dap-ds-icon-time-line': SystemTimeLineProps
       'dap-ds-icon-upload-line': SystemUploadLineProps
-      'dap-ds-icon-account-circle-fill': UserAccountCircleFillProps
-      'dap-ds-icon-account-circle-line': UserAccountCircleLineProps
-      'dap-ds-icon-user-fill': UserUserFillProps
-      'dap-ds-icon-user-line': UserUserLineProps
     }
   }
 }