// Adapted from Base UI compositions (MIT). See THIRD_PARTY_NOTICES.md.
"use client";
import type { ComponentProps } from "react";
import { Select as Primitive } from "./_ynrlib/base-ui.js";
export const Select = Primitive.Root;
export function SelectLabel({
  className,
  ...props
}: ComponentProps<typeof Primitive.Label>) {
  return (
    <Primitive.Label
      {...props}
      className={
        typeof className === "function"
          ? (state) => `ynr-select-label ${className(state) ?? ""}`
          : `ynr-select-label ${className ?? ""}`
      }
    />
  );
}
export function SelectTrigger({
  className,
  ...props
}: ComponentProps<typeof Primitive.Trigger>) {
  return (
    <Primitive.Trigger
      {...props}
      className={
        typeof className === "function"
          ? (state) => `ynr-select-trigger ${className(state) ?? ""}`
          : `ynr-select-trigger ${className ?? ""}`
      }
    />
  );
}
export const SelectValue = Primitive.Value;
export function SelectIcon({
  className,
  ...props
}: ComponentProps<typeof Primitive.Icon>) {
  return (
    <Primitive.Icon
      {...props}
      className={
        typeof className === "function"
          ? (state) => `ynr-select-icon ${className(state) ?? ""}`
          : `ynr-select-icon ${className ?? ""}`
      }
    />
  );
}
export function SelectList({
  className,
  ...props
}: ComponentProps<typeof Primitive.List>) {
  return (
    <Primitive.List
      {...props}
      className={
        typeof className === "function"
          ? (state) => `ynr-select-list ${className(state) ?? ""}`
          : `ynr-select-list ${className ?? ""}`
      }
    />
  );
}
export function SelectItem({
  className,
  ...props
}: ComponentProps<typeof Primitive.Item>) {
  return (
    <Primitive.Item
      {...props}
      className={
        typeof className === "function"
          ? (state) => `ynr-select-item ${className(state) ?? ""}`
          : `ynr-select-item ${className ?? ""}`
      }
    />
  );
}
export function SelectItemText({
  className,
  ...props
}: ComponentProps<typeof Primitive.ItemText>) {
  return (
    <Primitive.ItemText
      {...props}
      className={
        typeof className === "function"
          ? (state) => `ynr-select-item-text ${className(state) ?? ""}`
          : `ynr-select-item-text ${className ?? ""}`
      }
    />
  );
}
export function SelectItemIndicator({
  className,
  ...props
}: ComponentProps<typeof Primitive.ItemIndicator>) {
  return (
    <Primitive.ItemIndicator
      {...props}
      className={
        typeof className === "function"
          ? (state) => `ynr-select-item-indicator ${className(state) ?? ""}`
          : `ynr-select-item-indicator ${className ?? ""}`
      }
    />
  );
}
export function SelectGroup({
  className,
  ...props
}: ComponentProps<typeof Primitive.Group>) {
  return (
    <Primitive.Group
      {...props}
      className={
        typeof className === "function"
          ? (state) => `ynr-select-group ${className(state) ?? ""}`
          : `ynr-select-group ${className ?? ""}`
      }
    />
  );
}
export function SelectGroupLabel({
  className,
  ...props
}: ComponentProps<typeof Primitive.GroupLabel>) {
  return (
    <Primitive.GroupLabel
      {...props}
      className={
        typeof className === "function"
          ? (state) => `ynr-select-group-label ${className(state) ?? ""}`
          : `ynr-select-group-label ${className ?? ""}`
      }
    />
  );
}
export function SelectScrollUpArrow({
  className,
  ...props
}: ComponentProps<typeof Primitive.ScrollUpArrow>) {
  return (
    <Primitive.ScrollUpArrow
      {...props}
      className={
        typeof className === "function"
          ? (state) => `ynr-select-scroll-up-arrow ${className(state) ?? ""}`
          : `ynr-select-scroll-up-arrow ${className ?? ""}`
      }
    />
  );
}
export function SelectScrollDownArrow({
  className,
  ...props
}: ComponentProps<typeof Primitive.ScrollDownArrow>) {
  return (
    <Primitive.ScrollDownArrow
      {...props}
      className={
        typeof className === "function"
          ? (state) => `ynr-select-scroll-down-arrow ${className(state) ?? ""}`
          : `ynr-select-scroll-down-arrow ${className ?? ""}`
      }
    />
  );
}
export const SelectPortal = Primitive.Portal;
export function SelectPositioner({
  className,
  ...props
}: ComponentProps<typeof Primitive.Positioner>) {
  return (
    <Primitive.Positioner
      {...props}
      className={
        typeof className === "function"
          ? (state) => `ynr-select-positioner ${className(state) ?? ""}`
          : `ynr-select-positioner ${className ?? ""}`
      }
    />
  );
}
export function SelectPopup({
  className,
  ...props
}: ComponentProps<typeof Primitive.Popup>) {
  return (
    <Primitive.Popup
      {...props}
      className={
        typeof className === "function"
          ? (state) => `ynr-select-popup ${className(state) ?? ""}`
          : `ynr-select-popup ${className ?? ""}`
      }
    />
  );
}