@12-apps/ui 6.83.0 → 6.85.0

package/dist/{chunk-7RG37FVT.js → chunk-3IX2TP4I.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-4XK6JQ4D.js";
 import {
   Input
-} from "./chunk-MWPD2BXO.js";
+} from "./chunk-RHVJ3L4U.js";
 import {
   FormControl,
   FormLabel,
@@ -12,7 +12,32 @@ import {
 
 // src/components/form/total-form/Fields/TextField.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
-function TextField({ name, label, type = "text", placeholder }) {
+var FIELD_OWNED = [
+  "id",
+  "name",
+  "type",
+  "value",
+  "defaultValue",
+  "onChange",
+  "placeholder",
+  "size",
+  "color",
+  "data-testid"
+];
+function callerInputProps(inputProps, testId) {
+  const kept = Object.fromEntries(
+    Object.entries(inputProps ?? {}).filter(([key]) => !FIELD_OWNED.includes(key))
+  );
+  return { ...kept, "data-testid": testId };
+}
+function TextField({
+  name,
+  label,
+  type = "text",
+  placeholder,
+  autoComplete,
+  inputProps
+}) {
   const { values, errors, setFieldValue } = useFormContext();
   const error = errors[name];
   const testId = `total-form-field-${name}`;
@@ -27,6 +52,8 @@ function TextField({ name, label, type = "text", placeholder }) {
         placeholder,
         value: values[name] ?? "",
         error: Boolean(error),
+        autoComplete,
+        inputProps: callerInputProps(inputProps, testId),
         "data-testid": testId,
         onChange: (event) => setFieldValue(name, event.target.value)
       }
@@ -38,4 +65,4 @@ function TextField({ name, label, type = "text", placeholder }) {
 export {
   TextField
 };
-//# sourceMappingURL=chunk-7RG37FVT.js.map
+//# sourceMappingURL=chunk-3IX2TP4I.js.map

package/dist/chunk-3IX2TP4I.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/total-form/Fields/TextField.tsx"],"sourcesContent":["'use client';\n\nimport type { InputHTMLAttributes } from 'react';\nimport React from 'react';\n\nimport { FormControl, FormLabel, FormMessage } from '../../Form';\nimport { Input } from '../../Input';\nimport { useFormContext } from '../FormContext';\n\n/** Props for the `total-form` {@link TextField}. */\nexport interface TextFieldProps {\n  /** Field name; also the key into the form's values/errors. */\n  name: string;\n  /** Optional visible label rendered above the input. */\n  label?: string;\n  /** Native input type (e.g. `email`, `password`). Defaults to `text`. */\n  type?: string;\n  /** Placeholder shown when the field is empty. */\n  placeholder?: string;\n  /**\n   * The `autocomplete` attribute of the `<input>`. Omitted, the browser decides\n   * from the `name` — which is how a supplier's `name`/`phone`/`email` gets\n   * offered the signed-in owner's own (FUT-4140). Pass `off` for somebody\n   * else's data, `new-password` for a secret the password manager must not\n   * fill. An `inputProps.autoComplete` wins over this one.\n   */\n  autoComplete?: string;\n  /**\n   * Attributes for the `<input>` element itself — `inputMode`, `autoCapitalize`,\n   * `autoCorrect`, `spellCheck`, `maxLength`, `pattern`, `enterKeyHint`…\n   *\n   * They reach the `<input>`, never the wrapper `div`, where a keypad hint does\n   * nothing. What the field owns — `id`, `name`, `type`, `value`, `onChange`,\n   * `placeholder` and the `total-form-field-<name>` test id — is not\n   * overridable here.\n   */\n  inputProps?: TextFieldInputProps;\n}\n\n/** The `<input>` attributes {@link TextField} lets a caller set (see `inputProps`). */\nexport type TextFieldInputProps = Omit<\n  InputHTMLAttributes<HTMLInputElement>,\n  'id' | 'name' | 'type' | 'value' | 'defaultValue' | 'onChange' | 'placeholder' | 'size' | 'color'\n>;\n\n/** The keys {@link TextFieldInputProps} leaves out, also dropped at runtime. */\nconst FIELD_OWNED = [\n  'id',\n  'name',\n  'type',\n  'value',\n  'defaultValue',\n  'onChange',\n  'placeholder',\n  'size',\n  'color',\n  'data-testid',\n];\n\n/**\n * The caller's `<input>` attributes, minus what the field owns.\n *\n * The type already refuses those keys; plain JS or a cast does not, and a\n * renamed id, name or test id would silently unbind the label, the form value\n * or every spec that finds the field by it. So they are dropped here too, and\n * the field's own test id is written last.\n */\nfunction callerInputProps(inputProps: TextFieldInputProps | undefined, testId: string): Record<string, unknown> {\n  const kept = Object.fromEntries(\n    Object.entries(inputProps ?? {}).filter(([key]) => !FIELD_OWNED.includes(key)),\n  );\n  return { ...kept, 'data-testid': testId };\n}\n\n/**\n * Text input field bound to {@link useFormContext}. Composes the existing\n * `@12-apps/ui` `Form*` presentational primitives and the `Input` control,\n * reading its value/error from context and writing changes back through it.\n *\n * Renders its error via `total-form-field-<name>-message` and the input via\n * `total-form-field-<name>`.\n */\nexport function TextField({\n  name,\n  label,\n  type = 'text',\n  placeholder,\n  autoComplete,\n  inputProps,\n}: TextFieldProps): React.ReactElement {\n  const { values, errors, setFieldValue } = useFormContext();\n  const error = errors[name];\n  const testId = `total-form-field-${name}`;\n\n  return (\n    <FormControl fullWidth>\n      {label && (\n        <FormLabel htmlFor={name} error={Boolean(error)}>\n          {label}\n        </FormLabel>\n      )}\n      <Input\n        id={name}\n        name={name}\n        type={type}\n        placeholder={placeholder}\n        value={values[name] ?? ''}\n        error={Boolean(error)}\n        autoComplete={autoComplete}\n        inputProps={callerInputProps(inputProps, testId)}\n        data-testid={testId}\n        onChange={(event) => setFieldValue(name, event.target.value)}\n      />\n      {error && (\n        <FormMessage error dataTestId={`${testId}-message`}>\n          {error}\n        </FormMessage>\n      )}\n    </FormControl>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AA+FI,SAEI,KAFJ;AAjDJ,IAAM,cAAc;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAUA,SAAS,iBAAiB,YAA6C,QAAyC;AAC9G,QAAM,OAAO,OAAO;AAAA,IAClB,OAAO,QAAQ,cAAc,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,GAAG,MAAM,CAAC,YAAY,SAAS,GAAG,CAAC;AAAA,EAC/E;AACA,SAAO,EAAE,GAAG,MAAM,eAAe,OAAO;AAC1C;AAUO,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AACF,GAAuC;AACrC,QAAM,EAAE,QAAQ,QAAQ,cAAc,IAAI,eAAe;AACzD,QAAM,QAAQ,OAAO,IAAI;AACzB,QAAM,SAAS,oBAAoB,IAAI;AAEvC,SACE,qBAAC,eAAY,WAAS,MACnB;AAAA,aACC,oBAAC,aAAU,SAAS,MAAM,OAAO,QAAQ,KAAK,GAC3C,iBACH;AAAA,IAEF;AAAA,MAAC;AAAA;AAAA,QACC,IAAI;AAAA,QACJ;AAAA,QACA;AAAA,QACA;AAAA,QACA,OAAO,OAAO,IAAI,KAAK;AAAA,QACvB,OAAO,QAAQ,KAAK;AAAA,QACpB;AAAA,QACA,YAAY,iBAAiB,YAAY,MAAM;AAAA,QAC/C,eAAa;AAAA,QACb,UAAU,CAAC,UAAU,cAAc,MAAM,MAAM,OAAO,KAAK;AAAA;AAAA,IAC7D;AAAA,IACC,SACC,oBAAC,eAAY,OAAK,MAAC,YAAY,GAAG,MAAM,YACrC,iBACH;AAAA,KAEJ;AAEJ;","names":[]}

package/dist/chunk-3OL2TSEJ.js

@@ -0,0 +1,80 @@
+import {
+  RegionMapDrawing
+} from "./chunk-A63WU4UZ.js";
+import {
+  useRegionMap
+} from "./chunk-GMRQPNG3.js";
+import {
+  RegionMapList
+} from "./chunk-BRZKOUEL.js";
+import {
+  RegionMapLegend
+} from "./chunk-PBRCKHN3.js";
+
+// src/components/data-display/RegionMap/RegionMap.tsx
+import Box from "@mui/material/Box/index.js";
+import { useTheme } from "@mui/material/styles/index.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var NO_IDS = [];
+function RegionMap({
+  regions,
+  center,
+  circles,
+  onToggle,
+  highlightedIds = NO_IDS,
+  copy,
+  listMode = "collapsed",
+  listSort = "given",
+  maxHeight,
+  className,
+  dataTestId = "region-map"
+}) {
+  const theme = useTheme();
+  const model = useRegionMap({ regions, center, circles, onToggle });
+  const { view } = model;
+  if (view === null && regions.length === 0) return null;
+  return /* @__PURE__ */ jsxs(Box, { className, "data-testid": dataTestId, children: [
+    view && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        RegionMapDrawing,
+        {
+          model: { ...model, view },
+          showCenter: center !== null,
+          highlightedIds,
+          maxHeight,
+          label: copy.mapLabel,
+          tappable: onToggle !== void 0,
+          testId: dataTestId,
+          theme
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        RegionMapLegend,
+        {
+          copy,
+          outermostMetres: model.outermostMetres,
+          showCenter: center !== null,
+          theme,
+          testId: dataTestId
+        }
+      )
+    ] }),
+    listMode !== "none" && /* @__PURE__ */ jsx(
+      RegionMapList,
+      {
+        regions,
+        copy,
+        mode: listMode,
+        sort: listSort,
+        onToggle,
+        testId: dataTestId,
+        theme
+      }
+    )
+  ] });
+}
+
+export {
+  RegionMap
+};
+//# sourceMappingURL=chunk-3OL2TSEJ.js.map

package/dist/chunk-3OL2TSEJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/RegionMap/RegionMap.tsx"],"sourcesContent":["import Box from '@mui/material/Box/index.js';\nimport { useTheme } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport { useRegionMap } from './RegionMap.hooks';\nimport type { RegionMapProps } from './RegionMap.types';\nimport { RegionMapDrawing } from './RegionMapDrawing';\nimport { RegionMapLegend } from './RegionMapLegend';\nimport { RegionMapList } from './RegionMapList';\n\n/** One empty list, so the default does not change identity per render. */\nconst NO_IDS: readonly string[] = [];\n\n/**\n * A hand-drawn map of named areas around a centre; a tap toggles an area.\n *\n * Drawn as inline SVG over a plain background — no tile server, no API key,\n * nothing fetched — because the question it answers is \"which of THESE areas\",\n * not \"what is the street called\". Four choices shape it:\n *\n * - **The list is the accessible way in.** The drawing is one `role=\"img\"`\n *   with a name; its areas are not tab stops (dozens of them, many too small to\n *   tap on a phone). Every area is also a toggle button in the list beneath,\n *   with `aria-pressed`, which is what a keyboard and a screen reader use —\n *   and what reaches a sliver no finger can.\n * - **Excluded is hatched AND named, never only coloured,** and never in the\n *   error colour: leaving an area out is a choice, not a failure.\n * - **The hit test is ours, not only the browser's.** A mouse click on a path\n *   is that path. A finger's tap takes the SMALLEST area within a few pixels'\n *   worth of metres (`hitRegion`), so a sliver beside a big area can be hit\n *   from the map; one too thin even for that is still on the list.\n * - **A toggle is cheap.** Geometry is projected once per `rings` identity,\n *   and the base layer is memoised, so a tap re-renders the hatch and labels.\n */\nexport function RegionMap({\n  regions,\n  center,\n  circles,\n  onToggle,\n  highlightedIds = NO_IDS,\n  copy,\n  listMode = 'collapsed',\n  listSort = 'given',\n  maxHeight,\n  className,\n  dataTestId = 'region-map',\n}: RegionMapProps): React.JSX.Element | null {\n  const theme = useTheme();\n  const model = useRegionMap({ regions, center, circles, onToggle });\n  const { view } = model;\n  if (view === null && regions.length === 0) return null;\n  return (\n    <Box className={className} data-testid={dataTestId}>\n      {view && (\n        <>\n          <RegionMapDrawing\n            model={{ ...model, view }}\n            showCenter={center !== null}\n            highlightedIds={highlightedIds}\n            maxHeight={maxHeight}\n            label={copy.mapLabel}\n            tappable={onToggle !== undefined}\n            testId={dataTestId}\n            theme={theme}\n          />\n          <RegionMapLegend\n            copy={copy}\n            outermostMetres={model.outermostMetres}\n            showCenter={center !== null}\n            theme={theme}\n            testId={dataTestId}\n          />\n        </>\n      )}\n      {listMode !== 'none' && (\n        <RegionMapList\n          regions={regions}\n          copy={copy}\n          mode={listMode}\n          sort={listSort}\n          onToggle={onToggle}\n          testId={dataTestId}\n          theme={theme}\n        />\n      )}\n    </Box>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AAAA,OAAO,SAAS;AAChB,SAAS,gBAAgB;AAqDjB,mBACE,KADF;AA3CR,IAAM,SAA4B,CAAC;AAuB5B,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB;AAAA,EACA,WAAW;AAAA,EACX,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA,aAAa;AACf,GAA6C;AAC3C,QAAM,QAAQ,SAAS;AACvB,QAAM,QAAQ,aAAa,EAAE,SAAS,QAAQ,SAAS,SAAS,CAAC;AACjE,QAAM,EAAE,KAAK,IAAI;AACjB,MAAI,SAAS,QAAQ,QAAQ,WAAW,EAAG,QAAO;AAClD,SACE,qBAAC,OAAI,WAAsB,eAAa,YACrC;AAAA,YACC,iCACE;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,OAAO,EAAE,GAAG,OAAO,KAAK;AAAA,UACxB,YAAY,WAAW;AAAA,UACvB;AAAA,UACA;AAAA,UACA,OAAO,KAAK;AAAA,UACZ,UAAU,aAAa;AAAA,UACvB,QAAQ;AAAA,UACR;AAAA;AAAA,MACF;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,iBAAiB,MAAM;AAAA,UACvB,YAAY,WAAW;AAAA,UACvB;AAAA,UACA,QAAQ;AAAA;AAAA,MACV;AAAA,OACF;AAAA,IAED,aAAa,UACZ;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,MAAM;AAAA,QACN,MAAM;AAAA,QACN;AAAA,QACA,QAAQ;AAAA,QACR;AAAA;AAAA,IACF;AAAA,KAEJ;AAEJ;","names":[]}

package/dist/{chunk-BTGXHQX3.js → chunk-4JNC5AEF.js}

@@ -1,6 +1,6 @@
 import {
   createInput
-} from "./chunk-MO4FFK62.js";
+} from "./chunk-FXECKKPW.js";
 import {
   OutlinedTextFieldSlim
 } from "./chunk-LZRVUOMU.js";
@@ -11,4 +11,4 @@ var Input = createInput(OutlinedTextFieldSlim);
 export {
   Input
 };
-//# sourceMappingURL=chunk-BTGXHQX3.js.map
+//# sourceMappingURL=chunk-4JNC5AEF.js.map

package/dist/{chunk-6MOJK2QT.js → chunk-4SQ2WCZA.js}

@@ -1,6 +1,6 @@
 import {
   fieldHeight
-} from "./chunk-QQHZBJMU.js";
+} from "./chunk-RGVNXES5.js";
 import {
   fieldRadiusPx
 } from "./chunk-GDN2LUTZ.js";
@@ -238,4 +238,4 @@ function SavedViewsMenu({
 export {
   SavedViewsMenu
 };
-//# sourceMappingURL=chunk-6MOJK2QT.js.map
+//# sourceMappingURL=chunk-4SQ2WCZA.js.map

package/dist/{chunk-QHFAKEZZ.js → chunk-4V37DAMA.js}

@@ -1,12 +1,12 @@
 import {
   useSummaryInfo
-} from "./chunk-XXUTD74L.js";
+} from "./chunk-MK6UXAWY.js";
 import {
   PendingSpinner,
   SaveError,
   SettingHeader,
   partTestId
-} from "./chunk-Q7QQXNL7.js";
+} from "./chunk-UT545JBQ.js";
 import {
   clampStyles,
   descriptionStyles
@@ -87,4 +87,4 @@ export {
   useSettingSwitchIds,
   SettingSwitchBlock
 };
-//# sourceMappingURL=chunk-QHFAKEZZ.js.map
+//# sourceMappingURL=chunk-4V37DAMA.js.map

package/dist/{chunk-RDRXTH47.js → chunk-52RHAAIH.js}

@@ -1,26 +1,26 @@
 import {
   ClearAllControl,
   CloseSearchControl
-} from "./chunk-YH7G44WL.js";
+} from "./chunk-QLJU7UUI.js";
 import {
   MoreFilters
-} from "./chunk-4IVEBBF6.js";
+} from "./chunk-OQN2FHEL.js";
 import {
   PillControl
-} from "./chunk-ATJTGQYE.js";
+} from "./chunk-GOQOVKUZ.js";
+import {
+  isQuickActive
+} from "./chunk-KYUEO2IO.js";
 import {
   RangePill
-} from "./chunk-76IHYINM.js";
+} from "./chunk-CARUHKZW.js";
 import {
   QuickChip
-} from "./chunk-MHFXJRLD.js";
-import {
-  isQuickActive
-} from "./chunk-KYUEO2IO.js";
+} from "./chunk-AT6UKTH4.js";
 import {
   CollapsedSearch,
   InlineKeyword
-} from "./chunk-M74YHHJE.js";
+} from "./chunk-ACBHZG3Z.js";
 
 // src/components/data-display/DataViews/data-views-inline-bar.tsx
 import Box from "@mui/material/Box/index.js";
