cisse-vue-ui 0.5.33 → 0.6.0

package/dist/{DarkModeToggle.vue_vue_type_script_setup_true_lang-0K4ucPlO.js → FilterTabs.vue_vue_type_script_setup_true_lang-AFYkni3y.js}

@@ -1,22 +1,22 @@
-import { defineComponent, computed, createBlock, createElementBlock, openBlock, createCommentVNode, renderSlot, normalizeClass, createElementVNode, createTextVNode, toDisplayString, useSlots, createVNode, Fragment, renderList, resolveDynamicComponent, withCtx, createSlots, ref, watch, unref, withDirectives, vModelText, withModifiers, Teleport, Transition, normalizeStyle, nextTick, resolveComponent, mergeProps, provide, inject, vShow, onMounted, onUnmounted } from "vue";
-import { _ as _sfc_main$l, a as useBreakpoints } from "./index-BaWpldIJ.js";
-import { b as _sfc_main$j, a as _sfc_main$k, c as _sfc_main$r } from "./Button.vue_vue_type_script_setup_true_lang-BHpVJnRn.js";
-import { e as _sfc_main$m, d as _sfc_main$n, c as _sfc_main$o, b as _sfc_main$p, a as _sfc_main$q } from "./BadgeType.vue_vue_type_script_setup_true_lang-tHRMWBb-.js";
+import { defineComponent, computed, createBlock, createElementBlock, openBlock, createCommentVNode, renderSlot, normalizeClass, createElementVNode, createTextVNode, toDisplayString, useSlots, createVNode, Fragment, renderList, resolveDynamicComponent, withCtx, createSlots, ref, watch, unref, withDirectives, vModelText, withModifiers, Teleport, Transition, normalizeStyle, nextTick, resolveComponent, mergeProps, provide, inject, vShow, onMounted, onUnmounted, mergeModels, useModel } from "vue";
+import { _ as _sfc_main$o, a as useBreakpoints } from "./index-BaWpldIJ.js";
+import { a as _sfc_main$m, _ as _sfc_main$n, b as _sfc_main$u } from "./ListSkeleton.vue_vue_type_script_setup_true_lang-BwtEbaiT.js";
+import { e as _sfc_main$p, d as _sfc_main$q, c as _sfc_main$r, b as _sfc_main$s, a as _sfc_main$t } from "./BadgeType.vue_vue_type_script_setup_true_lang-tHRMWBb-.js";
 import { Icon } from "@iconify/vue";
 import { u as useDropdown } from "./useDropdown-iVu14E6s.js";
 import { u as useId } from "./useId-xeHj7rkg.js";
 import { u as useDarkMode } from "./useDarkMode-Cl5QWTlC.js";
