dap-design-system 0.35.12 → 0.35.13

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

@@ -1,13 +1,13 @@
 import type { DefineComponent } from "vue";
 
-import type { DapDSAccordion } from "../../components/accordion/accordion.component.js";
-import type { DapDSAvatar } from "../../components/avatar/avatar.component.js";
 import type { DapDSAnchorHeading } from "../../components/anchor-heading/anchor-heading.component.js";
+import type { DapDSAccordion } from "../../components/accordion/accordion.component.js";
 import type { DapDSBadge } from "../../components/badge/badge.component.js";
-import type { DapDSAccordionGroup } from "../../components/accordion-group/accordion-group.component.js";
-import type { DapDSBanner } from "../../components/banner/banner.component.js";
 import type { DapDSBreadcrumb } from "../../components/breadcrumb/breadcrumb.component.js";
+import type { DapDSBanner } from "../../components/banner/banner.component.js";
+import type { DapDSAvatar } from "../../components/avatar/avatar.component.js";
 import type { DapDSBreadcrumbItem } from "../../components/breadcrumb-item/breadcrumb-item.component.js";
+import type { DapDSAccordionGroup } from "../../components/accordion-group/accordion-group.component.js";
 import type { DapDSButton } from "../../components/button/button.component.js";
 import type { DapDSCalendarCell } from "../../components/calendar-cell/calendar-cell.component.js";
 import type { DapDSCalendar } from "../../components/calendar/calendar.component.js";
@@ -18,8 +18,8 @@ import type { DapDSCardImage } from "../../components/card-image/card-image.comp
 import type { DapDSCardSubtitle } from "../../components/card-subtitle/card-subtitle.component.js";
 import type { DapDSCardTitle } from "../../components/card-title/card-title.component.js";
 import type { DapDSCard } from "../../components/card/card.component.js";
-import type { DapDSCheckbox } from "../../components/checkbox/checkbox.component.js";
 import type { DapDSCombobox } from "../../components/combobox/combobox.component.js";
+import type { DapDSCheckbox } from "../../components/checkbox/checkbox.component.js";
 import type { DapDSCommandGroup } from "../../components/command-group/command-group.component.js";
 import type { DapDSCommandItem } from "../../components/command-item/command-item.component.js";
 import type { DapDSCommand } from "../../components/command/command.component.js";
@@ -94,16 +94,16 @@ import type { ArrowsArrowRightLLine } from "../../components/icon-arrow-right-l-
 import type { ArrowsArrowRightLine } from "../../components/icon-arrow-right-line/icon-arrow-right-line.component.js";
 import type { ArrowsArrowRightSFill } from "../../components/icon-arrow-right-s-fill/icon-arrow-right-s-fill.component.js";
 import type { ArrowsArrowRightSLine } from "../../components/icon-arrow-right-s-line/icon-arrow-right-s-line.component.js";
-import type { ArrowsArrowUpLine } from "../../components/icon-arrow-up-line/icon-arrow-up-line.component.js";
 import type { ArrowsArrowRightUpLine } from "../../components/icon-arrow-right-up-line/icon-arrow-right-up-line.component.js";
-import type { ArrowsArrowUpSLine } from "../../components/icon-arrow-up-s-line/icon-arrow-up-s-line.component.js";
+import type { ArrowsArrowUpLine } from "../../components/icon-arrow-up-line/icon-arrow-up-line.component.js";
 import type { ArrowsArrowUpSFill } from "../../components/icon-arrow-up-s-fill/icon-arrow-up-s-fill.component.js";
+import type { ArrowsArrowUpSLine } from "../../components/icon-arrow-up-s-line/icon-arrow-up-s-line.component.js";
 import type { ArrowsExpandUpDownFill } from "../../components/icon-expand-up-down-fill/icon-expand-up-down-fill.component.js";
 import type { BuildingsHome6Line } from "../../components/icon-home-6-line/icon-home-6-line.component.js";
 import type { BusinessCalendarLine } from "../../components/icon-calendar-line/icon-calendar-line.component.js";
-import type { OthersCookieLine } from "../../components/icon-cookie-line/icon-cookie-line.component.js";
 import type { DocumentClipboardLine } from "../../components/icon-clipboard-line/icon-clipboard-line.component.js";
 import type { DocumentFileCopyLine } from "../../components/icon-file-copy-line/icon-file-copy-line.component.js";
+import type { OthersCookieLine } from "../../components/icon-cookie-line/icon-cookie-line.component.js";
 import type { SystemAddLine } from "../../components/icon-add-line/icon-add-line.component.js";
 import type { SystemAlertFill } from "../../components/icon-alert-fill/icon-alert-fill.component.js";
 import type { SystemAlertLine } from "../../components/icon-alert-line/icon-alert-line.component.js";
@@ -130,12 +130,27 @@ import type { SystemInformationFill } from "../../components/icon-information-fi
 import type { SystemInformationLine } from "../../components/icon-information-line/icon-information-line.component.js";
 import type { SystemLightbulbFill } from "../../components/icon-lightbulb-fill/icon-lightbulb-fill.component.js";
 import type { SystemLoadingSpinner } from "../../components/icon-loading-spinner/icon-loading-spinner.component.js";
+import type { SystemLockFill } from "../../components/icon-lock-fill/icon-lock-fill.component.js";
+import type { SystemLockLine } from "../../components/icon-lock-line/icon-lock-line.component.js";
 import type { SystemMenuLine } from "../../components/icon-menu-line/icon-menu-line.component.js";
 import type { SystemMenuLineS } from "../../components/icon-menu-line-s/icon-menu-line-s.component.js";
 import type { SystemSearchLine } from "../../components/icon-search-line/icon-search-line.component.js";
+import type { SystemShieldCheckFill } from "../../components/icon-shield-check-fill/icon-shield-check-fill.component.js";
+import type { SystemShieldCheckLine } from "../../components/icon-shield-check-line/icon-shield-check-line.component.js";
 import type { SystemStarFill } from "../../components/icon-star-fill/icon-star-fill.component.js";
-import type { SystemSubtractLine } from "../../components/icon-subtract-line/icon-subtract-line.component.js";
 import type { SystemSubtractLine2 } from "../../components/icon-subtract-line2/icon-subtract-line2.component.js";
