@12-apps/ui 6.66.2 → 6.68.0

package/dist/{chunk-JYMXYSDP.js → chunk-5CAWRMDX.js}

@@ -1,6 +1,6 @@
 import {
   DATA_VIEWS_LAYOUTS
-} from "./chunk-O2P2KTKN.js";
+} from "./chunk-HLYYB4O5.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -187,4 +187,4 @@ export {
   useDataViewsLayout,
   DataViewsZoomSlider
 };
-//# sourceMappingURL=chunk-JYMXYSDP.js.map
+//# sourceMappingURL=chunk-5CAWRMDX.js.map

package/dist/{chunk-647DEGIU.js → chunk-5WJFCQFN.js}

@@ -1,18 +1,18 @@
 import {
   NumberBoundInput
 } from "./chunk-FJ3UZ4RC.js";
-import {
-  RangePresets
-} from "./chunk-7D7CJRL7.js";
-import {
-  presetsFor
-} from "./chunk-CBOB5AV6.js";
 import {
   isRangeInverted,
   isRangeSet,
   numericRange,
   rangeChipLabel
 } from "./chunk-GCZJH4XL.js";
+import {
+  RangePresets
+} from "./chunk-7D7CJRL7.js";
+import {
+  presetsFor
+} from "./chunk-CBOB5AV6.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -291,4 +291,4 @@ export {
   RangePill,
   PanelRangeField
 };
-//# sourceMappingURL=chunk-647DEGIU.js.map
+//# sourceMappingURL=chunk-5WJFCQFN.js.map

package/dist/{chunk-M6V7Y7CP.js → chunk-6CZC5S6O.js}

@@ -1,9 +1,9 @@
 import {
   GridShell
-} from "./chunk-L7OWFJUU.js";
+} from "./chunk-EZAQIEYB.js";
 import {
   useDataViewsState
-} from "./chunk-35L5YMYQ.js";
+} from "./chunk-2QB4WIU5.js";
 
 // src/components/data-display/DataViews/DataViewsGrid.tsx
 import { useEffect, useRef } from "react";
@@ -27,4 +27,4 @@ function DataViewsGrid(props) {
 export {
   DataViewsGrid
 };
-//# sourceMappingURL=chunk-M6V7Y7CP.js.map
+//# sourceMappingURL=chunk-6CZC5S6O.js.map

package/dist/chunk-6CZC5S6O.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/DataViews/DataViewsGrid.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useRef } from \"react\";\n\nimport { type SortFieldDefinition } from \"../../layout/ContentToolbar\";\n\nimport { GridShell } from \"./data-views-grid-parts\";\nimport type { SelectionExtraRender } from \"./data-views-selection-extra\";\nimport type { ListGroupConfig } from \"./list-card-rails\";\nimport type { DisplayPanelView } from \"./data-views-display-panel\";\nimport type { BoardConfig } from \"./DataViewsBoard\";\nimport type { DataViewExport } from \"./data-views-export\";\nimport type { ScopeConfig } from \"./data-views-scopes\";\nimport type { DataViewCardSelection } from \"./data-views-types\";\nimport {\n  type DataViewColumn,\n  type DataViewsLayout,\n  type DataViewServer,\n  type DataViewState,\n  type DataViewSyncState,\n  type FilterFieldConfig,\n  type QuickFilterConfig,\n  type RangeFieldConfig,\n  type RowAction,\n} from \"./data-views-types\";\nimport type { DataViewRowDetail } from \"./data-views-row-detail\";\nimport { useDataViewsState } from \"./use-data-views-state\";\n\ninterface DataViewsGridProps<T extends Record<string, unknown>> {\n  rows: T[];\n  columns: DataViewColumn<T>[];\n  fields: FilterFieldConfig<T>[];\n  /** Optional numeric min/max range filters (advanced \"filter by amount\"). */\n  rangeFields?: RangeFieldConfig<T>[];\n  getRowId: (row: T) => string | number;\n  /** Row click opens the row; clicks in the actions column are ignored. */\n  onRowClick?: (row: T) => void;\n  emptyState?: React.ReactNode;\n  dataTestId?: string;\n  testIdPrefix?: string;\n  /** Seed/replace the view state. A NEW reference re-applies (used to apply a saved view). */\n  appliedState?: DataViewState;\n  /**\n   * URL-driven controls (search/pills/ranges/sort) that RE-APPLY on reference\n   * change while preserving column visibility — for server-mode lists that keep\n   * their filter/sort/page in the address bar (see {@link DataViewSyncState}).\n   */\n  syncState?: DataViewSyncState;\n  /** Notified on every view-state change (so a save-view modal can read it). */\n  onStateChange?: (state: DataViewState) => void;\n  /**\n   * Notified with the currently-visible (search + filter matched) rows whenever\n   * they change — so a page-level Export exports what the user sees, not the\n   * full dataset.\n   */\n  onVisibleRowsChange?: (rows: T[]) => void;\n  /** Saved-views UI injected into the toolbar (FUT-89). */\n  toolbarRightSlot?: React.ReactNode;\n  /**\n   * The saved-view chrome for the Exibir panel: its VISÃO header (with the\n   * views dropdown) and its Redefinir / Salvar visão footer. Supplied by\n   * `DataViewsTableBase`; without it the panel is tabs only.\n   */\n  displayView?: DisplayPanelView;\n  /** Big page title in the header row (next to the funnel + gear). */\n  title?: string;\n  /** Primary page actions rendered at the header's right. */\n  headerActions?: React.ReactNode;\n  /**\n   * Sort options for the toolbar's \"Sort By\" dropdown. Defaults to the sortable\n   * columns (asc/desc each) when omitted.\n   */\n  sortFields?: SortFieldDefinition[];\n  /**\n   * Per-sort-field VALUE KIND (`\"currency\" | \"number\" | \"date\" | \"text\"`), so the\n   * Exibir panel phrases the direction in that column's own terms. \"Crescente\"\n   * on a currency column is a puzzle; \"Menor → maior\" is not. Defaults to text.\n   */\n  sortKinds?: Record<string, string>;\n  /**\n   * Opt-in \"Exportar\" control. The grid hands the host the current query,\n   * UNPAGINATED, and the host re-queries — the grid never fetches, and an\n   * export therefore follows the filters rather than the loaded page.\n   */\n  exportConfig?: DataViewExport;\n  /**\n   * A single, reusable list of row actions that drives BOTH the per-row \"⋮\"\n   * kebab AND the bulk-actions menu (tabwoah model). When provided, the grid\n   * appends a kebab actions column automatically (unless the page already\n   * defines one) and shows an \"Ações\" bulk menu when rows are selected.\n   */\n  rowActions?: RowAction<T>[];\n  /**\n   * Extra leading control rendered in the auto kebab column, before the \"⋮\"\n   * (e.g. a favourite star). Only used when `rowActions` is set.\n   */\n  rowActionsLeading?: (row: T) => React.ReactNode;\n  /**\n   * Low-level override for the selection bulk control. Prefer `rowActions`.\n   * Receives the selected rows + a `clearSelection` callback.\n   */\n  bulkActions?: (selectedRows: T[], clearSelection: () => void) => React.ReactNode;\n  /**\n   * A control rendered beside the \"N selected\" count, for changing WHAT is\n   * selected rather than what happens to it — a \"select all N matching the\n   * filter\" widening, above all.\n   *\n   * Called only while something is selected, and handed\n   * {@link SelectionExtraContext.allOnPageSelected} so the control can follow\n   * the convention operators already know: the widening appears once the whole\n   * page is ticked, and not before.\n   */\n  selectionExtra?: SelectionExtraRender<T>;\n  /**\n   * Render a bespoke per-row menu in the actions column instead of the auto\n   * kebab — typically an entity's self-contained 3-dots menu that owns its own\n   * popups, so the SAME menu component drives both the table row and the card.\n   * `rowActions`/`bulkActions` still drive the multi-row bulk menu.\n   */\n  renderRowMenu?: (row: T) => React.ReactNode;\n  /**\n   * Row selection — on by default. `false` opts the grid out entirely: no\n   * checkbox column in the table (and no width reserved for one), no checkbox\n   * or checkbox gutter on cards and list rows, no select-all strip and no\n   * count. With nothing selectable, the toolbar's selection mode never takes\n   * over the search, the filter pills and Exportar. For a grid with no bulk\n   * action, where a selection could only hide the toolbar. Row click and the\n   * row menu are unaffected.\n   */\n  selectable?: boolean;\n  /**\n   * Opt-in expandable rows (table layout only): a chevron in a leading column\n   * opens `render(row)` under the row. See {@link DataViewRowDetail}.\n   */\n  rowDetail?: DataViewRowDetail<T>;\n  /**\n   * Opt-in \"Grade\" (cards) layout. When provided, a Grade/Tabela toggle appears in\n   * the toolbar and the cards body renders each visible row via this function\n   * (reusing the same search/filter/sort). Omit ⇒ table only (unchanged).\n   */\n  renderCard?: (row: T, selection: DataViewCardSelection) => React.ReactNode;\n  /**\n   * Opt-in \"Quadro\" (board) layout: the loaded page laid out as columns of one\n   * grouping field. Reuses `renderCard`, so supplying a board WITHOUT one simply\n   * offers no board. Best when the groups are states in a state machine — derive\n   * these groups and `scopes` from ONE definition so the two cannot drift.\n   */\n  board?: BoardConfig<T>;\n  /**\n   * Opt-in \"Lista\" layout (FUT-733): one FULL-WIDTH row per record, rendered by\n   * the entity — a marker, a title, a subtitle and a value on the right. Sits\n   * between the table (compare columns) and the cards (browse); omit ⇒ not\n   * offered, exactly as `renderCard` gates the cards.\n   */\n  renderListRow?: (row: T, selection: DataViewCardSelection) => React.ReactNode;\n  /**\n   * The Lista's SHARED COLUMNS — declared once for the list, obeyed by every row.\n   *\n   * This is what makes a list line up by construction rather than by convention.\n   * Omit it and each row still resolves its own tracks from its own config,\n   * which agrees with its neighbours right up until one row carries an unusually\n   * wide value.\n   */\n  listGroup?: ListGroupConfig<T>;\n  /**\n   * The page-level partition rendered as an exclusive tab strip above the\n   * toolbar, with server-supplied counts. Requires `server`: a scope is applied\n   * at the backend, never in the browser.\n   */\n  scopes?: ScopeConfig[];\n  /** The row field the scopes partition by — used only to reject a pill over the same field. */\n  scopeFieldId?: string;\n  /** Which layout to show first when the user has expressed no preference (default \"table\"). */\n  defaultLayout?: DataViewsLayout;\n  /**\n   * Ignore the remembered cross-screen layout preference and pin to\n   * `defaultLayout`. For tables that exist to SHOW a layout — stories, docs,\n   * screenshots — not for real screens.\n   */\n  ignoreStoredLayout?: boolean;\n  /**\n   * Opt into the responsive inline filter UX (collapsible filter row on wide\n   * screens, modal on narrow). Default `false` keeps the classic slide-in panel.\n   */\n  inlineFilters?: boolean;\n  /** Keep the inline search visible with no filter fields and no active search. */\n  alwaysShowSearch?: boolean;\n  /**\n   * One-click filters drawn as toggle chips at the head of the toolbar, each\n   * applying one value of a declared pill field. See {@link QuickFilterConfig}.\n   */\n  quickFilters?: QuickFilterConfig[];\n  /**\n   * Pin the toolbar to the top of the page's scroll area, and the table's\n   * header row right under it, while the rows scroll past. For a list that IS\n   * the page: what sits above the grid (title, summaries, notices) scrolls\n   * away, and the controls and column names stay in reach. The table keeps its\n   * own sideways scroll, which is why the header follows the page scroll\n   * rather than relying on `position: sticky` (see `useStickyTableHead`).\n   */\n  stickyToolbar?: boolean;\n  /** Server-mode wiring; when set the grid is backend-driven (no client filter/sort/paginate). */\n  server?: DataViewServer;\n}\n\n/**\n * Surface the visible (filtered) rows so a page-level Export matches the view.\n *\n * Pages pass inline column/field arrays, so `matched` is a fresh reference on\n * every render even when its contents are unchanged. The guard is a signature\n * over the rows' *contents* (not just their ids), so the callback — and the\n * parent `useState` it usually drives — fires only when the visible data\n * actually changes. Ids alone are not enough: a server refresh can change a\n * visible row's values while keeping its id, and the export must reflect them.\n * Content-equal renders keep the same signature, so this never loops.\n */\nfunction useVisibleRowsNotifier<T>(matched: T[], onVisibleRowsChange?: (rows: T[]) => void): void {\n  const visibleSignature = JSON.stringify(matched);\n  const lastSignature = useRef<string | null>(null);\n  useEffect(() => {\n    if (lastSignature.current === visibleSignature) return;\n    lastSignature.current = visibleSignature;\n    onVisibleRowsChange?.(matched);\n  }, [visibleSignature, matched, onVisibleRowsChange]);\n}\n\n/**\n * The reusable admin DataViews table (FUT-88): the shared ContentToolbar +\n * TableFilter panel over `@12-apps/ui` DataGrid. State + derived data live in\n * {@link useDataViewsState}; the render lives in `GridShell`. This component just\n * connects the two. Reused across every admin list page.\n */\nexport function DataViewsGrid<T extends Record<string, unknown>>(\n  props: DataViewsGridProps<T>,\n): React.JSX.Element {\n  // Forwarded as a whole rather than restated name-by-name twice: this component\n  // only ADDS the controller, and a 25-name destructure repeated in the JSX is\n  // where a newly added prop silently stops being passed on.\n  const { rangeFields = [], testIdPrefix = \"table\" } = props;\n  const controller = useDataViewsState({ ...props, rangeFields, testIdPrefix });\n  useVisibleRowsNotifier(controller.matched, props.onVisibleRowsChange);\n  return <GridShell {...props} c={controller} rangeFields={rangeFields} testIdPrefix={testIdPrefix} />;\n}\n"],"mappings":";;;;;;;;AAEA,SAAS,WAAW,cAAc;AA+OzB;AAzBT,SAAS,uBAA0B,SAAc,qBAAiD;AAChG,QAAM,mBAAmB,KAAK,UAAU,OAAO;AAC/C,QAAM,gBAAgB,OAAsB,IAAI;AAChD,YAAU,MAAM;AACd,QAAI,cAAc,YAAY,iBAAkB;AAChD,kBAAc,UAAU;AACxB,0BAAsB,OAAO;AAAA,EAC/B,GAAG,CAAC,kBAAkB,SAAS,mBAAmB,CAAC;AACrD;AAQO,SAAS,cACd,OACmB;AAInB,QAAM,EAAE,cAAc,CAAC,GAAG,eAAe,QAAQ,IAAI;AACrD,QAAM,aAAa,kBAAkB,EAAE,GAAG,OAAO,aAAa,aAAa,CAAC;AAC5E,yBAAuB,WAAW,SAAS,MAAM,mBAAmB;AACpE,SAAO,oBAAC,aAAW,GAAG,OAAO,GAAG,YAAY,aAA0B,cAA4B;AACpG;","names":[]}

