@logickernel/frame 0.1.0 → 0.2.0

package/dist/components/NavMain.js

@@ -1,133 +0,0 @@
-'use strict';
-
-var LucideIcons = require('lucide-react');
-var collapsible = require('@/components/ui/collapsible');
-var sidebar = require('@/components/ui/sidebar');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-var LucideIcons__namespace = /*#__PURE__*/_interopNamespace(LucideIcons);
-
-var ICON_MAP = {
-  Home: LucideIcons__namespace.Home,
-  Users: LucideIcons__namespace.Users,
-  GalleryVerticalEnd: LucideIcons__namespace.GalleryVerticalEnd,
-  Settings: LucideIcons__namespace.Settings,
-  CreditCard: LucideIcons__namespace.CreditCard,
-  Building2: LucideIcons__namespace.Building2,
-  Check: LucideIcons__namespace.Check,
-  ChevronsUpDown: LucideIcons__namespace.ChevronsUpDown,
-  ChevronRight: LucideIcons__namespace.ChevronRight,
-  BadgeCheck: LucideIcons__namespace.BadgeCheck,
-  LogOut: LucideIcons__namespace.LogOut
-  // Add more icons as needed
-};
-function getIconComponent(icon) {
-  if (!icon) {
-    return void 0;
-  }
-  if (typeof icon !== "string") {
-    return icon;
-  }
-  return ICON_MAP[icon];
-}
-function NavMain({ items, adapter }) {
-  const pathname = adapter.usePathname();
-  const Link = adapter.Link;
-  const groups = [];
-  let currentGroup = {
-    items: []
-  };
-  items.forEach((item) => {
-    const iconComponent = getIconComponent(item.icon);
-    if (!item.url) {
-      if (currentGroup.items.length > 0 || currentGroup.label) {
-        groups.push(currentGroup);
-      }
-      currentGroup = {
-        label: { title: item.title, icon: iconComponent },
-        items: []
-      };
-    } else {
-      currentGroup.items.push({
-        title: item.title,
-        url: item.url,
-        icon: iconComponent,
-        isActive: item.isActive,
-        items: item.items
-      });
-    }
-  });
-  if (currentGroup.items.length > 0 || currentGroup.label) {
-    groups.push(currentGroup);
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: groups.map((group, groupIndex) => /* @__PURE__ */ jsxRuntime.jsxs(sidebar.SidebarGroup, { children: [
-    group.label && /* @__PURE__ */ jsxRuntime.jsxs(sidebar.SidebarGroupLabel, { children: [
-      group.label.icon && /* @__PURE__ */ jsxRuntime.jsx(group.label.icon, { className: "mr-2" }),
-      group.label.title
-    ] }),
-    group.items.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(sidebar.SidebarMenu, { children: group.items.map((item) => {
-      const isActive = pathname === item.url || item.isActive;
-      const hasSubItems = item.items && item.items.length > 0;
-      if (hasSubItems) {
-        return /* @__PURE__ */ jsxRuntime.jsx(
-          collapsible.Collapsible,
-          {
-            asChild: true,
-            defaultOpen: isActive,
-            className: "group/collapsible",
-            children: /* @__PURE__ */ jsxRuntime.jsxs(sidebar.SidebarMenuItem, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(collapsible.CollapsibleTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
-                sidebar.SidebarMenuButton,
-                {
-                  tooltip: item.title,
-                  isActive,
-                  children: [
-                    item.icon && /* @__PURE__ */ jsxRuntime.jsx(item.icon, {}),
-                    /* @__PURE__ */ jsxRuntime.jsx("span", { children: item.title }),
-                    /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.ChevronRight, { className: "ml-auto transition-transform duration-200 group-data-[state=open]/collapsible:rotate-90" })
-                  ]
-                }
-              ) }),
-              /* @__PURE__ */ jsxRuntime.jsx(collapsible.CollapsibleContent, { children: /* @__PURE__ */ jsxRuntime.jsx(sidebar.SidebarMenuSub, { children: item.items?.map((subItem) => /* @__PURE__ */ jsxRuntime.jsx(sidebar.SidebarMenuSubItem, { children: /* @__PURE__ */ jsxRuntime.jsx(sidebar.SidebarMenuSubButton, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Link, { href: subItem.url, children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: subItem.title }) }) }) }, subItem.title)) }) })
-            ] })
-          },
-          item.title
-        );
-      }
-      return /* @__PURE__ */ jsxRuntime.jsx(sidebar.SidebarMenuItem, { children: /* @__PURE__ */ jsxRuntime.jsx(
-        sidebar.SidebarMenuButton,
-        {
-          asChild: true,
-          tooltip: item.title,
-          isActive,
-          children: /* @__PURE__ */ jsxRuntime.jsxs(Link, { href: item.url, children: [
-            item.icon && /* @__PURE__ */ jsxRuntime.jsx(item.icon, {}),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { children: item.title })
-          ] })
-        }
-      ) }, item.title);
-    }) })
-  ] }, groupIndex)) });
-}
-
-exports.NavMain = NavMain;
-//# sourceMappingURL=NavMain.js.map
-//# sourceMappingURL=NavMain.js.map