-const _hoisted_1$f = {
+const _hoisted_1$h = {
   key: 1,
   class: "flex flex-col overflow-hidden rounded-lg bg-white shadow-md dark:bg-slate-950"
 };
-const _hoisted_2$c = { class: "flex flex-col gap-0.5" };
-const _hoisted_3$7 = {
+const _hoisted_2$d = { class: "flex flex-col gap-0.5" };
+const _hoisted_3$8 = {
   key: 1,
   class: "text-sm font-normal text-gray-600 dark:text-gray-400"
 };
 const _hoisted_4$6 = { class: "flex gap-2" };
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
+const _sfc_main$l = /* @__PURE__ */ defineComponent({
   __name: "CardComponent",
   props: {
     title: {},
@@ -37,12 +37,12 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
       () => props.dividerClass || "border-gray-200 dark:border-gray-700"
     );
     return (_ctx, _cache) => {
-      return __props.loading ? (openBlock(), createBlock(_sfc_main$j, {
+      return __props.loading ? (openBlock(), createBlock(_sfc_main$m, {
         key: 0,
         lines: __props.loadingLines,
         "show-avatar": __props.loadingAvatar,
         "show-actions": __props.loadingActions
-      }, null, 8, ["lines", "show-avatar", "show-actions"])) : (openBlock(), createElementBlock("div", _hoisted_1$f, [
+      }, null, 8, ["lines", "show-avatar", "show-actions"])) : (openBlock(), createElementBlock("div", _hoisted_1$h, [
         _ctx.$slots.header ? (openBlock(), createElementBlock("div", {
           key: 0,
           class: normalizeClass(["border-b", dividerClasses.value])
@@ -52,7 +52,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
           key: 1,
           class: normalizeClass(["flex items-center justify-between border-b px-5 py-3", dividerClasses.value])
         }, [
-          createElementVNode("div", _hoisted_2$c, [
+          createElementVNode("div", _hoisted_2$d, [
             __props.title || _ctx.$slots.title ? (openBlock(), createElementBlock("span", {
               key: 0,
               class: normalizeClass(["text-md font-semibold", titleClasses.value])
@@ -61,7 +61,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
                 createTextVNode(toDisplayString(__props.title), 1)
               ])
             ], 2)) : createCommentVNode("", true),
-            __props.description || _ctx.$slots.description ? (openBlock(), createElementBlock("span", _hoisted_3$7, [
+            __props.description || _ctx.$slots.description ? (openBlock(), createElementBlock("span", _hoisted_3$8, [
               renderSlot(_ctx.$slots, "description", {}, () => [
                 createTextVNode(toDisplayString(__props.description), 1)
               ])
@@ -76,12 +76,12 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$e = { class: "overflow-hidden" };
-const _hoisted_2$b = {
+const _hoisted_1$g = { class: "overflow-hidden" };
+const _hoisted_2$c = {
   key: 1,
   class: "overflow-x-auto"
 };
-const _hoisted_3$6 = { class: "w-full divide-y divide-black/10 text-left dark:divide-white/10" };
+const _hoisted_3$7 = { 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 = {
   key: 0,
@@ -110,7 +110,7 @@ const _hoisted_12$1 = {
   class: "flex items-center justify-end gap-2 px-3 py-4"
 };
 const _hoisted_13 = { key: 0 };
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
   __name: "TableComponent",
   props: {
     properties: {},
@@ -130,14 +130,14 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     const props = __props;
     const emit = __emit;
     const typeComponents = {
-      text: _sfc_main$q,
-      number: _sfc_main$p,
-      date: _sfc_main$o,
-      boolean: _sfc_main$n,
-      badge: _sfc_main$m
+      text: _sfc_main$t,
+      number: _sfc_main$s,
+      date: _sfc_main$r,
+      boolean: _sfc_main$q,
+      badge: _sfc_main$p
     };
     const getTypeComponent = (type = "text") => {
-      return typeComponents[type] || _sfc_main$q;
+      return typeComponents[type] || _sfc_main$t;
     };
     const visibleProperties = computed(() => props.properties.filter((p) => !p.hidden));
     const getKey = (item) => {
@@ -211,17 +211,17 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
       return props.sortBy === property.name;
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$e, [
-        __props.loading ? (openBlock(), createBlock(_sfc_main$k, {
+      return openBlock(), createElementBlock("div", _hoisted_1$g, [
+        __props.loading ? (openBlock(), createBlock(_sfc_main$n, {
           key: 0,
           rows: __props.loadingRows,
           columns: visibleProperties.value.length
-        }, null, 8, ["rows", "columns"])) : (openBlock(), createElementBlock("div", _hoisted_2$b, [
-          createElementVNode("table", _hoisted_3$6, [
+        }, null, 8, ["rows", "columns"])) : (openBlock(), createElementBlock("div", _hoisted_2$c, [
+          createElementVNode("table", _hoisted_3$7, [
             createElementVNode("thead", _hoisted_4$5, [
               createElementVNode("tr", null, [
                 __props.selectable ? (openBlock(), createElementBlock("th", _hoisted_5$3, [
-                  createVNode(_sfc_main$l, {
+                  createVNode(_sfc_main$o, {
                     "model-value": allSelected.value,
                     indeterminate: someSelected.value,
                     disabled: selectableItems.value.length === 0,
@@ -280,7 +280,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
                   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_11$1, [
-                    isSelectable(item) ? (openBlock(), createBlock(_sfc_main$l, {
+                    isSelectable(item) ? (openBlock(), createBlock(_sfc_main$o, {
                       key: 0,
                       "model-value": isSelected(item),
                       "onUpdate:modelValue": ($event) => handleSelect(item)
@@ -322,9 +322,9 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$d = { class: "space-y-3" };
-const _hoisted_2$a = { class: "flex items-center gap-3 p-3" };
-const _hoisted_3$5 = { class: "text-sm text-gray-600 dark:text-gray-400" };
+const _hoisted_1$f = { class: "space-y-3" };
+const _hoisted_2$b = { class: "flex items-center gap-3 p-3" };
+const _hoisted_3$6 = { class: "text-sm text-gray-600 dark:text-gray-400" };
 const _hoisted_4$4 = {
   key: 0,
   class: "text-sm text-primary font-medium"
@@ -341,7 +341,7 @@ const _hoisted_7$2 = {
 const _hoisted_8$2 = { class: "flex-1 min-w-0 overflow-hidden" };
 const _hoisted_9$2 = { class: "shrink-0" };
 const _hoisted_10$1 = { key: 1 };
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
   __name: "MobileList",
   props: {
     items: {},
@@ -390,10 +390,10 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     };
     const hasEmptySlot = computed(() => !!slots.empty);
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$d, [
-        __props.loading ? (openBlock(), createBlock(_sfc_main$i, { key: 0 }, {
+      return openBlock(), createElementBlock("div", _hoisted_1$f, [
+        __props.loading ? (openBlock(), createBlock(_sfc_main$l, { key: 0 }, {
           default: withCtx(() => [
-            createVNode(_sfc_main$r, {
+            createVNode(_sfc_main$u, {
               items: __props.loadingItems,
               "show-avatar": "",
               "show-secondary": "",
@@ -402,22 +402,22 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
           ]),
           _: 1
         })) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-          __props.selectable && selectableItems.value.length > 0 ? (openBlock(), createBlock(_sfc_main$i, { key: 0 }, {
+          __props.selectable && selectableItems.value.length > 0 ? (openBlock(), createBlock(_sfc_main$l, { key: 0 }, {
             default: withCtx(() => [
-              createElementVNode("div", _hoisted_2$a, [
-                createVNode(_sfc_main$l, {
+              createElementVNode("div", _hoisted_2$b, [
+                createVNode(_sfc_main$o, {
                   "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$5, toDisplayString(allSelected.value ? "Tout désélectionner" : "Tout sélectionner"), 1),
+                createElementVNode("span", _hoisted_3$6, toDisplayString(allSelected.value ? "Tout désélectionner" : "Tout sélectionner"), 1),
                 __props.selectedItems && __props.selectedItems.size > 0 ? (openBlock(), createElementBlock("span", _hoisted_4$4, " (" + toDisplayString(__props.selectedItems.size) + " sélectionné" + toDisplayString(__props.selectedItems.size > 1 ? "s" : "") + ") ", 1)) : createCommentVNode("", true)
               ])
             ]),
             _: 1
           })) : createCommentVNode("", true),
           (openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item) => {
-            return openBlock(), createBlock(_sfc_main$i, {
+            return openBlock(), createBlock(_sfc_main$l, {
               key: getKey(item),
               class: normalizeClass(["hover:shadow-lg transition-all duration-200", {
                 "ring-2 ring-primary": isSelected(item)
@@ -426,7 +426,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
               default: withCtx(() => [
                 createElementVNode("div", _hoisted_5$2, [
                   __props.selectable ? (openBlock(), createElementBlock("div", _hoisted_6$2, [
-                    isSelectable(item) ? (openBlock(), createBlock(_sfc_main$l, {
+                    isSelectable(item) ? (openBlock(), createBlock(_sfc_main$o, {
                       key: 0,
                       "model-value": isSelected(item),
                       "onUpdate:modelValue": ($event) => handleSelect(item)
@@ -452,7 +452,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
   __name: "ResponsiveList",
   props: {
     items: {},
@@ -511,7 +511,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     const isDesktop = computed(() => breakpoints.greaterOrEqual(props.breakpoint).value);
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", null, [
-        !isDesktop.value ? (openBlock(), createBlock(_sfc_main$g, {
+        !isDesktop.value ? (openBlock(), createBlock(_sfc_main$j, {
           key: 0,
           items: __props.items,
           "key-field": __props.keyField,
@@ -538,9 +538,9 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
             renderSlot(_ctx.$slots, "empty")
           ]),
           _: 3
-        }, 8, ["items", "key-field", "selectable", "selected-items", "selectable-filter", "loading", "loading-items"])) : (openBlock(), createBlock(_sfc_main$i, { key: 1 }, {
+        }, 8, ["items", "key-field", "selectable", "selected-items", "selectable-filter", "loading", "loading-items"])) : (openBlock(), createBlock(_sfc_main$l, { key: 1 }, {
           default: withCtx(() => [
-            createVNode(_sfc_main$h, {
+            createVNode(_sfc_main$k, {
               items: __props.items,
               properties: tableProperties.value,
               "key-field": __props.keyField,
@@ -589,12 +589,12 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$c = {
+const _hoisted_1$e = {
   key: 0,
   class: "mb-2 block text-sm font-medium text-gray-700 dark:text-gray-300"
 };
-const _hoisted_2$9 = { class: "relative" };
-const _hoisted_3$4 = ["disabled", "placeholder"];
+const _hoisted_2$a = { class: "relative" };
+const _hoisted_3$5 = ["disabled", "placeholder"];
 const _hoisted_4$3 = ["disabled"];
 const _hoisted_5$1 = {
   key: 0,
@@ -607,7 +607,7 @@ const _hoisted_9$1 = {
   key: 1,
   class: "mt-1 text-sm text-red-600"
 };
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "AutocompleteComponent",
   props: {
     modelValue: {},
@@ -709,8 +709,8 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
         ref: containerRef,
         class: "autocomplete-container"
       }, [
-        __props.label ? (openBlock(), createElementBlock("label", _hoisted_1$c, toDisplayString(__props.label), 1)) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_2$9, [
+        __props.label ? (openBlock(), createElementBlock("label", _hoisted_1$e, toDisplayString(__props.label), 1)) : createCommentVNode("", true),
+        createElementVNode("div", _hoisted_2$a, [
           createElementVNode("div", {
             ref_key: "inputWrapperRef",
             ref: inputWrapperRef,
@@ -735,7 +735,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
               type: "text",
               onFocus: openDropdown,
               onKeydown: handleKeydown
-            }, null, 40, _hoisted_3$4), [
+            }, null, 40, _hoisted_3$5), [
               [vModelText, searchQuery.value]
             ]),
             __props.modelValue && !__props.disabled ? (openBlock(), createElementBlock("button", {
@@ -816,7 +816,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
   __name: "TableAction",
   props: {
     link: {},
@@ -885,10 +885,10 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$b = { class: "relative inline-block" };
-const _hoisted_2$8 = ["src", "alt"];
-const _hoisted_3$3 = { key: 1 };
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
+const _hoisted_1$d = { class: "relative inline-block" };
+const _hoisted_2$9 = ["src", "alt"];
+const _hoisted_3$4 = { key: 1 };
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "Avatar",
   props: {
     src: {},
@@ -934,7 +934,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     });
     const showImage = computed(() => props.src && !imageError.value);
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$b, [
+      return openBlock(), createElementBlock("div", _hoisted_1$d, [
         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",
@@ -948,7 +948,7 @@ const _sfc_main$c = /* @__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$8)) : initials.value ? (openBlock(), createElementBlock("span", _hoisted_3$3, toDisplayString(initials.value), 1)) : (openBlock(), createBlock(unref(Icon), {
+          }, null, 40, _hoisted_2$9)) : initials.value ? (openBlock(), createElementBlock("span", _hoisted_3$4, toDisplayString(initials.value), 1)) : (openBlock(), createBlock(unref(Icon), {
             key: 2,
             icon: "lucide:user",
             class: "size-1/2"
@@ -966,9 +966,9 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$a = ["aria-selected", "disabled", "onClick"];
-const _hoisted_2$7 = { class: "mt-4" };
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const _hoisted_1$c = ["aria-selected", "disabled", "onClick"];
+const _hoisted_2$8 = { class: "mt-4" };
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "Tabs",
   props: {
     tabs: {},
@@ -1033,18 +1033,18 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
                 activeTab.value === tab.key ? variantClasses[__props.variant].active : variantClasses[__props.variant].inactive
               ]),
               onClick: ($event) => selectTab(tab)
-            }, toDisplayString(tab.label), 11, _hoisted_1$a);
+            }, toDisplayString(tab.label), 11, _hoisted_1$c);
           }), 128))
         ], 2),
-        createElementVNode("div", _hoisted_2$7, [
+        createElementVNode("div", _hoisted_2$8, [
           renderSlot(_ctx.$slots, "default", { activeTab: activeTab.value })
         ])
       ]);
     };
   }
 });
-const _hoisted_1$9 = { role: "tabpanel" };
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const _hoisted_1$b = { role: "tabpanel" };
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "TabPanel",
   props: {
     value: {}
@@ -1054,7 +1054,7 @@ const _sfc_main$a = /* @__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$9, [
+      return withDirectives((openBlock(), createElementBlock("div", _hoisted_1$b, [
         renderSlot(_ctx.$slots, "default")
       ], 512)), [
         [vShow, isActive.value]
@@ -1062,11 +1062,11 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$8 = {
+const _hoisted_1$a = {
   key: 2,
   class: "text-sm font-semibold"
 };
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "Stepper",
   props: {
     steps: {},
@@ -1135,7 +1135,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
                   key: 1,
                   icon: step.icon,
                   class: "size-6"
-                }, null, 8, ["icon"])) : (openBlock(), createElementBlock("span", _hoisted_1$8, toDisplayString(index + 1), 1))
+                }, null, 8, ["icon"])) : (openBlock(), createElementBlock("span", _hoisted_1$a, toDisplayString(index + 1), 1))
               ], 2),
               createElementVNode("div", {
                 class: normalizeClass([
@@ -1163,7 +1163,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   __name: "CollapsibleCard",
   props: {
     title: {},
@@ -1181,7 +1181,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
     const hasCustomHeader = () => !!slots.header;
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$i, null, createSlots({
+      return openBlock(), createBlock(_sfc_main$l, null, createSlots({
         default: withCtx(() => [
           createVNode(Transition, {
             "enter-active-class": "transition-all duration-200 ease-out",
@@ -1259,9 +1259,9 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$7 = ["aria-describedby"];
-const _hoisted_2$6 = ["id"];
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$9 = ["aria-describedby"];
+const _hoisted_2$7 = ["id"];
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "Tooltip",
   props: {
     content: {},
@@ -1332,17 +1332,17 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
               id: unref(tooltipId),
               class: normalizeClass(positionClasses.value),
               role: "tooltip"
-            }, toDisplayString(__props.content), 11, _hoisted_2$6)) : createCommentVNode("", true)
+            }, toDisplayString(__props.content), 11, _hoisted_2$7)) : createCommentVNode("", true)
           ]),
           _: 1
         })
-      ], 40, _hoisted_1$7);
+      ], 40, _hoisted_1$9);
     };
   }
 });
-const _hoisted_1$6 = ["id", "aria-expanded", "aria-controls"];
-const _hoisted_2$5 = ["id", "aria-labelledby"];
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$8 = ["id", "aria-expanded", "aria-controls"];
+const _hoisted_2$6 = ["id", "aria-labelledby"];
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "Popover",
   props: {
     position: { default: "bottom" },
@@ -1398,7 +1398,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
           onClick: handleTrigger
         }, [
           renderSlot(_ctx.$slots, "trigger")
-        ], 8, _hoisted_1$6),
+        ], 8, _hoisted_1$8),
         (openBlock(), createBlock(Teleport, {
           to: "body",
           disabled: !__props.teleport
@@ -1426,7 +1426,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
                 ])
               }, [
                 renderSlot(_ctx.$slots, "default", { close: unref(close) })
-              ], 14, _hoisted_2$5)) : createCommentVNode("", true)
+              ], 14, _hoisted_2$6)) : createCommentVNode("", true)
             ]),
             _: 3
           })
@@ -1435,17 +1435,17 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$5 = {
+const _hoisted_1$7 = {
   key: 0,
   class: "flex items-center justify-between px-4 py-3 border-b border-gray-200 dark:border-gray-700"
 };
-const _hoisted_2$4 = { class: "text-lg font-semibold text-gray-900 dark:text-white" };
-const _hoisted_3$2 = { class: "flex-1 overflow-y-auto p-4" };
+const _hoisted_2$5 = { class: "text-lg font-semibold text-gray-900 dark:text-white" };
+const _hoisted_3$3 = { class: "flex-1 overflow-y-auto p-4" };
 const _hoisted_4$2 = {
   key: 1,
   class: "px-4 py-3 border-t border-gray-200 dark:border-gray-700"
 };
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "Drawer",
   props: {
     modelValue: { type: Boolean },
@@ -1564,9 +1564,9 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
               role: "dialog",
               "aria-modal": "true"
             }, [
-              __props.title || __props.showClose || _ctx.$slots.header ? (openBlock(), createElementBlock("div", _hoisted_1$5, [
+              __props.title || __props.showClose || _ctx.$slots.header ? (openBlock(), createElementBlock("div", _hoisted_1$7, [
                 renderSlot(_ctx.$slots, "header", {}, () => [
-                  createElementVNode("h2", _hoisted_2$4, toDisplayString(__props.title), 1)
+                  createElementVNode("h2", _hoisted_2$5, toDisplayString(__props.title), 1)
                 ]),
                 __props.showClose ? (openBlock(), createElementBlock("button", {
                   key: 0,
@@ -1580,7 +1580,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                   })
                 ])) : createCommentVNode("", true)
               ])) : createCommentVNode("", true),
-              createElementVNode("div", _hoisted_3$2, [
+              createElementVNode("div", _hoisted_3$3, [
                 renderSlot(_ctx.$slots, "default")
               ]),
               _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_4$2, [
@@ -1594,9 +1594,9 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$4 = { "aria-label": "Breadcrumb" };
-const _hoisted_2$3 = { class: "flex items-center flex-wrap gap-1 text-sm" };
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$6 = { "aria-label": "Breadcrumb" };
+const _hoisted_2$4 = { class: "flex items-center flex-wrap gap-1 text-sm" };
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "Breadcrumb",
   props: {
     items: {},
@@ -1607,8 +1607,8 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   emits: ["click"],
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("nav", _hoisted_1$4, [
-        createElementVNode("ol", _hoisted_2$3, [
+      return openBlock(), createElementBlock("nav", _hoisted_1$6, [
+        createElementVNode("ol", _hoisted_2$4, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item, index) => {
             return openBlock(), createElementBlock("li", {
               key: index,
@@ -1650,8 +1650,8 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$3 = { class: "divide-y divide-gray-200 dark:divide-gray-700 border border-gray-200 dark:border-gray-700 rounded-lg overflow-hidden" };
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$5 = { class: "divide-y divide-gray-200 dark:divide-gray-700 border border-gray-200 dark:border-gray-700 rounded-lg overflow-hidden" };
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "Accordion",
   props: {
     mode: { default: "single" },
@@ -1677,17 +1677,17 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       isOpen
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$3, [
+      return openBlock(), createElementBlock("div", _hoisted_1$5, [
         renderSlot(_ctx.$slots, "default")
       ]);
     };
   }
 });
-const _hoisted_1$2 = ["id", "disabled", "aria-expanded", "aria-controls"];
-const _hoisted_2$2 = { class: "flex items-center gap-2 font-medium" };
-const _hoisted_3$1 = ["id", "aria-labelledby"];
+const _hoisted_1$4 = ["id", "disabled", "aria-expanded", "aria-controls"];
+const _hoisted_2$3 = { class: "flex items-center gap-2 font-medium" };
+const _hoisted_3$2 = ["id", "aria-labelledby"];
 const _hoisted_4$1 = { class: "px-4 py-3 bg-gray-50 dark:bg-gray-900 text-gray-700 dark:text-gray-300" };
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "AccordionItem",
   props: {
     itemKey: {},
@@ -1721,7 +1721,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
           "aria-controls": panelId.value,
           onClick: toggle
         }, [
-          createElementVNode("span", _hoisted_2$2, [
+          createElementVNode("span", _hoisted_2$3, [
             __props.icon ? (openBlock(), createBlock(unref(Icon), {
               key: 0,
               icon: __props.icon,
@@ -1735,7 +1735,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
             class: normalizeClass(["size-5 transition-transform duration-200", { "rotate-180": isOpen.value }]),
             "aria-hidden": "true"
           }, null, 8, ["class"])
-        ], 10, _hoisted_1$2),
+        ], 10, _hoisted_1$4),
         createVNode(Transition, {
           "enter-active-class": "transition-all duration-200 ease-out",
           "enter-from-class": "opacity-0 max-h-0",
@@ -1754,7 +1754,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
               createElementVNode("div", _hoisted_4$1, [
                 renderSlot(_ctx.$slots, "default")
               ])
-            ], 8, _hoisted_3$1), [
+            ], 8, _hoisted_3$2), [
               [vShow, isOpen.value]
             ])
           ]),
@@ -1764,12 +1764,12 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$1 = {
+const _hoisted_1$3 = {
   key: 0,
   class: "relative"
 };
-const _hoisted_2$1 = { class: "flex items-start gap-4" };
-const _hoisted_3 = { class: "flex-1 min-w-0 pt-0.5" };
+const _hoisted_2$2 = { class: "flex items-start gap-4" };
+const _hoisted_3$1 = { class: "flex-1 min-w-0 pt-0.5" };
 const _hoisted_4 = { class: "flex items-center justify-between gap-2" };
 const _hoisted_5 = { class: "text-sm font-medium text-gray-900 dark:text-white" };
 const _hoisted_6 = {
@@ -1791,7 +1791,7 @@ const _hoisted_12 = {
   key: 0,
   class: "text-xs text-gray-500 dark:text-gray-400"
 };
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "Timeline",
   props: {
     items: {},
@@ -1837,7 +1837,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       }
     };
     return (_ctx, _cache) => {
-      return __props.orientation === "vertical" ? (openBlock(), createElementBlock("div", _hoisted_1$1, [
+      return __props.orientation === "vertical" ? (openBlock(), createElementBlock("div", _hoisted_1$3, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item, index) => {
           return openBlock(), createElementBlock("div", {
             key: item.key,
@@ -1847,7 +1847,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
               key: 0,
               class: normalizeClass(["absolute left-4 top-8 w-0.5 h-full -ml-px", getStatusClasses(item.status).line])
             }, null, 2)) : createCommentVNode("", true),
-            createElementVNode("div", _hoisted_2$1, [
+            createElementVNode("div", _hoisted_2$2, [
               createElementVNode("div", {
                 class: normalizeClass(["relative z-10 flex items-center justify-center size-8 rounded-full shrink-0", getStatusClasses(item.status).dot])
               }, [
@@ -1857,7 +1857,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                   class: normalizeClass(["size-4", getStatusClasses(item.status).icon])
                 }, null, 8, ["icon", "class"])) : createCommentVNode("", true)
               ], 2),
-              createElementVNode("div", _hoisted_3, [
+              createElementVNode("div", _hoisted_3$1, [
                 createElementVNode("div", _hoisted_4, [
                   createElementVNode("h3", _hoisted_5, toDisplayString(item.title), 1),
                   item.date ? (openBlock(), createElementBlock("time", _hoisted_6, toDisplayString(item.date), 1)) : createCommentVNode("", true)
@@ -1899,12 +1899,12 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1 = ["aria-label"];
-const _hoisted_2 = {
+const _hoisted_1$2 = ["aria-label"];
+const _hoisted_2$1 = {
   key: 0,
   class: "text-sm font-medium"
 };
-const _sfc_main = /* @__PURE__ */ defineComponent({
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "DarkModeToggle",
   props: {
     size: { default: "md" },
@@ -1939,30 +1939,305 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           icon: unref(isDark) ? __props.darkIcon : __props.lightIcon,
           class: normalizeClass(sizeClasses[__props.size].icon)
         }, null, 8, ["icon", "class"]),
-        __props.showLabel ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(unref(isDark) ? "Dark" : "Light"), 1)) : createCommentVNode("", true)
-      ], 10, _hoisted_1);
+        __props.showLabel ? (openBlock(), createElementBlock("span", _hoisted_2$1, toDisplayString(unref(isDark) ? "Dark" : "Light"), 1)) : createCommentVNode("", true)
+      ], 10, _hoisted_1$2);
+    };
+  }
+});
+const _hoisted_1$1 = {
+  key: 0,
+  class: "text-gray-400"
+};
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "StatsCard",
+  props: {
+    label: {},
+    value: {},
+    icon: {},
+    change: {},
+    changeLabel: {},
+    variant: { default: "default" },
+    color: { default: "primary" }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([
+          "rounded-2xl p-4 text-center transition-all",
+          __props.variant === "default" && "bg-white dark:bg-slate-800 border border-gray-100 dark:border-slate-700 shadow-sm",
+          __props.variant === "glass" && "bg-white/15 backdrop-blur-sm border border-white/20",
+          __props.variant === "outline" && "border-2 border-gray-200 dark:border-slate-600",
+          __props.variant === "solid" && __props.color === "primary" && "bg-primary-500 text-white",
+          __props.variant === "solid" && __props.color === "success" && "bg-emerald-500 text-white",
+          __props.variant === "solid" && __props.color === "warning" && "bg-amber-500 text-white",
+          __props.variant === "solid" && __props.color === "danger" && "bg-red-500 text-white",
+          __props.variant === "solid" && __props.color === "info" && "bg-blue-500 text-white"
+        ])
+      }, [
+        __props.icon ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: normalizeClass([
+            "size-10 mx-auto mb-2 rounded-xl flex items-center justify-center",
+            __props.variant === "glass" && "bg-white/20",
+            __props.variant === "solid" && "bg-white/20",
+            __props.variant === "default" && __props.color === "primary" && "bg-primary-100 dark:bg-primary-900/30",
+            __props.variant === "default" && __props.color === "success" && "bg-emerald-100 dark:bg-emerald-900/30",
+            __props.variant === "default" && __props.color === "warning" && "bg-amber-100 dark:bg-amber-900/30",
+            __props.variant === "default" && __props.color === "danger" && "bg-red-100 dark:bg-red-900/30",
+            __props.variant === "default" && __props.color === "info" && "bg-blue-100 dark:bg-blue-900/30",
+            __props.variant === "outline" && "bg-gray-100 dark:bg-slate-700"
+          ])
+        }, [
+          createVNode(unref(Icon), {
+            icon: __props.icon,
+            class: normalizeClass([
+              "size-5",
+              (__props.variant === "glass" || __props.variant === "solid") && "text-white",
+              __props.variant === "default" && __props.color === "primary" && "text-primary-600 dark:text-primary-400",
+              __props.variant === "default" && __props.color === "success" && "text-emerald-600 dark:text-emerald-400",
+              __props.variant === "default" && __props.color === "warning" && "text-amber-600 dark:text-amber-400",
+              __props.variant === "default" && __props.color === "danger" && "text-red-600 dark:text-red-400",
+              __props.variant === "default" && __props.color === "info" && "text-blue-600 dark:text-blue-400",
+              __props.variant === "outline" && "text-gray-600 dark:text-gray-400"
+            ])
+          }, null, 8, ["icon", "class"])
+        ], 2)) : createCommentVNode("", true),
+        createElementVNode("div", {
+          class: normalizeClass([
+            "text-2xl sm:text-3xl font-bold",
+            (__props.variant === "glass" || __props.variant === "solid") && "text-white",
+            (__props.variant === "default" || __props.variant === "outline") && "text-gray-900 dark:text-white"
+          ])
+        }, [
+          renderSlot(_ctx.$slots, "value", {}, () => [
+            createTextVNode(toDisplayString(__props.value), 1)
+          ])
+        ], 2),
+        createElementVNode("div", {
+          class: normalizeClass([
+            "text-xs sm:text-sm",
+            __props.variant === "glass" && "text-white/80",
+            __props.variant === "solid" && "text-white/90",
+            (__props.variant === "default" || __props.variant === "outline") && "text-gray-500 dark:text-gray-400"
+          ])
+        }, [
+          renderSlot(_ctx.$slots, "label", {}, () => [
+            createTextVNode(toDisplayString(__props.label), 1)
+          ])
+        ], 2),
+        __props.change !== void 0 ? (openBlock(), createElementBlock("div", {
+          key: 1,
+          class: normalizeClass([
+            "mt-2 text-xs font-medium inline-flex items-center gap-1",
+            __props.change >= 0 ? "text-emerald-500" : "text-red-500"
+          ])
+        }, [
+          createVNode(unref(Icon), {
+            icon: __props.change >= 0 ? "heroicons:arrow-trending-up" : "heroicons:arrow-trending-down",
+            class: "size-3.5"
+          }, null, 8, ["icon"]),
+          createElementVNode("span", null, toDisplayString(__props.change >= 0 ? "+" : "") + toDisplayString(__props.change) + "%", 1),
+          __props.changeLabel ? (openBlock(), createElementBlock("span", _hoisted_1$1, toDisplayString(__props.changeLabel), 1)) : createCommentVNode("", true)
+        ], 2)) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "StatsGrid",
+  props: {
+    stats: {},
+    cols: {},
+    variant: { default: "default" },
+    color: { default: "primary" }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["grid gap-3 sm:gap-4", [
+          __props.cols === 2 && "grid-cols-2",
+          __props.cols === 3 && "grid-cols-3",
+          __props.cols === 4 && "grid-cols-2 sm:grid-cols-4",
+          !__props.cols && __props.stats.length === 2 && "grid-cols-2",
+          !__props.cols && __props.stats.length === 3 && "grid-cols-3",
+          !__props.cols && __props.stats.length === 4 && "grid-cols-2 sm:grid-cols-4",
+          !__props.cols && __props.stats.length > 4 && "grid-cols-2 sm:grid-cols-3 lg:grid-cols-4"
+        ]])
+      }, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.stats, (stat, index) => {
+          return openBlock(), createBlock(_sfc_main$2, {
+            key: index,
+            label: stat.label,
+            value: stat.value,
+            icon: stat.icon,
+            change: stat.change,
+            "change-label": stat.changeLabel,
+            variant: __props.variant,
+            color: __props.color
+          }, null, 8, ["label", "value", "icon", "change", "change-label", "variant", "color"]);
+        }), 128))
+      ], 2);
+    };
+  }
+});
+const _hoisted_1 = ["disabled", "onClick"];
+const _hoisted_2 = ["disabled", "onClick"];
+const _hoisted_3 = ["disabled", "onClick"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "FilterTabs",
+  props: /* @__PURE__ */ mergeModels({
+    options: {},
+    variant: { default: "pills" },
+    size: { default: "md" },
+    fullWidth: { type: Boolean }
+  }, {
+    "modelValue": { required: true },
+    "modelModifiers": {}
+  }),
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const modelValue = useModel(__props, "modelValue");
+    return (_ctx, _cache) => {
+      return __props.variant === "pills" ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        class: normalizeClass([
+          "inline-flex p-1 bg-white dark:bg-slate-800 rounded-2xl shadow-sm border border-gray-100 dark:border-slate-700 gap-1",
+          __props.fullWidth && "w-full"
+        ])
+      }, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (option) => {
+          return openBlock(), createElementBlock("button", {
+            key: option.key,
+            type: "button",
+            disabled: option.disabled,
+            class: normalizeClass([
+              "flex items-center justify-center gap-2 rounded-xl font-medium transition-all",
+              __props.fullWidth && "flex-1",
+              __props.size === "sm" && "px-3 py-1.5 text-xs",
+              __props.size === "md" && "px-4 py-2.5 text-sm",
+              __props.size === "lg" && "px-5 py-3 text-base",
+              modelValue.value === option.key ? "bg-primary-500 text-white shadow-md" : "text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white hover:bg-gray-50 dark:hover:bg-slate-700",
+              option.disabled && "opacity-50 cursor-not-allowed"
+            ]),
+            onClick: ($event) => !option.disabled && (modelValue.value = option.key)
+          }, [
+            option.icon ? (openBlock(), createBlock(unref(Icon), {
+              key: 0,
+              icon: option.icon,
+              class: "size-4"
+            }, null, 8, ["icon"])) : createCommentVNode("", true),
+            createElementVNode("span", null, toDisplayString(option.label), 1),
+            option.count !== void 0 ? (openBlock(), createElementBlock("span", {
+              key: 1,
+              class: normalizeClass([
+                "px-1.5 py-0.5 rounded-full text-xs font-medium",
+                modelValue.value === option.key ? "bg-white/20 text-white" : "bg-gray-100 dark:bg-slate-700 text-gray-600 dark:text-gray-400"
+              ])
+            }, toDisplayString(option.count), 3)) : createCommentVNode("", true)
+          ], 10, _hoisted_1);
+        }), 128))
+      ], 2)) : __props.variant === "underline" ? (openBlock(), createElementBlock("div", {
+        key: 1,
+        class: normalizeClass([
+          "flex border-b border-gray-200 dark:border-slate-700",
+          __props.fullWidth && "w-full"
+        ])
+      }, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (option) => {
+          return openBlock(), createElementBlock("button", {
+            key: option.key,
+            type: "button",
+            disabled: option.disabled,
+            class: normalizeClass([
+              "flex items-center justify-center gap-2 font-medium transition-all border-b-2 -mb-px",
+              __props.fullWidth && "flex-1",
+              __props.size === "sm" && "px-3 py-2 text-xs",
+              __props.size === "md" && "px-4 py-3 text-sm",
+              __props.size === "lg" && "px-5 py-4 text-base",
+              modelValue.value === option.key ? "border-primary-500 text-primary-600 dark:text-primary-400" : "border-transparent text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300 hover:border-gray-300",
+              option.disabled && "opacity-50 cursor-not-allowed"
+            ]),
+            onClick: ($event) => !option.disabled && (modelValue.value = option.key)
+          }, [
+            option.icon ? (openBlock(), createBlock(unref(Icon), {
+              key: 0,
+              icon: option.icon,
+              class: "size-4"
+            }, null, 8, ["icon"])) : createCommentVNode("", true),
+            createElementVNode("span", null, toDisplayString(option.label), 1),
+            option.count !== void 0 ? (openBlock(), createElementBlock("span", {
+              key: 1,
+              class: normalizeClass([
+                "px-1.5 py-0.5 rounded-full text-xs font-medium",
+                modelValue.value === option.key ? "bg-primary-100 dark:bg-primary-900/30 text-primary-600 dark:text-primary-400" : "bg-gray-100 dark:bg-slate-700 text-gray-500"
+              ])
+            }, toDisplayString(option.count), 3)) : createCommentVNode("", true)
+          ], 10, _hoisted_2);
+        }), 128))
+      ], 2)) : __props.variant === "boxed" ? (openBlock(), createElementBlock("div", {
+        key: 2,
+        class: normalizeClass([
+          "inline-flex bg-gray-100 dark:bg-slate-800 rounded-xl p-1 gap-1",
+          __props.fullWidth && "w-full"
+        ])
+      }, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (option) => {
+          return openBlock(), createElementBlock("button", {
+            key: option.key,
+            type: "button",
+            disabled: option.disabled,
+            class: normalizeClass([
+              "flex items-center justify-center gap-2 rounded-lg font-medium transition-all",
+              __props.fullWidth && "flex-1",
+              __props.size === "sm" && "px-3 py-1.5 text-xs",
+              __props.size === "md" && "px-4 py-2 text-sm",
+              __props.size === "lg" && "px-5 py-2.5 text-base",
+              modelValue.value === option.key ? "bg-white dark:bg-slate-700 text-gray-900 dark:text-white shadow-sm" : "text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white",
+              option.disabled && "opacity-50 cursor-not-allowed"
+            ]),
+            onClick: ($event) => !option.disabled && (modelValue.value = option.key)
+          }, [
+            option.icon ? (openBlock(), createBlock(unref(Icon), {
+              key: 0,
+              icon: option.icon,
+              class: "size-4"
+            }, null, 8, ["icon"])) : createCommentVNode("", true),
+            createElementVNode("span", null, toDisplayString(option.label), 1),
+            option.count !== void 0 ? (openBlock(), createElementBlock("span", {
+              key: 1,
+              class: normalizeClass([
+                "px-1.5 py-0.5 rounded-full text-xs font-medium",
+                modelValue.value === option.key ? "bg-gray-100 dark:bg-slate-600 text-gray-600 dark:text-gray-300" : "bg-gray-200 dark:bg-slate-700 text-gray-500 dark:text-gray-400"
+              ])
+            }, toDisplayString(option.count), 3)) : createCommentVNode("", true)
+          ], 10, _hoisted_3);
+        }), 128))
+      ], 2)) : createCommentVNode("", true);
     };
   }
 });
 export {
-  _sfc_main$i as _,
-  _sfc_main$h as a,
-  _sfc_main$g as b,
-  _sfc_main$f as c,
-  _sfc_main$e as d,
-  _sfc_main$d as e,
-  _sfc_main$c as f,
-  _sfc_main$b as g,
-  _sfc_main$a as h,
-  _sfc_main$9 as i,
-  _sfc_main$8 as j,
-  _sfc_main$7 as k,
-  _sfc_main$6 as l,
-  _sfc_main$5 as m,
-  _sfc_main$4 as n,
-  _sfc_main$3 as o,
-  _sfc_main$2 as p,
-  _sfc_main$1 as q,
-  _sfc_main as r
+  _sfc_main$l as _,
+  _sfc_main$k as a,
+  _sfc_main$j as b,
+  _sfc_main$i as c,
+  _sfc_main$h as d,
+  _sfc_main$g as e,
+  _sfc_main$f as f,
+  _sfc_main$e as g,
+  _sfc_main$d as h,
+  _sfc_main$c as i,
+  _sfc_main$b as j,
+  _sfc_main$a as k,
+  _sfc_main$9 as l,
+  _sfc_main$8 as m,
+  _sfc_main$7 as n,
+  _sfc_main$6 as o,
+  _sfc_main$5 as p,
+  _sfc_main$4 as q,
+  _sfc_main$3 as r,
+  _sfc_main$2 as s,
+  _sfc_main$1 as t,
+  _sfc_main as u
 };
-//# sourceMappingURL=DarkModeToggle.vue_vue_type_script_setup_true_lang-0K4ucPlO.js.map
+//# sourceMappingURL=FilterTabs.vue_vue_type_script_setup_true_lang-AFYkni3y.js.map