@logickernel/frame 0.1.0

package/dist/components/TeamSwitcher.js

@@ -0,0 +1,164 @@
+'use strict';
+
+var lucideReact = require('lucide-react');
+var dropdownMenu = require('@/components/ui/dropdown-menu');
+var sidebar = require('@/components/ui/sidebar');
+var jsxRuntime = require('react/jsx-runtime');
+
+function TeamSwitcher({
+  teams,
+  organizationId,
+  adapter
+}) {
+  const { isMobile } = sidebar.useSidebar();
+  const pathname = adapter.usePathname();
+  const router = adapter.useRouter();
+  const pathSegments = pathname.split("/");
+  const isAppOrgRoute = pathname.startsWith("/app/") && pathSegments.length > 2 && pathSegments[2] !== "user";
+  const pathOrgId = isAppOrgRoute ? pathSegments[2] : null;
+  const currentOrgId = organizationId || (pathOrgId && teams.some((team) => team.id === pathOrgId) ? pathOrgId : null);
+  const activeTeam = currentOrgId ? teams.find((team) => team.id === currentOrgId) : null;
+  const handleTeamChange = (teamId) => {
+    router.push(`/app/${teamId}/home`);
+    if (router.refresh) {
+      router.refresh();
+    }
+  };
+  const teamsWithLogo = teams.map((org) => ({
+    id: org.id,
+    name: org.name,
+    logo: org.logo || lucideReact.GalleryVerticalEnd,
+    plan: org.plan || "Member"
+  }));
+  if (teamsWithLogo.length === 0) {
+    return /* @__PURE__ */ jsxRuntime.jsx(sidebar.SidebarMenu, { children: /* @__PURE__ */ jsxRuntime.jsx(sidebar.SidebarMenuItem, { children: /* @__PURE__ */ jsxRuntime.jsxs(sidebar.SidebarMenuButton, { size: "lg", className: "cursor-default", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-muted flex aspect-square size-8 items-center justify-center rounded-lg", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.GalleryVerticalEnd, { className: "size-4 text-muted-foreground" }) }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid flex-1 text-left text-sm leading-tight", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate font-medium text-muted-foreground", children: "No organizations" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-xs text-muted-foreground", children: "Join or create one" })
+      ] })
+    ] }) }) });
+  }
+  if (!activeTeam) {
+    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.jsx("div", { className: "bg-muted flex aspect-square size-8 items-center justify-center rounded-lg", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.GalleryVerticalEnd, { className: "size-4 text-muted-foreground" }) }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid flex-1 text-left text-sm leading-tight", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate font-medium", children: "Organizations" }),
+              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "truncate text-xs text-muted-foreground", children: [
+                teamsWithLogo.length,
+                " available"
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronsUpDown, { className: "ml-auto" })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        dropdownMenu.DropdownMenuContent,
+        {
+          className: "w-(--radix-dropdown-menu-trigger-width) min-w-56 rounded-lg",
+          align: "start",
+          side: isMobile ? "bottom" : "right",
+          sideOffset: 4,
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(dropdownMenu.DropdownMenuLabel, { className: "text-muted-foreground text-xs", children: "Select an organization" }),
+            teamsWithLogo.map((team) => /* @__PURE__ */ jsxRuntime.jsxs(
+              dropdownMenu.DropdownMenuItem,
+              {
+                onClick: () => handleTeamChange(team.id),
+                className: "gap-2 p-2",
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex size-6 items-center justify-center rounded-md border", children: /* @__PURE__ */ jsxRuntime.jsx(team.logo, { className: "size-3.5 shrink-0" }) }),
+                  team.name
+                ]
+              },
+              team.id
+            )),
+            /* @__PURE__ */ jsxRuntime.jsx(dropdownMenu.DropdownMenuSeparator, {}),
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              dropdownMenu.DropdownMenuItem,
+              {
+                className: "gap-2 p-2",
+                onClick: () => router.push("/app/user/organizations"),
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex size-6 items-center justify-center rounded-md border bg-transparent", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.GalleryVerticalEnd, { className: "size-4" }) }),
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-muted-foreground font-medium", children: "Manage organizations" })
+                ]
+              }
+            )
+          ]
+        }
+      )
+    ] }) }) });
+  }
+  const activeTeamWithLogo = teamsWithLogo.find(
+    (team) => team.id === currentOrgId
+  );
+  if (!activeTeamWithLogo) {
+    return null;
+  }
+  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.jsx("div", { className: "bg-sidebar-primary text-sidebar-primary-foreground flex aspect-square size-8 items-center justify-center rounded-lg", children: /* @__PURE__ */ jsxRuntime.jsx(activeTeamWithLogo.logo, { className: "size-4" }) }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid flex-1 text-left text-sm leading-tight", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate font-medium", children: activeTeamWithLogo.name }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-xs", children: activeTeamWithLogo.plan })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronsUpDown, { className: "ml-auto" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      dropdownMenu.DropdownMenuContent,
+      {
+        className: "w-(--radix-dropdown-menu-trigger-width) min-w-56 rounded-lg",
+        align: "start",
+        side: isMobile ? "bottom" : "right",
+        sideOffset: 4,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(dropdownMenu.DropdownMenuLabel, { className: "text-muted-foreground text-xs", children: "Organizations" }),
+          teamsWithLogo.map((team) => /* @__PURE__ */ jsxRuntime.jsxs(
+            dropdownMenu.DropdownMenuItem,
+            {
+              onClick: () => handleTeamChange(team.id),
+              className: "gap-2 p-2",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex size-6 items-center justify-center rounded-md border", children: /* @__PURE__ */ jsxRuntime.jsx(team.logo, { className: "size-3.5 shrink-0" }) }),
+                team.name,
+                team.id === currentOrgId && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "ml-auto h-4 w-4" })
+              ]
+            },
+            team.id
+          )),
+          /* @__PURE__ */ jsxRuntime.jsx(dropdownMenu.DropdownMenuSeparator, {}),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            dropdownMenu.DropdownMenuItem,
+            {
+              className: "gap-2 p-2",
+              onClick: () => router.push("/app/user/organizations"),
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex size-6 items-center justify-center rounded-md border bg-transparent", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.GalleryVerticalEnd, { className: "size-4" }) }),
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-muted-foreground font-medium", children: "Manage organizations" })
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] }) }) });
+}
+
+exports.TeamSwitcher = TeamSwitcher;
+//# sourceMappingURL=TeamSwitcher.js.map
+//# sourceMappingURL=TeamSwitcher.js.map

