@12-apps/ui 6.51.1 → 6.52.1

package/dist/_internal/tokens/theme.js

@@ -10,16 +10,16 @@ import {
   augmentColor,
   createUiTheme,
   px
-} from "../../chunk-6WZUZHJM.js";
+} from "../../chunk-YFODI4KT.js";
+import "../../chunk-VBP46YP4.js";
 import {
   contrastText,
   inkOver
 } from "../../chunk-2BYKTBDL.js";
 import "../../chunk-AG66JBNH.js";
 import "../../chunk-FZXKH2ZT.js";
-import "../../chunk-VBP46YP4.js";
-import "../../chunk-O6MJWHU5.js";
 import "../../chunk-26X4CZVR.js";
+import "../../chunk-O6MJWHU5.js";
 import "../../chunk-6JAIFIPW.js";
 import "../../chunk-PZ5AY32C.js";
 export {

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

@@ -2,7 +2,7 @@
 import {
   UserAvatar,
   UserMenu
-} from "../../chunk-MG3SRQ6N.js";
+} from "../../chunk-EOTV5BLM.js";
 import "../../chunk-UDQSIRAP.js";
 import "../../chunk-PGPPN63I.js";
 import "../../chunk-TNQDSTIA.js";
@@ -11,29 +11,29 @@ import "../../chunk-3ZVUNSFF.js";
 import "../../chunk-MTEQEPNY.js";
 import "../../chunk-VUHLNYAE.js";
 import "../../chunk-2GSIEDGN.js";
-import "../../chunk-OP5JR5Q5.js";
-import "../../chunk-76X6JRVI.js";
+import "../../chunk-WN5PNP6F.js";
 import "../../chunk-FKUYRQSP.js";
+import "../../chunk-76X6JRVI.js";
 import "../../chunk-JH7EEJEQ.js";
 import "../../chunk-BA4RHQ3B.js";
 import "../../chunk-RIZRF5XR.js";
 import "../../chunk-LTE2QHBH.js";
 import "../../chunk-LN46DSMF.js";
 import "../../chunk-TAMIZE4Q.js";
-import "../../chunk-YZHX2HTC.js";
-import "../../chunk-6IWO7CM2.js";
+import "../../chunk-MKLIMY3D.js";
+import "../../chunk-PAT2BQOQ.js";
 import "../../chunk-TYJR4GOF.js";
 import "../../chunk-2TZ6X265.js";
 import "../../chunk-7FDU3FIN.js";
 import "../../chunk-EPEJMTCQ.js";
 import "../../chunk-GDN2LUTZ.js";
-import "../../chunk-6WZUZHJM.js";
+import "../../chunk-YFODI4KT.js";
+import "../../chunk-VBP46YP4.js";
 import "../../chunk-2BYKTBDL.js";
 import "../../chunk-AG66JBNH.js";
 import "../../chunk-FZXKH2ZT.js";
-import "../../chunk-VBP46YP4.js";
-import "../../chunk-O6MJWHU5.js";
 import "../../chunk-26X4CZVR.js";
+import "../../chunk-O6MJWHU5.js";
 import "../../chunk-FQ6UW7IY.js";
 import "../../chunk-6JAIFIPW.js";
 import "../../chunk-N3GAFIXG.js";

package/dist/charts.js

