@dub/ui 0.2.31 → 0.2.32

package/dist/index.d.ts

@@ -9,7 +9,7 @@ import Autoplay from 'embla-carousel-autoplay';
 import useEmblaCarousel, { UseEmblaCarouselType } from 'embla-carousel-react';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import { Icon, GlobePointer, SatelliteDish, Flag6, InputSearch, Page2, Gift, Hyperlink, Raycast, Typescript, Book2Fill, Twitter } from './icons/index.js';
-export { Africa, Airtm, Amazon, AndroidLogo, AppleLogo, ArrowBoldUp, ArrowRight, ArrowTrendUp, ArrowTurnLeft, ArrowTurnRight2, ArrowUpRight, ArrowsOppositeDirectionY, Asia, BadgeCheck, BadgeCheck2Fill, Blog, Bolt, BoltFill, Book2, Book2Fill, Book2Small, BookOpen, Books2, BoxArchive, BulletList, BulletListFill, Calendar6, CalendarDays, CalendarIcon, CalendarRefresh, CardAmex, CardDiscover, CardMastercard, CardVisa, Cards, CaretUpFill, CashApp, ChartActivity2, ChartArea2, ChartLine, ChatGPT, Check, Check2, CheckboxCheckedFill, CheckboxUnchecked, CircleCheck, CircleCheckFill, CircleDollar, CircleDotted, CircleHalfDottedCheck, CircleHalfDottedClock, CircleInfo, CirclePercentage, CirclePlay, CirclePlayFill, CircleQuestion, CircleUser, CircleWarning, CircleXmark, Circles, Circles3, CloudUpload, Code, ColorPalette2, ConnectedDots, ConnectedDots4, ConnectedDotsFill, Connections3, Copy, CreditCard, Crosshairs3, Crown, CrownSmall, Cube, CubeSettings, CubeSettingsFill, CurrencyDollar, CursorRays, DatabaseKey, Desktop, DiamondTurnRight, DiamondTurnRightFill, Directions, Discount, Dots, Download, DubCraftedShield, Duplicate, Earth, EarthPosition, EnvelopeAlert, EnvelopeArrowRight, Europe, ExpandingArrow, Eye, EyeSlash, Facebook, FeatherFill, Figma, FileContent, FileZip2, Filter2, FilterBars, Flag2, Flag6, FlagWavy, Flask, Folder, Folder5, FolderBookmark, FolderLock, FolderPlus, FolderShield, GamingConsole, Gauge6, Gear, Gear2, Gear3, Gem, Gift, GiftFill, GitHubEnhanced, Github, Globe, Globe2, GlobePointer, GlobeSearch, Go, Google, GoogleEnhanced, GreekTemple, GridIcon, GridLayoutRows, GridPlus, Headset, HeadsetFill, HeartFill, HexadecagonStar, History, Hyperlink, Icon, Icosahedron, Incognito, InputPassword, InputPasswordPointer, InputSearch, Instagram, InvoiceDollar, Key, LayoutSidebar, License, LinesY, Link4, LinkBroken, LinkedIn, LoadingCircle, LoadingDots, LoadingSpinner, LocationPin, LockFill, Magic, Magnifier, MapPosition, MarketingTarget, MatrixLines, Menu3, MessageSmile, MicrophoneFill, MobilePhone, MoneyBill, MoneyBill2, MoneyBills2, NorthAmerica, Note, NucleoPhoto, Oceania, OfficeBuilding, PLAN_FEATURE_ICONS, Page2, Paintbrush, Palette2, PaperPlane, Payoneer, Paypal, Pen2, PenWriting, PercentageArrowDown, Photo, Php, Plug2, Plus, Post, Prisma, ProductHunt, Pyramid, Python, QRCode, Raycast, Receipt2, ReferredVia, Refresh2, Robot, Ruby, SatelliteDish, ScanText, Scribble, ShieldAlert, ShieldCheck, ShieldKeyhole, ShieldSlash, Shuffle, Slack, Sliders, SortOrder, SouthAmerica, Sparkle3, Spotify, SquareChart, SquareLayoutGrid5, SquareLayoutGrid6, SquareXmark, Stars2, StripeLink, Success, TV, TableIcon, TableRows2, Tablet, Tag, Tags, Tick, TikTok, Timer2, Tinybird, Toggle2Fill, Trash, Twitter, Typescript, UiCard, Unsplash, User, UserCheck, UserCrown, UserDelete, UserPlus, Users, Users2, Users6, UsersFill, UsersSettings, Venmo, Versions2, Views, Watch, Webhook, Window, WindowSearch, WindowSettings, Xmark, YouTube } from './icons/index.js';
+export { Africa, Airtm, Amazon, AndroidLogo, AppleLogo, ArrowBoldUp, ArrowRight, ArrowTrendUp, ArrowTurnLeft, ArrowTurnRight2, ArrowUpRight, ArrowsOppositeDirectionY, Asia, BadgeCheck, BadgeCheck2Fill, Blog, Bolt, BoltFill, Book2, Book2Fill, Book2Small, BookOpen, Books2, BoxArchive, BulletList, BulletListFill, Calendar6, CalendarDays, CalendarIcon, CalendarRefresh, CardAmex, CardDiscover, CardMastercard, CardVisa, Cards, CaretUpFill, CashApp, ChartActivity2, ChartArea2, ChartLine, ChatGPT, Check, Check2, CheckboxCheckedFill, CheckboxUnchecked, CircleCheck, CircleCheckFill, CircleDollar, CircleDotted, CircleHalfDottedCheck, CircleHalfDottedClock, CircleInfo, CirclePercentage, CirclePlay, CirclePlayFill, CircleQuestion, CircleUser, CircleWarning, CircleXmark, Circles, Circles3, CloudUpload, Code, ColorPalette2, ConnectedDots, ConnectedDots4, ConnectedDotsFill, Connections3, Copy, CreditCard, Crosshairs3, Crown, CrownSmall, Cube, CubeSettings, CubeSettingsFill, CurrencyDollar, CursorRays, DatabaseKey, Desktop, DiamondTurnRight, DiamondTurnRightFill, Directions, Discount, Dots, Download, DubCraftedShield, Duplicate, Earth, EarthPosition, Envelope, EnvelopeAlert, EnvelopeArrowRight, Europe, ExpandingArrow, Eye, EyeSlash, Facebook, FeatherFill, Figma, FileContent, FileZip2, Filter2, FilterBars, Flag2, Flag6, FlagWavy, Flask, FlaskSmall, Folder, Folder5, FolderBookmark, FolderLock, FolderPlus, FolderShield, GamingConsole, Gauge6, Gear, Gear2, Gear3, Gem, Gift, GiftFill, GitHubEnhanced, Github, Globe, Globe2, GlobePointer, GlobeSearch, Go, Google, GoogleEnhanced, GreekTemple, GridIcon, GridLayoutRows, GridPlus, Headset, HeadsetFill, HeartFill, HexadecagonStar, History, Hyperlink, Icon, Icosahedron, Incognito, InputPassword, InputPasswordPointer, InputSearch, Instagram, InvoiceDollar, Key, LayoutSidebar, License, LinesY, Link4, LinkBroken, LinkedIn, LoadingCircle, LoadingDots, LoadingSpinner, LocationPin, LockFill, Magic, Magnifier, MapPosition, MarketingTarget, MatrixLines, Menu3, MessageSmile, MicrophoneFill, MobilePhone, MoneyBill, MoneyBill2, MoneyBills2, Msgs, NorthAmerica, Note, NucleoPhoto, Oceania, OfficeBuilding, PLAN_FEATURE_ICONS, Page2, Paintbrush, Palette2, PaperPlane, Payoneer, Paypal, Pen2, PenWriting, PercentageArrowDown, Photo, Php, Plug2, Plus, Post, Prisma, ProductHunt, Pyramid, Python, QRCode, Raycast, Receipt2, ReferredVia, Refresh2, Robot, Ruby, SatelliteDish, ScanText, Scribble, ShieldAlert, ShieldCheck, ShieldKeyhole, ShieldSlash, ShieldUser, Shuffle, Slack, Sliders, SortOrder, SouthAmerica, Sparkle3, Spotify, SquareChart, SquareLayoutGrid5, SquareLayoutGrid6, SquareXmark, Stars2, StripeLink, Success, TV, TableIcon, TableRows2, Tablet, Tag, Tags, Tick, TikTok, Timer2, Tinybird, Toggle2Fill, Trash, TriangleWarning, Twitter, Typescript, UiCard, Unsplash, User, UserCheck, UserCrown, UserDelete, UserPlus, Users, Users2, Users6, UsersFill, UsersSettings, Venmo, Versions2, Views, Watch, Webhook, Window, WindowSearch, WindowSettings, Xmark, YouTube } from './icons/index.js';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 import { DayPickerSingleProps, DayPickerRangeProps, Matcher } from 'react-day-picker';
 export { Matcher } from 'react-day-picker';
