@12-apps/ui 6.39.19 → 6.40.0

package/dist/_internal/tokens/density.js

@@ -0,0 +1,31 @@
+import {
+  densityThemeOptions,
+  useDensity
+} from "../../chunk-TRTX4BDI.js";
+import "../../chunk-EXFX3JRN.js";
+import "../../chunk-GDN2LUTZ.js";
+import "../../chunk-7FDU3FIN.js";
+import "../../chunk-EPEJMTCQ.js";
+import {
+  DEFAULT_DENSITY,
+  DENSITY_FACTOR,
+  densityFieldHeight,
+  densityFontSize,
+  densitySpacingUnit,
+  resolveDensityFactor
+} from "../../chunk-VBP46YP4.js";
+import "../../chunk-26X4CZVR.js";
+import "../../chunk-O6MJWHU5.js";
+import "../../chunk-6JAIFIPW.js";
+import "../../chunk-PZ5AY32C.js";
+export {
+  DEFAULT_DENSITY,
+  DENSITY_FACTOR,
+  densityFieldHeight,
+  densityFontSize,
+  densitySpacingUnit,
+  densityThemeOptions,
+  resolveDensityFactor,
+  useDensity
+};
+//# sourceMappingURL=density.js.map

package/dist/_internal/tokens/density.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/_internal/tokens/field-height.core.js

@@ -6,7 +6,7 @@ import {
   fieldHeightPx,
   fieldHeightRem,
   resolveFieldHeight
-} from "../../chunk-PZBK3F52.js";
+} from "../../chunk-O6MJWHU5.js";
 import "../../chunk-PZ5AY32C.js";
 export {
   DEFAULT_FIELD_HEIGHT,

package/dist/_internal/tokens/field-height.js

@@ -5,8 +5,9 @@ import {
   fieldHeight,
   fieldHeightOverrides,
   fieldOverrides,
-  fieldTextFieldStyles
-} from "../../chunk-CGO452DC.js";
+  fieldTextFieldStyles,
+  mergeMuiComponents
+} from "../../chunk-EXFX3JRN.js";
 import "../../chunk-GDN2LUTZ.js";
 import "../../chunk-7FDU3FIN.js";
 import "../../chunk-EPEJMTCQ.js";
