@12-apps/ui 6.66.1 → 6.67.0

package/dist/_internal/components/feedback/ConfirmAction/ConfirmAction.parts.js

@@ -1,9 +1,9 @@
 import {
   ConfirmActionDialog
-} from "../../../../chunk-UD4R5HMI.js";
+} from "../../../../chunk-5JRAQ4D5.js";
 import "../../../../chunk-2IBFEHIX.js";
-import "../../../../chunk-VI6HYB2W.js";
-import "../../../../chunk-IQQX3NDO.js";
+import "../../../../chunk-RZCXYKY4.js";
+import "../../../../chunk-BGTG7G54.js";
 import "../../../../chunk-XJAD6E3V.js";
 import "../../../../chunk-F5H2ZXST.js";
 import "../../../../chunk-N3GAFIXG.js";

package/dist/_internal/components/feedback/ConfirmAction/ConfirmButton.js

@@ -1,12 +1,12 @@
 import {
   createConfirmButton
-} from "../../../../chunk-LGCZRKED.js";
-import "../../../../chunk-7QRUGEGE.js";
+} from "../../../../chunk-NJMAFII4.js";
+import "../../../../chunk-GICG3XJK.js";
 import "../../../../chunk-EMYESBIT.js";
-import "../../../../chunk-UD4R5HMI.js";
+import "../../../../chunk-5JRAQ4D5.js";
 import "../../../../chunk-2IBFEHIX.js";
-import "../../../../chunk-VI6HYB2W.js";
-import "../../../../chunk-IQQX3NDO.js";
+import "../../../../chunk-RZCXYKY4.js";
+import "../../../../chunk-BGTG7G54.js";
 import "../../../../chunk-BA4RHQ3B.js";
 import "../../../../chunk-364NH2NY.js";
 import "../../../../chunk-PPEHBI5O.js";

package/dist/_internal/components/feedback/ConfirmAction/with-confirmation.js

@@ -1,11 +1,11 @@
 import {
   withConfirmation
-} from "../../../../chunk-7QRUGEGE.js";
+} from "../../../../chunk-GICG3XJK.js";
 import "../../../../chunk-EMYESBIT.js";
-import "../../../../chunk-UD4R5HMI.js";
+import "../../../../chunk-5JRAQ4D5.js";
 import "../../../../chunk-2IBFEHIX.js";
-import "../../../../chunk-VI6HYB2W.js";
-import "../../../../chunk-IQQX3NDO.js";
+import "../../../../chunk-RZCXYKY4.js";
+import "../../../../chunk-BGTG7G54.js";
 import "../../../../chunk-XJAD6E3V.js";
 import "../../../../chunk-F5H2ZXST.js";
 import "../../../../chunk-N3GAFIXG.js";

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

