@12-apps/ui 6.63.1 → 6.64.1

package/dist/{chunk-3AQ25I6D.js → chunk-OJFE5PK6.js}

@@ -12,13 +12,13 @@ import {
 } from "./chunk-JYWF76Z5.js";
 import {
   Chip
-} from "./chunk-OYHLSFFQ.js";
+} from "./chunk-EWTSQTVR.js";
 import {
   Icon
 } from "./chunk-SEWUYHSG.js";
 import {
   Button
-} from "./chunk-W4O3BTD5.js";
+} from "./chunk-364NH2NY.js";
 import {
   BUTTON_SIZES
 } from "./chunk-G2FUZALJ.js";
@@ -139,4 +139,4 @@ export {
   PendingSpinner,
   LearnMore
 };
-//# sourceMappingURL=chunk-3AQ25I6D.js.map
+//# sourceMappingURL=chunk-OJFE5PK6.js.map

package/dist/chunk-OLT6ZXK5.js

@@ -0,0 +1,155 @@
+import {
+  checkSx,
+  closeButtonSx,
+  createLabelSx,
+  emptySx,
+  headSx,
+  kickerSx,
+  listSx,
+  rowLabelSx,
+  rowMetaSx,
+  rowPaddingLeft,
+  rowSx,
+  rowTextSx,
+  searchFieldSx,
+  titleSx
+} from "./chunk-WYRDR4T5.js";
+import {
+  CheckGlyph,
+  SearchGlyph
+} from "./chunk-DMNZD3Q7.js";
+
+// src/components/form/PickerSheet/PickerSheet.parts.tsx
+import Box from "@mui/material/Box/index.js";
+import InputBase from "@mui/material/InputBase/index.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+function CloseGlyph() {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 2,
+      strokeLinecap: "round",
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsx("path", { d: "M18 6 6 18M6 6l12 12" })
+    }
+  );
+}
+function PickerSheetHead({ kicker, title, titleId, closeLabel, onClose, dataTestId }) {
+  return /* @__PURE__ */ jsxs(Box, { sx: headSx, children: [
+    /* @__PURE__ */ jsxs(Box, { sx: { flex: "1 1 auto", minWidth: 0 }, children: [
+      kicker ? /* @__PURE__ */ jsx(Box, { sx: kickerSx, children: kicker }) : null,
+      /* @__PURE__ */ jsx(Box, { component: "h2", id: titleId, sx: titleSx, children: title })
+    ] }),
+    /* @__PURE__ */ jsx(
+      Box,
+      {
+        component: "button",
+        type: "button",
+        "aria-label": closeLabel,
+        "data-testid": `${dataTestId}-close`,
+        onClick: onClose,
+        sx: closeButtonSx,
+        children: /* @__PURE__ */ jsx(CloseGlyph, {})
+      }
+    )
+  ] });
+}
+function PickerSheetSearch(props) {
+  const { query, placeholder, label, listId, activeId, expanded, inputRef, onQueryChange, onKeyDown, dataTestId } = props;
+  return /* @__PURE__ */ jsxs(Box, { sx: searchFieldSx, children: [
+    /* @__PURE__ */ jsx(SearchGlyph, {}),
+    /* @__PURE__ */ jsx(
+      InputBase,
+      {
+        inputRef,
+        value: query,
+        placeholder,
+        autoComplete: "off",
+        sx: { width: "100%" },
+        onChange: (event) => onQueryChange(event.target.value),
+        onKeyDown,
+        inputProps: {
+          role: "combobox",
+          "aria-label": label,
+          "aria-expanded": expanded,
+          "aria-controls": expanded ? listId : void 0,
+          "aria-autocomplete": "list",
+          "aria-activedescendant": activeId,
+          "data-testid": `${dataTestId}-search`
+        }
+      }
+    )
+  ] });
+}
+function PickerSheetRow({ item, rowId, active, indented, onChoose, dataTestId }) {
+  const selected = item.selected ?? false;
+  const depth = indented ? item.indent ?? 0 : 0;
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      component: "li",
+      id: rowId,
+      role: "option",
+      "aria-selected": selected,
+      "data-testid": `${dataTestId}-item-${item.id}`,
+      onClick: onChoose,
+      sx: (theme) => ({ ...rowSx(theme, selected, active), paddingLeft: rowPaddingLeft(theme, depth) }),
+      children: [
+        /* @__PURE__ */ jsxs(Box, { component: "span", sx: rowTextSx, children: [
+          /* @__PURE__ */ jsx(Box, { component: "span", sx: rowLabelSx, children: item.label }),
+          item.meta ? /* @__PURE__ */ jsx(Box, { component: "span", sx: rowMetaSx, children: item.meta }) : null
+        ] }),
+        selected ? /* @__PURE__ */ jsx(Box, { component: "span", sx: checkSx, "data-testid": `${dataTestId}-check-${item.id}`, children: /* @__PURE__ */ jsx(CheckGlyph, {}) }) : null
+      ]
+    }
+  );
+}
+function PickerSheetList(props) {
+  const { view, listId, rowId, listRef, createLabel, createMeta, emptyText, onChoose, dataTestId } = props;
+  const drawn = props.cursorShown ? props.activeIndex : -1;
+  if (view.rowCount === 0) {
+    const text = emptyText?.(view.query);
+    return text ? /* @__PURE__ */ jsx(Box, { sx: emptySx, role: "status", "data-testid": `${dataTestId}-empty`, children: text }) : null;
+  }
+  const createIndex = view.items.length;
+  return /* @__PURE__ */ jsxs(Box, { component: "ul", id: listId, role: "listbox", ref: listRef, sx: listSx, "data-testid": `${dataTestId}-list`, children: [
+    view.items.map((item, index) => /* @__PURE__ */ jsx(
+      PickerSheetRow,
+      {
+        item,
+        rowId: rowId(index),
+        active: index === drawn,
+        indented: view.query.length === 0,
+        onChoose: () => onChoose(index),
+        dataTestId
+      },
+      item.id
+    )),
+    view.canCreate && createLabel ? /* @__PURE__ */ jsx(
+      Box,
+      {
+        component: "li",
+        id: rowId(createIndex),
+        role: "option",
+        "aria-selected": false,
+        "data-testid": `${dataTestId}-create`,
+        onClick: () => onChoose(createIndex),
+        sx: (theme) => rowSx(theme, false, drawn === createIndex),
+        children: /* @__PURE__ */ jsxs(Box, { component: "span", sx: rowTextSx, children: [
+          /* @__PURE__ */ jsx(Box, { component: "span", sx: createLabelSx, children: createLabel(view.query) }),
+          createMeta ? /* @__PURE__ */ jsx(Box, { component: "span", sx: rowMetaSx, "data-testid": `${dataTestId}-create-meta`, children: createMeta(view.query) }) : null
+        ] })
+      }
+    ) : null
+  ] });
+}
+
+export {
+  PickerSheetHead,
+  PickerSheetSearch,
+  PickerSheetList
+};
+//# sourceMappingURL=chunk-OLT6ZXK5.js.map

