@dub/ui 0.2.27 → 0.2.28

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
@@ -8,8 +8,8 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
8
8
  import Autoplay from 'embla-carousel-autoplay';
9
9
  import useEmblaCarousel, { UseEmblaCarouselType } from 'embla-carousel-react';
10
10
  import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
11
- import { Icon, GlobePointer, SatelliteDish, Flag6, InputSearch, Page2, Gift, Hyperlink, Raycast, Typescript, Book2Fill, FeatherFill, Twitter } from './icons/index.js';
12
- 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, Directions, Discount, Dots, Download, DubCraftedShield, Duplicate, Earth, EarthPosition, EnvelopeAlert, EnvelopeArrowRight, Europe, ExpandingArrow, Eye, EyeSlash, Facebook, FeatherFill, Figma, FileContent, FileZip2, Filter2, FilterBars, Flag2, Flag6, FlagWavy, Flask, 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, MobilePhone, MoneyBill, MoneyBill2, MoneyBills2, NorthAmerica, Note, NucleoPhoto, Oceania, OfficeBuilding, PLAN_FEATURE_ICONS, Page2, Paintbrush, Palette2, PaperPlane, 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, 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, Twitter, Typescript, UiCard, Unsplash, User, UserCheck, UserCrown, UserDelete, UserPlus, Users, Users2, Users6, UsersSettings, Venmo, Versions2, Views, Watch, Webhook, Window, WindowSearch, WindowSettings, Xmark, YouTube } from './icons/index.js';
11
+ import { Icon, GlobePointer, SatelliteDish, Flag6, InputSearch, Page2, Gift, Hyperlink, Raycast, Typescript, Book2Fill, Twitter } from './icons/index.js';
12
+ 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, DubCraftedShield, Duplicate, Earth, EarthPosition, EnvelopeAlert, EnvelopeArrowRight, Europe, ExpandingArrow, Eye, EyeSlash, Facebook, FeatherFill, Figma, FileContent, FileZip2, Filter2, FilterBars, Flag2, Flag6, FlagWavy, Flask, 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, NorthAmerica, Note, NucleoPhoto, Oceania, OfficeBuilding, PLAN_FEATURE_ICONS, Page2, Paintbrush, Palette2, PaperPlane, 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, 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, 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';
13
13
  import * as PopoverPrimitive from '@radix-ui/react-popover';
14
14
  import { DayPickerSingleProps, DayPickerRangeProps, Matcher } from 'react-day-picker';
15
15
  export { Matcher } from 'react-day-picker';
@@ -212,8 +212,9 @@ type ComboboxProps<TMultiple extends boolean | undefined, TMeta extends any> = P
212
212
  optionRight?: (option: ComboboxOption) => ReactNode;
213
213
  optionClassName?: string;
214
214
  matchTriggerWidth?: boolean;
215
+ hideSearch?: boolean;
215
216
  }>;
216
- 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;
217
+ 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;
217
218
 
