npm - cisse-vue-ui - Versions diffs - 0.8.3 → 0.9.0 - Mend

cisse-vue-ui 0.8.3 → 0.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (174) hide show

package/dist/ListSkeleton.vue_vue_type_script_setup_true_lang-Bo3HqgX0.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ListSkeleton.vue_vue_type_script_setup_true_lang-Bo3HqgX0.cjs","sources":["../src/components/feedback/CardSkeleton.vue","../src/components/feedback/TableSkeleton.vue","../src/components/feedback/PaginationControls.vue","../src/components/feedback/ListSkeleton.vue"],"sourcesContent":["<script lang=\"ts\" setup>\r\nwithDefaults(\r\n defineProps<{\r\n /** Show avatar/icon placeholder */\r\n showAvatar?: boolean\r\n /** Number of text lines */\r\n lines?: number\r\n /** Show action buttons */\r\n showActions?: boolean\r\n }>(),\r\n {\r\n showAvatar: false,\r\n lines: 3,\r\n showActions: false,\r\n },\r\n)\r\n</script>\r\n\r\n<template>\r\n <div class=\"bg-white dark:bg-gray-900 rounded-lg shadow-md p-4 space-y-4\" aria-hidden=\"true\">\r\n \r\n <div v-if=\"showAvatar\" class=\"flex items-center gap-3\">\r\n <div class=\"size-10 rounded-full bg-gray-200 dark:bg-gray-700 animate-pulse\" />\r\n <div class=\"flex-1 space-y-2\">\r\n <div class=\"h-4 bg-gray-200 dark:bg-gray-700 rounded animate-pulse w-1/2\" />\r\n <div class=\"h-3 bg-gray-200 dark:bg-gray-700 rounded animate-pulse w-1/3\" />\r\n </div>\r\n </div>\r\n\r\n \r\n <div class=\"space-y-2\">\r\n <div\r\n v-for=\"line in lines\"\r\n :key=\"line\"\r\n class=\"h-4 bg-gray-200 dark:bg-gray-700 rounded animate-pulse\"\r\n :style=\"{ width: line === lines ? '60%' : '100%' }\"\r\n />\r\n </div>\r\n\r\n \r\n <div v-if=\"showActions\" class=\"flex justify-end gap-2 pt-2\">\r\n <div class=\"h-8 w-20 bg-gray-200 dark:bg-gray-700 rounded animate-pulse\" />\r\n <div class=\"h-8 w-20 bg-gray-200 dark:bg-gray-700 rounded animate-pulse\" />\r\n </div>\r\n </div>\r\n</template>\r\n","<script lang=\"ts\" setup>\r\nwithDefaults(\r\n defineProps<{\r\n /** Number of rows */\r\n rows?: number\r\n /** Number of columns */\r\n columns?: number\r\n /** Show header */\r\n showHeader?: boolean\r\n }>(),\r\n {\r\n rows: 5,\r\n columns: 4,\r\n showHeader: true,\r\n },\r\n)\r\n</script>\r\n\r\n<template>\r\n <div class=\"w-full\" aria-hidden=\"true\">\r\n \r\n <div\r\n v-if=\"showHeader\"\r\n class=\"flex gap-4 px-4 py-3 border-b border-gray-200 dark:border-gray-700\"\r\n >\r\n <div\r\n v-for=\"col in columns\"\r\n :key=\"`header-${col}`\"\r\n class=\"flex-1 h-4 bg-gray-200 dark:bg-gray-700 rounded animate-pulse\"\r\n :style=\"{ maxWidth: col === 1 ? '30%' : '20%' }\"\r\n />\r\n </div>\r\n \r\n <div\r\n v-for=\"row in rows\"\r\n :key=\"`row-${row}`\"\r\n class=\"flex items-center gap-4 px-4 py-4 border-b border-gray-100 dark:border-gray-800\"\r\n >\r\n <div\r\n v-for=\"col in columns\"\r\n :key=\"`cell-${row}-${col}`\"\r\n class=\"flex-1 h-4 bg-gray-200 dark:bg-gray-700 rounded animate-pulse\"\r\n :style=\"{\r\n maxWidth: col === 1 ? '40%' : col === columns ? '15%' : '25%',\r\n opacity: 1 - (row * 0.1)\r\n }\"\r\n />\r\n </div>\r\n </div>\r\n</template>\r\n","<script lang=\"ts\" setup>\r\nimport { computed } from 'vue'\r\nimport { Icon } from '@iconify/vue'\r\n\r\nconst {\r\n currentPage,\r\n totalPages,\r\n loading = false,\r\n pageSize = 10,\r\n pageSizeOptions = [10, 20, 50, 100],\r\n showPageSize = true,\r\n showPageNumbers = true,\r\n maxVisiblePages = 7,\r\n pageLabel = 'Page',\r\n ofLabel = 'of',\r\n itemsPerPageLabel = 'Items per page:',\r\n previousLabel = 'Previous',\r\n nextLabel = 'Next',\r\n} = defineProps<{\r\n currentPage: number\r\n totalPages: number\r\n loading?: boolean\r\n pageSize?: number\r\n pageSizeOptions?: number[]\r\n showPageSize?: boolean\r\n showPageNumbers?: boolean\r\n maxVisiblePages?: number\r\n pageLabel?: string\r\n ofLabel?: string\r\n itemsPerPageLabel?: string\r\n previousLabel?: string\r\n nextLabel?: string\r\n}>()\r\n\r\ntype PageItem = number | 'ellipsis-start' | 'ellipsis-end'\r\n\r\nconst visiblePages = computed<PageItem[]>(() => {\r\n if (totalPages <= maxVisiblePages) {\r\n return Array.from({ length: totalPages }, (_, i) => i + 1)\r\n }\r\n\r\n const pages: PageItem[] = []\r\n const sidePages = Math.floor((maxVisiblePages - 3) / 2)\r\n\r\n // Always show first page\r\n pages.push(1)\r\n\r\n // Calculate range around current page\r\n let rangeStart = Math.max(2, currentPage - sidePages)\r\n let rangeEnd = Math.min(totalPages - 1, currentPage + sidePages)\r\n\r\n // Adjust range to show more pages on one side if near edges\r\n if (currentPage <= sidePages + 2) {\r\n rangeEnd = Math.min(totalPages - 1, maxVisiblePages - 2)\r\n } else if (currentPage >= totalPages - sidePages - 1) {\r\n rangeStart = Math.max(2, totalPages - maxVisiblePages + 3)\r\n }\r\n\r\n // Add ellipsis or pages after first page\r\n if (rangeStart > 2) {\r\n pages.push('ellipsis-start')\r\n }\r\n\r\n // Add range pages\r\n for (let i = rangeStart; i <= rangeEnd; i++) {\r\n pages.push(i)\r\n }\r\n\r\n // Add ellipsis or pages before last page\r\n if (rangeEnd < totalPages - 1) {\r\n pages.push('ellipsis-end')\r\n }\r\n\r\n // Always show last page\r\n if (totalPages > 1) {\r\n pages.push(totalPages)\r\n }\r\n\r\n return pages\r\n})\r\n\r\nconst emit = defineEmits<{\r\n 'update:page': [page: number]\r\n 'update:pageSize': [size: number]\r\n}>()\r\n\r\nconst changePage = (page: number) => {\r\n if (page >= 1 && page <= totalPages && !loading) {\r\n emit('update:page', page)\r\n }\r\n}\r\n\r\nconst changePageSize = (event: Event) => {\r\n const target = event.target as HTMLSelectElement\r\n emit('update:pageSize', Number(target.value))\r\n}\r\n</script>\r\n\r\n<template>\r\n <div\r\n v-if=\"totalPages > 1\"\r\n class=\"flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3 border-t border-gray-200 px-4 sm:px-6 py-4 dark:border-gray-700\"\r\n >\r\n \r\n <div class=\"flex flex-col sm:flex-row sm:items-center gap-3 sm:gap-4\">\r\n <div class=\"text-sm text-gray-700 dark:text-gray-300 text-center sm:text-left\">\r\n {{ pageLabel }} {{ currentPage }} {{ ofLabel }} {{ totalPages }}\r\n </div>\r\n <div\r\n v-if=\"showPageSize\"\r\n class=\"flex items-center justify-center sm:justify-start gap-2\"\r\n >\r\n <label\r\n class=\"text-sm text-gray-600 dark:text-gray-400 hidden sm:inline\"\r\n for=\"page-size\"\r\n >\r\n {{ itemsPerPageLabel }}\r\n </label>\r\n <select\r\n id=\"page-size\"\r\n :value=\"pageSize\"\r\n class=\"focus:border-primary focus:ring-primary rounded border border-gray-300 bg-white px-2 py-1 text-sm text-gray-900 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-100\"\r\n @change=\"changePageSize\"\r\n >\r\n <option\r\n v-for=\"size in pageSizeOptions\"\r\n :key=\"size\"\r\n :value=\"size\"\r\n >\r\n {{ size }}\r\n </option>\r\n </select>\r\n </div>\r\n </div>\r\n\r\n \r\n <div class=\"flex justify-center sm:justify-end items-center gap-1\">\r\n \r\n <button\r\n :disabled=\"currentPage === 1 || loading\"\r\n class=\"focus:ring-primary inline-flex items-center gap-1 rounded-lg border border-gray-300 bg-white px-3 py-2 text-sm font-medium text-gray-700 hover:bg-gray-50 disabled:cursor-not-allowed disabled:opacity-50 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-200 dark:hover:bg-gray-700\"\r\n @click=\"changePage(currentPage - 1)\"\r\n >\r\n <Icon\r\n class=\"size-4\"\r\n icon=\"lucide:chevron-left\"\r\n />\r\n <span class=\"hidden sm:inline\">{{ previousLabel }}</span>\r\n </button>\r\n\r\n \r\n <template v-if=\"showPageNumbers\">\r\n <template\r\n v-for=\"page in visiblePages\"\r\n :key=\"page\"\r\n >\r\n \r\n <span\r\n v-if=\"page === 'ellipsis-start' || page === 'ellipsis-end'\"\r\n class=\"px-2 py-2 text-sm text-gray-500 dark:text-gray-400\"\r\n >\r\n …\r\n </span>\r\n \r\n <button\r\n v-else\r\n :disabled=\"loading\"\r\n :class=\"[\r\n 'min-w-[40px] px-3 py-2 text-sm font-medium rounded-lg border transition-colors',\r\n page === currentPage\r\n ? 'bg-primary-600 text-white border-primary-600 dark:bg-primary-500 dark:border-primary-500'\r\n : 'bg-white text-gray-700 border-gray-300 hover:bg-gray-50 dark:bg-gray-800 dark:text-gray-200 dark:border-gray-600 dark:hover:bg-gray-700',\r\n loading ? 'cursor-not-allowed opacity-50' : ''\r\n ]\"\r\n @click=\"changePage(page)\"\r\n >\r\n {{ page }}\r\n </button>\r\n </template>\r\n </template>\r\n\r\n \r\n <button\r\n :disabled=\"currentPage === totalPages || loading\"\r\n class=\"focus:ring-primary inline-flex items-center gap-1 rounded-lg border border-gray-300 bg-white px-3 py-2 text-sm font-medium text-gray-700 hover:bg-gray-50 disabled:cursor-not-allowed disabled:opacity-50 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-200 dark:hover:bg-gray-700\"\r\n @click=\"changePage(currentPage + 1)\"\r\n >\r\n <span class=\"hidden sm:inline\">{{ nextLabel }}</span>\r\n <Icon\r\n class=\"size-4\"\r\n icon=\"lucide:chevron-right\"\r\n />\r\n </button>\r\n </div>\r\n </div>\r\n</template>\r\n","<script lang=\"ts\" setup>\r\nwithDefaults(\r\n defineProps<{\r\n /** Number of items */\r\n items?: number\r\n /** Show avatar/icon placeholder */\r\n showAvatar?: boolean\r\n /** Show secondary text */\r\n showSecondary?: boolean\r\n /** Show action button */\r\n showAction?: boolean\r\n }>(),\r\n {\r\n items: 5,\r\n showAvatar: true,\r\n showSecondary: true,\r\n showAction: false,\r\n },\r\n)\r\n</script>\r\n\r\n<template>\r\n <div class=\"divide-y divide-gray-200 dark:divide-gray-700\" aria-hidden=\"true\">\r\n <div\r\n v-for=\"item in items\"\r\n :key=\"item\"\r\n class=\"flex items-center gap-4 py-4 px-4\"\r\n >\r\n \r\n <div\r\n v-if=\"showAvatar\"\r\n class=\"shrink-0 size-10 rounded-full bg-gray-200 dark:bg-gray-700 animate-pulse\"\r\n />\r\n\r\n \r\n <div class=\"flex-1 min-w-0 space-y-2\">\r\n <div\r\n class=\"h-4 bg-gray-200 dark:bg-gray-700 rounded animate-pulse\"\r\n :style=\"{ width: `${60 + Math.random() * 30}%` }\"\r\n />\r\n <div\r\n v-if=\"showSecondary\"\r\n class=\"h-3 bg-gray-200 dark:bg-gray-700 rounded animate-pulse\"\r\n :style=\"{ width: `${40 + Math.random() * 20}%` }\"\r\n />\r\n </div>\r\n\r\n \r\n <div\r\n v-if=\"showAction\"\r\n class=\"shrink-0 size-8 rounded bg-gray-200 dark:bg-gray-700 animate-pulse\"\r\n />\r\n </div>\r\n </div>\r\n</template>\r\n"],"names":["_openBlock","_createElementBlock","_hoisted_1","_hoisted_2","_createElementVNode","_hoisted_3","_Fragment","_renderList","_normalizeStyle","_hoisted_4","computed","_toDisplayString","_createVNode","_unref","Icon","_normalizeClass"],"mappings":"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"}

package/dist/{PageHero.vue_vue_type_script_setup_true_lang-rbvfGvll.cjs → PageHero.vue_vue_type_script_setup_true_lang-BqwBJlv0.cjs} RENAMED Viewed

@@ -1,7 +1,7 @@
 "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-DoJKvn30.cjs");