package/dist/chunk-OLT6ZXK5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/PickerSheet/PickerSheet.parts.tsx"],"sourcesContent":["'use client';\n\nimport Box from '@mui/material/Box/index.js';\nimport InputBase from '@mui/material/InputBase/index.js';\n\nimport { CheckGlyph, SearchGlyph } from '../CategorySelect/CategoryIcons';\nimport type { PickerSheetView } from './picker-sheet-model';\nimport {\n  checkSx,\n  closeButtonSx,\n  createLabelSx,\n  emptySx,\n  headSx,\n  kickerSx,\n  listSx,\n  rowLabelSx,\n  rowMetaSx,\n  rowPaddingLeft,\n  rowSx,\n  rowTextSx,\n  searchFieldSx,\n  titleSx,\n} from './PickerSheet.styles';\nimport type { PickerSheetItem } from './PickerSheet.types';\n\n/** The close button's cross, at the weight of the search glyph under it. */\nfunction CloseGlyph(): React.JSX.Element {\n  return (\n    <svg\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth={2}\n      strokeLinecap=\"round\"\n      aria-hidden=\"true\"\n    >\n      <path d=\"M18 6 6 18M6 6l12 12\" />\n    </svg>\n  );\n}\n\ninterface HeadProps {\n  kicker?: string;\n  title: string;\n  titleId: string;\n  closeLabel: string;\n  onClose: () => void;\n  dataTestId: string;\n}\n\n/** `.sh` — kicker over title, and the bordered close button. */\nexport function PickerSheetHead({ kicker, title, titleId, closeLabel, onClose, dataTestId }: HeadProps): React.JSX.Element {\n  return (\n    <Box sx={headSx}>\n      <Box sx={{ flex: '1 1 auto', minWidth: 0 }}>\n        {kicker ? <Box sx={kickerSx}>{kicker}</Box> : null}\n        <Box component=\"h2\" id={titleId} sx={titleSx}>\n          {title}\n        </Box>\n      </Box>\n      <Box\n        component=\"button\"\n        type=\"button\"\n        aria-label={closeLabel}\n        data-testid={`${dataTestId}-close`}\n        onClick={onClose}\n        sx={closeButtonSx}\n      >\n        <CloseGlyph />\n      </Box>\n    </Box>\n  );\n}\n\ninterface SearchProps {\n  query: string;\n  placeholder: string;\n  label: string;\n  listId: string;\n  activeId: string | undefined;\n  /** False when the list shows no row — then there is no listbox to point at. */\n  expanded: boolean;\n  inputRef: React.RefObject<HTMLInputElement | null>;\n  onQueryChange: (next: string) => void;\n  onKeyDown: (event: React.KeyboardEvent) => void;\n  dataTestId: string;\n}\n\n/** The search field — a combobox over the list below it, so the cursor is announced. */\nexport function PickerSheetSearch(props: SearchProps): React.JSX.Element {\n  const { query, placeholder, label, listId, activeId, expanded, inputRef, onQueryChange, onKeyDown, dataTestId } = props;\n  return (\n    <Box sx={searchFieldSx}>\n      <SearchGlyph />\n      <InputBase\n        inputRef={inputRef}\n        value={query}\n        placeholder={placeholder}\n        autoComplete=\"off\"\n        sx={{ width: '100%' }}\n        onChange={(event) => onQueryChange(event.target.value)}\n        onKeyDown={onKeyDown}\n        inputProps={{\n          role: 'combobox',\n          'aria-label': label,\n          'aria-expanded': expanded,\n          'aria-controls': expanded ? listId : undefined,\n          'aria-autocomplete': 'list',\n          'aria-activedescendant': activeId,\n          'data-testid': `${dataTestId}-search`,\n        }}\n      />\n    </Box>\n  );\n}\n\ninterface RowProps {\n  item: PickerSheetItem;\n  rowId: string;\n  active: boolean;\n  /** False while searching: the tree flattens and `meta` carries the path. */\n  indented: boolean;\n  onChoose: () => void;\n  dataTestId: string;\n}\n\n/** `.pitem` — one item: label, optional meta line, and the check when selected. */\nfunction PickerSheetRow({ item, rowId, active, indented, onChoose, dataTestId }: RowProps): React.JSX.Element {\n  const selected = item.selected ?? false;\n  const depth = indented ? (item.indent ?? 0) : 0;\n  return (\n    <Box\n      component=\"li\"\n      id={rowId}\n      role=\"option\"\n      aria-selected={selected}\n      data-testid={`${dataTestId}-item-${item.id}`}\n      onClick={onChoose}\n      sx={(theme) => ({ ...rowSx(theme, selected, active), paddingLeft: rowPaddingLeft(theme, depth) })}\n    >\n      <Box component=\"span\" sx={rowTextSx}>\n        <Box component=\"span\" sx={rowLabelSx}>\n          {item.label}\n        </Box>\n        {item.meta ? (\n          <Box component=\"span\" sx={rowMetaSx}>\n            {item.meta}\n          </Box>\n        ) : null}\n      </Box>\n      {selected ? (\n        <Box component=\"span\" sx={checkSx} data-testid={`${dataTestId}-check-${item.id}`}>\n          <CheckGlyph />\n        </Box>\n      ) : null}\n    </Box>\n  );\n}\n\ninterface ListProps {\n  view: PickerSheetView;\n  activeIndex: number;\n  /** Draw the cursor's ring (an arrow key moved it) — `activeIndex` alone only feeds the screen reader. */\n  cursorShown: boolean;\n  listId: string;\n  rowId: (index: number) => string;\n  listRef: React.RefObject<HTMLUListElement | null>;\n  createLabel?: (query: string) => string;\n  createMeta?: (query: string) => string;\n  emptyText?: (query: string) => string;\n  onChoose: (index: number) => void;\n  dataTestId: string;\n}\n\n/** The matching items, then the create row — or the empty text when there is neither. */\nexport function PickerSheetList(props: ListProps): React.JSX.Element | null {\n  const { view, listId, rowId, listRef, createLabel, createMeta, emptyText, onChoose, dataTestId } = props;\n  const drawn = props.cursorShown ? props.activeIndex : -1;\n  if (view.rowCount === 0) {\n    const text = emptyText?.(view.query);\n    return text ? (\n      <Box sx={emptySx} role=\"status\" data-testid={`${dataTestId}-empty`}>\n        {text}\n      </Box>\n    ) : null;\n  }\n  const createIndex = view.items.length;\n  return (\n    <Box component=\"ul\" id={listId} role=\"listbox\" ref={listRef} sx={listSx} data-testid={`${dataTestId}-list`}>\n      {view.items.map((item, index) => (\n        <PickerSheetRow\n          key={item.id}\n          item={item}\n          rowId={rowId(index)}\n          active={index === drawn}\n          indented={view.query.length === 0}\n          onChoose={() => onChoose(index)}\n          dataTestId={dataTestId}\n        />\n      ))}\n      {view.canCreate && createLabel ? (\n        <Box\n          component=\"li\"\n          id={rowId(createIndex)}\n          role=\"option\"\n          aria-selected={false}\n          data-testid={`${dataTestId}-create`}\n          onClick={() => onChoose(createIndex)}\n          sx={(theme) => rowSx(theme, false, drawn === createIndex)}\n        >\n          <Box component=\"span\" sx={rowTextSx}>\n            <Box component=\"span\" sx={createLabelSx}>\n              {createLabel(view.query)}\n            </Box>\n            {createMeta ? (\n              <Box component=\"span\" sx={rowMetaSx} data-testid={`${dataTestId}-create-meta`}>\n                {createMeta(view.query)}\n              </Box>\n            ) : null}\n          </Box>\n        </Box>\n      ) : null}\n    </Box>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-SJTQW6JK.js → chunk-OPP6USJC.js}

@@ -1,7 +1,7 @@
 import {
   onTrackInk,
   switchSx
-} from "./chunk-XM2YEXGO.js";
+} from "./chunk-2MYSXWZQ.js";
 import {
   LABEL_GAP_UNITS,
   SWITCH_ICON_SIZES,
@@ -220,4 +220,4 @@ export {
   SwitchHelper,
   SwitchRow
 };
-//# sourceMappingURL=chunk-SJTQW6JK.js.map
+//# sourceMappingURL=chunk-OPP6USJC.js.map

package/dist/{chunk-AGROYLPJ.js → chunk-OQW4OERS.js}

@@ -1,7 +1,7 @@
 import {
   SelectFieldControl,
   formControlSize
-} from "./chunk-5SWYTQJ2.js";
+} from "./chunk-6VTOGR36.js";
 import {
   splitTestId
 } from "./chunk-TYJR4GOF.js";
@@ -107,4 +107,4 @@ MenuSelect.displayName = "MenuSelect";
 export {
   MenuSelect
 };
-//# sourceMappingURL=chunk-AGROYLPJ.js.map
+//# sourceMappingURL=chunk-OQW4OERS.js.map

package/dist/{chunk-TTIZUZ57.js → chunk-OR6JKOQ5.js}

@@ -8,7 +8,7 @@ import {
 } from "./chunk-YLGY3D52.js";
 import {
   useDataViewsLayout
-} from "./chunk-MUIBNHJW.js";
+} from "./chunk-MO52X5WW.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -246,4 +246,4 @@ export {
   SortTab,
   DisplayTab
 };
