@gfazioli/mantine-window 1.2.1 → 3.0.0

package/README.md

@@ -1,6 +1,6 @@
 # Mantine Window Component
 
-<img alt="Mantine Window" src="https://github.com/gfazioli/mantine-window/blob/master/logo.png" />
+<img alt="Mantine Window" src="https://github.com/gfazioli/mantine-window/blob/master/logo.jpeg" />
 
 <div align="center">
   
@@ -18,12 +18,29 @@
 ## Overview
 
 This component is created on top of the [Mantine](https://mantine.dev/) library.
-
-[Mantine Window](https://gfazioli.github.io/mantine-window/) is a versatile UI container that brings a familiar desktop‑like window experience to React applications built with Mantine. 
-
-You can render windows in a portal for fixed, scroll‑independent overlays, or constrain them to a specific parent by setting withinPortal to false and using a relative container. The component supports both uncontrolled defaults (position and size) and controlled visibility via opened/onClose, plus optional drag boundaries to keep windows within prescribed X/Y ranges. 
-
-For state continuity, it can persist position and size to localStorage, and it exposes onPositionChange and onSizeChange callbacks for reacting to user interactions. The window’s behavior and chrome are configurable—draggable and resizable modes, collapse/close buttons, non‑collapsible headers, and centered, immovable presets—while appearance is tailored through Mantine’s Styles API with fine‑grained classNames for internal elements. Together, these features make it a robust foundation for modals, tools, and embedded UI panels in complex interfaces.
+It requires **Mantine 9.x** and **React 19**.
+
+[Mantine Window](https://gfazioli.github.io/mantine-window/) is a versatile UI container that brings a familiar desktop‑like window experience to React applications built with Mantine.
+
+## Features
+
+- Draggable and resizable floating windows with 8-direction resize handles
+- Portal or container-relative positioning (`withinPortal`)
+- Controlled and uncontrolled position/size with mixed unit support (px, vw/vh, %)
+- Responsive values via Mantine breakpoints for all dimension props
+- Persistent state via localStorage (position, size, collapse state)
+- Configurable drag boundaries to constrain movement
+- Min/max size constraints with multi-unit support
+- Collapsible content with double-click header toggle
+- Z-index management with bring-to-front on interaction
+- `Window.Group` compound component for coordinated multi-window management
+- Layout presets: snap, tile, columns, rows, fill
+- Full Mantine Styles API support with fine-grained classNames
+- SSR-safe with hydration-compatible viewport unit resolution
+- `onPositionChange` and `onSizeChange` callbacks
+- `withScrollArea` prop to disable the internal ScrollArea wrapper
+- `controlsPosition` prop for macOS-style (left) or Windows-style (right) button placement
+- `controlsOrder` prop for custom button ordering (close, collapse, tools)
 
 > [!note]
 >
@@ -54,11 +71,9 @@ import { Title } from '@mantine/core';
 
 function Demo() {
   return (
-    <Stack>
-      <Window title="Hello World" opened>
-        <Title order={4}>This is a window</Title>
-      </Window>
-    </Stack>
+    <Window title="Hello World" opened defaultX={50} defaultY={50} defaultWidth={400} defaultHeight={300}>
+      <Title order={4}>This is a window</Title>
+    </Window>
   );
 }
 ```

package/dist/cjs/LayoutIcons.cjs

@@ -0,0 +1,118 @@
+'use client';
+'use strict';
+
+var React = require('react');
+
+const VW = 36;
+const VH = 28;
+const R = 4;
+const IR = 2;
+const BX = 3;
+const BY = 3;
+const BW = VW - BX * 2;
+const BH = VH - BY * 2;
+const PAD = 3;
+const GAP = 2;
+const IX = BX + PAD;
+const IY = BY + PAD;
+const FULL_W = BW - PAD * 2;
+const FULL_H = BH - PAD * 2;
+const HALF_W = (FULL_W - GAP) / 2;
+const HALF_H = (FULL_H - GAP) / 2;
+function getRects(layout) {
+  switch (layout) {
+    case "snap-left":
+      return [{ x: IX, y: IY, width: HALF_W, height: FULL_H }];
+    case "snap-right":
+      return [{ x: IX + HALF_W + GAP, y: IY, width: HALF_W, height: FULL_H }];
+    case "snap-top":
+      return [{ x: IX, y: IY, width: FULL_W, height: HALF_H }];
+    case "snap-bottom":
+      return [{ x: IX, y: IY + HALF_H + GAP, width: FULL_W, height: HALF_H }];
+    case "fill":
+      return [{ x: IX, y: IY, width: FULL_W, height: FULL_H }];
+    case "columns":
+      return [
+        { x: IX, y: IY, width: HALF_W, height: FULL_H },
+        { x: IX + HALF_W + GAP, y: IY, width: HALF_W, height: FULL_H }
+      ];
+    case "rows":
+      return [
+        { x: IX, y: IY, width: FULL_W, height: HALF_H },
+        { x: IX, y: IY + HALF_H + GAP, width: FULL_W, height: HALF_H }
+      ];
+    case "tile":
+      return [
+        { x: IX, y: IY, width: HALF_W, height: HALF_H },
+        { x: IX + HALF_W + GAP, y: IY, width: HALF_W, height: HALF_H },
+        { x: IX, y: IY + HALF_H + GAP, width: HALF_W, height: HALF_H },
+        { x: IX + HALF_W + GAP, y: IY + HALF_H + GAP, width: HALF_W, height: HALF_H }
+      ];
+    default:
+      return [];
+  }
+}
+function LayoutIconBase({ layout, size = 28 }) {
+  const w = size;
+  const h = size * (VH / VW);
+  const rects = getRects(layout);
+  return /* @__PURE__ */ React.createElement("svg", { viewBox: `0 0 ${VW} ${VH}`, width: w, height: h }, /* @__PURE__ */ React.createElement(
+    "rect",
+    {
+      x: BX,
+      y: BY,
+      width: BW,
+      height: BH,
+      rx: R,
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 1.4
+    }
+  ), rects.map((r, i) => /* @__PURE__ */ React.createElement(
+    "rect",
+    {
+      key: i,
+      x: r.x,
+      y: r.y,
+      width: r.width,
+      height: r.height,
+      rx: IR,
+      fill: "currentColor",
+      opacity: 0.45
+    }
+  )));
+}
+function SnapLeftIcon({ size }) {
+  return /* @__PURE__ */ React.createElement(LayoutIconBase, { layout: "snap-left", size });
+}
+function SnapRightIcon({ size }) {
+  return /* @__PURE__ */ React.createElement(LayoutIconBase, { layout: "snap-right", size });
+}
+function SnapTopIcon({ size }) {
+  return /* @__PURE__ */ React.createElement(LayoutIconBase, { layout: "snap-top", size });
+}
+function SnapBottomIcon({ size }) {
+  return /* @__PURE__ */ React.createElement(LayoutIconBase, { layout: "snap-bottom", size });
+}
+function FillIcon({ size }) {
+  return /* @__PURE__ */ React.createElement(LayoutIconBase, { layout: "fill", size });
+}
+function ArrangeColumnsIcon({ size }) {
+  return /* @__PURE__ */ React.createElement(LayoutIconBase, { layout: "columns", size });
+}
+function ArrangeRowsIcon({ size }) {
+  return /* @__PURE__ */ React.createElement(LayoutIconBase, { layout: "rows", size });
+}
+function TileIcon({ size }) {
+  return /* @__PURE__ */ React.createElement(LayoutIconBase, { layout: "tile", size });
+}
+
+exports.ArrangeColumnsIcon = ArrangeColumnsIcon;
+exports.ArrangeRowsIcon = ArrangeRowsIcon;
+exports.FillIcon = FillIcon;
+exports.SnapBottomIcon = SnapBottomIcon;
+exports.SnapLeftIcon = SnapLeftIcon;
+exports.SnapRightIcon = SnapRightIcon;
+exports.SnapTopIcon = SnapTopIcon;
+exports.TileIcon = TileIcon;
+//# sourceMappingURL=LayoutIcons.cjs.map

package/dist/cjs/LayoutIcons.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutIcons.cjs","sources":["../../src/LayoutIcons.tsx"],"sourcesContent":["import React from 'react';\n\ninterface LayoutIconProps {\n  size?: number;\n}\n\n// 16:9 aspect ratio viewBox — generous padding for rounded border\nconst VW = 36;\nconst VH = 28;\nconst R = 4; // outer border radius\nconst IR = 2; // inner rect radius\nconst BX = 3; // border x\nconst BY = 3; // border y\nconst BW = VW - BX * 2; // border width\nconst BH = VH - BY * 2; // border height\nconst PAD = 3; // padding between border and highlighted area\nconst GAP = 2; // gap between split areas\n\n// Derived layout constants\nconst IX = BX + PAD;\nconst IY = BY + PAD;\nconst FULL_W = BW - PAD * 2;\nconst FULL_H = BH - PAD * 2;\nconst HALF_W = (FULL_W - GAP) / 2;\nconst HALF_H = (FULL_H - GAP) / 2;\n\ninterface RectDef {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n}\n\nfunction getRects(layout: string): RectDef[] {\n  switch (layout) {\n    case 'snap-left':\n      return [{ x: IX, y: IY, width: HALF_W, height: FULL_H }];\n    case 'snap-right':\n      return [{ x: IX + HALF_W + GAP, y: IY, width: HALF_W, height: FULL_H }];\n    case 'snap-top':\n      return [{ x: IX, y: IY, width: FULL_W, height: HALF_H }];\n    case 'snap-bottom':\n      return [{ x: IX, y: IY + HALF_H + GAP, width: FULL_W, height: HALF_H }];\n    case 'fill':\n      return [{ x: IX, y: IY, width: FULL_W, height: FULL_H }];\n    case 'columns':\n      return [\n        { x: IX, y: IY, width: HALF_W, height: FULL_H },\n        { x: IX + HALF_W + GAP, y: IY, width: HALF_W, height: FULL_H },\n      ];\n    case 'rows':\n      return [\n        { x: IX, y: IY, width: FULL_W, height: HALF_H },\n        { x: IX, y: IY + HALF_H + GAP, width: FULL_W, height: HALF_H },\n      ];\n    case 'tile':\n      return [\n        { x: IX, y: IY, width: HALF_W, height: HALF_H },\n        { x: IX + HALF_W + GAP, y: IY, width: HALF_W, height: HALF_H },\n        { x: IX, y: IY + HALF_H + GAP, width: HALF_W, height: HALF_H },\n        { x: IX + HALF_W + GAP, y: IY + HALF_H + GAP, width: HALF_W, height: HALF_H },\n      ];\n    default:\n      return [];\n  }\n}\n\nfunction LayoutIconBase({ layout, size = 28 }: { layout: string } & LayoutIconProps) {\n  const w = size;\n  const h = size * (VH / VW);\n  const rects = getRects(layout);\n  return (\n    <svg viewBox={`0 0 ${VW} ${VH}`} width={w} height={h}>\n      <rect\n        x={BX}\n        y={BY}\n        width={BW}\n        height={BH}\n        rx={R}\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeWidth={1.4}\n      />\n      {rects.map((r, i) => (\n        <rect\n          key={i}\n          x={r.x}\n          y={r.y}\n          width={r.width}\n          height={r.height}\n          rx={IR}\n          fill=\"currentColor\"\n          opacity={0.45}\n        />\n      ))}\n    </svg>\n  );\n}\n\n/** Snap left — left half highlighted */\nexport function SnapLeftIcon({ size }: LayoutIconProps) {\n  return <LayoutIconBase layout=\"snap-left\" size={size} />;\n}\n\n/** Snap right — right half highlighted */\nexport function SnapRightIcon({ size }: LayoutIconProps) {\n  return <LayoutIconBase layout=\"snap-right\" size={size} />;\n}\n\n/** Snap top — top half highlighted */\nexport function SnapTopIcon({ size }: LayoutIconProps) {\n  return <LayoutIconBase layout=\"snap-top\" size={size} />;\n}\n\n/** Snap bottom — bottom half highlighted */\nexport function SnapBottomIcon({ size }: LayoutIconProps) {\n  return <LayoutIconBase layout=\"snap-bottom\" size={size} />;\n}\n\n/** Fill — entire area highlighted */\nexport function FillIcon({ size }: LayoutIconProps) {\n  return <LayoutIconBase layout=\"fill\" size={size} />;\n}\n\n/** Arrange columns — two vertical columns */\nexport function ArrangeColumnsIcon({ size }: LayoutIconProps) {\n  return <LayoutIconBase layout=\"columns\" size={size} />;\n}\n\n/** Arrange rows — two horizontal rows */\nexport function ArrangeRowsIcon({ size }: LayoutIconProps) {\n  return <LayoutIconBase layout=\"rows\" size={size} />;\n}\n\n/** Tile — 2x2 grid */\nexport function TileIcon({ size }: LayoutIconProps) {\n  return <LayoutIconBase layout=\"tile\" size={size} />;\n}\n"],"names":[],"mappings":"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"}

package/dist/cjs/Window.cjs

@@ -5,8 +5,12 @@ var React = require('react');
 var iconsReact = require('@tabler/icons-react');
 var core = require('@mantine/core');
 var useMantineWindow = require('./hooks/use-mantine-window.cjs');
+var useResponsiveValue = require('./hooks/use-responsive-value.cjs');
+var LayoutIcons = require('./LayoutIcons.cjs');
+var WindowGroup = require('./WindowGroup.cjs');
 var Window_module = require('./Window.module.css.cjs');
 
+const HEADER_HEIGHT = 40;
 const defaultProps = {
   withBorder: true,
   shadow: "md",
@@ -15,6 +19,9 @@ const defaultProps = {
   withCloseButton: true,
   withCollapseButton: true,
   collapsable: true,
+  withToolsButton: true,
+  withScrollArea: true,
+  controlsPosition: "left",
   persistState: false,
   withinPortal: true,
   minWidth: 250,
@@ -45,7 +52,7 @@ const varsResolver = core.createVarsResolver((_, { radius, shadow }) => {
     resizeHandleLeft: {}
   };
 });
-const Window = core.factory((_props, _) => {
+const Window = core.factory((_props) => {
   const props = core.useProps("Window", defaultProps, _props);
   const {
     opened,
@@ -58,8 +65,13 @@ const Window = core.factory((_props, _) => {
     withCollapseButton,
     collapsable,
     withCloseButton,
+    withToolsButton,
+    withScrollArea,
+    controlsPosition,
+    controlsOrder: controlsOrderProp,
     onClose,
     radius,
+    shadow,
     withinPortal,
     persistState,
     minWidth,
@@ -67,8 +79,14 @@ const Window = core.factory((_props, _) => {
     maxWidth,
     maxHeight,
     dragBounds,
-    defaultPosition,
-    defaultSize,
+    x,
+    y,
+    defaultX,
+    defaultY,
+    width,
+    height,
+    defaultWidth,
+    defaultHeight,
     onPositionChange,
     onSizeChange,
     withBorder,
@@ -82,9 +100,12 @@ const Window = core.factory((_props, _) => {
     className,
     ...others
   } = props;
+  const resolvedRadius = useResponsiveValue.useResponsiveValue(radius, void 0);
+  const resolvedShadow = useResponsiveValue.useResponsiveValue(shadow, "md");
+  const resolvedProps = { ...props, radius: resolvedRadius, shadow: resolvedShadow };
   const getStyles = core.useStyles({
     name: "Window",
-    props,
+    props: resolvedProps,
     classes: Window_module,
     className,
     style,
@@ -103,10 +124,13 @@ const Window = core.factory((_props, _) => {
     setIsCollapsed,
     isVisible,
     zIndex,
+    withinPortal: resolvedWithinPortal,
     handleMouseDownDrag,
     handleTouchStartDrag,
     resizeHandlers,
-    handleClose
+    handleClose,
+    groupCtx,
+    applySingleLayout
   } = useMantineWindow.useMantineWindow(props);
   const draggableHeader = draggable === "header" || draggable === "both";
   const draggableWindow = draggable === "window" || draggable === "both";
@@ -121,12 +145,14 @@ const Window = core.factory((_props, _) => {
       mod: [{ "data-with-border": withBorder, "data-window-draggable": draggableWindow }, mod],
       onMouseDown: draggableWindow ? handleMouseDownDrag : void 0,
       onTouchStart: draggableWindow ? handleTouchStartDrag : void 0,
-      bg: color,
+      role: "dialog",
+      "aria-label": title || props.id || "Window",
       "data-mantine-window": true,
       ...others,
+      bg: color,
       ...getStyles("root", {
         style: {
-          position: withinPortal ? "fixed" : "absolute",
+          position: resolvedWithinPortal ? "fixed" : "absolute",
           left: position.x,
           top: position.y,
           width: size.width,
@@ -140,36 +166,153 @@ const Window = core.factory((_props, _) => {
       {
         ...getStyles("header"),
         onClick: bringToFront,
-        mod: { "window-draggable": draggableHeader },
+        mod: { "window-draggable": draggableHeader, "controls-position": controlsPosition },
         onMouseDown: draggableHeader ? handleMouseDownDrag : void 0,
         onTouchStart: draggableHeader ? handleTouchStartDrag : void 0,
         onDoubleClick: () => collapsable && setIsCollapsed(!isCollapsed)
       },
-      /* @__PURE__ */ React.createElement(core.Flex, { align: "center", gap: "xs", miw: 0 }, /* @__PURE__ */ React.createElement(core.Flex, { align: "center", gap: 8 }, withCloseButton && /* @__PURE__ */ React.createElement(
-        core.ActionIcon,
-        {
-          radius: 256,
-          color: "red",
-          onClick: handleClose,
-          ...getStyles("closeButton")
-        },
-        /* @__PURE__ */ React.createElement(iconsReact.IconX, { size: 14 })
-      ), withCollapseButton && collapsable && /* @__PURE__ */ React.createElement(
-        core.ActionIcon,
-        {
-          radius: 256,
-          color: "yellow",
-          onClick: () => setIsCollapsed(!isCollapsed),
-          ...getStyles("collapseButton")
-        },
-        isCollapsed ? /* @__PURE__ */ React.createElement(iconsReact.IconPlus, { size: 14 }) : /* @__PURE__ */ React.createElement(iconsReact.IconMinus, { size: 14 })
-      )), /* @__PURE__ */ React.createElement(core.Flex, { align: "center", gap: "xs", miw: 0 }, /* @__PURE__ */ React.createElement(core.Text, { truncate: true, ...getStyles("title") }, title)))
-    ), !isCollapsed && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+      (() => {
+        const defaultOrder = controlsPosition === "right" ? ["tools", "collapse", "close"] : ["close", "collapse", "tools"];
+        const order = controlsOrderProp ?? defaultOrder;
+        const controlElements = {
+          close: withCloseButton ? /* @__PURE__ */ React.createElement(
+            core.ActionIcon,
+            {
+              key: "close",
+              radius: 256,
+              color: "red",
+              onClick: handleClose,
+              "aria-label": "Close window",
+              ...getStyles("closeButton")
+            },
+            /* @__PURE__ */ React.createElement(iconsReact.IconX, { size: 14 })
+          ) : null,
+          collapse: withCollapseButton && collapsable ? /* @__PURE__ */ React.createElement(
+            core.ActionIcon,
+            {
+              key: "collapse",
+              radius: 256,
+              color: "yellow",
+              onClick: () => setIsCollapsed(!isCollapsed),
+              "aria-label": isCollapsed ? "Expand window" : "Collapse window",
+              ...getStyles("collapseButton")
+            },
+            isCollapsed ? /* @__PURE__ */ React.createElement(iconsReact.IconPlus, { size: 14 }) : /* @__PURE__ */ React.createElement(iconsReact.IconMinus, { size: 14 })
+          ) : null,
+          tools: withToolsButton && (groupCtx?.showToolsButton ?? true) ? /* @__PURE__ */ React.createElement(core.Menu, { key: "tools", shadow: "md", width: 220, position: "bottom-start", withArrow: true }, /* @__PURE__ */ React.createElement(core.Menu.Target, null, /* @__PURE__ */ React.createElement(
+            core.ActionIcon,
+            {
+              radius: 256,
+              color: "green",
+              "aria-label": "Window layout options",
+              ...getStyles("windowToolsButton")
+            },
+            /* @__PURE__ */ React.createElement(LayoutIcons.FillIcon, { size: 14 })
+          )), /* @__PURE__ */ React.createElement(core.Menu.Dropdown, null, /* @__PURE__ */ React.createElement(core.Menu.Label, null, "Move & Resize"), /* @__PURE__ */ React.createElement(core.Flex, { justify: "space-between", pb: "xs", px: "sm" }, /* @__PURE__ */ React.createElement(
+            core.ActionIcon,
+            {
+              variant: "subtle",
+              size: "lg",
+              "aria-label": "Snap left",
+              onClick: () => applySingleLayout("snap-left")
+            },
+            /* @__PURE__ */ React.createElement(LayoutIcons.SnapLeftIcon, null)
+          ), /* @__PURE__ */ React.createElement(
+            core.ActionIcon,
+            {
+              variant: "subtle",
+              size: "lg",
+              "aria-label": "Snap right",
+              onClick: () => applySingleLayout("snap-right")
+            },
+            /* @__PURE__ */ React.createElement(LayoutIcons.SnapRightIcon, null)
+          ), /* @__PURE__ */ React.createElement(
+            core.ActionIcon,
+            {
+              variant: "subtle",
+              size: "lg",
+              "aria-label": "Snap top",
+              onClick: () => applySingleLayout("snap-top")
+            },
+            /* @__PURE__ */ React.createElement(LayoutIcons.SnapTopIcon, null)
+          ), /* @__PURE__ */ React.createElement(
+            core.ActionIcon,
+            {
+              variant: "subtle",
+              size: "lg",
+              "aria-label": "Snap bottom",
+              onClick: () => applySingleLayout("snap-bottom")
+            },
+            /* @__PURE__ */ React.createElement(LayoutIcons.SnapBottomIcon, null)
+          )), /* @__PURE__ */ React.createElement(core.Menu.Divider, null), /* @__PURE__ */ React.createElement(core.Menu.Label, null, "Fill & Arrange"), /* @__PURE__ */ React.createElement(core.Flex, { justify: "space-between", pb: "xs", px: "sm" }, /* @__PURE__ */ React.createElement(
+            core.ActionIcon,
+            {
+              variant: "subtle",
+              size: "lg",
+              "aria-label": "Fill",
+              onClick: () => applySingleLayout("fill")
+            },
+            /* @__PURE__ */ React.createElement(LayoutIcons.FillIcon, null)
+          ), groupCtx && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+            core.ActionIcon,
+            {
+              variant: "subtle",
+              size: "lg",
+              "aria-label": "Arrange columns",
+              onClick: () => groupCtx.applyLayout("arrange-columns")
+            },
+            /* @__PURE__ */ React.createElement(LayoutIcons.ArrangeColumnsIcon, null)
+          ), /* @__PURE__ */ React.createElement(
+            core.ActionIcon,
+            {
+              variant: "subtle",
+              size: "lg",
+              "aria-label": "Arrange rows",
+              onClick: () => groupCtx.applyLayout("arrange-rows")
+            },
+            /* @__PURE__ */ React.createElement(LayoutIcons.ArrangeRowsIcon, null)
+          ), /* @__PURE__ */ React.createElement(
+            core.ActionIcon,
+            {
+              variant: "subtle",
+              size: "lg",
+              "aria-label": "Tile",
+              onClick: () => groupCtx.applyLayout("tile")
+            },
+            /* @__PURE__ */ React.createElement(LayoutIcons.TileIcon, null)
+          ))), groupCtx && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(core.Menu.Divider, null), /* @__PURE__ */ React.createElement(core.Menu.Item, { onClick: () => groupCtx.collapseAll() }, "Collapse all"), /* @__PURE__ */ React.createElement(core.Menu.Item, { onClick: () => groupCtx.expandAll() }, "Expand all"), /* @__PURE__ */ React.createElement(core.Menu.Item, { color: "red", onClick: () => groupCtx.closeAll() }, "Close all")))) : null
+        };
+        const controlsGroup = /* @__PURE__ */ React.createElement(core.Flex, { align: "center", gap: 8 }, order.map((name) => controlElements[name]));
+        const titleGroup = /* @__PURE__ */ React.createElement(core.Flex, { align: "center", gap: "xs", miw: 0 }, /* @__PURE__ */ React.createElement(core.Text, { truncate: true, ...getStyles("title") }, title));
+        return /* @__PURE__ */ React.createElement(
+          core.Flex,
+          {
+            align: "center",
+            gap: "xs",
+            miw: 0,
+            justify: controlsPosition === "right" ? "space-between" : void 0,
+            w: controlsPosition === "right" ? "100%" : void 0
+          },
+          controlsPosition === "left" ? /* @__PURE__ */ React.createElement(React.Fragment, null, controlsGroup, titleGroup) : /* @__PURE__ */ React.createElement(React.Fragment, null, titleGroup, controlsGroup)
+        );
+      })()
+    ), !isCollapsed && /* @__PURE__ */ React.createElement(React.Fragment, null, withScrollArea ? /* @__PURE__ */ React.createElement(
       core.ScrollArea,
       {
         ...getStyles("content", {
           style: {
-            height: size.height - 40
+            height: Math.max(0, size.height - HEADER_HEIGHT)
+          }
+        })
+      },
+      children
+    ) : /* @__PURE__ */ React.createElement(
+      core.Box,
+      {
+        ...getStyles("content", {
+          style: {
+            height: Math.max(0, size.height - HEADER_HEIGHT),
+            overflow: "hidden"
           }
         })
       },
@@ -239,6 +382,7 @@ const Window = core.factory((_props, _) => {
 });
 Window.classes = Window_module;
 Window.displayName = "Window";
+Window.Group = WindowGroup.WindowGroup;
 
 exports.Window = Window;
 exports.defaultProps = defaultProps;