@nswds/app 1.60.0 → 1.61.0

package/dist/index.cjs

@@ -12,11 +12,19 @@ var Link12 = require('next/link');
 var react = require('@remixicon/react');
 var RechartsPrimitive = require('recharts');
 var AspectRatioPrimitive = require('@radix-ui/react-aspect-ratio');
+var client$1 = require('@libsql/client');
+var libsql = require('drizzle-orm/libsql');
+var sqliteCore = require('drizzle-orm/sqlite-core');
+var drizzleAdapter = require('@auth/drizzle-adapter');
+var drizzleOrm = require('drizzle-orm');
+var NextAuth = require('next-auth');
+var MicrosoftEntraID = require('next-auth/providers/microsoft-entra-id');
 var AvatarPrimitive = require('@radix-ui/react-avatar');
+var DropdownMenuPrimitive = require('@radix-ui/react-dropdown-menu');
+var react$1 = require('next-auth/react');
 var culori = require('culori');
 var reactSlot = require('@radix-ui/react-slot');
 var navigation = require('next/navigation');
-var DropdownMenuPrimitive = require('@radix-ui/react-dropdown-menu');
 var reactDayPicker = require('react-day-picker');
 var useEmblaCarousel = require('embla-carousel-react');
 var lucideReact = require('lucide-react');
@@ -89,9 +97,11 @@ var Headless4__namespace = /*#__PURE__*/_interopNamespace(Headless4);
 var Link12__default = /*#__PURE__*/_interopDefault(Link12);
 var RechartsPrimitive__namespace = /*#__PURE__*/_interopNamespace(RechartsPrimitive);
 var AspectRatioPrimitive__namespace = /*#__PURE__*/_interopNamespace(AspectRatioPrimitive);
+var NextAuth__default = /*#__PURE__*/_interopDefault(NextAuth);
+var MicrosoftEntraID__default = /*#__PURE__*/_interopDefault(MicrosoftEntraID);
 var AvatarPrimitive__namespace = /*#__PURE__*/_interopNamespace(AvatarPrimitive);
-var culori__namespace = /*#__PURE__*/_interopNamespace(culori);
 var DropdownMenuPrimitive__namespace = /*#__PURE__*/_interopNamespace(DropdownMenuPrimitive);
+var culori__namespace = /*#__PURE__*/_interopNamespace(culori);
 var useEmblaCarousel__default = /*#__PURE__*/_interopDefault(useEmblaCarousel);
 var TooltipPrimitives__namespace = /*#__PURE__*/_interopNamespace(TooltipPrimitives);
 var CheckboxPrimitive__namespace = /*#__PURE__*/_interopNamespace(CheckboxPrimitive);
