@hyunsdev/ui 0.1.0

package/dist/components/combobox.js

@@ -0,0 +1,610 @@
+"use client";
+import {
+  Command,
+  CommandGroup,
+  CommandItem,
+  CommandList
+} from "../chunk-Z7ITPSUF.js";
+import {
+  Popover,
+  PopoverAnchor,
+  PopoverContent
+} from "../chunk-ZC76ALSI.js";
+import "../chunk-PLZMCJSL.js";
+import "../chunk-UVAI2U6X.js";
+import "../chunk-NE3IVPMO.js";
+import "../chunk-YUPLJP3F.js";
+import "../chunk-TU5CYBB4.js";
+import {
+  Badge
+} from "../chunk-VUR4MQMH.js";
+import {
+  fieldInvalidClass
+} from "../chunk-O2BG2KSY.js";
+import {
+  cn
+} from "../chunk-DN2AEEA2.js";
+
+// src/components/combobox.tsx
+import * as React from "react";
+import { Command as CommandPrimitive } from "cmdk";
+import { CheckIcon, ChevronDownIcon, LoaderCircleIcon, SearchIcon, XIcon } from "lucide-react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var ComboboxContext = React.createContext(null);
+function useControllableState({
+  value,
+  defaultValue,
+  onChange
+}) {
+  const [internalValue, setInternalValue] = React.useState(defaultValue);
+  const isControlled = value !== void 0;
+  const currentValue = isControlled ? value : internalValue;
+  const setValue = React.useCallback(
+    (nextValue) => {
+      if (!isControlled) {
+        setInternalValue(nextValue);
+      }
+      onChange?.(nextValue);
+    },
+    [isControlled, onChange]
+  );
+  return [currentValue, setValue];
+}
+function useComboboxContext(componentName) {
+  const context = React.useContext(ComboboxContext);
+  if (!context) {
+    throw new Error(`${componentName} must be used within <Combobox>.`);
+  }
+  return context;
+}
+function Combobox(props) {
+  const {
+    options,
+    query: queryProp,
+    defaultQuery = "",
+    onQueryChange,
+    open: openProp,
+    defaultOpen = false,
+    onOpenChange,
+    creatable = false,
+    loading = false,
+    disabled = false,
+    invalid = false,
+    placeholder = "Search\u2026",
+    emptyMessage = "No results found.",
+    loadingMessage = "Loading\u2026",
+    createLabel = (query2) => `Create "${query2}"`,
+    onCreateOption,
+    id,
+    className,
+    children,
+    multiple: multipleProp,
+    ...divProps
+  } = props;
+  const inputId = React.useId();
+  const listId = React.useId();
+  const multiple = multipleProp === true;
+  const singleValueProp = props.multiple === true ? void 0 : props.value;
+  const singleDefaultValue = props.multiple === true ? void 0 : props.defaultValue;
+  const singleOnValueChange = props.multiple === true ? void 0 : props.onValueChange;
+  const multiValueProp = props.multiple === true ? props.value : void 0;
+  const multiDefaultValue = props.multiple === true ? props.defaultValue ?? [] : [];
+  const multiOnValueChange = props.multiple === true ? props.onValueChange : void 0;
+  const [open = defaultOpen, setOpenState] = useControllableState({
+    value: openProp,
+    defaultValue: defaultOpen,
+    onChange: onOpenChange
+  });
+  const [query = defaultQuery, setQueryState] = useControllableState({
+    value: queryProp,
+    defaultValue: defaultQuery,
+    onChange: onQueryChange
+  });
+  const [singleValue = singleDefaultValue, setSingleValue] = useControllableState({
+    value: singleValueProp,
+    defaultValue: singleDefaultValue,
+    onChange: singleOnValueChange
+  });
+  const [multiValue = multiDefaultValue, setMultiValue] = useControllableState({
+    value: multiValueProp,
+    defaultValue: multiDefaultValue,
+    onChange: multiOnValueChange
+  });
+  const triggerRef = React.useRef(null);
+  const inputRef = React.useRef(null);
+  const [contentWidth, setContentWidth] = React.useState();
+  const [createdOptions, setCreatedOptions] = React.useState([]);
+  React.useEffect(() => {
+    const trigger = triggerRef.current;
+    if (!trigger) {
+      return;
+    }
+    const update = () => {
+      setContentWidth(trigger.offsetWidth);
+    };
+    update();
+    const observer = new ResizeObserver(update);
+    observer.observe(trigger);
+    return () => observer.disconnect();
+  }, []);
+  const allOptions = React.useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    createdOptions.forEach((option) => {
+      map.set(option.value, option);
+    });
+    options.forEach((option) => {
+      map.set(option.value, option);
+    });
+    return Array.from(map.values());
+  }, [createdOptions, options]);
+  const selectedValues = React.useMemo(
+    () => multiple ? multiValue : singleValue ? [singleValue] : [],
+    [multiple, multiValue, singleValue]
+  );
+  const normalizedQuery = query.trim().toLowerCase();
+  const filteredOptions = React.useMemo(() => {
+    if (!normalizedQuery) {
+      return allOptions;
+    }
+    return allOptions.filter((option) => {
+      const terms = [option.label, option.value, ...option.keywords ?? []];
+      return terms.some((term) => term.toLowerCase().includes(normalizedQuery));
+    });
+  }, [allOptions, normalizedQuery]);
+  const filteredGroups = React.useMemo(() => {
+    const groups = /* @__PURE__ */ new Map();
+    filteredOptions.forEach((option) => {
+      const groupKey = option.group ?? "";
+      const existingGroup = groups.get(groupKey);
+      if (existingGroup) {
+        existingGroup.options.push(option);
+        return;
+      }
+      groups.set(groupKey, {
+        group: option.group,
+        options: [option]
+      });
+    });
+    return Array.from(groups.values());
+  }, [filteredOptions]);
+  const selectedOptions = React.useMemo(() => {
+    const optionMap = new Map(allOptions.map((option) => [option.value, option]));
+    return selectedValues.map((value) => optionMap.get(value) ?? { value, label: value });
+  }, [allOptions, selectedValues]);
+  const selectedSingleLabel = !multiple ? selectedOptions[0]?.label : void 0;
+  const inputValue = multiple ? query : open ? query : query || selectedSingleLabel || "";
+  const hasSelection = selectedValues.length > 0;
+  const hasQuery = query.trim().length > 0;
+  const hasExactOption = React.useMemo(
+    () => allOptions.some((option) => {
+      const optionValue = option.value.trim().toLowerCase();
+      const optionLabel = option.label.trim().toLowerCase();
+      return optionValue === normalizedQuery || optionLabel === normalizedQuery;
+    }),
+    [allOptions, normalizedQuery]
+  );
+  const showCreateOption = creatable && hasQuery && !hasExactOption && !loading;
+  const createOptionLabel = hasQuery ? createLabel(query.trim()) : null;
+  const setOpen = React.useCallback(
+    (nextOpen) => {
+      setOpenState(nextOpen);
+      if (!nextOpen) {
+        setQueryState("");
+      }
+    },
+    [setOpenState, setQueryState]
+  );
+  const setQuery = React.useCallback(
+    (nextQuery) => {
+      if (disabled) {
+        return;
+      }
+      if (!open) {
+        setOpenState(true);
+      }
+      setQueryState(nextQuery);
+    },
+    [disabled, open, setOpenState, setQueryState]
+  );
+  const removeValue = React.useCallback(
+    (valueToRemove) => {
+      if (disabled) {
+        return;
+      }
+      if (multiple) {
+        setMultiValue(selectedValues.filter((value) => value !== valueToRemove));
+        return;
+      }
+      if (singleValue === valueToRemove) {
+        setSingleValue(void 0);
+      }
+    },
+    [disabled, multiple, selectedValues, setMultiValue, setSingleValue, singleValue]
+  );
+  const clear = React.useCallback(() => {
+    if (disabled) {
+      return;
+    }
+    setQueryState("");
+    if (multiple) {
+      setMultiValue([]);
+      return;
+    }
+    setSingleValue(void 0);
+  }, [disabled, multiple, setMultiValue, setQueryState, setSingleValue]);
+  const selectOption = React.useCallback(
+    (option) => {
+      if (disabled || option.disabled) {
+        return;
+      }
+      if (multiple) {
+        const nextValues = selectedValues.includes(option.value) ? selectedValues.filter((value) => value !== option.value) : [...selectedValues, option.value];
+        setMultiValue(nextValues);
+        setQueryState("");
+        setOpenState(true);
+        inputRef.current?.focus();
+        return;
+      }
+      setSingleValue(option.value);
+      setQueryState("");
+      setOpenState(false);
+    },
+    [
+      disabled,
+      multiple,
+      selectedValues,
+      setMultiValue,
+      setOpenState,
+      setQueryState,
+      setSingleValue
+    ]
+  );
+  const createOption = React.useCallback(() => {
+    const nextValue = query.trim();
+    if (!nextValue || disabled) {
+      return;
+    }
+    const createdOption = {
+      value: nextValue,
+      label: nextValue
+    };
+    setCreatedOptions((currentOptions) => {
+      if (currentOptions.some((option) => option.value === nextValue)) {
+        return currentOptions;
+      }
+      return [...currentOptions, createdOption];
+    });
+    onCreateOption?.(nextValue);
+    selectOption(createdOption);
+  }, [disabled, onCreateOption, query, selectOption]);
+  const onInputKeyDown = React.useCallback(
+    (event) => {
+      if (disabled) {
+        return;
+      }
+      if (event.key === "Backspace" && !query && multiple && selectedValues.length > 0) {
+        event.preventDefault();
+        const lastValue = selectedValues[selectedValues.length - 1];
+        if (lastValue) {
+          removeValue(lastValue);
+        }
+      }
+      if (event.key === "Escape") {
+        event.preventDefault();
+        setOpen(false);
+      }
+    },
+    [disabled, multiple, query, removeValue, selectedValues, setOpen]
+  );
+  const contextValue = {
+    inputId: id ?? inputId,
+    listId,
+    open,
+    setOpen,
+    query,
+    setQuery,
+    inputValue,
+    multiple,
+    creatable,
+    disabled,
+    invalid,
+    loading,
+    placeholder,
+    emptyMessage,
+    loadingMessage,
+    createOptionLabel,
+    showCreateOption,
+    selectedValues,
+    selectedOptions,
+    filteredGroups,
+    hasSelection,
+    hasQuery,
+    triggerRef,
+    inputRef,
+    contentWidth,
+    clear,
+    removeValue,
+    selectOption,
+    createOption,
+    onInputKeyDown
+  };
+  return /* @__PURE__ */ jsx(ComboboxContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(
+    Command,
+    {
+      shouldFilter: false,
+      loop: true,
+      className: cn("overflow-visible rounded-none bg-transparent p-0", className),
+      children: /* @__PURE__ */ jsx(Popover, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsx("div", { "data-slot": "combobox", ...divProps, children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsxs(ComboboxTrigger, { children: [
+          /* @__PURE__ */ jsx(ComboboxTags, {}),
+          /* @__PURE__ */ jsx(ComboboxInput, {}),
+          /* @__PURE__ */ jsx(ComboboxClear, {})
+        ] }),
+        /* @__PURE__ */ jsx(ComboboxContent, { children: /* @__PURE__ */ jsx(ComboboxList, {}) })
+      ] }) }) })
+    }
+  ) });
+}
+function ComboboxTrigger({
+  className,
+  children,
+  leadingIcon = /* @__PURE__ */ jsx(SearchIcon, { className: "text-field-placeholder size-4 shrink-0" }),
+  ...props
+}) {
+  const context = useComboboxContext("ComboboxTrigger");
+  return /* @__PURE__ */ jsx(PopoverAnchor, { asChild: true, children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref: context.triggerRef,
+      "data-slot": "combobox-trigger",
+      "aria-disabled": context.disabled || void 0,
+      "aria-invalid": context.invalid || void 0,
+      className: cn(
+        "border-field-border bg-field-background text-field-text focus-within:border-field-border-focus focus-within:ring-focus-ring aria-disabled:bg-field-background-disabled flex min-h-8 w-full cursor-text items-center gap-1 rounded-lg border px-2 py-1 transition-colors focus-within:ring-3 aria-disabled:cursor-not-allowed aria-disabled:opacity-50",
+        fieldInvalidClass,
+        className
+      ),
+      onMouseDown: (event) => {
+        if (context.disabled) {
+          return;
+        }
+        if (event.target instanceof HTMLElement && event.target.closest("[data-combobox-interactive]")) {
+          return;
+        }
+        event.preventDefault();
+        context.setOpen(true);
+        context.inputRef.current?.focus();
+      },
+      ...props,
+      children: [
+        leadingIcon,
+        children,
+        /* @__PURE__ */ jsx(ChevronDownIcon, { className: "text-field-placeholder ml-auto size-4 shrink-0" })
+      ]
+    }
+  ) });
+}
+function ComboboxInput({
+  className,
+  onFocus,
+  onKeyDown,
+  ...props
+}) {
+  const context = useComboboxContext("ComboboxInput");
+  return /* @__PURE__ */ jsx(
+    CommandPrimitive.Input,
+    {
+      ref: context.inputRef,
+      id: context.inputId,
+      "data-slot": "combobox-input",
+      "aria-controls": context.listId,
+      "aria-expanded": context.open,
+      "aria-autocomplete": "list",
+      "aria-invalid": context.invalid || void 0,
+      disabled: context.disabled,
+      placeholder: !context.multiple && context.selectedOptions[0] && !context.open ? void 0 : context.placeholder,
+      value: context.inputValue,
+      onFocus: (event) => {
+        context.setOpen(true);
+        onFocus?.(event);
+      },
+      onValueChange: context.setQuery,
+      onKeyDown: (event) => {
+        context.onInputKeyDown(event);
+        onKeyDown?.(event);
+      },
+      className: cn(
+        "placeholder:text-field-placeholder min-w-[4ch] flex-1 bg-transparent text-sm outline-none disabled:cursor-not-allowed",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ComboboxContent({
+  className,
+  style,
+  children,
+  onOpenAutoFocus,
+  ...props
+}) {
+  const context = useComboboxContext("ComboboxContent");
+  return /* @__PURE__ */ jsx(
+    PopoverContent,
+    {
+      "data-slot": "combobox-content",
+      align: "start",
+      sideOffset: 4,
+      className: cn("gap-0 p-1", className),
+      style: {
+        width: context.contentWidth ? `${context.contentWidth}px` : void 0,
+        ...style
+      },
+      onOpenAutoFocus: (event) => {
+        event.preventDefault();
+        onOpenAutoFocus?.(event);
+      },
+      ...props,
+      children
+    }
+  );
+}
+function ComboboxList({
+  className,
+  children,
+  ...props
+}) {
+  const context = useComboboxContext("ComboboxList");
+  return /* @__PURE__ */ jsx(CommandList, { id: context.listId, className: cn("max-h-64", className), ...props, children: children ? children : context.loading ? /* @__PURE__ */ jsx(ComboboxLoading, {}) : context.filteredGroups.length > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+    context.filteredGroups.map(
+      (group) => group.group ? /* @__PURE__ */ jsx(ComboboxGroup, { heading: group.group, children: group.options.map((option) => /* @__PURE__ */ jsx(ComboboxItem, { option }, option.value)) }, group.group) : group.options.map((option) => /* @__PURE__ */ jsx(ComboboxItem, { option }, option.value))
+    ),
+    context.showCreateOption ? /* @__PURE__ */ jsx(
+      CommandItem,
+      {
+        value: `__create__${context.query}`,
+        onSelect: context.createOption,
+        className: "mt-1",
+        children: context.createOptionLabel
+      }
+    ) : null
+  ] }) : context.showCreateOption ? /* @__PURE__ */ jsx(CommandItem, { value: `__create__${context.query}`, onSelect: context.createOption, children: context.createOptionLabel }) : /* @__PURE__ */ jsx(ComboboxEmpty, {}) });
+}
+function ComboboxGroup({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(CommandGroup, { className: cn("overflow-hidden", className), ...props, children });
+}
+function ComboboxItem({
+  option,
+  className,
+  children,
+  ...props
+}) {
+  const context = useComboboxContext("ComboboxItem");
+  const isSelected = context.selectedValues.includes(option.value);
+  return /* @__PURE__ */ jsxs(
+    CommandItem,
+    {
+      "data-checked": isSelected || void 0,
+      value: option.value,
+      ...context.disabled || option.disabled ? { disabled: true } : {},
+      onSelect: () => context.selectOption(option),
+      className,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "truncate", children: children ?? option.label }),
+        !isSelected ? /* @__PURE__ */ jsx(CheckIcon, { className: "ml-auto size-4 opacity-0" }) : null
+      ]
+    }
+  );
+}
+function ComboboxEmpty({ className, children, ...props }) {
+  const context = useComboboxContext("ComboboxEmpty");
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "combobox-empty",
+      className: cn("text-text-muted py-6 text-center text-sm", className),
+      ...props,
+      children: children ?? context.emptyMessage
+    }
+  );
+}
+function ComboboxLoading({ className, children, ...props }) {
+  const context = useComboboxContext("ComboboxLoading");
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "combobox-loading",
+      className: cn("text-text-muted flex items-center gap-2 px-2 py-3 text-sm", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(LoaderCircleIcon, { className: "size-4 animate-spin" }),
+        /* @__PURE__ */ jsx("span", { children: children ?? context.loadingMessage })
+      ]
+    }
+  );
+}
+function ComboboxTags({ className, children, ...props }) {
+  const context = useComboboxContext("ComboboxTags");
+  if (!context.multiple || context.selectedOptions.length === 0) {
+    return children ? /* @__PURE__ */ jsx("div", { "data-slot": "combobox-tags", className, ...props, children }) : null;
+  }
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "combobox-tags",
+      className: cn("flex flex-wrap items-center gap-1", className),
+      ...props,
+      children: children ?? context.selectedOptions.map((option) => /* @__PURE__ */ jsx(ComboboxTag, { option }, option.value))
+    }
+  );
+}
+function ComboboxTag({
+  option,
+  className,
+  children,
+  ...props
+}) {
+  const context = useComboboxContext("ComboboxTag");
+  return /* @__PURE__ */ jsxs(Badge, { variant: "normal", className: cn("gap-1 pr-1", className), ...props, children: [
+    /* @__PURE__ */ jsx("span", { className: "truncate", children: children ?? option.label }),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        "data-combobox-interactive": true,
+        className: "hover:bg-background-modifier-hover rounded-full p-0.5 transition-colors",
+        onMouseDown: (event) => event.preventDefault(),
+        onClick: () => context.removeValue(option.value),
+        "aria-label": `Remove ${option.label}`,
+        children: /* @__PURE__ */ jsx(XIcon, { className: "size-3" })
+      }
+    )
+  ] });
+}
+function ComboboxClear({
+  className,
+  children,
+  ...props
+}) {
+  const context = useComboboxContext("ComboboxClear");
+  if (!context.hasSelection && !context.hasQuery) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      "data-slot": "combobox-clear",
+      "data-combobox-interactive": true,
+      className: cn(
+        "text-field-placeholder hover:bg-background-modifier-hover hover:text-text-normal ml-1 inline-flex size-5 shrink-0 items-center justify-center rounded-full transition-colors",
+        className
+      ),
+      onMouseDown: (event) => event.preventDefault(),
+      onClick: context.clear,
+      "aria-label": "Clear selection",
+      ...props,
+      children: children ?? /* @__PURE__ */ jsx(XIcon, { className: "size-3.5" })
+    }
+  );
+}
+export {
+  Combobox,
+  ComboboxClear,
+  ComboboxContent,
+  ComboboxEmpty,
+  ComboboxGroup,
+  ComboboxInput,
+  ComboboxItem,
+  ComboboxList,
+  ComboboxLoading,
+  ComboboxTag,
+  ComboboxTags,
+  ComboboxTrigger
+};
+//# sourceMappingURL=combobox.js.map

