@kirill.konshin/mui 0.0.2 → 0.0.4

package/README.md

@@ -0,0 +1,87 @@
+# @kirill.konshin/mui
+
+MUI utilities (main entry) and Toolpad admin components (`/admin` entry).
+
+# Admin — `@kirill.konshin/mui/admin`
+
+Preconfigured [`@toolpad/core`](https://mui.com/toolpad/core/introduction/) building blocks for password-protected admin apps, wired to [`@kirill.konshin/auth`](https://github.com/kirill-konshin/utils/tree/main/packages/auth):
+
+- `AdminAppProvider` — `NextAppProvider` with sign-out built from a `logoutAction` server action
+- `AdminDashboardLayout` — `DashboardLayout` (sidebar collapsed by default) wrapping children in `PageContainer`; also works around Toolpad 0.16 modules missing `'use client'` banners
+- `AdminSignInPage` — `SignInPage` for password-only login: single credentials provider, no email/rememberMe, takes `auth.loginFormAction`, renders setup instructions when `isConfigured` is false; on a dedicated login page pass `state={auth.getReturnTo(await searchParams)}` to return users to the page they came from
+
+```tsx
+// app/admin/layout.tsx — Server Component, passes the actions from @/auth down as props
+import { auth, loginAction, logoutAction } from '@/auth';
+import { AdminShell } from './AdminShell';
+import { AdminSignIn } from './AdminSignIn';
+
+export default async function AdminLayout({ children }: LayoutProps<'/admin'>) {
+    const isConfigured = auth.isConfigured();
+    if (!isConfigured || !(await auth.isAuthenticated())) {
+        return <AdminSignIn loginAction={loginAction} isConfigured={isConfigured} />;
+    }
+    return <AdminShell logoutAction={logoutAction}>{children}</AdminShell>;
+}
+```
+
+```tsx
+// app/admin/AdminShell.tsx — theme/navigation/branding stay app-specific
+'use client';
+
+import type { PasswordAuth } from '@kirill.konshin/auth';
+import { AdminAppProvider, AdminDashboardLayout } from '@kirill.konshin/mui/admin';
+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'];
+}) {
+    return (
+        <AdminAppProvider
+            branding={{ title: 'Admin', homeUrl: '/admin' }}
+            navigation={NAVIGATION}
+            logoutAction={logoutAction}
+        >
+            <AdminDashboardLayout>{children}</AdminDashboardLayout>
+        </AdminAppProvider>
+    );
+}
+```
+
+```tsx
+// app/admin/AdminSignIn.tsx
+'use client';
+
+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;
+}) {
+    return (
+        <AdminAppProvider branding={{ title: 'Admin' }}>
+            <AdminSignInPage loginAction={loginAction} isConfigured={isConfigured} />
+        </AdminAppProvider>
+    );
+}
+```
+
+Root layout still needs `AppRouterCacheProvider` from `@mui/material-nextjs/v15-appRouter` (with `options={{ enableCssLayer: true }}`) and your theme.
+
+# Utilities (main entry)
+
+`AppBarOffset`, `FormControlFieldset`, `FormLabelLegend`, `GenericControl`, `ReadOnly` — see stories.
+
+## Prior Art
+
+https://codesandbox.io/p/sandbox/l7vykxl57q MUI v4

package/dist/admin/appProvider.d.ts

@@ -0,0 +1,18 @@
+import { ComponentProps, FC } from 'react';
+import { NextAppProvider } from '@toolpad/core/nextjs';
+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;
+};
+/**
+ * `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.
+ */
+export declare const AdminAppProvider: FC<AdminAppProviderProps>;
+//# sourceMappingURL=appProvider.d.ts.map

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

@@ -0,0 +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"}

package/dist/admin/appProvider.js

