
"use client";
import { VStackProps } from "../../VStack.js";
import * as _$react from "react";
import { PropsWithChildren } from "react";
import { SelectPopoverProps } from "@ariakit/react";

//#region src/components/client/Select/SelectContent.d.ts
type DataAttributes = {
  [name: `data-${string}`]: string;
};
interface SelectContentProps extends PropsWithChildren, Omit<SelectPopoverProps, 'render' | 'hideOnInteractOutside'>, Pick<VStackProps, 'nestedBorderRadius' | 'nestedBorderRadiusSize' | 'nestedBorderRadiusSpacing' | 'nestedBorderRadiusWidth'> {
  size?: 'default';
  variant?: 'default';
  /** When true, the panel stays open when the user clicks or focuses outside. */
  keepOpenOnInteractOutside?: boolean;
  /**
   * Maximum height of the options list. Accepts a number in pixels or a string in
   * CSS units.
   *
   * @default 240
   */
  maxHeight?: string | number;
  /** UDS handles nested border radius for the first and last item for you to prevent clipping and visual jank.
   *  If you need to disable this, set this prop to true.
   *
   *  @link https://github.com/yahoo-uds/uds/blob/main/packages/uds/src/tailwind/utils/getNestedBorderRadiusUtilities.ts
   **/
  disableAutoBorderRadius?: boolean;
  slotProps?: {
    root?: Partial<VStackProps & DataAttributes>;
  };
}
/**
 * **▾ Select content panel**
 *
 * @componentType Client component
 *
 * @description
 * The floating listbox container. Renders Ariakit `SelectPopover` with UDS
 * styling.
 */
declare const SelectContent: _$react.ForwardRefExoticComponent<Omit<SelectContentProps, "ref"> & _$react.RefAttributes<HTMLDivElement>>;
//#endregion
export { SelectContent, type SelectContentProps };