cisse-vue-ui 0.5.8 → 0.5.10

package/dist/{Timeline.vue_vue_type_script_setup_true_lang-BDHQDmeC.js → Timeline.vue_vue_type_script_setup_true_lang-D5uv4FP6.js}

@@ -1352,16 +1352,55 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   props: {
     title: {},
     description: {},
-    defaultExpanded: { type: Boolean, default: true }
+    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: "" }
   },
   setup(__props) {
     const props = __props;
+    const slots = useSlots();
     const isExpanded = ref(props.defaultExpanded);
     const toggle = () => {
       isExpanded.value = !isExpanded.value;
     };
+    const hasCustomHeader = () => !!slots.header;
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$i, {
+      return hasCustomHeader() ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        class: normalizeClass(__props.cardClass)
+      }, [
+        createElementVNode("button", {
+          type: "button",
+          class: normalizeClass(__props.headerClass),
+          onClick: toggle
+        }, [
+          renderSlot(_ctx.$slots, "header", {
+            expanded: isExpanded.value,
+            toggle
+          })
+        ], 2),
+        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-[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: withCtx(() => [
+            withDirectives(createElementVNode("div", {
+              class: normalizeClass(["overflow-hidden", __props.contentClass])
+            }, [
+              renderSlot(_ctx.$slots, "default")
+            ], 2), [
+              [vShow, isExpanded.value]
+            ])
+          ]),
+          _: 3
+        })
+      ], 2)) : (openBlock(), createBlock(_sfc_main$i, {
+        key: 1,
         title: __props.title,
         description: __props.description
       }, {
@@ -1400,7 +1439,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
           })
         ]),
         _: 3
-      }, 8, ["title", "description"]);
+      }, 8, ["title", "description"]));
     };
   }
 });
@@ -2034,4 +2073,4 @@ export {
   _sfc_main$1 as q,
   _sfc_main as r
 };
-//# sourceMappingURL=Timeline.vue_vue_type_script_setup_true_lang-BDHQDmeC.js.map
+//# sourceMappingURL=Timeline.vue_vue_type_script_setup_true_lang-D5uv4FP6.js.map