cisse-vue-ui 0.5.10 → 0.5.12

package/dist/{Timeline.vue_vue_type_script_setup_true_lang-DCXZzhrY.cjs → Timeline.vue_vue_type_script_setup_true_lang-5MnyzOrB.cjs}

@@ -4,54 +4,66 @@ 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$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$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$4 = {
+const _hoisted_1$c = { class: "flex flex-col overflow-hidden rounded-lg bg-white shadow-md dark:bg-slate-950" };
+const _hoisted_2$9 = { class: "flex flex-col gap-0.5" };
+const _hoisted_3$7 = {
   key: 1,
   class: "text-sm font-normal text-gray-600 dark:text-gray-400"
 };
-const _hoisted_6$4 = { class: "flex gap-2" };
+const _hoisted_4$6 = { class: "flex gap-2" };
 const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
   __name: "CardComponent",
   props: {
     title: {},
-    description: {}
+    description: {},
+    titleClass: {},
+    dividerClass: {}
   },
   setup(__props) {
+    const props = __props;
+    const titleClasses = vue.computed(
+      () => props.titleClass || "text-gray-800 dark:text-gray-200"
+    );
+    const dividerClasses = vue.computed(
+      () => props.dividerClass || "border-gray-200 dark:border-gray-700"
+    );
     return (_ctx, _cache) => {
-      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, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$c, [
+        _ctx.$slots.header ? (vue.openBlock(), vue.createElementBlock("div", {
+          key: 0,
+          class: vue.normalizeClass(["border-b", dividerClasses.value])
+        }, [
+          vue.renderSlot(_ctx.$slots, "header")
+        ], 2)) : __props.title || __props.description || _ctx.$slots.title || _ctx.$slots.description || _ctx.$slots.actions ? (vue.openBlock(), vue.createElementBlock("div", {
+          key: 1,
+          class: vue.normalizeClass(["flex items-center justify-between border-b px-5 py-3", dividerClasses.value])
+        }, [
+          vue.createElementVNode("div", _hoisted_2$9, [
+            __props.title || _ctx.$slots.title ? (vue.openBlock(), vue.createElementBlock("span", {
+              key: 0,
+              class: vue.normalizeClass(["text-md font-semibold", titleClasses.value])
+            }, [
               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$4, [
+            ], 2)) : vue.createCommentVNode("", true),
+            __props.description || _ctx.$slots.description ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$7, [
               vue.renderSlot(_ctx.$slots, "description", {}, () => [
                 vue.createTextVNode(vue.toDisplayString(__props.description), 1)
               ])
             ])) : vue.createCommentVNode("", true)
           ]),
-          vue.createElementVNode("div", _hoisted_6$4, [
+          vue.createElementVNode("div", _hoisted_4$6, [
             vue.renderSlot(_ctx.$slots, "actions")
           ])
-        ])) : vue.createCommentVNode("", true),
+        ], 2)) : vue.createCommentVNode("", true),
         vue.renderSlot(_ctx.$slots, "default")
       ]);
     };
   }
 });