-//# sourceMappingURL=chunk-TTIZUZ57.js.map
+//# sourceMappingURL=chunk-OR6JKOQ5.js.map

package/dist/{chunk-36RYXV4R.js → chunk-OT5JBIBT.js}

@@ -1,9 +1,9 @@
 import {
   rowGutters
-} from "./chunk-YP7SQ5DM.js";
+} from "./chunk-LDCHE6QS.js";
 import {
   cellRailsTemplate
-} from "./chunk-6FAYTKXW.js";
+} from "./chunk-GLBK6X5Z.js";
 import {
   cellTracks,
   compactCellTracks,
@@ -55,4 +55,4 @@ export {
   useRowLayout,
   StandaloneContainer
 };
-//# sourceMappingURL=chunk-36RYXV4R.js.map
+//# sourceMappingURL=chunk-OT5JBIBT.js.map

package/dist/{chunk-AHBNB54V.js → chunk-OXXIGHZK.js}

@@ -4,7 +4,7 @@ import {
   registerSaveShortcut,
   resolveEditorTheme,
   scheduleAutoFormat
-} from "./chunk-DAUX55VX.js";
+} from "./chunk-EYDQV55H.js";
 
 // src/components/form/CodeEditor/CodeEditor.hooks.ts
 import { useTheme } from "@mui/material/styles/index.js";
