@12-apps/ui 6.66.2 → 6.67.0

package/dist/chunk-4IE66GY2.js

@@ -0,0 +1,89 @@
+// src/components/data-display/DataViews/data-views-sticky-head.ts
+import { useEffect } from "react";
+var SHELL_ATTR = "data-dv-shell";
+var STICKY_BAR_ATTR = "data-dv-sticky-bar";
+var SHELL_PROPS = { [SHELL_ATTR]: "" };
+function headShift(tableTop, tableHeight, headHeight, edge) {
+  return Math.max(0, Math.min(edge - tableTop, tableHeight - headHeight));
+}
+function stickyEdge(wrapper) {
+  const bar = wrapper.closest(`[${SHELL_ATTR}]`)?.querySelector(`[${STICKY_BAR_ATTR}]`);
+  return bar ? bar.getBoundingClientRect().bottom : 0;
+}
+function scrollParent(element) {
+  for (let node = element.parentElement; node; node = node.parentElement) {
+    const { overflowY } = getComputedStyle(node);
+    if (overflowY === "auto" || overflowY === "scroll") return node;
+  }
+  return null;
+}
+function useStickyBarTop(ref, enabled) {
+  useEffect(() => {
+    const shell = ref.current;
+    const bar = shell?.querySelector(`[${STICKY_BAR_ATTR}]`);
+    if (!enabled || !shell || !bar) return void 0;
+    const apply = () => {
+      const parent = scrollParent(bar);
+      bar.style.top = parent ? `calc(-1 * ${getComputedStyle(parent).paddingTop})` : "";
+    };
+    apply();
+    window.addEventListener("resize", apply);
+    return () => {
+      window.removeEventListener("resize", apply);
+      bar.style.top = "";
+    };
+  }, [ref, enabled]);
+}
+function paint(head, shift) {
+  const transform = shift > 0 && typeof DOMMatrixReadOnly !== "undefined" ? new DOMMatrixReadOnly().translate(0, shift).toString() : "";
+  head.querySelectorAll("th").forEach((cell) => {
+    cell.style.transform = transform;
+    cell.style.zIndex = transform ? "2" : "";
+  });
+}
+function useStickyTableHead(ref, enabled) {
+  useEffect(() => {
+    const wrapper = ref.current;
+    if (!enabled || !wrapper) return void 0;
+    let frame = 0;
+    const apply = () => {
+      frame = 0;
+      const table = wrapper.querySelector("table");
+      const head = table?.querySelector("thead");
+      if (!table || !head) return;
+      const box = table.getBoundingClientRect();
+      const shift = headShift(box.top, box.height, head.getBoundingClientRect().height, stickyEdge(wrapper));
+      paint(head, shift);
+    };
+    const schedule = () => {
+      if (frame === 0) frame = requestAnimationFrame(apply);
+    };
+    window.addEventListener("scroll", schedule, { capture: true, passive: true });
+    window.addEventListener("resize", schedule);
+    const observer = typeof ResizeObserver === "undefined" ? null : new ResizeObserver(schedule);
+    observer?.observe(wrapper);
+    const mutations = typeof MutationObserver === "undefined" ? null : new MutationObserver(schedule);
+    mutations?.observe(wrapper, { childList: true, subtree: true });
+    schedule();
+    return () => {
+      window.removeEventListener("scroll", schedule, { capture: true });
+      window.removeEventListener("resize", schedule);
+      observer?.disconnect();
+      mutations?.disconnect();
+      if (frame !== 0) cancelAnimationFrame(frame);
+      const head = wrapper.querySelector("thead");
+      if (head) paint(head, 0);
+    };
+  }, [ref, enabled]);
+}
+
+export {
+  SHELL_ATTR,
+  STICKY_BAR_ATTR,
+  SHELL_PROPS,
+  headShift,
+  useStickyBarTop,
+  paint,
+  useStickyTableHead
+};
+//# sourceMappingURL=chunk-4IE66GY2.js.map

