@12-apps/ui 6.86.0 → 6.86.2

package/dist/chunk-AKE6KVQG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/RegionMap/RegionMapDrawing.tsx"],"sourcesContent":["import Box from '@mui/material/Box/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport { alpha, type Theme } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport { rem, remPx } from '../../../tokens/relative';\n\nimport { labelPosition, type AreaGeometry, type DrawnRegion, type PlaneBox } from './RegionMap.helpers';\nimport type { RegionMapModel } from './RegionMap.hooks';\nimport { labelOrder, placeLabels } from './RegionMap.labels';\n\nexport interface RegionMapDrawingProps {\n  model: RegionMapModel & { view: PlaneBox };\n  showCenter: boolean;\n  highlightedIds: readonly string[];\n  maxHeight: string | undefined;\n  label: string;\n  tappable: boolean;\n  testId: string;\n  theme: Theme;\n}\n\n/**\n * The drawing: one `role=\"img\"`, square, with HTML labels laid over it.\n *\n * Strokes are `non-scaling-stroke` and labels are HTML at theme sizes, so the\n * picture reads the same at 320 px and 1600 px; `maxHeight` caps it on a wide\n * screen. Where it sits in a wider box is the host's call.\n *\n * The base areas are a memoised layer: a toggle changes `excluded`, not the\n * geometry, so only the hatch, highlight and label layers re-render.\n */\nexport function RegionMapDrawing({\n  model,\n  showCenter,\n  highlightedIds,\n  maxHeight,\n  label,\n  tappable,\n  testId,\n  theme,\n}: RegionMapDrawingProps): React.JSX.Element {\n  const hatchId = `${React.useId().replace(/:/g, '')}-hatch`;\n  const { view, drawn } = model;\n  const wanted = new Set(highlightedIds);\n  const highlighted = drawn.filter((d) => wanted.has(d.id));\n  // Highlighted, then excluded, then larger, then by name: the order labels\n  // claim their place in, so a collision hides the less important one.\n  const labelled = labelOrder(drawn.filter((d) => d.excluded || wanted.has(d.id)), wanted);\n  const boxRef = React.useRef<HTMLDivElement>(null);\n  useLabelPlacement(boxRef, labelled.map((d) => d.id).join('|'), remPx(theme, 4));\n  const base = drawn.map((d) => ({ id: d.id, name: d.name, geometry: d.geometry, outside: d.outside === true }));\n  return (\n    <Box\n      sx={{\n        position: 'relative',\n        width: '100%',\n        maxWidth: maxHeight,\n        maxHeight,\n        aspectRatio: '1 / 1',\n        border: 1,\n        borderColor: 'divider',\n        borderRadius: 1,\n        overflow: 'hidden',\n        bgcolor: 'background.paper',\n      }}\n      data-testid={`${testId}-canvas`}\n      ref={boxRef}\n    >\n      <svg\n        viewBox={`${view.minX} ${view.minY} ${view.spanX} ${view.spanY}`}\n        role=\"img\"\n        aria-label={label}\n        onPointerDown={model.onPointerDown}\n        onClick={model.onClick}\n        style={{ display: 'block', width: '100%', height: '100%', cursor: tappable ? 'pointer' : 'default' }}\n      >\n        <Hatch id={hatchId} pitch={view.spanX / 70} theme={theme} />\n        <BaseAreas areas={base} testId={testId} theme={theme} />\n        <ExcludedAreas drawn={drawn} hatchId={hatchId} testId={testId} theme={theme} />\n        <Circles radii={model.radii} theme={theme} />\n        <Highlights areas={highlighted} testId={testId} theme={theme} />\n        {showCenter && (\n          <circle\n            cx={0}\n            cy={0}\n            r={view.spanX / 90}\n            fill={theme.palette.primary.main}\n            stroke={theme.palette.background.paper}\n            strokeWidth={2}\n            vectorEffect=\"non-scaling-stroke\"\n            pointerEvents=\"none\"\n            data-testid={`${testId}-center`}\n          />\n        )}\n      </svg>\n      {labelled.map((d) => (\n        <AreaLabel key={`l-${d.id}`} area={d} view={view} testId={testId} theme={theme} />\n      ))}\n    </Box>\n  );\n}\n\n/** The highlighted areas, drawn over everything but the centre. */\nfunction Highlights({\n  areas,\n  testId,\n  theme,\n}: {\n  areas: readonly DrawnRegion[];\n  testId: string;\n  theme: Theme;\n}): React.JSX.Element {\n  return (\n    <>\n      {areas.map((d) => (\n        <path\n          key={`h-${d.id}`}\n          d={d.geometry.path}\n          fillRule=\"evenodd\"\n          vectorEffect=\"non-scaling-stroke\"\n          fill={alpha(theme.palette.primary.main, 0.3)}\n          stroke={theme.palette.primary.main}\n          strokeWidth={2.5}\n          pointerEvents=\"none\"\n          data-testid={`${testId}-highlight-${d.id}`}\n        />\n      ))}\n    </>\n  );\n}\n\n/** The hatch an excluded area is filled with: lines, not a colour. */\nfunction Hatch({ id, pitch, theme }: { id: string; pitch: number; theme: Theme }): React.JSX.Element {\n  return (\n    <defs>\n      <pattern id={id} width={pitch} height={pitch} patternUnits=\"userSpaceOnUse\" patternTransform=\"rotate(45)\">\n        <rect width={pitch} height={pitch} fill={alpha(theme.palette.text.primary, 0.1)} />\n        <rect width={pitch / 3} height={pitch} fill={theme.palette.text.secondary} />\n      </pattern>\n    </defs>\n  );\n}\n\ninterface BaseArea {\n  id: string;\n  name: string;\n  geometry: AreaGeometry;\n  outside: boolean;\n}\n\ninterface BaseAreasProps {\n  areas: readonly BaseArea[];\n  testId: string;\n  theme: Theme;\n}\n\n/** Same areas, same geometry objects, same look: nothing to re-render. */\nfunction sameBase(a: BaseAreasProps, b: BaseAreasProps): boolean {\n  if (a.theme !== b.theme || a.testId !== b.testId || a.areas.length !== b.areas.length) return false;\n  return a.areas.every((area, i) => {\n    const other = b.areas[i]!;\n    return (\n      area.id === other.id &&\n      area.geometry === other.geometry &&\n      area.outside === other.outside &&\n      area.name === other.name\n    );\n  });\n}\n\n/** Every area's fill and border — the tap targets. Memoised: see `sameBase`. */\nconst BaseAreas = React.memo(function BaseAreas({ areas, testId, theme }: BaseAreasProps): React.JSX.Element {\n  const { palette } = theme;\n  return (\n    <>\n      {areas.map((d) => (\n        <path\n          key={d.id}\n          d={d.geometry.path}\n          fillRule=\"evenodd\"\n          vectorEffect=\"non-scaling-stroke\"\n          fill={d.outside ? palette.background.paper : palette.action.hover}\n          stroke={palette.divider}\n          strokeWidth={1}\n          data-region-id={d.id}\n          data-testid={`${testId}-area-${d.id}`}\n        >\n          <title>{d.name}</title>\n        </path>\n      ))}\n    </>\n  );\n}, sameBase);\n\n/** The hatch over every excluded area. */\nfunction ExcludedAreas({\n  drawn,\n  hatchId,\n  testId,\n  theme,\n}: {\n  drawn: readonly DrawnRegion[];\n  hatchId: string;\n  testId: string;\n  theme: Theme;\n}): React.JSX.Element {\n  return (\n    <>\n      {drawn\n        .filter((d) => d.excluded)\n        .map((d) => (\n          <path\n            key={`x-${d.id}`}\n            d={d.geometry.path}\n            fillRule=\"evenodd\"\n            vectorEffect=\"non-scaling-stroke\"\n            fill={`url(#${hatchId})`}\n            stroke={theme.palette.text.secondary}\n            strokeWidth={1.5}\n            pointerEvents=\"none\"\n            data-testid={`${testId}-excluded-${d.id}`}\n          />\n        ))}\n    </>\n  );\n}\n\n/** The dashed circles around the centre. */\nfunction Circles({ radii, theme }: { radii: readonly number[]; theme: Theme }): React.JSX.Element {\n  return (\n    <>\n      {radii.map((radius) => (\n        <circle\n          key={radius}\n          cx={0}\n          cy={0}\n          r={radius}\n          fill=\"none\"\n          stroke={theme.palette.info.main}\n          strokeWidth={1.75}\n          strokeDasharray=\"7 5\"\n          vectorEffect=\"non-scaling-stroke\"\n          pointerEvents=\"none\"\n        />\n      ))}\n    </>\n  );\n}\n\n/**\n * Places every label the drawing carries, in their DOM order (the priority\n * order), and hides one that would overlap a label already drawn\n * (`placeLabels`). Measured by a ResizeObserver, never in a layout effect: its\n * first call comes after the browser's own layout, so mounting a label on a\n * tap forces no synchronous reflow of the drawing.\n */\nfunction useLabelPlacement(boxRef: React.RefObject<HTMLDivElement | null>, key: string, gap: number): void {\n  React.useEffect(() => {\n    const box = boxRef.current;\n    if (!box || typeof ResizeObserver === 'undefined') return undefined;\n    const labels = Array.from(box.querySelectorAll<HTMLElement>('[data-region-label]'));\n    const place = (): void => {\n      const spanX = box.clientWidth;\n      const spanY = box.clientHeight;\n      if (spanX === 0 || spanY === 0) return;\n      const placed = placeLabels(\n        labels.map((label) => ({\n          fractionX: Number(label.dataset.fractionX),\n          fractionY: Number(label.dataset.fractionY),\n          spanX: label.offsetWidth,\n          spanY: label.offsetHeight,\n        })),\n        { spanX, spanY },\n        gap,\n      );\n      placed.forEach(({ x, y, visible }, index) => {\n        const label = labels[index]!;\n        label.style.left = `${(x / spanX) * 100}%`;\n        label.style.top = `${(y / spanY) * 100}%`;\n        label.style.visibility = visible ? 'visible' : 'hidden';\n        label.dataset.hidden = visible ? 'false' : 'true';\n      });\n    };\n    const observer = new ResizeObserver(place);\n    observer.observe(box);\n    for (const label of labels) observer.observe(label);\n    return () => observer.disconnect();\n  }, [boxRef, key, gap]);\n}\n\n/**\n * An area's name over the drawing, at the theme's type size whatever the\n * width. Placed — and hidden on a collision — by {@link useLabelPlacement}.\n * Decorative (`aria-hidden`): the area's name is its `<title>` and its row in\n * the list.\n */\nfunction AreaLabel({\n  area,\n  view,\n  testId,\n  theme,\n}: {\n  area: DrawnRegion;\n  view: PlaneBox;\n  testId: string;\n  theme: Theme;\n}): React.JSX.Element {\n  const at = labelPosition(area.geometry.rings, view);\n  const halo = `0 0 ${rem(theme, 3)} ${theme.palette.background.paper}`;\n  return (\n    <Typography\n      component=\"span\"\n      aria-hidden\n      data-testid={`${testId}-label-${area.id}`}\n      data-region-label=\"\"\n      data-fraction-x={at.fractionX}\n      data-fraction-y={at.fractionY}\n      // Position as an inline style, not `sx`: a per-label class would insert\n      // a new CSS rule (and a style recalculation) on every tap.\n      style={{\n        left: `${(at.fractionX * 100).toFixed(2)}%`,\n        top: `${(at.fractionY * 100).toFixed(2)}%`,\n      }}\n      sx={{\n        position: 'absolute',\n        transform: 'translate(-50%, -50%)',\n        fontSize: rem(theme, 12),\n        fontWeight: 700,\n        lineHeight: 1.1,\n        textAlign: 'center',\n        maxWidth: '45%',\n        color: 'text.primary',\n        pointerEvents: 'none',\n        textShadow: `${halo}, ${halo}`,\n      }}\n    >\n      {area.name}\n    </Typography>\n  );\n}\n"],"mappings":"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","names":["BaseAreas"]}

package/dist/{chunk-KRPDBVUB.js → chunk-APSEM5AA.js}

@@ -9,10 +9,10 @@ import {
 } from "./chunk-I4K5JMS4.js";
 import {
   CalendarSelectorsMonth
-} from "./chunk-IYDXKLCE.js";
+} from "./chunk-5C3JSXBK.js";
 import {
   CalendarMonth
-} from "./chunk-POUNFTG3.js";
+} from "./chunk-4OUJ4ZMK.js";
 import {
   resolveLabels
 } from "./chunk-LL2BWQPM.js";
