@12-apps/ui 6.97.0 → 6.98.0

package/dist/{chunk-KMMFN24G.js → chunk-MKHNLRVX.js}

@@ -1,9 +1,9 @@
+import {
+  CategoryPanel
+} from "./chunk-FZZMNKVF.js";
 import {
   CategoryPanelSurface
 } from "./chunk-QYY37ECA.js";
-import {
-  CategoryPanel
-} from "./chunk-VMTOLAZ5.js";
 import {
   useCategorySelect
 } from "./chunk-RZVUY2MO.js";
@@ -155,4 +155,4 @@ function CategorySelect(props) {
 export {
   CategorySelect
 };
-//# sourceMappingURL=chunk-KMMFN24G.js.map
+//# sourceMappingURL=chunk-MKHNLRVX.js.map

package/dist/{chunk-4IG73U2X.js → chunk-MSPLIRBH.js}

@@ -1,6 +1,6 @@
 import {
   EN_US_UI_LABELS
-} from "./chunk-XOXXG7Q5.js";
+} from "./chunk-VWKMN3ZZ.js";
 import {
   rem
 } from "./chunk-YKCAJ2TN.js";
@@ -68,4 +68,4 @@ export {
   CommandLoading,
   CommandSeparator
 };
-//# sourceMappingURL=chunk-4IG73U2X.js.map
+//# sourceMappingURL=chunk-MSPLIRBH.js.map

package/dist/{chunk-RNIJL54W.js → chunk-O4UXH7BM.js}

@@ -1,12 +1,12 @@
-import {
-  RangeSummary
-} from "./chunk-WLDP7C4K.js";
 import {
   RangeBounds
-} from "./chunk-ZPWPA6FR.js";
+} from "./chunk-FW5GTAUY.js";
 import {
   RangePresets
-} from "./chunk-LZNUBQ5I.js";
+} from "./chunk-4A454JZN.js";
+import {
+  RangeSummary
+} from "./chunk-WLDP7C4K.js";
 import {
   isRangeInverted,
   isRangeSet,
@@ -24,7 +24,7 @@ import {
 } from "./chunk-KHG57NAE.js";
 import {
   TableFilter
-} from "./chunk-FORQEHRQ.js";
+} from "./chunk-UXVWGNPG.js";
 import {
   TableFilterContext
 } from "./chunk-7AIL2F5E.js";
@@ -240,4 +240,4 @@ export {
   RangePill,
   PanelRangeField
 };
-//# sourceMappingURL=chunk-RNIJL54W.js.map
+//# sourceMappingURL=chunk-O4UXH7BM.js.map

package/dist/{chunk-DYHOBKPU.js → chunk-OA6T2ME3.js}

@@ -1,3 +1,7 @@
+import {
+  GridBody,
+  GridHeader
+} from "./chunk-5RYPVYWP.js";
 import {
   DataGridEmpty,
   DataGridError,
@@ -6,10 +10,6 @@ import {
 import {
   useDataGridModel
 } from "./chunk-LDROG4QI.js";
-import {
-  GridBody,
-  GridHeader
-} from "./chunk-5RYPVYWP.js";
 
 // src/components/data-display/DataGrid/DataGrid.tsx
 import Paper from "@mui/material/Paper/index.js";
@@ -120,4 +120,4 @@ export {
   DataGrid,
   GRID_ONLY_PROPS
 };
-//# sourceMappingURL=chunk-DYHOBKPU.js.map
+//# sourceMappingURL=chunk-OA6T2ME3.js.map

package/dist/{chunk-VNMD6BA4.js → chunk-OFRQMFWD.js}

@@ -3,11 +3,11 @@ import {
 } from "./chunk-KHG57NAE.js";
 import {
   createConfirmButton
-} from "./chunk-KOGJBAFI.js";
+} from "./chunk-D3KLIC5N.js";
 import {
   Dialog,
   DialogContent
-} from "./chunk-DAFFZED3.js";
+} from "./chunk-KWBMM6MJ.js";
 import {
   default as default2
 } from "./chunk-6DPAWXZ3.js";
