@12-apps/ui 6.13.0 → 6.13.2

package/dist/_internal/components/data-display/DataViews/data-views-shell-toolbar.js

@@ -1,17 +1,17 @@
 "use client";
 import {
   ShellToolbar
-} from "../../../../chunk-FZHKKLOO.js";
-import "../../../../chunk-WKRSVGT6.js";
+} from "../../../../chunk-AWTERXCW.js";
+import "../../../../chunk-WXBBWSNU.js";
 import "../../../../chunk-NQCYVYP3.js";
-import "../../../../chunk-P55UFXYW.js";
+import "../../../../chunk-HGBZZDP6.js";
 import "../../../../chunk-2PPWKCMW.js";
-import "../../../../chunk-YRFKPRV2.js";
+import "../../../../chunk-SCGVB7DS.js";
 import "../../../../chunk-SNR537TI.js";
-import "../../../../chunk-ZIPCGZA3.js";
+import "../../../../chunk-ZPIMPOHV.js";
 import "../../../../chunk-QTPKACVO.js";
 import "../../../../chunk-5VZPVDUF.js";
-import "../../../../chunk-QEPGWTJT.js";
+import "../../../../chunk-LHHAYZ55.js";
 import "../../../../chunk-KHG57NAE.js";
 import "../../../../chunk-WVML3ENZ.js";
 import "../../../../chunk-IDHZHOZW.js";

package/dist/_internal/components/data-display/DataViews/data-views-table-parts.js

@@ -3,9 +3,9 @@ import {
   ViewDialogs,
   ViewMutationErrorAlert,
   ViewsMenuSlot
-} from "../../../../chunk-XPS7FWZS.js";
-import "../../../../chunk-U7SO3N42.js";
+} from "../../../../chunk-4ZEU22L2.js";
 import "../../../../chunk-UHXNEXOC.js";
+import "../../../../chunk-U7SO3N42.js";
 import "../../../../chunk-5M4TYFR3.js";
 import "../../../../chunk-T4SM36XC.js";
 import "../../../../chunk-KHG57NAE.js";

package/dist/_internal/components/data-display/DataViews/data-views-toolbar.js

@@ -1,16 +1,16 @@
 "use client";
 import {
   GridToolbar
-} from "../../../../chunk-WKRSVGT6.js";
+} from "../../../../chunk-WXBBWSNU.js";
 import "../../../../chunk-NQCYVYP3.js";
-import "../../../../chunk-P55UFXYW.js";
+import "../../../../chunk-HGBZZDP6.js";
 import "../../../../chunk-2PPWKCMW.js";
-import "../../../../chunk-YRFKPRV2.js";
+import "../../../../chunk-SCGVB7DS.js";
 import "../../../../chunk-SNR537TI.js";
-import "../../../../chunk-ZIPCGZA3.js";
+import "../../../../chunk-ZPIMPOHV.js";
 import "../../../../chunk-QTPKACVO.js";
 import "../../../../chunk-5VZPVDUF.js";
-import "../../../../chunk-QEPGWTJT.js";
+import "../../../../chunk-LHHAYZ55.js";
 import "../../../../chunk-KHG57NAE.js";
 import "../../../../chunk-WVML3ENZ.js";
 import "../../../../chunk-IDHZHOZW.js";

package/dist/_internal/components/data-display/DataViews/data-views-types.js

@@ -4,7 +4,7 @@ import {
   coerceViewState,
   emptyViewState,
   toSavedViewSummary
-} from "../../../../chunk-QEPGWTJT.js";
+} from "../../../../chunk-LHHAYZ55.js";
 import "../../../../chunk-PZ5AY32C.js";
 export {
   CARD_ASPECT_RATIOS,

package/dist/_internal/components/data-display/DataViews/data-views-writers.js

@@ -0,0 +1,9 @@
+"use client";
+import {
+  useStateWriters
+} from "../../../../chunk-U5FOJBLG.js";
+import "../../../../chunk-PZ5AY32C.js";
+export {
+  useStateWriters
+};
+//# sourceMappingURL=data-views-writers.js.map

package/dist/_internal/components/data-display/DataViews/data-views-writers.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/_internal/components/data-display/DataViews/list-card-rails.js

@@ -12,10 +12,10 @@ import {
   railsTemplate,
   railsTemplateFor,
   useListRails
-} from "../../../../chunk-YQJMVUBG.js";
+} from "../../../../chunk-CZPU5TW3.js";
 import "../../../../chunk-6VP2L3DJ.js";
-import "../../../../chunk-ZIPCGZA3.js";
-import "../../../../chunk-QEPGWTJT.js";
+import "../../../../chunk-ZPIMPOHV.js";
+import "../../../../chunk-LHHAYZ55.js";
 import "../../../../chunk-KHG57NAE.js";
 import "../../../../chunk-PGM5RRQO.js";
 import "../../../../chunk-FA3TYWX2.js";

package/dist/_internal/components/data-display/DataViews/use-data-views-state.js

