@12-apps/ui 6.44.3 → 6.45.0

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/navigation/SectionNav/SectionNav.sheet.tsx"],"sourcesContent":["import Typography from '@mui/material/Typography/index.js';\nimport { useTheme } from '@mui/material/styles/index.js';\nimport type { ElementType } from 'react';\n\nimport { rem } from '../../../tokens/scales';\nimport { Drawer, DrawerContent, DrawerHeader } from '../../layout/Drawer';\n\nimport { Box, CONTROL_RESET, CountedIcon, controlProps, focusRing } from './SectionNav.parts';\nimport type { SectionNavEntry, SectionNavGroup, SectionNavMenu } from './SectionNav.types';\nimport type { SectionNavCopy } from '../../../copy';\n\ninterface EntryProps {\n  entry: SectionNavEntry;\n  linkComponent: ElementType | undefined;\n  copy: SectionNavCopy;\n  testId: string;\n  onDone: () => void;\n}\n\n/** A tile in a `grid` group: icon over a short label. */\nfunction GridEntry({ entry, linkComponent, copy, testId, onDone }: EntryProps): React.JSX.Element {\n  const theme = useTheme();\n  return (\n    <Box\n      {...controlProps({\n        href: entry.href,\n        linkComponent,\n        onClick: () => {\n          entry.onSelect?.();\n          onDone();\n        },\n      })}\n      aria-current={entry.active ? 'page' : undefined}\n      data-testid={`${testId}-entry-${entry.id}`}\n      sx={{\n        ...CONTROL_RESET,\n        ...focusRing(theme),\n        display: 'flex',\n        flexDirection: 'column',\n        alignItems: 'center',\n        justifyContent: 'center',\n        gap: 0.75,\n        minHeight: rem(theme, 76),\n        px: 0.5,\n        py: 1,\n        borderRadius: 1.5,\n        textAlign: 'center',\n        bgcolor: entry.active ? 'action.selected' : 'action.hover',\n        color: entry.active ? 'primary.main' : 'text.primary',\n        '& svg': { color: 'primary.main' },\n      }}\n    >\n      <CountedIcon icon={entry.icon} count={entry.badge} label={copy.badge} testId={`${testId}-badge-${entry.id}`} />\n      <Typography component=\"span\" variant=\"caption\" sx={{ lineHeight: 1.2, fontWeight: entry.active ? 700 : 500 }}>\n        {entry.label}\n      </Typography>\n    </Box>\n  );\n}\n\n/** A row in a `list` group: icon, label, and the description under it. */\nfunction ListEntry({ entry, linkComponent, copy, testId, onDone }: EntryProps): React.JSX.Element {\n  const theme = useTheme();\n  return (\n    <Box\n      {...controlProps({\n        href: entry.href,\n        linkComponent,\n        onClick: () => {\n          entry.onSelect?.();\n          onDone();\n        },\n      })}\n      aria-current={entry.active ? 'page' : undefined}\n      data-testid={`${testId}-entry-${entry.id}`}\n      sx={{\n        ...CONTROL_RESET,\n        ...focusRing(theme),\n        display: 'flex',\n        alignItems: 'center',\n        gap: 1.5,\n        width: '100%',\n        minHeight: rem(theme, 52),\n        px: 1.5,\n        py: 1,\n        borderRadius: 1.5,\n        textAlign: 'start',\n        bgcolor: entry.active ? 'action.selected' : 'action.hover',\n        '& svg': { color: 'primary.main' },\n      }}\n    >\n      <CountedIcon icon={entry.icon} count={entry.badge} label={copy.badge} testId={`${testId}-badge-${entry.id}`} />\n      <Box component=\"span\" sx={{ display: 'flex', flexDirection: 'column', minWidth: 0 }}>\n        <Typography component=\"span\" variant=\"body2\" sx={{ fontWeight: 600 }}>\n          {entry.label}\n        </Typography>\n        {entry.description ? (\n          <Typography component=\"span\" variant=\"caption\" color=\"text.secondary\">\n            {entry.description}\n          </Typography>\n        ) : null}\n      </Box>\n    </Box>\n  );\n}\n\n/** One titled run of entries, as tiles or rows. */\nfunction SheetGroup({\n  group,\n  linkComponent,\n  copy,\n  testId,\n  onDone,\n}: Omit<EntryProps, 'entry'> & { group: SectionNavGroup }): React.JSX.Element {\n  const grid = group.layout === 'grid';\n  const Entry = grid ? GridEntry : ListEntry;\n  return (\n    <Box component=\"section\" data-testid={`${testId}-group-${group.id}`} sx={{ display: 'flex', flexDirection: 'column', gap: 1 }}>\n      {group.title ? (\n        <Typography variant=\"overline\" color=\"text.secondary\" sx={{ lineHeight: 1.6 }}>\n          {group.title}\n        </Typography>\n      ) : null}\n      <Box\n        sx={\n          grid\n            ? { display: 'grid', gridTemplateColumns: 'repeat(3, minmax(0, 1fr))', gap: 1 }\n            : { display: 'flex', flexDirection: 'column', gap: 0.75 }\n        }\n      >\n        {group.entries.map((entry) => (\n          <Entry key={entry.id} entry={entry} linkComponent={linkComponent} copy={copy} testId={testId} onDone={onDone} />\n        ))}\n      </Box>\n    </Box>\n  );\n}\n\n/**\n * A menu opened from the bar: a bottom sheet over the page.\n *\n * Choosing an entry closes it — a link has somewhere to go and an action has\n * something to do, and neither wants the sheet still covering the screen.\n */\nexport function SectionNavSheet({\n  menu,\n  open,\n  onClose,\n  linkComponent,\n  copy,\n  testId,\n  bottomOffset,\n}: {\n  menu: SectionNavMenu;\n  open: boolean;\n  onClose: () => void;\n  linkComponent: ElementType | undefined;\n  copy: SectionNavCopy;\n  testId: string;\n  /** How far above the viewport's foot the sheet stops — the bar's own height, so the bar stays visible. */\n  bottomOffset: string;\n}): React.JSX.Element {\n  const theme = useTheme();\n  return (\n    <Drawer\n      open={open}\n      onClose={onClose}\n      anchor=\"bottom\"\n      height=\"auto\"\n      dataTestId={testId}\n      paperSx={{\n        borderTopLeftRadius: rem(theme, Number(theme.shape.borderRadius) * 3),\n        borderTopRightRadius: rem(theme, Number(theme.shape.borderRadius) * 3),\n        maxHeight: `calc(85dvh - ${bottomOffset})`,\n        bottom: bottomOffset,\n      }}\n    >\n      {/* The library Drawer names nothing: the dialog role and its name live\n          here, around everything the focus trap holds. */}\n      <Box\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-label={menu.title}\n        sx={{ display: 'flex', flexDirection: 'column', flex: 1, minHeight: 0 }}\n      >\n        <DrawerHeader onClose={onClose} closeLabel={copy.close} dataTestId={`${testId}-header`}>\n          {menu.title}\n        </DrawerHeader>\n        <DrawerContent>\n          <Box sx={{ display: 'flex', flexDirection: 'column', gap: 2 }}>\n            {menu.groups.map((group) => (\n              <SheetGroup\n                key={group.id}\n                group={group}\n                linkComponent={linkComponent}\n                copy={copy}\n                testId={testId}\n                onDone={onClose}\n              />\n            ))}\n          </Box>\n        </DrawerContent>\n      </Box>\n    </Drawer>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-3WCUGTRH.js

@@ -0,0 +1,240 @@
+import {
+  SectionNavSheet
+} from "./chunk-2OP2FYB3.js";
+import {
+  RaisedActionButton
+} from "./chunk-6OLJ2RAT.js";
+import {
+  Box,
+  CONTROL_RESET,
+  CountedIcon,
+  controlProps,
+  focusRing
+} from "./chunk-HYEOKBFV.js";
+import {
+  barSlots,
+  menuActive,
+  menuCount
+} from "./chunk-VHVI3D4R.js";
+import {
+  rem
+} from "./chunk-YKCAJ2TN.js";
+
+// src/components/navigation/SectionNav/SectionNav.bar.tsx
+import Typography from "@mui/material/Typography/index.js";
+import { useTheme } from "@mui/material/styles/index.js";
+import { useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var barHeight = (theme) => rem(theme, 60);
+function sectionNavBarInset(theme) {
+  return `calc(${barHeight(theme)} + env(safe-area-inset-bottom))`;
+}
+function Slot({
+  label,
+  icon,
+  count,
+  current,
+  lit,
+  copy,
+  testId,
+  control,
+  expanded
+}) {
+  const theme = useTheme();
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      ...control,
+      "aria-current": current ? "page" : void 0,
+      "aria-expanded": expanded,
+      "data-lit": lit ? "true" : void 0,
+      "data-testid": testId,
+      sx: {
+        ...CONTROL_RESET,
+        ...focusRing(theme),
+        flex: 1,
+        minWidth: 0,
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        justifyContent: "center",
+        gap: 0.25,
+        position: "relative",
+        color: lit ? "primary.main" : "text.secondary",
+        // The current slot is marked by more than its colour: a short rule on
+        // its top edge, so the state survives a colour-blind reading.
+        '&[data-lit="true"]::before': {
+          content: '""',
+          position: "absolute",
+          top: 0,
+          insetInline: "22%",
+          height: rem(theme, 3),
+          borderBottomLeftRadius: rem(theme, 3),
+          borderBottomRightRadius: rem(theme, 3),
+          bgcolor: "primary.main"
+        },
+        "& svg": { fontSize: rem(theme, 22) }
+      },
+      children: [
+        /* @__PURE__ */ jsx(CountedIcon, { icon, count, label: copy.badge, testId: `${testId}-badge` }),
+        /* @__PURE__ */ jsx(
+          Typography,
+          {
+            component: "span",
+            variant: "caption",
+            sx: {
+              maxWidth: "100%",
+              overflow: "hidden",
+              textOverflow: "ellipsis",
+              whiteSpace: "nowrap",
+              lineHeight: 1.3,
+              fontWeight: lit ? 700 : 400
+            },
+            children: label
+          }
+        )
+      ]
+    }
+  );
+}
+function BarSlotView({
+  slot,
+  primary,
+  more,
+  open,
+  toggle,
+  close,
+  linkComponent,
+  copy,
+  dataTestId
+}) {
+  if (slot.kind === "primary" && primary) {
+    return /* @__PURE__ */ jsx(
+      RaisedActionButton,
+      {
+        label: primary.label,
+        icon: primary.icon,
+        open: open === "primary",
+        closeLabel: copy.close,
+        dataTestId: `${dataTestId}-primary`,
+        onClick: () => toggle("primary")
+      }
+    );
+  }
+  if (slot.kind === "more" && more) {
+    return /* @__PURE__ */ jsx(
+      Slot,
+      {
+        label: more.label,
+        icon: more.icon,
+        count: menuCount(more),
+        current: false,
+        lit: open === "more" || open === null && menuActive(more),
+        expanded: open === "more",
+        copy,
+        testId: `${dataTestId}-more`,
+        control: controlProps({ href: void 0, linkComponent, onClick: () => toggle("more") })
+      }
+    );
+  }
+  if (slot.kind !== "destination") return null;
+  const { destination } = slot;
+  return /* @__PURE__ */ jsx(
+    Slot,
+    {
+      label: destination.label,
+      icon: destination.icon,
+      count: destination.badge,
+      current: destination.active === true,
+      lit: open === null && destination.active === true,
+      copy,
+      testId: `${dataTestId}-dest-${destination.id}`,
+      control: controlProps({ href: destination.href, linkComponent, onClick: close })
+    }
+  );
+}
+function SectionNavBar({
+  label,
+  destinations,
+  primary,
+  more,
+  linkComponent,
+  copy,
+  dataTestId
+}) {
+  const theme = useTheme();
+  const [open, setOpen] = useState(null);
+  const toggle = (menu) => setOpen((current) => current === menu ? null : menu);
+  const close = () => setOpen(null);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      Box,
+      {
+        component: "nav",
+        "aria-label": label,
+        "data-testid": dataTestId,
+        sx: {
+          flex: "none",
+          display: "flex",
+          alignItems: "stretch",
+          boxSizing: "border-box",
+          height: sectionNavBarInset(theme),
+          paddingBottom: "env(safe-area-inset-bottom)",
+          borderTop: `1px solid ${theme.palette.divider}`,
+          bgcolor: "background.paper",
+          // Above the backdrop ONLY while one of its own sheets is open, so the
+          // primary button can close what it opened. Raised all the time it
+          // would sit over every dialog the page opens, and on a small phone a
+          // dialog's own footer is exactly where the bar is.
+          position: "relative",
+          zIndex: open === null ? "auto" : theme.zIndex.modal + 1
+        },
+        children: barSlots(destinations, more !== void 0, primary !== void 0).map((slot) => /* @__PURE__ */ jsx(
+          BarSlotView,
+          {
+            slot,
+            primary,
+            more,
+            open,
+            toggle,
+            close,
+            linkComponent,
+            copy,
+            dataTestId
+          },
+          slot.kind === "destination" ? `dest-${slot.destination.id}` : `menu-${slot.kind}`
+        ))
+      }
+    ),
+    primary ? /* @__PURE__ */ jsx(
+      SectionNavSheet,
+      {
+        menu: primary,
+        open: open === "primary",
+        onClose: close,
+        linkComponent,
+        copy,
+        testId: `${dataTestId}-primary-sheet`,
+        bottomOffset: sectionNavBarInset(theme)
+      }
+    ) : null,
+    more ? /* @__PURE__ */ jsx(
+      SectionNavSheet,
+      {
+        menu: more,
+        open: open === "more",
+        onClose: close,
+        linkComponent,
+        copy,
+        testId: `${dataTestId}-more-sheet`,
+        bottomOffset: sectionNavBarInset(theme)
+      }
+    ) : null
+  ] });
+}
+
+export {
+  sectionNavBarInset,
+  SectionNavBar
+};
+//# sourceMappingURL=chunk-3WCUGTRH.js.map

