cisse-vue-ui 0.10.0 → 0.11.0

package/dist/{FilterTabs.vue_vue_type_script_setup_true_lang-l8lJzwoY.cjs → DataList.vue_vue_type_script_setup_true_lang-MshUshzx.cjs}

@@ -1,23 +1,23 @@
 "use strict";
 const vue = require("vue");
 const index = require("./index-D1x3TH9k.cjs");
-const ListSkeleton_vue_vue_type_script_setup_true_lang = require("./ListSkeleton.vue_vue_type_script_setup_true_lang-Bo3HqgX0.cjs");
+const Skeleton_vue_vue_type_script_setup_true_lang = require("./Skeleton.vue_vue_type_script_setup_true_lang-ahmyY81P.cjs");
 const BadgeType_vue_vue_type_script_setup_true_lang = require("./BadgeType.vue_vue_type_script_setup_true_lang-zs0NXN4g.cjs");
 const usePagination = require("./usePagination-gvvh1zqA.cjs");
 const vue$1 = require("@iconify/vue");
 const useDropdown = require("./useDropdown-HI7ABBLe.cjs");
 const useId = require("./useId-nxrBaIC9.cjs");
-const _hoisted_1$o = {
+const _hoisted_1$p = {
   key: 1,
   class: "flex flex-col overflow-hidden rounded-lg bg-white shadow-md dark:bg-slate-950"
 };
-const _hoisted_2$h = { class: "flex flex-col gap-0.5" };
-const _hoisted_3$a = {
+const _hoisted_2$i = { class: "flex flex-col gap-0.5" };
+const _hoisted_3$c = {
   key: 1,
   class: "text-sm font-normal text-gray-600 dark:text-gray-400"
 };
-const _hoisted_4$7 = { class: "flex gap-2" };
-const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_4$8 = { class: "flex gap-2" };
+const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
   __name: "CardComponent",
   props: {
     title: {},
@@ -38,12 +38,12 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
       () => props.dividerClass || "border-gray-200 dark:border-gray-700"
     );
     return (_ctx, _cache) => {
-      return __props.loading ? (vue.openBlock(), vue.createBlock(ListSkeleton_vue_vue_type_script_setup_true_lang._sfc_main$2, {
+      return __props.loading ? (vue.openBlock(), vue.createBlock(Skeleton_vue_vue_type_script_setup_true_lang._sfc_main$3, {
         key: 0,
         lines: __props.loadingLines,
         "show-avatar": __props.loadingAvatar,
         "show-actions": __props.loadingActions
-      }, null, 8, ["lines", "show-avatar", "show-actions"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$o, [
+      }, null, 8, ["lines", "show-avatar", "show-actions"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$p, [
         _ctx.$slots.header ? (vue.openBlock(), vue.createElementBlock("div", {
           key: 0,
           class: vue.normalizeClass(["border-b", dividerClasses.value])
@@ -53,7 +53,7 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
           key: 1,
           class: vue.normalizeClass(["flex items-center justify-between border-b px-5 py-3", dividerClasses.value])
         }, [
-          vue.createElementVNode("div", _hoisted_2$h, [
+          vue.createElementVNode("div", _hoisted_2$i, [
             __props.title || _ctx.$slots.title ? (vue.openBlock(), vue.createElementBlock("span", {
               key: 0,
               class: vue.normalizeClass(["text-md font-semibold", titleClasses.value])
@@ -62,13 +62,13 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
                 vue.createTextVNode(vue.toDisplayString(__props.title), 1)
               ])
             ], 2)) : vue.createCommentVNode("", true),
-            __props.description || _ctx.$slots.description ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$a, [
+            __props.description || _ctx.$slots.description ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$c, [
               vue.renderSlot(_ctx.$slots, "description", {}, () => [
                 vue.createTextVNode(vue.toDisplayString(__props.description), 1)
               ])
             ])) : vue.createCommentVNode("", true)
           ]),
-          vue.createElementVNode("div", _hoisted_4$7, [
+          vue.createElementVNode("div", _hoisted_4$8, [
             vue.renderSlot(_ctx.$slots, "actions")
           ])
         ], 2)) : vue.createCommentVNode("", true),
@@ -77,13 +77,13 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$n = ["role", "tabindex", "onKeydown"];
-const _hoisted_2$g = ["src", "alt"];
-const _hoisted_3$9 = ["src", "alt"];
-const _hoisted_4$6 = { class: "flex items-center gap-3" };
-const _hoisted_5$4 = { class: "flex flex-col gap-0.5" };
+const _hoisted_1$o = ["role", "tabindex", "onKeydown"];
+const _hoisted_2$h = ["src", "alt"];
+const _hoisted_3$b = ["src", "alt"];
+const _hoisted_4$7 = { class: "flex items-center gap-3" };
+const _hoisted_5$5 = { class: "flex flex-col gap-0.5" };
 const _hoisted_6$3 = ["src", "alt"];
-const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
   __name: "CardWrapper",
   props: {
     title: {},
@@ -273,7 +273,7 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
       }
     };
     return (_ctx, _cache) => {
-      return __props.loading ? (vue.openBlock(), vue.createBlock(ListSkeleton_vue_vue_type_script_setup_true_lang._sfc_main$2, {
+      return __props.loading ? (vue.openBlock(), vue.createBlock(Skeleton_vue_vue_type_script_setup_true_lang._sfc_main$3, {
         key: 0,
         lines: __props.loadingLines,
         "show-avatar": __props.loadingAvatar,
@@ -311,7 +311,7 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
               src: __props.image,
               alt: __props.imageAlt || "",
               class: vue.normalizeClass(["w-full h-full object-cover", __props.imageClass])
-            }, null, 10, _hoisted_2$g)) : vue.createCommentVNode("", true)
+            }, null, 10, _hoisted_2$h)) : vue.createCommentVNode("", true)
           ]),
           _cache[0] || (_cache[0] = vue.createElementVNode("div", { class: "absolute inset-0 bg-gradient-to-t from-black/60 to-transparent" }, null, -1))
         ], 2)) : vue.createCommentVNode("", true),
@@ -326,7 +326,7 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
               src: __props.image,
               alt: __props.imageAlt || "",
               class: vue.normalizeClass(["w-full h-full object-cover", __props.imageClass])
-            }, null, 10, _hoisted_3$9)) : vue.createCommentVNode("", true)
+            }, null, 10, _hoisted_3$b)) : vue.createCommentVNode("", true)
           ])
         ], 6)) : vue.createCommentVNode("", true),
         vue.createElementVNode("div", {
@@ -352,7 +352,7 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
               __props.imagePosition === "background" && "text-white border-white/20"
             ])
           }, [
-            vue.createElementVNode("div", _hoisted_4$6, [
+            vue.createElementVNode("div", _hoisted_4$7, [
               __props.icon || _ctx.$slots.icon ? (vue.openBlock(), vue.createElementBlock("div", {
                 key: 0,
                 class: vue.normalizeClass(computedIconClass.value)
@@ -365,7 +365,7 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
                   }, null, 8, ["icon", "class"])) : vue.createCommentVNode("", true)
                 ])
               ], 2)) : vue.createCommentVNode("", true),
-              vue.createElementVNode("div", _hoisted_5$4, [
+              vue.createElementVNode("div", _hoisted_5$5, [
                 __props.title || _ctx.$slots.title ? (vue.openBlock(), vue.createElementBlock("span", {
                   key: 0,
                   class: vue.normalizeClass([
@@ -429,13 +429,13 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
             }, null, 10, _hoisted_6$3)) : vue.createCommentVNode("", true)
           ])
         ], 6)) : vue.createCommentVNode("", true)
-      ], 42, _hoisted_1$n));
+      ], 42, _hoisted_1$o));
     };
   }
 });
-const _hoisted_1$m = { class: "overflow-x-auto" };
+const _hoisted_1$n = { class: "overflow-x-auto" };
 const TableContextKey = Symbol("TableContext");
-const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -470,7 +470,7 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createElementBlock("div", {
         class: vue.normalizeClass(wrapperClasses.value)
       }, [
-        vue.createElementVNode("div", _hoisted_1$m, [
+        vue.createElementVNode("div", _hoisted_1$n, [
           vue.createElementVNode("table", vue.mergeProps(vue.unref(attrs), { class: tableClasses.value }), [
             vue.renderSlot(_ctx.$slots, "default")
           ], 16)
@@ -479,7 +479,7 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -502,7 +502,7 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -516,8 +516,8 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$l = ["span"];
-const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$m = ["span"];
+const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -536,11 +536,11 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createElementBlock("col", vue.mergeProps(vue.unref(attrs), {
         span: __props.span,
         style: colStyles.value
-      }), null, 16, _hoisted_1$l);
+      }), null, 16, _hoisted_1$m);
     };
   }
 });
-const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -562,7 +562,7 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -581,7 +581,7 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -602,7 +602,7 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -647,16 +647,16 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$k = ["colspan", "rowspan", "scope", "aria-sort"];
-const _hoisted_2$f = {
+const _hoisted_1$l = ["colspan", "rowspan", "scope", "aria-sort"];
+const _hoisted_2$g = {
   key: 0,
   d: "M7 14l5-5 5 5H7z"
 };
-const _hoisted_3$8 = {
+const _hoisted_3$a = {
   key: 1,
   d: "M7 10l5 5 5-5H7z"
 };
-const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -734,7 +734,7 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
             viewBox: "0 0 24 24",
             fill: "currentColor"
           }, [
-            __props.sorted && __props.sortDirection === "asc" ? (vue.openBlock(), vue.createElementBlock("path", _hoisted_2$f)) : __props.sorted && __props.sortDirection === "desc" ? (vue.openBlock(), vue.createElementBlock("path", _hoisted_3$8)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
+            __props.sorted && __props.sortDirection === "asc" ? (vue.openBlock(), vue.createElementBlock("path", _hoisted_2$g)) : __props.sorted && __props.sortDirection === "desc" ? (vue.openBlock(), vue.createElementBlock("path", _hoisted_3$a)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
               _cache[2] || (_cache[2] = vue.createElementVNode("path", {
                 d: "M7 14l5-5 5 5H7z",
                 class: "opacity-40"
@@ -760,12 +760,12 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
           onMousedown: _cache[0] || (_cache[0] = vue.withModifiers(($event) => emit("resizeStart", $event), ["stop"])),
           onTouchstart: _cache[1] || (_cache[1] = vue.withModifiers(($event) => emit("resizeStart", $event), ["stop"]))
         }, null, 34)) : vue.createCommentVNode("", true)
-      ], 16, _hoisted_1$k);
+      ], 16, _hoisted_1$l);
     };
   }
 });
