@godxjp/ui 6.8.0 → 6.10.0

package/dist/app/index.js

@@ -1,7 +1,7 @@
-import { useAppContext } from '../chunk-NHD5XDMX.js';
-export { APP_LOCALES, APP_REQUEST_HEADER_LOCALE, APP_REQUEST_HEADER_TIMEZONE, APP_TIMEZONE_OPTIONS, APP_TIMEZONE_PRESET, APP_TIME_FORMAT_OPTIONS, AppProvider, DEFAULT_STORAGE_KEY, TIMEZONE_ALIASES, formatTimezoneDisplayLabel, getAllIanaTimezones, getAppRequestHeaders, getBrowserTimezone, getTimeFormatLabel, getTimezoneCityName, getTimezoneLabel, getTimezoneOffsetLabel, isKnownAppTimezone, isValidIanaTimezone, readStoredPreferences, resetAppRequestHeaders, resetIanaTimezoneCacheForTests, resolveDefaultTimeFormat, resolveDefaultTimezone, resolveTimezoneForIntl, resolveTimezonePickerOptions, syncAppRequestHeaders, useAppContext, useAppDateFormat, useAppLocale, useAppTimeFormat, useAppTimezone, useOptionalAppContext, usePickerLocales, useTranslation, writeStoredPreferences } from '../chunk-NHD5XDMX.js';
-import { formatDate } from '../chunk-TRVOPU4U.js';
-export { APP_DATE_FORMATS, APP_DATE_FORMAT_OPTIONS, APP_LOCALE_CONFIG, APP_REQUEST_HEADER_DATE_FORMAT, APP_REQUEST_HEADER_TIME_FORMAT, APP_TIME_FORMATS, detectFormatDateKind, formatAppDate, formatAppDateLong, formatAppDateTime, formatAppRelative, formatAppTime, formatCalendarDate, formatDate, formatTimeOfDay, getDateFnsLocale, getDateFormatLabel, getDatePattern, getDateTimePattern, getDatetimeContext, getDayPickerLocale, getTimePattern, isAppDateFormat, isAppLocale, isAppTimeFormat, isFormatDateValue, isValidHhmm, normalizeHhmm, parseDateInput, resolveDefaultDateFormat, syncDatetimeContext } from '../chunk-TRVOPU4U.js';
+import { useAppContext } from '../chunk-RLGHEV4A.js';
+export { APP_LOCALES, APP_REQUEST_HEADER_LOCALE, APP_REQUEST_HEADER_TIMEZONE, APP_TIMEZONE_OPTIONS, APP_TIMEZONE_PRESET, APP_TIME_FORMAT_OPTIONS, AppProvider, DEFAULT_STORAGE_KEY, TIMEZONE_ALIASES, formatTimezoneDisplayLabel, getAllIanaTimezones, getAppRequestHeaders, getBrowserTimezone, getTimeFormatLabel, getTimezoneCityName, getTimezoneLabel, getTimezoneOffsetLabel, isKnownAppTimezone, isValidIanaTimezone, readStoredPreferences, resetAppRequestHeaders, resetIanaTimezoneCacheForTests, resolveDefaultTimeFormat, resolveDefaultTimezone, resolveTimezoneForIntl, resolveTimezonePickerOptions, syncAppRequestHeaders, useAppContext, useAppDateFormat, useAppLocale, useAppTimeFormat, useAppTimezone, useOptionalAppContext, usePickerLocales, useTranslation, writeStoredPreferences } from '../chunk-RLGHEV4A.js';
+import { formatDate } from '../chunk-FXFJF4YA.js';
+export { APP_DATE_FORMATS, APP_DATE_FORMAT_OPTIONS, APP_LOCALE_CONFIG, APP_REQUEST_HEADER_DATE_FORMAT, APP_REQUEST_HEADER_TIME_FORMAT, APP_TIME_FORMATS, detectFormatDateKind, formatAppDate, formatAppDateLong, formatAppDateTime, formatAppRelative, formatAppTime, formatCalendarDate, formatDate, formatTimeOfDay, getDateFnsLocale, getDateFormatLabel, getDatePattern, getDateTimePattern, getDatetimeContext, getDayPickerLocale, getTimePattern, isAppDateFormat, isAppLocale, isAppTimeFormat, isFormatDateValue, isValidHhmm, normalizeHhmm, parseDateInput, resolveDefaultDateFormat, syncDatetimeContext } from '../chunk-FXFJF4YA.js';
 import { useMemo } from 'react';
 
 function useFormatting() {

package/dist/{checkbox-CNP1MnPn.d.ts → checkbox-Vtb93W2X.d.ts}

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { c as CheckboxGroupProp } from './data-entry.prop-I3mgmdGm.js';
+import { c as CheckboxGroupProp } from './data-entry.prop-DGzBAJpn.js';
 
 declare function CheckboxGroup({ value: controlledValue, defaultValue, onChange, options, orientation, disabled, name, className, children, }: CheckboxGroupProp): react_jsx_runtime.JSX.Element;
 

package/dist/{chunk-GT2OGI2S.js → chunk-25ZZ2W3M.js}

@@ -1,9 +1,9 @@
 import { Calendar } from './chunk-IK7I3ABN.js';
-import { Input } from './chunk-VOHTRR5X.js';
 import { Popover, PopoverTrigger, PopoverContent } from './chunk-DY5C44UP.js';
+import { Input } from './chunk-VOHTRR5X.js';
 import { Button } from './chunk-HJEBRCXL.js';
-import { useTranslation, usePickerLocales } from './chunk-NHD5XDMX.js';
-import { toIsoDate, parseDateInput } from './chunk-TRVOPU4U.js';
+import { useTranslation, usePickerLocales } from './chunk-RLGHEV4A.js';
+import { toIsoDate, parseDateInput } from './chunk-FXFJF4YA.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
 import { CalendarIcon } from 'lucide-react';

package/dist/{chunk-LQGSZODY.js → chunk-2HLWHQJA.js}

@@ -1,7 +1,7 @@
 import { Input } from './chunk-VOHTRR5X.js';
 import { buttonVariants, Button } from './chunk-HJEBRCXL.js';
 import { Label } from './chunk-7PWBC4BY.js';
-import { useTranslation } from './chunk-NHD5XDMX.js';
+import { useTranslation } from './chunk-RLGHEV4A.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
 import * as DialogPrimitive from '@radix-ui/react-dialog';

package/dist/{chunk-WM5MKEOD.js → chunk-2QG3OVAD.js}

@@ -1,6 +1,6 @@
-import { AlertQueryError } from './chunk-Z33J65PB.js';
+import { AlertQueryError } from './chunk-6UFKWOEW.js';
 import { Button } from './chunk-HJEBRCXL.js';
-import { useTranslation } from './chunk-NHD5XDMX.js';
+import { useTranslation } from './chunk-RLGHEV4A.js';
 import * as React from 'react';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { RefreshCw } from 'lucide-react';

package/dist/{chunk-QT3T2HEI.js → chunk-43QSNZS3.js}

@@ -1,7 +1,7 @@
 import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from './chunk-UX634MYF.js';
 import { Button } from './chunk-HJEBRCXL.js';
-import { useTranslation, useOptionalAppContext, APP_LOCALES, resolveTimezonePickerOptions, getTimezoneLabel, APP_TIME_FORMAT_OPTIONS, getTimeFormatLabel } from './chunk-NHD5XDMX.js';
-import { APP_DATE_FORMAT_OPTIONS, getDateFormatLabel } from './chunk-TRVOPU4U.js';
+import { useTranslation, useOptionalAppContext, APP_LOCALES, resolveTimezonePickerOptions, getTimezoneLabel, APP_TIME_FORMAT_OPTIONS, getTimeFormatLabel } from './chunk-RLGHEV4A.js';
+import { APP_DATE_FORMAT_OPTIONS, getDateFormatLabel } from './chunk-FXFJF4YA.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import { X, ChevronRight, Languages, Globe, Clock, CalendarDays } from 'lucide-react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/{chunk-CJVXTCYD.js → chunk-4R7QL3MW.js}

@@ -1,4 +1,4 @@
-import { formatDate, translateCurrent } from './chunk-TRVOPU4U.js';
+import { formatDate, translateCurrent } from './chunk-FXFJF4YA.js';
 
 // src/lib/format.ts
 function formatDateTime(value, options) {

package/dist/{chunk-RP3NH5QJ.js → chunk-6PWNLR2F.js}

@@ -1,6 +1,6 @@
 import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from './chunk-UX634MYF.js';
 import { Button } from './chunk-HJEBRCXL.js';
-import { useTranslation } from './chunk-NHD5XDMX.js';
+import { useTranslation } from './chunk-RLGHEV4A.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import { ChevronLeft, ChevronRight, MoreHorizontal } from 'lucide-react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/{chunk-Z33J65PB.js → chunk-6UFKWOEW.js}

@@ -1,7 +1,7 @@
-import { humanError } from './chunk-CJVXTCYD.js';
+import { humanError } from './chunk-4R7QL3MW.js';
 import { Inline } from './chunk-S66TJXJU.js';
 import { Button } from './chunk-HJEBRCXL.js';
-import { useTranslation } from './chunk-NHD5XDMX.js';
+import { useTranslation } from './chunk-RLGHEV4A.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
 import { CheckCircle2, TriangleAlert, AlertCircle, Info, X, RefreshCw } from 'lucide-react';

package/dist/{chunk-6RA3KSVK.js → chunk-DTJKTRJS.js}

@@ -138,6 +138,11 @@ var VOCABULARY_REGISTRY = {
     category: "content",
     description: "Toolbar actions slot"
   },
+  EmptyMessageProp: {
+    file: "vocabulary/content.prop.ts",
+    category: "content",
+    description: "No-results / no-data message in lists, selects, empty states"
+  },
   // layout.prop.ts
   PageDensityProp: {
     file: "vocabulary/layout.prop.ts",
@@ -411,7 +416,44 @@ var COMPONENT_PROP_REGISTRY = {
   AutocompleteProp: {
     group: "data-entry",
     file: "components/data-entry.prop.ts",
-    vocabulary: ["PlaceholderProp", "ValueProp", "DisabledProp", "IdProp"]
+    vocabulary: [
+      "PlaceholderProp",
+      "ValueProp",
+      "DisabledProp",
+      "IdProp",
+      "EmptyMessageProp",
+      "ClassNameProp"
+    ],
+    note: "Deprecated \u2014 a thin wrapper over SearchSelect (static options)."
+  },
+  SearchSelectProp: {
+    group: "data-entry",
+    file: "components/data-entry.prop.ts",
+    vocabulary: [
+      "ValueProp",
+      "PlaceholderProp",
+      "EmptyMessageProp",
+      "DisabledProp",
+      "NameProp",
+      "IdProp",
+      "ClassNameProp"
+    ],
+    note: "Searchable single-select combobox (static `options` OR async `loadOptions`), optgroup grouping, custom `renderOption`. Supersedes Autocomplete."
+  },
+  SearchSelectOptionProp: {
+    group: "data-entry",
+    file: "components/data-entry.prop.ts",
+    vocabulary: []
+  },
+  SearchSelectLoadParamsProp: {
+    group: "data-entry",
+    file: "components/data-entry.prop.ts",
+    vocabulary: []
+  },
+  SearchSelectLoadResultProp: {
+    group: "data-entry",
+    file: "components/data-entry.prop.ts",
+    vocabulary: []
   },
   UploadProp: {
     group: "data-entry",

package/dist/{chunk-NKQKCA5W.js → chunk-EXBWDW5E.js}

@@ -1,9 +1,9 @@
 import { Calendar } from './chunk-IK7I3ABN.js';
-import { Input } from './chunk-VOHTRR5X.js';
 import { Popover, PopoverTrigger, PopoverContent } from './chunk-DY5C44UP.js';
+import { Input } from './chunk-VOHTRR5X.js';
 import { Button } from './chunk-HJEBRCXL.js';
-import { useTranslation, usePickerLocales } from './chunk-NHD5XDMX.js';
-import { toIsoDate, parseDateInput } from './chunk-TRVOPU4U.js';
+import { useTranslation, usePickerLocales } from './chunk-RLGHEV4A.js';
+import { toIsoDate, parseDateInput } from './chunk-FXFJF4YA.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
 import { CalendarIcon } from 'lucide-react';

package/dist/{chunk-TRVOPU4U.js → chunk-FXFJF4YA.js}

@@ -132,6 +132,13 @@ var en_default = {
       empty: "No data",
       moveRight: "Move to target",
       moveLeft: "Move to source"
+    },
+    searchSelect: {
+      placeholder: "Select\u2026",
+      search: "Search",
+      clear: "Clear selection",
+      loading: "Loading\u2026",
+      empty: "No results"
     }
   },
   feedback: {
@@ -312,6 +319,13 @@ var ja_default = {
       empty: "\u30C7\u30FC\u30BF\u306A\u3057",
       moveRight: "\u30BF\u30FC\u30B2\u30C3\u30C8\u3078\u79FB\u52D5",
       moveLeft: "\u30BD\u30FC\u30B9\u3078\u623B\u3059"
+    },
+    searchSelect: {
+      placeholder: "\u9078\u629E\u2026",
+      search: "\u691C\u7D22",
+      clear: "\u9078\u629E\u3092\u30AF\u30EA\u30A2",
+      loading: "\u8AAD\u307F\u8FBC\u307F\u4E2D\u2026",
+      empty: "\u8A72\u5F53\u306A\u3057"
     }
   },
   feedback: {
@@ -492,6 +506,13 @@ var vi_default = {
       empty: "Kh\xF4ng c\xF3 d\u1EEF li\u1EC7u",
       moveRight: "Chuy\u1EC3n sang \u0111\xEDch",
       moveLeft: "Chuy\u1EC3n v\u1EC1 ngu\u1ED3n"
+    },
+    searchSelect: {
+      placeholder: "Ch\u1ECDn\u2026",
+      search: "T\xECm ki\u1EBFm",
+      clear: "X\xF3a l\u1EF1a ch\u1ECDn",
+      loading: "\u0110ang t\u1EA3i\u2026",
+      empty: "Kh\xF4ng c\xF3 k\u1EBFt qu\u1EA3"
     }
   },
   feedback: {

package/dist/{chunk-4VP24PAR.js → chunk-NTUHJ37K.js}

@@ -1,9 +1,9 @@
-import { formatBytes } from './chunk-CJVXTCYD.js';
-import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogFooter } from './chunk-LQGSZODY.js';
 import { Slider } from './chunk-CRERCLIZ.js';
 import { controlIconClass } from './chunk-ICM6XBST.js';
+import { formatBytes } from './chunk-4R7QL3MW.js';
+import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogFooter } from './chunk-2HLWHQJA.js';
 import { Button } from './chunk-HJEBRCXL.js';
-import { useTranslation } from './chunk-NHD5XDMX.js';
+import { useTranslation } from './chunk-RLGHEV4A.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React2 from 'react';
 import { Upload as Upload$1, ImagePlus, Camera, Trash2, RotateCcw, X } from 'lucide-react';

package/dist/{chunk-TCY4QONW.js → chunk-OI7TDPEJ.js}

@@ -1,8 +1,8 @@
-import { Inline, densityClass } from './chunk-S66TJXJU.js';
 import { Table, TableHeader, TableRow, TableHead, TableBody, TableCell } from './chunk-ZS6DTAM2.js';
 import { tableCellPaddingClass, tableRowHeightClass, controlIconSmClass, toneNeutralClass, toneInfoClass, toneDestructiveClass, toneWarningClass, toneSuccessClass } from './chunk-ICM6XBST.js';
+import { Inline, densityClass } from './chunk-S66TJXJU.js';
 import { Button } from './chunk-HJEBRCXL.js';
-import { useTranslation } from './chunk-NHD5XDMX.js';
+import { useTranslation } from './chunk-RLGHEV4A.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { Layers, Layers2, ArrowUp, ArrowDown, ChevronsUpDown, MoreHorizontal, XCircle, Pause, CheckCircle2, Circle, Trash2, AlertCircle, Clock, Play } from 'lucide-react';

package/dist/{chunk-NHD5XDMX.js → chunk-RLGHEV4A.js}

@@ -1,4 +1,4 @@
-import { APP_TIME_FORMATS, isAppDateFormat, isAppTimeFormat, isAppLocale, translate, getDateFnsLocale, syncI18nLocale, syncDatetimeContext, disableLiveRelativeFormatting, enableLiveRelativeFormatting, getDayPickerLocale, APP_REQUEST_HEADER_DATE_FORMAT, APP_REQUEST_HEADER_TIME_FORMAT, resolveDefaultDateFormat } from './chunk-TRVOPU4U.js';
+import { APP_TIME_FORMATS, isAppDateFormat, isAppTimeFormat, isAppLocale, translate, getDateFnsLocale, syncI18nLocale, syncDatetimeContext, disableLiveRelativeFormatting, enableLiveRelativeFormatting, getDayPickerLocale, APP_REQUEST_HEADER_DATE_FORMAT, APP_REQUEST_HEADER_TIME_FORMAT, resolveDefaultDateFormat } from './chunk-FXFJF4YA.js';
 import * as React from 'react';
 import { useMemo } from 'react';
 import { jsx } from 'react/jsx-runtime';

package/dist/{chunk-I2SHXSYY.js → chunk-TT2L7JM6.js}

@@ -1,6 +1,6 @@
-import { Input } from './chunk-VOHTRR5X.js';
 import { controlIconClass } from './chunk-ICM6XBST.js';
-import { useTranslation } from './chunk-NHD5XDMX.js';
+import { Input } from './chunk-VOHTRR5X.js';
+import { useTranslation } from './chunk-RLGHEV4A.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/{chunk-J2T7IEFE.js → chunk-V7RC4PBY.js}

@@ -1,10 +1,10 @@
 import { normalizeTreeOptions, collectAllExpandableKeys, filterVisibleTree, flattenVisibleTree, findNodeByValue, reactNodeText, getDescendantValues } from './chunk-SMLKNECP.js';
-import { Checkbox } from './chunk-E76QIYSY.js';
 import { Command, CommandInput } from './chunk-V6UWJKZF.js';
+import { Checkbox } from './chunk-E76QIYSY.js';
 import { Popover, PopoverTrigger, PopoverContent } from './chunk-DY5C44UP.js';
 import { ScrollArea } from './chunk-3KPEZ5CF.js';
 import { Button } from './chunk-HJEBRCXL.js';
-import { useTranslation } from './chunk-NHD5XDMX.js';
+import { useTranslation } from './chunk-RLGHEV4A.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
 import { X, ChevronsUpDown, ChevronDown, ChevronRight } from 'lucide-react';

package/dist/{chunk-VM2IAY6N.js → chunk-VRSHUKDF.js}

@@ -1,10 +1,10 @@
 import { normalizeTreeOptions, formatPathLabels, getNodeByPath, filterTreeOptions, pathsEqual, pathKey } from './chunk-SMLKNECP.js';
-import { Checkbox } from './chunk-E76QIYSY.js';
 import { Command, CommandInput } from './chunk-V6UWJKZF.js';
+import { Checkbox } from './chunk-E76QIYSY.js';
 import { Popover, PopoverTrigger, PopoverContent } from './chunk-DY5C44UP.js';
 import { ScrollArea, ScrollBar } from './chunk-3KPEZ5CF.js';
 import { Button } from './chunk-HJEBRCXL.js';
-import { useTranslation } from './chunk-NHD5XDMX.js';
+import { useTranslation } from './chunk-RLGHEV4A.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
 import { X, ChevronsUpDown, Check, ChevronRight } from 'lucide-react';

package/dist/chunk-Y6JLEGVK.js

@@ -0,0 +1,247 @@
+import { Command, CommandList, CommandItem, CommandGroup } from './chunk-V6UWJKZF.js';
+import { Popover, PopoverTrigger, PopoverContent } from './chunk-DY5C44UP.js';
+import { Input } from './chunk-VOHTRR5X.js';
+import { Button } from './chunk-HJEBRCXL.js';
+import { useTranslation } from './chunk-RLGHEV4A.js';
+import { cn } from './chunk-U7N2A7A3.js';
+import * as React from 'react';
+import { ChevronsUpDown, Check, Loader2 } from 'lucide-react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var DEBOUNCE_MS = 250;
+function SearchSelect({
+  value = "",
+  onChange,
+  options: staticOptions,
+  loadOptions,
+  renderOption,
+  selectedLabel,
+  placeholder,
+  searchPlaceholder,
+  emptyMessage,
+  loadingMessage,
+  clearLabel,
+  clearable = true,
+  disabled = false,
+  name,
+  id,
+  className,
+  "data-testid": dataTestId
+}) {
+  const { t } = useTranslation();
+  const [open, setOpen] = React.useState(false);
+  const [query, setQuery] = React.useState("");
+  const [debouncedQuery, setDebouncedQuery] = React.useState("");
+  const [loaded, setLoaded] = React.useState([]);
+  const [page, setPage] = React.useState(1);
+  const [hasMore, setHasMore] = React.useState(false);
+  const [loading, setLoading] = React.useState(false);
+  const [activeIndex, setActiveIndex] = React.useState(0);
+  const [picked, setPicked] = React.useState(null);
+  const reqId = React.useRef(0);
+  const resolvedLoad = React.useMemo(
+    () => loadOptions ?? (async ({ query: search }) => {
+      const needle = search.trim().toLowerCase();
+      const list = staticOptions ?? [];
+      return {
+        options: needle ? list.filter(
+          (option) => option.label.toLowerCase().includes(needle) || option.value.toLowerCase().includes(needle)
+        ) : list,
+        hasMore: false
+      };
+    }),
+    [loadOptions, staticOptions]
+  );
+  React.useEffect(() => {
+    const handle = window.setTimeout(() => setDebouncedQuery(query.trim()), DEBOUNCE_MS);
+    return () => window.clearTimeout(handle);
+  }, [query]);
+  const fetchPage = React.useCallback(
+    async (nextPage, search, append) => {
+      const ticket = ++reqId.current;
+      setLoading(true);
+      try {
+        const result = await resolvedLoad({ query: search, page: nextPage });
+        if (ticket !== reqId.current) return;
+        setLoaded((prev) => append ? [...prev, ...result.options] : result.options);
+        setHasMore(Boolean(result.hasMore));
+        setPage(nextPage);
+      } finally {
+        if (ticket === reqId.current) setLoading(false);
+      }
+    },
+    [resolvedLoad]
+  );
+  React.useEffect(() => {
+    if (!open) return;
+    setActiveIndex(0);
+    void fetchPage(1, debouncedQuery, false);
+  }, [open, debouncedQuery, fetchPage]);
+  const grouped = React.useMemo(() => {
+    const order = [];
+    const buckets = /* @__PURE__ */ new Map();
+    for (const option of loaded) {
+      const key = option.group ?? "";
+      if (!buckets.has(key)) {
+        buckets.set(key, []);
+        order.push(key);
+      }
+      buckets.get(key).push(option);
+    }
+    let flatIndex = 0;
+    return order.map((key) => ({
+      heading: key || void 0,
+      items: (buckets.get(key) ?? []).map((option) => ({ option, index: flatIndex++ }))
+    }));
+  }, [loaded]);
+  const flatOrdered = React.useMemo(
+    () => grouped.flatMap((group) => group.items.map((entry) => entry.option)),
+    [grouped]
+  );
+  const resolvedPlaceholder = placeholder ?? t("dataEntry.searchSelect.placeholder");
+  const currentLabel = value ? picked?.label ?? selectedLabel ?? resolvedPlaceholder : resolvedPlaceholder;
+  const select = (option) => {
+    if (option.disabled) return;
+    setPicked(option);
+    onChange?.(option.value, option);
+    setOpen(false);
+  };
+  const clear = () => {
+    setPicked(null);
+    onChange?.("", void 0);
+    setOpen(false);
+  };
+  const onScroll = (event) => {
+    const el = event.currentTarget;
+    if (el.scrollHeight - el.scrollTop - el.clientHeight < 48 && hasMore && !loading) {
+      void fetchPage(page + 1, debouncedQuery, true);
+    }
+  };
+  const onKeyDown = (event) => {
+    if (event.key === "ArrowDown") {
+      event.preventDefault();
+      setActiveIndex((i) => Math.min(i + 1, Math.max(flatOrdered.length - 1, 0)));
+    } else if (event.key === "ArrowUp") {
+      event.preventDefault();
+      setActiveIndex((i) => Math.max(i - 1, 0));
+    } else if (event.key === "Enter" && flatOrdered[activeIndex]) {
+      event.preventDefault();
+      select(flatOrdered[activeIndex]);
+    } else if (event.key === "Escape") {
+      event.preventDefault();
+      setOpen(false);
+    }
+  };
+  const optionTestId = (optionValue) => dataTestId ? `${dataTestId}-option-${optionValue}` : void 0;
+  return /* @__PURE__ */ jsxs(
+    Popover,
+    {
+      open,
+      onOpenChange: (next) => {
+        setOpen(next);
+        if (!next) setQuery("");
+      },
+      children: [
+        /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+          Button,
+          {
+            id,
+            type: "button",
+            variant: "outline",
+            role: "combobox",
+            "aria-expanded": open,
+            disabled,
+            "data-testid": dataTestId,
+            className: cn("w-full justify-between font-normal", className),
+            children: [
+              /* @__PURE__ */ jsx("span", { className: cn("truncate text-left", !value && "text-muted-foreground"), children: currentLabel }),
+              /* @__PURE__ */ jsx(ChevronsUpDown, { className: "ml-2 size-4 shrink-0 opacity-50", "aria-hidden": "true" })
+            ]
+          }
+        ) }),
+        name ? /* @__PURE__ */ jsx("input", { type: "hidden", name, value }) : null,
+        /* @__PURE__ */ jsx(
+          PopoverContent,
+          {
+            align: "start",
+            sideOffset: 4,
+            collisionPadding: 12,
+            className: "flex max-h-[min(24rem,var(--radix-popover-content-available-height))] w-max max-w-[min(32rem,calc(100vw-1.5rem))] min-w-[var(--radix-popover-trigger-width)] flex-col p-0",
+            children: /* @__PURE__ */ jsxs(Command, { shouldFilter: false, className: "flex min-h-0 flex-col", children: [
+              /* @__PURE__ */ jsx("div", { className: "border-border shrink-0 border-b p-2", children: /* @__PURE__ */ jsx(
+                Input,
+                {
+                  autoFocus: true,
+                  value: query,
+                  onChange: (event) => setQuery(event.target.value),
+                  onKeyDown,
+                  placeholder: searchPlaceholder ?? t("dataEntry.searchSelect.search")
+                }
+              ) }),
+              /* @__PURE__ */ jsxs(CommandList, { className: "min-h-0 flex-1 overflow-y-auto p-1", onScroll, children: [
+                clearable && value ? /* @__PURE__ */ jsx(CommandItem, { value: "", "data-testid": optionTestId("none"), onSelect: clear, children: /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-sm", children: clearLabel ?? t("dataEntry.searchSelect.clear") }) }) : null,
+                grouped.map((group) => {
+                  const rows = group.items.map(({ option, index }) => /* @__PURE__ */ jsxs(
+                    CommandItem,
+                    {
+                      value: option.value,
+                      "data-testid": optionTestId(option.value),
+                      "aria-selected": activeIndex === index,
+                      disabled: option.disabled,
+                      className: activeIndex === index ? "bg-accent text-accent-foreground" : void 0,
+                      onMouseEnter: () => setActiveIndex(index),
+                      onSelect: () => select(option),
+                      children: [
+                        renderOption ? /* @__PURE__ */ jsx("div", { className: "min-w-0 flex-1", children: renderOption(option) }) : /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col", children: [
+                          /* @__PURE__ */ jsx("span", { className: "truncate text-sm", children: option.label }),
+                          option.sublabel ? /* @__PURE__ */ jsx("span", { className: "text-muted-foreground truncate text-xs", children: option.sublabel }) : null
+                        ] }),
+                        value === option.value ? /* @__PURE__ */ jsx(Check, { className: "text-primary size-4 shrink-0", "aria-hidden": "true" }) : null
+                      ]
+                    },
+                    option.value
+                  ));
+                  return group.heading ? /* @__PURE__ */ jsx(CommandGroup, { heading: group.heading, children: rows }, group.heading) : /* @__PURE__ */ jsx(React.Fragment, { children: rows }, "__ungrouped");
+                }),
+                loading ? /* @__PURE__ */ jsxs("div", { className: "text-muted-foreground flex items-center gap-2 px-2 py-3 text-sm", children: [
+                  /* @__PURE__ */ jsx(Loader2, { className: "size-4 animate-spin", "aria-hidden": "true" }),
+                  loadingMessage ?? t("dataEntry.searchSelect.loading")
+                ] }) : null,
+                !loading && loaded.length === 0 ? /* @__PURE__ */ jsx("div", { className: "text-muted-foreground px-2 py-6 text-center text-sm", children: emptyMessage ?? t("dataEntry.searchSelect.empty") }) : null
+              ] })
+            ] })
+          }
+        )
+      ]
+    }
+  );
+}
+function Autocomplete({
+  options,
+  value,
+  onValueChange,
+  placeholder,
+  searchPlaceholder,
+  emptyMessage,
+  disabled,
+  className,
+  id
+}) {
+  return /* @__PURE__ */ jsx(
+    SearchSelect,
+    {
+      id,
+      value,
+      onChange: (next) => onValueChange?.(next),
+      options,
+      clearable: false,
+      placeholder,
+      searchPlaceholder,
+      emptyMessage,
+      disabled,
+      className
+    }
+  );
+}
+
+export { Autocomplete, SearchSelect };

