@12-apps/ui 6.39.16 → 6.39.17

package/dist/{chunk-HR7YTBR7.js → chunk-IASDP44E.js}

@@ -1,13 +1,13 @@
 import {
   useViewMutations
 } from "./chunk-DZEC6RFM.js";
+import {
+  useDataViewsCopy
+} from "./chunk-KHG57NAE.js";
 import {
   coerceViewState,
   emptyViewState
 } from "./chunk-LHHAYZ55.js";
-import {
-  useDataViewsCopy
-} from "./chunk-KHG57NAE.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-HR7YTBR7.js.map
+//# sourceMappingURL=chunk-IASDP44E.js.map

package/dist/{chunk-5WT4YWXC.js → chunk-IRD45DRW.js}

@@ -1,6 +1,6 @@
 import {
   GridShell
-} from "./chunk-AXKLCWFR.js";
+} from "./chunk-KN4ZE2XZ.js";
 import {
   useDataViewsState
 } from "./chunk-J3XFUCCR.js";
@@ -27,4 +27,4 @@ function DataViewsGrid(props) {
 export {
   DataViewsGrid
 };
-//# sourceMappingURL=chunk-5WT4YWXC.js.map
+//# sourceMappingURL=chunk-IRD45DRW.js.map

package/dist/{chunk-ENRBXB6L.js → chunk-JK5UJM4Y.js}

@@ -9,14 +9,14 @@ import {
 } from "./chunk-5FAI25JQ.js";
 import {
   ListCardGroup
-} from "./chunk-O4AHF45C.js";
+} from "./chunk-VY6L74JQ.js";
 import {
   DENSITY_BOARD_SCALE,
   DENSITY_ROW_PADDING,
   cardScaleForZoom,
   cardTargetWidthFor,
   useDataViewsLayout
-} from "./chunk-XZJM6EPC.js";
+} from "./chunk-YKEO6UHN.js";
 import {
   cardGridTracks
 } from "./chunk-VPPIODKX.js";
@@ -273,4 +273,4 @@ function GridMain(props) {
 export {
   GridMain
 };
-//# sourceMappingURL=chunk-ENRBXB6L.js.map
+//# sourceMappingURL=chunk-JK5UJM4Y.js.map

package/dist/{chunk-5NT2M2JI.js → chunk-JKIKHWD2.js}

@@ -1,3 +1,6 @@
+import {
+  geocode
+} from "./chunk-CB6DTWD5.js";
 import {
   CITY_ZOOM,
   CLICK_JITTER_DEGREES,
@@ -6,9 +9,6 @@ import {
   MAX_ZOOM,
   MIN_ZOOM
 } from "./chunk-H2J2MTRE.js";
-import {
-  geocode
-} from "./chunk-CB6DTWD5.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-5NT2M2JI.js.map
+//# sourceMappingURL=chunk-JKIKHWD2.js.map

package/dist/{chunk-WVJGNIJZ.js → chunk-JYR6VV4Y.js}

@@ -1,9 +1,9 @@
 import {
   Sheet
-} from "./chunk-QXSV7Z57.js";
+} from "./chunk-MXCIUKTQ.js";
 import {
   Dialog
-} from "./chunk-GAMLBJE6.js";
+} from "./chunk-MQ277OLB.js";
 import {
   Button
 } from "./chunk-HM2JJNUE.js";
@@ -166,4 +166,4 @@ AppHeaderDetails.displayName = "AppHeaderDetails";
 export {
   AppHeaderDetails
 };
-//# sourceMappingURL=chunk-WVJGNIJZ.js.map
+//# sourceMappingURL=chunk-JYR6VV4Y.js.map

package/dist/{chunk-5ETBB2DG.js → chunk-K5V6TCYB.js}

@@ -1,9 +1,9 @@
-import {
-  bounceKeyframes
-} from "./chunk-X6AIKCAV.js";
 import {
   getScaleDistance
 } from "./chunk-CB6DTWD5.js";
+import {
+  bounceKeyframes
+} from "./chunk-X6AIKCAV.js";
 import {
   shadowInk
 } from "./chunk-FQ6UW7IY.js";
@@ -171,4 +171,4 @@ export {
   MapScaleBar,
   MapCompass
 };
-//# sourceMappingURL=chunk-5ETBB2DG.js.map
+//# sourceMappingURL=chunk-K5V6TCYB.js.map

package/dist/{chunk-3IF3I3FI.js → chunk-KHPL2J3B.js}

@@ -8,7 +8,7 @@ import {
 } from "./chunk-YLGY3D52.js";
 import {
   useDataViewsLayout
-} from "./chunk-XZJM6EPC.js";
+} from "./chunk-YKEO6UHN.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -246,4 +246,4 @@ export {
   SortTab,
   DisplayTab
 };
-//# sourceMappingURL=chunk-3IF3I3FI.js.map
+//# sourceMappingURL=chunk-KHPL2J3B.js.map

package/dist/{chunk-AXKLCWFR.js → chunk-KN4ZE2XZ.js}

@@ -1,13 +1,19 @@
+import {
+  DataViewsEmpty
+} from "./chunk-36JKV7CA.js";
+import {
+  GridHeaderRow
+} from "./chunk-2K7WPHI3.js";
 import {
   GridMain
-} from "./chunk-ENRBXB6L.js";
+} from "./chunk-JK5UJM4Y.js";
 import {
   FilterDialog,
   GridFilterPanel
 } from "./chunk-WZNTZX5N.js";
 import {
-  DataViewsEmpty
-} from "./chunk-36JKV7CA.js";
+  DataViewsPagination
+} from "./chunk-2S752BIJ.js";
 import {
   toOverflowFields,
   useFilterOverflow
@@ -16,24 +22,18 @@ import {
   InlineFilterControls
 } from "./chunk-4WF6ZLIW.js";
 import {
-  GridHeaderRow
-} from "./chunk-2K7WPHI3.js";
-import {
-  DataViewsPagination
-} from "./chunk-2S752BIJ.js";
+  ScopeTabsSlot
+} from "./chunk-HQZRI7UX.js";
 import {
   ShellToolbar
-} from "./chunk-LH46NYGR.js";
+} from "./chunk-TEEJ4GNY.js";
 import {
   resolveSelectionExtra
 } from "./chunk-KX75HM5U.js";