-const _hoisted_1$j = ["colspan", "rowspan"];
-const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$k = ["colspan", "rowspan"];
+const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -814,11 +814,11 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
         rowspan: __props.rowspan
       }), [
         vue.renderSlot(_ctx.$slots, "default")
-      ], 16, _hoisted_1$j);
+      ], 16, _hoisted_1$k);
     };
   }
 });
-const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
   __name: "TableHeader",
   props: {
     columns: {},
@@ -840,9 +840,9 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
       emit("sort", property.name, newDirection);
     };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(_sfc_main$r, null, {
+      return vue.openBlock(), vue.createBlock(_sfc_main$x, null, {
         default: vue.withCtx(() => [
-          __props.selectable ? (vue.openBlock(), vue.createBlock(_sfc_main$q, {
+          __props.selectable ? (vue.openBlock(), vue.createBlock(_sfc_main$w, {
             key: 0,
             width: "48px"
           }, {
@@ -857,7 +857,7 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
             _: 1
           })) : vue.createCommentVNode("", true),
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.columns, (column) => {
-            return vue.openBlock(), vue.createBlock(_sfc_main$q, {
+            return vue.openBlock(), vue.createBlock(_sfc_main$w, {
               key: column.name,
               sortable: column.sortable,
               sorted: __props.sortBy === column.name,
@@ -876,7 +876,7 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
               _: 2
             }, 1032, ["sortable", "sorted", "sort-direction", "align", "width", "min-width", "max-width", "onSort"]);
           }), 128)),
-          __props.showActions ? (vue.openBlock(), vue.createBlock(_sfc_main$q, {
+          __props.showActions ? (vue.openBlock(), vue.createBlock(_sfc_main$w, {
             key: 1,
             align: "right",
             width: "100px"
@@ -887,8 +887,8 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$i = { class: "flex items-center justify-end gap-2" };
-const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$j = { class: "flex items-center justify-end gap-2" };
+const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
   __name: "TableRow",
   props: {
     item: {},
@@ -928,14 +928,14 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
       return item[property.name];
     };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(_sfc_main$r, {
+      return vue.openBlock(), vue.createBlock(_sfc_main$x, {
         selected: __props.selected,
         clickable: __props.clickable,
         even: __props.even,
         onClick: _cache[1] || (_cache[1] = (e) => emit("click", e))
       }, {
         default: vue.withCtx(() => [
-          __props.selectable ? (vue.openBlock(), vue.createBlock(_sfc_main$p, {
+          __props.selectable ? (vue.openBlock(), vue.createBlock(_sfc_main$v, {
             key: 0,
             width: "48px"
           }, {
@@ -949,7 +949,7 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
             _: 1
           })) : vue.createCommentVNode("", true),
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.columns, (column) => {
-            return vue.openBlock(), vue.createBlock(_sfc_main$p, {
+            return vue.openBlock(), vue.createBlock(_sfc_main$v, {
               key: column.name,
               align: column.align,
               main: column.main,
@@ -971,12 +971,12 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
               _: 2
             }, 1032, ["align", "main", "class-name", "truncate", "width"]);
           }), 128)),
-          __props.showActions ? (vue.openBlock(), vue.createBlock(_sfc_main$p, {
+          __props.showActions ? (vue.openBlock(), vue.createBlock(_sfc_main$v, {
             key: 1,
             align: "right"
           }, {
             default: vue.withCtx(() => [
-              vue.createElementVNode("div", _hoisted_1$i, [
+              vue.createElementVNode("div", _hoisted_1$j, [
                 vue.renderSlot(_ctx.$slots, "actions", { item: __props.item })
               ])
             ]),
@@ -988,16 +988,16 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
   __name: "TableFooter",
   props: {
     colSpan: {}
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(_sfc_main$r, null, {
+      return vue.openBlock(), vue.createBlock(_sfc_main$x, null, {
         default: vue.withCtx(() => [
-          vue.createVNode(_sfc_main$p, {
+          vue.createVNode(_sfc_main$v, {
             colspan: __props.colSpan,
             class: "text-center"
           }, {
@@ -1012,9 +1012,9 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$h = ["disabled", "aria-expanded"];
-const _hoisted_2$e = { class: "p-4" };
-const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$i = ["disabled", "aria-expanded"];
+const _hoisted_2$f = { class: "p-4" };
+const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -1054,14 +1054,14 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
     __expose({ toggle, isExpanded });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
-        vue.createVNode(_sfc_main$r, vue.mergeProps(vue.unref(attrs), {
+        vue.createVNode(_sfc_main$x, vue.mergeProps(vue.unref(attrs), {
           selected: __props.selected,
           disabled: __props.disabled,
           clickable: "",
           onClick: handleRowClick
         }), {
           default: vue.withCtx(() => [
-            vue.createVNode(_sfc_main$p, {
+            vue.createVNode(_sfc_main$v, {
               width: "40px",
               class: "!p-2"
             }, {
@@ -1081,7 +1081,7 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
                   }, [..._cache[0] || (_cache[0] = [
                     vue.createElementVNode("path", { d: "M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z" }, null, -1)
                   ])], 2))
-                ], 8, _hoisted_1$h)
+                ], 8, _hoisted_1$i)
               ]),
               _: 1
             }),
@@ -1089,17 +1089,17 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
           ]),
           _: 3
         }, 16, ["selected", "disabled"]),
-        isExpanded.value ? (vue.openBlock(), vue.createBlock(_sfc_main$r, {
+        isExpanded.value ? (vue.openBlock(), vue.createBlock(_sfc_main$x, {
           key: 0,
           class: "bg-gray-50 dark:bg-gray-800/50"
         }, {
           default: vue.withCtx(() => [
-            vue.createVNode(_sfc_main$p, {
+            vue.createVNode(_sfc_main$v, {
               colspan: __props.colspan + 1,
               class: "!p-0"
             }, {
               default: vue.withCtx(() => [
-                vue.createElementVNode("div", _hoisted_2$e, [
+                vue.createElementVNode("div", _hoisted_2$f, [
                   vue.renderSlot(_ctx.$slots, "expanded")
                 ])
               ]),
@@ -1112,18 +1112,18 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$g = { class: "overflow-hidden" };
-const _hoisted_2$d = {
+const _hoisted_1$h = { class: "overflow-hidden" };
+const _hoisted_2$e = {
   key: 1,
   class: "flex flex-col items-center justify-center py-12 text-center"
 };
-const _hoisted_3$7 = { class: "flex flex-col items-center gap-3" };
-const _hoisted_4$5 = { class: "text-sm text-gray-600 dark:text-gray-400" };
-const _hoisted_5$3 = {
+const _hoisted_3$9 = { class: "flex flex-col items-center gap-3" };
+const _hoisted_4$6 = { class: "text-sm text-gray-600 dark:text-gray-400" };
+const _hoisted_5$4 = {
   key: 3,
   class: "flex flex-col items-center justify-center py-12 text-center"
 };
-const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
   __name: "DataTable",
   props: {
     properties: {},
@@ -1228,14 +1228,14 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
     };
     const hasActionSlot = vue.computed(() => !!slots.action);
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$g, [
-        __props.loading ? (vue.openBlock(), vue.createBlock(ListSkeleton_vue_vue_type_script_setup_true_lang._sfc_main$1, {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$h, [
+        __props.loading ? (vue.openBlock(), vue.createBlock(Skeleton_vue_vue_type_script_setup_true_lang._sfc_main$2, {
           key: 0,
           rows: __props.loadingRows,
           columns: visibleProperties.value.length
-        }, null, 8, ["rows", "columns"])) : __props.error ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$d, [
+        }, null, 8, ["rows", "columns"])) : __props.error ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$e, [
           vue.renderSlot(_ctx.$slots, "error", {}, () => [
-            vue.createElementVNode("div", _hoisted_3$7, [
+            vue.createElementVNode("div", _hoisted_3$9, [
               _cache[2] || (_cache[2] = vue.createElementVNode("svg", {
                 class: "size-12 text-red-400",
                 fill: "none",
@@ -1249,10 +1249,10 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
                   d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"
                 })
               ], -1)),
-              vue.createElementVNode("p", _hoisted_4$5, vue.toDisplayString(__props.errorMessage), 1)
+              vue.createElementVNode("p", _hoisted_4$6, vue.toDisplayString(__props.errorMessage), 1)
             ])
           ])
-        ])) : __props.items && __props.items.length > 0 ? (vue.openBlock(), vue.createBlock(_sfc_main$y, {
+        ])) : __props.items && __props.items.length > 0 ? (vue.openBlock(), vue.createBlock(_sfc_main$E, {
           key: 2,
           striped: __props.striped,
           bordered: __props.bordered,
@@ -1261,9 +1261,9 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
           "sticky-header": __props.stickyHeader
         }, {
           default: vue.withCtx(() => [
-            vue.createVNode(_sfc_main$u, null, {
+            vue.createVNode(_sfc_main$A, null, {
               default: vue.withCtx(() => [
-                vue.createVNode(_sfc_main$o, {
+                vue.createVNode(_sfc_main$u, {
                   columns: visibleProperties.value,
                   selectable: __props.selectable,
                   "all-selected": allSelected.value,
@@ -1287,10 +1287,10 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
               ]),
               _: 3
             }),
-            vue.createVNode(_sfc_main$t, null, {
+            vue.createVNode(_sfc_main$z, null, {
               default: vue.withCtx(() => [
                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(displayItems.value, (item, index2) => {
-                  return vue.openBlock(), vue.createBlock(_sfc_main$n, {
+                  return vue.openBlock(), vue.createBlock(_sfc_main$t, {
                     key: getKey(item),
                     item,
                     columns: visibleProperties.value,
@@ -1323,7 +1323,7 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
             })
           ]),
           _: 3
-        }, 8, ["striped", "bordered", "hover", "compact", "sticky-header"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$3, [
+        }, 8, ["striped", "bordered", "hover", "compact", "sticky-header"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$4, [
           vue.renderSlot(_ctx.$slots, "empty", {}, () => [
             _cache[3] || (_cache[3] = vue.createElementVNode("div", { class: "flex flex-col items-center gap-3" }, [
               vue.createElementVNode("svg", {
@@ -1343,7 +1343,7 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
             ], -1))
           ])
         ])),
-        __props.paginated && __props.items && __props.items.length > 0 && !__props.loading && !__props.error ? (vue.openBlock(), vue.createBlock(ListSkeleton_vue_vue_type_script_setup_true_lang._sfc_main, {
+        __props.paginated && __props.items && __props.items.length > 0 && !__props.loading && !__props.error ? (vue.openBlock(), vue.createBlock(Skeleton_vue_vue_type_script_setup_true_lang._sfc_main, {
           key: 4,
           "current-page": effectivePage.value,
           "total-pages": effectiveTotalPages.value,
@@ -1358,14 +1358,14 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$f = { class: "space-y-3" };
-const _hoisted_2$c = { class: "flex items-center gap-3 p-3" };
-const _hoisted_3$6 = { class: "text-sm text-gray-600 dark:text-gray-400" };
-const _hoisted_4$4 = {
+const _hoisted_1$g = { class: "space-y-3" };
+const _hoisted_2$d = { class: "flex items-center gap-3 p-3" };
+const _hoisted_3$8 = { class: "text-sm text-gray-600 dark:text-gray-400" };
+const _hoisted_4$5 = {
   key: 0,
   class: "text-sm text-primary font-medium"
 };
-const _hoisted_5$2 = { class: "p-4 flex items-center gap-4" };
+const _hoisted_5$3 = { class: "p-4 flex items-center gap-4" };
 const _hoisted_6$2 = {
   key: 0,
   class: "shrink-0"
@@ -1377,7 +1377,7 @@ const _hoisted_7$2 = {
 const _hoisted_8$2 = { class: "flex-1 min-w-0 overflow-hidden" };
 const _hoisted_9$2 = { class: "shrink-0" };
 const _hoisted_10$1 = { key: 1 };
-const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
   __name: "MobileList",
   props: {
     items: {},
@@ -1426,10 +1426,10 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
     };
     const hasEmptySlot = vue.computed(() => !!slots.empty);
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$f, [
-        __props.loading ? (vue.openBlock(), vue.createBlock(_sfc_main$A, { key: 0 }, {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$g, [
+        __props.loading ? (vue.openBlock(), vue.createBlock(_sfc_main$G, { key: 0 }, {
           default: vue.withCtx(() => [
-            vue.createVNode(ListSkeleton_vue_vue_type_script_setup_true_lang._sfc_main$3, {
+            vue.createVNode(Skeleton_vue_vue_type_script_setup_true_lang._sfc_main$4, {
               items: __props.loadingItems,
               "show-avatar": "",
               "show-secondary": "",
@@ -1438,29 +1438,29 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
           ]),
           _: 1
         })) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
-          __props.selectable && selectableItems.value.length > 0 ? (vue.openBlock(), vue.createBlock(_sfc_main$A, { key: 0 }, {
+          __props.selectable && selectableItems.value.length > 0 ? (vue.openBlock(), vue.createBlock(_sfc_main$G, { key: 0 }, {
             default: vue.withCtx(() => [
-              vue.createElementVNode("div", _hoisted_2$c, [
+              vue.createElementVNode("div", _hoisted_2$d, [
                 vue.createVNode(index._sfc_main, {
                   "model-value": allSelected.value,
                   indeterminate: someSelected.value,
                   "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => emit("selectAll"))
                 }, null, 8, ["model-value", "indeterminate"]),
-                vue.createElementVNode("span", _hoisted_3$6, vue.toDisplayString(allSelected.value ? "Tout désélectionner" : "Tout sélectionner"), 1),
-                __props.selectedItems && __props.selectedItems.size > 0 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$4, " (" + vue.toDisplayString(__props.selectedItems.size) + " sélectionné" + vue.toDisplayString(__props.selectedItems.size > 1 ? "s" : "") + ") ", 1)) : vue.createCommentVNode("", true)
+                vue.createElementVNode("span", _hoisted_3$8, vue.toDisplayString(allSelected.value ? "Tout désélectionner" : "Tout sélectionner"), 1),
+                __props.selectedItems && __props.selectedItems.size > 0 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$5, " (" + vue.toDisplayString(__props.selectedItems.size) + " sélectionné" + vue.toDisplayString(__props.selectedItems.size > 1 ? "s" : "") + ") ", 1)) : vue.createCommentVNode("", true)
               ])
             ]),
             _: 1
           })) : vue.createCommentVNode("", true),
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.items, (item) => {
-            return vue.openBlock(), vue.createBlock(_sfc_main$A, {
+            return vue.openBlock(), vue.createBlock(_sfc_main$G, {
               key: getKey(item),
               class: vue.normalizeClass(["hover:shadow-lg transition-all duration-200", {
                 "ring-2 ring-primary": isSelected(item)
               }])
             }, {
               default: vue.withCtx(() => [
-                vue.createElementVNode("div", _hoisted_5$2, [
+                vue.createElementVNode("div", _hoisted_5$3, [
                   __props.selectable ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$2, [
                     isSelectable(item) ? (vue.openBlock(), vue.createBlock(index._sfc_main, {
                       key: 0,
@@ -1488,7 +1488,7 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
   __name: "ResponsiveList",
   props: {
     items: {},
@@ -1547,7 +1547,7 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
     const isDesktop = vue.computed(() => breakpoints.greaterOrEqual(props.breakpoint).value);
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", null, [
-        !isDesktop.value ? (vue.openBlock(), vue.createBlock(_sfc_main$j, {
+        !isDesktop.value ? (vue.openBlock(), vue.createBlock(_sfc_main$p, {
           key: 0,
           items: __props.items,
           "key-field": __props.keyField,
@@ -1574,9 +1574,9 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
             vue.renderSlot(_ctx.$slots, "empty")
           ]),
           _: 3
-        }, 8, ["items", "key-field", "selectable", "selected-items", "selectable-filter", "loading", "loading-items"])) : (vue.openBlock(), vue.createBlock(_sfc_main$A, { key: 1 }, {
+        }, 8, ["items", "key-field", "selectable", "selected-items", "selectable-filter", "loading", "loading-items"])) : (vue.openBlock(), vue.createBlock(_sfc_main$G, { key: 1 }, {
           default: vue.withCtx(() => [
-            vue.createVNode(vue.unref(_sfc_main$k), {
+            vue.createVNode(vue.unref(_sfc_main$q), {
               items: __props.items,
               properties: tableProperties.value,
               "key-field": __props.keyField,
@@ -1625,14 +1625,14 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$e = {
+const _hoisted_1$f = {
   key: 0,
   class: "mb-2 block text-sm font-medium text-gray-700 dark:text-gray-300"
 };
-const _hoisted_2$b = { class: "relative" };
-const _hoisted_3$5 = ["disabled", "placeholder"];
-const _hoisted_4$3 = ["disabled"];
-const _hoisted_5$1 = {
+const _hoisted_2$c = { class: "relative" };
+const _hoisted_3$7 = ["disabled", "placeholder"];
+const _hoisted_4$4 = ["disabled"];
+const _hoisted_5$2 = {
   key: 0,
   class: "px-4 py-3 text-sm text-gray-500"
 };
@@ -1643,7 +1643,7 @@ const _hoisted_9$1 = {
   key: 1,
   class: "mt-1 text-sm text-red-600"
 };
-const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
   __name: "AutocompleteComponent",
   props: {
     modelValue: {},
@@ -1745,8 +1745,8 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
         ref: containerRef,
         class: "autocomplete-container"
       }, [
-        __props.label ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_1$e, vue.toDisplayString(__props.label), 1)) : vue.createCommentVNode("", true),
-        vue.createElementVNode("div", _hoisted_2$b, [
+        __props.label ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_1$f, vue.toDisplayString(__props.label), 1)) : vue.createCommentVNode("", true),
+        vue.createElementVNode("div", _hoisted_2$c, [
           vue.createElementVNode("div", {
             ref_key: "inputWrapperRef",
             ref: inputWrapperRef,
@@ -1771,7 +1771,7 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
               type: "text",
               onFocus: openDropdown,
               onKeydown: handleKeydown
-            }, null, 40, _hoisted_3$5), [
+            }, null, 40, _hoisted_3$7), [
               [vue.vModelText, searchQuery.value]
             ]),
             __props.modelValue && !__props.disabled ? (vue.openBlock(), vue.createElementBlock("button", {
@@ -1795,7 +1795,7 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
                 class: vue.normalizeClass([{ "rotate-180": vue.unref(isOpen) }, "size-4 text-gray-400 transition"]),
                 icon: "lucide:chevron-down"
               }, null, 8, ["class"])
-            ], 8, _hoisted_4$3)
+            ], 8, _hoisted_4$4)
           ], 2),
           (vue.openBlock(), vue.createBlock(vue.Teleport, {
             to: "body",
@@ -1820,7 +1820,7 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
                     !__props.teleport && "absolute mt-2 w-full"
                   ])
                 }, [
-                  filteredOptions.value.length === 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$1, vue.toDisplayString(__props.noResultsText || "No results found"), 1)) : vue.createCommentVNode("", true),
+                  filteredOptions.value.length === 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$2, vue.toDisplayString(__props.noResultsText || "No results found"), 1)) : vue.createCommentVNode("", true),
                   (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(filteredOptions.value, (option, index2) => {
                     return vue.openBlock(), vue.createElementBlock("button", {
                       key: option.value,
@@ -1852,7 +1852,36 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
+  __name: "Menu",
+  props: {
+    variant: { default: "default" },
+    gap: { default: "sm" },
+    collapsed: { type: Boolean, default: false }
+  },
+  setup(__props) {
+    const props = __props;
+    vue.provide("menuCollapsed", vue.computed(() => props.collapsed));
+    const gapClasses = {
+      none: "gap-0",
+      sm: "gap-1",
+      md: "gap-2",
+      lg: "gap-4"
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("nav", {
+        class: vue.normalizeClass([
+          "flex flex-col",
+          gapClasses[__props.gap]
+        ]),
+        role: "navigation"
+      }, [
+        vue.renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
   __name: "TableAction",
   props: {
     link: {},
@@ -1921,10 +1950,10 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$d = { class: "relative inline-block" };
-const _hoisted_2$a = ["src", "alt"];
-const _hoisted_3$4 = { key: 1 };
-const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$e = { class: "relative inline-block" };
+const _hoisted_2$b = ["src", "alt"];
+const _hoisted_3$6 = { key: 1 };
+const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
   __name: "Avatar",
   props: {
     src: {},
@@ -2029,7 +2058,7 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
     });
     const showImage = vue.computed(() => props.src && !imageError.value);
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$d, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$e, [
         vue.createElementVNode("div", {
           class: vue.normalizeClass([
             "flex items-center justify-center overflow-hidden font-medium",
@@ -2044,7 +2073,7 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
             alt: __props.alt || __props.name,
             class: "size-full object-cover",
             onError: _cache[0] || (_cache[0] = ($event) => imageError.value = true)
-          }, null, 40, _hoisted_2$a)) : initials.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$4, vue.toDisplayString(initials.value), 1)) : (vue.openBlock(), vue.createBlock(vue.unref(vue$1.Icon), {
+          }, null, 40, _hoisted_2$b)) : initials.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$6, vue.toDisplayString(initials.value), 1)) : (vue.openBlock(), vue.createBlock(vue.unref(vue$1.Icon), {
             key: 2,
             icon: "lucide:user",
             class: "size-1/2"
@@ -2062,9 +2091,9 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$c = ["aria-selected", "disabled", "onClick"];
-const _hoisted_2$9 = { class: "mt-4" };
-const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$d = ["aria-selected", "disabled", "onClick"];
+const _hoisted_2$a = { class: "mt-4" };
+const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
   __name: "Tabs",
   props: {
     tabs: {},
@@ -2129,18 +2158,18 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
                 activeTab.value === tab.key ? variantClasses[__props.variant].active : variantClasses[__props.variant].inactive
               ]),
               onClick: ($event) => selectTab(tab)
-            }, vue.toDisplayString(tab.label), 11, _hoisted_1$c);
+            }, vue.toDisplayString(tab.label), 11, _hoisted_1$d);
           }), 128))
         ], 2),
-        vue.createElementVNode("div", _hoisted_2$9, [
+        vue.createElementVNode("div", _hoisted_2$a, [
           vue.renderSlot(_ctx.$slots, "default", { activeTab: activeTab.value })
         ])
       ]);
     };
   }
 });
-const _hoisted_1$b = { role: "tabpanel" };
-const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$c = { role: "tabpanel" };
+const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
   __name: "TabPanel",
   props: {
     value: {}
@@ -2150,7 +2179,7 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
     const activeTab = vue.inject("activeTab");
     const isActive = vue.computed(() => (activeTab == null ? void 0 : activeTab.value) === props.value);
     return (_ctx, _cache) => {
-      return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_1$b, [
+      return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_1$c, [
         vue.renderSlot(_ctx.$slots, "default")
       ], 512)), [
         [vue.vShow, isActive.value]
@@ -2158,11 +2187,11 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$a = {
+const _hoisted_1$b = {
   key: 2,
   class: "text-sm font-semibold"
 };
-const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
   __name: "Stepper",
   props: {
     steps: {},
@@ -2231,7 +2260,7 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
                   key: 1,
                   icon: step.icon,
                   class: "size-6"
-                }, null, 8, ["icon"])) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$a, vue.toDisplayString(index2 + 1), 1))
+                }, null, 8, ["icon"])) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$b, vue.toDisplayString(index2 + 1), 1))
               ], 2),
               vue.createElementVNode("div", {
                 class: vue.normalizeClass([
@@ -2259,7 +2288,7 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
   __name: "CollapsibleCard",
   props: {
     title: {},
@@ -2277,7 +2306,7 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
     };
     const hasCustomHeader = () => !!slots.header;
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(_sfc_main$A, null, vue.createSlots({
+      return vue.openBlock(), vue.createBlock(_sfc_main$G, null, vue.createSlots({
         default: vue.withCtx(() => [
           vue.createVNode(vue.Transition, {
             "enter-active-class": "transition-all duration-200 ease-out",
@@ -2355,9 +2384,9 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$9 = ["aria-describedby"];
-const _hoisted_2$8 = ["id"];
-const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$a = ["aria-describedby"];
+const _hoisted_2$9 = ["id"];
+const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
   __name: "Tooltip",
   props: {
     content: {},
@@ -2428,17 +2457,17 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
               id: vue.unref(tooltipId),
               class: vue.normalizeClass(positionClasses.value),
               role: "tooltip"
-            }, vue.toDisplayString(__props.content), 11, _hoisted_2$8)) : vue.createCommentVNode("", true)
+            }, vue.toDisplayString(__props.content), 11, _hoisted_2$9)) : vue.createCommentVNode("", true)
           ]),
           _: 1
         })
-      ], 40, _hoisted_1$9);
+      ], 40, _hoisted_1$a);
     };
   }
 });
-const _hoisted_1$8 = ["id", "aria-expanded", "aria-controls"];
-const _hoisted_2$7 = ["id", "aria-labelledby"];
-const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$9 = ["id", "aria-expanded", "aria-controls"];
+const _hoisted_2$8 = ["id", "aria-labelledby"];
+const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
   __name: "Popover",
   props: {
     position: { default: "bottom" },
@@ -2494,7 +2523,7 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
           onClick: handleTrigger
         }, [
           vue.renderSlot(_ctx.$slots, "trigger")
-        ], 8, _hoisted_1$8),
+        ], 8, _hoisted_1$9),
         (vue.openBlock(), vue.createBlock(vue.Teleport, {
           to: "body",
           disabled: !__props.teleport
@@ -2522,7 +2551,7 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
                 ])
               }, [
                 vue.renderSlot(_ctx.$slots, "default", { close: vue.unref(close) })
-              ], 14, _hoisted_2$7)) : vue.createCommentVNode("", true)
+              ], 14, _hoisted_2$8)) : vue.createCommentVNode("", true)
             ]),
             _: 3
           })
@@ -2531,23 +2560,28 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$7 = {
+const _hoisted_1$8 = {
   key: 0,
   class: "flex items-center justify-between px-4 py-3 border-b border-gray-200 dark:border-gray-700"
 };
-const _hoisted_2$6 = { class: "text-lg font-semibold text-gray-900 dark:text-white" };
-const _hoisted_3$3 = { class: "flex-1 overflow-y-auto p-4" };
-const _hoisted_4$2 = {
+const _hoisted_2$7 = { class: "text-lg font-semibold text-gray-900 dark:text-white" };
+const _hoisted_3$5 = {
+  key: 0,
+  class: "mt-1 text-sm text-gray-500 dark:text-gray-400"
+};
+const _hoisted_4$3 = { class: "flex-1 overflow-y-auto p-4" };
+const _hoisted_5$1 = {
   key: 1,
   class: "px-4 py-3 border-t border-gray-200 dark:border-gray-700"
 };
-const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
   __name: "Drawer",
   props: {
     modelValue: { type: Boolean },
     position: { default: "right" },
     size: { default: "md" },
     title: {},
+    description: {},
     showClose: { type: Boolean, default: true },
     closeOnOverlay: { type: Boolean, default: true },
     closeOnEscape: { type: Boolean, default: true },
@@ -2660,9 +2694,12 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
               role: "dialog",
               "aria-modal": "true"
             }, [
-              __props.title || __props.showClose || _ctx.$slots.header ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$7, [
+              __props.title || __props.showClose || _ctx.$slots.header ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$8, [
                 vue.renderSlot(_ctx.$slots, "header", {}, () => [
-                  vue.createElementVNode("h2", _hoisted_2$6, vue.toDisplayString(__props.title), 1)
+                  vue.createElementVNode("div", null, [
+                    vue.createElementVNode("h2", _hoisted_2$7, vue.toDisplayString(__props.title), 1),
+                    __props.description ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_3$5, vue.toDisplayString(__props.description), 1)) : vue.createCommentVNode("", true)
+                  ])
                 ]),
                 __props.showClose ? (vue.openBlock(), vue.createElementBlock("button", {
                   key: 0,
@@ -2676,10 +2713,10 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
                   })
                 ])) : vue.createCommentVNode("", true)
               ])) : vue.createCommentVNode("", true),
-              vue.createElementVNode("div", _hoisted_3$3, [
+              vue.createElementVNode("div", _hoisted_4$3, [
                 vue.renderSlot(_ctx.$slots, "default")
               ]),
-              _ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$2, [
+              _ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$1, [
                 vue.renderSlot(_ctx.$slots, "footer")
               ])) : vue.createCommentVNode("", true)
             ], 2)) : vue.createCommentVNode("", true)
@@ -2690,9 +2727,9 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$6 = { "aria-label": "Breadcrumb" };
-const _hoisted_2$5 = { class: "flex items-center flex-wrap gap-1 text-sm" };
-const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$7 = { "aria-label": "Breadcrumb" };
+const _hoisted_2$6 = { class: "flex items-center flex-wrap gap-1 text-sm" };
+const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
   __name: "Breadcrumb",
   props: {
     items: {},
@@ -2703,8 +2740,8 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
   emits: ["click"],
   setup(__props) {
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("nav", _hoisted_1$6, [
-        vue.createElementVNode("ol", _hoisted_2$5, [
+      return vue.openBlock(), vue.createElementBlock("nav", _hoisted_1$7, [
+        vue.createElementVNode("ol", _hoisted_2$6, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.items, (item, index2) => {
             return vue.openBlock(), vue.createElementBlock("li", {
               key: index2,
@@ -2746,8 +2783,8 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$5 = { class: "divide-y divide-gray-200 dark:divide-gray-700 border border-gray-200 dark:border-gray-700 rounded-lg overflow-hidden" };
-const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$6 = { class: "divide-y divide-gray-200 dark:divide-gray-700 border border-gray-200 dark:border-gray-700 rounded-lg overflow-hidden" };
+const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
   __name: "Accordion",
   props: {
     mode: { default: "single" },
@@ -2773,17 +2810,17 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
       isOpen
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$5, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$6, [
         vue.renderSlot(_ctx.$slots, "default")
       ]);
     };
   }
 });
-const _hoisted_1$4 = ["id", "disabled", "aria-expanded", "aria-controls"];
-const _hoisted_2$4 = { class: "flex items-center gap-2 font-medium" };
-const _hoisted_3$2 = ["id", "aria-labelledby"];
-const _hoisted_4$1 = { class: "px-4 py-3 bg-gray-50 dark:bg-gray-900 text-gray-700 dark:text-gray-300" };
-const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$5 = ["id", "disabled", "aria-expanded", "aria-controls"];
+const _hoisted_2$5 = { class: "flex items-center gap-2 font-medium" };
+const _hoisted_3$4 = ["id", "aria-labelledby"];
+const _hoisted_4$2 = { class: "px-4 py-3 bg-gray-50 dark:bg-gray-900 text-gray-700 dark:text-gray-300" };
+const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
   __name: "AccordionItem",
   props: {
     itemKey: {},
@@ -2817,7 +2854,7 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
           "aria-controls": panelId.value,
           onClick: toggle
         }, [
-          vue.createElementVNode("span", _hoisted_2$4, [
+          vue.createElementVNode("span", _hoisted_2$5, [
             __props.icon ? (vue.openBlock(), vue.createBlock(vue.unref(vue$1.Icon), {
               key: 0,
               icon: __props.icon,
@@ -2831,7 +2868,7 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
             class: vue.normalizeClass(["size-5 transition-transform duration-200", { "rotate-180": isOpen.value }]),
             "aria-hidden": "true"
           }, null, 8, ["class"])
-        ], 10, _hoisted_1$4),
+        ], 10, _hoisted_1$5),
         vue.createVNode(vue.Transition, {
           "enter-active-class": "transition-all duration-200 ease-out",
           "enter-from-class": "opacity-0 max-h-0",
@@ -2847,10 +2884,10 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
               "aria-labelledby": headerId.value,
               class: "overflow-hidden"
             }, [
-              vue.createElementVNode("div", _hoisted_4$1, [
+              vue.createElementVNode("div", _hoisted_4$2, [
                 vue.renderSlot(_ctx.$slots, "default")
               ])
-            ], 8, _hoisted_3$2), [
+            ], 8, _hoisted_3$4), [
               [vue.vShow, isOpen.value]
             ])
           ]),
@@ -2860,13 +2897,13 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$3 = {
+const _hoisted_1$4 = {
   key: 0,
   class: "relative"
 };
-const _hoisted_2$3 = { class: "flex items-start gap-4" };
-const _hoisted_3$1 = { class: "flex-1 min-w-0 pt-0.5" };
-const _hoisted_4 = { class: "flex items-center justify-between gap-2" };
+const _hoisted_2$4 = { class: "flex items-start gap-4" };
+const _hoisted_3$3 = { class: "flex-1 min-w-0 pt-0.5" };
+const _hoisted_4$1 = { class: "flex items-center justify-between gap-2" };
 const _hoisted_5 = { class: "text-sm font-medium text-gray-900 dark:text-white" };
 const _hoisted_6 = {
   key: 0,
@@ -2887,7 +2924,7 @@ const _hoisted_12 = {
   key: 0,
   class: "text-xs text-gray-500 dark:text-gray-400"
 };
-const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
   __name: "Timeline",
   props: {
     items: {},
@@ -2933,7 +2970,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
       }
     };
     return (_ctx, _cache) => {
-      return __props.orientation === "vertical" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$3, [
+      return __props.orientation === "vertical" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$4, [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.items, (item, index2) => {
           return vue.openBlock(), vue.createElementBlock("div", {
             key: item.key,
@@ -2943,7 +2980,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
               key: 0,
               class: vue.normalizeClass(["absolute left-4 top-8 w-0.5 h-full -ml-px", getStatusClasses(item.status).line])
             }, null, 2)) : vue.createCommentVNode("", true),
-            vue.createElementVNode("div", _hoisted_2$3, [
+            vue.createElementVNode("div", _hoisted_2$4, [
               vue.createElementVNode("div", {
                 class: vue.normalizeClass(["relative z-10 flex items-center justify-center size-8 rounded-full shrink-0", getStatusClasses(item.status).dot])
               }, [
@@ -2953,8 +2990,8 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
                   class: vue.normalizeClass(["size-4", getStatusClasses(item.status).icon])
                 }, null, 8, ["icon", "class"])) : vue.createCommentVNode("", true)
               ], 2),
-              vue.createElementVNode("div", _hoisted_3$1, [
-                vue.createElementVNode("div", _hoisted_4, [
+              vue.createElementVNode("div", _hoisted_3$3, [
+                vue.createElementVNode("div", _hoisted_4$1, [
                   vue.createElementVNode("h3", _hoisted_5, vue.toDisplayString(item.title), 1),
                   item.date ? (vue.openBlock(), vue.createElementBlock("time", _hoisted_6, vue.toDisplayString(item.date), 1)) : vue.createCommentVNode("", true)
                 ]),
@@ -2995,12 +3032,12 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$2 = ["aria-label"];
-const _hoisted_2$2 = {
+const _hoisted_1$3 = ["aria-label"];
+const _hoisted_2$3 = {
   key: 0,
   class: "text-sm font-medium"
 };
-const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
   __name: "DarkModeToggle",
   props: {
     size: { default: "md" },
@@ -3035,43 +3072,69 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
           icon: vue.unref(isDark) ? __props.darkIcon : __props.lightIcon,
           class: vue.normalizeClass(sizeClasses[__props.size].icon)
         }, null, 8, ["icon", "class"]),
-        __props.showLabel ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$2, vue.toDisplayString(vue.unref(isDark) ? "Dark" : "Light"), 1)) : vue.createCommentVNode("", true)
-      ], 10, _hoisted_1$2);
+        __props.showLabel ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$3, vue.toDisplayString(vue.unref(isDark) ? "Dark" : "Light"), 1)) : vue.createCommentVNode("", true)
+      ], 10, _hoisted_1$3);
     };
   }
 });
-const _hoisted_1$1 = { key: 0 };
-const _hoisted_2$1 = {
+const _hoisted_1$2 = {
+  key: 0,
+  class: "mr-0.5"
+};
+const _hoisted_2$2 = {
   key: 1,
+  class: "ml-0.5"
+};
+const _hoisted_3$2 = { key: 1 };
+const _hoisted_4 = {
+  key: 2,
   class: "text-gray-400"
 };
-const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
   __name: "StatItem",
   props: {
     label: {},
     value: {},
+    description: {},
+    prefix: {},
+    suffix: {},
     icon: {},
     iconPosition: { default: "top" },
+    iconRounded: { default: "xl" },
+    hideIconBg: { type: Boolean, default: false },
     change: {},
     changeLabel: {},
     trend: {},
     trendOnly: { type: Boolean, default: false },
+    hideTrendIcon: { type: Boolean, default: false },
+    invertTrendColors: { type: Boolean, default: false },
     size: { default: "md" },
     variant: { default: "default" },
     color: { default: "primary" },
     clickable: { type: Boolean, default: false },
     centered: { type: Boolean },
+    labelFirst: { type: Boolean, default: false },
+    compact: { type: Boolean, default: false },
+    loading: { type: Boolean, default: false },
+    shadow: { default: "sm" },
+    rounded: { default: "xl" },
+    border: { default: "none" },
+    accent: { default: "none" },
     cardClass: {},
+    iconWrapperClass: {},
     iconClass: {},
     valueClass: {},
-    labelClass: {}
+    labelClass: {},
+    descriptionClass: {},
+    trendClass: {},
+    contentClass: {}
   },
   emits: ["click"],
   setup(__props) {
     const props = __props;
     const isCentered = vue.computed(() => {
       if (props.centered !== void 0) return props.centered;
-      return props.iconPosition === "top";
+      return props.iconPosition === "top" || props.iconPosition === "bottom";
     });
     const effectiveTrend = vue.computed(() => {
       if (props.trend) return props.trend;
@@ -3082,38 +3145,73 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
     });
     const sizeClasses = vue.computed(() => {
       const sizes = {
+        xs: {
+          padding: props.compact ? "none" : "sm",
+          icon: "size-6",
+          iconInner: "size-3",
+          value: "text-lg font-bold",
+          label: "text-xs",
+          description: "text-xs",
+          change: "text-xs",
+          gap: "gap-0.5"
+        },
         sm: {
-          padding: "sm",
+          padding: props.compact ? "sm" : "sm",
           icon: "size-8",
           iconInner: "size-4",
           value: "text-xl font-bold",
           label: "text-xs",
+          description: "text-xs",
           change: "text-xs",
           gap: "gap-1"
         },
         md: {
-          padding: "md",
+          padding: props.compact ? "sm" : "md",
           icon: "size-10",
           iconInner: "size-5",
           value: "text-2xl sm:text-3xl font-bold",
           label: "text-xs sm:text-sm",
+          description: "text-xs sm:text-sm",
           change: "text-xs",
           gap: "gap-2"
         },
         lg: {
-          padding: "lg",
+          padding: props.compact ? "md" : "lg",
           icon: "size-12",
           iconInner: "size-6",
           value: "text-3xl sm:text-4xl font-bold",
           label: "text-sm sm:text-base",
+          description: "text-sm",
           change: "text-sm",
           gap: "gap-3"
+        },
+        xl: {
+          padding: props.compact ? "md" : "lg",
+          icon: "size-14",
+          iconInner: "size-7",
+          value: "text-4xl sm:text-5xl font-bold",
+          label: "text-base sm:text-lg",
+          description: "text-sm sm:text-base",
+          change: "text-sm",
+          gap: "gap-4"
         }
       };
       return sizes[props.size];
     });
+    const iconRoundedClasses = vue.computed(() => {
+      const map = {
+        none: "rounded-none",
+        sm: "rounded-sm",
+        md: "rounded-md",
+        lg: "rounded-lg",
+        xl: "rounded-xl",
+        full: "rounded-full"
+      };
+      return map[props.iconRounded];
+    });
     const iconBgClasses = vue.computed(() => {
-      if (props.variant === "glass") return "bg-white/20";
+      if (props.hideIconBg) return "";
+      if (props.variant === "glass" || props.variant === "solid") return "bg-white/20";
       const colors = {
         primary: "bg-primary-100 dark:bg-primary-900/30",
         secondary: "bg-secondary-100 dark:bg-secondary-900/30",
@@ -3125,7 +3223,7 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
       return colors[props.color];
     });
     const iconColorClasses = vue.computed(() => {
-      if (props.variant === "glass") return "text-white";
+      if (props.variant === "glass" || props.variant === "solid") return "text-white";
       const colors = {
         primary: "text-primary-600 dark:text-primary-400",
         secondary: "text-secondary-600 dark:text-secondary-400",
@@ -3136,19 +3234,43 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
       };
       return colors[props.color];
     });
+    const solidBgClasses = vue.computed(() => {
+      if (props.variant !== "solid") return "";
+      const colors = {
+        primary: "bg-primary-500",
+        secondary: "bg-secondary-500",
+        success: "bg-emerald-500",
+        warning: "bg-amber-500",
+        danger: "bg-red-500",
+        info: "bg-blue-500"
+      };
+      return colors[props.color];
+    });
     const valueTextClasses = vue.computed(() => {
-      if (props.variant === "glass") return "text-white";
+      if (props.variant === "glass" || props.variant === "solid") return "text-white";
       return "text-gray-900 dark:text-white";
     });
     const labelTextClasses = vue.computed(() => {
       if (props.variant === "glass") return "text-white/80";
+      if (props.variant === "solid") return "text-white/90";
       return "text-gray-500 dark:text-gray-400";
     });
+    const descriptionTextClasses = vue.computed(() => {
+      if (props.variant === "glass") return "text-white/70";
+      if (props.variant === "solid") return "text-white/80";
+      return "text-gray-400 dark:text-gray-500";
+    });
     const trendColorClasses = vue.computed(() => {
       if (!effectiveTrend.value || effectiveTrend.value === "neutral") {
         return "text-gray-500";
       }
-      return effectiveTrend.value === "up" ? "text-emerald-500" : "text-red-500";
+      const isUp = effectiveTrend.value === "up";
+      const greenColor = "text-emerald-500";
+      const redColor = "text-red-500";
+      if (props.invertTrendColors) {
+        return isUp ? redColor : greenColor;
+      }
+      return isUp ? greenColor : redColor;
     });
     const trendIcon = vue.computed(() => {
       if (!effectiveTrend.value || effectiveTrend.value === "neutral") {
@@ -3157,104 +3279,174 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
       return effectiveTrend.value === "up" ? "heroicons:arrow-trending-up" : "heroicons:arrow-trending-down";
     });
     const cardVariant = vue.computed(() => {
-      const map = {
-        default: "default",
-        glass: "glass",
-        outline: "outline",
-        flat: "flat"
-      };
-      return map[props.variant];
+      if (props.variant === "solid") return "default";
+      return props.variant;
+    });
+    const effectiveShadow = vue.computed(() => {
+      if (props.variant === "glass") return "none";
+      return props.shadow;
+    });
+    const effectiveBorder = vue.computed(() => {
+      if (props.variant === "outline") return "default";
+      return props.border;
     });
     const layoutClasses = vue.computed(() => {
-      if (props.iconPosition === "top") {
-        return isCentered.value ? "flex flex-col items-center text-center" : "flex flex-col";
+      const centered = isCentered.value ? "items-center text-center" : "";
+      switch (props.iconPosition) {
+        case "top":
+          return `flex flex-col ${centered}`;
+        case "bottom":
+          return `flex flex-col-reverse ${centered}`;
+        case "left":
+          return "flex flex-row items-center";
+        case "right":
+          return "flex flex-row-reverse items-center";
+        default:
+          return `flex flex-col ${centered}`;
       }
-      if (props.iconPosition === "left") {
-        return "flex flex-row items-center";
+    });
+    const iconMarginClasses = vue.computed(() => {
+      switch (props.iconPosition) {
+        case "top":
+          return "mb-2";
+        case "bottom":
+          return "mt-2";
+        case "left":
+          return "mr-3";
+        case "right":
+          return "ml-3";
+        default:
+          return "";
       }
-      return "flex flex-row-reverse items-center";
     });
-    const contentClasses = vue.computed(() => {
-      if (props.iconPosition === "top") {
-        return "flex flex-col " + sizeClasses.value.gap;
+    const computedContentClasses = vue.computed(() => {
+      const isVertical = props.iconPosition === "top" || props.iconPosition === "bottom";
+      if (isVertical) {
+        return `flex flex-col ${sizeClasses.value.gap}`;
       }
-      return "flex flex-col flex-1 min-w-0 " + (props.iconPosition === "left" ? "ml-3" : "mr-3");
+      return `flex flex-col flex-1 min-w-0 ${sizeClasses.value.gap}`;
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(_sfc_main$z, {
+      return vue.openBlock(), vue.createBlock(_sfc_main$F, {
         variant: cardVariant.value,
         padding: sizeClasses.value.padding,
         clickable: __props.clickable,
-        shadow: __props.variant === "glass" ? "none" : "sm",
-        border: __props.variant === "outline" ? "default" : "none",
-        rounded: "xl",
+        shadow: effectiveShadow.value,
+        border: effectiveBorder.value,
+        rounded: __props.rounded,
+        accent: __props.accent,
         "header-divider": false,
-        class: vue.normalizeClass(__props.cardClass),
+        class: vue.normalizeClass([__props.cardClass, solidBgClasses.value, __props.variant === "solid" && "text-white"]),
         onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click", $event))
       }, {
         default: vue.withCtx(() => [
-          vue.createElementVNode("div", {
+          __props.loading ? (vue.openBlock(), vue.createElementBlock("div", {
+            key: 0,
             class: vue.normalizeClass(layoutClasses.value)
           }, [
-            __props.icon ? (vue.openBlock(), vue.createElementBlock("div", {
+            __props.icon ? (vue.openBlock(), vue.createBlock(Skeleton_vue_vue_type_script_setup_true_lang._sfc_main$1, {
+              key: 0,
+              class: vue.normalizeClass([sizeClasses.value.icon, iconRoundedClasses.value, iconMarginClasses.value])
+            }, null, 8, ["class"])) : vue.createCommentVNode("", true),
+            vue.createElementVNode("div", {
+              class: vue.normalizeClass(computedContentClasses.value)
+            }, [
+              vue.createVNode(Skeleton_vue_vue_type_script_setup_true_lang._sfc_main$1, {
+                class: vue.normalizeClass(sizeClasses.value.value),
+                width: "60%",
+                height: "1.5em"
+              }, null, 8, ["class"]),
+              vue.createVNode(Skeleton_vue_vue_type_script_setup_true_lang._sfc_main$1, {
+                class: vue.normalizeClass(sizeClasses.value.label),
+                width: "80%",
+                height: "1em"
+              }, null, 8, ["class"])
+            ], 2)
+          ], 2)) : (vue.openBlock(), vue.createElementBlock("div", {
+            key: 1,
+            class: vue.normalizeClass(layoutClasses.value)
+          }, [
+            __props.icon || _ctx.$slots.icon ? (vue.openBlock(), vue.createElementBlock("div", {
               key: 0,
               class: vue.normalizeClass([
-                "rounded-xl flex items-center justify-center flex-shrink-0",
+                "flex items-center justify-center flex-shrink-0",
                 sizeClasses.value.icon,
+                iconRoundedClasses.value,
                 iconBgClasses.value,
-                __props.iconPosition === "top" && "mb-2",
-                __props.iconClass
+                iconMarginClasses.value,
+                __props.iconWrapperClass
               ])
             }, [
               vue.renderSlot(_ctx.$slots, "icon", {}, () => [
                 vue.createVNode(vue.unref(vue$1.Icon), {
                   icon: __props.icon,
-                  class: vue.normalizeClass([sizeClasses.value.iconInner, iconColorClasses.value])
+                  class: vue.normalizeClass([sizeClasses.value.iconInner, iconColorClasses.value, __props.iconClass])
                 }, null, 8, ["icon", "class"])
               ])
             ], 2)) : vue.createCommentVNode("", true),
             vue.createElementVNode("div", {
-              class: vue.normalizeClass(contentClasses.value)
+              class: vue.normalizeClass([computedContentClasses.value, __props.contentClass])
             }, [
+              __props.labelFirst ? (vue.openBlock(), vue.createElementBlock("div", {
+                key: 0,
+                class: vue.normalizeClass([sizeClasses.value.label, labelTextClasses.value, __props.labelClass])
+              }, [
+                vue.renderSlot(_ctx.$slots, "label", {}, () => [
+                  vue.createTextVNode(vue.toDisplayString(__props.label), 1)
+                ])
+              ], 2)) : vue.createCommentVNode("", true),
               vue.createElementVNode("div", {
                 class: vue.normalizeClass([sizeClasses.value.value, valueTextClasses.value, __props.valueClass])
               }, [
                 vue.renderSlot(_ctx.$slots, "value", {}, () => [
-                  vue.createTextVNode(vue.toDisplayString(__props.value), 1)
+                  __props.prefix ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$2, vue.toDisplayString(__props.prefix), 1)) : vue.createCommentVNode("", true),
+                  vue.createTextVNode(" " + vue.toDisplayString(__props.value) + " ", 1),
+                  __props.suffix ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$2, vue.toDisplayString(__props.suffix), 1)) : vue.createCommentVNode("", true)
                 ])
               ], 2),
-              vue.createElementVNode("div", {
+              !__props.labelFirst ? (vue.openBlock(), vue.createElementBlock("div", {
+                key: 1,
                 class: vue.normalizeClass([sizeClasses.value.label, labelTextClasses.value, __props.labelClass])
               }, [
                 vue.renderSlot(_ctx.$slots, "label", {}, () => [
                   vue.createTextVNode(vue.toDisplayString(__props.label), 1)
                 ])
-              ], 2),
+              ], 2)) : vue.createCommentVNode("", true),
+              __props.description || _ctx.$slots.description ? (vue.openBlock(), vue.createElementBlock("div", {
+                key: 2,
+                class: vue.normalizeClass([sizeClasses.value.description, descriptionTextClasses.value, __props.descriptionClass])
+              }, [
+                vue.renderSlot(_ctx.$slots, "description", {}, () => [
+                  vue.createTextVNode(vue.toDisplayString(__props.description), 1)
+                ])
+              ], 2)) : vue.createCommentVNode("", true),
               __props.change !== void 0 || __props.trend ? (vue.openBlock(), vue.createElementBlock("div", {
-                key: 0,
+                key: 3,
                 class: vue.normalizeClass([
                   "mt-1 font-medium inline-flex items-center gap-1",
                   sizeClasses.value.change,
-                  trendColorClasses.value
+                  trendColorClasses.value,
+                  __props.trendClass
                 ])
               }, [
-                vue.createVNode(vue.unref(vue$1.Icon), {
+                !__props.hideTrendIcon ? (vue.openBlock(), vue.createBlock(vue.unref(vue$1.Icon), {
+                  key: 0,
                   icon: trendIcon.value,
                   class: "size-3.5"
-                }, null, 8, ["icon"]),
-                !__props.trendOnly && __props.change !== void 0 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$1, vue.toDisplayString(__props.change >= 0 ? "+" : "") + vue.toDisplayString(__props.change) + "% ", 1)) : vue.createCommentVNode("", true),
-                __props.changeLabel ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$1, vue.toDisplayString(__props.changeLabel), 1)) : vue.createCommentVNode("", true)
+                }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
+                !__props.trendOnly && __props.change !== void 0 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$2, vue.toDisplayString(__props.change >= 0 ? "+" : "") + vue.toDisplayString(__props.change) + "% ", 1)) : vue.createCommentVNode("", true),
+                __props.changeLabel ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4, vue.toDisplayString(__props.changeLabel), 1)) : vue.createCommentVNode("", true)
               ], 2)) : vue.createCommentVNode("", true)
             ], 2)
-          ], 2),
+          ], 2)),
           vue.renderSlot(_ctx.$slots, "extra")
         ]),
         _: 3
-      }, 8, ["variant", "padding", "clickable", "shadow", "border", "class"]);
+      }, 8, ["variant", "padding", "clickable", "shadow", "border", "rounded", "accent", "class"]);
     };
   }
 });
-const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
   __name: "Stats",
   props: {
     stats: {},
@@ -3263,17 +3455,41 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
     variant: { default: "default" },
     size: { default: "md" },
     iconPosition: { default: "top" },
-    color: { default: "primary" }
+    iconRounded: { default: "xl" },
+    hideIconBg: { type: Boolean, default: false },
+    color: { default: "primary" },
+    labelFirst: { type: Boolean, default: false },
+    compact: { type: Boolean, default: false },
+    loading: { type: Boolean, default: false },
+    shadow: { default: "sm" },
+    rounded: { default: "xl" },
+    border: { default: "none" },
+    accent: { default: "none" },
+    clickable: { type: Boolean, default: false },
+    centered: { type: Boolean },
+    invertTrendColors: { type: Boolean, default: false },
+    hideTrendIcon: { type: Boolean, default: false },
+    gridClass: {},
+    cardClass: {},
+    iconWrapperClass: {},
+    iconClass: {},
+    valueClass: {},
+    labelClass: {}
   },
+  emits: ["item-click"],
   setup(__props) {
     return (_ctx, _cache) => {
       var _a, _b, _c, _d;
       return vue.openBlock(), vue.createElementBlock("div", {
         class: vue.normalizeClass(["grid", [
+          __props.gridClass,
           // Gap classes
+          __props.gap === "none" && "gap-0",
+          __props.gap === "xs" && "gap-1 sm:gap-2",
           __props.gap === "sm" && "gap-2 sm:gap-3",
           __props.gap === "md" && "gap-3 sm:gap-4",
           __props.gap === "lg" && "gap-4 sm:gap-6",
+          __props.gap === "xl" && "gap-6 sm:gap-8",
           // Column classes
           __props.cols === 1 && "grid-cols-1",
           __props.cols === 2 && "grid-cols-2",
@@ -3290,7 +3506,7 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
         ]])
       }, [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.stats, (stat, index2) => {
-          return vue.openBlock(), vue.createBlock(_sfc_main$2, {
+          return vue.openBlock(), vue.createBlock(_sfc_main$7, {
             key: index2,
             label: stat.label,
             value: stat.value,
@@ -3298,21 +3514,43 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
             change: stat.change,
             "change-label": stat.changeLabel,
             trend: stat.trend,
+            description: stat.description,
+            prefix: stat.prefix,
+            suffix: stat.suffix,
             variant: __props.variant,
             size: __props.size,
             "icon-position": __props.iconPosition,
-            color: stat.color || __props.color
-          }, null, 8, ["label", "value", "icon", "change", "change-label", "trend", "variant", "size", "icon-position", "color"]);
+            "icon-rounded": __props.iconRounded,
+            "hide-icon-bg": __props.hideIconBg,
+            color: stat.color || __props.color,
+            "label-first": __props.labelFirst,
+            compact: __props.compact,
+            loading: __props.loading,
+            shadow: __props.shadow,
+            rounded: __props.rounded,
+            border: __props.border,
+            accent: __props.accent,
+            clickable: __props.clickable,
+            centered: __props.centered,
+            "invert-trend-colors": __props.invertTrendColors,
+            "hide-trend-icon": __props.hideTrendIcon,
+            "card-class": __props.cardClass,
+            "icon-wrapper-class": __props.iconWrapperClass,
+            "icon-class": __props.iconClass,
+            "value-class": __props.valueClass,
+            "label-class": __props.labelClass,
+            onClick: ($event) => _ctx.$emit("item-click", index2, stat, $event)
+          }, null, 8, ["label", "value", "icon", "change", "change-label", "trend", "description", "prefix", "suffix", "variant", "size", "icon-position", "icon-rounded", "hide-icon-bg", "color", "label-first", "compact", "loading", "shadow", "rounded", "border", "accent", "clickable", "centered", "invert-trend-colors", "hide-trend-icon", "card-class", "icon-wrapper-class", "icon-class", "value-class", "label-class", "onClick"]);
         }), 128)),
         vue.renderSlot(_ctx.$slots, "default")
       ], 2);
     };
   }
 });
-const _hoisted_1 = ["disabled", "onClick"];
-const _hoisted_2 = ["disabled", "onClick"];
-const _hoisted_3 = ["disabled", "onClick"];
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$1 = ["disabled", "onClick"];
+const _hoisted_2$1 = ["disabled", "onClick"];
+const _hoisted_3$1 = ["disabled", "onClick"];
+const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
   __name: "FilterTabs",
   props: /* @__PURE__ */ vue.mergeModels({
     options: {},
@@ -3363,7 +3601,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 modelValue.value === option.key ? "bg-white/20 text-white" : "bg-gray-100 dark:bg-slate-700 text-gray-600 dark:text-gray-400"
               ])
             }, vue.toDisplayString(option.count), 3)) : vue.createCommentVNode("", true)
-          ], 10, _hoisted_1);
+          ], 10, _hoisted_1$1);
         }), 128))
       ], 2)) : __props.variant === "underline" ? (vue.openBlock(), vue.createElementBlock("div", {
         key: 1,
@@ -3401,7 +3639,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 modelValue.value === option.key ? "bg-primary-100 dark:bg-primary-900/30 text-primary-600 dark:text-primary-400" : "bg-gray-100 dark:bg-slate-700 text-gray-500"
               ])
             }, vue.toDisplayString(option.count), 3)) : vue.createCommentVNode("", true)
-          ], 10, _hoisted_2);
+          ], 10, _hoisted_2$1);
         }), 128))
       ], 2)) : __props.variant === "boxed" ? (vue.openBlock(), vue.createElementBlock("div", {
         key: 2,
@@ -3439,48 +3677,267 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 modelValue.value === option.key ? "bg-gray-100 dark:bg-slate-600 text-gray-600 dark:text-gray-300" : "bg-gray-200 dark:bg-slate-700 text-gray-500 dark:text-gray-400"
               ])
             }, vue.toDisplayString(option.count), 3)) : vue.createCommentVNode("", true)
-          ], 10, _hoisted_3);
+          ], 10, _hoisted_3$1);
         }), 128))
       ], 2)) : vue.createCommentVNode("", true);
     };
   }
 });
+const _hoisted_1 = ["aria-orientation"];
+const _hoisted_2 = ["aria-orientation"];
+const _hoisted_3 = { class: "text-xs font-medium text-gray-500 dark:text-gray-400 whitespace-nowrap" };
+const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
+  __name: "Divider",
+  props: {
+    orientation: { default: "horizontal" },
+    variant: { default: "solid" },
+    size: { default: "md" },
+    class: {},
+    label: {},
+    color: { default: "default" }
+  },
+  setup(__props) {
+    const props = __props;
+    const sizeClasses = {
+      horizontal: {
+        sm: "h-px",
+        md: "h-0.5",
+        lg: "h-1"
+      },
+      vertical: {
+        sm: "w-px",
+        md: "w-0.5",
+        lg: "w-1"
+      }
+    };
+    const variantClasses = {
+      solid: "",
+      dashed: "border-dashed",
+      dotted: "border-dotted"
+    };
+    const colorClasses = {
+      default: "bg-gray-200 dark:bg-gray-700",
+      primary: "bg-primary-200 dark:bg-primary-800",
+      muted: "bg-gray-100 dark:bg-gray-800"
+    };
+    return (_ctx, _cache) => {
+      return !__props.label ? (vue.openBlock(), vue.createElementBlock("div", {
+        key: 0,
+        class: vue.normalizeClass([
+          colorClasses[__props.color],
+          __props.orientation === "vertical" ? ["h-full mx-2", sizeClasses.vertical[__props.size]] : ["w-full my-2", sizeClasses.horizontal[__props.size]],
+          __props.variant !== "solid" && `border-0 border-t ${variantClasses[__props.variant]}`,
+          props.class
+        ]),
+        role: "separator",
+        "aria-orientation": __props.orientation
+      }, null, 10, _hoisted_1)) : (vue.openBlock(), vue.createElementBlock("div", {
+        key: 1,
+        class: vue.normalizeClass([
+          "flex items-center gap-3",
+          __props.orientation === "vertical" ? "flex-col h-full mx-2" : "w-full my-2",
+          props.class
+        ]),
+        role: "separator",
+        "aria-orientation": __props.orientation
+      }, [
+        vue.createElementVNode("div", {
+          class: vue.normalizeClass([
+            colorClasses[__props.color],
+            __props.orientation === "vertical" ? ["flex-1", sizeClasses.vertical[__props.size]] : ["flex-1", sizeClasses.horizontal[__props.size]]
+          ])
+        }, null, 2),
+        vue.createElementVNode("span", _hoisted_3, vue.toDisplayString(__props.label), 1),
+        vue.createElementVNode("div", {
+          class: vue.normalizeClass([
+            colorClasses[__props.color],
+            __props.orientation === "vertical" ? ["flex-1", sizeClasses.vertical[__props.size]] : ["flex-1", sizeClasses.horizontal[__props.size]]
+          ])
+        }, null, 2)
+      ], 10, _hoisted_2));
+    };
+  }
+});
+const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
+  __name: "DataListLabel",
+  props: {
+    size: { default: "md" },
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const sizeClasses = {
+      sm: "text-xs",
+      md: "text-sm",
+      lg: "text-base"
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("dt", {
+        class: vue.normalizeClass([
+          "font-medium text-gray-900 dark:text-gray-100",
+          sizeClasses[__props.size],
+          props.class
+        ])
+      }, [
+        vue.renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
+  __name: "DataListValue",
+  props: {
+    size: { default: "md" },
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const sizeClasses = {
+      sm: "text-xs",
+      md: "text-sm",
+      lg: "text-base"
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("dd", {
+        class: vue.normalizeClass([
+          "mt-1 text-gray-700 dark:text-gray-300 col-span-2 sm:mt-0",
+          sizeClasses[__props.size],
+          props.class
+        ])
+      }, [
+        vue.renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
+  __name: "DataListItem",
+  props: {
+    label: {},
+    value: {},
+    size: { default: "md" },
+    striped: { type: Boolean, default: false },
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const sizeClasses = {
+      sm: "px-3 py-3 sm:gap-3",
+      md: "px-4 py-4 sm:gap-4",
+      lg: "px-6 py-6 sm:gap-6"
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass([
+          "sm:grid sm:grid-cols-3",
+          sizeClasses[__props.size],
+          __props.striped && "even:bg-gray-50 dark:even:bg-gray-900",
+          props.class
+        ])
+      }, [
+        vue.renderSlot(_ctx.$slots, "default", {}, () => [
+          __props.label ? (vue.openBlock(), vue.createBlock(_sfc_main$3, {
+            key: 0,
+            size: __props.size
+          }, {
+            default: vue.withCtx(() => [
+              vue.createTextVNode(vue.toDisplayString(__props.label), 1)
+            ]),
+            _: 1
+          }, 8, ["size"])) : vue.createCommentVNode("", true),
+          __props.value ? (vue.openBlock(), vue.createBlock(_sfc_main$2, {
+            key: 1,
+            size: __props.size
+          }, {
+            default: vue.withCtx(() => [
+              vue.createTextVNode(vue.toDisplayString(__props.value), 1)
+            ]),
+            _: 1
+          }, 8, ["size"])) : vue.createCommentVNode("", true)
+        ])
+      ], 2);
+    };
+  }
+});
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "DataList",
+  props: {
+    items: { default: () => [] },
+    size: { default: "md" },
+    variant: { default: "default" },
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const variantClasses = {
+      default: "divide-y divide-gray-100 dark:divide-gray-800",
+      striped: "",
+      bordered: "divide-y divide-gray-200 dark:divide-gray-700 border border-gray-200 dark:border-gray-700 rounded-lg overflow-hidden"
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("dl", {
+        class: vue.normalizeClass([
+          variantClasses[__props.variant],
+          props.class
+        ])
+      }, [
+        vue.renderSlot(_ctx.$slots, "default", {}, () => [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.items, (item, index2) => {
+            return vue.openBlock(), vue.createBlock(_sfc_main$1, {
+              key: index2,
+              label: item.label,
+              value: item.value,
+              size: __props.size,
+              striped: __props.variant === "striped"
+            }, null, 8, ["label", "value", "size", "striped"]);
+          }), 128))
+        ])
+      ], 2);
+    };
+  }
+});
 exports.TableContextKey = TableContextKey;
-exports._sfc_main = _sfc_main$A;
-exports._sfc_main$1 = _sfc_main$z;
-exports._sfc_main$10 = _sfc_main$q;
-exports._sfc_main$11 = _sfc_main$p;
-exports._sfc_main$12 = _sfc_main$o;
-exports._sfc_main$13 = _sfc_main$n;
-exports._sfc_main$14 = _sfc_main$m;
-exports._sfc_main$15 = _sfc_main$l;
-exports._sfc_main$16 = _sfc_main$k;
-exports._sfc_main$17 = _sfc_main$j;
-exports._sfc_main$18 = _sfc_main$i;
-exports._sfc_main$19 = _sfc_main$h;
-exports._sfc_main$2 = _sfc_main$y;
-exports._sfc_main$20 = _sfc_main$g;
-exports._sfc_main$21 = _sfc_main$f;
-exports._sfc_main$22 = _sfc_main$e;
-exports._sfc_main$23 = _sfc_main$d;
-exports._sfc_main$24 = _sfc_main$c;
-exports._sfc_main$25 = _sfc_main$b;
-exports._sfc_main$26 = _sfc_main$a;
-exports._sfc_main$27 = _sfc_main$9;
-exports._sfc_main$28 = _sfc_main$8;
-exports._sfc_main$29 = _sfc_main$7;
-exports._sfc_main$3 = _sfc_main$x;
-exports._sfc_main$30 = _sfc_main$6;
-exports._sfc_main$31 = _sfc_main$5;
-exports._sfc_main$32 = _sfc_main$4;
-exports._sfc_main$33 = _sfc_main$3;
-exports._sfc_main$34 = _sfc_main$2;
-exports._sfc_main$35 = _sfc_main$1;
-exports._sfc_main$36 = _sfc_main;
-exports._sfc_main$4 = _sfc_main$w;
-exports._sfc_main$5 = _sfc_main$v;
-exports._sfc_main$6 = _sfc_main$u;
-exports._sfc_main$7 = _sfc_main$t;
-exports._sfc_main$8 = _sfc_main$s;
-exports._sfc_main$9 = _sfc_main$r;
-//# sourceMappingURL=FilterTabs.vue_vue_type_script_setup_true_lang-l8lJzwoY.cjs.map
+exports._sfc_main = _sfc_main$G;
+exports._sfc_main$1 = _sfc_main$F;
+exports._sfc_main$10 = _sfc_main$w;
+exports._sfc_main$11 = _sfc_main$v;
+exports._sfc_main$12 = _sfc_main$u;
+exports._sfc_main$13 = _sfc_main$t;
+exports._sfc_main$14 = _sfc_main$s;
+exports._sfc_main$15 = _sfc_main$r;
+exports._sfc_main$16 = _sfc_main$q;
+exports._sfc_main$17 = _sfc_main$p;
+exports._sfc_main$18 = _sfc_main$o;
+exports._sfc_main$19 = _sfc_main$n;
+exports._sfc_main$2 = _sfc_main$E;
+exports._sfc_main$20 = _sfc_main$m;
+exports._sfc_main$21 = _sfc_main$l;
+exports._sfc_main$22 = _sfc_main$k;
+exports._sfc_main$23 = _sfc_main$j;
+exports._sfc_main$24 = _sfc_main$i;
+exports._sfc_main$25 = _sfc_main$h;
+exports._sfc_main$26 = _sfc_main$g;
+exports._sfc_main$27 = _sfc_main$f;
+exports._sfc_main$28 = _sfc_main$e;
+exports._sfc_main$29 = _sfc_main$d;
+exports._sfc_main$3 = _sfc_main$D;
+exports._sfc_main$30 = _sfc_main$c;
+exports._sfc_main$31 = _sfc_main$b;
+exports._sfc_main$32 = _sfc_main$a;
+exports._sfc_main$33 = _sfc_main$9;
+exports._sfc_main$34 = _sfc_main$8;
+exports._sfc_main$35 = _sfc_main$7;
+exports._sfc_main$36 = _sfc_main$6;
+exports._sfc_main$37 = _sfc_main$5;
+exports._sfc_main$38 = _sfc_main$4;
+exports._sfc_main$39 = _sfc_main;
+exports._sfc_main$4 = _sfc_main$C;
+exports._sfc_main$40 = _sfc_main$1;
+exports._sfc_main$41 = _sfc_main$3;
+exports._sfc_main$42 = _sfc_main$2;
+exports._sfc_main$5 = _sfc_main$B;
+exports._sfc_main$6 = _sfc_main$A;
+exports._sfc_main$7 = _sfc_main$z;
+exports._sfc_main$8 = _sfc_main$y;
+exports._sfc_main$9 = _sfc_main$x;
+//# sourceMappingURL=DataList.vue_vue_type_script_setup_true_lang-MshUshzx.cjs.map