+const Dropdown_vue_vue_type_script_setup_true_lang = require("./Dropdown.vue_vue_type_script_setup_true_lang-BAKGRZIb.cjs");
 const _hoisted_1$3 = { class: "flex min-h-screen" };
 const _hoisted_2$3 = {
   key: 0,
@@ -761,4 +761,4 @@ 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-rbvfGvll.cjs.map
+//# sourceMappingURL=PageHero.vue_vue_type_script_setup_true_lang-BqwBJlv0.cjs.map

package/dist/{PageHero.vue_vue_type_script_setup_true_lang-rbvfGvll.cjs.map → PageHero.vue_vue_type_script_setup_true_lang-BqwBJlv0.cjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PageHero.vue_vue_type_script_setup_true_lang-rbvfGvll.cjs","sources":["../src/components/layout/AuthLayout.vue","../src/components/layout/BaseLayout.vue","../src/components/layout/PageLayout.vue","../src/components/layout/PageHero.vue"],"sourcesContent":["<script lang=\"ts\" setup>\r\nimport { computed, resolveComponent, useSlots } from 'vue'\r\nimport { Icon } from '@iconify/vue'\r\n\r\n/*\r\n Feature item for the branding panel\r\n /\r\nexport interface AuthFeature {\r\n /* Iconify icon name /\r\n icon: string\r\n /* Feature text /\r\n text: string\r\n}\r\n\r\nconst props = withDefaults(defineProps<{\r\n /* App/brand name (used in default logo slots) /\r\n appName?: string\r\n /* App icon - Iconify icon name (used in default logo slots) /\r\n appIcon?: string\r\n /* Headline text (first line) /\r\n headline?: string\r\n /* Sub-headline text (second line, with optional underline) /\r\n subHeadline?: string\r\n /* Description paragraph below headlines /\r\n description?: string\r\n /* List of features to display in branding panel /\r\n features?: AuthFeature[]\r\n /* Primary gradient from color (Tailwind class) /\r\n gradientFrom?: string\r\n /* Primary gradient via color (Tailwind class, optional) /\r\n gradientVia?: string\r\n /* Primary gradient to color (Tailwind class) /\r\n gradientTo?: string\r\n /* Show decorative floating shapes and blurs /\r\n showDecorations?: boolean\r\n /* Show dot pattern overlay on branding panel /\r\n showPattern?: boolean\r\n /* Underline accent color for sub-headline (CSS color value) /\r\n underlineColor?: string\r\n /* Form panel title /\r\n formTitle?: string\r\n /* Form panel subtitle /\r\n formSubtitle?: string\r\n /* Home link URL (used for mobile logo link) /\r\n homeLink?: string\r\n /* CSS animation class for branding content entry /\r\n brandingAnimation?: string\r\n /* CSS animation class for form panel entry /\r\n formAnimation?: string\r\n}>(), {\r\n appName: '',\r\n appIcon: 'lucide:box',\r\n headline: '',\r\n subHeadline: '',\r\n description: '',\r\n features: () => [],\r\n gradientFrom: 'from-primary-700',\r\n gradientVia: '',\r\n gradientTo: 'to-primary-800',\r\n showDecorations: true,\r\n showPattern: true,\r\n underlineColor: 'rgba(165, 180, 252, 0.5)',\r\n formTitle: '',\r\n formSubtitle: '',\r\n homeLink: '/',\r\n brandingAnimation: '',\r\n formAnimation: '',\r\n})\r\n\r\nconst slots = useSlots()\r\n\r\n// Check if branding panel has any content\r\nconst hasBrandingContent = computed(() => {\r\n return props.headline \|\|\r\n props.subHeadline \|\|\r\n props.description \|\|\r\n props.features.length > 0 \|\|\r\n slots['branding-logo'] \|\|\r\n slots['branding-headline'] \|\|\r\n slots['branding-content'] \|\|\r\n props.appName\r\n})\r\n\r\n// Try to resolve RouterLink (works with Vue Router)\r\nconst routerLinkComponent = computed(() => {\r\n try {\r\n const RouterLink = resolveComponent('RouterLink')\r\n if (typeof RouterLink !== 'string') {\r\n return RouterLink\r\n }\r\n } catch {\r\n // RouterLink not available\r\n }\r\n return 'a'\r\n})\r\n\r\nconst getLinkProps = (link: string) => {\r\n if (routerLinkComponent.value === 'a') {\r\n return { href: link }\r\n }\r\n return { to: link }\r\n}\r\n\r\nconst gradientClasses = computed(() => {\r\n const classes = [props.gradientFrom, props.gradientTo]\r\n if (props.gradientVia) {\r\n classes.splice(1, 0, props.gradientVia)\r\n }\r\n return classes.filter(Boolean)\r\n})\r\n</script>\r\n\r\n<template>\r\n <div class=\"flex min-h-screen\">\r\n <!-- Left Panel - Branding (hidden on mobile) -->\r\n <div\r\n v-if=\"hasBrandingContent \|\| $slots['branding-panel']\"\r\n :class=\"[\r\n 'hidden lg:flex lg:w-1/2 relative overflow-hidden bg-gradient-to-br',\r\n ...gradientClasses,\r\n ]\"\r\n >\r\n <!-- Allow complete customization of branding panel -->\r\n <slot name=\"branding-panel\">\r\n <!-- Decorative floating blurs -->\r\n <div\r\n v-if=\"showDecorations\"\r\n class=\"absolute inset-0 overflow-hidden pointer-events-none\"\r\n >\r\n <div class=\"absolute -top-20 -left-20 size-80 bg-white/5 rounded-full blur-3xl\" />\r\n <div class=\"absolute top-1/3 right-10 size-60 bg-white/5 rounded-full blur-3xl\" />\r\n <div class=\"absolute bottom-20 left-1/4 size-72 bg-white/5 rounded-full blur-3xl\" />\r\n </div>\r\n\r\n <!-- Dot pattern -->\r\n <div\r\n v-if=\"showPattern\"\r\n class=\"absolute inset-0 opacity-20 pointer-events-none\"\r\n style=\"background-image: radial-gradient(circle, rgba(255,255,255,0.4) 1px, transparent 1px); background-size: 24px 24px;\"\r\n />\r\n\r\n <!-- Floating decorative shapes -->\r\n <template v-if=\"showDecorations\">\r\n <div class=\"absolute top-20 right-20 size-16 border-2 border-white/20 rounded-2xl rotate-12 pointer-events-none\" />\r\n <div class=\"absolute bottom-32 left-16 size-12 border-2 border-white/20 rounded-full pointer-events-none\" />\r\n <div class=\"absolute top-1/2 left-10 size-8 bg-white/10 rounded-lg rotate-45 pointer-events-none\" />\r\n </template>\r\n\r\n <!-- Content -->\r\n <div class=\"relative z-10 flex flex-col justify-center px-16 py-12 text-white w-full\">\r\n <div :class=\"brandingAnimation\">\r\n <!-- Logo -->\r\n <div class=\"flex items-center gap-3 mb-12\">\r\n <slot name=\"branding-logo\">\r\n <template v-if=\"appName \|\| appIcon\">\r\n <div class=\"size-14 bg-white/20 backdrop-blur-sm rounded-2xl flex items-center justify-center\">\r\n <Icon\r\n :icon=\"appIcon\"\r\n class=\"size-8 text-white\"\r\n />\r\n </div>\r\n <span\r\n v-if=\"appName\"\r\n class=\"text-3xl font-bold\"\r\n >\r\n {{ appName }}\r\n </span>\r\n </template>\r\n </slot>\r\n </div>\r\n\r\n <!-- Headlines -->\r\n <slot name=\"branding-headline\">\r\n <h1\r\n v-if=\"headline \|\| subHeadline\"\r\n class=\"text-4xl xl:text-5xl font-bold leading-tight mb-6\"\r\n >\r\n <template v-if=\"headline\">\r\n {{ headline }}<br>\r\n </template>\r\n <span\r\n v-if=\"subHeadline\"\r\n class=\"relative inline-block\"\r\n >\r\n <span class=\"relative z-10\">{{ subHeadline }}</span>\r\n <svg\r\n class=\"absolute -bottom-2 left-0 w-full\"\r\n viewBox=\"0 0 280 12\"\r\n fill=\"none\"\r\n preserveAspectRatio=\"none\"\r\n >\r\n <path\r\n d=\"M2 10C45 4 90 2 140 6C190 10 235 4 278 8\"\r\n :stroke=\"underlineColor\"\r\n stroke-width=\"4\"\r\n stroke-linecap=\"round\"\r\n />\r\n </svg>\r\n </span>\r\n </h1>\r\n </slot>\r\n\r\n <!-- Description -->\r\n <p\r\n v-if=\"description\"\r\n class=\"text-lg text-white/80 max-w-md mb-10\"\r\n >\r\n {{ description }}\r\n </p>\r\n\r\n <!-- Features list -->\r\n <slot name=\"branding-features\">\r\n <div\r\n v-if=\"features.length > 0\"\r\n class=\"space-y-4\"\r\n >\r\n <div\r\n v-for=\"(feature, index) in features\"\r\n :key=\"index\"\r\n class=\"flex items-center gap-3 text-white/90\"\r\n >\r\n <div class=\"size-10 rounded-xl bg-white/10 backdrop-blur-sm flex items-center justify-center shrink-0\">\r\n <Icon\r\n :icon=\"feature.icon\"\r\n class=\"size-5\"\r\n />\r\n </div>\r\n <span>{{ feature.text }}</span>\r\n </div>\r\n </div>\r\n </slot>\r\n\r\n <!-- Additional branding content -->\r\n <slot name=\"branding-content\" />\r\n </div>\r\n </div>\r\n </slot>\r\n </div>\r\n\r\n <!-- Right Panel - Form -->\r\n <div 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\">\r\n <div\r\n :class=\"['w-full max-w-md', formAnimation]\"\r\n >\r\n <!-- Mobile Logo -->\r\n <div class=\"lg:hidden text-center mb-8\">\r\n <component\r\n :is=\"routerLinkComponent\"\r\n v-bind=\"getLinkProps(homeLink)\"\r\n class=\"inline-flex items-center gap-3\"\r\n >\r\n <slot name=\"mobile-logo\">\r\n <template v-if=\"appName \|\| appIcon\">\r\n <div class=\"size-12 bg-primary-600 rounded-xl flex items-center justify-center shadow-lg shadow-primary-200 dark:shadow-primary-900/30\">\r\n <Icon\r\n :icon=\"appIcon\"\r\n class=\"size-6 text-white\"\r\n />\r\n </div>\r\n <span\r\n v-if=\"appName\"\r\n class=\"text-2xl font-bold text-gray-900 dark:text-white\"\r\n >\r\n {{ appName }}\r\n </span>\r\n </template>\r\n </slot>\r\n </component>\r\n </div>\r\n\r\n <!-- Form Header (title/subtitle) -->\r\n <slot name=\"form-header\">\r\n <div\r\n v-if=\"formTitle \|\| formSubtitle\"\r\n class=\"text-center lg:text-left mb-8\"\r\n >\r\n <h2\r\n v-if=\"formTitle\"\r\n class=\"text-2xl sm:text-3xl font-bold text-gray-900 dark:text-white mb-2\"\r\n >\r\n {{ formTitle }}\r\n </h2>\r\n <p\r\n v-if=\"formSubtitle\"\r\n class=\"text-gray-600 dark:text-gray-400\"\r\n >\r\n {{ formSubtitle }}\r\n </p>\r\n </div>\r\n </slot>\r\n\r\n <!-- Form Card -->\r\n <div class=\"bg-white dark:bg-slate-800/80 rounded-3xl shadow-xl shadow-gray-200/50 dark:shadow-none p-8\">\r\n <slot />\r\n </div>\r\n\r\n <!-- Form Footer -->\r\n <slot name=\"form-footer\" />\r\n </div>\r\n </div>\r\n </div>\r\n</template>\r\n","<script lang=\"ts\" setup>\r\nimport { ref, computed, resolveComponent } from 'vue'\r\nimport { Icon } from '@iconify/vue'\r\nimport MenuItem from '@/components/core/MenuItem.vue'\r\nimport Dropdown from '@/components/core/Dropdown.vue'\r\nimport type { MenuItemProps } from '@/types'\r\n\r\nexport interface UserMenuItem {\r\n label: string\r\n icon?: string\r\n link?: string\r\n action?: () => void\r\n}\r\n\r\nexport type MenuPosition = 'top' \| 'center' \| 'bottom'\r\n\r\nconst props = withDefaults(\r\n defineProps<{\r\n /* Menu items for the sidebar /\r\n menuItems?: MenuItemProps[]\r\n /* App/brand name displayed in sidebar /\r\n appName?: string\r\n /* App icon (iconify icon name) /\r\n appIcon?: string\r\n /* Whether sidebar is open (v-model:sidebarOpen) /\r\n sidebarOpen?: boolean\r\n /* Whether dark mode is enabled (v-model:dark) /\r\n dark?: boolean\r\n /* Show dark mode toggle in header /\r\n showDarkToggle?: boolean\r\n /* Primary color class for sidebar background /\r\n sidebarClass?: string\r\n /* Current route path for menu active state (pass useRoute().path) /\r\n currentPath?: string\r\n /* User display name /\r\n userName?: string\r\n /* User avatar (initials or image URL) /\r\n userAvatar?: string\r\n /* User menu items (dropdown) /\r\n userMenuItems?: UserMenuItem[]\r\n /* Menu vertical position in sidebar: 'top', 'center', or 'bottom' /\r\n menuPosition?: MenuPosition\r\n }>(),\r\n {\r\n menuItems: () => [],\r\n appName: 'App',\r\n appIcon: 'lucide:box',\r\n sidebarOpen: true,\r\n dark: false,\r\n showDarkToggle: true,\r\n sidebarClass: 'bg-[#172b4c] dark:bg-slate-950',\r\n currentPath: undefined,\r\n userName: undefined,\r\n userAvatar: undefined,\r\n userMenuItems: () => [],\r\n menuPosition: 'top',\r\n },\r\n)\r\n\r\nconst menuPositionClass = computed(() => {\r\n switch (props.menuPosition) {\r\n case 'center':\r\n return 'lg:justify-center'\r\n case 'bottom':\r\n return 'lg:justify-end'\r\n case 'top':\r\n default:\r\n return 'lg:justify-start'\r\n }\r\n})\r\n\r\nconst emit = defineEmits<{\r\n 'update:sidebarOpen': [value: boolean]\r\n 'update:dark': [value: boolean]\r\n}>()\r\n\r\nconst internalSidebarOpen = ref(props.sidebarOpen)\r\nconst internalDark = ref(props.dark)\r\n\r\nconst sidebarOpenModel = computed({\r\n get: () => props.sidebarOpen ?? internalSidebarOpen.value,\r\n set: (value: boolean) => {\r\n internalSidebarOpen.value = value\r\n emit('update:sidebarOpen', value)\r\n },\r\n})\r\n\r\nconst darkModel = computed({\r\n get: () => props.dark ?? internalDark.value,\r\n set: (value: boolean) => {\r\n internalDark.value = value\r\n emit('update:dark', value)\r\n },\r\n})\r\n\r\nconst toggleSidebar = () => {\r\n sidebarOpenModel.value = !sidebarOpenModel.value\r\n}\r\n\r\nconst toggleDark = () => {\r\n darkModel.value = !darkModel.value\r\n}\r\n\r\n// Try to resolve RouterView\r\nconst routerViewComponent = computed(() => {\r\n try {\r\n const RouterView = resolveComponent('RouterView')\r\n if (typeof RouterView !== 'string') {\r\n return RouterView\r\n }\r\n } catch {\r\n // RouterView not available\r\n }\r\n return null\r\n})\r\n\r\n// Try to resolve RouterLink\r\nconst routerLinkComponent = computed(() => {\r\n try {\r\n const RouterLink = resolveComponent('RouterLink')\r\n if (typeof RouterLink !== 'string') {\r\n return RouterLink\r\n }\r\n } catch {\r\n // RouterLink not available\r\n }\r\n return 'a'\r\n})\r\n\r\nconst getLinkProps = (link: string) => {\r\n if (routerLinkComponent.value === 'a') {\r\n return { href: link }\r\n }\r\n return { to: link }\r\n}\r\n\r\nconst handleUserMenuClick = (item: UserMenuItem) => {\r\n if (item.action) {\r\n item.action()\r\n }\r\n}\r\n</script>\r\n\r\n<template>\r\n <div class=\"font-inter relative flex h-dvh overflow-hidden bg-gray-100 dark:bg-slate-900\">\r\n <!-- Backdrop for mobile -->\r\n <div\r\n v-if=\"sidebarOpenModel\"\r\n class=\"absolute z-40 h-full w-full bg-slate-950/20 lg:hidden dark:bg-white/20\"\r\n @click=\"sidebarOpenModel = false\"\r\n />\r\n\r\n <!-- Sidebar -->\r\n <aside\r\n :class=\"[\r\n sidebarOpenModel ? 'lg:w-60' : 'max-lg:-translate-x-76 lg:w-16',\r\n sidebarClass,\r\n ]\"\r\n class=\"@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\"\r\n >\r\n <!-- Sidebar Header -->\r\n <div class=\"flex h-16 items-center px-3\">\r\n <div class=\"flex flex-1 items-center justify-center gap-3\">\r\n <slot name=\"logo\">\r\n <div\r\n class=\"bg-primary text-primary-foreground flex size-8 items-center justify-center rounded-lg bg-white/20\"\r\n >\r\n <Icon\r\n class=\"size-5 text-white\"\r\n :icon=\"appIcon\"\r\n />\r\n </div>\r\n <span\r\n :class=\"sidebarOpenModel ? 'block' : 'hidden'\"\r\n class=\"font-outfit flex-1 text-lg font-semibold text-white\"\r\n >\r\n {{ appName }}\r\n </span>\r\n </slot>\r\n </div>\r\n\r\n <button\r\n class=\"rounded-lg bg-white/10 p-1 transition hover:bg-white/20 lg:hidden\"\r\n @click=\"toggleSidebar\"\r\n >\r\n <Icon\r\n class=\"size-6 text-white\"\r\n icon=\"lucide:menu\"\r\n />\r\n </button>\r\n </div>\r\n\r\n <!-- Menu Items -->\r\n <div\r\n :class=\"[sidebarOpenModel ? 'items-start' : 'items-center gap-4', menuPositionClass]\"\r\n class=\"flex min-h-0 flex-1 flex-col overflow-y-auto overflow-x-hidden px-2\"\r\n >\r\n <slot\r\n name=\"menu\"\r\n :current-path=\"currentPath\"\r\n >\r\n <MenuItem\r\n v-for=\"(item, index) in menuItems\"\r\n :key=\"index\"\r\n :menu-item=\"item\"\r\n :expanded=\"sidebarOpenModel\"\r\n :current-path=\"currentPath\"\r\n />\r\n </slot>\r\n </div>\r\n\r\n <!-- Sidebar Footer -->\r\n <div class=\"flex flex-col gap-3 px-3 pb-3\">\r\n <slot name=\"sidebar-footer\" />\r\n </div>\r\n </aside>\r\n\r\n <!-- Main Content Area -->\r\n <div class=\"flex flex-1 flex-col min-w-0\">\r\n <!-- Header -->\r\n <header\r\n 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\"\r\n >\r\n <div>\r\n <button\r\n class=\"rounded-lg bg-gray-100 p-1 transition hover:bg-gray-200 dark:bg-gray-900 dark:hover:bg-gray-800\"\r\n @click=\"toggleSidebar\"\r\n >\r\n <Icon\r\n class=\"size-6 text-gray-900 hover:text-gray-800 dark:text-gray-100\"\r\n icon=\"lucide:menu\"\r\n />\r\n </button>\r\n </div>\r\n\r\n <div class=\"flex-1\">\r\n <slot name=\"header-center\" />\r\n </div>\r\n\r\n <div class=\"flex items-center gap-3\">\r\n <slot name=\"header-actions\" />\r\n\r\n <button\r\n v-if=\"showDarkToggle\"\r\n 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\"\r\n @click=\"toggleDark\"\r\n >\r\n <Icon\r\n :icon=\"darkModel ? 'lucide:sun' : 'lucide:moon'\"\r\n class=\"size-5 text-gray-900 dark:text-gray-100\"\r\n />\r\n </button>\r\n\r\n <!-- User Menu -->\r\n <Dropdown\r\n v-if=\"userName \|\| userAvatar\"\r\n align=\"right\"\r\n >\r\n <template #trigger>\r\n <button\r\n class=\"flex items-center gap-2 rounded-lg p-1.5 transition hover:bg-gray-100 dark:hover:bg-gray-800\"\r\n >\r\n <div\r\n class=\"flex size-8 items-center justify-center rounded-full bg-primary text-sm font-medium text-white\"\r\n >\r\n {{ userAvatar \|\| '?' }}\r\n </div>\r\n <span class=\"hidden text-sm font-medium text-gray-700 dark:text-gray-300 md:block\">\r\n {{ userName }}\r\n </span>\r\n <Icon\r\n icon=\"lucide:chevron-down\"\r\n class=\"size-4 text-gray-500\"\r\n />\r\n </button>\r\n </template>\r\n\r\n <template #default=\"{ close }\">\r\n <div class=\"min-w-48 py-1\">\r\n <component\r\n :is=\"item.link ? routerLinkComponent : 'button'\"\r\n v-for=\"item in userMenuItems\"\r\n :key=\"item.label\"\r\n v-bind=\"item.link ? getLinkProps(item.link) : {}\"\r\n 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\"\r\n @click=\"handleUserMenuClick(item); close()\"\r\n >\r\n <Icon\r\n v-if=\"item.icon\"\r\n :icon=\"item.icon\"\r\n class=\"size-4\"\r\n />\r\n {{ item.label }}\r\n </component>\r\n </div>\r\n </template>\r\n </Dropdown>\r\n </div>\r\n </header>\r\n\r\n <!-- Page Content -->\r\n <div class=\"flex flex-1 flex-col overflow-y-auto overflow-x-hidden\">\r\n <main class=\"container mx-auto flex flex-1 flex-col gap-5 p-5 max-w-full\">\r\n <slot>\r\n <component\r\n :is=\"routerViewComponent\"\r\n v-if=\"routerViewComponent\"\r\n />\r\n </slot>\r\n </main>\r\n </div>\r\n </div>\r\n </div>\r\n</template>\r\n","<script lang=\"ts\" setup>\r\nimport { computed, resolveComponent } from 'vue'\r\n\r\nexport interface PageBreadcrumb {\r\n label: string\r\n link: string\r\n}\r\n\r\ndefineProps<{\r\n /* Page title /\r\n title?: string\r\n /* Page description /\r\n description?: string\r\n /* Breadcrumb navigation items /\r\n breadcrumbs?: PageBreadcrumb[]\r\n}>()\r\n\r\n// Try to resolve RouterLink\r\nconst linkComponent = computed(() => {\r\n try {\r\n const RouterLink = resolveComponent('RouterLink')\r\n if (typeof RouterLink !== 'string') {\r\n return RouterLink\r\n }\r\n } catch {\r\n // RouterLink not available\r\n }\r\n return 'a'\r\n})\r\n\r\nconst getLinkProps = (link: string) => {\r\n if (linkComponent.value === 'a') {\r\n return { href: link }\r\n }\r\n return { to: link }\r\n}\r\n</script>\r\n\r\n<template>\r\n <div class=\"flex flex-col gap-4\">\r\n <!-- Breadcrumbs -->\r\n <nav\r\n v-if=\"breadcrumbs && breadcrumbs.length > 0\"\r\n aria-label=\"Breadcrumb\"\r\n >\r\n <ol class=\"flex items-center\">\r\n <li\r\n v-for=\"(breadcrumb, index) in breadcrumbs\"\r\n :key=\"index\"\r\n class=\"flex items-center\"\r\n >\r\n <span\r\n v-if=\"index > 0\"\r\n class=\"mx-3 text-sm font-semibold text-gray-400 dark:text-gray-600\"\r\n >\r\n /\r\n </span>\r\n\r\n <slot\r\n name=\"breadcrumb\"\r\n :breadcrumb=\"breadcrumb\"\r\n :index=\"index\"\r\n :is-last=\"index === breadcrumbs.length - 1\"\r\n >\r\n <component\r\n :is=\"linkComponent\"\r\n v-bind=\"getLinkProps(breadcrumb.link)\"\r\n :class=\"[\r\n 'text-sm transition-colors',\r\n index < breadcrumbs.length - 1\r\n ? 'font-semibold text-gray-900 hover:text-primary/90 hover:underline dark:text-gray-100'\r\n : 'text-gray-400 dark:text-gray-600',\r\n ]\"\r\n >\r\n {{ breadcrumb.label }}\r\n </component>\r\n </slot>\r\n </li>\r\n </ol>\r\n </nav>\r\n\r\n <!-- Page Header -->\r\n <div class=\"flex flex-col gap-4 md:flex-row md:items-start md:justify-between\">\r\n <div class=\"flex flex-col gap-1 min-w-0 flex-1\">\r\n <h1\r\n v-if=\"title\"\r\n class=\"text-2xl font-bold text-gray-900 dark:text-gray-100 truncate\"\r\n >\r\n <slot name=\"title\">\r\n {{ title }}\r\n </slot>\r\n </h1>\r\n\r\n <p\r\n v-if=\"description\"\r\n class=\"text-sm text-gray-600 dark:text-gray-400\"\r\n >\r\n <slot name=\"description\">\r\n {{ description }}\r\n </slot>\r\n </p>\r\n </div>\r\n\r\n <div class=\"flex items-center gap-2 flex-wrap shrink-0\">\r\n <slot name=\"actions\" />\r\n </div>\r\n </div>\r\n\r\n <!-- Page Content -->\r\n <div class=\"flex-1\">\r\n <slot />\r\n </div>\r\n </div>\r\n</template>\r\n","<script lang=\"ts\" setup>\r\nimport { computed } from 'vue'\r\nimport { Icon } from '@iconify/vue'\r\n\r\nexport interface PageHeroStat {\r\n label: string\r\n value: string \| number\r\n icon?: string\r\n}\r\n\r\nexport type PageHeroColorScheme = 'primary' \| 'cyan' \| 'violet' \| 'emerald' \| 'rose' \| 'amber' \| 'blue' \| 'teal'\r\n\r\nconst props = withDefaults(\r\n defineProps<{\r\n /* Main title /\r\n title: string\r\n /* Subtitle/description /\r\n subtitle?: string\r\n /* Badge text (shown above title) /\r\n badge?: string\r\n /* Badge icon /\r\n badgeIcon?: string\r\n /* Show animated background blobs /\r\n showBlobs?: boolean\r\n /* Show wave decoration at bottom /\r\n showWave?: boolean\r\n /* Stats to display in grid /\r\n stats?: PageHeroStat[]\r\n /* Gradient direction: 'br' (bottom-right), 'r' (right), 'b' (bottom) /\r\n gradientDirection?: 'br' \| 'r' \| 'b'\r\n /* Decorative icons (shown faded in background) /\r\n decorativeIcons?: string[]\r\n /* Color scheme for gradient and accents */\r\n colorScheme?: PageHeroColorScheme\r\n }>(),\r\n {\r\n showBlobs: true,\r\n showWave: true,\r\n gradientDirection: 'br',\r\n colorScheme: 'primary',\r\n }\r\n)\r\n\r\n// Color scheme mappings\r\nconst colorClasses = computed(() => {\r\n const schemes: Record<PageHeroColorScheme, { gradient: string; subtitle: string }> = {\r\n primary: {\r\n gradient: 'from-primary-600 via-primary-500 to-primary-400',\r\n subtitle: 'text-primary-100',\r\n },\r\n cyan: {\r\n gradient: 'from-cyan-600 via-cyan-500 to-teal-500',\r\n subtitle: 'text-cyan-100',\r\n },\r\n violet: {\r\n gradient: 'from-violet-600 via-violet-500 to-purple-500',\r\n subtitle: 'text-violet-100',\r\n },\r\n emerald: {\r\n gradient: 'from-emerald-600 via-emerald-500 to-teal-500',\r\n subtitle: 'text-emerald-100',\r\n },\r\n rose: {\r\n gradient: 'from-rose-600 via-rose-500 to-pink-500',\r\n subtitle: 'text-rose-100',\r\n },\r\n amber: {\r\n gradient: 'from-amber-600 via-amber-500 to-orange-500',\r\n subtitle: 'text-amber-100',\r\n },\r\n blue: {\r\n gradient: 'from-blue-600 via-blue-500 to-indigo-500',\r\n subtitle: 'text-blue-100',\r\n },\r\n teal: {\r\n gradient: 'from-teal-600 via-teal-500 to-cyan-500',\r\n subtitle: 'text-teal-100',\r\n },\r\n }\r\n return schemes[props.colorScheme]\r\n})\r\n</script>\r\n\r\n<template>\r\n <div class=\"relative overflow-hidden bg-linear-to-br\" :class=\"colorClasses.gradient\">\r\n <!-- Animated background blobs -->\r\n <div v-if=\"showBlobs\" class=\"absolute inset-0 overflow-hidden pointer-events-none\">\r\n <div\r\n class=\"absolute -top-20 -right-20 w-72 h-72 bg-white/10 rounded-full blur-3xl animate-float\"\r\n />\r\n <div\r\n class=\"absolute -bottom-32 -left-32 w-96 h-96 bg-white/5 rounded-full blur-3xl animate-float [animation-delay:1s]\"\r\n />\r\n </div>\r\n\r\n <!-- Decorative icons -->\r\n <div v-if=\"decorativeIcons?.length\" class=\"absolute inset-0 overflow-hidden pointer-events-none\">\r\n <Icon\r\n v-if=\"decorativeIcons[0]\"\r\n :icon=\"decorativeIcons[0]\"\r\n class=\"absolute top-12 right-8 w-24 h-24 text-white/5 rotate-12\"\r\n />\r\n <Icon\r\n v-if=\"decorativeIcons[1]\"\r\n :icon=\"decorativeIcons[1]\"\r\n class=\"absolute bottom-8 left-12 w-20 h-20 text-white/5 -rotate-12\"\r\n />\r\n </div>\r\n\r\n <!-- Custom background slot -->\r\n <slot name=\"background\" />\r\n\r\n <div class=\"relative px-4 pt-8 pb-10 sm:px-6 lg:px-8 max-w-5xl mx-auto\">\r\n <!-- Header content -->\r\n <div class=\"text-center mb-8 animate-fade-in-up\">\r\n <!-- Badge -->\r\n <div\r\n v-if=\"badge \|\| badgeIcon \|\| $slots.badge\"\r\n 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\"\r\n >\r\n <slot name=\"badge\">\r\n <Icon v-if=\"badgeIcon\" :icon=\"badgeIcon\" class=\"w-5 h-5 text-white\" />\r\n <span v-if=\"badge\" class=\"text-sm font-medium text-white\">{{ badge }}</span>\r\n </slot>\r\n </div>\r\n\r\n <!-- Title -->\r\n <h1 class=\"text-2xl sm:text-3xl font-bold text-white mb-2\">\r\n <slot name=\"title\">{{ title }}</slot>\r\n </h1>\r\n\r\n <!-- Subtitle -->\r\n <p v-if=\"subtitle \|\| $slots.subtitle\" class=\"text-sm sm:text-base\" :class=\"colorClasses.subtitle\">\r\n <slot name=\"subtitle\">{{ subtitle }}</slot>\r\n </p>\r\n </div>\r\n\r\n <!-- Stats Grid -->\r\n <div\r\n v-if=\"stats?.length \|\| $slots.stats\"\r\n class=\"animate-fade-in-up [animation-delay:0.1s]\"\r\n >\r\n <slot name=\"stats\">\r\n <div\r\n class=\"grid gap-3 sm:gap-4\"\r\n :class=\"[\r\n stats?.length === 2 ? 'grid-cols-2' : '',\r\n stats?.length === 3 ? 'grid-cols-3' : '',\r\n stats?.length === 4 ? 'grid-cols-2 sm:grid-cols-4' : '',\r\n stats && stats.length > 4 ? 'grid-cols-2 sm:grid-cols-3 lg:grid-cols-4' : '',\r\n ]\"\r\n >\r\n <div\r\n v-for=\"(stat, index) in stats\"\r\n :key=\"index\"\r\n class=\"bg-white/15 backdrop-blur-sm rounded-2xl p-4 border border-white/20 text-center\"\r\n >\r\n <div\r\n v-if=\"stat.icon\"\r\n class=\"w-10 h-10 mx-auto mb-2 rounded-xl bg-white/20 flex items-center justify-center\"\r\n >\r\n <Icon :icon=\"stat.icon\" class=\"w-5 h-5 text-white\" />\r\n </div>\r\n <div class=\"text-2xl sm:text-3xl font-bold text-white\">{{ stat.value }}</div>\r\n <div class=\"text-xs sm:text-sm\" :class=\"colorClasses.subtitle\">{{ stat.label }}</div>\r\n </div>\r\n </div>\r\n </slot>\r\n </div>\r\n\r\n <!-- Additional content -->\r\n <slot name=\"content\" />\r\n </div>\r\n\r\n <!-- Wave decoration -->\r\n <div v-if=\"showWave\" class=\"absolute bottom-0 left-0 right-0\">\r\n <svg\r\n viewBox=\"0 0 1440 80\"\r\n fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n class=\"w-full h-auto\"\r\n preserveAspectRatio=\"none\"\r\n >\r\n <path\r\n 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\"\r\n class=\"fill-gray-50 dark:fill-slate-900\"\r\n />\r\n </svg>\r\n </div>\r\n </div>\r\n</template>\r\n"],"names":["useSlots","computed","resolveComponent","_openBlock","_createElementBlock","_hoisted_1","$slots","_normalizeClass","_renderSlot","_hoisted_2","_createElementVNode","_hoisted_3","_Fragment","_hoisted_4","_hoisted_5","_hoisted_6","_createVNode","_unref","Icon","_hoisted_7","_toDisplayString","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_13","_hoisted_14","_renderList","_hoisted_15","_createBlock","_resolveDynamicComponent","_mergeProps","ref","MenuItem","Dropdown","_withCtx","_createTextVNode","_a","_b"],"mappings":"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"}
1	+ {"version":3,"file":"PageHero.vue_vue_type_script_setup_true_lang-BqwBJlv0.cjs","sources":["../src/components/layout/AuthLayout.vue","../src/components/layout/BaseLayout.vue","../src/components/layout/PageLayout.vue","../src/components/layout/PageHero.vue"],"sourcesContent":["<script lang=\"ts\" setup>\r\nimport { computed, resolveComponent, useSlots } from 'vue'\r\nimport { Icon } from '@iconify/vue'\r\n\r\n/*\r\n Feature item for the branding panel\r\n /\r\nexport interface AuthFeature {\r\n /* Iconify icon name /\r\n icon: string\r\n /* Feature text /\r\n text: string\r\n}\r\n\r\nconst props = withDefaults(defineProps<{\r\n /* App/brand name (used in default logo slots) /\r\n appName?: string\r\n /* App icon - Iconify icon name (used in default logo slots) /\r\n appIcon?: string\r\n /* Headline text (first line) /\r\n headline?: string\r\n /* Sub-headline text (second line, with optional underline) /\r\n subHeadline?: string\r\n /* Description paragraph below headlines /\r\n description?: string\r\n /* List of features to display in branding panel /\r\n features?: AuthFeature[]\r\n /* Primary gradient from color (Tailwind class) /\r\n gradientFrom?: string\r\n /* Primary gradient via color (Tailwind class, optional) /\r\n gradientVia?: string\r\n /* Primary gradient to color (Tailwind class) /\r\n gradientTo?: string\r\n /* Show decorative floating shapes and blurs /\r\n showDecorations?: boolean\r\n /* Show dot pattern overlay on branding panel /\r\n showPattern?: boolean\r\n /* Underline accent color for sub-headline (CSS color value) /\r\n underlineColor?: string\r\n /* Form panel title /\r\n formTitle?: string\r\n /* Form panel subtitle /\r\n formSubtitle?: string\r\n /* Home link URL (used for mobile logo link) /\r\n homeLink?: string\r\n /* CSS animation class for branding content entry /\r\n brandingAnimation?: string\r\n /* CSS animation class for form panel entry /\r\n formAnimation?: string\r\n}>(), {\r\n appName: '',\r\n appIcon: 'lucide:box',\r\n headline: '',\r\n subHeadline: '',\r\n description: '',\r\n features: () => [],\r\n gradientFrom: 'from-primary-700',\r\n gradientVia: '',\r\n gradientTo: 'to-primary-800',\r\n showDecorations: true,\r\n showPattern: true,\r\n underlineColor: 'rgba(165, 180, 252, 0.5)',\r\n formTitle: '',\r\n formSubtitle: '',\r\n homeLink: '/',\r\n brandingAnimation: '',\r\n formAnimation: '',\r\n})\r\n\r\nconst slots = useSlots()\r\n\r\n// Check if branding panel has any content\r\nconst hasBrandingContent = computed(() => {\r\n return props.headline \|\|\r\n props.subHeadline \|\|\r\n props.description \|\|\r\n props.features.length > 0 \|\|\r\n slots['branding-logo'] \|\|\r\n slots['branding-headline'] \|\|\r\n slots['branding-content'] \|\|\r\n props.appName\r\n})\r\n\r\n// Try to resolve RouterLink (works with Vue Router)\r\nconst routerLinkComponent = computed(() => {\r\n try {\r\n const RouterLink = resolveComponent('RouterLink')\r\n if (typeof RouterLink !== 'string') {\r\n return RouterLink\r\n }\r\n } catch {\r\n // RouterLink not available\r\n }\r\n return 'a'\r\n})\r\n\r\nconst getLinkProps = (link: string) => {\r\n if (routerLinkComponent.value === 'a') {\r\n return { href: link }\r\n }\r\n return { to: link }\r\n}\r\n\r\nconst gradientClasses = computed(() => {\r\n const classes = [props.gradientFrom, props.gradientTo]\r\n if (props.gradientVia) {\r\n classes.splice(1, 0, props.gradientVia)\r\n }\r\n return classes.filter(Boolean)\r\n})\r\n</script>\r\n\r\n<template>\r\n <div class=\"flex min-h-screen\">\r\n <!-- Left Panel - Branding (hidden on mobile) -->\r\n <div\r\n v-if=\"hasBrandingContent \|\| $slots['branding-panel']\"\r\n :class=\"[\r\n 'hidden lg:flex lg:w-1/2 relative overflow-hidden bg-gradient-to-br',\r\n ...gradientClasses,\r\n ]\"\r\n >\r\n <!-- Allow complete customization of branding panel -->\r\n <slot name=\"branding-panel\">\r\n <!-- Decorative floating blurs -->\r\n <div\r\n v-if=\"showDecorations\"\r\n class=\"absolute inset-0 overflow-hidden pointer-events-none\"\r\n >\r\n <div class=\"absolute -top-20 -left-20 size-80 bg-white/5 rounded-full blur-3xl\" />\r\n <div class=\"absolute top-1/3 right-10 size-60 bg-white/5 rounded-full blur-3xl\" />\r\n <div class=\"absolute bottom-20 left-1/4 size-72 bg-white/5 rounded-full blur-3xl\" />\r\n </div>\r\n\r\n <!-- Dot pattern -->\r\n <div\r\n v-if=\"showPattern\"\r\n class=\"absolute inset-0 opacity-20 pointer-events-none\"\r\n style=\"background-image: radial-gradient(circle, rgba(255,255,255,0.4) 1px, transparent 1px); background-size: 24px 24px;\"\r\n />\r\n\r\n <!-- Floating decorative shapes -->\r\n <template v-if=\"showDecorations\">\r\n <div class=\"absolute top-20 right-20 size-16 border-2 border-white/20 rounded-2xl rotate-12 pointer-events-none\" />\r\n <div class=\"absolute bottom-32 left-16 size-12 border-2 border-white/20 rounded-full pointer-events-none\" />\r\n <div class=\"absolute top-1/2 left-10 size-8 bg-white/10 rounded-lg rotate-45 pointer-events-none\" />\r\n </template>\r\n\r\n <!-- Content -->\r\n <div class=\"relative z-10 flex flex-col justify-center px-16 py-12 text-white w-full\">\r\n <div :class=\"brandingAnimation\">\r\n <!-- Logo -->\r\n <div class=\"flex items-center gap-3 mb-12\">\r\n <slot name=\"branding-logo\">\r\n <template v-if=\"appName \|\| appIcon\">\r\n <div class=\"size-14 bg-white/20 backdrop-blur-sm rounded-2xl flex items-center justify-center\">\r\n <Icon\r\n :icon=\"appIcon\"\r\n class=\"size-8 text-white\"\r\n />\r\n </div>\r\n <span\r\n v-if=\"appName\"\r\n class=\"text-3xl font-bold\"\r\n >\r\n {{ appName }}\r\n </span>\r\n </template>\r\n </slot>\r\n </div>\r\n\r\n <!-- Headlines -->\r\n <slot name=\"branding-headline\">\r\n <h1\r\n v-if=\"headline \|\| subHeadline\"\r\n class=\"text-4xl xl:text-5xl font-bold leading-tight mb-6\"\r\n >\r\n <template v-if=\"headline\">\r\n {{ headline }}<br>\r\n </template>\r\n <span\r\n v-if=\"subHeadline\"\r\n class=\"relative inline-block\"\r\n >\r\n <span class=\"relative z-10\">{{ subHeadline }}</span>\r\n <svg\r\n class=\"absolute -bottom-2 left-0 w-full\"\r\n viewBox=\"0 0 280 12\"\r\n fill=\"none\"\r\n preserveAspectRatio=\"none\"\r\n >\r\n <path\r\n d=\"M2 10C45 4 90 2 140 6C190 10 235 4 278 8\"\r\n :stroke=\"underlineColor\"\r\n stroke-width=\"4\"\r\n stroke-linecap=\"round\"\r\n />\r\n </svg>\r\n </span>\r\n </h1>\r\n </slot>\r\n\r\n <!-- Description -->\r\n <p\r\n v-if=\"description\"\r\n class=\"text-lg text-white/80 max-w-md mb-10\"\r\n >\r\n {{ description }}\r\n </p>\r\n\r\n <!-- Features list -->\r\n <slot name=\"branding-features\">\r\n <div\r\n v-if=\"features.length > 0\"\r\n class=\"space-y-4\"\r\n >\r\n <div\r\n v-for=\"(feature, index) in features\"\r\n :key=\"index\"\r\n class=\"flex items-center gap-3 text-white/90\"\r\n >\r\n <div class=\"size-10 rounded-xl bg-white/10 backdrop-blur-sm flex items-center justify-center shrink-0\">\r\n <Icon\r\n :icon=\"feature.icon\"\r\n class=\"size-5\"\r\n />\r\n </div>\r\n <span>{{ feature.text }}</span>\r\n </div>\r\n </div>\r\n </slot>\r\n\r\n <!-- Additional branding content -->\r\n <slot name=\"branding-content\" />\r\n </div>\r\n </div>\r\n </slot>\r\n </div>\r\n\r\n <!-- Right Panel - Form -->\r\n <div 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\">\r\n <div\r\n :class=\"['w-full max-w-md', formAnimation]\"\r\n >\r\n <!-- Mobile Logo -->\r\n <div class=\"lg:hidden text-center mb-8\">\r\n <component\r\n :is=\"routerLinkComponent\"\r\n v-bind=\"getLinkProps(homeLink)\"\r\n class=\"inline-flex items-center gap-3\"\r\n >\r\n <slot name=\"mobile-logo\">\r\n <template v-if=\"appName \|\| appIcon\">\r\n <div class=\"size-12 bg-primary-600 rounded-xl flex items-center justify-center shadow-lg shadow-primary-200 dark:shadow-primary-900/30\">\r\n <Icon\r\n :icon=\"appIcon\"\r\n class=\"size-6 text-white\"\r\n />\r\n </div>\r\n <span\r\n v-if=\"appName\"\r\n class=\"text-2xl font-bold text-gray-900 dark:text-white\"\r\n >\r\n {{ appName }}\r\n </span>\r\n </template>\r\n </slot>\r\n </component>\r\n </div>\r\n\r\n <!-- Form Header (title/subtitle) -->\r\n <slot name=\"form-header\">\r\n <div\r\n v-if=\"formTitle \|\| formSubtitle\"\r\n class=\"text-center lg:text-left mb-8\"\r\n >\r\n <h2\r\n v-if=\"formTitle\"\r\n class=\"text-2xl sm:text-3xl font-bold text-gray-900 dark:text-white mb-2\"\r\n >\r\n {{ formTitle }}\r\n </h2>\r\n <p\r\n v-if=\"formSubtitle\"\r\n class=\"text-gray-600 dark:text-gray-400\"\r\n >\r\n {{ formSubtitle }}\r\n </p>\r\n </div>\r\n </slot>\r\n\r\n <!-- Form Card -->\r\n <div class=\"bg-white dark:bg-slate-800/80 rounded-3xl shadow-xl shadow-gray-200/50 dark:shadow-none p-8\">\r\n <slot />\r\n </div>\r\n\r\n <!-- Form Footer -->\r\n <slot name=\"form-footer\" />\r\n </div>\r\n </div>\r\n </div>\r\n</template>\r\n","<script lang=\"ts\" setup>\r\nimport { ref, computed, resolveComponent } from 'vue'\r\nimport { Icon } from '@iconify/vue'\r\nimport MenuItem from '@/components/core/MenuItem.vue'\r\nimport Dropdown from '@/components/core/Dropdown.vue'\r\nimport type { MenuItemProps } from '@/types'\r\n\r\nexport interface UserMenuItem {\r\n label: string\r\n icon?: string\r\n link?: string\r\n action?: () => void\r\n}\r\n\r\nexport type MenuPosition = 'top' \| 'center' \| 'bottom'\r\n\r\nconst props = withDefaults(\r\n defineProps<{\r\n /* Menu items for the sidebar /\r\n menuItems?: MenuItemProps[]\r\n /* App/brand name displayed in sidebar /\r\n appName?: string\r\n /* App icon (iconify icon name) /\r\n appIcon?: string\r\n /* Whether sidebar is open (v-model:sidebarOpen) /\r\n sidebarOpen?: boolean\r\n /* Whether dark mode is enabled (v-model:dark) /\r\n dark?: boolean\r\n /* Show dark mode toggle in header /\r\n showDarkToggle?: boolean\r\n /* Primary color class for sidebar background /\r\n sidebarClass?: string\r\n /* Current route path for menu active state (pass useRoute().path) /\r\n currentPath?: string\r\n /* User display name /\r\n userName?: string\r\n /* User avatar (initials or image URL) /\r\n userAvatar?: string\r\n /* User menu items (dropdown) /\r\n userMenuItems?: UserMenuItem[]\r\n /* Menu vertical position in sidebar: 'top', 'center', or 'bottom' /\r\n menuPosition?: MenuPosition\r\n }>(),\r\n {\r\n menuItems: () => [],\r\n appName: 'App',\r\n appIcon: 'lucide:box',\r\n sidebarOpen: true,\r\n dark: false,\r\n showDarkToggle: true,\r\n sidebarClass: 'bg-[#172b4c] dark:bg-slate-950',\r\n currentPath: undefined,\r\n userName: undefined,\r\n userAvatar: undefined,\r\n userMenuItems: () => [],\r\n menuPosition: 'top',\r\n },\r\n)\r\n\r\nconst menuPositionClass = computed(() => {\r\n switch (props.menuPosition) {\r\n case 'center':\r\n return 'lg:justify-center'\r\n case 'bottom':\r\n return 'lg:justify-end'\r\n case 'top':\r\n default:\r\n return 'lg:justify-start'\r\n }\r\n})\r\n\r\nconst emit = defineEmits<{\r\n 'update:sidebarOpen': [value: boolean]\r\n 'update:dark': [value: boolean]\r\n}>()\r\n\r\nconst internalSidebarOpen = ref(props.sidebarOpen)\r\nconst internalDark = ref(props.dark)\r\n\r\nconst sidebarOpenModel = computed({\r\n get: () => props.sidebarOpen ?? internalSidebarOpen.value,\r\n set: (value: boolean) => {\r\n internalSidebarOpen.value = value\r\n emit('update:sidebarOpen', value)\r\n },\r\n})\r\n\r\nconst darkModel = computed({\r\n get: () => props.dark ?? internalDark.value,\r\n set: (value: boolean) => {\r\n internalDark.value = value\r\n emit('update:dark', value)\r\n },\r\n})\r\n\r\nconst toggleSidebar = () => {\r\n sidebarOpenModel.value = !sidebarOpenModel.value\r\n}\r\n\r\nconst toggleDark = () => {\r\n darkModel.value = !darkModel.value\r\n}\r\n\r\n// Try to resolve RouterView\r\nconst routerViewComponent = computed(() => {\r\n try {\r\n const RouterView = resolveComponent('RouterView')\r\n if (typeof RouterView !== 'string') {\r\n return RouterView\r\n }\r\n } catch {\r\n // RouterView not available\r\n }\r\n return null\r\n})\r\n\r\n// Try to resolve RouterLink\r\nconst routerLinkComponent = computed(() => {\r\n try {\r\n const RouterLink = resolveComponent('RouterLink')\r\n if (typeof RouterLink !== 'string') {\r\n return RouterLink\r\n }\r\n } catch {\r\n // RouterLink not available\r\n }\r\n return 'a'\r\n})\r\n\r\nconst getLinkProps = (link: string) => {\r\n if (routerLinkComponent.value === 'a') {\r\n return { href: link }\r\n }\r\n return { to: link }\r\n}\r\n\r\nconst handleUserMenuClick = (item: UserMenuItem) => {\r\n if (item.action) {\r\n item.action()\r\n }\r\n}\r\n</script>\r\n\r\n<template>\r\n <div class=\"font-inter relative flex h-dvh overflow-hidden bg-gray-100 dark:bg-slate-900\">\r\n <!-- Backdrop for mobile -->\r\n <div\r\n v-if=\"sidebarOpenModel\"\r\n class=\"absolute z-40 h-full w-full bg-slate-950/20 lg:hidden dark:bg-white/20\"\r\n @click=\"sidebarOpenModel = false\"\r\n />\r\n\r\n <!-- Sidebar -->\r\n <aside\r\n :class=\"[\r\n sidebarOpenModel ? 'lg:w-60' : 'max-lg:-translate-x-76 lg:w-16',\r\n sidebarClass,\r\n ]\"\r\n class=\"@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\"\r\n >\r\n <!-- Sidebar Header -->\r\n <div class=\"flex h-16 items-center px-3\">\r\n <div class=\"flex flex-1 items-center justify-center gap-3\">\r\n <slot name=\"logo\">\r\n <div\r\n class=\"bg-primary text-primary-foreground flex size-8 items-center justify-center rounded-lg bg-white/20\"\r\n >\r\n <Icon\r\n class=\"size-5 text-white\"\r\n :icon=\"appIcon\"\r\n />\r\n </div>\r\n <span\r\n :class=\"sidebarOpenModel ? 'block' : 'hidden'\"\r\n class=\"font-outfit flex-1 text-lg font-semibold text-white\"\r\n >\r\n {{ appName }}\r\n </span>\r\n </slot>\r\n </div>\r\n\r\n <button\r\n class=\"rounded-lg bg-white/10 p-1 transition hover:bg-white/20 lg:hidden\"\r\n @click=\"toggleSidebar\"\r\n >\r\n <Icon\r\n class=\"size-6 text-white\"\r\n icon=\"lucide:menu\"\r\n />\r\n </button>\r\n </div>\r\n\r\n <!-- Menu Items -->\r\n <div\r\n :class=\"[sidebarOpenModel ? 'items-start' : 'items-center gap-4', menuPositionClass]\"\r\n class=\"flex min-h-0 flex-1 flex-col overflow-y-auto overflow-x-hidden px-2\"\r\n >\r\n <slot\r\n name=\"menu\"\r\n :current-path=\"currentPath\"\r\n >\r\n <MenuItem\r\n v-for=\"(item, index) in menuItems\"\r\n :key=\"index\"\r\n :menu-item=\"item\"\r\n :expanded=\"sidebarOpenModel\"\r\n :current-path=\"currentPath\"\r\n />\r\n </slot>\r\n </div>\r\n\r\n <!-- Sidebar Footer -->\r\n <div class=\"flex flex-col gap-3 px-3 pb-3\">\r\n <slot name=\"sidebar-footer\" />\r\n </div>\r\n </aside>\r\n\r\n <!-- Main Content Area -->\r\n <div class=\"flex flex-1 flex-col min-w-0\">\r\n <!-- Header -->\r\n <header\r\n 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\"\r\n >\r\n <div>\r\n <button\r\n class=\"rounded-lg bg-gray-100 p-1 transition hover:bg-gray-200 dark:bg-gray-900 dark:hover:bg-gray-800\"\r\n @click=\"toggleSidebar\"\r\n >\r\n <Icon\r\n class=\"size-6 text-gray-900 hover:text-gray-800 dark:text-gray-100\"\r\n icon=\"lucide:menu\"\r\n />\r\n </button>\r\n </div>\r\n\r\n <div class=\"flex-1\">\r\n <slot name=\"header-center\" />\r\n </div>\r\n\r\n <div class=\"flex items-center gap-3\">\r\n <slot name=\"header-actions\" />\r\n\r\n <button\r\n v-if=\"showDarkToggle\"\r\n 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\"\r\n @click=\"toggleDark\"\r\n >\r\n <Icon\r\n :icon=\"darkModel ? 'lucide:sun' : 'lucide:moon'\"\r\n class=\"size-5 text-gray-900 dark:text-gray-100\"\r\n />\r\n </button>\r\n\r\n <!-- User Menu -->\r\n <Dropdown\r\n v-if=\"userName \|\| userAvatar\"\r\n align=\"right\"\r\n >\r\n <template #trigger>\r\n <button\r\n class=\"flex items-center gap-2 rounded-lg p-1.5 transition hover:bg-gray-100 dark:hover:bg-gray-800\"\r\n >\r\n <div\r\n class=\"flex size-8 items-center justify-center rounded-full bg-primary text-sm font-medium text-white\"\r\n >\r\n {{ userAvatar \|\| '?' }}\r\n </div>\r\n <span class=\"hidden text-sm font-medium text-gray-700 dark:text-gray-300 md:block\">\r\n {{ userName }}\r\n </span>\r\n <Icon\r\n icon=\"lucide:chevron-down\"\r\n class=\"size-4 text-gray-500\"\r\n />\r\n </button>\r\n </template>\r\n\r\n <template #default=\"{ close }\">\r\n <div class=\"min-w-48 py-1\">\r\n <component\r\n :is=\"item.link ? routerLinkComponent : 'button'\"\r\n v-for=\"item in userMenuItems\"\r\n :key=\"item.label\"\r\n v-bind=\"item.link ? getLinkProps(item.link) : {}\"\r\n 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\"\r\n @click=\"handleUserMenuClick(item); close()\"\r\n >\r\n <Icon\r\n v-if=\"item.icon\"\r\n :icon=\"item.icon\"\r\n class=\"size-4\"\r\n />\r\n {{ item.label }}\r\n </component>\r\n </div>\r\n </template>\r\n </Dropdown>\r\n </div>\r\n </header>\r\n\r\n <!-- Page Content -->\r\n <div class=\"flex flex-1 flex-col overflow-y-auto overflow-x-hidden\">\r\n <main class=\"container mx-auto flex flex-1 flex-col gap-5 p-5 max-w-full\">\r\n <slot>\r\n <component\r\n :is=\"routerViewComponent\"\r\n v-if=\"routerViewComponent\"\r\n />\r\n </slot>\r\n </main>\r\n </div>\r\n </div>\r\n </div>\r\n</template>\r\n","<script lang=\"ts\" setup>\r\nimport { computed, resolveComponent } from 'vue'\r\n\r\nexport interface PageBreadcrumb {\r\n label: string\r\n link: string\r\n}\r\n\r\ndefineProps<{\r\n /* Page title /\r\n title?: string\r\n /* Page description /\r\n description?: string\r\n /* Breadcrumb navigation items /\r\n breadcrumbs?: PageBreadcrumb[]\r\n}>()\r\n\r\n// Try to resolve RouterLink\r\nconst linkComponent = computed(() => {\r\n try {\r\n const RouterLink = resolveComponent('RouterLink')\r\n if (typeof RouterLink !== 'string') {\r\n return RouterLink\r\n }\r\n } catch {\r\n // RouterLink not available\r\n }\r\n return 'a'\r\n})\r\n\r\nconst getLinkProps = (link: string) => {\r\n if (linkComponent.value === 'a') {\r\n return { href: link }\r\n }\r\n return { to: link }\r\n}\r\n</script>\r\n\r\n<template>\r\n <div class=\"flex flex-col gap-4\">\r\n <!-- Breadcrumbs -->\r\n <nav\r\n v-if=\"breadcrumbs && breadcrumbs.length > 0\"\r\n aria-label=\"Breadcrumb\"\r\n >\r\n <ol class=\"flex items-center\">\r\n <li\r\n v-for=\"(breadcrumb, index) in breadcrumbs\"\r\n :key=\"index\"\r\n class=\"flex items-center\"\r\n >\r\n <span\r\n v-if=\"index > 0\"\r\n class=\"mx-3 text-sm font-semibold text-gray-400 dark:text-gray-600\"\r\n >\r\n /\r\n </span>\r\n\r\n <slot\r\n name=\"breadcrumb\"\r\n :breadcrumb=\"breadcrumb\"\r\n :index=\"index\"\r\n :is-last=\"index === breadcrumbs.length - 1\"\r\n >\r\n <component\r\n :is=\"linkComponent\"\r\n v-bind=\"getLinkProps(breadcrumb.link)\"\r\n :class=\"[\r\n 'text-sm transition-colors',\r\n index < breadcrumbs.length - 1\r\n ? 'font-semibold text-gray-900 hover:text-primary/90 hover:underline dark:text-gray-100'\r\n : 'text-gray-400 dark:text-gray-600',\r\n ]\"\r\n >\r\n {{ breadcrumb.label }}\r\n </component>\r\n </slot>\r\n </li>\r\n </ol>\r\n </nav>\r\n\r\n <!-- Page Header -->\r\n <div class=\"flex flex-col gap-4 md:flex-row md:items-start md:justify-between\">\r\n <div class=\"flex flex-col gap-1 min-w-0 flex-1\">\r\n <h1\r\n v-if=\"title\"\r\n class=\"text-2xl font-bold text-gray-900 dark:text-gray-100 truncate\"\r\n >\r\n <slot name=\"title\">\r\n {{ title }}\r\n </slot>\r\n </h1>\r\n\r\n <p\r\n v-if=\"description\"\r\n class=\"text-sm text-gray-600 dark:text-gray-400\"\r\n >\r\n <slot name=\"description\">\r\n {{ description }}\r\n </slot>\r\n </p>\r\n </div>\r\n\r\n <div class=\"flex items-center gap-2 flex-wrap shrink-0\">\r\n <slot name=\"actions\" />\r\n </div>\r\n </div>\r\n\r\n <!-- Page Content -->\r\n <div class=\"flex-1\">\r\n <slot />\r\n </div>\r\n </div>\r\n</template>\r\n","<script lang=\"ts\" setup>\r\nimport { computed } from 'vue'\r\nimport { Icon } from '@iconify/vue'\r\n\r\nexport interface PageHeroStat {\r\n label: string\r\n value: string \| number\r\n icon?: string\r\n}\r\n\r\nexport type PageHeroColorScheme = 'primary' \| 'cyan' \| 'violet' \| 'emerald' \| 'rose' \| 'amber' \| 'blue' \| 'teal'\r\n\r\nconst props = withDefaults(\r\n defineProps<{\r\n /* Main title /\r\n title: string\r\n /* Subtitle/description /\r\n subtitle?: string\r\n /* Badge text (shown above title) /\r\n badge?: string\r\n /* Badge icon /\r\n badgeIcon?: string\r\n /* Show animated background blobs /\r\n showBlobs?: boolean\r\n /* Show wave decoration at bottom /\r\n showWave?: boolean\r\n /* Stats to display in grid /\r\n stats?: PageHeroStat[]\r\n /* Gradient direction: 'br' (bottom-right), 'r' (right), 'b' (bottom) /\r\n gradientDirection?: 'br' \| 'r' \| 'b'\r\n /* Decorative icons (shown faded in background) /\r\n decorativeIcons?: string[]\r\n /* Color scheme for gradient and accents */\r\n colorScheme?: PageHeroColorScheme\r\n }>(),\r\n {\r\n showBlobs: true,\r\n showWave: true,\r\n gradientDirection: 'br',\r\n colorScheme: 'primary',\r\n }\r\n)\r\n\r\n// Color scheme mappings\r\nconst colorClasses = computed(() => {\r\n const schemes: Record<PageHeroColorScheme, { gradient: string; subtitle: string }> = {\r\n primary: {\r\n gradient: 'from-primary-600 via-primary-500 to-primary-400',\r\n subtitle: 'text-primary-100',\r\n },\r\n cyan: {\r\n gradient: 'from-cyan-600 via-cyan-500 to-teal-500',\r\n subtitle: 'text-cyan-100',\r\n },\r\n violet: {\r\n gradient: 'from-violet-600 via-violet-500 to-purple-500',\r\n subtitle: 'text-violet-100',\r\n },\r\n emerald: {\r\n gradient: 'from-emerald-600 via-emerald-500 to-teal-500',\r\n subtitle: 'text-emerald-100',\r\n },\r\n rose: {\r\n gradient: 'from-rose-600 via-rose-500 to-pink-500',\r\n subtitle: 'text-rose-100',\r\n },\r\n amber: {\r\n gradient: 'from-amber-600 via-amber-500 to-orange-500',\r\n subtitle: 'text-amber-100',\r\n },\r\n blue: {\r\n gradient: 'from-blue-600 via-blue-500 to-indigo-500',\r\n subtitle: 'text-blue-100',\r\n },\r\n teal: {\r\n gradient: 'from-teal-600 via-teal-500 to-cyan-500',\r\n subtitle: 'text-teal-100',\r\n },\r\n }\r\n return schemes[props.colorScheme]\r\n})\r\n</script>\r\n\r\n<template>\r\n <div class=\"relative overflow-hidden bg-linear-to-br\" :class=\"colorClasses.gradient\">\r\n <!-- Animated background blobs -->\r\n <div v-if=\"showBlobs\" class=\"absolute inset-0 overflow-hidden pointer-events-none\">\r\n <div\r\n class=\"absolute -top-20 -right-20 w-72 h-72 bg-white/10 rounded-full blur-3xl animate-float\"\r\n />\r\n <div\r\n class=\"absolute -bottom-32 -left-32 w-96 h-96 bg-white/5 rounded-full blur-3xl animate-float [animation-delay:1s]\"\r\n />\r\n </div>\r\n\r\n <!-- Decorative icons -->\r\n <div v-if=\"decorativeIcons?.length\" class=\"absolute inset-0 overflow-hidden pointer-events-none\">\r\n <Icon\r\n v-if=\"decorativeIcons[0]\"\r\n :icon=\"decorativeIcons[0]\"\r\n class=\"absolute top-12 right-8 w-24 h-24 text-white/5 rotate-12\"\r\n />\r\n <Icon\r\n v-if=\"decorativeIcons[1]\"\r\n :icon=\"decorativeIcons[1]\"\r\n class=\"absolute bottom-8 left-12 w-20 h-20 text-white/5 -rotate-12\"\r\n />\r\n </div>\r\n\r\n <!-- Custom background slot -->\r\n <slot name=\"background\" />\r\n\r\n <div class=\"relative px-4 pt-8 pb-10 sm:px-6 lg:px-8 max-w-5xl mx-auto\">\r\n <!-- Header content -->\r\n <div class=\"text-center mb-8 animate-fade-in-up\">\r\n <!-- Badge -->\r\n <div\r\n v-if=\"badge \|\| badgeIcon \|\| $slots.badge\"\r\n 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\"\r\n >\r\n <slot name=\"badge\">\r\n <Icon v-if=\"badgeIcon\" :icon=\"badgeIcon\" class=\"w-5 h-5 text-white\" />\r\n <span v-if=\"badge\" class=\"text-sm font-medium text-white\">{{ badge }}</span>\r\n </slot>\r\n </div>\r\n\r\n <!-- Title -->\r\n <h1 class=\"text-2xl sm:text-3xl font-bold text-white mb-2\">\r\n <slot name=\"title\">{{ title }}</slot>\r\n </h1>\r\n\r\n <!-- Subtitle -->\r\n <p v-if=\"subtitle \|\| $slots.subtitle\" class=\"text-sm sm:text-base\" :class=\"colorClasses.subtitle\">\r\n <slot name=\"subtitle\">{{ subtitle }}</slot>\r\n </p>\r\n </div>\r\n\r\n <!-- Stats Grid -->\r\n <div\r\n v-if=\"stats?.length \|\| $slots.stats\"\r\n class=\"animate-fade-in-up [animation-delay:0.1s]\"\r\n >\r\n <slot name=\"stats\">\r\n <div\r\n class=\"grid gap-3 sm:gap-4\"\r\n :class=\"[\r\n stats?.length === 2 ? 'grid-cols-2' : '',\r\n stats?.length === 3 ? 'grid-cols-3' : '',\r\n stats?.length === 4 ? 'grid-cols-2 sm:grid-cols-4' : '',\r\n stats && stats.length > 4 ? 'grid-cols-2 sm:grid-cols-3 lg:grid-cols-4' : '',\r\n ]\"\r\n >\r\n <div\r\n v-for=\"(stat, index) in stats\"\r\n :key=\"index\"\r\n class=\"bg-white/15 backdrop-blur-sm rounded-2xl p-4 border border-white/20 text-center\"\r\n >\r\n <div\r\n v-if=\"stat.icon\"\r\n class=\"w-10 h-10 mx-auto mb-2 rounded-xl bg-white/20 flex items-center justify-center\"\r\n >\r\n <Icon :icon=\"stat.icon\" class=\"w-5 h-5 text-white\" />\r\n </div>\r\n <div class=\"text-2xl sm:text-3xl font-bold text-white\">{{ stat.value }}</div>\r\n <div class=\"text-xs sm:text-sm\" :class=\"colorClasses.subtitle\">{{ stat.label }}</div>\r\n </div>\r\n </div>\r\n </slot>\r\n </div>\r\n\r\n <!-- Additional content -->\r\n <slot name=\"content\" />\r\n </div>\r\n\r\n <!-- Wave decoration -->\r\n <div v-if=\"showWave\" class=\"absolute bottom-0 left-0 right-0\">\r\n <svg\r\n viewBox=\"0 0 1440 80\"\r\n fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n class=\"w-full h-auto\"\r\n preserveAspectRatio=\"none\"\r\n >\r\n <path\r\n 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\"\r\n class=\"fill-gray-50 dark:fill-slate-900\"\r\n />\r\n </svg>\r\n </div>\r\n </div>\r\n</template>\r\n"],"names":["useSlots","computed","resolveComponent","_openBlock","_createElementBlock","_hoisted_1","$slots","_normalizeClass","_renderSlot","_hoisted_2","_createElementVNode","_hoisted_3","_Fragment","_hoisted_4","_hoisted_5","_hoisted_6","_createVNode","_unref","Icon","_hoisted_7","_toDisplayString","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_13","_hoisted_14","_renderList","_hoisted_15","_createBlock","_resolveDynamicComponent","_mergeProps","ref","MenuItem","Dropdown","_withCtx","_createTextVNode","_a","_b"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcA,UAAM,QAAQ;AAuDd,UAAM,QAAQA,IAAAA,SAAA;AAGd,UAAM,qBAAqBC,IAAAA,SAAS,MAAM;AACxC,aAAO,MAAM,YACX,MAAM,eACN,MAAM,eACN,MAAM,SAAS,SAAS,KACxB,MAAM,eAAe,KACrB,MAAM,mBAAmB,KACzB,MAAM,kBAAkB,KACxB,MAAM;AAAA,IACV,CAAC;AAGD,UAAM,sBAAsBA,IAAAA,SAAS,MAAM;AACzC,UAAI;AACF,cAAM,aAAaC,IAAAA,iBAAiB,YAAY;AAChD,YAAI,OAAO,eAAe,UAAU;AAClC,iBAAO;AAAA,QACT;AAAA,MACF,QAAQ;AAAA,MAER;AACA,aAAO;AAAA,IACT,CAAC;AAED,UAAM,eAAe,CAAC,SAAiB;AACrC,UAAI,oBAAoB,UAAU,KAAK;AACrC,eAAO,EAAE,MAAM,KAAA;AAAA,MACjB;AACA,aAAO,EAAE,IAAI,KAAA;AAAA,IACf;AAEA,UAAM,kBAAkBD,IAAAA,SAAS,MAAM;AACrC,YAAM,UAAU,CAAC,MAAM,cAAc,MAAM,UAAU;AACrD,UAAI,MAAM,aAAa;AACrB,gBAAQ,OAAO,GAAG,GAAG,MAAM,WAAW;AAAA,MACxC;AACA,aAAO,QAAQ,OAAO,OAAO;AAAA,IAC/B,CAAC;;AAIC,aAAAE,cAAA,GAAAC,uBA2LM,OA3LNC,cA2LM;AAAA,QAxLI,mBAAA,SAAsBC,KAAAA,OAAM,gBAAA,sBADpCF,IAAAA,mBA0HM,OAAA;AAAA;UAxHH,OAAKG,IAAAA,eAAA;AAAA;eAA+F,gBAAA;AAAA,UAAA;;UAMrGC,IAAAA,WAiHO,mCAjHP,MAiHO;AAAA,YA9GG,QAAA,mBADRL,IAAAA,aAAAC,IAAAA,mBAOM,OAPNK,cAOM,CAAA,GAAA,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA;AAAA,cAHJC,IAAAA,mBAAkF,OAAA,EAA7E,OAAM,qEAAA,GAAoE,MAAA,EAAA;AAAA,cAC/EA,IAAAA,mBAAkF,OAAA,EAA7E,OAAM,qEAAA,GAAoE,MAAA,EAAA;AAAA,cAC/EA,IAAAA,mBAAoF,OAAA,EAA/E,OAAM,uEAAA,GAAsE,MAAA,EAAA;AAAA,YAAA;YAK3E,QAAA,eADRP,IAAAA,UAAA,GAAAC,IAAAA,mBAIE,OAJFO,YAIE;YAGc,QAAA,oCAAhBP,IAAAA,mBAIWQ,IAAAA,UAAA,EAAA,KAAA,KAAA;AAAA,wCAHTF,IAAAA,mBAAmH,OAAA,EAA9G,OAAM,sGAAA,GAAqG,MAAA,EAAA;AAAA,wCAChHA,IAAAA,mBAA4G,OAAA,EAAvG,OAAM,+FAAA,GAA8F,MAAA,EAAA;AAAA,wCACzGA,IAAAA,mBAAoG,OAAA,EAA/F,OAAM,0FAAsF,MAAA,EAAA;AAAA,YAAA;YAInGA,IAAAA,mBAsFM,OAtFNG,cAsFM;AAAA,cArFJH,IAAAA,mBAoFM,OAAA;AAAA,gBApFA,0BAAO,QAAA,iBAAiB;AAAA,cAAA;gBAE5BA,IAAAA,mBAiBM,OAjBNI,cAiBM;AAAA,kBAhBJN,IAAAA,WAeO,kCAfP,MAeO;AAAA,oBAdW,QAAA,WAAW,QAAA,4BAA3BJ,IAAAA,mBAaWQ,cAAA,EAAA,KAAA,KAAA;AAAA,sBAZTF,IAAAA,mBAKM,OALNK,cAKM;AAAA,wBAJJC,gBAGEC,IAAAA,MAAAC,MAAAA,IAAA,GAAA;AAAA,0BAFC,MAAM,QAAA;AAAA,0BACP,OAAM;AAAA,wBAAA;;sBAIF,QAAA,4BADRd,IAAAA,mBAKO,QALPe,cAKOC,IAAAA,gBADF,QAAA,OAAO,GAAA,CAAA;;;;gBAOlBZ,IAAAA,WA4BO,sCA5BP,MA4BO;AAAA,kBA1BG,QAAA,YAAY,QAAA,eADpBL,IAAAA,aAAAC,IAAAA,mBA0BK,MA1BLiB,cA0BK;AAAA,oBAtBa,QAAA,6BAAhBjB,IAAAA,mBAEWQ,IAAAA,UAAA,EAAA,KAAA,KAAA;AAAA,8DADN,QAAA,QAAQ,GAAA,CAAA;AAAA,gDAAGF,IAAAA,mBAAI,MAAA,MAAA,MAAA,EAAA;AAAA,oBAAA;oBAGZ,QAAA,eADRP,IAAAA,UAAA,GAAAC,IAAAA,mBAkBO,QAlBPkB,cAkBO;AAAA,sBAdLZ,IAAAA,mBAAoD,QAApDa,eAAoDH,IAAAA,gBAArB,QAAA,WAAW,GAAA,CAAA;AAAA,uBAC1CjB,IAAAA,aAAAC,IAAAA,mBAYM,OAZNoB,eAYM;AAAA,wBANJd,IAAAA,mBAKE,QAAA;AAAA,0BAJA,GAAE;AAAA,0BACD,QAAQ,QAAA;AAAA,0BACT,gBAAa;AAAA,0BACb,kBAAe;AAAA,wBAAA;;;;;gBASjB,QAAA,gCADRN,IAAAA,mBAKI,KALJqB,eAKIL,IAAAA,gBADC,QAAA,WAAW,GAAA,CAAA;gBAIhBZ,IAAAA,WAmBO,sCAnBP,MAmBO;AAAA,kBAjBG,QAAA,SAAS,SAAM,KADvBL,IAAAA,aAAAC,IAAAA,mBAiBM,OAjBNsB,eAiBM;AAAA,qBAbJvB,IAAAA,UAAA,IAAA,GAAAC,IAAAA,mBAYMQ,cAAA,MAAAe,IAAAA,WAXuB,QAAA,UAAQ,CAA3B,SAAS,UAAK;8CADxBvB,IAAAA,mBAYM,OAAA;AAAA,wBAVH,KAAK;AAAA,wBACN,OAAM;AAAA,sBAAA;wBAENM,IAAAA,mBAKM,OALNkB,eAKM;AAAA,0BAJJZ,gBAGEC,IAAAA,MAAAC,MAAAA,IAAA,GAAA;AAAA,4BAFC,MAAM,QAAQ;AAAA,4BACf,OAAM;AAAA,0BAAA;;wBAGVR,IAAAA,mBAA+B,QAAA,MAAAU,IAAAA,gBAAtB,QAAQ,IAAI,GAAA,CAAA;AAAA,sBAAA;;;;gBAM3BZ,eAAgC,KAAA,QAAA,kBAAA;AAAA,cAAA;;;;QAOxCE,IAAAA,mBA2DM,OA3DN,aA2DM;AAAA,UA1DJA,IAAAA,mBAyDM,OAAA;AAAA,YAxDH,8CAA2B,QAAA,aAAa,CAAA;AAAA,UAAA;YAGzCA,IAAAA,mBAuBM,OAvBN,aAuBM;AAAA,gCAtBJmB,IAAAA,YAqBYC,IAAAA,wBApBL,oBAAA,KAAmB,GAD1BC,IAAAA,WAqBY,aAnBW,QAAA,QAAQ,GAAA,EAC7B,OAAM,iCAAA,CAAgC,GAAA;AAAA,qCAEtC,MAeO;AAAA,kBAfPvB,IAAAA,WAeO,gCAfP,MAeO;AAAA,oBAdW,QAAA,WAAW,QAAA,4BAA3BJ,IAAAA,mBAaWQ,cAAA,EAAA,KAAA,KAAA;AAAA,sBAZTF,IAAAA,mBAKM,OALN,aAKM;AAAA,wBAJJM,gBAGEC,IAAAA,MAAAC,MAAAA,IAAA,GAAA;AAAA,0BAFC,MAAM,QAAA;AAAA,0BACP,OAAM;AAAA,wBAAA;;sBAIF,QAAA,4BADRd,IAAAA,mBAKO,QALP,aAKOgB,IAAAA,gBADF,QAAA,OAAO,GAAA,CAAA;;;;;;;YAQpBZ,IAAAA,WAkBO,gCAlBP,MAkBO;AAAA,cAhBG,QAAA,aAAa,QAAA,gBADrBL,IAAAA,aAAAC,IAAAA,mBAgBM,OAhBN,aAgBM;AAAA,gBAXI,QAAA,8BADRA,IAAAA,mBAKK,MALL,aAKKgB,IAAAA,gBADA,QAAA,SAAS,GAAA,CAAA;gBAGN,QAAA,iCADRhB,IAAAA,mBAKI,KALJ,aAKIgB,IAAAA,gBADC,QAAA,YAAY,GAAA,CAAA;;;YAMrBV,IAAAA,mBAEM,OAFN,aAEM;AAAA,cADJF,eAAQ,KAAA,QAAA,SAAA;AAAA,YAAA;YAIVA,eAA2B,KAAA,QAAA,aAAA;AAAA,UAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACzRnC,UAAM,QAAQ;AA2Cd,UAAM,oBAAoBP,IAAAA,SAAS,MAAM;AACvC,cAAQ,MAAM,cAAA;AAAA,QACZ,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AAAA,QACL;AACE,iBAAO;AAAA,MAAA;AAAA,IAEb,CAAC;AAED,UAAM,OAAO;AAKb,UAAM,sBAAsB+B,IAAAA,IAAI,MAAM,WAAW;AACjD,UAAM,eAAeA,IAAAA,IAAI,MAAM,IAAI;AAEnC,UAAM,mBAAmB/B,IAAAA,SAAS;AAAA,MAChC,KAAK,MAAM,MAAM,eAAe,oBAAoB;AAAA,MACpD,KAAK,CAAC,UAAmB;AACvB,4BAAoB,QAAQ;AAC5B,aAAK,sBAAsB,KAAK;AAAA,MAClC;AAAA,IAAA,CACD;AAED,UAAM,YAAYA,IAAAA,SAAS;AAAA,MACzB,KAAK,MAAM,MAAM,QAAQ,aAAa;AAAA,MACtC,KAAK,CAAC,UAAmB;AACvB,qBAAa,QAAQ;AACrB,aAAK,eAAe,KAAK;AAAA,MAC3B;AAAA,IAAA,CACD;AAED,UAAM,gBAAgB,MAAM;AAC1B,uBAAiB,QAAQ,CAAC,iBAAiB;AAAA,IAC7C;AAEA,UAAM,aAAa,MAAM;AACvB,gBAAU,QAAQ,CAAC,UAAU;AAAA,IAC/B;AAGA,UAAM,sBAAsBA,IAAAA,SAAS,MAAM;AACzC,UAAI;AACF,cAAM,aAAaC,IAAAA,iBAAiB,YAAY;AAChD,YAAI,OAAO,eAAe,UAAU;AAClC,iBAAO;AAAA,QACT;AAAA,MACF,QAAQ;AAAA,MAER;AACA,aAAO;AAAA,IACT,CAAC;AAGD,UAAM,sBAAsBD,IAAAA,SAAS,MAAM;AACzC,UAAI;AACF,cAAM,aAAaC,IAAAA,iBAAiB,YAAY;AAChD,YAAI,OAAO,eAAe,UAAU;AAClC,iBAAO;AAAA,QACT;AAAA,MACF,QAAQ;AAAA,MAER;AACA,aAAO;AAAA,IACT,CAAC;AAED,UAAM,eAAe,CAAC,SAAiB;AACrC,UAAI,oBAAoB,UAAU,KAAK;AACrC,eAAO,EAAE,MAAM,KAAA;AAAA,MACjB;AACA,aAAO,EAAE,IAAI,KAAA;AAAA,IACf;AAEA,UAAM,sBAAsB,CAAC,SAAuB;AAClD,UAAI,KAAK,QAAQ;AACf,aAAK,OAAA;AAAA,MACP;AAAA,IACF;;AAIE,aAAAC,cAAA,GAAAC,uBAwKM,OAxKNC,cAwKM;AAAA,QArKI,iBAAA,0BADRD,IAAAA,mBAIE,OAAA;AAAA;UAFA,OAAM;AAAA,UACL,+CAAO,iBAAA,QAAgB;AAAA,QAAA;QAI1BM,IAAAA,mBA8DQ,SAAA;AAAA,UA7DL,OAAKH,IAAAA,eAAA,CAAA;AAAA,YAAa,iBAAA,QAAgB,YAAA;AAAA,YAA0D,QAAA;AAAA,UAAA,GAIvF,kIAAkI,CAAA;AAAA,QAAA;UAGxIG,IAAAA,mBA6BM,OA7BND,cA6BM;AAAA,YA5BJC,IAAAA,mBAiBM,OAjBNC,cAiBM;AAAA,cAhBJH,IAAAA,WAeO,yBAfP,MAeO;AAAA,gBAdLE,IAAAA,mBAOM,OAPNG,cAOM;AAAA,kBAJJG,gBAGEC,IAAAA,MAAAC,MAAAA,IAAA,GAAA;AAAA,oBAFA,OAAM;AAAA,oBACL,MAAM,QAAA;AAAA,kBAAA;;gBAGXR,IAAAA,mBAKO,QAAA;AAAA,kBAJJ,OAAKH,IAAAA,eAAA,CAAE,iBAAA,QAAgB,UAAA,UAClB,qDAAqD,CAAA;AAAA,gBAAA,uBAExD,QAAA,OAAO,GAAA,CAAA;AAAA,cAAA;;YAKhBG,IAAAA,mBAQS,UAAA;AAAA,cAPP,OAAM;AAAA,cACL,SAAO;AAAA,YAAA;cAERM,gBAGEC,IAAAA,MAAAC,MAAAA,IAAA,GAAA;AAAA,gBAFA,OAAM;AAAA,gBACN,MAAK;AAAA,cAAA;;;UAMXR,IAAAA,mBAgBM,OAAA;AAAA,YAfH,OAAKH,IAAAA,eAAA,CAAA,CAAG,iBAAA,QAAgB,gBAAA,sBAAyC,kBAAA,KAAiB,GAC7E,qEAAqE,CAAA;AAAA,UAAA;YAE3EC,eAWO,KAAA,QAAA,QAAA,EATJ,aAAc,QAAA,YAAA,GAFjB,MAWO;AAAA,eAPLL,IAAAA,UAAA,IAAA,GAAAC,IAAAA,mBAMEQ,cAAA,MAAAe,IAAAA,WALwB,QAAA,WAAS,CAAzB,MAAM,UAAK;wCADrBE,IAAAA,YAMEI,wDAAA;AAAA,kBAJC,KAAK;AAAA,kBACL,aAAW;AAAA,kBACX,UAAU,iBAAA;AAAA,kBACV,gBAAc,QAAA;AAAA,gBAAA;;;;UAMrBvB,IAAAA,mBAEM,OAFNI,cAEM;AAAA,YADJN,eAA8B,KAAA,QAAA,gBAAA;AAAA,UAAA;;QAKlCE,IAAAA,mBA6FM,OA7FNK,cA6FM;AAAA,UA3FJL,IAAAA,mBA8ES,UA9ETS,cA8ES;AAAA,YA3EPT,IAAAA,mBAUM,OAAA,MAAA;AAAA,cATJA,IAAAA,mBAQS,UAAA;AAAA,gBAPP,OAAM;AAAA,gBACL,SAAO;AAAA,cAAA;gBAERM,gBAGEC,IAAAA,MAAAC,MAAAA,IAAA,GAAA;AAAA,kBAFA,OAAM;AAAA,kBACN,MAAK;AAAA,gBAAA;;;YAKXR,IAAAA,mBAEM,OAFNW,cAEM;AAAA,cADJb,eAA6B,KAAA,QAAA,eAAA;AAAA,YAAA;YAG/BE,IAAAA,mBA0DM,OA1DNY,cA0DM;AAAA,cAzDJd,eAA8B,KAAA,QAAA,gBAAA;AAAA,cAGtB,QAAA,mCADRJ,IAAAA,mBASS,UAAA;AAAA;gBAPP,OAAM;AAAA,gBACL,SAAO;AAAA,cAAA;gBAERY,gBAGEC,IAAAA,MAAAC,MAAAA,IAAA,GAAA;AAAA,kBAFC,MAAM,UAAA,QAAS,eAAA;AAAA,kBAChB,OAAM;AAAA,gBAAA;;cAMF,QAAA,YAAY,QAAA,+BADpBW,IAAAA,YA0CWK,0DAAA;AAAA;gBAxCT,OAAM;AAAA,cAAA;gBAEK,qBACT,MAeS;AAAA,kBAfTxB,IAAAA,mBAeS,UAfTa,eAeS;AAAA,oBAZPb,uBAIM,OAJNc,eAIMJ,IAAAA,gBADD,QAAA,cAAU,GAAA,GAAA,CAAA;AAAA,oBAEfV,IAAAA,mBAEO,QAFP,aAEOU,IAAAA,gBADF,QAAA,QAAQ,GAAA,CAAA;AAAA,oBAEbJ,gBAGEC,IAAAA,MAAAC,MAAAA,IAAA,GAAA;AAAA,sBAFA,MAAK;AAAA,sBACL,OAAM;AAAA,oBAAA;;;gBAKD,SAAOiB,IAAAA,QAChB,CAgBM,EAjBc,YAAK;AAAA,kBACzBzB,IAAAA,mBAgBM,OAhBN,aAgBM;AAAA,0CAfJN,IAAAA,mBAcYQ,IAAAA,UAAA,MAAAe,IAAAA,WAZK,QAAA,eAAa,CAArB,SAAI;AAFb,6BAAAxB,cAAA,GAAA0B,gBAcYC,IAAAA,wBAbL,KAAK,OAAO,oBAAA,mBADnBC,eAcY;AAAA,wBAXT,KAAK,KAAK;AAAA,sBAAA,GACH,EAAA,SAAA,KAAA,GAAA,KAAK,OAAO,aAAa,KAAK,IAAI,IAAA,IAAA;AAAA,wBAC1C,OAAM;AAAA,wBACL,SAAK,CAAA,WAAA;AAAE,8CAAoB,IAAI;AAAG,gCAAA;AAAA,wBAAK;AAAA,sBAAA;6CAExC,MAIE;AAAA,0BAHM,KAAK,yBADbF,IAAAA,YAIEZ,IAAAA,MAAAC,MAAAA,IAAA,GAAA;AAAA;4BAFC,MAAM,KAAK;AAAA,4BACZ,OAAM;AAAA,0BAAA;8CACN,MACFE,IAAAA,gBAAG,KAAK,KAAK,GAAA,CAAA;AAAA,wBAAA;;;;;;;;;;UASzBV,IAAAA,mBASM,OATN,aASM;AAAA,YARJA,IAAAA,mBAOO,QAPP,aAOO;AAAA,cANLF,IAAAA,WAKO,4BALP,MAKO;AAAA,gBAFG,oBAAA,SAFRL,IAAAA,UAAA,GAAA0B,IAAAA,YAGEC,IAAAA,wBAFK,oBAAA,KAAmB,GAAA,EAAA,KAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC/RtC,UAAM,gBAAgB7B,IAAAA,SAAS,MAAM;AACnC,UAAI;AACF,cAAM,aAAaC,IAAAA,iBAAiB,YAAY;AAChD,YAAI,OAAO,eAAe,UAAU;AAClC,iBAAO;AAAA,QACT;AAAA,MACF,QAAQ;AAAA,MAER;AACA,aAAO;AAAA,IACT,CAAC;AAED,UAAM,eAAe,CAAC,SAAiB;AACrC,UAAI,cAAc,UAAU,KAAK;AAC/B,eAAO,EAAE,MAAM,KAAA;AAAA,MACjB;AACA,aAAO,EAAE,IAAI,KAAA;AAAA,IACf;;AAIE,aAAAC,cAAA,GAAAC,uBAyEM,OAzENC,cAyEM;AAAA,QAtEI,QAAA,eAAe,QAAA,YAAY,SAAM,KADzCF,IAAAA,aAAAC,IAAAA,mBAsCM,OAtCNK,cAsCM;AAAA,UAlCJC,IAAAA,mBAiCK,MAjCLC,cAiCK;AAAA,aAhCHR,IAAAA,UAAA,IAAA,GAAAC,IAAAA,mBA+BKQ,cAAA,MAAAe,IAAAA,WA9B2B,QAAA,aAAW,CAAjC,YAAY,UAAK;sCAD3BvB,IAAAA,mBA+BK,MAAA;AAAA,gBA7BF,KAAK;AAAA,gBACN,OAAM;AAAA,cAAA;gBAGE,QAAK,sBADbA,uBAKO,QALPS,cAGC,KAED;gBAEAL,eAkBO,KAAA,QAAA,cAAA;AAAA,kBAhBJ;AAAA,kBACA;AAAA,kBACA,QAAS,UAAU,QAAA,YAAY,SAAM;AAAA,gBAAA,GAJxC,MAkBO;AAAA,oCAZLqB,IAAAA,YAWYC,IAAAA,wBAVL,mBAAa,GADpBC,IAAAA,WAWY,mBATF,aAAa,WAAW,IAAI,GAAA;AAAA,oBACnC,OAAK;AAAA;sBAAmE,QAAQ,QAAA,YAAY,SAAM;;;yCAOnG,MAAsB;AAAA,sBAAnBK,IAAAA,gBAAAhB,IAAAA,gBAAA,WAAW,KAAK,GAAA,CAAA;AAAA,oBAAA;;;;;;;;QAQ7BV,IAAAA,mBAwBM,OAxBNI,cAwBM;AAAA,UAvBJJ,IAAAA,mBAkBM,OAlBNK,cAkBM;AAAA,YAhBI,QAAA,SADRZ,IAAAA,UAAA,GAAAC,IAAAA,mBAOK,MAPLe,cAOK;AAAA,cAHHX,IAAAA,WAEO,0BAFP,MAEO;AAAA,wDADF,QAAA,KAAK,GAAA,CAAA;AAAA,cAAA;;YAKJ,QAAA,eADRL,IAAAA,UAAA,GAAAC,IAAAA,mBAOI,KAPJiB,cAOI;AAAA,cAHFb,IAAAA,WAEO,gCAFP,MAEO;AAAA,wDADF,QAAA,WAAW,GAAA,CAAA;AAAA,cAAA;;;UAKpBE,IAAAA,mBAEM,OAFNY,cAEM;AAAA,YADJd,eAAuB,KAAA,QAAA,SAAA;AAAA,UAAA;;QAK3BE,IAAAA,mBAEM,OAFNa,eAEM;AAAA,UADJf,eAAQ,KAAA,QAAA,SAAA;AAAA,QAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AClGd,UAAM,QAAQ;AAgCd,UAAM,eAAeP,IAAAA,SAAS,MAAM;AAClC,YAAM,UAA+E;AAAA,QACnF,SAAS;AAAA,UACP,UAAU;AAAA,UACV,UAAU;AAAA,QAAA;AAAA,QAEZ,MAAM;AAAA,UACJ,UAAU;AAAA,UACV,UAAU;AAAA,QAAA;AAAA,QAEZ,QAAQ;AAAA,UACN,UAAU;AAAA,UACV,UAAU;AAAA,QAAA;AAAA,QAEZ,SAAS;AAAA,UACP,UAAU;AAAA,UACV,UAAU;AAAA,QAAA;AAAA,QAEZ,MAAM;AAAA,UACJ,UAAU;AAAA,UACV,UAAU;AAAA,QAAA;AAAA,QAEZ,OAAO;AAAA,UACL,UAAU;AAAA,UACV,UAAU;AAAA,QAAA;AAAA,QAEZ,MAAM;AAAA,UACJ,UAAU;AAAA,UACV,UAAU;AAAA,QAAA;AAAA,QAEZ,MAAM;AAAA,UACJ,UAAU;AAAA,UACV,UAAU;AAAA,QAAA;AAAA,MACZ;AAEF,aAAO,QAAQ,MAAM,WAAW;AAAA,IAClC,CAAC;;;8BAICG,IAAAA,mBAyGM,OAAA;AAAA,QAzGD,OAAKG,IAAAA,eAAA,CAAC,4CAAmD,aAAA,MAAa,QAAQ,CAAA;AAAA,MAAA;QAEtE,QAAA,aAAXJ,IAAAA,aAAAC,IAAAA,mBAOM,OAPN,YAOM,CAAA,GAAA,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA;AAAA,UANJM,IAAAA,mBAEE,OAAA,EADA,OAAM,uFAAA,GAAsF,MAAA,EAAA;AAAA,UAE9FA,IAAAA,mBAEE,OAAA,EADA,OAAM,6GAAA,GAA4G,MAAA,EAAA;AAAA,QAAA;UAK3G,aAAA,oBAAA,mBAAiB,WAA5BP,IAAAA,aAAAC,IAAAA,mBAWM,OAXN,YAWM;AAAA,UATI,QAAA,gBAAe,CAAA,sBADvByB,gBAIEZ,IAAAA,MAAAC,MAAAA,IAAA,GAAA;AAAA;YAFC,MAAM,QAAA,gBAAe,CAAA;AAAA,YACtB,OAAM;AAAA,UAAA;UAGA,QAAA,gBAAe,CAAA,sBADvBW,gBAIEZ,IAAAA,MAAAC,MAAAA,IAAA,GAAA;AAAA;YAFC,MAAM,QAAA,gBAAe,CAAA;AAAA,YACtB,OAAM;AAAA,UAAA;;QAKVV,eAA0B,KAAA,QAAA,YAAA;AAAA,QAE1BE,IAAAA,mBA4DM,OA5DN,YA4DM;AAAA,UA1DJA,IAAAA,mBAqBM,OArBN,YAqBM;AAAA,YAlBI,QAAA,SAAS,QAAA,aAAaJ,KAAAA,OAAO,SADrCH,cAAA,GAAAC,uBAQM,OARN,YAQM;AAAA,cAJJI,IAAAA,WAGO,0BAHP,MAGO;AAAA,gBAFO,QAAA,8BAAZqB,IAAAA,YAAsEZ,IAAAA,MAAAC,MAAAA,IAAA,GAAA;AAAA;kBAA9C,MAAM,QAAA;AAAA,kBAAW,OAAM;AAAA,gBAAA;gBACnC,QAAA,0BAAZd,IAAAA,mBAA4E,QAA5E,YAA4EgB,IAAAA,gBAAf,QAAA,KAAK,GAAA,CAAA;;;YAKtEV,IAAAA,mBAEK,MAFL,YAEK;AAAA,cADHF,IAAAA,WAAqC,0BAArC,MAAqC;AAAA,wDAAf,QAAA,KAAK,GAAA,CAAA;AAAA,cAAA;;YAIpB,QAAA,YAAYF,KAAAA,OAAO,6BAA5BF,IAAAA,mBAEI,KAAA;AAAA;cAFkC,OAAKG,IAAAA,eAAA,CAAC,wBAA+B,aAAA,MAAa,QAAQ,CAAA;AAAA,YAAA;cAC9FC,IAAAA,WAA2C,6BAA3C,MAA2C;AAAA,wDAAlB,QAAA,QAAQ,GAAA,CAAA;AAAA,cAAA;;;YAM7B,aAAA,UAAA,mBAAO,WAAUF,KAAAA,OAAO,SADhCH,IAAAA,aAAAC,IAAAA,mBA8BM,OA9BN,YA8BM;AAAA,YA1BJI,IAAAA,WAyBO,0BAzBP,MAAA;;AAyBO;AAAA,gBAxBLE,IAAAA,mBAuBM,OAAA;AAAA,kBAtBJ,2BAAM,uBAAqB;AAAA,sBACF2B,MAAA,QAAA,UAAA,gBAAAA,IAAO,YAAM,IAAA,gBAAA;AAAA,sBAA4CC,MAAA,QAAA,UAAA,gBAAAA,IAAO,YAAM,IAAA,gBAAA;AAAA,sBAA4C,aAAA,UAAA,mBAAO,YAAM,IAAA,+BAAA;AAAA,oBAA2D,QAAA,SAAS,QAAA,MAAM,SAAM,IAAA,8CAAA;AAAA,kBAAA;;mBAOxOnC,IAAAA,UAAA,IAAA,GAAAC,IAAAA,mBAaMQ,cAAA,MAAAe,IAAAA,WAZoB,QAAA,OAAK,CAArB,MAAM,UAAK;4CADrBvB,IAAAA,mBAaM,OAAA;AAAA,sBAXH,KAAK;AAAA,sBACN,OAAM;AAAA,oBAAA;sBAGE,KAAK,QADbD,IAAAA,UAAA,GAAAC,IAAAA,mBAKM,OALN,YAKM;AAAA,wBADJY,gBAAqDC,IAAAA,MAAAC,MAAAA,IAAA,GAAA;AAAA,0BAA9C,MAAM,KAAK;AAAA,0BAAM,OAAM;AAAA,wBAAA;;sBAEhCR,IAAAA,mBAA6E,OAA7E,aAA6EU,IAAAA,gBAAnB,KAAK,KAAK,GAAA,CAAA;AAAA,sBACpEV,IAAAA,mBAAqF,OAAA;AAAA,wBAAhF,OAAKH,IAAAA,eAAA,CAAC,sBAA6B,aAAA,MAAa,QAAQ,CAAA;AAAA,sBAAA,GAAKa,oBAAA,KAAK,KAAK,GAAA,CAAA;AAAA,oBAAA;;;;;;UAOpFZ,eAAuB,KAAA,QAAA,SAAA;AAAA,QAAA;QAId,QAAA,YAAXL,IAAAA,aAAAC,IAAAA,mBAaM,OAbN,aAaM,CAAA,GAAA,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA;AAAA,UAZJM,IAAAA,mBAWM,OAAA;AAAA,YAVJ,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,OAAM;AAAA,YACN,OAAM;AAAA,YACN,qBAAoB;AAAA,UAAA;YAEpBA,IAAAA,mBAGE,QAAA;AAAA,cAFA,GAAE;AAAA,cACF,OAAM;AAAA,YAAA;;;;;;;;;;;"}

package/dist/{PageHero.vue_vue_type_script_setup_true_lang-Gvocjdqh.js → PageHero.vue_vue_type_script_setup_true_lang-by-P5wIB.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 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$4, a as _sfc_main$5 } from "./Dropdown.vue_vue_type_script_setup_true_lang-A9Ax6iob.js";
+import { _ as _sfc_main$4, a as _sfc_main$5 } from "./Dropdown.vue_vue_type_script_setup_true_lang-GLCX7E3C.js";
 const _hoisted_1$3 = { class: "flex min-h-screen" };
 const _hoisted_2$3 = {
   key: 0,
@@ -762,4 +762,4 @@ export {
   _sfc_main$1 as b,
   _sfc_main as c
 };
-//# sourceMappingURL=PageHero.vue_vue_type_script_setup_true_lang-Gvocjdqh.js.map
+//# sourceMappingURL=PageHero.vue_vue_type_script_setup_true_lang-by-P5wIB.js.map

package/dist/{PageHero.vue_vue_type_script_setup_true_lang-Gvocjdqh.js.map → PageHero.vue_vue_type_script_setup_true_lang-by-P5wIB.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PageHero.vue_vue_type_script_setup_true_lang-Gvocjdqh.js","sources":["../src/components/layout/AuthLayout.vue","../src/components/layout/BaseLayout.vue","../src/components/layout/PageLayout.vue","../src/components/layout/PageHero.vue"],"sourcesContent":["<script lang=\"ts\" setup>\r\nimport { computed, resolveComponent, useSlots } from 'vue'\r\nimport { Icon } from '@iconify/vue'\r\n\r\n/*\r\n Feature item for the branding panel\r\n /\r\nexport interface AuthFeature {\r\n /* Iconify icon name /\r\n icon: string\r\n /* Feature text /\r\n text: string\r\n}\r\n\r\nconst props = withDefaults(defineProps<{\r\n /* App/brand name (used in default logo slots) /\r\n appName?: string\r\n /* App icon - Iconify icon name (used in default logo slots) /\r\n appIcon?: string\r\n /* Headline text (first line) /\r\n headline?: string\r\n /* Sub-headline text (second line, with optional underline) /\r\n subHeadline?: string\r\n /* Description paragraph below headlines /\r\n description?: string\r\n /* List of features to display in branding panel /\r\n features?: AuthFeature[]\r\n /* Primary gradient from color (Tailwind class) /\r\n gradientFrom?: string\r\n /* Primary gradient via color (Tailwind class, optional) /\r\n gradientVia?: string\r\n /* Primary gradient to color (Tailwind class) /\r\n gradientTo?: string\r\n /* Show decorative floating shapes and blurs /\r\n showDecorations?: boolean\r\n /* Show dot pattern overlay on branding panel /\r\n showPattern?: boolean\r\n /* Underline accent color for sub-headline (CSS color value) /\r\n underlineColor?: string\r\n /* Form panel title /\r\n formTitle?: string\r\n /* Form panel subtitle /\r\n formSubtitle?: string\r\n /* Home link URL (used for mobile logo link) /\r\n homeLink?: string\r\n /* CSS animation class for branding content entry /\r\n brandingAnimation?: string\r\n /* CSS animation class for form panel entry /\r\n formAnimation?: string\r\n}>(), {\r\n appName: '',\r\n appIcon: 'lucide:box',\r\n headline: '',\r\n subHeadline: '',\r\n description: '',\r\n features: () => [],\r\n gradientFrom: 'from-primary-700',\r\n gradientVia: '',\r\n gradientTo: 'to-primary-800',\r\n showDecorations: true,\r\n showPattern: true,\r\n underlineColor: 'rgba(165, 180, 252, 0.5)',\r\n formTitle: '',\r\n formSubtitle: '',\r\n homeLink: '/',\r\n brandingAnimation: '',\r\n formAnimation: '',\r\n})\r\n\r\nconst slots = useSlots()\r\n\r\n// Check if branding panel has any content\r\nconst hasBrandingContent = computed(() => {\r\n return props.headline \|\|\r\n props.subHeadline \|\|\r\n props.description \|\|\r\n props.features.length > 0 \|\|\r\n slots['branding-logo'] \|\|\r\n slots['branding-headline'] \|\|\r\n slots['branding-content'] \|\|\r\n props.appName\r\n})\r\n\r\n// Try to resolve RouterLink (works with Vue Router)\r\nconst routerLinkComponent = computed(() => {\r\n try {\r\n const RouterLink = resolveComponent('RouterLink')\r\n if (typeof RouterLink !== 'string') {\r\n return RouterLink\r\n }\r\n } catch {\r\n // RouterLink not available\r\n }\r\n return 'a'\r\n})\r\n\r\nconst getLinkProps = (link: string) => {\r\n if (routerLinkComponent.value === 'a') {\r\n return { href: link }\r\n }\r\n return { to: link }\r\n}\r\n\r\nconst gradientClasses = computed(() => {\r\n const classes = [props.gradientFrom, props.gradientTo]\r\n if (props.gradientVia) {\r\n classes.splice(1, 0, props.gradientVia)\r\n }\r\n return classes.filter(Boolean)\r\n})\r\n</script>\r\n\r\n<template>\r\n <div class=\"flex min-h-screen\">\r\n <!-- Left Panel - Branding (hidden on mobile) -->\r\n <div\r\n v-if=\"hasBrandingContent \|\| $slots['branding-panel']\"\r\n :class=\"[\r\n 'hidden lg:flex lg:w-1/2 relative overflow-hidden bg-gradient-to-br',\r\n ...gradientClasses,\r\n ]\"\r\n >\r\n <!-- Allow complete customization of branding panel -->\r\n <slot name=\"branding-panel\">\r\n <!-- Decorative floating blurs -->\r\n <div\r\n v-if=\"showDecorations\"\r\n class=\"absolute inset-0 overflow-hidden pointer-events-none\"\r\n >\r\n <div class=\"absolute -top-20 -left-20 size-80 bg-white/5 rounded-full blur-3xl\" />\r\n <div class=\"absolute top-1/3 right-10 size-60 bg-white/5 rounded-full blur-3xl\" />\r\n <div class=\"absolute bottom-20 left-1/4 size-72 bg-white/5 rounded-full blur-3xl\" />\r\n </div>\r\n\r\n <!-- Dot pattern -->\r\n <div\r\n v-if=\"showPattern\"\r\n class=\"absolute inset-0 opacity-20 pointer-events-none\"\r\n style=\"background-image: radial-gradient(circle, rgba(255,255,255,0.4) 1px, transparent 1px); background-size: 24px 24px;\"\r\n />\r\n\r\n <!-- Floating decorative shapes -->\r\n <template v-if=\"showDecorations\">\r\n <div class=\"absolute top-20 right-20 size-16 border-2 border-white/20 rounded-2xl rotate-12 pointer-events-none\" />\r\n <div class=\"absolute bottom-32 left-16 size-12 border-2 border-white/20 rounded-full pointer-events-none\" />\r\n <div class=\"absolute top-1/2 left-10 size-8 bg-white/10 rounded-lg rotate-45 pointer-events-none\" />\r\n </template>\r\n\r\n <!-- Content -->\r\n <div class=\"relative z-10 flex flex-col justify-center px-16 py-12 text-white w-full\">\r\n <div :class=\"brandingAnimation\">\r\n <!-- Logo -->\r\n <div class=\"flex items-center gap-3 mb-12\">\r\n <slot name=\"branding-logo\">\r\n <template v-if=\"appName \|\| appIcon\">\r\n <div class=\"size-14 bg-white/20 backdrop-blur-sm rounded-2xl flex items-center justify-center\">\r\n <Icon\r\n :icon=\"appIcon\"\r\n class=\"size-8 text-white\"\r\n />\r\n </div>\r\n <span\r\n v-if=\"appName\"\r\n class=\"text-3xl font-bold\"\r\n >\r\n {{ appName }}\r\n </span>\r\n </template>\r\n </slot>\r\n </div>\r\n\r\n <!-- Headlines -->\r\n <slot name=\"branding-headline\">\r\n <h1\r\n v-if=\"headline \|\| subHeadline\"\r\n class=\"text-4xl xl:text-5xl font-bold leading-tight mb-6\"\r\n >\r\n <template v-if=\"headline\">\r\n {{ headline }}<br>\r\n </template>\r\n <span\r\n v-if=\"subHeadline\"\r\n class=\"relative inline-block\"\r\n >\r\n <span class=\"relative z-10\">{{ subHeadline }}</span>\r\n <svg\r\n class=\"absolute -bottom-2 left-0 w-full\"\r\n viewBox=\"0 0 280 12\"\r\n fill=\"none\"\r\n preserveAspectRatio=\"none\"\r\n >\r\n <path\r\n d=\"M2 10C45 4 90 2 140 6C190 10 235 4 278 8\"\r\n :stroke=\"underlineColor\"\r\n stroke-width=\"4\"\r\n stroke-linecap=\"round\"\r\n />\r\n </svg>\r\n </span>\r\n </h1>\r\n </slot>\r\n\r\n <!-- Description -->\r\n <p\r\n v-if=\"description\"\r\n class=\"text-lg text-white/80 max-w-md mb-10\"\r\n >\r\n {{ description }}\r\n </p>\r\n\r\n <!-- Features list -->\r\n <slot name=\"branding-features\">\r\n <div\r\n v-if=\"features.length > 0\"\r\n class=\"space-y-4\"\r\n >\r\n <div\r\n v-for=\"(feature, index) in features\"\r\n :key=\"index\"\r\n class=\"flex items-center gap-3 text-white/90\"\r\n >\r\n <div class=\"size-10 rounded-xl bg-white/10 backdrop-blur-sm flex items-center justify-center shrink-0\">\r\n <Icon\r\n :icon=\"feature.icon\"\r\n class=\"size-5\"\r\n />\r\n </div>\r\n <span>{{ feature.text }}</span>\r\n </div>\r\n </div>\r\n </slot>\r\n\r\n <!-- Additional branding content -->\r\n <slot name=\"branding-content\" />\r\n </div>\r\n </div>\r\n </slot>\r\n </div>\r\n\r\n <!-- Right Panel - Form -->\r\n <div 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\">\r\n <div\r\n :class=\"['w-full max-w-md', formAnimation]\"\r\n >\r\n <!-- Mobile Logo -->\r\n <div class=\"lg:hidden text-center mb-8\">\r\n <component\r\n :is=\"routerLinkComponent\"\r\n v-bind=\"getLinkProps(homeLink)\"\r\n class=\"inline-flex items-center gap-3\"\r\n >\r\n <slot name=\"mobile-logo\">\r\n <template v-if=\"appName \|\| appIcon\">\r\n <div class=\"size-12 bg-primary-600 rounded-xl flex items-center justify-center shadow-lg shadow-primary-200 dark:shadow-primary-900/30\">\r\n <Icon\r\n :icon=\"appIcon\"\r\n class=\"size-6 text-white\"\r\n />\r\n </div>\r\n <span\r\n v-if=\"appName\"\r\n class=\"text-2xl font-bold text-gray-900 dark:text-white\"\r\n >\r\n {{ appName }}\r\n </span>\r\n </template>\r\n </slot>\r\n </component>\r\n </div>\r\n\r\n <!-- Form Header (title/subtitle) -->\r\n <slot name=\"form-header\">\r\n <div\r\n v-if=\"formTitle \|\| formSubtitle\"\r\n class=\"text-center lg:text-left mb-8\"\r\n >\r\n <h2\r\n v-if=\"formTitle\"\r\n class=\"text-2xl sm:text-3xl font-bold text-gray-900 dark:text-white mb-2\"\r\n >\r\n {{ formTitle }}\r\n </h2>\r\n <p\r\n v-if=\"formSubtitle\"\r\n class=\"text-gray-600 dark:text-gray-400\"\r\n >\r\n {{ formSubtitle }}\r\n </p>\r\n </div>\r\n </slot>\r\n\r\n <!-- Form Card -->\r\n <div class=\"bg-white dark:bg-slate-800/80 rounded-3xl shadow-xl shadow-gray-200/50 dark:shadow-none p-8\">\r\n <slot />\r\n </div>\r\n\r\n <!-- Form Footer -->\r\n <slot name=\"form-footer\" />\r\n </div>\r\n </div>\r\n </div>\r\n</template>\r\n","<script lang=\"ts\" setup>\r\nimport { ref, computed, resolveComponent } from 'vue'\r\nimport { Icon } from '@iconify/vue'\r\nimport MenuItem from '@/components/core/MenuItem.vue'\r\nimport Dropdown from '@/components/core/Dropdown.vue'\r\nimport type { MenuItemProps } from '@/types'\r\n\r\nexport interface UserMenuItem {\r\n label: string\r\n icon?: string\r\n link?: string\r\n action?: () => void\r\n}\r\n\r\nexport type MenuPosition = 'top' \| 'center' \| 'bottom'\r\n\r\nconst props = withDefaults(\r\n defineProps<{\r\n /* Menu items for the sidebar /\r\n menuItems?: MenuItemProps[]\r\n /* App/brand name displayed in sidebar /\r\n appName?: string\r\n /* App icon (iconify icon name) /\r\n appIcon?: string\r\n /* Whether sidebar is open (v-model:sidebarOpen) /\r\n sidebarOpen?: boolean\r\n /* Whether dark mode is enabled (v-model:dark) /\r\n dark?: boolean\r\n /* Show dark mode toggle in header /\r\n showDarkToggle?: boolean\r\n /* Primary color class for sidebar background /\r\n sidebarClass?: string\r\n /* Current route path for menu active state (pass useRoute().path) /\r\n currentPath?: string\r\n /* User display name /\r\n userName?: string\r\n /* User avatar (initials or image URL) /\r\n userAvatar?: string\r\n /* User menu items (dropdown) /\r\n userMenuItems?: UserMenuItem[]\r\n /* Menu vertical position in sidebar: 'top', 'center', or 'bottom' /\r\n menuPosition?: MenuPosition\r\n }>(),\r\n {\r\n menuItems: () => [],\r\n appName: 'App',\r\n appIcon: 'lucide:box',\r\n sidebarOpen: true,\r\n dark: false,\r\n showDarkToggle: true,\r\n sidebarClass: 'bg-[#172b4c] dark:bg-slate-950',\r\n currentPath: undefined,\r\n userName: undefined,\r\n userAvatar: undefined,\r\n userMenuItems: () => [],\r\n menuPosition: 'top',\r\n },\r\n)\r\n\r\nconst menuPositionClass = computed(() => {\r\n switch (props.menuPosition) {\r\n case 'center':\r\n return 'lg:justify-center'\r\n case 'bottom':\r\n return 'lg:justify-end'\r\n case 'top':\r\n default:\r\n return 'lg:justify-start'\r\n }\r\n})\r\n\r\nconst emit = defineEmits<{\r\n 'update:sidebarOpen': [value: boolean]\r\n 'update:dark': [value: boolean]\r\n}>()\r\n\r\nconst internalSidebarOpen = ref(props.sidebarOpen)\r\nconst internalDark = ref(props.dark)\r\n\r\nconst sidebarOpenModel = computed({\r\n get: () => props.sidebarOpen ?? internalSidebarOpen.value,\r\n set: (value: boolean) => {\r\n internalSidebarOpen.value = value\r\n emit('update:sidebarOpen', value)\r\n },\r\n})\r\n\r\nconst darkModel = computed({\r\n get: () => props.dark ?? internalDark.value,\r\n set: (value: boolean) => {\r\n internalDark.value = value\r\n emit('update:dark', value)\r\n },\r\n})\r\n\r\nconst toggleSidebar = () => {\r\n sidebarOpenModel.value = !sidebarOpenModel.value\r\n}\r\n\r\nconst toggleDark = () => {\r\n darkModel.value = !darkModel.value\r\n}\r\n\r\n// Try to resolve RouterView\r\nconst routerViewComponent = computed(() => {\r\n try {\r\n const RouterView = resolveComponent('RouterView')\r\n if (typeof RouterView !== 'string') {\r\n return RouterView\r\n }\r\n } catch {\r\n // RouterView not available\r\n }\r\n return null\r\n})\r\n\r\n// Try to resolve RouterLink\r\nconst routerLinkComponent = computed(() => {\r\n try {\r\n const RouterLink = resolveComponent('RouterLink')\r\n if (typeof RouterLink !== 'string') {\r\n return RouterLink\r\n }\r\n } catch {\r\n // RouterLink not available\r\n }\r\n return 'a'\r\n})\r\n\r\nconst getLinkProps = (link: string) => {\r\n if (routerLinkComponent.value === 'a') {\r\n return { href: link }\r\n }\r\n return { to: link }\r\n}\r\n\r\nconst handleUserMenuClick = (item: UserMenuItem) => {\r\n if (item.action) {\r\n item.action()\r\n }\r\n}\r\n</script>\r\n\r\n<template>\r\n <div class=\"font-inter relative flex h-dvh overflow-hidden bg-gray-100 dark:bg-slate-900\">\r\n <!-- Backdrop for mobile -->\r\n <div\r\n v-if=\"sidebarOpenModel\"\r\n class=\"absolute z-40 h-full w-full bg-slate-950/20 lg:hidden dark:bg-white/20\"\r\n @click=\"sidebarOpenModel = false\"\r\n />\r\n\r\n <!-- Sidebar -->\r\n <aside\r\n :class=\"[\r\n sidebarOpenModel ? 'lg:w-60' : 'max-lg:-translate-x-76 lg:w-16',\r\n sidebarClass,\r\n ]\"\r\n class=\"@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\"\r\n >\r\n <!-- Sidebar Header -->\r\n <div class=\"flex h-16 items-center px-3\">\r\n <div class=\"flex flex-1 items-center justify-center gap-3\">\r\n <slot name=\"logo\">\r\n <div\r\n class=\"bg-primary text-primary-foreground flex size-8 items-center justify-center rounded-lg bg-white/20\"\r\n >\r\n <Icon\r\n class=\"size-5 text-white\"\r\n :icon=\"appIcon\"\r\n />\r\n </div>\r\n <span\r\n :class=\"sidebarOpenModel ? 'block' : 'hidden'\"\r\n class=\"font-outfit flex-1 text-lg font-semibold text-white\"\r\n >\r\n {{ appName }}\r\n </span>\r\n </slot>\r\n </div>\r\n\r\n <button\r\n class=\"rounded-lg bg-white/10 p-1 transition hover:bg-white/20 lg:hidden\"\r\n @click=\"toggleSidebar\"\r\n >\r\n <Icon\r\n class=\"size-6 text-white\"\r\n icon=\"lucide:menu\"\r\n />\r\n </button>\r\n </div>\r\n\r\n <!-- Menu Items -->\r\n <div\r\n :class=\"[sidebarOpenModel ? 'items-start' : 'items-center gap-4', menuPositionClass]\"\r\n class=\"flex min-h-0 flex-1 flex-col overflow-y-auto overflow-x-hidden px-2\"\r\n >\r\n <slot\r\n name=\"menu\"\r\n :current-path=\"currentPath\"\r\n >\r\n <MenuItem\r\n v-for=\"(item, index) in menuItems\"\r\n :key=\"index\"\r\n :menu-item=\"item\"\r\n :expanded=\"sidebarOpenModel\"\r\n :current-path=\"currentPath\"\r\n />\r\n </slot>\r\n </div>\r\n\r\n <!-- Sidebar Footer -->\r\n <div class=\"flex flex-col gap-3 px-3 pb-3\">\r\n <slot name=\"sidebar-footer\" />\r\n </div>\r\n </aside>\r\n\r\n <!-- Main Content Area -->\r\n <div class=\"flex flex-1 flex-col min-w-0\">\r\n <!-- Header -->\r\n <header\r\n 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\"\r\n >\r\n <div>\r\n <button\r\n class=\"rounded-lg bg-gray-100 p-1 transition hover:bg-gray-200 dark:bg-gray-900 dark:hover:bg-gray-800\"\r\n @click=\"toggleSidebar\"\r\n >\r\n <Icon\r\n class=\"size-6 text-gray-900 hover:text-gray-800 dark:text-gray-100\"\r\n icon=\"lucide:menu\"\r\n />\r\n </button>\r\n </div>\r\n\r\n <div class=\"flex-1\">\r\n <slot name=\"header-center\" />\r\n </div>\r\n\r\n <div class=\"flex items-center gap-3\">\r\n <slot name=\"header-actions\" />\r\n\r\n <button\r\n v-if=\"showDarkToggle\"\r\n 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\"\r\n @click=\"toggleDark\"\r\n >\r\n <Icon\r\n :icon=\"darkModel ? 'lucide:sun' : 'lucide:moon'\"\r\n class=\"size-5 text-gray-900 dark:text-gray-100\"\r\n />\r\n </button>\r\n\r\n <!-- User Menu -->\r\n <Dropdown\r\n v-if=\"userName \|\| userAvatar\"\r\n align=\"right\"\r\n >\r\n <template #trigger>\r\n <button\r\n class=\"flex items-center gap-2 rounded-lg p-1.5 transition hover:bg-gray-100 dark:hover:bg-gray-800\"\r\n >\r\n <div\r\n class=\"flex size-8 items-center justify-center rounded-full bg-primary text-sm font-medium text-white\"\r\n >\r\n {{ userAvatar \|\| '?' }}\r\n </div>\r\n <span class=\"hidden text-sm font-medium text-gray-700 dark:text-gray-300 md:block\">\r\n {{ userName }}\r\n </span>\r\n <Icon\r\n icon=\"lucide:chevron-down\"\r\n class=\"size-4 text-gray-500\"\r\n />\r\n </button>\r\n </template>\r\n\r\n <template #default=\"{ close }\">\r\n <div class=\"min-w-48 py-1\">\r\n <component\r\n :is=\"item.link ? routerLinkComponent : 'button'\"\r\n v-for=\"item in userMenuItems\"\r\n :key=\"item.label\"\r\n v-bind=\"item.link ? getLinkProps(item.link) : {}\"\r\n 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\"\r\n @click=\"handleUserMenuClick(item); close()\"\r\n >\r\n <Icon\r\n v-if=\"item.icon\"\r\n :icon=\"item.icon\"\r\n class=\"size-4\"\r\n />\r\n {{ item.label }}\r\n </component>\r\n </div>\r\n </template>\r\n </Dropdown>\r\n </div>\r\n </header>\r\n\r\n <!-- Page Content -->\r\n <div class=\"flex flex-1 flex-col overflow-y-auto overflow-x-hidden\">\r\n <main class=\"container mx-auto flex flex-1 flex-col gap-5 p-5 max-w-full\">\r\n <slot>\r\n <component\r\n :is=\"routerViewComponent\"\r\n v-if=\"routerViewComponent\"\r\n />\r\n </slot>\r\n </main>\r\n </div>\r\n </div>\r\n </div>\r\n</template>\r\n","<script lang=\"ts\" setup>\r\nimport { computed, resolveComponent } from 'vue'\r\n\r\nexport interface PageBreadcrumb {\r\n label: string\r\n link: string\r\n}\r\n\r\ndefineProps<{\r\n /* Page title /\r\n title?: string\r\n /* Page description /\r\n description?: string\r\n /* Breadcrumb navigation items /\r\n breadcrumbs?: PageBreadcrumb[]\r\n}>()\r\n\r\n// Try to resolve RouterLink\r\nconst linkComponent = computed(() => {\r\n try {\r\n const RouterLink = resolveComponent('RouterLink')\r\n if (typeof RouterLink !== 'string') {\r\n return RouterLink\r\n }\r\n } catch {\r\n // RouterLink not available\r\n }\r\n return 'a'\r\n})\r\n\r\nconst getLinkProps = (link: string) => {\r\n if (linkComponent.value === 'a') {\r\n return { href: link }\r\n }\r\n return { to: link }\r\n}\r\n</script>\r\n\r\n<template>\r\n <div class=\"flex flex-col gap-4\">\r\n <!-- Breadcrumbs -->\r\n <nav\r\n v-if=\"breadcrumbs && breadcrumbs.length > 0\"\r\n aria-label=\"Breadcrumb\"\r\n >\r\n <ol class=\"flex items-center\">\r\n <li\r\n v-for=\"(breadcrumb, index) in breadcrumbs\"\r\n :key=\"index\"\r\n class=\"flex items-center\"\r\n >\r\n <span\r\n v-if=\"index > 0\"\r\n class=\"mx-3 text-sm font-semibold text-gray-400 dark:text-gray-600\"\r\n >\r\n /\r\n </span>\r\n\r\n <slot\r\n name=\"breadcrumb\"\r\n :breadcrumb=\"breadcrumb\"\r\n :index=\"index\"\r\n :is-last=\"index === breadcrumbs.length - 1\"\r\n >\r\n <component\r\n :is=\"linkComponent\"\r\n v-bind=\"getLinkProps(breadcrumb.link)\"\r\n :class=\"[\r\n 'text-sm transition-colors',\r\n index < breadcrumbs.length - 1\r\n ? 'font-semibold text-gray-900 hover:text-primary/90 hover:underline dark:text-gray-100'\r\n : 'text-gray-400 dark:text-gray-600',\r\n ]\"\r\n >\r\n {{ breadcrumb.label }}\r\n </component>\r\n </slot>\r\n </li>\r\n </ol>\r\n </nav>\r\n\r\n <!-- Page Header -->\r\n <div class=\"flex flex-col gap-4 md:flex-row md:items-start md:justify-between\">\r\n <div class=\"flex flex-col gap-1 min-w-0 flex-1\">\r\n <h1\r\n v-if=\"title\"\r\n class=\"text-2xl font-bold text-gray-900 dark:text-gray-100 truncate\"\r\n >\r\n <slot name=\"title\">\r\n {{ title }}\r\n </slot>\r\n </h1>\r\n\r\n <p\r\n v-if=\"description\"\r\n class=\"text-sm text-gray-600 dark:text-gray-400\"\r\n >\r\n <slot name=\"description\">\r\n {{ description }}\r\n </slot>\r\n </p>\r\n </div>\r\n\r\n <div class=\"flex items-center gap-2 flex-wrap shrink-0\">\r\n <slot name=\"actions\" />\r\n </div>\r\n </div>\r\n\r\n <!-- Page Content -->\r\n <div class=\"flex-1\">\r\n <slot />\r\n </div>\r\n </div>\r\n</template>\r\n","<script lang=\"ts\" setup>\r\nimport { computed } from 'vue'\r\nimport { Icon } from '@iconify/vue'\r\n\r\nexport interface PageHeroStat {\r\n label: string\r\n value: string \| number\r\n icon?: string\r\n}\r\n\r\nexport type PageHeroColorScheme = 'primary' \| 'cyan' \| 'violet' \| 'emerald' \| 'rose' \| 'amber' \| 'blue' \| 'teal'\r\n\r\nconst props = withDefaults(\r\n defineProps<{\r\n /* Main title /\r\n title: string\r\n /* Subtitle/description /\r\n subtitle?: string\r\n /* Badge text (shown above title) /\r\n badge?: string\r\n /* Badge icon /\r\n badgeIcon?: string\r\n /* Show animated background blobs /\r\n showBlobs?: boolean\r\n /* Show wave decoration at bottom /\r\n showWave?: boolean\r\n /* Stats to display in grid /\r\n stats?: PageHeroStat[]\r\n /* Gradient direction: 'br' (bottom-right), 'r' (right), 'b' (bottom) /\r\n gradientDirection?: 'br' \| 'r' \| 'b'\r\n /* Decorative icons (shown faded in background) /\r\n decorativeIcons?: string[]\r\n /* Color scheme for gradient and accents */\r\n colorScheme?: PageHeroColorScheme\r\n }>(),\r\n {\r\n showBlobs: true,\r\n showWave: true,\r\n gradientDirection: 'br',\r\n colorScheme: 'primary',\r\n }\r\n)\r\n\r\n// Color scheme mappings\r\nconst colorClasses = computed(() => {\r\n const schemes: Record<PageHeroColorScheme, { gradient: string; subtitle: string }> = {\r\n primary: {\r\n gradient: 'from-primary-600 via-primary-500 to-primary-400',\r\n subtitle: 'text-primary-100',\r\n },\r\n cyan: {\r\n gradient: 'from-cyan-600 via-cyan-500 to-teal-500',\r\n subtitle: 'text-cyan-100',\r\n },\r\n violet: {\r\n gradient: 'from-violet-600 via-violet-500 to-purple-500',\r\n subtitle: 'text-violet-100',\r\n },\r\n emerald: {\r\n gradient: 'from-emerald-600 via-emerald-500 to-teal-500',\r\n subtitle: 'text-emerald-100',\r\n },\r\n rose: {\r\n gradient: 'from-rose-600 via-rose-500 to-pink-500',\r\n subtitle: 'text-rose-100',\r\n },\r\n amber: {\r\n gradient: 'from-amber-600 via-amber-500 to-orange-500',\r\n subtitle: 'text-amber-100',\r\n },\r\n blue: {\r\n gradient: 'from-blue-600 via-blue-500 to-indigo-500',\r\n subtitle: 'text-blue-100',\r\n },\r\n teal: {\r\n gradient: 'from-teal-600 via-teal-500 to-cyan-500',\r\n subtitle: 'text-teal-100',\r\n },\r\n }\r\n return schemes[props.colorScheme]\r\n})\r\n</script>\r\n\r\n<template>\r\n <div class=\"relative overflow-hidden bg-linear-to-br\" :class=\"colorClasses.gradient\">\r\n <!-- Animated background blobs -->\r\n <div v-if=\"showBlobs\" class=\"absolute inset-0 overflow-hidden pointer-events-none\">\r\n <div\r\n class=\"absolute -top-20 -right-20 w-72 h-72 bg-white/10 rounded-full blur-3xl animate-float\"\r\n />\r\n <div\r\n class=\"absolute -bottom-32 -left-32 w-96 h-96 bg-white/5 rounded-full blur-3xl animate-float [animation-delay:1s]\"\r\n />\r\n </div>\r\n\r\n <!-- Decorative icons -->\r\n <div v-if=\"decorativeIcons?.length\" class=\"absolute inset-0 overflow-hidden pointer-events-none\">\r\n <Icon\r\n v-if=\"decorativeIcons[0]\"\r\n :icon=\"decorativeIcons[0]\"\r\n class=\"absolute top-12 right-8 w-24 h-24 text-white/5 rotate-12\"\r\n />\r\n <Icon\r\n v-if=\"decorativeIcons[1]\"\r\n :icon=\"decorativeIcons[1]\"\r\n class=\"absolute bottom-8 left-12 w-20 h-20 text-white/5 -rotate-12\"\r\n />\r\n </div>\r\n\r\n <!-- Custom background slot -->\r\n <slot name=\"background\" />\r\n\r\n <div class=\"relative px-4 pt-8 pb-10 sm:px-6 lg:px-8 max-w-5xl mx-auto\">\r\n <!-- Header content -->\r\n <div class=\"text-center mb-8 animate-fade-in-up\">\r\n <!-- Badge -->\r\n <div\r\n v-if=\"badge \|\| badgeIcon \|\| $slots.badge\"\r\n 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\"\r\n >\r\n <slot name=\"badge\">\r\n <Icon v-if=\"badgeIcon\" :icon=\"badgeIcon\" class=\"w-5 h-5 text-white\" />\r\n <span v-if=\"badge\" class=\"text-sm font-medium text-white\">{{ badge }}</span>\r\n </slot>\r\n </div>\r\n\r\n <!-- Title -->\r\n <h1 class=\"text-2xl sm:text-3xl font-bold text-white mb-2\">\r\n <slot name=\"title\">{{ title }}</slot>\r\n </h1>\r\n\r\n <!-- Subtitle -->\r\n <p v-if=\"subtitle \|\| $slots.subtitle\" class=\"text-sm sm:text-base\" :class=\"colorClasses.subtitle\">\r\n <slot name=\"subtitle\">{{ subtitle }}</slot>\r\n </p>\r\n </div>\r\n\r\n <!-- Stats Grid -->\r\n <div\r\n v-if=\"stats?.length \|\| $slots.stats\"\r\n class=\"animate-fade-in-up [animation-delay:0.1s]\"\r\n >\r\n <slot name=\"stats\">\r\n <div\r\n class=\"grid gap-3 sm:gap-4\"\r\n :class=\"[\r\n stats?.length === 2 ? 'grid-cols-2' : '',\r\n stats?.length === 3 ? 'grid-cols-3' : '',\r\n stats?.length === 4 ? 'grid-cols-2 sm:grid-cols-4' : '',\r\n stats && stats.length > 4 ? 'grid-cols-2 sm:grid-cols-3 lg:grid-cols-4' : '',\r\n ]\"\r\n >\r\n <div\r\n v-for=\"(stat, index) in stats\"\r\n :key=\"index\"\r\n class=\"bg-white/15 backdrop-blur-sm rounded-2xl p-4 border border-white/20 text-center\"\r\n >\r\n <div\r\n v-if=\"stat.icon\"\r\n class=\"w-10 h-10 mx-auto mb-2 rounded-xl bg-white/20 flex items-center justify-center\"\r\n >\r\n <Icon :icon=\"stat.icon\" class=\"w-5 h-5 text-white\" />\r\n </div>\r\n <div class=\"text-2xl sm:text-3xl font-bold text-white\">{{ stat.value }}</div>\r\n <div class=\"text-xs sm:text-sm\" :class=\"colorClasses.subtitle\">{{ stat.label }}</div>\r\n </div>\r\n </div>\r\n </slot>\r\n </div>\r\n\r\n <!-- Additional content -->\r\n <slot name=\"content\" />\r\n </div>\r\n\r\n <!-- Wave decoration -->\r\n <div v-if=\"showWave\" class=\"absolute bottom-0 left-0 right-0\">\r\n <svg\r\n viewBox=\"0 0 1440 80\"\r\n fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n class=\"w-full h-auto\"\r\n preserveAspectRatio=\"none\"\r\n >\r\n <path\r\n 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\"\r\n class=\"fill-gray-50 dark:fill-slate-900\"\r\n />\r\n </svg>\r\n </div>\r\n </div>\r\n</template>\r\n"],"names":["_openBlock","_createElementBlock","_hoisted_1","$slots","_normalizeClass","_renderSlot","_hoisted_2","_createElementVNode","_hoisted_3","_Fragment","_hoisted_4","_hoisted_5","_hoisted_6","_createVNode","_unref","_hoisted_7","_toDisplayString","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_13","_hoisted_14","_renderList","_hoisted_15","_createBlock","_resolveDynamicComponent","_mergeProps","MenuItem","Dropdown","_withCtx","_createTextVNode","_a","_b"],"mappings":"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"}
1	+ {"version":3,"file":"PageHero.vue_vue_type_script_setup_true_lang-by-P5wIB.js","sources":["../src/components/layout/AuthLayout.vue","../src/components/layout/BaseLayout.vue","../src/components/layout/PageLayout.vue","../src/components/layout/PageHero.vue"],"sourcesContent":["<script lang=\"ts\" setup>\r\nimport { computed, resolveComponent, useSlots } from 'vue'\r\nimport { Icon } from '@iconify/vue'\r\n\r\n/*\r\n Feature item for the branding panel\r\n /\r\nexport interface AuthFeature {\r\n /* Iconify icon name /\r\n icon: string\r\n /* Feature text /\r\n text: string\r\n}\r\n\r\nconst props = withDefaults(defineProps<{\r\n /* App/brand name (used in default logo slots) /\r\n appName?: string\r\n /* App icon - Iconify icon name (used in default logo slots) /\r\n appIcon?: string\r\n /* Headline text (first line) /\r\n headline?: string\r\n /* Sub-headline text (second line, with optional underline) /\r\n subHeadline?: string\r\n /* Description paragraph below headlines /\r\n description?: string\r\n /* List of features to display in branding panel /\r\n features?: AuthFeature[]\r\n /* Primary gradient from color (Tailwind class) /\r\n gradientFrom?: string\r\n /* Primary gradient via color (Tailwind class, optional) /\r\n gradientVia?: string\r\n /* Primary gradient to color (Tailwind class) /\r\n gradientTo?: string\r\n /* Show decorative floating shapes and blurs /\r\n showDecorations?: boolean\r\n /* Show dot pattern overlay on branding panel /\r\n showPattern?: boolean\r\n /* Underline accent color for sub-headline (CSS color value) /\r\n underlineColor?: string\r\n /* Form panel title /\r\n formTitle?: string\r\n /* Form panel subtitle /\r\n formSubtitle?: string\r\n /* Home link URL (used for mobile logo link) /\r\n homeLink?: string\r\n /* CSS animation class for branding content entry /\r\n brandingAnimation?: string\r\n /* CSS animation class for form panel entry /\r\n formAnimation?: string\r\n}>(), {\r\n appName: '',\r\n appIcon: 'lucide:box',\r\n headline: '',\r\n subHeadline: '',\r\n description: '',\r\n features: () => [],\r\n gradientFrom: 'from-primary-700',\r\n gradientVia: '',\r\n gradientTo: 'to-primary-800',\r\n showDecorations: true,\r\n showPattern: true,\r\n underlineColor: 'rgba(165, 180, 252, 0.5)',\r\n formTitle: '',\r\n formSubtitle: '',\r\n homeLink: '/',\r\n brandingAnimation: '',\r\n formAnimation: '',\r\n})\r\n\r\nconst slots = useSlots()\r\n\r\n// Check if branding panel has any content\r\nconst hasBrandingContent = computed(() => {\r\n return props.headline \|\|\r\n props.subHeadline \|\|\r\n props.description \|\|\r\n props.features.length > 0 \|\|\r\n slots['branding-logo'] \|\|\r\n slots['branding-headline'] \|\|\r\n slots['branding-content'] \|\|\r\n props.appName\r\n})\r\n\r\n// Try to resolve RouterLink (works with Vue Router)\r\nconst routerLinkComponent = computed(() => {\r\n try {\r\n const RouterLink = resolveComponent('RouterLink')\r\n if (typeof RouterLink !== 'string') {\r\n return RouterLink\r\n }\r\n } catch {\r\n // RouterLink not available\r\n }\r\n return 'a'\r\n})\r\n\r\nconst getLinkProps = (link: string) => {\r\n if (routerLinkComponent.value === 'a') {\r\n return { href: link }\r\n }\r\n return { to: link }\r\n}\r\n\r\nconst gradientClasses = computed(() => {\r\n const classes = [props.gradientFrom, props.gradientTo]\r\n if (props.gradientVia) {\r\n classes.splice(1, 0, props.gradientVia)\r\n }\r\n return classes.filter(Boolean)\r\n})\r\n</script>\r\n\r\n<template>\r\n <div class=\"flex min-h-screen\">\r\n <!-- Left Panel - Branding (hidden on mobile) -->\r\n <div\r\n v-if=\"hasBrandingContent \|\| $slots['branding-panel']\"\r\n :class=\"[\r\n 'hidden lg:flex lg:w-1/2 relative overflow-hidden bg-gradient-to-br',\r\n ...gradientClasses,\r\n ]\"\r\n >\r\n <!-- Allow complete customization of branding panel -->\r\n <slot name=\"branding-panel\">\r\n <!-- Decorative floating blurs -->\r\n <div\r\n v-if=\"showDecorations\"\r\n class=\"absolute inset-0 overflow-hidden pointer-events-none\"\r\n >\r\n <div class=\"absolute -top-20 -left-20 size-80 bg-white/5 rounded-full blur-3xl\" />\r\n <div class=\"absolute top-1/3 right-10 size-60 bg-white/5 rounded-full blur-3xl\" />\r\n <div class=\"absolute bottom-20 left-1/4 size-72 bg-white/5 rounded-full blur-3xl\" />\r\n </div>\r\n\r\n <!-- Dot pattern -->\r\n <div\r\n v-if=\"showPattern\"\r\n class=\"absolute inset-0 opacity-20 pointer-events-none\"\r\n style=\"background-image: radial-gradient(circle, rgba(255,255,255,0.4) 1px, transparent 1px); background-size: 24px 24px;\"\r\n />\r\n\r\n <!-- Floating decorative shapes -->\r\n <template v-if=\"showDecorations\">\r\n <div class=\"absolute top-20 right-20 size-16 border-2 border-white/20 rounded-2xl rotate-12 pointer-events-none\" />\r\n <div class=\"absolute bottom-32 left-16 size-12 border-2 border-white/20 rounded-full pointer-events-none\" />\r\n <div class=\"absolute top-1/2 left-10 size-8 bg-white/10 rounded-lg rotate-45 pointer-events-none\" />\r\n </template>\r\n\r\n <!-- Content -->\r\n <div class=\"relative z-10 flex flex-col justify-center px-16 py-12 text-white w-full\">\r\n <div :class=\"brandingAnimation\">\r\n <!-- Logo -->\r\n <div class=\"flex items-center gap-3 mb-12\">\r\n <slot name=\"branding-logo\">\r\n <template v-if=\"appName \|\| appIcon\">\r\n <div class=\"size-14 bg-white/20 backdrop-blur-sm rounded-2xl flex items-center justify-center\">\r\n <Icon\r\n :icon=\"appIcon\"\r\n class=\"size-8 text-white\"\r\n />\r\n </div>\r\n <span\r\n v-if=\"appName\"\r\n class=\"text-3xl font-bold\"\r\n >\r\n {{ appName }}\r\n </span>\r\n </template>\r\n </slot>\r\n </div>\r\n\r\n <!-- Headlines -->\r\n <slot name=\"branding-headline\">\r\n <h1\r\n v-if=\"headline \|\| subHeadline\"\r\n class=\"text-4xl xl:text-5xl font-bold leading-tight mb-6\"\r\n >\r\n <template v-if=\"headline\">\r\n {{ headline }}<br>\r\n </template>\r\n <span\r\n v-if=\"subHeadline\"\r\n class=\"relative inline-block\"\r\n >\r\n <span class=\"relative z-10\">{{ subHeadline }}</span>\r\n <svg\r\n class=\"absolute -bottom-2 left-0 w-full\"\r\n viewBox=\"0 0 280 12\"\r\n fill=\"none\"\r\n preserveAspectRatio=\"none\"\r\n >\r\n <path\r\n d=\"M2 10C45 4 90 2 140 6C190 10 235 4 278 8\"\r\n :stroke=\"underlineColor\"\r\n stroke-width=\"4\"\r\n stroke-linecap=\"round\"\r\n />\r\n </svg>\r\n </span>\r\n </h1>\r\n </slot>\r\n\r\n <!-- Description -->\r\n <p\r\n v-if=\"description\"\r\n class=\"text-lg text-white/80 max-w-md mb-10\"\r\n >\r\n {{ description }}\r\n </p>\r\n\r\n <!-- Features list -->\r\n <slot name=\"branding-features\">\r\n <div\r\n v-if=\"features.length > 0\"\r\n class=\"space-y-4\"\r\n >\r\n <div\r\n v-for=\"(feature, index) in features\"\r\n :key=\"index\"\r\n class=\"flex items-center gap-3 text-white/90\"\r\n >\r\n <div class=\"size-10 rounded-xl bg-white/10 backdrop-blur-sm flex items-center justify-center shrink-0\">\r\n <Icon\r\n :icon=\"feature.icon\"\r\n class=\"size-5\"\r\n />\r\n </div>\r\n <span>{{ feature.text }}</span>\r\n </div>\r\n </div>\r\n </slot>\r\n\r\n <!-- Additional branding content -->\r\n <slot name=\"branding-content\" />\r\n </div>\r\n </div>\r\n </slot>\r\n </div>\r\n\r\n <!-- Right Panel - Form -->\r\n <div 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\">\r\n <div\r\n :class=\"['w-full max-w-md', formAnimation]\"\r\n >\r\n <!-- Mobile Logo -->\r\n <div class=\"lg:hidden text-center mb-8\">\r\n <component\r\n :is=\"routerLinkComponent\"\r\n v-bind=\"getLinkProps(homeLink)\"\r\n class=\"inline-flex items-center gap-3\"\r\n >\r\n <slot name=\"mobile-logo\">\r\n <template v-if=\"appName \|\| appIcon\">\r\n <div class=\"size-12 bg-primary-600 rounded-xl flex items-center justify-center shadow-lg shadow-primary-200 dark:shadow-primary-900/30\">\r\n <Icon\r\n :icon=\"appIcon\"\r\n class=\"size-6 text-white\"\r\n />\r\n </div>\r\n <span\r\n v-if=\"appName\"\r\n class=\"text-2xl font-bold text-gray-900 dark:text-white\"\r\n >\r\n {{ appName }}\r\n </span>\r\n </template>\r\n </slot>\r\n </component>\r\n </div>\r\n\r\n <!-- Form Header (title/subtitle) -->\r\n <slot name=\"form-header\">\r\n <div\r\n v-if=\"formTitle \|\| formSubtitle\"\r\n class=\"text-center lg:text-left mb-8\"\r\n >\r\n <h2\r\n v-if=\"formTitle\"\r\n class=\"text-2xl sm:text-3xl font-bold text-gray-900 dark:text-white mb-2\"\r\n >\r\n {{ formTitle }}\r\n </h2>\r\n <p\r\n v-if=\"formSubtitle\"\r\n class=\"text-gray-600 dark:text-gray-400\"\r\n >\r\n {{ formSubtitle }}\r\n </p>\r\n </div>\r\n </slot>\r\n\r\n <!-- Form Card -->\r\n <div class=\"bg-white dark:bg-slate-800/80 rounded-3xl shadow-xl shadow-gray-200/50 dark:shadow-none p-8\">\r\n <slot />\r\n </div>\r\n\r\n <!-- Form Footer -->\r\n <slot name=\"form-footer\" />\r\n </div>\r\n </div>\r\n </div>\r\n</template>\r\n","<script lang=\"ts\" setup>\r\nimport { ref, computed, resolveComponent } from 'vue'\r\nimport { Icon } from '@iconify/vue'\r\nimport MenuItem from '@/components/core/MenuItem.vue'\r\nimport Dropdown from '@/components/core/Dropdown.vue'\r\nimport type { MenuItemProps } from '@/types'\r\n\r\nexport interface UserMenuItem {\r\n label: string\r\n icon?: string\r\n link?: string\r\n action?: () => void\r\n}\r\n\r\nexport type MenuPosition = 'top' \| 'center' \| 'bottom'\r\n\r\nconst props = withDefaults(\r\n defineProps<{\r\n /* Menu items for the sidebar /\r\n menuItems?: MenuItemProps[]\r\n /* App/brand name displayed in sidebar /\r\n appName?: string\r\n /* App icon (iconify icon name) /\r\n appIcon?: string\r\n /* Whether sidebar is open (v-model:sidebarOpen) /\r\n sidebarOpen?: boolean\r\n /* Whether dark mode is enabled (v-model:dark) /\r\n dark?: boolean\r\n /* Show dark mode toggle in header /\r\n showDarkToggle?: boolean\r\n /* Primary color class for sidebar background /\r\n sidebarClass?: string\r\n /* Current route path for menu active state (pass useRoute().path) /\r\n currentPath?: string\r\n /* User display name /\r\n userName?: string\r\n /* User avatar (initials or image URL) /\r\n userAvatar?: string\r\n /* User menu items (dropdown) /\r\n userMenuItems?: UserMenuItem[]\r\n /* Menu vertical position in sidebar: 'top', 'center', or 'bottom' /\r\n menuPosition?: MenuPosition\r\n }>(),\r\n {\r\n menuItems: () => [],\r\n appName: 'App',\r\n appIcon: 'lucide:box',\r\n sidebarOpen: true,\r\n dark: false,\r\n showDarkToggle: true,\r\n sidebarClass: 'bg-[#172b4c] dark:bg-slate-950',\r\n currentPath: undefined,\r\n userName: undefined,\r\n userAvatar: undefined,\r\n userMenuItems: () => [],\r\n menuPosition: 'top',\r\n },\r\n)\r\n\r\nconst menuPositionClass = computed(() => {\r\n switch (props.menuPosition) {\r\n case 'center':\r\n return 'lg:justify-center'\r\n case 'bottom':\r\n return 'lg:justify-end'\r\n case 'top':\r\n default:\r\n return 'lg:justify-start'\r\n }\r\n})\r\n\r\nconst emit = defineEmits<{\r\n 'update:sidebarOpen': [value: boolean]\r\n 'update:dark': [value: boolean]\r\n}>()\r\n\r\nconst internalSidebarOpen = ref(props.sidebarOpen)\r\nconst internalDark = ref(props.dark)\r\n\r\nconst sidebarOpenModel = computed({\r\n get: () => props.sidebarOpen ?? internalSidebarOpen.value,\r\n set: (value: boolean) => {\r\n internalSidebarOpen.value = value\r\n emit('update:sidebarOpen', value)\r\n },\r\n})\r\n\r\nconst darkModel = computed({\r\n get: () => props.dark ?? internalDark.value,\r\n set: (value: boolean) => {\r\n internalDark.value = value\r\n emit('update:dark', value)\r\n },\r\n})\r\n\r\nconst toggleSidebar = () => {\r\n sidebarOpenModel.value = !sidebarOpenModel.value\r\n}\r\n\r\nconst toggleDark = () => {\r\n darkModel.value = !darkModel.value\r\n}\r\n\r\n// Try to resolve RouterView\r\nconst routerViewComponent = computed(() => {\r\n try {\r\n const RouterView = resolveComponent('RouterView')\r\n if (typeof RouterView !== 'string') {\r\n return RouterView\r\n }\r\n } catch {\r\n // RouterView not available\r\n }\r\n return null\r\n})\r\n\r\n// Try to resolve RouterLink\r\nconst routerLinkComponent = computed(() => {\r\n try {\r\n const RouterLink = resolveComponent('RouterLink')\r\n if (typeof RouterLink !== 'string') {\r\n return RouterLink\r\n }\r\n } catch {\r\n // RouterLink not available\r\n }\r\n return 'a'\r\n})\r\n\r\nconst getLinkProps = (link: string) => {\r\n if (routerLinkComponent.value === 'a') {\r\n return { href: link }\r\n }\r\n return { to: link }\r\n}\r\n\r\nconst handleUserMenuClick = (item: UserMenuItem) => {\r\n if (item.action) {\r\n item.action()\r\n }\r\n}\r\n</script>\r\n\r\n<template>\r\n <div class=\"font-inter relative flex h-dvh overflow-hidden bg-gray-100 dark:bg-slate-900\">\r\n <!-- Backdrop for mobile -->\r\n <div\r\n v-if=\"sidebarOpenModel\"\r\n class=\"absolute z-40 h-full w-full bg-slate-950/20 lg:hidden dark:bg-white/20\"\r\n @click=\"sidebarOpenModel = false\"\r\n />\r\n\r\n <!-- Sidebar -->\r\n <aside\r\n :class=\"[\r\n sidebarOpenModel ? 'lg:w-60' : 'max-lg:-translate-x-76 lg:w-16',\r\n sidebarClass,\r\n ]\"\r\n class=\"@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\"\r\n >\r\n <!-- Sidebar Header -->\r\n <div class=\"flex h-16 items-center px-3\">\r\n <div class=\"flex flex-1 items-center justify-center gap-3\">\r\n <slot name=\"logo\">\r\n <div\r\n class=\"bg-primary text-primary-foreground flex size-8 items-center justify-center rounded-lg bg-white/20\"\r\n >\r\n <Icon\r\n class=\"size-5 text-white\"\r\n :icon=\"appIcon\"\r\n />\r\n </div>\r\n <span\r\n :class=\"sidebarOpenModel ? 'block' : 'hidden'\"\r\n class=\"font-outfit flex-1 text-lg font-semibold text-white\"\r\n >\r\n {{ appName }}\r\n </span>\r\n </slot>\r\n </div>\r\n\r\n <button\r\n class=\"rounded-lg bg-white/10 p-1 transition hover:bg-white/20 lg:hidden\"\r\n @click=\"toggleSidebar\"\r\n >\r\n <Icon\r\n class=\"size-6 text-white\"\r\n icon=\"lucide:menu\"\r\n />\r\n </button>\r\n </div>\r\n\r\n <!-- Menu Items -->\r\n <div\r\n :class=\"[sidebarOpenModel ? 'items-start' : 'items-center gap-4', menuPositionClass]\"\r\n class=\"flex min-h-0 flex-1 flex-col overflow-y-auto overflow-x-hidden px-2\"\r\n >\r\n <slot\r\n name=\"menu\"\r\n :current-path=\"currentPath\"\r\n >\r\n <MenuItem\r\n v-for=\"(item, index) in menuItems\"\r\n :key=\"index\"\r\n :menu-item=\"item\"\r\n :expanded=\"sidebarOpenModel\"\r\n :current-path=\"currentPath\"\r\n />\r\n </slot>\r\n </div>\r\n\r\n <!-- Sidebar Footer -->\r\n <div class=\"flex flex-col gap-3 px-3 pb-3\">\r\n <slot name=\"sidebar-footer\" />\r\n </div>\r\n </aside>\r\n\r\n <!-- Main Content Area -->\r\n <div class=\"flex flex-1 flex-col min-w-0\">\r\n <!-- Header -->\r\n <header\r\n 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\"\r\n >\r\n <div>\r\n <button\r\n class=\"rounded-lg bg-gray-100 p-1 transition hover:bg-gray-200 dark:bg-gray-900 dark:hover:bg-gray-800\"\r\n @click=\"toggleSidebar\"\r\n >\r\n <Icon\r\n class=\"size-6 text-gray-900 hover:text-gray-800 dark:text-gray-100\"\r\n icon=\"lucide:menu\"\r\n />\r\n </button>\r\n </div>\r\n\r\n <div class=\"flex-1\">\r\n <slot name=\"header-center\" />\r\n </div>\r\n\r\n <div class=\"flex items-center gap-3\">\r\n <slot name=\"header-actions\" />\r\n\r\n <button\r\n v-if=\"showDarkToggle\"\r\n 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\"\r\n @click=\"toggleDark\"\r\n >\r\n <Icon\r\n :icon=\"darkModel ? 'lucide:sun' : 'lucide:moon'\"\r\n class=\"size-5 text-gray-900 dark:text-gray-100\"\r\n />\r\n </button>\r\n\r\n <!-- User Menu -->\r\n <Dropdown\r\n v-if=\"userName \|\| userAvatar\"\r\n align=\"right\"\r\n >\r\n <template #trigger>\r\n <button\r\n class=\"flex items-center gap-2 rounded-lg p-1.5 transition hover:bg-gray-100 dark:hover:bg-gray-800\"\r\n >\r\n <div\r\n class=\"flex size-8 items-center justify-center rounded-full bg-primary text-sm font-medium text-white\"\r\n >\r\n {{ userAvatar \|\| '?' }}\r\n </div>\r\n <span class=\"hidden text-sm font-medium text-gray-700 dark:text-gray-300 md:block\">\r\n {{ userName }}\r\n </span>\r\n <Icon\r\n icon=\"lucide:chevron-down\"\r\n class=\"size-4 text-gray-500\"\r\n />\r\n </button>\r\n </template>\r\n\r\n <template #default=\"{ close }\">\r\n <div class=\"min-w-48 py-1\">\r\n <component\r\n :is=\"item.link ? routerLinkComponent : 'button'\"\r\n v-for=\"item in userMenuItems\"\r\n :key=\"item.label\"\r\n v-bind=\"item.link ? getLinkProps(item.link) : {}\"\r\n 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\"\r\n @click=\"handleUserMenuClick(item); close()\"\r\n >\r\n <Icon\r\n v-if=\"item.icon\"\r\n :icon=\"item.icon\"\r\n class=\"size-4\"\r\n />\r\n {{ item.label }}\r\n </component>\r\n </div>\r\n </template>\r\n </Dropdown>\r\n </div>\r\n </header>\r\n\r\n <!-- Page Content -->\r\n <div class=\"flex flex-1 flex-col overflow-y-auto overflow-x-hidden\">\r\n <main class=\"container mx-auto flex flex-1 flex-col gap-5 p-5 max-w-full\">\r\n <slot>\r\n <component\r\n :is=\"routerViewComponent\"\r\n v-if=\"routerViewComponent\"\r\n />\r\n </slot>\r\n </main>\r\n </div>\r\n </div>\r\n </div>\r\n</template>\r\n","<script lang=\"ts\" setup>\r\nimport { computed, resolveComponent } from 'vue'\r\n\r\nexport interface PageBreadcrumb {\r\n label: string\r\n link: string\r\n}\r\n\r\ndefineProps<{\r\n /* Page title /\r\n title?: string\r\n /* Page description /\r\n description?: string\r\n /* Breadcrumb navigation items /\r\n breadcrumbs?: PageBreadcrumb[]\r\n}>()\r\n\r\n// Try to resolve RouterLink\r\nconst linkComponent = computed(() => {\r\n try {\r\n const RouterLink = resolveComponent('RouterLink')\r\n if (typeof RouterLink !== 'string') {\r\n return RouterLink\r\n }\r\n } catch {\r\n // RouterLink not available\r\n }\r\n return 'a'\r\n})\r\n\r\nconst getLinkProps = (link: string) => {\r\n if (linkComponent.value === 'a') {\r\n return { href: link }\r\n }\r\n return { to: link }\r\n}\r\n</script>\r\n\r\n<template>\r\n <div class=\"flex flex-col gap-4\">\r\n <!-- Breadcrumbs -->\r\n <nav\r\n v-if=\"breadcrumbs && breadcrumbs.length > 0\"\r\n aria-label=\"Breadcrumb\"\r\n >\r\n <ol class=\"flex items-center\">\r\n <li\r\n v-for=\"(breadcrumb, index) in breadcrumbs\"\r\n :key=\"index\"\r\n class=\"flex items-center\"\r\n >\r\n <span\r\n v-if=\"index > 0\"\r\n class=\"mx-3 text-sm font-semibold text-gray-400 dark:text-gray-600\"\r\n >\r\n /\r\n </span>\r\n\r\n <slot\r\n name=\"breadcrumb\"\r\n :breadcrumb=\"breadcrumb\"\r\n :index=\"index\"\r\n :is-last=\"index === breadcrumbs.length - 1\"\r\n >\r\n <component\r\n :is=\"linkComponent\"\r\n v-bind=\"getLinkProps(breadcrumb.link)\"\r\n :class=\"[\r\n 'text-sm transition-colors',\r\n index < breadcrumbs.length - 1\r\n ? 'font-semibold text-gray-900 hover:text-primary/90 hover:underline dark:text-gray-100'\r\n : 'text-gray-400 dark:text-gray-600',\r\n ]\"\r\n >\r\n {{ breadcrumb.label }}\r\n </component>\r\n </slot>\r\n </li>\r\n </ol>\r\n </nav>\r\n\r\n <!-- Page Header -->\r\n <div class=\"flex flex-col gap-4 md:flex-row md:items-start md:justify-between\">\r\n <div class=\"flex flex-col gap-1 min-w-0 flex-1\">\r\n <h1\r\n v-if=\"title\"\r\n class=\"text-2xl font-bold text-gray-900 dark:text-gray-100 truncate\"\r\n >\r\n <slot name=\"title\">\r\n {{ title }}\r\n </slot>\r\n </h1>\r\n\r\n <p\r\n v-if=\"description\"\r\n class=\"text-sm text-gray-600 dark:text-gray-400\"\r\n >\r\n <slot name=\"description\">\r\n {{ description }}\r\n </slot>\r\n </p>\r\n </div>\r\n\r\n <div class=\"flex items-center gap-2 flex-wrap shrink-0\">\r\n <slot name=\"actions\" />\r\n </div>\r\n </div>\r\n\r\n <!-- Page Content -->\r\n <div class=\"flex-1\">\r\n <slot />\r\n </div>\r\n </div>\r\n</template>\r\n","<script lang=\"ts\" setup>\r\nimport { computed } from 'vue'\r\nimport { Icon } from '@iconify/vue'\r\n\r\nexport interface PageHeroStat {\r\n label: string\r\n value: string \| number\r\n icon?: string\r\n}\r\n\r\nexport type PageHeroColorScheme = 'primary' \| 'cyan' \| 'violet' \| 'emerald' \| 'rose' \| 'amber' \| 'blue' \| 'teal'\r\n\r\nconst props = withDefaults(\r\n defineProps<{\r\n /* Main title /\r\n title: string\r\n /* Subtitle/description /\r\n subtitle?: string\r\n /* Badge text (shown above title) /\r\n badge?: string\r\n /* Badge icon /\r\n badgeIcon?: string\r\n /* Show animated background blobs /\r\n showBlobs?: boolean\r\n /* Show wave decoration at bottom /\r\n showWave?: boolean\r\n /* Stats to display in grid /\r\n stats?: PageHeroStat[]\r\n /* Gradient direction: 'br' (bottom-right), 'r' (right), 'b' (bottom) /\r\n gradientDirection?: 'br' \| 'r' \| 'b'\r\n /* Decorative icons (shown faded in background) /\r\n decorativeIcons?: string[]\r\n /* Color scheme for gradient and accents */\r\n colorScheme?: PageHeroColorScheme\r\n }>(),\r\n {\r\n showBlobs: true,\r\n showWave: true,\r\n gradientDirection: 'br',\r\n colorScheme: 'primary',\r\n }\r\n)\r\n\r\n// Color scheme mappings\r\nconst colorClasses = computed(() => {\r\n const schemes: Record<PageHeroColorScheme, { gradient: string; subtitle: string }> = {\r\n primary: {\r\n gradient: 'from-primary-600 via-primary-500 to-primary-400',\r\n subtitle: 'text-primary-100',\r\n },\r\n cyan: {\r\n gradient: 'from-cyan-600 via-cyan-500 to-teal-500',\r\n subtitle: 'text-cyan-100',\r\n },\r\n violet: {\r\n gradient: 'from-violet-600 via-violet-500 to-purple-500',\r\n subtitle: 'text-violet-100',\r\n },\r\n emerald: {\r\n gradient: 'from-emerald-600 via-emerald-500 to-teal-500',\r\n subtitle: 'text-emerald-100',\r\n },\r\n rose: {\r\n gradient: 'from-rose-600 via-rose-500 to-pink-500',\r\n subtitle: 'text-rose-100',\r\n },\r\n amber: {\r\n gradient: 'from-amber-600 via-amber-500 to-orange-500',\r\n subtitle: 'text-amber-100',\r\n },\r\n blue: {\r\n gradient: 'from-blue-600 via-blue-500 to-indigo-500',\r\n subtitle: 'text-blue-100',\r\n },\r\n teal: {\r\n gradient: 'from-teal-600 via-teal-500 to-cyan-500',\r\n subtitle: 'text-teal-100',\r\n },\r\n }\r\n return schemes[props.colorScheme]\r\n})\r\n</script>\r\n\r\n<template>\r\n <div class=\"relative overflow-hidden bg-linear-to-br\" :class=\"colorClasses.gradient\">\r\n <!-- Animated background blobs -->\r\n <div v-if=\"showBlobs\" class=\"absolute inset-0 overflow-hidden pointer-events-none\">\r\n <div\r\n class=\"absolute -top-20 -right-20 w-72 h-72 bg-white/10 rounded-full blur-3xl animate-float\"\r\n />\r\n <div\r\n class=\"absolute -bottom-32 -left-32 w-96 h-96 bg-white/5 rounded-full blur-3xl animate-float [animation-delay:1s]\"\r\n />\r\n </div>\r\n\r\n <!-- Decorative icons -->\r\n <div v-if=\"decorativeIcons?.length\" class=\"absolute inset-0 overflow-hidden pointer-events-none\">\r\n <Icon\r\n v-if=\"decorativeIcons[0]\"\r\n :icon=\"decorativeIcons[0]\"\r\n class=\"absolute top-12 right-8 w-24 h-24 text-white/5 rotate-12\"\r\n />\r\n <Icon\r\n v-if=\"decorativeIcons[1]\"\r\n :icon=\"decorativeIcons[1]\"\r\n class=\"absolute bottom-8 left-12 w-20 h-20 text-white/5 -rotate-12\"\r\n />\r\n </div>\r\n\r\n <!-- Custom background slot -->\r\n <slot name=\"background\" />\r\n\r\n <div class=\"relative px-4 pt-8 pb-10 sm:px-6 lg:px-8 max-w-5xl mx-auto\">\r\n <!-- Header content -->\r\n <div class=\"text-center mb-8 animate-fade-in-up\">\r\n <!-- Badge -->\r\n <div\r\n v-if=\"badge \|\| badgeIcon \|\| $slots.badge\"\r\n 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\"\r\n >\r\n <slot name=\"badge\">\r\n <Icon v-if=\"badgeIcon\" :icon=\"badgeIcon\" class=\"w-5 h-5 text-white\" />\r\n <span v-if=\"badge\" class=\"text-sm font-medium text-white\">{{ badge }}</span>\r\n </slot>\r\n </div>\r\n\r\n <!-- Title -->\r\n <h1 class=\"text-2xl sm:text-3xl font-bold text-white mb-2\">\r\n <slot name=\"title\">{{ title }}</slot>\r\n </h1>\r\n\r\n <!-- Subtitle -->\r\n <p v-if=\"subtitle \|\| $slots.subtitle\" class=\"text-sm sm:text-base\" :class=\"colorClasses.subtitle\">\r\n <slot name=\"subtitle\">{{ subtitle }}</slot>\r\n </p>\r\n </div>\r\n\r\n <!-- Stats Grid -->\r\n <div\r\n v-if=\"stats?.length \|\| $slots.stats\"\r\n class=\"animate-fade-in-up [animation-delay:0.1s]\"\r\n >\r\n <slot name=\"stats\">\r\n <div\r\n class=\"grid gap-3 sm:gap-4\"\r\n :class=\"[\r\n stats?.length === 2 ? 'grid-cols-2' : '',\r\n stats?.length === 3 ? 'grid-cols-3' : '',\r\n stats?.length === 4 ? 'grid-cols-2 sm:grid-cols-4' : '',\r\n stats && stats.length > 4 ? 'grid-cols-2 sm:grid-cols-3 lg:grid-cols-4' : '',\r\n ]\"\r\n >\r\n <div\r\n v-for=\"(stat, index) in stats\"\r\n :key=\"index\"\r\n class=\"bg-white/15 backdrop-blur-sm rounded-2xl p-4 border border-white/20 text-center\"\r\n >\r\n <div\r\n v-if=\"stat.icon\"\r\n class=\"w-10 h-10 mx-auto mb-2 rounded-xl bg-white/20 flex items-center justify-center\"\r\n >\r\n <Icon :icon=\"stat.icon\" class=\"w-5 h-5 text-white\" />\r\n </div>\r\n <div class=\"text-2xl sm:text-3xl font-bold text-white\">{{ stat.value }}</div>\r\n <div class=\"text-xs sm:text-sm\" :class=\"colorClasses.subtitle\">{{ stat.label }}</div>\r\n </div>\r\n </div>\r\n </slot>\r\n </div>\r\n\r\n <!-- Additional content -->\r\n <slot name=\"content\" />\r\n </div>\r\n\r\n <!-- Wave decoration -->\r\n <div v-if=\"showWave\" class=\"absolute bottom-0 left-0 right-0\">\r\n <svg\r\n viewBox=\"0 0 1440 80\"\r\n fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n class=\"w-full h-auto\"\r\n preserveAspectRatio=\"none\"\r\n >\r\n <path\r\n 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\"\r\n class=\"fill-gray-50 dark:fill-slate-900\"\r\n />\r\n </svg>\r\n </div>\r\n </div>\r\n</template>\r\n"],"names":["_openBlock","_createElementBlock","_hoisted_1","$slots","_normalizeClass","_renderSlot","_hoisted_2","_createElementVNode","_hoisted_3","_Fragment","_hoisted_4","_hoisted_5","_hoisted_6","_createVNode","_unref","_hoisted_7","_toDisplayString","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_13","_hoisted_14","_renderList","_hoisted_15","_createBlock","_resolveDynamicComponent","_mergeProps","MenuItem","Dropdown","_withCtx","_createTextVNode","_a","_b"],"mappings":"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"}

package/dist/cisse-vue-ui.css CHANGED Viewed

@@ -46,12 +46,12 @@
   box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.3);
 }
-.tag-enter-active[data-v-fb9f5eb1],
-.tag-leave-active[data-v-fb9f5eb1] {
+.tag-enter-active[data-v-46cfbdf1],
+.tag-leave-active[data-v-46cfbdf1] {
   transition: all 0.2s ease;
 }
-.tag-enter-from[data-v-fb9f5eb1],
-.tag-leave-to[data-v-fb9f5eb1] {
+.tag-enter-from[data-v-46cfbdf1],
+.tag-leave-to[data-v-46cfbdf1] {
   opacity: 0;
   transform: scale(0.8);
 }

package/dist/components/core/AccordionItem.test.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export {};

package/dist/components/core/Breadcrumb.stories.d.ts CHANGED Viewed

@@ -9,3 +9,8 @@ export declare const WithIcons: Story;
 export declare const NoHomeIcon: Story;
 export declare const SingleItem: Story;
 export declare const LongPath: Story;
+export declare const EcommercePath: Story;
+export declare const AdminPath: Story;
+export declare const DocumentationPath: Story;
+export declare const WithMaxItems: Story;
+export declare const StatesDemo: Story;