dap-design-system 0.59.1 → 0.59.2

package/dist/components.js

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

package/dist/dds.js

@@ -1,4 +1,4 @@
-import { a as T, g as I, f as $, D as z, b as O, d as P, c as U, e 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-t--58ON2.js";
+import { D as T, a as I, b as $, d as z, c as O, f 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-BQQTd9Dz.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-vfk3FBvE.js";
 var b = Object.defineProperty, C = Object.getOwnPropertyDescriptor, c = (e, s, r, t) => {

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

@@ -210,13 +210,6 @@ type DefineGenericCustomElement<
   $props: Partial<Omit<HTMLAttributes, keyof ElementType>> & Partial<Omit<ElementType, keyof Props>> & Props & Events
 }
 
-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 DapDSAccordionEvents {
   /** Event fired when the accordion is opened. */
   onDdsOpened?: (event: CustomEvent<{ open: boolean, item: AccordionBaseElement }>) => void
@@ -229,6 +222,13 @@ export interface DapDSAvatarGroupEvents {
   onDdsOverflowClick?: (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 DapDSBannerEvents {
   /** Event fired when the banner is closed. */
   onDdsClose?: (event: CustomEvent) => void
@@ -655,13 +655,6 @@ export interface DapDSRadioGroupEvents {
   onDdsFocus?: (event: CustomEvent) => void
 }
 
-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 DapDSAccordionSlots {
   /** The content of the accordion. */
   default?: () => any
@@ -673,11 +666,23 @@ export interface DapDSAccordionSlots {
   'icon-closed'?: () => 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 DapDSAvatarSlots {
+  /** The icon to display when variant is 'icon'. */
+  'icon'?: () => any
+  /** Custom fallback content when image fails to load. */
+  'fallback'?: () => any
+}
+
 export interface DapDSBannerSlots {
   /** The content of the banner. */
   default?: () => any
@@ -701,11 +706,6 @@ export interface DapDSBreadcrumbSlots {
   'separator'?: () => any
 }
 
-export interface DapDSAccordionGroupSlots {
-  /** The content of the accordion group. */
-  default?: () => any
-}
-
 export interface DapDSBreadcrumbItemSlots {
   /** The content of the breadcrumb item. */
   default?: () => any
@@ -1123,33 +1123,6 @@ export interface DapDSRadioGroupSlots {
   'feedback-icon'?: () => any
 }
 
-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 DapDSAccordionProps = {
   /** The size of the accordion. Default is `sm`. Visual variants are sm and lg (other sizes map to sm). */
   size?: DapDSAccordion["size"]
@@ -1175,6 +1148,24 @@ 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 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 = {
   /** Layout type for the avatar group */
   layout?: DapDSAvatarGroup["layout"]
@@ -1194,6 +1185,33 @@ export type DapDSAvatarGroupProps = {
   sizeMap?: DapDSAvatarGroup["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"]
@@ -1231,24 +1249,6 @@ export type DapDSBreadcrumbProps = {
   "aria-labelledby"?: DapDSBreadcrumb["ariaLabelledBy"]
 }
 
-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 DapDSBreadcrumbItemProps = {
   /** The URL of the breadcrumb item. */
   href?: DapDSBreadcrumbItem["href"]
@@ -4081,50 +4081,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 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"]
@@ -4653,29 +4609,53 @@ 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 {
-    /**
-     * 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>
     /**
      * An accordion is a vertically stacked list of interactive items that can be expanded or collapsed to reveal or hide content.
      *
@@ -4702,6 +4682,26 @@ 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, {}>
+    /**
+     * Anchor heading is a heading with an anchor link.
+     *
+     * ### CSS Parts:
+     * - **base** - The main anchor heading container.
+     * - **link** - The link of the anchor heading. dap-ds-link element.
+     * - **link-base** - The base of the link part.
+     * - **text** - The text of the anchor heading.
+     */
+         'dap-ds-anchor-heading': DefineCustomElement<DapDSAnchorHeading, DapDSAnchorHeadingProps, {}>
     /**
      * Avatar group component displays multiple avatars in an organized layout with overflow management.
      *
@@ -4717,6 +4717,26 @@ declare module 'vue' {
      * - **overflow** - The overflow indicator element.
      */
          'dap-ds-avatar-group': DefineCustomElement<DapDSAvatarGroup, DapDSAvatarGroupProps, DapDSAvatarGroupEvents>
+    /**
+     * 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 banner is a message displayed at the top of the page to provide important information to the user.
      *
@@ -4767,26 +4787,6 @@ declare module 'vue' {
      * - **separator** - The separator of the breadcrumb.
      */
          'dap-ds-breadcrumb': DefineCustomElement<DapDSBreadcrumb, DapDSBreadcrumbProps, {}>
-    /**
-     * Anchor heading is a heading with an anchor link.
-     *
-     * ### CSS Parts:
-     * - **base** - The main anchor heading container.
-     * - **link** - The link of the anchor heading. dap-ds-link element.
-     * - **link-base** - The base of the link part.
-     * - **text** - The text of the anchor heading.
-     */
-         'dap-ds-anchor-heading': 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, {}>
     /**
      * A breadcrumb item is a secondary navigation scheme that reveals the user's location in a website or Web application.
      *
@@ -6464,34 +6464,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-fill': DefineCustomElement<UserUserFill, UserUserFillProps, {}>
-    /**
-     * An icon
-     *
-     * ### CSS Parts:
-     * - **base** - The main icon container.
-     */
-         'dap-ds-icon-user-line': DefineCustomElement<UserUserLine, UserUserLineProps, {}>
     /**
      * An icon
      *
@@ -6828,6 +6800,34 @@ 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, {}>
   }
 }
 
@@ -6835,14 +6835,14 @@ Used with dap-ds-select to create grouped options that render as native optgroup
 declare global {
   namespace JSX {
     interface IntrinsicElements {
-      'dap-ds-avatar': DapDSAvatarProps & DapDSAvatarEvents & DapDSAvatarSlots
       'dap-ds-accordion': DapDSAccordionProps & DapDSAccordionEvents & DapDSAccordionSlots
+      'dap-ds-accordion-group': DapDSAccordionGroupProps & DapDSAccordionGroupSlots
+      'dap-ds-anchor-heading': DapDSAnchorHeadingProps
       'dap-ds-avatar-group': DapDSAvatarGroupProps & DapDSAvatarGroupEvents & DapDSAvatarGroupSlots
+      'dap-ds-avatar': DapDSAvatarProps & DapDSAvatarEvents & DapDSAvatarSlots
       'dap-ds-banner': DapDSBannerProps & DapDSBannerEvents & DapDSBannerSlots
       'dap-ds-badge': DapDSBadgeProps & DapDSBadgeSlots
       'dap-ds-breadcrumb': DapDSBreadcrumbProps & DapDSBreadcrumbSlots
-      'dap-ds-anchor-heading': DapDSAnchorHeadingProps
-      'dap-ds-accordion-group': DapDSAccordionGroupProps & DapDSAccordionGroupSlots
       'dap-ds-breadcrumb-item': DapDSBreadcrumbItemProps & DapDSBreadcrumbItemSlots
       'dap-ds-button': DapDSButtonProps & DapDSButtonEvents & DapDSButtonSlots
       'dap-ds-calendar-cell': DapDSCalendarCellProps & DapDSCalendarCellSlots
@@ -6965,10 +6965,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-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
@@ -7017,6 +7013,10 @@ 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
     }
   }
 }