cisse-vue-ui 0.5.10 → 0.5.12

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

@@ -1,56 +1,68 @@
-import { defineComponent, createElementBlock, openBlock, createCommentVNode, renderSlot, createElementVNode, createTextVNode, toDisplayString, useSlots, computed, createVNode, Fragment, renderList, normalizeClass, createBlock, resolveDynamicComponent, withCtx, onMounted, nextTick, getCurrentInstance, getCurrentScope, hasInjectionContext, inject, watch, shallowRef, toValue, watchEffect, unref, createSlots, ref, withDirectives, vModelText, withModifiers, Teleport, Transition, normalizeStyle, resolveComponent, mergeProps, provide, vShow, onUnmounted } from "vue";
+import { defineComponent, computed, createElementBlock, openBlock, createCommentVNode, renderSlot, normalizeClass, createElementVNode, createTextVNode, toDisplayString, useSlots, createVNode, Fragment, renderList, createBlock, resolveDynamicComponent, withCtx, onMounted, nextTick, getCurrentInstance, getCurrentScope, hasInjectionContext, inject, watch, shallowRef, toValue, watchEffect, unref, createSlots, ref, withDirectives, vModelText, withModifiers, Teleport, Transition, normalizeStyle, resolveComponent, mergeProps, provide, vShow, onUnmounted } from "vue";
 import { _ as _sfc_main$j } from "./Checkbox.vue_vue_type_script_setup_true_lang-B-nLCCNY.js";
 import { e as _sfc_main$k, d as _sfc_main$l, c as _sfc_main$m, b as _sfc_main$n, a as _sfc_main$o } from "./BadgeType.vue_vue_type_script_setup_true_lang-CnB5eNEM.js";
 import { Icon } from "@iconify/vue";
 import { u as useDropdown } from "./useDropdown-iVu14E6s.js";
