@szum-tech/design-system/dist/components/combobox/index.d.ts

Szum-Tech design system with tailwindcss support

import * as React from 'react';
import { Combobox as Combobox$1 } from '@base-ui/react';

type ComboboxProps = React.ComponentProps<typeof Combobox$1.Root>;
declare const Combobox: typeof Combobox$1.Root;
declare function useComboboxAnchor(): React.RefObject<HTMLDivElement>;

type ComboboxValueProps = Combobox$1.Value.Props;
declare function ComboboxValue({ ...props }: ComboboxValueProps): React.JSX.Element;

type ComboboxTriggerProps = Combobox$1.Trigger.Props;
declare function ComboboxTrigger({ className, children, ...props }: ComboboxTriggerProps): React.JSX.Element;

type ComboboxClearProps = Combobox$1.Clear.Props;
declare function ComboboxClear({ className, ...props }: ComboboxClearProps): React.JSX.Element;

type ComboboxInputProps = Combobox$1.Input.Props & {
    showTrigger?: boolean;
    showClear?: boolean;
};
declare function ComboboxInput({ className, children, disabled, showTrigger, showClear, ...props }: ComboboxInputProps): React.JSX.Element;

type ComboboxContentProps = Combobox$1.Popup.Props & Pick<Combobox$1.Positioner.Props, "side" | "align" | "sideOffset" | "alignOffset" | "anchor">;
declare function ComboboxContent({ className, side, sideOffset, align, alignOffset, anchor, ...props }: ComboboxContentProps): React.JSX.Element;

type ComboboxListProps = Combobox$1.List.Props;
declare function ComboboxList({ className, ...props }: ComboboxListProps): React.JSX.Element;

type ComboboxItemProps = Combobox$1.Item.Props;
declare function ComboboxItem({ className, children, ...props }: ComboboxItemProps): React.JSX.Element;

type ComboboxGroupProps = Combobox$1.Group.Props;
declare function ComboboxGroup({ className, ...props }: ComboboxGroupProps): React.JSX.Element;

type ComboboxLabelProps = Combobox$1.GroupLabel.Props;
declare function ComboboxLabel({ className, ...props }: ComboboxLabelProps): React.JSX.Element;

type ComboboxCollectionProps = Combobox$1.Collection.Props;
declare function ComboboxCollection({ ...props }: ComboboxCollectionProps): React.JSX.Element;

type ComboboxEmptyProps = Combobox$1.Empty.Props;
declare function ComboboxEmpty({ className, ...props }: ComboboxEmptyProps): React.JSX.Element;

type ComboboxSeparatorProps = Combobox$1.Separator.Props;
declare function ComboboxSeparator({ className, ...props }: ComboboxSeparatorProps): React.JSX.Element;

type ComboboxChipsProps = React.ComponentPropsWithRef<typeof Combobox$1.Chips> & Combobox$1.Chips.Props;
declare function ComboboxChips({ className, ...props }: ComboboxChipsProps): React.JSX.Element;

type ComboboxChipProps = Combobox$1.Chip.Props & {
    showRemove?: boolean;
};
declare function ComboboxChip({ className, children, showRemove, ...props }: ComboboxChipProps): React.JSX.Element;

type ComboboxChipsInputProps = Combobox$1.Input.Props;
declare function ComboboxChipsInput({ className, ...props }: ComboboxChipsInputProps): React.JSX.Element;

export { Combobox, ComboboxChip, type ComboboxChipProps, ComboboxChips, ComboboxChipsInput, type ComboboxChipsInputProps, type ComboboxChipsProps, ComboboxClear, type ComboboxClearProps, ComboboxCollection, type ComboboxCollectionProps, ComboboxContent, type ComboboxContentProps, ComboboxEmpty, type ComboboxEmptyProps, ComboboxGroup, type ComboboxGroupProps, ComboboxInput, type ComboboxInputProps, ComboboxItem, type ComboboxItemProps, ComboboxLabel, type ComboboxLabelProps, ComboboxList, type ComboboxListProps, type ComboboxProps, ComboboxSeparator, type ComboboxSeparatorProps, ComboboxTrigger, type ComboboxTriggerProps, ComboboxValue, type ComboboxValueProps, useComboboxAnchor };