@12-apps/ui 6.11.0 → 6.11.1

package/dist/chunk-PCLXWMZL.js

@@ -0,0 +1,78 @@
+// src/components/typography/Heading/Heading.styles.ts
+var getColorFromTheme = (theme, color) => {
+  if (color === "neutral") {
+    return theme.palette.text.primary;
+  }
+  const colorMap = {
+    primary: theme.palette.primary.main,
+    secondary: theme.palette.secondary.main,
+    success: theme.palette.success.main,
+    warning: theme.palette.warning.main,
+    info: theme.palette.info.main,
+    danger: theme.palette.error.main
+  };
+  return colorMap[color];
+};
+var WEIGHTS = {
+  light: 300,
+  normal: 400,
+  medium: 500,
+  semibold: 600,
+  bold: 700
+};
+var LEVELS = {
+  display: { fontSize: "4rem", lineHeight: 0.95, letterSpacing: "-0.03em", normalWeight: 800 },
+  h1: { fontSize: "3rem", lineHeight: 1.1, letterSpacing: "-0.02em", normalWeight: 700 },
+  h2: { fontSize: "2.5rem", lineHeight: 1.2, letterSpacing: "-0.015em", normalWeight: 700 },
+  h3: { fontSize: "2rem", lineHeight: 1.25, letterSpacing: "-0.01em", normalWeight: 600 },
+  h4: { fontSize: "1.5rem", lineHeight: 1.3, letterSpacing: "-0.005em", normalWeight: 600 },
+  h5: { fontSize: "1.25rem", lineHeight: 1.4, normalWeight: 600 },
+  h6: { fontSize: "1.125rem", lineHeight: 1.4, normalWeight: 600 }
+};
+var PRIMARY_STOPS = (theme) => [
+  theme.palette.primary.main,
+  theme.palette.secondary.main
+];
+var GRADIENT_STOPS = {
+  primary: PRIMARY_STOPS,
+  secondary: (theme) => [theme.palette.secondary.main, theme.palette.primary.main],
+  success: (theme) => [theme.palette.success.light, theme.palette.success.dark],
+  warning: (theme) => [theme.palette.warning.light, theme.palette.warning.dark],
+  info: (theme) => [theme.palette.info.light, theme.palette.info.dark],
+  danger: (theme) => [theme.palette.error.light, theme.palette.error.dark],
+  // The grey ramp has no light/dark pair, and every stop on it is
+  // `string | undefined` under `noUncheckedIndexedAccess`.
+  neutral: (theme) => [theme.palette.grey[500] ?? "#9e9e9e", theme.palette.grey[900] ?? "#212121"]
+};
+var gradientFor = (theme, color) => {
+  const [from, to] = GRADIENT_STOPS[color](theme);
+  return `linear-gradient(135deg, ${from} 0%, ${to} 100%)`;
+};
+var headingSx = (theme, flags) => {
+  const { customLevel = "h2", customColor = "neutral", customWeight = "bold", gradient } = flags;
+  const { normalWeight, ...metrics } = LEVELS[customLevel] ?? LEVELS.h2;
+  const base = {
+    fontFamily: theme.typography.h1.fontFamily,
+    margin: 0,
+    transition: "all 0.2s ease",
+    ...metrics,
+    fontWeight: customWeight === "normal" ? normalWeight : WEIGHTS[customWeight] ?? WEIGHTS.bold
+  };
+  if (!gradient) {
+    return { ...base, color: getColorFromTheme(theme, customColor) };
+  }
+  return {
+    ...base,
+    background: gradientFor(theme, customColor),
+    backgroundClip: "text",
+    WebkitBackgroundClip: "text",
+    WebkitTextFillColor: "transparent",
+    MozBackgroundClip: "text",
+    MozTextFillColor: "transparent"
+  };
+};
+
+export {
+  headingSx
+};
+//# sourceMappingURL=chunk-PCLXWMZL.js.map

package/dist/chunk-PCLXWMZL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/typography/Heading/Heading.styles.ts"],"sourcesContent":["import type { CSSObject, Theme } from '@mui/material';\n\nimport type { HeadingProps } from './Heading.types';\nimport type { ColorValue } from '../../../tokens/scales';\n\ntype Level = NonNullable<HeadingProps['level']>;\ntype Weight = NonNullable<HeadingProps['weight']>;\n\n// Exhaustive over ColorValue, and deliberately without a fallback. The map\n// happened to hold all seven already, but it was `Record<string, string>` with\n// `|| text.primary` behind it — so nothing kept it that way, and the eighth\n// colour would have rendered as ordinary body text with no complaint. That is\n// the failure this whole vocabulary exists to make impossible; `Text` was\n// tightened the same way and this one was missed.\nconst getColorFromTheme = (theme: Theme, color: ColorValue): string => {\n  if (color === 'neutral') {\n    return theme.palette.text.primary;\n  }\n\n  const colorMap: Record<Exclude<ColorValue, 'neutral'>, string> = {\n    primary: theme.palette.primary.main,\n    secondary: theme.palette.secondary.main,\n    success: theme.palette.success.main,\n    warning: theme.palette.warning.main,\n    info: theme.palette.info.main,\n    danger: theme.palette.error.main,\n  };\n\n  return colorMap[color];\n};\n\nconst WEIGHTS: Record<Weight, number> = {\n  light: 300,\n  normal: 400,\n  medium: 500,\n  semibold: 600,\n  bold: 700,\n};\n\n/**\n * Each level's metrics, plus the weight it uses when the caller asks for\n * `normal`. A heading's \"normal\" is not body text's 400 — it is the weight that\n * level is meant to carry, which gets heavier as the level gets larger.\n */\nconst LEVELS: Record<Level, CSSObject & { normalWeight: number }> = {\n  display: { fontSize: '4rem', lineHeight: 0.95, letterSpacing: '-0.03em', normalWeight: 800 },\n  h1: { fontSize: '3rem', lineHeight: 1.1, letterSpacing: '-0.02em', normalWeight: 700 },\n  h2: { fontSize: '2.5rem', lineHeight: 1.2, letterSpacing: '-0.015em', normalWeight: 700 },\n  h3: { fontSize: '2rem', lineHeight: 1.25, letterSpacing: '-0.01em', normalWeight: 600 },\n  h4: { fontSize: '1.5rem', lineHeight: 1.3, letterSpacing: '-0.005em', normalWeight: 600 },\n  h5: { fontSize: '1.25rem', lineHeight: 1.4, normalWeight: 600 },\n  h6: { fontSize: '1.125rem', lineHeight: 1.4, normalWeight: 600 },\n};\n\n/** The two-stop gradient each colour paints its glyphs with. */\nconst PRIMARY_STOPS = (theme: Theme): [string, string] => [\n  theme.palette.primary.main,\n  theme.palette.secondary.main,\n];\n\n// Keyed over the whole vocabulary, with no `?? PRIMARY_STOPS` behind it. Two\n// stops were missing — `info` and `neutral` — so a gradient heading in either\n// colour painted the PRIMARY gradient and looked deliberate while ignoring the\n// prop entirely. The fallback is what hid it, so the fallback is gone.\nconst GRADIENT_STOPS: Record<ColorValue, (theme: Theme) => [string, string]> = {\n  primary: PRIMARY_STOPS,\n  secondary: (theme) => [theme.palette.secondary.main, theme.palette.primary.main],\n  success: (theme) => [theme.palette.success.light, theme.palette.success.dark],\n  warning: (theme) => [theme.palette.warning.light, theme.palette.warning.dark],\n  info: (theme) => [theme.palette.info.light, theme.palette.info.dark],\n  danger: (theme) => [theme.palette.error.light, theme.palette.error.dark],\n  // The grey ramp has no light/dark pair, and every stop on it is\n  // `string | undefined` under `noUncheckedIndexedAccess`.\n  neutral: (theme) => [theme.palette.grey[500] ?? '#9e9e9e', theme.palette.grey[900] ?? '#212121'],\n};\n\nconst gradientFor = (theme: Theme, color: ColorValue) => {\n  const [from, to] = GRADIENT_STOPS[color](theme);\n  return `linear-gradient(135deg, ${from} 0%, ${to} 100%)`;\n};\n\nexport interface HeadingFlags {\n  customLevel?: string;\n  customColor?: ColorValue;\n  customWeight?: string;\n  gradient?: boolean;\n}\n\nexport const headingSx = (theme: Theme, flags: HeadingFlags): CSSObject => {\n  const { customLevel = 'h2', customColor = 'neutral', customWeight = 'bold', gradient } = flags;\n  const { normalWeight, ...metrics } = LEVELS[customLevel as Level] ?? LEVELS.h2;\n\n  const base: CSSObject = {\n    fontFamily: theme.typography.h1.fontFamily,\n    margin: 0,\n    transition: 'all 0.2s ease',\n    ...metrics,\n    fontWeight:\n      customWeight === 'normal' ? normalWeight : (WEIGHTS[customWeight as Weight] ?? WEIGHTS.bold),\n  };\n\n  if (!gradient) {\n    return { ...base, color: getColorFromTheme(theme, customColor) };\n  }\n\n  // The gradient paints the glyphs themselves, so the text must draw no fill of\n  // its own for it to show through.\n  return {\n    ...base,\n    background: gradientFor(theme, customColor),\n    backgroundClip: 'text',\n    WebkitBackgroundClip: 'text',\n    WebkitTextFillColor: 'transparent',\n    MozBackgroundClip: 'text',\n    MozTextFillColor: 'transparent',\n  };\n};\n"],"mappings":"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","names":[]}

