dap-design-system 0.63.0 → 0.63.2

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
@@ -441,18 +441,6 @@ export interface DapDSModalEvents {
   onDdsCancel?: (event: CustomEvent) => void
 }
 
-export interface DapDSNavigationMenuItemEvents {
-  /** Fired when a navigation item is clicked. */
-  onDdsNavigationItemClick?: (event: CustomEvent<{ href: string, event: Event }>) => void
-  /** Fired when a navigation dropdown is opened. */
-  onDdsNavigationDropdownOpen?: (event: CustomEvent<{ item: DapDSNavigationMenuItem }>) => void
-}
-
-export interface DapDSNavigationMenuEvents {
-  /** Fired when a navigation item is clicked. */
-  onDdsNavigationItemClick?: (event: CustomEvent<{ href: string, event: Event }>) => void
-}
-
 export interface DapDSNumberInputEvents {
   /** Fired when the input value changes. */
   onDdsChange?: (event: CustomEvent<{ value: string }>) => void
@@ -466,6 +454,18 @@ export interface DapDSNumberInputEvents {
   onDdsFocus?: (event: CustomEvent) => void
 }
 
+export interface DapDSNavigationMenuItemEvents {
+  /** Fired when a navigation item is clicked. */
+  onDdsNavigationItemClick?: (event: CustomEvent<{ href: string, event: Event }>) => void
+  /** Fired when a navigation dropdown is opened. */
+  onDdsNavigationDropdownOpen?: (event: CustomEvent<{ item: DapDSNavigationMenuItem }>) => void
+}
+
+export interface DapDSNavigationMenuEvents {
+  /** Fired when a navigation item is clicked. */
+  onDdsNavigationItemClick?: (event: CustomEvent<{ href: string, event: Event }>) => void
+}
+
 export interface DapDSOfficialWebsiteBannerEvents {
   /** Event fired when the accordion is opened. */
   onDdsOpened?: (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,9 +678,16 @@ export interface DapDSAvatarSlots {
   'fallback'?: () => any
 }
 
-export interface DapDSAccordionGroupSlots {
-  /** The content of the accordion group. */
+export interface DapDSAvatarGroupSlots {
+  /** The avatars to display in the group. */
+  default?: () => any
+}
+
+export interface DapDSBadgeSlots {
+  /** The content of the badge. */
   default?: () => any
+  /** The icon of the badge. */
+  'icon'?: () => any
 }
 
 export interface DapDSBannerSlots {
@@ -706,8 +706,8 @@ export interface DapDSBreadcrumbSlots {
   'separator'?: () => any
 }
 
-export interface DapDSAvatarGroupSlots {
-  /** The avatars to display in the group. */
+export interface DapDSAccordionGroupSlots {
+  /** The content of the accordion group. */
   default?: () => any
 }
 
@@ -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
 }
 
@@ -916,6 +916,16 @@ export interface DapDSModalSlots {
   'footer'?: () => any
 }
 
+export interface DapDSNumberInputSlots {
+  /** The custom icon of the feedback. */
+  'feedback-icon'?: () => any
+}
+
+export interface DapDSNotificationBadgeSlots {
+  /** The content of the notification badge. */
+  default?: () => any
+}
+
 export interface DapDSNavigationMenuItemSlots {
   /** The trigger element (link, button, etc.) for this navigation item. */
   'trigger'?: () => any
@@ -934,16 +944,6 @@ export interface DapDSNavigationMenuSlots {
   default?: () => any
 }
 
-export interface DapDSNotificationBadgeSlots {
-  /** The content of the notification badge. */
-  default?: () => any
-}
-
-export interface DapDSNumberInputSlots {
-  /** The custom icon of the feedback. */
-  'feedback-icon'?: () => any
-}
-
 export interface DapDSOfficialWebsiteBannerSlots {
   /** The content of the accordion. */
   default?: () => any
@@ -1063,6 +1063,11 @@ export interface DapDSTabSlots {
   'content'?: () => any
 }
 
+export interface DapDSTextareaSlots {
+  /** The custom icon of the feedback. */
+  'feedback-icon'?: () => any
+}
+
 export interface DapDSTableCellSlots {
   /** The default slot. */
   default?: () => any
@@ -1083,11 +1088,6 @@ export interface DapDSTableSlots {
   default?: () => any
 }
 
-export interface DapDSTextareaSlots {
-  /** The custom icon of the feedback. */
-  'feedback-icon'?: () => any
-}
-
 export interface DapDSTimelineItemSlots {
   /** The default slot for the item content. */
   default?: () => any
@@ -1138,6 +1138,21 @@ export interface DapDSRadioGroupSlots {
   'feedback-icon'?: () => any
 }
 
+export type DapDSAnchorHeadingProps = {
+  /** The variant of the heading. Default is `h2`. Can be `h1`, `h2`, `h3`, `h4`, `h5`, or `h6`. */
+  variant?: DapDSAnchorHeading["variant"]
+  /** The label of the heading. */
+  label?: DapDSAnchorHeading["label"]
+  /**  */
+  tagName?: DapDSAnchorHeading["tagName"]
+  /**  */
+  dependencies?: DapDSAnchorHeading["dependencies"]
+  /**  */
+  elementId?: DapDSAnchorHeading["elementId"]
+  /**  */
+  anchorTitle?: DapDSAnchorHeading["anchorTitle"]
+}
+
 export type DapDSAccordionProps = {
   /**  */
   tagName?: DapDSAccordion["tagName"]
@@ -1165,38 +1180,6 @@ export type DapDSAccordionProps = {
   loading?: DapDSAccordion["loading"]
 }
 
-export type DapDSAnchorHeadingProps = {
-  /** The variant of the heading. Default is `h2`. Can be `h1`, `h2`, `h3`, `h4`, `h5`, or `h6`. */
-  variant?: DapDSAnchorHeading["variant"]
-  /** The label of the heading. */
-  label?: DapDSAnchorHeading["label"]
-  /**  */
-  tagName?: DapDSAnchorHeading["tagName"]
-  /**  */
-  dependencies?: DapDSAnchorHeading["dependencies"]
-  /**  */
-  elementId?: DapDSAnchorHeading["elementId"]
-  /**  */
-  anchorTitle?: DapDSAnchorHeading["anchorTitle"]
-}
-
-export type 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,13 +1211,42 @@ export type DapDSAvatarProps = {
   sizeMap?: DapDSAvatar["sizeMap"]
 }
 
-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 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?: DapDSAccordionGroup["tagName"]
+  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 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 DapDSBannerProps = {
@@ -1267,25 +1279,13 @@ export type DapDSBreadcrumbProps = {
   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"]
+export type DapDSAccordionGroupProps = {
+  /** Whether to close other accordions when one is opened. */
+  autoClose?: DapDSAccordionGroup["autoClose"]
+  /** The variant of the accordion */
+  variant?: DapDSAccordionGroup["variant"]
   /**  */
-  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"]
+  tagName?: DapDSAccordionGroup["tagName"]
 }
 
 export type DapDSBreadcrumbItemProps = {
@@ -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"]
@@ -2282,6 +2282,8 @@ export type DapDSFileInputProps = {
   showThumbnail?: DapDSFileInput["showThumbnail"]
   /** Aria label for the dropzone. */
   dropzoneAriaLabel?: DapDSFileInput["dropzoneAriaLabel"]
+  /** Accessible name of the file upload region landmark. Defaults to the localized "File upload area" text. */
+  regionAriaLabel?: DapDSFileInput["regionAriaLabel"]
   /** Whether the dropzone is in the tab order and exposes button keyboard behavior (default: true). */
   dropzoneFocusable?: DapDSFileInput["dropzoneFocusable"]
   /** Size of the thumbnail preview in the built-in file list */
@@ -2405,14 +2407,41 @@ export type DapDSImageZoomProps = {
   dependencies?: DapDSImageZoom["dependencies"]
 }
 
-export type DapDSInputProps = {
+export type DapDSLabelProps = {
   /**  */
-  tagName?: DapDSInput["tagName"]
-  /** 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. */
+  tagName?: DapDSLabel["tagName"]
+  /** 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 DapDSInputProps = {
+  /**  */
+  tagName?: DapDSInput["tagName"]
+  /** 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"]
@@ -2474,33 +2503,6 @@ export type DapDSInputProps = {
   pattern?: DapDSInput["pattern"]
 }
 
-export type DapDSLabelProps = {
-  /**  */
-  tagName?: DapDSLabel["tagName"]
-  /** 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"]
@@ -2628,6 +2630,110 @@ export type DapDSModalProps = {
   useNativeFocus?: DapDSModal["useNativeFocus"]
 }
 
+export type DapDSNumberInputProps = {
+  /** The thousand separator of the input. */
+  thousandSeparator?: DapDSNumberInput["thousandSeparator"]
+  /** The decimal separator of the input. */
+  decimalSeparator?: DapDSNumberInput["decimalSeparator"]
+  /** The decimal scale of the input. */
+  decimalScale?: DapDSNumberInput["decimalScale"]
+  /** The allow negative state of the input. */
+  allowNegative?: DapDSNumberInput["allowNegative"]
+  /** The allow decimal state of the input. */
+  allowDecimal?: DapDSNumberInput["allowDecimal"]
+  /** Hides the increment and decrement buttons. */
+  hideControls?: DapDSNumberInput["hideControls"]
+  /** The number of leading zeros to add to the input. */
+  padStart?: DapDSNumberInput["padStart"]
+  /** `data-testid` for the decrement stepper button. */
+  decrementButtonTestId?: DapDSNumberInput["decrementButtonTestId"]
+  /** `data-testid` for the increment stepper button. */
+  incrementButtonTestId?: DapDSNumberInput["incrementButtonTestId"]
+  /**  */
+  tagName?: DapDSNumberInput["tagName"]
+  /**  */
+  dependencies?: DapDSNumberInput["dependencies"]
+  /**  */
+  _thousandSeparator?: DapDSNumberInput["_thousandSeparator"]
+  /**  */
+  manualValueSet?: DapDSNumberInput["manualValueSet"]
+  /**  */
+  type?: DapDSNumberInput["type"]
+  /** The label of the input. */
+  label?: DapDSNumberInput["label"]
+  /** Visually hides the label while keeping it available to assistive technology. (default: false) */
+  hideLabel?: DapDSNumberInput["hideLabel"]
+  /** The placeholder of the input. */
+  placeholder?: DapDSNumberInput["placeholder"]
+  /** The description of the input. */
+  description?: DapDSNumberInput["description"]
+  /** The tooltip of the input. */
+  tooltip?: DapDSNumberInput["tooltip"]
+  /** The tooltip placement of the input. */
+  tooltipPlacement?: DapDSNumberInput["tooltipPlacement"]
+  /** The status of the input. Can be `success` or `error`. */
+  status?: DapDSNumberInput["status"]
+  /** The size of the input. Default is `sm`. Can be `sm` or `lg`. */
+  size?: DapDSNumberInput["size"]
+  /** The name of the input. */
+  name?: DapDSNumberInput["name"]
+  /** The value of the input. */
+  value?: DapDSNumberInput["value"]
+  /** The disabled state of the input. Default is false. */
+  disabled?: DapDSNumberInput["disabled"]
+  /** The required state of the input. Default is false. */
+  required?: DapDSNumberInput["required"]
+  /** The readonly state of the input. Default is false. */
+  readonly?: DapDSNumberInput["readonly"]
+  /** The autofocus state of the input. Default is false. */
+  autofocus?: DapDSNumberInput["autofocus"]
+  /** The minimum value of the number input. */
+  min?: DapDSNumberInput["min"]
+  /** The maximum value of the number input. */
+  max?: DapDSNumberInput["max"]
+  /** The step value of the number input. */
+  step?: DapDSNumberInput["step"]
+  /** The feedback of the input. */
+  feedback?: DapDSNumberInput["feedback"]
+  /** The feedback type of the input. Can be `negative`, `positive`, or `warning`. */
+  feedbackType?: DapDSNumberInput["feedbackType"]
+  /** The loading state of the input. Default is false. */
+  loading?: DapDSNumberInput["loading"]
+  /** The optional state of the input. */
+  optional?: DapDSNumberInput["optional"]
+  /** The optional label of the input. */
+  optionalLabel?: DapDSNumberInput["optionalLabel"]
+  /** The required indicator of the input. (default: '*') */
+  requiredLabel?: DapDSNumberInput["requiredLabel"]
+  /** The weight of the label. Default is `false` */
+  subtle?: DapDSNumberInput["subtle"]
+  /** Disables the enter key from being used to submit the form. */
+  disableEnter?: DapDSNumberInput["disableEnter"]
+}
+
+export type DapDSNotificationBadgeProps = {
+  /** The content of the badge, it can be a number or a string. Content tried to be parsed as a number, if it's not a number, it will be displayed as a string. */
+  badgeContent?: DapDSNotificationBadge["badgeContent"]
+  /** This switch decides the visibility of the badge. This property overrides the badge content visibility. Use it for explicit control. */
+  visible?: DapDSNotificationBadge["visible"]
+  /** This switch decides whether to show a zero value or not. */
+  showZero?: DapDSNotificationBadge["showZero"]
+  /** The color scheme of the badge */
+  type?: DapDSNotificationBadge["type"]
+  /** The variant of the badge. */
+  variant?: DapDSNotificationBadge["variant"]
+  /** The cap value of badge content, if the badge content is greater than the max value, it will be displayed as `[number]+`. Zero means no cap. */
+  max?: DapDSNotificationBadge["max"]
+  /** The position of the badge content around the slot content. */
+  placement?: DapDSNotificationBadge["placement"]
+  /** Whether to automatically detect circular elements and adjust positioning accordingly */
+  "circular-auto"?: DapDSNotificationBadge["circularAuto"]
+  /** Override circular positioning detection - forces circular positioning calculation */
+  "force-circular"?: DapDSNotificationBadge["forceCircular"]
+  /**  */
+  tagName?: DapDSNotificationBadge["tagName"]
+}
+
 export type DapDSNavigationMenuItemProps = {
   /** The disabled state of the popup. Default is false. */
   disabled?: DapDSNavigationMenuItem["disabled"]
@@ -2717,110 +2823,6 @@ export type DapDSNavigationMenuProps = {
   tagName?: DapDSNavigationMenu["tagName"]
 }
 
-export type DapDSNotificationBadgeProps = {
-  /** The content of the badge, it can be a number or a string. Content tried to be parsed as a number, if it's not a number, it will be displayed as a string. */
-  badgeContent?: DapDSNotificationBadge["badgeContent"]
-  /** This switch decides the visibility of the badge. This property overrides the badge content visibility. Use it for explicit control. */
-  visible?: DapDSNotificationBadge["visible"]
-  /** This switch decides whether to show a zero value or not. */
-  showZero?: DapDSNotificationBadge["showZero"]
-  /** The color scheme of the badge */
-  type?: DapDSNotificationBadge["type"]
-  /** The variant of the badge. */
-  variant?: DapDSNotificationBadge["variant"]
-  /** The cap value of badge content, if the badge content is greater than the max value, it will be displayed as `[number]+`. Zero means no cap. */
-  max?: DapDSNotificationBadge["max"]
-  /** The position of the badge content around the slot content. */
-  placement?: DapDSNotificationBadge["placement"]
-  /** Whether to automatically detect circular elements and adjust positioning accordingly */
-  "circular-auto"?: DapDSNotificationBadge["circularAuto"]
-  /** Override circular positioning detection - forces circular positioning calculation */
-  "force-circular"?: DapDSNotificationBadge["forceCircular"]
-  /**  */
-  tagName?: DapDSNotificationBadge["tagName"]
-}
-
-export type DapDSNumberInputProps = {
-  /** The thousand separator of the input. */
-  thousandSeparator?: DapDSNumberInput["thousandSeparator"]
-  /** The decimal separator of the input. */
-  decimalSeparator?: DapDSNumberInput["decimalSeparator"]
-  /** The decimal scale of the input. */
-  decimalScale?: DapDSNumberInput["decimalScale"]
-  /** The allow negative state of the input. */
-  allowNegative?: DapDSNumberInput["allowNegative"]
-  /** The allow decimal state of the input. */
-  allowDecimal?: DapDSNumberInput["allowDecimal"]
-  /** Hides the increment and decrement buttons. */
-  hideControls?: DapDSNumberInput["hideControls"]
-  /** The number of leading zeros to add to the input. */
-  padStart?: DapDSNumberInput["padStart"]
-  /** `data-testid` for the decrement stepper button. */
-  decrementButtonTestId?: DapDSNumberInput["decrementButtonTestId"]
-  /** `data-testid` for the increment stepper button. */
-  incrementButtonTestId?: DapDSNumberInput["incrementButtonTestId"]
-  /**  */
-  tagName?: DapDSNumberInput["tagName"]
-  /**  */
-  dependencies?: DapDSNumberInput["dependencies"]
-  /**  */
-  _thousandSeparator?: DapDSNumberInput["_thousandSeparator"]
-  /**  */
-  manualValueSet?: DapDSNumberInput["manualValueSet"]
-  /**  */
-  type?: DapDSNumberInput["type"]
-  /** The label of the input. */
-  label?: DapDSNumberInput["label"]
-  /** Visually hides the label while keeping it available to assistive technology. (default: false) */
-  hideLabel?: DapDSNumberInput["hideLabel"]
-  /** The placeholder of the input. */
-  placeholder?: DapDSNumberInput["placeholder"]
-  /** The description of the input. */
-  description?: DapDSNumberInput["description"]
-  /** The tooltip of the input. */
-  tooltip?: DapDSNumberInput["tooltip"]
-  /** The tooltip placement of the input. */
-  tooltipPlacement?: DapDSNumberInput["tooltipPlacement"]
-  /** The status of the input. Can be `success` or `error`. */
-  status?: DapDSNumberInput["status"]
-  /** The size of the input. Default is `sm`. Can be `sm` or `lg`. */
-  size?: DapDSNumberInput["size"]
-  /** The name of the input. */
-  name?: DapDSNumberInput["name"]
-  /** The value of the input. */
-  value?: DapDSNumberInput["value"]
-  /** The disabled state of the input. Default is false. */
-  disabled?: DapDSNumberInput["disabled"]
-  /** The required state of the input. Default is false. */
-  required?: DapDSNumberInput["required"]
-  /** The readonly state of the input. Default is false. */
-  readonly?: DapDSNumberInput["readonly"]
-  /** The autofocus state of the input. Default is false. */
-  autofocus?: DapDSNumberInput["autofocus"]
-  /** The minimum value of the number input. */
-  min?: DapDSNumberInput["min"]
-  /** The maximum value of the number input. */
-  max?: DapDSNumberInput["max"]
-  /** The step value of the number input. */
-  step?: DapDSNumberInput["step"]
-  /** The feedback of the input. */
-  feedback?: DapDSNumberInput["feedback"]
-  /** The feedback type of the input. Can be `negative`, `positive`, or `warning`. */
-  feedbackType?: DapDSNumberInput["feedbackType"]
-  /** The loading state of the input. Default is false. */
-  loading?: DapDSNumberInput["loading"]
-  /** The optional state of the input. */
-  optional?: DapDSNumberInput["optional"]
-  /** The optional label of the input. */
-  optionalLabel?: DapDSNumberInput["optionalLabel"]
-  /** The required indicator of the input. (default: '*') */
-  requiredLabel?: DapDSNumberInput["requiredLabel"]
-  /** The weight of the label. Default is `false` */
-  subtle?: DapDSNumberInput["subtle"]
-  /** Disables the enter key from being used to submit the form. */
-  disableEnter?: DapDSNumberInput["disableEnter"]
-}
-
 export type DapDSOfficialWebsiteBannerProps = {
   /**  */
   tagName?: DapDSOfficialWebsiteBanner["tagName"]
@@ -3053,6 +3055,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 +3143,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"]
@@ -3571,46 +3573,6 @@ export type DapDSTabProps = {
   tagName?: DapDSTab["tagName"]
 }
 
-export type DapDSTableCellProps = {
-  /** If the cell is the last one. */
-  last?: DapDSTableCell["last"]
-  /** The html role of the cell */
-  role?: DapDSTableCell["role"]
-  /**  */
-  tagName?: DapDSTableCell["tagName"]
-}
-
-export type DapDSTableHeaderProps = {
-  /** If the header cell is the last one. */
-  last?: DapDSTableHeader["last"]
-  /** The html role of the header cell. Derived from `scope` unless set explicitly. */
-  role?: DapDSTableHeader["role"]
-  /** Which cells the header labels, like the native `<th scope>`: `col` (cells below) or `row` (cells beside). */
-  scope?: DapDSTableHeader["scope"]
-  /**  */
-  tagName?: DapDSTableHeader["tagName"]
-}
-
-export type DapDSTableRowProps = {
-  /** The html role of the row */
-  role?: DapDSTableRow["role"]
-  /** If the row is mobile design */
-  mobile?: DapDSTableRow["mobile"]
-  /**  */
-  tagName?: DapDSTableRow["tagName"]
-}
-
-export type DapDSTableProps = {
-  /** The html role of the table. Defaults to `table`; use `grid` only for an interactive table. */
-  role?: DapDSTable["role"]
-  /** If the table has mobile design */
-  mobile?: DapDSTable["mobile"]
-  /** The caption of the table */
-  caption?: DapDSTable["caption"]
-  /**  */
-  tagName?: DapDSTable["tagName"]
-}
-
 export type DapDSTextareaProps = {
   /** Hide character counter. */
   hideCounter?: DapDSTextarea["hideCounter"]
@@ -3672,6 +3634,46 @@ export type DapDSTextareaProps = {
   autofocus?: DapDSTextarea["autofocus"]
 }
 
+export type DapDSTableCellProps = {
+  /** If the cell is the last one. */
+  last?: DapDSTableCell["last"]
+  /** The html role of the cell */
+  role?: DapDSTableCell["role"]
+  /**  */
+  tagName?: DapDSTableCell["tagName"]
+}
+
+export type DapDSTableHeaderProps = {
+  /** If the header cell is the last one. */
+  last?: DapDSTableHeader["last"]
+  /** The html role of the header cell. Derived from `scope` unless set explicitly. */
+  role?: DapDSTableHeader["role"]
+  /** Which cells the header labels, like the native `<th scope>`: `col` (cells below) or `row` (cells beside). */
+  scope?: DapDSTableHeader["scope"]
+  /**  */
+  tagName?: DapDSTableHeader["tagName"]
+}
+
+export type DapDSTableRowProps = {
+  /** The html role of the row */
+  role?: DapDSTableRow["role"]
+  /** If the row is mobile design */
+  mobile?: DapDSTableRow["mobile"]
+  /**  */
+  tagName?: DapDSTableRow["tagName"]
+}
+
+export type DapDSTableProps = {
+  /** The html role of the table. Defaults to `table`; use `grid` only for an interactive table. */
+  role?: DapDSTable["role"]
+  /** If the table has mobile design */
+  mobile?: DapDSTable["mobile"]
+  /** The caption of the table */
+  caption?: DapDSTable["caption"]
+  /**  */
+  tagName?: DapDSTable["tagName"]
+}
+
 export type DapDSTimelineItemProps = {
   /**  */
   tagName?: DapDSTimelineItem["tagName"]
@@ -4291,6 +4293,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 +4345,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"]
@@ -4629,30 +4631,30 @@ export type SystemCheckLine2Props = {
   tagName?: SystemCheckLine2["tagName"]
 }
 
-export type SystemCheckboxBlankCircleFillProps = {
+export type SystemCheckboxBlankCircleFillCheckProps = {
   /** (optional) The width and height in pixels */
-  size?: SystemCheckboxBlankCircleFill["size"]
+  size?: SystemCheckboxBlankCircleFillCheck["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemCheckboxBlankCircleFill["selected"]
+  selected?: SystemCheckboxBlankCircleFillCheck["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemCheckboxBlankCircleFill["accessibilityTitle"]
+  accessibilityTitle?: SystemCheckboxBlankCircleFillCheck["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemCheckboxBlankCircleFill["focusable"]
+  focusable?: SystemCheckboxBlankCircleFillCheck["focusable"]
   /**  */
-  tagName?: SystemCheckboxBlankCircleFill["tagName"]
+  tagName?: SystemCheckboxBlankCircleFillCheck["tagName"]
 }
 
-export type SystemCheckboxBlankCircleFillCheckProps = {
+export type SystemCheckboxBlankCircleFillProps = {
   /** (optional) The width and height in pixels */
-  size?: SystemCheckboxBlankCircleFillCheck["size"]
+  size?: SystemCheckboxBlankCircleFill["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemCheckboxBlankCircleFillCheck["selected"]
+  selected?: SystemCheckboxBlankCircleFill["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemCheckboxBlankCircleFillCheck["accessibilityTitle"]
+  accessibilityTitle?: SystemCheckboxBlankCircleFill["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemCheckboxBlankCircleFillCheck["focusable"]
+  focusable?: SystemCheckboxBlankCircleFill["focusable"]
   /**  */
-  tagName?: SystemCheckboxBlankCircleFillCheck["tagName"]
+  tagName?: SystemCheckboxBlankCircleFill["tagName"]
 }
 
 export type SystemCheckboxBlankCircleLineProps = {
@@ -4668,30 +4670,30 @@ export type SystemCheckboxBlankCircleLineProps = {
   tagName?: SystemCheckboxBlankCircleLine["tagName"]
 }
 
-export type SystemCheckboxCircleFillProps = {
+export type SystemCheckboxCircleLineProps = {
   /** (optional) The width and height in pixels */
-  size?: SystemCheckboxCircleFill["size"]
+  size?: SystemCheckboxCircleLine["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemCheckboxCircleFill["selected"]
+  selected?: SystemCheckboxCircleLine["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemCheckboxCircleFill["accessibilityTitle"]
+  accessibilityTitle?: SystemCheckboxCircleLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemCheckboxCircleFill["focusable"]
+  focusable?: SystemCheckboxCircleLine["focusable"]
   /**  */
-  tagName?: SystemCheckboxCircleFill["tagName"]
+  tagName?: SystemCheckboxCircleLine["tagName"]
 }
 
-export type SystemCheckboxCircleLineProps = {
+export type SystemCheckboxCircleFillProps = {
   /** (optional) The width and height in pixels */
-  size?: SystemCheckboxCircleLine["size"]
+  size?: SystemCheckboxCircleFill["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemCheckboxCircleLine["selected"]
+  selected?: SystemCheckboxCircleFill["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemCheckboxCircleLine["accessibilityTitle"]
+  accessibilityTitle?: SystemCheckboxCircleFill["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemCheckboxCircleLine["focusable"]
+  focusable?: SystemCheckboxCircleFill["focusable"]
   /**  */
-  tagName?: SystemCheckboxCircleLine["tagName"]
+  tagName?: SystemCheckboxCircleFill["tagName"]
 }
 
 export type SystemCloseCircleFillProps = {
@@ -4928,30 +4930,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 = {
@@ -5191,6 +5193,17 @@ export type SystemZoomOutLineProps = {
 // Augment Vue's GlobalComponents interface
 declare module 'vue' {
   interface GlobalComponents {
+    /**
+     * 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.
+     * - **link-text** - Alias of the text part.
+     */
+         'dap-ds-anchor-heading': DefineCustomElement<DapDSAnchorHeading, DapDSAnchorHeadingProps, {}>
     /**
      * An accordion is a vertically stacked list of interactive items that can be expanded or collapsed to reveal or hide content.
      *
@@ -5218,31 +5231,6 @@ declare module 'vue' {
      * - **heading-text** - The text of the heading.
      */
          'dap-ds-accordion': DefineCustomElement<DapDSAccordion, DapDSAccordionProps, DapDSAccordionEvents>
-    /**
-     * Anchor heading is a heading with an anchor link.
-     *
-     * ### CSS Parts:
-     * - **base** - The main anchor heading container.
-     * - **link** - The link of the anchor heading. dap-ds-link element.
-     * - **link-base** - The base of the link part.
-     * - **text** - The text of the anchor heading.
-     * - **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.
      *
@@ -5264,15 +5252,34 @@ declare module 'vue' {
      */
          'dap-ds-avatar': DefineCustomElement<DapDSAvatar, DapDSAvatarProps, DapDSAvatarEvents>
     /**
-     * An accordion group is a collection of accordion components.
+     * 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 content of the accordion group.
+     * - **default** - The avatars to display in the group.
      *
      * ### CSS Parts:
-     * - **base** - The main accordion group container.
+     * - **base** - The main container of the avatar group.
+     * - **avatars** - The container for the visible avatars.
+     * - **overflow** - The overflow indicator element.
      */
-         'dap-ds-accordion-group': DefineCustomElement<DapDSAccordionGroup, DapDSAccordionGroupProps, {}>
+         'dap-ds-avatar-group': DefineCustomElement<DapDSAvatarGroup, DapDSAvatarGroupProps, DapDSAvatarGroupEvents>
+    /**
+     * A badge is a small status descriptor for UI elements.
+     *
+     * ### Slots:
+     * - **default** - The content of the badge.
+     * - **icon** - The icon of the badge.
+     *
+     * ### CSS Parts:
+     * - **base** - The main container of the badge.
+     * - **icon** - The icon of the badge.
+     * - **content** - The content of the badge.
+     * - **icon-base** - The base of the icon.
+     */
+         'dap-ds-badge': DefineCustomElement<DapDSBadge, DapDSBadgeProps, {}>
     /**
      * A banner is a message displayed at the top of the page to provide important information to the user.
      *
@@ -5310,20 +5317,15 @@ declare module 'vue' {
      */
          'dap-ds-breadcrumb': DefineCustomElement<DapDSBreadcrumb, DapDSBreadcrumbProps, {}>
     /**
-     * Avatar group component displays multiple avatars in an organized layout with overflow management.
-     *
-     * ### Events:
-     * - **dds-overflow-click** - Fired when the overflow indicator is clicked.
+     * An accordion group is a collection of accordion components.
      *
      * ### Slots:
-     * - **default** - The avatars to display in the group.
+     * - **default** - The content of the accordion group.
      *
      * ### 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 accordion group container.
      */
-         'dap-ds-avatar-group': DefineCustomElement<DapDSAvatarGroup, DapDSAvatarGroupProps, DapDSAvatarGroupEvents>
+         'dap-ds-accordion-group': DefineCustomElement<DapDSAccordionGroup, DapDSAccordionGroupProps, {}>
     /**
      * A breadcrumb item is a secondary navigation scheme that reveals the user's location in a website or Web application.
      *
@@ -5354,6 +5356,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 +5413,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, {}>
     /**
      * 
      *
@@ -5942,7 +5944,20 @@ 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>
+    /**
+     * 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 input is a field used to collect user input.
      *
@@ -5973,19 +5988,6 @@ declare module 'vue' {
      * - **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.
      *
@@ -6056,6 +6058,56 @@ declare module 'vue' {
      * - **closebutton** - The close button of the modal.
      */
          'dap-ds-modal': DefineCustomElement<DapDSModal, DapDSModalProps, DapDSModalEvents>
+    /**
+     * A number input component.
+     *
+     * ### 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:
+     * - **feedback-icon** - The custom icon of the feedback.
+     *
+     * ### CSS Parts:
+     * - **base** - The main number 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.
+     * - **decrement-button** - The decrement button of the input.
+     * - **increment-button** - The increment button of the input.
+     * - **decrement-button-base** - The base of the decrement button.
+     * - **increment-button-base** - The base of the increment button.
+     * - **decrement-button-content** - The content of the decrement button.
+     * - **increment-button-content** - The content of the increment button.
+     * - **decrement-icon** - The icon of the decrement button.
+     * - **decrement-icon-base** - The base of the decrement icon.
+     * - **increment-icon** - The icon of the increment button.
+     * - **increment-icon-base** - The base of the increment icon.
+     * - **label-base** - The base of the label.
+     * - **label-required** - The required indicator of the label.
+     * - **label-optional** - The optional indicator of the label.
+     */
+         'dap-ds-number-input': DefineCustomElement<DapDSNumberInput, DapDSNumberInputProps, DapDSNumberInputEvents>
+    /**
+     * A notification badge component is a user interface element that visually indicates the presence of new information or updates, often displaying a numeric count of unread notifications, messages, or items requiring attention.
+     *
+     * ### Slots:
+     * - **default** - The content of the notification badge.
+     *
+     * ### CSS Parts:
+     * - **base** - The main container of the notification badge.
+     * - **noty** - The notification badge container.
+     */
+         'dap-ds-notification-badge': DefineCustomElement<DapDSNotificationBadge, DapDSNotificationBadgeProps, {}>
     /**
      * A navigation menu item that can contain either a simple link or dropdown content.
 Supports nested items with cascading flyout behavior. Part of the navigation menu system.
@@ -6104,56 +6156,6 @@ Uses semantic HTML (`<nav>`) and proper navigation ARIA attributes.
      * - **base** - The main navigation menu container (nav element).
      */
          'dap-ds-navigation-menu': DefineCustomElement<DapDSNavigationMenu, DapDSNavigationMenuProps, DapDSNavigationMenuEvents>
-    /**
-     * A notification badge component is a user interface element that visually indicates the presence of new information or updates, often displaying a numeric count of unread notifications, messages, or items requiring attention.
-     *
-     * ### Slots:
-     * - **default** - The content of the notification badge.
-     *
-     * ### CSS Parts:
-     * - **base** - The main container of the notification badge.
-     * - **noty** - The notification badge container.
-     */
-         'dap-ds-notification-badge': DefineCustomElement<DapDSNotificationBadge, DapDSNotificationBadgeProps, {}>
-    /**
-     * A number input component.
-     *
-     * ### 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:
-     * - **feedback-icon** - The custom icon of the feedback.
-     *
-     * ### CSS Parts:
-     * - **base** - The main number 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.
-     * - **decrement-button** - The decrement button of the input.
-     * - **increment-button** - The increment button of the input.
-     * - **decrement-button-base** - The base of the decrement button.
-     * - **increment-button-base** - The base of the increment button.
-     * - **decrement-button-content** - The content of the decrement button.
-     * - **increment-button-content** - The content of the increment button.
-     * - **decrement-icon** - The icon of the decrement button.
-     * - **decrement-icon-base** - The base of the decrement icon.
-     * - **increment-icon** - The icon of the increment button.
-     * - **increment-icon-base** - The base of the increment icon.
-     * - **label-base** - The base of the label.
-     * - **label-required** - The required indicator of the label.
-     * - **label-optional** - The optional indicator of the label.
-     */
-         'dap-ds-number-input': DefineCustomElement<DapDSNumberInput, DapDSNumberInputProps, DapDSNumberInputEvents>
     /**
      * An official website banner is a banner that displays that the website is an official website.
      *
@@ -6328,6 +6330,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 +6370,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.
      *
@@ -6645,6 +6647,34 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * - **base** - The main tab content container.
      */
          'dap-ds-tab': DefineCustomElement<DapDSTab, DapDSTabProps, {}>
+    /**
+     * A textarea is a multi-line text input field.
+     *
+     * ### Events:
+     * - **dds-count-change** - Fires when the count of the textarea changes.
+     * - **dds-change** - Fired when the textarea value changes.
+     * - **dds-input** - Fired when the textarea value changes.
+     * - **dds-keydown** - Fired when a key is pressed down.
+     * - **dds-blur** - Fired when the textarea loses focus.
+     * - **dds-focus** - Emitted when the textarea gains focus.
+     * - **dds-select** - Emitted when select text in textarea.
+     *
+     * ### Slots:
+     * - **feedback-icon** - The custom icon of the feedback.
+     *
+     * ### CSS Parts:
+     * - **base** - The main textarea container.
+     * - **input** - The native input of the textarea.
+     * - **counter** - The counter of the textarea.
+     * - **counter-base** - The base of the counter.
+     * - **feedback** - The feedback of the textarea.
+     * - **feedback-base** - The base of the feedback.
+     * - **feedback-text** - The text of the feedback.
+     * - **feedback-icon** - The icon of the feedback.
+     * - **footer** - The footer of the textarea holding the feedback and counter.
+     * - **counter-container** - The container of the counter.
+     */
+         'dap-ds-textarea': DefineCustomElement<DapDSTextarea, DapDSTextareaProps, DapDSTextareaEvents>
     /**
      * 
      *
@@ -6679,34 +6709,6 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * - **caption** - The caption of the table.
      */
          'dap-ds-table': DefineCustomElement<DapDSTable, DapDSTableProps, {}>
-    /**
-     * A textarea is a multi-line text input field.
-     *
-     * ### Events:
-     * - **dds-count-change** - Fires when the count of the textarea changes.
-     * - **dds-change** - Fired when the textarea value changes.
-     * - **dds-input** - Fired when the textarea value changes.
-     * - **dds-keydown** - Fired when a key is pressed down.
-     * - **dds-blur** - Fired when the textarea loses focus.
-     * - **dds-focus** - Emitted when the textarea gains focus.
-     * - **dds-select** - Emitted when select text in textarea.
-     *
-     * ### Slots:
-     * - **feedback-icon** - The custom icon of the feedback.
-     *
-     * ### CSS Parts:
-     * - **base** - The main textarea container.
-     * - **input** - The native input of the textarea.
-     * - **counter** - The counter of the textarea.
-     * - **counter-base** - The base of the counter.
-     * - **feedback** - The feedback of the textarea.
-     * - **feedback-base** - The base of the feedback.
-     * - **feedback-text** - The text of the feedback.
-     * - **feedback-icon** - The icon of the feedback.
-     * - **footer** - The footer of the textarea holding the feedback and counter.
-     * - **counter-container** - The container of the counter.
-     */
-         'dap-ds-textarea': DefineCustomElement<DapDSTextarea, DapDSTextareaProps, DapDSTextareaEvents>
     /**
      * A timeline is a graphical representation of a series of events.
      *
@@ -7047,28 +7049,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
      *
@@ -7229,14 +7231,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-checkbox-blank-circle-fill': DefineCustomElement<SystemCheckboxBlankCircleFill, SystemCheckboxBlankCircleFillProps, {}>
+         'dap-ds-icon-checkbox-blank-circle-fill-check': DefineCustomElement<SystemCheckboxBlankCircleFillCheck, SystemCheckboxBlankCircleFillCheckProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-checkbox-blank-circle-fill-check': DefineCustomElement<SystemCheckboxBlankCircleFillCheck, SystemCheckboxBlankCircleFillCheckProps, {}>
+         'dap-ds-icon-checkbox-blank-circle-fill': DefineCustomElement<SystemCheckboxBlankCircleFill, SystemCheckboxBlankCircleFillProps, {}>
     /**
      * An icon
      *
@@ -7250,14 +7252,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-checkbox-circle-fill': DefineCustomElement<SystemCheckboxCircleFill, SystemCheckboxCircleFillProps, {}>
+         'dap-ds-icon-checkbox-circle-line': DefineCustomElement<SystemCheckboxCircleLine, SystemCheckboxCircleLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-checkbox-circle-line': DefineCustomElement<SystemCheckboxCircleLine, SystemCheckboxCircleLineProps, {}>
+         'dap-ds-icon-checkbox-circle-fill': DefineCustomElement<SystemCheckboxCircleFill, SystemCheckboxCircleFillProps, {}>
     /**
      * An icon
      *
@@ -7390,14 +7392,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
      *
@@ -7531,21 +7533,21 @@ 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-anchor-heading': DapDSAnchorHeadingProps
-      'dap-ds-badge': DapDSBadgeProps & DapDSBadgeSlots
+      'dap-ds-accordion': DapDSAccordionProps & DapDSAccordionEvents & DapDSAccordionSlots
       'dap-ds-avatar': DapDSAvatarProps & DapDSAvatarEvents & DapDSAvatarSlots
-      'dap-ds-accordion-group': DapDSAccordionGroupProps & DapDSAccordionGroupSlots
+      'dap-ds-avatar-group': DapDSAvatarGroupProps & DapDSAvatarGroupEvents & DapDSAvatarGroupSlots
+      'dap-ds-badge': DapDSBadgeProps & DapDSBadgeSlots
       'dap-ds-banner': DapDSBannerProps & DapDSBannerEvents & DapDSBannerSlots
       'dap-ds-breadcrumb': DapDSBreadcrumbProps & DapDSBreadcrumbSlots
-      'dap-ds-avatar-group': DapDSAvatarGroupProps & DapDSAvatarGroupEvents & DapDSAvatarGroupSlots
+      'dap-ds-accordion-group': DapDSAccordionGroupProps & DapDSAccordionGroupSlots
       '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
@@ -7575,15 +7577,15 @@ declare global {
       'dap-ds-icon': DapDSIconProps & DapDSIconSlots
       'dap-ds-icon-button': DapDSIconButtonProps & DapDSIconButtonSlots
       'dap-ds-image-zoom': DapDSImageZoomProps & DapDSImageZoomEvents & DapDSImageZoomSlots
-      'dap-ds-input': DapDSInputProps & DapDSInputEvents & DapDSInputSlots
       'dap-ds-label': DapDSLabelProps
+      'dap-ds-input': DapDSInputProps & DapDSInputEvents & DapDSInputSlots
       'dap-ds-link': DapDSLinkProps & DapDSLinkEvents & DapDSLinkSlots
       'dap-ds-list-item': DapDSListItemProps & DapDSListItemSlots
       'dap-ds-modal': DapDSModalProps & DapDSModalEvents & DapDSModalSlots
+      'dap-ds-number-input': DapDSNumberInputProps & DapDSNumberInputEvents & DapDSNumberInputSlots
+      'dap-ds-notification-badge': DapDSNotificationBadgeProps & DapDSNotificationBadgeSlots
       'dap-ds-navigation-menu-item': DapDSNavigationMenuItemProps & DapDSNavigationMenuItemEvents & DapDSNavigationMenuItemSlots
       'dap-ds-navigation-menu': DapDSNavigationMenuProps & DapDSNavigationMenuEvents & DapDSNavigationMenuSlots
-      'dap-ds-notification-badge': DapDSNotificationBadgeProps & DapDSNotificationBadgeSlots
-      'dap-ds-number-input': DapDSNumberInputProps & DapDSNumberInputEvents & DapDSNumberInputSlots
       'dap-ds-official-website-banner': DapDSOfficialWebsiteBannerProps & DapDSOfficialWebsiteBannerEvents & DapDSOfficialWebsiteBannerSlots
       'dap-ds-option-group': DapDSOptionGroupProps & DapDSOptionGroupSlots
       'dap-ds-option-item': DapDSOptionItemProps & DapDSOptionItemSlots
@@ -7592,8 +7594,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
@@ -7611,11 +7613,11 @@ declare global {
       'dap-ds-switch': DapDSSwitchProps & DapDSSwitchEvents
       'dap-ds-tab-group': DapDSTabGroupProps & DapDSTabGroupEvents & DapDSTabGroupSlots
       'dap-ds-tab': DapDSTabProps & DapDSTabSlots
+      'dap-ds-textarea': DapDSTextareaProps & DapDSTextareaEvents & DapDSTextareaSlots
       'dap-ds-table-cell': DapDSTableCellProps & DapDSTableCellSlots
       'dap-ds-table-header': DapDSTableHeaderProps & DapDSTableHeaderSlots
       'dap-ds-table-row': DapDSTableRowProps & DapDSTableRowSlots
       'dap-ds-table': DapDSTableProps & DapDSTableSlots
-      'dap-ds-textarea': DapDSTextareaProps & DapDSTextareaEvents & DapDSTextareaSlots
       'dap-ds-timeline-item': DapDSTimelineItemProps & DapDSTimelineItemSlots
       'dap-ds-timeline': DapDSTimelineProps & DapDSTimelineSlots
       'dap-ds-time-grid': DapDSTimeGridProps & DapDSTimeGridEvents
@@ -7647,10 +7649,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
@@ -7673,11 +7675,11 @@ declare global {
       'dap-ds-icon-alert-line': SystemAlertLineProps
       'dap-ds-icon-check-line': SystemCheckLineProps
       'dap-ds-icon-check-line2': SystemCheckLine2Props
-      'dap-ds-icon-checkbox-blank-circle-fill': SystemCheckboxBlankCircleFillProps
       'dap-ds-icon-checkbox-blank-circle-fill-check': SystemCheckboxBlankCircleFillCheckProps
+      'dap-ds-icon-checkbox-blank-circle-fill': SystemCheckboxBlankCircleFillProps
       'dap-ds-icon-checkbox-blank-circle-line': SystemCheckboxBlankCircleLineProps
-      'dap-ds-icon-checkbox-circle-fill': SystemCheckboxCircleFillProps
       'dap-ds-icon-checkbox-circle-line': SystemCheckboxCircleLineProps
+      'dap-ds-icon-checkbox-circle-fill': SystemCheckboxCircleFillProps
       'dap-ds-icon-close-circle-fill': SystemCloseCircleFillProps
       'dap-ds-icon-close-circle-line': SystemCloseCircleLineProps
       'dap-ds-icon-close-fill': SystemCloseFillProps
@@ -7696,8 +7698,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