@12-apps/ui 6.24.4 → 6.24.6

package/dist/_internal/components/data-display/CardKit/row-actions-to-menu.js

@@ -1,6 +1,6 @@
 import {
   rowActionsToMenuItems
-} from "../../../../chunk-5MXVT7DO.js";
+} from "../../../../chunk-ZBXG6RVJ.js";
 import "../../../../chunk-PZ5AY32C.js";
 export {
   rowActionsToMenuItems

package/dist/_internal/components/data-display/DataViews/DataViewsGrid.js

@@ -1,8 +1,8 @@
 "use client";
 import {
   DataViewsGrid
-} from "../../../../chunk-QX2PLXQA.js";
-import "../../../../chunk-NXNNICH7.js";
+} from "../../../../chunk-53PDVLRK.js";
+import "../../../../chunk-LWRMKF7D.js";
 import "../../../../chunk-BPLFM2GL.js";
 import "../../../../chunk-E55CJV65.js";
 import "../../../../chunk-PN5CQKA2.js";
@@ -21,14 +21,14 @@ import "../../../../chunk-CBOB5AV6.js";
 import "../../../../chunk-HP2ODXNA.js";
 import "../../../../chunk-TQ6FPOPD.js";
 import "../../../../chunk-IAGOUTI6.js";
-import "../../../../chunk-7GKRZJWI.js";
+import "../../../../chunk-EMMPNB6D.js";
 import "../../../../chunk-KX75HM5U.js";
 import "../../../../chunk-XKV5ZIBG.js";
 import "../../../../chunk-A7Q5AQVD.js";
 import "../../../../chunk-OGGHD64H.js";
 import "../../../../chunk-CZPU5TW3.js";
 import "../../../../chunk-6VP2L3DJ.js";
-import "../../../../chunk-JD4IVP22.js";
+import "../../../../chunk-4ZV7N5CU.js";
 import "../../../../chunk-SQNW22ZZ.js";
 import "../../../../chunk-7NSX7A5H.js";
 import "../../../../chunk-DW5FRWRQ.js";
@@ -59,7 +59,7 @@ import "../../../../chunk-7AIL2F5E.js";
 import "../../../../chunk-WVML3ENZ.js";
 import "../../../../chunk-IDHZHOZW.js";
 import "../../../../chunk-MOLQGQEQ.js";
-import "../../../../chunk-TSPHRZ4U.js";
+import "../../../../chunk-L2E7TY7P.js";
 import "../../../../chunk-JMVIIKII.js";
 import "../../../../chunk-WXD7MGBT.js";
 import "../../../../chunk-WQFIV5WD.js";

package/dist/_internal/components/data-display/DataViews/DataViewsTableBase.js

@@ -1,11 +1,11 @@
 "use client";
 import {
   DataViewsTableBase
-} from "../../../../chunk-JPV45AD6.js";
+} from "../../../../chunk-ZXOT3U6U.js";
 import "../../../../chunk-4X4KM4ZB.js";
-import "../../../../chunk-QX2PLXQA.js";
+import "../../../../chunk-53PDVLRK.js";
 import "../../../../chunk-ZOLAYP2D.js";
-import "../../../../chunk-NXNNICH7.js";
+import "../../../../chunk-LWRMKF7D.js";
 import "../../../../chunk-BPLFM2GL.js";
 import "../../../../chunk-E55CJV65.js";
 import "../../../../chunk-PN5CQKA2.js";
@@ -24,14 +24,14 @@ import "../../../../chunk-CBOB5AV6.js";
 import "../../../../chunk-HP2ODXNA.js";
 import "../../../../chunk-TQ6FPOPD.js";
 import "../../../../chunk-IAGOUTI6.js";
-import "../../../../chunk-7GKRZJWI.js";
+import "../../../../chunk-EMMPNB6D.js";
 import "../../../../chunk-KX75HM5U.js";
 import "../../../../chunk-XKV5ZIBG.js";
 import "../../../../chunk-A7Q5AQVD.js";
 import "../../../../chunk-OGGHD64H.js";
 import "../../../../chunk-CZPU5TW3.js";
 import "../../../../chunk-6VP2L3DJ.js";
-import "../../../../chunk-JD4IVP22.js";
+import "../../../../chunk-4ZV7N5CU.js";
 import "../../../../chunk-SQNW22ZZ.js";
 import "../../../../chunk-7NSX7A5H.js";
 import "../../../../chunk-DW5FRWRQ.js";
@@ -69,7 +69,7 @@ import "../../../../chunk-7AIL2F5E.js";
 import "../../../../chunk-WVML3ENZ.js";
 import "../../../../chunk-IDHZHOZW.js";
 import "../../../../chunk-MOLQGQEQ.js";
-import "../../../../chunk-TSPHRZ4U.js";
+import "../../../../chunk-L2E7TY7P.js";
 import "../../../../chunk-JMVIIKII.js";
 import "../../../../chunk-WXD7MGBT.js";
 import "../../../../chunk-WQFIV5WD.js";

package/dist/_internal/components/data-display/DataViews/data-views-category-pill.js

@@ -5,7 +5,7 @@ import {
 } from "../../../../chunk-EJQW2IYW.js";
 import "../../../../chunk-KHG57NAE.js";
 import "../../../../chunk-MOLQGQEQ.js";