package/dist/chunk-PGM5RRQO.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-PGM5RRQO.js.map

package/dist/chunk-PGM5RRQO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-PLEKRWH3.js

@@ -0,0 +1,228 @@
+import {
+  SettingsRailGroup
+} from "./chunk-LR65TAV5.js";
+import {
+  RAIL_WIDTH,
+  TOUCH_TARGET,
+  atLeastRail,
+  displayAcrossRail
+} from "./chunk-S7KQOZ7X.js";
+
+// src/components/layout/SettingsLayout/SettingsLayout.rail.tsx
+import ExpandMoreIcon from "@mui/icons-material/ExpandMore";
+import SearchIcon from "@mui/icons-material/Search";
+import { Box, Button, InputAdornment, TextField, Typography } from "@mui/material";
+import { jsx, jsxs } from "react/jsx-runtime";
+function SettingsRailToggle({
+  title,
+  activeLabel,
+  open,
+  onToggle,
+  breakpoint,
+  testIdPrefix
+}) {
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      component: "button",
+      type: "button",
+      onClick: onToggle,
+      "aria-expanded": open,
+      "aria-label": typeof title === "string" ? title : "Settings",
+      "data-testid": `${testIdPrefix}-toggle`,
+      sx: (theme) => ({
+        ...displayAcrossRail(theme, breakpoint, "flex", "none"),
+        alignItems: "center",
+        justifyContent: "space-between",
+        gap: 1,
+        width: "100%",
+        minHeight: TOUCH_TARGET,
+        px: 1.5,
+        py: 1,
+        mb: 1,
+        textAlign: "left",
+        cursor: "pointer",
+        color: "text.primary",
+        background: "transparent",
+        border: `1px solid ${theme.palette.divider}`,
+        borderRadius: 1.5
+      }),
+      children: [
+        /* @__PURE__ */ jsxs(Box, { sx: { minWidth: 0 }, children: [
+          title ? /* @__PURE__ */ jsx(Typography, { variant: "caption", sx: { display: "block", color: "text.secondary" }, children: title }) : null,
+          /* @__PURE__ */ jsx(Typography, { variant: "body2", noWrap: true, sx: { fontWeight: 600 }, children: activeLabel ?? "" })
+        ] }),
+        /* @__PURE__ */ jsx(
+          ExpandMoreIcon,
+          {
+            fontSize: "small",
+            sx: {
+              flex: "0 0 auto",
+              color: "text.secondary",
+              transition: "transform 150ms ease",
+              transform: open ? "rotate(180deg)" : "none",
+              "@media (prefers-reduced-motion: reduce)": { transition: "none" }
+            }
+          }
+        )
+      ]
+    }
+  );
+}
+function SettingsSearchEmpty({
+  label,
+  action,
+  onClear,
+  testIdPrefix
+}) {
+  return /* @__PURE__ */ jsxs(Box, { "data-testid": `${testIdPrefix}-empty`, sx: { px: 1, py: 2 }, children: [
+    /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", children: label }),
+    action ? /* @__PURE__ */ jsx(
+      Button,
+      {
+        size: "small",
+        variant: "outlined",
+        onClick: () => {
+          onClear();
+          action.onClear?.();
+        },
+        "data-testid": `${testIdPrefix}-empty-action`,
+        sx: { mt: 1.5, minHeight: TOUCH_TARGET },
+        children: action.label
+      }
+    ) : null
+  ] });
+}
+function SettingsRailBody({
+  navOpen,
+  query,
+  onQueryChange,
+  searchPlaceholder,
+  emptySearchLabel,
+  emptySearchAction,
+  filteredGroups,
+  activeItemId,
+  linkComponent,
+  onSelectItem,
+  onNavigate,
+  testIdPrefix,
+  ...shape
+}) {
+  const hidden = navOpen ? "block" : "none";
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      "data-testid": `${testIdPrefix}-rail-body`,
+      sx: (theme) => shape.variant === "drilldown" ? { display: "block" } : displayAcrossRail(theme, shape.breakpoint, hidden, "block"),
+      children: [
+        /* @__PURE__ */ jsx(
+          TextField,
+          {
+            value: query,
+            onChange: (event) => onQueryChange(event.target.value),
+            placeholder: searchPlaceholder,
+            size: "small",
+            fullWidth: true,
+            "aria-label": searchPlaceholder,
+            "data-testid": `${testIdPrefix}-search`,
+            InputProps: {
+              startAdornment: /* @__PURE__ */ jsx(InputAdornment, { position: "start", children: /* @__PURE__ */ jsx(SearchIcon, { fontSize: "small", sx: { color: "text.secondary" } }) })
+            },
+            sx: { mb: 2 }
+          }
+        ),
+        filteredGroups.length === 0 ? /* @__PURE__ */ jsx(
+          SettingsSearchEmpty,
+          {
+            label: emptySearchLabel,
+            action: emptySearchAction,
+            onClear: () => onQueryChange(""),
+            testIdPrefix
+          }
+        ) : filteredGroups.map((group) => /* @__PURE__ */ jsx(
+          SettingsRailGroup,
+          {
+            group,
+            activeItemId,
+            linkComponent,
+            onSelectItem,
+            onNavigate,
+            testIdPrefix,
+            ...shape
+          },
+          group.id
+        ))
+      ]
+    }
+  );
+}
+function SettingsRail({
+  title,
+  activeLabel,
+  navOpen,
+  onToggleNav,
+  testIdPrefix,
+  fillHeight = false,
+  ...bodyProps
+}) {
+  const { variant, breakpoint, atIndex } = bodyProps;
+  const hiddenWhileInSection = variant === "drilldown" && !atIndex;
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      component: "nav",
+      "aria-label": typeof title === "string" ? title : "Settings",
+      "data-testid": `${testIdPrefix}-rail`,
+      sx: (theme) => ({
+        display: hiddenWhileInSection ? "none" : "block",
+        flex: "0 0 auto",
+        width: "100%",
+        [atLeastRail(theme, breakpoint)]: {
+          display: "block",
+          flex: `0 0 ${RAIL_WIDTH}px`,
+          width: RAIL_WIDTH,
+          borderRight: `1px solid ${theme.palette.divider}`,
+          pr: 2,
+          // Its own scrollbar, so a settings area with twenty categories does
+          // not make the thing you NAVIGATE with scroll away while you read the
+          // panel. `minHeight: 0` is the load-bearing half: without it a flex
+          // child refuses to shrink below its content and `overflow` never
+          // engages.
+          ...fillHeight ? { height: "100%", minHeight: 0, overflowY: "auto", overscrollBehavior: "contain" } : {}
+        }
+      }),
+      children: [
+        title ? /* @__PURE__ */ jsx(
+          Typography,
+          {
+            variant: "h6",
+            "data-testid": `${testIdPrefix}-title`,
+            sx: (theme) => ({
+              ...variant === "drilldown" ? { display: "block" } : displayAcrossRail(theme, breakpoint, "none", "block"),
+              fontWeight: 700,
+              mb: 1.5
+            }),
+            children: title
+          }
+        ) : null,
+        variant === "switcher" ? /* @__PURE__ */ jsx(
+          SettingsRailToggle,
+          {
+            title,
+            activeLabel,
+            open: navOpen,
+            onToggle: onToggleNav,
+            breakpoint,
+            testIdPrefix
+          }
+        ) : null,
+        /* @__PURE__ */ jsx(SettingsRailBody, { navOpen, testIdPrefix, ...bodyProps })
+      ]
+    }
+  );
+}
+
+export {
+  SettingsRail
+};
+//# sourceMappingURL=chunk-PLEKRWH3.js.map

