import Tailwind from '../base/tailwind-base';
/**
 * A select item component that represents a selectable option within a select menu.
 * Automatically registers itself as a select-item slot in the parent PlusSelect component.
 *
 * @tag plus-select-item
 * @slot - The default slot for select item content
 * @csspart base - The component's base wrapper
 * @csspart item - The listbox item element
 * @event click - Emitted when the select item is clicked, handled by the parent PlusSelect component
 * @cssproperty --i-bg-default - Controls the default background color
 * @cssproperty --i-bg-hovered - Controls the background color when hovered
 * @cssproperty --i-bg-pressed - Controls the background color when pressed
 * @cssproperty --i-text-color - Controls the text color
 * @cssproperty --i-selected-bg - Controls the background color when selected
 */
export default class PlusSelectItem extends Tailwind {
    /**
     * Sets the size of the select item.
     * @values 'sm' | 'md' | 'lg'
     * @default 'md'
     */
    size: 'sm' | 'md' | 'lg';
    /**
     * Disables the select item, preventing interaction.
     * When disabled, the item cannot be clicked or selected.
     * @default false
     */
    disabled: boolean;
    /**
     * Indicates whether the select item is currently selected.
     * The selected state is managed by the parent PlusSelect component.
     * @default false
     */
    selected: boolean;
    /**
     * Sets the text content of the select item.
     * If provided, this will be used as the item's content and as the aria-label for accessibility.
     * If not provided, the slotted content is used for accessibility.
     */
    text?: string;
    /**
     * Initializes the component when it is added to the DOM.
     * Automatically assigns the component to the 'select-item' slot of the parent PlusSelect.
     * @private
     */
    connectedCallback(): void;
    /**
     * Renders the select item using a plus-list-box-item component.
     * Includes ARIA attributes for accessibility and proper styling.
     * @returns The rendered template
     */
    render(): import("lit-html").TemplateResult<1>;
}
export { PlusSelectItem };
//# sourceMappingURL=select-item.d.ts.map