@@ -126,7 +126,8 @@ function InlineFilterControls({
   onClearAll,
   activeFilterCount,
   onControlOpenChange,
-  onToggleQuick
+  onToggleQuick,
+  clearKey
 }) {
   const { inline, overflow, compactControls, clearAllHidden } = split;
   const { showBox, expanded, fill, takesOver, open, close } = useSearchMode(split);
@@ -175,7 +176,8 @@ function InlineFilterControls({
             activeFilterCount,
             compactControls,
             clearAllHidden,
-            testIdPrefix
+            testIdPrefix,
+            clearKey
           }
         )
       ]
@@ -196,7 +198,8 @@ function FilterSlots({
   activeFilterCount,
   compactControls,
   clearAllHidden,
-  testIdPrefix
+  testIdPrefix,
+  clearKey
 }) {
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     inline.map((field) => /* @__PURE__ */ jsx(
@@ -217,6 +220,7 @@ function FilterSlots({
     /* @__PURE__ */ jsx(
       MoreFilters,
       {
+        clearKey,
         onOpenChange: onControlOpenChange,
         onClearAll,
         anyApplied: activeFilterCount > 0,
@@ -244,4 +248,4 @@ function FilterSlots({
 export {
   InlineFilterControls
 };
-//# sourceMappingURL=chunk-RDRXTH47.js.map
+//# sourceMappingURL=chunk-52RHAAIH.js.map

package/dist/chunk-52RHAAIH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/DataViews/data-views-inline-bar.tsx"],"sourcesContent":["\"use client\";\n\n/**\n * The INLINE filter bar — the horizontal row of controls a grid renders instead\n * of the slide-in panel on a wide screen (`inlineFilters`): the compact keyword\n * box, one pill per facet, one pill per range, and \"Mais N\" for whatever had no\n * room.\n *\n * There is no \"Filtros ativos\" row beneath it. Listing every applied filter a\n * second time, under the controls already showing them, was the same\n * information twice — and put the ✕ that removes a filter somewhere other than\n * the control that applied it. Each pill carries its own.\n *\n * Split from `data-views-filter-panel` because they are two surfaces, not one:\n * the panel is a column of stacked fields, this is a row of pills, and the only\n * thing they share is the prop shape they are both driven by.\n */\nimport Box from \"@mui/material/Box/index.js\";\nimport { useState } from \"react\";\n\n\nimport { ClearAllControl, CloseSearchControl } from \"./data-views-bar-controls\";\nimport type { GridFilterPanelProps } from \"./data-views-filter-panel\";\nimport { MoreFilters } from \"./data-views-more-filters\";\nimport type { OverflowField, OverflowSplit } from \"./data-views-overflow\";\nimport { CollapsedSearch, InlineKeyword } from \"./data-views-search\";\nimport { PillControl } from \"./data-views-category-pill\";\nimport { isQuickActive } from \"./data-views-overflow\";\nimport { QuickChip } from \"./data-views-quick-chip\";\nimport { RangePill } from \"./data-views-range-pill\";\nimport type { QuickFilterConfig, RangeValue } from \"./data-views-types\";\n\n\n\n/* ── Inline (second-line) filter bar ─────────────────────────────────────── */\n\n/** The search, in whichever of its two forms the measurement asked for. */\nfunction SearchSlot({\n  search,\n  onSearchChange,\n  collapsed,\n  expanded,\n  fill,\n  onOpen,\n  onEscape,\n  testIdPrefix,\n}: {\n  search: string;\n  onSearchChange: (value: string) => void;\n  collapsed: boolean;\n  expanded: boolean;\n  /** The box owns the cluster alone, so it may shrink below its usual floor. */\n  fill: boolean;\n  onOpen: () => void;\n  onEscape: () => void;\n  testIdPrefix: string;\n}): React.JSX.Element {\n  if (collapsed) {\n    return (\n      <CollapsedSearch active={search !== \"\"} onOpen={onOpen} testId={`${testIdPrefix}-search-all`} />\n    );\n  }\n  return (\n    <InlineKeyword\n      value={search}\n      onChange={onSearchChange}\n      testId={`${testIdPrefix}-search-all`}\n      autoFocus={expanded}\n      onEscape={onEscape}\n      fill={fill}\n    />\n  );\n}\n\n/** Props the inline bar needs (the slide-in panel's, minus its own chrome). */\ntype InlineFilterBarProps<T extends Record<string, unknown>> = Pick<\n  GridFilterPanelProps<T>,\n  | \"testIdPrefix\"\n  | \"search\"\n  | \"fields\"\n  | \"rangeFields\"\n  | \"pills\"\n  | \"ranges\"\n  | \"onSearchChange\"\n  | \"onTogglePill\"\n  | \"onChangeRange\"\n  | \"onClearField\"\n  | \"onClearAll\"\n> & {\n  /** The measured degradation state, computed once in `GridShell`. */\n  split: OverflowSplit<T>;\n};\n\n/**\n * One filter control on the bar: a multi-select pill or a min/max range. The\n * two are the same thing from the bar's point of view — a labelled control that\n * writes into the view state — so which one to build is decided here rather\n * than in the bar's own render.\n */\nfunction InlineControl<T extends Record<string, unknown>>({\n  field,\n  pills,\n  ranges,\n  onTogglePill,\n  onChangeRange,\n  onClearField,\n  onToggleQuick,\n  onOpenChange,\n  testIdPrefix,\n}: {\n  field: OverflowField<T>;\n  onToggleQuick?: (quick: QuickFilterConfig) => void;\n  onOpenChange?: (open: boolean) => void;\n  pills: Record<string, string[]>;\n  ranges: Record<string, RangeValue>;\n  onTogglePill: (fieldId: string, value: string, checked: boolean) => void;\n  onChangeRange: (fieldId: string, range: RangeValue) => void;\n  onClearField: (fieldId: string) => void;\n  testIdPrefix: string;\n}): React.JSX.Element | null {\n  if (field.group === \"quick\" && field.quick) {\n    const quick = field.quick;\n    return (\n      <QuickChip\n        quick={quick}\n        active={isQuickActive(quick, pills)}\n        onToggle={() => onToggleQuick?.(quick)}\n        testIdPrefix={testIdPrefix}\n      />\n    );\n  }\n  if (field.group === \"pill\" && field.pill) {\n    return (\n      <PillControl\n        fieldId={field.id}\n        pill={field.pill}\n        selected={pills[field.id] ?? []}\n        onTogglePill={onTogglePill}\n        onClearField={onClearField}\n        onOpenChange={onOpenChange}\n        testIdPrefix={testIdPrefix}\n      />\n    );\n  }\n  if (field.group === \"range\" && field.range) {\n    return (\n      <RangePill\n        field={field.range}\n        value={ranges[field.id] ?? {}}\n        onChange={(range) => onChangeRange(field.id, range)}\n        onOpenChange={onOpenChange}\n        testIdPrefix={testIdPrefix}\n      />\n    );\n  }\n  return null;\n}\n\n/**\n * WHICH OF THE SEARCH'S THREE STATES THE BAR IS IN.\n *\n * Resting, expanded-and-sharing, or expanded-and-owning-the-cluster. They were\n * one boolean until a phone showed why they are not:\n *\n * - `fill` — an expanded box drops its usual 200px floor and takes whatever the\n *   cluster has. That floor is right for a box that lives on the row; it is\n *   wrong for one expanded into a cluster the ladder sized for an icon, where\n *   insisting on it made the row scroll sideways (154px of overhang at 320px,\n *   84px at 390px, 42px at 500px).\n * - `takesOver` — the narrower case, where shrinking has run out of road and\n *   what is left would be too small to read. Only then do the filters stand\n *   down. A large phone has room to share, and evicting them there cost the\n *   operator their filters for nothing.\n *\n * Once CLICKED the box stays open until Escape or its ✕, so typing is never\n * interrupted by a re-measure.\n */\nfunction useSearchMode<T extends Record<string, unknown>>(\n  split: OverflowSplit<T>,\n): {\n  showBox: boolean;\n  expanded: boolean;\n  fill: boolean;\n  takesOver: boolean;\n  open: () => void;\n  close: () => void;\n} {\n  const [searchOpen, setSearchOpen] = useState(false);\n  return {\n    showBox: !split.searchCollapsed || searchOpen,\n    expanded: searchOpen,\n    fill: split.searchCollapsed && searchOpen,\n    takesOver: searchOpen && split.searchTakeover,\n    open: () => setSearchOpen(true),\n    close: () => setSearchOpen(false),\n  };\n}\n\n/**\n * The filter CONTROLS alone — search, the fields that fit, and \"Mais N\" for the\n * ones that don't — with no row chrome of its own, because it is rendered ON\n * the toolbar line rather than under it (`ContentToolbar`'s `leadingControls`).\n *\n * The measurement driving the collapse lives on the toolbar ROW, not here —\n * see the note on `split` below.\n */\nexport function InlineFilterControls<T extends Record<string, unknown>>({\n  testIdPrefix,\n  pills,\n  ranges,\n  search,\n  onSearchChange,\n  onTogglePill,\n  onChangeRange,\n  onClearField,\n  split,\n  onClearAll,\n  activeFilterCount,\n  onControlOpenChange,\n  onToggleQuick,\n  clearKey,\n}: Omit<InlineFilterBarProps<T>, \"fields\" | \"rangeFields\"> & {\n  /** Changes on every clear-all; the \"Mais\" fields are keyed on it (FUT-4144). */\n  clearKey?: number;\n  /** Presses or releases a quick chip — see `QuickFilterConfig`. */\n  onToggleQuick?: (quick: QuickFilterConfig) => void;\n  /** How many filters are applied — decides whether \"Limpar\" is on the bar at all. */\n  activeFilterCount: number;\n  /** Reports a control opening/closing so the shell can freeze the measurement. */\n  onControlOpenChange?: (open: boolean) => void;\n}): React.JSX.Element {\n  // MEASURED, not breakpointed — and measured ONCE, in the shell, because the\n  // toolbar around it needs the same answer to drop its labels. The measured\n  // element is the whole toolbar ROW (see `GridToolbar`), not this cluster:\n  // `RESERVED` prices the counter and Exibir/Exportar, so measuring only the\n  // controls would charge for that furniture a second time and collapse the\n  // ladder while the row still had hundreds of free pixels.\n  const { inline, overflow, compactControls, clearAllHidden } = split;\n  const { showBox, expanded, fill, takesOver, open, close } = useSearchMode(split);\n  return (\n    <Box\n      data-testid={`${testIdPrefix}-inline-filters`}\n      sx={{\n        display: \"flex\",\n        flexWrap: \"nowrap\",\n        alignItems: \"center\",\n        gap: 1,\n        minWidth: 0,\n        // No squeezing: if the estimate over-packs, the row must overflow (and\n        // the next measure sheds a control), not shrink labels to an ellipsis.\n        \"& > *\": { flexShrink: 0 },\n      }}\n    >\n      <SearchSlot\n        search={search}\n        onSearchChange={onSearchChange}\n        collapsed={!showBox}\n        expanded={expanded}\n        fill={fill}\n        onOpen={open}\n        onEscape={close}\n        testIdPrefix={testIdPrefix}\n      />\n      {takesOver && <CloseSearchControl onClose={close} testIdPrefix={testIdPrefix} />}\n      {!takesOver && (\n      <FilterSlots\n        inline={inline}\n        overflow={overflow}\n        pills={pills}\n        ranges={ranges}\n        onTogglePill={onTogglePill}\n        onChangeRange={onChangeRange}\n        onClearField={onClearField}\n        onToggleQuick={onToggleQuick}\n        onClearAll={onClearAll}\n        onControlOpenChange={onControlOpenChange}\n        activeFilterCount={activeFilterCount}\n        compactControls={compactControls}\n        clearAllHidden={clearAllHidden}\n        testIdPrefix={testIdPrefix}\n        clearKey={clearKey}\n      />\n      )}\n    </Box>\n  );\n}\n\n/**\n * Everything to the right of the search: the fields that fit, \"Mais N\" for the\n * ones that don't, and \"Limpar\". Split out of `InlineFilterControls` only to\n * keep that function inside the size gate — the three are one cluster and the\n * order they render in is the order they shed in.\n */\nfunction FilterSlots<T extends Record<string, unknown>>({\n  inline,\n  overflow,\n  pills,\n  ranges,\n  onTogglePill,\n  onChangeRange,\n  onClearField,\n  onToggleQuick,\n  onClearAll,\n  onControlOpenChange,\n  activeFilterCount,\n  compactControls,\n  clearAllHidden,\n  testIdPrefix,\n  clearKey,\n}: {\n  clearKey?: number;\n  onToggleQuick?: (quick: QuickFilterConfig) => void;\n  inline: OverflowField<T>[];\n  overflow: OverflowField<T>[];\n  pills: Record<string, string[]>;\n  ranges: Record<string, RangeValue>;\n  onTogglePill: (fieldId: string, value: string, checked: boolean) => void;\n  onChangeRange: (fieldId: string, range: RangeValue) => void;\n  onClearField: (fieldId: string) => void;\n  onClearAll: () => void;\n  onControlOpenChange?: (open: boolean) => void;\n  activeFilterCount: number;\n  compactControls: boolean;\n  clearAllHidden: boolean;\n  testIdPrefix: string;\n}): React.JSX.Element {\n  return (\n    <>\n      {inline.map((field) => (\n        <InlineControl\n          key={field.id}\n          field={field}\n          onOpenChange={onControlOpenChange}\n          pills={pills}\n          ranges={ranges}\n          onTogglePill={onTogglePill}\n          onChangeRange={onChangeRange}\n          onClearField={onClearField}\n          onToggleQuick={onToggleQuick}\n          testIdPrefix={testIdPrefix}\n        />\n      ))}\n      <MoreFilters\n        clearKey={clearKey}\n        onOpenChange={onControlOpenChange}\n        onClearAll={onClearAll}\n        anyApplied={activeFilterCount > 0}\n        compact={compactControls}\n        fields={overflow}\n        pills={pills}\n        ranges={ranges}\n        onTogglePill={onTogglePill}\n        onChangeRange={onChangeRange}\n        onToggleQuick={onToggleQuick}\n        testIdPrefix={testIdPrefix}\n      />\n      {activeFilterCount > 0 && !clearAllHidden && (\n        <ClearAllControl\n          onClearAll={onClearAll}\n          compact={compactControls}\n          testIdPrefix={testIdPrefix}\n        />\n      )}\n    </>\n  );\n}\n\n"],"mappings":"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","names":[]}

package/dist/{chunk-E3E4L7MH.js → chunk-56GWNA5V.js}

@@ -1,6 +1,9 @@
+import {
+  AddressOption
+} from "./chunk-P5JCOFK3.js";
 import {
   AddressInputField
-} from "./chunk-ZCCKIWZU.js";
+} from "./chunk-NYA26GV2.js";
 import {
   MIN_QUERY_LENGTH,
   addressOptionLabel,
@@ -9,9 +12,6 @@ import {
 import {
   AddressSuggestionsPaper
 } from "./chunk-C5RQBTRZ.js";
-import {
-  AddressOption
-} from "./chunk-P5JCOFK3.js";
 import {
   resolveLabels
 } from "./chunk-LL2BWQPM.js";
@@ -99,4 +99,4 @@ var AddressAutocompleteField = ({
 export {
   AddressAutocompleteField
 };
-//# sourceMappingURL=chunk-E3E4L7MH.js.map
+//# sourceMappingURL=chunk-56GWNA5V.js.map

package/dist/{chunk-JK3QB7MO.js → chunk-5CP5Z3YU.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-SUTOAW7I.js";
 import {
   isoToMasked
-} from "./chunk-62XVHRTX.js";
+} from "./chunk-72HOUWAW.js";
 import {
   EN_US_UI_LABELS
 } from "./chunk-XOXXG7Q5.js";
@@ -65,4 +65,4 @@ export {
   resolveQuickRanges,
   activeQuickRangeId
 };
-//# sourceMappingURL=chunk-JK3QB7MO.js.map
+//# sourceMappingURL=chunk-5CP5Z3YU.js.map

package/dist/{chunk-2ZMR3TZU.js → chunk-5S5K73I6.js}

@@ -1,9 +1,9 @@
 import {
   statusMessage
-} from "./chunk-JK3QB7MO.js";
+} from "./chunk-5CP5Z3YU.js";
 import {
   DayBoundInput
-} from "./chunk-62XVHRTX.js";
+} from "./chunk-72HOUWAW.js";
 
 // src/components/form/DateRangePicker/DateRangePickerFields.tsx
 import Box from "@mui/material/Box/index.js";
@@ -64,4 +64,4 @@ function DateRangeFields({
 export {
   DateRangeFields
 };
-//# sourceMappingURL=chunk-2ZMR3TZU.js.map
+//# sourceMappingURL=chunk-5S5K73I6.js.map

package/dist/{chunk-RBW5QQXW.js → chunk-5XTPEA3O.js}

@@ -12,7 +12,7 @@ import {
   SequenceHeader,
   SequenceIntroBody,
   SequenceStepBody
-} from "./chunk-BLNFOP2O.js";
+} from "./chunk-T6YTDEY4.js";
 import {
   chromeSx,
   columnSx,
@@ -159,4 +159,4 @@ function SequenceResolver(props) {
 export {
   SequenceResolver
 };
-//# sourceMappingURL=chunk-RBW5QQXW.js.map
+//# sourceMappingURL=chunk-5XTPEA3O.js.map

package/dist/{chunk-WWB43LWU.js → chunk-5ZC7CNU4.js}

@@ -1,6 +1,6 @@
 import {
   GridToolbar
-} from "./chunk-RB3R6BJL.js";
+} from "./chunk-AWUFS2ZC.js";
 
 // src/components/data-display/DataViews/data-views-shell-toolbar.tsx
 import { jsx } from "react/jsx-runtime";
@@ -68,4 +68,4 @@ function ShellToolbar({
 export {
   ShellToolbar
 };
-//# sourceMappingURL=chunk-WWB43LWU.js.map
+//# sourceMappingURL=chunk-5ZC7CNU4.js.map

package/dist/{chunk-V4JMZZGH.js → chunk-6A4PTK5Q.js}

@@ -1,12 +1,12 @@
 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";
@@ -172,4 +172,4 @@ export {
   StackedTrigger,
   PillTrigger
 };
-//# sourceMappingURL=chunk-V4JMZZGH.js.map
+//# sourceMappingURL=chunk-6A4PTK5Q.js.map

package/dist/{chunk-2P5ZBBTL.js → chunk-6GICMRDX.js}

@@ -1,21 +1,21 @@
 import {
   CategoryPanelList
-} from "./chunk-QOTMQLMW.js";
+} from "./chunk-6OISIUZM.js";
 import {
   CategoryPanelHead,
   CategoryPinnedTray
-} from "./chunk-7AC2UGTU.js";
+} from "./chunk-Y46R26TE.js";
 import {
   CategoryMultiFoot,
   CategorySingleFoot
-} from "./chunk-GXSHLMT4.js";
+} from "./chunk-WDSJ6SVY.js";
 import {
   CategoryQuickActions
 } from "./chunk-PGGYZU7Q.js";
 import {
   panelSx,
   sheetSx
-} from "./chunk-AKBL7S7A.js";
+} from "./chunk-VPGDYI63.js";
 import {
   removeChip
 } from "./chunk-PN4HVM43.js";
@@ -156,4 +156,4 @@ function PanelFooter({
 export {
   CategoryPanel
 };
-//# sourceMappingURL=chunk-2P5ZBBTL.js.map
+//# sourceMappingURL=chunk-6GICMRDX.js.map

package/dist/{chunk-QOTMQLMW.js → chunk-6OISIUZM.js}

@@ -1,12 +1,12 @@
 import {
   CategorySectionHeading,
   CategoryTreeRow
-} from "./chunk-4HBCWKIX.js";
+} from "./chunk-SGFRSRAL.js";
 import {
   emptySx,
   listSx,
   skeletonSx
-} from "./chunk-AKBL7S7A.js";
+} from "./chunk-VPGDYI63.js";
 import {
   categoryCheckState,
   isLeafCategory,
@@ -144,4 +144,4 @@ function CategoryPanelList(props) {
 export {
   CategoryPanelList
 };
-//# sourceMappingURL=chunk-QOTMQLMW.js.map
+//# sourceMappingURL=chunk-6OISIUZM.js.map

package/dist/{chunk-34FX3NRZ.js → chunk-6PTP5NID.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-AY5GKCH7.js";
 import {
   Button
-} from "./chunk-OKDAHCYE.js";
+} from "./chunk-HJJR2WGL.js";
 
 // src/components/data-display/CardKit/CardKebab.tsx
 import { jsx } from "react/jsx-runtime";
@@ -25,4 +25,4 @@ function CardKebab({
 export {
   CardKebab
 };
-//# sourceMappingURL=chunk-34FX3NRZ.js.map
+//# sourceMappingURL=chunk-6PTP5NID.js.map

package/dist/{chunk-3XZZSHE5.js → chunk-6VTOGR36.js}

@@ -11,13 +11,13 @@ import {
 import {
   fieldControlStyles,
   fieldHeight
-} from "./chunk-QQHZBJMU.js";
-import {
-  fieldEdge
-} from "./chunk-7ZADLRLP.js";
+} from "./chunk-RGVNXES5.js";
 import {
   fieldRadius
 } from "./chunk-GDN2LUTZ.js";
+import {
+  fieldEdge
+} from "./chunk-7ZADLRLP.js";
 import {
   FIELD_BORDER_WIDTH
 } from "./chunk-O6MJWHU5.js";
@@ -158,4 +158,4 @@ export {
   SelectFieldControl,
   formControlSize
 };
-//# sourceMappingURL=chunk-3XZZSHE5.js.map
+//# sourceMappingURL=chunk-6VTOGR36.js.map

package/dist/{chunk-SEUJNFOD.js → chunk-6WHIJPEF.js}

@@ -1,6 +1,6 @@
 import {
   resolveMapCopy
-} from "./chunk-D4LMRSY7.js";
+} from "./chunk-CSGBHYW6.js";
 import {
   MAX_ZOOM,
   MIN_ZOOM
@@ -116,4 +116,4 @@ var MapControlBar = ({
 export {
   MapControlBar
 };
-//# sourceMappingURL=chunk-SEUJNFOD.js.map
+//# sourceMappingURL=chunk-6WHIJPEF.js.map