@ex-grid/sheet-mantine 0.0.0-stage → 0.2.0-beta.3

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 AkiraMisawa
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,3 +1,44 @@
-# Temporary Holding Version
+# @ex-grid/sheet-mantine
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+ExSheet for Mantine: the design-system Wrapper that draws ExSheet for React's Chrome, the Sheet Toolbar, Format Cells and the Sheet Tabs among it, with Mantine's components and maps its Visual Tokens onto a Mantine theme.
+
+It is one of the packages of the ExGrid family: Excel-like grids, sheets, pivot tables and charts for reading
+money and risk numbers, published to npm under `@ex-grid` and to NuGet for Blazor, at one shared version.
+
+## Install
+
+```sh
+npm install @ex-grid/sheet-mantine @mantine/core @mantine/hooks react react-dom
+```
+
+`@mantine/core`, `@mantine/hooks`, `react` and `react-dom` are peer dependencies: your application provides them, at the versions `package.json` names.
+
+It depends on exactly the version of `@ex-grid/mantine`, `@ex-grid/sheet`, `@ex-grid/sheet-engine` and `@ex-grid/sheet-react` it was built with, so upgrade the family's packages together.
+
+What it draws reads these stylesheets. Import them once in your application, after the design system's own:
+
+```ts
+import '@ex-grid/core/styles.css';
+import '@ex-grid/sheet/styles.css';
+import '@ex-grid/sheet-mantine/styles.css';
+```
+
+## Documentation
+
+[ExSheet on the documentation site](https://akiramisawa.github.io/ex-grid/exsheet), read for React with the switch at the top, and every
+version's [Release Notes](https://akiramisawa.github.io/ex-grid/release-notes).
+
+> **The API may still change.** While the version is `0.x`, it may change from one version to the next; each
+> version's Release Notes say what changed. A prerelease, a version with a suffix such as `-rc.1`, passed every
+> test layer in CI on the commit it was built from. A version without a suffix is published only once the
+> project's [Definition of Done](https://github.com/AkiraMisawa/ex-grid/blob/main/docs/definition-of-done.md) is
+> signed off on it.
+
+## Requirements
+
+- **Chrome or Edge.** They are the supported browsers; Safari and Firefox are out of scope.
+- **React 19.2.0 or a later 19.x.**
+
+## License
+
+MIT

package/dist/index.d.ts

@@ -0,0 +1,44 @@
+/**
+ * ExSheet for Mantine (ADR-0390): the design-system Wrapper that draws ExSheet for React's Chrome, the Sheet Toolbar,
+ * Format Cells and the Sheet Tabs among it, with Mantine's components, over ExGrid's Mantine Wrapper for the grid the
+ * Sheet is drawn by.
+ *
+ * @packageDocumentation
+ */
+
+import { CSSProperties } from 'react';
+import type { ExSheetChrome } from '@ex-grid/sheet-react';
+import { ExSheetProps } from '@ex-grid/sheet-react';
+import { MantineRadius } from '@mantine/core';
+import { MantineShadow } from '@mantine/core';
+import { ReactElement } from 'react';
+
+/**
+ * An Excel-like sheet with formulas drawn with Mantine: the Chrome slots a `chrome` prop leaves are Mantine's, the
+ * Sheet Toolbar, Format Cells and the Sheet Tabs among them, and the colours follow the theme and its scheme with no
+ * render. Needs Mantine's MantineProvider above it, and `@ex-grid/mantine/styles.css` and
+ * `@ex-grid/sheet-mantine/styles.css` loaded after Mantine's styles.
+ */
+export declare function MantineExSheet(props: MantineExSheetProps): ReactElement;
+
+/** A MantineExSheet's props: an ExSheet's, and the Paper's words Mantine draws it with. */
+export declare type MantineExSheetProps = ExSheetProps & {
+    /** The Paper's border, Mantine's `withBorder`. */
+    readonly withBorder?: boolean;
+    /** The Paper's corner radius, a theme radius or a CSS length; `0` sets the Sheet square in its Paper. */
+    readonly radius?: MantineRadius;
+    /** The Paper's shadow. */
+    readonly shadow?: MantineShadow;
+    /** A class for the Paper. */
+    readonly className?: string;
+    /** A style for the Paper. */
+    readonly style?: CSSProperties;
+};
+
+/** Every Chrome slot of a Sheet drawn in Mantine's components: ExGrid's Mantine Chrome for the grid's, and the Sheet's
+ * own. What {@link MantineExSheet} hands its Sheet. A Consumer that frames an ExSheet itself spreads it into the Sheet's
+ * `chrome`, inside an element of the classes `mantine-ex-grid mantine-ex-sheet` and a `MantineSizeContext`, as
+ * MantineExSheet draws them. */
+export declare const mantineSheetChrome: ExSheetChrome;
+
+export { }

package/dist/index.js

@@ -0,0 +1,752 @@
+// src/mantine-ex-sheet.ts
+import { createElement as createElement4, useMemo } from "react";
+import { Paper } from "@mantine/core";
+import { MantineSizeContext as MantineSizeContext4, mantineSizeOf } from "@ex-grid/mantine";
+import { ExSheet } from "@ex-grid/sheet-react";
+
+// src/chrome.ts
+import { createElement as createElement3, useContext as useContext3 } from "react";
+import { Text as Text2 } from "@mantine/core";
+import { MantineSizeContext as MantineSizeContext3, mantineChrome } from "@ex-grid/mantine";
+
+// src/format-cells.ts
+import { createElement, useContext, useState } from "react";
+import { Button, Checkbox, Fieldset, NativeSelect, Radio, Tabs, Text, TextInput } from "@mantine/core";
+import { MantineSizeContext } from "@ex-grid/mantine";
+import {
+  formatCellsLineStroke,
+  formatCellsOffer,
+  isDisabledCategory
+} from "@ex-grid/sheet";
+import { useFormatCells } from "@ex-grid/sheet-react";
+function paintOf(colour) {
+  return colour.isAutomatic ? "currentColor" : colour.toString();
+}
+function DraftField({ label, value, typed, size, type = "text", className, error, ...field }) {
+  const [typing, setTyping] = useState(void 0);
+  return createElement(TextInput, {
+    ...field,
+    label,
+    size,
+    type,
+    className,
+    error,
+    spellCheck: false,
+    value: typing ?? value(),
+    onFocus: (event) => {
+      setTyping(event.currentTarget.value);
+    },
+    onChange: (event) => {
+      const text = event.currentTarget.value;
+      setTyping(text);
+      typed(text);
+    },
+    onBlur: (event) => {
+      if (event.currentTarget.checkValidity()) setTyping(void 0);
+    }
+  });
+}
+function codeList(name, legend, codes, chosen, choose, size, className) {
+  return createElement(
+    Fieldset,
+    { key: name, legend, variant: "unstyled", className },
+    ...codes.map((code, index) => createElement(Radio, {
+      key: index,
+      name,
+      size,
+      checked: chosen(index, code),
+      onChange: () => {
+        choose(index, code);
+      },
+      label: createElement("code", null, code)
+    }))
+  );
+}
+function NumberTab({ draft, words, size, set, id }) {
+  const { category } = draft;
+  const options = [];
+  if (category === "general") options.push(createElement(Text, { key: "hint", size }, words.formatCellsLabel("generalHint")));
+  else if (category === "text") options.push(createElement(Text, { key: "hint", size }, words.formatCellsLabel("textHint")));
+  if (draft.takesDecimalPlaces) {
+    options.push(createElement(DraftField, {
+      key: `places-${category}`,
+      label: words.formatCellsLabel("decimalPlaces"),
+      size,
+      type: "number",
+      min: 0,
+      max: 30,
+      required: true,
+      className: "mantine-ex-sheet-format-cells-places",
+      value: () => String(draft.decimalPlaces),
+      typed: (text) => {
+        const value = Number(text);
+        if (text.trim() !== "" && Number.isInteger(value) && value >= 0 && value <= 30) set((each) => {
+          each.setDecimalPlaces(value);
+        });
+      }
+    }));
+  }
+  if (category === "number") {
+    options.push(createElement(Checkbox, {
+      key: "separator",
+      size,
+      label: words.formatCellsLabel("thousandsSeparator"),
+      checked: draft.thousandsSeparator,
+      onChange: (event) => {
+        const { checked } = event.currentTarget;
+        set((each) => {
+          each.setThousandsSeparator(checked);
+        });
+      }
+    }));
+  }
+  if (category === "currency") options.push(createElement(Text, { key: "symbol", size }, words.currencySymbolShown(draft.currencySymbol)));
+  if (draft.negativeNumbers.length > 0) {
+    options.push(codeList(
+      `${id}-negative`,
+      words.formatCellsLabel("negativeNumbers"),
+      draft.negativeNumbers,
+      (index) => draft.negativeNumber === index,
+      (index) => {
+        set((each) => {
+          each.setNegativeNumber(index);
+        });
+      },
+      size,
+      "mantine-ex-sheet-format-cells-list"
+    ));
+  }
+  if (category === "custom") {
+    const why = draft.numberFormatRefusal;
+    options.push(createElement(DraftField, {
+      key: "code",
+      label: words.formatCellsLabel("type"),
+      size,
+      className: "mantine-ex-sheet-format-cells-code",
+      value: () => draft.typeCode,
+      typed: (text) => {
+        set((each) => {
+          each.setType(text);
+        });
+      },
+      error: why === void 0 ? void 0 : words.formatCellsRefusal(why)
+    }));
+  }
+  if (draft.types.length > 0) {
+    options.push(codeList(
+      `${id}-type`,
+      words.formatCellsLabel(category === "custom" ? "codes" : "type"),
+      draft.types,
+      (_, code) => draft.typeCode === code,
+      (_, code) => {
+        set((each) => {
+          each.setType(code);
+        });
+      },
+      size,
+      "mantine-ex-sheet-format-cells-list mantine-ex-sheet-format-cells-types"
+    ));
+  }
+  return createElement(
+    "div",
+    { className: "mantine-ex-sheet-format-cells-columns" },
+    createElement(
+      Fieldset,
+      { legend: words.formatCellsLabel("category"), variant: "unstyled", className: "mantine-ex-sheet-format-cells-list" },
+      ...formatCellsOffer.categories.flatMap(({ category: each, enabled }) => {
+        const reasonId = `${id}-reason-${each}`;
+        const radio = createElement(Radio, {
+          key: each,
+          name: `${id}-category`,
+          size,
+          label: words.categoryName(each),
+          checked: draft.category === each,
+          disabled: !enabled,
+          "aria-describedby": isDisabledCategory(each) ? reasonId : void 0,
+          onChange: () => {
+            set((one) => {
+              one.selectCategory(each);
+            });
+          }
+        });
+        return isDisabledCategory(each) ? [radio, createElement(Text, { key: `${each}-reason`, id: reasonId, size: "xs", c: "dimmed", className: "mantine-ex-sheet-format-cells-reason" }, words.categoryDisabled(each))] : [radio];
+      })
+    ),
+    createElement("div", { className: "mantine-ex-sheet-format-cells-options" }, ...options)
+  );
+}
+function AlignmentTab({ draft, words, size, set }) {
+  return createElement(NativeSelect, {
+    label: words.formatCellsLabel("horizontal"),
+    size,
+    className: "mantine-ex-sheet-format-cells-dropdown",
+    value: draft.alignment,
+    data: formatCellsOffer.alignments.map((alignment) => ({ value: alignment, label: words.alignmentName(alignment) })),
+    onChange: (event) => {
+      const { value } = event.currentTarget;
+      const alignment = formatCellsOffer.alignments.find((each) => each === value);
+      if (alignment === void 0) throw new RangeError(`'${value}' is not an alignment Format Cells offers (ADR-0071).`);
+      set((each) => {
+        each.setAlignment(alignment);
+      });
+    }
+  });
+}
+function Palette({ draft, words, size, set, target, id }) {
+  const name = `${id}-palette-${target}`;
+  const isFill = target === "fill";
+  const chosen = draft.colourOf(target);
+  const swatches = (row, key) => createElement(
+    "div",
+    { key, className: "mantine-ex-sheet-swatches" },
+    ...row.map((swatch, index) => {
+      const swatchName = words.swatchName(swatch);
+      const paint = paintOf(swatch.colour);
+      return createElement("input", {
+        key: index,
+        type: "radio",
+        name,
+        className: "mantine-ex-sheet-swatch",
+        "aria-label": swatchName,
+        title: swatchName,
+        "data-rgb": paint,
+        style: { backgroundColor: paint },
+        checked: chosen !== void 0 && !chosen.isAutomatic && chosen.equals(swatch.colour),
+        onChange: () => {
+          set((each) => {
+            each.setColour(target, swatch.colour);
+          });
+        }
+      });
+    })
+  );
+  return createElement(
+    "div",
+    {
+      role: "radiogroup",
+      "aria-label": words.formatCellsLabel(isFill ? "backgroundColour" : "colour"),
+      className: "mantine-ex-sheet-palette"
+    },
+    createElement(Radio, {
+      key: "first",
+      name,
+      size,
+      label: words.formatCellsLabel(isFill ? "noColour" : "automatic"),
+      checked: isFill ? chosen === void 0 : chosen?.isAutomatic === true,
+      onChange: () => {
+        set((each) => {
+          each.setColour(target, void 0);
+        });
+      }
+    }),
+    swatches(formatCellsOffer.themeColours.flat(), "theme"),
+    swatches(formatCellsOffer.standardColours, "standard"),
+    createElement(DraftField, {
+      key: `hex-${target}`,
+      label: words.formatCellsLabel("moreColours"),
+      size,
+      placeholder: "#RRGGBB",
+      maxLength: 7,
+      "data-target": target,
+      className: "mantine-ex-sheet-more-colours",
+      value: () => draft.colourText(target),
+      typed: (text) => {
+        set((each) => {
+          each.setColourText(target, text);
+        });
+      }
+    })
+  );
+}
+function FontTab(props) {
+  const { draft, words, size, set, id } = props;
+  return createElement(
+    "div",
+    null,
+    createElement(
+      "div",
+      { className: "mantine-ex-sheet-format-cells-columns" },
+      createElement(
+        Fieldset,
+        { legend: words.formatCellsLabel("fontStyle"), variant: "unstyled", className: "mantine-ex-sheet-format-cells-list" },
+        ...formatCellsOffer.fontStyles.map((style) => createElement(Radio, {
+          key: style,
+          name: `${id}-font-style`,
+          size,
+          label: words.fontStyleName(style),
+          checked: draft.fontStyle === style,
+          onChange: () => {
+            set((each) => {
+              each.setFontStyle(style);
+            });
+          }
+        }))
+      ),
+      createElement(
+        "div",
+        { className: "mantine-ex-sheet-format-cells-options" },
+        createElement(NativeSelect, {
+          label: words.formatCellsLabel("underline"),
+          size,
+          className: "mantine-ex-sheet-format-cells-dropdown",
+          value: draft.underline ? "single" : "none",
+          data: [{ value: "none", label: words.formatCellsLabel("underlineNone") }, { value: "single", label: words.formatCellsLabel("underlineSingle") }],
+          onChange: (event) => {
+            const single = event.currentTarget.value === "single";
+            set((each) => {
+              each.setUnderline(single);
+            });
+          }
+        }),
+        createElement(Checkbox, {
+          size,
+          label: words.formatCellsLabel("strikethrough"),
+          checked: draft.strikethrough,
+          onChange: (event) => {
+            const { checked } = event.currentTarget;
+            set((each) => {
+              each.setStrikethrough(checked);
+            });
+          }
+        }),
+        // Excel's Normal font (ADR-0071, 2026-10-02): checking it sets every part of the Font to its default; it
+        // shows checked while they are, so unchecking it changes nothing.
+        createElement(Checkbox, {
+          size,
+          label: words.formatCellsLabel("normalFont"),
+          checked: draft.isNormalFont,
+          onChange: (event) => {
+            if (event.currentTarget.checked) set((each) => {
+              each.setNormalFont();
+            });
+          }
+        })
+      )
+    ),
+    createElement(Fieldset, { legend: words.formatCellsLabel("colour"), variant: "unstyled" }, createElement(Palette, { ...props, target: "font" }))
+  );
+}
+function sampleLine(y, width, dashes) {
+  return createElement("line", { key: y, x1: 0, y1: y, x2: 56, y2: y, stroke: "currentColor", strokeWidth: width, strokeDasharray: dashes });
+}
+function lineSample(style) {
+  const { width, dashes } = formatCellsLineStroke(style);
+  const lines = style === "none" ? [] : style === "double" ? [sampleLine(2.5, width, void 0), sampleLine(5.5, width, void 0)] : [sampleLine(4, width, dashes)];
+  return createElement("svg", { className: "mantine-ex-sheet-format-cells-line", width: 56, height: 8, "aria-hidden": true }, ...lines);
+}
+function preview(draft, label) {
+  const edges = [
+    ["top", 4, 4, 116, 4],
+    ["bottom", 4, 68, 116, 68],
+    ["left", 4, 4, 4, 68],
+    ["right", 116, 4, 116, 68]
+  ];
+  if (draft.hasInsideHorizontal) edges.push(["insideHorizontal", 4, 36, 116, 36]);
+  if (draft.hasInsideVertical) edges.push(["insideVertical", 60, 4, 60, 68]);
+  const lines = edges.flatMap(([edge, x1, y1, x2, y2]) => {
+    const line = draft.edgeLine(edge);
+    if (line?.isNone === true) return [];
+    if (line === void 0) {
+      return [createElement("line", { key: edge, x1, y1, x2, y2, "data-edge": edge, className: "mantine-ex-sheet-format-cells-differs", stroke: "#808080", strokeWidth: 1, strokeDasharray: "1 2" })];
+    }
+    const { width, dashes } = formatCellsLineStroke(line.style);
+    return [createElement("line", { key: edge, x1, y1, x2, y2, "data-edge": edge, stroke: paintOf(line.colour), strokeWidth: width, strokeDasharray: dashes })];
+  });
+  return createElement("svg", { className: "mantine-ex-sheet-format-cells-preview", width: 120, height: 72, viewBox: "0 0 120 72", role: "img", "aria-label": label }, ...lines);
+}
+function BorderTab(props) {
+  const { draft, words, size, set, id } = props;
+  const pressedOf = (edge) => {
+    const line = draft.edgeLine(edge);
+    if (line === void 0) return "mixed";
+    return line.isNone ? "false" : "true";
+  };
+  return createElement(
+    "div",
+    null,
+    createElement(
+      "div",
+      { className: "mantine-ex-sheet-format-cells-columns" },
+      createElement(
+        Fieldset,
+        { legend: words.formatCellsLabel("lineStyle"), variant: "unstyled" },
+        createElement(
+          "div",
+          { className: "mantine-ex-sheet-format-cells-columns" },
+          ...formatCellsOffer.lineStyleColumns.map((column, at) => createElement(
+            "div",
+            { key: at, className: "mantine-ex-sheet-format-cells-line-column" },
+            ...column.map((style) => createElement(Radio, {
+              key: style,
+              name: `${id}-line-style`,
+              size,
+              "aria-label": words.lineStyleName(style),
+              title: words.lineStyleName(style),
+              label: lineSample(style),
+              checked: draft.lineStyle === style,
+              onChange: () => {
+                set((each) => {
+                  each.setLineStyle(style);
+                });
+              }
+            }))
+          ))
+        )
+      ),
+      createElement(
+        "div",
+        { className: "mantine-ex-sheet-format-cells-options" },
+        createElement(
+          "div",
+          { role: "group", "aria-label": words.formatCellsLabel("presets"), className: "mantine-ex-sheet-format-cells-buttons" },
+          ...formatCellsOffer.presets.map((preset) => createElement(Button, {
+            key: preset,
+            type: "button",
+            size,
+            variant: "default",
+            disabled: !draft.canApply(preset),
+            onClick: () => {
+              set((each) => {
+                each.applyPreset(preset);
+              });
+            }
+          }, words.presetName(preset)))
+        ),
+        createElement(
+          "div",
+          { role: "group", "aria-label": words.formatCellsLabel("border"), className: "mantine-ex-sheet-format-cells-buttons" },
+          ...formatCellsOffer.edges.map((edge) => {
+            const pressed = pressedOf(edge);
+            const named = { "data-edge": edge };
+            return createElement(Button, {
+              key: edge,
+              type: "button",
+              size,
+              variant: pressed === "true" ? "filled" : pressed === "mixed" ? "light" : "default",
+              disabled: !draft.canSet(edge),
+              "aria-pressed": pressed,
+              ...named,
+              onClick: () => {
+                set((each) => {
+                  each.toggleEdge(edge);
+                });
+              }
+            }, words.edgeName(edge));
+          })
+        ),
+        preview(draft, words.formatCellsLabel("preview"))
+      )
+    ),
+    createElement(Fieldset, { legend: words.formatCellsLabel("colour"), variant: "unstyled" }, createElement(Palette, { ...props, target: "border" }))
+  );
+}
+function FillTab(props) {
+  return createElement(Fieldset, { legend: props.words.formatCellsLabel("backgroundColour"), variant: "unstyled" }, createElement(Palette, { ...props, target: "fill" }));
+}
+function tabContents(tab, props) {
+  switch (tab) {
+    case "number":
+      return createElement(NumberTab, props);
+    case "alignment":
+      return createElement(AlignmentTab, props);
+    case "font":
+      return createElement(FontTab, props);
+    case "border":
+      return createElement(BorderTab, props);
+    case "fill":
+      return createElement(FillTab, props);
+    default:
+      throw new RangeError(`Unknown Format Cells tab '${String(tab)}' (ADR-0071).`);
+  }
+}
+var openings = 0;
+function MantineFormatCells({ context }) {
+  const { tab, showTab, tabControl, set, refusal, submit, cancel } = useFormatCells(context);
+  const size = useContext(MantineSizeContext);
+  const [id] = useState(() => {
+    openings += 1;
+    return `mantine-ex-sheet-format-cells-${String(openings)}`;
+  });
+  const { draft, words } = context;
+  return createElement(
+    "form",
+    { className: "mantine-ex-sheet-format-cells", onSubmit: submit, noValidate: true },
+    createElement(
+      Tabs,
+      {
+        value: tab,
+        keepMounted: true,
+        onChange: (value) => {
+          const shown = formatCellsOffer.tabs.find((each) => each === value);
+          if (shown === void 0) throw new RangeError(`'${String(value)}' is not a tab of Format Cells (ADR-0071).`);
+          showTab(shown);
+        }
+      },
+      createElement(Tabs.List, {
+        "aria-label": words.formatCellsLabel("tabs"),
+        children: formatCellsOffer.tabs.map((each) => createElement(Tabs.Tab, {
+          key: each,
+          value: each,
+          ...each === tab ? { ref: tabControl } : {}
+        }, words.tabName(each)))
+      }),
+      ...formatCellsOffer.tabs.map((each) => createElement(Tabs.Panel, {
+        key: each,
+        value: each,
+        className: "mantine-ex-sheet-format-cells-panel",
+        children: createElement("div", { "data-ex-tab": each }, tabContents(each, { draft, words, size, set, id }))
+      }))
+    ),
+    refusal === void 0 ? null : createElement(Text, { role: "alert", c: "red", size, className: "mantine-ex-sheet-format-cells-refusal" }, refusal),
+    createElement(
+      "div",
+      { className: "mantine-ex-sheet-format-cells-actions" },
+      createElement(Button, { type: "submit", size }, words.formatCellsLabel("ok")),
+      createElement(Button, { type: "button", size, variant: "default", onClick: cancel }, words.formatCellsLabel("cancel"))
+    )
+  );
+}
+
+// src/toolbar-item.ts
+import { createElement as createElement2, useCallback, useContext as useContext2, useRef } from "react";
+import { ActionIcon, Button as Button2, Popover } from "@mantine/core";
+import { MantineSizeContext as MantineSizeContext2 } from "@ex-grid/mantine";
+import { sheetToolbarPictures } from "@ex-grid/sheet";
+import { useToolbarItem } from "@ex-grid/sheet-react";
+function picture(icon, className = "mantine-ex-sheet-toolbar-icon") {
+  return createElement2("svg", {
+    className,
+    viewBox: "0 0 16 16",
+    "aria-hidden": true,
+    focusable: false,
+    fill: "none",
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    dangerouslySetInnerHTML: { __html: sheetToolbarPictures[icon] }
+  });
+}
+function caret() {
+  return createElement2("svg", {
+    className: "mantine-ex-sheet-toolbar-caret",
+    viewBox: "0 0 16 16",
+    "aria-hidden": true,
+    focusable: false,
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: 1.5,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }, createElement2("path", { d: "M4.5 6.5 8 10l3.5-3.5" }));
+}
+function OwnContent({ mount }) {
+  const taken = useRef(void 0);
+  const ref = useCallback((element) => {
+    taken.current?.();
+    taken.current = element === null ? void 0 : mount(element);
+  }, [mount]);
+  return createElement2("span", { ref, className: "mantine-ex-sheet-toolbar-content" });
+}
+function ChoiceList({ item, size }) {
+  const { view, list, choice: props } = item;
+  const option = (index) => {
+    const choice = view.choices[index];
+    if (choice === void 0) throw new RangeError(`The list of ${view.name} has no choice ${String(index)} (ADR-0100).`);
+    const common = { key: index, ...props(index) };
+    if (choice.swatch !== void 0) {
+      return createElement2("button", {
+        ...common,
+        type: "button",
+        "aria-label": choice.label,
+        className: "mantine-ex-sheet-swatch",
+        style: { backgroundColor: choice.swatch }
+      });
+    }
+    return createElement2(Button2, {
+      ...common,
+      type: "button",
+      variant: choice.selected ? "light" : "subtle",
+      ...choice.selected ? {} : { color: "gray" },
+      size,
+      fullWidth: true,
+      justify: "flex-start",
+      className: "mantine-ex-sheet-choice",
+      ...choice.disabledReason === void 0 ? {} : { "data-disabled": true }
+    }, choice.label);
+  };
+  const rows = item.rows.map((row, at) => typeof row === "number" ? option(row) : createElement2("div", { key: `s${String(at)}`, className: "mantine-ex-sheet-swatches", role: "none" }, ...row.map(option)));
+  return createElement2("div", { ...list, className: "mantine-ex-sheet-choices" }, ...rows);
+}
+function MantineToolbarItem({ context }) {
+  const item = useToolbarItem(context);
+  const { view, open, control, toggleList } = item;
+  const size = useContext2(MantineSizeContext2);
+  const face = view.content !== void 0 ? createElement2(OwnContent, { mount: view.content }) : view.icon !== void 0 ? picture(view.icon) : view.text ?? view.name;
+  let drawn;
+  switch (context.kind) {
+    case "toggle":
+      drawn = createElement2(ActionIcon, {
+        ...control,
+        type: "button",
+        size,
+        variant: view.pressed ? "filled" : "subtle",
+        ...view.pressed ? {} : { color: "gray" },
+        "aria-label": view.name,
+        "aria-pressed": view.pressed,
+        onClick: () => {
+          context.invoke();
+        }
+      }, face);
+      break;
+    case "menu":
+      drawn = createElement2(Button2, {
+        ...control,
+        type: "button",
+        size,
+        variant: "subtle",
+        color: "gray",
+        "aria-label": view.name,
+        "aria-haspopup": "menu",
+        "aria-expanded": open,
+        rightSection: caret(),
+        className: "mantine-ex-sheet-toolbar-menu",
+        onClick: toggleList
+      }, view.text ?? view.name);
+      break;
+    case "split":
+      drawn = createElement2(
+        "span",
+        { className: "mantine-ex-sheet-toolbar-split", role: "group", "aria-label": view.name },
+        createElement2(ActionIcon, {
+          ...control,
+          type: "button",
+          size,
+          variant: "subtle",
+          color: "gray",
+          "aria-label": view.name,
+          className: "mantine-ex-sheet-toolbar-face",
+          style: view.swatch === void 0 ? void 0 : { "--mantine-ex-sheet-swatch": view.swatch },
+          onClick: () => {
+            context.invoke();
+          }
+        }, face),
+        createElement2(ActionIcon, {
+          ...control,
+          type: "button",
+          size,
+          variant: "subtle",
+          color: "gray",
+          "aria-label": view.moreName ?? view.name,
+          "aria-haspopup": "menu",
+          "aria-expanded": open,
+          className: "mantine-ex-sheet-toolbar-arrow",
+          onClick: toggleList
+        }, caret())
+      );
+      break;
+    case "button":
+      drawn = view.content === void 0 && view.icon !== void 0 ? createElement2(ActionIcon, {
+        ...control,
+        type: "button",
+        size,
+        variant: "subtle",
+        color: "gray",
+        "aria-label": view.name,
+        onClick: () => {
+          context.invoke();
+        }
+      }, face) : createElement2(Button2, {
+        ...control,
+        type: "button",
+        size,
+        variant: "subtle",
+        color: "gray",
+        "aria-label": view.name,
+        onClick: () => {
+          context.invoke();
+        }
+      }, face);
+      break;
+    default:
+      throw new RangeError(`Unknown Toolbar Item kind '${String(context.kind)}' (ADR-0100).`);
+  }
+  const classes = ["mantine-ex-sheet-toolbar-item"];
+  if (view.active) classes.push("mantine-ex-sheet-toolbar-active");
+  const body = !item.hasList ? drawn : createElement2(Popover, {
+    // A press outside is useToolbarItem's to hear, so Mantine's own is off.
+    opened: open,
+    closeOnClickOutside: false,
+    withinPortal: false,
+    floatingStrategy: "fixed",
+    position: "bottom-start",
+    offset: 2,
+    trapFocus: false,
+    returnFocus: false,
+    closeOnEscape: false,
+    withRoles: false,
+    shadow: "md",
+    transitionProps: { duration: 0 }
+  }, createElement2(Popover.Target, null, drawn), createElement2(
+    Popover.Dropdown,
+    { className: "mantine-ex-sheet-toolbar-list" },
+    createElement2(ChoiceList, { item, size })
+  ));
+  return createElement2("span", { ref: item.item, className: classes.join(" ") }, body);
+}
+
+// src/chrome.ts
+function MantineSheetTab({ context }) {
+  const size = useContext3(MantineSizeContext3);
+  return createElement3(Text2, {
+    span: true,
+    size,
+    className: "mantine-ex-sheet-tab-face",
+    ...context.selected ? { fw: 600, c: "var(--mantine-primary-color-filled)" } : {}
+  }, context.name);
+}
+function MantineSheetTabAdd() {
+  return createElement3("svg", {
+    className: "mantine-ex-sheet-tab-add-face",
+    viewBox: "0 0 16 16",
+    "aria-hidden": true,
+    focusable: false,
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: 1.5,
+    strokeLinecap: "round"
+  }, createElement3("path", { d: "M8 3v10M3 8h10" }));
+}
+var mantineSheetChrome = Object.freeze({
+  ...mantineChrome,
+  toolbarItem: (context) => createElement3(MantineToolbarItem, { context }),
+  formatCells: (context) => createElement3(MantineFormatCells, { context }),
+  sheetTab: (context) => createElement3(MantineSheetTab, { context }),
+  sheetTabAdd: () => createElement3(MantineSheetTabAdd)
+});
+
+// src/mantine-ex-sheet.ts
+function MantineExSheet(props) {
+  const { withBorder, radius, shadow, className, style, chrome, ...sheet } = props;
+  const density = sheet.density ?? "compact";
+  const merged = useMemo(() => chrome === void 0 ? mantineSheetChrome : { ...mantineSheetChrome, ...chrome }, [chrome]);
+  const classes = ["mantine-ex-grid", "mantine-ex-sheet"];
+  if (radius === 0) classes.push("mantine-ex-grid-square");
+  if (sheet.viewportWidth === "stretch") classes.push("mantine-ex-grid-stretch");
+  if (className !== void 0) classes.push(className);
+  return createElement4(Paper, {
+    className: classes.join(" "),
+    ...style === void 0 ? {} : { style },
+    ...withBorder === void 0 ? {} : { withBorder },
+    ...radius === void 0 ? {} : { radius },
+    ...shadow === void 0 ? {} : { shadow }
+  }, createElement4(
+    MantineSizeContext4.Provider,
+    { value: mantineSizeOf(density) },
+    createElement4(ExSheet, { ...sheet, chrome: merged })
+  ));
+}
+export {
+  MantineExSheet,
+  mantineSheetChrome
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/mantine-ex-sheet.ts", "../src/chrome.ts", "../src/format-cells.ts", "../src/toolbar-item.ts"],
+  "sourcesContent": ["// MantineExSheet (ADR-0390, ADR-0030): ExSheet for React inside Mantine's Paper, its Chrome drawn in Mantine's\n// components and its Visual Tokens mapped onto the Mantine theme by the Wrappers' stylesheets, ExGrid's and the\n// Sheet's. It owns no geometry, no DOM inside the Sheet's element and no state. The cells keep the Sheet's own font,\n// whose widths its columns are measured in characters by (ADR-0027): a Sheet's look is its document's, so Mantine's\n// font is the Chrome's, never the cells'.\n\nimport { createElement, useMemo, type CSSProperties, type ReactElement } from 'react';\nimport { Paper, type MantineRadius, type MantineShadow } from '@mantine/core';\nimport { MantineSizeContext, mantineSizeOf } from '@ex-grid/mantine';\nimport { ExSheet, type ExSheetProps } from '@ex-grid/sheet-react';\nimport { mantineSheetChrome } from './chrome';\n\n/** A MantineExSheet's props: an ExSheet's, and the Paper's words Mantine draws it with. */\nexport type MantineExSheetProps = ExSheetProps & {\n    /** The Paper's border, Mantine's `withBorder`. */\n    readonly withBorder?: boolean;\n    /** The Paper's corner radius, a theme radius or a CSS length; `0` sets the Sheet square in its Paper. */\n    readonly radius?: MantineRadius;\n    /** The Paper's shadow. */\n    readonly shadow?: MantineShadow;\n    /** A class for the Paper. */\n    readonly className?: string;\n    /** A style for the Paper. */\n    readonly style?: CSSProperties;\n};\n\n/**\n * An Excel-like sheet with formulas drawn with Mantine: the Chrome slots a `chrome` prop leaves are Mantine's, the\n * Sheet Toolbar, Format Cells and the Sheet Tabs among them, and the colours follow the theme and its scheme with no\n * render. Needs Mantine's MantineProvider above it, and `@ex-grid/mantine/styles.css` and\n * `@ex-grid/sheet-mantine/styles.css` loaded after Mantine's styles.\n */\nexport function MantineExSheet(props: MantineExSheetProps): ReactElement {\n    const { withBorder, radius, shadow, className, style, chrome, ...sheet } = props;\n    const density = sheet.density ?? 'compact'; // oxlint-disable-line ex-grid/no-stand-in-default -- ADR-0028: an untouched Sheet is compact\n    // The Consumer's slots win over the Wrapper's; one merge per chrome handed, so a render function handed again\n    // keeps its mount (ADR-0390).\n    const merged = useMemo(() => (chrome === undefined ? mantineSheetChrome : { ...mantineSheetChrome, ...chrome }), [chrome]);\n    const classes = ['mantine-ex-grid', 'mantine-ex-sheet'];\n    if (radius === 0) classes.push('mantine-ex-grid-square');\n    // A Stretch Sheet follows its container's width (ADR-0045), so the Paper round it does too.\n    if (sheet.viewportWidth === 'stretch') classes.push('mantine-ex-grid-stretch');\n    if (className !== undefined) classes.push(className);\n    return createElement(Paper<'div'>, {\n        className: classes.join(' '),\n        ...(style === undefined ? {} : { style }),\n        ...(withBorder === undefined ? {} : { withBorder }),\n        ...(radius === undefined ? {} : { radius }),\n        ...(shadow === undefined ? {} : { shadow }),\n    }, createElement(MantineSizeContext.Provider, { value: mantineSizeOf(density) },\n        createElement(ExSheet, { ...sheet, chrome: merged })));\n}\n", "// The Mantine Chrome for a Sheet (ADR-0390 section 3): ExGrid's Mantine Chrome in the slots the Sheet hands its grid,\n// and Mantine's components in the Sheet's own: each Toolbar Item, Format Cells, and the Sheet Tabs' faces. What each\n// shows and means is the Sheet's, reached through its slots' contexts and ExSheet for React's hooks.\n\nimport { createElement, useContext, type ReactElement } from 'react';\nimport { Text } from '@mantine/core';\nimport { MantineSizeContext, mantineChrome } from '@ex-grid/mantine';\nimport type { SheetFormatCellsSlotContext, SheetTabSlotContext, SheetToolbarItemSlotContext } from '@ex-grid/sheet';\nimport type { ExSheetChrome } from '@ex-grid/sheet-react';\nimport { MantineFormatCells } from './format-cells';\nimport { MantineToolbarItem } from './toolbar-item';\n\n/** A Sheet Tab's face: the Sheet's name in Mantine's text, in the theme's primary on the Sheet shown. The tab around\n * it, which takes the keyboard and hears the press, is the Sheet's. */\nfunction MantineSheetTab({ context }: { readonly context: SheetTabSlotContext }): ReactElement {\n    const size = useContext(MantineSizeContext);\n    return createElement(Text<'span'>, {\n        span: true, size, className: 'mantine-ex-sheet-tab-face', ...(context.selected ? { fw: 600, c: 'var(--mantine-primary-color-filled)' } : {}),\n    }, context.name);\n}\n\n/** The + button's face: a plus drawn in the text's colour. */\nfunction MantineSheetTabAdd(): ReactElement {\n    return createElement('svg', {\n        className: 'mantine-ex-sheet-tab-add-face', viewBox: '0 0 16 16', 'aria-hidden': true, focusable: false, fill: 'none', stroke: 'currentColor',\n        strokeWidth: 1.5, strokeLinecap: 'round',\n    }, createElement('path', { d: 'M8 3v10M3 8h10' }));\n}\n\n/** Every Chrome slot of a Sheet drawn in Mantine's components: ExGrid's Mantine Chrome for the grid's, and the Sheet's\n * own. What {@link MantineExSheet} hands its Sheet. A Consumer that frames an ExSheet itself spreads it into the Sheet's\n * `chrome`, inside an element of the classes `mantine-ex-grid mantine-ex-sheet` and a `MantineSizeContext`, as\n * MantineExSheet draws them. */\nexport const mantineSheetChrome: ExSheetChrome = Object.freeze({\n    ...mantineChrome,\n    toolbarItem: (context: SheetToolbarItemSlotContext) => createElement(MantineToolbarItem, { context }),\n    formatCells: (context: SheetFormatCellsSlotContext) => createElement(MantineFormatCells, { context }),\n    sheetTab: (context: SheetTabSlotContext) => createElement(MantineSheetTab, { context }),\n    sheetTabAdd: () => createElement(MantineSheetTabAdd),\n});\n", "// Format Cells in Mantine's components (ADR-0071, ADR-0390): Mantine's Tabs, Fieldsets, Radios, Checkboxes,\n// NativeSelects, TextInputs and Buttons, inside the grid's popover frame, where the built-in Format Cells stands. What\n// it offers is `formatCellsOffer`'s, every choice is set through the Sheet's draft, and OK is the Sheet's, so the same\n// choices set the same Cell Format under either Chrome. The palette's swatches are buttons painted in the document's\n// colours, which no Mantine control draws; the colour is the user's choice of data, written inline, never a token.\n//\n// A field typed into shows what is typed while it holds the keyboard, and the draft's text once it is left, so a\n// choice never writes over typing (ADR-0240 section 1); one the draft did not take stays as typed, and OK refuses it.\n\nimport { createElement, useContext, useState, type ReactElement, type ReactNode } from 'react';\nimport { Button, Checkbox, Fieldset, NativeSelect, Radio, Tabs, Text, TextInput, type MantineSize } from '@mantine/core';\nimport { MantineSizeContext } from '@ex-grid/mantine';\nimport {\n    formatCellsLineStroke, formatCellsOffer, isDisabledCategory, type ColourTarget, type FormatCellsDraft, type FormatCellsTab, type PaletteSwatch,\n    type SheetFormatCellsSlotContext, type SheetWords,\n} from '@ex-grid/sheet';\nimport { useFormatCells } from '@ex-grid/sheet-react';\nimport type { BorderLineStyle, CellColour } from '@ex-grid/sheet-engine';\n\n/** What every tab is drawn with. */\ninterface TabProps {\n    readonly draft: FormatCellsDraft;\n    readonly words: SheetWords;\n    readonly size: MantineSize;\n    readonly set: (choose: (draft: FormatCellsDraft) => void) => void;\n}\n\n/** A colour as a swatch and a preview paint it: Automatic is the Ink of the text around it. */\nfunction paintOf(colour: CellColour): string {\n    return colour.isAutomatic ? 'currentColor' : colour.toString();\n}\n\n/** A field typed into: what is typed while it is, the draft's text otherwise; `valid` says whether a text left in it\n * is one the draft took, which it then shows as the draft has it. */\nfunction DraftField({ label, value, typed, size, type = 'text', className, error, ...field }: {\n    readonly label: string; readonly value: () => string; readonly typed: (text: string) => void; readonly size: MantineSize;\n    readonly type?: 'text' | 'number'; readonly className: string; readonly error?: ReactNode; readonly min?: number; readonly max?: number;\n    readonly required?: boolean; readonly placeholder?: string; readonly maxLength?: number; readonly 'data-target'?: string;\n}): ReactElement {\n    const [typing, setTyping] = useState<string | undefined>(undefined);\n    return createElement(TextInput, {\n        ...field, label, size, type, className, error, spellCheck: false, value: typing ?? value(),\n        onFocus: event => { setTyping(event.currentTarget.value); },\n        onChange: event => {\n            const text = event.currentTarget.value;\n            setTyping(text);\n            typed(text);\n        },\n        onBlur: event => { if (event.currentTarget.checkValidity()) setTyping(undefined); },\n    });\n}\n\n/** A list of codes to choose one of: a Negative Numbers list or a category's Types. */\nfunction codeList(name: string, legend: string, codes: readonly string[], chosen: (index: number, code: string) => boolean,\n    choose: (index: number, code: string) => void, size: MantineSize, className: string): ReactElement {\n    return createElement(Fieldset, { key: name, legend, variant: 'unstyled', className },\n        ...codes.map((code, index) => createElement(Radio, {\n            key: index, name, size, checked: chosen(index, code), onChange: () => { choose(index, code); },\n            label: createElement('code', null, code),\n        })));\n}\n\nfunction NumberTab({ draft, words, size, set, id }: TabProps & { readonly id: string }): ReactElement {\n    const { category } = draft;\n    const options: ReactNode[] = [];\n    if (category === 'general') options.push(createElement(Text<'p'>, { key: 'hint', size }, words.formatCellsLabel('generalHint')));\n    else if (category === 'text') options.push(createElement(Text<'p'>, { key: 'hint', size }, words.formatCellsLabel('textHint')));\n    if (draft.takesDecimalPlaces) {\n        options.push(createElement(DraftField, {\n            key: `places-${category}`, label: words.formatCellsLabel('decimalPlaces'), size, type: 'number', min: 0, max: 30, required: true,\n            className: 'mantine-ex-sheet-format-cells-places', value: () => String(draft.decimalPlaces),\n            typed: (text: string) => {\n                const value = Number(text);\n                // Only a whole number of places Excel takes is set; anything else leaves the field invalid, which OK refuses.\n                if (text.trim() !== '' && Number.isInteger(value) && value >= 0 && value <= 30) set(each => { each.setDecimalPlaces(value); });\n            },\n        }));\n    }\n    if (category === 'number') {\n        options.push(createElement(Checkbox, {\n            key: 'separator', size, label: words.formatCellsLabel('thousandsSeparator'), checked: draft.thousandsSeparator,\n            onChange: event => { const { checked } = event.currentTarget; set(each => { each.setThousandsSeparator(checked); }); },\n        }));\n    }\n    if (category === 'currency') options.push(createElement(Text<'p'>, { key: 'symbol', size }, words.currencySymbolShown(draft.currencySymbol)));\n    if (draft.negativeNumbers.length > 0) {\n        options.push(codeList(`${id}-negative`, words.formatCellsLabel('negativeNumbers'), draft.negativeNumbers, index => draft.negativeNumber === index,\n            index => { set(each => { each.setNegativeNumber(index); }); }, size, 'mantine-ex-sheet-format-cells-list'));\n    }\n    if (category === 'custom') {\n        const why = draft.numberFormatRefusal;\n        options.push(createElement(DraftField, {\n            key: 'code', label: words.formatCellsLabel('type'), size, className: 'mantine-ex-sheet-format-cells-code', value: () => draft.typeCode,\n            typed: (text: string) => { set(each => { each.setType(text); }); }, error: why === undefined ? undefined : words.formatCellsRefusal(why),\n        }));\n    }\n    if (draft.types.length > 0) {\n        options.push(codeList(`${id}-type`, words.formatCellsLabel(category === 'custom' ? 'codes' : 'type'), draft.types, (_, code) => draft.typeCode === code,\n            (_, code) => { set(each => { each.setType(code); }); }, size, 'mantine-ex-sheet-format-cells-list mantine-ex-sheet-format-cells-types'));\n    }\n    return createElement('div', { className: 'mantine-ex-sheet-format-cells-columns' },\n        createElement(Fieldset, { legend: words.formatCellsLabel('category'), variant: 'unstyled', className: 'mantine-ex-sheet-format-cells-list' },\n            ...formatCellsOffer.categories.flatMap(({ category: each, enabled }) => {\n                const reasonId = `${id}-reason-${each}`;\n                const radio = createElement(Radio, {\n                    key: each, name: `${id}-category`, size, label: words.categoryName(each), checked: draft.category === each, disabled: !enabled,\n                    'aria-describedby': isDisabledCategory(each) ? reasonId : undefined, onChange: () => { set(one => { one.selectCategory(each); }); },\n                });\n                return isDisabledCategory(each)\n                    ? [radio, createElement(Text<'p'>, { key: `${each}-reason`, id: reasonId, size: 'xs', c: 'dimmed', className: 'mantine-ex-sheet-format-cells-reason' }, words.categoryDisabled(each))]\n                    : [radio];\n            })),\n        createElement('div', { className: 'mantine-ex-sheet-format-cells-options' }, ...options));\n}\n\nfunction AlignmentTab({ draft, words, size, set }: TabProps): ReactElement {\n    return createElement(NativeSelect, {\n        label: words.formatCellsLabel('horizontal'), size, className: 'mantine-ex-sheet-format-cells-dropdown', value: draft.alignment,\n        data: formatCellsOffer.alignments.map(alignment => ({ value: alignment, label: words.alignmentName(alignment) })),\n        onChange: event => {\n            const { value } = event.currentTarget;\n            const alignment = formatCellsOffer.alignments.find(each => each === value);\n            if (alignment === undefined) throw new RangeError(`'${value}' is not an alignment Format Cells offers (ADR-0071).`);\n            set(each => { each.setAlignment(alignment); });\n        },\n    });\n}\n\n/** Case 23's palette as one group of radio buttons: Automatic or No Colour first, the theme's sixty and the ten\n * standard colours, each named as Excel names it, and More Colours, which takes a hex value. */\nfunction Palette({ draft, words, size, set, target, id }: TabProps & { readonly target: ColourTarget; readonly id: string }): ReactElement {\n    const name = `${id}-palette-${target}`;\n    const isFill = target === 'fill';\n    const chosen = draft.colourOf(target);\n    const swatches = (row: readonly PaletteSwatch[], key: string): ReactElement => createElement('div', { key, className: 'mantine-ex-sheet-swatches' },\n        ...row.map((swatch, index) => {\n            const swatchName = words.swatchName(swatch);\n            const paint = paintOf(swatch.colour);\n            return createElement('input', {\n                key: index, type: 'radio', name, className: 'mantine-ex-sheet-swatch', 'aria-label': swatchName, title: swatchName, 'data-rgb': paint,\n                style: { backgroundColor: paint }, checked: chosen !== undefined && !chosen.isAutomatic && chosen.equals(swatch.colour),\n                onChange: () => { set(each => { each.setColour(target, swatch.colour); }); },\n            });\n        }));\n    return createElement('div', {\n        role: 'radiogroup', 'aria-label': words.formatCellsLabel(isFill ? 'backgroundColour' : 'colour'), className: 'mantine-ex-sheet-palette',\n    },\n    createElement(Radio, {\n        key: 'first', name, size, label: words.formatCellsLabel(isFill ? 'noColour' : 'automatic'),\n        checked: isFill ? chosen === undefined : chosen?.isAutomatic === true, onChange: () => { set(each => { each.setColour(target, undefined); }); },\n    }),\n    swatches(formatCellsOffer.themeColours.flat(), 'theme'),\n    swatches(formatCellsOffer.standardColours, 'standard'),\n    createElement(DraftField, {\n        key: `hex-${target}`, label: words.formatCellsLabel('moreColours'), size, placeholder: '#RRGGBB', maxLength: 7, 'data-target': target,\n        className: 'mantine-ex-sheet-more-colours', value: () => draft.colourText(target), typed: (text: string) => { set(each => { each.setColourText(target, text); }); },\n    }));\n}\n\nfunction FontTab(props: TabProps & { readonly id: string }): ReactElement {\n    const { draft, words, size, set, id } = props;\n    return createElement('div', null,\n        createElement('div', { className: 'mantine-ex-sheet-format-cells-columns' },\n            createElement(Fieldset, { legend: words.formatCellsLabel('fontStyle'), variant: 'unstyled', className: 'mantine-ex-sheet-format-cells-list' },\n                ...formatCellsOffer.fontStyles.map(style => createElement(Radio, {\n                    key: style, name: `${id}-font-style`, size, label: words.fontStyleName(style), checked: draft.fontStyle === style,\n                    onChange: () => { set(each => { each.setFontStyle(style); }); },\n                }))),\n            createElement('div', { className: 'mantine-ex-sheet-format-cells-options' },\n                createElement(NativeSelect, {\n                    label: words.formatCellsLabel('underline'), size, className: 'mantine-ex-sheet-format-cells-dropdown', value: draft.underline ? 'single' : 'none',\n                    data: [{ value: 'none', label: words.formatCellsLabel('underlineNone') }, { value: 'single', label: words.formatCellsLabel('underlineSingle') }],\n                    onChange: event => { const single = event.currentTarget.value === 'single'; set(each => { each.setUnderline(single); }); },\n                }),\n                createElement(Checkbox, {\n                    size, label: words.formatCellsLabel('strikethrough'), checked: draft.strikethrough,\n                    onChange: event => { const { checked } = event.currentTarget; set(each => { each.setStrikethrough(checked); }); },\n                }),\n                // Excel's Normal font (ADR-0071, 2026-10-02): checking it sets every part of the Font to its default; it\n                // shows checked while they are, so unchecking it changes nothing.\n                createElement(Checkbox, {\n                    size, label: words.formatCellsLabel('normalFont'), checked: draft.isNormalFont,\n                    onChange: event => { if (event.currentTarget.checked) set(each => { each.setNormalFont(); }); },\n                }))),\n        createElement(Fieldset, { legend: words.formatCellsLabel('colour'), variant: 'unstyled' }, createElement(Palette, { ...props, target: 'font' })));\n}\n\n/** One stroke of a line style's sample, `y` down it. */\nfunction sampleLine(y: number, width: string, dashes: string | undefined): ReactElement {\n    return createElement('line', { key: y, x1: 0, y1: y, x2: 56, y2: y, stroke: 'currentColor', strokeWidth: width, strokeDasharray: dashes });\n}\n\n/** A line style's sample: a stroke and its dashes. */\nfunction lineSample(style: BorderLineStyle): ReactElement {\n    const { width, dashes } = formatCellsLineStroke(style);\n    const lines = style === 'none' ? [] : style === 'double' ? [sampleLine(2.5, width, undefined), sampleLine(5.5, width, undefined)] : [sampleLine(4, width, dashes)];\n    return createElement('svg', { className: 'mantine-ex-sheet-format-cells-line', width: 56, height: 8, 'aria-hidden': true }, ...lines);\n}\n\n/** The preview: the range's edges as they will be, and an edge whose cells' sides differ as a grey dotted line. */\nfunction preview(draft: FormatCellsDraft, label: string): ReactElement {\n    const edges: [Parameters<FormatCellsDraft['edgeLine']>[0], number, number, number, number][] = [\n        ['top', 4, 4, 116, 4], ['bottom', 4, 68, 116, 68], ['left', 4, 4, 4, 68], ['right', 116, 4, 116, 68],\n    ];\n    if (draft.hasInsideHorizontal) edges.push(['insideHorizontal', 4, 36, 116, 36]);\n    if (draft.hasInsideVertical) edges.push(['insideVertical', 60, 4, 60, 68]);\n    const lines = edges.flatMap(([edge, x1, y1, x2, y2]) => {\n        const line = draft.edgeLine(edge);\n        if (line?.isNone === true) return [];\n        if (line === undefined) {\n            return [createElement('line', { key: edge, x1, y1, x2, y2, 'data-edge': edge, className: 'mantine-ex-sheet-format-cells-differs', stroke: '#808080', strokeWidth: 1, strokeDasharray: '1 2' })];\n        }\n        const { width, dashes } = formatCellsLineStroke(line.style);\n        return [createElement('line', { key: edge, x1, y1, x2, y2, 'data-edge': edge, stroke: paintOf(line.colour), strokeWidth: width, strokeDasharray: dashes })];\n    });\n    return createElement('svg', { className: 'mantine-ex-sheet-format-cells-preview', width: 120, height: 72, viewBox: '0 0 120 72', role: 'img', 'aria-label': label }, ...lines);\n}\n\nfunction BorderTab(props: TabProps & { readonly id: string }): ReactElement {\n    const { draft, words, size, set, id } = props;\n    const pressedOf = (edge: Parameters<FormatCellsDraft['edgeLine']>[0]): 'true' | 'false' | 'mixed' => {\n        const line = draft.edgeLine(edge);\n        if (line === undefined) return 'mixed';\n        return line.isNone ? 'false' : 'true';\n    };\n    return createElement('div', null,\n        createElement('div', { className: 'mantine-ex-sheet-format-cells-columns' },\n            createElement(Fieldset, { legend: words.formatCellsLabel('lineStyle'), variant: 'unstyled' },\n                createElement('div', { className: 'mantine-ex-sheet-format-cells-columns' },\n                    ...formatCellsOffer.lineStyleColumns.map((column, at) => createElement('div', { key: at, className: 'mantine-ex-sheet-format-cells-line-column' },\n                        ...column.map(style => createElement(Radio, {\n                            key: style, name: `${id}-line-style`, size, 'aria-label': words.lineStyleName(style), title: words.lineStyleName(style),\n                            label: lineSample(style), checked: draft.lineStyle === style, onChange: () => { set(each => { each.setLineStyle(style); }); },\n                        })))))),\n            createElement('div', { className: 'mantine-ex-sheet-format-cells-options' },\n                createElement('div', { role: 'group', 'aria-label': words.formatCellsLabel('presets'), className: 'mantine-ex-sheet-format-cells-buttons' },\n                    ...formatCellsOffer.presets.map(preset => createElement(Button<'button'>, {\n                        key: preset, type: 'button', size, variant: 'default', disabled: !draft.canApply(preset),\n                        onClick: () => { set(each => { each.applyPreset(preset); }); },\n                    }, words.presetName(preset)))),\n                createElement('div', { role: 'group', 'aria-label': words.formatCellsLabel('border'), className: 'mantine-ex-sheet-format-cells-buttons' },\n                    ...formatCellsOffer.edges.map(edge => {\n                        const pressed = pressedOf(edge);\n                        const named = { 'data-edge': edge };\n                        return createElement(Button<'button'>, {\n                            key: edge, type: 'button', size, variant: pressed === 'true' ? 'filled' : pressed === 'mixed' ? 'light' : 'default',\n                            disabled: !draft.canSet(edge), 'aria-pressed': pressed, ...named, onClick: () => { set(each => { each.toggleEdge(edge); }); },\n                        }, words.edgeName(edge));\n                    })),\n                preview(draft, words.formatCellsLabel('preview')))),\n        createElement(Fieldset, { legend: words.formatCellsLabel('colour'), variant: 'unstyled' }, createElement(Palette, { ...props, target: 'border' })));\n}\n\nfunction FillTab(props: TabProps & { readonly id: string }): ReactElement {\n    return createElement(Fieldset, { legend: props.words.formatCellsLabel('backgroundColour'), variant: 'unstyled' }, createElement(Palette, { ...props, target: 'fill' }));\n}\n\nfunction tabContents(tab: FormatCellsTab, props: TabProps & { readonly id: string }): ReactElement {\n    switch (tab) {\n        case 'number': return createElement(NumberTab, props);\n        case 'alignment': return createElement(AlignmentTab, props);\n        case 'font': return createElement(FontTab, props);\n        case 'border': return createElement(BorderTab, props);\n        case 'fill': return createElement(FillTab, props);\n        default: throw new RangeError(`Unknown Format Cells tab '${String(tab satisfies never)}' (ADR-0071).`);\n    }\n}\n\n// Unique on the page, for the radio groups' names: two Sheets' Format Cells each have their own.\nlet openings = 0;\n\n/** Format Cells in Mantine's components, over the Sheet's draft. */\nexport function MantineFormatCells({ context }: { readonly context: SheetFormatCellsSlotContext }): ReactElement {\n    const { tab, showTab, tabControl, set, refusal, submit, cancel } = useFormatCells(context);\n    const size = useContext(MantineSizeContext);\n    const [id] = useState(() => { openings += 1; return `mantine-ex-sheet-format-cells-${String(openings)}`; });\n    const { draft, words } = context;\n    // OK checks its fields first, on every tab, since each tab stays drawn while another is shown (useFormatCells).\n    return createElement('form', { className: 'mantine-ex-sheet-format-cells', onSubmit: submit, noValidate: true },\n        createElement(Tabs, {\n            value: tab, keepMounted: true,\n            onChange: (value: string | null) => {\n                const shown = formatCellsOffer.tabs.find(each => each === value);\n                if (shown === undefined) throw new RangeError(`'${String(value)}' is not a tab of Format Cells (ADR-0071).`);\n                showTab(shown);\n            },\n        },\n        createElement(Tabs.List, {\n            'aria-label': words.formatCellsLabel('tabs'),\n            children: formatCellsOffer.tabs.map(each => createElement(Tabs.Tab, {\n                key: each, value: each, ...(each === tab ? { ref: tabControl } : {}),\n            }, words.tabName(each))),\n        }),\n        // Every tab stays drawn, its fields as typed: a field left invalid is still refused by OK from another tab.\n        ...formatCellsOffer.tabs.map(each => createElement(Tabs.Panel, {\n            key: each, value: each, className: 'mantine-ex-sheet-format-cells-panel',\n            children: createElement('div', { 'data-ex-tab': each }, tabContents(each, { draft, words, size, set, id })),\n        }))),\n        refusal === undefined ? null : createElement(Text<'p'>, { role: 'alert', c: 'red', size, className: 'mantine-ex-sheet-format-cells-refusal' }, refusal),\n        createElement('div', { className: 'mantine-ex-sheet-format-cells-actions' },\n            createElement(Button<'button'>, { type: 'submit', size }, words.formatCellsLabel('ok')),\n            createElement(Button<'button'>, { type: 'button', size, variant: 'default', onClick: cancel }, words.formatCellsLabel('cancel'))));\n}\n", "// A Toolbar Item of the Sheet Toolbar in Mantine's components (ADR-0100, ADR-0390): a toggle as an ActionIcon filled\n// in the theme's primary while the Focus cell has what it sets, a menu as a subtle Button that opens its list, a split\n// control as the face's ActionIcon beside an arrow's, and a Consumer's button as a subtle Button or ActionIcon. What\n// an item means, its list's opening and closing and the list's keys are ExSheet for React's `useToolbarItem`'s; this\n// draws them. The list is Mantine's Popover, kept inside the Sheet (no portal) so the Sheet hears its keys, and fixed\n// to the viewport so the toolbar's clipping does not cut it.\n\nimport { createElement, useCallback, useContext, useRef, type ReactElement } from 'react';\nimport { ActionIcon, Button, Popover, type MantineSize } from '@mantine/core';\nimport { MantineSizeContext } from '@ex-grid/mantine';\nimport { sheetToolbarPictures, type SheetToolbarIcon, type SheetToolbarItemSlotContext } from '@ex-grid/sheet';\nimport { useToolbarItem, type ToolbarItemHandles } from '@ex-grid/sheet-react';\n\n/** A picture of the built-in Chrome's, in the text's colour. */\nfunction picture(icon: SheetToolbarIcon, className = 'mantine-ex-sheet-toolbar-icon'): ReactElement {\n    return createElement('svg', {\n        className, viewBox: '0 0 16 16', 'aria-hidden': true, focusable: false, fill: 'none', stroke: 'currentColor',\n        strokeLinecap: 'round', strokeLinejoin: 'round', dangerouslySetInnerHTML: { __html: sheetToolbarPictures[icon] },\n    });\n}\n\n/** The arrow a list opens from. */\nfunction caret(): ReactElement {\n    return createElement('svg', {\n        className: 'mantine-ex-sheet-toolbar-caret', viewBox: '0 0 16 16', 'aria-hidden': true, focusable: false, fill: 'none',\n        stroke: 'currentColor', strokeWidth: 1.5, strokeLinecap: 'round', strokeLinejoin: 'round',\n    }, createElement('path', { d: 'M4.5 6.5 8 10l3.5-3.5' }));\n}\n\n/** A Consumer's own content, mounted into the element its callback ref is handed and taken away with it. */\nfunction OwnContent({ mount }: { readonly mount: (element: HTMLElement) => () => void }): ReactElement {\n    const taken = useRef<(() => void) | undefined>(undefined);\n    const ref = useCallback((element: HTMLSpanElement | null) => {\n        taken.current?.();\n        taken.current = element === null ? undefined : mount(element);\n    }, [mount]);\n    return createElement('span', { ref, className: 'mantine-ex-sheet-toolbar-content' });\n}\n\n/** An item's list: its choices, words and swatches as the Sheet hands them, in the theme's look. */\nfunction ChoiceList({ item, size }: { readonly item: ToolbarItemHandles; readonly size: MantineSize }): ReactElement {\n    const { view, list, choice: props } = item;\n    const option = (index: number): ReactElement => {\n        const choice = view.choices[index];\n        if (choice === undefined) throw new RangeError(`The list of ${view.name} has no choice ${String(index)} (ADR-0100).`);\n        const common = { key: index, ...props(index) };\n        if (choice.swatch !== undefined) {\n            return createElement('button', {\n                ...common, type: 'button', 'aria-label': choice.label, className: 'mantine-ex-sheet-swatch', style: { backgroundColor: choice.swatch },\n            });\n        }\n        return createElement(Button<'button'>, {\n            ...common, type: 'button', variant: choice.selected ? 'light' : 'subtle', ...(choice.selected ? {} : { color: 'gray' }), size, fullWidth: true,\n            justify: 'flex-start', className: 'mantine-ex-sheet-choice', ...(choice.disabledReason === undefined ? {} : { 'data-disabled': true }),\n        }, choice.label);\n    };\n    // The choices one to a row and the swatches ten across, in the Sheet's order, as the list's keys move among them.\n    const rows = item.rows.map((row, at) => (typeof row === 'number'\n        ? option(row)\n        : createElement('div', { key: `s${String(at)}`, className: 'mantine-ex-sheet-swatches', role: 'none' }, ...row.map(option))));\n    return createElement('div', { ...list, className: 'mantine-ex-sheet-choices' }, ...rows);\n}\n\n/** A Toolbar Item in Mantine's components, its list included. */\nexport function MantineToolbarItem({ context }: { readonly context: SheetToolbarItemSlotContext }): ReactElement {\n    const item = useToolbarItem(context);\n    const { view, open, control, toggleList } = item;\n    const size = useContext(MantineSizeContext);\n    const face = view.content !== undefined\n        ? createElement(OwnContent, { mount: view.content })\n        : view.icon !== undefined ? picture(view.icon) : (view.text ?? view.name);\n    let drawn: ReactElement;\n    switch (context.kind) {\n        case 'toggle':\n            drawn = createElement(ActionIcon<'button'>, {\n                ...control, type: 'button', size, variant: view.pressed ? 'filled' : 'subtle', ...(view.pressed ? {} : { color: 'gray' }),\n                'aria-label': view.name, 'aria-pressed': view.pressed, onClick: () => { context.invoke(); },\n            }, face);\n            break;\n        case 'menu':\n            drawn = createElement(Button<'button'>, {\n                ...control, type: 'button', size, variant: 'subtle', color: 'gray', 'aria-label': view.name, 'aria-haspopup': 'menu',\n                'aria-expanded': open, rightSection: caret(), className: 'mantine-ex-sheet-toolbar-menu', onClick: toggleList,\n            }, view.text ?? view.name);\n            break;\n        case 'split':\n            drawn = createElement('span', { className: 'mantine-ex-sheet-toolbar-split', role: 'group', 'aria-label': view.name },\n                createElement(ActionIcon<'button'>, {\n                    ...control, type: 'button', size, variant: 'subtle', color: 'gray', 'aria-label': view.name, className: 'mantine-ex-sheet-toolbar-face',\n                    style: view.swatch === undefined ? undefined : { '--mantine-ex-sheet-swatch': view.swatch }, onClick: () => { context.invoke(); },\n                }, face),\n                createElement(ActionIcon<'button'>, {\n                    ...control, type: 'button', size, variant: 'subtle', color: 'gray', 'aria-label': view.moreName ?? view.name,\n                    'aria-haspopup': 'menu', 'aria-expanded': open, className: 'mantine-ex-sheet-toolbar-arrow', onClick: toggleList,\n                }, caret()));\n            break;\n        case 'button':\n            drawn = view.content === undefined && view.icon !== undefined\n                ? createElement(ActionIcon<'button'>, {\n                    ...control, type: 'button', size, variant: 'subtle', color: 'gray', 'aria-label': view.name, onClick: () => { context.invoke(); },\n                }, face)\n                : createElement(Button<'button'>, {\n                    ...control, type: 'button', size, variant: 'subtle', color: 'gray', 'aria-label': view.name, onClick: () => { context.invoke(); },\n                }, face);\n            break;\n        default:\n            throw new RangeError(`Unknown Toolbar Item kind '${String(context.kind satisfies never)}' (ADR-0100).`);\n    }\n    const classes = ['mantine-ex-sheet-toolbar-item'];\n    if (view.active) classes.push('mantine-ex-sheet-toolbar-active');\n    const body = !item.hasList ? drawn : createElement(Popover, {\n        // A press outside is useToolbarItem's to hear, so Mantine's own is off.\n        opened: open, closeOnClickOutside: false, withinPortal: false, floatingStrategy: 'fixed', position: 'bottom-start', offset: 2,\n        trapFocus: false, returnFocus: false, closeOnEscape: false, withRoles: false, shadow: 'md', transitionProps: { duration: 0 },\n    }, createElement(Popover.Target, null, drawn), createElement(Popover.Dropdown, { className: 'mantine-ex-sheet-toolbar-list' },\n        createElement(ChoiceList, { item, size })));\n    return createElement('span', { ref: item.item, className: classes.join(' ') }, body);\n}\n"],
+  "mappings": "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",
+  "names": ["createElement", "MantineSizeContext", "createElement", "useContext", "Text", "MantineSizeContext", "createElement", "useContext", "Button", "MantineSizeContext", "useContext", "MantineSizeContext", "createElement", "Text", "createElement", "MantineSizeContext"]
+}

package/package.json

@@ -1,6 +1,41 @@
 {
   "name": "@ex-grid/sheet-mantine",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+  "version": "0.2.0-beta.3",
+  "description": "ExSheet for Mantine: the design-system Wrapper that draws ExSheet for React's Chrome, the Sheet Toolbar, Format Cells and the Sheet Tabs among it, with Mantine's components and maps its Visual Tokens onto a Mantine theme.",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/AkiraMisawa/ex-grid.git",
+    "directory": "packages/sheet-mantine"
+  },
+  "homepage": "https://akiramisawa.github.io/ex-grid/",
+  "type": "module",
+  "sideEffects": [
+    "*.css"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./styles.css": "./styles.css"
+  },
+  "files": [
+    "dist/index.js",
+    "dist/index.js.map",
+    "dist/index.d.ts",
+    "styles.css"
+  ],
+  "dependencies": {
+    "@ex-grid/mantine": "0.2.0-beta.3",
+    "@ex-grid/sheet": "0.2.0-beta.3",
+    "@ex-grid/sheet-engine": "0.2.0-beta.3",
+    "@ex-grid/sheet-react": "0.2.0-beta.3"
+  },
+  "peerDependencies": {
+    "@mantine/core": "^9.7.0",
+    "@mantine/hooks": "^9.7.0",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0"
+  }
+}