@@ -17,7 +18,7 @@ import {
   FIELD_HEIGHT_SCALE,
   fieldHeightPx,
   fieldHeightRem
-} from "../../chunk-PZBK3F52.js";
+} from "../../chunk-O6MJWHU5.js";
 import "../../chunk-6JAIFIPW.js";
 import "../../chunk-PZ5AY32C.js";
 export {
@@ -32,6 +33,7 @@ export {
   fieldHeightPx,
   fieldHeightRem,
   fieldOverrides,
-  fieldTextFieldStyles
+  fieldTextFieldStyles,
+  mergeMuiComponents
 };
 //# sourceMappingURL=field-height.js.map

package/dist/_internal/tokens/theme.js

@@ -10,7 +10,8 @@ import {
   augmentColor,
   createUiTheme,
   px
-} from "../../chunk-BLW6KLDR.js";
+} from "../../chunk-YFODI4KT.js";
+import "../../chunk-VBP46YP4.js";
 import {
   contrastText,
   inkOver
@@ -18,7 +19,7 @@ import {
 import "../../chunk-AG66JBNH.js";
 import "../../chunk-FZXKH2ZT.js";
 import "../../chunk-26X4CZVR.js";
-import "../../chunk-PZBK3F52.js";
+import "../../chunk-O6MJWHU5.js";
 import "../../chunk-6JAIFIPW.js";
 import "../../chunk-PZ5AY32C.js";
 export {

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

@@ -2,37 +2,38 @@
 import {
   UserAvatar,
   UserMenu
-} from "../../chunk-ZWCYSAI5.js";
+} from "../../chunk-V7A5ZAAF.js";
 import "../../chunk-UDQSIRAP.js";
-import "../../chunk-66O55OZI.js";
+import "../../chunk-NYFGFELX.js";
 import "../../chunk-3ZVUNSFF.js";
-import "../../chunk-Y6C4MYZE.js";
-import "../../chunk-MTEQEPNY.js";
+import "../../chunk-TNQDSTIA.js";
 import "../../chunk-6ZZGK5DT.js";
+import "../../chunk-MTEQEPNY.js";
 import "../../chunk-VUHLNYAE.js";
 import "../../chunk-2GSIEDGN.js";
-import "../../chunk-WN5PNP6F.js";
-import "../../chunk-FKUYRQSP.js";
+import "../../chunk-OTWMG7B2.js";
 import "../../chunk-76X6JRVI.js";
 import "../../chunk-JH7EEJEQ.js";
+import "../../chunk-FKUYRQSP.js";
 import "../../chunk-BA4RHQ3B.js";
-import "../../chunk-HM2JJNUE.js";
-import "../../chunk-TAMIZE4Q.js";
-import "../../chunk-4WNFOBTH.js";
+import "../../chunk-BLUURKCY.js";
+import "../../chunk-KOX2AEFW.js";
 import "../../chunk-LN46DSMF.js";
-import "../../chunk-URHX4FAQ.js";
-import "../../chunk-ZN6YATOG.js";
+import "../../chunk-TAMIZE4Q.js";
+import "../../chunk-MKLIMY3D.js";
+import "../../chunk-PAT2BQOQ.js";
 import "../../chunk-TYJR4GOF.js";
-import "../../chunk-CGO452DC.js";
+import "../../chunk-EXFX3JRN.js";
 import "../../chunk-GDN2LUTZ.js";
 import "../../chunk-7FDU3FIN.js";
 import "../../chunk-EPEJMTCQ.js";
-import "../../chunk-BLW6KLDR.js";
+import "../../chunk-YFODI4KT.js";
+import "../../chunk-VBP46YP4.js";
 import "../../chunk-2BYKTBDL.js";
 import "../../chunk-AG66JBNH.js";
 import "../../chunk-FZXKH2ZT.js";
 import "../../chunk-26X4CZVR.js";
-import "../../chunk-PZBK3F52.js";
+import "../../chunk-O6MJWHU5.js";
 import "../../chunk-FQ6UW7IY.js";
 import "../../chunk-6JAIFIPW.js";
 import "../../chunk-N3GAFIXG.js";

package/dist/charts.js

@@ -1,14 +1,22 @@
 import "./chunk-5KLSLD72.js";
 import {
   SpecChart
-} from "./chunk-WL6N33AB.js";
+} from "./chunk-FIO55AKI.js";
 import {
   Chart
-} from "./chunk-TZBOWSAM.js";
-import "./chunk-VJ2BNJ5M.js";
-import "./chunk-IQJCLFF4.js";
-import "./chunk-EA2UNEL6.js";
-import "./chunk-SOHQPPYJ.js";
+} from "./chunk-PICOOZLX.js";
+import {
+  CHART_SEMANTIC_COLORS,
+  ChartSpecError,
+  parseChartSpec,
+  specToChartProps
+} from "./chunk-R6SBP5M5.js";
+import {
+  getChartSpecRenderer,
+  getRegisteredChartSpecTypes,
+  registerChartSpecRenderer
+} from "./chunk-WKUA6P3W.js";
+import "./chunk-QMELMQPA.js";
 import {
   ChartContainer,
   ChartLegend,
@@ -16,34 +24,28 @@ import {
   ChartTooltip,
   ChartTooltipContent
 } from "./chunk-RIRTW5EU.js";
-import {
-  CHART_SEMANTIC_COLORS,
-  ChartSpecError,
-  parseChartSpec,
-  specToChartProps
-} from "./chunk-GOWBYHYW.js";
 import {
   chartValueFormatter,
   formatChartValue
 } from "./chunk-QVWNK4JO.js";
-import {
-  getChartSpecRenderer,
-  getRegisteredChartSpecTypes,
-  registerChartSpecRenderer
-} from "./chunk-WKUA6P3W.js";
-import "./chunk-TCAQOUIB.js";
+import "./chunk-GANW7FXQ.js";
+import "./chunk-CNR5RFKC.js";
+import "./chunk-SOHQPPYJ.js";
+import "./chunk-ZSTSISM6.js";
+import "./chunk-TRTX4BDI.js";
 import "./chunk-7ZPUN7TV.js";
 import "./chunk-PT6TCWIW.js";
-import "./chunk-CGO452DC.js";
+import "./chunk-EXFX3JRN.js";
 import "./chunk-GDN2LUTZ.js";
 import "./chunk-7FDU3FIN.js";
 import "./chunk-EPEJMTCQ.js";
-import "./chunk-BLW6KLDR.js";
+import "./chunk-YFODI4KT.js";
+import "./chunk-VBP46YP4.js";
 import "./chunk-2BYKTBDL.js";
 import "./chunk-AG66JBNH.js";
 import "./chunk-FZXKH2ZT.js";
 import "./chunk-26X4CZVR.js";
-import "./chunk-PZBK3F52.js";
+import "./chunk-O6MJWHU5.js";
 import "./chunk-FQ6UW7IY.js";
 import "./chunk-6JAIFIPW.js";
 import "./chunk-N3GAFIXG.js";

package/dist/{chunk-N23GCN5U.js → chunk-23XBBGWD.js}

@@ -1,7 +1,7 @@
 import {
   ItemsPerPageSelect,
   PageInfo
-} from "./chunk-4GB46HLK.js";
+} from "./chunk-QX3CXOJ3.js";
 import {
   paginationStyles
 } from "./chunk-BWMHGENX.js";