-import {
-  ScopeTabsSlot
-} from "./chunk-OGB25P3N.js";
 import {
   DataViewsLayoutProvider,
   useDataViewsLayout
-} from "./chunk-XZJM6EPC.js";
+} from "./chunk-YKEO6UHN.js";
 import {
   togglePillValues
 } from "./chunk-VPPIODKX.js";
@@ -238,4 +238,4 @@ function GridShell(props) {
 export {
   GridShell
 };
-//# sourceMappingURL=chunk-AXKLCWFR.js.map
+//# sourceMappingURL=chunk-KN4ZE2XZ.js.map

package/dist/{chunk-M3MHYE2M.js → chunk-L566FMDD.js}

@@ -1,3 +1,6 @@
+import {
+  CarouselChrome
+} from "./chunk-WOAXKWAB.js";
 import {
   containerStyles,
   frameBox
@@ -8,9 +11,6 @@ import {
 import {
   useCarouselNavigation
 } from "./chunk-RUIV5TVA.js";
-import {
-  CarouselChrome
-} from "./chunk-WOAXKWAB.js";
 import {
   withDefaults
 } from "./chunk-HPK33ACY.js";
@@ -151,4 +151,4 @@ var Carousel = (props) => {
 export {
   Carousel
 };
-//# sourceMappingURL=chunk-M3MHYE2M.js.map
+//# sourceMappingURL=chunk-L566FMDD.js.map

package/dist/chunk-LV7LSPBF.js

@@ -0,0 +1,35 @@
+// src/components/feedback/Dialog/Dialog.focus.ts
+var FOCUSABLE_SELECTOR = [
+  'input:not([disabled]):not([type="hidden"])',
+  "select:not([disabled])",
+  "textarea:not([disabled])",
+  "a[href]",
+  "button:not([disabled])",
+  '[tabindex]:not([tabindex="-1"])',
+  "audio[controls]",
+  "video[controls]",
+  '[contenteditable]:not([contenteditable="false"])'
+].join(",");
+function focusFirstTabbable(target) {
+  const active = target.ownerDocument.activeElement;
+  if (active !== target && target.contains(active)) return;
+  const tabbable = Array.from(target.querySelectorAll(FOCUSABLE_SELECTOR)).find(
+    (element) => element.tabIndex >= 0
+  );
+  if (tabbable) {
+    tabbable.focus();
+    return;
+  }
+  if (!target.hasAttribute("tabindex")) target.setAttribute("tabindex", "-1");
+  target.focus();
+}
+function focusDialogOnEntered(node) {
+  const dialog = node.getAttribute("role") === "dialog" ? node : node.querySelector('[role="dialog"]') ?? node;
+  focusFirstTabbable(dialog);
+}
+
+export {
+  focusFirstTabbable,
+  focusDialogOnEntered
+};
+//# sourceMappingURL=chunk-LV7LSPBF.js.map

package/dist/chunk-LV7LSPBF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/feedback/Dialog/Dialog.focus.ts"],"sourcesContent":["/**\n * WHERE INITIAL FOCUS LANDS WHEN A DIALOG OPENS (FUT-2696).\n *\n * MUI's `FocusTrap` focuses ITS OWN root when nothing inside already has\n * focus (`FocusTrap.js`: `if (!rootRef.current.contains(doc.activeElement))\n * … rootRef.current.focus()`). For `MuiDialog` that root is\n * `.MuiDialog-container` — the `role=\"presentation\"` wrapper the Transition\n * clones its ref onto — which sits OUTSIDE the `role=\"dialog\"` paper. A\n * screen reader user landing there hears the page behind the dialog, not the\n * dialog, and the first Tab does not start from the dialog's own controls.\n *\n * The WAI-ARIA APG dialog pattern wants focus INSIDE the dialog on open: the\n * first tabbable descendant of the element carrying `role=\"dialog\"`, or that\n * element itself (given `tabIndex={-1}`, since it is not otherwise reachable\n * by Tab) when it holds nothing focusable.\n *\n * `focusDialogOnEntered` is wired to `TransitionProps.onEntered` /\n * `SlideProps.onEntered` on both renderers rather than to a mount effect,\n * because it needs to run AFTER `FocusTrap`'s own mount effect has already\n * had its turn — `onEntered` fires once the enter transition has finished,\n * well after every mount effect has settled, so there is nothing left to\n * race. A caller's own `autoFocus` on a field inside the dialog already wins\n * against `FocusTrap` for the same reason `FocusTrap` documents: React's\n * `autoFocus` runs synchronously during commit, before `FocusTrap`'s effect\n * even checks whether focus is already inside its root — so by the time this\n * runs, that field is already `contains()`-ed by the dialog and this backs\n * off rather than moving focus away from it.\n */\n\n/**\n * The candidate list `FocusTrap`'s own `defaultGetTabbable` uses\n * (`@mui/material/Unstable_TrapFocus/FocusTrap.js`), so \"first tabbable\n * descendant\" means the same thing here as it does to the trap that then\n * keeps Tab cycling inside it. Like the trap, a match whose resolved\n * `tabIndex` is -1 is skipped: `<button tabIndex={-1}>` is focusable but out\n * of the Tab order, so it is not the first Tab stop.\n */\nconst FOCUSABLE_SELECTOR = [\n  'input:not([disabled]):not([type=\"hidden\"])',\n  'select:not([disabled])',\n  'textarea:not([disabled])',\n  'a[href]',\n  'button:not([disabled])',\n  '[tabindex]:not([tabindex=\"-1\"])',\n  'audio[controls]',\n  'video[controls]',\n  '[contenteditable]:not([contenteditable=\"false\"])',\n].join(',');\n\n/**\n * Move focus into `target`: its first tabbable descendant, or `target`\n * itself — given `tabIndex={-1}` if it does not already carry one, exactly as\n * `FocusTrap` gives its own root — when nothing inside is focusable.\n *\n * Backs off when focus already sits on a DESCENDANT of `target` other than\n * `target` itself: that is a caller's `autoFocus` (or an explicit `.focus()`\n * of their own) that arrived before this ran, and it keeps winning. Focus\n * already sitting ON `target` (as `FocusTrap` leaves it on the drawer's\n * paper, which is its own trap root) is not a caller's choice, so it does\n * not block a first-tabbable descendant from taking over.\n */\nexport function focusFirstTabbable(target: HTMLElement): void {\n  const active = target.ownerDocument.activeElement;\n  if (active !== target && target.contains(active)) return;\n\n  const tabbable = Array.from(target.querySelectorAll<HTMLElement>(FOCUSABLE_SELECTOR)).find(\n    (element) => element.tabIndex >= 0,\n  );\n  if (tabbable) {\n    tabbable.focus();\n    return;\n  }\n  if (!target.hasAttribute('tabindex')) target.setAttribute('tabindex', '-1');\n  target.focus();\n}\n\n/**\n * `node` is what the transition hands back: `.MuiDialog-container` for\n * `ModalDialog` (the paper is a descendant, carrying `role=\"dialog\"`), or the\n * drawer's own paper directly for `DrawerDialog` (`Slide` wraps the paper with\n * no intermediate container, and the paper carries no `role` at all — see\n * `Dialog.md`). Either way, focus the `[role=\"dialog\"]` descendant if there is\n * one, else `node` itself.\n */\nexport function focusDialogOnEntered(node: HTMLElement): void {\n  const dialog = node.getAttribute('role') === 'dialog'\n    ? node\n    : (node.querySelector<HTMLElement>('[role=\"dialog\"]') ?? node);\n  focusFirstTabbable(dialog);\n}\n"],"mappings":";AAqCA,IAAM,qBAAqB;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,EAAE,KAAK,GAAG;AAcH,SAAS,mBAAmB,QAA2B;AAC5D,QAAM,SAAS,OAAO,cAAc;AACpC,MAAI,WAAW,UAAU,OAAO,SAAS,MAAM,EAAG;AAElD,QAAM,WAAW,MAAM,KAAK,OAAO,iBAA8B,kBAAkB,CAAC,EAAE;AAAA,IACpF,CAAC,YAAY,QAAQ,YAAY;AAAA,EACnC;AACA,MAAI,UAAU;AACZ,aAAS,MAAM;AACf;AAAA,EACF;AACA,MAAI,CAAC,OAAO,aAAa,UAAU,EAAG,QAAO,aAAa,YAAY,IAAI;AAC1E,SAAO,MAAM;AACf;AAUO,SAAS,qBAAqB,MAAyB;AAC5D,QAAM,SAAS,KAAK,aAAa,MAAM,MAAM,WACzC,OACC,KAAK,cAA2B,iBAAiB,KAAK;AAC3D,qBAAmB,MAAM;AAC3B;","names":[]}

package/dist/{chunk-HQWJUHR4.js → chunk-M4QXG5JP.js}

@@ -1,9 +1,9 @@
-import {
-  tileBackground
-} from "./chunk-X6AIKCAV.js";
 import {
   TILE_WORLD_UNITS
 } from "./chunk-CB6DTWD5.js";
+import {
+  tileBackground
+} from "./chunk-X6AIKCAV.js";
 import {
   rem
 } from "./chunk-YKCAJ2TN.js";
@@ -68,4 +68,4 @@ var MapTiles = ({ origin, zoom, mapType, panOffset }) => {
 export {
   MapTiles
 };
-//# sourceMappingURL=chunk-HQWJUHR4.js.map
+//# sourceMappingURL=chunk-M4QXG5JP.js.map

package/dist/{chunk-IFS3BRRL.js → chunk-MCJRHF7Z.js}

@@ -7,14 +7,14 @@ import {
 } from "./chunk-7D2C4LK2.js";
 import {
   StaticMapView
-} from "./chunk-RSDYS5B3.js";
+} from "./chunk-4RPFI474.js";
 import {
   glassStyles,
   resolveMapPreviewProps
 } from "./chunk-4NQXHPQR.js";
 import {
   useMapPreview
-} from "./chunk-QSRZOXQI.js";
+} from "./chunk-2WVHZIWP.js";
 import {
   rem
 } from "./chunk-YKCAJ2TN.js";
@@ -108,4 +108,4 @@ export {
   MapPreview,
   MapPreview_default
 };
-//# sourceMappingURL=chunk-IFS3BRRL.js.map
+//# sourceMappingURL=chunk-MCJRHF7Z.js.map

package/dist/{chunk-JGRBHNK6.js → chunk-ME3WYPYK.js}

@@ -4,7 +4,7 @@ import {
 import {
   DisplayTab,
   SortTab
-} from "./chunk-3IF3I3FI.js";
+} from "./chunk-KHPL2J3B.js";
 import {
   ViewActions,
   ViewFooter,
@@ -265,4 +265,4 @@ function DataViewsDisplayPanel({
 export {
   DataViewsDisplayPanel
 };
-//# sourceMappingURL=chunk-JGRBHNK6.js.map
+//# sourceMappingURL=chunk-ME3WYPYK.js.map

package/dist/{chunk-GAMLBJE6.js → chunk-MQ277OLB.js}

@@ -1,11 +1,12 @@
 import {
   backdropSxOf,
   variantStylesOf
-} from "./chunk-2WU52FLP.js";
+} from "./chunk-ST7B54JN.js";
 import {
   mergedBackdropSlot,
-  mergedPaperSlot
-} from "./chunk-5HW37NSW.js";
+  mergedPaperSlot,
+  mergedTransitionSlot
+} from "./chunk-Z2JH5KW5.js";
 import {
   DIALOG_ACTIONS,
   DIALOG_BODY_PADDING_UNITS,
@@ -18,6 +19,9 @@ import {
   hasSpacingSlot,
   withDialogDefaults
 } from "./chunk-GYXUCS37.js";
+import {
+  focusDialogOnEntered
+} from "./chunk-LV7LSPBF.js";
 import {
   childTestId,
   resolveTestId,
@@ -65,7 +69,7 @@ function ModalDialog({
   dialogProps,
   children
 }) {
-  const { PaperProps: callerPaper, BackdropProps: callerBackdrop, slotProps, ...rest } = dialogProps;
+  const { PaperProps: callerPaper, BackdropProps: callerBackdrop, TransitionProps: callerTransition, slotProps, ...rest } = dialogProps;
   return /* @__PURE__ */ jsx(
     MuiDialog,
     {
@@ -73,7 +77,8 @@ function ModalDialog({
       slotProps: {
         ...slotProps,
         paper: mergedPaperSlot(paperSx, testId, callerPaper, slotProps?.paper),
-        backdrop: mergedBackdropSlot(backdropSx, callerBackdrop, slotProps?.backdrop)
+        backdrop: mergedBackdropSlot(backdropSx, callerBackdrop, slotProps?.backdrop),
+        transition: mergedTransitionSlot(focusDialogOnEntered, callerTransition, slotProps?.transition)
       },
       children
     }
@@ -86,7 +91,7 @@ function DrawerDialog({
   drawerProps,
   children
 }) {
-  const { PaperProps: callerPaper, BackdropProps: callerBackdrop, slotProps, ...rest } = drawerProps;
+  const { PaperProps: callerPaper, BackdropProps: callerBackdrop, SlideProps: callerTransition, slotProps, ...rest } = drawerProps;
   return /* @__PURE__ */ jsx(
     Drawer,
     {
@@ -96,7 +101,8 @@ function DrawerDialog({
       slotProps: {
         ...slotProps,
         paper: mergedPaperSlot(paperSx, void 0, callerPaper, slotProps?.paper),
-        backdrop: mergedBackdropSlot(backdropSx, callerBackdrop, slotProps?.backdrop)
+        backdrop: mergedBackdropSlot(backdropSx, callerBackdrop, slotProps?.backdrop),
+        transition: mergedTransitionSlot(focusDialogOnEntered, callerTransition, slotProps?.transition)
       },
       children
     }
@@ -297,4 +303,4 @@ export {
   DialogContent,
   DialogActions
 };
-//# sourceMappingURL=chunk-GAMLBJE6.js.map
+//# sourceMappingURL=chunk-MQ277OLB.js.map

package/dist/chunk-MQ277OLB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/feedback/Dialog/Dialog.tsx"],"sourcesContent":["import CloseIcon from '@mui/icons-material/Close';\nimport Backdrop from '@mui/material/Backdrop/index.js';\nimport Box from '@mui/material/Box/index.js';\nimport MuiDialog, { type DialogProps as MuiDialogProps } from '@mui/material/Dialog/index.js';\nimport MuiDialogActions from '@mui/material/DialogActions/index.js';\nimport MuiDialogContent from '@mui/material/DialogContent/index.js';\nimport MuiDialogTitle from '@mui/material/DialogTitle/index.js';\nimport Drawer, { type DrawerProps } from '@mui/material/Drawer/index.js';\nimport IconButton from '@mui/material/IconButton/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport { useTheme, type SxProps, type Theme } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport { focusDialogOnEntered } from './Dialog.focus';\nimport { hasSpacingSlot, withDialogDefaults } from './Dialog.helpers';\nimport {\n  DIALOG_ACTIONS,\n  DIALOG_BODY_PADDING_UNITS,\n  DIALOG_CONTENT_PADDING_UNITS,\n  DIALOG_HEADER_CHILDREN_PADDING_UNITS,\n  DIALOG_TITLE,\n  DIALOG_TITLED_BODY_PADDING_TOP_UNITS,\n} from './Dialog.metrics';\nimport { mergedBackdropSlot, mergedPaperSlot, mergedTransitionSlot } from './Dialog.slots';\nimport { backdropSxOf, variantStylesOf } from './Dialog.styles';\nimport { childTestId, resolveTestId, slotTestId, withoutTestIdProps } from '../../../platform/test-id';\nimport type {\n  DialogActionsProps,\n  DialogContentProps,\n  DialogHeaderProps,\n  DialogProps,\n} from './Dialog.types';\n\n/**\n * The padding a dialog gives children that are not managing their own — and the\n * rule that takes it back when it turns out they are.\n *\n * `:has()` is doing what {@link hasSpacingSlot} cannot. A slot passed through a\n * COMPONENT (`<Body />` rendering a `DialogContent`) is invisible to any check\n * on element type: React does not know what a component renders until it has\n * rendered it, and by then the wrapper is already in the tree. The selector\n * asks the question one step later, of the DOM, where the answer exists.\n *\n * `display: contents` rather than `padding: 0`, because the padding is only\n * half of what a wrapper does. The other half is standing between the paper and\n * its children: MUI's `scroll=\"paper\"` makes the paper a flex column with\n * `overflow-y: auto`, so a `DialogContent` that is no longer its direct child\n * cannot be the thing that scrolls — the whole dialog scrolls instead and\n * carries the `DialogActions` off the bottom with it. An element with\n * `display: contents` generates no box at all: its children become the paper's\n * flex items, and its padding is never applied. Both halves, one declaration.\n *\n * A browser without `:has()` falls back to the padded box — the layout this\n * had before, not a broken one.\n */\nconst BODY_SX = {\n  px: DIALOG_BODY_PADDING_UNITS.horizontal,\n  pb: DIALOG_BODY_PADDING_UNITS.bottom,\n  '&:has(> .MuiDialogContent-root), &:has(> .MuiDialogActions-root)': {\n    display: 'contents',\n  },\n} as const;\n\n/**\n * The dialog body. Consumers that pass raw children (no <DialogContent>) used\n * to render them flush against the paper edges — give them comfortable default\n * padding; <DialogContent>/<DialogActions> users keep managing their own\n * spacing.\n */\nfunction bodyOf(children: React.ReactNode, hasTitle: boolean): React.ReactNode {\n  // Read lazily: both slots are declared below this function.\n  if (hasSpacingSlot(children, [DialogContent, DialogActions])) return children;\n  const pt = hasTitle\n    ? DIALOG_BODY_PADDING_UNITS.topUnderTitle\n    : DIALOG_BODY_PADDING_UNITS.top;\n  return <Box sx={{ ...BODY_SX, pt }}>{children}</Box>;\n}\n\n/**\n * MUI's `onClose` for either renderer: a `persistent` dialog swallows the\n * backdrop press and Escape, and the caller's `onClose` is called with no\n * arguments, as `Dialog.base.ts` promises. The drawer used to get the caller's\n * raw `onClose` — so it closed when `persistent` said it must not, and was\n * handed MUI's `(event, reason)` (FUT-2673).\n */\nfunction closeHandlerOf(persistent: boolean, onClose: (() => void) | undefined) {\n  return (_event: object, reason: 'backdropClick' | 'escapeKeyDown') => {\n    if (persistent && (reason === 'backdropClick' || reason === 'escapeKeyDown')) {\n      return;\n    }\n    onClose?.();\n  };\n}\n\n/** The looks the Dialog lays under a caller's paper and backdrop props. */\ninterface DialogLooks {\n  paperSx: SxProps<Theme>;\n  backdropSx: SxProps<Theme>;\n  testId: string | undefined;\n}\n\n/** What either renderer below takes: the looks, and the dialog's own children. */\ntype RendererProps = DialogLooks & { children: React.ReactNode };\n\n/**\n * Every variant but the drawer: MUI's `Dialog`. The scrim reaches MUI through\n * `slotProps.backdrop`, not the deprecated `BackdropProps`, and a caller's\n * backdrop props from either spelling merge over it rather than replacing it\n * (FUT-2672) — as their paper props merge over the variant's look (FUT-2613).\n * `slotProps.transition` gives initial focus to the paper (FUT-2696, see\n * `Dialog.focus.ts` and `Dialog.md`) ahead of a caller's own `onEntered`.\n */\nfunction ModalDialog({\n  paperSx,\n  backdropSx,\n  testId,\n  dialogProps,\n  children,\n}: RendererProps & { dialogProps: MuiDialogProps }) {\n  const { PaperProps: callerPaper, BackdropProps: callerBackdrop, TransitionProps: callerTransition, slotProps, ...rest } = dialogProps;\n  return (\n    <MuiDialog\n      {...rest}\n      slotProps={{\n        ...slotProps,\n        paper: mergedPaperSlot(paperSx, testId, callerPaper, slotProps?.paper),\n        backdrop: mergedBackdropSlot(backdropSx, callerBackdrop, slotProps?.backdrop),\n        transition: mergedTransitionSlot(focusDialogOnEntered, callerTransition, slotProps?.transition),\n      }}\n    >\n      {children}\n    </MuiDialog>\n  );\n}\n\n/**\n * The drawer variant: MUI's `Drawer`, with the variant's look on the Drawer's\n * OWN paper — on an inner Box it left the paper 0px wide and clipped the panel —\n * and a caller's paper props merged over it rather than replacing it. The\n * test id stays on the Drawer root, so the paper carries none of its own.\n *\n * The scrim rides the drawer's backdrop exactly as it rides the dialog's, so\n * `glass` blurs it here too; the paper does not frost (FUT-2673). MUI's\n * `Drawer` does not merge `BackdropProps` into `slotProps.backdrop` — it takes\n * one or the other — so both are folded into the one slot here.\n * `slotProps.transition` gives initial focus the same way `ModalDialog` does\n * (FUT-2696, see `Dialog.focus.ts` and `Dialog.md` for why the drawer's paper\n * differs from the modal's paper here and needed the fix less).\n */\nfunction DrawerDialog({\n  paperSx,\n  backdropSx,\n  testId,\n  drawerProps,\n  children,\n}: RendererProps & { drawerProps: DrawerProps }) {\n  const { PaperProps: callerPaper, BackdropProps: callerBackdrop, SlideProps: callerTransition, slotProps, ...rest } = drawerProps;\n  return (\n    <Drawer\n      anchor=\"right\"\n      data-testid={testId}\n      {...rest}\n      slotProps={{\n        ...slotProps,\n        paper: mergedPaperSlot(paperSx, undefined, callerPaper, slotProps?.paper),\n        backdrop: mergedBackdropSlot(backdropSx, callerBackdrop, slotProps?.backdrop),\n        transition: mergedTransitionSlot(focusDialogOnEntered, callerTransition, slotProps?.transition),\n      }}\n    >\n      {children}\n    </Drawer>\n  );\n}\n\nexport const Dialog: React.FC<DialogProps> = (rawProps) => {\n  const {\n    children,\n    variant,\n    size,\n    title,\n    description,\n    showCloseButton,\n    backdrop,\n    persistent,\n    glass,\n    gradient,\n    glow,\n    pulse,\n    borderRadius,\n    onClose,\n    open,\n    ...others\n  } = withDialogDefaults(rawProps);\n  const theme = useTheme();\n  // Every spelling of the test id the shared contract allows, mapped to the one\n  // the DOM reads, and stripped from what is spread — `testID` is React\n  // Native's name for it and is not a DOM attribute. The native `Dialog` does\n  // the same in reverse.\n  const testId = resolveTestId(others, 'dialog');\n  const props = withoutTestIdProps(others);\n  const looks: DialogLooks = {\n    paperSx: variantStylesOf(theme, { variant, size, borderRadius, glass, gradient, glow, pulse }),\n    backdropSx: backdropSxOf(theme, glass),\n    testId,\n  };\n  const handleClose = closeHandlerOf(persistent, onClose);\n\n  const header = title ? (\n    <DialogHeader\n      title={title}\n      subtitle={description}\n      showCloseButton={showCloseButton}\n      onClose={onClose}\n      dataTestId={testId}\n    />\n  ) : null;\n  const body = bodyOf(children, Boolean(title));\n\n  if (variant === 'drawer') {\n    return (\n      <DrawerDialog {...looks} drawerProps={{ ...props, open, onClose: handleClose }}>\n        {header}\n        {body}\n      </DrawerDialog>\n    );\n  }\n\n  return (\n    <ModalDialog\n      {...looks}\n      dialogProps={{\n        open,\n        onClose: handleClose,\n        fullScreen: variant === 'fullscreen',\n        BackdropComponent: backdrop ? Backdrop : undefined,\n        ...props,\n      }}\n    >\n      {header}\n      {body}\n    </ModalDialog>\n  );\n};\n\nexport const DialogHeader: React.FC<DialogHeaderProps> = ({\n  children,\n  title,\n  subtitle,\n  showCloseButton = true,\n  onClose,\n  ...others\n}) => {\n  const props = withoutTestIdProps(others);\n\n  if (children) {\n    return (\n      <Box\n        data-testid={slotTestId(others, 'header', 'dialog')}\n        sx={{\n          p: DIALOG_HEADER_CHILDREN_PADDING_UNITS,\n          borderBottom: '1px solid',\n          borderColor: 'divider',\n        }}\n      >\n        {children}\n      </Box>\n    );\n  }\n\n  return (\n    <MuiDialogTitle\n      data-testid={slotTestId(others, 'title', 'dialog')}\n      sx={{\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'space-between',\n        pb: subtitle\n          ? DIALOG_TITLE.paddingBottomUnits.withSubtitle\n          : DIALOG_TITLE.paddingBottomUnits.plain,\n      }}\n      {...props}\n    >\n      <Box>\n        <Typography variant=\"h6\" component=\"div\">\n          {title}\n        </Typography>\n        {subtitle && (\n          <Typography\n            variant=\"body2\"\n            color=\"text.secondary\"\n            sx={{ mt: DIALOG_TITLE.subtitleGapUnits }}\n          >\n            {subtitle}\n          </Typography>\n        )}\n      </Box>\n      {showCloseButton && onClose && (\n        <IconButton\n          aria-label=\"close\"\n          onClick={onClose}\n          data-testid={childTestId(others, 'close', 'dialog')}\n          sx={{\n            color: 'text.secondary',\n            '&:hover': {\n              backgroundColor: 'action.hover',\n            },\n          }}\n        >\n          <CloseIcon />\n        </IconButton>\n      )}\n    </MuiDialogTitle>\n  );\n};\n\n/**\n * Top padding for a body that sits directly under the title.\n *\n * MUI zeroes it there (`.MuiDialogTitle-root + &` on a non-`dividers` content),\n * assuming the title's own bottom padding is the whole gap. That assumption\n * breaks for a body opening with an outlined field: a filled field floats its\n * label ABOVE the input's border box, and `DialogContent` is `overflow-y: auto`\n * — a clipping box — so the label gets sliced in half (FUT-544: \"Tipo\" in the\n * \"Novo insumo\" dialog).\n *\n * Reserve the overhang rather than restore the full 24px: the title already\n * contributes its bottom padding, so a shrunk label's `translate(…, -9px)` is\n * all that is missing. 12px clears it and leaves the gap visually tight.\n */\nconst TITLED_BODY_PADDING_TOP = DIALOG_TITLED_BODY_PADDING_TOP_UNITS;\n\n/**\n * `.MuiDialogTitle-root + &` is `(0,2,0)`-specific and a plain `sx` entry is\n * `(0,1,0)`, so the padding above only survives the cascade by naming the class\n * again — `(0,3,0)`. Scoped to the title-following case so an untitled dialog\n * keeps MUI's roomier default.\n */\nconst TITLED_BODY_SELECTOR = '.MuiDialogTitle-root + &.MuiDialogContent-root';\n\nexport const DialogContent: React.FC<DialogContentProps> = ({\n  children,\n  dividers = false,\n  dense = false,\n  ...others\n}) => (\n    <MuiDialogContent\n      data-testid={slotTestId(others, 'content', 'dialog')}\n      dividers={dividers}\n      sx={{\n        padding: dense ? DIALOG_CONTENT_PADDING_UNITS.dense : DIALOG_CONTENT_PADDING_UNITS.normal,\n        [TITLED_BODY_SELECTOR]: { paddingTop: TITLED_BODY_PADDING_TOP },\n        '&.MuiDialogContent-dividers': {\n          borderTop: dividers ? '1px solid' : 'none',\n          borderBottom: dividers ? '1px solid' : 'none',\n          borderColor: 'divider',\n        },\n      }}\n      {...withoutTestIdProps(others)}\n    >\n      {children}\n    </MuiDialogContent>\n  );\n\nexport const DialogActions: React.FC<DialogActionsProps> = ({\n  children,\n  alignment = 'right',\n  spacing = DIALOG_ACTIONS.defaultSpacingUnits,\n  ...others\n}) => {\n  const getJustifyContent = () => {\n    switch (alignment) {\n      case 'left': return 'flex-start';\n      case 'center': return 'center';\n      case 'right': return 'flex-end';\n      case 'space-between': return 'space-between';\n      default: return 'flex-end';\n    }\n  };\n\n  return (\n    <MuiDialogActions\n      data-testid={slotTestId(others, 'actions', 'dialog')}\n      sx={{\n        justifyContent: getJustifyContent(),\n        gap: spacing,\n        p: DIALOG_ACTIONS.paddingUnits,\n      }}\n      {...withoutTestIdProps(others)}\n    >\n      {children}\n    </MuiDialogActions>\n  );\n};"],"mappings":"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","names":[]}

package/dist/{chunk-QXSV7Z57.js → chunk-MXCIUKTQ.js}

@@ -1,3 +1,7 @@
+import {
+  useSheetDrag,
+  useSheetOpen
+} from "./chunk-LYVTJLCF.js";
 import {
   SheetBody
 } from "./chunk-3U3H3BZM.js";
@@ -7,10 +11,6 @@ import {
 import {
   SheetOverlay
 } from "./chunk-FPVYD7BO.js";
-import {
-  useSheetDrag,
-  useSheetOpen
-} from "./chunk-LYVTJLCF.js";
 import {
   DEFAULT_DRAG_RESISTANCE,
   DEFAULT_VELOCITY_THRESHOLD,
@@ -124,4 +124,4 @@ var Sheet = (props) => {
 export {
   Sheet
 };
-//# sourceMappingURL=chunk-QXSV7Z57.js.map
+//# sourceMappingURL=chunk-MXCIUKTQ.js.map

package/dist/{chunk-UBEAJFMW.js → chunk-O25SH2MA.js}

@@ -1,19 +1,19 @@
 import {
   DeleteViewDialog
-} from "./chunk-P22W4N5K.js";
+} from "./chunk-37USSARD.js";
 import {
   DataViewsGrid
-} from "./chunk-5WT4YWXC.js";
+} from "./chunk-IRD45DRW.js";
 import {
   viewStateKey
 } from "./chunk-ZOLAYP2D.js";
 import {
   ViewDialogs,
   ViewMutationErrorAlert
-} from "./chunk-ARDLCGBK.js";
+} from "./chunk-O2DLEAUP.js";
 import {
   useSavedViewsController
-} from "./chunk-HR7YTBR7.js";
+} from "./chunk-IASDP44E.js";
 
 // src/components/data-display/DataViews/DataViewsTableBase.tsx
 import { useEffect, useMemo, useRef, useState } from "react";
@@ -178,4 +178,4 @@ function renderViewDialogs(ctl, fields, columns, views, testIdPrefix, onSaved) {
 export {
   DataViewsTableBase
 };
-//# sourceMappingURL=chunk-UBEAJFMW.js.map
+//# sourceMappingURL=chunk-O25SH2MA.js.map

package/dist/{chunk-ARDLCGBK.js → chunk-O2DLEAUP.js}

@@ -1,9 +1,9 @@
 import {
   SaveViewModal
-} from "./chunk-SA65SDOY.js";
+} from "./chunk-A2TANYNR.js";
 import {
   ManageViewsDialog
-} from "./chunk-WWGD5YVW.js";
+} from "./chunk-YTY7TD7S.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -121,4 +121,4 @@ export {
   ViewsMenuSlot,
   ViewDialogs
 };
-//# sourceMappingURL=chunk-ARDLCGBK.js.map
+//# sourceMappingURL=chunk-O2DLEAUP.js.map

package/dist/{chunk-WCRGSMLV.js → chunk-SCZABICW.js}

@@ -1,9 +1,9 @@
 import {
   FleetCanvas
-} from "./chunk-ESCF5VMQ.js";
+} from "./chunk-DRSY37PB.js";
 import {
   FleetRoster
-} from "./chunk-SAOCDKNK.js";
+} from "./chunk-5JCGBCFJ.js";
 import {
   rem
 } from "./chunk-YKCAJ2TN.js";
@@ -79,4 +79,4 @@ function FleetBody({
 export {
   FleetBody
 };
-//# sourceMappingURL=chunk-WCRGSMLV.js.map
+//# sourceMappingURL=chunk-SCZABICW.js.map

package/dist/{chunk-2WU52FLP.js → chunk-ST7B54JN.js}

@@ -94,6 +94,7 @@ function defaultVariantStyles(theme, opts) {
     border: opts.glass ? `${DIALOG_BORDER_WIDTH}px solid ${alpha(theme.palette.primary.main, DIALOG_GLASS.borderAlpha)}` : "none"
   };
 }
+var NO_FOCUS_OUTLINE = { outline: 0 };
 function variantStylesOf(theme, opts) {
   const decorations = {
     ...glowStylesOf(theme, opts.glow),
@@ -104,6 +105,7 @@ function variantStylesOf(theme, opts) {
       return {
         ...baseStylesOf(theme, opts),
         ...decorations,
+        ...NO_FOCUS_OUTLINE,
         backgroundColor: alpha(theme.palette.background.paper, DIALOG_GLASS.backgroundAlpha),
         backdropFilter: `blur(${rem(theme, DIALOG_GLASS.blurPx)})`,
         border: `${DIALOG_BORDER_WIDTH}px solid ${alpha(theme.palette.primary.main, DIALOG_GLASS.borderAlpha)}`,
@@ -118,7 +120,8 @@ function variantStylesOf(theme, opts) {
         ...dynamicViewportHeight("height"),
         maxWidth: "none",
         maxHeight: "none",
-        ...decorations
+        ...decorations,
+        ...NO_FOCUS_OUTLINE
       };
     case "drawer": {
       const radius = borderRadiusOf(theme, opts.borderRadius);
@@ -134,14 +137,16 @@ function variantStylesOf(theme, opts) {
         maxWidth: "100%",
         ...dynamicViewportHeight("height"),
         maxHeight: "none",
-        ...decorations
+        ...decorations,
+        ...NO_FOCUS_OUTLINE
       };
     }
     default:
       return {
         ...baseStylesOf(theme, opts),
         ...decorations,
-        ...defaultVariantStyles(theme, opts)
+        ...defaultVariantStyles(theme, opts),
+        ...NO_FOCUS_OUTLINE
       };
   }
 }
@@ -156,4 +161,4 @@ export {
   variantStylesOf,
   backdropSxOf
 };
-//# sourceMappingURL=chunk-2WU52FLP.js.map
+//# sourceMappingURL=chunk-ST7B54JN.js.map

package/dist/chunk-ST7B54JN.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 { scrim, shadowInk } from '../../../tokens/ink';\nimport { rem, rems } from '../../../tokens/relative';\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 — a function of the theme so the ring's spread follows the type scale.\nconst pulseAnimation = (theme: Theme) => keyframes`\n  0% {\n    box-shadow: 0 0 0 0 currentColor;\n    opacity: 1;\n  }\n  70% {\n    box-shadow: 0 0 0 ${rem(theme, DIALOG_PULSE.spread)} 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(theme: Theme, size: VariantStyleOptions['size']): string {\n  return rem(theme, 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(theme, 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: `${rems(theme, 0, 0, DIALOG_GLOW.blurRadius)} ${alpha(theme.palette.primary.main, DIALOG_GLOW.alpha)}`,\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(theme)} ${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(${rem(theme, DIALOG_GRADIENT.blurPx)})`,\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(${rem(theme, DIALOG_GLASS.blurPx)})` : 'none',\n    border: opts.glass\n      ? `${DIALOG_BORDER_WIDTH}px solid ${alpha(theme.palette.primary.main, DIALOG_GLASS.borderAlpha)}`\n      : 'none',\n  };\n}\n\n/**\n * The paper never grows an outline of its own — same as `.MuiDialog-container`\n * (`outline: 0`, unconditionally, in MUI's own `Dialog.js`). It matters once\n * `focusDialogOnEntered` (FUT-2696) falls back to focusing the paper itself: a\n * browser's default `:focus`/`:focus-visible` ring is drawn OUTSIDE the box\n * model — it never resizes a box or shifts a sibling — but this keeps the\n * paper visually identical whether or not that fallback ever fires, rather\n * than relying on that guarantee.\n */\nconst NO_FOCUS_OUTLINE = { outline: 0 } as const;\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        ...NO_FOCUS_OUTLINE,\n        backgroundColor: alpha(theme.palette.background.paper, DIALOG_GLASS.backgroundAlpha),\n        backdropFilter: `blur(${rem(theme, DIALOG_GLASS.blurPx)})`,\n        border: `${DIALOG_BORDER_WIDTH}px solid ${alpha(theme.palette.primary.main, DIALOG_GLASS.borderAlpha)}`,\n        boxShadow: `${rems(theme, 0, DIALOG_GLASS.shadow.offsetY, DIALOG_GLASS.shadow.blurRadius)} ${shadowInk(theme, DIALOG_GLASS.shadow.alpha)}`,\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        ...NO_FOCUS_OUTLINE,\n      };\n    case 'drawer': {\n      const radius = borderRadiusOf(theme, opts.borderRadius);\n      return {\n        // `radius` is already a length (`theme.spacing(n)` → '16px', or 0): gluing\n        // another `px` on wrote '16pxpx', which the browser dropped, leaving the\n        // panel's leading corners square.\n        borderRadius: `${radius} 0 0 ${radius}`,\n        margin: 0,\n        width: maxWidthOf(theme, opts.size),\n        // Never wider than the screen: a 600px panel on a 375px phone put its\n        // title and the start of every line off the left edge.\n        maxWidth: '100%',\n        ...dynamicViewportHeight('height'),\n        maxHeight: 'none',\n        ...decorations,\n        ...NO_FOCUS_OUTLINE,\n      };\n    }\n    default:\n      return {\n        ...baseStylesOf(theme, opts),\n        ...decorations,\n        ...defaultVariantStyles(theme, opts),\n        ...NO_FOCUS_OUTLINE,\n      };\n  }\n}\n\nexport function backdropSxOf(theme: Theme, glass: boolean) {\n  return {\n    backgroundColor: scrim(theme, glass ? DIALOG_BACKDROP.alpha.glass : DIALOG_BACKDROP.alpha.plain),\n    backdropFilter: glass ? `blur(${rem(theme, DIALOG_BACKDROP.blurPx)})` : 'none',\n  };\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-LH46NYGR.js → chunk-TEEJ4GNY.js}

@@ -1,6 +1,6 @@
 import {
   GridToolbar
-} from "./chunk-HUPR5JXY.js";
+} from "./chunk-HWSS6C7C.js";
 
 // src/components/data-display/DataViews/data-views-shell-toolbar.tsx
 import { jsx } from "react/jsx-runtime";
@@ -64,4 +64,4 @@ function ShellToolbar({
 export {
   ShellToolbar
 };
-//# sourceMappingURL=chunk-LH46NYGR.js.map
+//# sourceMappingURL=chunk-TEEJ4GNY.js.map

package/dist/{chunk-O4AHF45C.js → chunk-VY6L74JQ.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-COYGTEN5.js";
 import {
   DENSITY_ROW_PADDING
-} from "./chunk-XZJM6EPC.js";
+} from "./chunk-YKEO6UHN.js";
 import {
   default as default2
 } from "./chunk-6DPAWXZ3.js";
@@ -129,4 +129,4 @@ export {
   cellRailCount,
   ListCardGroup
 };
-//# sourceMappingURL=chunk-O4AHF45C.js.map
+//# sourceMappingURL=chunk-VY6L74JQ.js.map

package/dist/{chunk-XZJM6EPC.js → chunk-YKEO6UHN.js}

@@ -1,9 +1,9 @@
-import {
-  DATA_VIEWS_LAYOUTS
-} from "./chunk-LHHAYZ55.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
+import {
+  DATA_VIEWS_LAYOUTS
+} from "./chunk-LHHAYZ55.js";
 import {
   Slider
 } from "./chunk-MNHIK2OR.js";
@@ -186,4 +186,4 @@ export {
   useDataViewsLayout,
   DataViewsZoomSlider
 };
-//# sourceMappingURL=chunk-XZJM6EPC.js.map
+//# sourceMappingURL=chunk-YKEO6UHN.js.map