cisse-vue-ui 0.1.6 → 0.1.8

package/dist/{PageLayout.vue_vue_type_script_setup_true_lang-CQ7jdAeN.js → PageLayout.vue_vue_type_script_setup_true_lang-BoFiqN42.js}

@@ -1,6 +1,6 @@
-import { defineComponent, ref, computed, resolveComponent, createElementBlock, openBlock, createCommentVNode, createElementVNode, normalizeClass, renderSlot, createVNode, unref, toDisplayString, Fragment, renderList, createBlock, resolveDynamicComponent, mergeProps, withCtx, createTextVNode } from "vue";
+import { defineComponent, ref, computed, resolveComponent, createElementBlock, openBlock, createCommentVNode, createElementVNode, normalizeClass, renderSlot, createVNode, unref, toDisplayString, Fragment, renderList, createBlock, withCtx, resolveDynamicComponent, mergeProps, createTextVNode } from "vue";
 import { Icon } from "@iconify/vue";
-import { _ as _sfc_main$2 } from "./MenuItem.vue_vue_type_script_setup_true_lang-emN2qlfR.js";
+import { _ as _sfc_main$2, a as _sfc_main$3 } from "./Dropdown.vue_vue_type_script_setup_true_lang-CfyqlT_n.js";
 const _hoisted_1$1 = { class: "font-inter relative flex h-dvh bg-gray-100 dark:bg-slate-900" };
 const _hoisted_2$1 = { class: "flex h-16 items-center px-3" };
 const _hoisted_3$1 = { class: "flex flex-1 items-center justify-center gap-3" };
@@ -10,8 +10,12 @@ const _hoisted_6$1 = { class: "flex flex-1 flex-col" };
 const _hoisted_7$1 = { class: "flex h-16 items-center justify-between border-b border-slate-200 bg-white px-4 dark:border-slate-800 dark:bg-slate-950" };
 const _hoisted_8$1 = { class: "flex-1" };
 const _hoisted_9$1 = { class: "flex items-center gap-3" };
-const _hoisted_10$1 = { class: "flex flex-1 flex-col overflow-y-auto" };
-const _hoisted_11 = { class: "container mx-auto flex flex-1 flex-col gap-5 p-5" };
+const _hoisted_10$1 = { class: "flex items-center gap-2 rounded-lg p-1.5 transition hover:bg-gray-100 dark:hover:bg-gray-800" };
+const _hoisted_11 = { class: "flex size-8 items-center justify-center rounded-full bg-primary text-sm font-medium text-white" };
+const _hoisted_12 = { class: "hidden text-sm font-medium text-gray-700 dark:text-gray-300 md:block" };
+const _hoisted_13 = { class: "min-w-48 py-1" };
+const _hoisted_14 = { class: "flex flex-1 flex-col overflow-y-auto" };
+const _hoisted_15 = { class: "container mx-auto flex flex-1 flex-col gap-5 p-5" };
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "BaseLayout",
   props: {
@@ -22,7 +26,10 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     dark: { type: Boolean, default: false },
     showDarkToggle: { type: Boolean, default: true },
     sidebarClass: { default: "bg-[#172b4c] dark:bg-slate-950" },
-    currentPath: { default: void 0 }
+    currentPath: { default: void 0 },
+    userName: { default: void 0 },
+    userAvatar: { default: void 0 },
+    userMenuItems: { default: () => [] }
   },
   emits: ["update:sidebarOpen", "update:dark"],
   setup(__props, { emit: __emit }) {
@@ -60,6 +67,27 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       }
       return null;
     });
+    const routerLinkComponent = computed(() => {
+      try {
+        const RouterLink = resolveComponent("RouterLink");
+        if (typeof RouterLink !== "string") {
+          return RouterLink;
+        }
+      } catch {
+      }
+      return "a";
+    });
+    const getLinkProps = (link) => {
+      if (routerLinkComponent.value === "a") {
+        return { href: link };
+      }
+      return { to: link };
+    };
+    const handleUserMenuClick = (item) => {
+      if (item.action) {
+        item.action();
+      }
+    };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$1, [
         sidebarOpenModel.value ? (openBlock(), createElementBlock("div", {
@@ -142,11 +170,52 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                   icon: darkModel.value ? "lucide:sun" : "lucide:moon",
                   class: "size-5 text-gray-900 dark:text-gray-100"
                 }, null, 8, ["icon"])
-              ])) : createCommentVNode("", true)
+              ])) : createCommentVNode("", true),
+              __props.userName || __props.userAvatar ? (openBlock(), createBlock(_sfc_main$3, {
+                key: 1,
+                align: "right"
+              }, {
+                trigger: withCtx(() => [
+                  createElementVNode("button", _hoisted_10$1, [
+                    createElementVNode("div", _hoisted_11, toDisplayString(__props.userAvatar || "?"), 1),
+                    createElementVNode("span", _hoisted_12, toDisplayString(__props.userName), 1),
+                    createVNode(unref(Icon), {
+                      icon: "lucide:chevron-down",
+                      class: "size-4 text-gray-500"
+                    })
+                  ])
+                ]),
+                default: withCtx(({ close }) => [
+                  createElementVNode("div", _hoisted_13, [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(__props.userMenuItems, (item) => {
+                      return openBlock(), createBlock(resolveDynamicComponent(item.link ? routerLinkComponent.value : "button"), mergeProps({
+                        key: item.label
+                      }, { ref_for: true }, item.link ? getLinkProps(item.link) : {}, {
+                        class: "flex w-full items-center gap-2 px-4 py-2 text-left text-sm text-gray-700 hover:bg-gray-100 dark:text-gray-300 dark:hover:bg-gray-800",
+                        onClick: ($event) => {
+                          handleUserMenuClick(item);
+                          close();
+                        }
+                      }), {
+                        default: withCtx(() => [
+                          item.icon ? (openBlock(), createBlock(unref(Icon), {
+                            key: 0,
+                            icon: item.icon,
+                            class: "size-4"
+                          }, null, 8, ["icon"])) : createCommentVNode("", true),
+                          createTextVNode(" " + toDisplayString(item.label), 1)
+                        ]),
+                        _: 2
+                      }, 1040, ["onClick"]);
+                    }), 128))
+                  ])
+                ]),
+                _: 1
+              })) : createCommentVNode("", true)
             ])
           ]),
