@carlonicora/nextjs-jsonapi 6.27.0 → 6.28.0

package/dist/{chunk-HU3AGUFI.mjs → chunk-NV3NNNS6.mjs}

@@ -9253,6 +9253,7 @@ function DetailField({
   value,
   horizontal = false,
   labelWidth,
+  valueClassName,
   className,
   children,
   ...props
@@ -9265,7 +9266,7 @@ function DetailField({
       ...props,
       children: [
         /* @__PURE__ */ jsx75("span", { className: cn("text-muted-foreground text-xs", horizontal && labelWidth && cn("shrink-0", labelWidth)), children: label }),
-        /* @__PURE__ */ jsx75("div", { className: "text-sm", children: value ?? children })
+        /* @__PURE__ */ jsx75("div", { className: cn("text-sm", valueClassName), children: value ?? children })
       ]
     }
   );
@@ -10875,7 +10876,7 @@ import { useRef as useRef18 } from "react";
 import dynamic from "next/dynamic";
 import React18 from "react";
 import { jsx as jsx91 } from "react/jsx-runtime";
-var BlockNoteEditor = dynamic(() => import("./BlockNoteEditor-D2DXVXTJ.mjs"), {
+var BlockNoteEditor = dynamic(() => import("./BlockNoteEditor-2LO34HXR.mjs"), {
   ssr: false
 });
 var BlockNoteEditorContainer = React18.memo(/* @__PURE__ */ __name(function EditorContainer(props) {
@@ -16506,6 +16507,7 @@ function RoundPageContainer({
   defaultDetailsOpen = false,
   detailsTitle,
   detailsIcon,
+  detailsSurface = "default",
   scroll = "fixed"
 }) {
   const t = useTranslations63();
@@ -16860,7 +16862,17 @@ function RoundPageContainer({
                 className: "data-[side=left]:w-full data-[side=right]:w-full data-[side=left]:sm:max-w-none data-[side=right]:sm:max-w-none",
                 children: [
                   /* @__PURE__ */ jsx172(SheetHeader, { children: /* @__PURE__ */ jsx172(SheetTitle, { children: detailsTitle ?? t("ui.labels.details") }) }),
-                  /* @__PURE__ */ jsx172("div", { className: "overflow-y-auto p-6 pt-0", children: details })
+                  /* @__PURE__ */ jsx172(
+                    "div",
+                    {
+                      "data-slot": "details-body",
+                      className: cn(
+                        "overflow-y-auto",
+                        detailsSurface === "muted" ? "bg-muted dark:bg-background p-3" : "p-6 pt-0"
+                      ),
+                      children: details
+                    }
+                  )
                 ]
               }
             ) }) : /* @__PURE__ */ jsxs96(
@@ -16892,7 +16904,17 @@ function RoundPageContainer({
                   // inside the measured row instead leaves this header 1px short of
                   // the page title bar, since `box-sizing: border-box` absorbs it.
                   /* @__PURE__ */ jsx172("div", { className: "shrink-0 border-b", children: /* @__PURE__ */ jsx172("div", { className: cn("flex items-center p-4", HEADER_ROW_MIN_H), children: /* @__PURE__ */ jsx172("span", { className: "text-primary truncate text-sm font-semibold", children: detailsTitle }) }) }),
-                  /* @__PURE__ */ jsx172("div", { className: "min-h-0 flex-1 overflow-y-auto p-4", children: details })
+                  /* @__PURE__ */ jsx172(
+                    "div",
+                    {
+                      "data-slot": "details-body",
+                      className: cn(
+                        "min-h-0 flex-1 overflow-y-auto",
+                        detailsSurface === "muted" ? "bg-muted dark:bg-background p-3" : "p-4"
+                      ),
+                      children: details
+                    }
+                  )
                 ]
               }
             ))
@@ -30979,4 +31001,4 @@ export {
   useOAuthClients,
   useOAuthClient
 };
-//# sourceMappingURL=chunk-HU3AGUFI.mjs.map
+//# sourceMappingURL=chunk-NV3NNNS6.mjs.map