package/dist/components/NavMain.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/utils/iconMapper.ts","../../src/components/NavMain.tsx"],"names":["LucideIcons","SidebarGroup","SidebarGroupLabel","jsx","SidebarMenu","Collapsible","SidebarMenuItem","CollapsibleTrigger","jsxs","SidebarMenuButton","ChevronRight","CollapsibleContent","SidebarMenuSub","SidebarMenuSubItem","SidebarMenuSubButton"],"mappings":"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","file":"NavMain.js","sourcesContent":["/**\n * Icon mapper utility\n * Maps icon name strings to Lucide React icon components\n */\n\nimport * as LucideIcons from \"lucide-react\"\nimport type { LucideIcon } from \"lucide-react\"\n\n/**\n * Map of icon names to Lucide icon components\n * Used to convert icon name strings from API to icon components\n */\nconst ICON_MAP: Record<string, LucideIcon> = {\n  Home: LucideIcons.Home,\n  Users: LucideIcons.Users,\n  GalleryVerticalEnd: LucideIcons.GalleryVerticalEnd,\n  Settings: LucideIcons.Settings,\n  CreditCard: LucideIcons.CreditCard,\n  Building2: LucideIcons.Building2,\n  Check: LucideIcons.Check,\n  ChevronsUpDown: LucideIcons.ChevronsUpDown,\n  ChevronRight: LucideIcons.ChevronRight,\n  BadgeCheck: LucideIcons.BadgeCheck,\n  LogOut: LucideIcons.LogOut,\n  // Add more icons as needed\n}\n\n/**\n * Get icon component from icon name or component\n * \n * @param icon - Icon name (string) or icon component\n * @returns Icon component or undefined\n */\nexport function getIconComponent(\n  icon?: string | LucideIcon\n): LucideIcon | undefined {\n  if (!icon) {\n    return undefined\n  }\n\n  // If it's already a component, return it\n  if (typeof icon !== \"string\") {\n    return icon\n  }\n\n  // Look up icon by name\n  return ICON_MAP[icon]\n}\n\n","\"use client\"\n\nimport { ChevronRight, type LucideIcon } from \"lucide-react\"\n\nimport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from \"@/components/ui/collapsible\"\nimport {\n  SidebarGroup,\n  SidebarGroupLabel,\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarMenuSub,\n  SidebarMenuSubButton,\n  SidebarMenuSubItem,\n} from \"@/components/ui/sidebar\"\nimport { getIconComponent } from \"../utils/iconMapper\"\nimport type { FrameworkAdapter, NavigationItem } from \"../types\"\n\ninterface NavMainProps {\n  items: NavigationItem[]\n  adapter: FrameworkAdapter\n}\n\nexport function NavMain({ items, adapter }: NavMainProps) {\n  const pathname = adapter.usePathname()\n  const Link = adapter.Link\n\n  // Split items into groups based on label items\n  const groups: Array<{\n    label?: { title: string; icon?: LucideIcon }\n    items: Array<{\n      title: string\n      url: string\n      icon?: LucideIcon\n      isActive?: boolean\n      items?: {\n        title: string\n        url: string\n      }[]\n    }>\n  }> = []\n  let currentGroup: {\n    label?: { title: string; icon?: LucideIcon }\n    items: Array<{\n      title: string\n      url: string\n      icon?: LucideIcon\n      isActive?: boolean\n      items?: {\n        title: string\n        url: string\n      }[]\n    }>\n  } = {\n    items: [],\n  }\n\n  items.forEach((item) => {\n    // Convert icon (string or component) to component\n    const iconComponent = getIconComponent(item.icon)\n\n    if (!item.url) {\n      // This is a label - start a new group\n      if (currentGroup.items.length > 0 || currentGroup.label) {\n        groups.push(currentGroup)\n      }\n      currentGroup = {\n        label: { title: item.title, icon: iconComponent },\n        items: [],\n      }\n    } else {\n      // This is a menu item - add to current group\n      currentGroup.items.push({\n        title: item.title,\n        url: item.url,\n        icon: iconComponent,\n        isActive: item.isActive,\n        items: item.items,\n      })\n    }\n  })\n\n  // Push the last group\n  if (currentGroup.items.length > 0 || currentGroup.label) {\n    groups.push(currentGroup)\n  }\n\n  return (\n    <>\n      {groups.map((group, groupIndex) => (\n        <SidebarGroup key={groupIndex}>\n          {group.label && (\n            <SidebarGroupLabel>\n              {group.label.icon && (\n                <group.label.icon className=\"mr-2\" />\n              )}\n              {group.label.title}\n            </SidebarGroupLabel>\n          )}\n          {group.items.length > 0 && (\n            <SidebarMenu>\n              {group.items.map((item) => {\n                const isActive = pathname === item.url || item.isActive\n                const hasSubItems = item.items && item.items.length > 0\n\n                if (hasSubItems) {\n                  return (\n                    <Collapsible\n                      key={item.title}\n                      asChild\n                      defaultOpen={isActive}\n                      className=\"group/collapsible\"\n                    >\n                      <SidebarMenuItem>\n                        <CollapsibleTrigger asChild>\n                          <SidebarMenuButton\n                            tooltip={item.title}\n                            isActive={isActive}\n                          >\n                            {item.icon && <item.icon />}\n                            <span>{item.title}</span>\n                            <ChevronRight className=\"ml-auto transition-transform duration-200 group-data-[state=open]/collapsible:rotate-90\" />\n                          </SidebarMenuButton>\n                        </CollapsibleTrigger>\n                        <CollapsibleContent>\n                          <SidebarMenuSub>\n                            {item.items?.map((subItem) => (\n                              <SidebarMenuSubItem key={subItem.title}>\n                                <SidebarMenuSubButton asChild>\n                                  <Link href={subItem.url}>\n                                    <span>{subItem.title}</span>\n                                  </Link>\n                                </SidebarMenuSubButton>\n                              </SidebarMenuSubItem>\n                            ))}\n                          </SidebarMenuSub>\n                        </CollapsibleContent>\n                      </SidebarMenuItem>\n                    </Collapsible>\n                  )\n                }\n\n                return (\n                  <SidebarMenuItem key={item.title}>\n                    <SidebarMenuButton\n                      asChild\n                      tooltip={item.title}\n                      isActive={isActive}\n                    >\n                      <Link href={item.url}>\n                        {item.icon && <item.icon />}\n                        <span>{item.title}</span>\n                      </Link>\n                    </SidebarMenuButton>\n                  </SidebarMenuItem>\n                )\n              })}\n            </SidebarMenu>\n          )}\n        </SidebarGroup>\n      ))}\n    </>\n  )\n}\n\n"]}

package/dist/components/NavMain.mjs