+import type { SystemSubtractLine } from "../../components/icon-subtract-line/icon-subtract-line.component.js";
+
+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"];
+  /**  */
+  elementId?: DapDSAnchorHeading["elementId"];
+  /**  */
+  anchorTitle?: DapDSAnchorHeading["anchorTitle"];
+};
 
 type DapDSAccordionProps = {
   /** The size of the accordion */
@@ -157,30 +172,6 @@ type DapDSAccordionProps = {
   "ondds-closed"?: (e: CustomEvent<never>) => void;
 };
 
-type DapDSAvatarProps = {
-  /** The size of the avatar */
-  size?: DapDSAvatar["size"];
-  /** The source of the avatar. */
-  src?: DapDSAvatar["src"];
-  /** The alt text of the avatar. */
-  alt?: DapDSAvatar["alt"];
-  /** 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"];
-};
-
-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"];
-  /**  */
-  elementId?: DapDSAnchorHeading["elementId"];
-  /**  */
-  anchorTitle?: DapDSAnchorHeading["anchorTitle"];
-};
-
 type DapDSBadgeProps = {
   /** The type of the badge */
   type?: DapDSBadge["type"];
@@ -190,14 +181,15 @@ type DapDSBadgeProps = {
   icon?: DapDSBadge["icon"];
 };
 
-type DapDSAccordionGroupProps = {
-  /** Whether to close other accordions when one is opened. */
-  autoClose?: DapDSAccordionGroup["autoClose"];
-  /** The variant of the accordion */
-  variant?: DapDSAccordionGroup["variant"];
-
-  /** Event fired when an accordion is opened or closed. */
-  "ondds-change"?: (e: CustomEvent<never>) => void;
+type DapDSBreadcrumbProps = {
+  /** @deprecated true - Inverted color style */
+  inverted?: DapDSBreadcrumb["inverted"];
+  /**  */
+  variant?: DapDSBreadcrumb["variant"];
+  /** Mobile version of the breadcrumb */
+  mobile?: DapDSBreadcrumb["mobile"];
+  /** The aria-labelledby of the breadcrumb */
+  "aria-labelledby"?: DapDSBreadcrumb["ariaLabelledBy"];
 };
 
 type DapDSBannerProps = {
@@ -216,15 +208,17 @@ type DapDSBannerProps = {
   "ondds-close"?: (e: CustomEvent<never>) => void;
 };
 
-type DapDSBreadcrumbProps = {
-  /** @deprecated true - Inverted color style */
-  inverted?: DapDSBreadcrumb["inverted"];
-  /**  */
-  variant?: DapDSBreadcrumb["variant"];
-  /** Mobile version of the breadcrumb */
-  mobile?: DapDSBreadcrumb["mobile"];
-  /** The aria-labelledby of the breadcrumb */
-  "aria-labelledby"?: DapDSBreadcrumb["ariaLabelledBy"];
+type DapDSAvatarProps = {
+  /** The size of the avatar */
+  size?: DapDSAvatar["size"];
+  /** The source of the avatar. */
+  src?: DapDSAvatar["src"];
+  /** The alt text of the avatar. */
+  alt?: DapDSAvatar["alt"];
+  /** 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"];
 };
 
 type DapDSBreadcrumbItemProps = {
@@ -242,6 +236,16 @@ type DapDSBreadcrumbItemProps = {
   variant?: DapDSBreadcrumbItem["variant"];
 };
 
+type DapDSAccordionGroupProps = {
+  /** Whether to close other accordions when one is opened. */
+  autoClose?: DapDSAccordionGroup["autoClose"];
+  /** The variant of the accordion */
+  variant?: DapDSAccordionGroup["variant"];
+
+  /** Event fired when an accordion is opened or closed. */
+  "ondds-change"?: (e: CustomEvent<never>) => void;
+};
+
 type DapDSButtonProps = {
   /** The variant of the button */
   variant?: DapDSButton["variant"];
@@ -411,59 +415,6 @@ type DapDSCardProps = {
   size?: DapDSCard["size"];
 };
 
-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"];
-  /** 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. */
-  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"];
-  /** Fired when the checkbox is checked or unchecked. */
-  "ondds-change"?: (e: CustomEvent<never>) => void;
-  /** Emitted when the checkbox loses focus. */
-  "ondds-blur"?: (e: CustomEvent<never>) => void;
-  /** Emitted when the checkbox gains focus. */
-  "ondds-focus"?: (e: CustomEvent<never>) => void;
-  /** Emitted when the checkbox receives input. */
-  "ondds-input"?: (e: CustomEvent<never>) => void;
-};
-
 type DapDSComboboxProps = {
   /** The value of the select. */
   value?: DapDSCombobox["value"];
@@ -527,6 +478,59 @@ type DapDSComboboxProps = {
   "ondds-input"?: (e: CustomEvent<never>) => void;
 };
 
+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"];
+  /** 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. */
+  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"];
+  /** Fired when the checkbox is checked or unchecked. */
+  "ondds-change"?: (e: CustomEvent<never>) => void;
+  /** Emitted when the checkbox loses focus. */
+  "ondds-blur"?: (e: CustomEvent<never>) => void;
+  /** Emitted when the checkbox gains focus. */
+  "ondds-focus"?: (e: CustomEvent<never>) => void;
+  /** Emitted when the checkbox receives input. */
+  "ondds-input"?: (e: CustomEvent<never>) => void;
+};
+
 type DapDSCommandGroupProps = {
   /** The label of the command group. */
   label?: DapDSCommandGroup["label"];
@@ -2308,19 +2312,6 @@ type ArrowsArrowRightSLineProps = {
   focusable?: ArrowsArrowRightSLine["focusable"];
 };
 
-type ArrowsArrowUpLineProps = {
-  /** (optional) The width and height in pixels */
-  size?: ArrowsArrowUpLine["size"];
-  /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: ArrowsArrowUpLine["selected"];
-  /** (optional) If `true` the SVG element will get `aria-hidden="true"` */
-  decorative?: ArrowsArrowUpLine["decorative"];
-  /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: ArrowsArrowUpLine["accessibilityTitle"];
-  /** (optional) If `true` the icon can receive focus */
-  focusable?: ArrowsArrowUpLine["focusable"];
-};
-
 type ArrowsArrowRightUpLineProps = {
   /** (optional) The width and height in pixels */
   size?: ArrowsArrowRightUpLine["size"];
@@ -2334,17 +2325,17 @@ type ArrowsArrowRightUpLineProps = {
   focusable?: ArrowsArrowRightUpLine["focusable"];
 };
 
-type ArrowsArrowUpSLineProps = {
+type ArrowsArrowUpLineProps = {
   /** (optional) The width and height in pixels */
-  size?: ArrowsArrowUpSLine["size"];
+  size?: ArrowsArrowUpLine["size"];
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: ArrowsArrowUpSLine["selected"];
+  selected?: ArrowsArrowUpLine["selected"];
   /** (optional) If `true` the SVG element will get `aria-hidden="true"` */
-  decorative?: ArrowsArrowUpSLine["decorative"];
+  decorative?: ArrowsArrowUpLine["decorative"];
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: ArrowsArrowUpSLine["accessibilityTitle"];
+  accessibilityTitle?: ArrowsArrowUpLine["accessibilityTitle"];
   /** (optional) If `true` the icon can receive focus */
-  focusable?: ArrowsArrowUpSLine["focusable"];
+  focusable?: ArrowsArrowUpLine["focusable"];
 };
 
 type ArrowsArrowUpSFillProps = {
@@ -2360,6 +2351,19 @@ type ArrowsArrowUpSFillProps = {
   focusable?: ArrowsArrowUpSFill["focusable"];
 };
 
+type ArrowsArrowUpSLineProps = {
+  /** (optional) The width and height in pixels */
+  size?: ArrowsArrowUpSLine["size"];
+  /** (optional) Sets the icon color via the `fill` attribute */
+  selected?: ArrowsArrowUpSLine["selected"];
+  /** (optional) If `true` the SVG element will get `aria-hidden="true"` */
+  decorative?: ArrowsArrowUpSLine["decorative"];
+  /** (optional) When using the icon standalone, make it meaningful for accessibility */
+  accessibilityTitle?: ArrowsArrowUpSLine["accessibilityTitle"];
+  /** (optional) If `true` the icon can receive focus */
+  focusable?: ArrowsArrowUpSLine["focusable"];
+};
+
 type ArrowsExpandUpDownFillProps = {
   /** (optional) The width and height in pixels */
   size?: ArrowsExpandUpDownFill["size"];
@@ -2399,19 +2403,6 @@ type BusinessCalendarLineProps = {
   focusable?: BusinessCalendarLine["focusable"];
 };
 
-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) If `true` the SVG element will get `aria-hidden="true"` */
-  decorative?: OthersCookieLine["decorative"];
-  /** (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"];
-};
-
 type DocumentClipboardLineProps = {
   /** (optional) The width and height in pixels */
   size?: DocumentClipboardLine["size"];
@@ -2438,6 +2429,19 @@ type DocumentFileCopyLineProps = {
   focusable?: DocumentFileCopyLine["focusable"];
 };
 
+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) If `true` the SVG element will get `aria-hidden="true"` */
+  decorative?: OthersCookieLine["decorative"];
+  /** (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"];
+};
+
 type SystemAddLineProps = {
   /** (optional) The width and height in pixels */
   size?: SystemAddLine["size"];
@@ -2776,6 +2780,32 @@ type SystemLoadingSpinnerProps = {
   focusable?: SystemLoadingSpinner["focusable"];
 };
 
+type SystemLockFillProps = {
+  /** (optional) The width and height in pixels */
+  size?: SystemLockFill["size"];
+  /** (optional) Sets the icon color via the `fill` attribute */
+  selected?: SystemLockFill["selected"];
+  /** (optional) If `true` the SVG element will get `aria-hidden="true"` */
+  decorative?: SystemLockFill["decorative"];
+  /** (optional) When using the icon standalone, make it meaningful for accessibility */
+  accessibilityTitle?: SystemLockFill["accessibilityTitle"];
+  /** (optional) If `true` the icon can receive focus */
+  focusable?: SystemLockFill["focusable"];
+};
+
+type SystemLockLineProps = {
+  /** (optional) The width and height in pixels */
+  size?: SystemLockLine["size"];
+  /** (optional) Sets the icon color via the `fill` attribute */
+  selected?: SystemLockLine["selected"];
+  /** (optional) If `true` the SVG element will get `aria-hidden="true"` */
+  decorative?: SystemLockLine["decorative"];
+  /** (optional) When using the icon standalone, make it meaningful for accessibility */
+  accessibilityTitle?: SystemLockLine["accessibilityTitle"];
+  /** (optional) If `true` the icon can receive focus */
+  focusable?: SystemLockLine["focusable"];
+};
+
 type SystemMenuLineProps = {
   /** (optional) The width and height in pixels */
   size?: SystemMenuLine["size"];
@@ -2815,30 +2845,43 @@ type SystemSearchLineProps = {
   focusable?: SystemSearchLine["focusable"];
 };
 
-type SystemStarFillProps = {
+type SystemShieldCheckFillProps = {
   /** (optional) The width and height in pixels */
-  size?: SystemStarFill["size"];
+  size?: SystemShieldCheckFill["size"];
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemStarFill["selected"];
+  selected?: SystemShieldCheckFill["selected"];
   /** (optional) If `true` the SVG element will get `aria-hidden="true"` */
-  decorative?: SystemStarFill["decorative"];
+  decorative?: SystemShieldCheckFill["decorative"];
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemStarFill["accessibilityTitle"];
+  accessibilityTitle?: SystemShieldCheckFill["accessibilityTitle"];
   /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemStarFill["focusable"];
+  focusable?: SystemShieldCheckFill["focusable"];
 };
 
-type SystemSubtractLineProps = {
+type SystemShieldCheckLineProps = {
   /** (optional) The width and height in pixels */
-  size?: SystemSubtractLine["size"];
+  size?: SystemShieldCheckLine["size"];
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemSubtractLine["selected"];
+  selected?: SystemShieldCheckLine["selected"];
   /** (optional) If `true` the SVG element will get `aria-hidden="true"` */
-  decorative?: SystemSubtractLine["decorative"];
+  decorative?: SystemShieldCheckLine["decorative"];
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemSubtractLine["accessibilityTitle"];
+  accessibilityTitle?: SystemShieldCheckLine["accessibilityTitle"];
   /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemSubtractLine["focusable"];
+  focusable?: SystemShieldCheckLine["focusable"];
+};
+
+type SystemStarFillProps = {
+  /** (optional) The width and height in pixels */
+  size?: SystemStarFill["size"];
+  /** (optional) Sets the icon color via the `fill` attribute */
+  selected?: SystemStarFill["selected"];
+  /** (optional) If `true` the SVG element will get `aria-hidden="true"` */
+  decorative?: SystemStarFill["decorative"];
+  /** (optional) When using the icon standalone, make it meaningful for accessibility */
+  accessibilityTitle?: SystemStarFill["accessibilityTitle"];
+  /** (optional) If `true` the icon can receive focus */
+  focusable?: SystemStarFill["focusable"];
 };
 
 type SystemSubtractLine2Props = {
@@ -2854,7 +2897,39 @@ type SystemSubtractLine2Props = {
   focusable?: SystemSubtractLine2["focusable"];
 };
 
+type SystemSubtractLineProps = {
+  /** (optional) The width and height in pixels */
+  size?: SystemSubtractLine["size"];
+  /** (optional) Sets the icon color via the `fill` attribute */
+  selected?: SystemSubtractLine["selected"];
+  /** (optional) If `true` the SVG element will get `aria-hidden="true"` */
+  decorative?: SystemSubtractLine["decorative"];
+  /** (optional) When using the icon standalone, make it meaningful for accessibility */
+  accessibilityTitle?: SystemSubtractLine["accessibilityTitle"];
+  /** (optional) If `true` the icon can receive focus */
+  focusable?: SystemSubtractLine["focusable"];
+};
+
 export type CustomElements = {
+  /**
+   * Anchor heading is a heading with an anchor link.
+   * ---
+   *
+   *
+   * ### **CSS Properties:**
+   *  - **--dds-anchor-link-color** - The color of the anchor link. Default is the primary color. _(default: undefined)_
+   * - **--dds-anchor-link-opacity** - The opacity of the anchor link when not hovered. Default is 0. _(default: undefined)_
+   * - **--dds-anchor-link-hover-opacity** - The opacity of the anchor link when hovered. Default is 1. _(default: undefined)_
+   * - **--dds-anchor-link-transition** - The transition property for the anchor link opacity. Default is 'opacity 0.2s ease-in-out'. _(default: undefined)_
+   *
+   * ### **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": DefineComponent<DapDSAnchorHeadingProps>;
+
   /**
    * An accordion is a vertically stacked list of interactive items that can be expanded or collapsed to reveal or hide content.
    * ---
@@ -2878,73 +2953,30 @@ export type CustomElements = {
    * - **--dds-accordion-background-color** - The background color of the accordion (default: var(--dds-background-neutral-subtle)) _(default: undefined)_
    * - **--dds-accordion-text-color** - The text color of the accordion (default: var(--dds-text-neutral-strong)) _(default: undefined)_
    * - **--dds-accordion-hover-background** - The background color when hovering over the accordion (default: var(--dds-background-neutral-base)) _(default: undefined)_
-   * - **--dds-accordion-active-background** - The background color when the accordion is active (default: var(--dds-background-neutral-medium)) _(default: undefined)_
-   * - **--dds-accordion-icon-background** - The background color of the accordion icon (default: var(--dds-transparent-black-subtle)) _(default: undefined)_
-   * - **--dds-accordion-icon-color** - The color of the accordion icon (default: var(--dds-icon-neutral-base)) _(default: undefined)_
-   * - **--dds-accordion-icon-hover-background** - The background color of the accordion icon when hovered (default: var(--dds-transparent-black-base)) _(default: undefined)_
-   * - **--dds-accordion-icon-active-background** - The background color of the accordion icon when active (default: var(--dds-transparent-black-strong)) _(default: undefined)_
-   * - **--dds-accordion-icon-hover-color** - The color of the accordion icon when hovered (default: var(--dds-icon-neutral-strong)) _(default: undefined)_
-   * - **--dds-accordion-icon-active-color** - The color of the accordion icon when active (default: var(--dds-icon-neutral-strong)) _(default: undefined)_
-   * - **--dds-accordion-content-color** - The color of the accordion content (default: var(--dds-text-text-neutral)) _(default: undefined)_
-   * - **--dds-accordion-transition-duration** - The duration of the accordion transitions (default: var(--dds-transition-fast)) _(default: undefined)_
-   * - **--dds-accordion-transition-timing** - The timing function of the accordion transitions (default: var(--dds-easing-ease-in-out)) _(default: undefined)_
-   * - **--dds-accordion-divider-color** - The color of the divider between accordion items (default: var(--dds-border-neutral-divider)) _(default: undefined)_
-   *
-   * ### **CSS Parts:**
-   *  - **base** - The main accordion container.
-   * - **heading** - The heading of the accordion.
-   * - **button** - The button of the accordion.
-   * - **content** - The content of the accordion.
-   * - **icon-wrapper** - The icon wrapper of the accordion.
-   * - **open-icon** - The icon when the accordion is opened.
-   * - **open-icon-base** - The base of the icon when the accordion is opened.
-   * - **close-icon** - The icon when the accordion is closed.
-   * - **close-icon-base** - The base of the icon when the accordion is closed.
-   */
-  "dap-ds-accordion": DefineComponent<DapDSAccordionProps>;
-
-  /**
-   * Avatar component can be used to display user profile images or icons, or illustrations.
-   * ---
-   *
-   *
-   * ### **CSS Properties:**
-   *  - **--dds-avatar-border-radius** - The border radius of the avatar. Default is the design system's rounded radius. _(default: undefined)_
-   * - **--dds-avatar-background-color** - The background color of the avatar. Default is transparent. _(default: undefined)_
-   * - **--dds-avatar-border-width** - The width of the avatar's border. Default is 0. _(default: undefined)_
-   * - **--dds-avatar-border-color** - The color of the avatar's border. Default is transparent. _(default: undefined)_
-   * - **--dds-avatar-border-style** - The style of the avatar's border. Default is solid. _(default: undefined)_
-   * - **--dds-avatar-transition** - The transition property for the avatar. Default is 'all 0.2s ease-in-out'. _(default: undefined)_
-   * - **--dds-avatar-size-lg** - The size of the large avatar. Default is the design system's spacing-2000. _(default: undefined)_
-   * - **--dds-avatar-size-md** - The size of the medium avatar. Default is the design system's spacing-1600. _(default: undefined)_
-   * - **--dds-avatar-size-sm** - The size of the small avatar. Default is the design system's spacing-1200. _(default: undefined)_
-   * - **--dds-avatar-size-xs** - The size of the extra small avatar. Default is the design system's spacing-800. _(default: undefined)_
-   * - **--dds-avatar-size-xxs** - The size of the extra extra small avatar. Default is the design system's spacing-600. _(default: undefined)_
-   *
-   * ### **CSS Parts:**
-   *  - **base** - The main avatar image container.
-   * - **img** - The avatar image.
-   */
-  "dap-ds-avatar": DefineComponent<DapDSAvatarProps>;
-
-  /**
-   * Anchor heading is a heading with an anchor link.
-   * ---
-   *
-   *
-   * ### **CSS Properties:**
-   *  - **--dds-anchor-link-color** - The color of the anchor link. Default is the primary color. _(default: undefined)_
-   * - **--dds-anchor-link-opacity** - The opacity of the anchor link when not hovered. Default is 0. _(default: undefined)_
-   * - **--dds-anchor-link-hover-opacity** - The opacity of the anchor link when hovered. Default is 1. _(default: undefined)_
-   * - **--dds-anchor-link-transition** - The transition property for the anchor link opacity. Default is 'opacity 0.2s ease-in-out'. _(default: undefined)_
+   * - **--dds-accordion-active-background** - The background color when the accordion is active (default: var(--dds-background-neutral-medium)) _(default: undefined)_
+   * - **--dds-accordion-icon-background** - The background color of the accordion icon (default: var(--dds-transparent-black-subtle)) _(default: undefined)_
+   * - **--dds-accordion-icon-color** - The color of the accordion icon (default: var(--dds-icon-neutral-base)) _(default: undefined)_
+   * - **--dds-accordion-icon-hover-background** - The background color of the accordion icon when hovered (default: var(--dds-transparent-black-base)) _(default: undefined)_
+   * - **--dds-accordion-icon-active-background** - The background color of the accordion icon when active (default: var(--dds-transparent-black-strong)) _(default: undefined)_
+   * - **--dds-accordion-icon-hover-color** - The color of the accordion icon when hovered (default: var(--dds-icon-neutral-strong)) _(default: undefined)_
+   * - **--dds-accordion-icon-active-color** - The color of the accordion icon when active (default: var(--dds-icon-neutral-strong)) _(default: undefined)_
+   * - **--dds-accordion-content-color** - The color of the accordion content (default: var(--dds-text-text-neutral)) _(default: undefined)_
+   * - **--dds-accordion-transition-duration** - The duration of the accordion transitions (default: var(--dds-transition-fast)) _(default: undefined)_
+   * - **--dds-accordion-transition-timing** - The timing function of the accordion transitions (default: var(--dds-easing-ease-in-out)) _(default: undefined)_
+   * - **--dds-accordion-divider-color** - The color of the divider between accordion items (default: var(--dds-border-neutral-divider)) _(default: undefined)_
    *
    * ### **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 accordion container.
+   * - **heading** - The heading of the accordion.
+   * - **button** - The button of the accordion.
+   * - **content** - The content of the accordion.
+   * - **icon-wrapper** - The icon wrapper of the accordion.
+   * - **open-icon** - The icon when the accordion is opened.
+   * - **open-icon-base** - The base of the icon when the accordion is opened.
+   * - **close-icon** - The icon when the accordion is closed.
+   * - **close-icon-base** - The base of the icon when the accordion is closed.
    */
-  "dap-ds-anchor-heading": DefineComponent<DapDSAnchorHeadingProps>;
+  "dap-ds-accordion": DefineComponent<DapDSAccordionProps>;
 
   /**
    * A badge is a small status descriptor for UI elements.
@@ -2994,27 +3026,28 @@ export type CustomElements = {
   "dap-ds-badge": DefineComponent<DapDSBadgeProps>;
 
   /**
-   * An accordion group is a collection of accordion components.
+   * A breadcrumb is a secondary navigation scheme that reveals the user's location in a website or Web application.
    * ---
    *
    *
-   * ### **Events:**
-   *  - **dds-change** - Event fired when an accordion is opened or closed.
-   *
    * ### **Slots:**
-   *  - _default_ - The content of the accordion group.
+   *  - _default_ - The content of the breadcrumb.
+   * - **separator** - The separator between breadcrumb items. Default is '/'.
    *
    * ### **CSS Properties:**
-   *  - **--dds-accordion-group-spacing** - Controls the gap between accordion items (default: var(--dds-spacing-300)) _(default: undefined)_
-   * - **--dds-accordion-group-border-color** - Controls the border color (default: var(--dds-border-neutral-subtle)) _(default: undefined)_
-   * - **--dds-accordion-group-border-width** - Controls the border width (default: var(--dds-border-width-base)) _(default: undefined)_
-   * - **--dds-accordion-group-border-radius** - Controls the border radius (default: var(--dds-radius-base)) _(default: undefined)_
-   * - **--dds-accordion-group-background** - Controls the background color (default: transparent) _(default: undefined)_
+   *  - **--dds-breadcrumb-width** - The width of the breadcrumb container. Default is 100%. _(default: undefined)_
+   * - **--dds-breadcrumb-overflow-x** - The horizontal overflow behavior of the breadcrumb. Default is auto. _(default: undefined)_
+   * - **--dds-breadcrumb-transition** - The transition property for the breadcrumb. Default is 'all 0.2s ease-in-out'. _(default: undefined)_
+   * - **--dds-breadcrumb-list-display** - The display property of the breadcrumb list. Default is flex. _(default: undefined)_
+   * - **--dds-breadcrumb-list-flex-wrap** - The flex-wrap property of the breadcrumb list. Default is nowrap. _(default: undefined)_
+   * - **--dds-breadcrumb-list-align-items** - The align-items property of the breadcrumb list. Default is center. _(default: undefined)_
+   * - **--dds-breadcrumb-list-min-width** - The minimum width of the breadcrumb list. Default is max-content. _(default: undefined)_
    *
    * ### **CSS Parts:**
-   *  - **base** - The main accordion group container.
+   *  - **base** - The main breadcrumb container.
+   * - **separator** - The separator of the breadcrumb.
    */
-  "dap-ds-accordion-group": DefineComponent<DapDSAccordionGroupProps>;
+  "dap-ds-breadcrumb": DefineComponent<DapDSBreadcrumbProps>;
 
   /**
    * A banner is a message displayed at the top of the page to provide important information to the user.
@@ -3069,28 +3102,28 @@ export type CustomElements = {
   "dap-ds-banner": DefineComponent<DapDSBannerProps>;
 
   /**
-   * A breadcrumb is a secondary navigation scheme that reveals the user's location in a website or Web application.
+   * Avatar component can be used to display user profile images or icons, or illustrations.
    * ---
    *
    *
-   * ### **Slots:**
-   *  - _default_ - The content of the breadcrumb.
-   * - **separator** - The separator between breadcrumb items. Default is '/'.
-   *
    * ### **CSS Properties:**
-   *  - **--dds-breadcrumb-width** - The width of the breadcrumb container. Default is 100%. _(default: undefined)_
-   * - **--dds-breadcrumb-overflow-x** - The horizontal overflow behavior of the breadcrumb. Default is auto. _(default: undefined)_
-   * - **--dds-breadcrumb-transition** - The transition property for the breadcrumb. Default is 'all 0.2s ease-in-out'. _(default: undefined)_
-   * - **--dds-breadcrumb-list-display** - The display property of the breadcrumb list. Default is flex. _(default: undefined)_
-   * - **--dds-breadcrumb-list-flex-wrap** - The flex-wrap property of the breadcrumb list. Default is nowrap. _(default: undefined)_
-   * - **--dds-breadcrumb-list-align-items** - The align-items property of the breadcrumb list. Default is center. _(default: undefined)_
-   * - **--dds-breadcrumb-list-min-width** - The minimum width of the breadcrumb list. Default is max-content. _(default: undefined)_
+   *  - **--dds-avatar-border-radius** - The border radius of the avatar. Default is the design system's rounded radius. _(default: undefined)_
+   * - **--dds-avatar-background-color** - The background color of the avatar. Default is transparent. _(default: undefined)_
+   * - **--dds-avatar-border-width** - The width of the avatar's border. Default is 0. _(default: undefined)_
+   * - **--dds-avatar-border-color** - The color of the avatar's border. Default is transparent. _(default: undefined)_
+   * - **--dds-avatar-border-style** - The style of the avatar's border. Default is solid. _(default: undefined)_
+   * - **--dds-avatar-transition** - The transition property for the avatar. Default is 'all 0.2s ease-in-out'. _(default: undefined)_
+   * - **--dds-avatar-size-lg** - The size of the large avatar. Default is the design system's spacing-2000. _(default: undefined)_
+   * - **--dds-avatar-size-md** - The size of the medium avatar. Default is the design system's spacing-1600. _(default: undefined)_
+   * - **--dds-avatar-size-sm** - The size of the small avatar. Default is the design system's spacing-1200. _(default: undefined)_
+   * - **--dds-avatar-size-xs** - The size of the extra small avatar. Default is the design system's spacing-800. _(default: undefined)_
+   * - **--dds-avatar-size-xxs** - The size of the extra extra small avatar. Default is the design system's spacing-600. _(default: undefined)_
    *
    * ### **CSS Parts:**
-   *  - **base** - The main breadcrumb container.
-   * - **separator** - The separator of the breadcrumb.
+   *  - **base** - The main avatar image container.
+   * - **img** - The avatar image.
    */
-  "dap-ds-breadcrumb": DefineComponent<DapDSBreadcrumbProps>;
+  "dap-ds-avatar": DefineComponent<DapDSAvatarProps>;
 
   /**
    * A breadcrumb item is a secondary navigation scheme that reveals the user's location in a website or Web application.
@@ -3125,6 +3158,29 @@ export type CustomElements = {
    */
   "dap-ds-breadcrumb-item": DefineComponent<DapDSBreadcrumbItemProps>;
 
+  /**
+   * An accordion group is a collection of accordion components.
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **dds-change** - Event fired when an accordion is opened or closed.
+   *
+   * ### **Slots:**
+   *  - _default_ - The content of the accordion group.
+   *
+   * ### **CSS Properties:**
+   *  - **--dds-accordion-group-spacing** - Controls the gap between accordion items (default: var(--dds-spacing-300)) _(default: undefined)_
+   * - **--dds-accordion-group-border-color** - Controls the border color (default: var(--dds-border-neutral-subtle)) _(default: undefined)_
+   * - **--dds-accordion-group-border-width** - Controls the border width (default: var(--dds-border-width-base)) _(default: undefined)_
+   * - **--dds-accordion-group-border-radius** - Controls the border radius (default: var(--dds-radius-base)) _(default: undefined)_
+   * - **--dds-accordion-group-background** - Controls the background color (default: transparent) _(default: undefined)_
+   *
+   * ### **CSS Parts:**
+   *  - **base** - The main accordion group container.
+   */
+  "dap-ds-accordion-group": DefineComponent<DapDSAccordionGroupProps>;
+
   /**
    * A button is a clickable element that can be used to trigger an action.
    * ---
@@ -3475,55 +3531,6 @@ export type CustomElements = {
    */
   "dap-ds-card": DefineComponent<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 Properties:**
-   *  - **--dds-checkbox-size** - The size of the checkbox. Default is `var(--dds-spacing-500)`. _(default: undefined)_
-   * - **--dds-checkbox-border-width** - The border width of the checkbox. Default is `var(--dds-border-width-large)`. _(default: undefined)_
-   * - **--dds-checkbox-border-radius** - The border radius of the checkbox. Default is `var(--dds-radius-small)`. _(default: undefined)_
-   * - **--dds-checkbox-border-color** - The border color of the checkbox. Default is `var(--dds-border-neutral-base)`. _(default: undefined)_
-   * - **--dds-checkbox-background-color** - The background color of the checkbox. Default is `transparent`. _(default: undefined)_
-   * - **--dds-checkbox-icon-color** - The color of the checkbox icon. Default is `var(--dds-button-primary-icon-enabled)`. _(default: undefined)_
-   * - **--dds-checkbox-hover-border-color** - The border color when hovering over the checkbox. Default is `var(--dds-border-neutral-medium)`. _(default: undefined)_
-   * - **--dds-checkbox-hover-background-color** - The background color when hovering over the checkbox. Default is `var(--dds-background-neutral-medium)`. _(default: undefined)_
-   * - **--dds-checkbox-active-border-color** - The border color when the checkbox is active. Default is `var(--dds-border-neutral-strong)`. _(default: undefined)_
-   * - **--dds-checkbox-active-background-color** - The background color when the checkbox is active. Default is `var(--dds-background-neutral-strong)`. _(default: undefined)_
-   * - **--dds-checkbox-checked-border-color** - The border color when the checkbox is checked. Default is `var(--dds-background-brand-base-inverted)`. _(default: undefined)_
-   * - **--dds-checkbox-checked-background-color** - The background color when the checkbox is checked. Default is `var(--dds-background-brand-base-inverted)`. _(default: undefined)_
-   * - **--dds-checkbox-checked-hover-border-color** - The border color when hovering over a checked checkbox. Default is `var(--dds-background-brand-medium-inverted)`. _(default: undefined)_
-   * - **--dds-checkbox-checked-hover-background-color** - The background color when hovering over a checked checkbox. Default is `var(--dds-background-brand-medium-inverted)`. _(default: undefined)_
-   * - **--dds-checkbox-checked-active-border-color** - The border color when a checked checkbox is active. Default is `var(--dds-background-brand-strong-inverted)`. _(default: undefined)_
-   * - **--dds-checkbox-checked-active-background-color** - The background color when a checked checkbox is active. Default is `var(--dds-background-brand-strong-inverted)`. _(default: undefined)_
-   * - **--dds-checkbox-invalid-border-color** - The border color when the checkbox is invalid. Default is `var(--dds-border-negative-base)`. _(default: undefined)_
-   * - **--dds-checkbox-invalid-background-color** - The background color when the checkbox is invalid. Default is `var(--dds-background-negative-base)`. _(default: undefined)_
-   * - **--dds-checkbox-invalid-hover-border-color** - The border color when hovering over an invalid checkbox. Default is `var(--dds-border-negative-medium)`. _(default: undefined)_
-   * - **--dds-checkbox-invalid-hover-background-color** - The background color when hovering over an invalid checkbox. Default is `var(--dds-background-negative-medium)`. _(default: undefined)_
-   * - **--dds-checkbox-invalid-active-border-color** - The border color when an invalid checkbox is active. Default is `var(--dds-border-negative-strong)`. _(default: undefined)_
-   * - **--dds-checkbox-invalid-active-background-color** - The background color when an invalid checkbox is active. Default is `var(--dds-background-negative-strong)`. _(default: undefined)_
-   * - **--dds-checkbox-disabled-border-color** - The border color when the checkbox is disabled. Default is `var(--dds-button-primary-background-disabled)`. _(default: undefined)_
-   * - **--dds-checkbox-disabled-background-color** - The background color when the checkbox is disabled. Default is `var(--dds-button-primary-background-disabled)`. _(default: undefined)_
-   * - **--dds-checkbox-disabled-icon-color** - The color of the checkbox icon when disabled. Default is `var(--dds-button-primary-icon-disabled)`. _(default: undefined)_
-   *
-   * ### **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.
-   */
-  "dap-ds-checkbox": DefineComponent<DapDSCheckboxProps>;
-
   /**
    * A select is a form element that allows the user to select one option from a set.
    * ---
@@ -3579,6 +3586,55 @@ export type CustomElements = {
    */
   "dap-ds-combobox": DefineComponent<DapDSComboboxProps>;
 
+  /**
+   * 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 Properties:**
+   *  - **--dds-checkbox-size** - The size of the checkbox. Default is `var(--dds-spacing-500)`. _(default: undefined)_
+   * - **--dds-checkbox-border-width** - The border width of the checkbox. Default is `var(--dds-border-width-large)`. _(default: undefined)_
+   * - **--dds-checkbox-border-radius** - The border radius of the checkbox. Default is `var(--dds-radius-small)`. _(default: undefined)_
+   * - **--dds-checkbox-border-color** - The border color of the checkbox. Default is `var(--dds-border-neutral-base)`. _(default: undefined)_
+   * - **--dds-checkbox-background-color** - The background color of the checkbox. Default is `transparent`. _(default: undefined)_
+   * - **--dds-checkbox-icon-color** - The color of the checkbox icon. Default is `var(--dds-button-primary-icon-enabled)`. _(default: undefined)_
+   * - **--dds-checkbox-hover-border-color** - The border color when hovering over the checkbox. Default is `var(--dds-border-neutral-medium)`. _(default: undefined)_
+   * - **--dds-checkbox-hover-background-color** - The background color when hovering over the checkbox. Default is `var(--dds-background-neutral-medium)`. _(default: undefined)_
+   * - **--dds-checkbox-active-border-color** - The border color when the checkbox is active. Default is `var(--dds-border-neutral-strong)`. _(default: undefined)_
+   * - **--dds-checkbox-active-background-color** - The background color when the checkbox is active. Default is `var(--dds-background-neutral-strong)`. _(default: undefined)_
+   * - **--dds-checkbox-checked-border-color** - The border color when the checkbox is checked. Default is `var(--dds-background-brand-base-inverted)`. _(default: undefined)_
+   * - **--dds-checkbox-checked-background-color** - The background color when the checkbox is checked. Default is `var(--dds-background-brand-base-inverted)`. _(default: undefined)_
+   * - **--dds-checkbox-checked-hover-border-color** - The border color when hovering over a checked checkbox. Default is `var(--dds-background-brand-medium-inverted)`. _(default: undefined)_
+   * - **--dds-checkbox-checked-hover-background-color** - The background color when hovering over a checked checkbox. Default is `var(--dds-background-brand-medium-inverted)`. _(default: undefined)_
+   * - **--dds-checkbox-checked-active-border-color** - The border color when a checked checkbox is active. Default is `var(--dds-background-brand-strong-inverted)`. _(default: undefined)_
+   * - **--dds-checkbox-checked-active-background-color** - The background color when a checked checkbox is active. Default is `var(--dds-background-brand-strong-inverted)`. _(default: undefined)_
+   * - **--dds-checkbox-invalid-border-color** - The border color when the checkbox is invalid. Default is `var(--dds-border-negative-base)`. _(default: undefined)_
+   * - **--dds-checkbox-invalid-background-color** - The background color when the checkbox is invalid. Default is `var(--dds-background-negative-base)`. _(default: undefined)_
+   * - **--dds-checkbox-invalid-hover-border-color** - The border color when hovering over an invalid checkbox. Default is `var(--dds-border-negative-medium)`. _(default: undefined)_
+   * - **--dds-checkbox-invalid-hover-background-color** - The background color when hovering over an invalid checkbox. Default is `var(--dds-background-negative-medium)`. _(default: undefined)_
+   * - **--dds-checkbox-invalid-active-border-color** - The border color when an invalid checkbox is active. Default is `var(--dds-border-negative-strong)`. _(default: undefined)_
+   * - **--dds-checkbox-invalid-active-background-color** - The background color when an invalid checkbox is active. Default is `var(--dds-background-negative-strong)`. _(default: undefined)_
+   * - **--dds-checkbox-disabled-border-color** - The border color when the checkbox is disabled. Default is `var(--dds-button-primary-background-disabled)`. _(default: undefined)_
+   * - **--dds-checkbox-disabled-background-color** - The background color when the checkbox is disabled. Default is `var(--dds-button-primary-background-disabled)`. _(default: undefined)_
+   * - **--dds-checkbox-disabled-icon-color** - The color of the checkbox icon when disabled. Default is `var(--dds-button-primary-icon-disabled)`. _(default: undefined)_
+   *
+   * ### **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.
+   */
+  "dap-ds-checkbox": DefineComponent<DapDSCheckboxProps>;
+
   /**
    * A command group is a group of command items.
    * ---
@@ -5516,7 +5572,7 @@ export type CustomElements = {
    * ### **CSS Parts:**
    *  - **base** - The main icon container.
    */
-  "dap-ds-icon-arrow-up-line": DefineComponent<ArrowsArrowUpLineProps>;
+  "dap-ds-icon-arrow-right-up-line": DefineComponent<ArrowsArrowRightUpLineProps>;
 
   /**
    * An icon
@@ -5526,7 +5582,7 @@ export type CustomElements = {
    * ### **CSS Parts:**
    *  - **base** - The main icon container.
    */
-  "dap-ds-icon-arrow-right-up-line": DefineComponent<ArrowsArrowRightUpLineProps>;
+  "dap-ds-icon-arrow-up-line": DefineComponent<ArrowsArrowUpLineProps>;
 
   /**
    * An icon
@@ -5536,7 +5592,7 @@ export type CustomElements = {
    * ### **CSS Parts:**
    *  - **base** - The main icon container.
    */
-  "dap-ds-icon-arrow-up-s-line": DefineComponent<ArrowsArrowUpSLineProps>;
+  "dap-ds-icon-arrow-up-s-fill": DefineComponent<ArrowsArrowUpSFillProps>;
 
   /**
    * An icon
@@ -5546,7 +5602,7 @@ export type CustomElements = {
    * ### **CSS Parts:**
    *  - **base** - The main icon container.
    */
-  "dap-ds-icon-arrow-up-s-fill": DefineComponent<ArrowsArrowUpSFillProps>;
+  "dap-ds-icon-arrow-up-s-line": DefineComponent<ArrowsArrowUpSLineProps>;
 
   /**
    * An icon
@@ -5586,7 +5642,7 @@ export type CustomElements = {
    * ### **CSS Parts:**
    *  - **base** - The main icon container.
    */
-  "dap-ds-icon-cookie-line": DefineComponent<OthersCookieLineProps>;
+  "dap-ds-icon-clipboard-line": DefineComponent<DocumentClipboardLineProps>;
 
   /**
    * An icon
@@ -5596,7 +5652,7 @@ export type CustomElements = {
    * ### **CSS Parts:**
    *  - **base** - The main icon container.
    */
-  "dap-ds-icon-clipboard-line": DefineComponent<DocumentClipboardLineProps>;
+  "dap-ds-icon-file-copy-line": DefineComponent<DocumentFileCopyLineProps>;
 
   /**
    * An icon
@@ -5606,7 +5662,7 @@ export type CustomElements = {
    * ### **CSS Parts:**
    *  - **base** - The main icon container.
    */
-  "dap-ds-icon-file-copy-line": DefineComponent<DocumentFileCopyLineProps>;
+  "dap-ds-icon-cookie-line": DefineComponent<OthersCookieLineProps>;
 
   /**
    * An icon
@@ -5868,6 +5924,26 @@ export type CustomElements = {
    */
   "dap-ds-icon-loading-spinner": DefineComponent<SystemLoadingSpinnerProps>;
 
+  /**
+   * An icon
+   * ---
+   *
+   *
+   * ### **CSS Parts:**
+   *  - **base** - The main icon container.
+   */
+  "dap-ds-icon-lock-fill": DefineComponent<SystemLockFillProps>;
+
+  /**
+   * An icon
+   * ---
+   *
+   *
+   * ### **CSS Parts:**
+   *  - **base** - The main icon container.
+   */
+  "dap-ds-icon-lock-line": DefineComponent<SystemLockLineProps>;
+
   /**
    * An icon
    * ---
@@ -5906,7 +5982,7 @@ export type CustomElements = {
    * ### **CSS Parts:**
    *  - **base** - The main icon container.
    */
-  "dap-ds-icon-star-fill": DefineComponent<SystemStarFillProps>;
+  "dap-ds-icon-shield-check-fill": DefineComponent<SystemShieldCheckFillProps>;
 
   /**
    * An icon
@@ -5916,7 +5992,17 @@ export type CustomElements = {
    * ### **CSS Parts:**
    *  - **base** - The main icon container.
    */
-  "dap-ds-icon-subtract-line": DefineComponent<SystemSubtractLineProps>;
+  "dap-ds-icon-shield-check-line": DefineComponent<SystemShieldCheckLineProps>;
+
+  /**
+   * An icon
+   * ---
+   *
+   *
+   * ### **CSS Parts:**
+   *  - **base** - The main icon container.
+   */
+  "dap-ds-icon-star-fill": DefineComponent<SystemStarFillProps>;
 
   /**
    * An icon
@@ -5927,6 +6013,16 @@ export type CustomElements = {
    *  - **base** - The main icon container.
    */
   "dap-ds-icon-subtract-line2": DefineComponent<SystemSubtractLine2Props>;
+
+  /**
+   * An icon
+   * ---
+   *
+   *
+   * ### **CSS Parts:**
+   *  - **base** - The main icon container.
+   */
+  "dap-ds-icon-subtract-line": DefineComponent<SystemSubtractLineProps>;
 };
 
 declare module "vue" {