package/dist/chunk-PLEKRWH3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/layout/SettingsLayout/SettingsLayout.rail.tsx"],"sourcesContent":["'use client';\n\nimport ExpandMoreIcon from '@mui/icons-material/ExpandMore';\nimport SearchIcon from '@mui/icons-material/Search';\nimport { Box, Button, InputAdornment, TextField, Typography } from '@mui/material';\nimport React from 'react';\n\nimport { SettingsRailGroup, type RailShape } from './SettingsLayout.items';\nimport { atLeastRail, displayAcrossRail, RAIL_WIDTH, TOUCH_TARGET } from './SettingsLayout.styles';\nimport type {\n  SettingsEmptySearchAction,\n  SettingsLayoutProps,\n  SettingsNavGroup,\n  SettingsRailBreakpoint,\n} from './SettingsLayout.types';\n\ninterface RailToggleProps {\n  title?: React.ReactNode;\n  activeLabel?: string;\n  open: boolean;\n  onToggle: () => void;\n  breakpoint: SettingsRailBreakpoint;\n  testIdPrefix: string;\n}\n\n/**\n * `switcher`-only collapse control: shows the current section (a compact\n * switcher) so the panel content stays at the top of the screen. Hidden once the\n * rail has its own column.\n */\nfunction SettingsRailToggle({\n  title,\n  activeLabel,\n  open,\n  onToggle,\n  breakpoint,\n  testIdPrefix,\n}: RailToggleProps): React.JSX.Element {\n  return (\n    <Box\n      component=\"button\"\n      type=\"button\"\n      onClick={onToggle}\n      aria-expanded={open}\n      aria-label={typeof title === 'string' ? title : 'Settings'}\n      data-testid={`${testIdPrefix}-toggle`}\n      sx={(theme) => ({\n        ...displayAcrossRail(theme, breakpoint, 'flex', 'none'),\n        alignItems: 'center',\n        justifyContent: 'space-between',\n        gap: 1,\n        width: '100%',\n        minHeight: TOUCH_TARGET,\n        px: 1.5,\n        py: 1,\n        mb: 1,\n        textAlign: 'left',\n        cursor: 'pointer',\n        color: 'text.primary',\n        background: 'transparent',\n        border: `1px solid ${theme.palette.divider}`,\n        borderRadius: 1.5,\n      })}\n    >\n      <Box sx={{ minWidth: 0 }}>\n        {title ? (\n          <Typography variant=\"caption\" sx={{ display: 'block', color: 'text.secondary' }}>\n            {title}\n          </Typography>\n        ) : null}\n        <Typography variant=\"body2\" noWrap sx={{ fontWeight: 600 }}>\n          {activeLabel ?? ''}\n        </Typography>\n      </Box>\n      <ExpandMoreIcon\n        fontSize=\"small\"\n        sx={{\n          flex: '0 0 auto',\n          color: 'text.secondary',\n          transition: 'transform 150ms ease',\n          transform: open ? 'rotate(180deg)' : 'none',\n          '@media (prefers-reduced-motion: reduce)': { transition: 'none' },\n        }}\n      />\n    </Box>\n  );\n}\n\n/** The empty-search state, with the way out of it rendered inside. */\nfunction SettingsSearchEmpty({\n  label,\n  action,\n  onClear,\n  testIdPrefix,\n}: {\n  label: React.ReactNode;\n  action?: SettingsEmptySearchAction;\n  onClear: () => void;\n  testIdPrefix: string;\n}): React.JSX.Element {\n  return (\n    <Box data-testid={`${testIdPrefix}-empty`} sx={{ px: 1, py: 2 }}>\n      <Typography variant=\"body2\" color=\"text.secondary\">\n        {label}\n      </Typography>\n      {action ? (\n        <Button\n          size=\"small\"\n          variant=\"outlined\"\n          onClick={() => {\n            onClear();\n            action.onClear?.();\n          }}\n          data-testid={`${testIdPrefix}-empty-action`}\n          sx={{ mt: 1.5, minHeight: TOUCH_TARGET }}\n        >\n          {action.label}\n        </Button>\n      ) : null}\n    </Box>\n  );\n}\n\nexport interface RailBodyProps extends RailShape {\n  navOpen: boolean;\n  query: string;\n  onQueryChange: (value: string) => void;\n  searchPlaceholder: string;\n  emptySearchLabel: React.ReactNode;\n  emptySearchAction?: SettingsEmptySearchAction;\n  filteredGroups: SettingsNavGroup[];\n  activeItemId?: string;\n  linkComponent?: SettingsLayoutProps['linkComponent'];\n  onSelectItem?: (id: string) => void;\n  onNavigate?: () => void;\n  testIdPrefix: string;\n}\n\n/** The searchable rail body (search + groups). */\nfunction SettingsRailBody({\n  navOpen,\n  query,\n  onQueryChange,\n  searchPlaceholder,\n  emptySearchLabel,\n  emptySearchAction,\n  filteredGroups,\n  activeItemId,\n  linkComponent,\n  onSelectItem,\n  onNavigate,\n  testIdPrefix,\n  ...shape\n}: RailBodyProps): React.JSX.Element {\n  // `drilldown` has no disclosure to be closed behind: below the breakpoint the\n  // body is the page, above it the rail. Only `switcher` hides it.\n  const hidden = navOpen ? 'block' : 'none';\n  return (\n    <Box\n      data-testid={`${testIdPrefix}-rail-body`}\n      sx={(theme) =>\n        shape.variant === 'drilldown'\n          ? { display: 'block' }\n          : displayAcrossRail(theme, shape.breakpoint, hidden, 'block')\n      }\n    >\n      <TextField\n        value={query}\n        onChange={(event) => onQueryChange(event.target.value)}\n        placeholder={searchPlaceholder}\n        size=\"small\"\n        fullWidth\n        aria-label={searchPlaceholder}\n        data-testid={`${testIdPrefix}-search`}\n        InputProps={{\n          startAdornment: (\n            <InputAdornment position=\"start\">\n              <SearchIcon fontSize=\"small\" sx={{ color: 'text.secondary' }} />\n            </InputAdornment>\n          ),\n        }}\n        sx={{ mb: 2 }}\n      />\n      {filteredGroups.length === 0 ? (\n        <SettingsSearchEmpty\n          label={emptySearchLabel}\n          action={emptySearchAction}\n          onClear={() => onQueryChange('')}\n          testIdPrefix={testIdPrefix}\n        />\n      ) : (\n        filteredGroups.map((group) => (\n          <SettingsRailGroup\n            key={group.id}\n            group={group}\n            activeItemId={activeItemId}\n            linkComponent={linkComponent}\n            onSelectItem={onSelectItem}\n            onNavigate={onNavigate}\n            testIdPrefix={testIdPrefix}\n            {...shape}\n          />\n        ))\n      )}\n    </Box>\n  );\n}\n\n/** Props for {@link SettingsRail}: the rail body's inputs plus the mobile chrome. */\nexport type SettingsRailProps = RailBodyProps & {\n  title?: React.ReactNode;\n  activeLabel?: string;\n  onToggleNav: () => void;\n  /** Scroll inside the rail rather than with the page. See `fillHeight`. */\n  fillHeight?: boolean;\n};\n\n/** The navigation column: title, the `switcher`'s disclosure, and the body. */\nexport function SettingsRail({\n  title,\n  activeLabel,\n  navOpen,\n  onToggleNav,\n  testIdPrefix,\n  fillHeight = false,\n  ...bodyProps\n}: SettingsRailProps): React.JSX.Element {\n  const { variant, breakpoint, atIndex } = bodyProps;\n  // In `drilldown` the rail is the index's list below the breakpoint and the\n  // left column above it — so inside a section it steps aside for the chip\n  // strip. It is `display: none`, never unmounted: the two navigation forms\n  // both stay in the DOM at every width, which is what makes \"the narrow width\n  // offers what the wide one offers\" true by construction instead of by review.\n  const hiddenWhileInSection = variant === 'drilldown' && !atIndex;\n\n  return (\n    <Box\n      component=\"nav\"\n      aria-label={typeof title === 'string' ? title : 'Settings'}\n      data-testid={`${testIdPrefix}-rail`}\n      sx={(theme) => ({\n        display: hiddenWhileInSection ? 'none' : 'block',\n        flex: '0 0 auto',\n        width: '100%',\n        [atLeastRail(theme, breakpoint)]: {\n          display: 'block',\n          flex: `0 0 ${RAIL_WIDTH}px`,\n          width: RAIL_WIDTH,\n          borderRight: `1px solid ${theme.palette.divider}`,\n          pr: 2,\n          // Its own scrollbar, so a settings area with twenty categories does\n          // not make the thing you NAVIGATE with scroll away while you read the\n          // panel. `minHeight: 0` is the load-bearing half: without it a flex\n          // child refuses to shrink below its content and `overflow` never\n          // engages.\n          ...(fillHeight\n            ? { height: '100%', minHeight: 0, overflowY: 'auto' as const, overscrollBehavior: 'contain' as const }\n            : {}),\n        },\n      })}\n    >\n      {title ? (\n        <Typography\n          variant=\"h6\"\n          data-testid={`${testIdPrefix}-title`}\n          sx={(theme) => ({\n            ...(variant === 'drilldown'\n              ? { display: 'block' }\n              : displayAcrossRail(theme, breakpoint, 'none', 'block')),\n            fontWeight: 700,\n            mb: 1.5,\n          })}\n        >\n          {title}\n        </Typography>\n      ) : null}\n      {variant === 'switcher' ? (\n        <SettingsRailToggle\n          title={title}\n          activeLabel={activeLabel}\n          open={navOpen}\n          onToggle={onToggleNav}\n          breakpoint={breakpoint}\n          testIdPrefix={testIdPrefix}\n        />\n      ) : null}\n      <SettingsRailBody navOpen={navOpen} testIdPrefix={testIdPrefix} {...bodyProps} />\n    </Box>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-PPDG6FRL.js

@@ -0,0 +1,72 @@
+import {
+  useDataViewsCopy
+} from "./chunk-KHG57NAE.js";
+import {
+  Dialog,
+  DialogContent
+} from "./chunk-ZZVL523U.js";
+import {
+  Stack
+} from "./chunk-Q3FAWSH4.js";
+import {
+  Button
+} from "./chunk-GD7HXHOT.js";
+import {
+  Text
+} from "./chunk-R52HJAYO.js";
+
+// src/components/data-display/DataViews/DeleteViewDialog.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function DeleteViewDialog({
+  view,
+  onClose,
+  onConfirm,
+  /** What this table holds, for the "your records are safe" line. */
+  entityLabel = "Os registros",
+  testIdPrefix = "view"
+}) {
+  const copy = useDataViewsCopy();
+  if (!view) return null;
+  return /* @__PURE__ */ jsx(
+    Dialog,
+    {
+      open: true,
+      onClose,
+      title: copy.deleteView.title,
+      size: "sm",
+      showCloseButton: true,
+      dataTestId: `${testIdPrefix}-delete-modal`,
+      children: /* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsxs(Stack, { spacing: 1.5, children: [
+        /* @__PURE__ */ jsx(Text, { variant: "body", as: "p", "data-testid": `${testIdPrefix}-delete-target`, children: copy.deleteView.target(view.name) }),
+        view.shared && /* @__PURE__ */ jsx(Text, { variant: "body", color: "warning", as: "p", "data-testid": `${testIdPrefix}-delete-shared`, children: copy.deleteView.sharedWarning }),
+        /* @__PURE__ */ jsx(Text, { variant: "body", color: "secondary", as: "p", children: copy.deleteView.rowsUnaffected(entityLabel) }),
+        /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 1.5, sx: { justifyContent: "flex-end", pt: 0.5 }, children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "text",
+              color: "neutral",
+              onClick: onClose,
+              dataTestId: `${testIdPrefix}-delete-cancel`,
+              children: copy.deleteView.cancel
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              color: "danger",
+              onClick: () => onConfirm(view),
+              dataTestId: `${testIdPrefix}-delete-confirm`,
+              children: copy.deleteView.confirm
+            }
+          )
+        ] })
+      ] }) })
+    }
+  );
+}
+
+export {
+  DeleteViewDialog
+};
+//# sourceMappingURL=chunk-PPDG6FRL.js.map

