@12-apps/ui 6.21.0 → 6.22.0

package/dist/{chunk-NUE774AN.js → chunk-25R3ITGZ.js}

@@ -20,7 +20,7 @@ import {
 } from "./chunk-MWFSIB6K.js";
 import {
   resolveTestId
-} from "./chunk-6F5IKY32.js";
+} from "./chunk-TYJR4GOF.js";
 
 // src/components/data-display/EmptyState/EmptyState.tsx
 import AddIcon from "@mui/icons-material/Add";
@@ -200,4 +200,4 @@ export {
   EmptyState,
   EmptyState_default
 };
-//# sourceMappingURL=chunk-NUE774AN.js.map
+//# sourceMappingURL=chunk-25R3ITGZ.js.map

package/dist/{chunk-Z6UEOSL7.js → chunk-2FDBR77W.js}

@@ -6,10 +6,10 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   Button
-} from "./chunk-BNNSO4MC.js";
+} from "./chunk-YTOYMJPM.js";
 import {
   Text
-} from "./chunk-26Z7QWID.js";
+} from "./chunk-343TTIHD.js";
 
 // src/components/data-display/DataViews/data-views-view-nav.tsx
 import ChevronLeftRoundedIcon from "@mui/icons-material/ChevronLeftRounded";
@@ -294,4 +294,4 @@ export {
   ViewHeader,
   ViewFooter
 };
-//# sourceMappingURL=chunk-Z6UEOSL7.js.map
+//# sourceMappingURL=chunk-2FDBR77W.js.map

package/dist/{chunk-IFNK5TPI.js → chunk-2HPP6RVC.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk-WEBEOBN5.js";
 import {
   Text
-} from "./chunk-26Z7QWID.js";
+} from "./chunk-343TTIHD.js";
 
 // src/components/data-display/DataViews/save-view-preview.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -51,4 +51,4 @@ function PreviewBox({ preview, testIdPrefix }) {
 export {
   PreviewBox
 };
-//# sourceMappingURL=chunk-IFNK5TPI.js.map
+//# sourceMappingURL=chunk-2HPP6RVC.js.map

package/dist/{chunk-6RGWDKUL.js → chunk-2MMEIN4T.js}