-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__ */ defineComponent({
   __name: "CardComponent",
   props: {
     title: {},
-    description: {}
+    description: {},
+    titleClass: {},
+    dividerClass: {}
   },
   setup(__props) {
+    const props = __props;
+    const titleClasses = computed(
+      () => props.titleClass || "text-gray-800 dark:text-gray-200"
+    );
+    const dividerClasses = computed(
+      () => props.dividerClass || "border-gray-200 dark:border-gray-700"
+    );
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$d, [
-        __props.title || __props.description || _ctx.$slots.title || _ctx.$slots.description || _ctx.$slots.actions ? (openBlock(), createElementBlock("div", _hoisted_2$a, [
-          createElementVNode("div", _hoisted_3$7, [
-            __props.title || _ctx.$slots.title ? (openBlock(), createElementBlock("span", _hoisted_4$6, [
+      return openBlock(), createElementBlock("div", _hoisted_1$c, [
+        _ctx.$slots.header ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: normalizeClass(["border-b", dividerClasses.value])
+        }, [
+          renderSlot(_ctx.$slots, "header")
+        ], 2)) : __props.title || __props.description || _ctx.$slots.title || _ctx.$slots.description || _ctx.$slots.actions ? (openBlock(), createElementBlock("div", {
+          key: 1,
+          class: normalizeClass(["flex items-center justify-between border-b px-5 py-3", dividerClasses.value])
+        }, [
+          createElementVNode("div", _hoisted_2$9, [
+            __props.title || _ctx.$slots.title ? (openBlock(), createElementBlock("span", {
+              key: 0,
+              class: normalizeClass(["text-md font-semibold", titleClasses.value])
+            }, [
               renderSlot(_ctx.$slots, "title", {}, () => [
                 createTextVNode(toDisplayString(__props.title), 1)
               ])
-            ])) : createCommentVNode("", true),
-            __props.description || _ctx.$slots.description ? (openBlock(), createElementBlock("span", _hoisted_5$4, [
+            ], 2)) : createCommentVNode("", true),
+            __props.description || _ctx.$slots.description ? (openBlock(), createElementBlock("span", _hoisted_3$7, [
               renderSlot(_ctx.$slots, "description", {}, () => [
                 createTextVNode(toDisplayString(__props.description), 1)
               ])
             ])) : createCommentVNode("", true)
           ]),
-          createElementVNode("div", _hoisted_6$4, [
+          createElementVNode("div", _hoisted_4$6, [
             renderSlot(_ctx.$slots, "actions")
           ])
-        ])) : createCommentVNode("", true),
+        ], 2)) : createCommentVNode("", true),
         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 = {
@@ -160,8 +172,8 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     };
     const hasActionSlot = computed(() => !!slots.action);
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$c, [
-        createElementVNode("div", _hoisted_2$9, [
+      return openBlock(), createElementBlock("div", _hoisted_1$b, [
+        createElementVNode("div", _hoisted_2$8, [
           createElementVNode("table", _hoisted_3$6, [
             createElementVNode("thead", _hoisted_4$5, [
               createElementVNode("tr", null, [
@@ -235,8 +247,8 @@ const _sfc_main$h = /* @__PURE__ */ 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,
@@ -301,10 +313,10 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     };
     const hasEmptySlot = computed(() => !!slots.empty);
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$b, [
+      return openBlock(), createElementBlock("div", _hoisted_1$a, [
         __props.selectable && selectableItems.value.length > 0 ? (openBlock(), createBlock(_sfc_main$i, { key: 0 }, {
           default: withCtx(() => [
-            createElementVNode("div", _hoisted_2$8, [
+            createElementVNode("div", _hoisted_2$7, [
               createVNode(_sfc_main$j, {
                 "model-value": allSelected.value,
                 indeterminate: someSelected.value,
@@ -678,11 +690,11 @@ const _sfc_main$f = /* @__PURE__ */ 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 = {
@@ -798,8 +810,8 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
         ref: containerRef,
         class: "autocomplete-container"
       }, [
-        __props.label ? (openBlock(), createElementBlock("label", _hoisted_1$a, toDisplayString(__props.label), 1)) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_2$7, [
+        __props.label ? (openBlock(), createElementBlock("label", _hoisted_1$9, toDisplayString(__props.label), 1)) : createCommentVNode("", true),
+        createElementVNode("div", _hoisted_2$6, [
           createElementVNode("div", {
             ref_key: "inputWrapperRef",
             ref: inputWrapperRef,
@@ -1067,8 +1079,8 @@ const _sfc_main$c = /* @__PURE__ */ 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__ */ defineComponent({
   __name: "Avatar",
@@ -1116,7 +1128,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     });
     const showImage = computed(() => props.src && !imageError.value);
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$9, [
+      return openBlock(), createElementBlock("div", _hoisted_1$8, [
         createElementVNode("div", {
           class: normalizeClass([
             "flex items-center justify-center overflow-hidden bg-gray-200 font-medium text-gray-600 dark:bg-gray-700 dark:text-gray-300",
@@ -1130,7 +1142,7 @@ const _sfc_main$b = /* @__PURE__ */ 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 ? (openBlock(), createElementBlock("span", _hoisted_3$3, toDisplayString(initials.value), 1)) : (openBlock(), createBlock(unref(Icon), {
+          }, null, 40, _hoisted_2$5)) : initials.value ? (openBlock(), createElementBlock("span", _hoisted_3$3, toDisplayString(initials.value), 1)) : (openBlock(), createBlock(unref(Icon), {
             key: 2,
             icon: "lucide:user",
             class: "size-1/2"
@@ -1148,8 +1160,8 @@ const _sfc_main$b = /* @__PURE__ */ 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__ */ defineComponent({
   __name: "Tabs",
   props: {
@@ -1215,17 +1227,17 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
                 activeTab.value === tab.key ? variantClasses[__props.variant].active : variantClasses[__props.variant].inactive
               ]),
               onClick: ($event) => selectTab(tab)
-            }, toDisplayString(tab.label), 11, _hoisted_1$8);
+            }, toDisplayString(tab.label), 11, _hoisted_1$7);
           }), 128))
         ], 2),
-        createElementVNode("div", _hoisted_2$5, [
+        createElementVNode("div", _hoisted_2$4, [
           renderSlot(_ctx.$slots, "default", { activeTab: activeTab.value })
         ])
       ]);
     };
   }
 });
-const _hoisted_1$7 = { role: "tabpanel" };
+const _hoisted_1$6 = { role: "tabpanel" };
 const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "TabPanel",
   props: {
@@ -1236,7 +1248,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     const activeTab = inject("activeTab");
     const isActive = computed(() => (activeTab == null ? void 0 : activeTab.value) === props.value);
     return (_ctx, _cache) => {
-      return withDirectives((openBlock(), createElementBlock("div", _hoisted_1$7, [
+      return withDirectives((openBlock(), createElementBlock("div", _hoisted_1$6, [
         renderSlot(_ctx.$slots, "default")
       ], 512)), [
         [vShow, isActive.value]
@@ -1244,7 +1256,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$6 = {
+const _hoisted_1$5 = {
   key: 2,
   class: "text-sm font-semibold"
 };
@@ -1317,7 +1329,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
                   key: 1,
                   icon: step.icon,
                   class: "size-6"
-                }, null, 8, ["icon"])) : (openBlock(), createElementBlock("span", _hoisted_1$6, toDisplayString(index + 1), 1))
+                }, null, 8, ["icon"])) : (openBlock(), createElementBlock("span", _hoisted_1$5, toDisplayString(index + 1), 1))
               ], 2),
               createElementVNode("div", {
                 class: normalizeClass([
@@ -1345,15 +1357,12 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$5 = { class: "overflow-hidden" };
-const _hoisted_2$4 = { class: "space-y-4 p-6" };
 const _sfc_main$7 = /* @__PURE__ */ 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: "" }
   },
@@ -1366,57 +1375,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
     const hasCustomHeader = () => !!slots.header;
     return (_ctx, _cache) => {
-      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
-      }, {
-        actions: withCtx(() => [
-          renderSlot(_ctx.$slots, "actions"),
-          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
-          }, [
-            createVNode(unref(Icon), {
-              icon: isExpanded.value ? "lucide:chevron-up" : "lucide:chevron-down",
-              class: "size-5"
-            }, null, 8, ["icon"])
-          ])
-        ]),
+      return openBlock(), createBlock(_sfc_main$i, null, createSlots({
         default: withCtx(() => [
           createVNode(Transition, {
             "enter-active-class": "transition-all duration-200 ease-out",
@@ -1427,19 +1386,70 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
             "leave-to-class": "opacity-0 max-h-0"
           }, {
             default: withCtx(() => [
-              withDirectives(createElementVNode("div", _hoisted_1$5, [
-                createElementVNode("div", _hoisted_2$4, [
+              withDirectives(createElementVNode("div", {
+                class: normalizeClass(["overflow-hidden", __props.contentClass])
+              }, [
+                createElementVNode("div", {
+                  class: normalizeClass(hasCustomHeader() ? "" : "space-y-4 p-6")
+                }, [
                   renderSlot(_ctx.$slots, "default")
-                ])
-              ], 512), [
+                ], 2)
+              ], 2), [
                 [vShow, isExpanded.value]
               ])
             ]),
             _: 3
           })
         ]),
-        _: 3
-      }, 8, ["title", "description"]));
+        _: 2
+      }, [
+        hasCustomHeader() ? {
+          name: "header",
+          fn: withCtx(() => [
+            createElementVNode("button", {
+              type: "button",
+              class: normalizeClass(__props.headerClass),
+              onClick: toggle
+            }, [
+              renderSlot(_ctx.$slots, "header", {
+                expanded: isExpanded.value,
+                toggle
+              })
+            ], 2)
+          ]),
+          key: "0"
+        } : __props.title || __props.description ? {
+          name: "title",
+          fn: withCtx(() => [
+            createTextVNode(toDisplayString(__props.title), 1)
+          ]),
+          key: "1"
+        } : void 0,
+        !hasCustomHeader() && __props.description ? {
+          name: "description",
+          fn: withCtx(() => [
+            createTextVNode(toDisplayString(__props.description), 1)
+          ]),
+          key: "2"
+        } : void 0,
+        !hasCustomHeader() ? {
+          name: "actions",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "actions"),
+            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
+            }, [
+              createVNode(unref(Icon), {
+                icon: isExpanded.value ? "lucide:chevron-up" : "lucide:chevron-down",
+                class: "size-5"
+              }, null, 8, ["icon"])
+            ])
+          ]),
+          key: "3"
+        } : void 0
+      ]), 1024);
     };
   }
 });
@@ -2073,4 +2083,4 @@ export {
   _sfc_main$1 as q,
   _sfc_main as r
 };
-//# sourceMappingURL=Timeline.vue_vue_type_script_setup_true_lang-D5uv4FP6.js.map
+//# sourceMappingURL=Timeline.vue_vue_type_script_setup_true_lang-go_BS8Q4.js.map