@12-apps/ui 6.13.2 → 6.14.0

package/dist/_internal/components/data-display/index.js

@@ -117,12 +117,12 @@ import "../../../chunk-FS4X3VDA.js";
 import "../../../chunk-L5CPOEDP.js";
 import {
   DataGrid
-} from "../../../chunk-X5MPHXG5.js";
+} from "../../../chunk-RPWEXIAW.js";
+import "../../../chunk-5E3XZAED.js";
 import "../../../chunk-DLJGBJZW.js";
 import "../../../chunk-KZLLTOB2.js";
 import "../../../chunk-E5LWJDI3.js";
 import "../../../chunk-G3E66C6J.js";
-import "../../../chunk-5E3XZAED.js";
 import "../../../chunk-SNCSGLJ6.js";
 import {
   DescriptionItem
@@ -175,16 +175,16 @@ import "../../../chunk-2YEZONLX.js";
 import "../../../chunk-62FET2BM.js";
 import {
   Carousel
-} from "../../../chunk-HRJ27X5B.js";
+} from "../../../chunk-BPCYXLWY.js";
+import "../../../chunk-WIXUMFU7.js";
 import "../../../chunk-RUIV5TVA.js";
 import "../../../chunk-5QXSPLWU.js";
-import "../../../chunk-Z56IO7OV.js";
-import "../../../chunk-WIXUMFU7.js";
 import {
   CarouselArrows,
   CarouselIndicators,
   CarouselThumbnails
 } from "../../../chunk-2XGM5PDA.js";