@@ -4,13 +4,13 @@ import {
 } from "./chunk-5WNQJ5KS.js";
 import {
   PillControl
-} from "./chunk-JXAYT6LX.js";
+} from "./chunk-WLQTHPMX.js";
 import {
   MoreFilters
-} from "./chunk-FINCVAAR.js";
+} from "./chunk-QFJRB27Q.js";
 import {
   RangePill
-} from "./chunk-XEE7PLDR.js";
+} from "./chunk-QZBUGUOY.js";
 import {
   CollapsedSearch,
   InlineKeyword
@@ -220,4 +220,4 @@ function FilterSlots({
 export {
   InlineFilterControls
 };
-//# sourceMappingURL=chunk-6RGWDKUL.js.map
+//# sourceMappingURL=chunk-2MMEIN4T.js.map

package/dist/{chunk-YRUCIKPO.js → chunk-2UYR2OOE.js}

@@ -3,13 +3,13 @@ import {
   modalAriaIds,
   resolveModalContent
 } from "./chunk-JN3PGXRJ.js";
+import {
+  usePanelChrome
+} from "./chunk-G3QKH23Y.js";
 import {
   STYLE_ONLY_PROPS,
   dialogRootStyles
 } from "./chunk-SMCLG2RA.js";
-import {
-  usePanelChrome
-} from "./chunk-G3QKH23Y.js";
 
 // src/components/feedback/StackedModal/StackedModal.tsx
 import Dialog from "@mui/material/Dialog/index.js";
@@ -156,4 +156,4 @@ var StackedModal = (props) => {
 export {
   StackedModal
 };
-//# sourceMappingURL=chunk-YRUCIKPO.js.map
+//# sourceMappingURL=chunk-2UYR2OOE.js.map

package/dist/{chunk-26Z7QWID.js → chunk-343TTIHD.js}

@@ -15,7 +15,7 @@ import {
 import {
   resolveTestId,
   withoutTestIdProps
-} from "./chunk-6F5IKY32.js";
+} from "./chunk-TYJR4GOF.js";
 import {
   px
 } from "./chunk-NQN5Z36J.js";
@@ -143,4 +143,4 @@ Text.displayName = "Text";
 export {
   Text
 };
-//# sourceMappingURL=chunk-26Z7QWID.js.map
+//# sourceMappingURL=chunk-343TTIHD.js.map

package/dist/{chunk-BRSF5NRT.js → chunk-3FLVIVOK.js}

@@ -1,15 +1,15 @@
 import {
   RAIL_GAP_PX
-} from "./chunk-CZPU5TW3.js";
+} from "./chunk-LYSSO6WC.js";
 import {
   DescriptionItem
-} from "./chunk-736HP6BL.js";
+} from "./chunk-M4LQRQFL.js";
 import {
   default as default2
 } from "./chunk-6DPAWXZ3.js";
 import {
   Text
-} from "./chunk-26Z7QWID.js";
+} from "./chunk-343TTIHD.js";
 
 // src/components/data-display/DataViews/base-list-card-slots.tsx
 import { Fragment } from "react";
@@ -222,4 +222,4 @@ export {
   ListCardActions,
   ListCardTail
 };
-//# sourceMappingURL=chunk-BRSF5NRT.js.map
+//# sourceMappingURL=chunk-3FLVIVOK.js.map

package/dist/{chunk-BDVNAU2C.js → chunk-4523RYE7.js}

@@ -3,20 +3,20 @@ import {
 } from "./chunk-INGPH3YQ.js";
 import {
   Heading
-} from "./chunk-426FTCMF.js";
+} from "./chunk-MESRKY67.js";
 import {
   Separator
 } from "./chunk-MCZ7536N.js";
 import {
   Card,
   CardContent
-} from "./chunk-D2IASECY.js";
+} from "./chunk-AIRWM7KK.js";
 import {
   Button
-} from "./chunk-BNNSO4MC.js";
+} from "./chunk-YTOYMJPM.js";
 import {
   Text
-} from "./chunk-26Z7QWID.js";
+} from "./chunk-343TTIHD.js";
 
 // src/social-login-button/social-login-button.tsx
 import * as React from "react";
@@ -174,4 +174,4 @@ export {
   SocialLoginButton,
   SocialLoginContainer
 };
-//# sourceMappingURL=chunk-BDVNAU2C.js.map
+//# sourceMappingURL=chunk-4523RYE7.js.map

package/dist/{chunk-4ETQRBZC.js → chunk-46UPILLK.js}

@@ -1,6 +1,3 @@
-import {
-  geocode
-} from "./chunk-TUBCN4DJ.js";
 import {
   CITY_ZOOM,
   CLICK_JITTER_DEGREES,
@@ -9,6 +6,9 @@ import {
   MAX_ZOOM,
   MIN_ZOOM
 } from "./chunk-H2J2MTRE.js";
+import {
+  geocode
+} from "./chunk-TUBCN4DJ.js";
 
 // src/components/data-display/MapPreview/MapPreview.hooks.ts
 import { useCallback, useEffect, useRef, useState } from "react";
@@ -186,4 +186,4 @@ export {
   useMapSearch,
   useMapClick
 };
-//# sourceMappingURL=chunk-4ETQRBZC.js.map
+//# sourceMappingURL=chunk-46UPILLK.js.map

package/dist/{chunk-I3MDKPGG.js → chunk-4IVOHL32.js}

@@ -1,6 +1,6 @@
 import {
   Skeleton
-} from "./chunk-QS7ZGRNS.js";
+} from "./chunk-7VN7LFBA.js";
 
 // src/components/data-display/StatCard/StatCard.tsx
 import ArrowDownwardIcon from "@mui/icons-material/ArrowDownward";
