@12-apps/ui 6.66.2 → 6.68.0

package/dist/_internal/components/index.js

@@ -120,28 +120,28 @@ import "../../chunk-P3GBXE73.js";
 import "../../chunk-R445KMGG.js";
 import {
   Tabs
-} from "../../chunk-CMLIWUBW.js";
+} from "../../chunk-QPCHABOZ.js";
 import "../../chunk-GNCSDUGY.js";
 import "../../chunk-QMHS6ZDI.js";
 import "../../chunk-QGUNUXTT.js";
 import {
   SettingToggle
-} from "../../chunk-EZFQO77P.js";
+} from "../../chunk-IPYV7BLH.js";
 import {
   SettingGroup
-} from "../../chunk-SAJDNO43.js";
-import "../../chunk-7JS2SPRW.js";
+} from "../../chunk-IGMD6S76.js";
+import "../../chunk-LKRXLWCC.js";
 import "../../chunk-XJQNSMGA.js";
 import {
   SETTING_GRID_CONTAINER,
   SettingGrid
-} from "../../chunk-KUFDUXYB.js";
+} from "../../chunk-U6ODZJCH.js";
 import {
   SettingCard
-} from "../../chunk-XMVPNCYM.js";
+} from "../../chunk-YQGVO3ZU.js";
 import "../../chunk-SALQ65SM.js";
-import "../../chunk-AAXLQFC7.js";
-import "../../chunk-OJFE5PK6.js";
+import "../../chunk-3FIIMP7I.js";
+import "../../chunk-ZZO5MRMV.js";
 import "../../chunk-IQWPVPV5.js";
 import "../../chunk-BFRVMCQM.js";
 import "../../chunk-AY7LXHAJ.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,12 +561,13 @@ import {
   CarouselIndicators,
   CarouselThumbnails
 } from "../../chunk-FRGNTTPA.js";
+import "../../chunk-Z64TMGYT.js";
 import "../../chunk-2GTORM5E.js";
 import {
   Chip
-} from "../../chunk-EWTSQTVR.js";
-import "../../chunk-HYQJJLBC.js";
-import "../../chunk-KU6VHNRV.js";
+} from "../../chunk-NI67M453.js";
+import "../../chunk-DHAXUVMR.js";
+import "../../chunk-E5I776YW.js";
 import "../../chunk-BF4FYOAR.js";
 import "../../chunk-NCS2TBIP.js";
 import {
@@ -684,12 +684,12 @@ import "../../chunk-LV7LSPBF.js";
 import "../../chunk-CN46HGXE.js";
 import {
   StackedModal
-} from "../../chunk-TNVO3EVF.js";
+} from "../../chunk-KT3TF2LT.js";
 import {
   StackedModalActions,
   StackedModalContent
-} from "../../chunk-6A6GZRXD.js";
-import "../../chunk-3PGY4UL4.js";
+} from "../../chunk-3VXS7O3X.js";
+import "../../chunk-YKQA4NPM.js";
 import "../../chunk-TSMF7K37.js";
 import {
   ModalStackProvider,
@@ -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 {
@@ -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/components/layout/SettingCard/SettingCard.js

@@ -1,9 +1,9 @@
 import {
   SettingCard
-} from "../../../../chunk-XMVPNCYM.js";
+} from "../../../../chunk-YQGVO3ZU.js";
 import "../../../../chunk-SALQ65SM.js";
-import "../../../../chunk-AAXLQFC7.js";
-import "../../../../chunk-OJFE5PK6.js";
+import "../../../../chunk-3FIIMP7I.js";
+import "../../../../chunk-ZZO5MRMV.js";
 import "../../../../chunk-IQWPVPV5.js";
 import "../../../../chunk-BFRVMCQM.js";
 import "../../../../chunk-RN7UJI7S.js";
@@ -14,9 +14,9 @@ import "../../../../chunk-G3JFESKD.js";
 import "../../../../chunk-QYJ25FWM.js";
 import "../../../../chunk-BCWL7HUO.js";
 import "../../../../chunk-2GTORM5E.js";
-import "../../../../chunk-EWTSQTVR.js";
-import "../../../../chunk-HYQJJLBC.js";
-import "../../../../chunk-KU6VHNRV.js";
+import "../../../../chunk-NI67M453.js";
+import "../../../../chunk-DHAXUVMR.js";
+import "../../../../chunk-E5I776YW.js";
 import "../../../../chunk-BF4FYOAR.js";
 import "../../../../chunk-LV7LSPBF.js";
 import "../../../../chunk-PGGGKYWG.js";

package/dist/_internal/components/layout/SettingCard/SettingCard.parts.js

@@ -4,16 +4,16 @@ import {
   SaveError,
   SettingHeader,
   partTestId
-} from "../../../../chunk-OJFE5PK6.js";
+} from "../../../../chunk-ZZO5MRMV.js";
 import "../../../../chunk-IQWPVPV5.js";
 import "../../../../chunk-BFRVMCQM.js";
 import "../../../../chunk-RN7UJI7S.js";
 import "../../../../chunk-JYWF76Z5.js";
 import "../../../../chunk-GGMB6LJH.js";
 import "../../../../chunk-2GTORM5E.js";
