dap-design-system 0.63.0 → 0.63.1

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

@@ -227,16 +227,16 @@ export interface DapDSAvatarEvents {
   onDdsError?: (event: CustomEvent) => void
 }
 
-export interface DapDSBannerEvents {
-  /** Event fired when the banner is closed. */
-  onDdsClose?: (event: CustomEvent) => void
-}
-
 export interface DapDSAvatarGroupEvents {
   /** Fired when the overflow indicator is clicked. */
   onDdsOverflowClick?: (event: CustomEvent) => void
 }
 
+export interface DapDSBannerEvents {
+  /** Event fired when the banner is closed. */
+  onDdsClose?: (event: CustomEvent) => void
+}
+
 export interface DapDSButtonEvents {
   /** Emitted when the loading timeout is reached */
   onDdsLoadingTimeout?: (event: CustomEvent) => void
@@ -671,13 +671,6 @@ export interface DapDSAccordionSlots {
   'icon-closed'?: () => any
 }
 
-export interface DapDSBadgeSlots {
-  /** The content of the badge. */
-  default?: () => any
-  /** The icon of the badge. */
-  'icon'?: () => any
-}
-
 export interface DapDSAvatarSlots {
   /** The icon to display when variant is 'icon'. */
   'icon'?: () => any
@@ -685,17 +678,20 @@ export interface DapDSAvatarSlots {
   'fallback'?: () => any
 }
 
+export interface DapDSAvatarGroupSlots {
+  /** The avatars to display in the group. */
+  default?: () => any
+}
+
 export interface DapDSAccordionGroupSlots {
   /** The content of the accordion group. */
   default?: () => any
 }
 
-export interface DapDSBannerSlots {
-  /** The content of the banner. */
+export interface DapDSBadgeSlots {
+  /** The content of the badge. */
   default?: () => any
-  /** Actions of banner */
-  'actions'?: () => any
-  /** The icon of the banner. */
+  /** The icon of the badge. */
   'icon'?: () => any
 }
 
@@ -706,9 +702,13 @@ export interface DapDSBreadcrumbSlots {
   'separator'?: () => any
 }
 
-export interface DapDSAvatarGroupSlots {
-  /** The avatars to display in the group. */
+export interface DapDSBannerSlots {
+  /** The content of the banner. */
   default?: () => any
+  /** Actions of banner */
+  'actions'?: () => any
+  /** The icon of the banner. */
+  'icon'?: () => any
 }
 
 export interface DapDSBreadcrumbItemSlots {
@@ -723,23 +723,23 @@ export interface DapDSButtonSlots {
   default?: () => any
 }
 
-export interface DapDSCalendarCellSlots {
-  /** The content of the calendar cell. */
+export interface DapDSButtonGroupTextSlots {
+  /** The text content. Can also hold an icon or a `<label>` for a grouped input. */
   default?: () => any
 }
 
-export interface DapDSCalendarSlots {
-  /** The content of the calendar. */
+export interface DapDSButtonGroupSlots {
+  /** The grouped items: `dap-ds-button`, `dap-ds-icon-button`, `dap-ds-button-group-text`, `dap-ds-button-group-separator` or nested `dap-ds-button-group` elements. */
   default?: () => any
 }
 
-export interface DapDSButtonGroupTextSlots {
-  /** The text content. Can also hold an icon or a `<label>` for a grouped input. */
+export interface DapDSCalendarCellSlots {
+  /** The content of the calendar cell. */
   default?: () => any
 }
 
-export interface DapDSButtonGroupSlots {
-  /** The grouped items: `dap-ds-button`, `dap-ds-icon-button`, `dap-ds-button-group-text`, `dap-ds-button-group-separator` or nested `dap-ds-button-group` elements. */
+export interface DapDSCalendarSlots {
+  /** The content of the calendar. */
   default?: () => any
 }
 
@@ -1180,23 +1180,6 @@ export type DapDSAnchorHeadingProps = {
   anchorTitle?: DapDSAnchorHeading["anchorTitle"]
 }
 
-export type DapDSBadgeProps = {
-  /** The type of the badge */
-  type?: DapDSBadge["type"]
-  /** The icon of the badge, this is a name of a built in icon */
-  icon?: DapDSBadge["icon"]
-  /** Whether the badge represents dynamic content that should announce changes */
-  live?: DapDSBadge["live"]
-  /**  */
-  tagName?: DapDSBadge["tagName"]
-  /**  */
-  dependencies?: DapDSBadge["dependencies"]
-  /** The size of the badge. Default is `sm`. */
-  size?: DapDSBadge["size"]
-  /** Responsive size map (e.g. "md:lg"). */
-  sizeMap?: DapDSBadge["sizeMap"]
-}
-
 export type DapDSAvatarProps = {
   /** The shape of the avatar */
   shape?: DapDSAvatar["shape"]
@@ -1228,6 +1211,27 @@ export type DapDSAvatarProps = {
   sizeMap?: DapDSAvatar["sizeMap"]
 }
 
+export type DapDSAvatarGroupProps = {
+  /** Layout type for the avatar group */
+  layout?: DapDSAvatarGroup["layout"]
+  /** Maximum number of avatars to show before showing overflow */
+  max?: DapDSAvatarGroup["max"]
+  /** Whether to show the total count in overflow indicator */
+  "show-total"?: DapDSAvatarGroup["showTotal"]
+  /** Interactive overflow indicator */
+  "interactive-overflow"?: DapDSAvatarGroup["interactiveOverflow"]
+  /** Accessible label for the avatar group */
+  label?: DapDSAvatarGroup["label"]
+  /** Accessible label for the overflow indicator */
+  "overflow-label"?: DapDSAvatarGroup["overflowLabel"]
+  /**  */
+  tagName?: DapDSAvatarGroup["tagName"]
+  /** The size of avatars in the group. Default is `md`. See SizedMixin. */
+  size?: DapDSAvatarGroup["size"]
+  /** Responsive size map (e.g. "md:lg"); see SizedMixin. */
+  sizeMap?: DapDSAvatarGroup["sizeMap"]
+}
+
 export type DapDSAccordionGroupProps = {
   /** Whether to close other accordions when one is opened. */
   autoClose?: DapDSAccordionGroup["autoClose"]
@@ -1237,6 +1241,34 @@ export type DapDSAccordionGroupProps = {
   tagName?: DapDSAccordionGroup["tagName"]
 }
 
+export type DapDSBadgeProps = {
+  /** The type of the badge */
+  type?: DapDSBadge["type"]
+  /** The icon of the badge, this is a name of a built in icon */
+  icon?: DapDSBadge["icon"]
+  /** Whether the badge represents dynamic content that should announce changes */
+  live?: DapDSBadge["live"]
+  /**  */
+  tagName?: DapDSBadge["tagName"]
+  /**  */
+  dependencies?: DapDSBadge["dependencies"]
+  /** The size of the badge. Default is `sm`. */
+  size?: DapDSBadge["size"]
+  /** Responsive size map (e.g. "md:lg"). */
+  sizeMap?: DapDSBadge["sizeMap"]
+}
+
+export type DapDSBreadcrumbProps = {
+  /**  */
+  variant?: DapDSBreadcrumb["variant"]
+  /** Mobile version of the breadcrumb */
+  mobile?: DapDSBreadcrumb["mobile"]
+  /** The aria-labelledby of the breadcrumb */
+  "aria-labelledby"?: DapDSBreadcrumb["ariaLabelledBy"]
+  /**  */
+  tagName?: DapDSBreadcrumb["tagName"]
+}
+
 export type DapDSBannerProps = {
   /** The variant of the banner */
   variant?: DapDSBanner["variant"]
@@ -1256,38 +1288,6 @@ export type DapDSBannerProps = {
   dependencies?: DapDSBanner["dependencies"]
 }
 
-export type DapDSBreadcrumbProps = {
-  /**  */
-  variant?: DapDSBreadcrumb["variant"]
-  /** Mobile version of the breadcrumb */
-  mobile?: DapDSBreadcrumb["mobile"]
-  /** The aria-labelledby of the breadcrumb */
-  "aria-labelledby"?: DapDSBreadcrumb["ariaLabelledBy"]
-  /**  */
-  tagName?: DapDSBreadcrumb["tagName"]
-}
-
-export type DapDSAvatarGroupProps = {
-  /** Layout type for the avatar group */
-  layout?: DapDSAvatarGroup["layout"]
-  /** Maximum number of avatars to show before showing overflow */
-  max?: DapDSAvatarGroup["max"]
-  /** Whether to show the total count in overflow indicator */
-  "show-total"?: DapDSAvatarGroup["showTotal"]
-  /** Interactive overflow indicator */
-  "interactive-overflow"?: DapDSAvatarGroup["interactiveOverflow"]
-  /** Accessible label for the avatar group */
-  label?: DapDSAvatarGroup["label"]
-  /** Accessible label for the overflow indicator */
-  "overflow-label"?: DapDSAvatarGroup["overflowLabel"]
-  /**  */
-  tagName?: DapDSAvatarGroup["tagName"]
-  /** The size of avatars in the group. Default is `md`. See SizedMixin. */
-  size?: DapDSAvatarGroup["size"]
-  /** Responsive size map (e.g. "md:lg"); see SizedMixin. */
-  sizeMap?: DapDSAvatarGroup["sizeMap"]
-}
-
 export type DapDSBreadcrumbItemProps = {
   /** The URL of the breadcrumb item. */
   href?: DapDSBreadcrumbItem["href"]
@@ -1340,6 +1340,23 @@ export type DapDSButtonProps = {
   sizeMap?: DapDSButton["sizeMap"]
 }
 
+export type DapDSButtonGroupSeparatorProps = {
+  /**  */
+  tagName?: DapDSButtonGroupSeparator["tagName"]
+}
+
+export type DapDSButtonGroupTextProps = {
+  /**  */
+  tagName?: DapDSButtonGroupText["tagName"]
+}
+
+export type DapDSButtonGroupProps = {
+  /** The layout direction of the group */
+  orientation?: DapDSButtonGroup["orientation"]
+  /**  */
+  tagName?: DapDSButtonGroup["tagName"]
+}
+
 export type DapDSCalendarCellProps = {
   /** Whether the calendar cell is selected. */
   selected?: DapDSCalendarCell["selected"]
@@ -1408,23 +1425,6 @@ export type DapDSCalendarProps = {
   shouldHideAdjacentMonths?: DapDSCalendar["shouldHideAdjacentMonths"]
 }
 
-export type DapDSButtonGroupSeparatorProps = {
-  /**  */
-  tagName?: DapDSButtonGroupSeparator["tagName"]
-}
-
-export type DapDSButtonGroupTextProps = {
-  /**  */
-  tagName?: DapDSButtonGroupText["tagName"]
-}
-
-export type DapDSButtonGroupProps = {
-  /** The layout direction of the group */
-  orientation?: DapDSButtonGroup["orientation"]
-  /**  */
-  tagName?: DapDSButtonGroup["tagName"]
-}
-
 export type DapDSCalloutProps = {
   /** The variant of the callout */
   variant?: DapDSCallout["variant"]
@@ -3053,6 +3053,31 @@ export type DapDSPopupProps = {
   disableViewportAutoClose?: DapDSPopup["disableViewportAutoClose"]
 }
 
+export type DapDSProgressProps = {
+  /** The variant of the progress indicator. */
+  variant?: DapDSProgress["variant"]
+  /** The color variant of the progress indicator. */
+  color?: DapDSProgress["color"]
+  /** Current progress value (0-100 for percentage, or 0-max). */
+  value?: DapDSProgress["value"]
+  /** Maximum value for the progress indicator. */
+  max?: DapDSProgress["max"]
+  /** Whether to show the progress as indeterminate (loading animation). */
+  indeterminate?: DapDSProgress["indeterminate"]
+  /** Whether to show percentage text in the center (circular variant only). */
+  showPercentage?: DapDSProgress["showPercentage"]
+  /** Label text for the progress indicator. */
+  label?: DapDSProgress["label"]
+  /** The aria-live politeness level for screen readers. */
+  "aria-live"?: DapDSProgress["ariaLive"]
+  /**  */
+  tagName?: DapDSProgress["tagName"]
+  /** The size of the progress indicator. Default is `sm`. See SizedMixin. */
+  size?: DapDSProgress["size"]
+  /** Responsive size map (e.g. "md:lg"); see SizedMixin. */
+  sizeMap?: DapDSProgress["sizeMap"]
+}
+
 export type DapDSRadioButtonProps = {
   /** Whether the radio button is focusable. */
   focusable?: DapDSRadioButton["focusable"]
@@ -3116,31 +3141,6 @@ export type DapDSRadioButtonProps = {
   requiredLabel?: DapDSRadioButton["requiredLabel"]
 }
 
-export type DapDSProgressProps = {
-  /** The variant of the progress indicator. */
-  variant?: DapDSProgress["variant"]
-  /** The color variant of the progress indicator. */
-  color?: DapDSProgress["color"]
-  /** Current progress value (0-100 for percentage, or 0-max). */
-  value?: DapDSProgress["value"]
-  /** Maximum value for the progress indicator. */
-  max?: DapDSProgress["max"]
-  /** Whether to show the progress as indeterminate (loading animation). */
-  indeterminate?: DapDSProgress["indeterminate"]
-  /** Whether to show percentage text in the center (circular variant only). */
-  showPercentage?: DapDSProgress["showPercentage"]
-  /** Label text for the progress indicator. */
-  label?: DapDSProgress["label"]
-  /** The aria-live politeness level for screen readers. */
-  "aria-live"?: DapDSProgress["ariaLive"]
-  /**  */
-  tagName?: DapDSProgress["tagName"]
-  /** The size of the progress indicator. Default is `sm`. See SizedMixin. */
-  size?: DapDSProgress["size"]
-  /** Responsive size map (e.g. "md:lg"); see SizedMixin. */
-  sizeMap?: DapDSProgress["sizeMap"]
-}
-
 export type DapDSRatingProps = {
   /** The label of the rating */
   label?: DapDSRating["label"]
@@ -4291,6 +4291,19 @@ export type ArrowsExpandUpDownFillProps = {
   tagName?: ArrowsExpandUpDownFill["tagName"]
 }
 
+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"]
+  /**  */
+  tagName?: BuildingsHome6Line["tagName"]
+}
+
 export type BusinessCalendarLineProps = {
   /** (optional) The width and height in pixels */
   size?: BusinessCalendarLine["size"]
@@ -4330,19 +4343,6 @@ export type DesignToolsLineProps = {
   tagName?: DesignToolsLine["tagName"]
 }
 
-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"]
-  /**  */
-  tagName?: BuildingsHome6Line["tagName"]
-}
-
 export type DeviceComputerLineProps = {
   /** (optional) The width and height in pixels */
   size?: DeviceComputerLine["size"]
@@ -4928,30 +4928,30 @@ export type SystemLoadingSpinnerProps = {
   tagName?: SystemLoadingSpinner["tagName"]
 }
 
-export type SystemLockLineProps = {
+export type SystemLockFillProps = {
   /** (optional) The width and height in pixels */
-  size?: SystemLockLine["size"]
+  size?: SystemLockFill["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemLockLine["selected"]
+  selected?: SystemLockFill["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemLockLine["accessibilityTitle"]
+  accessibilityTitle?: SystemLockFill["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemLockLine["focusable"]
+  focusable?: SystemLockFill["focusable"]
   /**  */
-  tagName?: SystemLockLine["tagName"]
+  tagName?: SystemLockFill["tagName"]
 }
 
-export type SystemLockFillProps = {
+export type SystemLockLineProps = {
   /** (optional) The width and height in pixels */
-  size?: SystemLockFill["size"]
+  size?: SystemLockLine["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemLockFill["selected"]
+  selected?: SystemLockLine["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemLockFill["accessibilityTitle"]
+  accessibilityTitle?: SystemLockLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemLockFill["focusable"]
+  focusable?: SystemLockLine["focusable"]
   /**  */
-  tagName?: SystemLockFill["tagName"]
+  tagName?: SystemLockLine["tagName"]
 }
 
 export type SystemMenuLineProps = {
@@ -5229,20 +5229,6 @@ declare module 'vue' {
      * - **link-text** - Alias of the text part.
      */
          'dap-ds-anchor-heading': DefineCustomElement<DapDSAnchorHeading, DapDSAnchorHeadingProps, {}>
-    /**
-     * A badge is a small status descriptor for UI elements.
-     *
-     * ### Slots:
-     * - **default** - The content of the badge.
-     * - **icon** - The icon of the badge.
-     *
-     * ### CSS Parts:
-     * - **base** - The main container of the badge.
-     * - **icon** - The icon of the badge.
-     * - **content** - The content of the badge.
-     * - **icon-base** - The base of the icon.
-     */
-         'dap-ds-badge': DefineCustomElement<DapDSBadge, DapDSBadgeProps, {}>
     /**
      * Avatar component can be used to display user profile images, initials, or icons.
      *
@@ -5263,6 +5249,21 @@ declare module 'vue' {
      * - **loading** - The loading indicator.
      */
          'dap-ds-avatar': DefineCustomElement<DapDSAvatar, DapDSAvatarProps, DapDSAvatarEvents>
+    /**
+     * Avatar group component displays multiple avatars in an organized layout with overflow management.
+     *
+     * ### Events:
+     * - **dds-overflow-click** - Fired when the overflow indicator is clicked.
+     *
+     * ### Slots:
+     * - **default** - The avatars to display in the group.
+     *
+     * ### CSS Parts:
+     * - **base** - The main container of the avatar group.
+     * - **avatars** - The container for the visible avatars.
+     * - **overflow** - The overflow indicator element.
+     */
+         'dap-ds-avatar-group': DefineCustomElement<DapDSAvatarGroup, DapDSAvatarGroupProps, DapDSAvatarGroupEvents>
     /**
      * An accordion group is a collection of accordion components.
      *
@@ -5274,29 +5275,19 @@ declare module 'vue' {
      */
          'dap-ds-accordion-group': DefineCustomElement<DapDSAccordionGroup, DapDSAccordionGroupProps, {}>
     /**
-     * A banner is a message displayed at the top of the page to provide important information to the user.
-     *
-     * ### Events:
-     * - **dds-close** - Event fired when the banner is closed.
+     * A badge is a small status descriptor for UI elements.
      *
      * ### Slots:
-     * - **default** - The content of the banner.
-     * - **actions** - Actions of banner
-     * - **icon** - The icon of the banner.
+     * - **default** - The content of the badge.
+     * - **icon** - The icon of the badge.
      *
      * ### CSS Parts:
-     * - **base** - The main banner container.
-     * - **card-base** - The wrapper card container.
-     * - **icon** - The icon of the banner.
-     * - **icon-element** - The icon element of the banner.
+     * - **base** - The main container of the badge.
+     * - **icon** - The icon of the badge.
+     * - **content** - The content of the badge.
      * - **icon-base** - The base of the icon.
-     * - **closebutton** - The close button of the banner.
-     * - **close-icon-element** - The icon element of the close button.
-     * - **close-icon-base** - The base of the close button icon.
-     * - **actions** - The actions of the banner.
-     * - **close-button** - The close button wrapper of the banner.
      */
-         'dap-ds-banner': DefineCustomElement<DapDSBanner, DapDSBannerProps, DapDSBannerEvents>
+         '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.
      *
@@ -5310,20 +5301,29 @@ declare module 'vue' {
      */
          'dap-ds-breadcrumb': DefineCustomElement<DapDSBreadcrumb, DapDSBreadcrumbProps, {}>
     /**
-     * Avatar group component displays multiple avatars in an organized layout with overflow management.
+     * A banner is a message displayed at the top of the page to provide important information to the user.
      *
      * ### Events:
-     * - **dds-overflow-click** - Fired when the overflow indicator is clicked.
+     * - **dds-close** - Event fired when the banner is closed.
      *
      * ### Slots:
-     * - **default** - The avatars to display in the group.
+     * - **default** - The content of the banner.
+     * - **actions** - Actions of banner
+     * - **icon** - The icon of the banner.
      *
      * ### CSS Parts:
-     * - **base** - The main container of the avatar group.
-     * - **avatars** - The container for the visible avatars.
-     * - **overflow** - The overflow indicator element.
+     * - **base** - The main banner container.
+     * - **card-base** - The wrapper card container.
+     * - **icon** - The icon of the banner.
+     * - **icon-element** - The icon element of the banner.
+     * - **icon-base** - The base of the icon.
+     * - **closebutton** - The close button of the banner.
+     * - **close-icon-element** - The icon element of the close button.
+     * - **close-icon-base** - The base of the close button icon.
+     * - **actions** - The actions of the banner.
+     * - **close-button** - The close button wrapper of the banner.
      */
-         'dap-ds-avatar-group': DefineCustomElement<DapDSAvatarGroup, DapDSAvatarGroupProps, DapDSAvatarGroupEvents>
+         'dap-ds-banner': DefineCustomElement<DapDSBanner, DapDSBannerProps, DapDSBannerEvents>
     /**
      * A breadcrumb item is a secondary navigation scheme that reveals the user's location in a website or Web application.
      *
@@ -5354,6 +5354,27 @@ declare module 'vue' {
      * - **content** - The content wrapper inside the button.
      */
          'dap-ds-button': DefineCustomElement<DapDSButton, DapDSButtonProps, DapDSButtonEvents>
+    /**
+     * A visual divider between items in a button group.
+     */
+         'dap-ds-button-group-separator': DefineCustomElement<DapDSButtonGroupSeparator, DapDSButtonGroupSeparatorProps, {}>
+    /**
+     * Non-interactive text displayed inside a button group.
+     *
+     * ### Slots:
+     * - **default** - The text content. Can also hold an icon or a `<label>` for a grouped input.
+     *
+     * ### CSS Parts:
+     * - **base** - The text container.
+     */
+         'dap-ds-button-group-text': DefineCustomElement<DapDSButtonGroupText, DapDSButtonGroupTextProps, {}>
+    /**
+     * A container that groups related buttons with consistent, connected styling.
+     *
+     * ### Slots:
+     * - **default** - The grouped items: `dap-ds-button`, `dap-ds-icon-button`, `dap-ds-button-group-text`, `dap-ds-button-group-separator` or nested `dap-ds-button-group` elements.
+     */
+         'dap-ds-button-group': DefineCustomElement<DapDSButtonGroup, DapDSButtonGroupProps, {}>
     /**
      * Calendar cell represents a single cell in the calendar.
      *
@@ -5390,27 +5411,6 @@ declare module 'vue' {
      * - **calendar-grid-cell-today-mark** - The today mark of the calendar grid cell.
      */
          'dap-ds-calendar': DefineCustomElement<DapDSCalendar, DapDSCalendarProps, DapDSCalendarEvents>
-    /**
-     * A visual divider between items in a button group.
-     */
-         'dap-ds-button-group-separator': DefineCustomElement<DapDSButtonGroupSeparator, DapDSButtonGroupSeparatorProps, {}>
-    /**
-     * Non-interactive text displayed inside a button group.
-     *
-     * ### Slots:
-     * - **default** - The text content. Can also hold an icon or a `<label>` for a grouped input.
-     *
-     * ### CSS Parts:
-     * - **base** - The text container.
-     */
-         'dap-ds-button-group-text': DefineCustomElement<DapDSButtonGroupText, DapDSButtonGroupTextProps, {}>
-    /**
-     * A container that groups related buttons with consistent, connected styling.
-     *
-     * ### Slots:
-     * - **default** - The grouped items: `dap-ds-button`, `dap-ds-icon-button`, `dap-ds-button-group-text`, `dap-ds-button-group-separator` or nested `dap-ds-button-group` elements.
-     */
-         'dap-ds-button-group': DefineCustomElement<DapDSButtonGroup, DapDSButtonGroupProps, {}>
     /**
      * 
      *
@@ -6328,6 +6328,21 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * - **arrow** - The arrow of the popup.
      */
          'dap-ds-popup': DefineCustomElement<DapDSPopup, DapDSPopupProps, DapDSPopupEvents>
+    /**
+     * Progress indicator component with linear and circular variants.
+     *
+     * ### Slots:
+     * - **label** - Custom label content for the progress indicator.
+     *
+     * ### CSS Parts:
+     * - **base** - The main progress container.
+     * - **track** - The progress track (background).
+     * - **fill** - The progress fill (bar for linear, circle for circular).
+     * - **label** - The progress label text.
+     * - **percentage** - The percentage text (circular variant only).
+     * - **background** - The background circle (circular variant only).
+     */
+         'dap-ds-progress': DefineCustomElement<DapDSProgress, DapDSProgressProps, {}>
     /**
      * A radio button is a graphical control element that allows the user to choose only one of a predefined set of mutually exclusive options.
      *
@@ -6353,21 +6368,6 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * - **label-optional** - The optional indicator of the label.
      */
          'dap-ds-radio-button': DefineCustomElement<DapDSRadioButton, DapDSRadioButtonProps, DapDSRadioButtonEvents>
-    /**
-     * Progress indicator component with linear and circular variants.
-     *
-     * ### Slots:
-     * - **label** - Custom label content for the progress indicator.
-     *
-     * ### CSS Parts:
-     * - **base** - The main progress container.
-     * - **track** - The progress track (background).
-     * - **fill** - The progress fill (bar for linear, circle for circular).
-     * - **label** - The progress label text.
-     * - **percentage** - The percentage text (circular variant only).
-     * - **background** - The background circle (circular variant only).
-     */
-         'dap-ds-progress': DefineCustomElement<DapDSProgress, DapDSProgressProps, {}>
     /**
      * Rating is a component that allows users to rate a product or service.
      *
@@ -7047,28 +7047,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-calendar-line': DefineCustomElement<BusinessCalendarLine, BusinessCalendarLineProps, {}>
+         'dap-ds-icon-home-6-line': DefineCustomElement<BuildingsHome6Line, BuildingsHome6LineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-edit-line': DefineCustomElement<DesignEditLine, DesignEditLineProps, {}>
+         'dap-ds-icon-calendar-line': DefineCustomElement<BusinessCalendarLine, BusinessCalendarLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-tools-line': DefineCustomElement<DesignToolsLine, DesignToolsLineProps, {}>
+         'dap-ds-icon-edit-line': DefineCustomElement<DesignEditLine, DesignEditLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-home-6-line': DefineCustomElement<BuildingsHome6Line, BuildingsHome6LineProps, {}>
+         'dap-ds-icon-tools-line': DefineCustomElement<DesignToolsLine, DesignToolsLineProps, {}>
     /**
      * An icon
      *
@@ -7390,14 +7390,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-lock-line': DefineCustomElement<SystemLockLine, SystemLockLineProps, {}>
+         'dap-ds-icon-lock-fill': DefineCustomElement<SystemLockFill, SystemLockFillProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-lock-fill': DefineCustomElement<SystemLockFill, SystemLockFillProps, {}>
+         'dap-ds-icon-lock-line': DefineCustomElement<SystemLockLine, SystemLockLineProps, {}>
     /**
      * An icon
      *
@@ -7533,19 +7533,19 @@ declare global {
     interface IntrinsicElements {
       'dap-ds-accordion': DapDSAccordionProps & DapDSAccordionEvents & DapDSAccordionSlots
       'dap-ds-anchor-heading': DapDSAnchorHeadingProps
-      'dap-ds-badge': DapDSBadgeProps & DapDSBadgeSlots
       'dap-ds-avatar': DapDSAvatarProps & DapDSAvatarEvents & DapDSAvatarSlots
+      'dap-ds-avatar-group': DapDSAvatarGroupProps & DapDSAvatarGroupEvents & DapDSAvatarGroupSlots
       'dap-ds-accordion-group': DapDSAccordionGroupProps & DapDSAccordionGroupSlots
-      'dap-ds-banner': DapDSBannerProps & DapDSBannerEvents & DapDSBannerSlots
+      'dap-ds-badge': DapDSBadgeProps & DapDSBadgeSlots
       'dap-ds-breadcrumb': DapDSBreadcrumbProps & DapDSBreadcrumbSlots
-      'dap-ds-avatar-group': DapDSAvatarGroupProps & DapDSAvatarGroupEvents & DapDSAvatarGroupSlots
+      'dap-ds-banner': DapDSBannerProps & DapDSBannerEvents & DapDSBannerSlots
       '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-button-group-separator': DapDSButtonGroupSeparatorProps
       'dap-ds-button-group-text': DapDSButtonGroupTextProps & DapDSButtonGroupTextSlots
       'dap-ds-button-group': DapDSButtonGroupProps & DapDSButtonGroupSlots
+      '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
@@ -7592,8 +7592,8 @@ declare global {
       'dap-ds-pager': DapDSPagerProps & DapDSPagerEvents
       'dap-ds-password-input': DapDSPasswordInputProps & DapDSPasswordInputEvents
       'dap-ds-popup': DapDSPopupProps & DapDSPopupEvents & DapDSPopupSlots
-      'dap-ds-radio-button': DapDSRadioButtonProps & DapDSRadioButtonEvents
       'dap-ds-progress': DapDSProgressProps & DapDSProgressSlots
+      'dap-ds-radio-button': DapDSRadioButtonProps & DapDSRadioButtonEvents
       'dap-ds-rating': DapDSRatingProps & DapDSRatingEvents
       'dap-ds-scroll-area': DapDSScrollAreaProps & DapDSScrollAreaSlots
       'dap-ds-scroll-progress': DapDSScrollProgressProps
@@ -7647,10 +7647,10 @@ declare global {
       '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-home-6-line': BuildingsHome6LineProps
       'dap-ds-icon-computer-line': DeviceComputerLineProps
       'dap-ds-icon-clipboard-line': DocumentClipboardLineProps
       'dap-ds-icon-file-copy-line': DocumentFileCopyLineProps
@@ -7696,8 +7696,8 @@ declare global {
       'dap-ds-icon-information-line': SystemInformationLineProps
       'dap-ds-icon-lightbulb-fill': SystemLightbulbFillProps
       'dap-ds-icon-loading-spinner': SystemLoadingSpinnerProps
-      'dap-ds-icon-lock-line': SystemLockLineProps
       'dap-ds-icon-lock-fill': SystemLockFillProps
+      'dap-ds-icon-lock-line': SystemLockLineProps
       'dap-ds-icon-menu-line': SystemMenuLineProps
       'dap-ds-icon-menu-line-s': SystemMenuLineSProps
       'dap-ds-icon-more-2-line': SystemMore2LineProps