@@ -135,4 +135,4 @@ export {
   Calendar,
   Calendar_default
 };
-//# sourceMappingURL=chunk-KRPDBVUB.js.map
+//# sourceMappingURL=chunk-APSEM5AA.js.map

package/dist/{chunk-5ZC7CNU4.js → chunk-AQPPSR4P.js}

@@ -1,6 +1,6 @@
 import {
   GridToolbar
-} from "./chunk-AWUFS2ZC.js";
+} from "./chunk-BAC2PBOS.js";
 
 // src/components/data-display/DataViews/data-views-shell-toolbar.tsx
 import { jsx } from "react/jsx-runtime";
@@ -68,4 +68,4 @@ function ShellToolbar({
 export {
   ShellToolbar
 };
-//# sourceMappingURL=chunk-5ZC7CNU4.js.map
+//# sourceMappingURL=chunk-AQPPSR4P.js.map

package/dist/{chunk-AWUFS2ZC.js → chunk-BAC2PBOS.js}

@@ -1,15 +1,15 @@
-import {
-  DataViewsDisplayPanel
-} from "./chunk-FCLON3MO.js";
 import {
   DataViewsExportMenu
-} from "./chunk-VYQZ5U3N.js";
+} from "./chunk-4NG3LTRX.js";
+import {
+  DataViewsDisplayPanel
+} from "./chunk-6HXNFNOB.js";
 import {
   STICKY_BAR_ATTR
 } from "./chunk-4IE66GY2.js";
 import {
   renderBulkActions
-} from "./chunk-WTOA52EQ.js";
+} from "./chunk-UKNMPGEM.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -143,4 +143,4 @@ function GridToolbar(props) {
 export {
   GridToolbar
 };