-import "../../../../chunk-TSPHRZ4U.js";
+import "../../../../chunk-L2E7TY7P.js";
 import "../../../../chunk-JMVIIKII.js";
 import "../../../../chunk-WXD7MGBT.js";
 import "../../../../chunk-WQFIV5WD.js";

package/dist/_internal/components/data-display/DataViews/data-views-filter-panel.js

@@ -14,7 +14,7 @@ import "../../../../chunk-4NS4PJJH.js";
 import "../../../../chunk-J3JGO6Y6.js";
 import "../../../../chunk-7AIL2F5E.js";
 import "../../../../chunk-MOLQGQEQ.js";
-import "../../../../chunk-TSPHRZ4U.js";
+import "../../../../chunk-L2E7TY7P.js";
 import "../../../../chunk-JMVIIKII.js";
 import "../../../../chunk-WXD7MGBT.js";
 import "../../../../chunk-WQFIV5WD.js";

package/dist/_internal/components/data-display/DataViews/data-views-grid-parts.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   GridShell
-} from "../../../../chunk-NXNNICH7.js";
+} from "../../../../chunk-LWRMKF7D.js";
 import "../../../../chunk-BPLFM2GL.js";
 import "../../../../chunk-E55CJV65.js";
 import "../../../../chunk-PN5CQKA2.js";
@@ -20,14 +20,14 @@ import "../../../../chunk-CBOB5AV6.js";
 import "../../../../chunk-HP2ODXNA.js";
 import "../../../../chunk-TQ6FPOPD.js";
 import "../../../../chunk-IAGOUTI6.js";
-import "../../../../chunk-7GKRZJWI.js";
+import "../../../../chunk-EMMPNB6D.js";
 import "../../../../chunk-KX75HM5U.js";
 import "../../../../chunk-XKV5ZIBG.js";
 import "../../../../chunk-A7Q5AQVD.js";
 import "../../../../chunk-OGGHD64H.js";
 import "../../../../chunk-CZPU5TW3.js";
 import "../../../../chunk-6VP2L3DJ.js";
-import "../../../../chunk-JD4IVP22.js";
+import "../../../../chunk-4ZV7N5CU.js";
 import "../../../../chunk-SQNW22ZZ.js";
 import "../../../../chunk-7NSX7A5H.js";
 import "../../../../chunk-DW5FRWRQ.js";
@@ -52,7 +52,7 @@ import "../../../../chunk-7AIL2F5E.js";
 import "../../../../chunk-WVML3ENZ.js";
 import "../../../../chunk-IDHZHOZW.js";
 import "../../../../chunk-MOLQGQEQ.js";
-import "../../../../chunk-TSPHRZ4U.js";
+import "../../../../chunk-L2E7TY7P.js";
 import "../../../../chunk-JMVIIKII.js";
 import "../../../../chunk-WXD7MGBT.js";
 import "../../../../chunk-WQFIV5WD.js";

package/dist/_internal/components/data-display/DataViews/data-views-inline-bar.js

@@ -17,7 +17,7 @@ import "../../../../chunk-4NS4PJJH.js";
 import "../../../../chunk-J3JGO6Y6.js";
 import "../../../../chunk-7AIL2F5E.js";
 import "../../../../chunk-MOLQGQEQ.js";
-import "../../../../chunk-TSPHRZ4U.js";
+import "../../../../chunk-L2E7TY7P.js";
 import "../../../../chunk-JMVIIKII.js";
 import "../../../../chunk-WXD7MGBT.js";
 import "../../../../chunk-WQFIV5WD.js";

package/dist/_internal/components/data-display/DataViews/data-views-more-fields.js

@@ -13,7 +13,7 @@ import "../../../../chunk-4NS4PJJH.js";
 import "../../../../chunk-J3JGO6Y6.js";
 import "../../../../chunk-7AIL2F5E.js";
 import "../../../../chunk-MOLQGQEQ.js";
-import "../../../../chunk-TSPHRZ4U.js";
+import "../../../../chunk-L2E7TY7P.js";
 import "../../../../chunk-JMVIIKII.js";
 import "../../../../chunk-WXD7MGBT.js";
 import "../../../../chunk-WQFIV5WD.js";

package/dist/_internal/components/data-display/DataViews/data-views-more-filters.js

@@ -13,7 +13,7 @@ import "../../../../chunk-4NS4PJJH.js";
 import "../../../../chunk-J3JGO6Y6.js";
 import "../../../../chunk-7AIL2F5E.js";
 import "../../../../chunk-MOLQGQEQ.js";
-import "../../../../chunk-TSPHRZ4U.js";
+import "../../../../chunk-L2E7TY7P.js";
 import "../../../../chunk-JMVIIKII.js";
 import "../../../../chunk-WXD7MGBT.js";
 import "../../../../chunk-WQFIV5WD.js";

package/dist/_internal/components/data-display/DataViews/data-views-shell-toolbar.js

@@ -1,8 +1,8 @@
 "use client";
 import {
   ShellToolbar
-} from "../../../../chunk-7GKRZJWI.js";
-import "../../../../chunk-JD4IVP22.js";
+} from "../../../../chunk-EMMPNB6D.js";
+import "../../../../chunk-4ZV7N5CU.js";
 import "../../../../chunk-SQNW22ZZ.js";
 import "../../../../chunk-7NSX7A5H.js";
 import "../../../../chunk-DW5FRWRQ.js";
