nave-ui-library 1.0.0-beta.69 → 1.0.0-beta.70

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, ComponentProps, HTMLAttributes, CSSProperties } from 'react';
+import { ReactNode, CSSProperties, ComponentProps, HTMLAttributes } 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';
@@ -1195,14 +1195,153 @@ declare function PopoverContent({ className, align, sideOffset, tokens, style, .
 }): react_jsx_runtime.JSX.Element;
 declare function PopoverAnchor({ ...props }: React$1.ComponentProps<typeof PopoverPrimitive.Anchor>): react_jsx_runtime.JSX.Element;
 
-declare function TooltipProvider({ delayDuration, ...props }: React$1.ComponentProps<typeof TooltipPrimitive.Provider>): react_jsx_runtime.JSX.Element;
-declare function Tooltip({ tokens, ...props }: React$1.ComponentProps<typeof TooltipPrimitive.Root> & {
+declare function cn(...inputs: ClassValue[]): string;
+
+declare enum COMPONENT_NAMES {
+    ACCORDION = "accordion",
+    BADGE = "badge",
+    FEEDBACK = "feedback",
+    EXPANSION_PANEL = "expansionPanel",
+    TILE = "tile",
+    BUTTON = "button",
+    CHECKBOX = "checkbox",
+    DRAWER = "drawer",
+    EMPTY_STATE = "emptyState",
+    INPUT = "input",
+    LABEL = "label",
+    MODAL_DIALOG = "alertDialog",
+    NAVBAR = "navbar",
+    POPOVER = "popover",
+    RADIO = "radio",
+    SEPARATOR = "separator",
+    SIDEBAR = "sidebar",
+    SWITCH = "switch",
+    TABS = "tabs",
+    TOUR = "tour",
+    TABLE = "table",
+    AVATAR = "avatar",
+    CARD = "card",
+    BANNER = "banner",
+    PROMO_BANNER = "promoBanner",
+    PROGRESS = "progress",
+    LOADER = "loader",
+    FILE_UPLOAD = "fileUpload",
+    DROPDOWN = "dropdown",
+    TOOLTIP = "tooltip",
+    CAROUSEL = "carousel",
+    MODULE_BOX = "moduleBox",
+    CHARTS = "charts",
+    PAGINATION = "pagination",
+    HEADER = "header",
+    BREADCRUMB = "breadcrumb",
+    ICON = "icon",
+    SELECT = "select",
+    ALERT = "alert",
+    CALENDAR = "calendar",
+    LIST_ITEM = "listItem"
+}
+
+/**
+ * `CSSProperties` extended with arbitrary CSS custom properties (`--*`).
+ * Use this instead of `as React.CSSProperties` when passing objects that
+ * include `--my-var` keys.
+ */
+type CSSPropertiesWithVars = CSSProperties & Record<`--${string}`, string | number>;
+/**
+ * A single CSS variable mapping entry.
+ *
+ * - `tokenPath` — dot-separated path into the resolved tokens object
+ *   (e.g. `'hover.background'`, `'title.fontSize'`)
+ * - `fallback`  — hardcoded default used when the token is not found
+ */
+type TokenVarEntry = {
+    tokenPath: string;
+    fallback?: string | number;
+};
+/**
+ * Declarative mapping from CSS custom-property names to token paths.
+ *
+ * Example:
+ * ```ts
+ * const map = {
+ *   '--card-bg':     { tokenPath: 'backgroundColor', fallback: '#ffffff' },
+ *   '--card-radius': { tokenPath: 'borderRadius',    fallback: '16px' },
+ * };
+ * ```
+ */
+type TokenStyleMap = Record<string, TokenVarEntry>;
+/**
+ * Map an **already-resolved** token object to CSS custom properties.
+ *
+ * ### Usage
+ * ```tsx
+ * const theme = useTheme();
+ * const mergedTokens = resolveTokens<CardTokens>({ componentName: 'card', variant, tokens }, theme);
+ * const styles = mapTokenStyles(mergedTokens, CARD_TOKEN_MAP);
+ * ```
+ *
+ * @param resolvedTokens — the raw result of `resolveTokens(…)`
+ * @param map            — declarative CSS-var → token-path mapping
+ * @param extra          — optional extra styles (supports CSS custom properties)
+ */
+declare function mapTokenStyles(resolvedTokens: Record<string, unknown>, map: TokenStyleMap, extra?: CSSPropertiesWithVars | CSSProperties): CSSPropertiesWithVars;
+
+/**
+ * Shared token map for all input-family components
+ * (Input, SearchBar, Select, Textarea, PasswordInput, DatePicker, Combobox).
+ *
+ * Eliminates ~40 lines of boilerplate per component.
+ */
+declare const INPUT_TOKEN_MAP: TokenStyleMap;
+/**
+ * Build extra size-specific styles from the resolved size tokens.
+ * Used with `mapTokenStyles(..., extra)`.
+ */
+declare function inputSizeExtras(sizeTokens: Record<string, any>): Record<string, unknown>;
+
+/**
+ * Hook para resolver tokens y mapear estilos en un solo paso.
+ * Elimina el boilerplate repetido de useTheme + resolveTokens + mapTokenStyles.
+ *
+ * @param componentName Nombre del componente (ej: 'button')
+ * @param tokenMap Mapeo declarativo de CSS vars
+ * @param options Opciones: variant, size, tone, tokens, extra
+ */
+declare function useTokenStyles<T extends ResolvedTokenMap = ResolvedTokenMap>(componentName: string, tokenMap: TokenStyleMap, options?: {
+    variant?: string;
+    size?: string;
+    tone?: string;
     tokens?: Partial<ThemeTokensBase>;
-}): react_jsx_runtime.JSX.Element;
-declare function TooltipTrigger({ ...props }: React$1.ComponentProps<typeof TooltipPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
-declare function TooltipContent({ className, sideOffset, tokens, children, ...props }: React$1.ComponentProps<typeof TooltipPrimitive.Content> & {
+    shape?: string;
+    extra?: CSSPropertiesWithVars | React.CSSProperties;
+}): {
+    styles: CSSPropertiesWithVars;
+    tokens: T;
+};
+
+declare const TOOLTIP_TOKEN_MAP: TokenStyleMap;
+
+type TooltipProps = {
     tokens?: Partial<ThemeTokensBase>;
-}): react_jsx_runtime.JSX.Element;
+} & ComponentProps<typeof TooltipPrimitive.Root>;
+type TooltipContentProps = {
+    sideOffset?: number;
+    tokens?: Partial<ThemeTokensBase>;
+} & ComponentProps<typeof TooltipPrimitive.Content>;
+type TooltipProviderProps = React.ComponentProps<typeof TooltipPrimitive.Provider>;
+type TooltipTriggerProps = React.ComponentProps<typeof TooltipPrimitive.Trigger>;
+
+declare const TooltipStateContext: React$1.Context<{
+    open: boolean;
+    setOpen: (open: boolean) => void;
+} | null>;
+declare const Tooltip: ({ tokens, ...props }: TooltipProps) => react_jsx_runtime.JSX.Element;
+
+declare const TooltipContent: ({ className, sideOffset, tokens, children, ...props }: TooltipContentProps) => react_jsx_runtime.JSX.Element;
+
+declare const TooltipProvider: ({ delayDuration, ...props }: TooltipProviderProps) => react_jsx_runtime.JSX.Element;
+
+declare const TooltipTrigger: ({ onTouchStart, onPointerEnter, onPointerLeave, onPointerDown, ...props }: TooltipTriggerProps) => react_jsx_runtime.JSX.Element;
 
 declare const alertVariants: (props?: ({
     size?: "inline" | "full-width" | "stacked" | null | undefined;
@@ -1900,130 +2039,6 @@ type TabsTriggerProps = ComponentProps<typeof TabsPrimitive.Trigger>;
 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;
-
-declare enum COMPONENT_NAMES {
-    ACCORDION = "accordion",
-    BADGE = "badge",
-    FEEDBACK = "feedback",
-    EXPANSION_PANEL = "expansionPanel",
-    TILE = "tile",
-    BUTTON = "button",
-    CHECKBOX = "checkbox",
-    DRAWER = "drawer",
-    EMPTY_STATE = "emptyState",
-    INPUT = "input",
-    LABEL = "label",
-    MODAL_DIALOG = "alertDialog",
-    NAVBAR = "navbar",
-    POPOVER = "popover",
-    RADIO = "radio",
-    SEPARATOR = "separator",
-    SIDEBAR = "sidebar",
-    SWITCH = "switch",
-    TABS = "tabs",
-    TOUR = "tour",
-    TABLE = "table",
-    AVATAR = "avatar",
-    CARD = "card",
-    BANNER = "banner",
-    PROMO_BANNER = "promoBanner",
-    PROGRESS = "progress",
-    LOADER = "loader",
-    FILE_UPLOAD = "fileUpload",
-    DROPDOWN = "dropdown",
-    TOOLTIP = "tooltip",
-    CAROUSEL = "carousel",
-    MODULE_BOX = "moduleBox",
-    CHARTS = "charts",
-    PAGINATION = "pagination",
-    HEADER = "header",
-    BREADCRUMB = "breadcrumb",
-    ICON = "icon",
-    SELECT = "select",
-    ALERT = "alert",
-    CALENDAR = "calendar",
-    LIST_ITEM = "listItem"
-}
-
-/**
- * `CSSProperties` extended with arbitrary CSS custom properties (`--*`).
- * Use this instead of `as React.CSSProperties` when passing objects that
- * include `--my-var` keys.
- */
-type CSSPropertiesWithVars = CSSProperties & Record<`--${string}`, string | number>;
-/**
- * A single CSS variable mapping entry.
- *
- * - `tokenPath` — dot-separated path into the resolved tokens object
- *   (e.g. `'hover.background'`, `'title.fontSize'`)
- * - `fallback`  — hardcoded default used when the token is not found
- */
-type TokenVarEntry = {
-    tokenPath: string;
-    fallback?: string | number;
-};
-/**
- * Declarative mapping from CSS custom-property names to token paths.
- *
- * Example:
- * ```ts
- * const map = {
- *   '--card-bg':     { tokenPath: 'backgroundColor', fallback: '#ffffff' },
- *   '--card-radius': { tokenPath: 'borderRadius',    fallback: '16px' },
- * };
- * ```
- */
-type TokenStyleMap = Record<string, TokenVarEntry>;
-/**
- * Map an **already-resolved** token object to CSS custom properties.
- *
- * ### Usage
- * ```tsx
- * const theme = useTheme();
- * const mergedTokens = resolveTokens<CardTokens>({ componentName: 'card', variant, tokens }, theme);
- * const styles = mapTokenStyles(mergedTokens, CARD_TOKEN_MAP);
- * ```
- *
- * @param resolvedTokens — the raw result of `resolveTokens(…)`
- * @param map            — declarative CSS-var → token-path mapping
- * @param extra          — optional extra styles (supports CSS custom properties)
- */
-declare function mapTokenStyles(resolvedTokens: Record<string, unknown>, map: TokenStyleMap, extra?: CSSPropertiesWithVars | CSSProperties): CSSPropertiesWithVars;
-
-/**
- * Shared token map for all input-family components
- * (Input, SearchBar, Select, Textarea, PasswordInput, DatePicker, Combobox).
- *
- * Eliminates ~40 lines of boilerplate per component.
- */
-declare const INPUT_TOKEN_MAP: TokenStyleMap;
-/**
- * Build extra size-specific styles from the resolved size tokens.
- * Used with `mapTokenStyles(..., extra)`.
- */
-declare function inputSizeExtras(sizeTokens: Record<string, any>): Record<string, unknown>;
-
-/**
- * Hook para resolver tokens y mapear estilos en un solo paso.
- * Elimina el boilerplate repetido de useTheme + resolveTokens + mapTokenStyles.
- *
- * @param componentName Nombre del componente (ej: 'button')
- * @param tokenMap Mapeo declarativo de CSS vars
- * @param options Opciones: variant, size, tone, tokens, extra
- */
-declare function useTokenStyles<T extends ResolvedTokenMap = ResolvedTokenMap>(componentName: string, tokenMap: TokenStyleMap, options?: {
-    variant?: string;
-    size?: string;
-    tone?: string;
-    tokens?: Partial<ThemeTokensBase>;
-    shape?: string;
-    extra?: CSSPropertiesWithVars | React.CSSProperties;
-}): {
-    styles: CSSPropertiesWithVars;
-    tokens: T;
-};
-
 declare const TABS_TOKEN_MAP: TokenStyleMap;
 
 declare const TabsContent: ({ className, ...props }: TabsContentProps) => react_jsx_runtime.JSX.Element;
@@ -2084,4 +2099,4 @@ declare function ThemeProvider({ channelId, theme, children, }: {
     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 };
+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, TOOLTIP_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, TooltipStateContext, type TooltipTokens, TooltipTrigger, Tour, type TourProps, type TourTokens, type TypographyTokens, bannerVariants, buttonBaseClasses, cn, inputSizeExtras, mapTokenStyles, resolveTokens, tokenAt, useAI, useTheme, useTokenStyles };