@@ -89,10 +89,11 @@ type CardListProps = PropsWithChildren<{
 }> & VariantProps<typeof cardListVariants>;
 declare function CardList$1({ variant, loading, className, children, }: CardListProps): react_jsx_runtime.JSX.Element;
 
-declare function CardListCard({ outerClassName, innerClassName, children, onClick, hoverStateEnabled, banner, }: PropsWithChildren<{
+declare function CardListCard({ outerClassName, innerClassName, children, onClick, onAuxClick, hoverStateEnabled, banner, }: PropsWithChildren<{
     outerClassName?: string;
     innerClassName?: string;
-    onClick?: () => void;
+    onClick?: (e: React.MouseEvent) => void;
+    onAuxClick?: (e: React.MouseEvent) => void;
     hoverStateEnabled?: boolean;
     banner?: React.ReactNode;
 }>): react_jsx_runtime.JSX.Element;
@@ -290,6 +291,10 @@ declare const DatePickerContext: react.Context<{
     setIsOpen: Dispatch<SetStateAction<boolean>>;
 }>;
 
+declare function DubStatusBadge({ className }: {
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
 type EmptyStateProps = PropsWithChildren<{
     icon: React.ElementType;
     title: string;
@@ -486,6 +491,12 @@ type MenuItemProps<T extends ElementType> = PropsWithChildren<ComponentPropsWith
 };
 declare function MenuItem<T extends ElementType>({ as, variant, children, icon: Icon, shortcut, className, ...rest }: MenuItemProps<T>): react_jsx_runtime.JSX.Element;
 
+declare const defaultPadding: {
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+};
 type MiniAreaChartProps = {
     data: {
         date: Date;
@@ -493,6 +504,7 @@ type MiniAreaChartProps = {
     }[];
     curve?: boolean;
     color?: string;
+    padding?: Partial<typeof defaultPadding>;
 };
 declare function MiniAreaChart(props: MiniAreaChartProps): react_jsx_runtime.JSX.Element;
 
@@ -544,8 +556,9 @@ declare const statusBadgeVariants: (props?: ({
 } & class_variance_authority_dist_types.ClassProp) | undefined) => string;
 interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof statusBadgeVariants> {
     icon?: Icon | null;
+    tooltip?: string | React.ReactNode;
 }
-declare function StatusBadge({ className, variant, icon, onClick, children, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
+declare function StatusBadge({ className, variant, icon, tooltip, onClick, children, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
 
 declare function Switch({ fn, id, trackDimensions, thumbDimensions, thumbTranslate, thumbIcon, checked, loading, disabled, disabledTooltip, }: {
     fn?: Dispatch<SetStateAction<boolean>> | ((checked: boolean) => void);
@@ -662,8 +675,10 @@ declare function SimpleTooltipContent({ title, cta, href, }: {
     cta: string;
     href: string;
 }): react_jsx_runtime.JSX.Element;
-declare function LinkifyTooltipContent({ children }: {
+declare function LinkifyTooltipContent({ children, className, tooltipClassName, }: {
     children: ReactNode;
+    className?: string;
+    tooltipClassName?: string;
 }): react_jsx_runtime.JSX.Element;
 declare function InfoTooltip(props: Omit<TooltipProps, "children">): react_jsx_runtime.JSX.Element;
 declare function NumberTooltip({ value, unit, prefix, children, lastClicked, }: {
@@ -733,11 +748,12 @@ declare function useCookies<T>(key: string, initialValue: T, opts?: Cookies.Cook
 
 declare const useCopyToClipboard: (timeout?: number) => [boolean, (value: string | ClipboardItem, options?: {
     onSuccess?: () => void;
+    throwOnError?: boolean;
 }) => Promise<void>];
 
 declare function useCurrentAnchor(): string | undefined;
 
-declare function useEnterSubmit(formRef: React.RefObject<HTMLFormElement>): {
+declare function useEnterSubmit(formRef?: React.RefObject<HTMLFormElement>): {
     handleKeyDown: (event: KeyboardEvent$1<HTMLTextAreaElement>) => void;
 };
 
@@ -761,6 +777,8 @@ type KeyboardShortcutListener = {
     key: string | string[];
     enabled?: boolean;
     priority?: number;
+    modal?: boolean;
+    sheet?: boolean;
 };
 declare const KeyboardShortcutContext: react.Context<{
     listeners: KeyboardShortcutListener[];
@@ -769,10 +787,7 @@ declare const KeyboardShortcutContext: react.Context<{
 declare function KeyboardShortcutProvider({ children, }: {
     children: React.ReactNode;
 }): react_jsx_runtime.JSX.Element;
-declare function useKeyboardShortcut(key: KeyboardShortcutListener["key"], callback: (e: KeyboardEvent) => void, options?: {
-    modal?: boolean;
-    sheet?: boolean;
-} & Pick<KeyboardShortcutListener, "enabled" | "priority">): void;
+declare function useKeyboardShortcut(key: KeyboardShortcutListener["key"], callback: (e: KeyboardEvent) => void, options?: Pick<KeyboardShortcutListener, "enabled" | "priority" | "modal" | "sheet">): void;
 
 declare function useLocalStorage<T>(key: string, initialValue: T): [T, (value: T) => void];
 
@@ -1333,4 +1348,4 @@ declare function Wordmark({ className }: {
     className?: string;
 }): react_jsx_runtime.JSX.Element;
 
-export { AUTOPLAY_DEFAULT_DELAY, Accordion, AccordionContent, AccordionItem, AccordionTrigger, AdvancedLinkFeaturesTooltip, Alert, AlertDescription, AlertTitle, AnimatedSizeContainer, AuthButton, Avatar, Background, Badge, BadgeTooltip, BlurImage, Button, ButtonProps, ButtonTooltip, COMPARE_PAGES, CUSTOMER_STORIES, Calendar, CardList, Carousel, CarouselApi, CarouselContent, CarouselItem, CarouselNavBar, CarouselNext, CarouselPrevious, CarouselThumbnail, CarouselThumbnails, Checkbox, ClientOnly, Combobox, ComboboxOption, ComboboxProps, CompositeLogo, CopyButton, CopyText, DatePickerContext, DateRangePicker, DynamicTooltipWrapper, EmptyState, EmptyStateProps, FEATURES_LIST, FileUpload, FileUploadProps, Filter, Footer, Form, Grid, IconMenu, InfoTooltip, InlineSnippet, Input, InputProps, InputSelect, InputSelectItemProps, KeyboardShortcutContext, KeyboardShortcutProvider, LEGAL_PAGES, Label, LinkLogo, LinkPreview, LinkPreviewPlaceholder, LinkifyTooltipContent, Logo, MaxWidthWrapper, MenuItem, MiniAreaChart, MiniAreaChartProps, Modal, Nav, NavContext, NavItemChild, NavItemChildren, NavMobile, NavTheme, NavWordmark, NumberTooltip, PaginationControls, PaginationState, Popover, PopoverProps, Popup, PopupContext, ProgressBar, RESOURCES, RadioGroup, RadioGroupItem, SDKS, SOCIAL_LINKS, SOLUTIONS, Sheet, ShimmerDots, SimpleTooltipContent, StatusBadge, Switch, TabSelect, Table, ToggleGroup, TokenAvatar, Tooltip, TooltipContent, TooltipProps, TooltipProvider, UTMBuilder, UTM_PARAMETERS, Wordmark, badgeVariants, buttonVariants, getUserAvatarUrl, navItems, statusBadgeVariants, useCarousel, useCarouselActiveIndex, useCookies, useCopyToClipboard, useCurrentAnchor, useEnterSubmit, useInViewport, useInputFocused, useIntersectionObserver, useKeyboardShortcut, useLocalStorage, useMediaQuery, useOptimisticUpdate, usePagination, useRemoveGAParams, useResizeObserver, useRouterStuff, useScroll, useScrollProgress, useTable, useTablePagination, useToastWithUndo };
+export { AUTOPLAY_DEFAULT_DELAY, Accordion, AccordionContent, AccordionItem, AccordionTrigger, AdvancedLinkFeaturesTooltip, Alert, AlertDescription, AlertTitle, AnimatedSizeContainer, AuthButton, Avatar, Background, Badge, BadgeTooltip, BlurImage, Button, ButtonProps, ButtonTooltip, COMPARE_PAGES, CUSTOMER_STORIES, Calendar, CardList, Carousel, CarouselApi, CarouselContent, CarouselItem, CarouselNavBar, CarouselNext, CarouselPrevious, CarouselThumbnail, CarouselThumbnails, Checkbox, ClientOnly, Combobox, ComboboxOption, ComboboxProps, CompositeLogo, CopyButton, CopyText, DatePickerContext, DateRangePicker, DubStatusBadge, DynamicTooltipWrapper, EmptyState, EmptyStateProps, FEATURES_LIST, FileUpload, FileUploadProps, Filter, Footer, Form, Grid, IconMenu, InfoTooltip, InlineSnippet, Input, InputProps, InputSelect, InputSelectItemProps, KeyboardShortcutContext, KeyboardShortcutProvider, LEGAL_PAGES, Label, LinkLogo, LinkPreview, LinkPreviewPlaceholder, LinkifyTooltipContent, Logo, MaxWidthWrapper, MenuItem, MiniAreaChart, MiniAreaChartProps, Modal, Nav, NavContext, NavItemChild, NavItemChildren, NavMobile, NavTheme, NavWordmark, NumberTooltip, PaginationControls, PaginationState, Popover, PopoverProps, Popup, PopupContext, ProgressBar, RESOURCES, RadioGroup, RadioGroupItem, SDKS, SOCIAL_LINKS, SOLUTIONS, Sheet, ShimmerDots, SimpleTooltipContent, StatusBadge, Switch, TabSelect, Table, ToggleGroup, TokenAvatar, Tooltip, TooltipContent, TooltipProps, TooltipProvider, UTMBuilder, UTM_PARAMETERS, Wordmark, badgeVariants, buttonVariants, getUserAvatarUrl, navItems, statusBadgeVariants, useCarousel, useCarouselActiveIndex, useCookies, useCopyToClipboard, useCurrentAnchor, useEnterSubmit, useInViewport, useInputFocused, useIntersectionObserver, useKeyboardShortcut, useLocalStorage, useMediaQuery, useOptimisticUpdate, usePagination, useRemoveGAParams, useResizeObserver, useRouterStuff, useScroll, useScrollProgress, useTable, useTablePagination, useToastWithUndo };