dap-design-system 0.43.0 → 0.43.1

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

@@ -217,16 +217,16 @@ export interface DapDSAvatarEvents {
   onDdsError?: (event: CustomEvent) => void
 }
 
-export interface DapDSAvatarGroupEvents {
-  /** Fired when the overflow indicator is clicked. */
-  onDdsOverflowClick?: (event: CustomEvent) => void
-}
-
 export interface DapDSBannerEvents {
   /** Event fired when the banner is closed. */
   onDdsClose?: (event: CustomEvent) => void
 }
 
+export interface DapDSAvatarGroupEvents {
+  /** Fired when the overflow indicator is clicked. */
+  onDdsOverflowClick?: (event: CustomEvent) => void
+}
+
 export interface DapDSButtonEvents {
   /** Emitted when the loading timeout is reached */
   onDdsLoadingTimeout?: (event: CustomEvent) => void
@@ -242,6 +242,13 @@ export interface DapDSCalloutEvents {
   onDdsClose?: (event: CustomEvent) => void
 }
 
+export interface DapDSChipEvents {
+  /** Fired when the chip is removed */
+  onDdsRemove?: (event: CustomEvent<{ value: string }>) => void
+  /** Fired when the chip is selected */
+  onDdsSelect?: (event: CustomEvent<{ value?: string, selected: boolean }>) => void
+}
+
 export interface DapDSCheckboxEvents {
   /** Fired when the checkbox is checked or unchecked. */
   onDdsChange?: (event: CustomEvent<{ checked: boolean, indeterminate: boolean, value: string, disabled: boolean, readonly: boolean, type: 'checkbox' }>) => void
@@ -253,13 +260,6 @@ export interface DapDSCheckboxEvents {
   onDdsInput?: (event: CustomEvent<{ checked: boolean, indeterminate: boolean, value: string, disabled: boolean, readonly: boolean }>) => void
 }
 
-export interface DapDSChipEvents {
-  /** Fired when the chip is removed */
-  onDdsRemove?: (event: CustomEvent<{ value: string }>) => void
-  /** Fired when the chip is selected */
-  onDdsSelect?: (event: CustomEvent<{ value?: string, selected: boolean }>) => void
-}
-
 export interface DapDSComboboxEvents {
   /** Fired when the select value changes. */
   onDdsChange?: (event: CustomEvent<{ value }>) => void
@@ -639,11 +639,6 @@ export interface DapDSAvatarSlots {
   'fallback'?: () => any
 }
 
-export interface DapDSAvatarGroupSlots {
-  /** The avatars to display in the group. */
-  default?: () => any
-}
-
 export interface DapDSBadgeSlots {
   /** The content of the badge. */
   default?: () => any
@@ -651,11 +646,6 @@ export interface DapDSBadgeSlots {
   'icon'?: () => any
 }
 
-export interface DapDSAccordionGroupSlots {
-  /** The content of the accordion group. */
-  default?: () => any
-}
-
 export interface DapDSBannerSlots {
   /** The content of the banner. */
   default?: () => any
@@ -672,6 +662,16 @@ export interface DapDSBreadcrumbSlots {
   'separator'?: () => any
 }
 
+export interface DapDSAvatarGroupSlots {
+  /** The avatars to display in the group. */
+  default?: () => any
+}
+
+export interface DapDSAccordionGroupSlots {
+  /** The content of the accordion group. */
+  default?: () => any
+}
+
 export interface DapDSBreadcrumbItemSlots {
   /** The content of the breadcrumb item. */
   default?: () => any
@@ -1113,23 +1113,6 @@ export type DapDSAvatarProps = {
   height?: DapDSAvatar["height"]
 }
 
-export type DapDSAvatarGroupProps = {
-  /** The size of avatars in the group */
-  size?: DapDSAvatarGroup["size"]
-  /** Layout type for the avatar group */
-  layout?: DapDSAvatarGroup["layout"]
-  /** Maximum number of avatars to show before showing overflow */
-  max?: DapDSAvatarGroup["max"]
-  /** Whether to show the total count in overflow indicator */
-  "show-total"?: DapDSAvatarGroup["showTotal"]
-  /** Interactive overflow indicator */
-  "interactive-overflow"?: DapDSAvatarGroup["interactiveOverflow"]
-  /** Accessible label for the avatar group */
-  label?: DapDSAvatarGroup["label"]
-  /** Accessible label for the overflow indicator */
-  "overflow-label"?: DapDSAvatarGroup["overflowLabel"]
-}
-
 export type DapDSBadgeProps = {
   /** The type of the badge */
   type?: DapDSBadge["type"]
@@ -1141,13 +1124,6 @@ export type DapDSBadgeProps = {
   live?: DapDSBadge["live"]
 }
 
-export type DapDSAccordionGroupProps = {
-  /** Whether to close other accordions when one is opened. */
-  autoClose?: DapDSAccordionGroup["autoClose"]
-  /** The variant of the accordion */
-  variant?: DapDSAccordionGroup["variant"]
-}
-
 export type DapDSBannerProps = {
   /** The variant of the banner */
   variant?: DapDSBanner["variant"]
@@ -1170,6 +1146,30 @@ export type DapDSBreadcrumbProps = {
   "aria-labelledby"?: DapDSBreadcrumb["ariaLabelledBy"]
 }
 
+export type DapDSAvatarGroupProps = {
+  /** The size of avatars in the group */
+  size?: DapDSAvatarGroup["size"]
+  /** Layout type for the avatar group */
+  layout?: DapDSAvatarGroup["layout"]
+  /** Maximum number of avatars to show before showing overflow */
+  max?: DapDSAvatarGroup["max"]
+  /** Whether to show the total count in overflow indicator */
+  "show-total"?: DapDSAvatarGroup["showTotal"]
+  /** Interactive overflow indicator */
+  "interactive-overflow"?: DapDSAvatarGroup["interactiveOverflow"]
+  /** Accessible label for the avatar group */
+  label?: DapDSAvatarGroup["label"]
+  /** Accessible label for the overflow indicator */
+  "overflow-label"?: DapDSAvatarGroup["overflowLabel"]
+}
+
+export type DapDSAccordionGroupProps = {
+  /** Whether to close other accordions when one is opened. */
+  autoClose?: DapDSAccordionGroup["autoClose"]
+  /** The variant of the accordion */
+  variant?: DapDSAccordionGroup["variant"]
+}
+
 export type DapDSBreadcrumbItemProps = {
   /** The URL of the breadcrumb item. */
   href?: DapDSBreadcrumbItem["href"]
@@ -1273,53 +1273,6 @@ export type DapDSCalloutProps = {
   opened?: DapDSCallout["opened"]
 }
 
-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"]
-  /** 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"]
-  /** 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 = {
   /** Whether the card actions should be sized from the parent. */
   parentSized?: DapDSCardActions["parentSized"]
@@ -1415,6 +1368,53 @@ export type DapDSChipProps = {
   deleteAriaLabel?: DapDSChip["deleteAriaLabel"]
 }
 
+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"]
+  /** 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"]
+  /** 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 DapDSComboboxProps = {
   /** The value of the select. */
   value?: DapDSCombobox["value"]
@@ -3253,6 +3253,17 @@ export type ArrowsArrowLeftSFillProps = {
   focusable?: ArrowsArrowLeftSFill["focusable"]
 }
 
+export type ArrowsArrowLeftSLineProps = {
+  /** (optional) The width and height in pixels */
+  size?: ArrowsArrowLeftSLine["size"]
+  /** (optional) Sets the icon color via the `fill` attribute */
+  selected?: ArrowsArrowLeftSLine["selected"]
+  /** (optional) When using the icon standalone, make it meaningful for accessibility */
+  accessibilityTitle?: ArrowsArrowLeftSLine["accessibilityTitle"]
+  /** (optional) If `true` the icon can receive focus */
+  focusable?: ArrowsArrowLeftSLine["focusable"]
+}
+
 export type ArrowsArrowLeftUpLineProps = {
   /** (optional) The width and height in pixels */
   size?: ArrowsArrowLeftUpLine["size"]
@@ -3286,17 +3297,6 @@ export type ArrowsArrowRightLLineProps = {
   focusable?: ArrowsArrowRightLLine["focusable"]
 }
 
-export type ArrowsArrowLeftSLineProps = {
-  /** (optional) The width and height in pixels */
-  size?: ArrowsArrowLeftSLine["size"]
-  /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: ArrowsArrowLeftSLine["selected"]
-  /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: ArrowsArrowLeftSLine["accessibilityTitle"]
-  /** (optional) If `true` the icon can receive focus */
-  focusable?: ArrowsArrowLeftSLine["focusable"]
-}
-
 export type ArrowsArrowRightLineProps = {
   /** (optional) The width and height in pixels */
   size?: ArrowsArrowRightLine["size"]
@@ -3319,26 +3319,26 @@ export type ArrowsArrowRightSFillProps = {
   focusable?: ArrowsArrowRightSFill["focusable"]
 }
 
-export type ArrowsArrowRightSLineProps = {
+export type ArrowsArrowRightUpLineProps = {
   /** (optional) The width and height in pixels */
-  size?: ArrowsArrowRightSLine["size"]
+  size?: ArrowsArrowRightUpLine["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: ArrowsArrowRightSLine["selected"]
+  selected?: ArrowsArrowRightUpLine["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: ArrowsArrowRightSLine["accessibilityTitle"]
+  accessibilityTitle?: ArrowsArrowRightUpLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: ArrowsArrowRightSLine["focusable"]
+  focusable?: ArrowsArrowRightUpLine["focusable"]
 }
 
-export type ArrowsArrowRightUpLineProps = {
+export type ArrowsArrowRightSLineProps = {
   /** (optional) The width and height in pixels */
-  size?: ArrowsArrowRightUpLine["size"]
+  size?: ArrowsArrowRightSLine["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: ArrowsArrowRightUpLine["selected"]
+  selected?: ArrowsArrowRightSLine["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: ArrowsArrowRightUpLine["accessibilityTitle"]
+  accessibilityTitle?: ArrowsArrowRightSLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: ArrowsArrowRightUpLine["focusable"]
+  focusable?: ArrowsArrowRightSLine["focusable"]
 }
 
 export type ArrowsArrowUpLineProps = {
@@ -3352,26 +3352,26 @@ export type ArrowsArrowUpLineProps = {
   focusable?: ArrowsArrowUpLine["focusable"]
 }
 
-export type ArrowsArrowUpSLineProps = {
+export type ArrowsArrowUpSFillProps = {
   /** (optional) The width and height in pixels */
-  size?: ArrowsArrowUpSLine["size"]
+  size?: ArrowsArrowUpSFill["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: ArrowsArrowUpSLine["selected"]
+  selected?: ArrowsArrowUpSFill["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: ArrowsArrowUpSLine["accessibilityTitle"]
+  accessibilityTitle?: ArrowsArrowUpSFill["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: ArrowsArrowUpSLine["focusable"]
+  focusable?: ArrowsArrowUpSFill["focusable"]
 }
 
-export type ArrowsArrowUpSFillProps = {
+export type ArrowsArrowUpSLineProps = {
   /** (optional) The width and height in pixels */
-  size?: ArrowsArrowUpSFill["size"]
+  size?: ArrowsArrowUpSLine["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: ArrowsArrowUpSFill["selected"]
+  selected?: ArrowsArrowUpSLine["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: ArrowsArrowUpSFill["accessibilityTitle"]
+  accessibilityTitle?: ArrowsArrowUpSLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: ArrowsArrowUpSFill["focusable"]
+  focusable?: ArrowsArrowUpSLine["focusable"]
 }
 
 export type ArrowsExpandUpDownFillProps = {
@@ -3550,6 +3550,17 @@ export type HealthHeartLineProps = {
   focusable?: HealthHeartLine["focusable"]
 }
 
+export type OthersCookieLineProps = {
+  /** (optional) The width and height in pixels */
+  size?: OthersCookieLine["size"]
+  /** (optional) Sets the icon color via the `fill` attribute */
+  selected?: OthersCookieLine["selected"]
+  /** (optional) When using the icon standalone, make it meaningful for accessibility */
+  accessibilityTitle?: OthersCookieLine["accessibilityTitle"]
+  /** (optional) If `true` the icon can receive focus */
+  focusable?: OthersCookieLine["focusable"]
+}
+
 export type UserAccountCircleFillProps = {
   /** (optional) The width and height in pixels */
   size?: UserAccountCircleFill["size"]
@@ -3660,17 +3671,6 @@ export type SystemCheckboxBlankCircleFillProps = {
   focusable?: SystemCheckboxBlankCircleFill["focusable"]
 }
 
-export type SystemCheckboxBlankCircleFillCheckProps = {
-  /** (optional) The width and height in pixels */
-  size?: SystemCheckboxBlankCircleFillCheck["size"]
-  /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemCheckboxBlankCircleFillCheck["selected"]
-  /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemCheckboxBlankCircleFillCheck["accessibilityTitle"]
-  /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemCheckboxBlankCircleFillCheck["focusable"]
-}
-
 export type SystemCheckboxBlankCircleLineProps = {
   /** (optional) The width and height in pixels */
   size?: SystemCheckboxBlankCircleLine["size"]
@@ -3704,6 +3704,17 @@ export type SystemCheckboxCircleLineProps = {
   focusable?: SystemCheckboxCircleLine["focusable"]
 }
 
+export type SystemCheckboxBlankCircleFillCheckProps = {
+  /** (optional) The width and height in pixels */
+  size?: SystemCheckboxBlankCircleFillCheck["size"]
+  /** (optional) Sets the icon color via the `fill` attribute */
+  selected?: SystemCheckboxBlankCircleFillCheck["selected"]
+  /** (optional) When using the icon standalone, make it meaningful for accessibility */
+  accessibilityTitle?: SystemCheckboxBlankCircleFillCheck["accessibilityTitle"]
+  /** (optional) If `true` the icon can receive focus */
+  focusable?: SystemCheckboxBlankCircleFillCheck["focusable"]
+}
+
 export type SystemCloseCircleFillProps = {
   /** (optional) The width and height in pixels */
   size?: SystemCloseCircleFill["size"]
@@ -4100,17 +4111,6 @@ export type SystemUploadLineProps = {
   focusable?: SystemUploadLine["focusable"]
 }
 
-export type OthersCookieLineProps = {
-  /** (optional) The width and height in pixels */
-  size?: OthersCookieLine["size"]
-  /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: OthersCookieLine["selected"]
-  /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: OthersCookieLine["accessibilityTitle"]
-  /** (optional) If `true` the icon can receive focus */
-  focusable?: OthersCookieLine["focusable"]
-}
-
 // Augment Vue's GlobalComponents interface
 declare module 'vue' {
   interface GlobalComponents {
@@ -4171,21 +4171,6 @@ declare module 'vue' {
      * - **loading** - The loading indicator.
      */
          'dap-ds-avatar': DefineCustomElement<DapDSAvatar, DapDSAvatarProps, DapDSAvatarEvents>
-    /**
-     * Avatar group component displays multiple avatars in an organized layout with overflow management.
-     *
-     * ### Events:
-     * - **dds-overflow-click** - Fired when the overflow indicator is clicked.
-     *
-     * ### Slots:
-     * - **default** - The avatars to display in the group.
-     *
-     * ### CSS Parts:
-     * - **base** - The main container of the avatar group.
-     * - **avatars** - The container for the visible avatars.
-     * - **overflow** - The overflow indicator element.
-     */
-         'dap-ds-avatar-group': DefineCustomElement<DapDSAvatarGroup, DapDSAvatarGroupProps, DapDSAvatarGroupEvents>
     /**
      * A badge is a small status descriptor for UI elements.
      *
@@ -4200,16 +4185,6 @@ declare module 'vue' {
      * - **icon-base** - The base of the icon.
      */
          'dap-ds-badge': DefineCustomElement<DapDSBadge, DapDSBadgeProps, {}>
-    /**
-     * An accordion group is a collection of accordion components.
-     *
-     * ### Slots:
-     * - **default** - The content of the accordion group.
-     *
-     * ### CSS Parts:
-     * - **base** - The main accordion group container.
-     */
-         'dap-ds-accordion-group': DefineCustomElement<DapDSAccordionGroup, DapDSAccordionGroupProps, {}>
     /**
      * A banner is a message displayed at the top of the page to provide important information to the user.
      *
@@ -4246,6 +4221,31 @@ declare module 'vue' {
      * - **separator** - The separator of the breadcrumb.
      */
          'dap-ds-breadcrumb': DefineCustomElement<DapDSBreadcrumb, DapDSBreadcrumbProps, {}>
+    /**
+     * Avatar group component displays multiple avatars in an organized layout with overflow management.
+     *
+     * ### Events:
+     * - **dds-overflow-click** - Fired when the overflow indicator is clicked.
+     *
+     * ### Slots:
+     * - **default** - The avatars to display in the group.
+     *
+     * ### CSS Parts:
+     * - **base** - The main container of the avatar group.
+     * - **avatars** - The container for the visible avatars.
+     * - **overflow** - The overflow indicator element.
+     */
+         'dap-ds-avatar-group': DefineCustomElement<DapDSAvatarGroup, DapDSAvatarGroupProps, DapDSAvatarGroupEvents>
+    /**
+     * An accordion group is a collection of accordion components.
+     *
+     * ### Slots:
+     * - **default** - The content of the accordion group.
+     *
+     * ### CSS Parts:
+     * - **base** - The main accordion group container.
+     */
+         'dap-ds-accordion-group': DefineCustomElement<DapDSAccordionGroup, DapDSAccordionGroupProps, {}>
     /**
      * A breadcrumb item is a secondary navigation scheme that reveals the user's location in a website or Web application.
      *
@@ -4324,26 +4324,6 @@ declare module 'vue' {
      * - **close** - The close button of the callout.
      */
          'dap-ds-callout': DefineCustomElement<DapDSCallout, DapDSCalloutProps, DapDSCalloutEvents>
-    /**
-     * 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.
-     * - **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.
      *
@@ -4417,6 +4397,26 @@ declare module 'vue' {
      * - **remove-button** - The remove button
      */
          'dap-ds-chip': DefineCustomElement<DapDSChip, DapDSChipProps, DapDSChipEvents>
+    /**
+     * 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.
+     * - **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 select is a form element that allows the user to select one option from a set.
      *
@@ -5508,28 +5508,28 @@ declare module 'vue' {
      * ### 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
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-arrow-right-l-line': DefineCustomElement<ArrowsArrowRightLLine, ArrowsArrowRightLLineProps, {}>
+         'dap-ds-icon-arrow-right-down-line': DefineCustomElement<ArrowsArrowRightDownLine, ArrowsArrowRightDownLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-arrow-left-s-line': DefineCustomElement<ArrowsArrowLeftSLine, ArrowsArrowLeftSLineProps, {}>
+         'dap-ds-icon-arrow-right-l-line': DefineCustomElement<ArrowsArrowRightLLine, ArrowsArrowRightLLineProps, {}>
     /**
      * An icon
      *
@@ -5550,14 +5550,14 @@ declare module 'vue' {
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-arrow-right-s-line': DefineCustomElement<ArrowsArrowRightSLine, ArrowsArrowRightSLineProps, {}>
+         'dap-ds-icon-arrow-right-up-line': DefineCustomElement<ArrowsArrowRightUpLine, ArrowsArrowRightUpLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-arrow-right-up-line': DefineCustomElement<ArrowsArrowRightUpLine, ArrowsArrowRightUpLineProps, {}>
+         'dap-ds-icon-arrow-right-s-line': DefineCustomElement<ArrowsArrowRightSLine, ArrowsArrowRightSLineProps, {}>
     /**
      * An icon
      *
@@ -5571,14 +5571,14 @@ declare module 'vue' {
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-arrow-up-s-line': DefineCustomElement<ArrowsArrowUpSLine, ArrowsArrowUpSLineProps, {}>
+         'dap-ds-icon-arrow-up-s-fill': DefineCustomElement<ArrowsArrowUpSFill, ArrowsArrowUpSFillProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-arrow-up-s-fill': DefineCustomElement<ArrowsArrowUpSFill, ArrowsArrowUpSFillProps, {}>
+         'dap-ds-icon-arrow-up-s-line': DefineCustomElement<ArrowsArrowUpSLine, ArrowsArrowUpSLineProps, {}>
     /**
      * An icon
      *
@@ -5691,6 +5691,13 @@ declare module 'vue' {
      * - **base** - The main icon container.
      */
          'dap-ds-icon-heart-line': DefineCustomElement<HealthHeartLine, HealthHeartLineProps, {}>
+    /**
+     * An icon
+     *
+     * ### CSS Parts:
+     * - **base** - The main icon container.
+     */
+         'dap-ds-icon-cookie-line': DefineCustomElement<OthersCookieLine, OthersCookieLineProps, {}>
     /**
      * An icon
      *
@@ -5767,28 +5774,28 @@ declare module 'vue' {
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-checkbox-blank-circle-fill-check': DefineCustomElement<SystemCheckboxBlankCircleFillCheck, SystemCheckboxBlankCircleFillCheckProps, {}>
+         'dap-ds-icon-checkbox-blank-circle-line': DefineCustomElement<SystemCheckboxBlankCircleLine, SystemCheckboxBlankCircleLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-checkbox-blank-circle-line': DefineCustomElement<SystemCheckboxBlankCircleLine, SystemCheckboxBlankCircleLineProps, {}>
+         'dap-ds-icon-checkbox-circle-fill': DefineCustomElement<SystemCheckboxCircleFill, SystemCheckboxCircleFillProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-checkbox-circle-fill': DefineCustomElement<SystemCheckboxCircleFill, SystemCheckboxCircleFillProps, {}>
+         'dap-ds-icon-checkbox-circle-line': DefineCustomElement<SystemCheckboxCircleLine, SystemCheckboxCircleLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-checkbox-circle-line': DefineCustomElement<SystemCheckboxCircleLine, SystemCheckboxCircleLineProps, {}>
+         'dap-ds-icon-checkbox-blank-circle-fill-check': DefineCustomElement<SystemCheckboxBlankCircleFillCheck, SystemCheckboxBlankCircleFillCheckProps, {}>
     /**
      * An icon
      *
@@ -6041,13 +6048,6 @@ declare module 'vue' {
      * - **base** - The main icon container.
      */
          'dap-ds-icon-upload-line': DefineCustomElement<SystemUploadLine, SystemUploadLineProps, {}>
-    /**
-     * An icon
-     *
-     * ### CSS Parts:
-     * - **base** - The main icon container.
-     */
-         'dap-ds-icon-cookie-line': DefineCustomElement<OthersCookieLine, OthersCookieLineProps, {}>
   }
 }
 
@@ -6058,17 +6058,16 @@ declare global {
       'dap-ds-accordion': DapDSAccordionProps & DapDSAccordionEvents & DapDSAccordionSlots
       'dap-ds-anchor-heading': DapDSAnchorHeadingProps
       'dap-ds-avatar': DapDSAvatarProps & DapDSAvatarEvents & DapDSAvatarSlots
-      'dap-ds-avatar-group': DapDSAvatarGroupProps & DapDSAvatarGroupEvents & DapDSAvatarGroupSlots
       'dap-ds-badge': DapDSBadgeProps & DapDSBadgeSlots
-      'dap-ds-accordion-group': DapDSAccordionGroupProps & DapDSAccordionGroupSlots
       'dap-ds-banner': DapDSBannerProps & DapDSBannerEvents & DapDSBannerSlots
       'dap-ds-breadcrumb': DapDSBreadcrumbProps & DapDSBreadcrumbSlots
+      'dap-ds-avatar-group': DapDSAvatarGroupProps & DapDSAvatarGroupEvents & DapDSAvatarGroupSlots
+      'dap-ds-accordion-group': DapDSAccordionGroupProps & DapDSAccordionGroupSlots
       'dap-ds-breadcrumb-item': DapDSBreadcrumbItemProps & DapDSBreadcrumbItemSlots
       'dap-ds-button': DapDSButtonProps & DapDSButtonEvents & DapDSButtonSlots
       'dap-ds-calendar-cell': DapDSCalendarCellProps & DapDSCalendarCellSlots
       'dap-ds-calendar': DapDSCalendarProps & DapDSCalendarEvents & DapDSCalendarSlots
       'dap-ds-callout': DapDSCalloutProps & DapDSCalloutEvents & DapDSCalloutSlots
-      'dap-ds-checkbox': DapDSCheckboxProps & DapDSCheckboxEvents
       'dap-ds-card-actions': DapDSCardActionsProps & DapDSCardActionsSlots
       'dap-ds-card-content': DapDSCardContentProps & DapDSCardContentSlots
       'dap-ds-card-image': DapDSCardImageProps & DapDSCardImageSlots
@@ -6076,6 +6075,7 @@ declare global {
       'dap-ds-card-title': DapDSCardTitleProps & DapDSCardTitleSlots
       'dap-ds-card': DapDSCardProps & DapDSCardSlots
       'dap-ds-chip': DapDSChipProps & DapDSChipEvents
+      'dap-ds-checkbox': DapDSCheckboxProps & DapDSCheckboxEvents
       'dap-ds-combobox': DapDSComboboxProps & DapDSComboboxEvents & DapDSComboboxSlots
       'dap-ds-command-group': DapDSCommandGroupProps & DapDSCommandGroupSlots
       'dap-ds-command-item': DapDSCommandItemProps & DapDSCommandItemEvents & DapDSCommandItemSlots
@@ -6150,17 +6150,17 @@ declare global {
       'dap-ds-icon-arrow-left-l-line': ArrowsArrowLeftLLineProps
       'dap-ds-icon-arrow-left-line': ArrowsArrowLeftLineProps
       'dap-ds-icon-arrow-left-s-fill': ArrowsArrowLeftSFillProps
+      'dap-ds-icon-arrow-left-s-line': ArrowsArrowLeftSLineProps
       'dap-ds-icon-arrow-left-up-line': ArrowsArrowLeftUpLineProps
       'dap-ds-icon-arrow-right-down-line': ArrowsArrowRightDownLineProps
       'dap-ds-icon-arrow-right-l-line': ArrowsArrowRightLLineProps
-      'dap-ds-icon-arrow-left-s-line': ArrowsArrowLeftSLineProps
       'dap-ds-icon-arrow-right-line': ArrowsArrowRightLineProps
       'dap-ds-icon-arrow-right-s-fill': ArrowsArrowRightSFillProps
-      'dap-ds-icon-arrow-right-s-line': ArrowsArrowRightSLineProps
       'dap-ds-icon-arrow-right-up-line': ArrowsArrowRightUpLineProps
+      'dap-ds-icon-arrow-right-s-line': ArrowsArrowRightSLineProps
       'dap-ds-icon-arrow-up-line': ArrowsArrowUpLineProps
-      'dap-ds-icon-arrow-up-s-line': ArrowsArrowUpSLineProps
       '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
@@ -6177,6 +6177,7 @@ declare global {
       'dap-ds-icon-folder-open-line': DocumentFolderOpenLineProps
       'dap-ds-icon-heart-fill': HealthHeartFillProps
       'dap-ds-icon-heart-line': HealthHeartLineProps
+      'dap-ds-icon-cookie-line': OthersCookieLineProps
       'dap-ds-icon-account-circle-fill': UserAccountCircleFillProps
       'dap-ds-icon-account-circle-line': UserAccountCircleLineProps
       'dap-ds-icon-user-fill': UserUserFillProps
@@ -6187,10 +6188,10 @@ declare global {
       'dap-ds-icon-check-line': SystemCheckLineProps
       'dap-ds-icon-check-line2': SystemCheckLine2Props
       'dap-ds-icon-checkbox-blank-circle-fill': SystemCheckboxBlankCircleFillProps
-      'dap-ds-icon-checkbox-blank-circle-fill-check': SystemCheckboxBlankCircleFillCheckProps
       'dap-ds-icon-checkbox-blank-circle-line': SystemCheckboxBlankCircleLineProps
       'dap-ds-icon-checkbox-circle-fill': SystemCheckboxCircleFillProps
       'dap-ds-icon-checkbox-circle-line': SystemCheckboxCircleLineProps
+      'dap-ds-icon-checkbox-blank-circle-fill-check': SystemCheckboxBlankCircleFillCheckProps
       'dap-ds-icon-close-circle-fill': SystemCloseCircleFillProps
       'dap-ds-icon-close-circle-line': SystemCloseCircleLineProps
       'dap-ds-icon-close-fill': SystemCloseFillProps
@@ -6227,7 +6228,6 @@ declare global {
       'dap-ds-icon-upload-2-fill': SystemUpload2FillProps
       'dap-ds-icon-upload-2-line': SystemUpload2LineProps
       'dap-ds-icon-upload-line': SystemUploadLineProps
-      'dap-ds-icon-cookie-line': OthersCookieLineProps
     }
   }
 }