-//# sourceMappingURL=chunk-AWUFS2ZC.js.map
+//# sourceMappingURL=chunk-BAC2PBOS.js.map

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

@@ -1,3 +1,6 @@
+import {
+  useDataGridModel
+} from "./chunk-LDROG4QI.js";
 import {
   GridBody,
   GridHeader
@@ -7,9 +10,6 @@ import {
   DataGridError,
   DataGridLoading
 } from "./chunk-EARWC6PD.js";
-import {
-  useDataGridModel
-} from "./chunk-LDROG4QI.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-OA6T2ME3.js.map
+//# sourceMappingURL=chunk-BLZDSCIZ.js.map

package/dist/{chunk-OQN2FHEL.js → chunk-C4NSEUT5.js}

@@ -2,7 +2,7 @@ import {
   MoreGroup,
   MoreQuick,
   fieldClearing
-} from "./chunk-V6KQ5R4T.js";
+} from "./chunk-EAFZ3RDY.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -11,7 +11,7 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   Button
-} from "./chunk-HJJR2WGL.js";
+} from "./chunk-YOXYSAUI.js";
 import {
   Text
 } from "./chunk-AJBRO76D.js";
@@ -194,4 +194,4 @@ function MoreFilters({
 export {
   MoreFilters
 };
-//# sourceMappingURL=chunk-OQN2FHEL.js.map
+//# sourceMappingURL=chunk-C4NSEUT5.js.map

package/dist/{chunk-IEAPXS57.js → chunk-CJLZHW2Z.js}

@@ -1,6 +1,6 @@
 import {
   MapPreview
-} from "./chunk-IMCSY2SI.js";
+} from "./chunk-UFGT2SFD.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-IEAPXS57.js.map
+//# sourceMappingURL=chunk-CJLZHW2Z.js.map

package/dist/{chunk-I7JUAHUO.js → chunk-DILDC77M.js}

@@ -1,9 +1,9 @@
 import {
   GridShell
-} from "./chunk-XMWTVDQN.js";
+} from "./chunk-LH43GKP2.js";
 import {
   useDataViewsState
-} from "./chunk-U3HGQHEO.js";
+} from "./chunk-7WE432RQ.js";
 
 // src/components/data-display/DataViews/DataViewsGrid.tsx
 import { useEffect, useRef } from "react";
@@ -27,4 +27,4 @@ function DataViewsGrid(props) {
 export {
   DataViewsGrid
 };
-//# sourceMappingURL=chunk-I7JUAHUO.js.map
+//# sourceMappingURL=chunk-DILDC77M.js.map

package/dist/{chunk-U4WAAZXJ.js → chunk-DVX4HDNP.js}

@@ -1,6 +1,6 @@
 import {
   useCardActions
-} from "./chunk-LRQT4MQO.js";
+} from "./chunk-PJNIJIE6.js";
 import {
   ConfirmActionDialog
 } from "./chunk-7W5X3KQ2.js";