package/dist/chunk-PPDG6FRL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/DataViews/DeleteViewDialog.tsx"],"sourcesContent":["\"use client\";\n\n/**\n * The confirmation in front of \"Excluir visão\".\n *\n * Deleting was immediate: one click in a row menu, on a control sitting\n * directly under four harmless toggles, and the view was gone. A saved view is\n * somebody's filters, columns and sort — cheap to rebuild only if you remember\n * what they were.\n *\n * It names the view rather than saying \"this view\", says plainly that the\n * records are untouched, and warns separately when the view is SHARED, because\n * that deletion takes it from everyone rather than from one person.\n */\nimport { useDataViewsCopy } from \"./data-views-copy-context\";\nimport { Dialog, DialogContent } from \"../../feedback/Dialog\";\nimport { Button } from \"../../form/Button\";\nimport { Stack } from \"../../../mui/Stack\";\nimport { Text } from \"../../typography/Text\";\n\nimport type { SavedViewSummary } from \"./data-views-types\";\n\nexport function DeleteViewDialog({\n  view,\n  onClose,\n  onConfirm,\n  /** What this table holds, for the \"your records are safe\" line. */\n  entityLabel = \"Os registros\",\n  testIdPrefix = \"view\",\n}: {\n  view: SavedViewSummary | null;\n  onClose: () => void;\n  onConfirm: (view: SavedViewSummary) => void;\n  entityLabel?: string;\n  testIdPrefix?: string;\n}): React.JSX.Element | null {\n  const copy = useDataViewsCopy();\n  if (!view) return null;\n  return (\n    <Dialog\n      open\n      onClose={onClose}\n      title={copy.deleteView.title}\n      size=\"sm\"\n      showCloseButton\n      dataTestId={`${testIdPrefix}-delete-modal`}\n    >\n      <DialogContent>\n        <Stack spacing={1.5}>\n          <Text variant=\"body\" as=\"p\" data-testid={`${testIdPrefix}-delete-target`}>\n            {copy.deleteView.target(view.name)}\n          </Text>\n\n          {view.shared && (\n            <Text variant=\"body\" color=\"warning\" as=\"p\" data-testid={`${testIdPrefix}-delete-shared`}>\n              {copy.deleteView.sharedWarning}\n            </Text>\n          )}\n\n          <Text variant=\"body\" color=\"secondary\" as=\"p\">\n            {copy.deleteView.rowsUnaffected(entityLabel)}\n          </Text>\n\n          <Stack direction=\"row\" spacing={1.5} sx={{ justifyContent: \"flex-end\", pt: 0.5 }}>\n            <Button\n              variant=\"text\"\n              color=\"neutral\"\n              onClick={onClose}\n              dataTestId={`${testIdPrefix}-delete-cancel`}\n            >\n              {copy.deleteView.cancel}\n            </Button>\n            <Button\n              color=\"danger\"\n              onClick={() => onConfirm(view)}\n              dataTestId={`${testIdPrefix}-delete-confirm`}\n            >\n              {copy.deleteView.confirm}\n            </Button>\n          </Stack>\n        </Stack>\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAiDU,cAcA,YAdA;AA3BH,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA;AAAA,EAEA,cAAc;AAAA,EACd,eAAe;AACjB,GAM6B;AAC3B,QAAM,OAAO,iBAAiB;AAC9B,MAAI,CAAC,KAAM,QAAO;AAClB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAI;AAAA,MACJ;AAAA,MACA,OAAO,KAAK,WAAW;AAAA,MACvB,MAAK;AAAA,MACL,iBAAe;AAAA,MACf,YAAY,GAAG,YAAY;AAAA,MAE3B,8BAAC,iBACC,+BAAC,SAAM,SAAS,KACd;AAAA,4BAAC,QAAK,SAAQ,QAAO,IAAG,KAAI,eAAa,GAAG,YAAY,kBACrD,eAAK,WAAW,OAAO,KAAK,IAAI,GACnC;AAAA,QAEC,KAAK,UACJ,oBAAC,QAAK,SAAQ,QAAO,OAAM,WAAU,IAAG,KAAI,eAAa,GAAG,YAAY,kBACrE,eAAK,WAAW,eACnB;AAAA,QAGF,oBAAC,QAAK,SAAQ,QAAO,OAAM,aAAY,IAAG,KACvC,eAAK,WAAW,eAAe,WAAW,GAC7C;AAAA,QAEA,qBAAC,SAAM,WAAU,OAAM,SAAS,KAAK,IAAI,EAAE,gBAAgB,YAAY,IAAI,IAAI,GAC7E;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,SAAQ;AAAA,cACR,OAAM;AAAA,cACN,SAAS;AAAA,cACT,YAAY,GAAG,YAAY;AAAA,cAE1B,eAAK,WAAW;AAAA;AAAA,UACnB;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,OAAM;AAAA,cACN,SAAS,MAAM,UAAU,IAAI;AAAA,cAC7B,YAAY,GAAG,YAAY;AAAA,cAE1B,eAAK,WAAW;AAAA;AAAA,UACnB;AAAA,WACF;AAAA,SACF,GACF;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/chunk-PQECNGDE.js

