// Adapted from Base UI compositions (MIT). See THIRD_PARTY_NOTICES.md.
"use client";
import type { ComponentProps } from "react";
import { Combobox as Primitive } from "./_ynrlib/base-ui.js";
export const Combobox = Primitive.Root;
export function ComboboxLabel({
  className,
  ...props
}: ComponentProps<typeof Primitive.Label>) {
  return (
    <Primitive.Label
      {...props}
      className={
        typeof className === "function"
          ? (state) => `ynr-combobox-label ${className(state) ?? ""}`
          : `ynr-combobox-label ${className ?? ""}`
      }
    />
  );
}
export function ComboboxInput({
  className,
  ...props
}: ComponentProps<typeof Primitive.Input>) {
  return (
    <Primitive.Input
      {...props}
      className={
        typeof className === "function"
          ? (state) => `ynr-combobox-input ${className(state) ?? ""}`
          : `ynr-combobox-input ${className ?? ""}`
      }
    />
  );
}
export function ComboboxInputGroup({
  className,
  ...props
}: ComponentProps<typeof Primitive.InputGroup>) {
  return (
    <Primitive.InputGroup
      {...props}
      className={
        typeof className === "function"
          ? (state) => `ynr-combobox-input-group ${className(state) ?? ""}`
          : `ynr-combobox-input-group ${className ?? ""}`
      }
    />
  );
}
export function ComboboxTrigger({
  className,
  ...props
}: ComponentProps<typeof Primitive.Trigger>) {
  return (
    <Primitive.Trigger
      {...props}
      className={
        typeof className === "function"
          ? (state) => `ynr-combobox-trigger ${className(state) ?? ""}`
          : `ynr-combobox-trigger ${className ?? ""}`
      }
    />
  );
}
export function ComboboxClear({
  className,
  ...props
}: ComponentProps<typeof Primitive.Clear>) {
  return (
    <Primitive.Clear
      {...props}
      className={
        typeof className === "function"
          ? (state) => `ynr-combobox-clear ${className(state) ?? ""}`
          : `ynr-combobox-clear ${className ?? ""}`
      }
    />
  );
}
export function ComboboxList({
  className,
  ...props
}: ComponentProps<typeof Primitive.List>) {
  return (
    <Primitive.List
      {...props}
      className={
        typeof className === "function"
          ? (state) => `ynr-combobox-list ${className(state) ?? ""}`
          : `ynr-combobox-list ${className ?? ""}`
      }
    />
  );
}
export function ComboboxEmpty({
  className,
  ...props
}: ComponentProps<typeof Primitive.Empty>) {
  return (
    <Primitive.Empty
      {...props}
      className={
        typeof className === "function"
          ? (state) => `ynr-combobox-empty ${className(state) ?? ""}`
          : `ynr-combobox-empty ${className ?? ""}`
      }
    />
  );
}
export function ComboboxItem({
  className,
  ...props
}: ComponentProps<typeof Primitive.Item>) {
  return (
    <Primitive.Item
      {...props}
      className={
        typeof className === "function"
          ? (state) => `ynr-combobox-item ${className(state) ?? ""}`
          : `ynr-combobox-item ${className ?? ""}`
      }
    />
  );
}
export function ComboboxItemIndicator({
  className,
  ...props
}: ComponentProps<typeof Primitive.ItemIndicator>) {
  return (
    <Primitive.ItemIndicator
      {...props}
      className={
        typeof className === "function"
          ? (state) => `ynr-combobox-item-indicator ${className(state) ?? ""}`
          : `ynr-combobox-item-indicator ${className ?? ""}`
      }
    />
  );
}
export function ComboboxGroup({
  className,
  ...props
}: ComponentProps<typeof Primitive.Group>) {
  return (
    <Primitive.Group
      {...props}
      className={
        typeof className === "function"
          ? (state) => `ynr-combobox-group ${className(state) ?? ""}`
          : `ynr-combobox-group ${className ?? ""}`
      }
    />
  );
}
export function ComboboxGroupLabel({
  className,
  ...props
}: ComponentProps<typeof Primitive.GroupLabel>) {
  return (
    <Primitive.GroupLabel
      {...props}
      className={
        typeof className === "function"
          ? (state) => `ynr-combobox-group-label ${className(state) ?? ""}`
          : `ynr-combobox-group-label ${className ?? ""}`
      }
    />
  );
}
export function ComboboxChips({
  className,
  ...props
}: ComponentProps<typeof Primitive.Chips>) {
  return (
    <Primitive.Chips
      {...props}
      className={
        typeof className === "function"
          ? (state) => `ynr-combobox-chips ${className(state) ?? ""}`
          : `ynr-combobox-chips ${className ?? ""}`
      }
    />
  );
}
export function ComboboxChip({
  className,
  ...props
}: ComponentProps<typeof Primitive.Chip>) {
  return (
    <Primitive.Chip
      {...props}
      className={
        typeof className === "function"
          ? (state) => `ynr-combobox-chip ${className(state) ?? ""}`
          : `ynr-combobox-chip ${className ?? ""}`
      }
    />
  );
}
export function ComboboxChipRemove({
  className,
  ...props
}: ComponentProps<typeof Primitive.ChipRemove>) {
  return (
    <Primitive.ChipRemove
      {...props}
      className={
        typeof className === "function"
          ? (state) => `ynr-combobox-chip-remove ${className(state) ?? ""}`
          : `ynr-combobox-chip-remove ${className ?? ""}`
      }
    />
  );
}
export const ComboboxValue = Primitive.Value;
export function ComboboxStatus({
  className,
  ...props
}: ComponentProps<typeof Primitive.Status>) {
  return (
    <Primitive.Status
      {...props}
      className={
        typeof className === "function"
          ? (state) => `ynr-combobox-status ${className(state) ?? ""}`
          : `ynr-combobox-status ${className ?? ""}`
      }
    />
  );
}
export const ComboboxPortal = Primitive.Portal;
export function ComboboxPositioner({
  className,
  ...props
}: ComponentProps<typeof Primitive.Positioner>) {
  return (
    <Primitive.Positioner
      {...props}
      className={
        typeof className === "function"
          ? (state) => `ynr-combobox-positioner ${className(state) ?? ""}`
          : `ynr-combobox-positioner ${className ?? ""}`
      }
    />
  );
}
export function ComboboxPopup({
  className,
  ...props
}: ComponentProps<typeof Primitive.Popup>) {
  return (
    <Primitive.Popup
      {...props}
      className={
        typeof className === "function"
          ? (state) => `ynr-combobox-popup ${className(state) ?? ""}`
          : `ynr-combobox-popup ${className ?? ""}`
      }
    />
  );
}