nave-ui-library 1.0.0-beta.50 → 1.0.0-beta.52

package/dist/lit/index.d.ts

@@ -2,23 +2,14 @@ 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;
@@ -50,6 +41,21 @@ declare class NaveThemeProviderElement extends HTMLElement {
     private _loadTheme;
 }
 
+declare function AccordionWC({ type, size, collapsible, items, defaultValue, value, onValueChange, tokens, className, }: any): react_jsx_runtime.JSX.Element;
+declare function TabsWC({ defaultValue, value, onValueChange, size, tabs, tokens, className, }: any): react_jsx_runtime.JSX.Element;
+declare function RadioGroupWC({ value, defaultValue, onValueChange, items, className, }: any): react_jsx_runtime.JSX.Element;
+declare function TooltipWC({ triggerLabel, content, side, sideOffset, delayDuration, tokens, className, }: any): react_jsx_runtime.JSX.Element;
+declare function PopoverWC({ triggerLabel, content, align, side, sideOffset, open, defaultOpen, onOpenChange, tokens, className, }: any): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuWC({ triggerLabel, items, align, sideOffset, open, onOpenChange, onItemClick, tokens, className, }: any): react_jsx_runtime.JSX.Element;
+declare function DrawerWC({ triggerLabel, triggerVariant, triggerSize, title, description, bodyText, direction, closeLabel, open, onOpenChange, tokens, className, }: any): react_jsx_runtime.JSX.Element;
+declare function AlertDialogWC({ triggerLabel, triggerVariant, triggerSize, title, description, cancelLabel, actionLabel, onAction, onCancel, alignment, size, open, onOpenChange, tokens, className, }: any): react_jsx_runtime.JSX.Element;
+declare function BreadcrumbWC({ items, size, tokens, className }: any): react_jsx_runtime.JSX.Element;
+declare function PaginationWC({ currentPage, totalPages, siblingCount, onPageChange, tokens, className, }: any): react_jsx_runtime.JSX.Element;
+declare function TableWC({ columns, rows, caption, footer, tokens, className, }: any): react_jsx_runtime.JSX.Element;
+declare function CardWC({ title, variant, width, content, tokens, className, }: any): react_jsx_runtime.JSX.Element;
+declare function ModuleBoxWC({ title, content, tokens, className, headerClassName, slotClassName, footerClassName, }: any): react_jsx_runtime.JSX.Element;
+declare function DragSliderWC({ items, tokens, className }: any): react_jsx_runtime.JSX.Element;
+
 type ButtonProps = React.ComponentProps<'button'> & {
     tokens?: Partial<ThemeTokensBase>;
     variant?: 'primary' | 'secondary' | 'tertiary' | 'neutral';
@@ -181,18 +187,6 @@ 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';
@@ -323,15 +317,6 @@ type BannerProps = React.ComponentProps<'div'> & VariantProps<typeof bannerVaria
 };
 declare function Banner({ className, asChild, tokens, variant, size, orientation, imagePosition, contentAlign, imageDisplay, heroContentPosition, heroMinHeight, heroOverlay, title, description, cta, imageSrc, imageAlt, icon, endSlot, ...props }: BannerProps): react_jsx_runtime.JSX.Element;
 