package/dist/{chunk-K6KBASL2.js → chunk-72L5C74V.js}

@@ -4,7 +4,7 @@ import {
 import {
   DisplayTab,
   SortTab
-} from "./chunk-33XGC4YU.js";
+} from "./chunk-YEGZIYVM.js";
 import {
   ViewActions,
   ViewFooter,
@@ -265,4 +265,4 @@ function DataViewsDisplayPanel({
 export {
   DataViewsDisplayPanel
 };
-//# sourceMappingURL=chunk-K6KBASL2.js.map
+//# sourceMappingURL=chunk-72L5C74V.js.map

package/dist/chunk-AT6UKTH4.js

@@ -0,0 +1,129 @@
+import {
+  default as default2
+} from "./chunk-6DPAWXZ3.js";
+import {
+  fieldHeight
+} from "./chunk-RGVNXES5.js";
+import {
+  fieldEdge
+} from "./chunk-7ZADLRLP.js";
+import {
+  sxRem
+} from "./chunk-YKCAJ2TN.js";
+
+// src/components/data-display/DataViews/data-views-quick-chip.tsx
+import Checkbox from "@mui/material/Checkbox/index.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+function toneColor(theme, tone) {
+  return tone ? theme.palette[tone].main : theme.palette.text.secondary;
+}
+function QuickChip({
+  quick,
+  active,
+  onToggle,
+  testIdPrefix
+}) {
+  return /* @__PURE__ */ jsxs(
+    default2,
+    {
+      component: "button",
+      type: "button",
+      onClick: onToggle,
+      "aria-pressed": active,
+      "data-testid": `${testIdPrefix}-quick-${quick.id}`,
+      sx: {
+        display: "inline-flex",
+        alignItems: "center",
+        gap: 0.75,
+        minHeight: fieldHeight,
+        px: 1.5,
+        border: 1,
+        borderStyle: "solid",
+        borderColor: (theme) => active ? theme.palette.text.primary : fieldEdge(theme),
+        borderRadius: 999,
+        bgcolor: active ? "text.primary" : "background.paper",
+        color: active ? "background.paper" : "text.primary",
+        cursor: "pointer",
+        font: "inherit",
+        fontSize: sxRem(13),
+        fontWeight: 500,
+        whiteSpace: "nowrap",
+        "&:hover": { borderColor: "text.primary" },
+        "&:focus-visible": {
+          outlineWidth: sxRem(2),
+          outlineStyle: "solid",
+          outlineColor: "primary.main",
+          // Inset, as the scope tabs draw theirs: the chip is the bar's full
+          // field height, and an outset ring is clipped above and below.
+          outlineOffset: sxRem(-2)
+        }
+      },
+      children: [
+        quick.label,
+        quick.count !== void 0 && /* @__PURE__ */ jsx(
+          default2,
+          {
+            component: "span",
+            sx: {
+              fontWeight: 400,
+              fontVariantNumeric: "tabular-nums",
+              color: (theme) => active ? "inherit" : toneColor(theme, quick.tone),
+              opacity: active ? 0.75 : 1
+            },
+            children: quick.count
+          }
+        )
+      ]
+    }
+  );
+}
+function QuickRow({
+  quick,
+  active,
+  onToggle,
+  testIdPrefix
+}) {
+  return /* @__PURE__ */ jsxs(
+    default2,
+    {
+      component: "label",
+      "data-testid": `${testIdPrefix}-more-quick-${quick.id}`,
+      sx: {
+        display: "flex",
+        alignItems: "center",
+        gap: 0.25,
+        pr: 1,
+        minHeight: fieldHeight,
+        cursor: "pointer",
+        fontSize: sxRem(13),
+        color: active ? "primary.main" : "text.primary"
+      },
+      children: [
+        /* @__PURE__ */ jsx(
+          Checkbox,
+          {
+            size: "small",
+            checked: active,
+            onChange: onToggle,
+            inputProps: { "aria-label": quick.label }
+          }
+        ),
+        /* @__PURE__ */ jsx(default2, { component: "span", sx: { flex: 1 }, children: quick.label }),
+        quick.count !== void 0 && /* @__PURE__ */ jsx(
+          default2,
+          {
+            component: "span",
+            sx: { fontVariantNumeric: "tabular-nums", color: (theme) => toneColor(theme, quick.tone) },
+            children: quick.count
+          }
+        )
+      ]
+    }
+  );
+}
+
+export {
+  QuickChip,
+  QuickRow
+};
+//# sourceMappingURL=chunk-AT6UKTH4.js.map

package/dist/chunk-AT6UKTH4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/DataViews/data-views-quick-chip.tsx"],"sourcesContent":["\"use client\";\n\n/**\n * A QUICK CHIP — the toolbar's one-click filter (see `QuickFilterConfig`).\n *\n * Its own module because it is drawn in two places: on the bar, as a\n * pill-shaped toggle with its count, and inside \"Mais\" when the ladder had no\n * room for it, as a toggle row with the same label and count. Both write the\n * same state through `onToggleQuick`, so where the chip sits never changes what\n * it does.\n *\n * Hand-drawn rather than `Toggle` (MUI ToggleButton), as the range preset chips\n * beside it are: a ToggleButton is a squared group member with its own\n * selected tint, and this is a standalone pill whose pressed state INVERTS —\n * the approved Estoque prototype's chip, pill radius included.\n */\nimport Checkbox from \"@mui/material/Checkbox/index.js\";\nimport type { Theme } from \"@mui/material/styles/index.js\";\n\nimport { Box } from \"../../../mui/Box\";\nimport { fieldHeight } from \"../../../tokens/field-height\";\nimport { fieldEdge } from \"../../../tokens/field-edge\";\nimport { sxRem } from \"../../../tokens/relative\";\n\nimport type { QuickFilterConfig } from \"./data-views-types\";\n\n/** The count's colour: the attention the rows need, or neutral. */\nfunction toneColor(theme: Theme, tone: QuickFilterConfig[\"tone\"]): string {\n  return tone ? theme.palette[tone].main : theme.palette.text.secondary;\n}\n\n/** The chip on the toolbar: pressed reads as a filled, inverted pill. */\nexport function QuickChip({\n  quick,\n  active,\n  onToggle,\n  testIdPrefix,\n}: {\n  quick: QuickFilterConfig;\n  active: boolean;\n  onToggle: () => void;\n  testIdPrefix: string;\n}): React.JSX.Element {\n  return (\n    <Box\n      component=\"button\"\n      type=\"button\"\n      onClick={onToggle}\n      aria-pressed={active}\n      data-testid={`${testIdPrefix}-quick-${quick.id}`}\n      sx={{\n        display: \"inline-flex\",\n        alignItems: \"center\",\n        gap: 0.75,\n        minHeight: fieldHeight,\n        px: 1.5,\n        border: 1,\n        borderStyle: \"solid\",\n        borderColor: (theme: Theme) => (active ? theme.palette.text.primary : fieldEdge(theme)),\n        borderRadius: 999,\n        bgcolor: active ? \"text.primary\" : \"background.paper\",\n        color: active ? \"background.paper\" : \"text.primary\",\n        cursor: \"pointer\",\n        font: \"inherit\",\n        fontSize: sxRem(13),\n        fontWeight: 500,\n        whiteSpace: \"nowrap\",\n        \"&:hover\": { borderColor: \"text.primary\" },\n        \"&:focus-visible\": {\n          outlineWidth: sxRem(2),\n          outlineStyle: \"solid\",\n          outlineColor: \"primary.main\",\n          // Inset, as the scope tabs draw theirs: the chip is the bar's full\n          // field height, and an outset ring is clipped above and below.\n          outlineOffset: sxRem(-2),\n        },\n      }}\n    >\n      {quick.label}\n      {quick.count !== undefined && (\n        <Box\n          component=\"span\"\n          sx={{\n            fontWeight: 400,\n            fontVariantNumeric: \"tabular-nums\",\n            color: (theme: Theme) => (active ? \"inherit\" : toneColor(theme, quick.tone)),\n            opacity: active ? 0.75 : 1,\n          }}\n        >\n          {quick.count}\n        </Box>\n      )}\n    </Box>\n  );\n}\n\n/** The same chip inside \"Mais\": a toggle row, label and count. */\nexport function QuickRow({\n  quick,\n  active,\n  onToggle,\n  testIdPrefix,\n}: {\n  quick: QuickFilterConfig;\n  active: boolean;\n  onToggle: () => void;\n  testIdPrefix: string;\n}): React.JSX.Element {\n  return (\n    <Box\n      component=\"label\"\n      data-testid={`${testIdPrefix}-more-quick-${quick.id}`}\n      sx={{\n        display: \"flex\",\n        alignItems: \"center\",\n        gap: 0.25,\n        pr: 1,\n        minHeight: fieldHeight,\n        cursor: \"pointer\",\n        fontSize: sxRem(13),\n        color: active ? \"primary.main\" : \"text.primary\",\n      }}\n    >\n      <Checkbox\n        size=\"small\"\n        checked={active}\n        onChange={onToggle}\n        inputProps={{ \"aria-label\": quick.label }}\n      />\n      <Box component=\"span\" sx={{ flex: 1 }}>\n        {quick.label}\n      </Box>\n      {quick.count !== undefined && (\n        <Box\n          component=\"span\"\n          sx={{ fontVariantNumeric: \"tabular-nums\", color: (theme: Theme) => toneColor(theme, quick.tone) }}\n        >\n          {quick.count}\n        </Box>\n      )}\n    </Box>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AAgBA,OAAO,cAAc;AA4BjB,SAoCI,KApCJ;AAjBJ,SAAS,UAAU,OAAc,MAAyC;AACxE,SAAO,OAAO,MAAM,QAAQ,IAAI,EAAE,OAAO,MAAM,QAAQ,KAAK;AAC9D;AAGO,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKsB;AACpB,SACE;AAAA,IAACA;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,MAAK;AAAA,MACL,SAAS;AAAA,MACT,gBAAc;AAAA,MACd,eAAa,GAAG,YAAY,UAAU,MAAM,EAAE;AAAA,MAC9C,IAAI;AAAA,QACF,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,KAAK;AAAA,QACL,WAAW;AAAA,QACX,IAAI;AAAA,QACJ,QAAQ;AAAA,QACR,aAAa;AAAA,QACb,aAAa,CAAC,UAAkB,SAAS,MAAM,QAAQ,KAAK,UAAU,UAAU,KAAK;AAAA,QACrF,cAAc;AAAA,QACd,SAAS,SAAS,iBAAiB;AAAA,QACnC,OAAO,SAAS,qBAAqB;AAAA,QACrC,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,UAAU,MAAM,EAAE;AAAA,QAClB,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,WAAW,EAAE,aAAa,eAAe;AAAA,QACzC,mBAAmB;AAAA,UACjB,cAAc,MAAM,CAAC;AAAA,UACrB,cAAc;AAAA,UACd,cAAc;AAAA;AAAA;AAAA,UAGd,eAAe,MAAM,EAAE;AAAA,QACzB;AAAA,MACF;AAAA,MAEC;AAAA,cAAM;AAAA,QACN,MAAM,UAAU,UACf;AAAA,UAACA;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,IAAI;AAAA,cACF,YAAY;AAAA,cACZ,oBAAoB;AAAA,cACpB,OAAO,CAAC,UAAkB,SAAS,YAAY,UAAU,OAAO,MAAM,IAAI;AAAA,cAC1E,SAAS,SAAS,OAAO;AAAA,YAC3B;AAAA,YAEC,gBAAM;AAAA;AAAA,QACT;AAAA;AAAA;AAAA,EAEJ;AAEJ;AAGO,SAAS,SAAS;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKsB;AACpB,SACE;AAAA,IAACA;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAa,GAAG,YAAY,eAAe,MAAM,EAAE;AAAA,MACnD,IAAI;AAAA,QACF,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,KAAK;AAAA,QACL,IAAI;AAAA,QACJ,WAAW;AAAA,QACX,QAAQ;AAAA,QACR,UAAU,MAAM,EAAE;AAAA,QAClB,OAAO,SAAS,iBAAiB;AAAA,MACnC;AAAA,MAEA;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAS;AAAA,YACT,UAAU;AAAA,YACV,YAAY,EAAE,cAAc,MAAM,MAAM;AAAA;AAAA,QAC1C;AAAA,QACA,oBAACA,UAAA,EAAI,WAAU,QAAO,IAAI,EAAE,MAAM,EAAE,GACjC,gBAAM,OACT;AAAA,QACC,MAAM,UAAU,UACf;AAAA,UAACA;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,IAAI,EAAE,oBAAoB,gBAAgB,OAAO,CAAC,UAAiB,UAAU,OAAO,MAAM,IAAI,EAAE;AAAA,YAE/F,gBAAM;AAAA;AAAA,QACT;AAAA;AAAA;AAAA,EAEJ;AAEJ;","names":["default"]}

package/dist/{chunk-BI7YMVKZ.js → chunk-B2JSUFDX.js}

@@ -4,7 +4,7 @@ import {
 import {
   coerceViewState,
   emptyViewState
-} from "./chunk-O2P2KTKN.js";
+} from "./chunk-HLYYB4O5.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -96,4 +96,4 @@ function useSavedViewsController(persistence, router, columnIds, views, initialV
 export {
   useSavedViewsController
 };
-//# sourceMappingURL=chunk-BI7YMVKZ.js.map
+//# sourceMappingURL=chunk-B2JSUFDX.js.map

package/dist/{chunk-7J5JR33K.js → chunk-BBBHPK2Q.js}

@@ -1,6 +1,6 @@
 import {
   DENSITY_ROW_PADDING
-} from "./chunk-JYMXYSDP.js";
+} from "./chunk-5CAWRMDX.js";
 import {
   GroupGrid
 } from "./chunk-U3HEYECF.js";
