@12-apps/ui 6.83.0 → 6.85.0

package/dist/{chunk-RB3R6BJL.js → chunk-AWUFS2ZC.js}

@@ -1,24 +1,24 @@
 import {
   DataViewsDisplayPanel
-} from "./chunk-SYERREN5.js";
+} from "./chunk-FCLON3MO.js";
 import {
   DataViewsExportMenu
-} from "./chunk-45AON4CS.js";
+} from "./chunk-VYQZ5U3N.js";
 import {
   STICKY_BAR_ATTR
 } from "./chunk-4IE66GY2.js";
 import {
   renderBulkActions
-} from "./chunk-XE7QBHXN.js";
+} from "./chunk-WTOA52EQ.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
-import {
-  FilterTrigger
-} from "./chunk-J34VGMA5.js";
 import {
   ContentToolbar
 } from "./chunk-SFLNHCA2.js";
+import {
+  FilterTrigger
+} from "./chunk-HNEZWVDR.js";
 import {
   default as default2
 } from "./chunk-6DPAWXZ3.js";
@@ -143,4 +143,4 @@ function GridToolbar(props) {
 export {
   GridToolbar
 };
-//# sourceMappingURL=chunk-RB3R6BJL.js.map
+//# sourceMappingURL=chunk-AWUFS2ZC.js.map

package/dist/{chunk-QK3XXPBA.js → chunk-BECKKDYG.js}

@@ -1,6 +1,6 @@
 import {
   EN_US_CAROUSEL_COPY
-} from "./chunk-GLAAX5JJ.js";
+} from "./chunk-FEKWKWGK.js";
 import {
   withDefaults
 } from "./chunk-HPK33ACY.js";
@@ -330,4 +330,4 @@ export {
   CarouselArrows,
   CarouselThumbnails
 };
-//# sourceMappingURL=chunk-QK3XXPBA.js.map
+//# sourceMappingURL=chunk-BECKKDYG.js.map

package/dist/{chunk-64UNVW6D.js → chunk-BP3ZKIPE.js}

@@ -1,9 +1,9 @@
-import {
-  thumbnailStripSx
-} from "./chunk-VQU3CBAL.js";
 import {
   useLightboxCopy
 } from "./chunk-TEQYTEM2.js";
