dap-design-system 0.56.3 → 0.56.4

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

@@ -234,6 +234,11 @@ export interface DapDSBannerEvents {
   onDdsClose?: (event: CustomEvent) => void
 }
 
+export interface DapDSButtonEvents {
+  /** Emitted when the loading timeout is reached */
+  onDdsLoadingTimeout?: (event: CustomEvent) => void
+}
+
 export interface DapDSCalendarEvents {
   /** Fired when the calendar value changes. */
   onDdsChange?: (event: CustomEvent<{ value: Dayjs }>) => void
@@ -262,11 +267,6 @@ export interface DapDSChipEvents {
   onDdsSelect?: (event: CustomEvent<{ value?: string, selected: boolean }>) => void
 }
 
-export interface DapDSButtonEvents {
-  /** Emitted when the loading timeout is reached */
-  onDdsLoadingTimeout?: (event: CustomEvent) => void
-}
-
 export interface DapDSCodePuncherEvents {
   /** Fires on each digit input. */
   onDdsInput?: (event: CustomEvent<{ value: string, index: number }>) => void
@@ -713,6 +713,11 @@ export interface DapDSBreadcrumbItemSlots {
   'separator'?: () => any
 }
 
+export interface DapDSButtonSlots {
+  /** The content of the button. Can contain text, icons, or other elements. */
+  default?: () => any
+}
+
 export interface DapDSCalendarCellSlots {
   /** The content of the calendar cell. */
   default?: () => any
@@ -766,11 +771,6 @@ export interface DapDSCardSlots {
   default?: () => any
 }
 
-export interface DapDSButtonSlots {
-  /** The content of the button. Can contain text, icons, or other elements. */
-  default?: () => any
-}
-
 export interface DapDSCodePuncherSlots {
   /** Slot for code-puncher-group, code-puncher-slot, and code-puncher-separator elements. */
   default?: () => any
@@ -1155,17 +1155,6 @@ export type DapDSAccordionGroupProps = {
   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 = {
   /** The shape of the avatar */
   shape?: DapDSAvatar["shape"]
@@ -1238,6 +1227,17 @@ export type DapDSBannerProps = {
   icon?: DapDSBanner["icon"]
 }
 
+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 DapDSBreadcrumbProps = {
   /**  */
   variant?: DapDSBreadcrumb["variant"]
@@ -1260,6 +1260,37 @@ export type DapDSBreadcrumbItemProps = {
   variant?: DapDSBreadcrumbItem["variant"]
 }
 
+export type DapDSButtonProps = {
+  /** The visual style variant of the button */
+  variant?: DapDSButton["variant"]
+  /** The size of the button affecting padding and font size */
+  size?: DapDSButton["size"]
+  /** Whether the button is in loading state, showing a spinner and disabling interaction */
+  loading?: DapDSButton["loading"]
+  /** Whether the button represents a destructive action (applies danger styling) */
+  danger?: DapDSButton["danger"]
+  /** The shape of the button - use 'circle' for icon-only buttons */
+  shape?: DapDSButton["shape"]
+  /** The HTML type attribute for form interaction */
+  htmlType?: DapDSButton["htmlType"]
+  /** The URL to navigate to. When present, the button renders as an anchor element */
+  href?: DapDSButton["href"]
+  /** The target attribute for link navigation */
+  target?: DapDSButton["target"]
+  /** The rel attribute for link security and behavior */
+  rel?: DapDSButton["rel"]
+  /** Controls loading timeout in milliseconds */
+  loadingTimeout?: DapDSButton["loadingTimeout"]
+  /** Whether the button is active */
+  active?: DapDSButton["active"]
+  /** The text for the target blank link, applicable when target is _blank. PRO TIP: Use parenthesis to wrap the text */
+  targetBlankText?: DapDSButton["targetBlankText"]
+  /** Overrides the ARIA role on the internal native button/anchor element. Use when the host's semantics must differ from the native element (e.g. role="link" on a button acting as a SPA navigation trigger). */
+  forceRole?: DapDSButton["forceRole"]
+  /** The size map of the button. */
+  sizeMap?: DapDSButton["sizeMap"]
+}
+
 export type DapDSCalendarCellProps = {
   /** Whether the calendar cell is selected. */
   selected?: DapDSCalendarCell["selected"]
@@ -1493,37 +1524,6 @@ export type DapDSChipProps = {
   sizeMap?: DapDSChip["sizeMap"]
 }
 
-export type DapDSButtonProps = {
-  /** The visual style variant of the button */
-  variant?: DapDSButton["variant"]
-  /** The size of the button affecting padding and font size */
-  size?: DapDSButton["size"]
-  /** Whether the button is in loading state, showing a spinner and disabling interaction */
-  loading?: DapDSButton["loading"]
-  /** Whether the button represents a destructive action (applies danger styling) */
-  danger?: DapDSButton["danger"]
-  /** The shape of the button - use 'circle' for icon-only buttons */
-  shape?: DapDSButton["shape"]
-  /** The HTML type attribute for form interaction */
-  htmlType?: DapDSButton["htmlType"]
-  /** The URL to navigate to. When present, the button renders as an anchor element */
-  href?: DapDSButton["href"]
-  /** The target attribute for link navigation */
-  target?: DapDSButton["target"]
-  /** The rel attribute for link security and behavior */
-  rel?: DapDSButton["rel"]
-  /** Controls loading timeout in milliseconds */
-  loadingTimeout?: DapDSButton["loadingTimeout"]
-  /** Whether the button is active */
-  active?: DapDSButton["active"]
-  /** The text for the target blank link, applicable when target is _blank. PRO TIP: Use parenthesis to wrap the text */
-  targetBlankText?: DapDSButton["targetBlankText"]
-  /** Overrides the ARIA role on the internal native button/anchor element. Use when the host's semantics must differ from the native element (e.g. role="link" on a button acting as a SPA navigation trigger). */
-  forceRole?: DapDSButton["forceRole"]
-  /** The size map of the button. */
-  sizeMap?: DapDSButton["sizeMap"]
-}
-
 export type DapDSCodePuncherSlotProps = {
   /**  */
   disabled?: DapDSCodePuncherSlot["disabled"]
@@ -3543,26 +3543,26 @@ export type DapDSRadioGroupProps = {
   size?: DapDSRadioGroup["size"]
 }
 
-export type ArrowsArrowDownLineProps = {
+export type BuildingsHome6LineProps = {
   /** (optional) The width and height in pixels */
-  size?: ArrowsArrowDownLine["size"]
+  size?: BuildingsHome6Line["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: ArrowsArrowDownLine["selected"]
+  selected?: BuildingsHome6Line["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: ArrowsArrowDownLine["accessibilityTitle"]
+  accessibilityTitle?: BuildingsHome6Line["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: ArrowsArrowDownLine["focusable"]
+  focusable?: BuildingsHome6Line["focusable"]
 }
 
-export type ArrowsArrowDownSLineProps = {
+export type ArrowsArrowDownLineProps = {
   /** (optional) The width and height in pixels */
-  size?: ArrowsArrowDownSLine["size"]
+  size?: ArrowsArrowDownLine["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: ArrowsArrowDownSLine["selected"]
+  selected?: ArrowsArrowDownLine["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: ArrowsArrowDownSLine["accessibilityTitle"]
+  accessibilityTitle?: ArrowsArrowDownLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: ArrowsArrowDownSLine["focusable"]
+  focusable?: ArrowsArrowDownLine["focusable"]
 }
 
 export type ArrowsArrowDownSFillProps = {
@@ -3576,6 +3576,17 @@ export type ArrowsArrowDownSFillProps = {
   focusable?: ArrowsArrowDownSFill["focusable"]
 }
 
+export type ArrowsArrowDownSLineProps = {
+  /** (optional) The width and height in pixels */
+  size?: ArrowsArrowDownSLine["size"]
+  /** (optional) Sets the icon color via the `fill` attribute */
+  selected?: ArrowsArrowDownSLine["selected"]
+  /** (optional) When using the icon standalone, make it meaningful for accessibility */
+  accessibilityTitle?: ArrowsArrowDownSLine["accessibilityTitle"]
+  /** (optional) If `true` the icon can receive focus */
+  focusable?: ArrowsArrowDownSLine["focusable"]
+}
+
 export type ArrowsArrowLeftDownLineProps = {
   /** (optional) The width and height in pixels */
   size?: ArrowsArrowLeftDownLine["size"]
@@ -3609,26 +3620,26 @@ export type ArrowsArrowLeftLineProps = {
   focusable?: ArrowsArrowLeftLine["focusable"]
 }
 
-export type ArrowsArrowLeftSFillProps = {
+export type ArrowsArrowLeftSLineProps = {
   /** (optional) The width and height in pixels */
-  size?: ArrowsArrowLeftSFill["size"]
+  size?: ArrowsArrowLeftSLine["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: ArrowsArrowLeftSFill["selected"]
+  selected?: ArrowsArrowLeftSLine["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: ArrowsArrowLeftSFill["accessibilityTitle"]
+  accessibilityTitle?: ArrowsArrowLeftSLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: ArrowsArrowLeftSFill["focusable"]
+  focusable?: ArrowsArrowLeftSLine["focusable"]
 }
 
-export type ArrowsArrowLeftSLineProps = {
+export type ArrowsArrowLeftSFillProps = {
   /** (optional) The width and height in pixels */
-  size?: ArrowsArrowLeftSLine["size"]
+  size?: ArrowsArrowLeftSFill["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: ArrowsArrowLeftSLine["selected"]
+  selected?: ArrowsArrowLeftSFill["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: ArrowsArrowLeftSLine["accessibilityTitle"]
+  accessibilityTitle?: ArrowsArrowLeftSFill["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: ArrowsArrowLeftSLine["focusable"]
+  focusable?: ArrowsArrowLeftSFill["focusable"]
 }
 
 export type ArrowsArrowLeftUpLineProps = {
@@ -3653,6 +3664,17 @@ export type ArrowsArrowRightDownLineProps = {
   focusable?: ArrowsArrowRightDownLine["focusable"]
 }
 
+export type ArrowsArrowRightLLineProps = {
+  /** (optional) The width and height in pixels */
+  size?: ArrowsArrowRightLLine["size"]
+  /** (optional) Sets the icon color via the `fill` attribute */
+  selected?: ArrowsArrowRightLLine["selected"]
+  /** (optional) When using the icon standalone, make it meaningful for accessibility */
+  accessibilityTitle?: ArrowsArrowRightLLine["accessibilityTitle"]
+  /** (optional) If `true` the icon can receive focus */
+  focusable?: ArrowsArrowRightLLine["focusable"]
+}
+
 export type ArrowsArrowRightLineProps = {
   /** (optional) The width and height in pixels */
   size?: ArrowsArrowRightLine["size"]
@@ -3686,17 +3708,6 @@ export type ArrowsArrowRightSLineProps = {
   focusable?: ArrowsArrowRightSLine["focusable"]
 }
 
-export type ArrowsArrowRightLLineProps = {
-  /** (optional) The width and height in pixels */
-  size?: ArrowsArrowRightLLine["size"]
-  /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: ArrowsArrowRightLLine["selected"]
-  /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: ArrowsArrowRightLLine["accessibilityTitle"]
-  /** (optional) If `true` the icon can receive focus */
-  focusable?: ArrowsArrowRightLLine["focusable"]
-}
-
 export type ArrowsArrowRightUpLineProps = {
   /** (optional) The width and height in pixels */
   size?: ArrowsArrowRightUpLine["size"]
@@ -3752,17 +3763,6 @@ export type ArrowsExpandUpDownFillProps = {
   focusable?: ArrowsExpandUpDownFill["focusable"]
 }
 
-export type BuildingsHome6LineProps = {
-  /** (optional) The width and height in pixels */
-  size?: BuildingsHome6Line["size"]
-  /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: BuildingsHome6Line["selected"]
-  /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: BuildingsHome6Line["accessibilityTitle"]
-  /** (optional) If `true` the icon can receive focus */
-  focusable?: BuildingsHome6Line["focusable"]
-}
-
 export type BusinessCalendarLineProps = {
   /** (optional) The width and height in pixels */
   size?: BusinessCalendarLine["size"]
@@ -3818,26 +3818,26 @@ export type DocumentClipboardLineProps = {
   focusable?: DocumentClipboardLine["focusable"]
 }
 
-export type DocumentFileCopyLineProps = {
+export type DocumentFileImageLineProps = {
   /** (optional) The width and height in pixels */
-  size?: DocumentFileCopyLine["size"]
+  size?: DocumentFileImageLine["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: DocumentFileCopyLine["selected"]
+  selected?: DocumentFileImageLine["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: DocumentFileCopyLine["accessibilityTitle"]
+  accessibilityTitle?: DocumentFileImageLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: DocumentFileCopyLine["focusable"]
+  focusable?: DocumentFileImageLine["focusable"]
 }
 
-export type DocumentFileImageLineProps = {
+export type DocumentFileCopyLineProps = {
   /** (optional) The width and height in pixels */
-  size?: DocumentFileImageLine["size"]
+  size?: DocumentFileCopyLine["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: DocumentFileImageLine["selected"]
+  selected?: DocumentFileCopyLine["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: DocumentFileImageLine["accessibilityTitle"]
+  accessibilityTitle?: DocumentFileCopyLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: DocumentFileImageLine["focusable"]
+  focusable?: DocumentFileCopyLine["focusable"]
 }
 
 export type DocumentFileMusicLineProps = {
@@ -3939,6 +3939,50 @@ export type OthersCookieLineProps = {
   focusable?: OthersCookieLine["focusable"]
 }
 
+export type UserAccountCircleFillProps = {
+  /** (optional) The width and height in pixels */
+  size?: UserAccountCircleFill["size"]
+  /** (optional) Sets the icon color via the `fill` attribute */
+  selected?: UserAccountCircleFill["selected"]
+  /** (optional) When using the icon standalone, make it meaningful for accessibility */
+  accessibilityTitle?: UserAccountCircleFill["accessibilityTitle"]
+  /** (optional) If `true` the icon can receive focus */
+  focusable?: UserAccountCircleFill["focusable"]
+}
+
+export type UserAccountCircleLineProps = {
+  /** (optional) The width and height in pixels */
+  size?: UserAccountCircleLine["size"]
+  /** (optional) Sets the icon color via the `fill` attribute */
+  selected?: UserAccountCircleLine["selected"]
+  /** (optional) When using the icon standalone, make it meaningful for accessibility */
+  accessibilityTitle?: UserAccountCircleLine["accessibilityTitle"]
+  /** (optional) If `true` the icon can receive focus */
+  focusable?: UserAccountCircleLine["focusable"]
+}
+
+export type UserUserFillProps = {
+  /** (optional) The width and height in pixels */
+  size?: UserUserFill["size"]
+  /** (optional) Sets the icon color via the `fill` attribute */
+  selected?: UserUserFill["selected"]
+  /** (optional) When using the icon standalone, make it meaningful for accessibility */
+  accessibilityTitle?: UserUserFill["accessibilityTitle"]
+  /** (optional) If `true` the icon can receive focus */
+  focusable?: UserUserFill["focusable"]
+}
+
+export type UserUserLineProps = {
+  /** (optional) The width and height in pixels */
+  size?: UserUserLine["size"]
+  /** (optional) Sets the icon color via the `fill` attribute */
+  selected?: UserUserLine["selected"]
+  /** (optional) When using the icon standalone, make it meaningful for accessibility */
+  accessibilityTitle?: UserUserLine["accessibilityTitle"]
+  /** (optional) If `true` the icon can receive focus */
+  focusable?: UserUserLine["focusable"]
+}
+
 export type SystemAddLineProps = {
   /** (optional) The width and height in pixels */
   size?: SystemAddLine["size"]
@@ -4115,26 +4159,26 @@ export type SystemDeleteBinLineProps = {
   focusable?: SystemDeleteBinLine["focusable"]
 }
 
-export type SystemDownloadLineProps = {
+export type SystemErrorWarningFillProps = {
   /** (optional) The width and height in pixels */
-  size?: SystemDownloadLine["size"]
+  size?: SystemErrorWarningFill["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemDownloadLine["selected"]
+  selected?: SystemErrorWarningFill["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemDownloadLine["accessibilityTitle"]
+  accessibilityTitle?: SystemErrorWarningFill["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemDownloadLine["focusable"]
+  focusable?: SystemErrorWarningFill["focusable"]
 }
 
-export type SystemErrorWarningFillProps = {
+export type SystemDownloadLineProps = {
   /** (optional) The width and height in pixels */
-  size?: SystemErrorWarningFill["size"]
+  size?: SystemDownloadLine["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemErrorWarningFill["selected"]
+  selected?: SystemDownloadLine["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemErrorWarningFill["accessibilityTitle"]
+  accessibilityTitle?: SystemDownloadLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemErrorWarningFill["focusable"]
+  focusable?: SystemDownloadLine["focusable"]
 }
 
 export type SystemErrorWarningLineProps = {
@@ -4467,50 +4511,6 @@ export type SystemZoomOutLineProps = {
   focusable?: SystemZoomOutLine["focusable"]
 }
 
-export type UserAccountCircleFillProps = {
-  /** (optional) The width and height in pixels */
-  size?: UserAccountCircleFill["size"]
-  /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: UserAccountCircleFill["selected"]
-  /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: UserAccountCircleFill["accessibilityTitle"]
-  /** (optional) If `true` the icon can receive focus */
-  focusable?: UserAccountCircleFill["focusable"]
-}
-
-export type UserAccountCircleLineProps = {
-  /** (optional) The width and height in pixels */
-  size?: UserAccountCircleLine["size"]
-  /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: UserAccountCircleLine["selected"]
-  /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: UserAccountCircleLine["accessibilityTitle"]
-  /** (optional) If `true` the icon can receive focus */
-  focusable?: UserAccountCircleLine["focusable"]
-}
-
-export type UserUserFillProps = {
-  /** (optional) The width and height in pixels */
-  size?: UserUserFill["size"]
-  /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: UserUserFill["selected"]
-  /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: UserUserFill["accessibilityTitle"]
-  /** (optional) If `true` the icon can receive focus */
-  focusable?: UserUserFill["focusable"]
-}
-
-export type UserUserLineProps = {
-  /** (optional) The width and height in pixels */
-  size?: UserUserLine["size"]
-  /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: UserUserLine["selected"]
-  /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: UserUserLine["accessibilityTitle"]
-  /** (optional) If `true` the icon can receive focus */
-  focusable?: UserUserLine["focusable"]
-}
-
 // Augment Vue's GlobalComponents interface
 declare module 'vue' {
   interface GlobalComponents {
@@ -4550,16 +4550,6 @@ declare module 'vue' {
      * - **base** - The main accordion group container.
      */
          '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.
      *
@@ -4633,6 +4623,16 @@ declare module 'vue' {
      * - **title** -  The title of the banner.
      */
          'dap-ds-banner': DefineCustomElement<DapDSBanner, DapDSBannerProps, DapDSBannerEvents>
+    /**
+     * Anchor heading is a heading with an anchor link.
+     *
+     * ### CSS Parts:
+     * - **base** - The main anchor heading container.
+     * - **link** - The link of the anchor heading. dap-ds-link element.
+     * - **link-base** - The base of the link part.
+     * - **text** - The text of the anchor heading.
+     */
+         'dap-ds-anchor-heading': DefineCustomElement<DapDSAnchorHeading, DapDSAnchorHeadingProps, {}>
     /**
      * A breadcrumb is a secondary navigation scheme that reveals the user's location in a website or Web application.
      *
@@ -4660,6 +4660,21 @@ declare module 'vue' {
      * - **separator** - The separator of the breadcrumb item.
      */
          'dap-ds-breadcrumb-item': DefineCustomElement<DapDSBreadcrumbItem, DapDSBreadcrumbItemProps, {}>
+    /**
+     * A button is a clickable element that can be used to trigger an action, submit forms, or navigate to other pages.
+     *
+     * ### Events:
+     * - **dds-loading-timeout** - Emitted when the loading timeout is reached
+     *
+     * ### Slots:
+     * - **default** - The content of the button. Can contain text, icons, or other elements.
+     *
+     * ### CSS Parts:
+     * - **base** - The main button container.
+     * - **high-contrast** - The high contrast part of the button.
+     * - **content** - The content wrapper inside the button.
+     */
+         'dap-ds-button': DefineCustomElement<DapDSButton, DapDSButtonProps, DapDSButtonEvents>
     /**
      * Calendar cell represents a single cell in the calendar.
      *
@@ -4814,21 +4829,6 @@ declare module 'vue' {
      * - **remove-icon-base-base** - The base of the remove icon base
      */
          'dap-ds-chip': DefineCustomElement<DapDSChip, DapDSChipProps, DapDSChipEvents>
-    /**
-     * A button is a clickable element that can be used to trigger an action, submit forms, or navigate to other pages.
-     *
-     * ### Events:
-     * - **dds-loading-timeout** - Emitted when the loading timeout is reached
-     *
-     * ### Slots:
-     * - **default** - The content of the button. Can contain text, icons, or other elements.
-     *
-     * ### CSS Parts:
-     * - **base** - The main button container.
-     * - **high-contrast** - The high contrast part of the button.
-     * - **content** - The content wrapper inside the button.
-     */
-         'dap-ds-button': DefineCustomElement<DapDSButton, DapDSButtonProps, DapDSButtonEvents>
     /**
      * Individual digit input slot for code puncher.
      *
@@ -6070,14 +6070,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-down-line': DefineCustomElement<ArrowsArrowDownLine, ArrowsArrowDownLineProps, {}>
+         'dap-ds-icon-home-6-line': DefineCustomElement<BuildingsHome6Line, BuildingsHome6LineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-arrow-down-s-line': DefineCustomElement<ArrowsArrowDownSLine, ArrowsArrowDownSLineProps, {}>
+         'dap-ds-icon-arrow-down-line': DefineCustomElement<ArrowsArrowDownLine, ArrowsArrowDownLineProps, {}>
     /**
      * An icon
      *
@@ -6085,6 +6085,13 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * - **base** - The main icon container.
      */
          'dap-ds-icon-arrow-down-s-fill': DefineCustomElement<ArrowsArrowDownSFill, ArrowsArrowDownSFillProps, {}>
+    /**
+     * An icon
+     *
+     * ### CSS Parts:
+     * - **base** - The main icon container.
+     */
+         'dap-ds-icon-arrow-down-s-line': DefineCustomElement<ArrowsArrowDownSLine, ArrowsArrowDownSLineProps, {}>
     /**
      * An icon
      *
@@ -6112,14 +6119,14 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-arrow-left-s-fill': DefineCustomElement<ArrowsArrowLeftSFill, ArrowsArrowLeftSFillProps, {}>
+         'dap-ds-icon-arrow-left-s-line': DefineCustomElement<ArrowsArrowLeftSLine, ArrowsArrowLeftSLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-arrow-left-s-line': DefineCustomElement<ArrowsArrowLeftSLine, ArrowsArrowLeftSLineProps, {}>
+         'dap-ds-icon-arrow-left-s-fill': DefineCustomElement<ArrowsArrowLeftSFill, ArrowsArrowLeftSFillProps, {}>
     /**
      * An icon
      *
@@ -6140,28 +6147,28 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-arrow-right-line': DefineCustomElement<ArrowsArrowRightLine, ArrowsArrowRightLineProps, {}>
+         'dap-ds-icon-arrow-right-l-line': DefineCustomElement<ArrowsArrowRightLLine, ArrowsArrowRightLLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-arrow-right-s-fill': DefineCustomElement<ArrowsArrowRightSFill, ArrowsArrowRightSFillProps, {}>
+         'dap-ds-icon-arrow-right-line': DefineCustomElement<ArrowsArrowRightLine, ArrowsArrowRightLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-arrow-right-s-line': DefineCustomElement<ArrowsArrowRightSLine, ArrowsArrowRightSLineProps, {}>
+         'dap-ds-icon-arrow-right-s-fill': DefineCustomElement<ArrowsArrowRightSFill, ArrowsArrowRightSFillProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-arrow-right-l-line': DefineCustomElement<ArrowsArrowRightLLine, ArrowsArrowRightLLineProps, {}>
+         'dap-ds-icon-arrow-right-s-line': DefineCustomElement<ArrowsArrowRightSLine, ArrowsArrowRightSLineProps, {}>
     /**
      * An icon
      *
@@ -6197,13 +6204,6 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * - **base** - The main icon container.
      */
          'dap-ds-icon-expand-up-down-fill': DefineCustomElement<ArrowsExpandUpDownFill, ArrowsExpandUpDownFillProps, {}>
-    /**
-     * An icon
-     *
-     * ### CSS Parts:
-     * - **base** - The main icon container.
-     */
-         'dap-ds-icon-home-6-line': DefineCustomElement<BuildingsHome6Line, BuildingsHome6LineProps, {}>
     /**
      * An icon
      *
@@ -6245,14 +6245,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-file-copy-line': DefineCustomElement<DocumentFileCopyLine, DocumentFileCopyLineProps, {}>
+         'dap-ds-icon-file-image-line': DefineCustomElement<DocumentFileImageLine, DocumentFileImageLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-file-image-line': DefineCustomElement<DocumentFileImageLine, DocumentFileImageLineProps, {}>
+         'dap-ds-icon-file-copy-line': DefineCustomElement<DocumentFileCopyLine, DocumentFileCopyLineProps, {}>
     /**
      * An icon
      *
@@ -6316,6 +6316,34 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * - **base** - The main icon container.
      */
          'dap-ds-icon-cookie-line': DefineCustomElement<OthersCookieLine, OthersCookieLineProps, {}>
+    /**
+     * An icon
+     *
+     * ### CSS Parts:
+     * - **base** - The main icon container.
+     */
+         'dap-ds-icon-account-circle-fill': DefineCustomElement<UserAccountCircleFill, UserAccountCircleFillProps, {}>
+    /**
+     * An icon
+     *
+     * ### CSS Parts:
+     * - **base** - The main icon container.
+     */
+         'dap-ds-icon-account-circle-line': DefineCustomElement<UserAccountCircleLine, UserAccountCircleLineProps, {}>
+    /**
+     * An icon
+     *
+     * ### CSS Parts:
+     * - **base** - The main icon container.
+     */
+         'dap-ds-icon-user-fill': DefineCustomElement<UserUserFill, UserUserFillProps, {}>
+    /**
+     * An icon
+     *
+     * ### CSS Parts:
+     * - **base** - The main icon container.
+     */
+         'dap-ds-icon-user-line': DefineCustomElement<UserUserLine, UserUserLineProps, {}>
     /**
      * An icon
      *
@@ -6434,14 +6462,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-download-line': DefineCustomElement<SystemDownloadLine, SystemDownloadLineProps, {}>
+         'dap-ds-icon-error-warning-fill': DefineCustomElement<SystemErrorWarningFill, SystemErrorWarningFillProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-error-warning-fill': DefineCustomElement<SystemErrorWarningFill, SystemErrorWarningFillProps, {}>
+         'dap-ds-icon-download-line': DefineCustomElement<SystemDownloadLine, SystemDownloadLineProps, {}>
     /**
      * An icon
      *
@@ -6652,34 +6680,6 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * - **base** - The main icon container.
      */
          'dap-ds-icon-zoom-out-line': DefineCustomElement<SystemZoomOutLine, SystemZoomOutLineProps, {}>
-    /**
-     * An icon
-     *
-     * ### CSS Parts:
-     * - **base** - The main icon container.
-     */
-         'dap-ds-icon-account-circle-fill': DefineCustomElement<UserAccountCircleFill, UserAccountCircleFillProps, {}>
-    /**
-     * An icon
-     *
-     * ### CSS Parts:
-     * - **base** - The main icon container.
-     */
-         'dap-ds-icon-account-circle-line': DefineCustomElement<UserAccountCircleLine, UserAccountCircleLineProps, {}>
-    /**
-     * An icon
-     *
-     * ### CSS Parts:
-     * - **base** - The main icon container.
-     */
-         'dap-ds-icon-user-fill': DefineCustomElement<UserUserFill, UserUserFillProps, {}>
-    /**
-     * An icon
-     *
-     * ### CSS Parts:
-     * - **base** - The main icon container.
-     */
-         'dap-ds-icon-user-line': DefineCustomElement<UserUserLine, UserUserLineProps, {}>
   }
 }
 
@@ -6689,13 +6689,14 @@ declare global {
     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-badge': DapDSBadgeProps & DapDSBadgeSlots
       'dap-ds-banner': DapDSBannerProps & DapDSBannerEvents & DapDSBannerSlots
+      'dap-ds-anchor-heading': DapDSAnchorHeadingProps
       'dap-ds-breadcrumb': DapDSBreadcrumbProps & DapDSBreadcrumbSlots
       'dap-ds-breadcrumb-item': DapDSBreadcrumbItemProps & DapDSBreadcrumbItemSlots
+      'dap-ds-button': DapDSButtonProps & DapDSButtonEvents & DapDSButtonSlots
       'dap-ds-calendar-cell': DapDSCalendarCellProps & DapDSCalendarCellSlots
       'dap-ds-calendar': DapDSCalendarProps & DapDSCalendarEvents & DapDSCalendarSlots
       'dap-ds-callout': DapDSCalloutProps & DapDSCalloutEvents & DapDSCalloutSlots
@@ -6707,7 +6708,6 @@ declare global {
       'dap-ds-card': DapDSCardProps & DapDSCardSlots
       'dap-ds-checkbox': DapDSCheckboxProps & DapDSCheckboxEvents
       'dap-ds-chip': DapDSChipProps & DapDSChipEvents
-      'dap-ds-button': DapDSButtonProps & DapDSButtonEvents & DapDSButtonSlots
       'dap-ds-code-puncher-slot': DapDSCodePuncherSlotProps
       'dap-ds-code-puncher': DapDSCodePuncherProps & DapDSCodePuncherEvents & DapDSCodePuncherSlots
       'dap-ds-combobox': DapDSComboboxProps & DapDSComboboxEvents & DapDSComboboxSlots
@@ -6781,33 +6781,33 @@ declare global {
       'dap-ds-form-label': DapDSFormLabelProps
       'dap-ds-input-group': DapDSInputGroupProps & DapDSInputGroupSlots
       'dap-ds-radio-group': DapDSRadioGroupProps & DapDSRadioGroupEvents & DapDSRadioGroupSlots
+      'dap-ds-icon-home-6-line': BuildingsHome6LineProps
       'dap-ds-icon-arrow-down-line': ArrowsArrowDownLineProps
-      'dap-ds-icon-arrow-down-s-line': ArrowsArrowDownSLineProps
       '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-s-line': ArrowsArrowLeftSLineProps
+      'dap-ds-icon-arrow-left-s-fill': ArrowsArrowLeftSFillProps
       '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-right-line': ArrowsArrowRightLineProps
       'dap-ds-icon-arrow-right-s-fill': ArrowsArrowRightSFillProps
       'dap-ds-icon-arrow-right-s-line': ArrowsArrowRightSLineProps
-      'dap-ds-icon-arrow-right-l-line': ArrowsArrowRightLLineProps
       'dap-ds-icon-arrow-right-up-line': ArrowsArrowRightUpLineProps
       'dap-ds-icon-arrow-up-line': ArrowsArrowUpLineProps
       'dap-ds-icon-arrow-up-s-fill': ArrowsArrowUpSFillProps
       'dap-ds-icon-arrow-up-s-line': ArrowsArrowUpSLineProps
       'dap-ds-icon-expand-up-down-fill': ArrowsExpandUpDownFillProps
-      'dap-ds-icon-home-6-line': BuildingsHome6LineProps
       'dap-ds-icon-calendar-line': BusinessCalendarLineProps
       'dap-ds-icon-edit-line': DesignEditLineProps
       'dap-ds-icon-tools-line': DesignToolsLineProps
       '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-copy-line': DocumentFileCopyLineProps
       'dap-ds-icon-file-music-line': DocumentFileMusicLineProps
       'dap-ds-icon-file-text-line': DocumentFileTextLineProps
       'dap-ds-icon-file-video-line': DocumentFileVideoLineProps
@@ -6817,6 +6817,10 @@ declare global {
       'dap-ds-icon-heart-fill': HealthHeartFillProps
       'dap-ds-icon-heart-line': HealthHeartLineProps
       'dap-ds-icon-cookie-line': OthersCookieLineProps
+      'dap-ds-icon-account-circle-fill': UserAccountCircleFillProps
+      'dap-ds-icon-account-circle-line': UserAccountCircleLineProps
+      'dap-ds-icon-user-fill': UserUserFillProps
+      'dap-ds-icon-user-line': UserUserLineProps
       'dap-ds-icon-add-line': SystemAddLineProps
       'dap-ds-icon-alert-fill': SystemAlertFillProps
       'dap-ds-icon-alert-line': SystemAlertLineProps
@@ -6833,8 +6837,8 @@ declare global {
       'dap-ds-icon-close-line': SystemCloseLineProps
       'dap-ds-icon-delete-bin-fill': SystemDeleteBinFillProps
       'dap-ds-icon-delete-bin-line': SystemDeleteBinLineProps
-      'dap-ds-icon-download-line': SystemDownloadLineProps
       'dap-ds-icon-error-warning-fill': SystemErrorWarningFillProps
+      'dap-ds-icon-download-line': SystemDownloadLineProps
       'dap-ds-icon-error-warning-line': SystemErrorWarningLineProps
       'dap-ds-icon-external-link-line': SystemExternalLinkLineProps
       'dap-ds-icon-eye-line': SystemEyeLineProps
@@ -6865,10 +6869,6 @@ declare global {
       'dap-ds-icon-upload-line': SystemUploadLineProps
       'dap-ds-icon-zoom-in-line': SystemZoomInLineProps
       'dap-ds-icon-zoom-out-line': SystemZoomOutLineProps
-      'dap-ds-icon-account-circle-fill': UserAccountCircleFillProps
-      'dap-ds-icon-account-circle-line': UserAccountCircleLineProps
-      'dap-ds-icon-user-fill': UserUserFillProps
-      'dap-ds-icon-user-line': UserUserLineProps
     }
   }
 }