@razorpay/blade 12.98.1 → 12.111.0

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

@@ -1 +1 @@
-{"version":3,"file":"Preview.web.js","sources":["../../../../../../src/components/Preview/Preview.web.tsx"],"sourcesContent":["import React, { useState, useCallback, useEffect } from 'react';\nimport { TransformWrapper, TransformComponent, useControls } from 'react-zoom-pan-pinch';\nimport styled from 'styled-components';\nimport type {\n  PreviewProps,\n  PreviewHeaderProps,\n  PreviewFooterProps,\n  PreviewBodyProps,\n} from './types';\nimport { usePreviewContext, PreviewProvider } from './PreviewContext';\nimport { MetaConstants } from '~utils/metaAttribute';\nimport getIn from '~utils/lodashButBetter/get';\nimport type { DotNotationToken } from '~utils/lodashButBetter/get';\nimport { size } from '~tokens/global';\nimport BaseBox from '~components/Box/BaseBox';\nimport {\n  FullScreenEnterIcon,\n  ZoomInIcon,\n  ZoomOutIcon,\n  FullScreenExitIcon,\n  RefreshIcon,\n} from '~components/Icons';\nimport { Heading, Text } from '~components/Typography';\nimport { ButtonGroup } from '~components/ButtonGroup';\nimport { Button } from '~components/Button';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { getComponentId } from '~utils/isValidAllowedChildren';\nimport { Divider } from '~components/Divider';\nimport { useControllableState } from '~utils/useControllable';\nimport { componentZIndices } from '~utils/componentZIndices';\nimport type { Theme } from '~components/BladeProvider';\nimport { makeSize } from '~utils/makeSize';\n\nconst _PreviewHeader = ({\n  title,\n  _onFullScreen,\n  trailing,\n}: PreviewHeaderProps): React.ReactElement => {\n  const { isFullScreen } = usePreviewContext();\n\n  if (!title) {\n    return (\n      <BaseBox\n        zIndex={componentZIndices.previewPanel}\n        display=\"flex\"\n        alignItems=\"center\"\n        justifyContent=\"flex-end\"\n        padding=\"spacing.4\"\n        backgroundColor=\"transparent\"\n        width=\"100%\"\n      >\n        <BaseBox\n          display=\"flex\"\n          alignItems=\"center\"\n          gap=\"spacing.3\"\n          backgroundColor=\"transparent\"\n          borderRadius=\"medium\"\n        >\n          <Button\n            icon={isFullScreen ? FullScreenExitIcon : FullScreenEnterIcon}\n            variant=\"tertiary\"\n            onClick={_onFullScreen}\n            accessibilityLabel={isFullScreen ? 'Exit Full Screen' : 'Enter Full Screen'}\n          />\n          {trailing}\n        </BaseBox>\n      </BaseBox>\n    );\n  }\n  return (\n    <BaseBox zIndex={componentZIndices.previewPanel} backgroundColor=\"transparent\" width=\"100%\">\n      <BaseBox\n        display=\"flex\"\n        alignItems=\"center\"\n        justifyContent=\"space-between\"\n        padding=\"spacing.5\"\n        height=\"100%\"\n        width=\"100%\"\n      >\n        <Heading size=\"medium\" weight=\"regular\" color=\"surface.text.gray.subtle\">\n          {title}\n        </Heading>\n        <BaseBox display=\"flex\" alignItems=\"center\" gap=\"spacing.3\">\n          <Button\n            icon={isFullScreen ? FullScreenExitIcon : FullScreenEnterIcon}\n            variant=\"tertiary\"\n            onClick={_onFullScreen}\n          />\n          {trailing}\n        </BaseBox>\n      </BaseBox>\n      <Divider orientation=\"horizontal\" />\n    </BaseBox>\n  );\n};\n\nconst PreviewHeader = assignWithoutSideEffects(_PreviewHeader, {\n  componentId: MetaConstants.PreviewHeader,\n});\n\nconst _PreviewBody = (PreviewBodyProps: PreviewBodyProps): React.ReactElement => {\n  const { children } = PreviewBodyProps;\n  return <BaseBox>{children}</BaseBox>;\n};\n\nconst PreviewBody = assignWithoutSideEffects(_PreviewBody, {\n  componentId: MetaConstants.PreviewBody,\n});\n\nconst _PreviewFooter = (PreviewFooterProps: PreviewFooterProps): React.ReactElement => {\n  const { showZoomPercentage, trailing } = PreviewFooterProps;\n  const { zoomIn, zoomOut, centerView } = useControls();\n  const { zoom, zoomScaleStep, defaultZoom } = usePreviewContext();\n  const handleZoomIn = useCallback(() => {\n    zoomIn(zoomScaleStep);\n  }, [zoomScaleStep, zoomIn]);\n\n  const handleZoomOut = useCallback(() => {\n    zoomOut(zoomScaleStep);\n  }, [zoomScaleStep, zoomOut]);\n\n  const handleReset = useCallback(() => {\n    // thanks to https://github.com/BetterTyped/react-zoom-pan-pinch/issues/286#issuecomment-1442888219\n    centerView(defaultZoom, 0);\n  }, [defaultZoom, centerView]);\n\n  return (\n    <BaseBox\n      display=\"flex\"\n      justifyContent={trailing ? 'space-between' : 'center'}\n      width=\"100%\"\n      backgroundColor=\"transparent\"\n      padding={{ base: 'spacing.2', m: 'spacing.5' }}\n      zIndex={componentZIndices.previewPanel}\n    >\n      <BaseBox padding=\"spacing.2\">\n        {showZoomPercentage ? (\n          <BaseBox display=\"flex\" alignItems=\"center\" gap=\"spacing.2\">\n            <Button\n              icon={ZoomInIcon}\n              onClick={handleZoomIn}\n              variant=\"tertiary\"\n              accessibilityLabel=\"Zoom In\"\n              isDisabled={zoom >= 8}\n            />\n            <BaseBox width={makeSize(size[40])} textAlign={'center' as never}>\n              <Text size=\"medium\"> {Math.round(zoom * 100)}%</Text>\n            </BaseBox>\n            <Button\n              icon={ZoomOutIcon}\n              onClick={handleZoomOut}\n              variant=\"tertiary\"\n              accessibilityLabel=\"Zoom Out\"\n              isDisabled={zoom <= 0.1}\n            />\n            <Button\n              icon={RefreshIcon}\n              onClick={() => handleReset()}\n              variant=\"tertiary\"\n              accessibilityLabel=\"Reset Zoom\"\n            />\n          </BaseBox>\n        ) : (\n          <BaseBox display=\"flex\" alignItems=\"center\" gap=\"spacing.2\">\n            <ButtonGroup variant=\"tertiary\">\n              <Button icon={ZoomInIcon} onClick={handleZoomIn} accessibilityLabel=\"Zoom In\" />\n              <Button icon={ZoomOutIcon} onClick={handleZoomOut} accessibilityLabel=\"Zoom Out\" />\n            </ButtonGroup>\n            <Button\n              icon={RefreshIcon}\n              onClick={() => handleReset()}\n              accessibilityLabel=\"Reset Zoom\"\n              variant=\"tertiary\"\n            />\n          </BaseBox>\n        )}\n      </BaseBox>\n      {trailing}\n    </BaseBox>\n  );\n};\n\nconst PreviewFooter = assignWithoutSideEffects(_PreviewFooter, {\n  componentId: MetaConstants.PreviewFooter,\n});\n\nconst dotSpacing = 16;\nconst dotOpacity = 0.1;\nconst dotSize = 1;\nconst ZoomContainer = styled.div<{ isDragEnabled: boolean; isDragging: boolean }>`\n  width: 100%;\n  height: 100%;\n  cursor: ${({ isDragEnabled, isDragging }) => {\n    if (!isDragEnabled) return 'default';\n    return isDragging ? 'grabbing' : 'grab';\n  }};\n  background-image: ${({ isDragEnabled }) =>\n    isDragEnabled\n      ? `radial-gradient(\n    circle,\n    rgba(0, 0, 0, ${dotOpacity}) ${dotSize}px,\n    transparent ${dotSize}px\n  )`\n      : 'none'};\n  background-size: ${dotSpacing}px ${dotSpacing}px;\n  .zoom-wrapper,\n  .zoom-content {\n    width: 100%;\n    height: 100%;\n    overflow: visible;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n  transition: cursor 0.1s ease;\n`;\n\nconst TransFormWrapperContainer = styled.div<{\n  isFullScreen: boolean;\n}>`\n  width: 100%;\n  height: 100%;\n  position: relative;\n  overflow: hidden;\n  background-color: ${({ isFullScreen, theme }) =>\n    isFullScreen\n      ? getIn(theme.colors, 'surface.background.gray.intense' as DotNotationToken<Theme['colors']>)\n      : 'transparent'};\n`;\nconst Preview = ({\n  children,\n  onFullScreen: onFullScreenProp,\n  onZoomChange,\n  zoomScaleStep = 0.1,\n  isDragAndZoomDisabled = false,\n  defaultZoom,\n  onDragChange,\n}: PreviewProps): React.ReactElement => {\n  const [controlledZoom, setControlledZoom] = useControllableState({\n    onChange: onZoomChange,\n    defaultValue: defaultZoom ?? 1,\n  });\n  const [isFullScreen, setIsFullScreen] = useState(false);\n  const [isDragging, setIsDragging] = useState(false);\n  const containerRef = React.useRef<HTMLDivElement>(null);\n\n  const handleTransformed = ({\n    state,\n  }: {\n    state: { scale: number; positionX: number; positionY: number };\n  }): void => {\n    const { scale, positionX, positionY } = state;\n    setControlledZoom(() => scale);\n    onDragChange?.({ x: positionX, y: positionY });\n  };\n\n  const handleFullScreenError = (err: unknown): void => {\n    if (err instanceof DOMException) {\n      console.error(`Fullscreen request failed: ${err.name} - ${err.message}`);\n    } else {\n      console.error('Unexpected error during fullscreen request:', err);\n    }\n  };\n\n  const handleFullScreen = useCallback(async () => {\n    if (!document.fullscreenElement) {\n      try {\n        await containerRef.current?.requestFullscreen();\n        setIsFullScreen(true);\n        onFullScreenProp?.();\n      } catch (err: unknown) {\n        handleFullScreenError(err);\n      }\n    } else {\n      try {\n        await document.exitFullscreen();\n        setIsFullScreen(false);\n        onFullScreenProp?.();\n      } catch (err: unknown) {\n        handleFullScreenError(err);\n      }\n    }\n  }, [onFullScreenProp]);\n\n  // this is added to handle the fullscreen change if user exits fullscreen using the escape key, or browser's exit fullscreen button\n  useEffect(() => {\n    const handleFullScreenChange = (): void => {\n      setIsFullScreen(!!document.fullscreenElement);\n    };\n\n    document.addEventListener('fullscreenchange', handleFullScreenChange);\n    return () => {\n      document.removeEventListener('fullscreenchange', handleFullScreenChange);\n    };\n  }, []);\n\n  // filter out preview header, preview body, preview footer separately using componentId\n  const previewHeader = React.Children.toArray(children)\n    .filter((child) => getComponentId(child as React.ReactElement) === MetaConstants.PreviewHeader)\n    .map((child) => {\n      if (React.isValidElement(child)) {\n        return React.cloneElement(child, {\n          // @ts-expect-error\n          _onFullScreen: handleFullScreen,\n        });\n      }\n      return child;\n    });\n\n  const previewBody = React.Children.toArray(children).filter(\n    (child) => getComponentId(child as React.ReactElement) === MetaConstants.PreviewBody,\n  );\n\n  const previewFooter = React.Children.toArray(children).filter(\n    (child) => getComponentId(child as React.ReactElement) === MetaConstants.PreviewFooter,\n  );\n\n  return (\n    <PreviewProvider\n      value={{\n        zoom: controlledZoom,\n        isFullScreen,\n        zoomScaleStep,\n        defaultZoom: defaultZoom ?? 1,\n      }}\n    >\n      <TransFormWrapperContainer ref={containerRef} isFullScreen={isFullScreen}>\n        <TransformWrapper\n          onTransformed={handleTransformed}\n          minScale={0.1}\n          maxScale={8}\n          disabled={isDragAndZoomDisabled}\n          initialScale={defaultZoom ?? controlledZoom}\n          doubleClick={{ disabled: false }}\n          onPanningStart={() => setIsDragging(true)}\n          onPanningStop={() => setIsDragging(false)}\n          panning={{ velocityDisabled: true }}\n          limitToBounds={false}\n          centerOnInit={true}\n        >\n          {() => (\n            <BaseBox\n              width=\"100%\"\n              height=\"100%\"\n              display=\"flex\"\n              flexDirection=\"column\"\n              position=\"relative\"\n              overflow=\"visible\"\n            >\n              {previewHeader}\n              <BaseBox flex={1} overflow=\"hidden\" position=\"relative\" width=\"100%\">\n                <ZoomContainer isDragEnabled={!isDragAndZoomDisabled} isDragging={isDragging}>\n                  <TransformComponent wrapperClass=\"zoom-wrapper\" contentClass=\"zoom-content\">\n                    {previewBody}\n                  </TransformComponent>\n                </ZoomContainer>\n              </BaseBox>\n              {previewFooter}\n            </BaseBox>\n          )}\n        </TransformWrapper>\n      </TransFormWrapperContainer>\n    </PreviewProvider>\n  );\n};\n\nexport { Preview, PreviewHeader, PreviewBody, PreviewFooter };\n"],"names":["_PreviewHeader","_ref","title","_onFullScreen","trailing","_usePreviewContext","usePreviewContext","isFullScreen","_jsx","BaseBox","zIndex","componentZIndices","previewPanel","display","alignItems","justifyContent","padding","backgroundColor","width","children","_jsxs","gap","borderRadius","Button","icon","FullScreenExitIcon","FullScreenEnterIcon","variant","onClick","accessibilityLabel","height","Heading","size","weight","color","Divider","orientation","PreviewHeader","assignWithoutSideEffects","componentId","MetaConstants","_PreviewBody","PreviewBodyProps","PreviewBody","_PreviewFooter","PreviewFooterProps","showZoomPercentage","_useControls","useControls","zoomIn","zoomOut","centerView","_usePreviewContext2","zoom","zoomScaleStep","defaultZoom","handleZoomIn","useCallback","handleZoomOut","handleReset","base","m","ZoomInIcon","isDisabled","makeSize","textAlign","Text","Math","round","ZoomOutIcon","RefreshIcon","ButtonGroup","PreviewFooter","dotSpacing","dotOpacity","dotSize","ZoomContainer","styled","div","withConfig","displayName","_ref2","isDragEnabled","isDragging","_ref3","concat","TransFormWrapperContainer","_ref4","theme","getIn","colors","Preview","_ref5","onFullScreenProp","onFullScreen","onZoomChange","_ref5$zoomScaleStep","_ref5$isDragAndZoomDi","isDragAndZoomDisabled","onDragChange","_useControllableState","useControllableState","onChange","defaultValue","_useControllableState2","_slicedToArray","controlledZoom","setControlledZoom","_useState","useState","_useState2","setIsFullScreen","_useState3","_useState4","setIsDragging","containerRef","React","useRef","handleTransformed","_ref6","state","scale","positionX","positionY","x","y","handleFullScreenError","err","DOMException","console","error","name","message","handleFullScreen","_asyncToGenerator","_regeneratorRuntime","mark","_callee","_containerRef$current","_t","_t2","wrap","_context","prev","next","document","fullscreenElement","current","requestFullscreen","exitFullscreen","stop","useEffect","handleFullScreenChange","addEventListener","removeEventListener","previewHeader","Children","toArray","filter","child","getComponentId","map","isValidElement","cloneElement","previewBody","previewFooter","PreviewProvider","value","ref","TransformWrapper","onTransformed","minScale","maxScale","disabled","initialScale","doubleClick","onPanningStart","onPanningStop","panning","velocityDisabled","limitToBounds","centerOnInit","flexDirection","position","overflow","flex","TransformComponent","wrapperClass","contentClass"],"mappings":"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"}
+{"version":3,"file":"Preview.web.js","sources":["../../../../../../src/components/Preview/Preview.web.tsx"],"sourcesContent":["import React, { useState, useCallback, useEffect } from 'react';\nimport { TransformWrapper, TransformComponent, useControls } from 'react-zoom-pan-pinch';\nimport styled from 'styled-components';\nimport type {\n  PreviewProps,\n  PreviewHeaderProps,\n  PreviewFooterProps,\n  PreviewBodyProps,\n} from './types';\nimport { usePreviewContext, PreviewProvider } from './PreviewContext';\nimport { MetaConstants } from '~utils/metaAttribute';\nimport getIn from '~utils/lodashButBetter/get';\nimport type { DotNotationToken } from '~utils/lodashButBetter/get';\nimport { size } from '~tokens/global';\nimport BaseBox from '~components/Box/BaseBox';\nimport {\n  FullScreenEnterIcon,\n  ZoomInIcon,\n  ZoomOutIcon,\n  FullScreenExitIcon,\n  RefreshIcon,\n} from '~components/Icons';\nimport { Heading, Text } from '~components/Typography';\nimport { ButtonGroup } from '~components/ButtonGroup';\nimport { Button } from '~components/Button';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { getComponentId } from '~utils/isValidAllowedChildren';\nimport { Divider } from '~components/Divider';\nimport { useControllableState } from '~utils/useControllable';\nimport { componentZIndices } from '~utils/componentZIndices';\nimport type { Theme } from '~components/BladeProvider';\nimport { makeSize } from '~utils/makeSize';\n\nconst _PreviewHeader = ({\n  title,\n  _onFullScreen,\n  trailing,\n}: PreviewHeaderProps): React.ReactElement => {\n  const { isFullScreen } = usePreviewContext();\n\n  if (!title) {\n    return (\n      <BaseBox\n        zIndex={componentZIndices.previewPanel}\n        display=\"flex\"\n        alignItems=\"center\"\n        justifyContent=\"flex-end\"\n        padding=\"spacing.4\"\n        backgroundColor=\"transparent\"\n        width=\"100%\"\n      >\n        <BaseBox\n          display=\"flex\"\n          alignItems=\"center\"\n          gap=\"spacing.3\"\n          backgroundColor=\"transparent\"\n          borderRadius=\"medium\"\n        >\n          <Button\n            icon={isFullScreen ? FullScreenExitIcon : FullScreenEnterIcon}\n            variant=\"tertiary\"\n            onClick={_onFullScreen}\n            accessibilityLabel={isFullScreen ? 'Exit Full Screen' : 'Enter Full Screen'}\n          />\n          {trailing}\n        </BaseBox>\n      </BaseBox>\n    );\n  }\n  return (\n    <BaseBox zIndex={componentZIndices.previewPanel} backgroundColor=\"transparent\" width=\"100%\">\n      <BaseBox\n        display=\"flex\"\n        alignItems=\"center\"\n        justifyContent=\"space-between\"\n        padding=\"spacing.5\"\n        height=\"100%\"\n        width=\"100%\"\n      >\n        <Heading size=\"medium\" weight=\"regular\" color=\"surface.text.gray.subtle\">\n          {title}\n        </Heading>\n        <BaseBox display=\"flex\" alignItems=\"center\" gap=\"spacing.3\">\n          <Button\n            icon={isFullScreen ? FullScreenExitIcon : FullScreenEnterIcon}\n            variant=\"tertiary\"\n            onClick={_onFullScreen}\n          />\n          {trailing}\n        </BaseBox>\n      </BaseBox>\n      <Divider orientation=\"horizontal\" />\n    </BaseBox>\n  );\n};\n\nconst PreviewHeader = assignWithoutSideEffects(_PreviewHeader, {\n  componentId: MetaConstants.PreviewHeader,\n});\n\nconst _PreviewBody = (PreviewBodyProps: PreviewBodyProps): React.ReactElement => {\n  const { children } = PreviewBodyProps;\n  return <BaseBox>{children}</BaseBox>;\n};\n\nconst PreviewBody = assignWithoutSideEffects(_PreviewBody, {\n  componentId: MetaConstants.PreviewBody,\n});\n\nconst _PreviewFooter = (PreviewFooterProps: PreviewFooterProps): React.ReactElement => {\n  const { showZoomPercentage, trailing } = PreviewFooterProps;\n  const { zoomIn, zoomOut, centerView } = useControls();\n  const { zoom, zoomScaleStep, defaultZoom } = usePreviewContext();\n  const handleZoomIn = useCallback(() => {\n    zoomIn(zoomScaleStep);\n  }, [zoomScaleStep, zoomIn]);\n\n  const handleZoomOut = useCallback(() => {\n    zoomOut(zoomScaleStep);\n  }, [zoomScaleStep, zoomOut]);\n\n  const handleReset = useCallback(() => {\n    // thanks to https://github.com/BetterTyped/react-zoom-pan-pinch/issues/286#issuecomment-1442888219\n    centerView(defaultZoom, 0);\n  }, [defaultZoom, centerView]);\n\n  return (\n    <BaseBox\n      display=\"flex\"\n      justifyContent={trailing ? 'space-between' : 'center'}\n      width=\"100%\"\n      backgroundColor=\"transparent\"\n      padding={{ base: 'spacing.2', m: 'spacing.5' }}\n      zIndex={componentZIndices.previewPanel}\n    >\n      <BaseBox padding=\"spacing.2\">\n        {showZoomPercentage ? (\n          <BaseBox display=\"flex\" alignItems=\"center\" gap=\"spacing.2\">\n            <Button\n              icon={ZoomInIcon}\n              onClick={handleZoomIn}\n              variant=\"tertiary\"\n              accessibilityLabel=\"Zoom In\"\n              isDisabled={zoom >= 8}\n            />\n            <BaseBox width={makeSize(size[40])} textAlign={'center' as never}>\n              <Text size=\"medium\"> {Math.round(zoom * 100)}%</Text>\n            </BaseBox>\n            <Button\n              icon={ZoomOutIcon}\n              onClick={handleZoomOut}\n              variant=\"tertiary\"\n              accessibilityLabel=\"Zoom Out\"\n              isDisabled={zoom <= 0.1}\n            />\n            <Button\n              icon={RefreshIcon}\n              onClick={() => handleReset()}\n              variant=\"tertiary\"\n              accessibilityLabel=\"Reset Zoom\"\n            />\n          </BaseBox>\n        ) : (\n          <BaseBox display=\"flex\" alignItems=\"center\" gap=\"spacing.2\">\n            <ButtonGroup variant=\"tertiary\">\n              <Button icon={ZoomInIcon} onClick={handleZoomIn} accessibilityLabel=\"Zoom In\" />\n              <Button icon={ZoomOutIcon} onClick={handleZoomOut} accessibilityLabel=\"Zoom Out\" />\n            </ButtonGroup>\n            <Button\n              icon={RefreshIcon}\n              onClick={() => handleReset()}\n              accessibilityLabel=\"Reset Zoom\"\n              variant=\"tertiary\"\n            />\n          </BaseBox>\n        )}\n      </BaseBox>\n      {trailing}\n    </BaseBox>\n  );\n};\n\nconst PreviewFooter = assignWithoutSideEffects(_PreviewFooter, {\n  componentId: MetaConstants.PreviewFooter,\n});\n\nconst dotSpacing = 16;\nconst dotSize = 1;\nconst ZoomContainer = styled.div<{ isDragEnabled: boolean; isDragging: boolean }>`\n  width: 100%;\n  height: 100%;\n  cursor: ${({ isDragEnabled, isDragging }) => {\n    if (!isDragEnabled) return 'default';\n    return isDragging ? 'grabbing' : 'grab';\n  }};\n  background-image: ${({ isDragEnabled, theme }) =>\n    isDragEnabled\n      ? `radial-gradient(\n    circle,\n    ${getIn(\n      theme.colors,\n      'surface.border.gray.muted' as DotNotationToken<Theme['colors']>,\n    )} ${dotSize}px,\n    transparent ${dotSize}px\n  )`\n      : 'none'};\n  background-size: ${dotSpacing}px ${dotSpacing}px;\n  .zoom-wrapper,\n  .zoom-content {\n    width: 100%;\n    height: 100%;\n    overflow: visible;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n  transition: cursor 0.1s ease;\n`;\n\nconst TransFormWrapperContainer = styled.div<{\n  isFullScreen: boolean;\n}>`\n  width: 100%;\n  height: 100%;\n  position: relative;\n  overflow: hidden;\n  background-color: ${({ isFullScreen, theme }) =>\n    isFullScreen\n      ? getIn(theme.colors, 'surface.background.gray.intense' as DotNotationToken<Theme['colors']>)\n      : 'transparent'};\n`;\nconst Preview = ({\n  children,\n  onFullScreen: onFullScreenProp,\n  onZoomChange,\n  zoomScaleStep = 0.1,\n  isDragAndZoomDisabled = false,\n  defaultZoom,\n  onDragChange,\n}: PreviewProps): React.ReactElement => {\n  const [controlledZoom, setControlledZoom] = useControllableState({\n    onChange: onZoomChange,\n    defaultValue: defaultZoom ?? 1,\n  });\n  const [isFullScreen, setIsFullScreen] = useState(false);\n  const [isDragging, setIsDragging] = useState(false);\n  const containerRef = React.useRef<HTMLDivElement>(null);\n\n  const handleTransformed = ({\n    state,\n  }: {\n    state: { scale: number; positionX: number; positionY: number };\n  }): void => {\n    const { scale, positionX, positionY } = state;\n    setControlledZoom(() => scale);\n    onDragChange?.({ x: positionX, y: positionY });\n  };\n\n  const handleFullScreenError = (err: unknown): void => {\n    if (err instanceof DOMException) {\n      console.error(`Fullscreen request failed: ${err.name} - ${err.message}`);\n    } else {\n      console.error('Unexpected error during fullscreen request:', err);\n    }\n  };\n\n  const handleFullScreen = useCallback(async () => {\n    if (!document.fullscreenElement) {\n      try {\n        await containerRef.current?.requestFullscreen();\n        setIsFullScreen(true);\n        onFullScreenProp?.();\n      } catch (err: unknown) {\n        handleFullScreenError(err);\n      }\n    } else {\n      try {\n        await document.exitFullscreen();\n        setIsFullScreen(false);\n        onFullScreenProp?.();\n      } catch (err: unknown) {\n        handleFullScreenError(err);\n      }\n    }\n  }, [onFullScreenProp]);\n\n  // this is added to handle the fullscreen change if user exits fullscreen using the escape key, or browser's exit fullscreen button\n  useEffect(() => {\n    const handleFullScreenChange = (): void => {\n      setIsFullScreen(!!document.fullscreenElement);\n    };\n\n    document.addEventListener('fullscreenchange', handleFullScreenChange);\n    return () => {\n      document.removeEventListener('fullscreenchange', handleFullScreenChange);\n    };\n  }, []);\n\n  // filter out preview header, preview body, preview footer separately using componentId\n  const previewHeader = React.Children.toArray(children)\n    .filter((child) => getComponentId(child as React.ReactElement) === MetaConstants.PreviewHeader)\n    .map((child) => {\n      if (React.isValidElement(child)) {\n        return React.cloneElement(child, {\n          // @ts-expect-error\n          _onFullScreen: handleFullScreen,\n        });\n      }\n      return child;\n    });\n\n  const previewBody = React.Children.toArray(children).filter(\n    (child) => getComponentId(child as React.ReactElement) === MetaConstants.PreviewBody,\n  );\n\n  const previewFooter = React.Children.toArray(children).filter(\n    (child) => getComponentId(child as React.ReactElement) === MetaConstants.PreviewFooter,\n  );\n\n  return (\n    <PreviewProvider\n      value={{\n        zoom: controlledZoom,\n        isFullScreen,\n        zoomScaleStep,\n        defaultZoom: defaultZoom ?? 1,\n      }}\n    >\n      <TransFormWrapperContainer ref={containerRef} isFullScreen={isFullScreen}>\n        <TransformWrapper\n          onTransformed={handleTransformed}\n          minScale={0.1}\n          maxScale={8}\n          disabled={isDragAndZoomDisabled}\n          initialScale={defaultZoom ?? controlledZoom}\n          doubleClick={{ disabled: false }}\n          onPanningStart={() => setIsDragging(true)}\n          onPanningStop={() => setIsDragging(false)}\n          panning={{ velocityDisabled: true }}\n          limitToBounds={false}\n          centerOnInit={true}\n        >\n          {() => (\n            <BaseBox\n              width=\"100%\"\n              height=\"100%\"\n              display=\"flex\"\n              flexDirection=\"column\"\n              position=\"relative\"\n              overflow=\"visible\"\n            >\n              {previewHeader}\n              <BaseBox flex={1} overflow=\"hidden\" position=\"relative\" width=\"100%\">\n                <ZoomContainer isDragEnabled={!isDragAndZoomDisabled} isDragging={isDragging}>\n                  <TransformComponent wrapperClass=\"zoom-wrapper\" contentClass=\"zoom-content\">\n                    {previewBody}\n                  </TransformComponent>\n                </ZoomContainer>\n              </BaseBox>\n              {previewFooter}\n            </BaseBox>\n          )}\n        </TransformWrapper>\n      </TransFormWrapperContainer>\n    </PreviewProvider>\n  );\n};\n\nexport { Preview, PreviewHeader, PreviewBody, PreviewFooter };\n"],"names":["_PreviewHeader","_ref","title","_onFullScreen","trailing","_usePreviewContext","usePreviewContext","isFullScreen","_jsx","BaseBox","zIndex","componentZIndices","previewPanel","display","alignItems","justifyContent","padding","backgroundColor","width","children","_jsxs","gap","borderRadius","Button","icon","FullScreenExitIcon","FullScreenEnterIcon","variant","onClick","accessibilityLabel","height","Heading","size","weight","color","Divider","orientation","PreviewHeader","assignWithoutSideEffects","componentId","MetaConstants","_PreviewBody","PreviewBodyProps","PreviewBody","_PreviewFooter","PreviewFooterProps","showZoomPercentage","_useControls","useControls","zoomIn","zoomOut","centerView","_usePreviewContext2","zoom","zoomScaleStep","defaultZoom","handleZoomIn","useCallback","handleZoomOut","handleReset","base","m","ZoomInIcon","isDisabled","makeSize","textAlign","Text","Math","round","ZoomOutIcon","RefreshIcon","ButtonGroup","PreviewFooter","dotSpacing","dotSize","ZoomContainer","styled","div","withConfig","displayName","_ref2","isDragEnabled","isDragging","_ref3","theme","concat","getIn","colors","TransFormWrapperContainer","_ref4","Preview","_ref5","onFullScreenProp","onFullScreen","onZoomChange","_ref5$zoomScaleStep","_ref5$isDragAndZoomDi","isDragAndZoomDisabled","onDragChange","_useControllableState","useControllableState","onChange","defaultValue","_useControllableState2","_slicedToArray","controlledZoom","setControlledZoom","_useState","useState","_useState2","setIsFullScreen","_useState3","_useState4","setIsDragging","containerRef","React","useRef","handleTransformed","_ref6","state","scale","positionX","positionY","x","y","handleFullScreenError","err","DOMException","console","error","name","message","handleFullScreen","_asyncToGenerator","_regeneratorRuntime","mark","_callee","_containerRef$current","_t","_t2","wrap","_context","prev","next","document","fullscreenElement","current","requestFullscreen","exitFullscreen","stop","useEffect","handleFullScreenChange","addEventListener","removeEventListener","previewHeader","Children","toArray","filter","child","getComponentId","map","isValidElement","cloneElement","previewBody","previewFooter","PreviewProvider","value","ref","TransformWrapper","onTransformed","minScale","maxScale","disabled","initialScale","doubleClick","onPanningStart","onPanningStop","panning","velocityDisabled","limitToBounds","centerOnInit","flexDirection","position","overflow","flex","TransformComponent","wrapperClass","contentClass"],"mappings":"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"}

