cisse-vue-ui 0.5.33 → 0.6.0

package/dist/ListSkeleton.vue_vue_type_script_setup_true_lang-DtwwmfWr.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListSkeleton.vue_vue_type_script_setup_true_lang-DtwwmfWr.cjs","sources":["../src/components/feedback/CardSkeleton.vue","../src/components/feedback/TableSkeleton.vue","../src/components/feedback/ListSkeleton.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nwithDefaults(\n  defineProps<{\n    /** Show avatar/icon placeholder */\n    showAvatar?: boolean\n    /** Number of text lines */\n    lines?: number\n    /** Show action buttons */\n    showActions?: boolean\n  }>(),\n  {\n    showAvatar: false,\n    lines: 3,\n    showActions: false,\n  },\n)\n</script>\n\n<template>\n  <div class=\"bg-white dark:bg-gray-900 rounded-lg shadow-md p-4 space-y-4\" aria-hidden=\"true\">\n    <!-- Header with avatar -->\n    <div v-if=\"showAvatar\" class=\"flex items-center gap-3\">\n      <div class=\"size-10 rounded-full bg-gray-200 dark:bg-gray-700 animate-pulse\" />\n      <div class=\"flex-1 space-y-2\">\n        <div class=\"h-4 bg-gray-200 dark:bg-gray-700 rounded animate-pulse w-1/2\" />\n        <div class=\"h-3 bg-gray-200 dark:bg-gray-700 rounded animate-pulse w-1/3\" />\n      </div>\n    </div>\n\n    <!-- Content lines -->\n    <div class=\"space-y-2\">\n      <div\n        v-for=\"line in lines\"\n        :key=\"line\"\n        class=\"h-4 bg-gray-200 dark:bg-gray-700 rounded animate-pulse\"\n        :style=\"{ width: line === lines ? '60%' : '100%' }\"\n      />\n    </div>\n\n    <!-- Actions -->\n    <div v-if=\"showActions\" class=\"flex justify-end gap-2 pt-2\">\n      <div class=\"h-8 w-20 bg-gray-200 dark:bg-gray-700 rounded animate-pulse\" />\n      <div class=\"h-8 w-20 bg-gray-200 dark:bg-gray-700 rounded animate-pulse\" />\n    </div>\n  </div>\n</template>\n","<script lang=\"ts\" setup>\nwithDefaults(\n  defineProps<{\n    /** Number of rows */\n    rows?: number\n    /** Number of columns */\n    columns?: number\n    /** Show header */\n    showHeader?: boolean\n  }>(),\n  {\n    rows: 5,\n    columns: 4,\n    showHeader: true,\n  },\n)\n</script>\n\n<template>\n  <div class=\"w-full\" aria-hidden=\"true\">\n    <!-- Header -->\n    <div\n      v-if=\"showHeader\"\n      class=\"flex gap-4 px-4 py-3 border-b border-gray-200 dark:border-gray-700\"\n    >\n      <div\n        v-for=\"col in columns\"\n        :key=\"`header-${col}`\"\n        class=\"flex-1 h-4 bg-gray-200 dark:bg-gray-700 rounded animate-pulse\"\n        :style=\"{ maxWidth: col === 1 ? '30%' : '20%' }\"\n      />\n    </div>\n    <!-- Rows -->\n    <div\n      v-for=\"row in rows\"\n      :key=\"`row-${row}`\"\n      class=\"flex items-center gap-4 px-4 py-4 border-b border-gray-100 dark:border-gray-800\"\n    >\n      <div\n        v-for=\"col in columns\"\n        :key=\"`cell-${row}-${col}`\"\n        class=\"flex-1 h-4 bg-gray-200 dark:bg-gray-700 rounded animate-pulse\"\n        :style=\"{\n          maxWidth: col === 1 ? '40%' : col === columns ? '15%' : '25%',\n          opacity: 1 - (row * 0.1)\n        }\"\n      />\n    </div>\n  </div>\n</template>\n","<script lang=\"ts\" setup>\nwithDefaults(\n  defineProps<{\n    /** Number of items */\n    items?: number\n    /** Show avatar/icon placeholder */\n    showAvatar?: boolean\n    /** Show secondary text */\n    showSecondary?: boolean\n    /** Show action button */\n    showAction?: boolean\n  }>(),\n  {\n    items: 5,\n    showAvatar: true,\n    showSecondary: true,\n    showAction: false,\n  },\n)\n</script>\n\n<template>\n  <div class=\"divide-y divide-gray-200 dark:divide-gray-700\" aria-hidden=\"true\">\n    <div\n      v-for=\"item in items\"\n      :key=\"item\"\n      class=\"flex items-center gap-4 py-4 px-4\"\n    >\n      <!-- Avatar -->\n      <div\n        v-if=\"showAvatar\"\n        class=\"shrink-0 size-10 rounded-full bg-gray-200 dark:bg-gray-700 animate-pulse\"\n      />\n\n      <!-- Content -->\n      <div class=\"flex-1 min-w-0 space-y-2\">\n        <div\n          class=\"h-4 bg-gray-200 dark:bg-gray-700 rounded animate-pulse\"\n          :style=\"{ width: `${60 + Math.random() * 30}%` }\"\n        />\n        <div\n          v-if=\"showSecondary\"\n          class=\"h-3 bg-gray-200 dark:bg-gray-700 rounded animate-pulse\"\n          :style=\"{ width: `${40 + Math.random() * 20}%` }\"\n        />\n      </div>\n\n      <!-- Action -->\n      <div\n        v-if=\"showAction\"\n        class=\"shrink-0 size-8 rounded bg-gray-200 dark:bg-gray-700 animate-pulse\"\n      />\n    </div>\n  </div>\n</template>\n"],"names":["_openBlock","_createElementBlock","_hoisted_1","_hoisted_2","_createElementVNode","_hoisted_3","_Fragment","_renderList","_normalizeStyle","_hoisted_4"],"mappings":"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"}

