dap-design-system 0.62.3 → 0.62.4

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

@@ -217,13 +217,6 @@ export interface DapDSAccordionEvents {
   onDdsClosed?: (event: CustomEvent<{ open: boolean, item: AccordionBaseElement }>) => void
 }
 
-export interface DapDSAvatarEvents {
-  /** Fired when the image loads successfully. */
-  onDdsLoad?: (event: CustomEvent) => void
-  /** Fired when the image fails to load. */
-  onDdsError?: (event: CustomEvent) => void
-}
-
 export interface DapDSAvatarGroupEvents {
   /** Fired when the overflow indicator is clicked. */
   onDdsOverflowClick?: (event: CustomEvent) => void
@@ -249,6 +242,13 @@ export interface DapDSCalendarEvents {
   onDdsChange?: (event: CustomEvent<{ value: Dayjs }>) => void
 }
 
+export interface DapDSAvatarEvents {
+  /** Fired when the image loads successfully. */
+  onDdsLoad?: (event: CustomEvent) => void
+  /** Fired when the image fails to load. */
+  onDdsError?: (event: CustomEvent) => void
+}
+
 export interface DapDSCheckboxEvents {
   /** Fired when the checkbox is checked or unchecked. */
   onDdsChange?: (event: CustomEvent<{ checked: boolean, indeterminate: boolean, value: string, disabled: boolean, readonly: boolean, type: 'checkbox' }>) => void
@@ -481,11 +481,6 @@ 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
@@ -497,6 +492,11 @@ 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,6 +657,11 @@ export interface DapDSRadioGroupEvents {
   onDdsFocus?: (event: CustomEvent) => void
 }
 
+export interface DapDSAccordionGroupSlots {
+  /** The content of the accordion group. */
+  default?: () => any
+}
+
 export interface DapDSAccordionSlots {
   /** The content of the accordion. */
   default?: () => any
@@ -668,20 +673,6 @@ export interface DapDSAccordionSlots {
   'icon-closed'?: () => any
 }
 
-export interface DapDSAvatarSlots {
-  /** The icon to display when variant is 'icon'. */
-  'icon'?: () => any
-  /** Custom fallback content when image fails to load. */
-  'fallback'?: () => any
-}
-
-export interface DapDSBadgeSlots {
-  /** The content of the badge. */
-  default?: () => any
-  /** The icon of the badge. */
-  'icon'?: () => any
-}
-
 export interface DapDSAvatarGroupSlots {
   /** The avatars to display in the group. */
   default?: () => any
@@ -696,11 +687,6 @@ 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
@@ -715,6 +701,13 @@ export interface DapDSBreadcrumbItemSlots {
   'separator'?: () => any
 }
 
+export interface DapDSBadgeSlots {
+  /** The content of the badge. */
+  default?: () => any
+  /** The icon of the badge. */
+  'icon'?: () => any
+}
+
 export interface DapDSButtonSlots {
   /** The content of the button. Can contain text, icons, or other elements. */
   default?: () => any
@@ -743,6 +736,13 @@ export interface DapDSCalendarSlots {
   default?: () => any
 }
 
+export interface DapDSAvatarSlots {
+  /** The icon to display when variant is 'icon'. */
+  'icon'?: () => any
+  /** Custom fallback content when image fails to load. */
+  'fallback'?: () => any
+}
+
 export interface DapDSCardActionsSlots {
   /** The content of the card actions. */
   default?: () => any
@@ -1125,6 +1125,15 @@ export interface DapDSRadioGroupSlots {
   'feedback-icon'?: () => any
 }
 
+export type DapDSAccordionGroupProps = {
+  /** Whether to close other accordions when one is opened. */
+  autoClose?: DapDSAccordionGroup["autoClose"]
+  /** The variant of the accordion */
+  variant?: DapDSAccordionGroup["variant"]
+  /**  */
+  tagName?: DapDSAccordionGroup["tagName"]
+}
+
 export type DapDSAccordionProps = {
   /**  */
   tagName?: DapDSAccordion["tagName"]
@@ -1167,54 +1176,6 @@ export type DapDSAnchorHeadingProps = {
   anchorTitle?: DapDSAnchorHeading["anchorTitle"]
 }
 
-export type DapDSAvatarProps = {
-  /** The shape of the avatar */
-  shape?: DapDSAvatar["shape"]
-  /** The variant type of the avatar */
-  variant?: DapDSAvatar["variant"]
-  /** The source of the avatar image */
-  src?: DapDSAvatar["src"]
-  /** The alt text of the avatar */
-  alt?: DapDSAvatar["alt"]
-  /** The initials to display when variant is 'initials' */
-  initials?: DapDSAvatar["initials"]
-  /** Accessible label for the avatar */
-  label?: DapDSAvatar["label"]
-  /** Loading state indicator */
-  loading?: DapDSAvatar["loading"]
-  /** Whether the avatar is interactive (clickable) */
-  interactive?: DapDSAvatar["interactive"]
-  /** The width of the avatar. This will override the size */
-  width?: DapDSAvatar["width"]
-  /** The height of the avatar. This will override the size */
-  height?: DapDSAvatar["height"]
-  /**  */
-  tagName?: DapDSAvatar["tagName"]
-  /**  */
-  dependencies?: DapDSAvatar["dependencies"]
-  /** The size of the avatar. Default is `md`. */
-  size?: DapDSAvatar["size"]
-  /** Responsive size map (e.g. "md:lg"). */
-  sizeMap?: DapDSAvatar["sizeMap"]
-}
-
-export type 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"]
@@ -1255,15 +1216,6 @@ 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"]
@@ -1292,6 +1244,23 @@ export type DapDSBreadcrumbItemProps = {
   dependencies?: DapDSBreadcrumbItem["dependencies"]
 }
 
+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 DapDSButtonProps = {
   /** The visual style variant of the button */
   variant?: DapDSButton["variant"]
@@ -1420,6 +1389,37 @@ export type DapDSCalendarProps = {
   shouldHideAdjacentMonths?: DapDSCalendar["shouldHideAdjacentMonths"]
 }
 
+export type DapDSAvatarProps = {
+  /** The shape of the avatar */
+  shape?: DapDSAvatar["shape"]
+  /** The variant type of the avatar */
+  variant?: DapDSAvatar["variant"]
+  /** The source of the avatar image */
+  src?: DapDSAvatar["src"]
+  /** The alt text of the avatar */
+  alt?: DapDSAvatar["alt"]
+  /** The initials to display when variant is 'initials' */
+  initials?: DapDSAvatar["initials"]
+  /** Accessible label for the avatar */
+  label?: DapDSAvatar["label"]
+  /** Loading state indicator */
+  loading?: DapDSAvatar["loading"]
+  /** Whether the avatar is interactive (clickable) */
+  interactive?: DapDSAvatar["interactive"]
+  /** The width of the avatar. This will override the size */
+  width?: DapDSAvatar["width"]
+  /** The height of the avatar. This will override the size */
+  height?: DapDSAvatar["height"]
+  /**  */
+  tagName?: DapDSAvatar["tagName"]
+  /**  */
+  dependencies?: DapDSAvatar["dependencies"]
+  /** The size of the avatar. Default is `md`. */
+  size?: DapDSAvatar["size"]
+  /** Responsive size map (e.g. "md:lg"). */
+  sizeMap?: DapDSAvatar["sizeMap"]
+}
+
 export type DapDSCardActionsProps = {
   /**  */
   tagName?: DapDSCardActions["tagName"]
@@ -2846,6 +2846,8 @@ export type DapDSOptionListProps = {
   searchMode?: DapDSOptionList["searchMode"]
   /** Whether the option list items are selectable, whether it shows the selected icon */
   selectable?: DapDSOptionList["selectable"]
+  /** Whether multiple options can be selected; exposed as aria-multiselectable on the listbox. */
+  multiselectable?: DapDSOptionList["multiselectable"]
   /**  */
   tagName?: DapDSOptionList["tagName"]
   /**  */
@@ -2866,6 +2868,13 @@ 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"]
@@ -2915,13 +2924,6 @@ 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"]
@@ -5135,6 +5137,16 @@ export type SystemZoomOutLineProps = {
 // 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.
      *
@@ -5171,40 +5183,6 @@ declare module 'vue' {
      * - **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.
-     *
-     * ### Events:
-     * - **dds-load** - Fired when the image loads successfully.
-     * - **dds-error** - Fired when the image fails to load.
-     *
-     * ### Slots:
-     * - **icon** - The icon to display when variant is 'icon'.
-     * - **fallback** - Custom fallback content when image fails to load.
-     *
-     * ### CSS Parts:
-     * - **base** - The main avatar container.
-     * - **img** - The avatar image.
-     * - **initials** - The initials container.
-     * - **icon** - The icon container.
-     * - **fallback** - The fallback content container.
-     * - **loading** - The loading indicator.
-     */
-         'dap-ds-avatar': DefineCustomElement<DapDSAvatar, DapDSAvatarProps, DapDSAvatarEvents>
-    /**
-     * A badge is a small status descriptor for UI elements.
-     *
-     * ### Slots:
-     * - **default** - The content of the badge.
-     * - **icon** - The icon of the badge.
-     *
-     * ### CSS Parts:
-     * - **base** - The main container of the badge.
-     * - **icon** - The icon of the badge.
-     * - **content** - The content of the badge.
-     * - **icon-base** - The base of the icon.
-     */
-         'dap-ds-badge': DefineCustomElement<DapDSBadge, DapDSBadgeProps, {}>
     /**
      * Avatar group component displays multiple avatars in an organized layout with overflow management.
      *
@@ -5244,16 +5222,6 @@ 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.
      *
@@ -5281,6 +5249,20 @@ declare module 'vue' {
      * - **separator** - The separator of the breadcrumb item.
      */
          'dap-ds-breadcrumb-item': DefineCustomElement<DapDSBreadcrumbItem, DapDSBreadcrumbItemProps, {}>
+    /**
+     * A badge is a small status descriptor for UI elements.
+     *
+     * ### Slots:
+     * - **default** - The content of the badge.
+     * - **icon** - The icon of the badge.
+     *
+     * ### CSS Parts:
+     * - **base** - The main container of the badge.
+     * - **icon** - The icon of the badge.
+     * - **content** - The content of the badge.
+     * - **icon-base** - The base of the icon.
+     */
+         'dap-ds-badge': DefineCustomElement<DapDSBadge, DapDSBadgeProps, {}>
     /**
      * A button is a clickable element that can be used to trigger an action, submit forms, or navigate to other pages.
      *
@@ -5353,6 +5335,26 @@ declare module 'vue' {
      * - **calendar-header-month-select** - The month select of the calendar header.
      */
          'dap-ds-calendar': DefineCustomElement<DapDSCalendar, DapDSCalendarProps, DapDSCalendarEvents>
+    /**
+     * Avatar component can be used to display user profile images, initials, or icons.
+     *
+     * ### Events:
+     * - **dds-load** - Fired when the image loads successfully.
+     * - **dds-error** - Fired when the image fails to load.
+     *
+     * ### Slots:
+     * - **icon** - The icon to display when variant is 'icon'.
+     * - **fallback** - Custom fallback content when image fails to load.
+     *
+     * ### CSS Parts:
+     * - **base** - The main avatar container.
+     * - **img** - The avatar image.
+     * - **initials** - The initials container.
+     * - **icon** - The icon container.
+     * - **fallback** - The fallback content container.
+     * - **loading** - The loading indicator.
+     */
+         'dap-ds-avatar': DefineCustomElement<DapDSAvatar, DapDSAvatarProps, DapDSAvatarEvents>
     /**
      * A card actions is a container for actions in a card.
      *
@@ -6077,6 +6079,22 @@ 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.
      *
@@ -6108,22 +6126,6 @@ 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.
      *
@@ -7317,19 +7319,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-badge': DapDSBadgeProps & DapDSBadgeSlots
       '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-badge': DapDSBadgeProps & DapDSBadgeSlots
       '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-avatar': DapDSAvatarProps & DapDSAvatarEvents & DapDSAvatarSlots
       'dap-ds-card-actions': DapDSCardActionsProps & DapDSCardActionsSlots
       'dap-ds-card-content': DapDSCardContentProps & DapDSCardContentSlots
       'dap-ds-card-image': DapDSCardImageProps & DapDSCardImageSlots
@@ -7371,8 +7373,8 @@ declare global {
       'dap-ds-option-group': DapDSOptionGroupProps & DapDSOptionGroupSlots
       'dap-ds-option-item': DapDSOptionItemProps & DapDSOptionItemSlots
       'dap-ds-option-list': DapDSOptionListProps & DapDSOptionListEvents & DapDSOptionListSlots
-      'dap-ds-pager': DapDSPagerProps & DapDSPagerEvents
       'dap-ds-overlay': DapDSOverlayProps & DapDSOverlayEvents & DapDSOverlaySlots
+      'dap-ds-pager': DapDSPagerProps & DapDSPagerEvents
       'dap-ds-password-input': DapDSPasswordInputProps & DapDSPasswordInputEvents
       'dap-ds-popup': DapDSPopupProps & DapDSPopupEvents & DapDSPopupSlots
       'dap-ds-progress': DapDSProgressProps & DapDSProgressSlots