@@ -50,4 +50,4 @@ function useRemoveConfirm({
 export {
   useRemoveConfirm
 };
-//# sourceMappingURL=chunk-U4WAAZXJ.js.map
+//# sourceMappingURL=chunk-DVX4HDNP.js.map

package/dist/{chunk-UTUYXH72.js → chunk-E5QOT7KK.js}

@@ -6,13 +6,6 @@ import {
   EnhancedTableBody,
   EnhancedTableHeader
 } from "./chunk-L5KPBMMF.js";
-import {
-  tableStyles
-} from "./chunk-BVHIKXCN.js";
-import {
-  useTableSelection,
-  useVirtualScrolling
-} from "./chunk-RZSMRBOX.js";
 import {
   TABLE_DEFAULTS,
   containerStyle,
@@ -24,6 +17,13 @@ import {
   tableRowHeight,
   virtualHeight
 } from "./chunk-Y3DV7LGC.js";
+import {
+  tableStyles
+} from "./chunk-BVHIKXCN.js";
+import {
+  useTableSelection,
+  useVirtualScrolling
+} from "./chunk-RZSMRBOX.js";
 import {
   rem
 } from "./chunk-YKCAJ2TN.js";
@@ -310,4 +310,4 @@ Table.displayName = "Table";
 export {
   Table
 };
-//# sourceMappingURL=chunk-UTUYXH72.js.map
+//# sourceMappingURL=chunk-E5QOT7KK.js.map

package/dist/{chunk-V6KQ5R4T.js → chunk-EAFZ3RDY.js}

@@ -6,13 +6,13 @@ import {
 } from "./chunk-KYUEO2IO.js";
 import {
   RangeBounds
-} from "./chunk-CARUHKZW.js";
-import {
-  QuickRow
-} from "./chunk-AT6UKTH4.js";
+} from "./chunk-G4W6HR6Q.js";
 import {
   isRangeSet
 } from "./chunk-GCZJH4XL.js";
+import {
+  QuickRow
+} from "./chunk-AT6UKTH4.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -227,4 +227,4 @@ export {
   MoreQuick,
   MoreGroup
 };
-//# sourceMappingURL=chunk-V6KQ5R4T.js.map
+//# sourceMappingURL=chunk-EAFZ3RDY.js.map

package/dist/{chunk-C5RQBTRZ.js → chunk-EIOGJBJ5.js}

@@ -3,12 +3,19 @@ import {
 } from "./chunk-YKCAJ2TN.js";
 
 // src/components/form/AddressAutocomplete/AddressSuggestionsPaper.tsx
+import Box from "@mui/material/Box/index.js";
 import Paper from "@mui/material/Paper/index.js";
 import { alpha, useTheme } from "@mui/material/styles/index.js";
-import { jsx } from "react/jsx-runtime";
-var AddressSuggestionsPaper = (props) => {
+import { Children } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var AddressSuggestionsPaper = ({
+  emptyText,
+  children,
+  ...props
+}) => {
   const theme = useTheme();
-  return /* @__PURE__ */ jsx(
+  const empty = Children.toArray(children).length === 0;
+  return /* @__PURE__ */ jsxs(
     Paper,
     {
       ...props,
@@ -20,7 +27,20 @@ var AddressSuggestionsPaper = (props) => {
         backdropFilter: `blur(${rem(theme, 20)})`,
         WebkitBackdropFilter: `blur(${rem(theme, 20)})`,
         border: `1px solid ${alpha(theme.palette.divider, 0.18)}`
-      }
+      },
+      children: [
+        children,
+        empty && emptyText && /* @__PURE__ */ jsx(
+          Box,
+          {
+            role: "presentation",
+            "data-testid": "address-suggestions-empty",
+            onMouseDown: (event) => event.preventDefault(),
+            sx: { px: 2, py: 1.5, color: "text.secondary" },
+            children: emptyText
+          }
+        )
+      ]
     }
   );
 };
@@ -28,4 +48,4 @@ var AddressSuggestionsPaper = (props) => {
 export {
   AddressSuggestionsPaper
 };
-//# sourceMappingURL=chunk-C5RQBTRZ.js.map
+//# sourceMappingURL=chunk-EIOGJBJ5.js.map

package/dist/chunk-EIOGJBJ5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/AddressAutocomplete/AddressSuggestionsPaper.tsx"],"sourcesContent":["import type { PaperProps } from '@mui/material/Paper/index.js';\nimport Box from '@mui/material/Box/index.js';\nimport Paper from '@mui/material/Paper/index.js';\nimport { alpha, useTheme } from '@mui/material/styles/index.js';\nimport type { FC } from 'react';\nimport React, { Children } from 'react';\n\nimport { rem } from '../../../tokens/relative';\n\nexport interface AddressSuggestionsPaperProps extends PaperProps {\n  /**\n   * Said when the list is open with nothing in it. MUI never renders its own\n   * `noOptionsText` for a `freeSolo` field, so an empty list was a blank strip\n   * (FUT-4162): the paper says it instead, exactly when MUI gave it no content\n   * (no suggestions and no loading row).\n   */\n  emptyText?: React.ReactNode;\n}\n\n// The dropdown surface, frosted to match the glass field.\nexport const AddressSuggestionsPaper: FC<AddressSuggestionsPaperProps> = ({\n  emptyText,\n  children,\n  ...props\n}) => {\n  const theme = useTheme();\n  const empty = Children.toArray(children).length === 0;\n\n  return (\n    <Paper\n      {...props}\n      elevation={8}\n      data-testid=\"address-suggestions-dropdown\"\n      sx={{\n        mt: 1,\n        background: `linear-gradient(135deg, ${alpha(theme.palette.background.paper, 0.98)} 0%, ${alpha(theme.palette.background.paper, 0.95)} 100%)`,\n        backdropFilter: `blur(${rem(theme, 20)})`,\n        WebkitBackdropFilter: `blur(${rem(theme, 20)})`,\n        border: `1px solid ${alpha(theme.palette.divider, 0.18)}`,\n      }}\n    >\n      {children}\n      {empty && emptyText && (\n        <Box\n          role=\"presentation\"\n          data-testid=\"address-suggestions-empty\"\n          // Keeps the input focused, as MUI's own no-options row does.\n          onMouseDown={(event) => event.preventDefault()}\n          sx={{ px: 2, py: 1.5, color: 'text.secondary' }}\n        >\n          {emptyText}\n        </Box>\n      )}\n    </Paper>\n  );\n};\n"],"mappings":";;;;;AACA,OAAO,SAAS;AAChB,OAAO,WAAW;AAClB,SAAS,OAAO,gBAAgB;AAEhC,SAAgB,gBAAgB;AAwB5B,SAcI,KAdJ;AATG,IAAM,0BAA4D,CAAC;AAAA,EACxE;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,QAAQ,SAAS;AACvB,QAAM,QAAQ,SAAS,QAAQ,QAAQ,EAAE,WAAW;AAEpD,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAW;AAAA,MACX,eAAY;AAAA,MACZ,IAAI;AAAA,QACF,IAAI;AAAA,QACJ,YAAY,2BAA2B,MAAM,MAAM,QAAQ,WAAW,OAAO,IAAI,CAAC,QAAQ,MAAM,MAAM,QAAQ,WAAW,OAAO,IAAI,CAAC;AAAA,QACrI,gBAAgB,QAAQ,IAAI,OAAO,EAAE,CAAC;AAAA,QACtC,sBAAsB,QAAQ,IAAI,OAAO,EAAE,CAAC;AAAA,QAC5C,QAAQ,aAAa,MAAM,MAAM,QAAQ,SAAS,IAAI,CAAC;AAAA,MACzD;AAAA,MAEC;AAAA;AAAA,QACA,SAAS,aACR;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,eAAY;AAAA,YAEZ,aAAa,CAAC,UAAU,MAAM,eAAe;AAAA,YAC7C,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,OAAO,iBAAiB;AAAA,YAE7C;AAAA;AAAA,QACH;AAAA;AAAA;AAAA,EAEJ;AAEJ;","names":[]}

package/dist/{chunk-CESGZRVQ.js → chunk-EMSMJRP3.js}

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

package/dist/{chunk-ULAZDF6D.js → chunk-FF22F7FA.js}

@@ -2,7 +2,7 @@ import {
   buildGridColumns,
   buildRowActionsColumn,
   isActionsColumn
-} from "./chunk-WTOA52EQ.js";
+} from "./chunk-UKNMPGEM.js";
 
 // src/components/data-display/DataViews/data-views-columns.ts
 import { useTheme } from "@mui/material/styles/index.js";
@@ -62,4 +62,4 @@ export {
   useColumnsWithActions,
   useRenderedColumns
 };
-//# sourceMappingURL=chunk-ULAZDF6D.js.map
+//# sourceMappingURL=chunk-FF22F7FA.js.map

package/dist/{chunk-Z5WUSI47.js → chunk-G3JFESKD.js}

@@ -1,3 +1,8 @@
+import {
+  resolveTooltipProps,
+  useHoverOpen,
+  usePinnedTooltip
+} from "./chunk-QYJ25FWM.js";
 import {
   arrowColor,
   emphasisStyles,
@@ -5,11 +10,6 @@ import {
   tooltipCap,
   variantStyles
 } from "./chunk-BCWL7HUO.js";
-import {
-  resolveTooltipProps,
-  useHoverOpen,
-  usePinnedTooltip
-} from "./chunk-QYJ25FWM.js";
 
 // src/components/data-display/InteractiveTooltip/InteractiveTooltip.tsx
 import MuiTooltip from "@mui/material/Tooltip/index.js";
@@ -96,4 +96,4 @@ InteractiveTooltip.displayName = "InteractiveTooltip";
 export {
   InteractiveTooltip
 };
-//# sourceMappingURL=chunk-Z5WUSI47.js.map
+//# sourceMappingURL=chunk-G3JFESKD.js.map

package/dist/{chunk-CARUHKZW.js → chunk-G4W6HR6Q.js}

@@ -1,21 +1,21 @@
-import {
-  NumberBoundInput
-} from "./chunk-FJ3UZ4RC.js";
-import {
-  useOutsideResetKey
-} from "./chunk-YOPMXGHY.js";
 import {
   RangePresets
 } from "./chunk-7D7CJRL7.js";
 import {
-  presetsFor
-} from "./chunk-CBOB5AV6.js";
+  NumberBoundInput
+} from "./chunk-FJ3UZ4RC.js";
 import {
   isRangeInverted,
   isRangeSet,
   numericRange,
   rangeChipLabel
 } from "./chunk-GCZJH4XL.js";
+import {
+  useOutsideResetKey
+} from "./chunk-YOPMXGHY.js";
+import {
+  presetsFor
+} from "./chunk-CBOB5AV6.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -298,4 +298,4 @@ export {
   RangePill,
   PanelRangeField
 };
-//# sourceMappingURL=chunk-CARUHKZW.js.map
+//# sourceMappingURL=chunk-G4W6HR6Q.js.map

package/dist/{chunk-KYTFGW4R.js → chunk-GMIMHQ6H.js}

@@ -1,6 +1,6 @@
 import {
   EN_US_COMMAND_PALETTE_COPY
-} from "./chunk-SSCEX5NY.js";
+} from "./chunk-656DBMWT.js";
 
 // src/components/navigation/CommandPalette/CommandPalette.helpers.ts
 var filterCommands = ({
@@ -60,4 +60,4 @@ export {
   groupByCategory,
   createPaletteKeyHandler
 };
-//# sourceMappingURL=chunk-KYTFGW4R.js.map
+//# sourceMappingURL=chunk-GMIMHQ6H.js.map

package/dist/chunk-H2UUMZQR.js

@@ -0,0 +1,74 @@
+import {
+  isSameDay
+} from "./chunk-QWOI5BZV.js";
+import {
+  alpha,
+  blend,
+  darken,
+  decomposeColor,
+  getContrastRatio,
+  getLuminance,
+  lighten
+} from "./chunk-F5H2ZXST.js";
+
+// src/components/form/Calendar/Calendar.band.ts
+var otherEnd = (range, hoveredDate, isDisabled) => range.end ?? (hoveredDate && !isDisabled(hoveredDate) ? hoveredDate : null);
+var endpointBand = (date, start, other) => {
+  const [first, last] = start < other ? [start, other] : [other, start];
+  if (isSameDay(date, first)) return "after";
+  if (isSameDay(date, last)) return "before";
+  return "none";
+};
+var bandFor = ({
+  args,
+  selectionMode,
+  range,
+  hoveredDate,
+  isDisabled
+}) => {
+  if (selectionMode !== "range") return "none";
+  if (args.inRange) return "full";
+  const other = otherEnd(range, hoveredDate, isDisabled);
+  if (!range.start || !other || isSameDay(range.start, other)) return "none";
+  return endpointBand(args.date, range.start, other);
+};
+var BAND_OPACITY = 0.25;
+var bandColor = (theme) => alpha(theme.palette.primary.main, BAND_OPACITY);
+var ENDPOINT_MIN_CONTRAST = 4.55;
+var STEP = 0.01;
+var readsAt = (ink, fill) => {
+  const [, , , opacity = 1] = decomposeColor(ink).values;
+  return getContrastRatio(opacity < 1 ? blend(fill, ink, opacity) : ink, fill);
+};
+var awayFromInk = (ink) => getLuminance(ink) > 0.5 ? darken : lighten;
+var endpointFill = (theme) => {
+  const { main, contrastText } = theme.palette.primary;
+  try {
+    if (readsAt(contrastText, main) >= ENDPOINT_MIN_CONTRAST) return main;
+    const move = awayFromInk(contrastText);
+    for (let coefficient = STEP; coefficient < 1; coefficient += STEP) {
+      const fill = move(main, coefficient);
+      if (readsAt(contrastText, fill) >= ENDPOINT_MIN_CONTRAST) return fill;
+    }
+    return move(main, 1);
+  } catch {
+    return main;
+  }
+};
+var endpointHoverFill = (theme) => {
+  const fill = endpointFill(theme);
+  try {
+    return awayFromInk(theme.palette.primary.contrastText)(fill, 0.15);
+  } catch {
+    return fill;
+  }
+};
+
+export {
+  bandFor,
+  BAND_OPACITY,
+  bandColor,
+  endpointFill,
+  endpointHoverFill
+};
+//# sourceMappingURL=chunk-H2UUMZQR.js.map

package/dist/chunk-H2UUMZQR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/Calendar/Calendar.band.ts"],"sourcesContent":["import type { Theme } from '@mui/material/styles/index.js';\n\nimport { alpha, blend, darken, decomposeColor, getContrastRatio, getLuminance, lighten } from '../../../tokens/color';\n\nimport { isSameDay } from './Calendar.dates';\nimport type { DateRange, DayRenderArgs, SelectionMode } from './Calendar.types';\n\n/**\n * WHERE A DAY SITS ON THE RANGE BAND (FUT-4162).\n *\n * A selected range is ONE band behind its days, not a tile per day: the grid\n * has no column gap and each day paints its share of the band. A day strictly\n * inside the range paints all of it (`full`); the first and last day paint the\n * half that faces the rest of the range (`after` / `before`), so the band runs\n * into the round endpoint and stops at its centre. A range of one day, or no\n * range, paints none.\n *\n * While only the start is chosen, the hovered day stands in for the end, the\n * same preview `isDateInRange` draws.\n */\nexport type DayBand = 'none' | 'full' | 'after' | 'before';\n\n// The other end of the range: its end, or while only the start is chosen, the\n// hovered day standing in for it.\nconst otherEnd = (range: DateRange, hoveredDate: Date | null, isDisabled: (date: Date) => boolean) =>\n  range.end ?? (hoveredDate && !isDisabled(hoveredDate) ? hoveredDate : null);\n\n// The half an endpoint paints: towards the rest of the range.\nconst endpointBand = (date: Date, start: Date, other: Date): DayBand => {\n  const [first, last] = start < other ? [start, other] : [other, start];\n  if (isSameDay(date, first)) return 'after';\n  if (isSameDay(date, last)) return 'before';\n  return 'none';\n};\n\nexport const bandFor = ({\n  args,\n  selectionMode,\n  range,\n  hoveredDate,\n  isDisabled,\n}: {\n  args: DayRenderArgs;\n  selectionMode: SelectionMode;\n  range: DateRange;\n  hoveredDate: Date | null;\n  isDisabled: (date: Date) => boolean;\n}): DayBand => {\n  if (selectionMode !== 'range') return 'none';\n  if (args.inRange) return 'full';\n\n  const other = otherEnd(range, hoveredDate, isDisabled);\n  if (!range.start || !other || isSameDay(range.start, other)) return 'none';\n  return endpointBand(args.date, range.start, other);\n};\n\n/**\n * The band: the brand at a quarter strength, so it reads as the brand's tint on\n * any ground (on white it is the brand three quarters of the way to white).\n */\nexport const BAND_OPACITY = 0.25;\n\nexport const bandColor = (theme: Theme): string => alpha(theme.palette.primary.main, BAND_OPACITY);\n\n/**\n * WCAG AA for body text, plus a margin: `getLuminance` rounds to three\n * places, which can move a ratio by about a hundredth either way.\n */\nconst ENDPOINT_MIN_CONTRAST = 4.55;\nconst STEP = 0.01;\n\n// The ink as it reads ON the fill: MUI's dark ink is 87% black, so it is laid\n// over the fill before it is measured, rather than taken as solid black.\nconst readsAt = (ink: string, fill: string): number => {\n  const [, , , opacity = 1] = decomposeColor(ink).values;\n  return getContrastRatio(opacity < 1 ? blend(fill, ink, opacity) : ink, fill);\n};\n\n// Light ink (white) wants a darker fill; dark ink a lighter one.\nconst awayFromInk = (ink: string): ((color: string, coefficient: number) => string) =>\n  getLuminance(ink) > 0.5 ? darken : lighten;\n\n/**\n * An endpoint's fill: the brand, moved away from its own ink JUST far enough\n * for that ink to read at AA (FUT-4162).\n *\n * The ink is the palette's `primary.contrastText`, which MUI picks at 3:1, so\n * a brand can ship an ink that reads at 3 to 4.5:1 on it — the default indigo\n * is 4.47:1 under white. Rather than change the ink (every other component\n * shares it), the fill gives way: darker under white ink, lighter under dark\n * ink. A brand that already passes is returned unchanged; the default indigo\n * moves by one percent, which no one can see.\n */\nexport const endpointFill = (theme: Theme): string => {\n  const { main, contrastText } = theme.palette.primary;\n  try {\n    if (readsAt(contrastText, main) >= ENDPOINT_MIN_CONTRAST) return main;\n    const move = awayFromInk(contrastText);\n    for (let coefficient = STEP; coefficient < 1; coefficient += STEP) {\n      const fill = move(main, coefficient);\n      if (readsAt(contrastText, fill) >= ENDPOINT_MIN_CONTRAST) return fill;\n    }\n    return move(main, 1);\n  } catch {\n    // A colour format the helpers cannot decompose: the brand as it is.\n    return main;\n  }\n};\n\n/** A hovered endpoint: one more step the same way, so it only gains contrast. */\nexport const endpointHoverFill = (theme: Theme): string => {\n  const fill = endpointFill(theme);\n  try {\n    return awayFromInk(theme.palette.primary.contrastText)(fill, 0.15);\n  } catch {\n    return fill;\n  }\n};\n"],"mappings":";;;;;;;;;;;;;;AAwBA,IAAM,WAAW,CAAC,OAAkB,aAA0B,eAC5D,MAAM,QAAQ,eAAe,CAAC,WAAW,WAAW,IAAI,cAAc;AAGxE,IAAM,eAAe,CAAC,MAAY,OAAa,UAAyB;AACtE,QAAM,CAAC,OAAO,IAAI,IAAI,QAAQ,QAAQ,CAAC,OAAO,KAAK,IAAI,CAAC,OAAO,KAAK;AACpE,MAAI,UAAU,MAAM,KAAK,EAAG,QAAO;AACnC,MAAI,UAAU,MAAM,IAAI,EAAG,QAAO;AAClC,SAAO;AACT;AAEO,IAAM,UAAU,CAAC;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAMe;AACb,MAAI,kBAAkB,QAAS,QAAO;AACtC,MAAI,KAAK,QAAS,QAAO;AAEzB,QAAM,QAAQ,SAAS,OAAO,aAAa,UAAU;AACrD,MAAI,CAAC,MAAM,SAAS,CAAC,SAAS,UAAU,MAAM,OAAO,KAAK,EAAG,QAAO;AACpE,SAAO,aAAa,KAAK,MAAM,MAAM,OAAO,KAAK;AACnD;AAMO,IAAM,eAAe;AAErB,IAAM,YAAY,CAAC,UAAyB,MAAM,MAAM,QAAQ,QAAQ,MAAM,YAAY;AAMjG,IAAM,wBAAwB;AAC9B,IAAM,OAAO;AAIb,IAAM,UAAU,CAAC,KAAa,SAAyB;AACrD,QAAM,CAAC,EAAE,EAAE,EAAE,UAAU,CAAC,IAAI,eAAe,GAAG,EAAE;AAChD,SAAO,iBAAiB,UAAU,IAAI,MAAM,MAAM,KAAK,OAAO,IAAI,KAAK,IAAI;AAC7E;AAGA,IAAM,cAAc,CAAC,QACnB,aAAa,GAAG,IAAI,MAAM,SAAS;AAa9B,IAAM,eAAe,CAAC,UAAyB;AACpD,QAAM,EAAE,MAAM,aAAa,IAAI,MAAM,QAAQ;AAC7C,MAAI;AACF,QAAI,QAAQ,cAAc,IAAI,KAAK,sBAAuB,QAAO;AACjE,UAAM,OAAO,YAAY,YAAY;AACrC,aAAS,cAAc,MAAM,cAAc,GAAG,eAAe,MAAM;AACjE,YAAM,OAAO,KAAK,MAAM,WAAW;AACnC,UAAI,QAAQ,cAAc,IAAI,KAAK,sBAAuB,QAAO;AAAA,IACnE;AACA,WAAO,KAAK,MAAM,CAAC;AAAA,EACrB,QAAQ;AAEN,WAAO;AAAA,EACT;AACF;AAGO,IAAM,oBAAoB,CAAC,UAAyB;AACzD,QAAM,OAAO,aAAa,KAAK;AAC/B,MAAI;AACF,WAAO,YAAY,MAAM,QAAQ,QAAQ,YAAY,EAAE,MAAM,IAAI;AAAA,EACnE,QAAQ;AACN,WAAO;AAAA,EACT;AACF;","names":[]}

package/dist/{chunk-UT545JBQ.js → chunk-HC6OZ7QK.js}

@@ -12,13 +12,13 @@ import {
 } from "./chunk-JYWF76Z5.js";
 import {
   Chip
-} from "./chunk-NI67M453.js";
+} from "./chunk-PGANINQD.js";
 import {
   Icon
 } from "./chunk-YEKPQAOW.js";
 import {
   Button
-} from "./chunk-HJJR2WGL.js";
+} from "./chunk-YOXYSAUI.js";
 import {
   BUTTON_SIZES
 } from "./chunk-G2FUZALJ.js";
