@12-apps/ui 6.92.2 → 6.93.0

package/dist/{chunk-FWTVIRZZ.js → chunk-JVQ56E3U.js}

@@ -3,25 +3,25 @@ import {
 } from "./chunk-UOS7DEQZ.js";
 import {
   LightboxThumbnails
-} from "./chunk-64UNVW6D.js";
+} from "./chunk-BP3ZKIPE.js";
 import {
   LightboxStage
 } from "./chunk-SYGM4SHY.js";
 import {
   LightboxOverlay
-} from "./chunk-WLLUARTC.js";
+} from "./chunk-T2G4LDU5.js";
 import {
   LightboxCurrentMedia
 } from "./chunk-RBGUS7WO.js";
+import {
+  LightboxCopyProvider
+} from "./chunk-TEQYTEM2.js";
 import {
   useLightbox
 } from "./chunk-HZBDTPPV.js";
 import {
   makeTestId
 } from "./chunk-VQU3CBAL.js";
-import {
-  LightboxCopyProvider
-} from "./chunk-TEQYTEM2.js";
 import {
   scrim
 } from "./chunk-XJAD6E3V.js";
@@ -148,4 +148,4 @@ export {
   Lightbox,
   Lightbox_default
 };
-//# sourceMappingURL=chunk-FWTVIRZZ.js.map
+//# sourceMappingURL=chunk-JVQ56E3U.js.map

package/dist/{chunk-YOLLISEY.js → chunk-JXK53XJW.js}

@@ -1,3 +1,7 @@
+import {
+  EnhancedTableBody,
+  EnhancedTableHeader
+} from "./chunk-L5KPBMMF.js";
 import {
   tableStyles
 } from "./chunk-BVHIKXCN.js";
@@ -5,14 +9,6 @@ import {
   useTableSelection,
   useVirtualScrolling
 } from "./chunk-RZSMRBOX.js";
