npm - cisse-vue-ui - Versions diffs - 0.5.33 → 0.6.0 - Mend

cisse-vue-ui 0.5.33 → 0.6.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 (84) hide show

package/dist/PageHero.vue_vue_type_script_setup_true_lang-CKCmOxOa.cjs.map ADDED Viewed

@@ -0,0 +1 @@

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

package/dist/components/core/FilterTabs.stories.d.ts ADDED Viewed

@@ -0,0 +1,14 @@
+import { Meta, StoryObj } from '@storybook/vue3-vite';
+import { default as FilterTabs } from './FilterTabs.vue';
+declare const meta: Meta<typeof FilterTabs>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Pills: Story;
+export declare const Underline: Story;
+export declare const Boxed: Story;
+export declare const WithCounts: Story;
+export declare const WithIcons: Story;
+export declare const Small: Story;
+export declare const Large: Story;
+export declare const FullWidth: Story;
+export declare const WithDisabled: Story;

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

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

package/dist/components/core/FilterTabs.vue.d.ts ADDED Viewed

@@ -0,0 +1,29 @@
+export interface FilterTab {
+    key: string;
+    label: string;
+    icon?: string;
+    count?: number;
+    disabled?: boolean;
+}
+type __VLS_Props = {
+    /** Available filter options */
+    options: FilterTab[];
+    /** Visual variant */
+    variant?: 'pills' | 'underline' | 'boxed';
+    /** Size */
+    size?: 'sm' | 'md' | 'lg';
+    /** Full width tabs */
+    fullWidth?: boolean;
+};
+type __VLS_PublicProps = {
+    modelValue: string;
+} & __VLS_Props;
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {
+    variant: "pills" | "underline" | "boxed";
+    size: "sm" | "md" | "lg";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/core/StatsCard.stories.d.ts ADDED Viewed

@@ -0,0 +1,15 @@
+import { Meta, StoryObj } from '@storybook/vue3-vite';
+import { default as StatsCard } from './StatsCard.vue';
+declare const meta: Meta<typeof StatsCard>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithChange: Story;
+export declare const NegativeChange: Story;
+export declare const GlassVariant: Story;
+export declare const SolidVariant: Story;
+export declare const OutlineVariant: Story;
+export declare const SuccessColor: Story;
+export declare const WarningColor: Story;
+export declare const DangerColor: Story;
+export declare const NoIcon: Story;

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

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

package/dist/components/core/StatsCard.vue.d.ts ADDED Viewed

@@ -0,0 +1,44 @@
+export interface StatItem {
+    label: string;
+    value: string | number;
+    icon?: string;
+    change?: number;
+    changeLabel?: string;
+}
+type __VLS_Props = {
+    /** Stat label */
+    label: string;
+    /** Stat value */
+    value: string | number;
+    /** Icon name (iconify format) */
+    icon?: string;
+    /** Percentage change (positive or negative) */
+    change?: number;
+    /** Change label (e.g., "vs last month") */
+    changeLabel?: string;
+    /** Visual variant */
+    variant?: 'default' | 'glass' | 'solid' | 'outline';
+    /** Color scheme for solid variant */
+    color?: 'primary' | 'success' | 'warning' | 'danger' | 'info';
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        value?(_: {}): any;
+        label?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    variant: "default" | "glass" | "solid" | "outline";
+    color: "primary" | "success" | "warning" | "danger" | "info";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/core/StatsGrid.stories.d.ts ADDED Viewed

@@ -0,0 +1,12 @@
+import { Meta, StoryObj } from '@storybook/vue3-vite';
+import { default as StatsGrid } from './StatsGrid.vue';
+declare const meta: Meta<typeof StatsGrid>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const ThreeColumns: Story;
+export declare const FourColumns: Story;
+export declare const TwoColumns: Story;
+export declare const WithChanges: Story;
+export declare const GlassVariant: Story;
+export declare const SolidVariant: Story;
+export declare const ForcedCols: Story;

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

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

package/dist/components/core/StatsGrid.vue.d.ts ADDED Viewed

@@ -0,0 +1,16 @@
+import { StatItem } from './StatsCard.vue';
+type __VLS_Props = {
+    /** Array of stats to display */
+    stats: StatItem[];
+    /** Number of columns (auto-calculated if not provided) */
+    cols?: 2 | 3 | 4;
+    /** Visual variant for all cards */
+    variant?: 'default' | 'glass' | 'solid' | 'outline';
+    /** Color scheme for solid variant */
+    color?: 'primary' | 'success' | 'warning' | 'danger' | 'info';
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    variant: "default" | "glass" | "solid" | "outline";
+    color: "primary" | "success" | "warning" | "danger" | "info";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/core/index.cjs CHANGED Viewed

@@ -1,28 +1,31 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const DarkModeToggle_vue_vue_type_script_setup_true_lang = require("../../DarkModeToggle.vue_vue_type_script_setup_true_lang-DOrIWBcH.cjs");
+const FilterTabs_vue_vue_type_script_setup_true_lang = require("../../FilterTabs.vue_vue_type_script_setup_true_lang-HwjuvIJX.cjs");
 const Dropdown_vue_vue_type_script_setup_true_lang = require("../../Dropdown.vue_vue_type_script_setup_true_lang-BNOHbbm5.cjs");
 const BadgeType_vue_vue_type_script_setup_true_lang = require("../../BadgeType.vue_vue_type_script_setup_true_lang-zs0NXN4g.cjs");
-const Button_vue_vue_type_script_setup_true_lang = require("../../Button.vue_vue_type_script_setup_true_lang-CLmHDal2.cjs");
-exports.Accordion = DarkModeToggle_vue_vue_type_script_setup_true_lang._sfc_main$15;
-exports.AccordionItem = DarkModeToggle_vue_vue_type_script_setup_true_lang._sfc_main$16;
-exports.AutocompleteComponent = DarkModeToggle_vue_vue_type_script_setup_true_lang._sfc_main$4;
-exports.Avatar = DarkModeToggle_vue_vue_type_script_setup_true_lang._sfc_main$6;
-exports.Breadcrumb = DarkModeToggle_vue_vue_type_script_setup_true_lang._sfc_main$14;
-exports.CardComponent = DarkModeToggle_vue_vue_type_script_setup_true_lang._sfc_main;
-exports.CollapsibleCard = DarkModeToggle_vue_vue_type_script_setup_true_lang._sfc_main$10;
-exports.DarkModeToggle = DarkModeToggle_vue_vue_type_script_setup_true_lang._sfc_main$18;
-exports.Drawer = DarkModeToggle_vue_vue_type_script_setup_true_lang._sfc_main$13;
-exports.MobileList = DarkModeToggle_vue_vue_type_script_setup_true_lang._sfc_main$2;
-exports.Popover = DarkModeToggle_vue_vue_type_script_setup_true_lang._sfc_main$12;
-exports.ResponsiveList = DarkModeToggle_vue_vue_type_script_setup_true_lang._sfc_main$3;
-exports.Stepper = DarkModeToggle_vue_vue_type_script_setup_true_lang._sfc_main$9;
-exports.TabPanel = DarkModeToggle_vue_vue_type_script_setup_true_lang._sfc_main$8;
-exports.TableAction = DarkModeToggle_vue_vue_type_script_setup_true_lang._sfc_main$5;
-exports.TableComponent = DarkModeToggle_vue_vue_type_script_setup_true_lang._sfc_main$1;
-exports.Tabs = DarkModeToggle_vue_vue_type_script_setup_true_lang._sfc_main$7;
-exports.Timeline = DarkModeToggle_vue_vue_type_script_setup_true_lang._sfc_main$17;
-exports.Tooltip = DarkModeToggle_vue_vue_type_script_setup_true_lang._sfc_main$11;
+const Button_vue_vue_type_script_setup_true_lang = require("../../Button.vue_vue_type_script_setup_true_lang-CXRj7LEP.cjs");
+exports.Accordion = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$15;
+exports.AccordionItem = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$16;
+exports.AutocompleteComponent = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$4;
+exports.Avatar = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$6;
+exports.Breadcrumb = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$14;
+exports.CardComponent = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main;
+exports.CollapsibleCard = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$10;
+exports.DarkModeToggle = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$18;
+exports.Drawer = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$13;
+exports.FilterTabs = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$21;
+exports.MobileList = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$2;
+exports.Popover = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$12;
+exports.ResponsiveList = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$3;
+exports.StatsCard = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$19;
+exports.StatsGrid = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$20;
+exports.Stepper = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$9;
+exports.TabPanel = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$8;
+exports.TableAction = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$5;
+exports.TableComponent = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$1;
+exports.Tabs = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$7;
+exports.Timeline = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$17;
+exports.Tooltip = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$11;
 exports.Dropdown = Dropdown_vue_vue_type_script_setup_true_lang._sfc_main$1;
 exports.MenuItem = Dropdown_vue_vue_type_script_setup_true_lang._sfc_main;
 exports.StatusBadge = BadgeType_vue_vue_type_script_setup_true_lang._sfc_main;

package/dist/components/core/index.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~"}
1	+ {"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/core/index.d.ts CHANGED Viewed

@@ -21,7 +21,12 @@ export { default as Accordion } from './Accordion.vue';
 export { default as AccordionItem } from './AccordionItem.vue';
 export { default as Timeline } from './Timeline.vue';
 export { default as DarkModeToggle } from './DarkModeToggle.vue';
+export { default as StatsCard } from './StatsCard.vue';
+export { default as StatsGrid } from './StatsGrid.vue';
+export { default as FilterTabs } from './FilterTabs.vue';
 export type { ButtonVariant, ButtonSize } from './Button.vue';
+export type { StatItem } from './StatsCard.vue';
+export type { FilterTab } from './FilterTabs.vue';
 export type { DrawerPosition, DrawerSize } from './Drawer.vue';
 export type { BreadcrumbItem } from './Breadcrumb.vue';
 export type { AccordionMode } from './Accordion.vue';

package/dist/components/core/index.js CHANGED Viewed

@@ -1,7 +1,7 @@
-import { o, p, d, f, n, _, j, r, m, b, l, c, i, h, e, a, g, q, k } from "../../DarkModeToggle.vue_vue_type_script_setup_true_lang-0K4ucPlO.js";
+import { o, p, d, f, n, _, j, r, m, u, b, l, c, s, t, i, h, e, a, g, q, k } from "../../FilterTabs.vue_vue_type_script_setup_true_lang-AFYkni3y.js";
 import { a as a2, _ as _2 } from "../../Dropdown.vue_vue_type_script_setup_true_lang-nyND94f_.js";
 import { _ as _3 } from "../../BadgeType.vue_vue_type_script_setup_true_lang-tHRMWBb-.js";
-import { _ as _4 } from "../../Button.vue_vue_type_script_setup_true_lang-BHpVJnRn.js";
+import { _ as _4 } from "../../Button.vue_vue_type_script_setup_true_lang-CBYr0Z2_.js";
 export {
   o as Accordion,
   p as AccordionItem,
@@ -14,10 +14,13 @@ export {
   r as DarkModeToggle,
   m as Drawer,
   a2 as Dropdown,
+  u as FilterTabs,
   _2 as MenuItem,
   b as MobileList,
   l as Popover,
   c as ResponsiveList,
+  s as StatsCard,
+  t as StatsGrid,
   _3 as StatusBadge,
   i as Stepper,
   h as TabPanel,

package/dist/components/feedback/index.cjs CHANGED Viewed

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const ConfirmDialog_vue_vue_type_script_setup_true_lang = require("../../ConfirmDialog.vue_vue_type_script_setup_true_lang-CHIIi5Gu.cjs");
-const Button_vue_vue_type_script_setup_true_lang = require("../../Button.vue_vue_type_script_setup_true_lang-CLmHDal2.cjs");
+const ConfirmDialog_vue_vue_type_script_setup_true_lang = require("../../ConfirmDialog.vue_vue_type_script_setup_true_lang-Bine-xfp.cjs");
+const ListSkeleton_vue_vue_type_script_setup_true_lang = require("../../ListSkeleton.vue_vue_type_script_setup_true_lang-DtwwmfWr.cjs");
 exports.Alert = ConfirmDialog_vue_vue_type_script_setup_true_lang._sfc_main$5;
 exports.ConfirmDialog = ConfirmDialog_vue_vue_type_script_setup_true_lang._sfc_main$10;
 exports.EmptyState = ConfirmDialog_vue_vue_type_script_setup_true_lang._sfc_main$6;
@@ -14,7 +14,7 @@ exports.Progress = ConfirmDialog_vue_vue_type_script_setup_true_lang.Progress;
 exports.Skeleton = ConfirmDialog_vue_vue_type_script_setup_true_lang._sfc_main$9;
 exports.Toast = ConfirmDialog_vue_vue_type_script_setup_true_lang._sfc_main$7;
 exports.ToastContainer = ConfirmDialog_vue_vue_type_script_setup_true_lang._sfc_main$8;
-exports.CardSkeleton = Button_vue_vue_type_script_setup_true_lang._sfc_main$2;
-exports.ListSkeleton = Button_vue_vue_type_script_setup_true_lang._sfc_main$3;
-exports.TableSkeleton = Button_vue_vue_type_script_setup_true_lang._sfc_main$1;
+exports.CardSkeleton = ListSkeleton_vue_vue_type_script_setup_true_lang._sfc_main$1;
+exports.ListSkeleton = ListSkeleton_vue_vue_type_script_setup_true_lang._sfc_main$2;
+exports.TableSkeleton = ListSkeleton_vue_vue_type_script_setup_true_lang._sfc_main;
 //# sourceMappingURL=index.cjs.map

package/dist/components/feedback/index.js CHANGED Viewed

@@ -1,11 +1,11 @@
-import { e, j, f, _, a, c, d, b, P, i, g, h } from "../../ConfirmDialog.vue_vue_type_script_setup_true_lang-DdCwgxtv.js";
-import { b as b2, c as c2, a as a2 } from "../../Button.vue_vue_type_script_setup_true_lang-BHpVJnRn.js";
+import { e, j, f, _, a, c, d, b, P, i, g, h } from "../../ConfirmDialog.vue_vue_type_script_setup_true_lang-DqkA1Zr-.js";
+import { a as a2, b as b2, _ as _2 } from "../../ListSkeleton.vue_vue_type_script_setup_true_lang-BwtEbaiT.js";
 export {
   e as Alert,
-  b2 as CardSkeleton,
+  a2 as CardSkeleton,
   j as ConfirmDialog,
   f as EmptyState,
-  c2 as ListSkeleton,
+  b2 as ListSkeleton,
   _ as LoadingSpinner,
   a as Modal,
   c as NotificationComponent,
@@ -13,7 +13,7 @@ export {
   b as PaginationControls,
   P as Progress,
   i as Skeleton,
-  a2 as TableSkeleton,
+  _2 as TableSkeleton,
   g as Toast,
   h as ToastContainer
 };

package/dist/components/form/FormActions.stories.d.ts ADDED Viewed

@@ -0,0 +1,18 @@
+import { Meta, StoryObj } from '@storybook/vue3-vite';
+import { default as FormActions } from './FormActions.vue';
+declare const meta: Meta<typeof FormActions>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Loading: Story;
+export declare const Disabled: Story;
+export declare const CustomIcons: Story;
+export declare const NoCancel: Story;
+export declare const AlignLeft: Story;
+export declare const AlignCenter: Story;
+export declare const Stretch: Story;
+export declare const StackedOnMobile: Story;
+export declare const SuccessVariant: Story;
+export declare const DangerVariant: Story;
+export declare const WithEvents: Story;
+export declare const FrenchLabels: Story;

package/dist/components/form/FormActions.test.d.ts ADDED Viewed

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

package/dist/components/form/FormActions.vue.d.ts ADDED Viewed

@@ -0,0 +1,56 @@
+type __VLS_Props = {
+    /** Submit button label */
+    submitLabel?: string;
+    /** Cancel button label */
+    cancelLabel?: string;
+    /** Submit button icon */
+    submitIcon?: string;
+    /** Cancel button icon */
+    cancelIcon?: string;
+    /** Loading state */
+    loading?: boolean;
+    /** Loading label */
+    loadingLabel?: string;
+    /** Disable submit button */
+    disabled?: boolean;
+    /** Show cancel button */
+    showCancel?: boolean;
+    /** Alignment */
+    align?: 'left' | 'center' | 'right' | 'stretch';
+    /** Stack buttons on mobile */
+    stackOnMobile?: boolean;
+    /** Submit button variant */
+    submitVariant?: 'primary' | 'success' | 'danger';
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        extra?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    submit: () => any;
+    cancel: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSubmit?: (() => any) | undefined;
+    onCancel?: (() => any) | undefined;
+}>, {
+    align: "left" | "center" | "right" | "stretch";
+    submitLabel: string;
+    cancelLabel: string;
+    submitIcon: string;
+    cancelIcon: string;
+    showCancel: boolean;
+    stackOnMobile: boolean;
+    submitVariant: "primary" | "success" | "danger";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/form/FormInput.vue.d.ts CHANGED Viewed

@@ -9,5 +9,5 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
     type: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLInputElement>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/components/form/FormSection.stories.d.ts ADDED Viewed

@@ -0,0 +1,13 @@
+import { Meta, StoryObj } from '@storybook/vue3-vite';
+import { default as FormSection } from './FormSection.vue';
+declare const meta: Meta<typeof FormSection>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithFooter: Story;
+export declare const Collapsible: Story;
+export declare const CollapsedByDefault: Story;
+export declare const SuccessColor: Story;
+export declare const WarningColor: Story;
+export declare const DangerColor: Story;
+export declare const NoBorder: Story;

package/dist/components/form/FormSection.test.d.ts ADDED Viewed

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

package/dist/components/form/FormSection.vue.d.ts ADDED Viewed

@@ -0,0 +1,49 @@
+type __VLS_Props = {
+    /** Section title */
+    title: string;
+    /** Section subtitle/description */
+    subtitle?: string;
+    /** Icon name (iconify format) */
+    icon?: string;
+    /** Icon color scheme */
+    iconColor?: 'primary' | 'gray' | 'success' | 'warning' | 'danger';
+    /** Show border around section */
+    bordered?: boolean;
+    /** Collapsible section */
+    collapsible?: boolean;
+    /** Initially collapsed (only when collapsible) */
+    collapsed?: boolean;
+};
+type __VLS_PublicProps = {
+    'collapsed'?: boolean;
+} & __VLS_Props;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        title?(_: {}): any;
+        subtitle?(_: {}): any;
+        'header-actions'?(_: {}): any;
+        default?(_: {}): any;
+        footer?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:collapsed": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:collapsed"?: ((value: boolean) => any) | undefined;
+}>, {
+    iconColor: "primary" | "gray" | "success" | "warning" | "danger";
+    bordered: boolean;
+    collapsible: boolean;
+    collapsed: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/form/index.cjs CHANGED Viewed

@@ -1,21 +1,23 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const IconPicker_vue_vue_type_script_setup_true_lang = require("../../IconPicker.vue_vue_type_script_setup_true_lang-agY_E72J.cjs");
+const FormActions_vue_vue_type_script_setup_true_lang = require("../../FormActions.vue_vue_type_script_setup_true_lang-DzN_fbUC.cjs");
 const index = require("../../index-D1x3TH9k.cjs");
-exports.ColorPicker = IconPicker_vue_vue_type_script_setup_true_lang._sfc_main$10;
-exports.Combobox = IconPicker_vue_vue_type_script_setup_true_lang._sfc_main$12;
-exports.DatePicker = IconPicker_vue_vue_type_script_setup_true_lang._sfc_main$7;
-exports.FileUpload = IconPicker_vue_vue_type_script_setup_true_lang._sfc_main$8;
-exports.FormGroup = IconPicker_vue_vue_type_script_setup_true_lang._sfc_main$4;
-exports.FormHelp = IconPicker_vue_vue_type_script_setup_true_lang._sfc_main$1;
-exports.FormInput = IconPicker_vue_vue_type_script_setup_true_lang._sfc_main$2;
-exports.FormLabel = IconPicker_vue_vue_type_script_setup_true_lang._sfc_main;
-exports.FormSelect = IconPicker_vue_vue_type_script_setup_true_lang._sfc_main$3;
-exports.IconPicker = IconPicker_vue_vue_type_script_setup_true_lang._sfc_main$13;
-exports.RangeSlider = IconPicker_vue_vue_type_script_setup_true_lang._sfc_main$11;
-exports.Rating = IconPicker_vue_vue_type_script_setup_true_lang._sfc_main$9;
-exports.SearchInput = IconPicker_vue_vue_type_script_setup_true_lang._sfc_main$5;
-exports.Slider = IconPicker_vue_vue_type_script_setup_true_lang.Slider;
-exports.Switch = IconPicker_vue_vue_type_script_setup_true_lang._sfc_main$6;
+exports.ColorPicker = FormActions_vue_vue_type_script_setup_true_lang._sfc_main$10;
+exports.Combobox = FormActions_vue_vue_type_script_setup_true_lang._sfc_main$12;
+exports.DatePicker = FormActions_vue_vue_type_script_setup_true_lang._sfc_main$7;
+exports.FileUpload = FormActions_vue_vue_type_script_setup_true_lang._sfc_main$8;
+exports.FormActions = FormActions_vue_vue_type_script_setup_true_lang._sfc_main$15;
+exports.FormGroup = FormActions_vue_vue_type_script_setup_true_lang._sfc_main$4;
+exports.FormHelp = FormActions_vue_vue_type_script_setup_true_lang._sfc_main$1;
+exports.FormInput = FormActions_vue_vue_type_script_setup_true_lang._sfc_main$2;
+exports.FormLabel = FormActions_vue_vue_type_script_setup_true_lang._sfc_main;
+exports.FormSection = FormActions_vue_vue_type_script_setup_true_lang._sfc_main$14;
+exports.FormSelect = FormActions_vue_vue_type_script_setup_true_lang._sfc_main$3;
+exports.IconPicker = FormActions_vue_vue_type_script_setup_true_lang._sfc_main$13;
+exports.RangeSlider = FormActions_vue_vue_type_script_setup_true_lang._sfc_main$11;
+exports.Rating = FormActions_vue_vue_type_script_setup_true_lang._sfc_main$9;
+exports.SearchInput = FormActions_vue_vue_type_script_setup_true_lang._sfc_main$5;
+exports.Slider = FormActions_vue_vue_type_script_setup_true_lang.Slider;
+exports.Switch = FormActions_vue_vue_type_script_setup_true_lang._sfc_main$6;
 exports.Checkbox = index._sfc_main;
 //# sourceMappingURL=index.cjs.map

package/dist/components/form/index.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":"~~;;;;;;;;;;;;;;;;;;;;~~"}
1	+ {"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/form/index.d.ts CHANGED Viewed

@@ -14,6 +14,8 @@ export { default as ColorPicker } from './ColorPicker.vue';
 export { default as RangeSlider } from './RangeSlider.vue';
 export { default as Combobox } from './Combobox.vue';
 export { default as IconPicker } from './IconPicker.vue';
+export { default as FormSection } from './FormSection.vue';
+export { default as FormActions } from './FormActions.vue';
 export type { UploadedFile } from './FileUpload.vue';
 export type { RatingSize } from './Rating.vue';
 export type { ComboboxOption } from './Combobox.vue';