@@ -16,7 +16,7 @@ import "../../../../chunk-KHG57NAE.js";
 import "../../../../chunk-WVML3ENZ.js";
 import "../../../../chunk-IDHZHOZW.js";
 import "../../../../chunk-MOLQGQEQ.js";
-import "../../../../chunk-TSPHRZ4U.js";
+import "../../../../chunk-L2E7TY7P.js";
 import "../../../../chunk-JMVIIKII.js";
 import "../../../../chunk-WXD7MGBT.js";
 import "../../../../chunk-WQFIV5WD.js";

package/dist/_internal/components/data-display/DataViews/data-views-table-parts.js

@@ -10,7 +10,7 @@ import "../../../../chunk-5M4TYFR3.js";
 import "../../../../chunk-2HPP6RVC.js";
 import "../../../../chunk-KHG57NAE.js";
 import "../../../../chunk-MOLQGQEQ.js";
-import "../../../../chunk-TSPHRZ4U.js";
+import "../../../../chunk-L2E7TY7P.js";
 import "../../../../chunk-JMVIIKII.js";
 import "../../../../chunk-WXD7MGBT.js";
 import "../../../../chunk-WQFIV5WD.js";

package/dist/_internal/components/data-display/DataViews/data-views-toolbar.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   GridToolbar
-} from "../../../../chunk-JD4IVP22.js";
+} from "../../../../chunk-4ZV7N5CU.js";
 import "../../../../chunk-SQNW22ZZ.js";
 import "../../../../chunk-7NSX7A5H.js";
 import "../../../../chunk-DW5FRWRQ.js";
@@ -15,7 +15,7 @@ import "../../../../chunk-KHG57NAE.js";
 import "../../../../chunk-WVML3ENZ.js";
 import "../../../../chunk-IDHZHOZW.js";
 import "../../../../chunk-MOLQGQEQ.js";
-import "../../../../chunk-TSPHRZ4U.js";
+import "../../../../chunk-L2E7TY7P.js";
 import "../../../../chunk-JMVIIKII.js";
 import "../../../../chunk-WXD7MGBT.js";
 import "../../../../chunk-WQFIV5WD.js";

package/dist/_internal/components/data-display/Sheet/Sheet.body.js

@@ -1,7 +1,7 @@
 import {
   SheetBody
-} from "../../../../chunk-M2K7BPHX.js";
-import "../../../../chunk-POUWN4PX.js";
+} from "../../../../chunk-JBMBFYFA.js";
+import "../../../../chunk-U437KFDI.js";
 import "../../../../chunk-F52N6ACD.js";
 import "../../../../chunk-HPK33ACY.js";
 import "../../../../chunk-V5IOLAIS.js";

package/dist/_internal/components/data-display/Sheet/Sheet.js

@@ -1,14 +1,14 @@
 import {
   Sheet
-} from "../../../../chunk-OTH7H3IP.js";
-import "../../../../chunk-M2K7BPHX.js";
-import "../../../../chunk-6JZE4IIN.js";
+} from "../../../../chunk-4J5EN4FQ.js";
+import "../../../../chunk-JBMBFYFA.js";
+import "../../../../chunk-7MR2JCJW.js";
 import {
   SheetContent,
   SheetFooter,
   SheetHeader,
   SheetOverlay
-} from "../../../../chunk-POUWN4PX.js";
+} from "../../../../chunk-U437KFDI.js";
 import "../../../../chunk-OLZTGVBT.js";
 import "../../../../chunk-CRN4KKNI.js";
 import "../../../../chunk-F52N6ACD.js";

package/dist/_internal/components/data-display/Sheet/Sheet.parts.js

@@ -3,7 +3,7 @@ import {
   SheetFooter,
   SheetHeader,
   SheetOverlay
-} from "../../../../chunk-POUWN4PX.js";
+} from "../../../../chunk-U437KFDI.js";
 import "../../../../chunk-F52N6ACD.js";
 import "../../../../chunk-HPK33ACY.js";
 import "../../../../chunk-PZ5AY32C.js";

package/dist/_internal/components/data-display/Sheet/Sheet.styles.js

@@ -1,6 +1,6 @@
 import {
   panelSx
-} from "../../../../chunk-6JZE4IIN.js";
+} from "../../../../chunk-7MR2JCJW.js";
 import "../../../../chunk-F52N6ACD.js";
 import "../../../../chunk-V5IOLAIS.js";
 import "../../../../chunk-7ZPUN7TV.js";

package/dist/_internal/components/data-display/index.js

@@ -16,15 +16,15 @@ import "../../../chunk-ZEG2LNBY.js";
 import "../../../chunk-ITACE45O.js";
 import {
   Sheet
-} from "../../../chunk-OTH7H3IP.js";
-import "../../../chunk-M2K7BPHX.js";
-import "../../../chunk-6JZE4IIN.js";
+} from "../../../chunk-4J5EN4FQ.js";
+import "../../../chunk-JBMBFYFA.js";
+import "../../../chunk-7MR2JCJW.js";
 import {
   SheetContent,
   SheetFooter,
   SheetHeader,
   SheetOverlay
-} from "../../../chunk-POUWN4PX.js";
+} from "../../../chunk-U437KFDI.js";
 import "../../../chunk-OLZTGVBT.js";
 import "../../../chunk-CRN4KKNI.js";
 import "../../../chunk-F52N6ACD.js";