package/dist/{chunk-K6D7LQWC.js → chunk-ZKIAZDVU.js}

@@ -1,8 +1,8 @@
-import { Input } from './chunk-VOHTRR5X.js';
 import { Popover, PopoverTrigger, PopoverContent } from './chunk-DY5C44UP.js';
+import { Input } from './chunk-VOHTRR5X.js';
 import { Button } from './chunk-HJEBRCXL.js';
-import { useTranslation } from './chunk-NHD5XDMX.js';
-import { normalizeHhmm, isValidHhmm } from './chunk-TRVOPU4U.js';
+import { useTranslation } from './chunk-RLGHEV4A.js';
+import { normalizeHhmm, isValidHhmm } from './chunk-FXFJF4YA.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
 import { Clock } from 'lucide-react';

package/dist/{chunk-2WGV7GGO.js → chunk-ZR2TIBPG.js}

@@ -1,10 +1,10 @@
 import { reactNodeText } from './chunk-SMLKNECP.js';
 import { Checkbox } from './chunk-E76QIYSY.js';
-import { Input } from './chunk-VOHTRR5X.js';
 import { ScrollArea } from './chunk-3KPEZ5CF.js';
+import { Input } from './chunk-VOHTRR5X.js';
 import { Button } from './chunk-HJEBRCXL.js';
 import { Label } from './chunk-7PWBC4BY.js';
