@12-apps/ui 6.63.0 → 6.64.0

package/dist/{chunk-X6WC5QBY.js → chunk-Y7YKIIYS.js}

@@ -4,13 +4,13 @@ import {
 } from "./chunk-QLJU7UUI.js";
 import {
   MoreFilters
-} from "./chunk-VE7QYG3W.js";
+} from "./chunk-ERA3AEWU.js";
 import {
   PillControl
-} from "./chunk-GWUJIO6Z.js";
+} from "./chunk-RQF4NXDC.js";
 import {
   RangePill
-} from "./chunk-5WJFCQFN.js";
+} from "./chunk-647DEGIU.js";
 import {
   CollapsedSearch,
   InlineKeyword
@@ -220,4 +220,4 @@ function FilterSlots({
 export {
   InlineFilterControls
 };
-//# sourceMappingURL=chunk-X6WC5QBY.js.map
+//# sourceMappingURL=chunk-Y7YKIIYS.js.map

package/dist/{chunk-7X2B76RW.js → chunk-YBAK2WN5.js}

@@ -4,7 +4,7 @@ import {
   getAnchorOrigin,
   getTransformOrigin,
   sideOf
-} from "./chunk-S7AFG6R2.js";
+} from "./chunk-ABF64CAQ.js";
 import {
   useHoverCard
 } from "./chunk-Z3USLQQT.js";
@@ -191,4 +191,4 @@ HoverCard.displayName = "HoverCard";
 export {
   HoverCard
 };
-//# sourceMappingURL=chunk-7X2B76RW.js.map
+//# sourceMappingURL=chunk-YBAK2WN5.js.map

package/dist/{chunk-KYFRZX5C.js → chunk-YKKHNYEW.js}

@@ -9,14 +9,14 @@ import {
 } from "./chunk-KHG57NAE.js";
 import {
   Switch
-} from "./chunk-KKWCAZM6.js";
+} from "./chunk-EIMFA7KP.js";
 import {
   Input
-} from "./chunk-73I53SCM.js";
+} from "./chunk-2ZHF5VE4.js";
 import {
   Dialog,
   DialogContent
-} from "./chunk-ILQVNZ5B.js";
+} from "./chunk-GMJBWOIU.js";
 import {
   default as default2
 } from "./chunk-6DPAWXZ3.js";
@@ -25,7 +25,7 @@ import {
 } from "./chunk-WEBEOBN5.js";
 import {
   Button
-} from "./chunk-W4O3BTD5.js";
+} from "./chunk-364NH2NY.js";
 import {
   Text
 } from "./chunk-AJBRO76D.js";
@@ -268,4 +268,4 @@ function SaveViewModal({
 export {
   SaveViewModal
 };
-//# sourceMappingURL=chunk-KYFRZX5C.js.map
+//# sourceMappingURL=chunk-YKKHNYEW.js.map

package/dist/{chunk-64BEEFLJ.js → chunk-YLBZ3SKU.js}

@@ -1,22 +1,22 @@
 import {
   GridMain
-} from "./chunk-HM6T6EQR.js";
+} from "./chunk-GVEWFA3Z.js";
 import {
   FilterDialog,
   GridFilterPanel
-} from "./chunk-EP674QTM.js";
+} from "./chunk-TKLPPAS5.js";
 import {
   DataViewsEmpty
-} from "./chunk-GOIFPE2E.js";
+} from "./chunk-375HTCF2.js";
 import {
   InlineFilterControls
-} from "./chunk-X6WC5QBY.js";
+} from "./chunk-Y7YKIIYS.js";
 import {
   GridHeaderRow
 } from "./chunk-X3AFXHY5.js";
 import {
   DataViewsPagination
-} from "./chunk-K6WY2CHG.js";
+} from "./chunk-XZFTRGRW.js";
 import {
   toOverflowFields,
   useFilterOverflow
@@ -27,17 +27,17 @@ import {
 } from "./chunk-5YDS6HO3.js";
 import {
   ScopeTabsSlot
-} from "./chunk-5JWCNQSI.js";
+} from "./chunk-E2VVEXEX.js";
 import {
   ShellToolbar
-} from "./chunk-WM44LYFN.js";
+} from "./chunk-T3SZYWWN.js";
 import {
   togglePillValues
-} from "./chunk-LCVBED7G.js";
+} from "./chunk-XZE5FIRB.js";
 import {
   DataViewsLayoutProvider,
   useDataViewsLayout
-} from "./chunk-MUIBNHJW.js";
+} from "./chunk-MO52X5WW.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -240,4 +240,4 @@ function GridShell(props) {
 export {
   GridShell
 };
