cisse-vue-ui 0.3.2 → 0.5.0

package/dist/{Popover.vue_vue_type_script_setup_true_lang-Q7gRZsT9.js → Timeline.vue_vue_type_script_setup_true_lang-BWIfzQOG.js}

@@ -1,24 +1,24 @@
-import { defineComponent, createElementBlock, openBlock, createCommentVNode, renderSlot, createElementVNode, createTextVNode, toDisplayString, useSlots, computed, createVNode, Fragment, renderList, normalizeClass, createBlock, resolveDynamicComponent, withCtx, onMounted, nextTick, getCurrentInstance, getCurrentScope, hasInjectionContext, inject, watch, shallowRef, toValue, watchEffect, unref, createSlots, ref, withDirectives, vModelText, withModifiers, Teleport, Transition, normalizeStyle, resolveComponent, mergeProps, provide, vShow } from "vue";
-import { _ as _sfc_main$e } from "./Checkbox.vue_vue_type_script_setup_true_lang-B-nLCCNY.js";
-import { e as _sfc_main$f, d as _sfc_main$g, c as _sfc_main$h, b as _sfc_main$i, a as _sfc_main$j } from "./BadgeType.vue_vue_type_script_setup_true_lang-CnB5eNEM.js";
+import { defineComponent, createElementBlock, openBlock, createCommentVNode, renderSlot, createElementVNode, createTextVNode, toDisplayString, useSlots, computed, createVNode, Fragment, renderList, normalizeClass, createBlock, resolveDynamicComponent, withCtx, onMounted, nextTick, getCurrentInstance, getCurrentScope, hasInjectionContext, inject, watch, shallowRef, toValue, watchEffect, unref, createSlots, ref, withDirectives, vModelText, withModifiers, Teleport, Transition, normalizeStyle, resolveComponent, mergeProps, provide, vShow, onUnmounted } from "vue";
+import { _ as _sfc_main$j } from "./Checkbox.vue_vue_type_script_setup_true_lang-B-nLCCNY.js";
+import { e as _sfc_main$k, d as _sfc_main$l, c as _sfc_main$m, b as _sfc_main$n, a as _sfc_main$o } from "./BadgeType.vue_vue_type_script_setup_true_lang-CnB5eNEM.js";
 import { Icon } from "@iconify/vue";
 import { u as useDropdown } from "./useDropdown-iVu14E6s.js";