package/dist/_internal/components/index.js

@@ -94,7 +94,7 @@ import {
 } from "../../chunk-H37GIAAM.js";
 import {
   AppHeaderDetails
-} from "../../chunk-GVA5CYKP.js";
+} from "../../chunk-BUQ2JUND.js";
 import {
   brandGradient,
   highlightOf,
@@ -393,15 +393,15 @@ import "../../chunk-ZEG2LNBY.js";
 import "../../chunk-ITACE45O.js";
 import {
   Sheet
-} from "../../chunk-OTH7H3IP.js";
-import "../../chunk-M2K7BPHX.js";
-import "../../chunk-6JZE4IIN.js";
+} from "../../chunk-4J5EN4FQ.js";
+import "../../chunk-JBMBFYFA.js";
+import "../../chunk-7MR2JCJW.js";
 import {
   SheetContent,
   SheetFooter,
   SheetHeader,
   SheetOverlay
-} from "../../chunk-POUWN4PX.js";
+} from "../../chunk-U437KFDI.js";
 import "../../chunk-OLZTGVBT.js";
 import "../../chunk-CRN4KKNI.js";
 import "../../chunk-F52N6ACD.js";
@@ -537,7 +537,7 @@ import {
 import "../../chunk-MOLQGQEQ.js";
 import {
   ContentToolbar
-} from "../../chunk-TSPHRZ4U.js";
+} from "../../chunk-L2E7TY7P.js";
 import {
   ColumnsMenu
 } from "../../chunk-JMVIIKII.js";

package/dist/_internal/components/layout/ContentToolbar/ContentToolbar.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   ContentToolbar
-} from "../../../../chunk-TSPHRZ4U.js";
+} from "../../../../chunk-L2E7TY7P.js";
 import "../../../../chunk-PZ5AY32C.js";
 export {
   ContentToolbar

package/dist/_internal/components/layout/index.js

@@ -74,7 +74,7 @@ import {
 import "../../../chunk-MOLQGQEQ.js";
 import {
   ContentToolbar
-} from "../../../chunk-TSPHRZ4U.js";
+} from "../../../chunk-L2E7TY7P.js";
 import {
   ColumnsMenu
 } from "../../../chunk-JMVIIKII.js";

package/dist/_internal/components/navigation/AppHeader/AppHeader.details.js

@@ -1,11 +1,11 @@
 "use client";
 import {
   AppHeaderDetails
-} from "../../../../chunk-GVA5CYKP.js";
-import "../../../../chunk-OTH7H3IP.js";
-import "../../../../chunk-M2K7BPHX.js";
-import "../../../../chunk-6JZE4IIN.js";
-import "../../../../chunk-POUWN4PX.js";
+} from "../../../../chunk-BUQ2JUND.js";
+import "../../../../chunk-4J5EN4FQ.js";
+import "../../../../chunk-JBMBFYFA.js";
+import "../../../../chunk-7MR2JCJW.js";
+import "../../../../chunk-U437KFDI.js";
 import "../../../../chunk-OLZTGVBT.js";
 import "../../../../chunk-CRN4KKNI.js";
 import "../../../../chunk-F52N6ACD.js";

package/dist/_internal/components/navigation/index.js