@@ -115,12 +125,17 @@ var ProgressPrimitive__namespace = /*#__PURE__*/_interopNamespace(ProgressPrimit
 var ResizablePrimitive__namespace = /*#__PURE__*/_interopNamespace(ResizablePrimitive);
 var SliderPrimitive__namespace = /*#__PURE__*/_interopNamespace(SliderPrimitive);
 
+var __defProp = Object.defineProperty;
 var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
   get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
 }) : x)(function(x) {
   if (typeof require !== "undefined") return require.apply(this, arguments);
   throw Error('Dynamic require of "' + x + '" is not supported');
 });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
 var Icons = {
   account_circle: (props) => /* @__PURE__ */ jsxRuntime.jsx("svg", { fill: "currentColor", "data-slot": "icon", viewBox: "0 -960 960 960", ...props, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M234-276q51-39 114-61.5T480-360q69 0 132 22.5T726-276q35-41 54.5-93T800-480q0-133-93.5-226.5T480-800q-133 0-226.5 93.5T160-480q0 59 19.5 111t54.5 93Zm246-164q-59 0-99.5-40.5T340-580q0-59 40.5-99.5T480-720q59 0 99.5 40.5T620-580q0 59-40.5 99.5T480-440Zm0 360q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q53 0 100-15.5t86-44.5q-39-29-86-44.5T480-280q-53 0-100 15.5T294-220q39 29 86 44.5T480-160Zm0-360q26 0 43-17t17-43q0-26-17-43t-43-17q-26 0-43 17t-17 43q0 26 17 43t43 17Zm0-60Zm0 360Z" }) }),
   add_circle: (props) => /* @__PURE__ */ jsxRuntime.jsx("svg", { fill: "currentColor", "data-slot": "icon", viewBox: "0 -960 960 960", ...props, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M440-440v120q0 17 11.5 28.5T480-280q17 0 28.5-11.5T520-320v-120h120q17 0 28.5-11.5T680-480q0-17-11.5-28.5T640-520H520v-120q0-17-11.5-28.5T480-680q-17 0-28.5 11.5T440-640v120H320q-17 0-28.5 11.5T280-480q0 17 11.5 28.5T320-440h120Zm40 360q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z" }) }),
@@ -246,11 +261,11 @@ var Icons = {
 function cn(...inputs) {
   return tailwindMerge.twMerge(clsx12.clsx(inputs));
 }
-function truncate(text, maxLength) {
-  if (text.length <= maxLength) {
-    return text;
+function truncate(text4, maxLength) {
+  if (text4.length <= maxLength) {
+    return text4;
   }
-  return text.slice(0, maxLength) + "...";
+  return text4.slice(0, maxLength) + "...";
 }
 function kebabCase(str) {
   return str.replace(/([a-z])([A-Z])/g, "$1-$2").replace(/[\s_]+/g, "-").toLowerCase();
@@ -1661,8 +1676,162 @@ AreaChart.displayName = "AreaChart";
 function AspectRatio({ ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(AspectRatioPrimitive__namespace.Root, { "data-slot": "aspect-ratio", ...props });
 }
-function AuthLayout({ children }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("main", { className: "flex min-h-dvh flex-col p-2", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex grow items-center justify-center p-6 lg:rounded-sm lg:bg-white lg:p-10 lg:shadow-xs lg:ring-1 lg:ring-grey-950/5 dark:lg:bg-grey-900 dark:lg:ring-white/10", children }) });
+
+// src/db/schema/accounts.ts
+var accounts_exports = {};
+__export(accounts_exports, {
+  accounts: () => accounts
+});
+
+// src/db/schema/users.ts
+var users_exports = {};
+__export(users_exports, {
+  users: () => users
+});
+var users = sqliteCore.sqliteTable("user", {
+  id: sqliteCore.text("id").primaryKey().$defaultFn(() => crypto.randomUUID()),
+  name: sqliteCore.text("name"),
+  email: sqliteCore.text("email").unique(),
+  emailVerified: sqliteCore.integer("emailVerified", { mode: "timestamp_ms" }),
+  image: sqliteCore.text("image"),
+  role: sqliteCore.text("role", { enum: ["ADMIN", "USER"] }).default("USER")
+});
+
+// src/db/schema/accounts.ts
+var accounts = sqliteCore.sqliteTable(
+  "account",
+  {
+    userId: sqliteCore.text("userId").notNull().references(() => users.id, { onDelete: "cascade" }),
+    type: sqliteCore.text("type").$type().notNull(),
+    provider: sqliteCore.text("provider").notNull(),
+    providerAccountId: sqliteCore.text("providerAccountId").notNull(),
+    refresh_token: sqliteCore.text("refresh_token"),
+    access_token: sqliteCore.text("access_token"),
+    expires_at: sqliteCore.integer("expires_at"),
+    token_type: sqliteCore.text("token_type"),
+    scope: sqliteCore.text("scope"),
+    id_token: sqliteCore.text("id_token"),
+    session_state: sqliteCore.text("session_state")
+  },
+  (table) => [
+    sqliteCore.primaryKey({
+      columns: [table.provider, table.providerAccountId],
+      name: "accounts_pk"
+    })
+  ]
+);
+
+// src/db/schema/sessions.ts
+var sessions_exports = {};
+__export(sessions_exports, {
+  sessions: () => sessions
+});
+var sessions = sqliteCore.sqliteTable("session", {
+  sessionToken: sqliteCore.text("sessionToken").primaryKey(),
+  userId: sqliteCore.text("userId").notNull().references(() => users.id, { onDelete: "cascade" }),
+  expires: sqliteCore.integer("expires", { mode: "timestamp_ms" }).notNull()
+});
+
+// src/db/index.ts
+var client = client$1.createClient({
+  url: process.env.TURSO_DATABASE_URL,
+  authToken: process.env.TURSO_AUTH_TOKEN
+});
+var db = libsql.drizzle(client, {
+  schema: {
+    ...users_exports,
+    ...accounts_exports,
+    ...sessions_exports
+  }
+});
+var { handlers, signIn, signOut, auth } = NextAuth__default.default({
+  adapter: drizzleAdapter.DrizzleAdapter(db),
+  pages: {
+    signIn: "/api/auth/signin-microsoft"
+  },
+  providers: [
+    MicrosoftEntraID__default.default({
+      clientId: process.env.AUTH_MICROSOFT_ENTRA_ID_ID,
+      clientSecret: process.env.AUTH_MICROSOFT_ENTRA_ID_SECRET,
+      issuer: process.env.AUTH_MICROSOFT_ENTRA_ID_ISSUER,
+      authorization: {
+        params: {
+          scope: "openid profile email User.Read offline_access",
+          tenant: process.env.AUTH_MICROSOFT_ENTRA_ID_TENANT_ID
+        }
+      }
+    })
+  ],
+  callbacks: {
+    authorized: async ({ auth: auth2, request }) => {
+      const nonPublicPaths = ["/tests", "/dashboard"];
+      const path = request.nextUrl.pathname;
+      const isNonPublic = nonPublicPaths.some((prefix) => path.startsWith(prefix));
+      if (isNonPublic) {
+        return !!auth2;
+      }
+      return true;
+    },
+    jwt({ token, user }) {
+      if (user) {
+        token.id = user.id;
+      }
+      return token;
+    },
+    async session({ session, user }) {
+      session.user.id = user.id;
+      const [microsoftAccount] = await db.select().from(accounts).where(drizzleOrm.and(drizzleOrm.eq(accounts.userId, user.id), drizzleOrm.eq(accounts.provider, "microsoft-entra-id"))).limit(1);
+      if (microsoftAccount && microsoftAccount.expires_at && microsoftAccount.expires_at * 1e3 < Date.now()) {
+        try {
+          const tokenEndpoint = `https://login.microsoftonline.com/${process.env.AUTH_MICROSOFT_ENTRA_ID_TENANT_ID}/oauth2/v2.0/token`;
+          const response = await fetch(tokenEndpoint, {
+            method: "POST",
+            headers: {
+              "Content-Type": "application/x-www-form-urlencoded"
+            },
+            body: new URLSearchParams({
+              client_id: process.env.AUTH_MICROSOFT_ENTRA_ID_ID,
+              client_secret: process.env.AUTH_MICROSOFT_ENTRA_ID_SECRET,
+              grant_type: "refresh_token",
+              refresh_token: microsoftAccount.refresh_token,
+              scope: "openid profile email offline_access"
+            })
+          });
+          const tokensOrError = await response.json();
+          if (!response.ok) throw tokensOrError;
+          const newTokens = tokensOrError;
+          await db.update(accounts).set({
+            access_token: newTokens.access_token,
+            expires_at: Math.floor(Date.now() / 1e3 + newTokens.expires_in),
+            refresh_token: newTokens.refresh_token ?? microsoftAccount.refresh_token,
+            id_token: newTokens.id_token ?? microsoftAccount.id_token
+          }).where(
+            drizzleOrm.and(
+              drizzleOrm.eq(accounts.provider, "microsoft-entra-id"),
+              drizzleOrm.eq(accounts.providerAccountId, microsoftAccount.providerAccountId)
+            )
+          );
+        } catch (error) {
+          console.error("Error refreshing access_token", error);
+          session.error = "RefreshTokenError";
+        }
+      }
+      return session;
+    }
+  }
+});
+
+// src/actions/auth-actions.ts
+async function signInWithEntra(formData) {
+  const redirect = formData.get("redirect")?.toString() || "/dashboard";
+  await signIn("microsoft-entra-id", { redirectTo: redirect });
+}
+async function signInGeneric(formData) {
+  const redirect = formData.get("redirect")?.toString() || "/dashboard";
+  await signIn(void 0, { redirectTo: redirect });
+}
+async function signOutAction() {
+  await signOut();
 }
 function Avatar({ className, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -1697,6 +1866,254 @@ function AvatarFallback({
     }
   );
 }
+function DropdownMenu({ ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Root, { "data-slot": "dropdown-menu", ...props });
+}
+function DropdownMenuPortal({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Portal, { "data-slot": "dropdown-menu-portal", ...props });
+}
+function DropdownMenuTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Trigger, { "data-slot": "dropdown-menu-trigger", ...props });
+}
+function DropdownMenuContent({
+  className,
+  sideOffset = 4,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+    DropdownMenuPrimitive__namespace.Content,
+    {
+      "data-slot": "dropdown-menu-content",
+      sideOffset,
+      className: cn(
+        [
+          // Base
+          "z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-sm border bg-background p-1 text-foreground shadow-md",
+          // Open
+          "data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95",
+          // Closed
+          "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
+          // Side
+          "data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+          // Hover
+          "",
+          // Focus
+          "",
+          // Active
+          ""
+        ],
+        className
+      ),
+      ...props
+    }
+  ) });
+}
+function DropdownMenuGroup({ ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Group, { "data-slot": "dropdown-menu-group", ...props });
+}
+function DropdownMenuItem({
+  className,
+  inset,
+  variant = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    DropdownMenuPrimitive__namespace.Item,
+    {
+      "data-slot": "dropdown-menu-item",
+      "data-inset": inset,
+      "data-variant": variant,
+      className: cn(
+        [
+          // Base
+          ""
+        ],
+        "relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-primary-800/10 focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground data-[variant=destructive]:*:[svg]:!text-destructive",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DropdownMenuCheckboxItem({
+  className,
+  children,
+  checked,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    DropdownMenuPrimitive__namespace.CheckboxItem,
+    {
+      "data-slot": "dropdown-menu-checkbox-item",
+      className: cn(
+        [
+          // Base
+          ""
+        ],
+        "relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none focus:bg-primary-800/10 focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      checked,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(Icons.check, { className: "size-4" }) }) }),
+        children
+      ]
+    }
+  );
+}
+function DropdownMenuRadioGroup({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.RadioGroup, { "data-slot": "dropdown-menu-radio-group", ...props });
+}
+function DropdownMenuRadioItem({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    DropdownMenuPrimitive__namespace.RadioItem,
+    {
+      "data-slot": "dropdown-menu-radio-item",
+      className: cn(
+        [
+          // Base
+          ""
+        ],
+        "relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none focus:bg-primary-800/10 focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(Icons.circle, { className: "size-2 fill-current" }) }) }),
+        children
+      ]
+    }
+  );
+}
+function DropdownMenuLabel({
+  className,
+  inset,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    DropdownMenuPrimitive__namespace.Label,
+    {
+      "data-slot": "dropdown-menu-label",
+      "data-inset": inset,
+      className: cn("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8", className),
+      ...props
+    }
+  );
+}
+function DropdownMenuSeparator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    DropdownMenuPrimitive__namespace.Separator,
+    {
+      "data-slot": "dropdown-menu-separator",
+      className: cn("-mx-1 my-1 h-px bg-border", className),
+      ...props
+    }
+  );
+}
+function DropdownMenuShortcut({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      "data-slot": "dropdown-menu-shortcut",
+      className: cn("ml-auto text-xs tracking-widest text-muted-foreground", className),
+      ...props
+    }
+  );
+}
+function DropdownMenuSub({ ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Sub, { "data-slot": "dropdown-menu-sub", ...props });
+}
+function DropdownMenuSubTrigger({
+  className,
+  inset,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    DropdownMenuPrimitive__namespace.SubTrigger,
+    {
+      "data-slot": "dropdown-menu-sub-trigger",
+      "data-inset": inset,
+      className: cn(
+        [
+          // Base
+          ""
+        ],
+        "flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-primary-800/10 focus:text-accent-foreground data-[inset]:pl-8 data-[state=open]:bg-primary-800/10 data-[state=open]:text-accent-foreground",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsxRuntime.jsx(Icons.chevron_right, { className: "ml-auto size-4" })
+      ]
+    }
+  );
+}
+function DropdownMenuSubContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    DropdownMenuPrimitive__namespace.SubContent,
+    {
+      "data-slot": "dropdown-menu-sub-content",
+      className: cn(
+        [
+          // Base
+          ""
+        ],
+        "z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AuthButton({ user, children }) {
+  if (!user) {
+    return /* @__PURE__ */ jsxRuntime.jsx("form", { action: signInWithEntra, children: /* @__PURE__ */ jsxRuntime.jsx(Button2, { type: "submit", variant: "surface", color: "light", children: "Sign In" }) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenu, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(Button2, { variant: "surface", color: "light", className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(Avatar, { className: "h-5 w-5", children: [
+        user.image && /* @__PURE__ */ jsxRuntime.jsx(AvatarImage, { src: user.image, alt: user.name || "User" }),
+        /* @__PURE__ */ jsxRuntime.jsx(AvatarFallback, { className: "text-xs", children: user.name?.split(" ").map((n) => n[0]).join("") || "U" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col items-start text-sm", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: user.name }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(Icons.chevron_down, { className: "h-4 w-4 opacity-70" })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuContent, { className: "w-56", align: "start", children: [
+      children,
+      /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuSeparator, {}),
+      /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuItem, { asChild: true, className: "cursor-pointer", children: /* @__PURE__ */ jsxRuntime.jsx("form", { action: signOutAction, className: "w-full", children: /* @__PURE__ */ jsxRuntime.jsxs("button", { type: "submit", className: "flex w-full cursor-pointer items-center", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Icons.logout, { className: "mr-2 h-4 w-4" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Sign out" })
+      ] }) }) })
+    ] })
+  ] });
+}
+function AuthButtonWrapper() {
+  const { data: session } = react$1.useSession();
+  return /* @__PURE__ */ jsxRuntime.jsx(AuthButton, { user: session?.user });
+}
+function AuthLayout({ children }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("main", { className: "flex min-h-dvh flex-col p-2", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex grow items-center justify-center p-6 lg:rounded-sm lg:bg-white lg:p-10 lg:shadow-xs lg:ring-1 lg:ring-grey-950/5 dark:lg:bg-grey-900 dark:lg:ring-white/10", children }) });
+}
 var focusOutline = {
   "primary/grey": [
     // Base
@@ -3353,224 +3770,6 @@ function BreadcrumbEllipsis({ className, ...props }) {
     }
   );
 }
-function DropdownMenu({ ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Root, { "data-slot": "dropdown-menu", ...props });
-}
-function DropdownMenuPortal({
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Portal, { "data-slot": "dropdown-menu-portal", ...props });
-}
-function DropdownMenuTrigger({
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Trigger, { "data-slot": "dropdown-menu-trigger", ...props });
-}
-function DropdownMenuContent({
-  className,
-  sideOffset = 4,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
-    DropdownMenuPrimitive__namespace.Content,
-    {
-      "data-slot": "dropdown-menu-content",
-      sideOffset,
-      className: cn(
-        [
-          // Base
-          "z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-sm border bg-background p-1 text-foreground shadow-md",
-          // Open
-          "data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95",
-          // Closed
-          "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
-          // Side
-          "data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-          // Hover
-          "",
-          // Focus
-          "",
-          // Active
-          ""
-        ],
-        className
-      ),
-      ...props
-    }
-  ) });
-}
-function DropdownMenuGroup({ ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Group, { "data-slot": "dropdown-menu-group", ...props });
-}
-function DropdownMenuItem({
-  className,
-  inset,
-  variant = "default",
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    DropdownMenuPrimitive__namespace.Item,
-    {
-      "data-slot": "dropdown-menu-item",
-      "data-inset": inset,
-      "data-variant": variant,
-      className: cn(
-        [
-          // Base
-          ""
-        ],
-        "relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-primary-800/10 focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground data-[variant=destructive]:*:[svg]:!text-destructive",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function DropdownMenuCheckboxItem({
-  className,
-  children,
-  checked,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    DropdownMenuPrimitive__namespace.CheckboxItem,
-    {
-      "data-slot": "dropdown-menu-checkbox-item",
-      className: cn(
-        [
-          // Base
-          ""
-        ],
-        "relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none focus:bg-primary-800/10 focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
-      ),
-      checked,
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(Icons.check, { className: "size-4" }) }) }),
-        children
-      ]
-    }
-  );
-}
-function DropdownMenuRadioGroup({
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.RadioGroup, { "data-slot": "dropdown-menu-radio-group", ...props });
-}
-function DropdownMenuRadioItem({
-  className,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    DropdownMenuPrimitive__namespace.RadioItem,
-    {
-      "data-slot": "dropdown-menu-radio-item",
-      className: cn(
-        [
-          // Base
-          ""
-        ],
-        "relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none focus:bg-primary-800/10 focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
-      ),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(Icons.circle, { className: "size-2 fill-current" }) }) }),
-        children
-      ]
-    }
-  );
-}
-function DropdownMenuLabel({
-  className,
-  inset,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    DropdownMenuPrimitive__namespace.Label,
-    {
-      "data-slot": "dropdown-menu-label",
-      "data-inset": inset,
-      className: cn("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8", className),
-      ...props
-    }
-  );
-}
-function DropdownMenuSeparator({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    DropdownMenuPrimitive__namespace.Separator,
-    {
-      "data-slot": "dropdown-menu-separator",
-      className: cn("-mx-1 my-1 h-px bg-border", className),
-      ...props
-    }
-  );
-}
-function DropdownMenuShortcut({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "span",
-    {
-      "data-slot": "dropdown-menu-shortcut",
-      className: cn("ml-auto text-xs tracking-widest text-muted-foreground", className),
-      ...props
-    }
-  );
-}
-function DropdownMenuSub({ ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Sub, { "data-slot": "dropdown-menu-sub", ...props });
-}
-function DropdownMenuSubTrigger({
-  className,
-  inset,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    DropdownMenuPrimitive__namespace.SubTrigger,
-    {
-      "data-slot": "dropdown-menu-sub-trigger",
-      "data-inset": inset,
-      className: cn(
-        [
-          // Base
-          ""
-        ],
-        "flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-primary-800/10 focus:text-accent-foreground data-[inset]:pl-8 data-[state=open]:bg-primary-800/10 data-[state=open]:text-accent-foreground",
-        className
-      ),
-      ...props,
-      children: [
-        children,
-        /* @__PURE__ */ jsxRuntime.jsx(Icons.chevron_right, { className: "ml-auto size-4" })
-      ]
-    }
-  );
-}
-function DropdownMenuSubContent({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    DropdownMenuPrimitive__namespace.SubContent,
-    {
-      "data-slot": "dropdown-menu-sub-content",
-      className: cn(
-        [
-          // Base
-          ""
-        ],
-        "z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95",
-        className
-      ),
-      ...props
-    }
-  );
-}
 function Breadcrumbs({
   homeLabel = "Home",
   pathLabels = {},
@@ -11980,7 +12179,7 @@ function FormatToggle({ format, setFormat }) {
 
 // package.json
 var package_default = {
-  version: "1.59.0"};
+  version: "1.60.0"};
 function Heading({
   className,
   trim = "normal",
@@ -18728,7 +18927,7 @@ function distance2D(a, b) {
 
 // node_modules/framer-motion/dist/es/gestures/pan/PanSession.mjs
 var PanSession = class {
-  constructor(event, handlers, { transformPagePoint, contextWindow = window, dragSnapToOrigin = false, distanceThreshold = 3 } = {}) {
+  constructor(event, handlers2, { transformPagePoint, contextWindow = window, dragSnapToOrigin = false, distanceThreshold = 3 } = {}) {
     this.startEvent = null;
     this.lastMoveEvent = null;
     this.lastMoveEventInfo = null;
@@ -18773,7 +18972,7 @@ var PanSession = class {
     if (!isPrimaryPointer(event))
       return;
     this.dragSnapToOrigin = dragSnapToOrigin;
-    this.handlers = handlers;
+    this.handlers = handlers2;
     this.transformPagePoint = transformPagePoint;
     this.distanceThreshold = distanceThreshold;
     this.contextWindow = contextWindow || window;
@@ -18782,12 +18981,12 @@ var PanSession = class {
     const { point } = initialInfo;
     const { timestamp } = frameData;
     this.history = [{ ...point, timestamp }];
-    const { onSessionStart } = handlers;
+    const { onSessionStart } = handlers2;
     onSessionStart && onSessionStart(event, getPanInfo(initialInfo, this.history));
     this.removeListeners = pipe(addPointerEvent(this.contextWindow, "pointermove", this.handlePointerMove), addPointerEvent(this.contextWindow, "pointerup", this.handlePointerUp), addPointerEvent(this.contextWindow, "pointercancel", this.handlePointerUp));
   }
-  updateHandlers(handlers) {
-    this.handlers = handlers;
+  updateHandlers(handlers2) {
+    this.handlers = handlers2;
   }
   end() {
     this.removeListeners && this.removeListeners();
@@ -23807,6 +24006,23 @@ function StepNavigation({
     /* @__PURE__ */ jsxRuntime.jsx(StepIndicator, { className: "mt-2 lg:mt-4", array: section.links })
   ] }, section.title)) }) });
 }
+function SubmitButton({
+  submitText = "Submit",
+  activeSubmitText = "Submitting...",
+  disabled,
+  isSubmitting = false,
+  icon,
+  ...props
+}) {
+  const IconComponent = icon ? Icons[icon] : null;
+  return /* @__PURE__ */ jsxRuntime.jsx(Button2, { type: "submit", disabled, ...props, children: !isSubmitting ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    IconComponent && /* @__PURE__ */ jsxRuntime.jsx(IconComponent, { className: "mr-2" }),
+    submitText
+  ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Spinner, { "aria-label": activeSubmitText, size: "sm", className: "mr-2" }),
+    activeSubmitText
+  ] }) });
+}
 function SwitchGroup({ className, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
@@ -24636,6 +24852,15 @@ var Tracker = React5__namespace.default.forwardRef(
   }
 );
 Tracker.displayName = "Tracker";
+function SignInButton() {
+  return /* @__PURE__ */ jsxRuntime.jsx("form", { action: signInGeneric, children: /* @__PURE__ */ jsxRuntime.jsx(Button2, { type: "submit", variant: "outline", children: "Sign in" }) });
+}
+function SignInWithEntraButton() {
+  return /* @__PURE__ */ jsxRuntime.jsx("form", { action: signInWithEntra, children: /* @__PURE__ */ jsxRuntime.jsx(Button2, { type: "submit", children: "Sign in with Entra" }) });
+}
+function SignOutButton() {
+  return /* @__PURE__ */ jsxRuntime.jsx("form", { action: signOutAction, children: /* @__PURE__ */ jsxRuntime.jsx(Button2, { type: "submit", color: "danger", children: "Sign Out" }) });
+}
 var useIsomorphicLayoutEffect2 = typeof window !== "undefined" ? React5.useLayoutEffect : React5.useEffect;
 function useDisableToc() {
   const { setToc } = useToc();
@@ -24652,15 +24877,15 @@ function useDisableToc() {
   }, [setToc]);
 }
 function getNodeText(node) {
-  let text = "";
+  let text4 = "";
   for (const child of node.children ?? []) {
     if ("type" in child && child.type === "text") {
-      text += child.attributes?.content ?? "";
+      text4 += child.attributes?.content ?? "";
     } else if (child instanceof HTMLElement) {
-      text += getNodeText(child);
+      text4 += getNodeText(child);
     }
   }
-  return text;
+  return text4;
 }
 function domToSimple(node) {
   if (node.nodeType === Node.TEXT_NODE) {
@@ -24795,6 +25020,8 @@ exports.AlertDialogTrigger = AlertDialogTrigger;
 exports.AlertTitle = AlertTitle;
 exports.AreaChart = AreaChart;
 exports.AspectRatio = AspectRatio;
+exports.AuthButton = AuthButton;
+exports.AuthButtonWrapper = AuthButtonWrapper;
 exports.AuthLayout = AuthLayout;
 exports.AvailableChartColors = AvailableChartColors;
 exports.Avatar = Avatar;
@@ -25067,6 +25294,9 @@ exports.SidebarProvider = SidebarProvider;
 exports.SidebarRail = SidebarRail;
 exports.SidebarSeparator = SidebarSeparator;
 exports.SidebarTrigger = SidebarTrigger;
+exports.SignInButton = SignInButton;
+exports.SignInWithEntraButton = SignInWithEntraButton;
+exports.SignOutButton = SignOutButton;
 exports.SiteSearch = SiteSearch;
 exports.Skeleton = Skeleton;
 exports.Slider = Slider;
@@ -25078,6 +25308,7 @@ exports.Spinner = Spinner;
 exports.StepIndicator = StepIndicator;
 exports.StepNavigation = StepNavigation;
 exports.Strong = Strong;
+exports.SubmitButton = SubmitButton;
 exports.Switch = Switch2;
 exports.SwitchField = SwitchField;
 exports.SwitchGroup = SwitchGroup;