@@ -1,112 +0,0 @@
-import * as LucideIcons from 'lucide-react';
-import { ChevronRight } from 'lucide-react';
-import { Collapsible, CollapsibleTrigger, CollapsibleContent } from '@/components/ui/collapsible';
-import { SidebarGroup, SidebarGroupLabel, SidebarMenu, SidebarMenuItem, SidebarMenuButton, SidebarMenuSub, SidebarMenuSubItem, SidebarMenuSubButton } from '@/components/ui/sidebar';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-
-var ICON_MAP = {
-  Home: LucideIcons.Home,
-  Users: LucideIcons.Users,
-  GalleryVerticalEnd: LucideIcons.GalleryVerticalEnd,
-  Settings: LucideIcons.Settings,
-  CreditCard: LucideIcons.CreditCard,
-  Building2: LucideIcons.Building2,
-  Check: LucideIcons.Check,
-  ChevronsUpDown: LucideIcons.ChevronsUpDown,
-  ChevronRight: LucideIcons.ChevronRight,
-  BadgeCheck: LucideIcons.BadgeCheck,
-  LogOut: LucideIcons.LogOut
-  // Add more icons as needed
-};
-function getIconComponent(icon) {
-  if (!icon) {
-    return void 0;
-  }
-  if (typeof icon !== "string") {
-    return icon;
-  }
-  return ICON_MAP[icon];
-}
-function NavMain({ items, adapter }) {
-  const pathname = adapter.usePathname();
-  const Link = adapter.Link;
-  const groups = [];
-  let currentGroup = {
-    items: []
-  };
-  items.forEach((item) => {
-    const iconComponent = getIconComponent(item.icon);
-    if (!item.url) {
-      if (currentGroup.items.length > 0 || currentGroup.label) {
-        groups.push(currentGroup);
-      }
-      currentGroup = {
-        label: { title: item.title, icon: iconComponent },
-        items: []
-      };
-    } else {
-      currentGroup.items.push({
-        title: item.title,
-        url: item.url,
-        icon: iconComponent,
-        isActive: item.isActive,
-        items: item.items
-      });
-    }
-  });
-  if (currentGroup.items.length > 0 || currentGroup.label) {
-    groups.push(currentGroup);
-  }
-  return /* @__PURE__ */ jsx(Fragment, { children: groups.map((group, groupIndex) => /* @__PURE__ */ jsxs(SidebarGroup, { children: [
-    group.label && /* @__PURE__ */ jsxs(SidebarGroupLabel, { children: [
-      group.label.icon && /* @__PURE__ */ jsx(group.label.icon, { className: "mr-2" }),
-      group.label.title
-    ] }),
-    group.items.length > 0 && /* @__PURE__ */ jsx(SidebarMenu, { children: group.items.map((item) => {
-      const isActive = pathname === item.url || item.isActive;
-      const hasSubItems = item.items && item.items.length > 0;
-      if (hasSubItems) {
-        return /* @__PURE__ */ jsx(
-          Collapsible,
-          {
-            asChild: true,
-            defaultOpen: isActive,
-            className: "group/collapsible",
-            children: /* @__PURE__ */ jsxs(SidebarMenuItem, { children: [
-              /* @__PURE__ */ jsx(CollapsibleTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
-                SidebarMenuButton,
-                {
-                  tooltip: item.title,
-                  isActive,
-                  children: [
-                    item.icon && /* @__PURE__ */ jsx(item.icon, {}),
-                    /* @__PURE__ */ jsx("span", { children: item.title }),
-                    /* @__PURE__ */ jsx(ChevronRight, { className: "ml-auto transition-transform duration-200 group-data-[state=open]/collapsible:rotate-90" })
-                  ]
-                }
-              ) }),
-              /* @__PURE__ */ jsx(CollapsibleContent, { children: /* @__PURE__ */ jsx(SidebarMenuSub, { children: item.items?.map((subItem) => /* @__PURE__ */ jsx(SidebarMenuSubItem, { children: /* @__PURE__ */ jsx(SidebarMenuSubButton, { asChild: true, children: /* @__PURE__ */ jsx(Link, { href: subItem.url, children: /* @__PURE__ */ jsx("span", { children: subItem.title }) }) }) }, subItem.title)) }) })
-            ] })
-          },
-          item.title
-        );
-      }
-      return /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsx(
-        SidebarMenuButton,
-        {
-          asChild: true,
-          tooltip: item.title,
-          isActive,
-          children: /* @__PURE__ */ jsxs(Link, { href: item.url, children: [
-            item.icon && /* @__PURE__ */ jsx(item.icon, {}),
-            /* @__PURE__ */ jsx("span", { children: item.title })
-          ] })
-        }
-      ) }, item.title);
-    }) })
-  ] }, groupIndex)) });
-}
-
-export { NavMain };
-//# sourceMappingURL=NavMain.mjs.map
-//# sourceMappingURL=NavMain.mjs.map

