cisse-vue-ui 0.1.4 → 0.1.6
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.
- package/dist/{CollapsibleCard.vue_vue_type_script_setup_true_lang-Ixih38V0.js → CollapsibleCard.vue_vue_type_script_setup_true_lang-BgTcOxdR.js} +3 -3
- package/dist/CollapsibleCard.vue_vue_type_script_setup_true_lang-BgTcOxdR.js.map +1 -0
- package/dist/{CollapsibleCard.vue_vue_type_script_setup_true_lang-D2MeLTRV.cjs → CollapsibleCard.vue_vue_type_script_setup_true_lang-d-hCuKqk.cjs} +3 -3
- package/dist/CollapsibleCard.vue_vue_type_script_setup_true_lang-d-hCuKqk.cjs.map +1 -0
- package/dist/{PageLayout.vue_vue_type_script_setup_true_lang-Bf2mA7rD.js → PageLayout.vue_vue_type_script_setup_true_lang-CQ7jdAeN.js} +2 -2
- package/dist/{PageLayout.vue_vue_type_script_setup_true_lang-Bf2mA7rD.js.map → PageLayout.vue_vue_type_script_setup_true_lang-CQ7jdAeN.js.map} +1 -1
- package/dist/{PageLayout.vue_vue_type_script_setup_true_lang-_e_Qma33.cjs → PageLayout.vue_vue_type_script_setup_true_lang-Cy0-c7YG.cjs} +2 -2
- package/dist/{PageLayout.vue_vue_type_script_setup_true_lang-_e_Qma33.cjs.map → PageLayout.vue_vue_type_script_setup_true_lang-Cy0-c7YG.cjs.map} +1 -1
- package/dist/components/core/index.cjs +1 -1
- package/dist/components/core/index.js +1 -1
- package/dist/components/index.cjs +2 -2
- package/dist/components/index.js +2 -2
- package/dist/components/layout/index.cjs +1 -1
- package/dist/components/layout/index.js +1 -1
- package/dist/{index-Bw9wmDI1.js → index-BYgO4V_2.js} +3 -3
- package/dist/index-BYgO4V_2.js.map +1 -0
- package/dist/{index-B9TsHaGJ.cjs → index-DaNF3_pD.cjs} +3 -3
- package/dist/index-DaNF3_pD.cjs.map +1 -0
- package/dist/index.cjs +3 -3
- package/dist/index.js +3 -3
- package/dist/style.css +1 -1
- package/package.json +1 -1
- package/dist/CollapsibleCard.vue_vue_type_script_setup_true_lang-D2MeLTRV.cjs.map +0 -1
- package/dist/CollapsibleCard.vue_vue_type_script_setup_true_lang-Ixih38V0.js.map +0 -1
- package/dist/index-B9TsHaGJ.cjs.map +0 -1
- package/dist/index-Bw9wmDI1.js.map +0 -1
|
@@ -48,7 +48,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
|
|
|
48
48
|
}
|
|
49
49
|
});
|
|
50
50
|
const _hoisted_1$7 = { class: "w-full divide-y divide-gray-300 text-left dark:divide-gray-700" };
|
|
51
|
-
const _hoisted_2$5 = { class: "bg-
|
|
51
|
+
const _hoisted_2$5 = { class: "bg-black/5 text-sm font-semibold text-gray-600 uppercase dark:bg-white/5 dark:text-gray-400" };
|
|
52
52
|
const _hoisted_3$3 = { class: "divide-y divide-gray-300 font-medium dark:divide-gray-700" };
|
|
53
53
|
const _hoisted_4$1 = { class: "flex items-center justify-end gap-2 px-3 py-4" };
|
|
54
54
|
const _hoisted_5$1 = { key: 0 };
|
|
@@ -122,7 +122,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
|
|
|
122
122
|
(openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item) => {
|
|
123
123
|
return openBlock(), createElementBlock("tr", {
|
|
124
124
|
key: item.id,
|
|
125
|
-
class: "hover:bg-
|
|
125
|
+
class: "hover:bg-black/5 dark:hover:bg-white/5"
|
|
126
126
|
}, [
|
|
127
127
|
(openBlock(true), createElementBlock(Fragment, null, renderList(visibleProperties.value, (property) => {
|
|
128
128
|
return openBlock(), createElementBlock("td", {
|
|
@@ -1131,4 +1131,4 @@ export {
|
|
|
1131
1131
|
_sfc_main$1 as i,
|
|
1132
1132
|
_sfc_main as j
|
|
1133
1133
|
};
|
|
1134
|
-
//# sourceMappingURL=CollapsibleCard.vue_vue_type_script_setup_true_lang-
|
|
1134
|
+
//# sourceMappingURL=CollapsibleCard.vue_vue_type_script_setup_true_lang-BgTcOxdR.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CollapsibleCard.vue_vue_type_script_setup_true_lang-BgTcOxdR.js","sources":["../src/components/core/CardComponent.vue","../src/components/core/TableComponent.vue","../src/components/core/AutocompleteComponent.vue","../src/components/core/TableAction.vue","../src/components/core/Button.vue","../src/components/core/Avatar.vue","../src/components/core/Tabs.vue","../src/components/core/TabPanel.vue","../src/components/core/Dropdown.vue","../src/components/core/Stepper.vue","../src/components/core/CollapsibleCard.vue"],"sourcesContent":["<script lang=\"ts\" setup>\ndefineProps<{\n title?: string\n description?: string\n}>()\n</script>\n\n<template>\n <div class=\"flex flex-col overflow-hidden rounded-lg bg-white shadow-md dark:bg-slate-950\">\n <div\n v-if=\"title || description || $slots.title || $slots.description || $slots.actions\"\n class=\"flex items-center justify-between border-b border-gray-200 px-5 py-3 dark:border-gray-700\"\n >\n <div class=\"flex flex-col gap-0.5\">\n <span\n v-if=\"title || $slots.title\"\n class=\"text-md font-semibold text-gray-800 dark:text-gray-200\"\n >\n <slot name=\"title\">\n {{ title }}\n </slot>\n </span>\n\n <span\n v-if=\"description || $slots.description\"\n class=\"text-sm font-normal text-gray-600 dark:text-gray-400\"\n >\n <slot name=\"description\">\n {{ description }}\n </slot>\n </span>\n </div>\n\n <div class=\"flex gap-2\">\n <slot name=\"actions\" />\n </div>\n </div>\n\n <slot />\n </div>\n</template>\n","<script lang=\"ts\" setup>\nimport type { Property } from '@/types'\nimport TextType from '@/components/type/TextType.vue'\nimport NumberType from '@/components/type/NumberType.vue'\nimport DateType from '@/components/type/DateType.vue'\nimport BooleanType from '@/components/type/BooleanType.vue'\nimport BadgeType from '@/components/type/BadgeType.vue'\nimport { computed, type Component } from 'vue'\n\nconst { properties, items } = defineProps<{\n properties: Property[]\n items: { id: number | string; [key: string]: unknown }[]\n}>()\n\n// Type components mapping\nconst typeComponents: Record<string, Component> = {\n text: TextType,\n number: NumberType,\n date: DateType,\n boolean: BooleanType,\n badge: BadgeType,\n}\n\nconst getTypeComponent = (type: string = 'text'): Component => {\n return typeComponents[type] || TextType\n}\n\n// Filter out hidden properties\nconst visibleProperties = computed(() => properties.filter((p) => !p.hidden))\n\n// Get nested property value\nconst getItemValue = (item: Record<string, unknown>, property: Property): unknown => {\n if (property.name.includes('.')) {\n let value: unknown = item\n for (const key of property.name.split('.')) {\n if (value && typeof value === 'object' && key in value) {\n value = (value as Record<string, unknown>)[key]\n } else {\n return undefined\n }\n }\n return value\n }\n return item[property.name]\n}\n\nconst getAlignmentClass = (align?: 'left' | 'center' | 'right') => {\n switch (align) {\n case 'center':\n return 'text-center'\n case 'right':\n return 'text-right'\n default:\n return 'text-left'\n }\n}\n\nconst getMainClass = (main?: boolean) => {\n if (main) {\n return 'text-sm font-semibold text-gray-900 dark:text-gray-100'\n }\n return 'text-xs font-medium text-gray-600 dark:text-gray-400'\n}\n</script>\n\n<template>\n <table class=\"w-full divide-y divide-gray-300 text-left dark:divide-gray-700\">\n <thead\n class=\"bg-black/5 text-sm font-semibold text-gray-600 uppercase dark:bg-white/5 dark:text-gray-400\"\n >\n <tr>\n <th\n v-for=\"property in visibleProperties\"\n :key=\"property.name\"\n :class=\"[getAlignmentClass(property.align), 'px-3 py-3']\"\n >\n <slot :name=\"'header-' + property.name\" :property>\n {{ property.label ?? property.name }}\n </slot>\n </th>\n\n <th class=\"px-3 py-3 text-right\"></th>\n </tr>\n </thead>\n\n <tbody class=\"divide-y divide-gray-300 font-medium dark:divide-gray-700\">\n <tr v-for=\"item in items\" :key=\"item.id\" class=\"hover:bg-black/5 dark:hover:bg-white/5\">\n <td\n v-for=\"property in visibleProperties\"\n :key=\"property.name\"\n :class=\"[\n getAlignmentClass(property.align),\n getMainClass(property.main),\n property.className,\n 'px-3 py-4',\n ]\"\n >\n <slot\n :item=\"item\"\n :name=\"'item-' + property.name\"\n :property\n :value=\"getItemValue(item, property)\"\n >\n <component\n :is=\"getTypeComponent(property.type || 'text')\"\n :value=\"getItemValue(item, property)\"\n />\n </slot>\n </td>\n\n <td class=\"flex items-center justify-end gap-2 px-3 py-4\">\n <slot :item=\"item\" name=\"action\"></slot>\n </td>\n </tr>\n </tbody>\n </table>\n\n <!-- Empty state -->\n <div v-if=\"!items || items.length === 0\">\n <slot name=\"empty\"></slot>\n </div>\n</template>\n","<script lang=\"ts\" setup>\nimport { computed, nextTick, onUnmounted, ref, watch } from 'vue'\nimport { Icon } from '@iconify/vue'\nimport type { AutocompleteOption } from '@/types'\n\nconst props = withDefaults(\n defineProps<{\n modelValue: string | null\n options: AutocompleteOption[]\n placeholder?: string\n disabled?: boolean\n label?: string\n error?: string\n noResultsText?: string\n /** Use teleport to body to avoid overflow clipping */\n teleport?: boolean\n }>(),\n {\n teleport: true,\n },\n)\n\nconst emit = defineEmits<{\n 'update:modelValue': [value: string | null]\n}>()\n\nconst searchQuery = ref('')\nconst isOpen = ref(false)\nconst highlightedIndex = ref(-1)\nconst inputRef = ref<HTMLInputElement | null>(null)\nconst dropdownRef = ref<HTMLDivElement | null>(null)\nconst containerRef = ref<HTMLDivElement | null>(null)\nconst inputWrapperRef = ref<HTMLDivElement | null>(null)\nconst dropdownPosition = ref({ top: 0, left: 0, width: 0 })\n\nconst filteredOptions = computed(() => {\n if (!searchQuery.value) {\n return props.options\n }\n const query = searchQuery.value.toLowerCase()\n return props.options.filter(\n (option) =>\n option.label.toLowerCase().includes(query) || option.value.toLowerCase().includes(query),\n )\n})\n\nconst selectedLabel = computed(() => {\n if (!props.modelValue) return ''\n const option = props.options.find((opt) => opt.value === props.modelValue)\n return option?.label || ''\n})\n\nwatch(\n () => props.modelValue,\n () => {\n if (!isOpen.value) {\n searchQuery.value = selectedLabel.value\n }\n },\n { immediate: true },\n)\n\nconst updatePosition = () => {\n if (!inputWrapperRef.value || !props.teleport) return\n const rect = inputWrapperRef.value.getBoundingClientRect()\n dropdownPosition.value = {\n top: rect.bottom + window.scrollY + 8,\n left: rect.left + window.scrollX,\n width: rect.width,\n }\n}\n\nconst openDropdown = () => {\n if (props.disabled) return\n isOpen.value = true\n searchQuery.value = ''\n highlightedIndex.value = -1\n nextTick(() => {\n inputRef.value?.focus()\n updatePosition()\n })\n}\n\nconst closeDropdown = () => {\n isOpen.value = false\n searchQuery.value = selectedLabel.value\n highlightedIndex.value = -1\n}\n\nconst selectOption = (option: AutocompleteOption) => {\n emit('update:modelValue', option.value)\n searchQuery.value = option.label\n closeDropdown()\n}\n\nconst clearSelection = () => {\n emit('update:modelValue', null)\n searchQuery.value = ''\n highlightedIndex.value = -1\n nextTick(() => {\n inputRef.value?.focus()\n })\n}\n\nconst handleKeydown = (event: KeyboardEvent) => {\n if (!isOpen.value) return\n\n switch (event.key) {\n case 'ArrowDown':\n event.preventDefault()\n highlightedIndex.value = Math.min(\n highlightedIndex.value + 1,\n filteredOptions.value.length - 1,\n )\n scrollToHighlighted()\n break\n case 'ArrowUp':\n event.preventDefault()\n highlightedIndex.value = Math.max(highlightedIndex.value - 1, 0)\n scrollToHighlighted()\n break\n case 'Enter':\n event.preventDefault()\n if (highlightedIndex.value >= 0 && filteredOptions.value[highlightedIndex.value]) {\n selectOption(filteredOptions.value[highlightedIndex.value])\n }\n break\n case 'Escape':\n event.preventDefault()\n closeDropdown()\n break\n }\n}\n\nconst scrollToHighlighted = () => {\n nextTick(() => {\n if (dropdownRef.value) {\n const highlightedElement = dropdownRef.value.querySelector(\n `[data-index=\"${highlightedIndex.value}\"]`,\n ) as HTMLElement\n if (highlightedElement) {\n highlightedElement.scrollIntoView({ block: 'nearest' })\n }\n }\n })\n}\n\nconst handleClickOutside = (event: MouseEvent) => {\n const target = event.target as Node\n const isInsideContainer = containerRef.value?.contains(target)\n const isInsideDropdown = dropdownRef.value?.contains(target)\n if (!isInsideContainer && !isInsideDropdown) {\n closeDropdown()\n }\n}\n\nwatch(isOpen, (newValue) => {\n if (newValue) {\n document.addEventListener('click', handleClickOutside)\n window.addEventListener('scroll', updatePosition, true)\n window.addEventListener('resize', updatePosition)\n } else {\n document.removeEventListener('click', handleClickOutside)\n window.removeEventListener('scroll', updatePosition, true)\n window.removeEventListener('resize', updatePosition)\n }\n})\n\nonUnmounted(() => {\n document.removeEventListener('click', handleClickOutside)\n window.removeEventListener('scroll', updatePosition, true)\n window.removeEventListener('resize', updatePosition)\n})\n\nconst dropdownStyle = computed(() => {\n if (!props.teleport) return {}\n return {\n position: 'absolute' as const,\n top: `${dropdownPosition.value.top}px`,\n left: `${dropdownPosition.value.left}px`,\n width: `${dropdownPosition.value.width}px`,\n }\n})\n</script>\n\n<template>\n <div ref=\"containerRef\" class=\"autocomplete-container\">\n <label v-if=\"label\" class=\"mb-2 block text-sm font-medium text-gray-700 dark:text-gray-300\">\n {{ label }}\n </label>\n\n <div class=\"relative\">\n <div\n ref=\"inputWrapperRef\"\n :class=\"{\n 'border-red-500': error,\n 'border-gray-300 dark:border-gray-600': !error && !isOpen,\n 'border-primary ring-2 ring-primary/20': isOpen,\n 'cursor-not-allowed opacity-50': disabled,\n }\"\n class=\"flex items-center gap-2 rounded-lg border bg-white px-3 py-2 transition dark:bg-gray-800\"\n >\n <Icon class=\"size-5 text-gray-400\" icon=\"lucide:search\" />\n\n <input\n ref=\"inputRef\"\n v-model=\"searchQuery\"\n :disabled=\"disabled\"\n :placeholder=\"placeholder || 'Search...'\"\n class=\"flex-1 bg-transparent text-sm outline-none dark:text-white\"\n type=\"text\"\n @focus=\"openDropdown\"\n @keydown=\"handleKeydown\"\n />\n\n <button\n v-if=\"modelValue && !disabled\"\n class=\"rounded p-1 transition hover:bg-gray-100 dark:hover:bg-gray-700\"\n type=\"button\"\n @click.stop=\"clearSelection\"\n >\n <Icon class=\"size-4 text-gray-400\" icon=\"lucide:x\" />\n </button>\n\n <button\n :disabled=\"disabled\"\n class=\"rounded p-1 transition hover:bg-gray-100 dark:hover:bg-gray-700\"\n type=\"button\"\n @click.stop=\"isOpen ? closeDropdown() : openDropdown()\"\n >\n <Icon\n :class=\"{ 'rotate-180': isOpen }\"\n class=\"size-4 text-gray-400 transition\"\n icon=\"lucide:chevron-down\"\n />\n </button>\n </div>\n\n <!-- Dropdown -->\n <Teleport to=\"body\" :disabled=\"!teleport\">\n <Transition\n enter-active-class=\"transition duration-100 ease-out\"\n enter-from-class=\"opacity-0 scale-95\"\n enter-to-class=\"opacity-100 scale-100\"\n leave-active-class=\"transition duration-75 ease-in\"\n leave-from-class=\"opacity-100 scale-100\"\n leave-to-class=\"opacity-0 scale-95\"\n >\n <div\n v-if=\"isOpen\"\n ref=\"dropdownRef\"\n :style=\"dropdownStyle\"\n :class=\"[\n 'autocomplete-dropdown z-[9999] max-h-60 overflow-auto rounded-lg border border-gray-200 bg-white shadow-lg dark:border-gray-700 dark:bg-gray-800',\n !teleport && 'absolute mt-2 w-full',\n ]\"\n >\n <div v-if=\"filteredOptions.length === 0\" class=\"px-4 py-3 text-sm text-gray-500\">\n {{ noResultsText || 'No results found' }}\n </div>\n\n <button\n v-for=\"(option, index) in filteredOptions\"\n :key=\"option.value\"\n :class=\"{\n 'bg-gray-100 dark:bg-gray-700': highlightedIndex === index,\n 'bg-primary/10': modelValue === option.value,\n }\"\n :data-index=\"index\"\n class=\"flex w-full items-center gap-2 px-4 py-2 text-left text-sm transition hover:bg-gray-100 dark:hover:bg-gray-700\"\n type=\"button\"\n @click=\"selectOption(option)\"\n >\n <Icon\n v-if=\"modelValue === option.value\"\n class=\"size-4 text-primary\"\n icon=\"lucide:check\"\n />\n <span class=\"flex-1 dark:text-white\">{{ option.label }}</span>\n <span class=\"text-xs text-gray-400\">({{ option.value }})</span>\n </button>\n </div>\n </Transition>\n </Teleport>\n </div>\n\n <p v-if=\"error\" class=\"mt-1 text-sm text-red-600\">{{ error }}</p>\n </div>\n</template>\n","<script lang=\"ts\" setup>\nimport { computed, resolveComponent } from 'vue'\nimport { Icon } from '@iconify/vue'\nimport type { TableActionColor } from '@/types'\n\nconst { color, icon, link } = defineProps<{\n link?: string\n icon: string\n color?: TableActionColor\n}>()\n\nconst colorClass = computed(() => {\n switch (color) {\n case 'info':\n return 'border-blue-200 hover:bg-blue-100 dark:border-blue-800 dark:hover:bg-blue-900'\n case 'warning':\n return 'border-yellow-200 hover:bg-yellow-100 dark:border-yellow-800 dark:hover:bg-yellow-900'\n case 'success':\n return 'border-green-200 hover:bg-green-100 dark:border-green-800 dark:hover:bg-green-900'\n case 'error':\n return 'border-red-200 hover:bg-red-100 dark:border-red-800 dark:hover:bg-red-900'\n default:\n return 'border-gray-200 hover:bg-gray-100 dark:border-gray-700 dark:bg-gray-900 dark:hover:bg-gray-800'\n }\n})\n\nconst iconColorClass = computed(() => {\n switch (color) {\n case 'info':\n return 'text-blue-600 group-hover:text-blue-900 dark:text-blue-400 dark:group-hover:text-blue-100'\n case 'warning':\n return 'text-yellow-600 group-hover:text-yellow-900 dark:text-yellow-400 dark:group-hover:text-yellow-100'\n case 'success':\n return 'text-green-600 group-hover:text-green-900 dark:text-green-400 dark:group-hover:text-green-100'\n case 'error':\n return 'text-red-600 group-hover:text-red-900 dark:text-red-400 dark:group-hover:text-red-100'\n default:\n return 'text-gray-600 group-hover:text-gray-900 dark:text-gray-400 dark:group-hover:text-gray-100'\n }\n})\n\n// Try to resolve RouterLink, fallback to 'a' tag\nconst linkComponent = computed(() => {\n if (!link) return 'button'\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 linkProps = computed(() => {\n if (!link) return {}\n if (linkComponent.value === 'a') {\n return { href: link }\n }\n return { to: link }\n})\n</script>\n\n<template>\n <component\n :is=\"linkComponent\"\n v-bind=\"linkProps\"\n :class=\"colorClass\"\n class=\"group flex size-8 items-center justify-center rounded-lg border\"\n >\n <Icon :class=\"iconColorClass\" :icon class=\"size-4\" />\n </component>\n</template>\n","<script lang=\"ts\" setup>\nimport { computed, resolveComponent } from 'vue'\nimport { Icon } from '@iconify/vue'\n\nexport type ButtonVariant = 'primary' | 'secondary' | 'outline' | 'ghost' | 'danger' | 'success'\nexport type ButtonSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n\nconst props = withDefaults(\n defineProps<{\n /** Button variant */\n variant?: ButtonVariant\n /** Button size */\n size?: ButtonSize\n /** Icon to show (left side) */\n icon?: string\n /** Icon on right side */\n iconRight?: string\n /** Loading state */\n loading?: boolean\n /** Disabled state */\n disabled?: boolean\n /** Full width */\n block?: boolean\n /** Link href (renders as <a>) */\n href?: string\n /** Router link (renders as RouterLink) */\n to?: string\n /** Button type */\n type?: 'button' | 'submit' | 'reset'\n }>(),\n {\n variant: 'primary',\n size: 'md',\n type: 'button',\n },\n)\n\nconst emit = defineEmits<{\n click: [event: MouseEvent]\n}>()\n\nconst variantClasses: Record<ButtonVariant, string> = {\n primary: 'bg-primary text-primary-foreground hover:bg-primary/90 focus:ring-primary',\n secondary: 'bg-secondary text-secondary-foreground hover:bg-secondary/90 focus:ring-secondary',\n outline: 'border border-gray-300 bg-transparent text-gray-700 hover:bg-gray-50 focus:ring-primary dark:border-gray-600 dark:text-gray-300 dark:hover:bg-gray-800',\n ghost: 'bg-transparent text-gray-700 hover:bg-gray-100 focus:ring-primary dark:text-gray-300 dark:hover:bg-gray-800',\n danger: 'bg-red-500 text-white hover:bg-red-600 focus:ring-red-500',\n success: 'bg-green-500 text-white hover:bg-green-600 focus:ring-green-500',\n}\n\nconst sizeClasses: Record<ButtonSize, string> = {\n xs: 'px-2 py-1 text-xs gap-1',\n sm: 'px-3 py-1.5 text-sm gap-1.5',\n md: 'px-4 py-2 text-sm gap-2',\n lg: 'px-5 py-2.5 text-base gap-2',\n xl: 'px-6 py-3 text-lg gap-2.5',\n}\n\nconst iconSizeClasses: Record<ButtonSize, string> = {\n xs: 'size-3',\n sm: 'size-4',\n md: 'size-4',\n lg: 'size-5',\n xl: 'size-6',\n}\n\nconst classes = computed(() => [\n 'inline-flex items-center justify-center font-medium rounded-lg transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed',\n variantClasses[props.variant],\n sizeClasses[props.size],\n props.block && 'w-full',\n])\n\nconst component = computed(() => {\n if (props.to) {\n try {\n const RouterLink = resolveComponent('RouterLink')\n if (typeof RouterLink !== 'string') return RouterLink\n } catch {\n // RouterLink not available\n }\n }\n if (props.href) return 'a'\n return 'button'\n})\n\nconst componentProps = computed(() => {\n if (props.to) return { to: props.to }\n if (props.href) return { href: props.href }\n return { type: props.type, disabled: props.disabled || props.loading }\n})\n\nconst handleClick = (event: MouseEvent) => {\n if (props.disabled || props.loading) return\n emit('click', event)\n}\n</script>\n\n<template>\n <component\n :is=\"component\"\n v-bind=\"componentProps\"\n :class=\"classes\"\n @click=\"handleClick\"\n >\n <Icon\n v-if=\"loading\"\n icon=\"lucide:loader-2\"\n :class=\"[iconSizeClasses[size], 'animate-spin']\"\n />\n <Icon\n v-else-if=\"icon\"\n :icon=\"icon\"\n :class=\"iconSizeClasses[size]\"\n />\n <slot />\n <Icon\n v-if=\"iconRight && !loading\"\n :icon=\"iconRight\"\n :class=\"iconSizeClasses[size]\"\n />\n </component>\n</template>\n","<script lang=\"ts\" setup>\nimport { computed, ref } from 'vue'\nimport { Icon } from '@iconify/vue'\n\nexport type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl'\n\nconst props = withDefaults(\n defineProps<{\n /** Image source URL */\n src?: string\n /** Alt text for image */\n alt?: string\n /** Fallback name (shows initials) */\n name?: string\n /** Size variant */\n size?: AvatarSize\n /** Show online status indicator */\n status?: 'online' | 'offline' | 'away' | 'busy'\n /** Rounded style */\n rounded?: 'full' | 'lg' | 'md'\n }>(),\n {\n size: 'md',\n rounded: 'full',\n },\n)\n\nconst imageError = ref(false)\n\nconst sizeClasses: Record<AvatarSize, string> = {\n xs: 'size-6 text-xs',\n sm: 'size-8 text-sm',\n md: 'size-10 text-base',\n lg: 'size-12 text-lg',\n xl: 'size-16 text-xl',\n '2xl': 'size-20 text-2xl',\n}\n\nconst statusSizes: Record<AvatarSize, string> = {\n xs: 'size-1.5',\n sm: 'size-2',\n md: 'size-2.5',\n lg: 'size-3',\n xl: 'size-4',\n '2xl': 'size-5',\n}\n\nconst statusColors: Record<string, string> = {\n online: 'bg-green-500',\n offline: 'bg-gray-400',\n away: 'bg-yellow-500',\n busy: 'bg-red-500',\n}\n\nconst roundedClasses: Record<string, string> = {\n full: 'rounded-full',\n lg: 'rounded-lg',\n md: 'rounded-md',\n}\n\nconst initials = computed(() => {\n if (!props.name) return ''\n return props.name\n .split(' ')\n .map(n => n[0])\n .slice(0, 2)\n .join('')\n .toUpperCase()\n})\n\nconst showImage = computed(() => props.src && !imageError.value)\n</script>\n\n<template>\n <div class=\"relative inline-block\">\n <div\n :class=\"[\n 'flex items-center justify-center overflow-hidden bg-gray-200 font-medium text-gray-600 dark:bg-gray-700 dark:text-gray-300',\n sizeClasses[size],\n roundedClasses[rounded],\n ]\"\n >\n <img\n v-if=\"showImage\"\n :src=\"src\"\n :alt=\"alt || name\"\n class=\"size-full object-cover\"\n @error=\"imageError = true\"\n />\n <span v-else-if=\"initials\">{{ initials }}</span>\n <Icon v-else icon=\"lucide:user\" class=\"size-1/2\" />\n </div>\n <span\n v-if=\"status\"\n :class=\"[\n 'absolute bottom-0 right-0 block rounded-full ring-2 ring-white dark:ring-gray-900',\n statusSizes[size],\n statusColors[status],\n ]\"\n />\n </div>\n</template>\n","<script lang=\"ts\" setup>\nimport { computed, provide } from 'vue'\n\nexport interface Tab {\n key: string\n label: string\n icon?: string\n disabled?: boolean\n}\n\nconst props = withDefaults(\n defineProps<{\n /** Array of tab definitions */\n tabs: Tab[]\n /** Currently active tab key */\n modelValue?: string\n /** Tab style variant */\n variant?: 'underline' | 'pills' | 'boxed'\n }>(),\n {\n variant: 'underline',\n },\n)\n\nconst emit = defineEmits<{\n 'update:modelValue': [value: string]\n}>()\n\nconst activeTab = computed({\n get: () => props.modelValue || props.tabs[0]?.key,\n set: (value: string) => emit('update:modelValue', value),\n})\n\nconst selectTab = (tab: Tab) => {\n if (tab.disabled) return\n activeTab.value = tab.key\n}\n\nconst variantClasses = {\n underline: {\n container: 'border-b border-gray-200 dark:border-gray-700',\n tab: 'border-b-2 -mb-px px-4 py-2',\n active: 'border-primary text-primary dark:text-primary',\n inactive: 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300 dark:text-gray-400 dark:hover:text-gray-300',\n },\n pills: {\n container: 'gap-2',\n tab: 'px-4 py-2 rounded-lg',\n active: 'bg-primary text-white',\n inactive: 'text-gray-500 hover:bg-gray-100 dark:text-gray-400 dark:hover:bg-gray-800',\n },\n boxed: {\n container: 'bg-gray-100 dark:bg-gray-800 p-1 rounded-lg gap-1',\n tab: 'px-4 py-2 rounded-md',\n active: 'bg-white dark:bg-gray-900 text-gray-900 dark:text-white shadow-sm',\n inactive: 'text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-300',\n },\n}\n\nprovide('activeTab', activeTab)\n</script>\n\n<template>\n <div>\n <div\n :class=\"[\n 'flex',\n variantClasses[variant].container,\n ]\"\n role=\"tablist\"\n >\n <button\n v-for=\"tab in tabs\"\n :key=\"tab.key\"\n type=\"button\"\n role=\"tab\"\n :aria-selected=\"activeTab === tab.key\"\n :disabled=\"tab.disabled\"\n :class=\"[\n 'text-sm font-medium transition-colors focus:outline-none disabled:cursor-not-allowed disabled:opacity-50',\n variantClasses[variant].tab,\n activeTab === tab.key\n ? variantClasses[variant].active\n : variantClasses[variant].inactive,\n ]\"\n @click=\"selectTab(tab)\"\n >\n {{ tab.label }}\n </button>\n </div>\n <div class=\"mt-4\">\n <slot :active-tab=\"activeTab\" />\n </div>\n </div>\n</template>\n","<script lang=\"ts\" setup>\nimport { inject, computed, type Ref } from 'vue'\n\nconst props = defineProps<{\n /** Tab key this panel belongs to */\n value: string\n}>()\n\nconst activeTab = inject<Ref<string>>('activeTab')\n\nconst isActive = computed(() => activeTab?.value === props.value)\n</script>\n\n<template>\n <div v-show=\"isActive\" role=\"tabpanel\">\n <slot />\n </div>\n</template>\n","<script lang=\"ts\" setup>\nimport { ref, computed, onUnmounted, nextTick, watch } from 'vue'\nimport { Icon } from '@iconify/vue'\n\nexport interface DropdownItem {\n key: string\n label: string\n icon?: string\n disabled?: boolean\n danger?: boolean\n divider?: boolean\n}\n\nconst props = withDefaults(\n defineProps<{\n /** Dropdown items */\n items: DropdownItem[]\n /** Align dropdown */\n align?: 'left' | 'right'\n /** Dropdown width */\n width?: 'auto' | 'full' | 'sm' | 'md' | 'lg'\n /** Use teleport to body to avoid overflow clipping */\n teleport?: boolean\n }>(),\n {\n align: 'left',\n width: 'auto',\n teleport: true,\n },\n)\n\nconst emit = defineEmits<{\n select: [item: DropdownItem]\n}>()\n\nconst isOpen = ref(false)\nconst dropdownRef = ref<HTMLElement>()\nconst triggerRef = ref<HTMLElement>()\nconst menuRef = ref<HTMLElement>()\nconst dropdownPosition = ref({ top: 0, left: 0, width: 0 })\n\nconst updatePosition = () => {\n if (!triggerRef.value || !props.teleport) return\n const rect = triggerRef.value.getBoundingClientRect()\n dropdownPosition.value = {\n top: rect.bottom + window.scrollY + 8,\n left: props.align === 'right' ? rect.right + window.scrollX : rect.left + window.scrollX,\n width: rect.width,\n }\n}\n\nconst toggle = () => {\n isOpen.value = !isOpen.value\n if (isOpen.value) {\n nextTick(updatePosition)\n }\n}\n\nconst close = () => {\n isOpen.value = false\n}\n\nconst selectItem = (item: DropdownItem) => {\n if (item.disabled || item.divider) return\n emit('select', item)\n close()\n}\n\nconst handleClickOutside = (event: MouseEvent) => {\n const target = event.target as Node\n const isInsideTrigger = triggerRef.value?.contains(target)\n const isInsideMenu = menuRef.value?.contains(target)\n if (!isInsideTrigger && !isInsideMenu) {\n close()\n }\n}\n\nwatch(isOpen, (newValue) => {\n if (newValue) {\n document.addEventListener('click', handleClickOutside)\n window.addEventListener('scroll', updatePosition, true)\n window.addEventListener('resize', updatePosition)\n } else {\n document.removeEventListener('click', handleClickOutside)\n window.removeEventListener('scroll', updatePosition, true)\n window.removeEventListener('resize', updatePosition)\n }\n})\n\nonUnmounted(() => {\n document.removeEventListener('click', handleClickOutside)\n window.removeEventListener('scroll', updatePosition, true)\n window.removeEventListener('resize', updatePosition)\n})\n\nconst widthClasses = {\n auto: 'w-auto min-w-[10rem]',\n full: 'w-full',\n sm: 'w-32',\n md: 'w-48',\n lg: 'w-64',\n}\n\nconst dropdownStyle = computed(() => {\n if (!props.teleport) return {}\n return {\n position: 'absolute' as const,\n top: `${dropdownPosition.value.top}px`,\n left: props.align === 'right' ? 'auto' : `${dropdownPosition.value.left}px`,\n right: props.align === 'right' ? `${window.innerWidth - dropdownPosition.value.left - dropdownPosition.value.width}px` : 'auto',\n }\n})\n</script>\n\n<template>\n <div ref=\"dropdownRef\" class=\"relative inline-block\">\n <div ref=\"triggerRef\" @click=\"toggle\">\n <slot name=\"trigger\">\n <button\n type=\"button\"\n class=\"inline-flex items-center gap-2 rounded-lg border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-50 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-200 dark:hover:bg-gray-700\"\n >\n <slot name=\"trigger-label\">Options</slot>\n <Icon\n icon=\"lucide:chevron-down\"\n :class=\"['size-4 transition-transform', isOpen && 'rotate-180']\"\n />\n </button>\n </slot>\n </div>\n\n <Teleport to=\"body\" :disabled=\"!teleport\">\n <Transition\n enter-active-class=\"transition ease-out duration-100\"\n enter-from-class=\"transform opacity-0 scale-95\"\n enter-to-class=\"transform opacity-100 scale-100\"\n leave-active-class=\"transition ease-in duration-75\"\n leave-from-class=\"transform opacity-100 scale-100\"\n leave-to-class=\"transform opacity-0 scale-95\"\n >\n <div\n v-if=\"isOpen\"\n ref=\"menuRef\"\n :style=\"dropdownStyle\"\n :class=\"[\n 'z-[9999] rounded-lg border border-gray-200 bg-white py-1 shadow-lg dark:border-gray-700 dark:bg-gray-800',\n widthClasses[width],\n !teleport && (align === 'right' ? 'absolute mt-2 right-0' : 'absolute mt-2 left-0'),\n ]\"\n >\n <template v-for=\"item in items\" :key=\"item.key\">\n <div\n v-if=\"item.divider\"\n class=\"my-1 border-t border-gray-200 dark:border-gray-700\"\n />\n <button\n v-else\n type=\"button\"\n :disabled=\"item.disabled\"\n :class=\"[\n 'flex w-full items-center gap-2 px-4 py-2 text-left text-sm transition-colors',\n item.disabled\n ? 'cursor-not-allowed opacity-50'\n : item.danger\n ? 'text-red-600 hover:bg-red-50 dark:text-red-400 dark:hover:bg-red-900/20'\n : 'text-gray-700 hover:bg-gray-100 dark:text-gray-200 dark:hover:bg-gray-700',\n ]\"\n @click=\"selectItem(item)\"\n >\n <Icon v-if=\"item.icon\" :icon=\"item.icon\" class=\"size-4\" />\n {{ item.label }}\n </button>\n </template>\n </div>\n </Transition>\n </Teleport>\n </div>\n</template>\n","<script lang=\"ts\" setup>\nimport { Icon } from '@iconify/vue'\n\nexport interface Step {\n key: string | number\n title: string\n description?: string\n icon?: string\n}\n\nconst props = withDefaults(\n defineProps<{\n /** Array of step definitions */\n steps: Step[]\n /** Current step (key or index) */\n modelValue?: string | number\n /** Orientation */\n orientation?: 'horizontal' | 'vertical'\n }>(),\n {\n orientation: 'horizontal',\n },\n)\n\ndefineEmits<{\n 'update:modelValue': [value: string | number]\n}>()\n\nconst getCurrentStepIndex = () => {\n if (props.modelValue === undefined) return 0\n const index = props.steps.findIndex((s) => s.key === props.modelValue)\n return index >= 0 ? index : 0\n}\n\nconst isStepComplete = (index: number) => index < getCurrentStepIndex()\nconst isStepActive = (index: number) => index === getCurrentStepIndex()\nconst isStepPending = (index: number) => index > getCurrentStepIndex()\n</script>\n\n<template>\n <div\n :class=\"[\n 'w-full',\n orientation === 'vertical' ? 'flex flex-col' : '',\n ]\"\n >\n <div\n :class=\"[\n orientation === 'horizontal'\n ? 'relative flex items-start justify-between'\n : 'relative flex flex-col gap-4',\n ]\"\n >\n <!-- Horizontal Progress Line -->\n <template v-if=\"orientation === 'horizontal'\">\n <div\n class=\"absolute left-0 top-6 h-0.5 w-full bg-gray-200 dark:bg-gray-700\"\n aria-hidden=\"true\"\n />\n <div\n class=\"absolute left-0 top-6 h-0.5 bg-primary transition-all duration-500 ease-in-out\"\n :style=\"{\n width: `${(getCurrentStepIndex() / (steps.length - 1)) * 100}%`,\n }\"\n aria-hidden=\"true\"\n />\n </template>\n\n <!-- Steps -->\n <div\n v-for=\"(step, index) in steps\"\n :key=\"step.key\"\n :class=\"[\n 'relative',\n orientation === 'horizontal'\n ? 'flex flex-1 flex-col items-center'\n : 'flex items-start gap-4',\n ]\"\n >\n <!-- Vertical Line -->\n <div\n v-if=\"orientation === 'vertical' && index < steps.length - 1\"\n class=\"absolute left-6 top-12 h-full w-0.5 -translate-x-1/2\"\n :class=\"isStepComplete(index) ? 'bg-primary' : 'bg-gray-200 dark:bg-gray-700'\"\n />\n\n <!-- Step Circle -->\n <div\n class=\"relative z-10 flex size-12 shrink-0 items-center justify-center rounded-full border-2 transition-all duration-300\"\n :class=\"{\n 'border-primary bg-primary text-white shadow-lg': isStepActive(index) || isStepComplete(index),\n 'border-gray-300 bg-white text-gray-400 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-500':\n isStepPending(index),\n }\"\n >\n <Icon\n v-if=\"isStepComplete(index)\"\n icon=\"lucide:check\"\n class=\"size-6\"\n />\n <Icon\n v-else-if=\"step.icon\"\n :icon=\"step.icon\"\n class=\"size-6\"\n />\n <span v-else class=\"text-sm font-semibold\">{{ index + 1 }}</span>\n </div>\n\n <!-- Step Content -->\n <div\n :class=\"[\n orientation === 'horizontal'\n ? 'mt-4 flex flex-col items-center text-center'\n : 'flex flex-col pt-2',\n ]\"\n >\n <p\n class=\"text-sm font-semibold transition-colors\"\n :class=\"{\n 'text-primary dark:text-primary': isStepActive(index) || isStepComplete(index),\n 'text-gray-500 dark:text-gray-400': isStepPending(index),\n }\"\n >\n {{ step.title }}\n </p>\n <p\n v-if=\"step.description\"\n class=\"mt-1 text-xs\"\n :class=\"{\n 'text-gray-600 dark:text-gray-300': isStepActive(index),\n 'text-gray-500 dark:text-gray-400': !isStepActive(index),\n }\"\n >\n {{ step.description }}\n </p>\n </div>\n </div>\n </div>\n </div>\n</template>\n","<script lang=\"ts\" setup>\nimport { Icon } from '@iconify/vue'\nimport { ref } from 'vue'\nimport CardComponent from './CardComponent.vue'\n\nconst props = withDefaults(\n defineProps<{\n /** Card title */\n title?: string\n /** Card description */\n description?: string\n /** Whether the card is initially expanded */\n defaultExpanded?: boolean\n }>(),\n {\n defaultExpanded: true,\n },\n)\n\nconst isExpanded = ref(props.defaultExpanded)\n\nconst toggle = () => {\n isExpanded.value = !isExpanded.value\n}\n</script>\n\n<template>\n <CardComponent :title=\"title\" :description=\"description\">\n <template #actions>\n <slot name=\"actions\" />\n <button\n type=\"button\"\n class=\"rounded-lg p-1.5 text-gray-500 hover:bg-gray-100 dark:text-gray-400 dark:hover:bg-gray-800\"\n @click=\"toggle\"\n >\n <Icon\n :icon=\"isExpanded ? 'lucide:chevron-up' : 'lucide:chevron-down'\"\n class=\"size-5\"\n />\n </button>\n </template>\n\n <Transition\n enter-active-class=\"transition-all duration-200 ease-out\"\n enter-from-class=\"opacity-0 max-h-0\"\n enter-to-class=\"opacity-100 max-h-[2000px]\"\n leave-active-class=\"transition-all duration-200 ease-in\"\n leave-from-class=\"opacity-100 max-h-[2000px]\"\n leave-to-class=\"opacity-0 max-h-0\"\n >\n <div v-show=\"isExpanded\" class=\"overflow-hidden\">\n <div class=\"space-y-4 p-6\">\n <slot />\n </div>\n </div>\n </Transition>\n </CardComponent>\n</template>\n"],"names":["_openBlock","_createElementBlock","_hoisted_1","$slots","_hoisted_2","_createElementVNode","_hoisted_3","_hoisted_4","_renderSlot","_hoisted_5","_hoisted_6","TextType","NumberType","DateType","BooleanType","BadgeType","_Fragment","_renderList","_normalizeClass","_createTextVNode","_toDisplayString","_createBlock","_resolveDynamicComponent","_createVNode","_unref","_withModifiers","_Teleport","_Transition","_mergeProps","_withDirectives","_normalizeStyle","CardComponent"],"mappings":"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"}
|
|
@@ -49,7 +49,7 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
|
|
|
49
49
|
}
|
|
50
50
|
});
|
|
51
51
|
const _hoisted_1$7 = { class: "w-full divide-y divide-gray-300 text-left dark:divide-gray-700" };
|
|
52
|
-
const _hoisted_2$5 = { class: "bg-
|
|
52
|
+
const _hoisted_2$5 = { class: "bg-black/5 text-sm font-semibold text-gray-600 uppercase dark:bg-white/5 dark:text-gray-400" };
|
|
53
53
|
const _hoisted_3$3 = { class: "divide-y divide-gray-300 font-medium dark:divide-gray-700" };
|
|
54
54
|
const _hoisted_4$1 = { class: "flex items-center justify-end gap-2 px-3 py-4" };
|
|
55
55
|
const _hoisted_5$1 = { key: 0 };
|
|
@@ -123,7 +123,7 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
|
|
|
123
123
|
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.items, (item) => {
|
|
124
124
|
return vue.openBlock(), vue.createElementBlock("tr", {
|
|
125
125
|
key: item.id,
|
|
126
|
-
class: "hover:bg-
|
|
126
|
+
class: "hover:bg-black/5 dark:hover:bg-white/5"
|
|
127
127
|
}, [
|
|
128
128
|
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(visibleProperties.value, (property) => {
|
|
129
129
|
return vue.openBlock(), vue.createElementBlock("td", {
|
|
@@ -1130,4 +1130,4 @@ exports._sfc_main$6 = _sfc_main$4;
|
|
|
1130
1130
|
exports._sfc_main$7 = _sfc_main$3;
|
|
1131
1131
|
exports._sfc_main$8 = _sfc_main$2;
|
|
1132
1132
|
exports._sfc_main$9 = _sfc_main$1;
|
|
1133
|
-
//# sourceMappingURL=CollapsibleCard.vue_vue_type_script_setup_true_lang-
|
|
1133
|
+
//# sourceMappingURL=CollapsibleCard.vue_vue_type_script_setup_true_lang-d-hCuKqk.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CollapsibleCard.vue_vue_type_script_setup_true_lang-d-hCuKqk.cjs","sources":["../src/components/core/CardComponent.vue","../src/components/core/TableComponent.vue","../src/components/core/AutocompleteComponent.vue","../src/components/core/TableAction.vue","../src/components/core/Button.vue","../src/components/core/Avatar.vue","../src/components/core/Tabs.vue","../src/components/core/TabPanel.vue","../src/components/core/Dropdown.vue","../src/components/core/Stepper.vue","../src/components/core/CollapsibleCard.vue"],"sourcesContent":["<script lang=\"ts\" setup>\ndefineProps<{\n title?: string\n description?: string\n}>()\n</script>\n\n<template>\n <div class=\"flex flex-col overflow-hidden rounded-lg bg-white shadow-md dark:bg-slate-950\">\n <div\n v-if=\"title || description || $slots.title || $slots.description || $slots.actions\"\n class=\"flex items-center justify-between border-b border-gray-200 px-5 py-3 dark:border-gray-700\"\n >\n <div class=\"flex flex-col gap-0.5\">\n <span\n v-if=\"title || $slots.title\"\n class=\"text-md font-semibold text-gray-800 dark:text-gray-200\"\n >\n <slot name=\"title\">\n {{ title }}\n </slot>\n </span>\n\n <span\n v-if=\"description || $slots.description\"\n class=\"text-sm font-normal text-gray-600 dark:text-gray-400\"\n >\n <slot name=\"description\">\n {{ description }}\n </slot>\n </span>\n </div>\n\n <div class=\"flex gap-2\">\n <slot name=\"actions\" />\n </div>\n </div>\n\n <slot />\n </div>\n</template>\n","<script lang=\"ts\" setup>\nimport type { Property } from '@/types'\nimport TextType from '@/components/type/TextType.vue'\nimport NumberType from '@/components/type/NumberType.vue'\nimport DateType from '@/components/type/DateType.vue'\nimport BooleanType from '@/components/type/BooleanType.vue'\nimport BadgeType from '@/components/type/BadgeType.vue'\nimport { computed, type Component } from 'vue'\n\nconst { properties, items } = defineProps<{\n properties: Property[]\n items: { id: number | string; [key: string]: unknown }[]\n}>()\n\n// Type components mapping\nconst typeComponents: Record<string, Component> = {\n text: TextType,\n number: NumberType,\n date: DateType,\n boolean: BooleanType,\n badge: BadgeType,\n}\n\nconst getTypeComponent = (type: string = 'text'): Component => {\n return typeComponents[type] || TextType\n}\n\n// Filter out hidden properties\nconst visibleProperties = computed(() => properties.filter((p) => !p.hidden))\n\n// Get nested property value\nconst getItemValue = (item: Record<string, unknown>, property: Property): unknown => {\n if (property.name.includes('.')) {\n let value: unknown = item\n for (const key of property.name.split('.')) {\n if (value && typeof value === 'object' && key in value) {\n value = (value as Record<string, unknown>)[key]\n } else {\n return undefined\n }\n }\n return value\n }\n return item[property.name]\n}\n\nconst getAlignmentClass = (align?: 'left' | 'center' | 'right') => {\n switch (align) {\n case 'center':\n return 'text-center'\n case 'right':\n return 'text-right'\n default:\n return 'text-left'\n }\n}\n\nconst getMainClass = (main?: boolean) => {\n if (main) {\n return 'text-sm font-semibold text-gray-900 dark:text-gray-100'\n }\n return 'text-xs font-medium text-gray-600 dark:text-gray-400'\n}\n</script>\n\n<template>\n <table class=\"w-full divide-y divide-gray-300 text-left dark:divide-gray-700\">\n <thead\n class=\"bg-black/5 text-sm font-semibold text-gray-600 uppercase dark:bg-white/5 dark:text-gray-400\"\n >\n <tr>\n <th\n v-for=\"property in visibleProperties\"\n :key=\"property.name\"\n :class=\"[getAlignmentClass(property.align), 'px-3 py-3']\"\n >\n <slot :name=\"'header-' + property.name\" :property>\n {{ property.label ?? property.name }}\n </slot>\n </th>\n\n <th class=\"px-3 py-3 text-right\"></th>\n </tr>\n </thead>\n\n <tbody class=\"divide-y divide-gray-300 font-medium dark:divide-gray-700\">\n <tr v-for=\"item in items\" :key=\"item.id\" class=\"hover:bg-black/5 dark:hover:bg-white/5\">\n <td\n v-for=\"property in visibleProperties\"\n :key=\"property.name\"\n :class=\"[\n getAlignmentClass(property.align),\n getMainClass(property.main),\n property.className,\n 'px-3 py-4',\n ]\"\n >\n <slot\n :item=\"item\"\n :name=\"'item-' + property.name\"\n :property\n :value=\"getItemValue(item, property)\"\n >\n <component\n :is=\"getTypeComponent(property.type || 'text')\"\n :value=\"getItemValue(item, property)\"\n />\n </slot>\n </td>\n\n <td class=\"flex items-center justify-end gap-2 px-3 py-4\">\n <slot :item=\"item\" name=\"action\"></slot>\n </td>\n </tr>\n </tbody>\n </table>\n\n <!-- Empty state -->\n <div v-if=\"!items || items.length === 0\">\n <slot name=\"empty\"></slot>\n </div>\n</template>\n","<script lang=\"ts\" setup>\nimport { computed, nextTick, onUnmounted, ref, watch } from 'vue'\nimport { Icon } from '@iconify/vue'\nimport type { AutocompleteOption } from '@/types'\n\nconst props = withDefaults(\n defineProps<{\n modelValue: string | null\n options: AutocompleteOption[]\n placeholder?: string\n disabled?: boolean\n label?: string\n error?: string\n noResultsText?: string\n /** Use teleport to body to avoid overflow clipping */\n teleport?: boolean\n }>(),\n {\n teleport: true,\n },\n)\n\nconst emit = defineEmits<{\n 'update:modelValue': [value: string | null]\n}>()\n\nconst searchQuery = ref('')\nconst isOpen = ref(false)\nconst highlightedIndex = ref(-1)\nconst inputRef = ref<HTMLInputElement | null>(null)\nconst dropdownRef = ref<HTMLDivElement | null>(null)\nconst containerRef = ref<HTMLDivElement | null>(null)\nconst inputWrapperRef = ref<HTMLDivElement | null>(null)\nconst dropdownPosition = ref({ top: 0, left: 0, width: 0 })\n\nconst filteredOptions = computed(() => {\n if (!searchQuery.value) {\n return props.options\n }\n const query = searchQuery.value.toLowerCase()\n return props.options.filter(\n (option) =>\n option.label.toLowerCase().includes(query) || option.value.toLowerCase().includes(query),\n )\n})\n\nconst selectedLabel = computed(() => {\n if (!props.modelValue) return ''\n const option = props.options.find((opt) => opt.value === props.modelValue)\n return option?.label || ''\n})\n\nwatch(\n () => props.modelValue,\n () => {\n if (!isOpen.value) {\n searchQuery.value = selectedLabel.value\n }\n },\n { immediate: true },\n)\n\nconst updatePosition = () => {\n if (!inputWrapperRef.value || !props.teleport) return\n const rect = inputWrapperRef.value.getBoundingClientRect()\n dropdownPosition.value = {\n top: rect.bottom + window.scrollY + 8,\n left: rect.left + window.scrollX,\n width: rect.width,\n }\n}\n\nconst openDropdown = () => {\n if (props.disabled) return\n isOpen.value = true\n searchQuery.value = ''\n highlightedIndex.value = -1\n nextTick(() => {\n inputRef.value?.focus()\n updatePosition()\n })\n}\n\nconst closeDropdown = () => {\n isOpen.value = false\n searchQuery.value = selectedLabel.value\n highlightedIndex.value = -1\n}\n\nconst selectOption = (option: AutocompleteOption) => {\n emit('update:modelValue', option.value)\n searchQuery.value = option.label\n closeDropdown()\n}\n\nconst clearSelection = () => {\n emit('update:modelValue', null)\n searchQuery.value = ''\n highlightedIndex.value = -1\n nextTick(() => {\n inputRef.value?.focus()\n })\n}\n\nconst handleKeydown = (event: KeyboardEvent) => {\n if (!isOpen.value) return\n\n switch (event.key) {\n case 'ArrowDown':\n event.preventDefault()\n highlightedIndex.value = Math.min(\n highlightedIndex.value + 1,\n filteredOptions.value.length - 1,\n )\n scrollToHighlighted()\n break\n case 'ArrowUp':\n event.preventDefault()\n highlightedIndex.value = Math.max(highlightedIndex.value - 1, 0)\n scrollToHighlighted()\n break\n case 'Enter':\n event.preventDefault()\n if (highlightedIndex.value >= 0 && filteredOptions.value[highlightedIndex.value]) {\n selectOption(filteredOptions.value[highlightedIndex.value])\n }\n break\n case 'Escape':\n event.preventDefault()\n closeDropdown()\n break\n }\n}\n\nconst scrollToHighlighted = () => {\n nextTick(() => {\n if (dropdownRef.value) {\n const highlightedElement = dropdownRef.value.querySelector(\n `[data-index=\"${highlightedIndex.value}\"]`,\n ) as HTMLElement\n if (highlightedElement) {\n highlightedElement.scrollIntoView({ block: 'nearest' })\n }\n }\n })\n}\n\nconst handleClickOutside = (event: MouseEvent) => {\n const target = event.target as Node\n const isInsideContainer = containerRef.value?.contains(target)\n const isInsideDropdown = dropdownRef.value?.contains(target)\n if (!isInsideContainer && !isInsideDropdown) {\n closeDropdown()\n }\n}\n\nwatch(isOpen, (newValue) => {\n if (newValue) {\n document.addEventListener('click', handleClickOutside)\n window.addEventListener('scroll', updatePosition, true)\n window.addEventListener('resize', updatePosition)\n } else {\n document.removeEventListener('click', handleClickOutside)\n window.removeEventListener('scroll', updatePosition, true)\n window.removeEventListener('resize', updatePosition)\n }\n})\n\nonUnmounted(() => {\n document.removeEventListener('click', handleClickOutside)\n window.removeEventListener('scroll', updatePosition, true)\n window.removeEventListener('resize', updatePosition)\n})\n\nconst dropdownStyle = computed(() => {\n if (!props.teleport) return {}\n return {\n position: 'absolute' as const,\n top: `${dropdownPosition.value.top}px`,\n left: `${dropdownPosition.value.left}px`,\n width: `${dropdownPosition.value.width}px`,\n }\n})\n</script>\n\n<template>\n <div ref=\"containerRef\" class=\"autocomplete-container\">\n <label v-if=\"label\" class=\"mb-2 block text-sm font-medium text-gray-700 dark:text-gray-300\">\n {{ label }}\n </label>\n\n <div class=\"relative\">\n <div\n ref=\"inputWrapperRef\"\n :class=\"{\n 'border-red-500': error,\n 'border-gray-300 dark:border-gray-600': !error && !isOpen,\n 'border-primary ring-2 ring-primary/20': isOpen,\n 'cursor-not-allowed opacity-50': disabled,\n }\"\n class=\"flex items-center gap-2 rounded-lg border bg-white px-3 py-2 transition dark:bg-gray-800\"\n >\n <Icon class=\"size-5 text-gray-400\" icon=\"lucide:search\" />\n\n <input\n ref=\"inputRef\"\n v-model=\"searchQuery\"\n :disabled=\"disabled\"\n :placeholder=\"placeholder || 'Search...'\"\n class=\"flex-1 bg-transparent text-sm outline-none dark:text-white\"\n type=\"text\"\n @focus=\"openDropdown\"\n @keydown=\"handleKeydown\"\n />\n\n <button\n v-if=\"modelValue && !disabled\"\n class=\"rounded p-1 transition hover:bg-gray-100 dark:hover:bg-gray-700\"\n type=\"button\"\n @click.stop=\"clearSelection\"\n >\n <Icon class=\"size-4 text-gray-400\" icon=\"lucide:x\" />\n </button>\n\n <button\n :disabled=\"disabled\"\n class=\"rounded p-1 transition hover:bg-gray-100 dark:hover:bg-gray-700\"\n type=\"button\"\n @click.stop=\"isOpen ? closeDropdown() : openDropdown()\"\n >\n <Icon\n :class=\"{ 'rotate-180': isOpen }\"\n class=\"size-4 text-gray-400 transition\"\n icon=\"lucide:chevron-down\"\n />\n </button>\n </div>\n\n <!-- Dropdown -->\n <Teleport to=\"body\" :disabled=\"!teleport\">\n <Transition\n enter-active-class=\"transition duration-100 ease-out\"\n enter-from-class=\"opacity-0 scale-95\"\n enter-to-class=\"opacity-100 scale-100\"\n leave-active-class=\"transition duration-75 ease-in\"\n leave-from-class=\"opacity-100 scale-100\"\n leave-to-class=\"opacity-0 scale-95\"\n >\n <div\n v-if=\"isOpen\"\n ref=\"dropdownRef\"\n :style=\"dropdownStyle\"\n :class=\"[\n 'autocomplete-dropdown z-[9999] max-h-60 overflow-auto rounded-lg border border-gray-200 bg-white shadow-lg dark:border-gray-700 dark:bg-gray-800',\n !teleport && 'absolute mt-2 w-full',\n ]\"\n >\n <div v-if=\"filteredOptions.length === 0\" class=\"px-4 py-3 text-sm text-gray-500\">\n {{ noResultsText || 'No results found' }}\n </div>\n\n <button\n v-for=\"(option, index) in filteredOptions\"\n :key=\"option.value\"\n :class=\"{\n 'bg-gray-100 dark:bg-gray-700': highlightedIndex === index,\n 'bg-primary/10': modelValue === option.value,\n }\"\n :data-index=\"index\"\n class=\"flex w-full items-center gap-2 px-4 py-2 text-left text-sm transition hover:bg-gray-100 dark:hover:bg-gray-700\"\n type=\"button\"\n @click=\"selectOption(option)\"\n >\n <Icon\n v-if=\"modelValue === option.value\"\n class=\"size-4 text-primary\"\n icon=\"lucide:check\"\n />\n <span class=\"flex-1 dark:text-white\">{{ option.label }}</span>\n <span class=\"text-xs text-gray-400\">({{ option.value }})</span>\n </button>\n </div>\n </Transition>\n </Teleport>\n </div>\n\n <p v-if=\"error\" class=\"mt-1 text-sm text-red-600\">{{ error }}</p>\n </div>\n</template>\n","<script lang=\"ts\" setup>\nimport { computed, resolveComponent } from 'vue'\nimport { Icon } from '@iconify/vue'\nimport type { TableActionColor } from '@/types'\n\nconst { color, icon, link } = defineProps<{\n link?: string\n icon: string\n color?: TableActionColor\n}>()\n\nconst colorClass = computed(() => {\n switch (color) {\n case 'info':\n return 'border-blue-200 hover:bg-blue-100 dark:border-blue-800 dark:hover:bg-blue-900'\n case 'warning':\n return 'border-yellow-200 hover:bg-yellow-100 dark:border-yellow-800 dark:hover:bg-yellow-900'\n case 'success':\n return 'border-green-200 hover:bg-green-100 dark:border-green-800 dark:hover:bg-green-900'\n case 'error':\n return 'border-red-200 hover:bg-red-100 dark:border-red-800 dark:hover:bg-red-900'\n default:\n return 'border-gray-200 hover:bg-gray-100 dark:border-gray-700 dark:bg-gray-900 dark:hover:bg-gray-800'\n }\n})\n\nconst iconColorClass = computed(() => {\n switch (color) {\n case 'info':\n return 'text-blue-600 group-hover:text-blue-900 dark:text-blue-400 dark:group-hover:text-blue-100'\n case 'warning':\n return 'text-yellow-600 group-hover:text-yellow-900 dark:text-yellow-400 dark:group-hover:text-yellow-100'\n case 'success':\n return 'text-green-600 group-hover:text-green-900 dark:text-green-400 dark:group-hover:text-green-100'\n case 'error':\n return 'text-red-600 group-hover:text-red-900 dark:text-red-400 dark:group-hover:text-red-100'\n default:\n return 'text-gray-600 group-hover:text-gray-900 dark:text-gray-400 dark:group-hover:text-gray-100'\n }\n})\n\n// Try to resolve RouterLink, fallback to 'a' tag\nconst linkComponent = computed(() => {\n if (!link) return 'button'\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 linkProps = computed(() => {\n if (!link) return {}\n if (linkComponent.value === 'a') {\n return { href: link }\n }\n return { to: link }\n})\n</script>\n\n<template>\n <component\n :is=\"linkComponent\"\n v-bind=\"linkProps\"\n :class=\"colorClass\"\n class=\"group flex size-8 items-center justify-center rounded-lg border\"\n >\n <Icon :class=\"iconColorClass\" :icon class=\"size-4\" />\n </component>\n</template>\n","<script lang=\"ts\" setup>\nimport { computed, resolveComponent } from 'vue'\nimport { Icon } from '@iconify/vue'\n\nexport type ButtonVariant = 'primary' | 'secondary' | 'outline' | 'ghost' | 'danger' | 'success'\nexport type ButtonSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n\nconst props = withDefaults(\n defineProps<{\n /** Button variant */\n variant?: ButtonVariant\n /** Button size */\n size?: ButtonSize\n /** Icon to show (left side) */\n icon?: string\n /** Icon on right side */\n iconRight?: string\n /** Loading state */\n loading?: boolean\n /** Disabled state */\n disabled?: boolean\n /** Full width */\n block?: boolean\n /** Link href (renders as <a>) */\n href?: string\n /** Router link (renders as RouterLink) */\n to?: string\n /** Button type */\n type?: 'button' | 'submit' | 'reset'\n }>(),\n {\n variant: 'primary',\n size: 'md',\n type: 'button',\n },\n)\n\nconst emit = defineEmits<{\n click: [event: MouseEvent]\n}>()\n\nconst variantClasses: Record<ButtonVariant, string> = {\n primary: 'bg-primary text-primary-foreground hover:bg-primary/90 focus:ring-primary',\n secondary: 'bg-secondary text-secondary-foreground hover:bg-secondary/90 focus:ring-secondary',\n outline: 'border border-gray-300 bg-transparent text-gray-700 hover:bg-gray-50 focus:ring-primary dark:border-gray-600 dark:text-gray-300 dark:hover:bg-gray-800',\n ghost: 'bg-transparent text-gray-700 hover:bg-gray-100 focus:ring-primary dark:text-gray-300 dark:hover:bg-gray-800',\n danger: 'bg-red-500 text-white hover:bg-red-600 focus:ring-red-500',\n success: 'bg-green-500 text-white hover:bg-green-600 focus:ring-green-500',\n}\n\nconst sizeClasses: Record<ButtonSize, string> = {\n xs: 'px-2 py-1 text-xs gap-1',\n sm: 'px-3 py-1.5 text-sm gap-1.5',\n md: 'px-4 py-2 text-sm gap-2',\n lg: 'px-5 py-2.5 text-base gap-2',\n xl: 'px-6 py-3 text-lg gap-2.5',\n}\n\nconst iconSizeClasses: Record<ButtonSize, string> = {\n xs: 'size-3',\n sm: 'size-4',\n md: 'size-4',\n lg: 'size-5',\n xl: 'size-6',\n}\n\nconst classes = computed(() => [\n 'inline-flex items-center justify-center font-medium rounded-lg transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed',\n variantClasses[props.variant],\n sizeClasses[props.size],\n props.block && 'w-full',\n])\n\nconst component = computed(() => {\n if (props.to) {\n try {\n const RouterLink = resolveComponent('RouterLink')\n if (typeof RouterLink !== 'string') return RouterLink\n } catch {\n // RouterLink not available\n }\n }\n if (props.href) return 'a'\n return 'button'\n})\n\nconst componentProps = computed(() => {\n if (props.to) return { to: props.to }\n if (props.href) return { href: props.href }\n return { type: props.type, disabled: props.disabled || props.loading }\n})\n\nconst handleClick = (event: MouseEvent) => {\n if (props.disabled || props.loading) return\n emit('click', event)\n}\n</script>\n\n<template>\n <component\n :is=\"component\"\n v-bind=\"componentProps\"\n :class=\"classes\"\n @click=\"handleClick\"\n >\n <Icon\n v-if=\"loading\"\n icon=\"lucide:loader-2\"\n :class=\"[iconSizeClasses[size], 'animate-spin']\"\n />\n <Icon\n v-else-if=\"icon\"\n :icon=\"icon\"\n :class=\"iconSizeClasses[size]\"\n />\n <slot />\n <Icon\n v-if=\"iconRight && !loading\"\n :icon=\"iconRight\"\n :class=\"iconSizeClasses[size]\"\n />\n </component>\n</template>\n","<script lang=\"ts\" setup>\nimport { computed, ref } from 'vue'\nimport { Icon } from '@iconify/vue'\n\nexport type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl'\n\nconst props = withDefaults(\n defineProps<{\n /** Image source URL */\n src?: string\n /** Alt text for image */\n alt?: string\n /** Fallback name (shows initials) */\n name?: string\n /** Size variant */\n size?: AvatarSize\n /** Show online status indicator */\n status?: 'online' | 'offline' | 'away' | 'busy'\n /** Rounded style */\n rounded?: 'full' | 'lg' | 'md'\n }>(),\n {\n size: 'md',\n rounded: 'full',\n },\n)\n\nconst imageError = ref(false)\n\nconst sizeClasses: Record<AvatarSize, string> = {\n xs: 'size-6 text-xs',\n sm: 'size-8 text-sm',\n md: 'size-10 text-base',\n lg: 'size-12 text-lg',\n xl: 'size-16 text-xl',\n '2xl': 'size-20 text-2xl',\n}\n\nconst statusSizes: Record<AvatarSize, string> = {\n xs: 'size-1.5',\n sm: 'size-2',\n md: 'size-2.5',\n lg: 'size-3',\n xl: 'size-4',\n '2xl': 'size-5',\n}\n\nconst statusColors: Record<string, string> = {\n online: 'bg-green-500',\n offline: 'bg-gray-400',\n away: 'bg-yellow-500',\n busy: 'bg-red-500',\n}\n\nconst roundedClasses: Record<string, string> = {\n full: 'rounded-full',\n lg: 'rounded-lg',\n md: 'rounded-md',\n}\n\nconst initials = computed(() => {\n if (!props.name) return ''\n return props.name\n .split(' ')\n .map(n => n[0])\n .slice(0, 2)\n .join('')\n .toUpperCase()\n})\n\nconst showImage = computed(() => props.src && !imageError.value)\n</script>\n\n<template>\n <div class=\"relative inline-block\">\n <div\n :class=\"[\n 'flex items-center justify-center overflow-hidden bg-gray-200 font-medium text-gray-600 dark:bg-gray-700 dark:text-gray-300',\n sizeClasses[size],\n roundedClasses[rounded],\n ]\"\n >\n <img\n v-if=\"showImage\"\n :src=\"src\"\n :alt=\"alt || name\"\n class=\"size-full object-cover\"\n @error=\"imageError = true\"\n />\n <span v-else-if=\"initials\">{{ initials }}</span>\n <Icon v-else icon=\"lucide:user\" class=\"size-1/2\" />\n </div>\n <span\n v-if=\"status\"\n :class=\"[\n 'absolute bottom-0 right-0 block rounded-full ring-2 ring-white dark:ring-gray-900',\n statusSizes[size],\n statusColors[status],\n ]\"\n />\n </div>\n</template>\n","<script lang=\"ts\" setup>\nimport { computed, provide } from 'vue'\n\nexport interface Tab {\n key: string\n label: string\n icon?: string\n disabled?: boolean\n}\n\nconst props = withDefaults(\n defineProps<{\n /** Array of tab definitions */\n tabs: Tab[]\n /** Currently active tab key */\n modelValue?: string\n /** Tab style variant */\n variant?: 'underline' | 'pills' | 'boxed'\n }>(),\n {\n variant: 'underline',\n },\n)\n\nconst emit = defineEmits<{\n 'update:modelValue': [value: string]\n}>()\n\nconst activeTab = computed({\n get: () => props.modelValue || props.tabs[0]?.key,\n set: (value: string) => emit('update:modelValue', value),\n})\n\nconst selectTab = (tab: Tab) => {\n if (tab.disabled) return\n activeTab.value = tab.key\n}\n\nconst variantClasses = {\n underline: {\n container: 'border-b border-gray-200 dark:border-gray-700',\n tab: 'border-b-2 -mb-px px-4 py-2',\n active: 'border-primary text-primary dark:text-primary',\n inactive: 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300 dark:text-gray-400 dark:hover:text-gray-300',\n },\n pills: {\n container: 'gap-2',\n tab: 'px-4 py-2 rounded-lg',\n active: 'bg-primary text-white',\n inactive: 'text-gray-500 hover:bg-gray-100 dark:text-gray-400 dark:hover:bg-gray-800',\n },\n boxed: {\n container: 'bg-gray-100 dark:bg-gray-800 p-1 rounded-lg gap-1',\n tab: 'px-4 py-2 rounded-md',\n active: 'bg-white dark:bg-gray-900 text-gray-900 dark:text-white shadow-sm',\n inactive: 'text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-300',\n },\n}\n\nprovide('activeTab', activeTab)\n</script>\n\n<template>\n <div>\n <div\n :class=\"[\n 'flex',\n variantClasses[variant].container,\n ]\"\n role=\"tablist\"\n >\n <button\n v-for=\"tab in tabs\"\n :key=\"tab.key\"\n type=\"button\"\n role=\"tab\"\n :aria-selected=\"activeTab === tab.key\"\n :disabled=\"tab.disabled\"\n :class=\"[\n 'text-sm font-medium transition-colors focus:outline-none disabled:cursor-not-allowed disabled:opacity-50',\n variantClasses[variant].tab,\n activeTab === tab.key\n ? variantClasses[variant].active\n : variantClasses[variant].inactive,\n ]\"\n @click=\"selectTab(tab)\"\n >\n {{ tab.label }}\n </button>\n </div>\n <div class=\"mt-4\">\n <slot :active-tab=\"activeTab\" />\n </div>\n </div>\n</template>\n","<script lang=\"ts\" setup>\nimport { inject, computed, type Ref } from 'vue'\n\nconst props = defineProps<{\n /** Tab key this panel belongs to */\n value: string\n}>()\n\nconst activeTab = inject<Ref<string>>('activeTab')\n\nconst isActive = computed(() => activeTab?.value === props.value)\n</script>\n\n<template>\n <div v-show=\"isActive\" role=\"tabpanel\">\n <slot />\n </div>\n</template>\n","<script lang=\"ts\" setup>\nimport { ref, computed, onUnmounted, nextTick, watch } from 'vue'\nimport { Icon } from '@iconify/vue'\n\nexport interface DropdownItem {\n key: string\n label: string\n icon?: string\n disabled?: boolean\n danger?: boolean\n divider?: boolean\n}\n\nconst props = withDefaults(\n defineProps<{\n /** Dropdown items */\n items: DropdownItem[]\n /** Align dropdown */\n align?: 'left' | 'right'\n /** Dropdown width */\n width?: 'auto' | 'full' | 'sm' | 'md' | 'lg'\n /** Use teleport to body to avoid overflow clipping */\n teleport?: boolean\n }>(),\n {\n align: 'left',\n width: 'auto',\n teleport: true,\n },\n)\n\nconst emit = defineEmits<{\n select: [item: DropdownItem]\n}>()\n\nconst isOpen = ref(false)\nconst dropdownRef = ref<HTMLElement>()\nconst triggerRef = ref<HTMLElement>()\nconst menuRef = ref<HTMLElement>()\nconst dropdownPosition = ref({ top: 0, left: 0, width: 0 })\n\nconst updatePosition = () => {\n if (!triggerRef.value || !props.teleport) return\n const rect = triggerRef.value.getBoundingClientRect()\n dropdownPosition.value = {\n top: rect.bottom + window.scrollY + 8,\n left: props.align === 'right' ? rect.right + window.scrollX : rect.left + window.scrollX,\n width: rect.width,\n }\n}\n\nconst toggle = () => {\n isOpen.value = !isOpen.value\n if (isOpen.value) {\n nextTick(updatePosition)\n }\n}\n\nconst close = () => {\n isOpen.value = false\n}\n\nconst selectItem = (item: DropdownItem) => {\n if (item.disabled || item.divider) return\n emit('select', item)\n close()\n}\n\nconst handleClickOutside = (event: MouseEvent) => {\n const target = event.target as Node\n const isInsideTrigger = triggerRef.value?.contains(target)\n const isInsideMenu = menuRef.value?.contains(target)\n if (!isInsideTrigger && !isInsideMenu) {\n close()\n }\n}\n\nwatch(isOpen, (newValue) => {\n if (newValue) {\n document.addEventListener('click', handleClickOutside)\n window.addEventListener('scroll', updatePosition, true)\n window.addEventListener('resize', updatePosition)\n } else {\n document.removeEventListener('click', handleClickOutside)\n window.removeEventListener('scroll', updatePosition, true)\n window.removeEventListener('resize', updatePosition)\n }\n})\n\nonUnmounted(() => {\n document.removeEventListener('click', handleClickOutside)\n window.removeEventListener('scroll', updatePosition, true)\n window.removeEventListener('resize', updatePosition)\n})\n\nconst widthClasses = {\n auto: 'w-auto min-w-[10rem]',\n full: 'w-full',\n sm: 'w-32',\n md: 'w-48',\n lg: 'w-64',\n}\n\nconst dropdownStyle = computed(() => {\n if (!props.teleport) return {}\n return {\n position: 'absolute' as const,\n top: `${dropdownPosition.value.top}px`,\n left: props.align === 'right' ? 'auto' : `${dropdownPosition.value.left}px`,\n right: props.align === 'right' ? `${window.innerWidth - dropdownPosition.value.left - dropdownPosition.value.width}px` : 'auto',\n }\n})\n</script>\n\n<template>\n <div ref=\"dropdownRef\" class=\"relative inline-block\">\n <div ref=\"triggerRef\" @click=\"toggle\">\n <slot name=\"trigger\">\n <button\n type=\"button\"\n class=\"inline-flex items-center gap-2 rounded-lg border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-50 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-200 dark:hover:bg-gray-700\"\n >\n <slot name=\"trigger-label\">Options</slot>\n <Icon\n icon=\"lucide:chevron-down\"\n :class=\"['size-4 transition-transform', isOpen && 'rotate-180']\"\n />\n </button>\n </slot>\n </div>\n\n <Teleport to=\"body\" :disabled=\"!teleport\">\n <Transition\n enter-active-class=\"transition ease-out duration-100\"\n enter-from-class=\"transform opacity-0 scale-95\"\n enter-to-class=\"transform opacity-100 scale-100\"\n leave-active-class=\"transition ease-in duration-75\"\n leave-from-class=\"transform opacity-100 scale-100\"\n leave-to-class=\"transform opacity-0 scale-95\"\n >\n <div\n v-if=\"isOpen\"\n ref=\"menuRef\"\n :style=\"dropdownStyle\"\n :class=\"[\n 'z-[9999] rounded-lg border border-gray-200 bg-white py-1 shadow-lg dark:border-gray-700 dark:bg-gray-800',\n widthClasses[width],\n !teleport && (align === 'right' ? 'absolute mt-2 right-0' : 'absolute mt-2 left-0'),\n ]\"\n >\n <template v-for=\"item in items\" :key=\"item.key\">\n <div\n v-if=\"item.divider\"\n class=\"my-1 border-t border-gray-200 dark:border-gray-700\"\n />\n <button\n v-else\n type=\"button\"\n :disabled=\"item.disabled\"\n :class=\"[\n 'flex w-full items-center gap-2 px-4 py-2 text-left text-sm transition-colors',\n item.disabled\n ? 'cursor-not-allowed opacity-50'\n : item.danger\n ? 'text-red-600 hover:bg-red-50 dark:text-red-400 dark:hover:bg-red-900/20'\n : 'text-gray-700 hover:bg-gray-100 dark:text-gray-200 dark:hover:bg-gray-700',\n ]\"\n @click=\"selectItem(item)\"\n >\n <Icon v-if=\"item.icon\" :icon=\"item.icon\" class=\"size-4\" />\n {{ item.label }}\n </button>\n </template>\n </div>\n </Transition>\n </Teleport>\n </div>\n</template>\n","<script lang=\"ts\" setup>\nimport { Icon } from '@iconify/vue'\n\nexport interface Step {\n key: string | number\n title: string\n description?: string\n icon?: string\n}\n\nconst props = withDefaults(\n defineProps<{\n /** Array of step definitions */\n steps: Step[]\n /** Current step (key or index) */\n modelValue?: string | number\n /** Orientation */\n orientation?: 'horizontal' | 'vertical'\n }>(),\n {\n orientation: 'horizontal',\n },\n)\n\ndefineEmits<{\n 'update:modelValue': [value: string | number]\n}>()\n\nconst getCurrentStepIndex = () => {\n if (props.modelValue === undefined) return 0\n const index = props.steps.findIndex((s) => s.key === props.modelValue)\n return index >= 0 ? index : 0\n}\n\nconst isStepComplete = (index: number) => index < getCurrentStepIndex()\nconst isStepActive = (index: number) => index === getCurrentStepIndex()\nconst isStepPending = (index: number) => index > getCurrentStepIndex()\n</script>\n\n<template>\n <div\n :class=\"[\n 'w-full',\n orientation === 'vertical' ? 'flex flex-col' : '',\n ]\"\n >\n <div\n :class=\"[\n orientation === 'horizontal'\n ? 'relative flex items-start justify-between'\n : 'relative flex flex-col gap-4',\n ]\"\n >\n <!-- Horizontal Progress Line -->\n <template v-if=\"orientation === 'horizontal'\">\n <div\n class=\"absolute left-0 top-6 h-0.5 w-full bg-gray-200 dark:bg-gray-700\"\n aria-hidden=\"true\"\n />\n <div\n class=\"absolute left-0 top-6 h-0.5 bg-primary transition-all duration-500 ease-in-out\"\n :style=\"{\n width: `${(getCurrentStepIndex() / (steps.length - 1)) * 100}%`,\n }\"\n aria-hidden=\"true\"\n />\n </template>\n\n <!-- Steps -->\n <div\n v-for=\"(step, index) in steps\"\n :key=\"step.key\"\n :class=\"[\n 'relative',\n orientation === 'horizontal'\n ? 'flex flex-1 flex-col items-center'\n : 'flex items-start gap-4',\n ]\"\n >\n <!-- Vertical Line -->\n <div\n v-if=\"orientation === 'vertical' && index < steps.length - 1\"\n class=\"absolute left-6 top-12 h-full w-0.5 -translate-x-1/2\"\n :class=\"isStepComplete(index) ? 'bg-primary' : 'bg-gray-200 dark:bg-gray-700'\"\n />\n\n <!-- Step Circle -->\n <div\n class=\"relative z-10 flex size-12 shrink-0 items-center justify-center rounded-full border-2 transition-all duration-300\"\n :class=\"{\n 'border-primary bg-primary text-white shadow-lg': isStepActive(index) || isStepComplete(index),\n 'border-gray-300 bg-white text-gray-400 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-500':\n isStepPending(index),\n }\"\n >\n <Icon\n v-if=\"isStepComplete(index)\"\n icon=\"lucide:check\"\n class=\"size-6\"\n />\n <Icon\n v-else-if=\"step.icon\"\n :icon=\"step.icon\"\n class=\"size-6\"\n />\n <span v-else class=\"text-sm font-semibold\">{{ index + 1 }}</span>\n </div>\n\n <!-- Step Content -->\n <div\n :class=\"[\n orientation === 'horizontal'\n ? 'mt-4 flex flex-col items-center text-center'\n : 'flex flex-col pt-2',\n ]\"\n >\n <p\n class=\"text-sm font-semibold transition-colors\"\n :class=\"{\n 'text-primary dark:text-primary': isStepActive(index) || isStepComplete(index),\n 'text-gray-500 dark:text-gray-400': isStepPending(index),\n }\"\n >\n {{ step.title }}\n </p>\n <p\n v-if=\"step.description\"\n class=\"mt-1 text-xs\"\n :class=\"{\n 'text-gray-600 dark:text-gray-300': isStepActive(index),\n 'text-gray-500 dark:text-gray-400': !isStepActive(index),\n }\"\n >\n {{ step.description }}\n </p>\n </div>\n </div>\n </div>\n </div>\n</template>\n","<script lang=\"ts\" setup>\nimport { Icon } from '@iconify/vue'\nimport { ref } from 'vue'\nimport CardComponent from './CardComponent.vue'\n\nconst props = withDefaults(\n defineProps<{\n /** Card title */\n title?: string\n /** Card description */\n description?: string\n /** Whether the card is initially expanded */\n defaultExpanded?: boolean\n }>(),\n {\n defaultExpanded: true,\n },\n)\n\nconst isExpanded = ref(props.defaultExpanded)\n\nconst toggle = () => {\n isExpanded.value = !isExpanded.value\n}\n</script>\n\n<template>\n <CardComponent :title=\"title\" :description=\"description\">\n <template #actions>\n <slot name=\"actions\" />\n <button\n type=\"button\"\n class=\"rounded-lg p-1.5 text-gray-500 hover:bg-gray-100 dark:text-gray-400 dark:hover:bg-gray-800\"\n @click=\"toggle\"\n >\n <Icon\n :icon=\"isExpanded ? 'lucide:chevron-up' : 'lucide:chevron-down'\"\n class=\"size-5\"\n />\n </button>\n </template>\n\n <Transition\n enter-active-class=\"transition-all duration-200 ease-out\"\n enter-from-class=\"opacity-0 max-h-0\"\n enter-to-class=\"opacity-100 max-h-[2000px]\"\n leave-active-class=\"transition-all duration-200 ease-in\"\n leave-from-class=\"opacity-100 max-h-[2000px]\"\n leave-to-class=\"opacity-0 max-h-0\"\n >\n <div v-show=\"isExpanded\" class=\"overflow-hidden\">\n <div class=\"space-y-4 p-6\">\n <slot />\n </div>\n </div>\n </Transition>\n </CardComponent>\n</template>\n"],"names":["_openBlock","_createElementBlock","_hoisted_1","$slots","_hoisted_2","_createElementVNode","_hoisted_3","_hoisted_4","_renderSlot","_hoisted_5","_hoisted_6","TextType","NumberType","DateType","BooleanType","BadgeType","computed","_Fragment","_renderList","_normalizeClass","_createTextVNode","_toDisplayString","_createBlock","_resolveDynamicComponent","ref","watch","nextTick","onUnmounted","_createVNode","_unref","Icon","_withModifiers","_Teleport","_Transition","resolveComponent","_mergeProps","provide","inject","_withDirectives","_normalizeStyle","CardComponent"],"mappings":"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"}
|
|
@@ -167,7 +167,7 @@ const _hoisted_4 = {
|
|
|
167
167
|
key: 0,
|
|
168
168
|
class: "mx-3 text-sm font-semibold text-gray-400 dark:text-gray-600"
|
|
169
169
|
};
|
|
170
|
-
const _hoisted_5 = { class: "flex flex-col gap-4
|
|
170
|
+
const _hoisted_5 = { class: "flex flex-col gap-4 md:flex-row md:items-center md:justify-between" };
|
|
171
171
|
const _hoisted_6 = { class: "flex flex-col gap-1" };
|
|
172
172
|
const _hoisted_7 = {
|
|
173
173
|
key: 0,
|
|
@@ -262,4 +262,4 @@ export {
|
|
|
262
262
|
_sfc_main$1 as _,
|
|
263
263
|
_sfc_main as a
|
|
264
264
|
};
|
|
265
|
-
//# sourceMappingURL=PageLayout.vue_vue_type_script_setup_true_lang-
|
|
265
|
+
//# sourceMappingURL=PageLayout.vue_vue_type_script_setup_true_lang-CQ7jdAeN.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageLayout.vue_vue_type_script_setup_true_lang-Bf2mA7rD.js","sources":["../src/components/layout/BaseLayout.vue","../src/components/layout/PageLayout.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ref, computed, resolveComponent } from 'vue'\nimport { Icon } from '@iconify/vue'\nimport MenuItem from '@/components/core/MenuItem.vue'\nimport type { MenuItemProps } from '@/types'\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 }>(),\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 },\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</script>\n\n<template>\n <div class=\"font-inter relative flex h-dvh bg-gray-100 dark:bg-slate-900\">\n <!-- Backdrop for mobile -->\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 ></div>\n\n <!-- Sidebar -->\n <aside\n :class=\"[\n sidebarOpenModel ? 'lg:w-60' : '-translate-x-76 lg:w-16 lg:translate-x-0',\n sidebarClass,\n ]\"\n class=\"@container absolute z-50 flex h-full w-76 flex-col justify-between gap-10 transition-all duration-1000 ease-in-out lg:relative\"\n >\n <!-- Sidebar Header -->\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 class=\"size-5 text-white\" :icon=\"appIcon\" />\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 class=\"size-6 text-white\" icon=\"lucide:menu\" />\n </button>\n </div>\n\n <!-- Menu Items -->\n <div\n :class=\"sidebarOpenModel ? 'items-start' : 'items-center'\"\n class=\"flex flex-1 flex-col gap-8 px-2 lg:justify-center\"\n >\n <slot name=\"menu\" :current-path=\"currentPath\">\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 <!-- Sidebar Footer -->\n <div class=\"flex flex-col gap-3 px-3 pb-3\">\n <slot name=\"sidebar-footer\" />\n </div>\n </aside>\n\n <!-- Main Content Area -->\n <div class=\"flex flex-1 flex-col\">\n <!-- Header -->\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 </div>\n </header>\n\n <!-- Page Content -->\n <div class=\"flex flex-1 flex-col overflow-y-auto\">\n <main class=\"container mx-auto flex flex-1 flex-col gap-5 p-5\">\n <slot>\n <component :is=\"routerViewComponent\" v-if=\"routerViewComponent\" />\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 Breadcrumb {\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?: Breadcrumb[]\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 <!-- Breadcrumbs -->\n <nav v-if=\"breadcrumbs && breadcrumbs.length > 0\" aria-label=\"Breadcrumb\">\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 name=\"breadcrumb\" :breadcrumb=\"breadcrumb\" :index=\"index\" :isLast=\"index === breadcrumbs.length - 1\">\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 <!-- Page Header -->\n <div class=\"flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between\">\n <div class=\"flex flex-col gap-1\">\n <h1\n v-if=\"title\"\n class=\"text-2xl font-bold text-gray-900 dark:text-gray-100\"\n >\n <slot name=\"title\">{{ title }}</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\">{{ description }}</slot>\n </p>\n </div>\n\n <div class=\"flex items-center gap-2\">\n <slot name=\"actions\" />\n </div>\n </div>\n\n <!-- Page Content -->\n <div class=\"flex-1\">\n <slot />\n </div>\n </div>\n</template>\n"],"names":["_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_normalizeClass","_hoisted_2","_hoisted_3","_renderSlot","_hoisted_4","_createVNode","_unref","_Fragment","_renderList","_createBlock","MenuItem","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_resolveDynamicComponent","_mergeProps","_createTextVNode","_toDisplayString"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"PageLayout.vue_vue_type_script_setup_true_lang-CQ7jdAeN.js","sources":["../src/components/layout/BaseLayout.vue","../src/components/layout/PageLayout.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ref, computed, resolveComponent } from 'vue'\nimport { Icon } from '@iconify/vue'\nimport MenuItem from '@/components/core/MenuItem.vue'\nimport type { MenuItemProps } from '@/types'\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 }>(),\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 },\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</script>\n\n<template>\n <div class=\"font-inter relative flex h-dvh bg-gray-100 dark:bg-slate-900\">\n <!-- Backdrop for mobile -->\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 ></div>\n\n <!-- Sidebar -->\n <aside\n :class=\"[\n sidebarOpenModel ? 'lg:w-60' : '-translate-x-76 lg:w-16 lg:translate-x-0',\n sidebarClass,\n ]\"\n class=\"@container absolute z-50 flex h-full w-76 flex-col justify-between gap-10 transition-all duration-1000 ease-in-out lg:relative\"\n >\n <!-- Sidebar Header -->\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 class=\"size-5 text-white\" :icon=\"appIcon\" />\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 class=\"size-6 text-white\" icon=\"lucide:menu\" />\n </button>\n </div>\n\n <!-- Menu Items -->\n <div\n :class=\"sidebarOpenModel ? 'items-start' : 'items-center'\"\n class=\"flex flex-1 flex-col gap-8 px-2 lg:justify-center\"\n >\n <slot name=\"menu\" :current-path=\"currentPath\">\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 <!-- Sidebar Footer -->\n <div class=\"flex flex-col gap-3 px-3 pb-3\">\n <slot name=\"sidebar-footer\" />\n </div>\n </aside>\n\n <!-- Main Content Area -->\n <div class=\"flex flex-1 flex-col\">\n <!-- Header -->\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 </div>\n </header>\n\n <!-- Page Content -->\n <div class=\"flex flex-1 flex-col overflow-y-auto\">\n <main class=\"container mx-auto flex flex-1 flex-col gap-5 p-5\">\n <slot>\n <component :is=\"routerViewComponent\" v-if=\"routerViewComponent\" />\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 Breadcrumb {\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?: Breadcrumb[]\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 <!-- Breadcrumbs -->\n <nav v-if=\"breadcrumbs && breadcrumbs.length > 0\" aria-label=\"Breadcrumb\">\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 name=\"breadcrumb\" :breadcrumb=\"breadcrumb\" :index=\"index\" :isLast=\"index === breadcrumbs.length - 1\">\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 <!-- Page Header -->\n <div class=\"flex flex-col gap-4 md:flex-row md:items-center md:justify-between\">\n <div class=\"flex flex-col gap-1\">\n <h1\n v-if=\"title\"\n class=\"text-2xl font-bold text-gray-900 dark:text-gray-100\"\n >\n <slot name=\"title\">{{ title }}</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\">{{ description }}</slot>\n </p>\n </div>\n\n <div class=\"flex items-center gap-2\">\n <slot name=\"actions\" />\n </div>\n </div>\n\n <!-- Page Content -->\n <div class=\"flex-1\">\n <slot />\n </div>\n </div>\n</template>\n"],"names":["_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_normalizeClass","_hoisted_2","_hoisted_3","_renderSlot","_hoisted_4","_createVNode","_unref","_Fragment","_renderList","_createBlock","MenuItem","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_resolveDynamicComponent","_mergeProps","_createTextVNode","_toDisplayString"],"mappings":"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"}
|
|
@@ -168,7 +168,7 @@ const _hoisted_4 = {
|
|
|
168
168
|
key: 0,
|
|
169
169
|
class: "mx-3 text-sm font-semibold text-gray-400 dark:text-gray-600"
|
|
170
170
|
};
|
|
171
|
-
const _hoisted_5 = { class: "flex flex-col gap-4
|
|
171
|
+
const _hoisted_5 = { class: "flex flex-col gap-4 md:flex-row md:items-center md:justify-between" };
|
|
172
172
|
const _hoisted_6 = { class: "flex flex-col gap-1" };
|
|
173
173
|
const _hoisted_7 = {
|
|
174
174
|
key: 0,
|
|
@@ -261,4 +261,4 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
261
261
|
});
|
|
262
262
|
exports._sfc_main = _sfc_main$1;
|
|
263
263
|
exports._sfc_main$1 = _sfc_main;
|
|
264
|
-
//# sourceMappingURL=PageLayout.vue_vue_type_script_setup_true_lang-
|
|
264
|
+
//# sourceMappingURL=PageLayout.vue_vue_type_script_setup_true_lang-Cy0-c7YG.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageLayout.vue_vue_type_script_setup_true_lang-_e_Qma33.cjs","sources":["../src/components/layout/BaseLayout.vue","../src/components/layout/PageLayout.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ref, computed, resolveComponent } from 'vue'\nimport { Icon } from '@iconify/vue'\nimport MenuItem from '@/components/core/MenuItem.vue'\nimport type { MenuItemProps } from '@/types'\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 }>(),\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 },\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</script>\n\n<template>\n <div class=\"font-inter relative flex h-dvh bg-gray-100 dark:bg-slate-900\">\n <!-- Backdrop for mobile -->\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 ></div>\n\n <!-- Sidebar -->\n <aside\n :class=\"[\n sidebarOpenModel ? 'lg:w-60' : '-translate-x-76 lg:w-16 lg:translate-x-0',\n sidebarClass,\n ]\"\n class=\"@container absolute z-50 flex h-full w-76 flex-col justify-between gap-10 transition-all duration-1000 ease-in-out lg:relative\"\n >\n <!-- Sidebar Header -->\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 class=\"size-5 text-white\" :icon=\"appIcon\" />\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 class=\"size-6 text-white\" icon=\"lucide:menu\" />\n </button>\n </div>\n\n <!-- Menu Items -->\n <div\n :class=\"sidebarOpenModel ? 'items-start' : 'items-center'\"\n class=\"flex flex-1 flex-col gap-8 px-2 lg:justify-center\"\n >\n <slot name=\"menu\" :current-path=\"currentPath\">\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 <!-- Sidebar Footer -->\n <div class=\"flex flex-col gap-3 px-3 pb-3\">\n <slot name=\"sidebar-footer\" />\n </div>\n </aside>\n\n <!-- Main Content Area -->\n <div class=\"flex flex-1 flex-col\">\n <!-- Header -->\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 </div>\n </header>\n\n <!-- Page Content -->\n <div class=\"flex flex-1 flex-col overflow-y-auto\">\n <main class=\"container mx-auto flex flex-1 flex-col gap-5 p-5\">\n <slot>\n <component :is=\"routerViewComponent\" v-if=\"routerViewComponent\" />\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 Breadcrumb {\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?: Breadcrumb[]\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 <!-- Breadcrumbs -->\n <nav v-if=\"breadcrumbs && breadcrumbs.length > 0\" aria-label=\"Breadcrumb\">\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 name=\"breadcrumb\" :breadcrumb=\"breadcrumb\" :index=\"index\" :isLast=\"index === breadcrumbs.length - 1\">\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 <!-- Page Header -->\n <div class=\"flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between\">\n <div class=\"flex flex-col gap-1\">\n <h1\n v-if=\"title\"\n class=\"text-2xl font-bold text-gray-900 dark:text-gray-100\"\n >\n <slot name=\"title\">{{ title }}</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\">{{ description }}</slot>\n </p>\n </div>\n\n <div class=\"flex items-center gap-2\">\n <slot name=\"actions\" />\n </div>\n </div>\n\n <!-- Page Content -->\n <div class=\"flex-1\">\n <slot />\n </div>\n </div>\n</template>\n"],"names":["ref","computed","resolveComponent","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_normalizeClass","_hoisted_2","_hoisted_3","_renderSlot","_hoisted_4","_createVNode","_unref","Icon","_Fragment","_renderList","_createBlock","MenuItem","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_resolveDynamicComponent","_mergeProps","_createTextVNode","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,UAAM,QAAQ;AA+Bd,UAAM,OAAO;AAKb,UAAM,sBAAsBA,IAAAA,IAAI,MAAM,WAAW;AACjD,UAAM,eAAeA,IAAAA,IAAI,MAAM,IAAI;AAEnC,UAAM,mBAAmBC,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;;AAIC,aAAAC,cAAA,GAAAC,uBA+GM,OA/GNC,cA+GM;AAAA,QA5GI,iBAAA,0BADRD,IAAAA,mBAIO,OAAA;AAAA;UAFL,OAAM;AAAA,UACL,+CAAO,iBAAA,QAAgB;AAAA,QAAA;QAI1BE,IAAAA,mBAqDQ,SAAA;AAAA,UApDL,OAAKC,IAAAA,eAAA,CAAA;AAAA,YAAY,iBAAA,QAAgB,YAAA;AAAA,YAAmE,QAAA;AAAA,UAAA,GAI/F,gIAAgI,CAAA;AAAA,QAAA;UAGtID,IAAAA,mBAuBM,OAvBNE,cAuBM;AAAA,YAtBJF,IAAAA,mBAcM,OAdNG,cAcM;AAAA,cAbJC,IAAAA,WAYO,yBAZP,MAYO;AAAA,gBAXLJ,IAAAA,mBAIM,OAJNK,cAIM;AAAA,kBADJC,gBAAkDC,IAAAA,MAAAC,MAAAA,IAAA,GAAA;AAAA,oBAA5C,OAAM;AAAA,oBAAqB,MAAM,QAAA;AAAA,kBAAA;;gBAEzCR,IAAAA,mBAKO,QAAA;AAAA,kBAJJ,OAAKC,IAAAA,eAAA,CAAE,iBAAA,QAAgB,UAAA,UAClB,qDAAqD,CAAA;AAAA,gBAAA,uBAExD,QAAA,OAAO,GAAA,CAAA;AAAA,cAAA;;YAKhBD,IAAAA,mBAKS,UAAA;AAAA,cAJP,OAAM;AAAA,cACL,SAAO;AAAA,YAAA;cAERM,gBAAqDC,IAAAA,MAAAC,MAAAA,IAAA,GAAA;AAAA,gBAA/C,OAAM;AAAA,gBAAoB,MAAK;AAAA,cAAA;;;UAKzCR,IAAAA,mBAaM,OAAA;AAAA,YAZH,OAAKC,IAAAA,eAAA,CAAE,iBAAA,QAAgB,gBAAA,gBAClB,mDAAmD,CAAA;AAAA,UAAA;YAEzDG,eAQO,KAAA,QAAA,QAAA,EARY,aAAc,QAAA,YAAA,GAAjC,MAQO;AAAA,eAPLP,IAAAA,UAAA,IAAA,GAAAC,IAAAA,mBAMEW,cAAA,MAAAC,IAAAA,WALwB,QAAA,WAAS,CAAzB,MAAM,UAAK;wCADrBC,IAAAA,YAMEC,wDAAA;AAAA,kBAJC,KAAK;AAAA,kBACL,aAAW;AAAA,kBACX,UAAU,iBAAA;AAAA,kBACV,gBAAc,QAAA;AAAA,gBAAA;;;;UAMrBZ,IAAAA,mBAEM,OAFNa,cAEM;AAAA,YADJT,eAA8B,KAAA,QAAA,gBAAA;AAAA,UAAA;;QAKlCJ,IAAAA,mBA6CM,OA7CNc,cA6CM;AAAA,UA3CJd,IAAAA,mBAiCS,UAjCTe,cAiCS;AAAA,YA9BPf,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,OAFNgB,cAEM;AAAA,cADJZ,eAA6B,KAAA,QAAA,eAAA;AAAA,YAAA;YAG/BJ,IAAAA,mBAaM,OAbNiB,cAaM;AAAA,cAZJb,eAA8B,KAAA,QAAA,gBAAA;AAAA,cAGtB,QAAA,mCADRN,IAAAA,mBASS,UAAA;AAAA;gBAPP,OAAM;AAAA,gBACL,SAAO;AAAA,cAAA;gBAERQ,gBAGEC,IAAAA,MAAAC,MAAAA,IAAA,GAAA;AAAA,kBAFC,MAAM,UAAA,QAAS,eAAA;AAAA,kBAChB,OAAM;AAAA,gBAAA;;;;UAOdR,IAAAA,mBAMM,OANNkB,eAMM;AAAA,YALJlB,IAAAA,mBAIO,QAJP,aAIO;AAAA,cAHLI,IAAAA,WAEO,4BAFP,MAEO;AAAA,gBADsC,oBAAA,SAA3CP,IAAAA,UAAA,GAAAc,IAAAA,YAAkEQ,IAAAA,wBAAlD,oBAAA,KAAmB,GAAA,EAAA,KAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC5K/C,UAAM,gBAAgBxB,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,uBA6DM,OA7DN,YA6DM;AAAA,QA3DO,QAAA,eAAe,QAAA,YAAY,SAAM,KAA5CD,IAAAA,aAAAC,IAAAA,mBA8BM,OA9BN,YA8BM;AAAA,UA7BJE,IAAAA,mBA4BK,MA5BL,YA4BK;AAAA,aA3BHH,IAAAA,UAAA,IAAA,GAAAC,IAAAA,mBA0BKW,cAAA,MAAAC,IAAAA,WAzB2B,QAAA,aAAW,CAAjC,YAAY,UAAK;sCAD3BZ,IAAAA,mBA0BK,MAAA;AAAA,gBAxBF,KAAK;AAAA,gBACN,OAAM;AAAA,cAAA;gBAGE,QAAK,sBADbA,uBAKO,QALP,YAGC,KAED;gBAEAM,eAaO,KAAA,QAAA,cAAA;AAAA,kBAbkB;AAAA,kBAAyB;AAAA,kBAAe,QAAQ,UAAU,QAAA,YAAY,SAAM;AAAA,gBAAA,GAArG,MAaO;AAAA,oCAZLO,IAAAA,YAWYQ,IAAAA,wBAVL,mBAAa,GADpBC,IAAAA,WAWY,mBATF,aAAa,WAAW,IAAI,GAAA;AAAA,oBACnC,OAAK;AAAA;sBAAiE,QAAQ,QAAA,YAAY,SAAM;;;yCAOjG,MAAsB;AAAA,sBAAnBC,IAAAA,gBAAAC,IAAAA,gBAAA,WAAW,KAAK,GAAA,CAAA;AAAA,oBAAA;;;;;;;;QAQ7BtB,IAAAA,mBAoBM,OApBN,YAoBM;AAAA,UAnBJA,IAAAA,mBAcM,OAdN,YAcM;AAAA,YAZI,QAAA,SADRH,IAAAA,UAAA,GAAAC,IAAAA,mBAKK,MALL,YAKK;AAAA,cADHM,IAAAA,WAAqC,0BAArC,MAAqC;AAAA,wDAAf,QAAA,KAAK,GAAA,CAAA;AAAA,cAAA;;YAIrB,QAAA,eADRP,IAAAA,UAAA,GAAAC,IAAAA,mBAKI,KALJ,YAKI;AAAA,cADFM,IAAAA,WAAiD,gCAAjD,MAAiD;AAAA,wDAArB,QAAA,WAAW,GAAA,CAAA;AAAA,cAAA;;;UAI3CJ,IAAAA,mBAEM,OAFN,YAEM;AAAA,YADJI,eAAuB,KAAA,QAAA,SAAA;AAAA,UAAA;;QAK3BJ,IAAAA,mBAEM,OAFN,aAEM;AAAA,UADJI,eAAQ,KAAA,QAAA,SAAA;AAAA,QAAA;;;;;;;"}
|
|
1
|
+
{"version":3,"file":"PageLayout.vue_vue_type_script_setup_true_lang-Cy0-c7YG.cjs","sources":["../src/components/layout/BaseLayout.vue","../src/components/layout/PageLayout.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ref, computed, resolveComponent } from 'vue'\nimport { Icon } from '@iconify/vue'\nimport MenuItem from '@/components/core/MenuItem.vue'\nimport type { MenuItemProps } from '@/types'\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 }>(),\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 },\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</script>\n\n<template>\n <div class=\"font-inter relative flex h-dvh bg-gray-100 dark:bg-slate-900\">\n <!-- Backdrop for mobile -->\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 ></div>\n\n <!-- Sidebar -->\n <aside\n :class=\"[\n sidebarOpenModel ? 'lg:w-60' : '-translate-x-76 lg:w-16 lg:translate-x-0',\n sidebarClass,\n ]\"\n class=\"@container absolute z-50 flex h-full w-76 flex-col justify-between gap-10 transition-all duration-1000 ease-in-out lg:relative\"\n >\n <!-- Sidebar Header -->\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 class=\"size-5 text-white\" :icon=\"appIcon\" />\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 class=\"size-6 text-white\" icon=\"lucide:menu\" />\n </button>\n </div>\n\n <!-- Menu Items -->\n <div\n :class=\"sidebarOpenModel ? 'items-start' : 'items-center'\"\n class=\"flex flex-1 flex-col gap-8 px-2 lg:justify-center\"\n >\n <slot name=\"menu\" :current-path=\"currentPath\">\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 <!-- Sidebar Footer -->\n <div class=\"flex flex-col gap-3 px-3 pb-3\">\n <slot name=\"sidebar-footer\" />\n </div>\n </aside>\n\n <!-- Main Content Area -->\n <div class=\"flex flex-1 flex-col\">\n <!-- Header -->\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 </div>\n </header>\n\n <!-- Page Content -->\n <div class=\"flex flex-1 flex-col overflow-y-auto\">\n <main class=\"container mx-auto flex flex-1 flex-col gap-5 p-5\">\n <slot>\n <component :is=\"routerViewComponent\" v-if=\"routerViewComponent\" />\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 Breadcrumb {\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?: Breadcrumb[]\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 <!-- Breadcrumbs -->\n <nav v-if=\"breadcrumbs && breadcrumbs.length > 0\" aria-label=\"Breadcrumb\">\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 name=\"breadcrumb\" :breadcrumb=\"breadcrumb\" :index=\"index\" :isLast=\"index === breadcrumbs.length - 1\">\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 <!-- Page Header -->\n <div class=\"flex flex-col gap-4 md:flex-row md:items-center md:justify-between\">\n <div class=\"flex flex-col gap-1\">\n <h1\n v-if=\"title\"\n class=\"text-2xl font-bold text-gray-900 dark:text-gray-100\"\n >\n <slot name=\"title\">{{ title }}</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\">{{ description }}</slot>\n </p>\n </div>\n\n <div class=\"flex items-center gap-2\">\n <slot name=\"actions\" />\n </div>\n </div>\n\n <!-- Page Content -->\n <div class=\"flex-1\">\n <slot />\n </div>\n </div>\n</template>\n"],"names":["ref","computed","resolveComponent","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_normalizeClass","_hoisted_2","_hoisted_3","_renderSlot","_hoisted_4","_createVNode","_unref","Icon","_Fragment","_renderList","_createBlock","MenuItem","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_resolveDynamicComponent","_mergeProps","_createTextVNode","_toDisplayString"],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
const CollapsibleCard_vue_vue_type_script_setup_true_lang = require("../../CollapsibleCard.vue_vue_type_script_setup_true_lang-
|
|
3
|
+
const CollapsibleCard_vue_vue_type_script_setup_true_lang = require("../../CollapsibleCard.vue_vue_type_script_setup_true_lang-d-hCuKqk.cjs");
|
|
4
4
|
const MenuItem_vue_vue_type_script_setup_true_lang = require("../../MenuItem.vue_vue_type_script_setup_true_lang-BWz86k7c.cjs");
|
|
5
5
|
const BadgeType_vue_vue_type_script_setup_true_lang = require("../../BadgeType.vue_vue_type_script_setup_true_lang-CJb63H1I.cjs");
|
|
6
6
|
exports.AutocompleteComponent = CollapsibleCard_vue_vue_type_script_setup_true_lang._sfc_main$2;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { b, e, d, _, j, h, i, g, c, a, f } from "../../CollapsibleCard.vue_vue_type_script_setup_true_lang-
|
|
1
|
+
import { b, e, d, _, j, h, i, g, c, a, f } from "../../CollapsibleCard.vue_vue_type_script_setup_true_lang-BgTcOxdR.js";
|
|
2
2
|
import { _ as _2 } from "../../MenuItem.vue_vue_type_script_setup_true_lang-emN2qlfR.js";
|
|
3
3
|
import { _ as _3 } from "../../BadgeType.vue_vue_type_script_setup_true_lang-CnB5eNEM.js";
|
|
4
4
|
export {
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
const CollapsibleCard_vue_vue_type_script_setup_true_lang = require("../CollapsibleCard.vue_vue_type_script_setup_true_lang-
|
|
3
|
+
const CollapsibleCard_vue_vue_type_script_setup_true_lang = require("../CollapsibleCard.vue_vue_type_script_setup_true_lang-d-hCuKqk.cjs");
|
|
4
4
|
const MenuItem_vue_vue_type_script_setup_true_lang = require("../MenuItem.vue_vue_type_script_setup_true_lang-BWz86k7c.cjs");
|
|
5
5
|
const BadgeType_vue_vue_type_script_setup_true_lang = require("../BadgeType.vue_vue_type_script_setup_true_lang-CJb63H1I.cjs");
|
|
6
6
|
const Checkbox_vue_vue_type_script_setup_true_lang = require("../Checkbox.vue_vue_type_script_setup_true_lang-DQD2I1Wk.cjs");
|
|
7
7
|
const EmptyState_vue_vue_type_script_setup_true_lang = require("../EmptyState.vue_vue_type_script_setup_true_lang-mlqLBP5W.cjs");
|
|
8
|
-
const PageLayout_vue_vue_type_script_setup_true_lang = require("../PageLayout.vue_vue_type_script_setup_true_lang-
|
|
8
|
+
const PageLayout_vue_vue_type_script_setup_true_lang = require("../PageLayout.vue_vue_type_script_setup_true_lang-Cy0-c7YG.cjs");
|
|
9
9
|
exports.AutocompleteComponent = CollapsibleCard_vue_vue_type_script_setup_true_lang._sfc_main$2;
|
|
10
10
|
exports.Avatar = CollapsibleCard_vue_vue_type_script_setup_true_lang._sfc_main$5;
|
|
11
11
|
exports.Button = CollapsibleCard_vue_vue_type_script_setup_true_lang._sfc_main$4;
|
package/dist/components/index.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { b, e, d, _, j, h, i, g, c, a, f } from "../CollapsibleCard.vue_vue_type_script_setup_true_lang-
|
|
1
|
+
import { b, e, d, _, j, h, i, g, c, a, f } from "../CollapsibleCard.vue_vue_type_script_setup_true_lang-BgTcOxdR.js";
|
|
2
2
|
import { _ as _2 } from "../MenuItem.vue_vue_type_script_setup_true_lang-emN2qlfR.js";
|
|
3
3
|
import { e as e2, d as d2, c as c2, b as b2, _ as _3, a as a2 } from "../BadgeType.vue_vue_type_script_setup_true_lang-CnB5eNEM.js";
|
|
4
4
|
import { g as g2, d as d3, a as a3, b as b3, _ as _4, c as c3, e as e3, f as f2 } from "../Checkbox.vue_vue_type_script_setup_true_lang-DVkcMcSN.js";
|
|
5
5
|
import { e as e4, f as f3, _ as _5, a as a4, c as c4, d as d4, b as b4 } from "../EmptyState.vue_vue_type_script_setup_true_lang-CrVvFwXA.js";
|
|
6
|
-
import { _ as _6, a as a5 } from "../PageLayout.vue_vue_type_script_setup_true_lang-
|
|
6
|
+
import { _ as _6, a as a5 } from "../PageLayout.vue_vue_type_script_setup_true_lang-CQ7jdAeN.js";
|
|
7
7
|
export {
|
|
8
8
|
e4 as Alert,
|
|
9
9
|
b as AutocompleteComponent,
|