package/dist/components/TeamSwitcher.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/TeamSwitcher.tsx"],"names":["useSidebar","GalleryVerticalEnd","jsx","SidebarMenu","SidebarMenuItem","SidebarMenuButton","jsxs","DropdownMenu","DropdownMenuTrigger","ChevronsUpDown","DropdownMenuContent","DropdownMenuLabel","DropdownMenuItem","DropdownMenuSeparator","Check"],"mappings":"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","file":"TeamSwitcher.js","sourcesContent":["\"use client\"\n\nimport { Check, ChevronsUpDown, GalleryVerticalEnd } from \"lucide-react\"\nimport * as React from \"react\"\n\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\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, Organization } from \"../types\"\n\ninterface TeamSwitcherProps {\n  teams: Organization[]\n  organizationId?: string\n  adapter: FrameworkAdapter\n}\n\nexport function TeamSwitcher({\n  teams,\n  organizationId,\n  adapter,\n}: TeamSwitcherProps) {\n  const { isMobile } = useSidebar()\n  const pathname = adapter.usePathname()\n  const router = adapter.useRouter()\n\n  // Only extract org ID from /app/[org_id]/... paths, excluding /app/user/...\n  const pathSegments = pathname.split(\"/\")\n  const isAppOrgRoute =\n    pathname.startsWith(\"/app/\") &&\n    pathSegments.length > 2 &&\n    pathSegments[2] !== \"user\"\n  const pathOrgId = isAppOrgRoute ? pathSegments[2] : null\n\n  // Determine current org: only from provided prop or valid path - don't auto-select\n  const currentOrgId =\n    organizationId ||\n    (pathOrgId && teams.some((team) => team.id === pathOrgId)\n      ? pathOrgId\n      : null)\n\n  // Find the active team based on current org ID\n  const activeTeam = currentOrgId\n    ? teams.find((team) => team.id === currentOrgId)\n    : null\n\n  const handleTeamChange = (teamId: string) => {\n    // Navigate to the organization's home page\n    router.push(`/app/${teamId}/home`)\n    if (router.refresh) {\n      router.refresh()\n    }\n  }\n\n  // Transform organizations to teams format with default logo\n  const teamsWithLogo = teams.map((org) => ({\n    id: org.id,\n    name: org.name,\n    logo: org.logo || GalleryVerticalEnd,\n    plan: org.plan || \"Member\",\n  }))\n\n  // No organizations state\n  if (teamsWithLogo.length === 0) {\n    return (\n      <SidebarMenu>\n        <SidebarMenuItem>\n          <SidebarMenuButton size=\"lg\" className=\"cursor-default\">\n            <div className=\"bg-muted flex aspect-square size-8 items-center justify-center rounded-lg\">\n              <GalleryVerticalEnd className=\"size-4 text-muted-foreground\" />\n            </div>\n            <div className=\"grid flex-1 text-left text-sm leading-tight\">\n              <span className=\"truncate font-medium text-muted-foreground\">\n                No organizations\n              </span>\n              <span className=\"truncate text-xs text-muted-foreground\">\n                Join or create one\n              </span>\n            </div>\n          </SidebarMenuButton>\n        </SidebarMenuItem>\n      </SidebarMenu>\n    )\n  }\n\n  // No org selected state - prompt user to select\n  if (!activeTeam) {\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                <div className=\"bg-muted flex aspect-square size-8 items-center justify-center rounded-lg\">\n                  <GalleryVerticalEnd className=\"size-4 text-muted-foreground\" />\n                </div>\n                <div className=\"grid flex-1 text-left text-sm leading-tight\">\n                  <span className=\"truncate font-medium\">Organizations</span>\n                  <span className=\"truncate text-xs text-muted-foreground\">\n                    {teamsWithLogo.length} available\n                  </span>\n                </div>\n                <ChevronsUpDown className=\"ml-auto\" />\n              </SidebarMenuButton>\n            </DropdownMenuTrigger>\n            <DropdownMenuContent\n              className=\"w-(--radix-dropdown-menu-trigger-width) min-w-56 rounded-lg\"\n              align=\"start\"\n              side={isMobile ? \"bottom\" : \"right\"}\n              sideOffset={4}\n            >\n              <DropdownMenuLabel className=\"text-muted-foreground text-xs\">\n                Select an organization\n              </DropdownMenuLabel>\n              {teamsWithLogo.map((team) => (\n                <DropdownMenuItem\n                  key={team.id}\n                  onClick={() => handleTeamChange(team.id)}\n                  className=\"gap-2 p-2\"\n                >\n                  <div className=\"flex size-6 items-center justify-center rounded-md border\">\n                    <team.logo className=\"size-3.5 shrink-0\" />\n                  </div>\n                  {team.name}\n                </DropdownMenuItem>\n              ))}\n              <DropdownMenuSeparator />\n              <DropdownMenuItem\n                className=\"gap-2 p-2\"\n                onClick={() => router.push(\"/app/user/organizations\")}\n              >\n                <div className=\"flex size-6 items-center justify-center rounded-md border bg-transparent\">\n                  <GalleryVerticalEnd className=\"size-4\" />\n                </div>\n                <div className=\"text-muted-foreground font-medium\">\n                  Manage organizations\n                </div>\n              </DropdownMenuItem>\n            </DropdownMenuContent>\n          </DropdownMenu>\n        </SidebarMenuItem>\n      </SidebarMenu>\n    )\n  }\n\n  // Org selected state - show current org with switcher\n  const activeTeamWithLogo = teamsWithLogo.find(\n    (team) => team.id === currentOrgId\n  )\n\n  if (!activeTeamWithLogo) {\n    return null\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              <div className=\"bg-sidebar-primary text-sidebar-primary-foreground flex aspect-square size-8 items-center justify-center rounded-lg\">\n                <activeTeamWithLogo.logo className=\"size-4\" />\n              </div>\n              <div className=\"grid flex-1 text-left text-sm leading-tight\">\n                <span className=\"truncate font-medium\">\n                  {activeTeamWithLogo.name}\n                </span>\n                <span className=\"truncate text-xs\">{activeTeamWithLogo.plan}</span>\n              </div>\n              <ChevronsUpDown className=\"ml-auto\" />\n            </SidebarMenuButton>\n          </DropdownMenuTrigger>\n          <DropdownMenuContent\n            className=\"w-(--radix-dropdown-menu-trigger-width) min-w-56 rounded-lg\"\n            align=\"start\"\n            side={isMobile ? \"bottom\" : \"right\"}\n            sideOffset={4}\n          >\n            <DropdownMenuLabel className=\"text-muted-foreground text-xs\">\n              Organizations\n            </DropdownMenuLabel>\n            {teamsWithLogo.map((team) => (\n              <DropdownMenuItem\n                key={team.id}\n                onClick={() => handleTeamChange(team.id)}\n                className=\"gap-2 p-2\"\n              >\n                <div className=\"flex size-6 items-center justify-center rounded-md border\">\n                  <team.logo className=\"size-3.5 shrink-0\" />\n                </div>\n                {team.name}\n                {team.id === currentOrgId && (\n                  <Check className=\"ml-auto h-4 w-4\" />\n                )}\n              </DropdownMenuItem>\n            ))}\n            <DropdownMenuSeparator />\n            <DropdownMenuItem\n              className=\"gap-2 p-2\"\n              onClick={() => router.push(\"/app/user/organizations\")}\n            >\n              <div className=\"flex size-6 items-center justify-center rounded-md border bg-transparent\">\n                <GalleryVerticalEnd className=\"size-4\" />\n              </div>\n              <div className=\"text-muted-foreground font-medium\">\n                Manage organizations\n              </div>\n            </DropdownMenuItem>\n          </DropdownMenuContent>\n        </DropdownMenu>\n      </SidebarMenuItem>\n    </SidebarMenu>\n  )\n}\n\n"]}