package/dist/chunk-4IE66GY2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/DataViews/data-views-sticky-head.ts"],"sourcesContent":["\"use client\";\n\n/**\n * THE TABLE HEADER THAT FOLLOWS THE PAGE — for `stickyToolbar`.\n *\n * `position: sticky` cannot do this job. A sticky cell sticks inside its\n * nearest scroll container, and the table's is its own wrapper: it scrolls\n * SIDEWAYS (`overflow-x: auto`, so a wide table is never squeezed), which\n * makes it a scroll container on both axes, and it never scrolls vertically —\n * the page does. So the header would stick to a box that never moves. Taking\n * the sideways scroll away to let it stick would trade one defect for another:\n * columns clipped or crushed on every narrow screen.\n *\n * Instead the header cells are TRANSLATED down by however far the page has\n * scrolled the table's top past the sticky toolbar's bottom edge, clamped so\n * the header never leaves its own table. The translation stays inside the\n * table's box, so the wrapper's overflow clips nothing.\n *\n * Driven by the page's scroll (any scroller: a capturing listener on `window`\n * hears every element's scroll event) and by resizes, one frame at a time.\n */\nimport { useEffect, type RefObject } from \"react\";\n\n/** The attribute the shell root carries, so the head can find its own toolbar. */\nexport const SHELL_ATTR = \"data-dv-shell\";\n/** The attribute the sticky toolbar carries. */\nexport const STICKY_BAR_ATTR = \"data-dv-sticky-bar\";\n/** Spread on the shell root. */\nexport const SHELL_PROPS = { [SHELL_ATTR]: \"\" };\n\n/** How far the header must move down to sit under `edge` (px), inside its table. */\nexport function headShift(tableTop: number, tableHeight: number, headHeight: number, edge: number): number {\n  return Math.max(0, Math.min(edge - tableTop, tableHeight - headHeight));\n}\n\n/** The top edge the header slides under: the sticky toolbar's bottom, else the viewport's top. */\nfunction stickyEdge(wrapper: HTMLElement): number {\n  const bar = wrapper.closest(`[${SHELL_ATTR}]`)?.querySelector<HTMLElement>(`[${STICKY_BAR_ATTR}]`);\n  return bar ? bar.getBoundingClientRect().bottom : 0;\n}\n\n/** The element whose scrolling moves the page under the bar: the nearest scrolling ancestor. */\nfunction scrollParent(element: HTMLElement): HTMLElement | null {\n  for (let node = element.parentElement; node; node = node.parentElement) {\n    const { overflowY } = getComputedStyle(node);\n    if (overflowY === \"auto\" || overflowY === \"scroll\") return node;\n  }\n  return null;\n}\n\n/**\n * Stick the toolbar to the VISIBLE top of its scroll area.\n *\n * `top: 0` sticks to the scroll container's content edge, which sits inside\n * its padding: a main pane padded 24px held the bar 24px below the app bar,\n * with rows showing through the gap above it. The bar's `top` is therefore\n * the negative of that padding, read from the live layout (the shell does not\n * know which pane it is in, nor what padding the host gave it).\n */\nexport function useStickyBarTop(ref: RefObject<HTMLElement | null>, enabled: boolean): void {\n  useEffect(() => {\n    const shell = ref.current;\n    const bar = shell?.querySelector<HTMLElement>(`[${STICKY_BAR_ATTR}]`);\n    if (!enabled || !shell || !bar) return undefined;\n    const apply = (): void => {\n      const parent = scrollParent(bar);\n      // The host's own computed length, passed through — never one of ours.\n      bar.style.top = parent ? `calc(-1 * ${getComputedStyle(parent).paddingTop})` : \"\";\n    };\n    apply();\n    window.addEventListener(\"resize\", apply);\n    return () => {\n      window.removeEventListener(\"resize\", apply);\n      bar.style.top = \"\";\n    };\n  }, [ref, enabled]);\n}\n\n/** Move every header cell down by `shift` px (0 puts them back), above the rows they cover. */\nexport function paint(head: HTMLElement, shift: number): void {\n  // A measured offset, so a matrix rather than a design length. No DOMMatrix\n  // (jsdom), no translation: the header simply stays in the table.\n  const transform =\n    shift > 0 && typeof DOMMatrixReadOnly !== \"undefined\"\n      ? new DOMMatrixReadOnly().translate(0, shift).toString()\n      : \"\";\n  head.querySelectorAll<HTMLElement>(\"th\").forEach((cell) => {\n    cell.style.transform = transform;\n    // Above the rows it now covers, below the toolbar (z-index 3).\n    cell.style.zIndex = transform ? \"2\" : \"\";\n  });\n}\n\n/** Translate the header cells of the table inside `ref` so they follow the page. */\nexport function useStickyTableHead(ref: RefObject<HTMLElement | null>, enabled: boolean): void {\n  useEffect(() => {\n    const wrapper = ref.current;\n    if (!enabled || !wrapper) return undefined;\n    let frame = 0;\n    const apply = (): void => {\n      frame = 0;\n      const table = wrapper.querySelector(\"table\");\n      const head = table?.querySelector(\"thead\");\n      if (!table || !head) return;\n      const box = table.getBoundingClientRect();\n      const shift = headShift(box.top, box.height, head.getBoundingClientRect().height, stickyEdge(wrapper));\n      paint(head, shift);\n    };\n    const schedule = (): void => {\n      if (frame === 0) frame = requestAnimationFrame(apply);\n    };\n    window.addEventListener(\"scroll\", schedule, { capture: true, passive: true });\n    window.addEventListener(\"resize\", schedule);\n    const observer = typeof ResizeObserver === \"undefined\" ? null : new ResizeObserver(schedule);\n    observer?.observe(wrapper);\n    // A header cell added while scrolled (a column shown from \"Exibir\") must\n    // follow too, not wait for the next scroll.\n    const mutations = typeof MutationObserver === \"undefined\" ? null : new MutationObserver(schedule);\n    mutations?.observe(wrapper, { childList: true, subtree: true });\n    schedule();\n    return () => {\n      window.removeEventListener(\"scroll\", schedule, { capture: true });\n      window.removeEventListener(\"resize\", schedule);\n      observer?.disconnect();\n      mutations?.disconnect();\n      if (frame !== 0) cancelAnimationFrame(frame);\n      // Turned off mid-scroll: the header goes back where it belongs.\n      const head = wrapper.querySelector(\"thead\");\n      if (head) paint(head, 0);\n    };\n  }, [ref, enabled]);\n}\n"],"mappings":"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","names":[]}

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

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

