import Tailwind from '../base/tailwind-base'; /** * @tag plus-dropdown-item * * Dropdown item component that represents a selectable option within a dropdown menu. * Automatically registers itself as a dropdown-item slot. * * @slot - The default slot for dropdown item content * * @csspart base - The component's base wrapper * @csspart item - The listbox item element * * @event click - Emitted when the dropdown item is clicked * * @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 PlusDropDownItem extends Tailwind { /** * Sets the size of the dropdown item * - sm: Small size * - md: Medium size * - lg: Large size * @default 'md' */ size: 'sm' | 'md' | 'lg'; /** * Disables the dropdown item interaction * When disabled, the item cannot be clicked or selected * @default false */ disabled: boolean; /** * Indicates whether the dropdown item is currently selected * The selected state is managed by the parent PlusDropdown component * @default false */ selected: boolean; /** * Sets the text content of the dropdown item * If provided, this will be used as the item's content, * and also as the aria-label for accessibility */ text?: string; /** * Lifecycle method called when the component is added to the DOM * Automatically sets itself to be slotted as a dropdown-item * @private */ connectedCallback(): void; /** * Renders the dropdown item * Uses plus-list-box-item as the underlying component * with proper ARIA attributes for accessibility * @returns The rendered template */ render(): import("lit-html").TemplateResult<1>; } export { PlusDropDownItem }; //# sourceMappingURL=dropdown-item.d.ts.map