@@ -194,4 +194,4 @@ Pagination.displayName = "Pagination";
 export {
   Pagination
 };
-//# sourceMappingURL=chunk-N23GCN5U.js.map
+//# sourceMappingURL=chunk-23XBBGWD.js.map

package/dist/{chunk-HVXIOIM5.js → chunk-2MLS6KU4.js}

@@ -1,7 +1,7 @@
 import {
   commandPaperStyles,
   commandSizeStyles
-} from "./chunk-C3LZ3OGJ.js";
+} from "./chunk-R2FUQV24.js";
 import {
   CommandEmpty,
   CommandLoading
@@ -307,4 +307,4 @@ export {
   CommandList,
   CommandGroup
 };
-//# sourceMappingURL=chunk-HVXIOIM5.js.map
+//# sourceMappingURL=chunk-2MLS6KU4.js.map

package/dist/{chunk-BSUG4KMP.js → chunk-2Q5QHSU2.js}

@@ -1,15 +1,15 @@
+import {
+  RangePresets
+} from "./chunk-7D7CJRL7.js";
 import {
   NumberBoundInput
-} from "./chunk-57FZM6GH.js";
+} from "./chunk-T7UUP7VD.js";
 import {
   isRangeInverted,
   isRangeSet,
   numericRange,
   rangeChipLabel
 } from "./chunk-GCZJH4XL.js";
-import {
-  RangePresets
-} from "./chunk-7D7CJRL7.js";
 import {
   presetsFor
 } from "./chunk-CBOB5AV6.js";
@@ -18,13 +18,13 @@ import {
 } from "./chunk-KHG57NAE.js";
 import {
   TableFilter
-} from "./chunk-J5UZB6Y6.js";
+} from "./chunk-E2FMNY6B.js";
 import {
   DayBoundInput
-} from "./chunk-GY4NBSCN.js";
+} from "./chunk-SE6TW72O.js";
 import {
   fieldHeight
-} from "./chunk-CGO452DC.js";
+} from "./chunk-EXFX3JRN.js";
 import {
   fieldRadiusPx
 } from "./chunk-GDN2LUTZ.js";
@@ -291,4 +291,4 @@ export {
   RangePill,
   PanelRangeField
 };
-//# sourceMappingURL=chunk-BSUG4KMP.js.map
+//# sourceMappingURL=chunk-2Q5QHSU2.js.map

package/dist/{chunk-GMUYCN33.js → chunk-2TSGRQ2J.js}