@@ -200,4 +200,4 @@ export {
   StatCard,
   StatCard_default
 };
-//# sourceMappingURL=chunk-I3MDKPGG.js.map
+//# sourceMappingURL=chunk-4IVOHL32.js.map

package/dist/{chunk-TLX66HCW.js → chunk-4OHRZW7U.js}

@@ -1,6 +1,3 @@
-import {
-  TextFieldSlim
-} from "./chunk-SL6454K7.js";
 import {
   filledStyles,
   floatingLabelStyles,
@@ -9,6 +6,9 @@ import {
   outlinedStyles,
   pulseStyles
 } from "./chunk-S6YY2WWK.js";
+import {
+  TextFieldSlim
+} from "./chunk-SL6454K7.js";
 import {
   INPUT_LOADING,
   SIZE_MAP,
@@ -16,7 +16,7 @@ import {
 } from "./chunk-DFK6QCXX.js";
 import {
   splitTestId
-} from "./chunk-6F5IKY32.js";
+} from "./chunk-TYJR4GOF.js";
 
 // src/components/form/Input/Input.tsx
 import CircularProgress from "@mui/material/CircularProgress/index.js";
@@ -110,4 +110,4 @@ Input.displayName = "Input";
 export {
   Input
 };
-//# sourceMappingURL=chunk-TLX66HCW.js.map
+//# sourceMappingURL=chunk-4OHRZW7U.js.map

package/dist/{chunk-2QFTAGDH.js → chunk-4X4KM4ZB.js}

@@ -4,16 +4,16 @@ import {
 import {
   Dialog,
   DialogContent
-} from "./chunk-S5LE2ARG.js";
+} from "./chunk-YANLN6HP.js";
 import {
   default as default2
 } from "./chunk-WEBEOBN5.js";
 import {
   Button
-} from "./chunk-BNNSO4MC.js";
+} from "./chunk-YTOYMJPM.js";
 import {
   Text
-} from "./chunk-26Z7QWID.js";
+} from "./chunk-343TTIHD.js";
 
 // src/components/data-display/DataViews/DeleteViewDialog.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -69,4 +69,4 @@ function DeleteViewDialog({
 export {
   DeleteViewDialog
 };
-//# sourceMappingURL=chunk-2QFTAGDH.js.map
+//# sourceMappingURL=chunk-4X4KM4ZB.js.map

package/dist/{chunk-6PRA45LC.js → chunk-5KEMPCW4.js}

@@ -1,3 +1,18 @@
+import {
+  DIALOG_BACKDROP,
+  DIALOG_BORDER_WIDTH,
+  DIALOG_GLASS,
+  DIALOG_GLOW,
+  DIALOG_GRADIENT,
+  DIALOG_MARGIN_UNITS,
+  DIALOG_MAX_WIDTH,
+  DIALOG_PULSE,
+  DIALOG_RADIUS_UNITS,
+  DIALOG_WIDTH_PERCENT
+} from "./chunk-VM3HRSAU.js";
+import {
+  shadowCss
+} from "./chunk-73BEVJCS.js";
 import {
   dynamicViewportHeight
 } from "./chunk-AKZWDZCZ.js";
