@12-apps/ui 6.13.1 → 6.14.0

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

@@ -1,13 +1,13 @@
 "use client";
 import {
   ShellToolbar
-} from "../../../../chunk-AWTERXCW.js";
-import "../../../../chunk-WXBBWSNU.js";
-import "../../../../chunk-NQCYVYP3.js";
-import "../../../../chunk-HGBZZDP6.js";
-import "../../../../chunk-2PPWKCMW.js";
+} from "../../../../chunk-GNAAHDCN.js";
+import "../../../../chunk-ZNGUDGKW.js";
+import "../../../../chunk-J4DDXHLB.js";
 import "../../../../chunk-SCGVB7DS.js";
+import "../../../../chunk-2PPWKCMW.js";
 import "../../../../chunk-SNR537TI.js";
+import "../../../../chunk-NQCYVYP3.js";
 import "../../../../chunk-ZPIMPOHV.js";
 import "../../../../chunk-QTPKACVO.js";
 import "../../../../chunk-5VZPVDUF.js";
@@ -21,7 +21,7 @@ import "../../../../chunk-EFEZWG4C.js";
 import "../../../../chunk-4T6W43TO.js";
 import "../../../../chunk-YB6MDGPR.js";
 import "../../../../chunk-LVCUJ7YU.js";
-import "../../../../chunk-2WWKBD4D.js";
+import "../../../../chunk-TSPHRZ4U.js";
 import "../../../../chunk-JMVIIKII.js";
 import "../../../../chunk-WXD7MGBT.js";
 import "../../../../chunk-PGM5RRQO.js";

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

@@ -15,7 +15,7 @@ import "../../../../chunk-EFEZWG4C.js";
 import "../../../../chunk-4T6W43TO.js";
 import "../../../../chunk-YB6MDGPR.js";
 import "../../../../chunk-LVCUJ7YU.js";
-import "../../../../chunk-2WWKBD4D.js";
+import "../../../../chunk-TSPHRZ4U.js";
 import "../../../../chunk-JMVIIKII.js";
 import "../../../../chunk-WXD7MGBT.js";
 import "../../../../chunk-4PJ52YBO.js";

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

@@ -1,12 +1,12 @@
 "use client";
 import {
   GridToolbar
-} from "../../../../chunk-WXBBWSNU.js";
-import "../../../../chunk-NQCYVYP3.js";
-import "../../../../chunk-HGBZZDP6.js";
-import "../../../../chunk-2PPWKCMW.js";
+} from "../../../../chunk-ZNGUDGKW.js";
+import "../../../../chunk-J4DDXHLB.js";
 import "../../../../chunk-SCGVB7DS.js";
+import "../../../../chunk-2PPWKCMW.js";
 import "../../../../chunk-SNR537TI.js";
+import "../../../../chunk-NQCYVYP3.js";
 import "../../../../chunk-ZPIMPOHV.js";
 import "../../../../chunk-QTPKACVO.js";
 import "../../../../chunk-5VZPVDUF.js";
@@ -20,7 +20,7 @@ import "../../../../chunk-EFEZWG4C.js";
 import "../../../../chunk-4T6W43TO.js";
 import "../../../../chunk-YB6MDGPR.js";
 import "../../../../chunk-LVCUJ7YU.js";
-import "../../../../chunk-2WWKBD4D.js";
+import "../../../../chunk-TSPHRZ4U.js";
 import "../../../../chunk-JMVIIKII.js";
 import "../../../../chunk-WXD7MGBT.js";
 import "../../../../chunk-PGM5RRQO.js";

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/use-data-views-state.js

@@ -1,12 +1,13 @@
 "use client";
 import {
   useDataViewsState
-} from "../../../../chunk-BV5XTGKB.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-LHHAYZ55.js";
 import "../../../../chunk-KHG57NAE.js";

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

@@ -117,11 +117,11 @@ 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-5E3XZAED.js";
 import "../../../chunk-G3E66C6J.js";
 import "../../../chunk-SNCSGLJ6.js";
 import {
@@ -175,27 +175,35 @@ import "../../../chunk-2YEZONLX.js";
 import "../../../chunk-62FET2BM.js";
 import {
   Carousel
-} from "../../../chunk-NPEKJXVV.js";
-import "../../../chunk-5QXSPLWU.js";
-import "../../../chunk-Z56IO7OV.js";
+} from "../../../chunk-BPCYXLWY.js";
 import "../../../chunk-WIXUMFU7.js";
+import "../../../chunk-RUIV5TVA.js";
+import "../../../chunk-5QXSPLWU.js";
 import {
   CarouselArrows,
   CarouselIndicators,
   CarouselThumbnails
 } from "../../../chunk-2XGM5PDA.js";