@@ -0,0 +1,32 @@
+"use client";
+import { memo, useMemo } from "react";
+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" } };
+/**
+* `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 router = useRouter();
+	const defaultAuthentication = useMemo(() => logoutAction && {
+		signIn: () => router.push(loginUrl),
+		signOut: () => void logoutAction()
+	}, [
+		logoutAction,
+		loginUrl,
+		router
+	]);
+	return /* @__PURE__ */ jsx(NextAppProvider, {
+		authentication: authentication ?? defaultAuthentication,
+		session: session ?? (logoutAction ? DEFAULT_SESSION : void 0),
+		...props
+	});
+});
+//#endregion
+export { AdminAppProvider };
+
+//# sourceMappingURL=appProvider.js.map

package/dist/admin/appProvider.js.map

@@ -0,0 +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"}

package/dist/admin/dashboardLayout.d.ts

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

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

@@ -0,0 +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"}

package/dist/admin/dashboardLayout.js

@@ -0,0 +1,17 @@
+"use client";
+import { memo } from "react";
+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 }) {
+	return /* @__PURE__ */ jsx(DashboardLayout, {
+		defaultSidebarCollapsed: true,
+		...props,
+		children: pageContainer ? /* @__PURE__ */ jsx(PageContainer, { children }) : children
+	});
+});
+//#endregion
+export { AdminDashboardLayout };
+
+//# sourceMappingURL=dashboardLayout.js.map

package/dist/admin/dashboardLayout.js.map

@@ -0,0 +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;YACxC,gBAAgB,oBAAC,eAAD,EAAgB,SAAwB,CAAA,IAAI;CAChD,CAAA;AAEzB,CAAC"}

package/dist/admin/index.d.ts

@@ -0,0 +1,4 @@
+export * from './appProvider.js';
+export * from './dashboardLayout.js';
+export * from './signInPage.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"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/admin/index.js

@@ -0,0 +1,4 @@
+import { AdminAppProvider } from "./appProvider.js";
+import { AdminDashboardLayout } from "./dashboardLayout.js";
+import { AdminSignInPage } from "./signInPage.js";
+export { AdminAppProvider, AdminDashboardLayout, AdminSignInPage };

package/dist/admin/signInPage.d.ts

@@ -0,0 +1,22 @@
+import { ComponentProps, FC } from 'react';
+import { PasswordAuth } from '@kirill.konshin/auth';
+import { SignInPage } from '@toolpad/core/SignInPage';
+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;
+};
+/**
+ * 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.
+ */
+export declare const AdminSignInPage: FC<AdminSignInPageProps>;
+export {};
+//# sourceMappingURL=signInPage.d.ts.map

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

@@ -0,0 +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;AAMF;;;;GAIG;AACH,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CA2DnD,CAAC"}

package/dist/admin/signInPage.js

@@ -0,0 +1,60 @@
+"use client";
+import { memo, useCallback } from "react";
+import { jsx } from "react/jsx-runtime";
+import { STATE_PARAM } from "@kirill.konshin/auth/client";
+import { formLabelClasses } from "@mui/material/FormLabel";
+import { SignInPage } from "@toolpad/core/SignInPage";
+//#region src/admin/signInPage.tsx
+var DEFAULT_PROVIDERS = [{
+	id: "credentials",
+	name: "password"
+}];
+var NOT_CONFIGURED_SUBTITLE = "Set ADMIN_PASSWORD and a SESSION_SECRET of at least 32 characters, then restart.";
+/**
+* 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.
+*/
+var AdminSignInPage = memo(function AdminSignInPage({ loginAction, isConfigured = true, notConfiguredSubtitle = NOT_CONFIGURED_SUBTITLE, providers = DEFAULT_PROVIDERS, state, localeText, slots, slotProps, ...props }) {
+	return /* @__PURE__ */ jsx(SignInPage, {
+		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 } : {};
+		}, [loginAction, state]),
+		providers: isConfigured ? providers : [],
+		localeText: isConfigured ? localeText : {
+			signInTitle: "Authentication needs configuration",
+			signInSubtitle: notConfiguredSubtitle,
+			...localeText
+		},
+		slots: {
+			emailField: () => null,
+			rememberMe: () => null,
+			subtitle: () => null,
+			...slots
+		},
+		slotProps: {
+			...slotProps,
+			form: {
+				noValidate: true,
+				...slotProps?.form
+			},
+			passwordField: {
+				autoFocus: true,
+				sx: { [`& .${formLabelClasses.root}`]: { top: "-2px" } },
+				...slotProps?.passwordField
+			},
+			submitButton: {
+				variant: "contained",
+				...slotProps?.submitButton
+			}
+		},
+		...props
+	});
+});
+//#endregion
+export { AdminSignInPage };
+
+//# sourceMappingURL=signInPage.js.map

