dap-design-system 0.53.0 → 0.53.2

package/dist/components.js

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

package/dist/dds.js

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

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

@@ -214,6 +214,13 @@ export interface DapDSAccordionEvents {
   onDdsClosed?: (event: CustomEvent<{ open: boolean, item: AccordionBaseElement }>) => void
 }
 
+export interface DapDSAvatarEvents {
+  /** Fired when the image loads successfully. */
+  onDdsLoad?: (event: CustomEvent) => void
+  /** Fired when the image fails to load. */
+  onDdsError?: (event: CustomEvent) => void
+}
+
 export interface DapDSAvatarGroupEvents {
   /** Fired when the overflow indicator is clicked. */
   onDdsOverflowClick?: (event: CustomEvent) => void
@@ -224,13 +231,6 @@ export interface DapDSBannerEvents {
   onDdsClose?: (event: CustomEvent) => void
 }
 
-export interface DapDSAvatarEvents {
-  /** Fired when the image loads successfully. */
-  onDdsLoad?: (event: CustomEvent) => void
-  /** Fired when the image fails to load. */
-  onDdsError?: (event: CustomEvent) => void
-}
-
 export interface DapDSButtonEvents {
   /** Emitted when the loading timeout is reached */
   onDdsLoadingTimeout?: (event: CustomEvent) => void
@@ -656,23 +656,21 @@ export interface DapDSAccordionSlots {
   'icon-closed'?: () => 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 DapDSBannerSlots {
-  /** The content of the banner. */
-  default?: () => any
-  /** Actions of banner */
-  'actions'?: () => any
-  /** The icon of the banner. */
+export interface DapDSAvatarSlots {
+  /** The icon to display when variant is 'icon'. */
   'icon'?: () => any
+  /** Custom fallback content when image fails to load. */
+  'fallback'?: () => any
+}
+
+export interface DapDSAvatarGroupSlots {
+  /** The avatars to display in the group. */
+  default?: () => any
 }
 
 export interface DapDSBadgeSlots {
@@ -682,11 +680,13 @@ export interface DapDSBadgeSlots {
   'icon'?: () => any
 }
 
-export interface DapDSAvatarSlots {
-  /** The icon to display when variant is 'icon'. */
+export interface DapDSBannerSlots {
+  /** The content of the banner. */
+  default?: () => any
+  /** Actions of banner */
+  'actions'?: () => any
+  /** The icon of the banner. */
   'icon'?: () => any
-  /** Custom fallback content when image fails to load. */
-  'fallback'?: () => any
 }
 
 export interface DapDSBreadcrumbSlots {
@@ -1129,6 +1129,40 @@ export type DapDSAccordionProps = {
   loading?: DapDSAccordion["loading"]
 }
 
+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 = {
+  /** The shape of the avatar */
+  shape?: DapDSAvatar["shape"]
+  /** The variant type of the avatar */
+  variant?: DapDSAvatar["variant"]
+  /** The source of the avatar image */
+  src?: DapDSAvatar["src"]
+  /** The alt text of the avatar */
+  alt?: DapDSAvatar["alt"]
+  /** The initials to display when variant is 'initials' */
+  initials?: DapDSAvatar["initials"]
+  /** Accessible label for the avatar */
+  label?: DapDSAvatar["label"]
+  /** Loading state indicator */
+  loading?: DapDSAvatar["loading"]
+  /** Whether the avatar is interactive (clickable) */
+  interactive?: DapDSAvatar["interactive"]
+  /** The width of the avatar. This will override the size */
+  width?: DapDSAvatar["width"]
+  /** The height of the avatar. This will override the size */
+  height?: DapDSAvatar["height"]
+  /** The size of the avatar. Default is `md`. */
+  size?: DapDSAvatar["size"]
+  /** Responsive size map (e.g. "md:lg"). */
+  sizeMap?: DapDSAvatar["sizeMap"]
+}
+
 export type DapDSAnchorHeadingProps = {
   /** The variant of the heading. Default is `h2`. Can be `h1`, `h2`, `h3`, `h4`, `h5`, or `h6`. */
   variant?: DapDSAnchorHeading["variant"]
@@ -1159,26 +1193,6 @@ export type DapDSAvatarGroupProps = {
   sizeMap?: DapDSAvatarGroup["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 DapDSBannerProps = {
-  /** The variant of the banner */
-  variant?: DapDSBanner["variant"]
-  /** Whether the banner is closeable */
-  closeable?: DapDSBanner["closeable"]
-  /** State of the banner. If false banner is hidden */
-  opened?: DapDSBanner["opened"]
-  /** The aria-label for the close button */
-  closeButtonLabel?: DapDSBanner["closeButtonLabel"]
-  /** The icon of the banner, this is a name of a built icon icon */
-  icon?: DapDSBanner["icon"]
-}
-
 export type DapDSBadgeProps = {
   /** The type of the badge */
   type?: DapDSBadge["type"]
@@ -1192,31 +1206,17 @@ export type DapDSBadgeProps = {
   sizeMap?: DapDSBadge["sizeMap"]
 }
 
-export type DapDSAvatarProps = {
-  /** The shape of the avatar */
-  shape?: DapDSAvatar["shape"]
-  /** The variant type of the avatar */
-  variant?: DapDSAvatar["variant"]
-  /** The source of the avatar image */
-  src?: DapDSAvatar["src"]
-  /** The alt text of the avatar */
-  alt?: DapDSAvatar["alt"]
-  /** The initials to display when variant is 'initials' */
-  initials?: DapDSAvatar["initials"]
-  /** Accessible label for the avatar */
-  label?: DapDSAvatar["label"]
-  /** Loading state indicator */
-  loading?: DapDSAvatar["loading"]
-  /** Whether the avatar is interactive (clickable) */
-  interactive?: DapDSAvatar["interactive"]
-  /** The width of the avatar. This will override the size */
-  width?: DapDSAvatar["width"]
-  /** The height of the avatar. This will override the size */
-  height?: DapDSAvatar["height"]
-  /** The size of the avatar. Default is `md`. */
-  size?: DapDSAvatar["size"]
-  /** Responsive size map (e.g. "md:lg"). */
-  sizeMap?: DapDSAvatar["sizeMap"]
+export type DapDSBannerProps = {
+  /** The variant of the banner */
+  variant?: DapDSBanner["variant"]
+  /** Whether the banner is closeable */
+  closeable?: DapDSBanner["closeable"]
+  /** State of the banner. If false banner is hidden */
+  opened?: DapDSBanner["opened"]
+  /** The aria-label for the close button */
+  closeButtonLabel?: DapDSBanner["closeButtonLabel"]
+  /** The icon of the banner, this is a name of a built icon icon */
+  icon?: DapDSBanner["icon"]
 }
 
 export type DapDSBreadcrumbProps = {
@@ -1819,8 +1819,20 @@ export type DapDSDataTableProps<T> = {
 }
 
 export type DapDSDatePickerProps = {
+  /** The value of the datepicker. */
+  value?: DapDSDatePicker["value"]
   /** The mode of the datepicker - single date or range selection. */
   mode?: DapDSDatePicker["mode"]
+  /** The current visible date (month and year) of the calendar. Only the month and year are considered. */
+  currentDate?: DapDSDatePicker["currentDate"]
+  /** The minimum date (month and year) of the datepicker. Only the month and year are considered. */
+  minDate?: DapDSDatePicker["minDate"]
+  /** The maximum date (month and year) of the datepicker. Only the month and year are considered. */
+  maxDate?: DapDSDatePicker["maxDate"]
+  /** The start date of the range selection (only used in range mode). */
+  rangeStart?: DapDSDatePicker["rangeStart"]
+  /** The end date of the range selection (only used in range mode). */
+  rangeEnd?: DapDSDatePicker["rangeEnd"]
   /** The placement of the dropdown of the datepicker. */
   placement?: DapDSDatePicker["placement"]
   /** The open state of the datepicker. */
@@ -1847,20 +1859,8 @@ export type DapDSDatePickerProps = {
   locale?: DapDSDatePicker["locale"]
   /** Whether to hide dates from adjacent months (previous/next) in the calendar grid. When not explicitly set, defaults to `false` for single mode and `true` for range mode. */
   hideAdjacentMonths?: DapDSDatePicker["hideAdjacentMonths"]
-  /** The value of the datepicker. */
-  value?: DapDSDatePicker["value"]
-  /** The current visible date (month and year) of the calendar. Only the month and year are considered. */
-  currentDate?: DapDSDatePicker["currentDate"]
-  /** The minimum date (month and year) of the datepicker. Only the month and year are considered. */
-  minDate?: DapDSDatePicker["minDate"]
-  /** The maximum date (month and year) of the datepicker. Only the month and year are considered. */
-  maxDate?: DapDSDatePicker["maxDate"]
   /** The disabled date of the datepicker. This function will be called for each date to determine if it is disabled. */
   disabledDate?: DapDSDatePicker["disabledDate"]
-  /** The start date of the range selection (only used in range mode). */
-  rangeStart?: DapDSDatePicker["rangeStart"]
-  /** The end date of the range selection (only used in range mode). */
-  rangeEnd?: DapDSDatePicker["rangeEnd"]
   /**  */
   focusElement?: DapDSDatePicker["focusElement"]
   /**  */
@@ -2983,8 +2983,6 @@ export type DapDSSnackbarProps = {
 export type DapDSSpinnerProps = {
   /** The variant of the spinner. */
   variant?: DapDSSpinner["variant"]
-  /** The size of the spinner. Default is `lg`. See SizedMixin. */
-  size?: DapDSSpinner["size"]
   /** The size of the spinner in pixels. This overrides the size attribute */
   staticSize?: DapDSSpinner["staticSize"]
   /** The loading text. */
@@ -2998,6 +2996,8 @@ export type DapDSSpinnerProps = {
   /** Delay in milliseconds before showing the spinner.
 Prevents flash for quick operations. */
   delay?: DapDSSpinner["delay"]
+  /** The size of the spinner. Default is `lg`. See SizedMixin. */
+  size?: DapDSSpinner["size"]
   /** Responsive size map (e.g. "md:lg"); see SizedMixin. */
   sizeMap?: DapDSSpinner["sizeMap"]
 }
@@ -3857,50 +3857,6 @@ export type OthersCookieLineProps = {
   focusable?: OthersCookieLine["focusable"]
 }
 
-export type UserAccountCircleFillProps = {
-  /** (optional) The width and height in pixels */
-  size?: UserAccountCircleFill["size"]
-  /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: UserAccountCircleFill["selected"]
-  /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: UserAccountCircleFill["accessibilityTitle"]
-  /** (optional) If `true` the icon can receive focus */
-  focusable?: UserAccountCircleFill["focusable"]
-}
-
-export type UserAccountCircleLineProps = {
-  /** (optional) The width and height in pixels */
-  size?: UserAccountCircleLine["size"]
-  /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: UserAccountCircleLine["selected"]
-  /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: UserAccountCircleLine["accessibilityTitle"]
-  /** (optional) If `true` the icon can receive focus */
-  focusable?: UserAccountCircleLine["focusable"]
-}
-
-export type UserUserLineProps = {
-  /** (optional) The width and height in pixels */
-  size?: UserUserLine["size"]
-  /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: UserUserLine["selected"]
-  /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: UserUserLine["accessibilityTitle"]
-  /** (optional) If `true` the icon can receive focus */
-  focusable?: UserUserLine["focusable"]
-}
-
-export type UserUserFillProps = {
-  /** (optional) The width and height in pixels */
-  size?: UserUserFill["size"]
-  /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: UserUserFill["selected"]
-  /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: UserUserFill["accessibilityTitle"]
-  /** (optional) If `true` the icon can receive focus */
-  focusable?: UserUserFill["focusable"]
-}
-
 export type SystemAddLineProps = {
   /** (optional) The width and height in pixels */
   size?: SystemAddLine["size"]
@@ -4330,26 +4286,26 @@ export type SystemStarFillProps = {
   focusable?: SystemStarFill["focusable"]
 }
 
-export type SystemSubtractLine2Props = {
+export type SystemSubtractLineProps = {
   /** (optional) The width and height in pixels */
-  size?: SystemSubtractLine2["size"]
+  size?: SystemSubtractLine["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemSubtractLine2["selected"]
+  selected?: SystemSubtractLine["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemSubtractLine2["accessibilityTitle"]
+  accessibilityTitle?: SystemSubtractLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemSubtractLine2["focusable"]
+  focusable?: SystemSubtractLine["focusable"]
 }
 
-export type SystemSubtractLineProps = {
+export type SystemSubtractLine2Props = {
   /** (optional) The width and height in pixels */
-  size?: SystemSubtractLine["size"]
+  size?: SystemSubtractLine2["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemSubtractLine["selected"]
+  selected?: SystemSubtractLine2["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemSubtractLine["accessibilityTitle"]
+  accessibilityTitle?: SystemSubtractLine2["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemSubtractLine["focusable"]
+  focusable?: SystemSubtractLine2["focusable"]
 }
 
 export type SystemTimeFillProps = {
@@ -4407,6 +4363,50 @@ export type SystemUploadLineProps = {
   focusable?: SystemUploadLine["focusable"]
 }
 
+export type UserAccountCircleFillProps = {
+  /** (optional) The width and height in pixels */
+  size?: UserAccountCircleFill["size"]
+  /** (optional) Sets the icon color via the `fill` attribute */
+  selected?: UserAccountCircleFill["selected"]
+  /** (optional) When using the icon standalone, make it meaningful for accessibility */
+  accessibilityTitle?: UserAccountCircleFill["accessibilityTitle"]
+  /** (optional) If `true` the icon can receive focus */
+  focusable?: UserAccountCircleFill["focusable"]
+}
+
+export type UserAccountCircleLineProps = {
+  /** (optional) The width and height in pixels */
+  size?: UserAccountCircleLine["size"]
+  /** (optional) Sets the icon color via the `fill` attribute */
+  selected?: UserAccountCircleLine["selected"]
+  /** (optional) When using the icon standalone, make it meaningful for accessibility */
+  accessibilityTitle?: UserAccountCircleLine["accessibilityTitle"]
+  /** (optional) If `true` the icon can receive focus */
+  focusable?: UserAccountCircleLine["focusable"]
+}
+
+export type UserUserFillProps = {
+  /** (optional) The width and height in pixels */
+  size?: UserUserFill["size"]
+  /** (optional) Sets the icon color via the `fill` attribute */
+  selected?: UserUserFill["selected"]
+  /** (optional) When using the icon standalone, make it meaningful for accessibility */
+  accessibilityTitle?: UserUserFill["accessibilityTitle"]
+  /** (optional) If `true` the icon can receive focus */
+  focusable?: UserUserFill["focusable"]
+}
+
+export type UserUserLineProps = {
+  /** (optional) The width and height in pixels */
+  size?: UserUserLine["size"]
+  /** (optional) Sets the icon color via the `fill` attribute */
+  selected?: UserUserLine["selected"]
+  /** (optional) When using the icon standalone, make it meaningful for accessibility */
+  accessibilityTitle?: UserUserLine["accessibilityTitle"]
+  /** (optional) If `true` the icon can receive focus */
+  focusable?: UserUserLine["focusable"]
+}
+
 // Augment Vue's GlobalComponents interface
 declare module 'vue' {
   interface GlobalComponents {
@@ -4436,6 +4436,36 @@ declare module 'vue' {
      * - **close-icon-base** - The base of the icon when the accordion is closed.
      */
          'dap-ds-accordion': DefineCustomElement<DapDSAccordion, DapDSAccordionProps, DapDSAccordionEvents>
+    /**
+     * 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, {}>
+    /**
+     * Avatar component can be used to display user profile images, initials, or icons.
+     *
+     * ### Events:
+     * - **dds-load** - Fired when the image loads successfully.
+     * - **dds-error** - Fired when the image fails to load.
+     *
+     * ### Slots:
+     * - **icon** - The icon to display when variant is 'icon'.
+     * - **fallback** - Custom fallback content when image fails to load.
+     *
+     * ### CSS Parts:
+     * - **base** - The main avatar container.
+     * - **img** - The avatar image.
+     * - **initials** - The initials container.
+     * - **icon** - The icon container.
+     * - **fallback** - The fallback content container.
+     * - **loading** - The loading indicator.
+     */
+         'dap-ds-avatar': DefineCustomElement<DapDSAvatar, DapDSAvatarProps, DapDSAvatarEvents>
     /**
      * Anchor heading is a heading with an anchor link.
      *
@@ -4462,15 +4492,19 @@ declare module 'vue' {
      */
          'dap-ds-avatar-group': DefineCustomElement<DapDSAvatarGroup, DapDSAvatarGroupProps, DapDSAvatarGroupEvents>
     /**
-     * An accordion group is a collection of accordion components.
+     * A badge is a small status descriptor for UI elements.
      *
      * ### Slots:
-     * - **default** - The content of the accordion group.
+     * - **default** - The content of the badge.
+     * - **icon** - The icon of the badge.
      *
      * ### CSS Parts:
-     * - **base** - The main accordion group container.
+     * - **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-accordion-group': DefineCustomElement<DapDSAccordionGroup, DapDSAccordionGroupProps, {}>
+         '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.
      *
@@ -4495,40 +4529,6 @@ declare module 'vue' {
      * - **title** -  The title of the banner.
      */
          'dap-ds-banner': DefineCustomElement<DapDSBanner, DapDSBannerProps, DapDSBannerEvents>
-    /**
-     * 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, {}>
-    /**
-     * Avatar component can be used to display user profile images, initials, or icons.
-     *
-     * ### Events:
-     * - **dds-load** - Fired when the image loads successfully.
-     * - **dds-error** - Fired when the image fails to load.
-     *
-     * ### Slots:
-     * - **icon** - The icon to display when variant is 'icon'.
-     * - **fallback** - Custom fallback content when image fails to load.
-     *
-     * ### CSS Parts:
-     * - **base** - The main avatar container.
-     * - **img** - The avatar image.
-     * - **initials** - The initials container.
-     * - **icon** - The icon container.
-     * - **fallback** - The fallback content container.
-     * - **loading** - The loading indicator.
-     */
-         'dap-ds-avatar': DefineCustomElement<DapDSAvatar, DapDSAvatarProps, DapDSAvatarEvents>
     /**
      * A breadcrumb is a secondary navigation scheme that reveals the user's location in a website or Web application.
      *
@@ -6185,34 +6185,6 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * - **base** - The main icon container.
      */
          'dap-ds-icon-cookie-line': DefineCustomElement<OthersCookieLine, OthersCookieLineProps, {}>
-    /**
-     * An icon
-     *
-     * ### CSS Parts:
-     * - **base** - The main icon container.
-     */
-         'dap-ds-icon-account-circle-fill': DefineCustomElement<UserAccountCircleFill, UserAccountCircleFillProps, {}>
-    /**
-     * An icon
-     *
-     * ### CSS Parts:
-     * - **base** - The main icon container.
-     */
-         'dap-ds-icon-account-circle-line': DefineCustomElement<UserAccountCircleLine, UserAccountCircleLineProps, {}>
-    /**
-     * An icon
-     *
-     * ### CSS Parts:
-     * - **base** - The main icon container.
-     */
-         'dap-ds-icon-user-line': DefineCustomElement<UserUserLine, UserUserLineProps, {}>
-    /**
-     * An icon
-     *
-     * ### CSS Parts:
-     * - **base** - The main icon container.
-     */
-         'dap-ds-icon-user-fill': DefineCustomElement<UserUserFill, UserUserFillProps, {}>
     /**
      * An icon
      *
@@ -6492,14 +6464,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-subtract-line2': DefineCustomElement<SystemSubtractLine2, SystemSubtractLine2Props, {}>
+         'dap-ds-icon-subtract-line': DefineCustomElement<SystemSubtractLine, SystemSubtractLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-subtract-line': DefineCustomElement<SystemSubtractLine, SystemSubtractLineProps, {}>
+         'dap-ds-icon-subtract-line2': DefineCustomElement<SystemSubtractLine2, SystemSubtractLine2Props, {}>
     /**
      * An icon
      *
@@ -6535,6 +6507,34 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * - **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-account-circle-fill': DefineCustomElement<UserAccountCircleFill, UserAccountCircleFillProps, {}>
+    /**
+     * An icon
+     *
+     * ### CSS Parts:
+     * - **base** - The main icon container.
+     */
+         'dap-ds-icon-account-circle-line': DefineCustomElement<UserAccountCircleLine, UserAccountCircleLineProps, {}>
+    /**
+     * An icon
+     *
+     * ### CSS Parts:
+     * - **base** - The main icon container.
+     */
+         'dap-ds-icon-user-fill': DefineCustomElement<UserUserFill, UserUserFillProps, {}>
+    /**
+     * An icon
+     *
+     * ### CSS Parts:
+     * - **base** - The main icon container.
+     */
+         'dap-ds-icon-user-line': DefineCustomElement<UserUserLine, UserUserLineProps, {}>
   }
 }
 
@@ -6543,12 +6543,12 @@ declare global {
   namespace JSX {
     interface IntrinsicElements {
       'dap-ds-accordion': DapDSAccordionProps & DapDSAccordionEvents & DapDSAccordionSlots
+      '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-accordion-group': DapDSAccordionGroupProps & DapDSAccordionGroupSlots
-      'dap-ds-banner': DapDSBannerProps & DapDSBannerEvents & DapDSBannerSlots
       'dap-ds-badge': DapDSBadgeProps & DapDSBadgeSlots
-      'dap-ds-avatar': DapDSAvatarProps & DapDSAvatarEvents & DapDSAvatarSlots
+      'dap-ds-banner': DapDSBannerProps & DapDSBannerEvents & DapDSBannerSlots
       'dap-ds-breadcrumb': DapDSBreadcrumbProps & DapDSBreadcrumbSlots
       'dap-ds-breadcrumb-item': DapDSBreadcrumbItemProps & DapDSBreadcrumbItemSlots
       'dap-ds-button': DapDSButtonProps & DapDSButtonEvents & DapDSButtonSlots
@@ -6671,10 +6671,6 @@ declare global {
       'dap-ds-icon-heart-fill': HealthHeartFillProps
       'dap-ds-icon-heart-line': HealthHeartLineProps
       'dap-ds-icon-cookie-line': OthersCookieLineProps
-      'dap-ds-icon-account-circle-fill': UserAccountCircleFillProps
-      'dap-ds-icon-account-circle-line': UserAccountCircleLineProps
-      'dap-ds-icon-user-line': UserUserLineProps
-      'dap-ds-icon-user-fill': UserUserFillProps
       'dap-ds-icon-add-line': SystemAddLineProps
       'dap-ds-icon-alert-fill': SystemAlertFillProps
       'dap-ds-icon-alert-line': SystemAlertLineProps
@@ -6714,13 +6710,17 @@ declare global {
       'dap-ds-icon-shield-check-fill': SystemShieldCheckFillProps
       'dap-ds-icon-shield-check-line': SystemShieldCheckLineProps
       'dap-ds-icon-star-fill': SystemStarFillProps
-      'dap-ds-icon-subtract-line2': SystemSubtractLine2Props
       'dap-ds-icon-subtract-line': SystemSubtractLineProps
+      'dap-ds-icon-subtract-line2': SystemSubtractLine2Props
       'dap-ds-icon-time-fill': SystemTimeFillProps
       'dap-ds-icon-time-line': SystemTimeLineProps
       'dap-ds-icon-upload-2-fill': SystemUpload2FillProps
       'dap-ds-icon-upload-2-line': SystemUpload2LineProps
       'dap-ds-icon-upload-line': SystemUploadLineProps
+      'dap-ds-icon-account-circle-fill': UserAccountCircleFillProps
+      'dap-ds-icon-account-circle-line': UserAccountCircleLineProps
+      'dap-ds-icon-user-fill': UserUserFillProps
+      'dap-ds-icon-user-line': UserUserLineProps
     }
   }
 }