cisse-vue-ui 0.5.11 → 0.5.12

package/dist/{Timeline.vue_vue_type_script_setup_true_lang-1yrOZ-T-.cjs → Timeline.vue_vue_type_script_setup_true_lang-5MnyzOrB.cjs}

@@ -5,52 +5,58 @@ const BadgeType_vue_vue_type_script_setup_true_lang = require("./BadgeType.vue_v
 const vue$1 = require("@iconify/vue");
 const useDropdown = require("./useDropdown-DHFnd259.cjs");
 const _hoisted_1$c = { class: "flex flex-col overflow-hidden rounded-lg bg-white shadow-md dark:bg-slate-950" };
-const _hoisted_2$9 = {
-  key: 0,
-  class: "border-b border-gray-200 dark:border-gray-700"
-};
+const _hoisted_2$9 = { class: "flex flex-col gap-0.5" };
 const _hoisted_3$7 = {
-  key: 1,
-  class: "flex items-center justify-between border-b border-gray-200 px-5 py-3 dark:border-gray-700"
-};
-const _hoisted_4$6 = { class: "flex flex-col gap-0.5" };
-const _hoisted_5$4 = {
-  key: 0,
-  class: "text-md font-semibold text-gray-800 dark:text-gray-200"
-};
-const _hoisted_6$4 = {
   key: 1,
   class: "text-sm font-normal text-gray-600 dark:text-gray-400"
 };
-const _hoisted_7$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$c, [
-        _ctx.$slots.header ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$9, [
+        _ctx.$slots.header ? (vue.openBlock(), vue.createElementBlock("div", {
+          key: 0,
+          class: vue.normalizeClass(["border-b", dividerClasses.value])
+        }, [
           vue.renderSlot(_ctx.$slots, "header")
-        ])) : __props.title || __props.description || _ctx.$slots.title || _ctx.$slots.description || _ctx.$slots.actions ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$7, [
-          vue.createElementVNode("div", _hoisted_4$6, [
-            __props.title || _ctx.$slots.title ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$4, [
+        ], 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_6$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_7$4, [
+          vue.createElementVNode("div", _hoisted_4$6, [
             vue.renderSlot(_ctx.$slots, "actions")
           ])
-        ])) : vue.createCommentVNode("", true),
+        ], 2)) : vue.createCommentVNode("", true),
         vue.renderSlot(_ctx.$slots, "default")
       ]);
     };
@@ -2076,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-1yrOZ-T-.cjs.map
+//# sourceMappingURL=Timeline.vue_vue_type_script_setup_true_lang-5MnyzOrB.cjs.map