dap-design-system 0.55.2 → 0.55.4

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

@@ -217,13 +217,6 @@ export interface DapDSAccordionEvents {
   onDdsClosed?: (event: CustomEvent<{ open: boolean, item: AccordionBaseElement }>) => void
 }
 
-export interface DapDSAvatarEvents {
-  /** Fired when the image loads successfully. */
-  onDdsLoad?: (event: CustomEvent) => void
-  /** Fired when the image fails to load. */
-  onDdsError?: (event: CustomEvent) => void
-}
-
 export interface DapDSAvatarGroupEvents {
   /** Fired when the overflow indicator is clicked. */
   onDdsOverflowClick?: (event: CustomEvent) => void
@@ -234,9 +227,11 @@ export interface DapDSBannerEvents {
   onDdsClose?: (event: CustomEvent) => void
 }
 
-export interface DapDSButtonEvents {
-  /** Emitted when the loading timeout is reached */
-  onDdsLoadingTimeout?: (event: CustomEvent) => void
+export interface DapDSAvatarEvents {
+  /** Fired when the image loads successfully. */
+  onDdsLoad?: (event: CustomEvent) => void
+  /** Fired when the image fails to load. */
+  onDdsError?: (event: CustomEvent) => void
 }
 
 export interface DapDSCalloutEvents {
@@ -244,6 +239,11 @@ export interface DapDSCalloutEvents {
   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
@@ -666,25 +666,11 @@ export interface DapDSAccordionSlots {
   'icon-closed'?: () => any
 }
 
-export interface DapDSAvatarSlots {
-  /** The icon to display when variant is 'icon'. */
-  'icon'?: () => any
-  /** Custom fallback content when image fails to load. */
-  'fallback'?: () => any
-}
-
 export interface DapDSAvatarGroupSlots {
   /** The avatars to display in the group. */
   default?: () => any
 }
 
-export interface DapDSBreadcrumbSlots {
-  /** The content of the breadcrumb. */
-  default?: () => any
-  /** The separator between breadcrumb items. Default is '/'. */
-  'separator'?: () => any
-}
-
 export interface DapDSBadgeSlots {
   /** The content of the badge. */
   default?: () => any
@@ -701,14 +687,23 @@ 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 DapDSAccordionGroupSlots {
   /** The content of the accordion group. */
   default?: () => any
 }
 
-export interface DapDSButtonSlots {
-  /** The content of the button. Can contain text, icons, or other elements. */
-  default?: () => any
+export interface DapDSAvatarSlots {
+  /** The icon to display when variant is 'icon'. */
+  'icon'?: () => any
+  /** Custom fallback content when image fails to load. */
+  'fallback'?: () => any
 }
 
 export interface DapDSBreadcrumbItemSlots {
@@ -731,6 +726,11 @@ export interface DapDSCalloutSlots {
   'close'?: () => 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
@@ -1159,33 +1159,6 @@ export type DapDSAccordionProps = {
   loading?: DapDSAccordion["loading"]
 }
 
-export type DapDSAvatarProps = {
-  /** The shape of the avatar */
-  shape?: DapDSAvatar["shape"]
-  /** The variant type of the avatar */
-  variant?: DapDSAvatar["variant"]
-  /** The source of the avatar image */
-  src?: DapDSAvatar["src"]
-  /** The alt text of the avatar */
-  alt?: DapDSAvatar["alt"]
-  /** The initials to display when variant is 'initials' */
-  initials?: DapDSAvatar["initials"]
-  /** Accessible label for the avatar */
-  label?: DapDSAvatar["label"]
-  /** Loading state indicator */
-  loading?: DapDSAvatar["loading"]
-  /** Whether the avatar is interactive (clickable) */
-  interactive?: DapDSAvatar["interactive"]
-  /** The width of the avatar. This will override the size */
-  width?: DapDSAvatar["width"]
-  /** The height of the avatar. This will override the size */
-  height?: DapDSAvatar["height"]
-  /** The size of the avatar. Default is `md`. */
-  size?: DapDSAvatar["size"]
-  /** Responsive size map (e.g. "md:lg"). */
-  sizeMap?: DapDSAvatar["sizeMap"]
-}
-
 export type DapDSAvatarGroupProps = {
   /** Layout type for the avatar group */
   layout?: DapDSAvatarGroup["layout"]
@@ -1205,15 +1178,6 @@ export type DapDSAvatarGroupProps = {
   sizeMap?: DapDSAvatarGroup["sizeMap"]
 }
 
-export type DapDSBreadcrumbProps = {
-  /**  */
-  variant?: DapDSBreadcrumb["variant"]
-  /** Mobile version of the breadcrumb */
-  mobile?: DapDSBreadcrumb["mobile"]
-  /** The aria-labelledby of the breadcrumb */
-  "aria-labelledby"?: DapDSBreadcrumb["ariaLabelledBy"]
-}
-
 export type DapDSBadgeProps = {
   /** The type of the badge */
   type?: DapDSBadge["type"]
@@ -1240,6 +1204,15 @@ 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 DapDSAccordionGroupProps = {
   /** Whether to close other accordions when one is opened. */
   autoClose?: DapDSAccordionGroup["autoClose"]
@@ -1247,35 +1220,31 @@ export type DapDSAccordionGroupProps = {
   variant?: DapDSAccordionGroup["variant"]
 }
 
-export type DapDSButtonProps = {
-  /** The visual style variant of the button */
-  variant?: DapDSButton["variant"]
-  /** The size of the button affecting padding and font size */
-  size?: DapDSButton["size"]
-  /** Whether the button is in loading state, showing a spinner and disabling interaction */
-  loading?: DapDSButton["loading"]
-  /** Whether the button represents a destructive action (applies danger styling) */
-  danger?: DapDSButton["danger"]
-  /** The shape of the button - use 'circle' for icon-only buttons */
-  shape?: DapDSButton["shape"]
-  /** The HTML type attribute for form interaction */
-  htmlType?: DapDSButton["htmlType"]
-  /** The URL to navigate to. When present, the button renders as an anchor element */
-  href?: DapDSButton["href"]
-  /** The target attribute for link navigation */
-  target?: DapDSButton["target"]
-  /** The rel attribute for link security and behavior */
-  rel?: DapDSButton["rel"]
-  /** Controls loading timeout in milliseconds */
-  loadingTimeout?: DapDSButton["loadingTimeout"]
-  /** Whether the button is active */
-  active?: DapDSButton["active"]
-  /** The text for the target blank link, applicable when target is _blank. PRO TIP: Use parenthesis to wrap the text */
-  targetBlankText?: DapDSButton["targetBlankText"]
-  /** Overrides the ARIA role on the internal native button/anchor element. Use when the host's semantics must differ from the native element (e.g. role="link" on a button acting as a SPA navigation trigger). */
-  forceRole?: DapDSButton["forceRole"]
-  /** The size map of the button. */
-  sizeMap?: DapDSButton["sizeMap"]
+export type DapDSAvatarProps = {
+  /** The shape of the avatar */
+  shape?: DapDSAvatar["shape"]
+  /** The variant type of the avatar */
+  variant?: DapDSAvatar["variant"]
+  /** The source of the avatar image */
+  src?: DapDSAvatar["src"]
+  /** The alt text of the avatar */
+  alt?: DapDSAvatar["alt"]
+  /** The initials to display when variant is 'initials' */
+  initials?: DapDSAvatar["initials"]
+  /** Accessible label for the avatar */
+  label?: DapDSAvatar["label"]
+  /** Loading state indicator */
+  loading?: DapDSAvatar["loading"]
+  /** Whether the avatar is interactive (clickable) */
+  interactive?: DapDSAvatar["interactive"]
+  /** The width of the avatar. This will override the size */
+  width?: DapDSAvatar["width"]
+  /** The height of the avatar. This will override the size */
+  height?: DapDSAvatar["height"]
+  /** The size of the avatar. Default is `md`. */
+  size?: DapDSAvatar["size"]
+  /** Responsive size map (e.g. "md:lg"). */
+  sizeMap?: DapDSAvatar["sizeMap"]
 }
 
 export type DapDSBreadcrumbItemProps = {
@@ -1310,6 +1279,37 @@ export type DapDSCalloutProps = {
   opened?: DapDSCallout["opened"]
 }
 
+export type DapDSButtonProps = {
+  /** The visual style variant of the button */
+  variant?: DapDSButton["variant"]
+  /** The size of the button affecting padding and font size */
+  size?: DapDSButton["size"]
+  /** Whether the button is in loading state, showing a spinner and disabling interaction */
+  loading?: DapDSButton["loading"]
+  /** Whether the button represents a destructive action (applies danger styling) */
+  danger?: DapDSButton["danger"]
+  /** The shape of the button - use 'circle' for icon-only buttons */
+  shape?: DapDSButton["shape"]
+  /** The HTML type attribute for form interaction */
+  htmlType?: DapDSButton["htmlType"]
+  /** The URL to navigate to. When present, the button renders as an anchor element */
+  href?: DapDSButton["href"]
+  /** The target attribute for link navigation */
+  target?: DapDSButton["target"]
+  /** The rel attribute for link security and behavior */
+  rel?: DapDSButton["rel"]
+  /** Controls loading timeout in milliseconds */
+  loadingTimeout?: DapDSButton["loadingTimeout"]
+  /** Whether the button is active */
+  active?: DapDSButton["active"]
+  /** The text for the target blank link, applicable when target is _blank. PRO TIP: Use parenthesis to wrap the text */
+  targetBlankText?: DapDSButton["targetBlankText"]
+  /** Overrides the ARIA role on the internal native button/anchor element. Use when the host's semantics must differ from the native element (e.g. role="link" on a button acting as a SPA navigation trigger). */
+  forceRole?: DapDSButton["forceRole"]
+  /** The size map of the button. */
+  sizeMap?: DapDSButton["sizeMap"]
+}
+
 export type DapDSCalendarCellProps = {
   /** Whether the calendar cell is selected. */
   selected?: DapDSCalendarCell["selected"]
@@ -1368,6 +1368,57 @@ export type DapDSCalendarProps = {
   shouldHideAdjacentMonths?: DapDSCalendar["shouldHideAdjacentMonths"]
 }
 
+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"]
+  /**  */
+  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"]
+  /** 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"]
+}
+
 export type DapDSCardActionsProps = {
   /** The spacing of the card actions. This adds a margin to the card actions. Default is `bottom`. */
   spacing?: DapDSCardActions["spacing"]
@@ -1454,57 +1505,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"]
-  /**  */
-  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"]
-  /** 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"]
-}
-
 export type DapDSChipProps = {
   /** Whether the chip is removeable */
   removeable?: DapDSChip["removeable"]
@@ -2083,6 +2083,8 @@ export type DapDSFileInputProps = {
   showThumbnail?: DapDSFileInput["showThumbnail"]
   /** Aria label for the dropzone. */
   dropzoneAriaLabel?: DapDSFileInput["dropzoneAriaLabel"]
+  /** Whether the dropzone is in the tab order and exposes button keyboard behavior (default: true). */
+  dropzoneFocusable?: DapDSFileInput["dropzoneFocusable"]
   /** Size of the thumbnail preview in the built-in file list */
   thumbnailSize?: DapDSFileInput["thumbnailSize"]
   /** The file list component to bind to */
@@ -3535,15 +3537,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 = {
@@ -3557,6 +3559,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"]
@@ -3601,48 +3614,48 @@ export type ArrowsArrowLeftLineProps = {
   focusable?: ArrowsArrowLeftLine["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 ArrowsArrowLeftSFillProps = {
+export type ArrowsArrowRightDownLineProps = {
   /** (optional) The width and height in pixels */
-  size?: ArrowsArrowLeftSFill["size"]
+  size?: ArrowsArrowRightDownLine["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: ArrowsArrowLeftSFill["selected"]
+  selected?: ArrowsArrowRightDownLine["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: ArrowsArrowLeftSFill["accessibilityTitle"]
+  accessibilityTitle?: ArrowsArrowRightDownLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: ArrowsArrowLeftSFill["focusable"]
+  focusable?: ArrowsArrowRightDownLine["focusable"]
 }
 
-export type ArrowsArrowLeftUpLineProps = {
+export type ArrowsArrowLeftSLineProps = {
   /** (optional) The width and height in pixels */
-  size?: ArrowsArrowLeftUpLine["size"]
+  size?: ArrowsArrowLeftSLine["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: ArrowsArrowLeftUpLine["selected"]
+  selected?: ArrowsArrowLeftSLine["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: ArrowsArrowLeftUpLine["accessibilityTitle"]
+  accessibilityTitle?: ArrowsArrowLeftSLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: ArrowsArrowLeftUpLine["focusable"]
+  focusable?: ArrowsArrowLeftSLine["focusable"]
 }
 
-export type ArrowsArrowRightDownLineProps = {
+export type ArrowsArrowLeftUpLineProps = {
   /** (optional) The width and height in pixels */
-  size?: ArrowsArrowRightDownLine["size"]
+  size?: ArrowsArrowLeftUpLine["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: ArrowsArrowRightDownLine["selected"]
+  selected?: ArrowsArrowLeftUpLine["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: ArrowsArrowRightDownLine["accessibilityTitle"]
+  accessibilityTitle?: ArrowsArrowLeftUpLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: ArrowsArrowRightDownLine["focusable"]
+  focusable?: ArrowsArrowLeftUpLine["focusable"]
 }
 
 export type ArrowsArrowRightLLineProps = {
@@ -3744,17 +3757,6 @@ export type ArrowsExpandUpDownFillProps = {
   focusable?: ArrowsExpandUpDownFill["focusable"]
 }
 
-export type BuildingsHome6LineProps = {
-  /** (optional) The width and height in pixels */
-  size?: BuildingsHome6Line["size"]
-  /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: BuildingsHome6Line["selected"]
-  /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: BuildingsHome6Line["accessibilityTitle"]
-  /** (optional) If `true` the icon can receive focus */
-  focusable?: BuildingsHome6Line["focusable"]
-}
-
 export type BusinessCalendarLineProps = {
   /** (optional) The width and height in pixels */
   size?: BusinessCalendarLine["size"]
@@ -3887,17 +3889,6 @@ export type DocumentFolderOpenLineProps = {
   focusable?: DocumentFolderOpenLine["focusable"]
 }
 
-export type EditorSeparatorProps = {
-  /** (optional) The width and height in pixels */
-  size?: EditorSeparator["size"]
-  /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: EditorSeparator["selected"]
-  /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: EditorSeparator["accessibilityTitle"]
-  /** (optional) If `true` the icon can receive focus */
-  focusable?: EditorSeparator["focusable"]
-}
-
 export type HealthHeartFillProps = {
   /** (optional) The width and height in pixels */
   size?: HealthHeartFill["size"]
@@ -3920,6 +3911,17 @@ export type HealthHeartLineProps = {
   focusable?: HealthHeartLine["focusable"]
 }
 
+export type EditorSeparatorProps = {
+  /** (optional) The width and height in pixels */
+  size?: EditorSeparator["size"]
+  /** (optional) Sets the icon color via the `fill` attribute */
+  selected?: EditorSeparator["selected"]
+  /** (optional) When using the icon standalone, make it meaningful for accessibility */
+  accessibilityTitle?: EditorSeparator["accessibilityTitle"]
+  /** (optional) If `true` the icon can receive focus */
+  focusable?: EditorSeparator["focusable"]
+}
+
 export type OthersCookieLineProps = {
   /** (optional) The width and height in pixels */
   size?: OthersCookieLine["size"]
@@ -4542,26 +4544,6 @@ declare module 'vue' {
      * - **close-icon-base** - The base of the icon when the accordion is closed.
      */
          'dap-ds-accordion': DefineCustomElement<DapDSAccordion, DapDSAccordionProps, DapDSAccordionEvents>
-    /**
-     * Avatar component can be used to display user profile images, initials, or icons.
-     *
-     * ### Events:
-     * - **dds-load** - Fired when the image loads successfully.
-     * - **dds-error** - Fired when the image fails to load.
-     *
-     * ### Slots:
-     * - **icon** - The icon to display when variant is 'icon'.
-     * - **fallback** - Custom fallback content when image fails to load.
-     *
-     * ### CSS Parts:
-     * - **base** - The main avatar container.
-     * - **img** - The avatar image.
-     * - **initials** - The initials container.
-     * - **icon** - The icon container.
-     * - **fallback** - The fallback content container.
-     * - **loading** - The loading indicator.
-     */
-         'dap-ds-avatar': DefineCustomElement<DapDSAvatar, DapDSAvatarProps, DapDSAvatarEvents>
     /**
      * Avatar group component displays multiple avatars in an organized layout with overflow management.
      *
@@ -4577,18 +4559,6 @@ declare module 'vue' {
      * - **overflow** - The overflow indicator element.
      */
          'dap-ds-avatar-group': DefineCustomElement<DapDSAvatarGroup, DapDSAvatarGroupProps, DapDSAvatarGroupEvents>
-    /**
-     * 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 badge is a small status descriptor for UI elements.
      *
@@ -4627,6 +4597,18 @@ 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, {}>
     /**
      * An accordion group is a collection of accordion components.
      *
@@ -4638,20 +4620,25 @@ declare module 'vue' {
      */
          'dap-ds-accordion-group': DefineCustomElement<DapDSAccordionGroup, DapDSAccordionGroupProps, {}>
     /**
-     * A button is a clickable element that can be used to trigger an action, submit forms, or navigate to other pages.
+     * Avatar component can be used to display user profile images, initials, or icons.
      *
      * ### Events:
-     * - **dds-loading-timeout** - Emitted when the loading timeout is reached
+     * - **dds-load** - Fired when the image loads successfully.
+     * - **dds-error** - Fired when the image fails to load.
      *
      * ### Slots:
-     * - **default** - The content of the button. Can contain text, icons, or other elements.
+     * - **icon** - The icon to display when variant is 'icon'.
+     * - **fallback** - Custom fallback content when image fails to load.
      *
      * ### CSS Parts:
-     * - **base** - The main button container.
-     * - **high-contrast** - The high contrast part of the button.
-     * - **content** - The content wrapper inside the button.
+     * - **base** - The main avatar container.
+     * - **img** - The avatar image.
+     * - **initials** - The initials container.
+     * - **icon** - The icon container.
+     * - **fallback** - The fallback content container.
+     * - **loading** - The loading indicator.
      */
-         'dap-ds-button': DefineCustomElement<DapDSButton, DapDSButtonProps, DapDSButtonEvents>
+         'dap-ds-avatar': DefineCustomElement<DapDSAvatar, DapDSAvatarProps, DapDSAvatarEvents>
     /**
      * A breadcrumb item is a secondary navigation scheme that reveals the user's location in a website or Web application.
      *
@@ -4691,6 +4678,21 @@ declare module 'vue' {
      * - **close** - The close button of the callout.
      */
          'dap-ds-callout': DefineCustomElement<DapDSCallout, DapDSCalloutProps, DapDSCalloutEvents>
+    /**
+     * A button is a clickable element that can be used to trigger an action, submit forms, or navigate to other pages.
+     *
+     * ### Events:
+     * - **dds-loading-timeout** - Emitted when the loading timeout is reached
+     *
+     * ### Slots:
+     * - **default** - The content of the button. Can contain text, icons, or other elements.
+     *
+     * ### CSS Parts:
+     * - **base** - The main button container.
+     * - **high-contrast** - The high contrast part of the button.
+     * - **content** - The content wrapper inside the button.
+     */
+         'dap-ds-button': DefineCustomElement<DapDSButton, DapDSButtonProps, DapDSButtonEvents>
     /**
      * Calendar cell represents a single cell in the calendar.
      *
@@ -4724,6 +4726,27 @@ declare module 'vue' {
      * - **calendar-header-month-select** - The month select of the calendar header.
      */
          'dap-ds-calendar': DefineCustomElement<DapDSCalendar, DapDSCalendarProps, DapDSCalendarEvents>
+    /**
+     * 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 card actions is a container for actions in a card.
      *
@@ -4784,27 +4807,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.
      *
@@ -6062,7 +6064,7 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-arrow-down-line': DefineCustomElement<ArrowsArrowDownLine, ArrowsArrowDownLineProps, {}>
+         'dap-ds-icon-home-6-line': DefineCustomElement<BuildingsHome6Line, BuildingsHome6LineProps, {}>
     /**
      * An icon
      *
@@ -6070,6 +6072,13 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * - **base** - The main icon container.
      */
          'dap-ds-icon-arrow-down-s-fill': DefineCustomElement<ArrowsArrowDownSFill, ArrowsArrowDownSFillProps, {}>
+    /**
+     * An icon
+     *
+     * ### CSS Parts:
+     * - **base** - The main icon container.
+     */
+         'dap-ds-icon-arrow-down-line': DefineCustomElement<ArrowsArrowDownLine, ArrowsArrowDownLineProps, {}>
     /**
      * An icon
      *
@@ -6104,28 +6113,28 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-arrow-left-s-line': DefineCustomElement<ArrowsArrowLeftSLine, ArrowsArrowLeftSLineProps, {}>
+         'dap-ds-icon-arrow-left-s-fill': DefineCustomElement<ArrowsArrowLeftSFill, ArrowsArrowLeftSFillProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-arrow-left-s-fill': DefineCustomElement<ArrowsArrowLeftSFill, ArrowsArrowLeftSFillProps, {}>
+         'dap-ds-icon-arrow-right-down-line': DefineCustomElement<ArrowsArrowRightDownLine, ArrowsArrowRightDownLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-arrow-left-up-line': DefineCustomElement<ArrowsArrowLeftUpLine, ArrowsArrowLeftUpLineProps, {}>
+         'dap-ds-icon-arrow-left-s-line': DefineCustomElement<ArrowsArrowLeftSLine, ArrowsArrowLeftSLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-arrow-right-down-line': DefineCustomElement<ArrowsArrowRightDownLine, ArrowsArrowRightDownLineProps, {}>
+         'dap-ds-icon-arrow-left-up-line': DefineCustomElement<ArrowsArrowLeftUpLine, ArrowsArrowLeftUpLineProps, {}>
     /**
      * An icon
      *
@@ -6189,13 +6198,6 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * - **base** - The main icon container.
      */
          'dap-ds-icon-expand-up-down-fill': DefineCustomElement<ArrowsExpandUpDownFill, ArrowsExpandUpDownFillProps, {}>
-    /**
-     * An icon
-     *
-     * ### CSS Parts:
-     * - **base** - The main icon container.
-     */
-         'dap-ds-icon-home-6-line': DefineCustomElement<BuildingsHome6Line, BuildingsHome6LineProps, {}>
     /**
      * An icon
      *
@@ -6286,21 +6288,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-separator': DefineCustomElement<EditorSeparator, EditorSeparatorProps, {}>
+         'dap-ds-icon-heart-fill': DefineCustomElement<HealthHeartFill, HealthHeartFillProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-heart-fill': DefineCustomElement<HealthHeartFill, HealthHeartFillProps, {}>
+         'dap-ds-icon-heart-line': DefineCustomElement<HealthHeartLine, HealthHeartLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-heart-line': DefineCustomElement<HealthHeartLine, HealthHeartLineProps, {}>
+         'dap-ds-icon-separator': DefineCustomElement<EditorSeparator, EditorSeparatorProps, {}>
     /**
      * An icon
      *
@@ -6681,24 +6683,24 @@ declare global {
     interface IntrinsicElements {
       'dap-ds-anchor-heading': DapDSAnchorHeadingProps
       'dap-ds-accordion': DapDSAccordionProps & DapDSAccordionEvents & DapDSAccordionSlots
-      'dap-ds-avatar': DapDSAvatarProps & DapDSAvatarEvents & DapDSAvatarSlots
       'dap-ds-avatar-group': DapDSAvatarGroupProps & DapDSAvatarGroupEvents & DapDSAvatarGroupSlots
-      'dap-ds-breadcrumb': DapDSBreadcrumbProps & DapDSBreadcrumbSlots
       'dap-ds-badge': DapDSBadgeProps & DapDSBadgeSlots
       'dap-ds-banner': DapDSBannerProps & DapDSBannerEvents & DapDSBannerSlots
+      'dap-ds-breadcrumb': DapDSBreadcrumbProps & DapDSBreadcrumbSlots
       'dap-ds-accordion-group': DapDSAccordionGroupProps & DapDSAccordionGroupSlots
-      'dap-ds-button': DapDSButtonProps & DapDSButtonEvents & DapDSButtonSlots
+      'dap-ds-avatar': DapDSAvatarProps & DapDSAvatarEvents & DapDSAvatarSlots
       'dap-ds-breadcrumb-item': DapDSBreadcrumbItemProps & DapDSBreadcrumbItemSlots
       'dap-ds-callout': DapDSCalloutProps & DapDSCalloutEvents & DapDSCalloutSlots
+      'dap-ds-button': DapDSButtonProps & DapDSButtonEvents & DapDSButtonSlots
       'dap-ds-calendar-cell': DapDSCalendarCellProps & DapDSCalendarCellSlots
       'dap-ds-calendar': DapDSCalendarProps & DapDSCalendarEvents & DapDSCalendarSlots
+      'dap-ds-checkbox': DapDSCheckboxProps & DapDSCheckboxEvents
       'dap-ds-card-actions': DapDSCardActionsProps & DapDSCardActionsSlots
       'dap-ds-card-content': DapDSCardContentProps & DapDSCardContentSlots
       'dap-ds-card-image': DapDSCardImageProps & DapDSCardImageSlots
       '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
@@ -6773,16 +6775,17 @@ declare global {
       '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-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-left-s-line': ArrowsArrowLeftSLineProps
+      'dap-ds-icon-arrow-left-up-line': ArrowsArrowLeftUpLineProps
       'dap-ds-icon-arrow-right-l-line': ArrowsArrowRightLLineProps
       'dap-ds-icon-arrow-right-line': ArrowsArrowRightLineProps
       'dap-ds-icon-arrow-right-s-fill': ArrowsArrowRightSFillProps
@@ -6792,7 +6795,6 @@ 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
@@ -6805,9 +6807,9 @@ 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-separator': EditorSeparatorProps
       'dap-ds-icon-heart-fill': HealthHeartFillProps
       'dap-ds-icon-heart-line': HealthHeartLineProps
+      'dap-ds-icon-separator': EditorSeparatorProps
       'dap-ds-icon-cookie-line': OthersCookieLineProps
       'dap-ds-icon-account-circle-fill': UserAccountCircleFillProps
       'dap-ds-icon-account-circle-line': UserAccountCircleLineProps