@@ -79,4 +79,4 @@ var useCodeEditor = ({
 export {
   useCodeEditor
 };
-//# sourceMappingURL=chunk-AHBNB54V.js.map
+//# sourceMappingURL=chunk-OXXIGHZK.js.map

package/dist/{chunk-U5NRT6JR.js → chunk-P4LR2GLN.js}

@@ -1,9 +1,9 @@
 import {
   DropdownMenu
-} from "./chunk-2X2G75MV.js";
+} from "./chunk-AY5GKCH7.js";
 import {
   Button
-} from "./chunk-W4O3BTD5.js";
+} from "./chunk-364NH2NY.js";
 
 // src/components/data-display/CardKit/CardKebab.tsx
 import { jsx } from "react/jsx-runtime";
@@ -25,4 +25,4 @@ function CardKebab({
 export {
   CardKebab
 };
-//# sourceMappingURL=chunk-U5NRT6JR.js.map
+//# sourceMappingURL=chunk-P4LR2GLN.js.map

package/dist/{chunk-WSUHTLOA.js → chunk-PCM4VEPO.js}

@@ -1,10 +1,10 @@
-import {
-  MapControlBar
-} from "./chunk-VNOFFVRQ.js";
 import {
   HeatmapOverlay,
   RouteOverlay
 } from "./chunk-ZZ4MMUBY.js";
+import {
+  MapControlBar
+} from "./chunk-VNOFFVRQ.js";
 import {
   HEATMAP_VIEWBOX
 } from "./chunk-H2J2MTRE.js";
@@ -56,4 +56,4 @@ var MapLayers = ({ settings, zoom, mapType, search, controls }) => {
 export {
   MapLayers
 };
-//# sourceMappingURL=chunk-WSUHTLOA.js.map
+//# sourceMappingURL=chunk-PCM4VEPO.js.map

package/dist/{chunk-JTWWRER2.js → chunk-PD7MKJCM.js}

@@ -21,7 +21,7 @@ import {
 } from "./chunk-O6MJWHU5.js";
 import {
   absoluteInk
-} from "./chunk-SSX5ITPM.js";
+} from "./chunk-XJAD6E3V.js";
 import {
   rem
 } from "./chunk-YKCAJ2TN.js";
@@ -183,4 +183,4 @@ export {
   outlinedStyles,
   filledStyles
 };
-//# sourceMappingURL=chunk-JTWWRER2.js.map
+//# sourceMappingURL=chunk-PD7MKJCM.js.map

package/dist/{chunk-5P4GWCBS.js → chunk-PEHYS7TU.js}

@@ -1,16 +1,16 @@
-import {
-  DisplayTab,
-  SortTab
-} from "./chunk-TTIZUZ57.js";
 import {
   ColumnsTab
 } from "./chunk-WSAUWJFO.js";
+import {
+  DisplayTab,
+  SortTab
+} from "./chunk-OR6JKOQ5.js";
 import {
   ViewActions,
   ViewFooter,
   ViewHeader,
   ViewsList
-} from "./chunk-YLSBEWPJ.js";
+} from "./chunk-H7QTDKA6.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -19,7 +19,7 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   Button
-} from "./chunk-W4O3BTD5.js";
+} from "./chunk-364NH2NY.js";
 import {
   rem,
   sxRem
@@ -265,4 +265,4 @@ function DataViewsDisplayPanel({
 export {
   DataViewsDisplayPanel
 };
-//# sourceMappingURL=chunk-5P4GWCBS.js.map
+//# sourceMappingURL=chunk-PEHYS7TU.js.map

package/dist/{chunk-W2TCSYLI.js → chunk-PLB6WWXW.js}

@@ -16,7 +16,7 @@ import {
   neutralTones,
   shadowInk,
   sheen
-} from "./chunk-SSX5ITPM.js";
+} from "./chunk-XJAD6E3V.js";
 import {
   rem,
   rems
@@ -165,4 +165,4 @@ var cardStyles = (theme, { variant, interactive, glow, pulse, borderRadius }) =>
 export {
   cardStyles
 };
-//# sourceMappingURL=chunk-W2TCSYLI.js.map
+//# sourceMappingURL=chunk-PLB6WWXW.js.map

package/dist/{chunk-JTIKY2D3.js → chunk-PPEHBI5O.js}

@@ -13,7 +13,7 @@ import {
 import {
   absoluteInk,
   controlNeutral
-} from "./chunk-SSX5ITPM.js";
+} from "./chunk-XJAD6E3V.js";
 import {
   rem,
   rems
@@ -224,4 +224,4 @@ export {
   buttonVariantStyles,
   buttonEmphasisStyles
 };
-//# sourceMappingURL=chunk-JTIKY2D3.js.map
+//# sourceMappingURL=chunk-PPEHBI5O.js.map

package/dist/{chunk-TJS775RX.js → chunk-PU3HEWSG.js}

@@ -1,6 +1,6 @@
 import {
   TimelineRow
-} from "./chunk-OV5HCGUK.js";
+} from "./chunk-LOLYI6PS.js";
 import {
   rem
 } from "./chunk-YKCAJ2TN.js";
@@ -90,4 +90,4 @@ export {
   Timeline,
   Timeline_default
 };
-//# sourceMappingURL=chunk-TJS775RX.js.map
+//# sourceMappingURL=chunk-PU3HEWSG.js.map

package/dist/{chunk-GDT235FP.js → chunk-Q4WTVAJ5.js}

@@ -17,7 +17,7 @@ import {
 } from "./chunk-YSTHOE66.js";
 import {
   Skeleton
-} from "./chunk-H4NS5MMP.js";
+} from "./chunk-3DPPDGOF.js";
 import {
   resolveTestId
 } from "./chunk-TYJR4GOF.js";
@@ -142,4 +142,4 @@ export {
   LoadingState,
   LoadingState_default
 };
-//# sourceMappingURL=chunk-GDT235FP.js.map
+//# sourceMappingURL=chunk-Q4WTVAJ5.js.map

package/dist/{chunk-UN3F3K4B.js → chunk-QBY3TWV3.js}

@@ -1,13 +1,13 @@
 import {
   NavigationMegaSection
-} from "./chunk-4PALX7AQ.js";
+} from "./chunk-BM3MKZL2.js";
 import {
   NavigationStandardBody
-} from "./chunk-INZD3TMN.js";
+} from "./chunk-JPYNGWV4.js";
 import {
   LogoBar,
   NavigationShell
-} from "./chunk-WGG7XNQB.js";
+} from "./chunk-FTPTPASD.js";
 import {
   rem
 } from "./chunk-YKCAJ2TN.js";
