@lglab/compose-ui 0.26.0 → 0.28.0

package/dist/index.d.ts

@@ -1,11 +1,16 @@
 import { Accordion } from '@base-ui/react/accordion';
 import { AlertDialog } from '@base-ui/react/alert-dialog';
+import { Autocomplete } from '@base-ui/react/autocomplete';
+import { AutocompleteRootProps } from '@base-ui/react/autocomplete';
 import { Avatar } from '@base-ui/react/avatar';
 import { Button as Button_2 } from '@base-ui/react/button';
 import { Checkbox } from '@base-ui/react/checkbox';
 import { CheckboxGroup } from '@base-ui/react/checkbox-group';
 import { ClassProp } from 'class-variance-authority/types';
 import { Collapsible } from '@base-ui/react/collapsible';
+import { Combobox } from '@base-ui/react/combobox';
+import { ComboboxChipsProps as ComboboxChipsProps_2 } from '@base-ui/react';
+import { ComboboxRootProps as ComboboxRootProps_2 } from '@base-ui/react/combobox';
 import { ContextMenu } from '@base-ui/react/context-menu';
 import { Dialog } from '@base-ui/react/dialog';
 import { Field } from '@base-ui/react/field';
@@ -34,6 +39,7 @@ import { Tabs } from '@base-ui/react/tabs';
 import { Toast } from '@base-ui/react/toast';
 import { Toggle as Toggle_2 } from '@base-ui/react/toggle';
 import { ToggleGroup } from '@base-ui/react/toggle-group';
+import { Toolbar } from '@base-ui/react/toolbar';
 import { Tooltip } from '@base-ui/react/tooltip';
 import { VariantProps } from 'class-variance-authority';
 
