@razorpay/blade 12.60.2 → 12.61.1

package/build/lib/native/components/Drawer/DrawerSubcomponents.native.js

@@ -6,7 +6,7 @@ import '../Typography/Display/Display.js';
 import { throwBladeError } from '../../utils/logger/logger.js';
 import { jsx } from 'react/jsx-runtime';
 
-var DrawerHeader=function DrawerHeader(_props){throwBladeError({message:'DrawerHeader is not yet implemented for native',moduleName:'DrawerHeader'});return jsx(Text,{children:"Drawer Component is not available for Native mobile apps."});};var DrawerBody=function DrawerBody(_props){throwBladeError({message:'DrawerBody is not yet implemented for native',moduleName:'DrawerBody'});return jsx(Text,{children:"Drawer Component is not available for Native mobile apps."});};
+var DrawerHeader=function DrawerHeader(_props){throwBladeError({message:'DrawerHeader is not yet implemented for native',moduleName:'DrawerHeader'});return jsx(Text,{children:"Drawer Component is not available for Native mobile apps."});};var DrawerBody=function DrawerBody(_props){throwBladeError({message:'DrawerBody is not yet implemented for native',moduleName:'DrawerBody'});return jsx(Text,{children:"Drawer Component is not available for Native mobile apps."});};var DrawerFooter=function DrawerFooter(_props){throwBladeError({message:'DrawerFooter is not yet implemented for native',moduleName:'DrawerFooter'});return jsx(Text,{children:"Drawer Component is not available for Native mobile apps."});};
 
-export { DrawerBody, DrawerHeader };
+export { DrawerBody, DrawerFooter, DrawerHeader };
 //# sourceMappingURL=DrawerSubcomponents.native.js.map

package/build/lib/native/components/Drawer/DrawerSubcomponents.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerSubcomponents.native.js","sources":["../../../../../src/components/Drawer/DrawerSubcomponents.native.tsx"],"sourcesContent":["import React from 'react';\nimport type { DrawerHeaderProps } from './types';\nimport { Text } from '~components/Typography';\nimport { throwBladeError } from '~utils/logger';\n\nconst DrawerHeader = (_props: DrawerHeaderProps): React.ReactElement => {\n  throwBladeError({\n    message: 'DrawerHeader is not yet implemented for native',\n    moduleName: 'DrawerHeader',\n  });\n\n  return <Text>Drawer Component is not available for Native mobile apps.</Text>;\n};\n\nconst DrawerBody = (_props: { children: React.ReactNode }): React.ReactElement => {\n  throwBladeError({\n    message: 'DrawerBody is not yet implemented for native',\n    moduleName: 'DrawerBody',\n  });\n\n  return <Text>Drawer Component is not available for Native mobile apps.</Text>;\n};\nexport { DrawerHeader, DrawerBody };\n"],"names":["DrawerHeader","_props","throwBladeError","message","moduleName","_jsx","Text","children","DrawerBody"],"mappings":";;;;;;;;AAKM,IAAAA,YAAY,CAAG,SAAfA,YAAYA,CAAIC,MAAyB,CAAyB,CACtEC,eAAe,CAAC,CACdC,OAAO,CAAE,gDAAgD,CACzDC,UAAU,CAAE,cACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAAC,CAAAA,QAAA,CAAC,2DAAyD,CAAM,CAAC,CAC/E,EAEM,IAAAC,UAAU,CAAG,SAAbA,UAAUA,CAAIP,MAAqC,CAAyB,CAChFC,eAAe,CAAC,CACdC,OAAO,CAAE,8CAA8C,CACvDC,UAAU,CAAE,YACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAA,CAAAC,QAAA,CAAC,2DAAyD,CAAM,CAAC,CAC/E;;;;"}
+{"version":3,"file":"DrawerSubcomponents.native.js","sources":["../../../../../src/components/Drawer/DrawerSubcomponents.native.tsx"],"sourcesContent":["import React from 'react';\nimport type { DrawerHeaderProps, DrawerFooterProps } from './types';\nimport { Text } from '~components/Typography';\nimport { throwBladeError } from '~utils/logger';\n\nconst DrawerHeader = (_props: DrawerHeaderProps): React.ReactElement => {\n  throwBladeError({\n    message: 'DrawerHeader is not yet implemented for native',\n    moduleName: 'DrawerHeader',\n  });\n\n  return <Text>Drawer Component is not available for Native mobile apps.</Text>;\n};\n\nconst DrawerBody = (_props: { children: React.ReactNode }): React.ReactElement => {\n  throwBladeError({\n    message: 'DrawerBody is not yet implemented for native',\n    moduleName: 'DrawerBody',\n  });\n\n  return <Text>Drawer Component is not available for Native mobile apps.</Text>;\n};\n\nconst DrawerFooter = (_props: DrawerFooterProps): React.ReactElement => {\n  throwBladeError({\n    message: 'DrawerFooter is not yet implemented for native',\n    moduleName: 'DrawerFooter',\n  });\n\n  return <Text>Drawer Component is not available for Native mobile apps.</Text>;\n};\n\nexport { DrawerHeader, DrawerBody, DrawerFooter };\n"],"names":["DrawerHeader","_props","throwBladeError","message","moduleName","_jsx","Text","children","DrawerBody","DrawerFooter"],"mappings":";;;;;;;;AAKM,IAAAA,YAAY,CAAG,SAAfA,YAAYA,CAAIC,MAAyB,CAAyB,CACtEC,eAAe,CAAC,CACdC,OAAO,CAAE,gDAAgD,CACzDC,UAAU,CAAE,cACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAA,CAAAC,QAAA,CAAC,2DAAyD,CAAM,CAAC,CAC/E,EAEM,IAAAC,UAAU,CAAG,SAAbA,UAAUA,CAAIP,MAAqC,CAAyB,CAChFC,eAAe,CAAC,CACdC,OAAO,CAAE,8CAA8C,CACvDC,UAAU,CAAE,YACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAA,CAAAC,QAAA,CAAC,2DAAyD,CAAM,CAAC,CAC/E,EAEM,IAAAE,YAAY,CAAG,SAAfA,YAAYA,CAAIR,MAAyB,CAAyB,CACtEC,eAAe,CAAC,CACdC,OAAO,CAAE,gDAAgD,CACzDC,UAAU,CAAE,cACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAAC,CAAAA,QAAA,CAAC,2DAAyD,CAAM,CAAC,CAC/E;;;;"}

package/build/lib/native/components/VisuallyHidden/ScreenReaderStyles.js

@@ -1,4 +1,4 @@
-var screenReaderStyles={border:'0',clip:'rect(0, 0, 0, 0)',height:'1px',width:'1px',margin:'-1px',padding:'0',overflow:'hidden',whiteSpace:'nowrap',position:'absolute',wordWrap:'normal'};var legacyScreenReaderStyles={border:0,clip:'rect(0 0 0 0)',clipPath:'inset(50%)',height:`1px`,margin:'0 -1px -1px 0',overflow:'hidden',padding:0,position:'absolute',width:`1px`,left:'-10000px',whiteSpace:'nowrap',wordWrap:'normal'};
+var screenReaderStyles={border:0,clip:'rect(0 0 0 0)',clipPath:'inset(50%)',height:`1px`,margin:'0 -1px -1px 0',overflow:'hidden',padding:0,position:'absolute',width:`1px`,left:'-10000px',whiteSpace:'nowrap',wordWrap:'normal'};
 
-export { legacyScreenReaderStyles, screenReaderStyles };
+export { screenReaderStyles };
 //# sourceMappingURL=ScreenReaderStyles.js.map

package/build/lib/native/components/VisuallyHidden/ScreenReaderStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScreenReaderStyles.js","sources":["../../../../../src/components/VisuallyHidden/ScreenReaderStyles.ts"],"sourcesContent":["import type { CSSObject } from 'styled-components';\n\n/**\n * Screen reader class adapted from webaim\n * https://webaim.org/techniques/css/invisiblecontent/#techniques\n */\nconst screenReaderStyles: CSSObject = {\n  border: '0',\n  clip: 'rect(0, 0, 0, 0)',\n  height: '1px',\n  width: '1px',\n  margin: '-1px',\n  padding: '0',\n  overflow: 'hidden',\n  whiteSpace: 'nowrap',\n  position: 'absolute',\n  wordWrap: 'normal',\n};\n\n// So when we are using screenReaderStyles inside SelectorInput , it is causing wrong layout positioning in bottomSheet. that's why we are using legacyScreenReaderStyles only in SelectorInput.\n//TODO: figure out and remove `legacyScreenReaderStyles` in future.\n\nconst legacyScreenReaderStyles: CSSObject = {\n  border: 0,\n  clip: 'rect(0 0 0 0)',\n  clipPath: 'inset(50%)',\n  height: `1px`,\n  margin: '0 -1px -1px 0',\n  overflow: 'hidden',\n  padding: 0,\n  position: 'absolute',\n  width: `1px`,\n  left: '-10000px',\n  whiteSpace: 'nowrap',\n  wordWrap: 'normal',\n};\n\nexport { screenReaderStyles, legacyScreenReaderStyles };\n"],"names":["screenReaderStyles","border","clip","height","width","margin","padding","overflow","whiteSpace","position","wordWrap","legacyScreenReaderStyles","clipPath","left"],"mappings":"AAMM,IAAAA,kBAA6B,CAAG,CACpCC,MAAM,CAAE,GAAG,CACXC,IAAI,CAAE,kBAAkB,CACxBC,MAAM,CAAE,KAAK,CACbC,KAAK,CAAE,KAAK,CACZC,MAAM,CAAE,MAAM,CACdC,OAAO,CAAE,GAAG,CACZC,QAAQ,CAAE,QAAQ,CAClBC,UAAU,CAAE,QAAQ,CACpBC,QAAQ,CAAE,UAAU,CACpBC,QAAQ,CAAE,QACZ,EAKM,IAAAC,wBAAmC,CAAG,CAC1CV,MAAM,CAAE,CAAC,CACTC,IAAI,CAAE,eAAe,CACrBU,QAAQ,CAAE,YAAY,CACtBT,MAAM,CAAE,KAAK,CACbE,MAAM,CAAE,eAAe,CACvBE,QAAQ,CAAE,QAAQ,CAClBD,OAAO,CAAE,CAAC,CACVG,QAAQ,CAAE,UAAU,CACpBL,KAAK,CAAE,CAAK,GAAA,CAAA,CACZS,IAAI,CAAE,UAAU,CAChBL,UAAU,CAAE,QAAQ,CACpBE,QAAQ,CAAE,QACZ;;;;"}
+{"version":3,"file":"ScreenReaderStyles.js","sources":["../../../../../src/components/VisuallyHidden/ScreenReaderStyles.ts"],"sourcesContent":["import type { CSSObject } from 'styled-components';\n\n/**\n * Screen reader class adapted from webaim\n * https://webaim.org/techniques/css/invisiblecontent/#techniques\n */\nconst screenReaderStyles: CSSObject = {\n  border: 0,\n  clip: 'rect(0 0 0 0)',\n  clipPath: 'inset(50%)',\n  height: `1px`,\n  margin: '0 -1px -1px 0',\n  overflow: 'hidden',\n  padding: 0,\n  position: 'absolute',\n  width: `1px`,\n  left: '-10000px',\n  whiteSpace: 'nowrap',\n  wordWrap: 'normal',\n};\n\nexport { screenReaderStyles };\n"],"names":["screenReaderStyles","border","clip","clipPath","height","margin","overflow","padding","position","width","left","whiteSpace","wordWrap"],"mappings":"AAMM,IAAAA,kBAA6B,CAAG,CACpCC,MAAM,CAAE,CAAC,CACTC,IAAI,CAAE,eAAe,CACrBC,QAAQ,CAAE,YAAY,CACtBC,MAAM,CAAE,CAAA,GAAA,CAAK,CACbC,MAAM,CAAE,eAAe,CACvBC,QAAQ,CAAE,QAAQ,CAClBC,OAAO,CAAE,CAAC,CACVC,QAAQ,CAAE,UAAU,CACpBC,KAAK,CAAE,CAAA,GAAA,CAAK,CACZC,IAAI,CAAE,UAAU,CAChBC,UAAU,CAAE,QAAQ,CACpBC,QAAQ,CAAE,QACZ;;;;"}

package/build/lib/native/components/index.js

@@ -45,7 +45,7 @@ export { Counter } from './Counter/Counter.js';
 export { CounterInput } from './CounterInput/CounterInput.native.js';
 export { Divider } from './Divider/Divider.js';
 export { Drawer } from './Drawer/Drawer.native.js';
-export { DrawerBody, DrawerHeader } from './Drawer/DrawerSubcomponents.native.js';
+export { DrawerBody, DrawerFooter, DrawerHeader } from './Drawer/DrawerSubcomponents.native.js';
 export { DatePicker } from './DatePicker/DatePicker.native.js';
 export { FilterChipDatePicker } from './DatePicker/FilterChipDatePicker/FilterChipDatePicker.native.js';
 export { Dropdown } from './Dropdown/Dropdown.js';
@@ -580,7 +580,7 @@ export { Text, getTextProps } from './Typography/Text/Text.js';
 export { Code } from './Typography/Code/Code.js';
 export { Display } from './Typography/Display/Display.js';
 export { VisuallyHidden } from './VisuallyHidden/VisuallyHidden.native.js';
-export { legacyScreenReaderStyles, screenReaderStyles } from './VisuallyHidden/ScreenReaderStyles.js';
+export { screenReaderStyles } from './VisuallyHidden/ScreenReaderStyles.js';
 export { ListView } from './ListView/ListView.native.js';
 export { ListViewFilters } from './ListView/ListViewFilters.native.js';
 export { Preview, PreviewBody, PreviewFooter, PreviewHeader } from './Preview/Preview.native.js';

package/build/lib/web/development/components/Drawer/Drawer.web.js