@@ -173,4 +173,4 @@ NavigationMenu.displayName = "NavigationMenu";
 export {
   NavigationMenu
 };
-//# sourceMappingURL=chunk-UN3F3K4B.js.map
+//# sourceMappingURL=chunk-QBY3TWV3.js.map

package/dist/{chunk-OJSJ4BKM.js → chunk-QD4TM6UK.js}

@@ -13,7 +13,7 @@ import {
   modeInk,
   shadowInk,
   sheen
-} from "./chunk-SSX5ITPM.js";
+} from "./chunk-XJAD6E3V.js";
 import {
   rem,
   rems
@@ -96,4 +96,4 @@ export {
   skeletonLength,
   skeletonSx
 };
-//# sourceMappingURL=chunk-OJSJ4BKM.js.map
+//# sourceMappingURL=chunk-QD4TM6UK.js.map

package/dist/{chunk-Q5G2EC24.js → chunk-QK63RXLG.js}

@@ -1,6 +1,3 @@
-import {
-  DateRangeQuickList
-} from "./chunk-6KKQHJE7.js";
 import {
   DateRangeFields
 } from "./chunk-BLINEMVO.js";
@@ -13,6 +10,9 @@ import {
 import {
   toLocalDay
 } from "./chunk-FRAVVI4A.js";
+import {
+  DateRangeQuickList
+} from "./chunk-6KKQHJE7.js";
 import {
   Calendar
 } from "./chunk-XP522FFM.js";
@@ -181,4 +181,4 @@ export {
   DateRangePicker,
   DateRangePicker_default
 };
-//# sourceMappingURL=chunk-Q5G2EC24.js.map
+//# sourceMappingURL=chunk-QK63RXLG.js.map

package/dist/{chunk-TVMSXL3R.js → chunk-QO7UJXXO.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-KHG57NAE.js";
 import {
   Checkbox
-} from "./chunk-FLJ3RIRP.js";
+} from "./chunk-VEKTKCSB.js";
 import {
   default as default2
 } from "./chunk-6DPAWXZ3.js";
@@ -134,4 +134,4 @@ export {
   SelectSlot,
   DiscloseSlot
 };
-//# sourceMappingURL=chunk-TVMSXL3R.js.map
+//# sourceMappingURL=chunk-QO7UJXXO.js.map

package/dist/chunk-QZOXMH7X.js

@@ -0,0 +1,34 @@
+import {
+  foldText
+} from "./chunk-PN4HVM43.js";
+
+// src/components/form/PickerSheet/picker-sheet-model.ts
+function haystack(item) {
+  return foldText(`${item.label} ${item.searchText ?? item.meta ?? ""}`);
+}
+function filterPickerItems(items, query) {
+  const needle = foldText(query.trim());
+  if (!needle) return items;
+  return items.filter((item) => !item.hideWhileSearching && haystack(item).includes(needle));
+}
+function hasExactLabel(items, query) {
+  const needle = foldText(query.trim());
+  return items.some((item) => foldText(item.label.trim()) === needle);
+}
+function pickerSheetView(items, rawQuery, creatable) {
+  const query = rawQuery.trim();
+  const matches = filterPickerItems(items, query);
+  const canCreate = creatable && query.length > 0 && !hasExactLabel(items, query);
+  return { query, items: matches, canCreate, rowCount: matches.length + (canCreate ? 1 : 0) };
+}
+function stepActiveIndex(current, delta, rowCount) {
+  if (rowCount === 0) return -1;
+  if (current < 0) return delta > 0 ? 0 : rowCount - 1;
+  return (current + delta + rowCount) % rowCount;
+}
+
+export {
+  pickerSheetView,
+  stepActiveIndex
+};
+//# sourceMappingURL=chunk-QZOXMH7X.js.map

package/dist/chunk-QZOXMH7X.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/PickerSheet/picker-sheet-model.ts"],"sourcesContent":["import { foldText } from '../CategorySelect/category-tree';\nimport type { PickerSheetItem } from './PickerSheet.types';\n\n/** What the list shows for a query: the matching items, and whether a create row follows them. */\nexport interface PickerSheetView {\n  /** The trimmed query. */\n  query: string;\n  items: PickerSheetItem[];\n  /** True when the create row is offered as the last row. */\n  canCreate: boolean;\n  /** Rows the keyboard cursor walks: every matching item, plus the create row. */\n  rowCount: number;\n}\n\n/**\n * The text an item is matched on, folded: its label always, then its\n * `searchText` (or its meta line). The label is never left out, so a row whose\n * label IS the query is always on screen — the create row it suppresses would\n * otherwise leave the list empty.\n */\nfunction haystack(item: PickerSheetItem): string {\n  return foldText(`${item.label} ${item.searchText ?? item.meta ?? ''}`);\n}\n\n/**\n * Substring match, case and accents aside: \"acai\" finds \"Açaí\", as it does in\n * `CategorySelect` — a hurried phone keyboard drops the accent, and a search\n * that then finds nothing offers to create a duplicate. An empty query keeps\n * everything but nothing hides.\n */\nfunction filterPickerItems(items: PickerSheetItem[], query: string): PickerSheetItem[] {\n  const needle = foldText(query.trim());\n  if (!needle) return items;\n  return items.filter((item) => !item.hideWhileSearching && haystack(item).includes(needle));\n}\n\n/** True when some item's LABEL is the query, case and accents aside — creating it would duplicate it. */\nfunction hasExactLabel(items: PickerSheetItem[], query: string): boolean {\n  const needle = foldText(query.trim());\n  return items.some((item) => foldText(item.label.trim()) === needle);\n}\n\n/** The list for a query, and whether it ends in a create row. */\nexport function pickerSheetView(\n  items: PickerSheetItem[],\n  rawQuery: string,\n  creatable: boolean,\n): PickerSheetView {\n  const query = rawQuery.trim();\n  const matches = filterPickerItems(items, query);\n  const canCreate = creatable && query.length > 0 && !hasExactLabel(items, query);\n  return { query, items: matches, canCreate, rowCount: matches.length + (canCreate ? 1 : 0) };\n}\n\n/**\n * The keyboard cursor after an arrow key — the `Command` model: it wraps at\n * both ends, and from \"no row\" Down lands on the first row and Up on the last.\n */\nexport function stepActiveIndex(current: number, delta: 1 | -1, rowCount: number): number {\n  if (rowCount === 0) return -1;\n  if (current < 0) return delta > 0 ? 0 : rowCount - 1;\n  return (current + delta + rowCount) % rowCount;\n}\n"],"mappings":";;;;;AAoBA,SAAS,SAAS,MAA+B;AAC/C,SAAO,SAAS,GAAG,KAAK,KAAK,IAAI,KAAK,cAAc,KAAK,QAAQ,EAAE,EAAE;AACvE;AAQA,SAAS,kBAAkB,OAA0B,OAAkC;AACrF,QAAM,SAAS,SAAS,MAAM,KAAK,CAAC;AACpC,MAAI,CAAC,OAAQ,QAAO;AACpB,SAAO,MAAM,OAAO,CAAC,SAAS,CAAC,KAAK,sBAAsB,SAAS,IAAI,EAAE,SAAS,MAAM,CAAC;AAC3F;AAGA,SAAS,cAAc,OAA0B,OAAwB;AACvE,QAAM,SAAS,SAAS,MAAM,KAAK,CAAC;AACpC,SAAO,MAAM,KAAK,CAAC,SAAS,SAAS,KAAK,MAAM,KAAK,CAAC,MAAM,MAAM;AACpE;AAGO,SAAS,gBACd,OACA,UACA,WACiB;AACjB,QAAM,QAAQ,SAAS,KAAK;AAC5B,QAAM,UAAU,kBAAkB,OAAO,KAAK;AAC9C,QAAM,YAAY,aAAa,MAAM,SAAS,KAAK,CAAC,cAAc,OAAO,KAAK;AAC9E,SAAO,EAAE,OAAO,OAAO,SAAS,WAAW,UAAU,QAAQ,UAAU,YAAY,IAAI,GAAG;AAC5F;AAMO,SAAS,gBAAgB,SAAiB,OAAe,UAA0B;AACxF,MAAI,aAAa,EAAG,QAAO;AAC3B,MAAI,UAAU,EAAG,QAAO,QAAQ,IAAI,IAAI,WAAW;AACnD,UAAQ,UAAU,QAAQ,YAAY;AACxC;","names":[]}

package/dist/{chunk-GS5EPYB4.js → chunk-R52N5UCS.js}

@@ -1,6 +1,6 @@
 import {
   Chart
-} from "./chunk-5XFJCWPY.js";
+} from "./chunk-5357QUVE.js";
 import {
   CHART_SEMANTIC_COLORS,
   specToChartProps
@@ -46,4 +46,4 @@ var SpecChart = ({
 export {
   SpecChart
 };
-//# sourceMappingURL=chunk-GS5EPYB4.js.map
+//# sourceMappingURL=chunk-R52N5UCS.js.map

package/dist/{chunk-PUNSVPME.js → chunk-RDLZUV2L.js}

@@ -2,7 +2,7 @@ import {
   absoluteInk,
   controlNeutral,
   neutralTones
-} from "./chunk-SSX5ITPM.js";
+} from "./chunk-XJAD6E3V.js";
 import {
   rem
 } from "./chunk-YKCAJ2TN.js";
@@ -150,4 +150,4 @@ Blockquote.displayName = "Blockquote";
 export {
   Blockquote
 };
-//# sourceMappingURL=chunk-PUNSVPME.js.map
+//# sourceMappingURL=chunk-RDLZUV2L.js.map

package/dist/{chunk-TSHX4Q6M.js → chunk-REEV7CLC.js}

@@ -8,10 +8,10 @@ import {
 } from "./chunk-L7BRU4UF.js";
 import {
   Alert
-} from "./chunk-TP3XKS72.js";
+} from "./chunk-DQJFCVXW.js";
 import {
   Button
-} from "./chunk-W4O3BTD5.js";
+} from "./chunk-364NH2NY.js";
 
 // src/components/feedback/NotificationStatusNotice/NotificationStatusNotice.tsx
 import Box from "@mui/material/Box/index.js";
@@ -106,4 +106,4 @@ NotificationStatusNotice.displayName = "NotificationStatusNotice";
 export {
   NotificationStatusNotice
 };
-//# sourceMappingURL=chunk-TSHX4Q6M.js.map
+//# sourceMappingURL=chunk-REEV7CLC.js.map

package/dist/{chunk-KPCYYNQQ.js → chunk-RGR6YKK5.js}

@@ -1,9 +1,9 @@
 import {
   Stepper
-} from "./chunk-EK2345YX.js";
+} from "./chunk-KZXOIRUP.js";
 import {
   EmptyState
-} from "./chunk-HN3PZTUK.js";
+} from "./chunk-4MKVGSHX.js";
 
 // src/components/data-display/SectionOnboarding/SectionOnboarding.tsx
 import CheckCircle from "@mui/icons-material/CheckCircle";