-const _hoisted_1$c = { class: "overflow-hidden" };
-const _hoisted_2$9 = { class: "overflow-x-auto" };
+const _hoisted_1$b = { class: "overflow-hidden" };
+const _hoisted_2$8 = { 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 = {
@@ -161,8 +173,8 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
     };
     const hasActionSlot = vue.computed(() => !!slots.action);
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$c, [
-        vue.createElementVNode("div", _hoisted_2$9, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$b, [
+        vue.createElementVNode("div", _hoisted_2$8, [
           vue.createElementVNode("table", _hoisted_3$6, [
             vue.createElementVNode("thead", _hoisted_4$5, [
               vue.createElementVNode("tr", null, [
@@ -236,8 +248,8 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$b = { class: "space-y-3" };
-const _hoisted_2$8 = { class: "flex items-center gap-3 p-3" };
+const _hoisted_1$a = { class: "space-y-3" };
+const _hoisted_2$7 = { 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,
@@ -302,10 +314,10 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
     };
     const hasEmptySlot = vue.computed(() => !!slots.empty);
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$b, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$a, [
         __props.selectable && selectableItems.value.length > 0 ? (vue.openBlock(), vue.createBlock(_sfc_main$i, { key: 0 }, {
           default: vue.withCtx(() => [
-            vue.createElementVNode("div", _hoisted_2$8, [
+            vue.createElementVNode("div", _hoisted_2$7, [
               vue.createVNode(Checkbox_vue_vue_type_script_setup_true_lang._sfc_main, {
                 "model-value": allSelected.value,
                 indeterminate: someSelected.value,
@@ -679,11 +691,11 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$a = {
+const _hoisted_1$9 = {
   key: 0,
   class: "mb-2 block text-sm font-medium text-gray-700 dark:text-gray-300"
 };
-const _hoisted_2$7 = { class: "relative" };
+const _hoisted_2$6 = { class: "relative" };
 const _hoisted_3$4 = ["disabled", "placeholder"];
 const _hoisted_4$3 = ["disabled"];
 const _hoisted_5$1 = {
@@ -799,8 +811,8 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
         ref: containerRef,
         class: "autocomplete-container"
       }, [
-        __props.label ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_1$a, vue.toDisplayString(__props.label), 1)) : vue.createCommentVNode("", true),
-        vue.createElementVNode("div", _hoisted_2$7, [
+        __props.label ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_1$9, vue.toDisplayString(__props.label), 1)) : vue.createCommentVNode("", true),
+        vue.createElementVNode("div", _hoisted_2$6, [
           vue.createElementVNode("div", {
             ref_key: "inputWrapperRef",
             ref: inputWrapperRef,
@@ -1068,8 +1080,8 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$9 = { class: "relative inline-block" };
-const _hoisted_2$6 = ["src", "alt"];
+const _hoisted_1$8 = { class: "relative inline-block" };
+const _hoisted_2$5 = ["src", "alt"];
 const _hoisted_3$3 = { key: 1 };
 const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
   __name: "Avatar",
@@ -1117,7 +1129,7 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
     });
     const showImage = vue.computed(() => props.src && !imageError.value);
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$9, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$8, [
         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 +1143,7 @@ const _sfc_main$b = /* @__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$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), {
+          }, null, 40, _hoisted_2$5)) : 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,8 +1161,8 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$8 = ["aria-selected", "disabled", "onClick"];
-const _hoisted_2$5 = { class: "mt-4" };
+const _hoisted_1$7 = ["aria-selected", "disabled", "onClick"];
+const _hoisted_2$4 = { class: "mt-4" };
 const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
   __name: "Tabs",
   props: {
@@ -1216,17 +1228,17 @@ const _sfc_main$a = /* @__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$8);
+            }, vue.toDisplayString(tab.label), 11, _hoisted_1$7);
           }), 128))
         ], 2),
-        vue.createElementVNode("div", _hoisted_2$5, [
+        vue.createElementVNode("div", _hoisted_2$4, [
           vue.renderSlot(_ctx.$slots, "default", { activeTab: activeTab.value })
         ])
       ]);
     };
   }
 });
-const _hoisted_1$7 = { role: "tabpanel" };
+const _hoisted_1$6 = { role: "tabpanel" };
 const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
   __name: "TabPanel",
   props: {
@@ -1237,7 +1249,7 @@ const _sfc_main$9 = /* @__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$7, [
+      return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_1$6, [
         vue.renderSlot(_ctx.$slots, "default")
       ], 512)), [
         [vue.vShow, isActive.value]
@@ -1245,7 +1257,7 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$6 = {
+const _hoisted_1$5 = {
   key: 2,
   class: "text-sm font-semibold"
 };
@@ -1318,7 +1330,7 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
                   key: 1,
                   icon: step.icon,
                   class: "size-6"
-                }, null, 8, ["icon"])) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$6, vue.toDisplayString(index + 1), 1))
+                }, null, 8, ["icon"])) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$5, vue.toDisplayString(index + 1), 1))
               ], 2),
               vue.createElementVNode("div", {
                 class: vue.normalizeClass([
@@ -1346,15 +1358,12 @@ const _sfc_main$8 = /* @__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: {},
     description: {},
     defaultExpanded: { type: Boolean, default: true },
-    cardClass: { default: "rounded-lg overflow-hidden bg-white shadow-md dark:bg-slate-950" },
     headerClass: { default: "w-full text-left" },
     contentClass: { default: "" }
   },
@@ -1367,57 +1376,7 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
     };
     const hasCustomHeader = () => !!slots.header;
     return (_ctx, _cache) => {
-      return hasCustomHeader() ? (vue.openBlock(), vue.createElementBlock("div", {
-        key: 0,
-        class: vue.normalizeClass(__props.cardClass)
-      }, [
-        vue.createElementVNode("button", {
-          type: "button",
-          class: vue.normalizeClass(__props.headerClass),
-          onClick: toggle
-        }, [
-          vue.renderSlot(_ctx.$slots, "header", {
-            expanded: isExpanded.value,
-            toggle
-          })
-        ], 2),
-        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-[2000px]",
-          "leave-active-class": "transition-all duration-200 ease-in",
-          "leave-from-class": "opacity-100 max-h-[2000px]",
-          "leave-to-class": "opacity-0 max-h-0"
-        }, {
-          default: vue.withCtx(() => [
-            vue.withDirectives(vue.createElementVNode("div", {
-              class: vue.normalizeClass(["overflow-hidden", __props.contentClass])
-            }, [
-              vue.renderSlot(_ctx.$slots, "default")
-            ], 2), [
-              [vue.vShow, isExpanded.value]
-            ])
-          ]),
-          _: 3
-        })
-      ], 2)) : (vue.openBlock(), vue.createBlock(_sfc_main$i, {
-        key: 1,
-        title: __props.title,
-        description: __props.description
-      }, {
-        actions: vue.withCtx(() => [
-          vue.renderSlot(_ctx.$slots, "actions"),
-          vue.createElementVNode("button", {
-            type: "button",
-            class: "rounded-lg p-1.5 text-gray-500 hover:bg-gray-100 dark:text-gray-400 dark:hover:bg-gray-800",
-            onClick: toggle
-          }, [
-            vue.createVNode(vue.unref(vue$1.Icon), {
-              icon: isExpanded.value ? "lucide:chevron-up" : "lucide:chevron-down",
-              class: "size-5"
-            }, null, 8, ["icon"])
-          ])
-        ]),
+      return vue.openBlock(), vue.createBlock(_sfc_main$i, null, vue.createSlots({
         default: vue.withCtx(() => [
           vue.createVNode(vue.Transition, {
             "enter-active-class": "transition-all duration-200 ease-out",
@@ -1428,19 +1387,70 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
             "leave-to-class": "opacity-0 max-h-0"
           }, {
             default: vue.withCtx(() => [
-              vue.withDirectives(vue.createElementVNode("div", _hoisted_1$5, [
-                vue.createElementVNode("div", _hoisted_2$4, [
+              vue.withDirectives(vue.createElementVNode("div", {
+                class: vue.normalizeClass(["overflow-hidden", __props.contentClass])
+              }, [
+                vue.createElementVNode("div", {
+                  class: vue.normalizeClass(hasCustomHeader() ? "" : "space-y-4 p-6")
+                }, [
                   vue.renderSlot(_ctx.$slots, "default")
-                ])
-              ], 512), [
+                ], 2)
+              ], 2), [
                 [vue.vShow, isExpanded.value]
               ])
             ]),
             _: 3
           })
         ]),
-        _: 3
-      }, 8, ["title", "description"]));
+        _: 2
+      }, [
+        hasCustomHeader() ? {
+          name: "header",
+          fn: vue.withCtx(() => [
+            vue.createElementVNode("button", {
+              type: "button",
+              class: vue.normalizeClass(__props.headerClass),
+              onClick: toggle
+            }, [
+              vue.renderSlot(_ctx.$slots, "header", {
+                expanded: isExpanded.value,
+                toggle
+              })
+            ], 2)
+          ]),
+          key: "0"
+        } : __props.title || __props.description ? {
+          name: "title",
+          fn: vue.withCtx(() => [
+            vue.createTextVNode(vue.toDisplayString(__props.title), 1)
+          ]),
+          key: "1"
+        } : void 0,
+        !hasCustomHeader() && __props.description ? {
+          name: "description",
+          fn: vue.withCtx(() => [
+            vue.createTextVNode(vue.toDisplayString(__props.description), 1)
+          ]),
+          key: "2"
+        } : void 0,
+        !hasCustomHeader() ? {
+          name: "actions",
+          fn: vue.withCtx(() => [
+            vue.renderSlot(_ctx.$slots, "actions"),
+            vue.createElementVNode("button", {
+              type: "button",
+              class: "rounded-lg p-1.5 text-gray-500 hover:bg-gray-100 dark:text-gray-400 dark:hover:bg-gray-800",
+              onClick: toggle
+            }, [
+              vue.createVNode(vue.unref(vue$1.Icon), {
+                icon: isExpanded.value ? "lucide:chevron-up" : "lucide:chevron-down",
+                class: "size-5"
+              }, null, 8, ["icon"])
+            ])
+          ]),
+          key: "3"
+        } : void 0
+      ]), 1024);
     };
   }
 });
@@ -2072,4 +2082,4 @@ 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-DCXZzhrY.cjs.map
+//# sourceMappingURL=Timeline.vue_vue_type_script_setup_true_lang-5MnyzOrB.cjs.map