@razorpay/blade 10.9.2 → 10.11.0

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.
@@ -728,6 +728,37 @@ declare type ActionListProps = {
728
728
  */
729
729
  surfaceLevel?: Exclude<SurfaceLevels, 1>;
730
730
  } & TestID;
731
+ /**
732
+ * ### ActionList
733
+ *
734
+ * List of multiple actionable items. Can be used as menu items inside `Dropdown`,
735
+ * `BottomSheet` and as selectable items when combined with `SelectInput`
736
+ *
737
+ * #### Usage
738
+ *
739
+ * ```jsx
740
+ * <Dropdown>
741
+ * <SelectInput label="Select Action" />
742
+ * <DropdownOverlay>
743
+ * <DropdownHeader title="Header Title" />
744
+ * <ActionList>
745
+ * <ActionListItem
746
+ * title="Home"
747
+ * value="home"
748
+ * leading={<ActionListItemIcon icon={HomeIcon} />}
749
+ * />
750
+ * <ActionListItem
751
+ * title="Pricing"
752
+ * value="pricing"
753
+ * leading={<ActionListItemAsset src="https://flagcdn.com/w20/in.png" alt="India Flag" />}
754
+ * />
755
+ * </ActionList>
756
+ * <DropdownFooter><Button>Apply</Button></DropdownFooter>
757
+ * </DropdownOverlay>
758
+ * </Dropdown>
759
+ * ```
760
+ *
761
+ */
731
762
  declare const ActionList: React__default.MemoExoticComponent<({ children, surfaceLevel, testID, }: ActionListProps) => React__default.ReactElement>;
732
763
 
