cisse-vue-ui 0.5.8 → 0.5.9

package/dist/{Timeline.vue_vue_type_script_setup_true_lang-HsytOvLH.cjs → Timeline.vue_vue_type_script_setup_true_lang-C7rAWzZ9.cjs}

@@ -1353,16 +1353,55 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
   props: {
     title: {},
     description: {},
-    defaultExpanded: { type: Boolean, default: true }
+    defaultExpanded: { type: Boolean, default: true },
+    cardClass: { default: "rounded-xl overflow-hidden border border-gray-200 dark:border-gray-700" },
+    headerClass: { default: "w-full text-left" },
+    contentClass: { default: "" }
   },
   setup(__props) {
     const props = __props;
+    const slots = vue.useSlots();
     const isExpanded = vue.ref(props.defaultExpanded);
     const toggle = () => {
       isExpanded.value = !isExpanded.value;
     };
+    const hasCustomHeader = () => !!slots.header;
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(_sfc_main$i, {
+      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
       }, {
@@ -1401,7 +1440,7 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
           })
         ]),
         _: 3
-      }, 8, ["title", "description"]);
+      }, 8, ["title", "description"]));
     };
   }
 });
@@ -2033,4 +2072,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-HsytOvLH.cjs.map
+//# sourceMappingURL=Timeline.vue_vue_type_script_setup_true_lang-C7rAWzZ9.cjs.map