package/dist/components/NavMain.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/utils/iconMapper.ts","../../src/components/NavMain.tsx"],"names":["ChevronRight"],"mappings":";;;;;;AAYA,IAAM,QAAA,GAAuC;AAAA,EAC3C,IAAA,EAAkB,WAAA,CAAA,IAAA;AAAA,EAClB,KAAA,EAAmB,WAAA,CAAA,KAAA;AAAA,EACnB,kBAAA,EAAgC,WAAA,CAAA,kBAAA;AAAA,EAChC,QAAA,EAAsB,WAAA,CAAA,QAAA;AAAA,EACtB,UAAA,EAAwB,WAAA,CAAA,UAAA;AAAA,EACxB,SAAA,EAAuB,WAAA,CAAA,SAAA;AAAA,EACvB,KAAA,EAAmB,WAAA,CAAA,KAAA;AAAA,EACnB,cAAA,EAA4B,WAAA,CAAA,cAAA;AAAA,EAC5B,YAAA,EAA0B,WAAA,CAAA,YAAA;AAAA,EAC1B,UAAA,EAAwB,WAAA,CAAA,UAAA;AAAA,EACxB,MAAA,EAAoB,WAAA,CAAA;AAAA;AAEtB,CAAA;AAQO,SAAS,iBACd,IAAA,EACwB;AACxB,EAAA,IAAI,CAAC,IAAA,EAAM;AACT,IAAA,OAAO,MAAA;AAAA,EACT;AAGA,EAAA,IAAI,OAAO,SAAS,QAAA,EAAU;AAC5B,IAAA,OAAO,IAAA;AAAA,EACT;AAGA,EAAA,OAAO,SAAS,IAAI,CAAA;AACtB;ACpBO,SAAS,OAAA,CAAQ,EAAE,KAAA,EAAO,OAAA,EAAQ,EAAiB;AACxD,EAAA,MAAM,QAAA,GAAW,QAAQ,WAAA,EAAY;AACrC,EAAA,MAAM,OAAO,OAAA,CAAQ,IAAA;AAGrB,EAAA,MAAM,SAYD,EAAC;AACN,EAAA,IAAI,YAAA,GAYA;AAAA,IACF,OAAO;AAAC,GACV;AAEA,EAAA,KAAA,CAAM,OAAA,CAAQ,CAAC,IAAA,KAAS;AAEtB,IAAA,MAAM,aAAA,GAAgB,gBAAA,CAAiB,IAAA,CAAK,IAAI,CAAA;AAEhD,IAAA,IAAI,CAAC,KAAK,GAAA,EAAK;AAEb,MAAA,IAAI,YAAA,CAAa,KAAA,CAAM,MAAA,GAAS,CAAA,IAAK,aAAa,KAAA,EAAO;AACvD,QAAA,MAAA,CAAO,KAAK,YAAY,CAAA;AAAA,MAC1B;AACA,MAAA,YAAA,GAAe;AAAA,QACb,OAAO,EAAE,KAAA,EAAO,IAAA,CAAK,KAAA,EAAO,MAAM,aAAA,EAAc;AAAA,QAChD,OAAO;AAAC,OACV;AAAA,IACF,CAAA,MAAO;AAEL,MAAA,YAAA,CAAa,MAAM,IAAA,CAAK;AAAA,QACtB,OAAO,IAAA,CAAK,KAAA;AAAA,QACZ,KAAK,IAAA,CAAK,GAAA;AAAA,QACV,IAAA,EAAM,aAAA;AAAA,QACN,UAAU,IAAA,CAAK,QAAA;AAAA,QACf,OAAO,IAAA,CAAK;AAAA,OACb,CAAA;AAAA,IACH;AAAA,EACF,CAAC,CAAA;AAGD,EAAA,IAAI,YAAA,CAAa,KAAA,CAAM,MAAA,GAAS,CAAA,IAAK,aAAa,KAAA,EAAO;AACvD,IAAA,MAAA,CAAO,KAAK,YAAY,CAAA;AAAA,EAC1B;AAEA,EAAA,uCAEK,QAAA,EAAA,MAAA,CAAO,GAAA,CAAI,CAAC,KAAA,EAAO,UAAA,0BACjB,YAAA,EAAA,EACE,QAAA,EAAA;AAAA,IAAA,KAAA,CAAM,KAAA,yBACJ,iBAAA,EAAA,EACE,QAAA,EAAA;AAAA,MAAA,KAAA,CAAM,KAAA,CAAM,wBACX,GAAA,CAAC,KAAA,CAAM,MAAM,IAAA,EAAZ,EAAiB,WAAU,MAAA,EAAO,CAAA;AAAA,MAEpC,MAAM,KAAA,CAAM;AAAA,KAAA,EACf,CAAA;AAAA,IAED,KAAA,CAAM,KAAA,CAAM,MAAA,GAAS,CAAA,oBACpB,GAAA,CAAC,eACE,QAAA,EAAA,KAAA,CAAM,KAAA,CAAM,GAAA,CAAI,CAAC,IAAA,KAAS;AACzB,MAAA,MAAM,QAAA,GAAW,QAAA,KAAa,IAAA,CAAK,GAAA,IAAO,IAAA,CAAK,QAAA;AAC/C,MAAA,MAAM,WAAA,GAAc,IAAA,CAAK,KAAA,IAAS,IAAA,CAAK,MAAM,MAAA,GAAS,CAAA;AAEtD,MAAA,IAAI,WAAA,EAAa;AACf,QAAA,uBACE,GAAA;AAAA,UAAC,WAAA;AAAA,UAAA;AAAA,YAEC,OAAA,EAAO,IAAA;AAAA,YACP,WAAA,EAAa,QAAA;AAAA,YACb,SAAA,EAAU,mBAAA;AAAA,YAEV,+BAAC,eAAA,EAAA,EACC,QAAA,EAAA;AAAA,8BAAA,GAAA,CAAC,kBAAA,EAAA,EAAmB,SAAO,IAAA,EACzB,QAAA,kBAAA,IAAA;AAAA,gBAAC,iBAAA;AAAA,gBAAA;AAAA,kBACC,SAAS,IAAA,CAAK,KAAA;AAAA,kBACd,QAAA;AAAA,kBAEC,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAK,IAAA,oBAAQ,GAAA,CAAC,IAAA,CAAK,IAAA,EAAL,EAAU,CAAA;AAAA,oCACzB,GAAA,CAAC,MAAA,EAAA,EAAM,QAAA,EAAA,IAAA,CAAK,KAAA,EAAM,CAAA;AAAA,oCAClB,GAAA,CAACA,YAAAA,EAAA,EAAa,SAAA,EAAU,yFAAA,EAA0F;AAAA;AAAA;AAAA,eACpH,EACF,CAAA;AAAA,8BACA,GAAA,CAAC,kBAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,cAAA,EAAA,EACE,QAAA,EAAA,IAAA,CAAK,KAAA,EAAO,GAAA,CAAI,CAAC,OAAA,qBAChB,GAAA,CAAC,kBAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,wBAAqB,OAAA,EAAO,IAAA,EAC3B,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAM,OAAA,CAAQ,GAAA,EAClB,QAAA,kBAAA,GAAA,CAAC,UAAM,QAAA,EAAA,OAAA,CAAQ,KAAA,EAAM,CAAA,EACvB,CAAA,EACF,CAAA,EAAA,EALuB,OAAA,CAAQ,KAMjC,CACD,GACH,CAAA,EACF;AAAA,aAAA,EACF;AAAA,WAAA;AAAA,UA7BK,IAAA,CAAK;AAAA,SA8BZ;AAAA,MAEJ;AAEA,MAAA,2BACG,eAAA,EAAA,EACC,QAAA,kBAAA,GAAA;AAAA,QAAC,iBAAA;AAAA,QAAA;AAAA,UACC,OAAA,EAAO,IAAA;AAAA,UACP,SAAS,IAAA,CAAK,KAAA;AAAA,UACd,QAAA;AAAA,UAEA,QAAA,kBAAA,IAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAM,IAAA,CAAK,GAAA,EACd,QAAA,EAAA;AAAA,YAAA,IAAA,CAAK,IAAA,oBAAQ,GAAA,CAAC,IAAA,CAAK,IAAA,EAAL,EAAU,CAAA;AAAA,4BACzB,GAAA,CAAC,MAAA,EAAA,EAAM,QAAA,EAAA,IAAA,CAAK,KAAA,EAAM;AAAA,WAAA,EACpB;AAAA;AAAA,OACF,EAAA,EAVoB,KAAK,KAW3B,CAAA;AAAA,IAEJ,CAAC,CAAA,EACH;AAAA,GAAA,EAAA,EAnEe,UAqEnB,CACD,CAAA,EACH,CAAA;AAEJ","file":"NavMain.mjs","sourcesContent":["/**\n * Icon mapper utility\n * Maps icon name strings to Lucide React icon components\n */\n\nimport * as LucideIcons from \"lucide-react\"\nimport type { LucideIcon } from \"lucide-react\"\n\n/**\n * Map of icon names to Lucide icon components\n * Used to convert icon name strings from API to icon components\n */\nconst ICON_MAP: Record<string, LucideIcon> = {\n  Home: LucideIcons.Home,\n  Users: LucideIcons.Users,\n  GalleryVerticalEnd: LucideIcons.GalleryVerticalEnd,\n  Settings: LucideIcons.Settings,\n  CreditCard: LucideIcons.CreditCard,\n  Building2: LucideIcons.Building2,\n  Check: LucideIcons.Check,\n  ChevronsUpDown: LucideIcons.ChevronsUpDown,\n  ChevronRight: LucideIcons.ChevronRight,\n  BadgeCheck: LucideIcons.BadgeCheck,\n  LogOut: LucideIcons.LogOut,\n  // Add more icons as needed\n}\n\n/**\n * Get icon component from icon name or component\n * \n * @param icon - Icon name (string) or icon component\n * @returns Icon component or undefined\n */\nexport function getIconComponent(\n  icon?: string | LucideIcon\n): LucideIcon | undefined {\n  if (!icon) {\n    return undefined\n  }\n\n  // If it's already a component, return it\n  if (typeof icon !== \"string\") {\n    return icon\n  }\n\n  // Look up icon by name\n  return ICON_MAP[icon]\n}\n\n","\"use client\"\n\nimport { ChevronRight, type LucideIcon } from \"lucide-react\"\n\nimport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from \"@/components/ui/collapsible\"\nimport {\n  SidebarGroup,\n  SidebarGroupLabel,\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarMenuSub,\n  SidebarMenuSubButton,\n  SidebarMenuSubItem,\n} from \"@/components/ui/sidebar\"\nimport { getIconComponent } from \"../utils/iconMapper\"\nimport type { FrameworkAdapter, NavigationItem } from \"../types\"\n\ninterface NavMainProps {\n  items: NavigationItem[]\n  adapter: FrameworkAdapter\n}\n\nexport function NavMain({ items, adapter }: NavMainProps) {\n  const pathname = adapter.usePathname()\n  const Link = adapter.Link\n\n  // Split items into groups based on label items\n  const groups: Array<{\n    label?: { title: string; icon?: LucideIcon }\n    items: Array<{\n      title: string\n      url: string\n      icon?: LucideIcon\n      isActive?: boolean\n      items?: {\n        title: string\n        url: string\n      }[]\n    }>\n  }> = []\n  let currentGroup: {\n    label?: { title: string; icon?: LucideIcon }\n    items: Array<{\n      title: string\n      url: string\n      icon?: LucideIcon\n      isActive?: boolean\n      items?: {\n        title: string\n        url: string\n      }[]\n    }>\n  } = {\n    items: [],\n  }\n\n  items.forEach((item) => {\n    // Convert icon (string or component) to component\n    const iconComponent = getIconComponent(item.icon)\n\n    if (!item.url) {\n      // This is a label - start a new group\n      if (currentGroup.items.length > 0 || currentGroup.label) {\n        groups.push(currentGroup)\n      }\n      currentGroup = {\n        label: { title: item.title, icon: iconComponent },\n        items: [],\n      }\n    } else {\n      // This is a menu item - add to current group\n      currentGroup.items.push({\n        title: item.title,\n        url: item.url,\n        icon: iconComponent,\n        isActive: item.isActive,\n        items: item.items,\n      })\n    }\n  })\n\n  // Push the last group\n  if (currentGroup.items.length > 0 || currentGroup.label) {\n    groups.push(currentGroup)\n  }\n\n  return (\n    <>\n      {groups.map((group, groupIndex) => (\n        <SidebarGroup key={groupIndex}>\n          {group.label && (\n            <SidebarGroupLabel>\n              {group.label.icon && (\n                <group.label.icon className=\"mr-2\" />\n              )}\n              {group.label.title}\n            </SidebarGroupLabel>\n          )}\n          {group.items.length > 0 && (\n            <SidebarMenu>\n              {group.items.map((item) => {\n                const isActive = pathname === item.url || item.isActive\n                const hasSubItems = item.items && item.items.length > 0\n\n                if (hasSubItems) {\n                  return (\n                    <Collapsible\n                      key={item.title}\n                      asChild\n                      defaultOpen={isActive}\n                      className=\"group/collapsible\"\n                    >\n                      <SidebarMenuItem>\n                        <CollapsibleTrigger asChild>\n                          <SidebarMenuButton\n                            tooltip={item.title}\n                            isActive={isActive}\n                          >\n                            {item.icon && <item.icon />}\n                            <span>{item.title}</span>\n                            <ChevronRight className=\"ml-auto transition-transform duration-200 group-data-[state=open]/collapsible:rotate-90\" />\n                          </SidebarMenuButton>\n                        </CollapsibleTrigger>\n                        <CollapsibleContent>\n                          <SidebarMenuSub>\n                            {item.items?.map((subItem) => (\n                              <SidebarMenuSubItem key={subItem.title}>\n                                <SidebarMenuSubButton asChild>\n                                  <Link href={subItem.url}>\n                                    <span>{subItem.title}</span>\n                                  </Link>\n                                </SidebarMenuSubButton>\n                              </SidebarMenuSubItem>\n                            ))}\n                          </SidebarMenuSub>\n                        </CollapsibleContent>\n                      </SidebarMenuItem>\n                    </Collapsible>\n                  )\n                }\n\n                return (\n                  <SidebarMenuItem key={item.title}>\n                    <SidebarMenuButton\n                      asChild\n                      tooltip={item.title}\n                      isActive={isActive}\n                    >\n                      <Link href={item.url}>\n                        {item.icon && <item.icon />}\n                        <span>{item.title}</span>\n                      </Link>\n                    </SidebarMenuButton>\n                  </SidebarMenuItem>\n                )\n              })}\n            </SidebarMenu>\n          )}\n        </SidebarGroup>\n      ))}\n    </>\n  )\n}\n\n"]}

