dap-design-system 0.45.1 → 0.45.2

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

@@ -567,6 +567,23 @@ export interface DapDSTabGroupEvents {
   onDdsTabSelect?: (event: CustomEvent) => void
 }
 
+export interface DapDSTextareaEvents {
+  /** Fires when the count of the textarea changes. */
+  onDdsCountChange?: (event: CustomEvent<{ value: number }>) => void
+  /** Fired when the textarea value changes. */
+  onDdsChange?: (event: CustomEvent<{ value: string }>) => void
+  /** Fired when the textarea value changes. */
+  onDdsInput?: (event: CustomEvent<{ value: string }>) => void
+  /** Fired when a key is pressed down. */
+  onDdsKeydown?: (event: CustomEvent<{ value: string, originalEvent: Event }>) => void
+  /** Fired when the textarea loses focus. */
+  onDdsBlur?: (event: CustomEvent) => void
+  /** Emitted when the textarea gains focus. */
+  onDdsFocus?: (event: CustomEvent) => void
+  /** Emitted when select text in textarea. */
+  onDdsSelect?: (event: CustomEvent<{ value: string }>) => void
+}
+
 export interface DapDSTimeGridEvents {
   /** Fired when time selection changes. */
   onDdsChange?: (event: CustomEvent<{ detail: TimeSelection }>) => void
@@ -591,23 +608,6 @@ export interface DapDSTimePickerEvents {
   onDdsBlur?: (event: CustomEvent) => void
 }
 
-export interface DapDSTextareaEvents {
-  /** Fires when the count of the textarea changes. */
-  onDdsCountChange?: (event: CustomEvent<{ value: number }>) => void
-  /** Fired when the textarea value changes. */
-  onDdsChange?: (event: CustomEvent<{ value: string }>) => void
-  /** Fired when the textarea value changes. */
-  onDdsInput?: (event: CustomEvent<{ value: string }>) => void
-  /** Fired when a key is pressed down. */
-  onDdsKeydown?: (event: CustomEvent<{ value: string, originalEvent: Event }>) => void
-  /** Fired when the textarea loses focus. */
-  onDdsBlur?: (event: CustomEvent) => void
-  /** Emitted when the textarea gains focus. */
-  onDdsFocus?: (event: CustomEvent) => void
-  /** Emitted when select text in textarea. */
-  onDdsSelect?: (event: CustomEvent<{ value: string }>) => void
-}
-
 export interface DapDSTOCEvents {
   /** Event that is triggered when the anchor changes. */
   onDdsAnchorChange?: (event: CustomEvent<{ selectedItem: HTMLAnchorElement, anchorElement: IntersectionObserverEntry | HTMLElement }>) => void
@@ -646,11 +646,6 @@ export interface DapDSAccordionSlots {
   'icon-closed'?: () => any
 }
 
-export interface DapDSAccordionGroupSlots {
-  /** The content of the accordion group. */
-  default?: () => any
-}
-
 export interface DapDSAvatarSlots {
   /** The icon to display when variant is 'icon'. */
   'icon'?: () => any
@@ -663,6 +658,11 @@ export interface DapDSAvatarGroupSlots {
   default?: () => any
 }
 
+export interface DapDSAccordionGroupSlots {
+  /** The content of the accordion group. */
+  default?: () => any
+}
+
 export interface DapDSBadgeSlots {
   /** The content of the badge. */
   default?: () => any
@@ -679,13 +679,6 @@ export interface DapDSBannerSlots {
   'icon'?: () => any
 }
 
-export interface DapDSBreadcrumbSlots {
-  /** The content of the breadcrumb. */
-  default?: () => any
-  /** The separator between breadcrumb items. Default is '/'. */
-  'separator'?: () => any
-}
-
 export interface DapDSBreadcrumbItemSlots {
   /** The content of the breadcrumb item. */
   default?: () => any
@@ -698,6 +691,13 @@ export interface DapDSButtonSlots {
   default?: () => any
 }
 
+export interface DapDSBreadcrumbSlots {
+  /** The content of the breadcrumb. */
+  default?: () => any
+  /** The separator between breadcrumb items. Default is '/'. */
+  'separator'?: () => any
+}
+
 export interface DapDSCalendarCellSlots {
   /** The content of the calendar cell. */
   default?: () => any
@@ -993,18 +993,6 @@ export interface DapDSStackSlots {
   default?: () => any
 }
 
-export interface DapDSTabGroupSlots {
-  /** The tab items. */
-  default?: () => any
-}
-
-export interface DapDSTabSlots {
-  /** The tab title template. */
-  default?: () => any
-  /** The tab content. */
-  'content'?: () => any
-}
-
 export interface DapDSTableCellSlots {
   /** The default slot. */
   default?: () => any
@@ -1025,14 +1013,16 @@ export interface DapDSTableSlots {
   default?: () => any
 }
 
-export interface DapDSTimelineItemSlots {
-  /** The default slot for the item content. */
+export interface DapDSTabGroupSlots {
+  /** The tab items. */
   default?: () => any
 }
 
-export interface DapDSTimelineSlots {
-  /** The default slot for the timeline items. */
+export interface DapDSTabSlots {
+  /** The tab title template. */
   default?: () => any
+  /** The tab content. */
+  'content'?: () => any
 }
 
 export interface DapDSTextareaSlots {
@@ -1040,6 +1030,16 @@ export interface DapDSTextareaSlots {
   'feedback-icon'?: () => any
 }
 
+export interface DapDSTimelineItemSlots {
+  /** The default slot for the item content. */
+  default?: () => any
+}
+
+export interface DapDSTimelineSlots {
+  /** The default slot for the timeline items. */
+  default?: () => any
+}
+
 export interface DapDSToggleButtonSlots {
   /** The content of the toggle button. */
   default?: () => any
@@ -1112,13 +1112,6 @@ export type DapDSAnchorHeadingProps = {
   anchorTitle?: DapDSAnchorHeading["anchorTitle"]
 }
 
-export type DapDSAccordionGroupProps = {
-  /** Whether to close other accordions when one is opened. */
-  autoClose?: DapDSAccordionGroup["autoClose"]
-  /** The variant of the accordion */
-  variant?: DapDSAccordionGroup["variant"]
-}
-
 export type DapDSAvatarProps = {
   /** The size of the avatar */
   size?: DapDSAvatar["size"]
@@ -1161,6 +1154,13 @@ export type DapDSAvatarGroupProps = {
   "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"]
+}
+
 export type DapDSBadgeProps = {
   /** The type of the badge */
   type?: DapDSBadge["type"]
@@ -1185,15 +1185,6 @@ export type DapDSBannerProps = {
   icon?: DapDSBanner["icon"]
 }
 
-export type DapDSBreadcrumbProps = {
-  /**  */
-  variant?: DapDSBreadcrumb["variant"]
-  /** Mobile version of the breadcrumb */
-  mobile?: DapDSBreadcrumb["mobile"]
-  /** The aria-labelledby of the breadcrumb */
-  "aria-labelledby"?: DapDSBreadcrumb["ariaLabelledBy"]
-}
-
 export type DapDSBreadcrumbItemProps = {
   /** The URL of the breadcrumb item. */
   href?: DapDSBreadcrumbItem["href"]
@@ -1238,6 +1229,15 @@ export type DapDSButtonProps = {
   targetBlankText?: DapDSButton["targetBlankText"]
 }
 
+export type DapDSBreadcrumbProps = {
+  /**  */
+  variant?: DapDSBreadcrumb["variant"]
+  /** Mobile version of the breadcrumb */
+  mobile?: DapDSBreadcrumb["mobile"]
+  /** The aria-labelledby of the breadcrumb */
+  "aria-labelledby"?: DapDSBreadcrumb["ariaLabelledBy"]
+}
+
 export type DapDSCalendarCellProps = {
   /** Whether the calendar cell is selected. */
   selected?: DapDSCalendarCell["selected"]
@@ -2085,29 +2085,6 @@ export type DapDSInputProps = {
   pattern?: DapDSInput["pattern"]
 }
 
-export type DapDSLabelProps = {
-  /** The label text */
-  label?: DapDSLabel["label"]
-  /** The description of the label */
-  description?: DapDSLabel["description"]
-  /** The tooltip text */
-  tooltip?: DapDSLabel["tooltip"]
-  /** The size of the input. Default is `sm`. */
-  size?: DapDSLabel["size"]
-  /** The tooltip placement of the label. */
-  tooltipPlacement?: DapDSLabel["tooltipPlacement"]
-  /** If the label is optional. Default value is `false`. */
-  optional?: DapDSLabel["optional"]
-  /** Label of optional text */
-  optionalLabel?: DapDSLabel["optionalLabel"]
-  /** 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"]
@@ -2131,6 +2108,29 @@ export type DapDSLinkProps = {
   targetBlankText?: DapDSLink["targetBlankText"]
 }
 
+export type DapDSLabelProps = {
+  /** The label text */
+  label?: DapDSLabel["label"]
+  /** The description of the label */
+  description?: DapDSLabel["description"]
+  /** The tooltip text */
+  tooltip?: DapDSLabel["tooltip"]
+  /** The size of the input. Default is `sm`. */
+  size?: DapDSLabel["size"]
+  /** The tooltip placement of the label. */
+  tooltipPlacement?: DapDSLabel["tooltipPlacement"]
+  /** If the label is optional. Default value is `false`. */
+  optional?: DapDSLabel["optional"]
+  /** Label of optional text */
+  optionalLabel?: DapDSLabel["optionalLabel"]
+  /** 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 DapDSListItemProps = {
   /** The variant of the list item. */
   variant?: DapDSListItem["variant"]
@@ -2887,22 +2887,6 @@ export type DapDSSwitchProps = {
   optionalLabel?: DapDSSwitch["optionalLabel"]
 }
 
-export type DapDSTabGroupProps = {
-  /** The selected tab id. */
-  selectedTabId?: DapDSTabGroup["selectedTabId"]
-  /** The size of the tab buttons. Default is `sm`. Can be `sm` or `lg`. */
-  size?: DapDSTabGroup["size"]
-  /** If true, the tab group will be displayed in mobile mode. */
-  mobile?: DapDSTabGroup["mobile"]
-}
-
-export type DapDSTabProps = {
-  /** The tab id. Required */
-  tabId?: DapDSTab["tabId"]
-  /** The disabled state of the tab. */
-  disabled?: DapDSTab["disabled"]
-}
-
 export type DapDSTableCellProps = {
   /** If the cell is the last one. */
   last?: DapDSTableCell["last"]
@@ -2933,6 +2917,73 @@ export type DapDSTableProps = {
   caption?: DapDSTable["caption"]
 }
 
+export type DapDSTabGroupProps = {
+  /** The selected tab id. */
+  selectedTabId?: DapDSTabGroup["selectedTabId"]
+  /** The size of the tab buttons. Default is `sm`. Can be `sm` or `lg`. */
+  size?: DapDSTabGroup["size"]
+  /** If true, the tab group will be displayed in mobile mode. */
+  mobile?: DapDSTabGroup["mobile"]
+}
+
+export type DapDSTabProps = {
+  /** The tab id. Required */
+  tabId?: DapDSTab["tabId"]
+  /** The disabled state of the tab. */
+  disabled?: DapDSTab["disabled"]
+}
+
+export type DapDSTextareaProps = {
+  /** Hide character counter. */
+  hideCounter?: DapDSTextarea["hideCounter"]
+  /** The minimum length of the textarea. */
+  minlength?: DapDSTextarea["minlength"]
+  /** The maximum length of the textarea. */
+  maxlength?: DapDSTextarea["maxlength"]
+  /** The number of rows in the textarea. */
+  rows?: DapDSTextarea["rows"]
+  /** The number of columns in the textarea. */
+  cols?: DapDSTextarea["cols"]
+  /** The placeholder of the textarea. */
+  placeholder?: DapDSTextarea["placeholder"]
+  /** Indicates how the control should wrap the value for form submission. */
+  wrap?: DapDSTextarea["wrap"]
+  /**  */
+  focusElement?: DapDSTextarea["focusElement"]
+  /** The size of the textarea. Default is `md`. */
+  size?: DapDSTextarea["size"]
+  /** The disabled state of the textarea. */
+  disabled?: DapDSTextarea["disabled"]
+  /** The value of the textarea. */
+  value?: DapDSTextarea["value"]
+  /** The tooltip of the textarea. */
+  tooltip?: DapDSTextarea["tooltip"]
+  /** The tooltip placement of the textarea. */
+  tooltipPlacement?: DapDSTextarea["tooltipPlacement"]
+  /** The status of the textarea. Can be `success` or `error`. */
+  status?: DapDSTextarea["status"]
+  /** The readonly state of the textarea. */
+  readonly?: DapDSTextarea["readonly"]
+  /** The required state of the textarea. */
+  required?: DapDSTextarea["required"]
+  /** The label of the textarea. */
+  label?: DapDSTextarea["label"]
+  /** The description of the textarea. */
+  description?: DapDSTextarea["description"]
+  /** The feedback of the textarea. */
+  feedback?: DapDSTextarea["feedback"]
+  /** The feedback type of the textarea. Can be `negative`, `positive`, or `warning`. */
+  feedbackType?: DapDSTextarea["feedbackType"]
+  /** The optional state of the textarea. */
+  optional?: DapDSTextarea["optional"]
+  /** The optional label of the textarea. */
+  optionalLabel?: DapDSTextarea["optionalLabel"]
+  /** The weight of the label. Default is `false` */
+  subtle?: DapDSTextarea["subtle"]
+  /** The autofocus state of the textarea. */
+  autofocus?: DapDSTextarea["autofocus"]
+}
+
 export type DapDSTimelineItemProps = {
 
 }
@@ -3047,55 +3098,17 @@ export type DapDSTimePickerProps = {
   autocomplete?: DapDSTimePicker["autocomplete"]
 }
 
-export type DapDSTextareaProps = {
-  /** Hide character counter. */
-  hideCounter?: DapDSTextarea["hideCounter"]
-  /** The minimum length of the textarea. */
-  minlength?: DapDSTextarea["minlength"]
-  /** The maximum length of the textarea. */
-  maxlength?: DapDSTextarea["maxlength"]
-  /** The number of rows in the textarea. */
-  rows?: DapDSTextarea["rows"]
-  /** The number of columns in the textarea. */
-  cols?: DapDSTextarea["cols"]
-  /** The placeholder of the textarea. */
-  placeholder?: DapDSTextarea["placeholder"]
-  /** Indicates how the control should wrap the value for form submission. */
-  wrap?: DapDSTextarea["wrap"]
+export type DapDSToggleButtonProps = {
+  /** The size of the button */
+  size?: DapDSToggleButton["size"]
+  /** Whether the button is active. */
+  active?: DapDSToggleButton["active"]
+  /** The shape of the button */
+  shape?: DapDSToggleButton["shape"]
   /**  */
-  focusElement?: DapDSTextarea["focusElement"]
-  /** The size of the textarea. Default is `md`. */
-  size?: DapDSTextarea["size"]
-  /** The disabled state of the textarea. */
-  disabled?: DapDSTextarea["disabled"]
-  /** The value of the textarea. */
-  value?: DapDSTextarea["value"]
-  /** The tooltip of the textarea. */
-  tooltip?: DapDSTextarea["tooltip"]
-  /** The tooltip placement of the textarea. */
-  tooltipPlacement?: DapDSTextarea["tooltipPlacement"]
-  /** The status of the textarea. Can be `success` or `error`. */
-  status?: DapDSTextarea["status"]
-  /** The readonly state of the textarea. */
-  readonly?: DapDSTextarea["readonly"]
-  /** The required state of the textarea. */
-  required?: DapDSTextarea["required"]
-  /** The label of the textarea. */
-  label?: DapDSTextarea["label"]
-  /** The description of the textarea. */
-  description?: DapDSTextarea["description"]
-  /** The feedback of the textarea. */
-  feedback?: DapDSTextarea["feedback"]
-  /** The feedback type of the textarea. Can be `negative`, `positive`, or `warning`. */
-  feedbackType?: DapDSTextarea["feedbackType"]
-  /** The optional state of the textarea. */
-  optional?: DapDSTextarea["optional"]
-  /** The optional label of the textarea. */
-  optionalLabel?: DapDSTextarea["optionalLabel"]
-  /** The weight of the label. Default is `false` */
-  subtle?: DapDSTextarea["subtle"]
-  /** The autofocus state of the textarea. */
-  autofocus?: DapDSTextarea["autofocus"]
+  sizeChildren?: DapDSToggleButton["sizeChildren"]
+  /**  */
+  focusElement?: DapDSToggleButton["focusElement"]
 }
 
 export type DapDSTOCProps = {
@@ -3125,19 +3138,6 @@ export type DapDSTOCProps = {
   size?: DapDSTOC["size"]
 }
 
-export type DapDSToggleButtonProps = {
-  /** The size of the button */
-  size?: DapDSToggleButton["size"]
-  /** Whether the button is active. */
-  active?: DapDSToggleButton["active"]
-  /** The shape of the button */
-  shape?: DapDSToggleButton["shape"]
-  /**  */
-  sizeChildren?: DapDSToggleButton["sizeChildren"]
-  /**  */
-  focusElement?: DapDSToggleButton["focusElement"]
-}
-
 export type DapDSTooltipProps = {
   /** The content of the tooltip, supporting text only. */
   content?: DapDSTooltip["content"]
@@ -3280,15 +3280,15 @@ export type DapDSRadioGroupProps = {
   size?: DapDSRadioGroup["size"]
 }
 
-export type ArrowsArrowDownLineProps = {
+export type BuildingsHome6LineProps = {
   /** (optional) The width and height in pixels */
-  size?: ArrowsArrowDownLine["size"]
+  size?: BuildingsHome6Line["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: ArrowsArrowDownLine["selected"]
+  selected?: BuildingsHome6Line["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: ArrowsArrowDownLine["accessibilityTitle"]
+  accessibilityTitle?: BuildingsHome6Line["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: ArrowsArrowDownLine["focusable"]
+  focusable?: BuildingsHome6Line["focusable"]
 }
 
 export type ArrowsArrowDownSFillProps = {
@@ -3302,6 +3302,17 @@ export type ArrowsArrowDownSFillProps = {
   focusable?: ArrowsArrowDownSFill["focusable"]
 }
 
+export type ArrowsArrowDownLineProps = {
+  /** (optional) The width and height in pixels */
+  size?: ArrowsArrowDownLine["size"]
+  /** (optional) Sets the icon color via the `fill` attribute */
+  selected?: ArrowsArrowDownLine["selected"]
+  /** (optional) When using the icon standalone, make it meaningful for accessibility */
+  accessibilityTitle?: ArrowsArrowDownLine["accessibilityTitle"]
+  /** (optional) If `true` the icon can receive focus */
+  focusable?: ArrowsArrowDownLine["focusable"]
+}
+
 export type ArrowsArrowDownSLineProps = {
   /** (optional) The width and height in pixels */
   size?: ArrowsArrowDownSLine["size"]
@@ -3346,26 +3357,26 @@ export type ArrowsArrowLeftLineProps = {
   focusable?: ArrowsArrowLeftLine["focusable"]
 }
 
-export type ArrowsArrowLeftSFillProps = {
+export type ArrowsArrowLeftSLineProps = {
   /** (optional) The width and height in pixels */
-  size?: ArrowsArrowLeftSFill["size"]
+  size?: ArrowsArrowLeftSLine["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: ArrowsArrowLeftSFill["selected"]
+  selected?: ArrowsArrowLeftSLine["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: ArrowsArrowLeftSFill["accessibilityTitle"]
+  accessibilityTitle?: ArrowsArrowLeftSLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: ArrowsArrowLeftSFill["focusable"]
+  focusable?: ArrowsArrowLeftSLine["focusable"]
 }
 
-export type ArrowsArrowLeftSLineProps = {
+export type ArrowsArrowLeftSFillProps = {
   /** (optional) The width and height in pixels */
-  size?: ArrowsArrowLeftSLine["size"]
+  size?: ArrowsArrowLeftSFill["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: ArrowsArrowLeftSLine["selected"]
+  selected?: ArrowsArrowLeftSFill["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: ArrowsArrowLeftSLine["accessibilityTitle"]
+  accessibilityTitle?: ArrowsArrowLeftSFill["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: ArrowsArrowLeftSLine["focusable"]
+  focusable?: ArrowsArrowLeftSFill["focusable"]
 }
 
 export type ArrowsArrowLeftUpLineProps = {
@@ -3379,26 +3390,26 @@ export type ArrowsArrowLeftUpLineProps = {
   focusable?: ArrowsArrowLeftUpLine["focusable"]
 }
 
-export type ArrowsArrowRightDownLineProps = {
+export type ArrowsArrowRightLLineProps = {
   /** (optional) The width and height in pixels */
-  size?: ArrowsArrowRightDownLine["size"]
+  size?: ArrowsArrowRightLLine["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: ArrowsArrowRightDownLine["selected"]
+  selected?: ArrowsArrowRightLLine["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: ArrowsArrowRightDownLine["accessibilityTitle"]
+  accessibilityTitle?: ArrowsArrowRightLLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: ArrowsArrowRightDownLine["focusable"]
+  focusable?: ArrowsArrowRightLLine["focusable"]
 }
 
-export type ArrowsArrowRightLLineProps = {
+export type ArrowsArrowRightDownLineProps = {
   /** (optional) The width and height in pixels */
-  size?: ArrowsArrowRightLLine["size"]
+  size?: ArrowsArrowRightDownLine["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: ArrowsArrowRightLLine["selected"]
+  selected?: ArrowsArrowRightDownLine["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: ArrowsArrowRightLLine["accessibilityTitle"]
+  accessibilityTitle?: ArrowsArrowRightDownLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: ArrowsArrowRightLLine["focusable"]
+  focusable?: ArrowsArrowRightDownLine["focusable"]
 }
 
 export type ArrowsArrowRightLineProps = {
@@ -3478,37 +3489,26 @@ export type ArrowsArrowUpSLineProps = {
   focusable?: ArrowsArrowUpSLine["focusable"]
 }
 
-export type ArrowsExpandUpDownFillProps = {
-  /** (optional) The width and height in pixels */
-  size?: ArrowsExpandUpDownFill["size"]
-  /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: ArrowsExpandUpDownFill["selected"]
-  /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: ArrowsExpandUpDownFill["accessibilityTitle"]
-  /** (optional) If `true` the icon can receive focus */
-  focusable?: ArrowsExpandUpDownFill["focusable"]
-}
-
-export type BuildingsHome6LineProps = {
+export type BusinessCalendarLineProps = {
   /** (optional) The width and height in pixels */
-  size?: BuildingsHome6Line["size"]
+  size?: BusinessCalendarLine["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: BuildingsHome6Line["selected"]
+  selected?: BusinessCalendarLine["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: BuildingsHome6Line["accessibilityTitle"]
+  accessibilityTitle?: BusinessCalendarLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: BuildingsHome6Line["focusable"]
+  focusable?: BusinessCalendarLine["focusable"]
 }
 
-export type BusinessCalendarLineProps = {
+export type ArrowsExpandUpDownFillProps = {
   /** (optional) The width and height in pixels */
-  size?: BusinessCalendarLine["size"]
+  size?: ArrowsExpandUpDownFill["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: BusinessCalendarLine["selected"]
+  selected?: ArrowsExpandUpDownFill["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: BusinessCalendarLine["accessibilityTitle"]
+  accessibilityTitle?: ArrowsExpandUpDownFill["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: BusinessCalendarLine["focusable"]
+  focusable?: ArrowsExpandUpDownFill["focusable"]
 }
 
 export type DesignEditLineProps = {
@@ -3544,6 +3544,28 @@ export type DeviceComputerLineProps = {
   focusable?: DeviceComputerLine["focusable"]
 }
 
+export type HealthHeartLineProps = {
+  /** (optional) The width and height in pixels */
+  size?: HealthHeartLine["size"]
+  /** (optional) Sets the icon color via the `fill` attribute */
+  selected?: HealthHeartLine["selected"]
+  /** (optional) When using the icon standalone, make it meaningful for accessibility */
+  accessibilityTitle?: HealthHeartLine["accessibilityTitle"]
+  /** (optional) If `true` the icon can receive focus */
+  focusable?: HealthHeartLine["focusable"]
+}
+
+export type HealthHeartFillProps = {
+  /** (optional) The width and height in pixels */
+  size?: HealthHeartFill["size"]
+  /** (optional) Sets the icon color via the `fill` attribute */
+  selected?: HealthHeartFill["selected"]
+  /** (optional) When using the icon standalone, make it meaningful for accessibility */
+  accessibilityTitle?: HealthHeartFill["accessibilityTitle"]
+  /** (optional) If `true` the icon can receive focus */
+  focusable?: HealthHeartFill["focusable"]
+}
+
 export type DocumentClipboardLineProps = {
   /** (optional) The width and height in pixels */
   size?: DocumentClipboardLine["size"]
@@ -3632,37 +3654,59 @@ export type DocumentFolderOpenLineProps = {
   focusable?: DocumentFolderOpenLine["focusable"]
 }
 
-export type HealthHeartFillProps = {
+export type OthersCookieLineProps = {
   /** (optional) The width and height in pixels */
-  size?: HealthHeartFill["size"]
+  size?: OthersCookieLine["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: HealthHeartFill["selected"]
+  selected?: OthersCookieLine["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: HealthHeartFill["accessibilityTitle"]
+  accessibilityTitle?: OthersCookieLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: HealthHeartFill["focusable"]
+  focusable?: OthersCookieLine["focusable"]
 }
 
-export type HealthHeartLineProps = {
+export type UserAccountCircleFillProps = {
   /** (optional) The width and height in pixels */
-  size?: HealthHeartLine["size"]
+  size?: UserAccountCircleFill["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: HealthHeartLine["selected"]
+  selected?: UserAccountCircleFill["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: HealthHeartLine["accessibilityTitle"]
+  accessibilityTitle?: UserAccountCircleFill["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: HealthHeartLine["focusable"]
+  focusable?: UserAccountCircleFill["focusable"]
 }
 
-export type OthersCookieLineProps = {
+export type UserAccountCircleLineProps = {
   /** (optional) The width and height in pixels */
-  size?: OthersCookieLine["size"]
+  size?: UserAccountCircleLine["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: OthersCookieLine["selected"]
+  selected?: UserAccountCircleLine["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: OthersCookieLine["accessibilityTitle"]
+  accessibilityTitle?: UserAccountCircleLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: OthersCookieLine["focusable"]
+  focusable?: UserAccountCircleLine["focusable"]
+}
+
+export type UserUserFillProps = {
+  /** (optional) The width and height in pixels */
+  size?: UserUserFill["size"]
+  /** (optional) Sets the icon color via the `fill` attribute */
+  selected?: UserUserFill["selected"]
+  /** (optional) When using the icon standalone, make it meaningful for accessibility */
+  accessibilityTitle?: UserUserFill["accessibilityTitle"]
+  /** (optional) If `true` the icon can receive focus */
+  focusable?: UserUserFill["focusable"]
+}
+
+export type UserUserLineProps = {
+  /** (optional) The width and height in pixels */
+  size?: UserUserLine["size"]
+  /** (optional) Sets the icon color via the `fill` attribute */
+  selected?: UserUserLine["selected"]
+  /** (optional) When using the icon standalone, make it meaningful for accessibility */
+  accessibilityTitle?: UserUserLine["accessibilityTitle"]
+  /** (optional) If `true` the icon can receive focus */
+  focusable?: UserUserLine["focusable"]
 }
 
 export type SystemAddLineProps = {
@@ -3742,26 +3786,26 @@ export type SystemCheckboxBlankCircleFillCheckProps = {
   focusable?: SystemCheckboxBlankCircleFillCheck["focusable"]
 }
 
-export type SystemCheckboxBlankCircleLineProps = {
+export type SystemCheckboxCircleFillProps = {
   /** (optional) The width and height in pixels */
-  size?: SystemCheckboxBlankCircleLine["size"]
+  size?: SystemCheckboxCircleFill["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemCheckboxBlankCircleLine["selected"]
+  selected?: SystemCheckboxCircleFill["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemCheckboxBlankCircleLine["accessibilityTitle"]
+  accessibilityTitle?: SystemCheckboxCircleFill["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemCheckboxBlankCircleLine["focusable"]
+  focusable?: SystemCheckboxCircleFill["focusable"]
 }
 
-export type SystemCheckboxCircleFillProps = {
+export type SystemCheckboxBlankCircleLineProps = {
   /** (optional) The width and height in pixels */
-  size?: SystemCheckboxCircleFill["size"]
+  size?: SystemCheckboxBlankCircleLine["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemCheckboxCircleFill["selected"]
+  selected?: SystemCheckboxBlankCircleLine["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemCheckboxCircleFill["accessibilityTitle"]
+  accessibilityTitle?: SystemCheckboxBlankCircleLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemCheckboxCircleFill["focusable"]
+  focusable?: SystemCheckboxBlankCircleLine["focusable"]
 }
 
 export type SystemCheckboxCircleLineProps = {
@@ -3797,26 +3841,26 @@ export type SystemCloseCircleLineProps = {
   focusable?: SystemCloseCircleLine["focusable"]
 }
 
-export type SystemCloseFillProps = {
+export type SystemCloseLineProps = {
   /** (optional) The width and height in pixels */
-  size?: SystemCloseFill["size"]
+  size?: SystemCloseLine["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemCloseFill["selected"]
+  selected?: SystemCloseLine["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemCloseFill["accessibilityTitle"]
+  accessibilityTitle?: SystemCloseLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemCloseFill["focusable"]
+  focusable?: SystemCloseLine["focusable"]
 }
 
-export type SystemCloseLineProps = {
+export type SystemCloseFillProps = {
   /** (optional) The width and height in pixels */
-  size?: SystemCloseLine["size"]
+  size?: SystemCloseFill["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemCloseLine["selected"]
+  selected?: SystemCloseFill["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemCloseLine["accessibilityTitle"]
+  accessibilityTitle?: SystemCloseFill["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemCloseLine["focusable"]
+  focusable?: SystemCloseFill["focusable"]
 }
 
 export type SystemDeleteBinFillProps = {
@@ -4171,50 +4215,6 @@ export type SystemUploadLineProps = {
   focusable?: SystemUploadLine["focusable"]
 }
 
-export type UserAccountCircleFillProps = {
-  /** (optional) The width and height in pixels */
-  size?: UserAccountCircleFill["size"]
-  /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: UserAccountCircleFill["selected"]
-  /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: UserAccountCircleFill["accessibilityTitle"]
-  /** (optional) If `true` the icon can receive focus */
-  focusable?: UserAccountCircleFill["focusable"]
-}
-
-export type UserAccountCircleLineProps = {
-  /** (optional) The width and height in pixels */
-  size?: UserAccountCircleLine["size"]
-  /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: UserAccountCircleLine["selected"]
-  /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: UserAccountCircleLine["accessibilityTitle"]
-  /** (optional) If `true` the icon can receive focus */
-  focusable?: UserAccountCircleLine["focusable"]
-}
-
-export type UserUserFillProps = {
-  /** (optional) The width and height in pixels */
-  size?: UserUserFill["size"]
-  /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: UserUserFill["selected"]
-  /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: UserUserFill["accessibilityTitle"]
-  /** (optional) If `true` the icon can receive focus */
-  focusable?: UserUserFill["focusable"]
-}
-
-export type UserUserLineProps = {
-  /** (optional) The width and height in pixels */
-  size?: UserUserLine["size"]
-  /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: UserUserLine["selected"]
-  /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: UserUserLine["accessibilityTitle"]
-  /** (optional) If `true` the icon can receive focus */
-  focusable?: UserUserLine["focusable"]
-}
-
 // Augment Vue's GlobalComponents interface
 declare module 'vue' {
   interface GlobalComponents {
@@ -4254,16 +4254,6 @@ declare module 'vue' {
      * - **text** - The text of the anchor heading.
      */
          'dap-ds-anchor-heading': DefineCustomElement<DapDSAnchorHeading, DapDSAnchorHeadingProps, {}>
-    /**
-     * An accordion group is a collection of accordion components.
-     *
-     * ### Slots:
-     * - **default** - The content of the accordion group.
-     *
-     * ### CSS Parts:
-     * - **base** - The main accordion group container.
-     */
-         'dap-ds-accordion-group': DefineCustomElement<DapDSAccordionGroup, DapDSAccordionGroupProps, {}>
     /**
      * Avatar component can be used to display user profile images, initials, or icons.
      *
@@ -4300,6 +4290,16 @@ declare module 'vue' {
      * - **overflow** - The overflow indicator element.
      */
          'dap-ds-avatar-group': DefineCustomElement<DapDSAvatarGroup, DapDSAvatarGroupProps, DapDSAvatarGroupEvents>
+    /**
+     * An accordion group is a collection of accordion components.
+     *
+     * ### Slots:
+     * - **default** - The content of the accordion group.
+     *
+     * ### CSS Parts:
+     * - **base** - The main accordion group container.
+     */
+         'dap-ds-accordion-group': DefineCustomElement<DapDSAccordionGroup, DapDSAccordionGroupProps, {}>
     /**
      * A badge is a small status descriptor for UI elements.
      *
@@ -4338,18 +4338,6 @@ declare module 'vue' {
      * - **title** -  The title of the banner.
      */
          'dap-ds-banner': DefineCustomElement<DapDSBanner, DapDSBannerProps, DapDSBannerEvents>
-    /**
-     * A breadcrumb is a secondary navigation scheme that reveals the user's location in a website or Web application.
-     *
-     * ### Slots:
-     * - **default** - The content of the breadcrumb.
-     * - **separator** - The separator between breadcrumb items. Default is '/'.
-     *
-     * ### CSS Parts:
-     * - **base** - The main breadcrumb container.
-     * - **separator** - The separator of the breadcrumb.
-     */
-         'dap-ds-breadcrumb': DefineCustomElement<DapDSBreadcrumb, DapDSBreadcrumbProps, {}>
     /**
      * A breadcrumb item is a secondary navigation scheme that reveals the user's location in a website or Web application.
      *
@@ -4380,6 +4368,18 @@ declare module 'vue' {
      * - **content** - The content wrapper inside the button.
      */
          'dap-ds-button': DefineCustomElement<DapDSButton, DapDSButtonProps, DapDSButtonEvents>
+    /**
+     * A breadcrumb is a secondary navigation scheme that reveals the user's location in a website or Web application.
+     *
+     * ### Slots:
+     * - **default** - The content of the breadcrumb.
+     * - **separator** - The separator between breadcrumb items. Default is '/'.
+     *
+     * ### CSS Parts:
+     * - **base** - The main breadcrumb container.
+     * - **separator** - The separator of the breadcrumb.
+     */
+         'dap-ds-breadcrumb': DefineCustomElement<DapDSBreadcrumb, DapDSBreadcrumbProps, {}>
     /**
      * Calendar cell represents a single cell in the calendar.
      *
@@ -4841,19 +4841,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.
      *
@@ -4864,10 +4851,23 @@ declare module 'vue' {
      * - **default** - The text of the link.
      *
      * ### CSS Parts:
-     * - **base** - The main link container.
-     * - **text** - The text of the link.
+     * - **base** - The main link container.
+     * - **text** - The text of the link.
+     */
+         'dap-ds-link': DefineCustomElement<DapDSLink, DapDSLinkProps, DapDSLinkEvents>
+    /**
+     * 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-link': DefineCustomElement<DapDSLink, DapDSLinkProps, DapDSLinkEvents>
+         'dap-ds-label': DefineCustomElement<DapDSLabel, DapDSLabelProps, {}>
     /**
      * A list
      *
@@ -5370,32 +5370,6 @@ declare module 'vue' {
      * - **description** - The description of the switch.
      */
          'dap-ds-switch': DefineCustomElement<DapDSSwitch, DapDSSwitchProps, DapDSSwitchEvents>
-    /**
-     * A tab group component. It is used with dap-ds-tab component to create a tab group.
-     *
-     * ### Events:
-     * - **dds-tab-select** - Fired when select a new tab.
-     *
-     * ### Slots:
-     * - **default** - The tab items.
-     *
-     * ### CSS Parts:
-     * - **base** - The main container.
-     * - **tab-nav** - The tab navigation container.
-     * - **tab-content** - The tab content container.
-     */
-         'dap-ds-tab-group': DefineCustomElement<DapDSTabGroup, DapDSTabGroupProps, DapDSTabGroupEvents>
-    /**
-     * A tab item component. It is used in dap-ds-tab-group component slot to create a tab item.
-     *
-     * ### Slots:
-     * - **default** - The tab title template.
-     * - **content** - The tab content.
-     *
-     * ### CSS Parts:
-     * - **base** - The main tab content container.
-     */
-         'dap-ds-tab': DefineCustomElement<DapDSTab, DapDSTabProps, {}>
     /**
      * 
      *
@@ -5430,6 +5404,58 @@ declare module 'vue' {
      * - **default** - The default slot. Accepts `dap-ds-table-row` elements.
      */
          'dap-ds-table': DefineCustomElement<DapDSTable, DapDSTableProps, {}>
+    /**
+     * A tab group component. It is used with dap-ds-tab component to create a tab group.
+     *
+     * ### Events:
+     * - **dds-tab-select** - Fired when select a new tab.
+     *
+     * ### Slots:
+     * - **default** - The tab items.
+     *
+     * ### CSS Parts:
+     * - **base** - The main container.
+     * - **tab-nav** - The tab navigation container.
+     * - **tab-content** - The tab content container.
+     */
+         'dap-ds-tab-group': DefineCustomElement<DapDSTabGroup, DapDSTabGroupProps, DapDSTabGroupEvents>
+    /**
+     * A tab item component. It is used in dap-ds-tab-group component slot to create a tab item.
+     *
+     * ### Slots:
+     * - **default** - The tab title template.
+     * - **content** - The tab content.
+     *
+     * ### CSS Parts:
+     * - **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.
+     */
+         'dap-ds-textarea': DefineCustomElement<DapDSTextarea, DapDSTextareaProps, DapDSTextareaEvents>
     /**
      * A timeline is a graphical representation of a series of events.
      *
@@ -5493,31 +5519,16 @@ declare module 'vue' {
      */
          'dap-ds-timepicker': DefineCustomElement<DapDSTimePicker, DapDSTimePickerProps, DapDSTimePickerEvents>
     /**
-     * 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.
+     * A toggle button is a button that can be toggled on (active) or off (inactive).
      *
      * ### Slots:
-     * - **feedback-icon** - The custom icon of the feedback.
+     * - **default** - The content of the toggle button.
      *
      * ### 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.
+     * - **base** - The main button container.
+     * - **high-contrast** - The high contrast part of the button.
      */
-         'dap-ds-textarea': DefineCustomElement<DapDSTextarea, DapDSTextareaProps, DapDSTextareaEvents>
+         'dap-ds-toggle-button': DefineCustomElement<DapDSToggleButton, DapDSToggleButtonProps, {}>
     /**
      * A table of contents (TOC) is a list of links that allows users to quickly navigate to sections within a document.
      *
@@ -5528,17 +5539,6 @@ declare module 'vue' {
      * - **base** - The main container of the toc.
      */
          'dap-ds-toc': DefineCustomElement<DapDSTOC, DapDSTOCProps, DapDSTOCEvents>
-    /**
-     * A toggle button is a button that can be toggled on (active) or off (inactive).
-     *
-     * ### Slots:
-     * - **default** - The content of the toggle button.
-     *
-     * ### CSS Parts:
-     * - **base** - The main button container.
-     * - **high-contrast** - The high contrast part of the button.
-     */
-         'dap-ds-toggle-button': DefineCustomElement<DapDSToggleButton, DapDSToggleButtonProps, {}>
     /**
      * A tooltip is a container for tooltip content.
      *
@@ -5636,7 +5636,7 @@ declare module 'vue' {
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-arrow-down-line': DefineCustomElement<ArrowsArrowDownLine, ArrowsArrowDownLineProps, {}>
+         'dap-ds-icon-home-6-line': DefineCustomElement<BuildingsHome6Line, BuildingsHome6LineProps, {}>
     /**
      * An icon
      *
@@ -5644,6 +5644,13 @@ declare module 'vue' {
      * - **base** - The main icon container.
      */
          'dap-ds-icon-arrow-down-s-fill': DefineCustomElement<ArrowsArrowDownSFill, ArrowsArrowDownSFillProps, {}>
+    /**
+     * An icon
+     *
+     * ### CSS Parts:
+     * - **base** - The main icon container.
+     */
+         'dap-ds-icon-arrow-down-line': DefineCustomElement<ArrowsArrowDownLine, ArrowsArrowDownLineProps, {}>
     /**
      * An icon
      *
@@ -5678,14 +5685,14 @@ declare module 'vue' {
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-arrow-left-s-fill': DefineCustomElement<ArrowsArrowLeftSFill, ArrowsArrowLeftSFillProps, {}>
+         'dap-ds-icon-arrow-left-s-line': DefineCustomElement<ArrowsArrowLeftSLine, ArrowsArrowLeftSLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-arrow-left-s-line': DefineCustomElement<ArrowsArrowLeftSLine, ArrowsArrowLeftSLineProps, {}>
+         'dap-ds-icon-arrow-left-s-fill': DefineCustomElement<ArrowsArrowLeftSFill, ArrowsArrowLeftSFillProps, {}>
     /**
      * An icon
      *
@@ -5699,14 +5706,14 @@ declare module 'vue' {
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-arrow-right-down-line': DefineCustomElement<ArrowsArrowRightDownLine, ArrowsArrowRightDownLineProps, {}>
+         'dap-ds-icon-arrow-right-l-line': DefineCustomElement<ArrowsArrowRightLLine, ArrowsArrowRightLLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-arrow-right-l-line': DefineCustomElement<ArrowsArrowRightLLine, ArrowsArrowRightLLineProps, {}>
+         'dap-ds-icon-arrow-right-down-line': DefineCustomElement<ArrowsArrowRightDownLine, ArrowsArrowRightDownLineProps, {}>
     /**
      * An icon
      *
@@ -5756,6 +5763,13 @@ declare module 'vue' {
      * - **base** - The main icon container.
      */
          'dap-ds-icon-arrow-up-s-line': DefineCustomElement<ArrowsArrowUpSLine, ArrowsArrowUpSLineProps, {}>
+    /**
+     * An icon
+     *
+     * ### CSS Parts:
+     * - **base** - The main icon container.
+     */
+         'dap-ds-icon-calendar-line': DefineCustomElement<BusinessCalendarLine, BusinessCalendarLineProps, {}>
     /**
      * An icon
      *
@@ -5769,35 +5783,35 @@ declare module 'vue' {
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-home-6-line': DefineCustomElement<BuildingsHome6Line, BuildingsHome6LineProps, {}>
+         'dap-ds-icon-edit-line': DefineCustomElement<DesignEditLine, DesignEditLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-calendar-line': DefineCustomElement<BusinessCalendarLine, BusinessCalendarLineProps, {}>
+         'dap-ds-icon-tools-line': DefineCustomElement<DesignToolsLine, DesignToolsLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-edit-line': DefineCustomElement<DesignEditLine, DesignEditLineProps, {}>
+         'dap-ds-icon-computer-line': DefineCustomElement<DeviceComputerLine, DeviceComputerLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-tools-line': DefineCustomElement<DesignToolsLine, DesignToolsLineProps, {}>
+         'dap-ds-icon-heart-line': DefineCustomElement<HealthHeartLine, HealthHeartLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-computer-line': DefineCustomElement<DeviceComputerLine, DeviceComputerLineProps, {}>
+         'dap-ds-icon-heart-fill': DefineCustomElement<HealthHeartFill, HealthHeartFillProps, {}>
     /**
      * An icon
      *
@@ -5860,21 +5874,35 @@ declare module 'vue' {
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-heart-fill': DefineCustomElement<HealthHeartFill, HealthHeartFillProps, {}>
+         'dap-ds-icon-cookie-line': DefineCustomElement<OthersCookieLine, OthersCookieLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-heart-line': DefineCustomElement<HealthHeartLine, HealthHeartLineProps, {}>
+         'dap-ds-icon-account-circle-fill': DefineCustomElement<UserAccountCircleFill, UserAccountCircleFillProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-cookie-line': DefineCustomElement<OthersCookieLine, OthersCookieLineProps, {}>
+         'dap-ds-icon-account-circle-line': DefineCustomElement<UserAccountCircleLine, UserAccountCircleLineProps, {}>
+    /**
+     * An icon
+     *
+     * ### CSS Parts:
+     * - **base** - The main icon container.
+     */
+         'dap-ds-icon-user-fill': DefineCustomElement<UserUserFill, UserUserFillProps, {}>
+    /**
+     * An icon
+     *
+     * ### CSS Parts:
+     * - **base** - The main icon container.
+     */
+         'dap-ds-icon-user-line': DefineCustomElement<UserUserLine, UserUserLineProps, {}>
     /**
      * An icon
      *
@@ -5930,14 +5958,14 @@ declare module 'vue' {
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-checkbox-blank-circle-line': DefineCustomElement<SystemCheckboxBlankCircleLine, SystemCheckboxBlankCircleLineProps, {}>
+         'dap-ds-icon-checkbox-circle-fill': DefineCustomElement<SystemCheckboxCircleFill, SystemCheckboxCircleFillProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-checkbox-circle-fill': DefineCustomElement<SystemCheckboxCircleFill, SystemCheckboxCircleFillProps, {}>
+         'dap-ds-icon-checkbox-blank-circle-line': DefineCustomElement<SystemCheckboxBlankCircleLine, SystemCheckboxBlankCircleLineProps, {}>
     /**
      * An icon
      *
@@ -5965,14 +5993,14 @@ declare module 'vue' {
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-close-fill': DefineCustomElement<SystemCloseFill, SystemCloseFillProps, {}>
+         'dap-ds-icon-close-line': DefineCustomElement<SystemCloseLine, SystemCloseLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-close-line': DefineCustomElement<SystemCloseLine, SystemCloseLineProps, {}>
+         'dap-ds-icon-close-fill': DefineCustomElement<SystemCloseFill, SystemCloseFillProps, {}>
     /**
      * An icon
      *
@@ -6197,34 +6225,6 @@ declare module 'vue' {
      * - **base** - The main icon container.
      */
          'dap-ds-icon-upload-line': DefineCustomElement<SystemUploadLine, SystemUploadLineProps, {}>
-    /**
-     * An icon
-     *
-     * ### CSS Parts:
-     * - **base** - The main icon container.
-     */
-         'dap-ds-icon-account-circle-fill': DefineCustomElement<UserAccountCircleFill, UserAccountCircleFillProps, {}>
-    /**
-     * An icon
-     *
-     * ### CSS Parts:
-     * - **base** - The main icon container.
-     */
-         'dap-ds-icon-account-circle-line': DefineCustomElement<UserAccountCircleLine, UserAccountCircleLineProps, {}>
-    /**
-     * An icon
-     *
-     * ### CSS Parts:
-     * - **base** - The main icon container.
-     */
-         'dap-ds-icon-user-fill': DefineCustomElement<UserUserFill, UserUserFillProps, {}>
-    /**
-     * An icon
-     *
-     * ### CSS Parts:
-     * - **base** - The main icon container.
-     */
-         'dap-ds-icon-user-line': DefineCustomElement<UserUserLine, UserUserLineProps, {}>
   }
 }
 
@@ -6234,14 +6234,14 @@ declare global {
     interface IntrinsicElements {
       'dap-ds-accordion': DapDSAccordionProps & DapDSAccordionEvents & DapDSAccordionSlots
       'dap-ds-anchor-heading': DapDSAnchorHeadingProps
-      'dap-ds-accordion-group': DapDSAccordionGroupProps & DapDSAccordionGroupSlots
       'dap-ds-avatar': DapDSAvatarProps & DapDSAvatarEvents & DapDSAvatarSlots
       'dap-ds-avatar-group': DapDSAvatarGroupProps & DapDSAvatarGroupEvents & DapDSAvatarGroupSlots
+      'dap-ds-accordion-group': DapDSAccordionGroupProps & DapDSAccordionGroupSlots
       'dap-ds-badge': DapDSBadgeProps & DapDSBadgeSlots
       'dap-ds-banner': DapDSBannerProps & DapDSBannerEvents & DapDSBannerSlots
-      'dap-ds-breadcrumb': DapDSBreadcrumbProps & DapDSBreadcrumbSlots
       'dap-ds-breadcrumb-item': DapDSBreadcrumbItemProps & DapDSBreadcrumbItemSlots
       'dap-ds-button': DapDSButtonProps & DapDSButtonEvents & DapDSButtonSlots
+      'dap-ds-breadcrumb': DapDSBreadcrumbProps & DapDSBreadcrumbSlots
       'dap-ds-calendar-cell': DapDSCalendarCellProps & DapDSCalendarCellSlots
       'dap-ds-calendar': DapDSCalendarProps & DapDSCalendarEvents & DapDSCalendarSlots
       'dap-ds-callout': DapDSCalloutProps & DapDSCalloutEvents & DapDSCalloutSlots
@@ -6271,8 +6271,8 @@ declare global {
       'dap-ds-icon': DapDSIconProps & DapDSIconSlots
       'dap-ds-icon-button': DapDSIconButtonProps & DapDSIconButtonSlots
       'dap-ds-input': DapDSInputProps & DapDSInputEvents & DapDSInputSlots
-      'dap-ds-label': DapDSLabelProps
       'dap-ds-link': DapDSLinkProps & DapDSLinkEvents & DapDSLinkSlots
+      'dap-ds-label': DapDSLabelProps
       'dap-ds-list-item': DapDSListItemProps & DapDSListItemSlots
       'dap-ds-modal': DapDSModalProps & DapDSModalEvents & DapDSModalSlots
       'dap-ds-navigation-menu-item': DapDSNavigationMenuItemProps & DapDSNavigationMenuItemEvents & DapDSNavigationMenuItemSlots
@@ -6302,36 +6302,37 @@ declare global {
       'dap-ds-spinner': DapDSSpinnerProps & DapDSSpinnerSlots
       'dap-ds-stack': DapDSStackProps & DapDSStackSlots
       'dap-ds-switch': DapDSSwitchProps & DapDSSwitchEvents
-      'dap-ds-tab-group': DapDSTabGroupProps & DapDSTabGroupEvents & DapDSTabGroupSlots
-      'dap-ds-tab': DapDSTabProps & DapDSTabSlots
       '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-tab-group': DapDSTabGroupProps & DapDSTabGroupEvents & DapDSTabGroupSlots
+      'dap-ds-tab': DapDSTabProps & DapDSTabSlots
+      'dap-ds-textarea': DapDSTextareaProps & DapDSTextareaEvents & DapDSTextareaSlots
       'dap-ds-timeline-item': DapDSTimelineItemProps & DapDSTimelineItemSlots
       'dap-ds-timeline': DapDSTimelineProps & DapDSTimelineSlots
       'dap-ds-time-grid': DapDSTimeGridProps & DapDSTimeGridEvents
       'dap-ds-timepicker': DapDSTimePickerProps & DapDSTimePickerEvents
-      'dap-ds-textarea': DapDSTextareaProps & DapDSTextareaEvents & DapDSTextareaSlots
-      'dap-ds-toc': DapDSTOCProps & DapDSTOCEvents
       'dap-ds-toggle-button': DapDSToggleButtonProps & DapDSToggleButtonSlots
+      'dap-ds-toc': DapDSTOCProps & DapDSTOCEvents
       'dap-ds-tooltip': DapDSTooltipProps & DapDSTooltipSlots
       'dap-ds-tray': DapDSTrayProps & DapDSTrayEvents & DapDSTraySlots
       'dap-ds-typography': DapDSTypographyProps & DapDSTypographySlots
       'dap-ds-form-label': DapDSFormLabelProps
       'dap-ds-input-group': DapDSInputGroupProps & DapDSInputGroupSlots
       'dap-ds-radio-group': DapDSRadioGroupProps & DapDSRadioGroupEvents & DapDSRadioGroupSlots
-      'dap-ds-icon-arrow-down-line': ArrowsArrowDownLineProps
+      'dap-ds-icon-home-6-line': BuildingsHome6LineProps
       'dap-ds-icon-arrow-down-s-fill': ArrowsArrowDownSFillProps
+      'dap-ds-icon-arrow-down-line': ArrowsArrowDownLineProps
       'dap-ds-icon-arrow-down-s-line': ArrowsArrowDownSLineProps
       'dap-ds-icon-arrow-left-down-line': ArrowsArrowLeftDownLineProps
       'dap-ds-icon-arrow-left-l-line': ArrowsArrowLeftLLineProps
       'dap-ds-icon-arrow-left-line': ArrowsArrowLeftLineProps
-      'dap-ds-icon-arrow-left-s-fill': ArrowsArrowLeftSFillProps
       'dap-ds-icon-arrow-left-s-line': ArrowsArrowLeftSLineProps
+      'dap-ds-icon-arrow-left-s-fill': ArrowsArrowLeftSFillProps
       'dap-ds-icon-arrow-left-up-line': ArrowsArrowLeftUpLineProps
-      'dap-ds-icon-arrow-right-down-line': ArrowsArrowRightDownLineProps
       'dap-ds-icon-arrow-right-l-line': ArrowsArrowRightLLineProps
+      'dap-ds-icon-arrow-right-down-line': ArrowsArrowRightDownLineProps
       'dap-ds-icon-arrow-right-line': ArrowsArrowRightLineProps
       'dap-ds-icon-arrow-right-s-fill': ArrowsArrowRightSFillProps
       'dap-ds-icon-arrow-right-s-line': ArrowsArrowRightSLineProps
@@ -6339,12 +6340,13 @@ declare global {
       'dap-ds-icon-arrow-up-line': ArrowsArrowUpLineProps
       'dap-ds-icon-arrow-up-s-fill': ArrowsArrowUpSFillProps
       'dap-ds-icon-arrow-up-s-line': ArrowsArrowUpSLineProps
-      'dap-ds-icon-expand-up-down-fill': ArrowsExpandUpDownFillProps
-      'dap-ds-icon-home-6-line': BuildingsHome6LineProps
       'dap-ds-icon-calendar-line': BusinessCalendarLineProps
+      'dap-ds-icon-expand-up-down-fill': ArrowsExpandUpDownFillProps
       'dap-ds-icon-edit-line': DesignEditLineProps
       'dap-ds-icon-tools-line': DesignToolsLineProps
       'dap-ds-icon-computer-line': DeviceComputerLineProps
+      'dap-ds-icon-heart-line': HealthHeartLineProps
+      'dap-ds-icon-heart-fill': HealthHeartFillProps
       'dap-ds-icon-clipboard-line': DocumentClipboardLineProps
       'dap-ds-icon-file-copy-line': DocumentFileCopyLineProps
       'dap-ds-icon-file-image-line': DocumentFileImageLineProps
@@ -6353,9 +6355,11 @@ declare global {
       'dap-ds-icon-file-video-line': DocumentFileVideoLineProps
       'dap-ds-icon-folder-line': DocumentFolderLineProps
       'dap-ds-icon-folder-open-line': DocumentFolderOpenLineProps
-      'dap-ds-icon-heart-fill': HealthHeartFillProps
-      'dap-ds-icon-heart-line': HealthHeartLineProps
       'dap-ds-icon-cookie-line': OthersCookieLineProps
+      'dap-ds-icon-account-circle-fill': UserAccountCircleFillProps
+      'dap-ds-icon-account-circle-line': UserAccountCircleLineProps
+      'dap-ds-icon-user-fill': UserUserFillProps
+      'dap-ds-icon-user-line': UserUserLineProps
       'dap-ds-icon-add-line': SystemAddLineProps
       'dap-ds-icon-alert-fill': SystemAlertFillProps
       'dap-ds-icon-alert-line': SystemAlertLineProps
@@ -6363,13 +6367,13 @@ declare global {
       '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-line': SystemCheckboxBlankCircleLineProps
       'dap-ds-icon-checkbox-circle-fill': SystemCheckboxCircleFillProps
+      'dap-ds-icon-checkbox-blank-circle-line': SystemCheckboxBlankCircleLineProps
       'dap-ds-icon-checkbox-circle-line': SystemCheckboxCircleLineProps
       'dap-ds-icon-close-circle-fill': SystemCloseCircleFillProps
       'dap-ds-icon-close-circle-line': SystemCloseCircleLineProps
-      'dap-ds-icon-close-fill': SystemCloseFillProps
       'dap-ds-icon-close-line': SystemCloseLineProps
+      'dap-ds-icon-close-fill': SystemCloseFillProps
       'dap-ds-icon-delete-bin-fill': SystemDeleteBinFillProps
       'dap-ds-icon-delete-bin-line': SystemDeleteBinLineProps
       'dap-ds-icon-download-line': SystemDownloadLineProps
@@ -6402,10 +6406,6 @@ declare global {
       'dap-ds-icon-upload-2-fill': SystemUpload2FillProps
       'dap-ds-icon-upload-2-line': SystemUpload2LineProps
       'dap-ds-icon-upload-line': SystemUploadLineProps
-      'dap-ds-icon-account-circle-fill': UserAccountCircleFillProps
-      'dap-ds-icon-account-circle-line': UserAccountCircleLineProps
-      'dap-ds-icon-user-fill': UserUserFillProps
-      'dap-ds-icon-user-line': UserUserLineProps
     }
   }
 }