dap-design-system 0.62.2 → 0.62.3

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

@@ -239,16 +239,16 @@ export interface DapDSButtonEvents {
   onDdsLoadingTimeout?: (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 DapDSCalendarEvents {
+  /** Fired when the calendar value changes. */
+  onDdsChange?: (event: CustomEvent<{ value: Dayjs }>) => 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
@@ -481,6 +481,11 @@ export interface DapDSOptionListEvents {
   onDdsListChanged?: (event: CustomEvent<{ elements: DapDSOptionItem[] }>) => void
 }
 
+export interface DapDSPagerEvents {
+  /** Event fired when the pagination changes */
+  onDdsPaginationChange?: (event: CustomEvent<{ action: string, pagination: { pageIndex: number, pageSize: number } }>) => void
+}
+
 export interface DapDSOverlayEvents {
   /** Fires before the overlay opens. */
   onDdsBeforeOpen?: (event: CustomEvent<CustomEvent>) => void
@@ -492,11 +497,6 @@ export interface DapDSOverlayEvents {
   onDdsClosed?: (event: CustomEvent<CustomEvent>) => void
 }
 
-export interface DapDSPagerEvents {
-  /** Event fired when the pagination changes */
-  onDdsPaginationChange?: (event: CustomEvent<{ action: string, pagination: { pageIndex: number, pageSize: number } }>) => void
-}
-
 export interface DapDSPasswordInputEvents {
   /** Fired when the input value changes. */
   onDdsChange?: (event: CustomEvent<{ value: string }>) => void
@@ -657,11 +657,6 @@ export interface DapDSRadioGroupEvents {
   onDdsFocus?: (event: CustomEvent) => void
 }
 
-export interface DapDSAccordionGroupSlots {
-  /** The content of the accordion group. */
-  default?: () => any
-}
-
 export interface DapDSAccordionSlots {
   /** The content of the accordion. */
   default?: () => any
@@ -680,11 +675,6 @@ export interface DapDSAvatarSlots {
   'fallback'?: () => any
 }
 
-export interface DapDSAvatarGroupSlots {
-  /** The avatars to display in the group. */
-  default?: () => any
-}
-
 export interface DapDSBadgeSlots {
   /** The content of the badge. */
   default?: () => any
@@ -692,6 +682,11 @@ export interface DapDSBadgeSlots {
   'icon'?: () => any
 }
 
+export interface DapDSAvatarGroupSlots {
+  /** The avatars to display in the group. */
+  default?: () => any
+}
+
 export interface DapDSBannerSlots {
   /** The content of the banner. */
   default?: () => any
@@ -701,6 +696,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
@@ -720,16 +720,6 @@ export interface DapDSButtonSlots {
   default?: () => any
 }
 
-export interface DapDSCalendarCellSlots {
-  /** The content of the calendar cell. */
-  default?: () => any
-}
-
-export interface DapDSCalendarSlots {
-  /** The content of the calendar. */
-  default?: () => any
-}
-
 export interface DapDSCalloutSlots {
   /** The content of the callout. */
   default?: () => any
@@ -743,6 +733,16 @@ export interface DapDSCalloutSlots {
   'close'?: () => any
 }
 
+export interface DapDSCalendarCellSlots {
+  /** The content of the calendar cell. */
+  default?: () => any
+}
+
+export interface DapDSCalendarSlots {
+  /** The content of the calendar. */
+  default?: () => any
+}
+
 export interface DapDSCardActionsSlots {
   /** The content of the card actions. */
   default?: () => any
@@ -1125,15 +1125,6 @@ export interface DapDSRadioGroupSlots {
   'feedback-icon'?: () => any
 }
 
-export type DapDSAccordionGroupProps = {
-  /** Whether to close other accordions when one is opened. */
-  autoClose?: DapDSAccordionGroup["autoClose"]
-  /** The variant of the accordion */
-  variant?: DapDSAccordionGroup["variant"]
-  /**  */
-  tagName?: DapDSAccordionGroup["tagName"]
-}
-
 export type DapDSAccordionProps = {
   /**  */
   tagName?: DapDSAccordion["tagName"]
@@ -1161,6 +1152,21 @@ export type DapDSAccordionProps = {
   loading?: DapDSAccordion["loading"]
 }
 
+export type DapDSAnchorHeadingProps = {
+  /** The variant of the heading. Default is `h2`. Can be `h1`, `h2`, `h3`, `h4`, `h5`, or `h6`. */
+  variant?: DapDSAnchorHeading["variant"]
+  /** The label of the heading. */
+  label?: DapDSAnchorHeading["label"]
+  /**  */
+  tagName?: DapDSAnchorHeading["tagName"]
+  /**  */
+  dependencies?: DapDSAnchorHeading["dependencies"]
+  /**  */
+  elementId?: DapDSAnchorHeading["elementId"]
+  /**  */
+  anchorTitle?: DapDSAnchorHeading["anchorTitle"]
+}
+
 export type DapDSAvatarProps = {
   /** The shape of the avatar */
   shape?: DapDSAvatar["shape"]
@@ -1192,6 +1198,23 @@ export type DapDSAvatarProps = {
   sizeMap?: DapDSAvatar["sizeMap"]
 }
 
+export type DapDSBadgeProps = {
+  /** The type of the badge */
+  type?: DapDSBadge["type"]
+  /** The icon of the badge, this is a name of a built in icon */
+  icon?: DapDSBadge["icon"]
+  /** Whether the badge represents dynamic content that should announce changes */
+  live?: DapDSBadge["live"]
+  /**  */
+  tagName?: DapDSBadge["tagName"]
+  /**  */
+  dependencies?: DapDSBadge["dependencies"]
+  /** The size of the badge. Default is `sm`. */
+  size?: DapDSBadge["size"]
+  /** Responsive size map (e.g. "md:lg"). */
+  sizeMap?: DapDSBadge["sizeMap"]
+}
+
 export type DapDSAvatarGroupProps = {
   /** Layout type for the avatar group */
   layout?: DapDSAvatarGroup["layout"]
@@ -1213,38 +1236,6 @@ export type DapDSAvatarGroupProps = {
   sizeMap?: DapDSAvatarGroup["sizeMap"]
 }
 
-export type DapDSBadgeProps = {
-  /** The type of the badge */
-  type?: DapDSBadge["type"]
-  /** The icon of the badge, this is a name of a built in icon */
-  icon?: DapDSBadge["icon"]
-  /** Whether the badge represents dynamic content that should announce changes */
-  live?: DapDSBadge["live"]
-  /**  */
-  tagName?: DapDSBadge["tagName"]
-  /**  */
-  dependencies?: DapDSBadge["dependencies"]
-  /** The size of the badge. Default is `sm`. */
-  size?: DapDSBadge["size"]
-  /** Responsive size map (e.g. "md:lg"). */
-  sizeMap?: DapDSBadge["sizeMap"]
-}
-
-export type DapDSAnchorHeadingProps = {
-  /** The variant of the heading. Default is `h2`. Can be `h1`, `h2`, `h3`, `h4`, `h5`, or `h6`. */
-  variant?: DapDSAnchorHeading["variant"]
-  /** The label of the heading. */
-  label?: DapDSAnchorHeading["label"]
-  /**  */
-  tagName?: DapDSAnchorHeading["tagName"]
-  /**  */
-  dependencies?: DapDSAnchorHeading["dependencies"]
-  /**  */
-  elementId?: DapDSAnchorHeading["elementId"]
-  /**  */
-  anchorTitle?: DapDSAnchorHeading["anchorTitle"]
-}
-
 export type DapDSBannerProps = {
   /** The variant of the banner */
   variant?: DapDSBanner["variant"]
@@ -1264,6 +1255,15 @@ export type DapDSBannerProps = {
   dependencies?: DapDSBanner["dependencies"]
 }
 
+export type DapDSAccordionGroupProps = {
+  /** Whether to close other accordions when one is opened. */
+  autoClose?: DapDSAccordionGroup["autoClose"]
+  /** The variant of the accordion */
+  variant?: DapDSAccordionGroup["variant"]
+  /**  */
+  tagName?: DapDSAccordionGroup["tagName"]
+}
+
 export type DapDSBreadcrumbProps = {
   /**  */
   variant?: DapDSBreadcrumb["variant"]
@@ -1327,6 +1327,31 @@ export type DapDSButtonProps = {
   sizeMap?: DapDSButton["sizeMap"]
 }
 
+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"]
+  /** `data-testid` for the default close button. */
+  closeButtonTestId?: DapDSCallout["closeButtonTestId"]
+  /** If the callout is opened */
+  opened?: DapDSCallout["opened"]
+  /**  */
+  tagName?: DapDSCallout["tagName"]
+  /**  */
+  dependencies?: DapDSCallout["dependencies"]
+}
+
 export type DapDSCalendarCellProps = {
   /** Whether the calendar cell is selected. */
   selected?: DapDSCalendarCell["selected"]
@@ -1395,31 +1420,6 @@ 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"]
-  /** `data-testid` for the default close button. */
-  closeButtonTestId?: DapDSCallout["closeButtonTestId"]
-  /** If the callout is opened */
-  opened?: DapDSCallout["opened"]
-  /**  */
-  tagName?: DapDSCallout["tagName"]
-  /**  */
-  dependencies?: DapDSCallout["dependencies"]
-}
-
 export type DapDSCardActionsProps = {
   /**  */
   tagName?: DapDSCardActions["tagName"]
@@ -2866,13 +2866,6 @@ export type DapDSOptionListProps = {
   buildQueryString?: DapDSOptionList["buildQueryString"]
 }
 
-export type DapDSOverlayProps = {
-  /** The open state of the overlay. */
-  open?: DapDSOverlay["open"]
-  /**  */
-  tagName?: DapDSOverlay["tagName"]
-}
-
 export type DapDSPagerProps = {
   /** Whether the pager is disabled. */
   disabled?: DapDSPager["disabled"]
@@ -2922,6 +2915,13 @@ export type DapDSPagerProps = {
   pageStateText?: DapDSPager["pageStateText"]
 }
 
+export type DapDSOverlayProps = {
+  /** The open state of the overlay. */
+  open?: DapDSOverlay["open"]
+  /**  */
+  tagName?: DapDSOverlay["tagName"]
+}
+
 export type DapDSPasswordInputProps = {
   /** `data-testid` for the show/hide toggle button. */
   toggleButtonTestId?: DapDSPasswordInput["toggleButtonTestId"]
@@ -3527,8 +3527,10 @@ export type DapDSTableCellProps = {
 export type DapDSTableHeaderProps = {
   /** If the header cell is the last one. */
   last?: DapDSTableHeader["last"]
-  /** The html role of the header cell */
+  /** The html role of the header cell. Derived from `scope` unless set explicitly. */
   role?: DapDSTableHeader["role"]
+  /** Which cells the header labels, like the native `<th scope>`: `col` (cells below) or `row` (cells beside). */
+  scope?: DapDSTableHeader["scope"]
   /**  */
   tagName?: DapDSTableHeader["tagName"]
 }
@@ -3543,8 +3545,7 @@ export type DapDSTableRowProps = {
 }
 
 export type DapDSTableProps = {
-  /** The html role of the table. A static data table is a `table`; `grid` is
-only right for an interactive widget with keyboard-navigable cells. */
+  /** The html role of the table. Defaults to `table`; use `grid` only for an interactive table. */
   role?: DapDSTable["role"]
   /** If the table has mobile design */
   mobile?: DapDSTable["mobile"]
@@ -4052,30 +4053,30 @@ export type ArrowsArrowLeftLLineProps = {
   tagName?: ArrowsArrowLeftLLine["tagName"]
 }
 
-export type ArrowsArrowLeftSFillProps = {
+export type ArrowsArrowLeftLineProps = {
   /** (optional) The width and height in pixels */
-  size?: ArrowsArrowLeftSFill["size"]
+  size?: ArrowsArrowLeftLine["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: ArrowsArrowLeftSFill["selected"]
+  selected?: ArrowsArrowLeftLine["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: ArrowsArrowLeftSFill["accessibilityTitle"]
+  accessibilityTitle?: ArrowsArrowLeftLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: ArrowsArrowLeftSFill["focusable"]
+  focusable?: ArrowsArrowLeftLine["focusable"]
   /**  */
-  tagName?: ArrowsArrowLeftSFill["tagName"]
+  tagName?: ArrowsArrowLeftLine["tagName"]
 }
 
-export type ArrowsArrowLeftLineProps = {
+export type ArrowsArrowLeftSFillProps = {
   /** (optional) The width and height in pixels */
-  size?: ArrowsArrowLeftLine["size"]
+  size?: ArrowsArrowLeftSFill["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: ArrowsArrowLeftLine["selected"]
+  selected?: ArrowsArrowLeftSFill["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: ArrowsArrowLeftLine["accessibilityTitle"]
+  accessibilityTitle?: ArrowsArrowLeftSFill["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: ArrowsArrowLeftLine["focusable"]
+  focusable?: ArrowsArrowLeftSFill["focusable"]
   /**  */
-  tagName?: ArrowsArrowLeftLine["tagName"]
+  tagName?: ArrowsArrowLeftSFill["tagName"]
 }
 
 export type ArrowsArrowLeftSLineProps = {
@@ -4455,33 +4456,85 @@ export type OthersCookieLineProps = {
   tagName?: OthersCookieLine["tagName"]
 }
 
-export type SystemAddLineProps = {
+export type UserAccountCircleFillProps = {
   /** (optional) The width and height in pixels */
-  size?: SystemAddLine["size"]
+  size?: UserAccountCircleFill["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemAddLine["selected"]
+  selected?: UserAccountCircleFill["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemAddLine["accessibilityTitle"]
+  accessibilityTitle?: UserAccountCircleFill["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemAddLine["focusable"]
+  focusable?: UserAccountCircleFill["focusable"]
   /**  */
-  tagName?: SystemAddLine["tagName"]
+  tagName?: UserAccountCircleFill["tagName"]
 }
 
-export type SystemAlertFillProps = {
+export type UserAccountCircleLineProps = {
   /** (optional) The width and height in pixels */
-  size?: SystemAlertFill["size"]
+  size?: UserAccountCircleLine["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemAlertFill["selected"]
+  selected?: UserAccountCircleLine["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemAlertFill["accessibilityTitle"]
+  accessibilityTitle?: UserAccountCircleLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemAlertFill["focusable"]
+  focusable?: UserAccountCircleLine["focusable"]
   /**  */
-  tagName?: SystemAlertFill["tagName"]
+  tagName?: UserAccountCircleLine["tagName"]
 }
 
-export type SystemAlertLineProps = {
+export type UserUserFillProps = {
+  /** (optional) The width and height in pixels */
+  size?: UserUserFill["size"]
+  /** (optional) Sets the icon color via the `fill` attribute */
+  selected?: UserUserFill["selected"]
+  /** (optional) When using the icon standalone, make it meaningful for accessibility */
+  accessibilityTitle?: UserUserFill["accessibilityTitle"]
+  /** (optional) If `true` the icon can receive focus */
+  focusable?: UserUserFill["focusable"]
+  /**  */
+  tagName?: UserUserFill["tagName"]
+}
+
+export type UserUserLineProps = {
+  /** (optional) The width and height in pixels */
+  size?: UserUserLine["size"]
+  /** (optional) Sets the icon color via the `fill` attribute */
+  selected?: UserUserLine["selected"]
+  /** (optional) When using the icon standalone, make it meaningful for accessibility */
+  accessibilityTitle?: UserUserLine["accessibilityTitle"]
+  /** (optional) If `true` the icon can receive focus */
+  focusable?: UserUserLine["focusable"]
+  /**  */
+  tagName?: UserUserLine["tagName"]
+}
+
+export type SystemAddLineProps = {
+  /** (optional) The width and height in pixels */
+  size?: SystemAddLine["size"]
+  /** (optional) Sets the icon color via the `fill` attribute */
+  selected?: SystemAddLine["selected"]
+  /** (optional) When using the icon standalone, make it meaningful for accessibility */
+  accessibilityTitle?: SystemAddLine["accessibilityTitle"]
+  /** (optional) If `true` the icon can receive focus */
+  focusable?: SystemAddLine["focusable"]
+  /**  */
+  tagName?: SystemAddLine["tagName"]
+}
+
+export type SystemAlertFillProps = {
+  /** (optional) The width and height in pixels */
+  size?: SystemAlertFill["size"]
+  /** (optional) Sets the icon color via the `fill` attribute */
+  selected?: SystemAlertFill["selected"]
+  /** (optional) When using the icon standalone, make it meaningful for accessibility */
+  accessibilityTitle?: SystemAlertFill["accessibilityTitle"]
+  /** (optional) If `true` the icon can receive focus */
+  focusable?: SystemAlertFill["focusable"]
+  /**  */
+  tagName?: SystemAlertFill["tagName"]
+}
+
+export type SystemAlertLineProps = {
   /** (optional) The width and height in pixels */
   size?: SystemAlertLine["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
@@ -5079,71 +5132,9 @@ export type SystemZoomOutLineProps = {
   tagName?: SystemZoomOutLine["tagName"]
 }
 
-export type UserAccountCircleFillProps = {
-  /** (optional) The width and height in pixels */
-  size?: UserAccountCircleFill["size"]
-  /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: UserAccountCircleFill["selected"]
-  /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: UserAccountCircleFill["accessibilityTitle"]
-  /** (optional) If `true` the icon can receive focus */
-  focusable?: UserAccountCircleFill["focusable"]
-  /**  */
-  tagName?: UserAccountCircleFill["tagName"]
-}
-
-export type UserAccountCircleLineProps = {
-  /** (optional) The width and height in pixels */
-  size?: UserAccountCircleLine["size"]
-  /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: UserAccountCircleLine["selected"]
-  /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: UserAccountCircleLine["accessibilityTitle"]
-  /** (optional) If `true` the icon can receive focus */
-  focusable?: UserAccountCircleLine["focusable"]
-  /**  */
-  tagName?: UserAccountCircleLine["tagName"]
-}
-
-export type UserUserFillProps = {
-  /** (optional) The width and height in pixels */
-  size?: UserUserFill["size"]
-  /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: UserUserFill["selected"]
-  /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: UserUserFill["accessibilityTitle"]
-  /** (optional) If `true` the icon can receive focus */
-  focusable?: UserUserFill["focusable"]
-  /**  */
-  tagName?: UserUserFill["tagName"]
-}
-
-export type UserUserLineProps = {
-  /** (optional) The width and height in pixels */
-  size?: UserUserLine["size"]
-  /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: UserUserLine["selected"]
-  /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: UserUserLine["accessibilityTitle"]
-  /** (optional) If `true` the icon can receive focus */
-  focusable?: UserUserLine["focusable"]
-  /**  */
-  tagName?: UserUserLine["tagName"]
-}
-
 // Augment Vue's GlobalComponents interface
 declare module 'vue' {
   interface GlobalComponents {
-    /**
-     * An accordion group is a collection of accordion components.
-     *
-     * ### Slots:
-     * - **default** - The content of the accordion group.
-     *
-     * ### CSS Parts:
-     * - **base** - The main accordion group container.
-     */
-         'dap-ds-accordion-group': DefineCustomElement<DapDSAccordionGroup, DapDSAccordionGroupProps, {}>
     /**
      * An accordion is a vertically stacked list of interactive items that can be expanded or collapsed to reveal or hide content.
      *
@@ -5170,6 +5161,16 @@ declare module 'vue' {
      * - **close-icon-base** - The base of the icon when the accordion is closed.
      */
          'dap-ds-accordion': DefineCustomElement<DapDSAccordion, DapDSAccordionProps, DapDSAccordionEvents>
+    /**
+     * 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 component can be used to display user profile images, initials, or icons.
      *
@@ -5190,21 +5191,6 @@ declare module 'vue' {
      * - **loading** - The loading indicator.
      */
          'dap-ds-avatar': DefineCustomElement<DapDSAvatar, DapDSAvatarProps, DapDSAvatarEvents>
-    /**
-     * Avatar group component displays multiple avatars in an organized layout with overflow management.
-     *
-     * ### Events:
-     * - **dds-overflow-click** - Fired when the overflow indicator is clicked.
-     *
-     * ### Slots:
-     * - **default** - The avatars to display in the group.
-     *
-     * ### CSS Parts:
-     * - **base** - The main container of the avatar group.
-     * - **avatars** - The container for the visible avatars.
-     * - **overflow** - The overflow indicator element.
-     */
-         'dap-ds-avatar-group': DefineCustomElement<DapDSAvatarGroup, DapDSAvatarGroupProps, DapDSAvatarGroupEvents>
     /**
      * A badge is a small status descriptor for UI elements.
      *
@@ -5220,15 +5206,20 @@ declare module 'vue' {
      */
          'dap-ds-badge': DefineCustomElement<DapDSBadge, DapDSBadgeProps, {}>
     /**
-     * Anchor heading is a heading with an anchor link.
+     * Avatar group component displays multiple avatars in an organized layout with overflow management.
+     *
+     * ### Events:
+     * - **dds-overflow-click** - Fired when the overflow indicator is clicked.
+     *
+     * ### Slots:
+     * - **default** - The avatars to display in the group.
      *
      * ### CSS Parts:
-     * - **base** - The main anchor heading container.
-     * - **link** - The link of the anchor heading. dap-ds-link element.
-     * - **link-base** - The base of the link part.
-     * - **text** - The text of the anchor heading.
+     * - **base** - The main container of the avatar group.
+     * - **avatars** - The container for the visible avatars.
+     * - **overflow** - The overflow indicator element.
      */
-         'dap-ds-anchor-heading': DefineCustomElement<DapDSAnchorHeading, DapDSAnchorHeadingProps, {}>
+         'dap-ds-avatar-group': DefineCustomElement<DapDSAvatarGroup, DapDSAvatarGroupProps, DapDSAvatarGroupEvents>
     /**
      * A banner is a message displayed at the top of the page to provide important information to the user.
      *
@@ -5253,6 +5244,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.
      *
@@ -5295,6 +5296,30 @@ declare module 'vue' {
      * - **content** - The content wrapper inside the button.
      */
          'dap-ds-button': DefineCustomElement<DapDSButton, DapDSButtonProps, DapDSButtonEvents>
+    /**
+     * 
+     *
+     * ### 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>
     /**
      * Calendar cell represents a single cell in the calendar.
      *
@@ -5328,30 +5353,6 @@ 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.
      *
@@ -6076,22 +6077,6 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * - **option-item-suffix** - The suffix of the option item.
      */
          'dap-ds-option-list': DefineCustomElement<DapDSOptionList, DapDSOptionListProps, DapDSOptionListEvents>
-    /**
-     * An overlay is a container for overlay content.
-     *
-     * ### Events:
-     * - **dds-before-open** - Fires before the overlay opens.
-     * - **dds-opened** - Fires after the overlay opens.
-     * - **dds-before-close** - Fires before the overlay closes.
-     * - **dds-closed** - Fires after the overlay closes.
-     *
-     * ### Slots:
-     * - **default** - The content of the overlay.
-     *
-     * ### CSS Parts:
-     * - **base** - The overlay element
-     */
-         'dap-ds-overlay': DefineCustomElement<DapDSOverlay, DapDSOverlayProps, DapDSOverlayEvents>
     /**
      * A pager is a component that displays pagination controls.
      *
@@ -6123,6 +6108,22 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * - **page-info** - The page info / total count text.
      */
          'dap-ds-pager': DefineCustomElement<DapDSPager, DapDSPagerProps, DapDSPagerEvents>
+    /**
+     * An overlay is a container for overlay content.
+     *
+     * ### Events:
+     * - **dds-before-open** - Fires before the overlay opens.
+     * - **dds-opened** - Fires after the overlay opens.
+     * - **dds-before-close** - Fires before the overlay closes.
+     * - **dds-closed** - Fires after the overlay closes.
+     *
+     * ### Slots:
+     * - **default** - The content of the overlay.
+     *
+     * ### CSS Parts:
+     * - **base** - The overlay element
+     */
+         'dap-ds-overlay': DefineCustomElement<DapDSOverlay, DapDSOverlayProps, DapDSOverlayEvents>
     /**
      * A password input a field for entering a password.
      *
@@ -6734,14 +6735,14 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-arrow-left-s-fill': DefineCustomElement<ArrowsArrowLeftSFill, ArrowsArrowLeftSFillProps, {}>
+         'dap-ds-icon-arrow-left-line': DefineCustomElement<ArrowsArrowLeftLine, ArrowsArrowLeftLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-arrow-left-line': DefineCustomElement<ArrowsArrowLeftLine, ArrowsArrowLeftLineProps, {}>
+         'dap-ds-icon-arrow-left-s-fill': DefineCustomElement<ArrowsArrowLeftSFill, ArrowsArrowLeftSFillProps, {}>
     /**
      * An icon
      *
@@ -6945,6 +6946,34 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * - **base** - The main icon container.
      */
          'dap-ds-icon-cookie-line': DefineCustomElement<OthersCookieLine, OthersCookieLineProps, {}>
+    /**
+     * An icon
+     *
+     * ### CSS Parts:
+     * - **base** - The main icon container.
+     */
+         'dap-ds-icon-account-circle-fill': DefineCustomElement<UserAccountCircleFill, UserAccountCircleFillProps, {}>
+    /**
+     * An icon
+     *
+     * ### CSS Parts:
+     * - **base** - The main icon container.
+     */
+         'dap-ds-icon-account-circle-line': DefineCustomElement<UserAccountCircleLine, UserAccountCircleLineProps, {}>
+    /**
+     * An icon
+     *
+     * ### CSS Parts:
+     * - **base** - The main icon container.
+     */
+         'dap-ds-icon-user-fill': DefineCustomElement<UserUserFill, UserUserFillProps, {}>
+    /**
+     * An icon
+     *
+     * ### CSS Parts:
+     * - **base** - The main icon container.
+     */
+         'dap-ds-icon-user-line': DefineCustomElement<UserUserLine, UserUserLineProps, {}>
     /**
      * An icon
      *
@@ -7281,34 +7310,6 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * - **base** - The main icon container.
      */
          'dap-ds-icon-zoom-out-line': DefineCustomElement<SystemZoomOutLine, SystemZoomOutLineProps, {}>
-    /**
-     * An icon
-     *
-     * ### CSS Parts:
-     * - **base** - The main icon container.
-     */
-         'dap-ds-icon-account-circle-fill': DefineCustomElement<UserAccountCircleFill, UserAccountCircleFillProps, {}>
-    /**
-     * An icon
-     *
-     * ### CSS Parts:
-     * - **base** - The main icon container.
-     */
-         'dap-ds-icon-account-circle-line': DefineCustomElement<UserAccountCircleLine, UserAccountCircleLineProps, {}>
-    /**
-     * An icon
-     *
-     * ### CSS Parts:
-     * - **base** - The main icon container.
-     */
-         'dap-ds-icon-user-fill': DefineCustomElement<UserUserFill, UserUserFillProps, {}>
-    /**
-     * An icon
-     *
-     * ### CSS Parts:
-     * - **base** - The main icon container.
-     */
-         'dap-ds-icon-user-line': DefineCustomElement<UserUserLine, UserUserLineProps, {}>
   }
 }
 
@@ -7316,19 +7317,19 @@ Used with dap-ds-select to create grouped options that render as native optgroup
 declare global {
   namespace JSX {
     interface IntrinsicElements {
-      'dap-ds-accordion-group': DapDSAccordionGroupProps & DapDSAccordionGroupSlots
       'dap-ds-accordion': DapDSAccordionProps & DapDSAccordionEvents & DapDSAccordionSlots
+      'dap-ds-anchor-heading': DapDSAnchorHeadingProps
       'dap-ds-avatar': DapDSAvatarProps & DapDSAvatarEvents & DapDSAvatarSlots
-      'dap-ds-avatar-group': DapDSAvatarGroupProps & DapDSAvatarGroupEvents & DapDSAvatarGroupSlots
       'dap-ds-badge': DapDSBadgeProps & DapDSBadgeSlots
-      'dap-ds-anchor-heading': DapDSAnchorHeadingProps
+      'dap-ds-avatar-group': DapDSAvatarGroupProps & DapDSAvatarGroupEvents & DapDSAvatarGroupSlots
       '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
+      'dap-ds-callout': DapDSCalloutProps & DapDSCalloutEvents & DapDSCalloutSlots
       '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
@@ -7370,8 +7371,8 @@ declare global {
       'dap-ds-option-group': DapDSOptionGroupProps & DapDSOptionGroupSlots
       'dap-ds-option-item': DapDSOptionItemProps & DapDSOptionItemSlots
       'dap-ds-option-list': DapDSOptionListProps & DapDSOptionListEvents & DapDSOptionListSlots
-      'dap-ds-overlay': DapDSOverlayProps & DapDSOverlayEvents & DapDSOverlaySlots
       'dap-ds-pager': DapDSPagerProps & DapDSPagerEvents
+      'dap-ds-overlay': DapDSOverlayProps & DapDSOverlayEvents & DapDSOverlaySlots
       'dap-ds-password-input': DapDSPasswordInputProps & DapDSPasswordInputEvents
       'dap-ds-popup': DapDSPopupProps & DapDSPopupEvents & DapDSPopupSlots
       'dap-ds-progress': DapDSProgressProps & DapDSProgressSlots
@@ -7415,8 +7416,8 @@ declare global {
       '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-s-fill': ArrowsArrowLeftSFillProps
       'dap-ds-icon-arrow-left-line': ArrowsArrowLeftLineProps
+      'dap-ds-icon-arrow-left-s-fill': ArrowsArrowLeftSFillProps
       'dap-ds-icon-arrow-left-s-line': ArrowsArrowLeftSLineProps
       'dap-ds-icon-arrow-left-up-line': ArrowsArrowLeftUpLineProps
       'dap-ds-icon-arrow-right-down-line': ArrowsArrowRightDownLineProps
@@ -7446,6 +7447,10 @@ declare global {
       '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
@@ -7494,10 +7499,6 @@ declare global {
       'dap-ds-icon-upload-line': SystemUploadLineProps
       'dap-ds-icon-zoom-in-line': SystemZoomInLineProps
       'dap-ds-icon-zoom-out-line': SystemZoomOutLineProps
-      'dap-ds-icon-account-circle-fill': UserAccountCircleFillProps
-      'dap-ds-icon-account-circle-line': UserAccountCircleLineProps
-      'dap-ds-icon-user-fill': UserUserFillProps
-      'dap-ds-icon-user-line': UserUserLineProps
     }
   }
 }