@12-apps/ui 6.30.0 → 6.32.0

package/dist/_internal/tokens/theme.js

@@ -10,14 +10,16 @@ import {
   augmentColor,
   createUiTheme,
   px
-} from "../../chunk-SONWG2RT.js";
-import "../../chunk-AG66JBNH.js";
+} from "../../chunk-PE4ZW3IA.js";
 import {
   contrastText,
   inkOver
 } from "../../chunk-2BYKTBDL.js";
-import "../../chunk-6JAIFIPW.js";
+import "../../chunk-AG66JBNH.js";
 import "../../chunk-FZXKH2ZT.js";
+import "../../chunk-PZBK3F52.js";
+import "../../chunk-26X4CZVR.js";
+import "../../chunk-6JAIFIPW.js";
 import "../../chunk-PZ5AY32C.js";
 export {
   DEFAULT_BRAND,

package/dist/_internal/user-avatar/user-avatar.js

@@ -2,33 +2,39 @@
 import {
   UserAvatar,
   UserMenu
-} from "../../chunk-554SVTCN.js";
+} from "../../chunk-5BW7NCM5.js";
 import "../../chunk-UDQSIRAP.js";
-import "../../chunk-HGJHZ5PE.js";
-import "../../chunk-35UG2QDB.js";
-import "../../chunk-XRMZMBE3.js";
-import "../../chunk-FAITHWIO.js";
+import "../../chunk-ZB6BX4GO.js";
 import "../../chunk-3ZVUNSFF.js";
+import "../../chunk-LB2G6SD6.js";
+import "../../chunk-FAITHWIO.js";
+import "../../chunk-XRMZMBE3.js";
 import "../../chunk-VUHLNYAE.js";
 import "../../chunk-2GSIEDGN.js";
-import "../../chunk-AVI3XHRQ.js";
-import "../../chunk-FKUYRQSP.js";
+import "../../chunk-AIRWM7KK.js";
 import "../../chunk-BEBLRL5D.js";
 import "../../chunk-6Q6T3FW5.js";
+import "../../chunk-FKUYRQSP.js";
 import "../../chunk-BA4RHQ3B.js";
 import "../../chunk-73BEVJCS.js";
-import "../../chunk-BKAB4KZK.js";
+import "../../chunk-6MDBMCFK.js";
+import "../../chunk-QRUCR4YZ.js";
+import "../../chunk-K6FCXPTS.js";
 import "../../chunk-TAMIZE4Q.js";
-import "../../chunk-TSEWUY4V.js";
-import "../../chunk-5LQ7PKMW.js";
-import "../../chunk-YTYROOLY.js";
-import "../../chunk-EPRA5QLB.js";
+import "../../chunk-H57ZS6W2.js";
+import "../../chunk-U3PPLAFB.js";
 import "../../chunk-TYJR4GOF.js";
-import "../../chunk-SONWG2RT.js";
-import "../../chunk-AG66JBNH.js";
+import "../../chunk-CGO452DC.js";
+import "../../chunk-GDN2LUTZ.js";
+import "../../chunk-7FDU3FIN.js";
+import "../../chunk-EPEJMTCQ.js";
+import "../../chunk-PE4ZW3IA.js";
 import "../../chunk-2BYKTBDL.js";
-import "../../chunk-6JAIFIPW.js";
+import "../../chunk-AG66JBNH.js";
 import "../../chunk-FZXKH2ZT.js";
+import "../../chunk-PZBK3F52.js";
+import "../../chunk-26X4CZVR.js";
+import "../../chunk-6JAIFIPW.js";
 import "../../chunk-PZ5AY32C.js";
 export {
   UserAvatar,

package/dist/charts.js

@@ -1,28 +1,22 @@
 import "./chunk-5KLSLD72.js";
 import {
   SpecChart
-} from "./chunk-MZQTHSLN.js";
+} from "./chunk-Q2GZMDZL.js";
 import {
   Chart
-} from "./chunk-OH3YGJT5.js";
+} from "./chunk-YCNKH5P6.js";
 import {
   CHART_SEMANTIC_COLORS,
   ChartSpecError,
   parseChartSpec,
   specToChartProps
-} from "./chunk-GOWBYHYW.js";
-import {
-  chartValueFormatter,
-  formatChartValue
-} from "./chunk-QVWNK4JO.js";
+} from "./chunk-R6SBP5M5.js";
 import {
   getChartSpecRenderer,
   getRegisteredChartSpecTypes,
   registerChartSpecRenderer
 } from "./chunk-WKUA6P3W.js";
