@razorpay/blade 8.11.2 → 8.12.0

package/build/components/index.d.ts

@@ -1100,6 +1100,228 @@ type SpacingValueType$1 =
   | 'max-content'
   | 'min-content';
 
+/**
+ * @IMPORTANT
+ *
+ * I wish there was better way to re-use jsdoc but I checked and there isn't so we have to explicitly add docs to each prop.
+ *
+ * When you want to change a specific token value, you can select the entire block of spacing value mapping and do find and replace on it
+ *
+ * Checkout example of find and replace query-
+ * {@link https://user-images.githubusercontent.com/30949385/221802507-40c7adbc-484a-47b3-9035-ae1e97080b51.png}
+ *
+ */
+
+type PaddingProps$1 = MakeObjectResponsive$1<{
+  /**
+   * ### Padding Shorthand
+   *
+   * #### Usage
+   *
+   * ```jsx
+   * padding="spacing.3"
+   * padding="20px"
+   * padding={["spacing.3", "spacing.1", "spacing.0", "10px"]}
+   * ```
+   *
+   * ---
+   * #### Spacing to Pixel values
+   *
+   * - `spacing.0` - 0px
+   * - `spacing.1` - 2px
+   * - `spacing.2` - 4px
+   * - `spacing.3` - 8px
+   * - `spacing.4` - 12px
+   * - `spacing.5` - 16px
+   * - `spacing.6` - 20px
+   * - `spacing.7` - 24px
+   * - `spacing.8` - 32px
+   * - `spacing.9` - 40px
+   * - `spacing.10` - 48px
+   * - `spacing.11` - 56px
+   *
+   * {@linkcode https://blade.razorpay.com/?path=/story/tokens-spacing--page&globals=measureEnabled:false Spacing Token Ref}
+   *
+   */
+  padding: SpacingValueType$1 | ArrayOfMaxLength4$1<SpacingValueType$1>;
+  /**
+   * ### Padding Horizontal
+   *
+   * #### Usage
+   *
+   * ```jsx
+   * paddingX="spacing.3"
+   * paddingX="20px"
+   * ```
+   *
+   * ---
+   * #### Spacing to Pixel values
+   *
+   * - `spacing.0` - 0px
+   * - `spacing.1` - 2px
+   * - `spacing.2` - 4px
+   * - `spacing.3` - 8px
+   * - `spacing.4` - 12px
+   * - `spacing.5` - 16px
+   * - `spacing.6` - 20px
+   * - `spacing.7` - 24px
+   * - `spacing.8` - 32px
+   * - `spacing.9` - 40px
+   * - `spacing.10` - 48px
+   * - `spacing.11` - 56px
+   *
+   * {@linkcode https://blade.razorpay.com/?path=/story/tokens-spacing--page&globals=measureEnabled:false Spacing Token Ref}
+   *
+   */
+  paddingX: SpacingValueType$1;
+  /**
+   * ### Padding Vertical
+   *
+   * #### Usage
+   *
+   * ```jsx
+   * paddingY="spacing.3"
+   * paddingY="20px"
+   * ```
+   *
+   * ---
+   * #### Spacing to Pixel values
+   *
+   * - `spacing.0` - 0px
+   * - `spacing.1` - 2px
+   * - `spacing.2` - 4px
+   * - `spacing.3` - 8px
+   * - `spacing.4` - 12px
+   * - `spacing.5` - 16px
+   * - `spacing.6` - 20px
+   * - `spacing.7` - 24px
+   * - `spacing.8` - 32px
+   * - `spacing.9` - 40px
+   * - `spacing.10` - 48px
+   * - `spacing.11` - 56px
+   *
+   * {@linkcode https://blade.razorpay.com/?path=/story/tokens-spacing--page&globals=measureEnabled:false Spacing Token Ref}
+   *
+   */
+  paddingY: SpacingValueType$1;
+  /**
+   * ### Padding Top
+   *
+   * #### Usage
+   *
+   * ```jsx
+   * paddingTop="spacing.3"
+   * paddingTop="20px"
+   * ```
+   *
+   * ---
+   * #### Spacing to Pixel values
+   *
+   * - `spacing.0` - 0px
+   * - `spacing.1` - 2px
+   * - `spacing.2` - 4px
+   * - `spacing.3` - 8px
+   * - `spacing.4` - 12px
+   * - `spacing.5` - 16px
+   * - `spacing.6` - 20px
+   * - `spacing.7` - 24px
+   * - `spacing.8` - 32px
+   * - `spacing.9` - 40px
+   * - `spacing.10` - 48px
+   * - `spacing.11` - 56px
+   *
+   * {@linkcode https://blade.razorpay.com/?path=/story/tokens-spacing--page&globals=measureEnabled:false Spacing Token Ref}
+   */
+  paddingTop: SpacingValueType$1;
+  /**
+   * ### Padding Right
+   *
+   * #### Usage
+   *
+   * ```jsx
+   * paddingRight="spacing.3"
+   * paddingRight="20px"
+   * ```
+   *
+   * ---
+   * #### Spacing to Pixel values
+   *
+   * - `spacing.0` - 0px
+   * - `spacing.1` - 2px
+   * - `spacing.2` - 4px
+   * - `spacing.3` - 8px
+   * - `spacing.4` - 12px
+   * - `spacing.5` - 16px
+   * - `spacing.6` - 20px
+   * - `spacing.7` - 24px
+   * - `spacing.8` - 32px
+   * - `spacing.9` - 40px
+   * - `spacing.10` - 48px
+   * - `spacing.11` - 56px
+   *
+   * {@linkcode https://blade.razorpay.com/?path=/story/tokens-spacing--page&globals=measureEnabled:false Spacing Token Ref}
+   */
+  paddingRight: SpacingValueType$1;
+  /**
+   * ### Padding Bottom
+   *
+   * #### Usage
+   *
+   * ```jsx
+   * paddingBottom="spacing.3"
+   * paddingBottom="20px"
+   * ```
+   *
+   * ---
+   * #### Spacing to Pixel values
+   *
+   * - `spacing.0` - 0px
+   * - `spacing.1` - 2px
+   * - `spacing.2` - 4px
+   * - `spacing.3` - 8px
+   * - `spacing.4` - 12px
+   * - `spacing.5` - 16px
+   * - `spacing.6` - 20px
+   * - `spacing.7` - 24px
+   * - `spacing.8` - 32px
+   * - `spacing.9` - 40px
+   * - `spacing.10` - 48px
+   * - `spacing.11` - 56px
+   *
+   * {@linkcode https://blade.razorpay.com/?path=/story/tokens-spacing--page&globals=measureEnabled:false Spacing Token Ref}
+   */
+  paddingBottom: SpacingValueType$1;
+  /**
+   * ### Padding Left
+   *
+   * #### Usage
+   *
+   * ```jsx
+   * paddingLeft="spacing.3"
+   * paddingLeft="20px"
+   * ```
+   *
+   * ---
+   * #### Spacing to Pixel values
+   *
+   * - `spacing.0` - 0px
+   * - `spacing.1` - 2px
+   * - `spacing.2` - 4px
+   * - `spacing.3` - 8px
+   * - `spacing.4` - 12px
+   * - `spacing.5` - 16px
+   * - `spacing.6` - 20px
+   * - `spacing.7` - 24px
+   * - `spacing.8` - 32px
+   * - `spacing.9` - 40px
+   * - `spacing.10` - 48px
+   * - `spacing.11` - 56px
+   *
+   * {@linkcode https://blade.razorpay.com/?path=/story/tokens-spacing--page&globals=measureEnabled:false Spacing Token Ref}
+   */
+  paddingLeft: SpacingValueType$1;
+}>;
+
 type MarginProps$1 = MakeObjectResponsive$1<{
   /**
    * ### Margin Shorthand
@@ -1336,6 +1558,17 @@ type BladeCommonEvents$1 = {
   }>;
 };
 
+type LayoutProps$1 = MakeObjectResponsive$1<
+  {
+    height: SpacingValueType$1;
+    minHeight: SpacingValueType$1;
+    maxHeight: SpacingValueType$1;
+    width: SpacingValueType$1;
+    minWidth: SpacingValueType$1;
+    maxWidth: SpacingValueType$1;
+  } & PickCSSByPlatform<'display' | 'overflow' | 'overflowX' | 'overflowY' | 'textAlign'>
+>;
+
 type FlexboxProps$1 = MakeObjectResponsive$1<
   {
     /**
@@ -1411,6 +1644,88 @@ type GridProps$1 = MakeObjectResponsive$1<
   >
 >;
 
+type ColorObjects$1 = 'feedback' | 'surface' | 'action';
+type BackgroundColorString$1<T extends ColorObjects$1> = `${T}.background.${DotNotationColorStringToken<
+  Theme$1['colors'][T]['background']
+>}`;
+type BorderColorString$1<T extends ColorObjects$1> = `${T}.border.${DotNotationColorStringToken<
+  Theme$1['colors'][T]['border']
+>}`;
+
+// Created this as an array so I can reuse it for runtime validation
+declare const validBoxAsValues$1 = [
+  'div',
+  'section',
+  'footer',
+  'header',
+  'main',
+  'aside',
+  'nav',
+  'span',
+  'label',
+] as const;
+
+type BoxAsType$1 = typeof validBoxAsValues$1[number];
+
+type BaseBoxVisualProps = MakeObjectResponsive$1<
+  {
+    borderRadius: keyof Border['radius'];
+    backgroundColor:
+      | BackgroundColorString$1<'feedback'>
+      | BackgroundColorString$1<'surface'>
+      | BackgroundColorString$1<'action'>
+      | (string & Record<never, never>);
+    lineHeight: SpacingValueType$1;
+    touchAction: CSSObject['touchAction'];
+    userSelect: CSSObject['userSelect'];
+    borderWidth: keyof Border['width'];
+    borderColor: BorderColorString$1<'surface'>;
+    borderTopWidth: keyof Border['width'];
+    borderTopColor: BorderColorString$1<'surface'>;
+    borderRightWidth: keyof Border['width'];
+    borderRightColor: BorderColorString$1<'surface'>;
+    borderBottomWidth: keyof Border['width'];
+    borderBottomColor: BorderColorString$1<'surface'>;
+    borderLeftWidth: keyof Border['width'];
+    borderLeftColor: BorderColorString$1<'surface'>;
+    borderTopLeftRadius: keyof Border['radius'];
+    borderTopRightRadius: keyof Border['radius'];
+    borderBottomRightRadius: keyof Border['radius'];
+    borderBottomLeftRadius: keyof Border['radius'];
+  } & PickCSSByPlatform<
+    | 'border'
+    | 'borderLeft'
+    | 'borderRight'
+    | 'borderTop'
+    | 'borderBottom'
+    | 'opacity'
+    | 'pointerEvents'
+  >
+>;
+
+type BoxVisualProps$1 = MakeObjectResponsive$1<{
+  backgroundColor: BackgroundColorString$1<'surface'>;
+  borderWidth: keyof Border['width'];
+  borderColor: BorderColorString$1<'surface'>;
+  borderTopWidth: keyof Border['width'];
+  borderTopColor: BorderColorString$1<'surface'>;
+  borderRightWidth: keyof Border['width'];
+  borderRightColor: BorderColorString$1<'surface'>;
+  borderBottomWidth: keyof Border['width'];
+  borderBottomColor: BorderColorString$1<'surface'>;
+  borderLeftWidth: keyof Border['width'];
+  borderLeftColor: BorderColorString$1<'surface'>;
+  borderRadius: keyof Border['radius'];
+  borderTopLeftRadius: keyof Border['radius'];
+  borderTopRightRadius: keyof Border['radius'];
+  borderBottomRightRadius: keyof Border['radius'];
+  borderBottomLeftRadius: keyof Border['radius'];
+}> & {
+  // Intentionally keeping this outside of MakeObjectResponsive since we only want as to be string and not responsive object
+  // styled-components do not support passing `as` prop as an object
+  as: BoxAsType$1;
+};
+
 type StyledPropsBlade = Partial<
   Omit<
     MarginProps$1 &
@@ -1430,6 +1745,70 @@ type StyledPropsBlade = Partial<
   >
 >;
 
+type BoxCallbackProps$1 = Omit<
+  Platform.Select<{
+    web: {
+      /**
+       * **Warning**
+       *
+       * Make sure to not use Box when you want to create a trigger that performs action on hover.
+       * You would probably want to render it as `button` using `styled.button` instead.
+       *
+       * Use this for hoverable containers in cases like custom menus.
+       */
+      onMouseOver: React.MouseEventHandler<HTMLElement>;
+      /**
+       * **Warning**
+       *
+       * Make sure to not use Box when you want to create a trigger that performs action on hover.
+       * You would probably want to render it as `button` using `styled.button` instead.
+       *
+       * Use this for hoverable containers in cases like custom menus.
+       */
+      onMouseEnter: React.MouseEventHandler<HTMLElement>;
+      /**
+       * **Warning**
+       *
+       * Make sure to not use Box when you want to create a trigger that performs action on hover.
+       * You would probably want to render it as `button` using `styled.button` instead.
+       *
+       * Use this for hoverable containers in cases like custom menus.
+       */
+      onMouseLeave: React.MouseEventHandler<HTMLElement>;
+      onScroll: React.UIEventHandler<HTMLElement>;
+    };
+    native: Record<'onMouseOver' | 'onMouseEnter' | 'onMouseLeave' | 'onScroll', undefined>;
+  }>,
+  '__brand__'
+>;
+
+type BoxProps$1 = Partial<
+  PaddingProps$1 &
+    MarginProps$1 &
+    LayoutProps$1 &
+    FlexboxProps$1 &
+    PositionProps$1 &
+    GridProps$1 &
+    BoxCallbackProps$1 &
+    BoxVisualProps$1 & {
+      children?: React.ReactNode | React.ReactNode[];
+      tabIndex?: number;
+    } & TestID$1
+>;
+
+// Visual props have different types for BaseBox and Box. BaseBox has more flexible types and more props exposed.
+// So first we Omit Visual props of Box
+// Then we append BaseBoxVisualProps and some other props for styled-components like class and id
+type BaseBoxProps = Omit<BoxProps$1, keyof BoxVisualProps$1> &
+  Partial<
+    BaseBoxVisualProps & {
+      className?: string;
+      id?: string;
+      tabIndex?: number;
+    }
+  > &
+  BladeCommonEvents$1;
+
 type FeedbackIconColors$1 = `feedback.icon.${DotNotationColorStringToken<
   Theme$1['colors']['feedback']['icon']
 >}`;