@@ -0,0 +1,56 @@
+import {
+  useMapClick,
+  useMapControls,
+  useMapPointer,
+  useMapSearch,
+  useMapView
+} from "./chunk-46UPILLK.js";
+
+// src/components/data-display/MapPreview/useMapPreview.ts
+import { useMemo, useRef } from "react";
+var useMapPreview = (props) => {
+  const { center, coordinates: legacyCoordinates, interactive, onMarkerDrag, onMapClick } = props;
+  const coordinates = useMemo(
+    () => center || legacyCoordinates || { lat: 0, lng: 0 },
+    [center, legacyCoordinates]
+  );
+  const containerRef = useRef(null);
+  const view = useMapView({
+    coordinates,
+    initialZoom: props.zoom,
+    initialMapType: props.mapType
+  });
+  const controls = useMapControls({
+    coordinates,
+    zoom: view.zoom,
+    mapType: view.mapType,
+    zoomTo: view.zoomTo,
+    setMapType: view.setMapType,
+    setMarkerPosition: view.setMarkerPosition,
+    setPanOffset: view.setPanOffset,
+    containerRef
+  });
+  const pointer = useMapPointer({
+    interactive,
+    markerPosition: view.markerPosition,
+    panOffset: view.panOffset,
+    onMarkerDrag,
+    setMarkerPosition: view.setMarkerPosition,
+    setPanOffset: view.setPanOffset
+  });
+  const search = useMapSearch({ zoomTo: view.zoomTo, setMarkerPosition: view.setMarkerPosition });
+  const handleMapClick = useMapClick({
+    coordinates,
+    interactive,
+    isPanning: pointer.isPanning,
+    onMapClick,
+    onMarkerDrag,
+    setMarkerPosition: view.setMarkerPosition
+  });
+  return { containerRef, view, controls, pointer, search, handleMapClick };
+};
+
+export {
+  useMapPreview
+};
+//# sourceMappingURL=chunk-PQECNGDE.js.map

