@rebasepro/cms 0.19.1 → 0.19.2-canary.g09316f6

package/dist/index.js

@@ -1,7 +1,7 @@
-import { $n as getEntityTitlePropertyKeyForEntity, $t as getCollectionBySlugWithin, A as getFieldId, An as NumberPropertyPreview, At as convertDataToEntity, B as MapFieldBinding, Bn as RelationPreview, Bt as detectCsvDelimiter, C as EntityFormBinding, Cn as ReadOnlyFieldBinding, Cr as getIconForProperty, Ct as EntityCardBinding, D as getDefaultFieldConfig, Dn as ArrayOfMapsPreview, Dr as getResolvedPropertyInPath, Dt as useCollectionEditorDialogsState, E as DEFAULT_FIELD_CONFIGS, En as FieldHelperText, Er as getPropertyInPath, Et as ConfigControllerProvider, F as SelectFieldBinding, Fn as ArrayOneOfPreview, Ft as ImportSaveInProgress, G as useSelectionDialog, Gn as SidePanelControllerContext, Gt as SearchIconsView, H as DateTimeFieldBinding, Hn as InlineEntityListPreview, Ht as parseCsvToObjects, I as RepeatFieldBinding, In as ArrayOfStringsPreview, It as IMPORT_BATCH_SIZE, J as useBuildUrlController, Jn as useCollectionRegistryController, Jt as BreadcrumbsProvider, K as SelectionTableBinding, Kn as useSidePanel, Kt as FieldCaption, L as ReferenceFieldBinding, Ln as ArrayPropertyEnumPreview, Lt as saveImportedEntities, M as TextFieldBinding, Mn as DatePreview, Mt as processValueMapping, N as SwitchFieldBinding, Nn as KeyValuePreview, Nt as getInferenceType, O as getDefaultFieldId, On as PropertyPreview, Or as isReferenceProperty, Ot as ImportNewPropertyFieldPreview, P as StorageUploadFieldBinding, Pn as MapPropertyPreview, Pt as useImportConfig, Q as useResolvedCollections, Qn as getEntityTitlePropertyKey, Qt as addInitialSlash, R as MultiSelectFieldBinding, Rn as ArrayEnumPreview, Rt as ImportFileUpload, S as isSchemaChangeCancelled, Sn as useClearRestoreValue, Sr as getDefaultPropertiesOrder, St as CollectionCardViewBinding, T as PropertyFieldBinding, Tn as LabelWithIcon, Tr as getPropertiesWithPropertiesOrder, Tt as useCollectionEditorController, U as BlockFieldBinding, Un as ReferencePreview, Ut as ArrayContainer, V as KeyValueFieldBinding, Vn as ArrayOfReferencesPreview, Vt as parseCsvRows, W as ArrayOfReferencesFieldBinding, Wn as EntityPreviewBinding, Wt as PropertyConfigBadge, X as useTopLevelNavigation, Xn as useResolvedUser, Xt as resolveEntityView, Y as useBuildNavigationStateController, Yn as getUserLabel, Yt as resolveEntityAction, Z as useResolvedViews, Zn as getEntityPreviewKeys, Zt as mergeEntityActions, _ as useCollectionsConfigController, _n as useNavigationStateController, _r as LABEL_ICON_SIZE, _t as editEntityAction, a as namespaceToPropertiesPath, an as resolveCollectionPathIds, ar as SkeletonPropertyComponent, at as getEntityViewWidth, b as asUnavailable, bn as SelectableTableContext, br as PropertyIdCopyTooltip, bt as DetailViewBinding, c as buildCollectionGenerationCallback, cn as useSelectionController, cr as renderSkeletonImageThumbnail, d as fromSerializableCollectionConfigs, dn as SelectableTable, dr as ImagePreview, dt as getInitialEntityValues, en as getCollectionPathsCombinations, er as ArrayPropertyPreview, et as useBuildCollectionRegistryController, f as fromSerializableProperties, fn as CollectionRowActions, fr as EmptyValue, ft as removeEmptyContainers, g as toSerializableProperty, gn as NavigationStateContext, gr as FieldBlock, gt as deleteEntityAction, h as toSerializableProperties, hn as useUrlController, hr as RecordMeta, ht as copyEntityAction, i as namespaceToPropertiesOrderPath, in as removeTrailingSlash, ir as StorageThumbnailInternal, it as buildSidePanelsFromUrl, j as VectorFieldBinding, jn as BooleanPreview, jt as flattenEntry, k as getFieldConfig, kn as UserPreview, kr as isRelationProperty, kt as DataNewPropertiesMapping, l as validateCollectionJson, ln as VirtualTableInput, lr as renderSkeletonText, lt as extractTouchedValues, m as toSerializableCollectionConfig, mn as UrlContext, mr as FormRail, mt as CollectionViewBinding, n as getFullIdPath, nn as removeInitialAndTrailingSlashes, nr as EnumValuesChip, nt as resolveNavigationFrom, o as CollectionGenerationApiError, on as resolveOpenEntityMode, or as renderSkeletonCaptionText, ot as useBuildSidePanel, p as fromSerializableProperty, pn as useAdminContext, pr as FormSections, pt as zodToFormErrors, q as SideDialogs, qn as CollectionRegistryContext, qt as useBreadcrumbsController, r as idToPropertiesPath, rn as removeInitialSlash, rr as StorageThumbnail, rt as useResolvedNavigationFrom, s as DEFAULT_COLLECTION_GENERATION_ENDPOINT, sn as resolveViewMode, sr as renderSkeletonIcon, st as EditViewBinding, t as getFullId, tn as getLastSegment, tr as StringPropertyPreview, tt as useHistory, u as fromSerializableCollectionConfig, un as CollectionTableBinding, ur as UrlComponentPreview, ut as getChanges, v as LiveSchemaError, vn as useSideDialogsController, vr as isSelfLabellingProperty, vt as resetPasswordAction, w as EntityForm, wn as LabelWithIconAndTooltip, wr as getIconForWidget, wt as CollectionViewActions, x as createLiveSchemaClient, xn as ArrayCustomShapedFieldBinding, xr as getBracketNotation, xt as EntityViewBinding, y as SchemaChangeCancelled, yn as SideDialogsControllerContext, yr as spanClass, yt as CreationResultDialog, z as MarkdownEditorFieldBinding, zn as ArrayOfStorageComponentsPreview, zt as convertFileToJson } from "./util-DE1WQW6h.js";
-import { r as sanitizeUrl } from "./util-CfLFggP7.js";
-import { i as PropertySelectEntry, n as ImportCollectionAction, r as ImportDataPreview } from "./import-DTkXNoBg.js";
-import { a as MAX_EXPORT_ROWS, c as downloadDataAsCsv, d as escapeCsvFormula, f as getEntityCSVExportableData, i as EXPORT_PAGE_SIZE, l as downloadEntitiesExport, n as ExportCollectionAction, o as fetchAllEntitiesForExport, p as getEntityJsonExportableData, r as BasicExportAction, s as downloadBlob, u as entryToCSVRow } from "./export--arni_VY.js";
+import { $n as getEntityTitlePropertyKeyForEntity, $t as getCollectionBySlugWithin, A as getFieldId, An as NumberPropertyPreview, At as convertDataToEntity, B as MapFieldBinding, Bn as RelationPreview, Bt as detectCsvDelimiter, C as EntityFormBinding, Cn as ReadOnlyFieldBinding, Cr as getIconForProperty, Ct as EntityCardBinding, D as getDefaultFieldConfig, Dn as ArrayOfMapsPreview, Dr as getResolvedPropertyInPath, Dt as useCollectionEditorDialogsState, E as DEFAULT_FIELD_CONFIGS, En as FieldHelperText, Er as getPropertyInPath, Et as ConfigControllerProvider, F as SelectFieldBinding, Fn as ArrayOneOfPreview, Ft as ImportSaveInProgress, G as useSelectionDialog, Gn as SidePanelControllerContext, Gt as SearchIconsView, H as DateTimeFieldBinding, Hn as InlineEntityListPreview, Ht as parseCsvToObjects, I as RepeatFieldBinding, In as ArrayOfStringsPreview, It as IMPORT_BATCH_SIZE, J as useBuildUrlController, Jn as useCollectionRegistryController, Jt as BreadcrumbsProvider, K as SelectionTableBinding, Kn as useSidePanel, Kt as FieldCaption, L as ReferenceFieldBinding, Ln as ArrayPropertyEnumPreview, Lt as saveImportedEntities, M as TextFieldBinding, Mn as DatePreview, Mt as processValueMapping, N as SwitchFieldBinding, Nn as KeyValuePreview, Nt as getInferenceType, O as getDefaultFieldId, On as PropertyPreview, Or as isReferenceProperty, Ot as ImportNewPropertyFieldPreview, P as StorageUploadFieldBinding, Pn as MapPropertyPreview, Pt as useImportConfig, Q as useResolvedCollections, Qn as getEntityTitlePropertyKey, Qt as addInitialSlash, R as MultiSelectFieldBinding, Rn as ArrayEnumPreview, Rt as ImportFileUpload, S as isSchemaChangeCancelled, Sn as useClearRestoreValue, Sr as getDefaultPropertiesOrder, St as CollectionCardViewBinding, T as PropertyFieldBinding, Tn as LabelWithIcon, Tr as getPropertiesWithPropertiesOrder, Tt as useCollectionEditorController, U as BlockFieldBinding, Un as ReferencePreview, Ut as ArrayContainer, V as KeyValueFieldBinding, Vn as ArrayOfReferencesPreview, Vt as parseCsvRows, W as ArrayOfReferencesFieldBinding, Wn as EntityPreviewBinding, Wt as PropertyConfigBadge, X as useTopLevelNavigation, Xn as useResolvedUser, Xt as resolveEntityView, Y as useBuildNavigationStateController, Yn as getUserLabel, Yt as resolveEntityAction, Z as useResolvedViews, Zn as getEntityPreviewKeys, Zt as mergeEntityActions, _ as useCollectionsConfigController, _n as useNavigationStateController, _r as LABEL_ICON_SIZE, _t as editEntityAction, a as namespaceToPropertiesPath, an as resolveCollectionPathIds, ar as SkeletonPropertyComponent, at as getEntityViewWidth, b as asUnavailable, bn as SelectableTableContext, br as PropertyIdCopyTooltip, bt as DetailViewBinding, c as buildCollectionGenerationCallback, cn as useSelectionController, cr as renderSkeletonImageThumbnail, d as fromSerializableCollectionConfigs, dn as SelectableTable, dr as ImagePreview, dt as getInitialEntityValues, en as getCollectionPathsCombinations, er as ArrayPropertyPreview, et as useBuildCollectionRegistryController, f as fromSerializableProperties, fn as CollectionRowActions, fr as EmptyValue, ft as removeEmptyContainers, g as toSerializableProperty, gn as NavigationStateContext, gr as FieldBlock, gt as deleteEntityAction, h as toSerializableProperties, hn as useUrlController, hr as RecordMeta, ht as copyEntityAction, i as namespaceToPropertiesOrderPath, in as removeTrailingSlash, ir as StorageThumbnailInternal, it as buildSidePanelsFromUrl, j as VectorFieldBinding, jn as BooleanPreview, jt as flattenEntry, k as getFieldConfig, kn as UserPreview, kr as isRelationProperty, kt as DataNewPropertiesMapping, l as validateCollectionJson, ln as VirtualTableInput, lr as renderSkeletonText, lt as extractTouchedValues, m as toSerializableCollectionConfig, mn as UrlContext, mr as FormRail, mt as CollectionViewBinding, n as getFullIdPath, nn as removeInitialAndTrailingSlashes, nr as EnumValuesChip, nt as resolveNavigationFrom, o as CollectionGenerationApiError, on as resolveOpenEntityMode, or as renderSkeletonCaptionText, ot as useBuildSidePanel, p as fromSerializableProperty, pn as useAdminContext, pr as FormSections, pt as zodToFormErrors, q as SideDialogs, qn as CollectionRegistryContext, qt as useBreadcrumbsController, r as idToPropertiesPath, rn as removeInitialSlash, rr as StorageThumbnail, rt as useResolvedNavigationFrom, s as DEFAULT_COLLECTION_GENERATION_ENDPOINT, sn as resolveViewMode, sr as renderSkeletonIcon, st as EditViewBinding, t as getFullId, tn as getLastSegment, tr as StringPropertyPreview, tt as useHistory, u as fromSerializableCollectionConfig, un as CollectionTableBinding, ur as UrlComponentPreview, ut as getChanges, v as LiveSchemaError, vn as useSideDialogsController, vr as isSelfLabellingProperty, vt as resetPasswordAction, w as EntityForm, wn as LabelWithIconAndTooltip, wr as getIconForWidget, wt as CollectionViewActions, x as createLiveSchemaClient, xn as ArrayCustomShapedFieldBinding, xr as getBracketNotation, xt as EntityViewBinding, y as SchemaChangeCancelled, yn as SideDialogsControllerContext, yr as spanClass, yt as CreationResultDialog, z as MarkdownEditorFieldBinding, zn as ArrayOfStorageComponentsPreview, zt as convertFileToJson } from "./util-4oPxPkbp.js";
+import { r as sanitizeUrl } from "./util-DB31IoJE.js";
+import { i as PropertySelectEntry, n as ImportCollectionAction, r as ImportDataPreview } from "./import-C4VQ0rwO.js";
+import { a as MAX_EXPORT_ROWS, c as downloadDataAsCsv, d as escapeCsvFormula, f as getEntityCSVExportableData, i as EXPORT_PAGE_SIZE, l as downloadEntitiesExport, n as ExportCollectionAction, o as fetchAllEntitiesForExport, p as getEntityJsonExportableData, r as BasicExportAction, s as downloadBlob, u as entryToCSVRow } from "./export-DJoGYb89.js";
 import React, { Suspense, useCallback, useContext, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { deepEqual } from "fast-equals";
 import { Avatar, Button, Card, CenteredView, ChevronDownIcon, ChevronsLeftIcon, ChevronsRightIcon, Chip, CircularProgressCenter, Collapse, Container, Dialog, DialogActions, DialogContent, DialogTitle, ErrorBoundary, ExpandablePanel, IconButton, LogOutIcon, Markdown, Menu, MenuIcon, MenuItem, MoonIcon, PencilIcon, SearchBar, SettingsIcon, Sheet, Skeleton, StarIcon, SunIcon, SunMoonIcon, TextField, Tooltip, Typography, cls, defaultBorderMixin, iconSize, lazyChunk } from "@rebasepro/ui";
@@ -628,7 +628,7 @@ var DefaultAppBar = function DefaultAppBar({ title, endAdornment, startAdornment
 	return /* @__PURE__ */ jsxs("div", {
 		style,
 		role: "banner",
-		className: cls("w-full h-14 transition-all ease-in duration-75 absolute top-0 max-w-full overflow-x-auto no-scrollbar", "flex flex-row gap-2 px-4 items-center", "backdrop-blur-sm bg-surface-50/95 dark:bg-surface-900/80", {
+		className: cls("w-full h-14 transition-all ease-in duration-75 absolute top-0 max-w-full overflow-x-auto no-scrollbar", "flex flex-row gap-2 px-4 items-center", "backdrop-blur-sm bg-surface-frame/90", {
 			"pl-[19rem]": drawerOpen && largeLayout,
 			"pl-24": hasDrawer && !(drawerOpen && largeLayout),
 			"z-10": largeLayout,
@@ -784,7 +784,7 @@ function DrawerNavigationItem({ name, icon, drawerOpen, url, onClick, indented =
 			width: "100%",
 			transition: drawerOpen ? "width 150ms ease-in" : void 0
 		},
-		className: ({ isActive }) => cls("rounded-lg truncate group/nav", "hover:bg-primary/5 dark:hover:bg-primary/5 text-surface-700 dark:text-surface-300 hover:text-surface-900 dark:hover:text-white", "flex flex-row items-center", drawerOpen ? "pr-4 h-[30px]" : "h-[30px]", "font-medium text-[13px]", isActive ? "bg-primary/8 dark:bg-primary/10 text-primary dark:text-primary [&_div]:text-primary" : ""),
+		className: ({ isActive }) => cls("rounded-lg truncate group/nav", "hover:bg-surface-hover text-surface-700 dark:text-surface-300 hover:text-surface-900 dark:hover:text-white", "flex flex-row items-center", drawerOpen ? "pr-4 h-[30px]" : "h-[30px]", "font-medium text-[13px]", isActive ? "bg-primary/8 dark:bg-primary/10 text-primary dark:text-primary [&_div]:text-primary" : ""),
 		to: url,
 		children: [iconWrap, /* @__PURE__ */ jsx("div", {
 			className: cls("text-text-primary dark:text-surface-200", drawerOpen ? "opacity-100" : "opacity-0 hidden", "font-inherit truncate space-x-2"),
@@ -812,7 +812,7 @@ function DrawerNavigationGroup({ group, entries, collapsed, onToggleCollapsed, d
 	return /* @__PURE__ */ jsxs("div", {
 		className: "my-2 mx-2 flex flex-col",
 		children: [!hideHeader && /* @__PURE__ */ jsxs("div", {
-			className: cls("pl-3 pr-2 py-0.5 flex flex-row items-center transition-colors", drawerOpen ? "cursor-pointer hover:bg-surface-100 dark:hover:bg-surface-800/40 rounded-lg" : "opacity-0 invisible pointer-events-none"),
+			className: cls("pl-3 pr-2 py-0.5 flex flex-row items-center transition-colors", drawerOpen ? "cursor-pointer hover:bg-surface-hover rounded-lg" : "opacity-0 invisible pointer-events-none"),
 			onClick: drawerOpen ? onToggleCollapsed : void 0,
 			children: [
 				/* @__PURE__ */ jsx(ChevronDownIcon, {
@@ -1031,7 +1031,7 @@ function DrawerToggle({ drawerOpen, drawerHovered, openDrawer, closeDrawer }) {
 			asChild: true,
 			children: /* @__PURE__ */ jsxs("button", {
 				type: "button",
-				className: cls("flex flex-row items-center rounded-lg cursor-pointer w-full", "hover:bg-surface-accent-100 dark:hover:bg-surface-800", "transition-colors duration-150", "py-2"),
+				className: cls("flex flex-row items-center rounded-lg cursor-pointer w-full", "hover:bg-surface-hover", "transition-colors duration-150", "py-2"),
 				"aria-expanded": isExpanded,
 				"aria-label": isExpanded ? t("collapse") : t("expand"),
 				onClick: () => isExpanded ? closeDrawer() : openDrawer(),
@@ -1063,14 +1063,14 @@ function DrawerModeSwitch({ drawerOpen, drawerHovered }) {
 		children: /* @__PURE__ */ jsxs("div", {
 			role: "group",
 			"aria-label": "Panel mode",
-			className: "flex bg-surface-100 dark:bg-surface-900 rounded-lg p-0.5 border border-surface-200 dark:border-surface-700/60",
+			className: "flex bg-surface-field rounded-lg p-0.5",
 			children: [/* @__PURE__ */ jsx("button", {
 				onClick: () => {
 					adminModeController.setMode("cms");
 					navigate(urlController.basePath ?? "/");
 				},
 				"aria-pressed": adminModeController.mode === "cms",
-				className: cls("flex-1 px-3 py-0.5 text-xs font-semibold rounded-md transition-all text-center", adminModeController.mode === "cms" ? "bg-white dark:bg-surface-800 shadow-sm text-primary dark:text-primary-400" : "text-surface-500 hover:text-surface-900 dark:hover:text-white"),
+				className: cls("flex-1 px-3 py-0.5 text-xs font-medium rounded-md transition-all text-center", adminModeController.mode === "cms" ? "bg-surface-lifted shadow-sm text-text-primary dark:text-text-primary-dark" : "text-surface-500 hover:text-surface-900 dark:hover:text-white"),
 				children: "CMS"
 			}), /* @__PURE__ */ jsx("button", {
 				onClick: () => {
@@ -1078,7 +1078,7 @@ function DrawerModeSwitch({ drawerOpen, drawerHovered }) {
 					navigate(urlController.basePath === "/" ? "/s" : `${urlController.basePath ?? ""}/s`);
 				},
 				"aria-pressed": adminModeController.mode === "studio",
-				className: cls("flex-1 px-3 py-0.5 text-xs font-semibold rounded-md transition-all text-center", adminModeController.mode === "studio" ? "bg-white dark:bg-surface-800 shadow-sm text-primary dark:text-primary-400" : "text-surface-500 hover:text-surface-900 dark:hover:text-white"),
+				className: cls("flex-1 px-3 py-0.5 text-xs font-medium rounded-md transition-all text-center", adminModeController.mode === "studio" ? "bg-surface-lifted shadow-sm text-text-primary dark:text-text-primary-dark" : "text-surface-500 hover:text-surface-900 dark:hover:text-white"),
 				children: "Studio"
 			})]
 		})
@@ -1116,7 +1116,7 @@ function DrawerFooterActions({ drawerOpen, drawerHovered, dropDownActions, user:
 			className: "flex items-center px-[16px] py-1",
 			children: [/* @__PURE__ */ jsxs(Menu, {
 				trigger: /* @__PURE__ */ jsx("div", {
-					className: cls("shrink-0 flex items-center justify-center w-[44px] cursor-pointer", "rounded-md py-1", "hover:bg-surface-accent-100 dark:hover:bg-surface-800", "transition-colors duration-150"),
+					className: cls("shrink-0 flex items-center justify-center w-[44px] cursor-pointer", "rounded-md py-1", "hover:bg-surface-hover", "transition-colors duration-150"),
 					role: "button",
 					tabIndex: 0,
 					"aria-label": t("user_menu", { defaultValue: "User menu" }),
@@ -1317,7 +1317,6 @@ var Scaffold = React.memo(function Scaffold(props) {
 	}, [setDrawerOpen]);
 	const computedDrawerOpen = drawerOpen;
 	const computedDrawerHovered = Boolean(largeLayout && onHover);
-	const isStudioDark = useAdminModeController().mode === "studio";
 	const hasAppBar = Boolean(appBarChildren.length > 0);
 	const appContextValue = useMemo(() => ({
 		hasDrawer: Boolean(includeDrawer),
@@ -1339,7 +1338,7 @@ var Scaffold = React.memo(function Scaffold(props) {
 	return /* @__PURE__ */ jsx(AppContext.Provider, {
 		value: appContextValue,
 		children: /* @__PURE__ */ jsxs("div", {
-			className: cls("flex h-screen w-screen overflow-hidden", "bg-surface-50 dark:bg-surface-900", "text-surface-900 dark:text-white", className),
+			className: cls("flex h-screen w-screen overflow-hidden", "bg-surface-frame", "text-surface-900 dark:text-white", className),
 			style: {
 				paddingTop: "env(safe-area-inset-top)",
 				paddingLeft: "env(safe-area-inset-left)",
@@ -1357,18 +1356,16 @@ var Scaffold = React.memo(function Scaffold(props) {
 					onMouseLeave: setOnHoverFalse,
 					open: drawerOpen,
 					hovered: onHover,
-					isStudioDark,
 					setDrawerOpen,
 					children: includeDrawer && drawerChildren
 				}),
 				/* @__PURE__ */ jsxs("main", {
 					className: "flex flex-col grow overflow-auto",
 					children: [hasAppBar && /* @__PURE__ */ jsx(DrawerHeader, {}), /* @__PURE__ */ jsx("div", {
-						className: cls(defaultBorderMixin, "bg-surface-50 dark:bg-surface-800", "grow overflow-auto m-0", {
-							"mt-1 lg:m-0 lg:mx-2 lg:mb-2 lg:rounded-lg lg:border-t lg:border-x lg:border-solid": padding,
+						className: cls("bg-surface-sheet", "grow overflow-auto m-0", "lg:border lg:border-hairline", {
+							"mt-1 lg:m-0 lg:mx-2 lg:mb-2 lg:rounded-xl": padding,
 							"lg:mt-2": !hasAppBar && padding,
-							"lg:mt-4": !hasAppBar && !padding,
-							"border-t": hasAppBar && !padding
+							"lg:mt-4": !hasAppBar && !padding
 						}),
 						children: /* @__PURE__ */ jsx(ErrorBoundary, { children: otherChildren })
 					})]
@@ -1384,11 +1381,9 @@ function DrawerWrapper(props) {
 	const layoutWidth = !props.displayed ? 0 : props.open ? 280 : 72;
 	const visualWidth = !props.displayed ? 0 : props.open || props.hovered ? 280 : 72;
 	const isFloating = props.hovered && !props.open;
-	const darkBg = "dark:bg-surface-900";
-	const darkBgFloating = "dark:bg-surface-900";
 	const { t } = useTranslation();
 	const innerDrawer = /* @__PURE__ */ jsx("div", {
-		className: cls("h-full overflow-hidden", defaultBorderMixin, isFloating ? `absolute top-0 left-0 bottom-0 z-50 bg-surface-50 ${darkBgFloating} shadow-lg border-r` : `relative bg-surface-50 ${darkBg}`),
+		className: cls("h-full overflow-hidden bg-surface-frame", defaultBorderMixin, isFloating ? "absolute top-0 left-0 bottom-0 z-50 shadow-lg border-r" : "relative"),
 		style: {
 			width: visualWidth,
 			transition: "left 75ms cubic-bezier(0.4, 0, 0.6, 1) 0ms, opacity 75ms cubic-bezier(0.4, 0, 0.6, 1) 0ms, width 75ms cubic-bezier(0.4, 0, 0.6, 1) 0ms"
@@ -1412,7 +1407,7 @@ function DrawerWrapper(props) {
 			open: props.open,
 			onOpenChange: props.setDrawerOpen,
 			title: t("navigation_drawer"),
-			overlayClassName: "bg-white/80 dark:bg-surface-900/80",
+			overlayClassName: "bg-surface-scrim",
 			children: innerDrawer
 		})] });
 	}
@@ -1521,7 +1516,7 @@ function RebaseAuthGate({ children }) {
 * a browser downloads before the login screen paints. It cost 14 kB there, for
 * a dialog most sessions never open. The bundle budget caught it.
 */
-var SchemaChangeDialog = lazyChunk(() => import("./SchemaChangeDialog-CkqK6KOC.js").then((n) => n.n).then((m) => ({ default: m.SchemaChangeDialog })));
+var SchemaChangeDialog = lazyChunk(() => import("./SchemaChangeDialog-BeP0A4MJ.js").then((n) => n.n).then((m) => ({ default: m.SchemaChangeDialog })));
 function useLiveSchemaEditing(options) {
 	const { baseUrl, authKey, writeSourceOnly } = options;
 	const optionsRef = useRef(options);
@@ -1901,7 +1896,7 @@ function useLocalCollectionsConfigController(clientOrUrl, baseCollections = [],
 //#region src/components/RebaseNavigation.tsx
 var EMPTY_PLUGINS = [];
 var EMPTY_COLLECTIONS = [];
-var CollectionsStudioView = lazyChunk(() => import("./RouterCollectionsStudioView-BtjzvB6E.js").then((n) => n.n).then((m) => ({ default: m.RouterCollectionsStudioView })));
+var CollectionsStudioView = lazyChunk(() => import("./RouterCollectionsStudioView-DwsbIAqr.js").then((n) => n.n).then((m) => ({ default: m.RouterCollectionsStudioView })));
 /**
 * Navigation layer — builds and provides all admin navigation controllers:
 * collection registry, URL controller, navigation state, side entity,
@@ -2199,7 +2194,7 @@ function NavigationGroup({ children, group, minimised, isPreview, isPotentialCar
 			variant: isPreview ? "body2" : "caption",
 			component: "h2",
 			color: "secondary",
-			className: cls("px-4 py-1 rounded", "font-medium text-[10px] uppercase tracking-[0.08em] text-primary/50 dark:text-primary/70"),
+			className: cls("px-4 py-1 rounded", "font-medium text-[10px] uppercase tracking-[0.08em] text-surface-400 dark:text-surface-400"),
 			children: currentGroupLabel
 		}), !isPreview && onEditGroup && !dndDisabled && /* @__PURE__ */ jsx(IconButton, {
 			size: "smallest",
@@ -2227,7 +2222,7 @@ function NavigationGroup({ children, group, minimised, isPreview, isPotentialCar
 					if (open !== !collapsed) onToggleCollapsed?.();
 				},
 				className: cls("mt-6"),
-				titleClassName: cls("min-h-0 p-0 border-none", "rounded flex items-center justify-between w-full", "hover:bg-transparent", "cursor-pointer select-none", collapsed && "bg-surface-100 dark:bg-surface-900/50"),
+				titleClassName: cls("min-h-0 p-0 border-none", "rounded flex items-center justify-between w-full", "hover:bg-transparent", "cursor-pointer select-none", collapsed && "bg-surface-field"),
 				innerClassName: cls("mt-4", !minimised ? "pt-0" : ""),
 				title: /* @__PURE__ */ jsx("div", {
 					onMouseEnter: () => setIsHovered(true),
@@ -2236,7 +2231,7 @@ function NavigationGroup({ children, group, minimised, isPreview, isPotentialCar
 					children: TitleContent
 				}),
 				children: minimised ? /* @__PURE__ */ jsx("div", {
-					className: cls("mt-4 p-8 bg-surface-accent-200 dark:bg-surface-accent-800 rounded-lg"),
+					className: cls("mt-4 p-8 bg-surface-raised rounded-lg"),
 					style: { minHeight: "50px" }
 				}) : /* @__PURE__ */ jsx("div", {
 					className: cls("mt-4", !minimised ? "pt-0" : ""),
@@ -2249,7 +2244,7 @@ function NavigationGroup({ children, group, minimised, isPreview, isPotentialCar
 				onMouseLeave: () => setIsHovered(false),
 				children: TitleContent
 			}), !collapsed && (minimised ? /* @__PURE__ */ jsx("div", {
-				className: cls("mt-4 p-8 bg-surface-accent-200 dark:bg-surface-accent-800 rounded-lg"),
+				className: cls("mt-4 p-8 bg-surface-raised rounded-lg"),
 				style: { minHeight: "50px" }
 			}) : /* @__PURE__ */ jsx("div", {
 				className: cls("mt-4", !minimised ? "pt-0" : ""),
@@ -2262,7 +2257,7 @@ function NavigationGroup({ children, group, minimised, isPreview, isPotentialCar
 //#region src/components/HomePage/NavigationCard.tsx
 var NavigationCard = React.memo(function NavigationCard({ name, description, icon, actions, additionalContent, onClick, shrink }) {
 	return /* @__PURE__ */ jsx(Card, {
-		className: cls("group h-full p-4 cursor-pointer transition-colors duration-150 ease-in-out", "hover:bg-primary/5 dark:hover:bg-primary/5", shrink && "w-full max-w-full min-h-0 scale-75"),
+		className: cls("group h-full p-4 cursor-pointer transition-colors duration-150 ease-in-out", shrink && "w-full max-w-full min-h-0 scale-75"),
 		onClick: () => {
 			onClick?.();
 		},
@@ -2440,7 +2435,7 @@ function NavigationGroupDroppable({ id, itemIds, children, isPotentialCardDropTa
 	const { setNodeRef } = useDroppable({ id });
 	return /* @__PURE__ */ jsx("div", {
 		ref: setNodeRef,
-		className: cls(isPotentialCardDropTarget ? "p-2 bg-surface-accent-200 dark:bg-surface-accent-800 rounded-lg" : void 0, "transition-all duration-200 ease-in-out"),
+		className: cls(isPotentialCardDropTarget ? "p-2 bg-surface-raised rounded-lg" : void 0, "transition-all duration-200 ease-in-out"),
 		children: /* @__PURE__ */ jsx(SortableContext, {
 			items: itemIds,
 			strategy: rectSortingStrategy,
@@ -2785,7 +2780,7 @@ function NewGroupDropZone({ disabled, setIsHovering }) {
 	if (!isVisible || disabled) return null;
 	return /* @__PURE__ */ jsx("div", {
 		ref: setNodeRef,
-		className: cls("fixed right-8 top-1/2 -translate-y-1/2 w-[200px] h-[120px] border border-dashed rounded-lg flex items-center justify-center transition-all", isOver ? "bg-surface-accent-100 dark:bg-surface-accent-800 border-surface-300 dark:border-surface-600" : "bg-surface-50 dark:bg-surface-900 border-surface-200 dark:border-surface-700"),
+		className: cls("fixed right-8 top-1/2 -translate-y-1/2 w-[200px] h-[120px] border border-dashed rounded-lg flex items-center justify-center transition-all", isOver ? "bg-surface-raised border-hairline-strong" : "bg-surface-card border-hairline-strong"),
 		children: /* @__PURE__ */ jsx("div", {
 			className: "text-center p-4",
 			children: /* @__PURE__ */ jsx("span", {
@@ -3025,7 +3020,7 @@ function ContentHomePage({ additionalActions, additionalChildrenStart, additiona
 	}, [resolvedSlots]);
 	return /* @__PURE__ */ jsxs("div", {
 		ref: containerRef,
-		className: "py-2 overflow-auto h-full w-full bg-surface-50 dark:bg-surface-800",
+		className: "py-2 overflow-auto h-full w-full bg-surface-sheet",
 		children: [/* @__PURE__ */ jsxs(Container, {
 			maxWidth: "6xl",
 			children: [
@@ -3179,8 +3174,8 @@ function ContentHomePage({ additionalActions, additionalChildrenStart, additiona
 }
 //#endregion
 //#region src/components/CollectionEditorDialogs.tsx
-var CollectionEditorDialog = lazyChunk(() => import("./CollectionEditorDialog-BeX4b92r.js").then((n) => n.r).then((m) => ({ default: m.CollectionEditorDialog })));
-var PropertyFormDialog = lazyChunk(() => import("./PropertyEditView-C7thfj4L.js").then((n) => n.t).then((m) => ({ default: m.PropertyFormDialog })));
+var CollectionEditorDialog = lazyChunk(() => import("./CollectionEditorDialog-DQjLtp1W.js").then((n) => n.r).then((m) => ({ default: m.CollectionEditorDialog })));
+var PropertyFormDialog = lazyChunk(() => import("./PropertyEditView-BMCCD2OI.js").then((n) => n.t).then((m) => ({ default: m.PropertyFormDialog })));
 /**
 * Renders the CollectionEditorDialog and PropertyFormDialog inside
 * the RebaseShell tree where admin-internal contexts