@lglab/compose-ui 0.20.0 → 0.21.0

package/dist/index.d.ts

@@ -1,47 +1,1284 @@
-export { Button } from './components/button';
-export { CollapsibleRoot, CollapsibleTrigger, CollapsiblePanel, } from './components/collapsible';
-export { AlertDialogRoot, AlertDialogTrigger, AlertDialogPortal, AlertDialogBackdrop, AlertDialogViewport, AlertDialogPopup, AlertDialogTitle, AlertDialogDescription, AlertDialogClose, } from './components/alert-dialog';
-export { AlertDialog } from '@base-ui/react/alert-dialog';
-export { AvatarRoot, AvatarImage, AvatarFallback, AvatarStack } from './components/avatar';
-export { ScrollAreaRoot, ScrollAreaViewport, ScrollAreaContent, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaCorner, } from './components/scroll-area';
-export { Separator } from './components/separator';
-export { SwitchRoot, SwitchThumb } from './components/switch';
-export { Toggle } from './components/toggle';
-export { TabsRoot, TabsList, TabsTab, TabsIndicator, TabsPanel } from './components/tabs';
-export { DialogRoot, DialogTrigger, DialogPortal, DialogBackdrop, DialogPopup, DialogTitle, DialogDescription, DialogClose, DialogHeader, DialogFooter, } from './components/dialog';
-export { DrawerRoot, DrawerTrigger, DrawerPortal, DrawerBackdrop, DrawerPopup, DrawerTitle, DrawerDescription, DrawerClose, DrawerHeader, DrawerContent, DrawerFooter, } from './components/drawer';
-export { AccordionRoot, AccordionItem, AccordionHeader, AccordionTrigger, AccordionPanel, } from './components/accordion';
-export { MeterRoot, MeterTrack, MeterIndicator, MeterValue, MeterLabel, } from './components/meter';
-export { MenuRoot, MenuTrigger, MenuPortal, MenuPositioner, MenuPopup, MenuArrow, MenuItem, MenuSeparator, MenuGroup, MenuGroupLabel, MenuRadioGroup, MenuRadioItem, MenuRadioItemIndicator, MenuRadioItemLabel, MenuCheckboxItem, MenuCheckboxItemIndicator, MenuCheckboxItemLabel, MenuSubmenuTrigger, MenuSubmenuRoot, } from './components/menu';
-export { PopoverRoot, PopoverTrigger, PopoverPortal, PopoverBackdrop, PopoverPositioner, PopoverPopup, PopoverArrow, PopoverTitle, PopoverDescription, PopoverClose, PopoverViewport, } from './components/popover';
-export { ProgressRoot, ProgressTrack, ProgressIndicator, ProgressValue, ProgressLabel, } from './components/progress';
-export { ToggleGroupRoot, ToggleGroupItem } from './components/toggle-group';
-export { CardRoot, CardMedia, CardHeader, CardTitle, CardDescription, CardFooter, CardSection, CardContent, } from './components/card';
-export { ContextMenuRoot, ContextMenuTrigger, ContextMenuPortal, ContextMenuPositioner, ContextMenuPopup, ContextMenuArrow, ContextMenuItem, ContextMenuSeparator, ContextMenuGroup, ContextMenuGroupLabel, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuRadioItemIndicator, ContextMenuRadioItemLabel, ContextMenuCheckboxItem, ContextMenuCheckboxItemIndicator, ContextMenuCheckboxItemLabel, ContextMenuSubmenuTrigger, ContextMenuSubmenuRoot, } from './components/context-menu';
-export { MenubarRoot, MenubarMenu, MenubarTrigger, MenubarPortal, MenubarPositioner, MenubarPopup, MenubarArrow, MenubarItem, MenubarSeparator, MenubarGroup, MenubarGroupLabel, MenubarRadioGroup, MenubarRadioItem, MenubarRadioItemIndicator, MenubarRadioItemLabel, MenubarCheckboxItem, MenubarCheckboxItemIndicator, MenubarCheckboxItemLabel, MenubarSubmenuTrigger, MenubarSubmenuRoot, } from './components/menubar';
-export { SliderRoot, SliderValue, SliderControl, SliderTrack, SliderIndicator, SliderThumb, } from './components/slider';
-export { TooltipProvider, TooltipRoot, TooltipTrigger, TooltipPortal, TooltipPositioner, TooltipPopup, TooltipArrow, } from './components/tooltip';
-export type { ButtonProps } from './components/button';
-export type { CollapsibleRootProps, CollapsibleTriggerProps, CollapsiblePanelProps, } from './components/collapsible';
-export type { AlertDialogRootProps, AlertDialogTriggerProps, AlertDialogPortalProps, AlertDialogBackdropProps, AlertDialogViewportProps, AlertDialogPopupProps, AlertDialogTitleProps, AlertDialogDescriptionProps, AlertDialogCloseProps, } from './components/alert-dialog';
-export type { AvatarRootProps, AvatarImageProps, AvatarFallbackProps, AvatarStackProps, } from './components/avatar';
-export type { ScrollAreaRootProps, ScrollAreaViewportProps, ScrollAreaContentProps, ScrollAreaScrollbarProps, ScrollAreaThumbProps, ScrollAreaCornerProps, } from './components/scroll-area';
-export type { SeparatorProps } from './components/separator';
-export type { SwitchRootProps, SwitchThumbProps } from './components/switch';
-export type { ToggleProps } from './components/toggle';
-export type { ControlSize } from './lib/control-variants';
-export type { TabsRootProps, TabsListProps, TabsTabProps, TabsIndicatorProps, TabsPanelProps, } from './components/tabs';
-export type { DialogRootProps, DialogTriggerProps, DialogPortalProps, DialogBackdropProps, DialogPopupProps, DialogTitleProps, DialogDescriptionProps, DialogCloseProps, DialogHeaderProps, DialogFooterProps, } from './components/dialog';
-export type { DrawerRootProps, DrawerTriggerProps, DrawerPortalProps, DrawerBackdropProps, DrawerPopupProps, DrawerTitleProps, DrawerDescriptionProps, DrawerCloseProps, DrawerHeaderProps, DrawerContentProps, DrawerFooterProps, } from './components/drawer';
-export type { AccordionRootProps, AccordionItemProps, AccordionHeaderProps, AccordionTriggerProps, AccordionPanelProps, } from './components/accordion';
-export type { MeterRootProps, MeterTrackProps, MeterIndicatorProps, MeterValueProps, MeterLabelProps, } from './components/meter';
-export type { MenuRootProps, MenuTriggerProps, MenuPortalProps, MenuPositionerProps, MenuPopupProps, MenuArrowProps, MenuItemProps, MenuSeparatorProps, MenuGroupProps, MenuGroupLabelProps, MenuRadioGroupProps, MenuRadioItemProps, MenuRadioItemIndicatorProps, MenuRadioItemLabelProps, MenuCheckboxItemProps, MenuCheckboxItemIndicatorProps, MenuCheckboxItemLabelProps, MenuSubmenuTriggerProps, MenuSubmenuRootProps, } from './components/menu';
-export type { PopoverRootProps, PopoverTriggerProps, PopoverPortalProps, PopoverBackdropProps, PopoverPositionerProps, PopoverPopupProps, PopoverArrowProps, PopoverTitleProps, PopoverDescriptionProps, PopoverCloseProps, PopoverViewportProps, } from './components/popover';
-export type { ProgressRootProps, ProgressTrackProps, ProgressIndicatorProps, ProgressValueProps, ProgressLabelProps, } from './components/progress';
-export type { ToggleGroupRootProps, ToggleGroupItemProps, } from './components/toggle-group';
-export type { CardRootProps, CardMediaProps, CardHeaderProps, CardTitleProps, CardDescriptionProps, CardFooterProps, CardSectionProps, CardContentProps, } from './components/card';
-export type { ContextMenuRootProps, ContextMenuTriggerProps, ContextMenuPortalProps, ContextMenuPositionerProps, ContextMenuPopupProps, ContextMenuArrowProps, ContextMenuItemProps, ContextMenuSeparatorProps, ContextMenuGroupProps, ContextMenuGroupLabelProps, ContextMenuRadioGroupProps, ContextMenuRadioItemProps, ContextMenuRadioItemIndicatorProps, ContextMenuRadioItemLabelProps, ContextMenuCheckboxItemProps, ContextMenuCheckboxItemIndicatorProps, ContextMenuCheckboxItemLabelProps, ContextMenuSubmenuTriggerProps, ContextMenuSubmenuRootProps, } from './components/context-menu';
-export type { MenubarRootProps, MenubarMenuProps, MenubarTriggerProps, MenubarPortalProps, MenubarPositionerProps, MenubarPopupProps, MenubarArrowProps, MenubarItemProps, MenubarSeparatorProps, MenubarGroupProps, MenubarGroupLabelProps, MenubarRadioGroupProps, MenubarRadioItemProps, MenubarRadioItemIndicatorProps, MenubarRadioItemLabelProps, MenubarCheckboxItemProps, MenubarCheckboxItemIndicatorProps, MenubarCheckboxItemLabelProps, MenubarSubmenuTriggerProps, MenubarSubmenuRootProps, } from './components/menubar';
-export type { SliderRootProps, SliderValueProps, SliderControlProps, SliderTrackProps, SliderIndicatorProps, SliderThumbProps, } from './components/slider';
-export type { TooltipProviderProps, TooltipRootProps, TooltipTriggerProps, TooltipPortalProps, TooltipPositionerProps, TooltipPopupProps, TooltipArrowProps, } from './components/tooltip';
-//# sourceMappingURL=index.d.ts.map
+import { Accordion } from '@base-ui/react/accordion';
+import { AlertDialog } from '@base-ui/react/alert-dialog';
+import { Avatar } from '@base-ui/react/avatar';
+import { Button as Button_2 } from '@base-ui/react/button';
+import { ClassProp } from 'class-variance-authority/types';
+import { Collapsible } from '@base-ui/react/collapsible';
+import { ContextMenu } from '@base-ui/react/context-menu';
+import { Dialog } from '@base-ui/react/dialog';
+import { JSX } from 'react/jsx-runtime';
+import { Menu } from '@base-ui/react/menu';
+import { Menubar } from '@base-ui/react/menubar';
+import { Meter } from '@base-ui/react/meter';
+import { Popover } from '@base-ui/react/popover';
+import { Progress } from '@base-ui/react/progress';
+import * as React_2 from 'react';
+import { ScrollArea } from '@base-ui/react/scroll-area';
+import { Separator as Separator_2 } from '@base-ui/react/separator';
+import { Slider } from '@base-ui/react/slider';
+import { Switch } from '@base-ui/react/switch';
+import { Tabs } from '@base-ui/react/tabs';
+import { Toggle as Toggle_2 } from '@base-ui/react/toggle';
+import { ToggleGroup } from '@base-ui/react/toggle-group';
+import { Tooltip } from '@base-ui/react/tooltip';
+import { VariantProps } from 'class-variance-authority';
+
+export declare const AccordionHeader: {
+    ({ className, ...props }: AccordionHeaderProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type AccordionHeaderProps = React_2.ComponentProps<typeof Accordion.Header>;
+
+export declare const AccordionItem: {
+    ({ className, ...props }: AccordionItemProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type AccordionItemProps = React_2.ComponentProps<typeof Accordion.Item>;
+
+export declare const AccordionPanel: {
+    ({ className, ...props }: AccordionPanelProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type AccordionPanelProps = React_2.ComponentProps<typeof Accordion.Panel>;
+
+export declare const AccordionRoot: {
+    ({ className, ...props }: AccordionRootProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type AccordionRootProps = React_2.ComponentProps<typeof Accordion.Root>;
+
+export declare const AccordionTrigger: {
+    ({ className, children, ...props }: AccordionTriggerProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type AccordionTriggerProps = React_2.ComponentProps<typeof Accordion.Trigger>;
+
+export { AlertDialog }
+
+export declare const AlertDialogBackdrop: {
+    ({ className, ...props }: AlertDialogBackdropProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type AlertDialogBackdropProps = React_2.ComponentProps<typeof AlertDialog.Backdrop>;
+
+export declare const AlertDialogClose: {
+    ({ className, variant, size, ...props }: AlertDialogCloseProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type AlertDialogCloseProps = React_2.ComponentProps<typeof AlertDialog.Close> & {
+    /** Visual style variant */
+    variant?: ButtonVariant;
+    /** Size of the close button */
+    size?: ButtonSize;
+};
+
+export declare const AlertDialogDescription: {
+    ({ className, ...props }: AlertDialogDescriptionProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type AlertDialogDescriptionProps = React_2.ComponentProps<typeof AlertDialog.Description>;
+
+export declare const AlertDialogPopup: {
+    ({ className, size, ...props }: AlertDialogPopupProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type AlertDialogPopupProps = React_2.ComponentProps<typeof AlertDialog.Popup> & {
+    /** Size of the alert dialog popup */
+    size?: 'sm' | 'default' | 'lg' | 'xl' | 'full';
+};
+
+export declare const AlertDialogPortal: {
+    (props: AlertDialogPortalProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type AlertDialogPortalProps = React_2.ComponentProps<typeof AlertDialog.Portal>;
+
+export declare const AlertDialogRoot: {
+    (props: AlertDialogRootProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type AlertDialogRootProps = React_2.ComponentProps<typeof AlertDialog.Root>;
+
+export declare const AlertDialogTitle: {
+    ({ className, ...props }: AlertDialogTitleProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type AlertDialogTitleProps = React_2.ComponentProps<typeof AlertDialog.Title>;
+
+export declare const AlertDialogTrigger: {
+    ({ className, variant, size, ...props }: AlertDialogTriggerProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type AlertDialogTriggerProps = React_2.ComponentProps<typeof AlertDialog.Trigger> & {
+    /** Visual style variant */
+    variant?: ButtonVariant;
+    /** Size of the trigger button */
+    size?: ButtonSize;
+};
+
+export declare const AlertDialogViewport: {
+    ({ className, ...props }: AlertDialogViewportProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type AlertDialogViewportProps = React_2.ComponentProps<typeof AlertDialog.Viewport>;
+
+export declare const AvatarFallback: {
+    ({ className, ...props }: AvatarFallbackProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type AvatarFallbackProps = React_2.ComponentProps<typeof Avatar.Fallback>;
+
+export declare const AvatarImage: {
+    ({ className, ...props }: AvatarImageProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type AvatarImageProps = React_2.ComponentProps<typeof Avatar.Image>;
+
+export declare const AvatarRoot: {
+    ({ className, size, ...props }: AvatarRootProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type AvatarRootProps = React_2.ComponentProps<typeof Avatar.Root> & {
+    /** Size of the avatar */
+    size?: AvatarSize;
+};
+
+declare type AvatarSize = 'sm' | 'default' | 'lg';
+
+export declare const AvatarStack: {
+    ({ "aria-label": ariaLabel, maxVisible, className, children, }: AvatarStackProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type AvatarStackProps = {
+    /** ARIA label for the avatar stack list */
+    'aria-label': string;
+    /** Maximum number of avatars to display before showing overflow indicator */
+    maxVisible?: number;
+    /** Additional CSS classes */
+    className?: string;
+    /** Avatar components to display */
+    children: React_2.ReactNode;
+};
+
+export declare const Button: {
+    ({ className, variant, size, disabled, children, ...props }: ButtonProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ButtonProps = React_2.ComponentProps<typeof Button_2> & {
+    /** Visual style variant */
+    variant?: ButtonVariant;
+    /** Size of the button */
+    size?: ButtonSize;
+};
+
+declare type ButtonSize = 'sm' | 'default' | 'lg' | 'icon' | 'icon-sm' | 'icon-lg';
+
+declare type ButtonVariant = 'default' | 'secondary' | 'outline' | 'ghost' | 'destructive' | 'link';
+
+/**
+ * Container for the main content of the card.
+ */
+export declare const CardContent: {
+    ({ className, ...props }: CardContentProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type CardContentProps = React_2.ComponentProps<'div'>;
+
+/**
+ * Secondary text content for the card.
+ */
+export declare const CardDescription: {
+    ({ className, ...props }: CardDescriptionProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type CardDescriptionProps = React_2.ComponentProps<'p'>;
+
+/**
+ * Container for card actions and footer content.
+ * Use Separator component above footer if a visual divider is needed.
+ */
+export declare const CardFooter: {
+    ({ className, ...props }: CardFooterProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type CardFooterProps = React_2.ComponentProps<'footer'>;
+
+/**
+ * Container for the card's header content (title, description).
+ */
+export declare const CardHeader: {
+    ({ className, ...props }: CardHeaderProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type CardHeaderProps = React_2.ComponentProps<'header'>;
+
+/**
+ * Container for media content (images, videos) within a card.
+ * Use Tailwind aspect-* classes for aspect ratios (e.g., className="aspect-video").
+ */
+export declare const CardMedia: {
+    ({ className, ...props }: CardMediaProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type CardMediaProps = React_2.ComponentProps<'div'>;
+
+/**
+ * The root container for a card component.
+ * Renders as an `<article>` for semantic HTML.
+ */
+export declare const CardRoot: React_2.ForwardRefExoticComponent<Omit<CardRootProps, "ref"> & React_2.RefAttributes<HTMLElement>>;
+
+export declare type CardRootProps = React_2.ComponentProps<'article'> & VariantProps<typeof cardVariants>;
+
+/**
+ * A distinct section within a card, useful for multi-section layouts.
+ * Use Separator component between sections if visual dividers are needed.
+ */
+export declare const CardSection: {
+    ({ className, ...props }: CardSectionProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type CardSectionProps = React_2.ComponentProps<'section'>;
+
+/**
+ * The card's title. Renders as an `<h3>` by default.
+ * Use the `as` prop to change the heading level.
+ */
+export declare const CardTitle: {
+    ({ as: Component, className, ...props }: CardTitleProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type CardTitleProps = React_2.ComponentProps<'h3'> & {
+    /** The heading level to render */
+    as?: HeadingLevel;
+};
+
+declare const cardVariants: (props?: ({
+    variant?: "default" | "outline" | "elevated" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export declare const CollapsiblePanel: {
+    ({ className, ...props }: CollapsiblePanelProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type CollapsiblePanelProps = React_2.ComponentProps<typeof Collapsible.Panel>;
+
+export declare const CollapsibleRoot: {
+    ({ className, ...props }: CollapsibleRootProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type CollapsibleRootProps = React_2.ComponentProps<typeof Collapsible.Root>;
+
+export declare const CollapsibleTrigger: {
+    ({ className, ...props }: CollapsibleTriggerProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type CollapsibleTriggerProps = React_2.ComponentProps<typeof Collapsible.Trigger>;
+
+export declare const ContextMenuArrow: {
+    ({ className, ...props }: ContextMenuArrowProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ContextMenuArrowProps = React_2.ComponentProps<typeof ContextMenu.Arrow>;
+
+export declare const ContextMenuCheckboxItem: {
+    ({ className, ...props }: ContextMenuCheckboxItemProps): JSX.Element;
+    displayName: string;
+};
+
+export declare const ContextMenuCheckboxItemIndicator: {
+    ({ className, ...props }: ContextMenuCheckboxItemIndicatorProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ContextMenuCheckboxItemIndicatorProps = React_2.ComponentProps<typeof ContextMenu.CheckboxItemIndicator>;
+
+export declare const ContextMenuCheckboxItemLabel: {
+    ({ className, ...props }: ContextMenuCheckboxItemLabelProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ContextMenuCheckboxItemLabelProps = React_2.ComponentProps<'span'>;
+
+export declare type ContextMenuCheckboxItemProps = React_2.ComponentProps<typeof ContextMenu.CheckboxItem>;
+
+export declare const ContextMenuGroup: {
+    ({ className, ...props }: ContextMenuGroupProps): JSX.Element;
+    displayName: string;
+};
+
+export declare const ContextMenuGroupLabel: {
+    ({ className, ...props }: ContextMenuGroupLabelProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ContextMenuGroupLabelProps = React_2.ComponentProps<typeof ContextMenu.GroupLabel>;
+
+export declare type ContextMenuGroupProps = React_2.ComponentProps<typeof ContextMenu.Group>;
+
+export declare const ContextMenuItem: {
+    ({ className, ...props }: ContextMenuItemProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ContextMenuItemProps = React_2.ComponentProps<typeof ContextMenu.Item>;
+
+export declare const ContextMenuPopup: {
+    ({ className, ...props }: ContextMenuPopupProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ContextMenuPopupProps = React_2.ComponentProps<typeof ContextMenu.Popup>;
+
+export declare const ContextMenuPortal: {
+    (props: ContextMenuPortalProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ContextMenuPortalProps = React_2.ComponentProps<typeof ContextMenu.Portal>;
+
+export declare const ContextMenuPositioner: {
+    ({ className, ...props }: ContextMenuPositionerProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ContextMenuPositionerProps = React_2.ComponentProps<typeof ContextMenu.Positioner>;
+
+export declare const ContextMenuRadioGroup: {
+    ({ className, ...props }: ContextMenuRadioGroupProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ContextMenuRadioGroupProps = React_2.ComponentProps<typeof ContextMenu.RadioGroup>;
+
+export declare const ContextMenuRadioItem: {
+    ({ className, ...props }: ContextMenuRadioItemProps): JSX.Element;
+    displayName: string;
+};
+
+export declare const ContextMenuRadioItemIndicator: {
+    ({ className, ...props }: ContextMenuRadioItemIndicatorProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ContextMenuRadioItemIndicatorProps = React_2.ComponentProps<typeof ContextMenu.RadioItemIndicator>;
+
+export declare const ContextMenuRadioItemLabel: {
+    ({ className, ...props }: ContextMenuRadioItemLabelProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ContextMenuRadioItemLabelProps = React_2.ComponentProps<'span'>;
+
+export declare type ContextMenuRadioItemProps = React_2.ComponentProps<typeof ContextMenu.RadioItem>;
+
+export declare const ContextMenuRoot: {
+    (props: ContextMenuRootProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ContextMenuRootProps = React_2.ComponentProps<typeof ContextMenu.Root>;
+
+export declare const ContextMenuSeparator: {
+    ({ className, ...props }: ContextMenuSeparatorProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ContextMenuSeparatorProps = React_2.ComponentProps<typeof ContextMenu.Separator>;
+
+export declare const ContextMenuSubmenuRoot: {
+    (props: ContextMenuSubmenuRootProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ContextMenuSubmenuRootProps = React_2.ComponentProps<typeof ContextMenu.SubmenuRoot>;
+
+export declare const ContextMenuSubmenuTrigger: {
+    ({ className, ...props }: ContextMenuSubmenuTriggerProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ContextMenuSubmenuTriggerProps = React_2.ComponentProps<typeof ContextMenu.SubmenuTrigger>;
+
+export declare const ContextMenuTrigger: {
+    ({ className, ...props }: ContextMenuTriggerProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ContextMenuTriggerProps = React_2.ComponentProps<typeof ContextMenu.Trigger>;
+
+export declare type ControlSize = 'sm' | 'default' | 'lg' | 'icon' | 'icon-sm' | 'icon-lg';
+
+declare type ControlVariant = 'default' | 'ghost';
+
+export declare const DialogBackdrop: {
+    ({ className, ...props }: DialogBackdropProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type DialogBackdropProps = React_2.ComponentProps<typeof Dialog.Backdrop>;
+
+export declare const DialogClose: {
+    ({ className, variant, size, ...props }: DialogCloseProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type DialogCloseProps = React_2.ComponentProps<typeof Dialog.Close> & {
+    /** Visual style variant */
+    variant?: ButtonVariant;
+    /** Size of the close button */
+    size?: ButtonSize;
+};
+
+export declare const DialogDescription: {
+    ({ className, ...props }: DialogDescriptionProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type DialogDescriptionProps = React_2.ComponentProps<typeof Dialog.Description>;
+
+export declare const DialogFooter: {
+    ({ className, ...props }: DialogFooterProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type DialogFooterProps = React_2.HTMLAttributes<HTMLDivElement>;
+
+export declare const DialogHeader: {
+    ({ className, ...props }: DialogHeaderProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type DialogHeaderProps = React_2.HTMLAttributes<HTMLDivElement>;
+
+export declare const DialogPopup: {
+    ({ className, size, ...props }: DialogPopupProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type DialogPopupProps = React_2.ComponentProps<typeof Dialog.Popup> & {
+    /** Size of the dialog popup */
+    size?: 'sm' | 'default' | 'lg' | 'xl' | 'full';
+};
+
+export declare const DialogPortal: {
+    (props: DialogPortalProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type DialogPortalProps = React_2.ComponentProps<typeof Dialog.Portal>;
+
+export declare const DialogRoot: {
+    (props: DialogRootProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type DialogRootProps = React_2.ComponentProps<typeof Dialog.Root>;
+
+export declare const DialogTitle: {
+    ({ className, ...props }: DialogTitleProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type DialogTitleProps = React_2.ComponentProps<typeof Dialog.Title>;
+
+export declare const DialogTrigger: {
+    ({ className, variant, size, ...props }: DialogTriggerProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type DialogTriggerProps = React_2.ComponentProps<typeof Dialog.Trigger> & {
+    /** Visual style variant */
+    variant?: ButtonVariant;
+    /** Size of the trigger button */
+    size?: ButtonSize;
+};
+
+export declare const DrawerBackdrop: {
+    ({ className, ...props }: DrawerBackdropProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type DrawerBackdropProps = React_2.ComponentProps<typeof Dialog.Backdrop>;
+
+export declare const DrawerClose: {
+    ({ className, variant, size, ...props }: DrawerCloseProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type DrawerCloseProps = React_2.ComponentProps<typeof Dialog.Close> & {
+    /** Visual style variant */
+    variant?: ButtonVariant;
+    /** Size of the close button */
+    size?: ButtonSize;
+};
+
+export declare const DrawerContent: {
+    ({ className, ...props }: DrawerContentProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type DrawerContentProps = React_2.HTMLAttributes<HTMLDivElement>;
+
+export declare const DrawerDescription: {
+    ({ className, ...props }: DrawerDescriptionProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type DrawerDescriptionProps = React_2.ComponentProps<typeof Dialog.Description>;
+
+export declare const DrawerFooter: {
+    ({ className, ...props }: DrawerFooterProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type DrawerFooterProps = React_2.HTMLAttributes<HTMLDivElement>;
+
+export declare const DrawerHeader: {
+    ({ className, ...props }: DrawerHeaderProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type DrawerHeaderProps = React_2.HTMLAttributes<HTMLDivElement>;
+
+export declare const DrawerPopup: {
+    ({ className, side, ...props }: DrawerPopupProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type DrawerPopupProps = React_2.ComponentProps<typeof Dialog.Popup> & {
+    /** Side from which the drawer slides in */
+    side?: 'top' | 'right' | 'bottom' | 'left';
+};
+
+export declare const DrawerPortal: {
+    (props: DrawerPortalProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type DrawerPortalProps = React_2.ComponentProps<typeof Dialog.Portal>;
+
+export declare const DrawerRoot: {
+    (props: DrawerRootProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type DrawerRootProps = React_2.ComponentProps<typeof Dialog.Root>;
+
+export declare const DrawerTitle: {
+    ({ className, ...props }: DrawerTitleProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type DrawerTitleProps = React_2.ComponentProps<typeof Dialog.Title>;
+
+export declare const DrawerTrigger: {
+    ({ className, variant, size, ...props }: DrawerTriggerProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type DrawerTriggerProps = React_2.ComponentProps<typeof Dialog.Trigger> & {
+    /** Visual style variant */
+    variant?: ButtonVariant;
+    /** Size of the trigger button */
+    size?: ButtonSize;
+};
+
+declare type HeadingLevel = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+
+export declare const MenuArrow: {
+    ({ className, ...props }: MenuArrowProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type MenuArrowProps = React_2.ComponentProps<typeof Menu.Arrow>;
+
+export declare const MenubarArrow: {
+    ({ className, ...props }: MenubarArrowProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type MenubarArrowProps = React_2.ComponentProps<typeof Menu.Arrow>;
+
+export declare const MenubarCheckboxItem: {
+    ({ className, ...props }: MenubarCheckboxItemProps): JSX.Element;
+    displayName: string;
+};
+
+export declare const MenubarCheckboxItemIndicator: {
+    ({ className, ...props }: MenubarCheckboxItemIndicatorProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type MenubarCheckboxItemIndicatorProps = React_2.ComponentProps<typeof Menu.CheckboxItemIndicator>;
+
+export declare const MenubarCheckboxItemLabel: {
+    ({ className, ...props }: MenubarCheckboxItemLabelProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type MenubarCheckboxItemLabelProps = React_2.ComponentProps<'span'>;
+
+export declare type MenubarCheckboxItemProps = React_2.ComponentProps<typeof Menu.CheckboxItem>;
+
+export declare const MenubarGroup: {
+    ({ className, ...props }: MenubarGroupProps): JSX.Element;
+    displayName: string;
+};
+
+export declare const MenubarGroupLabel: {
+    ({ className, ...props }: MenubarGroupLabelProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type MenubarGroupLabelProps = React_2.ComponentProps<typeof Menu.GroupLabel>;
+
+export declare type MenubarGroupProps = React_2.ComponentProps<typeof Menu.Group>;
+
+export declare const MenubarItem: {
+    ({ className, ...props }: MenubarItemProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type MenubarItemProps = React_2.ComponentProps<typeof Menu.Item>;
+
+export declare const MenubarMenu: {
+    (props: MenubarMenuProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type MenubarMenuProps = React_2.ComponentProps<typeof Menu.Root>;
+
+export declare const MenubarPopup: {
+    ({ className, ...props }: MenubarPopupProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type MenubarPopupProps = React_2.ComponentProps<typeof Menu.Popup>;
+
+export declare const MenubarPortal: {
+    (props: MenubarPortalProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type MenubarPortalProps = React_2.ComponentProps<typeof Menu.Portal>;
+
+export declare const MenubarPositioner: {
+    ({ className, ...props }: MenubarPositionerProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type MenubarPositionerProps = React_2.ComponentProps<typeof Menu.Positioner>;
+
+export declare const MenubarRadioGroup: {
+    ({ className, ...props }: MenubarRadioGroupProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type MenubarRadioGroupProps = React_2.ComponentProps<typeof Menu.RadioGroup>;
+
+export declare const MenubarRadioItem: {
+    ({ className, ...props }: MenubarRadioItemProps): JSX.Element;
+    displayName: string;
+};
+
+export declare const MenubarRadioItemIndicator: {
+    ({ className, ...props }: MenubarRadioItemIndicatorProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type MenubarRadioItemIndicatorProps = React_2.ComponentProps<typeof Menu.RadioItemIndicator>;
+
+export declare const MenubarRadioItemLabel: {
+    ({ className, ...props }: MenubarRadioItemLabelProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type MenubarRadioItemLabelProps = React_2.ComponentProps<'span'>;
+
+export declare type MenubarRadioItemProps = React_2.ComponentProps<typeof Menu.RadioItem>;
+
+export declare const MenubarRoot: {
+    ({ className, ...props }: MenubarRootProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type MenubarRootProps = React_2.ComponentProps<typeof Menubar>;
+
+export declare const MenubarSeparator: {
+    ({ className, ...props }: MenubarSeparatorProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type MenubarSeparatorProps = React_2.ComponentProps<typeof Menu.Separator>;
+
+export declare const MenubarSubmenuRoot: {
+    (props: MenubarSubmenuRootProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type MenubarSubmenuRootProps = React_2.ComponentProps<typeof Menu.SubmenuRoot>;
+
+export declare const MenubarSubmenuTrigger: {
+    ({ className, ...props }: MenubarSubmenuTriggerProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type MenubarSubmenuTriggerProps = React_2.ComponentProps<typeof Menu.SubmenuTrigger>;
+
+export declare const MenubarTrigger: {
+    ({ className, variant, size, ...props }: MenubarTriggerProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type MenubarTriggerProps = React_2.ComponentProps<typeof Menu.Trigger> & {
+    /** Visual style of the trigger */
+    variant?: ControlVariant;
+    /** Size of the trigger */
+    size?: ControlSize;
+};
+
+export declare const MenuCheckboxItem: {
+    ({ className, ...props }: MenuCheckboxItemProps): JSX.Element;
+    displayName: string;
+};
+
+export declare const MenuCheckboxItemIndicator: {
+    ({ className, ...props }: MenuCheckboxItemIndicatorProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type MenuCheckboxItemIndicatorProps = React_2.ComponentProps<typeof Menu.CheckboxItemIndicator>;
+
+export declare const MenuCheckboxItemLabel: {
+    ({ className, ...props }: MenuCheckboxItemLabelProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type MenuCheckboxItemLabelProps = React_2.ComponentProps<'span'>;
+
+export declare type MenuCheckboxItemProps = React_2.ComponentProps<typeof Menu.CheckboxItem>;
+
+export declare const MenuGroup: {
+    ({ className, ...props }: MenuGroupProps): JSX.Element;
+    displayName: string;
+};
+
+export declare const MenuGroupLabel: {
+    ({ className, ...props }: MenuGroupLabelProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type MenuGroupLabelProps = React_2.ComponentProps<typeof Menu.GroupLabel>;
+
+export declare type MenuGroupProps = React_2.ComponentProps<typeof Menu.Group>;
+
+export declare const MenuItem: {
+    ({ className, ...props }: MenuItemProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type MenuItemProps = React_2.ComponentProps<typeof Menu.Item>;
+
+export declare const MenuPopup: {
+    ({ className, ...props }: MenuPopupProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type MenuPopupProps = React_2.ComponentProps<typeof Menu.Popup>;
+
+export declare const MenuPortal: {
+    (props: MenuPortalProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type MenuPortalProps = React_2.ComponentProps<typeof Menu.Portal>;
+
+export declare const MenuPositioner: {
+    ({ className, ...props }: MenuPositionerProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type MenuPositionerProps = React_2.ComponentProps<typeof Menu.Positioner>;
+
+export declare const MenuRadioGroup: {
+    ({ className, ...props }: MenuRadioGroupProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type MenuRadioGroupProps = React_2.ComponentProps<typeof Menu.RadioGroup>;
+
+export declare const MenuRadioItem: {
+    ({ className, ...props }: MenuRadioItemProps): JSX.Element;
+    displayName: string;
+};
+
+export declare const MenuRadioItemIndicator: {
+    ({ className, ...props }: MenuRadioItemIndicatorProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type MenuRadioItemIndicatorProps = React_2.ComponentProps<typeof Menu.RadioItemIndicator>;
+
+export declare const MenuRadioItemLabel: {
+    ({ className, ...props }: MenuRadioItemLabelProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type MenuRadioItemLabelProps = React_2.ComponentProps<'span'>;
+
+export declare type MenuRadioItemProps = React_2.ComponentProps<typeof Menu.RadioItem>;
+
+export declare const MenuRoot: {
+    (props: MenuRootProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type MenuRootProps = React_2.ComponentProps<typeof Menu.Root>;
+
+export declare const MenuSeparator: {
+    ({ className, ...props }: MenuSeparatorProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type MenuSeparatorProps = React_2.ComponentProps<typeof Menu.Separator>;
+
+export declare const MenuSubmenuRoot: {
+    (props: MenuSubmenuRootProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type MenuSubmenuRootProps = React_2.ComponentProps<typeof Menu.SubmenuRoot>;
+
+export declare const MenuSubmenuTrigger: {
+    ({ className, ...props }: MenuSubmenuTriggerProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type MenuSubmenuTriggerProps = React_2.ComponentProps<typeof Menu.SubmenuTrigger>;
+
+export declare const MenuTrigger: {
+    ({ className, ...props }: MenuTriggerProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type MenuTriggerProps = React_2.ComponentProps<typeof Menu.Trigger>;
+
+export declare const MeterIndicator: {
+    ({ className, ...props }: MeterIndicatorProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type MeterIndicatorProps = React_2.ComponentProps<typeof Meter.Indicator>;
+
+export declare const MeterLabel: {
+    ({ className, ...props }: MeterLabelProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type MeterLabelProps = React_2.ComponentProps<typeof Meter.Label>;
+
+export declare const MeterRoot: {
+    ({ className, animated, value, ...props }: MeterRootProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type MeterRootProps = React_2.ComponentProps<typeof Meter.Root> & {
+    /** Whether to animate the meter from 0 to its value on mount */
+    animated?: boolean;
+};
+
+export declare const MeterTrack: {
+    ({ className, ...props }: MeterTrackProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type MeterTrackProps = React_2.ComponentProps<typeof Meter.Track>;
+
+export declare const MeterValue: {
+    ({ className, ...props }: MeterValueProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type MeterValueProps = React_2.ComponentProps<typeof Meter.Value>;
+
+export declare const PopoverArrow: {
+    ({ className, ...props }: PopoverArrowProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type PopoverArrowProps = React_2.ComponentProps<typeof Popover.Arrow>;
+
+export declare const PopoverBackdrop: {
+    ({ className, ...props }: PopoverBackdropProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type PopoverBackdropProps = React_2.ComponentProps<typeof Popover.Backdrop>;
+
+export declare const PopoverClose: {
+    ({ className, ...props }: PopoverCloseProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type PopoverCloseProps = React_2.ComponentProps<typeof Popover.Close>;
+
+export declare const PopoverDescription: {
+    ({ className, ...props }: PopoverDescriptionProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type PopoverDescriptionProps = React_2.ComponentProps<typeof Popover.Description>;
+
+export declare const PopoverPopup: {
+    ({ className, ...props }: PopoverPopupProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type PopoverPopupProps = React_2.ComponentProps<typeof Popover.Popup>;
+
+export declare const PopoverPortal: {
+    (props: PopoverPortalProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type PopoverPortalProps = React_2.ComponentProps<typeof Popover.Portal>;
+
+export declare const PopoverPositioner: {
+    ({ className, ...props }: PopoverPositionerProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type PopoverPositionerProps = React_2.ComponentProps<typeof Popover.Positioner>;
+
+export declare const PopoverRoot: {
+    (props: PopoverRootProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type PopoverRootProps = React_2.ComponentProps<typeof Popover.Root>;
+
+export declare const PopoverTitle: {
+    ({ className, ...props }: PopoverTitleProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type PopoverTitleProps = React_2.ComponentProps<typeof Popover.Title>;
+
+export declare const PopoverTrigger: {
+    ({ className, ...props }: PopoverTriggerProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type PopoverTriggerProps = React_2.ComponentProps<typeof Popover.Trigger>;
+
+export declare const PopoverViewport: {
+    ({ className, ...props }: PopoverViewportProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type PopoverViewportProps = React_2.ComponentProps<typeof Popover.Viewport>;
+
+export declare const ProgressIndicator: {
+    ({ className, ...props }: ProgressIndicatorProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ProgressIndicatorProps = React_2.ComponentProps<typeof Progress.Indicator>;
+
+export declare const ProgressLabel: {
+    ({ className, ...props }: ProgressLabelProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ProgressLabelProps = React_2.ComponentProps<typeof Progress.Label>;
+
+export declare const ProgressRoot: {
+    ({ className, ...props }: ProgressRootProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ProgressRootProps = React_2.ComponentProps<typeof Progress.Root>;
+
+export declare const ProgressTrack: {
+    ({ className, ...props }: ProgressTrackProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ProgressTrackProps = React_2.ComponentProps<typeof Progress.Track>;
+
+export declare const ProgressValue: {
+    ({ className, ...props }: ProgressValueProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ProgressValueProps = React_2.ComponentProps<typeof Progress.Value>;
+
+export declare const ScrollAreaContent: {
+    ({ className, ...props }: ScrollAreaContentProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ScrollAreaContentProps = React_2.ComponentProps<typeof ScrollArea.Content>;
+
+export declare const ScrollAreaCorner: {
+    ({ className, ...props }: ScrollAreaCornerProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ScrollAreaCornerProps = React_2.ComponentProps<typeof ScrollArea.Corner>;
+
+export declare const ScrollAreaRoot: {
+    ({ className, ...props }: ScrollAreaRootProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ScrollAreaRootProps = React_2.ComponentProps<typeof ScrollArea.Root>;
+
+export declare const ScrollAreaScrollbar: {
+    ({ className, orientation, ...props }: ScrollAreaScrollbarProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ScrollAreaScrollbarProps = React_2.ComponentProps<typeof ScrollArea.Scrollbar>;
+
+export declare const ScrollAreaThumb: {
+    ({ className, ...props }: ScrollAreaThumbProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ScrollAreaThumbProps = React_2.ComponentProps<typeof ScrollArea.Thumb>;
+
+export declare const ScrollAreaViewport: {
+    ({ className, ...props }: ScrollAreaViewportProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ScrollAreaViewportProps = React_2.ComponentProps<typeof ScrollArea.Viewport>;
+
+export declare const Separator: {
+    ({ className, orientation, ...props }: SeparatorProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type SeparatorProps = React_2.ComponentProps<typeof Separator_2>;
+
+export declare const SliderControl: {
+    ({ className, ...props }: SliderControlProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type SliderControlProps = React_2.ComponentProps<typeof Slider.Control>;
+
+export declare const SliderIndicator: {
+    ({ className, ...props }: SliderIndicatorProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type SliderIndicatorProps = React_2.ComponentProps<typeof Slider.Indicator>;
+
+export declare const SliderRoot: {
+    ({ className, ...props }: SliderRootProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type SliderRootProps = React_2.ComponentProps<typeof Slider.Root>;
+
+export declare const SliderThumb: {
+    ({ className, ...props }: SliderThumbProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type SliderThumbProps = React_2.ComponentProps<typeof Slider.Thumb>;
+
+export declare const SliderTrack: {
+    ({ className, ...props }: SliderTrackProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type SliderTrackProps = React_2.ComponentProps<typeof Slider.Track>;
+
+export declare const SliderValue: {
+    ({ className, ...props }: SliderValueProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type SliderValueProps = React_2.ComponentProps<typeof Slider.Value>;
+
+export declare const SwitchRoot: {
+    ({ className, ...props }: SwitchRootProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type SwitchRootProps = React_2.ComponentProps<typeof Switch.Root>;
+
+export declare const SwitchThumb: {
+    ({ className, ...props }: SwitchThumbProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type SwitchThumbProps = React_2.ComponentProps<typeof Switch.Thumb>;
+
+export declare const TabsIndicator: {
+    ({ className, orientation, ...props }: TabsIndicatorProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type TabsIndicatorProps = React_2.ComponentProps<typeof Tabs.Indicator> & {
+    /** Orientation of the indicator (should match the tabs list orientation) */
+    orientation?: 'horizontal' | 'vertical';
+};
+
+export declare const TabsList: {
+    ({ className, orientation, ...props }: TabsListProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type TabsListProps = React_2.ComponentProps<typeof Tabs.List> & {
+    /** Orientation of the tabs list */
+    orientation?: 'horizontal' | 'vertical';
+};
+
+export declare const TabsPanel: {
+    ({ className, ...props }: TabsPanelProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type TabsPanelProps = React_2.ComponentProps<typeof Tabs.Panel>;
+
+export declare const TabsRoot: {
+    ({ className, ...props }: TabsRootProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type TabsRootProps = React_2.ComponentProps<typeof Tabs.Root>;
+
+export declare const TabsTab: {
+    ({ className, size, ...props }: TabsTabProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type TabsTabProps = React_2.ComponentProps<typeof Tabs.Tab> & {
+    /** Size of the tab */
+    size?: 'sm' | 'default' | 'lg';
+};
+
+export declare const Toggle: {
+    ({ className, variant, size, ...props }: ToggleProps): JSX.Element;
+    displayName: string;
+};
+
+export declare const ToggleGroupItem: {
+    ({ className, variant, size, ...props }: ToggleGroupItemProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ToggleGroupItemProps = React_2.ComponentProps<typeof Toggle_2> & {
+    /** Visual style of the toggle item */
+    variant?: ControlVariant;
+    /** Size of the toggle item */
+    size?: ControlSize;
+};
+
+export declare const ToggleGroupRoot: {
+    ({ className, orientation, ...props }: ToggleGroupRootProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ToggleGroupRootProps = React_2.ComponentProps<typeof ToggleGroup>;
+
+export declare type ToggleProps = React_2.ComponentProps<typeof Toggle_2> & {
+    /** Visual style of the toggle */
+    variant?: ControlVariant;
+    /** Size of the toggle */
+    size?: ControlSize;
+};
+
+export declare const TooltipArrow: {
+    ({ className, variant, ...props }: TooltipArrowProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type TooltipArrowProps = React_2.ComponentProps<typeof Tooltip.Arrow> & {
+    variant?: TooltipVariant;
+};
+
+export declare const TooltipPopup: {
+    ({ className, variant, ...props }: TooltipPopupProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type TooltipPopupProps = React_2.ComponentProps<typeof Tooltip.Popup> & {
+    variant?: TooltipVariant;
+};
+
+export declare const TooltipPortal: {
+    (props: TooltipPortalProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type TooltipPortalProps = React_2.ComponentProps<typeof Tooltip.Portal>;
+
+export declare const TooltipPositioner: {
+    ({ className, ...props }: TooltipPositionerProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type TooltipPositionerProps = React_2.ComponentProps<typeof Tooltip.Positioner>;
+
+export declare const TooltipProvider: {
+    (props: TooltipProviderProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type TooltipProviderProps = React_2.ComponentProps<typeof Tooltip.Provider>;
+
+export declare const TooltipRoot: {
+    ({ variant, ...props }: TooltipRootProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type TooltipRootProps = React_2.ComponentProps<typeof Tooltip.Root> & {
+    variant?: TooltipVariant;
+};
+
+export declare const TooltipTrigger: {
+    ({ className, ...props }: TooltipTriggerProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type TooltipTriggerProps = React_2.ComponentProps<typeof Tooltip.Trigger>;
+
+declare type TooltipVariant = 'default' | 'secondary' | 'outline';
+
+export { }