@alneas/appkit-react 0.1.0 → 0.2.0

package/dist/ui/components/ui/scroll-area.d.cts

@@ -1,8 +1,35 @@
 import { ScrollArea as ScrollAreaPrimitive } from '@base-ui/react/scroll-area';
 import * as React from 'react';
+/**
+ * Renders a scroll viewport with a vertical scrollbar and corner.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered ScrollArea composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Constrain the root size so content can overflow. ScrollArea already inserts the vertical scrollbar and corner; it passes children into its viewport. ScrollBar requires Base UI scroll-area root context and defaults to vertical; an extra ScrollBar passed as ScrollArea children is placed inside the viewport, not as a root sibling. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { ScrollArea } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<ScrollArea className="h-32 w-64"><div className="h-96">Scrollable content</div></ScrollArea>);
+ * }
+ * ```
+ */
 declare const ScrollArea: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').ScrollAreaRootProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 /**
- * スクロール領域で表示されるスクロールバーコンポーネント。
+ * Renders a scrollbar track and thumb for the surrounding scroll-area root.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling. Wrapper defaults: orientation='vertical'.
+ * @returns The rendered ScrollBar composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Constrain the root size so content can overflow. ScrollArea already inserts the vertical scrollbar and corner; it passes children into its viewport. ScrollBar requires Base UI scroll-area root context and defaults to vertical; an extra ScrollBar passed as ScrollArea children is placed inside the viewport, not as a root sibling.
+ * @example
+ * ```tsx
+ * import { ScrollArea } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<ScrollArea className="h-32 w-64"><div className="h-96">Scrollable content</div></ScrollArea>);
+ * }
+ * ```
  */
 declare function ScrollBar({ className, orientation, ...props }: ScrollAreaPrimitive.Scrollbar.Props): React.JSX.Element;
 export { ScrollArea, ScrollBar };

package/dist/ui/components/ui/scroll-area.d.ts

@@ -1,8 +1,35 @@
 import { ScrollArea as ScrollAreaPrimitive } from '@base-ui/react/scroll-area';
 import * as React from 'react';
+/**
+ * Renders a scroll viewport with a vertical scrollbar and corner.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered ScrollArea composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Constrain the root size so content can overflow. ScrollArea already inserts the vertical scrollbar and corner; it passes children into its viewport. ScrollBar requires Base UI scroll-area root context and defaults to vertical; an extra ScrollBar passed as ScrollArea children is placed inside the viewport, not as a root sibling. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { ScrollArea } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<ScrollArea className="h-32 w-64"><div className="h-96">Scrollable content</div></ScrollArea>);
+ * }
+ * ```
+ */
 declare const ScrollArea: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').ScrollAreaRootProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 /**
- * スクロール領域で表示されるスクロールバーコンポーネント。
+ * Renders a scrollbar track and thumb for the surrounding scroll-area root.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling. Wrapper defaults: orientation='vertical'.
+ * @returns The rendered ScrollBar composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Constrain the root size so content can overflow. ScrollArea already inserts the vertical scrollbar and corner; it passes children into its viewport. ScrollBar requires Base UI scroll-area root context and defaults to vertical; an extra ScrollBar passed as ScrollArea children is placed inside the viewport, not as a root sibling.
+ * @example
+ * ```tsx
+ * import { ScrollArea } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<ScrollArea className="h-32 w-64"><div className="h-96">Scrollable content</div></ScrollArea>);
+ * }
+ * ```
  */
 declare function ScrollBar({ className, orientation, ...props }: ScrollAreaPrimitive.Scrollbar.Props): React.JSX.Element;
 export { ScrollArea, ScrollBar };

package/dist/ui/components/ui/scroll-area.js.map

@@ -1 +1 @@
-{"version":3,"file":"scroll-area.js","names":["React","ScrollAreaPrimitive","React$1","ScrollArea$1","ScrollArea","props","cn","className","ScrollBar","orientation"],"sources":["../../../../src/ui/components/ui/scroll-area.tsx"],"sourcesContent":["'use client';\nimport * as React from 'react';\n\nimport { ScrollArea as ScrollAreaPrimitive } from '@base-ui/react/scroll-area';\n\nimport { cn } from '../../lib/utils';\n\nconst ScrollArea = React.forwardRef<HTMLDivElement, ScrollAreaPrimitive.Root.Props>(\n  ({ className, children, ...props }, ref) => (\n    <ScrollAreaPrimitive.Root\n      ref={ref}\n      data-slot='scroll-area'\n      className={cn('relative', className)}\n      {...props}\n    >\n      <ScrollAreaPrimitive.Viewport\n        data-slot='scroll-area-viewport'\n        className='focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1'\n      >\n        {children}\n      </ScrollAreaPrimitive.Viewport>\n      <ScrollBar />\n      <ScrollAreaPrimitive.Corner />\n    </ScrollAreaPrimitive.Root>\n  ),\n);\nScrollArea.displayName = 'ScrollArea';\n\n/**\n * スクロール領域で表示されるスクロールバーコンポーネント。\n */\nfunction ScrollBar({\n  className,\n  orientation = 'vertical',\n  ...props\n}: ScrollAreaPrimitive.Scrollbar.Props) {\n  return (\n    <ScrollAreaPrimitive.Scrollbar\n      data-slot='scroll-area-scrollbar'\n      data-orientation={orientation}\n      orientation={orientation}\n      className={cn(\n        'data-horizontal:h-2.5 data-horizontal:flex-col data-horizontal:border-t data-horizontal:border-t-transparent data-vertical:h-full data-vertical:w-2.5 data-vertical:border-l data-vertical:border-l-transparent flex touch-none p-px transition-colors select-none',\n        className,\n      )}\n      {...props}\n    >\n      <ScrollAreaPrimitive.Thumb\n        data-slot='scroll-area-thumb'\n        className='rounded-full bg-border relative flex-1'\n      />\n    </ScrollAreaPrimitive.Scrollbar>\n  );\n}\n\nexport { ScrollArea, ScrollBar };\n"],"mappings":";;;;;;;AAOA,IAAMI,IAAaJ,EAAM,YACtB,EAAE,cAAW,aAAU,GAAGK,KAAS,MAClC,kBAACJ,EAAoB,MAArB;CACO;CACL,aAAU;CACV,WAAWK,EAAG,YAAYC,CAAS;CACnC,GAAIF;CAJN,UAAA;EAME,kBAACJ,EAAoB,UAArB;GACE,aAAU;GACV,WAAU;GAET;EAC2B,CAAA;EAC9B,kBAACO,GAAD,CAAY,CAAA;EACZ,kBAACP,EAAoB,QAArB,CAA6B,CAAA;CACL;AAE9B,CAAA,CAAA;AACA,EAAW,cAAc;AAKzB,SAASO,EAAU,EACjB,cACA,iBAAc,YACd,GAAGH,KACmC;CACtC,OACE,kBAACJ,EAAoB,WAArB;EACE,aAAU;EACV,oBAAkBQ;EACL;EACb,WAAWH,EACT,sQACAC,CACF;EACA,GAAIF;EAEJ,UAAA,kBAACJ,EAAoB,OAArB;GACE,aAAU;GACV,WAAU;EACX,CAAA;CAC4B,CAAA;AAEnC"}
+{"version":3,"file":"scroll-area.js","names":["React","ScrollAreaPrimitive","React$1","ScrollArea$1","ScrollArea","props","cn","className","ScrollBar","orientation"],"sources":["../../../../src/ui/components/ui/scroll-area.tsx"],"sourcesContent":["'use client';\nimport * as React from 'react';\n\nimport { ScrollArea as ScrollAreaPrimitive } from '@base-ui/react/scroll-area';\n\nimport { cn } from '../../lib/utils';\n\n/**\n * Renders a scroll viewport with a vertical scrollbar and corner.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered ScrollArea composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Constrain the root size so content can overflow. ScrollArea already inserts the vertical scrollbar and corner; it passes children into its viewport. ScrollBar requires Base UI scroll-area root context and defaults to vertical; an extra ScrollBar passed as ScrollArea children is placed inside the viewport, not as a root sibling. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { ScrollArea } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<ScrollArea className=\"h-32 w-64\"><div className=\"h-96\">Scrollable content</div></ScrollArea>);\n * }\n * ```\n */\nconst ScrollArea = React.forwardRef<HTMLDivElement, ScrollAreaPrimitive.Root.Props>(\n  ({ className, children, ...props }, ref) => (\n    <ScrollAreaPrimitive.Root\n      ref={ref}\n      data-slot='scroll-area'\n      className={cn('relative', className)}\n      {...props}\n    >\n      <ScrollAreaPrimitive.Viewport\n        data-slot='scroll-area-viewport'\n        className='focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1'\n      >\n        {children}\n      </ScrollAreaPrimitive.Viewport>\n      <ScrollBar />\n      <ScrollAreaPrimitive.Corner />\n    </ScrollAreaPrimitive.Root>\n  ),\n);\nScrollArea.displayName = 'ScrollArea';\n\n/**\n * Renders a scrollbar track and thumb for the surrounding scroll-area root.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling. Wrapper defaults: orientation='vertical'.\n * @returns The rendered ScrollBar composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Constrain the root size so content can overflow. ScrollArea already inserts the vertical scrollbar and corner; it passes children into its viewport. ScrollBar requires Base UI scroll-area root context and defaults to vertical; an extra ScrollBar passed as ScrollArea children is placed inside the viewport, not as a root sibling.\n * @example\n * ```tsx\n * import { ScrollArea } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<ScrollArea className=\"h-32 w-64\"><div className=\"h-96\">Scrollable content</div></ScrollArea>);\n * }\n * ```\n */\nfunction ScrollBar({\n  className,\n  orientation = 'vertical',\n  ...props\n}: ScrollAreaPrimitive.Scrollbar.Props) {\n  return (\n    <ScrollAreaPrimitive.Scrollbar\n      data-slot='scroll-area-scrollbar'\n      data-orientation={orientation}\n      orientation={orientation}\n      className={cn(\n        'data-horizontal:h-2.5 data-horizontal:flex-col data-horizontal:border-t data-horizontal:border-t-transparent data-vertical:h-full data-vertical:w-2.5 data-vertical:border-l data-vertical:border-l-transparent flex touch-none p-px transition-colors select-none',\n        className,\n      )}\n      {...props}\n    >\n      <ScrollAreaPrimitive.Thumb\n        data-slot='scroll-area-thumb'\n        className='rounded-full bg-border relative flex-1'\n      />\n    </ScrollAreaPrimitive.Scrollbar>\n  );\n}\n\nexport { ScrollArea, ScrollBar };\n"],"mappings":";;;;;;;AAsBA,IAAMI,IAAaJ,EAAM,YACtB,EAAE,cAAW,aAAU,GAAGK,KAAS,MAClC,kBAACJ,EAAoB,MAArB;CACO;CACL,aAAU;CACV,WAAWK,EAAG,YAAYC,CAAS;CACnC,GAAIF;CAJN,UAAA;EAME,kBAACJ,EAAoB,UAArB;GACE,aAAU;GACV,WAAU;GAET;EAC2B,CAAA;EAC9B,kBAACO,GAAD,CAAY,CAAA;EACZ,kBAACP,EAAoB,QAArB,CAA6B,CAAA;CACL;AAE9B,CAAA,CAAA;AACA,EAAW,cAAc;AAiBzB,SAASO,EAAU,EACjB,cACA,iBAAc,YACd,GAAGH,KACmC;CACtC,OACE,kBAACJ,EAAoB,WAArB;EACE,aAAU;EACV,oBAAkBQ;EACL;EACb,WAAWH,EACT,sQACAC,CACF;EACA,GAAIF;EAEJ,UAAA,kBAACJ,EAAoB,OAArB;GACE,aAAU;GACV,WAAU;EACX,CAAA;CAC4B,CAAA;AAEnC"}

