cisse-vue-ui 0.7.3 → 0.7.5

package/dist/PageHero.vue_vue_type_script_setup_true_lang-CZ-TibKk.cjs

@@ -0,0 +1,764 @@
+"use strict";
+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$3 = { class: "flex min-h-screen" };
+const _hoisted_2$3 = {
+  key: 0,
+  class: "absolute inset-0 overflow-hidden pointer-events-none"
+};
+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$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$3 = {
+  key: 0,
+  class: "text-4xl xl:text-5xl font-bold leading-tight mb-6"
+};
+const _hoisted_9$3 = {
+  key: 1,
+  class: "relative inline-block"
+};
+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 = {
+  key: 0,
+  class: "text-lg text-white/80 max-w-md mb-10"
+};
+const _hoisted_14$1 = {
+  key: 0,
+  class: "space-y-4"
+};
+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: "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"
+};
+const _hoisted_20 = {
+  key: 0,
+  class: "text-center lg:text-left mb-8"
+};
+const _hoisted_21 = {
+  key: 0,
+  class: "text-2xl sm:text-3xl font-bold text-gray-900 dark:text-white mb-2"
+};
+const _hoisted_22 = {
+  key: 1,
+  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$3 = /* @__PURE__ */ vue.defineComponent({
+  __name: "AuthLayout",
+  props: {
+    appName: { default: "" },
+    appIcon: { default: "lucide:box" },
+    headline: { default: "" },
+    subHeadline: { default: "" },
+    description: { default: "" },
+    features: { default: () => [] },
+    gradientFrom: { default: "from-primary-700" },
+    gradientVia: { default: "" },
+    gradientTo: { default: "to-primary-800" },
+    showDecorations: { type: Boolean, default: true },
+    showPattern: { type: Boolean, default: true },
+    underlineColor: { default: "rgba(165, 180, 252, 0.5)" },
+    formTitle: { default: "" },
+    formSubtitle: { default: "" },
+    homeLink: { default: "/" },
+    brandingAnimation: { default: "" },
+    formAnimation: { default: "" }
+  },
+  setup(__props) {
+    const props = __props;
+    const slots = vue.useSlots();
+    const hasBrandingContent = vue.computed(() => {
+      return props.headline || props.subHeadline || props.description || props.features.length > 0 || slots["branding-logo"] || slots["branding-headline"] || slots["branding-content"] || props.appName;
+    });
+    const routerLinkComponent = vue.computed(() => {
+      try {
+        const RouterLink = vue.resolveComponent("RouterLink");
+        if (typeof RouterLink !== "string") {
+          return RouterLink;
+        }
+      } catch {
+      }
+      return "a";
+    });
+    const getLinkProps = (link) => {
+      if (routerLinkComponent.value === "a") {
+        return { href: link };
+      }
+      return { to: link };
+    };
+    const gradientClasses = vue.computed(() => {
+      const classes = [props.gradientFrom, props.gradientTo];
+      if (props.gradientVia) {
+        classes.splice(1, 0, props.gradientVia);
+      }
+      return classes.filter(Boolean);
+    });
+    return (_ctx, _cache) => {
+      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([
+            "hidden lg:flex lg:w-1/2 relative overflow-hidden bg-gradient-to-br",
+            ...gradientClasses.value
+          ])
+        }, [
+          vue.renderSlot(_ctx.$slots, "branding-panel", {}, () => [
+            __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$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 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$3, [
+              vue.createElementVNode("div", {
+                class: vue.normalizeClass(__props.brandingAnimation)
+              }, [
+                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$3, [
+                        vue.createVNode(vue.unref(vue$1.Icon), {
+                          icon: __props.appIcon,
+                          class: "size-8 text-white"
+                        }, null, 8, ["icon"])
+                      ]),
+                      __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$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$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)
+                      ]))
+                    ])) : vue.createCommentVNode("", true)
+                  ])) : vue.createCommentVNode("", true)
+                ]),
+                __props.description ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_13$1, 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, [
+                    (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.features, (feature, index) => {
+                      return vue.openBlock(), vue.createElementBlock("div", {
+                        key: index,
+                        class: "flex items-center gap-3 text-white/90"
+                      }, [
+                        vue.createElementVNode("div", _hoisted_15$1, [
+                          vue.createVNode(vue.unref(vue$1.Icon), {
+                            icon: feature.icon,
+                            class: "size-5"
+                          }, null, 8, ["icon"])
+                        ]),
+                        vue.createElementVNode("span", null, vue.toDisplayString(feature.text), 1)
+                      ]);
+                    }), 128))
+                  ])) : vue.createCommentVNode("", true)
+                ]),
+                vue.renderSlot(_ctx.$slots, "branding-content")
+              ], 2)
+            ])
+          ])
+        ], 2)) : vue.createCommentVNode("", true),
+        vue.createElementVNode("div", _hoisted_16, [
+          vue.createElementVNode("div", {
+            class: vue.normalizeClass(["w-full max-w-md", __props.formAnimation])
+          }, [
+            vue.createElementVNode("div", _hoisted_17, [
+              (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(routerLinkComponent.value), vue.mergeProps(getLinkProps(__props.homeLink), { class: "inline-flex items-center gap-3" }), {
+                default: vue.withCtx(() => [
+                  vue.renderSlot(_ctx.$slots, "mobile-logo", {}, () => [
+                    __props.appName || __props.appIcon ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+                      vue.createElementVNode("div", _hoisted_18, [
+                        vue.createVNode(vue.unref(vue$1.Icon), {
+                          icon: __props.appIcon,
+                          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)
+                    ], 64)) : vue.createCommentVNode("", true)
+                  ])
+                ]),
+                _: 3
+              }, 16))
+            ]),
+            vue.renderSlot(_ctx.$slots, "form-header", {}, () => [
+              __props.formTitle || __props.formSubtitle ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_20, [
+                __props.formTitle ? (vue.openBlock(), vue.createElementBlock("h2", _hoisted_21, vue.toDisplayString(__props.formTitle), 1)) : vue.createCommentVNode("", true),
+                __props.formSubtitle ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_22, vue.toDisplayString(__props.formSubtitle), 1)) : vue.createCommentVNode("", true)
+              ])) : vue.createCommentVNode("", true)
+            ]),
+            vue.createElementVNode("div", _hoisted_23, [
+              vue.renderSlot(_ctx.$slots, "default")
+            ]),
+            vue.renderSlot(_ctx.$slots, "form-footer")
+          ], 2)
+        ])
+      ]);
+    };
+  }
+});
+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 = { 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_15 = { class: "container mx-auto flex flex-1 flex-col gap-5 p-5 max-w-full" };
+const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
+  __name: "BaseLayout",
+  props: {
+    menuItems: { default: () => [] },
+    appName: { default: "App" },
+    appIcon: { default: "lucide:box" },
+    sidebarOpen: { type: Boolean, default: true },
+    dark: { type: Boolean, default: false },
+    showDarkToggle: { type: Boolean, default: true },
+    sidebarClass: { default: "bg-[#172b4c] dark:bg-slate-950" },
+    currentPath: { default: void 0 },
+    userName: { default: void 0 },
+    userAvatar: { default: void 0 },
+    userMenuItems: { default: () => [] },
+    menuPosition: { default: "top" }
+  },
+  emits: ["update:sidebarOpen", "update:dark"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const menuPositionClass = vue.computed(() => {
+      switch (props.menuPosition) {
+        case "center":
+          return "lg:justify-center";
+        case "bottom":
+          return "lg:justify-end";
+        case "top":
+        default:
+          return "lg:justify-start";
+      }
+    });
+    const emit = __emit;
+    const internalSidebarOpen = vue.ref(props.sidebarOpen);
+    const internalDark = vue.ref(props.dark);
+    const sidebarOpenModel = vue.computed({
+      get: () => props.sidebarOpen ?? internalSidebarOpen.value,
+      set: (value) => {
+        internalSidebarOpen.value = value;
+        emit("update:sidebarOpen", value);
+      }
+    });
+    const darkModel = vue.computed({
+      get: () => props.dark ?? internalDark.value,
+      set: (value) => {
+        internalDark.value = value;
+        emit("update:dark", value);
+      }
+    });
+    const toggleSidebar = () => {
+      sidebarOpenModel.value = !sidebarOpenModel.value;
+    };
+    const toggleDark = () => {
+      darkModel.value = !darkModel.value;
+    };
+    const routerViewComponent = vue.computed(() => {
+      try {
+        const RouterView = vue.resolveComponent("RouterView");
+        if (typeof RouterView !== "string") {
+          return RouterView;
+        }
+      } catch {
+      }
+      return null;
+    });
+    const routerLinkComponent = vue.computed(() => {
+      try {
+        const RouterLink = vue.resolveComponent("RouterLink");
+        if (typeof RouterLink !== "string") {
+          return RouterLink;
+        }
+      } catch {
+      }
+      return "a";
+    });
+    const getLinkProps = (link) => {
+      if (routerLinkComponent.value === "a") {
+        return { href: link };
+      }
+      return { to: link };
+    };
+    const handleUserMenuClick = (item) => {
+      if (item.action) {
+        item.action();
+      }
+    };
+    return (_ctx, _cache) => {
+      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",
+          onClick: _cache[0] || (_cache[0] = ($event) => sidebarOpenModel.value = false)
+        })) : vue.createCommentVNode("", true),
+        vue.createElementVNode("aside", {
+          class: vue.normalizeClass([[
+            sidebarOpenModel.value ? "lg:w-60" : "max-lg:-translate-x-76 lg:w-16",
+            __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$2, [
+            vue.createElementVNode("div", _hoisted_3$2, [
+              vue.renderSlot(_ctx.$slots, "logo", {}, () => [
+                vue.createElementVNode("div", _hoisted_4$2, [
+                  vue.createVNode(vue.unref(vue$1.Icon), {
+                    class: "size-5 text-white",
+                    icon: __props.appIcon
+                  }, null, 8, ["icon"])
+                ]),
+                vue.createElementVNode("span", {
+                  class: vue.normalizeClass([sidebarOpenModel.value ? "block" : "hidden", "font-outfit flex-1 text-lg font-semibold text-white"])
+                }, vue.toDisplayString(__props.appName), 3)
+              ])
+            ]),
+            vue.createElementVNode("button", {
+              class: "rounded-lg bg-white/10 p-1 transition hover:bg-white/20 lg:hidden",
+              onClick: toggleSidebar
+            }, [
+              vue.createVNode(vue.unref(vue$1.Icon), {
+                class: "size-6 text-white",
+                icon: "lucide:menu"
+              })
+            ])
+          ]),
+          vue.createElementVNode("div", {
+            class: vue.normalizeClass([[sidebarOpenModel.value ? "items-start" : "items-center", menuPositionClass.value], "flex min-h-0 flex-1 flex-col gap-8 overflow-y-auto overflow-x-hidden px-2"])
+          }, [
+            vue.renderSlot(_ctx.$slots, "menu", { currentPath: __props.currentPath }, () => [
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.menuItems, (item, index) => {
+                return vue.openBlock(), vue.createBlock(Dropdown_vue_vue_type_script_setup_true_lang._sfc_main, {
+                  key: index,
+                  "menu-item": item,
+                  expanded: sidebarOpenModel.value,
+                  "current-path": __props.currentPath
+                }, null, 8, ["menu-item", "expanded", "current-path"]);
+              }), 128))
+            ])
+          ], 2),
+          vue.createElementVNode("div", _hoisted_5$2, [
+            vue.renderSlot(_ctx.$slots, "sidebar-footer")
+          ])
+        ], 2),
+        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",
+                onClick: toggleSidebar
+              }, [
+                vue.createVNode(vue.unref(vue$1.Icon), {
+                  class: "size-6 text-gray-900 hover:text-gray-800 dark:text-gray-100",
+                  icon: "lucide:menu"
+                })
+              ])
+            ]),
+            vue.createElementVNode("div", _hoisted_8$2, [
+              vue.renderSlot(_ctx.$slots, "header-center")
+            ]),
+            vue.createElementVNode("div", _hoisted_9$2, [
+              vue.renderSlot(_ctx.$slots, "header-actions"),
+              __props.showDarkToggle ? (vue.openBlock(), vue.createElementBlock("button", {
+                key: 0,
+                class: "flex items-center justify-center rounded-lg bg-gray-100 p-2 transition hover:bg-gray-200 dark:bg-gray-900 dark:hover:bg-gray-800",
+                onClick: toggleDark
+              }, [
+                vue.createVNode(vue.unref(vue$1.Icon), {
+                  icon: darkModel.value ? "lucide:sun" : "lucide:moon",
+                  class: "size-5 text-gray-900 dark:text-gray-100"
+                }, null, 8, ["icon"])
+              ])) : vue.createCommentVNode("", true),
+              __props.userName || __props.userAvatar ? (vue.openBlock(), vue.createBlock(Dropdown_vue_vue_type_script_setup_true_lang._sfc_main$1, {
+                key: 1,
+                align: "right"
+              }, {
+                trigger: vue.withCtx(() => [
+                  vue.createElementVNode("button", _hoisted_10$2, [
+                    vue.createElementVNode("div", _hoisted_11$1, vue.toDisplayString(__props.userAvatar || "?"), 1),
+                    vue.createElementVNode("span", _hoisted_12, vue.toDisplayString(__props.userName), 1),
+                    vue.createVNode(vue.unref(vue$1.Icon), {
+                      icon: "lucide:chevron-down",
+                      class: "size-4 text-gray-500"
+                    })
+                  ])
+                ]),
+                default: vue.withCtx(({ close }) => [
+                  vue.createElementVNode("div", _hoisted_13, [
+                    (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
+                      }, { ref_for: true }, item.link ? getLinkProps(item.link) : {}, {
+                        class: "flex w-full items-center gap-2 px-4 py-2 text-left text-sm text-gray-700 hover:bg-gray-100 dark:text-gray-300 dark:hover:bg-gray-800",
+                        onClick: ($event) => {
+                          handleUserMenuClick(item);
+                          close();
+                        }
+                      }), {
+                        default: vue.withCtx(() => [
+                          item.icon ? (vue.openBlock(), vue.createBlock(vue.unref(vue$1.Icon), {
+                            key: 0,
+                            icon: item.icon,
+                            class: "size-4"
+                          }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
+                          vue.createTextVNode(" " + vue.toDisplayString(item.label), 1)
+                        ]),
+                        _: 2
+                      }, 1040, ["onClick"]);
+                    }), 128))
+                  ])
+                ]),
+                _: 1
+              })) : vue.createCommentVNode("", true)
+            ])
+          ]),
+          vue.createElementVNode("div", _hoisted_14, [
+            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)
+              ])
+            ])
+          ])
+        ])
+      ]);
+    };
+  }
+});
+const _hoisted_1$1 = { class: "flex flex-col gap-4" };
+const _hoisted_2$1 = {
+  key: 0,
+  "aria-label": "Breadcrumb"
+};
+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$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$1 = {
+  key: 1,
+  class: "text-sm text-gray-600 dark:text-gray-400"
+};
+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: {},
+    description: {},
+    breadcrumbs: {}
+  },
+  setup(__props) {
+    const linkComponent = vue.computed(() => {
+      try {
+        const RouterLink = vue.resolveComponent("RouterLink");
+        if (typeof RouterLink !== "string") {
+          return RouterLink;
+        }
+      } catch {
+      }
+      return "a";
+    });
+    const getLinkProps = (link) => {
+      if (linkComponent.value === "a") {
+        return { href: link };
+      }
+      return { to: link };
+    };
+    return (_ctx, _cache) => {
+      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$1, " / ")) : vue.createCommentVNode("", true),
+                vue.renderSlot(_ctx.$slots, "breadcrumb", {
+                  breadcrumb,
+                  index,
+                  isLast: index === __props.breadcrumbs.length - 1
+                }, () => [
+                  (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(linkComponent.value), vue.mergeProps({ ref_for: true }, getLinkProps(breadcrumb.link), {
+                    class: [
+                      "text-sm transition-colors",
+                      index < __props.breadcrumbs.length - 1 ? "font-semibold text-gray-900 hover:text-primary/90 hover:underline dark:text-gray-100" : "text-gray-400 dark:text-gray-600"
+                    ]
+                  }), {
+                    default: vue.withCtx(() => [
+                      vue.createTextVNode(vue.toDisplayString(breadcrumb.label), 1)
+                    ]),
+                    _: 2
+                  }, 1040, ["class"]))
+                ])
+              ]);
+            }), 128))
+          ])
+        ])) : vue.createCommentVNode("", true),
+        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$1, [
+              vue.renderSlot(_ctx.$slots, "description", {}, () => [
+                vue.createTextVNode(vue.toDisplayString(__props.description), 1)
+              ])
+            ])) : vue.createCommentVNode("", true)
+          ]),
+          vue.createElementVNode("div", _hoisted_9$1, [
+            vue.renderSlot(_ctx.$slots, "actions")
+          ])
+        ]),
+        vue.createElementVNode("div", _hoisted_10$1, [
+          vue.renderSlot(_ctx.$slots, "default")
+        ])
+      ]);
+    };
+  }
+});
+const _hoisted_1 = {
+  key: 0,
+  class: "absolute inset-0 overflow-hidden pointer-events-none"
+};
+const _hoisted_2 = {
+  key: 1,
+  class: "absolute inset-0 overflow-hidden pointer-events-none"
+};
+const _hoisted_3 = { class: "relative px-4 pt-8 pb-10 sm:px-6 lg:px-8 max-w-5xl mx-auto" };
+const _hoisted_4 = { class: "text-center mb-8 animate-fade-in-up" };
+const _hoisted_5 = {
+  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_6 = {
+  key: 1,
+  class: "text-sm font-medium text-white"
+};
+const _hoisted_7 = { class: "text-2xl sm:text-3xl font-bold text-white mb-2" };
+const _hoisted_8 = {
+  key: 0,
+  class: "animate-fade-in-up [animation-delay:0.1s]"
+};
+const _hoisted_9 = {
+  key: 0,
+  class: "w-10 h-10 mx-auto mb-2 rounded-xl bg-white/20 flex items-center justify-center"
+};
+const _hoisted_10 = { class: "text-2xl sm:text-3xl font-bold text-white" };
+const _hoisted_11 = {
+  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: {},
+    colorScheme: { default: "primary" }
+  },
+  setup(__props) {
+    const props = __props;
+    const colorClasses = vue.computed(() => {
+      const schemes = {
+        primary: {
+          gradient: "from-primary-600 via-primary-500 to-primary-400",
+          subtitle: "text-primary-100"
+        },
+        cyan: {
+          gradient: "from-cyan-600 via-cyan-500 to-teal-500",
+          subtitle: "text-cyan-100"
+        },
+        violet: {
+          gradient: "from-violet-600 via-violet-500 to-purple-500",
+          subtitle: "text-violet-100"
+        },
+        emerald: {
+          gradient: "from-emerald-600 via-emerald-500 to-teal-500",
+          subtitle: "text-emerald-100"
+        },
+        rose: {
+          gradient: "from-rose-600 via-rose-500 to-pink-500",
+          subtitle: "text-rose-100"
+        },
+        amber: {
+          gradient: "from-amber-600 via-amber-500 to-orange-500",
+          subtitle: "text-amber-100"
+        },
+        blue: {
+          gradient: "from-blue-600 via-blue-500 to-indigo-500",
+          subtitle: "text-blue-100"
+        },
+        teal: {
+          gradient: "from-teal-600 via-teal-500 to-cyan-500",
+          subtitle: "text-teal-100"
+        }
+      };
+      return schemes[props.colorScheme];
+    });
+    return (_ctx, _cache) => {
+      var _a, _b;
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(["relative overflow-hidden bg-linear-to-br", colorClasses.value.gradient])
+      }, [
+        __props.showBlobs ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [..._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_2, [
+          __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_3, [
+          vue.createElementVNode("div", _hoisted_4, [
+            __props.badge || __props.badgeIcon || _ctx.$slots.badge ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
+              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_6, vue.toDisplayString(__props.badge), 1)) : vue.createCommentVNode("", true)
+              ])
+            ])) : vue.createCommentVNode("", true),
+            vue.createElementVNode("h1", _hoisted_7, [
+              vue.renderSlot(_ctx.$slots, "title", {}, () => [
+                vue.createTextVNode(vue.toDisplayString(__props.title), 1)
+              ])
+            ]),
+            __props.subtitle || _ctx.$slots.subtitle ? (vue.openBlock(), vue.createElementBlock("p", {
+              key: 1,
+              class: vue.normalizeClass(["text-sm sm:text-base", colorClasses.value.subtitle])
+            }, [
+              vue.renderSlot(_ctx.$slots, "subtitle", {}, () => [
+                vue.createTextVNode(vue.toDisplayString(__props.subtitle), 1)
+              ])
+            ], 2)) : vue.createCommentVNode("", true)
+          ]),
+          ((_b = __props.stats) == null ? void 0 : _b.length) || _ctx.$slots.stats ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8, [
+            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_9, [
+                        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_10, vue.toDisplayString(stat.value), 1),
+                      vue.createElementVNode("div", {
+                        class: vue.normalizeClass(["text-xs sm:text-sm", colorClasses.value.subtitle])
+                      }, vue.toDisplayString(stat.label), 3)
+                    ]);
+                  }), 128))
+                ], 2)
+              ];
+            })
+          ])) : vue.createCommentVNode("", true),
+          vue.renderSlot(_ctx.$slots, "content")
+        ]),
+        __props.showWave ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_11, [..._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)
+      ], 2);
+    };
+  }
+});
+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-CZ-TibKk.cjs.map