@carlonicora/nextjs-jsonapi 1.136.0 → 1.137.0

package/dist/{chunk-2KXPQHZU.mjs → chunk-EWAOWYT5.mjs}

@@ -10117,7 +10117,7 @@ import { useRef as useRef17 } from "react";
 import dynamic from "next/dynamic";
 import React17 from "react";
 import { jsx as jsx86 } from "react/jsx-runtime";
-var BlockNoteEditor = dynamic(() => import("./BlockNoteEditor-JVZ2HDAU.mjs"), {
+var BlockNoteEditor = dynamic(() => import("./BlockNoteEditor-DFBJOA4C.mjs"), {
   ssr: false
 });
 var BlockNoteEditorContainer = React17.memo(/* @__PURE__ */ __name(function EditorContainer(props) {
@@ -14527,13 +14527,33 @@ function Header({ children, mobileChildren, leftContent, logo, className }) {
   const { breadcrumbs } = useSharedContext();
   const rootLabel = useHeaderRootLabel();
   const isMobile = useIsMobile();
-  return /* @__PURE__ */ jsx153("header", { className: `sticky top-0 z-10 flex h-12 flex-col items-center justify-start gap-x-4 ${className ?? ""}`, children: /* @__PURE__ */ jsxs87("div", { className: "bg-sidebar flex h-12 w-full flex-row items-center justify-between pl-2 pr-4", children: [
-    isMobile && logo && /* @__PURE__ */ jsx153("div", { className: "flex shrink-0 flex-row items-center pr-1", children: logo }),
-    /* @__PURE__ */ jsx153(SidebarTrigger, { "aria-label": "Toggle sidebar", id: "sidebar-trigger" }),
-    leftContent,
-    /* @__PURE__ */ jsx153("div", { className: "flex w-full flex-row items-center justify-start", children: /* @__PURE__ */ jsx153(BreadcrumbNavigation, { items: breadcrumbs, rootLabel: rootLabel ?? void 0 }) }),
-    isMobile ? mobileChildren && /* @__PURE__ */ jsx153("div", { className: "flex shrink-0 flex-row items-center justify-end gap-x-2 whitespace-nowrap", children: mobileChildren }) : children && /* @__PURE__ */ jsx153("div", { className: "flex w-64 flex-row items-center justify-end gap-x-4 whitespace-nowrap", children: /* @__PURE__ */ jsx153("div", { className: "flex flex-row items-center justify-end gap-x-4 whitespace-nowrap", children }) })
-  ] }) });
+  return (
+    // Outer element owns the safe-area inset; the inner row keeps h-12 so the
+    // content height is unchanged and only the notch padding is added above.
+    // bg-sidebar: the outer element has no background of its own, and a padded
+    // transparent strip would show scrolled content behind the status bar.
+    // The fallback is MANDATORY in this package: other consumers (neural-erp)
+    // never define --app-header-h, and a var() referencing an undefined
+    // property invalidates the whole declaration. The fallback MUST include the
+    // safe-area inset, because the padding below is unconditional: a consumer
+    // that never defines the variable but does set viewportFit: "cover" would
+    // otherwise get 3rem of height plus inset padding, squeezing the inner
+    // h-12 row. (Tailwind arbitrary values need _ for spaces; CSS calc needs
+    // whitespace around the +.)
+    /* @__PURE__ */ jsx153(
+      "header",
+      {
+        className: `bg-sidebar sticky top-0 z-10 flex h-[var(--app-header-h,calc(3rem_+_env(safe-area-inset-top)))] flex-col items-center justify-start gap-x-4 pt-[env(safe-area-inset-top)] ${className ?? ""}`,
+        children: /* @__PURE__ */ jsxs87("div", { className: "bg-sidebar flex h-12 w-full flex-row items-center justify-between pl-2 pr-4", children: [
+          isMobile && logo && /* @__PURE__ */ jsx153("div", { className: "flex shrink-0 flex-row items-center pr-1", children: logo }),
+          /* @__PURE__ */ jsx153(SidebarTrigger, { "aria-label": "Toggle sidebar", id: "sidebar-trigger" }),
+          leftContent,
+          /* @__PURE__ */ jsx153("div", { className: "flex w-full flex-row items-center justify-start", children: /* @__PURE__ */ jsx153(BreadcrumbNavigation, { items: breadcrumbs, rootLabel: rootLabel ?? void 0 }) }),
+          isMobile ? mobileChildren && /* @__PURE__ */ jsx153("div", { className: "flex shrink-0 flex-row items-center justify-end gap-x-2 whitespace-nowrap", children: mobileChildren }) : children && /* @__PURE__ */ jsx153("div", { className: "flex w-64 flex-row items-center justify-end gap-x-4 whitespace-nowrap", children: /* @__PURE__ */ jsx153("div", { className: "flex flex-row items-center justify-end gap-x-4 whitespace-nowrap", children }) })
+        ] })
+      }
+    )
+  );
 }
 __name(Header, "Header");
 
@@ -14966,7 +14986,10 @@ function RoundPageContainer({
         "div",
         {
           "data-testid": testId,
-          className: cn("flex h-[calc(100vh-3rem)] w-full flex-col", isMobile ? "gap-1 p-1 pt-0" : "p-2 pt-0 pl-0"),
+          className: cn(
+            "flex h-[calc(100dvh-var(--app-header-h,3rem))] w-full flex-col",
+            isMobile ? "gap-1 p-1 pt-0" : "p-2 pt-0 pl-0"
+          ),
           children: [
             /* @__PURE__ */ jsx161("div", { className: cn("bg-background flex min-h-0 w-full flex-1", isMobile ? "" : "rounded-lg border p-0"), children: /* @__PURE__ */ jsx161("div", { className: "flex w-full flex-col" }) }),
             /* @__PURE__ */ jsx161(MobileNavigationBar, {})
@@ -14990,7 +15013,10 @@ function RoundPageContainer({
       "div",
       {
         "data-testid": testId,
-        className: cn(`flex h-[calc(100vh-3rem)] w-full flex-col`, isMobile ? "gap-1 p-1 pt-0" : "p-2 pt-0 pl-0"),
+        className: cn(
+          `flex h-[calc(100dvh-var(--app-header-h,3rem))] w-full flex-col`,
+          isMobile ? "gap-1 p-1 pt-0" : "p-2 pt-0 pl-0"
+        ),
         children: [
           /* @__PURE__ */ jsxs94("div", { className: "bg-background flex min-h-0 w-full flex-1 rounded-lg border p-0", children: [
             /* @__PURE__ */ jsxs94("div", { className: "flex w-full flex-col", children: [
@@ -15581,13 +15607,13 @@ function PageContentContainer({ header, details, footer, content, fullBleed }) {
     storage: typeof window !== "undefined" ? localStorage : void 0
   });
   if (!isReady) {
-    return /* @__PURE__ */ jsx169("div", { className: "flex h-[calc(100vh-4rem)] w-full flex-col" });
+    return /* @__PURE__ */ jsx169("div", { className: "flex h-[calc(100dvh-4rem)] w-full flex-col" });
   }
   const leftPanelDefaultSize = isMobile ? "10%" : "32%";
   const leftPanelMinSize = isMobile ? "10%" : "20%";
   const leftPanelMaxSize = isMobile ? "90%" : "40%";
   const rightPanelDefaultSize = isMobile ? "90%" : "68%";
-  return /* @__PURE__ */ jsxs99("div", { className: "flex h-[calc(100vh-4rem)] w-full flex-col transition-opacity duration-150 animate-in fade-in", children: [
+  return /* @__PURE__ */ jsxs99("div", { className: "flex h-[calc(100dvh-4rem)] w-full flex-col transition-opacity duration-150 animate-in fade-in", children: [
     header && /* @__PURE__ */ jsx169("div", { className: "mb-4 flex w-full shrink-0 border-b pr-4", children: header }),
     /* @__PURE__ */ jsx169("div", { className: "min-h-0 flex-1", children: details || footer ? /* @__PURE__ */ jsxs99(
       ResizablePanelGroup,
@@ -22113,19 +22139,19 @@ function OAuthConsentScreen({
 }) {
   const { clientInfo, isLoading, error, approve, deny, isSubmitting } = useOAuthConsent(params);
   if (isLoading) {
-    return /* @__PURE__ */ jsx264("div", { className: "min-h-screen flex items-center justify-center p-4", children: /* @__PURE__ */ jsx264(Card, { className: "w-full max-w-md", children: /* @__PURE__ */ jsxs165(CardContent, { className: "flex flex-col items-center justify-center py-12", children: [
+    return /* @__PURE__ */ jsx264("div", { className: "min-h-dvh flex items-center justify-center p-4", children: /* @__PURE__ */ jsx264(Card, { className: "w-full max-w-md", children: /* @__PURE__ */ jsxs165(CardContent, { className: "flex flex-col items-center justify-center py-12", children: [
       /* @__PURE__ */ jsx264(Loader26, { className: "h-8 w-8 animate-spin text-muted-foreground" }),
       /* @__PURE__ */ jsx264("p", { className: "mt-4 text-muted-foreground", children: "Loading authorization request..." })
     ] }) }) });
   }
   if (error || !clientInfo) {
-    return /* @__PURE__ */ jsx264("div", { className: "min-h-screen flex items-center justify-center p-4", children: /* @__PURE__ */ jsx264(Card, { className: "w-full max-w-md", children: /* @__PURE__ */ jsx264(CardContent, { className: "py-8", children: /* @__PURE__ */ jsxs165(Alert, { variant: "destructive", children: [
+    return /* @__PURE__ */ jsx264("div", { className: "min-h-dvh flex items-center justify-center p-4", children: /* @__PURE__ */ jsx264(Card, { className: "w-full max-w-md", children: /* @__PURE__ */ jsx264(CardContent, { className: "py-8", children: /* @__PURE__ */ jsxs165(Alert, { variant: "destructive", children: [
       /* @__PURE__ */ jsx264(AlertTriangle2, { className: "h-4 w-4" }),
       /* @__PURE__ */ jsx264(AlertDescription, { children: error?.message || "Invalid authorization request. Please try again." })
     ] }) }) }) });
   }
   const { client, scopes } = clientInfo;
-  return /* @__PURE__ */ jsx264("div", { className: "min-h-screen flex items-center justify-center p-4 bg-muted/30", children: /* @__PURE__ */ jsxs165(Card, { className: "w-full max-w-md", children: [
+  return /* @__PURE__ */ jsx264("div", { className: "min-h-dvh flex items-center justify-center p-4 bg-muted/30", children: /* @__PURE__ */ jsxs165(Card, { className: "w-full max-w-md", children: [
     /* @__PURE__ */ jsxs165(CardContent, { className: "pt-6 space-y-6", children: [
       /* @__PURE__ */ jsx264(OAuthConsentHeader, { client, logoUrl, appName }),
       /* @__PURE__ */ jsx264(Separator, {}),
@@ -23843,4 +23869,4 @@ export {
   useOAuthClients,
   useOAuthClient
 };
-//# sourceMappingURL=chunk-2KXPQHZU.mjs.map
+//# sourceMappingURL=chunk-EWAOWYT5.mjs.map