@rebasepro/cms 0.19.1 → 0.19.2-canary.g09316f6

package/dist/{PropertyEditView-C7thfj4L.js → PropertyEditView-BMCCD2OI.js}

@@ -1,5 +1,5 @@
 import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.js";
-import { A as getFieldId, E as DEFAULT_FIELD_CONFIGS, Jn as useCollectionRegistryController, Kt as FieldCaption, Ut as ArrayContainer, Wt as PropertyConfigBadge, a as namespaceToPropertiesPath, ct as useSafeSnackbarController, g as toSerializableProperty, i as namespaceToPropertiesOrderPath, k as getFieldConfig, m as toSerializableCollectionConfig, n as getFullIdPath, r as idToPropertiesPath, t as getFullId } from "./util-DE1WQW6h.js";
+import { A as getFieldId, E as DEFAULT_FIELD_CONFIGS, Jn as useCollectionRegistryController, Kt as FieldCaption, Ut as ArrayContainer, Wt as PropertyConfigBadge, a as namespaceToPropertiesPath, ct as useSafeSnackbarController, g as toSerializableProperty, i as namespaceToPropertiesOrderPath, k as getFieldConfig, m as toSerializableCollectionConfig, n as getFullIdPath, r as idToPropertiesPath, t as getFullId } from "./util-4oPxPkbp.js";
 import React, { createContext, useCallback, useContext, useDeferredValue, useEffect, useMemo, useRef, useState } from "react";
 import { deepEqual } from "fast-equals";
 import { AlertTriangleIcon, ArrowDownToLineIcon, ArrowUpToLineIcon, Badge, BooleanSwitchWithLabel, Button, Card, CheckSquareIcon, CircularProgress, DebouncedTextField, Dialog, DialogActions, DialogContent, DialogTitle, ErrorBoundary, ExpandablePanel, FileSearchIcon, FunctionSquareIcon, IconButton, InfoLabel, ListIcon, Menu, MenuItem, MinusCircleIcon, MoreVerticalIcon, MultiSelect, MultiSelectItem, Paper, PlusIcon, RefreshCcwIcon, Select, SelectItem, SettingsIcon, TextField, Tooltip, Trash2Icon, Typography, UploadCloudIcon, cls, defaultBorderMixin, iconSize } from "@rebasepro/ui";
@@ -902,7 +902,7 @@ function PropertyFieldPreview({ property, propertyKey, onClick, hasError, includ
 		onClick,
 		className: onClick ? "cursor-pointer" : "",
 		children: /* @__PURE__ */ jsxs("div", {
-			className: cls("w-full flex flex-row gap-3 items-center px-3 py-2 rounded-lg transition-all duration-200 border bg-white dark:bg-surface-900 shadow-xs", (hasError ? "border-red-500 dark:border-red-500 border-red-500/100 dark:border-red-500/100 ring-0 dark:ring-0" : selected ? "border-primary" : "") || "border-surface-200 dark:border-surface-700", selected ? "bg-primary/10 text-primary dark:bg-primary/20 dark:text-primary-light ring-1 ring-inset ring-primary border-primary/30" : "hover:bg-surface-50 dark:hover:bg-surface-700"),
+			className: cls("w-full flex flex-row gap-3 items-center px-3 py-2 rounded-lg transition-all duration-200 border bg-surface-card shadow-xs", (hasError ? "border-red-500 dark:border-red-500 border-red-500/100 dark:border-red-500/100 ring-0 dark:ring-0" : selected ? "border-primary" : "") || "border-hairline-strong", selected ? "bg-primary/10 text-primary dark:bg-primary/20 dark:text-primary-light ring-1 ring-inset ring-primary border-primary/30" : "hover:bg-surface-hover"),
 			children: [
 				/* @__PURE__ */ jsx(PropertyConfigBadge, {
 					propertyConfig,
@@ -962,7 +962,7 @@ function NonEditablePropertyPreview({ name, selected, onClick, property }) {
 		onClick,
 		className: onClick ? "cursor-pointer" : "",
 		children: /* @__PURE__ */ jsxs("div", {
-			className: cls("w-full flex flex-row gap-3 items-center px-3 py-2 rounded-lg transition-all duration-200 border bg-white dark:bg-surface-900 border-surface-200 dark:border-surface-700 shadow-xs", selected ? "bg-primary/10 text-primary dark:bg-primary/20 dark:text-primary-light ring-1 ring-inset ring-primary border-primary/30" : "hover:bg-surface-50 dark:hover:bg-surface-700"),
+			className: cls("w-full flex flex-row gap-3 items-center px-3 py-2 rounded-lg transition-all duration-200 border bg-surface-card border-hairline-strong shadow-xs", selected ? "bg-primary/10 text-primary dark:bg-primary/20 dark:text-primary-light ring-1 ring-inset ring-primary border-primary/30" : "hover:bg-surface-hover"),
 			children: [/* @__PURE__ */ jsxs("div", {
 				className: "relative shrink-0",
 				children: [
@@ -978,7 +978,7 @@ function NonEditablePropertyPreview({ name, selected, onClick, property }) {
 						})
 					}),
 					/* @__PURE__ */ jsx(MinusCircleIcon, {
-						className: "text-surface-accent-400 absolute -right-2 -top-2 bg-surface-50 dark:bg-surface-900 rounded-full",
+						className: "text-surface-accent-400 absolute -right-2 -top-2 bg-surface-card rounded-full",
 						size: iconSize.small
 					})
 				]
@@ -3752,7 +3752,7 @@ function WidgetSelectView({ initialProperty, value, onValueChange, open, onOpenC
 		onClick: () => {
 			if (!disabled) onOpenChange(!open, Boolean(value));
 		},
-		className: cls("select-none rounded-md text-sm py-2 px-1 transition-colors duration-200", !disabled && "hover:bg-surface-50 dark:hover:bg-surface-800 cursor-pointer", "relative flex items-center mb-2"),
+		className: cls("select-none rounded-md text-sm py-2 px-1 transition-colors duration-200", !disabled && "hover:bg-surface-hover cursor-pointer", "relative flex items-center mb-2"),
 		children: [!value && /* @__PURE__ */ jsx("em", { children: "Select a property widget" }), value && computedFieldConfig && /* @__PURE__ */ jsxs("div", {
 			className: cls("flex items-center"),
 			children: [/* @__PURE__ */ jsx("div", {
@@ -3857,4 +3857,4 @@ function WidgetSelectViewItem({ onClick, initialProperty, propertyConfig, existi
 //#endregion
 export { updatePropertyFromWidget as a, useAIModifiedPaths as c, supportedFields as i, PropertyForm as n, PropertyTree as o, PropertyFormDialog as r, AIModifiedPathsProvider as s, PropertyEditView_exports as t };
 
-//# sourceMappingURL=PropertyEditView-C7thfj4L.js.map
+//# sourceMappingURL=PropertyEditView-BMCCD2OI.js.map