@@ -139,4 +139,4 @@ export {
   PendingSpinner,
   LearnMore
 };
-//# sourceMappingURL=chunk-UT545JBQ.js.map
+//# sourceMappingURL=chunk-HC6OZ7QK.js.map

package/dist/{chunk-MVNFUIJS.js → chunk-HOPRZEBM.js}

@@ -3,14 +3,14 @@ import {
 } from "./chunk-SALQ65SM.js";
 import {
   useSummaryInfo
-} from "./chunk-MK6UXAWY.js";
+} from "./chunk-TSEBMVYY.js";
 import {
   LearnMore,
   PendingSpinner,
   SaveError,
   SettingHeader,
   partTestId
-} from "./chunk-UT545JBQ.js";
+} from "./chunk-HC6OZ7QK.js";
 import {
   SETTING_CARD_OPEN_ATTR,
   actionsStyles,
@@ -23,7 +23,7 @@ import {
 } from "./chunk-YEKPQAOW.js";
 import {
   Button
-} from "./chunk-HJJR2WGL.js";
+} from "./chunk-YOXYSAUI.js";
 
 // src/components/layout/SettingCard/SettingCard.tsx
 import Box from "@mui/material/Box/index.js";
@@ -170,4 +170,4 @@ SettingCard.displayName = "SettingCard";
 export {
   SettingCard
 };
