cisse-vue-ui 0.1.10 → 0.2.1

package/dist/{CollapsibleCard.vue_vue_type_script_setup_true_lang-l4KQ8HX8.js → CollapsibleCard.vue_vue_type_script_setup_true_lang-Dehf9Ji3.js}

@@ -1,22 +1,23 @@
-import { defineComponent, createElementBlock, openBlock, createCommentVNode, renderSlot, createElementVNode, createTextVNode, toDisplayString, computed, Fragment, renderList, normalizeClass, createBlock, resolveDynamicComponent, ref, watch, onUnmounted, createVNode, withDirectives, unref, vModelText, withModifiers, Teleport, Transition, withCtx, normalizeStyle, nextTick, resolveComponent, mergeProps, provide, inject, vShow } from "vue";
-import { e as _sfc_main$a, d as _sfc_main$b, c as _sfc_main$c, b as _sfc_main$d, a as _sfc_main$e } from "./BadgeType.vue_vue_type_script_setup_true_lang-CnB5eNEM.js";
+import { defineComponent, createElementBlock, openBlock, createCommentVNode, renderSlot, createElementVNode, createTextVNode, toDisplayString, useSlots, computed, createVNode, Fragment, renderList, normalizeClass, createBlock, resolveDynamicComponent, normalizeStyle, withCtx, createSlots, ref, watch, onUnmounted, withDirectives, unref, vModelText, withModifiers, Teleport, Transition, nextTick, resolveComponent, mergeProps, provide, inject, vShow } from "vue";
+import { _ as _sfc_main$c } from "./Checkbox.vue_vue_type_script_setup_true_lang-B-nLCCNY.js";
+import { e as _sfc_main$d, d as _sfc_main$e, c as _sfc_main$f, b as _sfc_main$g, a as _sfc_main$h } from "./BadgeType.vue_vue_type_script_setup_true_lang-CnB5eNEM.js";
 import { Icon } from "@iconify/vue";
