@12-apps/ui 6.46.1 → 6.47.0

package/dist/chunk-EISPWFYO.js

@@ -0,0 +1,146 @@
+import {
+  SelectFieldControl,
+  formControlSize
+} from "./chunk-PQS3IPMD.js";
+import {
+  SEARCHABLE_MIN_OPTIONS,
+  SELECT_SEARCH
+} from "./chunk-IYC7NPX7.js";
+import {
+  splitTestId
+} from "./chunk-TYJR4GOF.js";
+import {
+  asFieldSize
+} from "./chunk-M47ZOUGF.js";
+import {
+  rem
+} from "./chunk-YKCAJ2TN.js";
+import {
+  stackedOverlayZIndex
+} from "./chunk-MFU4Y25U.js";
+
+// src/components/form/Select/Select.searchable.tsx
+import Autocomplete from "@mui/material/Autocomplete/index.js";
+import { useTheme } from "@mui/material/styles/index.js";
+import TextField from "@mui/material/TextField/index.js";
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+function shouldSearch(props) {
+  if (props.multiple || props.renderValue) return false;
+  if (props.searchable !== void 0) return props.searchable;
+  return props.options.length >= SEARCHABLE_MIN_OPTIONS;
+}
+function selectChange(value, name) {
+  return { target: { value, name: name ?? "" } };
+}
+function renderOption(props, option, optionTestId) {
+  const { key, ...rest } = props;
+  return /* @__PURE__ */ jsx("li", { ...rest, "data-testid": optionTestId(option.value), children: option.label }, key ?? option.value);
+}
+function renderField({ params, field, ariaLabel, disabled, triggerTestId }) {
+  return /* @__PURE__ */ jsx(
+    TextField,
+    {
+      ...params,
+      label: field.label,
+      placeholder: field.placeholder,
+      helperText: field.helperText,
+      error: field.error,
+      name: field.name,
+      required: field.required,
+      autoFocus: field.autoFocus,
+      onBlur: field.onBlur,
+      onFocus: field.onFocus,
+      slotProps: field.placeholder ? { inputLabel: { shrink: true } } : void 0,
+      inputProps: {
+        ...params.inputProps,
+        "aria-label": ariaLabel,
+        // The menu's display div carried `aria-disabled`; the input keeps it.
+        "aria-disabled": disabled ? true : void 0,
+        "data-testid": triggerTestId
+      }
+    }
+  );
+}
+function useSelectedOption(options, value, defaultValue) {
+  const [own, setOwn] = React.useState(defaultValue ?? "");
+  const current = value === void 0 ? own : value;
+  const match = options.find((option) => String(option.value) === String(current ?? "")) ?? null;
+  const key = match === null ? null : `${String(match.value)}\0${match.label}\0${match.disabled === true}`;
+  const stable = React.useMemo(() => match, [key]);
+  return [stable, (next) => setOwn(next.value)];
+}
+function intrinsicWidth(theme, options, fullWidth) {
+  if (fullWidth) return void 0;
+  const longest = options.reduce((max, option) => Math.max(max, option.label.length), 0);
+  return { minWidth: `calc(${longest}ch + ${rem(theme, SELECT_SEARCH.fieldChrome)})` };
+}
+var SearchableSelect = React.forwardRef((props, ref) => {
+  const { variant, options, fullWidth = true, size, error, glow, pulse, value, defaultValue } = props;
+  const { onChange, disabled, name, noOptionsText, sx, className, style, id } = props;
+  const { testId: dataTestId } = splitTestId(props);
+  const [selected, setOwn] = useSelectedOption(options, value, defaultValue);
+  const theme = useTheme();
+  const optionTestId = (optionValue) => dataTestId ? `${dataTestId}-option-${optionValue}` : `option-${optionValue}`;
+  return /* @__PURE__ */ jsx(
+    SelectFieldControl,
+    {
+      fullWidth,
+      size: formControlSize(size),
+      error,
+      customVariant: variant,
+      fieldSize: asFieldSize(size),
+      glow,
+      pulse,
+      ref,
+      sx,
+      className,
+      style: { ...intrinsicWidth(theme, options, fullWidth), ...style },
+      "data-testid": dataTestId,
+      children: /* @__PURE__ */ jsx(
+        Autocomplete,
+        {
+          id,
+          value: selected,
+          options,
+          disabled,
+          disableClearable: true,
+          autoHighlight: true,
+          handleHomeEndKeys: true,
+          size: formControlSize(size),
+          noOptionsText: noOptionsText ?? null,
+          getOptionLabel: (option) => option.label,
+          getOptionKey: (option) => String(option.value),
+          getOptionDisabled: (option) => option.disabled === true,
+          isOptionEqualToValue: (option, current) => String(option.value) === String(current.value),
+          onChange: (_event, next) => {
+            setOwn(next);
+            onChange?.(selectChange(next.value, name), null);
+          },
+          renderOption: (optionProps, option) => renderOption(optionProps, option, optionTestId),
+          slotProps: {
+            // Above stacked sheets and dialogs, as `CreatableSelect` does.
+            popper: { sx: { zIndex: stackedOverlayZIndex } },
+            // THE bounded height: MUI's own default is 40vh, which on a tall
+            // screen is the whole page again.
+            listbox: { sx: (theme2) => ({ maxHeight: rem(theme2, SELECT_SEARCH.listMaxHeight) }) }
+          },
+          renderInput: (params) => renderField({
+            params,
+            field: props,
+            ariaLabel: props["aria-label"],
+            disabled,
+            triggerTestId: dataTestId ? `${dataTestId}-select` : "select"
+          })
+        }
+      )
+    }
+  );
+});
+SearchableSelect.displayName = "SearchableSelect";
+
+export {
+  shouldSearch,
+  SearchableSelect
+};
+//# sourceMappingURL=chunk-EISPWFYO.js.map