218
219
  type OmitKeys<T, K extends keyof T> = {
219
220
  [P in keyof T as P extends K ? never : P]: T[P];
@@ -297,7 +298,7 @@ type EmptyStateProps = PropsWithChildren<{
297
298
  }>;
298
299
  declare function EmptyState({ icon: Icon, title, description, learnMore, children, }: EmptyStateProps): react_jsx_runtime.JSX.Element;
299
300
 
300
- type AcceptedFileFormats = "any" | "images" | "csv" | "documents" | "programResourceFiles";
301
+ type AcceptedFileFormats = "any" | "images" | "csv" | "documents" | "programResourceImages" | "programResourceFiles";
301
302
  declare const imageUploadVariants: (props?: ({
302
303
  variant?: "default" | "plain" | null | undefined;
303
304
  } & class_variance_authority_dist_types.ClassProp) | undefined) => string;
@@ -859,44 +860,17 @@ declare function MaxWidthWrapper({ className, children, }: {
859
860
  children: ReactNode;
860
861
  }): react_jsx_runtime.JSX.Element;
861
862
 
862
- declare function ProductContent({ domain }: {
863
- domain: string;
864
- }): react_jsx_runtime.JSX.Element;
865
-
866
- type NavTheme = "light" | "dark";
867
- declare const NavContext: react.Context<{
868
- theme: NavTheme;
869
- }>;
870
- declare const navItems: ({
871
- name: string;
872
- content: typeof ProductContent;
873
- childItems: {
874
- title: string;
875
- description: string;
876
- icon: typeof Hyperlink;
877
- href: string;
878
- }[];
879
- segments: string[];
880
- href?: undefined;
881
- } | {
882
- name: string;
863
+ type NavItemChild = {
864
+ title: string;
865
+ description?: string;
883
866
  href: string;
884
- segments: string[];
885
- content?: undefined;
886
- childItems?: undefined;
867
+ icon: ElementType;
868
+ iconClassName?: string;
869
+ };
870
+ type NavItemChildren = (NavItemChild | {
871
+ label: string;
872
+ items: NavItemChild[];
887
873
  })[];
888
- declare function Nav({ theme, staticDomain, maxWidthWrapperClassName, }: {
889
- theme?: NavTheme;
890
- staticDomain?: string;
891
- maxWidthWrapperClassName?: string;
892
- }): react_jsx_runtime.JSX.Element;
893
-
894
- declare function NavMobile({ theme, staticDomain, }: {
895
- theme?: NavTheme;
896
- staticDomain?: string;
897
- }): react_jsx_runtime.JSX.Element;
898
- declare function AuthButton({ variant, className, ...rest }: Pick<ButtonProps, "variant"> & ComponentProps<typeof Link>): react_jsx_runtime.JSX.Element;
899
-
900
874
  declare const FEATURES_LIST: {
901
875
  title: string;
902
876
  description: string;
@@ -916,18 +890,13 @@ declare const SDKS: {
916
890
  title: string;
917
891
  href: string;
918
892
  }[];
893
+ declare const SOLUTIONS: NavItemChildren;
919
894
  declare const RESOURCES: {
920
895
  icon: typeof Book2Fill;
921
896
  title: string;
922
897
  description: string;
923
898
  href: string;
924
899
  }[];
925
- declare const COMPANY: {
926
- icon: typeof FeatherFill;
927
- title: string;
928
- description: string;
929
- href: string;
930
- }[];
931
900
  declare const COMPARE_PAGES: {
932
901
  name: string;
933
902
  slug: string;
@@ -942,6 +911,54 @@ declare const SOCIAL_LINKS: {
942
911
  href: string;
943
912
  }[];
944
913
 
914
+ declare function ProductContent({ domain }: {
915
+ domain: string;
916
+ }): react_jsx_runtime.JSX.Element;
917
+
918
+ declare function SolutionsContent({ domain }: {
919
+ domain: string;
920
+ }): react_jsx_runtime.JSX.Element;
921
+
922
+ type NavTheme = "light" | "dark";
923
+ declare const NavContext: react.Context<{
924
+ theme: NavTheme;
925
+ }>;
926
+ declare const navItems: ({
927
+ name: string;
928
+ content: typeof ProductContent;
929
+ childItems: {
930
+ title: string;
931
+ description: string;
932
+ icon: typeof Hyperlink;
933
+ href: string;
934
+ }[];
935
+ segments: string[];
936
+ href?: undefined;
937
+ } | {
938
+ name: string;
939
+ content: typeof SolutionsContent;
940
+ childItems: NavItemChildren;
941
+ segments: string[];
942
+ href?: undefined;
943
+ } | {
944
+ name: string;
945
+ href: string;
946
+ segments: string[];
947
+ content?: undefined;
948
+ childItems?: undefined;
949
+ })[];
950
+ declare function Nav({ theme, staticDomain, maxWidthWrapperClassName, }: {
951
+ theme?: NavTheme;
952
+ staticDomain?: string;
953
+ maxWidthWrapperClassName?: string;
954
+ }): react_jsx_runtime.JSX.Element;
955
+
956
+ declare function NavMobile({ theme, staticDomain, }: {
957
+ theme?: NavTheme;
958
+ staticDomain?: string;
959
+ }): react_jsx_runtime.JSX.Element;
960
+ declare function AuthButton({ variant, className, ...rest }: Pick<ButtonProps, "variant"> & ComponentProps<typeof Link>): react_jsx_runtime.JSX.Element;
961
+
945
962
  /**
946
963
  * A container with animated width and height (each optional) based on children dimensions
947
964
  */
@@ -1316,4 +1333,4 @@ declare function Wordmark({ className }: {
1316
1333
  className?: string;
1317
1334
  }): react_jsx_runtime.JSX.Element;
1318
1335
 
1319
- export { AUTOPLAY_DEFAULT_DELAY, Accordion, AccordionContent, AccordionItem, AccordionTrigger, AdvancedLinkFeaturesTooltip, Alert, AlertDescription, AlertTitle, AnimatedSizeContainer, AuthButton, Avatar, Background, Badge, BadgeTooltip, BlurImage, Button, ButtonProps, ButtonTooltip, COMPANY, 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, 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, NavMobile, NavTheme, NavWordmark, NumberTooltip, PaginationControls, PaginationState, Popover, PopoverProps, Popup, PopupContext, ProgressBar, RESOURCES, RadioGroup, RadioGroupItem, SDKS, SOCIAL_LINKS, Sheet, ShimmerDots, SimpleTooltipContent, 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 };
1336
+ 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, 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, 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 };