package/dist/components/combobox.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/combobox.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\n\nimport { Command as CommandPrimitive } from \"cmdk\"\nimport { CheckIcon, ChevronDownIcon, LoaderCircleIcon, SearchIcon, XIcon } from \"lucide-react\"\n\nimport { Badge } from \"@hyunsdev/ui/components/badge\"\nimport {\n  Command as CommandRoot,\n  CommandGroup as CommandGroupPrimitive,\n  CommandItem as CommandItemPrimitive,\n  CommandList as CommandListPrimitive,\n} from \"@hyunsdev/ui/components/command\"\nimport { Popover, PopoverAnchor, PopoverContent } from \"@hyunsdev/ui/components/popover\"\nimport { cn } from \"@hyunsdev/ui/lib/utils\"\n\nimport { fieldInvalidClass } from \"./_styles\"\n\nexport type ComboboxOption = {\n  value: string\n  label: string\n  keywords?: readonly string[]\n  disabled?: boolean\n  group?: string | undefined\n}\n\ntype ComboboxSharedProps = {\n  options: readonly ComboboxOption[]\n  query?: string | undefined\n  defaultQuery?: string | undefined\n  onQueryChange?: (query: string) => void\n  open?: boolean | undefined\n  defaultOpen?: boolean | undefined\n  onOpenChange?: (open: boolean) => void\n  creatable?: boolean\n  loading?: boolean\n  disabled?: boolean\n  invalid?: boolean\n  placeholder?: string\n  emptyMessage?: React.ReactNode\n  loadingMessage?: React.ReactNode\n  createLabel?: (query: string) => React.ReactNode\n  onCreateOption?: (query: string) => void\n  id?: string\n  className?: string\n  children?: React.ReactNode\n}\n\ntype SingleComboboxProps = ComboboxSharedProps & {\n  multiple?: false\n  value?: string | undefined\n  defaultValue?: string | undefined\n  onValueChange?: (value: string | undefined) => void\n}\n\ntype MultiComboboxProps = ComboboxSharedProps & {\n  multiple: true\n  value?: string[] | undefined\n  defaultValue?: string[] | undefined\n  onValueChange?: (value: string[]) => void\n}\n\nexport type ComboboxProps = SingleComboboxProps | MultiComboboxProps\n\ntype ComboboxContextValue = {\n  inputId: string\n  listId: string\n  open: boolean\n  setOpen: (open: boolean) => void\n  query: string\n  setQuery: (query: string) => void\n  inputValue: string\n  multiple: boolean\n  creatable: boolean\n  disabled: boolean\n  invalid: boolean\n  loading: boolean\n  placeholder?: string\n  emptyMessage: React.ReactNode\n  loadingMessage: React.ReactNode\n  createOptionLabel: React.ReactNode\n  showCreateOption: boolean\n  selectedValues: string[]\n  selectedOptions: ComboboxOption[]\n  filteredGroups: Array<{ group?: string | undefined; options: ComboboxOption[] }>\n  hasSelection: boolean\n  hasQuery: boolean\n  triggerRef: React.RefObject<HTMLDivElement | null>\n  inputRef: React.RefObject<HTMLInputElement | null>\n  contentWidth?: number | undefined\n  clear: () => void\n  removeValue: (value: string) => void\n  selectOption: (option: ComboboxOption) => void\n  createOption: () => void\n  onInputKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => void\n}\n\nconst ComboboxContext = React.createContext<ComboboxContextValue | null>(null)\n\nfunction useControllableState<T>({\n  value,\n  defaultValue,\n  onChange,\n}: {\n  value: T | undefined\n  defaultValue: T\n  onChange?: ((value: T) => void) | undefined\n}) {\n  const [internalValue, setInternalValue] = React.useState(defaultValue)\n  const isControlled = value !== undefined\n  const currentValue = isControlled ? value : internalValue\n\n  const setValue = React.useCallback(\n    (nextValue: T) => {\n      if (!isControlled) {\n        setInternalValue(nextValue)\n      }\n\n      onChange?.(nextValue)\n    },\n    [isControlled, onChange],\n  )\n\n  return [currentValue, setValue] as const\n}\n\nfunction useComboboxContext(componentName: string) {\n  const context = React.useContext(ComboboxContext)\n\n  if (!context) {\n    throw new Error(`${componentName} must be used within <Combobox>.`)\n  }\n\n  return context\n}\n\nfunction Combobox(props: ComboboxProps & Omit<React.ComponentProps<\"div\">, keyof ComboboxProps>) {\n  const {\n    options,\n    query: queryProp,\n    defaultQuery = \"\",\n    onQueryChange,\n    open: openProp,\n    defaultOpen = false,\n    onOpenChange,\n    creatable = false,\n    loading = false,\n    disabled = false,\n    invalid = false,\n    placeholder = \"Search…\",\n    emptyMessage = \"No results found.\",\n    loadingMessage = \"Loading…\",\n    createLabel = (query) => `Create \"${query}\"`,\n    onCreateOption,\n    id,\n    className,\n    children,\n    multiple: multipleProp,\n    ...divProps\n  } = props\n  const inputId = React.useId()\n  const listId = React.useId()\n  const multiple = multipleProp === true\n  const singleValueProp = props.multiple === true ? undefined : props.value\n  const singleDefaultValue = props.multiple === true ? undefined : props.defaultValue\n  const singleOnValueChange = props.multiple === true ? undefined : props.onValueChange\n  const multiValueProp = props.multiple === true ? props.value : undefined\n  const multiDefaultValue = props.multiple === true ? (props.defaultValue ?? []) : []\n  const multiOnValueChange = props.multiple === true ? props.onValueChange : undefined\n  const [open = defaultOpen, setOpenState] = useControllableState<boolean>({\n    value: openProp,\n    defaultValue: defaultOpen,\n    onChange: onOpenChange,\n  })\n  const [query = defaultQuery, setQueryState] = useControllableState<string>({\n    value: queryProp,\n    defaultValue: defaultQuery,\n    onChange: onQueryChange,\n  })\n\n  const [singleValue = singleDefaultValue, setSingleValue] = useControllableState<\n    string | undefined\n  >({\n    value: singleValueProp,\n    defaultValue: singleDefaultValue,\n    onChange: singleOnValueChange,\n  })\n  const [multiValue = multiDefaultValue, setMultiValue] = useControllableState<string[]>({\n    value: multiValueProp,\n    defaultValue: multiDefaultValue,\n    onChange: multiOnValueChange,\n  })\n\n  const triggerRef = React.useRef<HTMLDivElement>(null)\n  const inputRef = React.useRef<HTMLInputElement>(null)\n  const [contentWidth, setContentWidth] = React.useState<number>()\n  const [createdOptions, setCreatedOptions] = React.useState<ComboboxOption[]>([])\n\n  React.useEffect(() => {\n    const trigger = triggerRef.current\n\n    if (!trigger) {\n      return\n    }\n\n    const update = () => {\n      setContentWidth(trigger.offsetWidth)\n    }\n\n    update()\n\n    const observer = new ResizeObserver(update)\n    observer.observe(trigger)\n\n    return () => observer.disconnect()\n  }, [])\n\n  const allOptions = React.useMemo(() => {\n    const map = new Map<string, ComboboxOption>()\n\n    createdOptions.forEach((option) => {\n      map.set(option.value, option)\n    })\n\n    options.forEach((option) => {\n      map.set(option.value, option)\n    })\n\n    return Array.from(map.values())\n  }, [createdOptions, options])\n\n  const selectedValues = React.useMemo(\n    () => (multiple ? multiValue : singleValue ? [singleValue] : []),\n    [multiple, multiValue, singleValue],\n  )\n  const normalizedQuery = query.trim().toLowerCase()\n  const filteredOptions = React.useMemo(() => {\n    if (!normalizedQuery) {\n      return allOptions\n    }\n\n    return allOptions.filter((option) => {\n      const terms = [option.label, option.value, ...(option.keywords ?? [])]\n\n      return terms.some((term) => term.toLowerCase().includes(normalizedQuery))\n    })\n  }, [allOptions, normalizedQuery])\n\n  const filteredGroups = React.useMemo(() => {\n    const groups = new Map<string, { group?: string | undefined; options: ComboboxOption[] }>()\n\n    filteredOptions.forEach((option) => {\n      const groupKey = option.group ?? \"\"\n      const existingGroup = groups.get(groupKey)\n\n      if (existingGroup) {\n        existingGroup.options.push(option)\n        return\n      }\n\n      groups.set(groupKey, {\n        group: option.group,\n        options: [option],\n      })\n    })\n\n    return Array.from(groups.values())\n  }, [filteredOptions])\n\n  const selectedOptions = React.useMemo(() => {\n    const optionMap = new Map(allOptions.map((option) => [option.value, option] as const))\n\n    return selectedValues.map((value) => optionMap.get(value) ?? { value, label: value })\n  }, [allOptions, selectedValues])\n\n  const selectedSingleLabel = !multiple ? selectedOptions[0]?.label : undefined\n  const inputValue = multiple ? query : open ? query : query || selectedSingleLabel || \"\"\n  const hasSelection = selectedValues.length > 0\n  const hasQuery = query.trim().length > 0\n\n  const hasExactOption = React.useMemo(\n    () =>\n      allOptions.some((option) => {\n        const optionValue = option.value.trim().toLowerCase()\n        const optionLabel = option.label.trim().toLowerCase()\n\n        return optionValue === normalizedQuery || optionLabel === normalizedQuery\n      }),\n    [allOptions, normalizedQuery],\n  )\n\n  const showCreateOption = creatable && hasQuery && !hasExactOption && !loading\n  const createOptionLabel = hasQuery ? createLabel(query.trim()) : null\n\n  const setOpen = React.useCallback(\n    (nextOpen: boolean) => {\n      setOpenState(nextOpen)\n\n      if (!nextOpen) {\n        setQueryState(\"\")\n      }\n    },\n    [setOpenState, setQueryState],\n  )\n\n  const setQuery = React.useCallback(\n    (nextQuery: string) => {\n      if (disabled) {\n        return\n      }\n\n      if (!open) {\n        setOpenState(true)\n      }\n\n      setQueryState(nextQuery)\n    },\n    [disabled, open, setOpenState, setQueryState],\n  )\n\n  const removeValue = React.useCallback(\n    (valueToRemove: string) => {\n      if (disabled) {\n        return\n      }\n\n      if (multiple) {\n        setMultiValue(selectedValues.filter((value) => value !== valueToRemove))\n        return\n      }\n\n      if (singleValue === valueToRemove) {\n        setSingleValue(undefined)\n      }\n    },\n    [disabled, multiple, selectedValues, setMultiValue, setSingleValue, singleValue],\n  )\n\n  const clear = React.useCallback(() => {\n    if (disabled) {\n      return\n    }\n\n    setQueryState(\"\")\n\n    if (multiple) {\n      setMultiValue([])\n      return\n    }\n\n    setSingleValue(undefined)\n  }, [disabled, multiple, setMultiValue, setQueryState, setSingleValue])\n\n  const selectOption = React.useCallback(\n    (option: ComboboxOption) => {\n      if (disabled || option.disabled) {\n        return\n      }\n\n      if (multiple) {\n        const nextValues = selectedValues.includes(option.value)\n          ? selectedValues.filter((value) => value !== option.value)\n          : [...selectedValues, option.value]\n\n        setMultiValue(nextValues)\n        setQueryState(\"\")\n        setOpenState(true)\n        inputRef.current?.focus()\n        return\n      }\n\n      setSingleValue(option.value)\n      setQueryState(\"\")\n      setOpenState(false)\n    },\n    [\n      disabled,\n      multiple,\n      selectedValues,\n      setMultiValue,\n      setOpenState,\n      setQueryState,\n      setSingleValue,\n    ],\n  )\n\n  const createOption = React.useCallback(() => {\n    const nextValue = query.trim()\n\n    if (!nextValue || disabled) {\n      return\n    }\n\n    const createdOption: ComboboxOption = {\n      value: nextValue,\n      label: nextValue,\n    }\n\n    setCreatedOptions((currentOptions) => {\n      if (currentOptions.some((option) => option.value === nextValue)) {\n        return currentOptions\n      }\n\n      return [...currentOptions, createdOption]\n    })\n\n    onCreateOption?.(nextValue)\n    selectOption(createdOption)\n  }, [disabled, onCreateOption, query, selectOption])\n\n  const onInputKeyDown = React.useCallback(\n    (event: React.KeyboardEvent<HTMLInputElement>) => {\n      if (disabled) {\n        return\n      }\n\n      if (event.key === \"Backspace\" && !query && multiple && selectedValues.length > 0) {\n        event.preventDefault()\n        const lastValue = selectedValues[selectedValues.length - 1]\n\n        if (lastValue) {\n          removeValue(lastValue)\n        }\n      }\n\n      if (event.key === \"Escape\") {\n        event.preventDefault()\n        setOpen(false)\n      }\n    },\n    [disabled, multiple, query, removeValue, selectedValues, setOpen],\n  )\n\n  const contextValue: ComboboxContextValue = {\n    inputId: id ?? inputId,\n    listId,\n    open,\n    setOpen,\n    query,\n    setQuery,\n    inputValue,\n    multiple,\n    creatable,\n    disabled,\n    invalid,\n    loading,\n    placeholder,\n    emptyMessage,\n    loadingMessage,\n    createOptionLabel,\n    showCreateOption,\n    selectedValues,\n    selectedOptions,\n    filteredGroups,\n    hasSelection,\n    hasQuery,\n    triggerRef,\n    inputRef,\n    contentWidth,\n    clear,\n    removeValue,\n    selectOption,\n    createOption,\n    onInputKeyDown,\n  }\n\n  return (\n    <ComboboxContext.Provider value={contextValue}>\n      <CommandRoot\n        shouldFilter={false}\n        loop\n        className={cn(\"overflow-visible rounded-none bg-transparent p-0\", className)}\n      >\n        <Popover open={open} onOpenChange={setOpen}>\n          <div data-slot=\"combobox\" {...divProps}>\n            {children ?? (\n              <>\n                <ComboboxTrigger>\n                  <ComboboxTags />\n                  <ComboboxInput />\n                  <ComboboxClear />\n                </ComboboxTrigger>\n                <ComboboxContent>\n                  <ComboboxList />\n                </ComboboxContent>\n              </>\n            )}\n          </div>\n        </Popover>\n      </CommandRoot>\n    </ComboboxContext.Provider>\n  )\n}\n\nfunction ComboboxTrigger({\n  className,\n  children,\n  leadingIcon = <SearchIcon className=\"text-field-placeholder size-4 shrink-0\" />,\n  ...props\n}: React.ComponentProps<\"div\"> & { leadingIcon?: React.ReactNode }) {\n  const context = useComboboxContext(\"ComboboxTrigger\")\n\n  return (\n    <PopoverAnchor asChild>\n      <div\n        ref={context.triggerRef}\n        data-slot=\"combobox-trigger\"\n        aria-disabled={context.disabled || undefined}\n        aria-invalid={context.invalid || undefined}\n        className={cn(\n          \"border-field-border bg-field-background text-field-text focus-within:border-field-border-focus focus-within:ring-focus-ring aria-disabled:bg-field-background-disabled flex min-h-8 w-full cursor-text items-center gap-1 rounded-lg border px-2 py-1 transition-colors focus-within:ring-3 aria-disabled:cursor-not-allowed aria-disabled:opacity-50\",\n          fieldInvalidClass,\n          className,\n        )}\n        onMouseDown={(event) => {\n          if (context.disabled) {\n            return\n          }\n\n          if (\n            event.target instanceof HTMLElement &&\n            event.target.closest(\"[data-combobox-interactive]\")\n          ) {\n            return\n          }\n\n          event.preventDefault()\n          context.setOpen(true)\n          context.inputRef.current?.focus()\n        }}\n        {...props}\n      >\n        {leadingIcon}\n        {children}\n        <ChevronDownIcon className=\"text-field-placeholder ml-auto size-4 shrink-0\" />\n      </div>\n    </PopoverAnchor>\n  )\n}\n\nfunction ComboboxInput({\n  className,\n  onFocus,\n  onKeyDown,\n  ...props\n}: Omit<\n  React.ComponentProps<typeof CommandPrimitive.Input>,\n  \"value\" | \"onValueChange\" | \"disabled\" | \"placeholder\"\n>) {\n  const context = useComboboxContext(\"ComboboxInput\")\n\n  return (\n    <CommandPrimitive.Input\n      ref={context.inputRef}\n      id={context.inputId}\n      data-slot=\"combobox-input\"\n      aria-controls={context.listId}\n      aria-expanded={context.open}\n      aria-autocomplete=\"list\"\n      aria-invalid={context.invalid || undefined}\n      disabled={context.disabled}\n      placeholder={\n        !context.multiple && context.selectedOptions[0] && !context.open\n          ? undefined\n          : context.placeholder\n      }\n      value={context.inputValue}\n      onFocus={(event) => {\n        context.setOpen(true)\n        onFocus?.(event)\n      }}\n      onValueChange={context.setQuery}\n      onKeyDown={(event) => {\n        context.onInputKeyDown(event)\n        onKeyDown?.(event)\n      }}\n      className={cn(\n        \"placeholder:text-field-placeholder min-w-[4ch] flex-1 bg-transparent text-sm outline-none disabled:cursor-not-allowed\",\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction ComboboxContent({\n  className,\n  style,\n  children,\n  onOpenAutoFocus,\n  ...props\n}: React.ComponentProps<typeof PopoverContent>) {\n  const context = useComboboxContext(\"ComboboxContent\")\n\n  return (\n    <PopoverContent\n      data-slot=\"combobox-content\"\n      align=\"start\"\n      sideOffset={4}\n      className={cn(\"gap-0 p-1\", className)}\n      style={{\n        width: context.contentWidth ? `${context.contentWidth}px` : undefined,\n        ...style,\n      }}\n      onOpenAutoFocus={(event) => {\n        event.preventDefault()\n        onOpenAutoFocus?.(event)\n      }}\n      {...props}\n    >\n      {children}\n    </PopoverContent>\n  )\n}\n\nfunction ComboboxList({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof CommandListPrimitive>) {\n  const context = useComboboxContext(\"ComboboxList\")\n\n  return (\n    <CommandListPrimitive id={context.listId} className={cn(\"max-h-64\", className)} {...props}>\n      {children ? (\n        children\n      ) : context.loading ? (\n        <ComboboxLoading />\n      ) : context.filteredGroups.length > 0 ? (\n        <>\n          {context.filteredGroups.map((group) =>\n            group.group ? (\n              <ComboboxGroup key={group.group} heading={group.group}>\n                {group.options.map((option) => (\n                  <ComboboxItem key={option.value} option={option} />\n                ))}\n              </ComboboxGroup>\n            ) : (\n              group.options.map((option) => <ComboboxItem key={option.value} option={option} />)\n            ),\n          )}\n          {context.showCreateOption ? (\n            <CommandItemPrimitive\n              value={`__create__${context.query}`}\n              onSelect={context.createOption}\n              className=\"mt-1\"\n            >\n              {context.createOptionLabel}\n            </CommandItemPrimitive>\n          ) : null}\n        </>\n      ) : context.showCreateOption ? (\n        <CommandItemPrimitive value={`__create__${context.query}`} onSelect={context.createOption}>\n          {context.createOptionLabel}\n        </CommandItemPrimitive>\n      ) : (\n        <ComboboxEmpty />\n      )}\n    </CommandListPrimitive>\n  )\n}\n\nfunction ComboboxGroup({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof CommandGroupPrimitive>) {\n  return (\n    <CommandGroupPrimitive className={cn(\"overflow-hidden\", className)} {...props}>\n      {children}\n    </CommandGroupPrimitive>\n  )\n}\n\nfunction ComboboxItem({\n  option,\n  className,\n  children,\n  ...props\n}: Omit<React.ComponentProps<typeof CommandItemPrimitive>, \"value\" | \"onSelect\"> & {\n  option: ComboboxOption\n}) {\n  const context = useComboboxContext(\"ComboboxItem\")\n  const isSelected = context.selectedValues.includes(option.value)\n\n  return (\n    <CommandItemPrimitive\n      data-checked={isSelected || undefined}\n      value={option.value}\n      {...(context.disabled || option.disabled ? { disabled: true } : {})}\n      onSelect={() => context.selectOption(option)}\n      className={className}\n      {...props}\n    >\n      <span className=\"truncate\">{children ?? option.label}</span>\n      {!isSelected ? <CheckIcon className=\"ml-auto size-4 opacity-0\" /> : null}\n    </CommandItemPrimitive>\n  )\n}\n\nfunction ComboboxEmpty({ className, children, ...props }: React.ComponentProps<\"div\">) {\n  const context = useComboboxContext(\"ComboboxEmpty\")\n\n  return (\n    <div\n      data-slot=\"combobox-empty\"\n      className={cn(\"text-text-muted py-6 text-center text-sm\", className)}\n      {...props}\n    >\n      {children ?? context.emptyMessage}\n    </div>\n  )\n}\n\nfunction ComboboxLoading({ className, children, ...props }: React.ComponentProps<\"div\">) {\n  const context = useComboboxContext(\"ComboboxLoading\")\n\n  return (\n    <div\n      data-slot=\"combobox-loading\"\n      className={cn(\"text-text-muted flex items-center gap-2 px-2 py-3 text-sm\", className)}\n      {...props}\n    >\n      <LoaderCircleIcon className=\"size-4 animate-spin\" />\n      <span>{children ?? context.loadingMessage}</span>\n    </div>\n  )\n}\n\nfunction ComboboxTags({ className, children, ...props }: React.ComponentProps<\"div\">) {\n  const context = useComboboxContext(\"ComboboxTags\")\n\n  if (!context.multiple || context.selectedOptions.length === 0) {\n    return children ? (\n      <div data-slot=\"combobox-tags\" className={className} {...props}>\n        {children}\n      </div>\n    ) : null\n  }\n\n  return (\n    <div\n      data-slot=\"combobox-tags\"\n      className={cn(\"flex flex-wrap items-center gap-1\", className)}\n      {...props}\n    >\n      {children ??\n        context.selectedOptions.map((option) => <ComboboxTag key={option.value} option={option} />)}\n    </div>\n  )\n}\n\nfunction ComboboxTag({\n  option,\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof Badge> & {\n  option: ComboboxOption\n}) {\n  const context = useComboboxContext(\"ComboboxTag\")\n\n  return (\n    <Badge variant=\"normal\" className={cn(\"gap-1 pr-1\", className)} {...props}>\n      <span className=\"truncate\">{children ?? option.label}</span>\n      <button\n        type=\"button\"\n        data-combobox-interactive\n        className=\"hover:bg-background-modifier-hover rounded-full p-0.5 transition-colors\"\n        onMouseDown={(event) => event.preventDefault()}\n        onClick={() => context.removeValue(option.value)}\n        aria-label={`Remove ${option.label}`}\n      >\n        <XIcon className=\"size-3\" />\n      </button>\n    </Badge>\n  )\n}\n\nfunction ComboboxClear({\n  className,\n  children,\n  ...props\n}: Omit<React.ComponentProps<\"button\">, \"children\"> & { children?: React.ReactNode }) {\n  const context = useComboboxContext(\"ComboboxClear\")\n\n  if (!context.hasSelection && !context.hasQuery) {\n    return null\n  }\n\n  return (\n    <button\n      type=\"button\"\n      data-slot=\"combobox-clear\"\n      data-combobox-interactive\n      className={cn(\n        \"text-field-placeholder hover:bg-background-modifier-hover hover:text-text-normal ml-1 inline-flex size-5 shrink-0 items-center justify-center rounded-full transition-colors\",\n        className,\n      )}\n      onMouseDown={(event) => event.preventDefault()}\n      onClick={context.clear}\n      aria-label=\"Clear selection\"\n      {...props}\n    >\n      {children ?? <XIcon className=\"size-3.5\" />}\n    </button>\n  )\n}\n\nexport {\n  Combobox,\n  ComboboxTrigger,\n  ComboboxInput,\n  ComboboxContent,\n  ComboboxList,\n  ComboboxGroup,\n  ComboboxItem,\n  ComboboxEmpty,\n  ComboboxLoading,\n  ComboboxTag,\n  ComboboxTags,\n  ComboboxClear,\n}\n"],"mappings":"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","names":["query"]}