@razorpay/blade 11.3.1 → 11.5.0

package/build/types/components/index.d.ts

@@ -517,6 +517,11 @@ type StringChildrenType = React__default.ReactText | React__default.ReactText[];
  */
 type StringWithAutocomplete = string & Record<never, never>;
 type TestID = {
+    /**
+     * Test id that can be used to select element in testing environments
+     *
+     * Checkout https://testing-library.com/docs/queries/bytestid/
+     */
     testID?: string;
 };
 /**
@@ -1187,7 +1192,7 @@ type BladeCommonEvents = {
 
 /**
  * @template TokenType token type generic
- * @description Tokenises objects to dot notation strings, eg: `surface.text.normal.lowContrast`
+ * @description Tokenises objects to dot notation strings, eg: `surface.text.gray.normal`
  */
 type DotNotationToken<_TokenType, TokenType = Omit<_TokenType, 'name'>> = {
     [K in keyof TokenType]: TokenType[K] extends string | number | ElevationStyles ? `${Extract<K, number | string>}` : `${Extract<K, number | string>}.${TokenType[K] extends Record<string, string | number | boolean | EasingType<string>> ? Extract<keyof TokenType[K], number | string> : DotNotationToken<TokenType[K]>}`;
@@ -2555,6 +2560,7 @@ type BaseHeaderProps = {
     onCloseButtonClick?: () => void;
     onBackButtonClick?: () => void;
     closeButtonRef?: React__default.MutableRefObject<any>;
+    backButtonRef?: React__default.MutableRefObject<any>;
     metaComponentName?: string;
     /**
      * inner child of BottomSheetHeader. Meant to be used for AutoComplete only
@@ -2637,6 +2643,207 @@ declare const BottomSheetBody: ({ children, padding, }: BottomSheetBodyProps) =>
 
 declare const BottomSheet: ({ isOpen, onDismiss, children, initialFocusRef, snapPoints, zIndex, }: BottomSheetProps) => React__default.ReactElement;
 
+type BaseLinkCommonProps = {
+    color?: 'primary' | 'white' | 'positive' | 'negative' | 'notice' | 'information' | 'neutral';
+    icon?: IconComponent;
+    iconPosition?: 'left' | 'right';
+    onClick?: (event: SyntheticEvent) => void;
+    onBlur?: Platform.Select<{
+        native: (event: GestureResponderEvent) => void;
+        web: (event: React__default.FocusEvent<HTMLButtonElement>) => void;
+    }>;
+    onMouseLeave?: Platform.Select<{
+        native: (event: GestureResponderEvent) => void;
+        web: (event: React__default.MouseEvent<HTMLButtonElement>) => void;
+    }>;
+    onKeyDown?: Platform.Select<{
+        native: (event: GestureResponderEvent) => void;
+        web: (event: React__default.KeyboardEvent<HTMLButtonElement>) => void;
+    }>;
+    accessibilityProps?: Partial<AccessibilityProps>;
+    /**
+     * Sets the size of the link
+     *
+     * @default medium
+     */
+    size?: Extract<BaseTextSizes, 'xsmall' | 'small' | 'medium' | 'large'>;
+    /**
+     * Defines how far your touch can start away from the link. This is a react-native only prop and has no effect on web.
+     */
+    hitSlop?: {
+        top?: number;
+        right?: number;
+        bottom?: number;
+        left?: number;
+    } | number;
+    /**
+     * The title of the link which is displayed as a tooltip. This is a web only prop and has no effect on react-native.
+     */
+    htmlTitle?: string;
+    opacity?: number;
+} & TestID & StyledPropsBlade & Omit<BladeCommonEvents, 'onBlur' | 'onMouseLeave'>;
+type BaseLinkWithoutIconProps = BaseLinkCommonProps & {
+    icon?: undefined;
+    children: StringChildrenType;
+};
+type BaseLinkWithIconProps = BaseLinkCommonProps & {
+    icon: IconComponent;
+    children?: StringChildrenType;
+};
+type BaseLinkPropsWithOrWithoutIcon = BaseLinkWithIconProps | BaseLinkWithoutIconProps;
+type BaseLinkAnchorVariantProps = BaseLinkPropsWithOrWithoutIcon & {
+    variant?: 'anchor';
+    href?: string;
+    target?: string;
+    rel?: string;
+    isDisabled?: undefined;
+};
+type BaseLinkButtonVariantProps = BaseLinkPropsWithOrWithoutIcon & {
+    variant?: 'button';
+    isDisabled?: boolean;
+    href?: undefined;
+    target?: undefined;
+    rel?: undefined;
+};
+type BaseLinkProps = BaseLinkAnchorVariantProps | BaseLinkButtonVariantProps;
+
+type LinkCommonProps = {
+    variant?: 'anchor' | 'button';
+    icon?: IconComponent;
+    color?: 'primary' | 'white' | 'neutral';
+    iconPosition?: 'left' | 'right';
+    isDisabled?: boolean;
+    onClick?: (event: SyntheticEvent) => void;
+    href?: string;
+    target?: string;
+    accessibilityLabel?: string;
+    /**
+     * It is exposed for internal usage with tooltip.
+     *
+     * @private
+     */
+    'aria-describedby'?: string;
+    /**
+     * Sets the size of the link
+     *
+     * @default medium
+     */
+    size?: BaseLinkProps['size'];
+} & TestID & StyledPropsBlade & BladeCommonEvents & Platform.Select<{
+    native: {
+        /**
+         * Defines how far your touch can start away from the link
+         */
+        hitSlop?: {
+            top?: number;
+            right?: number;
+            bottom?: number;
+            left?: number;
+        } | number;
+        /**
+         * This is a web only prop and has no effect on react-native.
+         */
+        htmlTitle?: undefined;
+    };
+    web: {
+        /**
+         * This is a react-native only prop and has no effect on web.
+         */
+        hitSlop?: undefined;
+        /**
+         * The title of the link which is displayed as a tooltip.
+         */
+        htmlTitle?: string;
+    };
+}>;
+type LinkWithoutIconProps = LinkCommonProps & {
+    icon?: undefined;
+    children: StringChildrenType;
+};
+type LinkWithIconProps = LinkCommonProps & {
+    icon: IconComponent;
+    children?: StringChildrenType;
+};
+type LinkPropsWithOrWithoutIcon = LinkWithIconProps | LinkWithoutIconProps;
+type LinkAnchorVariantProps = LinkPropsWithOrWithoutIcon & {
+    variant?: 'anchor';
+    href?: string;
+    target?: string;
+    rel?: string;
+    isDisabled?: undefined;
+};
+type LinkButtonVariantProps = LinkPropsWithOrWithoutIcon & {
+    variant?: 'button';
+    isDisabled?: boolean;
+    href?: undefined;
+    target?: undefined;
+    rel?: undefined;
+};
+type LinkProps = LinkAnchorVariantProps | LinkButtonVariantProps;
+declare const Link: React__default.ForwardRefExoticComponent<LinkProps & React__default.RefAttributes<BladeElementRef>>;
+
+type BreadcrumbProps = StyledPropsBlade & {
+    /**
+     * Size of the Breadcrumb
+     *
+     * @default medium
+     */
+    size?: 'small' | 'medium' | 'large';
+    /**
+     * Color of the Breadcrumb
+     *
+     * @default neutral
+     */
+    color?: 'neutral' | 'primary' | 'white';
+    /**
+     * Content of the Breadcrumb, accepts BreadcrumbItem
+     */
+    children: React.ReactNode;
+    /**
+     * Whether to show the last separator
+     */
+    showLastSeparator?: boolean;
+    /**
+     * aria-label for breadcrumb
+     */
+    accessibilityLabel?: string;
+};
+type BreadcrumbItemProps = {
+    /**
+     * Href of the BreadcrumbItem
+     */
+    href: string;
+    /**
+     * Function to be called on click of the BreadcrumbItem,
+     *
+     * This can be used to integrate with routing libraries like `react-router-dom`
+     */
+    onClick?: LinkProps['onClick'];
+    /**
+     * Whether the BreadcrumbItem is the current page,
+     * Sets the aria-current attribute to `page`
+     *
+     * @default false
+     */
+    isCurrentPage?: boolean;
+    /**
+     * Content of the BreadcrumbItem
+     */
+    children?: StringChildrenType;
+    /**
+     * Icon to be shown before the BreadcrumbItem
+     */
+    icon?: IconComponent;
+    /**
+     * Accessibility label for the BreadcrumbItem, can be used in icon only variant
+     */
+    accessibilityLabel?: string;
+};
+
+declare const Breadcrumb: ({ size, color, showLastSeparator, accessibilityLabel, children, ...styledProps }: BreadcrumbProps) => React__default.ReactElement;
+
+declare const BreadcrumbItem: ({ children, href, icon: Icon, isCurrentPage, onClick, accessibilityLabel, }: BreadcrumbItemProps) => React__default.ReactElement;
+
 declare const Box: React__default.ForwardRefExoticComponent<Partial<PaddingProps & MarginProps & {
     width: SpacingValueType | {
         readonly base?: SpacingValueType | undefined;
@@ -3176,69 +3383,6 @@ declare const Box: React__default.ForwardRefExoticComponent<Partial<PaddingProps
     id?: string | undefined;
 } & TestID> & React__default.RefAttributes<BoxRefType>>;
 
-type BaseLinkCommonProps = {
-    color?: 'primary' | 'white' | 'positive' | 'negative' | 'notice' | 'information' | 'neutral';
-    icon?: IconComponent;
-    iconPosition?: 'left' | 'right';
-    onClick?: (event: SyntheticEvent) => void;
-    onBlur?: Platform.Select<{
-        native: (event: GestureResponderEvent) => void;
-        web: (event: React__default.FocusEvent<HTMLButtonElement>) => void;
-    }>;
-    onMouseLeave?: Platform.Select<{
-        native: (event: GestureResponderEvent) => void;
-        web: (event: React__default.MouseEvent<HTMLButtonElement>) => void;
-    }>;
-    onKeyDown?: Platform.Select<{
-        native: (event: GestureResponderEvent) => void;
-        web: (event: React__default.KeyboardEvent<HTMLButtonElement>) => void;
-    }>;
-    accessibilityProps?: Partial<AccessibilityProps>;
-    /**
-     * Sets the size of the link
-     *
-     * @default medium
-     */
-    size?: Extract<BaseTextSizes, 'xsmall' | 'small' | 'medium' | 'large'>;
-    /**
-     * Defines how far your touch can start away from the link. This is a react-native only prop and has no effect on web.
-     */
-    hitSlop?: {
-        top?: number;
-        right?: number;
-        bottom?: number;
-        left?: number;
-    } | number;
-    /**
-     * The title of the link which is displayed as a tooltip. This is a web only prop and has no effect on react-native.
-     */
-    htmlTitle?: string;
-} & TestID & StyledPropsBlade & Omit<BladeCommonEvents, 'onBlur' | 'onMouseLeave'>;
-type BaseLinkWithoutIconProps = BaseLinkCommonProps & {
-    icon?: undefined;
-    children: StringChildrenType;
-};
-type BaseLinkWithIconProps = BaseLinkCommonProps & {
-    icon: IconComponent;
-    children?: StringChildrenType;
-};
-type BaseLinkPropsWithOrWithoutIcon = BaseLinkWithIconProps | BaseLinkWithoutIconProps;
-type BaseLinkAnchorVariantProps = BaseLinkPropsWithOrWithoutIcon & {
-    variant?: 'anchor';
-    href?: string;
-    target?: string;
-    rel?: string;
-    isDisabled?: undefined;
-};
-type BaseLinkButtonVariantProps = BaseLinkPropsWithOrWithoutIcon & {
-    variant?: 'button';
-    isDisabled?: boolean;
-    href?: undefined;
-    target?: undefined;
-    rel?: undefined;
-};
-type BaseLinkProps = BaseLinkAnchorVariantProps | BaseLinkButtonVariantProps;
-
 type BaseButtonCommonProps = {
     href?: BaseLinkProps['href'];
     target?: BaseLinkProps['target'];
@@ -3525,81 +3669,6 @@ type CardBodyProps = {
 } & TestID;
 declare const CardBody: ({ height, children, testID }: CardBodyProps) => React__default.ReactElement;
 
-type LinkCommonProps = {
-    variant?: 'anchor' | 'button';
-    icon?: IconComponent;
-    color?: 'primary' | 'white' | 'neutral';
-    iconPosition?: 'left' | 'right';
-    isDisabled?: boolean;
-    onClick?: (event: SyntheticEvent) => void;
-    href?: string;
-    target?: string;
-    accessibilityLabel?: string;
-    /**
-     * It is exposed for internal usage with tooltip.
-     *
-     * @private
-     */
-    'aria-describedby'?: string;
-    /**
-     * Sets the size of the link
-     *
-     * @default medium
-     */
-    size?: BaseLinkProps['size'];
-} & TestID & StyledPropsBlade & BladeCommonEvents & Platform.Select<{
-    native: {
-        /**
-         * Defines how far your touch can start away from the link
-         */
-        hitSlop?: {
-            top?: number;
-            right?: number;
-            bottom?: number;
-            left?: number;
-        } | number;
-        /**
-         * This is a web only prop and has no effect on react-native.
-         */
-        htmlTitle?: undefined;
-    };
-    web: {
-        /**
-         * This is a react-native only prop and has no effect on web.
-         */
-        hitSlop?: undefined;
-        /**
-         * The title of the link which is displayed as a tooltip.
-         */
-        htmlTitle?: string;
-    };
-}>;
-type LinkWithoutIconProps = LinkCommonProps & {
-    icon?: undefined;
-    children: StringChildrenType;
-};
-type LinkWithIconProps = LinkCommonProps & {
-    icon: IconComponent;
-    children?: StringChildrenType;
-};
-type LinkPropsWithOrWithoutIcon = LinkWithIconProps | LinkWithoutIconProps;
-type LinkAnchorVariantProps = LinkPropsWithOrWithoutIcon & {
-    variant?: 'anchor';
-    href?: string;
-    target?: string;
-    rel?: string;
-    isDisabled?: undefined;
-};
-type LinkButtonVariantProps = LinkPropsWithOrWithoutIcon & {
-    variant?: 'button';
-    isDisabled?: boolean;
-    href?: undefined;
-    target?: undefined;
-    rel?: undefined;
-};
-type LinkProps = LinkAnchorVariantProps | LinkButtonVariantProps;
-declare const Link: React__default.ForwardRefExoticComponent<LinkProps & React__default.RefAttributes<BladeElementRef>>;
-
 type CounterProps = {
     /**
      * Sets the value for the counter.
@@ -4985,6 +5054,129 @@ type DividerProps = {
 } & TestID & StyledPropsBlade;
 declare const Divider: ({ orientation, dividerStyle, variant, thickness, height, width, testID, ...styledProps }: DividerProps) => React__default.ReactElement;
 
+type DrawerProps = {
+    /**
+     * Controls the state of the drawer, indicating whether it is open or closed
+     */
+    isOpen: boolean;
+    /**
+     * Callback function triggered when the drawer is dismissed or closed
+     */
+    onDismiss: () => void;
+    /**
+     * Show or hide overlay.
+     *
+     * Also decides if clicking outside on overlay closes the drawer or not
+     */
+    showOverlay?: boolean;
+    /**
+     * children node.
+     *
+     * Supports DrawerHeader and DrawerBody
+     */
+    children: React.ReactNode;
+    /**
+     * zIndex property of drawer
+     *
+     * @default 1001
+     */
+    zIndex?: number;
+    /**
+     * Accessibility label for the drawer
+     */
+    accessibilityLabel?: string;
+    /**
+     * Ref to the element that should receive focus when opening the drawer.
+     */
+    initialFocusRef?: React.MutableRefObject<any>;
+} & TestID;
+type DrawerHeaderProps = {
+    /**
+     * Title of the Drawer
+     */
+    title: string;
+    /**
+     * Subtitle of the Drawer
+     */
+    subtitle?: string;
+    /**
+     * Leading element
+     *
+     * DrawerHeaderIcon or DrawerHeaderAsset
+     */
+    leading?: React.ReactNode;
+    /**
+     * Title suffix element
+     *
+     * DrawerHeaderBadge
+     */
+    titleSuffix?: React.ReactNode;
+    /**
+     * Trailing element
+     *
+     * Link, Button[]
+     */
+    trailing?: React.ReactNode;
+};
+
+/**
+ * ### Drawer Component
+ *
+ * A drawer is a panel that slides in mostly from right side of the screen over the existing content in the viewport.
+ * It helps in providing additional details or context and can also be used to promote product features or new products.
+ *
+ * ---
+ *
+ * #### Usage
+ *
+ * ```jsx
+  const MyDrawer = () => {
+    const [showDrawer, setShowDrawer] = React.useState(false);
+    return (
+      <Box>
+        <Button onClick={() => setShowDrawer(true)}>Open Drawer</Button>
+        <Drawer
+          isOpen={showDrawer}
+          onDismiss={() => setShowDrawer(false)}
+        >
+          <DrawerHeader title="Announcements" />
+          <DrawerBody>
+            <FTXAnnouncement />
+            <CatPictures />
+          </DrawerBody>
+        <Drawer>
+      </Box>
+    )
+  }
+ * ```
+ *
+ *  ---
+ *
+ * Checkout {@link https://blade.razorpay.com/?path=/docs/components-drawer Drawer Documentation}
+ *
+ *
+ */
+declare const Drawer: ({ isOpen, onDismiss, zIndex, children, accessibilityLabel, showOverlay, initialFocusRef, testID, }: DrawerProps) => React__default.ReactElement;
+
+/**
+ * #### Usage
+ *
+ * ```jsx
+ * <DrawerHeader
+ *  title="Announcements"
+ *  subtitle="Checkout what's new in Razorpay"
+ *  titleSuffix={<DrawerHeaderBadge>New</DrawerHeaderBadge>}
+ *  leading={<DrawerHeaderIcon icon={AnnouncementIcon} />}
+ *  trailing={<Button icon={DownloadIcon} />}
+ * />
+ * ```
+ *
+ */
+declare const DrawerHeader: ({ title, subtitle, leading, trailing, titleSuffix, }: DrawerHeaderProps) => React__default.ReactElement;
+declare const DrawerBody: ({ children }: {
+    children: React__default.ReactNode;
+}) => React__default.ReactElement;
+
 type DropdownProps = {
     /**
      * Control open / close state of the Dropdown component
@@ -8683,4 +8875,4 @@ declare const VisuallyHidden: ({ children, testID }: VisuallyHiddenProps) => Rea
  */
 declare const screenReaderStyles: CSSObject;
 
-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, CardHeaderAmount, 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, FileZipIcon, FilmIcon, FilterIcon, FlagIcon, FolderIcon, FullScreenEnterIcon, FullScreenExitIcon, GithubIcon, GitlabIcon, GlobeIcon, GridIcon, HashIcon, Heading, HeadingProps, HeadphonesIcon, HeartIcon, HelpCircleIcon, HistoryIcon, HomeIcon, IconButton, IconButtonProps, IconColors, IconComponent, IconProps, IconSize, Identifier, 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, OTPInputProps, 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, SpotlightPopoverStepRenderProps, SpotlightPopoverTour, SpotlightPopoverTourFooter, SpotlightPopoverTourProps, SpotlightPopoverTourStep, SpotlightPopoverTourSteps, SquareIcon, StampIcon, StarIcon, StopCircleIcon, SubscriptionsIcon, SunIcon, SunriseIcon, SunsetIcon, Switch, SwitchProps, TabItem, TabItemProps, TabList, TabPanel, TabPanelProps, Table, TableBackgroundColors, TableBody, TableBodyProps, TableCell, TableCellProps, TableData, TableFooter, TableFooterCell, TableFooterCellProps, TableFooterProps, TableFooterRow, TableFooterRowProps, TableHeader, TableHeaderCell, TableHeaderCellProps, TableHeaderProps, TableHeaderRow, TableHeaderRowProps, TableNode, TablePagination, TablePaginationCommonProps, TablePaginationProps, TablePaginationType, TableProps, TableRow, TableRowProps, TableToolbar, TableToolbarActions, TableToolbarActionsProps, TableToolbarProps, TabletIcon, Tabs, TabsProps, Tag, TagIcon, TagProps, TargetIcon, Text, TextArea, TextAreaProps, TextInput, TextInputProps, TextProps, TextVariant, Theme, ThermometerIcon, ThumbsDownIcon, ThumbsUpIcon, ToastContainer, ToastProps, ToggleLeftIcon, ToggleRightIcon, Tooltip, TooltipInteractiveWrapper, TooltipProps, TransactionsIcon, TrashIcon, TrendingDownIcon, TrendingUpIcon, TriangleIcon, TvIcon, TwitterIcon, TypeIcon, UmbrellaIcon, UnderlineIcon, UnlockIcon, UploadCloudIcon, UploadIcon, UseToastReturn, 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, useTheme, useToast };
+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, Breadcrumb, BreadcrumbItem, BreadcrumbItemProps, BreadcrumbProps, BriefcaseIcon, BulkPayoutsIcon, Button, ButtonProps, CalendarIcon, CameraIcon, CameraOffIcon, Card, CardBody, CardFooter, CardFooterAction, CardFooterLeading, CardFooterTrailing, CardHeader, CardHeaderAmount, 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, Drawer, DrawerBody, DrawerHeader, DrawerHeaderProps, DrawerProps, Dropdown, DropdownButton, DropdownFooter, DropdownHeader, DropdownLink, DropdownOverlay, DropdownOverlayProps, DropdownProps, DropletIcon, EditComposeIcon, EditIcon, EditInlineIcon, ExportIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FacebookIcon, FastForwardIcon, FeatherIcon, FileIcon, FileMinusIcon, FilePlusIcon, FileTextIcon, FileZipIcon, FilmIcon, FilterIcon, FlagIcon, FolderIcon, FullScreenEnterIcon, FullScreenExitIcon, GithubIcon, GitlabIcon, GlobeIcon, GridIcon, HashIcon, Heading, HeadingProps, HeadphonesIcon, HeartIcon, HelpCircleIcon, HistoryIcon, HomeIcon, IconButton, IconButtonProps, IconColors, IconComponent, IconProps, IconSize, Identifier, 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, OTPInputProps, 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, SpotlightPopoverStepRenderProps, SpotlightPopoverTour, SpotlightPopoverTourFooter, SpotlightPopoverTourProps, SpotlightPopoverTourStep, SpotlightPopoverTourSteps, SquareIcon, StampIcon, StarIcon, StopCircleIcon, SubscriptionsIcon, SunIcon, SunriseIcon, SunsetIcon, Switch, SwitchProps, TabItem, TabItemProps, TabList, TabPanel, TabPanelProps, Table, TableBackgroundColors, TableBody, TableBodyProps, TableCell, TableCellProps, TableData, TableFooter, TableFooterCell, TableFooterCellProps, TableFooterProps, TableFooterRow, TableFooterRowProps, TableHeader, TableHeaderCell, TableHeaderCellProps, TableHeaderProps, TableHeaderRow, TableHeaderRowProps, TableNode, TablePagination, TablePaginationCommonProps, TablePaginationProps, TablePaginationType, TableProps, TableRow, TableRowProps, TableToolbar, TableToolbarActions, TableToolbarActionsProps, TableToolbarProps, TabletIcon, Tabs, TabsProps, Tag, TagIcon, TagProps, TargetIcon, Text, TextArea, TextAreaProps, TextInput, TextInputProps, TextProps, TextVariant, Theme, ThermometerIcon, ThumbsDownIcon, ThumbsUpIcon, ToastContainer, ToastProps, ToggleLeftIcon, ToggleRightIcon, Tooltip, TooltipInteractiveWrapper, TooltipProps, TransactionsIcon, TrashIcon, TrendingDownIcon, TrendingUpIcon, TriangleIcon, TvIcon, TwitterIcon, TypeIcon, UmbrellaIcon, UnderlineIcon, UnlockIcon, UploadCloudIcon, UploadIcon, UseToastReturn, 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, useTheme, useToast };