-import "../../../../chunk-EWTSQTVR.js";
-import "../../../../chunk-HYQJJLBC.js";
-import "../../../../chunk-KU6VHNRV.js";
+import "../../../../chunk-NI67M453.js";
+import "../../../../chunk-DHAXUVMR.js";
+import "../../../../chunk-E5I776YW.js";
 import "../../../../chunk-BF4FYOAR.js";
 import "../../../../chunk-PGGGKYWG.js";
 import "../../../../chunk-SEWUYHSG.js";

package/dist/_internal/components/layout/SettingCard/SettingCard.summary.js

@@ -2,8 +2,8 @@ import {
   SummaryInfo,
   useClamped,
   useSummaryInfo
-} from "../../../../chunk-AAXLQFC7.js";
-import "../../../../chunk-OJFE5PK6.js";
+} from "../../../../chunk-3FIIMP7I.js";
+import "../../../../chunk-ZZO5MRMV.js";
 import "../../../../chunk-IQWPVPV5.js";
 import "../../../../chunk-BFRVMCQM.js";
 import "../../../../chunk-RN7UJI7S.js";
@@ -14,9 +14,9 @@ import "../../../../chunk-G3JFESKD.js";
 import "../../../../chunk-QYJ25FWM.js";
 import "../../../../chunk-BCWL7HUO.js";
 import "../../../../chunk-2GTORM5E.js";
-import "../../../../chunk-EWTSQTVR.js";
-import "../../../../chunk-HYQJJLBC.js";
-import "../../../../chunk-KU6VHNRV.js";
+import "../../../../chunk-NI67M453.js";
+import "../../../../chunk-DHAXUVMR.js";
+import "../../../../chunk-E5I776YW.js";
 import "../../../../chunk-BF4FYOAR.js";
 import "../../../../chunk-PGGGKYWG.js";
 import "../../../../chunk-SEWUYHSG.js";

package/dist/_internal/components/layout/SettingCard/SettingGrid.js

@@ -2,17 +2,17 @@ import {
   SETTING_GRID_CONTAINER,
   SettingGrid,
   settingGridStyles
-} from "../../../../chunk-KUFDUXYB.js";
-import "../../../../chunk-OJFE5PK6.js";
+} from "../../../../chunk-U6ODZJCH.js";
+import "../../../../chunk-ZZO5MRMV.js";
 import "../../../../chunk-IQWPVPV5.js";
 import "../../../../chunk-BFRVMCQM.js";
 import "../../../../chunk-RN7UJI7S.js";
 import "../../../../chunk-JYWF76Z5.js";
 import "../../../../chunk-GGMB6LJH.js";
 import "../../../../chunk-2GTORM5E.js";
-import "../../../../chunk-EWTSQTVR.js";
-import "../../../../chunk-HYQJJLBC.js";
-import "../../../../chunk-KU6VHNRV.js";
+import "../../../../chunk-NI67M453.js";
+import "../../../../chunk-DHAXUVMR.js";
+import "../../../../chunk-E5I776YW.js";
 import "../../../../chunk-BF4FYOAR.js";
 import "../../../../chunk-PGGGKYWG.js";
 import "../../../../chunk-SEWUYHSG.js";

package/dist/_internal/components/layout/SettingCard/SettingGroup.js

@@ -1,11 +1,11 @@
 import {
   SettingGroup
-} from "../../../../chunk-SAJDNO43.js";
-import "../../../../chunk-7JS2SPRW.js";
+} from "../../../../chunk-IGMD6S76.js";
+import "../../../../chunk-LKRXLWCC.js";
 import "../../../../chunk-XJQNSMGA.js";
 import "../../../../chunk-SALQ65SM.js";
