nave-ui-library 1.0.0-beta.48 → 1.0.0-beta.49

package/dist/lit/index.d.ts

@@ -2,13 +2,23 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import * as LabelPrimitive from '@radix-ui/react-label';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
 import * as SwitchPrimitive from '@radix-ui/react-switch';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
 import { Loader2Icon } from 'lucide-react';
 import * as ProgressPrimitive from '@radix-ui/react-progress';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import { DayPicker } from 'react-day-picker';
 import * as SeparatorPrimitive from '@radix-ui/react-separator';
+import { Drawer as Drawer$1 } from 'vaul';
+import * as _radix_ui_react_dialog from '@radix-ui/react-dialog';
+import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
+import * as TabsPrimitive from '@radix-ui/react-tabs';
 
 interface ThemeTokensBase {
     [key: string]: unknown;
@@ -171,6 +181,18 @@ interface CheckboxProps extends React.ComponentProps<typeof CheckboxPrimitive.Ro
 }
 declare function Checkbox({ className, tokens, size, tone, label, description, disabled, style, ...props }: CheckboxProps): react_jsx_runtime.JSX.Element;
 
+interface RadioGroupProps extends React.ComponentProps<typeof RadioGroupPrimitive.Root> {
+}
+interface RadioItemProps extends React.ComponentProps<typeof RadioGroupPrimitive.Item> {
+    size?: 'regular' | 'small' | 'extraSmall';
+    label?: string;
+    description?: string;
+    disabled?: boolean;
+    tokens?: Partial<ThemeTokensBase>;
+}
+declare function RadioGroup({ className, ...props }: RadioGroupProps): react_jsx_runtime.JSX.Element;
+declare function RadioItem({ className, size, label, description, disabled, tokens, value, ...props }: RadioItemProps): react_jsx_runtime.JSX.Element;
+
 interface SwitchProps extends React.ComponentProps<typeof SwitchPrimitive.Root> {
     tokens?: Partial<ThemeTokensBase>;
     size?: 'regular' | 'small' | 'extraSmall';
@@ -442,11 +464,217 @@ type TourProps = React.HTMLAttributes<HTMLDivElement> & {
 };
 declare function Tour({ className, currentStep, totalSteps, title, description, onBack, onNext, backLabel, nextLabel, disableBack, disableNext, showPointer, tokens, style, ...props }: TourProps): react_jsx_runtime.JSX.Element;
 
+type DragSliderProps = {
+    children: React.ReactNode;
+    className?: string;
+    tokens?: Partial<ThemeTokensBase>;
+};
+declare function DragSlider({ children, className, tokens: customTokens, }: DragSliderProps): react_jsx_runtime.JSX.Element;
+
+type ChartType = 'bar' | 'line' | 'donut' | 'pie';
+type ChartDatum = {
+    label: string;
+    value: number;
+    color?: string;
+    [key: string]: string | number | undefined;
+};
+type ChartsProps = React.HTMLAttributes<HTMLDivElement> & {
+    type?: ChartType;
+    data: ChartDatum[];
+    title?: React.ReactNode;
+    subtitle?: React.ReactNode;
+    showLegend?: boolean;
+    showGrid?: boolean;
+    showBaseline?: boolean;
+    showXAxis?: boolean;
+    showYAxis?: boolean;
+    showTooltip?: boolean;
+    height?: number;
+    donutCenterValue?: React.ReactNode;
+    donutCenterLabel?: React.ReactNode;
+    legendTitle?: React.ReactNode;
+    valueFormatter?: (value: number) => string;
+    xDataKey?: string;
+    yDataKey?: string;
+    nameKey?: string;
+    showLineArea?: boolean;
+    emptyStateLabel?: React.ReactNode;
+    tokens?: Partial<ThemeTokensBase>;
+};
+declare function Charts({ className, type, data, title, subtitle, showLegend, showGrid, showBaseline, showXAxis, showYAxis, showTooltip, height, donutCenterValue, donutCenterLabel, legendTitle, valueFormatter, xDataKey, yDataKey, nameKey, showLineArea, emptyStateLabel, tokens, style, ...props }: ChartsProps): react_jsx_runtime.JSX.Element;
+
+declare function Accordion({ size, tokens, ...props }: React.ComponentProps<typeof AccordionPrimitive.Root> & {
+    size?: 'sm' | 'md';
+    tokens?: Partial<ThemeTokensBase>;
+}): react_jsx_runtime.JSX.Element;
+declare function AccordionItem({ className, ...props }: React.ComponentProps<typeof AccordionPrimitive.Item>): react_jsx_runtime.JSX.Element;
+declare function AccordionTrigger({ className, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Trigger> & {
+    size?: 'sm' | 'md';
+}): react_jsx_runtime.JSX.Element;
+declare function AccordionContent({ className, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Content> & {
+    size?: 'sm' | 'md';
+}): react_jsx_runtime.JSX.Element;
+
+declare function Table({ className, tokens, ...props }: React.ComponentProps<'table'> & {
+    tokens?: Partial<ThemeTokensBase>;
+}): react_jsx_runtime.JSX.Element;
+declare function TableHeader(props: React.ComponentProps<'thead'>): react_jsx_runtime.JSX.Element;
+declare function TableBody(props: React.ComponentProps<'tbody'>): react_jsx_runtime.JSX.Element;
+declare function TableRow(props: React.ComponentProps<'tr'>): react_jsx_runtime.JSX.Element;
+declare function TableHead(props: React.ComponentProps<'th'>): react_jsx_runtime.JSX.Element;
+declare function TableCell(props: React.ComponentProps<'td'>): react_jsx_runtime.JSX.Element;
+declare function TableCellDescription({ className, ...props }: React.ComponentProps<'p'>): react_jsx_runtime.JSX.Element;
+declare function TableFooter({ children, className, ...props }: React.ComponentProps<'tfoot'>): react_jsx_runtime.JSX.Element;
+declare function TableCaption(props: React.ComponentProps<'caption'>): react_jsx_runtime.JSX.Element;
+
+type ModuleBoxProps = React.HTMLAttributes<HTMLDivElement> & {
+    title?: React.ReactNode;
+    headerActions?: React.ReactNode;
+    footerActions?: React.ReactNode;
+    slotPlaceholder?: React.ReactNode;
+    tokens?: Partial<ThemeTokensBase>;
+    headerClassName?: string;
+    slotClassName?: string;
+    footerClassName?: string;
+};
+declare function ModuleBox({ className, title, headerActions, footerActions, slotPlaceholder, tokens, headerClassName, slotClassName, footerClassName, children, style, ...props }: ModuleBoxProps): react_jsx_runtime.JSX.Element;
+
+interface DropdownItemProps {
+    iconLeft?: React.ReactNode;
+    iconRight?: React.ReactNode;
+    selected?: boolean;
+    disabled?: boolean;
+    destructive?: boolean;
+}
+type ThemedProps = {
+    variant?: string;
+    tokens?: Partial<ThemeTokensBase>;
+};
+declare function DropdownMenu(props: React.ComponentProps<typeof DropdownMenuPrimitive.Root> & {
+    tokens?: Partial<ThemeTokensBase>;
+}): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuTrigger(props: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuContent({ className, sideOffset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Content> & ThemedProps): react_jsx_runtime.JSX.Element | null;
+declare function DropdownMenuItem({ className, iconLeft, iconRight, selected, destructive, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & DropdownItemProps): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuLabel({ className, inset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {
+    inset?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuSeparator(props: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>): react_jsx_runtime.JSX.Element;
+
+declare function Popover({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function PopoverTrigger({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+declare function PopoverContent({ className, align, sideOffset, tokens, style, ...props }: React.ComponentProps<typeof PopoverPrimitive.Content> & {
+    tokens?: Partial<ThemeTokensBase>;
+}): react_jsx_runtime.JSX.Element;
+
+declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>): react_jsx_runtime.JSX.Element;
+declare function Tooltip({ tokens, ...props }: React.ComponentProps<typeof TooltipPrimitive.Root> & {
+    tokens?: Partial<ThemeTokensBase>;
+}): react_jsx_runtime.JSX.Element;
+declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+declare function TooltipContent({ className, sideOffset, tokens, children, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content> & {
+    tokens?: Partial<ThemeTokensBase>;
+}): react_jsx_runtime.JSX.Element;
+
+declare function Calendar({ className, classNames, showOutsideDays, captionLayout, tokens, formatters, components, ...props }: React.ComponentProps<typeof DayPicker> & {
+    tokens?: Partial<ThemeTokensBase>;
+}): react_jsx_runtime.JSX.Element;
+
+type IconSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+type IconVariant = 'default' | 'primary' | 'muted' | 'danger' | 'success';
+type IconProps = React.HTMLAttributes<HTMLSpanElement> & {
+    children?: React.ReactNode;
+    size?: IconSize;
+    color?: IconVariant;
+    tokens?: Partial<ThemeTokensBase>;
+    asChild?: boolean;
+};
+declare function Icon({ className, size, color, tokens: customTokens, asChild, style, children, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
 type SeparatorProps = React.ComponentProps<typeof SeparatorPrimitive.Root> & {
     tokens?: Partial<ThemeTokensBase>;
 };
 declare function Separator({ className, orientation, decorative, tokens, ...props }: SeparatorProps): react_jsx_runtime.JSX.Element;
 
+type BreadcrumbSize = 'small' | 'medium';
+interface BreadcrumbProps extends React.ComponentProps<'nav'> {
+    tokens?: Partial<ThemeTokensBase>;
+    size?: BreadcrumbSize;
+}
+declare function Breadcrumb({ className, tokens, style, size, children, ...props }: BreadcrumbProps): react_jsx_runtime.JSX.Element;
+declare function BreadcrumbList({ className, ...props }: React.ComponentProps<'ol'>): react_jsx_runtime.JSX.Element;
+declare function BreadcrumbItem({ className, ...props }: React.ComponentProps<'li'>): react_jsx_runtime.JSX.Element;
+declare function BreadcrumbLink({ asChild, className, ...props }: React.ComponentProps<'a'> & {
+    asChild?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function BreadcrumbPage({ className, ...props }: React.ComponentProps<'span'>): react_jsx_runtime.JSX.Element;
+declare function BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<'li'>): react_jsx_runtime.JSX.Element;
+declare function BreadcrumbEllipsis({ className, ...props }: React.ComponentProps<'span'>): react_jsx_runtime.JSX.Element;
+
+type DrawerSlotTokens = {
+    overlay?: Partial<ThemeTokensBase>;
+    container?: Partial<ThemeTokensBase>;
+    close?: Partial<ThemeTokensBase>;
+    title?: Partial<ThemeTokensBase>;
+    description?: Partial<ThemeTokensBase>;
+};
+type DrawerProps = React.ComponentProps<typeof Drawer$1.Root> & {
+    tokens?: Partial<DrawerSlotTokens>;
+};
+declare function Drawer({ tokens, ...props }: DrawerProps): react_jsx_runtime.JSX.Element;
+declare const DrawerTrigger: React.ForwardRefExoticComponent<_radix_ui_react_dialog.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DrawerClose: React.ForwardRefExoticComponent<_radix_ui_react_dialog.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+declare function DrawerContent({ className, children, ...props }: React.ComponentProps<typeof Drawer$1.Content>): react_jsx_runtime.JSX.Element | null;
+declare const DrawerHeader: ({ className, ...props }: React.ComponentProps<"div">) => react_jsx_runtime.JSX.Element;
+declare const DrawerBody: ({ className, ...props }: React.ComponentProps<"div">) => react_jsx_runtime.JSX.Element;
+declare const DrawerFooter: ({ className, ...props }: React.ComponentProps<"div">) => react_jsx_runtime.JSX.Element;
+declare function DrawerCloseButton({ className, ...props }: React.ComponentProps<typeof Drawer$1.Close>): react_jsx_runtime.JSX.Element;
+declare function DrawerTitle({ className, ...props }: React.ComponentProps<typeof Drawer$1.Title>): react_jsx_runtime.JSX.Element | null;
+declare function DrawerDescription({ className, ...props }: React.ComponentProps<typeof Drawer$1.Description>): react_jsx_runtime.JSX.Element | null;
+
+type AlertDialogAlignment = 'left' | 'center';
+interface AlertDialogProps extends React.ComponentProps<typeof AlertDialogPrimitive.Root> {
+    tokens?: Partial<ThemeTokensBase>;
+    alignment?: AlertDialogAlignment;
+    size?: 'regular';
+}
+declare function AlertDialog({ tokens, alignment, size, ...props }: AlertDialogProps): react_jsx_runtime.JSX.Element;
+declare const AlertDialogTrigger: React.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare function AlertDialogContent({ className, alignment, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Content> & {
+    alignment?: AlertDialogAlignment;
+}): react_jsx_runtime.JSX.Element;
+declare function AlertDialogHeader({ className, ...props }: React.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
+declare function AlertDialogFooter({ className, ...props }: React.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
+declare function AlertDialogTitle(props: React.ComponentProps<typeof AlertDialogPrimitive.Title>): react_jsx_runtime.JSX.Element;
+declare function AlertDialogDescription(props: React.ComponentProps<typeof AlertDialogPrimitive.Description>): react_jsx_runtime.JSX.Element;
+declare function AlertDialogAction({ className, children, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Action>): react_jsx_runtime.JSX.Element;
+declare function AlertDialogCancel({ className, children, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Cancel>): react_jsx_runtime.JSX.Element;
+
+declare function Pagination({ className, tokens: customTokens, style, ...props }: React.ComponentProps<'nav'> & {
+    tokens?: Partial<ThemeTokensBase>;
+}): react_jsx_runtime.JSX.Element;
+type PaginationLinkProps = {
+    isActive?: boolean;
+    disabled?: boolean;
+} & React.ComponentProps<'a'>;
+declare function PaginationLink({ className, isActive, disabled, ...props }: PaginationLinkProps): react_jsx_runtime.JSX.Element;
+declare function PaginationContent({ className, ...props }: React.ComponentProps<'ul'>): react_jsx_runtime.JSX.Element;
+declare function PaginationItem(props: React.ComponentProps<'li'>): react_jsx_runtime.JSX.Element;
+declare function PaginationPrevious({ className, ...props }: React.ComponentProps<typeof PaginationLink>): react_jsx_runtime.JSX.Element;
+declare function PaginationNext({ className, ...props }: React.ComponentProps<typeof PaginationLink>): react_jsx_runtime.JSX.Element;
+declare function PaginationEllipsis({ className, ...props }: React.ComponentProps<'span'>): react_jsx_runtime.JSX.Element;
+
+declare function Tabs({ className, size, tokens, ...props }: React.ComponentProps<typeof TabsPrimitive.Root> & {
+    size: TabsSize;
+    tokens?: Partial<ThemeTokensBase>;
+}): react_jsx_runtime.JSX.Element;
+type TabsSize = 'medium' | 'small';
+declare function TabsList({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.List> & {
+    size?: TabsSize;
+}): react_jsx_runtime.JSX.Element;
+declare function TabsTrigger({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+declare function TabsContent({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Content>): react_jsx_runtime.JSX.Element;
+
 declare global {
     interface NaveButtonAttributes {
         variant?: 'primary' | 'secondary' | 'tertiary' | 'neutral';
@@ -607,6 +835,154 @@ declare global {
         src?: string;
         alt?: string;
     }
+    interface NaveRadioGroupAttributes {
+        value?: string;
+        disabled?: boolean;
+        name?: string;
+        orientation?: 'horizontal' | 'vertical';
+        onValueChange?: (v: string) => void;
+    }
+    interface NaveRadioItemAttributes {
+        value?: string;
+        disabled?: boolean;
+        label?: string;
+    }
+    interface NaveAccordionAttributes {
+    }
+    interface NaveAccordionItemAttributes {
+    }
+    interface NaveAccordionTriggerAttributes {
+    }
+    interface NaveAccordionContentAttributes {
+    }
+    interface NaveTabsAttributes {
+    }
+    interface NaveTabsListAttributes {
+    }
+    interface NaveTabsTriggerAttributes {
+    }
+    interface NaveTabsContentAttributes {
+    }
+    interface NaveTooltipAttributes {
+    }
+    interface NaveTooltipProviderAttributes {
+    }
+    interface NaveTooltipTriggerAttributes {
+    }
+    interface NaveTooltipContentAttributes {
+    }
+    interface NavePopoverAttributes {
+    }
+    interface NavePopoverTriggerAttributes {
+    }
+    interface NavePopoverContentAttributes {
+    }
+    interface NaveDropdownMenuAttributes {
+    }
+    interface NaveDropdownMenuTriggerAttributes {
+    }
+    interface NaveDropdownMenuContentAttributes {
+    }
+    interface NaveDropdownMenuItemAttributes {
+    }
+    interface NaveDropdownMenuLabelAttributes {
+    }
+    interface NaveDropdownMenuSeparatorAttributes {
+    }
+    interface NaveDrawerAttributes {
+    }
+    interface NaveDrawerTriggerAttributes {
+    }
+    interface NaveDrawerContentAttributes {
+    }
+    interface NaveDrawerHeaderAttributes {
+    }
+    interface NaveDrawerBodyAttributes {
+    }
+    interface NaveDrawerFooterAttributes {
+    }
+    interface NaveDrawerTitleAttributes {
+    }
+    interface NaveDrawerDescriptionAttributes {
+    }
+    interface NaveDrawerCloseAttributes {
+    }
+    interface NaveDrawerCloseButtonAttributes {
+    }
+    interface NaveAlertDialogAttributes {
+    }
+    interface NaveAlertDialogTriggerAttributes {
+    }
+    interface NaveAlertDialogContentAttributes {
+    }
+    interface NaveAlertDialogHeaderAttributes {
+    }
+    interface NaveAlertDialogFooterAttributes {
+    }
+    interface NaveAlertDialogTitleAttributes {
+    }
+    interface NaveAlertDialogDescriptionAttributes {
+    }
+    interface NaveAlertDialogActionAttributes {
+    }
+    interface NaveAlertDialogCancelAttributes {
+    }
+    interface NaveBreadcrumbAttributes {
+    }
+    interface NaveBreadcrumbListAttributes {
+    }
+    interface NaveBreadcrumbItemAttributes {
+    }
+    interface NaveBreadcrumbLinkAttributes {
+    }
+    interface NaveBreadcrumbPageAttributes {
+    }
+    interface NaveBreadcrumbSeparatorAttributes {
+    }
+    interface NaveBreadcrumbEllipsisAttributes {
+    }
+    interface NavePaginationAttributes {
+    }
+    interface NavePaginationContentAttributes {
+    }
+    interface NavePaginationItemAttributes {
+    }
+    interface NavePaginationLinkAttributes {
+    }
+    interface NavePaginationPreviousAttributes {
+    }
+    interface NavePaginationNextAttributes {
+    }
+    interface NavePaginationEllipsisAttributes {
+    }
+    interface NaveTableAttributes {
+    }
+    interface NaveTableHeaderAttributes {
+    }
+    interface NaveTableBodyAttributes {
+    }
+    interface NaveTableFooterAttributes {
+    }
+    interface NaveTableRowAttributes {
+    }
+    interface NaveTableHeadAttributes {
+    }
+    interface NaveTableCellAttributes {
+    }
+    interface NaveTableCaptionAttributes {
+    }
+    interface NaveTableCellDescriptionAttributes {
+    }
+    interface NaveModuleBoxAttributes {
+    }
+    interface NaveChartsAttributes {
+    }
+    interface NaveCalendarAttributes {
+    }
+    interface NaveDragSliderAttributes {
+    }
+    interface NaveIconAttributes {
+    }
     interface HTMLElementTagNameMap {
         'nave-button': HTMLElement & NaveButtonAttributes;
         'nave-input': HTMLElement & NaveInputAttributes;
@@ -638,6 +1014,76 @@ declare global {
         'nave-tour': HTMLElement & NaveTourAttributes;
         'nave-sidebar': HTMLElement & NaveSidebarAttributes;
         'nave-separator': HTMLElement & NaveSeparatorAttributes;
+        'nave-radio-group': HTMLElement & NaveRadioGroupAttributes;
+        'nave-radio-item': HTMLElement & NaveRadioItemAttributes;
+        'nave-accordion': HTMLElement & NaveAccordionAttributes;
+        'nave-accordion-item': HTMLElement & NaveAccordionItemAttributes;
+        'nave-accordion-trigger': HTMLElement & NaveAccordionTriggerAttributes;
+        'nave-accordion-content': HTMLElement & NaveAccordionContentAttributes;
+        'nave-tabs': HTMLElement & NaveTabsAttributes;
+        'nave-tabs-list': HTMLElement & NaveTabsListAttributes;
+        'nave-tabs-trigger': HTMLElement & NaveTabsTriggerAttributes;
+        'nave-tabs-content': HTMLElement & NaveTabsContentAttributes;
+        'nave-tooltip': HTMLElement & NaveTooltipAttributes;
+        'nave-tooltip-provider': HTMLElement & NaveTooltipProviderAttributes;
+        'nave-tooltip-trigger': HTMLElement & NaveTooltipTriggerAttributes;
+        'nave-tooltip-content': HTMLElement & NaveTooltipContentAttributes;
+        'nave-popover': HTMLElement & NavePopoverAttributes;
+        'nave-popover-trigger': HTMLElement & NavePopoverTriggerAttributes;
+        'nave-popover-content': HTMLElement & NavePopoverContentAttributes;
+        'nave-dropdown-menu': HTMLElement & NaveDropdownMenuAttributes;
+        'nave-dropdown-menu-trigger': HTMLElement & NaveDropdownMenuTriggerAttributes;
+        'nave-dropdown-menu-content': HTMLElement & NaveDropdownMenuContentAttributes;
+        'nave-dropdown-menu-item': HTMLElement & NaveDropdownMenuItemAttributes;
+        'nave-dropdown-menu-label': HTMLElement & NaveDropdownMenuLabelAttributes;
+        'nave-dropdown-menu-separator': HTMLElement & NaveDropdownMenuSeparatorAttributes;
+        'nave-drawer': HTMLElement & NaveDrawerAttributes;
+        'nave-drawer-trigger': HTMLElement & NaveDrawerTriggerAttributes;
+        'nave-drawer-content': HTMLElement & NaveDrawerContentAttributes;
+        'nave-drawer-header': HTMLElement & NaveDrawerHeaderAttributes;
+        'nave-drawer-body': HTMLElement & NaveDrawerBodyAttributes;
+        'nave-drawer-footer': HTMLElement & NaveDrawerFooterAttributes;
+        'nave-drawer-title': HTMLElement & NaveDrawerTitleAttributes;
+        'nave-drawer-description': HTMLElement & NaveDrawerDescriptionAttributes;
+        'nave-drawer-close': HTMLElement & NaveDrawerCloseAttributes;
+        'nave-drawer-close-button': HTMLElement & NaveDrawerCloseButtonAttributes;
+        'nave-alert-dialog': HTMLElement & NaveAlertDialogAttributes;
+        'nave-alert-dialog-trigger': HTMLElement & NaveAlertDialogTriggerAttributes;
+        'nave-alert-dialog-content': HTMLElement & NaveAlertDialogContentAttributes;
+        'nave-alert-dialog-header': HTMLElement & NaveAlertDialogHeaderAttributes;
+        'nave-alert-dialog-footer': HTMLElement & NaveAlertDialogFooterAttributes;
+        'nave-alert-dialog-title': HTMLElement & NaveAlertDialogTitleAttributes;
+        'nave-alert-dialog-description': HTMLElement & NaveAlertDialogDescriptionAttributes;
+        'nave-alert-dialog-action': HTMLElement & NaveAlertDialogActionAttributes;
+        'nave-alert-dialog-cancel': HTMLElement & NaveAlertDialogCancelAttributes;
+        'nave-breadcrumb': HTMLElement & NaveBreadcrumbAttributes;
+        'nave-breadcrumb-list': HTMLElement & NaveBreadcrumbListAttributes;
+        'nave-breadcrumb-item': HTMLElement & NaveBreadcrumbItemAttributes;
+        'nave-breadcrumb-link': HTMLElement & NaveBreadcrumbLinkAttributes;
+        'nave-breadcrumb-page': HTMLElement & NaveBreadcrumbPageAttributes;
+        'nave-breadcrumb-separator': HTMLElement & NaveBreadcrumbSeparatorAttributes;
+        'nave-breadcrumb-ellipsis': HTMLElement & NaveBreadcrumbEllipsisAttributes;
+        'nave-pagination': HTMLElement & NavePaginationAttributes;
+        'nave-pagination-content': HTMLElement & NavePaginationContentAttributes;
+        'nave-pagination-item': HTMLElement & NavePaginationItemAttributes;
+        'nave-pagination-link': HTMLElement & NavePaginationLinkAttributes;
+        'nave-pagination-previous': HTMLElement & NavePaginationPreviousAttributes;
+        'nave-pagination-next': HTMLElement & NavePaginationNextAttributes;
+        'nave-pagination-ellipsis': HTMLElement & NavePaginationEllipsisAttributes;
+        'nave-table': HTMLElement & NaveTableAttributes;
+        'nave-table-header': HTMLElement & NaveTableHeaderAttributes;
+        'nave-table-body': HTMLElement & NaveTableBodyAttributes;
+        'nave-table-footer': HTMLElement & NaveTableFooterAttributes;
+        'nave-table-row': HTMLElement & NaveTableRowAttributes;
+        'nave-table-head': HTMLElement & NaveTableHeadAttributes;
+        'nave-table-cell': HTMLElement & NaveTableCellAttributes;
+        'nave-table-caption': HTMLElement & NaveTableCaptionAttributes;
+        'nave-table-cell-description': HTMLElement & NaveTableCellDescriptionAttributes;
+        'nave-module-box': HTMLElement & NaveModuleBoxAttributes;
+        'nave-charts': HTMLElement & NaveChartsAttributes;
+        'nave-calendar': HTMLElement & NaveCalendarAttributes;
+        'nave-drag-slider': HTMLElement & NaveDragSliderAttributes;
+        'nave-icon': HTMLElement & NaveIconAttributes;
         'nave-theme-provider': NaveThemeProviderElement;
     }
     interface NaveThemeProviderElement extends HTMLElement {
@@ -648,4 +1094,4 @@ declare global {
     }
 }
 
-export { Alert, Avatar, AvatarFallback, AvatarImage, Badge, Banner, Button, Card, Checkbox, ColorExample, Combobox, DatePickerInput, EmptyState, FileUpload, Header, Input, IntegrationCard, Label, ListItem, Loader, LoaderInit, NaveThemeProviderElement, PasswordInput, Progress, SearchBar, Select, Separator, Sidebar, Switch, Textarea, Tour, getGlobalTheme, setGlobalTheme };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, Avatar, AvatarFallback, AvatarImage, Badge, Banner, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Calendar, Card, Charts, Checkbox, ColorExample, Combobox, DatePickerInput, DragSlider, Drawer, DrawerBody, DrawerClose, DrawerCloseButton, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, EmptyState, FileUpload, Header, Icon, Input, IntegrationCard, Label, ListItem, Loader, LoaderInit, ModuleBox, NaveThemeProviderElement, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PasswordInput, Popover, PopoverContent, PopoverTrigger, Progress, RadioGroup, RadioItem, SearchBar, Select, Separator, Sidebar, Switch, Table, TableBody, TableCaption, TableCell, TableCellDescription, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Tour, getGlobalTheme, setGlobalTheme };