dap-design-system 0.57.0 → 0.57.2

package/dist/components.js

@@ -1,4 +1,4 @@
-import { D as p, a as s, b as S, c 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, a7 as la, a6 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-B1eoYWYt.js";
+import { D as p, c as s, b as S, a as e, e as o, d 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, at as Fa, au as Oa, av as fa, as as Ha, ar 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-Cozi3ruX.js";
 export {
   p as DapDSAccordion,
   s as DapDSAccordionGroup,

package/dist/dds.js

@@ -1,4 +1,4 @@
-import { D as T, a as I, b as $, c 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, a7 as He, a6 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-B1eoYWYt.js";
+import { D as T, c as I, b as $, a as z, e as O, d 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, at as oa, au as na, av as la, as as pa, ar 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-Cozi3ruX.js";
 import { ArrowsArrowDownLine as Ca, ArrowsArrowDownSFill as ga, ArrowsArrowDownSLine as fa, ArrowsArrowLeftDownLine as Aa, ArrowsArrowLeftLLine as va, ArrowsArrowLeftLine as Fa, ArrowsArrowLeftSFill as xa, ArrowsArrowLeftSLine as Ba, ArrowsArrowLeftUpLine as Ta, ArrowsArrowRightDownLine as Ia, ArrowsArrowRightLLine as $a, ArrowsArrowRightLine as za, ArrowsArrowRightSFill as Oa, ArrowsArrowRightSLine as Pa, ArrowsArrowRightUpLine as Ua, ArrowsArrowUpLine as ka, ArrowsArrowUpSFill as _a, ArrowsArrowUpSLine as Ha, ArrowsExpandUpDownFill as Ea, BuildingsHome6Line as Ma, BusinessCalendarLine as Ga, SystemCheckboxBlankCircleFillCheck as Na, DesignEditLine as Ra, DesignToolsLine as ja, DeviceComputerLine as Wa, DocumentClipboardLine as Za, DocumentFileCopyLine as Va, DocumentFileImageLine as qa, DocumentFileMusicLine as Ja, DocumentFileTextLine as Ka, DocumentFileVideoLine as Qa, DocumentFolderLine as Xa, DocumentFolderOpenLine as Ya, HealthHeartFill as es, HealthHeartLine as as, OthersCookieLine as ss, SystemAddLine as ts, SystemAlertFill as is, SystemAlertLine as rs, SystemCheckLine as os, SystemCheckLine2 as ns, SystemCheckboxBlankCircleFill as ls, SystemCheckboxBlankCircleFillCheck as ps, SystemCheckboxBlankCircleLine as Ds, SystemCheckboxCircleFill as Ss, SystemCheckboxCircleLine as cs, SystemCloseCircleFill as ms, SystemCloseCircleLine as ds, SystemCloseFill as hs, SystemCloseLine as us, SystemDeleteBinFill as ys, SystemDeleteBinLine as Ls, SystemDownloadLine as ws, SystemErrorWarningFill as bs, SystemErrorWarningLine as Cs, SystemExternalLinkLine as gs, SystemEyeLine as fs, SystemEyeOffLine as As, SystemForbidFill as vs, SystemInformation2Fill as Fs, SystemInformationFill as xs, SystemInformationLine as Bs, SystemLightbulbFill as Ts, SystemLoadingSpinner as Is, SystemLockFill as $s, SystemLockLine as zs, SystemMenuLine as Os, SystemMenuLineS as Ps, SystemMore2Line as Us, SystemMoreLine as ks, SystemSearchLine as _s, SystemShareLine as Hs, SystemShieldCheckFill as Es, SystemShieldCheckLine as Ms, SystemStarFill as Gs, SystemSubtractLine as Ns, SystemSubtractLine2 as Rs, SystemTimeFill as js, SystemTimeLine as Ws, SystemUpload2Fill as Zs, SystemUpload2Line as Vs, SystemUploadLine as qs, UserAccountCircleFill as Js, UserAccountCircleLine as Ks, UserUserFill as Qs, UserUserLine as Xs } from "./icons.js";
 import { r as h, s as u, n as i, D as y, c as L, u as S, t as w } from "./icon-DiAH7AY5.js";
 var b = Object.defineProperty, C = Object.getOwnPropertyDescriptor, c = (e, s, r, t) => {

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

@@ -666,11 +666,6 @@ export interface DapDSAccordionSlots {
   'icon-closed'?: () => any
 }
 
-export interface DapDSAccordionGroupSlots {
-  /** The content of the accordion group. */
-  default?: () => any
-}
-
 export interface DapDSAvatarSlots {
   /** The icon to display when variant is 'icon'. */
   'icon'?: () => any
@@ -678,8 +673,8 @@ export interface DapDSAvatarSlots {
   'fallback'?: () => any
 }
 
-export interface DapDSAvatarGroupSlots {
-  /** The avatars to display in the group. */
+export interface DapDSAccordionGroupSlots {
+  /** The content of the accordion group. */
   default?: () => any
 }
 
@@ -690,6 +685,11 @@ export interface DapDSBadgeSlots {
   'icon'?: () => any
 }
 
+export interface DapDSAvatarGroupSlots {
+  /** The avatars to display in the group. */
+  default?: () => any
+}
+
 export interface DapDSBannerSlots {
   /** The content of the banner. */
   default?: () => any
@@ -1068,11 +1068,6 @@ export interface DapDSTableSlots {
   default?: () => any
 }
 
-export interface DapDSTextareaSlots {
-  /** The custom icon of the feedback. */
-  'feedback-icon'?: () => any
-}
-
 export interface DapDSTimelineItemSlots {
   /** The default slot for the item content. */
   default?: () => any
@@ -1083,6 +1078,11 @@ export interface DapDSTimelineSlots {
   default?: () => any
 }
 
+export interface DapDSTextareaSlots {
+  /** The custom icon of the feedback. */
+  'feedback-icon'?: () => any
+}
+
 export interface DapDSToggleButtonSlots {
   /** The content of the toggle button. */
   default?: () => any
@@ -1148,24 +1148,6 @@ 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 DapDSAvatarProps = {
   /** The shape of the avatar */
   shape?: DapDSAvatar["shape"]
@@ -1193,6 +1175,37 @@ export type DapDSAvatarProps = {
   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"]
+  /** 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 DapDSBadgeProps = {
+  /** The type of the badge */
+  type?: DapDSBadge["type"]
+  /** The icon of the badge, this is a name of a built in icon */
+  icon?: DapDSBadge["icon"]
+  /** Whether the badge represents dynamic content that should announce changes */
+  live?: DapDSBadge["live"]
+  /** The size of the badge. Default is `sm`. */
+  size?: DapDSBadge["size"]
+  /** Responsive size map (e.g. "md:lg"). */
+  sizeMap?: DapDSBadge["sizeMap"]
+}
+
 export type DapDSAvatarGroupProps = {
   /** Layout type for the avatar group */
   layout?: DapDSAvatarGroup["layout"]
@@ -1212,19 +1225,6 @@ export type DapDSAvatarGroupProps = {
   sizeMap?: DapDSAvatarGroup["sizeMap"]
 }
 
-export type DapDSBadgeProps = {
-  /** The type of the badge */
-  type?: DapDSBadge["type"]
-  /** The icon of the badge, this is a name of a built in icon */
-  icon?: DapDSBadge["icon"]
-  /** Whether the badge represents dynamic content that should announce changes */
-  live?: DapDSBadge["live"]
-  /** The size of the badge. Default is `sm`. */
-  size?: DapDSBadge["size"]
-  /** Responsive size map (e.g. "md:lg"). */
-  sizeMap?: DapDSBadge["sizeMap"]
-}
-
 export type DapDSBannerProps = {
   /** The variant of the banner */
   variant?: DapDSBanner["variant"]
@@ -2813,11 +2813,6 @@ export type DapDSRadioButtonProps = {
   optionalLabel?: DapDSRadioButton["optionalLabel"]
 }
 
-export type DapDSScrollAreaProps = {
-  /** The orientation of the scrollbar. */
-  orientation?: DapDSScrollArea["orientation"]
-}
-
 export type DapDSRatingProps = {
   /** The label of the rating */
   label?: DapDSRating["label"]
@@ -2836,6 +2831,11 @@ This is a backup to catch keyboard events if they bubble up */
   value?: DapDSRating["value"]
 }
 
+export type DapDSScrollAreaProps = {
+  /** The orientation of the scrollbar. */
+  orientation?: DapDSScrollArea["orientation"]
+}
+
 export type DapDSScrollProgressProps = {
   /** CSS selector for scroll container. If not set, tracks global page scroll.
 When set, the component uses sticky positioning within the container. */
@@ -3178,6 +3178,14 @@ export type DapDSTableProps = {
   caption?: DapDSTable["caption"]
 }
 
+export type DapDSTimelineItemProps = {
+
+}
+
+export type DapDSTimelineProps = {
+
+}
+
 export type DapDSTextareaProps = {
   /** Hide character counter. */
   hideCounter?: DapDSTextarea["hideCounter"]
@@ -3231,14 +3239,6 @@ export type DapDSTextareaProps = {
   autofocus?: DapDSTextarea["autofocus"]
 }
 
-export type DapDSTimelineItemProps = {
-
-}
-
-export type DapDSTimelineProps = {
-
-}
-
 export type DapDSTimeGridProps = {
   /** The currently selected hour (0-23). */
   selectedHour?: DapDSTimeGrid["selectedHour"]
@@ -3609,26 +3609,26 @@ export type ArrowsArrowLeftLineProps = {
   focusable?: ArrowsArrowLeftLine["focusable"]
 }
 
-export type ArrowsArrowLeftSFillProps = {
+export type ArrowsArrowLeftSLineProps = {
   /** (optional) The width and height in pixels */
-  size?: ArrowsArrowLeftSFill["size"]
+  size?: ArrowsArrowLeftSLine["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: ArrowsArrowLeftSFill["selected"]
+  selected?: ArrowsArrowLeftSLine["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: ArrowsArrowLeftSFill["accessibilityTitle"]
+  accessibilityTitle?: ArrowsArrowLeftSLine["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: ArrowsArrowLeftSFill["focusable"]
+  focusable?: ArrowsArrowLeftSLine["focusable"]
 }
 
-export type ArrowsArrowLeftSLineProps = {
+export type ArrowsArrowLeftSFillProps = {
   /** (optional) The width and height in pixels */
-  size?: ArrowsArrowLeftSLine["size"]
+  size?: ArrowsArrowLeftSFill["size"]
   /** (optional) Sets the icon color via the `fill` attribute */
-  selected?: ArrowsArrowLeftSLine["selected"]
+  selected?: ArrowsArrowLeftSFill["selected"]
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
-  accessibilityTitle?: ArrowsArrowLeftSLine["accessibilityTitle"]
+  accessibilityTitle?: ArrowsArrowLeftSFill["accessibilityTitle"]
   /** (optional) If `true` the icon can receive focus */
-  focusable?: ArrowsArrowLeftSLine["focusable"]
+  focusable?: ArrowsArrowLeftSFill["focusable"]
 }
 
 export type ArrowsArrowLeftUpLineProps = {
@@ -3972,6 +3972,17 @@ export type UserUserFillProps = {
   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"]
@@ -4346,17 +4357,6 @@ export type SystemMoreLineProps = {
   focusable?: SystemMoreLine["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 SystemSearchLineProps = {
   /** (optional) The width and height in pixels */
   size?: SystemSearchLine["size"]
@@ -4540,26 +4540,6 @@ 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 component can be used to display user profile images, initials, or icons.
      *
@@ -4581,20 +4561,25 @@ declare module 'vue' {
      */
          'dap-ds-avatar': DefineCustomElement<DapDSAvatar, DapDSAvatarProps, DapDSAvatarEvents>
     /**
-     * Avatar group component displays multiple avatars in an organized layout with overflow management.
+     * Anchor heading is a heading with an anchor link.
      *
-     * ### Events:
-     * - **dds-overflow-click** - Fired when the overflow indicator is clicked.
+     * ### 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 avatars to display in the group.
+     * - **default** - The content of the accordion group.
      *
      * ### CSS Parts:
-     * - **base** - The main container of the avatar group.
-     * - **avatars** - The container for the visible avatars.
-     * - **overflow** - The overflow indicator element.
+     * - **base** - The main accordion group container.
      */
-         'dap-ds-avatar-group': DefineCustomElement<DapDSAvatarGroup, DapDSAvatarGroupProps, DapDSAvatarGroupEvents>
+         'dap-ds-accordion-group': DefineCustomElement<DapDSAccordionGroup, DapDSAccordionGroupProps, {}>
     /**
      * A badge is a small status descriptor for UI elements.
      *
@@ -4609,6 +4594,21 @@ declare module 'vue' {
      * - **icon-base** - The base of the icon.
      */
          'dap-ds-badge': DefineCustomElement<DapDSBadge, DapDSBadgeProps, {}>
+    /**
+     * Avatar group component displays multiple avatars in an organized layout with overflow management.
+     *
+     * ### Events:
+     * - **dds-overflow-click** - Fired when the overflow indicator is clicked.
+     *
+     * ### Slots:
+     * - **default** - The avatars to display in the group.
+     *
+     * ### CSS Parts:
+     * - **base** - The main container of the avatar group.
+     * - **avatars** - The container for the visible avatars.
+     * - **overflow** - The overflow indicator element.
+     */
+         'dap-ds-avatar-group': DefineCustomElement<DapDSAvatarGroup, DapDSAvatarGroupProps, DapDSAvatarGroupEvents>
     /**
      * A banner is a message displayed at the top of the page to provide important information to the user.
      *
@@ -5573,18 +5573,6 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * - **description** - The description of the radio button.
      */
          'dap-ds-radio-button': DefineCustomElement<DapDSRadioButton, DapDSRadioButtonProps, DapDSRadioButtonEvents>
-    /**
-     * A component that provides a customizable scrollable area with a custom scrollbar.
-     *
-     * ### Slots:
-     * - **default** - The content to be scrolled
-     *
-     * ### CSS Parts:
-     * - **viewport** - The viewport element that contains the scrollable content
-     * - **scrollbar** - The scrollbar container
-     * - **corner** - The corner between vertical and horizontal scrollbars
-     */
-         'dap-ds-scroll-area': DefineCustomElement<DapDSScrollArea, DapDSScrollAreaProps, {}>
     /**
      * Rating is a component that allows users to rate a product or service.
      *
@@ -5598,6 +5586,18 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * - **icon** - The icon of the star.
      */
          'dap-ds-rating': DefineCustomElement<DapDSRating, DapDSRatingProps, DapDSRatingEvents>
+    /**
+     * A component that provides a customizable scrollable area with a custom scrollbar.
+     *
+     * ### Slots:
+     * - **default** - The content to be scrolled
+     *
+     * ### CSS Parts:
+     * - **viewport** - The viewport element that contains the scrollable content
+     * - **scrollbar** - The scrollbar container
+     * - **corner** - The corner between vertical and horizontal scrollbars
+     */
+         'dap-ds-scroll-area': DefineCustomElement<DapDSScrollArea, DapDSScrollAreaProps, {}>
     /**
      * A progress bar that displays scroll position, supporting both page-level and container-level scroll tracking.
      *
@@ -5861,6 +5861,28 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * - **default** - The default slot. Accepts `dap-ds-table-row` elements.
      */
          'dap-ds-table': DefineCustomElement<DapDSTable, DapDSTableProps, {}>
+    /**
+     * A timeline is a graphical representation of a series of events.
+     *
+     * ### Slots:
+     * - **default** - The default slot for the item content.
+     *
+     * ### CSS Parts:
+     * - **base** - The main timeline item container.
+     * - **connector** - The connector element between two timeline items.
+     * - **content** - The content of the timeline item.
+     */
+         'dap-ds-timeline-item': DefineCustomElement<DapDSTimelineItem, DapDSTimelineItemProps, {}>
+    /**
+     * A timeline is a graphical representation of a series of events.
+     *
+     * ### Slots:
+     * - **default** - The default slot for the timeline items.
+     *
+     * ### CSS Parts:
+     * - **base** - The main timeline container.
+     */
+         'dap-ds-timeline': DefineCustomElement<DapDSTimeline, DapDSTimelineProps, {}>
     /**
      * A textarea is a multi-line text input field.
      *
@@ -5887,28 +5909,6 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * - **feedback-icon** - The icon of the feedback.
      */
          'dap-ds-textarea': DefineCustomElement<DapDSTextarea, DapDSTextareaProps, DapDSTextareaEvents>
-    /**
-     * A timeline is a graphical representation of a series of events.
-     *
-     * ### Slots:
-     * - **default** - The default slot for the item content.
-     *
-     * ### CSS Parts:
-     * - **base** - The main timeline item container.
-     * - **connector** - The connector element between two timeline items.
-     * - **content** - The content of the timeline item.
-     */
-         'dap-ds-timeline-item': DefineCustomElement<DapDSTimelineItem, DapDSTimelineItemProps, {}>
-    /**
-     * A timeline is a graphical representation of a series of events.
-     *
-     * ### Slots:
-     * - **default** - The default slot for the timeline items.
-     *
-     * ### CSS Parts:
-     * - **base** - The main timeline container.
-     */
-         'dap-ds-timeline': DefineCustomElement<DapDSTimeline, DapDSTimelineProps, {}>
     /**
      * A time grid component that allows users to select hours and minutes in two side-by-side scrollable columns.
      *
@@ -6112,14 +6112,14 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-arrow-left-s-fill': DefineCustomElement<ArrowsArrowLeftSFill, ArrowsArrowLeftSFillProps, {}>
+         'dap-ds-icon-arrow-left-s-line': DefineCustomElement<ArrowsArrowLeftSLine, ArrowsArrowLeftSLineProps, {}>
     /**
      * An icon
      *
      * ### CSS Parts:
      * - **base** - The main icon container.
      */
-         'dap-ds-icon-arrow-left-s-line': DefineCustomElement<ArrowsArrowLeftSLine, ArrowsArrowLeftSLineProps, {}>
+         'dap-ds-icon-arrow-left-s-fill': DefineCustomElement<ArrowsArrowLeftSFill, ArrowsArrowLeftSFillProps, {}>
     /**
      * An icon
      *
@@ -6337,6 +6337,13 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * - **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
      *
@@ -6575,13 +6582,6 @@ Used with dap-ds-select to create grouped options that render as native optgroup
      * - **base** - The main icon container.
      */
          'dap-ds-icon-more-line': DefineCustomElement<SystemMoreLine, SystemMoreLineProps, {}>
-    /**
-     * An icon
-     *
-     * ### CSS Parts:
-     * - **base** - The main icon container.
-     */
-         'dap-ds-icon-user-line': DefineCustomElement<UserUserLine, UserUserLineProps, {}>
     /**
      * An icon
      *
@@ -6688,11 +6688,11 @@ declare global {
   namespace JSX {
     interface IntrinsicElements {
       'dap-ds-accordion': DapDSAccordionProps & DapDSAccordionEvents & DapDSAccordionSlots
-      'dap-ds-accordion-group': DapDSAccordionGroupProps & DapDSAccordionGroupSlots
-      'dap-ds-anchor-heading': DapDSAnchorHeadingProps
       'dap-ds-avatar': DapDSAvatarProps & DapDSAvatarEvents & DapDSAvatarSlots
-      'dap-ds-avatar-group': DapDSAvatarGroupProps & DapDSAvatarGroupEvents & DapDSAvatarGroupSlots
+      'dap-ds-anchor-heading': DapDSAnchorHeadingProps
+      'dap-ds-accordion-group': DapDSAccordionGroupProps & DapDSAccordionGroupSlots
       'dap-ds-badge': DapDSBadgeProps & DapDSBadgeSlots
+      'dap-ds-avatar-group': DapDSAvatarGroupProps & DapDSAvatarGroupEvents & DapDSAvatarGroupSlots
       'dap-ds-banner': DapDSBannerProps & DapDSBannerEvents & DapDSBannerSlots
       'dap-ds-breadcrumb': DapDSBreadcrumbProps & DapDSBreadcrumbSlots
       'dap-ds-breadcrumb-item': DapDSBreadcrumbItemProps & DapDSBreadcrumbItemSlots
@@ -6747,8 +6747,8 @@ declare global {
       'dap-ds-popup': DapDSPopupProps & DapDSPopupEvents & DapDSPopupSlots
       'dap-ds-progress': DapDSProgressProps & DapDSProgressSlots
       'dap-ds-radio-button': DapDSRadioButtonProps & DapDSRadioButtonEvents
-      'dap-ds-scroll-area': DapDSScrollAreaProps & DapDSScrollAreaSlots
       'dap-ds-rating': DapDSRatingProps & DapDSRatingEvents
+      'dap-ds-scroll-area': DapDSScrollAreaProps & DapDSScrollAreaSlots
       'dap-ds-scroll-progress': DapDSScrollProgressProps
       'dap-ds-search': DapDSSearchProps & DapDSSearchEvents & DapDSSearchSlots
       'dap-ds-select': DapDSSelectProps & DapDSSelectEvents & DapDSSelectSlots
@@ -6768,9 +6768,9 @@ declare global {
       'dap-ds-table-header': DapDSTableHeaderProps & DapDSTableHeaderSlots
       'dap-ds-table-row': DapDSTableRowProps & DapDSTableRowSlots
       'dap-ds-table': DapDSTableProps & DapDSTableSlots
-      'dap-ds-textarea': DapDSTextareaProps & DapDSTextareaEvents & DapDSTextareaSlots
       'dap-ds-timeline-item': DapDSTimelineItemProps & DapDSTimelineItemSlots
       'dap-ds-timeline': DapDSTimelineProps & DapDSTimelineSlots
+      'dap-ds-textarea': DapDSTextareaProps & DapDSTextareaEvents & DapDSTextareaSlots
       'dap-ds-time-grid': DapDSTimeGridProps & DapDSTimeGridEvents
       'dap-ds-timepicker': DapDSTimePickerProps & DapDSTimePickerEvents
       'dap-ds-toc': DapDSTOCProps & DapDSTOCEvents
@@ -6787,8 +6787,8 @@ declare global {
       'dap-ds-icon-arrow-left-down-line': ArrowsArrowLeftDownLineProps
       'dap-ds-icon-arrow-left-l-line': ArrowsArrowLeftLLineProps
       'dap-ds-icon-arrow-left-line': ArrowsArrowLeftLineProps
-      'dap-ds-icon-arrow-left-s-fill': ArrowsArrowLeftSFillProps
       'dap-ds-icon-arrow-left-s-line': ArrowsArrowLeftSLineProps
+      'dap-ds-icon-arrow-left-s-fill': ArrowsArrowLeftSFillProps
       'dap-ds-icon-arrow-left-up-line': ArrowsArrowLeftUpLineProps
       'dap-ds-icon-arrow-right-down-line': ArrowsArrowRightDownLineProps
       'dap-ds-icon-arrow-right-l-line': ArrowsArrowRightLLineProps
@@ -6820,6 +6820,7 @@ declare global {
       '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
@@ -6854,7 +6855,6 @@ declare global {
       'dap-ds-icon-menu-line-s': SystemMenuLineSProps
       'dap-ds-icon-more-2-line': SystemMore2LineProps
       'dap-ds-icon-more-line': SystemMoreLineProps
-      'dap-ds-icon-user-line': UserUserLineProps
       'dap-ds-icon-search-line': SystemSearchLineProps
       'dap-ds-icon-share-line': SystemShareLineProps
       'dap-ds-icon-shield-check-fill': SystemShieldCheckFillProps