package/dist/components/NavUser.js

@@ -1,88 +0,0 @@
-'use strict';
-
-var lucideReact = require('lucide-react');
-var avatar = require('@/components/ui/avatar');
-var dropdownMenu = require('@/components/ui/dropdown-menu');
-var sidebar = require('@/components/ui/sidebar');
-var jsxRuntime = require('react/jsx-runtime');
-
-function getInitials(name, email) {
-  if (name) {
-    const parts = name.trim().split(/\s+/);
-    if (parts.length >= 2) {
-      return (parts[0][0] + parts[parts.length - 1][0]).toUpperCase();
-    }
-    return name[0].toUpperCase();
-  }
-  return email[0].toUpperCase();
-}
-function NavUser({ user, adapter }) {
-  const { isMobile } = sidebar.useSidebar();
-  const router = adapter.useRouter();
-  const initials = getInitials(user.name, user.email);
-  const displayName = user.name || user.email;
-  const handleSignOut = async () => {
-    if (adapter.signOut) {
-      await adapter.signOut({ redirect: false });
-    }
-    router.push("/auth/signin");
-    if (router.refresh) {
-      router.refresh();
-    }
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(sidebar.SidebarMenu, { children: /* @__PURE__ */ jsxRuntime.jsx(sidebar.SidebarMenuItem, { children: /* @__PURE__ */ jsxRuntime.jsxs(dropdownMenu.DropdownMenu, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(dropdownMenu.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
-      sidebar.SidebarMenuButton,
-      {
-        size: "lg",
-        className: "data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground",
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(avatar.Avatar, { className: "h-8 w-8 rounded-lg", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(avatar.AvatarImage, { src: user.image || void 0, alt: displayName }),
-            /* @__PURE__ */ jsxRuntime.jsx(avatar.AvatarFallback, { className: "rounded-lg", children: initials })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid flex-1 text-left text-sm leading-tight", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate font-medium", children: displayName }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-xs", children: user.email })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronsUpDown, { className: "ml-auto size-4" })
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      dropdownMenu.DropdownMenuContent,
-      {
-        className: "w-(--radix-dropdown-menu-trigger-width) min-w-56 rounded-lg",
-        side: isMobile ? "bottom" : "right",
-        align: "end",
-        sideOffset: 4,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(dropdownMenu.DropdownMenuLabel, { className: "p-0 font-normal", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 px-1 py-1.5 text-left text-sm", children: [
-            /* @__PURE__ */ jsxRuntime.jsxs(avatar.Avatar, { className: "h-8 w-8 rounded-lg", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(avatar.AvatarImage, { src: user.image || void 0, alt: displayName }),
-              /* @__PURE__ */ jsxRuntime.jsx(avatar.AvatarFallback, { className: "rounded-lg", children: initials })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid flex-1 text-left text-sm leading-tight", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate font-medium", children: displayName }),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-xs", children: user.email })
-            ] })
-          ] }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(dropdownMenu.DropdownMenuSeparator, {}),
-          /* @__PURE__ */ jsxRuntime.jsx(dropdownMenu.DropdownMenuGroup, { children: /* @__PURE__ */ jsxRuntime.jsxs(dropdownMenu.DropdownMenuItem, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.BadgeCheck, {}),
-            "Account"
-          ] }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(dropdownMenu.DropdownMenuSeparator, {}),
-          /* @__PURE__ */ jsxRuntime.jsxs(dropdownMenu.DropdownMenuItem, { onClick: handleSignOut, children: [
-            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.LogOut, {}),
-            "Log out"
-          ] })
-        ]
-      }
-    )
-  ] }) }) });
-}
-
-exports.NavUser = NavUser;
-//# sourceMappingURL=NavUser.js.map
-//# sourceMappingURL=NavUser.js.map