@@ -150,6 +156,59 @@ export declare const AlertDialogViewport: {
 
 export declare type AlertDialogViewportProps = React_2.ComponentProps<typeof AlertDialog.Viewport>;
 
+export declare const AutocompleteEmpty: {
+    ({ className, ...props }: AutocompleteEmptyProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type AutocompleteEmptyProps = React_2.ComponentProps<typeof Autocomplete.Empty>;
+
+export declare const AutocompleteInput: {
+    ({ className, ...props }: AutocompleteInputProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type AutocompleteInputProps = React_2.ComponentProps<typeof Autocomplete.Input>;
+
+export declare const AutocompleteItem: {
+    ({ className, ...props }: AutocompleteItemProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type AutocompleteItemProps = React_2.ComponentProps<typeof Autocomplete.Item>;
+
+export declare const AutocompleteList: {
+    ({ className, ...props }: AutocompleteListProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type AutocompleteListProps = React_2.ComponentProps<typeof Autocomplete.List>;
+
+export declare const AutocompletePopup: {
+    ({ className, ...props }: AutocompletePopupProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type AutocompletePopupProps = React_2.ComponentProps<typeof Autocomplete.Popup>;
+
+export declare const AutocompletePortal: {
+    (props: AutocompletePortalProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type AutocompletePortalProps = React_2.ComponentProps<typeof Autocomplete.Portal>;
+
+export declare const AutocompletePositioner: {
+    ({ className, ...props }: AutocompletePositionerProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type AutocompletePositionerProps = React_2.ComponentProps<typeof Autocomplete.Positioner>;
+
+export declare const AutocompleteRoot: typeof Autocomplete.Root;
+
+export { AutocompleteRootProps }
+
 export declare const AvatarFallback: {
     ({ className, ...props }: AvatarFallbackProps): JSX.Element;
     displayName: string;
@@ -192,6 +251,44 @@ export declare type AvatarStackProps = {
     children: React_2.ReactNode;
 };
 
+export declare const Badge: {
+    ({ className, variant, appearance, size, shape, ...props }: BadgeProps): JSX.Element;
+    displayName: string;
+};
+
+declare type BadgeAppearance = 'default' | 'outline' | 'light' | 'ghost';
+
+export declare const BadgeButton: {
+    ({ className, ...props }: BadgeButtonProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type BadgeButtonProps = React_2.ComponentProps<'button'>;
+
+export declare const BadgeDot: {
+    ({ className, ...props }: BadgeDotProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type BadgeDotProps = React_2.ComponentProps<'span'>;
+
+export declare type BadgeProps = React_2.ComponentProps<'span'> & {
+    /** Visual style variant */
+    variant?: BadgeVariant;
+    /** Appearance style */
+    appearance?: BadgeAppearance;
+    /** Size of the badge */
+    size?: BadgeSize;
+    /** Shape of the badge */
+    shape?: BadgeShape;
+};
+
+declare type BadgeShape = 'pill' | 'rounded';
+
+declare type BadgeSize = 'sm' | 'md' | 'lg';
+
+declare type BadgeVariant = 'default' | 'secondary' | 'destructive' | 'success' | 'warning' | 'info';
+
 export declare const Button: {
     ({ className, variant, size, disabled, children, ...props }: ButtonProps): JSX.Element;
     displayName: string;
@@ -339,6 +436,165 @@ export declare const CollapsibleTrigger: {
 
 export declare type CollapsibleTriggerProps = React_2.ComponentProps<typeof Collapsible.Trigger>;
 
+export declare const ComboboxArrow: {
+    ({ className, ...props }: ComboboxArrowProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ComboboxArrowProps = React_2.ComponentProps<typeof Combobox.Arrow>;
+
+export declare const ComboboxBackdrop: {
+    ({ className, ...props }: ComboboxBackdropProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ComboboxBackdropProps = React_2.ComponentProps<typeof Combobox.Backdrop>;
+
+export declare const ComboboxChip: {
+    ({ className, ...props }: ComboboxChipProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ComboboxChipProps = React_2.ComponentProps<typeof Combobox.Chip>;
+
+export declare const ComboboxChipRemove: {
+    ({ className, ...props }: ComboboxChipRemoveProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ComboboxChipRemoveProps = React_2.ComponentProps<typeof Combobox.ChipRemove>;
+
+export declare const ComboboxChips: React_2.ForwardRefExoticComponent<Omit<Omit<ComboboxChipsProps_2, "ref"> & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare type ComboboxChipsProps = React_2.ComponentProps<typeof Combobox.Chips>;
+
+export declare const ComboboxClear: {
+    ({ className, ...props }: ComboboxClearProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ComboboxClearProps = React_2.ComponentProps<typeof Combobox.Clear>;
+
+export declare const ComboboxControl: {
+    ({ className, ...props }: ComboboxControlProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ComboboxControlProps = React_2.ComponentProps<'div'>;
+
+export declare const ComboboxEmpty: {
+    ({ className, ...props }: ComboboxEmptyProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ComboboxEmptyProps = React_2.ComponentProps<typeof Combobox.Empty>;
+
+export declare const ComboboxGroup: {
+    ({ className, ...props }: ComboboxGroupProps): JSX.Element;
+    displayName: string;
+};
+
+export declare const ComboboxGroupLabel: {
+    ({ className, ...props }: ComboboxGroupLabelProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ComboboxGroupLabelProps = React_2.ComponentProps<typeof Combobox.GroupLabel>;
+
+export declare type ComboboxGroupProps = React_2.ComponentProps<typeof Combobox.Group>;
+
+export declare const ComboboxIcon: {
+    ({ className, ...props }: ComboboxIconProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ComboboxIconProps = React_2.ComponentProps<typeof Combobox.Icon>;
+
+export declare const ComboboxInput: {
+    ({ className, ...props }: ComboboxInputProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ComboboxInputProps = React_2.ComponentProps<typeof Combobox.Input>;
+
+export declare const ComboboxItem: {
+    ({ className, ...props }: ComboboxItemProps): JSX.Element;
+    displayName: string;
+};
+
+export declare const ComboboxItemIndicator: {
+    ({ className, ...props }: ComboboxItemIndicatorProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ComboboxItemIndicatorProps = React_2.ComponentProps<typeof Combobox.ItemIndicator>;
+
+export declare type ComboboxItemProps = React_2.ComponentProps<typeof Combobox.Item>;
+
+export declare const ComboboxItemText: {
+    ({ className, ...props }: ComboboxItemTextProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ComboboxItemTextProps = React_2.ComponentProps<'span'>;
+
+export declare const ComboboxList: {
+    ({ className, ...props }: ComboboxListProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ComboboxListProps = React_2.ComponentProps<typeof Combobox.List>;
+
+export declare const ComboboxPopup: {
+    ({ className, ...props }: ComboboxPopupProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ComboboxPopupProps = React_2.ComponentProps<typeof Combobox.Popup>;
+
+export declare const ComboboxPortal: {
+    (props: ComboboxPortalProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ComboboxPortalProps = React_2.ComponentProps<typeof Combobox.Portal>;
+
+export declare const ComboboxPositioner: {
+    ({ className, ...props }: ComboboxPositionerProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ComboboxPositionerProps = React_2.ComponentProps<typeof Combobox.Positioner>;
+
+export declare function ComboboxRoot<Value, Multiple extends boolean | undefined = false>(props: ComboboxRootProps_2<Value, Multiple>): JSX.Element;
+
+export declare namespace ComboboxRoot {
+    var displayName: string;
+}
+
+export declare type ComboboxRootProps<Value, Multiple extends boolean | undefined = false> = ComboboxRootProps_2<Value, Multiple>;
+
+export declare const ComboboxSeparator: {
+    ({ className, ...props }: ComboboxSeparatorProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ComboboxSeparatorProps = React_2.ComponentProps<typeof Combobox.Separator>;
+
+export declare const ComboboxTrigger: {
+    ({ className, ...props }: ComboboxTriggerProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ComboboxTriggerProps = React_2.ComponentProps<typeof Combobox.Trigger>;
+
+export declare const ComboboxValue: {
+    (props: ComboboxValueProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ComboboxValueProps = React_2.ComponentProps<typeof Combobox.Value>;
+
 export declare const ContextMenuArrow: {
     ({ className, ...props }: ContextMenuArrowProps): JSX.Element;
     displayName: string;
@@ -1752,6 +2008,53 @@ export declare type ToggleProps = React_2.ComponentProps<typeof Toggle_2> & {
     size?: ControlSize;
 };
 
+export declare const ToolbarButton: {
+    ({ className, variant, size, ...props }: ToolbarButtonProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ToolbarButtonProps = React_2.ComponentProps<typeof Toolbar.Button> & {
+    /** Visual style of the toolbar button */
+    variant?: ControlVariant;
+    /** Size of the toolbar button */
+    size?: ControlSize;
+};
+
+export declare const ToolbarGroup: {
+    ({ className, ...props }: ToolbarGroupProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ToolbarGroupProps = React_2.ComponentProps<typeof Toolbar.Group>;
+
+export declare const ToolbarInput: {
+    ({ className, ...props }: ToolbarInputProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ToolbarInputProps = React_2.ComponentProps<typeof Toolbar.Input>;
+
+export declare const ToolbarLink: {
+    ({ className, ...props }: ToolbarLinkProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ToolbarLinkProps = React_2.ComponentProps<typeof Toolbar.Link>;
+
+export declare const ToolbarRoot: {
+    ({ className, ...props }: ToolbarRootProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ToolbarRootProps = React_2.ComponentProps<typeof Toolbar.Root>;
+
+export declare const ToolbarSeparator: {
+    ({ className, ...props }: ToolbarSeparatorProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ToolbarSeparatorProps = React_2.ComponentProps<typeof Toolbar.Separator>;
+
 export declare const TooltipArrow: {
     ({ className, variant, ...props }: TooltipArrowProps): JSX.Element;
     displayName: string;