dap-design-system 0.57.3 → 0.57.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,4 +1,4 @@
1
- import { D as p, e as s, g as S, b as e, a as o, c as t, d 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, 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-I_1pevVu.js";
1
+ 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";
2
2
  export {
3
3
  p as DapDSAccordion,
4
4
  s as DapDSAccordionGroup,
package/dist/dds.js CHANGED
@@ -1,4 +1,4 @@
1
- import { D as T, e as I, g as $, b as z, a as O, c as P, d 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, 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-I_1pevVu.js";
1
+ 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";
2
2
  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";
3
3
  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";
4
4
  var b = Object.defineProperty, C = Object.getOwnPropertyDescriptor, c = (e, s, r, t) => {
@@ -222,6 +222,11 @@ export interface DapDSAvatarGroupEvents {
222
222
  onDdsOverflowClick?: (event: CustomEvent) => void
223
223
  }
224
224
 
225
+ export interface DapDSBannerEvents {
226
+ /** Event fired when the banner is closed. */
227
+ onDdsClose?: (event: CustomEvent) => void
228
+ }
229
+
225
230
  export interface DapDSAvatarEvents {
226
231
  /** Fired when the image loads successfully. */
227
232
  onDdsLoad?: (event: CustomEvent) => void
@@ -229,11 +234,6 @@ export interface DapDSAvatarEvents {
229
234
  onDdsError?: (event: CustomEvent) => void
230
235
  }
231
236
 
232
- export interface DapDSBannerEvents {
233
- /** Event fired when the banner is closed. */
234
- onDdsClose?: (event: CustomEvent) => void
235
- }
236
-
237
237
  export interface DapDSButtonEvents {
238
238
  /** Emitted when the loading timeout is reached */
239
239
  onDdsLoadingTimeout?: (event: CustomEvent) => void
@@ -671,13 +671,6 @@ export interface DapDSAvatarGroupSlots {
671
671
  default?: () => any
672
672
  }
673
673
 
674
- export interface DapDSAvatarSlots {
675
- /** The icon to display when variant is 'icon'. */
676
- 'icon'?: () => any
677
- /** Custom fallback content when image fails to load. */
678
- 'fallback'?: () => any
679
- }
680
-
681
674
  export interface DapDSBadgeSlots {
682
675
  /** The content of the badge. */
683
676
  default?: () => any
@@ -685,6 +678,11 @@ export interface DapDSBadgeSlots {
685
678
  'icon'?: () => any
686
679
  }
687
680
 
681
+ export interface DapDSAccordionGroupSlots {
682
+ /** The content of the accordion group. */
683
+ default?: () => any
684
+ }
685
+
688
686
  export interface DapDSBannerSlots {
689
687
  /** The content of the banner. */
690
688
  default?: () => any
@@ -694,9 +692,11 @@ export interface DapDSBannerSlots {
694
692
  'icon'?: () => any
695
693
  }
696
694
 
697
- export interface DapDSAccordionGroupSlots {
698
- /** The content of the accordion group. */
699
- default?: () => any
695
+ export interface DapDSAvatarSlots {
696
+ /** The icon to display when variant is 'icon'. */
697
+ 'icon'?: () => any
698
+ /** Custom fallback content when image fails to load. */
699
+ 'fallback'?: () => any
700
700
  }
701
701
 
702
702
  export interface DapDSBreadcrumbSlots {
@@ -1148,6 +1148,17 @@ export type DapDSAccordionProps = {
1148
1148
  loading?: DapDSAccordion["loading"]
1149
1149
  }
1150
1150
 
1151
+ export type DapDSAnchorHeadingProps = {
1152
+ /** The variant of the heading. Default is `h2`. Can be `h1`, `h2`, `h3`, `h4`, `h5`, or `h6`. */
1153
+ variant?: DapDSAnchorHeading["variant"]
1154
+ /** The label of the heading. */
1155
+ label?: DapDSAnchorHeading["label"]
1156
+ /** */
1157
+ elementId?: DapDSAnchorHeading["elementId"]
1158
+ /** */
1159
+ anchorTitle?: DapDSAnchorHeading["anchorTitle"]
1160
+ }
1161
+
1151
1162
  export type DapDSAvatarGroupProps = {
1152
1163
  /** Layout type for the avatar group */
1153
1164
  layout?: DapDSAvatarGroup["layout"]
@@ -1167,33 +1178,6 @@ export type DapDSAvatarGroupProps = {
1167
1178
  sizeMap?: DapDSAvatarGroup["sizeMap"]
1168
1179
  }
1169
1180
 
1170
- export type DapDSAvatarProps = {
1171
- /** The shape of the avatar */
1172
- shape?: DapDSAvatar["shape"]
1173
- /** The variant type of the avatar */
1174
- variant?: DapDSAvatar["variant"]
1175
- /** The source of the avatar image */
1176
- src?: DapDSAvatar["src"]
1177
- /** The alt text of the avatar */
1178
- alt?: DapDSAvatar["alt"]
1179
- /** The initials to display when variant is 'initials' */
1180
- initials?: DapDSAvatar["initials"]
1181
- /** Accessible label for the avatar */
1182
- label?: DapDSAvatar["label"]
1183
- /** Loading state indicator */
1184
- loading?: DapDSAvatar["loading"]
1185
- /** Whether the avatar is interactive (clickable) */
1186
- interactive?: DapDSAvatar["interactive"]
1187
- /** The width of the avatar. This will override the size */
1188
- width?: DapDSAvatar["width"]
1189
- /** The height of the avatar. This will override the size */
1190
- height?: DapDSAvatar["height"]
1191
- /** The size of the avatar. Default is `md`. */
1192
- size?: DapDSAvatar["size"]
1193
- /** Responsive size map (e.g. "md:lg"). */
1194
- sizeMap?: DapDSAvatar["sizeMap"]
1195
- }
1196
-
1197
1181
  export type DapDSBadgeProps = {
1198
1182
  /** The type of the badge */
1199
1183
  type?: DapDSBadge["type"]
@@ -1207,6 +1191,13 @@ export type DapDSBadgeProps = {
1207
1191
  sizeMap?: DapDSBadge["sizeMap"]
1208
1192
  }
1209
1193
 
1194
+ export type DapDSAccordionGroupProps = {
1195
+ /** Whether to close other accordions when one is opened. */
1196
+ autoClose?: DapDSAccordionGroup["autoClose"]
1197
+ /** The variant of the accordion */
1198
+ variant?: DapDSAccordionGroup["variant"]
1199
+ }
1200
+
1210
1201
  export type DapDSBannerProps = {
1211
1202
  /** The variant of the banner */
1212
1203
  variant?: DapDSBanner["variant"]
@@ -1220,11 +1211,31 @@ export type DapDSBannerProps = {
1220
1211
  icon?: DapDSBanner["icon"]
1221
1212
  }
1222
1213
 
1223
- export type DapDSAccordionGroupProps = {
1224
- /** Whether to close other accordions when one is opened. */
1225
- autoClose?: DapDSAccordionGroup["autoClose"]
1226
- /** The variant of the accordion */
1227
- variant?: DapDSAccordionGroup["variant"]
1214
+ export type DapDSAvatarProps = {
1215
+ /** The shape of the avatar */
1216
+ shape?: DapDSAvatar["shape"]
1217
+ /** The variant type of the avatar */
1218
+ variant?: DapDSAvatar["variant"]
1219
+ /** The source of the avatar image */
1220
+ src?: DapDSAvatar["src"]
1221
+ /** The alt text of the avatar */
1222
+ alt?: DapDSAvatar["alt"]
1223
+ /** The initials to display when variant is 'initials' */
1224
+ initials?: DapDSAvatar["initials"]
1225
+ /** Accessible label for the avatar */
1226
+ label?: DapDSAvatar["label"]
1227
+ /** Loading state indicator */
1228
+ loading?: DapDSAvatar["loading"]
1229
+ /** Whether the avatar is interactive (clickable) */
1230
+ interactive?: DapDSAvatar["interactive"]
1231
+ /** The width of the avatar. This will override the size */
1232
+ width?: DapDSAvatar["width"]
1233
+ /** The height of the avatar. This will override the size */
1234
+ height?: DapDSAvatar["height"]
1235
+ /** The size of the avatar. Default is `md`. */
1236
+ size?: DapDSAvatar["size"]
1237
+ /** Responsive size map (e.g. "md:lg"). */
1238
+ sizeMap?: DapDSAvatar["sizeMap"]
1228
1239
  }
1229
1240
 
1230
1241
  export type DapDSBreadcrumbProps = {
@@ -1236,17 +1247,6 @@ export type DapDSBreadcrumbProps = {
1236
1247
  "aria-labelledby"?: DapDSBreadcrumb["ariaLabelledBy"]
1237
1248
  }
1238
1249
 
1239
- export type DapDSAnchorHeadingProps = {
1240
- /** The variant of the heading. Default is `h2`. Can be `h1`, `h2`, `h3`, `h4`, `h5`, or `h6`. */
1241
- variant?: DapDSAnchorHeading["variant"]
1242
- /** The label of the heading. */
1243
- label?: DapDSAnchorHeading["label"]
1244
- /** */
1245
- elementId?: DapDSAnchorHeading["elementId"]
1246
- /** */
1247
- anchorTitle?: DapDSAnchorHeading["anchorTitle"]
1248
- }
1249
-
1250
1250
  export type DapDSBreadcrumbItemProps = {
1251
1251
  /** The URL of the breadcrumb item. */
1252
1252
  href?: DapDSBreadcrumbItem["href"]
@@ -3939,50 +3939,6 @@ export type OthersCookieLineProps = {
3939
3939
  focusable?: OthersCookieLine["focusable"]
3940
3940
  }
3941
3941
 
3942
- export type UserAccountCircleFillProps = {
3943
- /** (optional) The width and height in pixels */
3944
- size?: UserAccountCircleFill["size"]
3945
- /** (optional) Sets the icon color via the `fill` attribute */
3946
- selected?: UserAccountCircleFill["selected"]
3947
- /** (optional) When using the icon standalone, make it meaningful for accessibility */
3948
- accessibilityTitle?: UserAccountCircleFill["accessibilityTitle"]
3949
- /** (optional) If `true` the icon can receive focus */
3950
- focusable?: UserAccountCircleFill["focusable"]
3951
- }
3952
-
3953
- export type UserAccountCircleLineProps = {
3954
- /** (optional) The width and height in pixels */
3955
- size?: UserAccountCircleLine["size"]
3956
- /** (optional) Sets the icon color via the `fill` attribute */
3957
- selected?: UserAccountCircleLine["selected"]
3958
- /** (optional) When using the icon standalone, make it meaningful for accessibility */
3959
- accessibilityTitle?: UserAccountCircleLine["accessibilityTitle"]
3960
- /** (optional) If `true` the icon can receive focus */
3961
- focusable?: UserAccountCircleLine["focusable"]
3962
- }
3963
-
3964
- export type UserUserFillProps = {
3965
- /** (optional) The width and height in pixels */
3966
- size?: UserUserFill["size"]
3967
- /** (optional) Sets the icon color via the `fill` attribute */
3968
- selected?: UserUserFill["selected"]
3969
- /** (optional) When using the icon standalone, make it meaningful for accessibility */
3970
- accessibilityTitle?: UserUserFill["accessibilityTitle"]
3971
- /** (optional) If `true` the icon can receive focus */
3972
- focusable?: UserUserFill["focusable"]
3973
- }
3974
-
3975
- export type UserUserLineProps = {
3976
- /** (optional) The width and height in pixels */
3977
- size?: UserUserLine["size"]
3978
- /** (optional) Sets the icon color via the `fill` attribute */
3979
- selected?: UserUserLine["selected"]
3980
- /** (optional) When using the icon standalone, make it meaningful for accessibility */
3981
- accessibilityTitle?: UserUserLine["accessibilityTitle"]
3982
- /** (optional) If `true` the icon can receive focus */
3983
- focusable?: UserUserLine["focusable"]
3984
- }
3985
-
3986
3942
  export type SystemAddLineProps = {
3987
3943
  /** (optional) The width and height in pixels */
3988
3944
  size?: SystemAddLine["size"]
@@ -4511,6 +4467,50 @@ export type SystemZoomOutLineProps = {
4511
4467
  focusable?: SystemZoomOutLine["focusable"]
4512
4468
  }
4513
4469
 
4470
+ export type UserAccountCircleFillProps = {
4471
+ /** (optional) The width and height in pixels */
4472
+ size?: UserAccountCircleFill["size"]
4473
+ /** (optional) Sets the icon color via the `fill` attribute */
4474
+ selected?: UserAccountCircleFill["selected"]
4475
+ /** (optional) When using the icon standalone, make it meaningful for accessibility */
4476
+ accessibilityTitle?: UserAccountCircleFill["accessibilityTitle"]
4477
+ /** (optional) If `true` the icon can receive focus */
4478
+ focusable?: UserAccountCircleFill["focusable"]
4479
+ }
4480
+
4481
+ export type UserAccountCircleLineProps = {
4482
+ /** (optional) The width and height in pixels */
4483
+ size?: UserAccountCircleLine["size"]
4484
+ /** (optional) Sets the icon color via the `fill` attribute */
4485
+ selected?: UserAccountCircleLine["selected"]
4486
+ /** (optional) When using the icon standalone, make it meaningful for accessibility */
4487
+ accessibilityTitle?: UserAccountCircleLine["accessibilityTitle"]
4488
+ /** (optional) If `true` the icon can receive focus */
4489
+ focusable?: UserAccountCircleLine["focusable"]
4490
+ }
4491
+
4492
+ export type UserUserFillProps = {
4493
+ /** (optional) The width and height in pixels */
4494
+ size?: UserUserFill["size"]
4495
+ /** (optional) Sets the icon color via the `fill` attribute */
4496
+ selected?: UserUserFill["selected"]
4497
+ /** (optional) When using the icon standalone, make it meaningful for accessibility */
4498
+ accessibilityTitle?: UserUserFill["accessibilityTitle"]
4499
+ /** (optional) If `true` the icon can receive focus */
4500
+ focusable?: UserUserFill["focusable"]
4501
+ }
4502
+
4503
+ export type UserUserLineProps = {
4504
+ /** (optional) The width and height in pixels */
4505
+ size?: UserUserLine["size"]
4506
+ /** (optional) Sets the icon color via the `fill` attribute */
4507
+ selected?: UserUserLine["selected"]
4508
+ /** (optional) When using the icon standalone, make it meaningful for accessibility */
4509
+ accessibilityTitle?: UserUserLine["accessibilityTitle"]
4510
+ /** (optional) If `true` the icon can receive focus */
4511
+ focusable?: UserUserLine["focusable"]
4512
+ }
4513
+
4514
4514
  // Augment Vue's GlobalComponents interface
4515
4515
  declare module 'vue' {
4516
4516
  interface GlobalComponents {
@@ -4540,6 +4540,16 @@ declare module 'vue' {
4540
4540
  * - **close-icon-base** - The base of the icon when the accordion is closed.
4541
4541
  */
4542
4542
  'dap-ds-accordion': DefineCustomElement<DapDSAccordion, DapDSAccordionProps, DapDSAccordionEvents>
4543
+ /**
4544
+ * Anchor heading is a heading with an anchor link.
4545
+ *
4546
+ * ### CSS Parts:
4547
+ * - **base** - The main anchor heading container.
4548
+ * - **link** - The link of the anchor heading. dap-ds-link element.
4549
+ * - **link-base** - The base of the link part.
4550
+ * - **text** - The text of the anchor heading.
4551
+ */
4552
+ 'dap-ds-anchor-heading': DefineCustomElement<DapDSAnchorHeading, DapDSAnchorHeadingProps, {}>
4543
4553
  /**
4544
4554
  * Avatar group component displays multiple avatars in an organized layout with overflow management.
4545
4555
  *
@@ -4555,26 +4565,6 @@ declare module 'vue' {
4555
4565
  * - **overflow** - The overflow indicator element.
4556
4566
  */
4557
4567
  'dap-ds-avatar-group': DefineCustomElement<DapDSAvatarGroup, DapDSAvatarGroupProps, DapDSAvatarGroupEvents>
4558
- /**
4559
- * Avatar component can be used to display user profile images, initials, or icons.
4560
- *
4561
- * ### Events:
4562
- * - **dds-load** - Fired when the image loads successfully.
4563
- * - **dds-error** - Fired when the image fails to load.
4564
- *
4565
- * ### Slots:
4566
- * - **icon** - The icon to display when variant is 'icon'.
4567
- * - **fallback** - Custom fallback content when image fails to load.
4568
- *
4569
- * ### CSS Parts:
4570
- * - **base** - The main avatar container.
4571
- * - **img** - The avatar image.
4572
- * - **initials** - The initials container.
4573
- * - **icon** - The icon container.
4574
- * - **fallback** - The fallback content container.
4575
- * - **loading** - The loading indicator.
4576
- */
4577
- 'dap-ds-avatar': DefineCustomElement<DapDSAvatar, DapDSAvatarProps, DapDSAvatarEvents>
4578
4568
  /**
4579
4569
  * A badge is a small status descriptor for UI elements.
4580
4570
  *
@@ -4589,6 +4579,16 @@ declare module 'vue' {
4589
4579
  * - **icon-base** - The base of the icon.
4590
4580
  */
4591
4581
  'dap-ds-badge': DefineCustomElement<DapDSBadge, DapDSBadgeProps, {}>
4582
+ /**
4583
+ * An accordion group is a collection of accordion components.
4584
+ *
4585
+ * ### Slots:
4586
+ * - **default** - The content of the accordion group.
4587
+ *
4588
+ * ### CSS Parts:
4589
+ * - **base** - The main accordion group container.
4590
+ */
4591
+ 'dap-ds-accordion-group': DefineCustomElement<DapDSAccordionGroup, DapDSAccordionGroupProps, {}>
4592
4592
  /**
4593
4593
  * A banner is a message displayed at the top of the page to provide important information to the user.
4594
4594
  *
@@ -4614,15 +4614,25 @@ declare module 'vue' {
4614
4614
  */
4615
4615
  'dap-ds-banner': DefineCustomElement<DapDSBanner, DapDSBannerProps, DapDSBannerEvents>
4616
4616
  /**
4617
- * An accordion group is a collection of accordion components.
4617
+ * Avatar component can be used to display user profile images, initials, or icons.
4618
+ *
4619
+ * ### Events:
4620
+ * - **dds-load** - Fired when the image loads successfully.
4621
+ * - **dds-error** - Fired when the image fails to load.
4618
4622
  *
4619
4623
  * ### Slots:
4620
- * - **default** - The content of the accordion group.
4624
+ * - **icon** - The icon to display when variant is 'icon'.
4625
+ * - **fallback** - Custom fallback content when image fails to load.
4621
4626
  *
4622
4627
  * ### CSS Parts:
4623
- * - **base** - The main accordion group container.
4628
+ * - **base** - The main avatar container.
4629
+ * - **img** - The avatar image.
4630
+ * - **initials** - The initials container.
4631
+ * - **icon** - The icon container.
4632
+ * - **fallback** - The fallback content container.
4633
+ * - **loading** - The loading indicator.
4624
4634
  */
4625
- 'dap-ds-accordion-group': DefineCustomElement<DapDSAccordionGroup, DapDSAccordionGroupProps, {}>
4635
+ 'dap-ds-avatar': DefineCustomElement<DapDSAvatar, DapDSAvatarProps, DapDSAvatarEvents>
4626
4636
  /**
4627
4637
  * A breadcrumb is a secondary navigation scheme that reveals the user's location in a website or Web application.
4628
4638
  *
@@ -4635,16 +4645,6 @@ declare module 'vue' {
4635
4645
  * - **separator** - The separator of the breadcrumb.
4636
4646
  */
4637
4647
  'dap-ds-breadcrumb': DefineCustomElement<DapDSBreadcrumb, DapDSBreadcrumbProps, {}>
4638
- /**
4639
- * Anchor heading is a heading with an anchor link.
4640
- *
4641
- * ### CSS Parts:
4642
- * - **base** - The main anchor heading container.
4643
- * - **link** - The link of the anchor heading. dap-ds-link element.
4644
- * - **link-base** - The base of the link part.
4645
- * - **text** - The text of the anchor heading.
4646
- */
4647
- 'dap-ds-anchor-heading': DefineCustomElement<DapDSAnchorHeading, DapDSAnchorHeadingProps, {}>
4648
4648
  /**
4649
4649
  * A breadcrumb item is a secondary navigation scheme that reveals the user's location in a website or Web application.
4650
4650
  *
@@ -6316,34 +6316,6 @@ Used with dap-ds-select to create grouped options that render as native optgroup
6316
6316
  * - **base** - The main icon container.
6317
6317
  */
6318
6318
  'dap-ds-icon-cookie-line': DefineCustomElement<OthersCookieLine, OthersCookieLineProps, {}>
6319
- /**
6320
- * An icon
6321
- *
6322
- * ### CSS Parts:
6323
- * - **base** - The main icon container.
6324
- */
6325
- 'dap-ds-icon-account-circle-fill': DefineCustomElement<UserAccountCircleFill, UserAccountCircleFillProps, {}>
6326
- /**
6327
- * An icon
6328
- *
6329
- * ### CSS Parts:
6330
- * - **base** - The main icon container.
6331
- */
6332
- 'dap-ds-icon-account-circle-line': DefineCustomElement<UserAccountCircleLine, UserAccountCircleLineProps, {}>
6333
- /**
6334
- * An icon
6335
- *
6336
- * ### CSS Parts:
6337
- * - **base** - The main icon container.
6338
- */
6339
- 'dap-ds-icon-user-fill': DefineCustomElement<UserUserFill, UserUserFillProps, {}>
6340
- /**
6341
- * An icon
6342
- *
6343
- * ### CSS Parts:
6344
- * - **base** - The main icon container.
6345
- */
6346
- 'dap-ds-icon-user-line': DefineCustomElement<UserUserLine, UserUserLineProps, {}>
6347
6319
  /**
6348
6320
  * An icon
6349
6321
  *
@@ -6680,6 +6652,34 @@ Used with dap-ds-select to create grouped options that render as native optgroup
6680
6652
  * - **base** - The main icon container.
6681
6653
  */
6682
6654
  'dap-ds-icon-zoom-out-line': DefineCustomElement<SystemZoomOutLine, SystemZoomOutLineProps, {}>
6655
+ /**
6656
+ * An icon
6657
+ *
6658
+ * ### CSS Parts:
6659
+ * - **base** - The main icon container.
6660
+ */
6661
+ 'dap-ds-icon-account-circle-fill': DefineCustomElement<UserAccountCircleFill, UserAccountCircleFillProps, {}>
6662
+ /**
6663
+ * An icon
6664
+ *
6665
+ * ### CSS Parts:
6666
+ * - **base** - The main icon container.
6667
+ */
6668
+ 'dap-ds-icon-account-circle-line': DefineCustomElement<UserAccountCircleLine, UserAccountCircleLineProps, {}>
6669
+ /**
6670
+ * An icon
6671
+ *
6672
+ * ### CSS Parts:
6673
+ * - **base** - The main icon container.
6674
+ */
6675
+ 'dap-ds-icon-user-fill': DefineCustomElement<UserUserFill, UserUserFillProps, {}>
6676
+ /**
6677
+ * An icon
6678
+ *
6679
+ * ### CSS Parts:
6680
+ * - **base** - The main icon container.
6681
+ */
6682
+ 'dap-ds-icon-user-line': DefineCustomElement<UserUserLine, UserUserLineProps, {}>
6683
6683
  }
6684
6684
  }
6685
6685
 
@@ -6688,13 +6688,13 @@ declare global {
6688
6688
  namespace JSX {
6689
6689
  interface IntrinsicElements {
6690
6690
  'dap-ds-accordion': DapDSAccordionProps & DapDSAccordionEvents & DapDSAccordionSlots
6691
+ 'dap-ds-anchor-heading': DapDSAnchorHeadingProps
6691
6692
  'dap-ds-avatar-group': DapDSAvatarGroupProps & DapDSAvatarGroupEvents & DapDSAvatarGroupSlots
6692
- 'dap-ds-avatar': DapDSAvatarProps & DapDSAvatarEvents & DapDSAvatarSlots
6693
6693
  'dap-ds-badge': DapDSBadgeProps & DapDSBadgeSlots
6694
- 'dap-ds-banner': DapDSBannerProps & DapDSBannerEvents & DapDSBannerSlots
6695
6694
  'dap-ds-accordion-group': DapDSAccordionGroupProps & DapDSAccordionGroupSlots
6695
+ 'dap-ds-banner': DapDSBannerProps & DapDSBannerEvents & DapDSBannerSlots
6696
+ 'dap-ds-avatar': DapDSAvatarProps & DapDSAvatarEvents & DapDSAvatarSlots
6696
6697
  'dap-ds-breadcrumb': DapDSBreadcrumbProps & DapDSBreadcrumbSlots
6697
- 'dap-ds-anchor-heading': DapDSAnchorHeadingProps
6698
6698
  'dap-ds-breadcrumb-item': DapDSBreadcrumbItemProps & DapDSBreadcrumbItemSlots
6699
6699
  'dap-ds-button': DapDSButtonProps & DapDSButtonEvents & DapDSButtonSlots
6700
6700
  'dap-ds-calendar-cell': DapDSCalendarCellProps & DapDSCalendarCellSlots
@@ -6817,10 +6817,6 @@ declare global {
6817
6817
  'dap-ds-icon-heart-fill': HealthHeartFillProps
6818
6818
  'dap-ds-icon-heart-line': HealthHeartLineProps
6819
6819
  'dap-ds-icon-cookie-line': OthersCookieLineProps
6820
- 'dap-ds-icon-account-circle-fill': UserAccountCircleFillProps
6821
- 'dap-ds-icon-account-circle-line': UserAccountCircleLineProps
6822
- 'dap-ds-icon-user-fill': UserUserFillProps
6823
- 'dap-ds-icon-user-line': UserUserLineProps
6824
6820
  'dap-ds-icon-add-line': SystemAddLineProps
6825
6821
  'dap-ds-icon-alert-fill': SystemAlertFillProps
6826
6822
  'dap-ds-icon-alert-line': SystemAlertLineProps
@@ -6869,6 +6865,10 @@ declare global {
6869
6865
  'dap-ds-icon-upload-line': SystemUploadLineProps
6870
6866
  'dap-ds-icon-zoom-in-line': SystemZoomInLineProps
6871
6867
  'dap-ds-icon-zoom-out-line': SystemZoomOutLineProps
6868
+ 'dap-ds-icon-account-circle-fill': UserAccountCircleFillProps
6869
+ 'dap-ds-icon-account-circle-line': UserAccountCircleLineProps
6870
+ 'dap-ds-icon-user-fill': UserUserFillProps
6871
+ 'dap-ds-icon-user-line': UserUserLineProps
6872
6872
  }
6873
6873
  }
6874
6874
  }