"use client";
// Adapted from Adobe React Spectrum starters (Apache-2.0).
// Modified: owned composition, local runtime, scoped CSS and customization.
// See THIRD_PARTY_NOTICES.md.
import {
  Select as PrimitiveSelect,
  type SelectProps as AriaProps,
  SelectValue,
  Button,
  Popover,
  ListBox,
  ListBoxItem,
  type ListBoxItemProps,
  Label,
  Text,
  FieldError,
  type ValidationResult,
  composeRenderProps,
} from "./react-aria-runtime.js";
import type { ReactNode, CSSProperties } from "react";
export interface AriaSelectProps<T extends object> extends Omit<
  AriaProps<T>,
  "children"
> {
  label: string;
  description?: string;
  errorMessage?: string | ((validation: ValidationResult) => string);
  children: ReactNode | ((item: T) => ReactNode);
  items?: Iterable<T>;
  placeholder?: string;
  popoverClassName?: string;
  popoverStyle?: CSSProperties;
}
export function AriaSelect<T extends object>({
  label,
  description,
  errorMessage,
  children,
  items,
  placeholder,
  className,
  popoverClassName,
  popoverStyle,
  ...props
}: AriaSelectProps<T>) {
  return (
    <PrimitiveSelect
      {...props}
      placeholder={placeholder}
      className={composeRenderProps(
        className,
        (value) => `ynr-aria-select ynr-aria ${value ?? ""}`,
      )}
    >
      <Label className="ynr-aria-label">{label}</Label>
      <Button className="ynr-aria-control ynr-aria-select-button">
        <SelectValue />
        <span aria-hidden="true">⌄</span>
      </Button>
      {description && (
        <Text slot="description" className="ynr-aria-description">
          {description}
        </Text>
      )}
      <FieldError className="ynr-aria-error">{errorMessage}</FieldError>
      <Popover
        className={`ynr-aria-popover ynr-aria-select-popover ${popoverClassName ?? ""}`}
        style={popoverStyle}
      >
        <ListBox
          items={items}
          className="ynr-aria-options"
          renderEmptyState={() => "No results"}
        >
          {children}
        </ListBox>
      </Popover>
    </PrimitiveSelect>
  );
}
export function AriaSelectItem({ className, ...props }: ListBoxItemProps) {
  return (
    <ListBoxItem
      {...props}
      className={composeRenderProps(
        className,
        (value) => `ynr-aria-option ${value ?? ""}`,
      )}
    />
  );
}