package/dist/{chunk-L7OWFJUU.js → chunk-5RC7WAHH.js}

@@ -1,43 +1,50 @@
 import {
-  GridMain
-} from "./chunk-JY5YINUH.js";
-import {
-  FilterDialog,
-  GridFilterPanel
-} from "./chunk-TKLPPAS5.js";
-import {
-  DataViewsEmpty
-} from "./chunk-375HTCF2.js";
+  ShellEmpty
+} from "./chunk-Y2CCXB7R.js";
 import {
   InlineFilterControls
-} from "./chunk-Y7YKIIYS.js";
+} from "./chunk-TQXB2OHP.js";
 import {
   GridHeaderRow
 } from "./chunk-X3AFXHY5.js";
+import {
+  GridMain
+} from "./chunk-WQ32YFM5.js";
+import {
+  FilterDialog,
+  GridFilterPanel
+} from "./chunk-AHNEEFK6.js";
 import {
   DataViewsPagination
 } from "./chunk-XZFTRGRW.js";
 import {
-  toOverflowFields,
   useFilterOverflow
-} from "./chunk-6QYKZMEE.js";
+} from "./chunk-CSLBRJ7N.js";
+import {
+  toOverflowFields,
+  toggleQuick
+} from "./chunk-GCYGVWOI.js";
 import {
   allOnPageSelected,
   resolveSelectionExtra
 } from "./chunk-5YDS6HO3.js";
 import {
   ScopeTabsSlot
-} from "./chunk-VJB63DUM.js";
+} from "./chunk-K3PMMW23.js";
 import {
   ShellToolbar
-} from "./chunk-L6MGAPBX.js";
+} from "./chunk-RCZ4KL2H.js";
+import {
+  SHELL_PROPS,
+  useStickyBarTop
+} from "./chunk-4IE66GY2.js";
 import {
   togglePillValues
 } from "./chunk-XZE5FIRB.js";
 import {
   DataViewsLayoutProvider,
   useDataViewsLayout
-} from "./chunk-JYMXYSDP.js";
+} from "./chunk-5CAWRMDX.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -49,7 +56,7 @@ import {
 } from "./chunk-WEBEOBN5.js";
 
 // src/components/data-display/DataViews/data-views-grid-parts.tsx