-import {
-  EmptyRow,
-  NoDataPlaceholder
-} from "./chunk-XIXR2L3L.js";
-import {
-  EnhancedTableBody,
-  EnhancedTableHeader
-} from "./chunk-L5KPBMMF.js";
 import {
   TABLE_DEFAULTS,
   containerStyle,
@@ -24,6 +20,10 @@ import {
   tableRowHeight,
   virtualHeight
 } from "./chunk-Y3DV7LGC.js";
+import {
+  EmptyRow,
+  NoDataPlaceholder
+} from "./chunk-XIXR2L3L.js";
 import {
   rem
 } from "./chunk-YKCAJ2TN.js";
@@ -310,4 +310,4 @@ Table.displayName = "Table";
 export {
   Table
 };
-//# sourceMappingURL=chunk-YOLLISEY.js.map
+//# sourceMappingURL=chunk-JXK53XJW.js.map

package/dist/{chunk-PCQ5JWLF.js → chunk-KPUUHAK6.js}

@@ -1,9 +1,13 @@
+import {
+  handleBlockKey,
+  keyCreateSpan
+} from "./chunk-4QGKR65P.js";
 import {
   Axis,
   Coverage,
   GroupFooter,
   RulerRow
-} from "./chunk-UDBOGSFO.js";
+} from "./chunk-6HPVCDVU.js";
 import {
   groupTitleSx,
   rootSx,
@@ -14,13 +18,9 @@ import {
 import {
   EN_US_DAY_RULER_LABELS
 } from "./chunk-F2ZUUEXC.js";
-import {
-  handleBlockKey,
-  keyCreateSpan
-} from "./chunk-Y3F2F36I.js";
 import {
   useRulerDrag
-} from "./chunk-EKSJES5E.js";
+} from "./chunk-MAYAJXO6.js";
 import {
   DAY_RULER_METRICS
 } from "./chunk-7ZQ3KQ7J.js";
@@ -125,4 +125,4 @@ function DayRuler(props) {
 export {
   DayRuler
 };
-//# sourceMappingURL=chunk-PCQ5JWLF.js.map
+//# sourceMappingURL=chunk-KPUUHAK6.js.map

package/dist/{chunk-56JF5PZK.js → chunk-LYVTJLCF.js}

@@ -1,9 +1,9 @@
-import {
-  SPRING_CONFIG
-} from "./chunk-IM4DMKH4.js";
 import {
   useDragGestures
 } from "./chunk-CRN4KKNI.js";
+import {
+  SPRING_CONFIG
+} from "./chunk-IM4DMKH4.js";
 
 // src/components/data-display/Sheet/Sheet.hooks.ts
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
@@ -213,4 +213,4 @@ export {
   useSheetDrag,
   useSheetOpen
 };
-//# sourceMappingURL=chunk-56JF5PZK.js.map
+//# sourceMappingURL=chunk-LYVTJLCF.js.map

package/dist/{chunk-NXQ6PXLJ.js → chunk-LZ5PGB7U.js}

@@ -10,7 +10,7 @@ import {
 import {
   useSheetDrag,
   useSheetOpen
-} from "./chunk-56JF5PZK.js";
+} from "./chunk-LYVTJLCF.js";
 import {
   DEFAULT_DRAG_RESISTANCE,
   DEFAULT_VELOCITY_THRESHOLD,
@@ -143,4 +143,4 @@ var Sheet = (props) => {
 export {
   Sheet
 };
-//# sourceMappingURL=chunk-NXQ6PXLJ.js.map
+//# sourceMappingURL=chunk-LZ5PGB7U.js.map

package/dist/{chunk-EKSJES5E.js → chunk-MAYAJXO6.js}

@@ -1,12 +1,12 @@
-import {
-  DAY_RULER_METRICS
-} from "./chunk-7ZQ3KQ7J.js";
 import {
   createdSpan,
   hourAt,
   moved,
   resized
 } from "./chunk-LE5JYNR7.js";
+import {
+  DAY_RULER_METRICS
+} from "./chunk-7ZQ3KQ7J.js";
 import {
   useDragWindow,
   useTrailingClick
@@ -101,4 +101,4 @@ function useRulerDrag(scale, handlers) {
 export {
   useRulerDrag
 };
-//# sourceMappingURL=chunk-EKSJES5E.js.map
+//# sourceMappingURL=chunk-MAYAJXO6.js.map

package/dist/{chunk-CNUO2BRV.js → chunk-MFX4ASX5.js}

@@ -1,9 +1,9 @@
 import {
   GridShell
-} from "./chunk-KQDBOZQE.js";
+} from "./chunk-XFZDO2KB.js";
 import {
   useDataViewsState
-} from "./chunk-ZCNR4DN5.js";
+} from "./chunk-XBWW3QSI.js";
 
 // src/components/data-display/DataViews/DataViewsGrid.tsx
 import { useEffect, useRef } from "react";
@@ -27,4 +27,4 @@ function DataViewsGrid(props) {
 export {
   DataViewsGrid
 };
-//# sourceMappingURL=chunk-CNUO2BRV.js.map
+//# sourceMappingURL=chunk-MFX4ASX5.js.map

package/dist/{chunk-5I75WRXT.js → chunk-N3GLX64O.js}

@@ -1,3 +1,6 @@
+import {
+  RegionMapList
+} from "./chunk-BRZKOUEL.js";
 import {
   RegionMapLegend
 } from "./chunk-PBRCKHN3.js";
@@ -7,9 +10,6 @@ import {
 import {
   useRegionMap
 } from "./chunk-G2NVBCF7.js";
-import {
-  RegionMapList
-} from "./chunk-BRZKOUEL.js";
 
 // src/components/data-display/RegionMap/RegionMap.tsx
 import Box from "@mui/material/Box/index.js";
@@ -80,4 +80,4 @@ function RegionMap({
 export {
   RegionMap
 };
-//# sourceMappingURL=chunk-5I75WRXT.js.map
+//# sourceMappingURL=chunk-N3GLX64O.js.map

package/dist/{chunk-PEAUGQKU.js → chunk-NQCTANF3.js}

@@ -1,9 +1,3 @@
-import {
-  resolveIconPlacement
-} from "./chunk-QXUXO22M.js";
-import {
-  AlertContent
-} from "./chunk-7HZ36QDH.js";
 import {
   alertEmphasisStyles,
   alertLayoutStyles,
@@ -12,6 +6,12 @@ import {
   getColorFromTheme,
   getVariantIcon
 } from "./chunk-L5RS6QAT.js";
+import {
+  resolveIconPlacement
+} from "./chunk-QXUXO22M.js";
+import {
+  AlertContent
+} from "./chunk-7HZ36QDH.js";
 import {
   resolveAlertProps,
   resolveAnnouncement,
@@ -277,4 +277,4 @@ export {
   Alert,
   ALERT_ONLY_PROPS
 };
-//# sourceMappingURL=chunk-PEAUGQKU.js.map
+//# sourceMappingURL=chunk-NQCTANF3.js.map

package/dist/{chunk-QE4KYG5I.js → chunk-OM6ZT64U.js}

@@ -5,19 +5,19 @@ import {
 } from "./chunk-T7OIVPCO.js";
 import {
   MoreFilters
-} from "./chunk-DWH4TQXK.js";
+} from "./chunk-F5H3WDG7.js";
 import {
   PillControl
 } from "./chunk-AJ6KFHEE.js";
+import {
+  QuickChip
+} from "./chunk-AT6UKTH4.js";
 import {
   isQuickActive
 } from "./chunk-KYUEO2IO.js";
 import {
   RangePill
 } from "./chunk-3WYEENUH.js";
-import {
-  QuickChip
-} from "./chunk-AT6UKTH4.js";
 import {
   CollapsedSearch,
   InlineKeyword
@@ -251,4 +251,4 @@ function FilterSlots({
 export {
   InlineFilterControls
 };
-//# sourceMappingURL=chunk-QE4KYG5I.js.map
+//# sourceMappingURL=chunk-OM6ZT64U.js.map

package/dist/{chunk-W676GY42.js → chunk-P772HCHI.js}

@@ -1,11 +1,11 @@
+import {
+  useLightboxCopy
+} from "./chunk-TEQYTEM2.js";
 import {
   OVERLAY_Z_INDEX,
   navButtonSx,
   overlayButtonSx
 } from "./chunk-VQU3CBAL.js";
-import {
-  useLightboxCopy
-} from "./chunk-TEQYTEM2.js";
 import {
   sxRem
 } from "./chunk-YKCAJ2TN.js";
@@ -156,4 +156,4 @@ export {
   LightboxZoomControls,
   LightboxAutoplayButton
 };
-//# sourceMappingURL=chunk-W676GY42.js.map
+//# sourceMappingURL=chunk-P772HCHI.js.map

package/dist/{chunk-VWRXSBT2.js → chunk-R52N5UCS.js}

@@ -4,7 +4,7 @@ import {
 import {
   CHART_SEMANTIC_COLORS,
   specToChartProps
-} from "./chunk-JVOEVTCZ.js";
+} from "./chunk-HQCZT6TO.js";
 import {
   accentFor
 } from "./chunk-B7ZHEOQQ.js";
@@ -46,4 +46,4 @@ var SpecChart = ({
 export {
   SpecChart
 };
-//# sourceMappingURL=chunk-VWRXSBT2.js.map
+//# sourceMappingURL=chunk-R52N5UCS.js.map

package/dist/{chunk-FQNDJITD.js → chunk-RCTHCXS6.js}

@@ -1,6 +1,6 @@
 import {
   Alert
-} from "./chunk-PEAUGQKU.js";
+} from "./chunk-NQCTANF3.js";
 
 // src/components/data-display/CardKit/card-actions-context.tsx
 import { createContext, useCallback, useContext, useState } from "react";
@@ -58,4 +58,4 @@ export {
   CardActionsProvider,
   useCardActions
 };
-//# sourceMappingURL=chunk-FQNDJITD.js.map
+//# sourceMappingURL=chunk-RCTHCXS6.js.map

package/dist/{chunk-WLLUARTC.js → chunk-T2G4LDU5.js}

@@ -3,7 +3,7 @@ import {
   LightboxCloseButton,
   LightboxNavButtons,
   LightboxZoomControls
-} from "./chunk-W676GY42.js";
+} from "./chunk-P772HCHI.js";
 
 // src/components/data-display/Lightbox/LightboxOverlay.tsx
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -60,4 +60,4 @@ var LightboxOverlay = ({
 export {
   LightboxOverlay
 };
-//# sourceMappingURL=chunk-WLLUARTC.js.map
+//# sourceMappingURL=chunk-T2G4LDU5.js.map

package/dist/{chunk-D2JQF2WC.js → chunk-VJIJCLUX.js}

@@ -1,15 +1,15 @@
 import {
   PillControl
 } from "./chunk-AJ6KFHEE.js";
+import {
+  QuickRow
+} from "./chunk-AT6UKTH4.js";
 import {
   isQuickActive
 } from "./chunk-KYUEO2IO.js";
 import {
   RangeBounds
 } from "./chunk-FC7UCFFA.js";
-import {
-  QuickRow
-} from "./chunk-AT6UKTH4.js";
 import {
   isRangeSet
 } from "./chunk-GCZJH4XL.js";
@@ -278,4 +278,4 @@ export {
   clearTargetSx,
   MoreGroup
 };
-//# sourceMappingURL=chunk-D2JQF2WC.js.map
+//# sourceMappingURL=chunk-VJIJCLUX.js.map

package/dist/{chunk-66VKX6JE.js → chunk-WJMSND5Q.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk-4SQ2WCZA.js";
 import {
   Alert
-} from "./chunk-PEAUGQKU.js";
+} from "./chunk-NQCTANF3.js";
 
 // src/components/data-display/DataViews/data-views-table-parts.tsx
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -121,4 +121,4 @@ export {
   ViewsMenuSlot,
   ViewDialogs
 };
-//# sourceMappingURL=chunk-66VKX6JE.js.map
+//# sourceMappingURL=chunk-WJMSND5Q.js.map

package/dist/{chunk-ZCNR4DN5.js → chunk-XBWW3QSI.js}

@@ -5,6 +5,9 @@ import {
 import {
   filterRows
 } from "./chunk-YGQX7BNI.js";
+import {
+  useSelection
+} from "./chunk-LLZWB32X.js";
 import {
   resolveScope,
   useScopeConfigChecks
@@ -17,9 +20,6 @@ import {
   serverDerived,
   useServerQuery
 } from "./chunk-IMLIIW77.js";
-import {
-  useSelection
-} from "./chunk-LLZWB32X.js";
 import {
   useClearFilters,
   useStateWriters
@@ -178,4 +178,4 @@ function useDataViewsState({
 export {
   useDataViewsState
 };
-//# sourceMappingURL=chunk-ZCNR4DN5.js.map
+//# sourceMappingURL=chunk-XBWW3QSI.js.map

package/dist/{chunk-KQDBOZQE.js → chunk-XFZDO2KB.js}

@@ -7,7 +7,7 @@ import {
 } from "./chunk-MKVDHR3B.js";
 import {
   InlineFilterControls
-} from "./chunk-QE4KYG5I.js";
+} from "./chunk-OM6ZT64U.js";
 import {
   GridHeaderRow
 } from "./chunk-X3AFXHY5.js";
@@ -252,4 +252,4 @@ function GridShell(props) {
 export {
   GridShell
 };
-//# sourceMappingURL=chunk-KQDBOZQE.js.map
+//# sourceMappingURL=chunk-XFZDO2KB.js.map

package/dist/{chunk-BOADHYTA.js → chunk-YNZUYZ2O.js}

@@ -8,7 +8,7 @@ import {
 } from "./chunk-L7BRU4UF.js";
 import {
   Alert
-} from "./chunk-PEAUGQKU.js";
+} from "./chunk-NQCTANF3.js";
 import {
   Button
 } from "./chunk-YOXYSAUI.js";
@@ -106,4 +106,4 @@ NotificationStatusNotice.displayName = "NotificationStatusNotice";
 export {
   NotificationStatusNotice
 };
-//# sourceMappingURL=chunk-BOADHYTA.js.map
+//# sourceMappingURL=chunk-YNZUYZ2O.js.map

package/dist/{chunk-XRV4QFEQ.js → chunk-ZBUMGMWP.js}

@@ -1,20 +1,14 @@
 import {
   SequenceOverviewBody
-} from "./chunk-YE7M7URT.js";
+} from "./chunk-6D5AMANO.js";
 import {
   SequenceDoneBody,
   SequenceIntroBody,
   SequenceStepBody
-} from "./chunk-OCT5VCLP.js";
+} from "./chunk-BQBEN44R.js";
 import {
-  SequenceHeader
-} from "./chunk-JO6D7YGN.js";
-import {
-  chromeSx,
-  columnSx,
-  paperSx,
-  scrollBodySx
-} from "./chunk-2ORD2FMN.js";
+  ResolverFrame
+} from "./chunk-CPQJFHNZ.js";
 import {
   SEQUENCE_METRICS
 } from "./chunk-ALDS5ISD.js";
@@ -29,15 +23,11 @@ import {
   progressOf,
   summaryOf
 } from "./chunk-KZ5F52D6.js";
-import {
-  Dialog
-} from "./chunk-DAFFZED3.js";
 
 // src/components/feedback/SequenceResolver/SequenceResolver.tsx
-import Box from "@mui/material/Box/index.js";
 import { useTheme } from "@mui/material/styles/index.js";
 import useMediaQuery from "@mui/material/useMediaQuery/index.js";
-import { useCallback, useId, useRef, useState } from "react";
+import { useCallback, useEffect, useId, useRef, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 function headerLabelOf(props, run, current) {
   const { labels } = props;
@@ -89,13 +79,6 @@ function headerOf(inputs) {
   }
   return { ...base, back: backOf(props, state), seeAll: overview.button };
 }
-function escapeCloses(close) {
-  return (event) => {
-    if (event.key !== "Escape" || event.defaultPrevented) return;
-    event.stopPropagation();
-    close();
-  };
-}
 function SequenceBody(body) {
   const { props, state, current, step, overview, titleId, stepTitleRef, touch, testId, close } = body;
   if (props.intro) {
@@ -137,6 +120,7 @@ function SequenceBody(body) {
     ] });
   }
   if (stepBody) return /* @__PURE__ */ jsx(Fragment, { children: stepBody });
+  if (props.done === null) return /* @__PURE__ */ jsx(Fragment, {});
   const summary = summaryOf(state.run);
   return /* @__PURE__ */ jsx(
     SequenceDoneBody,
@@ -151,8 +135,51 @@ function SequenceBody(body) {
     }
   );
 }
+function useCloseAtEnd(ended, close) {
+  const closeRef = useRef(close);
+  const fired = useRef(false);
+  useEffect(() => {
+    closeRef.current = close;
+  });
+  useEffect(() => {
+    if (!ended) {
+      fired.current = false;
+      return;
+    }
+    if (fired.current) return;
+    fired.current = true;
+    closeRef.current();
+  }, [ended]);
+  return ended;
+}
+function useExitScreen(live, input) {
+  const { open, hasStep, closesAtEnd } = input;
+  const last = useRef(null);
+  const wasOpen = useRef(open);
+  if (open && !wasOpen.current) last.current = null;
+  wasOpen.current = open;
+  if (!closesAtEnd) return live;
+  if (open && hasStep) {
+    last.current = live;
+    return live;
+  }
+  const kept = last.current;
+  if (!kept) return live;
+  const { header } = kept;
+  if (!("back" in header) || !header.back) return kept;
+  return { ...kept, header: { ...header, back: { ...header.back, onClick: () => void 0 } } };
+}
+function useRunEnding(props, state) {
+  const { open, onClose, intro } = props;
+  const { run } = state;
+  const current = intro ? void 0 : currentOf(run);
+  const close = () => onClose(summaryOf(run));
+  const closesAtEnd = props.done === null && !intro;
+  const ended = useCloseAtEnd(open && closesAtEnd && !current, close);
+  return { current, close, ended, exiting: ended || !open && closesAtEnd };
+}
 function SequenceResolver(props) {
-  const { open, onClose, intro, labels } = props;
+  const { open, intro, labels } = props;
   const testId = props.dataTestId ?? "sequence-resolver";
   const theme = useTheme();
   const touch = useMediaQuery(theme.breakpoints.down(SEQUENCE_METRICS.sheetBreakpoint));
@@ -171,53 +198,44 @@ function SequenceResolver(props) {
     failed: labels.failed,
     stepAllowsBack: () => stepAllowsBack.current
   });
-  const { run } = state;
-  const current = intro ? void 0 : currentOf(run);
-  const close = () => onClose(summaryOf(run));
+  const ending = useRunEnding(props, state);
+  const { current, close } = ending;
   const overview = useOverview(props, state, current, open);
   const titleProps = { id: overview.shown ? `${titleId}-kept` : titleId, tabIndex: -1, ref: titleRef };
   const step = current ? props.renderStep(current, stepApiOf(state, titleProps)) : void 0;
   stepAllowsBack.current = step?.canGoBack !== false;
+  const screen = useExitScreen(
+    {
+      header: headerOf({ props, state, current, overview, titleId }),
+      body: /* @__PURE__ */ jsx(
+        SequenceBody,
+        {
+          props,
+          state,
+          current,
+          step,
+          overview,
+          titleId,
+          stepTitleRef,
+          touch,
+          testId,
+          close
+        }
+      )
+    },
+    { open, hasStep: current !== void 0 && step !== void 0, closesAtEnd: props.done === null && !intro }
+  );
   return /* @__PURE__ */ jsx(
-    Dialog,
+    ResolverFrame,
     {
-      open,
-      onClose: close,
-      persistent: true,
-      variant: touch ? "bottom-sheet" : "default",
-      size: "sm",
-      "aria-labelledby": titleId,
-      onKeyDown: escapeCloses(close),
-      slotProps: { paper: { sx: paperSx(touch) } },
-      dataTestId: testId,
-      children: /* @__PURE__ */ jsxs(Box, { sx: columnSx, children: [
-        /* @__PURE__ */ jsx(Box, { sx: chromeSx, children: /* @__PURE__ */ jsx(
-          SequenceHeader,
-          {
-            touch,
-            ...headerOf({ props, state, current, overview, titleId }),
-            closeLabel: labels.close,
-            onClose: close,
-            progressLabel: labels.progress,
-            testId
-          }
-        ) }),
-        /* @__PURE__ */ jsx(Box, { sx: scrollBodySx, "data-testid": `${testId}-body`, children: /* @__PURE__ */ jsx(
-          SequenceBody,
-          {
-            props,
-            state,
-            current,
-            step,
-            overview,
-            titleId,
-            stepTitleRef,
-            touch,
-            testId,
-            close
-          }
-        ) })
-      ] })
+      shown: open && !ending.ended,
+      exiting: ending.exiting,
+      touch,
+      titleId,
+      testId,
+      labels,
+      screen,
+      close
     }
   );
 }
@@ -225,4 +243,4 @@ function SequenceResolver(props) {
 export {
   SequenceResolver
 };
-//# sourceMappingURL=chunk-XRV4QFEQ.js.map
+//# sourceMappingURL=chunk-ZBUMGMWP.js.map