-//# sourceMappingURL=chunk-MVNFUIJS.js.map
+//# sourceMappingURL=chunk-HOPRZEBM.js.map

package/dist/{chunk-Z445LLFN.js → chunk-I44XL4Z4.js}

@@ -1,15 +1,15 @@
 import {
   PaletteResults
-} from "./chunk-FZUAB2KS.js";
+} from "./chunk-INFBO356.js";
 import {
   ShortcutChip
 } from "./chunk-Z6MCTGIK.js";
 import {
   useCommandPalette
-} from "./chunk-QJLOWBFW.js";
+} from "./chunk-LXTNWQWF.js";
 import {
   EN_US_COMMAND_PALETTE_COPY
-} from "./chunk-SSCEX5NY.js";
+} from "./chunk-656DBMWT.js";
 import {
   resolveLabels
 } from "./chunk-LL2BWQPM.js";
@@ -88,7 +88,7 @@ var Transition = React.forwardRef(
     return /* @__PURE__ */ jsx(Slide, { direction: "down", ref, ...props });
   }
 );
-var PaletteSearch = ({ inputRef, placeholder, value, dataTestId, onChange, onClose }) => /* @__PURE__ */ jsxs(SearchContainer, { children: [
+var PaletteSearch = ({ inputRef, placeholder, value, dataTestId, closeLabel, onChange, onClose }) => /* @__PURE__ */ jsxs(SearchContainer, { children: [
   /* @__PURE__ */ jsx(SearchIcon, { sx: { color: "text.secondary", mr: 1 } }),
   /* @__PURE__ */ jsx(
     SearchInput,
@@ -104,7 +104,7 @@ var PaletteSearch = ({ inputRef, placeholder, value, dataTestId, onChange, onClo
       inputProps: { "data-testid": `${dataTestId}-input` }
     }
   ),
-  /* @__PURE__ */ jsx(IconButton, { size: "small", onClick: onClose, sx: { ml: 1 }, children: /* @__PURE__ */ jsx(CloseIcon, { fontSize: "small" }) })
+  /* @__PURE__ */ jsx(IconButton, { size: "small", onClick: onClose, "aria-label": closeLabel, sx: { ml: 1 }, children: /* @__PURE__ */ jsx(CloseIcon, { fontSize: "small" }) })
 ] });
 var PaletteFooter = ({
   commandCount,
@@ -198,6 +198,7 @@ var CommandPalette = ({
             placeholder: placeholder ?? text.placeholder,
             value: searchQuery,
             dataTestId,
+            closeLabel: text.closeSearch,
             onChange: handleSearchChange,
             onClose
           }
@@ -230,4 +231,4 @@ export {
   CommandPalette,
   CommandPalette_default
 };
-//# sourceMappingURL=chunk-Z445LLFN.js.map
+//# sourceMappingURL=chunk-I44XL4Z4.js.map

package/dist/chunk-I44XL4Z4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/navigation/CommandPalette/CommandPalette.tsx"],"sourcesContent":["import { EN_US_COMMAND_PALETTE_COPY } from '../../../en-US.navigation';\nimport { resolveLabels } from '../../../utils/resolve-labels';\nimport CloseIcon from '@mui/icons-material/Close';\nimport EnterIcon from '@mui/icons-material/KeyboardReturn';\nimport SearchIcon from '@mui/icons-material/Search';\nimport Box from '@mui/material/Box/index.js';\nimport Dialog from '@mui/material/Dialog/index.js';\nimport DialogContent from '@mui/material/DialogContent/index.js';\nimport IconButton from '@mui/material/IconButton/index.js';\nimport InputBase from '@mui/material/InputBase/index.js';\nimport Paper from '@mui/material/Paper/index.js';\nimport Slide from '@mui/material/Slide/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport { alpha, styled, useTheme } from '@mui/material/styles/index.js';\nimport type { TransitionProps } from '@mui/material/transitions/index.js';\nimport type { FC} from 'react';\nimport React, {  } from 'react';\n\nimport { useCommandPalette } from './CommandPalette.hooks';\nimport { PaletteResults } from './CommandPaletteResults';\nimport { ShortcutChip } from './ShortcutChip';\nimport type { CommandPaletteProps } from './CommandPalette.types';\nimport type { CommandPaletteCopy } from '../../../copy';\nimport { scrim } from '../../../tokens/ink';\nimport { rem, sxRem } from '../../../tokens/relative';\n\n// Styled components\nconst StyledDialog = styled(Dialog)(({ theme }) => ({\n  '& .MuiBackdrop-root': {\n    backgroundColor: scrim(theme, 0.6),\n    backdropFilter: `blur(${rem(theme, 4)})` },\n  '& .MuiDialog-paper': {\n    position: 'fixed',\n    top: '20%',\n    margin: 0,\n    maxHeight: 'none',\n    background: 'transparent',\n    boxShadow: 'none',\n    overflow: 'visible' } }));\n\nconst PaletteContainer = styled(Paper)(({ theme }) => ({\n  width: '100%',\n  // 640 is the desktop width (FUT-3347); below it the palette takes the dialog's\n  // own width, which already keeps MUI's 32px gutters, so a phone sees it whole.\n  maxWidth: `min(${rem(theme, 640)}, 100%)`,\n  background: `linear-gradient(135deg, ${alpha(theme.palette.background.paper, 0.98)} 0%, ${alpha(theme.palette.background.paper, 0.95)} 100%)`,\n  backdropFilter: `blur(${rem(theme, 20)})`,\n  WebkitBackdropFilter: `blur(${rem(theme, 20)})`,\n  border: `1px solid ${alpha(theme.palette.divider, 0.18)}`,\n  borderRadius: theme.shape.borderRadius * 2,\n  overflow: 'hidden',\n  boxShadow: theme.shadows[24] }));\n\nconst SearchContainer = styled(Box)(({ theme }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  padding: theme.spacing(2),\n  borderBottom: `1px solid ${alpha(theme.palette.divider, 0.12)}`,\n  background: alpha(theme.palette.background.default, 0.4) }));\n\nconst SearchInput = styled(InputBase)(({ theme }) => ({\n  flex: 1,\n  fontSize: rem(theme, 18),\n  fontWeight: 400,\n  '& input': {\n    padding: theme.spacing(0, 1),\n    '&::placeholder': {\n      color: theme.palette.text.secondary,\n      opacity: 0.8 } } }));\n\nconst Transition = React.forwardRef<unknown, TransitionProps & { children: React.ReactElement }>(\n  function Transition(props, ref) {\n    return <Slide direction=\"down\" ref={ref} {...props} />;\n  },\n);\n\n// Main component\nconst PaletteSearch: React.FC<{\n  inputRef: React.Ref<HTMLInputElement>;\n  placeholder?: string;\n  value: string;\n  dataTestId?: string;\n  closeLabel: string;\n  onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;\n  onClose: () => void;\n}> = ({ inputRef, placeholder, value, dataTestId, closeLabel, onChange, onClose }) => (\n  <SearchContainer>\n    <SearchIcon sx={{ color: 'text.secondary', mr: 1 }} />\n    <SearchInput\n      ref={inputRef}\n      placeholder={placeholder}\n      value={value}\n      onChange={onChange}\n      autoComplete=\"off\"\n      autoCorrect=\"off\"\n      autoCapitalize=\"off\"\n      spellCheck=\"false\"\n      inputProps={{ 'data-testid': `${dataTestId}-input` }}\n    />\n    <IconButton size=\"small\" onClick={onClose} aria-label={closeLabel} sx={{ ml: 1 }}>\n      <CloseIcon fontSize=\"small\" />\n    </IconButton>\n  </SearchContainer>\n);\n\nconst PaletteFooter: React.FC<{ commandCount: number; copy: CommandPaletteCopy }> = ({\n  commandCount,\n  copy,\n}) => {\n  const theme = useTheme();\n  const text = resolveLabels(EN_US_COMMAND_PALETTE_COPY, copy);\n\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        // Wraps the count under the hints on a phone; one row on desktop.\n        flexWrap: 'wrap',\n        gap: 1,\n        justifyContent: 'space-between',\n        alignItems: 'center',\n        padding: 1,\n        borderTop: `1px solid ${alpha(theme.palette.divider, 0.12)}`,\n        background: alpha(theme.palette.background.default, 0.4) }}\n    >\n      <Box sx={{ display: 'flex', flexWrap: 'wrap', gap: 1 }}>\n        <ShortcutChip\n          icon={<EnterIcon sx={{ fontSize: sxRem(12) }} />}\n          label={copy.execute}\n          size=\"small\"\n        />\n        <ShortcutChip label={copy.navigate} size=\"small\" />\n        <ShortcutChip label={copy.close} size=\"small\" />\n      </Box>\n      <Typography variant=\"caption\" color=\"text.secondary\">\n        {text.commandCount(commandCount)}\n      </Typography>\n    </Box>\n  );\n};\n\nexport const CommandPalette: FC<CommandPaletteProps> = ({\n  copy,\n  open,\n  onClose,\n  commands,\n  placeholder,\n  width,\n  maxHeight,\n  showRecent = true,\n  recentCommands = [],\n  onCommandExecute,\n  dataTestId = 'command-palette' }) => {\n  const text = resolveLabels(EN_US_COMMAND_PALETTE_COPY, copy);\n  const {\n    searchQuery,\n    setSearchQuery,\n    selectedIndex,\n    setSelectedIndex,\n    searchInputRef,\n    listRef,\n    filteredCommands,\n    groupedCommands,\n    executeCommand,\n    recentCommandIds } = useCommandPalette({\n    open,\n    commands,\n    showRecent,\n    recentCommands,\n    onCommandExecute,\n    onClose,\n    generalLabel: text.general });\n\n  const handleSearchChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    setSearchQuery(event.target.value);\n  };\n\n  return (\n    <StyledDialog\n      open={open}\n      onClose={onClose}\n      TransitionComponent={Transition}\n      maxWidth={false}\n      fullWidth\n      data-testid={dataTestId}\n    >\n      <DialogContent sx={{ overflow: 'visible', p: 0 }}>\n        <PaletteContainer elevation={24} sx={{ width: width ?? sxRem(640), maxHeight: maxHeight ?? sxRem(400) }}>\n          <PaletteSearch\n            inputRef={searchInputRef}\n            placeholder={placeholder ?? text.placeholder}\n            value={searchQuery}\n            dataTestId={dataTestId}\n            closeLabel={text.closeSearch}\n            onChange={handleSearchChange}\n            onClose={onClose}\n          />\n\n          <PaletteResults\n          copy={copy}\n            listRef={listRef}\n            dataTestId={dataTestId}\n            searchQuery={searchQuery}\n            showRecent={showRecent}\n            commands={commands}\n            recentCommandIds={recentCommandIds}\n            filteredCommands={filteredCommands}\n            groupedCommands={groupedCommands}\n            selectedIndex={selectedIndex}\n            onSelect={setSelectedIndex}\n            onExecute={executeCommand}\n          />\n\n          <PaletteFooter copy={copy} commandCount={filteredCommands.length} />\n        </PaletteContainer>\n      </DialogContent>\n    </StyledDialog>\n  );\n};\n\n// Export default\nexport default CommandPalette;\n"],"mappings":"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","names":["Transition"]}