dap-design-system 0.61.2 → 0.61.3

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

@@ -234,19 +234,14 @@ export interface DapDSBannerEvents {
   onDdsClose?: (event: CustomEvent) => void
 }
 
-export interface DapDSButtonEvents {
-  /** Emitted when the loading timeout is reached */
-  onDdsLoadingTimeout?: (event: CustomEvent) => void
-}
-
 export interface DapDSCalendarEvents {
   /** Fired when the calendar value changes. */
   onDdsChange?: (event: CustomEvent<{ value: Dayjs }>) => void
 }
 
-export interface DapDSCalloutEvents {
-  /** Fired when the close button is clicked. */
-  onDdsClose?: (event: CustomEvent) => void
+export interface DapDSButtonEvents {
+  /** Emitted when the loading timeout is reached */
+  onDdsLoadingTimeout?: (event: CustomEvent) => void
 }
 
 export interface DapDSCheckboxEvents {
@@ -260,6 +255,11 @@ export interface DapDSCheckboxEvents {
   onDdsInput?: (event: CustomEvent<{ checked: boolean, indeterminate: boolean, value: string, disabled: boolean, readonly: boolean }>) => void
 }
 
+export interface DapDSCalloutEvents {
+  /** Fired when the close button is clicked. */
+  onDdsClose?: (event: CustomEvent) => void
+}
+
 export interface DapDSChipEvents {
   /** Fired when the chip is removed */
   onDdsRemove?: (event: CustomEvent<{ value: string }>) => void
@@ -655,6 +655,11 @@ export interface DapDSRadioGroupEvents {
   onDdsFocus?: (event: CustomEvent) => void
 }
 
+export interface DapDSAccordionGroupSlots {
+  /** The content of the accordion group. */
+  default?: () => any
+}
+
 export interface DapDSAccordionSlots {
   /** The content of the accordion. */
   default?: () => any
@@ -673,9 +678,11 @@ export interface DapDSAvatarSlots {
   'fallback'?: () => any
 }
 
-export interface DapDSAccordionGroupSlots {
-  /** The content of the accordion group. */
+export interface DapDSBadgeSlots {
+  /** The content of the badge. */
   default?: () => any
+  /** The icon of the badge. */
+  'icon'?: () => any
 }
 
 export interface DapDSAvatarGroupSlots {
@@ -683,13 +690,6 @@ export interface DapDSAvatarGroupSlots {
   default?: () => any
 }
 
-export interface DapDSBadgeSlots {
-  /** The content of the badge. */
-  default?: () => any
-  /** The icon of the badge. */
-  'icon'?: () => any
-}
-
 export interface DapDSBannerSlots {
   /** The content of the banner. */
   default?: () => any
@@ -713,11 +713,6 @@ export interface DapDSBreadcrumbItemSlots {
   'separator'?: () => any
 }
 
-export interface DapDSButtonSlots {
-  /** The content of the button. Can contain text, icons, or other elements. */
-  default?: () => any
-}
-
 export interface DapDSCalendarCellSlots {
   /** The content of the calendar cell. */
   default?: () => any
@@ -728,6 +723,11 @@ export interface DapDSCalendarSlots {
   default?: () => any
 }
 
+export interface DapDSButtonSlots {
+  /** The content of the button. Can contain text, icons, or other elements. */
+  default?: () => any
+}
+
 export interface DapDSCalloutSlots {
   /** The content of the callout. */
   default?: () => any
@@ -810,11 +810,6 @@ export interface DapDSContentSwitcherSlots {
   default?: () => any
 }
 
-export interface DapDSDAPBadgeSlots {
-  /** Description of badge * */
-  default?: () => any
-}
-
 export interface DapDSDataTableSlots {
   /** The loading content of the table. */
   'loading'?: () => any
@@ -822,6 +817,11 @@ export interface DapDSDataTableSlots {
   'empty'?: () => any
 }
 
+export interface DapDSDAPBadgeSlots {
+  /** Description of badge * */
+  default?: () => any
+}
+
 export interface DapDSFeedbackSlots {
   /** The custom icon of the feedback. */
   'icon'?: () => any
@@ -1048,6 +1048,21 @@ export interface DapDSTabSlots {
   'content'?: () => 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
+}
+
+export interface DapDSTimelineSlots {
+  /** The default slot for the timeline items. */
+  default?: () => any
+}
+
 export interface DapDSTableCellSlots {
   /** The default slot. */
   default?: () => any
@@ -1068,21 +1083,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
-}
-
-export interface DapDSTimelineSlots {
-  /** The default slot for the timeline items. */
-  default?: () => any
-}
-
 export interface DapDSToggleButtonSlots {
   /** The content of the toggle button. */
   default?: () => any
@@ -1123,6 +1123,15 @@ export interface DapDSRadioGroupSlots {
   'feedback-icon'?: () => any
 }
 
+export type DapDSAccordionGroupProps = {
+  /** Whether to close other accordions when one is opened. */
+  autoClose?: DapDSAccordionGroup["autoClose"]
+  /** The variant of the accordion */
+  variant?: DapDSAccordionGroup["variant"]
+  /**  */
+  tagName?: DapDSAccordionGroup["tagName"]
+}
+
 export type DapDSAccordionProps = {
   /**  */
   tagName?: DapDSAccordion["tagName"]
@@ -1181,28 +1190,21 @@ 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"]
-  /**  */
-  tagName?: DapDSAccordionGroup["tagName"]
-}
-
-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"]
+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"]
   /**  */
-  elementId?: DapDSAnchorHeading["elementId"]
+  tagName?: DapDSBadge["tagName"]
   /**  */
-  anchorTitle?: DapDSAnchorHeading["anchorTitle"]
+  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 DapDSAvatarGroupProps = {
@@ -1226,23 +1228,6 @@ export type DapDSAvatarGroupProps = {
   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 = {
   /** The variant of the banner */
   variant?: DapDSBanner["variant"]
@@ -1262,6 +1247,21 @@ export type DapDSBannerProps = {
   dependencies?: DapDSBanner["dependencies"]
 }
 
+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 DapDSBreadcrumbProps = {
   /**  */
   variant?: DapDSBreadcrumb["variant"]
@@ -1290,41 +1290,6 @@ export type DapDSBreadcrumbItemProps = {
   dependencies?: DapDSBreadcrumbItem["dependencies"]
 }
 
-export type DapDSButtonProps = {
-  /** The visual style variant of the button */
-  variant?: DapDSButton["variant"]
-  /** The size of the button affecting padding and font size */
-  size?: DapDSButton["size"]
-  /** Whether the button is in loading state, showing a spinner and disabling interaction */
-  loading?: DapDSButton["loading"]
-  /** Whether the button represents a destructive action (applies danger styling) */
-  danger?: DapDSButton["danger"]
-  /** The shape of the button - use 'circle' for icon-only buttons */
-  shape?: DapDSButton["shape"]
-  /** The HTML type attribute for form interaction */
-  htmlType?: DapDSButton["htmlType"]
-  /** The URL to navigate to. When present, the button renders as an anchor element */
-  href?: DapDSButton["href"]
-  /** The target attribute for link navigation */
-  target?: DapDSButton["target"]
-  /** The rel attribute for link security and behavior */
-  rel?: DapDSButton["rel"]
-  /** Controls loading timeout in milliseconds */
-  loadingTimeout?: DapDSButton["loadingTimeout"]
-  /** Whether the button is active */
-  active?: DapDSButton["active"]
-  /** The text for the target blank link, applicable when target is _blank. PRO TIP: Use parenthesis to wrap the text */
-  targetBlankText?: DapDSButton["targetBlankText"]
-  /** Overrides the ARIA role on the internal native button/anchor element. Use when the host's semantics must differ from the native element (e.g. role="link" on a button acting as a SPA navigation trigger). */
-  forceRole?: DapDSButton["forceRole"]
-  /**  */
-  tagName?: DapDSButton["tagName"]
-  /** Components rendered inside the button, auto-registered on first use. */
-  dependencies?: DapDSButton["dependencies"]
-  /** The size map of the button. */
-  sizeMap?: DapDSButton["sizeMap"]
-}
-
 export type DapDSCalendarCellProps = {
   /** Whether the calendar cell is selected. */
   selected?: DapDSCalendarCell["selected"]
@@ -1393,6 +1358,100 @@ export type DapDSCalendarProps = {
   shouldHideAdjacentMonths?: DapDSCalendar["shouldHideAdjacentMonths"]
 }
 
+export type DapDSButtonProps = {
+  /** The visual style variant of the button */
+  variant?: DapDSButton["variant"]
+  /** The size of the button affecting padding and font size */
+  size?: DapDSButton["size"]
+  /** Whether the button is in loading state, showing a spinner and disabling interaction */
+  loading?: DapDSButton["loading"]
+  /** Whether the button represents a destructive action (applies danger styling) */
+  danger?: DapDSButton["danger"]
+  /** The shape of the button - use 'circle' for icon-only buttons */
+  shape?: DapDSButton["shape"]
+  /** The HTML type attribute for form interaction */
+  htmlType?: DapDSButton["htmlType"]
+  /** The URL to navigate to. When present, the button renders as an anchor element */
+  href?: DapDSButton["href"]
+  /** The target attribute for link navigation */
+  target?: DapDSButton["target"]
+  /** The rel attribute for link security and behavior */
+  rel?: DapDSButton["rel"]
+  /** Controls loading timeout in milliseconds */
+  loadingTimeout?: DapDSButton["loadingTimeout"]
+  /** Whether the button is active */
+  active?: DapDSButton["active"]
+  /** The text for the target blank link, applicable when target is _blank. PRO TIP: Use parenthesis to wrap the text */
+  targetBlankText?: DapDSButton["targetBlankText"]
+  /** Overrides the ARIA role on the internal native button/anchor element. Use when the host's semantics must differ from the native element (e.g. role="link" on a button acting as a SPA navigation trigger). */
+  forceRole?: DapDSButton["forceRole"]
+  /**  */
+  tagName?: DapDSButton["tagName"]
+  /** Components rendered inside the button, auto-registered on first use. */
+  dependencies?: DapDSButton["dependencies"]
+  /** The size map of the button. */
+  sizeMap?: DapDSButton["sizeMap"]
+}
+
+export type DapDSCheckboxProps = {
+  /** Whether the checkbox is indeterminate */
+  indeterminate?: DapDSCheckbox["indeterminate"]
+  /** Whether the checkbox should prevent the default action */
+  preventDefault?: DapDSCheckbox["preventDefault"]
+  /** This sets up border around the checkbox, when true. */
+  border?: DapDSCheckbox["border"]
+  /** Whether the checkbox is readonly (cannot be changed but value is submitted with form). */
+  readonly?: DapDSCheckbox["readonly"]
+  /** The type of the checkbox */
+  type?: DapDSCheckbox["type"]
+  /**  */
+  tagName?: DapDSCheckbox["tagName"]
+  /**  */
+  dependencies?: DapDSCheckbox["dependencies"]
+  /**  */
+  focusElement?: DapDSCheckbox["focusElement"]
+  /**  */
+  feedbackId?: DapDSCheckbox["feedbackId"]
+  /** The name of the checkbox. */
+  name?: DapDSCheckbox["name"]
+  /** The value of the checkbox. */
+  value?: DapDSCheckbox["value"]
+  /** Whether the checkbox is checked. */
+  checked?: DapDSCheckbox["checked"]
+  /** The label of the checkbox. */
+  label?: DapDSCheckbox["label"]
+  /** Visually hides the label while keeping it available to assistive technology. (default: false) */
+  hideLabel?: DapDSCheckbox["hideLabel"]
+  /** The description of the checkbox. */
+  description?: DapDSCheckbox["description"]
+  /** Whether the checkbox is disabled. */
+  disabled?: DapDSCheckbox["disabled"]
+  /** Whether the checkbox is required. */
+  required?: DapDSCheckbox["required"]
+  /** The size of the checkbox. Default is 'sm'. */
+  size?: DapDSCheckbox["size"]
+  /** Responsive size map (e.g. "md:lg"). */
+  sizeMap?: DapDSCheckbox["sizeMap"]
+  /** The placement of the label. */
+  labelPlacement?: DapDSCheckbox["labelPlacement"]
+  /** The placement of the description. */
+  descriptionPlacement?: DapDSCheckbox["descriptionPlacement"]
+  /** The weight of the label. */
+  subtle?: DapDSCheckbox["subtle"]
+  /** The feedback of the checkbox. */
+  feedback?: DapDSCheckbox["feedback"]
+  /** The feedback type of the checkbox. */
+  feedbackType?: DapDSCheckbox["feedbackType"]
+  /** The invalid state of the checkbox. */
+  invalid?: DapDSCheckbox["invalid"]
+  /** The optional state of the checkbox. */
+  optional?: DapDSCheckbox["optional"]
+  /** The optional label of the checkbox. */
+  optionalLabel?: DapDSCheckbox["optionalLabel"]
+  /** The required indicator of the checkbox. (default: '*') */
+  requiredLabel?: DapDSCheckbox["requiredLabel"]
+}
+
 export type DapDSCalloutProps = {
   /** The variant of the callout */
   variant?: DapDSCallout["variant"]
@@ -1516,65 +1575,6 @@ export type DapDSCardProps = {
   sizeMap?: DapDSCard["sizeMap"]
 }
 
-export type DapDSCheckboxProps = {
-  /** Whether the checkbox is indeterminate */
-  indeterminate?: DapDSCheckbox["indeterminate"]
-  /** Whether the checkbox should prevent the default action */
-  preventDefault?: DapDSCheckbox["preventDefault"]
-  /** This sets up border around the checkbox, when true. */
-  border?: DapDSCheckbox["border"]
-  /** Whether the checkbox is readonly (cannot be changed but value is submitted with form). */
-  readonly?: DapDSCheckbox["readonly"]
-  /** The type of the checkbox */
-  type?: DapDSCheckbox["type"]
-  /**  */
-  tagName?: DapDSCheckbox["tagName"]
-  /**  */
-  dependencies?: DapDSCheckbox["dependencies"]
-  /**  */
-  focusElement?: DapDSCheckbox["focusElement"]
-  /**  */
-  feedbackId?: DapDSCheckbox["feedbackId"]
-  /** The name of the checkbox. */
-  name?: DapDSCheckbox["name"]
-  /** The value of the checkbox. */
-  value?: DapDSCheckbox["value"]
-  /** Whether the checkbox is checked. */
-  checked?: DapDSCheckbox["checked"]
-  /** The label of the checkbox. */
-  label?: DapDSCheckbox["label"]
-  /** Visually hides the label while keeping it available to assistive technology. (default: false) */
-  hideLabel?: DapDSCheckbox["hideLabel"]
-  /** The description of the checkbox. */
-  description?: DapDSCheckbox["description"]
-  /** Whether the checkbox is disabled. */
-  disabled?: DapDSCheckbox["disabled"]
-  /** Whether the checkbox is required. */
-  required?: DapDSCheckbox["required"]
-  /** The size of the checkbox. Default is 'sm'. */
-  size?: DapDSCheckbox["size"]
-  /** Responsive size map (e.g. "md:lg"). */
-  sizeMap?: DapDSCheckbox["sizeMap"]
-  /** The placement of the label. */
-  labelPlacement?: DapDSCheckbox["labelPlacement"]
-  /** The placement of the description. */
-  descriptionPlacement?: DapDSCheckbox["descriptionPlacement"]
-  /** The weight of the label. */
-  subtle?: DapDSCheckbox["subtle"]
-  /** The feedback of the checkbox. */
-  feedback?: DapDSCheckbox["feedback"]
-  /** The feedback type of the checkbox. */
-  feedbackType?: DapDSCheckbox["feedbackType"]
-  /** The invalid state of the checkbox. */
-  invalid?: DapDSCheckbox["invalid"]
-  /** The optional state of the checkbox. */
-  optional?: DapDSCheckbox["optional"]
-  /** The optional label of the checkbox. */
-  optionalLabel?: DapDSCheckbox["optionalLabel"]
-  /** The required indicator of the checkbox. (default: '*') */
-  requiredLabel?: DapDSCheckbox["requiredLabel"]
-}
-
 export type DapDSChipProps = {
   /** Whether the chip is removeable */
   removeable?: DapDSChip["removeable"]
@@ -1861,17 +1861,6 @@ export type DapDSCopyBoxInputProps = {
   subtle?: DapDSCopyBoxInput["subtle"]
 }
 
-export type DapDSDAPBadgeProps = {
-  /** The variant of the DÁP badge */
-  variant?: DapDSDAPBadge["variant"]
-  /**  */
-  tagName?: DapDSDAPBadge["tagName"]
-  /** The size of the DÁP badge. Default is `sm`. */
-  size?: DapDSDAPBadge["size"]
-  /** Responsive size map (e.g. "md:lg"). */
-  sizeMap?: DapDSDAPBadge["sizeMap"]
-}
-
 export type DapDSDataTableProps<T> = {
   /** Row key to use for row selection, this should be a unique key for each row */
   rowKey?: DapDSDataTable<T>["rowKey"]
@@ -1968,6 +1957,17 @@ stays visible while the other columns scroll horizontally under it. */
   pageStateText?: DapDSDataTable<T>["pageStateText"]
 }
 
+export type DapDSDAPBadgeProps = {
+  /** The variant of the DÁP badge */
+  variant?: DapDSDAPBadge["variant"]
+  /**  */
+  tagName?: DapDSDAPBadge["tagName"]
+  /** The size of the DÁP badge. Default is `sm`. */
+  size?: DapDSDAPBadge["size"]
+  /** Responsive size map (e.g. "md:lg"). */
+  sizeMap?: DapDSDAPBadge["sizeMap"]
+}
+
 export type DapDSDatePickerProps = {
   /** The value of the datepicker. */
   value?: DapDSDatePicker["value"]
@@ -2643,6 +2643,10 @@ export type DapDSNavigationMenuItemProps = {
   hasContent?: DapDSNavigationMenuItem["hasContent"]
   /** Computed property to detect if this item contains nested navigation menu items. */
   hasNestedItems?: DapDSNavigationMenuItem["hasNestedItems"]
+  /** The element keyboard activation should act on: the element slotted into
+`trigger` when one is provided, otherwise the default trigger button
+rendered in the shadow root. */
+  activationTrigger?: DapDSNavigationMenuItem["activationTrigger"]
   /** The size of the popup. Default is 'sm'. */
   size?: DapDSNavigationMenuItem["size"]
 }
@@ -3493,44 +3497,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 */
-  role?: DapDSTableHeader["role"]
-  /**  */
-  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 = {
-  /**  */
-  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"]
@@ -3736,6 +3702,44 @@ export type DapDSTimePickerProps = {
   autocomplete?: DapDSTimePicker["autocomplete"]
 }
 
+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 */
+  role?: DapDSTableHeader["role"]
+  /**  */
+  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 = {
+  /**  */
+  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 DapDSTOCProps = {
   /** The root element to observe [`IntersectionObserver`](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API#root) */
   root?: DapDSTOC["root"]
@@ -3964,19 +3968,6 @@ export type DapDSRadioGroupProps = {
   size?: DapDSRadioGroup["size"]
 }
 
-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 ArrowsArrowDownLineProps = {
   /** (optional) The width and height in pixels */
   size?: ArrowsArrowDownLine["size"]
@@ -4029,30 +4020,30 @@ export type ArrowsArrowLeftDownLineProps = {
   tagName?: ArrowsArrowLeftDownLine["tagName"]
 }
 
-export type ArrowsArrowLeftLLineProps = {
+export type ArrowsArrowLeftLineProps = {
   /** (optional) The width and height in pixels */
-  size?: ArrowsArrowLeftLLine["size"]
+  size?: ArrowsArrowLeftLine["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: ArrowsArrowLeftLLine["selected"]
+  selected?: ArrowsArrowLeftLine["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: ArrowsArrowLeftLLine["accessibilityTitle"]
+  accessibilityTitle?: ArrowsArrowLeftLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: ArrowsArrowLeftLLine["focusable"]
+  focusable?: ArrowsArrowLeftLine["focusable"]
   /**  */
-  tagName?: ArrowsArrowLeftLLine["tagName"]
+  tagName?: ArrowsArrowLeftLine["tagName"]
 }
 
-export type ArrowsArrowLeftLineProps = {
+export type ArrowsArrowLeftLLineProps = {
   /** (optional) The width and height in pixels */
-  size?: ArrowsArrowLeftLine["size"]
+  size?: ArrowsArrowLeftLLine["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: ArrowsArrowLeftLine["selected"]
+  selected?: ArrowsArrowLeftLLine["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: ArrowsArrowLeftLine["accessibilityTitle"]
+  accessibilityTitle?: ArrowsArrowLeftLLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: ArrowsArrowLeftLine["focusable"]
+  focusable?: ArrowsArrowLeftLLine["focusable"]
   /**  */
-  tagName?: ArrowsArrowLeftLine["tagName"]
+  tagName?: ArrowsArrowLeftLLine["tagName"]
 }
 
 export type ArrowsArrowLeftSFillProps = {
@@ -4224,6 +4215,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"]
@@ -4432,6 +4436,58 @@ export type OthersCookieLineProps = {
   tagName?: OthersCookieLine["tagName"]
 }
 
+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"]
+  /**  */
+  tagName?: UserAccountCircleFill["tagName"]
+}
+
+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"]
+  /**  */
+  tagName?: UserAccountCircleLine["tagName"]
+}
+
+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"]
+  /**  */
+  tagName?: UserUserFill["tagName"]
+}
+
+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"]
+  /**  */
+  tagName?: UserUserLine["tagName"]
+}
+
 export type SystemAddLineProps = {
   /** (optional) The width and height in pixels */
   size?: SystemAddLine["size"]
@@ -4718,19 +4774,6 @@ export type SystemEyeOffLineProps = {
   tagName?: SystemEyeOffLine["tagName"]
 }
 
-export type SystemForbidFillProps = {
-  /** (optional) The width and height in pixels */
-  size?: SystemForbidFill["size"]
-  /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemForbidFill["selected"]
-  /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemForbidFill["accessibilityTitle"]
-  /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemForbidFill["focusable"]
-  /**  */
-  tagName?: SystemForbidFill["tagName"]
-}
-
 export type SystemInformation2FillProps = {
   /** (optional) The width and height in pixels */
   size?: SystemInformation2Fill["size"]
@@ -4757,6 +4800,19 @@ export type SystemInformationFillProps = {
   tagName?: SystemInformationFill["tagName"]
 }
 
+export type SystemForbidFillProps = {
+  /** (optional) The width and height in pixels */
+  size?: SystemForbidFill["size"]
+  /** (optional) Sets the icon color via the `fill` attribute */
+  selected?: SystemForbidFill["selected"]
+  /** (optional) When using the icon standalone, make it meaningful for accessibility */
+  accessibilityTitle?: SystemForbidFill["accessibilityTitle"]
+  /** (optional) If `true` the icon can receive focus */
+  focusable?: SystemForbidFill["focusable"]
+  /**  */
+  tagName?: SystemForbidFill["tagName"]
+}
+
 export type SystemInformationLineProps = {
   /** (optional) The width and height in pixels */
   size?: SystemInformationLine["size"]
@@ -5056,61 +5112,19 @@ export type SystemZoomOutLineProps = {
   tagName?: SystemZoomOutLine["tagName"]
 }
 
-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"]
-  /**  */
-  tagName?: UserAccountCircleFill["tagName"]
-}
-
-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"]
-  /**  */
-  tagName?: UserAccountCircleLine["tagName"]
-}
-
-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"]
-  /**  */
-  tagName?: UserUserFill["tagName"]
-}
-
-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"]
-  /**  */
-  tagName?: UserUserLine["tagName"]
-}
-
 // Augment Vue's GlobalComponents interface
 declare module 'vue' {
   interface GlobalComponents {
+    /**
+     * 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, {}>
     /**
      * An accordion is a vertically stacked list of interactive items that can be expanded or collapsed to reveal or hide content.
      *
@@ -5158,25 +5172,19 @@ declare module 'vue' {
      */
          'dap-ds-avatar': DefineCustomElement<DapDSAvatar, DapDSAvatarProps, DapDSAvatarEvents>
     /**
-     * An accordion group is a collection of accordion components.
+     * A badge is a small status descriptor for UI elements.
      *
      * ### Slots:
-     * - **default** - The content of the accordion group.
-     *
-     * ### CSS Parts:
-     * - **base** - The main accordion group container.
-     */
-         'dap-ds-accordion-group': DefineCustomElement<DapDSAccordionGroup, DapDSAccordionGroupProps, {}>
-    /**
-     * Anchor heading is a heading with an anchor link.
+     * - **default** - The content of the badge.
+     * - **icon** - The icon of the badge.
      *
      * ### 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.
+     * - **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-anchor-heading': DefineCustomElement<DapDSAnchorHeading, DapDSAnchorHeadingProps, {}>
+         'dap-ds-badge': DefineCustomElement<DapDSBadge, DapDSBadgeProps, {}>
     /**
      * Avatar group component displays multiple avatars in an organized layout with overflow management.
      *
@@ -5192,20 +5200,6 @@ declare module 'vue' {
      * - **overflow** - The overflow indicator element.
      */
          '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.
      *
@@ -5230,6 +5224,16 @@ declare module 'vue' {
      * - **title** -  The title of the banner.
      */
          'dap-ds-banner': DefineCustomElement<DapDSBanner, DapDSBannerProps, DapDSBannerEvents>
+    /**
+     * Anchor heading is a heading with an anchor link.
+     *
+     * ### CSS Parts:
+     * - **base** - The main anchor heading container.
+     * - **link** - The link of the anchor heading. dap-ds-link element.
+     * - **link-base** - The base of the link part.
+     * - **text** - The text of the anchor heading.
+     */
+         'dap-ds-anchor-heading': DefineCustomElement<DapDSAnchorHeading, DapDSAnchorHeadingProps, {}>
     /**
      * A breadcrumb is a secondary navigation scheme that reveals the user's location in a website or Web application.
      *
@@ -5257,6 +5261,39 @@ declare module 'vue' {
      * - **separator** - The separator of the breadcrumb item.
      */
          'dap-ds-breadcrumb-item': DefineCustomElement<DapDSBreadcrumbItem, DapDSBreadcrumbItemProps, {}>
+    /**
+     * Calendar cell represents a single cell in the calendar.
+     *
+     * ### Slots:
+     * - **default** - The content of the calendar cell.
+     *
+     * ### CSS Parts:
+     * - **base** - The main calendar cell container.
+     * - **today-mark** - The today mark of the calendar cell.
+     */
+         'dap-ds-calendar-cell': DefineCustomElement<DapDSCalendarCell, DapDSCalendarCellProps, {}>
+    /**
+     * A calendar is a visual representation of dates. It allows users to select a date.
+     *
+     * ### Events:
+     * - **dds-change** - Fired when the calendar value changes.
+     *
+     * ### Slots:
+     * - **default** - The content of the calendar.
+     *
+     * ### CSS Parts:
+     * - **base** - The main calendar container.
+     * - **calendar-header** - The header of the calendar.
+     * - **body** - The body of the calendar.
+     * - **calendar-grid-header** - The header of the calendar grid.
+     * - **calendar-grid-header-cell** - The header cell of the calendar grid.
+     * - **calendar-grid-cell** - The cell of the calendar grid.
+     * - **calendar-header-button-prev** - The previous month button of the calendar header.
+     * - **calendar-header-button-next** - The next month button of the calendar header.
+     * - **calendar-header-year-select** - The year select of the calendar header.
+     * - **calendar-header-month-select** - The month select of the calendar header.
+     */
+         'dap-ds-calendar': DefineCustomElement<DapDSCalendar, DapDSCalendarProps, DapDSCalendarEvents>
     /**
      * A button is a clickable element that can be used to trigger an action, submit forms, or navigate to other pages.
      *
@@ -5273,38 +5310,26 @@ declare module 'vue' {
      */
          'dap-ds-button': DefineCustomElement<DapDSButton, DapDSButtonProps, DapDSButtonEvents>
     /**
-     * Calendar cell represents a single cell in the calendar.
-     *
-     * ### Slots:
-     * - **default** - The content of the calendar cell.
-     *
-     * ### CSS Parts:
-     * - **base** - The main calendar cell container.
-     * - **today-mark** - The today mark of the calendar cell.
-     */
-         'dap-ds-calendar-cell': DefineCustomElement<DapDSCalendarCell, DapDSCalendarCellProps, {}>
-    /**
-     * A calendar is a visual representation of dates. It allows users to select a date.
+     * A checkbox is a form element that allows the user to select one or more options from a set.
      *
      * ### Events:
-     * - **dds-change** - Fired when the calendar value changes.
-     *
-     * ### Slots:
-     * - **default** - The content of the calendar.
+     * - **dds-change** - Fired when the checkbox is checked or unchecked.
+     * - **dds-blur** - Emitted when the checkbox loses focus.
+     * - **dds-focus** - Emitted when the checkbox gains focus.
+     * - **dds-input** - Emitted when the checkbox receives input.
      *
      * ### CSS Parts:
-     * - **base** - The main calendar container.
-     * - **calendar-header** - The header of the calendar.
-     * - **body** - The body of the calendar.
-     * - **calendar-grid-header** - The header of the calendar grid.
-     * - **calendar-grid-header-cell** - The header cell of the calendar grid.
-     * - **calendar-grid-cell** - The cell of the calendar grid.
-     * - **calendar-header-button-prev** - The previous month button of the calendar header.
-     * - **calendar-header-button-next** - The next month button of the calendar header.
-     * - **calendar-header-year-select** - The year select of the calendar header.
-     * - **calendar-header-month-select** - The month select of the calendar header.
+     * - **base** - The main checkbox container.
+     * - **label** - The label of the checkbox.
+     * - **input** - The input of the checkbox.
+     * - **control** - The control of the checkbox.
+     * - **icon** - The icon of the checkbox.
+     * - **icon-base** - The base icon container.
+     * - **label-container** - The label container of the checkbox.
+     * - **description** - The description of the checkbox.
+     * - **readonly** - The readonly state of the checkbox.
      */
-         'dap-ds-calendar': DefineCustomElement<DapDSCalendar, DapDSCalendarProps, DapDSCalendarEvents>
+         'dap-ds-checkbox': DefineCustomElement<DapDSCheckbox, DapDSCheckboxProps, DapDSCheckboxEvents>
     /**
      * 
      *
@@ -5389,27 +5414,6 @@ declare module 'vue' {
      * - **base** - The main card container.
      */
          'dap-ds-card': DefineCustomElement<DapDSCard, DapDSCardProps, {}>
-    /**
-     * A checkbox is a form element that allows the user to select one or more options from a set.
-     *
-     * ### Events:
-     * - **dds-change** - Fired when the checkbox is checked or unchecked.
-     * - **dds-blur** - Emitted when the checkbox loses focus.
-     * - **dds-focus** - Emitted when the checkbox gains focus.
-     * - **dds-input** - Emitted when the checkbox receives input.
-     *
-     * ### CSS Parts:
-     * - **base** - The main checkbox container.
-     * - **label** - The label of the checkbox.
-     * - **input** - The input of the checkbox.
-     * - **control** - The control of the checkbox.
-     * - **icon** - The icon of the checkbox.
-     * - **icon-base** - The base icon container.
-     * - **label-container** - The label container of the checkbox.
-     * - **description** - The description of the checkbox.
-     * - **readonly** - The readonly state of the checkbox.
-     */
-         'dap-ds-checkbox': DefineCustomElement<DapDSCheckbox, DapDSCheckboxProps, DapDSCheckboxEvents>
     /**
      * A chip is a small status descriptor for UI elements.
      *
@@ -5571,18 +5575,6 @@ declare module 'vue' {
      * - **copy-icon-base** - The base of the copy icon.
      */
          'dap-ds-copybox-input': DefineCustomElement<DapDSCopyBoxInput, DapDSCopyBoxInputProps, DapDSCopyBoxInputEvents>
-    /**
-     * A DÁP badge is a brand element showing the use of this system design library.
-     *
-     * ### Slots:
-     * - **default** - Description of badge *
-     *
-     * ### CSS Parts:
-     * - **base** - Main badge container
-     * - **icon** - Badge icon
-     * - **text** - Badge text
-     */
-         'dap-ds-dap-badge': DefineCustomElement<DapDSDAPBadge, DapDSDAPBadgeProps, {}>
     /**
      * A data table is a component that displays data in a tabular format.
      *
@@ -5615,6 +5607,18 @@ declare module 'vue' {
      * - **pager-page-size-select** - The page size select of the pager.
      */
          'dap-ds-datatable': DefineGenericCustomElement<DapDSDataTable<any>, DapDSDataTableProps<any>, any, DapDSDataTableEvents<any>>
+    /**
+     * A DÁP badge is a brand element showing the use of this system design library.
+     *
+     * ### Slots:
+     * - **default** - Description of badge *
+     *
+     * ### CSS Parts:
+     * - **base** - Main badge container
+     * - **icon** - Badge icon
+     * - **text** - Badge text
+     */
+         'dap-ds-dap-badge': DefineCustomElement<DapDSDAPBadge, DapDSDAPBadgeProps, {}>
     /**
      * A datepicker is a graphical user interface widget that allows the user to select a date from a calendar and/or time from a time range.
      *
@@ -6431,40 +6435,6 @@ 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, {}>
-    /**
-     * 
-     *
-     * ### Slots:
-     * - **default** - The default slot.
-     *
-     * ### CSS Parts:
-     * - **base** - The main cell container.
-     */
-         'dap-ds-table-cell': DefineCustomElement<DapDSTableCell, DapDSTableCellProps, {}>
-    /**
-     * 
-     *
-     * ### Slots:
-     * - **default** - The default slot.
-     *
-     * ### CSS Parts:
-     * - **base** - The main header cell container.
-     */
-         'dap-ds-table-header': DefineCustomElement<DapDSTableHeader, DapDSTableHeaderProps, {}>
-    /**
-     * 
-     *
-     * ### Slots:
-     * - **default** - The default slot. Accepts `dap-ds-table-cell` and `dap-ds-table-header` elements.
-     */
-         'dap-ds-table-row': DefineCustomElement<DapDSTableRow, DapDSTableRowProps, {}>
-    /**
-     * 
-     *
-     * ### Slots:
-     * - **default** - The default slot. Accepts `dap-ds-table-row` elements.
-     */
-         'dap-ds-table': DefineCustomElement<DapDSTable, DapDSTableProps, {}>
     /**
      * A textarea is a multi-line text input field.
      *
@@ -6556,6 +6526,40 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * - **clear-button** - The clear button of the timepicker.
      */
          'dap-ds-timepicker': DefineCustomElement<DapDSTimePicker, DapDSTimePickerProps, DapDSTimePickerEvents>
+    /**
+     * 
+     *
+     * ### Slots:
+     * - **default** - The default slot.
+     *
+     * ### CSS Parts:
+     * - **base** - The main cell container.
+     */
+         'dap-ds-table-cell': DefineCustomElement<DapDSTableCell, DapDSTableCellProps, {}>
+    /**
+     * 
+     *
+     * ### Slots:
+     * - **default** - The default slot.
+     *
+     * ### CSS Parts:
+     * - **base** - The main header cell container.
+     */
+         'dap-ds-table-header': DefineCustomElement<DapDSTableHeader, DapDSTableHeaderProps, {}>
+    /**
+     * 
+     *
+     * ### Slots:
+     * - **default** - The default slot. Accepts `dap-ds-table-cell` and `dap-ds-table-header` elements.
+     */
+         'dap-ds-table-row': DefineCustomElement<DapDSTableRow, DapDSTableRowProps, {}>
+    /**
+     * 
+     *
+     * ### Slots:
+     * - **default** - The default slot. Accepts `dap-ds-table-row` elements.
+     */
+         'dap-ds-table': DefineCustomElement<DapDSTable, DapDSTableProps, {}>
     /**
      * A table of contents (TOC) is a list of links that allows users to quickly navigate to sections within a document.
      *
@@ -6668,13 +6672,6 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * - **container** - The container of the radio group items.
      */
          'dap-ds-radio-group': DefineCustomElement<DapDSRadioGroup, DapDSRadioGroupProps, DapDSRadioGroupEvents>
-    /**
-     * An icon
-     *
-     * ### CSS Parts:
-     * - **base** - The main icon container.
-     */
-         'dap-ds-icon-home-6-line': DefineCustomElement<BuildingsHome6Line, BuildingsHome6LineProps, {}>
     /**
      * An icon
      *
@@ -6709,14 +6706,14 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-arrow-left-l-line': DefineCustomElement<ArrowsArrowLeftLLine, ArrowsArrowLeftLLineProps, {}>
+         'dap-ds-icon-arrow-left-line': DefineCustomElement<ArrowsArrowLeftLine, ArrowsArrowLeftLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-arrow-left-line': DefineCustomElement<ArrowsArrowLeftLine, ArrowsArrowLeftLineProps, {}>
+         'dap-ds-icon-arrow-left-l-line': DefineCustomElement<ArrowsArrowLeftLLine, ArrowsArrowLeftLLineProps, {}>
     /**
      * An icon
      *
@@ -6808,6 +6805,13 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * - **base** - The main icon container.
      */
          'dap-ds-icon-expand-up-down-fill': DefineCustomElement<ArrowsExpandUpDownFill, ArrowsExpandUpDownFillProps, {}>
+    /**
+     * An icon
+     *
+     * ### CSS Parts:
+     * - **base** - The main icon container.
+     */
+         'dap-ds-icon-home-6-line': DefineCustomElement<BuildingsHome6Line, BuildingsHome6LineProps, {}>
     /**
      * An icon
      *
@@ -6920,6 +6924,34 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * - **base** - The main icon container.
      */
          'dap-ds-icon-cookie-line': DefineCustomElement<OthersCookieLine, OthersCookieLineProps, {}>
+    /**
+     * An icon
+     *
+     * ### CSS Parts:
+     * - **base** - The main icon container.
+     */
+         'dap-ds-icon-account-circle-fill': DefineCustomElement<UserAccountCircleFill, UserAccountCircleFillProps, {}>
+    /**
+     * An icon
+     *
+     * ### CSS Parts:
+     * - **base** - The main icon container.
+     */
+         'dap-ds-icon-account-circle-line': DefineCustomElement<UserAccountCircleLine, UserAccountCircleLineProps, {}>
+    /**
+     * An icon
+     *
+     * ### CSS Parts:
+     * - **base** - The main icon container.
+     */
+         'dap-ds-icon-user-fill': DefineCustomElement<UserUserFill, UserUserFillProps, {}>
+    /**
+     * An icon
+     *
+     * ### CSS Parts:
+     * - **base** - The main icon container.
+     */
+         'dap-ds-icon-user-line': DefineCustomElement<UserUserLine, UserUserLineProps, {}>
     /**
      * An icon
      *
@@ -7080,21 +7112,21 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-forbid-fill': DefineCustomElement<SystemForbidFill, SystemForbidFillProps, {}>
+         'dap-ds-icon-information-2-fill': DefineCustomElement<SystemInformation2Fill, SystemInformation2FillProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-information-2-fill': DefineCustomElement<SystemInformation2Fill, SystemInformation2FillProps, {}>
+         'dap-ds-icon-information-fill': DefineCustomElement<SystemInformationFill, SystemInformationFillProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-information-fill': DefineCustomElement<SystemInformationFill, SystemInformationFillProps, {}>
+         'dap-ds-icon-forbid-fill': DefineCustomElement<SystemForbidFill, SystemForbidFillProps, {}>
     /**
      * An icon
      *
@@ -7256,34 +7288,6 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * - **base** - The main icon container.
      */
          'dap-ds-icon-zoom-out-line': DefineCustomElement<SystemZoomOutLine, SystemZoomOutLineProps, {}>
-    /**
-     * An icon
-     *
-     * ### CSS Parts:
-     * - **base** - The main icon container.
-     */
-         'dap-ds-icon-account-circle-fill': DefineCustomElement<UserAccountCircleFill, UserAccountCircleFillProps, {}>
-    /**
-     * An icon
-     *
-     * ### CSS Parts:
-     * - **base** - The main icon container.
-     */
-         'dap-ds-icon-account-circle-line': DefineCustomElement<UserAccountCircleLine, UserAccountCircleLineProps, {}>
-    /**
-     * An icon
-     *
-     * ### CSS Parts:
-     * - **base** - The main icon container.
-     */
-         'dap-ds-icon-user-fill': DefineCustomElement<UserUserFill, UserUserFillProps, {}>
-    /**
-     * An icon
-     *
-     * ### CSS Parts:
-     * - **base** - The main icon container.
-     */
-         'dap-ds-icon-user-line': DefineCustomElement<UserUserLine, UserUserLineProps, {}>
   }
 }
 
@@ -7291,18 +7295,19 @@ Used with dap-ds-select to create grouped options that render as native optgroup
 declare global {
   namespace JSX {
     interface IntrinsicElements {
+      'dap-ds-accordion-group': DapDSAccordionGroupProps & DapDSAccordionGroupSlots
       'dap-ds-accordion': DapDSAccordionProps & DapDSAccordionEvents & DapDSAccordionSlots
       'dap-ds-avatar': DapDSAvatarProps & DapDSAvatarEvents & DapDSAvatarSlots
-      'dap-ds-accordion-group': DapDSAccordionGroupProps & DapDSAccordionGroupSlots
-      'dap-ds-anchor-heading': DapDSAnchorHeadingProps
-      'dap-ds-avatar-group': DapDSAvatarGroupProps & DapDSAvatarGroupEvents & DapDSAvatarGroupSlots
       'dap-ds-badge': DapDSBadgeProps & DapDSBadgeSlots
+      'dap-ds-avatar-group': DapDSAvatarGroupProps & DapDSAvatarGroupEvents & DapDSAvatarGroupSlots
       'dap-ds-banner': DapDSBannerProps & DapDSBannerEvents & DapDSBannerSlots
+      'dap-ds-anchor-heading': DapDSAnchorHeadingProps
       'dap-ds-breadcrumb': DapDSBreadcrumbProps & DapDSBreadcrumbSlots
       'dap-ds-breadcrumb-item': DapDSBreadcrumbItemProps & DapDSBreadcrumbItemSlots
-      'dap-ds-button': DapDSButtonProps & DapDSButtonEvents & DapDSButtonSlots
       'dap-ds-calendar-cell': DapDSCalendarCellProps & DapDSCalendarCellSlots
       'dap-ds-calendar': DapDSCalendarProps & DapDSCalendarEvents & DapDSCalendarSlots
+      'dap-ds-button': DapDSButtonProps & DapDSButtonEvents & DapDSButtonSlots
+      'dap-ds-checkbox': DapDSCheckboxProps & DapDSCheckboxEvents
       'dap-ds-callout': DapDSCalloutProps & DapDSCalloutEvents & DapDSCalloutSlots
       'dap-ds-card-actions': DapDSCardActionsProps & DapDSCardActionsSlots
       'dap-ds-card-content': DapDSCardContentProps & DapDSCardContentSlots
@@ -7310,7 +7315,6 @@ declare global {
       'dap-ds-card-subtitle': DapDSCardSubtitleProps & DapDSCardSubtitleSlots
       'dap-ds-card-title': DapDSCardTitleProps & DapDSCardTitleSlots
       'dap-ds-card': DapDSCardProps & DapDSCardSlots
-      'dap-ds-checkbox': DapDSCheckboxProps & DapDSCheckboxEvents
       'dap-ds-chip': DapDSChipProps & DapDSChipEvents
       'dap-ds-code-puncher-slot': DapDSCodePuncherSlotProps
       'dap-ds-code-puncher': DapDSCodePuncherProps & DapDSCodePuncherEvents & DapDSCodePuncherSlots
@@ -7321,8 +7325,8 @@ declare global {
       'dap-ds-content-switcher-item': DapDSContentSwitcherItemProps & DapDSContentSwitcherItemSlots
       'dap-ds-content-switcher': DapDSContentSwitcherProps & DapDSContentSwitcherEvents & DapDSContentSwitcherSlots
       'dap-ds-copybox-input': DapDSCopyBoxInputProps & DapDSCopyBoxInputEvents
-      'dap-ds-dap-badge': DapDSDAPBadgeProps & DapDSDAPBadgeSlots
       'dap-ds-datatable': <T = any>(props: DapDSDataTableProps<T> & DapDSDataTableEvents<T> & DapDSDataTableSlots) => JSX.Element
+      'dap-ds-dap-badge': DapDSDAPBadgeProps & DapDSDAPBadgeSlots
       'dap-ds-datepicker': DapDSDatePickerProps & DapDSDatePickerEvents
       'dap-ds-divider': DapDSDividerProps
       'dap-ds-feedback': DapDSFeedbackProps & DapDSFeedbackSlots
@@ -7368,15 +7372,15 @@ declare global {
       '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-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-table-cell': DapDSTableCellProps & DapDSTableCellSlots
+      'dap-ds-table-header': DapDSTableHeaderProps & DapDSTableHeaderSlots
+      'dap-ds-table-row': DapDSTableRowProps & DapDSTableRowSlots
+      'dap-ds-table': DapDSTableProps & DapDSTableSlots
       'dap-ds-toc': DapDSTOCProps & DapDSTOCEvents
       'dap-ds-toggle-button': DapDSToggleButtonProps & DapDSToggleButtonSlots
       'dap-ds-tooltip': DapDSTooltipProps & DapDSTooltipSlots
@@ -7385,13 +7389,12 @@ declare global {
       'dap-ds-form-label': DapDSFormLabelProps
       'dap-ds-input-group': DapDSInputGroupProps & DapDSInputGroupSlots
       'dap-ds-radio-group': DapDSRadioGroupProps & DapDSRadioGroupEvents & DapDSRadioGroupSlots
-      'dap-ds-icon-home-6-line': BuildingsHome6LineProps
       'dap-ds-icon-arrow-down-line': ArrowsArrowDownLineProps
       'dap-ds-icon-arrow-down-s-fill': ArrowsArrowDownSFillProps
       'dap-ds-icon-arrow-down-s-line': ArrowsArrowDownSLineProps
       'dap-ds-icon-arrow-left-down-line': ArrowsArrowLeftDownLineProps
-      'dap-ds-icon-arrow-left-l-line': ArrowsArrowLeftLLineProps
       'dap-ds-icon-arrow-left-line': ArrowsArrowLeftLineProps
+      'dap-ds-icon-arrow-left-l-line': ArrowsArrowLeftLLineProps
       'dap-ds-icon-arrow-left-s-fill': ArrowsArrowLeftSFillProps
       'dap-ds-icon-arrow-left-s-line': ArrowsArrowLeftSLineProps
       'dap-ds-icon-arrow-left-up-line': ArrowsArrowLeftUpLineProps
@@ -7405,6 +7408,7 @@ 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
@@ -7421,6 +7425,10 @@ declare global {
       'dap-ds-icon-heart-fill': HealthHeartFillProps
       'dap-ds-icon-heart-line': HealthHeartLineProps
       'dap-ds-icon-cookie-line': OthersCookieLineProps
+      'dap-ds-icon-account-circle-fill': UserAccountCircleFillProps
+      'dap-ds-icon-account-circle-line': UserAccountCircleLineProps
+      'dap-ds-icon-user-fill': UserUserFillProps
+      'dap-ds-icon-user-line': UserUserLineProps
       'dap-ds-icon-add-line': SystemAddLineProps
       'dap-ds-icon-alert-fill': SystemAlertFillProps
       'dap-ds-icon-alert-line': SystemAlertLineProps
@@ -7443,9 +7451,9 @@ declare global {
       'dap-ds-icon-external-link-line': SystemExternalLinkLineProps
       'dap-ds-icon-eye-line': SystemEyeLineProps
       'dap-ds-icon-eye-off-line': SystemEyeOffLineProps
-      'dap-ds-icon-forbid-fill': SystemForbidFillProps
       'dap-ds-icon-information-2-fill': SystemInformation2FillProps
       'dap-ds-icon-information-fill': SystemInformationFillProps
+      'dap-ds-icon-forbid-fill': SystemForbidFillProps
       'dap-ds-icon-information-line': SystemInformationLineProps
       'dap-ds-icon-lightbulb-fill': SystemLightbulbFillProps
       'dap-ds-icon-loading-spinner': SystemLoadingSpinnerProps
@@ -7469,10 +7477,6 @@ declare global {
       'dap-ds-icon-upload-line': SystemUploadLineProps
       'dap-ds-icon-zoom-in-line': SystemZoomInLineProps
       'dap-ds-icon-zoom-out-line': SystemZoomOutLineProps
-      'dap-ds-icon-account-circle-fill': UserAccountCircleFillProps
-      'dap-ds-icon-account-circle-line': UserAccountCircleLineProps
-      'dap-ds-icon-user-fill': UserUserFillProps
-      'dap-ds-icon-user-line': UserUserLineProps
     }
   }
 }