@krizaka/ui 3.54.0 → 3.55.0

package/dist/nav-bar/me.d.ts

@@ -0,0 +1,32 @@
+/** The body of `GET /api/me`. `account` is the product's own shape, present only when `signedIn`. */
+interface MeResponse<TAccount = unknown> {
+    signedIn: boolean;
+    /** Whether the product accepts new accounts (its `signupOpen` setting). */
+    signupOpen: boolean;
+    account?: TAccount;
+}
+/** The headers of the answer: per-visitor, never cached, varying with the session cookie. */
+declare const meHeaders: {
+    readonly "Cache-Control": "private, no-store";
+    readonly Vary: "Cookie";
+};
+/** The 200 answer of `GET /api/me` for a route handler. A signed-out visitor never gets an `account`. */
+declare function meResponse<TAccount>({ signedIn, signupOpen, account }: MeResponse<TAccount>): Response;
+/** A Standard Schema of the body, for `krizakaFetch`: refuses anything that is not the contract. */
+declare const meSchema: {
+    readonly "~standard": {
+        readonly version: 1;
+        readonly vendor: "krizaka";
+        readonly validate: (value: unknown) => {
+            value: MeResponse;
+            issues?: undefined;
+        } | {
+            issues: {
+                message: string;
+            }[];
+            value?: undefined;
+        };
+    };
+};
+
+export { type MeResponse, meHeaders, meResponse, meSchema };

package/dist/nav-bar/me.js

@@ -0,0 +1,23 @@
+// src/nav-bar/me.ts
+var meHeaders = { "Cache-Control": "private, no-store", Vary: "Cookie" };
+function meResponse({ signedIn, signupOpen, account }) {
+  const body = signedIn && account !== void 0 ? { signedIn, signupOpen, account } : { signedIn: false, signupOpen };
+  return new Response(JSON.stringify(body), { status: 200, headers: { ...meHeaders, "Content-Type": "application/json" } });
+}
+var meSchema = {
+  "~standard": {
+    version: 1,
+    vendor: "krizaka",
+    validate(value) {
+      const v = value;
+      if (v && typeof v === "object" && typeof v.signedIn === "boolean" && typeof v.signupOpen === "boolean" && (v.signedIn || !("account" in v))) return { value: v };
+      return { issues: [{ message: "Expected { signedIn: boolean, signupOpen: boolean, account?: \u2026 }." }] };
+    }
+  }
+};
+export {
+  meHeaders,
+  meResponse,
+  meSchema
+};
+//# sourceMappingURL=me.js.map

package/dist/nav-bar/me.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/nav-bar/me.ts"],"sourcesContent":["// The « who is here » contract, the same for every product: `GET /api/me` answers 200 `{ signedIn, signupOpen, account? }`\n// with `Cache-Control: private, no-store` and `Vary: Cookie`. A public page asking who is there is not an error: signed\n// out is a 200 with `signedIn: false`, never a 401.\n\n/** The body of `GET /api/me`. `account` is the product's own shape, present only when `signedIn`. */\nexport interface MeResponse<TAccount = unknown> {\n  signedIn: boolean;\n  /** Whether the product accepts new accounts (its `signupOpen` setting). */\n  signupOpen: boolean;\n  account?: TAccount;\n}\n\n/** The headers of the answer: per-visitor, never cached, varying with the session cookie. */\nexport const meHeaders = { \"Cache-Control\": \"private, no-store\", Vary: \"Cookie\" } as const;\n\n/** The 200 answer of `GET /api/me` for a route handler. A signed-out visitor never gets an `account`. */\nexport function meResponse<TAccount>({ signedIn, signupOpen, account }: MeResponse<TAccount>): Response {\n  const body: MeResponse<TAccount> = signedIn && account !== undefined ? { signedIn, signupOpen, account } : { signedIn: false, signupOpen };\n  return new Response(JSON.stringify(body), { status: 200, headers: { ...meHeaders, \"Content-Type\": \"application/json\" } });\n}\n\n/** A Standard Schema of the body, for `krizakaFetch`: refuses anything that is not the contract. */\nexport const meSchema = {\n  \"~standard\": {\n    version: 1,\n    vendor: \"krizaka\",\n    validate(value: unknown) {\n      const v = value as Partial<MeResponse> | null;\n      if (v && typeof v === \"object\" && typeof v.signedIn === \"boolean\" && typeof v.signupOpen === \"boolean\" && (v.signedIn || !(\"account\" in v))) return { value: v as MeResponse };\n      return { issues: [{ message: \"Expected { signedIn: boolean, signupOpen: boolean, account?: … }.\" }] };\n    },\n  },\n} as const;\n"],"mappings":";AAaO,IAAM,YAAY,EAAE,iBAAiB,qBAAqB,MAAM,SAAS;AAGzE,SAAS,WAAqB,EAAE,UAAU,YAAY,QAAQ,GAAmC;AACtG,QAAM,OAA6B,YAAY,YAAY,SAAY,EAAE,UAAU,YAAY,QAAQ,IAAI,EAAE,UAAU,OAAO,WAAW;AACzI,SAAO,IAAI,SAAS,KAAK,UAAU,IAAI,GAAG,EAAE,QAAQ,KAAK,SAAS,EAAE,GAAG,WAAW,gBAAgB,mBAAmB,EAAE,CAAC;AAC1H;AAGO,IAAM,WAAW;AAAA,EACtB,aAAa;AAAA,IACX,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,SAAS,OAAgB;AACvB,YAAM,IAAI;AACV,UAAI,KAAK,OAAO,MAAM,YAAY,OAAO,EAAE,aAAa,aAAa,OAAO,EAAE,eAAe,cAAc,EAAE,YAAY,EAAE,aAAa,IAAK,QAAO,EAAE,OAAO,EAAgB;AAC7K,aAAO,EAAE,QAAQ,CAAC,EAAE,SAAS,yEAAoE,CAAC,EAAE;AAAA,IACtG;AAAA,EACF;AACF;","names":[]}