+import "../../../chunk-Z56IO7OV.js";
 import "../../../chunk-5KLSLD72.js";
 import {
   SpecChart
@@ -192,17 +192,6 @@ import {
 import {
   Chart
 } from "../../../chunk-AP3PVR3T.js";
-import "../../../chunk-BVGR7OYA.js";
-import {
-  ChartContainer,
-  ChartLegend,
-  ChartLegendContent,
-  ChartTooltip,
-  ChartTooltipContent
-} from "../../../chunk-M5T3COS2.js";
-import "../../../chunk-XSKVBGCZ.js";
-import "../../../chunk-AVU6KU27.js";
-import "../../../chunk-4V532JF6.js";
 import {
   CHART_SEMANTIC_COLORS,
   ChartSpecError,
@@ -214,10 +203,21 @@ import {
   getRegisteredChartSpecTypes,
   registerChartSpecRenderer
 } from "../../../chunk-WKUA6P3W.js";
+import "../../../chunk-BVGR7OYA.js";
+import {
+  ChartContainer,
+  ChartLegend,
+  ChartLegendContent,
+  ChartTooltip,
+  ChartTooltipContent
+} from "../../../chunk-M5T3COS2.js";
 import {
   chartValueFormatter,
   formatChartValue
 } from "../../../chunk-QVWNK4JO.js";
+import "../../../chunk-XSKVBGCZ.js";
+import "../../../chunk-AVU6KU27.js";
+import "../../../chunk-4V532JF6.js";
 import {
   Avatar,
   AvatarGroup

package/dist/_internal/components/index.js

@@ -526,7 +526,7 @@ import {
 } from "../../chunk-LVCUJ7YU.js";
 import {
   ContentToolbar
-} from "../../chunk-2WWKBD4D.js";
+} from "../../chunk-TSPHRZ4U.js";
 import {
   ColumnsMenu
 } from "../../chunk-JMVIIKII.js";
@@ -607,12 +607,12 @@ import {
 import "../../chunk-L5CPOEDP.js";
 import {
   DataGrid
-} from "../../chunk-X5MPHXG5.js";
+} from "../../chunk-RPWEXIAW.js";
+import "../../chunk-5E3XZAED.js";
 import "../../chunk-DLJGBJZW.js";
 import "../../chunk-KZLLTOB2.js";
 import "../../chunk-E5LWJDI3.js";
 import "../../chunk-G3E66C6J.js";
-import "../../chunk-5E3XZAED.js";
 import "../../chunk-SNCSGLJ6.js";
 import {
   DescriptionItem
@@ -667,16 +667,16 @@ import "../../chunk-2YEZONLX.js";
 import "../../chunk-62FET2BM.js";
 import {
   Carousel
-} from "../../chunk-HRJ27X5B.js";
+} from "../../chunk-BPCYXLWY.js";
+import "../../chunk-WIXUMFU7.js";
 import "../../chunk-RUIV5TVA.js";
 import "../../chunk-5QXSPLWU.js";
-import "../../chunk-Z56IO7OV.js";
-import "../../chunk-WIXUMFU7.js";
 import {
   CarouselArrows,
   CarouselIndicators,
   CarouselThumbnails
 } from "../../chunk-2XGM5PDA.js";
+import "../../chunk-Z56IO7OV.js";
 import "../../chunk-5KLSLD72.js";
 import {
   SpecChart
@@ -684,17 +684,6 @@ import {
 import {
   Chart
 } from "../../chunk-AP3PVR3T.js";
-import "../../chunk-BVGR7OYA.js";
-import {
-  ChartContainer,
-  ChartLegend,
-  ChartLegendContent,
-  ChartTooltip,
-  ChartTooltipContent
-} from "../../chunk-M5T3COS2.js";
-import "../../chunk-XSKVBGCZ.js";
-import "../../chunk-AVU6KU27.js";
-import "../../chunk-4V532JF6.js";
 import {
   CHART_SEMANTIC_COLORS,
   ChartSpecError,
@@ -706,10 +695,21 @@ import {
   getRegisteredChartSpecTypes,
   registerChartSpecRenderer
 } from "../../chunk-WKUA6P3W.js";
+import "../../chunk-BVGR7OYA.js";
+import {
+  ChartContainer,
+  ChartLegend,
+  ChartLegendContent,
+  ChartTooltip,
+  ChartTooltipContent
+} from "../../chunk-M5T3COS2.js";
 import {
   chartValueFormatter,
   formatChartValue
 } from "../../chunk-QVWNK4JO.js";
+import "../../chunk-XSKVBGCZ.js";
+import "../../chunk-AVU6KU27.js";
+import "../../chunk-4V532JF6.js";
 import "../../chunk-6GP2DOOO.js";
 import {
   Heading

package/dist/_internal/components/layout/ContentToolbar/ContentToolbar.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   ContentToolbar
-} from "../../../../chunk-2WWKBD4D.js";
+} from "../../../../chunk-TSPHRZ4U.js";
 import "../../../../chunk-PZ5AY32C.js";
 export {
   ContentToolbar

package/dist/_internal/components/layout/index.js

@@ -83,7 +83,7 @@ import {
 } from "../../../chunk-LVCUJ7YU.js";
 import {
   ContentToolbar
-} from "../../../chunk-2WWKBD4D.js";
+} from "../../../chunk-TSPHRZ4U.js";
 import {
   ColumnsMenu
 } from "../../../chunk-JMVIIKII.js";

package/dist/charts.js

@@ -5,17 +5,6 @@ import {
 import {
   Chart
 } from "./chunk-AP3PVR3T.js";
-import "./chunk-BVGR7OYA.js";
-import {
-  ChartContainer,
-  ChartLegend,
-  ChartLegendContent,
-  ChartTooltip,
-  ChartTooltipContent
-} from "./chunk-M5T3COS2.js";
-import "./chunk-XSKVBGCZ.js";
-import "./chunk-AVU6KU27.js";
-import "./chunk-4V532JF6.js";
 import {
   CHART_SEMANTIC_COLORS,
   ChartSpecError,
@@ -27,10 +16,21 @@ import {
   getRegisteredChartSpecTypes,
   registerChartSpecRenderer
 } from "./chunk-WKUA6P3W.js";
+import "./chunk-BVGR7OYA.js";
+import {
+  ChartContainer,
+  ChartLegend,
+  ChartLegendContent,
+  ChartTooltip,
+  ChartTooltipContent
+} from "./chunk-M5T3COS2.js";
 import {
   chartValueFormatter,
   formatChartValue
 } from "./chunk-QVWNK4JO.js";
+import "./chunk-XSKVBGCZ.js";
+import "./chunk-AVU6KU27.js";
+import "./chunk-4V532JF6.js";
 import "./chunk-I6PZVHIT.js";
 import "./chunk-7CA6GVBO.js";
 import "./chunk-PZ5AY32C.js";

package/dist/{chunk-HNDUCGM3.js → chunk-62WEMJV3.js}

@@ -1,6 +1,6 @@
 import {
   GridShell
-} from "./chunk-Q4ITS2EP.js";
+} from "./chunk-LNIVT62P.js";
 import {
   useDataViewsState
 } from "./chunk-2UCJJACD.js";
@@ -27,4 +27,4 @@ function DataViewsGrid(props) {
 export {
   DataViewsGrid
 };
-//# sourceMappingURL=chunk-HNDUCGM3.js.map
+//# sourceMappingURL=chunk-62WEMJV3.js.map

package/dist/chunk-62WEMJV3.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 RangeFieldConfig,\n  type RowAction,\n} from \"./data-views-types\";\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   * 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  /** 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;AAgNzB;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-A4YWFX5C.js

@@ -0,0 +1,39 @@
+import {
+  default as default2
+} from "./chunk-6DPAWXZ3.js";
+import {
+  Text
+} from "./chunk-VRHBJXZ7.js";
+
+// src/components/data-display/DataViews/data-views-header-row.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function GridHeaderRow({
+  title,
+  headerActions,
+  testIdPrefix
+}) {
+  if (!title && !headerActions) return null;
+  return /* @__PURE__ */ jsxs(
+    default2,
+    {
+      "data-testid": `${testIdPrefix}-header`,
+      sx: {
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "space-between",
+        gap: 2,
+        flexWrap: "wrap",
+        pb: 1.5
+      },
+      children: [
+        title ? /* @__PURE__ */ jsx(Text, { variant: "heading", size: "lg", as: "h2", children: title }) : /* @__PURE__ */ jsx(default2, {}),
+        headerActions && /* @__PURE__ */ jsx(default2, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: headerActions })
+      ]
+    }
+  );
+}
+
+export {
+  GridHeaderRow
+};
+//# sourceMappingURL=chunk-A4YWFX5C.js.map

package/dist/chunk-A4YWFX5C.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/DataViews/data-views-header-row.tsx"],"sourcesContent":["\"use client\";\n\nimport { Text } from \"../../typography/Text\";\nimport { Box } from \"../../../mui/Box\";\n\n/* ── Header row ──────────────────────────────────────────────────────────── */\n\n/**\n * The grid's own header row: the page title on the left, the primary page\n * actions on the right.\n *\n * `title` and `headerActions` were DECLARED on `DataViewsGridProps` and\n * `DataViewsTableBaseProps` but never destructured or forwarded — dead props\n * whose types lied to every caller that set them. Wired here rather than\n * deleted: a table that carries its own title keeps the title, the scope tabs\n * and the toolbar as one block, instead of the page having to space them.\n *\n * Renders NOTHING when neither is supplied, so no existing table gains a row.\n */\nexport function GridHeaderRow({\n  title,\n  headerActions,\n  testIdPrefix,\n}: {\n  title?: string;\n  headerActions?: React.ReactNode;\n  testIdPrefix: string;\n}): React.JSX.Element | null {\n  if (!title && !headerActions) return null;\n  return (\n    <Box\n      data-testid={`${testIdPrefix}-header`}\n      sx={{\n        display: \"flex\",\n        alignItems: \"center\",\n        justifyContent: \"space-between\",\n        gap: 2,\n        flexWrap: \"wrap\",\n        pb: 1.5,\n      }}\n    >\n      {title ? (\n        <Text variant=\"heading\" size=\"lg\" as=\"h2\">\n          {title}\n        </Text>\n      ) : (\n        <Box />\n      )}\n      {headerActions && <Box sx={{ display: \"flex\", alignItems: \"center\", gap: 1 }}>{headerActions}</Box>}\n    </Box>\n  );\n}\n"],"mappings":";;;;;;;;AA8BI,SAYI,KAZJ;AAXG,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AACF,GAI6B;AAC3B,MAAI,CAAC,SAAS,CAAC,cAAe,QAAO;AACrC,SACE;AAAA,IAACA;AAAA,IAAA;AAAA,MACC,eAAa,GAAG,YAAY;AAAA,MAC5B,IAAI;AAAA,QACF,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,gBAAgB;AAAA,QAChB,KAAK;AAAA,QACL,UAAU;AAAA,QACV,IAAI;AAAA,MACN;AAAA,MAEC;AAAA,gBACC,oBAAC,QAAK,SAAQ,WAAU,MAAK,MAAK,IAAG,MAClC,iBACH,IAEA,oBAACA,UAAA,EAAI;AAAA,QAEN,iBAAiB,oBAACA,UAAA,EAAI,IAAI,EAAE,SAAS,QAAQ,YAAY,UAAU,KAAK,EAAE,GAAI,yBAAc;AAAA;AAAA;AAAA,EAC/F;AAEJ;","names":["default"]}

package/dist/{chunk-HRJ27X5B.js → chunk-BPCYXLWY.js}

@@ -1,3 +1,6 @@
+import {
+  CarouselTrack
+} from "./chunk-WIXUMFU7.js";
 import {
   useCarouselNavigation
 } from "./chunk-RUIV5TVA.js";
@@ -7,9 +10,6 @@ import {
 import {
   containerStyles
 } from "./chunk-Z56IO7OV.js";
-import {
-  CarouselTrack
-} from "./chunk-WIXUMFU7.js";
 import {
   withDefaults
 } from "./chunk-HPK33ACY.js";
@@ -152,4 +152,4 @@ var Carousel = (props) => {
 export {
   Carousel
 };
-//# sourceMappingURL=chunk-HRJ27X5B.js.map
+//# sourceMappingURL=chunk-BPCYXLWY.js.map

package/dist/{chunk-XEE7PLDR.js → chunk-DFLTUI7W.js}

@@ -1,18 +1,18 @@
 import {
   NumberBoundInput
 } from "./chunk-FV36LFPX.js";
-import {
-  RangePresets
-} from "./chunk-F4RR4666.js";
-import {
-  presetsFor
-} from "./chunk-CBOB5AV6.js";
 import {
   isRangeInverted,
   isRangeSet,
   numericRange,
   rangeChipLabel
 } from "./chunk-GCZJH4XL.js";
+import {
+  RangePresets
+} from "./chunk-F4RR4666.js";
+import {
+  presetsFor
+} from "./chunk-CBOB5AV6.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -279,4 +279,4 @@ export {
   RangePill,
   PanelRangeField
 };
-//# sourceMappingURL=chunk-XEE7PLDR.js.map
+//# sourceMappingURL=chunk-DFLTUI7W.js.map

package/dist/{chunk-AWTERXCW.js → chunk-GNAAHDCN.js}

@@ -1,6 +1,6 @@
 import {
   GridToolbar
-} from "./chunk-WXBBWSNU.js";
+} from "./chunk-ZNGUDGKW.js";
 
 // src/components/data-display/DataViews/data-views-shell-toolbar.tsx
 import { jsx } from "react/jsx-runtime";
@@ -10,6 +10,7 @@ function ShellToolbar({
   testIdPrefix,
   rowActions,
   bulkActions,
+  selectionExtra,
   toolbarRightSlot,
   showInline,
   compactControls,
@@ -42,6 +43,7 @@ function ShellToolbar({
       clearSelection: c.clearSelection,
       rowActions,
       bulkActions,
+      selectionExtra,
       sortFields: c.resolvedSortFields,
       activeSortField: c.activeSortField,
       activeSortOrder: c.activeSortOrder,
@@ -62,4 +64,4 @@ function ShellToolbar({
 export {
   ShellToolbar
 };
-//# sourceMappingURL=chunk-AWTERXCW.js.map
+//# sourceMappingURL=chunk-GNAAHDCN.js.map

package/dist/chunk-GNAAHDCN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/DataViews/data-views-shell-toolbar.tsx"],"sourcesContent":["\"use client\";\n\n/**\n * The toolbar band, fed from the controller — ~25 props of pure forwarding and\n * nothing else, which is why it lives in its own file rather than in the shell.\n */\nimport { type ColumnVisibilityOption } from \"../../layout/ContentToolbar\";\n\nimport type { DisplayPanelView } from \"./data-views-display-panel\";\nimport type { DataViewExport } from \"./data-views-export\";\nimport { GridToolbar } from \"./data-views-toolbar\";\nimport type { RowAction } from \"./data-views-types\";\nimport type { DataViewsController } from \"./use-data-views-state\";\n\n/**\n * The toolbar band, fed from the controller. Split out of `GridShell` for that\n * function's size budget — it is ~25 props of pure forwarding and nothing else.\n */\nexport function ShellToolbar<T extends Record<string, unknown>>({\n  c,\n  rows,\n  testIdPrefix,\n  rowActions,\n  bulkActions,\n  selectionExtra,\n  toolbarRightSlot,\n  showInline,\n  compactControls,\n  counterHidden,\n  sortKinds,\n  displayView,\n  exportConfig,\n  filterControls,\n  barRef,\n}: {\n  c: DataViewsController<T>;\n  rows: T[];\n  testIdPrefix: string;\n  sortKinds?: Record<string, string>;\n  displayView?: DisplayPanelView;\n  exportConfig?: DataViewExport;\n  rowActions?: RowAction<T>[];\n  bulkActions?: (selectedRows: T[], clearSelection: () => void) => React.ReactNode;\n  /** Already resolved by the shell, which is the party that knows the page. */\n  selectionExtra?: React.ReactNode;\n  toolbarRightSlot?: React.ReactNode;\n  /** Search + filters, rendered on the toolbar line (see `GridToolbar`). */\n  filterControls?: React.ReactNode;\n  barRef?: React.Ref<HTMLDivElement>;\n  showInline: boolean;\n  /** Step 2 of the ladder: Exibir/Exportar as icons only. */\n  compactControls?: boolean;\n  /** Step 5, last resort: drop the counter so the row still fits one line. */\n  counterHidden?: boolean;\n}): React.JSX.Element {\n  const columnOptions: ColumnVisibilityOption[] = c.hideableColumns.map((col) => ({\n    id: col.id,\n    label: col.label,\n    visible: c.state.visibleColumns.includes(col.id),\n  }));\n  return (\n    <GridToolbar\n      c={c}\n      sortKinds={sortKinds}\n      displayView={displayView}\n      exportConfig={exportConfig}\n      filterControls={filterControls}\n      barRef={barRef}\n      compactControls={compactControls}\n      counterHidden={counterHidden}\n      testIdPrefix={testIdPrefix}\n      selectedRows={c.selectedRows}\n      selectAll={c.selectAll}\n      clearSelection={c.clearSelection}\n      rowActions={rowActions}\n      bulkActions={bulkActions}\n      selectionExtra={selectionExtra}\n      sortFields={c.resolvedSortFields}\n      activeSortField={c.activeSortField}\n      activeSortOrder={c.activeSortOrder}\n      onChangeSort={(field, order) => c.patch({ sortBy: [{ id: field, dir: order }] })}\n      matchedCount={c.matched.length}\n      totalCount={c.serverMode ? c.serverTotalCount : rows.length}\n      toolbarRightSlot={toolbarRightSlot}\n      columnOptions={columnOptions}\n      onToggleColumn={c.toggleColumn}\n      filterOpen={c.filterOpen}\n      setFilterOpen={c.setFilterOpen}\n      activeFilterCount={c.activeFilterCount}\n      showFilterTrigger={!showInline}\n    />\n  );\n}\n\n/** Wires the controller into the shared toolbar + filter panel + grid/cards body. */\n"],"mappings":";;;;;AA6DI;AA3CG,SAAS,aAAgD;AAAA,EAC9D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAoBsB;AACpB,QAAM,gBAA0C,EAAE,gBAAgB,IAAI,CAAC,SAAS;AAAA,IAC9E,IAAI,IAAI;AAAA,IACR,OAAO,IAAI;AAAA,IACX,SAAS,EAAE,MAAM,eAAe,SAAS,IAAI,EAAE;AAAA,EACjD,EAAE;AACF,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,cAAc,EAAE;AAAA,MAChB,WAAW,EAAE;AAAA,MACb,gBAAgB,EAAE;AAAA,MAClB;AAAA,MACA;AAAA,MACA;AAAA,MACA,YAAY,EAAE;AAAA,MACd,iBAAiB,EAAE;AAAA,MACnB,iBAAiB,EAAE;AAAA,MACnB,cAAc,CAAC,OAAO,UAAU,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,IAAI,OAAO,KAAK,MAAM,CAAC,EAAE,CAAC;AAAA,MAC/E,cAAc,EAAE,QAAQ;AAAA,MACxB,YAAY,EAAE,aAAa,EAAE,mBAAmB,KAAK;AAAA,MACrD;AAAA,MACA;AAAA,MACA,gBAAgB,EAAE;AAAA,MAClB,YAAY,EAAE;AAAA,MACd,eAAe,EAAE;AAAA,MACjB,mBAAmB,EAAE;AAAA,MACrB,mBAAmB,CAAC;AAAA;AAAA,EACtB;AAEJ;","names":[]}

package/dist/{chunk-HGBZZDP6.js → chunk-J4DDXHLB.js}

@@ -1,10 +1,10 @@
-import {
-  ColumnsTab
-} from "./chunk-2PPWKCMW.js";
 import {
   DisplayTab,
   SortTab
 } from "./chunk-SCGVB7DS.js";
+import {
+  ColumnsTab
+} from "./chunk-2PPWKCMW.js";
 import {
   ViewActions,
   ViewFooter,
@@ -261,4 +261,4 @@ function DataViewsDisplayPanel({
 export {
   DataViewsDisplayPanel
 };
-//# sourceMappingURL=chunk-HGBZZDP6.js.map
+//# sourceMappingURL=chunk-J4DDXHLB.js.map

package/dist/chunk-KX75HM5U.js

@@ -0,0 +1,20 @@
+// src/components/data-display/DataViews/data-views-selection-extra.ts
+function resolveSelectionExtra({
+  c,
+  getRowId,
+  selectionExtra
+}) {
+  if (selectionExtra === void 0 || c.selectedRows.length === 0) return void 0;
+  const page = c.matched;
+  return selectionExtra({
+    selectedRows: c.selectedRows,
+    clearSelection: c.clearSelection,
+    allOnPageSelected: page.length > 0 && page.every((row) => c.selectedIds.has(getRowId(row))),
+    pageRowCount: page.length
+  });
+}
+
+export {
+  resolveSelectionExtra
+};
+//# sourceMappingURL=chunk-KX75HM5U.js.map

package/dist/chunk-KX75HM5U.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/DataViews/data-views-selection-extra.ts"],"sourcesContent":["/**\n * The selection-WIDENING slot: what a paginated grid needs so an operator can\n * act on \"everything matching the filter\" rather than on the page in front of\n * them.\n *\n * It is a slot of its own rather than a share of the bulk-actions menu because\n * the two answer different questions — `actions` is what HAPPENS to the\n * selection, this is what the selection IS. Folding a widening into the actions\n * menu files \"change what I picked\" under \"do this to what I picked\", where\n * every entry is expected to write something.\n */\nimport type { DataViewsController } from \"./use-data-views-state\";\n\n/**\n * What a widening control gets to decide with.\n *\n * `allOnPageSelected` is the one thing a host cannot compute for itself, and\n * the whole reason this is a context rather than a bare node: the grid owns\n * which rows the page is currently rendering — server mode pages at the\n * backend, so the host's `rows` prop and the page can differ mid-fetch — and\n * \"every row here is ticked\" is the trigger a select-all-matching control\n * hangs on. Deriving it host-side would be a second, slightly different answer\n * to the question the grid already answers to draw its own header checkbox.\n */\nexport interface SelectionExtraContext<T extends Record<string, unknown>> {\n  /** The selected rows, off-page ones included. */\n  selectedRows: T[];\n  /** Drop the whole selection. */\n  clearSelection: () => void;\n  /** Every row the page is rendering is selected — and the page is not empty. */\n  allOnPageSelected: boolean;\n  /** How many rows the page is rendering. */\n  pageRowCount: number;\n}\n\n/** The host's widening control, called only while something is selected. */\nexport type SelectionExtraRender<T extends Record<string, unknown>> = (\n  context: SelectionExtraContext<T>,\n) => React.ReactNode;\n\n/**\n * Resolve the host's control against the page on screen.\n *\n * Measured against `c.matched` — which in server mode IS the page — rather than\n * the `rows` prop, so the answer cannot lag a page change.\n *\n * Returns `undefined` with nothing selected, so the toolbar renders no empty\n * slot: a widening with nothing to widen is not a control.\n */\nexport function resolveSelectionExtra<T extends Record<string, unknown>>({\n  c,\n  getRowId,\n  selectionExtra,\n}: {\n  c: DataViewsController<T>;\n  getRowId: (row: T) => string | number;\n  selectionExtra?: SelectionExtraRender<T>;\n}): React.ReactNode {\n  if (selectionExtra === undefined || c.selectedRows.length === 0) return undefined;\n  const page = c.matched;\n  return selectionExtra({\n    selectedRows: c.selectedRows,\n    clearSelection: c.clearSelection,\n    allOnPageSelected: page.length > 0 && page.every((row) => c.selectedIds.has(getRowId(row))),\n    pageRowCount: page.length,\n  });\n}\n"],"mappings":";AAiDO,SAAS,sBAAyD;AAAA,EACvE;AAAA,EACA;AAAA,EACA;AACF,GAIoB;AAClB,MAAI,mBAAmB,UAAa,EAAE,aAAa,WAAW,EAAG,QAAO;AACxE,QAAM,OAAO,EAAE;AACf,SAAO,eAAe;AAAA,IACpB,cAAc,EAAE;AAAA,IAChB,gBAAgB,EAAE;AAAA,IAClB,mBAAmB,KAAK,SAAS,KAAK,KAAK,MAAM,CAAC,QAAQ,EAAE,YAAY,IAAI,SAAS,GAAG,CAAC,CAAC;AAAA,IAC1F,cAAc,KAAK;AAAA,EACrB,CAAC;AACH;","names":[]}

package/dist/{chunk-Q4ITS2EP.js → chunk-LNIVT62P.js}

@@ -1,16 +1,19 @@
+import {
+  GridMain
+} from "./chunk-M6365FGG.js";
 import {
   FilterDialog,
   GridFilterPanel
-} from "./chunk-4VNUOSTQ.js";
+} from "./chunk-PHA3NFZM.js";
 import {
   DataViewsEmpty
 } from "./chunk-S7CAXRRP.js";
 import {
   InlineFilterControls
-} from "./chunk-RUO4D4N6.js";
+} from "./chunk-LPNF4YJ7.js";
 import {
-  GridMain
-} from "./chunk-QQE2PVLO.js";
+  GridHeaderRow
+} from "./chunk-A4YWFX5C.js";
 import {
   DataViewsPagination
 } from "./chunk-VR5HDUBK.js";
@@ -20,7 +23,10 @@ import {
 } from "./chunk-TQ6FPOPD.js";
 import {
   ShellToolbar
-} from "./chunk-AWTERXCW.js";
+} from "./chunk-GNAAHDCN.js";
+import {
+  resolveSelectionExtra
+} from "./chunk-KX75HM5U.js";
 import {
   ScopeTabsSlot
 } from "./chunk-OGGHD64H.js";
@@ -39,42 +45,11 @@ import {
 } from "./chunk-J3JGO6Y6.js";
 import {
   default as default2
-} from "./chunk-6DPAWXZ3.js";
-import {
-  default as default3
 } from "./chunk-WEBEOBN5.js";
-import {
-  Text
-} from "./chunk-VRHBJXZ7.js";
 
 // src/components/data-display/DataViews/data-views-grid-parts.tsx
 import { useEffect, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-function GridHeaderRow({
-  title,
-  headerActions,
-  testIdPrefix
-}) {
-  if (!title && !headerActions) return null;
-  return /* @__PURE__ */ jsxs(
-    default2,
-    {
-      "data-testid": `${testIdPrefix}-header`,
-      sx: {
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "space-between",
-        gap: 2,
-        flexWrap: "wrap",
-        pb: 1.5
-      },
-      children: [
-        title ? /* @__PURE__ */ jsx(Text, { variant: "heading", size: "lg", as: "h2", children: title }) : /* @__PURE__ */ jsx(default2, {}),
-        headerActions && /* @__PURE__ */ jsx(default2, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: headerActions })
-      ]
-    }
-  );
-}
 function LayoutStateSync({
   c
 }) {
@@ -152,7 +127,7 @@ function ShellStack({
       open: c.filterOpen,
       onOpenChange: c.setFilterOpen,
       hasActiveFilters: c.activeFilterCount > 0,
-      children: /* @__PURE__ */ jsxs(default3, { spacing: 0, "data-testid": dataTestId ? `${dataTestId}-container` : void 0, children: [
+      children: /* @__PURE__ */ jsxs(default2, { spacing: 0, "data-testid": dataTestId ? `${dataTestId}-container` : void 0, children: [
         /* @__PURE__ */ jsx(GridHeaderRow, { title: props.title, headerActions: props.headerActions, testIdPrefix }),
         /* @__PURE__ */ jsx(
           ShellToolbar,
@@ -175,6 +150,7 @@ function ShellStack({
             testIdPrefix,
             rowActions: props.rowActions,
             bulkActions: props.bulkActions,
+            selectionExtra: resolveSelectionExtra(props),
             toolbarRightSlot: props.toolbarRightSlot,
             compactControls: showInline && split.compactControls,
             counterHidden: showInline && split.counterHidden,
@@ -261,4 +237,4 @@ function GridShell(props) {
 export {
   GridShell
 };
-//# sourceMappingURL=chunk-Q4ITS2EP.js.map
+//# sourceMappingURL=chunk-LNIVT62P.js.map

package/dist/chunk-LNIVT62P.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/DataViews/data-views-grid-parts.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useState } from \"react\";\n\nimport { TableFilter } from \"../../layout/TableFilter\";\nimport { Stack } from \"../../../mui/Stack\";\n\nimport {\n  DataViewsLayoutProvider,\n  useDataViewsLayout,\n  type DataViewsLayout,\n} from \"./data-views-layout-context\";\nimport { FilterDialog, GridFilterPanel } from \"./data-views-filter-panel\";\nimport { GridMain } from \"./data-views-grid-bodies\";\nimport type { ListGroupConfig } from \"./list-card-rails\";\nimport { InlineFilterControls } from \"./data-views-inline-bar\";\nimport { toOverflowFields, useFilterOverflow, type OverflowSplit } from \"./data-views-overflow\";\nimport { GridHeaderRow } from \"./data-views-header-row\";\nimport { resolveSelectionExtra, type SelectionExtraRender } from \"./data-views-selection-extra\";\nimport { ShellToolbar } from \"./data-views-shell-toolbar\";\nimport type { DisplayPanelView } from \"./data-views-display-panel\";\nimport type { DataViewExport } from \"./data-views-export\";\nimport { useDataViewsCopy } from \"./data-views-copy-context\";\nimport { DataViewsEmpty } from \"./data-views-empty\";\nimport { DataViewsPagination } from \"./data-views-pagination\";\nimport type { BoardConfig } from \"./DataViewsBoard\";\nimport { type ScopeConfig } from \"./data-views-scopes\";\nimport { ScopeTabsSlot } from \"./data-views-scope-tabs\";\nimport { togglePillValues } from \"./data-views-grid-helpers\";\nimport type {\n  DataViewCardSelection,\n  FilterFieldConfig,\n  RangeFieldConfig,\n  RangeValue,\n  RowAction,\n} from \"./data-views-types\";\nimport type { DataViewsController } from \"./use-data-views-state\";\n\n/* ── Layout ⇄ view-state mirror ──────────────────────────────────────────── */\n\n/**\n * Mirrors the LIVE layout back into the view state, so saving a view captures\n * the layout the user is actually looking at.\n *\n * A component rather than a callback prop because only something INSIDE the\n * provider can read the layout, and only the controller can write the state.\n * The `stored !== layout` guard is what makes it idempotent: `c` is rebuilt on\n * every render, so an unguarded effect here would patch → re-render → patch.\n *\n * It re-fires when `stored` changes too, which is the case that matters after\n * applying a saved view: `appliedState` REPLACES the state, so a view saved\n * before layouts were captured clears `state.layout`, and the mirror puts the\n * current one back rather than leaving the next save with nothing to store.\n */\nfunction LayoutStateSync<T extends Record<string, unknown>>({\n  c,\n}: {\n  c: DataViewsController<T>;\n}): null {\n  const { layout } = useDataViewsLayout();\n  const stored = c.state.layout;\n  useEffect(() => {\n    if (stored !== layout) c.patch({ layout });\n    // `c` is intentionally out of the deps — see the guard above.\n  }, [layout, stored]);\n  return null;\n}\n\n/* ── Shell (composes toolbar + body + panel) ─────────────────────────────── */\n\n/** The shared filter-surface props consumed by the inline bar, panel, and modal. */\ninterface FilterSurfaceProps<T extends Record<string, unknown>> {\n  testIdPrefix: string;\n  search: string;\n  fields: FilterFieldConfig<T>[];\n  rangeFields: RangeFieldConfig<T>[];\n  pills: Record<string, string[]>;\n  ranges: Record<string, RangeValue>;\n  onSearchChange: (value: string) => void;\n  onTogglePill: (fieldId: string, value: string, checked: boolean) => void;\n  onChangeRange: (fieldId: string, range: RangeValue) => void;\n  onClearField: (fieldId: string) => void;\n  onClearAll: () => void;\n}\n\n/**\n * Derives the responsive filter state (which surface to show at this width) and\n * the filter-mutation handlers from the controller — pulled out of `GridShell`\n * so the component body stays under the size/complexity budget.\n */\n/** Grouped rather than positional: the list had grown past readability. */\ninterface GridShellFiltersArgs<T extends Record<string, unknown>> {\n  c: DataViewsController<T>;\n  inlineFilters: boolean;\n  fields: FilterFieldConfig<T>[];\n  rangeFields: RangeFieldConfig<T>[];\n  testIdPrefix: string;\n  alwaysShowSearch: boolean;\n  /** Is \"Exportar\" on the bar? Half the right cluster's cost when it is not. */\n  hasExport: boolean;\n}\n\nfunction useGridShellFilters<T extends Record<string, unknown>>({\n  c,\n  inlineFilters,\n  fields,\n  rangeFields,\n  testIdPrefix,\n  alwaysShowSearch,\n  hasExport,\n}: GridShellFiltersArgs<T>): {\n  showInline: boolean;\n  useModal: boolean;\n  inlineVisible: boolean;\n  filterProps: FilterSurfaceProps<T>;\n  split: OverflowSplit<T>;\n  onControlOpenChange: (open: boolean) => void;\n} {\n  const { state } = c;\n  // How many filter controls are open. A COUNT, not a flag: closing one popover\n  // by opening another overlaps, and a boolean would unfreeze mid-handover.\n  const [openControls, setOpenControls] = useState(0);\n  // ONE measurement for the whole shell: the filter row decides which controls\n  // it can keep, and the TOOLBAR needs the same answer to drop its labels.\n  // Measuring twice would let the two disagree at the crossover width.\n  const split = useFilterOverflow(\n    toOverflowFields(fields, rangeFields),\n    state.pills,\n    c.ranges,\n    openControls > 0,\n    hasExport,\n  );\n  // THE BAR RENDERS AT EVERY WIDTH. It used to be swapped for a full-screen\n  // filter MODAL below `lg`, which was the responsive strategy before the\n  // measured ladder existed — and the two now do the same job, badly together:\n  // the modal took the bar away at 1199px, and with it the very degradation\n  // (labels off, search collapsed, filters into \"Mais\") that exists to make a\n  // narrow bar work. So a 900px window got no bar and no ladder, and the\n  // operator lost the search entirely rather than gaining a compact one.\n  //\n  // The ladder is measured, so it already covers every width the modal did.\n  const showInline = inlineFilters;\n  const useModal = false;\n  const inlineVisible =\n    showInline &&\n    (alwaysShowSearch || fields.length > 0 || rangeFields.length > 0 || state.search !== \"\");\n  const filterProps: FilterSurfaceProps<T> = {\n    testIdPrefix,\n    search: state.search,\n    fields,\n    rangeFields,\n    pills: state.pills,\n    ranges: c.ranges,\n    onSearchChange: (value) => c.patch({ search: value }),\n    // Updater, never the render's `state` — see {@link DataViewStatePatch}.\n    onTogglePill: (fieldId, value, checked) =>\n      c.patch(({ pills }) => ({ pills: { ...pills, [fieldId]: togglePillValues(pills[fieldId], value, checked) } })),\n    onChangeRange: (fieldId, range) => c.patch({ ranges: { ...c.ranges, [fieldId]: range } }),\n    onClearField: (fieldId) => c.patch({ pills: { ...state.pills, [fieldId]: [] } }),\n    onClearAll: () => c.patch({ search: \"\", pills: {}, ranges: {} }),\n  };\n  return {\n    showInline,\n    useModal,\n    inlineVisible,\n    filterProps,\n    split,\n    onControlOpenChange: (open) =>\n      setOpenControls((count) => Math.max(0, count + (open ? 1 : -1))),\n  };\n}\n\ninterface GridShellProps<T extends Record<string, unknown>> {\n  c: DataViewsController<T>;\n  rows: T[];\n  fields: FilterFieldConfig<T>[];\n  rangeFields: RangeFieldConfig<T>[];\n  getRowId: (row: T) => string | number;\n  testIdPrefix: string;\n  dataTestId?: string;\n  emptyState?: React.ReactNode;\n  toolbarRightSlot?: React.ReactNode;\n  rowActions?: RowAction<T>[];\n  bulkActions?: (selectedRows: T[], clearSelection: () => void) => React.ReactNode;\n  /** A widening control beside the selection count — see `resolveSelectionExtra`. */\n  selectionExtra?: SelectionExtraRender<T>;\n  /** Opt-in \"Grade\" (cards) layout: renders each row as an entity-supplied card.\n   *  Omit ⇒ table only (no layout toggle). */\n  renderCard?: (row: T, selection: DataViewCardSelection) => React.ReactNode;\n  /**\n   * Opt-in \"Quadro\" (board) layout. Needs `renderCard` too — the board reuses\n   * the entity's card, so a board config without one simply offers no board\n   * rather than failing: that is a config gap, not a runtime error.\n   */\n  board?: BoardConfig<T>;\n  /** Opt-in \"Lista\" layout: one full-width, entity-rendered row per record. */\n  renderListRow?: (row: T, selection: DataViewCardSelection) => React.ReactNode;\n  /** The Lista's shared columns, so its rows line up by construction. */\n  listGroup?: ListGroupConfig<T>;\n  /** The page-level partition rendered as tabs under the toolbar. */\n  scopes?: ScopeConfig[];\n  /**\n   * The row field the scopes partition by. Compared against the board's\n   * `groupBy` so the two are not shown as the same partition twice.\n   */\n  scopeFieldId?: string;\n  /** Per-sort-field value kind, so directions read in the column's own terms. */\n  sortKinds?: Record<string, string>;\n  /** The saved-view chrome bracketing the Exibir panel. */\n  displayView?: DisplayPanelView;\n  /** Injected export — the host re-queries; the grid never fetches. */\n  exportConfig?: DataViewExport;\n  /** Page title in the grid's own header row, above the scopes + toolbar. */\n  title?: string;\n  /** Primary page actions rendered at the header row's right. */\n  headerActions?: React.ReactNode;\n  /** Which layout to show first when the user has expressed no preference (default \"table\"). */\n  defaultLayout?: DataViewsLayout;\n  /** Pin to `defaultLayout`, ignoring the remembered preference (stories/docs). */\n  ignoreStoredLayout?: boolean;\n  /**\n   * Opt into the responsive inline filter UX: a collapsible filter row below the\n   * toolbar on wide screens and a modal on narrow ones. When false (default),\n   * keep the classic slide-in filter panel opened by the \"Filtros\" button.\n   */\n  inlineFilters?: boolean;\n  /**\n   * Keep the inline search box on screen even with no filter fields and no\n   * active search. Without it a grid whose only filter IS the search (`fields`\n   * empty) can never OFFER one: the row renders only once a search exists, so\n   * the operator would have to hand-edit the URL to start one. Default false —\n   * every grid that ships filter fields already shows the row.\n   */\n  alwaysShowSearch?: boolean;\n}\n\n/** The scrollable content region: scope tabs, toolbar, filter bar, body, pager. */\nfunction ShellStack<T extends Record<string, unknown>>({\n  props,\n  filters,\n}: {\n  props: GridShellProps<T>;\n  filters: ReturnType<typeof useGridShellFilters<T>>;\n}): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  const { c, testIdPrefix, dataTestId, scopes = [], emptyState, inlineFilters = false } = props;\n  const { showInline, useModal, inlineVisible, filterProps, split, onControlOpenChange } = filters;\n  // The grid renders the FILTERED empty state itself — it is the only party\n  // that knows a filter is applied. See {@link DataViewsEmpty}.\n  const body = (\n    <DataViewsEmpty\n      filtered={c.activeFilterCount > 0 || c.state.search !== \"\"}\n      onClearFilters={() => c.patch({ search: \"\", pills: {}, ranges: {} })}\n      emptyState={emptyState}\n      testIdPrefix={testIdPrefix}\n    />\n  );\n  return (\n    <TableFilter\n      copy={copy.tableFilter} open={c.filterOpen} onOpenChange={c.setFilterOpen}\n      hasActiveFilters={c.activeFilterCount > 0}\n    >\n      <Stack spacing={0} data-testid={dataTestId ? `${dataTestId}-container` : undefined}>\n        <GridHeaderRow title={props.title} headerActions={props.headerActions} testIdPrefix={testIdPrefix} />\n        <ShellToolbar\n          c={c}\n          rows={props.rows}\n          sortKinds={props.sortKinds}\n          displayView={props.displayView}\n          exportConfig={props.exportConfig}\n          filterControls={\n            inlineVisible ? (\n              <InlineFilterControls\n                {...filterProps} split={split} activeFilterCount={c.activeFilterCount}\n                onControlOpenChange={onControlOpenChange}\n              />\n            ) : undefined\n          }\n          barRef={split.barRef}\n          testIdPrefix={testIdPrefix}\n          rowActions={props.rowActions}\n          bulkActions={props.bulkActions}\n          selectionExtra={resolveSelectionExtra(props)}\n          toolbarRightSlot={props.toolbarRightSlot}\n          compactControls={showInline && split.compactControls}\n          counterHidden={showInline && split.counterHidden}\n          showInline={showInline}\n        />\n        <ScopeTabsSlot\n          scopes={scopes} scopeFieldId={props.scopeFieldId} board={props.board}\n          value={c.scope} onChange={c.setScope} counts={c.scopeCounts}\n          testIdPrefix={testIdPrefix}\n        />\n        <TableFilter.Layout>\n          <TableFilter.Main>\n            <GridMain\n              c={c}\n              getRowId={props.getRowId}\n              renderCard={props.renderCard}\n              renderListRow={props.renderListRow}\n              listGroup={props.listGroup}\n              board={props.board}\n              dataTestId={dataTestId}\n              testIdPrefix={testIdPrefix}\n              emptyState={body}\n            />\n            <DataViewsPagination c={c} testIdPrefix={testIdPrefix} />\n          </TableFilter.Main>\n          {inlineFilters ? null : <GridFilterPanel {...filterProps} />}\n        </TableFilter.Layout>\n        {useModal && <FilterDialog open={c.filterOpen} onClose={() => c.setFilterOpen(false)} {...filterProps} />}\n      </Stack>\n    </TableFilter>\n  );\n}\n\nexport function GridShell<T extends Record<string, unknown>>(props: GridShellProps<T>): React.JSX.Element {\n  const {\n    c,\n    fields,\n    rangeFields,\n    testIdPrefix,\n    renderCard,\n    renderListRow,\n    board,\n    defaultLayout,\n    ignoreStoredLayout,\n    inlineFilters = false,\n    alwaysShowSearch = false,\n  } = props;\n  const filters = useGridShellFilters({\n    c,\n    inlineFilters,\n    fields,\n    rangeFields,\n    testIdPrefix,\n    alwaysShowSearch,\n    hasExport: props.exportConfig !== undefined,\n  });\n  return (\n    <DataViewsLayoutProvider\n      canUseCards={Boolean(renderCard)}\n      canUseList={Boolean(renderListRow)}\n      // The board reuses the entity's card, so it needs BOTH — a `board` with no\n      // `renderCard` offers no board rather than throwing.\n      canUseBoard={Boolean(board && renderCard)}\n      defaultLayout={defaultLayout}\n      ignoreStoredLayout={ignoreStoredLayout}\n      viewLayout={c.state.layout}\n    >\n    <LayoutStateSync c={c} />\n    <ShellStack props={props} filters={filters} />\n    </DataViewsLayoutProvider>\n  );\n}\n"],"mappings":"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","names":["default"]}

package/dist/{chunk-RUO4D4N6.js → chunk-LPNF4YJ7.js}

@@ -7,10 +7,10 @@ import {
 } from "./chunk-ECIGNYSI.js";
 import {
   MoreFilters
-} from "./chunk-N6JGYVRY.js";
+} from "./chunk-UENDC45F.js";
 import {
   RangePill
-} from "./chunk-XEE7PLDR.js";
+} from "./chunk-DFLTUI7W.js";
 import {
   CollapsedSearch,
   InlineKeyword
@@ -220,4 +220,4 @@ function FilterSlots({
 export {
   InlineFilterControls
 };
-//# sourceMappingURL=chunk-RUO4D4N6.js.map
+//# sourceMappingURL=chunk-LPNF4YJ7.js.map

package/dist/{chunk-QQE2PVLO.js → chunk-M6365FGG.js}

@@ -22,7 +22,7 @@ import {
 } from "./chunk-KHG57NAE.js";
 import {
   DataGrid
-} from "./chunk-X5MPHXG5.js";
+} from "./chunk-RPWEXIAW.js";
 import {
   default as default2
 } from "./chunk-6DPAWXZ3.js";
@@ -264,4 +264,4 @@ function GridMain(props) {
 export {
   GridMain
 };
-//# sourceMappingURL=chunk-QQE2PVLO.js.map
+//# sourceMappingURL=chunk-M6365FGG.js.map

package/dist/{chunk-RDYBS45D.js → chunk-O6MZPB64.js}

@@ -8,7 +8,7 @@ import {
   metaShape,
   rowStyles,
   useRowShell
-} from "./chunk-4KSOSI3U.js";
+} from "./chunk-O6V7KKW7.js";
 import {
   ListCardActions,
   ListCardCaption,
@@ -179,4 +179,4 @@ function BaseListCard(props) {
 export {
   BaseListCard
 };
-//# sourceMappingURL=chunk-RDYBS45D.js.map
+//# sourceMappingURL=chunk-O6MZPB64.js.map