-          createElementVNode("div", _hoisted_10$1, [
-            createElementVNode("main", _hoisted_11, [
+          createElementVNode("div", _hoisted_14, [
+            createElementVNode("main", _hoisted_15, [
               renderSlot(_ctx.$slots, "default", {}, () => [
                 routerViewComponent.value ? (openBlock(), createBlock(resolveDynamicComponent(routerViewComponent.value), { key: 0 })) : createCommentVNode("", true)
               ])
@@ -262,4 +331,4 @@ export {
   _sfc_main$1 as _,
   _sfc_main as a
 };
-//# sourceMappingURL=PageLayout.vue_vue_type_script_setup_true_lang-CQ7jdAeN.js.map
+//# sourceMappingURL=PageLayout.vue_vue_type_script_setup_true_lang-BoFiqN42.js.map

package/dist/PageLayout.vue_vue_type_script_setup_true_lang-BoFiqN42.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageLayout.vue_vue_type_script_setup_true_lang-BoFiqN42.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 Dropdown from '@/components/core/Dropdown.vue'\nimport type { MenuItemProps } from '@/types'\n\nexport interface UserMenuItem {\n  label: string\n  icon?: string\n  link?: string\n  action?: () => void\n}\n\nconst props = withDefaults(\n  defineProps<{\n    /** Menu items for the sidebar */\n    menuItems?: MenuItemProps[]\n    /** App/brand name displayed in sidebar */\n    appName?: string\n    /** App icon (iconify icon name) */\n    appIcon?: string\n    /** Whether sidebar is open (v-model:sidebarOpen) */\n    sidebarOpen?: boolean\n    /** Whether dark mode is enabled (v-model:dark) */\n    dark?: boolean\n    /** Show dark mode toggle in header */\n    showDarkToggle?: boolean\n    /** Primary color class for sidebar background */\n    sidebarClass?: string\n    /** Current route path for menu active state (pass useRoute().path) */\n    currentPath?: string\n    /** User display name */\n    userName?: string\n    /** User avatar (initials or image URL) */\n    userAvatar?: string\n    /** User menu items (dropdown) */\n    userMenuItems?: UserMenuItem[]\n  }>(),\n  {\n    menuItems: () => [],\n    appName: 'App',\n    appIcon: 'lucide:box',\n    sidebarOpen: true,\n    dark: false,\n    showDarkToggle: true,\n    sidebarClass: 'bg-[#172b4c] dark:bg-slate-950',\n    currentPath: undefined,\n    userName: undefined,\n    userAvatar: undefined,\n    userMenuItems: () => [],\n  },\n)\n\nconst emit = defineEmits<{\n  'update:sidebarOpen': [value: boolean]\n  'update:dark': [value: boolean]\n}>()\n\nconst internalSidebarOpen = ref(props.sidebarOpen)\nconst internalDark = ref(props.dark)\n\nconst sidebarOpenModel = computed({\n  get: () => props.sidebarOpen ?? internalSidebarOpen.value,\n  set: (value: boolean) => {\n    internalSidebarOpen.value = value\n    emit('update:sidebarOpen', value)\n  },\n})\n\nconst darkModel = computed({\n  get: () => props.dark ?? internalDark.value,\n  set: (value: boolean) => {\n    internalDark.value = value\n    emit('update:dark', value)\n  },\n})\n\nconst toggleSidebar = () => {\n  sidebarOpenModel.value = !sidebarOpenModel.value\n}\n\nconst toggleDark = () => {\n  darkModel.value = !darkModel.value\n}\n\n// Try to resolve RouterView\nconst routerViewComponent = computed(() => {\n  try {\n    const RouterView = resolveComponent('RouterView')\n    if (typeof RouterView !== 'string') {\n      return RouterView\n    }\n  } catch {\n    // RouterView not available\n  }\n  return null\n})\n\n// Try to resolve RouterLink\nconst routerLinkComponent = computed(() => {\n  try {\n    const RouterLink = resolveComponent('RouterLink')\n    if (typeof RouterLink !== 'string') {\n      return RouterLink\n    }\n  } catch {\n    // RouterLink not available\n  }\n  return 'a'\n})\n\nconst getLinkProps = (link: string) => {\n  if (routerLinkComponent.value === 'a') {\n    return { href: link }\n  }\n  return { to: link }\n}\n\nconst handleUserMenuClick = (item: UserMenuItem) => {\n  if (item.action) {\n    item.action()\n  }\n}\n</script>\n\n<template>\n  <div class=\"font-inter relative flex h-dvh 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\n          <!-- User Menu -->\n          <Dropdown v-if=\"userName || userAvatar\" align=\"right\">\n            <template #trigger>\n              <button\n                class=\"flex items-center gap-2 rounded-lg p-1.5 transition hover:bg-gray-100 dark:hover:bg-gray-800\"\n              >\n                <div\n                  class=\"flex size-8 items-center justify-center rounded-full bg-primary text-sm font-medium text-white\"\n                >\n                  {{ userAvatar || '?' }}\n                </div>\n                <span class=\"hidden text-sm font-medium text-gray-700 dark:text-gray-300 md:block\">\n                  {{ userName }}\n                </span>\n                <Icon icon=\"lucide:chevron-down\" class=\"size-4 text-gray-500\" />\n              </button>\n            </template>\n\n            <template #default=\"{ close }\">\n              <div class=\"min-w-48 py-1\">\n                <component\n                  :is=\"item.link ? routerLinkComponent : 'button'\"\n                  v-for=\"item in userMenuItems\"\n                  :key=\"item.label\"\n                  v-bind=\"item.link ? getLinkProps(item.link) : {}\"\n                  class=\"flex w-full items-center gap-2 px-4 py-2 text-left text-sm text-gray-700 hover:bg-gray-100 dark:text-gray-300 dark:hover:bg-gray-800\"\n                  @click=\"handleUserMenuClick(item); close()\"\n                >\n                  <Icon v-if=\"item.icon\" :icon=\"item.icon\" class=\"size-4\" />\n                  {{ item.label }}\n                </component>\n              </div>\n            </template>\n          </Dropdown>\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","Dropdown","_hoisted_10","_toDisplayString","_withCtx","_resolveDynamicComponent","_mergeProps","_createTextVNode"],"mappings":"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"}

package/dist/{PageLayout.vue_vue_type_script_setup_true_lang-Cy0-c7YG.cjs → PageLayout.vue_vue_type_script_setup_true_lang-HxuODTiQ.cjs}

@@ -1,7 +1,7 @@
 "use strict";
 const vue = require("vue");
 const vue$1 = require("@iconify/vue");
-const MenuItem_vue_vue_type_script_setup_true_lang = require("./MenuItem.vue_vue_type_script_setup_true_lang-BWz86k7c.cjs");
+const Dropdown_vue_vue_type_script_setup_true_lang = require("./Dropdown.vue_vue_type_script_setup_true_lang-CZQ5Ci8K.cjs");
 const _hoisted_1$1 = { class: "font-inter relative flex h-dvh bg-gray-100 dark:bg-slate-900" };
 const _hoisted_2$1 = { class: "flex h-16 items-center px-3" };
 const _hoisted_3$1 = { class: "flex flex-1 items-center justify-center gap-3" };
@@ -11,8 +11,12 @@ const _hoisted_6$1 = { class: "flex flex-1 flex-col" };
 const _hoisted_7$1 = { class: "flex h-16 items-center justify-between border-b border-slate-200 bg-white px-4 dark:border-slate-800 dark:bg-slate-950" };
 const _hoisted_8$1 = { class: "flex-1" };
 const _hoisted_9$1 = { class: "flex items-center gap-3" };
-const _hoisted_10$1 = { class: "flex flex-1 flex-col overflow-y-auto" };
-const _hoisted_11 = { class: "container mx-auto flex flex-1 flex-col gap-5 p-5" };
+const _hoisted_10$1 = { class: "flex items-center gap-2 rounded-lg p-1.5 transition hover:bg-gray-100 dark:hover:bg-gray-800" };
+const _hoisted_11 = { class: "flex size-8 items-center justify-center rounded-full bg-primary text-sm font-medium text-white" };
+const _hoisted_12 = { class: "hidden text-sm font-medium text-gray-700 dark:text-gray-300 md:block" };
+const _hoisted_13 = { class: "min-w-48 py-1" };
+const _hoisted_14 = { class: "flex flex-1 flex-col overflow-y-auto" };
+const _hoisted_15 = { class: "container mx-auto flex flex-1 flex-col gap-5 p-5" };
 const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
   __name: "BaseLayout",
   props: {
@@ -23,7 +27,10 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
     dark: { type: Boolean, default: false },
     showDarkToggle: { type: Boolean, default: true },
     sidebarClass: { default: "bg-[#172b4c] dark:bg-slate-950" },
-    currentPath: { default: void 0 }
+    currentPath: { default: void 0 },
+    userName: { default: void 0 },
+    userAvatar: { default: void 0 },
+    userMenuItems: { default: () => [] }
   },
   emits: ["update:sidebarOpen", "update:dark"],
   setup(__props, { emit: __emit }) {
@@ -61,6 +68,27 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
       }
       return null;
     });
+    const routerLinkComponent = vue.computed(() => {
+      try {
+        const RouterLink = vue.resolveComponent("RouterLink");
+        if (typeof RouterLink !== "string") {
+          return RouterLink;
+        }
+      } catch {
+      }
+      return "a";
+    });
+    const getLinkProps = (link) => {
+      if (routerLinkComponent.value === "a") {
+        return { href: link };
+      }
+      return { to: link };
+    };
+    const handleUserMenuClick = (item) => {
+      if (item.action) {
+        item.action();
+      }
+    };
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1, [
         sidebarOpenModel.value ? (vue.openBlock(), vue.createElementBlock("div", {
@@ -103,7 +131,7 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
           }, [
             vue.renderSlot(_ctx.$slots, "menu", { currentPath: __props.currentPath }, () => [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.menuItems, (item, index) => {
-                return vue.openBlock(), vue.createBlock(MenuItem_vue_vue_type_script_setup_true_lang._sfc_main, {
+                return vue.openBlock(), vue.createBlock(Dropdown_vue_vue_type_script_setup_true_lang._sfc_main, {
                   key: index,
                   "menu-item": item,
                   expanded: sidebarOpenModel.value,
@@ -143,11 +171,52 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
                   icon: darkModel.value ? "lucide:sun" : "lucide:moon",
                   class: "size-5 text-gray-900 dark:text-gray-100"
                 }, null, 8, ["icon"])
-              ])) : vue.createCommentVNode("", true)
+              ])) : vue.createCommentVNode("", true),
+              __props.userName || __props.userAvatar ? (vue.openBlock(), vue.createBlock(Dropdown_vue_vue_type_script_setup_true_lang._sfc_main$1, {
+                key: 1,
+                align: "right"
+              }, {
+                trigger: vue.withCtx(() => [
+                  vue.createElementVNode("button", _hoisted_10$1, [
+                    vue.createElementVNode("div", _hoisted_11, vue.toDisplayString(__props.userAvatar || "?"), 1),
+                    vue.createElementVNode("span", _hoisted_12, vue.toDisplayString(__props.userName), 1),
+                    vue.createVNode(vue.unref(vue$1.Icon), {
+                      icon: "lucide:chevron-down",
+                      class: "size-4 text-gray-500"
+                    })
+                  ])
+                ]),
+                default: vue.withCtx(({ close }) => [
+                  vue.createElementVNode("div", _hoisted_13, [
+                    (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.userMenuItems, (item) => {
+                      return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(item.link ? routerLinkComponent.value : "button"), vue.mergeProps({
+                        key: item.label
+                      }, { ref_for: true }, item.link ? getLinkProps(item.link) : {}, {
+                        class: "flex w-full items-center gap-2 px-4 py-2 text-left text-sm text-gray-700 hover:bg-gray-100 dark:text-gray-300 dark:hover:bg-gray-800",
+                        onClick: ($event) => {
+                          handleUserMenuClick(item);
+                          close();
+                        }
+                      }), {
+                        default: vue.withCtx(() => [
+                          item.icon ? (vue.openBlock(), vue.createBlock(vue.unref(vue$1.Icon), {
+                            key: 0,
+                            icon: item.icon,
+                            class: "size-4"
+                          }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
+                          vue.createTextVNode(" " + vue.toDisplayString(item.label), 1)
+                        ]),
+                        _: 2
+                      }, 1040, ["onClick"]);
+                    }), 128))
+                  ])
+                ]),
+                _: 1
+              })) : vue.createCommentVNode("", true)
             ])
           ]),
-          vue.createElementVNode("div", _hoisted_10$1, [
-            vue.createElementVNode("main", _hoisted_11, [
+          vue.createElementVNode("div", _hoisted_14, [
+            vue.createElementVNode("main", _hoisted_15, [
               vue.renderSlot(_ctx.$slots, "default", {}, () => [
                 routerViewComponent.value ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(routerViewComponent.value), { key: 0 })) : vue.createCommentVNode("", true)
               ])
@@ -261,4 +330,4 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
 });
 exports._sfc_main = _sfc_main$1;
 exports._sfc_main$1 = _sfc_main;
-//# sourceMappingURL=PageLayout.vue_vue_type_script_setup_true_lang-Cy0-c7YG.cjs.map
+//# sourceMappingURL=PageLayout.vue_vue_type_script_setup_true_lang-HxuODTiQ.cjs.map

package/dist/PageLayout.vue_vue_type_script_setup_true_lang-HxuODTiQ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageLayout.vue_vue_type_script_setup_true_lang-HxuODTiQ.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 Dropdown from '@/components/core/Dropdown.vue'\nimport type { MenuItemProps } from '@/types'\n\nexport interface UserMenuItem {\n  label: string\n  icon?: string\n  link?: string\n  action?: () => void\n}\n\nconst props = withDefaults(\n  defineProps<{\n    /** Menu items for the sidebar */\n    menuItems?: MenuItemProps[]\n    /** App/brand name displayed in sidebar */\n    appName?: string\n    /** App icon (iconify icon name) */\n    appIcon?: string\n    /** Whether sidebar is open (v-model:sidebarOpen) */\n    sidebarOpen?: boolean\n    /** Whether dark mode is enabled (v-model:dark) */\n    dark?: boolean\n    /** Show dark mode toggle in header */\n    showDarkToggle?: boolean\n    /** Primary color class for sidebar background */\n    sidebarClass?: string\n    /** Current route path for menu active state (pass useRoute().path) */\n    currentPath?: string\n    /** User display name */\n    userName?: string\n    /** User avatar (initials or image URL) */\n    userAvatar?: string\n    /** User menu items (dropdown) */\n    userMenuItems?: UserMenuItem[]\n  }>(),\n  {\n    menuItems: () => [],\n    appName: 'App',\n    appIcon: 'lucide:box',\n    sidebarOpen: true,\n    dark: false,\n    showDarkToggle: true,\n    sidebarClass: 'bg-[#172b4c] dark:bg-slate-950',\n    currentPath: undefined,\n    userName: undefined,\n    userAvatar: undefined,\n    userMenuItems: () => [],\n  },\n)\n\nconst emit = defineEmits<{\n  'update:sidebarOpen': [value: boolean]\n  'update:dark': [value: boolean]\n}>()\n\nconst internalSidebarOpen = ref(props.sidebarOpen)\nconst internalDark = ref(props.dark)\n\nconst sidebarOpenModel = computed({\n  get: () => props.sidebarOpen ?? internalSidebarOpen.value,\n  set: (value: boolean) => {\n    internalSidebarOpen.value = value\n    emit('update:sidebarOpen', value)\n  },\n})\n\nconst darkModel = computed({\n  get: () => props.dark ?? internalDark.value,\n  set: (value: boolean) => {\n    internalDark.value = value\n    emit('update:dark', value)\n  },\n})\n\nconst toggleSidebar = () => {\n  sidebarOpenModel.value = !sidebarOpenModel.value\n}\n\nconst toggleDark = () => {\n  darkModel.value = !darkModel.value\n}\n\n// Try to resolve RouterView\nconst routerViewComponent = computed(() => {\n  try {\n    const RouterView = resolveComponent('RouterView')\n    if (typeof RouterView !== 'string') {\n      return RouterView\n    }\n  } catch {\n    // RouterView not available\n  }\n  return null\n})\n\n// Try to resolve RouterLink\nconst routerLinkComponent = computed(() => {\n  try {\n    const RouterLink = resolveComponent('RouterLink')\n    if (typeof RouterLink !== 'string') {\n      return RouterLink\n    }\n  } catch {\n    // RouterLink not available\n  }\n  return 'a'\n})\n\nconst getLinkProps = (link: string) => {\n  if (routerLinkComponent.value === 'a') {\n    return { href: link }\n  }\n  return { to: link }\n}\n\nconst handleUserMenuClick = (item: UserMenuItem) => {\n  if (item.action) {\n    item.action()\n  }\n}\n</script>\n\n<template>\n  <div class=\"font-inter relative flex h-dvh 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\n          <!-- User Menu -->\n          <Dropdown v-if=\"userName || userAvatar\" align=\"right\">\n            <template #trigger>\n              <button\n                class=\"flex items-center gap-2 rounded-lg p-1.5 transition hover:bg-gray-100 dark:hover:bg-gray-800\"\n              >\n                <div\n                  class=\"flex size-8 items-center justify-center rounded-full bg-primary text-sm font-medium text-white\"\n                >\n                  {{ userAvatar || '?' }}\n                </div>\n                <span class=\"hidden text-sm font-medium text-gray-700 dark:text-gray-300 md:block\">\n                  {{ userName }}\n                </span>\n                <Icon icon=\"lucide:chevron-down\" class=\"size-4 text-gray-500\" />\n              </button>\n            </template>\n\n            <template #default=\"{ close }\">\n              <div class=\"min-w-48 py-1\">\n                <component\n                  :is=\"item.link ? routerLinkComponent : 'button'\"\n                  v-for=\"item in userMenuItems\"\n                  :key=\"item.label\"\n                  v-bind=\"item.link ? getLinkProps(item.link) : {}\"\n                  class=\"flex w-full items-center gap-2 px-4 py-2 text-left text-sm text-gray-700 hover:bg-gray-100 dark:text-gray-300 dark:hover:bg-gray-800\"\n                  @click=\"handleUserMenuClick(item); close()\"\n                >\n                  <Icon v-if=\"item.icon\" :icon=\"item.icon\" class=\"size-4\" />\n                  {{ item.label }}\n                </component>\n              </div>\n            </template>\n          </Dropdown>\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","Dropdown","_hoisted_10","_toDisplayString","_withCtx","_resolveDynamicComponent","_mergeProps","_createTextVNode"],"mappings":"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"}

package/dist/components/core/Dropdown.vue.d.ts

@@ -7,8 +7,8 @@ export interface DropdownItem {
     divider?: boolean;
 }
 type __VLS_Props = {
-    /** Dropdown items */
-    items: DropdownItem[];
+    /** Dropdown items (optional if using default slot) */
+    items?: DropdownItem[];
     /** Align dropdown */
     align?: 'left' | 'right';
     /** Dropdown width */
@@ -21,6 +21,9 @@ declare function __VLS_template(): {
     slots: {
         trigger?(_: {}): any;
         'trigger-label'?(_: {}): any;
+        default?(_: {
+            close: () => void;
+        }): any;
     };
     refs: {
         dropdownRef: HTMLDivElement;
@@ -36,6 +39,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
     onSelect?: ((item: DropdownItem) => any) | undefined;
 }>, {
     width: "auto" | "full" | "sm" | "md" | "lg";
+    items: DropdownItem[];
     align: "left" | "right";
     teleport: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {

package/dist/components/core/index.cjs

@@ -1,19 +1,19 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const CollapsibleCard_vue_vue_type_script_setup_true_lang = require("../../CollapsibleCard.vue_vue_type_script_setup_true_lang-d-hCuKqk.cjs");
-const MenuItem_vue_vue_type_script_setup_true_lang = require("../../MenuItem.vue_vue_type_script_setup_true_lang-BWz86k7c.cjs");
+const CollapsibleCard_vue_vue_type_script_setup_true_lang = require("../../CollapsibleCard.vue_vue_type_script_setup_true_lang-Bd6TPEpH.cjs");
+const Dropdown_vue_vue_type_script_setup_true_lang = require("../../Dropdown.vue_vue_type_script_setup_true_lang-CZQ5Ci8K.cjs");
 const BadgeType_vue_vue_type_script_setup_true_lang = require("../../BadgeType.vue_vue_type_script_setup_true_lang-CJb63H1I.cjs");
 exports.AutocompleteComponent = CollapsibleCard_vue_vue_type_script_setup_true_lang._sfc_main$2;
 exports.Avatar = CollapsibleCard_vue_vue_type_script_setup_true_lang._sfc_main$5;
 exports.Button = CollapsibleCard_vue_vue_type_script_setup_true_lang._sfc_main$4;
 exports.CardComponent = CollapsibleCard_vue_vue_type_script_setup_true_lang._sfc_main;
-exports.CollapsibleCard = CollapsibleCard_vue_vue_type_script_setup_true_lang._sfc_main$10;
-exports.Dropdown = CollapsibleCard_vue_vue_type_script_setup_true_lang._sfc_main$8;
-exports.Stepper = CollapsibleCard_vue_vue_type_script_setup_true_lang._sfc_main$9;
+exports.CollapsibleCard = CollapsibleCard_vue_vue_type_script_setup_true_lang._sfc_main$9;
+exports.Stepper = CollapsibleCard_vue_vue_type_script_setup_true_lang._sfc_main$8;
 exports.TabPanel = CollapsibleCard_vue_vue_type_script_setup_true_lang._sfc_main$7;
 exports.TableAction = CollapsibleCard_vue_vue_type_script_setup_true_lang._sfc_main$3;
 exports.TableComponent = CollapsibleCard_vue_vue_type_script_setup_true_lang._sfc_main$1;
 exports.Tabs = CollapsibleCard_vue_vue_type_script_setup_true_lang._sfc_main$6;
-exports.MenuItem = MenuItem_vue_vue_type_script_setup_true_lang._sfc_main;
+exports.Dropdown = Dropdown_vue_vue_type_script_setup_true_lang._sfc_main$1;
+exports.MenuItem = Dropdown_vue_vue_type_script_setup_true_lang._sfc_main;
 exports.StatusBadge = BadgeType_vue_vue_type_script_setup_true_lang._sfc_main;
 //# sourceMappingURL=index.cjs.map

package/dist/components/core/index.js

@@ -1,16 +1,16 @@
-import { b, e, d, _, j, h, i, g, c, a, f } from "../../CollapsibleCard.vue_vue_type_script_setup_true_lang-BgTcOxdR.js";
-import { _ as _2 } from "../../MenuItem.vue_vue_type_script_setup_true_lang-emN2qlfR.js";
+import { b, e, d, _, i, h, g, c, a, f } from "../../CollapsibleCard.vue_vue_type_script_setup_true_lang-l4KQ8HX8.js";
+import { a as a2, _ as _2 } from "../../Dropdown.vue_vue_type_script_setup_true_lang-CfyqlT_n.js";
 import { _ as _3 } from "../../BadgeType.vue_vue_type_script_setup_true_lang-CnB5eNEM.js";
 export {
   b as AutocompleteComponent,
   e as Avatar,
   d as Button,
   _ as CardComponent,
-  j as CollapsibleCard,
-  h as Dropdown,
+  i as CollapsibleCard,
+  a2 as Dropdown,
   _2 as MenuItem,
   _3 as StatusBadge,
-  i as Stepper,
+  h as Stepper,
   g as TabPanel,
   c as TableAction,
   a as TableComponent,

package/dist/components/index.cjs

@@ -1,23 +1,23 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const CollapsibleCard_vue_vue_type_script_setup_true_lang = require("../CollapsibleCard.vue_vue_type_script_setup_true_lang-d-hCuKqk.cjs");
-const MenuItem_vue_vue_type_script_setup_true_lang = require("../MenuItem.vue_vue_type_script_setup_true_lang-BWz86k7c.cjs");
+const CollapsibleCard_vue_vue_type_script_setup_true_lang = require("../CollapsibleCard.vue_vue_type_script_setup_true_lang-Bd6TPEpH.cjs");
+const Dropdown_vue_vue_type_script_setup_true_lang = require("../Dropdown.vue_vue_type_script_setup_true_lang-CZQ5Ci8K.cjs");
 const BadgeType_vue_vue_type_script_setup_true_lang = require("../BadgeType.vue_vue_type_script_setup_true_lang-CJb63H1I.cjs");
 const Checkbox_vue_vue_type_script_setup_true_lang = require("../Checkbox.vue_vue_type_script_setup_true_lang-DQD2I1Wk.cjs");
 const EmptyState_vue_vue_type_script_setup_true_lang = require("../EmptyState.vue_vue_type_script_setup_true_lang-mlqLBP5W.cjs");
-const PageLayout_vue_vue_type_script_setup_true_lang = require("../PageLayout.vue_vue_type_script_setup_true_lang-Cy0-c7YG.cjs");
+const PageLayout_vue_vue_type_script_setup_true_lang = require("../PageLayout.vue_vue_type_script_setup_true_lang-HxuODTiQ.cjs");
 exports.AutocompleteComponent = CollapsibleCard_vue_vue_type_script_setup_true_lang._sfc_main$2;
 exports.Avatar = CollapsibleCard_vue_vue_type_script_setup_true_lang._sfc_main$5;
 exports.Button = CollapsibleCard_vue_vue_type_script_setup_true_lang._sfc_main$4;
 exports.CardComponent = CollapsibleCard_vue_vue_type_script_setup_true_lang._sfc_main;
-exports.CollapsibleCard = CollapsibleCard_vue_vue_type_script_setup_true_lang._sfc_main$10;
-exports.Dropdown = CollapsibleCard_vue_vue_type_script_setup_true_lang._sfc_main$8;
-exports.Stepper = CollapsibleCard_vue_vue_type_script_setup_true_lang._sfc_main$9;
+exports.CollapsibleCard = CollapsibleCard_vue_vue_type_script_setup_true_lang._sfc_main$9;
+exports.Stepper = CollapsibleCard_vue_vue_type_script_setup_true_lang._sfc_main$8;
 exports.TabPanel = CollapsibleCard_vue_vue_type_script_setup_true_lang._sfc_main$7;
 exports.TableAction = CollapsibleCard_vue_vue_type_script_setup_true_lang._sfc_main$3;
 exports.TableComponent = CollapsibleCard_vue_vue_type_script_setup_true_lang._sfc_main$1;
 exports.Tabs = CollapsibleCard_vue_vue_type_script_setup_true_lang._sfc_main$6;
-exports.MenuItem = MenuItem_vue_vue_type_script_setup_true_lang._sfc_main;
+exports.Dropdown = Dropdown_vue_vue_type_script_setup_true_lang._sfc_main$1;
+exports.MenuItem = Dropdown_vue_vue_type_script_setup_true_lang._sfc_main;
 exports.BadgeType = BadgeType_vue_vue_type_script_setup_true_lang._sfc_main$5;
 exports.BooleanType = BadgeType_vue_vue_type_script_setup_true_lang._sfc_main$4;
 exports.DateType = BadgeType_vue_vue_type_script_setup_true_lang._sfc_main$3;

package/dist/components/index.js

@@ -1,9 +1,9 @@
-import { b, e, d, _, j, h, i, g, c, a, f } from "../CollapsibleCard.vue_vue_type_script_setup_true_lang-BgTcOxdR.js";
-import { _ as _2 } from "../MenuItem.vue_vue_type_script_setup_true_lang-emN2qlfR.js";
-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";
-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";
-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";
-import { _ as _6, a as a5 } from "../PageLayout.vue_vue_type_script_setup_true_lang-CQ7jdAeN.js";
+import { b, e, d, _, i, h, g, c, a, f } from "../CollapsibleCard.vue_vue_type_script_setup_true_lang-l4KQ8HX8.js";
+import { a as a2, _ as _2 } from "../Dropdown.vue_vue_type_script_setup_true_lang-CfyqlT_n.js";
+import { e as e2, d as d2, c as c2, b as b2, _ as _3, a as a3 } from "../BadgeType.vue_vue_type_script_setup_true_lang-CnB5eNEM.js";
+import { g as g2, d as d3, a as a4, 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";
+import { e as e4, f as f3, _ as _5, a as a5, c as c4, d as d4, b as b4 } from "../EmptyState.vue_vue_type_script_setup_true_lang-CrVvFwXA.js";
+import { _ as _6, a as a6 } from "../PageLayout.vue_vue_type_script_setup_true_lang-BoFiqN42.js";
 export {
   e4 as Alert,
   b as AutocompleteComponent,
@@ -14,31 +14,31 @@ export {
   d as Button,
   _ as CardComponent,
   g2 as Checkbox,
-  j as CollapsibleCard,
+  i as CollapsibleCard,
   c2 as DateType,
-  h as Dropdown,
+  a2 as Dropdown,
   f3 as EmptyState,
   d3 as FormGroup,
-  a3 as FormHelp,
+  a4 as FormHelp,
   b3 as FormInput,
   _4 as FormLabel,
   c3 as FormSelect,
   _5 as LoadingSpinner,
   _2 as MenuItem,
-  a4 as Modal,
+  a5 as Modal,
   c4 as NotificationComponent,
   d4 as NotificationList,
   b2 as NumberType,
-  a5 as PageLayout,
+  a6 as PageLayout,
   b4 as PaginationControls,
   e3 as SearchInput,
   _3 as StatusBadge,
-  i as Stepper,
+  h as Stepper,
   f2 as Switch,
   g as TabPanel,
   c as TableAction,
   a as TableComponent,
   f as Tabs,
-  a2 as TextType
+  a3 as TextType
 };
 //# sourceMappingURL=index.js.map

package/dist/components/layout/BaseLayout.vue.d.ts

@@ -1,4 +1,10 @@
 import { MenuItemProps } from '../../types';
+export interface UserMenuItem {
+    label: string;
+    icon?: string;
+    link?: string;
+    action?: () => void;
+}
 type __VLS_Props = {
     /** Menu items for the sidebar */
     menuItems?: MenuItemProps[];
@@ -16,6 +22,12 @@ type __VLS_Props = {
     sidebarClass?: string;
     /** Current route path for menu active state (pass useRoute().path) */
     currentPath?: string;
+    /** User display name */
+    userName?: string;
+    /** User avatar (initials or image URL) */
+    userAvatar?: string;
+    /** User menu items (dropdown) */
+    userMenuItems?: UserMenuItem[];
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -48,6 +60,9 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
     dark: boolean;
     showDarkToggle: boolean;
     sidebarClass: string;
+    userName: string;
+    userAvatar: string;
+    userMenuItems: UserMenuItem[];
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/components/layout/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const PageLayout_vue_vue_type_script_setup_true_lang = require("../../PageLayout.vue_vue_type_script_setup_true_lang-Cy0-c7YG.cjs");
+const PageLayout_vue_vue_type_script_setup_true_lang = require("../../PageLayout.vue_vue_type_script_setup_true_lang-HxuODTiQ.cjs");
 exports.BaseLayout = PageLayout_vue_vue_type_script_setup_true_lang._sfc_main;
 exports.PageLayout = PageLayout_vue_vue_type_script_setup_true_lang._sfc_main$1;
 //# sourceMappingURL=index.cjs.map

package/dist/components/layout/index.js

@@ -1,4 +1,4 @@
-import { _, a } from "../../PageLayout.vue_vue_type_script_setup_true_lang-CQ7jdAeN.js";
+import { _, a } from "../../PageLayout.vue_vue_type_script_setup_true_lang-BoFiqN42.js";
 export {
   _ as BaseLayout,
   a as PageLayout

package/dist/{index-BYgO4V_2.js → index-3tIGVZX9.js}

@@ -1,9 +1,9 @@
-import { b as _sfc_main$1, e as _sfc_main$2, d as _sfc_main$6, _ as _sfc_main$7, j as _sfc_main$9, h as _sfc_main$b, i as _sfc_main$s, g as _sfc_main$u, c as _sfc_main$v, a as _sfc_main$w, f as _sfc_main$x } from "./CollapsibleCard.vue_vue_type_script_setup_true_lang-BgTcOxdR.js";
-import { _ as _sfc_main$j } from "./MenuItem.vue_vue_type_script_setup_true_lang-emN2qlfR.js";
+import { b as _sfc_main$1, e as _sfc_main$2, d as _sfc_main$6, _ as _sfc_main$7, i as _sfc_main$9, h as _sfc_main$s, g as _sfc_main$u, c as _sfc_main$v, a as _sfc_main$w, f as _sfc_main$x } from "./CollapsibleCard.vue_vue_type_script_setup_true_lang-l4KQ8HX8.js";
+import { a as _sfc_main$b, _ as _sfc_main$j } from "./Dropdown.vue_vue_type_script_setup_true_lang-CfyqlT_n.js";
 import { e as _sfc_main$3, d as _sfc_main$5, c as _sfc_main$a, b as _sfc_main$n, _ as _sfc_main$r, a as _sfc_main$y } from "./BadgeType.vue_vue_type_script_setup_true_lang-CnB5eNEM.js";
 import { g as _sfc_main$8, d as _sfc_main$d, a as _sfc_main$e, b as _sfc_main$f, _ as _sfc_main$g, c as _sfc_main$h, e as _sfc_main$q, f as _sfc_main$t } from "./Checkbox.vue_vue_type_script_setup_true_lang-DVkcMcSN.js";
 import { e as _sfc_main, f as _sfc_main$c, _ as _sfc_main$i, a as _sfc_main$k, c as _sfc_main$l, d as _sfc_main$m, b as _sfc_main$p } from "./EmptyState.vue_vue_type_script_setup_true_lang-CrVvFwXA.js";
-import { _ as _sfc_main$4, a as _sfc_main$o } from "./PageLayout.vue_vue_type_script_setup_true_lang-CQ7jdAeN.js";
+import { _ as _sfc_main$4, a as _sfc_main$o } from "./PageLayout.vue_vue_type_script_setup_true_lang-BoFiqN42.js";
 const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   Alert: _sfc_main,
@@ -45,4 +45,4 @@ const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
 export {
   components as c
 };
-//# sourceMappingURL=index-BYgO4V_2.js.map
+//# sourceMappingURL=index-3tIGVZX9.js.map

package/dist/index-3tIGVZX9.js.map

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