@@ -40,19 +40,19 @@ import "../../../chunk-OHXAJUO5.js";
 import "../../../chunk-XCBQXSTR.js";
 import {
   createConfirmButton
-} from "../../../chunk-LGCZRKED.js";
+} from "../../../chunk-NJMAFII4.js";
 import {
   withConfirmation
-} from "../../../chunk-7QRUGEGE.js";
+} from "../../../chunk-GICG3XJK.js";
 import {
   ConfirmAction
-} from "../../../chunk-SFZHGDRH.js";
+} from "../../../chunk-RX2XP7V5.js";
 import {
   useConfirmAction
 } from "../../../chunk-EMYESBIT.js";
 import {
   ConfirmActionDialog
-} from "../../../chunk-UD4R5HMI.js";
+} from "../../../chunk-5JRAQ4D5.js";
 import "../../../chunk-KFJKOVDD.js";
 import {
   Dialog,
@@ -83,8 +83,8 @@ import "../../../chunk-DQJFCVXW.js";
 import "../../../chunk-JYAXTRNH.js";
 import "../../../chunk-L7VH6IMR.js";
 import "../../../chunk-2IBFEHIX.js";
-import "../../../chunk-VI6HYB2W.js";
-import "../../../chunk-IQQX3NDO.js";
+import "../../../chunk-RZCXYKY4.js";
+import "../../../chunk-BGTG7G54.js";
 import "../../../chunk-3LHZCVGM.js";
 import "../../../chunk-BA4RHQ3B.js";
 import "../../../chunk-364NH2NY.js";

package/dist/_internal/components/index.js

@@ -552,8 +552,7 @@ import {
 import "../../chunk-62FET2BM.js";
 import {
   Carousel
-} from "../../chunk-S4JXSC4D.js";
-import "../../chunk-Z64TMGYT.js";
+} from "../../chunk-V6SRBQMN.js";
 import "../../chunk-6FDLBWTE.js";
 import "../../chunk-RUIV5TVA.js";
 import "../../chunk-RUF7TOAZ.js";
@@ -562,6 +561,7 @@ import {
   CarouselIndicators,
   CarouselThumbnails
 } from "../../chunk-FRGNTTPA.js";
+import "../../chunk-Z64TMGYT.js";
 import "../../chunk-2GTORM5E.js";
 import {
   Chip
@@ -656,19 +656,19 @@ import {
 import "../../chunk-XCBQXSTR.js";
 import {
   createConfirmButton
-} from "../../chunk-LGCZRKED.js";
+} from "../../chunk-NJMAFII4.js";
 import {
   withConfirmation
-} from "../../chunk-7QRUGEGE.js";
+} from "../../chunk-GICG3XJK.js";
 import {
   ConfirmAction
-} from "../../chunk-SFZHGDRH.js";
+} from "../../chunk-RX2XP7V5.js";
 import {
   useConfirmAction
 } from "../../chunk-EMYESBIT.js";
 import {
   ConfirmActionDialog
-} from "../../chunk-UD4R5HMI.js";
+} from "../../chunk-5JRAQ4D5.js";
 import "../../chunk-KFJKOVDD.js";
 import {
   Dialog,
@@ -698,11 +698,11 @@ import {
 import "../../chunk-L5CPOEDP.js";
 import {
   DataGrid
-} from "../../chunk-FXZUVZON.js";
-import "../../chunk-EARWC6PD.js";
+} from "../../chunk-LWZ2K225.js";
 import "../../chunk-LDROG4QI.js";
 import "../../chunk-ZFXTRPQO.js";
 import "../../chunk-ICDAYOJ6.js";
+import "../../chunk-EARWC6PD.js";
 import "../../chunk-G3E66C6J.js";
 import "../../chunk-SNCSGLJ6.js";
 import {
@@ -761,8 +761,8 @@ import "../../chunk-L7VH6IMR.js";
 import "../../chunk-2IBFEHIX.js";
 import {
   AlertDialog
-} from "../../chunk-VI6HYB2W.js";
-import "../../chunk-IQQX3NDO.js";
+} from "../../chunk-RZCXYKY4.js";
+import "../../chunk-BGTG7G54.js";
 import "../../chunk-5AK2EZG5.js";
 import {
   Badge
@@ -788,29 +788,22 @@ import "../../chunk-IBOFASAZ.js";
 import "../../chunk-5KLSLD72.js";
 import {
   SpecChart
-} from "../../chunk-SB2SEGR6.js";
+} from "../../chunk-TIM4PXWN.js";
 import {
   Chart
-} from "../../chunk-AMLHEKSV.js";
+} from "../../chunk-HI7JPDD6.js";
 import {
   CHART_SEMANTIC_COLORS,
   ChartSpecError,
   parseChartSpec,
   specToChartProps
-} from "../../chunk-HQCZT6TO.js";
-import {
-  chartValueFormatter,
-  formatChartValue
-} from "../../chunk-6GPNZSAE.js";
+} from "../../chunk-JVOEVTCZ.js";
 import {
   getChartSpecRenderer,
   getRegisteredChartSpecTypes,
   registerChartSpecRenderer
 } from "../../chunk-WKUA6P3W.js";
-import "../../chunk-6ATXOJVQ.js";
-import "../../chunk-TZC6KIK2.js";
-import "../../chunk-TCWISGSS.js";
-import "../../chunk-SOHQPPYJ.js";
+import "../../chunk-QADTI63U.js";
 import {
   ChartContainer,
   ChartLegend,
@@ -818,6 +811,13 @@ import {
   ChartTooltip,
   ChartTooltipContent
 } from "../../chunk-RIRTW5EU.js";
+import {
+  chartValueFormatter,
+  formatChartValue
+} from "../../chunk-6GPNZSAE.js";
+import "../../chunk-TZC6KIK2.js";
+import "../../chunk-TCWISGSS.js";
+import "../../chunk-SOHQPPYJ.js";
 import "../../chunk-6GP2DOOO.js";
 import {
   Heading
@@ -832,11 +832,11 @@ import "../../chunk-JIRZ27RI.js";
 import {
   Avatar,
   AvatarGroup
-} from "../../chunk-KARMRTTM.js";
-import "../../chunk-7XSCEHGA.js";
-import "../../chunk-MTEQEPNY.js";
-import "../../chunk-6ZZGK5DT.js";
+} from "../../chunk-J2RUDZVJ.js";
 import "../../chunk-3ZVUNSFF.js";
+import "../../chunk-EOQ6EKTS.js";
+import "../../chunk-6ZZGK5DT.js";
+import "../../chunk-MTEQEPNY.js";
 import "../../chunk-VUHLNYAE.js";
 import "../../chunk-2GSIEDGN.js";
 import {

package/dist/_internal/user-avatar/user-avatar.js

@@ -2,13 +2,13 @@
 import {
   UserAvatar,
   UserMenu
-} from "../../chunk-MJ6EAND6.js";
+} from "../../chunk-Q7BGMLCX.js";
 import "../../chunk-UDQSIRAP.js";
-import "../../chunk-KARMRTTM.js";
-import "../../chunk-7XSCEHGA.js";
-import "../../chunk-MTEQEPNY.js";
-import "../../chunk-6ZZGK5DT.js";
+import "../../chunk-J2RUDZVJ.js";
 import "../../chunk-3ZVUNSFF.js";
+import "../../chunk-EOQ6EKTS.js";
+import "../../chunk-6ZZGK5DT.js";
+import "../../chunk-MTEQEPNY.js";
 import "../../chunk-VUHLNYAE.js";
 import "../../chunk-2GSIEDGN.js";
 import "../../chunk-W2RXXF7K.js";

package/dist/charts.js

@@ -1,29 +1,22 @@
 import "./chunk-5KLSLD72.js";
 import {
   SpecChart
-} from "./chunk-SB2SEGR6.js";
+} from "./chunk-TIM4PXWN.js";
 import {
   Chart
-} from "./chunk-AMLHEKSV.js";
+} from "./chunk-HI7JPDD6.js";
 import {
   CHART_SEMANTIC_COLORS,
   ChartSpecError,
   parseChartSpec,
   specToChartProps
-} from "./chunk-HQCZT6TO.js";
-import {
-  chartValueFormatter,
-  formatChartValue
-} from "./chunk-6GPNZSAE.js";
+} from "./chunk-JVOEVTCZ.js";
 import {
   getChartSpecRenderer,
   getRegisteredChartSpecTypes,
   registerChartSpecRenderer
 } from "./chunk-WKUA6P3W.js";
