cisse-vue-ui 0.5.33 → 0.6.0

package/dist/{PageLayout.vue_vue_type_script_setup_true_lang-hhzpkC6_.cjs → PageHero.vue_vue_type_script_setup_true_lang-CKCmOxOa.cjs}

@@ -2,51 +2,51 @@
 const vue = require("vue");
 const vue$1 = require("@iconify/vue");
 const Dropdown_vue_vue_type_script_setup_true_lang = require("./Dropdown.vue_vue_type_script_setup_true_lang-BNOHbbm5.cjs");
-const _hoisted_1$2 = { class: "flex min-h-screen" };
-const _hoisted_2$2 = {
+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"
@@ -64,7 +64,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__ */ vue.defineComponent({
+const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
   __name: "AuthLayout",
   props: {
     appName: { default: "" },
@@ -115,7 +115,7 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
       return classes.filter(Boolean);
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$2, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$3, [
         hasBrandingContent.value || _ctx.$slots["branding-panel"] ? (vue.openBlock(), vue.createElementBlock("div", {
           key: 0,
           class: vue.normalizeClass([
@@ -124,56 +124,56 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
           ])
         }, [
           vue.renderSlot(_ctx.$slots, "branding-panel", {}, () => [
-            __props.showDecorations ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$2, [..._cache[0] || (_cache[0] = [
-              vue.createElementVNode("div", { class: "absolute -top-20 -left-20 w-80 h-80 bg-white/5 rounded-full blur-3xl" }, null, -1),
-              vue.createElementVNode("div", { class: "absolute top-1/3 right-10 w-60 h-60 bg-white/5 rounded-full blur-3xl" }, null, -1),
-              vue.createElementVNode("div", { class: "absolute bottom-20 left-1/4 w-72 h-72 bg-white/5 rounded-full blur-3xl" }, null, -1)
+            __props.showDecorations ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$3, [..._cache[0] || (_cache[0] = [
+              vue.createElementVNode("div", { class: "absolute -top-20 -left-20 size-80 bg-white/5 rounded-full blur-3xl" }, null, -1),
+              vue.createElementVNode("div", { class: "absolute top-1/3 right-10 size-60 bg-white/5 rounded-full blur-3xl" }, null, -1),
+              vue.createElementVNode("div", { class: "absolute bottom-20 left-1/4 size-72 bg-white/5 rounded-full blur-3xl" }, null, -1)
             ])])) : vue.createCommentVNode("", true),
-            __props.showPattern ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$2)) : vue.createCommentVNode("", true),
+            __props.showPattern ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$3)) : vue.createCommentVNode("", true),
             __props.showDecorations ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
-              _cache[1] || (_cache[1] = vue.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] = vue.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] = vue.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] = vue.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] = vue.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] = vue.createElementVNode("div", { class: "absolute top-1/2 left-10 size-8 bg-white/10 rounded-lg rotate-45 pointer-events-none" }, null, -1))
             ], 64)) : vue.createCommentVNode("", true),
