`. Use `as="ul"` for semantic grid lists.
*
* @example
*
*
...
*/
type SimpleGridProps
= PolymorphicProps;
/**
* SimpleGrid — a grid with either fixed columns or auto-fit responsive columns.
*
* Either specify `columns` for a fixed layout, or `minChildWidth` for automatic
* responsive behavior (auto-fit). Use `as` for semantic HTML (e.g. ``).
*
* @example
* ```tsx
* // Fixed 3 columns
*
*
*
*
*
*
* // Auto-fit with minimum width
*
*
*
*
*
*
* // Semantic list grid
*
* 
*
*
*
*
* ```
*/
declare const AspectRatio: react.ForwardRefExoticComponent>;
declare const separatorVariants: (props?: ({
orientation?: "horizontal" | "vertical" | null | undefined;
color?: "default" | "primary" | "secondary" | "accent" | "neutral" | "success" | "warning" | "danger" | "info" | null | undefined;
} & class_variance_authority_types.ClassProp) | undefined) => string;
type SeparatorVariantsProps = VariantProps;
/**
* Base owned props for the Separator component.
*/
interface SeparatorBaseProps {
/** Visual orientation of the separator */
orientation?: SeparatorOrientation;
/**
* Color variant.
* @default "default"
*/
color?: SeparatorVariantsProps["color"];
/**
* When true, the separator is purely decorative (no semantic role).
* When false, adds `role="separator"` and `aria-orientation`.
* @default true
*/
decorative?: boolean;
/** Additional CSS class names */
className?: string;
}
/**
* Separator component props — polymorphic.
* Defaults to rendering an `
` element (semantically correct).
*
* @example
*
*
*
*
*/
type SeparatorProps = PolymorphicProps;
/**
* Separator — a visual divider between content sections.
*
* Renders as `
` by default (semantically correct).
* Use `orientation="vertical"` for vertical dividers (add a height class).
*
* @example
* ```tsx
*
*
*
*
* ```
*/
declare const Separator: (props: SeparatorProps) => ReactElement | null;
export { AspectRatio, type AspectRatioProps, Box, type BoxProps, Center, type CenterProps, Container, type ContainerProps, Flex, type FlexProps, Grid, type GridProps, HStack, type ResponsiveColumns, Separator, type SeparatorProps, SimpleGrid, type SimpleGridProps, Stack, type StackProps, VStack, Wrap, type WrapProps };
```
======================================================
Package: @ninna-ui/navigation
======================================================
### File: @ninna-ui/navigation/dist/index.d.ts (published types)
```ts
import * as react from 'react';
import { ComponentPropsWithoutRef, ReactNode } from 'react';
import { CompactSize, Color } from '@ninna-ui/core';
/** Variant options for the Tabs */
type TabsVariant = 'line' | 'enclosed' | 'soft' | 'outline';
/** Props for the Tabs root component */
interface TabsProps extends ComponentPropsWithoutRef<'div'> {
/** Controlled value */
value?: string;
/** Default value (uncontrolled) */
defaultValue?: string;
/** Callback when value changes */
onValueChange?: (value: string) => void;
/** Orientation of the tabs @default 'horizontal' */
orientation?: 'horizontal' | 'vertical';
/** Whether keyboard activation is automatic @default 'automatic' */
activationMode?: 'automatic' | 'manual';
}
/** Props for the Tabs list */
interface TabsListProps extends ComponentPropsWithoutRef<'div'> {
/** Visual variant @default 'line' */
variant?: TabsVariant;
/** Size of the tabs @default 'md' */
size?: CompactSize;
/** Whether to loop keyboard navigation */
loop?: boolean;
}
/** Props for a Tab trigger */
interface TabsTriggerProps extends ComponentPropsWithoutRef<'button'> {
/** Value that associates the trigger with a content panel */
value: string;
/** Whether the trigger is disabled */
disabled?: boolean;
}
/** Props for a Tab content panel */
interface TabsContentProps extends ComponentPropsWithoutRef<'div'> {
/** Value that associates the content with a trigger */
value: string;
/** Whether to force mount the content */
forceMount?: true;
}
declare const Tabs: react.ForwardRefExoticComponent> & {
List: react.ForwardRefExoticComponent>;
Trigger: react.ForwardRefExoticComponent>;
Content: react.ForwardRefExoticComponent>;
};
/** Variant options for the Accordion */
type AccordionVariant = 'outline' | 'soft' | 'ghost';
/** Props for a single-type Accordion */
interface AccordionSingleProps extends ComponentPropsWithoutRef<'div'> {
type: 'single';
value?: string;
defaultValue?: string;
onValueChange?: (value: string) => void;
collapsible?: boolean;
/** Visual variant @default 'outline' */
variant?: AccordionVariant;
}
/** Props for a multiple-type Accordion */
interface AccordionMultipleProps extends ComponentPropsWithoutRef<'div'> {
type: 'multiple';
value?: string[];
defaultValue?: string[];
onValueChange?: (value: string[]) => void;
/** Visual variant @default 'outline' */
variant?: AccordionVariant;
}
/** Combined Accordion props */
type AccordionProps = AccordionSingleProps | AccordionMultipleProps;
/** Props for an Accordion item */
interface AccordionItemProps extends ComponentPropsWithoutRef<'div'> {
/** Unique value for this item */
value: string;
/** Whether the item is disabled */
disabled?: boolean;
}
/** Props for an Accordion trigger */
type AccordionTriggerProps = ComponentPropsWithoutRef<'button'>;
/** Props for Accordion content */
interface AccordionContentProps extends ComponentPropsWithoutRef<'div'> {
/** Whether to force mount the content */
forceMount?: true;
}
declare const Accordion: react.ForwardRefExoticComponent> & {
Item: react.ForwardRefExoticComponent>;
Trigger: react.ForwardRefExoticComponent, HTMLButtonElement>, "ref"> & react.RefAttributes>;
Content: react.ForwardRefExoticComponent>;
};
/** Props for the Breadcrumbs root component */
interface BreadcrumbsProps extends ComponentPropsWithoutRef<'nav'> {
/** Custom separator between items @default '/' */
separator?: ReactNode;
/** Maximum number of visible items before collapsing */
maxItems?: number;
/** Size of the breadcrumbs @default 'md' */
size?: CompactSize;
}
/** Props for a Breadcrumbs item */
type BreadcrumbsItemProps = ComponentPropsWithoutRef<'li'>;
/** Props for a Breadcrumbs link */
interface BreadcrumbsLinkProps extends ComponentPropsWithoutRef<'a'> {
/** Whether this is the current/active page */
current?: boolean;
/** Icon element to render before the link text */
icon?: ReactNode;
}
/** Props for the Breadcrumbs separator */
type BreadcrumbsSeparatorProps = ComponentPropsWithoutRef<'li'>;
/** Props for the Breadcrumbs ellipsis */
type BreadcrumbsEllipsisProps = ComponentPropsWithoutRef<'span'>;
declare const Breadcrumbs: react.ForwardRefExoticComponent> & {
Item: react.ForwardRefExoticComponent, HTMLLIElement>, "ref"> & react.RefAttributes>;
Link: react.ForwardRefExoticComponent>;
Separator: react.ForwardRefExoticComponent, HTMLLIElement>, "ref"> & react.RefAttributes>;
Ellipsis: react.ForwardRefExoticComponent, HTMLSpanElement>, "ref"> & react.RefAttributes>;
};
/** Props for the Pagination root component */
interface PaginationProps extends ComponentPropsWithoutRef<'nav'> {
/** Size of the pagination @default 'md' */
size?: CompactSize;
}
/** Props for the Pagination content list */
type PaginationContentProps = ComponentPropsWithoutRef<'ul'>;
/** Props for a Pagination item */
type PaginationItemProps = ComponentPropsWithoutRef<'li'>;
/** Props for a Pagination link/button */
interface PaginationLinkProps extends ComponentPropsWithoutRef<'button'> {
/** Whether this is the active/current page */
isActive?: boolean;
/** Size variant @default 'md' */
size?: CompactSize;
}
/** Props for the Pagination previous button */
type PaginationPreviousProps = PaginationLinkProps;
/** Props for the Pagination next button */
type PaginationNextProps = PaginationLinkProps;
/** Props for the Pagination ellipsis indicator */
type PaginationEllipsisProps = ComponentPropsWithoutRef<'span'>;
declare const Pagination: react.ForwardRefExoticComponent> & {
Content: react.ForwardRefExoticComponent, HTMLUListElement>, "ref"> & react.RefAttributes>;
Item: react.ForwardRefExoticComponent, HTMLLIElement>, "ref"> & react.RefAttributes>;
Link: react.ForwardRefExoticComponent>;
Previous: react.ForwardRefExoticComponent>;
Next: react.ForwardRefExoticComponent>;
Ellipsis: react.ForwardRefExoticComponent, HTMLSpanElement>, "ref"> & react.RefAttributes>;
};
/** Orientation of the Stepper */
type StepperOrientation = 'horizontal' | 'vertical';
/** Status of a step */
type StepStatus = 'complete' | 'current' | 'upcoming';
/** Props for the Stepper root component */
interface StepperProps extends ComponentPropsWithoutRef<'div'> {
/** Current active step index (0-based) */
activeStep: number;
/** Orientation @default 'horizontal' */
orientation?: StepperOrientation;
/** Size @default 'md' */
size?: CompactSize;
/** Color theme @default 'primary' */
color?: Color;
}
/** Props for a Step item */
interface StepProps extends Omit, 'children'> {
/** Step label */
label: string;
/** Optional description */
description?: string;
/** Optional custom icon */
icon?: ReactNode;
/** Whether the step is optional */
optional?: boolean;
}
/** Props for the Step indicator (circle) */
interface StepIndicatorProps extends ComponentPropsWithoutRef<'div'> {
/** Status of this step */
status: StepStatus;
/** Step number (1-based) */
stepNumber: number;
/** Optional custom icon */
icon?: ReactNode;
}
/** Props for the Step separator line */
interface StepSeparatorProps extends ComponentPropsWithoutRef<'div'> {
/** Whether the separator is completed */
isComplete?: boolean;
/** Orientation @default 'horizontal' */
orientation?: StepperOrientation;
}
declare const Stepper: react.ForwardRefExoticComponent> & {
Step: react.ForwardRefExoticComponent>;
Indicator: react.ForwardRefExoticComponent>;
Separator: react.ForwardRefExoticComponent>;
};
export { Accordion, type AccordionContentProps, type AccordionItemProps, type AccordionMultipleProps, type AccordionProps, type AccordionSingleProps, type AccordionTriggerProps, type AccordionVariant, Breadcrumbs, type BreadcrumbsEllipsisProps, type BreadcrumbsItemProps, type BreadcrumbsLinkProps, type BreadcrumbsProps, type BreadcrumbsSeparatorProps, Pagination, type PaginationContentProps, type PaginationEllipsisProps, type PaginationItemProps, type PaginationLinkProps, type PaginationNextProps, type PaginationPreviousProps, type PaginationProps, type StepIndicatorProps, type StepProps, type StepSeparatorProps, type StepStatus, Stepper, type StepperOrientation, type StepperProps, Tabs, type TabsContentProps, type TabsListProps, type TabsProps, type TabsTriggerProps, type TabsVariant };
```
======================================================
Package: @ninna-ui/overlays
======================================================
### File: @ninna-ui/overlays/dist/index.d.ts (published types)
```ts
import * as react from 'react';
import { ReactNode, ComponentPropsWithoutRef } from 'react';
import * as react_jsx_runtime from 'react/jsx-runtime';
import { Color } from '@ninna-ui/core';
/** Size options for the Modal */
type ModalSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
/** Props for the Modal root component */
interface ModalProps {
/** Modal content */
children: ReactNode;
/** Controlled open state */
open?: boolean | undefined;
/** Default open state (uncontrolled) */
defaultOpen?: boolean | undefined;
/** Callback when open state changes */
onOpenChange?: ((open: boolean) => void) | undefined;
/** Whether the modal is modal (blocks interaction with rest of page) */
modal?: boolean | undefined;
}
/** Props for the Modal trigger button */
interface ModalTriggerProps extends ComponentPropsWithoutRef<'button'> {
/** Render as child element instead of button */
asChild?: boolean | undefined;
}
/** Props for the Modal content panel */
interface ModalContentProps extends ComponentPropsWithoutRef<'div'> {
/** Size of the modal content */
size?: ModalSize;
/** Whether the modal is centered vertically */
centered?: boolean;
/** Accessible title for the modal dialog. Used as a visually-hidden label
* when no Modal.Header is rendered. When Modal.Header IS rendered it
* provides the title visually, so this can be omitted. */
title?: string;
/** Accessible description for the modal. Rendered visually-hidden. */
description?: string;
/** Whether clicking the overlay closes the modal @default true */
closeOnOverlayClick?: boolean | undefined;
/** Whether pressing Escape closes the modal @default true */
closeOnEscape?: boolean | undefined;
/** Callback when escape key is pressed */
onEscapeKeyDown?: ((event: KeyboardEvent) => void) | undefined;
/** Callback when pointer clicks outside content */
onPointerDownOutside?: ((event: Event) => void) | undefined;
/** Callback when focus moves outside content */
onInteractOutside?: ((event: Event) => void) | undefined;
}
/** Props for the Modal header section */
interface ModalHeaderProps extends ComponentPropsWithoutRef<'div'> {
}
/** Props for the Modal body section */
interface ModalBodyProps extends ComponentPropsWithoutRef<'div'> {
}
/** Props for the Modal footer section */
interface ModalFooterProps extends ComponentPropsWithoutRef<'div'> {
}
/** Props for the Modal close button */
interface ModalCloseProps extends ComponentPropsWithoutRef<'button'> {
/** Render as child element instead of button */
asChild?: boolean | undefined;
}
declare const Modal: {
({ children, open, defaultOpen, onOpenChange, modal }: ModalProps): react_jsx_runtime.JSX.Element;
displayName: string;
} & {
Trigger: react.ForwardRefExoticComponent>;
Content: react.ForwardRefExoticComponent>;
Header: react.ForwardRefExoticComponent>;
Body: react.ForwardRefExoticComponent>;
Footer: react.ForwardRefExoticComponent>;
Close: react.ForwardRefExoticComponent>;
};
/** Placement options for the Drawer */
type DrawerPlacement = 'left' | 'right' | 'top' | 'bottom';
/** Size options for the Drawer */
type DrawerSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
/** Props for the Drawer root component */
interface DrawerProps {
/** Drawer content */
children: ReactNode;
/** Controlled open state */
open?: boolean | undefined;
/** Default open state (uncontrolled) */
defaultOpen?: boolean | undefined;
/** Callback when open state changes */
onOpenChange?: ((open: boolean) => void) | undefined;
/** Whether the drawer is modal (blocks interaction with rest of page) */
modal?: boolean | undefined;
}
/** Props for the Drawer trigger button */
interface DrawerTriggerProps extends ComponentPropsWithoutRef<'button'> {
/** Render as child element instead of button */
asChild?: boolean | undefined;
}
/** Props for the Drawer content panel */
interface DrawerContentProps extends ComponentPropsWithoutRef<'div'> {
/** Which edge the drawer slides from @default 'right' */
placement?: DrawerPlacement;
/** Size of the drawer @default 'md' */
size?: DrawerSize;
/** Accessible title for the drawer dialog. Used as a visually-hidden label
* when no Drawer.Header is rendered. When Drawer.Header IS rendered it
* provides the title visually, so this can be omitted. */
title?: string;
/** Accessible description for the drawer. Rendered visually-hidden. */
description?: string;
/** Whether clicking the overlay closes the drawer @default true */
closeOnOverlayClick?: boolean | undefined;
/** Whether pressing Escape closes the drawer @default true */
closeOnEscape?: boolean | undefined;
/** Callback when escape key is pressed */
onEscapeKeyDown?: ((event: KeyboardEvent) => void) | undefined;
/** Callback when pointer clicks outside content */
onPointerDownOutside?: ((event: Event) => void) | undefined;
}
/** Props for the Drawer header section */
interface DrawerHeaderProps extends ComponentPropsWithoutRef<'div'> {
}
/** Props for the Drawer body section */
interface DrawerBodyProps extends ComponentPropsWithoutRef<'div'> {
}
/** Props for the Drawer footer section */
interface DrawerFooterProps extends ComponentPropsWithoutRef<'div'> {
}
/** Props for the Drawer close button */
interface DrawerCloseProps extends ComponentPropsWithoutRef<'button'> {
/** Render as child element instead of button */
asChild?: boolean | undefined;
}
declare const Drawer: {
({ children, open, defaultOpen, onOpenChange, modal }: DrawerProps): react_jsx_runtime.JSX.Element;
displayName: string;
} & {
Trigger: react.ForwardRefExoticComponent>;
Content: react.ForwardRefExoticComponent>;
Header: react.ForwardRefExoticComponent>;
Body: react.ForwardRefExoticComponent>;
Footer: react.ForwardRefExoticComponent>;
Close: react.ForwardRefExoticComponent>;
};
/** Placement options for the Popover */
type PopoverPlacement = 'top' | 'right' | 'bottom' | 'left';
/** Alignment options for the Popover */
type PopoverAlign = 'start' | 'center' | 'end';
/** Props for the Popover root component */
interface PopoverProps {
/** Popover content */
children: ReactNode;
/** Controlled open state */
open?: boolean | undefined;
/** Default open state (uncontrolled) */
defaultOpen?: boolean | undefined;
/** Callback when open state changes */
onOpenChange?: ((open: boolean) => void) | undefined;
/** Whether the popover is modal */
modal?: boolean | undefined;
}
/** Props for the Popover trigger */
interface PopoverTriggerProps extends ComponentPropsWithoutRef<'button'> {
/** Render as child element instead of button */
asChild?: boolean | undefined;
}
/** Props for the Popover content panel */
interface PopoverContentProps extends ComponentPropsWithoutRef<'div'> {
/** Which side to place the popover @default 'bottom' */
side?: PopoverPlacement;
/** Distance from trigger in pixels @default 4 */
sideOffset?: number;
/** Alignment along the side @default 'center' */
align?: PopoverAlign;
/** Whether to avoid collisions with viewport boundary @default true */
avoidCollisions?: boolean | undefined;
/** Callback when escape key is pressed */
onEscapeKeyDown?: ((event: KeyboardEvent) => void) | undefined;
/** Callback when pointer clicks outside content */
onPointerDownOutside?: ((event: Event) => void) | undefined;
/** Callback when focus moves outside content */
onFocusOutside?: ((event: Event) => void) | undefined;
}
/** Props for the Popover arrow */
interface PopoverArrowProps extends ComponentPropsWithoutRef<'svg'> {
/** Width of the arrow in pixels @default 10 */
width?: number;
/** Height of the arrow in pixels @default 5 */
height?: number;
}
/** Props for the Popover close button */
interface PopoverCloseProps extends ComponentPropsWithoutRef<'button'> {
/** Render as child element instead of button */
asChild?: boolean | undefined;
}
declare const Popover: {
({ children, open, defaultOpen, onOpenChange, modal }: PopoverProps): react_jsx_runtime.JSX.Element;
displayName: string;
} & {
Trigger: react.ForwardRefExoticComponent>;
Content: react.ForwardRefExoticComponent>;
Arrow: react.ForwardRefExoticComponent>;
Close: react.ForwardRefExoticComponent>;
};
/** Placement options for the Tooltip */
type TooltipPlacement = 'top' | 'right' | 'bottom' | 'left';
/** Props for the Tooltip root component */
interface TooltipProps {
/** Tooltip content */
children: ReactNode;
/** Controlled open state */
open?: boolean | undefined;
/** Default open state (uncontrolled) */
defaultOpen?: boolean | undefined;
/** Callback when open state changes */
onOpenChange?: ((open: boolean) => void) | undefined;
/** Delay in ms before showing the tooltip @default 200 */
delayDuration?: number | undefined;
/** Whether to disable hoverable content */
disableHoverableContent?: boolean | undefined;
}
/** Props for the Tooltip trigger */
interface TooltipTriggerProps extends ComponentPropsWithoutRef<'button'> {
/** Render as child element instead of button */
asChild?: boolean | undefined;
}
/** Props for the Tooltip content */
interface TooltipContentProps extends ComponentPropsWithoutRef<'div'> {
/** Which side to place the tooltip @default 'top' */
side?: TooltipPlacement;
/** Distance from trigger in pixels @default 4 */
sideOffset?: number;
/** Alignment along the side @default 'center' */
align?: 'start' | 'center' | 'end';
/** Color theme @default 'neutral' */
color?: Color;
/** Whether to show an arrow @default false */
hasArrow?: boolean | undefined;
/** Whether to avoid collisions with viewport boundary @default true */
avoidCollisions?: boolean | undefined;
}
declare const Tooltip: {
({ children, open, defaultOpen, onOpenChange, delayDuration, disableHoverableContent, }: TooltipProps): react_jsx_runtime.JSX.Element;
displayName: string;
} & {
Trigger: react.ForwardRefExoticComponent>;
Content: react.ForwardRefExoticComponent>;
};
/** Props for the DropdownMenu root component */
interface DropdownMenuProps {
/** DropdownMenu content */
children: ReactNode;
/** Controlled open state */
open?: boolean | undefined;
/** Default open state (uncontrolled) */
defaultOpen?: boolean | undefined;
/** Callback when open state changes */
onOpenChange?: ((open: boolean) => void) | undefined;
/** Whether the dropdown is modal @default true */
modal?: boolean | undefined;
/** Reading direction @default 'ltr' */
dir?: 'ltr' | 'rtl' | undefined;
}
/** Props for the DropdownMenu trigger */
interface DropdownMenuTriggerProps extends ComponentPropsWithoutRef<'button'> {
/** Render as child element instead of button */
asChild?: boolean | undefined;
}
/** Props for the DropdownMenu content */
interface DropdownMenuContentProps extends ComponentPropsWithoutRef<'div'> {
/** Which side to place the menu @default 'bottom' */
side?: 'top' | 'right' | 'bottom' | 'left';
/** Distance from trigger in pixels @default 4 */
sideOffset?: number;
/** Alignment along the side @default 'start' */
align?: 'start' | 'center' | 'end';
/** Whether to loop keyboard navigation @default true */
loop?: boolean | undefined;
/** Whether to avoid collisions with viewport boundary */
avoidCollisions?: boolean | undefined;
}
/** Props for a DropdownMenu item */
interface DropdownMenuItemProps extends Omit, 'onSelect'> {
/** Whether the item is disabled */
disabled?: boolean | undefined;
/** Callback when the item is selected */
onSelect?: ((event: Event) => void) | undefined;
/** Text value for typeahead */
textValue?: string | undefined;
/** Whether the item is destructive (danger styling) */
destructive?: boolean | undefined;
}
/** Props for a DropdownMenu checkbox item */
interface DropdownMenuCheckboxItemProps extends Omit, 'onSelect'> {
/** Whether the item is checked */
checked?: boolean | 'indeterminate' | undefined;
/** Callback when checked state changes */
onCheckedChange?: ((checked: boolean) => void) | undefined;
/** Whether the item is disabled */
disabled?: boolean | undefined;
/** Callback when the item is selected */
onSelect?: ((event: Event) => void) | undefined;
/** Text value for typeahead */
textValue?: string | undefined;
}
/** Props for a DropdownMenu radio group */
interface DropdownMenuRadioGroupProps extends ComponentPropsWithoutRef<'div'> {
/** Current value */
value?: string | undefined;
/** Callback when value changes */
onValueChange?: ((value: string) => void) | undefined;
}
/** Props for a DropdownMenu radio item */
interface DropdownMenuRadioItemProps extends Omit, 'onSelect'> {
/** Value of the radio item */
value: string;
/** Whether the item is disabled */
disabled?: boolean | undefined;
/** Callback when the item is selected */
onSelect?: ((event: Event) => void) | undefined;
/** Text value for typeahead */
textValue?: string | undefined;
}
/** Props for a DropdownMenu label */
interface DropdownMenuLabelProps extends ComponentPropsWithoutRef<'div'> {
/** Whether the label is inset (indented to align with items) */
inset?: boolean | undefined;
}
/** Props for a DropdownMenu separator */
interface DropdownMenuSeparatorProps extends ComponentPropsWithoutRef<'div'> {
}
/** Props for a DropdownMenu group */
interface DropdownMenuGroupProps extends ComponentPropsWithoutRef<'div'> {
}
/** Props for the DropdownMenu sub menu */
interface DropdownMenuSubProps {
/** Sub menu content */
children: ReactNode;
/** Controlled open state */
open?: boolean | undefined;
/** Default open state */
defaultOpen?: boolean | undefined;
/** Callback when open state changes */
onOpenChange?: ((open: boolean) => void) | undefined;
}
/** Props for the DropdownMenu sub trigger */
interface DropdownMenuSubTriggerProps extends ComponentPropsWithoutRef<'div'> {
/** Whether the item is disabled */
disabled?: boolean | undefined;
/** Text value for typeahead */
textValue?: string | undefined;
}
/** Props for the DropdownMenu sub content */
interface DropdownMenuSubContentProps extends ComponentPropsWithoutRef<'div'> {
/** Distance from trigger in pixels @default 2 */
sideOffset?: number | undefined;
/** Whether to loop keyboard navigation */
loop?: boolean | undefined;
}
declare const DropdownMenu: {
({ children, open, defaultOpen, onOpenChange, modal, dir }: DropdownMenuProps): react_jsx_runtime.JSX.Element;
displayName: string;
} & {
Trigger: react.ForwardRefExoticComponent>;
Content: react.ForwardRefExoticComponent>;
Item: react.ForwardRefExoticComponent>;
CheckboxItem: react.ForwardRefExoticComponent
