@lukoweb/apitogo 0.1.39 → 0.1.41

package/dist/cli/cli.js

@@ -2914,100 +2914,66 @@ var init_icon_types = __esm({
   }
 });
 
-// src/config/validators/HeaderNavigationSchema.ts
-import { z as z5 } from "zod";
-var IconSchema, HeaderNavLinkItemSchema, HeaderNavGroupSchema, HeaderNavItemSchema, HeaderNavigationSchema;
-var init_HeaderNavigationSchema = __esm({
-  "src/config/validators/HeaderNavigationSchema.ts"() {
-    init_icon_types();
-    IconSchema = z5.enum(IconNames);
-    HeaderNavLinkItemSchema = z5.object({
-      label: z5.string(),
-      icon: IconSchema.optional(),
-      description: z5.string().optional(),
-      to: z5.string(),
-      target: z5.enum(["_self", "_blank"]).optional()
-    });
-    HeaderNavGroupSchema = z5.object({
-      label: z5.string(),
-      items: z5.array(HeaderNavLinkItemSchema)
-    });
-    HeaderNavItemSchema = z5.union([
-      z5.object({
-        label: z5.string(),
-        icon: IconSchema.optional(),
-        to: z5.string(),
-        target: z5.enum(["_self", "_blank"]).optional()
-      }),
-      z5.object({
-        label: z5.string(),
-        items: z5.array(z5.union([HeaderNavLinkItemSchema, HeaderNavGroupSchema]))
-      })
-    ]);
-    HeaderNavigationSchema = z5.array(HeaderNavItemSchema);
-  }
-});
-
 // src/config/validators/InputNavigationSchema.ts