@@ -133,4 +133,4 @@ export {
   cellRailCount,
   ListCardGroup
 };
-//# sourceMappingURL=chunk-7J5JR33K.js.map
+//# sourceMappingURL=chunk-BBBHPK2Q.js.map

package/dist/{chunk-UZ2CEJOO.js → chunk-CSJ7WNXU.js}

@@ -1,6 +1,6 @@
 import {
   RAIL_GAP_PX
-} from "./chunk-7J5JR33K.js";
+} from "./chunk-BBBHPK2Q.js";
 import {
   COMPACT_BREAK,
   META_BREAK
@@ -257,4 +257,4 @@ export {
   ListCardActions,
   ListCardTail
 };
-//# sourceMappingURL=chunk-UZ2CEJOO.js.map
+//# sourceMappingURL=chunk-CSJ7WNXU.js.map

package/dist/{chunk-6QYKZMEE.js → chunk-CSLBRJ7N.js}

@@ -1,3 +1,8 @@
+import {
+  anyApplied,
+  isQuickActive,
+  keepChipsInOrder
+} from "./chunk-GCYGVWOI.js";
 import {
   RESERVED,
   estimateWidth,
@@ -18,42 +23,51 @@ import {
 // src/components/data-display/DataViews/data-views-overflow.ts
 import { useTheme } from "@mui/material/styles/index.js";
 import { useRef } from "react";
-function toOverflowFields(fields, rangeFields) {
-  return [
-    ...fields.map((pill) => ({ id: pill.id, label: pill.label, group: "pill", pill })),
-    ...rangeFields.map((range) => ({ id: range.id, label: range.label, group: "range", range }))
-  ];
-}
 function isActiveField(field, pills, ranges) {
+  if (field.group === "quick" && field.quick) return isQuickActive(field.quick, pills);
   return field.group === "pill" ? (pills[field.id]?.length ?? 0) > 0 : isRangeSet(ranges[field.id]);
 }
 function fieldWidth(theme, field, pills, ranges) {
+  if (field.group === "quick") return estimateWidth(theme, `${field.label} ${field.quick?.count ?? ""}`, -20);
   if (field.group === "pill") return estimateWidth(theme, pillText(field, pills[field.id] ?? []), 0);
   return estimateWidth(theme, field.label, isRangeSet(ranges[field.id]) ? 100 : 0);
 }
 function splitFilters(all, pills, ranges, width, furniture, compact, theme) {
-  const active = all.filter((field) => isActiveField(field, pills, ranges));
-  const idle = all.filter((field) => !isActiveField(field, pills, ranges));
+  const pinned = all.filter((field) => field.pinned);
+  const candidates = all.filter((field) => !field.pinned);
+  const chips = candidates.filter((field) => field.group === "quick");
+  const rest = candidates.filter((field) => field.group !== "quick");
+  const active = rest.filter((field) => isActiveField(field, pills, ranges));
+  const idle = rest.filter((field) => !isActiveField(field, pills, ranges));
   const price = pricesFor(theme);
+  const moreCost = compact ? price.overflowButtonCompact : price.overflowButton;
   const gap = remPx(theme, RESERVED.betweenControls);
-  const clearCost = active.length > 0 ? price.clearAll + gap : 0;
-  const split = splitToFit(all, {
-    widthOf: (field) => fieldWidth(theme, field, pills, ranges),
-    keyOf: (field) => field.id,
-    gap,
-    available: width - furniture - clearCost,
-    // The overflow button at the width it will actually have, which on a phone
-    // is the icon-and-badge one.
-    overflowCost: compact ? price.overflowButtonCompact : price.overflowButton,
-    priority: [...active, ...idle]
-  });
-  return { ...split, used: split.used + clearCost };
+  const clearCost = anyApplied(all, pills, ranges) ? price.clearAll + gap : 0;
+  const pinnedCost = pinned.length > 0 ? moreCost + gap : 0;
+  const widthOf = (field) => fieldWidth(theme, field, pills, ranges);
+  const split = keepChipsInOrder(
+    splitToFit(candidates, {
+      widthOf,
+      keyOf: (field) => field.id,
+      gap,
+      available: width - furniture - clearCost - pinnedCost,
+      overflowCost: pinned.length > 0 ? 0 : moreCost,
+      priority: [...chips, ...active, ...idle]
+    }),
+    chips,
+    (field) => widthOf(field) + gap
+  );
+  return {
+    inline: split.inline,
+    overflow: [...split.overflow, ...pinned],
+    used: split.used + clearCost + pinnedCost
+  };
 }
 function computeSplit(all, pills, ranges, width, hasExport, theme) {
   if (width === 0) {
     return {
-      inline: all,
-      overflow: [],
+      inline: all.filter((field) => !field.pinned),
+      overflow: all.filter((field) => field.pinned),
       compactControls: false,
       counterHidden: false,
       searchCollapsed: false,
@@ -93,7 +107,9 @@ function useFilterOverflow(all, pills, ranges, frozen = false, hasExport = true)
   const { ref: barRef, width } = useMeasuredWidth();
   const theme = useTheme();
   const signature = JSON.stringify({
-    ids: all.map((field) => field.id),
+    // A chip's count and a field's `inMore` change its price or its place
+    // without changing its id, so both are part of the key.
+    ids: all.map((field) => [field.id, field.quick?.count ?? null, field.pinned === true]),
     pills,
     ranges,
     width,
@@ -111,7 +127,6 @@ function useFilterOverflow(all, pills, ranges, frozen = false, hasExport = true)
 }
 
 export {
-  toOverflowFields,
   useFilterOverflow
 };
-//# sourceMappingURL=chunk-6QYKZMEE.js.map
+//# sourceMappingURL=chunk-CSLBRJ7N.js.map

package/dist/chunk-CSLBRJ7N.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/DataViews/data-views-overflow.ts"],"sourcesContent":["\"use client\";\n\nimport { useTheme, type Theme } from \"@mui/material/styles/index.js\";\nimport { useRef } from \"react\";\n\nimport { remPx } from \"../../../tokens/relative\";\nimport { splitToFit, useMeasuredWidth } from \"../../utility/Overflow\";\nimport {\n  estimateWidth,\n  furnitureCost,\n  isRangeSet,\n  pillText,\n  pricesFor,\n  RESERVED,\n  rightClusterCost,\n  type Prices,\n} from \"./data-views-overflow-costs\";\nimport type { FilterFieldConfig, QuickFilterConfig, RangeFieldConfig, RangeValue } from \"./data-views-types\";\nimport { anyApplied, isQuickActive, keepChipsInOrder } from \"./data-views-overflow-fields\";\n\n// Declaring the controls lives in its own module (size gate); re-exported for its callers.\nexport { isQuickActive, toOverflowFields } from \"./data-views-overflow-fields\";\n\n/**\n * PROGRESSIVE COLLAPSE — which filter controls fit on the toolbar, measured.\n *\n * Two rules, and both come from watching the all-or-nothing version fail:\n *\n * 1. Controls shed ONE AT A TIME into an overflow, never all at once. With four\n *    filters and room for three, hiding all four throws away the room that was\n *    there.\n * 2. An APPLIED filter is ranked first, not exempt. Applied controls take the\n *    visible slots ahead of idle ones, and go into \"Mais\" like anything else\n *    when even those slots run out. Exempting them outright — the earlier rule\n *    — meant four applied filters on a phone claimed more width than the row\n *    had, and the bar painted past its own edge: the pills were reachable only\n *    by scrolling the toolbar sideways. Hiding one is safe because \"Mais\" says\n *    how many applied filters are behind it; scrolling one off-screen says\n *    nothing at all.\n *\n * It MEASURES rather than picking a breakpoint, which is what\n * `FILTERS-CONTRACT.md` asks for: pages declare different numbers of filters\n * with different label lengths, and the same page collapses at a different\n * width in another language. A shared breakpoint is wrong for at least one\n * table by construction.\n *\n * Collapsing is presentation only — nothing here emits a query, drops a filter\n * or changes a rendered row.\n */\n\n/** A filter control on the bar: a multi-select pill, a min/max range or a quick chip. */\nexport interface OverflowField<T extends Record<string, unknown>> {\n  id: string;\n  label: string;\n  /** Which control it is — the caller renders the right one. */\n  group: \"pill\" | \"range\" | \"quick\";\n  pill?: FilterFieldConfig<T>;\n  range?: RangeFieldConfig<T>;\n  quick?: QuickFilterConfig;\n  /** Declared `inMore`: never on the bar, always behind \"Mais\". */\n  pinned?: boolean;\n}\n\n/** What the caller renders inline, and what goes behind \"Mais\". */\nexport interface OverflowSplit<T extends Record<string, unknown>> {\n  inline: OverflowField<T>[];\n  overflow: OverflowField<T>[];\n  /**\n   * Step 2 — Exibir/Exportar drop their text labels and become icons.\n   * Cheap: both keep their icon, their tooltip and their position.\n   */\n  compactControls: boolean;\n  /**\n   * Step 5, and the LAST resort — the \"N de N\" counter is dropped.\n   *\n   * Only once every control has already collapsed and the row STILL does not\n   * fit, which on a six-filter table is below about 400px. The counter goes\n   * last because it is the only thing left that reports rather than does: an\n   * operator can act without knowing the total, but not without the search.\n   */\n  counterHidden: boolean;\n  /**\n   * Step 4 — the search collapses to a magnifier that expands on click.\n   * The most expensive step, so it is taken last: the search is the one\n   * control on the bar that cannot be guessed from an icon's position.\n   */\n  searchCollapsed: boolean;\n  /**\n   * Step 6, below even the counter — \"Limpar\" leaves the bar.\n   *\n   * The one control here with a second home: the overflow panel's footer\n   * carries \"Limpar todos os filtros\". So it goes before the search icon or\n   * \"Mais\", neither of which has anywhere else to be.\n   */\n  clearAllHidden: boolean;\n  /**\n   * Expanding the magnifier must take the whole cluster, filters and all.\n   *\n   * Only on the rungs where what is left over would be too narrow to read —\n   * on a large phone the box simply shrinks and the filters stay, which is why\n   * this is its own answer rather than `searchCollapsed` reused.\n   */\n  searchTakeover: boolean;\n  /** Attach to the toolbar row being measured. */\n  barRef: React.RefObject<HTMLDivElement | null>;\n}\n\n/** Is this control carrying a value the operator set? */\nfunction isActiveField<T extends Record<string, unknown>>(\n  field: OverflowField<T>,\n  pills: Record<string, string[]>,\n  ranges: Record<string, RangeValue>,\n): boolean {\n  if (field.group === \"quick\" && field.quick) return isQuickActive(field.quick, pills);\n  return field.group === \"pill\"\n    ? (pills[field.id]?.length ?? 0) > 0\n    : isRangeSet(ranges[field.id]);\n}\n\n/** Estimated rendered width of one control at its CURRENT value, in px at `theme`'s scale. */\nfunction fieldWidth<T extends Record<string, unknown>>(\n  theme: Theme,\n  field: OverflowField<T>,\n  pills: Record<string, string[]>,\n  ranges: Record<string, RangeValue>,\n): number {\n  // A chip is a pill with its count beside the label and no chevron.\n  if (field.group === \"quick\") return estimateWidth(theme, `${field.label} ${field.quick?.count ?? \"\"}`, -20);\n  if (field.group === \"pill\") return estimateWidth(theme, pillText(field, pills[field.id] ?? []), 0);\n  // A bounded range renders two number inputs (100 design px) beside its label.\n  return estimateWidth(theme, field.label, isRangeSet(ranges[field.id]) ? 100 : 0);\n}\n\n/** What one split costs on the bar, so the ladder below can price the next step. */\ntype Split<T extends Record<string, unknown>> = {\n  inline: OverflowField<T>[];\n  overflow: OverflowField<T>[];\n  /** Width the surviving inline controls occupy, incl. the \"Mais\" button. */\n  used: number;\n};\n\n/** Step 1 — shed filter controls into the overflow. Pure. */\nfunction splitFilters<T extends Record<string, unknown>>(\n  all: OverflowField<T>[],\n  pills: Record<string, string[]>,\n  ranges: Record<string, RangeValue>,\n  width: number,\n  /** Search + counter + right cluster + chrome, at the rung being considered. */\n  furniture: number,\n  /** Is the bar already down to icons? \"Mais\" shrinks with everything else. */\n  compact: boolean,\n  /** Whose type scale every price is read at — the bar's own. */\n  theme: Theme,\n): Split<T> {\n  // `inMore` fields never compete for the bar: they are behind \"Mais\" from the\n  // start, so \"Mais\" is on the bar whatever else fits.\n  const pinned = all.filter((field) => field.pinned);\n  const candidates = all.filter((field) => !field.pinned);\n  const chips = candidates.filter((field) => field.group === \"quick\");\n  const rest = candidates.filter((field) => field.group !== \"quick\");\n  const active = rest.filter((field) => isActiveField(field, pills, ranges));\n  const idle = rest.filter((field) => !isActiveField(field, pills, ranges));\n  const price = pricesFor(theme);\n  const moreCost = compact ? price.overflowButtonCompact : price.overflowButton;\n  const gap = remPx(theme, RESERVED.betweenControls);\n\n  // \"Limpar\" rides the end of the cluster whenever anything is applied —\n  // ANYTHING, a pinned field and a chip's field included, since the bar draws\n  // it on the active count, not on what it can see. Pressing a chip can\n  // therefore cost the bar room; chips rank first and stay a prefix (below),\n  // so what leaves is an idle pill, or the chips together — never one chip\n  // swapped for another.\n  const clearCost = anyApplied(all, pills, ranges) ? price.clearAll + gap : 0;\n  // APPLIED FIRST, BUT NOT EXEMPT.\n  //\n  // Applied controls take the visible slots ahead of idle ones — that part was\n  // always right. Exempting them from the overflow entirely was not: applying\n  // a value LENGTHENS a control (\"Pagamento (1)\"), so on a phone four applied\n  // filters claimed more width than the row had and the bar simply painted\n  // past its own edge, leaving pills reachable only by scrolling sideways.\n  //\n  // An applied filter hidden in \"Mais\" is not lost the way it would be if it\n  // vanished silently: the trigger goes to the applied tone and says how many\n  // are in there (see `MoreTrigger`), which is the same signal the pill itself\n  // was carrying. A control you scroll off-screen carries no signal at all.\n  //\n  // Quick chips come before all of it, in their DECLARED order whatever is\n  // pressed: they are the bar's fixed vocabulary, so their slots never move.\n  //\n  // The keep-what-fits loop is `splitToFit` (`utility/Overflow`). With pinned\n  // fields \"Mais\" is always drawn, so its cost is paid up front.\n  const pinnedCost = pinned.length > 0 ? moreCost + gap : 0;\n  const widthOf = (field: OverflowField<T>): number => fieldWidth(theme, field, pills, ranges);\n  const split = keepChipsInOrder(\n    splitToFit(candidates, {\n      widthOf,\n      keyOf: (field) => field.id,\n      gap,\n      available: width - furniture - clearCost - pinnedCost,\n      overflowCost: pinned.length > 0 ? 0 : moreCost,\n      priority: [...chips, ...active, ...idle],\n    }),\n    chips,\n    (field) => widthOf(field) + gap,\n  );\n  return {\n    inline: split.inline,\n    overflow: [...split.overflow, ...pinned],\n    used: split.used + clearCost + pinnedCost,\n  };\n}\n\n/**\n * THE DEGRADATION LADDER — cheapest loss first, and each rung taken only if\n * the one before it did not free enough:\n *\n *   1. filter controls move into the \"Mais\" overflow   (`splitFilters`)\n *   2. Exibir / Exportar drop their text labels        (`compactControls`)\n *   3. the search shrinks toward its minimum           (CSS: it is `flex: 1`)\n *   4. the search itself collapses to an icon          (`searchCollapsed`)\n *\n * Step 3 needs no flag — the search is a flex child, so it gives up width on\n * its own until it hits `RESERVED.search`. The flags mark the two steps that\n * change what is RENDERED rather than how wide it is.\n *\n * Measured against what is CURRENTLY on the bar, never a breakpoint: a\n * two-filter page and a five-filter page would otherwise collapse at the same\n * width, and only one of them would be right.\n */\nfunction computeSplit<T extends Record<string, unknown>>(\n  all: OverflowField<T>[],\n  pills: Record<string, string[]>,\n  ranges: Record<string, RangeValue>,\n  width: number,\n  /** Does the host render \"Exportar\" beside \"Exibir\"? Half the cluster if not. */\n  hasExport: boolean,\n  theme: Theme,\n): Omit<OverflowSplit<T>, \"barRef\"> {\n  // Unmeasured (SSR, or jsdom without a ResizeObserver) ⇒ degrade nothing.\n  if (width === 0) {\n    return {\n      inline: all.filter((field) => !field.pinned),\n      overflow: all.filter((field) => field.pinned),\n      compactControls: false,\n      counterHidden: false,\n      searchCollapsed: false,\n      clearAllHidden: false,\n      searchTakeover: false,\n    };\n  }\n  const price = pricesFor(theme);\n  // Pass 1 prices the furniture at its widest — no rung has been taken yet.\n  let budget = furnitureCost(price, UNCOLLAPSED, hasExport);\n  let split = splitFilters(all, pills, ranges, width, budget, false, theme);\n  let flags = ladderFlags(split, width, hasExport, price);\n  // RE-SPEND WHAT THE LATER RUNGS FREED.\n  //\n  // Rungs 2/4/5 turn 200 + 96 + 216 of furniture into 44 + 0 + 140, and until\n  // this loop existed nobody handed those ~330px back to the filters: the\n  // split was decided once, against the uncollapsed row, so a phone shed every\n  // control and then sat with a band of empty bar beside \"Mais 5\".\n  //\n  // Settles rather than oscillates, and cannot overfill: a cheaper furniture\n  // can only give the filters MORE room, more filter width can only push the\n  // ladder FURTHER down, and a further rung can only make the furniture\n  // cheaper again — so the budget decreases monotonically and the loop exits\n  // the moment it stops moving. The bound is a backstop, not the exit.\n  for (let pass = 0; pass < 3; pass += 1) {\n    const freed = furnitureCost(price, flags, hasExport);\n    if (freed >= budget) break;\n    budget = freed;\n    split = splitFilters(all, pills, ranges, width, budget, flags.compactControls, theme);\n    flags = ladderFlags(split, width, hasExport, price);\n  }\n  return { inline: split.inline, overflow: split.overflow, ...flags };\n}\n\n/** The widest the furniture ever is — every rung still untaken. */\nconst UNCOLLAPSED = { searchCollapsed: false, counterHidden: false, compactControls: false };\n\n/** Rungs 2 and 4-6, priced against what the filters actually took. */\nfunction ladderFlags<T extends Record<string, unknown>>(\n  split: Split<T>,\n  width: number,\n  hasExport: boolean,\n  price: Prices,\n): Omit<OverflowSplit<T>, \"barRef\" | \"inline\" | \"overflow\"> {\n  const { overflow, used } = split;\n  const base = width - used - price.chrome;\n\n  // Would the search still make its minimum with the labels on?\n  const compactControls = base - price.counter - rightClusterCost(price, hasExport, false) < price.search;\n  const rightCost = rightClusterCost(price, hasExport, compactControls);\n  // …and with them off?\n  const searchCollapsed = base - price.counter - rightCost < price.search;\n  // Everything has collapsed and the row STILL overflows. The controls cannot\n  // shrink further — they are `flexShrink: 0` precisely so an over-packed row\n  // sheds rather than squeezes — so without this last rung they simply paint\n  // outside the toolbar, which is what a narrow phone was doing.\n  const counterHidden =\n    searchCollapsed && base - price.counter - rightCost < price.searchIcon;\n  // Step 6 — below even that, \"Limpar\" leaves the bar. It is the ONLY control\n  // here with a second home: the overflow panel's footer carries \"Limpar todos\n  // os filtros\", so nothing is lost, which is exactly why it goes before the\n  // search icon or \"Mais\" (neither of which has anywhere else to be). Guarded\n  // on there BEING an overflow, because with no panel the footer does not\n  // exist and dropping this would strand the operator.\n  const clearAllHidden = counterHidden && overflow.length > 0;\n  // What the keyword box would get if the operator expanded the magnifier.\n  // `searchCollapsed` is a different question — it asks whether the box fits at\n  // its PREFERRED 200px, and is deliberately pessimistic — so reusing it to\n  // decide the takeover evicted the filters on screens where the box had plenty\n  // of room to simply shrink.\n  //\n  // Asked with the inline filters SHED, because shedding them is exactly what\n  // expanding the box does: the row re-splits and they go behind \"Mais\".\n  // Measuring against the resting row instead made a filter argue for its own\n  // eviction — now that a large phone keeps one, its width came out of `base`,\n  // pushed the box under `usableSearch`, and tipped a row that had ample space\n  // to share into a full takeover.\n  const overflowButton = compactControls\n    ? price.overflowButtonCompact\n    : price.overflowButton;\n  const shedRoom = width - price.chrome - (overflow.length > 0 ? overflowButton : 0);\n  const searchBoxRoom = shedRoom - (counterHidden ? 0 : price.counter) - rightCost;\n  // Below this a box is too narrow to read what you typed into it, and shrinking\n  // further buys nothing; that is the only point at which taking the whole\n  // cluster is worth losing the filters.\n  const searchTakeover = searchCollapsed && searchBoxRoom < price.usableSearch;\n\n  return { compactControls, counterHidden, searchCollapsed, clearAllHidden, searchTakeover };\n}\n\n/**\n * Split the declared filter controls into what fits and what goes behind\n * \"Mais\", measured against the live toolbar width.\n *\n * Cached on a SIGNATURE rather than by `useMemo` over the inputs: hosts declare\n * their fields inline, so `all` is a fresh array on every render while the\n * configuration is unchanged, and a reference-keyed memo would never hit.\n */\nexport function useFilterOverflow<T extends Record<string, unknown>>(\n  all: OverflowField<T>[],\n  pills: Record<string, string[]>,\n  ranges: Record<string, RangeValue>,\n  /**\n   * A filter control is open — hold the current answer until it closes.\n   *\n   * Applying a filter changes that control's LABEL (\"Valor\" becomes \"Valor: ≥\n   * R$ 1\"), which changes its measured width, which re-runs the whole split\n   * while its popover is open on top of it. Measured: setting a minimum moved\n   * the trigger 192px left, took the popover with it, and pushed two other\n   * controls into a newly-appeared \"Mais 2\" — so reaching for the second bound\n   * meant chasing the control across the row. Nobody sets a range that way.\n   *\n   * Frozen only for the duration: closing re-measures against the new labels,\n   * so the row still ends up correct, it just does not rearrange under a hand\n   * that is mid-edit.\n   */\n  frozen = false,\n  /** Whether \"Exportar\" is on the bar — see `rightClusterCost`. */\n  hasExport = true,\n): OverflowSplit<T> {\n  // The measurement is `useMeasuredWidth` (`utility/Overflow`): the same\n  // ResizeObserver every collapsing cluster in the design system reads, so\n  // there is one loop to get right rather than one per bar. `0` until the\n  // first measurement lands (and forever under SSR or jsdom), which\n  // `computeSplit` reads as \"degrade nothing\".\n  const { ref: barRef, width } = useMeasuredWidth<HTMLDivElement>();\n  // The prices follow the theme's type scale, so the answer does too.\n  const theme = useTheme();\n  const signature = JSON.stringify({\n    // A chip's count and a field's `inMore` change its price or its place\n    // without changing its id, so both are part of the key.\n    ids: all.map((field) => [field.id, field.quick?.count ?? null, field.pinned === true]),\n    pills,\n    ranges,\n    width,\n    hasExport,\n    scale: remPx(theme, 1),\n  });\n  const cache = useRef<{ signature: string; split: ReturnType<typeof computeSplit<T>> } | null>(null);\n  if (cache.current === null || (!frozen && cache.current.signature !== signature)) {\n    cache.current = { signature, split: computeSplit(all, pills, ranges, width, hasExport, theme) };\n  }\n  // The cache holds the ARRANGEMENT — which ids sit on the bar, which in \"Mais\"\n  // — never the fields themselves. The signature keys on ids, so a field whose\n  // options arrive after the first measurement (a category list still loading)\n  // does not re-split, and handing back the cached objects served the empty\n  // list for good: \"Categoria\" in \"Mais\" rendered a label with no control under\n  // it (FUT-2828). Re-reading each field from `all` keeps the slots and the\n  // current config.\n  const { split } = cache.current;\n  const current = new Map(all.map((field) => [field.id, field]));\n  const fresh = (fields: OverflowField<T>[]): OverflowField<T>[] =>\n    fields.map((field) => current.get(field.id) ?? field);\n  return { ...split, inline: fresh(split.inline), overflow: fresh(split.overflow), barRef };\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-LMIOWP6H.js → chunk-D34PZJH3.js}

@@ -11,7 +11,7 @@ import {
 } from "./chunk-K4EKTMTC.js";
 import {
   CARD_ASPECT_RATIOS
-} from "./chunk-O2P2KTKN.js";
+} from "./chunk-HLYYB4O5.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -268,4 +268,4 @@ function BaseCard(props) {
 export {
   BaseCard
 };
-//# sourceMappingURL=chunk-LMIOWP6H.js.map
+//# sourceMappingURL=chunk-D34PZJH3.js.map

package/dist/{chunk-HYQJJLBC.js → chunk-DHAXUVMR.js}

@@ -3,8 +3,10 @@ import {
   CHIP_TRANSITION_EASING,
   CHIP_TRANSITION_MS,
   HOVER_LIFT_PX,
-  HOVER_SHADOW
-} from "./chunk-KU6VHNRV.js";
+  HOVER_SHADOW,
+  SOFT_GROUND_ALPHA,
+  SOFT_HOVER_ALPHA
+} from "./chunk-E5I776YW.js";
 import {
   chipKeyAction
 } from "./chunk-BF4FYOAR.js";
@@ -20,6 +22,7 @@ import {
 // src/components/data-display/Chip/Chip.styles.tsx
 import Avatar from "@mui/material/Avatar/index.js";
 import React from "react";
+import { alpha } from "@mui/material/styles/index.js";
 import { jsx } from "react/jsx-runtime";
 var makeKeyDownHandler = (args) => (event) => {
   const action = chipKeyAction(event.key, args);
@@ -45,14 +48,35 @@ var hoverShadow = (theme) => `0 ${rems(theme, HOVER_SHADOW.offsetY, HOVER_SHADOW
   theme,
   theme.palette.mode === "dark" ? HOVER_SHADOW.alphaDark : HOVER_SHADOW.alphaLight
 )}`;
+var paletteKey = (color) => {
+  if (color === "neutral") return null;
+  return color === "danger" ? "error" : color;
+};
+var softStyles = (color) => {
+  const key = paletteKey(color);
+  const ground = (theme) => key ? alpha(theme.palette[key].main, SOFT_GROUND_ALPHA) : theme.palette.action.selected;
+  const ink = (theme) => key ? theme.palette[key].dark : theme.palette.text.secondary;
+  return {
+    backgroundColor: ground,
+    color: ink,
+    // A state is read at a glance: the label is set semibold.
+    fontWeight: 600,
+    "& .MuiChip-icon": { color: ink },
+    "&.MuiChip-clickable:hover": {
+      backgroundColor: (theme) => key ? alpha(theme.palette[key].main, SOFT_HOVER_ALPHA) : theme.palette.action.hover
+    }
+  };
+};
 var chipStyles = ({
   variant,
+  color = "primary",
   selected,
   clickable,
   disabled
 }) => {
   const lifts = clickable && !disabled;
   return {
+    ...variant === "soft" ? softStyles(color) : {},
     // Enhanced styling for outlined variant
     ...variant === "outlined" && {
       borderWidth: "1px",
@@ -86,4 +110,4 @@ export {
   chipStyles,
   iconWithTestId
 };
-//# sourceMappingURL=chunk-HYQJJLBC.js.map
+//# sourceMappingURL=chunk-DHAXUVMR.js.map

package/dist/chunk-DHAXUVMR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/Chip/Chip.styles.tsx"],"sourcesContent":["import Avatar from '@mui/material/Avatar/index.js';\nimport type { SxProps, Theme } from '@mui/material/styles/index.js';\nimport type { KeyboardEvent, ReactElement } from 'react';\nimport React from 'react';\n\nimport { chipKeyAction, type ChipKeyArgs } from './Chip.helpers';\nimport { alpha } from '@mui/material/styles/index.js';\n\nimport {\n  CHIP_SIZES,\n  CHIP_TRANSITION_EASING,\n  CHIP_TRANSITION_MS,\n  HOVER_LIFT_PX,\n  HOVER_SHADOW,\n  SOFT_GROUND_ALPHA,\n  SOFT_HOVER_ALPHA,\n} from './Chip.metrics';\nimport type { ChipProps } from './Chip.types';\nimport { shadowInk } from '../../../tokens/ink';\nimport { rem, rems, sxRem } from '../../../tokens/relative';\n\n/**\n * A chip is not a native control, so the two keyboard conventions it stands in\n * for are wired by hand: Delete/Backspace removes it, Enter/Space activates it.\n * The DECISION is `chipKeyAction`, which the native half reads too.\n */\nexport const makeKeyDownHandler =\n  (args: ChipKeyArgs & { onClick?: () => void; onDelete?: () => void }) =>\n  (event: KeyboardEvent): void => {\n    const action = chipKeyAction(event.key, args);\n    if (action === null) return;\n    event.preventDefault();\n    if (action === 'delete') {\n      args.onDelete?.();\n      return;\n    }\n    args.onClick?.();\n  };\n\nexport const avatarFor = (\n  avatar: ChipProps['avatar'],\n  avatarSrc?: string,\n): ReactElement | undefined => {\n  if (avatar && React.isValidElement(avatar)) {\n    return avatar;\n  }\n  if (avatarSrc) {\n    const { avatarSize } = CHIP_SIZES.medium;\n    return <Avatar src={avatarSrc} sx={{ width: sxRem(avatarSize), height: sxRem(avatarSize) }} />;\n  }\n  return undefined;\n};\n\ninterface ChipStyleArgs {\n  variant: ChipProps['variant'];\n  color?: ChipProps['color'];\n  selected?: boolean;\n  clickable?: boolean;\n  disabled?: boolean;\n}\n\n/** The lift's shadow, per mode — the same numbers the native chip reads. */\nconst hoverShadow = (theme: Theme): string =>\n  `0 ${rems(theme, HOVER_SHADOW.offsetY, HOVER_SHADOW.blur)} ${shadowInk(\n    theme,\n    theme.palette.mode === 'dark' ? HOVER_SHADOW.alphaDark : HOVER_SHADOW.alphaLight,\n  )}`;\n\n/**\n * Selection styling uses SEMANTIC palette tokens (not hardcoded rgba). A filled\n * selected chip keeps MUI's solid `color.main` + contrast text (clear active\n * state); an outlined selected chip gets a subtle theme-driven `action.selected`\n * tint so it reads as active without muddying the fill.\n */\n/** The palette entry a colour paints with; `neutral` has none and takes the ink. */\nconst paletteKey = (color: NonNullable<ChipProps['color']>): 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning' | null => {\n  if (color === 'neutral') return null;\n  return color === 'danger' ? 'error' : color;\n};\n\n/** `soft`: the colour's tint for a ground, its dark step for ink (and the icon). */\nconst softStyles = (color: NonNullable<ChipProps['color']>): SxProps<Theme> => {\n  const key = paletteKey(color);\n  const ground = (theme: Theme): string =>\n    key ? alpha(theme.palette[key].main, SOFT_GROUND_ALPHA) : theme.palette.action.selected;\n  const ink = (theme: Theme): string => (key ? theme.palette[key].dark : theme.palette.text.secondary);\n  return {\n    backgroundColor: ground,\n    color: ink,\n    // A state is read at a glance: the label is set semibold.\n    fontWeight: 600,\n    '& .MuiChip-icon': { color: ink },\n    '&.MuiChip-clickable:hover': {\n      backgroundColor: (theme: Theme) => (key ? alpha(theme.palette[key].main, SOFT_HOVER_ALPHA) : theme.palette.action.hover),\n    },\n  };\n};\n\nexport const chipStyles = ({\n  variant,\n  color = 'primary',\n  selected,\n  clickable,\n  disabled,\n}: ChipStyleArgs): SxProps<Theme> => {\n  const lifts = clickable && !disabled;\n\n  return {\n    ...(variant === 'soft' ? (softStyles(color) as object) : {}),\n    // Enhanced styling for outlined variant\n    ...(variant === 'outlined' && {\n      borderWidth: '1px',\n      borderStyle: 'solid',\n      backgroundColor: 'transparent',\n    }),\n    ...(selected &&\n      variant === 'outlined' && {\n        backgroundColor: (theme: Theme) => theme.palette.action.selected,\n      }),\n    '&:hover': {\n      ...(lifts && {\n        transform: (theme: Theme) => `translateY(${rem(theme, -HOVER_LIFT_PX)})`,\n        boxShadow: (theme: Theme) => hoverShadow(theme),\n      }),\n    },\n    '&:active': {\n      ...(lifts && {\n        transform: 'translateY(0px)',\n      }),\n    },\n    transition: `all ${CHIP_TRANSITION_MS / 1000}s ${CHIP_TRANSITION_EASING}`,\n  };\n};\n\nexport const iconWithTestId = (\n  icon: ChipProps['icon'],\n  testId: string,\n): ReactElement | undefined =>\n  icon && React.isValidElement(icon)\n    ? React.cloneElement(icon as ReactElement, {\n        'data-testid': testId,\n      } as Record<string, unknown>)\n    : undefined;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,YAAY;AAGnB,OAAO,WAAW;AAGlB,SAAS,aAAa;AA0CX;AAtBJ,IAAM,qBACX,CAAC,SACD,CAAC,UAA+B;AAC9B,QAAM,SAAS,cAAc,MAAM,KAAK,IAAI;AAC5C,MAAI,WAAW,KAAM;AACrB,QAAM,eAAe;AACrB,MAAI,WAAW,UAAU;AACvB,SAAK,WAAW;AAChB;AAAA,EACF;AACA,OAAK,UAAU;AACjB;AAEK,IAAM,YAAY,CACvB,QACA,cAC6B;AAC7B,MAAI,UAAU,MAAM,eAAe,MAAM,GAAG;AAC1C,WAAO;AAAA,EACT;AACA,MAAI,WAAW;AACb,UAAM,EAAE,WAAW,IAAI,WAAW;AAClC,WAAO,oBAAC,UAAO,KAAK,WAAW,IAAI,EAAE,OAAO,MAAM,UAAU,GAAG,QAAQ,MAAM,UAAU,EAAE,GAAG;AAAA,EAC9F;AACA,SAAO;AACT;AAWA,IAAM,cAAc,CAAC,UACnB,KAAK,KAAK,OAAO,aAAa,SAAS,aAAa,IAAI,CAAC,IAAI;AAAA,EAC3D;AAAA,EACA,MAAM,QAAQ,SAAS,SAAS,aAAa,YAAY,aAAa;AACxE,CAAC;AASH,IAAM,aAAa,CAAC,UAAsH;AACxI,MAAI,UAAU,UAAW,QAAO;AAChC,SAAO,UAAU,WAAW,UAAU;AACxC;AAGA,IAAM,aAAa,CAAC,UAA2D;AAC7E,QAAM,MAAM,WAAW,KAAK;AAC5B,QAAM,SAAS,CAAC,UACd,MAAM,MAAM,MAAM,QAAQ,GAAG,EAAE,MAAM,iBAAiB,IAAI,MAAM,QAAQ,OAAO;AACjF,QAAM,MAAM,CAAC,UAA0B,MAAM,MAAM,QAAQ,GAAG,EAAE,OAAO,MAAM,QAAQ,KAAK;AAC1F,SAAO;AAAA,IACL,iBAAiB;AAAA,IACjB,OAAO;AAAA;AAAA,IAEP,YAAY;AAAA,IACZ,mBAAmB,EAAE,OAAO,IAAI;AAAA,IAChC,6BAA6B;AAAA,MAC3B,iBAAiB,CAAC,UAAkB,MAAM,MAAM,MAAM,QAAQ,GAAG,EAAE,MAAM,gBAAgB,IAAI,MAAM,QAAQ,OAAO;AAAA,IACpH;AAAA,EACF;AACF;AAEO,IAAM,aAAa,CAAC;AAAA,EACzB;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AACF,MAAqC;AACnC,QAAM,QAAQ,aAAa,CAAC;AAE5B,SAAO;AAAA,IACL,GAAI,YAAY,SAAU,WAAW,KAAK,IAAe,CAAC;AAAA;AAAA,IAE1D,GAAI,YAAY,cAAc;AAAA,MAC5B,aAAa;AAAA,MACb,aAAa;AAAA,MACb,iBAAiB;AAAA,IACnB;AAAA,IACA,GAAI,YACF,YAAY,cAAc;AAAA,MACxB,iBAAiB,CAAC,UAAiB,MAAM,QAAQ,OAAO;AAAA,IAC1D;AAAA,IACF,WAAW;AAAA,MACT,GAAI,SAAS;AAAA,QACX,WAAW,CAAC,UAAiB,cAAc,IAAI,OAAO,CAAC,aAAa,CAAC;AAAA,QACrE,WAAW,CAAC,UAAiB,YAAY,KAAK;AAAA,MAChD;AAAA,IACF;AAAA,IACA,YAAY;AAAA,MACV,GAAI,SAAS;AAAA,QACX,WAAW;AAAA,MACb;AAAA,IACF;AAAA,IACA,YAAY,OAAO,qBAAqB,GAAI,KAAK,sBAAsB;AAAA,EACzE;AACF;AAEO,IAAM,iBAAiB,CAC5B,MACA,WAEA,QAAQ,MAAM,eAAe,IAAI,IAC7B,MAAM,aAAa,MAAsB;AAAA,EACvC,eAAe;AACjB,CAA4B,IAC5B;","names":[]}

package/dist/{chunk-TKLPPAS5.js → chunk-E5GYHN4X.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-RQF4NXDC.js";
 import {
   PanelRangeField
-} from "./chunk-647DEGIU.js";
+} from "./chunk-5WJFCQFN.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -12,10 +12,10 @@ import {
 } from "./chunk-7LOCLC24.js";
 import {
   StackedModal
-} from "./chunk-TNVO3EVF.js";
+} from "./chunk-KT3TF2LT.js";
 import {
   StackedModalContent
-} from "./chunk-6A6GZRXD.js";
+} from "./chunk-3VXS7O3X.js";
 import {
   sxRem
 } from "./chunk-YKCAJ2TN.js";
@@ -157,4 +157,4 @@ export {
   GridFilterPanel,
   FilterDialog
 };
-//# sourceMappingURL=chunk-TKLPPAS5.js.map
+//# sourceMappingURL=chunk-E5GYHN4X.js.map

package/dist/{chunk-KU6VHNRV.js → chunk-E5I776YW.js}

@@ -49,6 +49,8 @@ var HOVER_LIFT_PX = 1;
 var HOVER_SHADOW = { offsetY: 4, blur: 12, alphaLight: 0.15, alphaDark: 0.3 };
 var CHIP_TRANSITION_MS = 200;
 var CHIP_TRANSITION_EASING = "cubic-bezier(0.4, 0, 0.2, 1)";
+var SOFT_GROUND_ALPHA = 0.14;
+var SOFT_HOVER_ALPHA = 0.22;
 
 export {
   chipMuiSize,
@@ -63,6 +65,8 @@ export {
   HOVER_LIFT_PX,
   HOVER_SHADOW,
   CHIP_TRANSITION_MS,
-  CHIP_TRANSITION_EASING
+  CHIP_TRANSITION_EASING,
+  SOFT_GROUND_ALPHA,
+  SOFT_HOVER_ALPHA
 };
-//# sourceMappingURL=chunk-KU6VHNRV.js.map
+//# sourceMappingURL=chunk-E5I776YW.js.map

package/dist/{chunk-KU6VHNRV.js.map → chunk-E5I776YW.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/data-display/Chip/Chip.metrics.ts"],"sourcesContent":["import type { ChipSize } from './Chip.base';\n\n/**\n * THE NUMBERS BOTH `Chip` RENDERERS DRAW WITH.\n *\n * Most of them are MUI's own `Chip` geometry rather than anything this package\n * writes — the 32px pill, the 13px label, the 5px/-6px icon tuck — because the\n * web half hands the drawing to `MuiChip` and the native half has to draw it.\n * Restated here once, read by both, so the two cannot disagree about a chip's\n * height. What THIS package adds (`Chip.styles.tsx`'s hover lift, its shadow\n * and its transition) is at the bottom, and the web derives its CSS from it.\n */\n\n/** MUI draws two chip sizes; ours are the house abbreviations for them. */\nexport type ChipMuiSize = 'small' | 'medium';\n\nexport const chipMuiSize = (size: ChipSize): ChipMuiSize =>\n  size === 'xs' || size === 'sm' ? 'small' : 'medium';\n\nexport interface ChipSizeMetrics {\n  height: number;\n  /** The label's own side padding, filled and outlined (outlined is 1px tighter). */\n  labelPadding: number;\n  labelPaddingOutlined: number;\n  /** The leading icon's box, and how far it tucks under the label. */\n  iconSize: number;\n  iconMarginLeft: number;\n  iconMarginLeftOutlined: number;\n  iconMarginRight: number;\n  /** The avatar's round box and the type inside it. */\n  avatarSize: number;\n  avatarFontSize: number;\n  avatarMarginLeft: number;\n  avatarMarginLeftOutlined: number;\n  avatarMarginRight: number;\n  /** The delete glyph's box and its own tuck. */\n  deleteSize: number;\n  deleteMarginLeft: number;\n  deleteMarginRight: number;\n  deleteMarginRightOutlined: number;\n}\n\nexport const CHIP_SIZES: Record<ChipMuiSize, ChipSizeMetrics> = {\n  medium: {\n    height: 32,\n    labelPadding: 12,\n    labelPaddingOutlined: 11,\n    iconSize: 24,\n    iconMarginLeft: 5,\n    iconMarginLeftOutlined: 4,\n    iconMarginRight: -6,\n    avatarSize: 24,\n    avatarFontSize: 12,\n    avatarMarginLeft: 5,\n    avatarMarginLeftOutlined: 4,\n    avatarMarginRight: -6,\n    deleteSize: 22,\n    deleteMarginLeft: -6,\n    deleteMarginRight: 5,\n    deleteMarginRightOutlined: 5,\n  },\n  small: {\n    height: 24,\n    labelPadding: 8,\n    labelPaddingOutlined: 7,\n    iconSize: 18,\n    iconMarginLeft: 4,\n    iconMarginLeftOutlined: 2,\n    iconMarginRight: -4,\n    avatarSize: 18,\n    avatarFontSize: 10,\n    avatarMarginLeft: 4,\n    avatarMarginLeftOutlined: 2,\n    avatarMarginRight: -4,\n    deleteSize: 16,\n    deleteMarginLeft: -4,\n    deleteMarginRight: 4,\n    deleteMarginRightOutlined: 3,\n  },\n};\n\n/** MUI's `borderRadius: 32 / 2` — a pill at either height, since the box clamps it. */\nexport const CHIP_RADIUS = 16;\n/** The label's type, in px. MUI sets it on the root and the small size keeps it. */\nexport const CHIP_FONT_SIZE = 13;\n/** MUI's `palette.action.disabledOpacity`. */\nexport const CHIP_DISABLED_OPACITY = 0.38;\n/** An outlined chip's hairline: the hue at 0.7, or the grey ramp for `neutral`. */\nexport const OUTLINED_BORDER_ALPHA = 0.7;\n/** The delete glyph over an unaccented chip, and over a coloured one. */\nexport const DELETE_ICON_ALPHA = 0.26;\nexport const DELETE_ICON_ON_COLOR_ALPHA = 0.7;\n/** MUI's `action.hoverOpacity`, the wash a clickable outlined chip takes. */\nexport const OUTLINED_HOVER_ALPHA = 0.04;\n\n/* ── What this package adds on top of MUI's chip ──────────────────────────── */\n\n/** The lift a clickable chip takes on hover, and the shadow under it. */\nexport const HOVER_LIFT_PX = 1;\nexport const HOVER_SHADOW = { offsetY: 4, blur: 12, alphaLight: 0.15, alphaDark: 0.3 } as const;\nexport const CHIP_TRANSITION_MS = 200;\nexport const CHIP_TRANSITION_EASING = 'cubic-bezier(0.4, 0, 0.2, 1)';\n"],"mappings":";AAgBO,IAAM,cAAc,CAAC,SAC1B,SAAS,QAAQ,SAAS,OAAO,UAAU;AAyBtC,IAAM,aAAmD;AAAA,EAC9D,QAAQ;AAAA,IACN,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,sBAAsB;AAAA,IACtB,UAAU;AAAA,IACV,gBAAgB;AAAA,IAChB,wBAAwB;AAAA,IACxB,iBAAiB;AAAA,IACjB,YAAY;AAAA,IACZ,gBAAgB;AAAA,IAChB,kBAAkB;AAAA,IAClB,0BAA0B;AAAA,IAC1B,mBAAmB;AAAA,IACnB,YAAY;AAAA,IACZ,kBAAkB;AAAA,IAClB,mBAAmB;AAAA,IACnB,2BAA2B;AAAA,EAC7B;AAAA,EACA,OAAO;AAAA,IACL,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,sBAAsB;AAAA,IACtB,UAAU;AAAA,IACV,gBAAgB;AAAA,IAChB,wBAAwB;AAAA,IACxB,iBAAiB;AAAA,IACjB,YAAY;AAAA,IACZ,gBAAgB;AAAA,IAChB,kBAAkB;AAAA,IAClB,0BAA0B;AAAA,IAC1B,mBAAmB;AAAA,IACnB,YAAY;AAAA,IACZ,kBAAkB;AAAA,IAClB,mBAAmB;AAAA,IACnB,2BAA2B;AAAA,EAC7B;AACF;AAGO,IAAM,cAAc;AAEpB,IAAM,iBAAiB;AAEvB,IAAM,wBAAwB;AAE9B,IAAM,wBAAwB;AAE9B,IAAM,oBAAoB;AAC1B,IAAM,6BAA6B;AAEnC,IAAM,uBAAuB;AAK7B,IAAM,gBAAgB;AACtB,IAAM,eAAe,EAAE,SAAS,GAAG,MAAM,IAAI,YAAY,MAAM,WAAW,IAAI;AAC9E,IAAM,qBAAqB;AAC3B,IAAM,yBAAyB;","names":[]}
+{"version":3,"sources":["../src/components/data-display/Chip/Chip.metrics.ts"],"sourcesContent":["import type { ChipSize } from './Chip.base';\n\n/**\n * THE NUMBERS BOTH `Chip` RENDERERS DRAW WITH.\n *\n * Most of them are MUI's own `Chip` geometry rather than anything this package\n * writes — the 32px pill, the 13px label, the 5px/-6px icon tuck — because the\n * web half hands the drawing to `MuiChip` and the native half has to draw it.\n * Restated here once, read by both, so the two cannot disagree about a chip's\n * height. What THIS package adds (`Chip.styles.tsx`'s hover lift, its shadow\n * and its transition) is at the bottom, and the web derives its CSS from it.\n */\n\n/** MUI draws two chip sizes; ours are the house abbreviations for them. */\nexport type ChipMuiSize = 'small' | 'medium';\n\nexport const chipMuiSize = (size: ChipSize): ChipMuiSize =>\n  size === 'xs' || size === 'sm' ? 'small' : 'medium';\n\nexport interface ChipSizeMetrics {\n  height: number;\n  /** The label's own side padding, filled and outlined (outlined is 1px tighter). */\n  labelPadding: number;\n  labelPaddingOutlined: number;\n  /** The leading icon's box, and how far it tucks under the label. */\n  iconSize: number;\n  iconMarginLeft: number;\n  iconMarginLeftOutlined: number;\n  iconMarginRight: number;\n  /** The avatar's round box and the type inside it. */\n  avatarSize: number;\n  avatarFontSize: number;\n  avatarMarginLeft: number;\n  avatarMarginLeftOutlined: number;\n  avatarMarginRight: number;\n  /** The delete glyph's box and its own tuck. */\n  deleteSize: number;\n  deleteMarginLeft: number;\n  deleteMarginRight: number;\n  deleteMarginRightOutlined: number;\n}\n\nexport const CHIP_SIZES: Record<ChipMuiSize, ChipSizeMetrics> = {\n  medium: {\n    height: 32,\n    labelPadding: 12,\n    labelPaddingOutlined: 11,\n    iconSize: 24,\n    iconMarginLeft: 5,\n    iconMarginLeftOutlined: 4,\n    iconMarginRight: -6,\n    avatarSize: 24,\n    avatarFontSize: 12,\n    avatarMarginLeft: 5,\n    avatarMarginLeftOutlined: 4,\n    avatarMarginRight: -6,\n    deleteSize: 22,\n    deleteMarginLeft: -6,\n    deleteMarginRight: 5,\n    deleteMarginRightOutlined: 5,\n  },\n  small: {\n    height: 24,\n    labelPadding: 8,\n    labelPaddingOutlined: 7,\n    iconSize: 18,\n    iconMarginLeft: 4,\n    iconMarginLeftOutlined: 2,\n    iconMarginRight: -4,\n    avatarSize: 18,\n    avatarFontSize: 10,\n    avatarMarginLeft: 4,\n    avatarMarginLeftOutlined: 2,\n    avatarMarginRight: -4,\n    deleteSize: 16,\n    deleteMarginLeft: -4,\n    deleteMarginRight: 4,\n    deleteMarginRightOutlined: 3,\n  },\n};\n\n/** MUI's `borderRadius: 32 / 2` — a pill at either height, since the box clamps it. */\nexport const CHIP_RADIUS = 16;\n/** The label's type, in px. MUI sets it on the root and the small size keeps it. */\nexport const CHIP_FONT_SIZE = 13;\n/** MUI's `palette.action.disabledOpacity`. */\nexport const CHIP_DISABLED_OPACITY = 0.38;\n/** An outlined chip's hairline: the hue at 0.7, or the grey ramp for `neutral`. */\nexport const OUTLINED_BORDER_ALPHA = 0.7;\n/** The delete glyph over an unaccented chip, and over a coloured one. */\nexport const DELETE_ICON_ALPHA = 0.26;\nexport const DELETE_ICON_ON_COLOR_ALPHA = 0.7;\n/** MUI's `action.hoverOpacity`, the wash a clickable outlined chip takes. */\nexport const OUTLINED_HOVER_ALPHA = 0.04;\n\n/* ── What this package adds on top of MUI's chip ──────────────────────────── */\n\n/** The lift a clickable chip takes on hover, and the shadow under it. */\nexport const HOVER_LIFT_PX = 1;\nexport const HOVER_SHADOW = { offsetY: 4, blur: 12, alphaLight: 0.15, alphaDark: 0.3 } as const;\nexport const CHIP_TRANSITION_MS = 200;\nexport const CHIP_TRANSITION_EASING = 'cubic-bezier(0.4, 0, 0.2, 1)';\n\n/** A soft chip's ground: the colour at this alpha over the page. */\nexport const SOFT_GROUND_ALPHA = 0.14;\n/** A soft chip's hover ground. */\nexport const SOFT_HOVER_ALPHA = 0.22;\n"],"mappings":";AAgBO,IAAM,cAAc,CAAC,SAC1B,SAAS,QAAQ,SAAS,OAAO,UAAU;AAyBtC,IAAM,aAAmD;AAAA,EAC9D,QAAQ;AAAA,IACN,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,sBAAsB;AAAA,IACtB,UAAU;AAAA,IACV,gBAAgB;AAAA,IAChB,wBAAwB;AAAA,IACxB,iBAAiB;AAAA,IACjB,YAAY;AAAA,IACZ,gBAAgB;AAAA,IAChB,kBAAkB;AAAA,IAClB,0BAA0B;AAAA,IAC1B,mBAAmB;AAAA,IACnB,YAAY;AAAA,IACZ,kBAAkB;AAAA,IAClB,mBAAmB;AAAA,IACnB,2BAA2B;AAAA,EAC7B;AAAA,EACA,OAAO;AAAA,IACL,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,sBAAsB;AAAA,IACtB,UAAU;AAAA,IACV,gBAAgB;AAAA,IAChB,wBAAwB;AAAA,IACxB,iBAAiB;AAAA,IACjB,YAAY;AAAA,IACZ,gBAAgB;AAAA,IAChB,kBAAkB;AAAA,IAClB,0BAA0B;AAAA,IAC1B,mBAAmB;AAAA,IACnB,YAAY;AAAA,IACZ,kBAAkB;AAAA,IAClB,mBAAmB;AAAA,IACnB,2BAA2B;AAAA,EAC7B;AACF;AAGO,IAAM,cAAc;AAEpB,IAAM,iBAAiB;AAEvB,IAAM,wBAAwB;AAE9B,IAAM,wBAAwB;AAE9B,IAAM,oBAAoB;AAC1B,IAAM,6BAA6B;AAEnC,IAAM,uBAAuB;AAK7B,IAAM,gBAAgB;AACtB,IAAM,eAAe,EAAE,SAAS,GAAG,MAAM,IAAI,YAAY,MAAM,WAAW,IAAI;AAC9E,IAAM,qBAAqB;AAC3B,IAAM,yBAAyB;AAG/B,IAAM,oBAAoB;AAE1B,IAAM,mBAAmB;","names":[]}