cisse-vue-ui 0.3.2 → 0.5.0

package/dist/{Popover.vue_vue_type_script_setup_true_lang-dvlDTcf1.cjs → Timeline.vue_vue_type_script_setup_true_lang-C2Mq4XOO.cjs}

@@ -4,22 +4,22 @@ const Checkbox_vue_vue_type_script_setup_true_lang = require("./Checkbox.vue_vue
 const BadgeType_vue_vue_type_script_setup_true_lang = require("./BadgeType.vue_vue_type_script_setup_true_lang-CJb63H1I.cjs");
 const vue$1 = require("@iconify/vue");
 const useDropdown = require("./useDropdown-DHFnd259.cjs");
-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__ */ vue.defineComponent({
+const _hoisted_6$4 = { class: "flex gap-2" };
+const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
   __name: "CardComponent",
   props: {
     title: {},
@@ -27,21 +27,21 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$8, [
-        __props.title || __props.description || _ctx.$slots.title || _ctx.$slots.description || _ctx.$slots.actions ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$6, [
-          vue.createElementVNode("div", _hoisted_3$4, [
-            __props.title || _ctx.$slots.title ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$3, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$d, [
+        __props.title || __props.description || _ctx.$slots.title || _ctx.$slots.description || _ctx.$slots.actions ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$a, [
+          vue.createElementVNode("div", _hoisted_3$7, [
+            __props.title || _ctx.$slots.title ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$6, [
               vue.renderSlot(_ctx.$slots, "title", {}, () => [
                 vue.createTextVNode(vue.toDisplayString(__props.title), 1)
               ])
             ])) : vue.createCommentVNode("", true),
-            __props.description || _ctx.$slots.description ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$3, [
+            __props.description || _ctx.$slots.description ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$4, [
               vue.renderSlot(_ctx.$slots, "description", {}, () => [
                 vue.createTextVNode(vue.toDisplayString(__props.description), 1)
               ])
             ])) : vue.createCommentVNode("", true)
           ]),
-          vue.createElementVNode("div", _hoisted_6$3, [
+          vue.createElementVNode("div", _hoisted_6$4, [
             vue.renderSlot(_ctx.$slots, "actions")
           ])
         ])) : vue.createCommentVNode("", true),
@@ -50,29 +50,29 @@ const _sfc_main$d = /* @__PURE__ */ vue.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__ */ vue.defineComponent({
+const _hoisted_10$2 = { key: 0 };
+const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
   __name: "TableComponent",
   props: {
     properties: {},
@@ -161,12 +161,12 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
     };
     const hasActionSlot = vue.computed(() => !!slots.action);
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$7, [
-        vue.createElementVNode("div", _hoisted_2$5, [
-          vue.createElementVNode("table", _hoisted_3$3, [
-            vue.createElementVNode("thead", _hoisted_4$2, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$c, [
+        vue.createElementVNode("div", _hoisted_2$9, [
+          vue.createElementVNode("table", _hoisted_3$6, [
+            vue.createElementVNode("thead", _hoisted_4$5, [
               vue.createElementVNode("tr", null, [
-                __props.selectable ? (vue.openBlock(), vue.createElementBlock("th", _hoisted_5$2, [
+                __props.selectable ? (vue.openBlock(), vue.createElementBlock("th", _hoisted_5$3, [
                   vue.createVNode(Checkbox_vue_vue_type_script_setup_true_lang._sfc_main, {
                     "model-value": allSelected.value,
                     indeterminate: someSelected.value,
@@ -184,16 +184,16 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
                     ])
                   ], 2);
                 }), 128)),
-                hasActionSlot.value ? (vue.openBlock(), vue.createElementBlock("th", _hoisted_6$2)) : vue.createCommentVNode("", true)
+                hasActionSlot.value ? (vue.openBlock(), vue.createElementBlock("th", _hoisted_6$3)) : vue.createCommentVNode("", true)
               ])
             ]),
-            vue.createElementVNode("tbody", _hoisted_7$2, [
+            vue.createElementVNode("tbody", _hoisted_7$3, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.items, (item) => {
                 return vue.openBlock(), vue.createElementBlock("tr", {
                   key: getKey(item),
                   class: vue.normalizeClass(["hover:bg-black/5 dark:hover:bg-white/5 transition-colors", { "bg-primary/5 dark:bg-primary/10": isSelected(item) }])
                 }, [
-                  __props.selectable ? (vue.openBlock(), vue.createElementBlock("td", _hoisted_8$2, [
+                  __props.selectable ? (vue.openBlock(), vue.createElementBlock("td", _hoisted_8$3, [
                     isSelectable(item) ? (vue.openBlock(), vue.createBlock(Checkbox_vue_vue_type_script_setup_true_lang._sfc_main, {
                       key: 0,
                       "model-value": isSelected(item),
@@ -221,7 +221,7 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
                       ])
                     ], 2);
                   }), 128)),
-                  hasActionSlot.value ? (vue.openBlock(), vue.createElementBlock("td", _hoisted_9$2, [
+                  hasActionSlot.value ? (vue.openBlock(), vue.createElementBlock("td", _hoisted_9$3, [
                     vue.renderSlot(_ctx.$slots, "action", { item })
                   ])) : vue.createCommentVNode("", true)
                 ], 2);
@@ -229,33 +229,33 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
             ])
           ])
         ]),
-        !__props.items || __props.items.length === 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10$1, [
+        !__props.items || __props.items.length === 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10$2, [
           vue.renderSlot(_ctx.$slots, "empty")
         ])) : vue.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__ */ vue.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__ */ vue.defineComponent({
   __name: "MobileList",
   props: {
     items: {},
@@ -302,42 +302,42 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
     };
     const hasEmptySlot = vue.computed(() => !!slots.empty);
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$6, [
-        __props.selectable && selectableItems.value.length > 0 ? (vue.openBlock(), vue.createBlock(_sfc_main$d, { key: 0 }, {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$b, [
+        __props.selectable && selectableItems.value.length > 0 ? (vue.openBlock(), vue.createBlock(_sfc_main$i, { key: 0 }, {
           default: vue.withCtx(() => [
-            vue.createElementVNode("div", _hoisted_2$4, [
+            vue.createElementVNode("div", _hoisted_2$8, [
               vue.createVNode(Checkbox_vue_vue_type_script_setup_true_lang._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$2, 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$1, " (" + vue.toDisplayString(__props.selectedItems.size) + " sélectionné" + vue.toDisplayString(__props.selectedItems.size > 1 ? "s" : "") + ") ", 1)) : vue.createCommentVNode("", true)
+              vue.createElementVNode("span", _hoisted_3$5, 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)
             ])
           ]),
           _: 1
         })) : vue.createCommentVNode("", true),
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.items, (item) => {
-          return vue.openBlock(), vue.createBlock(_sfc_main$d, {
+          return vue.openBlock(), vue.createBlock(_sfc_main$i, {
             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$1, [
-                __props.selectable ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$1, [
+              vue.createElementVNode("div", _hoisted_5$2, [
+                __props.selectable ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$2, [
                   isSelectable(item) ? (vue.openBlock(), vue.createBlock(Checkbox_vue_vue_type_script_setup_true_lang._sfc_main, {
                     key: 0,
                     "model-value": isSelected(item),
                     "onUpdate:modelValue": ($event) => handleSelect(item)
-                  }, null, 8, ["model-value", "onUpdate:modelValue"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$1))
+                  }, null, 8, ["model-value", "onUpdate:modelValue"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$2))
                 ])) : vue.createCommentVNode("", true),
                 vue.renderSlot(_ctx.$slots, "avatar", { item }),
-                vue.createElementVNode("div", _hoisted_8$1, [
+                vue.createElementVNode("div", _hoisted_8$2, [
                   vue.renderSlot(_ctx.$slots, "content", { item })
                 ]),
-                vue.createElementVNode("div", _hoisted_9$1, [
+                vue.createElementVNode("div", _hoisted_9$2, [
                   vue.renderSlot(_ctx.$slots, "actions", { item })
                 ])
               ])
@@ -345,7 +345,7 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
             _: 2
           }, 1032, ["class"]);
         }), 128)),
-        __props.items.length === 0 && hasEmptySlot.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10, [
+        __props.items.length === 0 && hasEmptySlot.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10$1, [
           vue.renderSlot(_ctx.$slots, "empty")
         ])) : vue.createCommentVNode("", true)
       ]);
@@ -553,7 +553,7 @@ function useBreakpoints(breakpoints, options = {}) {
     }
   });
 }
-const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
   __name: "ResponsiveList",
   props: {
     items: {},
@@ -608,7 +608,7 @@ const _sfc_main$a = /* @__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$b, {
+        !isDesktop.value ? (vue.openBlock(), vue.createBlock(_sfc_main$g, {
           key: 0,
           items: __props.items,
           "key-field": __props.keyField,
@@ -633,9 +633,9 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
             vue.renderSlot(_ctx.$slots, "empty")
           ]),
           _: 3
-        }, 8, ["items", "key-field", "selectable", "selected-items", "selectable-filter"])) : (vue.openBlock(), vue.createBlock(_sfc_main$d, { key: 1 }, {
+        }, 8, ["items", "key-field", "selectable", "selected-items", "selectable-filter"])) : (vue.openBlock(), vue.createBlock(_sfc_main$i, { key: 1 }, {
           default: vue.withCtx(() => [
-            vue.createVNode(_sfc_main$c, {
+            vue.createVNode(_sfc_main$h, {
               items: __props.items,
               properties: tableProperties.value,
               "key-field": __props.keyField,
@@ -679,25 +679,25 @@ const _sfc_main$a = /* @__PURE__ */ vue.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__ */ vue.defineComponent({
+const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
   __name: "AutocompleteComponent",
   props: {
     modelValue: {},
@@ -799,8 +799,8 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
         ref: containerRef,
         class: "autocomplete-container"
       }, [
-        __props.label ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_1$5, vue.toDisplayString(__props.label), 1)) : vue.createCommentVNode("", true),
-        vue.createElementVNode("div", _hoisted_2$3, [
+        __props.label ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_1$a, vue.toDisplayString(__props.label), 1)) : vue.createCommentVNode("", true),
+        vue.createElementVNode("div", _hoisted_2$7, [
           vue.createElementVNode("div", {
             ref_key: "inputWrapperRef",
             ref: inputWrapperRef,
@@ -825,7 +825,7 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
               type: "text",
               onFocus: openDropdown,
               onKeydown: handleKeydown
-            }, null, 40, _hoisted_3$1), [
+            }, null, 40, _hoisted_3$4), [
               [vue.vModelText, searchQuery.value]
             ]),
             __props.modelValue && !__props.disabled ? (vue.openBlock(), vue.createElementBlock("button", {
@@ -849,7 +849,7 @@ const _sfc_main$9 = /* @__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)
+            ], 8, _hoisted_4$3)
           ], 2),
           (vue.openBlock(), vue.createBlock(vue.Teleport, {
             to: "body",
@@ -874,7 +874,7 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
                     !__props.teleport && "absolute mt-2 w-full"
                   ])
                 }, [
-                  filteredOptions.value.length === 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, vue.toDisplayString(__props.noResultsText || "No results found"), 1)) : vue.createCommentVNode("", true),
+                  filteredOptions.value.length === 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$1, vue.toDisplayString(__props.noResultsText || "No results found"), 1)) : vue.createCommentVNode("", true),
                   (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(filteredOptions.value, (option, index) => {
                     return vue.openBlock(), vue.createElementBlock("button", {
                       key: option.value,
@@ -891,9 +891,9 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
                         class: "size-4 text-primary",
                         icon: "lucide:check"
                       })) : vue.createCommentVNode("", true),
-                      vue.createElementVNode("span", _hoisted_7, vue.toDisplayString(option.label), 1),
-                      vue.createElementVNode("span", _hoisted_8, "(" + vue.toDisplayString(option.value) + ")", 1)
-                    ], 10, _hoisted_6);
+                      vue.createElementVNode("span", _hoisted_7$1, vue.toDisplayString(option.label), 1),
+                      vue.createElementVNode("span", _hoisted_8$1, "(" + vue.toDisplayString(option.value) + ")", 1)
+                    ], 10, _hoisted_6$1);
                   }), 128))
                 ], 6)) : vue.createCommentVNode("", true)
               ]),
@@ -901,12 +901,12 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
             })
           ], 8, ["disabled"]))
         ]),
-        __props.error ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_9, vue.toDisplayString(__props.error), 1)) : vue.createCommentVNode("", true)
+        __props.error ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_9$1, vue.toDisplayString(__props.error), 1)) : vue.createCommentVNode("", true)
       ], 512);
     };
   }
 });
-const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
   __name: "TableAction",
   props: {
     link: {},
@@ -975,7 +975,7 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
   __name: "Button",
   props: {
     variant: { default: "primary" },
@@ -1068,10 +1068,10 @@ const _sfc_main$7 = /* @__PURE__ */ vue.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__ */ vue.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__ */ vue.defineComponent({
   __name: "Avatar",
   props: {
     src: {},
@@ -1117,7 +1117,7 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
     });
     const showImage = vue.computed(() => props.src && !imageError.value);
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$4, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$9, [
         vue.createElementVNode("div", {
           class: vue.normalizeClass([
             "flex items-center justify-center overflow-hidden bg-gray-200 font-medium text-gray-600 dark:bg-gray-700 dark:text-gray-300",
@@ -1131,7 +1131,7 @@ const _sfc_main$6 = /* @__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$2)) : initials.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3, vue.toDisplayString(initials.value), 1)) : (vue.openBlock(), vue.createBlock(vue.unref(vue$1.Icon), {
+          }, null, 40, _hoisted_2$6)) : initials.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$3, vue.toDisplayString(initials.value), 1)) : (vue.openBlock(), vue.createBlock(vue.unref(vue$1.Icon), {
             key: 2,
             icon: "lucide:user",
             class: "size-1/2"
@@ -1149,9 +1149,9 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$3 = ["aria-selected", "disabled", "onClick"];
-const _hoisted_2$1 = { class: "mt-4" };
-const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$8 = ["aria-selected", "disabled", "onClick"];
+const _hoisted_2$5 = { class: "mt-4" };
+const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
   __name: "Tabs",
   props: {
     tabs: {},
@@ -1216,18 +1216,18 @@ const _sfc_main$5 = /* @__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$3);
+            }, vue.toDisplayString(tab.label), 11, _hoisted_1$8);
           }), 128))
         ], 2),
-        vue.createElementVNode("div", _hoisted_2$1, [
+        vue.createElementVNode("div", _hoisted_2$5, [
           vue.renderSlot(_ctx.$slots, "default", { activeTab: activeTab.value })
         ])
       ]);
     };
   }
 });
-const _hoisted_1$2 = { role: "tabpanel" };
-const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$7 = { role: "tabpanel" };
+const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
   __name: "TabPanel",
   props: {
     value: {}
@@ -1237,7 +1237,7 @@ const _sfc_main$4 = /* @__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$2, [
+      return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_1$7, [
         vue.renderSlot(_ctx.$slots, "default")
       ], 512)), [
         [vue.vShow, isActive.value]
@@ -1245,11 +1245,11 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$1 = {
+const _hoisted_1$6 = {
   key: 2,
   class: "text-sm font-semibold"
 };
-const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
   __name: "Stepper",
   props: {
     steps: {},
@@ -1318,7 +1318,7 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
                   key: 1,
                   icon: step.icon,
                   class: "size-6"
-                }, null, 8, ["icon"])) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$1, vue.toDisplayString(index + 1), 1))
+                }, null, 8, ["icon"])) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$6, vue.toDisplayString(index + 1), 1))
               ], 2),
               vue.createElementVNode("div", {
                 class: vue.normalizeClass([
@@ -1346,9 +1346,9 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1 = { class: "overflow-hidden" };
-const _hoisted_2 = { class: "space-y-4 p-6" };
-const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$5 = { class: "overflow-hidden" };
+const _hoisted_2$4 = { class: "space-y-4 p-6" };
+const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
   __name: "CollapsibleCard",
   props: {
     title: {},
@@ -1362,7 +1362,7 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
       isExpanded.value = !isExpanded.value;
     };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(_sfc_main$d, {
+      return vue.openBlock(), vue.createBlock(_sfc_main$i, {
         title: __props.title,
         description: __props.description
       }, {
@@ -1389,8 +1389,8 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
             "leave-to-class": "opacity-0 max-h-0"
           }, {
             default: vue.withCtx(() => [
-              vue.withDirectives(vue.createElementVNode("div", _hoisted_1, [
-                vue.createElementVNode("div", _hoisted_2, [
+              vue.withDirectives(vue.createElementVNode("div", _hoisted_1$5, [
+                vue.createElementVNode("div", _hoisted_2$4, [
                   vue.renderSlot(_ctx.$slots, "default")
                 ])
               ], 512), [
@@ -1405,7 +1405,7 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
   __name: "Tooltip",
   props: {
     content: {},
@@ -1480,7 +1480,7 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
   __name: "Popover",
   props: {
     position: { default: "bottom" },
@@ -1563,18 +1563,474 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-exports._sfc_main = _sfc_main$d;
-exports._sfc_main$1 = _sfc_main$c;
-exports._sfc_main$10 = _sfc_main$3;
-exports._sfc_main$11 = _sfc_main$2;
-exports._sfc_main$12 = _sfc_main$1;
-exports._sfc_main$13 = _sfc_main;
-exports._sfc_main$2 = _sfc_main$b;
-exports._sfc_main$3 = _sfc_main$a;
-exports._sfc_main$4 = _sfc_main$9;
-exports._sfc_main$5 = _sfc_main$8;
-exports._sfc_main$6 = _sfc_main$7;
-exports._sfc_main$7 = _sfc_main$6;
-exports._sfc_main$8 = _sfc_main$5;
-exports._sfc_main$9 = _sfc_main$4;
-//# sourceMappingURL=Popover.vue_vue_type_script_setup_true_lang-dvlDTcf1.cjs.map
+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__ */ vue.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();
+      }
+    };
+    vue.onMounted(() => {
+      document.addEventListener("keydown", handleKeydown);
+    });
+    vue.onUnmounted(() => {
+      document.removeEventListener("keydown", handleKeydown);
+    });
+    vue.watch(
+      () => props.modelValue,
+      (isOpen) => {
+        if (isOpen) {
+          document.body.style.overflow = "hidden";
+        } else {
+          document.body.style.overflow = "";
+        }
+      }
+    );
+    const sizeClasses = vue.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 = vue.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 = vue.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 vue.openBlock(), vue.createBlock(vue.Teleport, { to: "body" }, [
+        vue.createVNode(vue.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: vue.withCtx(() => [
+            __props.modelValue && __props.overlay ? (vue.openBlock(), vue.createElementBlock("div", {
+              key: 0,
+              class: "fixed inset-0 z-40 bg-black/50",
+              onClick: handleOverlayClick
+            })) : vue.createCommentVNode("", true)
+          ]),
+          _: 1
+        }),
+        vue.createVNode(vue.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: vue.withCtx(() => [
+            __props.modelValue ? (vue.openBlock(), vue.createElementBlock("div", {
+              key: 0,
+              class: vue.normalizeClass([positionClasses.value, "z-50"]),
+              role: "dialog",
+              "aria-modal": "true"
+            }, [
+              __props.title || __props.showClose || _ctx.$slots.header ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$4, [
+                vue.renderSlot(_ctx.$slots, "header", {}, () => [
+                  vue.createElementVNode("h2", _hoisted_2$3, vue.toDisplayString(__props.title), 1)
+                ]),
+                __props.showClose ? (vue.openBlock(), vue.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
+                }, [
+                  vue.createVNode(vue.unref(vue$1.Icon), {
+                    icon: "heroicons:x-mark",
+                    class: "w-5 h-5"
+                  })
+                ])) : vue.createCommentVNode("", true)
+              ])) : vue.createCommentVNode("", true),
+              vue.createElementVNode("div", _hoisted_3$2, [
+                vue.renderSlot(_ctx.$slots, "default")
+              ]),
+              _ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$2, [
+                vue.renderSlot(_ctx.$slots, "footer")
+              ])) : vue.createCommentVNode("", true)
+            ], 2)) : vue.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__ */ vue.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 vue.openBlock(), vue.createElementBlock("nav", _hoisted_1$3, [
+        vue.createElementVNode("ol", _hoisted_2$2, [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.items, (item, index) => {
+            return vue.openBlock(), vue.createElementBlock("li", {
+              key: index,
+              class: "flex items-center"
+            }, [
+              index > 0 ? (vue.openBlock(), vue.createBlock(vue.unref(vue$1.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"])) : vue.createCommentVNode("", true),
+              (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(item.to ? "router-link" : item.href ? "a" : "span"), {
+                to: item.to,
+                href: item.href,
+                class: vue.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: vue.withCtx(() => [
+                  index === 0 && __props.showHomeIcon ? (vue.openBlock(), vue.createBlock(vue.unref(vue$1.Icon), {
+                    key: 0,
+                    icon: item.icon || __props.homeIcon,
+                    class: "w-4 h-4"
+                  }, null, 8, ["icon"])) : item.icon ? (vue.openBlock(), vue.createBlock(vue.unref(vue$1.Icon), {
+                    key: 1,
+                    icon: item.icon,
+                    class: "w-4 h-4"
+                  }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
+                  vue.createElementVNode("span", null, vue.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__ */ vue.defineComponent({
+  __name: "Accordion",
+  props: {
+    mode: { default: "single" },
+    defaultOpen: { default: () => [] }
+  },
+  setup(__props) {
+    const props = __props;
+    const openItems = vue.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);
+    vue.provide("accordion", {
+      toggle,
+      isOpen
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$2, [
+        vue.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__ */ vue.defineComponent({
+  __name: "AccordionItem",
+  props: {
+    itemKey: {},
+    title: {},
+    icon: {},
+    disabled: { type: Boolean }
+  },
+  setup(__props) {
+    const props = __props;
+    const accordion = vue.inject("accordion");
+    const isOpen = vue.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 vue.openBlock(), vue.createElementBlock("div", null, [
+        vue.createElementVNode("button", {
+          type: "button",
+          class: vue.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
+        }, [
+          vue.createElementVNode("span", _hoisted_2$1, [
+            __props.icon ? (vue.openBlock(), vue.createBlock(vue.unref(vue$1.Icon), {
+              key: 0,
+              icon: __props.icon,
+              class: "w-5 h-5"
+            }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
+            vue.createTextVNode(" " + vue.toDisplayString(__props.title), 1)
+          ]),
+          vue.createVNode(vue.unref(vue$1.Icon), {
+            icon: "heroicons:chevron-down",
+            class: vue.normalizeClass(["w-5 h-5 transition-transform duration-200", { "rotate-180": isOpen.value }])
+          }, null, 8, ["class"])
+        ], 10, _hoisted_1$1),
+        vue.createVNode(vue.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: vue.withCtx(() => [
+            vue.withDirectives(vue.createElementVNode("div", _hoisted_3$1, [
+              vue.createElementVNode("div", _hoisted_4$1, [
+                vue.renderSlot(_ctx.$slots, "default")
+              ])
+            ], 512), [
+              [vue.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__ */ vue.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" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.items, (item, index) => {
+          return vue.openBlock(), vue.createElementBlock("div", {
+            key: item.key,
+            class: "relative pb-8 last:pb-0"
+          }, [
+            index < __props.items.length - 1 ? (vue.openBlock(), vue.createElementBlock("div", {
+              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, [
+              vue.createElementVNode("div", {
+                class: vue.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) ? (vue.openBlock(), vue.createBlock(vue.unref(vue$1.Icon), {
+                  key: 0,
+                  icon: item.icon || getDefaultIcon(item.status),
+                  class: vue.normalizeClass(["w-4 h-4", getStatusClasses(item.status).icon])
+                }, null, 8, ["icon", "class"])) : vue.createCommentVNode("", true)
+              ], 2),
+              vue.createElementVNode("div", _hoisted_3, [
+                vue.createElementVNode("div", _hoisted_4, [
+                  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)
+                ]),
+                item.description ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_7, vue.toDisplayString(item.description), 1)) : vue.createCommentVNode("", true),
+                vue.renderSlot(_ctx.$slots, item.key, { item })
+              ])
+            ])
+          ]);
+        }), 128))
+      ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_8, [
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.items, (item, index) => {
+          return vue.openBlock(), vue.createElementBlock("div", {
+            key: item.key,
+            class: vue.normalizeClass(["flex flex-col items-center flex-shrink-0", { "flex-1": index < __props.items.length - 1 }])
+          }, [
+            vue.createElementVNode("div", _hoisted_9, [
+              vue.createElementVNode("div", {
+                class: vue.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) ? (vue.openBlock(), vue.createBlock(vue.unref(vue$1.Icon), {
+                  key: 0,
+                  icon: item.icon || getDefaultIcon(item.status),
+                  class: vue.normalizeClass(["w-4 h-4", getStatusClasses(item.status).icon])
+                }, null, 8, ["icon", "class"])) : vue.createCommentVNode("", true)
+              ], 2),
+              index < __props.items.length - 1 ? (vue.openBlock(), vue.createElementBlock("div", {
+                key: 0,
+                class: vue.normalizeClass(["flex-1 h-0.5 mx-2", getStatusClasses(item.status).line])
+              }, null, 2)) : vue.createCommentVNode("", true)
+            ]),
+            vue.createElementVNode("div", _hoisted_10, [
+              vue.createElementVNode("h3", _hoisted_11, vue.toDisplayString(item.title), 1),
+              item.date ? (vue.openBlock(), vue.createElementBlock("time", _hoisted_12, vue.toDisplayString(item.date), 1)) : vue.createCommentVNode("", true)
+            ])
+          ], 2);
+        }), 128))
+      ]));
+    };
+  }
+});
+exports._sfc_main = _sfc_main$i;
+exports._sfc_main$1 = _sfc_main$h;
+exports._sfc_main$10 = _sfc_main$8;
+exports._sfc_main$11 = _sfc_main$7;
+exports._sfc_main$12 = _sfc_main$6;
+exports._sfc_main$13 = _sfc_main$5;
+exports._sfc_main$14 = _sfc_main$4;
+exports._sfc_main$15 = _sfc_main$3;
+exports._sfc_main$16 = _sfc_main$2;
+exports._sfc_main$17 = _sfc_main$1;
+exports._sfc_main$18 = _sfc_main;
+exports._sfc_main$2 = _sfc_main$g;
+exports._sfc_main$3 = _sfc_main$f;
+exports._sfc_main$4 = _sfc_main$e;
+exports._sfc_main$5 = _sfc_main$d;
+exports._sfc_main$6 = _sfc_main$c;
+exports._sfc_main$7 = _sfc_main$b;
+exports._sfc_main$8 = _sfc_main$a;
+exports._sfc_main$9 = _sfc_main$9;
+//# sourceMappingURL=Timeline.vue_vue_type_script_setup_true_lang-C2Mq4XOO.cjs.map