@@ -99,7 +99,7 @@ var _Drawer = function _Drawer(_ref5, ref) {
   useVerifyAllowedChildren({
     children: children,
     componentName: 'Drawer',
-    allowedComponents: [drawerComponentIds.DrawerHeader, drawerComponentIds.DrawerBody]
+    allowedComponents: [drawerComponentIds.DrawerHeader, drawerComponentIds.DrawerBody, drawerComponentIds.DrawerFooter]
   });
   var _useTheme = useTheme(),
     theme = _useTheme.theme;

package/build/lib/web/development/components/Drawer/Drawer.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.web.js","sources":["../../../../../../src/components/Drawer/Drawer.web.tsx"],"sourcesContent":["import {\n  FloatingFocusManager,\n  FloatingOverlay,\n  FloatingPortal,\n  useFloating,\n} from '@floating-ui/react';\nimport type { CSSProperties } from 'react';\nimport React from 'react';\nimport styled from 'styled-components';\nimport usePresence from 'use-presence';\nimport { drawerComponentIds } from './drawerComponentIds';\nimport { DrawerContext } from './DrawerContext';\nimport type { DrawerProps } from './types';\nimport BaseBox from '~components/Box/BaseBox';\nimport { castWebType, getMediaQuery, makeMotionTime, useTheme } from '~utils';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { componentZIndices } from '~utils/componentZIndices';\nimport { useDrawerStack } from '~components/Drawer/StackProvider';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { useId } from '~utils/useId';\nimport { useVerifyAllowedChildren } from '~utils/useVerifyAllowedChildren';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport type { BladeElementRef } from '~utils/types';\nimport { mergeRefs } from '~utils/useMergeRefs';\n\nconst SHOW_DRAWER = 'show-drawer';\n\nconst AnimatedDrawerContainer = styled(BaseBox)<{\n  isFirstDrawerInStack: boolean;\n  isVisible: boolean;\n}>(({ theme, isFirstDrawerInStack, isVisible }) => {\n  const entranceTransition: CSSProperties['transition'] = `all ${castWebType(\n    castWebType(makeMotionTime(theme.motion.duration.xmoderate)),\n  )} ${castWebType(theme.motion.easing.entrance)}`;\n\n  const exitTransition: CSSProperties['transition'] = `all\n  ${castWebType(makeMotionTime(theme.motion.duration.moderate))}\n  ${castWebType(theme.motion.easing.exit)}`;\n\n  return {\n    opacity: isVisible ? 1 : 0,\n    transform: isVisible\n      ? isFirstDrawerInStack\n        ? 'translateX(calc(-100% - 16px))'\n        : `translateX(-100%)`\n      : 'translateX(0%)',\n    transition: isVisible ? entranceTransition : exitTransition,\n    animationFillMode: 'initial',\n    position: 'fixed',\n    top: '0px',\n    bottom: '0px',\n    left: '100%',\n    height: 'auto',\n    [`@media ${getMediaQuery({ min: theme.breakpoints.m })}`]: {\n      top: isFirstDrawerInStack ? '24px' : '8px',\n      bottom: isFirstDrawerInStack ? '24px' : '8px',\n      transform: isVisible\n        ? isFirstDrawerInStack\n          ? 'translateX(calc(-100% - 24px))'\n          : `translateX(calc(-100% - ${theme.spacing[3]}px))`\n        : 'translateX(0%)',\n    },\n  };\n});\n\nconst DrawerOverlay = styled(FloatingOverlay)(({ theme }) => {\n  return {\n    opacity: 0,\n    transition: `opacity\n      ${makeMotionTime(theme.motion.duration.xmoderate)}\n      ${castWebType(theme.motion.easing.exit)}`,\n    backgroundColor: theme.colors.overlay.background.subtle,\n\n    [`&.${SHOW_DRAWER}`]: {\n      opacity: 1,\n      transition: `opacity ${makeMotionTime(theme.motion.duration.gentle)} ${castWebType(\n        theme.motion.easing.entrance,\n      )}`,\n    },\n  };\n});\n\nconst _Drawer: React.ForwardRefRenderFunction<BladeElementRef, DrawerProps> = (\n  {\n    isOpen,\n    onDismiss,\n    onUnmount,\n    zIndex = componentZIndices.drawer,\n    children,\n    accessibilityLabel,\n    showOverlay = true,\n    initialFocusRef,\n    isLazy = true,\n    testID,\n    ...rest\n  },\n  ref,\n) => {\n  const closeButtonRef = React.useRef<HTMLDivElement>(null);\n  const [zIndexState, setZIndexState] = React.useState<number>(zIndex);\n\n  useVerifyAllowedChildren({\n    children,\n    componentName: 'Drawer',\n    allowedComponents: [drawerComponentIds.DrawerHeader, drawerComponentIds.DrawerBody],\n  });\n\n  const { theme } = useTheme();\n  const drawerId = useId('drawer');\n  const { drawerStack, addToDrawerStack, removeFromDrawerStack } = useDrawerStack();\n\n  const { isMounted, isVisible, isExiting } = usePresence(isOpen, {\n    enterTransitionDuration: theme.motion.duration.gentle,\n    exitTransitionDuration: theme.motion.duration.xmoderate,\n    initialEnter: true,\n  });\n\n  const { stackingLevel, isFirstDrawerInStack } = React.useMemo(() => {\n    // eslint-disable-next-line @typescript-eslint/restrict-plus-operands\n    const level = Object.keys(drawerStack).indexOf(drawerId) + 1;\n    return {\n      stackingLevel: level,\n      isFirstDrawerInStack: level === 1 && Object.keys(drawerStack).length > 1,\n    };\n  }, [drawerId, drawerStack]);\n\n  const { refs, context } = useFloating({\n    open: isMounted,\n    onOpenChange: (open) => {\n      if (!open) {\n        onUnmount?.();\n      }\n    },\n  });\n\n  React.useEffect(() => {\n    if (isOpen) {\n      addToDrawerStack({ elementId: drawerId, onDismiss });\n    } else {\n      removeFromDrawerStack({ elementId: drawerId });\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isOpen]);\n\n  // When z-index is not defined by user, we use default drawer z index and add stackingLevel to ensure\n  // new drawer that opens, always opens on top of previous one.\n  React.useEffect(() => {\n    // eslint-disable-next-line @typescript-eslint/restrict-plus-operands\n    setZIndexState(zIndex + stackingLevel);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isMounted]);\n\n  const contextValue = React.useMemo(\n    () => ({\n      close: onDismiss,\n      closeButtonRef,\n      stackingLevel,\n      isExiting,\n    }),\n    [isExiting, onDismiss, stackingLevel],\n  );\n\n  return (\n    <DrawerContext.Provider value={contextValue}>\n      <FloatingPortal>\n        {isMounted || !isLazy ? (\n          <FloatingFocusManager\n            context={context}\n            initialFocus={initialFocusRef ?? closeButtonRef}\n            returnFocus={true}\n          >\n            <BaseBox\n              display={isLazy ? undefined : isMounted ? 'block' : 'none'}\n              position=\"fixed\"\n              {...metaAttribute({\n                name: MetaConstants.Drawer,\n                testID,\n              })}\n              {...makeAnalyticsAttribute(rest)}\n              zIndex={zIndexState}\n            >\n              {showOverlay ? (\n                <DrawerOverlay\n                  onClick={() => {\n                    onDismiss();\n                  }}\n                  className={isVisible ? SHOW_DRAWER : ''}\n                  lockScroll={true}\n                  {...metaAttribute({\n                    testID: 'drawer-overlay',\n                  })}\n                />\n              ) : null}\n              <AnimatedDrawerContainer\n                isVisible={isVisible}\n                isFirstDrawerInStack={isFirstDrawerInStack}\n                width={{ base: '90%', s: '375px', m: '420px' }}\n                {...makeAccessible({\n                  role: 'dialog',\n                  modal: true,\n                  label: accessibilityLabel,\n                })}\n                position=\"fixed\"\n                backgroundColor=\"popup.background.subtle\"\n                borderRadius={{ base: 'none', m: 'large' }}\n                overflow=\"hidden\"\n                elevation=\"highRaised\"\n                display=\"flex\"\n                flexDirection=\"column\"\n                ref={mergeRefs(ref, refs.setFloating)}\n                onKeyDown={(event) => {\n                  if (event?.key === 'Escape' || event?.code === 'Escape') {\n                    onDismiss();\n                  }\n                }}\n              >\n                {children}\n              </AnimatedDrawerContainer>\n            </BaseBox>\n          </FloatingFocusManager>\n        ) : null}\n      </FloatingPortal>\n    </DrawerContext.Provider>\n  );\n};\n\n/**\n * ### Drawer Component\n * \n * A drawer is a panel that slides in mostly from right side of the screen over the existing content in the viewport. \n * It helps in providing additional details or context and can also be used to promote product features or new products.\n * \n * ---\n * \n * #### Usage\n * \n * ```jsx\n  const MyDrawer = () => {\n    const [showDrawer, setShowDrawer] = React.useState(false);\n    return (\n      <Box>\n        <Button onClick={() => setShowDrawer(true)}>Open Drawer</Button>\n        <Drawer\n          isOpen={showDrawer}\n          onDismiss={() => setShowDrawer(false)}\n        >\n          <DrawerHeader title=\"Announcements\" />\n          <DrawerBody>\n            <FTXAnnouncement />\n            <CatPictures />\n          </DrawerBody>\n        <Drawer>\n      </Box>\n    )\n  }\n * ```\n *\n *  ---\n *\n * Checkout {@link https://blade.razorpay.com/?path=/docs/components-drawer Drawer Documentation}\n * \n * \n */\nconst Drawer = assignWithoutSideEffects(React.forwardRef(_Drawer), {\n  displayName: 'Drawer',\n  componentId: drawerComponentIds.Drawer,\n});\n\nexport { Drawer };\n"],"names":["SHOW_DRAWER","AnimatedDrawerContainer","styled","BaseBox","withConfig","displayName","componentId","_ref","theme","isFirstDrawerInStack","isVisible","entranceTransition","concat","castWebType","makeMotionTime","motion","duration","xmoderate","easing","entrance","exitTransition","moderate","exit","_defineProperty","opacity","transform","transition","animationFillMode","position","top","bottom","left","height","getMediaQuery","min","breakpoints","m","spacing","DrawerOverlay","FloatingOverlay","_ref3","backgroundColor","colors","overlay","background","subtle","gentle","_Drawer","_ref5","ref","isOpen","onDismiss","onUnmount","_ref5$zIndex","zIndex","componentZIndices","drawer","children","accessibilityLabel","_ref5$showOverlay","showOverlay","initialFocusRef","_ref5$isLazy","isLazy","testID","rest","_objectWithoutProperties","_excluded","closeButtonRef","React","useRef","_React$useState","useState","_React$useState2","_slicedToArray","zIndexState","setZIndexState","useVerifyAllowedChildren","componentName","allowedComponents","drawerComponentIds","DrawerHeader","DrawerBody","_useTheme","useTheme","drawerId","useId","_useDrawerStack","useDrawerStack","drawerStack","addToDrawerStack","removeFromDrawerStack","_usePresence","usePresence","enterTransitionDuration","exitTransitionDuration","initialEnter","isMounted","isExiting","_React$useMemo","useMemo","level","Object","keys","indexOf","stackingLevel","length","_useFloating","useFloating","open","onOpenChange","refs","context","useEffect","elementId","contextValue","close","_jsx","DrawerContext","Provider","value","FloatingPortal","FloatingFocusManager","initialFocus","returnFocus","_jsxs","_objectSpread","display","undefined","metaAttribute","name","MetaConstants","Drawer","makeAnalyticsAttribute","onClick","className","lockScroll","width","base","s","makeAccessible","role","modal","label","borderRadius","overflow","elevation","flexDirection","mergeRefs","setFloating","onKeyDown","event","key","code","assignWithoutSideEffects","forwardRef"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BA,IAAMA,WAAW,GAAG,aAAa,CAAA;AAEjC,IAAMC,uBAAuB,gBAAGC,MAAM,CAACC,OAAO,CAAC,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,oCAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CAG5C,CAAA,CAAA,UAAAC,IAAA,EAAgD;AAAA,EAAA,IAA7CC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,oBAAoB,GAAAF,IAAA,CAApBE,oBAAoB;IAAEC,SAAS,GAAAH,IAAA,CAATG,SAAS,CAAA;AAC1C,EAAA,IAAMC,kBAA+C,GAAA,MAAA,CAAAC,MAAA,CAAUC,WAAW,CACxEA,WAAW,CAACC,cAAc,CAACN,KAAK,CAACO,MAAM,CAACC,QAAQ,CAACC,SAAS,CAAC,CAC7D,CAAC,EAAAL,GAAAA,CAAAA,CAAAA,MAAA,CAAIC,WAAW,CAACL,KAAK,CAACO,MAAM,CAACG,MAAM,CAACC,QAAQ,CAAC,CAAE,CAAA;AAEhD,EAAA,IAAMC,cAA2C,GAAA,SAAA,CAAAR,MAAA,CAC/CC,WAAW,CAACC,cAAc,CAACN,KAAK,CAACO,MAAM,CAACC,QAAQ,CAACK,QAAQ,CAAC,CAAC,EAAAT,MAAAA,CAAAA,CAAAA,MAAA,CAC3DC,WAAW,CAACL,KAAK,CAACO,MAAM,CAACG,MAAM,CAACI,IAAI,CAAC,CAAE,CAAA;AAEzC,EAAA,OAAAC,eAAA,CAAA;AACEC,IAAAA,OAAO,EAAEd,SAAS,GAAG,CAAC,GAAG,CAAC;IAC1Be,SAAS,EAAEf,SAAS,GAChBD,oBAAoB,GAClB,gCAAgC,GAAA,mBACb,GACrB,gBAAgB;AACpBiB,IAAAA,UAAU,EAAEhB,SAAS,GAAGC,kBAAkB,GAAGS,cAAc;AAC3DO,IAAAA,iBAAiB,EAAE,SAAS;AAC5BC,IAAAA,QAAQ,EAAE,OAAO;AACjBC,IAAAA,GAAG,EAAE,KAAK;AACVC,IAAAA,MAAM,EAAE,KAAK;AACbC,IAAAA,IAAI,EAAE,MAAM;AACZC,IAAAA,MAAM,EAAE,MAAA;GAAMpB,EAAAA,SAAAA,CAAAA,MAAA,CACHqB,aAAa,CAAC;AAAEC,IAAAA,GAAG,EAAE1B,KAAK,CAAC2B,WAAW,CAACC,CAAAA;AAAE,GAAC,CAAC,CAAK,EAAA;AACzDP,IAAAA,GAAG,EAAEpB,oBAAoB,GAAG,MAAM,GAAG,KAAK;AAC1CqB,IAAAA,MAAM,EAAErB,oBAAoB,GAAG,MAAM,GAAG,KAAK;AAC7CgB,IAAAA,SAAS,EAAEf,SAAS,GAChBD,oBAAoB,GAClB,gCAAgC,GAAAG,0BAAAA,CAAAA,MAAA,CACLJ,KAAK,CAAC6B,OAAO,CAAC,CAAC,CAAC,SAAM,GACnD,gBAAA;GACL,CAAA,CAAA;AAEL,CAAC,CAAC,CAAA;AAEF,IAAMC,aAAa,gBAAGpC,MAAM,CAACqC,eAAe,CAAC,CAAAnC,UAAA,CAAA;EAAAC,WAAA,EAAA,0BAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CAAC,CAAA,CAAA,UAAAkC,KAAA,EAAe;AAAA,EAAA,IAAZhC,KAAK,GAAAgC,KAAA,CAALhC,KAAK,CAAA;AACpD,EAAA,OAAAe,eAAA,CAAA;AACEC,IAAAA,OAAO,EAAE,CAAC;IACVE,UAAU,EAAA,iBAAA,CAAAd,MAAA,CACNE,cAAc,CAACN,KAAK,CAACO,MAAM,CAACC,QAAQ,CAACC,SAAS,CAAC,cAAAL,MAAA,CAC/CC,WAAW,CAACL,KAAK,CAACO,MAAM,CAACG,MAAM,CAACI,IAAI,CAAC,CAAE;IAC3CmB,eAAe,EAAEjC,KAAK,CAACkC,MAAM,CAACC,OAAO,CAACC,UAAU,CAACC,MAAAA;GAAMjC,EAAAA,IAAAA,CAAAA,MAAA,CAEjDZ,WAAW,CAAK,EAAA;AACpBwB,IAAAA,OAAO,EAAE,CAAC;IACVE,UAAU,EAAA,UAAA,CAAAd,MAAA,CAAaE,cAAc,CAACN,KAAK,CAACO,MAAM,CAACC,QAAQ,CAAC8B,MAAM,CAAC,EAAAlC,GAAAA,CAAAA,CAAAA,MAAA,CAAIC,WAAW,CAChFL,KAAK,CAACO,MAAM,CAACG,MAAM,CAACC,QACtB,CAAC,CAAA;GACF,CAAA,CAAA;AAEL,CAAC,CAAC,CAAA;AAEF,IAAM4B,OAAqE,GAAG,SAAxEA,OAAqEA,CAAAC,KAAA,EAczEC,GAAG,EACA;AAAA,EAAA,IAbDC,MAAM,GAAAF,KAAA,CAANE,MAAM;IACNC,SAAS,GAAAH,KAAA,CAATG,SAAS;IACTC,SAAS,GAAAJ,KAAA,CAATI,SAAS;IAAAC,YAAA,GAAAL,KAAA,CACTM,MAAM;AAANA,IAAAA,MAAM,GAAAD,YAAA,KAAA,KAAA,CAAA,GAAGE,iBAAiB,CAACC,MAAM,GAAAH,YAAA;IACjCI,QAAQ,GAAAT,KAAA,CAARS,QAAQ;IACRC,kBAAkB,GAAAV,KAAA,CAAlBU,kBAAkB;IAAAC,iBAAA,GAAAX,KAAA,CAClBY,WAAW;AAAXA,IAAAA,WAAW,GAAAD,iBAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,iBAAA;IAClBE,eAAe,GAAAb,KAAA,CAAfa,eAAe;IAAAC,YAAA,GAAAd,KAAA,CACfe,MAAM;AAANA,IAAAA,MAAM,GAAAD,YAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,YAAA;IACbE,MAAM,GAAAhB,KAAA,CAANgB,MAAM;AACHC,IAAAA,IAAI,GAAAC,wBAAA,CAAAlB,KAAA,EAAAmB,SAAA,CAAA,CAAA;AAIT,EAAA,IAAMC,cAAc,GAAGC,cAAK,CAACC,MAAM,CAAiB,IAAI,CAAC,CAAA;AACzD,EAAA,IAAAC,eAAA,GAAsCF,cAAK,CAACG,QAAQ,CAASlB,MAAM,CAAC;IAAAmB,gBAAA,GAAAC,cAAA,CAAAH,eAAA,EAAA,CAAA,CAAA;AAA7DI,IAAAA,WAAW,GAAAF,gBAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,cAAc,GAAAH,gBAAA,CAAA,CAAA,CAAA,CAAA;AAElCI,EAAAA,wBAAwB,CAAC;AACvBpB,IAAAA,QAAQ,EAARA,QAAQ;AACRqB,IAAAA,aAAa,EAAE,QAAQ;IACvBC,iBAAiB,EAAE,CAACC,kBAAkB,CAACC,YAAY,EAAED,kBAAkB,CAACE,UAAU,CAAA;AACpF,GAAC,CAAC,CAAA;AAEF,EAAA,IAAAC,SAAA,GAAkBC,QAAQ,EAAE;IAApB5E,KAAK,GAAA2E,SAAA,CAAL3E,KAAK,CAAA;AACb,EAAA,IAAM6E,QAAQ,GAAGC,KAAK,CAAC,QAAQ,CAAC,CAAA;AAChC,EAAA,IAAAC,eAAA,GAAiEC,cAAc,EAAE;IAAzEC,WAAW,GAAAF,eAAA,CAAXE,WAAW;IAAEC,gBAAgB,GAAAH,eAAA,CAAhBG,gBAAgB;IAAEC,qBAAqB,GAAAJ,eAAA,CAArBI,qBAAqB,CAAA;AAE5D,EAAA,IAAAC,YAAA,GAA4CC,WAAW,CAAC3C,MAAM,EAAE;AAC9D4C,MAAAA,uBAAuB,EAAEtF,KAAK,CAACO,MAAM,CAACC,QAAQ,CAAC8B,MAAM;AACrDiD,MAAAA,sBAAsB,EAAEvF,KAAK,CAACO,MAAM,CAACC,QAAQ,CAACC,SAAS;AACvD+E,MAAAA,YAAY,EAAE,IAAA;AAChB,KAAC,CAAC;IAJMC,SAAS,GAAAL,YAAA,CAATK,SAAS;IAAEvF,SAAS,GAAAkF,YAAA,CAATlF,SAAS;IAAEwF,SAAS,GAAAN,YAAA,CAATM,SAAS,CAAA;AAMvC,EAAA,IAAAC,cAAA,GAAgD9B,cAAK,CAAC+B,OAAO,CAAC,YAAM;AAClE;AACA,MAAA,IAAMC,KAAK,GAAGC,MAAM,CAACC,IAAI,CAACd,WAAW,CAAC,CAACe,OAAO,CAACnB,QAAQ,CAAC,GAAG,CAAC,CAAA;MAC5D,OAAO;AACLoB,QAAAA,aAAa,EAAEJ,KAAK;AACpB5F,QAAAA,oBAAoB,EAAE4F,KAAK,KAAK,CAAC,IAAIC,MAAM,CAACC,IAAI,CAACd,WAAW,CAAC,CAACiB,MAAM,GAAG,CAAA;OACxE,CAAA;AACH,KAAC,EAAE,CAACrB,QAAQ,EAAEI,WAAW,CAAC,CAAC;IAPnBgB,aAAa,GAAAN,cAAA,CAAbM,aAAa;IAAEhG,oBAAoB,GAAA0F,cAAA,CAApB1F,oBAAoB,CAAA;EAS3C,IAAAkG,YAAA,GAA0BC,WAAW,CAAC;AACpCC,MAAAA,IAAI,EAAEZ,SAAS;AACfa,MAAAA,YAAY,EAAE,SAAdA,YAAYA,CAAGD,IAAI,EAAK;QACtB,IAAI,CAACA,IAAI,EAAE;AACTzD,UAAAA,SAAS,KAATA,IAAAA,IAAAA,SAAS,KAATA,KAAAA,CAAAA,IAAAA,SAAS,EAAI,CAAA;AACf,SAAA;AACF,OAAA;AACF,KAAC,CAAC;IAPM2D,IAAI,GAAAJ,YAAA,CAAJI,IAAI;IAAEC,OAAO,GAAAL,YAAA,CAAPK,OAAO,CAAA;EASrB3C,cAAK,CAAC4C,SAAS,CAAC,YAAM;AACpB,IAAA,IAAI/D,MAAM,EAAE;AACVwC,MAAAA,gBAAgB,CAAC;AAAEwB,QAAAA,SAAS,EAAE7B,QAAQ;AAAElC,QAAAA,SAAS,EAATA,SAAAA;AAAU,OAAC,CAAC,CAAA;AACtD,KAAC,MAAM;AACLwC,MAAAA,qBAAqB,CAAC;AAAEuB,QAAAA,SAAS,EAAE7B,QAAAA;AAAS,OAAC,CAAC,CAAA;AAChD,KAAA;AACA;AACF,GAAC,EAAE,CAACnC,MAAM,CAAC,CAAC,CAAA;;AAEZ;AACA;EACAmB,cAAK,CAAC4C,SAAS,CAAC,YAAM;AACpB;AACArC,IAAAA,cAAc,CAACtB,MAAM,GAAGmD,aAAa,CAAC,CAAA;AACtC;AACF,GAAC,EAAE,CAACR,SAAS,CAAC,CAAC,CAAA;AAEf,EAAA,IAAMkB,YAAY,GAAG9C,cAAK,CAAC+B,OAAO,CAChC,YAAA;IAAA,OAAO;AACLgB,MAAAA,KAAK,EAAEjE,SAAS;AAChBiB,MAAAA,cAAc,EAAdA,cAAc;AACdqC,MAAAA,aAAa,EAAbA,aAAa;AACbP,MAAAA,SAAS,EAATA,SAAAA;KACD,CAAA;GAAC,EACF,CAACA,SAAS,EAAE/C,SAAS,EAAEsD,aAAa,CACtC,CAAC,CAAA;AAED,EAAA,oBACEY,GAAA,CAACC,aAAa,CAACC,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAEL,YAAa;IAAA1D,QAAA,eAC1C4D,GAAA,CAACI,cAAc,EAAA;MAAAhE,QAAA,EACZwC,SAAS,IAAI,CAAClC,MAAM,gBACnBsD,GAAA,CAACK,oBAAoB,EAAA;AACnBV,QAAAA,OAAO,EAAEA,OAAQ;AACjBW,QAAAA,YAAY,EAAE9D,eAAe,KAAA,IAAA,IAAfA,eAAe,KAAfA,KAAAA,CAAAA,GAAAA,eAAe,GAAIO,cAAe;AAChDwD,QAAAA,WAAW,EAAE,IAAK;QAAAnE,QAAA,eAElBoE,IAAA,CAAC1H,OAAO,EAAA2H,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAA;UACNC,OAAO,EAAEhE,MAAM,GAAGiE,SAAS,GAAG/B,SAAS,GAAG,OAAO,GAAG,MAAO;AAC3DrE,UAAAA,QAAQ,EAAC,OAAA;AAAO,SAAA,EACZqG,aAAa,CAAC;UAChBC,IAAI,EAAEC,aAAa,CAACC,MAAM;AAC1BpE,UAAAA,MAAM,EAANA,MAAAA;AACF,SAAC,CAAC,CAAA,EACEqE,sBAAsB,CAACpE,IAAI,CAAC,CAAA,EAAA,EAAA,EAAA;AAChCX,UAAAA,MAAM,EAAEqB,WAAY;AAAAlB,UAAAA,QAAA,GAEnBG,WAAW,gBACVyD,GAAA,CAAC/E,aAAa,EAAAwF,aAAA,CAAA;AACZQ,YAAAA,OAAO,EAAE,SAATA,OAAOA,GAAQ;AACbnF,cAAAA,SAAS,EAAE,CAAA;aACX;AACFoF,YAAAA,SAAS,EAAE7H,SAAS,GAAGV,WAAW,GAAG,EAAG;AACxCwI,YAAAA,UAAU,EAAE,IAAA;AAAK,WAAA,EACbP,aAAa,CAAC;AAChBjE,YAAAA,MAAM,EAAE,gBAAA;AACV,WAAC,CAAC,CACH,CAAC,GACA,IAAI,eACRqD,GAAA,CAACpH,uBAAuB,EAAA6H,aAAA,CAAAA,aAAA,CAAA;AACtBpH,YAAAA,SAAS,EAAEA,SAAU;AACrBD,YAAAA,oBAAoB,EAAEA,oBAAqB;AAC3CgI,YAAAA,KAAK,EAAE;AAAEC,cAAAA,IAAI,EAAE,KAAK;AAAEC,cAAAA,CAAC,EAAE,OAAO;AAAEvG,cAAAA,CAAC,EAAE,OAAA;AAAQ,aAAA;AAAE,WAAA,EAC3CwG,cAAc,CAAC;AACjBC,YAAAA,IAAI,EAAE,QAAQ;AACdC,YAAAA,KAAK,EAAE,IAAI;AACXC,YAAAA,KAAK,EAAErF,kBAAAA;AACT,WAAC,CAAC,CAAA,EAAA,EAAA,EAAA;AACF9B,YAAAA,QAAQ,EAAC,OAAO;AAChBa,YAAAA,eAAe,EAAC,yBAAyB;AACzCuG,YAAAA,YAAY,EAAE;AAAEN,cAAAA,IAAI,EAAE,MAAM;AAAEtG,cAAAA,CAAC,EAAE,OAAA;aAAU;AAC3C6G,YAAAA,QAAQ,EAAC,QAAQ;AACjBC,YAAAA,SAAS,EAAC,YAAY;AACtBnB,YAAAA,OAAO,EAAC,MAAM;AACdoB,YAAAA,aAAa,EAAC,QAAQ;YACtBlG,GAAG,EAAEmG,SAAS,CAACnG,GAAG,EAAE8D,IAAI,CAACsC,WAAW,CAAE;AACtCC,YAAAA,SAAS,EAAE,SAAXA,SAASA,CAAGC,KAAK,EAAK;cACpB,IAAI,CAAAA,KAAK,KAALA,IAAAA,IAAAA,KAAK,uBAALA,KAAK,CAAEC,GAAG,MAAK,QAAQ,IAAI,CAAAD,KAAK,aAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAEE,IAAI,MAAK,QAAQ,EAAE;AACvDtG,gBAAAA,SAAS,EAAE,CAAA;AACb,eAAA;aACA;AAAAM,YAAAA,QAAA,EAEDA,QAAAA;AAAQ,WAAA,CACc,CAAC,CAAA;SACnB,CAAA,CAAA;AAAC,OACU,CAAC,GACrB,IAAA;KACU,CAAA;AAAC,GACK,CAAC,CAAA;AAE7B,CAAC,CAAA;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACM2E,IAAAA,MAAM,gBAAGsB,wBAAwB,cAACrF,cAAK,CAACsF,UAAU,CAAC5G,OAAO,CAAC,EAAE;AACjE1C,EAAAA,WAAW,EAAE,QAAQ;EACrBC,WAAW,EAAE0E,kBAAkB,CAACoD,MAAAA;AAClC,CAAC;;;;"}
+{"version":3,"file":"Drawer.web.js","sources":["../../../../../../src/components/Drawer/Drawer.web.tsx"],"sourcesContent":["import {\n  FloatingFocusManager,\n  FloatingOverlay,\n  FloatingPortal,\n  useFloating,\n} from '@floating-ui/react';\nimport type { CSSProperties } from 'react';\nimport React from 'react';\nimport styled from 'styled-components';\nimport usePresence from 'use-presence';\nimport { drawerComponentIds } from './drawerComponentIds';\nimport { DrawerContext } from './DrawerContext';\nimport type { DrawerProps } from './types';\nimport BaseBox from '~components/Box/BaseBox';\nimport { castWebType, getMediaQuery, makeMotionTime, useTheme } from '~utils';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { componentZIndices } from '~utils/componentZIndices';\nimport { useDrawerStack } from '~components/Drawer/StackProvider';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { useId } from '~utils/useId';\nimport { useVerifyAllowedChildren } from '~utils/useVerifyAllowedChildren';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport type { BladeElementRef } from '~utils/types';\nimport { mergeRefs } from '~utils/useMergeRefs';\n\nconst SHOW_DRAWER = 'show-drawer';\n\nconst AnimatedDrawerContainer = styled(BaseBox)<{\n  isFirstDrawerInStack: boolean;\n  isVisible: boolean;\n}>(({ theme, isFirstDrawerInStack, isVisible }) => {\n  const entranceTransition: CSSProperties['transition'] = `all ${castWebType(\n    castWebType(makeMotionTime(theme.motion.duration.xmoderate)),\n  )} ${castWebType(theme.motion.easing.entrance)}`;\n\n  const exitTransition: CSSProperties['transition'] = `all\n  ${castWebType(makeMotionTime(theme.motion.duration.moderate))}\n  ${castWebType(theme.motion.easing.exit)}`;\n\n  return {\n    opacity: isVisible ? 1 : 0,\n    transform: isVisible\n      ? isFirstDrawerInStack\n        ? 'translateX(calc(-100% - 16px))'\n        : `translateX(-100%)`\n      : 'translateX(0%)',\n    transition: isVisible ? entranceTransition : exitTransition,\n    animationFillMode: 'initial',\n    position: 'fixed',\n    top: '0px',\n    bottom: '0px',\n    left: '100%',\n    height: 'auto',\n    [`@media ${getMediaQuery({ min: theme.breakpoints.m })}`]: {\n      top: isFirstDrawerInStack ? '24px' : '8px',\n      bottom: isFirstDrawerInStack ? '24px' : '8px',\n      transform: isVisible\n        ? isFirstDrawerInStack\n          ? 'translateX(calc(-100% - 24px))'\n          : `translateX(calc(-100% - ${theme.spacing[3]}px))`\n        : 'translateX(0%)',\n    },\n  };\n});\n\nconst DrawerOverlay = styled(FloatingOverlay)(({ theme }) => {\n  return {\n    opacity: 0,\n    transition: `opacity\n      ${makeMotionTime(theme.motion.duration.xmoderate)}\n      ${castWebType(theme.motion.easing.exit)}`,\n    backgroundColor: theme.colors.overlay.background.subtle,\n\n    [`&.${SHOW_DRAWER}`]: {\n      opacity: 1,\n      transition: `opacity ${makeMotionTime(theme.motion.duration.gentle)} ${castWebType(\n        theme.motion.easing.entrance,\n      )}`,\n    },\n  };\n});\n\nconst _Drawer: React.ForwardRefRenderFunction<BladeElementRef, DrawerProps> = (\n  {\n    isOpen,\n    onDismiss,\n    onUnmount,\n    zIndex = componentZIndices.drawer,\n    children,\n    accessibilityLabel,\n    showOverlay = true,\n    initialFocusRef,\n    isLazy = true,\n    testID,\n    ...rest\n  },\n  ref,\n) => {\n  const closeButtonRef = React.useRef<HTMLDivElement>(null);\n  const [zIndexState, setZIndexState] = React.useState<number>(zIndex);\n\n  useVerifyAllowedChildren({\n    children,\n    componentName: 'Drawer',\n    allowedComponents: [\n      drawerComponentIds.DrawerHeader,\n      drawerComponentIds.DrawerBody,\n      drawerComponentIds.DrawerFooter,\n    ],\n  });\n\n  const { theme } = useTheme();\n  const drawerId = useId('drawer');\n  const { drawerStack, addToDrawerStack, removeFromDrawerStack } = useDrawerStack();\n\n  const { isMounted, isVisible, isExiting } = usePresence(isOpen, {\n    enterTransitionDuration: theme.motion.duration.gentle,\n    exitTransitionDuration: theme.motion.duration.xmoderate,\n    initialEnter: true,\n  });\n\n  const { stackingLevel, isFirstDrawerInStack } = React.useMemo(() => {\n    // eslint-disable-next-line @typescript-eslint/restrict-plus-operands\n    const level = Object.keys(drawerStack).indexOf(drawerId) + 1;\n    return {\n      stackingLevel: level,\n      isFirstDrawerInStack: level === 1 && Object.keys(drawerStack).length > 1,\n    };\n  }, [drawerId, drawerStack]);\n\n  const { refs, context } = useFloating({\n    open: isMounted,\n    onOpenChange: (open) => {\n      if (!open) {\n        onUnmount?.();\n      }\n    },\n  });\n\n  React.useEffect(() => {\n    if (isOpen) {\n      addToDrawerStack({ elementId: drawerId, onDismiss });\n    } else {\n      removeFromDrawerStack({ elementId: drawerId });\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isOpen]);\n\n  // When z-index is not defined by user, we use default drawer z index and add stackingLevel to ensure\n  // new drawer that opens, always opens on top of previous one.\n  React.useEffect(() => {\n    // eslint-disable-next-line @typescript-eslint/restrict-plus-operands\n    setZIndexState(zIndex + stackingLevel);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isMounted]);\n\n  const contextValue = React.useMemo(\n    () => ({\n      close: onDismiss,\n      closeButtonRef,\n      stackingLevel,\n      isExiting,\n    }),\n    [isExiting, onDismiss, stackingLevel],\n  );\n\n  return (\n    <DrawerContext.Provider value={contextValue}>\n      <FloatingPortal>\n        {isMounted || !isLazy ? (\n          <FloatingFocusManager\n            context={context}\n            initialFocus={initialFocusRef ?? closeButtonRef}\n            returnFocus={true}\n          >\n            <BaseBox\n              display={isLazy ? undefined : isMounted ? 'block' : 'none'}\n              position=\"fixed\"\n              {...metaAttribute({\n                name: MetaConstants.Drawer,\n                testID,\n              })}\n              {...makeAnalyticsAttribute(rest)}\n              zIndex={zIndexState}\n            >\n              {showOverlay ? (\n                <DrawerOverlay\n                  onClick={() => {\n                    onDismiss();\n                  }}\n                  className={isVisible ? SHOW_DRAWER : ''}\n                  lockScroll={true}\n                  {...metaAttribute({\n                    testID: 'drawer-overlay',\n                  })}\n                />\n              ) : null}\n              <AnimatedDrawerContainer\n                isVisible={isVisible}\n                isFirstDrawerInStack={isFirstDrawerInStack}\n                width={{ base: '90%', s: '375px', m: '420px' }}\n                {...makeAccessible({\n                  role: 'dialog',\n                  modal: true,\n                  label: accessibilityLabel,\n                })}\n                position=\"fixed\"\n                backgroundColor=\"popup.background.subtle\"\n                borderRadius={{ base: 'none', m: 'large' }}\n                overflow=\"hidden\"\n                elevation=\"highRaised\"\n                display=\"flex\"\n                flexDirection=\"column\"\n                ref={mergeRefs(ref, refs.setFloating)}\n                onKeyDown={(event) => {\n                  if (event?.key === 'Escape' || event?.code === 'Escape') {\n                    onDismiss();\n                  }\n                }}\n              >\n                {children}\n              </AnimatedDrawerContainer>\n            </BaseBox>\n          </FloatingFocusManager>\n        ) : null}\n      </FloatingPortal>\n    </DrawerContext.Provider>\n  );\n};\n\n/**\n * ### Drawer Component\n * \n * A drawer is a panel that slides in mostly from right side of the screen over the existing content in the viewport. \n * It helps in providing additional details or context and can also be used to promote product features or new products.\n * \n * ---\n * \n * #### Usage\n * \n * ```jsx\n  const MyDrawer = () => {\n    const [showDrawer, setShowDrawer] = React.useState(false);\n    return (\n      <Box>\n        <Button onClick={() => setShowDrawer(true)}>Open Drawer</Button>\n        <Drawer\n          isOpen={showDrawer}\n          onDismiss={() => setShowDrawer(false)}\n        >\n          <DrawerHeader title=\"Announcements\" />\n          <DrawerBody>\n            <FTXAnnouncement />\n            <CatPictures />\n          </DrawerBody>\n        <Drawer>\n      </Box>\n    )\n  }\n * ```\n *\n *  ---\n *\n * Checkout {@link https://blade.razorpay.com/?path=/docs/components-drawer Drawer Documentation}\n * \n * \n */\nconst Drawer = assignWithoutSideEffects(React.forwardRef(_Drawer), {\n  displayName: 'Drawer',\n  componentId: drawerComponentIds.Drawer,\n});\n\nexport { Drawer };\n"],"names":["SHOW_DRAWER","AnimatedDrawerContainer","styled","BaseBox","withConfig","displayName","componentId","_ref","theme","isFirstDrawerInStack","isVisible","entranceTransition","concat","castWebType","makeMotionTime","motion","duration","xmoderate","easing","entrance","exitTransition","moderate","exit","_defineProperty","opacity","transform","transition","animationFillMode","position","top","bottom","left","height","getMediaQuery","min","breakpoints","m","spacing","DrawerOverlay","FloatingOverlay","_ref3","backgroundColor","colors","overlay","background","subtle","gentle","_Drawer","_ref5","ref","isOpen","onDismiss","onUnmount","_ref5$zIndex","zIndex","componentZIndices","drawer","children","accessibilityLabel","_ref5$showOverlay","showOverlay","initialFocusRef","_ref5$isLazy","isLazy","testID","rest","_objectWithoutProperties","_excluded","closeButtonRef","React","useRef","_React$useState","useState","_React$useState2","_slicedToArray","zIndexState","setZIndexState","useVerifyAllowedChildren","componentName","allowedComponents","drawerComponentIds","DrawerHeader","DrawerBody","DrawerFooter","_useTheme","useTheme","drawerId","useId","_useDrawerStack","useDrawerStack","drawerStack","addToDrawerStack","removeFromDrawerStack","_usePresence","usePresence","enterTransitionDuration","exitTransitionDuration","initialEnter","isMounted","isExiting","_React$useMemo","useMemo","level","Object","keys","indexOf","stackingLevel","length","_useFloating","useFloating","open","onOpenChange","refs","context","useEffect","elementId","contextValue","close","_jsx","DrawerContext","Provider","value","FloatingPortal","FloatingFocusManager","initialFocus","returnFocus","_jsxs","_objectSpread","display","undefined","metaAttribute","name","MetaConstants","Drawer","makeAnalyticsAttribute","onClick","className","lockScroll","width","base","s","makeAccessible","role","modal","label","borderRadius","overflow","elevation","flexDirection","mergeRefs","setFloating","onKeyDown","event","key","code","assignWithoutSideEffects","forwardRef"],"mappings":"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"}

package/build/lib/web/development/components/Drawer/DrawerSubcomponents.web.js

@@ -5,6 +5,7 @@ import { drawerComponentIds } from './drawerComponentIds.js';
 import { DrawerContext } from './DrawerContext.js';
 import { useDrawerStack } from './StackProvider.js';
 import { BaseHeader } from '../BaseHeaderFooter/BaseHeader.js';
+import { BaseFooter } from '../BaseHeaderFooter/BaseFooter.js';
 import '../Box/index.js';
 import '../../utils/assignWithoutSideEffects/index.js';
 import '../../utils/makeAnalyticsAttribute/index.js';
@@ -15,7 +16,8 @@ import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeA
 import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 import { Box } from '../Box/Box.js';
 
-var _excluded = ["title", "subtitle", "leading", "trailing", "titleSuffix", "children", "color"];
+var _excluded = ["title", "subtitle", "leading", "trailing", "titleSuffix", "children", "color", "showDivider"],
+  _excluded2 = ["children", "showDivider"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var _DrawerHeader = function _DrawerHeader(_ref) {
@@ -27,6 +29,8 @@ var _DrawerHeader = function _DrawerHeader(_ref) {
     children = _ref.children,
     _ref$color = _ref.color,
     color = _ref$color === void 0 ? 'information' : _ref$color,
+    _ref$showDivider = _ref.showDivider,
+    showDivider = _ref$showDivider === void 0 ? true : _ref$showDivider,
     rest = _objectWithoutProperties(_ref, _excluded);
   var _React$useContext = React__default.useContext(DrawerContext),
     close = _React$useContext.close,
@@ -45,7 +49,7 @@ var _DrawerHeader = function _DrawerHeader(_ref) {
   };
   var isStackedDrawer = stackingLevel && stackingLevel > 1;
   var isAtleastOneDrawerOpen = Object.keys(drawerStack).length > 0;
-  var backgroundGradient = "linear-gradient(155deg, ".concat(theme.colors.transparent, " 0%, ").concat(theme.colors.feedback.background[color].subtle, " 30.26%)");
+  var backgroundGradient = "radial-gradient(150% 100% at 50% 100%, ".concat(theme.colors.transparent, " 0%, ").concat(theme.colors.feedback.background[color].subtle, " 100%)");
   // This condition is to avoid back button disappear while stacked drawer is in the exiting transition
   var isDrawerExiting = isAtleastOneDrawerOpen && isExiting && stackingLevel !== 1;
   return /*#__PURE__*/jsx(BaseHeader
@@ -66,7 +70,8 @@ var _DrawerHeader = function _DrawerHeader(_ref) {
     subtitle: subtitle,
     leading: leading,
     trailing: trailing,
-    backgroundImage: backgroundGradient
+    backgroundImage: backgroundGradient,
+    showDivider: showDivider
   }, makeAnalyticsAttribute(rest)), {}, {
     children: children
   }));
@@ -102,6 +107,36 @@ var _DrawerBody = function _DrawerBody(_ref2) {
 var DrawerBody = /*#__PURE__*/assignWithoutSideEffects(_DrawerBody, {
   componentId: drawerComponentIds.DrawerBody
 });
+var _DrawerFooter = function _DrawerFooter(_ref3) {
+  var children = _ref3.children,
+    _ref3$showDivider = _ref3.showDivider,
+    showDivider = _ref3$showDivider === void 0 ? true : _ref3$showDivider,
+    rest = _objectWithoutProperties(_ref3, _excluded2);
+  return /*#__PURE__*/jsx(Box, _objectSpread(_objectSpread({
+    position: "sticky"
+  }, makeAnalyticsAttribute(rest)), {}, {
+    children: /*#__PURE__*/jsx(BaseFooter, {
+      showDivider: showDivider,
+      children: children
+    })
+  }));
+};
+
+/**
+ * #### Usage
+ *
+ * ```jsx
+ * <DrawerFooter>
+ *   <Button variant="primary" isFullWidth>
+ *     Continue
+ *   </Button>
+ * </DrawerFooter>
+ * ```
+ *
+ */
+var DrawerFooter = /*#__PURE__*/assignWithoutSideEffects(_DrawerFooter, {
+  componentId: drawerComponentIds.DrawerFooter
+});
 
-export { DrawerBody, DrawerHeader, drawerPadding };
+export { DrawerBody, DrawerFooter, DrawerHeader, drawerPadding };
 //# sourceMappingURL=DrawerSubcomponents.web.js.map

package/build/lib/web/development/components/Drawer/DrawerSubcomponents.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerSubcomponents.web.js","sources":["../../../../../../src/components/Drawer/DrawerSubcomponents.web.tsx"],"sourcesContent":["import React from 'react';\nimport { drawerComponentIds } from './drawerComponentIds';\nimport { DrawerContext } from './DrawerContext';\nimport type { DrawerHeaderProps } from './types';\nimport { useDrawerStack } from './StackProvider';\nimport { BaseHeader } from '~components/BaseHeaderFooter/BaseHeader';\nimport { Box } from '~components/Box';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { useTheme } from '~utils';\n\nconst _DrawerHeader = ({\n  title,\n  subtitle,\n  leading,\n  trailing,\n  titleSuffix,\n  children,\n  color = 'information',\n  ...rest\n}: DrawerHeaderProps): React.ReactElement => {\n  const { close, closeButtonRef, stackingLevel, isExiting } = React.useContext(DrawerContext);\n  const { drawerStack } = useDrawerStack();\n  const { theme } = useTheme();\n\n  const closeAllDrawers = (): void => {\n    for (const onDismiss of Object.values(drawerStack)) {\n      onDismiss();\n    }\n  };\n\n  const isStackedDrawer = stackingLevel && stackingLevel > 1;\n\n  const isAtleastOneDrawerOpen = Object.keys(drawerStack).length > 0;\n\n  const backgroundGradient = `linear-gradient(155deg, ${theme.colors.transparent} 0%, ${theme.colors.feedback.background[color].subtle} 30.26%)` as const;\n  // This condition is to avoid back button disappear while stacked drawer is in the exiting transition\n  const isDrawerExiting = isAtleastOneDrawerOpen && isExiting && stackingLevel !== 1;\n\n  return (\n    <BaseHeader\n      // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n      showBackButton={isStackedDrawer || isDrawerExiting}\n      showCloseButton={true}\n      closeButtonRef={closeButtonRef}\n      onCloseButtonClick={() => closeAllDrawers()}\n      onBackButtonClick={() => close()}\n      title={title}\n      size=\"xlarge\"\n      titleSuffix={titleSuffix}\n      subtitle={subtitle}\n      leading={leading}\n      trailing={trailing}\n      backgroundImage={backgroundGradient}\n      {...makeAnalyticsAttribute(rest)}\n    >\n      {children}\n    </BaseHeader>\n  );\n};\n\n/**\n * #### Usage\n *\n * ```jsx\n * <DrawerHeader\n *  title=\"Announcements\"\n *  subtitle=\"Checkout what's new in Razorpay\"\n *  titleSuffix={<DrawerHeaderBadge>New</DrawerHeaderBadge>}\n *  leading={<DrawerHeaderIcon icon={AnnouncementIcon} />}\n *  trailing={<Button icon={DownloadIcon} />}\n * />\n * ```\n *\n */\nconst DrawerHeader = assignWithoutSideEffects(_DrawerHeader, {\n  componentId: drawerComponentIds.DrawerHeader,\n});\n\nconst drawerPadding = 'spacing.6';\n\nconst _DrawerBody = ({ children }: { children: React.ReactNode }): React.ReactElement => {\n  return (\n    <Box padding={drawerPadding} overflow=\"auto\" flex=\"1\">\n      {children}\n    </Box>\n  );\n};\nconst DrawerBody = assignWithoutSideEffects(_DrawerBody, {\n  componentId: drawerComponentIds.DrawerBody,\n});\n\nexport { DrawerHeader, DrawerBody, drawerPadding };\n"],"names":["_DrawerHeader","_ref","title","subtitle","leading","trailing","titleSuffix","children","_ref$color","color","rest","_objectWithoutProperties","_excluded","_React$useContext","React","useContext","DrawerContext","close","closeButtonRef","stackingLevel","isExiting","_useDrawerStack","useDrawerStack","drawerStack","_useTheme","useTheme","theme","closeAllDrawers","_i","_Object$values","Object","values","length","onDismiss","isStackedDrawer","isAtleastOneDrawerOpen","keys","backgroundGradient","concat","colors","transparent","feedback","background","subtle","isDrawerExiting","_jsx","BaseHeader","_objectSpread","showBackButton","showCloseButton","onCloseButtonClick","onBackButtonClick","size","backgroundImage","makeAnalyticsAttribute","DrawerHeader","assignWithoutSideEffects","componentId","drawerComponentIds","drawerPadding","_DrawerBody","_ref2","Box","padding","overflow","flex","DrawerBody"],"mappings":"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"}
+{"version":3,"file":"DrawerSubcomponents.web.js","sources":["../../../../../../src/components/Drawer/DrawerSubcomponents.web.tsx"],"sourcesContent":["import React from 'react';\nimport { drawerComponentIds } from './drawerComponentIds';\nimport { DrawerContext } from './DrawerContext';\nimport type { DrawerHeaderProps, DrawerFooterProps } from './types';\nimport { useDrawerStack } from './StackProvider';\nimport { BaseHeader } from '~components/BaseHeaderFooter/BaseHeader';\nimport { BaseFooter } from '~components/BaseHeaderFooter/BaseFooter';\nimport { Box } from '~components/Box';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { useTheme } from '~utils';\n\nconst _DrawerHeader = ({\n  title,\n  subtitle,\n  leading,\n  trailing,\n  titleSuffix,\n  children,\n  color = 'information',\n  showDivider = true,\n  ...rest\n}: DrawerHeaderProps): React.ReactElement => {\n  const { close, closeButtonRef, stackingLevel, isExiting } = React.useContext(DrawerContext);\n  const { drawerStack } = useDrawerStack();\n  const { theme } = useTheme();\n\n  const closeAllDrawers = (): void => {\n    for (const onDismiss of Object.values(drawerStack)) {\n      onDismiss();\n    }\n  };\n\n  const isStackedDrawer = stackingLevel && stackingLevel > 1;\n\n  const isAtleastOneDrawerOpen = Object.keys(drawerStack).length > 0;\n\n  const backgroundGradient = `radial-gradient(150% 100% at 50% 100%, ${theme.colors.transparent} 0%, ${theme.colors.feedback.background[color].subtle} 100%)` as const;\n  // This condition is to avoid back button disappear while stacked drawer is in the exiting transition\n  const isDrawerExiting = isAtleastOneDrawerOpen && isExiting && stackingLevel !== 1;\n\n  return (\n    <BaseHeader\n      // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n      showBackButton={isStackedDrawer || isDrawerExiting}\n      showCloseButton={true}\n      closeButtonRef={closeButtonRef}\n      onCloseButtonClick={() => closeAllDrawers()}\n      onBackButtonClick={() => close()}\n      title={title}\n      size=\"xlarge\"\n      titleSuffix={titleSuffix}\n      subtitle={subtitle}\n      leading={leading}\n      trailing={trailing}\n      backgroundImage={backgroundGradient}\n      showDivider={showDivider}\n      {...makeAnalyticsAttribute(rest)}\n    >\n      {children}\n    </BaseHeader>\n  );\n};\n\n/**\n * #### Usage\n *\n * ```jsx\n * <DrawerHeader\n *  title=\"Announcements\"\n *  subtitle=\"Checkout what's new in Razorpay\"\n *  titleSuffix={<DrawerHeaderBadge>New</DrawerHeaderBadge>}\n *  leading={<DrawerHeaderIcon icon={AnnouncementIcon} />}\n *  trailing={<Button icon={DownloadIcon} />}\n * />\n * ```\n *\n */\nconst DrawerHeader = assignWithoutSideEffects(_DrawerHeader, {\n  componentId: drawerComponentIds.DrawerHeader,\n});\n\nconst drawerPadding = 'spacing.6';\n\nconst _DrawerBody = ({ children }: { children: React.ReactNode }): React.ReactElement => {\n  return (\n    <Box padding={drawerPadding} overflow=\"auto\" flex=\"1\">\n      {children}\n    </Box>\n  );\n};\nconst DrawerBody = assignWithoutSideEffects(_DrawerBody, {\n  componentId: drawerComponentIds.DrawerBody,\n});\n\nconst _DrawerFooter = ({\n  children,\n  showDivider = true,\n  ...rest\n}: DrawerFooterProps): React.ReactElement => {\n  return (\n    <Box position=\"sticky\" {...makeAnalyticsAttribute(rest)}>\n      <BaseFooter showDivider={showDivider}>{children}</BaseFooter>\n    </Box>\n  );\n};\n\n/**\n * #### Usage\n *\n * ```jsx\n * <DrawerFooter>\n *   <Button variant=\"primary\" isFullWidth>\n *     Continue\n *   </Button>\n * </DrawerFooter>\n * ```\n *\n */\nconst DrawerFooter = assignWithoutSideEffects(_DrawerFooter, {\n  componentId: drawerComponentIds.DrawerFooter,\n});\n\nexport { DrawerHeader, DrawerBody, DrawerFooter, drawerPadding };\n"],"names":["_DrawerHeader","_ref","title","subtitle","leading","trailing","titleSuffix","children","_ref$color","color","_ref$showDivider","showDivider","rest","_objectWithoutProperties","_excluded","_React$useContext","React","useContext","DrawerContext","close","closeButtonRef","stackingLevel","isExiting","_useDrawerStack","useDrawerStack","drawerStack","_useTheme","useTheme","theme","closeAllDrawers","_i","_Object$values","Object","values","length","onDismiss","isStackedDrawer","isAtleastOneDrawerOpen","keys","backgroundGradient","concat","colors","transparent","feedback","background","subtle","isDrawerExiting","_jsx","BaseHeader","_objectSpread","showBackButton","showCloseButton","onCloseButtonClick","onBackButtonClick","size","backgroundImage","makeAnalyticsAttribute","DrawerHeader","assignWithoutSideEffects","componentId","drawerComponentIds","drawerPadding","_DrawerBody","_ref2","Box","padding","overflow","flex","DrawerBody","_DrawerFooter","_ref3","_ref3$showDivider","_excluded2","position","BaseFooter","DrawerFooter"],"mappings":"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"}

package/build/lib/web/development/components/Drawer/drawerComponentIds.js

@@ -1,6 +1,7 @@
 var drawerComponentIds = {
   DrawerHeader: 'DrawerHeader',
   DrawerBody: 'DrawerBody',
+  DrawerFooter: 'DrawerFooter',
   Drawer: 'Drawer'
 };
 

package/build/lib/web/development/components/Drawer/drawerComponentIds.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawerComponentIds.js","sources":["../../../../../../src/components/Drawer/drawerComponentIds.ts"],"sourcesContent":["export const drawerComponentIds = {\n  DrawerHeader: 'DrawerHeader',\n  DrawerBody: 'DrawerBody',\n  Drawer: 'Drawer',\n};\n"],"names":["drawerComponentIds","DrawerHeader","DrawerBody","Drawer"],"mappings":"AAAO,IAAMA,kBAAkB,GAAG;AAChCC,EAAAA,YAAY,EAAE,cAAc;AAC5BC,EAAAA,UAAU,EAAE,YAAY;AACxBC,EAAAA,MAAM,EAAE,QAAA;AACV;;;;"}
+{"version":3,"file":"drawerComponentIds.js","sources":["../../../../../../src/components/Drawer/drawerComponentIds.ts"],"sourcesContent":["export const drawerComponentIds = {\n  DrawerHeader: 'DrawerHeader',\n  DrawerBody: 'DrawerBody',\n  DrawerFooter: 'DrawerFooter',\n  Drawer: 'Drawer',\n};\n"],"names":["drawerComponentIds","DrawerHeader","DrawerBody","DrawerFooter","Drawer"],"mappings":"AAAO,IAAMA,kBAAkB,GAAG;AAChCC,EAAAA,YAAY,EAAE,cAAc;AAC5BC,EAAAA,UAAU,EAAE,YAAY;AACxBC,EAAAA,YAAY,EAAE,cAAc;AAC5BC,EAAAA,MAAM,EAAE,QAAA;AACV;;;;"}

package/build/lib/web/development/components/Drawer/index.js

@@ -1,4 +1,4 @@
 export { Drawer } from './Drawer.web.js';
-export { DrawerBody, DrawerHeader, drawerPadding } from './DrawerSubcomponents.web.js';
+export { DrawerBody, DrawerFooter, DrawerHeader, drawerPadding } from './DrawerSubcomponents.web.js';
 import './types.js';
 //# sourceMappingURL=index.js.map

package/build/lib/web/development/components/Form/Selector/SelectorInput.web.js

@@ -11,11 +11,10 @@ import '../../../utils/makeAccessible/index.js';
 import { useMergeRefs } from '../../../utils/useMergeRefs.js';
 import '../../../utils/getFocusRingStyles/index.js';
 import '../../../utils/makeAnalyticsAttribute/index.js';
-import { useBottomSheetContext } from '../../BottomSheet/BottomSheetContext.js';
 import { jsx } from 'react/jsx-runtime';
 import { castWebType } from '../../../utils/platform/castUtils.js';
 import { makeMotionTime } from '../../../utils/makeMotionTime/makeMotionTime.web.js';
-import { legacyScreenReaderStyles, screenReaderStyles } from '../../VisuallyHidden/ScreenReaderStyles.js';
+import { screenReaderStyles } from '../../VisuallyHidden/ScreenReaderStyles.js';
 import { getFocusRingStyles } from '../../../utils/getFocusRingStyles/getFocusRingStyles.web.js';
 import { makeAccessible } from '../../../utils/makeAccessible/makeAccessible.web.js';
 import { makeAnalyticsAttribute } from '../../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
@@ -50,9 +49,8 @@ var StyledInput = /*#__PURE__*/styled.input.withConfig({
     isChecked = _ref2.isChecked,
     isDisabled = _ref2.isDisabled,
     hasError = _ref2.hasError,
-    hoverTokens = _ref2.hoverTokens,
-    shouldUseLegacyScreenReaderStyles = _ref2.shouldUseLegacyScreenReaderStyles;
-  return _objectSpread(_objectSpread({}, shouldUseLegacyScreenReaderStyles ? legacyScreenReaderStyles : screenReaderStyles), {}, {
+    hoverTokens = _ref2.hoverTokens;
+  return _objectSpread(_objectSpread({}, screenReaderStyles), {}, {
     '&:focus-visible + div': _objectSpread({}, getFocusRingStyles({
       theme: theme
     })),
@@ -79,16 +77,13 @@ var _SelectorInput = function _SelectorInput(_ref3, ref) {
   // to be able to set the mixed value via setMixed() function
   // TODO: replace with a generic `mergeRefs()` util if we do this in other places
   var mergedRef = useMergeRefs(ref, inputProps.ref);
-  var _useBottomSheetContex = useBottomSheetContext(),
-    isInBottomSheet = _useBottomSheetContex.isInBottomSheet;
   return /*#__PURE__*/jsx(StyledInput, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
     id: id,
     isChecked: isChecked,
     isDisabled: isDisabled,
     hasError: hasError,
     tabIndex: tabIndex,
-    hoverTokens: hoverTokens,
-    shouldUseLegacyScreenReaderStyles: isInBottomSheet
+    hoverTokens: hoverTokens
   }, inputProps), makeAccessible({
     label: accessibilityLabel
   })), makeAnalyticsAttribute(rest)), {}, {

package/build/lib/web/development/components/Form/Selector/SelectorInput.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectorInput.web.js","sources":["../../../../../../../src/components/Form/Selector/SelectorInput.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable @typescript-eslint/ban-types */\nimport type { CSSObject } from 'styled-components';\nimport React from 'react';\nimport styled from 'styled-components';\nimport type { HoverProps, SelectorInputProps } from './types';\nimport getIn from '~utils/lodashButBetter/get';\nimport type { Theme } from '~components/BladeProvider';\nimport { castWebType } from '~utils';\nimport { screenReaderStyles, legacyScreenReaderStyles } from '~components/VisuallyHidden';\nimport type { BladeElementRef } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeMotionTime } from '~utils/makeMotionTime';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { useMergeRefs } from '~utils/useMergeRefs';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { useBottomSheetContext } from '~components/BottomSheet/BottomSheetContext';\n\nconst getHoverStyles = ({\n  theme,\n  isDisabled,\n  hasError,\n  isChecked,\n  hoverTokens,\n}: { theme: Theme } & HoverProps): CSSObject => {\n  if (isDisabled || hasError) return {};\n\n  const checked = isChecked ? 'checked' : 'unchecked';\n  const backgroundColor = hoverTokens.default.background[checked];\n  const borderColor = hoverTokens.default.border?.[checked];\n\n  return {\n    borderColor: borderColor ? getIn(theme, borderColor) : undefined,\n    backgroundColor: getIn(theme, backgroundColor),\n    transitionTimingFunction: theme.motion.easing.standard as string,\n    transitionDuration: castWebType(makeMotionTime(theme.motion.duration['2xquick'])),\n  };\n};\n\nconst StyledInput = styled.input<\n  HoverProps & {\n    shouldUseLegacyScreenReaderStyles?: boolean;\n  }\n>(({ theme, isChecked, isDisabled, hasError, hoverTokens, shouldUseLegacyScreenReaderStyles }) => ({\n  ...(shouldUseLegacyScreenReaderStyles ? legacyScreenReaderStyles : screenReaderStyles),\n  '&:focus-visible + div': {\n    ...getFocusRingStyles({ theme }),\n  },\n  '&:hover + div': {\n    ...getHoverStyles({ theme, isChecked, isDisabled, hasError, hoverTokens }),\n  },\n}));\n\nconst _SelectorInput: React.ForwardRefRenderFunction<BladeElementRef, SelectorInputProps> = (\n  {\n    id,\n    inputProps,\n    isChecked,\n    isDisabled,\n    hasError,\n    hoverTokens,\n    tabIndex,\n    accessibilityLabel,\n    ...rest\n  },\n  ref,\n) => {\n  // merging both refs because inputProps.ref needs to have access to indeterminate state\n  // to be able to set the mixed value via setMixed() function\n  // TODO: replace with a generic `mergeRefs()` util if we do this in other places\n  const mergedRef = useMergeRefs(ref, inputProps.ref);\n  const { isInBottomSheet } = useBottomSheetContext();\n\n  return (\n    <StyledInput\n      id={id}\n      isChecked={isChecked}\n      isDisabled={isDisabled}\n      hasError={hasError}\n      tabIndex={tabIndex}\n      hoverTokens={hoverTokens}\n      shouldUseLegacyScreenReaderStyles={isInBottomSheet}\n      {...inputProps}\n      {...makeAccessible({ label: accessibilityLabel })}\n      {...makeAnalyticsAttribute(rest)}\n      ref={mergedRef}\n    />\n  );\n};\n\nconst SelectorInput = assignWithoutSideEffects(React.forwardRef(_SelectorInput), {\n  displayName: 'SelectorInput',\n});\n\nexport { SelectorInput };\n"],"names":["getHoverStyles","_ref","_hoverTokens$default$","theme","isDisabled","hasError","isChecked","hoverTokens","checked","backgroundColor","background","borderColor","border","getIn","undefined","transitionTimingFunction","motion","easing","standard","transitionDuration","castWebType","makeMotionTime","duration","StyledInput","styled","input","withConfig","displayName","componentId","_ref2","shouldUseLegacyScreenReaderStyles","_objectSpread","legacyScreenReaderStyles","screenReaderStyles","getFocusRingStyles","_SelectorInput","_ref3","ref","id","inputProps","tabIndex","accessibilityLabel","rest","_objectWithoutProperties","_excluded","mergedRef","useMergeRefs","_useBottomSheetContex","useBottomSheetContext","isInBottomSheet","_jsx","makeAccessible","label","makeAnalyticsAttribute","SelectorInput","assignWithoutSideEffects","React","forwardRef"],"mappings":"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"}
+{"version":3,"file":"SelectorInput.web.js","sources":["../../../../../../../src/components/Form/Selector/SelectorInput.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable @typescript-eslint/ban-types */\nimport type { CSSObject } from 'styled-components';\nimport React from 'react';\nimport styled from 'styled-components';\nimport type { HoverProps, SelectorInputProps } from './types';\nimport getIn from '~utils/lodashButBetter/get';\nimport type { Theme } from '~components/BladeProvider';\nimport { castWebType } from '~utils';\nimport { screenReaderStyles } from '~components/VisuallyHidden';\nimport type { BladeElementRef } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeMotionTime } from '~utils/makeMotionTime';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { useMergeRefs } from '~utils/useMergeRefs';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nconst getHoverStyles = ({\n  theme,\n  isDisabled,\n  hasError,\n  isChecked,\n  hoverTokens,\n}: { theme: Theme } & HoverProps): CSSObject => {\n  if (isDisabled || hasError) return {};\n\n  const checked = isChecked ? 'checked' : 'unchecked';\n  const backgroundColor = hoverTokens.default.background[checked];\n  const borderColor = hoverTokens.default.border?.[checked];\n\n  return {\n    borderColor: borderColor ? getIn(theme, borderColor) : undefined,\n    backgroundColor: getIn(theme, backgroundColor),\n    transitionTimingFunction: theme.motion.easing.standard as string,\n    transitionDuration: castWebType(makeMotionTime(theme.motion.duration['2xquick'])),\n  };\n};\n\nconst StyledInput = styled.input<HoverProps>(\n  ({ theme, isChecked, isDisabled, hasError, hoverTokens }) => ({\n    ...screenReaderStyles,\n    '&:focus-visible + div': {\n      ...getFocusRingStyles({ theme }),\n    },\n    '&:hover + div': {\n      ...getHoverStyles({ theme, isChecked, isDisabled, hasError, hoverTokens }),\n    },\n  }),\n);\n\nconst _SelectorInput: React.ForwardRefRenderFunction<BladeElementRef, SelectorInputProps> = (\n  {\n    id,\n    inputProps,\n    isChecked,\n    isDisabled,\n    hasError,\n    hoverTokens,\n    tabIndex,\n    accessibilityLabel,\n    ...rest\n  },\n  ref,\n) => {\n  // merging both refs because inputProps.ref needs to have access to indeterminate state\n  // to be able to set the mixed value via setMixed() function\n  // TODO: replace with a generic `mergeRefs()` util if we do this in other places\n  const mergedRef = useMergeRefs(ref, inputProps.ref);\n\n  return (\n    <StyledInput\n      id={id}\n      isChecked={isChecked}\n      isDisabled={isDisabled}\n      hasError={hasError}\n      tabIndex={tabIndex}\n      hoverTokens={hoverTokens}\n      {...inputProps}\n      {...makeAccessible({ label: accessibilityLabel })}\n      {...makeAnalyticsAttribute(rest)}\n      ref={mergedRef}\n    />\n  );\n};\n\nconst SelectorInput = assignWithoutSideEffects(React.forwardRef(_SelectorInput), {\n  displayName: 'SelectorInput',\n});\n\nexport { SelectorInput };\n"],"names":["getHoverStyles","_ref","_hoverTokens$default$","theme","isDisabled","hasError","isChecked","hoverTokens","checked","backgroundColor","background","borderColor","border","getIn","undefined","transitionTimingFunction","motion","easing","standard","transitionDuration","castWebType","makeMotionTime","duration","StyledInput","styled","input","withConfig","displayName","componentId","_ref2","_objectSpread","screenReaderStyles","getFocusRingStyles","_SelectorInput","_ref3","ref","id","inputProps","tabIndex","accessibilityLabel","rest","_objectWithoutProperties","_excluded","mergedRef","useMergeRefs","_jsx","makeAccessible","label","makeAnalyticsAttribute","SelectorInput","assignWithoutSideEffects","React","forwardRef"],"mappings":"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"}

package/build/lib/web/development/components/VisuallyHidden/ScreenReaderStyles.js

@@ -3,22 +3,6 @@
  * https://webaim.org/techniques/css/invisiblecontent/#techniques
  */
 var screenReaderStyles = {
-  border: '0',
-  clip: 'rect(0, 0, 0, 0)',
-  height: '1px',
-  width: '1px',
-  margin: '-1px',
-  padding: '0',
-  overflow: 'hidden',
-  whiteSpace: 'nowrap',
-  position: 'absolute',
-  wordWrap: 'normal'
-};
-
-// So when we are using screenReaderStyles inside SelectorInput , it is causing wrong layout positioning in bottomSheet. that's why we are using legacyScreenReaderStyles only in SelectorInput.
-//TODO: figure out and remove `legacyScreenReaderStyles` in future.
-
-var legacyScreenReaderStyles = {
   border: 0,
   clip: 'rect(0 0 0 0)',
   clipPath: 'inset(50%)',
@@ -33,5 +17,5 @@ var legacyScreenReaderStyles = {
   wordWrap: 'normal'
 };
 
-export { legacyScreenReaderStyles, screenReaderStyles };
+export { screenReaderStyles };
 //# sourceMappingURL=ScreenReaderStyles.js.map

package/build/lib/web/development/components/VisuallyHidden/ScreenReaderStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScreenReaderStyles.js","sources":["../../../../../../src/components/VisuallyHidden/ScreenReaderStyles.ts"],"sourcesContent":["import type { CSSObject } from 'styled-components';\n\n/**\n * Screen reader class adapted from webaim\n * https://webaim.org/techniques/css/invisiblecontent/#techniques\n */\nconst screenReaderStyles: CSSObject = {\n  border: '0',\n  clip: 'rect(0, 0, 0, 0)',\n  height: '1px',\n  width: '1px',\n  margin: '-1px',\n  padding: '0',\n  overflow: 'hidden',\n  whiteSpace: 'nowrap',\n  position: 'absolute',\n  wordWrap: 'normal',\n};\n\n// So when we are using screenReaderStyles inside SelectorInput , it is causing wrong layout positioning in bottomSheet. that's why we are using legacyScreenReaderStyles only in SelectorInput.\n//TODO: figure out and remove `legacyScreenReaderStyles` in future.\n\nconst legacyScreenReaderStyles: CSSObject = {\n  border: 0,\n  clip: 'rect(0 0 0 0)',\n  clipPath: 'inset(50%)',\n  height: `1px`,\n  margin: '0 -1px -1px 0',\n  overflow: 'hidden',\n  padding: 0,\n  position: 'absolute',\n  width: `1px`,\n  left: '-10000px',\n  whiteSpace: 'nowrap',\n  wordWrap: 'normal',\n};\n\nexport { screenReaderStyles, legacyScreenReaderStyles };\n"],"names":["screenReaderStyles","border","clip","height","width","margin","padding","overflow","whiteSpace","position","wordWrap","legacyScreenReaderStyles","clipPath","left"],"mappings":"AAEA;AACA;AACA;AACA;AACA,IAAMA,kBAA6B,GAAG;AACpCC,EAAAA,MAAM,EAAE,GAAG;AACXC,EAAAA,IAAI,EAAE,kBAAkB;AACxBC,EAAAA,MAAM,EAAE,KAAK;AACbC,EAAAA,KAAK,EAAE,KAAK;AACZC,EAAAA,MAAM,EAAE,MAAM;AACdC,EAAAA,OAAO,EAAE,GAAG;AACZC,EAAAA,QAAQ,EAAE,QAAQ;AAClBC,EAAAA,UAAU,EAAE,QAAQ;AACpBC,EAAAA,QAAQ,EAAE,UAAU;AACpBC,EAAAA,QAAQ,EAAE,QAAA;AACZ,EAAC;;AAED;AACA;;AAEA,IAAMC,wBAAmC,GAAG;AAC1CV,EAAAA,MAAM,EAAE,CAAC;AACTC,EAAAA,IAAI,EAAE,eAAe;AACrBU,EAAAA,QAAQ,EAAE,YAAY;AACtBT,EAAAA,MAAM,EAAO,KAAA;AACbE,EAAAA,MAAM,EAAE,eAAe;AACvBE,EAAAA,QAAQ,EAAE,QAAQ;AAClBD,EAAAA,OAAO,EAAE,CAAC;AACVG,EAAAA,QAAQ,EAAE,UAAU;AACpBL,EAAAA,KAAK,EAAO,KAAA;AACZS,EAAAA,IAAI,EAAE,UAAU;AAChBL,EAAAA,UAAU,EAAE,QAAQ;AACpBE,EAAAA,QAAQ,EAAE,QAAA;AACZ;;;;"}
+{"version":3,"file":"ScreenReaderStyles.js","sources":["../../../../../../src/components/VisuallyHidden/ScreenReaderStyles.ts"],"sourcesContent":["import type { CSSObject } from 'styled-components';\n\n/**\n * Screen reader class adapted from webaim\n * https://webaim.org/techniques/css/invisiblecontent/#techniques\n */\nconst screenReaderStyles: CSSObject = {\n  border: 0,\n  clip: 'rect(0 0 0 0)',\n  clipPath: 'inset(50%)',\n  height: `1px`,\n  margin: '0 -1px -1px 0',\n  overflow: 'hidden',\n  padding: 0,\n  position: 'absolute',\n  width: `1px`,\n  left: '-10000px',\n  whiteSpace: 'nowrap',\n  wordWrap: 'normal',\n};\n\nexport { screenReaderStyles };\n"],"names":["screenReaderStyles","border","clip","clipPath","height","margin","overflow","padding","position","width","left","whiteSpace","wordWrap"],"mappings":"AAEA;AACA;AACA;AACA;AACA,IAAMA,kBAA6B,GAAG;AACpCC,EAAAA,MAAM,EAAE,CAAC;AACTC,EAAAA,IAAI,EAAE,eAAe;AACrBC,EAAAA,QAAQ,EAAE,YAAY;AACtBC,EAAAA,MAAM,EAAO,KAAA;AACbC,EAAAA,MAAM,EAAE,eAAe;AACvBC,EAAAA,QAAQ,EAAE,QAAQ;AAClBC,EAAAA,OAAO,EAAE,CAAC;AACVC,EAAAA,QAAQ,EAAE,UAAU;AACpBC,EAAAA,KAAK,EAAO,KAAA;AACZC,EAAAA,IAAI,EAAE,UAAU;AAChBC,EAAAA,UAAU,EAAE,QAAQ;AACpBC,EAAAA,QAAQ,EAAE,QAAA;AACZ;;;;"}

package/build/lib/web/development/components/VisuallyHidden/index.web.js

@@ -1,4 +1,4 @@
 export { VisuallyHidden } from './VisuallyHidden.web.js';
-export { legacyScreenReaderStyles, screenReaderStyles } from './ScreenReaderStyles.js';
+export { screenReaderStyles } from './ScreenReaderStyles.js';
 import './types.js';
 //# sourceMappingURL=index.web.js.map

package/build/lib/web/development/components/index.js

@@ -124,7 +124,7 @@ export { Counter } from './Counter/Counter.js';
 export { CounterInput } from './CounterInput/CounterInput.web.js';
 export { Divider } from './Divider/Divider.js';
 export { Drawer } from './Drawer/Drawer.web.js';
-export { DrawerBody, DrawerHeader, drawerPadding } from './Drawer/DrawerSubcomponents.web.js';
+export { DrawerBody, DrawerFooter, DrawerHeader, drawerPadding } from './Drawer/DrawerSubcomponents.web.js';
 export { FilterChipDatePicker } from './DatePicker/FilterChipDatePicker/FilterChipDatePicker.web.js';
 export { DatePicker } from './DatePicker/DatePicker.web.js';
 export { Dropdown } from './Dropdown/Dropdown.js';
@@ -662,7 +662,7 @@ export { Text, getTextProps } from './Typography/Text/Text.js';
 export { Code } from './Typography/Code/Code.js';
 export { Display } from './Typography/Display/Display.js';
 export { VisuallyHidden } from './VisuallyHidden/VisuallyHidden.web.js';
-export { legacyScreenReaderStyles, screenReaderStyles } from './VisuallyHidden/ScreenReaderStyles.js';
+export { screenReaderStyles } from './VisuallyHidden/ScreenReaderStyles.js';
 export { ListView } from './ListView/ListView.web.js';
 export { ListViewFilters } from './ListView/ListViewFilters.web.js';
 export { Preview, PreviewBody, PreviewFooter, PreviewHeader } from './Preview/Preview.web.js';

package/build/lib/web/production/components/Drawer/Drawer.web.js

@@ -99,7 +99,7 @@ var _Drawer = function _Drawer(_ref5, ref) {
   useVerifyAllowedChildren({
     children: children,
     componentName: 'Drawer',
-    allowedComponents: [drawerComponentIds.DrawerHeader, drawerComponentIds.DrawerBody]
+    allowedComponents: [drawerComponentIds.DrawerHeader, drawerComponentIds.DrawerBody, drawerComponentIds.DrawerFooter]
   });
   var _useTheme = useTheme(),
     theme = _useTheme.theme;

package/build/lib/web/production/components/Drawer/Drawer.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.web.js","sources":["../../../../../../src/components/Drawer/Drawer.web.tsx"],"sourcesContent":["import {\n  FloatingFocusManager,\n  FloatingOverlay,\n  FloatingPortal,\n  useFloating,\n} from '@floating-ui/react';\nimport type { CSSProperties } from 'react';\nimport React from 'react';\nimport styled from 'styled-components';\nimport usePresence from 'use-presence';\nimport { drawerComponentIds } from './drawerComponentIds';\nimport { DrawerContext } from './DrawerContext';\nimport type { DrawerProps } from './types';\nimport BaseBox from '~components/Box/BaseBox';\nimport { castWebType, getMediaQuery, makeMotionTime, useTheme } from '~utils';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { componentZIndices } from '~utils/componentZIndices';\nimport { useDrawerStack } from '~components/Drawer/StackProvider';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { useId } from '~utils/useId';\nimport { useVerifyAllowedChildren } from '~utils/useVerifyAllowedChildren';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport type { BladeElementRef } from '~utils/types';\nimport { mergeRefs } from '~utils/useMergeRefs';\n\nconst SHOW_DRAWER = 'show-drawer';\n\nconst AnimatedDrawerContainer = styled(BaseBox)<{\n  isFirstDrawerInStack: boolean;\n  isVisible: boolean;\n}>(({ theme, isFirstDrawerInStack, isVisible }) => {\n  const entranceTransition: CSSProperties['transition'] = `all ${castWebType(\n    castWebType(makeMotionTime(theme.motion.duration.xmoderate)),\n  )} ${castWebType(theme.motion.easing.entrance)}`;\n\n  const exitTransition: CSSProperties['transition'] = `all\n  ${castWebType(makeMotionTime(theme.motion.duration.moderate))}\n  ${castWebType(theme.motion.easing.exit)}`;\n\n  return {\n    opacity: isVisible ? 1 : 0,\n    transform: isVisible\n      ? isFirstDrawerInStack\n        ? 'translateX(calc(-100% - 16px))'\n        : `translateX(-100%)`\n      : 'translateX(0%)',\n    transition: isVisible ? entranceTransition : exitTransition,\n    animationFillMode: 'initial',\n    position: 'fixed',\n    top: '0px',\n    bottom: '0px',\n    left: '100%',\n    height: 'auto',\n    [`@media ${getMediaQuery({ min: theme.breakpoints.m })}`]: {\n      top: isFirstDrawerInStack ? '24px' : '8px',\n      bottom: isFirstDrawerInStack ? '24px' : '8px',\n      transform: isVisible\n        ? isFirstDrawerInStack\n          ? 'translateX(calc(-100% - 24px))'\n          : `translateX(calc(-100% - ${theme.spacing[3]}px))`\n        : 'translateX(0%)',\n    },\n  };\n});\n\nconst DrawerOverlay = styled(FloatingOverlay)(({ theme }) => {\n  return {\n    opacity: 0,\n    transition: `opacity\n      ${makeMotionTime(theme.motion.duration.xmoderate)}\n      ${castWebType(theme.motion.easing.exit)}`,\n    backgroundColor: theme.colors.overlay.background.subtle,\n\n    [`&.${SHOW_DRAWER}`]: {\n      opacity: 1,\n      transition: `opacity ${makeMotionTime(theme.motion.duration.gentle)} ${castWebType(\n        theme.motion.easing.entrance,\n      )}`,\n    },\n  };\n});\n\nconst _Drawer: React.ForwardRefRenderFunction<BladeElementRef, DrawerProps> = (\n  {\n    isOpen,\n    onDismiss,\n    onUnmount,\n    zIndex = componentZIndices.drawer,\n    children,\n    accessibilityLabel,\n    showOverlay = true,\n    initialFocusRef,\n    isLazy = true,\n    testID,\n    ...rest\n  },\n  ref,\n) => {\n  const closeButtonRef = React.useRef<HTMLDivElement>(null);\n  const [zIndexState, setZIndexState] = React.useState<number>(zIndex);\n\n  useVerifyAllowedChildren({\n    children,\n    componentName: 'Drawer',\n    allowedComponents: [drawerComponentIds.DrawerHeader, drawerComponentIds.DrawerBody],\n  });\n\n  const { theme } = useTheme();\n  const drawerId = useId('drawer');\n  const { drawerStack, addToDrawerStack, removeFromDrawerStack } = useDrawerStack();\n\n  const { isMounted, isVisible, isExiting } = usePresence(isOpen, {\n    enterTransitionDuration: theme.motion.duration.gentle,\n    exitTransitionDuration: theme.motion.duration.xmoderate,\n    initialEnter: true,\n  });\n\n  const { stackingLevel, isFirstDrawerInStack } = React.useMemo(() => {\n    // eslint-disable-next-line @typescript-eslint/restrict-plus-operands\n    const level = Object.keys(drawerStack).indexOf(drawerId) + 1;\n    return {\n      stackingLevel: level,\n      isFirstDrawerInStack: level === 1 && Object.keys(drawerStack).length > 1,\n    };\n  }, [drawerId, drawerStack]);\n\n  const { refs, context } = useFloating({\n    open: isMounted,\n    onOpenChange: (open) => {\n      if (!open) {\n        onUnmount?.();\n      }\n    },\n  });\n\n  React.useEffect(() => {\n    if (isOpen) {\n      addToDrawerStack({ elementId: drawerId, onDismiss });\n    } else {\n      removeFromDrawerStack({ elementId: drawerId });\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isOpen]);\n\n  // When z-index is not defined by user, we use default drawer z index and add stackingLevel to ensure\n  // new drawer that opens, always opens on top of previous one.\n  React.useEffect(() => {\n    // eslint-disable-next-line @typescript-eslint/restrict-plus-operands\n    setZIndexState(zIndex + stackingLevel);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isMounted]);\n\n  const contextValue = React.useMemo(\n    () => ({\n      close: onDismiss,\n      closeButtonRef,\n      stackingLevel,\n      isExiting,\n    }),\n    [isExiting, onDismiss, stackingLevel],\n  );\n\n  return (\n    <DrawerContext.Provider value={contextValue}>\n      <FloatingPortal>\n        {isMounted || !isLazy ? (\n          <FloatingFocusManager\n            context={context}\n            initialFocus={initialFocusRef ?? closeButtonRef}\n            returnFocus={true}\n          >\n            <BaseBox\n              display={isLazy ? undefined : isMounted ? 'block' : 'none'}\n              position=\"fixed\"\n              {...metaAttribute({\n                name: MetaConstants.Drawer,\n                testID,\n              })}\n              {...makeAnalyticsAttribute(rest)}\n              zIndex={zIndexState}\n            >\n              {showOverlay ? (\n                <DrawerOverlay\n                  onClick={() => {\n                    onDismiss();\n                  }}\n                  className={isVisible ? SHOW_DRAWER : ''}\n                  lockScroll={true}\n                  {...metaAttribute({\n                    testID: 'drawer-overlay',\n                  })}\n                />\n              ) : null}\n              <AnimatedDrawerContainer\n                isVisible={isVisible}\n                isFirstDrawerInStack={isFirstDrawerInStack}\n                width={{ base: '90%', s: '375px', m: '420px' }}\n                {...makeAccessible({\n                  role: 'dialog',\n                  modal: true,\n                  label: accessibilityLabel,\n                })}\n                position=\"fixed\"\n                backgroundColor=\"popup.background.subtle\"\n                borderRadius={{ base: 'none', m: 'large' }}\n                overflow=\"hidden\"\n                elevation=\"highRaised\"\n                display=\"flex\"\n                flexDirection=\"column\"\n                ref={mergeRefs(ref, refs.setFloating)}\n                onKeyDown={(event) => {\n                  if (event?.key === 'Escape' || event?.code === 'Escape') {\n                    onDismiss();\n                  }\n                }}\n              >\n                {children}\n              </AnimatedDrawerContainer>\n            </BaseBox>\n          </FloatingFocusManager>\n        ) : null}\n      </FloatingPortal>\n    </DrawerContext.Provider>\n  );\n};\n\n/**\n * ### Drawer Component\n * \n * A drawer is a panel that slides in mostly from right side of the screen over the existing content in the viewport. \n * It helps in providing additional details or context and can also be used to promote product features or new products.\n * \n * ---\n * \n * #### Usage\n * \n * ```jsx\n  const MyDrawer = () => {\n    const [showDrawer, setShowDrawer] = React.useState(false);\n    return (\n      <Box>\n        <Button onClick={() => setShowDrawer(true)}>Open Drawer</Button>\n        <Drawer\n          isOpen={showDrawer}\n          onDismiss={() => setShowDrawer(false)}\n        >\n          <DrawerHeader title=\"Announcements\" />\n          <DrawerBody>\n            <FTXAnnouncement />\n            <CatPictures />\n          </DrawerBody>\n        <Drawer>\n      </Box>\n    )\n  }\n * ```\n *\n *  ---\n *\n * Checkout {@link https://blade.razorpay.com/?path=/docs/components-drawer Drawer Documentation}\n * \n * \n */\nconst Drawer = assignWithoutSideEffects(React.forwardRef(_Drawer), {\n  displayName: 'Drawer',\n  componentId: drawerComponentIds.Drawer,\n});\n\nexport { Drawer };\n"],"names":["SHOW_DRAWER","AnimatedDrawerContainer","styled","BaseBox","withConfig","displayName","componentId","_ref","theme","isFirstDrawerInStack","isVisible","entranceTransition","concat","castWebType","makeMotionTime","motion","duration","xmoderate","easing","entrance","exitTransition","moderate","exit","_defineProperty","opacity","transform","transition","animationFillMode","position","top","bottom","left","height","getMediaQuery","min","breakpoints","m","spacing","DrawerOverlay","FloatingOverlay","_ref3","backgroundColor","colors","overlay","background","subtle","gentle","_Drawer","_ref5","ref","isOpen","onDismiss","onUnmount","_ref5$zIndex","zIndex","componentZIndices","drawer","children","accessibilityLabel","_ref5$showOverlay","showOverlay","initialFocusRef","_ref5$isLazy","isLazy","testID","rest","_objectWithoutProperties","_excluded","closeButtonRef","React","useRef","_React$useState","useState","_React$useState2","_slicedToArray","zIndexState","setZIndexState","useVerifyAllowedChildren","componentName","allowedComponents","drawerComponentIds","DrawerHeader","DrawerBody","_useTheme","useTheme","drawerId","useId","_useDrawerStack","useDrawerStack","drawerStack","addToDrawerStack","removeFromDrawerStack","_usePresence","usePresence","enterTransitionDuration","exitTransitionDuration","initialEnter","isMounted","isExiting","_React$useMemo","useMemo","level","Object","keys","indexOf","stackingLevel","length","_useFloating","useFloating","open","onOpenChange","refs","context","useEffect","elementId","contextValue","close","_jsx","DrawerContext","Provider","value","FloatingPortal","FloatingFocusManager","initialFocus","returnFocus","_jsxs","_objectSpread","display","undefined","metaAttribute","name","MetaConstants","Drawer","makeAnalyticsAttribute","onClick","className","lockScroll","width","base","s","makeAccessible","role","modal","label","borderRadius","overflow","elevation","flexDirection","mergeRefs","setFloating","onKeyDown","event","key","code","assignWithoutSideEffects","forwardRef"],"mappings":"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"}
+{"version":3,"file":"Drawer.web.js","sources":["../../../../../../src/components/Drawer/Drawer.web.tsx"],"sourcesContent":["import {\n  FloatingFocusManager,\n  FloatingOverlay,\n  FloatingPortal,\n  useFloating,\n} from '@floating-ui/react';\nimport type { CSSProperties } from 'react';\nimport React from 'react';\nimport styled from 'styled-components';\nimport usePresence from 'use-presence';\nimport { drawerComponentIds } from './drawerComponentIds';\nimport { DrawerContext } from './DrawerContext';\nimport type { DrawerProps } from './types';\nimport BaseBox from '~components/Box/BaseBox';\nimport { castWebType, getMediaQuery, makeMotionTime, useTheme } from '~utils';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { componentZIndices } from '~utils/componentZIndices';\nimport { useDrawerStack } from '~components/Drawer/StackProvider';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { useId } from '~utils/useId';\nimport { useVerifyAllowedChildren } from '~utils/useVerifyAllowedChildren';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport type { BladeElementRef } from '~utils/types';\nimport { mergeRefs } from '~utils/useMergeRefs';\n\nconst SHOW_DRAWER = 'show-drawer';\n\nconst AnimatedDrawerContainer = styled(BaseBox)<{\n  isFirstDrawerInStack: boolean;\n  isVisible: boolean;\n}>(({ theme, isFirstDrawerInStack, isVisible }) => {\n  const entranceTransition: CSSProperties['transition'] = `all ${castWebType(\n    castWebType(makeMotionTime(theme.motion.duration.xmoderate)),\n  )} ${castWebType(theme.motion.easing.entrance)}`;\n\n  const exitTransition: CSSProperties['transition'] = `all\n  ${castWebType(makeMotionTime(theme.motion.duration.moderate))}\n  ${castWebType(theme.motion.easing.exit)}`;\n\n  return {\n    opacity: isVisible ? 1 : 0,\n    transform: isVisible\n      ? isFirstDrawerInStack\n        ? 'translateX(calc(-100% - 16px))'\n        : `translateX(-100%)`\n      : 'translateX(0%)',\n    transition: isVisible ? entranceTransition : exitTransition,\n    animationFillMode: 'initial',\n    position: 'fixed',\n    top: '0px',\n    bottom: '0px',\n    left: '100%',\n    height: 'auto',\n    [`@media ${getMediaQuery({ min: theme.breakpoints.m })}`]: {\n      top: isFirstDrawerInStack ? '24px' : '8px',\n      bottom: isFirstDrawerInStack ? '24px' : '8px',\n      transform: isVisible\n        ? isFirstDrawerInStack\n          ? 'translateX(calc(-100% - 24px))'\n          : `translateX(calc(-100% - ${theme.spacing[3]}px))`\n        : 'translateX(0%)',\n    },\n  };\n});\n\nconst DrawerOverlay = styled(FloatingOverlay)(({ theme }) => {\n  return {\n    opacity: 0,\n    transition: `opacity\n      ${makeMotionTime(theme.motion.duration.xmoderate)}\n      ${castWebType(theme.motion.easing.exit)}`,\n    backgroundColor: theme.colors.overlay.background.subtle,\n\n    [`&.${SHOW_DRAWER}`]: {\n      opacity: 1,\n      transition: `opacity ${makeMotionTime(theme.motion.duration.gentle)} ${castWebType(\n        theme.motion.easing.entrance,\n      )}`,\n    },\n  };\n});\n\nconst _Drawer: React.ForwardRefRenderFunction<BladeElementRef, DrawerProps> = (\n  {\n    isOpen,\n    onDismiss,\n    onUnmount,\n    zIndex = componentZIndices.drawer,\n    children,\n    accessibilityLabel,\n    showOverlay = true,\n    initialFocusRef,\n    isLazy = true,\n    testID,\n    ...rest\n  },\n  ref,\n) => {\n  const closeButtonRef = React.useRef<HTMLDivElement>(null);\n  const [zIndexState, setZIndexState] = React.useState<number>(zIndex);\n\n  useVerifyAllowedChildren({\n    children,\n    componentName: 'Drawer',\n    allowedComponents: [\n      drawerComponentIds.DrawerHeader,\n      drawerComponentIds.DrawerBody,\n      drawerComponentIds.DrawerFooter,\n    ],\n  });\n\n  const { theme } = useTheme();\n  const drawerId = useId('drawer');\n  const { drawerStack, addToDrawerStack, removeFromDrawerStack } = useDrawerStack();\n\n  const { isMounted, isVisible, isExiting } = usePresence(isOpen, {\n    enterTransitionDuration: theme.motion.duration.gentle,\n    exitTransitionDuration: theme.motion.duration.xmoderate,\n    initialEnter: true,\n  });\n\n  const { stackingLevel, isFirstDrawerInStack } = React.useMemo(() => {\n    // eslint-disable-next-line @typescript-eslint/restrict-plus-operands\n    const level = Object.keys(drawerStack).indexOf(drawerId) + 1;\n    return {\n      stackingLevel: level,\n      isFirstDrawerInStack: level === 1 && Object.keys(drawerStack).length > 1,\n    };\n  }, [drawerId, drawerStack]);\n\n  const { refs, context } = useFloating({\n    open: isMounted,\n    onOpenChange: (open) => {\n      if (!open) {\n        onUnmount?.();\n      }\n    },\n  });\n\n  React.useEffect(() => {\n    if (isOpen) {\n      addToDrawerStack({ elementId: drawerId, onDismiss });\n    } else {\n      removeFromDrawerStack({ elementId: drawerId });\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isOpen]);\n\n  // When z-index is not defined by user, we use default drawer z index and add stackingLevel to ensure\n  // new drawer that opens, always opens on top of previous one.\n  React.useEffect(() => {\n    // eslint-disable-next-line @typescript-eslint/restrict-plus-operands\n    setZIndexState(zIndex + stackingLevel);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isMounted]);\n\n  const contextValue = React.useMemo(\n    () => ({\n      close: onDismiss,\n      closeButtonRef,\n      stackingLevel,\n      isExiting,\n    }),\n    [isExiting, onDismiss, stackingLevel],\n  );\n\n  return (\n    <DrawerContext.Provider value={contextValue}>\n      <FloatingPortal>\n        {isMounted || !isLazy ? (\n          <FloatingFocusManager\n            context={context}\n            initialFocus={initialFocusRef ?? closeButtonRef}\n            returnFocus={true}\n          >\n            <BaseBox\n              display={isLazy ? undefined : isMounted ? 'block' : 'none'}\n              position=\"fixed\"\n              {...metaAttribute({\n                name: MetaConstants.Drawer,\n                testID,\n              })}\n              {...makeAnalyticsAttribute(rest)}\n              zIndex={zIndexState}\n            >\n              {showOverlay ? (\n                <DrawerOverlay\n                  onClick={() => {\n                    onDismiss();\n                  }}\n                  className={isVisible ? SHOW_DRAWER : ''}\n                  lockScroll={true}\n                  {...metaAttribute({\n                    testID: 'drawer-overlay',\n                  })}\n                />\n              ) : null}\n              <AnimatedDrawerContainer\n                isVisible={isVisible}\n                isFirstDrawerInStack={isFirstDrawerInStack}\n                width={{ base: '90%', s: '375px', m: '420px' }}\n                {...makeAccessible({\n                  role: 'dialog',\n                  modal: true,\n                  label: accessibilityLabel,\n                })}\n                position=\"fixed\"\n                backgroundColor=\"popup.background.subtle\"\n                borderRadius={{ base: 'none', m: 'large' }}\n                overflow=\"hidden\"\n                elevation=\"highRaised\"\n                display=\"flex\"\n                flexDirection=\"column\"\n                ref={mergeRefs(ref, refs.setFloating)}\n                onKeyDown={(event) => {\n                  if (event?.key === 'Escape' || event?.code === 'Escape') {\n                    onDismiss();\n                  }\n                }}\n              >\n                {children}\n              </AnimatedDrawerContainer>\n            </BaseBox>\n          </FloatingFocusManager>\n        ) : null}\n      </FloatingPortal>\n    </DrawerContext.Provider>\n  );\n};\n\n/**\n * ### Drawer Component\n * \n * A drawer is a panel that slides in mostly from right side of the screen over the existing content in the viewport. \n * It helps in providing additional details or context and can also be used to promote product features or new products.\n * \n * ---\n * \n * #### Usage\n * \n * ```jsx\n  const MyDrawer = () => {\n    const [showDrawer, setShowDrawer] = React.useState(false);\n    return (\n      <Box>\n        <Button onClick={() => setShowDrawer(true)}>Open Drawer</Button>\n        <Drawer\n          isOpen={showDrawer}\n          onDismiss={() => setShowDrawer(false)}\n        >\n          <DrawerHeader title=\"Announcements\" />\n          <DrawerBody>\n            <FTXAnnouncement />\n            <CatPictures />\n          </DrawerBody>\n        <Drawer>\n      </Box>\n    )\n  }\n * ```\n *\n *  ---\n *\n * Checkout {@link https://blade.razorpay.com/?path=/docs/components-drawer Drawer Documentation}\n * \n * \n */\nconst Drawer = assignWithoutSideEffects(React.forwardRef(_Drawer), {\n  displayName: 'Drawer',\n  componentId: drawerComponentIds.Drawer,\n});\n\nexport { Drawer };\n"],"names":["SHOW_DRAWER","AnimatedDrawerContainer","styled","BaseBox","withConfig","displayName","componentId","_ref","theme","isFirstDrawerInStack","isVisible","entranceTransition","concat","castWebType","makeMotionTime","motion","duration","xmoderate","easing","entrance","exitTransition","moderate","exit","_defineProperty","opacity","transform","transition","animationFillMode","position","top","bottom","left","height","getMediaQuery","min","breakpoints","m","spacing","DrawerOverlay","FloatingOverlay","_ref3","backgroundColor","colors","overlay","background","subtle","gentle","_Drawer","_ref5","ref","isOpen","onDismiss","onUnmount","_ref5$zIndex","zIndex","componentZIndices","drawer","children","accessibilityLabel","_ref5$showOverlay","showOverlay","initialFocusRef","_ref5$isLazy","isLazy","testID","rest","_objectWithoutProperties","_excluded","closeButtonRef","React","useRef","_React$useState","useState","_React$useState2","_slicedToArray","zIndexState","setZIndexState","useVerifyAllowedChildren","componentName","allowedComponents","drawerComponentIds","DrawerHeader","DrawerBody","DrawerFooter","_useTheme","useTheme","drawerId","useId","_useDrawerStack","useDrawerStack","drawerStack","addToDrawerStack","removeFromDrawerStack","_usePresence","usePresence","enterTransitionDuration","exitTransitionDuration","initialEnter","isMounted","isExiting","_React$useMemo","useMemo","level","Object","keys","indexOf","stackingLevel","length","_useFloating","useFloating","open","onOpenChange","refs","context","useEffect","elementId","contextValue","close","_jsx","DrawerContext","Provider","value","FloatingPortal","FloatingFocusManager","initialFocus","returnFocus","_jsxs","_objectSpread","display","undefined","metaAttribute","name","MetaConstants","Drawer","makeAnalyticsAttribute","onClick","className","lockScroll","width","base","s","makeAccessible","role","modal","label","borderRadius","overflow","elevation","flexDirection","mergeRefs","setFloating","onKeyDown","event","key","code","assignWithoutSideEffects","forwardRef"],"mappings":"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"}

package/build/lib/web/production/components/Drawer/DrawerSubcomponents.web.js

@@ -5,6 +5,7 @@ import { drawerComponentIds } from './drawerComponentIds.js';
 import { DrawerContext } from './DrawerContext.js';
 import { useDrawerStack } from './StackProvider.js';
 import { BaseHeader } from '../BaseHeaderFooter/BaseHeader.js';
+import { BaseFooter } from '../BaseHeaderFooter/BaseFooter.js';
 import '../Box/index.js';
 import '../../utils/assignWithoutSideEffects/index.js';
 import '../../utils/makeAnalyticsAttribute/index.js';
@@ -15,7 +16,8 @@ import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeA
 import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 import { Box } from '../Box/Box.js';
 
-var _excluded = ["title", "subtitle", "leading", "trailing", "titleSuffix", "children", "color"];
+var _excluded = ["title", "subtitle", "leading", "trailing", "titleSuffix", "children", "color", "showDivider"],
+  _excluded2 = ["children", "showDivider"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var _DrawerHeader = function _DrawerHeader(_ref) {
@@ -27,6 +29,8 @@ var _DrawerHeader = function _DrawerHeader(_ref) {
     children = _ref.children,
     _ref$color = _ref.color,
     color = _ref$color === void 0 ? 'information' : _ref$color,
+    _ref$showDivider = _ref.showDivider,
+    showDivider = _ref$showDivider === void 0 ? true : _ref$showDivider,
     rest = _objectWithoutProperties(_ref, _excluded);
   var _React$useContext = React__default.useContext(DrawerContext),
     close = _React$useContext.close,
@@ -45,7 +49,7 @@ var _DrawerHeader = function _DrawerHeader(_ref) {
   };
   var isStackedDrawer = stackingLevel && stackingLevel > 1;
   var isAtleastOneDrawerOpen = Object.keys(drawerStack).length > 0;
-  var backgroundGradient = "linear-gradient(155deg, ".concat(theme.colors.transparent, " 0%, ").concat(theme.colors.feedback.background[color].subtle, " 30.26%)");
+  var backgroundGradient = "radial-gradient(150% 100% at 50% 100%, ".concat(theme.colors.transparent, " 0%, ").concat(theme.colors.feedback.background[color].subtle, " 100%)");
   // This condition is to avoid back button disappear while stacked drawer is in the exiting transition
   var isDrawerExiting = isAtleastOneDrawerOpen && isExiting && stackingLevel !== 1;
   return /*#__PURE__*/jsx(BaseHeader
@@ -66,7 +70,8 @@ var _DrawerHeader = function _DrawerHeader(_ref) {
     subtitle: subtitle,
     leading: leading,
     trailing: trailing,
-    backgroundImage: backgroundGradient
+    backgroundImage: backgroundGradient,
+    showDivider: showDivider
   }, makeAnalyticsAttribute(rest)), {}, {
     children: children
   }));
@@ -102,6 +107,36 @@ var _DrawerBody = function _DrawerBody(_ref2) {
 var DrawerBody = /*#__PURE__*/assignWithoutSideEffects(_DrawerBody, {
   componentId: drawerComponentIds.DrawerBody
 });
+var _DrawerFooter = function _DrawerFooter(_ref3) {
+  var children = _ref3.children,
+    _ref3$showDivider = _ref3.showDivider,
+    showDivider = _ref3$showDivider === void 0 ? true : _ref3$showDivider,
+    rest = _objectWithoutProperties(_ref3, _excluded2);
+  return /*#__PURE__*/jsx(Box, _objectSpread(_objectSpread({
+    position: "sticky"
+  }, makeAnalyticsAttribute(rest)), {}, {
+    children: /*#__PURE__*/jsx(BaseFooter, {
+      showDivider: showDivider,
+      children: children
+    })
+  }));
+};
+
+/**
+ * #### Usage
+ *
+ * ```jsx
+ * <DrawerFooter>
+ *   <Button variant="primary" isFullWidth>
+ *     Continue
+ *   </Button>
+ * </DrawerFooter>
+ * ```
+ *
+ */
+var DrawerFooter = /*#__PURE__*/assignWithoutSideEffects(_DrawerFooter, {
+  componentId: drawerComponentIds.DrawerFooter
+});
 
-export { DrawerBody, DrawerHeader, drawerPadding };
+export { DrawerBody, DrawerFooter, DrawerHeader, drawerPadding };
 //# sourceMappingURL=DrawerSubcomponents.web.js.map

package/build/lib/web/production/components/Drawer/DrawerSubcomponents.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerSubcomponents.web.js","sources":["../../../../../../src/components/Drawer/DrawerSubcomponents.web.tsx"],"sourcesContent":["import React from 'react';\nimport { drawerComponentIds } from './drawerComponentIds';\nimport { DrawerContext } from './DrawerContext';\nimport type { DrawerHeaderProps } from './types';\nimport { useDrawerStack } from './StackProvider';\nimport { BaseHeader } from '~components/BaseHeaderFooter/BaseHeader';\nimport { Box } from '~components/Box';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { useTheme } from '~utils';\n\nconst _DrawerHeader = ({\n  title,\n  subtitle,\n  leading,\n  trailing,\n  titleSuffix,\n  children,\n  color = 'information',\n  ...rest\n}: DrawerHeaderProps): React.ReactElement => {\n  const { close, closeButtonRef, stackingLevel, isExiting } = React.useContext(DrawerContext);\n  const { drawerStack } = useDrawerStack();\n  const { theme } = useTheme();\n\n  const closeAllDrawers = (): void => {\n    for (const onDismiss of Object.values(drawerStack)) {\n      onDismiss();\n    }\n  };\n\n  const isStackedDrawer = stackingLevel && stackingLevel > 1;\n\n  const isAtleastOneDrawerOpen = Object.keys(drawerStack).length > 0;\n\n  const backgroundGradient = `linear-gradient(155deg, ${theme.colors.transparent} 0%, ${theme.colors.feedback.background[color].subtle} 30.26%)` as const;\n  // This condition is to avoid back button disappear while stacked drawer is in the exiting transition\n  const isDrawerExiting = isAtleastOneDrawerOpen && isExiting && stackingLevel !== 1;\n\n  return (\n    <BaseHeader\n      // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n      showBackButton={isStackedDrawer || isDrawerExiting}\n      showCloseButton={true}\n      closeButtonRef={closeButtonRef}\n      onCloseButtonClick={() => closeAllDrawers()}\n      onBackButtonClick={() => close()}\n      title={title}\n      size=\"xlarge\"\n      titleSuffix={titleSuffix}\n      subtitle={subtitle}\n      leading={leading}\n      trailing={trailing}\n      backgroundImage={backgroundGradient}\n      {...makeAnalyticsAttribute(rest)}\n    >\n      {children}\n    </BaseHeader>\n  );\n};\n\n/**\n * #### Usage\n *\n * ```jsx\n * <DrawerHeader\n *  title=\"Announcements\"\n *  subtitle=\"Checkout what's new in Razorpay\"\n *  titleSuffix={<DrawerHeaderBadge>New</DrawerHeaderBadge>}\n *  leading={<DrawerHeaderIcon icon={AnnouncementIcon} />}\n *  trailing={<Button icon={DownloadIcon} />}\n * />\n * ```\n *\n */\nconst DrawerHeader = assignWithoutSideEffects(_DrawerHeader, {\n  componentId: drawerComponentIds.DrawerHeader,\n});\n\nconst drawerPadding = 'spacing.6';\n\nconst _DrawerBody = ({ children }: { children: React.ReactNode }): React.ReactElement => {\n  return (\n    <Box padding={drawerPadding} overflow=\"auto\" flex=\"1\">\n      {children}\n    </Box>\n  );\n};\nconst DrawerBody = assignWithoutSideEffects(_DrawerBody, {\n  componentId: drawerComponentIds.DrawerBody,\n});\n\nexport { DrawerHeader, DrawerBody, drawerPadding };\n"],"names":["_DrawerHeader","_ref","title","subtitle","leading","trailing","titleSuffix","children","_ref$color","color","rest","_objectWithoutProperties","_excluded","_React$useContext","React","useContext","DrawerContext","close","closeButtonRef","stackingLevel","isExiting","_useDrawerStack","useDrawerStack","drawerStack","_useTheme","useTheme","theme","closeAllDrawers","_i","_Object$values","Object","values","length","onDismiss","isStackedDrawer","isAtleastOneDrawerOpen","keys","backgroundGradient","concat","colors","transparent","feedback","background","subtle","isDrawerExiting","_jsx","BaseHeader","_objectSpread","showBackButton","showCloseButton","onCloseButtonClick","onBackButtonClick","size","backgroundImage","makeAnalyticsAttribute","DrawerHeader","assignWithoutSideEffects","componentId","drawerComponentIds","drawerPadding","_DrawerBody","_ref2","Box","padding","overflow","flex","DrawerBody"],"mappings":"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"}
+{"version":3,"file":"DrawerSubcomponents.web.js","sources":["../../../../../../src/components/Drawer/DrawerSubcomponents.web.tsx"],"sourcesContent":["import React from 'react';\nimport { drawerComponentIds } from './drawerComponentIds';\nimport { DrawerContext } from './DrawerContext';\nimport type { DrawerHeaderProps, DrawerFooterProps } from './types';\nimport { useDrawerStack } from './StackProvider';\nimport { BaseHeader } from '~components/BaseHeaderFooter/BaseHeader';\nimport { BaseFooter } from '~components/BaseHeaderFooter/BaseFooter';\nimport { Box } from '~components/Box';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { useTheme } from '~utils';\n\nconst _DrawerHeader = ({\n  title,\n  subtitle,\n  leading,\n  trailing,\n  titleSuffix,\n  children,\n  color = 'information',\n  showDivider = true,\n  ...rest\n}: DrawerHeaderProps): React.ReactElement => {\n  const { close, closeButtonRef, stackingLevel, isExiting } = React.useContext(DrawerContext);\n  const { drawerStack } = useDrawerStack();\n  const { theme } = useTheme();\n\n  const closeAllDrawers = (): void => {\n    for (const onDismiss of Object.values(drawerStack)) {\n      onDismiss();\n    }\n  };\n\n  const isStackedDrawer = stackingLevel && stackingLevel > 1;\n\n  const isAtleastOneDrawerOpen = Object.keys(drawerStack).length > 0;\n\n  const backgroundGradient = `radial-gradient(150% 100% at 50% 100%, ${theme.colors.transparent} 0%, ${theme.colors.feedback.background[color].subtle} 100%)` as const;\n  // This condition is to avoid back button disappear while stacked drawer is in the exiting transition\n  const isDrawerExiting = isAtleastOneDrawerOpen && isExiting && stackingLevel !== 1;\n\n  return (\n    <BaseHeader\n      // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n      showBackButton={isStackedDrawer || isDrawerExiting}\n      showCloseButton={true}\n      closeButtonRef={closeButtonRef}\n      onCloseButtonClick={() => closeAllDrawers()}\n      onBackButtonClick={() => close()}\n      title={title}\n      size=\"xlarge\"\n      titleSuffix={titleSuffix}\n      subtitle={subtitle}\n      leading={leading}\n      trailing={trailing}\n      backgroundImage={backgroundGradient}\n      showDivider={showDivider}\n      {...makeAnalyticsAttribute(rest)}\n    >\n      {children}\n    </BaseHeader>\n  );\n};\n\n/**\n * #### Usage\n *\n * ```jsx\n * <DrawerHeader\n *  title=\"Announcements\"\n *  subtitle=\"Checkout what's new in Razorpay\"\n *  titleSuffix={<DrawerHeaderBadge>New</DrawerHeaderBadge>}\n *  leading={<DrawerHeaderIcon icon={AnnouncementIcon} />}\n *  trailing={<Button icon={DownloadIcon} />}\n * />\n * ```\n *\n */\nconst DrawerHeader = assignWithoutSideEffects(_DrawerHeader, {\n  componentId: drawerComponentIds.DrawerHeader,\n});\n\nconst drawerPadding = 'spacing.6';\n\nconst _DrawerBody = ({ children }: { children: React.ReactNode }): React.ReactElement => {\n  return (\n    <Box padding={drawerPadding} overflow=\"auto\" flex=\"1\">\n      {children}\n    </Box>\n  );\n};\nconst DrawerBody = assignWithoutSideEffects(_DrawerBody, {\n  componentId: drawerComponentIds.DrawerBody,\n});\n\nconst _DrawerFooter = ({\n  children,\n  showDivider = true,\n  ...rest\n}: DrawerFooterProps): React.ReactElement => {\n  return (\n    <Box position=\"sticky\" {...makeAnalyticsAttribute(rest)}>\n      <BaseFooter showDivider={showDivider}>{children}</BaseFooter>\n    </Box>\n  );\n};\n\n/**\n * #### Usage\n *\n * ```jsx\n * <DrawerFooter>\n *   <Button variant=\"primary\" isFullWidth>\n *     Continue\n *   </Button>\n * </DrawerFooter>\n * ```\n *\n */\nconst DrawerFooter = assignWithoutSideEffects(_DrawerFooter, {\n  componentId: drawerComponentIds.DrawerFooter,\n});\n\nexport { DrawerHeader, DrawerBody, DrawerFooter, drawerPadding };\n"],"names":["_DrawerHeader","_ref","title","subtitle","leading","trailing","titleSuffix","children","_ref$color","color","_ref$showDivider","showDivider","rest","_objectWithoutProperties","_excluded","_React$useContext","React","useContext","DrawerContext","close","closeButtonRef","stackingLevel","isExiting","_useDrawerStack","useDrawerStack","drawerStack","_useTheme","useTheme","theme","closeAllDrawers","_i","_Object$values","Object","values","length","onDismiss","isStackedDrawer","isAtleastOneDrawerOpen","keys","backgroundGradient","concat","colors","transparent","feedback","background","subtle","isDrawerExiting","_jsx","BaseHeader","_objectSpread","showBackButton","showCloseButton","onCloseButtonClick","onBackButtonClick","size","backgroundImage","makeAnalyticsAttribute","DrawerHeader","assignWithoutSideEffects","componentId","drawerComponentIds","drawerPadding","_DrawerBody","_ref2","Box","padding","overflow","flex","DrawerBody","_DrawerFooter","_ref3","_ref3$showDivider","_excluded2","position","BaseFooter","DrawerFooter"],"mappings":"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"}

package/build/lib/web/production/components/Drawer/drawerComponentIds.js

@@ -1,6 +1,7 @@
 var drawerComponentIds = {
   DrawerHeader: 'DrawerHeader',
   DrawerBody: 'DrawerBody',
+  DrawerFooter: 'DrawerFooter',
   Drawer: 'Drawer'
 };
 

package/build/lib/web/production/components/Drawer/drawerComponentIds.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawerComponentIds.js","sources":["../../../../../../src/components/Drawer/drawerComponentIds.ts"],"sourcesContent":["export const drawerComponentIds = {\n  DrawerHeader: 'DrawerHeader',\n  DrawerBody: 'DrawerBody',\n  Drawer: 'Drawer',\n};\n"],"names":["drawerComponentIds","DrawerHeader","DrawerBody","Drawer"],"mappings":"AAAO,IAAMA,kBAAkB,GAAG;AAChCC,EAAAA,YAAY,EAAE,cAAc;AAC5BC,EAAAA,UAAU,EAAE,YAAY;AACxBC,EAAAA,MAAM,EAAE,QAAA;AACV;;;;"}
+{"version":3,"file":"drawerComponentIds.js","sources":["../../../../../../src/components/Drawer/drawerComponentIds.ts"],"sourcesContent":["export const drawerComponentIds = {\n  DrawerHeader: 'DrawerHeader',\n  DrawerBody: 'DrawerBody',\n  DrawerFooter: 'DrawerFooter',\n  Drawer: 'Drawer',\n};\n"],"names":["drawerComponentIds","DrawerHeader","DrawerBody","DrawerFooter","Drawer"],"mappings":"AAAO,IAAMA,kBAAkB,GAAG;AAChCC,EAAAA,YAAY,EAAE,cAAc;AAC5BC,EAAAA,UAAU,EAAE,YAAY;AACxBC,EAAAA,YAAY,EAAE,cAAc;AAC5BC,EAAAA,MAAM,EAAE,QAAA;AACV;;;;"}

package/build/lib/web/production/components/Drawer/index.js

@@ -1,4 +1,4 @@
 export { Drawer } from './Drawer.web.js';
-export { DrawerBody, DrawerHeader, drawerPadding } from './DrawerSubcomponents.web.js';
+export { DrawerBody, DrawerFooter, DrawerHeader, drawerPadding } from './DrawerSubcomponents.web.js';
 import './types.js';
 //# sourceMappingURL=index.js.map

package/build/lib/web/production/components/Form/Selector/SelectorInput.web.js

@@ -11,11 +11,10 @@ import '../../../utils/makeAccessible/index.js';
 import { useMergeRefs } from '../../../utils/useMergeRefs.js';
 import '../../../utils/getFocusRingStyles/index.js';
 import '../../../utils/makeAnalyticsAttribute/index.js';
-import { useBottomSheetContext } from '../../BottomSheet/BottomSheetContext.js';
 import { jsx } from 'react/jsx-runtime';
 import { castWebType } from '../../../utils/platform/castUtils.js';
 import { makeMotionTime } from '../../../utils/makeMotionTime/makeMotionTime.web.js';
-import { legacyScreenReaderStyles, screenReaderStyles } from '../../VisuallyHidden/ScreenReaderStyles.js';
+import { screenReaderStyles } from '../../VisuallyHidden/ScreenReaderStyles.js';
 import { getFocusRingStyles } from '../../../utils/getFocusRingStyles/getFocusRingStyles.web.js';
 import { makeAccessible } from '../../../utils/makeAccessible/makeAccessible.web.js';
 import { makeAnalyticsAttribute } from '../../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
@@ -50,9 +49,8 @@ var StyledInput = /*#__PURE__*/styled.input.withConfig({
     isChecked = _ref2.isChecked,
     isDisabled = _ref2.isDisabled,
     hasError = _ref2.hasError,
-    hoverTokens = _ref2.hoverTokens,
-    shouldUseLegacyScreenReaderStyles = _ref2.shouldUseLegacyScreenReaderStyles;
-  return _objectSpread(_objectSpread({}, shouldUseLegacyScreenReaderStyles ? legacyScreenReaderStyles : screenReaderStyles), {}, {
+    hoverTokens = _ref2.hoverTokens;
+  return _objectSpread(_objectSpread({}, screenReaderStyles), {}, {
     '&:focus-visible + div': _objectSpread({}, getFocusRingStyles({
       theme: theme
     })),
@@ -79,16 +77,13 @@ var _SelectorInput = function _SelectorInput(_ref3, ref) {
   // to be able to set the mixed value via setMixed() function
   // TODO: replace with a generic `mergeRefs()` util if we do this in other places
   var mergedRef = useMergeRefs(ref, inputProps.ref);
-  var _useBottomSheetContex = useBottomSheetContext(),
-    isInBottomSheet = _useBottomSheetContex.isInBottomSheet;
   return /*#__PURE__*/jsx(StyledInput, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
     id: id,
     isChecked: isChecked,
     isDisabled: isDisabled,
     hasError: hasError,
     tabIndex: tabIndex,
-    hoverTokens: hoverTokens,
-    shouldUseLegacyScreenReaderStyles: isInBottomSheet
+    hoverTokens: hoverTokens
   }, inputProps), makeAccessible({
     label: accessibilityLabel
   })), makeAnalyticsAttribute(rest)), {}, {

package/build/lib/web/production/components/Form/Selector/SelectorInput.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectorInput.web.js","sources":["../../../../../../../src/components/Form/Selector/SelectorInput.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable @typescript-eslint/ban-types */\nimport type { CSSObject } from 'styled-components';\nimport React from 'react';\nimport styled from 'styled-components';\nimport type { HoverProps, SelectorInputProps } from './types';\nimport getIn from '~utils/lodashButBetter/get';\nimport type { Theme } from '~components/BladeProvider';\nimport { castWebType } from '~utils';\nimport { screenReaderStyles, legacyScreenReaderStyles } from '~components/VisuallyHidden';\nimport type { BladeElementRef } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeMotionTime } from '~utils/makeMotionTime';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { useMergeRefs } from '~utils/useMergeRefs';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { useBottomSheetContext } from '~components/BottomSheet/BottomSheetContext';\n\nconst getHoverStyles = ({\n  theme,\n  isDisabled,\n  hasError,\n  isChecked,\n  hoverTokens,\n}: { theme: Theme } & HoverProps): CSSObject => {\n  if (isDisabled || hasError) return {};\n\n  const checked = isChecked ? 'checked' : 'unchecked';\n  const backgroundColor = hoverTokens.default.background[checked];\n  const borderColor = hoverTokens.default.border?.[checked];\n\n  return {\n    borderColor: borderColor ? getIn(theme, borderColor) : undefined,\n    backgroundColor: getIn(theme, backgroundColor),\n    transitionTimingFunction: theme.motion.easing.standard as string,\n    transitionDuration: castWebType(makeMotionTime(theme.motion.duration['2xquick'])),\n  };\n};\n\nconst StyledInput = styled.input<\n  HoverProps & {\n    shouldUseLegacyScreenReaderStyles?: boolean;\n  }\n>(({ theme, isChecked, isDisabled, hasError, hoverTokens, shouldUseLegacyScreenReaderStyles }) => ({\n  ...(shouldUseLegacyScreenReaderStyles ? legacyScreenReaderStyles : screenReaderStyles),\n  '&:focus-visible + div': {\n    ...getFocusRingStyles({ theme }),\n  },\n  '&:hover + div': {\n    ...getHoverStyles({ theme, isChecked, isDisabled, hasError, hoverTokens }),\n  },\n}));\n\nconst _SelectorInput: React.ForwardRefRenderFunction<BladeElementRef, SelectorInputProps> = (\n  {\n    id,\n    inputProps,\n    isChecked,\n    isDisabled,\n    hasError,\n    hoverTokens,\n    tabIndex,\n    accessibilityLabel,\n    ...rest\n  },\n  ref,\n) => {\n  // merging both refs because inputProps.ref needs to have access to indeterminate state\n  // to be able to set the mixed value via setMixed() function\n  // TODO: replace with a generic `mergeRefs()` util if we do this in other places\n  const mergedRef = useMergeRefs(ref, inputProps.ref);\n  const { isInBottomSheet } = useBottomSheetContext();\n\n  return (\n    <StyledInput\n      id={id}\n      isChecked={isChecked}\n      isDisabled={isDisabled}\n      hasError={hasError}\n      tabIndex={tabIndex}\n      hoverTokens={hoverTokens}\n      shouldUseLegacyScreenReaderStyles={isInBottomSheet}\n      {...inputProps}\n      {...makeAccessible({ label: accessibilityLabel })}\n      {...makeAnalyticsAttribute(rest)}\n      ref={mergedRef}\n    />\n  );\n};\n\nconst SelectorInput = assignWithoutSideEffects(React.forwardRef(_SelectorInput), {\n  displayName: 'SelectorInput',\n});\n\nexport { SelectorInput };\n"],"names":["getHoverStyles","_ref","_hoverTokens$default$","theme","isDisabled","hasError","isChecked","hoverTokens","checked","backgroundColor","background","borderColor","border","getIn","undefined","transitionTimingFunction","motion","easing","standard","transitionDuration","castWebType","makeMotionTime","duration","StyledInput","styled","input","withConfig","displayName","componentId","_ref2","shouldUseLegacyScreenReaderStyles","_objectSpread","legacyScreenReaderStyles","screenReaderStyles","getFocusRingStyles","_SelectorInput","_ref3","ref","id","inputProps","tabIndex","accessibilityLabel","rest","_objectWithoutProperties","_excluded","mergedRef","useMergeRefs","_useBottomSheetContex","useBottomSheetContext","isInBottomSheet","_jsx","makeAccessible","label","makeAnalyticsAttribute","SelectorInput","assignWithoutSideEffects","React","forwardRef"],"mappings":"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"}
+{"version":3,"file":"SelectorInput.web.js","sources":["../../../../../../../src/components/Form/Selector/SelectorInput.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable @typescript-eslint/ban-types */\nimport type { CSSObject } from 'styled-components';\nimport React from 'react';\nimport styled from 'styled-components';\nimport type { HoverProps, SelectorInputProps } from './types';\nimport getIn from '~utils/lodashButBetter/get';\nimport type { Theme } from '~components/BladeProvider';\nimport { castWebType } from '~utils';\nimport { screenReaderStyles } from '~components/VisuallyHidden';\nimport type { BladeElementRef } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeMotionTime } from '~utils/makeMotionTime';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { useMergeRefs } from '~utils/useMergeRefs';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nconst getHoverStyles = ({\n  theme,\n  isDisabled,\n  hasError,\n  isChecked,\n  hoverTokens,\n}: { theme: Theme } & HoverProps): CSSObject => {\n  if (isDisabled || hasError) return {};\n\n  const checked = isChecked ? 'checked' : 'unchecked';\n  const backgroundColor = hoverTokens.default.background[checked];\n  const borderColor = hoverTokens.default.border?.[checked];\n\n  return {\n    borderColor: borderColor ? getIn(theme, borderColor) : undefined,\n    backgroundColor: getIn(theme, backgroundColor),\n    transitionTimingFunction: theme.motion.easing.standard as string,\n    transitionDuration: castWebType(makeMotionTime(theme.motion.duration['2xquick'])),\n  };\n};\n\nconst StyledInput = styled.input<HoverProps>(\n  ({ theme, isChecked, isDisabled, hasError, hoverTokens }) => ({\n    ...screenReaderStyles,\n    '&:focus-visible + div': {\n      ...getFocusRingStyles({ theme }),\n    },\n    '&:hover + div': {\n      ...getHoverStyles({ theme, isChecked, isDisabled, hasError, hoverTokens }),\n    },\n  }),\n);\n\nconst _SelectorInput: React.ForwardRefRenderFunction<BladeElementRef, SelectorInputProps> = (\n  {\n    id,\n    inputProps,\n    isChecked,\n    isDisabled,\n    hasError,\n    hoverTokens,\n    tabIndex,\n    accessibilityLabel,\n    ...rest\n  },\n  ref,\n) => {\n  // merging both refs because inputProps.ref needs to have access to indeterminate state\n  // to be able to set the mixed value via setMixed() function\n  // TODO: replace with a generic `mergeRefs()` util if we do this in other places\n  const mergedRef = useMergeRefs(ref, inputProps.ref);\n\n  return (\n    <StyledInput\n      id={id}\n      isChecked={isChecked}\n      isDisabled={isDisabled}\n      hasError={hasError}\n      tabIndex={tabIndex}\n      hoverTokens={hoverTokens}\n      {...inputProps}\n      {...makeAccessible({ label: accessibilityLabel })}\n      {...makeAnalyticsAttribute(rest)}\n      ref={mergedRef}\n    />\n  );\n};\n\nconst SelectorInput = assignWithoutSideEffects(React.forwardRef(_SelectorInput), {\n  displayName: 'SelectorInput',\n});\n\nexport { SelectorInput };\n"],"names":["getHoverStyles","_ref","_hoverTokens$default$","theme","isDisabled","hasError","isChecked","hoverTokens","checked","backgroundColor","background","borderColor","border","getIn","undefined","transitionTimingFunction","motion","easing","standard","transitionDuration","castWebType","makeMotionTime","duration","StyledInput","styled","input","withConfig","displayName","componentId","_ref2","_objectSpread","screenReaderStyles","getFocusRingStyles","_SelectorInput","_ref3","ref","id","inputProps","tabIndex","accessibilityLabel","rest","_objectWithoutProperties","_excluded","mergedRef","useMergeRefs","_jsx","makeAccessible","label","makeAnalyticsAttribute","SelectorInput","assignWithoutSideEffects","React","forwardRef"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,IAAMA,cAAc,GAAG,SAAjBA,cAAcA,CAAAC,IAAA,EAM4B;AAAA,EAAA,IAAAC,qBAAA,CAAA;AAAA,EAAA,IAL9CC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACLC,UAAU,GAAAH,IAAA,CAAVG,UAAU;IACVC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IACRC,SAAS,GAAAL,IAAA,CAATK,SAAS;IACTC,WAAW,GAAAN,IAAA,CAAXM,WAAW,CAAA;AAEX,EAAA,IAAIH,UAAU,IAAIC,QAAQ,EAAE,OAAO,EAAE,CAAA;AAErC,EAAA,IAAMG,OAAO,GAAGF,SAAS,GAAG,SAAS,GAAG,WAAW,CAAA;EACnD,IAAMG,eAAe,GAAGF,WAAW,CAAA,SAAA,CAAQ,CAACG,UAAU,CAACF,OAAO,CAAC,CAAA;AAC/D,EAAA,IAAMG,WAAW,GAAA,CAAAT,qBAAA,GAAGK,WAAW,CAAQ,SAAA,CAAA,CAACK,MAAM,MAAA,IAAA,IAAAV,qBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAA1BA,qBAAA,CAA6BM,OAAO,CAAC,CAAA;EAEzD,OAAO;IACLG,WAAW,EAAEA,WAAW,GAAGE,KAAK,CAACV,KAAK,EAAEQ,WAAW,CAAC,GAAGG,SAAS;AAChEL,IAAAA,eAAe,EAAEI,KAAK,CAACV,KAAK,EAAEM,eAAe,CAAC;AAC9CM,IAAAA,wBAAwB,EAAEZ,KAAK,CAACa,MAAM,CAACC,MAAM,CAACC,QAAkB;AAChEC,IAAAA,kBAAkB,EAAEC,WAAW,CAACC,cAAc,CAAClB,KAAK,CAACa,MAAM,CAACM,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAA;GACjF,CAAA;AACH,CAAC,CAAA;AAED,IAAMC,WAAW,gBAAGC,MAAM,CAACC,KAAK,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,+BAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CAAA,CAAA,CAC9B,UAAAC,KAAA,EAAA;AAAA,EAAA,IAAG1B,KAAK,GAAA0B,KAAA,CAAL1B,KAAK;IAAEG,SAAS,GAAAuB,KAAA,CAATvB,SAAS;IAAEF,UAAU,GAAAyB,KAAA,CAAVzB,UAAU;IAAEC,QAAQ,GAAAwB,KAAA,CAARxB,QAAQ;IAAEE,WAAW,GAAAsB,KAAA,CAAXtB,WAAW,CAAA;AAAA,EAAA,OAAAuB,aAAA,CAAAA,aAAA,CAAA,EAAA,EACjDC,kBAAkB,CAAA,EAAA,EAAA,EAAA;AACrB,IAAA,uBAAuB,EAAAD,aAAA,CAClBE,EAAAA,EAAAA,kBAAkB,CAAC;AAAE7B,MAAAA,KAAK,EAALA,KAAAA;AAAM,KAAC,CAAC,CACjC;AACD,IAAA,eAAe,EAAA2B,aAAA,CACV9B,EAAAA,EAAAA,cAAc,CAAC;AAAEG,MAAAA,KAAK,EAALA,KAAK;AAAEG,MAAAA,SAAS,EAATA,SAAS;AAAEF,MAAAA,UAAU,EAAVA,UAAU;AAAEC,MAAAA,QAAQ,EAARA,QAAQ;AAAEE,MAAAA,WAAW,EAAXA,WAAAA;AAAY,KAAC,CAAC,CAAA;AAC3E,GAAA,CAAA,CAAA;AAAA,CACD,CACH,CAAA;AAED,IAAM0B,cAAmF,GAAG,SAAtFA,cAAmFA,CAAAC,KAAA,EAYvFC,GAAG,EACA;AAAA,EAAA,IAXDC,EAAE,GAAAF,KAAA,CAAFE,EAAE;IACFC,UAAU,GAAAH,KAAA,CAAVG,UAAU;IACV/B,SAAS,GAAA4B,KAAA,CAAT5B,SAAS;IACTF,UAAU,GAAA8B,KAAA,CAAV9B,UAAU;IACVC,QAAQ,GAAA6B,KAAA,CAAR7B,QAAQ;IACRE,WAAW,GAAA2B,KAAA,CAAX3B,WAAW;IACX+B,QAAQ,GAAAJ,KAAA,CAARI,QAAQ;IACRC,kBAAkB,GAAAL,KAAA,CAAlBK,kBAAkB;AACfC,IAAAA,IAAI,GAAAC,wBAAA,CAAAP,KAAA,EAAAQ,SAAA,CAAA,CAAA;AAIT;AACA;AACA;EACA,IAAMC,SAAS,GAAGC,YAAY,CAACT,GAAG,EAAEE,UAAU,CAACF,GAAG,CAAC,CAAA;EAEnD,oBACEU,GAAA,CAACtB,WAAW,EAAAO,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAA;AACVM,IAAAA,EAAE,EAAEA,EAAG;AACP9B,IAAAA,SAAS,EAAEA,SAAU;AACrBF,IAAAA,UAAU,EAAEA,UAAW;AACvBC,IAAAA,QAAQ,EAAEA,QAAS;AACnBiC,IAAAA,QAAQ,EAAEA,QAAS;AACnB/B,IAAAA,WAAW,EAAEA,WAAAA;GACT8B,EAAAA,UAAU,CACVS,EAAAA,cAAc,CAAC;AAAEC,IAAAA,KAAK,EAAER,kBAAAA;AAAmB,GAAC,CAAC,CAAA,EAC7CS,sBAAsB,CAACR,IAAI,CAAC,CAAA,EAAA,EAAA,EAAA;AAChCL,IAAAA,GAAG,EAAEQ,SAAAA;AAAU,GAAA,CAChB,CAAC,CAAA;AAEN,CAAC,CAAA;AAEKM,IAAAA,aAAa,gBAAGC,wBAAwB,cAACC,cAAK,CAACC,UAAU,CAACnB,cAAc,CAAC,EAAE;AAC/EN,EAAAA,WAAW,EAAE,eAAA;AACf,CAAC;;;;"}

package/build/lib/web/production/components/VisuallyHidden/ScreenReaderStyles.js

@@ -3,22 +3,6 @@
  * https://webaim.org/techniques/css/invisiblecontent/#techniques
  */
 var screenReaderStyles = {
-  border: '0',
-  clip: 'rect(0, 0, 0, 0)',
-  height: '1px',
-  width: '1px',
-  margin: '-1px',
-  padding: '0',
-  overflow: 'hidden',
-  whiteSpace: 'nowrap',
-  position: 'absolute',
-  wordWrap: 'normal'
-};
-
-// So when we are using screenReaderStyles inside SelectorInput , it is causing wrong layout positioning in bottomSheet. that's why we are using legacyScreenReaderStyles only in SelectorInput.
-//TODO: figure out and remove `legacyScreenReaderStyles` in future.
-
-var legacyScreenReaderStyles = {
   border: 0,
   clip: 'rect(0 0 0 0)',
   clipPath: 'inset(50%)',
@@ -33,5 +17,5 @@ var legacyScreenReaderStyles = {
   wordWrap: 'normal'
 };
 
-export { legacyScreenReaderStyles, screenReaderStyles };
+export { screenReaderStyles };
 //# sourceMappingURL=ScreenReaderStyles.js.map

package/build/lib/web/production/components/VisuallyHidden/ScreenReaderStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScreenReaderStyles.js","sources":["../../../../../../src/components/VisuallyHidden/ScreenReaderStyles.ts"],"sourcesContent":["import type { CSSObject } from 'styled-components';\n\n/**\n * Screen reader class adapted from webaim\n * https://webaim.org/techniques/css/invisiblecontent/#techniques\n */\nconst screenReaderStyles: CSSObject = {\n  border: '0',\n  clip: 'rect(0, 0, 0, 0)',\n  height: '1px',\n  width: '1px',\n  margin: '-1px',\n  padding: '0',\n  overflow: 'hidden',\n  whiteSpace: 'nowrap',\n  position: 'absolute',\n  wordWrap: 'normal',\n};\n\n// So when we are using screenReaderStyles inside SelectorInput , it is causing wrong layout positioning in bottomSheet. that's why we are using legacyScreenReaderStyles only in SelectorInput.\n//TODO: figure out and remove `legacyScreenReaderStyles` in future.\n\nconst legacyScreenReaderStyles: CSSObject = {\n  border: 0,\n  clip: 'rect(0 0 0 0)',\n  clipPath: 'inset(50%)',\n  height: `1px`,\n  margin: '0 -1px -1px 0',\n  overflow: 'hidden',\n  padding: 0,\n  position: 'absolute',\n  width: `1px`,\n  left: '-10000px',\n  whiteSpace: 'nowrap',\n  wordWrap: 'normal',\n};\n\nexport { screenReaderStyles, legacyScreenReaderStyles };\n"],"names":["screenReaderStyles","border","clip","height","width","margin","padding","overflow","whiteSpace","position","wordWrap","legacyScreenReaderStyles","clipPath","left"],"mappings":"AAEA;AACA;AACA;AACA;AACA,IAAMA,kBAA6B,GAAG;AACpCC,EAAAA,MAAM,EAAE,GAAG;AACXC,EAAAA,IAAI,EAAE,kBAAkB;AACxBC,EAAAA,MAAM,EAAE,KAAK;AACbC,EAAAA,KAAK,EAAE,KAAK;AACZC,EAAAA,MAAM,EAAE,MAAM;AACdC,EAAAA,OAAO,EAAE,GAAG;AACZC,EAAAA,QAAQ,EAAE,QAAQ;AAClBC,EAAAA,UAAU,EAAE,QAAQ;AACpBC,EAAAA,QAAQ,EAAE,UAAU;AACpBC,EAAAA,QAAQ,EAAE,QAAA;AACZ,EAAC;;AAED;AACA;;AAEA,IAAMC,wBAAmC,GAAG;AAC1CV,EAAAA,MAAM,EAAE,CAAC;AACTC,EAAAA,IAAI,EAAE,eAAe;AACrBU,EAAAA,QAAQ,EAAE,YAAY;AACtBT,EAAAA,MAAM,EAAO,KAAA;AACbE,EAAAA,MAAM,EAAE,eAAe;AACvBE,EAAAA,QAAQ,EAAE,QAAQ;AAClBD,EAAAA,OAAO,EAAE,CAAC;AACVG,EAAAA,QAAQ,EAAE,UAAU;AACpBL,EAAAA,KAAK,EAAO,KAAA;AACZS,EAAAA,IAAI,EAAE,UAAU;AAChBL,EAAAA,UAAU,EAAE,QAAQ;AACpBE,EAAAA,QAAQ,EAAE,QAAA;AACZ;;;;"}
+{"version":3,"file":"ScreenReaderStyles.js","sources":["../../../../../../src/components/VisuallyHidden/ScreenReaderStyles.ts"],"sourcesContent":["import type { CSSObject } from 'styled-components';\n\n/**\n * Screen reader class adapted from webaim\n * https://webaim.org/techniques/css/invisiblecontent/#techniques\n */\nconst screenReaderStyles: CSSObject = {\n  border: 0,\n  clip: 'rect(0 0 0 0)',\n  clipPath: 'inset(50%)',\n  height: `1px`,\n  margin: '0 -1px -1px 0',\n  overflow: 'hidden',\n  padding: 0,\n  position: 'absolute',\n  width: `1px`,\n  left: '-10000px',\n  whiteSpace: 'nowrap',\n  wordWrap: 'normal',\n};\n\nexport { screenReaderStyles };\n"],"names":["screenReaderStyles","border","clip","clipPath","height","margin","overflow","padding","position","width","left","whiteSpace","wordWrap"],"mappings":"AAEA;AACA;AACA;AACA;AACA,IAAMA,kBAA6B,GAAG;AACpCC,EAAAA,MAAM,EAAE,CAAC;AACTC,EAAAA,IAAI,EAAE,eAAe;AACrBC,EAAAA,QAAQ,EAAE,YAAY;AACtBC,EAAAA,MAAM,EAAO,KAAA;AACbC,EAAAA,MAAM,EAAE,eAAe;AACvBC,EAAAA,QAAQ,EAAE,QAAQ;AAClBC,EAAAA,OAAO,EAAE,CAAC;AACVC,EAAAA,QAAQ,EAAE,UAAU;AACpBC,EAAAA,KAAK,EAAO,KAAA;AACZC,EAAAA,IAAI,EAAE,UAAU;AAChBC,EAAAA,UAAU,EAAE,QAAQ;AACpBC,EAAAA,QAAQ,EAAE,QAAA;AACZ;;;;"}

package/build/lib/web/production/components/VisuallyHidden/index.web.js

@@ -1,4 +1,4 @@
 export { VisuallyHidden } from './VisuallyHidden.web.js';
-export { legacyScreenReaderStyles, screenReaderStyles } from './ScreenReaderStyles.js';
+export { screenReaderStyles } from './ScreenReaderStyles.js';
 import './types.js';
 //# sourceMappingURL=index.web.js.map

package/build/lib/web/production/components/index.js

@@ -124,7 +124,7 @@ export { Counter } from './Counter/Counter.js';
 export { CounterInput } from './CounterInput/CounterInput.web.js';
 export { Divider } from './Divider/Divider.js';
 export { Drawer } from './Drawer/Drawer.web.js';
-export { DrawerBody, DrawerHeader, drawerPadding } from './Drawer/DrawerSubcomponents.web.js';
+export { DrawerBody, DrawerFooter, DrawerHeader, drawerPadding } from './Drawer/DrawerSubcomponents.web.js';
 export { FilterChipDatePicker } from './DatePicker/FilterChipDatePicker/FilterChipDatePicker.web.js';
 export { DatePicker } from './DatePicker/DatePicker.web.js';
 export { Dropdown } from './Dropdown/Dropdown.js';
@@ -662,7 +662,7 @@ export { Text, getTextProps } from './Typography/Text/Text.js';
 export { Code } from './Typography/Code/Code.js';
 export { Display } from './Typography/Display/Display.js';
 export { VisuallyHidden } from './VisuallyHidden/VisuallyHidden.web.js';
-export { legacyScreenReaderStyles, screenReaderStyles } from './VisuallyHidden/ScreenReaderStyles.js';
+export { screenReaderStyles } from './VisuallyHidden/ScreenReaderStyles.js';
 export { ListView } from './ListView/ListView.web.js';
 export { ListViewFilters } from './ListView/ListViewFilters.web.js';
 export { Preview, PreviewBody, PreviewFooter, PreviewHeader } from './Preview/Preview.web.js';

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

@@ -14946,7 +14946,7 @@ type DrawerProps = {
     /**
      * children node.
      *
-     * Supports DrawerHeader and DrawerBody
+     * Supports DrawerHeader, DrawerBody, and DrawerFooter
      */
     children: React__default.ReactNode;
     /**
@@ -15008,6 +15008,22 @@ type DrawerHeaderProps = {
      * Use this for adding gradients
      */
     color?: FeedbackColors;
+    /**
+     * Whether to show the divider above the header
+     * @default true
+     */
+    showDivider?: boolean;
+} & DataAnalyticsAttribute;
+type DrawerFooterProps = {
+    /**
+     * Content of the footer
+     */
+    children: React__default.ReactNode;
+    /**
+     * Whether to show the divider above the footer
+     * @default true
+     */
+    showDivider?: boolean;
 } & DataAnalyticsAttribute;
 
 /**
@@ -15024,11 +15040,24 @@ type DrawerHeaderProps = {
  * ```
  *
  */
-declare const DrawerHeader: ({ title, subtitle, leading, trailing, titleSuffix, children, color, ...rest }: DrawerHeaderProps) => React__default.ReactElement;
+declare const DrawerHeader: ({ title, subtitle, leading, trailing, titleSuffix, children, color, showDivider, ...rest }: DrawerHeaderProps) => React__default.ReactElement;
 declare const drawerPadding = "spacing.6";
 declare const DrawerBody: ({ children }: {
     children: React__default.ReactNode;
 }) => React__default.ReactElement;
+/**
+ * #### Usage
+ *
+ * ```jsx
+ * <DrawerFooter>
+ *   <Button variant="primary" isFullWidth>
+ *     Continue
+ *   </Button>
+ * </DrawerFooter>
+ * ```
+ *
+ */
+declare const DrawerFooter: ({ children, showDivider, ...rest }: DrawerFooterProps) => React__default.ReactElement;
 
 type TaggedInputProps = {
     isTaggedInput?: boolean;
@@ -27090,7 +27119,6 @@ declare const VisuallyHidden: ({ children, testID }: VisuallyHiddenProps) => Rea
  * https://webaim.org/techniques/css/invisiblecontent/#techniques
  */
 declare const screenReaderStyles: CSSObject;
-declare const legacyScreenReaderStyles: CSSObject;
 
 type ListViewCommonProps = {
     children: React__default.ReactNode;
@@ -27229,4 +27257,4 @@ declare const PreviewBody: (PreviewBodyProps: PreviewBodyProps) => React__defaul
 declare const PreviewFooter: (PreviewFooterProps: PreviewFooterProps) => React__default.ReactElement;
 declare const Preview: ({ children, onFullScreen: onFullScreenProp, onZoomChange, zoomScaleStep, isDragAndZoomDisabled, defaultZoom, onDragChange, }: PreviewProps) => React__default.ReactElement;
 
-export { AcceptPaymentsFilledIcon, AcceptPaymentsIcon, Accordion, AccordionItem, AccordionItemBody, AccordionItemHeader, AccordionItemProps, AccordionProps, ActionList, ActionListItem, ActionListItemAsset, ActionListItemAssetProps, ActionListItemAvatar, ActionListItemBadge, ActionListItemBadgeGroup, ActionListItemIcon, ActionListItemProps, ActionListItemText, ActionListProps, ActionListSection, ActionListSectionProps, ActionListSectionTitle, ActivityIcon, AddressBookIcon, AffordabilityFilledIcon, AffordabilityIcon, AirplayIcon, Alert, AlertCircleIcon, AlertOctagonIcon, AlertOnlyIcon, AlertProps, AlertTriangleIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, Amount, AmountProps, AnchorIcon, AndroidIcon, AnimateInteractions, AnimateInteractionsProps, AnnouncementIcon, ApertureIcon, AppStoreIcon, AppleIcon, ArrowDownIcon, ArrowDownLeftIcon, ArrowDownRightIcon, ArrowLeftIcon, ArrowRightIcon, ArrowSquareDownIcon, ArrowSquareDownLeftIcon, ArrowSquareDownRightIcon, ArrowSquareLeftIcon, ArrowSquareRightIcon, ArrowSquareUpIcon, ArrowSquareUpLeftIcon, ArrowSquareUpRightIcon, ArrowUpIcon, ArrowUpLeftIcon, ArrowUpRightIcon, AtSignIcon, AttachmentIcon, AutoComplete, AutoCompleteProps, AutomateAccountingIcon, AutomatePayrollFilledIcon, AutomatePayrollIcon, Avatar, AvatarGroup, AvatarGroupProps, AvatarProps, AwardIcon, Badge, BadgeProps, BankAccountVerificationFilledIcon, BankAccountVerificationIcon, BankIcon, BarChartAltIcon, BarChartIcon, BarCodeIcon, Battery100PercentIcon, Battery20PercentIcon, Battery40PercentIcon, Battery60PercentIcon, Battery80PercentIcon, BatteryChargingIcon, BatteryIcon, BellIcon, BellOffIcon, BfsiFilledIcon, BfsiIcon, BillIcon, BillMeFilledIcon, BillMeIcon, BladeCommonEvents, BladeFile, BladeFileList, BladeProvider, BladeProviderProps, BluetoothIcon, BoldIcon, BookIcon, BookmarkIcon, BottomNav, BottomNavItem, BottomNavItemProps, BottomNavProps, BottomSheet, BottomSheetBody, BottomSheetBodyProps, BottomSheetFooter, BottomSheetFooterProps, BottomSheetHeader, BottomSheetHeaderProps, BottomSheetProps, Box, BoxIcon, BoxProps, BoxRefType, Breadcrumb, BreadcrumbItem, BreadcrumbItemProps, BreadcrumbProps, BriefcaseIcon, BugIcon, BuildingIcon, BulkPayoutsFilledIcon, BulkPayoutsIcon, BusinessBankingIcon, BusinessSpendManagementFilledIcon, BusinessSpendManagementIcon, Button, ButtonGroup, ButtonGroupProps, ButtonProps, CalendarIcon, CameraIcon, CameraOffIcon, Card, CardBody, CardFooter, CardFooterAction, CardFooterLeading, CardFooterTrailing, CardHeader, CardHeaderAmount, CardHeaderBadge, CardHeaderCounter, CardHeaderIcon, CardHeaderIconButton, CardHeaderLeading, CardHeaderLink, CardHeaderText, CardHeaderTrailing, CardProps, Carousel, CarouselItem, CarouselProps, CashIcon, CastIcon, ChartArea, ChartAreaProps, ChartAreaWrapper, ChartAreaWrapperProps, ChartBar, ChartBarProps, ChartBarWrapper, ChartBarWrapperProps, ChartCartesianGrid, ChartCartesianGridProps, ChartDonut, ChartDonutCell, ChartDonutProps, ChartDonutWrapper, ChartDonutWrapperProps, ChartLegend, ChartLegendProps, ChartLine, ChartLineProps, ChartLineWrapper, ChartLineWrapperProps, ChartReferenceLine, ChartReferenceLineProps, ChartTooltip, ChartTooltipProps, ChartXAxis, ChartXAxisProps, ChartYAxis, ChartYAxisProps, ChatMessage, ChatMessageProps, CheckCircle2Icon, CheckCircleIcon, CheckIcon, CheckSquareIcon, Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpDownIcon, ChevronUpIcon, ChevronsDownIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpIcon, Chip, ChipGroup, ChipGroupProps, ChipProps, ChromeIcon, CircleIcon, ClipboardIcon, ClockIcon, CloseIcon, ClosedCaptioningIcon, CloudDrizzleIcon, CloudIcon, CloudLightningIcon, CloudOffIcon, CloudRainIcon, CloudSnowIcon, Code, CodeProps, CodeSnippetIcon, CodepenIcon, CoinIcon, CoinsIcon, Collapsible, CollapsibleBody, CollapsibleBodyProps, CollapsibleButton, CollapsibleButtonProps, CollapsibleLink, CollapsibleLinkProps, CollapsibleProps, CommandIcon, CompanyRegistrationFilledIcon, CompanyRegistrationIcon, CompassIcon, ComponentIds, ConfettiIcon, ContactlessPaymentIcon, CookieIcon, CopyIcon, CopyrightIcon, CornerDownLeftIcon, CornerDownRightIcon, CornerLeftDownIcon, CornerLeftUpIcon, CornerRightDownIcon, CornerRightUpIcon, CornerUpLeftIcon, CornerUpRightIcon, Counter, CounterInput, CounterProps, CpuIcon, CreditCardIcon, CreditsAndLoansFilledIcon, CreditsAndLoansIcon, CropIcon, CrosshairIcon, CurrentAccountFilledIcon, CurrentAccountIcon, CustomersIcon, CutIcon, DashboardIcon, DatePicker, DatePickerProps, DeleteIcon, DigitalLendingFilledIcon, DigitalLendingIcon, DisbursePaymentsFilledIcon, DisbursePaymentsIcon, DiscIcon, Display, DisplayProps, Divider, DividerProps, DollarIcon, DollarsIcon, DotIcon, DownloadCloudIcon, DownloadIcon, DragHandleIcon, Drawer, DrawerBody, DrawerHeader, DrawerHeaderProps, DrawerProps, Dropdown, DropdownButton, DropdownFooter, DropdownHeader, DropdownIconButton, DropdownLink, DropdownOverlay, DropdownOverlayProps, DropdownProps, DropletIcon, EcommerceFilledIcon, EcommerceIcon, EditComposeIcon, EditIcon, EditInlineIcon, EducationFilledIcon, EducationIcon, Elevate, ElevateProps, EmptyState, EmptyStateProps, EngageFilledIcon, EngageIcon, EqualsIcon, EscrowAccountFilledIcon, EscrowAccountIcon, ExportIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FacebookIcon, Fade, FadeProps, FastForwardIcon, FeatherIcon, FigmaIcon, FileIcon, FileMinusIcon, FilePlusIcon, FileTextIcon, FileUpload, FileUploadProps, FileZipIcon, FilmIcon, FilterChipDatePicker, FilterChipGroup, FilterChipGroupContextType, FilterChipGroupProps, FilterChipSelectInput, FilterIcon, FlagIcon, FlaskIcon, FolderIcon, ForexManagementFilledIcon, ForexManagementIcon, FreelanceFilledIcon, FreelanceIcon, FullScreenEnterIcon, FullScreenExitIcon, GithubIcon, GitlabIcon, GlobeIcon, GridIcon, HashIcon, Heading, HeadingProps, HeadphoneIcon, HeadphonesIcon, HeadsetIcon, HeartIcon, HelpCircleIcon, HistoryIcon, HomeIcon, IconButton, IconButtonProps, IconColors, IconComponent, IconProps, IconSize, ImageIcon, InboxIcon, IndiaFlagIcon, Indicator, IndicatorProps, InfoGroup, InfoGroupProps, InfoIcon, InfoItem, InfoItemKey, InfoItemKeyProps, InfoItemProps, InfoItemValue, InfoItemValueProps, InputDropdownButton, InputGroup, InputGroupProps, InputRow, InputRowProps, InstagramIcon, InstantSettlementFilledIcon, InstantSettlementIcon, InternationalPaymentsFilledIcon, InternationalPaymentsIcon, InvoicesFilledIcon, InvoicesIcon, ItalicIcon, KeyIcon, KeyboardIcon, LayersIcon, LayoutIcon, LeftCircularCornerIcon, LifeBuoyIcon, Link, LinkButtonVariantProps, LinkIcon, LinkProps, List, ListIcon, ListItem, ListItemCode, ListItemCodeProps, ListItemLink, ListItemLinkProps, ListItemProps, ListItemText, ListItemTextProps, ListProps, ListSearchIcon, ListView, ListViewFilters, LoaderIcon, LoansForBusinessesFilledIcon, LoansForBusinessesIcon, LockIcon, LogInIcon, LogOutIcon, MagicCheckoutFilledIcon, MagicCheckoutIcon, MagicKonnectFilledIcon, MagicKonnectIcon, MailIcon, MailOpenIcon, MapIcon, MapPinIcon, MaximizeIcon, Menu, MenuDivider, MenuDotsIcon, MenuFooter, MenuFooterProps, MenuHeader, MenuHeaderProps, MenuIcon, MenuItem, MenuItemProps, MenuOverlay, MenuOverlayProps, MenuProps, MessageCircleIcon, MessageSquareIcon, MicIcon, MicOffIcon, MinimizeIcon, MinusCircleIcon, MinusIcon, MinusSquareIcon, MobileAppFilledIcon, MobileAppIcon, Modal, ModalBody, ModalBodyProps, ModalFooter, ModalFooterProps, ModalHeader, ModalHeaderProps, ModalProps, MonitorIcon, MoonIcon, MoreFilledIcon, MoreHorizontalIcon, MoreIcon, MoreVerticalIcon, Morph, MorphProps, Move, MoveIcon, MoveProps, MusicIcon, MyAccountIcon, NavigationIcon, NoSignalIcon, OTPInput, OTPInputCommonProps, OTPInputProps, OctagonIcon, OffersIcon, OptimizerFilledIcon, OptimizerIcon, PackageIcon, PaperclipIcon, PasswordInput, PasswordInputProps, PauseCircleIcon, PauseIcon, PaymentButtonFilledIcon, PaymentButtonIcon, PaymentButtonsIcon, PaymentGatewayFilledIcon, PaymentGatewayIcon, PaymentLinkFilledIcon, PaymentLinkIcon, PaymentLinksIcon, PaymentPagesFilledIcon, PaymentPagesIcon, PayoutLinkIcon, PayrollAddonsFilledIcon, PayrollAddonsIcon, PayrollForCaFilledIcon, PayrollForCaIcon, PayrollForStartupOrSmeFilledIcon, PayrollForStartupOrSmeIcon, PercentIcon, PettyCashBudgetFilledIcon, PettyCashBudgetIcon, PhoneCallIcon, PhoneForwardedIcon, PhoneIcon, PhoneIncomingIcon, PhoneMissedIcon, PhoneNumberInput, PhoneNumberInputProps, PhoneOffIcon, PhoneOutgoingIcon, PictureInPictureIcon, PieChartIcon, PinIcon, PlayCircleIcon, PlayIcon, PlusCircleIcon, PlusIcon, PlusSquareIcon, PocketIcon, Popover, PopoverInteractiveWrapper, PopoverProps, PopoverTriggerProps, PosFilledIcon, PosIcon, PowerIcon, Preview, PreviewBody, PreviewBodyProps, PreviewFooter, PreviewFooterProps, PreviewHeader, PreviewHeaderProps, PreviewProps, PrinterIcon, ProgressBar, ProgressBarProps, ProgressBarVariant, PromptIcon, QRCodeIcon, QuickFilter, QuickFilterGroup, Radio, RadioGroup, RadioGroupProps, RadioIcon, RadioProps, RayIcon, RazorpayIcon, RazorpayXIcon, RazorpayxPayrollFilledIcon, RazorpayxPayrollIcon, RefreshIcon, RepeatIcon, ReportsIcon, ResizerIcon, RewindIcon, RotateClockWiseIcon, RotateCounterClockWiseIcon, RouteFilledIcon, RouteIcon, RoutesIcon, RupeeIcon, RupeesIcon, SIDE_NAV_EXPANDED_L1_WIDTH_BASE, SIDE_NAV_EXPANDED_L1_WIDTH_XL, SaasFilledIcon, SaasIcon, SaveIcon, Scale, ScaleProps, ScissorsIcon, SearchIcon, SearchInput, SearchInputProps, SelectInput, SelectInputProps, SendIcon, ServerIcon, SettingsIcon, SettlementsIcon, ShareIcon, ShieldIcon, ShoppingBagIcon, ShoppingCartIcon, ShuffleIcon, SideNav, SideNavBody, SideNavFooter, SideNavFooterProps, SideNavItem, SideNavItemProps, SideNavLevel, SideNavLink, SideNavLinkProps, SideNavProps, SideNavSection, SideNavSectionProps, SidebarIcon, Signal1BarIcon, Signal2BarIcon, Signal3BarIcon, Signal4BarIcon, SignalIcon, SimCardIcon, Skeleton, SkeletonProps, SkipBackIcon, SkipForwardIcon, SkipNavContent, SkipNavLink, SlackIcon, SlashIcon, Slide, SlideProps, SlidersIcon, SmartCollectFilledIcon, SmartCollectIcon, SmartphoneIcon, SolutionsFilledIcon, SolutionsIcon, SortIcon, SourceToPayFilledIcon, SourceToPayIcon, SparklesIcon, SpeakerIcon, Spinner, SpinnerProps, SpotlightPopoverStepRenderProps, SpotlightPopoverTour, SpotlightPopoverTourFooter, SpotlightPopoverTourProps, SpotlightPopoverTourStep, SpotlightPopoverTourSteps, SquareIcon, Stagger, StaggerProps, StampIcon, StarIcon, StepGroup, StepGroupProps, StepItem, StepItemIcon, StepItemIndicator, StepItemProps, StopCircleIcon, StorefrontIcon, SubscriptionsFilledIcon, SubscriptionsIcon, SunIcon, SunriseIcon, SunsetIcon, Switch, SwitchProps, TabItem, TabItemProps, TabList, TabNav, TabNavItem, TabNavItemData, TabNavItemProps, TabNavItems, TabNavProps, TabPanel, TabPanelProps, Table, TableBody, TableBodyProps, TableCell, TableCellProps, TableData, TableEditableCell, TableEditableCellProps, TableEditableDropdownCell, TableEditableDropdownCellProps, TableFooter, TableFooterCell, TableFooterCellProps, TableFooterProps, TableFooterRow, TableFooterRowProps, TableHeader, TableHeaderCell, TableHeaderCellProps, TableHeaderProps, TableHeaderRow, TableHeaderRowProps, TableNode, TablePagination, TablePaginationProps, TableProps, TableRow, TableRowProps, TableToolbar, TableToolbarActions, TableToolbarActionsProps, TableToolbarProps, TabletIcon, Tabs, TabsProps, Tag, TagIcon, TagProps, TargetIcon, TaxPaymentsFilledIcon, TaxPaymentsIcon, TestIcon, Text, TextArea, TextAreaProps, TextInput, TextInputProps, TextProps, TextVariant, Theme, ThermometerIcon, ThumbsDownIcon, ThumbsUpIcon, TicketIcon, TimePicker, TitleCollectionProps, ToastContainer, ToastProps, ToggleLeftIcon, ToggleRightIcon, TokenHqFilledIcon, TokenHqIcon, Tooltip, TooltipInteractiveWrapper, TooltipProps, TopLeftRoundedCornerIcon, TopLeftSharpCornerIcon, TopNav, TopNavActions, TopNavBrand, TopNavContent, TopNavProps, TrademarkIcon, TrademarkRegisteredIcon, TransactionsIcon, TranslateIcon, TrashIcon, TrendingDownIcon, TrendingUpIcon, TriangleIcon, TrustedBadgeIcon, TvIcon, TwitterIcon, TypeIcon, UmbrellaIcon, UnderlineIcon, UnlockIcon, UpiAutopayFilledIcon, UpiAutopayIcon, UpiIcon, UploadCloudIcon, UploadIcon, UseToastReturn, UserCheckIcon, UserIcon, UserMinusIcon, UserPlusIcon, UserXIcon, UsersIcon, VendorPaymentsFilledIcon, VendorPaymentsIcon, VideoIcon, VideoOffIcon, ViewLiveDemoFilledIcon, ViewLiveDemoIcon, VisuallyHidden, VisuallyHiddenProps, VoicemailIcon, VolumeHighIcon, VolumeIcon, VolumeLowIcon, VolumeMuteIcon, VolumeOffIcon, VolumeOnIcon, WalletIcon, WatchIcon, WhatsAppIcon, WifiIcon, WifiOffIcon, WindIcon, WorldwideIcon, XCircleIcon, XSquareIcon, YoutubeIcon, ZapIcon, ZoomInIcon, ZoomOutIcon, announce, clearAnnouncer, destroyAnnouncer, drawerPadding, getHeadingProps, getTextProps, legacyScreenReaderStyles, screenReaderStyles, useTheme, useToast };
+export { AcceptPaymentsFilledIcon, AcceptPaymentsIcon, Accordion, AccordionItem, AccordionItemBody, AccordionItemHeader, AccordionItemProps, AccordionProps, ActionList, ActionListItem, ActionListItemAsset, ActionListItemAssetProps, ActionListItemAvatar, ActionListItemBadge, ActionListItemBadgeGroup, ActionListItemIcon, ActionListItemProps, ActionListItemText, ActionListProps, ActionListSection, ActionListSectionProps, ActionListSectionTitle, ActivityIcon, AddressBookIcon, AffordabilityFilledIcon, AffordabilityIcon, AirplayIcon, Alert, AlertCircleIcon, AlertOctagonIcon, AlertOnlyIcon, AlertProps, AlertTriangleIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, Amount, AmountProps, AnchorIcon, AndroidIcon, AnimateInteractions, AnimateInteractionsProps, AnnouncementIcon, ApertureIcon, AppStoreIcon, AppleIcon, ArrowDownIcon, ArrowDownLeftIcon, ArrowDownRightIcon, ArrowLeftIcon, ArrowRightIcon, ArrowSquareDownIcon, ArrowSquareDownLeftIcon, ArrowSquareDownRightIcon, ArrowSquareLeftIcon, ArrowSquareRightIcon, ArrowSquareUpIcon, ArrowSquareUpLeftIcon, ArrowSquareUpRightIcon, ArrowUpIcon, ArrowUpLeftIcon, ArrowUpRightIcon, AtSignIcon, AttachmentIcon, AutoComplete, AutoCompleteProps, AutomateAccountingIcon, AutomatePayrollFilledIcon, AutomatePayrollIcon, Avatar, AvatarGroup, AvatarGroupProps, AvatarProps, AwardIcon, Badge, BadgeProps, BankAccountVerificationFilledIcon, BankAccountVerificationIcon, BankIcon, BarChartAltIcon, BarChartIcon, BarCodeIcon, Battery100PercentIcon, Battery20PercentIcon, Battery40PercentIcon, Battery60PercentIcon, Battery80PercentIcon, BatteryChargingIcon, BatteryIcon, BellIcon, BellOffIcon, BfsiFilledIcon, BfsiIcon, BillIcon, BillMeFilledIcon, BillMeIcon, BladeCommonEvents, BladeFile, BladeFileList, BladeProvider, BladeProviderProps, BluetoothIcon, BoldIcon, BookIcon, BookmarkIcon, BottomNav, BottomNavItem, BottomNavItemProps, BottomNavProps, BottomSheet, BottomSheetBody, BottomSheetBodyProps, BottomSheetFooter, BottomSheetFooterProps, BottomSheetHeader, BottomSheetHeaderProps, BottomSheetProps, Box, BoxIcon, BoxProps, BoxRefType, Breadcrumb, BreadcrumbItem, BreadcrumbItemProps, BreadcrumbProps, BriefcaseIcon, BugIcon, BuildingIcon, BulkPayoutsFilledIcon, BulkPayoutsIcon, BusinessBankingIcon, BusinessSpendManagementFilledIcon, BusinessSpendManagementIcon, Button, ButtonGroup, ButtonGroupProps, ButtonProps, CalendarIcon, CameraIcon, CameraOffIcon, Card, CardBody, CardFooter, CardFooterAction, CardFooterLeading, CardFooterTrailing, CardHeader, CardHeaderAmount, CardHeaderBadge, CardHeaderCounter, CardHeaderIcon, CardHeaderIconButton, CardHeaderLeading, CardHeaderLink, CardHeaderText, CardHeaderTrailing, CardProps, Carousel, CarouselItem, CarouselProps, CashIcon, CastIcon, ChartArea, ChartAreaProps, ChartAreaWrapper, ChartAreaWrapperProps, ChartBar, ChartBarProps, ChartBarWrapper, ChartBarWrapperProps, ChartCartesianGrid, ChartCartesianGridProps, ChartDonut, ChartDonutCell, ChartDonutProps, ChartDonutWrapper, ChartDonutWrapperProps, ChartLegend, ChartLegendProps, ChartLine, ChartLineProps, ChartLineWrapper, ChartLineWrapperProps, ChartReferenceLine, ChartReferenceLineProps, ChartTooltip, ChartTooltipProps, ChartXAxis, ChartXAxisProps, ChartYAxis, ChartYAxisProps, ChatMessage, ChatMessageProps, CheckCircle2Icon, CheckCircleIcon, CheckIcon, CheckSquareIcon, Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpDownIcon, ChevronUpIcon, ChevronsDownIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpIcon, Chip, ChipGroup, ChipGroupProps, ChipProps, ChromeIcon, CircleIcon, ClipboardIcon, ClockIcon, CloseIcon, ClosedCaptioningIcon, CloudDrizzleIcon, CloudIcon, CloudLightningIcon, CloudOffIcon, CloudRainIcon, CloudSnowIcon, Code, CodeProps, CodeSnippetIcon, CodepenIcon, CoinIcon, CoinsIcon, Collapsible, CollapsibleBody, CollapsibleBodyProps, CollapsibleButton, CollapsibleButtonProps, CollapsibleLink, CollapsibleLinkProps, CollapsibleProps, CommandIcon, CompanyRegistrationFilledIcon, CompanyRegistrationIcon, CompassIcon, ComponentIds, ConfettiIcon, ContactlessPaymentIcon, CookieIcon, CopyIcon, CopyrightIcon, CornerDownLeftIcon, CornerDownRightIcon, CornerLeftDownIcon, CornerLeftUpIcon, CornerRightDownIcon, CornerRightUpIcon, CornerUpLeftIcon, CornerUpRightIcon, Counter, CounterInput, CounterProps, CpuIcon, CreditCardIcon, CreditsAndLoansFilledIcon, CreditsAndLoansIcon, CropIcon, CrosshairIcon, CurrentAccountFilledIcon, CurrentAccountIcon, CustomersIcon, CutIcon, DashboardIcon, DatePicker, DatePickerProps, DeleteIcon, DigitalLendingFilledIcon, DigitalLendingIcon, DisbursePaymentsFilledIcon, DisbursePaymentsIcon, DiscIcon, Display, DisplayProps, Divider, DividerProps, DollarIcon, DollarsIcon, DotIcon, DownloadCloudIcon, DownloadIcon, DragHandleIcon, Drawer, DrawerBody, DrawerFooter, DrawerFooterProps, DrawerHeader, DrawerHeaderProps, DrawerProps, Dropdown, DropdownButton, DropdownFooter, DropdownHeader, DropdownIconButton, DropdownLink, DropdownOverlay, DropdownOverlayProps, DropdownProps, DropletIcon, EcommerceFilledIcon, EcommerceIcon, EditComposeIcon, EditIcon, EditInlineIcon, EducationFilledIcon, EducationIcon, Elevate, ElevateProps, EmptyState, EmptyStateProps, EngageFilledIcon, EngageIcon, EqualsIcon, EscrowAccountFilledIcon, EscrowAccountIcon, ExportIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FacebookIcon, Fade, FadeProps, FastForwardIcon, FeatherIcon, FigmaIcon, FileIcon, FileMinusIcon, FilePlusIcon, FileTextIcon, FileUpload, FileUploadProps, FileZipIcon, FilmIcon, FilterChipDatePicker, FilterChipGroup, FilterChipGroupContextType, FilterChipGroupProps, FilterChipSelectInput, FilterIcon, FlagIcon, FlaskIcon, FolderIcon, ForexManagementFilledIcon, ForexManagementIcon, FreelanceFilledIcon, FreelanceIcon, FullScreenEnterIcon, FullScreenExitIcon, GithubIcon, GitlabIcon, GlobeIcon, GridIcon, HashIcon, Heading, HeadingProps, HeadphoneIcon, HeadphonesIcon, HeadsetIcon, HeartIcon, HelpCircleIcon, HistoryIcon, HomeIcon, IconButton, IconButtonProps, IconColors, IconComponent, IconProps, IconSize, ImageIcon, InboxIcon, IndiaFlagIcon, Indicator, IndicatorProps, InfoGroup, InfoGroupProps, InfoIcon, InfoItem, InfoItemKey, InfoItemKeyProps, InfoItemProps, InfoItemValue, InfoItemValueProps, InputDropdownButton, InputGroup, InputGroupProps, InputRow, InputRowProps, InstagramIcon, InstantSettlementFilledIcon, InstantSettlementIcon, InternationalPaymentsFilledIcon, InternationalPaymentsIcon, InvoicesFilledIcon, InvoicesIcon, ItalicIcon, KeyIcon, KeyboardIcon, LayersIcon, LayoutIcon, LeftCircularCornerIcon, LifeBuoyIcon, Link, LinkButtonVariantProps, LinkIcon, LinkProps, List, ListIcon, ListItem, ListItemCode, ListItemCodeProps, ListItemLink, ListItemLinkProps, ListItemProps, ListItemText, ListItemTextProps, ListProps, ListSearchIcon, ListView, ListViewFilters, LoaderIcon, LoansForBusinessesFilledIcon, LoansForBusinessesIcon, LockIcon, LogInIcon, LogOutIcon, MagicCheckoutFilledIcon, MagicCheckoutIcon, MagicKonnectFilledIcon, MagicKonnectIcon, MailIcon, MailOpenIcon, MapIcon, MapPinIcon, MaximizeIcon, Menu, MenuDivider, MenuDotsIcon, MenuFooter, MenuFooterProps, MenuHeader, MenuHeaderProps, MenuIcon, MenuItem, MenuItemProps, MenuOverlay, MenuOverlayProps, MenuProps, MessageCircleIcon, MessageSquareIcon, MicIcon, MicOffIcon, MinimizeIcon, MinusCircleIcon, MinusIcon, MinusSquareIcon, MobileAppFilledIcon, MobileAppIcon, Modal, ModalBody, ModalBodyProps, ModalFooter, ModalFooterProps, ModalHeader, ModalHeaderProps, ModalProps, MonitorIcon, MoonIcon, MoreFilledIcon, MoreHorizontalIcon, MoreIcon, MoreVerticalIcon, Morph, MorphProps, Move, MoveIcon, MoveProps, MusicIcon, MyAccountIcon, NavigationIcon, NoSignalIcon, OTPInput, OTPInputCommonProps, OTPInputProps, OctagonIcon, OffersIcon, OptimizerFilledIcon, OptimizerIcon, PackageIcon, PaperclipIcon, PasswordInput, PasswordInputProps, PauseCircleIcon, PauseIcon, PaymentButtonFilledIcon, PaymentButtonIcon, PaymentButtonsIcon, PaymentGatewayFilledIcon, PaymentGatewayIcon, PaymentLinkFilledIcon, PaymentLinkIcon, PaymentLinksIcon, PaymentPagesFilledIcon, PaymentPagesIcon, PayoutLinkIcon, PayrollAddonsFilledIcon, PayrollAddonsIcon, PayrollForCaFilledIcon, PayrollForCaIcon, PayrollForStartupOrSmeFilledIcon, PayrollForStartupOrSmeIcon, PercentIcon, PettyCashBudgetFilledIcon, PettyCashBudgetIcon, PhoneCallIcon, PhoneForwardedIcon, PhoneIcon, PhoneIncomingIcon, PhoneMissedIcon, PhoneNumberInput, PhoneNumberInputProps, PhoneOffIcon, PhoneOutgoingIcon, PictureInPictureIcon, PieChartIcon, PinIcon, PlayCircleIcon, PlayIcon, PlusCircleIcon, PlusIcon, PlusSquareIcon, PocketIcon, Popover, PopoverInteractiveWrapper, PopoverProps, PopoverTriggerProps, PosFilledIcon, PosIcon, PowerIcon, Preview, PreviewBody, PreviewBodyProps, PreviewFooter, PreviewFooterProps, PreviewHeader, PreviewHeaderProps, PreviewProps, PrinterIcon, ProgressBar, ProgressBarProps, ProgressBarVariant, PromptIcon, QRCodeIcon, QuickFilter, QuickFilterGroup, Radio, RadioGroup, RadioGroupProps, RadioIcon, RadioProps, RayIcon, RazorpayIcon, RazorpayXIcon, RazorpayxPayrollFilledIcon, RazorpayxPayrollIcon, RefreshIcon, RepeatIcon, ReportsIcon, ResizerIcon, RewindIcon, RotateClockWiseIcon, RotateCounterClockWiseIcon, RouteFilledIcon, RouteIcon, RoutesIcon, RupeeIcon, RupeesIcon, SIDE_NAV_EXPANDED_L1_WIDTH_BASE, SIDE_NAV_EXPANDED_L1_WIDTH_XL, SaasFilledIcon, SaasIcon, SaveIcon, Scale, ScaleProps, ScissorsIcon, SearchIcon, SearchInput, SearchInputProps, SelectInput, SelectInputProps, SendIcon, ServerIcon, SettingsIcon, SettlementsIcon, ShareIcon, ShieldIcon, ShoppingBagIcon, ShoppingCartIcon, ShuffleIcon, SideNav, SideNavBody, SideNavFooter, SideNavFooterProps, SideNavItem, SideNavItemProps, SideNavLevel, SideNavLink, SideNavLinkProps, SideNavProps, SideNavSection, SideNavSectionProps, SidebarIcon, Signal1BarIcon, Signal2BarIcon, Signal3BarIcon, Signal4BarIcon, SignalIcon, SimCardIcon, Skeleton, SkeletonProps, SkipBackIcon, SkipForwardIcon, SkipNavContent, SkipNavLink, SlackIcon, SlashIcon, Slide, SlideProps, SlidersIcon, SmartCollectFilledIcon, SmartCollectIcon, SmartphoneIcon, SolutionsFilledIcon, SolutionsIcon, SortIcon, SourceToPayFilledIcon, SourceToPayIcon, SparklesIcon, SpeakerIcon, Spinner, SpinnerProps, SpotlightPopoverStepRenderProps, SpotlightPopoverTour, SpotlightPopoverTourFooter, SpotlightPopoverTourProps, SpotlightPopoverTourStep, SpotlightPopoverTourSteps, SquareIcon, Stagger, StaggerProps, StampIcon, StarIcon, StepGroup, StepGroupProps, StepItem, StepItemIcon, StepItemIndicator, StepItemProps, StopCircleIcon, StorefrontIcon, SubscriptionsFilledIcon, SubscriptionsIcon, SunIcon, SunriseIcon, SunsetIcon, Switch, SwitchProps, TabItem, TabItemProps, TabList, TabNav, TabNavItem, TabNavItemData, TabNavItemProps, TabNavItems, TabNavProps, TabPanel, TabPanelProps, Table, TableBody, TableBodyProps, TableCell, TableCellProps, TableData, TableEditableCell, TableEditableCellProps, TableEditableDropdownCell, TableEditableDropdownCellProps, TableFooter, TableFooterCell, TableFooterCellProps, TableFooterProps, TableFooterRow, TableFooterRowProps, TableHeader, TableHeaderCell, TableHeaderCellProps, TableHeaderProps, TableHeaderRow, TableHeaderRowProps, TableNode, TablePagination, TablePaginationProps, TableProps, TableRow, TableRowProps, TableToolbar, TableToolbarActions, TableToolbarActionsProps, TableToolbarProps, TabletIcon, Tabs, TabsProps, Tag, TagIcon, TagProps, TargetIcon, TaxPaymentsFilledIcon, TaxPaymentsIcon, TestIcon, Text, TextArea, TextAreaProps, TextInput, TextInputProps, TextProps, TextVariant, Theme, ThermometerIcon, ThumbsDownIcon, ThumbsUpIcon, TicketIcon, TimePicker, TitleCollectionProps, ToastContainer, ToastProps, ToggleLeftIcon, ToggleRightIcon, TokenHqFilledIcon, TokenHqIcon, Tooltip, TooltipInteractiveWrapper, TooltipProps, TopLeftRoundedCornerIcon, TopLeftSharpCornerIcon, TopNav, TopNavActions, TopNavBrand, TopNavContent, TopNavProps, TrademarkIcon, TrademarkRegisteredIcon, TransactionsIcon, TranslateIcon, TrashIcon, TrendingDownIcon, TrendingUpIcon, TriangleIcon, TrustedBadgeIcon, TvIcon, TwitterIcon, TypeIcon, UmbrellaIcon, UnderlineIcon, UnlockIcon, UpiAutopayFilledIcon, UpiAutopayIcon, UpiIcon, UploadCloudIcon, UploadIcon, UseToastReturn, UserCheckIcon, UserIcon, UserMinusIcon, UserPlusIcon, UserXIcon, UsersIcon, VendorPaymentsFilledIcon, VendorPaymentsIcon, VideoIcon, VideoOffIcon, ViewLiveDemoFilledIcon, ViewLiveDemoIcon, VisuallyHidden, VisuallyHiddenProps, VoicemailIcon, VolumeHighIcon, VolumeIcon, VolumeLowIcon, VolumeMuteIcon, VolumeOffIcon, VolumeOnIcon, WalletIcon, WatchIcon, WhatsAppIcon, WifiIcon, WifiOffIcon, WindIcon, WorldwideIcon, XCircleIcon, XSquareIcon, YoutubeIcon, ZapIcon, ZoomInIcon, ZoomOutIcon, announce, clearAnnouncer, destroyAnnouncer, drawerPadding, getHeadingProps, getTextProps, screenReaderStyles, useTheme, useToast };

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

@@ -10812,7 +10812,7 @@ type DrawerProps = {
     /**
      * children node.
      *
-     * Supports DrawerHeader and DrawerBody
+     * Supports DrawerHeader, DrawerBody, and DrawerFooter
      */
     children: react__default.ReactNode;
     /**
@@ -10874,6 +10874,22 @@ type DrawerHeaderProps = {
      * Use this for adding gradients
      */
     color?: FeedbackColors;
+    /**
+     * Whether to show the divider above the header
+     * @default true
+     */
+    showDivider?: boolean;
+} & DataAnalyticsAttribute;
+type DrawerFooterProps = {
+    /**
+     * Content of the footer
+     */
+    children: react__default.ReactNode;
+    /**
+     * Whether to show the divider above the footer
+     * @default true
+     */
+    showDivider?: boolean;
 } & DataAnalyticsAttribute;
 
 declare const Drawer: (_props: DrawerProps) => React.ReactElement;
@@ -10882,6 +10898,7 @@ declare const DrawerHeader: (_props: DrawerHeaderProps) => react__default.ReactE
 declare const DrawerBody: (_props: {
     children: react__default.ReactNode;
 }) => react__default.ReactElement;
+declare const DrawerFooter: (_props: DrawerFooterProps) => react__default.ReactElement;
 
 declare const DatePicker: (_props: any) => React.ReactElement;
 
@@ -16624,7 +16641,6 @@ declare const VisuallyHidden: ({ children, testID }: VisuallyHiddenProps) => rea
  * https://webaim.org/techniques/css/invisiblecontent/#techniques
  */
 declare const screenReaderStyles: CSSObject;
-declare const legacyScreenReaderStyles: CSSObject;
 
 type ListViewCommonProps = {
     children: react__default.ReactNode;
@@ -16763,4 +16779,4 @@ declare const PreviewHeader: (_prop: PreviewHeaderProps) => react__default.React
 declare const PreviewBody: (_prop: PreviewBodyProps) => react__default.ReactElement;
 declare const PreviewFooter: (_prop: PreviewFooterProps) => react__default.ReactElement;
 
-export { AcceptPaymentsFilledIcon, AcceptPaymentsIcon, Accordion, AccordionItem, AccordionItemBody, AccordionItemHeader, AccordionItemProps, AccordionProps, ActionList, ActionListItem, ActionListItemAsset, ActionListItemAssetProps, ActionListItemAvatar, ActionListItemBadge, ActionListItemBadgeGroup, ActionListItemIcon, ActionListItemProps, ActionListItemText, ActionListProps, ActionListSection, ActionListSectionProps, ActionListSectionTitle, ActivityIcon, AddressBookIcon, AffordabilityFilledIcon, AffordabilityIcon, AirplayIcon, Alert, AlertCircleIcon, AlertOctagonIcon, AlertOnlyIcon, AlertProps, AlertTriangleIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, Amount, AmountProps, AnchorIcon, AndroidIcon, AnimateInteractions, AnimateInteractionsProps, AnnouncementIcon, ApertureIcon, AppStoreIcon, AppleIcon, ArrowDownIcon, ArrowDownLeftIcon, ArrowDownRightIcon, ArrowLeftIcon, ArrowRightIcon, ArrowSquareDownIcon, ArrowSquareDownLeftIcon, ArrowSquareDownRightIcon, ArrowSquareLeftIcon, ArrowSquareRightIcon, ArrowSquareUpIcon, ArrowSquareUpLeftIcon, ArrowSquareUpRightIcon, ArrowUpIcon, ArrowUpLeftIcon, ArrowUpRightIcon, AtSignIcon, AttachmentIcon, AutoComplete, AutoCompleteProps, AutomateAccountingIcon, AutomatePayrollFilledIcon, AutomatePayrollIcon, Avatar, AvatarGroup, AwardIcon, Badge, BadgeProps, BankAccountVerificationFilledIcon, BankAccountVerificationIcon, BankIcon, BarChartAltIcon, BarChartIcon, BarCodeIcon, BaseFilterChip, Battery100PercentIcon, Battery20PercentIcon, Battery40PercentIcon, Battery60PercentIcon, Battery80PercentIcon, BatteryChargingIcon, BatteryIcon, BellIcon, BellOffIcon, BfsiFilledIcon, BfsiIcon, BillIcon, BillMeFilledIcon, BillMeIcon, BladeCommonEvents, BladeProvider, BladeProviderProps, BluetoothIcon, BoldIcon, BookIcon, BookmarkIcon, BottomNav, BottomNavItem, BottomNavItemProps, BottomNavProps, BottomSheet, BottomSheetBody, BottomSheetBodyProps, BottomSheetFooter, BottomSheetFooterProps, BottomSheetHeader, BottomSheetHeaderProps, BottomSheetProps, Box, BoxIcon, BoxProps, BoxRefType, Breadcrumb, BreadcrumbItem, BreadcrumbItemProps, BreadcrumbProps, BriefcaseIcon, BugIcon, BuildingIcon, BulkPayoutsFilledIcon, BulkPayoutsIcon, BusinessBankingIcon, BusinessSpendManagementFilledIcon, BusinessSpendManagementIcon, Button, ButtonGroup, ButtonProps, CalendarIcon, CameraIcon, CameraOffIcon, Card, CardBody, CardFooter, CardFooterAction, CardFooterLeading, CardFooterTrailing, CardHeader, CardHeaderAmount, CardHeaderBadge, CardHeaderCounter, CardHeaderIcon, CardHeaderIconButton, CardHeaderLeading, CardHeaderLink, CardHeaderText, CardHeaderTrailing, CardProps, Carousel, CarouselItem, CarouselProps, CashIcon, CastIcon, ChartArea, ChartAreaProps, ChartAreaWrapper, ChartAreaWrapperProps, ChartBar, ChartBarProps, ChartBarWrapper, ChartBarWrapperProps, ChartCartesianGrid, ChartCartesianGridProps, ChartDonut, ChartDonutCell, ChartDonutProps, ChartDonutWrapper, ChartDonutWrapperProps, ChartLegend, ChartLegendProps, ChartLine, ChartLineProps, ChartLineWrapper, ChartLineWrapperProps, ChartReferenceLine, ChartReferenceLineProps, ChartTooltip, ChartTooltipProps, ChartXAxis, ChartXAxisProps, ChartYAxis, ChartYAxisProps, ChatMessage, ChatMessageProps, CheckCircle2Icon, CheckCircleIcon, CheckIcon, CheckSquareIcon, Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpDownIcon, ChevronUpIcon, ChevronsDownIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpIcon, Chip, ChipGroup, ChipGroupProps, ChipProps, ChromeIcon, CircleIcon, ClipboardIcon, ClockIcon, CloseIcon, ClosedCaptioningIcon, CloudDrizzleIcon, CloudIcon, CloudLightningIcon, CloudOffIcon, CloudRainIcon, CloudSnowIcon, Code, CodeProps, CodeSnippetIcon, CodepenIcon, CoinIcon, CoinsIcon, Collapsible, CollapsibleBody, CollapsibleBodyProps, CollapsibleButton, CollapsibleButtonProps, CollapsibleLink, CollapsibleLinkProps, CollapsibleProps, CommandIcon, CompanyRegistrationFilledIcon, CompanyRegistrationIcon, CompassIcon, ComponentIds, ConfettiIcon, ContactlessPaymentIcon, CookieIcon, CopyIcon, CopyrightIcon, CornerDownLeftIcon, CornerDownRightIcon, CornerLeftDownIcon, CornerLeftUpIcon, CornerRightDownIcon, CornerRightUpIcon, CornerUpLeftIcon, CornerUpRightIcon, Counter, CounterInput, CounterProps, CpuIcon, CreditCardIcon, CreditsAndLoansFilledIcon, CreditsAndLoansIcon, CropIcon, CrosshairIcon, CurrentAccountFilledIcon, CurrentAccountIcon, CustomersIcon, CutIcon, DashboardIcon, DatePicker, DatePickerProps, DeleteIcon, DigitalLendingFilledIcon, DigitalLendingIcon, DisbursePaymentsFilledIcon, DisbursePaymentsIcon, DiscIcon, Display, DisplayProps, Divider, DividerProps, DollarIcon, DollarsIcon, DotIcon, DownloadCloudIcon, DownloadIcon, DragHandleIcon, Drawer, DrawerBody, DrawerHeader, DrawerHeaderProps, DrawerProps, Dropdown, DropdownButton, DropdownFooter, DropdownHeader, DropdownIconButton, DropdownLink, DropdownOverlay, DropdownOverlayProps, DropdownProps, DropletIcon, EcommerceFilledIcon, EcommerceIcon, EditComposeIcon, EditIcon, EditInlineIcon, EducationFilledIcon, EducationIcon, Elevate, ElevateProps, EmptyState, EmptyStateProps, EngageFilledIcon, EngageIcon, EqualsIcon, EscrowAccountFilledIcon, EscrowAccountIcon, ExportIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FacebookIcon, Fade, FadeProps, FastForwardIcon, FeatherIcon, FigmaIcon, FileIcon, FileMinusIcon, FilePlusIcon, FileTextIcon, FileUpload, FileZipIcon, FilmIcon, FilterChipDatePicker, FilterChipGroup, FilterChipGroupContextType, FilterChipGroupProps, FilterIcon, FlagIcon, FlaskIcon, FolderIcon, ForexManagementFilledIcon, ForexManagementIcon, FreelanceFilledIcon, FreelanceIcon, FullScreenEnterIcon, FullScreenExitIcon, GithubIcon, GitlabIcon, GlobeIcon, GridIcon, HashIcon, Heading, HeadingProps, HeadphoneIcon, HeadphonesIcon, HeadsetIcon, HeartIcon, HelpCircleIcon, HistoryIcon, HomeIcon, IconButton, IconButtonProps, IconColors, IconComponent, IconProps, IconSize, ImageIcon, InboxIcon, IndiaFlagIcon, Indicator, IndicatorProps, InfoGroup, InfoGroupProps, InfoIcon, InfoItem, InfoItemKey, InfoItemKeyProps, InfoItemProps, InfoItemValue, InfoItemValueProps, InputDropdownButton, InputGroup, InputGroupProps, InputRow, InputRowProps, InstagramIcon, InstantSettlementFilledIcon, InstantSettlementIcon, InternationalPaymentsFilledIcon, InternationalPaymentsIcon, InvoicesFilledIcon, InvoicesIcon, ItalicIcon, KeyIcon, KeyboardIcon, LayersIcon, LayoutIcon, LeftCircularCornerIcon, LifeBuoyIcon, Link, LinkButtonVariantProps, LinkIcon, LinkProps, List, ListIcon, ListItem, ListItemCode, ListItemCodeProps, ListItemLink, ListItemLinkProps, ListItemProps, ListItemText, ListItemTextProps, ListProps, ListSearchIcon, ListView, ListViewFilters, LoaderIcon, LoansForBusinessesFilledIcon, LoansForBusinessesIcon, LockIcon, LogInIcon, LogOutIcon, MagicCheckoutFilledIcon, MagicCheckoutIcon, MagicKonnectFilledIcon, MagicKonnectIcon, MailIcon, MailOpenIcon, MapIcon, MapPinIcon, MaximizeIcon, Menu, MenuDivider, MenuDotsIcon, MenuFooter, MenuFooterProps, MenuHeader, MenuHeaderProps, MenuIcon, MenuItem, MenuItemProps, MenuOverlay, MenuOverlayProps, MenuProps, MessageCircleIcon, MessageSquareIcon, MicIcon, MicOffIcon, MinimizeIcon, MinusCircleIcon, MinusIcon, MinusSquareIcon, MobileAppFilledIcon, MobileAppIcon, Modal, ModalBody, ModalBodyProps, ModalFooter, ModalFooterProps, ModalHeader, ModalHeaderProps, ModalProps, MonitorIcon, MoonIcon, MoreFilledIcon, MoreHorizontalIcon, MoreIcon, MoreVerticalIcon, Morph, MorphProps, Move, MoveIcon, MoveProps, MusicIcon, MyAccountIcon, NavigationIcon, NoSignalIcon, OTPInput, OTPInputCommonProps, OTPInputProps, OctagonIcon, OffersIcon, OptimizerFilledIcon, OptimizerIcon, PackageIcon, PaperclipIcon, PasswordInput, PasswordInputProps, PauseCircleIcon, PauseIcon, PaymentButtonFilledIcon, PaymentButtonIcon, PaymentButtonsIcon, PaymentGatewayFilledIcon, PaymentGatewayIcon, PaymentLinkFilledIcon, PaymentLinkIcon, PaymentLinksIcon, PaymentPagesFilledIcon, PaymentPagesIcon, PayoutLinkIcon, PayrollAddonsFilledIcon, PayrollAddonsIcon, PayrollForCaFilledIcon, PayrollForCaIcon, PayrollForStartupOrSmeFilledIcon, PayrollForStartupOrSmeIcon, PercentIcon, PettyCashBudgetFilledIcon, PettyCashBudgetIcon, PhoneCallIcon, PhoneForwardedIcon, PhoneIcon, PhoneIncomingIcon, PhoneMissedIcon, PhoneNumberInput, PhoneNumberInputProps, PhoneOffIcon, PhoneOutgoingIcon, PictureInPictureIcon, PieChartIcon, PinIcon, PlayCircleIcon, PlayIcon, PlusCircleIcon, PlusIcon, PlusSquareIcon, PocketIcon, Popover, PopoverInteractiveWrapper, PopoverProps, PopoverTriggerProps, PosFilledIcon, PosIcon, PowerIcon, Preview, PreviewBody, PreviewBodyProps, PreviewFooter, PreviewFooterProps, PreviewHeader, PreviewHeaderProps, PreviewProps, PrinterIcon, ProgressBar, ProgressBarProps, ProgressBarVariant, PromptIcon, QRCodeIcon, QuickFilter, QuickFilterGroup, Radio, RadioGroup, RadioGroupProps, RadioIcon, RadioProps, RayIcon, RazorpayIcon, RazorpayXIcon, RazorpayxPayrollFilledIcon, RazorpayxPayrollIcon, RefreshIcon, RepeatIcon, ReportsIcon, ResizerIcon, RewindIcon, RotateClockWiseIcon, RotateCounterClockWiseIcon, RouteFilledIcon, RouteIcon, RoutesIcon, RupeeIcon, RupeesIcon, SIDE_NAV_EXPANDED_L1_WIDTH_BASE, SIDE_NAV_EXPANDED_L1_WIDTH_XL, SaasFilledIcon, SaasIcon, SaveIcon, Scale, ScaleProps, ScissorsIcon, SearchIcon, SearchInput, SearchInputProps, SelectInput, SelectInputProps, SendIcon, ServerIcon, SettingsIcon, SettlementsIcon, ShareIcon, ShieldIcon, ShoppingBagIcon, ShoppingCartIcon, ShuffleIcon, SideNav, SideNavBody, SideNavFooter, SideNavFooterProps, SideNavItem, SideNavItemProps, SideNavLevel, SideNavLink, SideNavLinkProps, SideNavProps, SideNavSection, SideNavSectionProps, SidebarIcon, Signal1BarIcon, Signal2BarIcon, Signal3BarIcon, Signal4BarIcon, SignalIcon, SimCardIcon, Skeleton, SkeletonProps, SkipBackIcon, SkipForwardIcon, SkipNavContent, SkipNavLink, SlackIcon, SlashIcon, Slide, SlideProps, SlidersIcon, SmartCollectFilledIcon, SmartCollectIcon, SmartphoneIcon, SolutionsFilledIcon, SolutionsIcon, SortIcon, SourceToPayFilledIcon, SourceToPayIcon, SparklesIcon, SpeakerIcon, Spinner, SpinnerProps, SpotlightPopoverStepRenderProps, SpotlightPopoverTourFooter, SpotlightPopoverTourProps, SpotlightPopoverTourStep, SpotlightPopoverTourSteps, SquareIcon, Stagger, StaggerProps, StampIcon, StarIcon, StepGroup, StepGroupProps, StepItem, StepItemIcon, StepItemIndicator, StepItemProps, StopCircleIcon, StorefrontIcon, SubscriptionsFilledIcon, SubscriptionsIcon, SunIcon, SunriseIcon, SunsetIcon, Switch, SwitchProps, TabItem, TabItemProps, TabList, TabNav, TabNavItem, TabNavItemData, TabNavItemProps, TabNavProps, TabPanel, TabPanelProps, Table, TableBody, TableBodyProps, TableCell, TableCellProps, TableData, TableEditableCell, TableEditableCellProps, TableEditableDropdownCell, TableEditableDropdownCellProps, TableFooter, TableFooterCell, TableFooterCellProps, TableFooterProps, TableFooterRow, TableFooterRowProps, TableHeader, TableHeaderCell, TableHeaderCellProps, TableHeaderProps, TableHeaderRow, TableHeaderRowProps, TableNode, TablePagination, TablePaginationProps$1 as TablePaginationProps, TableProps, TableRow, TableRowProps, TableToolbar, TableToolbarActions, TableToolbarActionsProps, TableToolbarProps, TabletIcon, Tabs, TabsProps, Tag, TagIcon, TagProps, TargetIcon, TaxPaymentsFilledIcon, TaxPaymentsIcon, TestIcon, Text, TextArea, TextAreaProps, TextInput, TextInputProps, TextProps, TextVariant, Theme, ThermometerIcon, ThumbsDownIcon, ThumbsUpIcon, TicketIcon, TimePicker, TitleCollectionProps, ToastContainer, ToastProps, ToggleLeftIcon, ToggleRightIcon, TokenHqFilledIcon, TokenHqIcon, Tooltip, TooltipInteractiveWrapper, TooltipProps, TopLeftRoundedCornerIcon, TopLeftSharpCornerIcon, TopNav, Tour, TrademarkIcon, TrademarkRegisteredIcon, TransactionsIcon, TranslateIcon, TrashIcon, TrendingDownIcon, TrendingUpIcon, TriangleIcon, TrustedBadgeIcon, TvIcon, TwitterIcon, TypeIcon, UmbrellaIcon, UnderlineIcon, UnlockIcon, UpiAutopayFilledIcon, UpiAutopayIcon, UpiIcon, UploadCloudIcon, UploadIcon, UseToastReturn, UserCheckIcon, UserIcon, UserMinusIcon, UserPlusIcon, UserXIcon, UsersIcon, VendorPaymentsFilledIcon, VendorPaymentsIcon, VideoIcon, VideoOffIcon, ViewLiveDemoFilledIcon, ViewLiveDemoIcon, VisuallyHidden, VisuallyHiddenProps, VoicemailIcon, VolumeHighIcon, VolumeIcon, VolumeLowIcon, VolumeMuteIcon, VolumeOffIcon, VolumeOnIcon, WalletIcon, WatchIcon, WhatsAppIcon, WifiIcon, WifiOffIcon, WindIcon, WorldwideIcon, XCircleIcon, XSquareIcon, YoutubeIcon, ZapIcon, ZoomInIcon, ZoomOutIcon, announce, clearAnnouncer, destroyAnnouncer, getHeadingProps, getTextProps, legacyScreenReaderStyles, screenReaderStyles, useTheme, useToast };
+export { AcceptPaymentsFilledIcon, AcceptPaymentsIcon, Accordion, AccordionItem, AccordionItemBody, AccordionItemHeader, AccordionItemProps, AccordionProps, ActionList, ActionListItem, ActionListItemAsset, ActionListItemAssetProps, ActionListItemAvatar, ActionListItemBadge, ActionListItemBadgeGroup, ActionListItemIcon, ActionListItemProps, ActionListItemText, ActionListProps, ActionListSection, ActionListSectionProps, ActionListSectionTitle, ActivityIcon, AddressBookIcon, AffordabilityFilledIcon, AffordabilityIcon, AirplayIcon, Alert, AlertCircleIcon, AlertOctagonIcon, AlertOnlyIcon, AlertProps, AlertTriangleIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, Amount, AmountProps, AnchorIcon, AndroidIcon, AnimateInteractions, AnimateInteractionsProps, AnnouncementIcon, ApertureIcon, AppStoreIcon, AppleIcon, ArrowDownIcon, ArrowDownLeftIcon, ArrowDownRightIcon, ArrowLeftIcon, ArrowRightIcon, ArrowSquareDownIcon, ArrowSquareDownLeftIcon, ArrowSquareDownRightIcon, ArrowSquareLeftIcon, ArrowSquareRightIcon, ArrowSquareUpIcon, ArrowSquareUpLeftIcon, ArrowSquareUpRightIcon, ArrowUpIcon, ArrowUpLeftIcon, ArrowUpRightIcon, AtSignIcon, AttachmentIcon, AutoComplete, AutoCompleteProps, AutomateAccountingIcon, AutomatePayrollFilledIcon, AutomatePayrollIcon, Avatar, AvatarGroup, AwardIcon, Badge, BadgeProps, BankAccountVerificationFilledIcon, BankAccountVerificationIcon, BankIcon, BarChartAltIcon, BarChartIcon, BarCodeIcon, BaseFilterChip, Battery100PercentIcon, Battery20PercentIcon, Battery40PercentIcon, Battery60PercentIcon, Battery80PercentIcon, BatteryChargingIcon, BatteryIcon, BellIcon, BellOffIcon, BfsiFilledIcon, BfsiIcon, BillIcon, BillMeFilledIcon, BillMeIcon, BladeCommonEvents, BladeProvider, BladeProviderProps, BluetoothIcon, BoldIcon, BookIcon, BookmarkIcon, BottomNav, BottomNavItem, BottomNavItemProps, BottomNavProps, BottomSheet, BottomSheetBody, BottomSheetBodyProps, BottomSheetFooter, BottomSheetFooterProps, BottomSheetHeader, BottomSheetHeaderProps, BottomSheetProps, Box, BoxIcon, BoxProps, BoxRefType, Breadcrumb, BreadcrumbItem, BreadcrumbItemProps, BreadcrumbProps, BriefcaseIcon, BugIcon, BuildingIcon, BulkPayoutsFilledIcon, BulkPayoutsIcon, BusinessBankingIcon, BusinessSpendManagementFilledIcon, BusinessSpendManagementIcon, Button, ButtonGroup, ButtonProps, CalendarIcon, CameraIcon, CameraOffIcon, Card, CardBody, CardFooter, CardFooterAction, CardFooterLeading, CardFooterTrailing, CardHeader, CardHeaderAmount, CardHeaderBadge, CardHeaderCounter, CardHeaderIcon, CardHeaderIconButton, CardHeaderLeading, CardHeaderLink, CardHeaderText, CardHeaderTrailing, CardProps, Carousel, CarouselItem, CarouselProps, CashIcon, CastIcon, ChartArea, ChartAreaProps, ChartAreaWrapper, ChartAreaWrapperProps, ChartBar, ChartBarProps, ChartBarWrapper, ChartBarWrapperProps, ChartCartesianGrid, ChartCartesianGridProps, ChartDonut, ChartDonutCell, ChartDonutProps, ChartDonutWrapper, ChartDonutWrapperProps, ChartLegend, ChartLegendProps, ChartLine, ChartLineProps, ChartLineWrapper, ChartLineWrapperProps, ChartReferenceLine, ChartReferenceLineProps, ChartTooltip, ChartTooltipProps, ChartXAxis, ChartXAxisProps, ChartYAxis, ChartYAxisProps, ChatMessage, ChatMessageProps, CheckCircle2Icon, CheckCircleIcon, CheckIcon, CheckSquareIcon, Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpDownIcon, ChevronUpIcon, ChevronsDownIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpIcon, Chip, ChipGroup, ChipGroupProps, ChipProps, ChromeIcon, CircleIcon, ClipboardIcon, ClockIcon, CloseIcon, ClosedCaptioningIcon, CloudDrizzleIcon, CloudIcon, CloudLightningIcon, CloudOffIcon, CloudRainIcon, CloudSnowIcon, Code, CodeProps, CodeSnippetIcon, CodepenIcon, CoinIcon, CoinsIcon, Collapsible, CollapsibleBody, CollapsibleBodyProps, CollapsibleButton, CollapsibleButtonProps, CollapsibleLink, CollapsibleLinkProps, CollapsibleProps, CommandIcon, CompanyRegistrationFilledIcon, CompanyRegistrationIcon, CompassIcon, ComponentIds, ConfettiIcon, ContactlessPaymentIcon, CookieIcon, CopyIcon, CopyrightIcon, CornerDownLeftIcon, CornerDownRightIcon, CornerLeftDownIcon, CornerLeftUpIcon, CornerRightDownIcon, CornerRightUpIcon, CornerUpLeftIcon, CornerUpRightIcon, Counter, CounterInput, CounterProps, CpuIcon, CreditCardIcon, CreditsAndLoansFilledIcon, CreditsAndLoansIcon, CropIcon, CrosshairIcon, CurrentAccountFilledIcon, CurrentAccountIcon, CustomersIcon, CutIcon, DashboardIcon, DatePicker, DatePickerProps, DeleteIcon, DigitalLendingFilledIcon, DigitalLendingIcon, DisbursePaymentsFilledIcon, DisbursePaymentsIcon, DiscIcon, Display, DisplayProps, Divider, DividerProps, DollarIcon, DollarsIcon, DotIcon, DownloadCloudIcon, DownloadIcon, DragHandleIcon, Drawer, DrawerBody, DrawerFooter, DrawerFooterProps, DrawerHeader, DrawerHeaderProps, DrawerProps, Dropdown, DropdownButton, DropdownFooter, DropdownHeader, DropdownIconButton, DropdownLink, DropdownOverlay, DropdownOverlayProps, DropdownProps, DropletIcon, EcommerceFilledIcon, EcommerceIcon, EditComposeIcon, EditIcon, EditInlineIcon, EducationFilledIcon, EducationIcon, Elevate, ElevateProps, EmptyState, EmptyStateProps, EngageFilledIcon, EngageIcon, EqualsIcon, EscrowAccountFilledIcon, EscrowAccountIcon, ExportIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FacebookIcon, Fade, FadeProps, FastForwardIcon, FeatherIcon, FigmaIcon, FileIcon, FileMinusIcon, FilePlusIcon, FileTextIcon, FileUpload, FileZipIcon, FilmIcon, FilterChipDatePicker, FilterChipGroup, FilterChipGroupContextType, FilterChipGroupProps, FilterIcon, FlagIcon, FlaskIcon, FolderIcon, ForexManagementFilledIcon, ForexManagementIcon, FreelanceFilledIcon, FreelanceIcon, FullScreenEnterIcon, FullScreenExitIcon, GithubIcon, GitlabIcon, GlobeIcon, GridIcon, HashIcon, Heading, HeadingProps, HeadphoneIcon, HeadphonesIcon, HeadsetIcon, HeartIcon, HelpCircleIcon, HistoryIcon, HomeIcon, IconButton, IconButtonProps, IconColors, IconComponent, IconProps, IconSize, ImageIcon, InboxIcon, IndiaFlagIcon, Indicator, IndicatorProps, InfoGroup, InfoGroupProps, InfoIcon, InfoItem, InfoItemKey, InfoItemKeyProps, InfoItemProps, InfoItemValue, InfoItemValueProps, InputDropdownButton, InputGroup, InputGroupProps, InputRow, InputRowProps, InstagramIcon, InstantSettlementFilledIcon, InstantSettlementIcon, InternationalPaymentsFilledIcon, InternationalPaymentsIcon, InvoicesFilledIcon, InvoicesIcon, ItalicIcon, KeyIcon, KeyboardIcon, LayersIcon, LayoutIcon, LeftCircularCornerIcon, LifeBuoyIcon, Link, LinkButtonVariantProps, LinkIcon, LinkProps, List, ListIcon, ListItem, ListItemCode, ListItemCodeProps, ListItemLink, ListItemLinkProps, ListItemProps, ListItemText, ListItemTextProps, ListProps, ListSearchIcon, ListView, ListViewFilters, LoaderIcon, LoansForBusinessesFilledIcon, LoansForBusinessesIcon, LockIcon, LogInIcon, LogOutIcon, MagicCheckoutFilledIcon, MagicCheckoutIcon, MagicKonnectFilledIcon, MagicKonnectIcon, MailIcon, MailOpenIcon, MapIcon, MapPinIcon, MaximizeIcon, Menu, MenuDivider, MenuDotsIcon, MenuFooter, MenuFooterProps, MenuHeader, MenuHeaderProps, MenuIcon, MenuItem, MenuItemProps, MenuOverlay, MenuOverlayProps, MenuProps, MessageCircleIcon, MessageSquareIcon, MicIcon, MicOffIcon, MinimizeIcon, MinusCircleIcon, MinusIcon, MinusSquareIcon, MobileAppFilledIcon, MobileAppIcon, Modal, ModalBody, ModalBodyProps, ModalFooter, ModalFooterProps, ModalHeader, ModalHeaderProps, ModalProps, MonitorIcon, MoonIcon, MoreFilledIcon, MoreHorizontalIcon, MoreIcon, MoreVerticalIcon, Morph, MorphProps, Move, MoveIcon, MoveProps, MusicIcon, MyAccountIcon, NavigationIcon, NoSignalIcon, OTPInput, OTPInputCommonProps, OTPInputProps, OctagonIcon, OffersIcon, OptimizerFilledIcon, OptimizerIcon, PackageIcon, PaperclipIcon, PasswordInput, PasswordInputProps, PauseCircleIcon, PauseIcon, PaymentButtonFilledIcon, PaymentButtonIcon, PaymentButtonsIcon, PaymentGatewayFilledIcon, PaymentGatewayIcon, PaymentLinkFilledIcon, PaymentLinkIcon, PaymentLinksIcon, PaymentPagesFilledIcon, PaymentPagesIcon, PayoutLinkIcon, PayrollAddonsFilledIcon, PayrollAddonsIcon, PayrollForCaFilledIcon, PayrollForCaIcon, PayrollForStartupOrSmeFilledIcon, PayrollForStartupOrSmeIcon, PercentIcon, PettyCashBudgetFilledIcon, PettyCashBudgetIcon, PhoneCallIcon, PhoneForwardedIcon, PhoneIcon, PhoneIncomingIcon, PhoneMissedIcon, PhoneNumberInput, PhoneNumberInputProps, PhoneOffIcon, PhoneOutgoingIcon, PictureInPictureIcon, PieChartIcon, PinIcon, PlayCircleIcon, PlayIcon, PlusCircleIcon, PlusIcon, PlusSquareIcon, PocketIcon, Popover, PopoverInteractiveWrapper, PopoverProps, PopoverTriggerProps, PosFilledIcon, PosIcon, PowerIcon, Preview, PreviewBody, PreviewBodyProps, PreviewFooter, PreviewFooterProps, PreviewHeader, PreviewHeaderProps, PreviewProps, PrinterIcon, ProgressBar, ProgressBarProps, ProgressBarVariant, PromptIcon, QRCodeIcon, QuickFilter, QuickFilterGroup, Radio, RadioGroup, RadioGroupProps, RadioIcon, RadioProps, RayIcon, RazorpayIcon, RazorpayXIcon, RazorpayxPayrollFilledIcon, RazorpayxPayrollIcon, RefreshIcon, RepeatIcon, ReportsIcon, ResizerIcon, RewindIcon, RotateClockWiseIcon, RotateCounterClockWiseIcon, RouteFilledIcon, RouteIcon, RoutesIcon, RupeeIcon, RupeesIcon, SIDE_NAV_EXPANDED_L1_WIDTH_BASE, SIDE_NAV_EXPANDED_L1_WIDTH_XL, SaasFilledIcon, SaasIcon, SaveIcon, Scale, ScaleProps, ScissorsIcon, SearchIcon, SearchInput, SearchInputProps, SelectInput, SelectInputProps, SendIcon, ServerIcon, SettingsIcon, SettlementsIcon, ShareIcon, ShieldIcon, ShoppingBagIcon, ShoppingCartIcon, ShuffleIcon, SideNav, SideNavBody, SideNavFooter, SideNavFooterProps, SideNavItem, SideNavItemProps, SideNavLevel, SideNavLink, SideNavLinkProps, SideNavProps, SideNavSection, SideNavSectionProps, SidebarIcon, Signal1BarIcon, Signal2BarIcon, Signal3BarIcon, Signal4BarIcon, SignalIcon, SimCardIcon, Skeleton, SkeletonProps, SkipBackIcon, SkipForwardIcon, SkipNavContent, SkipNavLink, SlackIcon, SlashIcon, Slide, SlideProps, SlidersIcon, SmartCollectFilledIcon, SmartCollectIcon, SmartphoneIcon, SolutionsFilledIcon, SolutionsIcon, SortIcon, SourceToPayFilledIcon, SourceToPayIcon, SparklesIcon, SpeakerIcon, Spinner, SpinnerProps, SpotlightPopoverStepRenderProps, SpotlightPopoverTourFooter, SpotlightPopoverTourProps, SpotlightPopoverTourStep, SpotlightPopoverTourSteps, SquareIcon, Stagger, StaggerProps, StampIcon, StarIcon, StepGroup, StepGroupProps, StepItem, StepItemIcon, StepItemIndicator, StepItemProps, StopCircleIcon, StorefrontIcon, SubscriptionsFilledIcon, SubscriptionsIcon, SunIcon, SunriseIcon, SunsetIcon, Switch, SwitchProps, TabItem, TabItemProps, TabList, TabNav, TabNavItem, TabNavItemData, TabNavItemProps, TabNavProps, TabPanel, TabPanelProps, Table, TableBody, TableBodyProps, TableCell, TableCellProps, TableData, TableEditableCell, TableEditableCellProps, TableEditableDropdownCell, TableEditableDropdownCellProps, TableFooter, TableFooterCell, TableFooterCellProps, TableFooterProps, TableFooterRow, TableFooterRowProps, TableHeader, TableHeaderCell, TableHeaderCellProps, TableHeaderProps, TableHeaderRow, TableHeaderRowProps, TableNode, TablePagination, TablePaginationProps$1 as TablePaginationProps, TableProps, TableRow, TableRowProps, TableToolbar, TableToolbarActions, TableToolbarActionsProps, TableToolbarProps, TabletIcon, Tabs, TabsProps, Tag, TagIcon, TagProps, TargetIcon, TaxPaymentsFilledIcon, TaxPaymentsIcon, TestIcon, Text, TextArea, TextAreaProps, TextInput, TextInputProps, TextProps, TextVariant, Theme, ThermometerIcon, ThumbsDownIcon, ThumbsUpIcon, TicketIcon, TimePicker, TitleCollectionProps, ToastContainer, ToastProps, ToggleLeftIcon, ToggleRightIcon, TokenHqFilledIcon, TokenHqIcon, Tooltip, TooltipInteractiveWrapper, TooltipProps, TopLeftRoundedCornerIcon, TopLeftSharpCornerIcon, TopNav, Tour, TrademarkIcon, TrademarkRegisteredIcon, TransactionsIcon, TranslateIcon, TrashIcon, TrendingDownIcon, TrendingUpIcon, TriangleIcon, TrustedBadgeIcon, TvIcon, TwitterIcon, TypeIcon, UmbrellaIcon, UnderlineIcon, UnlockIcon, UpiAutopayFilledIcon, UpiAutopayIcon, UpiIcon, UploadCloudIcon, UploadIcon, UseToastReturn, UserCheckIcon, UserIcon, UserMinusIcon, UserPlusIcon, UserXIcon, UsersIcon, VendorPaymentsFilledIcon, VendorPaymentsIcon, VideoIcon, VideoOffIcon, ViewLiveDemoFilledIcon, ViewLiveDemoIcon, VisuallyHidden, VisuallyHiddenProps, VoicemailIcon, VolumeHighIcon, VolumeIcon, VolumeLowIcon, VolumeMuteIcon, VolumeOffIcon, VolumeOnIcon, WalletIcon, WatchIcon, WhatsAppIcon, WifiIcon, WifiOffIcon, WindIcon, WorldwideIcon, XCircleIcon, XSquareIcon, YoutubeIcon, ZapIcon, ZoomInIcon, ZoomOutIcon, announce, clearAnnouncer, destroyAnnouncer, getHeadingProps, getTextProps, screenReaderStyles, useTheme, useToast };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@razorpay/blade",
   "description": "The Design System that powers Razorpay",
-  "version": "12.60.2",
+  "version": "12.61.1",
   "license": "MIT",
   "engines": {
     "node": ">=18.12.1"