+import {
+  thumbnailStripSx
+} from "./chunk-VQU3CBAL.js";
 import {
   onMedia,
   sheen
@@ -89,4 +89,4 @@ var LightboxThumbnails = ({
 export {
   LightboxThumbnails
 };
-//# sourceMappingURL=chunk-64UNVW6D.js.map
+//# sourceMappingURL=chunk-BP3ZKIPE.js.map

package/dist/{chunk-ENRB6PIN.js → chunk-BRHRK7BK.js}

@@ -17,7 +17,7 @@ import {
 import {
   fieldOverrides,
   mergeMuiComponents
-} from "./chunk-QQHZBJMU.js";
+} from "./chunk-RGVNXES5.js";
 import {
   densityFieldHeight,
   densityFontSize,
@@ -66,4 +66,4 @@ export {
   useDensity,
   densityThemeOptions
 };
-//# sourceMappingURL=chunk-ENRB6PIN.js.map
+//# sourceMappingURL=chunk-BRHRK7BK.js.map

package/dist/chunk-BRZKOUEL.js

@@ -0,0 +1,115 @@
+import {
+  SR_ONLY_SX
+} from "./chunk-PUFA7FQ7.js";
+import {
+  rem
+} from "./chunk-YKCAJ2TN.js";
+
+// src/components/data-display/RegionMap/RegionMapList.tsx
+import Check from "@mui/icons-material/Check";
+import Box from "@mui/material/Box/index.js";
+import Button from "@mui/material/Button/index.js";
+import Chip from "@mui/material/Chip/index.js";
+import Typography from "@mui/material/Typography/index.js";
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function listedRegions(regions, sort) {
+  const listed = regions.filter((region) => region.listed ?? region.outside !== true);
+  return sort === "name" ? [...listed].sort((a, b) => a.name.localeCompare(b.name)) : listed;
+}
+function RegionMapList({
+  regions,
+  copy,
+  mode,
+  sort,
+  onToggle,
+  testId,
+  theme
+}) {
+  const [open, setOpen] = React.useState(false);
+  const listId = `${React.useId().replace(/:/g, "")}-list`;
+  const rows = listedRegions(regions, sort);
+  const visible = mode === "shown" || open;
+  return /* @__PURE__ */ jsxs(Box, { sx: { mt: 1 }, children: [
+    mode === "collapsed" && /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "text",
+        size: "small",
+        "aria-expanded": open,
+        "aria-controls": listId,
+        onClick: () => setOpen((current) => !current),
+        "data-testid": `${testId}-list-toggle`,
+        sx: { px: 0 },
+        children: open ? copy.hideList : copy.showList(rows.length)
+      }
+    ),
+    visible && /* @__PURE__ */ jsxs(Box, { id: listId, role: "group", "aria-label": copy.listLabel, "data-testid": `${testId}-list`, sx: { mt: 1 }, children: [
+      mode === "shown" && /* @__PURE__ */ jsx(Typography, { variant: "caption", component: "p", sx: { fontWeight: 700, color: "text.secondary", mb: 0.5 }, children: copy.listLabel }),
+      /* @__PURE__ */ jsx(Box, { sx: { display: "flex", flexWrap: "wrap", gap: 1 }, children: rows.map((region) => /* @__PURE__ */ jsx(
+        RegionRow,
+        {
+          region,
+          states: copy.rowState,
+          onToggle,
+          testId,
+          theme
+        },
+        region.id
+      )) })
+    ] })
+  ] });
+}
+function focusRing(theme) {
+  return { outline: `${rem(theme, 2)} solid ${theme.palette.primary.main}`, outlineOffset: rem(theme, 2) };
+}
+function rowSx(pressed, outside, theme) {
+  const ring = focusRing(theme);
+  if (!pressed) {
+    return { color: outside ? "text.secondary" : "text.primary", "&.Mui-focusVisible": ring };
+  }
+  const inverted = { bgcolor: "text.primary", color: "background.paper" };
+  return {
+    ...inverted,
+    "& .MuiChip-icon": { color: "inherit" },
+    "&:hover": inverted,
+    "&.Mui-focusVisible": { ...inverted, ...ring }
+  };
+}
+function rowState(pressed, outside, states) {
+  if (pressed) return states.excluded;
+  return outside ? states.outside : null;
+}
+function RegionRow({
+  region,
+  states,
+  onToggle,
+  testId,
+  theme
+}) {
+  const pressed = region.excluded === true;
+  const sx = rowSx(pressed, region.outside === true, theme);
+  const state = rowState(pressed, region.outside === true, states);
+  return /* @__PURE__ */ jsx(
+    Chip,
+    {
+      "data-testid": `${testId}-row-${region.id}`,
+      label: /* @__PURE__ */ jsxs(Box, { component: "span", sx: { display: "inline-flex", gap: 0.75, alignItems: "baseline" }, children: [
+        /* @__PURE__ */ jsx("span", { children: region.name }),
+        region.detail && /* @__PURE__ */ jsx(Box, { component: "span", sx: { fontSize: rem(theme, 11), opacity: 0.75 }, children: region.detail }),
+        state && /* @__PURE__ */ jsx(Box, { component: "span", sx: SR_ONLY_SX, children: state })
+      ] }),
+      icon: pressed ? /* @__PURE__ */ jsx(Check, { fontSize: "small" }) : void 0,
+      variant: pressed ? "filled" : "outlined",
+      "aria-pressed": onToggle ? pressed : void 0,
+      onClick: onToggle ? () => onToggle(region.id) : void 0,
+      sx
+    }
+  );
+}
+
+export {
+  listedRegions,
+  RegionMapList
+};
+//# sourceMappingURL=chunk-BRZKOUEL.js.map

package/dist/chunk-BRZKOUEL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/RegionMap/RegionMapList.tsx"],"sourcesContent":["import Check from '@mui/icons-material/Check';\nimport Box from '@mui/material/Box/index.js';\nimport Button from '@mui/material/Button/index.js';\nimport Chip from '@mui/material/Chip/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport type { SxProps, Theme } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport { rem } from '../../../tokens/relative';\nimport { SR_ONLY_SX } from '../../form/Label/Label.styles';\n\nimport type {\n  RegionMapCopy,\n  RegionMapListMode,\n  RegionMapListSort,\n  RegionMapProps,\n  RegionMapRegion,\n} from './RegionMap.types';\n\n/** The areas with a row: `listed`, defaulting to \"not outside\". */\nexport function listedRegions(\n  regions: readonly RegionMapRegion[],\n  sort: RegionMapListSort,\n): RegionMapRegion[] {\n  const listed = regions.filter((region) => region.listed ?? region.outside !== true);\n  return sort === 'name' ? [...listed].sort((a, b) => a.name.localeCompare(b.name)) : listed;\n}\n\n/**\n * Every listed area as a toggle button — the keyboard's and the screen\n * reader's map, and the way to an area too small to tap. `collapsed` puts it\n * behind one button that names the count; `shown` lays it out with a heading.\n */\nexport function RegionMapList({\n  regions,\n  copy,\n  mode,\n  sort,\n  onToggle,\n  testId,\n  theme,\n}: {\n  regions: readonly RegionMapRegion[];\n  copy: RegionMapCopy;\n  mode: Exclude<RegionMapListMode, 'none'>;\n  sort: RegionMapListSort;\n  onToggle: RegionMapProps['onToggle'];\n  testId: string;\n  theme: Theme;\n}): React.JSX.Element {\n  const [open, setOpen] = React.useState(false);\n  const listId = `${React.useId().replace(/:/g, '')}-list`;\n  const rows = listedRegions(regions, sort);\n  const visible = mode === 'shown' || open;\n  return (\n    <Box sx={{ mt: 1 }}>\n      {mode === 'collapsed' && (\n        <Button\n          variant=\"text\"\n          size=\"small\"\n          aria-expanded={open}\n          aria-controls={listId}\n          onClick={() => setOpen((current) => !current)}\n          data-testid={`${testId}-list-toggle`}\n          sx={{ px: 0 }}\n        >\n          {open ? copy.hideList : copy.showList(rows.length)}\n        </Button>\n      )}\n      {visible && (\n        <Box id={listId} role=\"group\" aria-label={copy.listLabel} data-testid={`${testId}-list`} sx={{ mt: 1 }}>\n          {mode === 'shown' && (\n            <Typography variant=\"caption\" component=\"p\" sx={{ fontWeight: 700, color: 'text.secondary', mb: 0.5 }}>\n              {copy.listLabel}\n            </Typography>\n          )}\n          <Box sx={{ display: 'flex', flexWrap: 'wrap', gap: 1 }}>\n            {rows.map((region) => (\n              <RegionRow\n                key={region.id}\n                region={region}\n                states={copy.rowState}\n                onToggle={onToggle}\n                testId={testId}\n                theme={theme}\n              />\n            ))}\n          </Box>\n        </Box>\n      )}\n    </Box>\n  );\n}\n\n/** The focus ring every row shows from the keyboard, pressed or not. */\nfunction focusRing(theme: Theme): { outline: string; outlineOffset: string } {\n  return { outline: `${rem(theme, 2)} solid ${theme.palette.primary.main}`, outlineOffset: rem(theme, 2) };\n}\n\n/** A row's look: inverted when pressed, holding under hover and focus. */\nfunction rowSx(pressed: boolean, outside: boolean, theme: Theme): SxProps<Theme> {\n  const ring = focusRing(theme);\n  if (!pressed) {\n    return { color: outside ? 'text.secondary' : 'text.primary', '&.Mui-focusVisible': ring };\n  }\n  const inverted = { bgcolor: 'text.primary', color: 'background.paper' };\n  return {\n    ...inverted,\n    '& .MuiChip-icon': { color: 'inherit' },\n    '&:hover': inverted,\n    '&.Mui-focusVisible': { ...inverted, ...ring },\n  };\n}\n\n/** The state a screen reader hears after the name, if any. */\nfunction rowState(pressed: boolean, outside: boolean, states: RegionMapCopy['rowState']): string | null {\n  if (pressed) return states.excluded;\n  return outside ? states.outside : null;\n}\n\n/**\n * One area: pressed, filled and checked when excluded — never colour alone —\n * with its state spelled out for a screen reader. The inverted colours hold\n * under hover and keyboard focus, where MUI's own would wash them out.\n */\nfunction RegionRow({\n  region,\n  states,\n  onToggle,\n  testId,\n  theme,\n}: {\n  region: RegionMapRegion;\n  states: RegionMapCopy['rowState'];\n  onToggle: RegionMapProps['onToggle'];\n  testId: string;\n  theme: Theme;\n}): React.JSX.Element {\n  const pressed = region.excluded === true;\n  const sx = rowSx(pressed, region.outside === true, theme);\n  const state = rowState(pressed, region.outside === true, states);\n  return (\n    <Chip\n      data-testid={`${testId}-row-${region.id}`}\n      label={\n        <Box component=\"span\" sx={{ display: 'inline-flex', gap: 0.75, alignItems: 'baseline' }}>\n          <span>{region.name}</span>\n          {region.detail && (\n            <Box component=\"span\" sx={{ fontSize: rem(theme, 11), opacity: 0.75 }}>\n              {region.detail}\n            </Box>\n          )}\n          {state && (\n            <Box component=\"span\" sx={SR_ONLY_SX}>\n              {state}\n            </Box>\n          )}\n        </Box>\n      }\n      icon={pressed ? <Check fontSize=\"small\" /> : undefined}\n      variant={pressed ? 'filled' : 'outlined'}\n      aria-pressed={onToggle ? pressed : undefined}\n      onClick={onToggle ? () => onToggle(region.id) : undefined}\n      sx={sx}\n    />\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-UQ6SAIX7.js → chunk-C74PDNTF.js}

@@ -3,10 +3,10 @@ import {
 } from "./chunk-7TCOYCD7.js";
 import {
   CardBody
-} from "./chunk-RWCQ6TEM.js";
+} from "./chunk-KR4TN3OF.js";
 import {
   SelectAllStrip
-} from "./chunk-3S352ZSG.js";
+} from "./chunk-GLR5MSU3.js";
 import {
   toGridExpansion
 } from "./chunk-O5UGAL2V.js";
@@ -28,7 +28,7 @@ import {
 } from "./chunk-KHG57NAE.js";
 import {
   DataGrid
-} from "./chunk-DYHOBKPU.js";
+} from "./chunk-OA6T2ME3.js";
 import {
   default as default2
 } from "./chunk-6DPAWXZ3.js";
@@ -250,4 +250,4 @@ function GridMain(props) {
 export {
   GridMain
 };
-//# sourceMappingURL=chunk-UQ6SAIX7.js.map
+//# sourceMappingURL=chunk-C74PDNTF.js.map

package/dist/{chunk-76IHYINM.js → chunk-CARUHKZW.js}

@@ -1,36 +1,39 @@
 import {
   NumberBoundInput
-} from "./chunk-33MMQHYU.js";
+} from "./chunk-FJ3UZ4RC.js";
+import {
+  useOutsideResetKey
+} from "./chunk-YOPMXGHY.js";
 import {
   RangePresets
 } from "./chunk-7D7CJRL7.js";
+import {
+  presetsFor
+} from "./chunk-CBOB5AV6.js";
 import {
   isRangeInverted,
   isRangeSet,
   numericRange,
   rangeChipLabel
 } from "./chunk-GCZJH4XL.js";
-import {
-  presetsFor
-} from "./chunk-CBOB5AV6.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
 import {
   TableFilter
-} from "./chunk-LNIK7FJO.js";
+} from "./chunk-FORQEHRQ.js";
 import {
   DayBoundInput
-} from "./chunk-62XVHRTX.js";
+} from "./chunk-72HOUWAW.js";
 import {
   fieldHeight
-} from "./chunk-QQHZBJMU.js";
-import {
-  fieldEdge
-} from "./chunk-7ZADLRLP.js";
+} from "./chunk-RGVNXES5.js";
 import {
   fieldRadiusPx
 } from "./chunk-GDN2LUTZ.js";