-import "../../../../chunk-AAXLQFC7.js";
-import "../../../../chunk-OJFE5PK6.js";
+import "../../../../chunk-3FIIMP7I.js";
+import "../../../../chunk-ZZO5MRMV.js";
 import "../../../../chunk-IQWPVPV5.js";
 import "../../../../chunk-BFRVMCQM.js";
 import "../../../../chunk-RN7UJI7S.js";
@@ -16,9 +16,9 @@ import "../../../../chunk-G3JFESKD.js";
 import "../../../../chunk-QYJ25FWM.js";
 import "../../../../chunk-BCWL7HUO.js";
 import "../../../../chunk-2GTORM5E.js";
-import "../../../../chunk-EWTSQTVR.js";
-import "../../../../chunk-HYQJJLBC.js";
-import "../../../../chunk-KU6VHNRV.js";
+import "../../../../chunk-NI67M453.js";
+import "../../../../chunk-DHAXUVMR.js";
+import "../../../../chunk-E5I776YW.js";
 import "../../../../chunk-BF4FYOAR.js";
 import "../../../../chunk-4PJ52YBO.js";
 import "../../../../chunk-EIMFA7KP.js";

package/dist/_internal/components/layout/SettingCard/SettingSwitch.js

@@ -1,9 +1,9 @@
 import {
   SettingSwitchBlock,
   useSettingSwitchIds
-} from "../../../../chunk-7JS2SPRW.js";
-import "../../../../chunk-AAXLQFC7.js";
-import "../../../../chunk-OJFE5PK6.js";
+} from "../../../../chunk-LKRXLWCC.js";
+import "../../../../chunk-3FIIMP7I.js";
+import "../../../../chunk-ZZO5MRMV.js";
 import "../../../../chunk-IQWPVPV5.js";
 import "../../../../chunk-BFRVMCQM.js";
 import "../../../../chunk-RN7UJI7S.js";
@@ -14,9 +14,9 @@ import "../../../../chunk-G3JFESKD.js";
 import "../../../../chunk-QYJ25FWM.js";
 import "../../../../chunk-BCWL7HUO.js";
 import "../../../../chunk-2GTORM5E.js";
-import "../../../../chunk-EWTSQTVR.js";
-import "../../../../chunk-HYQJJLBC.js";
-import "../../../../chunk-KU6VHNRV.js";
+import "../../../../chunk-NI67M453.js";
+import "../../../../chunk-DHAXUVMR.js";
+import "../../../../chunk-E5I776YW.js";
 import "../../../../chunk-BF4FYOAR.js";
 import "../../../../chunk-4PJ52YBO.js";
 import "../../../../chunk-EIMFA7KP.js";

package/dist/_internal/components/layout/SettingCard/SettingToggle.js

@@ -1,11 +1,11 @@
 import {
   SettingToggle
-} from "../../../../chunk-EZFQO77P.js";
-import "../../../../chunk-7JS2SPRW.js";
+} from "../../../../chunk-IPYV7BLH.js";
+import "../../../../chunk-LKRXLWCC.js";
 import "../../../../chunk-XJQNSMGA.js";
 import "../../../../chunk-SALQ65SM.js";
-import "../../../../chunk-AAXLQFC7.js";
-import "../../../../chunk-OJFE5PK6.js";
+import "../../../../chunk-3FIIMP7I.js";
+import "../../../../chunk-ZZO5MRMV.js";
 import "../../../../chunk-IQWPVPV5.js";
 import "../../../../chunk-BFRVMCQM.js";
 import "../../../../chunk-RN7UJI7S.js";
@@ -16,9 +16,9 @@ import "../../../../chunk-G3JFESKD.js";
 import "../../../../chunk-QYJ25FWM.js";
 import "../../../../chunk-BCWL7HUO.js";
 import "../../../../chunk-2GTORM5E.js";
-import "../../../../chunk-EWTSQTVR.js";
-import "../../../../chunk-HYQJJLBC.js";
-import "../../../../chunk-KU6VHNRV.js";
+import "../../../../chunk-NI67M453.js";
+import "../../../../chunk-DHAXUVMR.js";
+import "../../../../chunk-E5I776YW.js";
 import "../../../../chunk-BF4FYOAR.js";
 import "../../../../chunk-4PJ52YBO.js";
 import "../../../../chunk-EIMFA7KP.js";

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

