@logickernel/frame 0.1.0

package/dist/components/NavMain.js

@@ -0,0 +1,133 @@
+'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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,112 @@
+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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/iconMapper.ts","../../src/components/NavMain.tsx"],"names":["ChevronRight"],"mappings":"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","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

@@ -0,0 +1,88 @@
+'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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,86 @@
+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

@@ -0,0 +1 @@
+{"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"]}