package/dist/components/TeamSwitcher.mjs

@@ -0,0 +1,162 @@
+import { GalleryVerticalEnd, ChevronsUpDown, Check } from 'lucide-react';
+import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuLabel, DropdownMenuItem, DropdownMenuSeparator } from '@/components/ui/dropdown-menu';
+import { useSidebar, SidebarMenu, SidebarMenuItem, SidebarMenuButton } from '@/components/ui/sidebar';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function TeamSwitcher({
+  teams,
+  organizationId,
+  adapter
+}) {
+  const { isMobile } = useSidebar();
+  const pathname = adapter.usePathname();
+  const router = adapter.useRouter();
+  const pathSegments = pathname.split("/");
+  const isAppOrgRoute = pathname.startsWith("/app/") && pathSegments.length > 2 && pathSegments[2] !== "user";
+  const pathOrgId = isAppOrgRoute ? pathSegments[2] : null;
+  const currentOrgId = organizationId || (pathOrgId && teams.some((team) => team.id === pathOrgId) ? pathOrgId : null);
+  const activeTeam = currentOrgId ? teams.find((team) => team.id === currentOrgId) : null;
+  const handleTeamChange = (teamId) => {
+    router.push(`/app/${teamId}/home`);
+    if (router.refresh) {
+      router.refresh();
+    }
+  };
+  const teamsWithLogo = teams.map((org) => ({
+    id: org.id,
+    name: org.name,
+    logo: org.logo || GalleryVerticalEnd,
+    plan: org.plan || "Member"
+  }));
+  if (teamsWithLogo.length === 0) {
+    return /* @__PURE__ */ jsx(SidebarMenu, { children: /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsxs(SidebarMenuButton, { size: "lg", className: "cursor-default", children: [
+      /* @__PURE__ */ jsx("div", { className: "bg-muted flex aspect-square size-8 items-center justify-center rounded-lg", children: /* @__PURE__ */ jsx(GalleryVerticalEnd, { className: "size-4 text-muted-foreground" }) }),
+      /* @__PURE__ */ jsxs("div", { className: "grid flex-1 text-left text-sm leading-tight", children: [
+        /* @__PURE__ */ jsx("span", { className: "truncate font-medium text-muted-foreground", children: "No organizations" }),
+        /* @__PURE__ */ jsx("span", { className: "truncate text-xs text-muted-foreground", children: "Join or create one" })
+      ] })
+    ] }) }) });
+  }
+  if (!activeTeam) {
+    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__ */ jsx("div", { className: "bg-muted flex aspect-square size-8 items-center justify-center rounded-lg", children: /* @__PURE__ */ jsx(GalleryVerticalEnd, { className: "size-4 text-muted-foreground" }) }),
+            /* @__PURE__ */ jsxs("div", { className: "grid flex-1 text-left text-sm leading-tight", children: [
+              /* @__PURE__ */ jsx("span", { className: "truncate font-medium", children: "Organizations" }),
+              /* @__PURE__ */ jsxs("span", { className: "truncate text-xs text-muted-foreground", children: [
+                teamsWithLogo.length,
+                " available"
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx(ChevronsUpDown, { className: "ml-auto" })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsxs(
+        DropdownMenuContent,
+        {
+          className: "w-(--radix-dropdown-menu-trigger-width) min-w-56 rounded-lg",
+          align: "start",
+          side: isMobile ? "bottom" : "right",
+          sideOffset: 4,
+          children: [
+            /* @__PURE__ */ jsx(DropdownMenuLabel, { className: "text-muted-foreground text-xs", children: "Select an organization" }),
+            teamsWithLogo.map((team) => /* @__PURE__ */ jsxs(
+              DropdownMenuItem,
+              {
+                onClick: () => handleTeamChange(team.id),
+                className: "gap-2 p-2",
+                children: [
+                  /* @__PURE__ */ jsx("div", { className: "flex size-6 items-center justify-center rounded-md border", children: /* @__PURE__ */ jsx(team.logo, { className: "size-3.5 shrink-0" }) }),
+                  team.name
+                ]
+              },
+              team.id
+            )),
+            /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+            /* @__PURE__ */ jsxs(
+              DropdownMenuItem,
+              {
+                className: "gap-2 p-2",
+                onClick: () => router.push("/app/user/organizations"),
+                children: [
+                  /* @__PURE__ */ jsx("div", { className: "flex size-6 items-center justify-center rounded-md border bg-transparent", children: /* @__PURE__ */ jsx(GalleryVerticalEnd, { className: "size-4" }) }),
+                  /* @__PURE__ */ jsx("div", { className: "text-muted-foreground font-medium", children: "Manage organizations" })
+                ]
+              }
+            )
+          ]
+        }
+      )
+    ] }) }) });
+  }
+  const activeTeamWithLogo = teamsWithLogo.find(
+    (team) => team.id === currentOrgId
+  );
+  if (!activeTeamWithLogo) {
+    return null;
+  }
+  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__ */ jsx("div", { className: "bg-sidebar-primary text-sidebar-primary-foreground flex aspect-square size-8 items-center justify-center rounded-lg", children: /* @__PURE__ */ jsx(activeTeamWithLogo.logo, { className: "size-4" }) }),
+          /* @__PURE__ */ jsxs("div", { className: "grid flex-1 text-left text-sm leading-tight", children: [
+            /* @__PURE__ */ jsx("span", { className: "truncate font-medium", children: activeTeamWithLogo.name }),
+            /* @__PURE__ */ jsx("span", { className: "truncate text-xs", children: activeTeamWithLogo.plan })
+          ] }),
+          /* @__PURE__ */ jsx(ChevronsUpDown, { className: "ml-auto" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsxs(
+      DropdownMenuContent,
+      {
+        className: "w-(--radix-dropdown-menu-trigger-width) min-w-56 rounded-lg",
+        align: "start",
+        side: isMobile ? "bottom" : "right",
+        sideOffset: 4,
+        children: [
+          /* @__PURE__ */ jsx(DropdownMenuLabel, { className: "text-muted-foreground text-xs", children: "Organizations" }),
+          teamsWithLogo.map((team) => /* @__PURE__ */ jsxs(
+            DropdownMenuItem,
+            {
+              onClick: () => handleTeamChange(team.id),
+              className: "gap-2 p-2",
+              children: [
+                /* @__PURE__ */ jsx("div", { className: "flex size-6 items-center justify-center rounded-md border", children: /* @__PURE__ */ jsx(team.logo, { className: "size-3.5 shrink-0" }) }),
+                team.name,
+                team.id === currentOrgId && /* @__PURE__ */ jsx(Check, { className: "ml-auto h-4 w-4" })
+              ]
+            },
+            team.id
+          )),
+          /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+          /* @__PURE__ */ jsxs(
+            DropdownMenuItem,
+            {
+              className: "gap-2 p-2",
+              onClick: () => router.push("/app/user/organizations"),
+              children: [
+                /* @__PURE__ */ jsx("div", { className: "flex size-6 items-center justify-center rounded-md border bg-transparent", children: /* @__PURE__ */ jsx(GalleryVerticalEnd, { className: "size-4" }) }),
+                /* @__PURE__ */ jsx("div", { className: "text-muted-foreground font-medium", children: "Manage organizations" })
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] }) }) });
+}
+
+export { TeamSwitcher };
+//# sourceMappingURL=TeamSwitcher.mjs.map
+//# sourceMappingURL=TeamSwitcher.mjs.map