@@ -1,14 +1,15 @@
 "use client";
 import {
   useDataViewsState
-} from "../../../../chunk-TOUSE63W.js";
+} from "../../../../chunk-2UCJJACD.js";
 import "../../../../chunk-4QQVIGRG.js";
 import "../../../../chunk-YGQX7BNI.js";
 import "../../../../chunk-IMLIIW77.js";
-import "../../../../chunk-WTOTWP6A.js";
+import "../../../../chunk-LLZWB32X.js";
 import "../../../../chunk-LYKV3C7B.js";
+import "../../../../chunk-U5FOJBLG.js";
 import "../../../../chunk-5VZPVDUF.js";
-import "../../../../chunk-QEPGWTJT.js";
+import "../../../../chunk-LHHAYZ55.js";
 import "../../../../chunk-KHG57NAE.js";
 import "../../../../chunk-WVML3ENZ.js";
 import "../../../../chunk-IDHZHOZW.js";

package/dist/_internal/components/data-display/DataViews/use-saved-views-controller.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   useSavedViewsController
-} from "../../../../chunk-WIEXYVMU.js";
+} from "../../../../chunk-HR7YTBR7.js";
 import "../../../../chunk-DZEC6RFM.js";
-import "../../../../chunk-QEPGWTJT.js";
+import "../../../../chunk-LHHAYZ55.js";
 import "../../../../chunk-KHG57NAE.js";
 import "../../../../chunk-PZ5AY32C.js";
 export {

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

@@ -121,8 +121,8 @@ import {
 import "../../../chunk-DLJGBJZW.js";
 import "../../../chunk-KZLLTOB2.js";
 import "../../../chunk-E5LWJDI3.js";
-import "../../../chunk-5E3XZAED.js";
 import "../../../chunk-G3E66C6J.js";
+import "../../../chunk-5E3XZAED.js";
 import "../../../chunk-SNCSGLJ6.js";
 import {
   DescriptionItem
@@ -175,7 +175,8 @@ import "../../../chunk-2YEZONLX.js";
 import "../../../chunk-62FET2BM.js";
 import {
   Carousel
-} from "../../../chunk-NPEKJXVV.js";
+} from "../../../chunk-HRJ27X5B.js";
+import "../../../chunk-RUIV5TVA.js";
 import "../../../chunk-5QXSPLWU.js";
 import "../../../chunk-Z56IO7OV.js";
 import "../../../chunk-WIXUMFU7.js";
@@ -184,18 +185,14 @@ import {
   CarouselIndicators,
   CarouselThumbnails
 } from "../../../chunk-2XGM5PDA.js";
-import "../../../chunk-RUIV5TVA.js";
 import "../../../chunk-5KLSLD72.js";
 import {
   SpecChart
-} from "../../../chunk-JPDKRGYI.js";
+} from "../../../chunk-PDGAFQ6Z.js";
 import {
   Chart
-} from "../../../chunk-CXA6UNFF.js";
-import "../../../chunk-XULTDO56.js";
-import "../../../chunk-XSKVBGCZ.js";
-import "../../../chunk-AVU6KU27.js";
-import "../../../chunk-4V532JF6.js";
+} from "../../../chunk-AP3PVR3T.js";
+import "../../../chunk-BVGR7OYA.js";
 import {
   ChartContainer,
   ChartLegend,
@@ -203,21 +200,24 @@ import {
   ChartTooltip,
   ChartTooltipContent
 } from "../../../chunk-M5T3COS2.js";
+import "../../../chunk-XSKVBGCZ.js";
+import "../../../chunk-AVU6KU27.js";
+import "../../../chunk-4V532JF6.js";
 import {
   CHART_SEMANTIC_COLORS,
   ChartSpecError,
   parseChartSpec,
   specToChartProps
-} from "../../../chunk-GOWBYHYW.js";
-import {
-  chartValueFormatter,
-  formatChartValue
-} from "../../../chunk-QVWNK4JO.js";
+} from "../../../chunk-R6SBP5M5.js";
 import {
   getChartSpecRenderer,
   getRegisteredChartSpecTypes,
   registerChartSpecRenderer
 } from "../../../chunk-WKUA6P3W.js";
