@dub/ui 0.2.61 → 0.2.62

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.d.ts CHANGED
@@ -7,8 +7,8 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
7
7
  import Autoplay from 'embla-carousel-autoplay';
8
8
  import useEmblaCarousel, { UseEmblaCarouselType } from 'embla-carousel-react';
9
9
  import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
10
- import { Icon, GlobePointer, SatelliteDish, Flag6, InputSearch, Page2, Gift, DubLinksIcon, Toggle2Fill, Raycast, Typescript, LifeRing, Twitter } from './icons/index.js';
11
- export { Africa, Airtm, Amazon, AndroidLogo, AppleLogo, ArrowBoldUp, ArrowRight, ArrowTrendUp, ArrowTurnLeft, ArrowTurnRight2, ArrowUpRight, ArrowUpRight2, 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, IOSAppStore, 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';
10
+ import { Icon, GlobePointer, SatelliteDish, Flag6, InputSearch, Page2, Gift, DubLinksIcon, Toggle2Fill, Typescript, LifeRing, Twitter } from './icons/index.js';
11
+ export { Africa, Airtm, Amazon, AndroidLogo, AppleLogo, ArrowBoldUp, ArrowRight, ArrowTrendUp, ArrowTurnLeft, ArrowTurnRight2, ArrowUpRight, ArrowUpRight2, 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, Heart, HeartFill, HexadecagonStar, History, Hyperlink, IOSAppStore, 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, ProductHunt, Pyramid, Python, QRCode, 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, Toggle2Fill, Toggles, Trash, TriangleWarning, Trophy, 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';
12
12
  import * as PopoverPrimitive from '@radix-ui/react-popover';
13
13
  import { DayPickerSingleProps, DayPickerRangeProps, Matcher } from 'react-day-picker';
14
14
  export { Matcher } from 'react-day-picker';
@@ -109,6 +109,24 @@ declare const CardList: typeof CardList$1 & {
109
109
  }>;
110
110
  };
111
111
 
112
+ interface CardSelectorOption {
113
+ key: string;
114
+ label: string;
115
+ description: string;
116
+ icon?: ReactNode;
117
+ }
118
+ interface CardSelectorProps {
119
+ options: CardSelectorOption[];
120
+ value?: string;
121
+ onChange?: (value: string) => void;
122
+ className?: string;
123
+ gridCols?: "1" | "2" | "3";
124
+ name?: string;
125
+ disabled?: boolean;
126
+ animated?: boolean;
127
+ }
128
+ declare function CardSelector({ options, value, onChange, className, gridCols, name, disabled, animated, }: CardSelectorProps): react_jsx_runtime.JSX.Element;
129
+
112
130
  declare const AUTOPLAY_DEFAULT_DELAY = 2000;
113
131
  type CarouselApi = UseEmblaCarouselType[1];
114
132
  type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
@@ -489,6 +507,7 @@ declare const Label: react.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelPr
489
507
 
490
508
  declare const menuItemVariants: (props?: ({
491
509
  variant?: "default" | "danger" | null | undefined;
510
+ disabled?: boolean | null | undefined;
492
511
  } & class_variance_authority_dist_types.ClassProp) | undefined) => string;
493
512
  type MenuItemProps<T extends ElementType> = PropsWithChildren<ComponentPropsWithoutRef<T>> & {
494
513
  as?: T;
@@ -496,8 +515,9 @@ type MenuItemProps<T extends ElementType> = PropsWithChildren<ComponentPropsWith
496
515
  variant?: "default" | "danger";
497
516
  icon?: Icon | ReactNode;
498
517
  shortcut?: string;
518
+ disabledTooltip?: string | ReactNode;
499
519
  };
500
- declare function MenuItem<T extends ElementType>({ as, variant, children, icon: Icon, shortcut, className, ...rest }: MenuItemProps<T>): react_jsx_runtime.JSX.Element;
520
+ declare function MenuItem<T extends ElementType>({ as, variant, children, icon: Icon, shortcut, className, disabledTooltip, ...rest }: MenuItemProps<T>): react_jsx_runtime.JSX.Element;
501
521
 
502
522
  declare const defaultPadding: {
503
523
  top: number;
@@ -551,6 +571,12 @@ declare function PaginationControls({ pagination, setPagination, totalCount, uni
551
571
  showTotalCount?: boolean;
552
572
  }>): react_jsx_runtime.JSX.Element;
553
573
 
574
+ declare function ProgressCircle({ progress: progressProp, strokeWidth, className, }: {
575
+ progress: number;
576
+ strokeWidth?: number;
577
+ className?: string;
578
+ }): react_jsx_runtime.JSX.Element;
579
+
554
580
  declare const RadioGroup: react.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
555
581
  declare const RadioGroupItem: react.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
556
582
 
@@ -978,13 +1004,6 @@ declare const FEATURES_LIST: ({
978
1004
  href: string;
979
1005
  id?: undefined;
980
1006
  })[];
981
- declare const CUSTOMER_STORIES: {
982
- icon: typeof Raycast;
983
- iconClassName: string;
984
- title: string;
985
- description: string;
986
- href: string;
987
- }[];
988
1007
  declare const SDKS: {
989
1008
  icon: typeof Typescript;
990
1009
  iconClassName: string;
@@ -1435,4 +1454,4 @@ declare function Wordmark({ className }: {
1435
1454
  className?: string;
1436
1455
  }): react_jsx_runtime.JSX.Element;
1437
1456
 
1438
- 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, useCurrentSubdomain, useEnterSubmit, useInViewport, useInputFocused, useIntersectionObserver, useKeyboardShortcut, useLocalStorage, useMediaQuery, useOptimisticUpdate, usePagination, useRemoveGAParams, useResizeObserver, useRouterStuff, useScroll, useScrollProgress, useTable, useTablePagination, useToastWithUndo };
1457
+ export { AUTOPLAY_DEFAULT_DELAY, Accordion, AccordionContent, AccordionItem, AccordionTrigger, AdvancedLinkFeaturesTooltip, Alert, AlertDescription, AlertTitle, AnimatedSizeContainer, AuthButton, Avatar, Background, Badge, BadgeTooltip, BlurImage, Button, ButtonProps, ButtonTooltip, COMPARE_PAGES, Calendar, CardList, CardSelector, CardSelectorOption, CardSelectorProps, 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, ProgressCircle, 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, useCurrentSubdomain, useEnterSubmit, useInViewport, useInputFocused, useIntersectionObserver, useKeyboardShortcut, useLocalStorage, useMediaQuery, useOptimisticUpdate, usePagination, useRemoveGAParams, useResizeObserver, useRouterStuff, useScroll, useScrollProgress, useTable, useTablePagination, useToastWithUndo };