@@ -18,7 +18,7 @@ import {
 } from "../../../chunk-H37GIAAM.js";
 import {
   AppHeaderDetails
-} from "../../../chunk-GVA5CYKP.js";
+} from "../../../chunk-BUQ2JUND.js";
 import {
   brandGradient,
   highlightOf,
@@ -51,10 +51,10 @@ import "../../../chunk-Q444G5X7.js";
 import "../../../chunk-7FOOLP5H.js";
 import "../../../chunk-FYLCSCMR.js";
 import "../../../chunk-3L5OZCGA.js";
-import "../../../chunk-OTH7H3IP.js";
-import "../../../chunk-M2K7BPHX.js";
-import "../../../chunk-6JZE4IIN.js";
-import "../../../chunk-POUWN4PX.js";
+import "../../../chunk-4J5EN4FQ.js";
+import "../../../chunk-JBMBFYFA.js";
+import "../../../chunk-7MR2JCJW.js";
+import "../../../chunk-U437KFDI.js";
 import "../../../chunk-OLZTGVBT.js";
 import "../../../chunk-CRN4KKNI.js";
 import "../../../chunk-F52N6ACD.js";

package/dist/{chunk-OTH7H3IP.js → chunk-4J5EN4FQ.js}

@@ -1,12 +1,12 @@
 import {
   SheetBody
-} from "./chunk-M2K7BPHX.js";
+} from "./chunk-JBMBFYFA.js";
 import {
   panelSx
-} from "./chunk-6JZE4IIN.js";
+} from "./chunk-7MR2JCJW.js";
 import {
   SheetOverlay
-} from "./chunk-POUWN4PX.js";
+} from "./chunk-U437KFDI.js";
 import {
   useSheetDrag,
   useSheetOpen
@@ -124,4 +124,4 @@ var Sheet = (props) => {
 export {
   Sheet
 };
-//# sourceMappingURL=chunk-OTH7H3IP.js.map
+//# sourceMappingURL=chunk-4J5EN4FQ.js.map

package/dist/{chunk-JD4IVP22.js → chunk-4ZV7N5CU.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk-KHG57NAE.js";
 import {
   ContentToolbar
-} from "./chunk-TSPHRZ4U.js";
+} from "./chunk-L2E7TY7P.js";
 import {
   FilterTrigger
 } from "./chunk-LVCUJ7YU.js";
@@ -133,4 +133,4 @@ function GridToolbar(props) {
 export {
   GridToolbar
 };
-//# sourceMappingURL=chunk-JD4IVP22.js.map
+//# sourceMappingURL=chunk-4ZV7N5CU.js.map

package/dist/{chunk-QX2PLXQA.js → chunk-53PDVLRK.js}

@@ -1,6 +1,6 @@
 import {
   GridShell
-} from "./chunk-NXNNICH7.js";
+} from "./chunk-LWRMKF7D.js";
 import {
   useDataViewsState
 } from "./chunk-TX5V42AY.js";
@@ -27,4 +27,4 @@ function DataViewsGrid(props) {
 export {
   DataViewsGrid
 };
-//# sourceMappingURL=chunk-QX2PLXQA.js.map
+//# sourceMappingURL=chunk-53PDVLRK.js.map

package/dist/{chunk-6JZE4IIN.js → chunk-7MR2JCJW.js}

@@ -19,24 +19,35 @@ var HORIZONTAL_SIZES = {
   full: "100%"
 };
 var VERTICAL_SIZES = {
-  xs: 200,
-  sm: 300,
-  md: 400,
-  lg: 500,
-  xl: 600,
-  full: "100%"
+  xs: "min(200px, 100%)",
+  sm: "min(300px, 100%)",
+  md: "min(400px, 100%)",
+  lg: "min(500px, 100%)",
+  xl: "min(600px, 100%)"
 };
+var VERTICAL_MAX_WIDTH = "min(100%, 640px)";
 var sizeStyles = ({
   position,
   size,
   isDraggableVariant,
-  isVerticalSheet,
   currentHeight
 }) => {
-  if (isDraggableVariant && isVerticalSheet && currentHeight !== null) {
-    return { height: currentHeight };
+  if (isHorizontalPosition(position)) {
+    return { width: HORIZONTAL_SIZES[size] ?? HORIZONTAL_SIZES.md };
+  }
+  if (size === "full") return { width: "100%", height: "100%" };
+  const cross = { width: VERTICAL_MAX_WIDTH, marginInline: "auto" };
+  if (isDraggableVariant && currentHeight !== null) {
+    return { ...cross, height: currentHeight };
   }
-  return isHorizontalPosition(position) ? { width: HORIZONTAL_SIZES[size] ?? HORIZONTAL_SIZES.md } : { height: VERTICAL_SIZES[size] ?? VERTICAL_SIZES.md };
+  return {
+    ...cross,
+    // A CEILING, not a height — see `VERTICAL_SIZES`. `height: auto` is stated
+    // rather than left off so the rule survives a caller who set a height on a
+    // previous render, and it is what lets the panel hug what it holds.
+    height: "auto",
+    maxHeight: VERTICAL_SIZES[size] ?? VERTICAL_SIZES.md
+  };
 };
 var toRgbTriplet = (hexColor) => {
   const hex = hexColor.replace("#", "");
@@ -151,10 +162,22 @@ var variantStyles = (input) => {
 var panelSx = (input) => {
   const { position, size, isDraggableVariant, isVerticalSheet, currentHeight, fullHeight, style } = input;
   return {
-    ...sizeStyles({ position, size, isDraggableVariant, isVerticalSheet, currentHeight }),
+    // The DEFAULT, so the glow and the elevated shadow are not clipped by the
+    // panel they hang off. It used to be stated last, which made it a rule
+    // nothing could override — including `gradient`, whose own `overflow:
+    // hidden` is what keeps its shimmer inside the panel. That was invisible
+    // while every vertical sheet was full-bleed, because the sweep starts at
+    // `left: -100%` and a full-width panel put it off-screen; a 640px one puts
+    // it on the backdrop beside the sheet.
+    overflow: "visible",
+    ...sizeStyles({ position, size, isDraggableVariant, currentHeight }),
+    // A COLUMN, so `maxHeight` above can be a ceiling rather than a height: the
+    // body is then a flex item that shrinks against it, and the scrolling falls
+    // to `SheetContent` where it belongs. Without this the panel would clip a
+    // long sheet instead of scrolling it.
+    ...isVerticalSheet ? { display: "flex", flexDirection: "column" } : {},
     ...variantStyles(input),
     ...style,
-    overflow: "visible",
     // Expand only the cross axis so the chosen `size` still governs the main
     // axis: side sheets keep their (responsive) width and go full-height;
     // top/bottom sheets keep their height and go full-width.
@@ -165,4 +188,4 @@ var panelSx = (input) => {
 export {
   panelSx
 };
-//# sourceMappingURL=chunk-6JZE4IIN.js.map
+//# sourceMappingURL=chunk-7MR2JCJW.js.map

package/dist/chunk-7MR2JCJW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/Sheet/Sheet.styles.ts"],"sourcesContent":["import { alpha } from '@mui/material/styles/index.js';\nimport type { CSSObject, Theme } from '@mui/material/styles/index.js';\nimport type React from 'react';\n\nimport { glowAnimation, pulseAnimation, shimmerAnimation } from './Sheet.animations';\nimport type { SheetProps } from './Sheet.types';\nimport { accentFor } from '../../../tokens/scales';\n\ntype Position = NonNullable<SheetProps['position']>;\ntype Variant = NonNullable<SheetProps['variant']>;\ntype Size = NonNullable<SheetProps['size']>;\ntype Color = NonNullable<SheetProps['color']>;\n\nconst isHorizontalPosition = (position: Position) => position === 'left' || position === 'right';\n\n/**\n * Horizontal (left/right) sheets are viewport-aware: a px floor keeps the panel\n * usable, `…vw` lets the larger presets grow on wide screens (lg ≥32%, xl ≥40%\n * of the viewport), and the outer `min(92vw, …)` guarantees the panel never\n * overflows a small screen.\n */\nconst HORIZONTAL_SIZES: Record<Size, string> = {\n  xs: 'min(92vw, 240px)',\n  sm: 'min(92vw, 320px)',\n  md: 'min(92vw, 400px)',\n  lg: 'min(92vw, max(560px, 32vw))',\n  xl: 'min(92vw, max(720px, 40vw))',\n  full: '100%',\n};\n\n/**\n * `size` governs a vertical sheet's MAIN axis, and it is a CEILING rather than\n * a height: the panel is as tall as what it holds, and starts scrolling only\n * once that would pass the preset.\n *\n * It was a fixed `height`, which meant a short sheet reserved the rest of the\n * preset as dead space — a `md` sheet holding three lines and a button drew a\n * 400px panel and floated them in it. `min(…, 100%)` keeps the ceiling under\n * the viewport, which is also what MUI's own bottom paper asks for.\n *\n * `full` is absent on purpose: it is not a ceiling, it is the whole viewport,\n * and `sizeStyles` answers it before it gets here.\n */\nconst VERTICAL_SIZES: Record<Exclude<Size, 'full'>, string> = {\n  xs: 'min(200px, 100%)',\n  sm: 'min(300px, 100%)',\n  md: 'min(400px, 100%)',\n  lg: 'min(500px, 100%)',\n  xl: 'min(600px, 100%)',\n};\n\n/**\n * How wide a top/bottom sheet is allowed to get — its CROSS axis, so it is one\n * rule rather than one per `size` preset.\n *\n * A bottom sheet spanning the full width is a phone layout, and it was the only\n * layout this component had: on a desktop a panel holding a sentence and one\n * button was drawn 1900px wide, with the content stranded in the middle of it.\n * 640px is Material's own ceiling for a bottom sheet above the handset\n * breakpoint, and below it `100%` gives the phone back exactly what it had.\n *\n * `fullHeight` is the documented opt-out — it expands a vertical sheet along\n * this axis — and it becomes meaningful here for the first time: it used to\n * name the behaviour every bottom sheet already had.\n */\nconst VERTICAL_MAX_WIDTH = 'min(100%, 640px)';\n\ninterface SizeStyleInput {\n  position: Position;\n  size: Size;\n  isDraggableVariant: boolean;\n  currentHeight: number | null;\n}\n\nconst sizeStyles = ({\n  position,\n  size,\n  isDraggableVariant,\n  currentHeight,\n}: SizeStyleInput) => {\n  if (isHorizontalPosition(position)) {\n    return { width: HORIZONTAL_SIZES[size] ?? HORIZONTAL_SIZES.md };\n  }\n\n  // `full` is not a size on the scale — it is THE WHOLE VIEWPORT, on both axes,\n  // and it has to stay that: a consumer using it for a phone takeover would\n  // otherwise get a content-hugging 640px card out of a catalog bump, with\n  // nothing in the API left to ask for what they had. So it is answered before\n  // either rule below touches it.\n  if (size === 'full') return { width: '100%', height: '100%' };\n\n  // The cross axis is the same rule whatever the preset, and the draggable\n  // variant needs it too — dragging moves the panel's height, never its width.\n  // `marginInline` is what centres it: MUI pins the bottom paper `left: 0;\n  // right: 0`, so a definite width plus auto margins resolves to the middle.\n  const cross = { width: VERTICAL_MAX_WIDTH, marginInline: 'auto' };\n\n  // The draggable variant owns its own height: the snap point decides it, so a\n  // preset would fight the drag.\n  if (isDraggableVariant && currentHeight !== null) {\n    return { ...cross, height: currentHeight };\n  }\n\n  return {\n    ...cross,\n    // A CEILING, not a height — see `VERTICAL_SIZES`. `height: auto` is stated\n    // rather than left off so the rule survives a caller who set a height on a\n    // previous render, and it is what lets the panel hug what it holds.\n    height: 'auto',\n    maxHeight: VERTICAL_SIZES[size] ?? VERTICAL_SIZES.md,\n  };\n};\n\n/** `r, g, b` for a hex colour, so it can feed an `rgba(var(--x), a)` custom property. */\nconst toRgbTriplet = (hexColor: string) => {\n  const hex = hexColor.replace('#', '');\n  const r = parseInt(hex.substring(0, 2), 16);\n  const g = parseInt(hex.substring(2, 4), 16);\n  const b = parseInt(hex.substring(4, 6), 16);\n  return `${r}, ${g}, ${b}`;\n};\n\nconst roundedStyles = (theme: Theme, position: Position) => {\n  const radius = theme.spacing(2);\n  const byPosition: Record<Position, string> = {\n    top: `0 0 ${radius} ${radius}`,\n    bottom: `${radius} ${radius} 0 0`,\n    left: `0 ${radius} ${radius} 0`,\n    right: `${radius} 0 0 ${radius}`,\n  };\n  return { borderRadius: byPosition[position] };\n};\n\ninterface VariantStyleInput {\n  theme: Theme;\n  variant: Variant;\n  color: Color;\n  position: Position;\n  elevation: number;\n  glow: boolean;\n  pulse: boolean;\n  glass: boolean;\n  gradient: boolean;\n  rounded: boolean;\n  disabled: boolean;\n  isDragging: boolean;\n  isAnimating: boolean;\n  isDraggableVariant: boolean;\n  isVerticalSheet: boolean;\n}\n\ntype SurfaceInput = VariantStyleInput & { accent: string };\n\n/**\n * Each variant's own additions to the shared surface — never the shared part\n * itself. Every arm of the old switch re-spread the same base, glow, pulse and\n * rounded objects before adding these few rules; `variantStyles` applies that\n * prefix once and lets the table hold only what actually differs.\n */\nconst SURFACES: Record<Variant, (input: SurfaceInput) => Record<string, unknown>> = {\n  draggable: ({ theme, elevation, accent }) => ({\n    boxShadow: `\n            ${theme.shadows[Math.min(elevation + 4, 24)]},\n            0 -2px 10px 0 ${alpha(theme.palette.common.black, 0.1)}\n          `,\n    border: `1px solid ${alpha(theme.palette.divider, 0.12)}`,\n    borderTop: `2px solid ${alpha(accent, 0.3)}`,\n    transition: theme.transitions.create(['transform', 'box-shadow', 'border-color'], {\n      duration: theme.transitions.duration.shorter,\n      easing: theme.transitions.easing.easeInOut,\n    }),\n    '&:hover': { borderTopColor: alpha(accent, 0.5) },\n  }),\n\n  glass: ({ theme, glass }) => ({\n    backgroundColor: alpha(theme.palette.background.paper, glass ? 0.75 : 0.95),\n    backdropFilter: 'blur(24px) saturate(180%)',\n    WebkitBackdropFilter: 'blur(24px) saturate(180%)',\n    border: `1px solid ${alpha(theme.palette.divider, 0.15)}`,\n    boxShadow: `\n            0 8px 32px 0 ${alpha(theme.palette.common.black, 0.15)},\n            inset 0 0 0 1px ${alpha(theme.palette.common.white, 0.1)}\n          `,\n  }),\n\n  gradient: ({ theme, color, gradient, accent }) => ({\n    background: gradient\n      ? `linear-gradient(\n                135deg,\n                ${theme.palette.background.paper} 0%,\n                ${alpha(accent, 0.08)} 50%,\n                ${alpha(accentFor(theme, color)?.dark || accent, 0.12)} 100%\n              )`\n      : theme.palette.background.paper,\n    position: 'relative' as const,\n    overflow: 'hidden' as const,\n    '&::before': gradient ? shimmerOverlay(theme) : {},\n  }),\n\n  elevated: ({ theme, elevation }) => ({\n    boxShadow: `\n            ${theme.shadows[elevation]},\n            0 20px 40px -15px ${alpha(theme.palette.common.black, 0.15)}\n          `,\n    transform: 'translateZ(0)',\n    willChange: 'transform',\n  }),\n\n  minimal: () => ({ boxShadow: 'none', border: 'none' }),\n\n  default: () => ({}),\n};\n\n/** The sweep of light the gradient variant runs across itself. */\nconst shimmerOverlay = (theme: Theme) => ({\n  content: '\"\"',\n  position: 'absolute',\n  top: 0,\n  left: '-100%',\n  width: '100%',\n  height: '100%',\n  background: `linear-gradient(\n              90deg,\n              transparent,\n              ${alpha(theme.palette.common.white, 0.2)},\n              transparent\n            )`,\n  animation: `${shimmerAnimation} 3s infinite`,\n});\n\n/**\n * The parts of the surface that do not depend on the variant: the paper colour,\n * the transition suppression while a drag or spring is driving the panel, the\n * disabled and cursor states, and the two colour custom properties the glow and\n * pulse keyframes read.\n */\nconst baseSurface = (input: VariantStyleInput, accent: string) => {\n  const { theme, disabled, isDragging, isAnimating, isDraggableVariant, isVerticalSheet } = input;\n  const colorRgb = toRgbTriplet(accent);\n\n  return {\n    backgroundColor: theme.palette.background.paper,\n    // A transition would fight the per-frame height writes while a drag or a\n    // snap animation is driving the panel.\n    transition:\n      !isDragging && !isAnimating\n        ? theme.transitions.create(['all'], {\n            duration: theme.transitions.duration.standard,\n            easing: theme.transitions.easing.easeInOut,\n          })\n        : 'none',\n    opacity: disabled ? 0.5 : 1,\n    pointerEvents: disabled ? ('none' as const) : ('auto' as const),\n    cursor: isDraggableVariant && isVerticalSheet ? 'grab' : 'auto',\n    '--pulse-color': colorRgb,\n    '--glow-color': colorRgb,\n    ...(isDragging && { cursor: 'grabbing' }),\n  };\n};\n\nconst variantStyles = (input: VariantStyleInput) => {\n  const { theme, variant, color, position, glow, pulse, rounded } = input;\n  const accent = accentFor(theme, color)?.main || theme.palette.primary.main;\n\n  return {\n    ...baseSurface(input, accent),\n    // glow first, then pulse: with both set the pulse keyframes win the shared\n    // `animation` slot, which is the order the original spread produced.\n    ...(glow && { animation: `${glowAnimation} 2s ease-in-out infinite`, filter: 'brightness(1.05)' }),\n    ...(pulse && { animation: `${pulseAnimation} 2s infinite`, position: 'relative' as const }),\n    ...(rounded && roundedStyles(theme, position)),\n    ...(SURFACES[variant] ?? SURFACES.default)({ ...input, accent }),\n  };\n};\n\ninterface PanelSxInput extends VariantStyleInput {\n  size: Size;\n  currentHeight: number | null;\n  fullHeight: boolean;\n  style?: React.CSSProperties;\n}\n\n/**\n * The drawer paper's complete `sx`: its size, its variant surface, the caller's\n * own `style`, and the full-height rule.\n *\n * Built here rather than in the component so the component holds no style\n * branches of its own — the cross-axis rule below is four on its own.\n */\nexport const panelSx = (input: PanelSxInput): CSSObject => {\n  const { position, size, isDraggableVariant, isVerticalSheet, currentHeight, fullHeight, style } =\n    input;\n\n  return {\n    // The DEFAULT, so the glow and the elevated shadow are not clipped by the\n    // panel they hang off. It used to be stated last, which made it a rule\n    // nothing could override — including `gradient`, whose own `overflow:\n    // hidden` is what keeps its shimmer inside the panel. That was invisible\n    // while every vertical sheet was full-bleed, because the sweep starts at\n    // `left: -100%` and a full-width panel put it off-screen; a 640px one puts\n    // it on the backdrop beside the sheet.\n    overflow: 'visible',\n    ...sizeStyles({ position, size, isDraggableVariant, currentHeight }),\n    // A COLUMN, so `maxHeight` above can be a ceiling rather than a height: the\n    // body is then a flex item that shrinks against it, and the scrolling falls\n    // to `SheetContent` where it belongs. Without this the panel would clip a\n    // long sheet instead of scrolling it.\n    ...(isVerticalSheet ? { display: 'flex', flexDirection: 'column' } : {}),\n    ...variantStyles(input),\n    ...style,\n    // Expand only the cross axis so the chosen `size` still governs the main\n    // axis: side sheets keep their (responsive) width and go full-height;\n    // top/bottom sheets keep their height and go full-width.\n    ...(fullHeight &&\n      !isDraggableVariant &&\n      (isHorizontalPosition(position) ? { height: '100%' } : { width: '100%' })),\n  };\n};\n"],"mappings":"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","names":[]}

package/dist/{chunk-GVA5CYKP.js → chunk-BUQ2JUND.js}

@@ -1,6 +1,6 @@
 import {
   Sheet
-} from "./chunk-OTH7H3IP.js";
+} from "./chunk-4J5EN4FQ.js";
 import {
   Dialog
 } from "./chunk-YANLN6HP.js";
@@ -162,4 +162,4 @@ AppHeaderDetails.displayName = "AppHeaderDetails";
 export {
   AppHeaderDetails
 };
-//# sourceMappingURL=chunk-GVA5CYKP.js.map
+//# sourceMappingURL=chunk-BUQ2JUND.js.map

package/dist/{chunk-7GKRZJWI.js → chunk-EMMPNB6D.js}

@@ -1,6 +1,6 @@
 import {
   GridToolbar
-} from "./chunk-JD4IVP22.js";
+} from "./chunk-4ZV7N5CU.js";
 
 // src/components/data-display/DataViews/data-views-shell-toolbar.tsx
 import { jsx } from "react/jsx-runtime";
@@ -64,4 +64,4 @@ function ShellToolbar({
 export {
   ShellToolbar
 };
-//# sourceMappingURL=chunk-7GKRZJWI.js.map
+//# sourceMappingURL=chunk-EMMPNB6D.js.map

package/dist/{chunk-M2K7BPHX.js → chunk-JBMBFYFA.js}

@@ -2,7 +2,7 @@ import {
   SheetContent,
   SheetFooter,
   SheetHeader
-} from "./chunk-POUWN4PX.js";
+} from "./chunk-U437KFDI.js";
 import {
   muiColor
 } from "./chunk-7ZPUN7TV.js";
@@ -55,7 +55,12 @@ var SheetBody = (props) => {
       onBlur,
       "data-testid": testId,
       sx: {
-        height: "100%",
+        // A vertical sheet's panel is a column whose height is its CONTENT, up
+        // to the `size` ceiling — so this fills what the panel has rather than
+        // asking for a percentage of it, and `minHeight: 0` is what lets it
+        // shrink past its content so `SheetContent` scrolls instead of the
+        // panel overflowing. A side sheet's panel is full-height already.
+        ...isVerticalSheet ? { flex: "1 1 auto", minHeight: 0 } : { height: "100%" },
         display: "flex",
         flexDirection: "column",
         position: "relative",
@@ -86,4 +91,4 @@ var SheetBody = (props) => {
 export {
   SheetBody
 };
-//# sourceMappingURL=chunk-M2K7BPHX.js.map
+//# sourceMappingURL=chunk-JBMBFYFA.js.map