package/dist/{PageLayout.vue_vue_type_script_setup_true_lang-rMu1Z5uH.js → PageHero.vue_vue_type_script_setup_true_lang-C-YXGDTY.js}

@@ -1,51 +1,51 @@
 import { defineComponent, useSlots, computed, resolveComponent, createElementBlock, openBlock, createCommentVNode, createElementVNode, normalizeClass, renderSlot, Fragment, createVNode, unref, toDisplayString, createTextVNode, renderList, createBlock, resolveDynamicComponent, mergeProps, withCtx, ref } from "vue";
 import { Icon } from "@iconify/vue";
-import { _ as _sfc_main$3, a as _sfc_main$4 } from "./Dropdown.vue_vue_type_script_setup_true_lang-nyND94f_.js";
-const _hoisted_1$2 = { class: "flex min-h-screen" };
-const _hoisted_2$2 = {
+import { _ as _sfc_main$4, a as _sfc_main$5 } from "./Dropdown.vue_vue_type_script_setup_true_lang-nyND94f_.js";
+const _hoisted_1$3 = { class: "flex min-h-screen" };
+const _hoisted_2$3 = {
   key: 0,
   class: "absolute inset-0 overflow-hidden pointer-events-none"
 };
-const _hoisted_3$2 = {
+const _hoisted_3$3 = {
   key: 1,
   class: "absolute inset-0 opacity-20 pointer-events-none",
   style: { "background-image": "radial-gradient(circle, rgba(255,255,255,0.4) 1px, transparent 1px)", "background-size": "24px 24px" }
 };
-const _hoisted_4$2 = { class: "relative z-10 flex flex-col justify-center px-16 py-12 text-white w-full" };
-const _hoisted_5$2 = { class: "flex items-center gap-3 mb-12" };
-const _hoisted_6$2 = { class: "w-14 h-14 bg-white/20 backdrop-blur-sm rounded-2xl flex items-center justify-center" };
-const _hoisted_7$2 = {
+const _hoisted_4$3 = { class: "relative z-10 flex flex-col justify-center px-16 py-12 text-white w-full" };
+const _hoisted_5$3 = { class: "flex items-center gap-3 mb-12" };
+const _hoisted_6$3 = { class: "size-14 bg-white/20 backdrop-blur-sm rounded-2xl flex items-center justify-center" };
+const _hoisted_7$3 = {
   key: 0,
   class: "text-3xl font-bold"
 };
-const _hoisted_8$2 = {
+const _hoisted_8$3 = {
   key: 0,
   class: "text-4xl xl:text-5xl font-bold leading-tight mb-6"
 };
-const _hoisted_9$2 = {
+const _hoisted_9$3 = {
   key: 1,
   class: "relative inline-block"
 };
-const _hoisted_10$2 = { class: "relative z-10" };
-const _hoisted_11$1 = {
+const _hoisted_10$3 = { class: "relative z-10" };
+const _hoisted_11$2 = {
   class: "absolute -bottom-2 left-0 w-full",
   viewBox: "0 0 280 12",
   fill: "none",
   preserveAspectRatio: "none"
 };
-const _hoisted_12$1 = ["stroke"];
-const _hoisted_13$1 = {
+const _hoisted_12$2 = ["stroke"];
+const _hoisted_13$2 = {
   key: 0,
   class: "text-lg text-white/80 max-w-md mb-10"
 };
-const _hoisted_14$1 = {
+const _hoisted_14$2 = {
   key: 0,
   class: "space-y-4"
 };
-const _hoisted_15$1 = { class: "w-10 h-10 rounded-xl bg-white/10 backdrop-blur-sm flex items-center justify-center shrink-0" };
+const _hoisted_15$1 = { class: "size-10 rounded-xl bg-white/10 backdrop-blur-sm flex items-center justify-center shrink-0" };
 const _hoisted_16 = { class: "flex-1 flex items-center justify-center p-6 sm:p-12 bg-gradient-to-br from-gray-50 to-gray-100 dark:from-slate-900 dark:to-slate-800" };
 const _hoisted_17 = { class: "lg:hidden text-center mb-8" };
-const _hoisted_18 = { class: "w-12 h-12 bg-primary-600 rounded-xl flex items-center justify-center shadow-lg shadow-primary-200 dark:shadow-primary-900/30" };
+const _hoisted_18 = { class: "size-12 bg-primary-600 rounded-xl flex items-center justify-center shadow-lg shadow-primary-200 dark:shadow-primary-900/30" };
 const _hoisted_19 = {
   key: 0,
   class: "text-2xl font-bold text-gray-900 dark:text-white"
@@ -63,7 +63,7 @@ const _hoisted_22 = {
   class: "text-gray-600 dark:text-gray-400"
 };
 const _hoisted_23 = { class: "bg-white dark:bg-slate-800/80 rounded-3xl shadow-xl shadow-gray-200/50 dark:shadow-none p-8" };
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "AuthLayout",
   props: {
     appName: { default: "" },
@@ -114,7 +114,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       return classes.filter(Boolean);
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$2, [
+      return openBlock(), createElementBlock("div", _hoisted_1$3, [
         hasBrandingContent.value || _ctx.$slots["branding-panel"] ? (openBlock(), createElementBlock("div", {
           key: 0,
           class: normalizeClass([
@@ -123,56 +123,56 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
           ])
         }, [
           renderSlot(_ctx.$slots, "branding-panel", {}, () => [
-            __props.showDecorations ? (openBlock(), createElementBlock("div", _hoisted_2$2, [..._cache[0] || (_cache[0] = [
-              createElementVNode("div", { class: "absolute -top-20 -left-20 w-80 h-80 bg-white/5 rounded-full blur-3xl" }, null, -1),
-              createElementVNode("div", { class: "absolute top-1/3 right-10 w-60 h-60 bg-white/5 rounded-full blur-3xl" }, null, -1),
-              createElementVNode("div", { class: "absolute bottom-20 left-1/4 w-72 h-72 bg-white/5 rounded-full blur-3xl" }, null, -1)
+            __props.showDecorations ? (openBlock(), createElementBlock("div", _hoisted_2$3, [..._cache[0] || (_cache[0] = [
+              createElementVNode("div", { class: "absolute -top-20 -left-20 size-80 bg-white/5 rounded-full blur-3xl" }, null, -1),
+              createElementVNode("div", { class: "absolute top-1/3 right-10 size-60 bg-white/5 rounded-full blur-3xl" }, null, -1),
+              createElementVNode("div", { class: "absolute bottom-20 left-1/4 size-72 bg-white/5 rounded-full blur-3xl" }, null, -1)
             ])])) : createCommentVNode("", true),
-            __props.showPattern ? (openBlock(), createElementBlock("div", _hoisted_3$2)) : createCommentVNode("", true),
+            __props.showPattern ? (openBlock(), createElementBlock("div", _hoisted_3$3)) : createCommentVNode("", true),
             __props.showDecorations ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
-              _cache[1] || (_cache[1] = createElementVNode("div", { class: "absolute top-20 right-20 w-16 h-16 border-2 border-white/20 rounded-2xl rotate-12 pointer-events-none" }, null, -1)),
-              _cache[2] || (_cache[2] = createElementVNode("div", { class: "absolute bottom-32 left-16 w-12 h-12 border-2 border-white/20 rounded-full pointer-events-none" }, null, -1)),
-              _cache[3] || (_cache[3] = createElementVNode("div", { class: "absolute top-1/2 left-10 w-8 h-8 bg-white/10 rounded-lg rotate-45 pointer-events-none" }, null, -1))
+              _cache[1] || (_cache[1] = createElementVNode("div", { class: "absolute top-20 right-20 size-16 border-2 border-white/20 rounded-2xl rotate-12 pointer-events-none" }, null, -1)),
+              _cache[2] || (_cache[2] = createElementVNode("div", { class: "absolute bottom-32 left-16 size-12 border-2 border-white/20 rounded-full pointer-events-none" }, null, -1)),
+              _cache[3] || (_cache[3] = createElementVNode("div", { class: "absolute top-1/2 left-10 size-8 bg-white/10 rounded-lg rotate-45 pointer-events-none" }, null, -1))
             ], 64)) : createCommentVNode("", true),
-            createElementVNode("div", _hoisted_4$2, [
+            createElementVNode("div", _hoisted_4$3, [
               createElementVNode("div", {
                 class: normalizeClass(__props.brandingAnimation)
               }, [
-                createElementVNode("div", _hoisted_5$2, [
+                createElementVNode("div", _hoisted_5$3, [
                   renderSlot(_ctx.$slots, "branding-logo", {}, () => [
                     __props.appName || __props.appIcon ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                      createElementVNode("div", _hoisted_6$2, [
+                      createElementVNode("div", _hoisted_6$3, [
                         createVNode(unref(Icon), {
                           icon: __props.appIcon,
-                          class: "w-8 h-8 text-white"
+                          class: "size-8 text-white"
                         }, null, 8, ["icon"])
                       ]),
-                      __props.appName ? (openBlock(), createElementBlock("span", _hoisted_7$2, toDisplayString(__props.appName), 1)) : createCommentVNode("", true)
+                      __props.appName ? (openBlock(), createElementBlock("span", _hoisted_7$3, toDisplayString(__props.appName), 1)) : createCommentVNode("", true)
                     ], 64)) : createCommentVNode("", true)
                   ])
                 ]),
                 renderSlot(_ctx.$slots, "branding-headline", {}, () => [
-                  __props.headline || __props.subHeadline ? (openBlock(), createElementBlock("h1", _hoisted_8$2, [
+                  __props.headline || __props.subHeadline ? (openBlock(), createElementBlock("h1", _hoisted_8$3, [
                     __props.headline ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
                       createTextVNode(toDisplayString(__props.headline), 1),
                       _cache[4] || (_cache[4] = createElementVNode("br", null, null, -1))
                     ], 64)) : createCommentVNode("", true),
-                    __props.subHeadline ? (openBlock(), createElementBlock("span", _hoisted_9$2, [
-                      createElementVNode("span", _hoisted_10$2, toDisplayString(__props.subHeadline), 1),
-                      (openBlock(), createElementBlock("svg", _hoisted_11$1, [
+                    __props.subHeadline ? (openBlock(), createElementBlock("span", _hoisted_9$3, [
+                      createElementVNode("span", _hoisted_10$3, toDisplayString(__props.subHeadline), 1),
+                      (openBlock(), createElementBlock("svg", _hoisted_11$2, [
                         createElementVNode("path", {
                           d: "M2 10C45 4 90 2 140 6C190 10 235 4 278 8",
                           stroke: __props.underlineColor,
                           "stroke-width": "4",
                           "stroke-linecap": "round"
-                        }, null, 8, _hoisted_12$1)
+                        }, null, 8, _hoisted_12$2)
                       ]))
                     ])) : createCommentVNode("", true)
                   ])) : createCommentVNode("", true)
                 ]),
-                __props.description ? (openBlock(), createElementBlock("p", _hoisted_13$1, toDisplayString(__props.description), 1)) : createCommentVNode("", true),
+                __props.description ? (openBlock(), createElementBlock("p", _hoisted_13$2, toDisplayString(__props.description), 1)) : createCommentVNode("", true),
                 renderSlot(_ctx.$slots, "branding-features", {}, () => [
-                  __props.features.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_14$1, [
+                  __props.features.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_14$2, [
                     (openBlock(true), createElementBlock(Fragment, null, renderList(__props.features, (feature, index) => {
                       return openBlock(), createElementBlock("div", {
                         key: index,
@@ -181,7 +181,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                         createElementVNode("div", _hoisted_15$1, [
                           createVNode(unref(Icon), {
                             icon: feature.icon,
-                            class: "w-5 h-5"
+                            class: "size-5"
                           }, null, 8, ["icon"])
                         ]),
                         createElementVNode("span", null, toDisplayString(feature.text), 1)
@@ -206,7 +206,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                       createElementVNode("div", _hoisted_18, [
                         createVNode(unref(Icon), {
                           icon: __props.appIcon,
-                          class: "w-6 h-6 text-white"
+                          class: "size-6 text-white"
                         }, null, 8, ["icon"])
                       ]),
                       __props.appName ? (openBlock(), createElementBlock("span", _hoisted_19, toDisplayString(__props.appName), 1)) : createCommentVNode("", true)
@@ -232,22 +232,22 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$1 = { class: "font-inter relative flex h-dvh overflow-hidden bg-gray-100 dark:bg-slate-900" };
-const _hoisted_2$1 = { class: "flex h-16 items-center px-3" };
-const _hoisted_3$1 = { class: "flex flex-1 items-center justify-center gap-3" };
-const _hoisted_4$1 = { class: "bg-primary text-primary-foreground flex size-8 items-center justify-center rounded-lg bg-white/20" };
-const _hoisted_5$1 = { class: "flex flex-col gap-3 px-3 pb-3" };
-const _hoisted_6$1 = { class: "flex flex-1 flex-col min-w-0" };
-const _hoisted_7$1 = { class: "flex h-16 items-center justify-between border-b border-slate-200 bg-white px-4 dark:border-slate-800 dark:bg-slate-950" };
-const _hoisted_8$1 = { class: "flex-1" };
-const _hoisted_9$1 = { class: "flex items-center gap-3" };
-const _hoisted_10$1 = { class: "flex items-center gap-2 rounded-lg p-1.5 transition hover:bg-gray-100 dark:hover:bg-gray-800" };
-const _hoisted_11 = { class: "flex size-8 items-center justify-center rounded-full bg-primary text-sm font-medium text-white" };
-const _hoisted_12 = { class: "hidden text-sm font-medium text-gray-700 dark:text-gray-300 md:block" };
-const _hoisted_13 = { class: "min-w-48 py-1" };
-const _hoisted_14 = { class: "flex flex-1 flex-col overflow-y-auto overflow-x-hidden" };
+const _hoisted_1$2 = { class: "font-inter relative flex h-dvh overflow-hidden bg-gray-100 dark:bg-slate-900" };
+const _hoisted_2$2 = { class: "flex h-16 items-center px-3" };
+const _hoisted_3$2 = { class: "flex flex-1 items-center justify-center gap-3" };
+const _hoisted_4$2 = { class: "bg-primary text-primary-foreground flex size-8 items-center justify-center rounded-lg bg-white/20" };
+const _hoisted_5$2 = { class: "flex flex-col gap-3 px-3 pb-3" };
+const _hoisted_6$2 = { class: "flex flex-1 flex-col min-w-0" };
+const _hoisted_7$2 = { class: "flex h-16 items-center justify-between border-b border-slate-200 bg-white px-4 dark:border-slate-800 dark:bg-slate-950" };
+const _hoisted_8$2 = { class: "flex-1" };
+const _hoisted_9$2 = { class: "flex items-center gap-3" };
+const _hoisted_10$2 = { class: "flex items-center gap-2 rounded-lg p-1.5 transition hover:bg-gray-100 dark:hover:bg-gray-800" };
+const _hoisted_11$1 = { class: "flex size-8 items-center justify-center rounded-full bg-primary text-sm font-medium text-white" };
+const _hoisted_12$1 = { class: "hidden text-sm font-medium text-gray-700 dark:text-gray-300 md:block" };
+const _hoisted_13$1 = { class: "min-w-48 py-1" };
+const _hoisted_14$1 = { class: "flex flex-1 flex-col overflow-y-auto overflow-x-hidden" };
 const _hoisted_15 = { class: "container mx-auto flex flex-1 flex-col gap-5 p-5 max-w-full" };
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "BaseLayout",
   props: {
     menuItems: { default: () => [] },
@@ -332,7 +332,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       }
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$1, [
+      return openBlock(), createElementBlock("div", _hoisted_1$2, [
         sidebarOpenModel.value ? (openBlock(), createElementBlock("div", {
           key: 0,
           class: "absolute z-40 h-full w-full bg-slate-950/20 lg:hidden dark:bg-white/20",
@@ -344,10 +344,10 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
             __props.sidebarClass
           ], "@container max-lg:absolute max-lg:z-50 flex h-full w-76 flex-col justify-between gap-10 transition-all duration-1000 ease-in-out"])
         }, [
-          createElementVNode("div", _hoisted_2$1, [
-            createElementVNode("div", _hoisted_3$1, [
+          createElementVNode("div", _hoisted_2$2, [
+            createElementVNode("div", _hoisted_3$2, [
               renderSlot(_ctx.$slots, "logo", {}, () => [
-                createElementVNode("div", _hoisted_4$1, [
+                createElementVNode("div", _hoisted_4$2, [
                   createVNode(unref(Icon), {
                     class: "size-5 text-white",
                     icon: __props.appIcon
@@ -373,7 +373,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           }, [
             renderSlot(_ctx.$slots, "menu", { currentPath: __props.currentPath }, () => [
               (openBlock(true), createElementBlock(Fragment, null, renderList(__props.menuItems, (item, index) => {
-                return openBlock(), createBlock(_sfc_main$3, {
+                return openBlock(), createBlock(_sfc_main$4, {
                   key: index,
                   "menu-item": item,
                   expanded: sidebarOpenModel.value,
@@ -382,12 +382,12 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
               }), 128))
             ])
           ], 2),
-          createElementVNode("div", _hoisted_5$1, [
+          createElementVNode("div", _hoisted_5$2, [
             renderSlot(_ctx.$slots, "sidebar-footer")
           ])
         ], 2),
-        createElementVNode("div", _hoisted_6$1, [
-          createElementVNode("header", _hoisted_7$1, [
+        createElementVNode("div", _hoisted_6$2, [
+          createElementVNode("header", _hoisted_7$2, [
             createElementVNode("div", null, [
               createElementVNode("button", {
                 class: "rounded-lg bg-gray-100 p-1 transition hover:bg-gray-200 dark:bg-gray-900 dark:hover:bg-gray-800",
@@ -399,10 +399,10 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                 })
               ])
             ]),
-            createElementVNode("div", _hoisted_8$1, [
+            createElementVNode("div", _hoisted_8$2, [
               renderSlot(_ctx.$slots, "header-center")
             ]),
-            createElementVNode("div", _hoisted_9$1, [
+            createElementVNode("div", _hoisted_9$2, [
               renderSlot(_ctx.$slots, "header-actions"),
               __props.showDarkToggle ? (openBlock(), createElementBlock("button", {
                 key: 0,
@@ -414,14 +414,14 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                   class: "size-5 text-gray-900 dark:text-gray-100"
                 }, null, 8, ["icon"])
               ])) : createCommentVNode("", true),
-              __props.userName || __props.userAvatar ? (openBlock(), createBlock(_sfc_main$4, {
+              __props.userName || __props.userAvatar ? (openBlock(), createBlock(_sfc_main$5, {
                 key: 1,
                 align: "right"
               }, {
                 trigger: withCtx(() => [
-                  createElementVNode("button", _hoisted_10$1, [
-                    createElementVNode("div", _hoisted_11, toDisplayString(__props.userAvatar || "?"), 1),
-                    createElementVNode("span", _hoisted_12, toDisplayString(__props.userName), 1),
+                  createElementVNode("button", _hoisted_10$2, [
+                    createElementVNode("div", _hoisted_11$1, toDisplayString(__props.userAvatar || "?"), 1),
+                    createElementVNode("span", _hoisted_12$1, toDisplayString(__props.userName), 1),
                     createVNode(unref(Icon), {
                       icon: "lucide:chevron-down",
                       class: "size-4 text-gray-500"
@@ -429,7 +429,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                   ])
                 ]),
                 default: withCtx(({ close }) => [
-                  createElementVNode("div", _hoisted_13, [
+                  createElementVNode("div", _hoisted_13$1, [
                     (openBlock(true), createElementBlock(Fragment, null, renderList(__props.userMenuItems, (item) => {
                       return openBlock(), createBlock(resolveDynamicComponent(item.link ? routerLinkComponent.value : "button"), mergeProps({
                         key: item.label
@@ -457,7 +457,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
               })) : createCommentVNode("", true)
             ])
           ]),
-          createElementVNode("div", _hoisted_14, [
+          createElementVNode("div", _hoisted_14$1, [
             createElementVNode("main", _hoisted_15, [
               renderSlot(_ctx.$slots, "default", {}, () => [
                 routerViewComponent.value ? (openBlock(), createBlock(resolveDynamicComponent(routerViewComponent.value), { key: 0 })) : createCommentVNode("", true)
@@ -469,29 +469,29 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1 = { class: "flex flex-col gap-4" };
-const _hoisted_2 = {
+const _hoisted_1$1 = { class: "flex flex-col gap-4" };
+const _hoisted_2$1 = {
   key: 0,
   "aria-label": "Breadcrumb"
 };
-const _hoisted_3 = { class: "flex items-center" };
-const _hoisted_4 = {
+const _hoisted_3$1 = { class: "flex items-center" };
+const _hoisted_4$1 = {
   key: 0,
   class: "mx-3 text-sm font-semibold text-gray-400 dark:text-gray-600"
 };
-const _hoisted_5 = { class: "flex flex-col gap-4 md:flex-row md:items-start md:justify-between" };
-const _hoisted_6 = { class: "flex flex-col gap-1 min-w-0 flex-1" };
-const _hoisted_7 = {
+const _hoisted_5$1 = { class: "flex flex-col gap-4 md:flex-row md:items-start md:justify-between" };
+const _hoisted_6$1 = { class: "flex flex-col gap-1 min-w-0 flex-1" };
+const _hoisted_7$1 = {
   key: 0,
   class: "text-2xl font-bold text-gray-900 dark:text-gray-100 truncate"
 };
-const _hoisted_8 = {
+const _hoisted_8$1 = {
   key: 1,
   class: "text-sm text-gray-600 dark:text-gray-400"
 };
-const _hoisted_9 = { class: "flex items-center gap-2 flex-wrap shrink-0" };
-const _hoisted_10 = { class: "flex-1" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
+const _hoisted_9$1 = { class: "flex items-center gap-2 flex-wrap shrink-0" };
+const _hoisted_10$1 = { class: "flex-1" };
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "PageLayout",
   props: {
     title: {},
@@ -516,15 +516,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return { to: link };
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        __props.breadcrumbs && __props.breadcrumbs.length > 0 ? (openBlock(), createElementBlock("nav", _hoisted_2, [
-          createElementVNode("ol", _hoisted_3, [
+      return openBlock(), createElementBlock("div", _hoisted_1$1, [
+        __props.breadcrumbs && __props.breadcrumbs.length > 0 ? (openBlock(), createElementBlock("nav", _hoisted_2$1, [
+          createElementVNode("ol", _hoisted_3$1, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(__props.breadcrumbs, (breadcrumb, index) => {
               return openBlock(), createElementBlock("li", {
                 key: index,
                 class: "flex items-center"
               }, [
-                index > 0 ? (openBlock(), createElementBlock("span", _hoisted_4, " / ")) : createCommentVNode("", true),
+                index > 0 ? (openBlock(), createElementBlock("span", _hoisted_4$1, " / ")) : createCommentVNode("", true),
                 renderSlot(_ctx.$slots, "breadcrumb", {
                   breadcrumb,
                   index,
@@ -546,33 +546,180 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }), 128))
           ])
         ])) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_5, [
-          createElementVNode("div", _hoisted_6, [
-            __props.title ? (openBlock(), createElementBlock("h1", _hoisted_7, [
+        createElementVNode("div", _hoisted_5$1, [
+          createElementVNode("div", _hoisted_6$1, [
+            __props.title ? (openBlock(), createElementBlock("h1", _hoisted_7$1, [
               renderSlot(_ctx.$slots, "title", {}, () => [
                 createTextVNode(toDisplayString(__props.title), 1)
               ])
             ])) : createCommentVNode("", true),
-            __props.description ? (openBlock(), createElementBlock("p", _hoisted_8, [
+            __props.description ? (openBlock(), createElementBlock("p", _hoisted_8$1, [
               renderSlot(_ctx.$slots, "description", {}, () => [
                 createTextVNode(toDisplayString(__props.description), 1)
               ])
             ])) : createCommentVNode("", true)
           ]),
-          createElementVNode("div", _hoisted_9, [
+          createElementVNode("div", _hoisted_9$1, [
             renderSlot(_ctx.$slots, "actions")
           ])
         ]),
-        createElementVNode("div", _hoisted_10, [
+        createElementVNode("div", _hoisted_10$1, [
           renderSlot(_ctx.$slots, "default")
         ])
       ]);
     };
   }
 });
+const _hoisted_1 = { class: "relative overflow-hidden bg-linear-to-br from-primary-600 via-primary-500 to-primary-400" };
+const _hoisted_2 = {
+  key: 0,
+  class: "absolute inset-0 overflow-hidden pointer-events-none"
+};
+const _hoisted_3 = {
+  key: 1,
+  class: "absolute inset-0 overflow-hidden pointer-events-none"
+};
+const _hoisted_4 = { class: "relative px-4 pt-8 pb-10 sm:px-6 lg:px-8 max-w-5xl mx-auto" };
+const _hoisted_5 = { class: "text-center mb-8 animate-fade-in-up" };
+const _hoisted_6 = {
+  key: 0,
+  class: "inline-flex items-center gap-2 px-4 py-2 rounded-full bg-white/15 backdrop-blur-sm border border-white/20 mb-4"
+};
+const _hoisted_7 = {
+  key: 1,
+  class: "text-sm font-medium text-white"
+};
+const _hoisted_8 = { class: "text-2xl sm:text-3xl font-bold text-white mb-2" };
+const _hoisted_9 = {
+  key: 1,
+  class: "text-primary-100 text-sm sm:text-base"
+};
+const _hoisted_10 = {
+  key: 0,
+  class: "animate-fade-in-up [animation-delay:0.1s]"
+};
+const _hoisted_11 = {
+  key: 0,
+  class: "w-10 h-10 mx-auto mb-2 rounded-xl bg-white/20 flex items-center justify-center"
+};
+const _hoisted_12 = { class: "text-2xl sm:text-3xl font-bold text-white" };
+const _hoisted_13 = { class: "text-xs sm:text-sm text-primary-100" };
+const _hoisted_14 = {
+  key: 2,
+  class: "absolute bottom-0 left-0 right-0"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "PageHero",
+  props: {
+    title: {},
+    subtitle: {},
+    badge: {},
+    badgeIcon: {},
+    showBlobs: { type: Boolean, default: true },
+    showWave: { type: Boolean, default: true },
+    stats: {},
+    gradientDirection: { default: "br" },
+    decorativeIcons: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      var _a, _b;
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        __props.showBlobs ? (openBlock(), createElementBlock("div", _hoisted_2, [..._cache[0] || (_cache[0] = [
+          createElementVNode("div", { class: "absolute -top-20 -right-20 w-72 h-72 bg-white/10 rounded-full blur-3xl animate-float" }, null, -1),
+          createElementVNode("div", { class: "absolute -bottom-32 -left-32 w-96 h-96 bg-white/5 rounded-full blur-3xl animate-float [animation-delay:1s]" }, null, -1)
+        ])])) : createCommentVNode("", true),
+        ((_a = __props.decorativeIcons) == null ? void 0 : _a.length) ? (openBlock(), createElementBlock("div", _hoisted_3, [
+          __props.decorativeIcons[0] ? (openBlock(), createBlock(unref(Icon), {
+            key: 0,
+            icon: __props.decorativeIcons[0],
+            class: "absolute top-12 right-8 w-24 h-24 text-white/5 rotate-12"
+          }, null, 8, ["icon"])) : createCommentVNode("", true),
+          __props.decorativeIcons[1] ? (openBlock(), createBlock(unref(Icon), {
+            key: 1,
+            icon: __props.decorativeIcons[1],
+            class: "absolute bottom-8 left-12 w-20 h-20 text-white/5 -rotate-12"
+          }, null, 8, ["icon"])) : createCommentVNode("", true)
+        ])) : createCommentVNode("", true),
+        renderSlot(_ctx.$slots, "background"),
+        createElementVNode("div", _hoisted_4, [
+          createElementVNode("div", _hoisted_5, [
+            __props.badge || __props.badgeIcon || _ctx.$slots.badge ? (openBlock(), createElementBlock("div", _hoisted_6, [
+              renderSlot(_ctx.$slots, "badge", {}, () => [
+                __props.badgeIcon ? (openBlock(), createBlock(unref(Icon), {
+                  key: 0,
+                  icon: __props.badgeIcon,
+                  class: "w-5 h-5 text-white"
+                }, null, 8, ["icon"])) : createCommentVNode("", true),
+                __props.badge ? (openBlock(), createElementBlock("span", _hoisted_7, toDisplayString(__props.badge), 1)) : createCommentVNode("", true)
+              ])
+            ])) : createCommentVNode("", true),
+            createElementVNode("h1", _hoisted_8, [
+              renderSlot(_ctx.$slots, "title", {}, () => [
+                createTextVNode(toDisplayString(__props.title), 1)
+              ])
+            ]),
+            __props.subtitle || _ctx.$slots.subtitle ? (openBlock(), createElementBlock("p", _hoisted_9, [
+              renderSlot(_ctx.$slots, "subtitle", {}, () => [
+                createTextVNode(toDisplayString(__props.subtitle), 1)
+              ])
+            ])) : createCommentVNode("", true)
+          ]),
+          ((_b = __props.stats) == null ? void 0 : _b.length) || _ctx.$slots.stats ? (openBlock(), createElementBlock("div", _hoisted_10, [
+            renderSlot(_ctx.$slots, "stats", {}, () => {
+              var _a2, _b2, _c;
+              return [
+                createElementVNode("div", {
+                  class: normalizeClass(["grid gap-3 sm:gap-4", [
+                    ((_a2 = __props.stats) == null ? void 0 : _a2.length) === 2 ? "grid-cols-2" : "",
+                    ((_b2 = __props.stats) == null ? void 0 : _b2.length) === 3 ? "grid-cols-3" : "",
+                    ((_c = __props.stats) == null ? void 0 : _c.length) === 4 ? "grid-cols-2 sm:grid-cols-4" : "",
+                    __props.stats && __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(), createElementBlock("div", {
+                      key: index,
+                      class: "bg-white/15 backdrop-blur-sm rounded-2xl p-4 border border-white/20 text-center"
+                    }, [
+                      stat.icon ? (openBlock(), createElementBlock("div", _hoisted_11, [
+                        createVNode(unref(Icon), {
+                          icon: stat.icon,
+                          class: "w-5 h-5 text-white"
+                        }, null, 8, ["icon"])
+                      ])) : createCommentVNode("", true),
+                      createElementVNode("div", _hoisted_12, toDisplayString(stat.value), 1),
+                      createElementVNode("div", _hoisted_13, toDisplayString(stat.label), 1)
+                    ]);
+                  }), 128))
+                ], 2)
+              ];
+            })
+          ])) : createCommentVNode("", true),
+          renderSlot(_ctx.$slots, "content")
+        ]),
+        __props.showWave ? (openBlock(), createElementBlock("div", _hoisted_14, [..._cache[1] || (_cache[1] = [
+          createElementVNode("svg", {
+            viewBox: "0 0 1440 80",
+            fill: "none",
+            xmlns: "http://www.w3.org/2000/svg",
+            class: "w-full h-auto",
+            preserveAspectRatio: "none"
+          }, [
+            createElementVNode("path", {
+              d: "M0 80L60 74.7C120 69 240 59 360 53.3C480 48 600 48 720 53.3C840 59 960 69 1080 69.3C1200 69 1320 59 1380 53.3L1440 48V80H1380C1320 80 1200 80 1080 80C960 80 840 80 720 80C600 80 480 80 360 80C240 80 120 80 60 80H0Z",
+              class: "fill-gray-50 dark:fill-slate-900"
+            })
+          ], -1)
+        ])])) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
 export {
-  _sfc_main$2 as _,
-  _sfc_main$1 as a,
-  _sfc_main as b
+  _sfc_main$3 as _,
+  _sfc_main$2 as a,
+  _sfc_main$1 as b,
+  _sfc_main as c
 };
-//# sourceMappingURL=PageLayout.vue_vue_type_script_setup_true_lang-rMu1Z5uH.js.map
+//# sourceMappingURL=PageHero.vue_vue_type_script_setup_true_lang-C-YXGDTY.js.map