package/dist/components/NavUser.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/NavUser.tsx"],"names":["useSidebar","jsx","SidebarMenu","SidebarMenuItem","DropdownMenu","DropdownMenuTrigger","jsxs","SidebarMenuButton","Avatar","AvatarImage","AvatarFallback","ChevronsUpDown","DropdownMenuContent","DropdownMenuLabel","DropdownMenuSeparator","DropdownMenuGroup","DropdownMenuItem","BadgeCheck","LogOut"],"mappings":"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","file":"NavUser.js","sourcesContent":["\"use client\"\n\nimport {\n  BadgeCheck,\n  ChevronsUpDown,\n  LogOut,\n} from \"lucide-react\"\n\nimport {\n  Avatar,\n  AvatarFallback,\n  AvatarImage,\n} from \"@/components/ui/avatar\"\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from \"@/components/ui/dropdown-menu\"\nimport {\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  useSidebar,\n} from \"@/components/ui/sidebar\"\nimport type { FrameworkAdapter, User } from \"../types\"\n\nfunction getInitials(name: string | null, email: string): string {\n  if (name) {\n    const parts = name.trim().split(/\\s+/)\n    if (parts.length >= 2) {\n      return (parts[0][0] + parts[parts.length - 1][0]).toUpperCase()\n    }\n    return name[0].toUpperCase()\n  }\n  return email[0].toUpperCase()\n}\n\ninterface NavUserProps {\n  user: User\n  adapter: FrameworkAdapter\n}\n\nexport function NavUser({ user, adapter }: NavUserProps) {\n  const { isMobile } = useSidebar()\n  const router = adapter.useRouter()\n  const initials = getInitials(user.name, user.email)\n  const displayName = user.name || user.email\n\n  const handleSignOut = async () => {\n    if (adapter.signOut) {\n      await adapter.signOut({ redirect: false })\n    }\n    router.push(\"/auth/signin\")\n    if (router.refresh) {\n      router.refresh()\n    }\n  }\n\n  return (\n    <SidebarMenu>\n      <SidebarMenuItem>\n        <DropdownMenu>\n          <DropdownMenuTrigger asChild>\n            <SidebarMenuButton\n              size=\"lg\"\n              className=\"data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground\"\n            >\n              <Avatar className=\"h-8 w-8 rounded-lg\">\n                <AvatarImage src={user.image || undefined} alt={displayName} />\n                <AvatarFallback className=\"rounded-lg\">{initials}</AvatarFallback>\n              </Avatar>\n              <div className=\"grid flex-1 text-left text-sm leading-tight\">\n                <span className=\"truncate font-medium\">{displayName}</span>\n                <span className=\"truncate text-xs\">{user.email}</span>\n              </div>\n              <ChevronsUpDown className=\"ml-auto size-4\" />\n            </SidebarMenuButton>\n          </DropdownMenuTrigger>\n          <DropdownMenuContent\n            className=\"w-(--radix-dropdown-menu-trigger-width) min-w-56 rounded-lg\"\n            side={isMobile ? \"bottom\" : \"right\"}\n            align=\"end\"\n            sideOffset={4}\n          >\n            <DropdownMenuLabel className=\"p-0 font-normal\">\n              <div className=\"flex items-center gap-2 px-1 py-1.5 text-left text-sm\">\n                <Avatar className=\"h-8 w-8 rounded-lg\">\n                  <AvatarImage src={user.image || undefined} alt={displayName} />\n                  <AvatarFallback className=\"rounded-lg\">{initials}</AvatarFallback>\n                </Avatar>\n                <div className=\"grid flex-1 text-left text-sm leading-tight\">\n                  <span className=\"truncate font-medium\">{displayName}</span>\n                  <span className=\"truncate text-xs\">{user.email}</span>\n                </div>\n              </div>\n            </DropdownMenuLabel>\n            <DropdownMenuSeparator />\n            <DropdownMenuGroup>\n              <DropdownMenuItem>\n                <BadgeCheck />\n                Account\n              </DropdownMenuItem>\n            </DropdownMenuGroup>\n            <DropdownMenuSeparator />\n            <DropdownMenuItem onClick={handleSignOut}>\n              <LogOut />\n              Log out\n            </DropdownMenuItem>\n          </DropdownMenuContent>\n        </DropdownMenu>\n      </SidebarMenuItem>\n    </SidebarMenu>\n  )\n}\n\n"]}

