@carlonicora/nextjs-jsonapi 6.26.0 → 6.28.0

package/dist/{chunk-64REWDSK.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-RVDSB6TF.mjs"), {
+var BlockNoteEditor = dynamic(() => import("./BlockNoteEditor-2LO34HXR.mjs"), {
   ssr: false
 });
 var BlockNoteEditorContainer = React18.memo(/* @__PURE__ */ __name(function EditorContainer(props) {
@@ -16356,6 +16357,19 @@ function ReactMarkdownContainer({
 }
 __name(ReactMarkdownContainer, "ReactMarkdownContainer");
 
+// src/components/containers/detailsFitsByDefault.ts
+var RAIL_REM = 14;
+var CONTENT_PADDING_REM = 2;
+var CONTENT_COLUMN_REM = 72;
+var DETAILS_REM = 24;
+var DETAILS_BORDER_PX = 1;
+function detailsFitsByDefault(params) {
+  if (!params.hasCentredColumn) return false;
+  const rem = (params.hasRail ? RAIL_REM : 0) + CONTENT_PADDING_REM + CONTENT_COLUMN_REM + DETAILS_REM;
+  return params.cardInnerPx >= rem * params.remPx + DETAILS_BORDER_PX;
+}
+__name(detailsFitsByDefault, "detailsFitsByDefault");
+
 // src/components/containers/RoundPageContainerTitle.tsx
 import { InfoIcon as InfoIcon2 } from "lucide-react";
 import { useTranslations as useTranslations62 } from "next-intl";
@@ -16493,6 +16507,7 @@ function RoundPageContainer({
   defaultDetailsOpen = false,
   detailsTitle,
   detailsIcon,
+  detailsSurface = "default",
   scroll = "fixed"
 }) {
   const t = useTranslations63();
@@ -16506,12 +16521,21 @@ function RoundPageContainer({
   const hasMobileNavigation = useMobileNavigationItems().length > 0;
   const hasSidebar = useOptionalSidebar() !== null;
   const [mounted, setMounted] = useState55(false);
+  const cardRef = useRef29(null);
   useEffect45(() => {
+    if (!mounted) return;
     const match = document.cookie.split("; ").find((row) => row.startsWith(`${detailsCookieName}=`));
     const stored = match?.split("=")[1];
     if (stored === "true") setShowDetailsState(true);
     else if (stored === "false") setShowDetailsState(false);
-  }, []);
+    else if (!defaultDetailsOpen && cardRef.current && detailsFitsByDefault({
+      cardInnerPx: cardRef.current.clientWidth,
+      remPx: parseFloat(getComputedStyle(document.documentElement).fontSize) || 16,
+      hasRail: layout2 === "rail" && !!tabs,
+      hasCentredColumn: !fullWidth && (!activeFillHeight || activeConstrainWidth)
+    }))
+      setShowDetailsState(true);
+  }, [mounted]);
   useEffect45(() => {
     setMounted(true);
   }, []);
@@ -16645,7 +16669,7 @@ function RoundPageContainer({
           isMobile ? "gap-1 p-1 pt-0" : cn("p-2 pt-0", hasSidebar && "ps-0")
         ),
         children: [
-          /* @__PURE__ */ jsxs96("div", { className: "bg-background flex min-h-0 w-full flex-1 rounded-lg border p-0", children: [
+          /* @__PURE__ */ jsxs96("div", { ref: cardRef, className: "bg-background flex min-h-0 w-full flex-1 rounded-lg border p-0", children: [
             /* @__PURE__ */ jsxs96("div", { className: cn("flex w-full flex-col", mobileFlow && "min-h-0 overflow-y-auto pb-16"), children: [
               (!fullWidth || forceHeader) && /* @__PURE__ */ jsx172(
                 RoundPageContainerTitle,
@@ -16838,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(
@@ -16870,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
+                    }
+                  )
                 ]
               }
             ))
@@ -30957,4 +31001,4 @@ export {
   useOAuthClients,
   useOAuthClient
 };
-//# sourceMappingURL=chunk-64REWDSK.mjs.map
+//# sourceMappingURL=chunk-NV3NNNS6.mjs.map