-import { useTranslation } from './chunk-NHD5XDMX.js';
+import { useTranslation } from './chunk-RLGHEV4A.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
 import { useState, useEffect } from 'react';

package/dist/components/admin/index.d.ts

@@ -1,9 +1,9 @@
-export { B as BreadcrumbItem } from '../../navigation.prop-DxBiClEH.js';
-export { I as InlineProp, P as PageContainerProp, P as PageContainerProps, a as PageHeaderProp, f as StackProp } from '../../layout.prop-D3rD3uZq.js';
-export { F as FilterBar, a as FilterGroup, P as PageHeader } from '../../filter-bar-DNDVhpCE.js';
-export { I as Inline, P as PageContainer, S as Stack } from '../../inline-Bu_syXvi.js';
-export { C as ColumnDef, D as DataTable, a as Density, E as EmptyState, K as KeyValueGrid, S as StatusBadge } from '../../data-table-CnRksymA.js';
-export { F as FormField, S as SearchInput } from '../../search-input-JWJMFVqC.js';
+export { B as BreadcrumbItem } from '../../navigation.prop-Hu7s7MJa.js';
+export { I as InlineProp, P as PageContainerProp, P as PageContainerProps, a as PageHeaderProp, f as StackProp } from '../../layout.prop-MwHm4-Zl.js';
+export { F as FilterBar, a as FilterGroup, P as PageHeader } from '../../filter-bar-BpUvE_yO.js';
+export { I as Inline, P as PageContainer, S as Stack } from '../../inline-CV3A46np.js';
+export { C as ColumnDef, D as DataTable, a as Density, E as EmptyState, K as KeyValueGrid, S as StatusBadge } from '../../data-table-Bg7fPpXy.js';
+export { F as FormField, S as SearchInput } from '../../search-input-CkFBczDV.js';
 export { L as LegacyToastOptions, S as SkeletonCard, a as SkeletonDetail, b as SkeletonRows, c as SkeletonTable, t as toast, u as useToast } from '../../use-toast-Dol5bdY3.js';
 export { DataState, InfiniteQueryState, MutationFeedback, PrefetchLink, QueryRefetchButton, flattenItemPages } from '../query/index.js';
 export { Alert, AlertActions, AlertContent, AlertDescription, AlertQueryError, AlertTitle } from '../feedback/alert.js';