+import {
+  chartValueFormatter,
+  formatChartValue
+} from "../../../chunk-QVWNK4JO.js";
 import {
   Avatar,
   AvatarGroup

package/dist/_internal/components/index.js

@@ -611,8 +611,8 @@ import {
 import "../../chunk-DLJGBJZW.js";
 import "../../chunk-KZLLTOB2.js";
 import "../../chunk-E5LWJDI3.js";
-import "../../chunk-5E3XZAED.js";
 import "../../chunk-G3E66C6J.js";
+import "../../chunk-5E3XZAED.js";
 import "../../chunk-SNCSGLJ6.js";
 import {
   DescriptionItem
@@ -667,7 +667,8 @@ import "../../chunk-2YEZONLX.js";
 import "../../chunk-62FET2BM.js";
 import {
   Carousel
-} from "../../chunk-NPEKJXVV.js";
+} from "../../chunk-HRJ27X5B.js";
+import "../../chunk-RUIV5TVA.js";
 import "../../chunk-5QXSPLWU.js";
 import "../../chunk-Z56IO7OV.js";
 import "../../chunk-WIXUMFU7.js";
@@ -676,18 +677,14 @@ import {
   CarouselIndicators,
   CarouselThumbnails
 } from "../../chunk-2XGM5PDA.js";
-import "../../chunk-RUIV5TVA.js";
 import "../../chunk-5KLSLD72.js";
 import {
   SpecChart
-} from "../../chunk-JPDKRGYI.js";
+} from "../../chunk-PDGAFQ6Z.js";
 import {
   Chart
-} from "../../chunk-CXA6UNFF.js";
-import "../../chunk-XULTDO56.js";
-import "../../chunk-XSKVBGCZ.js";
-import "../../chunk-AVU6KU27.js";
-import "../../chunk-4V532JF6.js";
+} from "../../chunk-AP3PVR3T.js";
+import "../../chunk-BVGR7OYA.js";
 import {
   ChartContainer,
   ChartLegend,
@@ -695,21 +692,24 @@ import {
   ChartTooltip,
   ChartTooltipContent
 } from "../../chunk-M5T3COS2.js";
+import "../../chunk-XSKVBGCZ.js";
+import "../../chunk-AVU6KU27.js";
+import "../../chunk-4V532JF6.js";
 import {
   CHART_SEMANTIC_COLORS,
   ChartSpecError,
   parseChartSpec,
   specToChartProps
-} from "../../chunk-GOWBYHYW.js";
-import {
-  chartValueFormatter,
-  formatChartValue
-} from "../../chunk-QVWNK4JO.js";
+} from "../../chunk-R6SBP5M5.js";
 import {
   getChartSpecRenderer,
   getRegisteredChartSpecTypes,
   registerChartSpecRenderer
 } from "../../chunk-WKUA6P3W.js";
+import {
+  chartValueFormatter,
+  formatChartValue
+} from "../../chunk-QVWNK4JO.js";
 import "../../chunk-6GP2DOOO.js";
 import {
   Heading

package/dist/charts.js

@@ -1,14 +1,11 @@
 import "./chunk-5KLSLD72.js";
 import {
   SpecChart
-} from "./chunk-JPDKRGYI.js";
+} from "./chunk-PDGAFQ6Z.js";
 import {
   Chart
-} from "./chunk-CXA6UNFF.js";
-import "./chunk-XULTDO56.js";
-import "./chunk-XSKVBGCZ.js";
-import "./chunk-AVU6KU27.js";
-import "./chunk-4V532JF6.js";
+} from "./chunk-AP3PVR3T.js";
+import "./chunk-BVGR7OYA.js";
 import {
   ChartContainer,
   ChartLegend,
@@ -16,21 +13,24 @@ import {
   ChartTooltip,
   ChartTooltipContent
 } from "./chunk-M5T3COS2.js";
+import "./chunk-XSKVBGCZ.js";
+import "./chunk-AVU6KU27.js";
+import "./chunk-4V532JF6.js";
 import {
   CHART_SEMANTIC_COLORS,
   ChartSpecError,
   parseChartSpec,
   specToChartProps
-} from "./chunk-GOWBYHYW.js";
-import {
-  chartValueFormatter,
-  formatChartValue
-} from "./chunk-QVWNK4JO.js";
+} from "./chunk-R6SBP5M5.js";
 import {
   getChartSpecRenderer,
   getRegisteredChartSpecTypes,
   registerChartSpecRenderer
 } from "./chunk-WKUA6P3W.js";
+import {
+  chartValueFormatter,
+  formatChartValue
+} from "./chunk-QVWNK4JO.js";
 import "./chunk-I6PZVHIT.js";
 import "./chunk-7CA6GVBO.js";
 import "./chunk-PZ5AY32C.js";

package/dist/{chunk-TOUSE63W.js → chunk-2UCJJACD.js}

@@ -11,18 +11,21 @@ import {
 } from "./chunk-IMLIIW77.js";
 import {
   useSelection
-} from "./chunk-WTOTWP6A.js";
+} from "./chunk-LLZWB32X.js";
 import {
   resolveScope,
   useScopeConfigChecks
 } from "./chunk-LYKV3C7B.js";
+import {
+  useStateWriters
+} from "./chunk-U5FOJBLG.js";
 import {
   computeActiveFilterCount,
   defaultSortFields
 } from "./chunk-5VZPVDUF.js";
 import {
   emptyViewState
-} from "./chunk-QEPGWTJT.js";
+} from "./chunk-LHHAYZ55.js";
 
 // src/components/data-display/DataViews/use-data-views-state.ts
 import { useEffect, useMemo, useRef, useState } from "react";