-type CardProps = React.HTMLAttributes<HTMLDivElement> & {
-    title?: React.ReactNode;
-    action?: React.ReactNode;
-    tokens?: Partial<ThemeTokensBase>;
-    variant?: 'primary' | 'secondary' | 'tertiary';
-    width?: number | string;
-};
-declare function Card({ className, title, action, tokens, variant, width, children, style, ...props }: CardProps): react_jsx_runtime.JSX.Element;
-
 interface ColorExampleProps {
     className?: string;
     colorToken: string;
@@ -410,6 +395,17 @@ declare function LoaderInit({ size, className, }: {
     className?: string;
 }): 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 HeaderSize = 'desktop' | 'mobile';
 type HeaderProps = {
     title: React.ReactNode;
@@ -464,13 +460,6 @@ 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;
@@ -503,178 +492,15 @@ type ChartsProps = React.HTMLAttributes<HTMLDivElement> & {
 };
 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';
@@ -837,151 +663,189 @@ declare global {
     }
     interface NaveRadioGroupAttributes {
         value?: string;
-        disabled?: boolean;
-        name?: string;
-        orientation?: 'horizontal' | 'vertical';
+        defaultValue?: string;
         onValueChange?: (v: string) => void;
-    }
-    interface NaveRadioItemAttributes {
-        value?: string;
-        disabled?: boolean;
-        label?: string;
+        items?: Array<{
+            value: string;
+            label: string;
+            description?: string;
+            disabled?: boolean;
+            size?: string;
+        }>;
+        className?: string;
     }
     interface NaveAccordionAttributes {
-    }
-    interface NaveAccordionItemAttributes {
-    }
-    interface NaveAccordionTriggerAttributes {
-    }
-    interface NaveAccordionContentAttributes {
+        type?: 'single' | 'multiple';
+        size?: 'sm' | 'md';
+        collapsible?: boolean;
+        items?: Array<{
+            value: string;
+            trigger: string;
+            content: string;
+            disabled?: boolean;
+        }>;
+        defaultValue?: string;
+        value?: string;
+        onValueChange?: (v: string) => void;
+        tokens?: any;
+        className?: string;
     }
     interface NaveTabsAttributes {
-    }
-    interface NaveTabsListAttributes {
-    }
-    interface NaveTabsTriggerAttributes {
-    }
-    interface NaveTabsContentAttributes {
+        defaultValue?: string;
+        value?: string;
+        onValueChange?: (v: string) => void;
+        size?: string;
+        tabs?: Array<{
+            value: string;
+            label: string;
+            content: string;
+            disabled?: boolean;
+        }>;
+        tokens?: any;
+        className?: string;
     }
     interface NaveTooltipAttributes {
-    }
-    interface NaveTooltipProviderAttributes {
-    }
-    interface NaveTooltipTriggerAttributes {
-    }
-    interface NaveTooltipContentAttributes {
+        triggerLabel?: string;
+        content?: string;
+        side?: 'top' | 'right' | 'bottom' | 'left';
+        sideOffset?: number;
+        delayDuration?: number;
+        tokens?: any;
+        className?: string;
     }
     interface NavePopoverAttributes {
-    }
-    interface NavePopoverTriggerAttributes {
-    }
-    interface NavePopoverContentAttributes {
+        triggerLabel?: string;
+        content?: string;
+        align?: 'start' | 'center' | 'end';
+        side?: 'top' | 'right' | 'bottom' | 'left';
+        sideOffset?: number;
+        open?: boolean;
+        defaultOpen?: boolean;
+        onOpenChange?: (open: boolean) => void;
+        tokens?: any;
+        className?: string;
     }
     interface NaveDropdownMenuAttributes {
-    }
-    interface NaveDropdownMenuTriggerAttributes {
-    }
-    interface NaveDropdownMenuContentAttributes {
-    }
-    interface NaveDropdownMenuItemAttributes {
-    }
-    interface NaveDropdownMenuLabelAttributes {
-    }
-    interface NaveDropdownMenuSeparatorAttributes {
+        triggerLabel?: string;
+        items?: Array<{
+            label: string;
+            type?: 'item' | 'label' | 'separator';
+            disabled?: boolean;
+            destructive?: boolean;
+        }>;
+        align?: 'start' | 'center' | 'end';
+        sideOffset?: number;
+        open?: boolean;
+        onOpenChange?: (open: boolean) => void;
+        onItemClick?: (item: any) => void;
+        tokens?: any;
+        className?: string;
     }
     interface NaveDrawerAttributes {
-    }
-    interface NaveDrawerTriggerAttributes {
-    }
-    interface NaveDrawerContentAttributes {
-    }
-    interface NaveDrawerHeaderAttributes {
-    }
-    interface NaveDrawerBodyAttributes {
-    }
-    interface NaveDrawerFooterAttributes {
-    }
-    interface NaveDrawerTitleAttributes {
-    }
-    interface NaveDrawerDescriptionAttributes {
-    }
-    interface NaveDrawerCloseAttributes {
-    }
-    interface NaveDrawerCloseButtonAttributes {
+        triggerLabel?: string;
+        triggerVariant?: string;
+        triggerSize?: string;
+        title?: string;
+        description?: string;
+        bodyText?: string;
+        direction?: 'bottom' | 'right' | 'left';
+        closeLabel?: string;
+        open?: boolean;
+        onOpenChange?: (open: boolean) => void;
+        tokens?: any;
+        className?: string;
     }
     interface NaveAlertDialogAttributes {
-    }
-    interface NaveAlertDialogTriggerAttributes {
-    }
-    interface NaveAlertDialogContentAttributes {
-    }
-    interface NaveAlertDialogHeaderAttributes {
-    }
-    interface NaveAlertDialogFooterAttributes {
-    }
-    interface NaveAlertDialogTitleAttributes {
-    }
-    interface NaveAlertDialogDescriptionAttributes {
-    }
-    interface NaveAlertDialogActionAttributes {
-    }
-    interface NaveAlertDialogCancelAttributes {
+        triggerLabel?: string;
+        triggerVariant?: string;
+        triggerSize?: string;
+        title?: string;
+        description?: string;
+        cancelLabel?: string;
+        actionLabel?: string;
+        onAction?: () => void;
+        onCancel?: () => void;
+        alignment?: 'left' | 'center';
+        size?: string;
+        open?: boolean;
+        onOpenChange?: (open: boolean) => void;
+        tokens?: any;
+        className?: string;
     }
     interface NaveBreadcrumbAttributes {
-    }
-    interface NaveBreadcrumbListAttributes {
-    }
-    interface NaveBreadcrumbItemAttributes {
-    }
-    interface NaveBreadcrumbLinkAttributes {
-    }
-    interface NaveBreadcrumbPageAttributes {
-    }
-    interface NaveBreadcrumbSeparatorAttributes {
-    }
-    interface NaveBreadcrumbEllipsisAttributes {
+        items?: Array<{
+            label: string;
+            href?: string;
+        }>;
+        size?: string;
+        tokens?: any;
+        className?: string;
     }
     interface NavePaginationAttributes {
-    }
-    interface NavePaginationContentAttributes {
-    }
-    interface NavePaginationItemAttributes {
-    }
-    interface NavePaginationLinkAttributes {
-    }
-    interface NavePaginationPreviousAttributes {
-    }
-    interface NavePaginationNextAttributes {
-    }
-    interface NavePaginationEllipsisAttributes {
+        currentPage?: number;
+        totalPages?: number;
+        siblingCount?: number;
+        onPageChange?: (page: number) => void;
+        tokens?: any;
+        className?: string;
     }
     interface NaveTableAttributes {
+        columns?: string[];
+        rows?: string[][];
+        caption?: string;
+        footer?: string[][];
+        tokens?: any;
+        className?: string;
     }
-    interface NaveTableHeaderAttributes {
-    }
-    interface NaveTableBodyAttributes {
-    }
-    interface NaveTableFooterAttributes {
-    }
-    interface NaveTableRowAttributes {
-    }
-    interface NaveTableHeadAttributes {
-    }
-    interface NaveTableCellAttributes {
-    }
-    interface NaveTableCaptionAttributes {
-    }
-    interface NaveTableCellDescriptionAttributes {
+    interface NaveCardAttributes {
+        title?: string;
+        variant?: string;
+        width?: string | number;
+        content?: string;
+        tokens?: any;
+        className?: string;
     }
     interface NaveModuleBoxAttributes {
+        title?: string;
+        content?: string;
+        tokens?: any;
+        className?: string;
+        headerClassName?: string;
+        slotClassName?: string;
+        footerClassName?: string;
     }
     interface NaveChartsAttributes {
+        type?: 'bar' | 'line' | 'donut' | 'pie';
+        data?: any[];
+        title?: string;
+        subtitle?: string;
+        showLegend?: boolean;
+        showGrid?: boolean;
+        height?: number;
+        tokens?: any;
+        className?: string;
     }
     interface NaveCalendarAttributes {
+        mode?: 'single' | 'multiple' | 'range';
+        showOutsideDays?: boolean;
+        captionLayout?: string;
+        onSelect?: (date: any) => void;
+        tokens?: any;
+        className?: string;
     }
     interface NaveDragSliderAttributes {
+        items?: Array<{
+            title: string;
+            variant?: string;
+        }>;
+        tokens?: any;
+        className?: string;
     }
     interface NaveIconAttributes {
+        size?: string;
+        color?: string;
+        tokens?: any;
+        className?: string;
     }
     interface HTMLElementTagNameMap {
         'nave-button': HTMLElement & NaveButtonAttributes;
@@ -1015,70 +879,16 @@ declare global {
         '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;
@@ -1094,4 +904,4 @@ declare global {
     }
 }
 
-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 };
+export { AccordionWC, Alert, AlertDialogWC, Avatar, AvatarFallback, AvatarImage, Badge, Banner, BreadcrumbWC, Button, Calendar, CardWC, Charts, Checkbox, ColorExample, Combobox, DatePickerInput, DragSliderWC, DrawerWC, DropdownMenuWC, EmptyState, FileUpload, Header, Icon, Input, IntegrationCard, Label, ListItem, Loader, LoaderInit, ModuleBoxWC, NaveThemeProviderElement, PaginationWC, PasswordInput, PopoverWC, Progress, RadioGroupWC, SearchBar, Select, Separator, Sidebar, Switch, TableWC, TabsWC, Textarea, TooltipWC, Tour, getGlobalTheme, setGlobalTheme };