dap-design-system 0.57.4 → 0.57.6

package/dist/components.js

@@ -1,4 +1,4 @@
-import { D as p, d as s, a as S, f as e, b as o, c as t, e 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-BU8-Zde_.js";
+import { D as p, c as s, b as S, a 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-C0QWDkMH.js";
 export {
   p as DapDSAccordion,
   s as DapDSAccordionGroup,

package/dist/components.native.css

@@ -914,7 +914,7 @@
   left: 50%;
   transform: translate(-50%, -50%);
   animation: spin 1s linear infinite;
-  border: 2px solid var(--dds-button-primary-text-enabled);
+  border: 2px solid currentcolor;
   border-radius: 50%;
   border-top-color: transparent;
 }

package/dist/dds.js

@@ -1,4 +1,4 @@
-import { D as T, d as I, a as $, f as z, b as O, c as P, e 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-BU8-Zde_.js";
+import { D as T, c as I, b as $, a 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-C0QWDkMH.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

@@ -217,6 +217,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
@@ -227,13 +234,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
@@ -666,6 +666,18 @@ export interface DapDSAccordionSlots {
   'icon-closed'?: () => any
 }
 
+export interface DapDSAvatarSlots {
+  /** The icon to display when variant is 'icon'. */
+  'icon'?: () => any
+  /** Custom fallback content when image fails to load. */
+  'fallback'?: () => any
+}
+
+export interface DapDSAccordionGroupSlots {
+  /** The content of the accordion group. */
+  default?: () => any
+}
+
 export interface DapDSAvatarGroupSlots {
   /** The avatars to display in the group. */
   default?: () => any
@@ -678,11 +690,6 @@ export interface DapDSBadgeSlots {
   'icon'?: () => any
 }
 
-export interface DapDSAccordionGroupSlots {
-  /** The content of the accordion group. */
-  default?: () => any
-}
-
 export interface DapDSBannerSlots {
   /** The content of the banner. */
   default?: () => any
@@ -692,13 +699,6 @@ export interface DapDSBannerSlots {
   'icon'?: () => any
 }
 
-export interface DapDSAvatarSlots {
-  /** The icon to display when variant is 'icon'. */
-  'icon'?: () => any
-  /** Custom fallback content when image fails to load. */
-  'fallback'?: () => any
-}
-
 export interface DapDSBreadcrumbSlots {
   /** The content of the breadcrumb. */
   default?: () => any
@@ -1148,6 +1148,33 @@ export type DapDSAccordionProps = {
   loading?: DapDSAccordion["loading"]
 }
 
+export type DapDSAvatarProps = {
+  /** The shape of the avatar */
+  shape?: DapDSAvatar["shape"]
+  /** The variant type of the avatar */
+  variant?: DapDSAvatar["variant"]
+  /** The source of the avatar image */
+  src?: DapDSAvatar["src"]
+  /** The alt text of the avatar */
+  alt?: DapDSAvatar["alt"]
+  /** The initials to display when variant is 'initials' */
+  initials?: DapDSAvatar["initials"]
+  /** Accessible label for the avatar */
+  label?: DapDSAvatar["label"]
+  /** Loading state indicator */
+  loading?: DapDSAvatar["loading"]
+  /** Whether the avatar is interactive (clickable) */
+  interactive?: DapDSAvatar["interactive"]
+  /** The width of the avatar. This will override the size */
+  width?: DapDSAvatar["width"]
+  /** The height of the avatar. This will override the size */
+  height?: DapDSAvatar["height"]
+  /** The size of the avatar. Default is `md`. */
+  size?: DapDSAvatar["size"]
+  /** Responsive size map (e.g. "md:lg"). */
+  sizeMap?: DapDSAvatar["sizeMap"]
+}
+
 export type DapDSAnchorHeadingProps = {
   /** The variant of the heading. Default is `h2`. Can be `h1`, `h2`, `h3`, `h4`, `h5`, or `h6`. */
   variant?: DapDSAnchorHeading["variant"]
@@ -1159,6 +1186,13 @@ export type DapDSAnchorHeadingProps = {
   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 DapDSAvatarGroupProps = {
   /** Layout type for the avatar group */
   layout?: DapDSAvatarGroup["layout"]
@@ -1191,13 +1225,6 @@ export type DapDSBadgeProps = {
   sizeMap?: DapDSBadge["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"]
@@ -1211,33 +1238,6 @@ export type DapDSBannerProps = {
   icon?: DapDSBanner["icon"]
 }
 
-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 DapDSBreadcrumbProps = {
   /**  */
   variant?: DapDSBreadcrumb["variant"]
@@ -2988,6 +2988,13 @@ export type DapDSSideNavItemProps = {
   href?: DapDSSideNavItem["href"]
   /** Whether the side navigation item is active */
   active?: DapDSSideNavItem["active"]
+  /** Which `aria-current` token to expose on the link when `active` is set.
+
+`aria-current` has to sit on the anchor that assistive technology actually
+exposes. Setting it on this host does nothing: the host is a role-less custom
+element, so the attribute is stranded there and screen-reader users cannot tell
+which item is current. Use `current="step"` inside a stepper. */
+  current?: DapDSSideNavItem["current"]
   /** The spacing of the side navigation item */
   spacing?: DapDSSideNavItem["spacing"]
   /** The size of the side navigation item */
@@ -3939,6 +3946,50 @@ 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 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"]
+}
+
 export type SystemAddLineProps = {
   /** (optional) The width and height in pixels */
   size?: SystemAddLine["size"]
@@ -4137,17 +4188,6 @@ export type SystemErrorWarningFillProps = {
   focusable?: SystemErrorWarningFill["focusable"]
 }
 
-export type SystemErrorWarningLineProps = {
-  /** (optional) The width and height in pixels */
-  size?: SystemErrorWarningLine["size"]
-  /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: SystemErrorWarningLine["selected"]
-  /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: SystemErrorWarningLine["accessibilityTitle"]
-  /** (optional) If `true` the icon can receive focus */
-  focusable?: SystemErrorWarningLine["focusable"]
-}
-
 export type SystemExternalLinkLineProps = {
   /** (optional) The width and height in pixels */
   size?: SystemExternalLinkLine["size"]
@@ -4170,6 +4210,17 @@ export type SystemEyeLineProps = {
   focusable?: SystemEyeLine["focusable"]
 }
 
+export type SystemErrorWarningLineProps = {
+  /** (optional) The width and height in pixels */
+  size?: SystemErrorWarningLine["size"]
+  /** (optional) Sets the icon color via the `fill` attribute */
+  selected?: SystemErrorWarningLine["selected"]
+  /** (optional) When using the icon standalone, make it meaningful for accessibility */
+  accessibilityTitle?: SystemErrorWarningLine["accessibilityTitle"]
+  /** (optional) If `true` the icon can receive focus */
+  focusable?: SystemErrorWarningLine["focusable"]
+}
+
 export type SystemEyeOffLineProps = {
   /** (optional) The width and height in pixels */
   size?: SystemEyeOffLine["size"]
@@ -4467,50 +4518,6 @@ export type SystemZoomOutLineProps = {
   focusable?: SystemZoomOutLine["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 {
@@ -4540,6 +4547,26 @@ declare module 'vue' {
      * - **close-icon-base** - The base of the icon when the accordion is closed.
      */
          'dap-ds-accordion': DefineCustomElement<DapDSAccordion, DapDSAccordionProps, DapDSAccordionEvents>
+    /**
+     * Avatar component can be used to display user profile images, initials, or icons.
+     *
+     * ### Events:
+     * - **dds-load** - Fired when the image loads successfully.
+     * - **dds-error** - Fired when the image fails to load.
+     *
+     * ### Slots:
+     * - **icon** - The icon to display when variant is 'icon'.
+     * - **fallback** - Custom fallback content when image fails to load.
+     *
+     * ### CSS Parts:
+     * - **base** - The main avatar container.
+     * - **img** - The avatar image.
+     * - **initials** - The initials container.
+     * - **icon** - The icon container.
+     * - **fallback** - The fallback content container.
+     * - **loading** - The loading indicator.
+     */
+         'dap-ds-avatar': DefineCustomElement<DapDSAvatar, DapDSAvatarProps, DapDSAvatarEvents>
     /**
      * Anchor heading is a heading with an anchor link.
      *
@@ -4550,6 +4577,16 @@ declare module 'vue' {
      * - **text** - The text of the anchor heading.
      */
          'dap-ds-anchor-heading': DefineCustomElement<DapDSAnchorHeading, DapDSAnchorHeadingProps, {}>
+    /**
+     * 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 group component displays multiple avatars in an organized layout with overflow management.
      *
@@ -4579,16 +4616,6 @@ declare module 'vue' {
      * - **icon-base** - The base of the icon.
      */
          'dap-ds-badge': DefineCustomElement<DapDSBadge, DapDSBadgeProps, {}>
-    /**
-     * An accordion group is a collection of accordion components.
-     *
-     * ### Slots:
-     * - **default** - The content of the accordion group.
-     *
-     * ### CSS Parts:
-     * - **base** - The main accordion group container.
-     */
-         'dap-ds-accordion-group': DefineCustomElement<DapDSAccordionGroup, DapDSAccordionGroupProps, {}>
     /**
      * A banner is a message displayed at the top of the page to provide important information to the user.
      *
@@ -4613,26 +4640,6 @@ declare module 'vue' {
      * - **title** -  The title of the banner.
      */
          'dap-ds-banner': DefineCustomElement<DapDSBanner, DapDSBannerProps, DapDSBannerEvents>
-    /**
-     * 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.
      *
@@ -6316,6 +6323,34 @@ 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-fill': DefineCustomElement<UserUserFill, UserUserFillProps, {}>
+    /**
+     * An icon
+     *
+     * ### CSS Parts:
+     * - **base** - The main icon container.
+     */
+         'dap-ds-icon-user-line': DefineCustomElement<UserUserLine, UserUserLineProps, {}>
     /**
      * An icon
      *
@@ -6448,21 +6483,21 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-error-warning-line': DefineCustomElement<SystemErrorWarningLine, SystemErrorWarningLineProps, {}>
+         'dap-ds-icon-external-link-line': DefineCustomElement<SystemExternalLinkLine, SystemExternalLinkLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-external-link-line': DefineCustomElement<SystemExternalLinkLine, SystemExternalLinkLineProps, {}>
+         'dap-ds-icon-eye-line': DefineCustomElement<SystemEyeLine, SystemEyeLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-eye-line': DefineCustomElement<SystemEyeLine, SystemEyeLineProps, {}>
+         'dap-ds-icon-error-warning-line': DefineCustomElement<SystemErrorWarningLine, SystemErrorWarningLineProps, {}>
     /**
      * An icon
      *
@@ -6652,34 +6687,6 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * - **base** - The main icon container.
      */
          'dap-ds-icon-zoom-out-line': DefineCustomElement<SystemZoomOutLine, SystemZoomOutLineProps, {}>
-    /**
-     * 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, {}>
   }
 }
 
@@ -6688,12 +6695,12 @@ declare global {
   namespace JSX {
     interface IntrinsicElements {
       'dap-ds-accordion': DapDSAccordionProps & DapDSAccordionEvents & DapDSAccordionSlots
+      'dap-ds-avatar': DapDSAvatarProps & DapDSAvatarEvents & DapDSAvatarSlots
       'dap-ds-anchor-heading': DapDSAnchorHeadingProps
+      'dap-ds-accordion-group': DapDSAccordionGroupProps & DapDSAccordionGroupSlots
       'dap-ds-avatar-group': DapDSAvatarGroupProps & DapDSAvatarGroupEvents & DapDSAvatarGroupSlots
       'dap-ds-badge': DapDSBadgeProps & DapDSBadgeSlots
-      'dap-ds-accordion-group': DapDSAccordionGroupProps & DapDSAccordionGroupSlots
       'dap-ds-banner': DapDSBannerProps & DapDSBannerEvents & DapDSBannerSlots
-      'dap-ds-avatar': DapDSAvatarProps & DapDSAvatarEvents & DapDSAvatarSlots
       'dap-ds-breadcrumb': DapDSBreadcrumbProps & DapDSBreadcrumbSlots
       'dap-ds-breadcrumb-item': DapDSBreadcrumbItemProps & DapDSBreadcrumbItemSlots
       'dap-ds-button': DapDSButtonProps & DapDSButtonEvents & DapDSButtonSlots
@@ -6817,6 +6824,10 @@ 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-fill': UserUserFillProps
+      'dap-ds-icon-user-line': UserUserLineProps
       'dap-ds-icon-add-line': SystemAddLineProps
       'dap-ds-icon-alert-fill': SystemAlertFillProps
       'dap-ds-icon-alert-line': SystemAlertLineProps
@@ -6835,9 +6846,9 @@ declare global {
       'dap-ds-icon-delete-bin-line': SystemDeleteBinLineProps
       'dap-ds-icon-download-line': SystemDownloadLineProps
       'dap-ds-icon-error-warning-fill': SystemErrorWarningFillProps
-      'dap-ds-icon-error-warning-line': SystemErrorWarningLineProps
       'dap-ds-icon-external-link-line': SystemExternalLinkLineProps
       'dap-ds-icon-eye-line': SystemEyeLineProps
+      'dap-ds-icon-error-warning-line': SystemErrorWarningLineProps
       'dap-ds-icon-eye-off-line': SystemEyeOffLineProps
       'dap-ds-icon-forbid-fill': SystemForbidFillProps
       'dap-ds-icon-information-2-fill': SystemInformation2FillProps
@@ -6865,10 +6876,6 @@ declare global {
       'dap-ds-icon-upload-line': SystemUploadLineProps
       'dap-ds-icon-zoom-in-line': SystemZoomInLineProps
       'dap-ds-icon-zoom-out-line': SystemZoomOutLineProps
-      '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
     }
   }
 }