@@ -38,10 +41,6 @@ function useMatchedRows(server, rows, columns, fields, rangeFields, state) {
     [server, rows, columns, fields, rangeFields, state.search, state.pills, state.ranges]
   );
 }
-function nextVisibleColumns(current, id, visible) {
-  const without = current.filter((colId) => colId !== id);
-  return visible ? [...without, id] : without;
-}
 function useStateSyncEffects(appliedState, syncState, state, onStateChange, setState) {
   const firstApplied = useRef(true);
   useEffect(() => {
@@ -132,7 +131,7 @@ function useDataViewsState({
   );
   const [filterOpen, setFilterOpen] = useState(false);
   useStateSyncEffects(appliedState, syncState, state, onStateChange, setState);
-  const patch = (next) => setState((prev) => ({ ...prev, ...next }));
+  const { patch, toggleColumn } = useStateWriters(setState);
   const matched = useMatchedRows(server, rows, columns, fields, rangeFields, state);
   const scope = resolveScope(scopes, state.scope);
   const { changePage } = useServerQuery(server, state, scope);
@@ -142,8 +141,7 @@ function useDataViewsState({
     onRowClick,
     state.order
   );
-  const toggleColumn = (id, visible) => setState((prev) => ({ ...prev, visibleColumns: nextVisibleColumns(prev.visibleColumns, id, visible) }));
-  const selection = useSelection(matched, getRowId);
+  const selection = useSelection(matched, getRowId, { rememberOffPage: Boolean(server) });
   const resolvedSortFields = sortFields ?? defaultSortFields(columns);
   return {
     state,
@@ -174,4 +172,4 @@ function useDataViewsState({
 export {
   useDataViewsState
 };
-//# sourceMappingURL=chunk-TOUSE63W.js.map
+//# sourceMappingURL=chunk-2UCJJACD.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/DataViews/use-data-views-state.ts"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useMemo, useRef, useState } from \"react\";\n\nimport { type GridColumn } from \"../DataGrid\";\nimport { type SortFieldDefinition } from \"../../layout/ContentToolbar\";\n\nimport { filterRows } from \"./data-views-filter\";\nimport {\n  useColumnsWithActions,\n  useRenderedColumns,\n  type HideableColumn,\n} from \"./data-views-columns\";\nimport { computeActiveFilterCount, defaultSortFields } from \"./data-views-grid-helpers\";\nimport { resolveScope, useScopeConfigChecks, type ScopeConfig } from \"./data-views-scopes\";\nimport { serverDerived, useServerQuery } from \"./data-views-server-query\";\nimport { useSelection } from \"./data-views-selection\";\nimport { useStateWriters } from \"./data-views-writers\";\nimport {\n  emptyViewState,\n  type DataViewColumn,\n  type DataViewServer,\n  type DataViewState,\n  type DataViewStatePatch,\n  type DataViewSyncState,\n  type FilterFieldConfig,\n  type RangeFieldConfig,\n  type DataViewQuery,\n  type RangeValue,\n  type RowAction,\n} from \"./data-views-types\";\n\nexport type { HideableColumn };\n\n/** Inputs the hook needs to own the view state + derived data. */\ninterface UseDataViewsStateArgs<T extends Record<string, unknown>> {\n  rows: T[];\n  columns: DataViewColumn<T>[];\n  fields: FilterFieldConfig<T>[];\n  rangeFields: RangeFieldConfig<T>[];\n  getRowId: (row: T) => string | number;\n  onRowClick?: (row: T) => void;\n  appliedState?: DataViewState;\n  /**\n   * URL-driven controls (search/pills/ranges/sort) that re-apply on reference\n   * change while preserving column visibility — see {@link DataViewSyncState}.\n   */\n  syncState?: DataViewSyncState;\n  onStateChange?: (state: DataViewState) => void;\n  testIdPrefix: string;\n  sortFields?: SortFieldDefinition[];\n  rowActions?: RowAction<T>[];\n  rowActionsLeading?: (row: T) => React.ReactNode;\n  /** Bespoke per-row menu rendered in the actions column instead of the auto kebab. */\n  renderRowMenu?: (row: T) => React.ReactNode;\n  /**\n   * When present, the table is BACKEND-driven: `rows` is already the current\n   * page (no in-browser filter/sort/paginate), and query changes re-fetch via\n   * `server.onQueryChange`. Omit for the legacy client-side behaviour.\n   */\n  server?: DataViewServer;\n  /**\n   * The page-level partition rendered as tabs under the toolbar. Requires server\n   * mode: a scope is applied at the BACKEND, never in the browser.\n   */\n  scopes?: ScopeConfig[];\n  /**\n   * The row field the scopes partition by, when the host knows it — used only to\n   * reject the pill/scope clash at setup. See `assertNoScopePillOverlap`.\n   */\n  scopeFieldId?: string;\n}\n\n/** Everything the DataViewsGrid render needs; keeps the component itself thin. */\nexport interface DataViewsController<T extends Record<string, unknown>> {\n  state: DataViewState;\n  ranges: Record<string, RangeValue>;\n  /**\n   * Merge a partial into the view state.\n   *\n   * The UPDATER form is the one to reach for when the patch is derived from\n   * state you are also changing — successive calls within one tick each see the\n   * previous call's result, where the object form would have every caller build\n   * its patch from the same render-scoped snapshot and the last write would win.\n   */\n  patch: (next: DataViewStatePatch) => void;\n  matched: T[];\n  gridColumns: GridColumn<T>[];\n  /** Columns eligible for the show/hide menu (hideable, with a text header). */\n  hideableColumns: HideableColumn[];\n  /** Every column id in reading order — what the Colunas tab reorders. */\n  columnOrder: string[];\n  /** Toggle one column's visibility in the current view state. */\n  toggleColumn: (id: string, visible: boolean) => void;\n  selectedIds: Set<string | number>;\n  setSelectedIds: (ids: Set<string | number>) => void;\n  /**\n   * Add/remove ONE id from the selection. The card and board bodies both need\n   * it, so it lives here rather than being written out twice at the call sites —\n   * one selection model, one toggle, identical in every layout.\n   */\n  toggleId: (id: string | number) => void;\n  selectedRows: T[];\n  clearSelection: () => void;\n  selectAll: () => void;\n  filterOpen: boolean;\n  setFilterOpen: (open: boolean) => void;\n  resolvedSortFields: SortFieldDefinition[];\n  activeSortField: string;\n  activeSortOrder: \"asc\" | \"desc\";\n  activeFilterCount: number;\n  /** True when the table is backend-driven (server mode). */\n  serverMode: boolean;\n  /** Server-mode pagination: 1-based current page (1 when client mode). */\n  serverPage: number;\n  /** Server-mode pagination: total pages (1 when client mode). */\n  serverPageCount: number;\n  /** Server-mode: total matched rows across all pages (drives the counter). */\n  serverTotalCount: number;\n  /** Server-mode: request a specific 1-based page (re-fetches via onQueryChange). */\n  changePage: (page: number) => void;\n  /**\n   * The active scope id, RESOLVED against the declared scopes (see\n   * `resolveScope`). `undefined` when the table declares none — which is what\n   * keeps `scope` out of the emitted query for every table that never opted in.\n   */\n  scope: string | undefined;\n  /** Select a scope: re-fetches from page 1 and drops the selection. */\n  setScope: (id: string) => void;\n  /**\n   * The query the grid is currently showing. Read by Export, which hands it\n   * back to the host UNPAGINATED — so an export follows the filters rather\n   * than the 25 rows that happen to be loaded.\n   */\n  currentQuery: DataViewQuery;\n  /**\n   * Server-supplied per-scope totals, passed through verbatim, or `undefined`\n   * when the server omits them. NEVER falls back to counting `matched`: a count\n   * off the loaded page is wrong under pagination, which is the bug scopes fix.\n   */\n  scopeCounts?: Record<string, number>;\n}\n\n/**\n * The rows to render: in server mode `rows` is already the current page (the\n * backend filtered/sorted/paginated), so it passes through untouched; otherwise\n * the client search/pill/range filter narrows it.\n */\nfunction useMatchedRows<T extends Record<string, unknown>>(\n  server: DataViewServer | undefined,\n  rows: T[],\n  columns: DataViewColumn<T>[],\n  fields: FilterFieldConfig<T>[],\n  rangeFields: RangeFieldConfig<T>[],\n  state: DataViewState,\n): T[] {\n  return useMemo(\n    () =>\n      server\n        ? rows\n        : filterRows(\n            rows,\n            columns,\n            fields,\n            { search: state.search, pills: state.pills, ranges: state.ranges },\n            rangeFields,\n          ),\n    [server, rows, columns, fields, rangeFields, state.search, state.pills, state.ranges],\n  );\n}\n\n/**\n * Reconcile external state changes and surface every change to the caller:\n * - `appliedState` (a saved view) fully REPLACES the state — it is columns-\n *   authoritative, so applying a view restores its filters, sort AND columns.\n * - `syncState` (URL-driven controls) MERGES over the current state, leaving\n *   `visibleColumns` untouched — so browser back/forward or a same-route\n *   deep-link re-applies search/pills/sort without wiping a user's hidden columns.\n * Each channel only fires when its own reference changes (after the first run).\n */\nfunction useStateSyncEffects(\n  appliedState: DataViewState | undefined,\n  syncState: DataViewSyncState | undefined,\n  state: DataViewState,\n  onStateChange: ((state: DataViewState) => void) | undefined,\n  setState: React.Dispatch<React.SetStateAction<DataViewState>>,\n): void {\n  const firstApplied = useRef(true);\n  useEffect(() => {\n    if (firstApplied.current) {\n      firstApplied.current = false;\n      return;\n    }\n    if (appliedState) setState(appliedState);\n    // `setState` is a stable useState setter (passed in), included to satisfy\n    // exhaustive-deps; the effect still only re-applies when `appliedState` changes.\n  }, [appliedState, setState]);\n  const firstSync = useRef(true);\n  useEffect(() => {\n    if (firstSync.current) {\n      firstSync.current = false;\n      return;\n    }\n    // Merge — keep the current `visibleColumns` (never URL-carried); only the\n    // URL-driven controls change.\n    if (syncState) setState((prev) => ({ ...prev, ...syncState }));\n  }, [syncState, setState]);\n  useEffect(() => {\n    onStateChange?.(state);\n  }, [state, onStateChange]);\n}\n\n/**\n * The seed view state: a saved view (`appliedState`) or a pristine all-columns\n * one, with the URL-driven controls (`syncState`) merged over it so a deep-linked\n * filter or scope is reflected on the FIRST render. Column visibility is never\n * URL-carried, so the merge cannot wipe it.\n */\nfunction seedState(\n  appliedState: DataViewState | undefined,\n  syncState: DataViewSyncState | undefined,\n  allColumnIds: string[],\n): DataViewState {\n  const seed = appliedState ?? emptyViewState(allColumnIds);\n  return syncState ? { ...seed, ...syncState } : seed;\n}\n\n/**\n * Selecting a scope: record it, then DROP the selection.\n *\n * A scope change renders a different result set. A selection that survived it\n * would let a bulk action run against rows the user can no longer see — the\n * same reason changing any other part of the query clears it.\n */\nfunction makeSetScope(\n  patch: (next: DataViewStatePatch) => void,\n  clearSelection: () => void,\n): (id: string) => void {\n  return (id) => {\n    patch({ scope: id });\n    clearSelection();\n  };\n}\n\n/**\n * The declared column ids in the stored reading order — the same tolerance\n * `applyOrder` uses, so the Colunas tab lists exactly what the grid renders.\n */\nfunction orderedColumnIds(allColumnIds: string[], order: string[] | undefined): string[] {\n  if (!order || order.length === 0) return allColumnIds;\n  const declared = new Set(allColumnIds);\n  const kept = order.filter((id) => declared.has(id));\n  const seen = new Set(kept);\n  return [...kept, ...allColumnIds.filter((id) => !seen.has(id))];\n}\n\n/**\n * The query the grid is currently SHOWING — the same shape `onQueryChange`\n * emits, kept as a value so a host control (Exportar) can re-run it against the\n * backend rather than reading the loaded rows.\n */\nfunction liveQuery(\n  state: DataViewState,\n  scope: string | undefined,\n  server: DataViewServer | undefined,\n  matchedCount: number,\n): DataViewQuery {\n  return {\n    search: state.search,\n    pills: state.pills,\n    ranges: state.ranges ?? {},\n    sortBy: state.sortBy,\n    // Absent, not undefined, when the table declares no scopes.\n    ...(scope !== undefined ? { scope } : {}),\n    page: server?.page ?? 1,\n    // Client mode has one page, and it is everything that matched.\n    pageSize: server?.pageSize ?? matchedCount,\n  };\n}\n\n/** The toolbar's active sort, read off the state's FIRST sort entry. */\nfunction activeSortOf(\n  state: DataViewState,\n  resolvedSortFields: SortFieldDefinition[],\n): { activeSortField: string; activeSortOrder: \"asc\" | \"desc\" } {\n  const active = state.sortBy?.[0];\n  return {\n    activeSortField: active?.id ?? resolvedSortFields[0]?.value ?? \"\",\n    activeSortOrder: active?.dir === \"desc\" ? \"desc\" : \"asc\",\n  };\n}\n\n/**\n * Owns the DataViews view state (search/pills/ranges/sort/visibleColumns),\n * multi-select, the filter-panel toggle, and every derived value (filtered rows,\n * grid columns, active sort/filter counts). Extracted from the component so the\n * render stays within the size/complexity budget.\n */\nexport function useDataViewsState<T extends Record<string, unknown>>({\n  rows,\n  columns,\n  fields,\n  rangeFields,\n  getRowId,\n  onRowClick,\n  appliedState,\n  syncState,\n  onStateChange,\n  testIdPrefix,\n  sortFields,\n  rowActions,\n  rowActionsLeading,\n  renderRowMenu,\n  server,\n  scopes = [],\n  scopeFieldId,\n}: UseDataViewsStateArgs<T>): DataViewsController<T> {\n  useScopeConfigChecks(scopes, fields.map((field) => field.id), scopeFieldId, server !== undefined);\n  const { columnsWithActions, allColumnIds } = useColumnsWithActions(columns, {\n    rowActions,\n    rowActionsLeading,\n    renderRowMenu,\n    testIdPrefix,\n    getRowId,\n  });\n  // Seed once — see {@link seedState}.\n  const [state, setState] = useState<DataViewState>(() =>\n    seedState(appliedState, syncState, allColumnIds),\n  );\n  const [filterOpen, setFilterOpen] = useState(false);\n\n  useStateSyncEffects(appliedState, syncState, state, onStateChange, setState);\n\n  const { patch, toggleColumn } = useStateWriters(setState);\n  const matched = useMatchedRows(server, rows, columns, fields, rangeFields, state);\n  // Resolved at READ time, every render: a stale deep link or a saved view naming\n  // a scope that has since been removed falls back to the first declared scope\n  // instead of putting an id the backend rejects on the wire.\n  const scope = resolveScope(scopes, state.scope);\n  // Server mode: re-fetch on query change (page resets to 1) + drive pagination.\n  const { changePage } = useServerQuery(server, state, scope);\n  const { gridColumns, hideableColumns } = useRenderedColumns(\n    columnsWithActions,\n    state.visibleColumns,\n    onRowClick,\n    state.order,\n  );\n  // Server mode is where `matched` is a PAGE — see `useSelection` (FUT-942).\n  const selection = useSelection(matched, getRowId, { rememberOffPage: Boolean(server) });\n  const resolvedSortFields = sortFields ?? defaultSortFields(columns);\n\n  return {\n    state,\n    ranges: state.ranges ?? {},\n    patch,\n    matched,\n    gridColumns,\n    hideableColumns,\n    columnOrder: orderedColumnIds(allColumnIds, state.order),\n    toggleColumn,\n    ...selection,\n    filterOpen,\n    setFilterOpen,\n    resolvedSortFields,\n    ...activeSortOf(state, resolvedSortFields),\n    activeFilterCount: computeActiveFilterCount(state, fields, rangeFields),\n    ...serverDerived(server, matched.length),\n    changePage,\n    scope,\n    setScope: makeSetScope(patch, selection.clearSelection),\n    currentQuery: liveQuery(state, scope, server, matched.length),\n    // Verbatim, or absent. See DataViewServer.scopeCounts for why there is no\n    // client-side fallback.\n    scopeCounts: server?.scopeCounts,\n  };\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-QRKBBOSY.js → chunk-4KSOSI3U.js}

@@ -1,6 +1,6 @@
 import {
   STACK_BREAK
-} from "./chunk-ZQPG57GA.js";
+} from "./chunk-EICVL6GS.js";
 import {
   CARD_RADIUS,
   cardSurfaceStyles,
@@ -16,10 +16,10 @@ import {
   RAIL_GAP,
   railsTemplateFor,
   useListRails
-} from "./chunk-YQJMVUBG.js";
+} from "./chunk-CZPU5TW3.js";
 import {
   DENSITY_ROW_PADDING
-} from "./chunk-ZIPCGZA3.js";
+} from "./chunk-ZPIMPOHV.js";
 
 // src/components/data-display/DataViews/base-list-card-geometry.tsx
 import { useTheme } from "@mui/material/styles/index.js";
@@ -181,4 +181,4 @@ export {
   actionProps,
   rowStyles
 };
-//# sourceMappingURL=chunk-QRKBBOSY.js.map
+//# sourceMappingURL=chunk-4KSOSI3U.js.map

package/dist/{chunk-IN642YHK.js → chunk-4VNUOSTQ.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-ECIGNYSI.js";
 import {
   PanelRangeField
-} from "./chunk-BZTFPSWT.js";
+} from "./chunk-XEE7PLDR.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -154,4 +154,4 @@ export {
   GridFilterPanel,
   FilterDialog
 };
-//# sourceMappingURL=chunk-IN642YHK.js.map
+//# sourceMappingURL=chunk-4VNUOSTQ.js.map

package/dist/{chunk-XPS7FWZS.js → chunk-4ZEU22L2.js}

@@ -1,9 +1,9 @@
-import {
-  SaveViewModal
-} from "./chunk-U7SO3N42.js";
 import {
   ManageViewsDialog
 } from "./chunk-UHXNEXOC.js";
+import {
+  SaveViewModal
+} from "./chunk-U7SO3N42.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -121,4 +121,4 @@ export {
   ViewsMenuSlot,
   ViewDialogs
 };
-//# sourceMappingURL=chunk-XPS7FWZS.js.map
+//# sourceMappingURL=chunk-4ZEU22L2.js.map

package/dist/{chunk-NC2AATCC.js → chunk-6PFBYCBU.js}

@@ -1,6 +1,6 @@
 import {
   RangeBounds
-} from "./chunk-BZTFPSWT.js";
+} from "./chunk-XEE7PLDR.js";
 import {
   isRangeSet
 } from "./chunk-GCZJH4XL.js";
@@ -188,4 +188,4 @@ export {
   fieldClearing,
   MoreGroup
 };
-//# sourceMappingURL=chunk-NC2AATCC.js.map
+//# sourceMappingURL=chunk-6PFBYCBU.js.map

package/dist/{chunk-WXHJG2UU.js → chunk-6U7NA74A.js}

@@ -11,7 +11,7 @@ import {
 } from "./chunk-JCJGJX7V.js";
 import {
   CARD_ASPECT_RATIOS
-} from "./chunk-QEPGWTJT.js";
+} from "./chunk-LHHAYZ55.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -263,4 +263,4 @@ function BaseCard(props) {
 export {
   BaseCard
 };
-//# sourceMappingURL=chunk-WXHJG2UU.js.map
+//# sourceMappingURL=chunk-6U7NA74A.js.map

package/dist/{chunk-CXA6UNFF.js → chunk-AP3PVR3T.js}

@@ -1,13 +1,13 @@
 import {
   renderChartByType
-} from "./chunk-XULTDO56.js";
+} from "./chunk-BVGR7OYA.js";
+import {
+  ChartContainer
+} from "./chunk-M5T3COS2.js";
 import {
   getSizeStyles,
   getVariantStyles
 } from "./chunk-AVU6KU27.js";
-import {
-  ChartContainer
-} from "./chunk-M5T3COS2.js";
 import {
   muiColor
 } from "./chunk-I6PZVHIT.js";
@@ -104,4 +104,4 @@ var Chart = (props) => {
 export {
   Chart
 };
-//# sourceMappingURL=chunk-CXA6UNFF.js.map
+//# sourceMappingURL=chunk-AP3PVR3T.js.map

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

@@ -1,6 +1,6 @@
 import {
   GridToolbar
-} from "./chunk-WKRSVGT6.js";
+} from "./chunk-WXBBWSNU.js";
 
 // src/components/data-display/DataViews/data-views-shell-toolbar.tsx
 import { jsx } from "react/jsx-runtime";
@@ -62,4 +62,4 @@ function ShellToolbar({
 export {
   ShellToolbar
 };
-//# sourceMappingURL=chunk-FZHKKLOO.js.map
+//# sourceMappingURL=chunk-AWTERXCW.js.map

package/dist/{chunk-XULTDO56.js → chunk-BVGR7OYA.js}

@@ -1,10 +1,10 @@
-import {
-  buildChartContext
-} from "./chunk-XSKVBGCZ.js";
 import {
   ChartLegendContent,
   ChartTooltipContent
 } from "./chunk-M5T3COS2.js";
+import {
+  buildChartContext
+} from "./chunk-XSKVBGCZ.js";
 
 // src/components/data-display/Chart/chart-renderers.tsx
 import {
@@ -312,4 +312,4 @@ function renderChartByType(props, theme) {
 export {
   renderChartByType
 };
-//# sourceMappingURL=chunk-XULTDO56.js.map
+//# sourceMappingURL=chunk-BVGR7OYA.js.map

package/dist/{chunk-YQJMVUBG.js → chunk-CZPU5TW3.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-6VP2L3DJ.js";
 import {
   DENSITY_ROW_PADDING
-} from "./chunk-ZIPCGZA3.js";
+} from "./chunk-ZPIMPOHV.js";
 import {
   default as default2
 } from "./chunk-6DPAWXZ3.js";
@@ -129,4 +129,4 @@ export {
   cellRailCount,
   ListCardGroup
 };
-//# sourceMappingURL=chunk-YQJMVUBG.js.map
+//# sourceMappingURL=chunk-CZPU5TW3.js.map

package/dist/{chunk-ZQPG57GA.js → chunk-EICVL6GS.js}

@@ -1,6 +1,6 @@
 import {
   RAIL_GAP_PX
-} from "./chunk-YQJMVUBG.js";
+} from "./chunk-CZPU5TW3.js";
 import {
   DescriptionItem
 } from "./chunk-TCAB2ERD.js";
@@ -222,4 +222,4 @@ export {
   ListCardActions,
   ListCardTail
 };
-//# sourceMappingURL=chunk-ZQPG57GA.js.map
+//# sourceMappingURL=chunk-EICVL6GS.js.map

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

@@ -4,7 +4,7 @@ import {
 import {
   DisplayTab,
   SortTab
-} from "./chunk-YRFKPRV2.js";
+} from "./chunk-SCGVB7DS.js";
 import {
   ViewActions,
   ViewFooter,
@@ -261,4 +261,4 @@ function DataViewsDisplayPanel({
 export {
   DataViewsDisplayPanel
 };
-//# sourceMappingURL=chunk-P55UFXYW.js.map
+//# sourceMappingURL=chunk-HGBZZDP6.js.map

package/dist/{chunk-JHBQZZHT.js → chunk-HNDUCGM3.js}

@@ -1,9 +1,9 @@
 import {
   GridShell
-} from "./chunk-W3UM2KEW.js";
+} from "./chunk-Q4ITS2EP.js";
 import {
   useDataViewsState
-} from "./chunk-TOUSE63W.js";
+} from "./chunk-2UCJJACD.js";
 
 // src/components/data-display/DataViews/DataViewsGrid.tsx
 import { useEffect, useRef } from "react";
@@ -27,4 +27,4 @@ function DataViewsGrid(props) {
 export {
   DataViewsGrid
 };
-//# sourceMappingURL=chunk-JHBQZZHT.js.map
+//# sourceMappingURL=chunk-HNDUCGM3.js.map