@dub/ui 0.2.56 → 0.2.58

package/dist/index.d.ts

@@ -7,8 +7,8 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 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, DubLinksIcon, Raycast, Typescript, LifeRing, Twitter } from './icons/index.js';
-export { Africa, Airtm, Amazon, AndroidLogo, AppleLogo, ArrowBoldUp, ArrowRight, ArrowTrendUp, ArrowTurnLeft, ArrowTurnRight2, ArrowUpRight, ArrowsOppositeDirectionX, ArrowsOppositeDirectionY, Asia, BadgeCheck, BadgeCheck2Fill, Blog, Bolt, BoltFill, Book2, Book2Fill, Book2Small, BookOpen, Books2, BoxArchive, BracketsCurly, BriefcaseFill, Brush, BulletList, BulletListFill, Calculator, Calendar6, CalendarDays, CalendarIcon, CalendarRefresh, CardAmex, CardDiscover, CardMastercard, CardVisa, Cards, CaretUpFill, CashApp, ChartActivity2, ChartArea2, ChartLine, ChatGPT, Check, Check2, CheckboxCheckedFill, CheckboxUnchecked, ChevronLeft, ChevronRight, 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, DubAnalyticsIcon, DubApiIcon, DubCraftedShield, DubLinksIcon, DubPartnersIcon, Duplicate, Earth, EarthPosition, Envelope, EnvelopeAlert, EnvelopeArrowRight, EnvelopeFill, 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, GripDotsVertical, Headset, HeartFill, HexadecagonStar, History, Hyperlink, Icon, Icosahedron, Incognito, InfinityIcon, InputField, InputPassword, InputPasswordPointer, InputSearch, Instagram, InvoiceDollar, Key, LayoutSidebar, License, LifeRing, LinesY, Link4, LinkBroken, LinkedIn, LoadingCircle, LoadingDots, LoadingSpinner, LocationPin, Lock, LockFill, Magic, Magnifier, MapPosition, MarkdownIcon, MarketingTarget, MatrixLines, Menu3, MessageSmile, MicrophoneFill, Minus, 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, Plus2, 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, SquareUserSparkle2, SquareXmark, Stars2, Stripe, StripeLink, Success, TV, TableIcon, TableRows2, Tablet, Tag, Tags, Tick, TikTok, Timer2, Tinybird, Toggle2Fill, Toggles, Trash, TriangleWarning, Twitter, Typescript, UiCard, Unsplash, User, UserCheck, UserCrown, UserDelete, UserFocus, UserPlus, UserXmark, Users, Users2, Users6, UsersFill, UsersSettings, Venmo, Versions2, Views, Watch, Webhook, Window, WindowSearch, WindowSettings, Xmark, YouTube } from './icons/index.js';
+import { Icon, GlobePointer, SatelliteDish, Flag6, InputSearch, Page2, Gift, DubLinksIcon, Toggle2Fill, Raycast, Typescript, LifeRing, Twitter } from './icons/index.js';
+export { Africa, Airtm, Amazon, AndroidLogo, AppleLogo, ArrowBoldUp, ArrowRight, ArrowTrendUp, ArrowTurnLeft, ArrowTurnRight2, ArrowUpRight, ArrowsOppositeDirectionX, ArrowsOppositeDirectionY, Asia, BadgeCheck, BadgeCheck2Fill, Bell, Blog, Bolt, BoltFill, Book2, Book2Fill, Book2Small, BookOpen, Books2, BoxArchive, BracketsCurly, BriefcaseFill, Brush, BulletList, BulletListFill, Calculator, Calendar6, CalendarDays, CalendarIcon, CalendarRefresh, CardAmex, CardDiscover, CardMastercard, CardVisa, Cards, CaretUpFill, CashApp, ChartActivity2, ChartArea2, ChartLine, ChatGPT, Check, Check2, CheckboxCheckedFill, CheckboxUnchecked, ChevronLeft, ChevronRight, 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, DubAnalyticsIcon, DubApiIcon, DubCraftedShield, DubLinksIcon, DubPartnersIcon, DubProduct, DubProductIcon, Duplicate, Earth, EarthPosition, Envelope, EnvelopeAlert, EnvelopeArrowRight, EnvelopeFill, 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, GripDotsVertical, Headset, HeartFill, HexadecagonStar, History, Hyperlink, Icon, Icosahedron, Incognito, InfinityIcon, InputField, InputPassword, InputPasswordPointer, InputSearch, Instagram, InvoiceDollar, Key, LayoutSidebar, License, LifeRing, LinesY, Link4, LinkBroken, LinkedIn, LoadingCircle, LoadingDots, LoadingSpinner, LocationPin, Lock, LockFill, Magic, Magnifier, MapPosition, MarkdownIcon, MarketingTarget, MatrixLines, Menu3, MessageSmile, MicrophoneFill, Minus, 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, Plus2, 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, SquareUserSparkle2, SquareXmark, Stars2, Stripe, StripeLink, Success, TV, TableIcon, TableRows2, Tablet, Tag, Tags, Tick, TikTok, Timer2, Tinybird, Toggle2Fill, Toggles, Trash, TriangleWarning, Twitter, Typescript, UiCard, Unsplash, User, UserCheck, UserCrown, UserDelete, UserFocus, UserMinus, UserPlus, UserXmark, 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';
@@ -186,7 +186,8 @@ type ComboboxOption<TMeta = any> = {
 type ComboboxProps<TMultiple extends boolean | undefined, TMeta extends any> = PropsWithChildren<{
     multiple?: TMultiple;
     selected: TMultiple extends true ? ComboboxOption<TMeta>[] : ComboboxOption<TMeta> | null;
-    setSelected: TMultiple extends true ? (options: ComboboxOption<TMeta>[]) => void : (option: ComboboxOption<TMeta> | null) => void;
+    setSelected?: TMultiple extends true ? (options: ComboboxOption<TMeta>[]) => void : (option: ComboboxOption<TMeta> | null) => void;
+    onSelect?: (option: ComboboxOption<TMeta>) => void;
     options?: ComboboxOption<TMeta>[];
     icon?: Icon | ReactNode;
     placeholder?: ReactNode;
@@ -209,7 +210,7 @@ type ComboboxProps<TMultiple extends boolean | undefined, TMeta extends any> = P
     matchTriggerWidth?: boolean;
     hideSearch?: boolean;
 }>;
-declare function Combobox({ multiple, selected: selectedProp, setSelected, options, icon: Icon, placeholder, searchPlaceholder, emptyState, createLabel, onCreate, buttonProps, shortcutHint, caret, side, open, onOpenChange, onSearchChange, shouldFilter, inputRight, inputClassName, optionRight, optionClassName, matchTriggerWidth, hideSearch, children, }: ComboboxProps<boolean | undefined, any>): react_jsx_runtime.JSX.Element;
+declare function Combobox({ multiple, selected: selectedProp, setSelected, onSelect, options, icon: Icon, placeholder, searchPlaceholder, emptyState, createLabel, onCreate, buttonProps, shortcutHint, caret, side, open, onOpenChange, onSearchChange, shouldFilter, inputRight, inputClassName, optionRight, optionClassName, matchTriggerWidth, hideSearch, children, }: ComboboxProps<boolean | undefined, any>): react_jsx_runtime.JSX.Element;
 
 type OmitKeys<T, K extends keyof T> = {
     [P in keyof T as P extends K ? never : P]: T[P];
@@ -486,6 +487,9 @@ declare function InputSelect({ items, selectedItem, setSelectedItem, className,
 
 declare const Label: react.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & react.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: class_variance_authority_dist_types.ClassProp | undefined) => string> & react.RefAttributes<HTMLLabelElement>>;
 
+declare const menuItemVariants: (props?: ({
+    variant?: "default" | "danger" | null | undefined;
+} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
 type MenuItemProps<T extends ElementType> = PropsWithChildren<ComponentPropsWithoutRef<T>> & {
     as?: T;
 } & {
@@ -523,6 +527,21 @@ declare function Modal({ children, className, showModal, setShowModal, onClose,
     drawerRootProps?: ComponentProps<typeof Drawer.Root>;
 }): react_jsx_runtime.JSX.Element;
 
+type NumberStepperProps = {
+    value: number;
+    onChange: (value: number) => void;
+    min?: number;
+    max?: number;
+    step?: number;
+    disabled?: boolean;
+    className?: string;
+    id?: string;
+    formatValue?: (value: number) => ReactNode;
+    decrementAriaLabel?: string;
+    incrementAriaLabel?: string;
+} & Omit<HTMLAttributes<HTMLDivElement>, "onChange">;
+declare function NumberStepper({ value, onChange, min, max, step, disabled, className, id, formatValue, decrementAriaLabel, incrementAriaLabel, ...rest }: NumberStepperProps): react_jsx_runtime.JSX.Element;
+
 declare function PaginationControls({ pagination, setPagination, totalCount, unit, className, children, showTotalCount, }: PropsWithChildren<{
     pagination: PaginationState$1;
     setPagination: (pagination: PaginationState$1) => void;
@@ -548,10 +567,11 @@ declare const Sheet: typeof SheetRoot & {
     Close: typeof Close;
 };
 
-declare function ShimmerDots({ dotSize, cellSize, speed, className, }: {
+declare function ShimmerDots({ dotSize, cellSize, speed, color, className, }: {
     dotSize?: number;
     cellSize?: number;
     speed?: number;
+    color?: [number, number, number];
     className?: string;
 }): react_jsx_runtime.JSX.Element;
 
@@ -635,8 +655,9 @@ type BaseTableProps<T> = {
     className?: string;
     containerClassName?: string;
     scrollWrapperClassName?: string;
+    emptyWrapperClassName?: string;
     thClassName?: string | ((columnId: string) => string);
-    tdClassName?: string | ((columnId: string) => string);
+    tdClassName?: string | ((columnId: string, row: Row<T>) => string);
 };
 type UseTableProps<T> = BaseTableProps<T> & ({
     pagination?: PaginationState$1;
@@ -660,7 +681,7 @@ type TableProps<T> = BaseTableProps<T> & PropsWithChildren<{
 declare function useTable<T extends any>(props: UseTableProps<T>): TableProps<T> & {
     table: Table$1<T>;
 };
-declare function Table<T>({ data, loading, error, emptyState, cellRight, sortBy, sortOrder, onSortChange, sortableColumns, className, containerClassName, scrollWrapperClassName, thClassName, tdClassName, table, pagination, resourceName, onRowClick, onRowSelectionChange, selectionControls, rowProps, rowCount, children, enableColumnResizing, }: TableProps<T>): react_jsx_runtime.JSX.Element;
+declare function Table<T>({ data, loading, error, emptyState, cellRight, sortBy, sortOrder, onSortChange, sortableColumns, className, containerClassName, scrollWrapperClassName, emptyWrapperClassName, thClassName, tdClassName, table, pagination, resourceName, onRowClick, onRowSelectionChange, selectionControls, rowProps, rowCount, children, enableColumnResizing, }: TableProps<T>): react_jsx_runtime.JSX.Element;
 
 declare function useTablePagination({ pageSize, page, onPageChange, }: {
     pageSize: number;
@@ -781,6 +802,20 @@ declare function UTMBuilder({ values, onChange, disabled, autoFocus, disabledToo
     className?: string;
 }): react_jsx_runtime.JSX.Element;
 
+type SingleTableConfig = {
+    all: string[];
+    defaultVisible: string[];
+};
+type MultiTableConfig<T extends string> = Record<T, SingleTableConfig>;
+declare function useColumnVisibility<T extends SingleTableConfig>(storageKey: string, config: T): {
+    columnVisibility: VisibilityState;
+    setColumnVisibility: (visibility: VisibilityState) => void;
+};
+declare function useColumnVisibility<T extends string>(storageKey: string, config: MultiTableConfig<T>): {
+    columnVisibility: Record<T, VisibilityState>;
+    setColumnVisibility: (tab: T, visibility: VisibilityState) => void;
+};
+
 declare function useCookies<T>(key: string, initialValue: T, opts?: Cookies.CookieAttributes): [T, (value: T) => void];
 
 declare const useCopyToClipboard: (timeout?: number) => [boolean, (value: string | ClipboardItem, options?: {
@@ -925,12 +960,19 @@ type NavItemChildren = (NavItemChild | {
     label: string;
     items: NavItemChild[];
 })[];
-declare const FEATURES_LIST: {
+declare const FEATURES_LIST: ({
+    id: string;
     title: string;
     description: string;
     icon: typeof DubLinksIcon;
     href: string;
-}[];
+} | {
+    title: string;
+    description: string;
+    icon: typeof Toggle2Fill;
+    href: string;
+    id?: undefined;
+})[];
 declare const CUSTOMER_STORIES: {
     icon: typeof Raycast;
     iconClassName: string;
@@ -965,7 +1007,7 @@ declare const SOCIAL_LINKS: {
     href: string;
 }[];
 
-declare function ProductContent({ domain }: {
+declare function ResourcesContent({ domain }: {
     domain: string;
 }): react_jsx_runtime.JSX.Element;
 
@@ -979,21 +1021,21 @@ declare const NavContext: react.Context<{
 }>;
 declare const navItems: ({
     name: string;
-    content: typeof ProductContent;
+    content: typeof SolutionsContent;
+    childItems: NavItemChildren;
+    segments: string[];
+    href?: undefined;
+} | {
+    name: string;
+    content: typeof ResourcesContent;
     childItems: {
+        icon: typeof LifeRing;
         title: string;
         description: string;
-        icon: typeof DubLinksIcon;
         href: string;
     }[];
     segments: string[];
     href?: undefined;
-} | {
-    name: string;
-    content: typeof SolutionsContent;
-    childItems: NavItemChildren;
-    segments: string[];
-    href?: undefined;
 } | {
     name: string;
     href: string;
@@ -1388,4 +1430,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, DotsPattern, DubStatusBadge, DynamicTooltipWrapper, EditColumnsButton, 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, Slider, SmartDateTimePicker, 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, DotsPattern, DubStatusBadge, DynamicTooltipWrapper, EditColumnsButton, 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, NumberStepper, NumberStepperProps, NumberTooltip, PaginationControls, PaginationState, Popover, PopoverProps, Popup, PopupContext, ProgressBar, RESOURCES, RadioGroup, RadioGroupItem, SDKS, SOCIAL_LINKS, SOLUTIONS, Sheet, ShimmerDots, SimpleTooltipContent, Slider, SmartDateTimePicker, StatusBadge, Switch, TabSelect, Table, ToggleGroup, TokenAvatar, Tooltip, TooltipContent, TooltipProps, TooltipProvider, UTMBuilder, UTM_PARAMETERS, Wordmark, badgeVariants, buttonVariants, getUserAvatarUrl, menuItemVariants, navItems, statusBadgeVariants, useCarousel, useCarouselActiveIndex, useColumnVisibility, useCookies, useCopyToClipboard, useCurrentAnchor, useEnterSubmit, useInViewport, useInputFocused, useIntersectionObserver, useKeyboardShortcut, useLocalStorage, useMediaQuery, useOptimisticUpdate, usePagination, useRemoveGAParams, useResizeObserver, useRouterStuff, useScroll, useScrollProgress, useTable, useTablePagination, useToastWithUndo };