@razorpay/blade 10.8.1 → 10.9.1

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

@@ -712,6 +712,10 @@ declare type BladeElementRef = Platform.Select<{
     web: HTMLElement;
     native: View;
 }>;
+declare type ContainerElementType = Platform.Select<{
+    web: HTMLDivElement;
+    native: View;
+}>;
 
 declare type ActionListContextProp = Pick<ActionListProps, 'surfaceLevel'>;
 declare const useActionListContext: () => ActionListContextProp;
@@ -1242,7 +1246,7 @@ declare type LayoutProps = MakeObjectResponsive<{
     width: SpacingValueType;
     minWidth: SpacingValueType;
     maxWidth: SpacingValueType;
-} & PickCSSByPlatform<'display' | 'overflow' | 'overflowX' | 'overflowY' | 'textAlign'>>;
+} & PickCSSByPlatform<'display' | 'overflow' | 'overflowX' | 'overflowY' | 'textAlign' | 'whiteSpace'>>;
 declare type FlexboxProps = MakeObjectResponsive<{
     /**
      * This uses the native gap property which might not work on older browsers.
@@ -2199,6 +2203,7 @@ declare const Box: React__default.ForwardRefExoticComponent<Partial<PaddingProps
     overflowX: never;
     overflowY: never;
     textAlign: never;
+    whiteSpace: never;
     overflow?: "hidden" | "scroll" | "visible" | {
         readonly base?: "hidden" | "scroll" | "visible" | undefined;
         readonly xs?: "hidden" | "scroll" | "visible" | undefined;
@@ -2462,6 +2467,41 @@ declare const Box: React__default.ForwardRefExoticComponent<Partial<PaddingProps
 } & MakeObjectResponsive<{
     backgroundColor: "brand.primary.300" | "brand.primary.400" | "brand.primary.500" | "brand.primary.600" | "brand.primary.700" | "brand.primary.800" | "brand.secondary.500" | "brand.gray.200.lowContrast" | "brand.gray.200.highContrast" | "brand.gray.300.lowContrast" | "brand.gray.300.highContrast" | "brand.gray.400.lowContrast" | "brand.gray.400.highContrast" | "brand.gray.500.lowContrast" | "brand.gray.500.highContrast" | "brand.gray.600.lowContrast" | "brand.gray.600.highContrast" | "brand.gray.700.lowContrast" | "brand.gray.700.highContrast" | "brand.gray.a50.lowContrast" | "brand.gray.a50.highContrast" | "brand.gray.a100.lowContrast" | "brand.gray.a100.highContrast" | "surface.background.level1.lowContrast" | "surface.background.level1.highContrast" | "surface.background.level2.lowContrast" | "surface.background.level2.highContrast" | "surface.background.level3.lowContrast" | "surface.background.level3.highContrast" | "transparent";
 }, "backgroundColor"> & {
+    /**
+     * ## Box
+     *
+     * Box is the basic Layout component.
+     *
+     *
+     * Box components supports most spacing CSS properties like `display`, `padding*`, `flex*`, `height`, `width`, etc.
+     *
+     *  Check out {@linkcode BoxProps BoxPropsType} for complete list of props and [Layout RFC](https://github.com/razorpay/blade/blob/master/rfcs/2023-01-06-layout.md) for more details on API decision.
+     *
+     * ----
+     *
+     * ### Usage
+     *
+     * ```jsx
+     * <Box display="flex">
+     * ```
+    
+     * #### Responsive Props
+     *
+     * ```jsx
+     * <Box padding={{ base: 'spacing.3', m: 'spacing.10' }} />
+     * ```
+     *
+     * #### Margin and Padding Shorthands
+     *
+     * ```jsx
+     * <Box padding={["spacing.3", "spacing.10"]} />
+     * ```
+     *
+     * ---
+     *
+     * Checkout {@link https://blade.razorpay.com/?path=/docs/components-box Box Documentation}
+     *
+     */
     as: "aside" | "div" | "footer" | "header" | "label" | "main" | "nav" | "section" | "span";
 } & {
     children?: React__default.ReactNode | React__default.ReactNode[];
@@ -3370,7 +3410,6 @@ declare type IconButtonProps = {
      * Icon component to be rendered, eg. `CloseIcon`
      */
     icon: IconComponent;
-    onClick: () => void;
     /**
      * Icon size
      *
@@ -3391,13 +3430,23 @@ declare type IconButtonProps = {
      * Disabled state for IconButton
      */
     isDisabled?: boolean;
-} & BladeCommonEvents;
+    /**
+     * Sets tabindex property on button element
+     */
+    _tabIndex?: number;
+} & BladeCommonEvents & Platform.Select<{
+    web: {
+        onClick: (event: React__default.MouseEvent<HTMLButtonElement>) => void;
+    };
+    native: {
+        onClick: (event: GestureResponderEvent) => void;
+    };
+}>;
 declare const IconButton: React__default.ForwardRefExoticComponent<{
     /**
      * Icon component to be rendered, eg. `CloseIcon`
      */
     icon: IconComponent;
-    onClick: () => void;
     /**
      * Icon size
      *
@@ -3418,7 +3467,15 @@ declare const IconButton: React__default.ForwardRefExoticComponent<{
      * Disabled state for IconButton
      */
     isDisabled?: boolean | undefined;
-} & BladeCommonEvents & React__default.RefAttributes<BladeElementRef>>;
+    /**
+     * Sets tabindex property on button element
+     */
+    _tabIndex?: number | undefined;
+} & BladeCommonEvents & {
+    onClick: (event: GestureResponderEvent) => void;
+} & {
+    __brand__?: "platform-native" | undefined;
+} & React__default.RefAttributes<BladeElementRef>>;
 
 declare type OnChange$1 = ({ isChecked, event, value, }: {
     isChecked: boolean;
@@ -3723,6 +3780,7 @@ declare const Checkbox: React__default.ForwardRefExoticComponent<{
     overflowX: never;
     overflowY: never;
     textAlign: never;
+    whiteSpace: never;
     overflow?: "hidden" | "scroll" | "visible" | {
         readonly base?: "hidden" | "scroll" | "visible" | undefined;
         readonly xs?: "hidden" | "scroll" | "visible" | undefined;
@@ -4159,6 +4217,7 @@ declare const Chip: React__default.ForwardRefExoticComponent<{
     overflowX: never;
     overflowY: never;
     textAlign: never;
+    whiteSpace: never;
     overflow?: "hidden" | "scroll" | "visible" | {
         readonly base?: "hidden" | "scroll" | "visible" | undefined;
         readonly xs?: "hidden" | "scroll" | "visible" | undefined;
@@ -4285,6 +4344,10 @@ declare type BaseHeaderProps = {
     onBackButtonClick?: () => void;
     closeButtonRef?: React__default.MutableRefObject<any>;
     metaComponentName?: string;
+    /**
+     * inner child of BottomSheetHeader. Meant to be used for AutoComplete only
+     */
+    children?: React__default.ReactElement;
 } & Pick<ReactDOMAttributes, 'onClickCapture' | 'onKeyDown' | 'onKeyUp' | 'onLostPointerCapture' | 'onPointerCancel' | 'onPointerDown' | 'onPointerMove' | 'onPointerUp'> & TestID;
 
 declare type BaseFooterProps = {
@@ -4412,6 +4475,10 @@ declare type BaseInputCommonProps = FormInputLabelProps & FormInputValidationPro
      * Ignores the blur event animation (Used in Select to ignore blur animation when item in option is clicked)
      */
     shouldIgnoreBlurAnimation?: boolean;
+    /**
+     * sets boolean that ignores the blur animations on baseinput
+     */
+    setShouldIgnoreBlurAnimation?: (shouldIgnoreBlurAnimation: boolean) => void;
     /**
      * Used to turn the input field to controlled so user can control the value
      */
@@ -4529,11 +4596,45 @@ declare type BaseInputCommonProps = FormInputLabelProps & FormInputValidationPro
      * true if popup is in expanded state
      */
     isPopupExpanded?: boolean;
-    setInputWrapperRef?: (node: HTMLDivElement) => void;
+    setInputWrapperRef?: (node: ContainerElementType) => void;
     /**
      * sets the autocapitalize behavior for the input
      */
     autoCapitalize?: 'none' | 'sentences' | 'words' | 'characters';
+    /**
+     * constraints the height of input to given number rows
+     *
+     * When set to expandable, input takes 1 row in the begining and expands to take 3 when active
+     *
+     * @default 'single'
+     */
+    maxTagRows?: 'single' | 'multiple' | 'expandable';
+    /**
+     * A slot for adding tags to input
+     */
+    tags?: React__default.ReactElement[] | null;
+    /**
+     * Disables stripping of tags and shows all tags
+     */
+    showAllTags?: boolean;
+    /**
+     * State variable of active tag index
+     */
+    activeTagIndex?: number;
+    /**
+     * Is this input SelectInput or AutoComplete
+     */
+    isDropdownTrigger?: boolean;
+    /**
+     * Is the label expected to be rendered inside input?
+     * Used in AutoComplete and Select when label can't exist outside
+     *
+     */
+    isLabelInsideInput?: boolean;
+    /**
+     * State setter for active tag index
+     */
+    setActiveTagIndex?: (activeTagIndex: number) => void;
 } & TestID & Platform.Select<{
     native: {
         /**
@@ -4814,44 +4915,6 @@ declare type OTPInputProps = (OTPInputPropsWithA11yLabel | OTPInputPropsWithLabe
  */
 declare const OTPInput: ({ autoFocus, errorText, helpText, isDisabled, keyboardReturnKeyType, keyboardType, label, accessibilityLabel, labelPosition, name, onChange, onFocus, onBlur, onOTPFilled, otpLength, placeholder, successText, validationState, value, isMasked, autoCompleteSuggestionType, testID, ...styledProps }: OTPInputProps) => React__default.ReactElement;
 
-declare type SelectInputCommonProps = Pick<BaseInputProps, 'label' | 'accessibilityLabel' | 'labelPosition' | 'necessityIndicator' | 'validationState' | 'helpText' | 'errorText' | 'successText' | 'name' | 'isDisabled' | 'isRequired' | 'prefix' | 'suffix' | 'autoFocus' | 'onClick' | 'onFocus' | 'onBlur' | 'placeholder' | 'testID'> & {
-    icon?: IconComponent;
-    /**
-     * Controlled value of the Select. Use it in combination of `onChange`.
-     *
-     * Check out [Controlled Dropdown Documentation](https://blade.razorpay.com/?path=/story/components-dropdown-with-select--controlled-dropdown&globals=measureEnabled:false) for example.
-     */
-    value?: string | string[];
-    /**
-     * Used to set the default value of SelectInput when it's uncontrolled. Use `value` instead for controlled SelectInput
-     */
-    defaultValue?: string | string[];
-    onChange?: ({ name, values }: {
-        name?: string;
-        values: string[];
-    }) => void;
-};
-declare type SelectInputPropsWithA11yLabel = {
-    /**
-     * Label to be shown for the input field
-     */
-    label?: undefined;
-    /**
-     * Accessibility label for the input
-     */
-    accessibilityLabel: string;
-};
-declare type SelectInputPropsWithLabel = {
-    /**
-     * Label to be shown for the input field
-     */
-    label: string;
-    /**
-     * Accessibility label for the input
-     */
-    accessibilityLabel?: string;
-};
-declare type SelectInputProps = (SelectInputPropsWithA11yLabel | SelectInputPropsWithLabel) & SelectInputCommonProps;
 /**
  * ### SelectInput
  *
@@ -4879,7 +4942,85 @@ declare type SelectInputProps = (SelectInputPropsWithA11yLabel | SelectInputProp
  *
  * Checkout {@link https://blade.razorpay.com/?path=/docs/components-dropdown-with-select--with-single-select SelectInput Documentation}.
  */
-declare const SelectInput: React__default.ForwardRefExoticComponent<SelectInputProps & React__default.RefAttributes<BladeElementRef>>;
+declare const SelectInput: React__default.ForwardRefExoticComponent<(({
+    label?: undefined;
+    accessibilityLabel: string;
+} | {
+    label: string;
+    accessibilityLabel?: string | undefined;
+}) & Pick<BaseInputProps, "placeholder" | "name" | "label" | "testID" | "prefix" | "accessibilityLabel" | "onBlur" | "onFocus" | "onClick" | "autoFocus" | "isDisabled" | "isRequired" | "validationState" | "necessityIndicator" | "helpText" | "errorText" | "successText" | "suffix"> & {
+    icon?: IconComponent | undefined;
+    value?: string | string[] | undefined;
+    defaultValue?: string | string[] | undefined;
+    onChange?: (({ name, values }: {
+        name?: string | undefined;
+        values: string[];
+    }) => void) | undefined;
+    maxRows?: "multiple" | "single" | "expandable" | undefined;
+    labelPosition?: "left" | "top" | "inside-input" | undefined;
+}) & React__default.RefAttributes<BladeElementRef>>;
+
+/**
+ * ### AutoComplete
+ *
+ * Extension on top of SelectInput which allows you type and filter between ActionList items
+ *
+ * To be used in combination of `Dropdown` and `ActionList` component
+ *
+ * ---
+ *
+ * #### Usage in Desktop
+ *
+ * ```diff
+ * <Dropdown>
+ * + <AutoComplete label="Select Fruits" />
+ *   <DropdownOverlay>
+ *     <ActionList>
+ *       <ActionListItem title="Mango" value="mango" />
+ *       <ActionListItem title="Apple" value="apple" />
+ *     </ActionList>
+ *   </DropdownOverlay>
+ * </Dropdown>
+ * ```
+ *
+ * #### Usage in Mobile
+ *
+ * ```diff
+ * <Dropdown>
+ * + <SelectInput label="Select Fruits" />
+ *   <BottomSheet>
+ *      <BottomSheetHeader>
+ * +      <AutoComplete label="Select Fruits" />
+ *      </BottomSheetHeader>
+ *      <BottomSheetBody>
+ *       <ActionList>
+ *         <ActionListItem title="Mango" value="mango" />
+ *         <ActionListItem title="Apple" value="apple" />
+ *       </ActionList>
+ *      </BottomSheetBody>
+ *   </BottomSheet>
+ * </Dropdown>
+ * ```
+ *
+ * ---
+ *
+ * Checkout {@link https://blade.razorpay.com/?path=/docs/components-dropdown-with-autocomplete--with-single-select AutoComplete Documentation}.
+ */
+declare const AutoComplete: React__default.ForwardRefExoticComponent<Pick<BaseInputProps, "placeholder" | "name" | "label" | "testID" | "prefix" | "accessibilityLabel" | "onBlur" | "onFocus" | "onClick" | "autoFocus" | "isDisabled" | "isRequired" | "validationState" | "necessityIndicator" | "helpText" | "errorText" | "successText" | "suffix"> & {
+    icon?: IconComponent | undefined;
+    value?: string | string[] | undefined;
+    defaultValue?: string | string[] | undefined;
+    onChange?: (({ name, values }: {
+        name?: string | undefined;
+        values: string[];
+    }) => void) | undefined;
+    maxRows?: "multiple" | "single" | "expandable" | undefined;
+    labelPosition?: "left" | "top" | "inside-input" | undefined;
+} & {
+    onInputValueChange?: FormInputOnEvent | undefined;
+    inputValue?: string | undefined;
+    filteredValues?: string[] | undefined;
+} & React__default.RefAttributes<BladeElementRef>>;
 
 declare type IndicatorCommonProps = {
     /**
@@ -5304,6 +5445,7 @@ declare const Radio: React__default.ForwardRefExoticComponent<{
     overflowX: never;
     overflowY: never;
     textAlign: never;
+    whiteSpace: never;
     overflow?: "hidden" | "scroll" | "visible" | {
         readonly base?: "hidden" | "scroll" | "visible" | undefined;
         readonly xs?: "hidden" | "scroll" | "visible" | undefined;
@@ -5651,6 +5793,7 @@ declare const Switch: React__default.ForwardRefExoticComponent<{
     overflowX: never;
     overflowY: never;
     textAlign: never;
+    whiteSpace: never;
     overflow?: "hidden" | "scroll" | "visible" | {
         readonly base?: "hidden" | "scroll" | "visible" | undefined;
         readonly xs?: "hidden" | "scroll" | "visible" | undefined;
@@ -5700,10 +5843,20 @@ declare type TagProps = {
      * Used for adding virtual focus on tag.
      *
      * @private
+     */
+    _isVirtuallyFocused?: boolean;
+    /**
+     * Private property for Blade.
+     *
+     * Should not be used by consumers.
+     *
+     * Is tag placed inside an input
      *
+     * @private
      */
-    _isTagFocussed?: boolean;
+    _isTagInsideInput?: boolean;
 } & StyledPropsBlade & TestID;
+
 /**
  * ## Tags
  *
@@ -5731,7 +5884,7 @@ declare type TagProps = {
  * Checkout [Tags Documentation](https://blade.razorpay.com/?path=/story/components-tag--default) for more info.
  *
  */
-declare const Tag: ({ size, icon, onDismiss, children, isDisabled, testID, _isTagFocussed, ...styledProps }: TagProps) => React__default.ReactElement | null;
+declare const Tag: ({ size, icon, onDismiss, children, isDisabled, testID, _isVirtuallyFocused, _isTagInsideInput, ...styledProps }: TagProps) => React__default.ReactElement | null;
 
 declare type SkeletonProps = StyledPropsBlade & Pick<BaseBoxProps, 'width' | 'maxWidth' | 'minWidth' | 'height' | 'maxHeight' | 'minHeight' | 'borderRadius'> & Partial<FlexboxProps> & {
     contrast?: 'low' | 'high';
@@ -6218,7 +6371,7 @@ declare type BottomSheetProps = {
      */
     zIndex?: number;
 };
-declare type BottomSheetHeaderProps = Pick<BaseHeaderProps, 'title' | 'subtitle' | 'leading' | 'showBackButton' | 'onBackButtonClick'> & {
+declare type BottomSheetHeaderProps = Pick<BaseHeaderProps, 'title' | 'subtitle' | 'leading' | 'showBackButton' | 'onBackButtonClick' | 'children'> & {
     /**
      * Trailing element to be rendered in the Header
      *
@@ -6245,7 +6398,7 @@ declare type BottomSheetBodyProps = {
     padding?: Extract<SpacingValueType, 'spacing.0' | 'spacing.5'>;
 };
 
-declare const BottomSheetHeader: ({ title, subtitle, leading, trailing, titleSuffix, showBackButton, onBackButtonClick, }: BottomSheetHeaderProps) => React__default.ReactElement;
+declare const BottomSheetHeader: ({ title, subtitle, leading, trailing, titleSuffix, showBackButton, onBackButtonClick, children, }: BottomSheetHeaderProps) => React__default.ReactElement;
 
 declare const BottomSheetBody: ({ children, padding, }: BottomSheetBodyProps) => React__default.ReactElement;
 
@@ -6386,4 +6539,4 @@ declare const Tooltip: ({ content, children, placement, onOpenChange, zIndex, }:
 
 declare const TooltipInteractiveWrapper: React__default.ForwardRefExoticComponent<PressableProps & React__default.RefAttributes<View>>;
 
-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, 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 };
+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, 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, 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 };