package/dist/ui/components/ui/searchable-select-input.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"searchable-select-input.cjs","names":["React","ComboboxPrimitive","cn","Input","Search","Dialog","DialogContent","DialogHeader","DialogTitle","Label","Button","require_runtime","require_ui_lib_utils","require_ui_components_ui_button_components","require_ui_components_ui_input","require_ui_components_ui_dialog","require_ui_components_ui_label","react_jsx_runtime","react","lucide_react","_base_ui_react_combobox","EMPTY_OPTIONS","normalize","value","uniqByValue","map","option","options","SearchableSelectInput","open","setOpen","inputValue","setInputValue","query","setQuery","highlightedIndex","setHighlightedIndex","isFocused","setIsFocused","loading","setLoading","remoteOptions","setRemoteOptions","knownOptions","setKnownOptions","createOpen","setCreateOpen","createId","setCreateId","createName","setCreateName","creating","setCreating","codeInputValue","setCodeInputValue","isCodeFocused","setIsCodeFocused","closeTimerRef","requestIdRef","lastSearchQueryRef","containerRef","inputElRef","autoSelectedValueRef","composingRef","skipBlurClearRef","isDeletingRef","deletingTimerRef","currentOptionsKey","o","stabilizedOptions","setStabilizedOptions","prevOptionsKey","setPrevOptionsKey","merged","prev","selectedRawValue","selectedOption","splitLayout","codeVal","resolveDisplayField","field","hasExplicitDisplayConfig","primaryDisplayField","secondaryDisplayField","explicitPrimaryText","explicitSecondaryText","secondary","primary","lastValueRef","inputValueRef","currentInputValue","isExternalUpdate","hasResolvedLabel","isCurrentlyUuid","targetLabel","showIdBelow","showIdInInput","showIdRight","displayIdSuffix","secondaryDisplayPosition","displayVal","displayIdBelow","trimmedQuery","normalizedQuery","searchFn","onSearch","createFn","onCreateOption","localFilteredOptions","base","byLabel","matchByLabel","byValue","matchByValue","byDescription","matchByDescription","searchFnRef","canStartCreate","createMode","onCreateRequested","idInputEnabled","minSearchLength","requestId","timer","fetched","debounceMs","filteredOptions","visibleOptions","maxInlineResults","hasTooMany","resolvedTooManyMessage","tooManyMessage","applyOption","nextValue","onValueChange","nextInputText","keepOpen","index","el","nextInput","autoSelectSingle","single","singleValue","singleInputText","selectedIndex","handleInputValue","prevLen","isDeleting","raw","allowCustomValue","showCreatePrompt","createPromptLabel","openCreateDialog","triggerCreate","handleKeyDown","event","key","onClear","onDoubleClick","disabled","readOnly","submitCreate","id","name","created","resolveCode","match","exact","handleCodeKeyDown","showLabelOverlay","overlayLabel","showLookupIcon","next","opt","codePlaceholder","className","belowContent","text","inputProps","inputRef","namePlaceholder","placeholder","onBlur","isSelected","showValue","showValueInList","noOptionsMessage","createDialogTitle","createIdLabel","createNameLabel"],"sources":["../../../../src/ui/components/ui/searchable-select-input.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Search } from 'lucide-react';\nimport { Input } from './input';\nimport { Button } from './button';\nimport { Dialog, DialogContent, DialogHeader, DialogTitle } from './dialog';\nimport { Label } from './label';\nimport { Combobox as ComboboxPrimitive } from '@base-ui/react/combobox';\nimport { cn } from '../../lib/utils';\n/** A value and its display text; independent of records or schemas. */\nexport interface SearchableSelectOption {\n  value: string | number;\n  label: string;\n  description?: string;\n  name?: string;\n  code?: string;\n}\n\n\n/** options 未指定時に毎レンダーで新しい配列を作らないための安定参照 */\nconst EMPTY_OPTIONS: SearchableSelectOption[] = [];\n\n/**\n * 候補ゼロ時の新規作成入力です。\n */\nexport interface SearchableSelectCreateInput {\n  /** 新規レコードID */\n  id?: string;\n  /** 新規レコード名称 */\n  name: string;\n}\n\nexport type SearchableSelectCreateMode = 'manual_code' | 'sequence_code' | 'disabled';\nexport type SearchableSelectDisplayField =\n  | 'label'\n  | 'description'\n  | 'name'\n  | 'code'\n  | 'value'\n  | 'none';\nexport type SearchableSelectDisplayPosition = 'right' | 'below';\n\n/**\n * 候補ゼロ時に親コンポーネントへ通知する「新規作成リクエスト」です。\n */\nexport interface SearchableSelectCreateRequest {\n  /** ユーザーが入力していた検索文字列 */\n  query: string;\n  /** コード採番モード */\n  mode: SearchableSelectCreateMode;\n}\n\n/**\n * SearchableSelectInput のプロパティです。\n */\nexport interface SearchableSelectInputProps {\n  /** 現在の選択値（ID等）。null/undefined は未選択 */\n  value?: string | number | null;\n  /** 値が変更された際に呼ばれるコールバック */\n  onValueChange: (value: string) => void;\n  /** 同期的に利用可能な候補一覧（ローカルフィルタ対象） */\n  options?: SearchableSelectOption[];\n  /** 非同期検索関数 */\n  onSearch?: (query: string) => Promise<SearchableSelectOption[]>;\n  /** 新規作成関数 */\n  onCreateOption?: (input: SearchableSelectCreateInput) => Promise<SearchableSelectOption>;\n  /** 候補ゼロ時の「新規作成」選択を親へ通知 */\n  onCreateRequested?: (request: SearchableSelectCreateRequest) => void;\n  /** デバウンス時間（ms） */\n  debounceMs?: number;\n  /** 検索を開始する最小入力文字数 */\n  minSearchLength?: number;\n  /** 値（ID）による部分一致フィルタを有効にするか */\n  matchByValue?: boolean;\n  /** ラベル（名称）による部分一致フィルタを有効にするか */\n  matchByLabel?: boolean;\n  /** 補足説明（コード等）による部分一致フィルタを有効にするか */\n  matchByDescription?: boolean;\n  /** 候補リストにID（value）を表示するか */\n  showValueInList?: boolean;\n  /** 候補一覧に無い任意の値入力を許可するか */\n  allowCustomValue?: boolean;\n  /** プレースホルダーテキスト */\n  placeholder?: string;\n  /** 入力を無効化するか */\n  disabled?: boolean;\n  /** 読み取り専用にするか */\n  readOnly?: boolean;\n  /** 追加CSSクラス名 */\n  className?: string;\n  /** blur イベント通知コールバック */\n  onBlur?: () => void;\n  /** 候補ゼロ時に表示するメッセージ */\n  noOptionsMessage?: string;\n  /** 新規作成ダイアログのタイトル */\n  createDialogTitle?: string;\n  /** 新規作成フォームのIDラベル */\n  createIdLabel?: string;\n  /** 新規作成フォームの名称ラベル */\n  createNameLabel?: string;\n  /** 新規作成時のコード採番モード */\n  createMode?: SearchableSelectCreateMode;\n  /** 入力要素への ref */\n  inputRef?: React.Ref<HTMLInputElement>;\n  /** ドロップダウンにインライン表示する候補の最大件数 */\n  maxInlineResults?: number;\n  /** 検索結果が maxInlineResults を超えた際に表示するメッセージ */\n  tooManyMessage?: string;\n  /** 検索結果が厳密に1件のみの場合に、自動的にその候補を選択するか */\n  autoSelectSingle?: boolean;\n  /** ダブルクリック時に呼ばれるコールバック */\n  onDoubleClick?: () => void;\n  /** 選択確定後にコード(ID)を表示する方法 */\n  showIdInInput?: boolean | 'right' | 'below';\n  /** 選択済み表示の主表示フィールド */\n  primaryDisplayField?: SearchableSelectDisplayField;\n  /** 選択済み表示の副表示フィールド */\n  secondaryDisplayField?: SearchableSelectDisplayField;\n  /** 副表示の配置位置 */\n  secondaryDisplayPosition?: SearchableSelectDisplayPosition;\n  /** 値をクリアするコールバック */\n  onClear?: () => void;\n  /** 選択確定後に2行目に表示する内容 */\n  belowContent?: string | ((option: SearchableSelectOption) => string);\n  /**\n   * コード（値）入力と名称入力を別々のインプットとして分離して表示するレイアウト。\n   * - 'horizontal': 横並び（左側にコード、右側に名称）\n   * - 'vertical': 縦並び（上がコード、下が名称）\n   * - undefined: 従来の単一インプット\n   */\n  splitLayout?: 'horizontal' | 'vertical';\n  /** コード（値）入力欄のプレースホルダー */\n  codePlaceholder?: string;\n  /** 名称入力欄のプレースホルダー */\n  namePlaceholder?: string;\n}\n\nfunction normalize(value: unknown): string {\n  return value === null || value === undefined ? '' : String(value);\n}\n\nfunction uniqByValue(options: SearchableSelectOption[]): SearchableSelectOption[] {\n  const map = new Map<string, SearchableSelectOption>();\n  for (const option of options) {\n    map.set(String(option.value), option);\n  }\n  return Array.from(map.values());\n}\n\n/**\n * 入力されたテキストに基づいて候補を検索（ローカルまたは非同期）して選択できる、インクリメンタルサーチ対応のセレクトボックス。\n */\nexport function SearchableSelectInput({\n  value,\n  onValueChange,\n  options = EMPTY_OPTIONS,\n  onSearch,\n  onCreateOption,\n  onCreateRequested,\n  debounceMs = 300,\n  minSearchLength = 1,\n  matchByValue = true,\n  matchByLabel = true,\n  allowCustomValue = true,\n  placeholder,\n  disabled,\n  readOnly,\n  className,\n  onBlur,\n  noOptionsMessage = '候補なし',\n  createDialogTitle = '候補がありません。新規作成しますか？',\n  createIdLabel = 'コード',\n  createNameLabel = '名称',\n  createMode = 'manual_code',\n  inputRef,\n  maxInlineResults = 10,\n  tooManyMessage = 'さらに絞り込んでください',\n  autoSelectSingle = false,\n  onDoubleClick,\n  showIdInInput = false,\n  primaryDisplayField,\n  secondaryDisplayField,\n  secondaryDisplayPosition = 'right',\n  onClear,\n  belowContent,\n  matchByDescription = true,\n  showValueInList = true,\n  splitLayout,\n  codePlaceholder,\n  namePlaceholder,\n}: SearchableSelectInputProps) {\n  const [open, setOpen] = React.useState(false);\n  const [inputValue, setInputValue] = React.useState('');\n  const [query, setQuery] = React.useState('');\n  const [highlightedIndex, setHighlightedIndex] = React.useState(-1);\n  const [isFocused, setIsFocused] = React.useState(false);\n  const [loading, setLoading] = React.useState(false);\n  const [remoteOptions, setRemoteOptions] = React.useState<SearchableSelectOption[]>([]);\n  const [knownOptions, setKnownOptions] = React.useState<SearchableSelectOption[]>(options);\n  const [createOpen, setCreateOpen] = React.useState(false);\n  const [createId, setCreateId] = React.useState('');\n  const [createName, setCreateName] = React.useState('');\n  const [creating, setCreating] = React.useState(false);\n  const [codeInputValue, setCodeInputValue] = React.useState('');\n  const [isCodeFocused, setIsCodeFocused] = React.useState(false);\n  const closeTimerRef = React.useRef<number | null>(null);\n  const requestIdRef = React.useRef(0);\n  const lastSearchQueryRef = React.useRef('');\n  const containerRef = React.useRef<HTMLDivElement | null>(null);\n  const inputElRef = React.useRef<HTMLInputElement | null>(null);\n  const autoSelectedValueRef = React.useRef<string>('');\n  const composingRef = React.useRef(false);\n  const skipBlurClearRef = React.useRef(false);\n  const isDeletingRef = React.useRef(false);\n  const deletingTimerRef = React.useRef<number | null>(null);\n\n  React.useEffect(() => {\n    return () => {\n      if (closeTimerRef.current !== null) {\n        window.clearTimeout(closeTimerRef.current);\n      }\n      if (deletingTimerRef.current !== null) {\n        window.clearTimeout(deletingTimerRef.current);\n      }\n    };\n  }, []);\n\n  const currentOptionsKey = React.useMemo(\n    () => options.map((o) => String(o.value)).join(','),\n    [options],\n  );\n  const [stabilizedOptions, setStabilizedOptions] = React.useState(options);\n  const [prevOptionsKey, setPrevOptionsKey] = React.useState(currentOptionsKey);\n\n  if (currentOptionsKey !== prevOptionsKey) {\n    setStabilizedOptions(options);\n    setPrevOptionsKey(currentOptionsKey);\n  }\n\n  React.useEffect(() => {\n    if (stabilizedOptions.length === 0) return;\n    queueMicrotask(() => {\n      setKnownOptions((prev) => {\n        const merged = uniqByValue([...prev, ...stabilizedOptions]);\n        if (merged.length === prev.length) return prev;\n        return merged;\n      });\n    });\n  }, [stabilizedOptions]);\n\n  const selectedRawValue = normalize(value);\n\n  const selectedOption = React.useMemo(\n    () => knownOptions.find((option) => String(option.value) === selectedRawValue),\n    [knownOptions, selectedRawValue],\n  );\n\n  // splitLayout 時のコード入力値の同期\n  React.useEffect(() => {\n    if (splitLayout) {\n      if (isCodeFocused) return;\n      if (selectedOption) {\n        const codeVal =\n          selectedOption.code ||\n          (selectedOption.description\n            ? String(selectedOption.description)\n            : String(selectedOption.value));\n        queueMicrotask(() => {\n          setCodeInputValue(codeVal);\n        });\n      } else {\n        queueMicrotask(() => {\n          setCodeInputValue(selectedRawValue);\n        });\n      }\n    }\n  }, [selectedOption, selectedRawValue, splitLayout, isCodeFocused]);\n\n  const resolveDisplayField = React.useCallback(\n    (option: SearchableSelectOption, field: SearchableSelectDisplayField | undefined): string => {\n      if (!field || field === 'none') return '';\n      switch (field) {\n        case 'label':\n          return option.label || '';\n        case 'description':\n          return option.description ? String(option.description) : '';\n        case 'name':\n          return option.name || option.label || '';\n        case 'code':\n          return option.code || (option.description ? String(option.description) : '');\n        case 'value':\n          return String(option.value);\n        default:\n          return '';\n      }\n    },\n    [],\n  );\n  const hasExplicitDisplayConfig = Boolean(primaryDisplayField || secondaryDisplayField);\n  const explicitPrimaryText = React.useMemo(() => {\n    if (!selectedOption || !primaryDisplayField) return '';\n    return resolveDisplayField(selectedOption, primaryDisplayField);\n  }, [selectedOption, primaryDisplayField, resolveDisplayField]);\n  const explicitSecondaryText = React.useMemo(() => {\n    if (!selectedOption || !secondaryDisplayField || secondaryDisplayField === 'none') return '';\n    const secondary = resolveDisplayField(selectedOption, secondaryDisplayField);\n    const primary = primaryDisplayField\n      ? resolveDisplayField(selectedOption, primaryDisplayField)\n      : '';\n    if (!secondary || secondary === primary) return '';\n    return secondary;\n  }, [selectedOption, secondaryDisplayField, primaryDisplayField, resolveDisplayField]);\n\n  const lastValueRef = React.useRef(value);\n  const inputValueRef = React.useRef(inputValue);\n  React.useLayoutEffect(() => {\n    inputValueRef.current = inputValue;\n  });\n  React.useEffect(() => {\n    const currentInputValue = inputValueRef.current;\n    const isExternalUpdate = value !== lastValueRef.current;\n    const hasResolvedLabel =\n      selectedOption && selectedOption.label !== String(selectedOption.value);\n    const isCurrentlyUuid = currentInputValue === String(value) && value !== '';\n    const targetLabel = selectedOption\n      ? hasExplicitDisplayConfig\n        ? primaryDisplayField === 'none'\n          ? ''\n          : explicitPrimaryText || selectedOption.label\n        : selectedOption.label\n      : selectedRawValue;\n\n    if (currentInputValue === targetLabel && !isExternalUpdate) return;\n\n    if (isFocused && isExternalUpdate && isDeletingRef.current) {\n      lastValueRef.current = value;\n      return;\n    }\n\n    if (isFocused && isExternalUpdate && String(value) === currentInputValue) {\n      lastValueRef.current = value;\n      return;\n    }\n\n    if (\n      isExternalUpdate ||\n      (isCurrentlyUuid && hasResolvedLabel) ||\n      (!isFocused && (selectedOption || selectedRawValue))\n    ) {\n      setInputValue(targetLabel);\n      lastValueRef.current = value;\n    }\n  }, [\n    value,\n    selectedOption,\n    selectedRawValue,\n    isFocused,\n    hasExplicitDisplayConfig,\n    explicitPrimaryText,\n    primaryDisplayField,\n  ]);\n\n  const showIdBelow = !hasExplicitDisplayConfig && showIdInInput === 'below';\n  const showIdRight =\n    !hasExplicitDisplayConfig && (showIdInInput === true || showIdInInput === 'right');\n\n  const displayIdSuffix = React.useMemo(() => {\n    if (hasExplicitDisplayConfig) {\n      if (!selectedOption || secondaryDisplayPosition !== 'right') return null;\n      return explicitSecondaryText || null;\n    }\n    if (!showIdRight || !selectedOption) return null;\n    const displayVal = selectedOption.description\n      ? String(selectedOption.description)\n      : String(selectedOption.value);\n    if (displayVal === selectedOption.label || !displayVal) return null;\n    return displayVal;\n  }, [\n    hasExplicitDisplayConfig,\n    selectedOption,\n    secondaryDisplayPosition,\n    explicitSecondaryText,\n    showIdRight,\n  ]);\n\n  const displayIdBelow = React.useMemo(() => {\n    if (hasExplicitDisplayConfig) {\n      if (!selectedOption || secondaryDisplayPosition !== 'below') return null;\n      return explicitSecondaryText || null;\n    }\n    if (!showIdBelow || !selectedOption) return null;\n    const displayVal = selectedOption.description\n      ? String(selectedOption.description)\n      : String(selectedOption.value);\n    if (displayVal === selectedOption.label || !displayVal) return null;\n    return displayVal;\n  }, [\n    hasExplicitDisplayConfig,\n    selectedOption,\n    secondaryDisplayPosition,\n    explicitSecondaryText,\n    showIdBelow,\n  ]);\n\n  const trimmedQuery = query.trim();\n  const normalizedQuery = trimmedQuery.toLowerCase();\n\n  const searchFn = onSearch ?? null;\n  const createFn = onCreateOption ?? null;\n\n  const localFilteredOptions = React.useMemo(() => {\n    if (!normalizedQuery) {\n      const base = stabilizedOptions;\n      if (selectedOption && !base.find((o) => String(o.value) === String(selectedOption.value))) {\n        return uniqByValue([...base, selectedOption]);\n      }\n      return base;\n    }\n    return knownOptions.filter((option) => {\n      const byLabel = matchByLabel ? option.label.toLowerCase().includes(normalizedQuery) : false;\n      const byValue = matchByValue\n        ? String(option.value).toLowerCase().includes(normalizedQuery)\n        : false;\n      const byDescription = matchByDescription\n        ? String(option.description || '')\n            .toLowerCase()\n            .includes(normalizedQuery)\n        : false;\n      return byLabel || byValue || byDescription;\n    });\n  }, [\n    normalizedQuery,\n    knownOptions,\n    matchByLabel,\n    matchByValue,\n    matchByDescription,\n    selectedOption,\n    stabilizedOptions,\n  ]);\n\n  const searchFnRef = React.useRef(searchFn);\n  React.useLayoutEffect(() => {\n    searchFnRef.current = searchFn;\n  });\n\n  const canCreate = Boolean(createFn) && createMode !== 'disabled';\n  const canRequestCreate = Boolean(onCreateRequested) && createMode !== 'disabled';\n  const canStartCreate = canCreate || canRequestCreate;\n  const idInputEnabled = createMode === 'manual_code';\n\n  React.useEffect(() => {\n    if (!searchFnRef.current) return;\n\n    const isRefinement =\n      lastSearchQueryRef.current &&\n      normalizedQuery.startsWith(lastSearchQueryRef.current.toLowerCase()) &&\n      remoteOptions.length > 0 &&\n      remoteOptions.length <= 10;\n\n    if (isRefinement) {\n      return;\n    }\n\n    if (normalizedQuery.length < minSearchLength) {\n      queueMicrotask(() => {\n        setRemoteOptions((prev) => (prev.length === 0 ? prev : []));\n        setLoading(false);\n      });\n      return;\n    }\n\n    const requestId = ++requestIdRef.current;\n    const timer = window.setTimeout(async () => {\n      try {\n        setLoading(true);\n        const fetched = await searchFnRef.current!(query);\n        if (requestIdRef.current !== requestId) return;\n        lastSearchQueryRef.current = query;\n        setRemoteOptions(fetched);\n        setKnownOptions((prev) => uniqByValue([...prev, ...fetched]));\n      } finally {\n        if (requestIdRef.current === requestId) {\n          setLoading(false);\n        }\n      }\n    }, debounceMs);\n\n    return () => {\n      window.clearTimeout(timer);\n    };\n  }, [query, normalizedQuery, remoteOptions.length, minSearchLength, debounceMs]);\n\n  const filteredOptions = React.useMemo(() => {\n    if (!searchFn) return localFilteredOptions;\n    if (normalizedQuery.length < minSearchLength) return localFilteredOptions;\n\n    return remoteOptions.filter((option: SearchableSelectOption) => {\n      const byLabel = matchByLabel ? option.label.toLowerCase().includes(normalizedQuery) : false;\n      const byValue = matchByValue\n        ? String(option.value).toLowerCase().includes(normalizedQuery)\n        : false;\n      const byDescription = matchByDescription\n        ? String(option.description || '')\n            .toLowerCase()\n            .includes(normalizedQuery)\n        : false;\n      return byLabel || byValue || byDescription;\n    });\n  }, [\n    searchFn,\n    localFilteredOptions,\n    normalizedQuery,\n    minSearchLength,\n    matchByLabel,\n    matchByValue,\n    matchByDescription,\n    remoteOptions,\n  ]);\n\n  const visibleOptions = React.useMemo(() => {\n    if (filteredOptions.length <= maxInlineResults) return filteredOptions;\n    return filteredOptions.slice(0, maxInlineResults);\n  }, [filteredOptions, maxInlineResults]);\n\n  const hasTooMany = filteredOptions.length > maxInlineResults;\n\n  const resolvedTooManyMessage = React.useMemo(() => {\n    return tooManyMessage.replace('{count}', String(filteredOptions.length));\n  }, [tooManyMessage, filteredOptions.length]);\n\n  const applyOption = React.useCallback(\n    (option: SearchableSelectOption, keepOpen: boolean, index: number) => {\n      const nextValue = String(option.value);\n      setKnownOptions((prev: SearchableSelectOption[]) => uniqByValue([...prev, option]));\n      onValueChange(nextValue);\n      const nextInputText = hasExplicitDisplayConfig\n        ? resolveDisplayField(option, primaryDisplayField) || option.label\n        : option.label;\n      setInputValue(nextInputText);\n      setQuery('');\n      setOpen(keepOpen);\n      setHighlightedIndex(keepOpen ? index : -1);\n      if (!keepOpen) {\n        const el = inputElRef.current;\n        if (el) {\n          const td = el.closest('td');\n          const nextTd = td?.nextElementSibling as HTMLElement | null;\n          const nextInput = nextTd?.querySelector<HTMLElement>(\n            'input, textarea, select, [role=\"combobox\"]',\n          );\n          if (nextInput) {\n            skipBlurClearRef.current = true;\n            nextInput.focus();\n          } else {\n            skipBlurClearRef.current = true;\n            el.blur();\n          }\n        }\n      }\n    },\n    [onValueChange, hasExplicitDisplayConfig, resolveDisplayField, primaryDisplayField],\n  );\n\n  // 自動選択\n  React.useEffect(() => {\n    if (\n      !autoSelectSingle ||\n      loading ||\n      !isFocused ||\n      composingRef.current ||\n      isDeletingRef.current ||\n      filteredOptions.length !== 1 ||\n      normalizedQuery.length < minSearchLength\n    ) {\n      return;\n    }\n    const single = filteredOptions[0];\n    const singleValue = String(single.value);\n    if (autoSelectedValueRef.current === singleValue) return;\n    autoSelectedValueRef.current = singleValue;\n    setKnownOptions((prev: SearchableSelectOption[]) => uniqByValue([...prev, single]));\n\n    onValueChange(singleValue);\n    const singleInputText = hasExplicitDisplayConfig\n      ? resolveDisplayField(single, primaryDisplayField) || single.label\n      : single.label;\n    setInputValue(singleInputText);\n    setQuery('');\n    setOpen(false);\n    setHighlightedIndex(-1);\n\n    const el = inputElRef.current;\n    if (el) {\n      const td = el.closest('td');\n      const nextTd = td?.nextElementSibling as HTMLElement | null;\n      const nextInput = nextTd?.querySelector<HTMLElement>(\n        'input, textarea, select, [role=\"combobox\"]',\n      );\n      if (nextInput) {\n        skipBlurClearRef.current = true;\n        nextInput.focus();\n      } else {\n        skipBlurClearRef.current = true;\n        el.blur();\n      }\n    }\n  }, [\n    autoSelectSingle,\n    loading,\n    isFocused,\n    filteredOptions,\n    normalizedQuery,\n    minSearchLength,\n    onValueChange,\n    hasExplicitDisplayConfig,\n    resolveDisplayField,\n    primaryDisplayField,\n  ]);\n\n  React.useEffect(() => {\n    if (!open) {\n      queueMicrotask(() => {\n        setHighlightedIndex(-1);\n      });\n      return;\n    }\n    if (visibleOptions.length === 0) {\n      queueMicrotask(() => {\n        setHighlightedIndex(-1);\n      });\n      return;\n    }\n    const selectedIndex = visibleOptions.findIndex(\n      (option) => String(option.value) === selectedRawValue,\n    );\n    queueMicrotask(() => {\n      setHighlightedIndex(selectedIndex >= 0 ? selectedIndex : 0);\n    });\n  }, [open, visibleOptions, selectedRawValue]);\n\n  const handleInputValue = React.useCallback(\n    (raw: string) => {\n      const prevLen = inputValueRef.current.length;\n      const isDeleting = raw.length < prevLen;\n      setInputValue(raw);\n      setQuery(raw);\n      setOpen(true);\n\n      if (deletingTimerRef.current !== null) {\n        window.clearTimeout(deletingTimerRef.current);\n        deletingTimerRef.current = null;\n      }\n\n      if (isDeleting) {\n        isDeletingRef.current = true;\n        deletingTimerRef.current = window.setTimeout(() => {\n          isDeletingRef.current = false;\n          deletingTimerRef.current = null;\n        }, 800);\n      } else {\n        isDeletingRef.current = false;\n        autoSelectedValueRef.current = '';\n      }\n\n      if (!allowCustomValue) return;\n      onValueChange(raw);\n    },\n    [allowCustomValue, onValueChange],\n  );\n\n  const showCreatePrompt =\n    canStartCreate &&\n    !loading &&\n    trimmedQuery.length >= minSearchLength &&\n    filteredOptions.length === 0;\n\n  const createPromptLabel = trimmedQuery ? `「${trimmedQuery}」で新規作成` : '新規作成';\n\n  const openCreateDialog = React.useCallback(() => {\n    const nextValue = query.trim();\n    setCreateId(idInputEnabled ? nextValue : '');\n    setCreateName(nextValue);\n    setCreateOpen(true);\n  }, [query, idInputEnabled]);\n\n  const triggerCreate = React.useCallback(() => {\n    const nextValue = query.trim();\n    if (!nextValue) return;\n    if (onCreateRequested) {\n      setOpen(false);\n      setHighlightedIndex(-1);\n      onCreateRequested({ query: nextValue, mode: createMode });\n      return;\n    }\n    openCreateDialog();\n  }, [query, onCreateRequested, createMode, openCreateDialog]);\n\n  const handleKeyDown = React.useCallback(\n    (event: React.KeyboardEvent<HTMLInputElement>) => {\n      if (event.nativeEvent.isComposing) {\n        if (event.key === 'Enter') {\n          event.stopPropagation();\n        }\n        return;\n      }\n      const key = event.key;\n\n      if (key === 'Enter' && open) {\n        if ((event.ctrlKey || event.metaKey) && showCreatePrompt) {\n          event.preventDefault();\n          event.stopPropagation();\n          triggerCreate();\n          return;\n        }\n        event.preventDefault();\n        event.stopPropagation();\n        const option = visibleOptions[highlightedIndex];\n        if (option) {\n          applyOption(option, false, highlightedIndex);\n        }\n        return;\n      }\n\n      if (key === 'Escape' || key === 'Esc') {\n        event.preventDefault();\n        if (open) {\n          setOpen(false);\n          setHighlightedIndex(-1);\n        } else {\n          if (onClear) {\n            onClear();\n          } else {\n            onValueChange('');\n          }\n          setInputValue('');\n          setQuery('');\n          autoSelectedValueRef.current = '';\n        }\n        return;\n      }\n\n      if (key === 'F2' && onDoubleClick && !disabled && !readOnly) {\n        event.preventDefault();\n        setOpen(false);\n        onDoubleClick();\n        return;\n      }\n    },\n    [\n      visibleOptions,\n      highlightedIndex,\n      open,\n      applyOption,\n      onDoubleClick,\n      disabled,\n      readOnly,\n      onClear,\n      onValueChange,\n      showCreatePrompt,\n      triggerCreate,\n    ],\n  );\n\n  const submitCreate = React.useCallback(async () => {\n    if (!createFn) return;\n    const id = idInputEnabled ? createId.trim() : '';\n    const name = createName.trim();\n    if (!name) return;\n\n    setCreating(true);\n    try {\n      const created = await createFn({ id, name });\n      setKnownOptions((prev) => uniqByValue([...prev, created]));\n      applyOption(created, false, -1);\n      setCreateOpen(false);\n    } finally {\n      setCreating(false);\n    }\n  }, [createFn, createId, createName, applyOption, idInputEnabled]);\n\n  const resolveCode = React.useCallback(\n    async (raw: string) => {\n      if (raw === '') {\n        onValueChange('');\n        setInputValue('');\n        setQuery('');\n        return;\n      }\n\n      // まずは既知の候補から\n      let match = knownOptions.find(\n        (o) =>\n          String(o.value) === raw ||\n          (o.code && o.code === raw) ||\n          (o.description && String(o.description) === raw),\n      );\n\n      if (!match && searchFn) {\n        setLoading(true);\n        try {\n          const fetched = await searchFn(raw);\n          const exact = fetched.find(\n            (o) =>\n              String(o.value) === raw ||\n              (o.code && o.code === raw) ||\n              (o.description && String(o.description) === raw),\n          );\n          if (exact) {\n            match = exact;\n          }\n        } catch (e) {\n          console.error('Code lookup error', e);\n        } finally {\n          setLoading(false);\n        }\n      }\n\n      if (match) {\n        applyOption(match, false, -1);\n      } else {\n        if (allowCustomValue) {\n          onValueChange(raw);\n          setInputValue(raw);\n        } else {\n          if (canStartCreate) {\n            setQuery(raw);\n            if (onCreateRequested) {\n              onCreateRequested({ query: raw, mode: createMode });\n            } else {\n              const nextValue = raw.trim();\n              setCreateId(idInputEnabled ? nextValue : '');\n              setCreateName('');\n              setCreateOpen(true);\n            }\n          } else {\n            // 一致せず作成も不可の場合は元に戻す\n            setCodeInputValue(\n              selectedOption ? selectedOption.code || String(selectedOption.value) : '',\n            );\n          }\n        }\n      }\n    },\n    [\n      knownOptions,\n      searchFn,\n      applyOption,\n      onValueChange,\n      allowCustomValue,\n      canStartCreate,\n      onCreateRequested,\n      createMode,\n      idInputEnabled,\n      selectedOption,\n    ],\n  );\n\n  const handleCodeKeyDown = React.useCallback(\n    (event: React.KeyboardEvent<HTMLInputElement>) => {\n      if (event.key === 'Enter') {\n        event.preventDefault();\n        resolveCode(codeInputValue);\n      }\n    },\n    [codeInputValue, resolveCode],\n  );\n\n  const showLabelOverlay = !isFocused && selectedRawValue !== '';\n  const overlayLabel = selectedOption\n    ? hasExplicitDisplayConfig\n      ? primaryDisplayField === 'none'\n        ? ''\n        : explicitPrimaryText || selectedOption.label\n      : selectedOption.label\n    : selectedRawValue;\n  const showLookupIcon = Boolean(onDoubleClick) && isFocused && !disabled && !readOnly;\n\n  return (\n    <ComboboxPrimitive.Root\n      open={open && !disabled && !readOnly}\n      onOpenChange={setOpen}\n      value={selectedRawValue}\n      onValueChange={(next) => {\n        if (next !== null && next !== undefined) {\n          const opt = knownOptions.find((o) => String(o.value) === String(next));\n          if (opt) {\n            applyOption(opt, false, -1);\n          } else {\n            onValueChange(String(next));\n          }\n        }\n      }}\n    >\n      <div ref={containerRef} className='relative w-full flex-1 flex flex-col'>\n        <div\n          className={cn(\n            'w-full',\n            splitLayout === 'horizontal'\n              ? 'flex flex-row items-stretch'\n              : splitLayout === 'vertical'\n                ? 'flex flex-col'\n                : 'relative',\n          )}\n        >\n          {splitLayout && (\n            <Input\n              value={codeInputValue}\n              placeholder={codePlaceholder || 'コード'}\n              disabled={disabled}\n              readOnly={readOnly}\n              className={cn(\n                'flex-shrink-0',\n                splitLayout === 'horizontal'\n                  ? 'w-28 rounded-r-none border-r-0'\n                  : 'w-full rounded-b-none border-b-0',\n                'focus:z-10 focus-visible:ring-1',\n              )}\n              onChange={(e) => setCodeInputValue(e.target.value)}\n              onFocus={() => setIsCodeFocused(true)}\n              onBlur={() => {\n                setIsCodeFocused(false);\n                resolveCode(codeInputValue);\n              }}\n              onKeyDown={handleCodeKeyDown}\n            />\n          )}\n          <div className={cn('flex-1', splitLayout ? 'relative' : '')}>\n            {showLabelOverlay && (\n              <div\n                className={className}\n                aria-hidden='true'\n                style={{\n                  overflow: 'hidden',\n                  pointerEvents: 'none',\n                  position: 'absolute',\n                  inset: 0,\n                  zIndex: 1,\n                  background: 'transparent',\n                  display: 'flex',\n                  alignItems: className?.includes('flex-col') ? 'flex-start' : 'center',\n                  paddingLeft: 'inherit',\n                  paddingRight: 'inherit',\n                }}\n              >\n                {overlayLabel}\n                {selectedOption &&\n                  !hasExplicitDisplayConfig &&\n                  belowContent != null &&\n                  (() => {\n                    const text =\n                      typeof belowContent === 'function'\n                        ? belowContent(selectedOption)\n                        : belowContent;\n                    return text ? (\n                      <div style={{ fontSize: '0.75em', opacity: 0.6, lineHeight: 1.2 }}>\n                        {text}\n                      </div>\n                    ) : null;\n                  })()}\n              </div>\n            )}\n            <ComboboxPrimitive.Input\n              render={(inputProps) => (\n                <Input\n                  {...inputProps}\n                  ref={(el: HTMLInputElement | null) => {\n                    inputElRef.current = el;\n                    // Chain refs correctly\n                    if (typeof inputRef === 'function') {\n                      inputRef(el);\n                    } else if (inputRef) {\n                      (inputRef as React.MutableRefObject<HTMLInputElement | null>).current = el;\n                    }\n                    if (typeof inputProps.ref === 'function') {\n                      inputProps.ref(el);\n                    } else if (inputProps.ref) {\n                      (inputProps.ref as React.MutableRefObject<HTMLInputElement | null>).current =\n                        el;\n                    }\n                  }}\n                  value={inputValue}\n                  placeholder={splitLayout ? namePlaceholder || placeholder : placeholder}\n                  disabled={disabled}\n                  readOnly={readOnly}\n                  className={cn(\n                    className,\n                    splitLayout === 'horizontal'\n                      ? 'rounded-l-none'\n                      : splitLayout === 'vertical'\n                        ? 'rounded-t-none'\n                        : '',\n                  )}\n                  autoComplete='off'\n                  style={{\n                    ...(displayIdSuffix\n                      ? { paddingRight: `${displayIdSuffix.length * 0.6 + 1.5}em` }\n                      : {}),\n                    ...(showLookupIcon ? { paddingRight: '2rem' } : {}),\n                    ...(showLabelOverlay\n                      ? { color: 'transparent', caretColor: 'transparent' }\n                      : {}),\n                  }}\n                  onChange={(event) => {\n                    inputProps.onChange?.(event);\n                    if (!composingRef.current) {\n                      handleInputValue(event.target.value);\n                    } else {\n                      setInputValue(event.target.value);\n                    }\n                  }}\n                  onCompositionStart={(event) => {\n                    inputProps.onCompositionStart?.(event);\n                    composingRef.current = true;\n                  }}\n                  onCompositionEnd={(event) => {\n                    inputProps.onCompositionEnd?.(event);\n                    composingRef.current = false;\n                    handleInputValue((event.target as HTMLInputElement).value);\n                  }}\n                  onFocus={(event) => {\n                    inputProps.onFocus?.(event);\n                    setIsFocused(true);\n                    setOpen(true);\n                    setQuery('');\n                  }}\n                  onClick={(event) => {\n                    inputProps.onClick?.(event);\n                    setOpen(true);\n                    setQuery('');\n                  }}\n                  onDoubleClick={() => {\n                    if (onDoubleClick && !disabled && !readOnly) {\n                      setOpen(false);\n                      onDoubleClick();\n                    }\n                  }}\n                  onKeyDownCapture={(event) => {\n                    inputProps.onKeyDown?.(event);\n                    handleKeyDown(event);\n                  }}\n                  onBlur={(event) => {\n                    inputProps.onBlur?.(event);\n                    setIsFocused(false);\n                    if (closeTimerRef.current !== null) {\n                      window.clearTimeout(closeTimerRef.current);\n                    }\n                    closeTimerRef.current = window.setTimeout(() => {\n                      setOpen(false);\n                      skipBlurClearRef.current = false;\n                    }, 120);\n                    onBlur?.();\n                  }}\n                />\n              )}\n            />\n            {showLookupIcon && (\n              <button\n                type='button'\n                onMouseDown={(event: React.MouseEvent) => event.preventDefault()}\n                onClick={() => {\n                  setOpen(false);\n                  onDoubleClick?.();\n                }}\n                style={{\n                  position: 'absolute',\n                  right: '0.25rem',\n                  top: '50%',\n                  transform: 'translateY(-50%)',\n                  width: '1.5rem',\n                  height: '1.5rem',\n                  display: 'inline-flex',\n                  alignItems: 'center',\n                  justifyContent: 'center',\n                  borderRadius: '0.25rem',\n                  color: 'var(--muted-foreground, #999)',\n                  background: 'transparent',\n                  zIndex: 2,\n                }}\n                aria-label='詳細検索'\n                title='詳細検索 (F2)'\n              >\n                <Search size={14} />\n              </button>\n            )}\n            {displayIdSuffix && (\n              <span\n                style={{\n                  position: 'absolute',\n                  right: '0.5em',\n                  top: '50%',\n                  transform: 'translateY(-50%)',\n                  fontSize: '0.75em',\n                  color: 'var(--muted-foreground, #999)',\n                  pointerEvents: 'none',\n                  opacity: 0.7,\n                  userSelect: 'none',\n                  zIndex: 2,\n                }}\n              >\n                {displayIdSuffix}\n              </span>\n            )}\n          </div>\n        </div>\n        <div className='flex flex-col min-h-[1.25rem] pointer-events-none'>\n          {(displayIdBelow || belowContent) && (\n            <div className='text-[10px] text-muted-foreground leading-none px-2 py-1'>\n              {(() => {\n                const text =\n                  typeof belowContent === 'function'\n                    ? selectedOption\n                      ? belowContent(selectedOption)\n                      : null\n                    : belowContent;\n                return text || displayIdBelow;\n              })()}\n            </div>\n          )}\n        </div>\n      </div>\n\n      <ComboboxPrimitive.Portal>\n        <ComboboxPrimitive.Positioner\n          side='bottom'\n          sideOffset={6}\n          align='start'\n          className='isolate z-50'\n          anchor={containerRef}\n        >\n          <ComboboxPrimitive.Popup className='max-h-56 overflow-auto rounded-md border bg-popover py-1 text-popover-foreground shadow-md min-w-[calc(var(--anchor-width))]'>\n            {loading && <div className='px-3 py-1.5 text-sm text-muted-foreground'>検索中...</div>}\n\n            {!loading &&\n              visibleOptions.length > 0 &&\n              visibleOptions.map((option, index) => {\n                const isSelected =\n                  selectedRawValue !== '' && String(option.value) === selectedRawValue;\n                const showValue = showValueInList && String(option.value) !== option.label;\n\n                return (\n                  <ComboboxPrimitive.Item\n                    key={String(option.value)}\n                    value={String(option.value)}\n                    className={cn(\n                      'block w-full px-3 py-1.5 text-left text-sm cursor-default select-none outline-none',\n                      'hover:bg-accent hover:text-accent-foreground data-highlighted:bg-accent data-highlighted:text-accent-foreground',\n                      isSelected ? 'bg-primary/10 text-foreground font-semibold' : '',\n                    )}\n                    onMouseEnter={() => setHighlightedIndex(index)}\n                    onClick={() => applyOption(option, false, index)}\n                  >\n                    <div className='flex items-start justify-between gap-2 w-full'>\n                      <div className='flex-1 truncate'>\n                        <div className='truncate'>{option.label || String(option.value)}</div>\n                      </div>\n                      <div className='flex flex-col items-end gap-0.5 text-xs text-muted-foreground flex-shrink-0'>\n                        {option.description ? (\n                          <span className='leading-none'>{option.description}</span>\n                        ) : (\n                          showValue && <span className='leading-none'>{String(option.value)}</span>\n                        )}\n                      </div>\n                    </div>\n                  </ComboboxPrimitive.Item>\n                );\n              })}\n\n            {!loading && hasTooMany && (\n              <div className='border-t px-3 py-1.5 text-xs text-muted-foreground'>\n                {filteredOptions.length}件中{maxInlineResults}件を表示 — {resolvedTooManyMessage}\n              </div>\n            )}\n\n            {!loading && filteredOptions.length === 0 && (\n              <div className='px-3 py-1.5 text-sm text-muted-foreground'>{noOptionsMessage}</div>\n            )}\n\n            {showCreatePrompt && (\n              <div className='border-t'>\n                <button\n                  type='button'\n                  className='block w-full px-3 py-2 text-left text-sm hover:bg-accent hover:text-accent-foreground'\n                  onMouseDown={(event: React.MouseEvent) => event.preventDefault()}\n                  onClick={triggerCreate}\n                >\n                  <div className='flex items-center justify-between gap-3'>\n                    <span className='truncate'>{createPromptLabel}</span>\n                    <span className='text-[11px] text-muted-foreground whitespace-nowrap'>\n                      Ctrl/Cmd+Enter\n                    </span>\n                  </div>\n                </button>\n              </div>\n            )}\n          </ComboboxPrimitive.Popup>\n        </ComboboxPrimitive.Positioner>\n      </ComboboxPrimitive.Portal>\n\n      <Dialog open={createOpen} onOpenChange={setCreateOpen}>\n        <DialogContent className='sm:max-w-md'>\n          <DialogHeader>\n            <DialogTitle>{createDialogTitle}</DialogTitle>\n          </DialogHeader>\n          <div className='space-y-3'>\n            {idInputEnabled && (\n              <div className='space-y-1'>\n                <Label htmlFor='searchable-select-create-id'>{createIdLabel}</Label>\n                <Input\n                  id='searchable-select-create-id'\n                  value={createId}\n                  onChange={(event: React.ChangeEvent<HTMLInputElement>) =>\n                    setCreateId(event.target.value)\n                  }\n                  placeholder={createIdLabel}\n                />\n              </div>\n            )}\n            <div className='space-y-1'>\n              <Label htmlFor='searchable-select-create-name'>{createNameLabel}</Label>\n              <Input\n                id='searchable-select-create-name'\n                value={createName}\n                onChange={(event: React.ChangeEvent<HTMLInputElement>) =>\n                  setCreateName(event.target.value)\n                }\n                placeholder='名称'\n              />\n            </div>\n            <div className='flex justify-end gap-2'>\n              <Button\n                type='button'\n                variant='ghost'\n                onClick={() => setCreateOpen(false)}\n                disabled={creating}\n              >\n                キャンセル\n              </Button>\n              <Button\n                type='button'\n                onClick={submitCreate}\n                disabled={creating || !createName.trim() || (idInputEnabled && !createId.trim())}\n              >\n                {creating ? '作成中...' : '作成'}\n              </Button>\n            </div>\n          </div>\n        </DialogContent>\n      </Dialog>\n    </ComboboxPrimitive.Root>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"searchable-select-input.cjs","names":["React","ComboboxPrimitive","cn","Input","Search","Dialog","DialogContent","DialogHeader","DialogTitle","Label","Button","require_runtime","require_ui_lib_utils","require_ui_components_ui_button_components","require_ui_components_ui_input","require_ui_components_ui_dialog","require_ui_components_ui_label","react_jsx_runtime","react","lucide_react","_base_ui_react_combobox","EMPTY_OPTIONS","normalize","value","uniqByValue","map","option","options","SearchableSelectInput","open","setOpen","inputValue","setInputValue","query","setQuery","highlightedIndex","setHighlightedIndex","isFocused","setIsFocused","loading","setLoading","remoteOptions","setRemoteOptions","knownOptions","setKnownOptions","createOpen","setCreateOpen","createId","setCreateId","createName","setCreateName","creating","setCreating","codeInputValue","setCodeInputValue","isCodeFocused","setIsCodeFocused","closeTimerRef","requestIdRef","lastSearchQueryRef","containerRef","inputElRef","autoSelectedValueRef","composingRef","skipBlurClearRef","isDeletingRef","deletingTimerRef","currentOptionsKey","o","stabilizedOptions","setStabilizedOptions","prevOptionsKey","setPrevOptionsKey","merged","prev","selectedRawValue","selectedOption","splitLayout","codeVal","resolveDisplayField","field","hasExplicitDisplayConfig","primaryDisplayField","secondaryDisplayField","explicitPrimaryText","explicitSecondaryText","secondary","primary","lastValueRef","inputValueRef","currentInputValue","isExternalUpdate","hasResolvedLabel","isCurrentlyUuid","targetLabel","showIdBelow","showIdInInput","showIdRight","displayIdSuffix","secondaryDisplayPosition","displayVal","displayIdBelow","trimmedQuery","normalizedQuery","searchFn","onSearch","createFn","onCreateOption","localFilteredOptions","base","byLabel","matchByLabel","byValue","matchByValue","byDescription","matchByDescription","searchFnRef","canStartCreate","createMode","onCreateRequested","idInputEnabled","minSearchLength","requestId","timer","fetched","debounceMs","filteredOptions","visibleOptions","maxInlineResults","hasTooMany","resolvedTooManyMessage","tooManyMessage","applyOption","nextValue","onValueChange","nextInputText","keepOpen","index","el","nextInput","autoSelectSingle","single","singleValue","singleInputText","selectedIndex","handleInputValue","prevLen","isDeleting","raw","allowCustomValue","showCreatePrompt","createPromptLabel","openCreateDialog","triggerCreate","handleKeyDown","event","key","onClear","onDoubleClick","disabled","readOnly","submitCreate","id","name","created","resolveCode","match","exact","handleCodeKeyDown","showLabelOverlay","overlayLabel","showLookupIcon","next","opt","codePlaceholder","className","belowContent","text","inputProps","inputRef","namePlaceholder","placeholder","onBlur","isSelected","showValue","showValueInList","noOptionsMessage","createDialogTitle","createIdLabel","createNameLabel"],"sources":["../../../../src/ui/components/ui/searchable-select-input.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Search } from 'lucide-react';\nimport { Input } from './input';\nimport { Button } from './button';\nimport { Dialog, DialogContent, DialogHeader, DialogTitle } from './dialog';\nimport { Label } from './label';\nimport { Combobox as ComboboxPrimitive } from '@base-ui/react/combobox';\nimport { cn } from '../../lib/utils';\n/**\n * A stringifiable selection value and its display/search metadata.\n * @remarks Inherited native or primitive props keep their upstream types and behavior; this declaration documents only the wrapper-owned options.\n * @see SearchableSelectInput\n */\nexport interface SearchableSelectOption {\n  /**\n   * Selection identity; comparisons/deduplication use String(value), so numeric/string equivalents collide.\n   */\n  value: string | number;\n  /**\n   * Main visible/searchable text; local label matching is case-insensitive.\n   */\n  label: string;\n  /**\n   * Optional description searched by default and shown in result metadata; also a code/display fallback.\n   */\n  description?: string;\n  /**\n   * Optional named display field; name display falls back to label.\n   */\n  name?: string;\n  /**\n   * Optional exact code-lookup key; code display falls back to description.\n   */\n  code?: string;\n}\n\n\n/** options 未指定時に毎レンダーで新しい配列を作らないための安定参照 */\nconst EMPTY_OPTIONS: SearchableSelectOption[] = [];\n\n/**\n * Trimmed fields submitted to the host option-creation callback.\n * @remarks Inherited native or primitive props keep their upstream types and behavior; this declaration documents only the wrapper-owned options.\n * @see SearchableSelectInput\n */\nexport interface SearchableSelectCreateInput {\n  /**\n   * Trimmed manual code, or an empty string in sequence_code mode; no local ID is generated.\n   */\n  id?: string;\n  /**\n   * Trimmed name; empty names prevent built-in creation submission.\n   */\n  name: string;\n}\n\n/**\n * Controls creation UI: manual_code asks for ID/name, sequence_code asks for name and passes an empty ID, disabled hides creation.\n * @remarks Inherited native or primitive props keep their upstream types and behavior; this declaration documents only the wrapper-owned options.\n * @see SearchableSelectInput\n */\nexport type SearchableSelectCreateMode = 'manual_code' | 'sequence_code' | 'disabled';\n/**\n * Selects primary/secondary display text; none suppresses that display and missing name/code use documented fallbacks.\n * @remarks Inherited native or primitive props keep their upstream types and behavior; this declaration documents only the wrapper-owned options.\n * @see SearchableSelectInput\n */\nexport type SearchableSelectDisplayField =\n  | 'label'\n  | 'description'\n  | 'name'\n  | 'code'\n  | 'value'\n  | 'none';\n/**\n * Positions secondary selected-option text to the right or below the main input.\n * @remarks Inherited native or primitive props keep their upstream types and behavior; this declaration documents only the wrapper-owned options.\n * @see SearchableSelectInput\n */\nexport type SearchableSelectDisplayPosition = 'right' | 'below';\n\n/**\n * Host-owned creation request emitted instead of opening the built-in dialog.\n * @remarks Inherited native or primitive props keep their upstream types and behavior; this declaration documents only the wrapper-owned options.\n * @see SearchableSelectInput\n */\nexport interface SearchableSelectCreateRequest {\n  /**\n   * Text requested for creation: the main-input prompt trims and rejects empty text;\n   * split-code lookup passes unmatched nonempty raw text, including whitespace, unchanged.\n   */\n  query: string;\n  /**\n   * Current creation mode; disabled prevents the creation prompt.\n   */\n  mode: SearchableSelectCreateMode;\n}\n\n/**\n * Controlled selection, search/creation callbacks and rendering settings for SearchableSelectInput.\n * @remarks Inherited native or primitive props keep their upstream types and behavior; this declaration documents only the wrapper-owned options.\n * @see SearchableSelectInput\n */\nexport interface SearchableSelectInputProps {\n  /**\n   * Controlled selected identity; null/undefined means unselected. Display uses String(value).\n   */\n  value?: string | number | null;\n  /**\n   * Called with a string identity on selection, raw typing when allowCustomValue=true, or an empty string on clear; the host must update value.\n   * @param value - Next string identity or raw input; empty string represents clearing.\n   * @returns No value; complete the host callback action.\n   */\n  onValueChange: (value: string) => void;\n  /**\n   * Local candidates; defaults to a stable empty array. Known choices accumulate by string value; this is not a replacement cache.\n   */\n  options?: SearchableSelectOption[];\n  /**\n   * Optional async search callback receiving the typed query (or exact code). No AbortSignal is supplied; the host owns authorization, data access and error handling.\n   * @param query - Typed query or exact code supplied by the search flow.\n   * @returns A promise resolving actual candidate options; the host handles operational errors.\n   */\n  onSearch?: (query: string) => Promise<SearchableSelectOption[]>;\n  /**\n   * Creates and returns one actual option from trimmed ID/name input; the host owns persistence, uniqueness and authorization. Rejection is not rendered as error UI.\n   * @param input - Trimmed creation fields with the ID/name contract defined by SearchableSelectCreateInput.\n   * @returns A promise resolving the actual created option after host persistence.\n   */\n  onCreateOption?: (input: SearchableSelectCreateInput) => Promise<SearchableSelectOption>;\n  /**\n   * Receives query/mode when creation is requested and takes precedence over the internal create dialog; the host owns the resulting flow.\n   * @param request - Creation query and active mode; main-input prompts trim the query,\n   * while split-code lookup preserves raw text, including whitespace.\n   * @returns No value; complete the host callback action.\n   */\n  onCreateRequested?: (request: SearchableSelectCreateRequest) => void;\n  /**\n   * Remote-search debounce delay in milliseconds; defaults to 300. This is not network cancellation.\n   */\n  debounceMs?: number;\n  /**\n   * Minimum trimmed query length for remote search and create prompts; defaults to 1.\n   */\n  minSearchLength?: number;\n  /**\n   * Enables case-insensitive value substring filtering; defaults to true.\n   */\n  matchByValue?: boolean;\n  /**\n   * Enables case-insensitive label substring filtering; defaults to true.\n   */\n  matchByLabel?: boolean;\n  /**\n   * Enables case-insensitive description substring filtering; defaults to true. It does not search name/code fields directly.\n   */\n  matchByDescription?: boolean;\n  /**\n   * Displays String(value) in result metadata when no description is present and it differs from label; defaults to true.\n   */\n  showValueInList?: boolean;\n  /**\n   * Emits raw typed text through onValueChange and accepts unmatched code lookup text; defaults to true.\n   */\n  allowCustomValue?: boolean;\n  /**\n   * Text displayed while no value is selected/entered; omitted means no placeholder.\n   */\n  placeholder?: string;\n  /**\n   * Disables the control/option when true; omission delegates to the underlying native/primitive default.\n   */\n  disabled?: boolean;\n  /**\n   * Prevents editing and opening this search popup when true; the host still owns the selected value.\n   */\n  readOnly?: boolean;\n  /**\n   * Additional classes on the main name/input and selected-label overlay; not on the code input or outer container.\n   */\n  className?: string;\n  /**\n   * Called when the main input blurs; popup closure is scheduled after 120ms. Separate code-input blur does not invoke this callback.\n   * @returns No value; complete the host callback action.\n   */\n  onBlur?: () => void;\n  /**\n   * Message shown when there are no filtered results.\n   * @defaultValue 候補なし\n   */\n  noOptionsMessage?: string;\n  /**\n   * Title of the built-in option-creation dialog.\n   * @defaultValue 候補がありません。新規作成しますか？\n   */\n  createDialogTitle?: string;\n  /**\n   * Label of the built-in manual-code field.\n   * @defaultValue コード\n   */\n  createIdLabel?: string;\n  /**\n   * Label of the built-in creation-name field.\n   * @defaultValue 名称\n   */\n  createNameLabel?: string;\n  /**\n   * Creation mode; defaults to manual_code. disabled hides creation; sequence_code passes an empty ID to the host without generating a sequence.\n   */\n  createMode?: SearchableSelectCreateMode;\n  /**\n   * Callback or mutable ref assigned to the main input, not the optional split code input; React clears it on unmount.\n   */\n  inputRef?: React.Ref<HTMLInputElement>;\n  /**\n   * Maximum displayed result count, used by Array.slice; defaults to 10. Supply a nonnegative integer; no validation/clamping is added.\n   */\n  maxInlineResults?: number;\n  /**\n   * Overflow hint; the first {count} token is replaced with the full filtered result count.\n   * @defaultValue さらに絞り込んでください\n   */\n  tooManyMessage?: string;\n  /**\n   * Selects one eligible result while focused and not composing/deleting; defaults to false. Selection may move focus to the next table-cell input or blur.\n   */\n  autoSelectSingle?: boolean;\n  /**\n   * Called on main-input double-click, F2 or the detail-search button when editable; the wrapper closes the popup first.\n   * @returns No value; complete the host callback action.\n   */\n  onDoubleClick?: () => void;\n  /**\n   * Legacy secondary display: true/right places description-or-value on the right, below places it below; defaults to false. Explicit display fields take precedence.\n   */\n  showIdInInput?: boolean | 'right' | 'below';\n  /**\n   * Explicit primary selected-option field; none suppresses the selected overlay text. Missing/unresolved fields can fall back to label.\n   */\n  primaryDisplayField?: SearchableSelectDisplayField;\n  /**\n   * Explicit secondary selected-option field; none hides it. Duplicate primary/secondary text is suppressed.\n   */\n  secondaryDisplayField?: SearchableSelectDisplayField;\n  /**\n   * Placement of explicit secondary text; defaults to right.\n   */\n  secondaryDisplayPosition?: SearchableSelectDisplayPosition;\n  /**\n   * Called instead of onValueChange('') when Escape is pressed with the popup already closed; the host must clear value.\n   * @returns No value; complete the host callback action.\n   */\n  onClear?: () => void;\n  /**\n   * Static text or renderer for a known selected option below the input; a truthy result takes precedence over computed below text.\n   */\n  belowContent?: string | ((option: SearchableSelectOption) => string);\n  /**\n   * Adds a code input: horizontal places code left/name right, vertical places code above name; omitted uses a single input.\n   */\n  splitLayout?: 'horizontal' | 'vertical';\n  /**\n   * Split code-input placeholder; the default is also used for an empty string.\n   * @defaultValue コード\n   */\n  codePlaceholder?: string;\n  /**\n   * Split name-input placeholder; falls back to placeholder when missing or empty.\n   */\n  namePlaceholder?: string;\n}\n\nfunction normalize(value: unknown): string {\n  return value === null || value === undefined ? '' : String(value);\n}\n\nfunction uniqByValue(options: SearchableSelectOption[]): SearchableSelectOption[] {\n  const map = new Map<string, SearchableSelectOption>();\n  for (const option of options) {\n    map.set(String(option.value), option);\n  }\n  return Array.from(map.values());\n}\n\n/**\n * Combines controlled string selection, local/remote search and optional host-owned option creation.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling. Wrapper defaults: options=EMPTY_OPTIONS, debounceMs=300, minSearchLength=1, matchByValue=true, matchByLabel=true, allowCustomValue=true, noOptionsMessage='候補なし', createDialogTitle='候補がありません。新規作成しますか？', createIdLabel='コード', createNameLabel='名称', createMode='manual_code', maxInlineResults=10, tooManyMessage='さらに絞り込んでください', autoSelectSingle=false, showIdInInput=false, secondaryDisplayPosition='right', matchByDescription=true, showValueInList=true.\n * @returns The rendered SearchableSelectInput composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. No external combobox/dialog provider is required. The host must update value from onValueChange; numeric option values are emitted as strings and clearing emits an empty string. onSearch is debounced but receives no AbortSignal; cleanup cancels pending timers, not in-flight requests. Request IDs suppress older responses only when a newer eligible search starts. Refinements reuse up to 10 previous remote results without another fetch. Search/create rejections have no rendered error state or catch in their async handlers; handle operational failures in the host callbacks. Code-lookup search errors are caught and logged. onCreateRequested takes precedence over the built-in create dialog; neither path fabricates persistence or authorization. Known options accumulate by string value; updates containing only new labels for existing value lists may not refresh displayed labels. Applying an option may focus the next table-cell input or blur the input. Explicit display fields override showIdInInput; splitLayout adds a separate code input. See SearchableSelectInputProps for defaults and callback contracts.\n * @example\n * ```tsx\n * import { useState } from 'react';\n * import { SearchableSelectInput } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   const [value, setValue] = useState(\"\");\n *   return (<label>Assignee<SearchableSelectInput value={value} onValueChange={setValue} options={[{ value: \"ada\", label: \"Ada\" }, { value: \"grace\", label: \"Grace\" }]} allowCustomValue={false} createMode=\"disabled\" placeholder=\"Choose an assignee\" /></label>);\n * }\n * ```\n */\nexport function SearchableSelectInput({\n  value,\n  onValueChange,\n  options = EMPTY_OPTIONS,\n  onSearch,\n  onCreateOption,\n  onCreateRequested,\n  debounceMs = 300,\n  minSearchLength = 1,\n  matchByValue = true,\n  matchByLabel = true,\n  allowCustomValue = true,\n  placeholder,\n  disabled,\n  readOnly,\n  className,\n  onBlur,\n  noOptionsMessage = '候補なし',\n  createDialogTitle = '候補がありません。新規作成しますか？',\n  createIdLabel = 'コード',\n  createNameLabel = '名称',\n  createMode = 'manual_code',\n  inputRef,\n  maxInlineResults = 10,\n  tooManyMessage = 'さらに絞り込んでください',\n  autoSelectSingle = false,\n  onDoubleClick,\n  showIdInInput = false,\n  primaryDisplayField,\n  secondaryDisplayField,\n  secondaryDisplayPosition = 'right',\n  onClear,\n  belowContent,\n  matchByDescription = true,\n  showValueInList = true,\n  splitLayout,\n  codePlaceholder,\n  namePlaceholder,\n}: SearchableSelectInputProps) {\n  const [open, setOpen] = React.useState(false);\n  const [inputValue, setInputValue] = React.useState('');\n  const [query, setQuery] = React.useState('');\n  const [highlightedIndex, setHighlightedIndex] = React.useState(-1);\n  const [isFocused, setIsFocused] = React.useState(false);\n  const [loading, setLoading] = React.useState(false);\n  const [remoteOptions, setRemoteOptions] = React.useState<SearchableSelectOption[]>([]);\n  const [knownOptions, setKnownOptions] = React.useState<SearchableSelectOption[]>(options);\n  const [createOpen, setCreateOpen] = React.useState(false);\n  const [createId, setCreateId] = React.useState('');\n  const [createName, setCreateName] = React.useState('');\n  const [creating, setCreating] = React.useState(false);\n  const [codeInputValue, setCodeInputValue] = React.useState('');\n  const [isCodeFocused, setIsCodeFocused] = React.useState(false);\n  const closeTimerRef = React.useRef<number | null>(null);\n  const requestIdRef = React.useRef(0);\n  const lastSearchQueryRef = React.useRef('');\n  const containerRef = React.useRef<HTMLDivElement | null>(null);\n  const inputElRef = React.useRef<HTMLInputElement | null>(null);\n  const autoSelectedValueRef = React.useRef<string>('');\n  const composingRef = React.useRef(false);\n  const skipBlurClearRef = React.useRef(false);\n  const isDeletingRef = React.useRef(false);\n  const deletingTimerRef = React.useRef<number | null>(null);\n\n  React.useEffect(() => {\n    return () => {\n      if (closeTimerRef.current !== null) {\n        window.clearTimeout(closeTimerRef.current);\n      }\n      if (deletingTimerRef.current !== null) {\n        window.clearTimeout(deletingTimerRef.current);\n      }\n    };\n  }, []);\n\n  const currentOptionsKey = React.useMemo(\n    () => options.map((o) => String(o.value)).join(','),\n    [options],\n  );\n  const [stabilizedOptions, setStabilizedOptions] = React.useState(options);\n  const [prevOptionsKey, setPrevOptionsKey] = React.useState(currentOptionsKey);\n\n  if (currentOptionsKey !== prevOptionsKey) {\n    setStabilizedOptions(options);\n    setPrevOptionsKey(currentOptionsKey);\n  }\n\n  React.useEffect(() => {\n    if (stabilizedOptions.length === 0) return;\n    queueMicrotask(() => {\n      setKnownOptions((prev) => {\n        const merged = uniqByValue([...prev, ...stabilizedOptions]);\n        if (merged.length === prev.length) return prev;\n        return merged;\n      });\n    });\n  }, [stabilizedOptions]);\n\n  const selectedRawValue = normalize(value);\n\n  const selectedOption = React.useMemo(\n    () => knownOptions.find((option) => String(option.value) === selectedRawValue),\n    [knownOptions, selectedRawValue],\n  );\n\n  // splitLayout 時のコード入力値の同期\n  React.useEffect(() => {\n    if (splitLayout) {\n      if (isCodeFocused) return;\n      if (selectedOption) {\n        const codeVal =\n          selectedOption.code ||\n          (selectedOption.description\n            ? String(selectedOption.description)\n            : String(selectedOption.value));\n        queueMicrotask(() => {\n          setCodeInputValue(codeVal);\n        });\n      } else {\n        queueMicrotask(() => {\n          setCodeInputValue(selectedRawValue);\n        });\n      }\n    }\n  }, [selectedOption, selectedRawValue, splitLayout, isCodeFocused]);\n\n  const resolveDisplayField = React.useCallback(\n    (option: SearchableSelectOption, field: SearchableSelectDisplayField | undefined): string => {\n      if (!field || field === 'none') return '';\n      switch (field) {\n        case 'label':\n          return option.label || '';\n        case 'description':\n          return option.description ? String(option.description) : '';\n        case 'name':\n          return option.name || option.label || '';\n        case 'code':\n          return option.code || (option.description ? String(option.description) : '');\n        case 'value':\n          return String(option.value);\n        default:\n          return '';\n      }\n    },\n    [],\n  );\n  const hasExplicitDisplayConfig = Boolean(primaryDisplayField || secondaryDisplayField);\n  const explicitPrimaryText = React.useMemo(() => {\n    if (!selectedOption || !primaryDisplayField) return '';\n    return resolveDisplayField(selectedOption, primaryDisplayField);\n  }, [selectedOption, primaryDisplayField, resolveDisplayField]);\n  const explicitSecondaryText = React.useMemo(() => {\n    if (!selectedOption || !secondaryDisplayField || secondaryDisplayField === 'none') return '';\n    const secondary = resolveDisplayField(selectedOption, secondaryDisplayField);\n    const primary = primaryDisplayField\n      ? resolveDisplayField(selectedOption, primaryDisplayField)\n      : '';\n    if (!secondary || secondary === primary) return '';\n    return secondary;\n  }, [selectedOption, secondaryDisplayField, primaryDisplayField, resolveDisplayField]);\n\n  const lastValueRef = React.useRef(value);\n  const inputValueRef = React.useRef(inputValue);\n  React.useLayoutEffect(() => {\n    inputValueRef.current = inputValue;\n  });\n  React.useEffect(() => {\n    const currentInputValue = inputValueRef.current;\n    const isExternalUpdate = value !== lastValueRef.current;\n    const hasResolvedLabel =\n      selectedOption && selectedOption.label !== String(selectedOption.value);\n    const isCurrentlyUuid = currentInputValue === String(value) && value !== '';\n    const targetLabel = selectedOption\n      ? hasExplicitDisplayConfig\n        ? primaryDisplayField === 'none'\n          ? ''\n          : explicitPrimaryText || selectedOption.label\n        : selectedOption.label\n      : selectedRawValue;\n\n    if (currentInputValue === targetLabel && !isExternalUpdate) return;\n\n    if (isFocused && isExternalUpdate && isDeletingRef.current) {\n      lastValueRef.current = value;\n      return;\n    }\n\n    if (isFocused && isExternalUpdate && String(value) === currentInputValue) {\n      lastValueRef.current = value;\n      return;\n    }\n\n    if (\n      isExternalUpdate ||\n      (isCurrentlyUuid && hasResolvedLabel) ||\n      (!isFocused && (selectedOption || selectedRawValue))\n    ) {\n      setInputValue(targetLabel);\n      lastValueRef.current = value;\n    }\n  }, [\n    value,\n    selectedOption,\n    selectedRawValue,\n    isFocused,\n    hasExplicitDisplayConfig,\n    explicitPrimaryText,\n    primaryDisplayField,\n  ]);\n\n  const showIdBelow = !hasExplicitDisplayConfig && showIdInInput === 'below';\n  const showIdRight =\n    !hasExplicitDisplayConfig && (showIdInInput === true || showIdInInput === 'right');\n\n  const displayIdSuffix = React.useMemo(() => {\n    if (hasExplicitDisplayConfig) {\n      if (!selectedOption || secondaryDisplayPosition !== 'right') return null;\n      return explicitSecondaryText || null;\n    }\n    if (!showIdRight || !selectedOption) return null;\n    const displayVal = selectedOption.description\n      ? String(selectedOption.description)\n      : String(selectedOption.value);\n    if (displayVal === selectedOption.label || !displayVal) return null;\n    return displayVal;\n  }, [\n    hasExplicitDisplayConfig,\n    selectedOption,\n    secondaryDisplayPosition,\n    explicitSecondaryText,\n    showIdRight,\n  ]);\n\n  const displayIdBelow = React.useMemo(() => {\n    if (hasExplicitDisplayConfig) {\n      if (!selectedOption || secondaryDisplayPosition !== 'below') return null;\n      return explicitSecondaryText || null;\n    }\n    if (!showIdBelow || !selectedOption) return null;\n    const displayVal = selectedOption.description\n      ? String(selectedOption.description)\n      : String(selectedOption.value);\n    if (displayVal === selectedOption.label || !displayVal) return null;\n    return displayVal;\n  }, [\n    hasExplicitDisplayConfig,\n    selectedOption,\n    secondaryDisplayPosition,\n    explicitSecondaryText,\n    showIdBelow,\n  ]);\n\n  const trimmedQuery = query.trim();\n  const normalizedQuery = trimmedQuery.toLowerCase();\n\n  const searchFn = onSearch ?? null;\n  const createFn = onCreateOption ?? null;\n\n  const localFilteredOptions = React.useMemo(() => {\n    if (!normalizedQuery) {\n      const base = stabilizedOptions;\n      if (selectedOption && !base.find((o) => String(o.value) === String(selectedOption.value))) {\n        return uniqByValue([...base, selectedOption]);\n      }\n      return base;\n    }\n    return knownOptions.filter((option) => {\n      const byLabel = matchByLabel ? option.label.toLowerCase().includes(normalizedQuery) : false;\n      const byValue = matchByValue\n        ? String(option.value).toLowerCase().includes(normalizedQuery)\n        : false;\n      const byDescription = matchByDescription\n        ? String(option.description || '')\n            .toLowerCase()\n            .includes(normalizedQuery)\n        : false;\n      return byLabel || byValue || byDescription;\n    });\n  }, [\n    normalizedQuery,\n    knownOptions,\n    matchByLabel,\n    matchByValue,\n    matchByDescription,\n    selectedOption,\n    stabilizedOptions,\n  ]);\n\n  const searchFnRef = React.useRef(searchFn);\n  React.useLayoutEffect(() => {\n    searchFnRef.current = searchFn;\n  });\n\n  const canCreate = Boolean(createFn) && createMode !== 'disabled';\n  const canRequestCreate = Boolean(onCreateRequested) && createMode !== 'disabled';\n  const canStartCreate = canCreate || canRequestCreate;\n  const idInputEnabled = createMode === 'manual_code';\n\n  React.useEffect(() => {\n    if (!searchFnRef.current) return;\n\n    const isRefinement =\n      lastSearchQueryRef.current &&\n      normalizedQuery.startsWith(lastSearchQueryRef.current.toLowerCase()) &&\n      remoteOptions.length > 0 &&\n      remoteOptions.length <= 10;\n\n    if (isRefinement) {\n      return;\n    }\n\n    if (normalizedQuery.length < minSearchLength) {\n      queueMicrotask(() => {\n        setRemoteOptions((prev) => (prev.length === 0 ? prev : []));\n        setLoading(false);\n      });\n      return;\n    }\n\n    const requestId = ++requestIdRef.current;\n    const timer = window.setTimeout(async () => {\n      try {\n        setLoading(true);\n        const fetched = await searchFnRef.current!(query);\n        if (requestIdRef.current !== requestId) return;\n        lastSearchQueryRef.current = query;\n        setRemoteOptions(fetched);\n        setKnownOptions((prev) => uniqByValue([...prev, ...fetched]));\n      } finally {\n        if (requestIdRef.current === requestId) {\n          setLoading(false);\n        }\n      }\n    }, debounceMs);\n\n    return () => {\n      window.clearTimeout(timer);\n    };\n  }, [query, normalizedQuery, remoteOptions.length, minSearchLength, debounceMs]);\n\n  const filteredOptions = React.useMemo(() => {\n    if (!searchFn) return localFilteredOptions;\n    if (normalizedQuery.length < minSearchLength) return localFilteredOptions;\n\n    return remoteOptions.filter((option: SearchableSelectOption) => {\n      const byLabel = matchByLabel ? option.label.toLowerCase().includes(normalizedQuery) : false;\n      const byValue = matchByValue\n        ? String(option.value).toLowerCase().includes(normalizedQuery)\n        : false;\n      const byDescription = matchByDescription\n        ? String(option.description || '')\n            .toLowerCase()\n            .includes(normalizedQuery)\n        : false;\n      return byLabel || byValue || byDescription;\n    });\n  }, [\n    searchFn,\n    localFilteredOptions,\n    normalizedQuery,\n    minSearchLength,\n    matchByLabel,\n    matchByValue,\n    matchByDescription,\n    remoteOptions,\n  ]);\n\n  const visibleOptions = React.useMemo(() => {\n    if (filteredOptions.length <= maxInlineResults) return filteredOptions;\n    return filteredOptions.slice(0, maxInlineResults);\n  }, [filteredOptions, maxInlineResults]);\n\n  const hasTooMany = filteredOptions.length > maxInlineResults;\n\n  const resolvedTooManyMessage = React.useMemo(() => {\n    return tooManyMessage.replace('{count}', String(filteredOptions.length));\n  }, [tooManyMessage, filteredOptions.length]);\n\n  const applyOption = React.useCallback(\n    (option: SearchableSelectOption, keepOpen: boolean, index: number) => {\n      const nextValue = String(option.value);\n      setKnownOptions((prev: SearchableSelectOption[]) => uniqByValue([...prev, option]));\n      onValueChange(nextValue);\n      const nextInputText = hasExplicitDisplayConfig\n        ? resolveDisplayField(option, primaryDisplayField) || option.label\n        : option.label;\n      setInputValue(nextInputText);\n      setQuery('');\n      setOpen(keepOpen);\n      setHighlightedIndex(keepOpen ? index : -1);\n      if (!keepOpen) {\n        const el = inputElRef.current;\n        if (el) {\n          const td = el.closest('td');\n          const nextTd = td?.nextElementSibling as HTMLElement | null;\n          const nextInput = nextTd?.querySelector<HTMLElement>(\n            'input, textarea, select, [role=\"combobox\"]',\n          );\n          if (nextInput) {\n            skipBlurClearRef.current = true;\n            nextInput.focus();\n          } else {\n            skipBlurClearRef.current = true;\n            el.blur();\n          }\n        }\n      }\n    },\n    [onValueChange, hasExplicitDisplayConfig, resolveDisplayField, primaryDisplayField],\n  );\n\n  // 自動選択\n  React.useEffect(() => {\n    if (\n      !autoSelectSingle ||\n      loading ||\n      !isFocused ||\n      composingRef.current ||\n      isDeletingRef.current ||\n      filteredOptions.length !== 1 ||\n      normalizedQuery.length < minSearchLength\n    ) {\n      return;\n    }\n    const single = filteredOptions[0];\n    const singleValue = String(single.value);\n    if (autoSelectedValueRef.current === singleValue) return;\n    autoSelectedValueRef.current = singleValue;\n    setKnownOptions((prev: SearchableSelectOption[]) => uniqByValue([...prev, single]));\n\n    onValueChange(singleValue);\n    const singleInputText = hasExplicitDisplayConfig\n      ? resolveDisplayField(single, primaryDisplayField) || single.label\n      : single.label;\n    setInputValue(singleInputText);\n    setQuery('');\n    setOpen(false);\n    setHighlightedIndex(-1);\n\n    const el = inputElRef.current;\n    if (el) {\n      const td = el.closest('td');\n      const nextTd = td?.nextElementSibling as HTMLElement | null;\n      const nextInput = nextTd?.querySelector<HTMLElement>(\n        'input, textarea, select, [role=\"combobox\"]',\n      );\n      if (nextInput) {\n        skipBlurClearRef.current = true;\n        nextInput.focus();\n      } else {\n        skipBlurClearRef.current = true;\n        el.blur();\n      }\n    }\n  }, [\n    autoSelectSingle,\n    loading,\n    isFocused,\n    filteredOptions,\n    normalizedQuery,\n    minSearchLength,\n    onValueChange,\n    hasExplicitDisplayConfig,\n    resolveDisplayField,\n    primaryDisplayField,\n  ]);\n\n  React.useEffect(() => {\n    if (!open) {\n      queueMicrotask(() => {\n        setHighlightedIndex(-1);\n      });\n      return;\n    }\n    if (visibleOptions.length === 0) {\n      queueMicrotask(() => {\n        setHighlightedIndex(-1);\n      });\n      return;\n    }\n    const selectedIndex = visibleOptions.findIndex(\n      (option) => String(option.value) === selectedRawValue,\n    );\n    queueMicrotask(() => {\n      setHighlightedIndex(selectedIndex >= 0 ? selectedIndex : 0);\n    });\n  }, [open, visibleOptions, selectedRawValue]);\n\n  const handleInputValue = React.useCallback(\n    (raw: string) => {\n      const prevLen = inputValueRef.current.length;\n      const isDeleting = raw.length < prevLen;\n      setInputValue(raw);\n      setQuery(raw);\n      setOpen(true);\n\n      if (deletingTimerRef.current !== null) {\n        window.clearTimeout(deletingTimerRef.current);\n        deletingTimerRef.current = null;\n      }\n\n      if (isDeleting) {\n        isDeletingRef.current = true;\n        deletingTimerRef.current = window.setTimeout(() => {\n          isDeletingRef.current = false;\n          deletingTimerRef.current = null;\n        }, 800);\n      } else {\n        isDeletingRef.current = false;\n        autoSelectedValueRef.current = '';\n      }\n\n      if (!allowCustomValue) return;\n      onValueChange(raw);\n    },\n    [allowCustomValue, onValueChange],\n  );\n\n  const showCreatePrompt =\n    canStartCreate &&\n    !loading &&\n    trimmedQuery.length >= minSearchLength &&\n    filteredOptions.length === 0;\n\n  const createPromptLabel = trimmedQuery ? `「${trimmedQuery}」で新規作成` : '新規作成';\n\n  const openCreateDialog = React.useCallback(() => {\n    const nextValue = query.trim();\n    setCreateId(idInputEnabled ? nextValue : '');\n    setCreateName(nextValue);\n    setCreateOpen(true);\n  }, [query, idInputEnabled]);\n\n  const triggerCreate = React.useCallback(() => {\n    const nextValue = query.trim();\n    if (!nextValue) return;\n    if (onCreateRequested) {\n      setOpen(false);\n      setHighlightedIndex(-1);\n      onCreateRequested({ query: nextValue, mode: createMode });\n      return;\n    }\n    openCreateDialog();\n  }, [query, onCreateRequested, createMode, openCreateDialog]);\n\n  const handleKeyDown = React.useCallback(\n    (event: React.KeyboardEvent<HTMLInputElement>) => {\n      if (event.nativeEvent.isComposing) {\n        if (event.key === 'Enter') {\n          event.stopPropagation();\n        }\n        return;\n      }\n      const key = event.key;\n\n      if (key === 'Enter' && open) {\n        if ((event.ctrlKey || event.metaKey) && showCreatePrompt) {\n          event.preventDefault();\n          event.stopPropagation();\n          triggerCreate();\n          return;\n        }\n        event.preventDefault();\n        event.stopPropagation();\n        const option = visibleOptions[highlightedIndex];\n        if (option) {\n          applyOption(option, false, highlightedIndex);\n        }\n        return;\n      }\n\n      if (key === 'Escape' || key === 'Esc') {\n        event.preventDefault();\n        if (open) {\n          setOpen(false);\n          setHighlightedIndex(-1);\n        } else {\n          if (onClear) {\n            onClear();\n          } else {\n            onValueChange('');\n          }\n          setInputValue('');\n          setQuery('');\n          autoSelectedValueRef.current = '';\n        }\n        return;\n      }\n\n      if (key === 'F2' && onDoubleClick && !disabled && !readOnly) {\n        event.preventDefault();\n        setOpen(false);\n        onDoubleClick();\n        return;\n      }\n    },\n    [\n      visibleOptions,\n      highlightedIndex,\n      open,\n      applyOption,\n      onDoubleClick,\n      disabled,\n      readOnly,\n      onClear,\n      onValueChange,\n      showCreatePrompt,\n      triggerCreate,\n    ],\n  );\n\n  const submitCreate = React.useCallback(async () => {\n    if (!createFn) return;\n    const id = idInputEnabled ? createId.trim() : '';\n    const name = createName.trim();\n    if (!name) return;\n\n    setCreating(true);\n    try {\n      const created = await createFn({ id, name });\n      setKnownOptions((prev) => uniqByValue([...prev, created]));\n      applyOption(created, false, -1);\n      setCreateOpen(false);\n    } finally {\n      setCreating(false);\n    }\n  }, [createFn, createId, createName, applyOption, idInputEnabled]);\n\n  const resolveCode = React.useCallback(\n    async (raw: string) => {\n      if (raw === '') {\n        onValueChange('');\n        setInputValue('');\n        setQuery('');\n        return;\n      }\n\n      // まずは既知の候補から\n      let match = knownOptions.find(\n        (o) =>\n          String(o.value) === raw ||\n          (o.code && o.code === raw) ||\n          (o.description && String(o.description) === raw),\n      );\n\n      if (!match && searchFn) {\n        setLoading(true);\n        try {\n          const fetched = await searchFn(raw);\n          const exact = fetched.find(\n            (o) =>\n              String(o.value) === raw ||\n              (o.code && o.code === raw) ||\n              (o.description && String(o.description) === raw),\n          );\n          if (exact) {\n            match = exact;\n          }\n        } catch (e) {\n          console.error('Code lookup error', e);\n        } finally {\n          setLoading(false);\n        }\n      }\n\n      if (match) {\n        applyOption(match, false, -1);\n      } else {\n        if (allowCustomValue) {\n          onValueChange(raw);\n          setInputValue(raw);\n        } else {\n          if (canStartCreate) {\n            setQuery(raw);\n            if (onCreateRequested) {\n              onCreateRequested({ query: raw, mode: createMode });\n            } else {\n              const nextValue = raw.trim();\n              setCreateId(idInputEnabled ? nextValue : '');\n              setCreateName('');\n              setCreateOpen(true);\n            }\n          } else {\n            // 一致せず作成も不可の場合は元に戻す\n            setCodeInputValue(\n              selectedOption ? selectedOption.code || String(selectedOption.value) : '',\n            );\n          }\n        }\n      }\n    },\n    [\n      knownOptions,\n      searchFn,\n      applyOption,\n      onValueChange,\n      allowCustomValue,\n      canStartCreate,\n      onCreateRequested,\n      createMode,\n      idInputEnabled,\n      selectedOption,\n    ],\n  );\n\n  const handleCodeKeyDown = React.useCallback(\n    (event: React.KeyboardEvent<HTMLInputElement>) => {\n      if (event.key === 'Enter') {\n        event.preventDefault();\n        resolveCode(codeInputValue);\n      }\n    },\n    [codeInputValue, resolveCode],\n  );\n\n  const showLabelOverlay = !isFocused && selectedRawValue !== '';\n  const overlayLabel = selectedOption\n    ? hasExplicitDisplayConfig\n      ? primaryDisplayField === 'none'\n        ? ''\n        : explicitPrimaryText || selectedOption.label\n      : selectedOption.label\n    : selectedRawValue;\n  const showLookupIcon = Boolean(onDoubleClick) && isFocused && !disabled && !readOnly;\n\n  return (\n    <ComboboxPrimitive.Root\n      open={open && !disabled && !readOnly}\n      onOpenChange={setOpen}\n      value={selectedRawValue}\n      onValueChange={(next) => {\n        if (next !== null && next !== undefined) {\n          const opt = knownOptions.find((o) => String(o.value) === String(next));\n          if (opt) {\n            applyOption(opt, false, -1);\n          } else {\n            onValueChange(String(next));\n          }\n        }\n      }}\n    >\n      <div ref={containerRef} className='relative w-full flex-1 flex flex-col'>\n        <div\n          className={cn(\n            'w-full',\n            splitLayout === 'horizontal'\n              ? 'flex flex-row items-stretch'\n              : splitLayout === 'vertical'\n                ? 'flex flex-col'\n                : 'relative',\n          )}\n        >\n          {splitLayout && (\n            <Input\n              value={codeInputValue}\n              placeholder={codePlaceholder || 'コード'}\n              disabled={disabled}\n              readOnly={readOnly}\n              className={cn(\n                'flex-shrink-0',\n                splitLayout === 'horizontal'\n                  ? 'w-28 rounded-r-none border-r-0'\n                  : 'w-full rounded-b-none border-b-0',\n                'focus:z-10 focus-visible:ring-1',\n              )}\n              onChange={(e) => setCodeInputValue(e.target.value)}\n              onFocus={() => setIsCodeFocused(true)}\n              onBlur={() => {\n                setIsCodeFocused(false);\n                resolveCode(codeInputValue);\n              }}\n              onKeyDown={handleCodeKeyDown}\n            />\n          )}\n          <div className={cn('flex-1', splitLayout ? 'relative' : '')}>\n            {showLabelOverlay && (\n              <div\n                className={className}\n                aria-hidden='true'\n                style={{\n                  overflow: 'hidden',\n                  pointerEvents: 'none',\n                  position: 'absolute',\n                  inset: 0,\n                  zIndex: 1,\n                  background: 'transparent',\n                  display: 'flex',\n                  alignItems: className?.includes('flex-col') ? 'flex-start' : 'center',\n                  paddingLeft: 'inherit',\n                  paddingRight: 'inherit',\n                }}\n              >\n                {overlayLabel}\n                {selectedOption &&\n                  !hasExplicitDisplayConfig &&\n                  belowContent != null &&\n                  (() => {\n                    const text =\n                      typeof belowContent === 'function'\n                        ? belowContent(selectedOption)\n                        : belowContent;\n                    return text ? (\n                      <div style={{ fontSize: '0.75em', opacity: 0.6, lineHeight: 1.2 }}>\n                        {text}\n                      </div>\n                    ) : null;\n                  })()}\n              </div>\n            )}\n            <ComboboxPrimitive.Input\n              render={(inputProps) => (\n                <Input\n                  {...inputProps}\n                  ref={(el: HTMLInputElement | null) => {\n                    inputElRef.current = el;\n                    // Chain refs correctly\n                    if (typeof inputRef === 'function') {\n                      inputRef(el);\n                    } else if (inputRef) {\n                      (inputRef as React.MutableRefObject<HTMLInputElement | null>).current = el;\n                    }\n                    if (typeof inputProps.ref === 'function') {\n                      inputProps.ref(el);\n                    } else if (inputProps.ref) {\n                      (inputProps.ref as React.MutableRefObject<HTMLInputElement | null>).current =\n                        el;\n                    }\n                  }}\n                  value={inputValue}\n                  placeholder={splitLayout ? namePlaceholder || placeholder : placeholder}\n                  disabled={disabled}\n                  readOnly={readOnly}\n                  className={cn(\n                    className,\n                    splitLayout === 'horizontal'\n                      ? 'rounded-l-none'\n                      : splitLayout === 'vertical'\n                        ? 'rounded-t-none'\n                        : '',\n                  )}\n                  autoComplete='off'\n                  style={{\n                    ...(displayIdSuffix\n                      ? { paddingRight: `${displayIdSuffix.length * 0.6 + 1.5}em` }\n                      : {}),\n                    ...(showLookupIcon ? { paddingRight: '2rem' } : {}),\n                    ...(showLabelOverlay\n                      ? { color: 'transparent', caretColor: 'transparent' }\n                      : {}),\n                  }}\n                  onChange={(event) => {\n                    inputProps.onChange?.(event);\n                    if (!composingRef.current) {\n                      handleInputValue(event.target.value);\n                    } else {\n                      setInputValue(event.target.value);\n                    }\n                  }}\n                  onCompositionStart={(event) => {\n                    inputProps.onCompositionStart?.(event);\n                    composingRef.current = true;\n                  }}\n                  onCompositionEnd={(event) => {\n                    inputProps.onCompositionEnd?.(event);\n                    composingRef.current = false;\n                    handleInputValue((event.target as HTMLInputElement).value);\n                  }}\n                  onFocus={(event) => {\n                    inputProps.onFocus?.(event);\n                    setIsFocused(true);\n                    setOpen(true);\n                    setQuery('');\n                  }}\n                  onClick={(event) => {\n                    inputProps.onClick?.(event);\n                    setOpen(true);\n                    setQuery('');\n                  }}\n                  onDoubleClick={() => {\n                    if (onDoubleClick && !disabled && !readOnly) {\n                      setOpen(false);\n                      onDoubleClick();\n                    }\n                  }}\n                  onKeyDownCapture={(event) => {\n                    inputProps.onKeyDown?.(event);\n                    handleKeyDown(event);\n                  }}\n                  onBlur={(event) => {\n                    inputProps.onBlur?.(event);\n                    setIsFocused(false);\n                    if (closeTimerRef.current !== null) {\n                      window.clearTimeout(closeTimerRef.current);\n                    }\n                    closeTimerRef.current = window.setTimeout(() => {\n                      setOpen(false);\n                      skipBlurClearRef.current = false;\n                    }, 120);\n                    onBlur?.();\n                  }}\n                />\n              )}\n            />\n            {showLookupIcon && (\n              <button\n                type='button'\n                onMouseDown={(event: React.MouseEvent) => event.preventDefault()}\n                onClick={() => {\n                  setOpen(false);\n                  onDoubleClick?.();\n                }}\n                style={{\n                  position: 'absolute',\n                  right: '0.25rem',\n                  top: '50%',\n                  transform: 'translateY(-50%)',\n                  width: '1.5rem',\n                  height: '1.5rem',\n                  display: 'inline-flex',\n                  alignItems: 'center',\n                  justifyContent: 'center',\n                  borderRadius: '0.25rem',\n                  color: 'var(--muted-foreground, #999)',\n                  background: 'transparent',\n                  zIndex: 2,\n                }}\n                aria-label='詳細検索'\n                title='詳細検索 (F2)'\n              >\n                <Search size={14} />\n              </button>\n            )}\n            {displayIdSuffix && (\n              <span\n                style={{\n                  position: 'absolute',\n                  right: '0.5em',\n                  top: '50%',\n                  transform: 'translateY(-50%)',\n                  fontSize: '0.75em',\n                  color: 'var(--muted-foreground, #999)',\n                  pointerEvents: 'none',\n                  opacity: 0.7,\n                  userSelect: 'none',\n                  zIndex: 2,\n                }}\n              >\n                {displayIdSuffix}\n              </span>\n            )}\n          </div>\n        </div>\n        <div className='flex flex-col min-h-[1.25rem] pointer-events-none'>\n          {(displayIdBelow || belowContent) && (\n            <div className='text-[10px] text-muted-foreground leading-none px-2 py-1'>\n              {(() => {\n                const text =\n                  typeof belowContent === 'function'\n                    ? selectedOption\n                      ? belowContent(selectedOption)\n                      : null\n                    : belowContent;\n                return text || displayIdBelow;\n              })()}\n            </div>\n          )}\n        </div>\n      </div>\n\n      <ComboboxPrimitive.Portal>\n        <ComboboxPrimitive.Positioner\n          side='bottom'\n          sideOffset={6}\n          align='start'\n          className='isolate z-50'\n          anchor={containerRef}\n        >\n          <ComboboxPrimitive.Popup className='max-h-56 overflow-auto rounded-md border bg-popover py-1 text-popover-foreground shadow-md min-w-[calc(var(--anchor-width))]'>\n            {loading && <div className='px-3 py-1.5 text-sm text-muted-foreground'>検索中...</div>}\n\n            {!loading &&\n              visibleOptions.length > 0 &&\n              visibleOptions.map((option, index) => {\n                const isSelected =\n                  selectedRawValue !== '' && String(option.value) === selectedRawValue;\n                const showValue = showValueInList && String(option.value) !== option.label;\n\n                return (\n                  <ComboboxPrimitive.Item\n                    key={String(option.value)}\n                    value={String(option.value)}\n                    className={cn(\n                      'block w-full px-3 py-1.5 text-left text-sm cursor-default select-none outline-none',\n                      'hover:bg-accent hover:text-accent-foreground data-highlighted:bg-accent data-highlighted:text-accent-foreground',\n                      isSelected ? 'bg-primary/10 text-foreground font-semibold' : '',\n                    )}\n                    onMouseEnter={() => setHighlightedIndex(index)}\n                    onClick={() => applyOption(option, false, index)}\n                  >\n                    <div className='flex items-start justify-between gap-2 w-full'>\n                      <div className='flex-1 truncate'>\n                        <div className='truncate'>{option.label || String(option.value)}</div>\n                      </div>\n                      <div className='flex flex-col items-end gap-0.5 text-xs text-muted-foreground flex-shrink-0'>\n                        {option.description ? (\n                          <span className='leading-none'>{option.description}</span>\n                        ) : (\n                          showValue && <span className='leading-none'>{String(option.value)}</span>\n                        )}\n                      </div>\n                    </div>\n                  </ComboboxPrimitive.Item>\n                );\n              })}\n\n            {!loading && hasTooMany && (\n              <div className='border-t px-3 py-1.5 text-xs text-muted-foreground'>\n                {filteredOptions.length}件中{maxInlineResults}件を表示 — {resolvedTooManyMessage}\n              </div>\n            )}\n\n            {!loading && filteredOptions.length === 0 && (\n              <div className='px-3 py-1.5 text-sm text-muted-foreground'>{noOptionsMessage}</div>\n            )}\n\n            {showCreatePrompt && (\n              <div className='border-t'>\n                <button\n                  type='button'\n                  className='block w-full px-3 py-2 text-left text-sm hover:bg-accent hover:text-accent-foreground'\n                  onMouseDown={(event: React.MouseEvent) => event.preventDefault()}\n                  onClick={triggerCreate}\n                >\n                  <div className='flex items-center justify-between gap-3'>\n                    <span className='truncate'>{createPromptLabel}</span>\n                    <span className='text-[11px] text-muted-foreground whitespace-nowrap'>\n                      Ctrl/Cmd+Enter\n                    </span>\n                  </div>\n                </button>\n              </div>\n            )}\n          </ComboboxPrimitive.Popup>\n        </ComboboxPrimitive.Positioner>\n      </ComboboxPrimitive.Portal>\n\n      <Dialog open={createOpen} onOpenChange={setCreateOpen}>\n        <DialogContent className='sm:max-w-md'>\n          <DialogHeader>\n            <DialogTitle>{createDialogTitle}</DialogTitle>\n          </DialogHeader>\n          <div className='space-y-3'>\n            {idInputEnabled && (\n              <div className='space-y-1'>\n                <Label htmlFor='searchable-select-create-id'>{createIdLabel}</Label>\n                <Input\n                  id='searchable-select-create-id'\n                  value={createId}\n                  onChange={(event: React.ChangeEvent<HTMLInputElement>) =>\n                    setCreateId(event.target.value)\n                  }\n                  placeholder={createIdLabel}\n                />\n              </div>\n            )}\n            <div className='space-y-1'>\n              <Label htmlFor='searchable-select-create-name'>{createNameLabel}</Label>\n              <Input\n                id='searchable-select-create-name'\n                value={createName}\n                onChange={(event: React.ChangeEvent<HTMLInputElement>) =>\n                  setCreateName(event.target.value)\n                }\n                placeholder='名称'\n              />\n            </div>\n            <div className='flex justify-end gap-2'>\n              <Button\n                type='button'\n                variant='ghost'\n                onClick={() => setCreateOpen(false)}\n                disabled={creating}\n              >\n                キャンセル\n              </Button>\n              <Button\n                type='button'\n                onClick={submitCreate}\n                disabled={creating || !createName.trim() || (idInputEnabled && !createId.trim())}\n              >\n                {creating ? '作成中...' : '作成'}\n              </Button>\n            </div>\n          </div>\n        </DialogContent>\n      </Dialog>\n    </ComboboxPrimitive.Root>\n  );\n}\n"],"mappings":"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"}