-const _hoisted_1$8 = { class: "flex flex-col overflow-hidden rounded-lg bg-white shadow-md dark:bg-slate-950" };
-const _hoisted_2$6 = {
+const _hoisted_1$d = { class: "flex flex-col overflow-hidden rounded-lg bg-white shadow-md dark:bg-slate-950" };
+const _hoisted_2$a = {
   key: 0,
   class: "flex items-center justify-between border-b border-gray-200 px-5 py-3 dark:border-gray-700"
 };
-const _hoisted_3$4 = { class: "flex flex-col gap-0.5" };
-const _hoisted_4$3 = {
+const _hoisted_3$7 = { class: "flex flex-col gap-0.5" };
+const _hoisted_4$6 = {
   key: 0,
   class: "text-md font-semibold text-gray-800 dark:text-gray-200"
 };
-const _hoisted_5$3 = {
+const _hoisted_5$4 = {
   key: 1,
   class: "text-sm font-normal text-gray-600 dark:text-gray-400"
 };
-const _hoisted_6$3 = { class: "flex gap-2" };
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
+const _hoisted_6$4 = { class: "flex gap-2" };
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
   __name: "CardComponent",
   props: {
     title: {},
@@ -26,21 +26,21 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$8, [
-        __props.title || __props.description || _ctx.$slots.title || _ctx.$slots.description || _ctx.$slots.actions ? (openBlock(), createElementBlock("div", _hoisted_2$6, [
-          createElementVNode("div", _hoisted_3$4, [
-            __props.title || _ctx.$slots.title ? (openBlock(), createElementBlock("span", _hoisted_4$3, [
+      return openBlock(), createElementBlock("div", _hoisted_1$d, [
+        __props.title || __props.description || _ctx.$slots.title || _ctx.$slots.description || _ctx.$slots.actions ? (openBlock(), createElementBlock("div", _hoisted_2$a, [
+          createElementVNode("div", _hoisted_3$7, [
+            __props.title || _ctx.$slots.title ? (openBlock(), createElementBlock("span", _hoisted_4$6, [
               renderSlot(_ctx.$slots, "title", {}, () => [
                 createTextVNode(toDisplayString(__props.title), 1)
               ])
             ])) : createCommentVNode("", true),
-            __props.description || _ctx.$slots.description ? (openBlock(), createElementBlock("span", _hoisted_5$3, [
+            __props.description || _ctx.$slots.description ? (openBlock(), createElementBlock("span", _hoisted_5$4, [
               renderSlot(_ctx.$slots, "description", {}, () => [
                 createTextVNode(toDisplayString(__props.description), 1)
               ])
             ])) : createCommentVNode("", true)
           ]),
-          createElementVNode("div", _hoisted_6$3, [
+          createElementVNode("div", _hoisted_6$4, [
             renderSlot(_ctx.$slots, "actions")
           ])
         ])) : createCommentVNode("", true),
@@ -49,29 +49,29 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$7 = { class: "overflow-hidden" };
-const _hoisted_2$5 = { class: "overflow-x-auto" };
-const _hoisted_3$3 = { class: "w-full divide-y divide-black/10 text-left dark:divide-white/10" };
-const _hoisted_4$2 = { class: "bg-black/5 text-sm font-semibold text-gray-600 uppercase dark:bg-white/5 dark:text-gray-400" };
-const _hoisted_5$2 = {
+const _hoisted_1$c = { class: "overflow-hidden" };
+const _hoisted_2$9 = { class: "overflow-x-auto" };
+const _hoisted_3$6 = { class: "w-full divide-y divide-black/10 text-left dark:divide-white/10" };
+const _hoisted_4$5 = { class: "bg-black/5 text-sm font-semibold text-gray-600 uppercase dark:bg-white/5 dark:text-gray-400" };
+const _hoisted_5$3 = {
   key: 0,
   class: "w-12 px-3 py-3"
 };
-const _hoisted_6$2 = {
+const _hoisted_6$3 = {
   key: 1,
   class: "px-3 py-3 text-right"
 };
-const _hoisted_7$2 = { class: "divide-y divide-black/10 font-medium dark:divide-white/10" };
-const _hoisted_8$2 = {
+const _hoisted_7$3 = { class: "divide-y divide-black/10 font-medium dark:divide-white/10" };
+const _hoisted_8$3 = {
   key: 0,
   class: "px-3 py-4"
 };
-const _hoisted_9$2 = {
+const _hoisted_9$3 = {
   key: 1,
   class: "flex items-center justify-end gap-2 px-3 py-4"
 };
-const _hoisted_10$1 = { key: 0 };
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
+const _hoisted_10$2 = { key: 0 };
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "TableComponent",
   props: {
     properties: {},
@@ -87,14 +87,14 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     const props = __props;
     const emit = __emit;
     const typeComponents = {
-      text: _sfc_main$j,
-      number: _sfc_main$i,
-      date: _sfc_main$h,
-      boolean: _sfc_main$g,
-      badge: _sfc_main$f
+      text: _sfc_main$o,
+      number: _sfc_main$n,
+      date: _sfc_main$m,
+      boolean: _sfc_main$l,
+      badge: _sfc_main$k
     };
     const getTypeComponent = (type = "text") => {
-      return typeComponents[type] || _sfc_main$j;
+      return typeComponents[type] || _sfc_main$o;
     };
     const visibleProperties = computed(() => props.properties.filter((p) => !p.hidden));
     const getKey = (item) => {
@@ -160,13 +160,13 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     };
     const hasActionSlot = computed(() => !!slots.action);
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$7, [
-        createElementVNode("div", _hoisted_2$5, [
-          createElementVNode("table", _hoisted_3$3, [
-            createElementVNode("thead", _hoisted_4$2, [
+      return openBlock(), createElementBlock("div", _hoisted_1$c, [
+        createElementVNode("div", _hoisted_2$9, [
+          createElementVNode("table", _hoisted_3$6, [
+            createElementVNode("thead", _hoisted_4$5, [
               createElementVNode("tr", null, [
-                __props.selectable ? (openBlock(), createElementBlock("th", _hoisted_5$2, [
-                  createVNode(_sfc_main$e, {
+                __props.selectable ? (openBlock(), createElementBlock("th", _hoisted_5$3, [
+                  createVNode(_sfc_main$j, {
                     "model-value": allSelected.value,
                     indeterminate: someSelected.value,
                     disabled: selectableItems.value.length === 0,
@@ -183,17 +183,17 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
                     ])
                   ], 2);
                 }), 128)),
-                hasActionSlot.value ? (openBlock(), createElementBlock("th", _hoisted_6$2)) : createCommentVNode("", true)
+                hasActionSlot.value ? (openBlock(), createElementBlock("th", _hoisted_6$3)) : createCommentVNode("", true)
               ])
             ]),
-            createElementVNode("tbody", _hoisted_7$2, [
+            createElementVNode("tbody", _hoisted_7$3, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item) => {
                 return openBlock(), createElementBlock("tr", {
                   key: getKey(item),
                   class: normalizeClass(["hover:bg-black/5 dark:hover:bg-white/5 transition-colors", { "bg-primary/5 dark:bg-primary/10": isSelected(item) }])
                 }, [
-                  __props.selectable ? (openBlock(), createElementBlock("td", _hoisted_8$2, [
-                    isSelectable(item) ? (openBlock(), createBlock(_sfc_main$e, {
+                  __props.selectable ? (openBlock(), createElementBlock("td", _hoisted_8$3, [
+                    isSelectable(item) ? (openBlock(), createBlock(_sfc_main$j, {
                       key: 0,
                       "model-value": isSelected(item),
                       "onUpdate:modelValue": ($event) => handleSelect(item)
@@ -220,7 +220,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
                       ])
                     ], 2);
                   }), 128)),
-                  hasActionSlot.value ? (openBlock(), createElementBlock("td", _hoisted_9$2, [
+                  hasActionSlot.value ? (openBlock(), createElementBlock("td", _hoisted_9$3, [
                     renderSlot(_ctx.$slots, "action", { item })
                   ])) : createCommentVNode("", true)
                 ], 2);
@@ -228,33 +228,33 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
             ])
           ])
         ]),
-        !__props.items || __props.items.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_10$1, [
+        !__props.items || __props.items.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_10$2, [
           renderSlot(_ctx.$slots, "empty")
         ])) : createCommentVNode("", true)
       ]);
     };
   }
 });
-const _hoisted_1$6 = { class: "space-y-3" };
-const _hoisted_2$4 = { class: "flex items-center gap-3 p-3" };
-const _hoisted_3$2 = { class: "text-sm text-gray-600 dark:text-gray-400" };
-const _hoisted_4$1 = {
+const _hoisted_1$b = { class: "space-y-3" };
+const _hoisted_2$8 = { class: "flex items-center gap-3 p-3" };
+const _hoisted_3$5 = { class: "text-sm text-gray-600 dark:text-gray-400" };
+const _hoisted_4$4 = {
   key: 0,
   class: "text-sm text-primary font-medium"
 };
-const _hoisted_5$1 = { class: "p-4 flex items-center gap-4" };
-const _hoisted_6$1 = {
+const _hoisted_5$2 = { class: "p-4 flex items-center gap-4" };
+const _hoisted_6$2 = {
   key: 0,
   class: "flex-shrink-0"
 };
-const _hoisted_7$1 = {
+const _hoisted_7$2 = {
   key: 1,
   class: "w-5 h-5"
 };
-const _hoisted_8$1 = { class: "flex-1 min-w-0" };
-const _hoisted_9$1 = { class: "flex-shrink-0" };
-const _hoisted_10 = { key: 1 };
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const _hoisted_8$2 = { class: "flex-1 min-w-0" };
+const _hoisted_9$2 = { class: "flex-shrink-0" };
+const _hoisted_10$1 = { key: 1 };
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
   __name: "MobileList",
   props: {
     items: {},
@@ -301,42 +301,42 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     };
     const hasEmptySlot = computed(() => !!slots.empty);
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$6, [
-        __props.selectable && selectableItems.value.length > 0 ? (openBlock(), createBlock(_sfc_main$d, { key: 0 }, {
+      return openBlock(), createElementBlock("div", _hoisted_1$b, [
+        __props.selectable && selectableItems.value.length > 0 ? (openBlock(), createBlock(_sfc_main$i, { key: 0 }, {
           default: withCtx(() => [
-            createElementVNode("div", _hoisted_2$4, [
-              createVNode(_sfc_main$e, {
+            createElementVNode("div", _hoisted_2$8, [
+              createVNode(_sfc_main$j, {
                 "model-value": allSelected.value,
                 indeterminate: someSelected.value,
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => emit("selectAll"))
               }, null, 8, ["model-value", "indeterminate"]),
-              createElementVNode("span", _hoisted_3$2, toDisplayString(allSelected.value ? "Tout désélectionner" : "Tout sélectionner"), 1),
-              __props.selectedItems && __props.selectedItems.size > 0 ? (openBlock(), createElementBlock("span", _hoisted_4$1, " (" + toDisplayString(__props.selectedItems.size) + " sélectionné" + toDisplayString(__props.selectedItems.size > 1 ? "s" : "") + ") ", 1)) : createCommentVNode("", true)
+              createElementVNode("span", _hoisted_3$5, toDisplayString(allSelected.value ? "Tout désélectionner" : "Tout sélectionner"), 1),
+              __props.selectedItems && __props.selectedItems.size > 0 ? (openBlock(), createElementBlock("span", _hoisted_4$4, " (" + toDisplayString(__props.selectedItems.size) + " sélectionné" + toDisplayString(__props.selectedItems.size > 1 ? "s" : "") + ") ", 1)) : createCommentVNode("", true)
             ])
           ]),
           _: 1
         })) : createCommentVNode("", true),
         (openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item) => {
-          return openBlock(), createBlock(_sfc_main$d, {
+          return openBlock(), createBlock(_sfc_main$i, {
             key: getKey(item),
             class: normalizeClass(["hover:shadow-lg transition-all duration-200", {
               "ring-2 ring-primary": isSelected(item)
             }])
           }, {
             default: withCtx(() => [
-              createElementVNode("div", _hoisted_5$1, [
-                __props.selectable ? (openBlock(), createElementBlock("div", _hoisted_6$1, [
-                  isSelectable(item) ? (openBlock(), createBlock(_sfc_main$e, {
+              createElementVNode("div", _hoisted_5$2, [
+                __props.selectable ? (openBlock(), createElementBlock("div", _hoisted_6$2, [
+                  isSelectable(item) ? (openBlock(), createBlock(_sfc_main$j, {
                     key: 0,
                     "model-value": isSelected(item),
                     "onUpdate:modelValue": ($event) => handleSelect(item)
-                  }, null, 8, ["model-value", "onUpdate:modelValue"])) : (openBlock(), createElementBlock("div", _hoisted_7$1))
+                  }, null, 8, ["model-value", "onUpdate:modelValue"])) : (openBlock(), createElementBlock("div", _hoisted_7$2))
                 ])) : createCommentVNode("", true),
                 renderSlot(_ctx.$slots, "avatar", { item }),
-                createElementVNode("div", _hoisted_8$1, [
+                createElementVNode("div", _hoisted_8$2, [
                   renderSlot(_ctx.$slots, "content", { item })
                 ]),
-                createElementVNode("div", _hoisted_9$1, [
+                createElementVNode("div", _hoisted_9$2, [
                   renderSlot(_ctx.$slots, "actions", { item })
                 ])
               ])
@@ -344,7 +344,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
             _: 2
           }, 1032, ["class"]);
         }), 128)),
-        __props.items.length === 0 && hasEmptySlot.value ? (openBlock(), createElementBlock("div", _hoisted_10, [
+        __props.items.length === 0 && hasEmptySlot.value ? (openBlock(), createElementBlock("div", _hoisted_10$1, [
           renderSlot(_ctx.$slots, "empty")
         ])) : createCommentVNode("", true)
       ]);
@@ -552,7 +552,7 @@ function useBreakpoints(breakpoints, options = {}) {
     }
   });
 }
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "ResponsiveList",
   props: {
     items: {},
@@ -607,7 +607,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     const isDesktop = computed(() => breakpoints.greaterOrEqual(props.breakpoint).value);
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", null, [
-        !isDesktop.value ? (openBlock(), createBlock(_sfc_main$b, {
+        !isDesktop.value ? (openBlock(), createBlock(_sfc_main$g, {
           key: 0,
           items: __props.items,
           "key-field": __props.keyField,
@@ -632,9 +632,9 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
             renderSlot(_ctx.$slots, "empty")
           ]),
           _: 3
-        }, 8, ["items", "key-field", "selectable", "selected-items", "selectable-filter"])) : (openBlock(), createBlock(_sfc_main$d, { key: 1 }, {
+        }, 8, ["items", "key-field", "selectable", "selected-items", "selectable-filter"])) : (openBlock(), createBlock(_sfc_main$i, { key: 1 }, {
           default: withCtx(() => [
-            createVNode(_sfc_main$c, {
+            createVNode(_sfc_main$h, {
               items: __props.items,
               properties: tableProperties.value,
               "key-field": __props.keyField,
@@ -678,25 +678,25 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$5 = {
+const _hoisted_1$a = {
   key: 0,
   class: "mb-2 block text-sm font-medium text-gray-700 dark:text-gray-300"
 };
-const _hoisted_2$3 = { class: "relative" };
-const _hoisted_3$1 = ["disabled", "placeholder"];
-const _hoisted_4 = ["disabled"];
-const _hoisted_5 = {
+const _hoisted_2$7 = { class: "relative" };
+const _hoisted_3$4 = ["disabled", "placeholder"];
+const _hoisted_4$3 = ["disabled"];
+const _hoisted_5$1 = {
   key: 0,
   class: "px-4 py-3 text-sm text-gray-500"
 };
-const _hoisted_6 = ["data-index", "onClick"];
-const _hoisted_7 = { class: "flex-1 dark:text-white" };
-const _hoisted_8 = { class: "text-xs text-gray-400" };
-const _hoisted_9 = {
+const _hoisted_6$1 = ["data-index", "onClick"];
+const _hoisted_7$1 = { class: "flex-1 dark:text-white" };
+const _hoisted_8$1 = { class: "text-xs text-gray-400" };
+const _hoisted_9$1 = {
   key: 1,
   class: "mt-1 text-sm text-red-600"
 };
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "AutocompleteComponent",
   props: {
     modelValue: {},
@@ -798,8 +798,8 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
         ref: containerRef,
         class: "autocomplete-container"
       }, [
-        __props.label ? (openBlock(), createElementBlock("label", _hoisted_1$5, toDisplayString(__props.label), 1)) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_2$3, [
+        __props.label ? (openBlock(), createElementBlock("label", _hoisted_1$a, toDisplayString(__props.label), 1)) : createCommentVNode("", true),
+        createElementVNode("div", _hoisted_2$7, [
           createElementVNode("div", {
             ref_key: "inputWrapperRef",
             ref: inputWrapperRef,
@@ -824,7 +824,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
               type: "text",
               onFocus: openDropdown,
               onKeydown: handleKeydown
-            }, null, 40, _hoisted_3$1), [
+            }, null, 40, _hoisted_3$4), [
               [vModelText, searchQuery.value]
             ]),
             __props.modelValue && !__props.disabled ? (openBlock(), createElementBlock("button", {
@@ -848,7 +848,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
                 class: normalizeClass([{ "rotate-180": unref(isOpen) }, "size-4 text-gray-400 transition"]),
                 icon: "lucide:chevron-down"
               }, null, 8, ["class"])
-            ], 8, _hoisted_4)
+            ], 8, _hoisted_4$3)
           ], 2),
           (openBlock(), createBlock(Teleport, {
             to: "body",
@@ -873,7 +873,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
                     !__props.teleport && "absolute mt-2 w-full"
                   ])
                 }, [
-                  filteredOptions.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_5, toDisplayString(__props.noResultsText || "No results found"), 1)) : createCommentVNode("", true),
+                  filteredOptions.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_5$1, toDisplayString(__props.noResultsText || "No results found"), 1)) : createCommentVNode("", true),
                   (openBlock(true), createElementBlock(Fragment, null, renderList(filteredOptions.value, (option, index) => {
                     return openBlock(), createElementBlock("button", {
                       key: option.value,
@@ -890,9 +890,9 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
                         class: "size-4 text-primary",
                         icon: "lucide:check"
                       })) : createCommentVNode("", true),
-                      createElementVNode("span", _hoisted_7, toDisplayString(option.label), 1),
-                      createElementVNode("span", _hoisted_8, "(" + toDisplayString(option.value) + ")", 1)
-                    ], 10, _hoisted_6);
+                      createElementVNode("span", _hoisted_7$1, toDisplayString(option.label), 1),
+                      createElementVNode("span", _hoisted_8$1, "(" + toDisplayString(option.value) + ")", 1)
+                    ], 10, _hoisted_6$1);
                   }), 128))
                 ], 6)) : createCommentVNode("", true)
               ]),
@@ -900,12 +900,12 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
             })
           ], 8, ["disabled"]))
         ]),
-        __props.error ? (openBlock(), createElementBlock("p", _hoisted_9, toDisplayString(__props.error), 1)) : createCommentVNode("", true)
+        __props.error ? (openBlock(), createElementBlock("p", _hoisted_9$1, toDisplayString(__props.error), 1)) : createCommentVNode("", true)
       ], 512);
     };
   }
 });
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "TableAction",
   props: {
     link: {},
@@ -974,7 +974,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "Button",
   props: {
     variant: { default: "primary" },
@@ -1067,10 +1067,10 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$4 = { class: "relative inline-block" };
-const _hoisted_2$2 = ["src", "alt"];
-const _hoisted_3 = { key: 1 };
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$9 = { class: "relative inline-block" };
+const _hoisted_2$6 = ["src", "alt"];
+const _hoisted_3$3 = { key: 1 };
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   __name: "Avatar",
   props: {
     src: {},
@@ -1116,7 +1116,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     });
     const showImage = computed(() => props.src && !imageError.value);
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$4, [
+      return openBlock(), createElementBlock("div", _hoisted_1$9, [
         createElementVNode("div", {
           class: normalizeClass([
             "flex items-center justify-center overflow-hidden bg-gray-200 font-medium text-gray-600 dark:bg-gray-700 dark:text-gray-300",
@@ -1130,7 +1130,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
             alt: __props.alt || __props.name,
             class: "size-full object-cover",
             onError: _cache[0] || (_cache[0] = ($event) => imageError.value = true)
-          }, null, 40, _hoisted_2$2)) : initials.value ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(initials.value), 1)) : (openBlock(), createBlock(unref(Icon), {
+          }, null, 40, _hoisted_2$6)) : initials.value ? (openBlock(), createElementBlock("span", _hoisted_3$3, toDisplayString(initials.value), 1)) : (openBlock(), createBlock(unref(Icon), {
             key: 2,
             icon: "lucide:user",
             class: "size-1/2"
@@ -1148,9 +1148,9 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$3 = ["aria-selected", "disabled", "onClick"];
-const _hoisted_2$1 = { class: "mt-4" };
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$8 = ["aria-selected", "disabled", "onClick"];
+const _hoisted_2$5 = { class: "mt-4" };
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "Tabs",
   props: {
     tabs: {},
@@ -1215,18 +1215,18 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                 activeTab.value === tab.key ? variantClasses[__props.variant].active : variantClasses[__props.variant].inactive
               ]),
               onClick: ($event) => selectTab(tab)
-            }, toDisplayString(tab.label), 11, _hoisted_1$3);
+            }, toDisplayString(tab.label), 11, _hoisted_1$8);
           }), 128))
         ], 2),
-        createElementVNode("div", _hoisted_2$1, [
+        createElementVNode("div", _hoisted_2$5, [
           renderSlot(_ctx.$slots, "default", { activeTab: activeTab.value })
         ])
       ]);
     };
   }
 });
-const _hoisted_1$2 = { role: "tabpanel" };
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$7 = { role: "tabpanel" };
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "TabPanel",
   props: {
     value: {}
@@ -1236,7 +1236,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     const activeTab = inject("activeTab");
     const isActive = computed(() => (activeTab == null ? void 0 : activeTab.value) === props.value);
     return (_ctx, _cache) => {
-      return withDirectives((openBlock(), createElementBlock("div", _hoisted_1$2, [
+      return withDirectives((openBlock(), createElementBlock("div", _hoisted_1$7, [
         renderSlot(_ctx.$slots, "default")
       ], 512)), [
         [vShow, isActive.value]
@@ -1244,11 +1244,11 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$1 = {
+const _hoisted_1$6 = {
   key: 2,
   class: "text-sm font-semibold"
 };
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "Stepper",
   props: {
     steps: {},
@@ -1317,7 +1317,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
                   key: 1,
                   icon: step.icon,
                   class: "size-6"
-                }, null, 8, ["icon"])) : (openBlock(), createElementBlock("span", _hoisted_1$1, toDisplayString(index + 1), 1))
+                }, null, 8, ["icon"])) : (openBlock(), createElementBlock("span", _hoisted_1$6, toDisplayString(index + 1), 1))
               ], 2),
               createElementVNode("div", {
                 class: normalizeClass([
@@ -1345,9 +1345,9 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1 = { class: "overflow-hidden" };
-const _hoisted_2 = { class: "space-y-4 p-6" };
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$5 = { class: "overflow-hidden" };
+const _hoisted_2$4 = { class: "space-y-4 p-6" };
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "CollapsibleCard",
   props: {
     title: {},
@@ -1361,7 +1361,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       isExpanded.value = !isExpanded.value;
     };
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$d, {
+      return openBlock(), createBlock(_sfc_main$i, {
         title: __props.title,
         description: __props.description
       }, {
@@ -1388,8 +1388,8 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
             "leave-to-class": "opacity-0 max-h-0"
           }, {
             default: withCtx(() => [
-              withDirectives(createElementVNode("div", _hoisted_1, [
-                createElementVNode("div", _hoisted_2, [
+              withDirectives(createElementVNode("div", _hoisted_1$5, [
+                createElementVNode("div", _hoisted_2$4, [
                   renderSlot(_ctx.$slots, "default")
                 ])
               ], 512), [
@@ -1404,7 +1404,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "Tooltip",
   props: {
     content: {},
@@ -1479,7 +1479,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main = /* @__PURE__ */ defineComponent({
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "Popover",
   props: {
     position: { default: "bottom" },
@@ -1562,20 +1562,476 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
+const _hoisted_1$4 = {
+  key: 0,
+  class: "flex items-center justify-between px-4 py-3 border-b border-gray-200 dark:border-gray-700"
+};
+const _hoisted_2$3 = { class: "text-lg font-semibold text-gray-900 dark:text-white" };
+const _hoisted_3$2 = { class: "flex-1 overflow-y-auto p-4" };
+const _hoisted_4$2 = {
+  key: 1,
+  class: "px-4 py-3 border-t border-gray-200 dark:border-gray-700"
+};
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  __name: "Drawer",
+  props: {
+    modelValue: { type: Boolean },
+    position: { default: "right" },
+    size: { default: "md" },
+    title: {},
+    showClose: { type: Boolean, default: true },
+    closeOnOverlay: { type: Boolean, default: true },
+    closeOnEscape: { type: Boolean, default: true },
+    overlay: { type: Boolean, default: true }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const close = () => {
+      emit("update:modelValue", false);
+    };
+    const handleOverlayClick = () => {
+      if (props.closeOnOverlay) {
+        close();
+      }
+    };
+    const handleKeydown = (e) => {
+      if (e.key === "Escape" && props.closeOnEscape && props.modelValue) {
+        close();
+      }
+    };
+    onMounted(() => {
+      document.addEventListener("keydown", handleKeydown);
+    });
+    onUnmounted(() => {
+      document.removeEventListener("keydown", handleKeydown);
+    });
+    watch(
+      () => props.modelValue,
+      (isOpen) => {
+        if (isOpen) {
+          document.body.style.overflow = "hidden";
+        } else {
+          document.body.style.overflow = "";
+        }
+      }
+    );
+    const sizeClasses = computed(() => {
+      const isHorizontal = props.position === "left" || props.position === "right";
+      const sizes = {
+        sm: isHorizontal ? "w-64" : "h-32",
+        md: isHorizontal ? "w-80" : "h-48",
+        lg: isHorizontal ? "w-96" : "h-64",
+        xl: isHorizontal ? "w-[32rem]" : "h-96",
+        full: isHorizontal ? "w-screen" : "h-screen"
+      };
+      return sizes[props.size];
+    });
+    const positionClasses = computed(() => {
+      const base = "fixed bg-white dark:bg-gray-800 shadow-xl flex flex-col";
+      switch (props.position) {
+        case "left":
+          return `${base} inset-y-0 left-0 ${sizeClasses.value}`;
+        case "right":
+          return `${base} inset-y-0 right-0 ${sizeClasses.value}`;
+        case "top":
+          return `${base} inset-x-0 top-0 ${sizeClasses.value}`;
+        case "bottom":
+          return `${base} inset-x-0 bottom-0 ${sizeClasses.value}`;
+        default:
+          return base;
+      }
+    });
+    const transformClasses = computed(() => {
+      switch (props.position) {
+        case "left":
+          return { enter: "-translate-x-full", leave: "-translate-x-full" };
+        case "right":
+          return { enter: "translate-x-full", leave: "translate-x-full" };
+        case "top":
+          return { enter: "-translate-y-full", leave: "-translate-y-full" };
+        case "bottom":
+          return { enter: "translate-y-full", leave: "translate-y-full" };
+        default:
+          return { enter: "", leave: "" };
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Teleport, { to: "body" }, [
+        createVNode(Transition, {
+          "enter-active-class": "transition-opacity duration-300 ease-out",
+          "enter-from-class": "opacity-0",
+          "enter-to-class": "opacity-100",
+          "leave-active-class": "transition-opacity duration-200 ease-in",
+          "leave-from-class": "opacity-100",
+          "leave-to-class": "opacity-0"
+        }, {
+          default: withCtx(() => [
+            __props.modelValue && __props.overlay ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: "fixed inset-0 z-40 bg-black/50",
+              onClick: handleOverlayClick
+            })) : createCommentVNode("", true)
+          ]),
+          _: 1
+        }),
+        createVNode(Transition, {
+          "enter-active-class": "transition-transform duration-300 ease-out",
+          "enter-from-class": transformClasses.value.enter,
+          "enter-to-class": "translate-x-0 translate-y-0",
+          "leave-active-class": "transition-transform duration-200 ease-in",
+          "leave-from-class": "translate-x-0 translate-y-0",
+          "leave-to-class": transformClasses.value.leave
+        }, {
+          default: withCtx(() => [
+            __props.modelValue ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: normalizeClass([positionClasses.value, "z-50"]),
+              role: "dialog",
+              "aria-modal": "true"
+            }, [
+              __props.title || __props.showClose || _ctx.$slots.header ? (openBlock(), createElementBlock("div", _hoisted_1$4, [
+                renderSlot(_ctx.$slots, "header", {}, () => [
+                  createElementVNode("h2", _hoisted_2$3, toDisplayString(__props.title), 1)
+                ]),
+                __props.showClose ? (openBlock(), createElementBlock("button", {
+                  key: 0,
+                  type: "button",
+                  class: "p-1 text-gray-400 hover:text-gray-600 dark:hover:text-gray-300 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-700",
+                  onClick: close
+                }, [
+                  createVNode(unref(Icon), {
+                    icon: "heroicons:x-mark",
+                    class: "w-5 h-5"
+                  })
+                ])) : createCommentVNode("", true)
+              ])) : createCommentVNode("", true),
+              createElementVNode("div", _hoisted_3$2, [
+                renderSlot(_ctx.$slots, "default")
+              ]),
+              _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_4$2, [
+                renderSlot(_ctx.$slots, "footer")
+              ])) : createCommentVNode("", true)
+            ], 2)) : createCommentVNode("", true)
+          ]),
+          _: 3
+        }, 8, ["enter-from-class", "leave-to-class"])
+      ]);
+    };
+  }
+});
+const _hoisted_1$3 = { "aria-label": "Breadcrumb" };
+const _hoisted_2$2 = { class: "flex items-center flex-wrap gap-1 text-sm" };
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  __name: "Breadcrumb",
+  props: {
+    items: {},
+    separator: { default: "heroicons:chevron-right" },
+    homeIcon: { default: "heroicons:home" },
+    showHomeIcon: { type: Boolean, default: true }
+  },
+  emits: ["click"],
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("nav", _hoisted_1$3, [
+        createElementVNode("ol", _hoisted_2$2, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item, index) => {
+            return openBlock(), createElementBlock("li", {
+              key: index,
+              class: "flex items-center"
+            }, [
+              index > 0 ? (openBlock(), createBlock(unref(Icon), {
+                key: 0,
+                icon: __props.separator,
+                class: "w-4 h-4 mx-2 text-gray-400 dark:text-gray-500 flex-shrink-0"
+              }, null, 8, ["icon"])) : createCommentVNode("", true),
+              (openBlock(), createBlock(resolveDynamicComponent(item.to ? "router-link" : item.href ? "a" : "span"), {
+                to: item.to,
+                href: item.href,
+                class: normalizeClass([
+                  "flex items-center gap-1.5 transition-colors",
+                  index === __props.items.length - 1 ? "text-gray-900 dark:text-white font-medium cursor-default" : "text-gray-500 dark:text-gray-400 hover:text-primary-600 dark:hover:text-primary-400"
+                ]),
+                "aria-current": index === __props.items.length - 1 ? "page" : void 0,
+                onClick: ($event) => _ctx.$emit("click", item, index)
+              }, {
+                default: withCtx(() => [
+                  index === 0 && __props.showHomeIcon ? (openBlock(), createBlock(unref(Icon), {
+                    key: 0,
+                    icon: item.icon || __props.homeIcon,
+                    class: "w-4 h-4"
+                  }, null, 8, ["icon"])) : item.icon ? (openBlock(), createBlock(unref(Icon), {
+                    key: 1,
+                    icon: item.icon,
+                    class: "w-4 h-4"
+                  }, null, 8, ["icon"])) : createCommentVNode("", true),
+                  createElementVNode("span", null, toDisplayString(item.label), 1)
+                ]),
+                _: 2
+              }, 1032, ["to", "href", "class", "aria-current", "onClick"]))
+            ]);
+          }), 128))
+        ])
+      ]);
+    };
+  }
+});
+const _hoisted_1$2 = { 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$2 = /* @__PURE__ */ defineComponent({
+  __name: "Accordion",
+  props: {
+    mode: { default: "single" },
+    defaultOpen: { default: () => [] }
+  },
+  setup(__props) {
+    const props = __props;
+    const openItems = ref(new Set(props.defaultOpen));
+    const toggle = (key) => {
+      if (openItems.value.has(key)) {
+        openItems.value.delete(key);
+      } else {
+        if (props.mode === "single") {
+          openItems.value.clear();
+        }
+        openItems.value.add(key);
+      }
+      openItems.value = new Set(openItems.value);
+    };
+    const isOpen = (key) => openItems.value.has(key);
+    provide("accordion", {
+      toggle,
+      isOpen
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$2, [
+        renderSlot(_ctx.$slots, "default")
+      ]);
+    };
+  }
+});
+const _hoisted_1$1 = ["disabled", "aria-expanded"];
+const _hoisted_2$1 = { class: "flex items-center gap-2 font-medium" };
+const _hoisted_3$1 = { class: "overflow-hidden" };
+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$1 = /* @__PURE__ */ defineComponent({
+  __name: "AccordionItem",
+  props: {
+    itemKey: {},
+    title: {},
+    icon: {},
+    disabled: { type: Boolean }
+  },
+  setup(__props) {
+    const props = __props;
+    const accordion = inject("accordion");
+    const isOpen = computed(() => (accordion == null ? void 0 : accordion.isOpen(props.itemKey)) ?? false);
+    const toggle = () => {
+      if (!props.disabled) {
+        accordion == null ? void 0 : accordion.toggle(props.itemKey);
+      }
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", null, [
+        createElementVNode("button", {
+          type: "button",
+          class: normalizeClass(["flex items-center justify-between w-full px-4 py-3 text-left transition-colors", [
+            __props.disabled ? "bg-gray-50 text-gray-400 cursor-not-allowed dark:bg-gray-800 dark:text-gray-500" : "bg-white hover:bg-gray-50 text-gray-900 dark:bg-gray-800 dark:hover:bg-gray-700 dark:text-white"
+          ]]),
+          disabled: __props.disabled,
+          "aria-expanded": isOpen.value,
+          onClick: toggle
+        }, [
+          createElementVNode("span", _hoisted_2$1, [
+            __props.icon ? (openBlock(), createBlock(unref(Icon), {
+              key: 0,
+              icon: __props.icon,
+              class: "w-5 h-5"
+            }, null, 8, ["icon"])) : createCommentVNode("", true),
+            createTextVNode(" " + toDisplayString(__props.title), 1)
+          ]),
+          createVNode(unref(Icon), {
+            icon: "heroicons:chevron-down",
+            class: normalizeClass(["w-5 h-5 transition-transform duration-200", { "rotate-180": isOpen.value }])
+          }, null, 8, ["class"])
+        ], 10, _hoisted_1$1),
+        createVNode(Transition, {
+          "enter-active-class": "transition-all duration-200 ease-out",
+          "enter-from-class": "opacity-0 max-h-0",
+          "enter-to-class": "opacity-100 max-h-screen",
+          "leave-active-class": "transition-all duration-150 ease-in",
+          "leave-from-class": "opacity-100 max-h-screen",
+          "leave-to-class": "opacity-0 max-h-0"
+        }, {
+          default: withCtx(() => [
+            withDirectives(createElementVNode("div", _hoisted_3$1, [
+              createElementVNode("div", _hoisted_4$1, [
+                renderSlot(_ctx.$slots, "default")
+              ])
+            ], 512), [
+              [vShow, isOpen.value]
+            ])
+          ]),
+          _: 3
+        })
+      ]);
+    };
+  }
+});
+const _hoisted_1 = {
+  key: 0,
+  class: "relative"
+};
+const _hoisted_2 = { class: "flex items-start gap-4" };
+const _hoisted_3 = { class: "flex-1 min-w-0 pt-0.5" };
+const _hoisted_4 = { 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,
+  class: "text-xs text-gray-500 dark:text-gray-400 whitespace-nowrap"
+};
+const _hoisted_7 = {
+  key: 0,
+  class: "mt-1 text-sm text-gray-600 dark:text-gray-400"
+};
+const _hoisted_8 = {
+  key: 1,
+  class: "flex items-start overflow-x-auto pb-4"
+};
+const _hoisted_9 = { class: "flex items-center w-full" };
+const _hoisted_10 = { class: "mt-2 text-center max-w-[120px]" };
+const _hoisted_11 = { class: "text-xs font-medium text-gray-900 dark:text-white" };
+const _hoisted_12 = {
+  key: 0,
+  class: "text-xs text-gray-500 dark:text-gray-400"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Timeline",
+  props: {
+    items: {},
+    orientation: { default: "vertical" }
+  },
+  setup(__props) {
+    const getStatusClasses = (status) => {
+      switch (status) {
+        case "completed":
+          return {
+            dot: "bg-green-500",
+            line: "bg-green-500",
+            icon: "text-white"
+          };
+        case "current":
+          return {
+            dot: "bg-primary-500 ring-4 ring-primary-100 dark:ring-primary-900",
+            line: "bg-gray-200 dark:bg-gray-700",
+            icon: "text-white"
+          };
+        case "error":
+          return {
+            dot: "bg-red-500",
+            line: "bg-red-500",
+            icon: "text-white"
+          };
+        default:
+          return {
+            dot: "bg-gray-300 dark:bg-gray-600",
+            line: "bg-gray-200 dark:bg-gray-700",
+            icon: "text-gray-500 dark:text-gray-400"
+          };
+      }
+    };
+    const getDefaultIcon = (status) => {
+      switch (status) {
+        case "completed":
+          return "heroicons:check";
+        case "error":
+          return "heroicons:x-mark";
+        default:
+          return "";
+      }
+    };
+    return (_ctx, _cache) => {
+      return __props.orientation === "vertical" ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item, index) => {
+          return openBlock(), createElementBlock("div", {
+            key: item.key,
+            class: "relative pb-8 last:pb-0"
+          }, [
+            index < __props.items.length - 1 ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: normalizeClass(["absolute left-4 top-8 w-0.5 h-full -ml-px", getStatusClasses(item.status).line])
+            }, null, 2)) : createCommentVNode("", true),
+            createElementVNode("div", _hoisted_2, [
+              createElementVNode("div", {
+                class: normalizeClass(["relative z-10 flex items-center justify-center w-8 h-8 rounded-full flex-shrink-0", getStatusClasses(item.status).dot])
+              }, [
+                item.icon || getDefaultIcon(item.status) ? (openBlock(), createBlock(unref(Icon), {
+                  key: 0,
+                  icon: item.icon || getDefaultIcon(item.status),
+                  class: normalizeClass(["w-4 h-4", getStatusClasses(item.status).icon])
+                }, null, 8, ["icon", "class"])) : createCommentVNode("", true)
+              ], 2),
+              createElementVNode("div", _hoisted_3, [
+                createElementVNode("div", _hoisted_4, [
+                  createElementVNode("h3", _hoisted_5, toDisplayString(item.title), 1),
+                  item.date ? (openBlock(), createElementBlock("time", _hoisted_6, toDisplayString(item.date), 1)) : createCommentVNode("", true)
+                ]),
+                item.description ? (openBlock(), createElementBlock("p", _hoisted_7, toDisplayString(item.description), 1)) : createCommentVNode("", true),
+                renderSlot(_ctx.$slots, item.key, { item })
+              ])
+            ])
+          ]);
+        }), 128))
+      ])) : (openBlock(), createElementBlock("div", _hoisted_8, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item, index) => {
+          return openBlock(), createElementBlock("div", {
+            key: item.key,
+            class: normalizeClass(["flex flex-col items-center flex-shrink-0", { "flex-1": index < __props.items.length - 1 }])
+          }, [
+            createElementVNode("div", _hoisted_9, [
+              createElementVNode("div", {
+                class: normalizeClass(["relative z-10 flex items-center justify-center w-8 h-8 rounded-full flex-shrink-0", getStatusClasses(item.status).dot])
+              }, [
+                item.icon || getDefaultIcon(item.status) ? (openBlock(), createBlock(unref(Icon), {
+                  key: 0,
+                  icon: item.icon || getDefaultIcon(item.status),
+                  class: normalizeClass(["w-4 h-4", getStatusClasses(item.status).icon])
+                }, null, 8, ["icon", "class"])) : createCommentVNode("", true)
+              ], 2),
+              index < __props.items.length - 1 ? (openBlock(), createElementBlock("div", {
+                key: 0,
+                class: normalizeClass(["flex-1 h-0.5 mx-2", getStatusClasses(item.status).line])
+              }, null, 2)) : createCommentVNode("", true)
+            ]),
+            createElementVNode("div", _hoisted_10, [
+              createElementVNode("h3", _hoisted_11, toDisplayString(item.title), 1),
+              item.date ? (openBlock(), createElementBlock("time", _hoisted_12, toDisplayString(item.date), 1)) : createCommentVNode("", true)
+            ])
+          ], 2);
+        }), 128))
+      ]));
+    };
+  }
+});
 export {
-  _sfc_main$d as _,
-  _sfc_main$c as a,
-  _sfc_main$b as b,
-  _sfc_main$a as c,
-  _sfc_main$9 as d,
-  _sfc_main$8 as e,
-  _sfc_main$7 as f,
-  _sfc_main$6 as g,
-  _sfc_main$5 as h,
-  _sfc_main$4 as i,
-  _sfc_main$3 as j,
-  _sfc_main$2 as k,
-  _sfc_main$1 as l,
-  _sfc_main as m
+  _sfc_main$i as _,
+  _sfc_main$h as a,
+  _sfc_main$g as b,
+  _sfc_main$f as c,
+  _sfc_main$e as d,
+  _sfc_main$d as e,
+  _sfc_main$c as f,
+  _sfc_main$b as g,
+  _sfc_main$a as h,
+  _sfc_main$9 as i,
+  _sfc_main$8 as j,
+  _sfc_main$7 as k,
+  _sfc_main$6 as l,
+  _sfc_main$5 as m,
+  _sfc_main$4 as n,
+  _sfc_main$3 as o,
+  _sfc_main$2 as p,
+  _sfc_main$1 as q,
+  _sfc_main as r
 };
-//# sourceMappingURL=Popover.vue_vue_type_script_setup_true_lang-Q7gRZsT9.js.map
+//# sourceMappingURL=Timeline.vue_vue_type_script_setup_true_lang-BWIfzQOG.js.map