-import "./chunk-KT6HWAEN.js";
-import "./chunk-BLBOYCOV.js";
-import "./chunk-4V532JF6.js";
+import "./chunk-GSWDQ3ZX.js";
 import {
   ChartContainer,
   ChartLegend,
@@ -30,15 +24,27 @@ import {
   ChartTooltip,
   ChartTooltipContent
 } from "./chunk-M5T3COS2.js";
-import "./chunk-XXDXW6TX.js";
-import "./chunk-V5IOLAIS.js";
+import {
+  chartValueFormatter,
+  formatChartValue
+} from "./chunk-QVWNK4JO.js";
+import "./chunk-HZXCTLNI.js";
+import "./chunk-C5WSPGMP.js";
+import "./chunk-4V532JF6.js";
+import "./chunk-3DO5MFXA.js";
 import "./chunk-7ZPUN7TV.js";
 import "./chunk-PT6TCWIW.js";
-import "./chunk-SONWG2RT.js";
-import "./chunk-AG66JBNH.js";
+import "./chunk-CGO452DC.js";
+import "./chunk-GDN2LUTZ.js";
+import "./chunk-7FDU3FIN.js";
+import "./chunk-EPEJMTCQ.js";
+import "./chunk-PE4ZW3IA.js";
 import "./chunk-2BYKTBDL.js";
-import "./chunk-6JAIFIPW.js";
+import "./chunk-AG66JBNH.js";
 import "./chunk-FZXKH2ZT.js";
+import "./chunk-PZBK3F52.js";
+import "./chunk-26X4CZVR.js";
+import "./chunk-6JAIFIPW.js";
 import "./chunk-PZ5AY32C.js";
 export {
   CHART_SEMANTIC_COLORS,

package/dist/chunk-26X4CZVR.js

@@ -0,0 +1,7 @@
+// src/tokens/field-radius.core.ts
+var DEFAULT_FIELD_RADIUS = 8;
+
+export {
+  DEFAULT_FIELD_RADIUS
+};
+//# sourceMappingURL=chunk-26X4CZVR.js.map

package/dist/chunk-26X4CZVR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/tokens/field-radius.core.ts"],"sourcesContent":["/**\n * THE ONE RADIUS EVERY FIELD IS DRAWN WITH, WITH NO RENDERER BEHIND IT.\n *\n * A row of controls — a search box, three filter triggers, a \"Mais\" button —\n * used to carry three radii: the text field took MUI's `shape.borderRadius`\n * (4px), the button `theme.spacing(1)` (8px), and the filter triggers a 999px\n * pill. Each was reasonable on its own; side by side they read as three kits\n * glued together. A field's corner is one decision, so it is one token.\n *\n * \"Field\" is anything that sits at control height and takes input or opens a\n * choice: text inputs, selects, textareas, OTP slots, date and filter triggers,\n * toggles, and the buttons that share their rows. It is NOT a card, a menu, a\n * badge or a chip counter — those keep the theme's general `radius` scale.\n *\n * This file is the number alone, so the native renderer and `./theme.ts` read\n * it without importing MUI. The web reader and the theme channel it is set\n * through are in `./field-radius.ts`.\n */\n\n/**\n * The default field radius, in px (dp on native).\n *\n * 8, because that is what `Button` has always drawn — so the control people\n * see most keeps its corner and the rest of the row comes to meet it.\n */\nexport const DEFAULT_FIELD_RADIUS = 8;\n"],"mappings":";AAyBO,IAAM,uBAAuB;","names":[]}

package/dist/{chunk-T2VO32Z2.js → chunk-2DJIS2WQ.js}

@@ -1,15 +1,21 @@
 import {
   accentFor
-} from "./chunk-V5IOLAIS.js";
+} from "./chunk-3DO5MFXA.js";
 import {
   headingMetrics
 } from "./chunk-PT6TCWIW.js";
+import {
+  fieldOverrides
+} from "./chunk-CGO452DC.js";
+import {
+  fieldRadius
+} from "./chunk-GDN2LUTZ.js";
 import {
   FONT_WEIGHTS,
   TYPE_SIZES,
   WEB_FONT_FAMILY,
   WEB_MONOSPACE_FONT_FAMILY
-} from "./chunk-SONWG2RT.js";
+} from "./chunk-PE4ZW3IA.js";
 import {
   cssLengthToPx,
   cssTrackingToEm
@@ -17,6 +23,9 @@ import {
 import {
   HEADING_LEVELS
 } from "./chunk-FZXKH2ZT.js";
+import {
+  resolveFieldHeight
+} from "./chunk-PZBK3F52.js";
 
 // src/provider/mui-bridge.ts
 var slot = (color) => ({
@@ -86,7 +95,8 @@ function uiThemeFromMui(theme) {
     },
     spacing: (units) => units * unit,
     spacingUnit: unit,
-    radius: { sm: md / 2, md, lg: md * 2, xl: md * 4, full: 9999 },
+    radius: { sm: md / 2, md, lg: md * 2, xl: md * 4, full: 9999, field: fieldRadius(theme) },
+    fieldHeight: resolveFieldHeight(theme.fieldHeight),
     typography: {
       fontFamily: theme.typography.fontFamily ?? WEB_FONT_FAMILY,
       monospaceFontFamily: WEB_MONOSPACE_FONT_FAMILY,
@@ -121,6 +131,9 @@ function muiThemeOptionsFrom(ui) {
       grey: { ...palette.grey }
     },
     shape: { borderRadius: ui.radius.md },
+    fieldRadius: ui.radius.field,
+    fieldHeight: ui.fieldHeight,
+    components: fieldOverrides(ui.radius.field, ui.fieldHeight),
     spacing: ui.spacingUnit,
     typography: { fontFamily: ui.typography.fontFamily ?? WEB_FONT_FAMILY },
     zIndex: { ...ui.zIndex }
@@ -131,4 +144,4 @@ export {
   uiThemeFromMui,
   muiThemeOptionsFrom
 };
-//# sourceMappingURL=chunk-T2VO32Z2.js.map
+//# sourceMappingURL=chunk-2DJIS2WQ.js.map

package/dist/chunk-2DJIS2WQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/provider/mui-bridge.ts"],"sourcesContent":["import type { PaletteColor, Theme, ThemeOptions } from '@mui/material/styles/index.js';\n\nimport { cssLengthToPx, cssTrackingToEm } from '../tokens/css-units';\nimport { resolveFieldHeight } from '../tokens/field-height.core';\nimport { fieldOverrides } from '../tokens/field-height';\nimport { fieldRadius } from '../tokens/field-radius';\nimport { accentFor } from '../tokens/scales';\nimport {\n  FONT_WEIGHTS,\n  TYPE_SIZES,\n  WEB_FONT_FAMILY,\n  WEB_MONOSPACE_FONT_FAMILY,\n  type UiHeadingStep,\n  type UiPaletteColor,\n  type UiTheme,\n} from '../tokens/theme';\nimport { HEADING_LEVELS, headingMetrics, type HeadingLevel } from '../tokens/typography';\n\n/**\n * THE TWO DIRECTIONS BETWEEN MUI'S THEME AND OURS. Web only.\n *\n * `uiThemeFromMui` is how a web component — or a shared style resolver such\n * as `box-layout.ts` — reads the host's MUI theme in the neutral shape the\n * native renderer reads natively. `muiThemeOptionsFrom` is the reverse, for\n * a host that has a `UiTheme` and no MUI theme yet: `UiProvider` on the web is\n * a MUI `ThemeProvider` fed by it.\n *\n * Both are field-by-field on purpose. A spread would carry MUI's extra keys\n * across and the native side would silently depend on one.\n */\n\nconst slot = (color: PaletteColor): UiPaletteColor => ({\n  main: color.main,\n  light: color.light,\n  dark: color.dark,\n  contrastText: color.contrastText,\n});\n\nfunction headingSteps(theme: Theme): Record<HeadingLevel, UiHeadingStep> {\n  return Object.fromEntries(\n    HEADING_LEVELS.map((level) => {\n      const metrics = headingMetrics(theme, level);\n      return [\n        level,\n        {\n          fontSize: cssLengthToPx(metrics.fontSize, 16),\n          lineHeight: metrics.lineHeight,\n          letterSpacing: cssTrackingToEm(metrics.letterSpacing),\n          normalWeight: metrics.normalWeight,\n        },\n      ];\n    }),\n  ) as Record<HeadingLevel, UiHeadingStep>;\n}\n\n/** The host's MUI theme in the shape the native renderer reads. */\nexport function uiThemeFromMui(theme: Theme): UiTheme {\n  const { palette } = theme;\n  const unit = cssLengthToPx(theme.spacing(1), 8);\n  const md = cssLengthToPx(theme.shape.borderRadius, 4);\n\n  return {\n    mode: palette.mode,\n    palette: {\n      mode: palette.mode,\n      primary: slot(palette.primary),\n      secondary: slot(palette.secondary),\n      success: slot(palette.success),\n      warning: slot(palette.warning),\n      info: slot(palette.info),\n      danger: slot(palette.error),\n      neutral: accentFor(theme, 'neutral'),\n      text: {\n        primary: palette.text.primary,\n        secondary: palette.text.secondary,\n        disabled: palette.text.disabled,\n      },\n      background: { default: palette.background.default, paper: palette.background.paper },\n      divider: palette.divider,\n      action: {\n        active: palette.action.active,\n        hover: palette.action.hover,\n        selected: palette.action.selected,\n        disabled: palette.action.disabled,\n        disabledBackground: palette.action.disabledBackground,\n        focus: palette.action.focus,\n      },\n      grey: {\n        50: palette.grey[50],\n        100: palette.grey[100],\n        200: palette.grey[200],\n        300: palette.grey[300],\n        400: palette.grey[400],\n        500: palette.grey[500],\n        600: palette.grey[600],\n        700: palette.grey[700],\n        800: palette.grey[800],\n        900: palette.grey[900],\n      },\n    },\n    spacing: (units: number) => units * unit,\n    spacingUnit: unit,\n    radius: { sm: md / 2, md, lg: md * 2, xl: md * 4, full: 9999, field: fieldRadius(theme) },\n    fieldHeight: resolveFieldHeight(theme.fieldHeight),\n    typography: {\n      fontFamily: theme.typography.fontFamily ?? WEB_FONT_FAMILY,\n      monospaceFontFamily: WEB_MONOSPACE_FONT_FAMILY,\n      sizes: TYPE_SIZES,\n      weights: FONT_WEIGHTS,\n      heading: headingSteps(theme),\n    },\n    zIndex: {\n      appBar: theme.zIndex.appBar,\n      drawer: theme.zIndex.drawer,\n      modal: theme.zIndex.modal,\n      snackbar: theme.zIndex.snackbar,\n      tooltip: theme.zIndex.tooltip,\n    },\n  };\n}\n\n/** A `UiTheme` as the options MUI's `createTheme` builds the same palette from. */\nexport function muiThemeOptionsFrom(ui: UiTheme): ThemeOptions {\n  const { palette } = ui;\n  return {\n    palette: {\n      mode: palette.mode,\n      primary: { ...palette.primary },\n      secondary: { ...palette.secondary },\n      success: { ...palette.success },\n      warning: { ...palette.warning },\n      info: { ...palette.info },\n      error: { ...palette.danger },\n      text: { ...palette.text },\n      background: { ...palette.background },\n      divider: palette.divider,\n      action: { ...palette.action },\n      grey: { ...palette.grey },\n    },\n    shape: { borderRadius: ui.radius.md },\n    fieldRadius: ui.radius.field,\n    fieldHeight: ui.fieldHeight,\n    components: fieldOverrides(ui.radius.field, ui.fieldHeight),\n    spacing: ui.spacingUnit,\n    typography: { fontFamily: ui.typography.fontFamily ?? WEB_FONT_FAMILY },\n    zIndex: { ...ui.zIndex },\n  };\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-FV36LFPX.js → chunk-2F4YEGYG.js}

@@ -1,3 +1,7 @@
+import {
+  fieldTextFieldStyles
+} from "./chunk-CGO452DC.js";
+
 // src/components/data-display/DataViews/data-views-number-input.tsx
 import Box from "@mui/material/Box/index.js";
 import TextField from "@mui/material/TextField/index.js";
@@ -58,7 +62,7 @@ function NumberBoundInput({
       InputProps: unit ? {
         startAdornment: /* @__PURE__ */ jsx(Box, { component: "span", sx: { mr: 0.5, color: "text.secondary" }, children: unit })
       } : void 0,
-      sx: { width: 140 }
+      sx: [{ width: 140 }, fieldTextFieldStyles]
     }
   );
 }
@@ -68,4 +72,4 @@ export {
   formatPtBrNumber,
   NumberBoundInput
 };
-//# sourceMappingURL=chunk-FV36LFPX.js.map
+//# sourceMappingURL=chunk-2F4YEGYG.js.map

package/dist/chunk-2F4YEGYG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/DataViews/data-views-number-input.tsx"],"sourcesContent":["'use client';\n\n/**\n * A numeric bound typed the way Brazilians write numbers, replacing\n * `<input type=\"number\">`.\n *\n * The native control parses in the BROWSER's locale, and it does not fail\n * loudly when the text does not match — it drops what it cannot read and keeps\n * the rest. Typing `50,00` into it, measured in Chromium:\n *\n *     digitado \"50,00\"  ->  campo \"5000\"   ->  filtro R$ 5.000\n *     digitado \"17,50\"  ->  campo \"1750\"   ->  filtro R$ 1.750\n *     digitado \"50.00\"  ->  campo \"500\"    ->  filtro R$ 500\n *\n * The comma is deleted and the digits close ranks, so the merchant asks for\n * fifty reais and gets a filter a HUNDRED times larger. The list empties, the\n * chip reads `Valor: ≥ R$ 5000`, and nothing on screen connects that to the\n * `50,00` they typed. It reads as \"the value filter is broken\", which is how it\n * was reported.\n *\n * So the field parses pt-BR itself: `,` is the decimal separator and `.` groups\n * thousands, which is what `R$ 1.234,56` means to the person reading it. A\n * plain `50` still works, and so does `50.00` — a dot with exactly two digits\n * after it is far more likely to be a decimal typed on a numeric keypad than a\n * thousands group, and reading it as `5000` is the very failure this replaces.\n *\n * WHICH KEYPAD, and where the request has to be made. `inputMode` goes on the\n * `<input>`, via `inputProps` — set on the `TextField` it rides the spread onto\n * the root `FormControl` div, an element nothing types into, so the attribute\n * has no effect and a phone goes on offering letters for a field that accepts\n * none of them. It is `decimal` rather than `numeric` because the numeric pad\n * has no comma on iOS, and the comma is the separator this field exists to\n * accept — `numeric` here would reopen the bug above from the other side, with\n * `17,50` untypeable rather than misread. Autofill is off alongside it: its\n * saved-value strip covers the keypad to offer names and addresses, none of\n * which survive `ALLOWED` anyway.\n */\nimport Box from '@mui/material/Box/index.js';\nimport TextField from '@mui/material/TextField/index.js';\nimport React, { useEffect, useState } from 'react';\nimport { fieldTextFieldStyles } from '../../../tokens/field-height';\n\n/** Everything this field lets through: digits and the two separators. */\nconst ALLOWED = /[^\\d.,]/g;\n\n/**\n * pt-BR text → number, or `undefined` when it is not one (yet).\n *\n * `.` is a thousands group and `,` is the decimal point, EXCEPT when a lone dot\n * is followed by one or two digits and no comma is present — `50.00` and `1.5`\n * are decimals somebody typed, while `1.234` is a thousand.\n */\nexport function parsePtBrNumber(text: string): number | undefined {\n  const cleaned = text.replace(ALLOWED, '');\n  if (cleaned === '') return undefined;\n  const hasComma = cleaned.includes(',');\n  const dots = cleaned.split('.').length - 1;\n  const lastDot = cleaned.lastIndexOf('.');\n  const dotIsDecimal =\n    !hasComma && dots === 1 && cleaned.length - lastDot - 1 > 0 && cleaned.length - lastDot - 1 <= 2;\n  const normalized = dotIsDecimal\n    ? cleaned\n    : cleaned.replace(/\\./g, '').replace(',', '.');\n  const amount = Number(normalized);\n  return Number.isFinite(amount) ? amount : undefined;\n}\n\n/**\n * A stored bound → the text the merchant reads, with a comma for the decimal\n * point.\n *\n * It takes a STRING too, and that is not defensive typing: a range restored\n * from the URL arrives as one (`?totalCents_gte=5000`). Narrowing to `number`\n * and dropping the rest emptied the field on every reload — and then the next\n * keystroke wrote a bound built from nothing.\n */\nexport function formatPtBrNumber(amount: number | string | undefined): string {\n  if (amount == null || amount === '') return '';\n  return String(amount).replace('.', ',');\n}\n\n/** The same, as a number — `undefined` when the bound is unset or unusable. */\nfunction boundAsNumber(amount: number | string | undefined): number | undefined {\n  if (amount == null || amount === '') return undefined;\n  const parsed = typeof amount === 'number' ? amount : Number(amount);\n  return Number.isFinite(parsed) ? parsed : undefined;\n}\n\n/**\n * One end of a numeric range. The BOUND stays a plain `number` — nothing\n * downstream learns that the typing surface changed.\n */\nexport function NumberBoundInput({\n  label,\n  value,\n  unit,\n  onChange,\n  testId,\n}: {\n  label: string;\n  /** The applied bound. A range restored from the URL hands this over as a string. */\n  value: number | string | undefined;\n  /** Rendered as a start adornment (\"R$\"), not parsed out of the text. */\n  unit?: string;\n  onChange: (bound: number | undefined) => void;\n  testId: string;\n}): React.JSX.Element {\n  const applied = boundAsNumber(value);\n  const [text, setText] = useState(() => formatPtBrNumber(value));\n\n  // Re-sync only when the applied bound moved somewhere the text does not\n  // already mean — a \"Limpar\", a saved view. Comparing through the PARSE rather\n  // than the string keeps `50,` and `50,00` from being rewritten mid-edit.\n  useEffect(() => {\n    setText((current) => (parsePtBrNumber(current) === applied ? current : formatPtBrNumber(applied)));\n  }, [applied]);\n\n  return (\n    <TextField\n      size=\"small\"\n      type=\"text\"\n      label={label}\n      value={text}\n      onChange={(event) => {\n        // Reject the characters rather than silently dropping them AFTER\n        // parsing — a letter should not move the number.\n        const next = event.target.value.replace(ALLOWED, '');\n        setText(next);\n        const amount = parsePtBrNumber(next);\n        // A bare separator (`50,`) parses to nothing yet; leave the applied\n        // bound alone rather than clearing it half-way through a decimal.\n        if (next === '') return onChange(undefined);\n        if (amount !== undefined) onChange(amount);\n      }}\n      // Blur TIDIES, it does not rewrite. Text that already means the applied\n      // bound is left exactly as typed — `20`, `17,50` and `1.234,56` all stay\n      // — and only something that does not (`50,,`) snaps back.\n      //\n      // Padding the field to the chip's precision was tried and is worse than\n      // the mismatch it closed: settling `20` to `20,00` means the next edit\n      // starts from text the merchant did not write, so appending a digit to\n      // make it 200 produces `20,000`, which parses back to 20. The filter then\n      // ignores the keystroke, which is exactly the \"não funciona\" this whole\n      // control exists to end. An input must hold what was typed into it; the\n      // CHIP is where the applied window gets written in full.\n      onBlur={() =>\n        setText((current) =>\n          parsePtBrNumber(current) === applied ? current : formatPtBrNumber(applied),\n        )\n      }\n      InputLabelProps={{ shrink: true }}\n      // `inputMode` belongs on the `<input>`, never on the TextField — see the\n      // keypad note at the top of this file for what goes wrong up there.\n      inputProps={{ 'data-testid': testId, inputMode: 'decimal', autoComplete: 'off' }}\n      InputProps={\n        unit\n          ? {\n              startAdornment: (\n                <Box component=\"span\" sx={{ mr: 0.5, color: 'text.secondary' }}>\n                  {unit}\n                </Box>\n              ),\n            }\n          : undefined\n      }\n      sx={[{ width: 140 }, fieldTextFieldStyles]}\n    />\n  );\n}\n"],"mappings":";;;;;AAqCA,OAAO,SAAS;AAChB,OAAO,eAAe;AACtB,SAAgB,WAAW,gBAAgB;AAuH3B;AAnHhB,IAAM,UAAU;AAST,SAAS,gBAAgB,MAAkC;AAChE,QAAM,UAAU,KAAK,QAAQ,SAAS,EAAE;AACxC,MAAI,YAAY,GAAI,QAAO;AAC3B,QAAM,WAAW,QAAQ,SAAS,GAAG;AACrC,QAAM,OAAO,QAAQ,MAAM,GAAG,EAAE,SAAS;AACzC,QAAM,UAAU,QAAQ,YAAY,GAAG;AACvC,QAAM,eACJ,CAAC,YAAY,SAAS,KAAK,QAAQ,SAAS,UAAU,IAAI,KAAK,QAAQ,SAAS,UAAU,KAAK;AACjG,QAAM,aAAa,eACf,UACA,QAAQ,QAAQ,OAAO,EAAE,EAAE,QAAQ,KAAK,GAAG;AAC/C,QAAM,SAAS,OAAO,UAAU;AAChC,SAAO,OAAO,SAAS,MAAM,IAAI,SAAS;AAC5C;AAWO,SAAS,iBAAiB,QAA6C;AAC5E,MAAI,UAAU,QAAQ,WAAW,GAAI,QAAO;AAC5C,SAAO,OAAO,MAAM,EAAE,QAAQ,KAAK,GAAG;AACxC;AAGA,SAAS,cAAc,QAAyD;AAC9E,MAAI,UAAU,QAAQ,WAAW,GAAI,QAAO;AAC5C,QAAM,SAAS,OAAO,WAAW,WAAW,SAAS,OAAO,MAAM;AAClE,SAAO,OAAO,SAAS,MAAM,IAAI,SAAS;AAC5C;AAMO,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAQsB;AACpB,QAAM,UAAU,cAAc,KAAK;AACnC,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,MAAM,iBAAiB,KAAK,CAAC;AAK9D,YAAU,MAAM;AACd,YAAQ,CAAC,YAAa,gBAAgB,OAAO,MAAM,UAAU,UAAU,iBAAiB,OAAO,CAAE;AAAA,EACnG,GAAG,CAAC,OAAO,CAAC;AAEZ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,MAAK;AAAA,MACL;AAAA,MACA,OAAO;AAAA,MACP,UAAU,CAAC,UAAU;AAGnB,cAAM,OAAO,MAAM,OAAO,MAAM,QAAQ,SAAS,EAAE;AACnD,gBAAQ,IAAI;AACZ,cAAM,SAAS,gBAAgB,IAAI;AAGnC,YAAI,SAAS,GAAI,QAAO,SAAS,MAAS;AAC1C,YAAI,WAAW,OAAW,UAAS,MAAM;AAAA,MAC3C;AAAA,MAYA,QAAQ,MACN;AAAA,QAAQ,CAAC,YACP,gBAAgB,OAAO,MAAM,UAAU,UAAU,iBAAiB,OAAO;AAAA,MAC3E;AAAA,MAEF,iBAAiB,EAAE,QAAQ,KAAK;AAAA,MAGhC,YAAY,EAAE,eAAe,QAAQ,WAAW,WAAW,cAAc,MAAM;AAAA,MAC/E,YACE,OACI;AAAA,QACE,gBACE,oBAAC,OAAI,WAAU,QAAO,IAAI,EAAE,IAAI,KAAK,OAAO,iBAAiB,GAC1D,gBACH;AAAA,MAEJ,IACA;AAAA,MAEN,IAAI,CAAC,EAAE,OAAO,IAAI,GAAG,oBAAoB;AAAA;AAAA,EAC3C;AAEJ;","names":[]}

package/dist/{chunk-3PUOLOEP.js → chunk-2SKNSQCP.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-4XK6JQ4D.js";
 import {
   CepField
-} from "./chunk-RVGG5YJY.js";
+} from "./chunk-5FA5S2YN.js";
 
 // src/components/form/total-form/Fields/CepField.tsx
 import { useCallback, useMemo, useRef } from "react";
@@ -80,4 +80,4 @@ function CepField2({
 export {
   CepField2 as CepField
 };
-//# sourceMappingURL=chunk-3PUOLOEP.js.map
+//# sourceMappingURL=chunk-2SKNSQCP.js.map

package/dist/{chunk-YRUCIKPO.js → chunk-2UYR2OOE.js}

@@ -3,13 +3,13 @@ import {
   modalAriaIds,
   resolveModalContent
 } from "./chunk-JN3PGXRJ.js";
+import {
+  usePanelChrome
+} from "./chunk-G3QKH23Y.js";
 import {
   STYLE_ONLY_PROPS,
   dialogRootStyles
 } from "./chunk-SMCLG2RA.js";
-import {
-  usePanelChrome
-} from "./chunk-G3QKH23Y.js";
 
 // src/components/feedback/StackedModal/StackedModal.tsx
 import Dialog from "@mui/material/Dialog/index.js";
@@ -156,4 +156,4 @@ var StackedModal = (props) => {
 export {
   StackedModal
 };
-//# sourceMappingURL=chunk-YRUCIKPO.js.map
+//# sourceMappingURL=chunk-2UYR2OOE.js.map

package/dist/{chunk-J4W4TQPC.js → chunk-2W4GTZDP.js}

@@ -1,14 +1,14 @@
+import {
+  glassStyles,
+  resolveMapPreviewProps
+} from "./chunk-ACZH2NUW.js";
 import {
   MapCoordinates,
   MapMarkers
 } from "./chunk-FRW4SYZD.js";
 import {
   MapLayers
-} from "./chunk-EXJBPKGW.js";
-import {
-  glassStyles,
-  resolveMapPreviewProps
-} from "./chunk-ACZH2NUW.js";
+} from "./chunk-KG4VNCNO.js";
 import {
   useMapPreview
 } from "./chunk-PQECNGDE.js";
@@ -105,4 +105,4 @@ export {
   MapPreview,
   MapPreview_default
 };
-//# sourceMappingURL=chunk-J4W4TQPC.js.map
+//# sourceMappingURL=chunk-2W4GTZDP.js.map

package/dist/{chunk-J3D34ZBL.js → chunk-2X5OQDPH.js}

@@ -1,3 +1,10 @@
+import {
+  fieldControlStyles
+} from "./chunk-CGO452DC.js";
+import {
+  fieldRadius
+} from "./chunk-GDN2LUTZ.js";
+
 // src/components/data-display/MapPreview/MapSearchBar.tsx
 import SearchIcon from "@mui/icons-material/Search";
 import Box from "@mui/material/Box/index.js";
@@ -15,11 +22,12 @@ var SearchBar = styled(Box)(({ theme }) => ({
   maxWidth: 400
 }));
 var SearchField = styled(TextField)(({ theme }) => ({
+  ...fieldControlStyles(theme),
   "& .MuiOutlinedInput-root": {
     background: alpha(theme.palette.background.paper, 0.95),
     backdropFilter: "blur(10px)",
     WebkitBackdropFilter: "blur(10px)",
-    borderRadius: theme.shape.borderRadius * 2,
+    borderRadius: fieldRadius(theme),
     "& fieldset": {
       borderColor: alpha(theme.palette.divider, 0.2)
     }
@@ -52,4 +60,4 @@ var MapSearchBar = ({
 export {
   MapSearchBar
 };
-//# sourceMappingURL=chunk-J3D34ZBL.js.map
+//# sourceMappingURL=chunk-2X5OQDPH.js.map

package/dist/chunk-2X5OQDPH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/MapPreview/MapSearchBar.tsx"],"sourcesContent":["import SearchIcon from '@mui/icons-material/Search';\nimport Box from '@mui/material/Box/index.js';\nimport InputAdornment from '@mui/material/InputAdornment/index.js';\nimport TextField from '@mui/material/TextField/index.js';\nimport { alpha, styled } from '@mui/material/styles/index.js';\nimport type { FC } from 'react';\nimport React from 'react';\n\nimport { fieldRadius } from '../../../tokens/field-radius';\nimport { fieldControlStyles } from '../../../tokens/field-height';\n\n// Kept module-local: styled() components cannot be exported across a module\n// boundary here without tripping TS2742.\nconst SearchBar = styled(Box)(({ theme }) => ({\n  position: 'absolute',\n  top: theme.spacing(2),\n  left: '50%',\n  transform: 'translateX(-50%)',\n  zIndex: 2,\n  width: '90%',\n  maxWidth: 400,\n}));\n\nconst SearchField = styled(TextField)(({ theme }) => ({\n  ...fieldControlStyles(theme),\n  '& .MuiOutlinedInput-root': {\n    background: alpha(theme.palette.background.paper, 0.95),\n    backdropFilter: 'blur(10px)',\n    WebkitBackdropFilter: 'blur(10px)',\n    borderRadius: fieldRadius(theme),\n    '& fieldset': {\n      borderColor: alpha(theme.palette.divider, 0.2),\n    },\n  },\n}));\n\nexport interface MapSearchBarProps {\n  /** The field's accessible name — it renders no visible label. REQUIRED. */\n  label: string;\n  value: string;\n  placeholder: string;\n  isSearching: boolean;\n  onChange: (value: string) => void;\n  onSubmit: (event: React.KeyboardEvent<HTMLInputElement>) => void;\n}\n\nexport const MapSearchBar: FC<MapSearchBarProps> = ({\n  label,\n  value,\n  placeholder,\n  isSearching,\n  onChange,\n  onSubmit,\n}) => (\n  <SearchBar>\n    <SearchField\n      fullWidth\n      size=\"small\"\n      placeholder={placeholder}\n      value={value}\n      onChange={(event) => onChange(event.target.value)}\n      onKeyPress={onSubmit}\n      InputProps={{\n        startAdornment: (\n          <InputAdornment position=\"start\">\n            <SearchIcon fontSize=\"small\" sx={{ opacity: isSearching ? 0.5 : 1 }} />\n          </InputAdornment>\n        ),\n      }}\n      disabled={isSearching}\n      aria-label={label}\n    />\n  </SearchBar>\n);\n"],"mappings":";;;;;;;;AAAA,OAAO,gBAAgB;AACvB,OAAO,SAAS;AAChB,OAAO,oBAAoB;AAC3B,OAAO,eAAe;AACtB,SAAS,OAAO,cAAc;AA6DlB;AApDZ,IAAM,YAAY,OAAO,GAAG,EAAE,CAAC,EAAE,MAAM,OAAO;AAAA,EAC5C,UAAU;AAAA,EACV,KAAK,MAAM,QAAQ,CAAC;AAAA,EACpB,MAAM;AAAA,EACN,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,UAAU;AACZ,EAAE;AAEF,IAAM,cAAc,OAAO,SAAS,EAAE,CAAC,EAAE,MAAM,OAAO;AAAA,EACpD,GAAG,mBAAmB,KAAK;AAAA,EAC3B,4BAA4B;AAAA,IAC1B,YAAY,MAAM,MAAM,QAAQ,WAAW,OAAO,IAAI;AAAA,IACtD,gBAAgB;AAAA,IAChB,sBAAsB;AAAA,IACtB,cAAc,YAAY,KAAK;AAAA,IAC/B,cAAc;AAAA,MACZ,aAAa,MAAM,MAAM,QAAQ,SAAS,GAAG;AAAA,IAC/C;AAAA,EACF;AACF,EAAE;AAYK,IAAM,eAAsC,CAAC;AAAA,EAClD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MACE,oBAAC,aACC;AAAA,EAAC;AAAA;AAAA,IACC,WAAS;AAAA,IACT,MAAK;AAAA,IACL;AAAA,IACA;AAAA,IACA,UAAU,CAAC,UAAU,SAAS,MAAM,OAAO,KAAK;AAAA,IAChD,YAAY;AAAA,IACZ,YAAY;AAAA,MACV,gBACE,oBAAC,kBAAe,UAAS,SACvB,8BAAC,cAAW,UAAS,SAAQ,IAAI,EAAE,SAAS,cAAc,MAAM,EAAE,GAAG,GACvE;AAAA,IAEJ;AAAA,IACA,UAAU;AAAA,IACV,cAAY;AAAA;AACd,GACF;","names":[]}

package/dist/{chunk-HR7YTBR7.js → chunk-3AOOI2NR.js}

@@ -1,6 +1,3 @@
-import {
-  useViewMutations
-} from "./chunk-DZEC6RFM.js";
 import {
   coerceViewState,
   emptyViewState
@@ -8,6 +5,9 @@ import {
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
+import {
+  useViewMutations
+} from "./chunk-DZEC6RFM.js";
 
 // src/components/data-display/DataViews/use-saved-views-controller.ts
 import { useRef, useState } from "react";
@@ -96,4 +96,4 @@ function useSavedViewsController(persistence, router, columnIds, views, initialV
 export {
   useSavedViewsController
 };
-//# sourceMappingURL=chunk-HR7YTBR7.js.map
+//# sourceMappingURL=chunk-3AOOI2NR.js.map

package/dist/{chunk-I3FXTIKA.js → chunk-3CN2GBIK.js}

@@ -3,10 +3,10 @@ import {
 } from "./chunk-KHG57NAE.js";
 import {
   MultiSelectDropdown
-} from "./chunk-4T6W43TO.js";
+} from "./chunk-EKSSKQUW.js";
 import {
   CategorySelect
-} from "./chunk-57W2C7HY.js";
+} from "./chunk-3NA7AO6H.js";
 
 // src/components/data-display/DataViews/data-views-category-pill.tsx
 import { jsx } from "react/jsx-runtime";
@@ -79,4 +79,4 @@ export {
   emitPillDiff,
   PillControl
 };
-//# sourceMappingURL=chunk-I3FXTIKA.js.map
+//# sourceMappingURL=chunk-3CN2GBIK.js.map

package/dist/{chunk-V5IOLAIS.js → chunk-3DO5MFXA.js}

@@ -19,4 +19,4 @@ function accentFor(theme, color) {
 export {
   accentFor
 };
-//# sourceMappingURL=chunk-V5IOLAIS.js.map
+//# sourceMappingURL=chunk-3DO5MFXA.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/tokens/scales.ts"],"sourcesContent":["import type { Theme } from '@mui/material/styles/index.js';\n\nimport type { ColorValue, MuiColor } from './vocabulary';\n\n/**\n * `@12-apps/ui/tokens` keeps its whole surface here. The vocabulary itself —\n * the size and colour unions and their runtime lists — lives in\n * `./vocabulary`, which imports nothing, so the native renderer can read it\n * without this file's MUI `Theme` import following it into `dist/types-native`.\n */\nexport * from './vocabulary';\nexport { headingMetrics } from './typography';\n// The renderer-neutral theme and the colour arithmetic behind it, so a web\n// host can build a `UiTheme` from the same module path a native one does.\nexport * from './theme';\nexport * from './color';\nexport { DEFAULT_FIELD_RADIUS, fieldRadius, fieldRadiusOverrides, fieldRadiusPx, fieldRootStyles } from './field-radius';\nexport {\n  asFieldSize,\n  DEFAULT_FIELD_HEIGHT,\n  FIELD_BORDER_WIDTH,\n  FIELD_HEIGHT_SCALE,\n  fieldBorder,\n  fieldControlStyles,\n  fieldHeight,\n  fieldHeightOverrides,\n  fieldHeightPx,\n  fieldHeightRem,\n  fieldOverrides,\n  fieldTextFieldStyles,\n} from './field-height';\n\nexport interface Accent {\n  main: string;\n  light: string;\n  dark: string;\n  contrastText: string;\n}\n\nexport function accentFor(theme: Theme, color: ColorValue): Accent {\n  if (color === 'neutral') {\n    const grey = theme.palette.grey;\n    return {\n      // Explicit fallbacks: the ramp is indexed, and under\n      // `noUncheckedIndexedAccess` every stop is `string | undefined`.\n      main: grey[600] ?? '#757575',\n      light: grey[400] ?? '#bdbdbd',\n      dark: grey[800] ?? '#424242',\n      // Grey 600 carries white text in both themes.\n      contrastText: '#fff',\n    };\n  }\n  // Past the `neutral` return, `paletteKey` can only produce a `MuiColor` — but\n  // its signature still admits `'grey'`, and TS cannot narrow a return type by\n  // the argument. Naming the key here keeps the accent branch honestly typed\n  // instead of casting the hole shut.\n  const key: MuiColor = color === 'danger' ? 'error' : color;\n  return theme.palette[key];\n}\n"],"mappings":";AAuCO,SAAS,UAAU,OAAc,OAA2B;AACjE,MAAI,UAAU,WAAW;AACvB,UAAM,OAAO,MAAM,QAAQ;AAC3B,WAAO;AAAA;AAAA;AAAA,MAGL,MAAM,KAAK,GAAG,KAAK;AAAA,MACnB,OAAO,KAAK,GAAG,KAAK;AAAA,MACpB,MAAM,KAAK,GAAG,KAAK;AAAA;AAAA,MAEnB,cAAc;AAAA,IAChB;AAAA,EACF;AAKA,QAAM,MAAgB,UAAU,WAAW,UAAU;AACrD,SAAO,MAAM,QAAQ,GAAG;AAC1B;","names":[]}

package/dist/{chunk-HZVFAGLZ.js → chunk-3E3JYKUK.js}

@@ -4,6 +4,16 @@ import {
 import {
   default as default2
 } from "./chunk-6DPAWXZ3.js";
+import {
+  fieldHeight,
+  fieldTextFieldStyles
+} from "./chunk-CGO452DC.js";
+import {
+  fieldRadiusPx
+} from "./chunk-GDN2LUTZ.js";
+import {
+  fieldEdge
+} from "./chunk-7FDU3FIN.js";
 
 // src/components/data-display/DataViews/data-views-search.tsx
 import CloseIcon from "@mui/icons-material/Close";
@@ -86,7 +96,7 @@ function InlineKeyword({
           }
         ) }) : void 0
       },
-      sx: boxWidth(fill)
+      sx: (theme) => ({ ...boxWidth(fill), ...fieldTextFieldStyles(theme) })
     }
   );
 }
@@ -106,9 +116,11 @@ function CollapsedSearch({
       "data-testid": testId ? `${testId}-collapsed` : void 0,
       sx: {
         position: "relative",
+        width: fieldHeight,
+        height: fieldHeight,
         border: 1,
-        borderRadius: 1,
-        borderColor: active ? "primary.main" : "divider",
+        borderRadius: fieldRadiusPx,
+        borderColor: (theme) => active ? theme.palette.primary.main : fieldEdge(theme),
         color: active ? "primary.main" : "text.secondary",
         bgcolor: active ? "action.selected" : "background.paper"
       },
@@ -138,4 +150,4 @@ export {
   InlineKeyword,
   CollapsedSearch
 };
-//# sourceMappingURL=chunk-HZVFAGLZ.js.map
+//# sourceMappingURL=chunk-3E3JYKUK.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/DataViews/data-views-search.tsx"],"sourcesContent":["\"use client\";\n\n/**\n * THE INLINE BAR'S SEARCH — the one control on the toolbar that cannot be\n * guessed from an icon's position, which is why it is the LAST thing the\n * degradation ladder takes away. See `data-views-overflow.ts`.\n */\nimport CloseIcon from \"@mui/icons-material/Close\";\nimport SearchIcon from \"@mui/icons-material/Search\";\nimport IconButton from \"@mui/material/IconButton/index.js\";\nimport InputAdornment from \"@mui/material/InputAdornment/index.js\";\nimport TextField from \"@mui/material/TextField/index.js\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\n\nimport { Box } from \"../../../mui/Box\";\nimport { fieldRadiusPx } from \"../../../tokens/field-radius\";\nimport { useDataViewsCopy } from \"./data-views-copy-context\";\nimport { fieldHeight, fieldTextFieldStyles } from \"../../../tokens/field-height\";\nimport { fieldEdge } from \"../../../tokens/field-edge\";\n\n/** How long the box waits after the last keystroke before it queries. */\nconst SEARCH_DEBOUNCE_MS = 350;\n\n/**\n * How wide the keyword box is allowed to be.\n *\n * The 200px floor is right while the box shares the row: a search you cannot\n * read six characters in is not a search. It is WRONG once the box has been\n * expanded out of its collapsed state on a narrow screen, where the cluster was\n * sized for a magnifier — the floor cannot be met there, so the row scrolled\n * sideways instead (154px of overhang at 320px). In that mode the box shrinks,\n * and if what is left would still be unreadable the bar hands it the whole\n * cluster instead (`searchTakeover`).\n */\nfunction boxWidth(fill: boolean): { flex: number; minWidth: number; maxWidth: number | \"none\" } {\n  return { flex: 1, minWidth: fill ? 0 : 200, maxWidth: fill ? \"none\" : 384 };\n}\n\n/**\n * The box's own draft, and the two ways it reaches `onChange`.\n *\n * Extracted from {@link InlineKeyword} so the commit policy reads in one place\n * rather than split across a render body — and because it is where both halves\n * of a defect that lost searches outright had to be fixed.\n *\n * ## The debounce must not be keyed on the handler's identity\n *\n * Every caller builds `onChange` inline — the grid's own bar passes\n * `(value) => c.patch({ search: value })`, rebuilt on each render. Keying the\n * effect on it re-armed the timer on every render, and a busy admin page\n * re-renders more often than every 350ms as its queries land, so the timer\n * never survived to fire and the term was NEVER committed: measured in one\n * adopter as a dead `?q=` on a server-mode grid, where a 15-second loop pressed\n * Enter over and over and the URL never moved. So the handler is read through a\n * ref and the effect depends on `[draft, value]` alone.\n *\n * ## An immediate commit must read the BOX, not the draft\n *\n * A keystroke can land before React has processed the edit before it — a fast\n * typist, and every Playwright `fill()` followed by `press('Enter')`. `draft` is\n * then still the value from before the edit, and comparing THAT to `value` said\n * \"nothing changed\" and dropped the keystroke, leaving the term on screen with\n * an unfiltered list behind it. `commitNow` takes what the caller read off the\n * element and syncs the draft to it, which also keeps the box from being reset\n * to a stale draft by the next render when a host ignores the commit.\n */\nfunction useKeywordDraft(\n  value: string,\n  onChange: (next: string) => void,\n): { draft: string; setDraft: (next: string) => void; commitNow: (typed: string) => void } {\n  const [draft, setDraft] = useState(value);\n  const prev = useRef(value);\n  // An external change (a saved view, the URL, \"Limpar\") wins over the draft.\n  if (prev.current !== value) {\n    prev.current = value;\n    if (draft !== value) setDraft(value);\n  }\n  const commit = useRef(onChange);\n  useEffect(() => {\n    commit.current = onChange;\n  });\n  useEffect(() => {\n    if (draft === value) return undefined;\n    const timer = setTimeout(() => commit.current(draft), SEARCH_DEBOUNCE_MS);\n    return () => clearTimeout(timer);\n  }, [draft, value]);\n  const commitNow = useCallback(\n    (typed: string) => {\n      setDraft(typed);\n      if (typed !== value) commit.current(typed);\n    },\n    [value],\n  );\n  return { draft, setDraft, commitNow };\n}\n\n/**\n * The bar's keyword box.\n *\n * DEBOUNCED rather than committed on Enter/blur. In server mode every commit is\n * a round trip, and a box that only fires on blur makes the operator press a\n * key they were not told about to see any result at all — they type, nothing\n * happens, and the list looks broken. 350ms is long enough that a word costs\n * one query, short enough to feel like live search.\n *\n * `Escape` clears; the X clears without leaving the box. Both exist because\n * clearing by selecting-and-deleting is three gestures for the most common\n * thing anyone does to a search box.\n */\nexport function InlineKeyword({\n  value,\n  onChange,\n  testId,\n  autoFocus,\n  onEscape,\n  fill = false,\n}: {\n  value: string;\n  onChange: (value: string) => void;\n  testId?: string;\n  autoFocus?: boolean;\n  /** Called on Escape with the box already empty — the collapsed bar closes it. */\n  onEscape?: () => void;\n  /** Take whatever width there is, with no minimum — see {@link boxWidth}. */\n  fill?: boolean;\n}): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  const { draft, setDraft, commitNow } = useKeywordDraft(value, onChange);\n\n  return (\n    <TextField\n      size=\"small\"\n      value={draft}\n      autoFocus={autoFocus}\n      onChange={(event) => setDraft(event.target.value)}\n      onKeyDown={(event) => {\n        if (event.key === \"Escape\") {\n          event.preventDefault();\n          if (draft === \"\") onEscape?.();\n          setDraft(\"\");\n          return;\n        }\n        // Enter still commits IMMEDIATELY, ahead of the debounce — someone who\n        // presses it has decided, and waiting out the timer reads as a stall.\n        if (event.key !== \"Enter\") return;\n        event.preventDefault();\n        // The BOX, not `draft` — see {@link useKeywordDraft}.\n        commitNow(event.target instanceof HTMLInputElement ? event.target.value : draft);\n      }}\n      placeholder={copy.search.placeholder}\n      inputProps={{ \"aria-label\": copy.search.allColumnsLabel, \"data-testid\": testId }}\n      InputProps={{\n        startAdornment: (\n          <InputAdornment position=\"start\">\n            <SearchIcon sx={{ fontSize: 16, color: \"text.secondary\" }} />\n          </InputAdornment>\n        ),\n        endAdornment: draft ? (\n          <InputAdornment position=\"end\">\n            <IconButton\n              size=\"small\"\n              aria-label={copy.search.clear}\n              data-testid={testId ? `${testId}-clear` : undefined}\n              onClick={() => setDraft(\"\")}\n              sx={{ p: 0.25 }}\n            >\n              <CloseIcon sx={{ fontSize: 14 }} />\n            </IconButton>\n          </InputAdornment>\n        ) : undefined,\n      }}\n      // Takes the free space and gives it up first — step 3 of the ladder,\n      // which needs no flag because flex does it (see `computeSplit`). The\n      // corner is the theme's field radius, so the box matches the pills beside it.\n      sx={(theme) => ({ ...boxWidth(fill), ...fieldTextFieldStyles(theme) })}\n    />\n  );\n}\n\n/**\n * Step 4 of the ladder: the search as a magnifier.\n *\n * Carries a dot when a search is APPLIED. Collapsing a control that is\n * currently filtering the list, with nothing saying so, is how an operator ends\n * up staring at 3 rows of 214 and reading it as missing data.\n */\nexport function CollapsedSearch({\n  active,\n  onOpen,\n  testId,\n}: {\n  active: boolean;\n  onOpen: () => void;\n  testId?: string;\n}): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  return (\n    <IconButton\n      size=\"small\"\n      onClick={onOpen}\n      aria-label={copy.search.open}\n      aria-expanded={false}\n      data-testid={testId ? `${testId}-collapsed` : undefined}\n      sx={{\n        position: \"relative\",\n        width: fieldHeight,\n        height: fieldHeight,\n        border: 1,\n        borderRadius: fieldRadiusPx,\n        borderColor: (theme) => (active ? theme.palette.primary.main : fieldEdge(theme)),\n        color: active ? \"primary.main\" : \"text.secondary\",\n        bgcolor: active ? \"action.selected\" : \"background.paper\",\n      }}\n    >\n      <SearchIcon sx={{ fontSize: 18 }} />\n      {active && (\n        <Box\n          component=\"span\"\n          sx={{\n            position: \"absolute\",\n            top: 2,\n            right: 2,\n            width: 6,\n            height: 6,\n            borderRadius: \"50%\",\n            bgcolor: \"primary.main\",\n          }}\n        />\n      )}\n    </IconButton>\n  );\n}\n\n"],"mappings":"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","names":["default"]}

package/dist/{chunk-57W2C7HY.js → chunk-3NA7AO6H.js}

@@ -1,9 +1,15 @@
-import {
-  CategoryPanel
-} from "./chunk-VESIQYBF.js";
 import {
   CategoryPanelSurface
 } from "./chunk-LMXWI3DD.js";
+import {
+  CategoryPanel
+} from "./chunk-MGP5LLEK.js";
+import {
+  CategoryTrigger
+} from "./chunk-PH5XJGKJ.js";
+import {
+  METRICS
+} from "./chunk-LGLHU55A.js";
 import {
   useCategorySelect
 } from "./chunk-RZVUY2MO.js";
@@ -17,12 +23,6 @@ import {
   categoryPath,
   summarizeSelection
 } from "./chunk-PN4HVM43.js";
-import {
-  CategoryTrigger
-} from "./chunk-GVDJQMFI.js";
-import {
-  METRICS
-} from "./chunk-ZS44PY7T.js";
 import {
   FormControl,
   FormLabel,
@@ -155,4 +155,4 @@ function CategorySelect(props) {
 export {
   CategorySelect
 };
-//# sourceMappingURL=chunk-57W2C7HY.js.map
+//# sourceMappingURL=chunk-3NA7AO6H.js.map

package/dist/{chunk-HZ6L7WXE.js → chunk-3SJZP7KH.js}

@@ -1,16 +1,16 @@
+import {
+  ColumnsTab
+} from "./chunk-JGOXXKPY.js";
 import {
   DisplayTab,
   SortTab
-} from "./chunk-DQOLW4B5.js";
-import {
-  ColumnsTab
-} from "./chunk-OLQDB346.js";
+} from "./chunk-JDY37EML.js";
 import {
   ViewActions,
   ViewFooter,
   ViewHeader,
   ViewsList
-} from "./chunk-3MALHTZQ.js";
+} from "./chunk-AZ4LLAAJ.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -19,7 +19,7 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   Button
-} from "./chunk-BKAB4KZK.js";
+} from "./chunk-6MDBMCFK.js";
 
 // src/components/data-display/DataViews/data-views-display-panel.tsx
 import KeyboardArrowDownRoundedIcon from "@mui/icons-material/KeyboardArrowDownRounded";
@@ -261,4 +261,4 @@ function DataViewsDisplayPanel({
 export {
   DataViewsDisplayPanel
 };
-//# sourceMappingURL=chunk-HZ6L7WXE.js.map
+//# sourceMappingURL=chunk-3SJZP7KH.js.map

package/dist/{chunk-CASZGBCA.js → chunk-3Z23QTCP.js}

@@ -1,20 +1,20 @@
 import {
   ClearAllControl,
   CloseSearchControl
-} from "./chunk-5WNQJ5KS.js";
+} from "./chunk-XLZBZSES.js";
 import {
   PillControl
-} from "./chunk-I3FXTIKA.js";
+} from "./chunk-3CN2GBIK.js";
 import {
   MoreFilters
-} from "./chunk-6FUOUUYO.js";
-import {
-  RangePill
-} from "./chunk-DFLTUI7W.js";
+} from "./chunk-JZJOAGBG.js";
 import {
   CollapsedSearch,
   InlineKeyword
-} from "./chunk-HZVFAGLZ.js";
+} from "./chunk-3E3JYKUK.js";
+import {
+  RangePill
+} from "./chunk-SLODUPES.js";
 
 // src/components/data-display/DataViews/data-views-inline-bar.tsx
 import Box from "@mui/material/Box/index.js";
@@ -220,4 +220,4 @@ function FilterSlots({
 export {
   InlineFilterControls
 };
-//# sourceMappingURL=chunk-CASZGBCA.js.map
+//# sourceMappingURL=chunk-3Z23QTCP.js.map

package/dist/{chunk-QGBMCB76.js → chunk-4BEQADWC.js}

@@ -5,7 +5,7 @@ import {
   GroupLabel,
   SegmentRadios,
   testId
-} from "./chunk-ON2CMKTI.js";
+} from "./chunk-CZ5ZL63A.js";
 import {
   withDefaults
 } from "./chunk-HPK33ACY.js";
@@ -96,4 +96,4 @@ RadioGroup.displayName = "RadioGroup";
 export {
   RadioGroup
 };
-//# sourceMappingURL=chunk-QGBMCB76.js.map
+//# sourceMappingURL=chunk-4BEQADWC.js.map