dap-design-system 0.58.2 → 0.59.0

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

@@ -210,13 +210,6 @@ type DefineGenericCustomElement<
   $props: Partial<Omit<HTMLAttributes, keyof ElementType>> & Partial<Omit<ElementType, keyof Props>> & Props & Events
 }
 
-export interface DapDSAccordionEvents {
-  /** Event fired when the accordion is opened. */
-  onDdsOpened?: (event: CustomEvent<{ open: boolean, item: AccordionBaseElement }>) => void
-  /** Event fired when the accordion is closed. */
-  onDdsClosed?: (event: CustomEvent<{ open: boolean, item: AccordionBaseElement }>) => void
-}
-
 export interface DapDSAvatarEvents {
   /** Fired when the image loads successfully. */
   onDdsLoad?: (event: CustomEvent) => void
@@ -229,6 +222,13 @@ export interface DapDSAvatarGroupEvents {
   onDdsOverflowClick?: (event: CustomEvent) => void
 }
 
+export interface DapDSAccordionEvents {
+  /** Event fired when the accordion is opened. */
+  onDdsOpened?: (event: CustomEvent<{ open: boolean, item: AccordionBaseElement }>) => void
+  /** Event fired when the accordion is closed. */
+  onDdsClosed?: (event: CustomEvent<{ open: boolean, item: AccordionBaseElement }>) => void
+}
+
 export interface DapDSBannerEvents {
   /** Event fired when the banner is closed. */
   onDdsClose?: (event: CustomEvent) => void
@@ -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
@@ -333,6 +333,17 @@ export interface DapDSCopyBoxInputEvents {
   onDdsNotAllowed?: (event: CustomEvent) => void
 }
 
+export interface DapDSDataTableEvents<T> {
+  /** Fired when the sorting of the table changes. */
+  onDdsSortingChange?: (event: CustomEvent<{ sorting: SortingState }>) => void
+  /** Fired when the selection of the table changes. */
+  onDdsSelectionChange?: (event: CustomEvent<{ selection: RowSelectionState }>) => void
+  /** Fired when the pagination of the table changes. */
+  onDdsPaginationChange?: (event: CustomEvent<{ pagination: PaginationState }>) => void
+  /** Fired when a row is clicked. */
+  onDdsRowClick?: (event: CustomEvent<{ row: Row<T> }>) => void
+}
+
 export interface DapDSDatePickerEvents {
   /** Fired when the datepicker value changes. */
   onDdsChange?: (event: CustomEvent<{ value: string }>) => void
@@ -383,17 +394,6 @@ export interface DapDSFileInputEvents {
   onDdsFilesAccepted?: (event: CustomEvent<{ files: File[] }>) => void
 }
 
-export interface DapDSDataTableEvents<T> {
-  /** Fired when the sorting of the table changes. */
-  onDdsSortingChange?: (event: CustomEvent<{ sorting: SortingState }>) => void
-  /** Fired when the selection of the table changes. */
-  onDdsSelectionChange?: (event: CustomEvent<{ selection: RowSelectionState }>) => void
-  /** Fired when the pagination of the table changes. */
-  onDdsPaginationChange?: (event: CustomEvent<{ pagination: PaginationState }>) => void
-  /** Fired when a row is clicked. */
-  onDdsRowClick?: (event: CustomEvent<{ row: Row<T> }>) => void
-}
-
 export interface DapDSImageZoomEvents {
   /** Fires when the image is about to zoom. Cancelable via event.preventDefault(). */
   onDdsZoom?: (event: CustomEvent<CustomEvent>) => void
@@ -401,6 +401,19 @@ export interface DapDSImageZoomEvents {
   onDdsUnzoom?: (event: CustomEvent<CustomEvent>) => void
 }
 
+export interface DapDSInputEvents {
+  /** Fired when the input value changes. */
+  onDdsChange?: (event: CustomEvent<{ value: string }>) => void
+  /** Fired when the input value changes. */
+  onDdsInput?: (event: CustomEvent<{ value: string }>) => void
+  /** Fired when a key is pressed down. */
+  onDdsKeydown?: (event: CustomEvent<{ value: string, originalEvent: Event }>) => void
+  /** Fired when the input loses focus. */
+  onDdsBlur?: (event: CustomEvent) => void
+  /** Emitted when the input gains focus. */
+  onDdsFocus?: (event: CustomEvent) => void
+}
+
 export interface DapDSLinkEvents {
   /** Emitted when the link is clicked. */
   onDdsClick?: (event: CustomEvent<{ event: Event }>) => void
@@ -535,19 +548,6 @@ export interface DapDSSearchEvents {
   onDdsInput?: (event: CustomEvent) => void
 }
 
-export interface DapDSInputEvents {
-  /** Fired when the input value changes. */
-  onDdsChange?: (event: CustomEvent<{ value: string }>) => void
-  /** Fired when the input value changes. */
-  onDdsInput?: (event: CustomEvent<{ value: string }>) => void
-  /** Fired when a key is pressed down. */
-  onDdsKeydown?: (event: CustomEvent<{ value: string, originalEvent: Event }>) => void
-  /** Fired when the input loses focus. */
-  onDdsBlur?: (event: CustomEvent) => void
-  /** Emitted when the input gains focus. */
-  onDdsFocus?: (event: CustomEvent) => void
-}
-
 export interface DapDSSelectEvents {
   /** Fired when the select value changes. */
   onDdsChange?: (event: CustomEvent<{ value: string }>) => void
@@ -561,11 +561,6 @@ export interface DapDSSelectEvents {
   onDdsClosed?: (event: CustomEvent) => void
 }
 
-export interface DapDSSideNavEvents {
-  /** Event fired when the side navigation item is clicked. */
-  onDdsItemClick?: (event: CustomEvent<{ href: string, event: Event }>) => void
-}
-
 export interface DapDSSnackbarMessageEvents {
   /** Fires when the snackbar closes. */
   onDdsClose?: (event: CustomEvent<{ id: string }>) => void
@@ -587,6 +582,11 @@ export interface DapDSTabGroupEvents {
   onDdsTabSelect?: (event: CustomEvent) => void
 }
 
+export interface DapDSSideNavEvents {
+  /** Event fired when the side navigation item is clicked. */
+  onDdsItemClick?: (event: CustomEvent<{ href: string, event: Event }>) => void
+}
+
 export interface DapDSTextareaEvents {
   /** Fires when the count of the textarea changes. */
   onDdsCountChange?: (event: CustomEvent<{ value: number }>) => void
@@ -655,15 +655,9 @@ export interface DapDSRadioGroupEvents {
   onDdsFocus?: (event: CustomEvent) => void
 }
 
-export interface DapDSAccordionSlots {
-  /** The content of the accordion. */
+export interface DapDSAccordionGroupSlots {
+  /** The content of the accordion group. */
   default?: () => any
-  /** The heading of the accordion. */
-  'heading'?: () => any
-  /** The icon when the accordion is opened. */
-  'icon-opened'?: () => any
-  /** The icon when the accordion is closed. */
-  'icon-closed'?: () => any
 }
 
 export interface DapDSAvatarSlots {
@@ -678,9 +672,15 @@ export interface DapDSAvatarGroupSlots {
   default?: () => any
 }
 
-export interface DapDSAccordionGroupSlots {
-  /** The content of the accordion group. */
+export interface DapDSAccordionSlots {
+  /** The content of the accordion. */
   default?: () => any
+  /** The heading of the accordion. */
+  'heading'?: () => any
+  /** The icon when the accordion is opened. */
+  'icon-opened'?: () => any
+  /** The icon when the accordion is closed. */
+  'icon-closed'?: () => any
 }
 
 export interface DapDSBadgeSlots {
@@ -690,6 +690,13 @@ export interface DapDSBadgeSlots {
   'icon'?: () => any
 }
 
+export interface DapDSBreadcrumbSlots {
+  /** The content of the breadcrumb. */
+  default?: () => any
+  /** The separator between breadcrumb items. Default is '/'. */
+  'separator'?: () => any
+}
+
 export interface DapDSBannerSlots {
   /** The content of the banner. */
   default?: () => any
@@ -699,13 +706,6 @@ export interface DapDSBannerSlots {
   'icon'?: () => any
 }
 
-export interface DapDSBreadcrumbSlots {
-  /** The content of the breadcrumb. */
-  default?: () => any
-  /** The separator between breadcrumb items. Default is '/'. */
-  'separator'?: () => any
-}
-
 export interface DapDSBreadcrumbItemSlots {
   /** The content of the breadcrumb item. */
   default?: () => any
@@ -718,16 +718,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
@@ -741,6 +731,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
@@ -815,6 +815,20 @@ export interface DapDSDAPBadgeSlots {
   default?: () => any
 }
 
+export interface DapDSDataTableSlots {
+  /** The loading content of the table. */
+  'loading'?: () => any
+  /** The empty content of the table. */
+  'empty'?: () => any
+}
+
+export interface DapDSFeedbackSlots {
+  /** The custom icon of the feedback. */
+  'icon'?: () => any
+  /** The text of the feedback. */
+  default?: () => any
+}
+
 export interface DapDSFileInputListItemSlots {
   /** The delete button. */
   'delete-button'?: () => any
@@ -830,13 +844,6 @@ export interface DapDSFileInputSlots {
   'dropzone-content'?: () => any
 }
 
-export interface DapDSDataTableSlots {
-  /** The loading content of the table. */
-  'loading'?: () => any
-  /** The empty content of the table. */
-  'empty'?: () => any
-}
-
 export interface DapDSIconSlots {
   /** The content of the icon for custom svg icons. */
   default?: () => any
@@ -847,18 +854,24 @@ export interface DapDSIconButtonSlots {
   default?: () => any
 }
 
-export interface DapDSFeedbackSlots {
-  /** The custom icon of the feedback. */
-  'icon'?: () => any
-  /** The text of the feedback. */
-  default?: () => any
-}
-
 export interface DapDSImageZoomSlots {
   /** The image or content element to zoom. Should contain an <img> element. */
   default?: () => any
 }
 
+export interface DapDSInputSlots {
+  /** The postfix of the input. */
+  'postfix'?: () => any
+  /** The prefix of the input. */
+  'prefix'?: () => any
+  /** The addon before the input. */
+  'addon-before'?: () => any
+  /** The addon after the input. */
+  'addon-after'?: () => any
+  /** The custom icon of the feedback. */
+  'feedback-icon'?: () => any
+}
+
 export interface DapDSLinkSlots {
   /** The text of the link. */
   default?: () => any
@@ -973,19 +986,6 @@ export interface DapDSSearchSlots {
   default?: () => any
 }
 
-export interface DapDSInputSlots {
-  /** The postfix of the input. */
-  'postfix'?: () => any
-  /** The prefix of the input. */
-  'prefix'?: () => any
-  /** The addon before the input. */
-  'addon-before'?: () => any
-  /** The addon after the input. */
-  'addon-after'?: () => any
-  /** The custom icon of the feedback. */
-  'feedback-icon'?: () => any
-}
-
 export interface DapDSSelectSlots {
   /** The option list of the select. */
   default?: () => any
@@ -993,27 +993,6 @@ export interface DapDSSelectSlots {
   'indicator-icon'?: () => any
 }
 
-export interface DapDSSideNavGroupSlots {
-  /** The content of the side navigation group. */
-  default?: () => any
-  /** The submenu of the side navigation group. */
-  'submenu'?: () => any
-  /** The suffix of the side navigation group. */
-  'suffix'?: () => any
-}
-
-export interface DapDSSideNavItemSlots {
-  /** The content of the side navigation item. */
-  default?: () => any
-  /** The suffix of the side navigation item. */
-  'suffix'?: () => any
-}
-
-export interface DapDSSideNavSlots {
-  /** The content of the side navigation. */
-  default?: () => any
-}
-
 export interface DapDSSkipLinkSlots {
   /** The content of the skip link. */
   default?: () => any
@@ -1068,6 +1047,27 @@ export interface DapDSTableSlots {
   default?: () => any
 }
 
+export interface DapDSSideNavGroupSlots {
+  /** The content of the side navigation group. */
+  default?: () => any
+  /** The submenu of the side navigation group. */
+  'submenu'?: () => any
+  /** The suffix of the side navigation group. */
+  'suffix'?: () => any
+}
+
+export interface DapDSSideNavItemSlots {
+  /** The content of the side navigation item. */
+  default?: () => any
+  /** The suffix of the side navigation item. */
+  'suffix'?: () => any
+}
+
+export interface DapDSSideNavSlots {
+  /** The content of the side navigation. */
+  default?: () => any
+}
+
 export interface DapDSTextareaSlots {
   /** The custom icon of the feedback. */
   'feedback-icon'?: () => any
@@ -1109,43 +1109,36 @@ export interface DapDSTypographySlots {
   default?: () => any
 }
 
-export interface DapDSInputGroupSlots {
-  /** The content of the input group items. */
+export interface DapDSRadioGroupSlots {
+  /** The content of the radio group. */
   default?: () => any
   /** The custom icon of the feedback. */
   'feedback-icon'?: () => any
 }
 
-export interface DapDSRadioGroupSlots {
-  /** The content of the radio group. */
+export interface DapDSInputGroupSlots {
+  /** The content of the input group items. */
   default?: () => any
   /** The custom icon of the feedback. */
   'feedback-icon'?: () => any
 }
 
-export type DapDSAccordionProps = {
-  /** The size of the accordion. Default is `sm`. Visual variants are sm and lg (other sizes map to sm). */
-  size?: DapDSAccordion["size"]
-  /** Responsive size map (e.g. "md:lg") */
-  sizeMap?: DapDSAccordion["sizeMap"]
-  /** When "true", size is taken from the parent card if present. */
-  parentSized?: DapDSAccordion["parentSized"]
-  /** The heading text of the accordion, this will be used as the aria label of the heading also if ariaLabel is not provided */
-  heading?: DapDSAccordion["heading"]
-  /** The heading level of the accordion. Default is `4`. */
-  headingLevel?: DapDSAccordion["headingLevel"]
-  /** Whether the accordion is opened. Default is `false`. */
-  opened?: DapDSAccordion["opened"]
-  /** The location of the icon. Default is `right`. */
-  iconLocation?: DapDSAccordion["iconLocation"]
-  /** The variant of the accordion. */
-  variant?: DapDSAccordion["variant"]
-  /** Whether the accordion is the last item. */
-  lastItem?: DapDSAccordion["lastItem"]
-  /** Whether the accordion is disabled. */
-  disabled?: DapDSAccordion["disabled"]
-  /** Whether the accordion is in loading state. */
-  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 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 DapDSAvatarProps = {
@@ -1194,22 +1187,29 @@ export type DapDSAvatarGroupProps = {
   sizeMap?: DapDSAvatarGroup["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"]
-  /**  */
-  elementId?: DapDSAnchorHeading["elementId"]
-  /**  */
-  anchorTitle?: DapDSAnchorHeading["anchorTitle"]
-}
-
-export type DapDSAccordionGroupProps = {
-  /** Whether to close other accordions when one is opened. */
-  autoClose?: DapDSAccordionGroup["autoClose"]
-  /** The variant of the accordion */
-  variant?: DapDSAccordionGroup["variant"]
+export type DapDSAccordionProps = {
+  /** The size of the accordion. Default is `sm`. Visual variants are sm and lg (other sizes map to sm). */
+  size?: DapDSAccordion["size"]
+  /** Responsive size map (e.g. "md:lg") */
+  sizeMap?: DapDSAccordion["sizeMap"]
+  /** When "true", size is taken from the parent card if present. */
+  parentSized?: DapDSAccordion["parentSized"]
+  /** The heading text of the accordion, this will be used as the aria label of the heading also if ariaLabel is not provided */
+  heading?: DapDSAccordion["heading"]
+  /** The heading level of the accordion. Default is `4`. */
+  headingLevel?: DapDSAccordion["headingLevel"]
+  /** Whether the accordion is opened. Default is `false`. */
+  opened?: DapDSAccordion["opened"]
+  /** The location of the icon. Default is `right`. */
+  iconLocation?: DapDSAccordion["iconLocation"]
+  /** The variant of the accordion. */
+  variant?: DapDSAccordion["variant"]
+  /** Whether the accordion is the last item. */
+  lastItem?: DapDSAccordion["lastItem"]
+  /** Whether the accordion is disabled. */
+  disabled?: DapDSAccordion["disabled"]
+  /** Whether the accordion is in loading state. */
+  loading?: DapDSAccordion["loading"]
 }
 
 export type DapDSBadgeProps = {
@@ -1225,6 +1225,15 @@ export type DapDSBadgeProps = {
   sizeMap?: DapDSBadge["sizeMap"]
 }
 
+export type DapDSBreadcrumbProps = {
+  /**  */
+  variant?: DapDSBreadcrumb["variant"]
+  /** Mobile version of the breadcrumb */
+  mobile?: DapDSBreadcrumb["mobile"]
+  /** The aria-labelledby of the breadcrumb */
+  "aria-labelledby"?: DapDSBreadcrumb["ariaLabelledBy"]
+}
+
 export type DapDSBannerProps = {
   /** The variant of the banner */
   variant?: DapDSBanner["variant"]
@@ -1240,15 +1249,6 @@ export type DapDSBannerProps = {
   icon?: DapDSBanner["icon"]
 }
 
-export type DapDSBreadcrumbProps = {
-  /**  */
-  variant?: DapDSBreadcrumb["variant"]
-  /** Mobile version of the breadcrumb */
-  mobile?: DapDSBreadcrumb["mobile"]
-  /** The aria-labelledby of the breadcrumb */
-  "aria-labelledby"?: DapDSBreadcrumb["ariaLabelledBy"]
-}
-
 export type DapDSBreadcrumbItemProps = {
   /** The URL of the breadcrumb item. */
   href?: DapDSBreadcrumbItem["href"]
@@ -1293,6 +1293,27 @@ 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"]
+}
+
 export type DapDSCalendarCellProps = {
   /** Whether the calendar cell is selected. */
   selected?: DapDSCalendarCell["selected"]
@@ -1355,27 +1376,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"]
-}
-
 export type DapDSCardActionsProps = {
   /** The spacing of the card actions. This adds a margin to the card actions. Default is `bottom`. */
   spacing?: DapDSCardActions["spacing"]
@@ -1782,6 +1782,95 @@ export type DapDSDAPBadgeProps = {
   sizeMap?: DapDSDAPBadge["sizeMap"]
 }
 
+export type DapDSDataTableProps<T> = {
+  /** Row key to use for row selection, this should be a unique key for each row */
+  rowKey?: DapDSDataTable<T>["rowKey"]
+  /** Enable row selection on the table, can be a boolean or a function that returns a boolean */
+  enableRowSelection?: DapDSDataTable<T>["enableRowSelection"]
+  /** Enable sorting on the table */
+  enableSorting?: DapDSDataTable<T>["enableSorting"]
+  /** Enable manual sorting on the table */
+  manualSorting?: DapDSDataTable<T>["manualSorting"]
+  /** Enables manual pagination. If this option is set to true, the table will not automatically paginate rows and instead will expect you to manually paginate the rows before passing them to the table. This is useful if you are doing server-side pagination and aggregation. */
+  manualPagination?: DapDSDataTable<T>["manualPagination"]
+  /** If set to true, pagination will be reset to the first page when page-altering state changes eg. data is updated, filters change, grouping changes, etc. This behavior is automatically disabled when manualPagination is true but it can be overridden by explicitly assigning a boolean value to the autoResetPageIndex table option. */
+  autoResetPageIndex?: DapDSDataTable<T>["autoResetPageIndex"]
+  /** Enable row click on the table */
+  enableRowClick?: DapDSDataTable<T>["enableRowClick"]
+  /** Loading state of the table */
+  loading?: DapDSDataTable<T>["loading"]
+  /** Whether to enable striped rows */
+  enableStripedRows?: DapDSDataTable<T>["enableStripedRows"]
+  /** Number of rows in the table */
+  rowCount?: DapDSDataTable<T>["rowCount"]
+  /** Caption text for the table */
+  caption?: DapDSDataTable<T>["caption"]
+  /** The type of loading to use */
+  loadingType?: DapDSDataTable<T>["loadingType"]
+  /** The variant of the spinner. Only used if loadingType is 'spinner'. */
+  loadingVariant?: DapDSDataTable<T>["loadingVariant"]
+  /** The size of the spinner. Only used if loadingType is 'spinner'. */
+  loadingSize?: DapDSDataTable<T>["loadingSize"]
+  /** The size of the spinner in pixels. This overrides the size attribute. Only used if loadingType is 'spinner'. */
+  loadingStaticSize?: DapDSDataTable<T>["loadingStaticSize"]
+  /** The loading text. Only used if loadingType is 'spinner'. */
+  loadingText?: DapDSDataTable<T>["loadingText"]
+  /** The text to display when the table is empty. */
+  emptyText?: DapDSDataTable<T>["emptyText"]
+  /** Whether to disable the header when the table is empty. */
+  disableHeaderOnEmpty?: DapDSDataTable<T>["disableHeaderOnEmpty"]
+  /** Whether to show the pager component when the table is empty. */
+  showPagerOnEmpty?: DapDSDataTable<T>["showPagerOnEmpty"]
+  /** Whether to show the pager component */
+  pager?: DapDSDataTable<T>["pager"]
+  /** Show the page size options. */
+  showPageSizeOptions?: DapDSDataTable<T>["showPageSizeOptions"]
+  /** Show the page index. */
+  showPageIndex?: DapDSDataTable<T>["showPageIndex"]
+  /** Show the page count. */
+  showPageCount?: DapDSDataTable<T>["showPageCount"]
+  /** Show the first button. */
+  showFirstButton?: DapDSDataTable<T>["showFirstButton"]
+  /** Show the previous button. */
+  showPreviousButton?: DapDSDataTable<T>["showPreviousButton"]
+  /** Show the next button. */
+  showNextButton?: DapDSDataTable<T>["showNextButton"]
+  /** Show the last button. */
+  showLastButton?: DapDSDataTable<T>["showLastButton"]
+  /** Show numbered page buttons between the previous and next buttons. */
+  showPageNumbers?: DapDSDataTable<T>["showPageNumbers"]
+  /** How many page numbers to show on each side of the current page. */
+  siblingCount?: DapDSDataTable<T>["siblingCount"]
+  /** The label of the first button */
+  firstButtonLabel?: DapDSDataTable<T>["firstButtonLabel"]
+  /** The label of the previous button */
+  previousButtonLabel?: DapDSDataTable<T>["previousButtonLabel"]
+  /** The label of the next button */
+  nextButtonLabel?: DapDSDataTable<T>["nextButtonLabel"]
+  /** The label of the last button */
+  lastButtonLabel?: DapDSDataTable<T>["lastButtonLabel"]
+  /** `data-testid` for the column sort-toggle button. Suffixed with the column id. */
+  sortButtonTestId?: DapDSDataTable<T>["sortButtonTestId"]
+  /** Available page size options for the pager */
+  pageSizeOptions?: DapDSDataTable<T>["pageSizeOptions"]
+  /** Sorting state of the table */
+  sorting?: DapDSDataTable<T>["sorting"]
+  /** Selection state of the table */
+  rowSelection?: DapDSDataTable<T>["rowSelection"]
+  /** Pagination state of the table */
+  pagination?: DapDSDataTable<T>["pagination"]
+  /** Column sizing state of the table */
+  columnSizing?: DapDSDataTable<T>["columnSizing"]
+  /** ID of element labeling the table */
+  ariaLabel?: DapDSDataTable<T>["ariaLabel"]
+  /** Data to display in the table */
+  data?: DapDSDataTable<T>["data"]
+  /** Columns to display in the table */
+  columns?: DapDSDataTable<T>["columns"]
+  /** The function to determine the pager text */
+  pageStateText?: DapDSDataTable<T>["pageStateText"]
+}
+
 export type DapDSDatePickerProps = {
   /** The value of the datepicker. */
   value?: DapDSDatePicker["value"]
@@ -1884,6 +1973,21 @@ export type DapDSDividerProps = {
   variant?: DapDSDivider["variant"]
 }
 
+export type DapDSFeedbackProps = {
+  /** The feedback message. */
+  feedback?: DapDSFeedback["feedback"]
+  /** The size of the feedback. Default is `sm`. */
+  feedbackSize?: DapDSFeedback["feedbackSize"]
+  /** The type of the feedback. */
+  feedbackType?: DapDSFeedback["feedbackType"]
+  /** The weight of the feedback. */
+  feedbackSubtle?: DapDSFeedback["feedbackSubtle"]
+  /** Removes the margins around the feedback. */
+  feedbackNoMargin?: DapDSFeedback["feedbackNoMargin"]
+  /** The id of the feedback. */
+  feedbackId?: DapDSFeedback["feedbackId"]
+}
+
 export type DapDSFileInputListItemProps = {
   /** Disables the file input list item. */
   disabled?: DapDSFileInputListItem["disabled"]
@@ -2069,91 +2173,6 @@ export type DapDSFileInputProps = {
   subtle?: DapDSFileInput["subtle"]
 }
 
-export type DapDSDataTableProps<T> = {
-  /** Row key to use for row selection, this should be a unique key for each row */
-  rowKey?: DapDSDataTable<T>["rowKey"]
-  /** Enable row selection on the table, can be a boolean or a function that returns a boolean */
-  enableRowSelection?: DapDSDataTable<T>["enableRowSelection"]
-  /** Enable sorting on the table */
-  enableSorting?: DapDSDataTable<T>["enableSorting"]
-  /** Enable manual sorting on the table */
-  manualSorting?: DapDSDataTable<T>["manualSorting"]
-  /** Enables manual pagination. If this option is set to true, the table will not automatically paginate rows and instead will expect you to manually paginate the rows before passing them to the table. This is useful if you are doing server-side pagination and aggregation. */
-  manualPagination?: DapDSDataTable<T>["manualPagination"]
-  /** If set to true, pagination will be reset to the first page when page-altering state changes eg. data is updated, filters change, grouping changes, etc. This behavior is automatically disabled when manualPagination is true but it can be overridden by explicitly assigning a boolean value to the autoResetPageIndex table option. */
-  autoResetPageIndex?: DapDSDataTable<T>["autoResetPageIndex"]
-  /** Enable row click on the table */
-  enableRowClick?: DapDSDataTable<T>["enableRowClick"]
-  /** Loading state of the table */
-  loading?: DapDSDataTable<T>["loading"]
-  /** Whether to enable striped rows */
-  enableStripedRows?: DapDSDataTable<T>["enableStripedRows"]
-  /** Number of rows in the table */
-  rowCount?: DapDSDataTable<T>["rowCount"]
-  /** Caption text for the table */
-  caption?: DapDSDataTable<T>["caption"]
-  /** The type of loading to use */
-  loadingType?: DapDSDataTable<T>["loadingType"]
-  /** The variant of the spinner. Only used if loadingType is 'spinner'. */
-  loadingVariant?: DapDSDataTable<T>["loadingVariant"]
-  /** The size of the spinner. Only used if loadingType is 'spinner'. */
-  loadingSize?: DapDSDataTable<T>["loadingSize"]
-  /** The size of the spinner in pixels. This overrides the size attribute. Only used if loadingType is 'spinner'. */
-  loadingStaticSize?: DapDSDataTable<T>["loadingStaticSize"]
-  /** The loading text. Only used if loadingType is 'spinner'. */
-  loadingText?: DapDSDataTable<T>["loadingText"]
-  /** The text to display when the table is empty. */
-  emptyText?: DapDSDataTable<T>["emptyText"]
-  /** Whether to disable the header when the table is empty. */
-  disableHeaderOnEmpty?: DapDSDataTable<T>["disableHeaderOnEmpty"]
-  /** Whether to show the pager component when the table is empty. */
-  showPagerOnEmpty?: DapDSDataTable<T>["showPagerOnEmpty"]
-  /** Whether to show the pager component */
-  pager?: DapDSDataTable<T>["pager"]
-  /** Show the page size options. */
-  showPageSizeOptions?: DapDSDataTable<T>["showPageSizeOptions"]
-  /** Show the page index. */
-  showPageIndex?: DapDSDataTable<T>["showPageIndex"]
-  /** Show the page count. */
-  showPageCount?: DapDSDataTable<T>["showPageCount"]
-  /** Show the first button. */
-  showFirstButton?: DapDSDataTable<T>["showFirstButton"]
-  /** Show the previous button. */
-  showPreviousButton?: DapDSDataTable<T>["showPreviousButton"]
-  /** Show the next button. */
-  showNextButton?: DapDSDataTable<T>["showNextButton"]
-  /** Show the last button. */
-  showLastButton?: DapDSDataTable<T>["showLastButton"]
-  /** The label of the first button */
-  firstButtonLabel?: DapDSDataTable<T>["firstButtonLabel"]
-  /** The label of the previous button */
-  previousButtonLabel?: DapDSDataTable<T>["previousButtonLabel"]
-  /** The label of the next button */
-  nextButtonLabel?: DapDSDataTable<T>["nextButtonLabel"]
-  /** The label of the last button */
-  lastButtonLabel?: DapDSDataTable<T>["lastButtonLabel"]
-  /** `data-testid` for the column sort-toggle button. Suffixed with the column id. */
-  sortButtonTestId?: DapDSDataTable<T>["sortButtonTestId"]
-  /** Available page size options for the pager */
-  pageSizeOptions?: DapDSDataTable<T>["pageSizeOptions"]
-  /** Sorting state of the table */
-  sorting?: DapDSDataTable<T>["sorting"]
-  /** Selection state of the table */
-  rowSelection?: DapDSDataTable<T>["rowSelection"]
-  /** Pagination state of the table */
-  pagination?: DapDSDataTable<T>["pagination"]
-  /** Column sizing state of the table */
-  columnSizing?: DapDSDataTable<T>["columnSizing"]
-  /** ID of element labeling the table */
-  ariaLabel?: DapDSDataTable<T>["ariaLabel"]
-  /** Data to display in the table */
-  data?: DapDSDataTable<T>["data"]
-  /** Columns to display in the table */
-  columns?: DapDSDataTable<T>["columns"]
-  /** The function to determine the pager text */
-  pageStateText?: DapDSDataTable<T>["pageStateText"]
-}
-
 export type DapDSIconProps = {
   /** The name of the icon */
   name?: DapDSIcon["name"]
@@ -2190,46 +2209,6 @@ export type DapDSIconButtonProps = {
   ariaLabel?: DapDSIconButton["ariaLabel"]
 }
 
-export type DapDSFeedbackProps = {
-  /** The feedback message. */
-  feedback?: DapDSFeedback["feedback"]
-  /** The size of the feedback. Default is `sm`. */
-  feedbackSize?: DapDSFeedback["feedbackSize"]
-  /** The type of the feedback. */
-  feedbackType?: DapDSFeedback["feedbackType"]
-  /** The weight of the feedback. */
-  feedbackSubtle?: DapDSFeedback["feedbackSubtle"]
-  /** Removes the margins around the feedback. */
-  feedbackNoMargin?: DapDSFeedback["feedbackNoMargin"]
-  /** The id of the feedback. */
-  feedbackId?: DapDSFeedback["feedbackId"]
-}
-
-export type DapDSLabelProps = {
-  /** The label text */
-  label?: DapDSLabel["label"]
-  /** The description of the label */
-  description?: DapDSLabel["description"]
-  /** The tooltip text */
-  tooltip?: DapDSLabel["tooltip"]
-  /** The size of the input. Default is `sm`. */
-  size?: DapDSLabel["size"]
-  /** The tooltip placement of the label. */
-  tooltipPlacement?: DapDSLabel["tooltipPlacement"]
-  /** If the label is optional. Default value is `false`. */
-  optional?: DapDSLabel["optional"]
-  /** Label of optional text */
-  optionalLabel?: DapDSLabel["optionalLabel"]
-  /** Indicator of required text (default: '*') */
-  requiredLabel?: DapDSLabel["requiredLabel"]
-  /** Text weight of label. If true the label is subtle. Default value is `false`. */
-  subtle?: DapDSLabel["subtle"]
-  /** The disabled state of the label. Default is `false`. */
-  disabled?: DapDSLabel["disabled"]
-  /** The required state of the label. Default is `false`. */
-  required?: DapDSLabel["required"]
-}
-
 export type DapDSImageZoomProps = {
   /** The open/zoomed state. Can be used for controlled mode. */
   open?: DapDSImageZoom["open"]
@@ -2257,6 +2236,96 @@ export type DapDSImageZoomProps = {
   unzoomButtonTestId?: DapDSImageZoom["unzoomButtonTestId"]
 }
 
+export type DapDSInputProps = {
+  /** The label of the input. */
+  label?: DapDSInput["label"]
+  /** Visually hides the label while keeping it available to assistive technology. (default: false) */
+  hideLabel?: DapDSInput["hideLabel"]
+  /** The description of the input. */
+  description?: DapDSInput["description"]
+  /** Text of optional label. */
+  optionalLabel?: DapDSInput["optionalLabel"]
+  /** Text of required indicator. (default: '*') */
+  requiredLabel?: DapDSInput["requiredLabel"]
+  /** Text weight of label. If true the label is subtle. Default value is false. */
+  subtle?: DapDSInput["subtle"]
+  /** The value of the input. */
+  value?: DapDSInput["value"]
+  /** The placeholder of the input. */
+  placeholder?: DapDSInput["placeholder"]
+  /** The loading state of the input. Default is false. */
+  loading?: DapDSInput["loading"]
+  /** The tooltip of the input. */
+  tooltip?: DapDSInput["tooltip"]
+  /** The tooltip placement of the input. */
+  tooltipPlacement?: DapDSInput["tooltipPlacement"]
+  /** The aria label of the tooltip. */
+  tooltipAriaLabel?: DapDSInput["tooltipAriaLabel"]
+  /** The feedback of the input. */
+  feedback?: DapDSInput["feedback"]
+  /** The feedback type of the input. Can be `negative`, `positive`, or `warning`. */
+  feedbackType?: DapDSInput["feedbackType"]
+  /** The status of the input. Can be `success` or `error`. */
+  status?: DapDSInput["status"]
+  /** The size of the input. Default is `sm`. */
+  size?: DapDSInput["size"]
+  /** Responsive size map (e.g. "xs:lg"). */
+  sizeMap?: DapDSInput["sizeMap"]
+  /** The name of the input. */
+  name?: DapDSInput["name"]
+  /** The type of the input. Default is 'text'. */
+  type?: DapDSInput["type"]
+  /** The disabled state of the input. Default is false. */
+  disabled?: DapDSInput["disabled"]
+  /** The required state of the input. Default is false. */
+  required?: DapDSInput["required"]
+  /** The readonly state of the input. Default is false. */
+  readonly?: DapDSInput["readonly"]
+  /** The autofocus state of the input. Default is false. */
+  autofocus?: DapDSInput["autofocus"]
+  /** The autocapitalize state of the input. Default is false. */
+  autocapitalize?: DapDSInput["autocapitalize"]
+  /** The minimum length of the input. */
+  minlength?: DapDSInput["minlength"]
+  /** The maximum length of the input. */
+  maxlength?: DapDSInput["maxlength"]
+  /** The minimum value of the number input. */
+  min?: DapDSInput["min"]
+  /** The maximum value of the number input. */
+  max?: DapDSInput["max"]
+  /** The step value of the number input. */
+  step?: DapDSInput["step"]
+  /** The inputmode of the input. */
+  inputmode?: DapDSInput["inputmode"]
+  /** The regex pattern of the input. */
+  pattern?: DapDSInput["pattern"]
+}
+
+export type DapDSLabelProps = {
+  /** The label text */
+  label?: DapDSLabel["label"]
+  /** The description of the label */
+  description?: DapDSLabel["description"]
+  /** The tooltip text */
+  tooltip?: DapDSLabel["tooltip"]
+  /** The size of the input. Default is `sm`. */
+  size?: DapDSLabel["size"]
+  /** The tooltip placement of the label. */
+  tooltipPlacement?: DapDSLabel["tooltipPlacement"]
+  /** If the label is optional. Default value is `false`. */
+  optional?: DapDSLabel["optional"]
+  /** Label of optional text */
+  optionalLabel?: DapDSLabel["optionalLabel"]
+  /** Indicator of required text (default: '*') */
+  requiredLabel?: DapDSLabel["requiredLabel"]
+  /** Text weight of label. If true the label is subtle. Default value is `false`. */
+  subtle?: DapDSLabel["subtle"]
+  /** The disabled state of the label. Default is `false`. */
+  disabled?: DapDSLabel["disabled"]
+  /** The required state of the label. Default is `false`. */
+  required?: DapDSLabel["required"]
+}
+
 export type DapDSLinkProps = {
   /** The size of the link */
   size?: DapDSLink["size"]
@@ -2650,6 +2719,10 @@ export type DapDSPagerProps = {
   showNextButton?: DapDSPager["showNextButton"]
   /** Show the last button. */
   showLastButton?: DapDSPager["showLastButton"]
+  /** Show numbered page buttons between the previous and next buttons. */
+  showPageNumbers?: DapDSPager["showPageNumbers"]
+  /** How many page numbers to show on each side of the current page. */
+  siblingCount?: DapDSPager["siblingCount"]
   /** The first button label. */
   firstButtonLabel?: DapDSPager["firstButtonLabel"]
   /** The previous button label. */
@@ -2916,71 +2989,6 @@ export type DapDSSearchProps = {
   subtle?: DapDSSearch["subtle"]
 }
 
-export type DapDSInputProps = {
-  /** The label of the input. */
-  label?: DapDSInput["label"]
-  /** Visually hides the label while keeping it available to assistive technology. (default: false) */
-  hideLabel?: DapDSInput["hideLabel"]
-  /** The description of the input. */
-  description?: DapDSInput["description"]
-  /** Text of optional label. */
-  optionalLabel?: DapDSInput["optionalLabel"]
-  /** Text of required indicator. (default: '*') */
-  requiredLabel?: DapDSInput["requiredLabel"]
-  /** Text weight of label. If true the label is subtle. Default value is false. */
-  subtle?: DapDSInput["subtle"]
-  /** The value of the input. */
-  value?: DapDSInput["value"]
-  /** The placeholder of the input. */
-  placeholder?: DapDSInput["placeholder"]
-  /** The loading state of the input. Default is false. */
-  loading?: DapDSInput["loading"]
-  /** The tooltip of the input. */
-  tooltip?: DapDSInput["tooltip"]
-  /** The tooltip placement of the input. */
-  tooltipPlacement?: DapDSInput["tooltipPlacement"]
-  /** The aria label of the tooltip. */
-  tooltipAriaLabel?: DapDSInput["tooltipAriaLabel"]
-  /** The feedback of the input. */
-  feedback?: DapDSInput["feedback"]
-  /** The feedback type of the input. Can be `negative`, `positive`, or `warning`. */
-  feedbackType?: DapDSInput["feedbackType"]
-  /** The status of the input. Can be `success` or `error`. */
-  status?: DapDSInput["status"]
-  /** The size of the input. Default is `sm`. */
-  size?: DapDSInput["size"]
-  /** Responsive size map (e.g. "xs:lg"). */
-  sizeMap?: DapDSInput["sizeMap"]
-  /** The name of the input. */
-  name?: DapDSInput["name"]
-  /** The type of the input. Default is 'text'. */
-  type?: DapDSInput["type"]
-  /** The disabled state of the input. Default is false. */
-  disabled?: DapDSInput["disabled"]
-  /** The required state of the input. Default is false. */
-  required?: DapDSInput["required"]
-  /** The readonly state of the input. Default is false. */
-  readonly?: DapDSInput["readonly"]
-  /** The autofocus state of the input. Default is false. */
-  autofocus?: DapDSInput["autofocus"]
-  /** The autocapitalize state of the input. Default is false. */
-  autocapitalize?: DapDSInput["autocapitalize"]
-  /** The minimum length of the input. */
-  minlength?: DapDSInput["minlength"]
-  /** The maximum length of the input. */
-  maxlength?: DapDSInput["maxlength"]
-  /** The minimum value of the number input. */
-  min?: DapDSInput["min"]
-  /** The maximum value of the number input. */
-  max?: DapDSInput["max"]
-  /** The step value of the number input. */
-  step?: DapDSInput["step"]
-  /** The inputmode of the input. */
-  inputmode?: DapDSInput["inputmode"]
-  /** The regex pattern of the input. */
-  pattern?: DapDSInput["pattern"]
-}
-
 export type DapDSSelectProps = {
   /** The popup placement of the select */
   placement?: DapDSSelect["placement"]
@@ -3050,55 +3058,6 @@ export type DapDSSelectProps = {
   subtle?: DapDSSelect["subtle"]
 }
 
-export type DapDSSideNavGroupProps = {
-  /** The href of the side navigation item */
-  href?: DapDSSideNavGroup["href"]
-  /** Whether the side navigation item is active */
-  active?: DapDSSideNavGroup["active"]
-  /** The spacing of the side navigation item */
-  spacing?: DapDSSideNavGroup["spacing"]
-  /** Whether the side navigation group is open */
-  open?: DapDSSideNavGroup["open"]
-  /** The size of the side navigation group */
-  size?: DapDSSideNavGroup["size"]
-}
-
-export type DapDSSideNavItemProps = {
-  /** The href of the side navigation item */
-  href?: DapDSSideNavItem["href"]
-  /** Whether the side navigation item is active */
-  active?: DapDSSideNavItem["active"]
-  /** Which `aria-current` token to expose on the link when `active` is set.
-
-`aria-current` has to sit on the anchor that assistive technology actually
-exposes. Setting it on this host does nothing: the host is a role-less custom
-element, so the attribute is stranded there and screen-reader users cannot tell
-which item is current. Use `current="step"` inside a stepper. */
-  current?: DapDSSideNavItem["current"]
-  /** The spacing of the side navigation item */
-  spacing?: DapDSSideNavItem["spacing"]
-  /** The size of the side navigation item */
-  size?: DapDSSideNavItem["size"]
-}
-
-export type DapDSSideNavProps = {
-  /** The label of the side navigation, if aria label is not provided, it will be used as aria label */
-  label?: DapDSSideNav["label"]
-  /** The active href of the side navigation, to explicitly set the active item, if not provided, it will be set based on the current location */
-  activeHref?: DapDSSideNav["activeHref"]
-  /** The size of the side navigation */
-  size?: DapDSSideNav["size"]
-  /** The landmark element to render. `aside` exposes a complementary landmark; `nav`
-exposes a navigation landmark, so the sidenav is listed when a screen-reader user
-asks for the page's navigation.
-
-Defaults to `aside` because that is what this component has always rendered, and
-changing the landmark of every existing sidenav is not this component's call: a
-sidenav that is genuinely a sidebar should stay complementary. Set `nav` when the
-sidenav is the primary way to move around the view. */
-  landmark?: DapDSSideNav["landmark"]
-}
-
 export type DapDSSkeletonProps = {
   /** The variant of the skeleton. */
   variant?: DapDSSkeleton["variant"]
@@ -3280,6 +3239,55 @@ export type DapDSTableProps = {
   caption?: DapDSTable["caption"]
 }
 
+export type DapDSSideNavGroupProps = {
+  /** The href of the side navigation item */
+  href?: DapDSSideNavGroup["href"]
+  /** Whether the side navigation item is active */
+  active?: DapDSSideNavGroup["active"]
+  /** The spacing of the side navigation item */
+  spacing?: DapDSSideNavGroup["spacing"]
+  /** Whether the side navigation group is open */
+  open?: DapDSSideNavGroup["open"]
+  /** The size of the side navigation group */
+  size?: DapDSSideNavGroup["size"]
+}
+
+export type DapDSSideNavItemProps = {
+  /** The href of the side navigation item */
+  href?: DapDSSideNavItem["href"]
+  /** Whether the side navigation item is active */
+  active?: DapDSSideNavItem["active"]
+  /** Which `aria-current` token to expose on the link when `active` is set.
+
+`aria-current` has to sit on the anchor that assistive technology actually
+exposes. Setting it on this host does nothing: the host is a role-less custom
+element, so the attribute is stranded there and screen-reader users cannot tell
+which item is current. Use `current="step"` inside a stepper. */
+  current?: DapDSSideNavItem["current"]
+  /** The spacing of the side navigation item */
+  spacing?: DapDSSideNavItem["spacing"]
+  /** The size of the side navigation item */
+  size?: DapDSSideNavItem["size"]
+}
+
+export type DapDSSideNavProps = {
+  /** The label of the side navigation, if aria label is not provided, it will be used as aria label */
+  label?: DapDSSideNav["label"]
+  /** The active href of the side navigation, to explicitly set the active item, if not provided, it will be set based on the current location */
+  activeHref?: DapDSSideNav["activeHref"]
+  /** The size of the side navigation */
+  size?: DapDSSideNav["size"]
+  /** The landmark element to render. `aside` exposes a complementary landmark; `nav`
+exposes a navigation landmark, so the sidenav is listed when a screen-reader user
+asks for the page's navigation.
+
+Defaults to `aside` because that is what this component has always rendered, and
+changing the landmark of every existing sidenav is not this component's call: a
+sidenav that is genuinely a sidebar should stay complementary. Set `nav` when the
+sidenav is the primary way to move around the view. */
+  landmark?: DapDSSideNav["landmark"]
+}
+
 export type DapDSTextareaProps = {
   /** Hide character counter. */
   hideCounter?: DapDSTextarea["hideCounter"]
@@ -3601,41 +3609,6 @@ export type DapDSFormLabelProps = {
   hideLabel?: DapDSFormLabel["hideLabel"]
 }
 
-export type DapDSInputGroupProps = {
-  /**  */
-  allInputs?: DapDSInputGroup["allInputs"]
-  /** The label of the input group. */
-  label?: DapDSInputGroup["label"]
-  /** Visually hides the label while keeping it available to assistive technology. (default: false) */
-  hideLabel?: DapDSInputGroup["hideLabel"]
-  /** The description of the input group. */
-  description?: DapDSInputGroup["description"]
-  /** The tooltip of the input group. */
-  tooltip?: DapDSInputGroup["tooltip"]
-  /** The tooltip placement of the input group. */
-  tooltipPlacement?: DapDSInputGroup["tooltipPlacement"]
-  /** The aria label of the tooltip. */
-  tooltipAriaLabel?: DapDSInputGroup["tooltipAriaLabel"]
-  /** The label of the input group when it is optional. */
-  optionalLabel?: DapDSInputGroup["optionalLabel"]
-  /** The indicator of the input group when it is required. (default: '*') */
-  requiredLabel?: DapDSInputGroup["requiredLabel"]
-  /** Whether the input group is disabled. */
-  disabled?: DapDSInputGroup["disabled"]
-  /** The size of the input group. Default is `sm`. */
-  size?: DapDSInputGroup["size"]
-  /** Whether the input group is required. */
-  required?: DapDSInputGroup["required"]
-  /** Whether the input group is optional. */
-  optional?: DapDSInputGroup["optional"]
-  /** The feedback of the input. */
-  feedback?: DapDSInputGroup["feedback"]
-  /** The type of the feedback. */
-  feedbackType?: DapDSInputGroup["feedbackType"]
-  /** Whether the input group label is subtle. */
-  subtle?: DapDSInputGroup["subtle"]
-}
-
 export type DapDSRadioGroupProps = {
   /** The tooltip placement of the radio group. */
   tooltipPlacement?: DapDSRadioGroup["tooltipPlacement"]
@@ -3677,6 +3650,41 @@ export type DapDSRadioGroupProps = {
   size?: DapDSRadioGroup["size"]
 }
 
+export type DapDSInputGroupProps = {
+  /**  */
+  allInputs?: DapDSInputGroup["allInputs"]
+  /** The label of the input group. */
+  label?: DapDSInputGroup["label"]
+  /** Visually hides the label while keeping it available to assistive technology. (default: false) */
+  hideLabel?: DapDSInputGroup["hideLabel"]
+  /** The description of the input group. */
+  description?: DapDSInputGroup["description"]
+  /** The tooltip of the input group. */
+  tooltip?: DapDSInputGroup["tooltip"]
+  /** The tooltip placement of the input group. */
+  tooltipPlacement?: DapDSInputGroup["tooltipPlacement"]
+  /** The aria label of the tooltip. */
+  tooltipAriaLabel?: DapDSInputGroup["tooltipAriaLabel"]
+  /** The label of the input group when it is optional. */
+  optionalLabel?: DapDSInputGroup["optionalLabel"]
+  /** The indicator of the input group when it is required. (default: '*') */
+  requiredLabel?: DapDSInputGroup["requiredLabel"]
+  /** Whether the input group is disabled. */
+  disabled?: DapDSInputGroup["disabled"]
+  /** The size of the input group. Default is `sm`. */
+  size?: DapDSInputGroup["size"]
+  /** Whether the input group is required. */
+  required?: DapDSInputGroup["required"]
+  /** Whether the input group is optional. */
+  optional?: DapDSInputGroup["optional"]
+  /** The feedback of the input. */
+  feedback?: DapDSInputGroup["feedback"]
+  /** The type of the feedback. */
+  feedbackType?: DapDSInputGroup["feedbackType"]
+  /** Whether the input group label is subtle. */
+  subtle?: DapDSInputGroup["subtle"]
+}
+
 export type ArrowsArrowDownLineProps = {
   /** (optional) The width and height in pixels */
   size?: ArrowsArrowDownLine["size"]
@@ -3732,17 +3740,6 @@ export type ArrowsArrowLeftLLineProps = {
   focusable?: ArrowsArrowLeftLLine["focusable"]
 }
 
-export type ArrowsArrowLeftLineProps = {
-  /** (optional) The width and height in pixels */
-  size?: ArrowsArrowLeftLine["size"]
-  /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: ArrowsArrowLeftLine["selected"]
-  /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: ArrowsArrowLeftLine["accessibilityTitle"]
-  /** (optional) If `true` the icon can receive focus */
-  focusable?: ArrowsArrowLeftLine["focusable"]
-}
-
 export type ArrowsArrowLeftSFillProps = {
   /** (optional) The width and height in pixels */
   size?: ArrowsArrowLeftSFill["size"]
@@ -3754,26 +3751,26 @@ export type ArrowsArrowLeftSFillProps = {
   focusable?: ArrowsArrowLeftSFill["focusable"]
 }
 
-export type ArrowsArrowLeftSLineProps = {
+export type ArrowsArrowLeftLineProps = {
   /** (optional) The width and height in pixels */
-  size?: ArrowsArrowLeftSLine["size"]
+  size?: ArrowsArrowLeftLine["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: ArrowsArrowLeftSLine["selected"]
+  selected?: ArrowsArrowLeftLine["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: ArrowsArrowLeftSLine["accessibilityTitle"]
+  accessibilityTitle?: ArrowsArrowLeftLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: ArrowsArrowLeftSLine["focusable"]
+  focusable?: ArrowsArrowLeftLine["focusable"]
 }
 
-export type ArrowsArrowLeftUpLineProps = {
+export type ArrowsArrowLeftSLineProps = {
   /** (optional) The width and height in pixels */
-  size?: ArrowsArrowLeftUpLine["size"]
+  size?: ArrowsArrowLeftSLine["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: ArrowsArrowLeftUpLine["selected"]
+  selected?: ArrowsArrowLeftSLine["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: ArrowsArrowLeftUpLine["accessibilityTitle"]
+  accessibilityTitle?: ArrowsArrowLeftSLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: ArrowsArrowLeftUpLine["focusable"]
+  focusable?: ArrowsArrowLeftSLine["focusable"]
 }
 
 export type ArrowsArrowRightDownLineProps = {
@@ -3798,6 +3795,17 @@ export type ArrowsArrowRightLLineProps = {
   focusable?: ArrowsArrowRightLLine["focusable"]
 }
 
+export type ArrowsArrowLeftUpLineProps = {
+  /** (optional) The width and height in pixels */
+  size?: ArrowsArrowLeftUpLine["size"]
+  /** (optional) Sets the icon color via the `fill` attribute */
+  selected?: ArrowsArrowLeftUpLine["selected"]
+  /** (optional) When using the icon standalone, make it meaningful for accessibility */
+  accessibilityTitle?: ArrowsArrowLeftUpLine["accessibilityTitle"]
+  /** (optional) If `true` the icon can receive focus */
+  focusable?: ArrowsArrowLeftUpLine["focusable"]
+}
+
 export type ArrowsArrowRightLineProps = {
   /** (optional) The width and height in pixels */
   size?: ArrowsArrowRightLine["size"]
@@ -3897,6 +3905,17 @@ export type BuildingsHome6LineProps = {
   focusable?: BuildingsHome6Line["focusable"]
 }
 
+export type BusinessCalendarLineProps = {
+  /** (optional) The width and height in pixels */
+  size?: BusinessCalendarLine["size"]
+  /** (optional) Sets the icon color via the `fill` attribute */
+  selected?: BusinessCalendarLine["selected"]
+  /** (optional) When using the icon standalone, make it meaningful for accessibility */
+  accessibilityTitle?: BusinessCalendarLine["accessibilityTitle"]
+  /** (optional) If `true` the icon can receive focus */
+  focusable?: BusinessCalendarLine["focusable"]
+}
+
 export type DesignEditLineProps = {
   /** (optional) The width and height in pixels */
   size?: DesignEditLine["size"]
@@ -3963,6 +3982,17 @@ export type DocumentFileImageLineProps = {
   focusable?: DocumentFileImageLine["focusable"]
 }
 
+export type DocumentFileMusicLineProps = {
+  /** (optional) The width and height in pixels */
+  size?: DocumentFileMusicLine["size"]
+  /** (optional) Sets the icon color via the `fill` attribute */
+  selected?: DocumentFileMusicLine["selected"]
+  /** (optional) When using the icon standalone, make it meaningful for accessibility */
+  accessibilityTitle?: DocumentFileMusicLine["accessibilityTitle"]
+  /** (optional) If `true` the icon can receive focus */
+  focusable?: DocumentFileMusicLine["focusable"]
+}
+
 export type DocumentFileTextLineProps = {
   /** (optional) The width and height in pixels */
   size?: DocumentFileTextLine["size"]
@@ -4040,26 +4070,26 @@ export type HealthHeartLineProps = {
   focusable?: HealthHeartLine["focusable"]
 }
 
-export type OthersCookieLineProps = {
+export type SystemAddLineProps = {
   /** (optional) The width and height in pixels */
-  size?: OthersCookieLine["size"]
+  size?: SystemAddLine["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: OthersCookieLine["selected"]
+  selected?: SystemAddLine["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: OthersCookieLine["accessibilityTitle"]
+  accessibilityTitle?: SystemAddLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: OthersCookieLine["focusable"]
+  focusable?: SystemAddLine["focusable"]
 }
 
-export type SystemAddLineProps = {
+export type OthersCookieLineProps = {
   /** (optional) The width and height in pixels */
-  size?: SystemAddLine["size"]
+  size?: OthersCookieLine["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemAddLine["selected"]
+  selected?: OthersCookieLine["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemAddLine["accessibilityTitle"]
+  accessibilityTitle?: OthersCookieLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemAddLine["focusable"]
+  focusable?: OthersCookieLine["focusable"]
 }
 
 export type SystemAlertFillProps = {
@@ -4073,6 +4103,17 @@ export type SystemAlertFillProps = {
   focusable?: SystemAlertFill["focusable"]
 }
 
+export type SystemAlertLineProps = {
+  /** (optional) The width and height in pixels */
+  size?: SystemAlertLine["size"]
+  /** (optional) Sets the icon color via the `fill` attribute */
+  selected?: SystemAlertLine["selected"]
+  /** (optional) When using the icon standalone, make it meaningful for accessibility */
+  accessibilityTitle?: SystemAlertLine["accessibilityTitle"]
+  /** (optional) If `true` the icon can receive focus */
+  focusable?: SystemAlertLine["focusable"]
+}
+
 export type SystemCheckLineProps = {
   /** (optional) The width and height in pixels */
   size?: SystemCheckLine["size"]
@@ -4095,18 +4136,7 @@ export type SystemCheckLine2Props = {
   focusable?: SystemCheckLine2["focusable"]
 }
 
-export type SystemAlertLineProps = {
-  /** (optional) The width and height in pixels */
-  size?: SystemAlertLine["size"]
-  /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemAlertLine["selected"]
-  /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemAlertLine["accessibilityTitle"]
-  /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemAlertLine["focusable"]
-}
-
-export type SystemCheckboxBlankCircleFillProps = {
+export type SystemCheckboxBlankCircleFillProps = {
   /** (optional) The width and height in pixels */
   size?: SystemCheckboxBlankCircleFill["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
@@ -4260,6 +4290,17 @@ export type SystemErrorWarningLineProps = {
   focusable?: SystemErrorWarningLine["focusable"]
 }
 
+export type SystemExternalLinkLineProps = {
+  /** (optional) The width and height in pixels */
+  size?: SystemExternalLinkLine["size"]
+  /** (optional) Sets the icon color via the `fill` attribute */
+  selected?: SystemExternalLinkLine["selected"]
+  /** (optional) When using the icon standalone, make it meaningful for accessibility */
+  accessibilityTitle?: SystemExternalLinkLine["accessibilityTitle"]
+  /** (optional) If `true` the icon can receive focus */
+  focusable?: SystemExternalLinkLine["focusable"]
+}
+
 export type SystemEyeLineProps = {
   /** (optional) The width and height in pixels */
   size?: SystemEyeLine["size"]
@@ -4315,17 +4356,6 @@ export type SystemInformationFillProps = {
   focusable?: SystemInformationFill["focusable"]
 }
 
-export type DocumentFileMusicLineProps = {
-  /** (optional) The width and height in pixels */
-  size?: DocumentFileMusicLine["size"]
-  /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: DocumentFileMusicLine["selected"]
-  /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: DocumentFileMusicLine["accessibilityTitle"]
-  /** (optional) If `true` the icon can receive focus */
-  focusable?: DocumentFileMusicLine["focusable"]
-}
-
 export type SystemInformationLineProps = {
   /** (optional) The width and height in pixels */
   size?: SystemInformationLine["size"]
@@ -4579,17 +4609,6 @@ export type SystemZoomOutLineProps = {
   focusable?: SystemZoomOutLine["focusable"]
 }
 
-export type SystemExternalLinkLineProps = {
-  /** (optional) The width and height in pixels */
-  size?: SystemExternalLinkLine["size"]
-  /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemExternalLinkLine["selected"]
-  /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemExternalLinkLine["accessibilityTitle"]
-  /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemExternalLinkLine["focusable"]
-}
-
 export type UserAccountCircleFillProps = {
   /** (optional) The width and height in pixels */
   size?: UserAccountCircleFill["size"]
@@ -4634,46 +4653,29 @@ export type UserUserLineProps = {
   focusable?: UserUserLine["focusable"]
 }
 
-export type BusinessCalendarLineProps = {
-  /** (optional) The width and height in pixels */
-  size?: BusinessCalendarLine["size"]
-  /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: BusinessCalendarLine["selected"]
-  /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: BusinessCalendarLine["accessibilityTitle"]
-  /** (optional) If `true` the icon can receive focus */
-  focusable?: BusinessCalendarLine["focusable"]
-}
-
 // Augment Vue's GlobalComponents interface
 declare module 'vue' {
   interface GlobalComponents {
     /**
-     * An accordion is a vertically stacked list of interactive items that can be expanded or collapsed to reveal or hide content.
-     *
-     * ### Events:
-     * - **dds-opened** - Event fired when the accordion is opened.
-     * - **dds-closed** - Event fired when the accordion is closed.
+     * An accordion group is a collection of accordion components.
      *
      * ### Slots:
-     * - **default** - The content of the accordion.
-     * - **heading** - The heading of the accordion.
-     * - **icon-opened** - The icon when the accordion is opened.
-     * - **icon-closed** - The icon when the accordion is closed.
+     * - **default** - The content of the accordion group.
      *
      * ### CSS Parts:
-     * - **base** - The main accordion container.
-     * - **heading** - The heading of the accordion.
-     * - **button** - The button of the accordion.
-     * - **content** - The content of the accordion.
-     * - **content-container** - The container of the accordion content.
-     * - **icon-wrapper** - The icon wrapper of the accordion.
-     * - **open-icon** - The icon when the accordion is opened.
-     * - **open-icon-base** - The base of the icon when the accordion is opened.
-     * - **close-icon** - The icon when the accordion is closed.
-     * - **close-icon-base** - The base of the icon when the accordion is closed.
+     * - **base** - The main accordion group container.
      */
-         'dap-ds-accordion': DefineCustomElement<DapDSAccordion, DapDSAccordionProps, DapDSAccordionEvents>
+         'dap-ds-accordion-group': DefineCustomElement<DapDSAccordionGroup, DapDSAccordionGroupProps, {}>
+    /**
+     * 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.
      *
@@ -4710,25 +4712,31 @@ declare module 'vue' {
      */
          'dap-ds-avatar-group': DefineCustomElement<DapDSAvatarGroup, DapDSAvatarGroupProps, DapDSAvatarGroupEvents>
     /**
-     * Anchor heading is a heading with an anchor link.
+     * An accordion is a vertically stacked list of interactive items that can be expanded or collapsed to reveal or hide content.
      *
-     * ### CSS Parts:
-     * - **base** - The main anchor heading container.
-     * - **link** - The link of the anchor heading. dap-ds-link element.
-     * - **link-base** - The base of the link part.
-     * - **text** - The text of the anchor heading.
-     */
-         'dap-ds-anchor-heading': DefineCustomElement<DapDSAnchorHeading, DapDSAnchorHeadingProps, {}>
-    /**
-     * An accordion group is a collection of accordion components.
+     * ### Events:
+     * - **dds-opened** - Event fired when the accordion is opened.
+     * - **dds-closed** - Event fired when the accordion is closed.
      *
      * ### Slots:
-     * - **default** - The content of the accordion group.
+     * - **default** - The content of the accordion.
+     * - **heading** - The heading of the accordion.
+     * - **icon-opened** - The icon when the accordion is opened.
+     * - **icon-closed** - The icon when the accordion is closed.
      *
      * ### CSS Parts:
-     * - **base** - The main accordion group container.
+     * - **base** - The main accordion container.
+     * - **heading** - The heading of the accordion.
+     * - **button** - The button of the accordion.
+     * - **content** - The content of the accordion.
+     * - **content-container** - The container of the accordion content.
+     * - **icon-wrapper** - The icon wrapper of the accordion.
+     * - **open-icon** - The icon when the accordion is opened.
+     * - **open-icon-base** - The base of the icon when the accordion is opened.
+     * - **close-icon** - The icon when the accordion is closed.
+     * - **close-icon-base** - The base of the icon when the accordion is closed.
      */
-         'dap-ds-accordion-group': DefineCustomElement<DapDSAccordionGroup, DapDSAccordionGroupProps, {}>
+         'dap-ds-accordion': DefineCustomElement<DapDSAccordion, DapDSAccordionProps, DapDSAccordionEvents>
     /**
      * A badge is a small status descriptor for UI elements.
      *
@@ -4743,6 +4751,18 @@ declare module 'vue' {
      * - **icon-base** - The base of the icon.
      */
          'dap-ds-badge': DefineCustomElement<DapDSBadge, DapDSBadgeProps, {}>
+    /**
+     * A breadcrumb is a secondary navigation scheme that reveals the user's location in a website or Web application.
+     *
+     * ### Slots:
+     * - **default** - The content of the breadcrumb.
+     * - **separator** - The separator between breadcrumb items. Default is '/'.
+     *
+     * ### CSS Parts:
+     * - **base** - The main breadcrumb container.
+     * - **separator** - The separator of the breadcrumb.
+     */
+         'dap-ds-breadcrumb': DefineCustomElement<DapDSBreadcrumb, DapDSBreadcrumbProps, {}>
     /**
      * A banner is a message displayed at the top of the page to provide important information to the user.
      *
@@ -4767,18 +4787,6 @@ declare module 'vue' {
      * - **title** -  The title of the banner.
      */
          'dap-ds-banner': DefineCustomElement<DapDSBanner, DapDSBannerProps, DapDSBannerEvents>
-    /**
-     * A breadcrumb is a secondary navigation scheme that reveals the user's location in a website or Web application.
-     *
-     * ### Slots:
-     * - **default** - The content of the breadcrumb.
-     * - **separator** - The separator between breadcrumb items. Default is '/'.
-     *
-     * ### CSS Parts:
-     * - **base** - The main breadcrumb container.
-     * - **separator** - The separator of the breadcrumb.
-     */
-         'dap-ds-breadcrumb': DefineCustomElement<DapDSBreadcrumb, DapDSBreadcrumbProps, {}>
     /**
      * A breadcrumb item is a secondary navigation scheme that reveals the user's location in a website or Web application.
      *
@@ -4809,6 +4817,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.
      *
@@ -4842,30 +4874,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.
      *
@@ -5120,6 +5128,38 @@ declare module 'vue' {
      * - **text** - Badge text
      */
          'dap-ds-dap-badge': DefineCustomElement<DapDSDAPBadge, DapDSDAPBadgeProps, {}>
+    /**
+     * A data table is a component that displays data in a tabular format.
+     *
+     * ### Events:
+     * - **dds-sorting-change** - Fired when the sorting of the table changes.
+     * - **dds-selection-change** - Fired when the selection of the table changes.
+     * - **dds-pagination-change** - Fired when the pagination of the table changes.
+     * - **dds-row-click** - Fired when a row is clicked.
+     *
+     * ### Slots:
+     * - **loading** - The loading content of the table.
+     * - **empty** - The empty content of the table.
+     *
+     * ### CSS Parts:
+     * - **base** - The main table container.
+     * - **header** - The header of the table.
+     * - **header-row** - The header row of the table.
+     * - **header-cell** - All cells of the header.
+     * - **body** - The body of the table.
+     * - **empty** - The empty content of the table.
+     * - **loading** - The loading content of the table.
+     * - **row** - All rows of the table.
+     * - **cell** - All cells of the table.
+     * - **pager** - The pager of the table.
+     * - **pager-base** - The base of the pager.
+     * - **pager-first** - The first button of the pager.
+     * - **pager-previous** - The previous button of the pager.
+     * - **pager-next** - The next button of the pager.
+     * - **pager-last** - The last button of the pager.
+     * - **pager-page-size-select** - The page size select of the pager.
+     */
+         'dap-ds-datatable': DefineGenericCustomElement<DapDSDataTable<any>, DapDSDataTableProps<any>, any, DapDSDataTableEvents<any>>
     /**
      * A datepicker is a graphical user interface widget that allows the user to select a date from a calendar and/or time from a time range.
      *
@@ -5153,6 +5193,19 @@ declare module 'vue' {
      * A divider is a visual separator between elements.
      */
          'dap-ds-divider': DefineCustomElement<DapDSDivider, DapDSDividerProps, {}>
+    /**
+     * A feedback is a container for feedback messages.
+     *
+     * ### Slots:
+     * - **icon** - The custom icon of the feedback.
+     * - **default** - The text of the feedback.
+     *
+     * ### CSS Parts:
+     * - **base** - The main feedback container.
+     * - **icon** - The icon of the feedback.
+     * - **text** - The text of the feedback.
+     */
+         'dap-ds-feedback': DefineCustomElement<DapDSFeedback, DapDSFeedbackProps, {}>
     /**
      * A file input list item is a container for file input list items.
      *
@@ -5217,38 +5270,6 @@ declare module 'vue' {
      * - **dropzone** - The dropzone area.
      */
          'dap-ds-file-input': DefineCustomElement<DapDSFileInput, DapDSFileInputProps, DapDSFileInputEvents>
-    /**
-     * A data table is a component that displays data in a tabular format.
-     *
-     * ### Events:
-     * - **dds-sorting-change** - Fired when the sorting of the table changes.
-     * - **dds-selection-change** - Fired when the selection of the table changes.
-     * - **dds-pagination-change** - Fired when the pagination of the table changes.
-     * - **dds-row-click** - Fired when a row is clicked.
-     *
-     * ### Slots:
-     * - **loading** - The loading content of the table.
-     * - **empty** - The empty content of the table.
-     *
-     * ### CSS Parts:
-     * - **base** - The main table container.
-     * - **header** - The header of the table.
-     * - **header-row** - The header row of the table.
-     * - **header-cell** - All cells of the header.
-     * - **body** - The body of the table.
-     * - **empty** - The empty content of the table.
-     * - **loading** - The loading content of the table.
-     * - **row** - All rows of the table.
-     * - **cell** - All cells of the table.
-     * - **pager** - The pager of the table.
-     * - **pager-base** - The base of the pager.
-     * - **pager-first** - The first button of the pager.
-     * - **pager-previous** - The previous button of the pager.
-     * - **pager-next** - The next button of the pager.
-     * - **pager-last** - The last button of the pager.
-     * - **pager-page-size-select** - The page size select of the pager.
-     */
-         'dap-ds-datatable': DefineGenericCustomElement<DapDSDataTable<any>, DapDSDataTableProps<any>, any, DapDSDataTableEvents<any>>
     /**
      * An icon is a graphical symbol that represents an object or action.
      *
@@ -5273,32 +5294,6 @@ declare module 'vue' {
      * - **icon-base** - The base of the icon.
      */
          'dap-ds-icon-button': DefineCustomElement<DapDSIconButton, DapDSIconButtonProps, {}>
-    /**
-     * A feedback is a container for feedback messages.
-     *
-     * ### Slots:
-     * - **icon** - The custom icon of the feedback.
-     * - **default** - The text of the feedback.
-     *
-     * ### CSS Parts:
-     * - **base** - The main feedback container.
-     * - **icon** - The icon of the feedback.
-     * - **text** - The text of the feedback.
-     */
-         'dap-ds-feedback': DefineCustomElement<DapDSFeedback, DapDSFeedbackProps, {}>
-    /**
-     * A label is a container for labels intended for general use. It contains a label text, description, and tooltip.
-     *
-     * ### CSS Parts:
-     * - **base** - The main label container.
-     * - **label** - Tha main label container. dap-ds-form-label element.
-     * - **label-base** - The label text.
-     * - **label-required** - The required indicator of the label.
-     * - **label-optional** - The optional indicator of the label.
-     * - **tooltip** - The tooltip of the label. dap-ds-tooltip element.
-     * - **description** - The description of the label.
-     */
-         'dap-ds-label': DefineCustomElement<DapDSLabel, DapDSLabelProps, {}>
     /**
      * An image zoom component that provides a Medium.com-style zoom experience. Click an image to expand it to fill the viewport with a smooth animation.
      *
@@ -5323,7 +5318,50 @@ declare module 'vue' {
      * - **expand-button-icon** - The icon of the expand button.
      * - **unzoom-button-icon** - The icon of the unzoom button.
      */
-         'dap-ds-image-zoom': DefineCustomElement<DapDSImageZoom, DapDSImageZoomProps, DapDSImageZoomEvents>
+         'dap-ds-image-zoom': DefineCustomElement<DapDSImageZoom, DapDSImageZoomProps, DapDSImageZoomEvents>
+    /**
+     * An input is a field used to collect user input.
+     *
+     * ### Events:
+     * - **dds-change** - Fired when the input value changes.
+     * - **dds-input** - Fired when the input value changes.
+     * - **dds-keydown** - Fired when a key is pressed down.
+     * - **dds-blur** - Fired when the input loses focus.
+     * - **dds-focus** - Emitted when the input gains focus.
+     *
+     * ### Slots:
+     * - **postfix** - The postfix of the input.
+     * - **prefix** - The prefix of the input.
+     * - **addon-before** - The addon before the input.
+     * - **addon-after** - The addon after the input.
+     * - **feedback-icon** - The custom icon of the feedback.
+     *
+     * ### CSS Parts:
+     * - **base** - The main input container.
+     * - **input** - The input element.
+     * - **label** - The label of the input.
+     * - **description** - The description of the input.
+     * - **feedback** - The feedback of the input.
+     * - **tooltip** - The tooltip of the input.
+     * - **addon-before** - The addon before the input.
+     * - **addon-after** - The addon after the input.
+     * - **prefix** - The prefix of the input.
+     * - **postfix** - The postfix of the input.
+     */
+         'dap-ds-input': DefineCustomElement<DapDSInput, DapDSInputProps, DapDSInputEvents>
+    /**
+     * A label is a container for labels intended for general use. It contains a label text, description, and tooltip.
+     *
+     * ### CSS Parts:
+     * - **base** - The main label container.
+     * - **label** - Tha main label container. dap-ds-form-label element.
+     * - **label-base** - The label text.
+     * - **label-required** - The required indicator of the label.
+     * - **label-optional** - The optional indicator of the label.
+     * - **tooltip** - The tooltip of the label. dap-ds-tooltip element.
+     * - **description** - The description of the label.
+     */
+         'dap-ds-label': DefineCustomElement<DapDSLabel, DapDSLabelProps, {}>
     /**
      * A link is a reference to a web resource.
      *
@@ -5597,6 +5635,12 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * - **pager-button-last-content** - The content of the last page button.
      * - **page-size-select-base** - The base of the page size select.
      * - **page-size-select-trigger** - The trigger of the page size select.
+     * - **page-numbers** - The container of the numbered page buttons (shown when showPageNumbers is 'true').
+     * - **page-number** - Each numbered page button.
+     * - **page-number-active** - The active (current) numbered page button.
+     * - **page-number-base** - The base of each numbered page button.
+     * - **page-number-content** - The content of each numbered page button.
+     * - **page-info** - The page info / total count text.
      */
          'dap-ds-pager': DefineCustomElement<DapDSPager, DapDSPagerProps, DapDSPagerEvents>
     /**
@@ -5736,36 +5780,6 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * - **input** - The input of the search.
      */
          'dap-ds-search': DefineCustomElement<DapDSSearch, DapDSSearchProps, DapDSSearchEvents>
-    /**
-     * An input is a field used to collect user input.
-     *
-     * ### Events:
-     * - **dds-change** - Fired when the input value changes.
-     * - **dds-input** - Fired when the input value changes.
-     * - **dds-keydown** - Fired when a key is pressed down.
-     * - **dds-blur** - Fired when the input loses focus.
-     * - **dds-focus** - Emitted when the input gains focus.
-     *
-     * ### Slots:
-     * - **postfix** - The postfix of the input.
-     * - **prefix** - The prefix of the input.
-     * - **addon-before** - The addon before the input.
-     * - **addon-after** - The addon after the input.
-     * - **feedback-icon** - The custom icon of the feedback.
-     *
-     * ### CSS Parts:
-     * - **base** - The main input container.
-     * - **input** - The input element.
-     * - **label** - The label of the input.
-     * - **description** - The description of the input.
-     * - **feedback** - The feedback of the input.
-     * - **tooltip** - The tooltip of the input.
-     * - **addon-before** - The addon before the input.
-     * - **addon-after** - The addon after the input.
-     * - **prefix** - The prefix of the input.
-     * - **postfix** - The postfix of the input.
-     */
-         'dap-ds-input': DefineCustomElement<DapDSInput, DapDSInputProps, DapDSInputEvents>
     /**
      * A select is a form element that allows the user to select one option from a set.
      *
@@ -5802,48 +5816,6 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * - **mobile-footer** - The mobile footer of the select.
      */
          'dap-ds-select': DefineCustomElement<DapDSSelect, DapDSSelectProps, DapDSSelectEvents>
-    /**
-     * Side navigation group
-     *
-     * ### Slots:
-     * - **default** - The content of the side navigation group.
-     * - **submenu** - The submenu of the side navigation group.
-     * - **suffix** - The suffix of the side navigation group.
-     *
-     * ### CSS Parts:
-     * - **base** - The main side navigation group container.
-     * - **title** - The title of the side navigation group.
-     * - **link** - The link of the side navigation group.
-     * - **toggle** - The toggle button of the side navigation group.
-     * - **submenu** - The submenu of the side navigation group.
-     */
-         'dap-ds-sidenav-group': DefineCustomElement<DapDSSideNavGroup, DapDSSideNavGroupProps, {}>
-    /**
-     * Side navigation item
-     *
-     * ### Slots:
-     * - **default** - The content of the side navigation item.
-     * - **suffix** - The suffix of the side navigation item.
-     *
-     * ### CSS Parts:
-     * - **base** - The main side navigation item container.
-     * - **link** - The link of the side navigation item.
-     */
-         'dap-ds-sidenav-item': DefineCustomElement<DapDSSideNavItem, DapDSSideNavItemProps, {}>
-    /**
-     * Side navigation is a list of links that are used to navigate to different sections of a page.
-     *
-     * ### Events:
-     * - **dds-item-click** - Event fired when the side navigation item is clicked.
-     *
-     * ### Slots:
-     * - **default** - The content of the side navigation.
-     *
-     * ### CSS Parts:
-     * - **base** - The main side navigation container.
-     * - **menu** - The menu of the side navigation.
-     */
-         'dap-ds-sidenav': DefineCustomElement<DapDSSideNav, DapDSSideNavProps, DapDSSideNavEvents>
     /**
      * A skeleton loader component for displaying placeholder content while loading.
      *
@@ -5995,6 +5967,48 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * - **default** - The default slot. Accepts `dap-ds-table-row` elements.
      */
          'dap-ds-table': DefineCustomElement<DapDSTable, DapDSTableProps, {}>
+    /**
+     * Side navigation group
+     *
+     * ### Slots:
+     * - **default** - The content of the side navigation group.
+     * - **submenu** - The submenu of the side navigation group.
+     * - **suffix** - The suffix of the side navigation group.
+     *
+     * ### CSS Parts:
+     * - **base** - The main side navigation group container.
+     * - **title** - The title of the side navigation group.
+     * - **link** - The link of the side navigation group.
+     * - **toggle** - The toggle button of the side navigation group.
+     * - **submenu** - The submenu of the side navigation group.
+     */
+         'dap-ds-sidenav-group': DefineCustomElement<DapDSSideNavGroup, DapDSSideNavGroupProps, {}>
+    /**
+     * Side navigation item
+     *
+     * ### Slots:
+     * - **default** - The content of the side navigation item.
+     * - **suffix** - The suffix of the side navigation item.
+     *
+     * ### CSS Parts:
+     * - **base** - The main side navigation item container.
+     * - **link** - The link of the side navigation item.
+     */
+         'dap-ds-sidenav-item': DefineCustomElement<DapDSSideNavItem, DapDSSideNavItemProps, {}>
+    /**
+     * Side navigation is a list of links that are used to navigate to different sections of a page.
+     *
+     * ### Events:
+     * - **dds-item-click** - Event fired when the side navigation item is clicked.
+     *
+     * ### Slots:
+     * - **default** - The content of the side navigation.
+     *
+     * ### CSS Parts:
+     * - **base** - The main side navigation container.
+     * - **menu** - The menu of the side navigation.
+     */
+         'dap-ds-sidenav': DefineCustomElement<DapDSSideNav, DapDSSideNavProps, DapDSSideNavEvents>
     /**
      * A textarea is a multi-line text input field.
      *
@@ -6164,21 +6178,6 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * - **optional** - The optional indicator of the form label.
      */
          'dap-ds-form-label': DefineCustomElement<DapDSFormLabel, DapDSFormLabelProps, {}>
-    /**
-     * An input group is a container for inputs.
-     *
-     * ### Slots:
-     * - **default** - The content of the input group items.
-     * - **feedback-icon** - The custom icon of the feedback.
-     *
-     * ### CSS Parts:
-     * - **base** - The main input group container.
-     * - **label** - The label of the input group.
-     * - **description** - The description of the input group.
-     * - **tooltip** - The tooltip of the input group.
-     * - **container** - The container of the input group items.
-     */
-         'dap-ds-input-group': DefineCustomElement<DapDSInputGroup, DapDSInputGroupProps, {}>
     /**
      * A radio group is a form element that allows the user to select one option from a set.
      *
@@ -6198,6 +6197,21 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * - **container** - The container of the radio group items.
      */
          'dap-ds-radio-group': DefineCustomElement<DapDSRadioGroup, DapDSRadioGroupProps, DapDSRadioGroupEvents>
+    /**
+     * An input group is a container for inputs.
+     *
+     * ### Slots:
+     * - **default** - The content of the input group items.
+     * - **feedback-icon** - The custom icon of the feedback.
+     *
+     * ### CSS Parts:
+     * - **base** - The main input group container.
+     * - **label** - The label of the input group.
+     * - **description** - The description of the input group.
+     * - **tooltip** - The tooltip of the input group.
+     * - **container** - The container of the input group items.
+     */
+         'dap-ds-input-group': DefineCustomElement<DapDSInputGroup, DapDSInputGroupProps, {}>
     /**
      * An icon
      *
@@ -6239,14 +6253,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-line': DefineCustomElement<ArrowsArrowLeftLine, ArrowsArrowLeftLineProps, {}>
+         'dap-ds-icon-arrow-left-s-fill': DefineCustomElement<ArrowsArrowLeftSFill, ArrowsArrowLeftSFillProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-arrow-left-s-fill': DefineCustomElement<ArrowsArrowLeftSFill, ArrowsArrowLeftSFillProps, {}>
+         'dap-ds-icon-arrow-left-line': DefineCustomElement<ArrowsArrowLeftLine, ArrowsArrowLeftLineProps, {}>
     /**
      * An icon
      *
@@ -6260,21 +6274,21 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-arrow-left-up-line': DefineCustomElement<ArrowsArrowLeftUpLine, ArrowsArrowLeftUpLineProps, {}>
+         'dap-ds-icon-arrow-right-down-line': DefineCustomElement<ArrowsArrowRightDownLine, ArrowsArrowRightDownLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-arrow-right-down-line': DefineCustomElement<ArrowsArrowRightDownLine, ArrowsArrowRightDownLineProps, {}>
+         'dap-ds-icon-arrow-right-l-line': DefineCustomElement<ArrowsArrowRightLLine, ArrowsArrowRightLLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-arrow-right-l-line': DefineCustomElement<ArrowsArrowRightLLine, ArrowsArrowRightLLineProps, {}>
+         'dap-ds-icon-arrow-left-up-line': DefineCustomElement<ArrowsArrowLeftUpLine, ArrowsArrowLeftUpLineProps, {}>
     /**
      * An icon
      *
@@ -6338,6 +6352,13 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * - **base** - The main icon container.
      */
          'dap-ds-icon-home-6-line': DefineCustomElement<BuildingsHome6Line, BuildingsHome6LineProps, {}>
+    /**
+     * An icon
+     *
+     * ### CSS Parts:
+     * - **base** - The main icon container.
+     */
+         'dap-ds-icon-calendar-line': DefineCustomElement<BusinessCalendarLine, BusinessCalendarLineProps, {}>
     /**
      * An icon
      *
@@ -6380,6 +6401,13 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * - **base** - The main icon container.
      */
          'dap-ds-icon-file-image-line': DefineCustomElement<DocumentFileImageLine, DocumentFileImageLineProps, {}>
+    /**
+     * An icon
+     *
+     * ### CSS Parts:
+     * - **base** - The main icon container.
+     */
+         'dap-ds-icon-file-music-line': DefineCustomElement<DocumentFileMusicLine, DocumentFileMusicLineProps, {}>
     /**
      * An icon
      *
@@ -6435,14 +6463,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-cookie-line': DefineCustomElement<OthersCookieLine, OthersCookieLineProps, {}>
+         'dap-ds-icon-add-line': DefineCustomElement<SystemAddLine, SystemAddLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-add-line': DefineCustomElement<SystemAddLine, SystemAddLineProps, {}>
+         'dap-ds-icon-cookie-line': DefineCustomElement<OthersCookieLine, OthersCookieLineProps, {}>
     /**
      * An icon
      *
@@ -6456,21 +6484,21 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-check-line': DefineCustomElement<SystemCheckLine, SystemCheckLineProps, {}>
+         'dap-ds-icon-alert-line': DefineCustomElement<SystemAlertLine, SystemAlertLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-check-line2': DefineCustomElement<SystemCheckLine2, SystemCheckLine2Props, {}>
+         'dap-ds-icon-check-line': DefineCustomElement<SystemCheckLine, SystemCheckLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-alert-line': DefineCustomElement<SystemAlertLine, SystemAlertLineProps, {}>
+         'dap-ds-icon-check-line2': DefineCustomElement<SystemCheckLine2, SystemCheckLine2Props, {}>
     /**
      * An icon
      *
@@ -6575,42 +6603,42 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-eye-line': DefineCustomElement<SystemEyeLine, SystemEyeLineProps, {}>
+         'dap-ds-icon-external-link-line': DefineCustomElement<SystemExternalLinkLine, SystemExternalLinkLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-eye-off-line': DefineCustomElement<SystemEyeOffLine, SystemEyeOffLineProps, {}>
+         'dap-ds-icon-eye-line': DefineCustomElement<SystemEyeLine, SystemEyeLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-forbid-fill': DefineCustomElement<SystemForbidFill, SystemForbidFillProps, {}>
+         'dap-ds-icon-eye-off-line': DefineCustomElement<SystemEyeOffLine, SystemEyeOffLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-information-2-fill': DefineCustomElement<SystemInformation2Fill, SystemInformation2FillProps, {}>
+         'dap-ds-icon-forbid-fill': DefineCustomElement<SystemForbidFill, SystemForbidFillProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-information-fill': DefineCustomElement<SystemInformationFill, SystemInformationFillProps, {}>
+         'dap-ds-icon-information-2-fill': DefineCustomElement<SystemInformation2Fill, SystemInformation2FillProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-file-music-line': DefineCustomElement<DocumentFileMusicLine, DocumentFileMusicLineProps, {}>
+         'dap-ds-icon-information-fill': DefineCustomElement<SystemInformationFill, SystemInformationFillProps, {}>
     /**
      * An icon
      *
@@ -6772,13 +6800,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-external-link-line': DefineCustomElement<SystemExternalLinkLine, SystemExternalLinkLineProps, {}>
     /**
      * An icon
      *
@@ -6807,13 +6828,6 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * - **base** - The main icon container.
      */
          'dap-ds-icon-user-line': DefineCustomElement<UserUserLine, UserUserLineProps, {}>
-    /**
-     * An icon
-     *
-     * ### CSS Parts:
-     * - **base** - The main icon container.
-     */
-         'dap-ds-icon-calendar-line': DefineCustomElement<BusinessCalendarLine, BusinessCalendarLineProps, {}>
   }
 }
 
@@ -6821,19 +6835,19 @@ Used with dap-ds-select to create grouped options that render as native optgroup
 declare global {
   namespace JSX {
     interface IntrinsicElements {
-      'dap-ds-accordion': DapDSAccordionProps & DapDSAccordionEvents & DapDSAccordionSlots
+      'dap-ds-accordion-group': DapDSAccordionGroupProps & DapDSAccordionGroupSlots
+      'dap-ds-anchor-heading': DapDSAnchorHeadingProps
       'dap-ds-avatar': DapDSAvatarProps & DapDSAvatarEvents & DapDSAvatarSlots
       'dap-ds-avatar-group': DapDSAvatarGroupProps & DapDSAvatarGroupEvents & DapDSAvatarGroupSlots
-      'dap-ds-anchor-heading': DapDSAnchorHeadingProps
-      'dap-ds-accordion-group': DapDSAccordionGroupProps & DapDSAccordionGroupSlots
+      'dap-ds-accordion': DapDSAccordionProps & DapDSAccordionEvents & DapDSAccordionSlots
       'dap-ds-badge': DapDSBadgeProps & DapDSBadgeSlots
-      'dap-ds-banner': DapDSBannerProps & DapDSBannerEvents & DapDSBannerSlots
       'dap-ds-breadcrumb': DapDSBreadcrumbProps & DapDSBreadcrumbSlots
+      'dap-ds-banner': DapDSBannerProps & DapDSBannerEvents & DapDSBannerSlots
       '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
@@ -6852,17 +6866,18 @@ declare global {
       'dap-ds-content-switcher': DapDSContentSwitcherProps & DapDSContentSwitcherEvents & DapDSContentSwitcherSlots
       'dap-ds-copybox-input': DapDSCopyBoxInputProps & DapDSCopyBoxInputEvents
       'dap-ds-dap-badge': DapDSDAPBadgeProps & DapDSDAPBadgeSlots
+      'dap-ds-datatable': <T = any>(props: DapDSDataTableProps<T> & DapDSDataTableEvents<T> & DapDSDataTableSlots) => JSX.Element
       'dap-ds-datepicker': DapDSDatePickerProps & DapDSDatePickerEvents
       'dap-ds-divider': DapDSDividerProps
+      'dap-ds-feedback': DapDSFeedbackProps & DapDSFeedbackSlots
       'dap-ds-file-input-list-item': DapDSFileInputListItemProps & DapDSFileInputListItemEvents & DapDSFileInputListItemSlots
       'dap-ds-file-input-list': DapDSFileInputListProps & DapDSFileInputListEvents & DapDSFileInputListSlots
       'dap-ds-file-input': DapDSFileInputProps & DapDSFileInputEvents & DapDSFileInputSlots
-      'dap-ds-datatable': <T = any>(props: DapDSDataTableProps<T> & DapDSDataTableEvents<T> & DapDSDataTableSlots) => JSX.Element
       'dap-ds-icon': DapDSIconProps & DapDSIconSlots
       'dap-ds-icon-button': DapDSIconButtonProps & DapDSIconButtonSlots
-      'dap-ds-feedback': DapDSFeedbackProps & DapDSFeedbackSlots
-      'dap-ds-label': DapDSLabelProps
       'dap-ds-image-zoom': DapDSImageZoomProps & DapDSImageZoomEvents & DapDSImageZoomSlots
+      'dap-ds-input': DapDSInputProps & DapDSInputEvents & DapDSInputSlots
+      'dap-ds-label': DapDSLabelProps
       'dap-ds-link': DapDSLinkProps & DapDSLinkEvents & DapDSLinkSlots
       'dap-ds-list-item': DapDSListItemProps & DapDSListItemSlots
       'dap-ds-modal': DapDSModalProps & DapDSModalEvents & DapDSModalSlots
@@ -6884,11 +6899,7 @@ declare global {
       'dap-ds-scroll-area': DapDSScrollAreaProps & DapDSScrollAreaSlots
       'dap-ds-scroll-progress': DapDSScrollProgressProps
       'dap-ds-search': DapDSSearchProps & DapDSSearchEvents & DapDSSearchSlots
-      'dap-ds-input': DapDSInputProps & DapDSInputEvents & DapDSInputSlots
       'dap-ds-select': DapDSSelectProps & DapDSSelectEvents & DapDSSelectSlots
-      '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
@@ -6902,6 +6913,9 @@ declare global {
       'dap-ds-table-header': DapDSTableHeaderProps & DapDSTableHeaderSlots
       'dap-ds-table-row': DapDSTableRowProps & DapDSTableRowSlots
       'dap-ds-table': DapDSTableProps & DapDSTableSlots
+      'dap-ds-sidenav-group': DapDSSideNavGroupProps & DapDSSideNavGroupSlots
+      'dap-ds-sidenav-item': DapDSSideNavItemProps & DapDSSideNavItemSlots
+      'dap-ds-sidenav': DapDSSideNavProps & DapDSSideNavEvents & DapDSSideNavSlots
       'dap-ds-textarea': DapDSTextareaProps & DapDSTextareaEvents & DapDSTextareaSlots
       'dap-ds-timeline-item': DapDSTimelineItemProps & DapDSTimelineItemSlots
       'dap-ds-timeline': DapDSTimelineProps & DapDSTimelineSlots
@@ -6913,19 +6927,19 @@ declare global {
       'dap-ds-tray': DapDSTrayProps & DapDSTrayEvents & DapDSTraySlots
       'dap-ds-typography': DapDSTypographyProps & DapDSTypographySlots
       'dap-ds-form-label': DapDSFormLabelProps
-      'dap-ds-input-group': DapDSInputGroupProps & DapDSInputGroupSlots
       'dap-ds-radio-group': DapDSRadioGroupProps & DapDSRadioGroupEvents & DapDSRadioGroupSlots
+      'dap-ds-input-group': DapDSInputGroupProps & DapDSInputGroupSlots
       'dap-ds-icon-arrow-down-line': ArrowsArrowDownLineProps
       'dap-ds-icon-arrow-down-s-fill': ArrowsArrowDownSFillProps
       'dap-ds-icon-arrow-down-s-line': ArrowsArrowDownSLineProps
       'dap-ds-icon-arrow-left-down-line': ArrowsArrowLeftDownLineProps
       'dap-ds-icon-arrow-left-l-line': ArrowsArrowLeftLLineProps
-      'dap-ds-icon-arrow-left-line': ArrowsArrowLeftLineProps
       'dap-ds-icon-arrow-left-s-fill': ArrowsArrowLeftSFillProps
+      'dap-ds-icon-arrow-left-line': ArrowsArrowLeftLineProps
       'dap-ds-icon-arrow-left-s-line': ArrowsArrowLeftSLineProps
-      'dap-ds-icon-arrow-left-up-line': ArrowsArrowLeftUpLineProps
       'dap-ds-icon-arrow-right-down-line': ArrowsArrowRightDownLineProps
       'dap-ds-icon-arrow-right-l-line': ArrowsArrowRightLLineProps
+      'dap-ds-icon-arrow-left-up-line': ArrowsArrowLeftUpLineProps
       'dap-ds-icon-arrow-right-line': ArrowsArrowRightLineProps
       'dap-ds-icon-arrow-right-s-fill': ArrowsArrowRightSFillProps
       'dap-ds-icon-arrow-right-s-line': ArrowsArrowRightSLineProps
@@ -6935,12 +6949,14 @@ declare global {
       'dap-ds-icon-arrow-up-s-line': ArrowsArrowUpSLineProps
       'dap-ds-icon-expand-up-down-fill': ArrowsExpandUpDownFillProps
       'dap-ds-icon-home-6-line': BuildingsHome6LineProps
+      'dap-ds-icon-calendar-line': BusinessCalendarLineProps
       'dap-ds-icon-edit-line': DesignEditLineProps
       'dap-ds-icon-tools-line': DesignToolsLineProps
       'dap-ds-icon-computer-line': DeviceComputerLineProps
       'dap-ds-icon-clipboard-line': DocumentClipboardLineProps
       'dap-ds-icon-file-copy-line': DocumentFileCopyLineProps
       'dap-ds-icon-file-image-line': DocumentFileImageLineProps
+      'dap-ds-icon-file-music-line': DocumentFileMusicLineProps
       'dap-ds-icon-file-text-line': DocumentFileTextLineProps
       'dap-ds-icon-file-video-line': DocumentFileVideoLineProps
       'dap-ds-icon-folder-line': DocumentFolderLineProps
@@ -6948,12 +6964,12 @@ declare global {
       'dap-ds-icon-separator': EditorSeparatorProps
       'dap-ds-icon-heart-fill': HealthHeartFillProps
       'dap-ds-icon-heart-line': HealthHeartLineProps
-      'dap-ds-icon-cookie-line': OthersCookieLineProps
       'dap-ds-icon-add-line': SystemAddLineProps
+      'dap-ds-icon-cookie-line': OthersCookieLineProps
       'dap-ds-icon-alert-fill': SystemAlertFillProps
+      'dap-ds-icon-alert-line': SystemAlertLineProps
       'dap-ds-icon-check-line': SystemCheckLineProps
       'dap-ds-icon-check-line2': SystemCheckLine2Props
-      'dap-ds-icon-alert-line': SystemAlertLineProps
       '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
@@ -6968,12 +6984,12 @@ declare global {
       'dap-ds-icon-download-line': SystemDownloadLineProps
       'dap-ds-icon-error-warning-fill': SystemErrorWarningFillProps
       'dap-ds-icon-error-warning-line': SystemErrorWarningLineProps
+      'dap-ds-icon-external-link-line': SystemExternalLinkLineProps
       'dap-ds-icon-eye-line': SystemEyeLineProps
       'dap-ds-icon-eye-off-line': SystemEyeOffLineProps
       'dap-ds-icon-forbid-fill': SystemForbidFillProps
       'dap-ds-icon-information-2-fill': SystemInformation2FillProps
       'dap-ds-icon-information-fill': SystemInformationFillProps
-      'dap-ds-icon-file-music-line': DocumentFileMusicLineProps
       'dap-ds-icon-information-line': SystemInformationLineProps
       'dap-ds-icon-lightbulb-fill': SystemLightbulbFillProps
       'dap-ds-icon-loading-spinner': SystemLoadingSpinnerProps
@@ -6997,12 +7013,10 @@ 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-external-link-line': SystemExternalLinkLineProps
       '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-calendar-line': BusinessCalendarLineProps
     }
   }
 }