package/dist/chunk-PQECNGDE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/MapPreview/useMapPreview.ts"],"sourcesContent":["import { useMemo, useRef } from 'react';\n\nimport {\n  useMapClick,\n  useMapControls,\n  useMapPointer,\n  useMapSearch,\n  useMapView,\n} from './MapPreview.hooks';\nimport type { ResolvedMapPreviewProps } from './MapPreview.helpers';\n\n// Wires the map's independent concerns together: the view state first, then the\n// controls, pointer handling and search that all write to it.\nexport const useMapPreview = (props: ResolvedMapPreviewProps) => {\n  const { center, coordinates: legacyCoordinates, interactive, onMarkerDrag, onMapClick } = props;\n\n  // `center` supersedes the older `coordinates` prop; either may be omitted.\n  const coordinates = useMemo(\n    () => center || legacyCoordinates || { lat: 0, lng: 0 },\n    [center, legacyCoordinates],\n  );\n\n  const containerRef = useRef<HTMLDivElement>(null);\n  const view = useMapView({\n    coordinates,\n    initialZoom: props.zoom,\n    initialMapType: props.mapType,\n  });\n\n  const controls = useMapControls({\n    coordinates,\n    zoom: view.zoom,\n    mapType: view.mapType,\n    zoomTo: view.zoomTo,\n    setMapType: view.setMapType,\n    setMarkerPosition: view.setMarkerPosition,\n    setPanOffset: view.setPanOffset,\n    containerRef,\n  });\n\n  const pointer = useMapPointer({\n    interactive,\n    markerPosition: view.markerPosition,\n    panOffset: view.panOffset,\n    onMarkerDrag,\n    setMarkerPosition: view.setMarkerPosition,\n    setPanOffset: view.setPanOffset,\n  });\n\n  const search = useMapSearch({ zoomTo: view.zoomTo, setMarkerPosition: view.setMarkerPosition });\n\n  const handleMapClick = useMapClick({\n    coordinates,\n    interactive,\n    isPanning: pointer.isPanning,\n    onMapClick,\n    onMarkerDrag,\n    setMarkerPosition: view.setMarkerPosition,\n  });\n\n  return { containerRef, view, controls, pointer, search, handleMapClick };\n};\n"],"mappings":";;;;;;;;;AAAA,SAAS,SAAS,cAAc;AAazB,IAAM,gBAAgB,CAAC,UAAmC;AAC/D,QAAM,EAAE,QAAQ,aAAa,mBAAmB,aAAa,cAAc,WAAW,IAAI;AAG1F,QAAM,cAAc;AAAA,IAClB,MAAM,UAAU,qBAAqB,EAAE,KAAK,GAAG,KAAK,EAAE;AAAA,IACtD,CAAC,QAAQ,iBAAiB;AAAA,EAC5B;AAEA,QAAM,eAAe,OAAuB,IAAI;AAChD,QAAM,OAAO,WAAW;AAAA,IACtB;AAAA,IACA,aAAa,MAAM;AAAA,IACnB,gBAAgB,MAAM;AAAA,EACxB,CAAC;AAED,QAAM,WAAW,eAAe;AAAA,IAC9B;AAAA,IACA,MAAM,KAAK;AAAA,IACX,SAAS,KAAK;AAAA,IACd,QAAQ,KAAK;AAAA,IACb,YAAY,KAAK;AAAA,IACjB,mBAAmB,KAAK;AAAA,IACxB,cAAc,KAAK;AAAA,IACnB;AAAA,EACF,CAAC;AAED,QAAM,UAAU,cAAc;AAAA,IAC5B;AAAA,IACA,gBAAgB,KAAK;AAAA,IACrB,WAAW,KAAK;AAAA,IAChB;AAAA,IACA,mBAAmB,KAAK;AAAA,IACxB,cAAc,KAAK;AAAA,EACrB,CAAC;AAED,QAAM,SAAS,aAAa,EAAE,QAAQ,KAAK,QAAQ,mBAAmB,KAAK,kBAAkB,CAAC;AAE9F,QAAM,iBAAiB,YAAY;AAAA,IACjC;AAAA,IACA;AAAA,IACA,WAAW,QAAQ;AAAA,IACnB;AAAA,IACA;AAAA,IACA,mBAAmB,KAAK;AAAA,EAC1B,CAAC;AAED,SAAO,EAAE,cAAc,MAAM,UAAU,SAAS,QAAQ,eAAe;AACzE;","names":[]}