package/dist/components/TeamSwitcher.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/TeamSwitcher.tsx"],"names":[],"mappings":"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","file":"TeamSwitcher.mjs","sourcesContent":["\"use client\"\n\nimport { Check, ChevronsUpDown, GalleryVerticalEnd } from \"lucide-react\"\nimport * as React from \"react\"\n\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\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, Organization } from \"../types\"\n\ninterface TeamSwitcherProps {\n  teams: Organization[]\n  organizationId?: string\n  adapter: FrameworkAdapter\n}\n\nexport function TeamSwitcher({\n  teams,\n  organizationId,\n  adapter,\n}: TeamSwitcherProps) {\n  const { isMobile } = useSidebar()\n  const pathname = adapter.usePathname()\n  const router = adapter.useRouter()\n\n  // Only extract org ID from /app/[org_id]/... paths, excluding /app/user/...\n  const pathSegments = pathname.split(\"/\")\n  const isAppOrgRoute =\n    pathname.startsWith(\"/app/\") &&\n    pathSegments.length > 2 &&\n    pathSegments[2] !== \"user\"\n  const pathOrgId = isAppOrgRoute ? pathSegments[2] : null\n\n  // Determine current org: only from provided prop or valid path - don't auto-select\n  const currentOrgId =\n    organizationId ||\n    (pathOrgId && teams.some((team) => team.id === pathOrgId)\n      ? pathOrgId\n      : null)\n\n  // Find the active team based on current org ID\n  const activeTeam = currentOrgId\n    ? teams.find((team) => team.id === currentOrgId)\n    : null\n\n  const handleTeamChange = (teamId: string) => {\n    // Navigate to the organization's home page\n    router.push(`/app/${teamId}/home`)\n    if (router.refresh) {\n      router.refresh()\n    }\n  }\n\n  // Transform organizations to teams format with default logo\n  const teamsWithLogo = teams.map((org) => ({\n    id: org.id,\n    name: org.name,\n    logo: org.logo || GalleryVerticalEnd,\n    plan: org.plan || \"Member\",\n  }))\n\n  // No organizations state\n  if (teamsWithLogo.length === 0) {\n    return (\n      <SidebarMenu>\n        <SidebarMenuItem>\n          <SidebarMenuButton size=\"lg\" className=\"cursor-default\">\n            <div className=\"bg-muted flex aspect-square size-8 items-center justify-center rounded-lg\">\n              <GalleryVerticalEnd className=\"size-4 text-muted-foreground\" />\n            </div>\n            <div className=\"grid flex-1 text-left text-sm leading-tight\">\n              <span className=\"truncate font-medium text-muted-foreground\">\n                No organizations\n              </span>\n              <span className=\"truncate text-xs text-muted-foreground\">\n                Join or create one\n              </span>\n            </div>\n          </SidebarMenuButton>\n        </SidebarMenuItem>\n      </SidebarMenu>\n    )\n  }\n\n  // No org selected state - prompt user to select\n  if (!activeTeam) {\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                <div className=\"bg-muted flex aspect-square size-8 items-center justify-center rounded-lg\">\n                  <GalleryVerticalEnd className=\"size-4 text-muted-foreground\" />\n                </div>\n                <div className=\"grid flex-1 text-left text-sm leading-tight\">\n                  <span className=\"truncate font-medium\">Organizations</span>\n                  <span className=\"truncate text-xs text-muted-foreground\">\n                    {teamsWithLogo.length} available\n                  </span>\n                </div>\n                <ChevronsUpDown className=\"ml-auto\" />\n              </SidebarMenuButton>\n            </DropdownMenuTrigger>\n            <DropdownMenuContent\n              className=\"w-(--radix-dropdown-menu-trigger-width) min-w-56 rounded-lg\"\n              align=\"start\"\n              side={isMobile ? \"bottom\" : \"right\"}\n              sideOffset={4}\n            >\n              <DropdownMenuLabel className=\"text-muted-foreground text-xs\">\n                Select an organization\n              </DropdownMenuLabel>\n              {teamsWithLogo.map((team) => (\n                <DropdownMenuItem\n                  key={team.id}\n                  onClick={() => handleTeamChange(team.id)}\n                  className=\"gap-2 p-2\"\n                >\n                  <div className=\"flex size-6 items-center justify-center rounded-md border\">\n                    <team.logo className=\"size-3.5 shrink-0\" />\n                  </div>\n                  {team.name}\n                </DropdownMenuItem>\n              ))}\n              <DropdownMenuSeparator />\n              <DropdownMenuItem\n                className=\"gap-2 p-2\"\n                onClick={() => router.push(\"/app/user/organizations\")}\n              >\n                <div className=\"flex size-6 items-center justify-center rounded-md border bg-transparent\">\n                  <GalleryVerticalEnd className=\"size-4\" />\n                </div>\n                <div className=\"text-muted-foreground font-medium\">\n                  Manage organizations\n                </div>\n              </DropdownMenuItem>\n            </DropdownMenuContent>\n          </DropdownMenu>\n        </SidebarMenuItem>\n      </SidebarMenu>\n    )\n  }\n\n  // Org selected state - show current org with switcher\n  const activeTeamWithLogo = teamsWithLogo.find(\n    (team) => team.id === currentOrgId\n  )\n\n  if (!activeTeamWithLogo) {\n    return null\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              <div className=\"bg-sidebar-primary text-sidebar-primary-foreground flex aspect-square size-8 items-center justify-center rounded-lg\">\n                <activeTeamWithLogo.logo className=\"size-4\" />\n              </div>\n              <div className=\"grid flex-1 text-left text-sm leading-tight\">\n                <span className=\"truncate font-medium\">\n                  {activeTeamWithLogo.name}\n                </span>\n                <span className=\"truncate text-xs\">{activeTeamWithLogo.plan}</span>\n              </div>\n              <ChevronsUpDown className=\"ml-auto\" />\n            </SidebarMenuButton>\n          </DropdownMenuTrigger>\n          <DropdownMenuContent\n            className=\"w-(--radix-dropdown-menu-trigger-width) min-w-56 rounded-lg\"\n            align=\"start\"\n            side={isMobile ? \"bottom\" : \"right\"}\n            sideOffset={4}\n          >\n            <DropdownMenuLabel className=\"text-muted-foreground text-xs\">\n              Organizations\n            </DropdownMenuLabel>\n            {teamsWithLogo.map((team) => (\n              <DropdownMenuItem\n                key={team.id}\n                onClick={() => handleTeamChange(team.id)}\n                className=\"gap-2 p-2\"\n              >\n                <div className=\"flex size-6 items-center justify-center rounded-md border\">\n                  <team.logo className=\"size-3.5 shrink-0\" />\n                </div>\n                {team.name}\n                {team.id === currentOrgId && (\n                  <Check className=\"ml-auto h-4 w-4\" />\n                )}\n              </DropdownMenuItem>\n            ))}\n            <DropdownMenuSeparator />\n            <DropdownMenuItem\n              className=\"gap-2 p-2\"\n              onClick={() => router.push(\"/app/user/organizations\")}\n            >\n              <div className=\"flex size-6 items-center justify-center rounded-md border bg-transparent\">\n                <GalleryVerticalEnd className=\"size-4\" />\n              </div>\n              <div className=\"text-muted-foreground font-medium\">\n                Manage organizations\n              </div>\n            </DropdownMenuItem>\n          </DropdownMenuContent>\n        </DropdownMenu>\n      </SidebarMenuItem>\n    </SidebarMenu>\n  )\n}\n\n"]}