@@ -21,7 +21,11 @@ var LAZY_IMAGE_DEFAULTS = {
   skeletonProps: {},
   spinnerProps: {},
   sx: {},
-  role: "img"
+  role: "img",
+  // FUT-2774 #3: with no default, every derived id (`${testId}-img`, …) read
+  // literally as `"undefined-img"` for a caller that omitted it — and every
+  // such instance on a page collided on the same ids.
+  "data-testid": "lazy-image"
 };
 var definedProps = (props) => Object.fromEntries(
   Object.entries(props).filter(([, value]) => value !== void 0)
@@ -106,10 +110,14 @@ var useTimeoutRef = () => {
   return ref;
 };
 var usePlaceholderPhase = (props, loadingState) => {
-  const { placeholder, fadeIn, fadeInDuration } = props;
+  const { placeholder, fadeIn, fadeInDuration, src } = props;
   const active = loadingState === "placeholder" && Boolean(placeholder);
   const [retired, setRetired] = useState(false);
   const fadeTimeoutRef = useTimeoutRef();
+  useEffect(() => {
+    clearTimeout(fadeTimeoutRef.current);
+    setRetired(false);
+  }, [src, fadeTimeoutRef]);
   const retire = useCallback(() => setRetired(true), []);
   const retireAfterFade = useCallback(() => {
     if (!active || !fadeIn) {
@@ -135,25 +143,34 @@ var useImageSource = (props, containerRef) => {
     retryCount: 0,
     currentSrc: lazy ? null : src
   });
-  const markVisible = useCallback(
-    () => setState((prev) => ({ ...prev, isVisible: true, currentSrc: src })),
-    [src]
-  );
+  const requestedSrcRef = useRef(lazy ? null : src);
+  const retryTimeoutRef = useTimeoutRef();
+  const markVisible = useCallback(() => {
+    requestedSrcRef.current = src;
+    setState((prev) => ({ ...prev, isVisible: true, currentSrc: src }));
+  }, [src]);
   useVisibility(props, containerRef, state.isVisible, markVisible);
   useEffect(() => {
-    if (!state.isVisible || !src || state.currentSrc === src) {
+    if (!state.isVisible || !src || requestedSrcRef.current === src) {
       return;
     }
-    setState((prev) => ({ ...prev, currentSrc: src, isLoading: true, hasError: false }));
-  }, [state.isVisible, src, state.currentSrc]);
-  return [state, setState];
+    clearTimeout(retryTimeoutRef.current);
+    requestedSrcRef.current = src;
+    setState((prev) => ({
+      ...prev,
+      currentSrc: src,
+      isLoading: true,
+      hasError: false,
+      retryCount: 0
+    }));
+  }, [state.isVisible, src, retryTimeoutRef]);
+  return { state, setState, requestedSrcRef, retryTimeoutRef };
 };
 var useLazyImage = (props) => {
   const { src, loadingState, showSpinner } = props;
   const { onLoad, onError, retryOnError, maxRetries, retryDelay } = props;
   const containerRef = useRef(null);
-  const retryTimeoutRef = useTimeoutRef();
-  const [state, setState] = useImageSource(props, containerRef);
+  const { state, setState, requestedSrcRef, retryTimeoutRef } = useImageSource(props, containerRef);
   const effectiveLoadingState = showSpinner ? "spinner" : loadingState;
   const { showPlaceholder, retirePlaceholder, retirePlaceholderAfterFade } = usePlaceholderPhase(
     props,
@@ -176,6 +193,9 @@ var useLazyImage = (props) => {
         return;
       }
       retryTimeoutRef.current = setTimeout(() => {
+        if (requestedSrcRef.current !== src) {
+          return;
+        }
         setState((prev) => ({
           ...prev,
           retryCount: prev.retryCount + 1,
@@ -184,7 +204,7 @@ var useLazyImage = (props) => {
         }));
       }, retryDelay);
     },
-    [onError, retryOnError, state.retryCount, maxRetries, retryDelay, src, retirePlaceholder]
+    [onError, retryOnError, state.retryCount, maxRetries, retryDelay, src, retirePlaceholder, requestedSrcRef, retryTimeoutRef]
   );
   return {
     state,
@@ -206,4 +226,4 @@ export {
   imgPassThrough,
   useLazyImage
 };
-//# sourceMappingURL=chunk-GMUYCN33.js.map
+//# sourceMappingURL=chunk-2TSGRQ2J.js.map

package/dist/chunk-2TSGRQ2J.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/LazyImage/LazyImage.hooks.ts"],"sourcesContent":["import { useTheme } from '@mui/material/styles/index.js';\nimport React, { useCallback, useEffect, useRef, useState } from 'react';\n\nimport { remPx } from '../../../tokens/relative';\n\nimport type { LazyImageProps, LazyImageState } from './LazyImage.types';\n\ntype LazyImageDefaultedKeys =\n  | 'height'\n  | 'loadingState'\n  | 'objectFit'\n  | 'objectPosition'\n  | 'lazy'\n  | 'threshold'\n  | 'fadeIn'\n  | 'fadeInDuration'\n  | 'retryOnError'\n  | 'maxRetries'\n  | 'retryDelay'\n  | 'decoding'\n  | 'skeletonProps'\n  | 'spinnerProps'\n  | 'sx'\n  | 'role'\n  | 'data-testid';\n\nexport type ResolvedLazyImageProps = LazyImageProps &\n  Required<Pick<LazyImageProps, LazyImageDefaultedKeys>>;\n\nconst LAZY_IMAGE_DEFAULTS: Pick<LazyImageProps, LazyImageDefaultedKeys> = {\n  height: 'auto',\n  loadingState: 'skeleton',\n  objectFit: 'cover',\n  objectPosition: 'center',\n  lazy: true,\n  threshold: 0,\n  fadeIn: true,\n  fadeInDuration: 300,\n  retryOnError: false,\n  maxRetries: 3,\n  retryDelay: 1000,\n  decoding: 'async',\n  skeletonProps: {},\n  spinnerProps: {},\n  sx: {},\n  role: 'img',\n  // FUT-2774 #3: with no default, every derived id (`${testId}-img`, …) read\n  // literally as `\"undefined-img\"` for a caller that omitted it — and every\n  // such instance on a page collided on the same ids.\n  'data-testid': 'lazy-image',\n};\n\n// Strips explicitly-undefined props before the merge, so `lazy={undefined}` still\n// falls back to the default exactly as a destructuring default would.\nconst definedProps = (props: LazyImageProps): Partial<LazyImageProps> =>\n  Object.fromEntries(\n    Object.entries(props).filter(([, value]) => value !== undefined),\n  ) as Partial<LazyImageProps>;\n\nexport const resolveLazyImageProps = (props: LazyImageProps): ResolvedLazyImageProps =>\n  ({ ...LAZY_IMAGE_DEFAULTS, ...definedProps(props) }) as ResolvedLazyImageProps;\n\n// Props this component consumes itself. Anything else the caller passed is an\n// ordinary <img> attribute and is forwarded untouched.\nconst OWN_PROPS = new Set([\n  'src', 'alt', 'width', 'height', 'placeholder', 'fallback', 'loadingState',\n  'showSpinner', 'objectFit', 'objectPosition', 'borderRadius', 'lazy', 'rootMargin',\n  'threshold', 'fadeIn', 'fadeInDuration', 'onLoad', 'onError', 'onLoadStart',\n  'retryOnError', 'maxRetries', 'retryDelay', 'decoding', 'loading', 'fetchPriority',\n  'skeletonProps', 'spinnerProps', 'sx', 'className', 'data-testid', 'aria-label',\n  'aria-describedby', 'role',\n]);\n\nexport const imgPassThrough = (props: ResolvedLazyImageProps): Record<string, unknown> =>\n  Object.fromEntries(Object.entries(props).filter(([key]) => !OWN_PROPS.has(key)));\n\n/**\n * Flips `isVisible` the first time the container nears the viewport, then stops\n * observing. Does nothing when `lazy` is off — the caller wants the request now.\n */\nconst useVisibility = (\n  props: ResolvedLazyImageProps,\n  containerRef: React.RefObject<HTMLDivElement | null>,\n  isVisible: boolean,\n  onVisible: () => void,\n) => {\n  const { lazy, src, threshold, onLoadStart } = props;\n  const theme = useTheme();\n  // `IntersectionObserver` takes px or %, never rem: the default reach is 100\n  // design px, measured through the theme so it moves with the root.\n  const rootMargin = props.rootMargin ?? `${remPx(theme, 100)}px`;\n\n  useEffect(() => {\n    if (!lazy || isVisible) {\n      return;\n    }\n\n    const observer = new IntersectionObserver(\n      (entries) => {\n        entries.forEach((entry) => {\n          if (entry.isIntersecting) {\n            onVisible();\n            onLoadStart?.();\n            observer.unobserve(entry.target);\n          }\n        });\n      },\n      { rootMargin, threshold },\n    );\n\n    if (containerRef.current) {\n      observer.observe(containerRef.current);\n    }\n\n    return () => {\n      if (containerRef.current) {\n        observer.unobserve(containerRef.current);\n      }\n    };\n  }, [lazy, src, rootMargin, threshold, isVisible, onLoadStart, onVisible, containerRef]);\n};\n\n/** A pending timer has to be cancelled on unmount, or it sets state on a dead component. */\nconst useTimeoutRef = () => {\n  const ref = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n\n  useEffect(\n    () => () => {\n      if (ref.current) {\n        clearTimeout(ref.current);\n      }\n    },\n    [],\n  );\n\n  return ref;\n};\n\n/**\n * Whether the placeholder image is up. It is a loading state: only\n * `loadingState=\"placeholder\"` with a `placeholder` set draws it, from mount\n * until the real image settles — its `load` plus the fade, or its final error.\n * A placeholder that fails to load retires at once, as if none were set.\n */\nconst usePlaceholderPhase = (\n  props: ResolvedLazyImageProps,\n  loadingState: NonNullable<LazyImageProps['loadingState']>,\n) => {\n  const { placeholder, fadeIn, fadeInDuration, src } = props;\n  // Only this mode draws a placeholder. Otherwise the real image settling\n  // retires the phase at once — batched into the load's own render, with no\n  // timer — so a placeholder switched on afterwards never covers a loaded image.\n  const active = loadingState === 'placeholder' && Boolean(placeholder);\n  const [retired, setRetired] = useState(false);\n  const fadeTimeoutRef = useTimeoutRef();\n\n  // FUT-2774 #2: `retired` was set once and never reset, and this hook took\n  // no `src` at all — so a mounted instance reused for a NEW image (a\n  // carousel swapping `src` rather than remounting) never showed the\n  // placeholder again for it. Reset on every `src` change, the same way\n  // `useImageSource` already resets `currentSrc`/`isLoading`/`hasError`; drop\n  // any fade timer left over from the PREVIOUS image, or it would retire the\n  // new placeholder on a schedule that has nothing to do with it.\n  useEffect(() => {\n    clearTimeout(fadeTimeoutRef.current);\n    setRetired(false);\n  }, [src, fadeTimeoutRef]);\n\n  const retire = useCallback(() => setRetired(true), []);\n\n  // The real image fades in over the placeholder, so it goes when the fade ends.\n  const retireAfterFade = useCallback(() => {\n    if (!active || !fadeIn) {\n      setRetired(true);\n      return;\n    }\n    clearTimeout(fadeTimeoutRef.current);\n    fadeTimeoutRef.current = setTimeout(() => setRetired(true), fadeInDuration);\n  }, [active, fadeIn, fadeInDuration, fadeTimeoutRef]);\n\n  return {\n    showPlaceholder: active && !retired,\n    retirePlaceholder: retire,\n    retirePlaceholderAfterFade: retireAfterFade,\n  };\n};\n\n/**\n * The real image's state, and when it is requested: at once when not lazy,\n * else the first time the container nears the viewport. The main <img> only\n * ever carries the real src — a placeholder is drawn by its own element, so its\n * load and error are never the image's.\n */\nconst useImageSource = (\n  props: ResolvedLazyImageProps,\n  containerRef: React.RefObject<HTMLDivElement | null>,\n) => {\n  const { src, lazy } = props;\n  const [state, setState] = useState<LazyImageState>({\n    isLoading: true,\n    hasError: false,\n    isVisible: !lazy, // If not lazy, load immediately\n    retryCount: 0,\n    currentSrc: lazy ? null : src,\n  });\n  // FUT-2774 #1: the last `src` PROP this hook has already requested — as\n  // opposed to `state.currentSrc`, which a retry deliberately diverges from\n  // `src` (its cache-busting query string) without a NEW image having\n  // arrived. Comparing the effect's guard against `src` itself let a retry's\n  // own state update immediately retrigger this effect, which overwrote the\n  // cache-busted value back to the plain `src` before the browser ever\n  // re-requested it — so `retryOnError` silently never re-fetched anything.\n  const requestedSrcRef = useRef<string | null>(lazy ? null : src);\n  // `handleImageError` (in `useLazyImage`) owns the retry timer itself, but\n  // it schedules against THIS src's identity: read together, the two hooks\n  // can tell a timeout meant for an image that is no longer the current one\n  // apart from one that still is (FUT-2774, src-changing-mid-retry).\n  const retryTimeoutRef = useTimeoutRef();\n\n  const markVisible = useCallback(() => {\n    requestedSrcRef.current = src;\n    setState((prev) => ({ ...prev, isVisible: true, currentSrc: src }));\n  }, [src]);\n  useVisibility(props, containerRef, state.isVisible, markVisible);\n\n  // Load image when it becomes visible, or when `src` itself changes to a\n  // genuinely new value — never when only `state.currentSrc` has (a retry).\n  useEffect(() => {\n    if (!state.isVisible || !src || requestedSrcRef.current === src) {\n      return;\n    }\n\n    // A retry scheduled for the PREVIOUS src must not land on this one: left\n    // pending, its stale `setTimeout` would fire later and overwrite this\n    // fresh `currentSrc` with `${oldSrc}?retry=N` — cache-busting an image\n    // nothing asked for again, and never re-syncing back (FUT-2774).\n    clearTimeout(retryTimeoutRef.current);\n    requestedSrcRef.current = src;\n    setState((prev) => ({\n      ...prev,\n      currentSrc: src,\n      isLoading: true,\n      hasError: false,\n      retryCount: 0,\n    }));\n  }, [state.isVisible, src, retryTimeoutRef]);\n\n  return { state, setState, requestedSrcRef, retryTimeoutRef };\n};\n\n/**\n * Owns whether the real image has been requested yet and how it went: the\n * observer above, the load/error handlers, the retry timer, and how long the\n * placeholder stays up.\n */\nexport const useLazyImage = (props: ResolvedLazyImageProps) => {\n  const { src, loadingState, showSpinner } = props;\n  const { onLoad, onError, retryOnError, maxRetries, retryDelay } = props;\n\n  const containerRef = useRef<HTMLDivElement>(null);\n  const { state, setState, requestedSrcRef, retryTimeoutRef } = useImageSource(props, containerRef);\n\n  // Handle deprecated showSpinner prop\n  const effectiveLoadingState = showSpinner ? 'spinner' : loadingState;\n  const { showPlaceholder, retirePlaceholder, retirePlaceholderAfterFade } = usePlaceholderPhase(\n    props,\n    effectiveLoadingState,\n  );\n\n  const handleImageLoad = useCallback(\n    (event: React.SyntheticEvent<HTMLImageElement>) => {\n      setState((prev) => ({ ...prev, isLoading: false, hasError: false, retryCount: 0 }));\n      retirePlaceholderAfterFade();\n      onLoad?.(event);\n    },\n    [onLoad, retirePlaceholderAfterFade],\n  );\n\n  const handleImageError = useCallback(\n    (event: React.SyntheticEvent<HTMLImageElement>) => {\n      if (!retryOnError || state.retryCount >= maxRetries) {\n        setState((prev) => ({ ...prev, isLoading: false, hasError: true }));\n        retirePlaceholder();\n        onError?.(event);\n        return;\n      }\n\n      retryTimeoutRef.current = setTimeout(() => {\n        // Belt and suspenders alongside `useImageSource`'s own cancel-on-src-\n        // change: if `src` moved on since this timeout was scheduled, this\n        // retry is for an image that is no longer live at all — applying it\n        // would cache-bust the WRONG `<img>` (FUT-2774).\n        if (requestedSrcRef.current !== src) {\n          return;\n        }\n        setState((prev) => ({\n          ...prev,\n          retryCount: prev.retryCount + 1,\n          currentSrc: `${src}?retry=${prev.retryCount + 1}`, // Force reload with cache buster\n        }));\n      }, retryDelay);\n    },\n    [onError, retryOnError, state.retryCount, maxRetries, retryDelay, src, retirePlaceholder, requestedSrcRef, retryTimeoutRef],\n  );\n\n  return {\n    state,\n    containerRef,\n    effectiveLoadingState,\n    handleImageLoad,\n    handleImageError,\n    handlePlaceholderError: retirePlaceholder,\n    showImage: Boolean(state.currentSrc) && !state.hasError,\n    // In placeholder mode the placeholder outlasts `isLoading`: it stays under\n    // the real image until the fade has ended.\n    showLoading: effectiveLoadingState === 'placeholder' ? showPlaceholder : state.isLoading,\n    showPlaceholder,\n  };\n};\n"],"mappings":"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","names":[]}

package/dist/{chunk-MCJRHF7Z.js → chunk-2XTBGZSR.js}

@@ -1,20 +1,20 @@
+import {
+  glassStyles,
+  resolveMapPreviewProps
+} from "./chunk-4NQXHPQR.js";
 import {
   MapCoordinates,
   MapMarkers
 } from "./chunk-ODFJTEIL.js";
 import {
   MapLayers
-} from "./chunk-7D2C4LK2.js";
-import {
-  StaticMapView
-} from "./chunk-4RPFI474.js";
-import {
-  glassStyles,
-  resolveMapPreviewProps
-} from "./chunk-4NQXHPQR.js";
+} from "./chunk-GJ7GIGDS.js";
 import {
   useMapPreview
-} from "./chunk-2WVHZIWP.js";
+} from "./chunk-QSRZOXQI.js";
+import {
+  StaticMapView
+} from "./chunk-RSDYS5B3.js";
 import {
   rem
 } from "./chunk-YKCAJ2TN.js";
@@ -108,4 +108,4 @@ export {
   MapPreview,
   MapPreview_default
 };
-//# sourceMappingURL=chunk-MCJRHF7Z.js.map
+//# sourceMappingURL=chunk-2XTBGZSR.js.map

package/dist/{chunk-IASDP44E.js → chunk-3AOOI2NR.js}

@@ -1,13 +1,13 @@
 import {
-  useViewMutations
-} from "./chunk-DZEC6RFM.js";
+  coerceViewState,
+  emptyViewState
+} from "./chunk-LHHAYZ55.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
 import {
-  coerceViewState,
-  emptyViewState
-} from "./chunk-LHHAYZ55.js";
+  useViewMutations
+} from "./chunk-DZEC6RFM.js";
 
 // src/components/data-display/DataViews/use-saved-views-controller.ts
 import { useRef, useState } from "react";
@@ -96,4 +96,4 @@ function useSavedViewsController(persistence, router, columnIds, views, initialV
 export {
   useSavedViewsController
 };
-//# sourceMappingURL=chunk-IASDP44E.js.map
+//# sourceMappingURL=chunk-3AOOI2NR.js.map

package/dist/{chunk-7DK6YVJU.js → chunk-3B4YMZD5.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-7V6ZRQYW.js";
 import {
   useUiTheme
-} from "./chunk-3UABIEP3.js";
+} from "./chunk-FI6BL4UU.js";
 import {
   resolveTestId
 } from "./chunk-TYJR4GOF.js";
@@ -63,4 +63,4 @@ export {
   layoutToSx,
   Box
 };
-//# sourceMappingURL=chunk-7DK6YVJU.js.map
+//# sourceMappingURL=chunk-3B4YMZD5.js.map

package/dist/{chunk-TCV3N44E.js → chunk-3CLBGHTL.js}

@@ -6,7 +6,7 @@ import {
   labelStyles,
   sizeStyles,
   textColor
-} from "./chunk-VY2BMSHN.js";
+} from "./chunk-ANYOSBNA.js";
 import {
   withDefaults
 } from "./chunk-HPK33ACY.js";
@@ -145,4 +145,4 @@ Label.displayName = "Label";
 export {
   Label
 };
-//# sourceMappingURL=chunk-TCV3N44E.js.map
+//# sourceMappingURL=chunk-3CLBGHTL.js.map

package/dist/{chunk-YTY7TD7S.js → chunk-3HKUOLPD.js}

@@ -3,11 +3,11 @@ import {
 } from "./chunk-KHG57NAE.js";
 import {
   createConfirmButton
-} from "./chunk-OAW6GCS3.js";
+} from "./chunk-WUFTDJ2L.js";
 import {
   Dialog,
   DialogContent
-} from "./chunk-MQ277OLB.js";
+} from "./chunk-T2HZ3GVA.js";
 import {
   default as default2
 } from "./chunk-6DPAWXZ3.js";