package/dist/chunk-3WCUGTRH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/navigation/SectionNav/SectionNav.bar.tsx"],"sourcesContent":["import Typography from '@mui/material/Typography/index.js';\nimport { useTheme } from '@mui/material/styles/index.js';\nimport { useState, type ElementType, type ReactNode } from 'react';\n\nimport type { SectionNavCopy } from '../../../copy';\nimport { rem } from '../../../tokens/scales';\n\nimport { barSlots, menuActive, menuCount, type BarSlot } from './SectionNav.helpers';\nimport { Box, CONTROL_RESET, CountedIcon, controlProps, focusRing } from './SectionNav.parts';\nimport { RaisedActionButton } from './SectionNav.primary';\nimport { SectionNavSheet } from './SectionNav.sheet';\nimport type { SectionNavMenu, SectionNavProps } from './SectionNav.types';\n\n/** Which of the bar's two menus is open, if any. */\ntype OpenMenu = 'primary' | 'more' | null;\n\n/** The bar's height above the safe area — tall enough for an icon over a label. */\nconst barHeight = (theme: Parameters<typeof rem>[0]): string => rem(theme, 60);\n\n/**\n * The bar's full height on screen, the safe area included — where its sheets\n * stop, and what a host reserves at the foot of its content so nothing it\n * floats (a toast, a receipt) lands under the bar.\n */\nexport function sectionNavBarInset(theme: Parameters<typeof rem>[0]): string {\n  return `calc(${barHeight(theme)} + env(safe-area-inset-bottom))`;\n}\n\n/**\n * One slot: icon over label, a count on the icon.\n *\n * `current` is the page the viewer is on and is what `aria-current` reports;\n * `lit` is only how the slot looks, and goes out while a sheet is open so the\n * bar shows where the thumb is. Opening a sheet is `aria-expanded`'s to say.\n *\n * A destination is a link; the \"more\" slot is a button that opens its sheet.\n * Either way the whole slot is the target, so a thumb landing on the label\n * lands on the control.\n */\nfunction Slot({\n  label,\n  icon,\n  count,\n  current,\n  lit,\n  copy,\n  testId,\n  control,\n  expanded,\n}: {\n  label: string;\n  icon: ReactNode;\n  count: number | undefined;\n  current: boolean;\n  lit: boolean;\n  copy: SectionNavCopy;\n  testId: string;\n  control: Record<string, unknown>;\n  expanded?: boolean;\n}): React.JSX.Element {\n  const theme = useTheme();\n  return (\n    <Box\n      {...control}\n      aria-current={current ? 'page' : undefined}\n      aria-expanded={expanded}\n      data-lit={lit ? 'true' : undefined}\n      data-testid={testId}\n      sx={{\n        ...CONTROL_RESET,\n        ...focusRing(theme),\n        flex: 1,\n        minWidth: 0,\n        display: 'flex',\n        flexDirection: 'column',\n        alignItems: 'center',\n        justifyContent: 'center',\n        gap: 0.25,\n        position: 'relative',\n        color: lit ? 'primary.main' : 'text.secondary',\n        // The current slot is marked by more than its colour: a short rule on\n        // its top edge, so the state survives a colour-blind reading.\n        '&[data-lit=\"true\"]::before': {\n          content: '\"\"',\n          position: 'absolute',\n          top: 0,\n          insetInline: '22%',\n          height: rem(theme, 3),\n          borderBottomLeftRadius: rem(theme, 3),\n          borderBottomRightRadius: rem(theme, 3),\n          bgcolor: 'primary.main',\n        },\n        '& svg': { fontSize: rem(theme, 22) },\n      }}\n    >\n      <CountedIcon icon={icon} count={count} label={copy.badge} testId={`${testId}-badge`} />\n      <Typography\n        component=\"span\"\n        variant=\"caption\"\n        sx={{\n          maxWidth: '100%',\n          overflow: 'hidden',\n          textOverflow: 'ellipsis',\n          whiteSpace: 'nowrap',\n          lineHeight: 1.3,\n          fontWeight: lit ? 700 : 400,\n        }}\n      >\n        {label}\n      </Typography>\n    </Box>\n  );\n}\n\n/** One slot of the bar, whichever kind it is. */\nfunction BarSlotView({\n  slot,\n  primary,\n  more,\n  open,\n  toggle,\n  close,\n  linkComponent,\n  copy,\n  dataTestId,\n}: {\n  slot: BarSlot;\n  primary: SectionNavMenu | undefined;\n  more: SectionNavMenu | undefined;\n  open: OpenMenu;\n  toggle: (menu: Exclude<OpenMenu, null>) => void;\n  close: () => void;\n  linkComponent: ElementType | undefined;\n  copy: SectionNavCopy;\n  dataTestId: string;\n}): React.JSX.Element | null {\n  if (slot.kind === 'primary' && primary) {\n    return (\n      <RaisedActionButton\n        label={primary.label}\n        icon={primary.icon}\n        open={open === 'primary'}\n        closeLabel={copy.close}\n        dataTestId={`${dataTestId}-primary`}\n        onClick={() => toggle('primary')}\n      />\n    );\n  }\n  if (slot.kind === 'more' && more) {\n    return (\n      <Slot\n        label={more.label}\n        icon={more.icon}\n        count={menuCount(more)}\n        current={false}\n        lit={open === 'more' || (open === null && menuActive(more))}\n        expanded={open === 'more'}\n        copy={copy}\n        testId={`${dataTestId}-more`}\n        control={controlProps({ href: undefined, linkComponent, onClick: () => toggle('more') })}\n      />\n    );\n  }\n  if (slot.kind !== 'destination') return null;\n  const { destination } = slot;\n  return (\n    <Slot\n      label={destination.label}\n      icon={destination.icon}\n      count={destination.badge}\n      current={destination.active === true}\n      lit={open === null && destination.active === true}\n      copy={copy}\n      testId={`${dataTestId}-dest-${destination.id}`}\n      control={controlProps({ href: destination.href, linkComponent, onClick: close })}\n    />\n  );\n}\n\n/** The phone layout: a bottom bar, with its menus as bottom sheets. */\nexport function SectionNavBar({\n  label,\n  destinations,\n  primary,\n  more,\n  linkComponent,\n  copy,\n  dataTestId,\n}: Required<Pick<SectionNavProps, 'label' | 'destinations' | 'copy' | 'dataTestId'>> &\n  Pick<SectionNavProps, 'primary' | 'more'> & { linkComponent: ElementType | undefined }): React.JSX.Element {\n  const theme = useTheme();\n  const [open, setOpen] = useState<OpenMenu>(null);\n  const toggle = (menu: Exclude<OpenMenu, null>): void => setOpen((current) => (current === menu ? null : menu));\n  const close = (): void => setOpen(null);\n\n  return (\n    <>\n      <Box\n        component=\"nav\"\n        aria-label={label}\n        data-testid={dataTestId}\n        sx={{\n          flex: 'none',\n          display: 'flex',\n          alignItems: 'stretch',\n          boxSizing: 'border-box',\n          height: sectionNavBarInset(theme),\n          paddingBottom: 'env(safe-area-inset-bottom)',\n          borderTop: `1px solid ${theme.palette.divider}`,\n          bgcolor: 'background.paper',\n          // Above the backdrop ONLY while one of its own sheets is open, so the\n          // primary button can close what it opened. Raised all the time it\n          // would sit over every dialog the page opens, and on a small phone a\n          // dialog's own footer is exactly where the bar is.\n          position: 'relative',\n          zIndex: open === null ? 'auto' : theme.zIndex.modal + 1,\n        }}\n      >\n        {barSlots(destinations, more !== undefined, primary !== undefined).map((slot) => (\n          <BarSlotView\n            key={slot.kind === 'destination' ? `dest-${slot.destination.id}` : `menu-${slot.kind}`}\n            slot={slot}\n            primary={primary}\n            more={more}\n            open={open}\n            toggle={toggle}\n            close={close}\n            linkComponent={linkComponent}\n            copy={copy}\n            dataTestId={dataTestId}\n          />\n        ))}\n      </Box>\n      {primary ? (\n        <SectionNavSheet\n          menu={primary}\n          open={open === 'primary'}\n          onClose={close}\n          linkComponent={linkComponent}\n          copy={copy}\n          testId={`${dataTestId}-primary-sheet`}\n          bottomOffset={sectionNavBarInset(theme)}\n        />\n      ) : null}\n      {more ? (\n        <SectionNavSheet\n          menu={more}\n          open={open === 'more'}\n          onClose={close}\n          linkComponent={linkComponent}\n          copy={copy}\n          testId={`${dataTestId}-more-sheet`}\n          bottomOffset={sectionNavBarInset(theme)}\n        />\n      ) : null}\n    </>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-3I77A65F.js → chunk-442FSG7G.js}

@@ -1,6 +1,3 @@
-import {
-  usePanelChrome
-} from "./chunk-G3QKH23Y.js";
 import {
   ModalPanelContents,
   modalAriaIds,
@@ -10,6 +7,9 @@ import {
   STYLE_ONLY_PROPS,
   dialogRootStyles
 } from "./chunk-77JL5XVD.js";
+import {
+  usePanelChrome
+} from "./chunk-G3QKH23Y.js";
 
 // src/components/feedback/StackedModal/StackedModal.tsx
 import Dialog from "@mui/material/Dialog/index.js";
@@ -156,4 +156,4 @@ var StackedModal = (props) => {
 export {
   StackedModal
 };
-//# sourceMappingURL=chunk-3I77A65F.js.map
+//# sourceMappingURL=chunk-442FSG7G.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-26QYVCDK.js → chunk-525AOF6I.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-KHG57NAE.js";
 import {
   Checkbox
-} from "./chunk-DDL6W7JS.js";
+} from "./chunk-FRD7U6QO.js";
 import {
   default as default2
 } from "./chunk-6DPAWXZ3.js";
@@ -134,4 +134,4 @@ export {
   SelectSlot,
   DiscloseSlot
 };
-//# sourceMappingURL=chunk-26QYVCDK.js.map
+//# sourceMappingURL=chunk-525AOF6I.js.map

package/dist/chunk-5AK2EZG5.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-5AK2EZG5.js.map

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

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

package/dist/{chunk-5752357K.js → chunk-5KGABAQB.js}

@@ -1,11 +1,11 @@
-import {
-  useUploadButton
-} from "./chunk-QWVETTIY.js";
 import {
   UploadDropzone,
   UploadFeedback,
   UploadTrigger
 } from "./chunk-A5UYPUS2.js";
+import {
+  useUploadButton
+} from "./chunk-QWVETTIY.js";
 
 // src/components/form/UploadButton/UploadButton.tsx
 import Box from "@mui/material/Box/index.js";
@@ -73,4 +73,4 @@ UploadButton.displayName = "UploadButton";
 export {
   UploadButton
 };
-//# sourceMappingURL=chunk-5752357K.js.map
+//# sourceMappingURL=chunk-5KGABAQB.js.map

package/dist/{chunk-SDKOOVEX.js → chunk-6GAZAJXB.js}

@@ -1,6 +1,3 @@
-import {
-  TextFieldSlim
-} from "./chunk-SL6454K7.js";
 import {
   filledStyles,
   floatingLabelStyles,
@@ -10,6 +7,9 @@ import {
   outlinedStyles,
   pulseStyles
 } from "./chunk-YLXQWYOG.js";
+import {
+  TextFieldSlim
+} from "./chunk-SL6454K7.js";
 import {
   INPUT_LOADING,
   SIZE_MAP,
@@ -137,4 +137,4 @@ Input.displayName = "Input";
 export {
   Input
 };
-//# sourceMappingURL=chunk-SDKOOVEX.js.map
+//# sourceMappingURL=chunk-6GAZAJXB.js.map

package/dist/{chunk-EO6LCGGQ.js → chunk-6J32H2RN.js}

@@ -5,7 +5,7 @@ import {
 } from "./chunk-2TSGRQ2J.js";
 import {
   Skeleton
-} from "./chunk-BEGTLELZ.js";
+} from "./chunk-2K2B5QM2.js";
 import {
   fieldHeight
 } from "./chunk-M47ZOUGF.js";
@@ -274,4 +274,4 @@ LazyImage.displayName = "LazyImage";
 export {
   LazyImage
 };
-//# sourceMappingURL=chunk-EO6LCGGQ.js.map
+//# sourceMappingURL=chunk-6J32H2RN.js.map

package/dist/chunk-6OLJ2RAT.js

@@ -0,0 +1,62 @@
+import {
+  Box,
+  CONTROL_RESET,
+  focusRing
+} from "./chunk-HYEOKBFV.js";
+import {
+  rem
+} from "./chunk-YKCAJ2TN.js";
+
+// src/components/navigation/SectionNav/SectionNav.primary.tsx
+import { useTheme } from "@mui/material/styles/index.js";
+import { jsx } from "react/jsx-runtime";
+function RaisedActionButton({
+  label,
+  icon,
+  onClick,
+  open,
+  closeLabel,
+  dataTestId = "raised-action"
+}) {
+  const theme = useTheme();
+  const size = rem(theme, 52);
+  const expanded = open === true;
+  return /* @__PURE__ */ jsx(Box, { sx: { flex: "none", display: "flex", alignItems: "flex-start", justifyContent: "center", px: 0.5 }, children: /* @__PURE__ */ jsx(
+    Box,
+    {
+      component: "button",
+      type: "button",
+      onClick,
+      "aria-label": expanded && closeLabel ? closeLabel : label,
+      "aria-expanded": open,
+      "data-testid": dataTestId,
+      sx: {
+        ...CONTROL_RESET,
+        ...focusRing(theme),
+        width: size,
+        height: size,
+        // Lifted half out of the bar: the one control that is not a place.
+        marginTop: rem(theme, -18),
+        borderRadius: "50%",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        bgcolor: "primary.main",
+        color: "primary.contrastText",
+        boxShadow: theme.shadows[6],
+        "& svg": {
+          fontSize: rem(theme, 26),
+          transition: theme.transitions.create("transform", { duration: theme.transitions.duration.shorter }),
+          transform: expanded ? "rotate(45deg)" : "none"
+        },
+        "@media (prefers-reduced-motion: reduce)": { "& svg": { transition: "none" } }
+      },
+      children: icon
+    }
+  ) });
+}
+
+export {
+  RaisedActionButton
+};
+//# sourceMappingURL=chunk-6OLJ2RAT.js.map

package/dist/chunk-6OLJ2RAT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/navigation/SectionNav/SectionNav.primary.tsx"],"sourcesContent":["import { useTheme } from '@mui/material/styles/index.js';\nimport type { ReactNode } from 'react';\n\nimport { rem } from '../../../tokens/scales';\n\nimport { Box, CONTROL_RESET, focusRing } from './SectionNav.parts';\n\nexport interface RaisedActionButtonProps {\n  /** The button's accessible name — it has no visible label. */\n  label: string;\n  icon: ReactNode;\n  onClick: () => void;\n  /**\n   * Whether what the button opens is open. Omit for a button that opens\n   * nothing (a plain action): it then carries no `aria-expanded` and its icon\n   * never turns.\n   */\n  open?: boolean;\n  /** The name it takes while `open` — the same control closes what it opened. REQUIRED with `open`. */\n  closeLabel?: string;\n  dataTestId?: string;\n}\n\n/**\n * The raised round button in the middle of a bottom bar — the one control in\n * the row that is an ACTION rather than a place.\n *\n * Lifted half out of the bar so it reads as different in kind from the tabs\n * beside it, and unlabelled so it costs the row less width than a tab: that\n * width is what lets a bar keep four labelled tabs AND this button at 320px.\n *\n * `SectionNav` draws it for its `primary` menu. It is exported on its own for\n * a bar the host already draws — drop it between two tabs, in a flex row.\n */\nexport function RaisedActionButton({\n  label,\n  icon,\n  onClick,\n  open,\n  closeLabel,\n  dataTestId = 'raised-action',\n}: RaisedActionButtonProps): React.JSX.Element {\n  const theme = useTheme();\n  const size = rem(theme, 52);\n  const expanded = open === true;\n  return (\n    <Box sx={{ flex: 'none', display: 'flex', alignItems: 'flex-start', justifyContent: 'center', px: 0.5 }}>\n      <Box\n        component=\"button\"\n        type=\"button\"\n        onClick={onClick}\n        aria-label={expanded && closeLabel ? closeLabel : label}\n        aria-expanded={open}\n        data-testid={dataTestId}\n        sx={{\n          ...CONTROL_RESET,\n          ...focusRing(theme),\n          width: size,\n          height: size,\n          // Lifted half out of the bar: the one control that is not a place.\n          marginTop: rem(theme, -18),\n          borderRadius: '50%',\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'center',\n          bgcolor: 'primary.main',\n          color: 'primary.contrastText',\n          boxShadow: theme.shadows[6],\n          '& svg': {\n            fontSize: rem(theme, 26),\n            transition: theme.transitions.create('transform', { duration: theme.transitions.duration.shorter }),\n            transform: expanded ? 'rotate(45deg)' : 'none',\n          },\n          '@media (prefers-reduced-motion: reduce)': { '& svg': { transition: 'none' } },\n        }}\n      >\n        {icon}\n      </Box>\n    </Box>\n  );\n}\n"],"mappings":";;;;;;;;;;AAAA,SAAS,gBAAgB;AA+CnB;AAbC,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AACf,GAA+C;AAC7C,QAAM,QAAQ,SAAS;AACvB,QAAM,OAAO,IAAI,OAAO,EAAE;AAC1B,QAAM,WAAW,SAAS;AAC1B,SACE,oBAAC,OAAI,IAAI,EAAE,MAAM,QAAQ,SAAS,QAAQ,YAAY,cAAc,gBAAgB,UAAU,IAAI,IAAI,GACpG;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,MAAK;AAAA,MACL;AAAA,MACA,cAAY,YAAY,aAAa,aAAa;AAAA,MAClD,iBAAe;AAAA,MACf,eAAa;AAAA,MACb,IAAI;AAAA,QACF,GAAG;AAAA,QACH,GAAG,UAAU,KAAK;AAAA,QAClB,OAAO;AAAA,QACP,QAAQ;AAAA;AAAA,QAER,WAAW,IAAI,OAAO,GAAG;AAAA,QACzB,cAAc;AAAA,QACd,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,gBAAgB;AAAA,QAChB,SAAS;AAAA,QACT,OAAO;AAAA,QACP,WAAW,MAAM,QAAQ,CAAC;AAAA,QAC1B,SAAS;AAAA,UACP,UAAU,IAAI,OAAO,EAAE;AAAA,UACvB,YAAY,MAAM,YAAY,OAAO,aAAa,EAAE,UAAU,MAAM,YAAY,SAAS,QAAQ,CAAC;AAAA,UAClG,WAAW,WAAW,kBAAkB;AAAA,QAC1C;AAAA,QACA,2CAA2C,EAAE,SAAS,EAAE,YAAY,OAAO,EAAE;AAAA,MAC/E;AAAA,MAEC;AAAA;AAAA,EACH,GACF;AAEJ;","names":[]}

package/dist/{chunk-7XDET7PL.js → chunk-6OQHZVK6.js}

@@ -1,9 +1,9 @@
 import {
   PillControl
-} from "./chunk-RRAWJQIO.js";
+} from "./chunk-A64MQ7GW.js";
 import {
   PanelRangeField
-} from "./chunk-44USLRMT.js";
+} from "./chunk-TPPFWETI.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -12,7 +12,7 @@ import {
 } from "./chunk-FXWXBEOZ.js";
 import {
   StackedModal
-} from "./chunk-3I77A65F.js";
+} from "./chunk-442FSG7G.js";
 import {
   StackedModalContent
 } from "./chunk-L4G5BZFF.js";
@@ -157,4 +157,4 @@ export {
   GridFilterPanel,
   FilterDialog
 };
-//# sourceMappingURL=chunk-7XDET7PL.js.map
+//# sourceMappingURL=chunk-6OQHZVK6.js.map

package/dist/{chunk-F3AYISXT.js → chunk-6PU3JYVY.js}

@@ -1,9 +1,9 @@
-import {
-  buildDayArgs
-} from "./chunk-E2Y7G4MP.js";
 import {
   CalendarDay
 } from "./chunk-H3AQQOTI.js";
+import {
+  buildDayArgs
+} from "./chunk-E2Y7G4MP.js";
 import {
   isSameDay
 } from "./chunk-TERT6TIS.js";
@@ -40,4 +40,4 @@ var CalendarDayCell = ({
 export {
   CalendarDayCell
 };
-//# sourceMappingURL=chunk-F3AYISXT.js.map
+//# sourceMappingURL=chunk-6PU3JYVY.js.map

package/dist/{chunk-RRAWJQIO.js → chunk-A64MQ7GW.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-3XS37SQT.js";
 import {
   CategorySelect
-} from "./chunk-WQ3KTELX.js";
+} from "./chunk-V4R6Q5ED.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-RRAWJQIO.js.map
+//# sourceMappingURL=chunk-A64MQ7GW.js.map

package/dist/{chunk-ADSA76T7.js → chunk-AG3DY5TH.js}

@@ -1,6 +1,6 @@
 import {
   CalendarDayCell
-} from "./chunk-F3AYISXT.js";
+} from "./chunk-6PU3JYVY.js";
 import {
   getMonthName
 } from "./chunk-TERT6TIS.js";
@@ -104,4 +104,4 @@ var CalendarMonth = ({
 export {
   CalendarMonth
 };
-//# sourceMappingURL=chunk-ADSA76T7.js.map
+//# sourceMappingURL=chunk-AG3DY5TH.js.map

package/dist/{chunk-CIBTYBBN.js → chunk-AJ4MRDKM.js}

@@ -17,13 +17,13 @@ import {
 } from "./chunk-KHG57NAE.js";
 import {
   Checkbox
-} from "./chunk-DDL6W7JS.js";
+} from "./chunk-FRD7U6QO.js";
 import {
   default as default2
 } from "./chunk-6DPAWXZ3.js";
 import {
   Card
-} from "./chunk-WN5PNP6F.js";
+} from "./chunk-OP5JR5Q5.js";
 import {
   Text
 } from "./chunk-YZHX2HTC.js";
@@ -268,4 +268,4 @@ function BaseCard(props) {
 export {
   BaseCard
 };
-//# sourceMappingURL=chunk-CIBTYBBN.js.map
+//# sourceMappingURL=chunk-AJ4MRDKM.js.map

package/dist/{chunk-RJ35IXFD.js → chunk-B7HYM3QB.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-6KEXHOIF.js";
 import {
   SettingsSectionChips
-} from "./chunk-BKBELIUR.js";
+} from "./chunk-YWQ7QCWR.js";
 import {
   TOUCH_TARGET,
   atLeastRail,
@@ -167,4 +167,4 @@ function SettingsPanel({
 export {
   SettingsPanel
 };
-//# sourceMappingURL=chunk-RJ35IXFD.js.map
+//# sourceMappingURL=chunk-B7HYM3QB.js.map

package/dist/{chunk-X3C3VTYS.js → chunk-BEX3FLHB.js}

@@ -7,7 +7,7 @@ import {
 } from "./chunk-Q4JWWTL4.js";
 import {
   Input
-} from "./chunk-SDKOOVEX.js";
+} from "./chunk-6GAZAJXB.js";
 
 // src/components/form/NumberField/NumberField.tsx
 import React, { useCallback, useId } from "react";
@@ -82,4 +82,4 @@ NumberField.displayName = "NumberField";
 export {
   NumberField
 };
-//# sourceMappingURL=chunk-X3C3VTYS.js.map
+//# sourceMappingURL=chunk-BEX3FLHB.js.map

package/dist/{chunk-C5RTSOXD.js → chunk-BUAFRLSB.js}

@@ -1,6 +1,6 @@
 import {
   renderChartByType
-} from "./chunk-X4VWYWFK.js";
+} from "./chunk-SJY4DDG7.js";
 import {
   ChartContainer
 } from "./chunk-RIRTW5EU.js";
@@ -111,4 +111,4 @@ var Chart = (props) => {
 export {
   Chart
 };
-//# sourceMappingURL=chunk-C5RTSOXD.js.map
+//# sourceMappingURL=chunk-BUAFRLSB.js.map

package/dist/{chunk-DH6SL3SY.js → chunk-DSDNGTH6.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-BVSSEOLI.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-DH6SL3SY.js.map
+//# sourceMappingURL=chunk-DSDNGTH6.js.map