package/dist/hooks/useNavigation.d.mts

@@ -0,0 +1,24 @@
+import { NavigationItem, Organization } from '../types/index.mjs';
+import 'lucide-react';
+import 'react';
+
+interface UseNavigationOptions {
+    organizationId?: string;
+    apiBaseUrl?: string;
+    enabled?: boolean;
+}
+/**
+ * Hook to fetch navigation items and organizations from API
+ * Falls back to empty array if API is unavailable or disabled
+ *
+ * @param options - Configuration options
+ * @returns Navigation items, organizations, loading state, and error
+ */
+declare function useNavigation({ organizationId, apiBaseUrl, enabled, }?: UseNavigationOptions): {
+    items: NavigationItem[];
+    organizations: Organization[];
+    loading: boolean;
+    error: Error | null;
+};
+
+export { useNavigation };

package/dist/hooks/useNavigation.d.ts

@@ -0,0 +1,24 @@
+import { NavigationItem, Organization } from '../types/index.js';
+import 'lucide-react';
+import 'react';
+
+interface UseNavigationOptions {
+    organizationId?: string;
+    apiBaseUrl?: string;
+    enabled?: boolean;
+}
+/**
+ * Hook to fetch navigation items and organizations from API
+ * Falls back to empty array if API is unavailable or disabled
+ *
+ * @param options - Configuration options
+ * @returns Navigation items, organizations, loading state, and error
+ */
+declare function useNavigation({ organizationId, apiBaseUrl, enabled, }?: UseNavigationOptions): {
+    items: NavigationItem[];
+    organizations: Organization[];
+    loading: boolean;
+    error: Error | null;
+};
+
+export { useNavigation };

