@questpie/admin 3.0.3 → 3.0.5

package/dist/client/views/layout/admin-layout-provider.mjs

@@ -2,6 +2,7 @@ import { Admin } from "../../builder/admin.mjs";
 import { getAdminLocalesQueryOptions, getAdminTranslationsQueryOptions, getUiLocaleFromCookie } from "../../runtime/translations-provider.mjs";
 import { AdminProvider } from "../../runtime/provider.mjs";
 import { getAdminConfigQueryOptions } from "../../hooks/use-admin-config.mjs";
+import { AdminThemeAppliedContext, useManagedAdminTheme } from "./admin-theme.mjs";
 import { AdminLayout } from "./admin-layout.mjs";
 import { AuthGuard } from "../../components/auth/auth-guard.mjs";
 import { c } from "react/compiler-runtime";
@@ -71,34 +72,27 @@ function isPublicPath(currentPath, basePath, publicPaths) {
 * Handles all the provider setup and renders children inside the layout.
 */
 function AdminLayoutProvider(t0) {
-	const $ = c(38);
+	const $ = c(33);
 	const { admin: adminInput, client, authClient, queryClient, LinkComponent, activeRoute, basePath: t1, header, footer, sidebarProps, theme, setTheme, showThemeToggle, toasterProps, className, enableAuthGuard, publicPaths: t2, requiredRole: t3, authLoadingFallback, authUnauthorizedFallback, useServerTranslations, translationsFallback, initialUiLocale, children } = t0;
 	const basePath = t1 === void 0 ? "/admin" : t1;
 	const publicPaths = t2 === void 0 ? DEFAULT_PUBLIC_PATHS : t2;
 	const requiredRole = t3 === void 0 ? "admin" : t3;
-	let qc;
-	if ($[0] !== client || $[1] !== initialUiLocale || $[2] !== queryClient || $[3] !== useServerTranslations) {
-		qc = queryClient ?? getDefaultQueryClient();
-		if (client?.routes) {
-			qc.prefetchQuery(getAdminConfigQueryOptions(client));
-			if (useServerTranslations) {
-				const locale = initialUiLocale ?? getUiLocaleFromCookie() ?? "en";
-				qc.prefetchQuery(getAdminLocalesQueryOptions(client));
-				qc.prefetchQuery(getAdminTranslationsQueryOptions(client, locale));
-			}
+	const qc = queryClient ?? getDefaultQueryClient();
+	const { theme: managedTheme, setTheme: setManagedTheme } = useManagedAdminTheme(theme, setTheme);
+	if (client?.routes) {
+		qc.prefetchQuery(getAdminConfigQueryOptions(client));
+		if (useServerTranslations) {
+			const locale = initialUiLocale ?? getUiLocaleFromCookie() ?? "en";
+			qc.prefetchQuery(getAdminLocalesQueryOptions(client));
+			qc.prefetchQuery(getAdminTranslationsQueryOptions(client, locale));
 		}
-		$[0] = client;
-		$[1] = initialUiLocale;
-		$[2] = queryClient;
-		$[3] = useServerTranslations;
-		$[4] = qc;
-	} else qc = $[4];
+	}
 	let t4;
-	if ($[5] !== adminInput) {
+	if ($[0] !== adminInput) {
 		t4 = Admin.normalize(adminInput);
-		$[5] = adminInput;
-		$[6] = t4;
-	} else t4 = $[6];
+		$[0] = adminInput;
+		$[1] = t4;
+	} else t4 = $[1];
 	const admin = t4;
 	const shouldUseAuthGuard = enableAuthGuard ?? authClient != null;
 	const isCurrentPathPublic = isPublicPath(activeRoute ?? (typeof window !== "undefined" ? window.location.pathname : void 0), basePath, publicPaths);
@@ -106,7 +100,7 @@ function AdminLayoutProvider(t0) {
 	if (isCurrentPathPublic) innerContent = children;
 	else {
 		let t5$1;
-		if ($[7] !== LinkComponent || $[8] !== activeRoute || $[9] !== basePath || $[10] !== children || $[11] !== className || $[12] !== footer || $[13] !== header || $[14] !== setTheme || $[15] !== showThemeToggle || $[16] !== sidebarProps || $[17] !== theme || $[18] !== toasterProps) {
+		if ($[2] !== LinkComponent || $[3] !== activeRoute || $[4] !== basePath || $[5] !== children || $[6] !== className || $[7] !== footer || $[8] !== header || $[9] !== managedTheme || $[10] !== setManagedTheme || $[11] !== showThemeToggle || $[12] !== sidebarProps || $[13] !== toasterProps) {
 			t5$1 = /* @__PURE__ */ jsx(AdminLayout, {
 				LinkComponent,
 				activeRoute,
@@ -114,30 +108,30 @@ function AdminLayoutProvider(t0) {
 				header,
 				footer,
 				sidebarProps,
-				theme,
-				setTheme,
+				theme: managedTheme,
+				setTheme: setManagedTheme,
 				showThemeToggle,
 				toasterProps,
 				className,
 				children
 			});
-			$[7] = LinkComponent;
-			$[8] = activeRoute;
-			$[9] = basePath;
-			$[10] = children;
-			$[11] = className;
-			$[12] = footer;
-			$[13] = header;
-			$[14] = setTheme;
-			$[15] = showThemeToggle;
-			$[16] = sidebarProps;
-			$[17] = theme;
-			$[18] = toasterProps;
-			$[19] = t5$1;
-		} else t5$1 = $[19];
+			$[2] = LinkComponent;
+			$[3] = activeRoute;
+			$[4] = basePath;
+			$[5] = children;
+			$[6] = className;
+			$[7] = footer;
+			$[8] = header;
+			$[9] = managedTheme;
+			$[10] = setManagedTheme;
+			$[11] = showThemeToggle;
+			$[12] = sidebarProps;
+			$[13] = toasterProps;
+			$[14] = t5$1;
+		} else t5$1 = $[14];
 		const layoutContent = t5$1;
 		let t6$1;
-		if ($[20] !== authLoadingFallback || $[21] !== authUnauthorizedFallback || $[22] !== basePath || $[23] !== layoutContent || $[24] !== requiredRole || $[25] !== shouldUseAuthGuard) {
+		if ($[15] !== authLoadingFallback || $[16] !== authUnauthorizedFallback || $[17] !== basePath || $[18] !== layoutContent || $[19] !== requiredRole || $[20] !== shouldUseAuthGuard) {
 			t6$1 = shouldUseAuthGuard ? /* @__PURE__ */ jsx(AuthGuard, {
 				loginPath: `${basePath}/login`,
 				requiredRole,
@@ -145,47 +139,50 @@ function AdminLayoutProvider(t0) {
 				unauthorizedFallback: authUnauthorizedFallback,
 				children: layoutContent
 			}) : layoutContent;
-			$[20] = authLoadingFallback;
-			$[21] = authUnauthorizedFallback;
-			$[22] = basePath;
-			$[23] = layoutContent;
-			$[24] = requiredRole;
-			$[25] = shouldUseAuthGuard;
-			$[26] = t6$1;
-		} else t6$1 = $[26];
+			$[15] = authLoadingFallback;
+			$[16] = authUnauthorizedFallback;
+			$[17] = basePath;
+			$[18] = layoutContent;
+			$[19] = requiredRole;
+			$[20] = shouldUseAuthGuard;
+			$[21] = t6$1;
+		} else t6$1 = $[21];
 		innerContent = t6$1;
 	}
 	let t5;
-	if ($[27] !== admin || $[28] !== authClient || $[29] !== client || $[30] !== initialUiLocale || $[31] !== innerContent || $[32] !== translationsFallback || $[33] !== useServerTranslations) {
-		t5 = /* @__PURE__ */ jsx(AdminProvider, {
-			admin,
-			client,
-			authClient,
-			useServerTranslations,
-			translationsFallback,
-			initialUiLocale,
-			children: innerContent
+	if ($[22] !== admin || $[23] !== authClient || $[24] !== client || $[25] !== initialUiLocale || $[26] !== innerContent || $[27] !== translationsFallback || $[28] !== useServerTranslations) {
+		t5 = /* @__PURE__ */ jsx(AdminThemeAppliedContext.Provider, {
+			value: true,
+			children: /* @__PURE__ */ jsx(AdminProvider, {
+				admin,
+				client,
+				authClient,
+				useServerTranslations,
+				translationsFallback,
+				initialUiLocale,
+				children: innerContent
+			})
 		});
-		$[27] = admin;
-		$[28] = authClient;
-		$[29] = client;
-		$[30] = initialUiLocale;
-		$[31] = innerContent;
-		$[32] = translationsFallback;
-		$[33] = useServerTranslations;
-		$[34] = t5;
-	} else t5 = $[34];
+		$[22] = admin;
+		$[23] = authClient;
+		$[24] = client;
+		$[25] = initialUiLocale;
+		$[26] = innerContent;
+		$[27] = translationsFallback;
+		$[28] = useServerTranslations;
+		$[29] = t5;
+	} else t5 = $[29];
 	const content = t5;
 	let t6;
-	if ($[35] !== content || $[36] !== qc) {
+	if ($[30] !== content || $[31] !== qc) {
 		t6 = /* @__PURE__ */ jsx(QueryClientProvider, {
 			client: qc,
 			children: content
 		});
-		$[35] = content;
-		$[36] = qc;
-		$[37] = t6;
-	} else t6 = $[37];
+		$[30] = content;
+		$[31] = qc;
+		$[32] = t6;
+	} else t6 = $[32];
 	return t6;
 }
 

package/dist/client/views/layout/admin-layout.d.mts

@@ -1,13 +1,10 @@
 import { AdminToasterProps } from "../../components/ui/sonner.mjs";
 import { AdminSidebarProps } from "./admin-sidebar.mjs";
+import { AdminTheme } from "./admin-theme.mjs";
 import * as React from "react";
 
 //#region src/client/views/layout/admin-layout.d.ts
 
-/**
- * Theme mode for the admin interface
- */
-type AdminTheme = "light" | "dark" | "system";
 /**
  * Layout mode for content area width
  * - default: max-w-5xl centered (settings, narrow forms)
@@ -123,8 +120,8 @@ declare function AdminLayout({
   header,
   footer,
   navigate: navigateProp,
-  theme,
-  setTheme,
+  theme: themeProp,
+  setTheme: setThemeProp,
   showThemeToggle,
   toasterProps,
   layoutMode

package/dist/client/views/layout/admin-layout.mjs

@@ -1,11 +1,12 @@
+import { useSafeI18n } from "../../i18n/hooks.mjs";
 import { cn } from "../../lib/utils.mjs";
 import { useAdminStore } from "../../runtime/provider.mjs";
+import { shouldHandleAdminShortcut } from "../../utils/keyboard-shortcuts.mjs";
 import { SidebarInset, SidebarProvider } from "../../components/ui/sidebar.mjs";
 import { Toaster } from "../../components/ui/sonner.mjs";
-import { BreadcrumbProvider, useCurrentBreadcrumbs } from "../../contexts/breadcrumb-context.mjs";
 import { GlobalSearch } from "../common/global-search.mjs";
 import { AdminSidebar } from "./admin-sidebar.mjs";
-import { AdminTopbar } from "./admin-topbar.mjs";
+import { AdminThemeAppliedContext, useManagedAdminTheme } from "./admin-theme.mjs";
 import { c } from "react/compiler-runtime";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -40,30 +41,6 @@ function useLayoutProps(props) {
 	return t2;
 }
 /**
-* Topbar wrapper that reads breadcrumbs from context
-*/
-function _temp2(s_0) {
-	return s_0.navigate;
-}
-function _temp(s) {
-	return s.brandName;
-}
-const AdminTopbarWithBreadcrumbs = React.memo(function AdminTopbarWithBreadcrumbs$1(props) {
-	const $ = c(3);
-	const breadcrumbs = useCurrentBreadcrumbs();
-	let t0;
-	if ($[0] !== breadcrumbs || $[1] !== props) {
-		t0 = /* @__PURE__ */ jsx(AdminTopbar, {
-			...props,
-			breadcrumbs
-		});
-		$[0] = breadcrumbs;
-		$[1] = props;
-		$[2] = t0;
-	} else t0 = $[2];
-	return t0;
-});
-/**
 * AdminLayout Component
 *
 * When used inside AdminProvider, brandName is automatically
@@ -79,45 +56,62 @@ const AdminTopbarWithBreadcrumbs = React.memo(function AdminTopbarWithBreadcrumb
 * </AdminProvider>
 * ```
 */
+function _temp2(s_0) {
+	return s_0.navigate;
+}
+function _temp(s) {
+	return s.brandName;
+}
 function AdminLayout(t0) {
-	const $ = c(55);
-	const { LinkComponent, activeRoute, basePath: t1, brandName: brandNameProp, sidebarCollapsed: t2, children, className, sidebarProps, header, footer, navigate: navigateProp, theme: t3, setTheme, showThemeToggle, toasterProps, layoutMode: t4 } = t0;
+	const $ = c(59);
+	const { LinkComponent, activeRoute, basePath: t1, brandName: brandNameProp, sidebarCollapsed: t2, children, className, sidebarProps, header, footer, navigate: navigateProp, theme: themeProp, setTheme: setThemeProp, showThemeToggle, toasterProps, layoutMode: t3 } = t0;
 	const basePath = t1 === void 0 ? "/admin" : t1;
 	const sidebarCollapsedProp = t2 === void 0 ? false : t2;
-	const theme = t3 === void 0 ? "system" : t3;
-	const layoutMode = t4 === void 0 ? "wide" : t4;
+	const layoutMode = t3 === void 0 ? "wide" : t3;
+	const { theme, setTheme } = useManagedAdminTheme(themeProp, setThemeProp);
 	const shouldShowHeader = !!header;
 	const shouldShowFooter = !!footer;
-	let t5;
+	let t4;
 	if ($[0] !== brandNameProp || $[1] !== navigateProp) {
-		t5 = {
+		t4 = {
 			brandName: brandNameProp,
 			navigate: navigateProp
 		};
 		$[0] = brandNameProp;
 		$[1] = navigateProp;
-		$[2] = t5;
-	} else t5 = $[2];
-	const { brandName, navigate } = useLayoutProps(t5);
+		$[2] = t4;
+	} else t4 = $[2];
+	const { brandName, navigate } = useLayoutProps(t4);
+	const i18n = useSafeI18n();
+	let t5;
+	if ($[3] !== i18n) {
+		t5 = (key, fallback) => {
+			const message = i18n?.t(key);
+			return message && message !== key ? message : fallback;
+		};
+		$[3] = i18n;
+		$[4] = t5;
+	} else t5 = $[4];
+	const t = t5;
 	const [isSearchOpen, setIsSearchOpen] = React.useState(false);
 	let t6;
-	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
 		t6 = () => setIsSearchOpen(true);
-		$[3] = t6;
-	} else t6 = $[3];
+		$[5] = t6;
+	} else t6 = $[5];
 	const openSearch = t6;
 	let t7;
-	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
 		t7 = () => setIsSearchOpen(false);
-		$[4] = t7;
-	} else t7 = $[4];
+		$[6] = t7;
+	} else t7 = $[6];
 	const closeSearch = t7;
 	let t8;
 	let t9;
-	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
 		t8 = () => {
 			const down = (e) => {
-				if (e.key === "k" && (e.metaKey || e.ctrlKey)) {
+				if (shouldHandleAdminShortcut(e, { key: "k" })) {
 					e.preventDefault();
 					setIsSearchOpen(true);
 				}
@@ -126,96 +120,97 @@ function AdminLayout(t0) {
 			return () => document.removeEventListener("keydown", down);
 		};
 		t9 = [];
-		$[5] = t8;
-		$[6] = t9;
+		$[7] = t8;
+		$[8] = t9;
 	} else {
-		t8 = $[5];
-		t9 = $[6];
+		t8 = $[7];
+		t9 = $[8];
 	}
 	React.useEffect(t8, t9);
 	let t10;
-	if ($[7] !== className) {
-		t10 = cn("qa-admin-layout bg-background min-h-screen", className);
-		$[7] = className;
-		$[8] = t10;
-	} else t10 = $[8];
+	if ($[9] !== className) {
+		t10 = cn("qa-admin-layout bg-sidebar text-foreground min-h-screen", className);
+		$[9] = className;
+		$[10] = t10;
+	} else t10 = $[10];
 	let t11;
-	if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
-		t11 = /* @__PURE__ */ jsx("a", {
+	if ($[11] !== t) {
+		t11 = t("ui.skipToMainContent", "Skip to main content");
+		$[11] = t;
+		$[12] = t11;
+	} else t11 = $[12];
+	let t12;
+	if ($[13] !== t11) {
+		t12 = /* @__PURE__ */ jsx("a", {
 			href: "#main-content",
-			className: "qa-admin-layout__skip-link focus:bg-primary focus:text-primary-foreground sr-only focus:not-sr-only focus:fixed focus:top-2 focus:left-2 focus:z-50 focus:px-4 focus:py-2 focus:text-sm focus:font-medium",
-			children: "Skip to main content"
+			className: "qa-admin-layout__skip-link focus:bg-surface-high focus:text-foreground sr-only focus:not-sr-only focus:fixed focus:top-2 focus:left-2 focus:z-50 focus:rounded-sm focus:px-4 focus:py-2 focus:text-sm focus:font-medium",
+			children: t11
 		});
-		$[9] = t11;
-	} else t11 = $[9];
-	let t12;
-	if ($[10] !== basePath || $[11] !== isSearchOpen || $[12] !== navigate) {
-		t12 = isSearchOpen && /* @__PURE__ */ jsx(GlobalSearch, {
+		$[13] = t11;
+		$[14] = t12;
+	} else t12 = $[14];
+	let t13;
+	if ($[15] !== basePath || $[16] !== isSearchOpen || $[17] !== navigate) {
+		t13 = isSearchOpen && /* @__PURE__ */ jsx(GlobalSearch, {
 			isOpen: isSearchOpen,
 			onClose: closeSearch,
 			navigate,
 			basePath
 		});
-		$[10] = basePath;
-		$[11] = isSearchOpen;
-		$[12] = navigate;
-		$[13] = t12;
-	} else t12 = $[13];
-	const t13 = !sidebarCollapsedProp;
-	let t14;
-	if ($[14] !== LinkComponent || $[15] !== activeRoute || $[16] !== basePath || $[17] !== brandName || $[18] !== sidebarProps) {
-		t14 = /* @__PURE__ */ jsx(AdminSidebar, {
+		$[15] = basePath;
+		$[16] = isSearchOpen;
+		$[17] = navigate;
+		$[18] = t13;
+	} else t13 = $[18];
+	const t14 = !sidebarCollapsedProp;
+	let t15;
+	if ($[19] !== LinkComponent || $[20] !== activeRoute || $[21] !== basePath || $[22] !== brandName || $[23] !== setTheme || $[24] !== showThemeToggle || $[25] !== sidebarProps || $[26] !== theme) {
+		t15 = /* @__PURE__ */ jsx(AdminSidebar, {
 			LinkComponent,
 			activeRoute,
 			basePath,
 			brandName,
-			...sidebarProps
-		});
-		$[14] = LinkComponent;
-		$[15] = activeRoute;
-		$[16] = basePath;
-		$[17] = brandName;
-		$[18] = sidebarProps;
-		$[19] = t14;
-	} else t14 = $[19];
-	let t15;
-	if ($[20] !== setTheme || $[21] !== showThemeToggle || $[22] !== theme) {
-		t15 = /* @__PURE__ */ jsx(AdminTopbarWithBreadcrumbs, {
-			onSearchOpen: openSearch,
 			theme,
 			setTheme,
-			showThemeToggle
+			showThemeToggle,
+			onSearchOpen: openSearch,
+			...sidebarProps
 		});
-		$[20] = setTheme;
-		$[21] = showThemeToggle;
-		$[22] = theme;
-		$[23] = t15;
-	} else t15 = $[23];
+		$[19] = LinkComponent;
+		$[20] = activeRoute;
+		$[21] = basePath;
+		$[22] = brandName;
+		$[23] = setTheme;
+		$[24] = showThemeToggle;
+		$[25] = sidebarProps;
+		$[26] = theme;
+		$[27] = t15;
+	} else t15 = $[27];
 	let t16;
-	if ($[24] !== header || $[25] !== shouldShowHeader) {
+	if ($[28] !== header || $[29] !== shouldShowHeader) {
 		t16 = shouldShowHeader && header && /* @__PURE__ */ jsx("header", {
-			className: "qa-admin-layout__header border-b",
+			className: "qa-admin-layout__header border-border-subtle border-b",
 			children: header
 		});
-		$[24] = header;
-		$[25] = shouldShowHeader;
-		$[26] = t16;
-	} else t16 = $[26];
-	const t17 = layoutMode === "default" && "mx-auto max-w-5xl p-3 md:p-4 lg:p-6";
-	const t18 = layoutMode === "wide" && "p-3 md:p-4 lg:p-6";
-	const t19 = layoutMode === "full" && "p-2 md:p-3";
+		$[28] = header;
+		$[29] = shouldShowHeader;
+		$[30] = t16;
+	} else t16 = $[30];
+	const t17 = layoutMode === "default" && "mx-auto max-w-5xl px-3 pt-1 pb-6 md:px-4 md:pt-2 md:pb-8";
+	const t18 = layoutMode === "wide" && "px-3 pt-1 pb-6 md:px-4 md:pt-2 md:pb-8";
+	const t19 = layoutMode === "full" && "px-2 pt-1 pb-6 md:px-3 md:pb-8";
 	const t20 = layoutMode === "immersive" && "p-0";
 	let t21;
-	if ($[27] !== t17 || $[28] !== t18 || $[29] !== t19 || $[30] !== t20) {
+	if ($[31] !== t17 || $[32] !== t18 || $[33] !== t19 || $[34] !== t20) {
 		t21 = cn("qa-admin-layout__main-content min-w-0", t17, t18, t19, t20);
-		$[27] = t17;
-		$[28] = t18;
-		$[29] = t19;
-		$[30] = t20;
-		$[31] = t21;
-	} else t21 = $[31];
+		$[31] = t17;
+		$[32] = t18;
+		$[33] = t19;
+		$[34] = t20;
+		$[35] = t21;
+	} else t21 = $[35];
 	let t22;
-	if ($[32] !== children || $[33] !== t21) {
+	if ($[36] !== children || $[37] !== t21) {
 		t22 = /* @__PURE__ */ jsx("main", {
 			id: "main-content",
 			className: "qa-admin-layout__main min-w-0 flex-1 overflow-y-auto",
@@ -225,76 +220,78 @@ function AdminLayout(t0) {
 				children
 			})
 		});
-		$[32] = children;
-		$[33] = t21;
-		$[34] = t22;
-	} else t22 = $[34];
+		$[36] = children;
+		$[37] = t21;
+		$[38] = t22;
+	} else t22 = $[38];
 	let t23;
-	if ($[35] !== footer || $[36] !== shouldShowFooter) {
+	if ($[39] !== footer || $[40] !== shouldShowFooter) {
 		t23 = shouldShowFooter && footer && /* @__PURE__ */ jsx("footer", {
-			className: "qa-admin-layout__footer border-t",
+			className: "qa-admin-layout__footer border-border-subtle border-t",
 			children: footer
 		});
-		$[35] = footer;
-		$[36] = shouldShowFooter;
-		$[37] = t23;
-	} else t23 = $[37];
+		$[39] = footer;
+		$[40] = shouldShowFooter;
+		$[41] = t23;
+	} else t23 = $[41];
 	let t24;
-	if ($[38] !== t15 || $[39] !== t16 || $[40] !== t22 || $[41] !== t23) {
+	if ($[42] !== t16 || $[43] !== t22 || $[44] !== t23) {
 		t24 = /* @__PURE__ */ jsxs(SidebarInset, {
-			className: "qa-admin-layout__content flex h-svh flex-col",
+			className: "qa-admin-layout__content bg-background flex h-svh flex-col overflow-hidden md:rounded-tl-2xl",
 			children: [
-				t15,
 				t16,
 				t22,
 				t23
 			]
 		});
-		$[38] = t15;
-		$[39] = t16;
-		$[40] = t22;
-		$[41] = t23;
-		$[42] = t24;
-	} else t24 = $[42];
+		$[42] = t16;
+		$[43] = t22;
+		$[44] = t23;
+		$[45] = t24;
+	} else t24 = $[45];
 	let t25;
-	if ($[43] !== t13 || $[44] !== t14 || $[45] !== t24) {
+	if ($[46] !== t14 || $[47] !== t15 || $[48] !== t24) {
 		t25 = /* @__PURE__ */ jsxs(SidebarProvider, {
-			defaultOpen: t13,
-			className: "qa-admin-layout__sidebar-wrapper border-border mx-auto h-svh max-w-[1920px] overflow-hidden border-x",
-			children: [t14, t24]
+			defaultOpen: t14,
+			className: "qa-admin-layout__sidebar-wrapper bg-sidebar mx-auto h-svh max-w-[1920px] overflow-hidden",
+			children: [t15, t24]
 		});
-		$[43] = t13;
-		$[44] = t14;
-		$[45] = t24;
-		$[46] = t25;
-	} else t25 = $[46];
+		$[46] = t14;
+		$[47] = t15;
+		$[48] = t24;
+		$[49] = t25;
+	} else t25 = $[49];
 	let t26;
-	if ($[47] !== theme || $[48] !== toasterProps) {
+	if ($[50] !== theme || $[51] !== toasterProps) {
 		t26 = /* @__PURE__ */ jsx(Toaster, {
 			theme,
 			...toasterProps
 		});
-		$[47] = theme;
-		$[48] = toasterProps;
-		$[49] = t26;
-	} else t26 = $[49];
+		$[50] = theme;
+		$[51] = toasterProps;
+		$[52] = t26;
+	} else t26 = $[52];
 	let t27;
-	if ($[50] !== t10 || $[51] !== t12 || $[52] !== t25 || $[53] !== t26) {
-		t27 = /* @__PURE__ */ jsx(BreadcrumbProvider, { children: /* @__PURE__ */ jsxs("div", {
-			className: t10,
-			children: [
-				t11,
-				t12,
-				t25,
-				t26
-			]
-		}) });
-		$[50] = t10;
-		$[51] = t12;
-		$[52] = t25;
-		$[53] = t26;
-		$[54] = t27;
-	} else t27 = $[54];
+	if ($[53] !== t10 || $[54] !== t12 || $[55] !== t13 || $[56] !== t25 || $[57] !== t26) {
+		t27 = /* @__PURE__ */ jsx(AdminThemeAppliedContext.Provider, {
+			value: true,
+			children: /* @__PURE__ */ jsxs("div", {
+				className: t10,
+				children: [
+					t12,
+					t13,
+					t25,
+					t26
+				]
+			})
+		});
+		$[53] = t10;
+		$[54] = t12;
+		$[55] = t13;
+		$[56] = t25;
+		$[57] = t26;
+		$[58] = t27;
+	} else t27 = $[58];
 	return t27;
 }