package/dist/admin/signInPage.js.map

@@ -0,0 +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 { STATE_PARAM } 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\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":";;;;;;;AAsBA,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;CAaC,OACI,oBAAC,YAAD;EACY,QAdD,YACX,OAAO,WAAW,aAAa;GAC3B,IAAI,EAAE,oBAAoB,WAAW,OAAO,EAAE,OAAO,uBAAuB;GAG5E,IAAI,OAAO,SAAS,IAAI,aAAa,KAAK;GAC1C,MAAM,QAAQ,MAAM,YAAY,MAAM,QAAQ;GAC9C,OAAO,QAAQ,EAAE,MAAM,IAAI,CAAC;EAChC,GACA,CAAC,aAAa,KAAK,CAKP;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.map

@@ -1 +1 @@
-{"version":3,"file":"appBarOffset.d.ts","sourceRoot":"","sources":["../src/appBarOffset.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAQ,MAAM,OAAO,CAAC;AACxC,OAAO,EAAkB,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7D,MAAM,MAAM,iBAAiB,GAAG,QAAQ,CAAC;AAEzC,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAE7C,CAAC"}
+{"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"}

package/dist/appBarOffset.js

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

package/dist/appBarOffset.js.map

@@ -1 +1 @@
-{"version":3,"file":"appBarOffset.js","sources":["../src/appBarOffset.tsx"],"sourcesContent":["import React, { FC, memo } from 'react';\nimport { default as Box, BoxProps } 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"],"names":["AppBarOffset"],"mappings":";;;AAKO,MAAM,eAAsC,KAAK,SAASA,cAAa,EAAE,IAAI,GAAG,SAAS;AAC5F,SAAO,oBAAC,OAAK,GAAG,OAAO,IAAI,CAAC,CAAC,EAAE,aAAa,OAAO,SAAS,GAAI,MAAM,QAAQ,EAAE,IAAI,KAAK,CAAC,EAAE,CAAE,GAAG;AACrG,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,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"}

package/dist/formControlFieldset.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { GenericControlProps } from './genericControl';
+import { GenericControlProps } from './genericControl.js';
 export type FormControlFieldsetProps = GenericControlProps;
 export declare const FormControlFieldset: FC<FormControlFieldsetProps>;
 //# 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,EAAE,EAAQ,MAAM,OAAO,CAAC;AACxC,OAAO,EAAkB,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAGvE,MAAM,MAAM,wBAAwB,GAAG,mBAAmB,CAAC;AAE3D,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,wBAAwB,CAmB3D,CAAC"}
+{"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"}

package/dist/formControlFieldset.js

@@ -1,29 +1,20 @@
-import { jsx } from "react/jsx-runtime";
-import { memo } from "react";
 import { GenericControl } from "./genericControl.js";
+import { memo } from "react";
+import { jsx } from "react/jsx-runtime";
 import { inputClasses } from "@mui/material/Input";
-const FormControlFieldset = memo(function FormControlFieldset2({
-  children,
-  sx,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    GenericControl,
-    {
-      ...props,
-      component: "fieldset",
-      sx: {
-        ...sx,
-        [`legend + .${inputClasses.root}`]: {
-          marginTop: 2
-          //FIXME 16px, hardcoded from @mui/material/Input/Input.js @ 59
-        }
-      },
-      children
-    }
-  );
+//#region src/formControlFieldset.tsx
+var FormControlFieldset = memo(function FormControlFieldset({ children, sx, ...props }) {
+	return /* @__PURE__ */ jsx(GenericControl, {
+		...props,
+		component: "fieldset",
+		sx: {
+			...sx,
+			[`legend + .${inputClasses.root}`]: { marginTop: 2 }
+		},
+		children
+	});
 });
-export {
-  FormControlFieldset
-};
-//# sourceMappingURL=formControlFieldset.js.map
+//#endregion
+export { FormControlFieldset };
+
+//# sourceMappingURL=formControlFieldset.js.map

package/dist/formControlFieldset.js.map

@@ -1 +1 @@
-{"version":3,"file":"formControlFieldset.js","sources":["../src/formControlFieldset.tsx"],"sourcesContent":["import React, { FC, memo } from 'react';\nimport { GenericControl, GenericControlProps } from './genericControl';\nimport { inputClasses } from '@mui/material/Input';\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"],"names":["FormControlFieldset"],"mappings":";;;;AAMO,MAAM,sBAAoD,KAAK,SAASA,qBAAoB;AAAA,EAC/F;AAAA,EACA;AAAA,EACA,GAAG;AACP,GAAG;AACC,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ,WAAU;AAAA,MACV,IAAI;AAAA,QACA,GAAG;AAAA,QACH,CAAC,aAAa,aAAa,IAAI,EAAE,GAAG;AAAA,UAChC,WAAW;AAAA;AAAA,QAAA;AAAA,MACf;AAAA,MAGH;AAAA,IAAA;AAAA,EAAA;AAGb,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={{\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"}

package/dist/formControlFieldset.stories.d.ts

@@ -1,5 +1,5 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { GenericControl } from './genericControl';
+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>;

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

@@ -1 +1 @@
-{"version":3,"file":"formControlFieldset.stories.d.ts","sourceRoot":"","sources":["../src/formControlFieldset.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIvD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAMlD,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"}
+{"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.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"formLabelLegend.d.ts","sourceRoot":"","sources":["../src/formLabelLegend.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAQ,MAAM,OAAO,CAAC;AACxC,OAAO,EAAyB,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAElF,MAAM,MAAM,oBAAoB,GAAG,eAAe,CAAC;AAEnD,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAOnD,CAAC"}
+{"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"}

package/dist/formLabelLegend.js

@@ -1,13 +1,16 @@
-import { jsx } from "react/jsx-runtime";
 import { memo } from "react";
+import { jsx } from "react/jsx-runtime";
 import InputLabel from "@mui/material/InputLabel";
-const FormLabelLegend = memo(function FormLabelLegend2({ children, ...props }) {
-  return (
-    // sx={(theme) => theme.typography.caption}
-    /* @__PURE__ */ jsx(InputLabel, { ...props, shrink: true, component: "legend", children })
-  );
+//#region src/formLabelLegend.tsx
+var FormLabelLegend = memo(function FormLabelLegend({ children, ...props }) {
+	return /* @__PURE__ */ jsx(InputLabel, {
+		...props,
+		shrink: true,
+		component: "legend",
+		children
+	});
 });
-export {
-  FormLabelLegend
-};
-//# sourceMappingURL=formLabelLegend.js.map
+//#endregion
+export { FormLabelLegend };
+
+//# sourceMappingURL=formLabelLegend.js.map

package/dist/formLabelLegend.js.map

@@ -1 +1 @@
-{"version":3,"file":"formLabelLegend.js","sources":["../src/formLabelLegend.tsx"],"sourcesContent":["import React, { FC, memo } from 'react';\nimport { default as InputLabel, 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"],"names":["FormLabelLegend"],"mappings":";;;AAKO,MAAM,kBAA4C,KAAK,SAASA,iBAAgB,EAAE,UAAU,GAAG,SAAS;AAC3G;AAAA;AAAA,IAEI,oBAAC,cAAY,GAAG,OAAO,QAAQ,MAAM,WAAW,UAC3C,SAAA,CACL;AAAA;AAER,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,IAAa,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/formLabelLegend.stories.d.ts

@@ -1,5 +1,5 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { FormLabelLegend } from './formLabelLegend';
+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>;

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

@@ -1 +1 @@
-{"version":3,"file":"formLabelLegend.stories.d.ts","sourceRoot":"","sources":["../src/formLabelLegend.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIvD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAKpD,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"}
+{"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.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"genericControl.d.ts","sourceRoot":"","sources":["../src/genericControl.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAQ,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,gBAAgB,EAA0B,MAAM,2BAA2B,CAAC;AAGrF,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","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"}

package/dist/genericControl.js

@@ -1,24 +1,20 @@
-import { jsx } from "react/jsx-runtime";
 import { memo } from "react";
-import FormControl from "@mui/material/FormControl";
+import { jsx } from "react/jsx-runtime";
 import { inputClasses } from "@mui/material/Input";
-const GenericControl = memo(function GenericControl2({ children, sx, ...props }) {
-  return /* @__PURE__ */ jsx(
-    FormControl,
-    {
-      variant: "standard",
-      sx: {
-        ...sx,
-        [`& .${inputClasses.root}`]: {
-          "&:before, &:after": { display: "none" }
-        }
-      },
-      ...props,
-      children
-    }
-  );
+import FormControl from "@mui/material/FormControl";
+//#region src/genericControl.tsx
+var GenericControl = memo(function GenericControl({ children, sx, ...props }) {
+	return /* @__PURE__ */ jsx(FormControl, {
+		variant: "standard",
+		sx: {
+			...sx,
+			[`& .${inputClasses.root}`]: { "&:before, &:after": { display: "none" } }
+		},
+		...props,
+		children
+	});
 });
-export {
-  GenericControl
-};
-//# sourceMappingURL=genericControl.js.map
+//#endregion
+export { GenericControl };
+
+//# sourceMappingURL=genericControl.js.map

package/dist/genericControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"genericControl.js","sources":["../src/genericControl.tsx"],"sourcesContent":["import React, { FC, memo } from 'react';\nimport { FormControlProps, default as FormControl } 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"],"names":["GenericControl"],"mappings":";;;;AAMO,MAAM,iBAA0C,KAAK,SAASA,gBAAe,EAAE,UAAU,IAAI,GAAG,SAAS;AAC5G,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,SAAQ;AAAA,MACR,IAAI;AAAA,QACA,GAAG;AAAA,QACH,CAAC,MAAM,aAAa,IAAI,EAAE,GAAG;AAAA,UACzB,qBAAqB,EAAE,SAAS,OAAA;AAAA,QAAO;AAAA,MAC3C;AAAA,MAEH,GAAG;AAAA,MAEH;AAAA,IAAA;AAAA,EAAA;AAGb,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={{\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"}

package/dist/genericControl.stories.d.ts

@@ -1,5 +1,5 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { GenericControl } from './genericControl';
+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>;

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

@@ -1 +1 @@
-{"version":3,"file":"genericControl.stories.d.ts","sourceRoot":"","sources":["../src/genericControl.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIvD,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"}
+{"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

@@ -1,6 +1,7 @@
-export * from './appBarOffset';
-export * from './formControlFieldset';
-export * from './formLabelLegend';
-export * from './genericControl';
-export * from './readOnly';
+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

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"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"}
+{"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/index.js

@@ -1,13 +1,10 @@
 import { AppBarOffset } from "./appBarOffset.js";
+import { GenericControl } from "./genericControl.js";
 import { FormControlFieldset } from "./formControlFieldset.js";
 import { FormLabelLegend } from "./formLabelLegend.js";
-import { GenericControl } from "./genericControl.js";
 import { ReadOnly } from "./readOnly.js";
-export {
-  AppBarOffset,
-  FormControlFieldset,
-  FormLabelLegend,
-  GenericControl,
-  ReadOnly
-};
-//# sourceMappingURL=index.js.map
+import { AdminAppProvider } from "./admin/appProvider.js";
+import { AdminDashboardLayout } from "./admin/dashboardLayout.js";
+import { AdminSignInPage } from "./admin/signInPage.js";
+import "./admin/index.js";
+export { AdminAppProvider, AdminDashboardLayout, AdminSignInPage, AppBarOffset, FormControlFieldset, FormLabelLegend, GenericControl, ReadOnly };

package/dist/readOnly.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"readOnly.d.ts","sourceRoot":"","sources":["../src/readOnly.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAQ,MAAM,OAAO,CAAC;AACxC,OAAO,EAAoB,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEnE,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","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"}