package/dist/hooks/useNavigation.js

@@ -0,0 +1,59 @@
+'use strict';
+
+var react = require('react');
+
+function useNavigation({
+  organizationId,
+  apiBaseUrl = "/api",
+  enabled = true
+} = {}) {
+  const [items, setItems] = react.useState([]);
+  const [organizations, setOrganizations] = react.useState([]);
+  const [loading, setLoading] = react.useState(false);
+  const [error, setError] = react.useState(null);
+  react.useEffect(() => {
+    if (!enabled || !organizationId) {
+      setItems([]);
+      setOrganizations([]);
+      return;
+    }
+    const fetchNavigation = async () => {
+      setLoading(true);
+      setError(null);
+      try {
+        const response = await fetch(
+          `${apiBaseUrl}/navigation/${organizationId}`,
+          {
+            credentials: "include"
+            // Include cookies for auth
+          }
+        );
+        if (!response.ok) {
+          if (response.status === 401) {
+            throw new Error("Unauthorized");
+          }
+          if (response.status === 404) {
+            throw new Error("Organization not found");
+          }
+          throw new Error(`Failed to fetch navigation: ${response.statusText}`);
+        }
+        const data = await response.json();
+        setItems(data.items || []);
+        setOrganizations(data.organizations || []);
+      } catch (err) {
+        const error2 = err instanceof Error ? err : new Error("Unknown error");
+        setError(error2);
+        setItems([]);
+        setOrganizations([]);
+      } finally {
+        setLoading(false);
+      }
+    };
+    fetchNavigation();
+  }, [organizationId, apiBaseUrl, enabled]);
+  return { items, organizations, loading, error };
+}
+
+exports.useNavigation = useNavigation;
+//# sourceMappingURL=useNavigation.js.map
+//# sourceMappingURL=useNavigation.js.map

package/dist/hooks/useNavigation.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/useNavigation.ts"],"names":["useState","useEffect","error"],"mappings":";;;;AAwBO,SAAS,aAAA,CAAc;AAAA,EAC5B,cAAA;AAAA,EACA,UAAA,GAAa,MAAA;AAAA,EACb,OAAA,GAAU;AACZ,CAAA,GAA0B,EAAC,EAAG;AAC5B,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAIA,cAAA,CAA2B,EAAE,CAAA;AACvD,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAIA,cAAA,CAAyB,EAAE,CAAA;AACrE,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAIA,eAAS,KAAK,CAAA;AAC5C,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAIA,eAAuB,IAAI,CAAA;AAErD,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,OAAA,IAAW,CAAC,cAAA,EAAgB;AAC/B,MAAA,QAAA,CAAS,EAAE,CAAA;AACX,MAAA,gBAAA,CAAiB,EAAE,CAAA;AACnB,MAAA;AAAA,IACF;AAEA,IAAA,MAAM,kBAAkB,YAAY;AAClC,MAAA,UAAA,CAAW,IAAI,CAAA;AACf,MAAA,QAAA,CAAS,IAAI,CAAA;AAEb,MAAA,IAAI;AACF,QAAA,MAAM,WAAW,MAAM,KAAA;AAAA,UACrB,CAAA,EAAG,UAAU,CAAA,YAAA,EAAe,cAAc,CAAA,CAAA;AAAA,UAC1C;AAAA,YACE,WAAA,EAAa;AAAA;AAAA;AACf,SACF;AAEA,QAAA,IAAI,CAAC,SAAS,EAAA,EAAI;AAChB,UAAA,IAAI,QAAA,CAAS,WAAW,GAAA,EAAK;AAC3B,YAAA,MAAM,IAAI,MAAM,cAAc,CAAA;AAAA,UAChC;AACA,UAAA,IAAI,QAAA,CAAS,WAAW,GAAA,EAAK;AAC3B,YAAA,MAAM,IAAI,MAAM,wBAAwB,CAAA;AAAA,UAC1C;AACA,UAAA,MAAM,IAAI,KAAA,CAAM,CAAA,4BAAA,EAA+B,QAAA,CAAS,UAAU,CAAA,CAAE,CAAA;AAAA,QACtE;AAEA,QAAA,MAAM,IAAA,GAA2B,MAAM,QAAA,CAAS,IAAA,EAAK;AACrD,QAAA,QAAA,CAAS,IAAA,CAAK,KAAA,IAAS,EAAE,CAAA;AACzB,QAAA,gBAAA,CAAiB,IAAA,CAAK,aAAA,IAAiB,EAAE,CAAA;AAAA,MAC3C,SAAS,GAAA,EAAK;AACZ,QAAA,MAAMC,SAAQ,GAAA,YAAe,KAAA,GAAQ,GAAA,GAAM,IAAI,MAAM,eAAe,CAAA;AACpE,QAAA,QAAA,CAASA,MAAK,CAAA;AACd,QAAA,QAAA,CAAS,EAAE,CAAA;AACX,QAAA,gBAAA,CAAiB,EAAE,CAAA;AAAA,MACrB,CAAA,SAAE;AACA,QAAA,UAAA,CAAW,KAAK,CAAA;AAAA,MAClB;AAAA,IACF,CAAA;AAEA,IAAA,eAAA,EAAgB;AAAA,EAClB,CAAA,EAAG,CAAC,cAAA,EAAgB,UAAA,EAAY,OAAO,CAAC,CAAA;AAExC,EAAA,OAAO,EAAE,KAAA,EAAO,aAAA,EAAe,OAAA,EAAS,KAAA,EAAM;AAChD","file":"useNavigation.js","sourcesContent":["\"use client\"\n\nimport { useEffect, useState } from \"react\"\nimport type { NavigationItem, Organization } from \"../types\"\n\ninterface UseNavigationOptions {\n  organizationId?: string\n  apiBaseUrl?: string\n  enabled?: boolean\n}\n\ninterface NavigationResponse {\n  items: NavigationItem[]\n  organizationId: string\n  organizations?: Organization[] // Add organizations to response\n}\n\n/**\n * Hook to fetch navigation items and organizations from API\n * Falls back to empty array if API is unavailable or disabled\n * \n * @param options - Configuration options\n * @returns Navigation items, organizations, loading state, and error\n */\nexport function useNavigation({\n  organizationId,\n  apiBaseUrl = \"/api\",\n  enabled = true,\n}: UseNavigationOptions = {}) {\n  const [items, setItems] = useState<NavigationItem[]>([])\n  const [organizations, setOrganizations] = useState<Organization[]>([])\n  const [loading, setLoading] = useState(false)\n  const [error, setError] = useState<Error | null>(null)\n\n  useEffect(() => {\n    if (!enabled || !organizationId) {\n      setItems([])\n      setOrganizations([])\n      return\n    }\n\n    const fetchNavigation = async () => {\n      setLoading(true)\n      setError(null)\n\n      try {\n        const response = await fetch(\n          `${apiBaseUrl}/navigation/${organizationId}`,\n          {\n            credentials: \"include\", // Include cookies for auth\n          }\n        )\n\n        if (!response.ok) {\n          if (response.status === 401) {\n            throw new Error(\"Unauthorized\")\n          }\n          if (response.status === 404) {\n            throw new Error(\"Organization not found\")\n          }\n          throw new Error(`Failed to fetch navigation: ${response.statusText}`)\n        }\n\n        const data: NavigationResponse = await response.json()\n        setItems(data.items || [])\n        setOrganizations(data.organizations || [])\n      } catch (err) {\n        const error = err instanceof Error ? err : new Error(\"Unknown error\")\n        setError(error)\n        setItems([]) // Fallback to empty array\n        setOrganizations([]) // Fallback to empty array\n      } finally {\n        setLoading(false)\n      }\n    }\n\n    fetchNavigation()\n  }, [organizationId, apiBaseUrl, enabled])\n\n  return { items, organizations, loading, error }\n}\n\n"]}