package/dist/nav-bar.d.ts

@@ -4,6 +4,63 @@ import * as React from 'react';
 import { LanguageSwitchProps } from './language-switch.js';
 import { S as SiteId, F as FamilyLabels } from './sites-DlR8jicc.js';
 
+/** The body of `GET /api/me`. `account` is the product's own shape, present only when `signedIn`. */
+interface MeResponse<TAccount = unknown> {
+    signedIn: boolean;
+    /** Whether the product accepts new accounts (its `signupOpen` setting). */
+    signupOpen: boolean;
+    account?: TAccount;
+}
+/** The headers of the answer: per-visitor, never cached, varying with the session cookie. */
+declare const meHeaders: {
+    readonly "Cache-Control": "private, no-store";
+    readonly Vary: "Cookie";
+};
+/** The 200 answer of `GET /api/me` for a route handler. A signed-out visitor never gets an `account`. */
+declare function meResponse<TAccount>({ signedIn, signupOpen, account }: MeResponse<TAccount>): Response;
+/** A Standard Schema of the body, for `krizakaFetch`: refuses anything that is not the contract. */
+declare const meSchema: {
+    readonly "~standard": {
+        readonly version: 1;
+        readonly vendor: "krizaka";
+        readonly validate: (value: unknown) => {
+            value: MeResponse;
+            issues?: undefined;
+        } | {
+            issues: {
+                message: string;
+            }[];
+            value?: undefined;
+        };
+    };
+};
+
+type NavBarSessionProps<TAccount = unknown> = {
+    /**
+     * Where the contract is served.
+     * @default "/api/me"
+     */
+    endpoint?: string;
+    /** Signed out: the product's `ProductBarActions`, told whether sign-up is open. */
+    signedOut: (state: {
+        signupOpen: boolean;
+    }) => React.ReactNode;
+    /** Signed in: the product's `AccountMenu`, given the account. */
+    signedIn: (account: TAccount, state: {
+        signupOpen: boolean;
+    }) => React.ReactNode;
+    /** The hint's words while the answer is on its way (“Checking your session…”) — passed translated. */
+    hint: string;
+    /** Classes of the loading placeholder. */
+    className?: string;
+};
+declare const sessionKey: (endpoint: string) => readonly ["krizaka", "session", string];
+/**
+ * The bar's session island: put it in `NavBar.Actions`. While the answer is on its way it reserves the place and says
+ * `hint` politely; if the request fails it shows the signed-out actions (the visitor can still sign in).
+ */
+declare function NavBarSession<TAccount = unknown>({ endpoint, signedOut, signedIn, hint, className }: NavBarSessionProps<TAccount>): React.JSX.Element;
+
 declare const navBar: tailwind_variants.TVReturnType<{
     floating: {
         true: {
@@ -295,7 +352,7 @@ type NavBarRepoProps = Omit<React.ComponentProps<"a">, "children"> & {
 /** The site's repository on GitHub, an icon link of `NavBar.Actions`. */
 declare function NavBarRepo({ label, className, ...props }: NavBarRepoProps): React.JSX.Element;
 /**
- * `NavBar.Root/Brand/Family/Badge/Items/Link/Menu/MenuLink/Actions/Repo/Language/Mobile/MobileGroup/MobilePreferences/MobileLink` — the Krizaka navigation bar,
+ * `NavBar.Root/Brand/Family/Badge/Items/Link/Menu/MenuLink/Actions/Repo/Session/Language/Mobile/MobileGroup/MobilePreferences/MobileLink` — the Krizaka navigation bar,
  * the same on every site of the family: floating, tightening on scroll, the family switcher on the brand, one light
  * gliding between its items, accessible menus, a mobile panel.
  */
@@ -310,6 +367,7 @@ declare const NavBar: {
     MenuLink: typeof NavBarMenuLink;
     Actions: typeof NavBarActions;
     Repo: typeof NavBarRepo;
+    Session: typeof NavBarSession;
     Language: typeof NavBarLanguage;
     Mobile: typeof NavBarMobile;
     MobilePreferences: typeof NavBarMobilePreferences;
@@ -380,4 +438,4 @@ type ProductBarActionsProps = {
 /** The product bar's actions: use the app. Put it in `NavBar.Actions` (`placement="bar"`) or in `NavBar.Mobile` (`placement="panel"`). */
 declare function ProductBarActions({ signIn, tryIt, signupOpen, linkAs: Link, placement }: ProductBarActionsProps): React.JSX.Element;
 
-export { NavBar, NavBarActions, NavBarBadge, type NavBarBadgeProps, NavBarBrand, type NavBarBrandProps, NavBarFamily, type NavBarFamilyProps, NavBarItems, type NavBarItemsProps, NavBarLanguage, type NavBarLanguageProps, NavBarLink, type NavBarLinkProps, NavBarMenu, NavBarMenuLink, type NavBarMenuLinkProps, type NavBarMenuProps, NavBarMobile, NavBarMobileGroup, type NavBarMobileGroupProps, NavBarMobileLink, type NavBarMobileLinkProps, NavBarMobilePreferences, type NavBarMobilePreferencesProps, type NavBarMobileProps, NavBarRepo, type NavBarRepoProps, NavBarRoot, type NavBarRootProps, type PlacePanel, ProductBarAction, ProductBarActions, type ProductBarActionsProps, type ProductBarLink, type ProductBarState, navBar, placePanel, productBarActions };
+export { type MeResponse, NavBar, NavBarActions, NavBarBadge, type NavBarBadgeProps, NavBarBrand, type NavBarBrandProps, NavBarFamily, type NavBarFamilyProps, NavBarItems, type NavBarItemsProps, NavBarLanguage, type NavBarLanguageProps, NavBarLink, type NavBarLinkProps, NavBarMenu, NavBarMenuLink, type NavBarMenuLinkProps, type NavBarMenuProps, NavBarMobile, NavBarMobileGroup, type NavBarMobileGroupProps, NavBarMobileLink, type NavBarMobileLinkProps, NavBarMobilePreferences, type NavBarMobilePreferencesProps, type NavBarMobileProps, NavBarRepo, type NavBarRepoProps, NavBarRoot, type NavBarRootProps, NavBarSession, type NavBarSessionProps, type PlacePanel, ProductBarAction, ProductBarActions, type ProductBarActionsProps, type ProductBarLink, type ProductBarState, meHeaders, meResponse, meSchema, navBar, placePanel, productBarActions, sessionKey };

package/dist/nav-bar.js

@@ -7,7 +7,7 @@ import {
   GitHubGlyph,
   familyLabels,
   sitesByGroup
-} from "./chunk-4LYKBSOG.js";
+} from "./chunk-USPOIQV5.js";
 import {
   useSlidingIndicator
 } from "./chunk-4QN5YJ3D.js";
@@ -21,6 +21,24 @@ import {
   cn
 } from "./chunk-NSLXEDIS.js";
 
+// src/nav-bar/me.ts
+var meHeaders = { "Cache-Control": "private, no-store", Vary: "Cookie" };
+function meResponse({ signedIn, signupOpen, account }) {
+  const body = signedIn && account !== void 0 ? { signedIn, signupOpen, account } : { signedIn: false, signupOpen };
+  return new Response(JSON.stringify(body), { status: 200, headers: { ...meHeaders, "Content-Type": "application/json" } });
+}
+var meSchema = {
+  "~standard": {
+    version: 1,
+    vendor: "krizaka",
+    validate(value) {
+      const v = value;
+      if (v && typeof v === "object" && typeof v.signedIn === "boolean" && typeof v.signupOpen === "boolean" && (v.signedIn || !("account" in v))) return { value: v };
+      return { issues: [{ message: "Expected { signedIn: boolean, signupOpen: boolean, account?: \u2026 }." }] };
+    }
+  }
+};
+
 // src/nav-bar/nav-bar.tsx
 import { NavigationMenu as Nav, Slot } from "radix-ui";
 import * as React from "react";
@@ -34,8 +52,28 @@ function placePanel({ trigger, root, panel, window: window2, gutter = 16 }) {
   return Math.round(Math.max(nearest, Math.min(wanted, farthest)));
 }
 
+// src/nav-bar/session.tsx
+import { krizakaFetch, useQuery } from "@krizaka/query";
+import { Fragment, jsx } from "react/jsx-runtime";
+var sessionKey = (endpoint) => ["krizaka", "session", endpoint];
+function NavBarSession({ endpoint = "/api/me", signedOut, signedIn, hint, className }) {
+  const { data, isPending, isError } = useQuery({
+    queryKey: sessionKey(endpoint),
+    queryFn: ({ signal }) => krizakaFetch(endpoint, { schema: meSchema, signal, cache: "no-store" }),
+    staleTime: 3e4,
+    retry: false,
+    throwOnError: false
+  });
+  if (isPending) {
+    return /* @__PURE__ */ jsx("span", { role: "status", "aria-live": "polite", "data-state": "loading", className, children: /* @__PURE__ */ jsx("span", { className: "sr-only", children: hint }) });
+  }
+  const me = !isError && data ? data : { signedIn: false, signupOpen: false };
+  const state = { signupOpen: me.signupOpen };
+  return /* @__PURE__ */ jsx(Fragment, { children: me.signedIn && me.account !== void 0 ? signedIn(me.account, state) : signedOut(state) });
+}
+
 // src/nav-bar/nav-bar.tsx
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx2, jsxs } from "react/jsx-runtime";
 var navBar = tv({
   slots: {
     root: "group/nav relative z-40 mx-auto flex h-14 w-full items-center gap-2 border-border-subtle bg-surface-1 transition-[height,background-color,border-color,box-shadow] duration-300 motion-reduce:transition-none data-compact:h-12 data-compact:border-border-default data-compact:bg-surface-1 data-compact:shadow-lg",
@@ -109,11 +147,11 @@ function NavBarRoot({ label, compactAfter = 24, floating = true, className, chil
     return () => window.removeEventListener("scroll", onScroll);
   }, [compactAfter]);
   const ctx = React.useMemo(() => ({ label, open, setOpen, panelId }), [label, open, panelId]);
-  return /* @__PURE__ */ jsx(Context.Provider, { value: ctx, children: /* @__PURE__ */ jsx("header", { "data-compact": compact ? "" : void 0, "data-floating": floating, className: navBar({ floating }).root({ className }), ...props, children }) });
+  return /* @__PURE__ */ jsx2(Context.Provider, { value: ctx, children: /* @__PURE__ */ jsx2("header", { "data-compact": compact ? "" : void 0, "data-floating": floating, className: navBar({ floating }).root({ className }), ...props, children }) });
 }
 function NavBarBrand({ asChild, className, ...props }) {
   const Comp = asChild ? Slot.Root : "a";
-  return /* @__PURE__ */ jsx(Comp, { className: s.brand({ className }), ...props });
+  return /* @__PURE__ */ jsx2(Comp, { className: s.brand({ className }), ...props });
 }
 function NavBarItems({ className, children, value: valueProp, defaultValue, onValueChange, delayDuration = 200, ...props }) {
   const { label } = useNavBar();
@@ -155,14 +193,14 @@ function NavBarItems({ className, children, value: valueProp, defaultValue, onVa
       window.removeEventListener("resize", place);
     };
   }, [value]);
-  return /* @__PURE__ */ jsx(ItemsContext.Provider, { value: items, children: /* @__PURE__ */ jsxs(Nav.Root, { ref: root, "aria-label": label, className: s.items({ className }), value, onValueChange: setValue, delayDuration, ...props, children: [
-    /* @__PURE__ */ jsx(Nav.List, { ref, className: s.list(), ...handlers, children }),
-    /* @__PURE__ */ jsx(Nav.Viewport, { ref: viewport, className: s.viewport() })
+  return /* @__PURE__ */ jsx2(ItemsContext.Provider, { value: items, children: /* @__PURE__ */ jsxs(Nav.Root, { ref: root, "aria-label": label, className: s.items({ className }), value, onValueChange: setValue, delayDuration, ...props, children: [
+    /* @__PURE__ */ jsx2(Nav.List, { ref, className: s.list(), ...handlers, children }),
+    /* @__PURE__ */ jsx2(Nav.Viewport, { ref: viewport, className: s.viewport() })
   ] }) });
 }
 function NavBarLink({ active, className, itemClassName, onPointerEnter, ...props }) {
   const { close } = React.useContext(ItemsContext);
-  return /* @__PURE__ */ jsx(Nav.Item, { className: itemClassName, children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx2(Nav.Item, { className: itemClassName, children: /* @__PURE__ */ jsx2(
     Nav.Link,
     {
       "data-nav-item": "",
@@ -185,34 +223,34 @@ function NavBarMenu({ label, active, columns = 1, inlineUpTo = 3, inlineFrom = "
   const dropdown = (hide) => /* @__PURE__ */ jsxs(Nav.Item, { className: cn(hide, className), ...props, children: [
     /* @__PURE__ */ jsxs(Nav.Trigger, { "data-nav-item": "", "data-active": active ? "" : void 0, className: cn(s.item(), "group/trigger"), children: [
       label,
-      /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", className: s.chevron(), fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", "aria-hidden": true, children: /* @__PURE__ */ jsx("path", { d: "m6 9 6 6 6-6" }) })
+      /* @__PURE__ */ jsx2("svg", { viewBox: "0 0 24 24", className: s.chevron(), fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", "aria-hidden": true, children: /* @__PURE__ */ jsx2("path", { d: "m6 9 6 6 6-6" }) })
     ] }),
-    /* @__PURE__ */ jsx(Nav.Content, { className: cn(s.panel(), columns === 2 && s.panelWide()), children })
+    /* @__PURE__ */ jsx2(Nav.Content, { className: cn(s.panel(), columns === 2 && s.panelWide()), children })
   ] });
   const inline = links.length > 0 && links.length <= inlineUpTo && links.every((c) => React.isValidElement(c) && c.type === NavBarMenuLink);
   if (inline) {
-    return /* @__PURE__ */ jsxs(Fragment, { children: [
+    return /* @__PURE__ */ jsxs(Fragment2, { children: [
       inlineFrom !== "md" && dropdown(DROPDOWN_HIDE[inlineFrom]),
       links.map((link) => {
         const { title, href, active: here, asChild, children: child, icon: _icon, description: _description, className: linkClass, ...rest } = link.props;
-        return /* @__PURE__ */ jsx(NavBarLink, { asChild, href: asChild ? void 0 : href, active: here, className: linkClass, itemClassName: INLINE_HIDE[inlineFrom], ...rest, children: asChild && React.isValidElement(child) ? React.cloneElement(child, void 0, title) : title }, link.key);
+        return /* @__PURE__ */ jsx2(NavBarLink, { asChild, href: asChild ? void 0 : href, active: here, className: linkClass, itemClassName: INLINE_HIDE[inlineFrom], ...rest, children: asChild && React.isValidElement(child) ? React.cloneElement(child, void 0, title) : title }, link.key);
       })
     ] });
   }
   return dropdown("");
 }
 function NavBarMenuLink({ title, description, icon, active, href, className, asChild, children, ...props }) {
-  const body = /* @__PURE__ */ jsxs(Fragment, { children: [
-    icon && /* @__PURE__ */ jsx("span", { className: s.menuIcon(), children: icon }),
+  const body = /* @__PURE__ */ jsxs(Fragment2, { children: [
+    icon && /* @__PURE__ */ jsx2("span", { className: s.menuIcon(), children: icon }),
     /* @__PURE__ */ jsxs("span", { className: "min-w-0 flex-1", children: [
-      /* @__PURE__ */ jsx("span", { className: s.menuTitle(), children: title }),
-      description && /* @__PURE__ */ jsx("span", { className: s.menuText(), children: description })
+      /* @__PURE__ */ jsx2("span", { className: s.menuTitle(), children: title }),
+      description && /* @__PURE__ */ jsx2("span", { className: s.menuText(), children: description })
     ] })
   ] });
-  return /* @__PURE__ */ jsx(Nav.Link, { asChild, href: asChild ? void 0 : href, active, "aria-current": active ? "page" : void 0, "data-active": active ? "" : void 0, className: s.menuLink({ className }), ...props, children: asChild && React.isValidElement(children) ? React.cloneElement(children, void 0, body) : body });
+  return /* @__PURE__ */ jsx2(Nav.Link, { asChild, href: asChild ? void 0 : href, active, "aria-current": active ? "page" : void 0, "data-active": active ? "" : void 0, className: s.menuLink({ className }), ...props, children: asChild && React.isValidElement(children) ? React.cloneElement(children, void 0, body) : body });
 }
 function NavBarActions({ className, ...props }) {
-  return /* @__PURE__ */ jsx("div", { className: s.actions({ className }), ...props });
+  return /* @__PURE__ */ jsx2("div", { className: s.actions({ className }), ...props });
 }
 function NavBarMobile({ openLabel, closeLabel, className, children, ...props }) {
   const { label, open, setOpen, panelId } = useNavBar();
@@ -236,9 +274,9 @@ function NavBarMobile({ openLabel, closeLabel, className, children, ...props })
       document.removeEventListener("pointerdown", onPress);
     };
   }, [open, setOpen, panelId]);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("button", { ref: toggle, type: "button", "aria-expanded": open, "aria-controls": panelId, "aria-label": open ? closeLabel : openLabel, onClick: () => setOpen(!open), className: s.toggle(), children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", className: "h-4.5 w-4.5", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", "aria-hidden": true, children: open ? /* @__PURE__ */ jsx("path", { d: "M18 6 6 18M6 6l12 12" }) : /* @__PURE__ */ jsx("path", { d: "M4 7h16M4 12h16M4 17h10" }) }) }),
-    open && /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs(Fragment2, { children: [
+    /* @__PURE__ */ jsx2("button", { ref: toggle, type: "button", "aria-expanded": open, "aria-controls": panelId, "aria-label": open ? closeLabel : openLabel, onClick: () => setOpen(!open), className: s.toggle(), children: /* @__PURE__ */ jsx2("svg", { viewBox: "0 0 24 24", className: "h-4.5 w-4.5", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", "aria-hidden": true, children: open ? /* @__PURE__ */ jsx2("path", { d: "M18 6 6 18M6 6l12 12" }) : /* @__PURE__ */ jsx2("path", { d: "M4 7h16M4 12h16M4 17h10" }) }) }),
+    open && /* @__PURE__ */ jsx2(
       "nav",
       {
         id: panelId,
@@ -248,7 +286,7 @@ function NavBarMobile({ openLabel, closeLabel, className, children, ...props })
           if (e.target.closest("a")) setOpen(false);
         },
         ...props,
-        children: /* @__PURE__ */ jsx(MobileContext.Provider, { value: true, children })
+        children: /* @__PURE__ */ jsx2(MobileContext.Provider, { value: true, children })
       }
     )
   ] });
@@ -256,13 +294,13 @@ function NavBarMobile({ openLabel, closeLabel, className, children, ...props })
 function NavBarMobileGroup({ label, className, children, ...props }) {
   const id = React.useId();
   return /* @__PURE__ */ jsxs("div", { role: "group", "aria-labelledby": id, className: s.mobileGroup({ className }), ...props, children: [
-    /* @__PURE__ */ jsx("p", { id, className: s.mobileGroupTitle(), children: label }),
+    /* @__PURE__ */ jsx2("p", { id, className: s.mobileGroupTitle(), children: label }),
     children
   ] });
 }
 function NavBarMobileLink({ active, asChild, className, ...props }) {
   const Comp = asChild ? Slot.Root : "a";
-  return /* @__PURE__ */ jsx(Comp, { "aria-current": active ? "page" : void 0, className: s.mobileLink({ className }), ...props });
+  return /* @__PURE__ */ jsx2(Comp, { "aria-current": active ? "page" : void 0, className: s.mobileLink({ className }), ...props });
 }
 var tagTone = {
   upcoming: "bg-accent-soft text-fg ring-1 ring-inset ring-accent/40",
@@ -273,8 +311,8 @@ var tagTone = {
 function FamilyName({ site, current, labels }) {
   return /* @__PURE__ */ jsxs("span", { className: s.familyName(), children: [
     site.name,
-    site.status !== "released" && /* @__PURE__ */ jsx("span", { className: cn(s.familyTag(), tagTone[site.status]), children: labels.status[site.status] }),
-    current && /* @__PURE__ */ jsx("span", { className: cn(s.familyTag(), tagTone.current), children: labels.current })
+    site.status !== "released" && /* @__PURE__ */ jsx2("span", { className: cn(s.familyTag(), tagTone[site.status]), children: labels.status[site.status] }),
+    current && /* @__PURE__ */ jsx2("span", { className: cn(s.familyTag(), tagTone.current), children: labels.current })
   ] });
 }
 function NavBarFamily({ current, labels = familyLabels.en, defaultOpen, className }) {
@@ -283,12 +321,12 @@ function NavBarFamily({ current, labels = familyLabels.en, defaultOpen, classNam
   const groups = sitesByGroup();
   if (inMobile) {
     return /* @__PURE__ */ jsxs("div", { role: "group", "aria-labelledby": `${id}-family`, className: s.mobileFamily({ className }), children: [
-      /* @__PURE__ */ jsx("p", { id: `${id}-family`, className: s.familyGroupTitle(), children: labels.family }),
+      /* @__PURE__ */ jsx2("p", { id: `${id}-family`, className: s.familyGroupTitle(), children: labels.family }),
       groups.map(({ group, sites }) => /* @__PURE__ */ jsxs("div", { children: [
-        group !== "krizaka" && /* @__PURE__ */ jsx("p", { id: `${id}-${group}`, className: s.familyGroupTitle(), children: labels.groups[group] }),
-        /* @__PURE__ */ jsx("ul", { "aria-labelledby": group !== "krizaka" ? `${id}-${group}` : `${id}-family`, className: "grid gap-0.5", children: sites.map((site) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("a", { href: site.url, "data-current": site.id === current ? "" : void 0, "aria-current": site.id === current ? "true" : void 0, className: s.mobileFamilyLink(), children: [
-          /* @__PURE__ */ jsx("span", { className: s.familyMark(), children: /* @__PURE__ */ jsx(FamilyMark, { mark: site.mark, size: 24 }) }),
-          /* @__PURE__ */ jsx(FamilyName, { site, current: site.id === current, labels })
+        group !== "krizaka" && /* @__PURE__ */ jsx2("p", { id: `${id}-${group}`, className: s.familyGroupTitle(), children: labels.groups[group] }),
+        /* @__PURE__ */ jsx2("ul", { "aria-labelledby": group !== "krizaka" ? `${id}-${group}` : `${id}-family`, className: "grid gap-0.5", children: sites.map((site) => /* @__PURE__ */ jsx2("li", { children: /* @__PURE__ */ jsxs("a", { href: site.url, "data-current": site.id === current ? "" : void 0, "aria-current": site.id === current ? "true" : void 0, className: s.mobileFamilyLink(), children: [
+          /* @__PURE__ */ jsx2("span", { className: s.familyMark(), children: /* @__PURE__ */ jsx2(FamilyMark, { mark: site.mark, size: 24 }) }),
+          /* @__PURE__ */ jsx2(FamilyName, { site, current: site.id === current, labels })
         ] }) }, site.id)) })
       ] }, group))
     ] });
@@ -296,20 +334,20 @@ function NavBarFamily({ current, labels = familyLabels.en, defaultOpen, classNam
   const noHover = (e) => e.preventDefault();
   const columns = [groups.filter((g) => g.group === "krizaka" || g.group === "products"), groups.filter((g) => g.group === "open-source" || g.group === "github")];
   return /* @__PURE__ */ jsxs(Nav.Root, { "aria-label": labels.family, defaultValue: defaultOpen ? "family" : void 0, className: s.family({ className }), children: [
-    /* @__PURE__ */ jsx(Nav.List, { className: "flex", children: /* @__PURE__ */ jsxs(Nav.Item, { value: "family", children: [
-      /* @__PURE__ */ jsx(Nav.Trigger, { "aria-label": labels.family, onPointerMove: noHover, onPointerLeave: noHover, className: s.familyTrigger(), children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", className: s.chevron(), fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", "aria-hidden": true, children: /* @__PURE__ */ jsx("path", { d: "m6 9 6 6 6-6" }) }) }),
-      /* @__PURE__ */ jsx(Nav.Content, { onPointerLeave: noHover, className: s.familyPanel(), children: columns.map((column, i) => /* @__PURE__ */ jsx("div", { className: "grid content-start gap-3", children: column.map(({ group, sites }) => /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx("p", { id: `${id}-${group}`, className: s.familyGroupTitle(), children: labels.groups[group] }),
-        /* @__PURE__ */ jsx("ul", { "aria-labelledby": `${id}-${group}`, className: "grid gap-0.5", children: sites.map((site) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(Nav.Link, { href: site.url, "data-current": site.id === current ? "" : void 0, "aria-current": site.id === current ? "true" : void 0, className: s.familyLink(), children: [
-          /* @__PURE__ */ jsx("span", { className: s.familyMark(), children: /* @__PURE__ */ jsx(FamilyMark, { mark: site.mark, size: 28 }) }),
+    /* @__PURE__ */ jsx2(Nav.List, { className: "flex", children: /* @__PURE__ */ jsxs(Nav.Item, { value: "family", children: [
+      /* @__PURE__ */ jsx2(Nav.Trigger, { "aria-label": labels.family, onPointerMove: noHover, onPointerLeave: noHover, className: s.familyTrigger(), children: /* @__PURE__ */ jsx2("svg", { viewBox: "0 0 24 24", className: s.chevron(), fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", "aria-hidden": true, children: /* @__PURE__ */ jsx2("path", { d: "m6 9 6 6 6-6" }) }) }),
+      /* @__PURE__ */ jsx2(Nav.Content, { onPointerLeave: noHover, className: s.familyPanel(), children: columns.map((column, i) => /* @__PURE__ */ jsx2("div", { className: "grid content-start gap-3", children: column.map(({ group, sites }) => /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx2("p", { id: `${id}-${group}`, className: s.familyGroupTitle(), children: labels.groups[group] }),
+        /* @__PURE__ */ jsx2("ul", { "aria-labelledby": `${id}-${group}`, className: "grid gap-0.5", children: sites.map((site) => /* @__PURE__ */ jsx2("li", { children: /* @__PURE__ */ jsxs(Nav.Link, { href: site.url, "data-current": site.id === current ? "" : void 0, "aria-current": site.id === current ? "true" : void 0, className: s.familyLink(), children: [
+          /* @__PURE__ */ jsx2("span", { className: s.familyMark(), children: /* @__PURE__ */ jsx2(FamilyMark, { mark: site.mark, size: 28 }) }),
           /* @__PURE__ */ jsxs("span", { className: "min-w-0", children: [
-            /* @__PURE__ */ jsx(FamilyName, { site, current: site.id === current, labels }),
-            /* @__PURE__ */ jsx("span", { className: s.familyText(), children: labels.descriptions[site.id] })
+            /* @__PURE__ */ jsx2(FamilyName, { site, current: site.id === current, labels }),
+            /* @__PURE__ */ jsx2("span", { className: s.familyText(), children: labels.descriptions[site.id] })
           ] })
         ] }) }, site.id)) })
       ] }, group)) }, i)) })
     ] }) }),
-    /* @__PURE__ */ jsx(Nav.Viewport, { onPointerLeave: noHover, className: s.familyViewport() })
+    /* @__PURE__ */ jsx2(Nav.Viewport, { onPointerLeave: noHover, className: s.familyViewport() })
   ] });
 }
 function NavBarBadge({ env, version, className, children, ...props }) {
@@ -321,17 +359,17 @@ function NavBarBadge({ env, version, className, children, ...props }) {
 }
 function NavBarLanguage(props) {
   const inMobile = React.useContext(MobileContext);
-  return /* @__PURE__ */ jsx(LanguageSwitch, { variant: inMobile ? "inline" : "menu", ...props });
+  return /* @__PURE__ */ jsx2(LanguageSwitch, { variant: inMobile ? "inline" : "menu", ...props });
 }
 function NavBarMobilePreferences({ label, className, children, ...props }) {
   const id = React.useId();
   return /* @__PURE__ */ jsxs("div", { role: "group", "aria-labelledby": id, className: s.mobileGroup({ className }), ...props, children: [
-    /* @__PURE__ */ jsx("p", { id, className: s.mobileGroupTitle(), children: label }),
-    /* @__PURE__ */ jsx("div", { className: "flex flex-wrap items-center gap-2 px-3 py-1", children })
+    /* @__PURE__ */ jsx2("p", { id, className: s.mobileGroupTitle(), children: label }),
+    /* @__PURE__ */ jsx2("div", { className: "flex flex-wrap items-center gap-2 px-3 py-1", children })
   ] });
 }
 function NavBarRepo({ label, className, ...props }) {
-  return /* @__PURE__ */ jsx("a", { "aria-label": label, className: s.repo({ className }), ...props, children: /* @__PURE__ */ jsx(GitHubGlyph, { size: 18 }) });
+  return /* @__PURE__ */ jsx2("a", { "aria-label": label, className: s.repo({ className }), ...props, children: /* @__PURE__ */ jsx2(GitHubGlyph, { size: 18 }) });
 }
 var NavBar = {
   Root: NavBarRoot,
@@ -344,6 +382,7 @@ var NavBar = {
   MenuLink: NavBarMenuLink,
   Actions: NavBarActions,
   Repo: NavBarRepo,
+  Session: NavBarSession,
   Language: NavBarLanguage,
   Mobile: NavBarMobile,
   MobilePreferences: NavBarMobilePreferences,
@@ -352,7 +391,7 @@ var NavBar = {
 };
 
 // src/nav-bar/product-actions.tsx
-import { Fragment as Fragment2, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 var ProductBarAction = { SignIn: "sign-in", Try: "try" };
 function productBarActions({ signupOpen, hasTry }) {
   return signupOpen && hasTry ? { primary: ProductBarAction.Try, secondary: ProductBarAction.SignIn } : { primary: ProductBarAction.SignIn, secondary: null };
@@ -361,8 +400,8 @@ function ProductBarActions({ signIn, tryIt, signupOpen, linkAs: Link = "a", plac
   const { primary, secondary } = productBarActions({ signupOpen, hasTry: Boolean(tryIt) });
   const link = (kind) => kind === ProductBarAction.Try && tryIt ? tryIt : signIn;
   const panel = placement === "panel";
-  const button = (kind, variant) => /* @__PURE__ */ jsx2(Button, { asChild: true, variant, size: panel ? "md" : "sm", className: panel ? variant === "primary" ? "mt-2 w-full font-bold" : "w-full" : variant === "primary" ? "ml-1 hidden font-bold md:inline-flex" : "hidden md:inline-flex", children: /* @__PURE__ */ jsx2(Link, { href: link(kind).href, children: link(kind).label }) }, kind);
-  return /* @__PURE__ */ jsxs2(Fragment2, { children: [
+  const button = (kind, variant) => /* @__PURE__ */ jsx3(Button, { asChild: true, variant, size: panel ? "md" : "sm", className: panel ? variant === "primary" ? "mt-2 w-full font-bold" : "w-full" : variant === "primary" ? "ml-1 hidden font-bold md:inline-flex" : "hidden md:inline-flex", children: /* @__PURE__ */ jsx3(Link, { href: link(kind).href, children: link(kind).label }) }, kind);
+  return /* @__PURE__ */ jsxs2(Fragment3, { children: [
     secondary ? button(secondary, "ghost") : null,
     button(primary, "primary")
   ] });
@@ -384,10 +423,15 @@ export {
   NavBarMobilePreferences,
   NavBarRepo,
   NavBarRoot,
+  NavBarSession,
   ProductBarAction,
   ProductBarActions,
+  meHeaders,
+  meResponse,
+  meSchema,
   navBar,
   placePanel,
-  productBarActions
+  productBarActions,
+  sessionKey
 };
 //# sourceMappingURL=nav-bar.js.map