-const _hoisted_1$7 = { class: "flex flex-col overflow-hidden rounded-lg bg-white shadow-md dark:bg-slate-950" };
-const _hoisted_2$5 = {
+const _hoisted_1$9 = { class: "flex flex-col overflow-hidden rounded-lg bg-white shadow-md dark:bg-slate-950" };
+const _hoisted_2$7 = {
   key: 0,
   class: "flex items-center justify-between border-b border-gray-200 px-5 py-3 dark:border-gray-700"
 };
-const _hoisted_3$3 = { class: "flex flex-col gap-0.5" };
-const _hoisted_4$2 = {
+const _hoisted_3$4 = { class: "flex flex-col gap-0.5" };
+const _hoisted_4$3 = {
   key: 0,
   class: "text-md font-semibold text-gray-800 dark:text-gray-200"
 };
-const _hoisted_5$2 = {
+const _hoisted_5$3 = {
   key: 1,
   class: "text-sm font-normal text-gray-600 dark:text-gray-400"
 };
-const _hoisted_6$1 = { class: "flex gap-2" };
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const _hoisted_6$3 = { class: "flex gap-2" };
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   __name: "CardComponent",
   props: {
     title: {},
@@ -24,21 +25,21 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$7, [
-        __props.title || __props.description || _ctx.$slots.title || _ctx.$slots.description || _ctx.$slots.actions ? (openBlock(), createElementBlock("div", _hoisted_2$5, [
-          createElementVNode("div", _hoisted_3$3, [
-            __props.title || _ctx.$slots.title ? (openBlock(), createElementBlock("span", _hoisted_4$2, [
+      return openBlock(), createElementBlock("div", _hoisted_1$9, [
+        __props.title || __props.description || _ctx.$slots.title || _ctx.$slots.description || _ctx.$slots.actions ? (openBlock(), createElementBlock("div", _hoisted_2$7, [
+          createElementVNode("div", _hoisted_3$4, [
+            __props.title || _ctx.$slots.title ? (openBlock(), createElementBlock("span", _hoisted_4$3, [
               renderSlot(_ctx.$slots, "title", {}, () => [
                 createTextVNode(toDisplayString(__props.title), 1)
               ])
             ])) : createCommentVNode("", true),
-            __props.description || _ctx.$slots.description ? (openBlock(), createElementBlock("span", _hoisted_5$2, [
+            __props.description || _ctx.$slots.description ? (openBlock(), createElementBlock("span", _hoisted_5$3, [
               renderSlot(_ctx.$slots, "description", {}, () => [
                 createTextVNode(toDisplayString(__props.description), 1)
               ])
             ])) : createCommentVNode("", true)
           ]),
-          createElementVNode("div", _hoisted_6$1, [
+          createElementVNode("div", _hoisted_6$3, [
             renderSlot(_ctx.$slots, "actions")
           ])
         ])) : createCommentVNode("", true),
@@ -47,29 +48,58 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$6 = { class: "w-full divide-y divide-black/10 text-left dark:divide-white/10" };
-const _hoisted_2$4 = { class: "bg-black/5 text-sm font-semibold text-gray-600 uppercase dark:bg-white/5 dark:text-gray-400" };
-const _hoisted_3$2 = { class: "divide-y divide-black/10 font-medium dark:divide-white/10" };
-const _hoisted_4$1 = { class: "flex items-center justify-end gap-2 px-3 py-4" };
-const _hoisted_5$1 = { key: 0 };
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$8 = { class: "bg-white dark:bg-gray-800 rounded-xl border border-gray-200 dark:border-gray-700 overflow-hidden" };
+const _hoisted_2$6 = { class: "overflow-x-auto" };
+const _hoisted_3$3 = { class: "w-full divide-y divide-black/10 text-left dark:divide-white/10" };
+const _hoisted_4$2 = { class: "bg-black/5 text-sm font-semibold text-gray-600 uppercase dark:bg-white/5 dark:text-gray-400" };
+const _hoisted_5$2 = {
+  key: 0,
+  class: "w-12 px-3 py-3"
+};
+const _hoisted_6$2 = {
+  key: 1,
+  class: "px-3 py-3 text-right"
+};
+const _hoisted_7$2 = { class: "divide-y divide-black/10 font-medium dark:divide-white/10" };
+const _hoisted_8$2 = {
+  key: 0,
+  class: "px-3 py-4"
+};
+const _hoisted_9$2 = {
+  key: 1,
+  class: "flex items-center justify-end gap-2 px-3 py-4"
+};
+const _hoisted_10$1 = { key: 0 };
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "TableComponent",
   props: {
     properties: {},
-    items: {}
+    items: {},
+    selectable: { type: Boolean, default: false },
+    selectedItems: {},
+    selectableFilter: {},
+    keyField: { default: "id" }
   },
-  setup(__props) {
+  emits: ["select", "selectAll"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const slots = useSlots();
     const typeComponents = {
-      text: _sfc_main$e,
-      number: _sfc_main$d,
-      date: _sfc_main$c,
-      boolean: _sfc_main$b,
-      badge: _sfc_main$a
+      text: _sfc_main$h,
+      number: _sfc_main$g,
+      date: _sfc_main$f,
+      boolean: _sfc_main$e,
+      badge: _sfc_main$d
     };
     const getTypeComponent = (type = "text") => {
-      return typeComponents[type] || _sfc_main$e;
+      return typeComponents[type] || _sfc_main$h;
+    };
+    const visibleProperties = computed(() => props.properties.filter((p) => !p.hidden));
+    const getKey = (item) => {
+      const keyValue = item[props.keyField];
+      return String(keyValue ?? Math.random());
     };
-    const visibleProperties = computed(() => __props.properties.filter((p) => !p.hidden));
     const getItemValue = (item, property) => {
       if (property.name.includes(".")) {
         let value = item;
@@ -100,65 +130,361 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
       }
       return "text-xs font-medium text-gray-600 dark:text-gray-400";
     };
+    const selectableItems = computed(() => {
+      if (!props.selectableFilter) return props.items;
+      return props.items.filter(props.selectableFilter);
+    });
+    const allSelected = computed(() => {
+      if (selectableItems.value.length === 0) return false;
+      return selectableItems.value.every((item) => {
+        var _a;
+        return (_a = props.selectedItems) == null ? void 0 : _a.has(getKey(item));
+      });
+    });
+    const someSelected = computed(() => {
+      var _a;
+      return (((_a = props.selectedItems) == null ? void 0 : _a.size) || 0) > 0 && !allSelected.value;
+    });
+    const isSelected = (item) => {
+      var _a;
+      return ((_a = props.selectedItems) == null ? void 0 : _a.has(getKey(item))) || false;
+    };
+    const isSelectable = (item) => {
+      if (!props.selectable) return false;
+      if (!props.selectableFilter) return true;
+      return props.selectableFilter(item);
+    };
+    const handleSelect = (item) => {
+      emit("select", getKey(item));
+    };
+    const hasActionSlot = computed(() => !!slots.action);
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(Fragment, null, [
-        createElementVNode("table", _hoisted_1$6, [
-          createElementVNode("thead", _hoisted_2$4, [
-            createElementVNode("tr", null, [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(visibleProperties.value, (property) => {
-                return openBlock(), createElementBlock("th", {
-                  key: property.name,
-                  class: normalizeClass([getAlignmentClass(property.align), "px-3 py-3"])
-                }, [
-                  renderSlot(_ctx.$slots, "header-" + property.name, { property }, () => [
-                    createTextVNode(toDisplayString(property.label ?? property.name), 1)
-                  ])
-                ], 2);
-              }), 128)),
-              _cache[0] || (_cache[0] = createElementVNode("th", { class: "px-3 py-3 text-right" }, null, -1))
-            ])
-          ]),
-          createElementVNode("tbody", _hoisted_3$2, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item) => {
-              return openBlock(), createElementBlock("tr", {
-                key: item.id,
-                class: "hover:bg-black/5 dark:hover:bg-white/5"
-              }, [
+      return openBlock(), createElementBlock("div", _hoisted_1$8, [
+        createElementVNode("div", _hoisted_2$6, [
+          createElementVNode("table", _hoisted_3$3, [
+            createElementVNode("thead", _hoisted_4$2, [
+              createElementVNode("tr", null, [
+                __props.selectable ? (openBlock(), createElementBlock("th", _hoisted_5$2, [
+                  createVNode(_sfc_main$c, {
+                    "model-value": allSelected.value,
+                    indeterminate: someSelected.value,
+                    disabled: selectableItems.value.length === 0,
+                    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => emit("selectAll"))
+                  }, null, 8, ["model-value", "indeterminate", "disabled"])
+                ])) : createCommentVNode("", true),
                 (openBlock(true), createElementBlock(Fragment, null, renderList(visibleProperties.value, (property) => {
-                  return openBlock(), createElementBlock("td", {
+                  return openBlock(), createElementBlock("th", {
                     key: property.name,
-                    class: normalizeClass([
-                      getAlignmentClass(property.align),
-                      getMainClass(property.main),
-                      property.className,
-                      "px-3 py-4"
-                    ])
+                    class: normalizeClass([getAlignmentClass(property.align), "px-3 py-3"])
                   }, [
-                    renderSlot(_ctx.$slots, "item-" + property.name, {
-                      item,
-                      property,
-                      value: getItemValue(item, property)
-                    }, () => [
-                      (openBlock(), createBlock(resolveDynamicComponent(getTypeComponent(property.type || "text")), {
-                        value: getItemValue(item, property)
-                      }, null, 8, ["value"]))
+                    renderSlot(_ctx.$slots, "header-" + property.name, { property }, () => [
+                      createTextVNode(toDisplayString(property.label ?? property.name), 1)
                     ])
                   ], 2);
                 }), 128)),
-                createElementVNode("td", _hoisted_4$1, [
-                  renderSlot(_ctx.$slots, "action", { item })
-                ])
-              ]);
-            }), 128))
+                hasActionSlot.value ? (openBlock(), createElementBlock("th", _hoisted_6$2)) : createCommentVNode("", true)
+              ])
+            ]),
+            createElementVNode("tbody", _hoisted_7$2, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item) => {
+                return openBlock(), createElementBlock("tr", {
+                  key: getKey(item),
+                  class: normalizeClass(["hover:bg-black/5 dark:hover:bg-white/5 transition-colors", { "bg-primary/5 dark:bg-primary/10": isSelected(item) }])
+                }, [
+                  __props.selectable ? (openBlock(), createElementBlock("td", _hoisted_8$2, [
+                    isSelectable(item) ? (openBlock(), createBlock(_sfc_main$c, {
+                      key: 0,
+                      "model-value": isSelected(item),
+                      "onUpdate:modelValue": ($event) => handleSelect(item)
+                    }, null, 8, ["model-value", "onUpdate:modelValue"])) : createCommentVNode("", true)
+                  ])) : createCommentVNode("", true),
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(visibleProperties.value, (property) => {
+                    return openBlock(), createElementBlock("td", {
+                      key: property.name,
+                      class: normalizeClass([
+                        getAlignmentClass(property.align),
+                        getMainClass(property.main),
+                        property.className,
+                        "px-3 py-4"
+                      ])
+                    }, [
+                      renderSlot(_ctx.$slots, "item-" + property.name, {
+                        item,
+                        property,
+                        value: getItemValue(item, property)
+                      }, () => [
+                        (openBlock(), createBlock(resolveDynamicComponent(getTypeComponent(property.type || "text")), {
+                          value: getItemValue(item, property)
+                        }, null, 8, ["value"]))
+                      ])
+                    ], 2);
+                  }), 128)),
+                  hasActionSlot.value ? (openBlock(), createElementBlock("td", _hoisted_9$2, [
+                    renderSlot(_ctx.$slots, "action", { item })
+                  ])) : createCommentVNode("", true)
+                ], 2);
+              }), 128))
+            ])
           ])
         ]),
-        !__props.items || __props.items.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_5$1, [
+        !__props.items || __props.items.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_10$1, [
+          renderSlot(_ctx.$slots, "empty")
+        ])) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+const _hoisted_1$7 = { class: "space-y-3" };
+const _hoisted_2$5 = {
+  key: 0,
+  class: "flex items-center gap-3 p-3 bg-gray-50 dark:bg-gray-800/50 rounded-xl"
+};
+const _hoisted_3$2 = { class: "text-sm text-gray-600 dark:text-gray-400" };
+const _hoisted_4$1 = {
+  key: 0,
+  class: "text-sm text-primary font-medium"
+};
+const _hoisted_5$1 = { class: "p-4 flex items-center gap-4" };
+const _hoisted_6$1 = {
+  key: 0,
+  class: "flex-shrink-0"
+};
+const _hoisted_7$1 = {
+  key: 1,
+  class: "w-5 h-5"
+};
+const _hoisted_8$1 = { class: "flex-1 min-w-0" };
+const _hoisted_9$1 = { class: "flex-shrink-0" };
+const _hoisted_10 = { key: 1 };
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+  __name: "MobileList",
+  props: {
+    items: {},
+    keyField: { default: "id" },
+    selectable: { type: Boolean, default: false },
+    selectedItems: {},
+    selectableFilter: {}
+  },
+  emits: ["select", "selectAll"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const slots = useSlots();
+    const getKey = (item) => {
+      const keyValue = item[props.keyField];
+      return String(keyValue ?? Math.random());
+    };
+    const selectableItems = computed(() => {
+      if (!props.selectableFilter) return props.items;
+      return props.items.filter(props.selectableFilter);
+    });
+    const allSelected = computed(() => {
+      if (selectableItems.value.length === 0) return false;
+      return selectableItems.value.every((item) => {
+        var _a;
+        return (_a = props.selectedItems) == null ? void 0 : _a.has(getKey(item));
+      });
+    });
+    const someSelected = computed(() => {
+      var _a;
+      return (((_a = props.selectedItems) == null ? void 0 : _a.size) || 0) > 0 && !allSelected.value;
+    });
+    const isSelected = (item) => {
+      var _a;
+      return ((_a = props.selectedItems) == null ? void 0 : _a.has(getKey(item))) || false;
+    };
+    const isSelectable = (item) => {
+      if (!props.selectable) return false;
+      if (!props.selectableFilter) return true;
+      return props.selectableFilter(item);
+    };
+    const handleSelect = (item) => {
+      emit("select", getKey(item));
+    };
+    const hasEmptySlot = computed(() => !!slots.empty);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$7, [
+        __props.selectable && selectableItems.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_2$5, [
+          createVNode(_sfc_main$c, {
+            "model-value": allSelected.value,
+            indeterminate: someSelected.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => emit("selectAll"))
+          }, null, 8, ["model-value", "indeterminate"]),
+          createElementVNode("span", _hoisted_3$2, toDisplayString(allSelected.value ? "Tout désélectionner" : "Tout sélectionner"), 1),
+          __props.selectedItems && __props.selectedItems.size > 0 ? (openBlock(), createElementBlock("span", _hoisted_4$1, " (" + toDisplayString(__props.selectedItems.size) + " sélectionné" + toDisplayString(__props.selectedItems.size > 1 ? "s" : "") + ") ", 1)) : createCommentVNode("", true)
+        ])) : createCommentVNode("", true),
+        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item) => {
+          return openBlock(), createElementBlock("div", {
+            key: getKey(item),
+            class: normalizeClass(["bg-white dark:bg-gray-800 rounded-xl border border-gray-200 dark:border-gray-700 hover:border-primary/30 dark:hover:border-primary/50 hover:shadow-md transition-all duration-200", {
+              "ring-2 ring-primary border-primary": isSelected(item)
+            }])
+          }, [
+            createElementVNode("div", _hoisted_5$1, [
+              __props.selectable ? (openBlock(), createElementBlock("div", _hoisted_6$1, [
+                isSelectable(item) ? (openBlock(), createBlock(_sfc_main$c, {
+                  key: 0,
+                  "model-value": isSelected(item),
+                  "onUpdate:modelValue": ($event) => handleSelect(item)
+                }, null, 8, ["model-value", "onUpdate:modelValue"])) : (openBlock(), createElementBlock("div", _hoisted_7$1))
+              ])) : createCommentVNode("", true),
+              renderSlot(_ctx.$slots, "avatar", { item }),
+              createElementVNode("div", _hoisted_8$1, [
+                renderSlot(_ctx.$slots, "content", { item })
+              ]),
+              createElementVNode("div", _hoisted_9$1, [
+                renderSlot(_ctx.$slots, "actions", { item })
+              ])
+            ])
+          ], 2);
+        }), 128)),
+        __props.items.length === 0 && hasEmptySlot.value ? (openBlock(), createElementBlock("div", _hoisted_10, [
           renderSlot(_ctx.$slots, "empty")
         ])) : createCommentVNode("", true)
-      ], 64);
+      ]);
+    };
+  }
+});
+const _hoisted_1$6 = { class: "responsive-list__mobile" };
+const _hoisted_2$4 = { class: "responsive-list__desktop" };
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+  __name: "ResponsiveList",
+  props: {
+    items: {},
+    columns: {},
+    keyField: { default: "id" },
+    selectable: { type: Boolean, default: false },
+    selectedItems: {},
+    selectableFilter: {},
+    breakpoint: { default: "lg" }
+  },
+  emits: ["select", "selectAll"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const slots = useSlots();
+    const getColumnKey = (col) => col.key || col.name || "";
+    const tableProperties = computed(
+      () => props.columns.map((col) => ({
+        name: getColumnKey(col),
+        label: col.label,
+        type: col.type,
+        sortable: col.sortable,
+        hidden: col.hidden,
+        align: col.align,
+        className: col.className,
+        main: col.main
+      }))
+    );
+    const breakpointPx = computed(() => {
+      const breakpoints = {
+        sm: 640,
+        md: 768,
+        lg: 1024,
+        xl: 1280,
+        "2xl": 1536
+      };
+      return breakpoints[props.breakpoint];
+    });
+    const getCellValue = (item, key) => {
+      const keys = key.split(".");
+      let value = item;
+      for (const k of keys) {
+        if (value && typeof value === "object" && k in value) {
+          value = value[k];
+        } else {
+          return void 0;
+        }
+      }
+      return value;
+    };
+    const hasCellSlot = (key) => {
+      return !!slots[`cell-${key}`];
+    };
+    const hasActionsSlot = computed(() => !!slots.actions);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: "responsive-list",
+        style: normalizeStyle({ "--breakpoint": breakpointPx.value + "px" })
+      }, [
+        createElementVNode("div", _hoisted_1$6, [
+          createVNode(_sfc_main$9, {
+            items: __props.items,
+            "key-field": __props.keyField,
+            selectable: __props.selectable,
+            "selected-items": __props.selectedItems,
+            "selectable-filter": __props.selectableFilter,
+            onSelect: _cache[0] || (_cache[0] = ($event) => emit("select", $event)),
+            onSelectAll: _cache[1] || (_cache[1] = ($event) => emit("selectAll"))
+          }, {
+            avatar: withCtx(({ item }) => [
+              renderSlot(_ctx.$slots, "avatar", { item }, void 0, true)
+            ]),
+            content: withCtx(({ item }) => [
+              renderSlot(_ctx.$slots, "mobileContent", { item }, void 0, true)
+            ]),
+            actions: withCtx(({ item }) => [
+              renderSlot(_ctx.$slots, "mobileActions", { item }, () => [
+                renderSlot(_ctx.$slots, "actions", { item }, void 0, true)
+              ], true)
+            ]),
+            empty: withCtx(() => [
+              renderSlot(_ctx.$slots, "empty", {}, void 0, true)
+            ]),
+            _: 3
+          }, 8, ["items", "key-field", "selectable", "selected-items", "selectable-filter"])
+        ]),
+        createElementVNode("div", _hoisted_2$4, [
+          createVNode(_sfc_main$a, {
+            items: __props.items,
+            properties: tableProperties.value,
+            "key-field": __props.keyField,
+            selectable: __props.selectable,
+            "selected-items": __props.selectedItems,
+            "selectable-filter": __props.selectableFilter,
+            onSelect: _cache[2] || (_cache[2] = ($event) => emit("select", $event)),
+            onSelectAll: _cache[3] || (_cache[3] = ($event) => emit("selectAll"))
+          }, createSlots({
+            empty: withCtx(() => [
+              renderSlot(_ctx.$slots, "empty", {}, void 0, true)
+            ]),
+            _: 2
+          }, [
+            renderList(__props.columns, (col) => {
+              return {
+                name: `item-${getColumnKey(col)}`,
+                fn: withCtx(({ item, value }) => [
+                  hasCellSlot(getColumnKey(col)) ? renderSlot(_ctx.$slots, `cell-${getColumnKey(col)}`, {
+                    key: 0,
+                    item,
+                    value: getCellValue(item, getColumnKey(col))
+                  }, void 0, true) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                    createTextVNode(toDisplayString(value), 1)
+                  ], 64))
+                ])
+              };
+            }),
+            hasActionsSlot.value ? {
+              name: "action",
+              fn: withCtx(({ item }) => [
+                renderSlot(_ctx.$slots, "actions", { item }, void 0, true)
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1032, ["items", "properties", "key-field", "selectable", "selected-items", "selectable-filter"])
+        ])
+      ], 4);
     };
   }
 });
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const ResponsiveList = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-5563bb86"]]);
 const _hoisted_1$5 = {
   key: 0,
   class: "mb-2 block text-sm font-medium text-gray-700 dark:text-gray-300"
@@ -906,7 +1232,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       isExpanded.value = !isExpanded.value;
     };
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$9, {
+      return openBlock(), createBlock(_sfc_main$b, {
         title: __props.title,
         description: __props.description
       }, {
@@ -950,15 +1276,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 export {
-  _sfc_main$9 as _,
-  _sfc_main$8 as a,
-  _sfc_main$7 as b,
-  _sfc_main$6 as c,
-  _sfc_main$5 as d,
-  _sfc_main$4 as e,
-  _sfc_main$3 as f,
-  _sfc_main$2 as g,
-  _sfc_main$1 as h,
-  _sfc_main as i
+  ResponsiveList as R,
+  _sfc_main$b as _,
+  _sfc_main$a as a,
+  _sfc_main$9 as b,
+  _sfc_main$7 as c,
+  _sfc_main$6 as d,
+  _sfc_main$5 as e,
+  _sfc_main$4 as f,
+  _sfc_main$3 as g,
+  _sfc_main$2 as h,
+  _sfc_main$1 as i,
+  _sfc_main as j
 };
-//# sourceMappingURL=CollapsibleCard.vue_vue_type_script_setup_true_lang-l4KQ8HX8.js.map
+//# sourceMappingURL=CollapsibleCard.vue_vue_type_script_setup_true_lang-Dehf9Ji3.js.map