+import {
+  fieldEdge
+} from "./chunk-7ZADLRLP.js";
 import {
   sxRem
 } from "./chunk-YKCAJ2TN.js";
@@ -57,6 +60,7 @@ function BoundField({
       DayBoundInput,
       {
         mask: copy.filters.dayMask,
+        invalidMessage: copy.filters.dayInvalid,
         label,
         value: value == null ? void 0 : String(value),
         onChange,
@@ -83,18 +87,20 @@ function RangeBounds({
 }) {
   const copy = useDataViewsCopy();
   const inverted = isRangeInverted(value);
+  const { key, emitted } = useOutsideResetKey(value);
   return /* @__PURE__ */ jsxs(Box, { "data-testid": `${testId}-panel`, children: [
     /* @__PURE__ */ jsx(Box, { sx: { "&:not(:empty)": { mb: 1.5 } }, children: /* @__PURE__ */ jsx(RangePresets, { presets: presetsFor(field, copy), value, onChange, testId }) }),
-    /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 1.5 }, children: [
+    /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "flex-start", gap: 1.5 }, children: [
       /* @__PURE__ */ jsx(
         BoundField,
         {
           field,
           label: copy.filters.rangeStart,
           value: value.min,
-          onChange: (min) => onChange({ ...value, min }),
+          onChange: (min) => onChange(emitted({ ...value, min })),
           testId: `${testId}-min`
-        }
+        },
+        `min-${key}`
       ),
       /* @__PURE__ */ jsx(
         BoundField,
@@ -102,9 +108,10 @@ function RangeBounds({
           field,
           label: copy.filters.rangeEnd,
           value: value.max,
-          onChange: (max) => onChange({ ...value, max }),
+          onChange: (max) => onChange(emitted({ ...value, max })),
           testId: `${testId}-max`
-        }
+        },
+        `max-${key}`
       )
     ] }),
     inverted && /* @__PURE__ */ jsx(
@@ -291,4 +298,4 @@ export {
   RangePill,
   PanelRangeField
 };
-//# sourceMappingURL=chunk-76IHYINM.js.map
+//# sourceMappingURL=chunk-CARUHKZW.js.map

package/dist/chunk-CARUHKZW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/DataViews/data-views-range-pill.tsx"],"sourcesContent":["'use client';\n\n/**\n * A range filter as a PILL in the inline filter bar — the same affordance the\n * multi-select facets use, so \"Data\" and \"Valor\" sit in the filter row beside\n * \"Pagamento\"/\"Situação\"/\"Método\" instead of floating above the grid.\n *\n * Before this the inline bar rendered pills only, and `rangeFields` had a\n * surface on the slide-in panel alone — which `inlineFilters` REPLACES on a wide\n * screen. So a range filter was invisible on exactly the screens that use it,\n * and a page wanting one had to hang its own inputs outside the grid, outside\n * `DataViewState`, and outside the grid's \"Limpar filtros\" (FUT-668).\n */\nimport CloseIcon from '@mui/icons-material/Close';\nimport ChevronDownIcon from '@mui/icons-material/KeyboardArrowDown';\nimport Box from '@mui/material/Box/index.js';\nimport Button from '@mui/material/Button/index.js';\nimport Popover from '@mui/material/Popover/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport React, { useState } from 'react';\n\nimport { useDataViewsCopy } from \"./data-views-copy-context\";\nimport { TableFilter } from '../../layout/TableFilter';\nimport { DayBoundInput } from './data-views-day-input';\nimport { NumberBoundInput } from './data-views-number-input';\nimport { RangePresets } from './data-views-preset-chips';\nimport { useOutsideResetKey } from './data-views-range-reset';\nimport { presetsFor } from './data-views-range-presets';\nimport {\n  isRangeInverted,\n  isRangeSet,\n  numericRange,\n  rangeChipLabel,\n} from './data-views-range-values';\nimport type { RangeFieldConfig, RangeValue } from './data-views-types';\nimport { fieldRadiusPx } from '../../../tokens/field-radius';\nimport { fieldHeight } from '../../../tokens/field-height';\nimport { fieldEdge } from '../../../tokens/field-edge';\nimport { sxRem } from '../../../tokens/relative';\n\n\n\n/**\n * One end of the range. A day keeps its `AAAA-MM-DD` string verbatim (the form\n * both the field and the backend speak) and is typed through the masked\n * `dd/mm/aaaa` field rather than a native date input — see\n * {@link DayBoundInput} for why. A number parses, and an unparseable/blank\n * entry CLEARS the bound rather than writing `NaN`.\n */\nfunction BoundField<T extends Record<string, unknown>>({\n  field,\n  label,\n  value,\n  onChange,\n  testId,\n}: {\n  field: RangeFieldConfig<T>;\n  label: string;\n  value: number | string | undefined;\n  onChange: (bound: number | string | undefined) => void;\n  testId: string;\n}): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  if (field.kind === 'day') {\n    return (\n      <DayBoundInput\n        mask={copy.filters.dayMask}\n        invalidMessage={copy.filters.dayInvalid}\n        label={label}\n        value={value == null ? undefined : String(value)}\n        onChange={onChange}\n        testId={testId}\n      />\n    );\n  }\n  return (\n    <NumberBoundInput\n      label={label}\n      value={value}\n      unit={field.unit}\n      onChange={onChange}\n      testId={testId}\n    />\n  );\n}\n\n\n/**\n * The `De`/`Até` pair for a range — shared by the pill's popover and the\n * slide-in panel's day fields, so the two surfaces cannot drift on what a bound\n * accepts or how it clears.\n */\nexport function RangeBounds<T extends Record<string, unknown>>({\n  field,\n  value,\n  onChange,\n  testId,\n}: {\n  field: RangeFieldConfig<T>;\n  value: RangeValue;\n  onChange: (range: RangeValue) => void;\n  testId: string;\n}): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  const inverted = isRangeInverted(value);\n  const { key, emitted } = useOutsideResetKey(value);\n  return (\n    <Box data-testid={`${testId}-panel`}>\n      {/* Above the inputs, not below: the presets are the answer for most\n          merchants, and the two date pickers are the escape hatch. */}\n      <Box sx={{ '&:not(:empty)': { mb: 1.5 } }}>\n        <RangePresets presets={presetsFor(field, copy)} value={value} onChange={onChange} testId={testId} />\n      </Box>\n      {/* Top-aligned: a day that does not exist grows ITS field by a message\n          line, and centring would push the other box half a line down. The two\n          boxes are one height, so with no message this is the same row. */}\n      <Box sx={{ display: 'flex', alignItems: 'flex-start', gap: 1.5 }}>\n        <BoundField\n          key={`min-${key}`}\n          field={field}\n          label={copy.filters.rangeStart}\n          value={value.min}\n          onChange={(min) => onChange(emitted({ ...value, min }))}\n          testId={`${testId}-min`}\n        />\n        <BoundField\n          key={`max-${key}`}\n          field={field}\n          label={copy.filters.rangeEnd}\n          value={value.max}\n          onChange={(max) => onChange(emitted({ ...value, max }))}\n          testId={`${testId}-max`}\n        />\n      </Box>\n      {inverted && (\n        <Typography\n          component=\"p\"\n          data-testid={`${testId}-inverted`}\n          sx={{ mt: 0.75, fontSize: sxRem(12), color: 'error.main' }}\n        >\n          {copy.filters.rangeInvalid}\n        </Typography>\n      )}\n      {/* BOTH days are in the result. Saying so is FUT-668's other half: the\n          bounds compare as ISO strings precisely so `até` keeps its whole day,\n          and nothing on screen would otherwise tell the merchant that. */}\n      {field.kind === 'day' && !inverted && (\n        <Typography\n          component=\"p\"\n          data-testid={`${testId}-inclusive`}\n          sx={{ mt: 0.75, fontSize: sxRem(12), color: 'text.disabled' }}\n        >\n          {copy.filters.rangeInclusiveNote}\n        </Typography>\n      )}\n    </Box>\n  );\n}\n\n/**\n * The pill + its popover. Bounds commit on change (the list is server-driven, so\n * each edit is a query) and the popover stays open, which is what lets a\n * merchant set \"de\" and then \"até\" without re-opening it.\n */\n/** An applied range clears from the pill itself — re-opening to empty two fields is three gestures for one intent. */\nfunction ClearAffordance({\n  label,\n  onClear,\n  testId,\n}: {\n  label: string;\n  onClear: () => void;\n  testId: string;\n}): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  const clear = (event: React.SyntheticEvent): void => {\n    event.stopPropagation();\n    onClear();\n  };\n  return (\n    <Box\n      component=\"span\"\n      role=\"button\"\n      tabIndex={0}\n      aria-label={copy.filters.clearRange(label)}\n      data-testid={testId}\n      onClick={clear}\n      onKeyDown={(event: React.KeyboardEvent) => {\n        if (event.key !== 'Enter' && event.key !== ' ') return;\n        event.preventDefault();\n        clear(event);\n      }}\n      sx={{ display: 'inline-flex', borderRadius: 999, p: 0.125, '&:hover': { bgcolor: 'action.selected' } }}\n    >\n      <CloseIcon sx={{ fontSize: sxRem(14) }} />\n    </Box>\n  );\n}\n\n/** The pill button: its label carries the applied window, and its tone the state. */\nfunction RangeTrigger<T extends Record<string, unknown>>({\n  field,\n  value,\n  onChange,\n  onOpen,\n  open,\n  testId,\n}: {\n  field: RangeFieldConfig<T>;\n  value: RangeValue;\n  onChange: (range: RangeValue) => void;\n  onOpen: (anchor: HTMLElement) => void;\n  open: boolean;\n  testId: string;\n}): React.JSX.Element {\n  const active = isRangeSet(value);\n  const inverted = isRangeInverted(value);\n  // An INVERTED window gets its own tone rather than the ordinary \"applied\"\n  // one: it is applied, and it matches nothing, and those are different states.\n  // At rest the pill draws the one field border (`fieldEdge`).\n  const tone = inverted ? 'error.main' : active ? 'primary.main' : null;\n  return (\n    <Button\n      variant=\"outlined\"\n      color=\"inherit\"\n      size=\"small\"\n      data-testid={testId}\n      aria-haspopup=\"dialog\"\n      aria-expanded={open}\n      onClick={(event) => onOpen(event.currentTarget)}\n      // ✕ FIRST, chevron LAST — the same shape as every other pill. It used to\n      // replace the chevron at the end, so a range pill and a multi-select pill\n      // put the clear in different places, and an applied range lost the\n      // affordance that says it opens.\n      startIcon={\n        active ? (\n          <ClearAffordance label={field.label} onClear={() => onChange({})} testId={`${testId}-clear-inline`} />\n        ) : undefined\n      }\n      endIcon={<ChevronDownIcon sx={{ fontSize: sxRem(16) }} />}\n      sx={{\n        borderRadius: fieldRadiusPx,\n        height: fieldHeight,\n        px: 1.5,\n        maxWidth: sxRem(280),\n        color: inverted ? 'error.main' : 'text.primary',\n        fontWeight: 600,\n        fontSize: sxRem(13),\n        textTransform: 'none',\n        whiteSpace: 'nowrap',\n        borderColor: (theme) => tone ?? fieldEdge(theme),\n        bgcolor: active ? 'action.selected' : 'background.paper',\n        '&:hover': {\n          borderColor: active ? tone : 'text.primary',\n          bgcolor: active ? 'action.selected' : 'action.hover',\n        },\n      }}\n    >\n      {/* The applied bounds, in the label — a pill reading only \"Valor\" hides\n          the very thing that is narrowing the list. */}\n      <Box component=\"span\" sx={{ overflow: 'hidden', textOverflow: 'ellipsis' }}>\n        {active ? rangeChipLabel(field, value) : field.label}\n      </Box>\n    </Button>\n  );\n}\n\nexport function RangePill<T extends Record<string, unknown>>({\n  field,\n  value,\n  onChange,\n  onOpenChange,\n  testIdPrefix,\n}: {\n  field: RangeFieldConfig<T>;\n  value: RangeValue;\n  onChange: (range: RangeValue) => void;\n  /** So a measured toolbar can hold still while this is open. */\n  onOpenChange?: (open: boolean) => void;\n  testIdPrefix: string;\n}): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  const [anchor, setAnchor] = useState<HTMLElement | null>(null);\n  const active = isRangeSet(value);\n  const testId = `${testIdPrefix}-range-${field.id}`;\n  return (\n    <>\n      <RangeTrigger\n        field={field}\n        value={value}\n        onChange={onChange}\n        onOpen={(element) => {\n          setAnchor(element);\n          onOpenChange?.(true);\n        }}\n        open={Boolean(anchor)}\n        testId={testId}\n      />\n      <Popover\n        open={Boolean(anchor)}\n        anchorEl={anchor}\n        onClose={() => {\n          setAnchor(null);\n          onOpenChange?.(false);\n        }}\n        anchorOrigin={{ vertical: 'bottom', horizontal: 'left' }}\n        slotProps={{ paper: { sx: { p: 2, mt: 0.5 } } }}\n      >\n        <RangeBounds field={field} value={value} onChange={onChange} testId={testId} />\n        {/* An inverted window is not an error the merchant must fix before the\n            list responds — it simply matches nothing, and saying so beats an\n            empty grid with no explanation (FUT-668). */}\n        {active && (\n          <Box sx={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 2, mt: 1.5 }}>\n            <Typography component=\"span\" sx={{ fontSize: sxRem(12), color: 'text.secondary' }}>\n              {rangeChipLabel(field, value)}\n            </Typography>\n            <Button\n              variant=\"text\"\n              size=\"small\"\n              onClick={() => onChange({})}\n              data-testid={`${testId}-clear`}\n              sx={{ textTransform: 'none' }}\n            >\n              {copy.filters.clear}\n            </Button>\n          </Box>\n        )}\n      </Popover>\n    </>\n  );\n}\n\n\n/**\n * One range on the SLIDE-IN panel (and the narrow-screen modal): the numeric\n * control the panel already had, or — for a day range, which that control cannot\n * express — the same `De`/`Até` pair the pill's popover uses.\n */\nexport function PanelRangeField<T extends Record<string, unknown>>({\n  field,\n  value,\n  onChange,\n  testId,\n}: {\n  field: RangeFieldConfig<T>;\n  value: RangeValue;\n  onChange: (range: RangeValue) => void;\n  testId: string;\n}): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  if (field.kind === \"day\") {\n    return (\n      <Box sx={{ display: \"flex\", flexDirection: \"column\", gap: 1 }}>\n        <Typography component=\"span\" sx={{ fontSize: sxRem(12), fontWeight: 500, color: \"text.secondary\" }}>\n          {field.label}\n        </Typography>\n        <RangeBounds field={field} value={value} onChange={onChange} testId={testId} />\n      </Box>\n    );\n  }\n  return (\n    <Box sx={{ display: \"flex\", flexDirection: \"column\", gap: 1 }}>\n      <TableFilter.RangeField\n        label={field.label}\n        unit={field.unit}\n        value={numericRange(value)}\n        onChange={(range) => onChange(range)}\n        testId={testId}\n      />\n      {/* Below the numeric control here, unlike the pill's popover: this one\n          renders its own label, and chips above it would separate the label\n          from the field it names. */}\n      <RangePresets presets={presetsFor(field, copy)} value={value} onChange={onChange} testId={testId} />\n    </Box>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,OAAO,eAAe;AACtB,OAAO,qBAAqB;AAC5B,OAAO,SAAS;AAChB,OAAO,YAAY;AACnB,OAAO,aAAa;AACpB,OAAO,gBAAgB;AACvB,SAAgB,gBAAgB;AA8C1B,SA6NF,UA7NE,KAmDA,YAnDA;AAhBN,SAAS,WAA8C;AAAA,EACrD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAMsB;AACpB,QAAM,OAAO,iBAAiB;AAC9B,MAAI,MAAM,SAAS,OAAO;AACxB,WACE;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,KAAK,QAAQ;AAAA,QACnB,gBAAgB,KAAK,QAAQ;AAAA,QAC7B;AAAA,QACA,OAAO,SAAS,OAAO,SAAY,OAAO,KAAK;AAAA,QAC/C;AAAA,QACA;AAAA;AAAA,IACF;AAAA,EAEJ;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,MAAM,MAAM;AAAA,MACZ;AAAA,MACA;AAAA;AAAA,EACF;AAEJ;AAQO,SAAS,YAA+C;AAAA,EAC7D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKsB;AACpB,QAAM,OAAO,iBAAiB;AAC9B,QAAM,WAAW,gBAAgB,KAAK;AACtC,QAAM,EAAE,KAAK,QAAQ,IAAI,mBAAmB,KAAK;AACjD,SACE,qBAAC,OAAI,eAAa,GAAG,MAAM,UAGzB;AAAA,wBAAC,OAAI,IAAI,EAAE,iBAAiB,EAAE,IAAI,IAAI,EAAE,GACtC,8BAAC,gBAAa,SAAS,WAAW,OAAO,IAAI,GAAG,OAAc,UAAoB,QAAgB,GACpG;AAAA,IAIA,qBAAC,OAAI,IAAI,EAAE,SAAS,QAAQ,YAAY,cAAc,KAAK,IAAI,GAC7D;AAAA;AAAA,QAAC;AAAA;AAAA,UAEC;AAAA,UACA,OAAO,KAAK,QAAQ;AAAA,UACpB,OAAO,MAAM;AAAA,UACb,UAAU,CAAC,QAAQ,SAAS,QAAQ,EAAE,GAAG,OAAO,IAAI,CAAC,CAAC;AAAA,UACtD,QAAQ,GAAG,MAAM;AAAA;AAAA,QALZ,OAAO,GAAG;AAAA,MAMjB;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UAEC;AAAA,UACA,OAAO,KAAK,QAAQ;AAAA,UACpB,OAAO,MAAM;AAAA,UACb,UAAU,CAAC,QAAQ,SAAS,QAAQ,EAAE,GAAG,OAAO,IAAI,CAAC,CAAC;AAAA,UACtD,QAAQ,GAAG,MAAM;AAAA;AAAA,QALZ,OAAO,GAAG;AAAA,MAMjB;AAAA,OACF;AAAA,IACC,YACC;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,eAAa,GAAG,MAAM;AAAA,QACtB,IAAI,EAAE,IAAI,MAAM,UAAU,MAAM,EAAE,GAAG,OAAO,aAAa;AAAA,QAExD,eAAK,QAAQ;AAAA;AAAA,IAChB;AAAA,IAKD,MAAM,SAAS,SAAS,CAAC,YACxB;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,eAAa,GAAG,MAAM;AAAA,QACtB,IAAI,EAAE,IAAI,MAAM,UAAU,MAAM,EAAE,GAAG,OAAO,gBAAgB;AAAA,QAE3D,eAAK,QAAQ;AAAA;AAAA,IAChB;AAAA,KAEJ;AAEJ;AAQA,SAAS,gBAAgB;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AACF,GAIsB;AACpB,QAAM,OAAO,iBAAiB;AAC9B,QAAM,QAAQ,CAAC,UAAsC;AACnD,UAAM,gBAAgB;AACtB,YAAQ;AAAA,EACV;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,MAAK;AAAA,MACL,UAAU;AAAA,MACV,cAAY,KAAK,QAAQ,WAAW,KAAK;AAAA,MACzC,eAAa;AAAA,MACb,SAAS;AAAA,MACT,WAAW,CAAC,UAA+B;AACzC,YAAI,MAAM,QAAQ,WAAW,MAAM,QAAQ,IAAK;AAChD,cAAM,eAAe;AACrB,cAAM,KAAK;AAAA,MACb;AAAA,MACA,IAAI,EAAE,SAAS,eAAe,cAAc,KAAK,GAAG,OAAO,WAAW,EAAE,SAAS,kBAAkB,EAAE;AAAA,MAErG,8BAAC,aAAU,IAAI,EAAE,UAAU,MAAM,EAAE,EAAE,GAAG;AAAA;AAAA,EAC1C;AAEJ;AAGA,SAAS,aAAgD;AAAA,EACvD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAOsB;AACpB,QAAM,SAAS,WAAW,KAAK;AAC/B,QAAM,WAAW,gBAAgB,KAAK;AAItC,QAAM,OAAO,WAAW,eAAe,SAAS,iBAAiB;AACjE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAQ;AAAA,MACR,OAAM;AAAA,MACN,MAAK;AAAA,MACL,eAAa;AAAA,MACb,iBAAc;AAAA,MACd,iBAAe;AAAA,MACf,SAAS,CAAC,UAAU,OAAO,MAAM,aAAa;AAAA,MAK9C,WACE,SACE,oBAAC,mBAAgB,OAAO,MAAM,OAAO,SAAS,MAAM,SAAS,CAAC,CAAC,GAAG,QAAQ,GAAG,MAAM,iBAAiB,IAClG;AAAA,MAEN,SAAS,oBAAC,mBAAgB,IAAI,EAAE,UAAU,MAAM,EAAE,EAAE,GAAG;AAAA,MACvD,IAAI;AAAA,QACF,cAAc;AAAA,QACd,QAAQ;AAAA,QACR,IAAI;AAAA,QACJ,UAAU,MAAM,GAAG;AAAA,QACnB,OAAO,WAAW,eAAe;AAAA,QACjC,YAAY;AAAA,QACZ,UAAU,MAAM,EAAE;AAAA,QAClB,eAAe;AAAA,QACf,YAAY;AAAA,QACZ,aAAa,CAAC,UAAU,QAAQ,UAAU,KAAK;AAAA,QAC/C,SAAS,SAAS,oBAAoB;AAAA,QACtC,WAAW;AAAA,UACT,aAAa,SAAS,OAAO;AAAA,UAC7B,SAAS,SAAS,oBAAoB;AAAA,QACxC;AAAA,MACF;AAAA,MAIA,8BAAC,OAAI,WAAU,QAAO,IAAI,EAAE,UAAU,UAAU,cAAc,WAAW,GACtE,mBAAS,eAAe,OAAO,KAAK,IAAI,MAAM,OACjD;AAAA;AAAA,EACF;AAEJ;AAEO,SAAS,UAA6C;AAAA,EAC3D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAOsB;AACpB,QAAM,OAAO,iBAAiB;AAC9B,QAAM,CAAC,QAAQ,SAAS,IAAI,SAA6B,IAAI;AAC7D,QAAM,SAAS,WAAW,KAAK;AAC/B,QAAM,SAAS,GAAG,YAAY,UAAU,MAAM,EAAE;AAChD,SACE,iCACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA,QAAQ,CAAC,YAAY;AACnB,oBAAU,OAAO;AACjB,yBAAe,IAAI;AAAA,QACrB;AAAA,QACA,MAAM,QAAQ,MAAM;AAAA,QACpB;AAAA;AAAA,IACF;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,QAAQ,MAAM;AAAA,QACpB,UAAU;AAAA,QACV,SAAS,MAAM;AACb,oBAAU,IAAI;AACd,yBAAe,KAAK;AAAA,QACtB;AAAA,QACA,cAAc,EAAE,UAAU,UAAU,YAAY,OAAO;AAAA,QACvD,WAAW,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,GAAG,IAAI,IAAI,EAAE,EAAE;AAAA,QAE9C;AAAA,8BAAC,eAAY,OAAc,OAAc,UAAoB,QAAgB;AAAA,UAI5E,UACC,qBAAC,OAAI,IAAI,EAAE,SAAS,QAAQ,YAAY,UAAU,gBAAgB,iBAAiB,KAAK,GAAG,IAAI,IAAI,GACjG;AAAA,gCAAC,cAAW,WAAU,QAAO,IAAI,EAAE,UAAU,MAAM,EAAE,GAAG,OAAO,iBAAiB,GAC7E,yBAAe,OAAO,KAAK,GAC9B;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,SAAQ;AAAA,gBACR,MAAK;AAAA,gBACL,SAAS,MAAM,SAAS,CAAC,CAAC;AAAA,gBAC1B,eAAa,GAAG,MAAM;AAAA,gBACtB,IAAI,EAAE,eAAe,OAAO;AAAA,gBAE3B,eAAK,QAAQ;AAAA;AAAA,YAChB;AAAA,aACF;AAAA;AAAA;AAAA,IAEJ;AAAA,KACF;AAEJ;AAQO,SAAS,gBAAmD;AAAA,EACjE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKsB;AACpB,QAAM,OAAO,iBAAiB;AAC9B,MAAI,MAAM,SAAS,OAAO;AACxB,WACE,qBAAC,OAAI,IAAI,EAAE,SAAS,QAAQ,eAAe,UAAU,KAAK,EAAE,GAC1D;AAAA,0BAAC,cAAW,WAAU,QAAO,IAAI,EAAE,UAAU,MAAM,EAAE,GAAG,YAAY,KAAK,OAAO,iBAAiB,GAC9F,gBAAM,OACT;AAAA,MACA,oBAAC,eAAY,OAAc,OAAc,UAAoB,QAAgB;AAAA,OAC/E;AAAA,EAEJ;AACA,SACE,qBAAC,OAAI,IAAI,EAAE,SAAS,QAAQ,eAAe,UAAU,KAAK,EAAE,GAC1D;AAAA;AAAA,MAAC,YAAY;AAAA,MAAZ;AAAA,QACC,OAAO,MAAM;AAAA,QACb,MAAM,MAAM;AAAA,QACZ,OAAO,aAAa,KAAK;AAAA,QACzB,UAAU,CAAC,UAAU,SAAS,KAAK;AAAA,QACnC;AAAA;AAAA,IACF;AAAA,IAIA,oBAAC,gBAAa,SAAS,WAAW,OAAO,IAAI,GAAG,OAAc,UAAoB,QAAgB;AAAA,KACpG;AAEJ;","names":[]}

package/dist/{chunk-3HSLEUVW.js → chunk-CBO46LJH.js}

@@ -5,13 +5,13 @@ import {
 } from "./chunk-D6KL74KI.js";
 import {
   fieldControlStyles
-} from "./chunk-QQHZBJMU.js";
-import {
-  fieldEdge
-} from "./chunk-7ZADLRLP.js";
+} from "./chunk-RGVNXES5.js";
 import {
   fieldRadiusPx
 } from "./chunk-GDN2LUTZ.js";
+import {
+  fieldEdge
+} from "./chunk-7ZADLRLP.js";
 import {
   rem,
   sxRem
@@ -171,4 +171,4 @@ function CreatableSelect({
 export {
   CreatableSelect
 };
-//# sourceMappingURL=chunk-3HSLEUVW.js.map
+//# sourceMappingURL=chunk-CBO46LJH.js.map

package/dist/{chunk-EMSMJRP3.js → chunk-CESGZRVQ.js}

@@ -1,9 +1,9 @@
-import {
-  tileBackground
-} from "./chunk-4YYFZ6TE.js";
 import {
   TILE_WORLD_UNITS
 } from "./chunk-CB6DTWD5.js";
+import {
+  tileBackground
+} from "./chunk-4YYFZ6TE.js";
 import {
   rem
 } from "./chunk-YKCAJ2TN.js";
@@ -68,4 +68,4 @@ var MapTiles = ({ origin, zoom, mapType, panOffset }) => {
 export {
   MapTiles
 };
-//# sourceMappingURL=chunk-EMSMJRP3.js.map
+//# sourceMappingURL=chunk-CESGZRVQ.js.map

package/dist/{chunk-LODYTVOO.js → chunk-CFDWKQZT.js}

@@ -6,7 +6,7 @@ import {
   ChipList,
   DefaultSuggestion,
   SuggestionListBox
-} from "./chunk-MQVIYTH5.js";
+} from "./chunk-SAKSIN7E.js";
 import {
   defaultGetKey,
   defaultGetLabel,
@@ -131,4 +131,4 @@ export {
   Autocomplete,
   Autocomplete_default
 };
-//# sourceMappingURL=chunk-LODYTVOO.js.map
+//# sourceMappingURL=chunk-CFDWKQZT.js.map

package/dist/chunk-COOSJKZL.js

@@ -0,0 +1,197 @@
+// src/components/data-display/RegionMap/RegionMap.helpers.ts
+var METRES_PER_DEGREE = 111195;
+function projectionAt(center) {
+  const kx = METRES_PER_DEGREE * Math.cos(center.latitude * Math.PI / 180);
+  return {
+    project: ([latitude, longitude]) => ({
+      x: (longitude - center.longitude) * kx,
+      y: -(latitude - center.latitude) * METRES_PER_DEGREE
+    })
+  };
+}
+function ringPath(ring) {
+  if (ring.length === 0) return "";
+  const [first, ...rest] = ring;
+  return `M${first.x.toFixed(1)} ${first.y.toFixed(1)}${rest.map((p) => `L${p.x.toFixed(1)} ${p.y.toFixed(1)}`).join("")}Z`;
+}
+function regionPath(rings) {
+  return rings.map(ringPath).join("");
+}
+function extent(values) {
+  let min = Infinity;
+  let max = -Infinity;
+  for (const value of values) {
+    if (value < min) min = value;
+    if (value > max) max = value;
+  }
+  return min === Infinity ? null : { min, max };
+}
+function planeBounds(rings) {
+  const points = rings.flat();
+  const xs = extent(points.map((p) => p.x));
+  const ys = extent(points.map((p) => p.y));
+  if (xs === null || ys === null) return null;
+  return { minX: xs.min, minY: ys.min, spanX: xs.max - xs.min, spanY: ys.max - ys.min };
+}
+function viewBoxFor(largestRadius, areaBounds, margin = 0.12) {
+  if (largestRadius !== null && largestRadius > 0) {
+    const half = largestRadius * (1 + margin);
+    return { minX: -half, minY: -half, spanX: half * 2, spanY: half * 2 };
+  }
+  if (areaBounds === null) return null;
+  const side = Math.max(areaBounds.spanX, areaBounds.spanY) * (1 + margin) || 1;
+  const cx = areaBounds.minX + areaBounds.spanX / 2;
+  const cy = areaBounds.minY + areaBounds.spanY / 2;
+  return { minX: cx - side / 2, minY: cy - side / 2, spanX: side, spanY: side };
+}
+function boxesOverlap(a, b) {
+  return a.minX <= b.minX + b.spanX && b.minX <= a.minX + a.spanX && a.minY <= b.minY + b.spanY && b.minY <= a.minY + a.spanY;
+}
+function ringCrossings(ring, point) {
+  let crossings = 0;
+  for (let i = 0, j = ring.length - 1; i < ring.length; j = i++) {
+    const a = ring[i];
+    const b = ring[j];
+    if (a.y > point.y !== b.y > point.y && point.x < (b.x - a.x) * (point.y - a.y) / (b.y - a.y) + a.x) {
+      crossings += 1;
+    }
+  }
+  return crossings;
+}
+function ringsContain(rings, point) {
+  return rings.reduce((sum, ring) => sum + ringCrossings(ring, point), 0) % 2 === 1;
+}
+function ringDistance(ring, point) {
+  let best = Infinity;
+  for (let i = 1; i <= ring.length; i++) {
+    const a = ring[i - 1];
+    const b = ring[i % ring.length];
+    const dx = b.x - a.x;
+    const dy = b.y - a.y;
+    const lengthSquared = dx * dx + dy * dy;
+    const t = lengthSquared === 0 ? 0 : Math.max(0, Math.min(1, ((point.x - a.x) * dx + (point.y - a.y) * dy) / lengthSquared));
+    best = Math.min(best, Math.hypot(a.x + t * dx - point.x, a.y + t * dy - point.y));
+  }
+  return best;
+}
+function ringsDistance(rings, point) {
+  if (ringsContain(rings, point)) return 0;
+  let best = Infinity;
+  for (const ring of rings) best = Math.min(best, ringDistance(ring, point));
+  return best;
+}
+function nearBox(box, point, margin) {
+  return point.x >= box.minX - margin && point.x <= box.minX + box.spanX + margin && point.y >= box.minY - margin && point.y <= box.minY + box.spanY + margin;
+}
+function hitRegion(regions, point, tolerance) {
+  let best = null;
+  for (const { id, geometry } of regions) {
+    const distance = reach(geometry, point, tolerance);
+    if (distance !== null && beats(geometry.area, distance, best)) {
+      best = { id, area: geometry.area, distance };
+    }
+  }
+  return best?.id ?? null;
+}
+function reach(geometry, point, tolerance) {
+  if (geometry.bounds === null || !nearBox(geometry.bounds, point, tolerance)) return null;
+  const distance = ringsDistance(geometry.rings, point);
+  return distance <= tolerance ? distance : null;
+}
+function beats(area, distance, best) {
+  if (best === null || area < best.area) return true;
+  return area === best.area && distance < best.distance;
+}
+function ringCentroid(ring) {
+  let area = 0;
+  let cx = 0;
+  let cy = 0;
+  for (let i = 0, j = ring.length - 1; i < ring.length; j = i++) {
+    const a = ring[j];
+    const b = ring[i];
+    const cross = a.x * b.y - b.x * a.y;
+    area += cross;
+    cx += (a.x + b.x) * cross;
+    cy += (a.y + b.y) * cross;
+  }
+  area /= 2;
+  if (area === 0) return { area: 0, x: ring[0]?.x ?? 0, y: ring[0]?.y ?? 0 };
+  return { area, x: cx / (6 * area), y: cy / (6 * area) };
+}
+function planeArea(rings) {
+  let largest = 0;
+  for (const ring of rings) largest = Math.max(largest, Math.abs(ringCentroid(ring).area));
+  return largest;
+}
+function labelPosition(rings, view, inset = 0.04) {
+  const largest = rings.map(ringCentroid).reduce((a, b) => Math.abs(b.area) > Math.abs(a.area) ? b : a, { area: 0, x: 0, y: 0 });
+  const clamp = (value) => Math.min(1 - inset, Math.max(inset, value));
+  return {
+    fractionX: clamp((largest.x - view.minX) / view.spanX),
+    fractionY: clamp((largest.y - view.minY) / view.spanY)
+  };
+}
+function projectRings(rings, projection) {
+  return rings.map((ring) => ring.map(projection.project));
+}
+function areaGeometry(rings, projection) {
+  const plane = projectRings(rings, projection);
+  return { rings: plane, bounds: planeBounds(plane), area: planeArea(plane), path: regionPath(plane) };
+}
+function geometryCache(projection) {
+  const cache = /* @__PURE__ */ new WeakMap();
+  return (rings) => {
+    let geometry = cache.get(rings);
+    if (geometry === void 0) {
+      geometry = areaGeometry(rings, projection);
+      cache.set(rings, geometry);
+    }
+    return geometry;
+  };
+}
+function drawOrder(regions, geometryOf, view) {
+  return regions.map((region) => ({ ...region, geometry: geometryOf(region.rings) })).filter(({ geometry }) => geometry.bounds !== null && boxesOverlap(geometry.bounds, view)).sort((a, b) => b.geometry.area - a.geometry.area);
+}
+function decodePolyline(encoded, precision = 1e5) {
+  const points = [];
+  let index = 0;
+  let lat = 0;
+  let lng = 0;
+  const next = () => {
+    let shift = 0;
+    let result = 0;
+    let byte;
+    do {
+      byte = encoded.charCodeAt(index++) - 63;
+      result |= (byte & 31) << shift;
+      shift += 5;
+    } while (byte >= 32);
+    return result & 1 ? ~(result >> 1) : result >> 1;
+  };
+  while (index < encoded.length) {
+    lat += next();
+    lng += next();
+    points.push([lat / precision, lng / precision]);
+  }
+  return points;
+}
+
+export {
+  projectionAt,
+  regionPath,
+  extent,
+  planeBounds,
+  viewBoxFor,
+  boxesOverlap,
+  ringsContain,
+  ringsDistance,
+  hitRegion,
+  planeArea,
+  labelPosition,
+  projectRings,
+  areaGeometry,
+  geometryCache,
+  drawOrder,
+  decodePolyline
+};
+//# sourceMappingURL=chunk-COOSJKZL.js.map