@@ -7108,6 +7487,17 @@ declare type BottomSheetHeaderProps = Pick<BaseHeaderProps, 'title' | 'subtitle'
     titleSuffix?: BaseHeaderProps['titleSuffix'];
 };
 declare type BottomSheetFooterProps = Pick<BaseFooterProps$1, 'children'>;
+declare type BottomSheetBodyProps = {
+    children: React.ReactNode;
+    /**
+     * Sets the padding equally on all sides. Only few `spacing` tokens are allowed deliberately
+     * @default `spacing.5`
+     *
+     * **Links:**
+     * - Docs: https://blade.razorpay.com/?path=/docs/tokens-spacing--page
+     */
+    padding?: Extract<SpacingValueType$1, 'spacing.0' | 'spacing.5'>;
+};
 
 declare const BottomSheetHeader: ({ title, subtitle, leading, titleSuffix, trailing, showBackButton, onBackButtonClick, }: BottomSheetHeaderProps) => React__default.ReactElement;
 
@@ -7119,9 +7509,7 @@ type BaseFooterProps = {
 
 declare const BottomSheetFooter: ({ children }: BaseFooterProps) => React__default.ReactElement;
 
-declare const BottomSheetBody: ({ children }: {
-    children: React__default.ReactNode;
-}) => React__default.ReactElement;
+declare const BottomSheetBody: ({ children, padding, }: BottomSheetBodyProps) => React__default.ReactElement;
 
 declare const BottomSheet: ({ isOpen, onDismiss, children, initialFocusRef, snapPoints, }: BottomSheetProps) => React__default.ReactElement;
 
@@ -7225,8 +7613,12 @@ declare const CollapsibleButton: React$1.ForwardRefExoticComponent<CollapsibleBu
 
 declare type CollapsibleBodyProps = {
     children: ReactNode;
+    /**
+     * **Internal**: used for React Native specific workarounds. Collapsible automatically takes care of width, you shouldn't need to configure this
+     */
+    _width?: BaseBoxProps['width'];
 } & TestID$1;
-declare const CollapsibleBody: ({ children, testID }: CollapsibleBodyProps) => ReactElement;
+declare const CollapsibleBody: ({ children, testID, _width }: CollapsibleBodyProps) => ReactElement;
 
 declare type TooltipProps = {
     content: string;
@@ -7958,4 +8350,4 @@ declare const TooltipInteractiveWrapper: styled_components.StyledComponent<"div"
     tabIndex: -1;
 }, "tabIndex">;
 
-export { AccordionItem, AccordionItemProps, AccordionProps, Accordion as Accordion_PRE_RELEASE, ActionList, ActionListFooter, ActionListFooterIcon, ActionListFooterProps, ActionListHeader, ActionListHeaderIcon, ActionListHeaderProps, ActionListItem, ActionListItemAsset, ActionListItemAssetProps, ActionListItemIcon, ActionListItemProps, ActionListItemText, ActionListProps, ActionListSection, ActionListSectionDivider, 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, 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, CastIcon, CheckCircleIcon, CheckIcon, CheckSquareIcon, Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsDownIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpIcon, ChromeIcon, CircleIcon, ClipboardIcon, ClockIcon, CloseIcon, CloudDrizzleIcon, CloudIcon, CloudLightningIcon, CloudOffIcon, CloudRainIcon, CloudSnowIcon, Code, CodeProps, CodepenIcon, CoinsIcon, CollapsibleBody, CollapsibleBodyProps, CollapsibleButton, CollapsibleButtonProps, CollapsibleLink, CollapsibleLinkProps, CollapsibleProps, Collapsible as Collapsible_PRE_RELEASE, CommandIcon, CompassIcon, ComponentIds, CopyIcon, CornerDownLeftIcon, CornerDownRightIcon, CornerLeftDownIcon, CornerLeftUpIcon, CornerRightDownIcon, CornerRightUpIcon, CornerUpLeftIcon, CornerUpRightIcon, Counter, CounterProps, CpuIcon, CreditCardIcon, CropIcon, CrosshairIcon, CustomersIcon, CutIcon, DashboardIcon, DeleteIcon, DiscIcon, DollarIcon, DollarsIcon, DownloadCloudIcon, DownloadIcon, Dropdown, DropdownButton, 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, 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, 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, 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, SkipBackIcon, SkipForwardIcon, SkipNavContent, SkipNavLink, SlackIcon, SlashIcon, SlidersIcon, SmartCollectIcon, SmartphoneIcon, SpeakerIcon, Spinner, SpinnerProps, SquareIcon, StampIcon, StarIcon, StopCircleIcon, SubscriptionsIcon, SunIcon, SunriseIcon, SunsetIcon, Switch, SwitchProps, TabletIcon, TagIcon, 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, ActionListFooter, ActionListFooterIcon, ActionListFooterProps, ActionListHeader, ActionListHeaderIcon, ActionListHeaderProps, ActionListItem, ActionListItemAsset, ActionListItemAssetProps, ActionListItemIcon, ActionListItemProps, ActionListItemText, ActionListProps, ActionListSection, ActionListSectionDivider, 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, CastIcon, CheckCircleIcon, CheckIcon, CheckSquareIcon, Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsDownIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpIcon, 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, DollarIcon, DollarsIcon, DownloadCloudIcon, DownloadIcon, Dropdown, DropdownButton, 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, 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, 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, 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, SkipBackIcon, SkipForwardIcon, SkipNavContent, SkipNavLink, SlackIcon, SlashIcon, SlidersIcon, SmartCollectIcon, SmartphoneIcon, SpeakerIcon, Spinner, SpinnerProps, SquareIcon, StampIcon, StarIcon, StopCircleIcon, SubscriptionsIcon, SunIcon, SunriseIcon, SunsetIcon, Switch, SwitchProps, TabletIcon, TagIcon, 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 };