dap-design-system 0.57.8 → 0.57.9

package/dist/components.js

@@ -1,4 +1,4 @@
-import { D as p, c as s, a as S, b as e, d as o, e as t, f as r, g as n, h as i, i as l, k as d, j as u, l as c, r as m, m as C, n as I, o as b, p as T, q as g, s as B, t as h, v as k, u as v, w as G, z as P, x as A, y as L, B as x, A as N, C as w, E as y, F, G as O, H as f, I as H, L as M, K as R, J as E, aB as j, M as q, N as z, O as W, P as Z, aC as J, Q as K, R as Q, S as U, T as V, V as X, U as Y, W as _, X as $, Y as aa, Z as Da, _ as pa, $ as sa, a0 as Sa, a1 as ea, a2 as oa, a3 as ta, a4 as ra, a5 as na, aD as ia, a6 as la, a7 as da, a8 as ua, a9 as ca, aa as ma, ad as Ca, ab as Ia, ac as ba, ae as Ta, af as ga, ah as Ba, ag as ha, ai as ka, aj as va, ak as Ga, aw as Pa, am as Aa, al as La, aq as xa, an as Na, ao as wa, ap as ya, ar as Fa, au as Oa, av as fa, at as Ha, as as Ma, ax as Ra, ay as Ea, az as ja, aA as qa, aI as za, aH as Wa, aG as Za, aE as Ja } from "./components-B66BAgiP.js";
+import { D as p, a as s, c as S, b as e, d as o, g as t, e as r, f as n, h as i, i as l, k as d, j as u, l as c, r as m, m as C, n as I, o as b, p as T, q as g, s as B, t as h, v as k, u as v, w as G, z as P, x as A, y as L, B as x, A as N, C as w, E as y, F, G as O, H as f, I as H, L as M, K as R, J as E, aC as j, M as q, N as z, O as W, P as Z, aB as J, Q as K, R as Q, S as U, T as V, V as X, U as Y, W as _, X as $, Y as aa, Z as Da, _ as pa, $ as sa, a0 as Sa, a1 as ea, a2 as oa, a3 as ta, a4 as ra, a5 as na, aD as ia, a6 as la, a7 as da, a8 as ua, a9 as ca, aa as ma, ad as Ca, ab as Ia, ac as ba, ae as Ta, af as ga, ah as Ba, ag as ha, ai as ka, aj as va, ak as Ga, aw as Pa, am as Aa, al as La, aq as xa, an as Na, ao as wa, ap as ya, ar as Fa, au as Oa, av as fa, at as Ha, as as Ma, ax as Ra, ay as Ea, az as ja, aA as qa, aI as za, aH as Wa, aG as Za, aE as Ja } from "./components-DM_rlHV7.js";
 export {
   p as DapDSAccordion,
   s as DapDSAccordionGroup,

package/dist/dds.js

@@ -1,4 +1,4 @@
-import { D as T, c as I, a as $, b as z, d as O, e as P, f as U, g as k, h as _, i as H, k as E, j as M, l as G, r as N, m as R, n as j, o as W, p as Z, q as V, s as q, t as J, v as K, u as Q, w as X, z as Y, x as ee, y as ae, B as se, A as te, C as ie, E as re, F as oe, G as ne, H as le, I as pe, L as De, K as Se, J as ce, aB as me, M as de, N as he, O as ue, P as ye, aC as Le, Q as we, R as be, S as Ce, T as ge, V as fe, U as Ae, W as ve, X as Fe, Y as xe, Z as Be, _ as Te, $ as Ie, a0 as $e, a1 as ze, a2 as Oe, a3 as Pe, a4 as Ue, a5 as ke, aD as _e, a6 as He, a7 as Ee, a8 as Me, a9 as Ge, aa as Ne, ad as Re, ab as je, ac as We, ae as Ze, af as Ve, ah as qe, ag as Je, ai as Ke, aj as Qe, ak as Xe, aw as Ye, am as ea, al as aa, aq as sa, an as ta, ao as ia, ap as ra, ar as oa, au as na, av as la, at as pa, as as Da, ax as Sa, ay as ca, az as ma, aA as da, aI as ha, aH as ua, aG as ya, aE as La, aF as wa } from "./components-B66BAgiP.js";
+import { D as T, a as I, c as $, b as z, d as O, g as P, e as U, f as k, h as _, i as H, k as E, j as M, l as G, r as N, m as R, n as j, o as W, p as Z, q as V, s as q, t as J, v as K, u as Q, w as X, z as Y, x as ee, y as ae, B as se, A as te, C as ie, E as re, F as oe, G as ne, H as le, I as pe, L as De, K as Se, J as ce, aC as me, M as de, N as he, O as ue, P as ye, aB as Le, Q as we, R as be, S as Ce, T as ge, V as fe, U as Ae, W as ve, X as Fe, Y as xe, Z as Be, _ as Te, $ as Ie, a0 as $e, a1 as ze, a2 as Oe, a3 as Pe, a4 as Ue, a5 as ke, aD as _e, a6 as He, a7 as Ee, a8 as Me, a9 as Ge, aa as Ne, ad as Re, ab as je, ac as We, ae as Ze, af as Ve, ah as qe, ag as Je, ai as Ke, aj as Qe, ak as Xe, aw as Ye, am as ea, al as aa, aq as sa, an as ta, ao as ia, ap as ra, ar as oa, au as na, av as la, at as pa, as as Da, ax as Sa, ay as ca, az as ma, aA as da, aI as ha, aH as ua, aG as ya, aE as La, aF as wa } from "./components-DM_rlHV7.js";
 import { ArrowsArrowDownLine as Ca, ArrowsArrowDownSFill as ga, ArrowsArrowDownSLine as fa, ArrowsArrowLeftDownLine as Aa, ArrowsArrowLeftLLine as va, ArrowsArrowLeftLine as Fa, ArrowsArrowLeftSFill as xa, ArrowsArrowLeftSLine as Ba, ArrowsArrowLeftUpLine as Ta, ArrowsArrowRightDownLine as Ia, ArrowsArrowRightLLine as $a, ArrowsArrowRightLine as za, ArrowsArrowRightSFill as Oa, ArrowsArrowRightSLine as Pa, ArrowsArrowRightUpLine as Ua, ArrowsArrowUpLine as ka, ArrowsArrowUpSFill as _a, ArrowsArrowUpSLine as Ha, ArrowsExpandUpDownFill as Ea, BuildingsHome6Line as Ma, BusinessCalendarLine as Ga, SystemCheckboxBlankCircleFillCheck as Na, DesignEditLine as Ra, DesignToolsLine as ja, DeviceComputerLine as Wa, DocumentClipboardLine as Za, DocumentFileCopyLine as Va, DocumentFileImageLine as qa, DocumentFileMusicLine as Ja, DocumentFileTextLine as Ka, DocumentFileVideoLine as Qa, DocumentFolderLine as Xa, DocumentFolderOpenLine as Ya, HealthHeartFill as es, HealthHeartLine as as, OthersCookieLine as ss, SystemAddLine as ts, SystemAlertFill as is, SystemAlertLine as rs, SystemCheckLine as os, SystemCheckLine2 as ns, SystemCheckboxBlankCircleFill as ls, SystemCheckboxBlankCircleFillCheck as ps, SystemCheckboxBlankCircleLine as Ds, SystemCheckboxCircleFill as Ss, SystemCheckboxCircleLine as cs, SystemCloseCircleFill as ms, SystemCloseCircleLine as ds, SystemCloseFill as hs, SystemCloseLine as us, SystemDeleteBinFill as ys, SystemDeleteBinLine as Ls, SystemDownloadLine as ws, SystemErrorWarningFill as bs, SystemErrorWarningLine as Cs, SystemExternalLinkLine as gs, SystemEyeLine as fs, SystemEyeOffLine as As, SystemForbidFill as vs, SystemInformation2Fill as Fs, SystemInformationFill as xs, SystemInformationLine as Bs, SystemLightbulbFill as Ts, SystemLoadingSpinner as Is, SystemLockFill as $s, SystemLockLine as zs, SystemMenuLine as Os, SystemMenuLineS as Ps, SystemMore2Line as Us, SystemMoreLine as ks, SystemSearchLine as _s, SystemShareLine as Hs, SystemShieldCheckFill as Es, SystemShieldCheckLine as Ms, SystemStarFill as Gs, SystemSubtractLine as Ns, SystemSubtractLine2 as Rs, SystemTimeFill as js, SystemTimeLine as Ws, SystemUpload2Fill as Zs, SystemUpload2Line as Vs, SystemUploadLine as qs, UserAccountCircleFill as Js, UserAccountCircleLine as Ks, UserUserFill as Qs, UserUserLine as Xs } from "./icons.js";
 import { r as h, s as u, n as i, D as y, c as L, u as S, t as w } from "./icon-DiAH7AY5.js";
 var b = Object.defineProperty, C = Object.getOwnPropertyDescriptor, c = (e, s, r, t) => {

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

@@ -666,6 +666,11 @@ export interface DapDSAccordionSlots {
   'icon-closed'?: () => any
 }
 
+export interface DapDSAccordionGroupSlots {
+  /** The content of the accordion group. */
+  default?: () => any
+}
+
 export interface DapDSAvatarSlots {
   /** The icon to display when variant is 'icon'. */
   'icon'?: () => any
@@ -673,23 +678,11 @@ export interface DapDSAvatarSlots {
   'fallback'?: () => any
 }
 
-export interface DapDSAccordionGroupSlots {
-  /** The content of the accordion group. */
-  default?: () => any
-}
-
 export interface DapDSAvatarGroupSlots {
   /** The avatars to display in the group. */
   default?: () => any
 }
 
-export interface DapDSBadgeSlots {
-  /** The content of the badge. */
-  default?: () => any
-  /** The icon of the badge. */
-  'icon'?: () => any
-}
-
 export interface DapDSBannerSlots {
   /** The content of the banner. */
   default?: () => any
@@ -706,6 +699,13 @@ export interface DapDSBreadcrumbSlots {
   'separator'?: () => any
 }
 
+export interface DapDSBadgeSlots {
+  /** The content of the badge. */
+  default?: () => any
+  /** The icon of the badge. */
+  'icon'?: () => any
+}
+
 export interface DapDSBreadcrumbItemSlots {
   /** The content of the breadcrumb item. */
   default?: () => any
@@ -1148,15 +1148,11 @@ export type DapDSAccordionProps = {
   loading?: DapDSAccordion["loading"]
 }
 
-export type DapDSAnchorHeadingProps = {
-  /** The variant of the heading. Default is `h2`. Can be `h1`, `h2`, `h3`, `h4`, `h5`, or `h6`. */
-  variant?: DapDSAnchorHeading["variant"]
-  /** The label of the heading. */
-  label?: DapDSAnchorHeading["label"]
-  /**  */
-  elementId?: DapDSAnchorHeading["elementId"]
-  /**  */
-  anchorTitle?: DapDSAnchorHeading["anchorTitle"]
+export type DapDSAccordionGroupProps = {
+  /** Whether to close other accordions when one is opened. */
+  autoClose?: DapDSAccordionGroup["autoClose"]
+  /** The variant of the accordion */
+  variant?: DapDSAccordionGroup["variant"]
 }
 
 export type DapDSAvatarProps = {
@@ -1186,11 +1182,15 @@ export type DapDSAvatarProps = {
   sizeMap?: DapDSAvatar["sizeMap"]
 }
 
-export type DapDSAccordionGroupProps = {
-  /** Whether to close other accordions when one is opened. */
-  autoClose?: DapDSAccordionGroup["autoClose"]
-  /** The variant of the accordion */
-  variant?: DapDSAccordionGroup["variant"]
+export type DapDSAnchorHeadingProps = {
+  /** The variant of the heading. Default is `h2`. Can be `h1`, `h2`, `h3`, `h4`, `h5`, or `h6`. */
+  variant?: DapDSAnchorHeading["variant"]
+  /** The label of the heading. */
+  label?: DapDSAnchorHeading["label"]
+  /**  */
+  elementId?: DapDSAnchorHeading["elementId"]
+  /**  */
+  anchorTitle?: DapDSAnchorHeading["anchorTitle"]
 }
 
 export type DapDSAvatarGroupProps = {
@@ -1212,19 +1212,6 @@ export type DapDSAvatarGroupProps = {
   sizeMap?: DapDSAvatarGroup["sizeMap"]
 }
 
-export type DapDSBadgeProps = {
-  /** The type of the badge */
-  type?: DapDSBadge["type"]
-  /** The icon of the badge, this is a name of a built in icon */
-  icon?: DapDSBadge["icon"]
-  /** Whether the badge represents dynamic content that should announce changes */
-  live?: DapDSBadge["live"]
-  /** The size of the badge. Default is `sm`. */
-  size?: DapDSBadge["size"]
-  /** Responsive size map (e.g. "md:lg"). */
-  sizeMap?: DapDSBadge["sizeMap"]
-}
-
 export type DapDSBannerProps = {
   /** The variant of the banner */
   variant?: DapDSBanner["variant"]
@@ -1234,6 +1221,8 @@ export type DapDSBannerProps = {
   opened?: DapDSBanner["opened"]
   /** The aria-label for the close button */
   closeButtonLabel?: DapDSBanner["closeButtonLabel"]
+  /** `data-testid` for the close button. */
+  closeButtonTestId?: DapDSBanner["closeButtonTestId"]
   /** The icon of the banner, this is a name of a built icon icon */
   icon?: DapDSBanner["icon"]
 }
@@ -1247,6 +1236,19 @@ export type DapDSBreadcrumbProps = {
   "aria-labelledby"?: DapDSBreadcrumb["ariaLabelledBy"]
 }
 
+export type DapDSBadgeProps = {
+  /** The type of the badge */
+  type?: DapDSBadge["type"]
+  /** The icon of the badge, this is a name of a built in icon */
+  icon?: DapDSBadge["icon"]
+  /** Whether the badge represents dynamic content that should announce changes */
+  live?: DapDSBadge["live"]
+  /** The size of the badge. Default is `sm`. */
+  size?: DapDSBadge["size"]
+  /** Responsive size map (e.g. "md:lg"). */
+  sizeMap?: DapDSBadge["sizeMap"]
+}
+
 export type DapDSBreadcrumbItemProps = {
   /** The URL of the breadcrumb item. */
   href?: DapDSBreadcrumbItem["href"]
@@ -1327,6 +1329,10 @@ export type DapDSCalendarProps = {
   hideAdjacentMonths?: DapDSCalendar["hideAdjacentMonths"]
   /** The locale of the calendar. */
   locale?: DapDSCalendar["locale"]
+  /** `data-testid` for the previous-month button. */
+  prevButtonTestId?: DapDSCalendar["prevButtonTestId"]
+  /** `data-testid` for the next-month button. */
+  nextButtonTestId?: DapDSCalendar["nextButtonTestId"]
   /** The value of the calendar. */
   value?: DapDSCalendar["value"]
   /** The start date of the range selection (only used in range mode). */
@@ -1364,6 +1370,8 @@ export type DapDSCalloutProps = {
   title?: DapDSCallout["title"]
   /** The label of the close button */
   closeButtonLabel?: DapDSCallout["closeButtonLabel"]
+  /** `data-testid` for the default close button. */
+  closeButtonTestId?: DapDSCallout["closeButtonTestId"]
   /** If the callout is opened */
   opened?: DapDSCallout["opened"]
 }
@@ -1518,6 +1526,8 @@ export type DapDSChipProps = {
   value?: DapDSChip["value"]
   /** The aria label for the delete button */
   deleteAriaLabel?: DapDSChip["deleteAriaLabel"]
+  /** `data-testid` for the remove button. */
+  removeButtonTestId?: DapDSChip["removeButtonTestId"]
   /** The size of the chip. Default is `sm`. */
   size?: DapDSChip["size"]
   /** Responsive size map (e.g. "md:lg"). */
@@ -1707,6 +1717,8 @@ export type DapDSContentSwitcherProps = {
 export type DapDSCopyBoxInputProps = {
   /** The aria label of the copy button. */
   copyButtonAriaLabel?: DapDSCopyBoxInput["copyButtonAriaLabel"]
+  /** `data-testid` for the copy button. */
+  copyButtonTestId?: DapDSCopyBoxInput["copyButtonTestId"]
   /**  */
   type?: DapDSCopyBoxInput["type"]
   /** The label of the input. */
@@ -1821,6 +1833,8 @@ export type DapDSDataTableProps<T> = {
   nextButtonLabel?: DapDSDataTable<T>["nextButtonLabel"]
   /** The label of the last button */
   lastButtonLabel?: DapDSDataTable<T>["lastButtonLabel"]
+  /** `data-testid` for the column sort-toggle button. Suffixed with the column id. */
+  sortButtonTestId?: DapDSDataTable<T>["sortButtonTestId"]
   /** Available page size options for the pager */
   pageSizeOptions?: DapDSDataTable<T>["pageSizeOptions"]
   /** Sorting state of the table */
@@ -1878,6 +1892,10 @@ export type DapDSDatePickerProps = {
   clearButton?: DapDSDatePicker["clearButton"]
   /** The aria label of the clear button. */
   clearButtonAriaLabel?: DapDSDatePicker["clearButtonAriaLabel"]
+  /** `data-testid` for the clear button. */
+  clearButtonTestId?: DapDSDatePicker["clearButtonTestId"]
+  /** `data-testid` for the calendar indicator button that opens the calendar. */
+  calendarButtonTestId?: DapDSDatePicker["calendarButtonTestId"]
   /** The floating strategy of the datepicker. */
   floatingStrategy?: DapDSDatePicker["floatingStrategy"]
   /** Whether to keep popup open when trigger leaves viewport. */
@@ -1963,6 +1981,8 @@ export type DapDSFileInputListItemProps = {
   loading?: DapDSFileInputListItem["loading"]
   /** Show delete button. */
   showDeleteButton?: DapDSFileInputListItem["showDeleteButton"]
+  /** `data-testid` for the remove-file button. */
+  removeButtonTestId?: DapDSFileInputListItem["removeButtonTestId"]
   /** Show file size. */
   showFileSize?: DapDSFileInputListItem["showFileSize"]
   /** Show file link. */
@@ -2023,6 +2043,10 @@ export type DapDSFileInputProps = {
   uploadButtonLabel?: DapDSFileInput["uploadButtonLabel"]
   /** The label for the browse button. */
   browseButtonLabel?: DapDSFileInput["browseButtonLabel"]
+  /** `data-testid` for the browse button. */
+  browseButtonTestId?: DapDSFileInput["browseButtonTestId"]
+  /** `data-testid` for the upload button. */
+  uploadButtonTestId?: DapDSFileInput["uploadButtonTestId"]
   /** Whether to show a separate dropzone area. */
   showDropzone?: DapDSFileInput["showDropzone"]
   /** Text to display in the dropzone. */
@@ -2180,6 +2204,10 @@ export type DapDSImageZoomProps = {
   hideButtons?: DapDSImageZoom["hideButtons"]
   /**  */
   zoomButtonVariant?: DapDSImageZoom["zoomButtonVariant"]
+  /** `data-testid` for the expand/zoom button. */
+  expandButtonTestId?: DapDSImageZoom["expandButtonTestId"]
+  /** `data-testid` for the unzoom/close button. */
+  unzoomButtonTestId?: DapDSImageZoom["unzoomButtonTestId"]
 }
 
 export type DapDSInputProps = {
@@ -2432,6 +2460,8 @@ export type DapDSNavigationMenuItemProps = {
   orientation?: DapDSNavigationMenuItem["orientation"]
   /** Controls how Tab key navigates through top-level items. Default is 'group'. */
   tabMode?: DapDSNavigationMenuItem["tabMode"]
+  /** `data-testid` for the default menu trigger button. */
+  triggerButtonTestId?: DapDSNavigationMenuItem["triggerButtonTestId"]
   /**  */
   submenuController?: DapDSNavigationMenuItem["submenuController"]
   /**  */
@@ -2491,6 +2521,10 @@ export type DapDSNumberInputProps = {
   hideControls?: DapDSNumberInput["hideControls"]
   /** The number of leading zeros to add to the input. */
   padStart?: DapDSNumberInput["padStart"]
+  /** `data-testid` for the decrement stepper button. */
+  decrementButtonTestId?: DapDSNumberInput["decrementButtonTestId"]
+  /** `data-testid` for the increment stepper button. */
+  incrementButtonTestId?: DapDSNumberInput["incrementButtonTestId"]
   /**  */
   _thousandSeparator?: DapDSNumberInput["_thousandSeparator"]
   /**  */
@@ -2657,11 +2691,15 @@ export type DapDSPagerProps = {
   nextButtonLabel?: DapDSPager["nextButtonLabel"]
   /** The last button label. */
   lastButtonLabel?: DapDSPager["lastButtonLabel"]
+  /** `data-testid` for the pagination buttons. Suffixed with the button's part (first/previous/next/last). */
+  pageButtonTestId?: DapDSPager["pageButtonTestId"]
   /** The function to determine the pager text. If not provided, uses default reactive translation. */
   pageStateText?: DapDSPager["pageStateText"]
 }
 
 export type DapDSPasswordInputProps = {
+  /** `data-testid` for the show/hide toggle button. */
+  toggleButtonTestId?: DapDSPasswordInput["toggleButtonTestId"]
   /**  */
   passwordVisibile?: DapDSPasswordInput["passwordVisibile"]
   /**  */
@@ -3050,6 +3088,8 @@ export type DapDSSnackbarMessageProps = {
   customStyle?: DapDSSnackbarMessage["customStyle"]
   /** The position of the snackbar container for directional animations. */
   position?: DapDSSnackbarMessage["position"]
+  /** `data-testid` for the snackbar close button. */
+  closeButtonTestId?: DapDSSnackbarMessage["closeButtonTestId"]
 }
 
 export type DapDSSnackbarProps = {
@@ -3269,6 +3309,14 @@ export type DapDSTimeGridProps = {
   hideDisabledTimes?: DapDSTimeGrid["hideDisabledTimes"]
   /**  */
   presets?: DapDSTimeGrid["presets"]
+  /** `data-testid` base for the preset buttons (preset value appended). */
+  presetButtonTestId?: DapDSTimeGrid["presetButtonTestId"]
+  /** `data-testid` base for the hour select buttons (hour value appended). */
+  hourButtonTestId?: DapDSTimeGrid["hourButtonTestId"]
+  /** `data-testid` base for the minute select buttons (minute value appended). */
+  minuteButtonTestId?: DapDSTimeGrid["minuteButtonTestId"]
+  /** `data-testid` base for the second select buttons (second value appended). */
+  secondButtonTestId?: DapDSTimeGrid["secondButtonTestId"]
   /**  */
   disabledTime?: DapDSTimeGrid["disabledTime"]
 }
@@ -3300,6 +3348,10 @@ export type DapDSTimePickerProps = {
   clearButton?: DapDSTimePicker["clearButton"]
   /** The aria label of the clear button. */
   clearButtonAriaLabel?: DapDSTimePicker["clearButtonAriaLabel"]
+  /** `data-testid` for the clear button. */
+  clearButtonTestId?: DapDSTimePicker["clearButtonTestId"]
+  /** `data-testid` for the time indicator button that opens the grid. */
+  timeButtonTestId?: DapDSTimePicker["timeButtonTestId"]
   /** The floating strategy of the timepicker. */
   floatingStrategy?: DapDSTimePicker["floatingStrategy"]
   /** Whether to keep popup open when trigger leaves viewport. */
@@ -3463,25 +3515,6 @@ export type DapDSTypographyProps = {
   inverted?: DapDSTypography["inverted"]
 }
 
-export type DapDSFormLabelProps = {
-  /** The id of the form element that the label is associated with. */
-  for?: DapDSFormLabel["for"]
-  /** Whether the label should be rendered as text or a <label> tag. Default is label. */
-  renderAs?: DapDSFormLabel["renderAs"]
-  /** Whether the label should have no margin. */
-  noMargin?: DapDSFormLabel["noMargin"]
-  /** Label of optional text */
-  optionalLabel?: DapDSFormLabel["optionalLabel"]
-  /** Text weight of the label. */
-  subtle?: DapDSFormLabel["subtle"]
-  /** If the label is optional. */
-  optional?: DapDSFormLabel["optional"]
-  /** If the label is required. */
-  required?: DapDSFormLabel["required"]
-  /** The label text. */
-  label?: DapDSFormLabel["label"]
-}
-
 export type DapDSInputGroupProps = {
   /**  */
   allInputs?: DapDSInputGroup["allInputs"]
@@ -3513,6 +3546,25 @@ export type DapDSInputGroupProps = {
   subtle?: DapDSInputGroup["subtle"]
 }
 
+export type DapDSFormLabelProps = {
+  /** The id of the form element that the label is associated with. */
+  for?: DapDSFormLabel["for"]
+  /** Whether the label should be rendered as text or a <label> tag. Default is label. */
+  renderAs?: DapDSFormLabel["renderAs"]
+  /** Whether the label should have no margin. */
+  noMargin?: DapDSFormLabel["noMargin"]
+  /** Label of optional text */
+  optionalLabel?: DapDSFormLabel["optionalLabel"]
+  /** Text weight of the label. */
+  subtle?: DapDSFormLabel["subtle"]
+  /** If the label is optional. */
+  optional?: DapDSFormLabel["optional"]
+  /** If the label is required. */
+  required?: DapDSFormLabel["required"]
+  /** The label text. */
+  label?: DapDSFormLabel["label"]
+}
+
 export type DapDSRadioGroupProps = {
   /** The tooltip placement of the radio group. */
   tooltipPlacement?: DapDSRadioGroup["tooltipPlacement"]
@@ -3616,26 +3668,26 @@ export type ArrowsArrowLeftLineProps = {
   focusable?: ArrowsArrowLeftLine["focusable"]
 }
 
-export type ArrowsArrowLeftSFillProps = {
+export type ArrowsArrowLeftSLineProps = {
   /** (optional) The width and height in pixels */
-  size?: ArrowsArrowLeftSFill["size"]
+  size?: ArrowsArrowLeftSLine["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: ArrowsArrowLeftSFill["selected"]
+  selected?: ArrowsArrowLeftSLine["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: ArrowsArrowLeftSFill["accessibilityTitle"]
+  accessibilityTitle?: ArrowsArrowLeftSLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: ArrowsArrowLeftSFill["focusable"]
+  focusable?: ArrowsArrowLeftSLine["focusable"]
 }
 
-export type ArrowsArrowLeftSLineProps = {
+export type ArrowsArrowLeftSFillProps = {
   /** (optional) The width and height in pixels */
-  size?: ArrowsArrowLeftSLine["size"]
+  size?: ArrowsArrowLeftSFill["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: ArrowsArrowLeftSLine["selected"]
+  selected?: ArrowsArrowLeftSFill["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: ArrowsArrowLeftSLine["accessibilityTitle"]
+  accessibilityTitle?: ArrowsArrowLeftSFill["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: ArrowsArrowLeftSLine["focusable"]
+  focusable?: ArrowsArrowLeftSFill["focusable"]
 }
 
 export type ArrowsArrowLeftUpLineProps = {
@@ -3836,26 +3888,26 @@ export type DocumentFileCopyLineProps = {
   focusable?: DocumentFileCopyLine["focusable"]
 }
 
-export type DocumentFileImageLineProps = {
+export type DocumentFileMusicLineProps = {
   /** (optional) The width and height in pixels */
-  size?: DocumentFileImageLine["size"]
+  size?: DocumentFileMusicLine["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: DocumentFileImageLine["selected"]
+  selected?: DocumentFileMusicLine["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: DocumentFileImageLine["accessibilityTitle"]
+  accessibilityTitle?: DocumentFileMusicLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: DocumentFileImageLine["focusable"]
+  focusable?: DocumentFileMusicLine["focusable"]
 }
 
-export type DocumentFileMusicLineProps = {
+export type DocumentFileImageLineProps = {
   /** (optional) The width and height in pixels */
-  size?: DocumentFileMusicLine["size"]
+  size?: DocumentFileImageLine["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: DocumentFileMusicLine["selected"]
+  selected?: DocumentFileImageLine["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: DocumentFileMusicLine["accessibilityTitle"]
+  accessibilityTitle?: DocumentFileImageLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: DocumentFileMusicLine["focusable"]
+  focusable?: DocumentFileImageLine["focusable"]
 }
 
 export type DocumentFileTextLineProps = {
@@ -4548,15 +4600,15 @@ declare module 'vue' {
      */
          'dap-ds-accordion': DefineCustomElement<DapDSAccordion, DapDSAccordionProps, DapDSAccordionEvents>
     /**
-     * Anchor heading is a heading with an anchor link.
+     * An accordion group is a collection of accordion components.
+     *
+     * ### Slots:
+     * - **default** - The content of the accordion group.
      *
      * ### 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 group container.
      */
-         'dap-ds-anchor-heading': DefineCustomElement<DapDSAnchorHeading, DapDSAnchorHeadingProps, {}>
+         'dap-ds-accordion-group': DefineCustomElement<DapDSAccordionGroup, DapDSAccordionGroupProps, {}>
     /**
      * Avatar component can be used to display user profile images, initials, or icons.
      *
@@ -4578,15 +4630,15 @@ declare module 'vue' {
      */
          'dap-ds-avatar': DefineCustomElement<DapDSAvatar, DapDSAvatarProps, DapDSAvatarEvents>
     /**
-     * An accordion group is a collection of accordion components.
-     *
-     * ### Slots:
-     * - **default** - The content of the accordion group.
+     * Anchor heading is a heading with an anchor link.
      *
      * ### CSS Parts:
-     * - **base** - The main accordion group container.
+     * - **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-accordion-group': DefineCustomElement<DapDSAccordionGroup, DapDSAccordionGroupProps, {}>
+         'dap-ds-anchor-heading': DefineCustomElement<DapDSAnchorHeading, DapDSAnchorHeadingProps, {}>
     /**
      * Avatar group component displays multiple avatars in an organized layout with overflow management.
      *
@@ -4602,20 +4654,6 @@ declare module 'vue' {
      * - **overflow** - The overflow indicator element.
      */
          'dap-ds-avatar-group': DefineCustomElement<DapDSAvatarGroup, DapDSAvatarGroupProps, DapDSAvatarGroupEvents>
-    /**
-     * A badge is a small status descriptor for UI elements.
-     *
-     * ### Slots:
-     * - **default** - The content of the badge.
-     * - **icon** - The icon of the badge.
-     *
-     * ### CSS Parts:
-     * - **base** - The main container of the badge.
-     * - **icon** - The icon of the badge.
-     * - **content** - The content of the badge.
-     * - **icon-base** - The base of the icon.
-     */
-         'dap-ds-badge': DefineCustomElement<DapDSBadge, DapDSBadgeProps, {}>
     /**
      * A banner is a message displayed at the top of the page to provide important information to the user.
      *
@@ -4652,6 +4690,20 @@ declare module 'vue' {
      * - **separator** - The separator of the breadcrumb.
      */
          'dap-ds-breadcrumb': DefineCustomElement<DapDSBreadcrumb, DapDSBreadcrumbProps, {}>
+    /**
+     * A badge is a small status descriptor for UI elements.
+     *
+     * ### Slots:
+     * - **default** - The content of the badge.
+     * - **icon** - The icon of the badge.
+     *
+     * ### CSS Parts:
+     * - **base** - The main container of the badge.
+     * - **icon** - The icon of the badge.
+     * - **content** - The content of the badge.
+     * - **icon-base** - The base of the icon.
+     */
+         'dap-ds-badge': DefineCustomElement<DapDSBadge, DapDSBadgeProps, {}>
     /**
      * A breadcrumb item is a secondary navigation scheme that reveals the user's location in a website or Web application.
      *
@@ -6028,15 +6080,6 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * - **base** - The main typography container.
      */
          'dap-ds-typography': DefineCustomElement<DapDSTypography, DapDSTypographyProps, {}>
-    /**
-     * A form label is a container for labels in a form.
-     *
-     * ### CSS Parts:
-     * - **base** - The main form label container.
-     * - **required** - The required indicator of the form label.
-     * - **optional** - The optional indicator of the form label.
-     */
-         'dap-ds-form-label': DefineCustomElement<DapDSFormLabel, DapDSFormLabelProps, {}>
     /**
      * An input group is a container for inputs.
      *
@@ -6052,6 +6095,15 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * - **container** - The container of the input group items.
      */
          'dap-ds-input-group': DefineCustomElement<DapDSInputGroup, DapDSInputGroupProps, {}>
+    /**
+     * A form label is a container for labels in a form.
+     *
+     * ### CSS Parts:
+     * - **base** - The main form label container.
+     * - **required** - The required indicator of the form label.
+     * - **optional** - The optional indicator of the form label.
+     */
+         'dap-ds-form-label': DefineCustomElement<DapDSFormLabel, DapDSFormLabelProps, {}>
     /**
      * A radio group is a form element that allows the user to select one option from a set.
      *
@@ -6119,14 +6171,14 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-arrow-left-s-fill': DefineCustomElement<ArrowsArrowLeftSFill, ArrowsArrowLeftSFillProps, {}>
+         'dap-ds-icon-arrow-left-s-line': DefineCustomElement<ArrowsArrowLeftSLine, ArrowsArrowLeftSLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-arrow-left-s-line': DefineCustomElement<ArrowsArrowLeftSLine, ArrowsArrowLeftSLineProps, {}>
+         'dap-ds-icon-arrow-left-s-fill': DefineCustomElement<ArrowsArrowLeftSFill, ArrowsArrowLeftSFillProps, {}>
     /**
      * An icon
      *
@@ -6259,14 +6311,14 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-file-image-line': DefineCustomElement<DocumentFileImageLine, DocumentFileImageLineProps, {}>
+         'dap-ds-icon-file-music-line': DefineCustomElement<DocumentFileMusicLine, DocumentFileMusicLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-file-music-line': DefineCustomElement<DocumentFileMusicLine, DocumentFileMusicLineProps, {}>
+         'dap-ds-icon-file-image-line': DefineCustomElement<DocumentFileImageLine, DocumentFileImageLineProps, {}>
     /**
      * An icon
      *
@@ -6695,13 +6747,13 @@ declare global {
   namespace JSX {
     interface IntrinsicElements {
       'dap-ds-accordion': DapDSAccordionProps & DapDSAccordionEvents & DapDSAccordionSlots
-      'dap-ds-anchor-heading': DapDSAnchorHeadingProps
-      'dap-ds-avatar': DapDSAvatarProps & DapDSAvatarEvents & DapDSAvatarSlots
       'dap-ds-accordion-group': DapDSAccordionGroupProps & DapDSAccordionGroupSlots
+      'dap-ds-avatar': DapDSAvatarProps & DapDSAvatarEvents & DapDSAvatarSlots
+      'dap-ds-anchor-heading': DapDSAnchorHeadingProps
       'dap-ds-avatar-group': DapDSAvatarGroupProps & DapDSAvatarGroupEvents & DapDSAvatarGroupSlots
-      'dap-ds-badge': DapDSBadgeProps & DapDSBadgeSlots
       'dap-ds-banner': DapDSBannerProps & DapDSBannerEvents & DapDSBannerSlots
       'dap-ds-breadcrumb': DapDSBreadcrumbProps & DapDSBreadcrumbSlots
+      'dap-ds-badge': DapDSBadgeProps & DapDSBadgeSlots
       'dap-ds-breadcrumb-item': DapDSBreadcrumbItemProps & DapDSBreadcrumbItemSlots
       'dap-ds-button': DapDSButtonProps & DapDSButtonEvents & DapDSButtonSlots
       'dap-ds-calendar-cell': DapDSCalendarCellProps & DapDSCalendarCellSlots
@@ -6785,8 +6837,8 @@ declare global {
       'dap-ds-tooltip': DapDSTooltipProps & DapDSTooltipSlots
       'dap-ds-tray': DapDSTrayProps & DapDSTrayEvents & DapDSTraySlots
       'dap-ds-typography': DapDSTypographyProps & DapDSTypographySlots
-      'dap-ds-form-label': DapDSFormLabelProps
       'dap-ds-input-group': DapDSInputGroupProps & DapDSInputGroupSlots
+      'dap-ds-form-label': DapDSFormLabelProps
       'dap-ds-radio-group': DapDSRadioGroupProps & DapDSRadioGroupEvents & DapDSRadioGroupSlots
       'dap-ds-icon-arrow-down-line': ArrowsArrowDownLineProps
       'dap-ds-icon-arrow-down-s-fill': ArrowsArrowDownSFillProps
@@ -6794,8 +6846,8 @@ declare global {
       'dap-ds-icon-arrow-left-down-line': ArrowsArrowLeftDownLineProps
       'dap-ds-icon-arrow-left-l-line': ArrowsArrowLeftLLineProps
       'dap-ds-icon-arrow-left-line': ArrowsArrowLeftLineProps
-      'dap-ds-icon-arrow-left-s-fill': ArrowsArrowLeftSFillProps
       'dap-ds-icon-arrow-left-s-line': ArrowsArrowLeftSLineProps
+      'dap-ds-icon-arrow-left-s-fill': ArrowsArrowLeftSFillProps
       'dap-ds-icon-arrow-left-up-line': ArrowsArrowLeftUpLineProps
       'dap-ds-icon-arrow-right-down-line': ArrowsArrowRightDownLineProps
       'dap-ds-icon-arrow-right-l-line': ArrowsArrowRightLLineProps
@@ -6814,8 +6866,8 @@ declare global {
       'dap-ds-icon-computer-line': DeviceComputerLineProps
       'dap-ds-icon-clipboard-line': DocumentClipboardLineProps
       'dap-ds-icon-file-copy-line': DocumentFileCopyLineProps
-      'dap-ds-icon-file-image-line': DocumentFileImageLineProps
       'dap-ds-icon-file-music-line': DocumentFileMusicLineProps
+      'dap-ds-icon-file-image-line': DocumentFileImageLineProps
       'dap-ds-icon-file-text-line': DocumentFileTextLineProps
       'dap-ds-icon-file-video-line': DocumentFileVideoLineProps
       'dap-ds-icon-folder-line': DocumentFolderLineProps