package/dist/components/NavUser.mjs

@@ -1,86 +0,0 @@
-import { ChevronsUpDown, BadgeCheck, LogOut } from 'lucide-react';
-import { Avatar, AvatarImage, AvatarFallback } from '@/components/ui/avatar';
-import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuGroup, DropdownMenuItem } from '@/components/ui/dropdown-menu';
-import { useSidebar, SidebarMenu, SidebarMenuItem, SidebarMenuButton } from '@/components/ui/sidebar';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-function getInitials(name, email) {
-  if (name) {
-    const parts = name.trim().split(/\s+/);
-    if (parts.length >= 2) {
-      return (parts[0][0] + parts[parts.length - 1][0]).toUpperCase();
-    }
-    return name[0].toUpperCase();
-  }
-  return email[0].toUpperCase();
-}
-function NavUser({ user, adapter }) {
-  const { isMobile } = useSidebar();
-  const router = adapter.useRouter();
-  const initials = getInitials(user.name, user.email);
-  const displayName = user.name || user.email;
-  const handleSignOut = async () => {
-    if (adapter.signOut) {
-      await adapter.signOut({ redirect: false });
-    }
-    router.push("/auth/signin");
-    if (router.refresh) {
-      router.refresh();
-    }
-  };
-  return /* @__PURE__ */ jsx(SidebarMenu, { children: /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsxs(DropdownMenu, { children: [
-    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
-      SidebarMenuButton,
-      {
-        size: "lg",
-        className: "data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground",
-        children: [
-          /* @__PURE__ */ jsxs(Avatar, { className: "h-8 w-8 rounded-lg", children: [
-            /* @__PURE__ */ jsx(AvatarImage, { src: user.image || void 0, alt: displayName }),
-            /* @__PURE__ */ jsx(AvatarFallback, { className: "rounded-lg", children: initials })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "grid flex-1 text-left text-sm leading-tight", children: [
-            /* @__PURE__ */ jsx("span", { className: "truncate font-medium", children: displayName }),
-            /* @__PURE__ */ jsx("span", { className: "truncate text-xs", children: user.email })
-          ] }),
-          /* @__PURE__ */ jsx(ChevronsUpDown, { className: "ml-auto size-4" })
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ jsxs(
-      DropdownMenuContent,
-      {
-        className: "w-(--radix-dropdown-menu-trigger-width) min-w-56 rounded-lg",
-        side: isMobile ? "bottom" : "right",
-        align: "end",
-        sideOffset: 4,
-        children: [
-          /* @__PURE__ */ jsx(DropdownMenuLabel, { className: "p-0 font-normal", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-1 py-1.5 text-left text-sm", children: [
-            /* @__PURE__ */ jsxs(Avatar, { className: "h-8 w-8 rounded-lg", children: [
-              /* @__PURE__ */ jsx(AvatarImage, { src: user.image || void 0, alt: displayName }),
-              /* @__PURE__ */ jsx(AvatarFallback, { className: "rounded-lg", children: initials })
-            ] }),
-            /* @__PURE__ */ jsxs("div", { className: "grid flex-1 text-left text-sm leading-tight", children: [
-              /* @__PURE__ */ jsx("span", { className: "truncate font-medium", children: displayName }),
-              /* @__PURE__ */ jsx("span", { className: "truncate text-xs", children: user.email })
-            ] })
-          ] }) }),
-          /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
-          /* @__PURE__ */ jsx(DropdownMenuGroup, { children: /* @__PURE__ */ jsxs(DropdownMenuItem, { children: [
-            /* @__PURE__ */ jsx(BadgeCheck, {}),
-            "Account"
-          ] }) }),
-          /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
-          /* @__PURE__ */ jsxs(DropdownMenuItem, { onClick: handleSignOut, children: [
-            /* @__PURE__ */ jsx(LogOut, {}),
-            "Log out"
-          ] })
-        ]
-      }
-    )
-  ] }) }) });
-}
-
-export { NavUser };
-//# sourceMappingURL=NavUser.mjs.map
-//# sourceMappingURL=NavUser.mjs.map