-//# sourceMappingURL=chunk-64BEEFLJ.js.map
+//# sourceMappingURL=chunk-YLBZ3SKU.js.map

package/dist/{chunk-EBSA4EYR.js → chunk-YLSSQJZM.js}

@@ -1,9 +1,9 @@
 import {
   PillControl
-} from "./chunk-GWUJIO6Z.js";
+} from "./chunk-RQF4NXDC.js";
 import {
   RangeBounds
-} from "./chunk-5WJFCQFN.js";
+} from "./chunk-647DEGIU.js";
 import {
   isRangeSet
 } from "./chunk-GCZJH4XL.js";
@@ -199,4 +199,4 @@ export {
   fieldClearing,
   MoreGroup
 };
-//# sourceMappingURL=chunk-EBSA4EYR.js.map
+//# sourceMappingURL=chunk-YLSSQJZM.js.map

package/dist/{chunk-RG3GJTSK.js → chunk-YOEZTW4T.js}

@@ -1,9 +1,9 @@
 import {
   DeleteViewDialog
-} from "./chunk-YWIVVKCJ.js";
+} from "./chunk-ZEVFMQAQ.js";
 import {
   DataViewsGrid
-} from "./chunk-F5LDJ52M.js";
+} from "./chunk-GGG6TDET.js";
 import {
   viewStateKey
 } from "./chunk-ZOLAYP2D.js";
@@ -14,7 +14,7 @@ import {
 import {
   ViewDialogs,
   ViewMutationErrorAlert
-} from "./chunk-PSYX2KEQ.js";
+} from "./chunk-TAUCPCNN.js";
 import {
   useSavedViewsController
 } from "./chunk-HR7YTBR7.js";