-import "../../../chunk-RUIV5TVA.js";
+import "../../../chunk-Z56IO7OV.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 {
+  CHART_SEMANTIC_COLORS,
+  ChartSpecError,
+  parseChartSpec,
+  specToChartProps
+} from "../../../chunk-R6SBP5M5.js";
+import {
+  getChartSpecRenderer,
+  getRegisteredChartSpecTypes,
+  registerChartSpecRenderer
+} from "../../../chunk-WKUA6P3W.js";
+import "../../../chunk-BVGR7OYA.js";
 import {
   ChartContainer,
   ChartLegend,
@@ -203,21 +211,13 @@ import {
   ChartTooltip,
   ChartTooltipContent
 } from "../../../chunk-M5T3COS2.js";
-import {
-  CHART_SEMANTIC_COLORS,
-  ChartSpecError,
-  parseChartSpec,
-  specToChartProps
-} from "../../../chunk-GOWBYHYW.js";
 import {
   chartValueFormatter,
   formatChartValue
 } from "../../../chunk-QVWNK4JO.js";
-import {
-  getChartSpecRenderer,
-  getRegisteredChartSpecTypes,
-  registerChartSpecRenderer
-} from "../../../chunk-WKUA6P3W.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,11 +607,11 @@ 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-5E3XZAED.js";
 import "../../chunk-G3E66C6J.js";
 import "../../chunk-SNCSGLJ6.js";
 import {
@@ -667,27 +667,35 @@ import "../../chunk-2YEZONLX.js";
 import "../../chunk-62FET2BM.js";
 import {
   Carousel
-} from "../../chunk-NPEKJXVV.js";
-import "../../chunk-5QXSPLWU.js";
-import "../../chunk-Z56IO7OV.js";
+} from "../../chunk-BPCYXLWY.js";
 import "../../chunk-WIXUMFU7.js";
+import "../../chunk-RUIV5TVA.js";
+import "../../chunk-5QXSPLWU.js";
 import {
   CarouselArrows,
   CarouselIndicators,
   CarouselThumbnails
 } from "../../chunk-2XGM5PDA.js";
-import "../../chunk-RUIV5TVA.js";
+import "../../chunk-Z56IO7OV.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 {
+  CHART_SEMANTIC_COLORS,
+  ChartSpecError,
+  parseChartSpec,
+  specToChartProps
+} from "../../chunk-R6SBP5M5.js";
+import {
+  getChartSpecRenderer,
+  getRegisteredChartSpecTypes,
+  registerChartSpecRenderer
+} from "../../chunk-WKUA6P3W.js";
+import "../../chunk-BVGR7OYA.js";
 import {
   ChartContainer,
   ChartLegend,
@@ -695,21 +703,13 @@ import {
   ChartTooltip,
   ChartTooltipContent
 } from "../../chunk-M5T3COS2.js";
-import {
-  CHART_SEMANTIC_COLORS,
-  ChartSpecError,
-  parseChartSpec,
-  specToChartProps
-} from "../../chunk-GOWBYHYW.js";
 import {
   chartValueFormatter,
   formatChartValue
 } from "../../chunk-QVWNK4JO.js";
-import {
-  getChartSpecRenderer,
-  getRegisteredChartSpecTypes,
-  registerChartSpecRenderer
-} from "../../chunk-WKUA6P3W.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

@@ -1,14 +1,22 @@
 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 {
+  CHART_SEMANTIC_COLORS,
+  ChartSpecError,
+  parseChartSpec,
+  specToChartProps
+} from "./chunk-R6SBP5M5.js";
+import {
+  getChartSpecRenderer,
+  getRegisteredChartSpecTypes,
+  registerChartSpecRenderer
+} from "./chunk-WKUA6P3W.js";
+import "./chunk-BVGR7OYA.js";
 import {
   ChartContainer,
   ChartLegend,
@@ -16,21 +24,13 @@ import {
   ChartTooltip,
   ChartTooltipContent
 } from "./chunk-M5T3COS2.js";
-import {
-  CHART_SEMANTIC_COLORS,
-  ChartSpecError,
-  parseChartSpec,
-  specToChartProps
-} from "./chunk-GOWBYHYW.js";
 import {
   chartValueFormatter,
   formatChartValue
 } from "./chunk-QVWNK4JO.js";
-import {
-  getChartSpecRenderer,
-  getRegisteredChartSpecTypes,
-  registerChartSpecRenderer
-} from "./chunk-WKUA6P3W.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-BV5XTGKB.js → chunk-2UCJJACD.js}

@@ -11,11 +11,14 @@ 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
@@ -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, ...typeof next === "function" ? next(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-BV5XTGKB.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-JKLWHENB.js → chunk-62WEMJV3.js}

@@ -1,9 +1,9 @@
 import {
   GridShell
-} from "./chunk-T4BFDZGU.js";
+} from "./chunk-LNIVT62P.js";
 import {
   useDataViewsState
-} from "./chunk-BV5XTGKB.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-JKLWHENB.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-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-NPEKJXVV.js → chunk-BPCYXLWY.js}

@@ -1,15 +1,15 @@
-import {
-  CarouselChrome
-} from "./chunk-5QXSPLWU.js";
-import {
-  containerStyles
-} from "./chunk-Z56IO7OV.js";
 import {
   CarouselTrack
 } from "./chunk-WIXUMFU7.js";
 import {
   useCarouselNavigation
 } from "./chunk-RUIV5TVA.js";
+import {
+  CarouselChrome
+} from "./chunk-5QXSPLWU.js";
+import {
+  containerStyles
+} from "./chunk-Z56IO7OV.js";
 import {
   withDefaults
 } from "./chunk-HPK33ACY.js";
@@ -152,4 +152,4 @@ var Carousel = (props) => {
 export {
   Carousel
 };
-//# sourceMappingURL=chunk-NPEKJXVV.js.map
+//# sourceMappingURL=chunk-BPCYXLWY.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-BZTFPSWT.js → chunk-DFLTUI7W.js}

@@ -1,9 +1,3 @@
-import {
-  RangePresets
-} from "./chunk-F4RR4666.js";
-import {
-  presetsFor
-} from "./chunk-CBOB5AV6.js";
 import {
   NumberBoundInput
 } from "./chunk-FV36LFPX.js";
@@ -13,6 +7,12 @@ import {
   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-BZTFPSWT.js.map
+//# sourceMappingURL=chunk-DFLTUI7W.js.map