@kirill.konshin/mui 0.0.5 → 0.0.7

package/README.md

@@ -41,19 +41,9 @@ import DashboardIcon from '@mui/icons-material/Dashboard';
 
 const NAVIGATION = [{ segment: 'admin', title: 'Dashboard', icon: <DashboardIcon /> }];
 
-export function AdminShell({
-    children,
-    logoutAction,
-}: {
-    children: React.ReactNode;
-    logoutAction: PasswordAuth['logout'];
-}) {
+export function AdminShell({ children, logoutAction }: { children: React.ReactNode; logoutAction: PasswordAuth['logout'] }) {
     return (
-        <AdminAppProvider
-            branding={{ title: 'Admin', homeUrl: '/admin' }}
-            navigation={NAVIGATION}
-            logoutAction={logoutAction}
-        >
+        <AdminAppProvider branding={{ title: 'Admin', homeUrl: '/admin' }} navigation={NAVIGATION} logoutAction={logoutAction}>
             <AdminDashboardLayout>{children}</AdminDashboardLayout>
         </AdminAppProvider>
     );
@@ -67,13 +57,7 @@ export function AdminShell({
 import type { PasswordAuth } from '@kirill.konshin/auth';
 import { AdminAppProvider, AdminSignInPage } from '@kirill.konshin/mui/admin';
 
-export function AdminSignIn({
-    loginAction,
-    isConfigured,
-}: {
-    loginAction: PasswordAuth['loginFormAction'];
-    isConfigured: boolean;
-}) {
+export function AdminSignIn({ loginAction, isConfigured }: { loginAction: PasswordAuth['loginFormAction']; isConfigured: boolean }) {
     return (
         <AdminAppProvider branding={{ title: 'Admin' }}>
             <AdminSignInPage loginAction={loginAction} isConfigured={isConfigured} />

package/dist/admin/appProvider.d.ts

@@ -1,13 +1,14 @@
-import { ComponentProps, FC } from 'react';
-import { NextAppProvider } from '@toolpad/core/nextjs';
+import { ComponentProps, FC } from "react";
+import { NextAppProvider } from "@toolpad/core/nextjs";
+//#region src/admin/appProvider.d.ts
 export type AdminAppProviderProps = ComponentProps<typeof NextAppProvider> & {
-    /** Server action that destroys the session, wired into Toolpad `authentication.signOut` */
-    logoutAction?: () => Promise<void>;
-    /**
-     * Login page (`auth.urls.login`) — Toolpad calls `authentication.signIn` from the account menu
-     * when no session is present, and the sign-in UI is `AdminSignInPage` living there. Default `/login`
-     */
-    loginUrl?: string;
+  /** Server action that destroys the session, wired into Toolpad `authentication.signOut` */
+  logoutAction?: () => Promise<void>;
+  /**
+   * Login page (`auth.urls.login`) — Toolpad calls `authentication.signIn` from the account menu
+   * when no session is present, and the sign-in UI is `AdminSignInPage` living there. Default `/login`
+   */
+  loginUrl?: string;
 };
 /**
  * `NextAppProvider` preconfigured for password-protected admin apps: pass `logoutAction` (e.g.
@@ -15,4 +16,5 @@ export type AdminAppProviderProps = ComponentProps<typeof NextAppProvider> & {
  * `Admin` session; `authentication`/`session` props still win when provided.
  */
 export declare const AdminAppProvider: FC<AdminAppProviderProps>;
+//#endregion
 //# sourceMappingURL=appProvider.d.ts.map

package/dist/admin/appProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"appProvider.d.ts","sourceRoot":"","sources":["../../src/admin/appProvider.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,KAAK,cAAc,EAAE,KAAK,EAAE,EAAiB,MAAM,OAAO,CAAC;AAG3E,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAGvD,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,OAAO,eAAe,CAAC,GAAG;IACzE,2FAA2F;IAC3F,YAAY,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACnC;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAIF;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAyBrD,CAAC"}
+{"version":3,"file":"appProvider.d.ts","names":[],"sources":["../../src/admin/appProvider.tsx"],"mappings":";;;YAQY,wBAAwB,sBAAsB;;EAEtD,qBAAqB;;;;;EAKrB;;;;;;;qBAUS,kBAAkB,GAAG"}

package/dist/admin/appProvider.js

@@ -4,13 +4,13 @@ import { jsx } from "react/jsx-runtime";
 import { NextAppProvider } from "@toolpad/core/nextjs";
 import { useRouter } from "next/navigation";
 //#region src/admin/appProvider.tsx
-var DEFAULT_SESSION = { user: { name: "Admin" } };
+const DEFAULT_SESSION = { user: { name: "Admin" } };
 /**
 * `NextAppProvider` preconfigured for password-protected admin apps: pass `logoutAction` (e.g.
 * `auth.logout` re-exported from a `'use server'` file) to get a sign-out button with a default
 * `Admin` session; `authentication`/`session` props still win when provided.
 */
-var AdminAppProvider = memo(function AdminAppProvider({ logoutAction, loginUrl = "/login", authentication, session, ...props }) {
+const AdminAppProvider = memo(function AdminAppProvider({ logoutAction, loginUrl = "/login", authentication, session, ...props }) {
 	const router = useRouter();
 	const defaultAuthentication = useMemo(() => logoutAction && {
 		signIn: () => router.push(loginUrl),

package/dist/admin/appProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"appProvider.js","names":[],"sources":["../../src/admin/appProvider.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ComponentProps, type FC, memo, useMemo } from 'react';\n\nimport { type Authentication, type Session } from '@toolpad/core/AppProvider';\nimport { NextAppProvider } from '@toolpad/core/nextjs';\nimport { useRouter } from 'next/navigation';\n\nexport type AdminAppProviderProps = ComponentProps<typeof NextAppProvider> & {\n    /** Server action that destroys the session, wired into Toolpad `authentication.signOut` */\n    logoutAction?: () => Promise<void>;\n    /**\n     * Login page (`auth.urls.login`) — Toolpad calls `authentication.signIn` from the account menu\n     * when no session is present, and the sign-in UI is `AdminSignInPage` living there. Default `/login`\n     */\n    loginUrl?: string;\n};\n\nconst DEFAULT_SESSION: Session = { user: { name: 'Admin' } };\n\n/**\n * `NextAppProvider` preconfigured for password-protected admin apps: pass `logoutAction` (e.g.\n * `auth.logout` re-exported from a `'use server'` file) to get a sign-out button with a default\n * `Admin` session; `authentication`/`session` props still win when provided.\n */\nexport const AdminAppProvider: FC<AdminAppProviderProps> = memo(function AdminAppProvider({\n    logoutAction,\n    loginUrl = '/login',\n    authentication,\n    session,\n    ...props\n}) {\n    const router = useRouter();\n\n    const defaultAuthentication = useMemo<Authentication | undefined>(\n        () =>\n            logoutAction && {\n                signIn: () => router.push(loginUrl), // the login page renders AdminSignInPage\n                signOut: () => void logoutAction(),\n            },\n        [logoutAction, loginUrl, router],\n    );\n\n    return (\n        <NextAppProvider\n            authentication={authentication ?? defaultAuthentication}\n            session={session ?? (logoutAction ? DEFAULT_SESSION : undefined)}\n            {...props}\n        />\n    );\n});\n"],"mappings":";;;;;;AAkBA,IAAM,kBAA2B,EAAE,MAAM,EAAE,MAAM,QAAQ,EAAE;;;;;;AAO3D,IAAa,mBAA8C,KAAK,SAAS,iBAAiB,EACtF,cACA,WAAW,UACX,gBACA,SACA,GAAG,SACJ;CACC,MAAM,SAAS,UAAU;CAEzB,MAAM,wBAAwB,cAEtB,gBAAgB;EACZ,cAAc,OAAO,KAAK,QAAQ;EAClC,eAAe,KAAK,aAAa;CACrC,GACJ;EAAC;EAAc;EAAU;CAAM,CACnC;CAEA,OACI,oBAAC,iBAAD;EACI,gBAAgB,kBAAkB;EAClC,SAAS,YAAY,eAAe,kBAAkB,KAAA;EACtD,GAAI;CACP,CAAA;AAET,CAAC"}
+{"version":3,"file":"appProvider.js","names":[],"sources":["../../src/admin/appProvider.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ComponentProps, type FC, memo, useMemo } from 'react';\n\nimport { type Authentication, type Session } from '@toolpad/core/AppProvider';\nimport { NextAppProvider } from '@toolpad/core/nextjs';\nimport { useRouter } from 'next/navigation';\n\nexport type AdminAppProviderProps = ComponentProps<typeof NextAppProvider> & {\n    /** Server action that destroys the session, wired into Toolpad `authentication.signOut` */\n    logoutAction?: () => Promise<void>;\n    /**\n     * Login page (`auth.urls.login`) — Toolpad calls `authentication.signIn` from the account menu\n     * when no session is present, and the sign-in UI is `AdminSignInPage` living there. Default `/login`\n     */\n    loginUrl?: string;\n};\n\nconst DEFAULT_SESSION: Session = { user: { name: 'Admin' } };\n\n/**\n * `NextAppProvider` preconfigured for password-protected admin apps: pass `logoutAction` (e.g.\n * `auth.logout` re-exported from a `'use server'` file) to get a sign-out button with a default\n * `Admin` session; `authentication`/`session` props still win when provided.\n */\nexport const AdminAppProvider: FC<AdminAppProviderProps> = memo(function AdminAppProvider({\n    logoutAction,\n    loginUrl = '/login',\n    authentication,\n    session,\n    ...props\n}) {\n    const router = useRouter();\n\n    const defaultAuthentication = useMemo<Authentication | undefined>(\n        () =>\n            logoutAction && {\n                signIn: () => router.push(loginUrl), // the login page renders AdminSignInPage\n                signOut: () => void logoutAction(),\n            },\n        [logoutAction, loginUrl, router],\n    );\n\n    return (\n        <NextAppProvider\n            authentication={authentication ?? defaultAuthentication}\n            session={session ?? (logoutAction ? DEFAULT_SESSION : undefined)}\n            {...props}\n        />\n    );\n});\n"],"mappings":";;;;;;AAkBA,MAAM,kBAA2B,EAAE,MAAM,EAAE,MAAM,QAAQ,EAAE;;;;;;AAO3D,MAAa,mBAA8C,KAAK,SAAS,iBAAiB,EACtF,cACA,WAAW,UACX,gBACA,SACA,GAAG,SACJ;CACC,MAAM,SAAS,UAAU;CAEzB,MAAM,wBAAwB,cAEtB,gBAAgB;EACZ,cAAc,OAAO,KAAK,QAAQ;EAClC,eAAe,KAAK,aAAa;CACrC,GACJ;EAAC;EAAc;EAAU;CAAM,CACnC;CAEA,OACI,oBAAC,iBAAD;EACI,gBAAgB,kBAAkB;EAClC,SAAS,YAAY,eAAe,kBAAkB,KAAA;EACtD,GAAI;CACP,CAAA;AAET,CAAC"}

package/dist/admin/dashboardLayout.d.ts

@@ -1,8 +1,10 @@
-import { ComponentProps, FC } from 'react';
-import { DashboardLayout } from '@toolpad/core/DashboardLayout';
+import { ComponentProps, FC } from "react";
+import { DashboardLayout } from "@toolpad/core/DashboardLayout";
+//#region src/admin/dashboardLayout.d.ts
 export type AdminDashboardLayoutProps = ComponentProps<typeof DashboardLayout> & {
-    /** Wrap children in Toolpad `PageContainer`, default true */
-    pageContainer?: boolean;
+  /** Wrap children in Toolpad `PageContainer`, default true */
+  pageContainer?: boolean;
 };
 export declare const AdminDashboardLayout: FC<AdminDashboardLayoutProps>;
+//#endregion
 //# sourceMappingURL=dashboardLayout.d.ts.map

package/dist/admin/dashboardLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dashboardLayout.d.ts","sourceRoot":"","sources":["../../src/admin/dashboardLayout.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,KAAK,cAAc,EAAE,KAAK,EAAE,EAAQ,MAAM,OAAO,CAAC;AAElE,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAGhE,MAAM,MAAM,yBAAyB,GAAG,cAAc,CAAC,OAAO,eAAe,CAAC,GAAG;IAC7E,6DAA6D;IAC7D,aAAa,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAKF,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,yBAAyB,CAU7D,CAAC"}
+{"version":3,"file":"dashboardLayout.d.ts","names":[],"sources":["../../src/admin/dashboardLayout.tsx"],"mappings":";;;YAOY,4BAA4B,sBAAsB;;EAE1D;;qBAMS,sBAAsB,GAAG"}

package/dist/admin/dashboardLayout.js

@@ -4,7 +4,7 @@ import { jsx } from "react/jsx-runtime";
 import { DashboardLayout } from "@toolpad/core/DashboardLayout";
 import { PageContainer } from "@toolpad/core/PageContainer";
 //#region src/admin/dashboardLayout.tsx
-var AdminDashboardLayout = memo(function AdminDashboardLayout({ children, pageContainer = true, ...props }) {
+const AdminDashboardLayout = memo(function AdminDashboardLayout({ children, pageContainer = true, ...props }) {
 	return /* @__PURE__ */ jsx(DashboardLayout, {
 		defaultSidebarCollapsed: true,
 		...props,

package/dist/admin/dashboardLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"dashboardLayout.js","names":[],"sources":["../../src/admin/dashboardLayout.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ComponentProps, type FC, memo } from 'react';\n\nimport { DashboardLayout } from '@toolpad/core/DashboardLayout';\nimport { PageContainer } from '@toolpad/core/PageContainer';\n\nexport type AdminDashboardLayoutProps = ComponentProps<typeof DashboardLayout> & {\n    /** Wrap children in Toolpad `PageContainer`, default true */\n    pageContainer?: boolean;\n};\n\n// Client wrapper is mandatory: @toolpad/core ships some DashboardLayout modules without\n// 'use client' banners (AppTitle, DashboardHeader — verified still missing in 0.16), which crash\n// when evaluated in the server graph. Re-check on Toolpad upgrades.\nexport const AdminDashboardLayout: FC<AdminDashboardLayoutProps> = memo(function AdminDashboardLayout({\n    children,\n    pageContainer = true,\n    ...props\n}) {\n    return (\n        <DashboardLayout defaultSidebarCollapsed {...props}>\n            {pageContainer ? <PageContainer>{children}</PageContainer> : children}\n        </DashboardLayout>\n    );\n});\n"],"mappings":";;;;;;AAeA,IAAa,uBAAsD,KAAK,SAAS,qBAAqB,EAClG,UACA,gBAAgB,MAChB,GAAG,SACJ;CACC,OACI,oBAAC,iBAAD;EAAiB,yBAAA;EAAwB,GAAI;EACxC,UAAA,gBAAgB,oBAAC,eAAD,EAAgB,SAAwB,CAAA,IAAI;CAChD,CAAA;AAEzB,CAAC"}
+{"version":3,"file":"dashboardLayout.js","names":[],"sources":["../../src/admin/dashboardLayout.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ComponentProps, type FC, memo } from 'react';\n\nimport { DashboardLayout } from '@toolpad/core/DashboardLayout';\nimport { PageContainer } from '@toolpad/core/PageContainer';\n\nexport type AdminDashboardLayoutProps = ComponentProps<typeof DashboardLayout> & {\n    /** Wrap children in Toolpad `PageContainer`, default true */\n    pageContainer?: boolean;\n};\n\n// Client wrapper is mandatory: @toolpad/core ships some DashboardLayout modules without\n// 'use client' banners (AppTitle, DashboardHeader — verified still missing in 0.16), which crash\n// when evaluated in the server graph. Re-check on Toolpad upgrades.\nexport const AdminDashboardLayout: FC<AdminDashboardLayoutProps> = memo(function AdminDashboardLayout({\n    children,\n    pageContainer = true,\n    ...props\n}) {\n    return (\n        <DashboardLayout defaultSidebarCollapsed {...props}>\n            {pageContainer ? <PageContainer>{children}</PageContainer> : children}\n        </DashboardLayout>\n    );\n});\n"],"mappings":";;;;;;AAeA,MAAa,uBAAsD,KAAK,SAAS,qBAAqB,EAClG,UACA,gBAAgB,MAChB,GAAG,SACJ;CACC,OACI,oBAAC,iBAAD;EAAiB,yBAAA;EAAwB,GAAI;EACxC,UAAA,gBAAgB,oBAAC,eAAD,EAAgB,SAAwB,CAAA,IAAI;CAChD,CAAA;AAEzB,CAAC"}

package/dist/admin/index.d.ts

@@ -1,4 +1,4 @@
-export * from './appProvider.js';
-export * from './dashboardLayout.js';
-export * from './signInPage.js';
-//# sourceMappingURL=index.d.ts.map
+import { AdminAppProvider, AdminAppProviderProps } from "./appProvider.js";
+import { AdminDashboardLayout, AdminDashboardLayoutProps } from "./dashboardLayout.js";
+import { AdminSignInPage, AdminSignInPageProps } from "./signInPage.js";
+export { AdminAppProvider, AdminAppProviderProps, AdminDashboardLayout, AdminDashboardLayoutProps, AdminSignInPage, AdminSignInPageProps };

package/dist/admin/signInPage.d.ts

@@ -1,22 +1,25 @@
-import { ComponentProps, FC } from 'react';
-import { PasswordAuth } from '@kirill.konshin/auth';
-import { SignInPage } from '@toolpad/core/SignInPage';
+import { ComponentProps, FC } from "react";
+import { SignInPage } from "@toolpad/core/SignInPage";
+import { PasswordAuth } from "@kirill.konshin/auth";
+//#region src/admin/signInPage.d.ts
 type SignInPageProps = ComponentProps<typeof SignInPage>;
-export type AdminSignInPageProps = Omit<SignInPageProps, 'signIn'> & {
-    /** `auth.loginFormAction` from `@kirill.konshin/auth`, re-exported from a `'use server'` file */
-    loginAction: PasswordAuth['loginFormAction'];
-    /** Pass `auth.isConfigured()` to render setup instructions instead of the form, default true */
-    isConfigured?: boolean;
-    /** Subtitle shown when not configured */
-    notConfiguredSubtitle?: string;
-    /** Sanitized return URL (`auth.getState(await searchParams)`), threaded into the login form */
-    state?: string;
+export type AdminSignInPageProps = Omit<SignInPageProps, "signIn"> & {
+  /** `auth.loginFormAction` from `@kirill.konshin/auth`, re-exported from a `'use server'` file */
+  loginAction: PasswordAuth["loginFormAction"];
+  /** Pass `auth.isConfigured()` to render setup instructions instead of the form, default true */
+  isConfigured?: boolean;
+  /** Subtitle shown when not configured */
+  notConfiguredSubtitle?: string;
+  /** Sanitized return URL (`auth.getState(await searchParams)`), threaded into the login form */
+  state?: string;
 };
 /**
  * Toolpad `SignInPage` preconfigured for the password-only login of `@kirill.konshin/auth`: single
  * credentials provider, no email/rememberMe fields, errors surfaced through the form. On success
- * `loginAction` redirects (handled by Next.js), on failure its message is shown.
+ * `loginAction` redirects (handled by Next.js) and the form stays busy until the next page replaces it,
+ * on failure its message is shown.
  */
 export declare const AdminSignInPage: FC<AdminSignInPageProps>;
+//#endregion
 export {};
 //# sourceMappingURL=signInPage.d.ts.map

package/dist/admin/signInPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"signInPage.d.ts","sourceRoot":"","sources":["../../src/admin/signInPage.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,KAAK,cAAc,EAAE,KAAK,EAAE,EAAqB,MAAM,OAAO,CAAC;AAE/E,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAGzD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEtD,KAAK,eAAe,GAAG,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC;AAEzD,MAAM,MAAM,oBAAoB,GAAG,IAAI,CAAC,eAAe,EAAE,QAAQ,CAAC,GAAG;IACjE,iGAAiG;IACjG,WAAW,EAAE,YAAY,CAAC,iBAAiB,CAAC,CAAC;IAC7C,gGAAgG;IAChG,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,yCAAyC;IACzC,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,+FAA+F;IAC/F,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAcF;;;;GAIG;AACH,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CA2DnD,CAAC"}
+{"version":3,"file":"signInPage.d.ts","names":[],"sources":["../../src/admin/signInPage.tsx"],"mappings":";;;;KAUK,kBAAkB,sBAAsB;YAEjC,uBAAuB,KAAK;;EAEpC,aAAa;;EAEb;;EAEA;;EAEA;;;;;;;;qBA+BS,iBAAiB,GAAG"}

package/dist/admin/signInPage.js

@@ -1,26 +1,42 @@
 "use client";
 import { memo, useCallback } from "react";
 import { jsx } from "react/jsx-runtime";
+import { unstable_rethrow } from "next/navigation";
 import { formLabelClasses } from "@mui/material/FormLabel";
 import { SignInPage } from "@toolpad/core/SignInPage";
 //#region src/admin/signInPage.tsx
-var STATE_PARAM = "state";
-var DEFAULT_PROVIDERS = [{
+const STATE_PARAM = "state";
+const DEFAULT_PROVIDERS = [{
 	id: "credentials",
 	name: "password"
 }];
-var NOT_CONFIGURED_SUBTITLE = "Set ADMIN_PASSWORD and a SESSION_SECRET of at least 32 characters, then restart.";
+const NOT_CONFIGURED_SUBTITLE = "Set ADMIN_PASSWORD and a SESSION_SECRET of at least 32 characters, then restart.";
+/** Whether Next.js handles `error` itself, like the redirect it rejects a redirecting Server Action call with. */
+const isNextNavigation = (error) => {
+	try {
+		unstable_rethrow(error);
+		return false;
+	} catch {
+		return true;
+	}
+};
 /**
 * Toolpad `SignInPage` preconfigured for the password-only login of `@kirill.konshin/auth`: single
 * credentials provider, no email/rememberMe fields, errors surfaced through the form. On success
-* `loginAction` redirects (handled by Next.js), on failure its message is shown.
+* `loginAction` redirects (handled by Next.js) and the form stays busy until the next page replaces it,
+* on failure its message is shown.
 */
-var AdminSignInPage = memo(function AdminSignInPage({ loginAction, isConfigured = true, notConfiguredSubtitle = NOT_CONFIGURED_SUBTITLE, providers = DEFAULT_PROVIDERS, state, localeText, slots, slotProps, ...props }) {
+const AdminSignInPage = memo(function AdminSignInPage({ loginAction, isConfigured = true, notConfiguredSubtitle = NOT_CONFIGURED_SUBTITLE, providers = DEFAULT_PROVIDERS, state, localeText, slots, slotProps, ...props }) {
 	const signIn = useCallback(async (_provider, formData) => {
 		if (!(formData instanceof FormData)) return { error: "Password is required" };
 		if (state) formData.set(STATE_PARAM, state);
-		const error = await loginAction(null, formData);
-		return error ? { error } : {};
+		try {
+			const error = await loginAction(null, formData);
+			return error ? { error } : {};
+		} catch (error) {
+			if (isNextNavigation(error)) return new Promise(() => {});
+			throw error;
+		}
 	}, [loginAction, state]);
 	return /* @__PURE__ */ jsx(SignInPage, {
 		signIn,

package/dist/admin/signInPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"signInPage.js","names":[],"sources":["../../src/admin/signInPage.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ComponentProps, type FC, memo, useCallback } from 'react';\n\nimport { type PasswordAuth } from '@kirill.konshin/auth';\nimport type { STATE_PARAM as StateParam } from '@kirill.konshin/auth/client';\nimport { formLabelClasses } from '@mui/material/FormLabel';\nimport { SignInPage } from '@toolpad/core/SignInPage';\n\ntype SignInPageProps = ComponentProps<typeof SignInPage>;\n\nexport type AdminSignInPageProps = Omit<SignInPageProps, 'signIn'> & {\n    /** `auth.loginFormAction` from `@kirill.konshin/auth`, re-exported from a `'use server'` file */\n    loginAction: PasswordAuth['loginFormAction'];\n    /** Pass `auth.isConfigured()` to render setup instructions instead of the form, default true */\n    isConfigured?: boolean;\n    /** Subtitle shown when not configured */\n    notConfiguredSubtitle?: string;\n    /** Sanitized return URL (`auth.getState(await searchParams)`), threaded into the login form */\n    state?: string;\n};\n\n/*\n * Inlined, NOT imported at runtime: `@kirill.konshin/auth` is an OPTIONAL peer, so importing\n * `@kirill.konshin/auth/client` here would make the whole `/admin` entry unresolvable in apps that\n * only use `AdminAppProvider`/`AdminDashboardLayout` (the barrel re-exports this module). The\n * annotation is a compile-time guard: it stops resolving the day auth renames the param.\n */\nconst STATE_PARAM: typeof StateParam = 'state';\n\nconst DEFAULT_PROVIDERS: SignInPageProps['providers'] = [{ id: 'credentials', name: 'password' }];\n\nconst NOT_CONFIGURED_SUBTITLE = 'Set ADMIN_PASSWORD and a SESSION_SECRET of at least 32 characters, then restart.';\n\n/**\n * Toolpad `SignInPage` preconfigured for the password-only login of `@kirill.konshin/auth`: single\n * credentials provider, no email/rememberMe fields, errors surfaced through the form. On success\n * `loginAction` redirects (handled by Next.js), on failure its message is shown.\n */\nexport const AdminSignInPage: FC<AdminSignInPageProps> = memo(function AdminSignInPage({\n    loginAction,\n    isConfigured = true,\n    notConfiguredSubtitle = NOT_CONFIGURED_SUBTITLE,\n    providers = DEFAULT_PROVIDERS,\n    state,\n    localeText,\n    slots,\n    slotProps,\n    ...props\n}) {\n    const signIn = useCallback<NonNullable<SignInPageProps['signIn']>>(\n        async (_provider, formData) => {\n            if (!(formData instanceof FormData)) return { error: 'Password is required' };\n            // thread the return URL through the form only — never store it in the session,\n            // multiple tabs logging in concurrently would clash\n            if (state) formData.set(STATE_PARAM, state);\n            const error = await loginAction(null, formData);\n            return error ? { error } : {};\n        },\n        [loginAction, state],\n    );\n\n    return (\n        <SignInPage\n            signIn={signIn}\n            providers={isConfigured ? providers : []}\n            localeText={\n                isConfigured\n                    ? localeText\n                    : {\n                          signInTitle: 'Authentication needs configuration',\n                          signInSubtitle: notConfiguredSubtitle,\n                          ...localeText,\n                      }\n            }\n            slots={{\n                emailField: () => null,\n                rememberMe: () => null,\n                subtitle: () => null,\n                ...slots,\n            }}\n            slotProps={{\n                ...slotProps,\n                // FIXME https://github.com/mui/toolpad/issues/4572 — still relevant in 0.16:\n                // browser validation popups fight the server-side errors (noValidate is settable\n                // declaratively through the form slot) and the password label renders misaligned;\n                // re-check on Toolpad upgrades\n                form: { noValidate: true, ...slotProps?.form },\n                passwordField: {\n                    autoFocus: true,\n                    sx: { [`& .${formLabelClasses.root}`]: { top: '-2px' } },\n                    ...slotProps?.passwordField,\n                },\n                submitButton: { variant: 'contained', ...slotProps?.submitButton },\n            }}\n            {...props}\n        />\n    );\n});\n"],"mappings":";;;;;;AA4BA,IAAM,cAAiC;AAEvC,IAAM,oBAAkD,CAAC;CAAE,IAAI;CAAe,MAAM;AAAW,CAAC;AAEhG,IAAM,0BAA0B;;;;;;AAOhC,IAAa,kBAA4C,KAAK,SAAS,gBAAgB,EACnF,aACA,eAAe,MACf,wBAAwB,yBACxB,YAAY,mBACZ,OACA,YACA,OACA,WACA,GAAG,SACJ;CACC,MAAM,SAAS,YACX,OAAO,WAAW,aAAa;EAC3B,IAAI,EAAE,oBAAoB,WAAW,OAAO,EAAE,OAAO,uBAAuB;EAG5E,IAAI,OAAO,SAAS,IAAI,aAAa,KAAK;EAC1C,MAAM,QAAQ,MAAM,YAAY,MAAM,QAAQ;EAC9C,OAAO,QAAQ,EAAE,MAAM,IAAI,CAAC;CAChC,GACA,CAAC,aAAa,KAAK,CACvB;CAEA,OACI,oBAAC,YAAD;EACY;EACR,WAAW,eAAe,YAAY,CAAC;EACvC,YACI,eACM,aACA;GACI,aAAa;GACb,gBAAgB;GAChB,GAAG;EACP;EAEV,OAAO;GACH,kBAAkB;GAClB,kBAAkB;GAClB,gBAAgB;GAChB,GAAG;EACP;EACA,WAAW;GACP,GAAG;GAKH,MAAM;IAAE,YAAY;IAAM,GAAG,WAAW;GAAK;GAC7C,eAAe;IACX,WAAW;IACX,IAAI,GAAG,MAAM,iBAAiB,SAAS,EAAE,KAAK,OAAO,EAAE;IACvD,GAAG,WAAW;GAClB;GACA,cAAc;IAAE,SAAS;IAAa,GAAG,WAAW;GAAa;EACrE;EACA,GAAI;CACP,CAAA;AAET,CAAC"}
+{"version":3,"file":"signInPage.js","names":[],"sources":["../../src/admin/signInPage.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ComponentProps, type FC, memo, useCallback } from 'react';\n\nimport { type PasswordAuth } from '@kirill.konshin/auth';\nimport type { STATE_PARAM as StateParam } from '@kirill.konshin/auth/client';\nimport { formLabelClasses } from '@mui/material/FormLabel';\nimport { SignInPage } from '@toolpad/core/SignInPage';\nimport { unstable_rethrow } from 'next/navigation';\n\ntype SignInPageProps = ComponentProps<typeof SignInPage>;\n\nexport type AdminSignInPageProps = Omit<SignInPageProps, 'signIn'> & {\n    /** `auth.loginFormAction` from `@kirill.konshin/auth`, re-exported from a `'use server'` file */\n    loginAction: PasswordAuth['loginFormAction'];\n    /** Pass `auth.isConfigured()` to render setup instructions instead of the form, default true */\n    isConfigured?: boolean;\n    /** Subtitle shown when not configured */\n    notConfiguredSubtitle?: string;\n    /** Sanitized return URL (`auth.getState(await searchParams)`), threaded into the login form */\n    state?: string;\n};\n\n/*\n * Inlined, NOT imported at runtime: `@kirill.konshin/auth` is an OPTIONAL peer, so importing\n * `@kirill.konshin/auth/client` here would make the whole `/admin` entry unresolvable in apps that\n * only use `AdminAppProvider`/`AdminDashboardLayout` (the barrel re-exports this module). The\n * annotation is a compile-time guard: it stops resolving the day auth renames the param.\n */\nconst STATE_PARAM: typeof StateParam = 'state';\n\nconst DEFAULT_PROVIDERS: SignInPageProps['providers'] = [{ id: 'credentials', name: 'password' }];\n\nconst NOT_CONFIGURED_SUBTITLE = 'Set ADMIN_PASSWORD and a SESSION_SECRET of at least 32 characters, then restart.';\n\n/** Whether Next.js handles `error` itself, like the redirect it rejects a redirecting Server Action call with. */\nconst isNextNavigation = (error: unknown): boolean => {\n    try {\n        unstable_rethrow(error);\n        return false;\n    } catch {\n        return true;\n    }\n};\n\n/**\n * Toolpad `SignInPage` preconfigured for the password-only login of `@kirill.konshin/auth`: single\n * credentials provider, no email/rememberMe fields, errors surfaced through the form. On success\n * `loginAction` redirects (handled by Next.js) and the form stays busy until the next page replaces it,\n * on failure its message is shown.\n */\nexport const AdminSignInPage: FC<AdminSignInPageProps> = memo(function AdminSignInPage({\n    loginAction,\n    isConfigured = true,\n    notConfiguredSubtitle = NOT_CONFIGURED_SUBTITLE,\n    providers = DEFAULT_PROVIDERS,\n    state,\n    localeText,\n    slots,\n    slotProps,\n    ...props\n}) {\n    const signIn = useCallback<NonNullable<SignInPageProps['signIn']>>(\n        async (_provider, formData) => {\n            if (!(formData instanceof FormData)) return { error: 'Password is required' };\n            // thread the return URL through the form only — never store it in the session,\n            // multiple tabs logging in concurrently would clash\n            if (state) formData.set(STATE_PARAM, state);\n            try {\n                const error = await loginAction(null, formData);\n                return error ? { error } : {};\n            } catch (error) {\n                // Next.js rejects the call with its redirect error while it navigates; Toolpad's submit\n                // handler has no catch, so stay pending instead of leaving an unhandled rejection\n                if (isNextNavigation(error)) return new Promise<never>(() => {});\n                throw error;\n            }\n        },\n        [loginAction, state],\n    );\n\n    return (\n        <SignInPage\n            signIn={signIn}\n            providers={isConfigured ? providers : []}\n            localeText={\n                isConfigured\n                    ? localeText\n                    : {\n                          signInTitle: 'Authentication needs configuration',\n                          signInSubtitle: notConfiguredSubtitle,\n                          ...localeText,\n                      }\n            }\n            slots={{\n                emailField: () => null,\n                rememberMe: () => null,\n                subtitle: () => null,\n                ...slots,\n            }}\n            slotProps={{\n                ...slotProps,\n                // FIXME https://github.com/mui/toolpad/issues/4572 — still relevant in 0.16:\n                // browser validation popups fight the server-side errors (noValidate is settable\n                // declaratively through the form slot) and the password label renders misaligned;\n                // re-check on Toolpad upgrades\n                form: { noValidate: true, ...slotProps?.form },\n                passwordField: {\n                    autoFocus: true,\n                    sx: { [`& .${formLabelClasses.root}`]: { top: '-2px' } },\n                    ...slotProps?.passwordField,\n                },\n                submitButton: { variant: 'contained', ...slotProps?.submitButton },\n            }}\n            {...props}\n        />\n    );\n});\n"],"mappings":";;;;;;;AA6BA,MAAM,cAAiC;AAEvC,MAAM,oBAAkD,CAAC;CAAE,IAAI;CAAe,MAAM;AAAW,CAAC;AAEhG,MAAM,0BAA0B;;AAGhC,MAAM,oBAAoB,UAA4B;CAClD,IAAI;EACA,iBAAiB,KAAK;EACtB,OAAO;CACX,QAAQ;EACJ,OAAO;CACX;AACJ;;;;;;;AAQA,MAAa,kBAA4C,KAAK,SAAS,gBAAgB,EACnF,aACA,eAAe,MACf,wBAAwB,yBACxB,YAAY,mBACZ,OACA,YACA,OACA,WACA,GAAG,SACJ;CACC,MAAM,SAAS,YACX,OAAO,WAAW,aAAa;EAC3B,IAAI,EAAE,oBAAoB,WAAW,OAAO,EAAE,OAAO,uBAAuB;EAG5E,IAAI,OAAO,SAAS,IAAI,aAAa,KAAK;EAC1C,IAAI;GACA,MAAM,QAAQ,MAAM,YAAY,MAAM,QAAQ;GAC9C,OAAO,QAAQ,EAAE,MAAM,IAAI,CAAC;EAChC,SAAS,OAAO;GAGZ,IAAI,iBAAiB,KAAK,GAAG,OAAO,IAAI,cAAqB,CAAC,CAAC;GAC/D,MAAM;EACV;CACJ,GACA,CAAC,aAAa,KAAK,CACvB;CAEA,OACI,oBAAC,YAAD;EACY;EACR,WAAW,eAAe,YAAY,CAAC;EACvC,YACI,eACM,aACA;GACI,aAAa;GACb,gBAAgB;GAChB,GAAG;EACP;EAEV,OAAO;GACH,kBAAkB;GAClB,kBAAkB;GAClB,gBAAgB;GAChB,GAAG;EACP;EACA,WAAW;GACP,GAAG;GAKH,MAAM;IAAE,YAAY;IAAM,GAAG,WAAW;GAAK;GAC7C,eAAe;IACX,WAAW;IACX,IAAI,GAAG,MAAM,iBAAiB,SAAS,EAAE,KAAK,OAAO,EAAE;IACvD,GAAG,WAAW;GAClB;GACA,cAAc;IAAE,SAAS;IAAa,GAAG,WAAW;GAAa;EACrE;EACA,GAAI;CACP,CAAA;AAET,CAAC"}

package/dist/appBarOffset.d.ts

@@ -1,5 +1,7 @@
-import { FC } from 'react';
-import { BoxProps } from '@mui/material/Box';
+import { FC } from "react";
+import { BoxProps } from "@mui/material/Box";
+//#region src/appBarOffset.d.ts
 export type AppBarOffsetProps = BoxProps;
 export declare const AppBarOffset: FC<AppBarOffsetProps>;
+//#endregion
 //# sourceMappingURL=appBarOffset.d.ts.map

package/dist/appBarOffset.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"appBarOffset.d.ts","sourceRoot":"","sources":["../src/appBarOffset.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,EAAE,EAAQ,MAAM,OAAO,CAAC;AAE7C,OAAO,EAAE,KAAK,QAAQ,EAAkB,MAAM,mBAAmB,CAAC;AAElE,MAAM,MAAM,iBAAiB,GAAG,QAAQ,CAAC;AAEzC,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAE7C,CAAC"}
+{"version":3,"file":"appBarOffset.d.ts","names":[],"sources":["../src/appBarOffset.tsx"],"mappings":";;;YAIY,oBAAoB;qBAEnB,cAAc,GAAG"}

package/dist/appBarOffset.js

@@ -2,7 +2,7 @@ import { memo } from "react";
 import Box from "@mui/material/Box";
 import { jsx } from "react/jsx-runtime";
 //#region src/appBarOffset.tsx
-var AppBarOffset = memo(function AppBarOffset({ sx, ...props }) {
+const AppBarOffset = memo(function AppBarOffset({ sx, ...props }) {
 	return /* @__PURE__ */ jsx(Box, {
 		...props,
 		sx: [({ mixins }) => mixins.toolbar, ...Array.isArray(sx) ? sx : [sx]]

package/dist/appBarOffset.js.map

@@ -1 +1 @@
-{"version":3,"file":"appBarOffset.js","names":[],"sources":["../src/appBarOffset.tsx"],"sourcesContent":["import React, { type FC, memo } from 'react';\n\nimport { type BoxProps, default as Box } from '@mui/material/Box';\n\nexport type AppBarOffsetProps = BoxProps;\n\nexport const AppBarOffset: FC<AppBarOffsetProps> = memo(function AppBarOffset({ sx, ...props }) {\n    return <Box {...props} sx={[({ mixins }) => mixins.toolbar, ...(Array.isArray(sx) ? sx : [sx])]} />;\n});\n"],"mappings":";;;;AAMA,IAAa,eAAsC,KAAK,SAAS,aAAa,EAAE,IAAI,GAAG,SAAS;CAC5F,OAAO,oBAAC,KAAD;EAAK,GAAI;EAAO,IAAI,EAAE,EAAE,aAAa,OAAO,SAAS,GAAI,MAAM,QAAQ,EAAE,IAAI,KAAK,CAAC,EAAE,CAAE;CAAI,CAAA;AACtG,CAAC"}
+{"version":3,"file":"appBarOffset.js","names":[],"sources":["../src/appBarOffset.tsx"],"sourcesContent":["import React, { type FC, memo } from 'react';\n\nimport { type BoxProps, default as Box } from '@mui/material/Box';\n\nexport type AppBarOffsetProps = BoxProps;\n\nexport const AppBarOffset: FC<AppBarOffsetProps> = memo(function AppBarOffset({ sx, ...props }) {\n    return <Box {...props} sx={[({ mixins }) => mixins.toolbar, ...(Array.isArray(sx) ? sx : [sx])]} />;\n});\n"],"mappings":";;;;AAMA,MAAa,eAAsC,KAAK,SAAS,aAAa,EAAE,IAAI,GAAG,SAAS;CAC5F,OAAO,oBAAC,KAAD;EAAK,GAAI;EAAO,IAAI,EAAE,EAAE,aAAa,OAAO,SAAS,GAAI,MAAM,QAAQ,EAAE,IAAI,KAAK,CAAC,EAAE,CAAE;CAAI,CAAA;AACtG,CAAC"}

package/dist/formControlFieldset.d.ts

@@ -1,5 +1,7 @@
-import { FC } from 'react';
-import { GenericControlProps } from './genericControl.js';
+import { GenericControlProps } from "./genericControl.js";
+import { FC } from "react";
+//#region src/formControlFieldset.d.ts
 export type FormControlFieldsetProps = GenericControlProps;
 export declare const FormControlFieldset: FC<FormControlFieldsetProps>;
+//#endregion
 //# sourceMappingURL=formControlFieldset.d.ts.map

package/dist/formControlFieldset.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"formControlFieldset.d.ts","sourceRoot":"","sources":["../src/formControlFieldset.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,EAAE,EAAQ,MAAM,OAAO,CAAC;AAI7C,OAAO,EAAkB,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE5E,MAAM,MAAM,wBAAwB,GAAG,mBAAmB,CAAC;AAE3D,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,wBAAwB,CAmB3D,CAAC"}
+{"version":3,"file":"formControlFieldset.d.ts","names":[],"sources":["../src/formControlFieldset.tsx"],"mappings":";;;YAMY,2BAA2B;qBAE1B,qBAAqB,GAAG"}

package/dist/formControlFieldset.js

@@ -3,14 +3,11 @@ import { memo } from "react";
 import { jsx } from "react/jsx-runtime";
 import { inputClasses } from "@mui/material/Input";
 //#region src/formControlFieldset.tsx
-var FormControlFieldset = memo(function FormControlFieldset({ children, sx, ...props }) {
+const FormControlFieldset = memo(function FormControlFieldset({ children, sx, ...props }) {
 	return /* @__PURE__ */ jsx(GenericControl, {
 		...props,
 		component: "fieldset",
-		sx: {
-			...sx,
-			[`legend + .${inputClasses.root}`]: { marginTop: 2 }
-		},
+		sx: [...Array.isArray(sx) ? sx : [sx], { [`legend + .${inputClasses.root}`]: { marginTop: 2 } }],
 		children
 	});
 });

package/dist/formControlFieldset.js.map

@@ -1 +1 @@
-{"version":3,"file":"formControlFieldset.js","names":[],"sources":["../src/formControlFieldset.tsx"],"sourcesContent":["import React, { type FC, memo } from 'react';\n\nimport { inputClasses } from '@mui/material/Input';\n\nimport { GenericControl, type GenericControlProps } from './genericControl';\n\nexport type FormControlFieldsetProps = GenericControlProps;\n\nexport const FormControlFieldset: FC<FormControlFieldsetProps> = memo(function FormControlFieldset({\n    children,\n    sx,\n    ...props\n}) {\n    return (\n        <GenericControl\n            {...props}\n            component=\"fieldset\"\n            sx={{\n                ...sx,\n                [`legend + .${inputClasses.root}`]: {\n                    marginTop: 2, //FIXME 16px, hardcoded from @mui/material/Input/Input.js @ 59\n                },\n            }}\n        >\n            {children}\n        </GenericControl>\n    );\n});\n"],"mappings":";;;;;AAQA,IAAa,sBAAoD,KAAK,SAAS,oBAAoB,EAC/F,UACA,IACA,GAAG,SACJ;CACC,OACI,oBAAC,gBAAD;EACI,GAAI;EACJ,WAAU;EACV,IAAI;GACA,GAAG;IACF,aAAa,aAAa,SAAS,EAChC,WAAW,EACf;EACJ;EAEC;CACW,CAAA;AAExB,CAAC"}
+{"version":3,"file":"formControlFieldset.js","names":[],"sources":["../src/formControlFieldset.tsx"],"sourcesContent":["import React, { type FC, memo } from 'react';\n\nimport { inputClasses } from '@mui/material/Input';\n\nimport { GenericControl, type GenericControlProps } from './genericControl';\n\nexport type FormControlFieldsetProps = GenericControlProps;\n\nexport const FormControlFieldset: FC<FormControlFieldsetProps> = memo(function FormControlFieldset({\n    children,\n    sx,\n    ...props\n}) {\n    return (\n        <GenericControl\n            {...props}\n            component=\"fieldset\"\n            // `sx` may be an object, a function or an array - MUI merges the array form, later entries win\n            sx={[\n                ...(Array.isArray(sx) ? sx : [sx]),\n                {\n                    [`legend + .${inputClasses.root}`]: {\n                        marginTop: 2, //FIXME 16px, hardcoded from @mui/material/Input/Input.js @ 59\n                    },\n                },\n            ]}\n        >\n            {children}\n        </GenericControl>\n    );\n});\n"],"mappings":";;;;;AAQA,MAAa,sBAAoD,KAAK,SAAS,oBAAoB,EAC/F,UACA,IACA,GAAG,SACJ;CACC,OACI,oBAAC,gBAAD;EACI,GAAI;EACJ,WAAU;EAEV,IAAI,CACA,GAAI,MAAM,QAAQ,EAAE,IAAI,KAAK,CAAC,EAAE,GAChC,GACK,aAAa,aAAa,SAAS,EAChC,WAAW,EACf,EACJ,CACJ;EAEC;CACW,CAAA;AAExB,CAAC"}

package/dist/formLabelLegend.d.ts

@@ -1,5 +1,7 @@
-import { FC } from 'react';
-import { InputLabelProps } from '@mui/material/InputLabel';
+import { FC } from "react";
+import { InputLabelProps } from "@mui/material/InputLabel";
+//#region src/formLabelLegend.d.ts
 export type FormLabelLegendProps = InputLabelProps;
 export declare const FormLabelLegend: FC<FormLabelLegendProps>;
+//#endregion
 //# sourceMappingURL=formLabelLegend.d.ts.map

package/dist/formLabelLegend.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"formLabelLegend.d.ts","sourceRoot":"","sources":["../src/formLabelLegend.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,EAAE,EAAQ,MAAM,OAAO,CAAC;AAE7C,OAAO,EAAyB,KAAK,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAEvF,MAAM,MAAM,oBAAoB,GAAG,eAAe,CAAC;AAEnD,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAOnD,CAAC"}
+{"version":3,"file":"formLabelLegend.d.ts","names":[],"sources":["../src/formLabelLegend.tsx"],"mappings":";;;YAIY,uBAAuB;qBAEtB,iBAAiB,GAAG"}

package/dist/formLabelLegend.js

@@ -2,7 +2,7 @@ import { memo } from "react";
 import { jsx } from "react/jsx-runtime";
 import InputLabel from "@mui/material/InputLabel";
 //#region src/formLabelLegend.tsx
-var FormLabelLegend = memo(function FormLabelLegend({ children, ...props }) {
+const FormLabelLegend = memo(function FormLabelLegend({ children, ...props }) {
 	return /* @__PURE__ */ jsx(InputLabel, {
 		...props,
 		shrink: true,

package/dist/formLabelLegend.js.map

@@ -1 +1 @@
-{"version":3,"file":"formLabelLegend.js","names":[],"sources":["../src/formLabelLegend.tsx"],"sourcesContent":["import React, { type FC, memo } from 'react';\n\nimport { default as InputLabel, type InputLabelProps } from '@mui/material/InputLabel';\n\nexport type FormLabelLegendProps = InputLabelProps;\n\nexport const FormLabelLegend: FC<FormLabelLegendProps> = memo(function FormLabelLegend({ children, ...props }) {\n    return (\n        // sx={(theme) => theme.typography.caption}\n        <InputLabel {...props} shrink={true} component={'legend' as any}>\n            {children}\n        </InputLabel>\n    );\n});\n"],"mappings":";;;;AAMA,IAAa,kBAA4C,KAAK,SAAS,gBAAgB,EAAE,UAAU,GAAG,SAAS;CAC3G,OAEI,oBAAC,YAAD;EAAY,GAAI;EAAO,QAAQ;EAAM,WAAW;EAC3C;CACO,CAAA;AAEpB,CAAC"}
+{"version":3,"file":"formLabelLegend.js","names":[],"sources":["../src/formLabelLegend.tsx"],"sourcesContent":["import React, { type FC, memo } from 'react';\n\nimport { default as InputLabel, type InputLabelProps } from '@mui/material/InputLabel';\n\nexport type FormLabelLegendProps = InputLabelProps;\n\nexport const FormLabelLegend: FC<FormLabelLegendProps> = memo(function FormLabelLegend({ children, ...props }) {\n    return (\n        // sx={(theme) => theme.typography.caption}\n        <InputLabel {...props} shrink={true} component={'legend' as any}>\n            {children}\n        </InputLabel>\n    );\n});\n"],"mappings":";;;;AAMA,MAAa,kBAA4C,KAAK,SAAS,gBAAgB,EAAE,UAAU,GAAG,SAAS;CAC3G,OAEI,oBAAC,YAAD;EAAY,GAAI;EAAO,QAAQ;EAAM,WAAW;EAC3C;CACO,CAAA;AAEpB,CAAC"}

package/dist/genericControl.d.ts

@@ -1,7 +1,9 @@
-import { FC } from 'react';
-import { FormControlProps } from '@mui/material/FormControl';
+import { FC } from "react";
+import { FormControlProps } from "@mui/material/FormControl";
+//#region src/genericControl.d.ts
 export type GenericControlProps = FormControlProps & {
-    children: any;
+  children: any;
 };
 export declare const GenericControl: FC<GenericControlProps>;
+//#endregion
 //# sourceMappingURL=genericControl.d.ts.map

package/dist/genericControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"genericControl.d.ts","sourceRoot":"","sources":["../src/genericControl.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,EAAE,EAAQ,MAAM,OAAO,CAAC;AAE7C,OAAO,EAA0B,KAAK,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAG1F,MAAM,MAAM,mBAAmB,GAAG,gBAAgB,GAAG;IAAE,QAAQ,EAAE,GAAG,CAAA;CAAE,CAAC;AAEvE,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAejD,CAAC"}
+{"version":3,"file":"genericControl.d.ts","names":[],"sources":["../src/genericControl.tsx"],"mappings":";;;YAKY,sBAAsB;EAAqB;;qBAE1C,gBAAgB,GAAG"}

package/dist/genericControl.js

@@ -3,13 +3,10 @@ import { jsx } from "react/jsx-runtime";
 import { inputClasses } from "@mui/material/Input";
 import FormControl from "@mui/material/FormControl";
 //#region src/genericControl.tsx
-var GenericControl = memo(function GenericControl({ children, sx, ...props }) {
+const GenericControl = memo(function GenericControl({ children, sx, ...props }) {
 	return /* @__PURE__ */ jsx(FormControl, {
 		variant: "standard",
-		sx: {
-			...sx,
-			[`& .${inputClasses.root}`]: { "&:before, &:after": { display: "none" } }
-		},
+		sx: [...Array.isArray(sx) ? sx : [sx], { [`& .${inputClasses.root}`]: { "&:before, &:after": { display: "none" } } }],
 		...props,
 		children
 	});

package/dist/genericControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"genericControl.js","names":[],"sources":["../src/genericControl.tsx"],"sourcesContent":["import React, { type FC, memo } from 'react';\n\nimport { default as FormControl, type FormControlProps } from '@mui/material/FormControl';\nimport { inputClasses } from '@mui/material/Input';\n\nexport type GenericControlProps = FormControlProps & { children: any };\n\nexport const GenericControl: FC<GenericControlProps> = memo(function GenericControl({ children, sx, ...props }) {\n    return (\n        <FormControl\n            variant=\"standard\"\n            sx={{\n                ...sx,\n                [`& .${inputClasses.root}`]: {\n                    '&:before, &:after': { display: 'none' },\n                },\n            }}\n            {...props}\n        >\n            {children}\n        </FormControl>\n    );\n});\n"],"mappings":";;;;;AAOA,IAAa,iBAA0C,KAAK,SAAS,eAAe,EAAE,UAAU,IAAI,GAAG,SAAS;CAC5G,OACI,oBAAC,aAAD;EACI,SAAQ;EACR,IAAI;GACA,GAAG;IACF,MAAM,aAAa,SAAS,EACzB,qBAAqB,EAAE,SAAS,OAAO,EAC3C;EACJ;EACA,GAAI;EAEH;CACQ,CAAA;AAErB,CAAC"}
+{"version":3,"file":"genericControl.js","names":[],"sources":["../src/genericControl.tsx"],"sourcesContent":["import React, { type FC, memo } from 'react';\n\nimport { default as FormControl, type FormControlProps } from '@mui/material/FormControl';\nimport { inputClasses } from '@mui/material/Input';\n\nexport type GenericControlProps = FormControlProps & { children: any };\n\nexport const GenericControl: FC<GenericControlProps> = memo(function GenericControl({ children, sx, ...props }) {\n    return (\n        <FormControl\n            variant=\"standard\"\n            // `sx` may be an object, a function or an array - MUI merges the array form, later entries win\n            sx={[\n                ...(Array.isArray(sx) ? sx : [sx]),\n                {\n                    [`& .${inputClasses.root}`]: {\n                        '&:before, &:after': { display: 'none' },\n                    },\n                },\n            ]}\n            {...props}\n        >\n            {children}\n        </FormControl>\n    );\n});\n"],"mappings":";;;;;AAOA,MAAa,iBAA0C,KAAK,SAAS,eAAe,EAAE,UAAU,IAAI,GAAG,SAAS;CAC5G,OACI,oBAAC,aAAD;EACI,SAAQ;EAER,IAAI,CACA,GAAI,MAAM,QAAQ,EAAE,IAAI,KAAK,CAAC,EAAE,GAChC,GACK,MAAM,aAAa,SAAS,EACzB,qBAAqB,EAAE,SAAS,OAAO,EAC3C,EACJ,CACJ;EACA,GAAI;EAEH;CACQ,CAAA;AAErB,CAAC"}

package/dist/index.d.ts

@@ -1,7 +1,10 @@
-export * from './appBarOffset.js';
-export * from './formControlFieldset.js';
-export * from './formLabelLegend.js';
-export * from './genericControl.js';
-export * from './readOnly.js';
-export * from './admin/index.js';
-//# sourceMappingURL=index.d.ts.map
+import { AdminAppProvider, AdminAppProviderProps } from "./admin/appProvider.js";
+import { AdminDashboardLayout, AdminDashboardLayoutProps } from "./admin/dashboardLayout.js";
+import { AdminSignInPage, AdminSignInPageProps } from "./admin/signInPage.js";
+import "./admin/index.js";
+import { AppBarOffset, AppBarOffsetProps } from "./appBarOffset.js";
+import { GenericControl, GenericControlProps } from "./genericControl.js";
+import { FormControlFieldset, FormControlFieldsetProps } from "./formControlFieldset.js";
+import { FormLabelLegend, FormLabelLegendProps } from "./formLabelLegend.js";
+import { ReadOnly, ReadOnlyProps } from "./readOnly.js";
+export { AdminAppProvider, AdminAppProviderProps, AdminDashboardLayout, AdminDashboardLayoutProps, AdminSignInPage, AdminSignInPageProps, AppBarOffset, AppBarOffsetProps, FormControlFieldset, FormControlFieldsetProps, FormLabelLegend, FormLabelLegendProps, GenericControl, GenericControlProps, ReadOnly, ReadOnlyProps };

package/dist/readOnly.d.ts

@@ -1,7 +1,9 @@
-import { FC } from 'react';
-import { InputProps } from '@mui/material/Input';
+import { FC } from "react";
+import { InputProps } from "@mui/material/Input";
+//#region src/readOnly.d.ts
 export type ReadOnlyProps = InputProps & {
-    children: any;
+  children: any;
 };
 export declare const ReadOnly: FC<ReadOnlyProps>;
+//#endregion
 //# sourceMappingURL=readOnly.d.ts.map

package/dist/readOnly.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"readOnly.d.ts","sourceRoot":"","sources":["../src/readOnly.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,EAAE,EAAQ,MAAM,OAAO,CAAC;AAE7C,OAAO,EAAoB,KAAK,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAExE,MAAM,MAAM,aAAa,GAAG,UAAU,GAAG;IAAE,QAAQ,EAAE,GAAG,CAAA;CAAE,CAAC;AAE3D,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAErC,CAAC"}
+{"version":3,"file":"readOnly.d.ts","names":[],"sources":["../src/readOnly.tsx"],"mappings":";;;YAIY,gBAAgB;EAAe;;qBAE9B,UAAU,GAAG"}

package/dist/readOnly.js

@@ -2,7 +2,7 @@ import { memo } from "react";
 import { jsx } from "react/jsx-runtime";
 import Input from "@mui/material/Input";
 //#region src/readOnly.tsx
-var ReadOnly = memo(function ReadOnly({ children, inputProps, ...props }) {
+const ReadOnly = memo(function ReadOnly({ children, inputProps, ...props }) {
 	return /* @__PURE__ */ jsx(Input, {
 		...props,
 		inputComponent: "div",

package/dist/readOnly.js.map

@@ -1 +1 @@
-{"version":3,"file":"readOnly.js","names":[],"sources":["../src/readOnly.tsx"],"sourcesContent":["import React, { type FC, memo } from 'react';\n\nimport { default as Input, type InputProps } from '@mui/material/Input';\n\nexport type ReadOnlyProps = InputProps & { children: any };\n\nexport const ReadOnly: FC<ReadOnlyProps> = memo(function ReadOnly({ children, inputProps, ...props }) {\n    return <Input {...props} inputComponent={'div' as any} inputProps={{ ...inputProps, children }}></Input>;\n});\n"],"mappings":";;;;AAMA,IAAa,WAA8B,KAAK,SAAS,SAAS,EAAE,UAAU,YAAY,GAAG,SAAS;CAClG,OAAO,oBAAC,OAAD;EAAO,GAAI;EAAO,gBAAgB;EAAc,YAAY;GAAE,GAAG;GAAY;EAAS;CAAU,CAAA;AAC3G,CAAC"}
+{"version":3,"file":"readOnly.js","names":[],"sources":["../src/readOnly.tsx"],"sourcesContent":["import React, { type FC, memo } from 'react';\n\nimport { default as Input, type InputProps } from '@mui/material/Input';\n\nexport type ReadOnlyProps = InputProps & { children: any };\n\nexport const ReadOnly: FC<ReadOnlyProps> = memo(function ReadOnly({ children, inputProps, ...props }) {\n    return <Input {...props} inputComponent={'div' as any} inputProps={{ ...inputProps, children }}></Input>;\n});\n"],"mappings":";;;;AAMA,MAAa,WAA8B,KAAK,SAAS,SAAS,EAAE,UAAU,YAAY,GAAG,SAAS;CAClG,OAAO,oBAAC,OAAD;EAAO,GAAI;EAAO,gBAAgB;EAAc,YAAY;GAAE,GAAG;GAAY;EAAS;CAAU,CAAA;AAC3G,CAAC"}

package/package.json

@@ -1,18 +1,18 @@
 {
   "name": "@kirill.konshin/mui",
   "description": "Utilities",
-  "version": "0.0.5",
+  "version": "0.0.7",
   "type": "module",
   "hasStorybook": true,
   "scripts": {
     "----- BUILD -----": "",
     "clean": "rm -rf dist .tscache tsconfig.tsbuildinfo",
-    "build": "vite build",
+    "build": "vp pack",
     "start": "yarn build --watch",
     "wait": "wait-on ./dist/index.js",
     "----- TEST -----": "",
-    "test": "vitest run --coverage",
-    "test:watch": "vitest watch --coverage",
+    "test": "vp test run --coverage",
+    "test:watch": "vp test watch --coverage",
     "----- STORYBOOK -----": "",
     "storybook:start": "storybook dev -p 6006",
     "storybook:build": "storybook build"

package/dist/admin/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/admin/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC"}

package/dist/formControlFieldset.stories.d.ts

@@ -1,7 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react-vite';
-import { GenericControl } from './genericControl.js';
-declare const meta: Meta<typeof GenericControl>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-//# sourceMappingURL=formControlFieldset.stories.d.ts.map

package/dist/formControlFieldset.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"formControlFieldset.stories.d.ts","sourceRoot":"","sources":["../src/formControlFieldset.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAI5D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAIlD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,cAAc,CA6CC,CAAC;AAExC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAQnC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC"}

package/dist/formLabelLegend.stories.d.ts

@@ -1,13 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react-vite';
-import { FormLabelLegend } from './formLabelLegend.js';
-declare const meta: Meta<typeof FormLabelLegend>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const WithRadioGroup: Story;
-export declare const Required: Story;
-export declare const WithError: Story;
-export declare const Disabled: Story;
-export declare const ComparisonWithInputLabel: Story;
-export declare const MultipleFieldsets: Story;
-//# sourceMappingURL=formLabelLegend.stories.d.ts.map

package/dist/formLabelLegend.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"formLabelLegend.stories.d.ts","sourceRoot":"","sources":["../src/formLabelLegend.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAG5D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAIpD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,eAAe,CAatC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAUrB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAa5B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAWtB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAWvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAWtB,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,KAqBtC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAoB/B,CAAC"}

package/dist/genericControl.stories.d.ts

@@ -1,12 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react-vite';
-import { GenericControl } from './genericControl.js';
-declare const meta: Meta<typeof GenericControl>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const WithCustomContent: Story;
-export declare const Disabled: Story;
-export declare const WithError: Story;
-export declare const FullWidth: Story;
-export declare const ComparisonWithTextField: Story;
-//# sourceMappingURL=genericControl.stories.d.ts.map

package/dist/genericControl.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"genericControl.stories.d.ts","sourceRoot":"","sources":["../src/genericControl.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAGlD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,cAAc,CAarC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KASrB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAS/B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAUtB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAUvB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAiBvB,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,KAkBrC,CAAC"}

package/dist/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC"}

package/dist/readOnly.stories.d.ts

@@ -1,12 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react-vite';
-import { ReadOnly } from './readOnly.js';
-declare const meta: Meta<typeof ReadOnly>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const WithLabel: Story;
-export declare const WithHTMLContent: Story;
-export declare const MultipleFields: Story;
-export declare const ComparisonWithTextField: Story;
-export declare const FullWidth: Story;
-//# sourceMappingURL=readOnly.stories.d.ts.map

package/dist/readOnly.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"readOnly.stories.d.ts","sourceRoot":"","sources":["../src/readOnly.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAG5D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAY/B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAS7B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAqB5B,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,KAyBrC,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAevB,CAAC"}