733
764
  /**
@@ -1950,6 +1981,45 @@ declare type IconProps = {
1950
1981
  } & StyledPropsBlade;
1951
1982
  declare type IconComponent = React.ComponentType<IconProps>;
1952
1983
 
1984
+ declare type BadgeProps = {
1985
+ /**
1986
+ * Sets the label for the badge.
1987
+ *
1988
+ */
1989
+ children: StringChildrenType;
1990
+ /**
1991
+ * Sets the variant of the badge.
1992
+ *
1993
+ * @default 'neutral'
1994
+ */
1995
+ variant?: Feedback | 'blue';
1996
+ /**
1997
+ * Sets the contrast of the badge.
1998
+ *
1999
+ * @default 'low'
2000
+ */
2001
+ contrast?: 'low' | 'high';
2002
+ /**
2003
+ * Sets the size of the badge.
2004
+ *
2005
+ * @default 'medium'
2006
+ */
2007
+ size?: 'small' | 'medium' | 'large';
2008
+ /**
2009
+ * Icon to be displayed in the badge.
2010
+ * Accepts a component of type `IconComponent` from Blade.
2011
+ *
2012
+ */
2013
+ icon?: IconComponent;
2014
+ /**
2015
+ * Sets the fontWeight of the label.
2016
+ *
2017
+ * @default 'regular'
2018
+ */
2019
+ fontWeight?: 'regular' | 'bold';
2020
+ } & TestID & StyledPropsBlade;
2021
+ declare const Badge: ({ children, contrast, fontWeight, icon, size, variant, testID, ...styledProps }: BadgeProps) => ReactElement;
2022
+
1953
2023
  declare type ActionListItemProps = {
1954
2024
  title: string;
1955
2025
  description?: string;
@@ -1983,6 +2053,13 @@ declare type ActionListItemProps = {
1983
2053
  * Valid elements - `<ActionListItemText />`, `<ActionListItemIcon />`
1984
2054
  */
1985
2055
  trailing?: React__default.ReactNode;
2056
+ /**
2057
+ * Item that goes immediately next to the title.
2058
+ *
2059
+ * Valid elements - `<ActionListItemBadge />`, `<ActionListItemBadgeGroup />`
2060
+ *
2061
+ */
2062
+ titleSuffix?: React__default.ReactElement;
1986
2063
  isDisabled?: boolean;
1987
2064
  intent?: Extract<Feedback, 'negative'>;
1988
2065
  /**
@@ -2014,6 +2091,10 @@ declare const ActionListSection: ({ title, children, testID, _hideDivider, }: Ac
2014
2091
  declare const ActionListItemIcon: ({ icon }: {
2015
2092
  icon: IconComponent;
2016
2093
  }) => React__default.ReactElement;
2094
+ declare const ActionListItemBadgeGroup: ({ children, }: {
2095
+ children: React__default.ReactElement[] | React__default.ReactElement;
2096
+ }) => React__default.ReactElement;
2097
+ declare const ActionListItemBadge: (props: BadgeProps) => React__default.ReactElement;
2017
2098
  declare const ActionListItemText: ({ children, }: {
2018
2099
  children: StringChildrenType;
2019
2100
  }) => React__default.ReactElement;
@@ -2104,45 +2185,6 @@ declare type AlertProps = {
2104
2185
  } & TestID & StyledPropsBlade;
2105
2186
  declare const Alert: ({ description, title, isDismissible, onDismiss, contrast, isFullWidth, intent, actions, testID, ...styledProps }: AlertProps) => ReactElement | null;
2106
2187
 
2107
- declare type BadgeProps = {
2108
- /**
2109
- * Sets the label for the badge.
2110
- *
2111
- */
2112
- children: StringChildrenType;
2113
- /**
2114
- * Sets the variant of the badge.
2115
- *
2116
- * @default 'neutral'
2117
- */
2118
- variant?: Feedback | 'blue';
2119
- /**
2120
- * Sets the contrast of the badge.
2121
- *
2122
- * @default 'low'
2123
- */
2124
- contrast?: 'low' | 'high';
2125
- /**
2126
- * Sets the size of the badge.
2127
- *
2128
- * @default 'medium'
2129
- */
2130
- size?: 'small' | 'medium' | 'large';
2131
- /**
2132
- * Icon to be displayed in the badge.
2133
- * Accepts a component of type `IconComponent` from Blade.
2134
- *
2135
- */
2136
- icon?: IconComponent;
2137
- /**
2138
- * Sets the fontWeight of the label.
2139
- *
2140
- * @default 'regular'
2141
- */
2142
- fontWeight?: 'regular' | 'bold';
2143
- } & TestID & StyledPropsBlade;
2144
- declare const Badge: ({ children, contrast, fontWeight, icon, size, variant, testID, ...styledProps }: BadgeProps) => ReactElement;
2145
-
2146
2188
  declare const Box: React__default.ForwardRefExoticComponent<Partial<PaddingProps & MarginProps & {
2147
2189
  width: SpacingValueType | {
2148
2190
  readonly base?: SpacingValueType | undefined;
@@ -4721,12 +4763,42 @@ declare type DividerProps = {
4721
4763
  declare const Divider: ({ orientation, dividerStyle, variant, thickness, contrast, height, width, testID, ...styledProps }: DividerProps) => React__default.ReactElement;
4722
4764
 
4723
4765
  declare type DropdownProps = {
4766
+ /**
4767
+ * Control open / close state of the Dropdown component
4768
+ *
4769
+ * This can be used to close the dropdown when button in the footer of dropdown is clicked
4770
+ */
4771
+ isOpen?: boolean;
4772
+ /**
4773
+ * Callback when open state of the dropdown changes
4774
+ */
4775
+ onOpenChange?: (isOpen: boolean) => void;
4724
4776
  selectionType?: 'single' | 'multiple';
4777
+ /**
4778
+ * ## Deprecated ⚠️
4779
+ *
4780
+ * Use `onOpenChange` instead for knowing when dropdown gets dismissed.
4781
+ *
4782
+ * ### Migration
4783
+ * ```diff
4784
+ * <Dropdown
4785
+ * - onDismiss={() => console.log('dismissed')}
4786
+ * + onOpenChange={(isOpen) => {
4787
+ * + if (!isOpen) {
4788
+ * + console.log('dismissed');
4789
+ * + }
4790
+ * + }}
4791
+ * />
4792
+ *
4793
+ * ```
4794
+ *
4795
+ * @deprecated
4796
+ */
4725
4797
  onDismiss?: () => void;
4726
- children: React.ReactNode[];
4798
+ children: React__default.ReactNode[];
4727
4799
  } & TestID & StyledPropsBlade;
4728
4800
  declare type DropdownOverlayProps = {
4729
- children: React.ReactElement[] | React.ReactElement;
4801
+ children: React__default.ReactElement[] | React__default.ReactElement;
4730
4802
  /**
4731
4803
  * Sets the z-index of the DropdownOverlay
4732
4804
  *
@@ -4735,7 +4807,7 @@ declare type DropdownOverlayProps = {
4735
4807
  zIndex?: number;
4736
4808
  } & TestID;
4737
4809
 
4738
- declare const Dropdown: ({ children, selectionType, onDismiss, testID, ...styledProps }: DropdownProps) => React__default.ReactElement;
4810
+ declare const Dropdown: ({ children, isOpen, onOpenChange, selectionType, onDismiss, testID, ...styledProps }: DropdownProps) => React__default.ReactElement;
4739
4811
 
4740
4812
  declare const DropdownOverlay: ({ children, testID, zIndex, }: DropdownOverlayProps) => React__default.ReactElement | null;
4741
4813
 
@@ -7313,6 +7385,10 @@ declare type CollapsibleBodyProps = {
7313
7385
  declare const CollapsibleBody: ({ children, testID, _width }: CollapsibleBodyProps) => ReactElement;
7314
7386
 
7315
7387
  declare type TooltipProps = {
7388
+ /**
7389
+ * Tooltip title
7390
+ */
7391
+ title?: string;
7316
7392
  /**
7317
7393
  * Tooltip content
7318
7394
  */
@@ -7334,7 +7410,7 @@ declare type TooltipProps = {
7334
7410
  zIndex?: number;
7335
7411
  };
7336
7412
 
7337
- declare const Tooltip: ({ content, children, placement, onOpenChange, zIndex, }: TooltipProps) => React__default.ReactElement;
7413
+ declare const Tooltip: ({ title, content, children, placement, onOpenChange, zIndex, }: TooltipProps) => React__default.ReactElement;
7338
7414
 
7339
7415
  declare const TooltipInteractiveWrapper: styled_components.StyledComponent<"div", styled_components.DefaultTheme, Omit<Partial<PaddingProps & MarginProps & {
7340
7416
  width: SpacingValueType | {
@@ -7940,4 +8016,119 @@ declare const TooltipInteractiveWrapper: styled_components.StyledComponent<"div"
7940
8016
  tabIndex: -1;
7941
8017
  }, "tabIndex" | "data-testid" | "data-blade-component">;
7942
8018
 
7943
- export { Accordion, AccordionItem, AccordionItemProps, AccordionProps, ActionList, ActionListItem, ActionListItemAsset, ActionListItemAssetProps, ActionListItemIcon, ActionListItemProps, ActionListItemText, ActionListProps, ActionListSection, ActionListSectionProps, ActivityIcon, AirplayIcon, Alert, AlertCircleIcon, AlertTriangleIcon as AlertOctagonIcon, AlertOnlyIcon, AlertProps, AlertTriangleIcon$1 as AlertTriangleIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, Amount, AmountProps, AnchorIcon, AnnouncementIcon, ApertureIcon, AppStoreIcon, ArrowDownIcon, ArrowDownLeftIcon, ArrowDownRightIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, ArrowUpLeftIcon, ArrowUpRightIcon, AtSignIcon, Attachment as AttachmentIcon, AutoComplete, AutoCompleteProps, AwardIcon, Badge, BadgeProps, BankIcon, BarChartAltIcon, BarChartIcon, BatteryChargingIcon, BatteryIcon, BellIcon, BellOffIcon, BillIcon, BladeCommonEvents, BladeProvider, BladeProviderProps, BluetoothIcon, BoldIcon, BookIcon, BookmarkIcon, BottomSheet, BottomSheetBody, BottomSheetBodyProps, BottomSheetFooter, BottomSheetFooterProps, BottomSheetHeader, BottomSheetHeaderProps, BottomSheetProps, Box, BoxIcon, BoxProps, BoxRefType, BriefcaseIcon, BulkPayoutsIcon, Button, ButtonProps, CalendarIcon, CameraIcon, CameraOffIcon, Card, CardBody, CardFooter, CardFooterAction, CardFooterLeading, CardFooterTrailing, CardHeader, CardHeaderBadge, CardHeaderCounter, CardHeaderIcon, CardHeaderIconButton, CardHeaderLeading, CardHeaderLink, CardHeaderText, CardHeaderTrailing, CardProps, Carousel, CarouselItem, CarouselProps, CastIcon, CheckCircleIcon, CheckIcon, CheckSquareIcon, Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsDownIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpIcon, Chip, ChipGroup, ChipGroupProps, ChipProps, ChromeIcon, CircleIcon, ClipboardIcon, ClockIcon, CloseIcon, CloudDrizzleIcon, CloudIcon, CloudLightningIcon, CloudOffIcon, CloudRainIcon, CloudSnowIcon, Code, CodeProps, CodepenIcon, CoinsIcon, Collapsible, CollapsibleBody, CollapsibleBodyProps, CollapsibleButton, CollapsibleButtonProps, CollapsibleLink, CollapsibleLinkProps, CollapsibleProps, CommandIcon, CompassIcon, ComponentIds, CopyIcon, CornerDownLeftIcon, CornerDownRightIcon, CornerLeftDownIcon, CornerLeftUpIcon, CornerRightDownIcon, CornerRightUpIcon, CornerUpLeftIcon, CornerUpRightIcon, Counter, CounterProps, CpuIcon, CreditCardIcon, CropIcon, CrosshairIcon, CustomersIcon, CutIcon, DashboardIcon, DeleteIcon, DiscIcon, Display, DisplayProps, Divider, DividerProps, DollarIcon, DollarsIcon, DownloadCloudIcon, DownloadIcon, Dropdown, DropdownButton, DropdownFooter, DropdownHeader, DropdownLink, DropdownOverlay, DropdownOverlayProps, DropdownProps, DropletIcon, EditComposeIcon, EditIcon, EditInlineIcon, ExportIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FacebookIcon, FastForwardIcon, FeatherIcon, FileIcon, FileMinusIcon, FilePlusIcon, FileTextIcon, FilmIcon, FilterIcon, FlagIcon, FolderIcon, FullScreenEnterIcon, FullScreenExitIcon, GithubIcon, GitlabIcon, GlobeIcon, GridIcon, HashIcon, Heading, HeadingProps, HeadphonesIcon, HeartIcon, HelpCircleIcon, HistoryIcon, HomeIcon, IconButton, IconButtonProps, IconComponent, IconProps, IconSize, ImageIcon, InboxIcon, Indicator, IndicatorProps, InfoIcon, InstagramIcon, InvoicesIcon, ItalicIcon, LayersIcon, LayoutIcon, LifeBuoyIcon, Link, LinkButtonVariantProps, LinkIcon, LinkProps, List, ListIcon, ListItem, ListItemCode, ListItemCodeProps, ListItemLink, ListItemLinkProps, ListItemProps, ListItemText, ListItemTextProps, ListProps, LoaderIcon, LockIcon, LogInIcon, LogOutIcon, MailIcon, MailOpenIcon, MapIcon, MapPinIcon, MaximizeIcon, MenuDotsIcon, MenuIcon, MessageCircleIcon, MessageSquareIcon, MicIcon, MicOffIcon, MinimizeIcon, MinusCircleIcon, MinusIcon, MinusSquareIcon, Modal, ModalBody, ModalBodyProps, ModalFooter, ModalFooterProps, ModalHeader, ModalHeaderProps, ModalProps, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoreVerticalIcon, MoveIcon, MusicIcon, MyAccountIcon, NavigationIcon, OTPInput, OTPInputCommonProps, OctagonIcon, OffersIcon, PackageIcon, PaperclipIcon, PasswordInput, PasswordInputProps, PauseCircleIcon, PauseIcon, PaymentButtonsIcon, PaymentLinksIcon, PaymentPagesIcon, PercentIcon, PhoneCallIcon, PhoneForwardedIcon, PhoneIcon, PhoneIncomingIcon, PhoneMissedIcon, PhoneOffIcon, PhoneOutgoingIcon, PieChartIcon, PlayCircleIcon, PlayIcon, PlusCircleIcon, PlusIcon, PlusSquareIcon, PocketIcon, PowerIcon, PrinterIcon, ProgressBar, ProgressBarProps, ProgressBarVariant, QRCodeIcon, Radio, RadioGroup, RadioGroupProps, RadioIcon, RadioProps, RazorpayIcon, RazorpayXIcon, RefreshIcon, RepeatIcon, ReportsIcon, RewindIcon, RotateClockWiseIcon, RotateCounterClockWiseIcon, RoutesIcon, RupeeIcon, RupeesIcon, SaveIcon, ScissorsIcon, SearchIcon, SelectInput, SelectInputProps, SendIcon, ServerIcon, SettingsIcon, SettlementsIcon, ShareIcon, ShieldIcon, ShoppingCartIcon, ShuffleIcon, SidebarIcon, Skeleton, SkeletonProps, SkipBackIcon, SkipForwardIcon, SkipNavContent, SkipNavLink, SlackIcon, SlashIcon, SlidersIcon, SmartCollectIcon, SmartphoneIcon, SpeakerIcon, Spinner, SpinnerProps, SquareIcon, StampIcon, StarIcon, StopCircleIcon, SubscriptionsIcon, SunIcon, SunriseIcon, SunsetIcon, Switch, SwitchProps, TabletIcon, Tag, TagIcon, TagProps, TargetIcon, Text, TextArea, TextAreaProps, TextInput, TextInputProps, TextProps, TextVariant, Theme, ThermometerIcon, ThumbsDownIcon, ThumbsUpIcon, Title, TitleProps, ToggleLeftIcon, ToggleRightIcon, Tooltip, TooltipInteractiveWrapper, TooltipProps, TransactionsIcon, TrashIcon, TrendingDownIcon, TrendingUpIcon, TriangleIcon, TvIcon, TwitterIcon, TypeIcon, UmbrellaIcon, UnderlineIcon, UnlockIcon, UploadCloudIcon, UploadIcon, UserCheckIcon, UserIcon, UserMinusIcon, UserPlusIcon, UserXIcon, UsersIcon, VideoIcon, VideoOffIcon, VisuallyHidden, VisuallyHiddenProps, VoicemailIcon, VolumeHighIcon, VolumeIcon, VolumeLowIcon, VolumeMuteIcon, WatchIcon, WifiIcon, WifiOffIcon, WindIcon, XCircleIcon, XSquareIcon, ZapIcon, ZoomInIcon, ZoomOutIcon, announce, clearAnnouncer, destroyAnnouncer, getTextProps, screenReaderStyles, useActionListContext, useTheme };
8019
+ declare type PopoverProps = {
8020
+ /**
8021
+ * Popover title
8022
+ */
8023
+ title?: string;
8024
+ /**
8025
+ * Leading content placed before the title
8026
+ *
8027
+ * Can be any blade icon or asset.
8028
+ */
8029
+ titleLeading?: React__default.ReactNode;
8030
+ /**
8031
+ * Footer content
8032
+ */
8033
+ footer?: React__default.ReactNode;
8034
+ /**
8035
+ * Popover content
8036
+ */
8037
+ content: React__default.ReactElement;
8038
+ /**
8039
+ * Placement of Popover
8040
+ *
8041
+ * @default "top"
8042
+ */
8043
+ placement?: UseFloatingOptions['placement'];
8044
+ /**
8045
+ * Popover trigger
8046
+ */
8047
+ children: React__default.ReactElement;
8048
+ /**
8049
+ * Open state of Popover
8050
+ * If set to true makes the popover controlled
8051
+ */
8052
+ isOpen?: boolean;
8053
+ /**
8054
+ * Uncontrolled state of the popover
8055
+ */
8056
+ defaultIsOpen?: boolean;
8057
+ /**
8058
+ * Called when popover open state is changed, this can be used to detect when popover opens or closed
8059
+ */
8060
+ onOpenChange?: ({ isOpen }: {
8061
+ isOpen: boolean;
8062
+ }) => void;
8063
+ /**
8064
+ * Sets the z-index of the Popover
8065
+ * @default 1000
8066
+ */
8067
+ zIndex?: number;
8068
+ /**
8069
+ * The ref of the element that should receive focus when the popover opens.
8070
+ *
8071
+ * @default PopoverCloseButton
8072
+ */
8073
+ initialFocusRef?: React__default.RefObject<any>;
8074
+ };
8075
+ /**
8076
+ * PopoverTriggerProps
8077
+ *
8078
+ * This can be useful when working with Custom Trigger Components
8079
+ */
8080
+ declare type PopoverTriggerProps = {
8081
+ onMouseDown?: Platform.Select<{
8082
+ web: React__default.MouseEventHandler;
8083
+ native: undefined;
8084
+ }>;
8085
+ onPointerDown?: Platform.Select<{
8086
+ web: React__default.PointerEventHandler;
8087
+ native: undefined;
8088
+ }>;
8089
+ onKeyDown?: Platform.Select<{
8090
+ web: React__default.KeyboardEventHandler;
8091
+ native: undefined;
8092
+ }>;
8093
+ onKeyUp?: Platform.Select<{
8094
+ web: React__default.KeyboardEventHandler;
8095
+ native: undefined;
8096
+ }>;
8097
+ onClick?: Platform.Select<{
8098
+ web: React__default.MouseEventHandler;
8099
+ native: undefined;
8100
+ }>;
8101
+ onTouchEnd?: Platform.Select<{
8102
+ web: React__default.TouchEventHandler;
8103
+ native: (event: GestureResponderEvent) => void;
8104
+ }>;
8105
+ };
8106
+
8107
+ declare const Popover: ({ content, title, titleLeading, footer, children, placement, onOpenChange, zIndex, isOpen, defaultIsOpen, initialFocusRef, }: PopoverProps) => React__default.ReactElement;
8108
+
8109
+ declare type PopoverInteractiveWrapper = {
8110
+ /**
8111
+ * A label for screen readers to announce when the popover is opened.
8112
+ */
8113
+ accessibilityLabel?: string;
8114
+ /**
8115
+ * The content of the PopoverInteractiveWrapper.
8116
+ */
8117
+ children?: React__default.ReactNode;
8118
+ onClick?: (event: React__default.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
8119
+ onKeyDown?: (event: React__default.KeyboardEvent<HTMLButtonElement>) => void;
8120
+ } & Omit<BaseBoxProps, 'as'>;
8121
+ declare const PopoverInteractiveWrapper: React__default.ForwardRefExoticComponent<{
8122
+ /**
8123
+ * A label for screen readers to announce when the popover is opened.
8124
+ */
8125
+ accessibilityLabel?: string | undefined;
8126
+ /**
8127
+ * The content of the PopoverInteractiveWrapper.
8128
+ */
8129
+ children?: React__default.ReactNode;
8130
+ onClick?: ((event: React__default.MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined;
8131
+ onKeyDown?: ((event: React__default.KeyboardEvent<HTMLButtonElement>) => void) | undefined;
8132
+ } & Omit<BaseBoxProps, "as"> & React__default.RefAttributes<HTMLButtonElement>>;
8133
+
8134
+ export { Accordion, AccordionItem, AccordionItemProps, AccordionProps, ActionList, ActionListItem, ActionListItemAsset, ActionListItemAssetProps, ActionListItemBadge, ActionListItemBadgeGroup, ActionListItemIcon, ActionListItemProps, ActionListItemText, ActionListProps, ActionListSection, ActionListSectionProps, ActivityIcon, AirplayIcon, Alert, AlertCircleIcon, AlertTriangleIcon as AlertOctagonIcon, AlertOnlyIcon, AlertProps, AlertTriangleIcon$1 as AlertTriangleIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, Amount, AmountProps, AnchorIcon, AnnouncementIcon, ApertureIcon, AppStoreIcon, ArrowDownIcon, ArrowDownLeftIcon, ArrowDownRightIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, ArrowUpLeftIcon, ArrowUpRightIcon, AtSignIcon, Attachment as AttachmentIcon, AutoComplete, AutoCompleteProps, AwardIcon, Badge, BadgeProps, BankIcon, BarChartAltIcon, BarChartIcon, BatteryChargingIcon, BatteryIcon, BellIcon, BellOffIcon, BillIcon, BladeCommonEvents, BladeProvider, BladeProviderProps, BluetoothIcon, BoldIcon, BookIcon, BookmarkIcon, BottomSheet, BottomSheetBody, BottomSheetBodyProps, BottomSheetFooter, BottomSheetFooterProps, BottomSheetHeader, BottomSheetHeaderProps, BottomSheetProps, Box, BoxIcon, BoxProps, BoxRefType, BriefcaseIcon, BulkPayoutsIcon, Button, ButtonProps, CalendarIcon, CameraIcon, CameraOffIcon, Card, CardBody, CardFooter, CardFooterAction, CardFooterLeading, CardFooterTrailing, CardHeader, CardHeaderBadge, CardHeaderCounter, CardHeaderIcon, CardHeaderIconButton, CardHeaderLeading, CardHeaderLink, CardHeaderText, CardHeaderTrailing, CardProps, Carousel, CarouselItem, CarouselProps, CastIcon, CheckCircleIcon, CheckIcon, CheckSquareIcon, Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsDownIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpIcon, Chip, ChipGroup, ChipGroupProps, ChipProps, ChromeIcon, CircleIcon, ClipboardIcon, ClockIcon, CloseIcon, CloudDrizzleIcon, CloudIcon, CloudLightningIcon, CloudOffIcon, CloudRainIcon, CloudSnowIcon, Code, CodeProps, CodepenIcon, CoinsIcon, Collapsible, CollapsibleBody, CollapsibleBodyProps, CollapsibleButton, CollapsibleButtonProps, CollapsibleLink, CollapsibleLinkProps, CollapsibleProps, CommandIcon, CompassIcon, ComponentIds, CopyIcon, CornerDownLeftIcon, CornerDownRightIcon, CornerLeftDownIcon, CornerLeftUpIcon, CornerRightDownIcon, CornerRightUpIcon, CornerUpLeftIcon, CornerUpRightIcon, Counter, CounterProps, CpuIcon, CreditCardIcon, CropIcon, CrosshairIcon, CustomersIcon, CutIcon, DashboardIcon, DeleteIcon, DiscIcon, Display, DisplayProps, Divider, DividerProps, DollarIcon, DollarsIcon, DownloadCloudIcon, DownloadIcon, Dropdown, DropdownButton, DropdownFooter, DropdownHeader, DropdownLink, DropdownOverlay, DropdownOverlayProps, DropdownProps, DropletIcon, EditComposeIcon, EditIcon, EditInlineIcon, ExportIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FacebookIcon, FastForwardIcon, FeatherIcon, FileIcon, FileMinusIcon, FilePlusIcon, FileTextIcon, FilmIcon, FilterIcon, FlagIcon, FolderIcon, FullScreenEnterIcon, FullScreenExitIcon, GithubIcon, GitlabIcon, GlobeIcon, GridIcon, HashIcon, Heading, HeadingProps, HeadphonesIcon, HeartIcon, HelpCircleIcon, HistoryIcon, HomeIcon, IconButton, IconButtonProps, IconComponent, IconProps, IconSize, ImageIcon, InboxIcon, Indicator, IndicatorProps, InfoIcon, InstagramIcon, InvoicesIcon, ItalicIcon, LayersIcon, LayoutIcon, LifeBuoyIcon, Link, LinkButtonVariantProps, LinkIcon, LinkProps, List, ListIcon, ListItem, ListItemCode, ListItemCodeProps, ListItemLink, ListItemLinkProps, ListItemProps, ListItemText, ListItemTextProps, ListProps, LoaderIcon, LockIcon, LogInIcon, LogOutIcon, MailIcon, MailOpenIcon, MapIcon, MapPinIcon, MaximizeIcon, MenuDotsIcon, MenuIcon, MessageCircleIcon, MessageSquareIcon, MicIcon, MicOffIcon, MinimizeIcon, MinusCircleIcon, MinusIcon, MinusSquareIcon, Modal, ModalBody, ModalBodyProps, ModalFooter, ModalFooterProps, ModalHeader, ModalHeaderProps, ModalProps, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoreVerticalIcon, MoveIcon, MusicIcon, MyAccountIcon, NavigationIcon, OTPInput, OTPInputCommonProps, OctagonIcon, OffersIcon, PackageIcon, PaperclipIcon, PasswordInput, PasswordInputProps, PauseCircleIcon, PauseIcon, PaymentButtonsIcon, PaymentLinksIcon, PaymentPagesIcon, PercentIcon, PhoneCallIcon, PhoneForwardedIcon, PhoneIcon, PhoneIncomingIcon, PhoneMissedIcon, PhoneOffIcon, PhoneOutgoingIcon, PieChartIcon, PlayCircleIcon, PlayIcon, PlusCircleIcon, PlusIcon, PlusSquareIcon, PocketIcon, Popover, PopoverInteractiveWrapper, PopoverProps, PopoverTriggerProps, PowerIcon, PrinterIcon, ProgressBar, ProgressBarProps, ProgressBarVariant, QRCodeIcon, Radio, RadioGroup, RadioGroupProps, RadioIcon, RadioProps, RazorpayIcon, RazorpayXIcon, RefreshIcon, RepeatIcon, ReportsIcon, RewindIcon, RotateClockWiseIcon, RotateCounterClockWiseIcon, RoutesIcon, RupeeIcon, RupeesIcon, SaveIcon, ScissorsIcon, SearchIcon, SelectInput, SelectInputProps, SendIcon, ServerIcon, SettingsIcon, SettlementsIcon, ShareIcon, ShieldIcon, ShoppingCartIcon, ShuffleIcon, SidebarIcon, Skeleton, SkeletonProps, SkipBackIcon, SkipForwardIcon, SkipNavContent, SkipNavLink, SlackIcon, SlashIcon, SlidersIcon, SmartCollectIcon, SmartphoneIcon, SpeakerIcon, Spinner, SpinnerProps, SquareIcon, StampIcon, StarIcon, StopCircleIcon, SubscriptionsIcon, SunIcon, SunriseIcon, SunsetIcon, Switch, SwitchProps, TabletIcon, Tag, TagIcon, TagProps, TargetIcon, Text, TextArea, TextAreaProps, TextInput, TextInputProps, TextProps, TextVariant, Theme, ThermometerIcon, ThumbsDownIcon, ThumbsUpIcon, Title, TitleProps, ToggleLeftIcon, ToggleRightIcon, Tooltip, TooltipInteractiveWrapper, TooltipProps, TransactionsIcon, TrashIcon, TrendingDownIcon, TrendingUpIcon, TriangleIcon, TvIcon, TwitterIcon, TypeIcon, UmbrellaIcon, UnderlineIcon, UnlockIcon, UploadCloudIcon, UploadIcon, UserCheckIcon, UserIcon, UserMinusIcon, UserPlusIcon, UserXIcon, UsersIcon, VideoIcon, VideoOffIcon, VisuallyHidden, VisuallyHiddenProps, VoicemailIcon, VolumeHighIcon, VolumeIcon, VolumeLowIcon, VolumeMuteIcon, WatchIcon, WifiIcon, WifiOffIcon, WindIcon, XCircleIcon, XSquareIcon, ZapIcon, ZoomInIcon, ZoomOutIcon, announce, clearAnnouncer, destroyAnnouncer, getTextProps, screenReaderStyles, useActionListContext, useTheme };