package/dist/hooks/useNavigation.mjs

@@ -0,0 +1,57 @@
+import { useState, useEffect } from 'react';
+
+function useNavigation({
+  organizationId,
+  apiBaseUrl = "/api",
+  enabled = true
+} = {}) {
+  const [items, setItems] = useState([]);
+  const [organizations, setOrganizations] = useState([]);
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState(null);
+  useEffect(() => {
+    if (!enabled || !organizationId) {
+      setItems([]);
+      setOrganizations([]);
+      return;
+    }
+    const fetchNavigation = async () => {
+      setLoading(true);
+      setError(null);
+      try {
+        const response = await fetch(
+          `${apiBaseUrl}/navigation/${organizationId}`,
+          {
+            credentials: "include"
+            // Include cookies for auth
+          }
+        );
+        if (!response.ok) {
+          if (response.status === 401) {
+            throw new Error("Unauthorized");
+          }
+          if (response.status === 404) {
+            throw new Error("Organization not found");
+          }
+          throw new Error(`Failed to fetch navigation: ${response.statusText}`);
+        }
+        const data = await response.json();
+        setItems(data.items || []);
+        setOrganizations(data.organizations || []);
+      } catch (err) {
+        const error2 = err instanceof Error ? err : new Error("Unknown error");
+        setError(error2);
+        setItems([]);
+        setOrganizations([]);
+      } finally {
+        setLoading(false);
+      }
+    };
+    fetchNavigation();
+  }, [organizationId, apiBaseUrl, enabled]);
+  return { items, organizations, loading, error };
+}
+
+export { useNavigation };
+//# sourceMappingURL=useNavigation.mjs.map
+//# sourceMappingURL=useNavigation.mjs.map