package/dist/chunk-PQZKUPHQ.js

@@ -0,0 +1,64 @@
+// src/components/layout/Spacer/Spacer.tsx
+import { Box, useTheme } from "@mui/material";
+import { jsx } from "react/jsx-runtime";
+var Spacer = ({
+  size = "md",
+  direction = "both",
+  width,
+  height,
+  flex = false,
+  className,
+  "data-testid": dataTestId
+}) => {
+  const theme = useTheme();
+  const getSpacing = () => {
+    switch (size) {
+      case "xs":
+        return theme.spacing(0.5);
+      case "sm":
+        return theme.spacing(1);
+      case "md":
+        return theme.spacing(2);
+      case "lg":
+        return theme.spacing(3);
+      case "xl":
+        return theme.spacing(4);
+      default:
+        return theme.spacing(2);
+    }
+  };
+  const getDimensions = () => {
+    const spacing = getSpacing();
+    let finalWidth = width;
+    let finalHeight = height;
+    if (direction === "horizontal" || direction === "both") {
+      finalWidth = width ?? spacing;
+    }
+    if (direction === "vertical" || direction === "both") {
+      finalHeight = height ?? spacing;
+    }
+    return { width: finalWidth, height: finalHeight };
+  };
+  const dimensions = getDimensions();
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      className,
+      "data-testid": dataTestId,
+      sx: {
+        width: dimensions.width,
+        height: dimensions.height,
+        flex: flex ? 1 : void 0,
+        flexShrink: 0,
+        pointerEvents: "none",
+        userSelect: "none"
+      },
+      "aria-hidden": "true"
+    }
+  );
+};
+
+export {
+  Spacer
+};
+//# sourceMappingURL=chunk-PQZKUPHQ.js.map

package/dist/chunk-PQZKUPHQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/layout/Spacer/Spacer.tsx"],"sourcesContent":["import { Box, useTheme } from '@mui/material';\nimport React from 'react';\n\nimport type { SpacerProps } from './Spacer.types';\n\nexport const Spacer: React.FC<SpacerProps> = ({\n  size = 'md',\n  direction = 'both',\n  width,\n  height,\n  flex = false,\n  className,\n  'data-testid': dataTestId,\n}) => {\n  const theme = useTheme();\n\n  const getSpacing = () => {\n    switch (size) {\n      case 'xs':\n        return theme.spacing(0.5);\n      case 'sm':\n        return theme.spacing(1);\n      case 'md':\n        return theme.spacing(2);\n      case 'lg':\n        return theme.spacing(3);\n      case 'xl':\n        return theme.spacing(4);\n      default:\n        return theme.spacing(2);\n    }\n  };\n\n  const getDimensions = () => {\n    const spacing = getSpacing();\n\n    let finalWidth = width;\n    let finalHeight = height;\n\n    if (direction === 'horizontal' || direction === 'both') {\n      finalWidth = width ?? spacing;\n    }\n\n    if (direction === 'vertical' || direction === 'both') {\n      finalHeight = height ?? spacing;\n    }\n\n    return { width: finalWidth, height: finalHeight };\n  };\n\n  const dimensions = getDimensions();\n\n  return (\n    <Box\n      className={className}\n      data-testid={dataTestId}\n      sx={{\n        width: dimensions.width,\n        height: dimensions.height,\n        flex: flex ? 1 : undefined,\n        flexShrink: 0,\n        pointerEvents: 'none',\n        userSelect: 'none',\n      }}\n      aria-hidden=\"true\"\n    />\n  );\n};\n"],"mappings":";AAAA,SAAS,KAAK,gBAAgB;AAqD1B;AAhDG,IAAM,SAAgC,CAAC;AAAA,EAC5C,OAAO;AAAA,EACP,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA,eAAe;AACjB,MAAM;AACJ,QAAM,QAAQ,SAAS;AAEvB,QAAM,aAAa,MAAM;AACvB,YAAQ,MAAM;AAAA,MACZ,KAAK;AACH,eAAO,MAAM,QAAQ,GAAG;AAAA,MAC1B,KAAK;AACH,eAAO,MAAM,QAAQ,CAAC;AAAA,MACxB,KAAK;AACH,eAAO,MAAM,QAAQ,CAAC;AAAA,MACxB,KAAK;AACH,eAAO,MAAM,QAAQ,CAAC;AAAA,MACxB,KAAK;AACH,eAAO,MAAM,QAAQ,CAAC;AAAA,MACxB;AACE,eAAO,MAAM,QAAQ,CAAC;AAAA,IAC1B;AAAA,EACF;AAEA,QAAM,gBAAgB,MAAM;AAC1B,UAAM,UAAU,WAAW;AAE3B,QAAI,aAAa;AACjB,QAAI,cAAc;AAElB,QAAI,cAAc,gBAAgB,cAAc,QAAQ;AACtD,mBAAa,SAAS;AAAA,IACxB;AAEA,QAAI,cAAc,cAAc,cAAc,QAAQ;AACpD,oBAAc,UAAU;AAAA,IAC1B;AAEA,WAAO,EAAE,OAAO,YAAY,QAAQ,YAAY;AAAA,EAClD;AAEA,QAAM,aAAa,cAAc;AAEjC,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,eAAa;AAAA,MACb,IAAI;AAAA,QACF,OAAO,WAAW;AAAA,QAClB,QAAQ,WAAW;AAAA,QACnB,MAAM,OAAO,IAAI;AAAA,QACjB,YAAY;AAAA,QACZ,eAAe;AAAA,QACf,YAAY;AAAA,MACd;AAAA,MACA,eAAY;AAAA;AAAA,EACd;AAEJ;","names":[]}

package/dist/chunk-PSWJ6OFI.js