-import "./chunk-6ATXOJVQ.js";
-import "./chunk-TZC6KIK2.js";
-import "./chunk-TCWISGSS.js";
-import "./chunk-SOHQPPYJ.js";
+import "./chunk-QADTI63U.js";
 import {
   ChartContainer,
   ChartLegend,
@@ -31,6 +24,13 @@ import {
   ChartTooltip,
   ChartTooltipContent
 } from "./chunk-RIRTW5EU.js";
+import {
+  chartValueFormatter,
+  formatChartValue
+} from "./chunk-6GPNZSAE.js";
+import "./chunk-TZC6KIK2.js";
+import "./chunk-TCWISGSS.js";
+import "./chunk-SOHQPPYJ.js";
 import "./chunk-B7ZHEOQQ.js";
 import "./chunk-BRHRK7BK.js";
 import "./chunk-25MSGLNU.js";

package/dist/{chunk-35L5YMYQ.js → chunk-2QB4WIU5.js}

@@ -5,6 +5,10 @@ import {
 import {
   filterRows
 } from "./chunk-YGQX7BNI.js";
+import {
+  serverDerived,
+  useServerQuery
+} from "./chunk-IMLIIW77.js";
 import {
   useSelection
 } from "./chunk-LLZWB32X.js";
@@ -16,13 +20,9 @@ import {
   computeActiveFilterCount,
   defaultSortFields
 } from "./chunk-XZE5FIRB.js";
-import {
-  serverDerived,
-  useServerQuery
-} from "./chunk-IMLIIW77.js";
 import {
   emptyViewState
-} from "./chunk-O2P2KTKN.js";
+} from "./chunk-HLYYB4O5.js";
 import {
   useStateWriters
 } from "./chunk-U5FOJBLG.js";
@@ -172,4 +172,4 @@ function useDataViewsState({
 export {
   useDataViewsState
 };
-//# sourceMappingURL=chunk-35L5YMYQ.js.map
+//# sourceMappingURL=chunk-2QB4WIU5.js.map

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-IPCRPGWU.js → chunk-4W6AQFMO.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-KHG57NAE.js";
 import {
   createConfirmButton
-} from "./chunk-LGCZRKED.js";
+} from "./chunk-NJMAFII4.js";
 import {
   Dialog,
   DialogContent
@@ -128,4 +128,4 @@ function ManageViewsDialog({
 export {
   ManageViewsDialog
 };
-//# sourceMappingURL=chunk-IPCRPGWU.js.map
+//# sourceMappingURL=chunk-4W6AQFMO.js.map

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-UD4R5HMI.js → chunk-5JRAQ4D5.js}

@@ -1,6 +1,6 @@
 import {
   AlertDialog
-} from "./chunk-VI6HYB2W.js";
+} from "./chunk-RZCXYKY4.js";
 
 // src/components/feedback/ConfirmAction/ConfirmAction.parts.tsx
 import Alert from "@mui/material/Alert/index.js";
@@ -104,4 +104,4 @@ function ConfirmActionDialog({
 export {
   ConfirmActionDialog
 };
-//# sourceMappingURL=chunk-UD4R5HMI.js.map
+//# sourceMappingURL=chunk-5JRAQ4D5.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