@dub/ui 0.2.22 → 0.2.23

package/dist/index.d.ts

@@ -9,7 +9,8 @@ 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, FeatherFill, Twitter } from './icons/index.js';
-export { Africa, Airtm, Amazon, Apple, ArrowBoldUp, ArrowRight, ArrowTrendUp, ArrowTurnLeft, ArrowTurnRight2, ArrowUpRight, ArrowsOppositeDirectionY, Asia, BadgeCheck, Blog, Bolt, BoltFill, Book2, Book2Fill, Book2Small, BookOpen, Books2, BoxArchive, BulletList, BulletListFill, Calendar6, CalendarDays, CalendarIcon, CalendarRefresh, CardAmex, CardDiscover, CardMastercard, CardVisa, Cards, CaretUpFill, CashApp, ChartActivity2, ChartLine, ChatGPT, Check, Check2, CheckboxCheckedFill, CheckboxUnchecked, CircleCheck, CircleCheckFill, CircleDollar, CircleDotted, CircleHalfDottedCheck, CircleHalfDottedClock, CircleInfo, CirclePlay, CirclePlayFill, CircleQuestion, CircleWarning, CircleXmark, Circles, Circles3, CloudUpload, Code, ColorPalette2, ConnectedDots, ConnectedDots4, ConnectedDotsFill, Connections3, Copy, CreditCard, Crosshairs3, Crown, CrownSmall, Cube, CubeSettings, CubeSettingsFill, CurrencyDollar, CursorRays, DatabaseKey, Desktop, DiamondTurnRight, Dots, Download, DubCraftedShield, Duplicate, EarthPosition, EnvelopeArrowRight, Europe, ExpandingArrow, Eye, EyeSlash, Facebook, FeatherFill, Figma, FileZip2, Filter2, FilterBars, Flag2, Flag6, FlagWavy, Folder, Folder5, 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, Hyperlink, Icon, Icosahedron, Incognito, InputPassword, InputSearch, InvoiceDollar, Key, LayoutSidebar, License, LinesY, Link4, LinkBroken, LinkedIn, LoadingCircle, LoadingDots, LoadingSpinner, LocationPin, Magic, Magnifier, MapPosition, MatrixLines, Menu3, MessageSmile, MobilePhone, MoneyBill2, MoneyBills2, NorthAmerica, Note, NucleoPhoto, Oceania, OfficeBuilding, Page2, Paintbrush, Palette2, 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, Sliders, SortOrder, SouthAmerica, Sparkle3, Spotify, SquareChart, SquareLayoutGrid6, SquareXmark, Stars2, StripeLink, Success, TV, TableIcon, TableRows2, Tablet, Tag, Tags, Tick, Tinybird, Toggle2Fill, Trash, Twitter, Typescript, Unsplash, User, UserCheck, UserCrown, Users, Users2, Users6, UsersSettings, Venmo, Versions2, Watch, Webhook, Window, WindowSearch, WindowSettings, Xmark, YouTube } from './icons/index.js';
+export { Africa, Airtm, Amazon, Apple, ArrowBoldUp, ArrowRight, ArrowTrendUp, ArrowTurnLeft, ArrowTurnRight2, ArrowUpRight, ArrowsOppositeDirectionY, Asia, BadgeCheck, Blog, Bolt, BoltFill, Book2, Book2Fill, Book2Small, BookOpen, Books2, BoxArchive, BulletList, BulletListFill, Calendar6, CalendarDays, CalendarIcon, CalendarRefresh, CardAmex, CardDiscover, CardMastercard, CardVisa, Cards, CaretUpFill, CashApp, ChartActivity2, ChartLine, ChatGPT, Check, Check2, CheckboxCheckedFill, CheckboxUnchecked, CircleCheck, CircleCheckFill, CircleDollar, CircleDotted, CircleHalfDottedCheck, CircleHalfDottedClock, CircleInfo, CirclePlay, CirclePlayFill, CircleQuestion, CircleWarning, CircleXmark, Circles, Circles3, CloudUpload, Code, ColorPalette2, ConnectedDots, ConnectedDots4, ConnectedDotsFill, Connections3, Copy, CreditCard, Crosshairs3, Crown, CrownSmall, Cube, CubeSettings, CubeSettingsFill, CurrencyDollar, CursorRays, DatabaseKey, Desktop, DiamondTurnRight, Discount, Dots, Download, DubCraftedShield, Duplicate, EarthPosition, EnvelopeArrowRight, Europe, ExpandingArrow, Eye, EyeSlash, Facebook, FeatherFill, Figma, FileZip2, Filter2, FilterBars, Flag2, Flag6, FlagWavy, 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, Hyperlink, Icon, Icosahedron, Incognito, InputPassword, InputSearch, InvoiceDollar, Key, LayoutSidebar, License, LinesY, Link4, LinkBroken, LinkedIn, LoadingCircle, LoadingDots, LoadingSpinner, LocationPin, LockFill, Magic, Magnifier, MapPosition, MatrixLines, Menu3, MessageSmile, MobilePhone, MoneyBill, MoneyBill2, MoneyBills2, NorthAmerica, Note, NucleoPhoto, Oceania, OfficeBuilding, Page2, Paintbrush, Palette2, 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, Sliders, SortOrder, SouthAmerica, Sparkle3, Spotify, SquareChart, SquareLayoutGrid6, SquareXmark, Stars2, StripeLink, Success, TV, TableIcon, TableRows2, Tablet, Tag, Tags, Tick, Tinybird, Toggle2Fill, Trash, Twitter, Typescript, Unsplash, User, UserCheck, UserCrown, Users, Users2, Users6, UsersSettings, Venmo, Versions2, 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';
 import { Locale } from 'date-fns';
@@ -17,7 +18,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, RowSelectionState } 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 * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import Cookies from 'js-cookie';
@@ -56,7 +57,7 @@ declare function TokenAvatar({ id, className, }: {
 }): react_jsx_runtime.JSX.Element;
 
 declare const badgeVariants: (props?: ({
-    variant?: "black" | "blue" | "gray" | "violet" | "default" | "sky" | "neutral" | "blueGradient" | "rainbow" | null | undefined;
+    variant?: "black" | "blue" | "gray" | "green" | "violet" | "default" | "sky" | "neutral" | "blueGradient" | "rainbow" | null | undefined;
 } & class_variance_authority_dist_types.ClassProp) | undefined) => string;
 interface BadgeProps$1 extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof badgeVariants> {
 }