package/build/lib/web/{production/components/QuickFilters/QuickFilter.js → development/components/QuickFilters/QuickFilter.web.js}

@@ -2,7 +2,7 @@ import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import { forwardRef } from 'react';
 import './QuickFilterGroup/index.js';
-import { StyledQuickFilterWrapper } from './StyledQuickFilterWrapper.js';
+import { StyledQuickFilterWrapper } from './StyledQuickFilterWrapper.web.js';
 import '../Box/index.js';
 import '../Typography/index.js';
 import '../Radio/index.js';
@@ -87,6 +87,10 @@ var QuickFilter = /*#__PURE__*/forwardRef(function (_ref2, ref) {
     trailing = _ref2.trailing,
     testID = _ref2.testID,
     rest = _objectWithoutProperties(_ref2, _excluded2);
+  // NOTE: Do NOT destructure or call `onSelect` from the context here.
+  // `onSelect` is a native-only field used by the Pressable tap handler in QuickFilter.native.tsx.
+  // On web, state is managed by RadioGroup/CheckboxGroup inside QuickFilterWrapper.
+  // Calling onSelect on web would double-update state.
   var _useQuickFilterGroupC = useQuickFilterGroupContext(),
     selectedQuickFilters = _useQuickFilterGroupC.selectedQuickFilters,
     selectionType = _useQuickFilterGroupC.selectionType;
@@ -113,4 +117,4 @@ var QuickFilter = /*#__PURE__*/forwardRef(function (_ref2, ref) {
 });
 
 export { QuickFilter };
-//# sourceMappingURL=QuickFilter.js.map
+//# sourceMappingURL=QuickFilter.web.js.map

package/build/lib/web/development/components/QuickFilters/QuickFilter.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuickFilter.web.js","sources":["../../../../../../src/components/QuickFilters/QuickFilter.web.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport type { QuickFilterProps, QuickFilterContentProps } from './types';\nimport { useQuickFilterGroupContext } from './QuickFilterGroup';\nimport { StyledQuickFilterWrapper } from './StyledQuickFilterWrapper';\nimport { Box } from '~components/Box';\nimport { Text } from '~components/Typography';\nimport { Radio } from '~components/Radio';\nimport { Checkbox } from '~components/Checkbox';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { metaAttribute } from '~utils/metaAttribute';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { BladeElementRef } from '~utils/types';\n\nconst QuickFilterContent = ({\n  value,\n  title,\n  trailing,\n  selectionType = 'single',\n  isSelected = false,\n  ...rest\n}: QuickFilterContentProps): React.ReactElement => {\n  const isSingleSelection = selectionType === 'single';\n\n  return (\n    <BaseBox\n      display=\"flex\"\n      flexDirection=\"row\"\n      gap=\"spacing.3\"\n      width=\"fit-content\"\n      justifyContent=\"center\"\n      alignItems=\"center\"\n      paddingY=\"spacing.3\"\n      paddingLeft={isSingleSelection ? 'spacing.4' : 'spacing.3'}\n      paddingRight=\"spacing.4\"\n    >\n      <Box\n        display=\"flex\"\n        flexDirection=\"row\"\n        gap={isSingleSelection ? 'spacing.0' : 'spacing.2'}\n        justifyContent=\"center\"\n        alignItems=\"center\"\n      >\n        {isSingleSelection ? (\n          <Radio value={value} _hideRadioIcon {...makeAnalyticsAttribute(rest)} />\n        ) : (\n          <Checkbox value={value} {...makeAnalyticsAttribute(rest)} />\n        )}\n        <BaseBox display={'grid' as never}>\n          {/* Invisible bold text to reserve space and prevent layout shift */}\n          <BaseBox gridArea={'1 / 1' as never} visibility={'hidden' as never} aria-hidden={true}>\n            <Text variant=\"body\" size=\"medium\" weight=\"semibold\">\n              {title}\n            </Text>\n          </BaseBox>\n          {/* Visible text in the same grid cell */}\n          <BaseBox gridArea={'1 / 1' as never}>\n            <Text\n              variant=\"body\"\n              size=\"medium\"\n              color={isSelected ? 'interactive.text.gray.normal' : 'interactive.text.gray.subtle'}\n              weight={isSelected ? 'semibold' : 'medium'}\n            >\n              {title}\n            </Text>\n          </BaseBox>\n        </BaseBox>\n      </Box>\n\n      {trailing}\n    </BaseBox>\n  );\n};\n\nconst QuickFilter = forwardRef<BladeElementRef, QuickFilterProps>(\n  ({ title, value, trailing, testID, ...rest }, ref): React.ReactElement => {\n    // NOTE: Do NOT destructure or call `onSelect` from the context here.\n    // `onSelect` is a native-only field used by the Pressable tap handler in QuickFilter.native.tsx.\n    // On web, state is managed by RadioGroup/CheckboxGroup inside QuickFilterWrapper.\n    // Calling onSelect on web would double-update state.\n    const { selectedQuickFilters, selectionType } = useQuickFilterGroupContext();\n\n    const isQuickFilterSelected = selectedQuickFilters.includes(value);\n\n    return (\n      <StyledQuickFilterWrapper\n        as=\"label\"\n        ref={ref as React.Ref<HTMLLabelElement>}\n        display=\"flex\"\n        flexDirection=\"column\"\n        alignItems=\"flex-start\"\n        borderRadius=\"small\"\n        isSelected={isQuickFilterSelected}\n        {...makeAnalyticsAttribute(rest)}\n        {...metaAttribute({ testID })}\n      >\n        <QuickFilterContent\n          value={value}\n          title={title}\n          trailing={trailing}\n          selectionType={selectionType}\n          isSelected={isQuickFilterSelected}\n          {...rest}\n        />\n      </StyledQuickFilterWrapper>\n    );\n  },\n);\nexport { QuickFilter };\n"],"names":["QuickFilterContent","_ref","value","title","trailing","_ref$selectionType","selectionType","_ref$isSelected","isSelected","rest","_objectWithoutProperties","_excluded","isSingleSelection","_jsxs","BaseBox","display","flexDirection","gap","width","justifyContent","alignItems","paddingY","paddingLeft","paddingRight","children","Box","_jsx","Radio","_objectSpread","_hideRadioIcon","makeAnalyticsAttribute","Checkbox","gridArea","visibility","Text","variant","size","weight","color","QuickFilter","forwardRef","_ref2","ref","testID","_excluded2","_useQuickFilterGroupC","useQuickFilterGroupContext","selectedQuickFilters","isQuickFilterSelected","includes","StyledQuickFilterWrapper","as","borderRadius","metaAttribute"],"mappings":"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"}

package/build/lib/web/development/components/QuickFilters/QuickFilterGroup/QuickFilterContext.js

@@ -2,7 +2,9 @@ import React__default from 'react';
 
 var QuickFilterGroupContext = /*#__PURE__*/React__default.createContext({
   selectionType: 'single',
-  selectedQuickFilters: []
+  selectedQuickFilters: [],
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
+  onSelect: function onSelect() {}
 });
 var QuickFilterGroupProvider = QuickFilterGroupContext.Provider;
 var useQuickFilterGroupContext = function useQuickFilterGroupContext() {

package/build/lib/web/development/components/QuickFilters/QuickFilterGroup/QuickFilterContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"QuickFilterContext.js","sources":["../../../../../../../src/components/QuickFilters/QuickFilterGroup/QuickFilterContext.tsx"],"sourcesContent":["import React from 'react';\nimport type { QuickFilterGroupContextType } from '../types';\n\nconst QuickFilterGroupContext = React.createContext<QuickFilterGroupContextType>({\n  selectionType: 'single',\n  selectedQuickFilters: [],\n});\nconst QuickFilterGroupProvider = QuickFilterGroupContext.Provider;\n\nconst useQuickFilterGroupContext = (): QuickFilterGroupContextType => {\n  const context = React.useContext(QuickFilterGroupContext);\n  return context;\n};\n\nexport { useQuickFilterGroupContext, QuickFilterGroupProvider };\n"],"names":["QuickFilterGroupContext","React","createContext","selectionType","selectedQuickFilters","QuickFilterGroupProvider","Provider","useQuickFilterGroupContext","context","useContext"],"mappings":";;AAGA,IAAMA,uBAAuB,gBAAGC,cAAK,CAACC,aAAa,CAA8B;AAC/EC,EAAAA,aAAa,EAAE,QAAQ;AACvBC,EAAAA,oBAAoB,EAAE,EAAA;AACxB,CAAC,CAAC,CAAA;AACF,IAAMC,wBAAwB,GAAGL,uBAAuB,CAACM,SAAQ;AAEjE,IAAMC,0BAA0B,GAAG,SAA7BA,0BAA0BA,GAAsC;AACpE,EAAA,IAAMC,OAAO,GAAGP,cAAK,CAACQ,UAAU,CAACT,uBAAuB,CAAC,CAAA;AACzD,EAAA,OAAOQ,OAAO,CAAA;AAChB;;;;"}
+{"version":3,"file":"QuickFilterContext.js","sources":["../../../../../../../src/components/QuickFilters/QuickFilterGroup/QuickFilterContext.tsx"],"sourcesContent":["import React from 'react';\nimport type { QuickFilterGroupContextType } from '../types';\n\nconst QuickFilterGroupContext = React.createContext<QuickFilterGroupContextType>({\n  selectionType: 'single',\n  selectedQuickFilters: [],\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  onSelect: () => {},\n});\nconst QuickFilterGroupProvider = QuickFilterGroupContext.Provider;\n\nconst useQuickFilterGroupContext = (): QuickFilterGroupContextType => {\n  const context = React.useContext(QuickFilterGroupContext);\n  return context;\n};\n\nexport { useQuickFilterGroupContext, QuickFilterGroupProvider };\n"],"names":["QuickFilterGroupContext","React","createContext","selectionType","selectedQuickFilters","onSelect","QuickFilterGroupProvider","Provider","useQuickFilterGroupContext","context","useContext"],"mappings":";;AAGA,IAAMA,uBAAuB,gBAAGC,cAAK,CAACC,aAAa,CAA8B;AAC/EC,EAAAA,aAAa,EAAE,QAAQ;AACvBC,EAAAA,oBAAoB,EAAE,EAAE;AACxB;AACAC,EAAAA,QAAQ,EAAE,SAAVA,QAAQA,GAAQ,EAAC;AACnB,CAAC,CAAC,CAAA;AACF,IAAMC,wBAAwB,GAAGN,uBAAuB,CAACO,SAAQ;AAEjE,IAAMC,0BAA0B,GAAG,SAA7BA,0BAA0BA,GAAsC;AACpE,EAAA,IAAMC,OAAO,GAAGR,cAAK,CAACS,UAAU,CAACV,uBAAuB,CAAC,CAAA;AACzD,EAAA,OAAOS,OAAO,CAAA;AAChB;;;;"}

package/build/lib/web/development/components/QuickFilters/QuickFilterGroup/QuickFilterGroup.js

@@ -1,7 +1,8 @@
+import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import 'react';
+import React__default from 'react';
 import { useQuickFilterGroupContext, QuickFilterGroupProvider } from './QuickFilterContext.js';
 import '../../Radio/index.js';
 import '../../Box/BaseBox/index.js';
@@ -77,10 +78,26 @@ var QuickFilterGroup = function QuickFilterGroup(_ref4) {
     _useControllableState2 = _slicedToArray(_useControllableState, 2),
     selectedQuickFilters = _useControllableState2[0],
     setSelectedQuickFilters = _useControllableState2[1];
+  var onSelect = React__default.useCallback(function (val) {
+    if (selectionType === 'single') {
+      setSelectedQuickFilters(function () {
+        var prev = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+        return prev[0] === val ? prev : [val];
+      });
+    } else {
+      setSelectedQuickFilters(function () {
+        var prev = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+        return prev.includes(val) ? prev.filter(function (v) {
+          return v !== val;
+        }) : [].concat(_toConsumableArray(prev), [val]);
+      });
+    }
+  }, [selectionType, setSelectedQuickFilters]);
   return /*#__PURE__*/jsx(QuickFilterGroupProvider, {
     value: {
       selectionType: selectionType,
-      selectedQuickFilters: selectedQuickFilters
+      selectedQuickFilters: selectedQuickFilters,
+      onSelect: onSelect
     },
     children: /*#__PURE__*/jsx(QuickFilterWrapper, _objectSpread(_objectSpread({
       onChange: _onChange,
@@ -89,6 +106,7 @@ var QuickFilterGroup = function QuickFilterGroup(_ref4) {
       children: /*#__PURE__*/jsx(BaseBox, {
         display: "flex",
         flexDirection: "row",
+        flexWrap: "wrap",
         gap: "spacing.3",
         children: children
       })

package/build/lib/web/development/components/QuickFilters/QuickFilterGroup/QuickFilterGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"QuickFilterGroup.js","sources":["../../../../../../../src/components/QuickFilters/QuickFilterGroup/QuickFilterGroup.tsx"],"sourcesContent":["import React from 'react';\nimport type { QuickFilterGroupProps, QuickFilterWrapperProps } from '../types';\nimport { QuickFilterGroupProvider, useQuickFilterGroupContext } from './QuickFilterContext';\nimport { RadioGroup } from '~components/Radio';\nimport BaseBox from '~components/Box/BaseBox';\nimport { CheckboxGroup } from '~components/Checkbox';\nimport { useControllableState } from '~utils/useControllable';\nimport { useId } from '~utils/useId';\n\nconst QuickFilterWrapper = ({\n  children,\n  onChange,\n  setSelectedQuickFilters,\n  ...rest\n}: QuickFilterWrapperProps): React.ReactElement => {\n  const { selectedQuickFilters, selectionType } = useQuickFilterGroupContext();\n\n  if (selectionType === 'single') {\n    return (\n      <RadioGroup\n        value={selectedQuickFilters[0] ?? ''}\n        onChange={({ value }) => {\n          setSelectedQuickFilters(() => [value]);\n        }}\n        size=\"small\"\n        {...rest}\n      >\n        {children}\n      </RadioGroup>\n    );\n  }\n  return (\n    <CheckboxGroup\n      value={selectedQuickFilters}\n      onChange={({ values }) => {\n        setSelectedQuickFilters(() => values);\n      }}\n      size=\"small\"\n      {...rest}\n    >\n      {children}\n    </CheckboxGroup>\n  );\n};\n\nconst QuickFilterGroup = ({\n  children,\n  testID,\n  value,\n  defaultValue,\n  onChange,\n  name,\n  selectionType,\n  ...rest\n}: QuickFilterGroupProps): React.ReactElement => {\n  const idBase = useId('quick-filter-group');\n  const [selectedQuickFilters, setSelectedQuickFilters] = useControllableState({\n    value: (value && selectionType === 'single' ? [value] : value) as string[] | undefined,\n    // If selectionType is single, we need to convert the value to an array\n    defaultValue: (defaultValue && selectionType === 'single'\n      ? [defaultValue]\n      : defaultValue ?? []) as string[] | undefined,\n    onChange: (values: string[]) => onChange?.({ values, name: name ?? idBase }),\n  });\n  return (\n    <QuickFilterGroupProvider value={{ selectionType, selectedQuickFilters }}>\n      <QuickFilterWrapper\n        onChange={onChange}\n        setSelectedQuickFilters={setSelectedQuickFilters}\n        {...rest}\n      >\n        <BaseBox display=\"flex\" flexDirection=\"row\" gap=\"spacing.3\">\n          {children}\n        </BaseBox>\n      </QuickFilterWrapper>\n    </QuickFilterGroupProvider>\n  );\n};\n\nexport { QuickFilterGroup };\n"],"names":["QuickFilterWrapper","_ref","children","onChange","setSelectedQuickFilters","rest","_objectWithoutProperties","_excluded","_useQuickFilterGroupC","useQuickFilterGroupContext","selectedQuickFilters","selectionType","_selectedQuickFilters","_jsx","RadioGroup","_objectSpread","value","_ref2","size","CheckboxGroup","_ref3","values","QuickFilterGroup","_ref4","testID","defaultValue","name","_excluded2","idBase","useId","_useControllableState","useControllableState","_useControllableState2","_slicedToArray","QuickFilterGroupProvider","BaseBox","display","flexDirection","gap"],"mappings":"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"}
+{"version":3,"file":"QuickFilterGroup.js","sources":["../../../../../../../src/components/QuickFilters/QuickFilterGroup/QuickFilterGroup.tsx"],"sourcesContent":["import React from 'react';\nimport type { QuickFilterGroupProps, QuickFilterWrapperProps } from '../types';\nimport { QuickFilterGroupProvider, useQuickFilterGroupContext } from './QuickFilterContext';\nimport { RadioGroup } from '~components/Radio';\nimport BaseBox from '~components/Box/BaseBox';\nimport { CheckboxGroup } from '~components/Checkbox';\nimport { useControllableState } from '~utils/useControllable';\nimport { useId } from '~utils/useId';\n\nconst QuickFilterWrapper = ({\n  children,\n  onChange,\n  setSelectedQuickFilters,\n  ...rest\n}: QuickFilterWrapperProps): React.ReactElement => {\n  const { selectedQuickFilters, selectionType } = useQuickFilterGroupContext();\n\n  if (selectionType === 'single') {\n    return (\n      <RadioGroup\n        value={selectedQuickFilters[0] ?? ''}\n        onChange={({ value }) => {\n          setSelectedQuickFilters(() => [value]);\n        }}\n        size=\"small\"\n        {...rest}\n      >\n        {children}\n      </RadioGroup>\n    );\n  }\n  return (\n    <CheckboxGroup\n      value={selectedQuickFilters}\n      onChange={({ values }) => {\n        setSelectedQuickFilters(() => values);\n      }}\n      size=\"small\"\n      {...rest}\n    >\n      {children}\n    </CheckboxGroup>\n  );\n};\n\nconst QuickFilterGroup = ({\n  children,\n  testID,\n  value,\n  defaultValue,\n  onChange,\n  name,\n  selectionType,\n  ...rest\n}: QuickFilterGroupProps): React.ReactElement => {\n  const idBase = useId('quick-filter-group');\n  const [selectedQuickFilters, setSelectedQuickFilters] = useControllableState({\n    value: (value && selectionType === 'single' ? [value] : value) as string[] | undefined,\n    // If selectionType is single, we need to convert the value to an array\n    defaultValue: (defaultValue && selectionType === 'single'\n      ? [defaultValue]\n      : defaultValue ?? []) as string[] | undefined,\n    onChange: (values: string[]) => onChange?.({ values, name: name ?? idBase }),\n  });\n\n  const onSelect = React.useCallback(\n    (val: string) => {\n      if (selectionType === 'single') {\n        setSelectedQuickFilters((prev = []) => (prev[0] === val ? prev : [val]));\n      } else {\n        setSelectedQuickFilters((prev = []) =>\n          prev.includes(val) ? prev.filter((v) => v !== val) : [...prev, val],\n        );\n      }\n    },\n    [selectionType, setSelectedQuickFilters],\n  );\n\n  return (\n    <QuickFilterGroupProvider value={{ selectionType, selectedQuickFilters, onSelect }}>\n      <QuickFilterWrapper\n        onChange={onChange}\n        setSelectedQuickFilters={setSelectedQuickFilters}\n        {...rest}\n      >\n        <BaseBox display=\"flex\" flexDirection=\"row\" flexWrap=\"wrap\" gap=\"spacing.3\">\n          {children}\n        </BaseBox>\n      </QuickFilterWrapper>\n    </QuickFilterGroupProvider>\n  );\n};\n\nexport { QuickFilterGroup };\n"],"names":["QuickFilterWrapper","_ref","children","onChange","setSelectedQuickFilters","rest","_objectWithoutProperties","_excluded","_useQuickFilterGroupC","useQuickFilterGroupContext","selectedQuickFilters","selectionType","_selectedQuickFilters","_jsx","RadioGroup","_objectSpread","value","_ref2","size","CheckboxGroup","_ref3","values","QuickFilterGroup","_ref4","testID","defaultValue","name","_excluded2","idBase","useId","_useControllableState","useControllableState","_useControllableState2","_slicedToArray","onSelect","React","useCallback","val","prev","arguments","length","undefined","includes","filter","v","concat","_toConsumableArray","QuickFilterGroupProvider","BaseBox","display","flexDirection","flexWrap","gap"],"mappings":"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"}

package/build/lib/web/development/components/QuickFilters/{StyledQuickFilterWrapper.js → StyledQuickFilterWrapper.web.js}

@@ -20,8 +20,8 @@ var quickFilterColorTokens = {
   }
 };
 var StyledQuickFilterWrapper = /*#__PURE__*/styled(BaseBox).withConfig({
-  displayName: "StyledQuickFilterWrapper",
-  componentId: "sc-16cvpgq-0"
+  displayName: "StyledQuickFilterWrapperweb__StyledQuickFilterWrapper",
+  componentId: "sc-9ev6bd-0"
 })(function (_ref) {
   var theme = _ref.theme,
     isSelected = _ref.isSelected;
@@ -51,4 +51,4 @@ var StyledQuickFilterWrapper = /*#__PURE__*/styled(BaseBox).withConfig({
 });
 
 export { StyledQuickFilterWrapper };
-//# sourceMappingURL=StyledQuickFilterWrapper.js.map
+//# sourceMappingURL=StyledQuickFilterWrapper.web.js.map

package/build/lib/web/development/components/QuickFilters/StyledQuickFilterWrapper.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StyledQuickFilterWrapper.web.js","sources":["../../../../../../src/components/QuickFilters/StyledQuickFilterWrapper.web.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport BaseBox from '~components/Box/BaseBox';\nimport getIn from '~utils/lodashButBetter/get';\nimport { makeMotionTime } from '~utils/makeMotionTime';\nimport { castWebType } from '~utils';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\n\ntype StyledQuickFilterWrapperProps = {\n  isSelected?: boolean;\n};\n\nconst quickFilterColorTokens = {\n  background: {\n    default: 'transparent',\n    selected: 'interactive.background.gray.fadedHighlighted',\n    hover: 'interactive.background.gray.faded',\n  },\n} as const;\n\nconst StyledQuickFilterWrapper = styled(BaseBox)<StyledQuickFilterWrapperProps>(\n  ({ theme, isSelected }) => {\n    const easing = getIn(theme.motion, 'easing.standard');\n    const duration = castWebType(makeMotionTime(getIn(theme.motion, 'duration.xquick')));\n\n    const defaultBackgroundColor = getIn(\n      theme.colors,\n      isSelected\n        ? quickFilterColorTokens.background.selected\n        : quickFilterColorTokens.background.default,\n    );\n\n    const hoverBackgroundColor = getIn(\n      theme.colors,\n      isSelected\n        ? quickFilterColorTokens.background.selected\n        : quickFilterColorTokens.background.hover,\n    );\n\n    return {\n      cursor: 'pointer',\n      backgroundColor: defaultBackgroundColor,\n      transitionProperty: 'background-color',\n      transitionTimingFunction: easing,\n      transitionDuration: duration,\n      '&:hover': {\n        backgroundColor: hoverBackgroundColor,\n      },\n      '&:has(:focus-visible)': {\n        backgroundColor: hoverBackgroundColor,\n        ...getFocusRingStyles({ theme }),\n      },\n      // Remove focus ring from inner Checkbox/Radio since the wrapper handles it\n      '& input:focus-visible + div': {\n        outline: 'none !important',\n      },\n    };\n  },\n);\n\nexport { StyledQuickFilterWrapper };\n"],"names":["quickFilterColorTokens","background","selected","hover","StyledQuickFilterWrapper","styled","BaseBox","withConfig","displayName","componentId","_ref","theme","isSelected","easing","getIn","motion","duration","castWebType","makeMotionTime","defaultBackgroundColor","colors","hoverBackgroundColor","cursor","backgroundColor","transitionProperty","transitionTimingFunction","transitionDuration","_objectSpread","getFocusRingStyles","outline"],"mappings":";;;;;;;;;;;;;;AAWA,IAAMA,sBAAsB,GAAG;AAC7BC,EAAAA,UAAU,EAAE;AACV,IAAA,SAAA,EAAS,aAAa;AACtBC,IAAAA,QAAQ,EAAE,8CAA8C;AACxDC,IAAAA,KAAK,EAAE,mCAAA;AACT,GAAA;AACF,CAAU,CAAA;AAEV,IAAMC,wBAAwB,gBAAGC,MAAM,CAACC,OAAO,CAAC,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,uDAAA;EAAAC,WAAA,EAAA,aAAA;AAAA,CAC9C,CAAA,CAAA,UAAAC,IAAA,EAA2B;AAAA,EAAA,IAAxBC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,UAAU,GAAAF,IAAA,CAAVE,UAAU,CAAA;EAClB,IAAMC,MAAM,GAAGC,KAAK,CAACH,KAAK,CAACI,MAAM,EAAE,iBAAiB,CAAC,CAAA;AACrD,EAAA,IAAMC,QAAQ,GAAGC,WAAW,CAACC,cAAc,CAACJ,KAAK,CAACH,KAAK,CAACI,MAAM,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAA;EAEpF,IAAMI,sBAAsB,GAAGL,KAAK,CAClCH,KAAK,CAACS,MAAM,EACZR,UAAU,GACNZ,sBAAsB,CAACC,UAAU,CAACC,QAAQ,GAC1CF,sBAAsB,CAACC,UAAU,WACvC,CAAC,CAAA;EAED,IAAMoB,oBAAoB,GAAGP,KAAK,CAChCH,KAAK,CAACS,MAAM,EACZR,UAAU,GACNZ,sBAAsB,CAACC,UAAU,CAACC,QAAQ,GAC1CF,sBAAsB,CAACC,UAAU,CAACE,KACxC,CAAC,CAAA;EAED,OAAO;AACLmB,IAAAA,MAAM,EAAE,SAAS;AACjBC,IAAAA,eAAe,EAAEJ,sBAAsB;AACvCK,IAAAA,kBAAkB,EAAE,kBAAkB;AACtCC,IAAAA,wBAAwB,EAAEZ,MAAM;AAChCa,IAAAA,kBAAkB,EAAEV,QAAQ;AAC5B,IAAA,SAAS,EAAE;AACTO,MAAAA,eAAe,EAAEF,oBAAAA;KAClB;AACD,IAAA,uBAAuB,EAAAM,aAAA,CAAA;AACrBJ,MAAAA,eAAe,EAAEF,oBAAAA;AAAoB,KAAA,EAClCO,kBAAkB,CAAC;AAAEjB,MAAAA,KAAK,EAALA,KAAAA;AAAM,KAAC,CAAC,CACjC;AACD;AACA,IAAA,6BAA6B,EAAE;AAC7BkB,MAAAA,OAAO,EAAE,iBAAA;AACX,KAAA;GACD,CAAA;AACH,CAAC;;;;"}

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

@@ -1,3 +1,3 @@
-export { QuickFilter } from './QuickFilter.js';
+export { QuickFilter } from './QuickFilter.web.js';
 export { QuickFilterGroup } from './QuickFilterGroup/QuickFilterGroup.js';
 //# sourceMappingURL=index.js.map

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

@@ -29,17 +29,18 @@ import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
 import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
 import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
-var _excluded = ["value", "children", "helpText", "isDisabled", "size", "_hideRadioIcon", "testID", "_motionMeta"];
+var _excluded = ["value", "children", "helpText", "isDisabled", "size", "trailing", "_hideRadioIcon", "testID", "_motionMeta"];
 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 _Radio = function _Radio(_ref, ref) {
-  var _groupProps$state, _groupProps$size;
+  var _groupProps$state, _groupProps$size, _groupProps$orientati;
   var value = _ref.value,
     children = _ref.children,
     helpText = _ref.helpText,
     isDisabled = _ref.isDisabled,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 'medium' : _ref$size,
+    trailing = _ref.trailing,
     _ref$_hideRadioIcon = _ref._hideRadioIcon,
     _hideRadioIcon = _ref$_hideRadioIcon === void 0 ? false : _ref$_hideRadioIcon,
     testID = _ref.testID,
@@ -56,6 +57,12 @@ var _Radio = function _Radio(_ref, ref) {
         message: 'Cannot use <Radio /> outside of <RadioGroup />'
       });
     }
+    if (trailing && (groupProps === null || groupProps === void 0 ? void 0 : groupProps.orientation) === 'horizontal') {
+      throwBladeError({
+        moduleName: 'Radio',
+        message: 'The `trailing` prop is not supported when the parent `RadioGroup` has `orientation="horizontal"`. Remove the `trailing` prop or switch to `orientation="vertical"`.'
+      });
+    }
   }
   var isChecked = groupProps === null || groupProps === void 0 || (_groupProps$state = groupProps.state) === null || _groupProps$state === void 0 ? void 0 : _groupProps$state.isChecked(value);
   var defaultChecked = (groupProps === null || groupProps === void 0 ? void 0 : groupProps.defaultValue) === undefined ? undefined : (groupProps === null || groupProps === void 0 ? void 0 : groupProps.defaultValue) === value;
@@ -67,6 +74,8 @@ var _Radio = function _Radio(_ref, ref) {
   var showHelpText = helpText;
   var isReactNative = getPlatformType() === 'react-native';
   var _size = (_groupProps$size = groupProps.size) !== null && _groupProps$size !== void 0 ? _groupProps$size : size;
+  var orientation = (_groupProps$orientati = groupProps === null || groupProps === void 0 ? void 0 : groupProps.orientation) !== null && _groupProps$orientati !== void 0 ? _groupProps$orientati : 'vertical';
+  var showTrailing = trailing && orientation === 'vertical';
   var handleChange = function handleChange(_ref2) {
     var isChecked = _ref2.isChecked,
       value = _ref2.value,
@@ -131,6 +140,11 @@ var _Radio = function _Radio(_ref, ref) {
             size: _size,
             isDisabled: _isDisabled,
             children: children
+          }) : null, showTrailing ? /*#__PURE__*/jsx(BaseBox, {
+            marginLeft: "spacing.2",
+            display: "flex",
+            alignItems: "center",
+            children: trailing
           }) : null]
         }), showHelpText && /*#__PURE__*/jsx(BaseBox, {
           marginLeft: helpTextLeftSpacing,

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

@@ -1 +1 @@
-{"version":3,"file":"Radio.js","sources":["../../../../../../src/components/Radio/Radio.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/restrict-plus-operands */\n/* eslint-disable @typescript-eslint/no-shadow */\nimport React from 'react';\nimport type { OnChange } from './useRadio';\nimport { useRadio } from './useRadio';\nimport { RadioIcon } from './RadioIcon/RadioIcon';\nimport { useRadioGroupContext } from './RadioGroup/RadioContext';\nimport { radioHoverTokens, radioSizes } from './radioTokens';\nimport isEmpty from '~utils/lodashButBetter/isEmpty';\nimport { SelectorLabel } from '~components/Form/Selector/SelectorLabel';\nimport BaseBox from '~components/Box/BaseBox';\nimport { SelectorTitle } from '~components/Form/Selector/SelectorTitle';\nimport { SelectorSupportText } from '~components/Form/Selector/SelectorSupportText';\nimport { SelectorInput } from '~components/Form/Selector/SelectorInput';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport type {\n  BladeElementRef,\n  DataAnalyticsAttribute,\n  StringChildrenType,\n  TestID,\n} from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { getPlatformType, makeSize, useTheme } from '~utils';\nimport { MetaConstants } from '~utils/metaAttribute';\nimport { throwBladeError } from '~utils/logger';\nimport type { MotionMetaProp } from '~components/BaseMotion';\nimport { getInnerMotionRef, getOuterMotionRef } from '~utils/getMotionRefs';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\ntype RadioProps = {\n  /**\n   * Sets the label text of the Radio\n   */\n  children?: StringChildrenType;\n  /**\n   * Help text for the Radio\n   */\n  helpText?: string;\n  /**\n   * The value to be used in the Radio input.\n   * This is the value that will be returned on form submission.\n   */\n  value: string;\n  /**\n   * If `true`, the Radio will be disabled\n   *\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Size of the radios\n   *\n   * @default \"medium\"\n   */\n  size?: 'small' | 'medium' | 'large';\n  /**\n   * @private\n   * Internal prop to hide the radio icon\n   * @default false\n   */\n  _hideRadioIcon?: boolean;\n} & TestID &\n  DataAnalyticsAttribute &\n  StyledPropsBlade &\n  MotionMetaProp;\n\nconst _Radio: React.ForwardRefRenderFunction<BladeElementRef, RadioProps> = (\n  {\n    value,\n    children,\n    helpText,\n    isDisabled,\n    size = 'medium',\n    _hideRadioIcon = false,\n    testID,\n    _motionMeta,\n    ...rest\n  },\n  ref,\n) => {\n  const { theme } = useTheme();\n  const groupProps = useRadioGroupContext();\n  const isInsideGroup = !isEmpty(groupProps);\n\n  if (__DEV__) {\n    if (!isInsideGroup) {\n      throwBladeError({\n        moduleName: 'Radio',\n        message: 'Cannot use <Radio /> outside of <RadioGroup />',\n      });\n    }\n  }\n\n  const isChecked = groupProps?.state?.isChecked(value);\n  const defaultChecked =\n    groupProps?.defaultValue === undefined ? undefined : groupProps?.defaultValue === value;\n  const validationState = groupProps?.validationState;\n  const hasError = validationState === 'error';\n  const _isDisabled = isDisabled ?? groupProps?.isDisabled;\n  const _isRequired = groupProps?.isRequired || groupProps?.necessityIndicator === 'required';\n  const name = groupProps?.name;\n  const showHelpText = helpText;\n  const isReactNative = getPlatformType() === 'react-native';\n  const _size = groupProps.size ?? size;\n\n  const handleChange: OnChange = ({ isChecked, value, event }) => {\n    if (isChecked) {\n      groupProps?.state?.setValue(value!, event);\n    } else {\n      groupProps?.state?.removeValue();\n    }\n  };\n\n  const { state, ids, inputProps } = useRadio({\n    defaultChecked,\n    isChecked,\n    hasError,\n    isDisabled: _isDisabled,\n    isRequired: _isRequired,\n    name,\n    value,\n    onChange: handleChange,\n  });\n\n  // radio icon's size & margin + margin-left of SelectorTitle which is 2\n  const helpTextLeftSpacing = makeSize(radioSizes.icon[size].width + theme.spacing[3]);\n\n  return (\n    <BaseBox ref={getOuterMotionRef({ _motionMeta, ref })} {...getStyledProps(rest)}>\n      <SelectorLabel\n        componentName={MetaConstants.RadioLabel}\n        inputProps={isReactNative ? inputProps : {}}\n        testID={testID}\n      >\n        <BaseBox display=\"flex\" flexDirection=\"column\">\n          <BaseBox display=\"flex\" alignItems=\"center\" flexDirection=\"row\">\n            <SelectorInput\n              hoverTokens={radioHoverTokens}\n              isChecked={state.isChecked}\n              isDisabled={_isDisabled}\n              hasError={hasError}\n              inputProps={inputProps}\n              ref={getInnerMotionRef({ _motionMeta, ref })}\n              {...makeAnalyticsAttribute(rest)}\n            />\n            {!_hideRadioIcon && (\n              <RadioIcon\n                size={_size}\n                isChecked={state.isChecked}\n                isDisabled={_isDisabled}\n                isNegative={hasError}\n              />\n            )}\n            {children ? (\n              <SelectorTitle size={_size} isDisabled={_isDisabled}>\n                {children}\n              </SelectorTitle>\n            ) : null}\n          </BaseBox>\n          {showHelpText && (\n            <BaseBox marginLeft={helpTextLeftSpacing}>\n              <SelectorSupportText size={_size} id={ids?.helpTextId}>\n                {helpText}\n              </SelectorSupportText>\n            </BaseBox>\n          )}\n        </BaseBox>\n      </SelectorLabel>\n    </BaseBox>\n  );\n};\n\nconst Radio = assignWithoutSideEffects(React.forwardRef(_Radio), { displayName: 'Radio' });\n\nexport type { RadioProps };\nexport { Radio };\n"],"names":["_Radio","_ref","ref","_groupProps$state","_groupProps$size","value","children","helpText","isDisabled","_ref$size","size","_ref$_hideRadioIcon","_hideRadioIcon","testID","_motionMeta","rest","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","groupProps","useRadioGroupContext","isInsideGroup","isEmpty","throwBladeError","moduleName","message","isChecked","state","defaultChecked","defaultValue","undefined","validationState","hasError","_isDisabled","_isRequired","isRequired","necessityIndicator","name","showHelpText","isReactNative","getPlatformType","_size","handleChange","_ref2","event","_groupProps$state2","setValue","_groupProps$state3","removeValue","_useRadio","useRadio","onChange","ids","inputProps","helpTextLeftSpacing","makeSize","radioSizes","icon","width","spacing","_jsx","BaseBox","_objectSpread","getOuterMotionRef","getStyledProps","SelectorLabel","componentName","MetaConstants","RadioLabel","_jsxs","display","flexDirection","alignItems","SelectorInput","hoverTokens","radioHoverTokens","getInnerMotionRef","makeAnalyticsAttribute","RadioIcon","isNegative","SelectorTitle","marginLeft","SelectorSupportText","id","helpTextId","Radio","assignWithoutSideEffects","React","forwardRef","displayName"],"mappings":"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"}
+{"version":3,"file":"Radio.js","sources":["../../../../../../src/components/Radio/Radio.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/restrict-plus-operands */\n/* eslint-disable @typescript-eslint/no-shadow */\nimport React from 'react';\nimport type { OnChange } from './useRadio';\nimport { useRadio } from './useRadio';\nimport { RadioIcon } from './RadioIcon/RadioIcon';\nimport { useRadioGroupContext } from './RadioGroup/RadioContext';\nimport { radioHoverTokens, radioSizes } from './radioTokens';\nimport isEmpty from '~utils/lodashButBetter/isEmpty';\nimport { SelectorLabel } from '~components/Form/Selector/SelectorLabel';\nimport BaseBox from '~components/Box/BaseBox';\nimport { SelectorTitle } from '~components/Form/Selector/SelectorTitle';\nimport { SelectorSupportText } from '~components/Form/Selector/SelectorSupportText';\nimport { SelectorInput } from '~components/Form/Selector/SelectorInput';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport type {\n  BladeElementRef,\n  DataAnalyticsAttribute,\n  StringChildrenType,\n  TestID,\n} from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { getPlatformType, makeSize, useTheme } from '~utils';\nimport { MetaConstants } from '~utils/metaAttribute';\nimport { throwBladeError } from '~utils/logger';\nimport type { MotionMetaProp } from '~components/BaseMotion';\nimport { getInnerMotionRef, getOuterMotionRef } from '~utils/getMotionRefs';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\ntype RadioProps = {\n  /**\n   * Sets the label text of the Radio\n   */\n  children?: StringChildrenType;\n  /**\n   * Help text for the Radio\n   */\n  helpText?: string;\n  /**\n   * The value to be used in the Radio input.\n   * This is the value that will be returned on form submission.\n   */\n  value: string;\n  /**\n   * If `true`, the Radio will be disabled\n   *\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Size of the radios\n   *\n   * @default \"medium\"\n   */\n  size?: 'small' | 'medium' | 'large';\n  /**\n   * Trailing element to display alongside the radio label (e.g. a `<Badge>`).\n   * Only rendered when the parent `RadioGroup` has `orientation=\"vertical\"`.\n   */\n  trailing?: React.ReactElement;\n  /**\n   * @private\n   * Internal prop to hide the radio icon\n   * @default false\n   */\n  _hideRadioIcon?: boolean;\n} & TestID &\n  DataAnalyticsAttribute &\n  StyledPropsBlade &\n  MotionMetaProp;\n\nconst _Radio: React.ForwardRefRenderFunction<BladeElementRef, RadioProps> = (\n  {\n    value,\n    children,\n    helpText,\n    isDisabled,\n    size = 'medium',\n    trailing,\n    _hideRadioIcon = false,\n    testID,\n    _motionMeta,\n    ...rest\n  },\n  ref,\n) => {\n  const { theme } = useTheme();\n  const groupProps = useRadioGroupContext();\n  const isInsideGroup = !isEmpty(groupProps);\n\n  if (__DEV__) {\n    if (!isInsideGroup) {\n      throwBladeError({\n        moduleName: 'Radio',\n        message: 'Cannot use <Radio /> outside of <RadioGroup />',\n      });\n    }\n    if (trailing && groupProps?.orientation === 'horizontal') {\n      throwBladeError({\n        moduleName: 'Radio',\n        message:\n          'The `trailing` prop is not supported when the parent `RadioGroup` has `orientation=\"horizontal\"`. Remove the `trailing` prop or switch to `orientation=\"vertical\"`.',\n      });\n    }\n  }\n\n  const isChecked = groupProps?.state?.isChecked(value);\n  const defaultChecked =\n    groupProps?.defaultValue === undefined ? undefined : groupProps?.defaultValue === value;\n  const validationState = groupProps?.validationState;\n  const hasError = validationState === 'error';\n  const _isDisabled = isDisabled ?? groupProps?.isDisabled;\n  const _isRequired = groupProps?.isRequired || groupProps?.necessityIndicator === 'required';\n  const name = groupProps?.name;\n  const showHelpText = helpText;\n  const isReactNative = getPlatformType() === 'react-native';\n  const _size = groupProps.size ?? size;\n  const orientation = groupProps?.orientation ?? 'vertical';\n  const showTrailing = trailing && orientation === 'vertical';\n\n  const handleChange: OnChange = ({ isChecked, value, event }) => {\n    if (isChecked) {\n      groupProps?.state?.setValue(value!, event);\n    } else {\n      groupProps?.state?.removeValue();\n    }\n  };\n\n  const { state, ids, inputProps } = useRadio({\n    defaultChecked,\n    isChecked,\n    hasError,\n    isDisabled: _isDisabled,\n    isRequired: _isRequired,\n    name,\n    value,\n    onChange: handleChange,\n  });\n\n  // radio icon's size & margin + margin-left of SelectorTitle which is 2\n  const helpTextLeftSpacing = makeSize(radioSizes.icon[size].width + theme.spacing[3]);\n\n  return (\n    <BaseBox ref={getOuterMotionRef({ _motionMeta, ref })} {...getStyledProps(rest)}>\n      <SelectorLabel\n        componentName={MetaConstants.RadioLabel}\n        inputProps={isReactNative ? inputProps : {}}\n        testID={testID}\n      >\n        <BaseBox display=\"flex\" flexDirection=\"column\">\n          <BaseBox display=\"flex\" alignItems=\"center\" flexDirection=\"row\">\n            <SelectorInput\n              hoverTokens={radioHoverTokens}\n              isChecked={state.isChecked}\n              isDisabled={_isDisabled}\n              hasError={hasError}\n              inputProps={inputProps}\n              ref={getInnerMotionRef({ _motionMeta, ref })}\n              {...makeAnalyticsAttribute(rest)}\n            />\n            {!_hideRadioIcon && (\n              <RadioIcon\n                size={_size}\n                isChecked={state.isChecked}\n                isDisabled={_isDisabled}\n                isNegative={hasError}\n              />\n            )}\n            {children ? (\n              <SelectorTitle size={_size} isDisabled={_isDisabled}>\n                {children}\n              </SelectorTitle>\n            ) : null}\n            {showTrailing ? (\n              <BaseBox marginLeft=\"spacing.2\" display=\"flex\" alignItems=\"center\">\n                {trailing}\n              </BaseBox>\n            ) : null}\n          </BaseBox>\n          {showHelpText && (\n            <BaseBox marginLeft={helpTextLeftSpacing}>\n              <SelectorSupportText size={_size} id={ids?.helpTextId}>\n                {helpText}\n              </SelectorSupportText>\n            </BaseBox>\n          )}\n        </BaseBox>\n      </SelectorLabel>\n    </BaseBox>\n  );\n};\n\nconst Radio = assignWithoutSideEffects(React.forwardRef(_Radio), { displayName: 'Radio' });\n\nexport type { RadioProps };\nexport { Radio };\n"],"names":["_Radio","_ref","ref","_groupProps$state","_groupProps$size","_groupProps$orientati","value","children","helpText","isDisabled","_ref$size","size","trailing","_ref$_hideRadioIcon","_hideRadioIcon","testID","_motionMeta","rest","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","groupProps","useRadioGroupContext","isInsideGroup","isEmpty","throwBladeError","moduleName","message","orientation","isChecked","state","defaultChecked","defaultValue","undefined","validationState","hasError","_isDisabled","_isRequired","isRequired","necessityIndicator","name","showHelpText","isReactNative","getPlatformType","_size","showTrailing","handleChange","_ref2","event","_groupProps$state2","setValue","_groupProps$state3","removeValue","_useRadio","useRadio","onChange","ids","inputProps","helpTextLeftSpacing","makeSize","radioSizes","icon","width","spacing","_jsx","BaseBox","_objectSpread","getOuterMotionRef","getStyledProps","SelectorLabel","componentName","MetaConstants","RadioLabel","_jsxs","display","flexDirection","alignItems","SelectorInput","hoverTokens","radioHoverTokens","getInnerMotionRef","makeAnalyticsAttribute","RadioIcon","isNegative","SelectorTitle","marginLeft","SelectorSupportText","id","helpTextId","Radio","assignWithoutSideEffects","React","forwardRef","displayName"],"mappings":"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"}

package/build/lib/web/development/components/Radio/RadioGroup/RadioContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioContext.js","sources":["../../../../../../../src/components/Radio/RadioGroup/RadioContext.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/explicit-module-boundary-types */\n/* eslint-disable @typescript-eslint/explicit-function-return-type */\nimport React from 'react';\nimport type { RadioGroupProps } from './RadioGroup';\nimport type { State } from './useRadioGroup';\n\nexport type RadioGroupContextType = Pick<\n  RadioGroupProps,\n  | 'validationState'\n  | 'isDisabled'\n  | 'isRequired'\n  | 'labelPosition'\n  | 'name'\n  | 'defaultValue'\n  | 'value'\n  | 'onChange'\n  | 'necessityIndicator'\n  | 'size'\n> & { state?: State };\n\nconst RadioGroupContext = React.createContext<RadioGroupContextType>({});\nconst RadioGroupProvider = RadioGroupContext.Provider;\n\nconst useRadioGroupContext = (): RadioGroupContextType => {\n  const context = React.useContext(RadioGroupContext);\n  return context;\n};\n\nexport { useRadioGroupContext, RadioGroupProvider };\n"],"names":["RadioGroupContext","React","createContext","RadioGroupProvider","Provider","useRadioGroupContext","context","useContext"],"mappings":";;AAAA;AACA;AAmBA,IAAMA,iBAAiB,gBAAGC,cAAK,CAACC,aAAa,CAAwB,EAAE,CAAC,CAAA;AACxE,IAAMC,kBAAkB,GAAGH,iBAAiB,CAACI,SAAQ;AAErD,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAoBA,GAAgC;AACxD,EAAA,IAAMC,OAAO,GAAGL,cAAK,CAACM,UAAU,CAACP,iBAAiB,CAAC,CAAA;AACnD,EAAA,OAAOM,OAAO,CAAA;AAChB;;;;"}
+{"version":3,"file":"RadioContext.js","sources":["../../../../../../../src/components/Radio/RadioGroup/RadioContext.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/explicit-module-boundary-types */\n/* eslint-disable @typescript-eslint/explicit-function-return-type */\nimport React from 'react';\nimport type { RadioGroupProps } from './RadioGroup';\nimport type { State } from './useRadioGroup';\n\nexport type RadioGroupContextType = Pick<\n  RadioGroupProps,\n  | 'validationState'\n  | 'isDisabled'\n  | 'isRequired'\n  | 'labelPosition'\n  | 'name'\n  | 'defaultValue'\n  | 'value'\n  | 'onChange'\n  | 'necessityIndicator'\n  | 'size'\n  | 'orientation'\n> & { state?: State };\n\nconst RadioGroupContext = React.createContext<RadioGroupContextType>({});\nconst RadioGroupProvider = RadioGroupContext.Provider;\n\nconst useRadioGroupContext = (): RadioGroupContextType => {\n  const context = React.useContext(RadioGroupContext);\n  return context;\n};\n\nexport { useRadioGroupContext, RadioGroupProvider };\n"],"names":["RadioGroupContext","React","createContext","RadioGroupProvider","Provider","useRadioGroupContext","context","useContext"],"mappings":";;AAAA;AACA;AAoBA,IAAMA,iBAAiB,gBAAGC,cAAK,CAACC,aAAa,CAAwB,EAAE,CAAC,CAAA;AACxE,IAAMC,kBAAkB,GAAGH,iBAAiB,CAACI,SAAQ;AAErD,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAoBA,GAAgC;AACxD,EAAA,IAAMC,OAAO,GAAGL,cAAK,CAACM,UAAU,CAACP,iBAAiB,CAAC,CAAA;AACnD,EAAA,OAAOM,OAAO,CAAA;AAChB;;;;"}

package/build/lib/web/development/components/Radio/RadioGroup/RadioGroup.js

@@ -60,7 +60,8 @@ var RadioGroup = function RadioGroup(_ref) {
       onChange: onChange,
       validationState: validationState,
       value: value,
-      size: size
+      size: size,
+      orientation: orientation
     }),
     contextValue = _useRadioGroup.contextValue,
     ids = _useRadioGroup.ids;

package/build/lib/web/development/components/Radio/RadioGroup/RadioGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.js","sources":["../../../../../../../src/components/Radio/RadioGroup/RadioGroup.tsx"],"sourcesContent":["import React from 'react';\nimport { radioSizes } from '../radioTokens';\nimport { RadioGroupProvider } from './RadioContext';\nimport { useRadioGroup } from './useRadioGroup';\nimport BaseBox from '~components/Box/BaseBox';\nimport { FormHint, FormLabel } from '~components/Form';\nimport { SelectorGroupField } from '~components/Form/Selector/SelectorGroupField';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { useBreakpoint } from '~utils';\nimport { useTheme } from '~components/BladeProvider';\nimport type { DataAnalyticsAttribute, TestID } from '~utils/types';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\ntype RadioGroupProps = {\n  /**\n   * Accepts multiple radios as children\n   */\n  children: React.ReactNode;\n  /**\n   * Help text of the radio group\n   */\n  helpText?: string;\n  /**\n   * Error text of the radio group\n   * Renders when `validationState` is set to 'error'\n   *\n   * Overrides helpText\n   */\n  errorText?: string;\n  /**\n   * Sets the error state of the radioGroup\n   * If set to `error` it will render the `errorText` of the group,\n   * and propagate `invalid` prop to every radio\n   */\n  validationState?: 'error' | 'none';\n  /**\n   * Renders a necessity indicator after radioGroup label\n   *\n   * If set to `undefined` it renders nothing.\n   */\n  necessityIndicator?: 'required' | 'optional' | 'none';\n  /**\n   * Sets the disabled state of the radioGroup\n   * If set to `true` it propagate down to all the radios\n   *\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Sets the required state of the radioGroup\n   * @default false\n   */\n  isRequired?: boolean;\n  /**\n   * Renders the label of the radio group\n   */\n  label?: string;\n  /**\n   * Sets the position of the label\n   *\n   * @default 'top'\n   */\n  labelPosition?: 'top' | 'left';\n  /**\n   * Initial value of the radio group\n   */\n  defaultValue?: string;\n  /**\n   * value of the radio group\n   *\n   * Use `onChange` to update its value\n   */\n  value?: string;\n  /**\n   * The callback invoked when any of the radio's state changes\n   */\n  onChange?: ({\n    name,\n    value,\n    event,\n  }: {\n    name: string | undefined;\n    value: string;\n    event: React.ChangeEvent<HTMLInputElement>;\n  }) => void;\n  /**\n   * The name of the input field in a radio\n   * (Useful for form submission).\n   */\n  name?: string;\n  /**\n   * Size of the radios\n   *\n   * @default \"medium\"\n   */\n  size?: 'small' | 'medium' | 'large';\n\n  /**\n   * Orientation of the radio group\n   *\n   * @default 'vertical'\n   */\n  orientation?: 'vertical' | 'horizontal';\n} & TestID &\n  DataAnalyticsAttribute &\n  StyledPropsBlade;\n\nconst RadioGroup = ({\n  children,\n  label,\n  helpText,\n  isDisabled = false,\n  isRequired = false,\n  necessityIndicator = 'none',\n  labelPosition = 'top',\n  validationState = 'none',\n  errorText,\n  name,\n  defaultValue,\n  onChange,\n  value,\n  size = 'medium',\n  orientation = 'vertical',\n  testID,\n  flexWrap = 'nowrap',\n  ...rest\n}: RadioGroupProps): React.ReactElement => {\n  const { contextValue, ids } = useRadioGroup({\n    defaultValue,\n    isDisabled,\n    isRequired,\n    labelPosition,\n    name,\n    necessityIndicator,\n    onChange,\n    validationState,\n    value,\n    size,\n  });\n\n  const { theme } = useTheme();\n  const { matchedDeviceType } = useBreakpoint({ breakpoints: theme.breakpoints });\n  const showError = validationState === 'error' && errorText;\n  const showHelpText = !showError && helpText;\n  const accessibilityText = `${showError ? errorText : ''} ${showHelpText ? helpText : ''}`.trim();\n  const gap = radioSizes.group.gap[size][matchedDeviceType];\n\n  return (\n    <RadioGroupProvider value={contextValue}>\n      <BaseBox {...getStyledProps(rest)}>\n        <SelectorGroupField\n          position={labelPosition}\n          labelledBy={ids.labelId}\n          accessibilityRole=\"radiogroup\"\n          componentName=\"radio-group\"\n          testID={testID}\n          {...makeAnalyticsAttribute(rest)}\n        >\n          {label ? (\n            <FormLabel\n              as=\"span\"\n              necessityIndicator={necessityIndicator}\n              position={labelPosition}\n              id={ids.labelId}\n              accessibilityText={accessibilityText && `,${accessibilityText}`}\n              size={size}\n            >\n              {label}\n            </FormLabel>\n          ) : null}\n          <BaseBox>\n            <BaseBox\n              display=\"flex\"\n              flexDirection={orientation === 'vertical' ? 'column' : 'row'}\n              gap={gap}\n              flexWrap={flexWrap}\n            >\n              {React.Children.map(children, (child, index) => {\n                return <BaseBox key={index}>{child}</BaseBox>;\n              })}\n            </BaseBox>\n            <FormHint\n              size={size}\n              type={validationState === 'error' ? 'error' : 'help'}\n              errorText={errorText}\n              helpText={helpText}\n            />\n          </BaseBox>\n        </SelectorGroupField>\n      </BaseBox>\n    </RadioGroupProvider>\n  );\n};\n\nexport type { RadioGroupProps };\nexport { RadioGroup };\n"],"names":["RadioGroup","_ref","children","label","helpText","_ref$isDisabled","isDisabled","_ref$isRequired","isRequired","_ref$necessityIndicat","necessityIndicator","_ref$labelPosition","labelPosition","_ref$validationState","validationState","errorText","name","defaultValue","onChange","value","_ref$size","size","_ref$orientation","orientation","testID","_ref$flexWrap","flexWrap","rest","_objectWithoutProperties","_excluded","_useRadioGroup","useRadioGroup","contextValue","ids","_useTheme","useTheme","theme","_useBreakpoint","useBreakpoint","breakpoints","matchedDeviceType","showError","showHelpText","accessibilityText","concat","trim","gap","radioSizes","group","_jsx","RadioGroupProvider","BaseBox","_objectSpread","getStyledProps","_jsxs","SelectorGroupField","position","labelledBy","labelId","accessibilityRole","componentName","makeAnalyticsAttribute","FormLabel","as","id","display","flexDirection","React","Children","map","child","index","FormHint","type"],"mappings":"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"}
+{"version":3,"file":"RadioGroup.js","sources":["../../../../../../../src/components/Radio/RadioGroup/RadioGroup.tsx"],"sourcesContent":["import React from 'react';\nimport { radioSizes } from '../radioTokens';\nimport { RadioGroupProvider } from './RadioContext';\nimport { useRadioGroup } from './useRadioGroup';\nimport BaseBox from '~components/Box/BaseBox';\nimport { FormHint, FormLabel } from '~components/Form';\nimport { SelectorGroupField } from '~components/Form/Selector/SelectorGroupField';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { useBreakpoint } from '~utils';\nimport { useTheme } from '~components/BladeProvider';\nimport type { DataAnalyticsAttribute, TestID } from '~utils/types';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\ntype RadioGroupProps = {\n  /**\n   * Accepts multiple radios as children\n   */\n  children: React.ReactNode;\n  /**\n   * Help text of the radio group\n   */\n  helpText?: string;\n  /**\n   * Error text of the radio group\n   * Renders when `validationState` is set to 'error'\n   *\n   * Overrides helpText\n   */\n  errorText?: string;\n  /**\n   * Sets the error state of the radioGroup\n   * If set to `error` it will render the `errorText` of the group,\n   * and propagate `invalid` prop to every radio\n   */\n  validationState?: 'error' | 'none';\n  /**\n   * Renders a necessity indicator after radioGroup label\n   *\n   * If set to `undefined` it renders nothing.\n   */\n  necessityIndicator?: 'required' | 'optional' | 'none';\n  /**\n   * Sets the disabled state of the radioGroup\n   * If set to `true` it propagate down to all the radios\n   *\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Sets the required state of the radioGroup\n   * @default false\n   */\n  isRequired?: boolean;\n  /**\n   * Renders the label of the radio group\n   */\n  label?: string;\n  /**\n   * Sets the position of the label\n   *\n   * @default 'top'\n   */\n  labelPosition?: 'top' | 'left';\n  /**\n   * Initial value of the radio group\n   */\n  defaultValue?: string;\n  /**\n   * value of the radio group\n   *\n   * Use `onChange` to update its value\n   */\n  value?: string;\n  /**\n   * The callback invoked when any of the radio's state changes\n   */\n  onChange?: ({\n    name,\n    value,\n    event,\n  }: {\n    name: string | undefined;\n    value: string;\n    event: React.ChangeEvent<HTMLInputElement>;\n  }) => void;\n  /**\n   * The name of the input field in a radio\n   * (Useful for form submission).\n   */\n  name?: string;\n  /**\n   * Size of the radios\n   *\n   * @default \"medium\"\n   */\n  size?: 'small' | 'medium' | 'large';\n\n  /**\n   * Orientation of the radio group\n   *\n   * @default 'vertical'\n   */\n  orientation?: 'vertical' | 'horizontal';\n} & TestID &\n  DataAnalyticsAttribute &\n  StyledPropsBlade;\n\nconst RadioGroup = ({\n  children,\n  label,\n  helpText,\n  isDisabled = false,\n  isRequired = false,\n  necessityIndicator = 'none',\n  labelPosition = 'top',\n  validationState = 'none',\n  errorText,\n  name,\n  defaultValue,\n  onChange,\n  value,\n  size = 'medium',\n  orientation = 'vertical',\n  testID,\n  flexWrap = 'nowrap',\n  ...rest\n}: RadioGroupProps): React.ReactElement => {\n  const { contextValue, ids } = useRadioGroup({\n    defaultValue,\n    isDisabled,\n    isRequired,\n    labelPosition,\n    name,\n    necessityIndicator,\n    onChange,\n    validationState,\n    value,\n    size,\n    orientation,\n  });\n\n  const { theme } = useTheme();\n  const { matchedDeviceType } = useBreakpoint({ breakpoints: theme.breakpoints });\n  const showError = validationState === 'error' && errorText;\n  const showHelpText = !showError && helpText;\n  const accessibilityText = `${showError ? errorText : ''} ${showHelpText ? helpText : ''}`.trim();\n  const gap = radioSizes.group.gap[size][matchedDeviceType];\n\n  return (\n    <RadioGroupProvider value={contextValue}>\n      <BaseBox {...getStyledProps(rest)}>\n        <SelectorGroupField\n          position={labelPosition}\n          labelledBy={ids.labelId}\n          accessibilityRole=\"radiogroup\"\n          componentName=\"radio-group\"\n          testID={testID}\n          {...makeAnalyticsAttribute(rest)}\n        >\n          {label ? (\n            <FormLabel\n              as=\"span\"\n              necessityIndicator={necessityIndicator}\n              position={labelPosition}\n              id={ids.labelId}\n              accessibilityText={accessibilityText && `,${accessibilityText}`}\n              size={size}\n            >\n              {label}\n            </FormLabel>\n          ) : null}\n          <BaseBox>\n            <BaseBox\n              display=\"flex\"\n              flexDirection={orientation === 'vertical' ? 'column' : 'row'}\n              gap={gap}\n              flexWrap={flexWrap}\n            >\n              {React.Children.map(children, (child, index) => {\n                return <BaseBox key={index}>{child}</BaseBox>;\n              })}\n            </BaseBox>\n            <FormHint\n              size={size}\n              type={validationState === 'error' ? 'error' : 'help'}\n              errorText={errorText}\n              helpText={helpText}\n            />\n          </BaseBox>\n        </SelectorGroupField>\n      </BaseBox>\n    </RadioGroupProvider>\n  );\n};\n\nexport type { RadioGroupProps };\nexport { RadioGroup };\n"],"names":["RadioGroup","_ref","children","label","helpText","_ref$isDisabled","isDisabled","_ref$isRequired","isRequired","_ref$necessityIndicat","necessityIndicator","_ref$labelPosition","labelPosition","_ref$validationState","validationState","errorText","name","defaultValue","onChange","value","_ref$size","size","_ref$orientation","orientation","testID","_ref$flexWrap","flexWrap","rest","_objectWithoutProperties","_excluded","_useRadioGroup","useRadioGroup","contextValue","ids","_useTheme","useTheme","theme","_useBreakpoint","useBreakpoint","breakpoints","matchedDeviceType","showError","showHelpText","accessibilityText","concat","trim","gap","radioSizes","group","_jsx","RadioGroupProvider","BaseBox","_objectSpread","getStyledProps","_jsxs","SelectorGroupField","position","labelledBy","labelId","accessibilityRole","componentName","makeAnalyticsAttribute","FormLabel","as","id","display","flexDirection","React","Children","map","child","index","FormHint","type"],"mappings":"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"}

package/build/lib/web/development/components/Radio/RadioGroup/useRadioGroup.js

@@ -16,7 +16,8 @@ var useRadioGroup = function useRadioGroup(_ref) {
     validationState = _ref.validationState,
     necessityIndicator = _ref.necessityIndicator,
     name = _ref.name,
-    size = _ref.size;
+    size = _ref.size,
+    orientation = _ref.orientation;
   var _useTheme = useTheme(),
     platform = _useTheme.platform;
   var idBase = useId('radio-group');
@@ -76,9 +77,10 @@ var useRadioGroup = function useRadioGroup(_ref) {
       labelPosition: platform === 'onMobile' ? 'top' : labelPosition,
       name: fallbackName,
       state: state,
-      size: size
+      size: size,
+      orientation: orientation
     };
-  }, [validationState, isDisabled, isRequired, platform, labelPosition, state, fallbackName, necessityIndicator, size]);
+  }, [validationState, isDisabled, isRequired, platform, labelPosition, state, fallbackName, necessityIndicator, size, orientation]);
   return {
     state: state,
     contextValue: contextValue,