-import { z as z6 } from "zod";
-var IconSchema2, BadgeSchema, InputNavigationCategoryLinkDocSchema, DisplaySchema, NavigationModifyRuleSchema, NavigationInsertRuleSchema, NavigationRemoveRuleSchema, NavigationSortRuleSchema, NavigationMoveRuleSchema, NavigationRuleSchema, NavigationRulesSchema, InputNavigationDocSchema, InputNavigationLinkSchema, InputNavigationCustomPageSchema, InputNavigationSeparatorSchema, InputNavigationSectionSchema, InputNavigationFilterSchema, BaseInputNavigationCategorySchema, InputNavigationCategorySchema, InputNavigationItemSchema, InputNavigationSchema;
+import { z as z5 } from "zod";
+var IconSchema, BadgeSchema, InputNavigationCategoryLinkDocSchema, DisplaySchema, NavigationModifyRuleSchema, NavigationInsertRuleSchema, NavigationRemoveRuleSchema, NavigationSortRuleSchema, NavigationMoveRuleSchema, NavigationRuleSchema, NavigationRulesSchema, InputNavigationDocSchema, InputNavigationLinkSchema, InputNavigationCustomPageSchema, InputNavigationSeparatorSchema, InputNavigationSectionSchema, InputNavigationFilterSchema, BaseInputNavigationCategorySchema, InputNavigationCategorySchema, InputNavigationItemSchema, InputNavigationSchema;
 var init_InputNavigationSchema = __esm({
   "src/config/validators/InputNavigationSchema.ts"() {
-    IconSchema2 = z6.custom((f) => typeof f === "string");
-    BadgeSchema = z6.object({
-      label: z6.string(),
+    IconSchema = z5.custom((f) => typeof f === "string");
+    BadgeSchema = z5.object({
+      label: z5.string(),
       // prettier-ignore
-      color: z6.enum(["green", "blue", "yellow", "red", "purple", "indigo", "gray", "outline"]),
-      invert: z6.boolean().optional(),
-      className: z6.string().optional()
+      color: z5.enum(["green", "blue", "yellow", "red", "purple", "indigo", "gray", "outline"]),
+      invert: z5.boolean().optional(),
+      className: z5.string().optional()
     });
-    InputNavigationCategoryLinkDocSchema = z6.union([
-      z6.string(),
-      z6.object({
-        type: z6.literal("doc"),
-        file: z6.string(),
-        label: z6.string().optional(),
-        path: z6.string().optional()
+    InputNavigationCategoryLinkDocSchema = z5.union([
+      z5.string(),
+      z5.object({
+        type: z5.literal("doc"),
+        file: z5.string(),
+        label: z5.string().optional(),
+        path: z5.string().optional()
       })
     ]);
-    DisplaySchema = z6.union([
-      z6.enum(["auth", "anon", "always", "hide"]),
-      z6.custom((val) => typeof val === "function")
+    DisplaySchema = z5.union([
+      z5.enum(["auth", "anon", "always", "hide"]),
+      z5.custom((val) => typeof val === "function")
     ]).optional();
-    NavigationModifyRuleSchema = z6.object({
-      type: z6.literal("modify"),
-      match: z6.string(),
-      set: z6.object({
-        label: z6.string().optional(),
-        icon: IconSchema2.optional(),
+    NavigationModifyRuleSchema = z5.object({
+      type: z5.literal("modify"),
+      match: z5.string(),
+      set: z5.object({
+        label: z5.string().optional(),
+        icon: IconSchema.optional(),
         badge: BadgeSchema.optional(),
-        collapsed: z6.boolean().optional(),
-        collapsible: z6.boolean().optional(),
+        collapsed: z5.boolean().optional(),
+        collapsible: z5.boolean().optional(),
         display: DisplaySchema
       })
     });
-    NavigationInsertRuleSchema = z6.object({
-      type: z6.literal("insert"),
-      match: z6.string(),
-      position: z6.enum(["before", "after"]),
-      items: z6.lazy(() => InputNavigationItemSchema.array())
+    NavigationInsertRuleSchema = z5.object({
+      type: z5.literal("insert"),
+      match: z5.string(),
+      position: z5.enum(["before", "after"]),
+      items: z5.lazy(() => InputNavigationItemSchema.array())
     });
-    NavigationRemoveRuleSchema = z6.object({
-      type: z6.literal("remove"),
-      match: z6.string()
+    NavigationRemoveRuleSchema = z5.object({
+      type: z5.literal("remove"),
+      match: z5.string()
     });
-    NavigationSortRuleSchema = z6.object({
-      type: z6.literal("sort"),
-      match: z6.string(),
-      by: z6.custom((val) => typeof val === "function")
+    NavigationSortRuleSchema = z5.object({
+      type: z5.literal("sort"),
+      match: z5.string(),
+      by: z5.custom((val) => typeof val === "function")
     });
-    NavigationMoveRuleSchema = z6.object({
-      type: z6.literal("move"),
-      match: z6.string(),
-      to: z6.string(),
-      position: z6.enum(["before", "after"])
+    NavigationMoveRuleSchema = z5.object({
+      type: z5.literal("move"),
+      match: z5.string(),
+      to: z5.string(),
+      position: z5.enum(["before", "after"])
     });
-    NavigationRuleSchema = z6.discriminatedUnion("type", [
+    NavigationRuleSchema = z5.discriminatedUnion("type", [
       NavigationModifyRuleSchema,
       NavigationInsertRuleSchema,
       NavigationRemoveRuleSchema,
@@ -3015,65 +2981,65 @@ var init_InputNavigationSchema = __esm({
       NavigationMoveRuleSchema
     ]);
     NavigationRulesSchema = NavigationRuleSchema.array();
-    InputNavigationDocSchema = z6.union([
-      z6.string(),
-      z6.object({
-        type: z6.literal("doc"),
-        file: z6.string(),
+    InputNavigationDocSchema = z5.union([
+      z5.string(),
+      z5.object({
+        type: z5.literal("doc"),
+        file: z5.string(),
         // Custom URL path for this document (overrides file-based path)
-        path: z6.string().optional(),
-        icon: IconSchema2.optional(),
-        label: z6.string().optional(),
+        path: z5.string().optional(),
+        icon: IconSchema.optional(),
+        label: z5.string().optional(),
         badge: BadgeSchema.optional(),
         display: DisplaySchema
       })
     ]);
-    InputNavigationLinkSchema = z6.object({
-      type: z6.literal("link"),
-      to: z6.string(),
-      label: z6.string(),
-      target: z6.enum(["_self", "_blank"]).optional(),
-      icon: IconSchema2.optional(),
+    InputNavigationLinkSchema = z5.object({
+      type: z5.literal("link"),
+      to: z5.string(),
+      label: z5.string(),
+      target: z5.enum(["_self", "_blank"]).optional(),
+      icon: IconSchema.optional(),
       badge: BadgeSchema.optional(),
       display: DisplaySchema
     });
-    InputNavigationCustomPageSchema = z6.object({
-      type: z6.literal("custom-page"),
-      path: z6.string(),
-      label: z6.string().optional(),
-      element: z6.any(),
-      icon: IconSchema2.optional(),
+    InputNavigationCustomPageSchema = z5.object({
+      type: z5.literal("custom-page"),
+      path: z5.string(),
+      label: z5.string().optional(),
+      element: z5.any(),
+      icon: IconSchema.optional(),
       badge: BadgeSchema.optional(),
       display: DisplaySchema,
-      layout: z6.enum(["default", "none"]).optional()
+      layout: z5.enum(["default", "none"]).optional()
     });
-    InputNavigationSeparatorSchema = z6.object({
-      type: z6.literal("separator"),
+    InputNavigationSeparatorSchema = z5.object({
+      type: z5.literal("separator"),
       display: DisplaySchema
     });
-    InputNavigationSectionSchema = z6.object({
-      type: z6.literal("section"),
-      label: z6.string(),
+    InputNavigationSectionSchema = z5.object({
+      type: z5.literal("section"),
+      label: z5.string(),
       display: DisplaySchema
     });
-    InputNavigationFilterSchema = z6.object({
-      type: z6.literal("filter"),
-      placeholder: z6.string().optional(),
+    InputNavigationFilterSchema = z5.object({
+      type: z5.literal("filter"),
+      placeholder: z5.string().optional(),
       display: DisplaySchema
     });
-    BaseInputNavigationCategorySchema = z6.object({
-      type: z6.literal("category"),
-      icon: IconSchema2.optional(),
-      label: z6.string(),
-      collapsible: z6.boolean().optional(),
-      collapsed: z6.boolean().optional(),
+    BaseInputNavigationCategorySchema = z5.object({
+      type: z5.literal("category"),
+      icon: IconSchema.optional(),
+      label: z5.string(),
+      collapsible: z5.boolean().optional(),
+      collapsed: z5.boolean().optional(),
       link: InputNavigationCategoryLinkDocSchema.optional(),
       display: DisplaySchema
     });
     InputNavigationCategorySchema = BaseInputNavigationCategorySchema.extend({
-      items: z6.lazy(() => InputNavigationItemSchema.array())
+      items: z5.lazy(() => InputNavigationItemSchema.array())
     });
-    InputNavigationItemSchema = z6.union([
+    InputNavigationItemSchema = z5.union([
       InputNavigationDocSchema,
       InputNavigationLinkSchema,
       InputNavigationCustomPageSchema,
@@ -3086,6 +3052,43 @@ var init_InputNavigationSchema = __esm({
   }
 });
 
+// src/config/validators/HeaderNavigationSchema.ts
+import { z as z6 } from "zod";
+var IconSchema2, HeaderNavLinkItemSchema, HeaderNavGroupSchema, HeaderNavItemSchema, HeaderNavigationSchema;
+var init_HeaderNavigationSchema = __esm({
+  "src/config/validators/HeaderNavigationSchema.ts"() {
+    init_icon_types();
+    init_InputNavigationSchema();
+    IconSchema2 = z6.enum(IconNames);
+    HeaderNavLinkItemSchema = z6.object({
+      label: z6.string(),
+      icon: IconSchema2.optional(),
+      description: z6.string().optional(),
+      to: z6.string(),
+      target: z6.enum(["_self", "_blank"]).optional(),
+      display: DisplaySchema
+    });
+    HeaderNavGroupSchema = z6.object({
+      label: z6.string(),
+      items: z6.array(HeaderNavLinkItemSchema)
+    });
+    HeaderNavItemSchema = z6.union([
+      z6.object({
+        label: z6.string(),
+        icon: IconSchema2.optional(),
+        to: z6.string(),
+        target: z6.enum(["_self", "_blank"]).optional(),
+        display: DisplaySchema
+      }),
+      z6.object({
+        label: z6.string(),
+        items: z6.array(z6.union([HeaderNavLinkItemSchema, HeaderNavGroupSchema]))
+      })
+    ]);
+    HeaderNavigationSchema = z6.array(HeaderNavItemSchema);
+  }
+});
+
 // src/lib/util/joinUrl.ts
 var defaultUrlRegExp, normalizeParts, parseParts, buildUrl, joinUrl;
 var init_joinUrl = __esm({
@@ -4121,7 +4124,7 @@ import {
 // package.json
 var package_default = {
   name: "@lukoweb/apitogo",
-  version: "0.1.39",
+  version: "0.1.41",
   type: "module",
   sideEffects: [
     "**/*.css",
@@ -6758,7 +6761,7 @@ var viteAuthPlugin = () => {
     async load(id) {
       if (id === resolvedVirtualModuleId4) {
         const config2 = getCurrentConfig();
-        if (!config2.authentication || !config2.__resolvedModules.userPanel.userManagement.enabled || config2.__meta.mode === "standalone") {
+        if (!config2.authentication || config2.__meta.mode === "standalone") {
           return `export const configuredAuthProvider = undefined;`;
         }
         return [

package/dist/declarations/config/validators/HeaderNavigationSchema.d.ts

@@ -1960,6 +1960,18 @@ declare const HeaderNavLinkItemSchema: z.ZodObject<{
         _self: "_self";
         _blank: "_blank";
     }>>;
+    display: z.ZodOptional<z.ZodUnion<readonly [z.ZodEnum<{
+        auth: "auth";
+        anon: "anon";
+        always: "always";
+        hide: "hide";
+    }>, z.ZodCustom<(params: {
+        context: import("../../index.js").ZudokuContext;
+        auth: import("../../lib/authentication/hook.js").UseAuthReturn;
+    }) => boolean, (params: {
+        context: import("../../index.js").ZudokuContext;
+        auth: import("../../lib/authentication/hook.js").UseAuthReturn;
+    }) => boolean>]>>;
 }, z.core.$strip>;
 declare const HeaderNavGroupSchema: z.ZodObject<{
     label: z.ZodString;
@@ -3924,6 +3936,18 @@ declare const HeaderNavGroupSchema: z.ZodObject<{
             _self: "_self";
             _blank: "_blank";
         }>>;
+        display: z.ZodOptional<z.ZodUnion<readonly [z.ZodEnum<{
+            auth: "auth";
+            anon: "anon";
+            always: "always";
+            hide: "hide";
+        }>, z.ZodCustom<(params: {
+            context: import("../../index.js").ZudokuContext;
+            auth: import("../../lib/authentication/hook.js").UseAuthReturn;
+        }) => boolean, (params: {
+            context: import("../../index.js").ZudokuContext;
+            auth: import("../../lib/authentication/hook.js").UseAuthReturn;
+        }) => boolean>]>>;
     }, z.core.$strip>>;
 }, z.core.$strip>;
 declare const HeaderNavItemSchema: z.ZodUnion<readonly [z.ZodObject<{
@@ -5886,6 +5910,18 @@ declare const HeaderNavItemSchema: z.ZodUnion<readonly [z.ZodObject<{
         _self: "_self";
         _blank: "_blank";
     }>>;
+    display: z.ZodOptional<z.ZodUnion<readonly [z.ZodEnum<{
+        auth: "auth";
+        anon: "anon";
+        always: "always";
+        hide: "hide";
+    }>, z.ZodCustom<(params: {
+        context: import("../../index.js").ZudokuContext;
+        auth: import("../../lib/authentication/hook.js").UseAuthReturn;
+    }) => boolean, (params: {
+        context: import("../../index.js").ZudokuContext;
+        auth: import("../../lib/authentication/hook.js").UseAuthReturn;
+    }) => boolean>]>>;
 }, z.core.$strip>, z.ZodObject<{
     label: z.ZodString;
     items: z.ZodArray<z.ZodUnion<readonly [z.ZodObject<{
@@ -7849,6 +7885,18 @@ declare const HeaderNavItemSchema: z.ZodUnion<readonly [z.ZodObject<{
             _self: "_self";
             _blank: "_blank";
         }>>;
+        display: z.ZodOptional<z.ZodUnion<readonly [z.ZodEnum<{
+            auth: "auth";
+            anon: "anon";
+            always: "always";
+            hide: "hide";
+        }>, z.ZodCustom<(params: {
+            context: import("../../index.js").ZudokuContext;
+            auth: import("../../lib/authentication/hook.js").UseAuthReturn;
+        }) => boolean, (params: {
+            context: import("../../index.js").ZudokuContext;
+            auth: import("../../lib/authentication/hook.js").UseAuthReturn;
+        }) => boolean>]>>;
     }, z.core.$strip>, z.ZodObject<{
         label: z.ZodString;
         items: z.ZodArray<z.ZodObject<{
@@ -9812,6 +9860,18 @@ declare const HeaderNavItemSchema: z.ZodUnion<readonly [z.ZodObject<{
                 _self: "_self";
                 _blank: "_blank";
             }>>;
+            display: z.ZodOptional<z.ZodUnion<readonly [z.ZodEnum<{
+                auth: "auth";
+                anon: "anon";
+                always: "always";
+                hide: "hide";
+            }>, z.ZodCustom<(params: {
+                context: import("../../index.js").ZudokuContext;
+                auth: import("../../lib/authentication/hook.js").UseAuthReturn;
+            }) => boolean, (params: {
+                context: import("../../index.js").ZudokuContext;
+                auth: import("../../lib/authentication/hook.js").UseAuthReturn;
+            }) => boolean>]>>;
         }, z.core.$strip>>;
     }, z.core.$strip>]>>;
 }, z.core.$strip>]>;
@@ -11775,6 +11835,18 @@ export declare const HeaderNavigationSchema: z.ZodArray<z.ZodUnion<readonly [z.Z
         _self: "_self";
         _blank: "_blank";
     }>>;
+    display: z.ZodOptional<z.ZodUnion<readonly [z.ZodEnum<{
+        auth: "auth";
+        anon: "anon";
+        always: "always";
+        hide: "hide";
+    }>, z.ZodCustom<(params: {
+        context: import("../../index.js").ZudokuContext;
+        auth: import("../../lib/authentication/hook.js").UseAuthReturn;
+    }) => boolean, (params: {
+        context: import("../../index.js").ZudokuContext;
+        auth: import("../../lib/authentication/hook.js").UseAuthReturn;
+    }) => boolean>]>>;
 }, z.core.$strip>, z.ZodObject<{
     label: z.ZodString;
     items: z.ZodArray<z.ZodUnion<readonly [z.ZodObject<{
@@ -13738,6 +13810,18 @@ export declare const HeaderNavigationSchema: z.ZodArray<z.ZodUnion<readonly [z.Z
             _self: "_self";
             _blank: "_blank";
         }>>;
+        display: z.ZodOptional<z.ZodUnion<readonly [z.ZodEnum<{
+            auth: "auth";
+            anon: "anon";
+            always: "always";
+            hide: "hide";
+        }>, z.ZodCustom<(params: {
+            context: import("../../index.js").ZudokuContext;
+            auth: import("../../lib/authentication/hook.js").UseAuthReturn;
+        }) => boolean, (params: {
+            context: import("../../index.js").ZudokuContext;
+            auth: import("../../lib/authentication/hook.js").UseAuthReturn;
+        }) => boolean>]>>;
     }, z.core.$strip>, z.ZodObject<{
         label: z.ZodString;
         items: z.ZodArray<z.ZodObject<{
@@ -15701,6 +15785,18 @@ export declare const HeaderNavigationSchema: z.ZodArray<z.ZodUnion<readonly [z.Z
                 _self: "_self";
                 _blank: "_blank";
             }>>;
+            display: z.ZodOptional<z.ZodUnion<readonly [z.ZodEnum<{
+                auth: "auth";
+                anon: "anon";
+                always: "always";
+                hide: "hide";
+            }>, z.ZodCustom<(params: {
+                context: import("../../index.js").ZudokuContext;
+                auth: import("../../lib/authentication/hook.js").UseAuthReturn;
+            }) => boolean, (params: {
+                context: import("../../index.js").ZudokuContext;
+                auth: import("../../lib/authentication/hook.js").UseAuthReturn;
+            }) => boolean>]>>;
         }, z.core.$strip>>;
     }, z.core.$strip>]>>;
 }, z.core.$strip>]>>;

package/dist/declarations/config/validators/ZudokuConfig.d.ts

@@ -2487,6 +2487,18 @@ export declare const ZudokuConfig: z.ZodObject<{
                 _self: "_self";
                 _blank: "_blank";
             }>>;
+            display: z.ZodOptional<z.ZodUnion<readonly [z.ZodEnum<{
+                auth: "auth";
+                anon: "anon";
+                always: "always";
+                hide: "hide";
+            }>, z.ZodCustom<(params: {
+                context: ZudokuContext;
+                auth: UseAuthReturn;
+            }) => boolean, (params: {
+                context: ZudokuContext;
+                auth: UseAuthReturn;
+            }) => boolean>]>>;
         }, z.core.$strip>, z.ZodObject<{
             label: z.ZodString;
             items: z.ZodArray<z.ZodUnion<readonly [z.ZodObject<{
@@ -4450,6 +4462,18 @@ export declare const ZudokuConfig: z.ZodObject<{
                     _self: "_self";
                     _blank: "_blank";
                 }>>;
+                display: z.ZodOptional<z.ZodUnion<readonly [z.ZodEnum<{
+                    auth: "auth";
+                    anon: "anon";
+                    always: "always";
+                    hide: "hide";
+                }>, z.ZodCustom<(params: {
+                    context: ZudokuContext;
+                    auth: UseAuthReturn;
+                }) => boolean, (params: {
+                    context: ZudokuContext;
+                    auth: UseAuthReturn;
+                }) => boolean>]>>;
             }, z.core.$strip>, z.ZodObject<{
                 label: z.ZodString;
                 items: z.ZodArray<z.ZodObject<{
@@ -6413,6 +6437,18 @@ export declare const ZudokuConfig: z.ZodObject<{
                         _self: "_self";
                         _blank: "_blank";
                     }>>;
+                    display: z.ZodOptional<z.ZodUnion<readonly [z.ZodEnum<{
+                        auth: "auth";
+                        anon: "anon";
+                        always: "always";
+                        hide: "hide";
+                    }>, z.ZodCustom<(params: {
+                        context: ZudokuContext;
+                        auth: UseAuthReturn;
+                    }) => boolean, (params: {
+                        context: ZudokuContext;
+                        auth: UseAuthReturn;
+                    }) => boolean>]>>;
                 }, z.core.$strip>>;
             }, z.core.$strip>]>>;
         }, z.core.$strip>]>>>;

package/dist/declarations/lib/authentication/providers/dev-portal-constants.d.ts

@@ -3,6 +3,8 @@ export type DevPortalAuthMode = "live" | "preview";
 export type EndUserMeResponse = {
     userId: string;
     displayName: string | null;
+    email?: string | null;
+    emailVerified?: boolean | null;
     subscriptions: Array<{
         planSku: string;
         status: string;

package/dist/declarations/lib/authentication/providers/dev-portal.d.ts

@@ -18,7 +18,6 @@ export declare class DevPortalAuthenticationProvider extends CoreAuthenticationP
     private readonly redirectToAfterSignIn;
     private readonly redirectToAfterSignUp;
     private readonly redirectToAfterSignOut;
-    private authMode;
     private backendAvailable;
     private refreshGeneration;
     private refreshInFlight;
@@ -27,7 +26,7 @@ export declare class DevPortalAuthenticationProvider extends CoreAuthenticationP
     onPageLoad: () => Promise<void>;
     private syncBackendAvailability;
     private setPreviewState;
-    private ensureLiveBackend;
+    private ensureConfiguredBackend;
     refreshUserProfile(): Promise<boolean>;
     private refreshUserProfileInternal;
     signIn(_: AuthActionContext, { redirectTo }?: AuthActionOptions): Promise<void>;

package/dist/declarations/lib/authentication/state.d.ts

@@ -5,6 +5,7 @@ export type AuthMode = "live" | "preview";
 export interface AuthState {
     isAuthenticated: boolean;
     isPending: boolean;
+    sessionChecked: boolean;
     profile: UserProfile | null;
     providerData: ProviderData | null;
     isBackendAvailable: boolean;

package/dist/declarations/lib/components/context/ZudokuProvider.d.ts

@@ -1,4 +1,4 @@
-import { type PropsWithChildren } from "react";
+import type { PropsWithChildren } from "react";
 import type { ZudokuContext } from "../../core/ZudokuContext.js";
 export declare const ZudokuProvider: ({ children, context, }: PropsWithChildren<{
     context: ZudokuContext;

package/dist/flat-config.d.ts

@@ -1,44 +1,45 @@
 export type _Schema1 = ("a-arrow-down" | "a-arrow-up" | "a-large-small" | "accessibility" | "activity" | "activity-square" | "air-vent" | "airplay" | "alarm-check" | "alarm-clock" | "alarm-clock-check" | "alarm-clock-minus" | "alarm-clock-off" | "alarm-clock-plus" | "alarm-minus" | "alarm-plus" | "alarm-smoke" | "album" | "alert-circle" | "alert-octagon" | "alert-triangle" | "align-center" | "align-center-horizontal" | "align-center-vertical" | "align-end-horizontal" | "align-end-vertical" | "align-horizontal-distribute-center" | "align-horizontal-distribute-end" | "align-horizontal-distribute-start" | "align-horizontal-justify-center" | "align-horizontal-justify-end" | "align-horizontal-justify-start" | "align-horizontal-space-around" | "align-horizontal-space-between" | "align-justify" | "align-left" | "align-right" | "align-start-horizontal" | "align-start-vertical" | "align-vertical-distribute-center" | "align-vertical-distribute-end" | "align-vertical-distribute-start" | "align-vertical-justify-center" | "align-vertical-justify-end" | "align-vertical-justify-start" | "align-vertical-space-around" | "align-vertical-space-between" | "ambulance" | "ampersand" | "ampersands" | "amphora" | "anchor" | "angry" | "annoyed" | "antenna" | "anvil" | "aperture" | "app-window" | "app-window-mac" | "apple" | "archive" | "archive-restore" | "archive-x" | "area-chart" | "armchair" | "arrow-big-down" | "arrow-big-down-dash" | "arrow-big-left" | "arrow-big-left-dash" | "arrow-big-right" | "arrow-big-right-dash" | "arrow-big-up" | "arrow-big-up-dash" | "arrow-down" | "arrow-down-0-1" | "arrow-down-01" | "arrow-down-1-0" | "arrow-down-10" | "arrow-down-a-z" | "arrow-down-az" | "arrow-down-circle" | "arrow-down-from-line" | "arrow-down-left" | "arrow-down-left-from-circle" | "arrow-down-left-from-square" | "arrow-down-left-square" | "arrow-down-narrow-wide" | "arrow-down-right" | "arrow-down-right-from-circle" | "arrow-down-right-from-square" | "arrow-down-right-square" | "arrow-down-square" | "arrow-down-to-dot" | "arrow-down-to-line" | "arrow-down-up" | "arrow-down-wide-narrow" | "arrow-down-z-a" | "arrow-down-za" | "arrow-left" | "arrow-left-circle" | "arrow-left-from-line" | "arrow-left-right" | "arrow-left-square" | "arrow-left-to-line" | "arrow-right" | "arrow-right-circle" | "arrow-right-from-line" | "arrow-right-left" | "arrow-right-square" | "arrow-right-to-line" | "arrow-up" | "arrow-up-0-1" | "arrow-up-01" | "arrow-up-1-0" | "arrow-up-10" | "arrow-up-a-z" | "arrow-up-az" | "arrow-up-circle" | "arrow-up-down" | "arrow-up-from-dot" | "arrow-up-from-line" | "arrow-up-left" | "arrow-up-left-from-circle" | "arrow-up-left-from-square" | "arrow-up-left-square" | "arrow-up-narrow-wide" | "arrow-up-right" | "arrow-up-right-from-circle" | "arrow-up-right-from-square" | "arrow-up-right-square" | "arrow-up-square" | "arrow-up-to-line" | "arrow-up-wide-narrow" | "arrow-up-z-a" | "arrow-up-za" | "arrows-up-from-line" | "asterisk" | "asterisk-square" | "at-sign" | "atom" | "audio-lines" | "audio-waveform" | "award" | "axe" | "axis-3-d" | "axis-3d" | "baby" | "backpack" | "badge" | "badge-alert" | "badge-cent" | "badge-check" | "badge-dollar-sign" | "badge-euro" | "badge-help" | "badge-indian-rupee" | "badge-info" | "badge-japanese-yen" | "badge-minus" | "badge-percent" | "badge-plus" | "badge-pound-sterling" | "badge-question-mark" | "badge-russian-ruble" | "badge-swiss-franc" | "badge-turkish-lira" | "badge-x" | "baggage-claim" | "balloon" | "ban" | "banana" | "bandage" | "banknote" | "banknote-arrow-down" | "banknote-arrow-up" | "banknote-x" | "bar-chart" | "bar-chart-2" | "bar-chart-3" | "bar-chart-4" | "bar-chart-big" | "bar-chart-horizontal" | "bar-chart-horizontal-big" | "barcode" | "barrel" | "baseline" | "bath" | "battery" | "battery-charging" | "battery-full" | "battery-low" | "battery-medium" | "battery-plus" | "battery-warning" | "beaker" | "bean" | "bean-off" | "bed" | "bed-double" | "bed-single" | "beef" | "beer" | "beer-off" | "bell" | "bell-dot" | "bell-electric" | "bell-minus" | "bell-off" | "bell-plus" | "bell-ring" | "between-horizonal-end" | "between-horizonal-start" | "between-horizontal-end" | "between-horizontal-start" | "between-vertical-end" | "between-vertical-start" | "biceps-flexed" | "bike" | "binary" | "binoculars" | "biohazard" | "bird" | "birdhouse" | "bitcoin" | "blend" | "blinds" | "blocks" | "bluetooth" | "bluetooth-connected" | "bluetooth-off" | "bluetooth-searching" | "bold" | "bolt" | "bomb" | "bone" | "book" | "book-a" | "book-alert" | "book-audio" | "book-check" | "book-copy" | "book-dashed" | "book-down" | "book-headphones" | "book-heart" | "book-image" | "book-key" | "book-lock" | "book-marked" | "book-minus" | "book-open" | "book-open-check" | "book-open-text" | "book-plus" | "book-search" | "book-template" | "book-text" | "book-type" | "book-up" | "book-up-2" | "book-user" | "book-x" | "bookmark" | "bookmark-check" | "bookmark-minus" | "bookmark-plus" | "bookmark-x" | "boom-box" | "bot" | "bot-message-square" | "bot-off" | "bottle-wine" | "bow-arrow" | "box" | "box-select" | "boxes" | "braces" | "brackets" | "brain" | "brain-circuit" | "brain-cog" | "brick-wall" | "brick-wall-fire" | "brick-wall-shield" | "briefcase" | "briefcase-business" | "briefcase-conveyor-belt" | "briefcase-medical" | "bring-to-front" | "brush" | "brush-cleaning" | "bubbles" | "bug" | "bug-off" | "bug-play" | "building" | "building-2" | "bus" | "bus-front" | "cable" | "cable-car" | "cake" | "cake-slice" | "calculator" | "calendar" | "calendar-1" | "calendar-arrow-down" | "calendar-arrow-up" | "calendar-check" | "calendar-check-2" | "calendar-clock" | "calendar-cog" | "calendar-days" | "calendar-fold" | "calendar-heart" | "calendar-minus" | "calendar-minus-2" | "calendar-off" | "calendar-plus" | "calendar-plus-2" | "calendar-range" | "calendar-search" | "calendar-sync" | "calendar-x" | "calendar-x-2" | "calendars" | "camera" | "camera-off" | "candlestick-chart" | "candy" | "candy-cane" | "candy-off" | "cannabis" | "cannabis-off" | "captions" | "captions-off" | "car" | "car-front" | "car-taxi-front" | "caravan" | "card-sim" | "carrot" | "case-lower" | "case-sensitive" | "case-upper" | "cassette-tape" | "cast" | "castle" | "cat" | "cctv" | "chart-area" | "chart-bar" | "chart-bar-big" | "chart-bar-decreasing" | "chart-bar-increasing" | "chart-bar-stacked" | "chart-candlestick" | "chart-column" | "chart-column-big" | "chart-column-decreasing" | "chart-column-increasing" | "chart-column-stacked" | "chart-gantt" | "chart-line" | "chart-network" | "chart-no-axes-column" | "chart-no-axes-column-decreasing" | "chart-no-axes-column-increasing" | "chart-no-axes-combined" | "chart-no-axes-gantt" | "chart-pie" | "chart-scatter" | "chart-spline" | "check" | "check-check" | "check-circle" | "check-circle-2" | "check-line" | "check-square" | "check-square-2" | "chef-hat" | "cherry" | "chess-bishop" | "chess-king" | "chess-knight" | "chess-pawn" | "chess-queen" | "chess-rook" | "chevron-down" | "chevron-down-circle" | "chevron-down-square" | "chevron-first" | "chevron-last" | "chevron-left" | "chevron-left-circle" | "chevron-left-square" | "chevron-right" | "chevron-right-circle" | "chevron-right-square" | "chevron-up" | "chevron-up-circle" | "chevron-up-square" | "chevrons-down" | "chevrons-down-up" | "chevrons-left" | "chevrons-left-right" | "chevrons-left-right-ellipsis" | "chevrons-right" | "chevrons-right-left" | "chevrons-up" | "chevrons-up-down" | "chrome" | "chromium" | "church" | "cigarette" | "cigarette-off" | "circle" | "circle-alert" | "circle-arrow-down" | "circle-arrow-left" | "circle-arrow-out-down-left" | "circle-arrow-out-down-right" | "circle-arrow-out-up-left" | "circle-arrow-out-up-right" | "circle-arrow-right" | "circle-arrow-up" | "circle-check" | "circle-check-big" | "circle-chevron-down" | "circle-chevron-left" | "circle-chevron-right" | "circle-chevron-up" | "circle-dashed" | "circle-divide" | "circle-dollar-sign" | "circle-dot" | "circle-dot-dashed" | "circle-ellipsis" | "circle-equal" | "circle-fading-arrow-up" | "circle-fading-plus" | "circle-gauge" | "circle-help" | "circle-minus" | "circle-off" | "circle-parking" | "circle-parking-off" | "circle-pause" | "circle-percent" | "circle-pile" | "circle-play" | "circle-plus" | "circle-pound-sterling" | "circle-power" | "circle-question-mark" | "circle-slash" | "circle-slash-2" | "circle-slashed" | "circle-small" | "circle-star" | "circle-stop" | "circle-user" | "circle-user-round" | "circle-x" | "circuit-board" | "citrus" | "clapperboard" | "clipboard" | "clipboard-check" | "clipboard-clock" | "clipboard-copy" | "clipboard-edit" | "clipboard-list" | "clipboard-minus" | "clipboard-paste" | "clipboard-pen" | "clipboard-pen-line" | "clipboard-plus" | "clipboard-signature" | "clipboard-type" | "clipboard-x" | "clock" | "clock-1" | "clock-10" | "clock-11" | "clock-12" | "clock-2" | "clock-3" | "clock-4" | "clock-5" | "clock-6" | "clock-7" | "clock-8" | "clock-9" | "clock-alert" | "clock-arrow-down" | "clock-arrow-up" | "clock-check" | "clock-fading" | "clock-plus" | "closed-caption" | "cloud" | "cloud-alert" | "cloud-backup" | "cloud-check" | "cloud-cog" | "cloud-download" | "cloud-drizzle" | "cloud-fog" | "cloud-hail" | "cloud-lightning" | "cloud-moon" | "cloud-moon-rain" | "cloud-off" | "cloud-rain" | "cloud-rain-wind" | "cloud-snow" | "cloud-sun" | "cloud-sun-rain" | "cloud-sync" | "cloud-upload" | "cloudy" | "clover" | "club" | "code" | "code-2" | "code-square" | "code-xml" | "codepen" | "codesandbox" | "coffee" | "cog" | "coins" | "columns" | "columns-2" | "columns-3" | "columns-3-cog" | "columns-4" | "columns-settings" | "combine" | "command" | "compass" | "component" | "computer" | "concierge-bell" | "cone" | "construction" | "contact" | "contact-2" | "contact-round" | "container" | "contrast" | "cookie" | "cooking-pot" | "copy" | "copy-check" | "copy-minus" | "copy-plus" | "copy-slash" | "copy-x" | "copyleft" | "copyright" | "corner-down-left" | "corner-down-right" | "corner-left-down" | "corner-left-up" | "corner-right-down" | "corner-right-up" | "corner-up-left" | "corner-up-right" | "cpu" | "creative-commons" | "credit-card" | "croissant" | "crop" | "cross" | "crosshair" | "crown" | "cuboid" | "cup-soda" | "curly-braces" | "currency" | "cylinder" | "dam" | "database" | "database-backup" | "database-search" | "database-zap" | "decimals-arrow-left" | "decimals-arrow-right" | "delete" | "dessert" | "diameter" | "diamond" | "diamond-minus" | "diamond-percent" | "diamond-plus" | "dice-1" | "dice-2" | "dice-3" | "dice-4" | "dice-5" | "dice-6" | "dices" | "diff" | "disc" | "disc-2" | "disc-3" | "disc-album" | "divide" | "divide-circle" | "divide-square" | "dna" | "dna-off" | "dock" | "dog" | "dollar-sign" | "donut" | "door-closed" | "door-closed-locked" | "door-open" | "dot" | "dot-square" | "download" | "download-cloud" | "drafting-compass" | "drama" | "dribbble" | "drill" | "drone" | "droplet" | "droplet-off" | "droplets" | "drum" | "drumstick" | "dumbbell" | "ear" | "ear-off" | "earth" | "earth-lock" | "eclipse" | "edit" | "edit-2" | "edit-3" | "egg" | "egg-fried" | "egg-off" | "ellipse" | "ellipsis" | "ellipsis-vertical" | "equal" | "equal-approximately" | "equal-not" | "equal-square" | "eraser" | "ethernet-port" | "euro" | "ev-charger" | "expand" | "external-link" | "eye" | "eye-closed" | "eye-off" | "facebook" | "factory" | "fan" | "fast-forward" | "feather" | "fence" | "ferris-wheel" | "figma" | "file" | "file-archive" | "file-audio" | "file-audio-2" | "file-axis-3-d" | "file-axis-3d" | "file-badge" | "file-badge-2" | "file-bar-chart" | "file-bar-chart-2" | "file-box" | "file-braces" | "file-braces-corner" | "file-chart-column" | "file-chart-column-increasing" | "file-chart-line" | "file-chart-pie" | "file-check" | "file-check-2" | "file-check-corner" | "file-clock" | "file-code" | "file-code-2" | "file-code-corner" | "file-cog" | "file-cog-2" | "file-diff" | "file-digit" | "file-down" | "file-edit" | "file-exclamation-point" | "file-headphone" | "file-heart" | "file-image" | "file-input" | "file-json" | "file-json-2" | "file-key" | "file-key-2" | "file-line-chart" | "file-lock" | "file-lock-2" | "file-minus" | "file-minus-2" | "file-minus-corner" | "file-music" | "file-output" | "file-pen" | "file-pen-line" | "file-pie-chart" | "file-play" | "file-plus" | "file-plus-2" | "file-plus-corner" | "file-question" | "file-question-mark" | "file-scan" | "file-search" | "file-search-2" | "file-search-corner" | "file-signal" | "file-signature" | "file-sliders" | "file-spreadsheet" | "file-stack" | "file-symlink" | "file-terminal" | "file-text" | "file-type" | "file-type-2" | "file-type-corner" | "file-up" | "file-user" | "file-video" | "file-video-2" | "file-video-camera" | "file-volume" | "file-volume-2" | "file-warning" | "file-x" | "file-x-2" | "file-x-corner" | "files" | "film" | "filter" | "filter-x" | "fingerprint" | "fingerprint-pattern" | "fire-extinguisher" | "fish" | "fish-off" | "fish-symbol" | "fishing-hook" | "fishing-rod" | "flag" | "flag-off" | "flag-triangle-left" | "flag-triangle-right" | "flame" | "flame-kindling" | "flashlight" | "flashlight-off" | "flask-conical" | "flask-conical-off" | "flask-round" | "flip-horizontal" | "flip-horizontal-2" | "flip-vertical" | "flip-vertical-2" | "flower" | "flower-2" | "focus" | "fold-horizontal" | "fold-vertical" | "folder" | "folder-archive" | "folder-check" | "folder-clock" | "folder-closed" | "folder-code" | "folder-cog" | "folder-cog-2" | "folder-dot" | "folder-down" | "folder-edit" | "folder-git" | "folder-git-2" | "folder-heart" | "folder-input" | "folder-kanban" | "folder-key" | "folder-lock" | "folder-minus" | "folder-open" | "folder-open-dot" | "folder-output" | "folder-pen" | "folder-plus" | "folder-root" | "folder-search" | "folder-search-2" | "folder-symlink" | "folder-sync" | "folder-tree" | "folder-up" | "folder-x" | "folders" | "footprints" | "fork-knife" | "fork-knife-crossed" | "forklift" | "form" | "form-input" | "forward" | "frame" | "framer" | "frown" | "fuel" | "fullscreen" | "function-square" | "funnel" | "funnel-plus" | "funnel-x" | "gallery-horizontal" | "gallery-horizontal-end" | "gallery-thumbnails" | "gallery-vertical" | "gallery-vertical-end" | "gamepad" | "gamepad-2" | "gamepad-directional" | "gantt-chart" | "gantt-chart-square" | "gauge" | "gauge-circle" | "gavel" | "gem" | "georgian-lari" | "ghost" | "gift" | "git-branch" | "git-branch-minus" | "git-branch-plus" | "git-commit" | "git-commit-horizontal" | "git-commit-vertical" | "git-compare" | "git-compare-arrows" | "git-fork" | "git-graph" | "git-merge" | "git-merge-conflict" | "git-pull-request" | "git-pull-request-arrow" | "git-pull-request-closed" | "git-pull-request-create" | "git-pull-request-create-arrow" | "git-pull-request-draft" | "github" | "gitlab" | "glass-water" | "glasses" | "globe" | "globe-2" | "globe-lock" | "globe-off" | "globe-x" | "goal" | "gpu" | "grab" | "graduation-cap" | "grape" | "grid" | "grid-2-x-2" | "grid-2-x-2-check" | "grid-2-x-2-plus" | "grid-2-x-2-x" | "grid-2x2" | "grid-2x2-check" | "grid-2x2-plus" | "grid-2x2-x" | "grid-3-x-3" | "grid-3x2" | "grid-3x3" | "grip" | "grip-horizontal" | "grip-vertical" | "group" | "guitar" | "ham" | "hamburger" | "hammer" | "hand" | "hand-coins" | "hand-fist" | "hand-grab" | "hand-heart" | "hand-helping" | "hand-metal" | "hand-platter" | "handbag" | "handshake" | "hard-drive" | "hard-drive-download" | "hard-drive-upload" | "hard-hat" | "hash" | "hat-glasses" | "haze" | "hd" | "hdmi-port" | "heading" | "heading-1" | "heading-2" | "heading-3" | "heading-4" | "heading-5" | "heading-6" | "headphone-off" | "headphones" | "headset" | "heart" | "heart-crack" | "heart-handshake" | "heart-minus" | "heart-off" | "heart-plus" | "heart-pulse" | "heater" | "helicopter" | "help-circle" | "helping-hand" | "hexagon" | "highlighter" | "history" | "home" | "hop" | "hop-off" | "hospital" | "hotel" | "hourglass" | "house" | "house-heart" | "house-plug" | "house-plus" | "house-wifi" | "ice-cream" | "ice-cream-2" | "ice-cream-bowl" | "ice-cream-cone" | "id-card" | "id-card-lanyard" | "image" | "image-down" | "image-minus" | "image-off" | "image-play" | "image-plus" | "image-up" | "image-upscale" | "images" | "import" | "inbox" | "indent" | "indent-decrease" | "indent-increase" | "indian-rupee" | "infinity" | "info" | "inspect" | "inspection-panel" | "instagram" | "italic" | "iteration-ccw" | "iteration-cw" | "japanese-yen" | "joystick" | "kanban" | "kanban-square" | "kanban-square-dashed" | "kayak" | "key" | "key-round" | "key-square" | "keyboard" | "keyboard-music" | "keyboard-off" | "lamp" | "lamp-ceiling" | "lamp-desk" | "lamp-floor" | "lamp-wall-down" | "lamp-wall-up" | "land-plot" | "landmark" | "languages" | "laptop" | "laptop-2" | "laptop-minimal" | "laptop-minimal-check" | "lasso" | "lasso-select" | "laugh" | "layers" | "layers-2" | "layers-3" | "layers-plus" | "layout" | "layout-dashboard" | "layout-grid" | "layout-list" | "layout-panel-left" | "layout-panel-top" | "layout-template" | "leaf" | "leafy-green" | "lectern" | "lens-concave" | "lens-convex" | "letter-text" | "library" | "library-big" | "library-square" | "life-buoy" | "ligature" | "lightbulb" | "lightbulb-off" | "line-chart" | "line-dot-right-horizontal" | "line-squiggle" | "link" | "link-2" | "link-2-off" | "linkedin" | "list" | "list-check" | "list-checks" | "list-chevrons-down-up" | "list-chevrons-up-down" | "list-collapse" | "list-end" | "list-filter" | "list-filter-plus" | "list-indent-decrease" | "list-indent-increase" | "list-minus" | "list-music" | "list-ordered" | "list-plus" | "list-restart" | "list-start" | "list-todo" | "list-tree" | "list-video" | "list-x" | "loader" | "loader-2" | "loader-circle" | "loader-pinwheel" | "locate" | "locate-fixed" | "locate-off" | "location-edit" | "lock" | "lock-keyhole" | "lock-keyhole-open" | "lock-open" | "log-in" | "log-out" | "logs" | "lollipop" | "luggage" | "m-square" | "magnet" | "mail" | "mail-check" | "mail-minus" | "mail-open" | "mail-plus" | "mail-question" | "mail-question-mark" | "mail-search" | "mail-warning" | "mail-x" | "mailbox" | "mails" | "map" | "map-minus" | "map-pin" | "map-pin-check" | "map-pin-check-inside" | "map-pin-house" | "map-pin-minus" | "map-pin-minus-inside" | "map-pin-off" | "map-pin-pen" | "map-pin-plus" | "map-pin-plus-inside" | "map-pin-x" | "map-pin-x-inside" | "map-pinned" | "map-plus" | "mars" | "mars-stroke" | "martini" | "maximize" | "maximize-2" | "medal" | "megaphone" | "megaphone-off" | "meh" | "memory-stick" | "menu" | "menu-square" | "merge" | "message-circle" | "message-circle-check" | "message-circle-code" | "message-circle-dashed" | "message-circle-heart" | "message-circle-more" | "message-circle-off" | "message-circle-plus" | "message-circle-question" | "message-circle-question-mark" | "message-circle-reply" | "message-circle-warning" | "message-circle-x" | "message-square" | "message-square-check" | "message-square-code" | "message-square-dashed" | "message-square-diff" | "message-square-dot" | "message-square-heart" | "message-square-lock" | "message-square-more" | "message-square-off" | "message-square-plus" | "message-square-quote" | "message-square-reply" | "message-square-share" | "message-square-text" | "message-square-warning" | "message-square-x" | "messages-square" | "metronome" | "mic" | "mic-2" | "mic-off" | "mic-vocal" | "microchip" | "microscope" | "microwave" | "milestone" | "milk" | "milk-off" | "minimize" | "minimize-2" | "minus" | "minus-circle" | "minus-square" | "mirror-rectangular" | "mirror-round" | "monitor" | "monitor-check" | "monitor-cloud" | "monitor-cog" | "monitor-dot" | "monitor-down" | "monitor-off" | "monitor-pause" | "monitor-play" | "monitor-smartphone" | "monitor-speaker" | "monitor-stop" | "monitor-up" | "monitor-x" | "moon" | "moon-star" | "more-horizontal" | "more-vertical" | "motorbike" | "mountain" | "mountain-snow" | "mouse" | "mouse-left" | "mouse-off" | "mouse-pointer" | "mouse-pointer-2" | "mouse-pointer-2-off" | "mouse-pointer-ban" | "mouse-pointer-click" | "mouse-pointer-square-dashed" | "mouse-right" | "move" | "move-3-d" | "move-3d" | "move-diagonal" | "move-diagonal-2" | "move-down" | "move-down-left" | "move-down-right" | "move-horizontal" | "move-left" | "move-right" | "move-up" | "move-up-left" | "move-up-right" | "move-vertical" | "music" | "music-2" | "music-3" | "music-4" | "navigation" | "navigation-2" | "navigation-2-off" | "navigation-off" | "network" | "newspaper" | "nfc" | "non-binary" | "notebook" | "notebook-pen" | "notebook-tabs" | "notebook-text" | "notepad-text" | "notepad-text-dashed" | "nut" | "nut-off" | "octagon" | "octagon-alert" | "octagon-minus" | "octagon-pause" | "octagon-x" | "omega" | "option" | "orbit" | "origami" | "outdent" | "package" | "package-2" | "package-check" | "package-minus" | "package-open" | "package-plus" | "package-search" | "package-x" | "paint-bucket" | "paint-roller" | "paintbrush" | "paintbrush-2" | "paintbrush-vertical" | "palette" | "palmtree" | "panda" | "panel-bottom" | "panel-bottom-close" | "panel-bottom-dashed" | "panel-bottom-inactive" | "panel-bottom-open" | "panel-left" | "panel-left-close" | "panel-left-dashed" | "panel-left-inactive" | "panel-left-open" | "panel-left-right-dashed" | "panel-right" | "panel-right-close" | "panel-right-dashed" | "panel-right-inactive" | "panel-right-open" | "panel-top" | "panel-top-bottom-dashed" | "panel-top-close" | "panel-top-dashed" | "panel-top-inactive" | "panel-top-open" | "panels-left-bottom" | "panels-left-right" | "panels-right-bottom" | "panels-top-bottom" | "panels-top-left" | "paperclip" | "parentheses" | "parking-circle" | "parking-circle-off" | "parking-meter" | "parking-square" | "parking-square-off" | "party-popper" | "pause" | "pause-circle" | "pause-octagon" | "paw-print" | "pc-case" | "pen" | "pen-box" | "pen-line" | "pen-off" | "pen-square" | "pen-tool" | "pencil" | "pencil-line" | "pencil-off" | "pencil-ruler" | "pentagon" | "percent" | "percent-circle" | "percent-diamond" | "percent-square" | "person-standing" | "philippine-peso" | "phone" | "phone-call" | "phone-forwarded" | "phone-incoming" | "phone-missed" | "phone-off" | "phone-outgoing" | "pi" | "pi-square" | "piano" | "pickaxe" | "picture-in-picture" | "picture-in-picture-2" | "pie-chart" | "piggy-bank" | "pilcrow" | "pilcrow-left" | "pilcrow-right" | "pilcrow-square" | "pill" | "pill-bottle" | "pin" | "pin-off" | "pipette" | "pizza" | "plane" | "plane-landing" | "plane-takeoff" | "play" | "play-circle" | "play-square" | "plug" | "plug-2" | "plug-zap" | "plug-zap-2" | "plus" | "plus-circle" | "plus-square" | "pocket" | "pocket-knife" | "podcast" | "pointer" | "pointer-off" | "popcorn" | "popsicle" | "pound-sterling" | "power" | "power-circle" | "power-off" | "power-square" | "presentation" | "printer" | "printer-check" | "printer-x" | "projector" | "proportions" | "puzzle" | "pyramid" | "qr-code" | "quote" | "rabbit" | "radar" | "radiation" | "radical" | "radio" | "radio-receiver" | "radio-tower" | "radius" | "rail-symbol" | "rainbow" | "rat" | "ratio" | "receipt" | "receipt-cent" | "receipt-euro" | "receipt-indian-rupee" | "receipt-japanese-yen" | "receipt-pound-sterling" | "receipt-russian-ruble" | "receipt-swiss-franc" | "receipt-text" | "receipt-turkish-lira" | "rectangle-circle" | "rectangle-ellipsis" | "rectangle-goggles" | "rectangle-horizontal" | "rectangle-vertical" | "recycle" | "redo" | "redo-2" | "redo-dot" | "refresh-ccw" | "refresh-ccw-dot" | "refresh-cw" | "refresh-cw-off" | "refrigerator" | "regex" | "remove-formatting" | "repeat" | "repeat-1" | "repeat-2" | "replace" | "replace-all" | "reply" | "reply-all" | "rewind" | "ribbon" | "rocket" | "rocking-chair" | "roller-coaster" | "rose" | "rotate-3-d" | "rotate-3d" | "rotate-ccw" | "rotate-ccw-key" | "rotate-ccw-square" | "rotate-cw" | "rotate-cw-square" | "route" | "route-off" | "router" | "rows" | "rows-2" | "rows-3" | "rows-4" | "rss" | "ruler" | "ruler-dimension-line" | "russian-ruble" | "sailboat" | "salad" | "sandwich" | "satellite" | "satellite-dish" | "saudi-riyal" | "save" | "save-all" | "save-off" | "scale" | "scale-3-d" | "scale-3d" | "scaling" | "scan" | "scan-barcode" | "scan-eye" | "scan-face" | "scan-heart" | "scan-line" | "scan-qr-code" | "scan-search" | "scan-text" | "scatter-chart" | "school" | "school-2" | "scissors" | "scissors-line-dashed" | "scissors-square" | "scissors-square-dashed-bottom" | "scooter" | "screen-share" | "screen-share-off" | "scroll" | "scroll-text" | "search" | "search-alert" | "search-check" | "search-code" | "search-slash" | "search-x" | "section" | "send" | "send-horizonal" | "send-horizontal" | "send-to-back" | "separator-horizontal" | "separator-vertical" | "server" | "server-cog" | "server-crash" | "server-off" | "settings" | "settings-2" | "shapes" | "share" | "share-2" | "sheet" | "shell" | "shelving-unit" | "shield" | "shield-alert" | "shield-ban" | "shield-check" | "shield-close" | "shield-ellipsis" | "shield-half" | "shield-minus" | "shield-off" | "shield-plus" | "shield-question" | "shield-question-mark" | "shield-user" | "shield-x" | "ship" | "ship-wheel" | "shirt" | "shopping-bag" | "shopping-basket" | "shopping-cart" | "shovel" | "shower-head" | "shredder" | "shrimp" | "shrink" | "shrub" | "shuffle" | "sidebar" | "sidebar-close" | "sidebar-open" | "sigma" | "sigma-square" | "signal" | "signal-high" | "signal-low" | "signal-medium" | "signal-zero" | "signature" | "signpost" | "signpost-big" | "siren" | "skip-back" | "skip-forward" | "skull" | "slack" | "slash" | "slash-square" | "slice" | "sliders" | "sliders-horizontal" | "sliders-vertical" | "smartphone" | "smartphone-charging" | "smartphone-nfc" | "smile" | "smile-plus" | "snail" | "snowflake" | "soap-dispenser-droplet" | "sofa" | "solar-panel" | "sort-asc" | "sort-desc" | "soup" | "space" | "spade" | "sparkle" | "sparkles" | "speaker" | "speech" | "spell-check" | "spell-check-2" | "spline" | "spline-pointer" | "split" | "split-square-horizontal" | "split-square-vertical" | "spool" | "spotlight" | "spray-can" | "sprout" | "square" | "square-activity" | "square-arrow-down" | "square-arrow-down-left" | "square-arrow-down-right" | "square-arrow-left" | "square-arrow-out-down-left" | "square-arrow-out-down-right" | "square-arrow-out-up-left" | "square-arrow-out-up-right" | "square-arrow-right" | "square-arrow-right-enter" | "square-arrow-right-exit" | "square-arrow-up" | "square-arrow-up-left" | "square-arrow-up-right" | "square-asterisk" | "square-bottom-dashed-scissors" | "square-centerline-dashed-horizontal" | "square-centerline-dashed-vertical" | "square-chart-gantt" | "square-check" | "square-check-big" | "square-chevron-down" | "square-chevron-left" | "square-chevron-right" | "square-chevron-up" | "square-code" | "square-dashed" | "square-dashed-bottom" | "square-dashed-bottom-code" | "square-dashed-kanban" | "square-dashed-mouse-pointer" | "square-dashed-top-solid" | "square-divide" | "square-dot" | "square-equal" | "square-function" | "square-gantt-chart" | "square-kanban" | "square-library" | "square-m" | "square-menu" | "square-minus" | "square-mouse-pointer" | "square-parking" | "square-parking-off" | "square-pause" | "square-pen" | "square-percent" | "square-pi" | "square-pilcrow" | "square-play" | "square-plus" | "square-power" | "square-radical" | "square-round-corner" | "square-scissors" | "square-sigma" | "square-slash" | "square-split-horizontal" | "square-split-vertical" | "square-square" | "square-stack" | "square-star" | "square-stop" | "square-terminal" | "square-user" | "square-user-round" | "square-x" | "squares-exclude" | "squares-intersect" | "squares-subtract" | "squares-unite" | "squircle" | "squircle-dashed" | "squirrel" | "stamp" | "star" | "star-half" | "star-off" | "stars" | "step-back" | "step-forward" | "stethoscope" | "sticker" | "sticky-note" | "stone" | "stop-circle" | "store" | "stretch-horizontal" | "stretch-vertical" | "strikethrough" | "subscript" | "subtitles" | "sun" | "sun-dim" | "sun-medium" | "sun-moon" | "sun-snow" | "sunrise" | "sunset" | "superscript" | "swatch-book" | "swiss-franc" | "switch-camera" | "sword" | "swords" | "syringe" | "table" | "table-2" | "table-cells-merge" | "table-cells-split" | "table-columns-split" | "table-config" | "table-of-contents" | "table-properties" | "table-rows-split" | "tablet" | "tablet-smartphone" | "tablets" | "tag" | "tags" | "tally-1" | "tally-2" | "tally-3" | "tally-4" | "tally-5" | "tangent" | "target" | "telescope" | "tent" | "tent-tree" | "terminal" | "terminal-square" | "test-tube" | "test-tube-2" | "test-tube-diagonal" | "test-tubes" | "text" | "text-align-center" | "text-align-end" | "text-align-justify" | "text-align-start" | "text-cursor" | "text-cursor-input" | "text-initial" | "text-quote" | "text-search" | "text-select" | "text-selection" | "text-wrap" | "theater" | "thermometer" | "thermometer-snowflake" | "thermometer-sun" | "thumbs-down" | "thumbs-up" | "ticket" | "ticket-check" | "ticket-minus" | "ticket-percent" | "ticket-plus" | "ticket-slash" | "ticket-x" | "tickets" | "tickets-plane" | "timer" | "timer-off" | "timer-reset" | "toggle-left" | "toggle-right" | "toilet" | "tool-case" | "toolbox" | "tornado" | "torus" | "touchpad" | "touchpad-off" | "towel-rack" | "tower-control" | "toy-brick" | "tractor" | "traffic-cone" | "train" | "train-front" | "train-front-tunnel" | "train-track" | "tram-front" | "transgender" | "trash" | "trash-2" | "tree-deciduous" | "tree-palm" | "tree-pine" | "trees" | "trello" | "trending-down" | "trending-up" | "trending-up-down" | "triangle" | "triangle-alert" | "triangle-dashed" | "triangle-right" | "trophy" | "truck" | "truck-electric" | "turkish-lira" | "turntable" | "turtle" | "tv" | "tv-2" | "tv-minimal" | "tv-minimal-play" | "twitch" | "twitter" | "type" | "type-outline" | "umbrella" | "umbrella-off" | "underline" | "undo" | "undo-2" | "undo-dot" | "unfold-horizontal" | "unfold-vertical" | "ungroup" | "university" | "unlink" | "unlink-2" | "unlock" | "unlock-keyhole" | "unplug" | "upload" | "upload-cloud" | "usb" | "user" | "user-2" | "user-check" | "user-check-2" | "user-circle" | "user-circle-2" | "user-cog" | "user-cog-2" | "user-key" | "user-lock" | "user-minus" | "user-minus-2" | "user-pen" | "user-plus" | "user-plus-2" | "user-round" | "user-round-check" | "user-round-cog" | "user-round-key" | "user-round-minus" | "user-round-pen" | "user-round-plus" | "user-round-search" | "user-round-x" | "user-search" | "user-square" | "user-square-2" | "user-star" | "user-x" | "user-x-2" | "users" | "users-2" | "users-round" | "utensils" | "utensils-crossed" | "utility-pole" | "van" | "variable" | "vault" | "vector-square" | "vegan" | "venetian-mask" | "venus" | "venus-and-mars" | "verified" | "vibrate" | "vibrate-off" | "video" | "video-off" | "videotape" | "view" | "voicemail" | "volleyball" | "volume" | "volume-1" | "volume-2" | "volume-off" | "volume-x" | "vote" | "wallet" | "wallet-2" | "wallet-cards" | "wallet-minimal" | "wallpaper" | "wand" | "wand-2" | "wand-sparkles" | "warehouse" | "washing-machine" | "watch" | "waves" | "waves-arrow-down" | "waves-arrow-up" | "waves-ladder" | "waypoints" | "webcam" | "webhook" | "webhook-off" | "weight" | "weight-tilde" | "wheat" | "wheat-off" | "whole-word" | "wifi" | "wifi-cog" | "wifi-high" | "wifi-low" | "wifi-off" | "wifi-pen" | "wifi-sync" | "wifi-zero" | "wind" | "wind-arrow-down" | "wine" | "wine-off" | "workflow" | "worm" | "wrap-text" | "wrench" | "x" | "x-circle" | "x-line-top" | "x-octagon" | "x-square" | "youtube" | "zap" | "zap-off" | "zodiac-aquarius" | "zodiac-aries" | "zodiac-cancer" | "zodiac-capricorn" | "zodiac-gemini" | "zodiac-leo" | "zodiac-libra" | "zodiac-ophiuchus" | "zodiac-pisces" | "zodiac-sagittarius" | "zodiac-scorpio" | "zodiac-taurus" | "zodiac-virgo" | "zoom-in" | "zoom-out")
-export type _Schema3 = ("start" | "center" | "end")
-export type _Schema4 = ((string | {
+export type _Schema2 = (("auth" | "anon" | "always" | "hide") | unknown)
+export type _Schema4 = ("start" | "center" | "end")
+export type _Schema5 = ((string | {
   type: "doc"
   file: string
   path?: string
-  icon?: _Schema5
+  icon?: _Schema6
   label?: string
-  badge?: _Schema6
-  display?: _Schema7
+  badge?: _Schema7
+  display?: _Schema2
 }) | {
   type: "link"
   to: string
   label: string
   target?: ("_self" | "_blank")
-  icon?: _Schema5
-  badge?: _Schema6
-  display?: _Schema7
+  icon?: _Schema6
+  badge?: _Schema7
+  display?: _Schema2
 } | {
   type: "custom-page"
   path: string
   label?: string
   element: unknown
-  icon?: _Schema5
-  badge?: _Schema6
-  display?: _Schema7
+  icon?: _Schema6
+  badge?: _Schema7
+  display?: _Schema2
   layout?: ("default" | "none")
 } | {
   type: "separator"
-  display?: _Schema7
+  display?: _Schema2
 } | {
   type: "section"
   label: string
-  display?: _Schema7
+  display?: _Schema2
 } | {
   type: "filter"
   placeholder?: string
-  display?: _Schema7
+  display?: _Schema2
 } | {
   type: "category"
-  icon?: _Schema5
+  icon?: _Schema6
   label: string
   collapsible?: boolean
   collapsed?: boolean
@@ -48,11 +49,10 @@ export type _Schema4 = ((string | {
     label?: string
     path?: string
   })
-  display?: _Schema7
-  items: _Schema4[]
+  display?: _Schema2
+  items: _Schema5[]
 })
-export type _Schema5 = unknown
-export type _Schema7 = (("auth" | "anon" | "always" | "hide") | unknown)
+export type _Schema6 = unknown
 export type _Schema9 = (("Inter" | "Roboto" | "Open Sans" | "Poppins" | "Montserrat" | "Outfit" | "Plus Jakarta Sans" | "DM Sans" | "IBM Plex Sans" | "Geist" | "Oxanium" | "Architects Daughter" | "Merriweather" | "Playfair Display" | "Lora" | "Source Serif Pro" | "Libre Baskerville" | "Space Grotesk" | "JetBrains Mono" | "Fira Code" | "Source Code Pro" | "IBM Plex Mono" | "Roboto Mono" | "Space Mono" | "Geist Mono") | {
   url: string
   fontFamily?: string
@@ -158,36 +158,37 @@ export interface FlatZudokuConfig {
       icon?: _Schema1
       to: string
       target?: ("_self" | "_blank")
+      display?: _Schema2
     } | {
       label: string
-      items: (_Schema2 | {
+      items: (_Schema3 | {
         label: string
-        items: _Schema2[]
+        items: _Schema3[]
       })[]
     })[]
     placements?: {
-      navigation?: _Schema3
-      search?: _Schema3
+      navigation?: _Schema4
+      search?: _Schema4
       auth?: ("start" | "center" | "end" | "navigation")
     }
   }
-  navigation?: _Schema4[]
+  navigation?: _Schema5[]
   navigationRules?: ({
     type: "modify"
     match: string
     set: {
       label?: string
-      icon?: _Schema5
-      badge?: _Schema6
+      icon?: _Schema6
+      badge?: _Schema7
       collapsed?: boolean
       collapsible?: boolean
-      display?: _Schema7
+      display?: _Schema2
     }
   } | {
     type: "insert"
     match: string
     position: ("before" | "after")
-    items: _Schema4[]
+    items: _Schema5[]
   } | {
     type: "remove"
     match: string
@@ -412,14 +413,15 @@ export interface _Schema0 {
   href?: string
   reloadDocument?: boolean
 }
-export interface _Schema2 {
+export interface _Schema3 {
   label: string
   icon?: _Schema1
   description?: string
   to: string
   target?: ("_self" | "_blank")
+  display?: _Schema2
 }
-export interface _Schema6 {
+export interface _Schema7 {
   label: string
   color: ("green" | "blue" | "yellow" | "red" | "purple" | "indigo" | "gray" | "outline")
   invert?: boolean

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lukoweb/apitogo",
-  "version": "0.1.39",
+  "version": "0.1.41",
   "type": "module",
   "sideEffects": [
     "**/*.css",

package/src/config/validators/HeaderNavigationSchema.ts

@@ -1,5 +1,6 @@
 import { z } from "zod";
 import { IconNames } from "./icon-types.js";
+import { DisplaySchema } from "./InputNavigationSchema.js";
 
 const IconSchema = z.enum(IconNames);
 
@@ -9,6 +10,7 @@ const HeaderNavLinkItemSchema = z.object({
   description: z.string().optional(),
   to: z.string(),
   target: z.enum(["_self", "_blank"]).optional(),
+  display: DisplaySchema,
 });
 
 const HeaderNavGroupSchema = z.object({
@@ -22,6 +24,7 @@ const HeaderNavItemSchema = z.union([
     icon: IconSchema.optional(),
     to: z.string(),
     target: z.enum(["_self", "_blank"]).optional(),
+    display: DisplaySchema,
   }),
   z.object({
     label: z.string(),

package/src/lib/authentication/providers/dev-portal-constants.ts

@@ -7,6 +7,8 @@ export type DevPortalAuthMode = "live" | "preview";
 export type EndUserMeResponse = {
   userId: string;
   displayName: string | null;
+  email?: string | null;
+  emailVerified?: boolean | null;
   subscriptions: Array<{
     planSku: string;
     status: string;

package/src/lib/authentication/providers/dev-portal-utils.ts

@@ -94,13 +94,50 @@ export async function probeDevPortalBackend(
   }
 }
 
+function readOptionalString(...values: unknown[]): string | undefined {
+  for (const value of values) {
+    if (typeof value === "string" && value.trim()) {
+      return value.trim();
+    }
+  }
+
+  return undefined;
+}
+
+function readOptionalBoolean(...values: unknown[]): boolean | undefined {
+  for (const value of values) {
+    if (typeof value === "boolean") {
+      return value;
+    }
+
+    if (value === "true" || value === "True") {
+      return true;
+    }
+
+    if (value === "false" || value === "False") {
+      return false;
+    }
+  }
+
+  return undefined;
+}
+
 export function mapEndUserMeToProfile(
   me: EndUserMeResponse,
 ): import("../state.js").UserProfile {
+  const raw = me as EndUserMeResponse & Record<string, unknown>;
+  const email = readOptionalString(raw.email, raw.Email, raw.emailAddress);
+  const emailVerified =
+    readOptionalBoolean(
+      raw.emailVerified,
+      raw.EmailVerified,
+      raw.email_verified,
+    ) ?? (email != null ? true : false);
+
   return {
     sub: me.userId,
-    email: undefined,
-    emailVerified: false,
+    email,
+    emailVerified,
     name: me.displayName ?? undefined,
     pictureUrl: undefined,
   };

package/src/lib/authentication/providers/dev-portal.tsx

@@ -45,7 +45,6 @@ export class DevPortalAuthenticationProvider
   private readonly redirectToAfterSignIn: string | undefined;
   private readonly redirectToAfterSignUp: string | undefined;
   private readonly redirectToAfterSignOut: string;
-  private authMode: DevPortalAuthMode = "preview";
   private backendAvailable = false;
   private refreshGeneration = 0;
   private refreshInFlight: Promise<boolean> | null = null;
@@ -97,18 +96,17 @@ export class DevPortalAuthenticationProvider
   private async syncBackendAvailability(): Promise<void> {
     if (!this.apiBaseUrl || isPlaceholderDevPortalApiUrl(this.apiBaseUrl)) {
       this.backendAvailable = false;
-      this.authMode = "preview";
       return;
     }
 
     this.backendAvailable = await probeDevPortalBackend(this.apiBaseUrl);
-    this.authMode = this.backendAvailable ? "live" : "preview";
   }
 
   private setPreviewState(): void {
     useAuthState.setState({
       isAuthenticated: false,
       isPending: false,
+      sessionChecked: true,
       profile: null,
       providerData: this.apiBaseUrl
         ? {
@@ -122,8 +120,8 @@ export class DevPortalAuthenticationProvider
     });
   }
 
-  private ensureLiveBackend(): string {
-    if (!this.apiBaseUrl || !this.backendAvailable) {
+  private ensureConfiguredBackend(): string {
+    if (!this.apiBaseUrl || isPlaceholderDevPortalApiUrl(this.apiBaseUrl)) {
       throw new Error("Dev portal authentication is not available in preview.");
     }
 
@@ -184,6 +182,7 @@ export class DevPortalAuthenticationProvider
         useAuthState.setState({
           isAuthenticated: false,
           isPending: false,
+          sessionChecked: true,
           profile: null,
           providerData: {
             type: "dev-portal",
@@ -211,6 +210,7 @@ export class DevPortalAuthenticationProvider
       useAuthState.setState({
         isAuthenticated: true,
         isPending: false,
+        sessionChecked: true,
         profile,
         providerData: {
           type: "dev-portal",
@@ -235,7 +235,7 @@ export class DevPortalAuthenticationProvider
     _: AuthActionContext,
     { redirectTo }: AuthActionOptions = {},
   ): Promise<void> {
-    const apiBaseUrl = this.ensureLiveBackend();
+    const apiBaseUrl = this.ensureConfiguredBackend();
     const target =
       redirectTo ?? this.redirectToAfterSignIn ?? window.location.href;
     window.location.assign(buildDevPortalLoginUrl(apiBaseUrl, target));
@@ -245,14 +245,14 @@ export class DevPortalAuthenticationProvider
     _: AuthActionContext,
     { redirectTo }: AuthActionOptions = {},
   ): Promise<void> {
-    const apiBaseUrl = this.ensureLiveBackend();
+    const apiBaseUrl = this.ensureConfiguredBackend();
     const target =
       redirectTo ?? this.redirectToAfterSignUp ?? window.location.href;
     window.location.assign(buildDevPortalLoginUrl(apiBaseUrl, target));
   }
 
   async signOut(_: AuthActionContext): Promise<void> {
-    const apiBaseUrl = this.ensureLiveBackend();
+    const apiBaseUrl = this.ensureConfiguredBackend();
     window.location.assign(
       buildDevPortalLogoutUrl(apiBaseUrl, this.redirectToAfterSignOut),
     );

package/src/lib/authentication/state.ts

@@ -26,6 +26,8 @@ export type AuthMode = "live" | "preview";
 export interface AuthState {
   isAuthenticated: boolean;
   isPending: boolean;
+  /** True after the auth provider has finished its first session probe on load. */
+  sessionChecked: boolean;
   profile: UserProfile | null;
   providerData: ProviderData | null;
   /** False when dev-portal backend is unavailable (local preview). Defaults true. */
@@ -57,6 +59,7 @@ function createAuthStateStore(): AuthStateStore {
       (set) => ({
         isAuthenticated: false,
         isPending: true,
+        sessionChecked: false,
         profile: null,
         providerData: null,
         isBackendAvailable: true,
@@ -65,6 +68,7 @@ function createAuthStateStore(): AuthStateStore {
           set(() => ({
             isAuthenticated: false,
             isPending: false,
+            sessionChecked: true,
             profile: null,
             providerData: null,
             isBackendAvailable: true,
@@ -74,6 +78,7 @@ function createAuthStateStore(): AuthStateStore {
           set(() => ({
             isAuthenticated: false,
             isPending: false,
+            sessionChecked: true,
             profile: null,
             providerData: null,
             isBackendAvailable: true,
@@ -83,6 +88,7 @@ function createAuthStateStore(): AuthStateStore {
           set(() => ({
             isAuthenticated: true,
             isPending: false,
+            sessionChecked: true,
             profile,
             providerData,
           })),
@@ -113,9 +119,11 @@ function createAuthStateStore(): AuthStateStore {
 
           // Cookie/session auth is refreshed from the backend on load. Do not
           // restore identity fields from localStorage or OIDC return looks logged out.
+          // Keep isPending true until the auth provider finishes /auth/me (or equivalent).
           return {
             ...currentState,
-            isPending: false,
+            isPending: true,
+            sessionChecked: false,
             isAuthenticated: currentState.isAuthenticated,
             profile: currentState.profile,
             providerData: currentState.providerData,

package/src/lib/components/Header.tsx

@@ -73,15 +73,9 @@ const ProfileMenu = () => {
   const context = useZudoku();
   const profileItems = context.getProfileMenuItems();
   const auth = useAuth();
-  const {
-    isAuthEnabled,
-    isAuthenticated,
-    isPending,
-    profile,
-    isBackendAvailable,
-  } = auth;
+  const { isAuthEnabled, isAuthenticated, isPending, profile } = auth;
 
-  if (!isAuthEnabled || !isBackendAvailable) return null;
+  if (!isAuthEnabled) return null;
 
   return (
     <ClientOnly fallback={<Skeleton className="rounded-sm h-5 w-24 mr-4" />}>

package/src/lib/components/HeaderNavigation.tsx

@@ -6,6 +6,8 @@ import {
   type HeaderNavItem,
   type HeaderNavLinkItem,
 } from "../../config/validators/HeaderNavigationSchema.js";
+import { useAuth } from "../authentication/hook.js";
+import type { ZudokuContext } from "../core/ZudokuContext.js";
 import {
   NavigationMenu,
   NavigationMenuContent,
@@ -17,6 +19,7 @@ import {
 } from "../ui/NavigationMenu.js";
 import { cn } from "../util/cn.js";
 import { useZudoku } from "./context/ZudokuContext.js";
+import { shouldShowItem } from "./navigation/utils.js";
 
 const NavLinkItem = ({ item }: { item: HeaderNavLinkItem }) => {
   const Icon = item.icon as LucideIcon | undefined;
@@ -87,7 +90,25 @@ const DropdownContent = ({
   );
 };
 
-const HeaderNavItemComponent = ({ item }: { item: HeaderNavItem }) => {
+const HeaderNavItemComponent = ({
+  item,
+  auth,
+  context,
+}: {
+  item: HeaderNavItem;
+  auth: ReturnType<typeof useAuth>;
+  context: ZudokuContext;
+}) => {
+  if ("to" in item) {
+    const show = shouldShowItem({ auth, context })({
+      type: "link",
+      label: item.label,
+      to: item.to,
+      display: item.display,
+    });
+    if (!show) return null;
+  }
+
   if ("to" in item) {
     const Icon = item.icon as LucideIcon | undefined;
     return (
@@ -123,9 +144,10 @@ const HeaderNavItemComponent = ({ item }: { item: HeaderNavItem }) => {
 };
 
 export const HeaderNavigation = () => {
-  const { options } = useZudoku();
-  const items = options.header?.navigation;
-  const navPosition = options.header?.placements?.navigation ?? "end";
+  const context = useZudoku();
+  const auth = useAuth();
+  const items = context.options.header?.navigation;
+  const navPosition = context.options.header?.placements?.navigation ?? "end";
   if (!items || items.length === 0) return null;
 
   const viewportAlign =
@@ -138,9 +160,13 @@ export const HeaderNavigation = () => {
   return (
     <NavigationMenu className={viewportAlign}>
       <NavigationMenuList>
-        {items.map((item, index) => (
-          // biome-ignore lint/suspicious/noArrayIndexKey: Stable because it's statically defined in the config
-          <HeaderNavItemComponent key={`${item.label}-${index}`} item={item} />
+        {items.map((item) => (
+          <HeaderNavItemComponent
+            key={"to" in item ? item.to : item.label}
+            item={item}
+            auth={auth}
+            context={context}
+          />
         ))}
       </NavigationMenuList>
     </NavigationMenu>

package/src/lib/components/MobileTopNavigation.tsx

@@ -130,13 +130,7 @@ export const MobileTopNavigation = () => {
     getProfileMenuItems,
   } = context;
   const headerNavigation = header?.navigation ?? [];
-  const {
-    isAuthenticated,
-    profile,
-    isAuthEnabled,
-    isBackendAvailable,
-    isPending,
-  } = authState;
+  const { isAuthenticated, profile, isAuthEnabled, isPending } = authState;
   const [drawerOpen, setDrawerOpen] = useState(false);
 
   const accountItems = getProfileMenuItems();
@@ -238,7 +232,7 @@ export const MobileTopNavigation = () => {
           </div>
           <div className="border-t shadow-[0_-4px_6px_-1px_rgba(0,0,0,0.05)] px-4 pt-3 flex flex-col gap-2">
             <div className="flex items-center justify-between">
-              {isAuthEnabled && isBackendAvailable && (
+              {isAuthEnabled && (
                 <ClientOnly
                   fallback={<Skeleton className="rounded-sm h-8 w-16" />}
                 >

package/src/lib/components/Zudoku.tsx

@@ -6,6 +6,7 @@ import {
   type PropsWithChildren,
   useEffect,
   useMemo,
+  useRef,
   useState,
 } from "react";
 import { ErrorBoundary } from "react-error-boundary";
@@ -23,8 +24,6 @@ import { ViewportAnchorProvider } from "./context/ViewportAnchorContext.js";
 import { ApitogoProvider } from "./context/ZudokuProvider.js";
 import { PluginHeads } from "./PluginHeads.js";
 
-let apitogoContext: ZudokuContext | undefined;
-
 const ZudokuInner = memo(
   ({
     children,
@@ -53,6 +52,8 @@ const ZudokuInner = memo(
     const [didNavigate, setDidNavigate] = useState(false);
     const navigation = useNavigation();
     const queryClient = useQueryClient();
+    const apitogoContextRef = useRef<ZudokuContext | undefined>(undefined);
+    apitogoContextRef.current ??= new ZudokuContext(props, queryClient, env);
 
     useEffect(() => {
       if (didNavigate || !navigation.location) {
@@ -61,12 +62,10 @@ const ZudokuInner = memo(
       setDidNavigate(true);
     }, [didNavigate, navigation.location]);
 
-    apitogoContext ??= new ZudokuContext(props, queryClient, env);
-
     return (
       <>
         <PluginHeads plugins={props.plugins ?? []} location={location} />
-        <ApitogoProvider context={apitogoContext}>
+        <ApitogoProvider context={apitogoContextRef.current}>
           <RouterEventsEmitter />
           <SlotProvider slots={props.slots ?? props.UNSAFE_slotlets}>
             <MDXProvider components={mdxComponents}>

package/src/lib/components/context/ZudokuProvider.tsx

@@ -1,4 +1,4 @@
-import { use, type PropsWithChildren } from "react";
+import type { PropsWithChildren } from "react";
 import type { ZudokuContext } from "../../core/ZudokuContext.js";
 import { ZudokuReactContext } from "./ZudokuReactContext.js";
 
@@ -6,8 +6,6 @@ const ZudokuProviderImpl = ({
   children,
   context,
 }: PropsWithChildren<{ context: ZudokuContext }>) => {
-  if (context.initialize) use(context.initialize);
-
   return (
     <ZudokuReactContext.Provider value={context}>
       {children}

package/src/lib/core/RouteGuard.tsx

@@ -172,17 +172,17 @@ export const RouteGuard = () => {
     ? blocker.location.pathname + blocker.location.search
     : location.pathname + location.search;
   const showDialog =
-    auth.isBackendAvailable &&
-    needsAuth &&
-    auth.hasDistinctSignUpFlow;
+    auth.isBackendAvailable && needsAuth && auth.hasDistinctSignUpFlow;
   const unifiedRedirectKeyRef = useRef<string | null>(null);
 
   useEffect(() => {
     if (
       !auth.isBackendAvailable ||
       auth.isPending ||
+      !auth.sessionChecked ||
       !needsAuth ||
-      auth.hasDistinctSignUpFlow
+      auth.hasDistinctSignUpFlow ||
+      !auth.isAuthEnabled
     ) {
       unifiedRedirectKeyRef.current = null;
       return;
@@ -197,7 +197,10 @@ export const RouteGuard = () => {
   }, [
     auth.isBackendAvailable,
     auth.isPending,
+    auth.sessionChecked,
     auth.hasDistinctSignUpFlow,
+    auth.isAuthEnabled,
+    auth.login,
     needsAuth,
     redirectTo,
   ]);
@@ -211,6 +214,11 @@ export const RouteGuard = () => {
   }
 
   if (isProtectedRoute && !auth.isAuthEnabled) {
+    // Dev SSR can reuse a stale context before auth plugins hydrate; client decides.
+    if (typeof window === "undefined") {
+      return <BypassRoute isProtectedRoute={isProtectedRoute} />;
+    }
+
     throw new ZudokuError("Authentication is not enabled", {
       title: "Authentication is not enabled",
       developerHint:
@@ -218,6 +226,10 @@ export const RouteGuard = () => {
     });
   }
 
+  if (needsToSignIn && !auth.sessionChecked && typeof window !== "undefined") {
+    return null;
+  }
+
   if (needsToSignIn && auth.isPending && typeof window !== "undefined") {
     return null;
   }

package/src/lib/testing/index.tsx

@@ -68,6 +68,7 @@ const StaticZudoku = ({
     useAuthState.setState({
       isAuthenticated: true,
       isPending: false,
+      sessionChecked: true,
       profile: {
         sub: "test-user",
         email: "test@example.com",

package/src/vite/plugin-auth.ts

@@ -16,11 +16,7 @@ const viteAuthPlugin = (): Plugin => {
       if (id === resolvedVirtualModuleId) {
         const config = getCurrentConfig();
 
-        if (
-          !config.authentication ||
-          !config.__resolvedModules.userPanel.userManagement.enabled ||
-          config.__meta.mode === "standalone"
-        ) {
+        if (!config.authentication || config.__meta.mode === "standalone") {
           return `export const configuredAuthProvider = undefined;`;
         }
         // TODO: Validate that the authConfig.type is a valid authentication provider