@@ -19,23 +19,23 @@ export { Dialog, DialogConfirm, DialogContent, DialogDescription, DialogFooter,
 export { Toaster } from '../feedback/sonner.js';
 import { b as FormatDatetimeOptions, a as FormatDateOptions } from '../../format-date-ByyZoqI5.js';
 export { j as formatDate } from '../../format-date-ByyZoqI5.js';
-export { B as collectUploadCommitActions, E as createUploadItem } from '../../data-entry.prop-I3mgmdGm.js';
+export { J as collectUploadCommitActions, K as createUploadItem } from '../../data-entry.prop-DGzBAJpn.js';
 import '../../shared.prop-BNRJc9K0.js';
 import 'react';
-import '../../content.prop-D1Dd3TAc.js';
+import '../../content.prop-DrV_zDy-.js';
 import '../../layout.prop-4TCNvyQZ.js';
 import 'react/jsx-runtime';
 import '../../navigation.prop-Ck5_gSfs.js';
 import '../../data.prop-BmLaGLb7.js';
 import '../../interaction.prop-Cdn7wOtq.js';
-import '../../data-display.prop-Cvi2Mrfw.js';
+import '../../data-display.prop-i0iaSwMV.js';
 import 'lucide-react';
 import 'sonner';
 import '../../query.prop-hIPrk2zI.js';
 import '@tanstack/react-query';
 import 'react-router-dom';
 import '../../general.prop-D7brMPNL.js';
-import '../../feedback.prop-BmxUlpAW.js';
+import '../../feedback.prop-BnBpUzNK.js';
 import '@radix-ui/react-checkbox';
 import '@radix-ui/react-radio-group';
 import '@radix-ui/react-slider';