@@ -128,4 +128,4 @@ function ManageViewsDialog({
 export {
   ManageViewsDialog
 };
-//# sourceMappingURL=chunk-VNMD6BA4.js.map
+//# sourceMappingURL=chunk-OFRQMFWD.js.map

package/dist/{chunk-LTJC7TGB.js → chunk-OHA2PAAA.js}

@@ -2,7 +2,7 @@ import {
   SheetContent,
   SheetFooter,
   SheetHeader
-} from "./chunk-2KSFBZ2H.js";
+} from "./chunk-ABZJNKR6.js";
 import {
   muiColor
 } from "./chunk-7ZPUN7TV.js";
@@ -98,4 +98,4 @@ var SheetBody = (props) => {
 export {
   SheetBody
 };
-//# sourceMappingURL=chunk-LTJC7TGB.js.map
+//# sourceMappingURL=chunk-OHA2PAAA.js.map

package/dist/{chunk-ZANWHTXH.js → chunk-OVJV2ZN7.js}

@@ -1,6 +1,6 @@
 import {
   EN_US_UI_LABELS
-} from "./chunk-XOXXG7Q5.js";
+} from "./chunk-VWKMN3ZZ.js";
 
 // src/components/form/RichTextEditor/RichTextEditor.dom.ts
 var wrapSelection = (range, tagName) => {
@@ -91,4 +91,4 @@ export {
   insertImage,
   toggleList
 };
-//# sourceMappingURL=chunk-ZANWHTXH.js.map
+//# sourceMappingURL=chunk-OVJV2ZN7.js.map

package/dist/{chunk-SKQPUAMK.js → chunk-PDWQJFMK.js}

@@ -2,22 +2,22 @@ import {
   GridBody,
   GridHeader
 } from "./chunk-FYSS2PYA.js";
+import {
+  EN_US_SCHEDULE_GRID_LABELS
+} from "./chunk-NMXYHPOG.js";
 import {
   focusables,
   handleGridKey
 } from "./chunk-ZHKCE5LR.js";
 import {
-  EN_US_SCHEDULE_GRID_LABELS
-} from "./chunk-NMXYHPOG.js";
+  useGridDrag
+} from "./chunk-WBMLMLXP.js";
 import {
   useSidewaysScroll
 } from "./chunk-GONPUJIE.js";
 import {
   useScrollToDay
 } from "./chunk-5EP37B4F.js";
-import {
-  useGridDrag
-} from "./chunk-WBMLMLXP.js";
 import {
   SR_ONLY_SX,
   frameSx,
@@ -144,4 +144,4 @@ function ScheduleGrid(props) {
 export {
   ScheduleGrid
 };
-//# sourceMappingURL=chunk-SKQPUAMK.js.map
+//# sourceMappingURL=chunk-PDWQJFMK.js.map

package/dist/{chunk-6EZQLNPK.js → chunk-PGJIWCQR.js}

@@ -1,9 +1,9 @@
-import {
-  TutorialStepBody
-} from "./chunk-DE7E2GBP.js";
 import {
   useTutorialOverlay
 } from "./chunk-34643ATX.js";
+import {
+  TutorialStepBody
+} from "./chunk-DE7E2GBP.js";
 import {
   scrim,
   sheen
@@ -288,4 +288,4 @@ export {
   TutorialOverlay,
   TutorialOverlay_default
 };
-//# sourceMappingURL=chunk-6EZQLNPK.js.map
+//# sourceMappingURL=chunk-PGJIWCQR.js.map

package/dist/{chunk-FRAFGRRD.js → chunk-PIELY4BJ.js}

@@ -50,4 +50,4 @@ export {
   SURFACE_EXIT_MS,
   UsableModal
 };
-//# sourceMappingURL=chunk-FRAFGRRD.js.map
+//# sourceMappingURL=chunk-PIELY4BJ.js.map

package/dist/{chunk-3Z6JX7UN.js → chunk-PZJEF232.js}

@@ -23,7 +23,7 @@ import {
 } from "./chunk-LL2BWQPM.js";
 import {
   EN_US_UI_LABELS
-} from "./chunk-XOXXG7Q5.js";
+} from "./chunk-VWKMN3ZZ.js";
 import {
   resolveTestId
 } from "./chunk-TYJR4GOF.js";
@@ -150,4 +150,4 @@ export {
   LoadingState,
   LoadingState_default
 };
-//# sourceMappingURL=chunk-3Z6JX7UN.js.map
+//# sourceMappingURL=chunk-PZJEF232.js.map

package/dist/{chunk-6ATXOJVQ.js → chunk-QADTI63U.js}

@@ -1,10 +1,10 @@
-import {
-  buildChartContext
-} from "./chunk-TZC6KIK2.js";
 import {
   ChartLegendContent,
   ChartTooltipContent
 } from "./chunk-RIRTW5EU.js";
+import {
+  buildChartContext
+} from "./chunk-TZC6KIK2.js";
 import {
   uiInk
 } from "./chunk-XJAD6E3V.js";
@@ -318,4 +318,4 @@ function renderChartByType(props, theme) {
 export {
   renderChartByType
 };
-//# sourceMappingURL=chunk-6ATXOJVQ.js.map
+//# sourceMappingURL=chunk-QADTI63U.js.map

package/dist/chunk-QAF76E6U.js

@@ -0,0 +1,43 @@
+import {
+  remPx
+} from "./chunk-YKCAJ2TN.js";
+
+// src/components/form/DateRangePicker/DateRangePicker.layout.ts
+import { useLayoutEffect, useState } from "react";
+var FRAMED_MONTHS = { 1: 338, 2: 666 };
+var BESIDE_COLUMN = 252;
+function framedMonthsWidth(months) {
+  return FRAMED_MONTHS[months] ?? FRAMED_MONTHS[2] * months / 2;
+}
+function besideLayout(width, requested, theme) {
+  if (width === null) return { months: requested, placement: "below" };
+  const framed = (months) => remPx(theme, framedMonthsWidth(months));
+  const beside = remPx(theme, BESIDE_COLUMN);
+  const counts = requested > 1 ? [requested, 1] : [requested];
+  for (const months of counts) {
+    if (width >= framed(months) + beside) return { months, placement: "beside" };
+    if (width >= framed(months)) return { months, placement: "below" };
+  }
+  return { months: 1, placement: "below" };
+}
+function useMeasuredWidth(ref, enabled) {
+  const [width, setWidth] = useState(null);
+  useLayoutEffect(() => {
+    const element = ref.current;
+    if (!enabled || element === null || typeof ResizeObserver === "undefined") return void 0;
+    const observer = new ResizeObserver((entries) => {
+      const measured = entries[0]?.contentRect.width;
+      if (measured) setWidth(Math.round(measured));
+    });
+    observer.observe(element);
+    return () => observer.disconnect();
+  }, [ref, enabled]);
+  return width;
+}
+
+export {
+  framedMonthsWidth,
+  besideLayout,
+  useMeasuredWidth
+};
+//# sourceMappingURL=chunk-QAF76E6U.js.map

package/dist/chunk-QAF76E6U.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/DateRangePicker/DateRangePicker.layout.ts"],"sourcesContent":["/**\n * Where the typed half goes when the consumer asked for it BESIDE the months\n * (`fieldsPlacement=\"beside\"`), and how many months fit with it.\n *\n * Decided from the PICKER's own width, never the viewport's: the same form sits\n * full width on a computer and in a 3/5 column beside a preview on the same\n * computer, and only its own box knows which. The numbers are the design px the\n * month grid is built to (`MONTH_SX` in `CalendarMonth`: 304 wide, 24 apart).\n */\nimport type { Theme } from '@mui/material/styles/index.js';\nimport { useLayoutEffect, useState, type RefObject } from 'react';\n\nimport { remPx } from '../../../tokens/relative';\n\n/**\n * The design px the layout is computed from, rendered through the theme\n * (`remPx`) so a density that shrinks the grid shrinks the thresholds with it.\n * Framed months: the grid's intrinsic 304 a month and 24 between two\n * (`MONTH_SX`), plus the frame's 16px padding a side and its hairline. The\n * column beside: the `gap: 4` to the frame and the 220 a `dd/mm/aaaa` field\n * and its label read well in.\n */\nconst FRAMED_MONTHS: Readonly<Record<number, number>> = { 1: 338, 2: 666 };\nconst BESIDE_COLUMN = 252;\n\nexport type FieldsPlacement = 'beside' | 'below';\n\n/** The design px a frame around `months` month grids needs (see FRAMED_MONTHS). */\nexport function framedMonthsWidth(months: number): number {\n  return FRAMED_MONTHS[months] ?? (FRAMED_MONTHS[2]! * months) / 2;\n}\n\n/**\n * The layout for a picker `width` px wide asking for `requested` months, in\n * order of preference: every month requested with the fields beside, then\n * under them, then one month beside, then one under. A picker not measured yet\n * (no `ResizeObserver`, a server render) keeps the default layout.\n */\nexport function besideLayout(\n  width: number | null,\n  requested: number,\n  theme: Theme,\n): { months: number; placement: FieldsPlacement } {\n  if (width === null) return { months: requested, placement: 'below' };\n  const framed = (months: number): number => remPx(theme, framedMonthsWidth(months));\n  const beside = remPx(theme, BESIDE_COLUMN);\n  const counts = requested > 1 ? [requested, 1] : [requested];\n  for (const months of counts) {\n    if (width >= framed(months) + beside) return { months, placement: 'beside' };\n    if (width >= framed(months)) return { months, placement: 'below' };\n  }\n  return { months: 1, placement: 'below' };\n}\n\n/** The element's content width, kept current; null until measured or when disabled. */\nexport function useMeasuredWidth(ref: RefObject<HTMLElement | null>, enabled: boolean): number | null {\n  const [width, setWidth] = useState<number | null>(null);\n  useLayoutEffect(() => {\n    const element = ref.current;\n    if (!enabled || element === null || typeof ResizeObserver === 'undefined') return undefined;\n    const observer = new ResizeObserver((entries) => {\n      const measured = entries[0]?.contentRect.width;\n      if (measured) setWidth(Math.round(measured));\n    });\n    observer.observe(element);\n    return () => observer.disconnect();\n  }, [ref, enabled]);\n  return width;\n}\n"],"mappings":";;;;;AAUA,SAAS,iBAAiB,gBAAgC;AAY1D,IAAM,gBAAkD,EAAE,GAAG,KAAK,GAAG,IAAI;AACzE,IAAM,gBAAgB;AAKf,SAAS,kBAAkB,QAAwB;AACxD,SAAO,cAAc,MAAM,KAAM,cAAc,CAAC,IAAK,SAAU;AACjE;AAQO,SAAS,aACd,OACA,WACA,OACgD;AAChD,MAAI,UAAU,KAAM,QAAO,EAAE,QAAQ,WAAW,WAAW,QAAQ;AACnE,QAAM,SAAS,CAAC,WAA2B,MAAM,OAAO,kBAAkB,MAAM,CAAC;AACjF,QAAM,SAAS,MAAM,OAAO,aAAa;AACzC,QAAM,SAAS,YAAY,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,SAAS;AAC1D,aAAW,UAAU,QAAQ;AAC3B,QAAI,SAAS,OAAO,MAAM,IAAI,OAAQ,QAAO,EAAE,QAAQ,WAAW,SAAS;AAC3E,QAAI,SAAS,OAAO,MAAM,EAAG,QAAO,EAAE,QAAQ,WAAW,QAAQ;AAAA,EACnE;AACA,SAAO,EAAE,QAAQ,GAAG,WAAW,QAAQ;AACzC;AAGO,SAAS,iBAAiB,KAAoC,SAAiC;AACpG,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAwB,IAAI;AACtD,kBAAgB,MAAM;AACpB,UAAM,UAAU,IAAI;AACpB,QAAI,CAAC,WAAW,YAAY,QAAQ,OAAO,mBAAmB,YAAa,QAAO;AAClF,UAAM,WAAW,IAAI,eAAe,CAAC,YAAY;AAC/C,YAAM,WAAW,QAAQ,CAAC,GAAG,YAAY;AACzC,UAAI,SAAU,UAAS,KAAK,MAAM,QAAQ,CAAC;AAAA,IAC7C,CAAC;AACD,aAAS,QAAQ,OAAO;AACxB,WAAO,MAAM,SAAS,WAAW;AAAA,EACnC,GAAG,CAAC,KAAK,OAAO,CAAC;AACjB,SAAO;AACT;","names":[]}

package/dist/{chunk-4RF4BALN.js → chunk-R775ISK6.js}

@@ -1,12 +1,12 @@
-import {
-  useAddressAutocomplete
-} from "./chunk-Z6QFIRD7.js";
 import {
   AddressFallbackField
 } from "./chunk-IU2WSJ4F.js";
 import {
   AddressAutocompleteField
 } from "./chunk-4RSFYS2V.js";
+import {
+  useAddressAutocomplete
+} from "./chunk-4X2TOMK6.js";
 import {
   resolveAddressProps
 } from "./chunk-NNKIM73H.js";
@@ -36,4 +36,4 @@ export {
   AddressAutocomplete,
   AddressAutocomplete_default
 };
-//# sourceMappingURL=chunk-4RF4BALN.js.map
+//# sourceMappingURL=chunk-R775ISK6.js.map

package/dist/{chunk-YBAK2WN5.js → chunk-RFMQBIE6.js}

@@ -1,3 +1,6 @@
+import {
+  HoverCardContent
+} from "./chunk-NRIV2CQ2.js";
 import {
   arrowSx,
   cardSx,
@@ -8,9 +11,6 @@ import {
 import {
   useHoverCard
 } from "./chunk-Z3USLQQT.js";
-import {
-  HoverCardContent
-} from "./chunk-NRIV2CQ2.js";
 import {
   withDefaults
 } from "./chunk-HPK33ACY.js";
@@ -191,4 +191,4 @@ HoverCard.displayName = "HoverCard";
 export {
   HoverCard
 };
-//# sourceMappingURL=chunk-YBAK2WN5.js.map
+//# sourceMappingURL=chunk-RFMQBIE6.js.map

package/dist/{chunk-43EFQ3DU.js → chunk-RVBLOR32.js}

@@ -16,7 +16,7 @@ import {
 import {
   Dialog,
   DialogContent
-} from "./chunk-DAFFZED3.js";
+} from "./chunk-KWBMM6MJ.js";
 import {
   default as default2
 } from "./chunk-6DPAWXZ3.js";
@@ -268,4 +268,4 @@ function SaveViewModal({
 export {
   SaveViewModal
 };
-//# sourceMappingURL=chunk-43EFQ3DU.js.map
+//# sourceMappingURL=chunk-RVBLOR32.js.map

package/dist/{chunk-XNAI7QGU.js → chunk-SA3KLZDZ.js}

@@ -4,12 +4,12 @@ import {
 import {
   CardBody
 } from "./chunk-4ZQQUICR.js";
-import {
-  SelectAllStrip
-} from "./chunk-OY437NRJ.js";
 import {
   toGridExpansion
 } from "./chunk-O5UGAL2V.js";
+import {
+  SelectAllStrip
+} from "./chunk-OY437NRJ.js";
 import {
   useStickyTableHead
 } from "./chunk-4IE66GY2.js";
@@ -28,7 +28,7 @@ import {
 } from "./chunk-KHG57NAE.js";
 import {
   DataGrid
-} from "./chunk-DYHOBKPU.js";
+} from "./chunk-OA6T2ME3.js";
 import {
   default as default2
 } from "./chunk-6DPAWXZ3.js";
@@ -250,4 +250,4 @@ function GridMain(props) {
 export {
   GridMain
 };
-//# sourceMappingURL=chunk-XNAI7QGU.js.map
+//# sourceMappingURL=chunk-SA3KLZDZ.js.map

package/dist/{chunk-CAOL4AIB.js → chunk-SARK3GHS.js}

@@ -3,7 +3,7 @@ import {
   StepContentComponent,
   StepIndicatorComponent,
   StepItemRow
-} from "./chunk-IMYKJTVX.js";
+} from "./chunk-5J6LN2O7.js";
 
 // src/components/utility/WorkflowStep/WorkflowStepRow.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -81,4 +81,4 @@ var StepRow = ({
 export {
   StepRow
 };
-//# sourceMappingURL=chunk-CAOL4AIB.js.map
+//# sourceMappingURL=chunk-SARK3GHS.js.map

package/dist/chunk-SIY64A6O.js

@@ -0,0 +1,60 @@
+import {
+  framedMonthsWidth
+} from "./chunk-QAF76E6U.js";
+import {
+  CARD_RADIUS_UNITS
+} from "./chunk-HDBP55R3.js";
+import {
+  surfaces
+} from "./chunk-TZ23DNKY.js";
+import {
+  rem,
+  sxRem
+} from "./chunk-YKCAJ2TN.js";
+
+// src/components/form/DateRangePicker/DateRangePicker.frame.ts
+var CALENDAR_CLASS = "date-range-picker__calendar";
+var FLAT_CALENDAR = {
+  [`& .${CALENDAR_CLASS}`]: {
+    p: 0,
+    boxShadow: "none",
+    backgroundColor: "transparent",
+    backgroundImage: "none"
+  }
+};
+var BESIDE_FRAME_SX = {
+  p: 2,
+  maxWidth: "100%",
+  minWidth: 0,
+  // A card on the page, as the prototype draws it: the RAISED surface role
+  // (`background.paper` unless the host states one — a host whose paper is its
+  // page ground states a lighter card there) and the default `Card`'s radius,
+  // not a Paper's 4px (FUT-4156, round 3). In-page only: the popover keeps its own.
+  bgcolor: (theme) => surfaces(theme).raised,
+  borderRadius: (theme) => theme.spacing(CARD_RADIUS_UNITS.md),
+  ...FLAT_CALENDAR
+};
+var BELOW_FRAME_SX = {
+  ...BESIDE_FRAME_SX,
+  alignSelf: "center",
+  width: "fit-content"
+};
+var FILL_COLUMN_MIN = 40;
+var sidePadding = (theme) => `clamp(0px, calc((100% - ${rem(theme, 7 * FILL_COLUMN_MIN + 2)}) / 2), ${theme.spacing(2)})`;
+var FILL_BELOW_FRAME_SX = { ...BESIDE_FRAME_SX, alignSelf: "stretch", px: sidePadding };
+var fillBesideFrameSx = (months) => ({ ...BESIDE_FRAME_SX, flex: "1 1 auto", minWidth: sxRem(framedMonthsWidth(months)) });
+var FILL_FIELDS_COLUMN = { flex: "0 1 auto", width: sxRem(320), minWidth: 0 };
+var frameSx = (sideBySide, fill, months) => {
+  if (fill) return sideBySide ? fillBesideFrameSx(months) : FILL_BELOW_FRAME_SX;
+  return sideBySide ? { ...BESIDE_FRAME_SX, flex: "0 0 auto" } : BELOW_FRAME_SX;
+};
+var fieldsColumnSx = (sideBySide, fill) => fill && sideBySide ? FILL_FIELDS_COLUMN : { flex: 1, minWidth: 0 };
+
+export {
+  CALENDAR_CLASS,
+  FLAT_CALENDAR,
+  FILL_COLUMN_MIN,
+  frameSx,
+  fieldsColumnSx
+};
+//# sourceMappingURL=chunk-SIY64A6O.js.map

package/dist/chunk-SIY64A6O.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/DateRangePicker/DateRangePicker.frame.ts"],"sourcesContent":["/**\n * The months' frame in the in-page (`beside`) layout, and the fields' column\n * beside it: how wide each is, with and without `fullWidth`. Kept out of the\n * component so that file stays a layout of parts.\n */\nimport type { Theme } from '@mui/material/styles/index.js';\n\nimport { rem, sxRem } from '../../../tokens/relative';\nimport { surfaces } from '../../../tokens/surfaces';\nimport { CARD_RADIUS_UNITS } from '../../layout/Card/Card.metrics';\n\nimport { framedMonthsWidth } from './DateRangePicker.layout';\n\nexport const CALENDAR_CLASS = 'date-range-picker__calendar';\n\n// `Calendar` renders its own `Paper` with 24px of padding. Nested in this one\n// that reads as a box inside a box, so the inner frame is flattened here\n// through the className hook the component exposes for exactly this.\nexport const FLAT_CALENDAR = {\n  [`& .${CALENDAR_CLASS}`]: {\n    p: 0,\n    boxShadow: 'none',\n    backgroundColor: 'transparent',\n    backgroundImage: 'none',\n  },\n};\n\n/**\n * The months' own frame in the `beside` layout: the picker is part of a page\n * there, so the frame holds the calendar alone and the fields sit on the page\n * beside or under it, as the form's other fields do.\n */\nconst BESIDE_FRAME_SX = {\n  p: 2,\n  maxWidth: '100%',\n  minWidth: 0,\n  // A card on the page, as the prototype draws it: the RAISED surface role\n  // (`background.paper` unless the host states one — a host whose paper is its\n  // page ground states a lighter card there) and the default `Card`'s radius,\n  // not a Paper's 4px (FUT-4156, round 3). In-page only: the popover keeps its own.\n  bgcolor: (theme: Theme) => surfaces(theme).raised,\n  borderRadius: (theme: Theme) => theme.spacing(CARD_RADIUS_UNITS.md),\n  ...FLAT_CALENDAR,\n} as const;\n\n/**\n * Under the fields' row the frame is as wide as its months and centred: a\n * frame stretched across the page around one month left a third of itself\n * blank (FUT-4156, 600 and 900 wide).\n */\nconst BELOW_FRAME_SX = {\n  ...BESIDE_FRAME_SX,\n  alignSelf: 'center',\n  width: 'fit-content',\n} as const;\n\n/**\n * `fullWidth`: the frame's edges are the picker's. Under the fields it spans\n * the picker; beside them it takes the row the fields' column leaves, and the\n * months spread across it (FUT-4156: a fitted frame left blank bands of 10 to\n * 77px each side at 390, 600 and 900 wide).\n */\n/**\n * Under the fields the frame gives up its side padding before its columns\n * drop under 40 design px: seven 40px columns and the hairlines need 282, so\n * the padding is what is left of the row past that, never more than its 16\n * (FUT-4156, round 3: at 320 wide the columns were 36). `100%` is the row's\n * width — padding percentages read the containing block.\n */\nexport const FILL_COLUMN_MIN = 40;\nconst sidePadding = (theme: Theme): string =>\n  `clamp(0px, calc((100% - ${rem(theme, 7 * FILL_COLUMN_MIN + 2)}) / 2), ${theme.spacing(2)})`;\nconst FILL_BELOW_FRAME_SX = { ...BESIDE_FRAME_SX, alignSelf: 'stretch', px: sidePadding } as const;\n// Never narrower than its months at their full size: the fields' column gives\n// way first, down to the room `besideLayout` chose this placement with.\nconst fillBesideFrameSx = (months: number) =>\n  ({ ...BESIDE_FRAME_SX, flex: '1 1 auto', minWidth: sxRem(framedMonthsWidth(months)) }) as const;\n\n/**\n * The fields' column beside a filling frame stops at 320 design px: at 1920\n * wide it ran to 694 for a ten-character date, with the room under it blank.\n */\nconst FILL_FIELDS_COLUMN = { flex: '0 1 auto', width: sxRem(320), minWidth: 0 } as const;\n\nexport const frameSx = (sideBySide: boolean, fill: boolean, months: number) => {\n  if (fill) return sideBySide ? fillBesideFrameSx(months) : FILL_BELOW_FRAME_SX;\n  return sideBySide ? { ...BESIDE_FRAME_SX, flex: '0 0 auto' } : BELOW_FRAME_SX;\n};\n\nexport const fieldsColumnSx = (sideBySide: boolean, fill: boolean) =>\n  fill && sideBySide ? FILL_FIELDS_COLUMN : { flex: 1, minWidth: 0 };\n\n"],"mappings":";;;;;;;;;;;;;;;AAaO,IAAM,iBAAiB;AAKvB,IAAM,gBAAgB;AAAA,EAC3B,CAAC,MAAM,cAAc,EAAE,GAAG;AAAA,IACxB,GAAG;AAAA,IACH,WAAW;AAAA,IACX,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,EACnB;AACF;AAOA,IAAM,kBAAkB;AAAA,EACtB,GAAG;AAAA,EACH,UAAU;AAAA,EACV,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAKV,SAAS,CAAC,UAAiB,SAAS,KAAK,EAAE;AAAA,EAC3C,cAAc,CAAC,UAAiB,MAAM,QAAQ,kBAAkB,EAAE;AAAA,EAClE,GAAG;AACL;AAOA,IAAM,iBAAiB;AAAA,EACrB,GAAG;AAAA,EACH,WAAW;AAAA,EACX,OAAO;AACT;AAeO,IAAM,kBAAkB;AAC/B,IAAM,cAAc,CAAC,UACnB,2BAA2B,IAAI,OAAO,IAAI,kBAAkB,CAAC,CAAC,WAAW,MAAM,QAAQ,CAAC,CAAC;AAC3F,IAAM,sBAAsB,EAAE,GAAG,iBAAiB,WAAW,WAAW,IAAI,YAAY;AAGxF,IAAM,oBAAoB,CAAC,YACxB,EAAE,GAAG,iBAAiB,MAAM,YAAY,UAAU,MAAM,kBAAkB,MAAM,CAAC,EAAE;AAMtF,IAAM,qBAAqB,EAAE,MAAM,YAAY,OAAO,MAAM,GAAG,GAAG,UAAU,EAAE;AAEvE,IAAM,UAAU,CAAC,YAAqB,MAAe,WAAmB;AAC7E,MAAI,KAAM,QAAO,aAAa,kBAAkB,MAAM,IAAI;AAC1D,SAAO,aAAa,EAAE,GAAG,iBAAiB,MAAM,WAAW,IAAI;AACjE;AAEO,IAAM,iBAAiB,CAAC,YAAqB,SAClD,QAAQ,aAAa,qBAAqB,EAAE,MAAM,GAAG,UAAU,EAAE;","names":[]}

package/dist/{chunk-37SNQQ7P.js → chunk-SOXO2VN3.js}

@@ -1,9 +1,9 @@
 import {
   GridShell
-} from "./chunk-C7IFBYIJ.js";
+} from "./chunk-A27J4CIZ.js";
 import {
   useDataViewsState
-} from "./chunk-5HXVXW22.js";
+} from "./chunk-EGBQR5GH.js";
 
 // src/components/data-display/DataViews/DataViewsGrid.tsx
 import { useEffect, useRef } from "react";
@@ -27,4 +27,4 @@ function DataViewsGrid(props) {
 export {
   DataViewsGrid
 };
-//# sourceMappingURL=chunk-37SNQQ7P.js.map
+//# sourceMappingURL=chunk-SOXO2VN3.js.map

package/dist/{chunk-6PU5P7QT.js → chunk-TDXEWGY2.js}

@@ -1,6 +1,6 @@
 import {
   resolveMapCopy
-} from "./chunk-M5Y42AZ4.js";
+} from "./chunk-ZX4ORMBC.js";
 import {
   MAX_ZOOM,
   MIN_ZOOM
@@ -116,4 +116,4 @@ var MapControlBar = ({
 export {
   MapControlBar
 };
-//# sourceMappingURL=chunk-6PU5P7QT.js.map
+//# sourceMappingURL=chunk-TDXEWGY2.js.map

package/dist/{chunk-SB2SEGR6.js → chunk-TIM4PXWN.js}

@@ -1,10 +1,10 @@
 import {
   Chart
-} from "./chunk-AMLHEKSV.js";
+} from "./chunk-HI7JPDD6.js";
 import {
   CHART_SEMANTIC_COLORS,
   specToChartProps
-} from "./chunk-HQCZT6TO.js";
+} from "./chunk-JVOEVTCZ.js";
 import {
   accentFor
 } from "./chunk-B7ZHEOQQ.js";
@@ -46,4 +46,4 @@ var SpecChart = ({
 export {
   SpecChart
 };
-//# sourceMappingURL=chunk-SB2SEGR6.js.map
+//# sourceMappingURL=chunk-TIM4PXWN.js.map

package/dist/{chunk-OGSTMHT6.js → chunk-TTBLQZVT.js}

@@ -2,10 +2,10 @@ import {
   ALERT_DIALOG_CONTAINER,
   AlertDialogFooter,
   narrowDialog
-} from "./chunk-KURE5R7Z.js";
+} from "./chunk-WGK7VNCO.js";
 import {
   EN_US_UI_LABELS
-} from "./chunk-XOXXG7Q5.js";
+} from "./chunk-VWKMN3ZZ.js";
 import {
   neutralTones
 } from "./chunk-XJAD6E3V.js";
@@ -269,4 +269,4 @@ AlertDialog.displayName = "AlertDialog";
 export {
   AlertDialog
 };
-//# sourceMappingURL=chunk-OGSTMHT6.js.map
+//# sourceMappingURL=chunk-TTBLQZVT.js.map

package/dist/{chunk-KHDKG7XB.js → chunk-U4PV2ZKK.js}

@@ -1,9 +1,9 @@
-import {
-  DeleteViewDialog
-} from "./chunk-YNVTUQ5B.js";
 import {
   DataViewsGrid
-} from "./chunk-37SNQQ7P.js";
+} from "./chunk-SOXO2VN3.js";
+import {
+  DeleteViewDialog
+} from "./chunk-3V7OTBUZ.js";
 import {
   viewStateKey
 } from "./chunk-ZOLAYP2D.js";
@@ -14,7 +14,7 @@ import {
 import {
   ViewDialogs,
   ViewMutationErrorAlert
-} from "./chunk-USHVG4UQ.js";
+} from "./chunk-ZKVSFVIA.js";
 import {
   useSavedViewsController
 } from "./chunk-B2JSUFDX.js";
@@ -166,4 +166,4 @@ function renderViewDialogs(ctl, fields, columns, views, testIdPrefix, onSaved) {
 export {
   DataViewsTableBase
 };
-//# sourceMappingURL=chunk-KHDKG7XB.js.map
+//# sourceMappingURL=chunk-U4PV2ZKK.js.map

package/dist/{chunk-VHE7UEG5.js → chunk-UC7DLGMP.js}

@@ -1,6 +1,6 @@
 import {
   MapPreview
-} from "./chunk-3PQL2EN5.js";
+} from "./chunk-ZW7Q3IRL.js";
 
 // src/components/data-display/FleetMap/FleetCanvas.tsx
 import Box from "@mui/material/Box/index.js";
@@ -38,4 +38,4 @@ function FleetCanvas({
 export {
   FleetCanvas
 };
-//# sourceMappingURL=chunk-VHE7UEG5.js.map
+//# sourceMappingURL=chunk-UC7DLGMP.js.map

package/dist/{chunk-TI4FGQYV.js → chunk-UHLGJHTD.js}

@@ -1,6 +1,6 @@
 import {
   EN_US_UI_LABELS
-} from "./chunk-XOXXG7Q5.js";
+} from "./chunk-VWKMN3ZZ.js";
 import {
   fieldHeight
 } from "./chunk-RGVNXES5.js";
@@ -113,4 +113,4 @@ function ViewSelector({
 export {
   ViewSelector
 };
-//# sourceMappingURL=chunk-TI4FGQYV.js.map
+//# sourceMappingURL=chunk-UHLGJHTD.js.map

package/dist/{chunk-TAHO2LCU.js → chunk-UIZIEU4X.js}

@@ -3,13 +3,13 @@ import {
 } from "./chunk-C465AAD5.js";
 import {
   useRichTextEditor
-} from "./chunk-C347NNZJ.js";
+} from "./chunk-WVCHMTPG.js";
 import {
   resolveLabels
 } from "./chunk-LL2BWQPM.js";
 import {
   EN_US_UI_LABELS
-} from "./chunk-XOXXG7Q5.js";
+} from "./chunk-VWKMN3ZZ.js";
 import {
   fieldRadiusPx
 } from "./chunk-GDN2LUTZ.js";
@@ -184,4 +184,4 @@ export {
   RichTextEditor,
   RichTextEditor_default
 };
-//# sourceMappingURL=chunk-TAHO2LCU.js.map
+//# sourceMappingURL=chunk-UIZIEU4X.js.map

package/dist/{chunk-F7LBTMCA.js → chunk-ULC4SCFC.js}

@@ -1,6 +1,6 @@
 import {
   SectionNavSheet
-} from "./chunk-XCUHGPPZ.js";
+} from "./chunk-7MLT66DE.js";
 import {
   RaisedActionButton,
   raisedLift
@@ -327,4 +327,4 @@ export {
   sectionNavSheetOffset,
   SectionNavBar
 };
-//# sourceMappingURL=chunk-F7LBTMCA.js.map
+//# sourceMappingURL=chunk-ULC4SCFC.js.map

package/dist/{chunk-FORQEHRQ.js → chunk-UXVWGNPG.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-7AIL2F5E.js";
 import {
   EN_US_UI_LABELS
-} from "./chunk-XOXXG7Q5.js";
+} from "./chunk-VWKMN3ZZ.js";
 import {
   fieldTextFieldStyles
 } from "./chunk-RGVNXES5.js";
@@ -329,4 +329,4 @@ TableFilter.RangeField = TableFilterRangeField;
 export {
   TableFilter
 };
-//# sourceMappingURL=chunk-FORQEHRQ.js.map
+//# sourceMappingURL=chunk-UXVWGNPG.js.map