@@ -0,0 +1,64 @@
+import {
+  tileBackground
+} from "./chunk-IR4FEROD.js";
+import {
+  TILE_SIZE
+} from "./chunk-TUBCN4DJ.js";
+
+// src/components/data-display/MapPreview/MapTiles.tsx
+import { alpha, useTheme } from "@mui/material";
+import { jsx } from "react/jsx-runtime";
+var VISIBLE_TILES = Math.ceil(800 / TILE_SIZE) + 2;
+var LABEL_MIN_ZOOM = 10;
+var MapTiles = ({ origin, zoom, mapType, panOffset }) => {
+  const theme = useTheme();
+  const borderOpacity = theme.palette.mode === "dark" ? 0.15 : 0.1;
+  const background = tileBackground(mapType, theme);
+  const half = Math.floor(VISIBLE_TILES / 2);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      style: {
+        position: "absolute",
+        top: "50%",
+        left: "50%",
+        transform: `translate(calc(-50% + ${panOffset.x}px), calc(-50% + ${panOffset.y}px))`,
+        width: TILE_SIZE * VISIBLE_TILES,
+        height: TILE_SIZE * VISIBLE_TILES,
+        display: "grid",
+        gridTemplateColumns: `repeat(${VISIBLE_TILES}, ${TILE_SIZE}px)`,
+        gridTemplateRows: `repeat(${VISIBLE_TILES}, ${TILE_SIZE}px)`,
+        transition: "transform 0.1s ease-out"
+      },
+      children: Array.from({ length: VISIBLE_TILES * VISIBLE_TILES }).map((_, index) => {
+        const tileX = (origin?.x || 0) + index % VISIBLE_TILES - half;
+        const tileY = (origin?.y || 0) + Math.floor(index / VISIBLE_TILES) - half;
+        return /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              width: TILE_SIZE,
+              height: TILE_SIZE,
+              border: `1px solid ${alpha(theme.palette.divider, borderOpacity)}`,
+              background,
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              fontSize: "10px",
+              color: alpha(theme.palette.text.secondary, 0.3),
+              fontFamily: "monospace",
+              userSelect: "none"
+            },
+            children: zoom > LABEL_MIN_ZOOM && `${tileX},${tileY}`
+          },
+          `tile-${tileX}-${tileY}`
+        );
+      })
+    }
+  );
+};
+
+export {
+  MapTiles
+};
+//# sourceMappingURL=chunk-PSWJ6OFI.js.map

package/dist/chunk-PSWJ6OFI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/MapPreview/MapTiles.tsx"],"sourcesContent":["import { alpha, useTheme } from '@mui/material';\nimport type { FC } from 'react';\nimport React from 'react';\n\nimport { TILE_SIZE } from './mapProjection';\nimport { tileBackground } from './mapSurface';\nimport type { MapType } from './MapPreview.types';\n\n// Two extra rows and columns so panning does not expose an edge.\nconst VISIBLE_TILES = Math.ceil(800 / TILE_SIZE) + 2;\n// Tile coordinates are only legible once the grid is reasonably fine.\nconst LABEL_MIN_ZOOM = 10;\n\nexport interface MapTilesProps {\n  origin: { x: number; y: number } | null;\n  zoom: number;\n  mapType: MapType;\n  panOffset: { x: number; y: number };\n}\n\nexport const MapTiles: FC<MapTilesProps> = ({ origin, zoom, mapType, panOffset }) => {\n  const theme = useTheme();\n  const borderOpacity = theme.palette.mode === 'dark' ? 0.15 : 0.1;\n  const background = tileBackground(mapType, theme);\n  const half = Math.floor(VISIBLE_TILES / 2);\n\n  return (\n    <div\n      style={{\n        position: 'absolute',\n        top: '50%',\n        left: '50%',\n        transform: `translate(calc(-50% + ${panOffset.x}px), calc(-50% + ${panOffset.y}px))`,\n        width: TILE_SIZE * VISIBLE_TILES,\n        height: TILE_SIZE * VISIBLE_TILES,\n        display: 'grid',\n        gridTemplateColumns: `repeat(${VISIBLE_TILES}, ${TILE_SIZE}px)`,\n        gridTemplateRows: `repeat(${VISIBLE_TILES}, ${TILE_SIZE}px)`,\n        transition: 'transform 0.1s ease-out',\n      }}\n    >\n      {Array.from({ length: VISIBLE_TILES * VISIBLE_TILES }).map((_, index) => {\n        // The grid is centred on the origin tile, so indices run from -half.\n        const tileX = (origin?.x || 0) + (index % VISIBLE_TILES) - half;\n        const tileY = (origin?.y || 0) + Math.floor(index / VISIBLE_TILES) - half;\n\n        return (\n          <div\n            key={`tile-${tileX}-${tileY}`}\n            style={{\n              width: TILE_SIZE,\n              height: TILE_SIZE,\n              border: `1px solid ${alpha(theme.palette.divider, borderOpacity)}`,\n              background,\n              display: 'flex',\n              alignItems: 'center',\n              justifyContent: 'center',\n              fontSize: '10px',\n              color: alpha(theme.palette.text.secondary, 0.3),\n              fontFamily: 'monospace',\n              userSelect: 'none',\n            }}\n          >\n            {zoom > LABEL_MIN_ZOOM && `${tileX},${tileY}`}\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;AAAA,SAAS,OAAO,gBAAgB;AA+CtB;AAtCV,IAAM,gBAAgB,KAAK,KAAK,MAAM,SAAS,IAAI;AAEnD,IAAM,iBAAiB;AAShB,IAAM,WAA8B,CAAC,EAAE,QAAQ,MAAM,SAAS,UAAU,MAAM;AACnF,QAAM,QAAQ,SAAS;AACvB,QAAM,gBAAgB,MAAM,QAAQ,SAAS,SAAS,OAAO;AAC7D,QAAM,aAAa,eAAe,SAAS,KAAK;AAChD,QAAM,OAAO,KAAK,MAAM,gBAAgB,CAAC;AAEzC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,QACL,UAAU;AAAA,QACV,KAAK;AAAA,QACL,MAAM;AAAA,QACN,WAAW,yBAAyB,UAAU,CAAC,oBAAoB,UAAU,CAAC;AAAA,QAC9E,OAAO,YAAY;AAAA,QACnB,QAAQ,YAAY;AAAA,QACpB,SAAS;AAAA,QACT,qBAAqB,UAAU,aAAa,KAAK,SAAS;AAAA,QAC1D,kBAAkB,UAAU,aAAa,KAAK,SAAS;AAAA,QACvD,YAAY;AAAA,MACd;AAAA,MAEC,gBAAM,KAAK,EAAE,QAAQ,gBAAgB,cAAc,CAAC,EAAE,IAAI,CAAC,GAAG,UAAU;AAEvE,cAAM,SAAS,QAAQ,KAAK,KAAM,QAAQ,gBAAiB;AAC3D,cAAM,SAAS,QAAQ,KAAK,KAAK,KAAK,MAAM,QAAQ,aAAa,IAAI;AAErE,eACE;AAAA,UAAC;AAAA;AAAA,YAEC,OAAO;AAAA,cACL,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,QAAQ,aAAa,MAAM,MAAM,QAAQ,SAAS,aAAa,CAAC;AAAA,cAChE;AAAA,cACA,SAAS;AAAA,cACT,YAAY;AAAA,cACZ,gBAAgB;AAAA,cAChB,UAAU;AAAA,cACV,OAAO,MAAM,MAAM,QAAQ,KAAK,WAAW,GAAG;AAAA,cAC9C,YAAY;AAAA,cACZ,YAAY;AAAA,YACd;AAAA,YAEC,iBAAO,kBAAkB,GAAG,KAAK,IAAI,KAAK;AAAA;AAAA,UAftC,QAAQ,KAAK,IAAI,KAAK;AAAA,QAgB7B;AAAA,MAEJ,CAAC;AAAA;AAAA,EACH;AAEJ;","names":[]}