-            vue.createElementVNode("div", _hoisted_4$2, [
+            vue.createElementVNode("div", _hoisted_4$3, [
               vue.createElementVNode("div", {
                 class: vue.normalizeClass(__props.brandingAnimation)
               }, [
-                vue.createElementVNode("div", _hoisted_5$2, [
+                vue.createElementVNode("div", _hoisted_5$3, [
                   vue.renderSlot(_ctx.$slots, "branding-logo", {}, () => [
                     __props.appName || __props.appIcon ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-                      vue.createElementVNode("div", _hoisted_6$2, [
+                      vue.createElementVNode("div", _hoisted_6$3, [
                         vue.createVNode(vue.unref(vue$1.Icon), {
                           icon: __props.appIcon,
-                          class: "w-8 h-8 text-white"
+                          class: "size-8 text-white"
                         }, null, 8, ["icon"])
                       ]),
-                      __props.appName ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_7$2, vue.toDisplayString(__props.appName), 1)) : vue.createCommentVNode("", true)
+                      __props.appName ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_7$3, vue.toDisplayString(__props.appName), 1)) : vue.createCommentVNode("", true)
                     ], 64)) : vue.createCommentVNode("", true)
                   ])
                 ]),
                 vue.renderSlot(_ctx.$slots, "branding-headline", {}, () => [
-                  __props.headline || __props.subHeadline ? (vue.openBlock(), vue.createElementBlock("h1", _hoisted_8$2, [
+                  __props.headline || __props.subHeadline ? (vue.openBlock(), vue.createElementBlock("h1", _hoisted_8$3, [
                     __props.headline ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
                       vue.createTextVNode(vue.toDisplayString(__props.headline), 1),
                       _cache[4] || (_cache[4] = vue.createElementVNode("br", null, null, -1))
                     ], 64)) : vue.createCommentVNode("", true),
-                    __props.subHeadline ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_9$2, [
-                      vue.createElementVNode("span", _hoisted_10$2, vue.toDisplayString(__props.subHeadline), 1),
-                      (vue.openBlock(), vue.createElementBlock("svg", _hoisted_11$1, [
+                    __props.subHeadline ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_9$3, [
+                      vue.createElementVNode("span", _hoisted_10$3, vue.toDisplayString(__props.subHeadline), 1),
+                      (vue.openBlock(), vue.createElementBlock("svg", _hoisted_11$2, [
                         vue.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)
                       ]))
                     ])) : vue.createCommentVNode("", true)
                   ])) : vue.createCommentVNode("", true)
                 ]),
-                __props.description ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_13$1, vue.toDisplayString(__props.description), 1)) : vue.createCommentVNode("", true),
+                __props.description ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_13$2, vue.toDisplayString(__props.description), 1)) : vue.createCommentVNode("", true),
                 vue.renderSlot(_ctx.$slots, "branding-features", {}, () => [
-                  __props.features.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_14$1, [
+                  __props.features.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_14$2, [
                     (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.features, (feature, index) => {
                       return vue.openBlock(), vue.createElementBlock("div", {
                         key: index,
@@ -182,7 +182,7 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
                         vue.createElementVNode("div", _hoisted_15$1, [
                           vue.createVNode(vue.unref(vue$1.Icon), {
                             icon: feature.icon,
-                            class: "w-5 h-5"
+                            class: "size-5"
                           }, null, 8, ["icon"])
                         ]),
                         vue.createElementVNode("span", null, vue.toDisplayString(feature.text), 1)
@@ -207,7 +207,7 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
                       vue.createElementVNode("div", _hoisted_18, [
                         vue.createVNode(vue.unref(vue$1.Icon), {
                           icon: __props.appIcon,
-                          class: "w-6 h-6 text-white"
+                          class: "size-6 text-white"
                         }, null, 8, ["icon"])
                       ]),
                       __props.appName ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_19, vue.toDisplayString(__props.appName), 1)) : vue.createCommentVNode("", true)
@@ -233,22 +233,22 @@ const _sfc_main$2 = /* @__PURE__ */ vue.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__ */ vue.defineComponent({
+const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
   __name: "BaseLayout",
   props: {
     menuItems: { default: () => [] },
@@ -333,7 +333,7 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
       }
     };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$2, [
         sidebarOpenModel.value ? (vue.openBlock(), vue.createElementBlock("div", {
           key: 0,
           class: "absolute z-40 h-full w-full bg-slate-950/20 lg:hidden dark:bg-white/20",
@@ -345,10 +345,10 @@ const _sfc_main$1 = /* @__PURE__ */ vue.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"])
         }, [
-          vue.createElementVNode("div", _hoisted_2$1, [
-            vue.createElementVNode("div", _hoisted_3$1, [
+          vue.createElementVNode("div", _hoisted_2$2, [
+            vue.createElementVNode("div", _hoisted_3$2, [
               vue.renderSlot(_ctx.$slots, "logo", {}, () => [
-                vue.createElementVNode("div", _hoisted_4$1, [
+                vue.createElementVNode("div", _hoisted_4$2, [
                   vue.createVNode(vue.unref(vue$1.Icon), {
                     class: "size-5 text-white",
                     icon: __props.appIcon
@@ -383,12 +383,12 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
               }), 128))
             ])
           ], 2),
-          vue.createElementVNode("div", _hoisted_5$1, [
+          vue.createElementVNode("div", _hoisted_5$2, [
             vue.renderSlot(_ctx.$slots, "sidebar-footer")
           ])
         ], 2),
-        vue.createElementVNode("div", _hoisted_6$1, [
-          vue.createElementVNode("header", _hoisted_7$1, [
+        vue.createElementVNode("div", _hoisted_6$2, [
+          vue.createElementVNode("header", _hoisted_7$2, [
             vue.createElementVNode("div", null, [
               vue.createElementVNode("button", {
                 class: "rounded-lg bg-gray-100 p-1 transition hover:bg-gray-200 dark:bg-gray-900 dark:hover:bg-gray-800",
@@ -400,10 +400,10 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
                 })
               ])
             ]),
-            vue.createElementVNode("div", _hoisted_8$1, [
+            vue.createElementVNode("div", _hoisted_8$2, [
               vue.renderSlot(_ctx.$slots, "header-center")
             ]),
-            vue.createElementVNode("div", _hoisted_9$1, [
+            vue.createElementVNode("div", _hoisted_9$2, [
               vue.renderSlot(_ctx.$slots, "header-actions"),
               __props.showDarkToggle ? (vue.openBlock(), vue.createElementBlock("button", {
                 key: 0,
@@ -420,9 +420,9 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
                 align: "right"
               }, {
                 trigger: vue.withCtx(() => [
-                  vue.createElementVNode("button", _hoisted_10$1, [
-                    vue.createElementVNode("div", _hoisted_11, vue.toDisplayString(__props.userAvatar || "?"), 1),
-                    vue.createElementVNode("span", _hoisted_12, vue.toDisplayString(__props.userName), 1),
+                  vue.createElementVNode("button", _hoisted_10$2, [
+                    vue.createElementVNode("div", _hoisted_11$1, vue.toDisplayString(__props.userAvatar || "?"), 1),
+                    vue.createElementVNode("span", _hoisted_12$1, vue.toDisplayString(__props.userName), 1),
                     vue.createVNode(vue.unref(vue$1.Icon), {
                       icon: "lucide:chevron-down",
                       class: "size-4 text-gray-500"
@@ -430,7 +430,7 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
                   ])
                 ]),
                 default: vue.withCtx(({ close }) => [
-                  vue.createElementVNode("div", _hoisted_13, [
+                  vue.createElementVNode("div", _hoisted_13$1, [
                     (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.userMenuItems, (item) => {
                       return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(item.link ? routerLinkComponent.value : "button"), vue.mergeProps({
                         key: item.label
@@ -458,7 +458,7 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
               })) : vue.createCommentVNode("", true)
             ])
           ]),
-          vue.createElementVNode("div", _hoisted_14, [
+          vue.createElementVNode("div", _hoisted_14$1, [
             vue.createElementVNode("main", _hoisted_15, [
               vue.renderSlot(_ctx.$slots, "default", {}, () => [
                 routerViewComponent.value ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(routerViewComponent.value), { key: 0 })) : vue.createCommentVNode("", true)
@@ -470,29 +470,29 @@ const _sfc_main$1 = /* @__PURE__ */ vue.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__ */ vue.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__ */ vue.defineComponent({
   __name: "PageLayout",
   props: {
     title: {},
@@ -517,15 +517,15 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       return { to: link };
     };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        __props.breadcrumbs && __props.breadcrumbs.length > 0 ? (vue.openBlock(), vue.createElementBlock("nav", _hoisted_2, [
-          vue.createElementVNode("ol", _hoisted_3, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1, [
+        __props.breadcrumbs && __props.breadcrumbs.length > 0 ? (vue.openBlock(), vue.createElementBlock("nav", _hoisted_2$1, [
+          vue.createElementVNode("ol", _hoisted_3$1, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.breadcrumbs, (breadcrumb, index) => {
               return vue.openBlock(), vue.createElementBlock("li", {
                 key: index,
                 class: "flex items-center"
               }, [
-                index > 0 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4, " / ")) : vue.createCommentVNode("", true),
+                index > 0 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$1, " / ")) : vue.createCommentVNode("", true),
                 vue.renderSlot(_ctx.$slots, "breadcrumb", {
                   breadcrumb,
                   index,
@@ -547,31 +547,178 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             }), 128))
           ])
         ])) : vue.createCommentVNode("", true),
-        vue.createElementVNode("div", _hoisted_5, [
-          vue.createElementVNode("div", _hoisted_6, [
-            __props.title ? (vue.openBlock(), vue.createElementBlock("h1", _hoisted_7, [
+        vue.createElementVNode("div", _hoisted_5$1, [
+          vue.createElementVNode("div", _hoisted_6$1, [
+            __props.title ? (vue.openBlock(), vue.createElementBlock("h1", _hoisted_7$1, [
               vue.renderSlot(_ctx.$slots, "title", {}, () => [
                 vue.createTextVNode(vue.toDisplayString(__props.title), 1)
               ])
             ])) : vue.createCommentVNode("", true),
-            __props.description ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_8, [
+            __props.description ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_8$1, [
               vue.renderSlot(_ctx.$slots, "description", {}, () => [
                 vue.createTextVNode(vue.toDisplayString(__props.description), 1)
               ])
             ])) : vue.createCommentVNode("", true)
           ]),
-          vue.createElementVNode("div", _hoisted_9, [
+          vue.createElementVNode("div", _hoisted_9$1, [
             vue.renderSlot(_ctx.$slots, "actions")
           ])
         ]),
-        vue.createElementVNode("div", _hoisted_10, [
+        vue.createElementVNode("div", _hoisted_10$1, [
           vue.renderSlot(_ctx.$slots, "default")
         ])
       ]);
     };
   }
 });
-exports._sfc_main = _sfc_main$2;
-exports._sfc_main$1 = _sfc_main$1;
-exports._sfc_main$2 = _sfc_main;
-//# sourceMappingURL=PageLayout.vue_vue_type_script_setup_true_lang-hhzpkC6_.cjs.map
+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__ */ vue.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 vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        __props.showBlobs ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [..._cache[0] || (_cache[0] = [
+          vue.createElementVNode("div", { class: "absolute -top-20 -right-20 w-72 h-72 bg-white/10 rounded-full blur-3xl animate-float" }, null, -1),
+          vue.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)
+        ])])) : vue.createCommentVNode("", true),
+        ((_a = __props.decorativeIcons) == null ? void 0 : _a.length) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
+          __props.decorativeIcons[0] ? (vue.openBlock(), vue.createBlock(vue.unref(vue$1.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"])) : vue.createCommentVNode("", true),
+          __props.decorativeIcons[1] ? (vue.openBlock(), vue.createBlock(vue.unref(vue$1.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"])) : vue.createCommentVNode("", true)
+        ])) : vue.createCommentVNode("", true),
+        vue.renderSlot(_ctx.$slots, "background"),
+        vue.createElementVNode("div", _hoisted_4, [
+          vue.createElementVNode("div", _hoisted_5, [
+            __props.badge || __props.badgeIcon || _ctx.$slots.badge ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, [
+              vue.renderSlot(_ctx.$slots, "badge", {}, () => [
+                __props.badgeIcon ? (vue.openBlock(), vue.createBlock(vue.unref(vue$1.Icon), {
+                  key: 0,
+                  icon: __props.badgeIcon,
+                  class: "w-5 h-5 text-white"
+                }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
+                __props.badge ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_7, vue.toDisplayString(__props.badge), 1)) : vue.createCommentVNode("", true)
+              ])
+            ])) : vue.createCommentVNode("", true),
+            vue.createElementVNode("h1", _hoisted_8, [
+              vue.renderSlot(_ctx.$slots, "title", {}, () => [
+                vue.createTextVNode(vue.toDisplayString(__props.title), 1)
+              ])
+            ]),
+            __props.subtitle || _ctx.$slots.subtitle ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_9, [
+              vue.renderSlot(_ctx.$slots, "subtitle", {}, () => [
+                vue.createTextVNode(vue.toDisplayString(__props.subtitle), 1)
+              ])
+            ])) : vue.createCommentVNode("", true)
+          ]),
+          ((_b = __props.stats) == null ? void 0 : _b.length) || _ctx.$slots.stats ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10, [
+            vue.renderSlot(_ctx.$slots, "stats", {}, () => {
+              var _a2, _b2, _c;
+              return [
+                vue.createElementVNode("div", {
+                  class: vue.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" : ""
+                  ]])
+                }, [
+                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.stats, (stat, index) => {
+                    return vue.openBlock(), vue.createElementBlock("div", {
+                      key: index,
+                      class: "bg-white/15 backdrop-blur-sm rounded-2xl p-4 border border-white/20 text-center"
+                    }, [
+                      stat.icon ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_11, [
+                        vue.createVNode(vue.unref(vue$1.Icon), {
+                          icon: stat.icon,
+                          class: "w-5 h-5 text-white"
+                        }, null, 8, ["icon"])
+                      ])) : vue.createCommentVNode("", true),
+                      vue.createElementVNode("div", _hoisted_12, vue.toDisplayString(stat.value), 1),
+                      vue.createElementVNode("div", _hoisted_13, vue.toDisplayString(stat.label), 1)
+                    ]);
+                  }), 128))
+                ], 2)
+              ];
+            })
+          ])) : vue.createCommentVNode("", true),
+          vue.renderSlot(_ctx.$slots, "content")
+        ]),
+        __props.showWave ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_14, [..._cache[1] || (_cache[1] = [
+          vue.createElementVNode("svg", {
+            viewBox: "0 0 1440 80",
+            fill: "none",
+            xmlns: "http://www.w3.org/2000/svg",
+            class: "w-full h-auto",
+            preserveAspectRatio: "none"
+          }, [
+            vue.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)
+        ])])) : vue.createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+exports._sfc_main = _sfc_main$3;
+exports._sfc_main$1 = _sfc_main$2;
+exports._sfc_main$2 = _sfc_main$1;
+exports._sfc_main$3 = _sfc_main;
+//# sourceMappingURL=PageHero.vue_vue_type_script_setup_true_lang-CKCmOxOa.cjs.map