@cere/cere-design-system 0.0.5 → 0.0.8

package/dist/index.mjs

@@ -2453,7 +2453,7 @@ var ListItem3 = ({
       }
     ),
     children,
-    action && /* @__PURE__ */ jsx29(ListItemSecondaryAction, { children: action })
+    action && action
   ] });
 };
 
@@ -2524,7 +2524,7 @@ var TableHeader = ({
 };
 
 // src/components/layout/Grid.tsx
-import { Grid } from "@mui/material";
+import { Grid2 } from "@mui/material";
 
 // src/components/layout/Breadcrumbs.tsx
 import MuiBreadcrumbs from "@mui/material/Breadcrumbs";
@@ -3087,7 +3087,7 @@ var CodeEditor = ({
   const finalMonacoRef = monacoRef || internalMonacoRef;
   useEffect(() => {
     if (isFullscreen) {
-      setActualHeight("100vh");
+      setActualHeight("calc(100vh - 80px)");
     } else {
       setActualHeight(typeof height === "number" ? `${height}px` : height);
     }
@@ -3223,7 +3223,7 @@ var CodeEditor = ({
       sx: {
         display: "flex",
         flexDirection: "column",
-        height: "100%",
+        height: isFullscreen ? "100vh" : "100%",
         minHeight: isFullscreen ? "100vh" : editorMinHeight,
         position: isFullscreen ? "fixed" : "relative",
         top: isFullscreen ? 0 : "auto",
@@ -3232,7 +3232,11 @@ var CodeEditor = ({
         bottom: isFullscreen ? 0 : "auto",
         zIndex: isFullscreen ? 9999 : "auto",
         bgcolor: "background.paper",
-        p: isFullscreen ? 2 : 0
+        pt: isFullscreen ? "80px" : 0,
+        // Add padding top in fullscreen to account for header (64px) + spacing (16px)
+        px: isFullscreen ? 2 : 0,
+        pb: isFullscreen ? 2 : 0,
+        overflow: isFullscreen ? "hidden" : "visible"
       },
       children: /* @__PURE__ */ jsxs17(
         Box12,
@@ -3256,10 +3260,12 @@ var CodeEditor = ({
                 onClick: toggleFullscreen,
                 size: "small",
                 sx: {
-                  position: "absolute",
-                  top: 8,
-                  right: 8,
-                  zIndex: 10,
+                  position: isFullscreen ? "fixed" : "absolute",
+                  top: isFullscreen ? 72 : 8,
+                  // Position below header in fullscreen mode (header is ~64px)
+                  right: isFullscreen ? 16 : 8,
+                  zIndex: 1e4,
+                  // Ensure it's above other elements
                   bgcolor: "rgba(255, 255, 255, 0.7)",
                   "&:hover": {
                     bgcolor: "rgba(255, 255, 255, 0.9)"
@@ -3378,7 +3384,7 @@ export {
   FormControlLabel,
   FormHelperText,
   FormLabel,
-  Grid,
+  Grid2 as Grid,
   IconButton,
   InputAdornment2 as InputAdornment,
   InputLabel,