@@ -166,4 +166,4 @@ function renderViewDialogs(ctl, fields, columns, views, testIdPrefix, onSaved) {
 export {
   DataViewsTableBase
 };
-//# sourceMappingURL=chunk-RG3GJTSK.js.map
+//# sourceMappingURL=chunk-YOEZTW4T.js.map

package/dist/{chunk-7QTZJ2HY.js → chunk-YPAH2NWN.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-4XK6JQ4D.js";
 import {
   CategorySelect
-} from "./chunk-3WIA25YQ.js";
+} from "./chunk-65NYUQXD.js";
 
 // src/components/form/total-form/Fields/CategoryField.tsx
 import { jsx } from "react/jsx-runtime";
@@ -38,4 +38,4 @@ function CategoryField({
 export {
   CategoryField
 };
-//# sourceMappingURL=chunk-7QTZJ2HY.js.map
+//# sourceMappingURL=chunk-YPAH2NWN.js.map

package/dist/{chunk-7OXRN4UQ.js → chunk-YTDUIU7X.js}

@@ -4,7 +4,7 @@ import {
   radioCardSx,
   segmentButtonSx,
   segmentContainerSx
-} from "./chunk-LZSR3FJX.js";
+} from "./chunk-75FHDUJW.js";
 import {
   muiSize
 } from "./chunk-7ZPUN7TV.js";
@@ -249,4 +249,4 @@ export {
   SegmentRadios,
   GroupLabel
 };
-//# sourceMappingURL=chunk-7OXRN4UQ.js.map
+//# sourceMappingURL=chunk-YTDUIU7X.js.map

package/dist/{chunk-VFXTHDF3.js → chunk-YULI2EBC.js}

@@ -9,7 +9,7 @@ import {
   onMedia,
   shadowInk,
   uiInk
-} from "./chunk-SSX5ITPM.js";
+} from "./chunk-XJAD6E3V.js";
 import {
   rem,
   rems,
@@ -313,4 +313,4 @@ var renderMenuItem = (item, variant = "vertical", size = "md", collapsed = false
 export {
   renderMenuItem
 };
-//# sourceMappingURL=chunk-VFXTHDF3.js.map
+//# sourceMappingURL=chunk-YULI2EBC.js.map

package/dist/{chunk-E2WNRYKA.js → chunk-Z2J4MRTF.js}

@@ -1,6 +1,6 @@
 import {
   useCodeEditor
-} from "./chunk-AHBNB54V.js";
+} from "./chunk-OXXIGHZK.js";
 import {
   makeTestId,
   resolveCodeEditorProps
@@ -178,4 +178,4 @@ var CodeEditor = (componentProps) => {
 export {
   CodeEditor
 };
-//# sourceMappingURL=chunk-E2WNRYKA.js.map
+//# sourceMappingURL=chunk-Z2J4MRTF.js.map

package/dist/chunk-Z3DEMZ5J.js

@@ -0,0 +1,155 @@
+import {
+  checkSx,
+  closeButtonSx,
+  createLabelSx,
+  emptySx,
+  headSx,
+  kickerSx,
+  listSx,
+  rowLabelSx,
+  rowMetaSx,
+  rowPaddingLeft,
+  rowSx,
+  rowTextSx,
+  searchFieldSx,
+  titleSx
+} from "./chunk-RLTCU57K.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-Z3DEMZ5J.js.map

package/dist/chunk-Z3DEMZ5J.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-MLCY7TSO.js → chunk-ZAPP32GD.js}

@@ -1,6 +1,6 @@
 import {
   Skeleton
-} from "./chunk-H4NS5MMP.js";
+} from "./chunk-3DPPDGOF.js";
 import {
   rem,
   sxRem
@@ -205,4 +205,4 @@ export {
   StatCard,
   StatCard_default
 };
-//# sourceMappingURL=chunk-MLCY7TSO.js.map
+//# sourceMappingURL=chunk-ZAPP32GD.js.map

package/dist/{chunk-KRS2TOYN.js → chunk-ZBOGZLX3.js}

@@ -4,7 +4,7 @@ import {
   bannerPointerStates,
   fadeInSlide,
   getVariantColor
-} from "./chunk-LV24GROJ.js";
+} from "./chunk-44AXT2SN.js";
 import {
   FOCUS
 } from "./chunk-3LHZCVGM.js";
@@ -263,4 +263,4 @@ Banner.displayName = "Banner";
 export {
   Banner
 };
-//# sourceMappingURL=chunk-KRS2TOYN.js.map
+//# sourceMappingURL=chunk-ZBOGZLX3.js.map

package/dist/{chunk-YWIVVKCJ.js → chunk-ZEVFMQAQ.js}

@@ -4,13 +4,13 @@ import {
 import {
   Dialog,
   DialogContent
-} from "./chunk-ILQVNZ5B.js";
+} from "./chunk-GMJBWOIU.js";
 import {
   default as default2
 } from "./chunk-WEBEOBN5.js";
 import {
   Button
-} from "./chunk-W4O3BTD5.js";
+} from "./chunk-364NH2NY.js";
 import {
   Text
 } from "./chunk-AJBRO76D.js";
@@ -69,4 +69,4 @@ function DeleteViewDialog({
 export {
   DeleteViewDialog
 };
-//# sourceMappingURL=chunk-YWIVVKCJ.js.map
+//# sourceMappingURL=chunk-ZEVFMQAQ.js.map

package/dist/{chunk-4UK3SCHE.js → chunk-ZFBFQK2Y.js}

@@ -1,6 +1,6 @@
 import {
   SonnerToast
-} from "./chunk-ONRMGUCX.js";
+} from "./chunk-OHXAJUO5.js";
 import {
   rem,
   sxRem
@@ -228,4 +228,4 @@ export {
   toast,
   Toaster
 };
-//# sourceMappingURL=chunk-4UK3SCHE.js.map
+//# sourceMappingURL=chunk-ZFBFQK2Y.js.map

package/dist/{chunk-TWWA7QPA.js → chunk-ZIHSCBMN.js}

@@ -1,30 +1,30 @@
 import {
   resolveLightboxProps
 } from "./chunk-UOS7DEQZ.js";
-import {
-  LightboxThumbnails
-} from "./chunk-HMXBBWIO.js";
 import {
   LightboxStage
-} from "./chunk-CUZGBE3L.js";
+} from "./chunk-SYGM4SHY.js";
 import {
   LightboxOverlay
-} from "./chunk-N6GBJGKW.js";
+} from "./chunk-WLLUARTC.js";
 import {
   LightboxCurrentMedia
 } from "./chunk-RBGUS7WO.js";
 import {
   useLightbox
-} from "./chunk-ZMZUBLG3.js";
+} from "./chunk-HZBDTPPV.js";
+import {
+  LightboxThumbnails
+} from "./chunk-64UNVW6D.js";
 import {
   makeTestId
-} from "./chunk-NAQ2PIV5.js";
+} from "./chunk-VQU3CBAL.js";
 import {
   LightboxCopyProvider
 } from "./chunk-TEQYTEM2.js";
 import {
   scrim
-} from "./chunk-SSX5ITPM.js";
+} from "./chunk-XJAD6E3V.js";
 import {
   rem,
   sxRem
@@ -148,4 +148,4 @@ export {
   Lightbox,
   Lightbox_default
 };
-//# sourceMappingURL=chunk-TWWA7QPA.js.map
+//# sourceMappingURL=chunk-ZIHSCBMN.js.map

package/dist/{chunk-H6XOWGQV.js → chunk-ZNCYCE7L.js}

@@ -1,6 +1,6 @@
 import {
   getSizeStyles
-} from "./chunk-OEMZFRLF.js";
+} from "./chunk-2L3VRVRE.js";
 import {
   BADGE_CONTENT_GAP,
   BADGE_SIZES
@@ -94,4 +94,4 @@ var buildBadgeContent = ({
 export {
   buildBadgeContent
 };
-//# sourceMappingURL=chunk-H6XOWGQV.js.map
+//# sourceMappingURL=chunk-ZNCYCE7L.js.map

package/dist/{chunk-72BVL6VF.js → chunk-ZQ6X4IOY.js}

@@ -1,6 +1,6 @@
 import {
   shadowInk
-} from "./chunk-SSX5ITPM.js";
+} from "./chunk-XJAD6E3V.js";
 import {
   rem,
   rems
@@ -134,4 +134,4 @@ Popover.displayName = "Popover";
 export {
   Popover
 };
-//# sourceMappingURL=chunk-72BVL6VF.js.map
+//# sourceMappingURL=chunk-ZQ6X4IOY.js.map

package/dist/chunk-ZQRNCUBB.js

@@ -0,0 +1,78 @@
+import {
+  pickerSheetView,
+  stepActiveIndex
+} from "./chunk-QZOXMH7X.js";
+
+// src/components/form/PickerSheet/usePickerSheet.ts
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+function useSheetScroll(open, activeIndex, listRef) {
+  useEffect(() => {
+    if (!open) return void 0;
+    const frame = requestAnimationFrame(() => {
+      listRef.current?.querySelector('[aria-selected="true"]')?.scrollIntoView?.({ block: "nearest" });
+    });
+    return () => cancelAnimationFrame(frame);
+  }, [open, listRef]);
+  useEffect(() => {
+    if (activeIndex < 0) return;
+    const rows = listRef.current?.querySelectorAll('[role="option"]');
+    rows?.[activeIndex]?.scrollIntoView?.({ block: "nearest" });
+  }, [activeIndex, listRef]);
+}
+function usePickerSheet({ open, items, onPick, onCreate, createLabel }) {
+  const [query, setRawQuery] = useState("");
+  const [rawActiveIndex, setActiveIndex] = useState(-1);
+  const [cursorShown, setCursorShown] = useState(false);
+  const searchInputRef = useRef(null);
+  const listRef = useRef(null);
+  const [wasOpen, setWasOpen] = useState(open);
+  if (open !== wasOpen) {
+    setWasOpen(open);
+    if (open) {
+      setRawQuery("");
+      setActiveIndex(-1);
+      setCursorShown(false);
+    }
+  }
+  const creatable = Boolean(onCreate && createLabel);
+  const view = useMemo(() => pickerSheetView(items, query, creatable), [items, query, creatable]);
+  const activeIndex = rawActiveIndex < view.rowCount ? rawActiveIndex : -1;
+  useSheetScroll(open, activeIndex, listRef);
+  const setQuery = useCallback((next) => {
+    setRawQuery(next);
+    setActiveIndex(next.trim() ? 0 : -1);
+  }, []);
+  const choose = useCallback(
+    (index) => {
+      const item = view.items[index];
+      if (item) {
+        onPick(item.id);
+        return;
+      }
+      if (view.canCreate && index === view.items.length) onCreate?.(view.query);
+    },
+    [view, onPick, onCreate]
+  );
+  const onSearchKeyDown = useCallback(
+    (event) => {
+      if (event.key === "ArrowDown" || event.key === "ArrowUp") {
+        event.preventDefault();
+        const delta = event.key === "ArrowDown" ? 1 : -1;
+        setActiveIndex(stepActiveIndex(activeIndex, delta, view.rowCount));
+        setCursorShown(true);
+        return;
+      }
+      if (event.key === "Enter" && activeIndex >= 0) {
+        event.preventDefault();
+        choose(activeIndex);
+      }
+    },
+    [view.rowCount, activeIndex, choose]
+  );
+  return { query, view, activeIndex, cursorShown, searchInputRef, listRef, setQuery, choose, onSearchKeyDown };
+}
+
+export {
+  usePickerSheet
+};
+//# sourceMappingURL=chunk-ZQRNCUBB.js.map

package/dist/chunk-ZQRNCUBB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/PickerSheet/usePickerSheet.ts"],"sourcesContent":["'use client';\n\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { pickerSheetView, stepActiveIndex, type PickerSheetView } from './picker-sheet-model';\nimport type { PickerSheetProps } from './PickerSheet.types';\n\n/** Everything the sheet's parts read: the query, the derived list, the cursor and the handlers. */\ninterface PickerSheetState {\n  query: string;\n  view: PickerSheetView;\n  /** The keyboard cursor, an index into `view` (items, then the create row); -1 for none. Always a row that exists. */\n  activeIndex: number;\n  /** Draw the cursor: only once an arrow key has moved it, never from typing alone. */\n  cursorShown: boolean;\n  searchInputRef: React.RefObject<HTMLInputElement | null>;\n  listRef: React.RefObject<HTMLUListElement | null>;\n  setQuery: (next: string) => void;\n  /** Pick the row at `index` — an item, or the create row when it is the last one. */\n  choose: (index: number) => void;\n  onSearchKeyDown: (event: React.KeyboardEvent) => void;\n}\n\ntype HookProps = Pick<PickerSheetProps, 'open' | 'items' | 'onPick' | 'onCreate' | 'createLabel'>;\n\n/**\n * Bring the selected row into view on open, and keep the keyboard cursor in view.\n *\n * Nothing inside is focused on open — the modal focuses its own paper. Focusing\n * the search box raised a phone's keyboard over the list it was opened to show.\n * Deferred a frame: the surface mounts its content in the same commit as this\n * effect.\n */\nfunction useSheetScroll(\n  open: boolean,\n  activeIndex: number,\n  listRef: React.RefObject<HTMLUListElement | null>,\n): void {\n  useEffect(() => {\n    if (!open) return undefined;\n    const frame = requestAnimationFrame(() => {\n      listRef.current?.querySelector('[aria-selected=\"true\"]')?.scrollIntoView?.({ block: 'nearest' });\n    });\n    return () => cancelAnimationFrame(frame);\n  }, [open, listRef]);\n\n  useEffect(() => {\n    if (activeIndex < 0) return;\n    const rows = listRef.current?.querySelectorAll('[role=\"option\"]');\n    rows?.[activeIndex]?.scrollIntoView?.({ block: 'nearest' });\n  }, [activeIndex, listRef]);\n}\n\n/**\n * The sheet's state. The query resets every time the sheet opens; typing puts\n * the cursor on the first match, so \"type, then Enter\" picks it (or creates,\n * when the create row is all there is).\n */\nexport function usePickerSheet({ open, items, onPick, onCreate, createLabel }: HookProps): PickerSheetState {\n  const [query, setRawQuery] = useState('');\n  const [rawActiveIndex, setActiveIndex] = useState(-1);\n  const [cursorShown, setCursorShown] = useState(false);\n  const searchInputRef = useRef<HTMLInputElement | null>(null);\n  const listRef = useRef<HTMLUListElement | null>(null);\n\n  // Reset while rendering the frame that opens the sheet, not in an effect\n  // after it — an effect would paint the last session's query for one frame.\n  const [wasOpen, setWasOpen] = useState(open);\n  if (open !== wasOpen) {\n    setWasOpen(open);\n    if (open) {\n      setRawQuery('');\n      setActiveIndex(-1);\n      setCursorShown(false);\n    }\n  }\n\n  const creatable = Boolean(onCreate && createLabel);\n  const view = useMemo(() => pickerSheetView(items, query, creatable), [items, query, creatable]);\n  // Clamped on read: the rows can shrink under the cursor (a query, new items),\n  // and `aria-activedescendant` must never name a row that is not there.\n  const activeIndex = rawActiveIndex < view.rowCount ? rawActiveIndex : -1;\n\n  useSheetScroll(open, activeIndex, listRef);\n\n  const setQuery = useCallback((next: string) => {\n    setRawQuery(next);\n    setActiveIndex(next.trim() ? 0 : -1);\n  }, []);\n\n  const choose = useCallback(\n    (index: number) => {\n      const item = view.items[index];\n      if (item) {\n        onPick(item.id);\n        return;\n      }\n      if (view.canCreate && index === view.items.length) onCreate?.(view.query);\n    },\n    [view, onPick, onCreate],\n  );\n\n  const onSearchKeyDown = useCallback(\n    (event: React.KeyboardEvent) => {\n      if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {\n        event.preventDefault();\n        const delta = event.key === 'ArrowDown' ? 1 : -1;\n        setActiveIndex(stepActiveIndex(activeIndex, delta, view.rowCount));\n        setCursorShown(true);\n        return;\n      }\n      if (event.key === 'Enter' && activeIndex >= 0) {\n        event.preventDefault();\n        choose(activeIndex);\n      }\n      // Escape is the modal's: it closes through `onClose`, once.\n    },\n    [view.rowCount, activeIndex, choose],\n  );\n\n  return { query, view, activeIndex, cursorShown, searchInputRef, listRef, setQuery, choose, onSearchKeyDown };\n}\n"],"mappings":";;;;;;AAEA,SAAS,aAAa,WAAW,SAAS,QAAQ,gBAAgB;AA+BlE,SAAS,eACP,MACA,aACA,SACM;AACN,YAAU,MAAM;AACd,QAAI,CAAC,KAAM,QAAO;AAClB,UAAM,QAAQ,sBAAsB,MAAM;AACxC,cAAQ,SAAS,cAAc,wBAAwB,GAAG,iBAAiB,EAAE,OAAO,UAAU,CAAC;AAAA,IACjG,CAAC;AACD,WAAO,MAAM,qBAAqB,KAAK;AAAA,EACzC,GAAG,CAAC,MAAM,OAAO,CAAC;AAElB,YAAU,MAAM;AACd,QAAI,cAAc,EAAG;AACrB,UAAM,OAAO,QAAQ,SAAS,iBAAiB,iBAAiB;AAChE,WAAO,WAAW,GAAG,iBAAiB,EAAE,OAAO,UAAU,CAAC;AAAA,EAC5D,GAAG,CAAC,aAAa,OAAO,CAAC;AAC3B;AAOO,SAAS,eAAe,EAAE,MAAM,OAAO,QAAQ,UAAU,YAAY,GAAgC;AAC1G,QAAM,CAAC,OAAO,WAAW,IAAI,SAAS,EAAE;AACxC,QAAM,CAAC,gBAAgB,cAAc,IAAI,SAAS,EAAE;AACpD,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,KAAK;AACpD,QAAM,iBAAiB,OAAgC,IAAI;AAC3D,QAAM,UAAU,OAAgC,IAAI;AAIpD,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,IAAI;AAC3C,MAAI,SAAS,SAAS;AACpB,eAAW,IAAI;AACf,QAAI,MAAM;AACR,kBAAY,EAAE;AACd,qBAAe,EAAE;AACjB,qBAAe,KAAK;AAAA,IACtB;AAAA,EACF;AAEA,QAAM,YAAY,QAAQ,YAAY,WAAW;AACjD,QAAM,OAAO,QAAQ,MAAM,gBAAgB,OAAO,OAAO,SAAS,GAAG,CAAC,OAAO,OAAO,SAAS,CAAC;AAG9F,QAAM,cAAc,iBAAiB,KAAK,WAAW,iBAAiB;AAEtE,iBAAe,MAAM,aAAa,OAAO;AAEzC,QAAM,WAAW,YAAY,CAAC,SAAiB;AAC7C,gBAAY,IAAI;AAChB,mBAAe,KAAK,KAAK,IAAI,IAAI,EAAE;AAAA,EACrC,GAAG,CAAC,CAAC;AAEL,QAAM,SAAS;AAAA,IACb,CAAC,UAAkB;AACjB,YAAM,OAAO,KAAK,MAAM,KAAK;AAC7B,UAAI,MAAM;AACR,eAAO,KAAK,EAAE;AACd;AAAA,MACF;AACA,UAAI,KAAK,aAAa,UAAU,KAAK,MAAM,OAAQ,YAAW,KAAK,KAAK;AAAA,IAC1E;AAAA,IACA,CAAC,MAAM,QAAQ,QAAQ;AAAA,EACzB;AAEA,QAAM,kBAAkB;AAAA,IACtB,CAAC,UAA+B;AAC9B,UAAI,MAAM,QAAQ,eAAe,MAAM,QAAQ,WAAW;AACxD,cAAM,eAAe;AACrB,cAAM,QAAQ,MAAM,QAAQ,cAAc,IAAI;AAC9C,uBAAe,gBAAgB,aAAa,OAAO,KAAK,QAAQ,CAAC;AACjE,uBAAe,IAAI;AACnB;AAAA,MACF;AACA,UAAI,MAAM,QAAQ,WAAW,eAAe,GAAG;AAC7C,cAAM,eAAe;AACrB,eAAO,WAAW;AAAA,MACpB;AAAA,IAEF;AAAA,IACA,CAAC,KAAK,UAAU,aAAa,MAAM;AAAA,EACrC;AAEA,SAAO,EAAE,OAAO,MAAM,aAAa,aAAa,gBAAgB,SAAS,UAAU,QAAQ,gBAAgB;AAC7G;","names":[]}