@@ -16,10 +16,10 @@ import {
 } from "./chunk-WEBEOBN5.js";
 import {
   Button
-} from "./chunk-HM2JJNUE.js";
+} from "./chunk-BLUURKCY.js";
 import {
   Text
-} from "./chunk-URHX4FAQ.js";
+} from "./chunk-MKLIMY3D.js";
 
 // src/components/data-display/DataViews/ManageViewsDialog.tsx
 import { useMemo } from "react";
@@ -128,4 +128,4 @@ function ManageViewsDialog({
 export {
   ManageViewsDialog
 };
-//# sourceMappingURL=chunk-YTY7TD7S.js.map
+//# sourceMappingURL=chunk-3HKUOLPD.js.map

package/dist/{chunk-DFCQQN6P.js → chunk-3PGFMBEI.js}

@@ -1,6 +1,6 @@
 import {
   fieldHeight
-} from "./chunk-CGO452DC.js";
+} from "./chunk-EXFX3JRN.js";
 import {
   fieldRadiusPx
 } from "./chunk-GDN2LUTZ.js";
@@ -172,4 +172,4 @@ export {
   StackedTrigger,
   PillTrigger
 };
-//# sourceMappingURL=chunk-DFCQQN6P.js.map
+//# sourceMappingURL=chunk-3PGFMBEI.js.map

package/dist/{chunk-NLYNRE7L.js → chunk-3RUCLKAK.js}

@@ -1,12 +1,12 @@
+import {
+  useCommandPalette
+} from "./chunk-SUZXPDUQ.js";
 import {
   PaletteResults
 } from "./chunk-2ARVNCVU.js";
 import {
   ShortcutChip
 } from "./chunk-Z6MCTGIK.js";
-import {
-  useCommandPalette
-} from "./chunk-SUZXPDUQ.js";
 import {
   scrim
 } from "./chunk-FQ6UW7IY.js";
@@ -219,4 +219,4 @@ export {
   CommandPalette,
   CommandPalette_default
 };
-//# sourceMappingURL=chunk-NLYNRE7L.js.map
+//# sourceMappingURL=chunk-3RUCLKAK.js.map

package/dist/{chunk-HWSS6C7C.js → chunk-3UXBIUJF.js}

@@ -1,18 +1,18 @@
-import {
-  DataViewsDisplayPanel
-} from "./chunk-ME3WYPYK.js";
 import {
   DataViewsExportMenu
-} from "./chunk-S6JHTEV4.js";
+} from "./chunk-VE3P77TV.js";
+import {
+  DataViewsDisplayPanel
+} from "./chunk-BDBI4W77.js";
 import {
   renderBulkActions
-} from "./chunk-VPPIODKX.js";
+} from "./chunk-H772ZSAI.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
 import {
   FilterTrigger
-} from "./chunk-UMNXSQ7I.js";
+} from "./chunk-5K4G2XYS.js";
 import {
   ContentToolbar
 } from "./chunk-TZFBJ47T.js";
@@ -21,7 +21,7 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   Text
-} from "./chunk-URHX4FAQ.js";
+} from "./chunk-MKLIMY3D.js";
 import {
   sxRem
 } from "./chunk-YKCAJ2TN.js";
@@ -136,4 +136,4 @@ function GridToolbar(props) {
 export {
   GridToolbar
 };
-//# sourceMappingURL=chunk-HWSS6C7C.js.map
+//# sourceMappingURL=chunk-3UXBIUJF.js.map

package/dist/{chunk-DJYL2LC6.js → chunk-44Z72DDM.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-YMGHTZA6.js";
 import {
   MenubarItemView
-} from "./chunk-LP3JCXER.js";
+} from "./chunk-SNW5MJ6I.js";
 import {
   rem
 } from "./chunk-YKCAJ2TN.js";
@@ -87,4 +87,4 @@ var MenubarToolbar = ({
 export {
   MenubarToolbar
 };
-//# sourceMappingURL=chunk-DJYL2LC6.js.map
+//# sourceMappingURL=chunk-44Z72DDM.js.map