package/dist/hooks/useNavigation.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/useNavigation.ts"],"names":["error"],"mappings":";;AAwBO,SAAS,aAAA,CAAc;AAAA,EAC5B,cAAA;AAAA,EACA,UAAA,GAAa,MAAA;AAAA,EACb,OAAA,GAAU;AACZ,CAAA,GAA0B,EAAC,EAAG;AAC5B,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,QAAA,CAA2B,EAAE,CAAA;AACvD,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAI,QAAA,CAAyB,EAAE,CAAA;AACrE,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAS,KAAK,CAAA;AAC5C,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAuB,IAAI,CAAA;AAErD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,OAAA,IAAW,CAAC,cAAA,EAAgB;AAC/B,MAAA,QAAA,CAAS,EAAE,CAAA;AACX,MAAA,gBAAA,CAAiB,EAAE,CAAA;AACnB,MAAA;AAAA,IACF;AAEA,IAAA,MAAM,kBAAkB,YAAY;AAClC,MAAA,UAAA,CAAW,IAAI,CAAA;AACf,MAAA,QAAA,CAAS,IAAI,CAAA;AAEb,MAAA,IAAI;AACF,QAAA,MAAM,WAAW,MAAM,KAAA;AAAA,UACrB,CAAA,EAAG,UAAU,CAAA,YAAA,EAAe,cAAc,CAAA,CAAA;AAAA,UAC1C;AAAA,YACE,WAAA,EAAa;AAAA;AAAA;AACf,SACF;AAEA,QAAA,IAAI,CAAC,SAAS,EAAA,EAAI;AAChB,UAAA,IAAI,QAAA,CAAS,WAAW,GAAA,EAAK;AAC3B,YAAA,MAAM,IAAI,MAAM,cAAc,CAAA;AAAA,UAChC;AACA,UAAA,IAAI,QAAA,CAAS,WAAW,GAAA,EAAK;AAC3B,YAAA,MAAM,IAAI,MAAM,wBAAwB,CAAA;AAAA,UAC1C;AACA,UAAA,MAAM,IAAI,KAAA,CAAM,CAAA,4BAAA,EAA+B,QAAA,CAAS,UAAU,CAAA,CAAE,CAAA;AAAA,QACtE;AAEA,QAAA,MAAM,IAAA,GAA2B,MAAM,QAAA,CAAS,IAAA,EAAK;AACrD,QAAA,QAAA,CAAS,IAAA,CAAK,KAAA,IAAS,EAAE,CAAA;AACzB,QAAA,gBAAA,CAAiB,IAAA,CAAK,aAAA,IAAiB,EAAE,CAAA;AAAA,MAC3C,SAAS,GAAA,EAAK;AACZ,QAAA,MAAMA,SAAQ,GAAA,YAAe,KAAA,GAAQ,GAAA,GAAM,IAAI,MAAM,eAAe,CAAA;AACpE,QAAA,QAAA,CAASA,MAAK,CAAA;AACd,QAAA,QAAA,CAAS,EAAE,CAAA;AACX,QAAA,gBAAA,CAAiB,EAAE,CAAA;AAAA,MACrB,CAAA,SAAE;AACA,QAAA,UAAA,CAAW,KAAK,CAAA;AAAA,MAClB;AAAA,IACF,CAAA;AAEA,IAAA,eAAA,EAAgB;AAAA,EAClB,CAAA,EAAG,CAAC,cAAA,EAAgB,UAAA,EAAY,OAAO,CAAC,CAAA;AAExC,EAAA,OAAO,EAAE,KAAA,EAAO,aAAA,EAAe,OAAA,EAAS,KAAA,EAAM;AAChD","file":"useNavigation.mjs","sourcesContent":["\"use client\"\n\nimport { useEffect, useState } from \"react\"\nimport type { NavigationItem, Organization } from \"../types\"\n\ninterface UseNavigationOptions {\n  organizationId?: string\n  apiBaseUrl?: string\n  enabled?: boolean\n}\n\ninterface NavigationResponse {\n  items: NavigationItem[]\n  organizationId: string\n  organizations?: Organization[] // Add organizations to response\n}\n\n/**\n * Hook to fetch navigation items and organizations from API\n * Falls back to empty array if API is unavailable or disabled\n * \n * @param options - Configuration options\n * @returns Navigation items, organizations, loading state, and error\n */\nexport function useNavigation({\n  organizationId,\n  apiBaseUrl = \"/api\",\n  enabled = true,\n}: UseNavigationOptions = {}) {\n  const [items, setItems] = useState<NavigationItem[]>([])\n  const [organizations, setOrganizations] = useState<Organization[]>([])\n  const [loading, setLoading] = useState(false)\n  const [error, setError] = useState<Error | null>(null)\n\n  useEffect(() => {\n    if (!enabled || !organizationId) {\n      setItems([])\n      setOrganizations([])\n      return\n    }\n\n    const fetchNavigation = async () => {\n      setLoading(true)\n      setError(null)\n\n      try {\n        const response = await fetch(\n          `${apiBaseUrl}/navigation/${organizationId}`,\n          {\n            credentials: \"include\", // Include cookies for auth\n          }\n        )\n\n        if (!response.ok) {\n          if (response.status === 401) {\n            throw new Error(\"Unauthorized\")\n          }\n          if (response.status === 404) {\n            throw new Error(\"Organization not found\")\n          }\n          throw new Error(`Failed to fetch navigation: ${response.statusText}`)\n        }\n\n        const data: NavigationResponse = await response.json()\n        setItems(data.items || [])\n        setOrganizations(data.organizations || [])\n      } catch (err) {\n        const error = err instanceof Error ? err : new Error(\"Unknown error\")\n        setError(error)\n        setItems([]) // Fallback to empty array\n        setOrganizations([]) // Fallback to empty array\n      } finally {\n        setLoading(false)\n      }\n    }\n\n    fetchNavigation()\n  }, [organizationId, apiBaseUrl, enabled])\n\n  return { items, organizations, loading, error }\n}\n\n"]}

package/dist/index.d.mts

@@ -0,0 +1,58 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { User, FrameworkAdapter, SidebarData, NavigationItem, Organization } from './types/index.mjs';
+export { LinkProps, NavigationConfig, Router } from './types/index.mjs';
+import { Sidebar } from '@/components/ui/sidebar';
+export { useNavigation } from './hooks/useNavigation.mjs';
+export { getIconComponent } from './utils/iconMapper.mjs';
+import 'lucide-react';
+
+/**
+ * Props mode: Pass data (organizations + navigationItems)
+ * API mode: Omit data (fetched from API)
+ */
+interface AppSidebarProps extends React.ComponentProps<typeof Sidebar> {
+    user: User;
+    adapter: FrameworkAdapter;
+    /** Sidebar data containing organizations and navigation items (props mode) */
+    data?: SidebarData;
+    /** Current organization ID (optional, can be extracted from pathname) */
+    organizationId?: string;
+    /** Custom API base URL (API mode only, defaults to "/api") */
+    apiBaseUrl?: string;
+}
+declare function AppSidebar({ user, adapter, data, organizationId, apiBaseUrl, ...props }: AppSidebarProps): react_jsx_runtime.JSX.Element;
+
+interface NavMainProps {
+    items: NavigationItem[];
+    adapter: FrameworkAdapter;
+}
+declare function NavMain({ items, adapter }: NavMainProps): react_jsx_runtime.JSX.Element;
+
+interface NavUserProps {
+    user: User;
+    adapter: FrameworkAdapter;
+}
+declare function NavUser({ user, adapter }: NavUserProps): react_jsx_runtime.JSX.Element;
+
+interface TeamSwitcherProps {
+    teams: Organization[];
+    organizationId?: string;
+    adapter: FrameworkAdapter;
+}
+declare function TeamSwitcher({ teams, organizationId, adapter, }: TeamSwitcherProps): react_jsx_runtime.JSX.Element | null;
+
+/**
+ * Next.js adapter for @logickernel/frame
+ * Provides Next.js-specific implementations of FrameworkAdapter
+ */
+
+/**
+ * Creates a Next.js adapter for the framework
+ * Use this when using @logickernel/frame in a Next.js application
+ *
+ * Note: This requires Next.js and next-auth to be installed
+ */
+declare function createNextJSAdapter(): FrameworkAdapter;
+
+export { AppSidebar, FrameworkAdapter, NavMain, NavUser, NavigationItem, Organization, SidebarData, TeamSwitcher, User, createNextJSAdapter };