-import { useEffect, useState } from "react";
+import { useEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 function LayoutStateSync({
   c
@@ -68,12 +75,13 @@ function useGridShellFilters({
   rangeFields,
   testIdPrefix,
   alwaysShowSearch,
-  hasExport
+  hasExport,
+  quickFilters
 }) {
   const { state } = c;
   const [openControls, setOpenControls] = useState(0);
   const split = useFilterOverflow(
-    toOverflowFields(fields, rangeFields),
+    toOverflowFields(fields, rangeFields, quickFilters),
     state.pills,
     c.ranges,
     openControls > 0,
@@ -81,7 +89,7 @@ function useGridShellFilters({
   );
   const showInline = inlineFilters;
   const useModal = false;
-  const inlineVisible = showInline && (alwaysShowSearch || fields.length > 0 || rangeFields.length > 0 || state.search !== "");
+  const inlineVisible = showInline && (alwaysShowSearch || fields.length > 0 || rangeFields.length > 0 || quickFilters.length > 0 || state.search !== "");
   const filterProps = {
     testIdPrefix,
     search: state.search,
@@ -94,7 +102,8 @@ function useGridShellFilters({
     onTogglePill: (fieldId, value, checked) => c.patch(({ pills }) => ({ pills: { ...pills, [fieldId]: togglePillValues(pills[fieldId], value, checked) } })),
     onChangeRange: (fieldId, range) => c.patch({ ranges: { ...c.ranges, [fieldId]: range } }),
     onClearField: (fieldId) => c.patch({ pills: { ...state.pills, [fieldId]: [] } }),
-    onClearAll: () => c.patch({ search: "", pills: {}, ranges: {} })
+    onClearAll: () => c.patch({ search: "", pills: {}, ranges: {} }),
+    onToggleQuick: (quick) => c.patch(({ pills }) => ({ pills: toggleQuick(pills, quick) }))
   };
   return {
     showInline,
@@ -112,15 +121,9 @@ function ShellStack({
   const copy = useDataViewsCopy();
   const { c, testIdPrefix, dataTestId, scopes = [], emptyState, inlineFilters = false } = props;
   const { showInline, useModal, inlineVisible, filterProps, split, onControlOpenChange } = filters;
-  const body = /* @__PURE__ */ jsx(
-    DataViewsEmpty,
-    {
-      filtered: c.activeFilterCount > 0 || c.state.search !== "",
-      onClearFilters: () => c.patch({ search: "", pills: {}, ranges: {} }),
-      emptyState,
-      testIdPrefix
-    }
-  );
+  const shellRef = useRef(null);
+  useStickyBarTop(shellRef, props.stickyToolbar === true);
+  const body = /* @__PURE__ */ jsx(ShellEmpty, { c, emptyState, testIdPrefix });
   return /* @__PURE__ */ jsx(
     TableFilter,
     {
@@ -128,7 +131,7 @@ function ShellStack({
       open: c.filterOpen,
       onOpenChange: c.setFilterOpen,
       hasActiveFilters: c.activeFilterCount > 0,
-      children: /* @__PURE__ */ jsxs(default2, { spacing: 0, "data-testid": dataTestId ? `${dataTestId}-container` : void 0, children: [
+      children: /* @__PURE__ */ jsxs(default2, { ref: shellRef, spacing: 0, "data-testid": dataTestId ? `${dataTestId}-container` : void 0, ...props.stickyToolbar ? SHELL_PROPS : {}, children: [
         /* @__PURE__ */ jsx(GridHeaderRow, { title: props.title, headerActions: props.headerActions, testIdPrefix }),
         /* @__PURE__ */ jsx(
           ShellToolbar,
@@ -156,7 +159,8 @@ function ShellStack({
             toolbarRightSlot: props.toolbarRightSlot,
             compactControls: showInline && split.compactControls,
             counterHidden: showInline && split.counterHidden,
-            showInline
+            showInline,
+            sticky: props.stickyToolbar === true
           }
         ),
         /* @__PURE__ */ jsx(
@@ -186,7 +190,8 @@ function ShellStack({
                 selectable: props.selectable !== false,
                 dataTestId,
                 testIdPrefix,
-                emptyState: body
+                emptyState: body,
+                stickyHead: props.stickyToolbar === true
               }
             ),
             /* @__PURE__ */ jsx(DataViewsPagination, { c, testIdPrefix })
@@ -219,7 +224,8 @@ function GridShell(props) {
     rangeFields,
     testIdPrefix,
     alwaysShowSearch,
-    hasExport: props.exportConfig !== void 0
+    hasExport: props.exportConfig !== void 0,
+    quickFilters: props.quickFilters ?? []
   });
   return /* @__PURE__ */ jsxs(
     DataViewsLayoutProvider,
@@ -241,4 +247,4 @@ function GridShell(props) {
 export {
   GridShell
 };
-//# sourceMappingURL=chunk-L7OWFJUU.js.map
+//# sourceMappingURL=chunk-5RC7WAHH.js.map

package/dist/chunk-5RC7WAHH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/DataViews/data-views-grid-parts.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useRef, 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 { allOnPageSelected, 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 { ShellEmpty } 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 { SHELL_PROPS, useStickyBarTop } from \"./data-views-sticky-head\";\nimport { togglePillValues } from \"./data-views-grid-helpers\";\nimport { toggleQuick } from \"./data-views-overflow-fields\";\nimport type {\n  DataViewCardSelection,\n  FilterFieldConfig,\n  QuickFilterConfig,\n  RangeFieldConfig,\n  RangeValue,\n  RowAction,\n} from \"./data-views-types\";\nimport type { DataViewRowDetail } from \"./data-views-row-detail\";\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  /** Press a quick chip (its field becomes `[value]`), or release the pressed one. */\n  onToggleQuick: (quick: QuickFilterConfig) => 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  quickFilters: QuickFilterConfig[];\n}\n\nfunction useGridShellFilters<T extends Record<string, unknown>>({\n  c,\n  inlineFilters,\n  fields,\n  rangeFields,\n  testIdPrefix,\n  alwaysShowSearch,\n  hasExport,\n  quickFilters,\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, quickFilters),\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 ||\n      fields.length > 0 ||\n      rangeFields.length > 0 ||\n      quickFilters.length > 0 ||\n      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    onToggleQuick: (quick) => c.patch(({ pills }) => ({ pills: toggleQuick(pills, quick) })),\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  /** Opt-in expandable rows, drawn by the table layout only. */\n  rowDetail?: DataViewRowDetail<T>;\n  /** Row selection, on by default. False ⇒ no checkboxes in any layout, no select-all. */\n  selectable?: boolean;\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  /** One-click toggle chips at the head of the bar — see `QuickFilterConfig`. */\n  quickFilters?: QuickFilterConfig[];\n  /** Pin the toolbar and the table header while the page scrolls. */\n  stickyToolbar?: 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  const shellRef = useRef<HTMLDivElement>(null);\n  useStickyBarTop(shellRef, props.stickyToolbar === true);\n  const body = <ShellEmpty c={c} emptyState={emptyState} testIdPrefix={testIdPrefix} />;\n  return (\n    <TableFilter\n      copy={copy.tableFilter} open={c.filterOpen} onOpenChange={c.setFilterOpen}\n      hasActiveFilters={c.activeFilterCount > 0}\n    >\n      <Stack ref={shellRef} spacing={0} data-testid={dataTestId ? `${dataTestId}-container` : undefined} {...(props.stickyToolbar ? SHELL_PROPS : {})}>\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          allOnPageSelected={allOnPageSelected(c, props.getRowId)}\n          toolbarRightSlot={props.toolbarRightSlot}\n          compactControls={showInline && split.compactControls}\n          counterHidden={showInline && split.counterHidden}\n          showInline={showInline}\n          sticky={props.stickyToolbar === true}\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              rowDetail={props.rowDetail} selectable={props.selectable !== false}\n              dataTestId={dataTestId}\n              testIdPrefix={testIdPrefix}\n              emptyState={body}\n              stickyHead={props.stickyToolbar === true}\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    quickFilters: props.quickFilters ?? [],\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-647DEGIU.js → chunk-5WJFCQFN.js}

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

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

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

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

@@ -3,7 +3,7 @@ import {
 } from "./chunk-RQF4NXDC.js";
 import {
   PanelRangeField
-} from "./chunk-647DEGIU.js";
+} from "./chunk-5WJFCQFN.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -157,4 +157,4 @@ export {
   GridFilterPanel,
   FilterDialog
 };
-//# sourceMappingURL=chunk-TKLPPAS5.js.map
+//# sourceMappingURL=chunk-AHNEEFK6.js.map

package/dist/chunk-AT6UKTH4.js

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

package/dist/chunk-AT6UKTH4.js.map

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

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

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

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

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

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

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