@razorpay/blade 11.3.1 → 11.5.0

package/build/lib/web/production/components/BaseHeaderFooter/BaseHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseHeader.js","sources":["../../../../../../src/components/BaseHeaderFooter/BaseHeader.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React from 'react';\nimport type { ReactDOMAttributes } from '@use-gesture/react/dist/declarations/src/types';\nimport { Divider } from '~components/Divider';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Text } from '~components/Typography';\nimport { IconButton } from '~components/Button/IconButton';\nimport { ChevronLeftIcon, CloseIcon } from '~components/Icons';\nimport type { TestID } from '~utils/types';\nimport type { BoxProps } from '~components/Box';\nimport { Box } from '~components/Box';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { getComponentId } from '~utils/isValidAllowedChildren';\nimport { isReactNative } from '~utils';\nimport { metaAttribute } from '~utils/metaAttribute';\nimport { logger, throwBladeError } from '~utils/logger';\n\ntype BaseHeaderProps = {\n  title?: string;\n  subtitle?: string;\n  /**\n   * Leading part of the header placed at the left most side of the header\n   */\n  leading?: React.ReactNode;\n  /**\n   * Trailing part of the header placed at the right most side of the header\n   */\n  trailing?: React.ReactNode;\n  /**\n   * Placed adjacent to the title text\n   */\n  titleSuffix?: React.ReactNode;\n  /**\n   * @default true\n   */\n  showDivider?: boolean;\n  /**\n   * @default false\n   */\n  showBackButton?: boolean;\n  /**\n   * @default true\n   */\n  showCloseButton?: boolean;\n  onCloseButtonClick?: () => void;\n  onBackButtonClick?: () => void;\n  closeButtonRef?: React.MutableRefObject<any>;\n  metaComponentName?: string;\n  /**\n   * inner child of BottomSheetHeader. Meant to be used for AutoComplete only\n   */\n  children?: React.ReactElement;\n} & Pick<\n  ReactDOMAttributes,\n  | 'onClickCapture'\n  | 'onKeyDown'\n  | 'onKeyUp'\n  | 'onLostPointerCapture'\n  | 'onPointerCancel'\n  | 'onPointerDown'\n  | 'onPointerMove'\n  | 'onPointerUp'\n> &\n  TestID;\n\ntype TrailingComponents = 'Button' | 'Badge' | 'Link' | 'Text' | 'Amount';\n\nconst centerBoxProps: BoxProps = {\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  // We want to align title, icon, titleSuffix, trailing, closeButton to baseline\n  // But we also want to keep them center aligned to each other\n  // So we add a virtual Box around these slots with 28px and center align them to that box\n  // We have done similar thing in figma as well (which is where this 28px comes from)\n  height: '28px',\n};\n\n// prop restriction map for corresponding sub components\nconst propRestrictionMap = {\n  Button: {\n    size: 'xsmall',\n    variant: 'tertiary',\n  },\n  Badge: {\n    size: 'medium',\n  },\n  Link: {\n    size: 'medium',\n  },\n  Text: {\n    size: 'medium',\n    variant: 'body',\n  },\n  Amount: {\n    type: 'body',\n    size: 'medium',\n  },\n} as const;\n\nconst useTrailingRestriction = (trailing: React.ReactNode): React.ReactNode => {\n  const [\n    validatedTrailingComponent,\n    setValidatedTrailingComponent,\n  ] = React.useState<React.ReactElement | null>(null);\n\n  // validate and restrict sub component props in trailing prop\n  React.useEffect(() => {\n    if (React.isValidElement(trailing)) {\n      const trailingComponentType = getComponentId(trailing) as TrailingComponents;\n      const restrictedProps = propRestrictionMap[trailingComponentType];\n      const allowedComponents = Object.keys(propRestrictionMap);\n      if (__DEV__) {\n        if (!restrictedProps) {\n          throwBladeError({\n            message: `Only one of \\`${allowedComponents.join(\n              ', ',\n            )}\\` component is accepted as trailing`,\n            moduleName: 'Header',\n          });\n        }\n      }\n\n      const restrictedPropKeys = Object.keys(propRestrictionMap[trailingComponentType]);\n      for (const prop of restrictedPropKeys) {\n        if (trailing?.props?.hasOwnProperty(prop)) {\n          logger({\n            message: `Do not pass \"${prop}\" to \"${trailingComponentType}\" while inside Header trailing, because we override it.`,\n            moduleName: 'Header',\n            type: 'warn',\n          });\n        }\n      }\n      setValidatedTrailingComponent(\n        React.cloneElement(trailing as React.ReactElement, restrictedProps),\n      );\n    }\n  }, [trailing]);\n\n  return validatedTrailingComponent;\n};\n\nconst _BaseHeader = ({\n  title,\n  subtitle,\n  leading,\n  titleSuffix,\n  trailing,\n  showDivider = true,\n  showBackButton = false,\n  showCloseButton = true,\n  onBackButtonClick,\n  onCloseButtonClick,\n  closeButtonRef,\n  testID,\n  onClickCapture,\n  onKeyDown,\n  onKeyUp,\n  onLostPointerCapture,\n  onPointerCancel,\n  onPointerDown,\n  onPointerMove,\n  onPointerUp,\n  metaComponentName,\n  children,\n}: BaseHeaderProps): React.ReactElement => {\n  const validatedTrailingComponent = useTrailingRestriction(trailing);\n  const shouldWrapTitle = titleSuffix && trailing && showBackButton && showCloseButton;\n\n  const webOnlyEventHandlers: Record<string, any> = isReactNative()\n    ? {}\n    : {\n        onClickCapture,\n        onKeyDown,\n        onKeyUp,\n        onLostPointerCapture,\n        onPointerCancel,\n        onPointerDown,\n        onPointerMove,\n        onPointerUp,\n      };\n\n  return (\n    <BaseBox {...metaAttribute({ name: metaComponentName, testID })}>\n      <BaseBox\n        marginY={{ base: 'spacing.5', m: 'spacing.6' }}\n        paddingX={{ base: 'spacing.5', m: 'spacing.6' }}\n        touchAction=\"none\"\n        {...webOnlyEventHandlers}\n      >\n        <BaseBox display=\"flex\" flexDirection=\"row\" userSelect=\"none\">\n          {showBackButton ? (\n            <BaseBox overflow=\"visible\" marginRight=\"spacing.5\">\n              <Box {...centerBoxProps}>\n                <IconButton\n                  size=\"large\"\n                  icon={ChevronLeftIcon}\n                  onClick={() => onBackButtonClick?.()}\n                  accessibilityLabel=\"Back\"\n                />\n              </Box>\n            </BaseBox>\n          ) : null}\n          <BaseBox\n            paddingRight=\"spacing.5\"\n            marginRight=\"auto\"\n            flex=\"auto\"\n            display=\"flex\"\n            flexDirection=\"row\"\n            alignItems=\"flex-start\"\n          >\n            {leading ? (\n              <BaseBox\n                width=\"spacing.8\"\n                height=\"spacing.8\"\n                marginRight=\"spacing.3\"\n                {...centerBoxProps}\n              >\n                {leading}\n              </BaseBox>\n            ) : null}\n            <BaseBox flex=\"auto\">\n              <BaseBox\n                // Explicitly setting maxWidth in React Native because text is not being wrapped properly when multiple fix width components are rendered in header\n                // In web, flex containers seem to work a expected\n                // @todo: resolve this if we figure out some better solution later\n                maxWidth={isReactNative() && shouldWrapTitle ? '100px' : undefined}\n                flexShrink={0}\n                display=\"flex\"\n                flexDirection=\"row\"\n              >\n                {title ? (\n                  <Text size=\"large\" weight=\"semibold\" color=\"surface.text.gray.normal\">\n                    {title}\n                  </Text>\n                ) : null}\n                {titleSuffix && (\n                  <BaseBox marginLeft=\"spacing.3\">\n                    <Box {...centerBoxProps}>{titleSuffix}</Box>\n                  </BaseBox>\n                )}\n              </BaseBox>\n              {subtitle ? (\n                <Text variant=\"body\" size=\"small\" weight=\"regular\" color=\"surface.text.gray.muted\">\n                  {subtitle}\n                </Text>\n              ) : null}\n            </BaseBox>\n          </BaseBox>\n          {validatedTrailingComponent ? (\n            <BaseBox marginRight=\"spacing.5\">\n              <Box {...centerBoxProps}>{validatedTrailingComponent}</Box>\n            </BaseBox>\n          ) : null}\n          {showCloseButton ? (\n            <Box {...centerBoxProps}>\n              <IconButton\n                ref={closeButtonRef}\n                size=\"large\"\n                icon={CloseIcon}\n                accessibilityLabel=\"Close\"\n                onClick={() => onCloseButtonClick?.()}\n              />\n            </Box>\n          ) : null}\n        </BaseBox>\n        {children}\n      </BaseBox>\n      {showDivider ? <Divider /> : null}\n    </BaseBox>\n  );\n};\n\nconst BaseHeader = assignWithoutSideEffects(_BaseHeader, {\n  componentId: 'BaseHeader',\n});\n\nexport type { BaseHeaderProps };\nexport { BaseHeader };\n"],"names":["centerBoxProps","display","alignItems","justifyContent","height","propRestrictionMap","Button","size","variant","Badge","Link","Text","Amount","type","useTrailingRestriction","trailing","_React$useState","React","useState","_React$useState2","_slicedToArray","validatedTrailingComponent","setValidatedTrailingComponent","useEffect","isValidElement","trailingComponentType","getComponentId","restrictedProps","allowedComponents","Object","keys","throwBladeError","message","concat","join","moduleName","restrictedPropKeys","_i","_restrictedPropKeys","length","_trailing$props","prop","props","hasOwnProperty","logger","cloneElement","_BaseHeader","_ref","title","subtitle","leading","titleSuffix","_ref$showDivider","showDivider","_ref$showBackButton","showBackButton","_ref$showCloseButton","showCloseButton","onBackButtonClick","onCloseButtonClick","closeButtonRef","testID","onClickCapture","onKeyDown","onKeyUp","onLostPointerCapture","onPointerCancel","onPointerDown","onPointerMove","onPointerUp","metaComponentName","children","shouldWrapTitle","webOnlyEventHandlers","isReactNative","_jsxs","BaseBox","_objectSpread","metaAttribute","name","marginY","base","m","paddingX","touchAction","flexDirection","userSelect","_jsx","overflow","marginRight","Box","IconButton","icon","ChevronLeftIcon","onClick","accessibilityLabel","paddingRight","flex","width","maxWidth","undefined","flexShrink","weight","color","marginLeft","ref","CloseIcon","Divider","BaseHeader","assignWithoutSideEffects","componentId"],"mappings":"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"}
+{"version":3,"file":"BaseHeader.js","sources":["../../../../../../src/components/BaseHeaderFooter/BaseHeader.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React from 'react';\nimport type { ReactDOMAttributes } from '@use-gesture/react/dist/declarations/src/types';\nimport { Divider } from '~components/Divider';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Text } from '~components/Typography';\nimport { IconButton } from '~components/Button/IconButton';\nimport { ChevronLeftIcon, CloseIcon } from '~components/Icons';\nimport type { TestID } from '~utils/types';\nimport type { BoxProps } from '~components/Box';\nimport { Box } from '~components/Box';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { getComponentId } from '~utils/isValidAllowedChildren';\nimport { isReactNative, makeSize } from '~utils';\nimport { metaAttribute } from '~utils/metaAttribute';\nimport { logger, throwBladeError } from '~utils/logger';\nimport { size } from '~tokens/global';\n\ntype BaseHeaderProps = {\n  title?: string;\n  subtitle?: string;\n  /**\n   * Leading part of the header placed at the left most side of the header\n   */\n  leading?: React.ReactNode;\n  /**\n   * Trailing part of the header placed at the right most side of the header\n   */\n  trailing?: React.ReactNode;\n  /**\n   * Placed adjacent to the title text\n   */\n  titleSuffix?: React.ReactNode;\n  /**\n   * @default true\n   */\n  showDivider?: boolean;\n  /**\n   * @default false\n   */\n  showBackButton?: boolean;\n  /**\n   * @default true\n   */\n  showCloseButton?: boolean;\n  onCloseButtonClick?: () => void;\n  onBackButtonClick?: () => void;\n  closeButtonRef?: React.MutableRefObject<any>;\n  backButtonRef?: React.MutableRefObject<any>;\n  metaComponentName?: string;\n  /**\n   * inner child of BottomSheetHeader. Meant to be used for AutoComplete only\n   */\n  children?: React.ReactElement;\n} & Pick<\n  ReactDOMAttributes,\n  | 'onClickCapture'\n  | 'onKeyDown'\n  | 'onKeyUp'\n  | 'onLostPointerCapture'\n  | 'onPointerCancel'\n  | 'onPointerDown'\n  | 'onPointerMove'\n  | 'onPointerUp'\n> &\n  TestID;\n\ntype TrailingComponents = 'Button' | 'Badge' | 'Link' | 'Text' | 'Amount';\n\nconst centerBoxProps: BoxProps = {\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  // We want to align title, icon, titleSuffix, trailing, closeButton to baseline\n  // But we also want to keep them center aligned to each other\n  // So we add a virtual Box around these slots with 28px and center align them to that box\n  // We have done similar thing in figma as well (which is where this 28px comes from)\n  height: '28px',\n};\n\n// prop restriction map for corresponding sub components\nconst propRestrictionMap = {\n  Button: {\n    size: 'xsmall',\n    variant: 'tertiary',\n  },\n  Badge: {\n    size: 'medium',\n  },\n  Link: {\n    size: 'medium',\n  },\n  Text: {\n    size: 'medium',\n    variant: 'body',\n  },\n  Amount: {\n    type: 'body',\n    size: 'medium',\n  },\n} as const;\n\nconst useTrailingRestriction = (trailing: React.ReactNode): React.ReactNode => {\n  const [\n    validatedTrailingComponent,\n    setValidatedTrailingComponent,\n  ] = React.useState<React.ReactElement | null>(null);\n\n  // validate and restrict sub component props in trailing prop\n  React.useEffect(() => {\n    if (React.isValidElement(trailing)) {\n      const trailingComponentType = getComponentId(trailing) as TrailingComponents;\n      const restrictedProps = propRestrictionMap[trailingComponentType];\n      const allowedComponents = Object.keys(propRestrictionMap);\n      if (__DEV__) {\n        if (!restrictedProps) {\n          throwBladeError({\n            message: `Only one of \\`${allowedComponents.join(\n              ', ',\n            )}\\` component is accepted as trailing`,\n            moduleName: 'Header',\n          });\n        }\n      }\n\n      const restrictedPropKeys = Object.keys(propRestrictionMap[trailingComponentType]);\n      for (const prop of restrictedPropKeys) {\n        if (trailing?.props?.hasOwnProperty(prop)) {\n          logger({\n            message: `Do not pass \"${prop}\" to \"${trailingComponentType}\" while inside Header trailing, because we override it.`,\n            moduleName: 'Header',\n            type: 'warn',\n          });\n        }\n      }\n      setValidatedTrailingComponent(\n        React.cloneElement(trailing as React.ReactElement, restrictedProps),\n      );\n    }\n  }, [trailing]);\n\n  return validatedTrailingComponent;\n};\n\nconst _BaseHeader = ({\n  title,\n  subtitle,\n  leading,\n  titleSuffix,\n  trailing,\n  showDivider = true,\n  showBackButton = false,\n  showCloseButton = true,\n  onBackButtonClick,\n  onCloseButtonClick,\n  closeButtonRef,\n  backButtonRef,\n  testID,\n  onClickCapture,\n  onKeyDown,\n  onKeyUp,\n  onLostPointerCapture,\n  onPointerCancel,\n  onPointerDown,\n  onPointerMove,\n  onPointerUp,\n  metaComponentName,\n  children,\n}: BaseHeaderProps): React.ReactElement => {\n  const validatedTrailingComponent = useTrailingRestriction(trailing);\n  const shouldWrapTitle = titleSuffix && trailing && showBackButton && showCloseButton;\n\n  const webOnlyEventHandlers: Record<string, any> = isReactNative()\n    ? {}\n    : {\n        onClickCapture,\n        onKeyDown,\n        onKeyUp,\n        onLostPointerCapture,\n        onPointerCancel,\n        onPointerDown,\n        onPointerMove,\n        onPointerUp,\n      };\n\n  return (\n    <BaseBox {...metaAttribute({ name: metaComponentName, testID })}>\n      <BaseBox\n        marginY={{ base: 'spacing.5', m: 'spacing.6' }}\n        paddingX={{ base: 'spacing.5', m: 'spacing.6' }}\n        touchAction=\"none\"\n        {...webOnlyEventHandlers}\n      >\n        <BaseBox display=\"flex\" flexDirection=\"row\" userSelect=\"none\">\n          {showBackButton ? (\n            <BaseBox overflow=\"visible\" marginRight=\"spacing.5\">\n              <Box {...centerBoxProps}>\n                <IconButton\n                  ref={backButtonRef}\n                  size=\"large\"\n                  icon={ChevronLeftIcon}\n                  onClick={() => onBackButtonClick?.()}\n                  accessibilityLabel=\"Back\"\n                />\n              </Box>\n            </BaseBox>\n          ) : null}\n          <BaseBox\n            paddingRight=\"spacing.5\"\n            marginRight=\"auto\"\n            flex=\"auto\"\n            display=\"flex\"\n            flexDirection=\"row\"\n            alignItems=\"flex-start\"\n          >\n            {leading ? (\n              <BaseBox marginRight=\"spacing.3\" {...centerBoxProps}>\n                {leading}\n              </BaseBox>\n            ) : null}\n            <BaseBox flex=\"auto\">\n              <BaseBox\n                // Explicitly setting maxWidth in React Native because text is not being wrapped properly when multiple fix width components are rendered in header\n                // In web, flex containers seem to work a expected\n                // @todo: resolve this if we figure out some better solution later\n                maxWidth={isReactNative() && shouldWrapTitle ? '100px' : undefined}\n                flexShrink={0}\n                display=\"flex\"\n                flexDirection=\"row\"\n              >\n                {title ? (\n                  <Text\n                    size=\"large\"\n                    marginTop={makeSize(size['1'])}\n                    weight=\"semibold\"\n                    color=\"surface.text.gray.normal\"\n                  >\n                    {title}\n                  </Text>\n                ) : null}\n                {titleSuffix && (\n                  <BaseBox marginLeft=\"spacing.3\">\n                    <Box {...centerBoxProps}>{titleSuffix}</Box>\n                  </BaseBox>\n                )}\n              </BaseBox>\n              {subtitle ? (\n                <Text variant=\"body\" size=\"small\" weight=\"regular\" color=\"surface.text.gray.muted\">\n                  {subtitle}\n                </Text>\n              ) : null}\n            </BaseBox>\n          </BaseBox>\n          {validatedTrailingComponent ? (\n            <BaseBox marginRight=\"spacing.5\">\n              <Box {...centerBoxProps}>{validatedTrailingComponent}</Box>\n            </BaseBox>\n          ) : null}\n          {showCloseButton ? (\n            <Box {...centerBoxProps}>\n              <IconButton\n                ref={closeButtonRef}\n                size=\"large\"\n                icon={CloseIcon}\n                accessibilityLabel=\"Close\"\n                onClick={() => onCloseButtonClick?.()}\n              />\n            </Box>\n          ) : null}\n        </BaseBox>\n        {children}\n      </BaseBox>\n      {showDivider ? <Divider /> : null}\n    </BaseBox>\n  );\n};\n\nconst BaseHeader = assignWithoutSideEffects(_BaseHeader, {\n  componentId: 'BaseHeader',\n});\n\nexport type { BaseHeaderProps };\nexport { BaseHeader };\n"],"names":["centerBoxProps","display","alignItems","justifyContent","height","propRestrictionMap","Button","size","variant","Badge","Link","Text","Amount","type","useTrailingRestriction","trailing","_React$useState","React","useState","_React$useState2","_slicedToArray","validatedTrailingComponent","setValidatedTrailingComponent","useEffect","isValidElement","trailingComponentType","getComponentId","restrictedProps","allowedComponents","Object","keys","throwBladeError","message","concat","join","moduleName","restrictedPropKeys","_i","_restrictedPropKeys","length","_trailing$props","prop","props","hasOwnProperty","logger","cloneElement","_BaseHeader","_ref","title","subtitle","leading","titleSuffix","_ref$showDivider","showDivider","_ref$showBackButton","showBackButton","_ref$showCloseButton","showCloseButton","onBackButtonClick","onCloseButtonClick","closeButtonRef","backButtonRef","testID","onClickCapture","onKeyDown","onKeyUp","onLostPointerCapture","onPointerCancel","onPointerDown","onPointerMove","onPointerUp","metaComponentName","children","shouldWrapTitle","webOnlyEventHandlers","isReactNative","_jsxs","BaseBox","_objectSpread","metaAttribute","name","marginY","base","m","paddingX","touchAction","flexDirection","userSelect","_jsx","overflow","marginRight","Box","IconButton","ref","icon","ChevronLeftIcon","onClick","accessibilityLabel","paddingRight","flex","maxWidth","undefined","flexShrink","marginTop","makeSize","weight","color","marginLeft","CloseIcon","Divider","BaseHeader","assignWithoutSideEffects","componentId"],"mappings":"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"}

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

@@ -4,6 +4,7 @@ import createStylisCSSHigherSpecificityPlugin from './stylisCSSHigherSpecificity
 import { ThemeContext } from './useTheme.js';
 import { useBladeProvider } from './useBladeProvider.js';
 import { BottomSheetStackProvider } from '../BottomSheet/BottomSheetStack.js';
+import { DrawerStackProvider } from '../Drawer/StackProvider.js';
 import { jsx } from 'react/jsx-runtime';
 
 var tooltipDelays = {
@@ -28,8 +29,10 @@ var BladeProvider = function BladeProvider(_ref) {
         theme: theme,
         children: /*#__PURE__*/jsx(StyleSheetManager, {
           stylisPlugins: [createStylisCSSHigherSpecificityPlugin()],
-          children: /*#__PURE__*/jsx(BottomSheetStackProvider, {
-            children: children
+          children: /*#__PURE__*/jsx(DrawerStackProvider, {
+            children: /*#__PURE__*/jsx(BottomSheetStackProvider, {
+              children: children
+            })
           })
         })
       })

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

@@ -1 +1 @@
-{"version":3,"file":"BladeProvider.web.js","sources":["../../../../../../src/components/BladeProvider/BladeProvider.web.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport {\n  ThemeProvider as StyledComponentThemeProvider,\n  StyleSheetManager,\n} from 'styled-components';\nimport { FloatingDelayGroup } from '@floating-ui/react';\nimport stylisCSSHigherSpecificity from './stylisCSSHigherSpecificity';\nimport { ThemeContext } from './useTheme';\nimport { useBladeProvider } from './useBladeProvider';\nimport type { BladeProviderProps } from './types';\nimport { BottomSheetStackProvider } from '~components/BottomSheet/BottomSheetStack';\n\nconst tooltipDelays = { open: 300, close: 300 };\n\nconst BladeProvider = ({\n  themeTokens,\n  colorScheme: initialColorScheme,\n  children,\n}: BladeProviderProps): ReactElement => {\n  const { theme, themeContextValue } = useBladeProvider({ initialColorScheme, themeTokens });\n\n  return (\n    <ThemeContext.Provider value={themeContextValue}>\n      <FloatingDelayGroup delay={tooltipDelays}>\n        <StyledComponentThemeProvider theme={theme}>\n          <StyleSheetManager stylisPlugins={[stylisCSSHigherSpecificity()]}>\n            <BottomSheetStackProvider>{children}</BottomSheetStackProvider>\n          </StyleSheetManager>\n        </StyledComponentThemeProvider>\n      </FloatingDelayGroup>\n    </ThemeContext.Provider>\n  );\n};\n\nexport { BladeProvider };\n"],"names":["tooltipDelays","open","close","BladeProvider","_ref","themeTokens","initialColorScheme","colorScheme","children","_useBladeProvider","useBladeProvider","theme","themeContextValue","_jsx","ThemeContext","Provider","value","FloatingDelayGroup","delay","StyledComponentThemeProvider","StyleSheetManager","stylisPlugins","stylisCSSHigherSpecificity","BottomSheetStackProvider"],"mappings":";;;;;;;;AAYA,IAAMA,aAAa,GAAG;AAAEC,EAAAA,IAAI,EAAE,GAAG;AAAEC,EAAAA,KAAK,EAAE,GAAA;AAAI,CAAC,CAAA;AAE/C,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CAAAC,IAAA,EAIqB;AAAA,EAAA,IAHtCC,WAAW,GAAAD,IAAA,CAAXC,WAAW;IACEC,kBAAkB,GAAAF,IAAA,CAA/BG,WAAW;IACXC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ,CAAA;EAER,IAAAC,iBAAA,GAAqCC,gBAAgB,CAAC;AAAEJ,MAAAA,kBAAkB,EAAlBA,kBAAkB;AAAED,MAAAA,WAAW,EAAXA,WAAAA;AAAY,KAAC,CAAC;IAAlFM,KAAK,GAAAF,iBAAA,CAALE,KAAK;IAAEC,iBAAiB,GAAAH,iBAAA,CAAjBG,iBAAiB,CAAA;AAEhC,EAAA,oBACEC,GAAA,CAACC,YAAY,CAACC,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAEJ,iBAAkB;IAAAJ,QAAA,eAC9CK,GAAA,CAACI,kBAAkB,EAAA;AAACC,MAAAA,KAAK,EAAElB,aAAc;MAAAQ,QAAA,eACvCK,GAAA,CAACM,aAA4B,EAAA;AAACR,QAAAA,KAAK,EAAEA,KAAM;QAAAH,QAAA,eACzCK,GAAA,CAACO,iBAAiB,EAAA;AAACC,UAAAA,aAAa,EAAE,CAACC,sCAA0B,EAAE,CAAE;UAAAd,QAAA,eAC/DK,GAAA,CAACU,wBAAwB,EAAA;AAAAf,YAAAA,QAAA,EAAEA,QAAAA;WAAmC,CAAA;SAC7C,CAAA;OACS,CAAA;KACZ,CAAA;AAAC,GACA,CAAC,CAAA;AAE5B;;;;"}
+{"version":3,"file":"BladeProvider.web.js","sources":["../../../../../../src/components/BladeProvider/BladeProvider.web.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport {\n  ThemeProvider as StyledComponentThemeProvider,\n  StyleSheetManager,\n} from 'styled-components';\nimport { FloatingDelayGroup } from '@floating-ui/react';\nimport stylisCSSHigherSpecificity from './stylisCSSHigherSpecificity';\nimport { ThemeContext } from './useTheme';\nimport { useBladeProvider } from './useBladeProvider';\nimport type { BladeProviderProps } from './types';\nimport { BottomSheetStackProvider } from '~components/BottomSheet/BottomSheetStack';\nimport { DrawerStackProvider } from '~components/Drawer/StackProvider';\n\nconst tooltipDelays = { open: 300, close: 300 };\n\nconst BladeProvider = ({\n  themeTokens,\n  colorScheme: initialColorScheme,\n  children,\n}: BladeProviderProps): ReactElement => {\n  const { theme, themeContextValue } = useBladeProvider({ initialColorScheme, themeTokens });\n\n  return (\n    <ThemeContext.Provider value={themeContextValue}>\n      <FloatingDelayGroup delay={tooltipDelays}>\n        <StyledComponentThemeProvider theme={theme}>\n          <StyleSheetManager stylisPlugins={[stylisCSSHigherSpecificity()]}>\n            {/* \n              If you want to add a new provider for keeping track of stack in component,\n              You can move DrawerStackProvider to common utils and rename to GlobalStackProvider\n              and reuse it for your component.\n            */}\n            <DrawerStackProvider>\n              <BottomSheetStackProvider>{children}</BottomSheetStackProvider>\n            </DrawerStackProvider>\n          </StyleSheetManager>\n        </StyledComponentThemeProvider>\n      </FloatingDelayGroup>\n    </ThemeContext.Provider>\n  );\n};\n\nexport { BladeProvider };\n"],"names":["tooltipDelays","open","close","BladeProvider","_ref","themeTokens","initialColorScheme","colorScheme","children","_useBladeProvider","useBladeProvider","theme","themeContextValue","_jsx","ThemeContext","Provider","value","FloatingDelayGroup","delay","StyledComponentThemeProvider","StyleSheetManager","stylisPlugins","stylisCSSHigherSpecificity","DrawerStackProvider","BottomSheetStackProvider"],"mappings":";;;;;;;;;AAaA,IAAMA,aAAa,GAAG;AAAEC,EAAAA,IAAI,EAAE,GAAG;AAAEC,EAAAA,KAAK,EAAE,GAAA;AAAI,CAAC,CAAA;AAE/C,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CAAAC,IAAA,EAIqB;AAAA,EAAA,IAHtCC,WAAW,GAAAD,IAAA,CAAXC,WAAW;IACEC,kBAAkB,GAAAF,IAAA,CAA/BG,WAAW;IACXC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ,CAAA;EAER,IAAAC,iBAAA,GAAqCC,gBAAgB,CAAC;AAAEJ,MAAAA,kBAAkB,EAAlBA,kBAAkB;AAAED,MAAAA,WAAW,EAAXA,WAAAA;AAAY,KAAC,CAAC;IAAlFM,KAAK,GAAAF,iBAAA,CAALE,KAAK;IAAEC,iBAAiB,GAAAH,iBAAA,CAAjBG,iBAAiB,CAAA;AAEhC,EAAA,oBACEC,GAAA,CAACC,YAAY,CAACC,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAEJ,iBAAkB;IAAAJ,QAAA,eAC9CK,GAAA,CAACI,kBAAkB,EAAA;AAACC,MAAAA,KAAK,EAAElB,aAAc;MAAAQ,QAAA,eACvCK,GAAA,CAACM,aAA4B,EAAA;AAACR,QAAAA,KAAK,EAAEA,KAAM;QAAAH,QAAA,eACzCK,GAAA,CAACO,iBAAiB,EAAA;AAACC,UAAAA,aAAa,EAAE,CAACC,sCAA0B,EAAE,CAAE;UAAAd,QAAA,eAM/DK,GAAA,CAACU,mBAAmB,EAAA;YAAAf,QAAA,eAClBK,GAAA,CAACW,wBAAwB,EAAA;AAAAhB,cAAAA,QAAA,EAAEA,QAAAA;aAAmC,CAAA;WAC3C,CAAA;SACJ,CAAA;OACS,CAAA;KACZ,CAAA;AAAC,GACA,CAAC,CAAA;AAE5B;;;;"}

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

@@ -26,6 +26,7 @@ import '../../utils/makeSize/index.js';
 import '../../utils/makeAccessible/index.js';
 import '../../tokens/global/index.js';
 import '../../utils/makeMotionTime/index.web.js';
+import { componentZIndices } from '../../utils/componentZIndices.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { makeSize } from '../../utils/makeSize/makeSize.js';
 import { size } from '../../tokens/global/size.js';
@@ -81,7 +82,7 @@ var _BottomSheet = function _BottomSheet(_ref2) {
     _ref2$snapPoints = _ref2.snapPoints,
     snapPoints = _ref2$snapPoints === void 0 ? [0.35, 0.5, 0.85] : _ref2$snapPoints,
     _ref2$zIndex = _ref2.zIndex,
-    zIndex = _ref2$zIndex === void 0 ? 100 : _ref2$zIndex;
+    zIndex = _ref2$zIndex === void 0 ? componentZIndices.bottomSheet : _ref2$zIndex;
   var _useTheme = useTheme(),
     theme = _useTheme.theme;
   var dimensions = useWindowSize();

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

@@ -1 +1 @@
-{"version":3,"file":"BottomSheet.web.js","sources":["../../../../../../src/components/BottomSheet/BottomSheet.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable react/jsx-no-useless-fragment */\n/* eslint-disable consistent-return */\n/* eslint-disable @typescript-eslint/explicit-function-return-type */\nimport React from 'react';\nimport styled from 'styled-components';\nimport { rubberbandIfOutOfBounds, useDrag } from '@use-gesture/react';\nimport usePresence from 'use-presence';\nimport { clearAllBodyScrollLocks } from 'body-scroll-lock-upgrade';\nimport { BottomSheetHeader } from './BottomSheetHeader';\nimport { BottomSheetFooter } from './BottomSheetFooter';\nimport { BottomSheetBody } from './BottomSheetBody';\nimport type { SnapPoints } from './utils';\nimport { computeMaxContent, computeSnapPointBounds } from './utils';\nimport { BottomSheetBackdrop } from './BottomSheetBackdrop';\nimport type { BottomSheetContextProps } from './BottomSheetContext';\nimport { BottomSheetContext, useBottomSheetAndDropdownGlue } from './BottomSheetContext';\nimport { ComponentIds } from './componentIds';\nimport type { BottomSheetProps } from './types';\nimport { BottomSheetGrabHandle } from './BottomSheetGrabHandle';\nimport { useBottomSheetStack } from './BottomSheetStack';\nimport BaseBox from '~components/Box/BaseBox';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { useScrollLock } from '~utils/useScrollLock';\nimport { useWindowSize } from '~utils/useWindowSize';\nimport { useIsomorphicLayoutEffect } from '~utils/useIsomorphicLayoutEffect';\nimport { useTheme } from '~components/BladeProvider';\nimport { useId } from '~utils/useId';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeSize } from '~utils/makeSize';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { size } from '~tokens/global';\nimport { makeMotionTime } from '~utils/makeMotionTime';\n\nexport const BOTTOM_SHEET_EASING = 'cubic-bezier(.15,0,.24,.97)';\nconst AUTOCOMPLETE_DEFAULT_SNAPPOINT = 0.85;\n\nconst BottomSheetSurface = styled.div<{\n  windowHeight: number;\n  isDragging: boolean;\n}>(({ theme, windowHeight, isDragging }) => {\n  return {\n    background: theme.colors.popup.background.subtle,\n    borderTopLeftRadius: makeSize(size[16]),\n    borderTopRightRadius: makeSize(size[16]),\n    borderColor: theme.colors.popup.border.subtle,\n    // this is reverse top elevation of highRaised elevation token\n    boxShadow: '0px -24px 48px -12px hsla(217, 56%, 17%, 0.18)',\n    opacity: 0,\n    pointerEvents: 'none',\n    transitionDuration: isDragging\n      ? undefined\n      : `${makeMotionTime(theme.motion.duration.moderate)}`,\n    transitionTimingFunction: BOTTOM_SHEET_EASING,\n    willChange: 'transform, opacity, height',\n    transitionProperty: 'transform, opacity, height',\n    position: 'fixed',\n    left: 0,\n    right: 0,\n    bottom: 0,\n    top: windowHeight,\n    backgroundColor: theme.colors.popup.background.subtle,\n    justifyContent: 'center',\n    alignItems: 'center',\n    touchAction: 'none',\n    overflow: 'hidden',\n  };\n});\n\nconst _BottomSheet = ({\n  isOpen,\n  onDismiss,\n  children,\n  initialFocusRef,\n  snapPoints = [0.35, 0.5, 0.85],\n  zIndex = 100,\n}: BottomSheetProps): React.ReactElement => {\n  const { theme } = useTheme();\n  const dimensions = useWindowSize();\n  const [contentHeight, setContentHeight] = React.useState(0);\n  const [headerHeight, setHeaderHeight] = React.useState(0);\n  const [footerHeight, setFooterHeight] = React.useState(0);\n  const [grabHandleHeight, setGrabHandleHeight] = React.useState(0);\n  const [hasBodyPadding, setHasBodyPadding] = React.useState(true);\n  const [isHeaderEmpty, setIsHeaderEmpty] = React.useState(false);\n\n  const bottomSheetAndDropdownGlue = useBottomSheetAndDropdownGlue();\n  const [positionY, _setPositionY] = React.useState(0);\n  const _isOpen = isOpen ?? bottomSheetAndDropdownGlue?.isOpen;\n  const [isDragging, setIsDragging] = React.useState(false);\n\n  const preventScrollingRef = React.useRef(true);\n  const scrollRef = React.useRef<HTMLDivElement>(null);\n  const grabHandleRef = React.useRef<HTMLDivElement>(null);\n  const defaultInitialFocusRef = React.useRef<any>(null);\n  const originalFocusElement = React.useRef<HTMLElement | null>(null);\n  const initialSnapPoint = React.useRef<number>(snapPoints[1]);\n  const totalHeight = React.useMemo(() => {\n    return grabHandleHeight + headerHeight + footerHeight + contentHeight;\n  }, [contentHeight, footerHeight, grabHandleHeight, headerHeight]);\n\n  const id = useId();\n  const {\n    stack,\n    addBottomSheetToStack,\n    removeBottomSheetFromStack,\n    getTopOfTheStack,\n    getCurrentStackIndexById,\n  } = useBottomSheetStack();\n  const currentStackIndex = getCurrentStackIndexById(id);\n  const isOnTopOfStack = getTopOfTheStack() === id;\n  const bottomSheetZIndex = zIndex - currentStackIndex;\n\n  const setPositionY = React.useCallback(\n    (value: number, limit = true) => {\n      // In AutoComplete, we want BottomSheet to be docked to top snappoint so we remove the limits\n      const shouldLimitPositionY =\n        limit && !bottomSheetAndDropdownGlue?.hasAutoCompleteInBottomSheetHeader;\n\n      const maxValue = computeMaxContent({\n        contentHeight,\n        footerHeight,\n        headerHeight: headerHeight + grabHandleHeight,\n        maxHeight: value,\n      });\n      _setPositionY(shouldLimitPositionY ? maxValue : value);\n    },\n    [\n      bottomSheetAndDropdownGlue?.hasAutoCompleteInBottomSheetHeader,\n      contentHeight,\n      footerHeight,\n      grabHandleHeight,\n      headerHeight,\n    ],\n  );\n\n  // locks the body scroll to prevent accidental scrolling of content when we drag the sheet\n  // We are ready when we calculated the height of the content\n  const isReady = contentHeight > 0;\n  // only lock the body when we atleast have 1 bottomsheet open\n  const shouldLock = isReady && stack.length > 0;\n  const scrollLockRef = useScrollLock({\n    enabled: shouldLock,\n    targetRef: scrollRef,\n    reserveScrollBarGap: true,\n  });\n\n  // clear all body locks to avoid memory leaks & accidental body locking\n  React.useEffect(() => {\n    const hasNoBottomSheets = stack.length < 1;\n    if (hasNoBottomSheets) {\n      clearAllBodyScrollLocks();\n    }\n  }, [stack]);\n\n  // take the grabHandle's height into headerHeight too\n  useIsomorphicLayoutEffect(() => {\n    if (!grabHandleRef.current) return;\n    setGrabHandleHeight(grabHandleRef.current.getBoundingClientRect().height);\n  }, [grabHandleRef.current, _isOpen]);\n\n  // if bottomSheet height is >35% & <50% then set initial snapPoint to 35%\n  useIsomorphicLayoutEffect(() => {\n    if (bottomSheetAndDropdownGlue?.hasAutoCompleteInBottomSheetHeader) {\n      initialSnapPoint.current = AUTOCOMPLETE_DEFAULT_SNAPPOINT;\n    } else {\n      const middleSnapPoint = snapPoints[1] * dimensions.height;\n      const lowerSnapPoint = snapPoints[0] * dimensions.height;\n      if (totalHeight > lowerSnapPoint && totalHeight < middleSnapPoint) {\n        initialSnapPoint.current = snapPoints[0];\n      }\n    }\n  }, [dimensions.height, snapPoints, totalHeight]);\n\n  const returnFocus = React.useCallback(() => {\n    if (!originalFocusElement.current) return;\n    originalFocusElement.current.focus();\n    // After returning focus we will clear the original focus\n    // Because if sheet can be opened up via multiple triggers\n    // We want to ensure the focus returns back to the most recent triggerer\n    originalFocusElement.current = null;\n  }, [originalFocusElement]);\n\n  const focusOnInitialRef = React.useCallback(() => {\n    if (!initialFocusRef) {\n      // focus on close button\n      defaultInitialFocusRef.current?.focus();\n    } else {\n      // focus on the initialRef passed by the user\n      initialFocusRef.current?.focus();\n    }\n  }, [initialFocusRef]);\n\n  const handleOnOpen = React.useCallback(() => {\n    setPositionY(dimensions.height * initialSnapPoint.current);\n    scrollLockRef.current.activate();\n    // initialize the original focused element\n    // On first render it will be the activeElement, eg: the button trigger or select input\n    // On Subsequent open operations it won't further update the original focus\n    originalFocusElement.current =\n      originalFocusElement.current ?? (document.activeElement as HTMLElement);\n    focusOnInitialRef();\n  }, [dimensions.height, focusOnInitialRef, scrollLockRef, setPositionY]);\n\n  const handleOnClose = React.useCallback(() => {\n    setPositionY(0);\n  }, [setPositionY]);\n\n  const close = React.useCallback(() => {\n    onDismiss?.();\n    bottomSheetAndDropdownGlue?.onBottomSheetDismiss();\n    returnFocus();\n  }, [bottomSheetAndDropdownGlue, onDismiss, returnFocus]);\n\n  // sync controlled state to our actions\n  React.useEffect(() => {\n    if (_isOpen) {\n      // open on the next frame, otherwise the animations will not run on first render\n      window.setTimeout(() => {\n        handleOnOpen();\n      });\n    } else {\n      handleOnClose();\n    }\n  }, [_isOpen, handleOnClose, handleOnOpen]);\n\n  // let the Dropdown component know that it's rendering a bottomsheet\n  React.useEffect(() => {\n    if (!bottomSheetAndDropdownGlue) return;\n    bottomSheetAndDropdownGlue.setDropdownHasBottomSheet(true);\n  }, [bottomSheetAndDropdownGlue]);\n\n  const bind = useDrag(\n    ({\n      active,\n      last,\n      cancel,\n      tap,\n      movement: [_movementX, movementY],\n      velocity: [_velocityX, velocityY],\n      lastOffset: [_, lastOffsetY],\n      down,\n      dragging,\n      args: [{ isContentDragging = false } = {}] = [],\n    }) => {\n      setIsDragging(Boolean(dragging));\n      // lastOffsetY is the previous position user stopped dragging the sheet\n      // movementY is the drag amount from the bottom of the screen, so as you drag up the movementY goes into negatives\n      // and rawY is the calculated offset from the last position of the bottomsheet to current drag amount.\n      const rawY = lastOffsetY - movementY;\n\n      const lowerSnapPoint = dimensions.height * snapPoints[0];\n      const upperSnapPoint = dimensions.height * snapPoints[snapPoints.length - 1];\n\n      // predictedY is used to create velocity driven swipe\n      // the faster you swipe the more distance you cover\n      // this enables users to reach upper & lower snappoint with a single swipe\n      const predictedDistance = movementY * (velocityY / 2);\n      const predictedY = Math.max(\n        lowerSnapPoint,\n        Math.min(upperSnapPoint, rawY - predictedDistance * 2),\n      );\n\n      let newY = rawY;\n\n      if (down) {\n        // Ensure that users aren't able to drag the sheet\n        // more than the upperSnapPoint or maximum height of the sheet\n        // this is basically a clamp() function but creates a nice rubberband effect\n        const dampening = 0.55;\n        if (totalHeight < upperSnapPoint) {\n          newY = rubberbandIfOutOfBounds(rawY, 0, totalHeight, dampening);\n        } else {\n          newY = rubberbandIfOutOfBounds(rawY, 0, upperSnapPoint, dampening);\n        }\n      } else {\n        newY = predictedY;\n      }\n\n      const isPosAtUpperSnapPoint = newY >= upperSnapPoint;\n\n      if (isContentDragging) {\n        if (isPosAtUpperSnapPoint) {\n          newY = upperSnapPoint;\n        }\n\n        // keep the newY at upper snap point\n        // until the scrollable content is not at top\n        // and previously saved Y position is greater than or equal to upper snap point\n        // Note: how using newY won't work here since we need the previous value of the newY\n        // since we always keep updating the newY,\n        // this is cruicial in making the scroll feel natural\n        const isContentScrolledAtTop = scrollRef.current && scrollRef.current.scrollTop <= 0;\n        if (lastOffsetY === upperSnapPoint && !isContentScrolledAtTop) {\n          newY = upperSnapPoint;\n        }\n        preventScrollingRef.current = newY < upperSnapPoint;\n      }\n\n      if (last) {\n        // calculate the nearest snapPoint\n        const [nearest, lower] = computeSnapPointBounds(\n          newY,\n          snapPoints.map((point) => dimensions.height * point) as SnapPoints,\n        );\n\n        // This ensure that the lower snapPoint will always have atleast some buffer\n        // When the bottomsheet total height is less than the lower snapPoint\n        // Video walkthrough: https://www.loom.com/share/a9a8db7688d64194b13df8b3e25859ae\n        const lowerPointBuffer = 60;\n        const lowerestSnap = Math.min(lower, totalHeight) - lowerPointBuffer;\n\n        const shouldClose = rawY < lowerestSnap;\n        if (shouldClose) {\n          setIsDragging(false);\n          cancel();\n          close();\n          return;\n        }\n\n        // if we stop dragging assign snap to the nearest point\n        if (!active && !tap) {\n          newY = nearest;\n        }\n      }\n\n      setPositionY(newY, !down);\n    },\n    {\n      from: [0, positionY],\n      filterTaps: true,\n      enabled: isOnTopOfStack && _isOpen,\n    },\n  );\n\n  // Here we are preventing the scrolling of the content, until the preventScrollingRef value is true\n  useIsomorphicLayoutEffect(() => {\n    const scrollElement = scrollRef.current;\n    if (!scrollElement) return;\n\n    const preventScrolling = (e: Event) => {\n      if (preventScrollingRef?.current) {\n        e.preventDefault();\n      }\n    };\n\n    // https://www.bram.us/2016/05/02/prevent-overscroll-bounce-in-ios-mobilesafari-pure-css/\n    const preventSafariOverscroll = (e: Event) => {\n      if (scrollElement.scrollTop < 0) {\n        // TODO: figure this out, it doesn't seem to work >iOS12\n        // requestAnimationFrame(() => {\n        //   elem.style.overflow = 'hidden';\n        //   elem.scrollTop = 0;\n        //   elem.style.removeProperty('overflow');\n        // });\n        e.preventDefault();\n      }\n    };\n\n    scrollElement.addEventListener('scroll', preventScrolling);\n    scrollElement.addEventListener('touchmove', preventScrolling);\n    scrollElement.addEventListener('touchstart', preventSafariOverscroll);\n    return () => {\n      scrollElement.removeEventListener('scroll', preventScrolling);\n      scrollElement.removeEventListener('touchmove', preventScrolling);\n      scrollElement.removeEventListener('touchstart', preventSafariOverscroll);\n    };\n    // Only run this hook when we know all the layout calculations are done,\n    // Otherwise the scrollRef.current will be null.\n    // isReady prop will ensure that we are done measuring the content height\n  }, [isReady]);\n\n  // usePresence hook waits for the animation to finish before unmounting the component\n  // It's similar to framer-motions usePresence hook\n  // https://www.framer.com/docs/animate-presence/#usepresence\n  const { isMounted, isVisible } = usePresence(Boolean(_isOpen), {\n    transitionDuration: theme.motion.duration.moderate,\n  });\n\n  const isHeaderFloating = !hasBodyPadding && isHeaderEmpty;\n  const contextValue: BottomSheetContextProps = React.useMemo(\n    () => ({\n      isInBottomSheet: true,\n      isOpen: Boolean(isVisible),\n      close,\n      positionY,\n      headerHeight,\n      contentHeight,\n      footerHeight,\n      setContentHeight,\n      setFooterHeight,\n      setHeaderHeight,\n      setHasBodyPadding,\n      setIsHeaderEmpty,\n      scrollRef,\n      bind,\n      defaultInitialFocusRef,\n      isHeaderFloating,\n    }),\n    [\n      isVisible,\n      close,\n      positionY,\n      headerHeight,\n      contentHeight,\n      footerHeight,\n      setContentHeight,\n      setFooterHeight,\n      setHeaderHeight,\n      setHasBodyPadding,\n      setIsHeaderEmpty,\n      scrollRef,\n      bind,\n      defaultInitialFocusRef,\n      isHeaderFloating,\n    ],\n  );\n\n  React.useEffect(() => {\n    if (isMounted) {\n      addBottomSheetToStack(id);\n    } else {\n      removeBottomSheetFromStack(id);\n    }\n  }, [addBottomSheetToStack, id, isMounted, removeBottomSheetFromStack]);\n\n  // We will need to reset these values otherwise the next time the bottomsheet opens\n  // this will be populated and the animations won't run\n  // why?: because how the usePresence hook works, we actually just unmount the\n  // html contents not the whole <BottomSheet /> react component\n  React.useEffect(() => {\n    if (!isMounted) {\n      setHeaderHeight(0);\n      setFooterHeight(0);\n      setContentHeight(0);\n      setGrabHandleHeight(0);\n      _setPositionY(0);\n    }\n  }, [isMounted, scrollLockRef]);\n\n  // We don't want to destroy the react tree when we are rendering inside Dropdown\n  // Because if we bail out early then ActionList won't render,\n  // and Dropdown manages it's state based on the rendered JSX of ActionList\n  // If we don't render ActionList Dropdown state will reset each time we open/close BottomSheet\n  const isInsideDropdown = Boolean(bottomSheetAndDropdownGlue);\n  if (!isMounted && !isInsideDropdown) {\n    return <></>;\n  }\n\n  return (\n    <BottomSheetContext.Provider value={contextValue}>\n      <BottomSheetBackdrop zIndex={bottomSheetZIndex} />\n      <BottomSheetSurface\n        {...metaAttribute({\n          name: MetaConstants.BottomSheet,\n          testID: 'bottomsheet-surface',\n        })}\n        {...makeAccessible({ modal: true, role: 'dialog' })}\n        windowHeight={dimensions.height}\n        isDragging={isDragging}\n        style={{\n          opacity: isVisible ? 1 : 0,\n          pointerEvents: isVisible ? 'all' : 'none',\n          height: positionY,\n          bottom: 0,\n          top: 'auto',\n          zIndex: bottomSheetZIndex,\n        }}\n      >\n        <BaseBox height=\"100%\" display=\"flex\" flexDirection=\"column\">\n          <BottomSheetGrabHandle\n            ref={grabHandleRef}\n            isHeaderFloating={isHeaderFloating}\n            {...metaAttribute({ name: ComponentIds.BottomSheetGrabHandle })}\n            {...bind()}\n          />\n          {children}\n        </BaseBox>\n      </BottomSheetSurface>\n    </BottomSheetContext.Provider>\n  );\n};\n\nconst BottomSheet = assignWithoutSideEffects(_BottomSheet, {\n  componentId: ComponentIds.BottomSheet,\n});\n\nexport { BottomSheet, BottomSheetBody, BottomSheetHeader, BottomSheetFooter };\nexport type { BottomSheetProps };\n"],"names":["BOTTOM_SHEET_EASING","AUTOCOMPLETE_DEFAULT_SNAPPOINT","BottomSheetSurface","styled","div","withConfig","displayName","componentId","_ref","theme","windowHeight","isDragging","background","colors","popup","subtle","borderTopLeftRadius","makeSize","size","borderTopRightRadius","borderColor","border","boxShadow","opacity","pointerEvents","transitionDuration","undefined","concat","makeMotionTime","motion","duration","moderate","transitionTimingFunction","willChange","transitionProperty","position","left","right","bottom","top","backgroundColor","justifyContent","alignItems","touchAction","overflow","_BottomSheet","_ref2","isOpen","onDismiss","children","initialFocusRef","_ref2$snapPoints","snapPoints","_ref2$zIndex","zIndex","_useTheme","useTheme","dimensions","useWindowSize","_React$useState","React","useState","_React$useState2","_slicedToArray","contentHeight","setContentHeight","_React$useState3","_React$useState4","headerHeight","setHeaderHeight","_React$useState5","_React$useState6","footerHeight","setFooterHeight","_React$useState7","_React$useState8","grabHandleHeight","setGrabHandleHeight","_React$useState9","_React$useState10","hasBodyPadding","setHasBodyPadding","_React$useState11","_React$useState12","isHeaderEmpty","setIsHeaderEmpty","bottomSheetAndDropdownGlue","useBottomSheetAndDropdownGlue","_React$useState13","_React$useState14","positionY","_setPositionY","_isOpen","_React$useState15","_React$useState16","setIsDragging","preventScrollingRef","useRef","scrollRef","grabHandleRef","defaultInitialFocusRef","originalFocusElement","initialSnapPoint","totalHeight","useMemo","id","useId","_useBottomSheetStack","useBottomSheetStack","stack","addBottomSheetToStack","removeBottomSheetFromStack","getTopOfTheStack","getCurrentStackIndexById","currentStackIndex","isOnTopOfStack","bottomSheetZIndex","setPositionY","useCallback","value","limit","arguments","length","shouldLimitPositionY","hasAutoCompleteInBottomSheetHeader","maxValue","computeMaxContent","maxHeight","isReady","shouldLock","scrollLockRef","useScrollLock","enabled","targetRef","reserveScrollBarGap","useEffect","hasNoBottomSheets","clearAllBodyScrollLocks","useIsomorphicLayoutEffect","current","getBoundingClientRect","height","middleSnapPoint","lowerSnapPoint","returnFocus","focus","focusOnInitialRef","_defaultInitialFocusR","_initialFocusRef$curr","handleOnOpen","_originalFocusElement","activate","document","activeElement","handleOnClose","close","onBottomSheetDismiss","window","setTimeout","setDropdownHasBottomSheet","bind","useDrag","_ref3","active","last","cancel","tap","_ref3$movement","movement","_movementX","movementY","_ref3$velocity","velocity","_velocityX","velocityY","_ref3$lastOffset","lastOffset","_","lastOffsetY","down","dragging","_ref3$args","args","_ref3$args2","_ref3$args3","_ref3$args3$","_ref3$args3$2","_ref3$args3$2$isConte","isContentDragging","Boolean","rawY","upperSnapPoint","predictedDistance","predictedY","Math","max","min","newY","dampening","rubberbandIfOutOfBounds","isPosAtUpperSnapPoint","isContentScrolledAtTop","scrollTop","_computeSnapPointBoun","computeSnapPointBounds","map","point","_computeSnapPointBoun2","nearest","lower","lowerPointBuffer","lowerestSnap","shouldClose","from","filterTaps","scrollElement","preventScrolling","e","preventDefault","preventSafariOverscroll","addEventListener","removeEventListener","_usePresence","usePresence","isMounted","isVisible","isHeaderFloating","contextValue","isInBottomSheet","isInsideDropdown","_jsx","_Fragment","_jsxs","BottomSheetContext","Provider","BottomSheetBackdrop","_objectSpread","metaAttribute","name","MetaConstants","BottomSheet","testID","makeAccessible","modal","role","style","BaseBox","display","flexDirection","BottomSheetGrabHandle","ref","ComponentIds","assignWithoutSideEffects"],"mappings":"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"}
+{"version":3,"file":"BottomSheet.web.js","sources":["../../../../../../src/components/BottomSheet/BottomSheet.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable react/jsx-no-useless-fragment */\n/* eslint-disable consistent-return */\n/* eslint-disable @typescript-eslint/explicit-function-return-type */\nimport React from 'react';\nimport styled from 'styled-components';\nimport { rubberbandIfOutOfBounds, useDrag } from '@use-gesture/react';\nimport usePresence from 'use-presence';\nimport { clearAllBodyScrollLocks } from 'body-scroll-lock-upgrade';\nimport { BottomSheetHeader } from './BottomSheetHeader';\nimport { BottomSheetFooter } from './BottomSheetFooter';\nimport { BottomSheetBody } from './BottomSheetBody';\nimport type { SnapPoints } from './utils';\nimport { computeMaxContent, computeSnapPointBounds } from './utils';\nimport { BottomSheetBackdrop } from './BottomSheetBackdrop';\nimport type { BottomSheetContextProps } from './BottomSheetContext';\nimport { BottomSheetContext, useBottomSheetAndDropdownGlue } from './BottomSheetContext';\nimport { ComponentIds } from './componentIds';\nimport type { BottomSheetProps } from './types';\nimport { BottomSheetGrabHandle } from './BottomSheetGrabHandle';\nimport { useBottomSheetStack } from './BottomSheetStack';\nimport BaseBox from '~components/Box/BaseBox';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { useScrollLock } from '~utils/useScrollLock';\nimport { useWindowSize } from '~utils/useWindowSize';\nimport { useIsomorphicLayoutEffect } from '~utils/useIsomorphicLayoutEffect';\nimport { useTheme } from '~components/BladeProvider';\nimport { useId } from '~utils/useId';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeSize } from '~utils/makeSize';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { size } from '~tokens/global';\nimport { makeMotionTime } from '~utils/makeMotionTime';\nimport { componentZIndices } from '~utils/componentZIndices';\n\nexport const BOTTOM_SHEET_EASING = 'cubic-bezier(.15,0,.24,.97)';\nconst AUTOCOMPLETE_DEFAULT_SNAPPOINT = 0.85;\n\nconst BottomSheetSurface = styled.div<{\n  windowHeight: number;\n  isDragging: boolean;\n}>(({ theme, windowHeight, isDragging }) => {\n  return {\n    background: theme.colors.popup.background.subtle,\n    borderTopLeftRadius: makeSize(size[16]),\n    borderTopRightRadius: makeSize(size[16]),\n    borderColor: theme.colors.popup.border.subtle,\n    // this is reverse top elevation of highRaised elevation token\n    boxShadow: '0px -24px 48px -12px hsla(217, 56%, 17%, 0.18)',\n    opacity: 0,\n    pointerEvents: 'none',\n    transitionDuration: isDragging\n      ? undefined\n      : `${makeMotionTime(theme.motion.duration.moderate)}`,\n    transitionTimingFunction: BOTTOM_SHEET_EASING,\n    willChange: 'transform, opacity, height',\n    transitionProperty: 'transform, opacity, height',\n    position: 'fixed',\n    left: 0,\n    right: 0,\n    bottom: 0,\n    top: windowHeight,\n    backgroundColor: theme.colors.popup.background.subtle,\n    justifyContent: 'center',\n    alignItems: 'center',\n    touchAction: 'none',\n    overflow: 'hidden',\n  };\n});\n\nconst _BottomSheet = ({\n  isOpen,\n  onDismiss,\n  children,\n  initialFocusRef,\n  snapPoints = [0.35, 0.5, 0.85],\n  zIndex = componentZIndices.bottomSheet,\n}: BottomSheetProps): React.ReactElement => {\n  const { theme } = useTheme();\n  const dimensions = useWindowSize();\n  const [contentHeight, setContentHeight] = React.useState(0);\n  const [headerHeight, setHeaderHeight] = React.useState(0);\n  const [footerHeight, setFooterHeight] = React.useState(0);\n  const [grabHandleHeight, setGrabHandleHeight] = React.useState(0);\n  const [hasBodyPadding, setHasBodyPadding] = React.useState(true);\n  const [isHeaderEmpty, setIsHeaderEmpty] = React.useState(false);\n\n  const bottomSheetAndDropdownGlue = useBottomSheetAndDropdownGlue();\n  const [positionY, _setPositionY] = React.useState(0);\n  const _isOpen = isOpen ?? bottomSheetAndDropdownGlue?.isOpen;\n  const [isDragging, setIsDragging] = React.useState(false);\n\n  const preventScrollingRef = React.useRef(true);\n  const scrollRef = React.useRef<HTMLDivElement>(null);\n  const grabHandleRef = React.useRef<HTMLDivElement>(null);\n  const defaultInitialFocusRef = React.useRef<any>(null);\n  const originalFocusElement = React.useRef<HTMLElement | null>(null);\n  const initialSnapPoint = React.useRef<number>(snapPoints[1]);\n  const totalHeight = React.useMemo(() => {\n    return grabHandleHeight + headerHeight + footerHeight + contentHeight;\n  }, [contentHeight, footerHeight, grabHandleHeight, headerHeight]);\n\n  const id = useId();\n  const {\n    stack,\n    addBottomSheetToStack,\n    removeBottomSheetFromStack,\n    getTopOfTheStack,\n    getCurrentStackIndexById,\n  } = useBottomSheetStack();\n  const currentStackIndex = getCurrentStackIndexById(id);\n  const isOnTopOfStack = getTopOfTheStack() === id;\n  const bottomSheetZIndex = zIndex - currentStackIndex;\n\n  const setPositionY = React.useCallback(\n    (value: number, limit = true) => {\n      // In AutoComplete, we want BottomSheet to be docked to top snappoint so we remove the limits\n      const shouldLimitPositionY =\n        limit && !bottomSheetAndDropdownGlue?.hasAutoCompleteInBottomSheetHeader;\n\n      const maxValue = computeMaxContent({\n        contentHeight,\n        footerHeight,\n        headerHeight: headerHeight + grabHandleHeight,\n        maxHeight: value,\n      });\n      _setPositionY(shouldLimitPositionY ? maxValue : value);\n    },\n    [\n      bottomSheetAndDropdownGlue?.hasAutoCompleteInBottomSheetHeader,\n      contentHeight,\n      footerHeight,\n      grabHandleHeight,\n      headerHeight,\n    ],\n  );\n\n  // locks the body scroll to prevent accidental scrolling of content when we drag the sheet\n  // We are ready when we calculated the height of the content\n  const isReady = contentHeight > 0;\n  // only lock the body when we atleast have 1 bottomsheet open\n  const shouldLock = isReady && stack.length > 0;\n  const scrollLockRef = useScrollLock({\n    enabled: shouldLock,\n    targetRef: scrollRef,\n    reserveScrollBarGap: true,\n  });\n\n  // clear all body locks to avoid memory leaks & accidental body locking\n  React.useEffect(() => {\n    const hasNoBottomSheets = stack.length < 1;\n    if (hasNoBottomSheets) {\n      clearAllBodyScrollLocks();\n    }\n  }, [stack]);\n\n  // take the grabHandle's height into headerHeight too\n  useIsomorphicLayoutEffect(() => {\n    if (!grabHandleRef.current) return;\n    setGrabHandleHeight(grabHandleRef.current.getBoundingClientRect().height);\n  }, [grabHandleRef.current, _isOpen]);\n\n  // if bottomSheet height is >35% & <50% then set initial snapPoint to 35%\n  useIsomorphicLayoutEffect(() => {\n    if (bottomSheetAndDropdownGlue?.hasAutoCompleteInBottomSheetHeader) {\n      initialSnapPoint.current = AUTOCOMPLETE_DEFAULT_SNAPPOINT;\n    } else {\n      const middleSnapPoint = snapPoints[1] * dimensions.height;\n      const lowerSnapPoint = snapPoints[0] * dimensions.height;\n      if (totalHeight > lowerSnapPoint && totalHeight < middleSnapPoint) {\n        initialSnapPoint.current = snapPoints[0];\n      }\n    }\n  }, [dimensions.height, snapPoints, totalHeight]);\n\n  const returnFocus = React.useCallback(() => {\n    if (!originalFocusElement.current) return;\n    originalFocusElement.current.focus();\n    // After returning focus we will clear the original focus\n    // Because if sheet can be opened up via multiple triggers\n    // We want to ensure the focus returns back to the most recent triggerer\n    originalFocusElement.current = null;\n  }, [originalFocusElement]);\n\n  const focusOnInitialRef = React.useCallback(() => {\n    if (!initialFocusRef) {\n      // focus on close button\n      defaultInitialFocusRef.current?.focus();\n    } else {\n      // focus on the initialRef passed by the user\n      initialFocusRef.current?.focus();\n    }\n  }, [initialFocusRef]);\n\n  const handleOnOpen = React.useCallback(() => {\n    setPositionY(dimensions.height * initialSnapPoint.current);\n    scrollLockRef.current.activate();\n    // initialize the original focused element\n    // On first render it will be the activeElement, eg: the button trigger or select input\n    // On Subsequent open operations it won't further update the original focus\n    originalFocusElement.current =\n      originalFocusElement.current ?? (document.activeElement as HTMLElement);\n    focusOnInitialRef();\n  }, [dimensions.height, focusOnInitialRef, scrollLockRef, setPositionY]);\n\n  const handleOnClose = React.useCallback(() => {\n    setPositionY(0);\n  }, [setPositionY]);\n\n  const close = React.useCallback(() => {\n    onDismiss?.();\n    bottomSheetAndDropdownGlue?.onBottomSheetDismiss();\n    returnFocus();\n  }, [bottomSheetAndDropdownGlue, onDismiss, returnFocus]);\n\n  // sync controlled state to our actions\n  React.useEffect(() => {\n    if (_isOpen) {\n      // open on the next frame, otherwise the animations will not run on first render\n      window.setTimeout(() => {\n        handleOnOpen();\n      });\n    } else {\n      handleOnClose();\n    }\n  }, [_isOpen, handleOnClose, handleOnOpen]);\n\n  // let the Dropdown component know that it's rendering a bottomsheet\n  React.useEffect(() => {\n    if (!bottomSheetAndDropdownGlue) return;\n    bottomSheetAndDropdownGlue.setDropdownHasBottomSheet(true);\n  }, [bottomSheetAndDropdownGlue]);\n\n  const bind = useDrag(\n    ({\n      active,\n      last,\n      cancel,\n      tap,\n      movement: [_movementX, movementY],\n      velocity: [_velocityX, velocityY],\n      lastOffset: [_, lastOffsetY],\n      down,\n      dragging,\n      args: [{ isContentDragging = false } = {}] = [],\n    }) => {\n      setIsDragging(Boolean(dragging));\n      // lastOffsetY is the previous position user stopped dragging the sheet\n      // movementY is the drag amount from the bottom of the screen, so as you drag up the movementY goes into negatives\n      // and rawY is the calculated offset from the last position of the bottomsheet to current drag amount.\n      const rawY = lastOffsetY - movementY;\n\n      const lowerSnapPoint = dimensions.height * snapPoints[0];\n      const upperSnapPoint = dimensions.height * snapPoints[snapPoints.length - 1];\n\n      // predictedY is used to create velocity driven swipe\n      // the faster you swipe the more distance you cover\n      // this enables users to reach upper & lower snappoint with a single swipe\n      const predictedDistance = movementY * (velocityY / 2);\n      const predictedY = Math.max(\n        lowerSnapPoint,\n        Math.min(upperSnapPoint, rawY - predictedDistance * 2),\n      );\n\n      let newY = rawY;\n\n      if (down) {\n        // Ensure that users aren't able to drag the sheet\n        // more than the upperSnapPoint or maximum height of the sheet\n        // this is basically a clamp() function but creates a nice rubberband effect\n        const dampening = 0.55;\n        if (totalHeight < upperSnapPoint) {\n          newY = rubberbandIfOutOfBounds(rawY, 0, totalHeight, dampening);\n        } else {\n          newY = rubberbandIfOutOfBounds(rawY, 0, upperSnapPoint, dampening);\n        }\n      } else {\n        newY = predictedY;\n      }\n\n      const isPosAtUpperSnapPoint = newY >= upperSnapPoint;\n\n      if (isContentDragging) {\n        if (isPosAtUpperSnapPoint) {\n          newY = upperSnapPoint;\n        }\n\n        // keep the newY at upper snap point\n        // until the scrollable content is not at top\n        // and previously saved Y position is greater than or equal to upper snap point\n        // Note: how using newY won't work here since we need the previous value of the newY\n        // since we always keep updating the newY,\n        // this is cruicial in making the scroll feel natural\n        const isContentScrolledAtTop = scrollRef.current && scrollRef.current.scrollTop <= 0;\n        if (lastOffsetY === upperSnapPoint && !isContentScrolledAtTop) {\n          newY = upperSnapPoint;\n        }\n        preventScrollingRef.current = newY < upperSnapPoint;\n      }\n\n      if (last) {\n        // calculate the nearest snapPoint\n        const [nearest, lower] = computeSnapPointBounds(\n          newY,\n          snapPoints.map((point) => dimensions.height * point) as SnapPoints,\n        );\n\n        // This ensure that the lower snapPoint will always have atleast some buffer\n        // When the bottomsheet total height is less than the lower snapPoint\n        // Video walkthrough: https://www.loom.com/share/a9a8db7688d64194b13df8b3e25859ae\n        const lowerPointBuffer = 60;\n        const lowerestSnap = Math.min(lower, totalHeight) - lowerPointBuffer;\n\n        const shouldClose = rawY < lowerestSnap;\n        if (shouldClose) {\n          setIsDragging(false);\n          cancel();\n          close();\n          return;\n        }\n\n        // if we stop dragging assign snap to the nearest point\n        if (!active && !tap) {\n          newY = nearest;\n        }\n      }\n\n      setPositionY(newY, !down);\n    },\n    {\n      from: [0, positionY],\n      filterTaps: true,\n      enabled: isOnTopOfStack && _isOpen,\n    },\n  );\n\n  // Here we are preventing the scrolling of the content, until the preventScrollingRef value is true\n  useIsomorphicLayoutEffect(() => {\n    const scrollElement = scrollRef.current;\n    if (!scrollElement) return;\n\n    const preventScrolling = (e: Event) => {\n      if (preventScrollingRef?.current) {\n        e.preventDefault();\n      }\n    };\n\n    // https://www.bram.us/2016/05/02/prevent-overscroll-bounce-in-ios-mobilesafari-pure-css/\n    const preventSafariOverscroll = (e: Event) => {\n      if (scrollElement.scrollTop < 0) {\n        // TODO: figure this out, it doesn't seem to work >iOS12\n        // requestAnimationFrame(() => {\n        //   elem.style.overflow = 'hidden';\n        //   elem.scrollTop = 0;\n        //   elem.style.removeProperty('overflow');\n        // });\n        e.preventDefault();\n      }\n    };\n\n    scrollElement.addEventListener('scroll', preventScrolling);\n    scrollElement.addEventListener('touchmove', preventScrolling);\n    scrollElement.addEventListener('touchstart', preventSafariOverscroll);\n    return () => {\n      scrollElement.removeEventListener('scroll', preventScrolling);\n      scrollElement.removeEventListener('touchmove', preventScrolling);\n      scrollElement.removeEventListener('touchstart', preventSafariOverscroll);\n    };\n    // Only run this hook when we know all the layout calculations are done,\n    // Otherwise the scrollRef.current will be null.\n    // isReady prop will ensure that we are done measuring the content height\n  }, [isReady]);\n\n  // usePresence hook waits for the animation to finish before unmounting the component\n  // It's similar to framer-motions usePresence hook\n  // https://www.framer.com/docs/animate-presence/#usepresence\n  const { isMounted, isVisible } = usePresence(Boolean(_isOpen), {\n    transitionDuration: theme.motion.duration.moderate,\n  });\n\n  const isHeaderFloating = !hasBodyPadding && isHeaderEmpty;\n  const contextValue: BottomSheetContextProps = React.useMemo(\n    () => ({\n      isInBottomSheet: true,\n      isOpen: Boolean(isVisible),\n      close,\n      positionY,\n      headerHeight,\n      contentHeight,\n      footerHeight,\n      setContentHeight,\n      setFooterHeight,\n      setHeaderHeight,\n      setHasBodyPadding,\n      setIsHeaderEmpty,\n      scrollRef,\n      bind,\n      defaultInitialFocusRef,\n      isHeaderFloating,\n    }),\n    [\n      isVisible,\n      close,\n      positionY,\n      headerHeight,\n      contentHeight,\n      footerHeight,\n      setContentHeight,\n      setFooterHeight,\n      setHeaderHeight,\n      setHasBodyPadding,\n      setIsHeaderEmpty,\n      scrollRef,\n      bind,\n      defaultInitialFocusRef,\n      isHeaderFloating,\n    ],\n  );\n\n  React.useEffect(() => {\n    if (isMounted) {\n      addBottomSheetToStack(id);\n    } else {\n      removeBottomSheetFromStack(id);\n    }\n  }, [addBottomSheetToStack, id, isMounted, removeBottomSheetFromStack]);\n\n  // We will need to reset these values otherwise the next time the bottomsheet opens\n  // this will be populated and the animations won't run\n  // why?: because how the usePresence hook works, we actually just unmount the\n  // html contents not the whole <BottomSheet /> react component\n  React.useEffect(() => {\n    if (!isMounted) {\n      setHeaderHeight(0);\n      setFooterHeight(0);\n      setContentHeight(0);\n      setGrabHandleHeight(0);\n      _setPositionY(0);\n    }\n  }, [isMounted, scrollLockRef]);\n\n  // We don't want to destroy the react tree when we are rendering inside Dropdown\n  // Because if we bail out early then ActionList won't render,\n  // and Dropdown manages it's state based on the rendered JSX of ActionList\n  // If we don't render ActionList Dropdown state will reset each time we open/close BottomSheet\n  const isInsideDropdown = Boolean(bottomSheetAndDropdownGlue);\n  if (!isMounted && !isInsideDropdown) {\n    return <></>;\n  }\n\n  return (\n    <BottomSheetContext.Provider value={contextValue}>\n      <BottomSheetBackdrop zIndex={bottomSheetZIndex} />\n      <BottomSheetSurface\n        {...metaAttribute({\n          name: MetaConstants.BottomSheet,\n          testID: 'bottomsheet-surface',\n        })}\n        {...makeAccessible({ modal: true, role: 'dialog' })}\n        windowHeight={dimensions.height}\n        isDragging={isDragging}\n        style={{\n          opacity: isVisible ? 1 : 0,\n          pointerEvents: isVisible ? 'all' : 'none',\n          height: positionY,\n          bottom: 0,\n          top: 'auto',\n          zIndex: bottomSheetZIndex,\n        }}\n      >\n        <BaseBox height=\"100%\" display=\"flex\" flexDirection=\"column\">\n          <BottomSheetGrabHandle\n            ref={grabHandleRef}\n            isHeaderFloating={isHeaderFloating}\n            {...metaAttribute({ name: ComponentIds.BottomSheetGrabHandle })}\n            {...bind()}\n          />\n          {children}\n        </BaseBox>\n      </BottomSheetSurface>\n    </BottomSheetContext.Provider>\n  );\n};\n\nconst BottomSheet = assignWithoutSideEffects(_BottomSheet, {\n  componentId: ComponentIds.BottomSheet,\n});\n\nexport { BottomSheet, BottomSheetBody, BottomSheetHeader, BottomSheetFooter };\nexport type { BottomSheetProps };\n"],"names":["BOTTOM_SHEET_EASING","AUTOCOMPLETE_DEFAULT_SNAPPOINT","BottomSheetSurface","styled","div","withConfig","displayName","componentId","_ref","theme","windowHeight","isDragging","background","colors","popup","subtle","borderTopLeftRadius","makeSize","size","borderTopRightRadius","borderColor","border","boxShadow","opacity","pointerEvents","transitionDuration","undefined","concat","makeMotionTime","motion","duration","moderate","transitionTimingFunction","willChange","transitionProperty","position","left","right","bottom","top","backgroundColor","justifyContent","alignItems","touchAction","overflow","_BottomSheet","_ref2","isOpen","onDismiss","children","initialFocusRef","_ref2$snapPoints","snapPoints","_ref2$zIndex","zIndex","componentZIndices","bottomSheet","_useTheme","useTheme","dimensions","useWindowSize","_React$useState","React","useState","_React$useState2","_slicedToArray","contentHeight","setContentHeight","_React$useState3","_React$useState4","headerHeight","setHeaderHeight","_React$useState5","_React$useState6","footerHeight","setFooterHeight","_React$useState7","_React$useState8","grabHandleHeight","setGrabHandleHeight","_React$useState9","_React$useState10","hasBodyPadding","setHasBodyPadding","_React$useState11","_React$useState12","isHeaderEmpty","setIsHeaderEmpty","bottomSheetAndDropdownGlue","useBottomSheetAndDropdownGlue","_React$useState13","_React$useState14","positionY","_setPositionY","_isOpen","_React$useState15","_React$useState16","setIsDragging","preventScrollingRef","useRef","scrollRef","grabHandleRef","defaultInitialFocusRef","originalFocusElement","initialSnapPoint","totalHeight","useMemo","id","useId","_useBottomSheetStack","useBottomSheetStack","stack","addBottomSheetToStack","removeBottomSheetFromStack","getTopOfTheStack","getCurrentStackIndexById","currentStackIndex","isOnTopOfStack","bottomSheetZIndex","setPositionY","useCallback","value","limit","arguments","length","shouldLimitPositionY","hasAutoCompleteInBottomSheetHeader","maxValue","computeMaxContent","maxHeight","isReady","shouldLock","scrollLockRef","useScrollLock","enabled","targetRef","reserveScrollBarGap","useEffect","hasNoBottomSheets","clearAllBodyScrollLocks","useIsomorphicLayoutEffect","current","getBoundingClientRect","height","middleSnapPoint","lowerSnapPoint","returnFocus","focus","focusOnInitialRef","_defaultInitialFocusR","_initialFocusRef$curr","handleOnOpen","_originalFocusElement","activate","document","activeElement","handleOnClose","close","onBottomSheetDismiss","window","setTimeout","setDropdownHasBottomSheet","bind","useDrag","_ref3","active","last","cancel","tap","_ref3$movement","movement","_movementX","movementY","_ref3$velocity","velocity","_velocityX","velocityY","_ref3$lastOffset","lastOffset","_","lastOffsetY","down","dragging","_ref3$args","args","_ref3$args2","_ref3$args3","_ref3$args3$","_ref3$args3$2","_ref3$args3$2$isConte","isContentDragging","Boolean","rawY","upperSnapPoint","predictedDistance","predictedY","Math","max","min","newY","dampening","rubberbandIfOutOfBounds","isPosAtUpperSnapPoint","isContentScrolledAtTop","scrollTop","_computeSnapPointBoun","computeSnapPointBounds","map","point","_computeSnapPointBoun2","nearest","lower","lowerPointBuffer","lowerestSnap","shouldClose","from","filterTaps","scrollElement","preventScrolling","e","preventDefault","preventSafariOverscroll","addEventListener","removeEventListener","_usePresence","usePresence","isMounted","isVisible","isHeaderFloating","contextValue","isInBottomSheet","isInsideDropdown","_jsx","_Fragment","_jsxs","BottomSheetContext","Provider","BottomSheetBackdrop","_objectSpread","metaAttribute","name","MetaConstants","BottomSheet","testID","makeAccessible","modal","role","style","BaseBox","display","flexDirection","BottomSheetGrabHandle","ref","ComponentIds","assignWithoutSideEffects"],"mappings":"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"}

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

@@ -0,0 +1,104 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import React__default from 'react';
+import { BreadcrumbContext } from './BreadcrumbContext.js';
+import '../Box/BaseBox/index.js';
+import '../Typography/index.js';
+import '../../utils/makeAccessible/index.js';
+import '../Box/styledProps/index.js';
+import '../../utils/metaAttribute/index.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Text } from '../Typography/Text/Text.js';
+import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
+import { getStyledProps } from '../Box/styledProps/getStyledProps.js';
+import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.web.js';
+import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
+import { makeAccessible } from '../../utils/makeAccessible/makeAccessible.web.js';
+
+var _excluded = ["size", "color", "showLastSeparator", "accessibilityLabel", "children"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var Separator = function Separator(_ref) {
+  var size = _ref.size,
+    color = _ref.color;
+  return /*#__PURE__*/jsx(Text, {
+    as: "span",
+    color: color === 'white' ? 'surface.text.staticWhite.muted' : 'surface.text.gray.muted',
+    size: size,
+    weight: "medium",
+    children: "/"
+  });
+};
+var listStyleNone = {
+  listStyle: 'none'
+};
+var Breadcrumb = function Breadcrumb(_ref2) {
+  var _ref2$size = _ref2.size,
+    size = _ref2$size === void 0 ? 'medium' : _ref2$size,
+    _ref2$color = _ref2.color,
+    color = _ref2$color === void 0 ? 'primary' : _ref2$color,
+    _ref2$showLastSeparat = _ref2.showLastSeparator,
+    showLastSeparator = _ref2$showLastSeparat === void 0 ? false : _ref2$showLastSeparat,
+    _ref2$accessibilityLa = _ref2.accessibilityLabel,
+    accessibilityLabel = _ref2$accessibilityLa === void 0 ? 'Breadcrumb' : _ref2$accessibilityLa,
+    children = _ref2.children,
+    styledProps = _objectWithoutProperties(_ref2, _excluded);
+  var contextValue = React__default.useMemo(function () {
+    return {
+      size: size,
+      color: color
+    };
+  }, [size, color]);
+  return /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread(_objectSpread({
+    as: "nav"
+  }, getStyledProps(styledProps)), metaAttribute({
+    name: MetaConstants.Breadcrumb
+  })), {}, {
+    children: /*#__PURE__*/jsx(BreadcrumbContext.Provider, {
+      value: contextValue,
+      children: /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread({
+        as: "ol",
+        margin: "spacing.0",
+        padding: "spacing.0",
+        display: "flex",
+        flexWrap: "wrap",
+        gap: "spacing.2",
+        alignItems: "center",
+        style: listStyleNone
+      }, makeAccessible({
+        label: accessibilityLabel
+      })), {}, {
+        children: React__default.Children.map(children, function (child, index) {
+          var _props;
+          var ariaCurrent = child !== null && child !== void 0 && (_props = child.props) !== null && _props !== void 0 && _props.isCurrentPage ? 'page' : undefined;
+          return /*#__PURE__*/jsxs(BaseBox, _objectSpread(_objectSpread(_objectSpread({
+            as: "li",
+            display: "flex",
+            alignItems: "center",
+            gap: "spacing.2"
+          }, makeAccessible({
+            current: ariaCurrent
+          })), metaAttribute({
+            name: MetaConstants.BreadcrumbItem
+          })), {}, {
+            children: [child, /*#__PURE__*/jsxs(BaseBox, _objectSpread(_objectSpread({
+              as: "span"
+            }, makeAccessible({
+              hidden: true
+            })), {}, {
+              children: [index !== React__default.Children.count(children) - 1 && /*#__PURE__*/jsx(Separator, {
+                size: size
+              }), index === React__default.Children.count(children) - 1 && showLastSeparator && /*#__PURE__*/jsx(Separator, {
+                size: size,
+                color: color
+              })]
+            }))]
+          }), index);
+        })
+      }))
+    })
+  }));
+};
+
+export { Breadcrumb };
+//# sourceMappingURL=Breadcrumb.web.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumb.web.js","sources":["../../../../../../src/components/Breadcrumb/Breadcrumb.web.tsx"],"sourcesContent":["/* eslint-disable react-native-a11y/has-valid-accessibility-role */\nimport React from 'react';\nimport type { BreadcrumbProps } from './types';\nimport { BreadcrumbContext } from './BreadcrumbContext';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Text } from '~components/Typography';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\n\nconst Separator = ({\n  size,\n  color,\n}: Pick<BreadcrumbProps, 'size' | 'color'>): React.ReactElement => {\n  return (\n    <Text\n      as=\"span\"\n      color={color === 'white' ? 'surface.text.staticWhite.muted' : 'surface.text.gray.muted'}\n      size={size}\n      weight=\"medium\"\n    >\n      /\n    </Text>\n  );\n};\n\nconst listStyleNone = { listStyle: 'none' };\n\nconst Breadcrumb = ({\n  size = 'medium',\n  color = 'primary',\n  showLastSeparator = false,\n  accessibilityLabel = 'Breadcrumb',\n  children,\n  ...styledProps\n}: BreadcrumbProps): React.ReactElement => {\n  const contextValue = React.useMemo(() => ({ size, color }), [size, color]);\n\n  return (\n    <BaseBox\n      as=\"nav\"\n      {...getStyledProps(styledProps)}\n      {...metaAttribute({ name: MetaConstants.Breadcrumb })}\n    >\n      <BreadcrumbContext.Provider value={contextValue}>\n        <BaseBox\n          as=\"ol\"\n          margin=\"spacing.0\"\n          padding=\"spacing.0\"\n          display=\"flex\"\n          flexWrap=\"wrap\"\n          gap=\"spacing.2\"\n          alignItems=\"center\"\n          style={listStyleNone}\n          {...makeAccessible({ label: accessibilityLabel })}\n        >\n          {React.Children.map(children, (child, index) => {\n            const ariaCurrent = (child as React.ReactElement)?.props?.isCurrentPage\n              ? 'page'\n              : undefined;\n\n            return (\n              <BaseBox\n                key={index}\n                as=\"li\"\n                display=\"flex\"\n                alignItems=\"center\"\n                gap=\"spacing.2\"\n                {...makeAccessible({ current: ariaCurrent })}\n                {...metaAttribute({ name: MetaConstants.BreadcrumbItem })}\n              >\n                {child}\n                <BaseBox as=\"span\" {...makeAccessible({ hidden: true })}>\n                  {index !== React.Children.count(children) - 1 && <Separator size={size} />}\n                  {index === React.Children.count(children) - 1 && showLastSeparator && (\n                    <Separator size={size} color={color} />\n                  )}\n                </BaseBox>\n              </BaseBox>\n            );\n          })}\n        </BaseBox>\n      </BreadcrumbContext.Provider>\n    </BaseBox>\n  );\n};\n\nexport { Breadcrumb };\n"],"names":["Separator","_ref","size","color","_jsx","Text","as","weight","children","listStyleNone","listStyle","Breadcrumb","_ref2","_ref2$size","_ref2$color","_ref2$showLastSeparat","showLastSeparator","_ref2$accessibilityLa","accessibilityLabel","styledProps","_objectWithoutProperties","_excluded","contextValue","React","useMemo","BaseBox","_objectSpread","getStyledProps","metaAttribute","name","MetaConstants","BreadcrumbContext","Provider","value","margin","padding","display","flexWrap","gap","alignItems","style","makeAccessible","label","Children","map","child","index","_props","ariaCurrent","props","isCurrentPage","undefined","_jsxs","current","BreadcrumbItem","hidden","count"],"mappings":"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"}

package/build/lib/web/production/components/Breadcrumb/BreadcrumbContext.js

@@ -0,0 +1,9 @@
+import React__default from 'react';
+
+var BreadcrumbContext = /*#__PURE__*/React__default.createContext({
+  size: 'medium',
+  color: 'primary'
+});
+
+export { BreadcrumbContext };
+//# sourceMappingURL=BreadcrumbContext.js.map

package/build/lib/web/production/components/Breadcrumb/BreadcrumbContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BreadcrumbContext.js","sources":["../../../../../../src/components/Breadcrumb/BreadcrumbContext.tsx"],"sourcesContent":["import React from 'react';\nimport type { BreadcrumbProps } from './types';\n\ntype BreadcrumbContextValue = Pick<BreadcrumbProps, 'color' | 'size'>;\nconst BreadcrumbContext = React.createContext<BreadcrumbContextValue>({\n  size: 'medium',\n  color: 'primary',\n});\n\nexport { BreadcrumbContext };\n"],"names":["BreadcrumbContext","React","createContext","size","color"],"mappings":";;AAIA,IAAMA,iBAAiB,gBAAGC,cAAK,CAACC,aAAa,CAAyB;AACpEC,EAAAA,IAAI,EAAE,QAAQ;AACdC,EAAAA,KAAK,EAAE,SAAA;AACT,CAAC;;;;"}

package/build/lib/web/production/components/Breadcrumb/BreadcrumbItem.web.js

@@ -0,0 +1,55 @@
+import React__default from 'react';
+import { BreadcrumbContext } from './BreadcrumbContext.js';
+import '../Link/BaseLink/index.js';
+import '../Typography/index.js';
+import '../Box/BaseBox/index.js';
+import '../../tokens/global/index.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
+import { Text } from '../Typography/Text/Text.js';
+import BaseLink from '../Link/BaseLink/BaseLink.js';
+import { opacity } from '../../tokens/global/opacity.js';
+
+var BreadcrumbItem = function BreadcrumbItem(_ref) {
+  var children = _ref.children,
+    href = _ref.href,
+    Icon = _ref.icon,
+    isCurrentPage = _ref.isCurrentPage,
+    onClick = _ref.onClick,
+    accessibilityLabel = _ref.accessibilityLabel;
+  var _React$useContext = React__default.useContext(BreadcrumbContext),
+    color = _React$useContext.color,
+    size = _React$useContext.size;
+  if (isCurrentPage) {
+    var isWhite = color === 'white';
+    return /*#__PURE__*/jsxs(BaseBox, {
+      display: "flex",
+      gap: "spacing.2",
+      alignItems: "center",
+      children: [Icon && /*#__PURE__*/jsx(Icon, {
+        size: size,
+        color: isWhite ? 'surface.icon.staticWhite.normal' : 'surface.icon.gray.normal'
+      }), /*#__PURE__*/jsx(Text, {
+        weight: "medium",
+        size: size,
+        color: isWhite ? 'surface.text.staticWhite.normal' : 'surface.text.gray.normal',
+        children: children
+      })]
+    });
+  }
+  return /*#__PURE__*/jsx(BaseLink, {
+    size: size,
+    color: color,
+    opacity: color !== 'primary' ? opacity[7] : 1,
+    icon: Icon,
+    href: href,
+    onClick: onClick,
+    accessibilityProps: {
+      label: accessibilityLabel
+    },
+    children: children !== null && children !== void 0 ? children : ''
+  });
+};
+
+export { BreadcrumbItem };
+//# sourceMappingURL=BreadcrumbItem.web.js.map

package/build/lib/web/production/components/Breadcrumb/BreadcrumbItem.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BreadcrumbItem.web.js","sources":["../../../../../../src/components/Breadcrumb/BreadcrumbItem.web.tsx"],"sourcesContent":["import React from 'react';\nimport type { BreadcrumbItemProps } from './types';\nimport { BreadcrumbContext } from './BreadcrumbContext';\nimport { BaseLink } from '~components/Link/BaseLink';\nimport { Text } from '~components/Typography';\nimport BaseBox from '~components/Box/BaseBox';\nimport { opacity } from '~tokens/global';\n\nconst BreadcrumbItem = ({\n  children,\n  href,\n  icon: Icon,\n  isCurrentPage,\n  onClick,\n  accessibilityLabel,\n}: BreadcrumbItemProps): React.ReactElement => {\n  const { color, size } = React.useContext(BreadcrumbContext);\n\n  if (isCurrentPage) {\n    const isWhite = color === 'white';\n    return (\n      <BaseBox display=\"flex\" gap=\"spacing.2\" alignItems=\"center\">\n        {Icon && (\n          <Icon\n            size={size}\n            color={isWhite ? 'surface.icon.staticWhite.normal' : 'surface.icon.gray.normal'}\n          />\n        )}\n        <Text\n          weight=\"medium\"\n          size={size}\n          color={isWhite ? 'surface.text.staticWhite.normal' : 'surface.text.gray.normal'}\n        >\n          {children}\n        </Text>\n      </BaseBox>\n    );\n  }\n\n  return (\n    <BaseLink\n      size={size}\n      color={color}\n      opacity={color !== 'primary' ? opacity[7] : 1}\n      icon={Icon}\n      href={href}\n      onClick={onClick}\n      accessibilityProps={{ label: accessibilityLabel }}\n    >\n      {children ?? ''}\n    </BaseLink>\n  );\n};\n\nexport { BreadcrumbItem };\n"],"names":["BreadcrumbItem","_ref","children","href","Icon","icon","isCurrentPage","onClick","accessibilityLabel","_React$useContext","React","useContext","BreadcrumbContext","color","size","isWhite","_jsxs","BaseBox","display","gap","alignItems","_jsx","Text","weight","BaseLink","opacity","accessibilityProps","label"],"mappings":";;;;;;;;;;;;AAQA,IAAMA,cAAc,GAAG,SAAjBA,cAAcA,CAAAC,IAAA,EAO2B;AAAA,EAAA,IAN7CC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IACEC,IAAI,GAAAH,IAAA,CAAVI,IAAI;IACJC,aAAa,GAAAL,IAAA,CAAbK,aAAa;IACbC,OAAO,GAAAN,IAAA,CAAPM,OAAO;IACPC,kBAAkB,GAAAP,IAAA,CAAlBO,kBAAkB,CAAA;AAElB,EAAA,IAAAC,iBAAA,GAAwBC,cAAK,CAACC,UAAU,CAACC,iBAAiB,CAAC;IAAnDC,KAAK,GAAAJ,iBAAA,CAALI,KAAK;IAAEC,IAAI,GAAAL,iBAAA,CAAJK,IAAI,CAAA;AAEnB,EAAA,IAAIR,aAAa,EAAE;AACjB,IAAA,IAAMS,OAAO,GAAGF,KAAK,KAAK,OAAO,CAAA;IACjC,oBACEG,IAAA,CAACC,OAAO,EAAA;AAACC,MAAAA,OAAO,EAAC,MAAM;AAACC,MAAAA,GAAG,EAAC,WAAW;AAACC,MAAAA,UAAU,EAAC,QAAQ;AAAAlB,MAAAA,QAAA,EACxDE,CAAAA,IAAI,iBACHiB,GAAA,CAACjB,IAAI,EAAA;AACHU,QAAAA,IAAI,EAAEA,IAAK;AACXD,QAAAA,KAAK,EAAEE,OAAO,GAAG,iCAAiC,GAAG,0BAAA;AAA2B,OACjF,CACF,eACDM,GAAA,CAACC,IAAI,EAAA;AACHC,QAAAA,MAAM,EAAC,QAAQ;AACfT,QAAAA,IAAI,EAAEA,IAAK;AACXD,QAAAA,KAAK,EAAEE,OAAO,GAAG,iCAAiC,GAAG,0BAA2B;AAAAb,QAAAA,QAAA,EAE/EA,QAAAA;AAAQ,OACL,CAAC,CAAA;AAAA,KACA,CAAC,CAAA;AAEd,GAAA;EAEA,oBACEmB,GAAA,CAACG,QAAQ,EAAA;AACPV,IAAAA,IAAI,EAAEA,IAAK;AACXD,IAAAA,KAAK,EAAEA,KAAM;IACbY,OAAO,EAAEZ,KAAK,KAAK,SAAS,GAAGY,OAAO,CAAC,CAAC,CAAC,GAAG,CAAE;AAC9CpB,IAAAA,IAAI,EAAED,IAAK;AACXD,IAAAA,IAAI,EAAEA,IAAK;AACXI,IAAAA,OAAO,EAAEA,OAAQ;AACjBmB,IAAAA,kBAAkB,EAAE;AAAEC,MAAAA,KAAK,EAAEnB,kBAAAA;KAAqB;AAAAN,IAAAA,QAAA,EAEjDA,QAAQ,KAAA,IAAA,IAARA,QAAQ,KAAA,KAAA,CAAA,GAARA,QAAQ,GAAI,EAAA;AAAE,GACP,CAAC,CAAA;AAEf;;;;"}

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

@@ -0,0 +1,4 @@
+export { Breadcrumb } from './Breadcrumb.web.js';
+export { BreadcrumbItem } from './BreadcrumbItem.web.js';
+import './types.js';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/build/lib/web/production/components/Breadcrumb/types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.js.map

package/build/lib/web/production/components/Breadcrumb/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/lib/web/production/components/Button/BaseButton/buttonTokens.js

@@ -160,9 +160,9 @@ var buttonIconOnlyPadding = {
   xsmall: {
     top: 0,
     bottom: 0,
-    left: 4,
+    left: 3,
     // should be `6px` as per design but we're making it `8px` since `6px` is not available as a spacing token
-    right: 4 // should be `6px` as per design but we're making it `8px` since `6px` is not available as a spacing token
+    right: 3 // should be `6px` as per design but we're making it `8px` since `6px` is not available as a spacing token
   },
 
   small: {