@@ -10,7 +25,7 @@ var pulseAnimation = keyframes`
     opacity: 1;
   }
   70% {
-    box-shadow: 0 0 0 20px currentColor;
+    box-shadow: 0 0 0 ${DIALOG_PULSE.spread}px currentColor;
     opacity: 0;
   }
   100% {
@@ -19,41 +34,18 @@ var pulseAnimation = keyframes`
   }
 `;
 function borderRadiusOf(theme, borderRadius) {
-  switch (borderRadius) {
-    case "none":
-      return 0;
-    case "sm":
-      return theme.spacing(0.5);
-    case "md":
-      return theme.spacing(1);
-    case "xl":
-      return theme.spacing(3);
-    case "lg":
-    default:
-      return theme.spacing(2);
-  }
+  const units = DIALOG_RADIUS_UNITS[borderRadius] ?? DIALOG_RADIUS_UNITS.lg;
+  return units === 0 ? 0 : theme.spacing(units);
 }
 function maxWidthOf(size) {
-  switch (size) {
-    case "xs":
-      return 400;
-    case "sm":
-      return 600;
-    case "lg":
-      return 1e3;
-    case "xl":
-      return 1200;
-    case "md":
-    default:
-      return 800;
-  }
+  return DIALOG_MAX_WIDTH[size] ?? DIALOG_MAX_WIDTH.md;
 }
 function baseStylesOf(theme, opts) {
   return {
     borderRadius: borderRadiusOf(theme, opts.borderRadius),
     maxWidth: maxWidthOf(opts.size),
-    width: "90vw",
-    margin: theme.spacing(2),
+    width: `${DIALOG_WIDTH_PERCENT}vw`,
+    margin: theme.spacing(DIALOG_MARGIN_UNITS),
     transition: theme.transitions.create(
       ["box-shadow", "background-color", "backdrop-filter"],
       { duration: theme.transitions.duration.standard }
@@ -61,7 +53,15 @@ function baseStylesOf(theme, opts) {
   };
 }
 function glowStylesOf(theme, glow) {
-  return glow ? { boxShadow: `0 0 40px ${alpha(theme.palette.primary.main, 0.3)}` } : {};
+  return glow ? {
+    boxShadow: shadowCss({
+      offsetX: 0,
+      offsetY: 0,
+      blurRadius: DIALOG_GLOW.blurRadius,
+      spreadDistance: 0,
+      color: alpha(theme.palette.primary.main, DIALOG_GLOW.alpha)
+    })
+  } : {};
 }
 function pulseStylesOf(theme, pulse) {
   if (!pulse) return {};
@@ -76,23 +76,23 @@ function pulseStylesOf(theme, pulse) {
       bottom: 0,
       borderRadius: "inherit",
       backgroundColor: theme.palette.primary.main,
-      opacity: 0.3,
-      animation: `${pulseAnimation} 2s infinite`,
+      opacity: DIALOG_PULSE.alpha,
+      animation: `${pulseAnimation} ${DIALOG_PULSE.durationMs / 1e3}s infinite`,
       pointerEvents: "none",
-      zIndex: -1
+      zIndex: DIALOG_PULSE.zIndex
     }
   };
 }
 function defaultVariantStyles(theme, opts) {
   const gradientStyles = opts.gradient ? {
-    background: `linear-gradient(135deg, ${alpha(theme.palette.primary.main, 0.1)}, ${alpha(theme.palette.secondary.main, 0.1)})`,
-    backdropFilter: "blur(10px)"
+    background: `linear-gradient(${DIALOG_GRADIENT.angleDeg}deg, ${alpha(theme.palette.primary.main, DIALOG_GRADIENT.stopAlpha)}, ${alpha(theme.palette.secondary.main, DIALOG_GRADIENT.stopAlpha)})`,
+    backdropFilter: `blur(${DIALOG_GRADIENT.blurPx}px)`
   } : {};
   return {
     ...gradientStyles,
-    backgroundColor: opts.glass ? alpha(theme.palette.background.paper, 0.1) : theme.palette.background.paper,
-    backdropFilter: opts.glass ? "blur(20px)" : "none",
-    border: opts.glass ? `1px solid ${alpha(theme.palette.primary.main, 0.2)}` : "none"
+    backgroundColor: opts.glass ? alpha(theme.palette.background.paper, DIALOG_GLASS.backgroundAlpha) : theme.palette.background.paper,
+    backdropFilter: opts.glass ? `blur(${DIALOG_GLASS.blurPx}px)` : "none",
+    border: opts.glass ? `${DIALOG_BORDER_WIDTH}px solid ${alpha(theme.palette.primary.main, DIALOG_GLASS.borderAlpha)}` : "none"
   };
 }
 function variantStylesOf(theme, opts) {
@@ -105,10 +105,16 @@ function variantStylesOf(theme, opts) {
       return {
         ...baseStylesOf(theme, opts),
         ...decorations,
-        backgroundColor: alpha(theme.palette.background.paper, 0.1),
-        backdropFilter: "blur(20px)",
-        border: `1px solid ${alpha(theme.palette.primary.main, 0.2)}`,
-        boxShadow: `0 8px 32px ${alpha(theme.palette.common.black, 0.1)}`
+        backgroundColor: alpha(theme.palette.background.paper, DIALOG_GLASS.backgroundAlpha),
+        backdropFilter: `blur(${DIALOG_GLASS.blurPx}px)`,
+        border: `${DIALOG_BORDER_WIDTH}px solid ${alpha(theme.palette.primary.main, DIALOG_GLASS.borderAlpha)}`,
+        boxShadow: shadowCss({
+          offsetX: 0,
+          offsetY: DIALOG_GLASS.shadow.offsetY,
+          blurRadius: DIALOG_GLASS.shadow.blurRadius,
+          spreadDistance: 0,
+          color: alpha(theme.palette.common.black, DIALOG_GLASS.shadow.alpha)
+        })
       };
     case "fullscreen":
       return {
@@ -144,8 +150,11 @@ function variantStylesOf(theme, opts) {
 }
 function backdropSxOf(theme, glass) {
   return {
-    backgroundColor: glass ? alpha(theme.palette.common.black, 0.2) : alpha(theme.palette.common.black, 0.5),
-    backdropFilter: glass ? "blur(8px)" : "none"
+    backgroundColor: alpha(
+      theme.palette.common.black,
+      glass ? DIALOG_BACKDROP.alpha.glass : DIALOG_BACKDROP.alpha.plain
+    ),
+    backdropFilter: glass ? `blur(${DIALOG_BACKDROP.blurPx}px)` : "none"
   };
 }
 
@@ -153,4 +162,4 @@ export {
   variantStylesOf,
   backdropSxOf
 };
-//# sourceMappingURL=chunk-6PRA45LC.js.map
+//# sourceMappingURL=chunk-5KEMPCW4.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/feedback/Dialog/Dialog.styles.ts"],"sourcesContent":["import type { SxProps, Theme } from '@mui/material/styles/index.js';\nimport { alpha, keyframes } from '@mui/material/styles/index.js';\n\nimport type { DialogBorderRadius, DialogSize, DialogVariant } from './Dialog.base';\nimport {\n  DIALOG_BACKDROP,\n  DIALOG_BORDER_WIDTH,\n  DIALOG_GLASS,\n  DIALOG_GLOW,\n  DIALOG_GRADIENT,\n  DIALOG_MARGIN_UNITS,\n  DIALOG_MAX_WIDTH,\n  DIALOG_PULSE,\n  DIALOG_RADIUS_UNITS,\n  DIALOG_WIDTH_PERCENT,\n} from './Dialog.metrics';\nimport { shadowCss } from '../../../tokens/shadow';\nimport { dynamicViewportHeight } from '../../../utils/viewport';\n\n/**\n * Paper/backdrop styling for the Dialog component (FUT-181 gate cleanup):\n * pure helpers so `Dialog.tsx` stays within the size/complexity budget.\n *\n * Every number comes from `Dialog.metrics.ts`, which the native renderer reads\n * too — so a paper cannot be 800px wide on one side and 780 on the other.\n */\n\n// Define pulse animation\nconst pulseAnimation = keyframes`\n  0% {\n    box-shadow: 0 0 0 0 currentColor;\n    opacity: 1;\n  }\n  70% {\n    box-shadow: 0 0 0 ${DIALOG_PULSE.spread}px currentColor;\n    opacity: 0;\n  }\n  100% {\n    box-shadow: 0 0 0 0 currentColor;\n    opacity: 0;\n  }\n`;\n\n/** Style toggles that shape the dialog paper (extracted so each fn stays small). */\ninterface VariantStyleOptions {\n  variant: DialogVariant;\n  size: DialogSize;\n  borderRadius: DialogBorderRadius;\n  glass: boolean;\n  gradient: boolean;\n  glow: boolean;\n  pulse: boolean;\n}\n\nfunction borderRadiusOf(theme: Theme, borderRadius: VariantStyleOptions['borderRadius']) {\n  const units = DIALOG_RADIUS_UNITS[borderRadius] ?? DIALOG_RADIUS_UNITS.lg;\n  // `none` is a bare 0 rather than `spacing(0)`, as this has always written it.\n  return units === 0 ? 0 : theme.spacing(units);\n}\n\nfunction maxWidthOf(size: VariantStyleOptions['size']): number {\n  return DIALOG_MAX_WIDTH[size] ?? DIALOG_MAX_WIDTH.md;\n}\n\nfunction baseStylesOf(theme: Theme, opts: VariantStyleOptions) {\n  return {\n    borderRadius: borderRadiusOf(theme, opts.borderRadius),\n    maxWidth: maxWidthOf(opts.size),\n    width: `${DIALOG_WIDTH_PERCENT}vw`,\n    margin: theme.spacing(DIALOG_MARGIN_UNITS),\n    transition: theme.transitions.create(\n      ['box-shadow', 'background-color', 'backdrop-filter'],\n      { duration: theme.transitions.duration.standard },\n    ),\n  };\n}\n\nfunction glowStylesOf(theme: Theme, glow: boolean) {\n  return glow\n    ? {\n        boxShadow: shadowCss({\n          offsetX: 0,\n          offsetY: 0,\n          blurRadius: DIALOG_GLOW.blurRadius,\n          spreadDistance: 0,\n          color: alpha(theme.palette.primary.main, DIALOG_GLOW.alpha),\n        }),\n      }\n    : {};\n}\n\nfunction pulseStylesOf(theme: Theme, pulse: boolean) {\n  if (!pulse) return {};\n  return {\n    position: 'relative' as const,\n    '&::after': {\n      content: '\"\"',\n      position: 'absolute' as const,\n      top: 0,\n      left: 0,\n      right: 0,\n      bottom: 0,\n      borderRadius: 'inherit',\n      backgroundColor: theme.palette.primary.main,\n      opacity: DIALOG_PULSE.alpha,\n      animation: `${pulseAnimation} ${DIALOG_PULSE.durationMs / 1000}s infinite`,\n      pointerEvents: 'none' as const,\n      zIndex: DIALOG_PULSE.zIndex,\n    },\n  };\n}\n\n/** The default variant's paper: optional gradient/glass over the base styles. */\nfunction defaultVariantStyles(theme: Theme, opts: VariantStyleOptions) {\n  const gradientStyles = opts.gradient\n    ? {\n        background: `linear-gradient(${DIALOG_GRADIENT.angleDeg}deg, ${alpha(theme.palette.primary.main, DIALOG_GRADIENT.stopAlpha)}, ${alpha(theme.palette.secondary.main, DIALOG_GRADIENT.stopAlpha)})`,\n        backdropFilter: `blur(${DIALOG_GRADIENT.blurPx}px)`,\n      }\n    : {};\n  return {\n    ...gradientStyles,\n    backgroundColor: opts.glass\n      ? alpha(theme.palette.background.paper, DIALOG_GLASS.backgroundAlpha)\n      : theme.palette.background.paper,\n    backdropFilter: opts.glass ? `blur(${DIALOG_GLASS.blurPx}px)` : 'none',\n    border: opts.glass\n      ? `${DIALOG_BORDER_WIDTH}px solid ${alpha(theme.palette.primary.main, DIALOG_GLASS.borderAlpha)}`\n      : 'none',\n  };\n}\n\nexport function variantStylesOf(theme: Theme, opts: VariantStyleOptions): SxProps<Theme> {\n  const decorations = {\n    ...glowStylesOf(theme, opts.glow),\n    ...pulseStylesOf(theme, opts.pulse),\n  };\n  switch (opts.variant) {\n    case 'glass':\n      return {\n        ...baseStylesOf(theme, opts),\n        ...decorations,\n        backgroundColor: alpha(theme.palette.background.paper, DIALOG_GLASS.backgroundAlpha),\n        backdropFilter: `blur(${DIALOG_GLASS.blurPx}px)`,\n        border: `${DIALOG_BORDER_WIDTH}px solid ${alpha(theme.palette.primary.main, DIALOG_GLASS.borderAlpha)}`,\n        boxShadow: shadowCss({\n          offsetX: 0,\n          offsetY: DIALOG_GLASS.shadow.offsetY,\n          blurRadius: DIALOG_GLASS.shadow.blurRadius,\n          spreadDistance: 0,\n          color: alpha(theme.palette.common.black, DIALOG_GLASS.shadow.alpha),\n        }),\n      };\n    case 'fullscreen':\n      return {\n        borderRadius: 0,\n        margin: 0,\n        width: '100vw',\n        // `100dvh`, not `100vh` — see `dynamicViewportHeight`.\n        ...dynamicViewportHeight('height'),\n        maxWidth: 'none',\n        maxHeight: 'none',\n        ...decorations,\n      };\n    case 'drawer': {\n      const radius = borderRadiusOf(theme, opts.borderRadius);\n      return {\n        borderRadius: `${radius}px 0 0 ${radius}px`,\n        margin: 0,\n        width: maxWidthOf(opts.size),\n        ...dynamicViewportHeight('height'),\n        maxHeight: 'none',\n        position: 'absolute' as const,\n        right: 0,\n        ...decorations,\n      };\n    }\n    default:\n      return {\n        ...baseStylesOf(theme, opts),\n        ...decorations,\n        ...defaultVariantStyles(theme, opts),\n      };\n  }\n}\n\nexport function backdropSxOf(theme: Theme, glass: boolean) {\n  return {\n    backgroundColor: alpha(\n      theme.palette.common.black,\n      glass ? DIALOG_BACKDROP.alpha.glass : DIALOG_BACKDROP.alpha.plain,\n    ),\n    backdropFilter: glass ? `blur(${DIALOG_BACKDROP.blurPx}px)` : 'none',\n  };\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-CXVMD6FE.js → chunk-5NKUYCZD.js}

@@ -1,9 +1,9 @@
 import {
   PillControl
-} from "./chunk-JXAYT6LX.js";
+} from "./chunk-WLQTHPMX.js";
 import {
   PanelRangeField
-} from "./chunk-XEE7PLDR.js";
+} from "./chunk-QZBUGUOY.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -12,7 +12,7 @@ import {
 } from "./chunk-J3JGO6Y6.js";
 import {
   StackedModal
-} from "./chunk-YRUCIKPO.js";
+} from "./chunk-2UYR2OOE.js";
 import {
   StackedModalContent
 } from "./chunk-JN3PGXRJ.js";
@@ -154,4 +154,4 @@ export {
   GridFilterPanel,
   FilterDialog
 };
-//# sourceMappingURL=chunk-CXVMD6FE.js.map
+//# sourceMappingURL=chunk-5NKUYCZD.js.map

package/dist/{chunk-77F36LQQ.js → chunk-5OIH36KX.js}

@@ -6,10 +6,10 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   Button
-} from "./chunk-BNNSO4MC.js";
+} from "./chunk-YTOYMJPM.js";
 import {
   Text
-} from "./chunk-26Z7QWID.js";
+} from "./chunk-343TTIHD.js";
 
 // src/components/data-display/DataViews/data-views-empty.tsx
 import FilterAltOffRoundedIcon from "@mui/icons-material/FilterAltOffRounded";
@@ -77,4 +77,4 @@ function DataViewsEmpty({
 export {
   DataViewsEmpty
 };
-//# sourceMappingURL=chunk-77F36LQQ.js.map
+//# sourceMappingURL=chunk-5OIH36KX.js.map

package/dist/{chunk-4MLDWACO.js → chunk-5ZTUP65G.js}

@@ -1,9 +1,15 @@
-import {
-  CategoryPanel
-} from "./chunk-G2IPK2XE.js";
 import {
   CategoryPanelSurface
 } from "./chunk-LMXWI3DD.js";
+import {
+  CategoryPanel
+} from "./chunk-AGSBIUPV.js";
+import {
+  CategoryTrigger
+} from "./chunk-KIHQE5YA.js";
+import {
+  METRICS
+} from "./chunk-TFO6GBW7.js";
 import {
   useCategorySelect
 } from "./chunk-2GB5CIN6.js";
@@ -16,12 +22,6 @@ import {
 import {
   summarizeSelection
 } from "./chunk-LR6MSKTT.js";
-import {
-  CategoryTrigger
-} from "./chunk-KIHQE5YA.js";
-import {
-  METRICS
-} from "./chunk-TFO6GBW7.js";
 import {
   FormControl,
   FormLabel,
@@ -158,4 +158,4 @@ function CategorySelect(props) {
 export {
   CategorySelect
 };
-//# sourceMappingURL=chunk-4MLDWACO.js.map
+//# sourceMappingURL=chunk-5ZTUP65G.js.map

package/dist/{chunk-GDEXYUPF.js → chunk-67L7HMEP.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk-KLREH4X6.js";
 import {
   resolveTestId
-} from "./chunk-6F5IKY32.js";
+} from "./chunk-TYJR4GOF.js";
 
 // src/icons/Icon.tsx
 import SvgIcon from "@mui/material/SvgIcon/index.js";
@@ -46,4 +46,4 @@ Icon.displayName = "Icon";
 export {
   Icon
 };
-//# sourceMappingURL=chunk-GDEXYUPF.js.map
+//# sourceMappingURL=chunk-67L7HMEP.js.map

package/dist/{chunk-ZFPJBKVZ.js → chunk-6JGPPTLX.js}

@@ -3,11 +3,11 @@ import {
 } from "./chunk-KHG57NAE.js";
 import {
   createConfirmButton
-} from "./chunk-VWGR5XUP.js";
+} from "./chunk-NWNSUHEB.js";
 import {
   Dialog,
   DialogContent
-} from "./chunk-S5LE2ARG.js";
+} from "./chunk-YANLN6HP.js";
 import {
   default as default2
 } from "./chunk-6DPAWXZ3.js";
@@ -16,10 +16,10 @@ import {
 } from "./chunk-WEBEOBN5.js";
 import {
   Button
-} from "./chunk-BNNSO4MC.js";
+} from "./chunk-YTOYMJPM.js";
 import {
   Text
-} from "./chunk-26Z7QWID.js";
+} from "./chunk-343TTIHD.js";
 
 // src/components/data-display/DataViews/ManageViewsDialog.tsx
 import { useMemo } from "react";
@@ -128,4 +128,4 @@ function ManageViewsDialog({
 export {
   ManageViewsDialog
 };
-//# sourceMappingURL=chunk-ZFPJBKVZ.js.map
+//# sourceMappingURL=chunk-6JGPPTLX.js.map

package/dist/{chunk-PF5HDFYY.js → chunk-6NZTYZP5.js}

@@ -1,12 +1,12 @@
 import {
   Sheet
-} from "./chunk-MCRIT46W.js";
+} from "./chunk-ZIYMBR7K.js";
 import {
   Dialog
-} from "./chunk-S5LE2ARG.js";
+} from "./chunk-YANLN6HP.js";
 import {
   Button
-} from "./chunk-BNNSO4MC.js";
+} from "./chunk-YTOYMJPM.js";
 import {
   accentFor
 } from "./chunk-V5IOLAIS.js";
@@ -162,4 +162,4 @@ AppHeaderDetails.displayName = "AppHeaderDetails";
 export {
   AppHeaderDetails
 };
-//# sourceMappingURL=chunk-PF5HDFYY.js.map
+//# sourceMappingURL=chunk-6NZTYZP5.js.map