@@ -193,4 +193,4 @@ export {
   SectionOnboarding,
   SectionOnboarding_default
 };
-//# sourceMappingURL=chunk-KPCYYNQQ.js.map
+//# sourceMappingURL=chunk-RGR6YKK5.js.map

package/dist/{chunk-PQYXHMED.js → chunk-RIAZPGHT.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-6KEXHOIF.js";
 import {
   SettingsSectionChips
-} from "./chunk-AG4MGJPQ.js";
+} from "./chunk-F3Q4CMRB.js";
 import {
   TOUCH_TARGET,
   atLeastRail,
@@ -167,4 +167,4 @@ function SettingsPanel({
 export {
   SettingsPanel
 };
-//# sourceMappingURL=chunk-PQYXHMED.js.map
+//# sourceMappingURL=chunk-RIAZPGHT.js.map

package/dist/{chunk-46ZATLQV.js → chunk-RNLLDK5L.js}

@@ -1,9 +1,9 @@
 import {
   SectionNavRail
-} from "./chunk-53ACGKBW.js";
+} from "./chunk-IZBQL4HZ.js";
 import {
   SectionNavBar
-} from "./chunk-VWW2EXH7.js";
+} from "./chunk-CJ7KAM3S.js";
 
 // src/components/navigation/SectionNav/SectionNav.tsx
 import { jsx } from "react/jsx-runtime";
@@ -52,4 +52,4 @@ function SectionNav({
 export {
   SectionNav
 };
-//# sourceMappingURL=chunk-46ZATLQV.js.map
+//# sourceMappingURL=chunk-RNLLDK5L.js.map