@dub/ui 0.2.47 → 0.2.49

package/dist/index.d.ts

@@ -2,14 +2,13 @@ import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import * as react from 'react';
 import react__default, { ReactNode, PropsWithChildren, HTMLAttributes, ButtonHTMLAttributes, WheelEventHandler, Dispatch, SetStateAction, ComponentType, SVGProps, InputHTMLAttributes, ElementType, ComponentPropsWithoutRef, ComponentProps, MouseEvent, KeyboardEvent as KeyboardEvent$1, RefObject } from 'react';
 import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
-import * as class_variance_authority from 'class-variance-authority';
 import { VariantProps } from 'class-variance-authority';
 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, 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, DubAnalyticsIcon, DubApiIcon, DubCraftedShield, DubLinksIcon, DubPartnersIcon, 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, 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, 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';
+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, 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, 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, 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, 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';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 import { DayPickerSingleProps, DayPickerRangeProps, Matcher } from 'react-day-picker';
 export { Matcher } from 'react-day-picker';
@@ -104,15 +103,10 @@ declare const CardList: typeof CardList$1 & {
             hovered: boolean;
         }>;
     };
-    Context: react.Context<Pick<{
-        loading?: boolean | undefined;
-        className?: string | undefined;
-    } & {
-        children?: react.ReactNode;
-    } & class_variance_authority.VariantProps<(props?: ({
-        variant?: "compact" | "loose" | null | undefined;
-        loading?: boolean | null | undefined;
-    } & class_variance_authority_dist_types.ClassProp) | undefined) => string>, "variant">>;
+    Context: react.Context<{
+        variant: "compact" | "loose" | null | undefined;
+        loading: boolean;
+    }>;
 };
 
 declare const AUTOPLAY_DEFAULT_DELAY = 2000;
@@ -607,6 +601,7 @@ type BaseTableProps<T> = {
     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;
     getRowId?: (row: T) => string;
@@ -639,7 +634,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>({ 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 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 useTablePagination({ pageSize, page, onPageChange, }: {
     pageSize: number;
@@ -654,11 +649,12 @@ interface ToggleOption {
     value: string;
     label: string | React.ReactNode;
     badge?: React.ReactNode;
+    href?: string;
 }
 declare function ToggleGroup({ options, selected, selectAction, className, optionClassName, indicatorClassName, style, }: {
     options: ToggleOption[];
     selected: string | null;
-    selectAction: (option: string) => void;
+    selectAction?: (option: string) => void;
     className?: string;
     optionClassName?: string;
     indicatorClassName?: string;
@@ -863,7 +859,9 @@ declare function useRouterStuff(): {
     }) => string;
 };
 
-declare function useScroll(threshold: number): boolean;
+declare function useScroll(threshold: number, { container }?: {
+    container?: RefObject<HTMLElement>;
+}): boolean;
 
 declare function useScrollProgress(ref: RefObject<HTMLElement>): {
     scrollProgress: number;