package/dist/chunk-EISPWFYO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/Select/Select.searchable.tsx"],"sourcesContent":["import Autocomplete from '@mui/material/Autocomplete/index.js';\nimport type { AutocompleteRenderInputParams } from '@mui/material/Autocomplete/index.js';\nimport type { SelectChangeEvent } from '@mui/material/Select/index.js';\nimport { useTheme } from '@mui/material/styles/index.js';\nimport type { Theme } from '@mui/material/styles/index.js';\nimport TextField from '@mui/material/TextField/index.js';\nimport React from 'react';\n\nimport { SEARCHABLE_MIN_OPTIONS, SELECT_SEARCH } from './Select.metrics';\nimport { formControlSize, SelectFieldControl } from './Select.styles';\nimport type { SelectOption, SelectProps } from './Select.types';\n\nimport { splitTestId } from '../../../platform/test-id';\nimport { asFieldSize } from '../../../tokens/field-height';\nimport { stackedOverlayZIndex } from '../../../tokens/layers';\nimport { rem } from '../../../tokens/relative';\n\n/**\n * THE SELECT, PAST FIVE OPTIONS: a search box over a list of bounded height.\n *\n * Same engine as `CreatableSelect` — MUI `Autocomplete` — so every searchable\n * dropdown in the library types, filters and scrolls the same way. What it\n * keeps from `Select` is the whole CONTRACT, so a call site cannot tell which\n * one it got until it opens it:\n *\n * - the field chrome ({@link SelectFieldControl}: variant, size, glow, pulse);\n * - the floating label, placeholder, helper text and error;\n * - `onChange(event)` with `event.target.value` — the option's value, a number\n *   staying a number, exactly what MUI's `Select` hands its handlers;\n * - disabled options, and the `-select` / `-option-<value>` test ids.\n *\n * It cannot be cleared (a `Select` has no \"none\" either — its placeholder is\n * disabled), and it never accepts text that is not an option.\n */\n\n/** Whether `props` should render as a search box. */\nexport function shouldSearch(props: SelectProps): boolean {\n  if (props.multiple || props.renderValue) return false;\n  if (props.searchable !== undefined) return props.searchable;\n  return props.options.length >= SEARCHABLE_MIN_OPTIONS;\n}\n\n/**\n * The change MUI's `Select` would have emitted: handlers read\n * `event.target.value` (and sometimes `.name`), so that is what they get.\n */\nfunction selectChange(value: SelectOption['value'], name: string | undefined): SelectChangeEvent<unknown> {\n  return { target: { value, name: name ?? '' } } as unknown as SelectChangeEvent<unknown>;\n}\n\nfunction renderOption(\n  props: React.HTMLAttributes<HTMLLIElement>,\n  option: SelectOption,\n  optionTestId: (value: SelectOption['value']) => string,\n): React.JSX.Element {\n  const { key, ...rest } = props as typeof props & { key?: React.Key };\n  return (\n    <li key={key ?? option.value} {...rest} data-testid={optionTestId(option.value)}>\n      {option.label}\n    </li>\n  );\n}\n\ninterface FieldProps {\n  params: AutocompleteRenderInputParams;\n  field: Pick<SelectProps, 'label' | 'placeholder' | 'helperText' | 'error' | 'name' | 'required' | 'autoFocus' | 'onBlur' | 'onFocus'>;\n  ariaLabel: string | undefined;\n  disabled: boolean | undefined;\n  triggerTestId: string;\n}\n\nfunction renderField({ params, field, ariaLabel, disabled, triggerTestId }: FieldProps): React.JSX.Element {\n  return (\n    <TextField\n      {...params}\n      label={field.label}\n      placeholder={field.placeholder}\n      helperText={field.helperText}\n      error={field.error}\n      name={field.name}\n      required={field.required}\n      autoFocus={field.autoFocus}\n      onBlur={field.onBlur as React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined}\n      onFocus={field.onFocus as React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined}\n      // The menu drew its placeholder under a shrunk label (`displayEmpty`);\n      // a floating label left down would hide it until focus.\n      slotProps={field.placeholder ? { inputLabel: { shrink: true } } : undefined}\n      inputProps={{\n        ...params.inputProps,\n        'aria-label': ariaLabel,\n        // The menu's display div carried `aria-disabled`; the input keeps it.\n        'aria-disabled': disabled ? true : undefined,\n        'data-testid': triggerTestId,\n      }}\n    />\n  );\n}\n\n/**\n * The option the field shows, KEPT STABLE while it is the same one.\n *\n * Consumers build `options` inline (`xs.map(...)`), so a fresh `find` returns a\n * new object on every parent render, which MUI reads as a changed value and\n * answers by resetting the typed text — a refetch mid-search wiped the query.\n * Uncontrolled use (`defaultValue`, no `value`) keeps its own state, as MUI's\n * Select did.\n */\nfunction useSelectedOption(\n  options: SelectOption[],\n  value: unknown,\n  defaultValue: unknown,\n): [SelectOption | null, (next: SelectOption) => void] {\n  const [own, setOwn] = React.useState<unknown>(defaultValue ?? '');\n  const current = value === undefined ? own : value;\n  const match = options.find((option) => String(option.value) === String(current ?? '')) ?? null;\n  const key = match === null ? null : `${String(match.value)}\\u0000${match.label}\\u0000${match.disabled === true}`;\n  // Keyed on the option's identity, not the object `find` just returned.\n  const stable = React.useMemo(() => match, [key]);\n  return [stable, (next) => setOwn(next.value)];\n}\n\n/**\n * A field that does not fill its row sizes to its longest option, the way the\n * menu sized to its selected text: MUI's Autocomplete input is `width: 0`, so\n * without this a `fullWidth={false}` select collapsed to its arrow.\n */\nfunction intrinsicWidth(\n  theme: Theme,\n  options: SelectOption[],\n  fullWidth: boolean,\n): React.CSSProperties | undefined {\n  if (fullWidth) return undefined;\n  const longest = options.reduce((max, option) => Math.max(max, option.label.length), 0);\n  // The label in `ch`, plus the field's inline padding and the arrow's slot.\n  return { minWidth: `calc(${longest}ch + ${rem(theme, SELECT_SEARCH.fieldChrome)})` };\n}\n\nexport const SearchableSelect = React.forwardRef<HTMLDivElement, SelectProps>((props, ref) => {\n  const { variant, options, fullWidth = true, size, error, glow, pulse, value, defaultValue } = props;\n  const { onChange, disabled, name, noOptionsText, sx, className, style, id } = props;\n  const { testId: dataTestId } = splitTestId(props as unknown as Record<string, unknown>);\n  const [selected, setOwn] = useSelectedOption(options, value, defaultValue);\n  const theme = useTheme();\n  const optionTestId = (optionValue: SelectOption['value']): string =>\n    dataTestId ? `${dataTestId}-option-${optionValue}` : `option-${optionValue}`;\n\n  return (\n    <SelectFieldControl\n      fullWidth={fullWidth}\n      size={formControlSize(size)}\n      error={error}\n      customVariant={variant}\n      fieldSize={asFieldSize(size)}\n      glow={glow}\n      pulse={pulse}\n      ref={ref}\n      sx={sx}\n      className={className}\n      style={{ ...intrinsicWidth(theme, options, fullWidth), ...style }}\n      data-testid={dataTestId}\n    >\n      <Autocomplete<SelectOption, false, true, false>\n        id={id}\n        value={selected as SelectOption}\n        options={options}\n        disabled={disabled}\n        disableClearable\n        autoHighlight\n        handleHomeEndKeys\n        size={formControlSize(size)}\n        noOptionsText={noOptionsText ?? null}\n        getOptionLabel={(option) => option.label}\n        // Two people may share a name; the value is what tells them apart.\n        getOptionKey={(option) => String(option.value)}\n        getOptionDisabled={(option) => option.disabled === true}\n        isOptionEqualToValue={(option, current) => String(option.value) === String(current.value)}\n        onChange={(_event, next) => {\n          setOwn(next);\n          onChange?.(selectChange(next.value, name), null);\n        }}\n        renderOption={(optionProps, option) => renderOption(optionProps, option, optionTestId)}\n        slotProps={{\n          // Above stacked sheets and dialogs, as `CreatableSelect` does.\n          popper: { sx: { zIndex: stackedOverlayZIndex } },\n          // THE bounded height: MUI's own default is 40vh, which on a tall\n          // screen is the whole page again.\n          listbox: { sx: (theme) => ({ maxHeight: rem(theme, SELECT_SEARCH.listMaxHeight) }) },\n        }}\n        renderInput={(params) =>\n          renderField({\n            params,\n            field: props,\n            ariaLabel: props['aria-label'],\n            disabled,\n            triggerTestId: dataTestId ? `${dataTestId}-select` : 'select',\n          })\n        }\n      />\n    </SelectFieldControl>\n  );\n});\n\nSearchableSelect.displayName = 'SearchableSelect';\n"],"mappings":"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","names":["theme"]}

package/dist/{chunk-PGPPN63I.js → chunk-EMEXXAQI.js}

@@ -1,6 +1,6 @@
 import {
   AvatarView
-} from "./chunk-TNQDSTIA.js";
+} from "./chunk-Y6C4MYZE.js";
 import {
   BORDER_WIDTH,
   GROUP_HOVER,
@@ -175,4 +175,4 @@ export {
   Avatar,
   AvatarGroup
 };
-//# sourceMappingURL=chunk-PGPPN63I.js.map
+//# sourceMappingURL=chunk-EMEXXAQI.js.map

package/dist/{chunk-2HPNN5XA.js → chunk-FIF4RQ4S.js}

@@ -1,7 +1,7 @@
 import {
   MoreGroup,
   fieldClearing
-} from "./chunk-MD3ND6DT.js";
+} from "./chunk-VU63PDWW.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -184,4 +184,4 @@ function MoreFilters({
 export {
   MoreFilters
 };
-//# sourceMappingURL=chunk-2HPNN5XA.js.map
+//# sourceMappingURL=chunk-FIF4RQ4S.js.map

package/dist/{chunk-T6HVNVFI.js → chunk-FQT4C5R4.js}

@@ -1,3 +1,7 @@
+import {
+  EnhancedTableBody,
+  EnhancedTableHeader
+} from "./chunk-53HQNN3C.js";
 import {
   tableStyles
 } from "./chunk-BVHIKXCN.js";
@@ -5,14 +9,6 @@ import {
   useTableSelection,
   useVirtualScrolling
 } from "./chunk-RZSMRBOX.js";
-import {
-  EmptyRow,
-  NoDataPlaceholder
-} from "./chunk-XIXR2L3L.js";
-import {
-  EnhancedTableBody,
-  EnhancedTableHeader
-} from "./chunk-53HQNN3C.js";
 import {
   TABLE_DEFAULTS,
   containerStyle,
@@ -24,6 +20,10 @@ import {
   tableRowHeight,
   virtualHeight
 } from "./chunk-L3MRRAZM.js";
+import {
+  EmptyRow,
+  NoDataPlaceholder
+} from "./chunk-XIXR2L3L.js";
 import {
   useDensity
 } from "./chunk-TMOC2XUE.js";
@@ -311,4 +311,4 @@ Table.displayName = "Table";
 export {
   Table
 };
-//# sourceMappingURL=chunk-T6HVNVFI.js.map
+//# sourceMappingURL=chunk-FQT4C5R4.js.map

package/dist/{chunk-BWURMQWZ.js → chunk-FS7UVKEE.js}

@@ -1,9 +1,9 @@
-import {
-  DataViewsScopeTabs
-} from "./chunk-PL2AB5HJ.js";
 import {
   useDataViewsLayout
 } from "./chunk-RZPYKTOG.js";
+import {
+  DataViewsScopeTabs
+} from "./chunk-PL2AB5HJ.js";
 
 // src/components/data-display/DataViews/data-views-scope-tabs.tsx
 import { jsx } from "react/jsx-runtime";
@@ -34,4 +34,4 @@ function ScopeTabsSlot({
 export {
   ScopeTabsSlot
 };
-//# sourceMappingURL=chunk-BWURMQWZ.js.map
+//# sourceMappingURL=chunk-FS7UVKEE.js.map

package/dist/{chunk-LUPHXDEU.js → chunk-FVKBP3UX.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-VHVI3D4R.js";
 import {
   Badge
-} from "./chunk-LV2SZFXK.js";
+} from "./chunk-GMC3F43L.js";
 import {
   rem
 } from "./chunk-YKCAJ2TN.js";
@@ -70,4 +70,4 @@ export {
   controlProps,
   CONTROL_RESET
 };
-//# sourceMappingURL=chunk-LUPHXDEU.js.map
+//# sourceMappingURL=chunk-FVKBP3UX.js.map

package/dist/{chunk-TPPFWETI.js → chunk-G6II7SVX.js}

@@ -1,18 +1,18 @@
 import {
   NumberBoundInput
 } from "./chunk-YRUX7XMQ.js";
-import {
-  RangePresets
-} from "./chunk-7D7CJRL7.js";
-import {
-  presetsFor
-} from "./chunk-CBOB5AV6.js";
 import {
   isRangeInverted,
   isRangeSet,
   numericRange,
   rangeChipLabel
 } from "./chunk-GCZJH4XL.js";
+import {
+  RangePresets
+} from "./chunk-7D7CJRL7.js";
+import {
+  presetsFor
+} from "./chunk-CBOB5AV6.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -291,4 +291,4 @@ export {
   RangePill,
   PanelRangeField
 };
-//# sourceMappingURL=chunk-TPPFWETI.js.map
+//# sourceMappingURL=chunk-G6II7SVX.js.map

package/dist/{chunk-LV2SZFXK.js → chunk-GMC3F43L.js}

@@ -1,3 +1,9 @@
+import {
+  badgeContentOf,
+  definedAria,
+  formatCount,
+  resolveBadgeProps
+} from "./chunk-6C5D6O3D.js";
 import {
   buildBadgeContent
 } from "./chunk-WDQRQIT7.js";
@@ -5,12 +11,6 @@ import {
   badgeStyles,
   getAnchorOrigin
 } from "./chunk-ZCXVTFYQ.js";
-import {
-  badgeContentOf,
-  definedAria,
-  formatCount,
-  resolveBadgeProps
-} from "./chunk-6C5D6O3D.js";
 import {
   CLOSE_DELAY_MS,
   MOUNT_ANIMATION_MS
@@ -180,4 +180,4 @@ Badge.displayName = "Badge";
 export {
   Badge
 };
-//# sourceMappingURL=chunk-LV2SZFXK.js.map
+//# sourceMappingURL=chunk-GMC3F43L.js.map

package/dist/{chunk-R6SBP5M5.js → chunk-GOWBYHYW.js}

@@ -1,10 +1,10 @@
+import {
+  chartValueFormatter
+} from "./chunk-QVWNK4JO.js";
 import {
   getChartSpecRenderer,
   getRegisteredChartSpecTypes
 } from "./chunk-WKUA6P3W.js";
-import {
-  chartValueFormatter
-} from "./chunk-QVWNK4JO.js";
 
 // src/components/data-display/Chart/chart-spec.ts
 var CHART_SEMANTIC_COLORS = [
@@ -149,4 +149,4 @@ export {
   parseChartSpec,
   specToChartProps
 };
-//# sourceMappingURL=chunk-R6SBP5M5.js.map
+//# sourceMappingURL=chunk-GOWBYHYW.js.map

package/dist/{chunk-AA7QTFMB.js → chunk-HGRC635A.js}

@@ -2,7 +2,7 @@ import {
   Box,
   CONTROL_RESET,
   focusRing
-} from "./chunk-LUPHXDEU.js";
+} from "./chunk-FVKBP3UX.js";
 import {
   rem
 } from "./chunk-YKCAJ2TN.js";
@@ -59,4 +59,4 @@ function RaisedActionButton({
 export {
   RaisedActionButton
 };
-//# sourceMappingURL=chunk-AA7QTFMB.js.map
+//# sourceMappingURL=chunk-HGRC635A.js.map

package/dist/{chunk-TE3XYCX7.js → chunk-IHO2O44S.js}

@@ -1,3 +1,7 @@
+import {
+  progressLabelText,
+  resolveProgressProps
+} from "./chunk-5JEOLUWJ.js";
 import {
   barEmphasisStyles,
   barVariantStyles,
@@ -6,10 +10,6 @@ import {
   getSizeStyles,
   pulseAnimation
 } from "./chunk-WL7IG7TT.js";
-import {
-  progressLabelText,
-  resolveProgressProps
-} from "./chunk-5JEOLUWJ.js";
 import {
   rem,
   rems
@@ -243,4 +243,4 @@ Progress.displayName = "Progress";
 export {
   Progress
 };
-//# sourceMappingURL=chunk-TE3XYCX7.js.map
+//# sourceMappingURL=chunk-IHO2O44S.js.map

package/dist/{chunk-VPH47OIV.js → chunk-IKZSQKOE.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk-KQS4ZJGS.js";
 import {
   Input
-} from "./chunk-6GAZAJXB.js";
+} from "./chunk-SDKOOVEX.js";
 import {
   Dialog,
   DialogContent
@@ -268,4 +268,4 @@ function SaveViewModal({
 export {
   SaveViewModal
 };
-//# sourceMappingURL=chunk-VPH47OIV.js.map
+//# sourceMappingURL=chunk-IKZSQKOE.js.map

package/dist/{chunk-IPI3OU2P.js → chunk-IV7G7NK3.js}

@@ -3,16 +3,16 @@ import {
 } from "./chunk-QDELBNL3.js";
 import {
   TextField
-} from "./chunk-K45ML7M7.js";
+} from "./chunk-NU55QUMO.js";
 import {
   SelectField
-} from "./chunk-72FPUWD6.js";
+} from "./chunk-3IPQANXY.js";
 import {
   CepField
-} from "./chunk-TWVRPT7J.js";
+} from "./chunk-XXL4PM4M.js";
 import {
   CategoryField
-} from "./chunk-PCHUIDMT.js";
+} from "./chunk-5OEC546C.js";
 import {
   __export
 } from "./chunk-PZ5AY32C.js";
@@ -30,4 +30,4 @@ __export(Fields_exports, {
 export {
   Fields_exports
 };
-//# sourceMappingURL=chunk-IPI3OU2P.js.map
+//# sourceMappingURL=chunk-IV7G7NK3.js.map

package/dist/{chunk-JTWRI4WD.js → chunk-IX3U3XPP.js}

@@ -1,16 +1,20 @@
 import {
   GridMain
-} from "./chunk-J2JWWGMT.js";
+} from "./chunk-BPOVRMVS.js";
 import {
   FilterDialog,
   GridFilterPanel
-} from "./chunk-6OQHZVK6.js";
+} from "./chunk-XXNLBO4Q.js";
 import {
   DataViewsEmpty
 } from "./chunk-OCQ6GDCF.js";
+import {
+  toOverflowFields,
+  useFilterOverflow
+} from "./chunk-6QYKZMEE.js";
 import {
   InlineFilterControls
-} from "./chunk-ILKNYENU.js";
+} from "./chunk-LB27LKG3.js";
 import {
   GridHeaderRow
 } from "./chunk-MPYIEIBA.js";
@@ -18,25 +22,21 @@ import {
   DataViewsPagination
 } from "./chunk-NF4GHTZ4.js";
 import {
-  toOverflowFields,
-  useFilterOverflow
-} from "./chunk-6QYKZMEE.js";
+  ShellToolbar
+} from "./chunk-ZL3GCUKC.js";
 import {
   resolveSelectionExtra
 } from "./chunk-KX75HM5U.js";
 import {
   ScopeTabsSlot
-} from "./chunk-BWURMQWZ.js";
-import {
-  ShellToolbar
-} from "./chunk-ZL3GCUKC.js";
-import {
-  togglePillValues
-} from "./chunk-NQ7NMCRI.js";
+} from "./chunk-FS7UVKEE.js";
 import {
   DataViewsLayoutProvider,
   useDataViewsLayout
 } from "./chunk-RZPYKTOG.js";
+import {
+  togglePillValues
+} from "./chunk-NQ7NMCRI.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -238,4 +238,4 @@ function GridShell(props) {
 export {
   GridShell
 };
-//# sourceMappingURL=chunk-JTWRI4WD.js.map
+//# sourceMappingURL=chunk-IX3U3XPP.js.map

package/dist/{chunk-WYXNFH5Y.js → chunk-IYC7NPX7.js}

@@ -28,6 +28,16 @@ var SELECT_MENU = {
 };
 var MUI_MENU_SHADOW = ELEVATION_SHADOWS[8];
 var selectedWashAlpha = (theme) => theme.mode === "dark" ? SELECT_MENU.selectedAlpha.dark : SELECT_MENU.selectedAlpha.light;
+var SEARCHABLE_MIN_OPTIONS = 6;
+var SELECT_SEARCH = {
+  /** px — six 40px rows and half of the seventh. */
+  listMaxHeight: 260,
+  /**
+   * px — what a field that does not fill its row adds to its longest label:
+   * the input's inline padding and the arrow's slot.
+   */
+  fieldChrome: 72
+};
 
 export {
   inputVariantFor,
@@ -37,6 +47,8 @@ export {
   SELECT_DISPLAY_MIN_HEIGHT,
   SELECT_MENU,
   MUI_MENU_SHADOW,
-  selectedWashAlpha
+  selectedWashAlpha,
+  SEARCHABLE_MIN_OPTIONS,
+  SELECT_SEARCH
 };
-//# sourceMappingURL=chunk-WYXNFH5Y.js.map
+//# sourceMappingURL=chunk-IYC7NPX7.js.map

package/dist/{chunk-WYXNFH5Y.js.map → chunk-IYC7NPX7.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/form/Select/Select.metrics.ts"],"sourcesContent":["import type { SelectVariant } from './Select.base';\nimport type { InputVariant } from '../Input/Input.base';\nimport { ICON_SIZES } from '../../../icons/Icon.types';\nimport { ELEVATION_SHADOWS } from '../../../tokens/ink.core';\nimport type { UiTheme } from '../../../tokens/theme';\nimport type { SizeValue } from '../../../tokens/vocabulary';\n\n/**\n * THE NUMBERS BOTH `Select` RENDERERS DRAW WITH.\n *\n * A `Select` on the web IS an `OutlinedInput` with a display slot and an arrow\n * where the value would be typed, so the box's own numbers — the padding, the\n * border, the radius, the field edge — are `Input.metrics.ts`'s, read through\n * {@link inputVariantFor} rather than restated. What is here is what a select\n * has and a text field does not: the arrow, the option list, and the two\n * heights MUI's `FormControl` offers.\n */\n\n/** Our three variants onto the `Input` variant that draws the same box. */\nexport const inputVariantFor = (variant: SelectVariant): InputVariant =>\n  variant === 'default' ? 'outlined' : variant;\n\n/**\n * The house scale as a `FormControl` size.\n *\n * Not `muiSize`: that collapses five onto MUI's three, and a FormControl takes\n * only two — `sm` draws small and EVERY other step, `xs` included, draws\n * medium. Restated from `Select.tsx`'s `formControlSize` so the native side\n * reads the same lossy map rather than inventing a kinder one.\n */\nexport const selectInputSize = (size: SizeValue | undefined): 'sm' | 'md' =>\n  size === 'sm' ? 'sm' : 'md';\n\n/**\n * The arrow: MUI's `ArrowDropDown` at `SvgIcon`'s medium size, 7px from the\n * right edge, turned over while the list is open. The display slot reserves\n * 32px for it, so the flow-laid glyph takes the difference as a margin.\n */\nexport const SELECT_ICON = {\n  size: ICON_SIZES.md,\n  right: 7,\n  displayPaddingRight: 32,\n  openRotateDeg: 180,\n} as const;\n\n/** What the glyph leaves between itself and the value: 32 - 24 - 7. */\nexport const SELECT_ICON_GAP =\n  SELECT_ICON.displayPaddingRight - SELECT_ICON.size - SELECT_ICON.right;\n\n/** `.MuiSelect-select`'s floor, MUI's `1.4375em` at the 16px body size. */\nexport const SELECT_DISPLAY_MIN_HEIGHT = 23;\n\n/**\n * The option list: MUI's `Menu` over a `MenuList` of `MenuItem`s.\n *\n * `selectedAlpha` is `palette.action.selectedOpacity`, which MUI doubles in\n * dark mode; `disabledOpacity` is `palette.action.disabledOpacity`. Neither is\n * on `UiTheme`, whose `action` carries colours rather than opacities.\n */\nexport const SELECT_MENU = {\n  itemMinHeight: 48,\n  itemPaddingVertical: 6,\n  itemPaddingHorizontal: 16,\n  listPaddingVertical: 8,\n  selectedAlpha: { light: 0.08, dark: 0.16 },\n  disabledOpacity: 0.38,\n  /** MUI's `Menu` paper is `calc(100% - 96px)` tall at most. */\n  maxHeightInset: 96,\n} as const;\n\n/** MUI's `theme.shadows[8]`, the elevation a `Menu` paper rests at. */\nexport const MUI_MENU_SHADOW = ELEVATION_SHADOWS[8];\n\n/** The wash behind the option the value currently names. */\nexport const selectedWashAlpha = (theme: UiTheme): number =>\n  theme.mode === 'dark' ? SELECT_MENU.selectedAlpha.dark : SELECT_MENU.selectedAlpha.light;\n\n/**\n * The box a select draws IS the input's box, so these are the input's tables\n * under this component's names — the border widths, the glass and gradient\n * alphas, the halo and the pulse. Restating them here is how the two controls\n * would come to disagree about what an outlined field looks like.\n */\nexport {\n  INPUT_BORDER as SELECT_BORDER,\n  INPUT_GLASS as SELECT_GLASS,\n  INPUT_GLOW as SELECT_GLOW,\n  INPUT_GRADIENT as SELECT_GRADIENT,\n  INPUT_PULSE as SELECT_PULSE,\n} from '../Input/Input.metrics';\n"],"mappings":";;;;;;;;AAmBO,IAAM,kBAAkB,CAAC,YAC9B,YAAY,YAAY,aAAa;AAUhC,IAAM,kBAAkB,CAAC,SAC9B,SAAS,OAAO,OAAO;AAOlB,IAAM,cAAc;AAAA,EACzB,MAAM,WAAW;AAAA,EACjB,OAAO;AAAA,EACP,qBAAqB;AAAA,EACrB,eAAe;AACjB;AAGO,IAAM,kBACX,YAAY,sBAAsB,YAAY,OAAO,YAAY;AAG5D,IAAM,4BAA4B;AASlC,IAAM,cAAc;AAAA,EACzB,eAAe;AAAA,EACf,qBAAqB;AAAA,EACrB,uBAAuB;AAAA,EACvB,qBAAqB;AAAA,EACrB,eAAe,EAAE,OAAO,MAAM,MAAM,KAAK;AAAA,EACzC,iBAAiB;AAAA;AAAA,EAEjB,gBAAgB;AAClB;AAGO,IAAM,kBAAkB,kBAAkB,CAAC;AAG3C,IAAM,oBAAoB,CAAC,UAChC,MAAM,SAAS,SAAS,YAAY,cAAc,OAAO,YAAY,cAAc;","names":[]}
+{"version":3,"sources":["../src/components/form/Select/Select.metrics.ts"],"sourcesContent":["import type { SelectVariant } from './Select.base';\nimport type { InputVariant } from '../Input/Input.base';\nimport { ICON_SIZES } from '../../../icons/Icon.types';\nimport { ELEVATION_SHADOWS } from '../../../tokens/ink.core';\nimport type { UiTheme } from '../../../tokens/theme';\nimport type { SizeValue } from '../../../tokens/vocabulary';\n\n/**\n * THE NUMBERS BOTH `Select` RENDERERS DRAW WITH.\n *\n * A `Select` on the web IS an `OutlinedInput` with a display slot and an arrow\n * where the value would be typed, so the box's own numbers — the padding, the\n * border, the radius, the field edge — are `Input.metrics.ts`'s, read through\n * {@link inputVariantFor} rather than restated. What is here is what a select\n * has and a text field does not: the arrow, the option list, and the two\n * heights MUI's `FormControl` offers.\n */\n\n/** Our three variants onto the `Input` variant that draws the same box. */\nexport const inputVariantFor = (variant: SelectVariant): InputVariant =>\n  variant === 'default' ? 'outlined' : variant;\n\n/**\n * The house scale as a `FormControl` size.\n *\n * Not `muiSize`: that collapses five onto MUI's three, and a FormControl takes\n * only two — `sm` draws small and EVERY other step, `xs` included, draws\n * medium. Restated from `Select.tsx`'s `formControlSize` so the native side\n * reads the same lossy map rather than inventing a kinder one.\n */\nexport const selectInputSize = (size: SizeValue | undefined): 'sm' | 'md' =>\n  size === 'sm' ? 'sm' : 'md';\n\n/**\n * The arrow: MUI's `ArrowDropDown` at `SvgIcon`'s medium size, 7px from the\n * right edge, turned over while the list is open. The display slot reserves\n * 32px for it, so the flow-laid glyph takes the difference as a margin.\n */\nexport const SELECT_ICON = {\n  size: ICON_SIZES.md,\n  right: 7,\n  displayPaddingRight: 32,\n  openRotateDeg: 180,\n} as const;\n\n/** What the glyph leaves between itself and the value: 32 - 24 - 7. */\nexport const SELECT_ICON_GAP =\n  SELECT_ICON.displayPaddingRight - SELECT_ICON.size - SELECT_ICON.right;\n\n/** `.MuiSelect-select`'s floor, MUI's `1.4375em` at the 16px body size. */\nexport const SELECT_DISPLAY_MIN_HEIGHT = 23;\n\n/**\n * The option list: MUI's `Menu` over a `MenuList` of `MenuItem`s.\n *\n * `selectedAlpha` is `palette.action.selectedOpacity`, which MUI doubles in\n * dark mode; `disabledOpacity` is `palette.action.disabledOpacity`. Neither is\n * on `UiTheme`, whose `action` carries colours rather than opacities.\n */\nexport const SELECT_MENU = {\n  itemMinHeight: 48,\n  itemPaddingVertical: 6,\n  itemPaddingHorizontal: 16,\n  listPaddingVertical: 8,\n  selectedAlpha: { light: 0.08, dark: 0.16 },\n  disabledOpacity: 0.38,\n  /** MUI's `Menu` paper is `calc(100% - 96px)` tall at most. */\n  maxHeightInset: 96,\n} as const;\n\n/** MUI's `theme.shadows[8]`, the elevation a `Menu` paper rests at. */\nexport const MUI_MENU_SHADOW = ELEVATION_SHADOWS[8];\n\n/** The wash behind the option the value currently names. */\nexport const selectedWashAlpha = (theme: UiTheme): number =>\n  theme.mode === 'dark' ? SELECT_MENU.selectedAlpha.dark : SELECT_MENU.selectedAlpha.light;\n\n/**\n * The box a select draws IS the input's box, so these are the input's tables\n * under this component's names — the border widths, the glass and gradient\n * alphas, the halo and the pulse. Restating them here is how the two controls\n * would come to disagree about what an outlined field looks like.\n */\nexport {\n  INPUT_BORDER as SELECT_BORDER,\n  INPUT_GLASS as SELECT_GLASS,\n  INPUT_GLOW as SELECT_GLOW,\n  INPUT_GRADIENT as SELECT_GRADIENT,\n  INPUT_PULSE as SELECT_PULSE,\n} from '../Input/Input.metrics';\n\n/**\n * WHEN A `Select` BECOMES A SEARCH BOX, AND HOW TALL ITS LIST MAY GROW.\n *\n * Past five options a menu stops being scannable at a glance and starts being\n * scrolled — and MUI's menu grows to the viewport's height to show them all, so\n * a staff picker covered the whole screen. From six options on the field turns\n * into the searchable dropdown (`CreatableSelect`'s engine, MUI `Autocomplete`)\n * and its list stops at {@link SELECT_SEARCH.listMaxHeight}: about six rows,\n * the seventh cut in half so the list reads as scrollable.\n */\nexport const SEARCHABLE_MIN_OPTIONS = 6;\n\nexport const SELECT_SEARCH = {\n  /** px — six 40px rows and half of the seventh. */\n  listMaxHeight: 260,\n  /**\n   * px — what a field that does not fill its row adds to its longest label:\n   * the input's inline padding and the arrow's slot.\n   */\n  fieldChrome: 72,\n} as const;\n"],"mappings":";;;;;;;;AAmBO,IAAM,kBAAkB,CAAC,YAC9B,YAAY,YAAY,aAAa;AAUhC,IAAM,kBAAkB,CAAC,SAC9B,SAAS,OAAO,OAAO;AAOlB,IAAM,cAAc;AAAA,EACzB,MAAM,WAAW;AAAA,EACjB,OAAO;AAAA,EACP,qBAAqB;AAAA,EACrB,eAAe;AACjB;AAGO,IAAM,kBACX,YAAY,sBAAsB,YAAY,OAAO,YAAY;AAG5D,IAAM,4BAA4B;AASlC,IAAM,cAAc;AAAA,EACzB,eAAe;AAAA,EACf,qBAAqB;AAAA,EACrB,uBAAuB;AAAA,EACvB,qBAAqB;AAAA,EACrB,eAAe,EAAE,OAAO,MAAM,MAAM,KAAK;AAAA,EACzC,iBAAiB;AAAA;AAAA,EAEjB,gBAAgB;AAClB;AAGO,IAAM,kBAAkB,kBAAkB,CAAC;AAG3C,IAAM,oBAAoB,CAAC,UAChC,MAAM,SAAS,SAAS,YAAY,cAAc,OAAO,YAAY,cAAc;AA0B9E,IAAM,yBAAyB;AAE/B,IAAM,gBAAgB;AAAA;AAAA,EAE3B,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA,EAKf,aAAa;AACf;","names":[]}

package/dist/{chunk-HC2AO3RT.js → chunk-J44PPGBF.js}

@@ -4,7 +4,7 @@ import {
   CountedIcon,
   controlProps,
   focusRing
-} from "./chunk-LUPHXDEU.js";
+} from "./chunk-FVKBP3UX.js";
 import {
   rem
 } from "./chunk-YKCAJ2TN.js";
@@ -165,4 +165,4 @@ function SectionNavRail({
 export {
   SectionNavRail
 };
-//# sourceMappingURL=chunk-HC2AO3RT.js.map
+//# sourceMappingURL=chunk-J44PPGBF.js.map

package/dist/{chunk-V2GHNHP6.js → chunk-JAHWFJCW.js}

@@ -1,12 +1,12 @@
+import {
+  freshnessOf
+} from "./chunk-XPMGFAJ3.js";
 import {
   FLEET_DOT,
   FLEET_ROSTER,
   FLEET_ROW,
   FLEET_SKELETON
 } from "./chunk-BTQZ3EX3.js";
-import {
-  freshnessOf
-} from "./chunk-XPMGFAJ3.js";
 import {
   Skeleton
 } from "./chunk-2K2B5QM2.js";
@@ -220,4 +220,4 @@ function FleetRoster({
 export {
   FleetRoster
 };
-//# sourceMappingURL=chunk-V2GHNHP6.js.map
+//# sourceMappingURL=chunk-JAHWFJCW.js.map

package/dist/{chunk-HAFLKWWU.js → chunk-JQ6HDXKA.js}

@@ -1,6 +1,6 @@
 import {
   buildChartContext
-} from "./chunk-LQRUTHJY.js";
+} from "./chunk-3CDU7DLD.js";
 import {
   ChartLegendContent,
   ChartTooltipContent
@@ -318,4 +318,4 @@ function renderChartByType(props, theme) {
 export {
   renderChartByType
 };
-//# sourceMappingURL=chunk-HAFLKWWU.js.map
+//# sourceMappingURL=chunk-JQ6HDXKA.js.map

package/dist/{chunk-SPZAEMGW.js → chunk-JWJ77IMK.js}

@@ -1,3 +1,6 @@
+import {
+  LightboxCurrentMedia
+} from "./chunk-RBGUS7WO.js";
 import {
   resolveLightboxProps
 } from "./chunk-UOS7DEQZ.js";
@@ -13,9 +16,6 @@ import {
 import {
   LightboxOverlay
 } from "./chunk-VZ4VAQX3.js";
-import {
-  LightboxCurrentMedia
-} from "./chunk-RBGUS7WO.js";
 import {
   makeTestId
 } from "./chunk-3KA6MYIR.js";
@@ -148,4 +148,4 @@ export {
   Lightbox,
   Lightbox_default
 };
-//# sourceMappingURL=chunk-SPZAEMGW.js.map
+//# sourceMappingURL=chunk-JWJ77IMK.js.map

package/dist/{chunk-HYNDC3FP.js → chunk-JYLOCXMV.js}

@@ -1,13 +1,13 @@
+import {
+  makeTestId,
+  resolveCodeEditorProps
+} from "./chunk-X3OWMTLO.js";
 import {
   EditorToolbar
 } from "./chunk-3TVUW7QE.js";
 import {
   useCodeEditor
 } from "./chunk-L36S7YJB.js";
-import {
-  makeTestId,
-  resolveCodeEditorProps
-} from "./chunk-X3OWMTLO.js";
 import {
   fieldEdge
 } from "./chunk-7FDU3FIN.js";
@@ -178,4 +178,4 @@ var CodeEditor = (componentProps) => {
 export {
   CodeEditor
 };
-//# sourceMappingURL=chunk-HYNDC3FP.js.map
+//# sourceMappingURL=chunk-JYLOCXMV.js.map