package/dist/components/NavUser.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/NavUser.tsx"],"names":[],"mappings":"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","file":"NavUser.mjs","sourcesContent":["\"use client\"\n\nimport {\n  BadgeCheck,\n  ChevronsUpDown,\n  LogOut,\n} from \"lucide-react\"\n\nimport {\n  Avatar,\n  AvatarFallback,\n  AvatarImage,\n} from \"@/components/ui/avatar\"\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from \"@/components/ui/dropdown-menu\"\nimport {\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  useSidebar,\n} from \"@/components/ui/sidebar\"\nimport type { FrameworkAdapter, User } from \"../types\"\n\nfunction getInitials(name: string | null, email: string): string {\n  if (name) {\n    const parts = name.trim().split(/\\s+/)\n    if (parts.length >= 2) {\n      return (parts[0][0] + parts[parts.length - 1][0]).toUpperCase()\n    }\n    return name[0].toUpperCase()\n  }\n  return email[0].toUpperCase()\n}\n\ninterface NavUserProps {\n  user: User\n  adapter: FrameworkAdapter\n}\n\nexport function NavUser({ user, adapter }: NavUserProps) {\n  const { isMobile } = useSidebar()\n  const router = adapter.useRouter()\n  const initials = getInitials(user.name, user.email)\n  const displayName = user.name || user.email\n\n  const handleSignOut = async () => {\n    if (adapter.signOut) {\n      await adapter.signOut({ redirect: false })\n    }\n    router.push(\"/auth/signin\")\n    if (router.refresh) {\n      router.refresh()\n    }\n  }\n\n  return (\n    <SidebarMenu>\n      <SidebarMenuItem>\n        <DropdownMenu>\n          <DropdownMenuTrigger asChild>\n            <SidebarMenuButton\n              size=\"lg\"\n              className=\"data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground\"\n            >\n              <Avatar className=\"h-8 w-8 rounded-lg\">\n                <AvatarImage src={user.image || undefined} alt={displayName} />\n                <AvatarFallback className=\"rounded-lg\">{initials}</AvatarFallback>\n              </Avatar>\n              <div className=\"grid flex-1 text-left text-sm leading-tight\">\n                <span className=\"truncate font-medium\">{displayName}</span>\n                <span className=\"truncate text-xs\">{user.email}</span>\n              </div>\n              <ChevronsUpDown className=\"ml-auto size-4\" />\n            </SidebarMenuButton>\n          </DropdownMenuTrigger>\n          <DropdownMenuContent\n            className=\"w-(--radix-dropdown-menu-trigger-width) min-w-56 rounded-lg\"\n            side={isMobile ? \"bottom\" : \"right\"}\n            align=\"end\"\n            sideOffset={4}\n          >\n            <DropdownMenuLabel className=\"p-0 font-normal\">\n              <div className=\"flex items-center gap-2 px-1 py-1.5 text-left text-sm\">\n                <Avatar className=\"h-8 w-8 rounded-lg\">\n                  <AvatarImage src={user.image || undefined} alt={displayName} />\n                  <AvatarFallback className=\"rounded-lg\">{initials}</AvatarFallback>\n                </Avatar>\n                <div className=\"grid flex-1 text-left text-sm leading-tight\">\n                  <span className=\"truncate font-medium\">{displayName}</span>\n                  <span className=\"truncate text-xs\">{user.email}</span>\n                </div>\n              </div>\n            </DropdownMenuLabel>\n            <DropdownMenuSeparator />\n            <DropdownMenuGroup>\n              <DropdownMenuItem>\n                <BadgeCheck />\n                Account\n              </DropdownMenuItem>\n            </DropdownMenuGroup>\n            <DropdownMenuSeparator />\n            <DropdownMenuItem onClick={handleSignOut}>\n              <LogOut />\n              Log out\n            </DropdownMenuItem>\n          </DropdownMenuContent>\n        </DropdownMenu>\n      </SidebarMenuItem>\n    </SidebarMenu>\n  )\n}\n\n"]}