@@ -1,10 +1,10 @@
 import "./chunk-5KLSLD72.js";
 import {
   SpecChart
-} from "./chunk-XLLJU5Q7.js";
+} from "./chunk-QEINKMMX.js";
 import {
   Chart
-} from "./chunk-KOBWXZNH.js";
+} from "./chunk-UFCULHHH.js";
 import {
   CHART_SEMANTIC_COLORS,
   ChartSpecError,
@@ -16,7 +16,9 @@ import {
   getRegisteredChartSpecTypes,
   registerChartSpecRenderer
 } from "./chunk-WKUA6P3W.js";
-import "./chunk-KT5BEZEK.js";
+import "./chunk-H7SOEZHW.js";
+import "./chunk-P3B2LO2E.js";
+import "./chunk-SOHQPPYJ.js";
 import {
   ChartContainer,
   ChartLegend,
@@ -24,31 +26,29 @@ import {
   ChartTooltip,
   ChartTooltipContent
 } from "./chunk-RIRTW5EU.js";
+import "./chunk-XRGJVS4P.js";
 import {
   chartValueFormatter,
   formatChartValue
 } from "./chunk-QVWNK4JO.js";
-import "./chunk-P3B2LO2E.js";
-import "./chunk-SOHQPPYJ.js";
-import "./chunk-XRGJVS4P.js";
 import "./chunk-3IPPMWUA.js";
-import "./chunk-7ZPUN7TV.js";
-import "./chunk-SJ4IAZ3V.js";
+import "./chunk-DH6J64PS.js";
 import "./chunk-25MSGLNU.js";
 import "./chunk-GAXHYRX6.js";
 import "./chunk-NP6SHLQ3.js";
+import "./chunk-7ZPUN7TV.js";
 import "./chunk-PT6TCWIW.js";
 import "./chunk-2TZ6X265.js";
 import "./chunk-7FDU3FIN.js";
 import "./chunk-EPEJMTCQ.js";
 import "./chunk-GDN2LUTZ.js";
-import "./chunk-6WZUZHJM.js";
+import "./chunk-YFODI4KT.js";
+import "./chunk-VBP46YP4.js";
 import "./chunk-2BYKTBDL.js";
 import "./chunk-AG66JBNH.js";
 import "./chunk-FZXKH2ZT.js";
-import "./chunk-VBP46YP4.js";
-import "./chunk-O6MJWHU5.js";
 import "./chunk-26X4CZVR.js";
+import "./chunk-O6MJWHU5.js";
 import "./chunk-FQ6UW7IY.js";
 import "./chunk-6JAIFIPW.js";
 import "./chunk-N3GAFIXG.js";

package/dist/{chunk-ROSYXRNN.js → chunk-2OTBMU5Z.js}

@@ -1,12 +1,12 @@
+import {
+  NumberBoundInput
+} from "./chunk-CMVEXPUV.js";
 import {
   RangePresets
 } from "./chunk-7D7CJRL7.js";
 import {
   presetsFor
 } from "./chunk-CBOB5AV6.js";
-import {
-  NumberBoundInput
-} from "./chunk-CMVEXPUV.js";
 import {
   isRangeInverted,
   isRangeSet,
@@ -291,4 +291,4 @@ export {
   RangePill,
   PanelRangeField
 };
-//# sourceMappingURL=chunk-ROSYXRNN.js.map
+//# sourceMappingURL=chunk-2OTBMU5Z.js.map

package/dist/{chunk-LPCPS5GZ.js → chunk-3QGMAVUF.js}

@@ -3,13 +3,13 @@ import {
   modalAriaIds,
   resolveModalContent
 } from "./chunk-RJVUECN7.js";
-import {
-  usePanelChrome
-} from "./chunk-G3QKH23Y.js";
 import {
   STYLE_ONLY_PROPS,
   dialogRootStyles
 } from "./chunk-6TZE77YJ.js";
+import {
+  usePanelChrome
+} from "./chunk-G3QKH23Y.js";
 
 // src/components/feedback/StackedModal/StackedModal.tsx
 import Dialog from "@mui/material/Dialog/index.js";
@@ -158,4 +158,4 @@ var StackedModal = (props) => {
 export {
   StackedModal
 };
-//# sourceMappingURL=chunk-LPCPS5GZ.js.map
+//# sourceMappingURL=chunk-3QGMAVUF.js.map

package/dist/{chunk-D4YPZILH.js → chunk-46MO2WZL.js}

@@ -1,3 +1,8 @@
+import {
+  MIN_QUERY_LENGTH,
+  addressOptionLabel,
+  isSameAddressOption
+} from "./chunk-MTGEJRE4.js";
 import {
   AddressSuggestionsPaper
 } from "./chunk-C5RQBTRZ.js";
@@ -7,11 +12,6 @@ import {
 import {
   AddressInputField
 } from "./chunk-TIANJVF3.js";
-import {
-  MIN_QUERY_LENGTH,
-  addressOptionLabel,
-  isSameAddressOption
-} from "./chunk-MTGEJRE4.js";
 
 // src/components/form/AddressAutocomplete/AddressAutocompleteField.tsx
 import Alert from "@mui/material/Alert/index.js";
@@ -89,4 +89,4 @@ var AddressAutocompleteField = ({
 export {
   AddressAutocompleteField
 };
-//# sourceMappingURL=chunk-D4YPZILH.js.map
+//# sourceMappingURL=chunk-46MO2WZL.js.map

package/dist/{chunk-EATBLXBP.js → chunk-4E4MSUY5.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-5M4TYFR3.js";
 import {
   PreviewBox
-} from "./chunk-F5BYZNXY.js";
+} from "./chunk-WV62BSWA.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -16,7 +16,7 @@ import {
 import {
   Dialog,
   DialogContent
-} from "./chunk-HDZQIFHL.js";
+} from "./chunk-MQ277OLB.js";
 import {
   default as default2
 } from "./chunk-6DPAWXZ3.js";
@@ -28,7 +28,7 @@ import {
 } from "./chunk-RIZRF5XR.js";
 import {
   Text
-} from "./chunk-YZHX2HTC.js";
+} from "./chunk-MKLIMY3D.js";
 import {
   sxRem
 } from "./chunk-YKCAJ2TN.js";
@@ -268,4 +268,4 @@ function SaveViewModal({
 export {
   SaveViewModal
 };
-//# sourceMappingURL=chunk-EATBLXBP.js.map
+//# sourceMappingURL=chunk-4E4MSUY5.js.map

package/dist/{chunk-ZOUWHGV3.js → chunk-4MGFUPQT.js}

@@ -1,3 +1,6 @@
+import {
+  useAddressPredictions
+} from "./chunk-HEBZ7Q7O.js";
 import {
   useGoogleMapsAPI
 } from "./chunk-7VRCGWQL.js";
@@ -7,9 +10,6 @@ import {
 import {
   useAddressSelection
 } from "./chunk-VRPCZ3IE.js";
-import {
-  useAddressPredictions
-} from "./chunk-HEBZ7Q7O.js";
 
 // src/components/form/AddressAutocomplete/AddressAutocomplete.hooks.ts
 import { useCallback, useState } from "react";
@@ -70,4 +70,4 @@ var useAddressAutocomplete = ({
 export {
   useAddressAutocomplete
 };
-//# sourceMappingURL=chunk-ZOUWHGV3.js.map
+//# sourceMappingURL=chunk-4MGFUPQT.js.map

package/dist/{chunk-RRG75JJS.js → chunk-4SHMSLFA.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   Text
-} from "./chunk-YZHX2HTC.js";
+} from "./chunk-MKLIMY3D.js";
 import {
   sxRem
 } from "./chunk-YKCAJ2TN.js";
@@ -184,4 +184,4 @@ function MoveButton({
 export {
   ColumnsTab
 };
-//# sourceMappingURL=chunk-RRG75JJS.js.map
+//# sourceMappingURL=chunk-4SHMSLFA.js.map

package/dist/{chunk-YDLJE654.js → chunk-4XET5MWR.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-2QUUCEDC.js";
 import {
   CategorySelect
-} from "./chunk-742Z3VD3.js";
+} from "./chunk-NKJSYZEU.js";
 
 // src/components/data-display/DataViews/data-views-category-pill.tsx
 import { jsx } from "react/jsx-runtime";
@@ -79,4 +79,4 @@ export {
   emitPillDiff,
   PillControl
 };
-//# sourceMappingURL=chunk-YDLJE654.js.map
+//# sourceMappingURL=chunk-4XET5MWR.js.map

package/dist/{chunk-J2SFOLGZ.js → chunk-4XHVGUOM.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   Text
-} from "./chunk-YZHX2HTC.js";
+} from "./chunk-MKLIMY3D.js";
 import {
   rem
 } from "./chunk-YKCAJ2TN.js";
@@ -191,4 +191,4 @@ export {
   groupRows,
   DataViewsBoard
 };
-//# sourceMappingURL=chunk-J2SFOLGZ.js.map
+//# sourceMappingURL=chunk-4XHVGUOM.js.map

package/dist/{chunk-MKJ4FMEF.js → chunk-4ZTHVUXE.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk-RIZRF5XR.js";
 import {
   Text
-} from "./chunk-YZHX2HTC.js";
+} from "./chunk-MKLIMY3D.js";
 import {
   rem,
   sxRem
@@ -176,4 +176,4 @@ function DataViewsExportMenu({
 export {
   DataViewsExportMenu
 };
-//# sourceMappingURL=chunk-MKJ4FMEF.js.map
+//# sourceMappingURL=chunk-4ZTHVUXE.js.map

package/dist/{chunk-5N2UJOCT.js → chunk-57VL5UX7.js}

@@ -12,10 +12,10 @@ import {
 } from "./chunk-JYWF76Z5.js";
 import {
   Chip
-} from "./chunk-RV26QUJS.js";
+} from "./chunk-OZPLAOI4.js";
 import {
   Icon
-} from "./chunk-FYTC4LOD.js";
+} from "./chunk-VEHMODO3.js";
 import {
   Button
 } from "./chunk-RIZRF5XR.js";
@@ -137,4 +137,4 @@ export {
   PendingSpinner,
   LearnMore
 };
-//# sourceMappingURL=chunk-5N2UJOCT.js.map
+//# sourceMappingURL=chunk-57VL5UX7.js.map

package/dist/{chunk-HGVWYKD4.js → chunk-67LNVBFO.js}

@@ -4,7 +4,7 @@ import {
 import {
   Dialog,
   DialogContent
-} from "./chunk-HDZQIFHL.js";
+} from "./chunk-MQ277OLB.js";
 import {
   default as default2
 } from "./chunk-WEBEOBN5.js";
@@ -13,7 +13,7 @@ import {
 } from "./chunk-RIZRF5XR.js";
 import {
   Text
-} from "./chunk-YZHX2HTC.js";
+} from "./chunk-MKLIMY3D.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-HGVWYKD4.js.map
+//# sourceMappingURL=chunk-67LNVBFO.js.map

package/dist/{chunk-DJCAXJ2R.js → chunk-6J54X3ES.js}

@@ -1,3 +1,6 @@
+import {
+  paginationStyles
+} from "./chunk-BWMHGENX.js";
 import {
   ItemsPerPageSelect,
   PageInfo
@@ -7,9 +10,6 @@ import {
   muiSizeFor,
   resolvePaginationProps
 } from "./chunk-Z6TIAVEG.js";
-import {
-  paginationStyles
-} from "./chunk-BWMHGENX.js";
 import {
   sxRem
 } from "./chunk-YKCAJ2TN.js";
@@ -194,4 +194,4 @@ Pagination.displayName = "Pagination";
 export {
   Pagination
 };
-//# sourceMappingURL=chunk-DJCAXJ2R.js.map
+//# sourceMappingURL=chunk-6J54X3ES.js.map

package/dist/{chunk-JMMFRTZP.js → chunk-6PYX6V3R.js}

@@ -4,13 +4,13 @@ import {
 } from "./chunk-IC2M7O6A.js";
 import {
   MoreFilters
-} from "./chunk-GNLNIEJD.js";
+} from "./chunk-ZTTFLIPH.js";
 import {
   PillControl
-} from "./chunk-YDLJE654.js";
+} from "./chunk-4XET5MWR.js";
 import {
   RangePill
-} from "./chunk-ROSYXRNN.js";
+} from "./chunk-2OTBMU5Z.js";
 import {
   CollapsedSearch,
   InlineKeyword
@@ -220,4 +220,4 @@ function FilterSlots({
 export {
   InlineFilterControls
 };
-//# sourceMappingURL=chunk-JMMFRTZP.js.map
+//# sourceMappingURL=chunk-6PYX6V3R.js.map

package/dist/{chunk-WL7IG7TT.js → chunk-6REPQ352.js}

@@ -7,7 +7,7 @@ import {
   GLOW_BRIGHTNESS,
   PROGRESS_SIZES,
   PULSE
-} from "./chunk-MRWYKNBY.js";
+} from "./chunk-DFI2RKVQ.js";
 import {
   softNeutral
 } from "./chunk-FQ6UW7IY.js";
@@ -97,4 +97,4 @@ export {
   barEmphasisStyles,
   circularEmphasisStyles
 };
-//# sourceMappingURL=chunk-WL7IG7TT.js.map
+//# sourceMappingURL=chunk-6REPQ352.js.map

package/dist/chunk-76FANB5I.js

@@ -0,0 +1,126 @@
+import {
+  CountedIcon
+} from "./chunk-CVQYKXC5.js";
+import {
+  rem
+} from "./chunk-YKCAJ2TN.js";
+
+// src/components/navigation/SectionNav/SectionNav.railCreate.tsx
+import Button from "@mui/material/Button/index.js";
+import ListItemIcon from "@mui/material/ListItemIcon/index.js";
+import ListItemText from "@mui/material/ListItemText/index.js";
+import ListSubheader from "@mui/material/ListSubheader/index.js";
+import Menu from "@mui/material/Menu/index.js";
+import MenuItem from "@mui/material/MenuItem/index.js";
+import { useTheme } from "@mui/material/styles/index.js";
+import { useId, useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function entryItem(groupId, entry, linkComponent, copy, testId, close) {
+  const link = entry.href === void 0 || entry.disabled === true ? {} : { component: linkComponent ?? "a", href: entry.href };
+  const itemTestId = entry.dataTestId ?? `${testId}-entry-${entry.id}`;
+  return /* @__PURE__ */ jsxs(
+    MenuItem,
+    {
+      ...link,
+      disabled: entry.disabled === true,
+      selected: entry.active === true,
+      "aria-current": entry.active === true ? "page" : void 0,
+      "data-testid": itemTestId,
+      onClick: () => {
+        entry.onSelect?.();
+        close();
+      },
+      sx: { gap: 1.5, py: 1, whiteSpace: "normal" },
+      children: [
+        /* @__PURE__ */ jsx(ListItemIcon, { sx: { minWidth: 0, color: "primary.main" }, children: /* @__PURE__ */ jsx(
+          CountedIcon,
+          {
+            icon: entry.icon,
+            count: entry.badge,
+            label: copy.badge,
+            testId: `${itemTestId}-badge`
+          }
+        ) }),
+        /* @__PURE__ */ jsx(
+          ListItemText,
+          {
+            primary: entry.label,
+            secondary: entry.description,
+            slotProps: {
+              primary: { variant: "body2", fontWeight: 500 },
+              secondary: { variant: "caption" }
+            },
+            sx: { my: 0 }
+          }
+        )
+      ]
+    },
+    `${groupId}:${entry.id}`
+  );
+}
+function RailCreateMenu({
+  menu,
+  linkComponent,
+  copy,
+  testId
+}) {
+  const theme = useTheme();
+  const menuId = useId();
+  const [anchor, setAnchor] = useState(null);
+  const open = anchor !== null;
+  const close = () => setAnchor(null);
+  const paperTestId = { "data-testid": `${testId}-menu` };
+  const items = menu.groups.flatMap((group) => [
+    group.title ? /* @__PURE__ */ jsx(ListSubheader, { disableSticky: true, sx: { lineHeight: 2.5, bgcolor: "transparent" }, children: group.title }, `${group.id}-title`) : null,
+    ...group.entries.map((entry) => entryItem(group.id, entry, linkComponent, copy, testId, close))
+  ]);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "contained",
+        fullWidth: true,
+        startIcon: menu.icon,
+        disabled: menu.disabled === true,
+        "aria-haspopup": "menu",
+        "aria-expanded": open,
+        "aria-controls": open ? menuId : void 0,
+        "data-testid": menu.dataTestId ?? testId,
+        onClick: (event) => setAnchor(event.currentTarget),
+        sx: {
+          my: 1,
+          minHeight: rem(theme, 40),
+          justifyContent: "flex-start",
+          px: 1.75,
+          fontWeight: 600,
+          // A place in the rail reads in sentence case, like the rows under it.
+          textTransform: "none"
+        },
+        children: menu.label
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Menu,
+      {
+        id: menuId,
+        anchorEl: anchor,
+        open,
+        onClose: close,
+        variant: "menu",
+        anchorOrigin: { vertical: "bottom", horizontal: "left" },
+        transformOrigin: { vertical: "top", horizontal: "left" },
+        slotProps: {
+          list: { "aria-label": menu.title },
+          // A data attribute is not a declared slot prop, so it rides a spread.
+          paper: { ...paperTestId, sx: { minWidth: rem(theme, 260), maxWidth: rem(theme, 340) } }
+        },
+        children: items
+      }
+    )
+  ] });
+}
+
+export {
+  RailCreateMenu
+};
+//# sourceMappingURL=chunk-76FANB5I.js.map

package/dist/chunk-76FANB5I.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/navigation/SectionNav/SectionNav.railCreate.tsx"],"sourcesContent":["import Button from '@mui/material/Button/index.js';\nimport ListItemIcon from '@mui/material/ListItemIcon/index.js';\nimport ListItemText from '@mui/material/ListItemText/index.js';\nimport ListSubheader from '@mui/material/ListSubheader/index.js';\nimport Menu from '@mui/material/Menu/index.js';\nimport MenuItem from '@mui/material/MenuItem/index.js';\nimport { useTheme } from '@mui/material/styles/index.js';\nimport { useId, useState, type ElementType, type ReactNode } from 'react';\n\nimport type { SectionNavCopy } from '../../../copy';\nimport { rem } from '../../../tokens/scales';\n\nimport { CountedIcon } from './SectionNav.parts';\nimport type { SectionNavEntry, SectionNavMenu } from './SectionNav.types';\n\n/** One entry of the open menu: a link through the host's router, or an act. */\nfunction entryItem(\n  groupId: string,\n  entry: SectionNavEntry,\n  linkComponent: ElementType | undefined,\n  copy: SectionNavCopy,\n  testId: string,\n  close: () => void,\n): ReactNode {\n  const link =\n    entry.href === undefined || entry.disabled === true\n      ? {}\n      : { component: linkComponent ?? 'a', href: entry.href };\n  const itemTestId = entry.dataTestId ?? `${testId}-entry-${entry.id}`;\n  return (\n    <MenuItem\n      key={`${groupId}:${entry.id}`}\n      {...link}\n      disabled={entry.disabled === true}\n      selected={entry.active === true}\n      aria-current={entry.active === true ? 'page' : undefined}\n      data-testid={itemTestId}\n      onClick={() => {\n        entry.onSelect?.();\n        close();\n      }}\n      sx={{ gap: 1.5, py: 1, whiteSpace: 'normal' }}\n    >\n      <ListItemIcon sx={{ minWidth: 0, color: 'primary.main' }}>\n        <CountedIcon\n          icon={entry.icon}\n          count={entry.badge}\n          label={copy.badge}\n          testId={`${itemTestId}-badge`}\n        />\n      </ListItemIcon>\n      <ListItemText\n        primary={entry.label}\n        secondary={entry.description}\n        slotProps={{\n          primary: { variant: 'body2', fontWeight: 500 },\n          secondary: { variant: 'caption' },\n        }}\n        sx={{ my: 0 }}\n      />\n    </MenuItem>\n  );\n}\n\n/**\n * A rail's `primary` menu as ONE button at the top of the rail, opening an\n * anchored menu of its groups (FUT-3015).\n *\n * The rail lists `more` in full, but a create menu listed that way costs a\n * heading and a two-line row per entry above the fold, for acts a person takes\n * once in a while. Folded behind '+ Criar' it costs one row. The button\n * carries the menu's `label`; the open menu is named by its `title`.\n *\n * `MenuList` skips the group subheaders when the keyboard moves, and the\n * popover hands focus back to the button when it closes on Escape or an\n * outside click. Choosing an entry closes it too, and the entry's link or act\n * takes over.\n */\nexport function RailCreateMenu({\n  menu,\n  linkComponent,\n  copy,\n  testId,\n}: {\n  menu: SectionNavMenu;\n  linkComponent: ElementType | undefined;\n  copy: SectionNavCopy;\n  testId: string;\n}): React.JSX.Element {\n  const theme = useTheme();\n  const menuId = useId();\n  const [anchor, setAnchor] = useState<HTMLElement | null>(null);\n  const open = anchor !== null;\n  const close = (): void => setAnchor(null);\n  const paperTestId: Record<string, string> = { 'data-testid': `${testId}-menu` };\n  // One flat list: MUI's MenuList walks its direct children, so a group's\n  // subheader and entries cannot sit inside a wrapper.\n  const items: ReactNode[] = menu.groups.flatMap((group) => [\n    group.title ? (\n      <ListSubheader key={`${group.id}-title`} disableSticky sx={{ lineHeight: 2.5, bgcolor: 'transparent' }}>\n        {group.title}\n      </ListSubheader>\n    ) : null,\n    ...group.entries.map((entry) => entryItem(group.id, entry, linkComponent, copy, testId, close)),\n  ]);\n  return (\n    <>\n      <Button\n        variant=\"contained\"\n        fullWidth\n        startIcon={menu.icon}\n        disabled={menu.disabled === true}\n        aria-haspopup=\"menu\"\n        aria-expanded={open}\n        aria-controls={open ? menuId : undefined}\n        data-testid={menu.dataTestId ?? testId}\n        onClick={(event) => setAnchor(event.currentTarget)}\n        sx={{\n          my: 1,\n          minHeight: rem(theme, 40),\n          justifyContent: 'flex-start',\n          px: 1.75,\n          fontWeight: 600,\n          // A place in the rail reads in sentence case, like the rows under it.\n          textTransform: 'none',\n        }}\n      >\n        {menu.label}\n      </Button>\n      <Menu\n        id={menuId}\n        anchorEl={anchor}\n        open={open}\n        onClose={close}\n        variant=\"menu\"\n        anchorOrigin={{ vertical: 'bottom', horizontal: 'left' }}\n        transformOrigin={{ vertical: 'top', horizontal: 'left' }}\n        slotProps={{\n          list: { 'aria-label': menu.title },\n          // A data attribute is not a declared slot prop, so it rides a spread.\n          paper: { ...paperTestId, sx: { minWidth: rem(theme, 260), maxWidth: rem(theme, 340) } },\n        }}\n      >\n        {items}\n      </Menu>\n    </>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-UXJUTMAY.js → chunk-7GQ2ZZBQ.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-4XK6JQ4D.js";
 import {
   CategorySelect
-} from "./chunk-742Z3VD3.js";
+} from "./chunk-NKJSYZEU.js";
 
 // src/components/form/total-form/Fields/CategoryField.tsx
 import { jsx } from "react/jsx-runtime";
@@ -38,4 +38,4 @@ function CategoryField({
 export {
   CategoryField
 };
-//# sourceMappingURL=chunk-UXJUTMAY.js.map
+//# sourceMappingURL=chunk-7GQ2ZZBQ.js.map

package/dist/{chunk-GPROISHG.js → chunk-7TWZZD7R.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-KHG57NAE.js";
 import {
   Pagination
-} from "./chunk-DJCAXJ2R.js";
+} from "./chunk-6J54X3ES.js";
 import {
   default as default2
 } from "./chunk-6DPAWXZ3.js";
@@ -31,4 +31,4 @@ function DataViewsPagination({
 export {
   DataViewsPagination
 };
-//# sourceMappingURL=chunk-GPROISHG.js.map
+//# sourceMappingURL=chunk-7TWZZD7R.js.map

package/dist/{chunk-DLO5V4AV.js → chunk-7XSICFOJ.js}

@@ -8,7 +8,7 @@ import {
 } from "./chunk-YLGY3D52.js";
 import {
   useDataViewsLayout
-} from "./chunk-I2LF53MJ.js";
+} from "./chunk-UHX2LOT2.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -17,7 +17,7 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   Text
-} from "./chunk-YZHX2HTC.js";
+} from "./chunk-MKLIMY3D.js";
 import {
   sxRem
 } from "./chunk-YKCAJ2TN.js";
@@ -246,4 +246,4 @@ export {
   SortTab,
   DisplayTab
 };
-//# sourceMappingURL=chunk-DLO5V4AV.js.map
+//# sourceMappingURL=chunk-7XSICFOJ.js.map

package/dist/{chunk-S4ZUZ6DS.js → chunk-BAGLUQM3.js}

@@ -4,7 +4,7 @@ import {
   CountedIcon,
   controlProps,
   focusRing
-} from "./chunk-A436VORP.js";
+} from "./chunk-CVQYKXC5.js";
 import {
   Drawer,
   DrawerContent,
@@ -175,4 +175,4 @@ function SectionNavSheet({
 export {
   SectionNavSheet
 };
-//# sourceMappingURL=chunk-S4ZUZ6DS.js.map
+//# sourceMappingURL=chunk-BAGLUQM3.js.map

package/dist/{chunk-YK4ZG5Y4.js → chunk-BE5FGUJS.js}

@@ -1,6 +1,6 @@
 import {
   GridToolbar
-} from "./chunk-MYCR7FMI.js";
+} from "./chunk-E6JRPGMN.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-YK4ZG5Y4.js.map
+//# sourceMappingURL=chunk-BE5FGUJS.js.map

package/dist/{chunk-M2GVHVE4.js → chunk-CJ45OL7L.js}

@@ -1,6 +1,6 @@
 import {
   FONT_WEIGHTS
-} from "./chunk-6WZUZHJM.js";
+} from "./chunk-YFODI4KT.js";
 import {
   HEADING_SCALE
 } from "./chunk-FZXKH2ZT.js";
@@ -57,4 +57,4 @@ export {
   headingGradient,
   headingGradientStops
 };
-//# sourceMappingURL=chunk-M2GVHVE4.js.map
+//# sourceMappingURL=chunk-CJ45OL7L.js.map