@@ -68,6 +69,7 @@ declare const buttonVariants: (props?: ({
 interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
     text?: ReactNode | string;
     textWrapperClassName?: string;
+    shortcutClassName?: string;
     loading?: boolean;
     icon?: ReactNode;
     shortcut?: string;
@@ -86,11 +88,12 @@ 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, }: PropsWithChildren<{
+declare function CardListCard({ outerClassName, innerClassName, children, onClick, hoverStateEnabled, banner, }: PropsWithChildren<{
     outerClassName?: string;
     innerClassName?: string;
     onClick?: () => void;
     hoverStateEnabled?: boolean;
+    banner?: React.ReactNode;
 }>): react_jsx_runtime.JSX.Element;
 
 declare const CardList: typeof CardList$1 & {
@@ -167,18 +170,21 @@ type PopoverProps = PropsWithChildren<{
     setOpenPopover: (open: boolean) => void;
     mobileOnly?: boolean;
     popoverContentClassName?: string;
+    onOpenAutoFocus?: PopoverPrimitive.PopoverContentProps["onOpenAutoFocus"];
     collisionBoundary?: Element | Element[];
     sticky?: "partial" | "always";
     onEscapeKeyDown?: (event: KeyboardEvent) => void;
     onWheel?: WheelEventHandler;
 }>;
-declare function Popover({ children, content, align, side, openPopover, setOpenPopover, mobileOnly, popoverContentClassName, collisionBoundary, sticky, onEscapeKeyDown, onWheel, }: PopoverProps): react_jsx_runtime.JSX.Element;
+declare function Popover({ children, content, align, side, openPopover, setOpenPopover, mobileOnly, popoverContentClassName, onOpenAutoFocus, collisionBoundary, sticky, onEscapeKeyDown, onWheel, }: PopoverProps): react_jsx_runtime.JSX.Element;
 
 type ComboboxOption<TMeta = any> = {
-    label: string;
+    label: string | ReactNode;
     value: string;
     icon?: Icon | ReactNode;
+    disabledTooltip?: ReactNode;
     meta?: TMeta;
+    separatorAfter?: boolean;
 };
 type ComboboxProps<TMultiple extends boolean | undefined, TMeta extends any> = PropsWithChildren<{
     multiple?: TMultiple;
@@ -193,18 +199,19 @@ type ComboboxProps<TMultiple extends boolean | undefined, TMeta extends any> = P
     onCreate?: (search: string) => Promise<boolean>;
     buttonProps?: ButtonProps;
     shortcutHint?: string;
-    caret?: boolean;
+    caret?: boolean | ReactNode;
     side?: PopoverProps["side"];
     open?: boolean;
     onOpenChange?: (open: boolean) => void;
     onSearchChange?: (search: string) => void;
     shouldFilter?: boolean;
+    inputRight?: ReactNode;
     inputClassName?: string;
     optionRight?: (option: ComboboxOption) => ReactNode;
     optionClassName?: string;
     matchTriggerWidth?: boolean;
 }>;
-declare function Combobox({ multiple, selected: selectedProp, setSelected, options, icon: Icon, placeholder, searchPlaceholder, emptyState, createLabel, onCreate, buttonProps, shortcutHint, caret, side, open, onOpenChange, onSearchChange, shouldFilter, inputClassName, optionRight, optionClassName, matchTriggerWidth, children, }: ComboboxProps<boolean | undefined, any>): react_jsx_runtime.JSX.Element;
+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, 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];
@@ -311,10 +318,12 @@ type FileUploadReadFileProps = {
     }) => void;
 };
 type FileUploadProps = FileUploadReadFileProps & {
+    id?: string;
     accept: AcceptedFileFormats;
     className?: string;
     iconClassName?: string;
     previewClassName?: string;
+    icon?: Icon;
     /**
      * Custom preview component to display instead of the default
      */
@@ -356,7 +365,7 @@ type FileUploadProps = FileUploadReadFileProps & {
     accessibilityLabel?: string;
     disabled?: boolean;
 } & VariantProps<typeof imageUploadVariants>;
-declare function FileUpload({ readFile, onChange, variant, className, iconClassName, previewClassName, customPreview, accept, imageSrc, loading, clickToUpload, showHoverOverlay, content, maxFileSizeMB, targetResolution, accessibilityLabel, disabled, }: FileUploadProps): react_jsx_runtime.JSX.Element;
+declare function FileUpload({ id, readFile, onChange, variant, className, iconClassName, previewClassName, icon: Icon, customPreview, accept, imageSrc, loading, clickToUpload, showHoverOverlay, content, maxFileSizeMB, targetResolution, accessibilityLabel, disabled, }: FileUploadProps): react_jsx_runtime.JSX.Element;
 
 type FilterIcon = LucideIcon | ReactNode | ComponentType<SVGProps<SVGSVGElement>>;
 type Filter$1 = {
@@ -446,6 +455,7 @@ interface InputSelectItemProps {
     id: string;
     value: string;
     color?: string;
+    icon?: ReactNode;
     image?: string;
     disabled?: boolean;
     label?: string;
@@ -537,7 +547,7 @@ declare function Switch({ fn, id, trackDimensions, thumbDimensions, thumbTransla
     disabledTooltip?: string | ReactNode;
 }): react_jsx_runtime.JSX.Element;
 
-type UseTableProps<T> = {
+type BaseTableProps<T> = {
     columns: ColumnDef<T, any>[];
     data: T[];
     loading?: boolean;
@@ -557,6 +567,8 @@ type UseTableProps<T> = {
     columnPinning?: ColumnPinningState;
     resourceName?: (plural: boolean) => string;
     onRowClick?: (row: Row<T>, e: MouseEvent) => void;
+    enableColumnResizing?: boolean;
+    columnResizeMode?: ColumnResizeMode;
     getRowId?: (row: T) => string;
     onRowSelectionChange?: (rows: Row<T>[]) => void;
     selectedRows?: RowSelectionState;
@@ -565,7 +577,8 @@ type UseTableProps<T> = {
     scrollWrapperClassName?: string;
     thClassName?: string | ((columnId: string) => string);
     tdClassName?: string | ((columnId: string) => string);
-} & ({
+};
+type UseTableProps<T> = BaseTableProps<T> & ({
     pagination?: PaginationState$1;
     onPaginationChange?: Dispatch<SetStateAction<PaginationState$1>>;
     rowCount: number;
@@ -574,13 +587,19 @@ type UseTableProps<T> = {
     onPaginationChange?: never;
     rowCount?: never;
 });
-type TableProps<T> = UseTableProps<T> & PropsWithChildren<{
+type TableProps<T> = BaseTableProps<T> & PropsWithChildren<{
     table: Table$1<T>;
-}>;
+}> & ({
+    pagination?: PaginationState$1;
+    rowCount: number;
+} | {
+    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, rowCount, children, }: TableProps<T>): react_jsx_runtime.JSX.Element;
+declare function Table<T>({ columns, data, loading, error, emptyState, cellRight, sortBy, sortOrder, onSortChange, sortableColumns, className, containerClassName, scrollWrapperClassName, thClassName, tdClassName, table, pagination, resourceName, onRowClick, rowCount, children, enableColumnResizing, }: TableProps<T>): react_jsx_runtime.JSX.Element;
 
 declare function useTablePagination({ pageSize, page, onPageChange, }: {
     pageSize: number;
@@ -790,7 +809,8 @@ declare function useRouterStuff(): {
         arrayDelimiter?: string | undefined;
     }) => string | undefined;
     getQueryString: (kv?: Record<string, any>, opts?: {
-        ignore?: string[];
+        include?: string[];
+        exclude?: string[];
     }) => string;
 };