nave-ui-library 1.0.0-beta.66 → 1.0.0-beta.68

package/dist/react/index.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React$1 from 'react';
-import { ReactNode, HTMLAttributes, ComponentProps, CSSProperties } from 'react';
+import { ReactNode, ComponentProps, HTMLAttributes, CSSProperties } from 'react';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
@@ -91,11 +91,12 @@ type ResolveTokensParams = {
     componentName: string;
     variant?: string;
     size?: string;
+    shape?: string;
     tone?: string;
     tokens?: Partial<ThemeTokensBase>;
 };
 
-declare function resolveTokens<T extends ResolvedTokenMap = ResolvedTokenMap>({ componentName, variant, size, tone, tokens }: ResolveTokensParams, theme: ThemeTokensBase): T;
+declare function resolveTokens<T extends ResolvedTokenMap = ResolvedTokenMap>({ componentName, variant, size, tone, shape, tokens, }: ResolveTokensParams, theme: ThemeTokensBase): T;
 
 /**
  * Typed token contracts for every component.
@@ -1229,14 +1230,68 @@ declare function Alert({ className, style, size, tone, icon, title, description,
 type BadgeTone = 'neutral' | 'brand' | 'success' | 'info' | 'warning' | 'error';
 type BadgeSize = 'small' | 'medium' | 'large';
 type BadgeShape = 'rounded' | 'square';
-declare function Badge({ className, tone, size, shape, asChild, tokens, style, ...props }: React$1.ComponentProps<'span'> & {
-    children: React$1.ReactNode;
+type BadgeProps = ComponentProps<'span'> & {
+    children: React.ReactNode;
     tone?: BadgeTone;
+    icon?: string;
     size?: BadgeSize;
     shape?: BadgeShape;
     asChild?: boolean;
     tokens?: Partial<ThemeTokensBase>;
-}): react_jsx_runtime.JSX.Element;
+};
+
+declare const BADGE_TOKEN_MAP: {
+    fontWeight: {
+        tokenPath: string;
+        fallback: number;
+    };
+    fontFamily: {
+        tokenPath: string;
+        fallback: string;
+    };
+    lineHeight: {
+        tokenPath: string;
+        fallback: string;
+    };
+    letterSpacing: {
+        tokenPath: string;
+        fallback: string;
+    };
+    fontSize: {
+        tokenPath: string;
+        fallback: string;
+    };
+    minHeight: {
+        tokenPath: string;
+        fallback: string;
+    };
+    padding: {
+        tokenPath: string;
+        fallback: string;
+    };
+    background: {
+        tokenPath: string;
+        fallback: string;
+    };
+    color: {
+        tokenPath: string;
+        fallback: string;
+    };
+    borderColor: {
+        tokenPath: string;
+        fallback: string;
+    };
+    borderRadius: {
+        tokenPath: string;
+        fallback: string;
+    };
+    '--badge-icon-gap': {
+        tokenPath: string;
+        fallback: string;
+    };
+};
+
+declare function Badge({ className, tone, size, shape, asChild, children, icon, tokens, style, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
 
 type EmptyStateProps = {
     tokens?: Partial<ThemeTokensBase>;
@@ -1432,8 +1487,9 @@ declare const AccordionContent: ({ className, children, ...props }: ComponentPro
 
 declare const AccordionItem: ({ className, ...props }: ComponentProps<typeof AccordionPrimitive.Item>) => react_jsx_runtime.JSX.Element;
 
-declare const AccordionTrigger: ({ className, children, ...props }: ComponentProps<typeof AccordionPrimitive.Trigger> & {
+declare const AccordionTrigger: ({ className, children, label, ...props }: ComponentProps<typeof AccordionPrimitive.Trigger> & {
     size?: "sm" | "md";
+    label?: string;
 }) => react_jsx_runtime.JSX.Element;
 
 declare const Accordion: typeof Accordion$1 & {
@@ -1829,68 +1885,19 @@ type SidebarProps = {
 };
 declare function Sidebar({ title, sections, items, collapsed, onToggleCollapse, onItemClick, className, tokens, }: SidebarProps): react_jsx_runtime.JSX.Element;
 
-declare function Tabs({ className, size, tokens, ...props }: React$1.ComponentProps<typeof TabsPrimitive.Root> & {
+type TabsSize = 'medium' | 'small';
+type TabsProps = {
     size: TabsSize;
     tokens?: Partial<ThemeTokensBase>;
-}): react_jsx_runtime.JSX.Element;
-type TabsSize = 'medium' | 'small';
-declare function TabsList({ className, ...props }: React$1.ComponentProps<typeof TabsPrimitive.List> & {
+} & ComponentProps<typeof TabsPrimitive.Root>;
+type TabsContentProps = ComponentProps<typeof TabsPrimitive.Content>;
+type TabsListProps = {
     size?: TabsSize;
-}): react_jsx_runtime.JSX.Element;
-declare function TabsTrigger({ className, ...props }: React$1.ComponentProps<typeof TabsPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
-declare function TabsContent({ className, ...props }: React$1.ComponentProps<typeof TabsPrimitive.Content>): react_jsx_runtime.JSX.Element;
+} & ComponentProps<typeof TabsPrimitive.List>;
+type TabsTriggerProps = ComponentProps<typeof TabsPrimitive.Trigger>;
 
-type TourProps = React$1.HTMLAttributes<HTMLDivElement> & {
-    currentStep: number;
-    totalSteps: number;
-    title: React$1.ReactNode;
-    description: React$1.ReactNode;
-    onBack: () => void;
-    onNext: () => void;
-    backLabel?: React$1.ReactNode;
-    nextLabel?: React$1.ReactNode;
-    disableBack?: boolean;
-    disableNext?: boolean;
-    showPointer?: boolean;
-    tokens?: Partial<ThemeTokensBase>;
-};
-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 IconSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-type IconVariant = 'default' | 'primary' | 'muted' | 'danger' | 'success';
-type IconProps = React$1.HTMLAttributes<HTMLSpanElement> & {
-    children?: React$1.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 IconLabelProps = {
-    icon: React$1.ReactNode;
-    label: React$1.ReactNode;
-    iconPosition?: 'left' | 'right';
-    className?: string;
-};
-declare function IconLabel({ icon, label, iconPosition, className, }: IconLabelProps): react_jsx_runtime.JSX.Element;
-
-declare function LoaderInit({ size, className, }: {
-    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-    color?: string;
-    className?: string;
-}): react_jsx_runtime.JSX.Element;
-
-type SeparatorProps = React$1.ComponentProps<typeof SeparatorPrimitive.Root> & {
-    tokens?: Partial<ThemeTokensBase>;
-};
-declare function Separator({ className, orientation, decorative, tokens, ...props }: SeparatorProps): react_jsx_runtime.JSX.Element;
-
-declare function ThemeProvider({ channelId, theme, children, }: {
-    channelId?: string;
-    theme?: any;
-    children: React.ReactNode;
-}): react_jsx_runtime.JSX.Element;
+declare const TABS_STYLE = "tabs-ui";
+declare const Tabs: ({ className, size, tokens, style, ...props }: TabsProps) => react_jsx_runtime.JSX.Element;
 
 declare function cn(...inputs: ClassValue[]): string;
 
@@ -2016,4 +2023,64 @@ declare function useTokenStyles<T extends ResolvedTokenMap = ResolvedTokenMap>(c
     tokens: T;
 };
 
-export { AIProvider, type AIProviderProps, type AIRequest, type AIRequestFn, type AIResponse, type AITask, Accordion, type AccordionTokens, Alert, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, type AlertProps, type AlertTokens, Avatar, AvatarFallback, AvatarImage, type AvatarSize, type AvatarTokens, Badge, type BadgeShape, type BadgeSize, type BadgeTokens, type BadgeTone, Banner, type BannerProps, type BannerTokens, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, type BreadcrumbSize, type BreadcrumbTokens, Button, type ButtonProps, type ButtonTokens, COMPONENT_NAMES, type CSSPropertiesWithVars, Calendar, type CalendarTokens, Card, type CardTokens, Carousel, type ChartDatum, type ChartType, Charts, type ChartsProps, type ChartsTokens, Checkbox, type CheckboxTokens, type ColorBundle, type ColorBundleWithShadow, ColorExample, Combobox, DatePickerInput, type DragSliderTokens, Drawer, DrawerBody, DrawerClose, DrawerCloseButton, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, type DrawerSlotTokens, DrawerTitle, type DrawerTokens, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, type DropdownTokens, EmptyState, type EmptyStateProps, type EmptyStateTokens, ExpansionPanel, type ExpansionPanelProps, type ExpansionPanelSize, type ExpansionPanelStatus, Feedback, type FeedbackProps, type FeedbackSize, FileUpload, type FileUploadProps, type FileUploadState, type FileUploadTokens, type FontSizeTokens, Header, type HeaderProps, type HeaderSize, type HeaderTokens, INPUT_TOKEN_MAP, Icon, IconLabel, type IconLabelProps, type IconProps, type IconSize, type IconTokens, type IconVariant, Input, type InputSizeDimensions, type InputTokens, IntegrationCard, type IntegrationCardProps, type IntegrationCardTokens, Label, type LabelTokens, type LabeledFontTokens, ListItem, Loader, LoaderInit, type LoaderProps, type LoaderSize, type LoaderTokens, type LoaderVariant, type Merchant, type ModalDialogTokens, ModuleBox, type ModuleBoxTokens, Navbar, NavbarLogo, NavbarMerchant, type NavbarTokens, type NavbarUser, NavbarUserMenu, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, type PaginationTokens, PasswordInput, Popover, PopoverAnchor, PopoverContent, type PopoverTokens, PopoverTrigger, Progress, type ProgressTokens, type PromoBannerTokens, RadioGroup, RadioItem, type RadioTokens, type ResolvedTokenMap, SearchBar, Select, type SelectTokens, Separator, type SeparatorTokens, Sidebar, type SidebarItem, type SidebarProps, type SidebarSection, type SidebarTokens, Switch, type SwitchTokens, Table, TableBody, TableCaption, TableCell, TableCellDescription, TableFooter, TableHead, TableHeader, TableRow, type TableTokens, Tabs, TabsContent, TabsList, type TabsSize, type TabsTokens, TabsTrigger, Textarea, ThemeProvider, type ThemeTokensBase, Tile, type TileProps, type TileSize, type TokenStyleMap, Tooltip, TooltipContent, TooltipProvider, type TooltipTokens, TooltipTrigger, Tour, type TourProps, type TourTokens, type TypographyTokens, bannerVariants, buttonBaseClasses, cn, inputSizeExtras, mapTokenStyles, resolveTokens, tokenAt, useAI, useTheme, useTokenStyles };
+declare const TABS_TOKEN_MAP: TokenStyleMap;
+
+declare const TabsContent: ({ className, ...props }: TabsContentProps) => react_jsx_runtime.JSX.Element;
+
+declare const TabsList: ({ className, ...props }: TabsListProps) => react_jsx_runtime.JSX.Element;
+
+declare const TabsTrigger: ({ className, ...props }: TabsTriggerProps) => react_jsx_runtime.JSX.Element;
+
+type TourProps = React$1.HTMLAttributes<HTMLDivElement> & {
+    currentStep: number;
+    totalSteps: number;
+    title: React$1.ReactNode;
+    description: React$1.ReactNode;
+    onBack: () => void;
+    onNext: () => void;
+    backLabel?: React$1.ReactNode;
+    nextLabel?: React$1.ReactNode;
+    disableBack?: boolean;
+    disableNext?: boolean;
+    showPointer?: boolean;
+    tokens?: Partial<ThemeTokensBase>;
+};
+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 IconSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+type IconVariant = 'default' | 'primary' | 'muted' | 'danger' | 'success';
+type IconProps = React$1.HTMLAttributes<HTMLSpanElement> & {
+    children?: React$1.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 IconLabelProps = {
+    icon: React$1.ReactNode;
+    label: React$1.ReactNode;
+    iconPosition?: 'left' | 'right';
+    className?: string;
+};
+declare function IconLabel({ icon, label, iconPosition, className, }: IconLabelProps): react_jsx_runtime.JSX.Element;
+
+declare function LoaderInit({ size, className, }: {
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    color?: string;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
+type SeparatorProps = React$1.ComponentProps<typeof SeparatorPrimitive.Root> & {
+    tokens?: Partial<ThemeTokensBase>;
+};
+declare function Separator({ className, orientation, decorative, tokens, ...props }: SeparatorProps): react_jsx_runtime.JSX.Element;
+
+declare function ThemeProvider({ channelId, theme, children, }: {
+    channelId?: string;
+    theme?: any;
+    children: React.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+
+export { AIProvider, type AIProviderProps, type AIRequest, type AIRequestFn, type AIResponse, type AITask, Accordion, type AccordionTokens, Alert, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, type AlertProps, type AlertTokens, Avatar, AvatarFallback, AvatarImage, type AvatarSize, type AvatarTokens, BADGE_TOKEN_MAP, Badge, type BadgeProps, type BadgeShape, type BadgeSize, type BadgeTokens, type BadgeTone, Banner, type BannerProps, type BannerTokens, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, type BreadcrumbSize, type BreadcrumbTokens, Button, type ButtonProps, type ButtonTokens, COMPONENT_NAMES, type CSSPropertiesWithVars, Calendar, type CalendarTokens, Card, type CardTokens, Carousel, type ChartDatum, type ChartType, Charts, type ChartsProps, type ChartsTokens, Checkbox, type CheckboxTokens, type ColorBundle, type ColorBundleWithShadow, ColorExample, Combobox, DatePickerInput, type DragSliderTokens, Drawer, DrawerBody, DrawerClose, DrawerCloseButton, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, type DrawerSlotTokens, DrawerTitle, type DrawerTokens, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, type DropdownTokens, EmptyState, type EmptyStateProps, type EmptyStateTokens, ExpansionPanel, type ExpansionPanelProps, type ExpansionPanelSize, type ExpansionPanelStatus, Feedback, type FeedbackProps, type FeedbackSize, FileUpload, type FileUploadProps, type FileUploadState, type FileUploadTokens, type FontSizeTokens, Header, type HeaderProps, type HeaderSize, type HeaderTokens, INPUT_TOKEN_MAP, Icon, IconLabel, type IconLabelProps, type IconProps, type IconSize, type IconTokens, type IconVariant, Input, type InputSizeDimensions, type InputTokens, IntegrationCard, type IntegrationCardProps, type IntegrationCardTokens, Label, type LabelTokens, type LabeledFontTokens, ListItem, Loader, LoaderInit, type LoaderProps, type LoaderSize, type LoaderTokens, type LoaderVariant, type Merchant, type ModalDialogTokens, ModuleBox, type ModuleBoxTokens, Navbar, NavbarLogo, NavbarMerchant, type NavbarTokens, type NavbarUser, NavbarUserMenu, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, type PaginationTokens, PasswordInput, Popover, PopoverAnchor, PopoverContent, type PopoverTokens, PopoverTrigger, Progress, type ProgressTokens, type PromoBannerTokens, RadioGroup, RadioItem, type RadioTokens, type ResolvedTokenMap, SearchBar, Select, type SelectTokens, Separator, type SeparatorTokens, Sidebar, type SidebarItem, type SidebarProps, type SidebarSection, type SidebarTokens, Switch, type SwitchTokens, TABS_STYLE, TABS_TOKEN_MAP, Table, TableBody, TableCaption, TableCell, TableCellDescription, TableFooter, TableHead, TableHeader, TableRow, type TableTokens, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, type TabsSize, type TabsTokens, TabsTrigger, type TabsTriggerProps, Textarea, ThemeProvider, type ThemeTokensBase, Tile, type TileProps, type TileSize, type TokenStyleMap, Tooltip, TooltipContent, TooltipProvider, type TooltipTokens, TooltipTrigger, Tour, type TourProps, type TourTokens, type TypographyTokens, bannerVariants, buttonBaseClasses, cn, inputSizeExtras, mapTokenStyles, resolveTokens, tokenAt, useAI, useTheme, useTokenStyles };