@@ -2,22 +2,22 @@ import "../../../chunk-AEMD6JHZ.js";
 import "../../../chunk-QGUNUXTT.js";
 import {
   SettingToggle
-} from "../../../chunk-EZFQO77P.js";
+} from "../../../chunk-IPYV7BLH.js";
 import {
   SettingGroup
-} from "../../../chunk-SAJDNO43.js";
-import "../../../chunk-7JS2SPRW.js";
+} from "../../../chunk-IGMD6S76.js";
+import "../../../chunk-LKRXLWCC.js";
 import "../../../chunk-XJQNSMGA.js";
 import {
   SETTING_GRID_CONTAINER,
   SettingGrid
-} from "../../../chunk-KUFDUXYB.js";
+} from "../../../chunk-U6ODZJCH.js";
 import {
   SettingCard
-} from "../../../chunk-XMVPNCYM.js";
+} from "../../../chunk-YQGVO3ZU.js";
 import "../../../chunk-SALQ65SM.js";
-import "../../../chunk-AAXLQFC7.js";
-import "../../../chunk-OJFE5PK6.js";
+import "../../../chunk-3FIIMP7I.js";
+import "../../../chunk-ZZO5MRMV.js";
 import "../../../chunk-IQWPVPV5.js";
 import "../../../chunk-BFRVMCQM.js";
 import "../../../chunk-AY7LXHAJ.js";
@@ -90,9 +90,9 @@ import "../../../chunk-G3JFESKD.js";
 import "../../../chunk-QYJ25FWM.js";
 import "../../../chunk-BCWL7HUO.js";
 import "../../../chunk-2GTORM5E.js";
-import "../../../chunk-EWTSQTVR.js";
-import "../../../chunk-HYQJJLBC.js";
-import "../../../chunk-KU6VHNRV.js";
+import "../../../chunk-NI67M453.js";
+import "../../../chunk-DHAXUVMR.js";
+import "../../../chunk-E5I776YW.js";
 import "../../../chunk-BF4FYOAR.js";
 import "../../../chunk-4NS4PJJH.js";
 import {

package/dist/_internal/components/navigation/Tabs/Tabs.js

@@ -1,6 +1,6 @@
 import {
   Tabs
-} from "../../../../chunk-CMLIWUBW.js";
+} from "../../../../chunk-QPCHABOZ.js";
 import "../../../../chunk-GNCSDUGY.js";
 import "../../../../chunk-QMHS6ZDI.js";
 import "../../../../chunk-RGVNXES5.js";

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

@@ -44,7 +44,7 @@ import "../../../chunk-P3GBXE73.js";
 import "../../../chunk-R445KMGG.js";
 import {
   Tabs
-} from "../../../chunk-CMLIWUBW.js";
+} from "../../../chunk-QPCHABOZ.js";
 import "../../../chunk-GNCSDUGY.js";
 import "../../../chunk-QMHS6ZDI.js";
 import "../../../chunk-5CUKSNWG.js";

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-AAXLQFC7.js → chunk-3FIIMP7I.js}

@@ -1,6 +1,6 @@
 import {
   partTestId
-} from "./chunk-OJFE5PK6.js";
+} from "./chunk-ZZO5MRMV.js";
 import {
   SETTING_CARD
 } from "./chunk-BFRVMCQM.js";
@@ -92,4 +92,4 @@ export {
   SummaryInfo,
   useSummaryInfo
 };
-//# sourceMappingURL=chunk-AAXLQFC7.js.map
+//# sourceMappingURL=chunk-3FIIMP7I.js.map

package/dist/{chunk-6A6GZRXD.js → chunk-3VXS7O3X.js}

@@ -4,7 +4,7 @@ import {
   titleLeftStyles,
   titleRightStyles,
   titleStyles
-} from "./chunk-3PGY4UL4.js";
+} from "./chunk-YKQA4NPM.js";
 import {
   safeAreaBottom
 } from "./chunk-AKZWDZCZ.js";
@@ -253,4 +253,4 @@ export {
   ModalFooter,
   ModalPanelContents
 };
-//# sourceMappingURL=chunk-6A6GZRXD.js.map
+//# sourceMappingURL=chunk-3VXS7O3X.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":[]}