package/styles.css

@@ -0,0 +1,182 @@
+/* @ex-grid/sheet-mantine — the Sheet Wrapper's stylesheet (ADR-0390 section 5, ADR-0030), loaded after Mantine's and
+   @ex-grid/mantine's. The grid's tokens are @ex-grid/mantine's, under the Paper's .mantine-ex-grid; these rules dress
+   the Sheet's own Chrome, the Sheet Toolbar, the Sheet Tabs and Format Cells, in Mantine's variables, and lay out the
+   Wrapper's own elements. They set no geometry the Sheet or the grid computes with: the toolbar's rows and the tabs'
+   band keep the heights the Sheet writes inline (ADR-0028). The Paper and the Ink, what the cells lie on, stay the
+   Sheet's in every scheme, never Mantine's body (ADR-0071). Every rule is scoped under .mantine-ex-sheet, so it
+   outranks ex-sheet.css's bare-class defaults whatever order the two load in. */
+
+/* The Sheet's Chrome is set in Mantine's font: only the cells keep the Sheet's own, whose widths its columns are
+   counted in (ADR-0027). */
+.mantine-ex-sheet .ex-sheet-toolbar,
+.mantine-ex-sheet .ex-sheet-tab-area {
+    font-family: var(--mantine-font-family);
+    font-size: var(--mantine-font-size-sm);
+}
+
+/* The Sheet Toolbar (ADR-0100): Mantine's controls inside the Sheet's band, whose rows stay the Sheet's. The item the
+   band's keyboard stands on is outlined in the theme's primary, as Mantine outlines a focused control. */
+.mantine-ex-sheet .mantine-ex-sheet-toolbar-item {
+    position: relative;
+    display: inline-flex;
+    align-items: center;
+    height: 100%;
+    border-radius: var(--mantine-radius-sm);
+}
+.mantine-ex-sheet .mantine-ex-sheet-toolbar-active {
+    outline: 2px solid var(--mantine-ex-strong, var(--mantine-primary-color-filled));
+    outline-offset: -1px;
+}
+.mantine-ex-sheet .mantine-ex-sheet-toolbar-icon,
+.mantine-ex-sheet .mantine-ex-sheet-toolbar-caret {
+    width: 16px;
+    height: 16px;
+}
+.mantine-ex-sheet .mantine-ex-sheet-toolbar-split {
+    display: inline-flex;
+    align-items: center;
+}
+.mantine-ex-sheet .mantine-ex-sheet-toolbar-arrow {
+    min-width: 0;
+    width: auto;
+    padding: 0 1px;
+}
+/* A colour control's face shows the colour it sets beneath its picture, as Excel's does: the colour is the user's,
+   written inline. */
+.mantine-ex-sheet .mantine-ex-sheet-toolbar-face {
+    box-shadow: inset 0 -3px 0 var(--mantine-ex-sheet-swatch, transparent);
+}
+.mantine-ex-sheet .mantine-ex-sheet-toolbar-menu .mantine-Button-label {
+    font-weight: 400;
+}
+.mantine-ex-sheet .mantine-ex-sheet-toolbar-content {
+    display: inline-flex;
+    align-items: center;
+}
+
+/* A Toolbar Item's list, Mantine's Popover dropdown: the choices one to a row and the swatches ten across, as Excel's
+   palette lays them out. */
+.mantine-ex-sheet .mantine-ex-sheet-toolbar-list {
+    padding: 4px;
+}
+.mantine-ex-sheet .mantine-ex-sheet-choices {
+    display: flex;
+    flex-direction: column;
+    gap: 2px;
+    min-width: 10em;
+    max-height: 60vh;
+    overflow-y: auto;
+}
+.mantine-ex-sheet .mantine-ex-sheet-choice {
+    font-weight: 400;
+}
+.mantine-ex-sheet .mantine-ex-sheet-choice[data-disabled] {
+    color: var(--mantine-color-dimmed);
+    cursor: default;
+}
+.mantine-ex-sheet .mantine-ex-sheet-swatches {
+    display: grid;
+    grid-template-columns: repeat(10, 18px);
+    gap: 4px;
+    padding: 4px 6px;
+}
+.mantine-ex-sheet .mantine-ex-sheet-swatch {
+    appearance: none;
+    width: 18px;
+    height: 18px;
+    margin: 0;
+    padding: 0;
+    border: 1px solid var(--mantine-ex-rule, var(--mantine-color-default-border));
+    border-radius: var(--mantine-radius-xs);
+    cursor: pointer;
+}
+.mantine-ex-sheet .mantine-ex-sheet-swatch[aria-checked="true"],
+.mantine-ex-sheet .mantine-ex-sheet-swatch:checked {
+    outline: 2px solid var(--mantine-ex-strong, var(--mantine-primary-color-filled));
+    outline-offset: 1px;
+}
+.mantine-ex-sheet .mantine-ex-sheet-swatch:focus-visible {
+    outline: 2px solid var(--mantine-ex-strong, var(--mantine-primary-color-filled));
+    outline-offset: 3px;
+}
+
+/* The Sheet Tabs (ADR-0331 §4): the selected tab's rule in the theme's primary, its face in Mantine's text. The tabs
+   themselves, their band and their keyboard, are the Sheet's. */
+.mantine-ex-sheet .ex-sheet-tab[aria-selected="true"] {
+    border-bottom-color: var(--mantine-ex-strong, var(--mantine-primary-color-filled));
+}
+.mantine-ex-sheet .ex-sheet-tab-face {
+    display: inline-flex;
+    align-items: center;
+}
+.mantine-ex-sheet .mantine-ex-sheet-tab-add-face {
+    width: 14px;
+    height: 14px;
+    vertical-align: middle;
+}
+
+/* Format Cells (ADR-0071) inside the grid's popover frame, whose place and bound stay the grid's (ADR-0040). */
+.mantine-ex-sheet .mantine-ex-sheet-format-cells {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+    padding: 8px;
+    min-width: 28em;
+}
+.mantine-ex-sheet .mantine-ex-sheet-format-cells-panel {
+    min-height: 18em;
+    padding-top: 8px;
+}
+.mantine-ex-sheet .mantine-ex-sheet-format-cells-columns {
+    display: flex;
+    gap: 16px;
+    align-items: flex-start;
+}
+.mantine-ex-sheet .mantine-ex-sheet-format-cells-options {
+    display: flex;
+    flex-direction: column;
+    gap: 6px;
+    flex: 1 1 auto;
+    min-width: 0;
+}
+.mantine-ex-sheet .mantine-ex-sheet-format-cells-list .mantine-Fieldset-legend + *,
+.mantine-ex-sheet .mantine-ex-sheet-format-cells-list,
+.mantine-ex-sheet .mantine-ex-sheet-format-cells-line-column {
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+}
+.mantine-ex-sheet .mantine-ex-sheet-format-cells-reason {
+    margin: 0 0 4px 2em;
+}
+.mantine-ex-sheet .mantine-ex-sheet-format-cells-types {
+    max-height: 12em;
+    overflow-y: auto;
+}
+.mantine-ex-sheet .mantine-ex-sheet-format-cells-dropdown,
+.mantine-ex-sheet .mantine-ex-sheet-more-colours {
+    max-width: 16em;
+}
+.mantine-ex-sheet .mantine-ex-sheet-format-cells-buttons {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 4px;
+}
+.mantine-ex-sheet .mantine-ex-sheet-format-cells-preview {
+    border: 1px solid var(--mantine-color-default-border);
+    color: var(--mantine-color-text);
+}
+.mantine-ex-sheet .mantine-ex-sheet-palette {
+    display: flex;
+    flex-direction: column;
+    gap: 6px;
+    margin-top: 8px;
+}
+.mantine-ex-sheet .mantine-ex-sheet-palette .mantine-ex-sheet-swatches {
+    padding: 0;
+}
+.mantine-ex-sheet .mantine-ex-sheet-format-cells-actions {
+    display: flex;
+    justify-content: flex-end;
+    gap: 8px;
+}