@dub/ui 0.2.52 → 0.2.54

package/dist/index.d.ts

@@ -8,7 +8,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, 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, 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, InputPassword, InputPasswordPointer, InputSearch, Instagram, InvoiceDollar, Key, LayoutSidebar, License, LifeRing, 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, 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, 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, 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, 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, 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 * as PopoverPrimitive from '@radix-ui/react-popover';
 import { DayPickerSingleProps, DayPickerRangeProps, Matcher } from 'react-day-picker';
 export { Matcher } from 'react-day-picker';
@@ -17,7 +17,7 @@ import { LucideIcon } from 'lucide-react';
 import * as LabelPrimitive from '@radix-ui/react-label';
 import { Drawer, ContentProps } from 'vaul';
 import * as _tanstack_react_table from '@tanstack/react-table';
-import { PaginationState as PaginationState$1, Table as Table$1, ColumnDef, Cell, VisibilityState, ColumnPinningState, Row, ColumnResizeMode, RowSelectionState } from '@tanstack/react-table';
+import { PaginationState as PaginationState$1, Table as Table$1, ColumnDef, ColumnPinningState, Cell, ColumnResizeMode, VisibilityState, Row, RowSelectionState } from '@tanstack/react-table';
 import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import Cookies from 'js-cookie';
@@ -285,6 +285,13 @@ declare const DatePickerContext: react.Context<{
     setIsOpen: Dispatch<SetStateAction<boolean>>;
 }>;
 
+declare function DotsPattern({ dotSize, gapSize, patternOffset, className, }: {
+    dotSize?: number;
+    gapSize?: number;
+    patternOffset?: [number, number];
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
 declare function DubStatusBadge({ className }: {
     className?: string;
 }): react_jsx_runtime.JSX.Element;
@@ -548,6 +555,19 @@ declare function ShimmerDots({ dotSize, cellSize, speed, className, }: {
     className?: string;
 }): react_jsx_runtime.JSX.Element;
 
+interface SliderProps {
+    value: number;
+    onChange: (value: number) => void;
+    min: number;
+    max: number;
+    step?: number;
+    marks?: number[];
+    className?: string;
+    hint?: ReactNode;
+    disabled?: boolean;
+}
+declare function Slider({ value, onChange, min, max, step, marks, className, hint, disabled, }: SliderProps): react_jsx_runtime.JSX.Element;
+
 interface SmartDateTimePickerProps {
     value: Date | null | undefined;
     onChange: (date: Date | null) => void;
@@ -581,32 +601,37 @@ declare function Switch({ fn, id, trackDimensions, thumbDimensions, thumbTransla
     disabledTooltip?: string | ReactNode;
 }): react_jsx_runtime.JSX.Element;
 
+declare function EditColumnsButton({ table }: {
+    table: Table$1<any>;
+}): react_jsx_runtime.JSX.Element;
+
 type BaseTableProps<T> = {
     columns: ColumnDef<T, any>[];
     data: T[];
     loading?: boolean;
     error?: string;
     emptyState?: ReactNode;
-    cellRight?: (cell: Cell<T, any>) => ReactNode;
+    resourceName?: (plural: boolean) => string;
     defaultColumn?: Partial<ColumnDef<T, any>>;
+    columnPinning?: ColumnPinningState;
+    cellRight?: (cell: Cell<T, any>) => ReactNode;
+    sortableColumns?: string[];
     sortBy?: string;
     sortOrder?: "asc" | "desc";
     onSortChange?: (props: {
         sortBy?: string;
         sortOrder?: "asc" | "desc";
     }) => void;
-    sortableColumns?: string[];
-    columnVisibility?: VisibilityState;
-    onColumnVisibilityChange?: (visibility: VisibilityState) => void;
-    columnPinning?: ColumnPinningState;
-    resourceName?: (plural: boolean) => string;
-    onRowClick?: (row: Row<T>, e: MouseEvent) => void;
-    rowProps?: HTMLAttributes<HTMLTableRowElement> | ((row: Row<T>) => HTMLAttributes<HTMLTableRowElement>);
     enableColumnResizing?: boolean;
     columnResizeMode?: ColumnResizeMode;
+    columnVisibility?: VisibilityState;
+    onColumnVisibilityChange?: (visibility: VisibilityState) => void;
     getRowId?: (row: T) => string;
     onRowSelectionChange?: (rows: Row<T>[]) => void;
     selectedRows?: RowSelectionState;
+    selectionControls?: (table: Table$1<T>) => ReactNode;
+    onRowClick?: (row: Row<T>, e: MouseEvent) => void;
+    rowProps?: HTMLAttributes<HTMLTableRowElement> | ((row: Row<T>) => HTMLAttributes<HTMLTableRowElement>);
     className?: string;
     containerClassName?: string;
     scrollWrapperClassName?: string;
@@ -631,10 +656,11 @@ type TableProps<T> = BaseTableProps<T> & PropsWithChildren<{
     pagination?: never;
     rowCount?: never;
 });
+
 declare function useTable<T extends any>(props: UseTableProps<T>): TableProps<T> & {
     table: Table$1<T>;
 };
-declare function Table<T>({ columns, data, loading, error, emptyState, cellRight, sortBy, sortOrder, onSortChange, sortableColumns, className, containerClassName, scrollWrapperClassName, thClassName, tdClassName, table, pagination, resourceName, onRowClick, 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, 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;
@@ -669,10 +695,11 @@ interface TooltipProps extends Omit<TooltipPrimitive.TooltipContentProps, "conte
         setOpen: (open: boolean) => void;
     }) => ReactNode);
     contentClassName?: string;
+    disabled?: boolean;
     disableHoverableContent?: TooltipPrimitive.TooltipProps["disableHoverableContent"];
     delayDuration?: TooltipPrimitive.TooltipProps["delayDuration"];
 }
-declare function Tooltip({ children, content, contentClassName, side, disableHoverableContent, delayDuration, ...rest }: TooltipProps): react_jsx_runtime.JSX.Element;
+declare function Tooltip({ children, content, contentClassName, disabled, side, disableHoverableContent, delayDuration, ...rest }: TooltipProps): react_jsx_runtime.JSX.Element;
 declare function TooltipContent({ title, cta, href, target, onClick, }: {
     title: ReactNode;
     cta?: string;
@@ -1259,7 +1286,7 @@ declare const AnimatedSizeContainer: react.ForwardRefExoticComponent<{
     tw?: string | undefined;
 } & framer_motion.MotionProps & react.RefAttributes<HTMLDivElement>, "ref">, "children" | "animate"> & react.RefAttributes<HTMLDivElement>>;
 
-declare function BlurImage(props: ImageProps): react_jsx_runtime.JSX.Element;
+declare const BlurImage: react.MemoExoticComponent<(props: ImageProps) => react_jsx_runtime.JSX.Element>;
 
 declare const ClientOnly: ({ children, fallback, fadeInDuration, className, }: {
     children: ReactNode;
@@ -1361,4 +1388,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, 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, 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, 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 };