@razorpay/blade 12.49.3 → 12.49.5

package/build/lib/native/components/List/getOrderedListItemBullet.js.map

@@ -1 +1 @@
-{"version":3,"file":"getOrderedListItemBullet.js","sources":["../../../../../src/components/List/getOrderedListItemBullet.ts"],"sourcesContent":["/**\n * Converts number to roman number\n *\n */\nconst romanize = (number: number): string => {\n  const romanKeys: Record<string, number> = {\n    m: 1000,\n    cm: 900,\n    d: 500,\n    cd: 400,\n    c: 100,\n    xc: 90,\n    l: 50,\n    xl: 40,\n    x: 10,\n    ix: 9,\n    v: 5,\n    iv: 4,\n    i: 1,\n  };\n  let result = '';\n\n  Object.keys(romanKeys).forEach((key) => {\n    result += key.repeat(Math.floor(number / romanKeys[key]));\n    number %= romanKeys[key];\n  });\n\n  return result;\n};\n\n/**\n * Converts number to alphabet. After 26 letters, the output will contain 2 alphabets eg) aa, ab, ac,...\n *\n */\nconst alphabetize = (number: number): string => {\n  // Decrement the input number since array starts with 0. Eg) 'a' will be at 0th position and not 1st position in the array.\n  const indexedNumber = --number;\n  const alphabets = 'abcdefghijklmnopqrstuvwxyz';\n  const firstAlphabets = indexedNumber >= 26 ? alphabetize(Math.floor(indexedNumber / 26) - 1) : '';\n  const lastAlphabet = alphabets[indexedNumber % 26];\n  return `${firstAlphabets}${lastAlphabet}`;\n};\n\n/**\n * Get the list item bullet number/roman number/alphabet for the passed level and list item number\n *\n */\nconst getOrderedListItemBullet = ({\n  itemNumber,\n  level,\n}: {\n  itemNumber: number;\n  level: number;\n}): string => {\n  if (isNaN(itemNumber)) return '';\n  switch (level) {\n    case 1:\n      return `${itemNumber}`;\n    case 2:\n      return `${alphabetize(itemNumber)}`;\n    case 3:\n      return `${romanize(itemNumber)}`;\n    default:\n      return `${itemNumber}`;\n  }\n};\n\nexport { getOrderedListItemBullet };\n"],"names":["romanize","number","romanKeys","m","cm","d","cd","c","xc","l","xl","x","ix","v","iv","i","result","Object","keys","forEach","key","repeat","Math","floor","alphabetize","indexedNumber","alphabets","firstAlphabets","lastAlphabet","getOrderedListItemBullet","_ref","itemNumber","level","isNaN"],"mappings":"AAIA,IAAMA,QAAQ,CAAG,SAAXA,QAAQA,CAAIC,MAAc,CAAa,CAC3C,IAAMC,SAAiC,CAAG,CACxCC,CAAC,CAAE,IAAI,CACPC,EAAE,CAAE,GAAG,CACPC,CAAC,CAAE,GAAG,CACNC,EAAE,CAAE,GAAG,CACPC,CAAC,CAAE,GAAG,CACNC,EAAE,CAAE,EAAE,CACNC,CAAC,CAAE,EAAE,CACLC,EAAE,CAAE,EAAE,CACNC,CAAC,CAAE,EAAE,CACLC,EAAE,CAAE,CAAC,CACLC,CAAC,CAAE,CAAC,CACJC,EAAE,CAAE,CAAC,CACLC,CAAC,CAAE,CACL,CAAC,CACD,IAAIC,MAAM,CAAG,EAAE,CAEfC,MAAM,CAACC,IAAI,CAAChB,SAAS,CAAC,CAACiB,OAAO,CAAC,SAACC,GAAG,CAAK,CACtCJ,MAAM,EAAII,GAAG,CAACC,MAAM,CAACC,IAAI,CAACC,KAAK,CAACtB,MAAM,CAAGC,SAAS,CAACkB,GAAG,CAAC,CAAC,CAAC,CACzDnB,MAAM,EAAIC,SAAS,CAACkB,GAAG,CAAC,CAC1B,CAAC,CAAC,CAEF,OAAOJ,MAAM,CACf,CAAC,CAMD,IAAMQ,WAAW,CAAG,SAAdA,WAAWA,CAAIvB,MAAc,CAAa,CAE9C,IAAMwB,aAAa,CAAG,EAAExB,MAAM,CAC9B,IAAMyB,SAAS,CAAG,4BAA4B,CAC9C,IAAMC,cAAc,CAAGF,aAAa,EAAI,EAAE,CAAGD,WAAW,CAACF,IAAI,CAACC,KAAK,CAACE,aAAa,CAAG,EAAE,CAAC,CAAG,CAAC,CAAC,CAAG,EAAE,CACjG,IAAMG,YAAY,CAAGF,SAAS,CAACD,aAAa,CAAG,EAAE,CAAC,CAClD,OAAQ,CAAA,EAAEE,cAAe,CAAA,EAAEC,YAAa,CAAA,CAAC,CAC3C,CAAC,CAMK,IAAAC,wBAAwB,CAAG,SAA3BA,wBAAwBA,CAAAC,IAAA,CAMhB,CALZ,IAAAC,UAAU,CAAAD,IAAA,CAAVC,UAAU,CACVC,KAAK,CAAAF,IAAA,CAALE,KAAK,CAKL,GAAIC,KAAK,CAACF,UAAU,CAAC,CAAE,OAAO,EAAE,CAChC,OAAQC,KAAK,EACX,KAAM,CAAA,CACJ,OAAQ,CAAA,EAAED,UAAW,CAAC,CAAA,CACxB,KAAK,CAAC,CACJ,OAAQ,CAAEP,EAAAA,WAAW,CAACO,UAAU,CAAE,CAAA,CAAC,CACrC,KAAM,CAAA,CACJ,OAAQ,CAAE/B,EAAAA,QAAQ,CAAC+B,UAAU,CAAE,CAAA,CAAC,CAClC,QACE,OAAQ,CAAA,EAAEA,UAAW,CAAA,CAAC,CAC1B,CACF;;;;"}
+{"version":3,"file":"getOrderedListItemBullet.js","sources":["../../../../../src/components/List/getOrderedListItemBullet.ts"],"sourcesContent":["/**\n * Converts number to roman number\n *\n */\nconst romanize = (number: number): string => {\n  const romanKeys: Record<string, number> = {\n    m: 1000,\n    cm: 900,\n    d: 500,\n    cd: 400,\n    c: 100,\n    xc: 90,\n    l: 50,\n    xl: 40,\n    x: 10,\n    ix: 9,\n    v: 5,\n    iv: 4,\n    i: 1,\n  };\n  let result = '';\n\n  Object.keys(romanKeys).forEach((key) => {\n    result += key.repeat(Math.floor(number / romanKeys[key]));\n    number %= romanKeys[key];\n  });\n\n  return result;\n};\n\n/**\n * Converts number to alphabet. After 26 letters, the output will contain 2 alphabets eg) aa, ab, ac,...\n *\n */\nconst alphabetize = (number: number): string => {\n  // Decrement the input number since array starts with 0. Eg) 'a' will be at 0th position and not 1st position in the array.\n  const indexedNumber = --number;\n  const alphabets = 'abcdefghijklmnopqrstuvwxyz';\n  const firstAlphabets = indexedNumber >= 26 ? alphabetize(Math.floor(indexedNumber / 26) - 1) : '';\n  const lastAlphabet = alphabets[indexedNumber % 26];\n  return `${firstAlphabets}${lastAlphabet}`;\n};\n\n/**\n * Get the list item bullet number/roman number/alphabet for the passed level and list item number\n *\n */\nconst getOrderedListItemBullet = ({\n  itemNumber,\n  level,\n}: {\n  itemNumber: number;\n  level: number;\n}): string => {\n  if (isNaN(itemNumber)) return '';\n  switch (level) {\n    case 1:\n      return `${itemNumber}`;\n    case 2:\n      return `${alphabetize(itemNumber)}`;\n    case 3:\n      return `${romanize(itemNumber)}`;\n    default:\n      return `${itemNumber}`;\n  }\n};\n\nexport { getOrderedListItemBullet };\n"],"names":["romanize","number","romanKeys","m","cm","d","cd","c","xc","l","xl","x","ix","v","iv","i","result","Object","keys","forEach","key","repeat","Math","floor","alphabetize","indexedNumber","alphabets","firstAlphabets","lastAlphabet","getOrderedListItemBullet","_ref","itemNumber","level","isNaN"],"mappings":"AAIA,IAAMA,QAAQ,CAAG,SAAXA,QAAQA,CAAIC,MAAc,CAAa,CAC3C,IAAMC,SAAiC,CAAG,CACxCC,CAAC,CAAE,IAAI,CACPC,EAAE,CAAE,GAAG,CACPC,CAAC,CAAE,GAAG,CACNC,EAAE,CAAE,GAAG,CACPC,CAAC,CAAE,GAAG,CACNC,EAAE,CAAE,EAAE,CACNC,CAAC,CAAE,EAAE,CACLC,EAAE,CAAE,EAAE,CACNC,CAAC,CAAE,EAAE,CACLC,EAAE,CAAE,CAAC,CACLC,CAAC,CAAE,CAAC,CACJC,EAAE,CAAE,CAAC,CACLC,CAAC,CAAE,CACL,CAAC,CACD,IAAIC,MAAM,CAAG,EAAE,CAEfC,MAAM,CAACC,IAAI,CAAChB,SAAS,CAAC,CAACiB,OAAO,CAAC,SAACC,GAAG,CAAK,CACtCJ,MAAM,EAAII,GAAG,CAACC,MAAM,CAACC,IAAI,CAACC,KAAK,CAACtB,MAAM,CAAGC,SAAS,CAACkB,GAAG,CAAC,CAAC,CAAC,CACzDnB,MAAM,EAAIC,SAAS,CAACkB,GAAG,CAAC,CAC1B,CAAC,CAAC,CAEF,OAAOJ,MAAM,CACf,CAAC,CAMD,IAAMQ,WAAW,CAAG,SAAdA,WAAWA,CAAIvB,MAAc,CAAa,CAE9C,IAAMwB,aAAa,CAAG,EAAExB,MAAM,CAC9B,IAAMyB,SAAS,CAAG,4BAA4B,CAC9C,IAAMC,cAAc,CAAGF,aAAa,EAAI,EAAE,CAAGD,WAAW,CAACF,IAAI,CAACC,KAAK,CAACE,aAAa,CAAG,EAAE,CAAC,CAAG,CAAC,CAAC,CAAG,EAAE,CACjG,IAAMG,YAAY,CAAGF,SAAS,CAACD,aAAa,CAAG,EAAE,CAAC,CAClD,OAAO,CAAA,EAAGE,cAAc,CAAA,EAAGC,YAAY,CAAA,CAAE,CAC3C,CAAC,CAMK,IAAAC,wBAAwB,CAAG,SAA3BA,wBAAwBA,CAAAC,IAAA,CAMhB,CALZ,IAAAC,UAAU,CAAAD,IAAA,CAAVC,UAAU,CACVC,KAAK,CAAAF,IAAA,CAALE,KAAK,CAKL,GAAIC,KAAK,CAACF,UAAU,CAAC,CAAE,OAAO,EAAE,CAChC,OAAQC,KAAK,EACX,KAAM,CAAA,CACJ,OAAO,CAAA,EAAGD,UAAU,CAAE,CAAA,CACxB,KAAK,CAAC,CACJ,OAAO,CAAGP,EAAAA,WAAW,CAACO,UAAU,CAAC,CAAA,CAAE,CACrC,KAAM,CAAA,CACJ,OAAO,CAAG/B,EAAAA,QAAQ,CAAC+B,UAAU,CAAC,CAAA,CAAE,CAClC,QACE,OAAO,CAAA,EAAGA,UAAU,CAAA,CAAE,CAC1B,CACF;;;;"}

package/build/lib/native/components/Popover/PopoverContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"PopoverContext.js","sources":["../../../../../src/components/Popover/PopoverContext.ts"],"sourcesContent":["import React from 'react';\nimport { throwBladeError } from '~utils/logger';\n\ntype PopoverContextProps = {\n  close: () => void;\n  defaultInitialFocusRef: React.RefObject<HTMLElement>;\n  titleId?: string;\n} | null;\nconst PopoverContext = React.createContext<PopoverContextProps>(null);\n\nconst usePopoverContext = (): NonNullable<PopoverContextProps> => {\n  const context = React.useContext(PopoverContext);\n\n  if (__DEV__) {\n    if (!context) {\n      throwBladeError({\n        message: `usePopoverContext must be used within Popover`,\n        moduleName: 'Popover',\n      });\n    }\n  }\n\n  return context!;\n};\n\nexport { PopoverContext, usePopoverContext };\n"],"names":["PopoverContext","React","createContext","usePopoverContext","context","useContext","__DEV__","throwBladeError","message","moduleName"],"mappings":";;;AAQM,IAAAA,cAAc,CAAGC,cAAK,CAACC,aAAa,CAAsB,IAAI,EAE9D,IAAAC,iBAAiB,CAAG,SAApBA,iBAAiBA,EAA2C,CAChE,IAAMC,OAAO,CAAGH,cAAK,CAACI,UAAU,CAACL,cAAc,CAAC,CAEhD,GAAIM,OAAO,CAAE,CACX,GAAI,CAACF,OAAO,CAAE,CACZG,eAAe,CAAC,CACdC,OAAO,CAAG,CAAA,6CAAA,CAA8C,CACxDC,UAAU,CAAE,SACd,CAAC,CAAC,CACJ,CACF,CAEA,OAAOL,OAAO,CAChB;;;;"}
+{"version":3,"file":"PopoverContext.js","sources":["../../../../../src/components/Popover/PopoverContext.ts"],"sourcesContent":["import React from 'react';\nimport { throwBladeError } from '~utils/logger';\n\ntype PopoverContextProps = {\n  close: () => void;\n  defaultInitialFocusRef: React.RefObject<HTMLElement>;\n  titleId?: string;\n} | null;\nconst PopoverContext = React.createContext<PopoverContextProps>(null);\n\nconst usePopoverContext = (): NonNullable<PopoverContextProps> => {\n  const context = React.useContext(PopoverContext);\n\n  if (__DEV__) {\n    if (!context) {\n      throwBladeError({\n        message: `usePopoverContext must be used within Popover`,\n        moduleName: 'Popover',\n      });\n    }\n  }\n\n  return context!;\n};\n\nexport { PopoverContext, usePopoverContext };\n"],"names":["PopoverContext","React","createContext","usePopoverContext","context","useContext","__DEV__","throwBladeError","message","moduleName"],"mappings":";;;AAQM,IAAAA,cAAc,CAAGC,cAAK,CAACC,aAAa,CAAsB,IAAI,EAE9D,IAAAC,iBAAiB,CAAG,SAApBA,iBAAiBA,EAA2C,CAChE,IAAMC,OAAO,CAAGH,cAAK,CAACI,UAAU,CAACL,cAAc,CAAC,CAEhD,GAAIM,OAAO,CAAE,CACX,GAAI,CAACF,OAAO,CAAE,CACZG,eAAe,CAAC,CACdC,OAAO,CAAE,CAAA,6CAAA,CAA+C,CACxDC,UAAU,CAAE,SACd,CAAC,CAAC,CACJ,CACF,CAEA,OAAOL,OAAO,CAChB;;;;"}

package/build/lib/native/components/PopupArrow/PopupArrow.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"PopupArrow.native.js","sources":["../../../../../src/components/PopupArrow/PopupArrow.native.tsx"],"sourcesContent":["/* eslint-disable react/jsx-no-useless-fragment */\nimport * as React from 'react';\nimport styled from 'styled-components/native';\nimport { View } from 'react-native';\nimport type { CSSObject } from 'styled-components';\nimport type { PopupArrowProps } from './types';\nimport Svg, { Path } from '~components/Icons/_Svg';\nimport { useTheme } from '~components/BladeProvider';\nimport type { SvgProps } from '~components/Icons/_Svg/Svg/types';\nimport { makeSize } from '~utils';\nimport { size } from '~tokens/global';\nimport { logger } from '~utils/logger';\nimport { getFloatingPlacementParts } from '~utils/getFloatingPlacementParts';\n\nconst StyledSvg = styled(Svg)<{ styles?: CSSObject }>(({ styles }) => {\n  return styles;\n});\n\n// modified version of FloatingArrow\n// https://github.com/floating-ui/floating-ui/blob/master/packages/react/src/components/FloatingArrow.tsx\nconst PopupArrow = React.forwardRef<SvgProps, PopupArrowProps>(\n  ({ context, width, height, fillColor, strokeColor }, ref): React.ReactElement => {\n    const { theme } = useTheme();\n\n    const {\n      placement,\n      elements: { floating },\n      middlewareData: { arrow },\n    } = context;\n    const strokeWidth = theme.border.width.thin * 2;\n\n    if (__DEV__) {\n      if (!ref) {\n        logger({\n          type: 'warn',\n          moduleName: 'PopupArrow',\n          message: 'Floating UI: The `ref` prop is required for the `FloatingArrow` component.',\n        });\n      }\n    }\n\n    if (!floating) {\n      return <></>;\n    }\n\n    const [side] = getFloatingPlacementParts(placement);\n\n    const svgX = width / 2;\n    const svgY = 0;\n    const dValue =\n      'M0,0' +\n      ` H${width}` +\n      ` L${width - svgX},${height - svgY}` +\n      ` Q${width / 2},${height} ${svgX},${height - svgY}` +\n      ' Z';\n\n    const staticSide = {\n      top: 'bottom',\n      right: 'left',\n      bottom: 'top',\n      left: 'right',\n    }[side];\n\n    const rotation = {\n      top: 0,\n      bottom: 180,\n      left: -90,\n      right: 90,\n    }[side];\n\n    let newStyles = {};\n    if (arrow) {\n      const { x, y } = arrow;\n      newStyles = {\n        width: makeSize(size[20]),\n        height: makeSize(size[20]),\n        position: 'absolute',\n        left: x != null ? `${x}px` : undefined,\n        top: y != null ? `${y}px` : undefined,\n        // Ensure the static side gets unset when\n        // flipping to other placements' axes.\n        right: undefined,\n        bottom: undefined,\n        [staticSide]: `${-width}px`,\n        transform: `rotate(${rotation}deg)`,\n      };\n    }\n\n    return (\n      <View\n        pointerEvents=\"none\"\n        collapsable={false}\n        style={{ position: 'absolute', left: 0, right: 0, top: 0, bottom: 0 }}\n      >\n        <StyledSvg\n          // eslint-disable-next-line @typescript-eslint/ban-ts-comment, @typescript-eslint/prefer-ts-expect-error\n          // @ts-ignore this file is native only\n          ref={ref}\n          width={`${width}px`}\n          height={`${width}px`}\n          viewBox={`0 0 ${width} ${width}`}\n          styles={newStyles}\n        >\n          <Path fill=\"none\" stroke={strokeColor} strokeWidth={`${strokeWidth}px`} d={dValue} />\n          <Path fill={fillColor} stroke=\"none\" d={dValue} />\n        </StyledSvg>\n      </View>\n    );\n  },\n);\n\nexport { PopupArrow };\n"],"names":["StyledSvg","styled","Svg","_ref","styles","PopupArrow","React","forwardRef","_ref2","ref","context","width","height","fillColor","strokeColor","_useTheme","useTheme","theme","placement","floating","elements","arrow","middlewareData","strokeWidth","border","thin","__DEV__","logger","type","moduleName","message","_jsx","_Fragment","_getFloatingPlacement","getFloatingPlacementParts","_getFloatingPlacement2","_slicedToArray","side","svgX","svgY","dValue","staticSide","top","right","bottom","left","rotation","newStyles","x","y","_defineProperty","makeSize","size","position","undefined","View","pointerEvents","collapsable","style","children","_jsxs","viewBox","Path","fill","stroke","d"],"mappings":"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"}
+{"version":3,"file":"PopupArrow.native.js","sources":["../../../../../src/components/PopupArrow/PopupArrow.native.tsx"],"sourcesContent":["/* eslint-disable react/jsx-no-useless-fragment */\nimport * as React from 'react';\nimport styled from 'styled-components/native';\nimport { View } from 'react-native';\nimport type { CSSObject } from 'styled-components';\nimport type { PopupArrowProps } from './types';\nimport Svg, { Path } from '~components/Icons/_Svg';\nimport { useTheme } from '~components/BladeProvider';\nimport type { SvgProps } from '~components/Icons/_Svg/Svg/types';\nimport { makeSize } from '~utils';\nimport { size } from '~tokens/global';\nimport { logger } from '~utils/logger';\nimport { getFloatingPlacementParts } from '~utils/getFloatingPlacementParts';\n\nconst StyledSvg = styled(Svg)<{ styles?: CSSObject }>(({ styles }) => {\n  return styles;\n});\n\n// modified version of FloatingArrow\n// https://github.com/floating-ui/floating-ui/blob/master/packages/react/src/components/FloatingArrow.tsx\nconst PopupArrow = React.forwardRef<SvgProps, PopupArrowProps>(\n  ({ context, width, height, fillColor, strokeColor }, ref): React.ReactElement => {\n    const { theme } = useTheme();\n\n    const {\n      placement,\n      elements: { floating },\n      middlewareData: { arrow },\n    } = context;\n    const strokeWidth = theme.border.width.thin * 2;\n\n    if (__DEV__) {\n      if (!ref) {\n        logger({\n          type: 'warn',\n          moduleName: 'PopupArrow',\n          message: 'Floating UI: The `ref` prop is required for the `FloatingArrow` component.',\n        });\n      }\n    }\n\n    if (!floating) {\n      return <></>;\n    }\n\n    const [side] = getFloatingPlacementParts(placement);\n\n    const svgX = width / 2;\n    const svgY = 0;\n    const dValue =\n      'M0,0' +\n      ` H${width}` +\n      ` L${width - svgX},${height - svgY}` +\n      ` Q${width / 2},${height} ${svgX},${height - svgY}` +\n      ' Z';\n\n    const staticSide = {\n      top: 'bottom',\n      right: 'left',\n      bottom: 'top',\n      left: 'right',\n    }[side];\n\n    const rotation = {\n      top: 0,\n      bottom: 180,\n      left: -90,\n      right: 90,\n    }[side];\n\n    let newStyles = {};\n    if (arrow) {\n      const { x, y } = arrow;\n      newStyles = {\n        width: makeSize(size[20]),\n        height: makeSize(size[20]),\n        position: 'absolute',\n        left: x != null ? `${x}px` : undefined,\n        top: y != null ? `${y}px` : undefined,\n        // Ensure the static side gets unset when\n        // flipping to other placements' axes.\n        right: undefined,\n        bottom: undefined,\n        [staticSide]: `${-width}px`,\n        transform: `rotate(${rotation}deg)`,\n      };\n    }\n\n    return (\n      <View\n        pointerEvents=\"none\"\n        collapsable={false}\n        style={{ position: 'absolute', left: 0, right: 0, top: 0, bottom: 0 }}\n      >\n        <StyledSvg\n          // eslint-disable-next-line @typescript-eslint/ban-ts-comment, @typescript-eslint/prefer-ts-expect-error\n          // @ts-ignore this file is native only\n          ref={ref}\n          width={`${width}px`}\n          height={`${width}px`}\n          viewBox={`0 0 ${width} ${width}`}\n          styles={newStyles}\n        >\n          <Path fill=\"none\" stroke={strokeColor} strokeWidth={`${strokeWidth}px`} d={dValue} />\n          <Path fill={fillColor} stroke=\"none\" d={dValue} />\n        </StyledSvg>\n      </View>\n    );\n  },\n);\n\nexport { PopupArrow };\n"],"names":["StyledSvg","styled","Svg","_ref","styles","PopupArrow","React","forwardRef","_ref2","ref","context","width","height","fillColor","strokeColor","_useTheme","useTheme","theme","placement","floating","elements","arrow","middlewareData","strokeWidth","border","thin","__DEV__","logger","type","moduleName","message","_jsx","_Fragment","_getFloatingPlacement","getFloatingPlacementParts","_getFloatingPlacement2","_slicedToArray","side","svgX","svgY","dValue","staticSide","top","right","bottom","left","rotation","newStyles","x","y","_defineProperty","makeSize","size","position","undefined","View","pointerEvents","collapsable","style","children","_jsxs","viewBox","Path","fill","stroke","d"],"mappings":"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"}

package/build/lib/native/components/ProgressBar/CircularProgressBar.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"CircularProgressBar.native.js","sources":["../../../../../src/components/ProgressBar/CircularProgressBar.native.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport styled from 'styled-components/native';\nimport Animated, {\n  cancelAnimation,\n  useAnimatedStyle,\n  useSharedValue,\n  withDelay,\n  withRepeat,\n  withSequence,\n  withTiming,\n} from 'react-native-reanimated';\nimport { Text as SVGText, Circle } from 'react-native-svg';\nimport type { CircularProgressBarFilledProps } from './types';\nimport { circularProgressSizeTokens, getCircularProgressSVGTokens } from './progressBarTokens';\nimport { CircularProgressLabel } from './CircularProgressLabel';\nimport getIn from '~utils/lodashButBetter/get';\nimport BaseBox from '~components/Box/BaseBox';\nimport { makeMotionTime } from '~utils/makeMotionTime';\nimport type { TextProps } from '~components/Typography';\nimport { getTextProps } from '~components/Typography';\nimport { useTheme } from '~components/BladeProvider';\nimport { castNativeType } from '~utils';\nimport { Svg } from '~components/Icons/_Svg';\nimport getBaseTextStyles from '~components/Typography/BaseText/getBaseTextStyles';\n\nconst pulseAnimation = {\n  opacityInitial: 1,\n  opacityMid: 0.65,\n  opacityFinal: 1,\n};\n\nconst StyledSVGText = styled(SVGText)<Pick<TextProps<{ variant: 'body' }>, 'size' | 'weight'>>(\n  ({ theme, size, weight }) => {\n    const textProps = getTextProps({ variant: 'body', size, weight });\n\n    return {\n      ...getBaseTextStyles({ theme, ...textProps }),\n      strokeWidth: 0,\n      fill:\n        textProps.color === 'currentColor'\n          ? textProps.color\n          : getIn(theme.colors, textProps.color!),\n    };\n  },\n);\n\nconst CircularProgressBarFilled = ({\n  progressPercent,\n  fillColor,\n  backgroundColor,\n  size = 'small',\n  label,\n  showPercentage = true,\n  isMeter,\n  motionEasing,\n  pulseMotionDuration,\n  pulseMotionDelay,\n  fillMotionDuration,\n}: CircularProgressBarFilledProps): React.ReactElement => {\n  const {\n    sqSize,\n    strokeWidth,\n    radius,\n    viewBox,\n    dashArray,\n    dashOffset,\n  } = getCircularProgressSVGTokens({ size, progressPercent });\n\n  const AnimatedCircle = Animated.createAnimatedComponent(Circle);\n  const animatedOpacity = useSharedValue(pulseAnimation.opacityInitial);\n  const animatedStrokeDashoffset = useSharedValue(dashOffset);\n  const { theme } = useTheme();\n  const fillAndPulseEasing = getIn(theme.motion, motionEasing);\n  const pulseDuration =\n    castNativeType(makeMotionTime(getIn(theme.motion, pulseMotionDuration))) / 2;\n\n  // Trigger animation for progress fill\n  useEffect(() => {\n    const fillDuration = castNativeType(makeMotionTime(getIn(theme.motion, fillMotionDuration)));\n    animatedStrokeDashoffset.value = withTiming(dashOffset, {\n      duration: fillDuration,\n      easing: fillAndPulseEasing,\n    });\n    return () => {\n      cancelAnimation(animatedStrokeDashoffset);\n    };\n  }, [dashOffset, animatedStrokeDashoffset, fillMotionDuration, theme, fillAndPulseEasing]);\n\n  // Trigger pulsating animation\n  useEffect(() => {\n    const pulsatingAnimationTimingConfig = {\n      duration: pulseDuration,\n      easing: fillAndPulseEasing,\n    };\n    if (!isMeter) {\n      animatedOpacity.value = withDelay(\n        castNativeType(makeMotionTime(getIn(theme.motion, pulseMotionDelay))),\n        withRepeat(\n          withSequence(\n            withTiming(pulseAnimation.opacityMid, pulsatingAnimationTimingConfig),\n            withTiming(pulseAnimation.opacityFinal, pulsatingAnimationTimingConfig),\n          ),\n          -1,\n        ),\n      );\n    }\n\n    return () => {\n      cancelAnimation(animatedOpacity);\n    };\n  }, [animatedOpacity, fillAndPulseEasing, pulseDuration, pulseMotionDelay, theme, isMeter]);\n\n  const firstIndicatorStyles = useAnimatedStyle(() => {\n    return {\n      strokeDashoffset: animatedStrokeDashoffset.value,\n      opacity: progressPercent < 100 ? animatedOpacity.value : 1,\n    };\n  });\n\n  return (\n    <BaseBox display=\"flex\" width=\"fit-content\" alignItems=\"center\">\n      <Svg width={String(sqSize)} height={String(sqSize)} viewBox={viewBox}>\n        <Circle\n          fill=\"none\"\n          stroke={backgroundColor}\n          cx={String(sqSize / 2)}\n          cy={String(sqSize / 2)}\n          r={String(radius)}\n          strokeWidth={`${strokeWidth}px`}\n        />\n\n        <AnimatedCircle\n          fill=\"none\"\n          stroke={fillColor}\n          cx={sqSize / 2}\n          cy={sqSize / 2}\n          r={radius}\n          strokeWidth={`${strokeWidth}px`}\n          // Start progress marker at 12 O'Clock\n          transform={`rotate(-90 ${sqSize / 2} ${sqSize / 2})`}\n          strokeDasharray={dashArray}\n          strokeDashoffset={dashOffset}\n          style={firstIndicatorStyles}\n        />\n\n        {showPercentage && size !== 'small' && (\n          <StyledSVGText\n            size={circularProgressSizeTokens[size].percentTextSize}\n            weight=\"semibold\"\n            x=\"50%\"\n            y=\"50%\"\n            textAnchor=\"middle\"\n            dy=\".5em\"\n          >\n            {`${progressPercent}%`}\n          </StyledSVGText>\n        )}\n      </Svg>\n\n      <CircularProgressLabel\n        progressPercent={progressPercent}\n        size={size}\n        label={label}\n        showPercentage={showPercentage}\n      />\n    </BaseBox>\n  );\n};\n\nexport { CircularProgressBarFilled };\n"],"names":["pulseAnimation","opacityInitial","opacityMid","opacityFinal","StyledSVGText","styled","SVGText","_ref","theme","size","weight","textProps","getTextProps","variant","Object","assign","getBaseTextStyles","strokeWidth","fill","color","getIn","colors","CircularProgressBarFilled","_ref2","progressPercent","fillColor","backgroundColor","_ref2$size","label","_ref2$showPercentage","showPercentage","isMeter","motionEasing","pulseMotionDuration","pulseMotionDelay","fillMotionDuration","_getCircularProgressS","getCircularProgressSVGTokens","sqSize","radius","viewBox","dashArray","dashOffset","AnimatedCircle","Animated","createAnimatedComponent","Circle","animatedOpacity","useSharedValue","animatedStrokeDashoffset","_useTheme","useTheme","fillAndPulseEasing","motion","pulseDuration","castNativeType","makeMotionTime","useEffect","fillDuration","value","withTiming","duration","easing","cancelAnimation","pulsatingAnimationTimingConfig","withDelay","withRepeat","withSequence","firstIndicatorStyles","useAnimatedStyle","strokeDashoffset","opacity","_jsxs","BaseBox","display","width","alignItems","children","Svg","String","height","_jsx","stroke","cx","cy","r","transform","strokeDasharray","style","circularProgressSizeTokens","percentTextSize","x","y","textAnchor","dy","CircularProgressLabel"],"mappings":"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"}
+{"version":3,"file":"CircularProgressBar.native.js","sources":["../../../../../src/components/ProgressBar/CircularProgressBar.native.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport styled from 'styled-components/native';\nimport Animated, {\n  cancelAnimation,\n  useAnimatedStyle,\n  useSharedValue,\n  withDelay,\n  withRepeat,\n  withSequence,\n  withTiming,\n} from 'react-native-reanimated';\nimport { Text as SVGText, Circle } from 'react-native-svg';\nimport type { CircularProgressBarFilledProps } from './types';\nimport { circularProgressSizeTokens, getCircularProgressSVGTokens } from './progressBarTokens';\nimport { CircularProgressLabel } from './CircularProgressLabel';\nimport getIn from '~utils/lodashButBetter/get';\nimport BaseBox from '~components/Box/BaseBox';\nimport { makeMotionTime } from '~utils/makeMotionTime';\nimport type { TextProps } from '~components/Typography';\nimport { getTextProps } from '~components/Typography';\nimport { useTheme } from '~components/BladeProvider';\nimport { castNativeType } from '~utils';\nimport { Svg } from '~components/Icons/_Svg';\nimport getBaseTextStyles from '~components/Typography/BaseText/getBaseTextStyles';\n\nconst pulseAnimation = {\n  opacityInitial: 1,\n  opacityMid: 0.65,\n  opacityFinal: 1,\n};\n\nconst StyledSVGText = styled(SVGText)<Pick<TextProps<{ variant: 'body' }>, 'size' | 'weight'>>(\n  ({ theme, size, weight }) => {\n    const textProps = getTextProps({ variant: 'body', size, weight });\n\n    return {\n      ...getBaseTextStyles({ theme, ...textProps }),\n      strokeWidth: 0,\n      fill:\n        textProps.color === 'currentColor'\n          ? textProps.color\n          : getIn(theme.colors, textProps.color!),\n    };\n  },\n);\n\nconst CircularProgressBarFilled = ({\n  progressPercent,\n  fillColor,\n  backgroundColor,\n  size = 'small',\n  label,\n  showPercentage = true,\n  isMeter,\n  motionEasing,\n  pulseMotionDuration,\n  pulseMotionDelay,\n  fillMotionDuration,\n}: CircularProgressBarFilledProps): React.ReactElement => {\n  const {\n    sqSize,\n    strokeWidth,\n    radius,\n    viewBox,\n    dashArray,\n    dashOffset,\n  } = getCircularProgressSVGTokens({ size, progressPercent });\n\n  const AnimatedCircle = Animated.createAnimatedComponent(Circle);\n  const animatedOpacity = useSharedValue(pulseAnimation.opacityInitial);\n  const animatedStrokeDashoffset = useSharedValue(dashOffset);\n  const { theme } = useTheme();\n  const fillAndPulseEasing = getIn(theme.motion, motionEasing);\n  const pulseDuration =\n    castNativeType(makeMotionTime(getIn(theme.motion, pulseMotionDuration))) / 2;\n\n  // Trigger animation for progress fill\n  useEffect(() => {\n    const fillDuration = castNativeType(makeMotionTime(getIn(theme.motion, fillMotionDuration)));\n    animatedStrokeDashoffset.value = withTiming(dashOffset, {\n      duration: fillDuration,\n      easing: fillAndPulseEasing,\n    });\n    return () => {\n      cancelAnimation(animatedStrokeDashoffset);\n    };\n  }, [dashOffset, animatedStrokeDashoffset, fillMotionDuration, theme, fillAndPulseEasing]);\n\n  // Trigger pulsating animation\n  useEffect(() => {\n    const pulsatingAnimationTimingConfig = {\n      duration: pulseDuration,\n      easing: fillAndPulseEasing,\n    };\n    if (!isMeter) {\n      animatedOpacity.value = withDelay(\n        castNativeType(makeMotionTime(getIn(theme.motion, pulseMotionDelay))),\n        withRepeat(\n          withSequence(\n            withTiming(pulseAnimation.opacityMid, pulsatingAnimationTimingConfig),\n            withTiming(pulseAnimation.opacityFinal, pulsatingAnimationTimingConfig),\n          ),\n          -1,\n        ),\n      );\n    }\n\n    return () => {\n      cancelAnimation(animatedOpacity);\n    };\n  }, [animatedOpacity, fillAndPulseEasing, pulseDuration, pulseMotionDelay, theme, isMeter]);\n\n  const firstIndicatorStyles = useAnimatedStyle(() => {\n    return {\n      strokeDashoffset: animatedStrokeDashoffset.value,\n      opacity: progressPercent < 100 ? animatedOpacity.value : 1,\n    };\n  });\n\n  return (\n    <BaseBox display=\"flex\" width=\"fit-content\" alignItems=\"center\">\n      <Svg width={String(sqSize)} height={String(sqSize)} viewBox={viewBox}>\n        <Circle\n          fill=\"none\"\n          stroke={backgroundColor}\n          cx={String(sqSize / 2)}\n          cy={String(sqSize / 2)}\n          r={String(radius)}\n          strokeWidth={`${strokeWidth}px`}\n        />\n\n        <AnimatedCircle\n          fill=\"none\"\n          stroke={fillColor}\n          cx={sqSize / 2}\n          cy={sqSize / 2}\n          r={radius}\n          strokeWidth={`${strokeWidth}px`}\n          // Start progress marker at 12 O'Clock\n          transform={`rotate(-90 ${sqSize / 2} ${sqSize / 2})`}\n          strokeDasharray={dashArray}\n          strokeDashoffset={dashOffset}\n          style={firstIndicatorStyles}\n        />\n\n        {showPercentage && size !== 'small' && (\n          <StyledSVGText\n            size={circularProgressSizeTokens[size].percentTextSize}\n            weight=\"semibold\"\n            x=\"50%\"\n            y=\"50%\"\n            textAnchor=\"middle\"\n            dy=\".5em\"\n          >\n            {`${progressPercent}%`}\n          </StyledSVGText>\n        )}\n      </Svg>\n\n      <CircularProgressLabel\n        progressPercent={progressPercent}\n        size={size}\n        label={label}\n        showPercentage={showPercentage}\n      />\n    </BaseBox>\n  );\n};\n\nexport { CircularProgressBarFilled };\n"],"names":["pulseAnimation","opacityInitial","opacityMid","opacityFinal","StyledSVGText","styled","SVGText","_ref","theme","size","weight","textProps","getTextProps","variant","Object","assign","getBaseTextStyles","strokeWidth","fill","color","getIn","colors","CircularProgressBarFilled","_ref2","progressPercent","fillColor","backgroundColor","_ref2$size","label","_ref2$showPercentage","showPercentage","isMeter","motionEasing","pulseMotionDuration","pulseMotionDelay","fillMotionDuration","_getCircularProgressS","getCircularProgressSVGTokens","sqSize","radius","viewBox","dashArray","dashOffset","AnimatedCircle","Animated","createAnimatedComponent","Circle","animatedOpacity","useSharedValue","animatedStrokeDashoffset","_useTheme","useTheme","fillAndPulseEasing","motion","pulseDuration","castNativeType","makeMotionTime","useEffect","fillDuration","value","withTiming","duration","easing","cancelAnimation","pulsatingAnimationTimingConfig","withDelay","withRepeat","withSequence","firstIndicatorStyles","useAnimatedStyle","strokeDashoffset","opacity","_jsxs","BaseBox","display","width","alignItems","children","Svg","String","height","_jsx","stroke","cx","cy","r","transform","strokeDasharray","style","circularProgressSizeTokens","percentTextSize","x","y","textAnchor","dy","CircularProgressLabel"],"mappings":"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"}

package/build/lib/native/components/ProgressBar/ProgressBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.js","sources":["../../../../../src/components/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import React from 'react';\nimport type { ReactElement, Ref } from 'react';\nimport { ProgressBarFilled } from './ProgressBarFilled';\nimport { CircularProgressBarFilled } from './CircularProgressBar';\nimport clamp from '~utils/lodashButBetter/clamp';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { Text } from '~components/Typography/Text';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { useId } from '~utils/useId';\nimport { useTheme } from '~components/BladeProvider';\nimport type { BaseBoxProps } from '~components/Box/BaseBox';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { FeedbackColors } from '~tokens/theme/theme';\nimport { size } from '~tokens/global';\nimport type { DataAnalyticsAttribute, BladeElementRef, TestID } from '~utils/types';\nimport { makeSize } from '~utils/makeSize';\nimport type { AccessibilityProps } from '~utils/makeAccessible';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { throwBladeError } from '~utils/logger';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\ntype ProgressBarCommonProps = {\n  /**\n   * Sets aria-label to help users know what the progress bar is for. Default value is the same as the `label` passed.\n   */\n  accessibilityLabel?: string;\n  /**\n   * Sets the color of the progress bar which changes the feedback color.\n   */\n  color?: FeedbackColors;\n  /**\n   * Sets the type of the progress bar.\n   * @default 'progress'\n   */\n  type?: 'meter' | 'progress';\n  /**\n   * Sets the label to be rendered for the progress bar. This value will also be used as default for `accessibilityLabel`.\n   */\n  label?: string;\n  /**\n   * Sets the size of the progress bar.\n   * Note: 'large' size isn't available when the variant is 'linear'.\n   * @default 'small'\n   */\n  size?: 'small' | 'medium' | 'large';\n  /**\n   * Sets the progress value of the progress bar.\n   * @default 'small'\n   */\n  value?: number;\n  /**\n   * Sets the minimum value for the progress bar.\n   * @default 0\n   */\n  min?: number;\n  /**\n   * Sets the maximum value for the progress bar.\n   * @default 100\n   */\n  max?: number;\n} & TestID &\n  DataAnalyticsAttribute &\n  StyledPropsBlade;\n\ntype ProgressBarVariant = 'progress' | 'meter' | 'linear' | 'circular';\n\ntype ProgressBarProgressProps = ProgressBarCommonProps & {\n  /**\n   * Sets the variant to be rendered for the progress bar.\n   * @default 'progress'\n   */\n  variant?: Extract<ProgressBarVariant, 'progress' | 'linear' | 'circular'>;\n  /**\n   * Sets whether the progress bar is in an indeterminate state.\n   * @default false\n   */\n  isIndeterminate?: boolean;\n  /**\n   * Sets whether or not to show the progress percentage for the progress bar. Percentage is hidden by default for the `meter` variant.\n   * @default true\n   */\n  showPercentage?: boolean;\n};\n\ntype ProgressBarMeterProps = ProgressBarCommonProps & {\n  /**\n   * Sets the variant to be rendered for thr progress bar.\n   * @default 'progress'\n   */\n  variant?: Extract<ProgressBarVariant, 'meter' | 'linear' | 'circular'>;\n  /**\n   * Sets whether the progress bar is in an indeterminate state.\n   * @default false\n   */\n  isIndeterminate?: undefined;\n  /**\n   * Sets whether or not to show the progress percentage for the progress bar. Percentage is hidden by default for the `meter` variant.\n   * @default false\n   */\n  showPercentage?: undefined;\n};\n\ntype ProgressBarProps = ProgressBarProgressProps | ProgressBarMeterProps;\n\nconst progressBarHeight: Record<NonNullable<ProgressBarProps['size']>, 2 | 4 | 0> = {\n  small: size[2],\n  medium: size[4],\n  // Large size isn't available when variant is 'linear'\n  large: size[0],\n};\n\nconst _ProgressBar = (\n  {\n    accessibilityLabel,\n    color,\n    type,\n    isIndeterminate = false,\n    label,\n    showPercentage = true,\n    size = 'small',\n    value = 0,\n    variant = 'progress',\n    min = 0,\n    max = 100,\n    testID,\n    ...rest\n  }: ProgressBarProps,\n  ref: Ref<BladeElementRef>,\n): ReactElement => {\n  const { theme } = useTheme();\n  const progressType = !type && (variant === 'meter' || variant === 'progress') ? variant : type;\n  const progressVariant = variant === 'meter' || variant === 'progress' ? 'linear' : variant;\n  const id = useId(`${progressType}-${progressVariant}`);\n\n  if (__DEV__) {\n    if (progressType === 'meter' && isIndeterminate) {\n      throwBladeError({\n        moduleName: 'ProgressBar',\n        message: `Cannot set 'isIndeterminate' when 'type' or 'variant' is 'meter'.`,\n      });\n    }\n\n    if (progressVariant === 'circular' && isIndeterminate) {\n      throwBladeError({\n        moduleName: 'ProgressBar',\n        message: `Cannot set 'isIndeterminate' when 'variant' is 'circular'.`,\n      });\n    }\n\n    if (progressVariant === 'linear' && size === 'large') {\n      throwBladeError({\n        moduleName: 'ProgressBar',\n        message: `Large size isn't available when 'variant' is 'linear'.`,\n      });\n    }\n\n    if (type && (variant === 'progress' || variant === 'meter')) {\n      throwBladeError({\n        moduleName: 'ProgressBar',\n        message: `variant can only be 'linear' or 'circular' when 'type=${type}'.`,\n      });\n    }\n  }\n\n  const unfilledBackgroundColor = theme.colors.feedback.background.neutral\n    .subtle as BaseBoxProps['backgroundColor'];\n  const filledBackgroundColor = color\n    ? theme.colors.feedback.background[color].intense\n    : theme.colors.surface.background.primary.intense;\n  const hasLabel = label && label.trim()?.length > 0;\n  const isMeter = progressType === 'meter';\n  const isCircular = progressVariant === 'circular';\n  const progressValue = clamp(value, min, max);\n  const percentageValue = ((progressValue - min) * 100) / (max - min);\n  const percentageProgressValue = isMeter\n    ? parseFloat(percentageValue.toFixed(1))\n    : Math.floor(percentageValue);\n  const shouldShowPercentage = showPercentage && !isMeter && !isIndeterminate;\n  const accessibilityProps: Pick<\n    AccessibilityProps,\n    'role' | 'label' | 'valueMax' | 'valueNow' | 'valueMin' | 'valueText'\n  > = {\n    role: 'progressbar',\n    label: accessibilityLabel ?? label,\n    valueNow: percentageProgressValue,\n    valueText: `${percentageProgressValue}%`,\n    valueMin: min,\n    valueMax: max,\n  };\n\n  if (isMeter) {\n    accessibilityProps.role = 'meter';\n    accessibilityProps.valueNow = progressValue;\n    accessibilityProps.valueText = `${progressValue}`;\n  }\n\n  if (isIndeterminate) {\n    accessibilityProps.valueNow = undefined;\n    accessibilityProps.valueMin = undefined;\n    accessibilityProps.valueMax = undefined;\n    accessibilityProps.valueText = undefined;\n  }\n\n  return (\n    <BaseBox\n      ref={ref as never}\n      {...getStyledProps(rest)}\n      {...metaAttribute({ name: MetaConstants.ProgressBar, testID })}\n      {...makeAnalyticsAttribute(rest)}\n    >\n      <BaseBox display=\"flex\" flexDirection=\"column\" width=\"100%\">\n        {!isCircular ? (\n          <BaseBox\n            display=\"flex\"\n            flexDirection=\"row\"\n            justifyContent={hasLabel ? 'space-between' : 'flex-end'}\n          >\n            {hasLabel ? (\n              <Text as=\"label\" variant=\"body\" size=\"small\" color=\"surface.text.gray.subtle\">\n                {label}\n              </Text>\n            ) : null}\n            {shouldShowPercentage ? (\n              <BaseBox marginBottom=\"spacing.2\">\n                <Text\n                  variant=\"body\"\n                  size=\"small\"\n                  color=\"surface.text.gray.subtle\"\n                >{`${percentageProgressValue}%`}</Text>\n              </BaseBox>\n            ) : null}\n          </BaseBox>\n        ) : null}\n\n        <BaseBox\n          id={id}\n          {...makeAccessible({\n            role: accessibilityProps.role,\n            label: accessibilityProps.label,\n            valueNow: accessibilityProps.valueNow,\n            valueText: accessibilityProps.valueText,\n            valueMin: accessibilityProps.valueMin,\n            valueMax: accessibilityProps.valueMax,\n          })}\n        >\n          {isCircular ? (\n            <CircularProgressBarFilled\n              size={size}\n              label={label}\n              progressPercent={percentageProgressValue}\n              isMeter={isMeter}\n              showPercentage={showPercentage}\n              backgroundColor={unfilledBackgroundColor as string}\n              fillColor={filledBackgroundColor}\n              pulseMotionDuration=\"duration.2xgentle\"\n              fillMotionDuration=\"duration.2xgentle\"\n              pulseMotionDelay=\"delay.long\"\n              motionEasing=\"easing.emphasized\"\n            />\n          ) : (\n            <BaseBox\n              backgroundColor={unfilledBackgroundColor}\n              height={makeSize(progressBarHeight[size])}\n              overflow=\"hidden\"\n              position=\"relative\"\n            >\n              <ProgressBarFilled\n                backgroundColor={filledBackgroundColor}\n                progress={percentageProgressValue}\n                fillMotionDuration=\"duration.2xgentle\"\n                pulseMotionDuration=\"duration.2xgentle\"\n                indeterminateMotionDuration=\"duration.2xgentle\"\n                pulseMotionDelay=\"delay.long\"\n                motionEasing=\"easing.emphasized\"\n                type={progressType}\n                isIndeterminate={isIndeterminate}\n              />\n            </BaseBox>\n          )}\n        </BaseBox>\n      </BaseBox>\n    </BaseBox>\n  );\n};\n\nconst ProgressBar = React.forwardRef(_ProgressBar);\n\nexport type { ProgressBarProps, ProgressBarVariant };\nexport { ProgressBar };\n"],"names":["progressBarHeight","small","size","medium","large","_ProgressBar","_ref","ref","_label$trim","accessibilityLabel","color","type","_ref$isIndeterminate","isIndeterminate","label","_ref$showPercentage","showPercentage","_ref$size","_ref$value","value","_ref$variant","variant","_ref$min","min","_ref$max","max","testID","rest","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","progressType","progressVariant","id","useId","__DEV__","throwBladeError","moduleName","message","unfilledBackgroundColor","colors","feedback","background","neutral","subtle","filledBackgroundColor","intense","surface","primary","hasLabel","trim","length","isMeter","isCircular","progressValue","clamp","percentageValue","percentageProgressValue","parseFloat","toFixed","Math","floor","shouldShowPercentage","accessibilityProps","role","valueNow","valueText","valueMin","valueMax","undefined","_jsx","BaseBox","Object","assign","getStyledProps","metaAttribute","name","MetaConstants","ProgressBar","makeAnalyticsAttribute","children","_jsxs","display","flexDirection","width","justifyContent","Text","as","marginBottom","makeAccessible","CircularProgressBarFilled","progressPercent","backgroundColor","fillColor","pulseMotionDuration","fillMotionDuration","pulseMotionDelay","motionEasing","height","makeSize","overflow","position","ProgressBarFilled","progress","indeterminateMotionDuration","React","forwardRef"],"mappings":"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"}
+{"version":3,"file":"ProgressBar.js","sources":["../../../../../src/components/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import React from 'react';\nimport type { ReactElement, Ref } from 'react';\nimport { ProgressBarFilled } from './ProgressBarFilled';\nimport { CircularProgressBarFilled } from './CircularProgressBar';\nimport clamp from '~utils/lodashButBetter/clamp';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { Text } from '~components/Typography/Text';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { useId } from '~utils/useId';\nimport { useTheme } from '~components/BladeProvider';\nimport type { BaseBoxProps } from '~components/Box/BaseBox';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { FeedbackColors } from '~tokens/theme/theme';\nimport { size } from '~tokens/global';\nimport type { DataAnalyticsAttribute, BladeElementRef, TestID } from '~utils/types';\nimport { makeSize } from '~utils/makeSize';\nimport type { AccessibilityProps } from '~utils/makeAccessible';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { throwBladeError } from '~utils/logger';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\ntype ProgressBarCommonProps = {\n  /**\n   * Sets aria-label to help users know what the progress bar is for. Default value is the same as the `label` passed.\n   */\n  accessibilityLabel?: string;\n  /**\n   * Sets the color of the progress bar which changes the feedback color.\n   */\n  color?: FeedbackColors;\n  /**\n   * Sets the type of the progress bar.\n   * @default 'progress'\n   */\n  type?: 'meter' | 'progress';\n  /**\n   * Sets the label to be rendered for the progress bar. This value will also be used as default for `accessibilityLabel`.\n   */\n  label?: string;\n  /**\n   * Sets the size of the progress bar.\n   * Note: 'large' size isn't available when the variant is 'linear'.\n   * @default 'small'\n   */\n  size?: 'small' | 'medium' | 'large';\n  /**\n   * Sets the progress value of the progress bar.\n   * @default 'small'\n   */\n  value?: number;\n  /**\n   * Sets the minimum value for the progress bar.\n   * @default 0\n   */\n  min?: number;\n  /**\n   * Sets the maximum value for the progress bar.\n   * @default 100\n   */\n  max?: number;\n} & TestID &\n  DataAnalyticsAttribute &\n  StyledPropsBlade;\n\ntype ProgressBarVariant = 'progress' | 'meter' | 'linear' | 'circular';\n\ntype ProgressBarProgressProps = ProgressBarCommonProps & {\n  /**\n   * Sets the variant to be rendered for the progress bar.\n   * @default 'progress'\n   */\n  variant?: Extract<ProgressBarVariant, 'progress' | 'linear' | 'circular'>;\n  /**\n   * Sets whether the progress bar is in an indeterminate state.\n   * @default false\n   */\n  isIndeterminate?: boolean;\n  /**\n   * Sets whether or not to show the progress percentage for the progress bar. Percentage is hidden by default for the `meter` variant.\n   * @default true\n   */\n  showPercentage?: boolean;\n};\n\ntype ProgressBarMeterProps = ProgressBarCommonProps & {\n  /**\n   * Sets the variant to be rendered for thr progress bar.\n   * @default 'progress'\n   */\n  variant?: Extract<ProgressBarVariant, 'meter' | 'linear' | 'circular'>;\n  /**\n   * Sets whether the progress bar is in an indeterminate state.\n   * @default false\n   */\n  isIndeterminate?: undefined;\n  /**\n   * Sets whether or not to show the progress percentage for the progress bar. Percentage is hidden by default for the `meter` variant.\n   * @default false\n   */\n  showPercentage?: undefined;\n};\n\ntype ProgressBarProps = ProgressBarProgressProps | ProgressBarMeterProps;\n\nconst progressBarHeight: Record<NonNullable<ProgressBarProps['size']>, 2 | 4 | 0> = {\n  small: size[2],\n  medium: size[4],\n  // Large size isn't available when variant is 'linear'\n  large: size[0],\n};\n\nconst _ProgressBar = (\n  {\n    accessibilityLabel,\n    color,\n    type,\n    isIndeterminate = false,\n    label,\n    showPercentage = true,\n    size = 'small',\n    value = 0,\n    variant = 'progress',\n    min = 0,\n    max = 100,\n    testID,\n    ...rest\n  }: ProgressBarProps,\n  ref: Ref<BladeElementRef>,\n): ReactElement => {\n  const { theme } = useTheme();\n  const progressType = !type && (variant === 'meter' || variant === 'progress') ? variant : type;\n  const progressVariant = variant === 'meter' || variant === 'progress' ? 'linear' : variant;\n  const id = useId(`${progressType}-${progressVariant}`);\n\n  if (__DEV__) {\n    if (progressType === 'meter' && isIndeterminate) {\n      throwBladeError({\n        moduleName: 'ProgressBar',\n        message: `Cannot set 'isIndeterminate' when 'type' or 'variant' is 'meter'.`,\n      });\n    }\n\n    if (progressVariant === 'circular' && isIndeterminate) {\n      throwBladeError({\n        moduleName: 'ProgressBar',\n        message: `Cannot set 'isIndeterminate' when 'variant' is 'circular'.`,\n      });\n    }\n\n    if (progressVariant === 'linear' && size === 'large') {\n      throwBladeError({\n        moduleName: 'ProgressBar',\n        message: `Large size isn't available when 'variant' is 'linear'.`,\n      });\n    }\n\n    if (type && (variant === 'progress' || variant === 'meter')) {\n      throwBladeError({\n        moduleName: 'ProgressBar',\n        message: `variant can only be 'linear' or 'circular' when 'type=${type}'.`,\n      });\n    }\n  }\n\n  const unfilledBackgroundColor = theme.colors.feedback.background.neutral\n    .subtle as BaseBoxProps['backgroundColor'];\n  const filledBackgroundColor = color\n    ? theme.colors.feedback.background[color].intense\n    : theme.colors.surface.background.primary.intense;\n  const hasLabel = label && label.trim()?.length > 0;\n  const isMeter = progressType === 'meter';\n  const isCircular = progressVariant === 'circular';\n  const progressValue = clamp(value, min, max);\n  const percentageValue = ((progressValue - min) * 100) / (max - min);\n  const percentageProgressValue = isMeter\n    ? parseFloat(percentageValue.toFixed(1))\n    : Math.floor(percentageValue);\n  const shouldShowPercentage = showPercentage && !isMeter && !isIndeterminate;\n  const accessibilityProps: Pick<\n    AccessibilityProps,\n    'role' | 'label' | 'valueMax' | 'valueNow' | 'valueMin' | 'valueText'\n  > = {\n    role: 'progressbar',\n    label: accessibilityLabel ?? label,\n    valueNow: percentageProgressValue,\n    valueText: `${percentageProgressValue}%`,\n    valueMin: min,\n    valueMax: max,\n  };\n\n  if (isMeter) {\n    accessibilityProps.role = 'meter';\n    accessibilityProps.valueNow = progressValue;\n    accessibilityProps.valueText = `${progressValue}`;\n  }\n\n  if (isIndeterminate) {\n    accessibilityProps.valueNow = undefined;\n    accessibilityProps.valueMin = undefined;\n    accessibilityProps.valueMax = undefined;\n    accessibilityProps.valueText = undefined;\n  }\n\n  return (\n    <BaseBox\n      ref={ref as never}\n      {...getStyledProps(rest)}\n      {...metaAttribute({ name: MetaConstants.ProgressBar, testID })}\n      {...makeAnalyticsAttribute(rest)}\n    >\n      <BaseBox display=\"flex\" flexDirection=\"column\" width=\"100%\">\n        {!isCircular ? (\n          <BaseBox\n            display=\"flex\"\n            flexDirection=\"row\"\n            justifyContent={hasLabel ? 'space-between' : 'flex-end'}\n          >\n            {hasLabel ? (\n              <Text as=\"label\" variant=\"body\" size=\"small\" color=\"surface.text.gray.subtle\">\n                {label}\n              </Text>\n            ) : null}\n            {shouldShowPercentage ? (\n              <BaseBox marginBottom=\"spacing.2\">\n                <Text\n                  variant=\"body\"\n                  size=\"small\"\n                  color=\"surface.text.gray.subtle\"\n                >{`${percentageProgressValue}%`}</Text>\n              </BaseBox>\n            ) : null}\n          </BaseBox>\n        ) : null}\n\n        <BaseBox\n          id={id}\n          {...makeAccessible({\n            role: accessibilityProps.role,\n            label: accessibilityProps.label,\n            valueNow: accessibilityProps.valueNow,\n            valueText: accessibilityProps.valueText,\n            valueMin: accessibilityProps.valueMin,\n            valueMax: accessibilityProps.valueMax,\n          })}\n        >\n          {isCircular ? (\n            <CircularProgressBarFilled\n              size={size}\n              label={label}\n              progressPercent={percentageProgressValue}\n              isMeter={isMeter}\n              showPercentage={showPercentage}\n              backgroundColor={unfilledBackgroundColor as string}\n              fillColor={filledBackgroundColor}\n              pulseMotionDuration=\"duration.2xgentle\"\n              fillMotionDuration=\"duration.2xgentle\"\n              pulseMotionDelay=\"delay.long\"\n              motionEasing=\"easing.emphasized\"\n            />\n          ) : (\n            <BaseBox\n              backgroundColor={unfilledBackgroundColor}\n              height={makeSize(progressBarHeight[size])}\n              overflow=\"hidden\"\n              position=\"relative\"\n            >\n              <ProgressBarFilled\n                backgroundColor={filledBackgroundColor}\n                progress={percentageProgressValue}\n                fillMotionDuration=\"duration.2xgentle\"\n                pulseMotionDuration=\"duration.2xgentle\"\n                indeterminateMotionDuration=\"duration.2xgentle\"\n                pulseMotionDelay=\"delay.long\"\n                motionEasing=\"easing.emphasized\"\n                type={progressType}\n                isIndeterminate={isIndeterminate}\n              />\n            </BaseBox>\n          )}\n        </BaseBox>\n      </BaseBox>\n    </BaseBox>\n  );\n};\n\nconst ProgressBar = React.forwardRef(_ProgressBar);\n\nexport type { ProgressBarProps, ProgressBarVariant };\nexport { ProgressBar };\n"],"names":["progressBarHeight","small","size","medium","large","_ProgressBar","_ref","ref","_label$trim","accessibilityLabel","color","type","_ref$isIndeterminate","isIndeterminate","label","_ref$showPercentage","showPercentage","_ref$size","_ref$value","value","_ref$variant","variant","_ref$min","min","_ref$max","max","testID","rest","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","progressType","progressVariant","id","useId","__DEV__","throwBladeError","moduleName","message","unfilledBackgroundColor","colors","feedback","background","neutral","subtle","filledBackgroundColor","intense","surface","primary","hasLabel","trim","length","isMeter","isCircular","progressValue","clamp","percentageValue","percentageProgressValue","parseFloat","toFixed","Math","floor","shouldShowPercentage","accessibilityProps","role","valueNow","valueText","valueMin","valueMax","undefined","_jsx","BaseBox","Object","assign","getStyledProps","metaAttribute","name","MetaConstants","ProgressBar","makeAnalyticsAttribute","children","_jsxs","display","flexDirection","width","justifyContent","Text","as","marginBottom","makeAccessible","CircularProgressBarFilled","progressPercent","backgroundColor","fillColor","pulseMotionDuration","fillMotionDuration","pulseMotionDelay","motionEasing","height","makeSize","overflow","position","ProgressBarFilled","progress","indeterminateMotionDuration","React","forwardRef"],"mappings":"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"}

package/build/lib/native/components/ProgressBar/ProgressBarFilled.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBarFilled.native.js","sources":["../../../../../src/components/ProgressBar/ProgressBarFilled.native.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport styled from 'styled-components';\nimport Animated, {\n  cancelAnimation,\n  Easing,\n  useAnimatedStyle,\n  useSharedValue,\n  withDelay,\n  withRepeat,\n  withSequence,\n  withTiming,\n} from 'react-native-reanimated';\nimport type { ProgressBarFilledProps } from './types';\nimport { indeterminateAnimation, pulseAnimation } from './progressBarTokens';\nimport getIn from '~utils/lodashButBetter/get';\nimport { useTheme } from '~components/BladeProvider';\nimport { castNativeType } from '~utils';\nimport { makeMotionTime } from '~utils/makeMotionTime';\n\nconst ProgressBarIndeterminateFilledContainer = styled(Animated.View)<\n  Pick<ProgressBarFilledProps, 'backgroundColor' | 'progress'>\n>(({ backgroundColor }) => ({\n  backgroundColor,\n  height: '100%',\n  width: indeterminateAnimation.fillWidth,\n  position: 'absolute',\n}));\n\nconst ProgressBarDeterminateFilledContainer = styled(Animated.View)<\n  Pick<ProgressBarFilledProps, 'backgroundColor' | 'progress'>\n>(({ backgroundColor, progress }) => ({\n  backgroundColor,\n  height: '100%',\n  width: `${progress}%`,\n}));\n\nconst ProgressBarPulseAnimation = styled(Animated.View)({\n  backgroundColor: pulseAnimation.backgroundColor,\n  opacity: pulseAnimation.opacityInitial,\n  width: '100%',\n  height: '100%',\n});\n\nconst ProgressBarFilled = ({\n  backgroundColor,\n  progress,\n  fillMotionDuration,\n  motionEasing,\n  pulseMotionDuration,\n  pulseMotionDelay,\n  type,\n  isIndeterminate,\n  indeterminateMotionDuration,\n}: ProgressBarFilledProps): React.ReactElement => {\n  const animatedWidth = useSharedValue(progress); // for progress fill animation\n  const animatedOpacity = useSharedValue(pulseAnimation.opacityInitial); // for pulse animation\n  const animatedScaleX = useSharedValue(indeterminateAnimation.scaleXInitial); // for indeterminate scale animation\n  const animatedLeft = useSharedValue(indeterminateAnimation.leftInitial); // for indeterminate slide animation\n\n  const { theme } = useTheme();\n  const fillAndPulseEasing = getIn(theme.motion, motionEasing);\n  const pulseDuration =\n    castNativeType(makeMotionTime(getIn(theme.motion, pulseMotionDuration))) / 2; // divided by 2 since we animate it with 2 steps in a sequence\n\n  // Trigger animation for progress fill\n  useEffect(() => {\n    const fillDuration = castNativeType(makeMotionTime(getIn(theme.motion, fillMotionDuration)));\n    animatedWidth.value = withTiming(progress, {\n      duration: fillDuration,\n      easing: fillAndPulseEasing,\n    });\n    return () => {\n      cancelAnimation(animatedWidth);\n    };\n  }, [progress, animatedWidth, fillMotionDuration, theme, fillAndPulseEasing]);\n\n  // Animated styles for progress fill animation\n  const progressFillAnimatedStyle = useAnimatedStyle(() => {\n    return {\n      width: `${animatedWidth.value}%`,\n    };\n  });\n\n  // Trigger animation for indeterminate progress bar\n  useEffect(() => {\n    if (type === 'progress' && isIndeterminate) {\n      const indeterminateDuration = castNativeType(\n        makeMotionTime(getIn(theme.motion, indeterminateMotionDuration)),\n      );\n      const indeterminateEasing = Easing.linear;\n\n      // Sliding animation\n      animatedLeft.value = withRepeat(\n        withTiming(indeterminateAnimation.leftFinal, {\n          duration: indeterminateDuration,\n          easing: indeterminateEasing,\n        }),\n        -1,\n      );\n\n      // Scaling animation\n      animatedScaleX.value = withRepeat(\n        withSequence(\n          withTiming(indeterminateAnimation.scaleXMid, {\n            duration: indeterminateDuration / 2, // divided by 2 since we animate it with 2 steps in a sequence\n            easing: indeterminateEasing,\n          }),\n          withTiming(indeterminateAnimation.scaleXFinal, {\n            duration: indeterminateDuration / 2, // divided by 2 since we animate it with 2 steps in a sequence\n            easing: indeterminateEasing,\n          }),\n        ),\n        -1,\n      );\n    }\n\n    return () => {\n      cancelAnimation(animatedLeft);\n      cancelAnimation(animatedScaleX);\n    };\n  }, [animatedLeft, animatedScaleX, indeterminateMotionDuration, isIndeterminate, theme, type]);\n\n  // Animated styles for indeterminate animation\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n  //@ts-expect-error TS errors originating from reanimated. Should be fixed in future versions. Ref: https://github.com/software-mansion/react-native-reanimated/issues/4840\n  const indeterminateAnimatedStyle = useAnimatedStyle(() => {\n    return {\n      left: animatedLeft.value,\n      transform: [{ scaleX: animatedScaleX.value }],\n    };\n  });\n\n  //Trigger pulsating animation\n  useEffect(() => {\n    const pulsatingAnimationTimingConfig = {\n      duration: pulseDuration,\n      easing: fillAndPulseEasing,\n    };\n    if (type === 'progress') {\n      animatedOpacity.value = withDelay(\n        castNativeType(makeMotionTime(getIn(theme.motion, pulseMotionDelay))),\n        withRepeat(\n          withSequence(\n            withTiming(pulseAnimation.opacityMid, pulsatingAnimationTimingConfig),\n            withTiming(pulseAnimation.opacityFinal, pulsatingAnimationTimingConfig),\n          ),\n          -1,\n        ),\n      );\n    }\n\n    return () => {\n      cancelAnimation(animatedOpacity);\n    };\n  }, [animatedOpacity, fillAndPulseEasing, pulseDuration, pulseMotionDelay, theme, type]);\n\n  // Animated styles for pulse animation\n  const pulseAnimatedStyle = useAnimatedStyle(() => {\n    return {\n      opacity: animatedOpacity.value,\n    };\n  });\n\n  const ProgressBarFilledContainer = isIndeterminate\n    ? ProgressBarIndeterminateFilledContainer\n    : ProgressBarDeterminateFilledContainer;\n\n  return (\n    <ProgressBarFilledContainer\n      style={isIndeterminate ? indeterminateAnimatedStyle : progressFillAnimatedStyle}\n      backgroundColor={backgroundColor}\n      progress={progress}\n    >\n      <ProgressBarPulseAnimation style={pulseAnimatedStyle} />\n    </ProgressBarFilledContainer>\n  );\n};\n\nexport type { ProgressBarFilledProps };\nexport { ProgressBarFilled };\n"],"names":["ProgressBarIndeterminateFilledContainer","styled","Animated","View","_ref","backgroundColor","height","width","indeterminateAnimation","fillWidth","position","ProgressBarDeterminateFilledContainer","_ref2","progress","ProgressBarPulseAnimation","pulseAnimation","opacity","opacityInitial","ProgressBarFilled","_ref3","fillMotionDuration","motionEasing","pulseMotionDuration","pulseMotionDelay","type","isIndeterminate","indeterminateMotionDuration","animatedWidth","useSharedValue","animatedOpacity","animatedScaleX","scaleXInitial","animatedLeft","leftInitial","_useTheme","useTheme","theme","fillAndPulseEasing","getIn","motion","pulseDuration","castNativeType","makeMotionTime","useEffect","fillDuration","value","withTiming","duration","easing","cancelAnimation","progressFillAnimatedStyle","useAnimatedStyle","indeterminateDuration","indeterminateEasing","Easing","linear","withRepeat","leftFinal","withSequence","scaleXMid","scaleXFinal","indeterminateAnimatedStyle","left","transform","scaleX","pulsatingAnimationTimingConfig","withDelay","opacityMid","opacityFinal","pulseAnimatedStyle","ProgressBarFilledContainer","_jsx","style","children"],"mappings":"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"}
+{"version":3,"file":"ProgressBarFilled.native.js","sources":["../../../../../src/components/ProgressBar/ProgressBarFilled.native.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport styled from 'styled-components';\nimport Animated, {\n  cancelAnimation,\n  Easing,\n  useAnimatedStyle,\n  useSharedValue,\n  withDelay,\n  withRepeat,\n  withSequence,\n  withTiming,\n} from 'react-native-reanimated';\nimport type { ProgressBarFilledProps } from './types';\nimport { indeterminateAnimation, pulseAnimation } from './progressBarTokens';\nimport getIn from '~utils/lodashButBetter/get';\nimport { useTheme } from '~components/BladeProvider';\nimport { castNativeType } from '~utils';\nimport { makeMotionTime } from '~utils/makeMotionTime';\n\nconst ProgressBarIndeterminateFilledContainer = styled(Animated.View)<\n  Pick<ProgressBarFilledProps, 'backgroundColor' | 'progress'>\n>(({ backgroundColor }) => ({\n  backgroundColor,\n  height: '100%',\n  width: indeterminateAnimation.fillWidth,\n  position: 'absolute',\n}));\n\nconst ProgressBarDeterminateFilledContainer = styled(Animated.View)<\n  Pick<ProgressBarFilledProps, 'backgroundColor' | 'progress'>\n>(({ backgroundColor, progress }) => ({\n  backgroundColor,\n  height: '100%',\n  width: `${progress}%`,\n}));\n\nconst ProgressBarPulseAnimation = styled(Animated.View)({\n  backgroundColor: pulseAnimation.backgroundColor,\n  opacity: pulseAnimation.opacityInitial,\n  width: '100%',\n  height: '100%',\n});\n\nconst ProgressBarFilled = ({\n  backgroundColor,\n  progress,\n  fillMotionDuration,\n  motionEasing,\n  pulseMotionDuration,\n  pulseMotionDelay,\n  type,\n  isIndeterminate,\n  indeterminateMotionDuration,\n}: ProgressBarFilledProps): React.ReactElement => {\n  const animatedWidth = useSharedValue(progress); // for progress fill animation\n  const animatedOpacity = useSharedValue(pulseAnimation.opacityInitial); // for pulse animation\n  const animatedScaleX = useSharedValue(indeterminateAnimation.scaleXInitial); // for indeterminate scale animation\n  const animatedLeft = useSharedValue(indeterminateAnimation.leftInitial); // for indeterminate slide animation\n\n  const { theme } = useTheme();\n  const fillAndPulseEasing = getIn(theme.motion, motionEasing);\n  const pulseDuration =\n    castNativeType(makeMotionTime(getIn(theme.motion, pulseMotionDuration))) / 2; // divided by 2 since we animate it with 2 steps in a sequence\n\n  // Trigger animation for progress fill\n  useEffect(() => {\n    const fillDuration = castNativeType(makeMotionTime(getIn(theme.motion, fillMotionDuration)));\n    animatedWidth.value = withTiming(progress, {\n      duration: fillDuration,\n      easing: fillAndPulseEasing,\n    });\n    return () => {\n      cancelAnimation(animatedWidth);\n    };\n  }, [progress, animatedWidth, fillMotionDuration, theme, fillAndPulseEasing]);\n\n  // Animated styles for progress fill animation\n  const progressFillAnimatedStyle = useAnimatedStyle(() => {\n    return {\n      width: `${animatedWidth.value}%`,\n    };\n  });\n\n  // Trigger animation for indeterminate progress bar\n  useEffect(() => {\n    if (type === 'progress' && isIndeterminate) {\n      const indeterminateDuration = castNativeType(\n        makeMotionTime(getIn(theme.motion, indeterminateMotionDuration)),\n      );\n      const indeterminateEasing = Easing.linear;\n\n      // Sliding animation\n      animatedLeft.value = withRepeat(\n        withTiming(indeterminateAnimation.leftFinal, {\n          duration: indeterminateDuration,\n          easing: indeterminateEasing,\n        }),\n        -1,\n      );\n\n      // Scaling animation\n      animatedScaleX.value = withRepeat(\n        withSequence(\n          withTiming(indeterminateAnimation.scaleXMid, {\n            duration: indeterminateDuration / 2, // divided by 2 since we animate it with 2 steps in a sequence\n            easing: indeterminateEasing,\n          }),\n          withTiming(indeterminateAnimation.scaleXFinal, {\n            duration: indeterminateDuration / 2, // divided by 2 since we animate it with 2 steps in a sequence\n            easing: indeterminateEasing,\n          }),\n        ),\n        -1,\n      );\n    }\n\n    return () => {\n      cancelAnimation(animatedLeft);\n      cancelAnimation(animatedScaleX);\n    };\n  }, [animatedLeft, animatedScaleX, indeterminateMotionDuration, isIndeterminate, theme, type]);\n\n  // Animated styles for indeterminate animation\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n  //@ts-expect-error TS errors originating from reanimated. Should be fixed in future versions. Ref: https://github.com/software-mansion/react-native-reanimated/issues/4840\n  const indeterminateAnimatedStyle = useAnimatedStyle(() => {\n    return {\n      left: animatedLeft.value,\n      transform: [{ scaleX: animatedScaleX.value }],\n    };\n  });\n\n  //Trigger pulsating animation\n  useEffect(() => {\n    const pulsatingAnimationTimingConfig = {\n      duration: pulseDuration,\n      easing: fillAndPulseEasing,\n    };\n    if (type === 'progress') {\n      animatedOpacity.value = withDelay(\n        castNativeType(makeMotionTime(getIn(theme.motion, pulseMotionDelay))),\n        withRepeat(\n          withSequence(\n            withTiming(pulseAnimation.opacityMid, pulsatingAnimationTimingConfig),\n            withTiming(pulseAnimation.opacityFinal, pulsatingAnimationTimingConfig),\n          ),\n          -1,\n        ),\n      );\n    }\n\n    return () => {\n      cancelAnimation(animatedOpacity);\n    };\n  }, [animatedOpacity, fillAndPulseEasing, pulseDuration, pulseMotionDelay, theme, type]);\n\n  // Animated styles for pulse animation\n  const pulseAnimatedStyle = useAnimatedStyle(() => {\n    return {\n      opacity: animatedOpacity.value,\n    };\n  });\n\n  const ProgressBarFilledContainer = isIndeterminate\n    ? ProgressBarIndeterminateFilledContainer\n    : ProgressBarDeterminateFilledContainer;\n\n  return (\n    <ProgressBarFilledContainer\n      style={isIndeterminate ? indeterminateAnimatedStyle : progressFillAnimatedStyle}\n      backgroundColor={backgroundColor}\n      progress={progress}\n    >\n      <ProgressBarPulseAnimation style={pulseAnimatedStyle} />\n    </ProgressBarFilledContainer>\n  );\n};\n\nexport type { ProgressBarFilledProps };\nexport { ProgressBarFilled };\n"],"names":["ProgressBarIndeterminateFilledContainer","styled","Animated","View","_ref","backgroundColor","height","width","indeterminateAnimation","fillWidth","position","ProgressBarDeterminateFilledContainer","_ref2","progress","ProgressBarPulseAnimation","pulseAnimation","opacity","opacityInitial","ProgressBarFilled","_ref3","fillMotionDuration","motionEasing","pulseMotionDuration","pulseMotionDelay","type","isIndeterminate","indeterminateMotionDuration","animatedWidth","useSharedValue","animatedOpacity","animatedScaleX","scaleXInitial","animatedLeft","leftInitial","_useTheme","useTheme","theme","fillAndPulseEasing","getIn","motion","pulseDuration","castNativeType","makeMotionTime","useEffect","fillDuration","value","withTiming","duration","easing","cancelAnimation","progressFillAnimatedStyle","useAnimatedStyle","indeterminateDuration","indeterminateEasing","Easing","linear","withRepeat","leftFinal","withSequence","scaleXMid","scaleXFinal","indeterminateAnimatedStyle","left","transform","scaleX","pulsatingAnimationTimingConfig","withDelay","opacityMid","opacityFinal","pulseAnimatedStyle","ProgressBarFilledContainer","_jsx","style","children"],"mappings":"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"}

package/build/lib/native/components/ProgressBar/progressBarTokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"progressBarTokens.js","sources":["../../../../../src/components/ProgressBar/progressBarTokens.ts"],"sourcesContent":["import type { CircularProgressBarFilledProps } from './types';\nimport { size } from '~tokens/global';\n\nconst indeterminateAnimation = {\n  scaleXInitial: 1,\n  scaleXMid: 5,\n  scaleXFinal: 1,\n  leftInitial: '-8%',\n  leftMid: '50%',\n  leftFinal: '103%',\n  fillWidth: '5%',\n};\n\nconst pulseAnimation = {\n  opacityInitial: 0,\n  opacityMid: 0.25,\n  opacityFinal: 0,\n  backgroundColor: 'white',\n};\n\nconst circularProgressSizeTokens = {\n  small: {\n    size: size[24],\n    strokeWidth: size[3],\n    percentTextSize: 'small',\n  },\n  medium: {\n    size: size[48],\n    strokeWidth: size[5],\n    percentTextSize: 'small',\n  },\n  large: {\n    size: size[72],\n    strokeWidth: size[7],\n    percentTextSize: 'medium',\n  },\n} as const;\n\nconst getCircularProgressSVGTokens = ({\n  size,\n  progressPercent,\n}: {\n  size: NonNullable<CircularProgressBarFilledProps['size']>;\n  progressPercent: number;\n}): {\n  sqSize: number;\n  strokeWidth: number;\n  radius: number;\n  viewBox: string;\n  dashArray: number;\n  dashOffset: number;\n} => {\n  // Size of the enclosing square\n  const sqSize = circularProgressSizeTokens[size].size;\n  const strokeWidth = circularProgressSizeTokens[size].strokeWidth;\n\n  // SVG centers the stroke width on the radius, subtract out so circle fits in square\n  const radius = (sqSize - strokeWidth) / 2;\n  // Enclose circle in a circumscribing square\n  const viewBox = `0 0 ${sqSize} ${sqSize}`;\n  // Arc length at 100% coverage is the circle circumference\n  const dashArray = radius * Math.PI * 2;\n  // Scale 100% coverage overlay with the actual percent\n  const dashOffset = dashArray - (dashArray * progressPercent) / 100;\n\n  return {\n    sqSize,\n    strokeWidth,\n    radius,\n    viewBox,\n    dashArray,\n    dashOffset,\n  };\n};\n\nexport {\n  indeterminateAnimation,\n  pulseAnimation,\n  circularProgressSizeTokens,\n  getCircularProgressSVGTokens,\n};\n"],"names":["indeterminateAnimation","scaleXInitial","scaleXMid","scaleXFinal","leftInitial","leftMid","leftFinal","fillWidth","pulseAnimation","opacityInitial","opacityMid","opacityFinal","backgroundColor","circularProgressSizeTokens","small","size","strokeWidth","percentTextSize","medium","large","getCircularProgressSVGTokens","_ref","progressPercent","sqSize","radius","viewBox","dashArray","Math","PI","dashOffset"],"mappings":";;;;AAGM,IAAAA,sBAAsB,CAAG,CAC7BC,aAAa,CAAE,CAAC,CAChBC,SAAS,CAAE,CAAC,CACZC,WAAW,CAAE,CAAC,CACdC,WAAW,CAAE,KAAK,CAClBC,OAAO,CAAE,KAAK,CACdC,SAAS,CAAE,MAAM,CACjBC,SAAS,CAAE,IACb,EAEM,IAAAC,cAAc,CAAG,CACrBC,cAAc,CAAE,CAAC,CACjBC,UAAU,CAAE,IAAI,CAChBC,YAAY,CAAE,CAAC,CACfC,eAAe,CAAE,OACnB,EAEM,IAAAC,0BAA0B,CAAG,CACjCC,KAAK,CAAE,CACLC,IAAI,CAAEA,IAAI,CAAC,EAAE,CAAC,CACdC,WAAW,CAAED,IAAI,CAAC,CAAC,CAAC,CACpBE,eAAe,CAAE,OACnB,CAAC,CACDC,MAAM,CAAE,CACNH,IAAI,CAAEA,IAAI,CAAC,EAAE,CAAC,CACdC,WAAW,CAAED,IAAI,CAAC,CAAC,CAAC,CACpBE,eAAe,CAAE,OACnB,CAAC,CACDE,KAAK,CAAE,CACLJ,IAAI,CAAEA,IAAI,CAAC,EAAE,CAAC,CACdC,WAAW,CAAED,IAAI,CAAC,CAAC,CAAC,CACpBE,eAAe,CAAE,QACnB,CACF,EAEM,IAAAG,4BAA4B,CAAG,SAA/BA,4BAA4BA,CAAAC,IAAA,CAa7B,CAZH,IAAAN,IAAI,CAAAM,IAAA,CAAJN,IAAI,CACJO,eAAe,CAAAD,IAAA,CAAfC,eAAe,CAaf,IAAMC,MAAM,CAAGV,0BAA0B,CAACE,IAAI,CAAC,CAACA,IAAI,CACpD,IAAMC,WAAW,CAAGH,0BAA0B,CAACE,IAAI,CAAC,CAACC,WAAW,CAGhE,IAAMQ,MAAM,CAAG,CAACD,MAAM,CAAGP,WAAW,EAAI,CAAC,CAEzC,IAAMS,OAAO,CAAI,CAAMF,IAAAA,EAAAA,MAAO,CAAGA,CAAAA,EAAAA,MAAO,CAAC,CAAA,CAEzC,IAAMG,SAAS,CAAGF,MAAM,CAAGG,IAAI,CAACC,EAAE,CAAG,CAAC,CAEtC,IAAMC,UAAU,CAAGH,SAAS,CAAIA,SAAS,CAAGJ,eAAe,CAAI,GAAG,CAElE,OAAO,CACLC,MAAM,CAANA,MAAM,CACNP,WAAW,CAAXA,WAAW,CACXQ,MAAM,CAANA,MAAM,CACNC,OAAO,CAAPA,OAAO,CACPC,SAAS,CAATA,SAAS,CACTG,UAAU,CAAVA,UACF,CAAC,CACH;;;;"}
+{"version":3,"file":"progressBarTokens.js","sources":["../../../../../src/components/ProgressBar/progressBarTokens.ts"],"sourcesContent":["import type { CircularProgressBarFilledProps } from './types';\nimport { size } from '~tokens/global';\n\nconst indeterminateAnimation = {\n  scaleXInitial: 1,\n  scaleXMid: 5,\n  scaleXFinal: 1,\n  leftInitial: '-8%',\n  leftMid: '50%',\n  leftFinal: '103%',\n  fillWidth: '5%',\n};\n\nconst pulseAnimation = {\n  opacityInitial: 0,\n  opacityMid: 0.25,\n  opacityFinal: 0,\n  backgroundColor: 'white',\n};\n\nconst circularProgressSizeTokens = {\n  small: {\n    size: size[24],\n    strokeWidth: size[3],\n    percentTextSize: 'small',\n  },\n  medium: {\n    size: size[48],\n    strokeWidth: size[5],\n    percentTextSize: 'small',\n  },\n  large: {\n    size: size[72],\n    strokeWidth: size[7],\n    percentTextSize: 'medium',\n  },\n} as const;\n\nconst getCircularProgressSVGTokens = ({\n  size,\n  progressPercent,\n}: {\n  size: NonNullable<CircularProgressBarFilledProps['size']>;\n  progressPercent: number;\n}): {\n  sqSize: number;\n  strokeWidth: number;\n  radius: number;\n  viewBox: string;\n  dashArray: number;\n  dashOffset: number;\n} => {\n  // Size of the enclosing square\n  const sqSize = circularProgressSizeTokens[size].size;\n  const strokeWidth = circularProgressSizeTokens[size].strokeWidth;\n\n  // SVG centers the stroke width on the radius, subtract out so circle fits in square\n  const radius = (sqSize - strokeWidth) / 2;\n  // Enclose circle in a circumscribing square\n  const viewBox = `0 0 ${sqSize} ${sqSize}`;\n  // Arc length at 100% coverage is the circle circumference\n  const dashArray = radius * Math.PI * 2;\n  // Scale 100% coverage overlay with the actual percent\n  const dashOffset = dashArray - (dashArray * progressPercent) / 100;\n\n  return {\n    sqSize,\n    strokeWidth,\n    radius,\n    viewBox,\n    dashArray,\n    dashOffset,\n  };\n};\n\nexport {\n  indeterminateAnimation,\n  pulseAnimation,\n  circularProgressSizeTokens,\n  getCircularProgressSVGTokens,\n};\n"],"names":["indeterminateAnimation","scaleXInitial","scaleXMid","scaleXFinal","leftInitial","leftMid","leftFinal","fillWidth","pulseAnimation","opacityInitial","opacityMid","opacityFinal","backgroundColor","circularProgressSizeTokens","small","size","strokeWidth","percentTextSize","medium","large","getCircularProgressSVGTokens","_ref","progressPercent","sqSize","radius","viewBox","dashArray","Math","PI","dashOffset"],"mappings":";;;;AAGM,IAAAA,sBAAsB,CAAG,CAC7BC,aAAa,CAAE,CAAC,CAChBC,SAAS,CAAE,CAAC,CACZC,WAAW,CAAE,CAAC,CACdC,WAAW,CAAE,KAAK,CAClBC,OAAO,CAAE,KAAK,CACdC,SAAS,CAAE,MAAM,CACjBC,SAAS,CAAE,IACb,EAEM,IAAAC,cAAc,CAAG,CACrBC,cAAc,CAAE,CAAC,CACjBC,UAAU,CAAE,IAAI,CAChBC,YAAY,CAAE,CAAC,CACfC,eAAe,CAAE,OACnB,EAEM,IAAAC,0BAA0B,CAAG,CACjCC,KAAK,CAAE,CACLC,IAAI,CAAEA,IAAI,CAAC,EAAE,CAAC,CACdC,WAAW,CAAED,IAAI,CAAC,CAAC,CAAC,CACpBE,eAAe,CAAE,OACnB,CAAC,CACDC,MAAM,CAAE,CACNH,IAAI,CAAEA,IAAI,CAAC,EAAE,CAAC,CACdC,WAAW,CAAED,IAAI,CAAC,CAAC,CAAC,CACpBE,eAAe,CAAE,OACnB,CAAC,CACDE,KAAK,CAAE,CACLJ,IAAI,CAAEA,IAAI,CAAC,EAAE,CAAC,CACdC,WAAW,CAAED,IAAI,CAAC,CAAC,CAAC,CACpBE,eAAe,CAAE,QACnB,CACF,EAEM,IAAAG,4BAA4B,CAAG,SAA/BA,4BAA4BA,CAAAC,IAAA,CAa7B,CAZH,IAAAN,IAAI,CAAAM,IAAA,CAAJN,IAAI,CACJO,eAAe,CAAAD,IAAA,CAAfC,eAAe,CAaf,IAAMC,MAAM,CAAGV,0BAA0B,CAACE,IAAI,CAAC,CAACA,IAAI,CACpD,IAAMC,WAAW,CAAGH,0BAA0B,CAACE,IAAI,CAAC,CAACC,WAAW,CAGhE,IAAMQ,MAAM,CAAG,CAACD,MAAM,CAAGP,WAAW,EAAI,CAAC,CAEzC,IAAMS,OAAO,CAAG,CAAOF,IAAAA,EAAAA,MAAM,CAAIA,CAAAA,EAAAA,MAAM,CAAE,CAAA,CAEzC,IAAMG,SAAS,CAAGF,MAAM,CAAGG,IAAI,CAACC,EAAE,CAAG,CAAC,CAEtC,IAAMC,UAAU,CAAGH,SAAS,CAAIA,SAAS,CAAGJ,eAAe,CAAI,GAAG,CAElE,OAAO,CACLC,MAAM,CAANA,MAAM,CACNP,WAAW,CAAXA,WAAW,CACXQ,MAAM,CAANA,MAAM,CACNC,OAAO,CAAPA,OAAO,CACPC,SAAS,CAATA,SAAS,CACTG,UAAU,CAAVA,UACF,CAAC,CACH;;;;"}

package/build/lib/native/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","trim","gap","radioSizes","group","_jsx","RadioGroupProvider","BaseBox","Object","assign","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  });\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","trim","gap","radioSizes","group","_jsx","RadioGroupProvider","BaseBox","Object","assign","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/native/components/Radio/RadioGroup/useRadioGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"useRadioGroup.js","sources":["../../../../../../src/components/Radio/RadioGroup/useRadioGroup.ts"],"sourcesContent":["import React from 'react';\nimport type { RadioGroupProps } from './RadioGroup';\nimport type { RadioGroupContextType } from './RadioContext';\nimport isUndefined from '~utils/lodashButBetter/isUndefined';\nimport { useControllableState } from '~utils/useControllable';\nimport { useTheme } from '~components/BladeProvider';\nimport { useId } from '~utils/useId';\n\ntype UseRadioGroupProps = Pick<\n  RadioGroupProps,\n  | 'isDisabled'\n  | 'isRequired'\n  | 'labelPosition'\n  | 'validationState'\n  | 'name'\n  | 'value'\n  | 'defaultValue'\n  | 'onChange'\n  | 'necessityIndicator'\n  | 'size'\n>;\n\nexport type State = {\n  value: string;\n  setValue(value: string, event: React.ChangeEvent<Element>): void;\n  removeValue(): void;\n  isChecked(value: string): boolean;\n};\n\ntype UseRadioGroupReturn = {\n  state: State;\n  contextValue: RadioGroupContextType;\n  ids: { labelId: string };\n};\n\nconst useRadioGroup = ({\n  value,\n  defaultValue,\n  isDisabled,\n  isRequired,\n  labelPosition,\n  onChange,\n  validationState,\n  necessityIndicator,\n  name,\n  size,\n}: UseRadioGroupProps): UseRadioGroupReturn => {\n  const { platform } = useTheme();\n  const idBase = useId('radio-group');\n  const labelId = `${idBase}-label`;\n  const fallbackName = name ?? idBase;\n  const [checkedValue, setValue] = useControllableState({\n    value,\n    defaultValue,\n    onChange: (v, event) => {\n      onChange?.({ value: v, name: fallbackName, event });\n    },\n  });\n\n  const state = React.useMemo<State>(() => {\n    return {\n      value: checkedValue,\n      setValue(v, event): void {\n        if (isDisabled) {\n          return;\n        }\n\n        setValue(() => v, false, event);\n      },\n      removeValue(): void {\n        if (isDisabled) {\n          return;\n        }\n\n        setValue(undefined!);\n      },\n      isChecked(v: string): boolean {\n        if (isUndefined(v) || isUndefined(checkedValue)) return false;\n        return checkedValue === v;\n      },\n    };\n  }, [checkedValue, isDisabled, setValue]);\n\n  const contextValue = React.useMemo<RadioGroupContextType>(() => {\n    return {\n      necessityIndicator,\n      validationState,\n      isDisabled,\n      isRequired,\n      labelPosition: platform === 'onMobile' ? 'top' : labelPosition,\n      name: fallbackName,\n      state,\n      size,\n    };\n  }, [\n    validationState,\n    isDisabled,\n    isRequired,\n    platform,\n    labelPosition,\n    state,\n    fallbackName,\n    necessityIndicator,\n    size,\n  ]);\n\n  return { state, contextValue, ids: { labelId } };\n};\n\nexport { useRadioGroup };\n"],"names":["useRadioGroup","_ref","value","defaultValue","isDisabled","isRequired","labelPosition","onChange","validationState","necessityIndicator","name","size","_useTheme","useTheme","platform","idBase","useId","labelId","fallbackName","_useControllableState","useControllableState","v","event","_useControllableState2","_slicedToArray","checkedValue","setValue","state","React","useMemo","_setValue","_x","_x2","apply","arguments","toString","removeValue","undefined","isChecked","isUndefined","contextValue","ids"],"mappings":"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"}
+{"version":3,"file":"useRadioGroup.js","sources":["../../../../../../src/components/Radio/RadioGroup/useRadioGroup.ts"],"sourcesContent":["import React from 'react';\nimport type { RadioGroupProps } from './RadioGroup';\nimport type { RadioGroupContextType } from './RadioContext';\nimport isUndefined from '~utils/lodashButBetter/isUndefined';\nimport { useControllableState } from '~utils/useControllable';\nimport { useTheme } from '~components/BladeProvider';\nimport { useId } from '~utils/useId';\n\ntype UseRadioGroupProps = Pick<\n  RadioGroupProps,\n  | 'isDisabled'\n  | 'isRequired'\n  | 'labelPosition'\n  | 'validationState'\n  | 'name'\n  | 'value'\n  | 'defaultValue'\n  | 'onChange'\n  | 'necessityIndicator'\n  | 'size'\n>;\n\nexport type State = {\n  value: string;\n  setValue(value: string, event: React.ChangeEvent<Element>): void;\n  removeValue(): void;\n  isChecked(value: string): boolean;\n};\n\ntype UseRadioGroupReturn = {\n  state: State;\n  contextValue: RadioGroupContextType;\n  ids: { labelId: string };\n};\n\nconst useRadioGroup = ({\n  value,\n  defaultValue,\n  isDisabled,\n  isRequired,\n  labelPosition,\n  onChange,\n  validationState,\n  necessityIndicator,\n  name,\n  size,\n}: UseRadioGroupProps): UseRadioGroupReturn => {\n  const { platform } = useTheme();\n  const idBase = useId('radio-group');\n  const labelId = `${idBase}-label`;\n  const fallbackName = name ?? idBase;\n  const [checkedValue, setValue] = useControllableState({\n    value,\n    defaultValue,\n    onChange: (v, event) => {\n      onChange?.({ value: v, name: fallbackName, event });\n    },\n  });\n\n  const state = React.useMemo<State>(() => {\n    return {\n      value: checkedValue,\n      setValue(v, event): void {\n        if (isDisabled) {\n          return;\n        }\n\n        setValue(() => v, false, event);\n      },\n      removeValue(): void {\n        if (isDisabled) {\n          return;\n        }\n\n        setValue(undefined!);\n      },\n      isChecked(v: string): boolean {\n        if (isUndefined(v) || isUndefined(checkedValue)) return false;\n        return checkedValue === v;\n      },\n    };\n  }, [checkedValue, isDisabled, setValue]);\n\n  const contextValue = React.useMemo<RadioGroupContextType>(() => {\n    return {\n      necessityIndicator,\n      validationState,\n      isDisabled,\n      isRequired,\n      labelPosition: platform === 'onMobile' ? 'top' : labelPosition,\n      name: fallbackName,\n      state,\n      size,\n    };\n  }, [\n    validationState,\n    isDisabled,\n    isRequired,\n    platform,\n    labelPosition,\n    state,\n    fallbackName,\n    necessityIndicator,\n    size,\n  ]);\n\n  return { state, contextValue, ids: { labelId } };\n};\n\nexport { useRadioGroup };\n"],"names":["useRadioGroup","_ref","value","defaultValue","isDisabled","isRequired","labelPosition","onChange","validationState","necessityIndicator","name","size","_useTheme","useTheme","platform","idBase","useId","labelId","fallbackName","_useControllableState","useControllableState","v","event","_useControllableState2","_slicedToArray","checkedValue","setValue","state","React","useMemo","_setValue","_x","_x2","apply","arguments","toString","removeValue","undefined","isChecked","isUndefined","contextValue","ids"],"mappings":"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"}

package/build/lib/native/components/Radio/RadioIcon/RadioIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioIcon.js","sources":["../../../../../../src/components/Radio/RadioIcon/RadioIcon.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/explicit-function-return-type */\n/* eslint-disable @typescript-eslint/explicit-module-boundary-types */\nimport React from 'react';\nimport { radioIconColors, radioSizes } from '../radioTokens';\nimport type { RadioProps } from '../Radio';\nimport { RadioIconWrapper } from './RadioIconWrapper';\nimport { Fade } from './Fade';\nimport getIn from '~utils/lodashButBetter/get';\nimport { useTheme } from '~components/BladeProvider';\nimport Svg from '~components/Icons/_Svg';\nimport Circle from '~components/Icons/_Svg/Circle';\nimport { makeSpace } from '~utils/makeSpace';\nimport { metaAttribute } from '~utils/metaAttribute';\n\nexport type RadioIconProps = {\n  isDisabled?: boolean;\n  isNegative?: boolean;\n  isChecked?: boolean;\n} & Required<Pick<RadioProps, 'size'>>;\n\nconst CheckedIcon = ({ color, size }: { color: string; size: RadioIconProps['size'] }) => {\n  const width = radioSizes.icon[size].width;\n  const height = radioSizes.icon[size].height;\n  const radius = radioSizes.icon[size].dotRadius;\n  const viewBox = `0 0 ${width} ${height}`;\n  const cx = `${width / 2}`;\n  const cy = `${height / 2}`;\n\n  return (\n    <Svg width={makeSpace(width)} height={makeSpace(height)} viewBox={viewBox} fill=\"none\">\n      <Circle cx={cx} cy={cy} r={`${radius}`} fill={color} />\n    </Svg>\n  );\n};\n\nconst RadioIcon = ({ isChecked, isDisabled, isNegative, size }: RadioIconProps) => {\n  const { theme } = useTheme();\n\n  const checked = Boolean(isChecked);\n  const state = checked ? 'checked' : 'unchecked';\n  let variant: 'default' | 'disabled' | 'negative' = 'default';\n  if (isDisabled) variant = 'disabled';\n  if (isNegative) variant = 'negative';\n  const dotColorToken = radioIconColors.variants[variant].dot[state];\n  const dotColor = getIn(theme, dotColorToken);\n\n  return (\n    <RadioIconWrapper\n      size={size}\n      isDisabled={isDisabled}\n      isNegative={isNegative}\n      isChecked={checked}\n      {...metaAttribute({ name: 'radio-icon-wrapper' })}\n    >\n      <Fade show={checked} styles={{ position: 'absolute', display: 'flex' }}>\n        <CheckedIcon size={size} color={dotColor} />\n      </Fade>\n    </RadioIconWrapper>\n  );\n};\n\nexport { RadioIcon };\n"],"names":["CheckedIcon","_ref","color","size","width","radioSizes","icon","height","radius","dotRadius","viewBox","cx","cy","_jsx","Svg","makeSpace","fill","children","Circle","r","RadioIcon","_ref2","isChecked","isDisabled","isNegative","_useTheme","useTheme","theme","checked","Boolean","state","variant","dotColorToken","radioIconColors","variants","dot","dotColor","getIn","RadioIconWrapper","Object","assign","metaAttribute","name","Fade","show","styles","position","display"],"mappings":";;;;;;;;;;;;;;;;;;;AAoBA,IAAMA,WAAW,CAAG,SAAdA,WAAWA,CAAAC,IAAA,CAAyE,CAAA,IAAnEC,KAAK,CAAAD,IAAA,CAALC,KAAK,CAAEC,IAAI,CAAAF,IAAA,CAAJE,IAAI,CAChC,IAAMC,KAAK,CAAGC,UAAU,CAACC,IAAI,CAACH,IAAI,CAAC,CAACC,KAAK,CACzC,IAAMG,MAAM,CAAGF,UAAU,CAACC,IAAI,CAACH,IAAI,CAAC,CAACI,MAAM,CAC3C,IAAMC,MAAM,CAAGH,UAAU,CAACC,IAAI,CAACH,IAAI,CAAC,CAACM,SAAS,CAC9C,IAAMC,OAAO,CAAI,CAAMN,IAAAA,EAAAA,KAAM,IAAGG,MAAO,CAAA,CAAC,CACxC,IAAMI,EAAE,CAAI,CAAA,EAAEP,KAAK,CAAG,CAAE,EAAC,CACzB,IAAMQ,EAAE,CAAI,GAAEL,MAAM,CAAG,CAAE,CAAC,CAAA,CAE1B,OACEM,GAAA,CAACC,GAAG,CAAA,CAACV,KAAK,CAAEW,SAAS,CAACX,KAAK,CAAE,CAACG,MAAM,CAAEQ,SAAS,CAACR,MAAM,CAAE,CAACG,OAAO,CAAEA,OAAQ,CAACM,IAAI,CAAC,MAAM,CAAAC,QAAA,CACpFJ,GAAA,CAACK,MAAM,CAAA,CAACP,EAAE,CAAEA,EAAG,CAACC,EAAE,CAAEA,EAAG,CAACO,CAAC,CAAG,CAAEX,EAAAA,MAAO,EAAE,CAACQ,IAAI,CAAEd,KAAM,CAAE,CAAC,CACpD,CAAC,CAEV,CAAC,CAEK,IAAAkB,SAAS,CAAG,SAAZA,SAASA,CAAAC,KAAA,CAAoE,KAA9DC,SAAS,CAAAD,KAAA,CAATC,SAAS,CAAEC,UAAU,CAAAF,KAAA,CAAVE,UAAU,CAAEC,UAAU,CAAAH,KAAA,CAAVG,UAAU,CAAErB,IAAI,CAAAkB,KAAA,CAAJlB,IAAI,CAC1D,IAAAsB,SAAA,CAAkBC,QAAQ,EAAE,CAApBC,KAAK,CAAAF,SAAA,CAALE,KAAK,CAEb,IAAMC,OAAO,CAAGC,OAAO,CAACP,SAAS,CAAC,CAClC,IAAMQ,KAAK,CAAGF,OAAO,CAAG,SAAS,CAAG,WAAW,CAC/C,IAAIG,OAA4C,CAAG,SAAS,CAC5D,GAAIR,UAAU,CAAEQ,OAAO,CAAG,UAAU,CACpC,GAAIP,UAAU,CAAEO,OAAO,CAAG,UAAU,CACpC,IAAMC,aAAa,CAAGC,eAAe,CAACC,QAAQ,CAACH,OAAO,CAAC,CAACI,GAAG,CAACL,KAAK,CAAC,CAClE,IAAMM,QAAQ,CAAGC,KAAK,CAACV,KAAK,CAAEK,aAAa,CAAC,CAE5C,OACEnB,GAAA,CAACyB,gBAAgB,CAAAC,MAAA,CAAAC,MAAA,CACfrC,CAAAA,IAAI,CAAEA,IAAK,CACXoB,UAAU,CAAEA,UAAW,CACvBC,UAAU,CAAEA,UAAW,CACvBF,SAAS,CAAEM,OAAQ,CAAA,CACfa,aAAa,CAAC,CAAEC,IAAI,CAAE,oBAAqB,CAAC,CAAC,CAAAzB,CAAAA,QAAA,CAEjDJ,GAAA,CAAC8B,IAAI,CAACC,CAAAA,IAAI,CAAEhB,OAAQ,CAACiB,MAAM,CAAE,CAAEC,QAAQ,CAAE,UAAU,CAAEC,OAAO,CAAE,MAAO,CAAE,CAAA9B,QAAA,CACrEJ,GAAA,CAACb,WAAW,CAAA,CAACG,IAAI,CAAEA,IAAK,CAACD,KAAK,CAAEkC,QAAS,CAAE,CAAC,CACxC,CAAC,CAAA,CACS,CAAC,CAEvB;;;;"}
+{"version":3,"file":"RadioIcon.js","sources":["../../../../../../src/components/Radio/RadioIcon/RadioIcon.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/explicit-function-return-type */\n/* eslint-disable @typescript-eslint/explicit-module-boundary-types */\nimport React from 'react';\nimport { radioIconColors, radioSizes } from '../radioTokens';\nimport type { RadioProps } from '../Radio';\nimport { RadioIconWrapper } from './RadioIconWrapper';\nimport { Fade } from './Fade';\nimport getIn from '~utils/lodashButBetter/get';\nimport { useTheme } from '~components/BladeProvider';\nimport Svg from '~components/Icons/_Svg';\nimport Circle from '~components/Icons/_Svg/Circle';\nimport { makeSpace } from '~utils/makeSpace';\nimport { metaAttribute } from '~utils/metaAttribute';\n\nexport type RadioIconProps = {\n  isDisabled?: boolean;\n  isNegative?: boolean;\n  isChecked?: boolean;\n} & Required<Pick<RadioProps, 'size'>>;\n\nconst CheckedIcon = ({ color, size }: { color: string; size: RadioIconProps['size'] }) => {\n  const width = radioSizes.icon[size].width;\n  const height = radioSizes.icon[size].height;\n  const radius = radioSizes.icon[size].dotRadius;\n  const viewBox = `0 0 ${width} ${height}`;\n  const cx = `${width / 2}`;\n  const cy = `${height / 2}`;\n\n  return (\n    <Svg width={makeSpace(width)} height={makeSpace(height)} viewBox={viewBox} fill=\"none\">\n      <Circle cx={cx} cy={cy} r={`${radius}`} fill={color} />\n    </Svg>\n  );\n};\n\nconst RadioIcon = ({ isChecked, isDisabled, isNegative, size }: RadioIconProps) => {\n  const { theme } = useTheme();\n\n  const checked = Boolean(isChecked);\n  const state = checked ? 'checked' : 'unchecked';\n  let variant: 'default' | 'disabled' | 'negative' = 'default';\n  if (isDisabled) variant = 'disabled';\n  if (isNegative) variant = 'negative';\n  const dotColorToken = radioIconColors.variants[variant].dot[state];\n  const dotColor = getIn(theme, dotColorToken);\n\n  return (\n    <RadioIconWrapper\n      size={size}\n      isDisabled={isDisabled}\n      isNegative={isNegative}\n      isChecked={checked}\n      {...metaAttribute({ name: 'radio-icon-wrapper' })}\n    >\n      <Fade show={checked} styles={{ position: 'absolute', display: 'flex' }}>\n        <CheckedIcon size={size} color={dotColor} />\n      </Fade>\n    </RadioIconWrapper>\n  );\n};\n\nexport { RadioIcon };\n"],"names":["CheckedIcon","_ref","color","size","width","radioSizes","icon","height","radius","dotRadius","viewBox","cx","cy","_jsx","Svg","makeSpace","fill","children","Circle","r","RadioIcon","_ref2","isChecked","isDisabled","isNegative","_useTheme","useTheme","theme","checked","Boolean","state","variant","dotColorToken","radioIconColors","variants","dot","dotColor","getIn","RadioIconWrapper","Object","assign","metaAttribute","name","Fade","show","styles","position","display"],"mappings":";;;;;;;;;;;;;;;;;;;AAoBA,IAAMA,WAAW,CAAG,SAAdA,WAAWA,CAAAC,IAAA,CAAyE,CAAA,IAAnEC,KAAK,CAAAD,IAAA,CAALC,KAAK,CAAEC,IAAI,CAAAF,IAAA,CAAJE,IAAI,CAChC,IAAMC,KAAK,CAAGC,UAAU,CAACC,IAAI,CAACH,IAAI,CAAC,CAACC,KAAK,CACzC,IAAMG,MAAM,CAAGF,UAAU,CAACC,IAAI,CAACH,IAAI,CAAC,CAACI,MAAM,CAC3C,IAAMC,MAAM,CAAGH,UAAU,CAACC,IAAI,CAACH,IAAI,CAAC,CAACM,SAAS,CAC9C,IAAMC,OAAO,CAAG,CAAON,IAAAA,EAAAA,KAAK,IAAIG,MAAM,CAAA,CAAE,CACxC,IAAMI,EAAE,CAAG,CAAA,EAAGP,KAAK,CAAG,CAAC,EAAE,CACzB,IAAMQ,EAAE,CAAG,GAAGL,MAAM,CAAG,CAAC,CAAE,CAAA,CAE1B,OACEM,GAAA,CAACC,GAAG,CAAA,CAACV,KAAK,CAAEW,SAAS,CAACX,KAAK,CAAE,CAACG,MAAM,CAAEQ,SAAS,CAACR,MAAM,CAAE,CAACG,OAAO,CAAEA,OAAQ,CAACM,IAAI,CAAC,MAAM,CAAAC,QAAA,CACpFJ,GAAA,CAACK,MAAM,CAAA,CAACP,EAAE,CAAEA,EAAG,CAACC,EAAE,CAAEA,EAAG,CAACO,CAAC,CAAE,CAAGX,EAAAA,MAAM,EAAG,CAACQ,IAAI,CAAEd,KAAM,CAAE,CAAC,CACpD,CAAC,CAEV,CAAC,CAEK,IAAAkB,SAAS,CAAG,SAAZA,SAASA,CAAAC,KAAA,CAAoE,KAA9DC,SAAS,CAAAD,KAAA,CAATC,SAAS,CAAEC,UAAU,CAAAF,KAAA,CAAVE,UAAU,CAAEC,UAAU,CAAAH,KAAA,CAAVG,UAAU,CAAErB,IAAI,CAAAkB,KAAA,CAAJlB,IAAI,CAC1D,IAAAsB,SAAA,CAAkBC,QAAQ,EAAE,CAApBC,KAAK,CAAAF,SAAA,CAALE,KAAK,CAEb,IAAMC,OAAO,CAAGC,OAAO,CAACP,SAAS,CAAC,CAClC,IAAMQ,KAAK,CAAGF,OAAO,CAAG,SAAS,CAAG,WAAW,CAC/C,IAAIG,OAA4C,CAAG,SAAS,CAC5D,GAAIR,UAAU,CAAEQ,OAAO,CAAG,UAAU,CACpC,GAAIP,UAAU,CAAEO,OAAO,CAAG,UAAU,CACpC,IAAMC,aAAa,CAAGC,eAAe,CAACC,QAAQ,CAACH,OAAO,CAAC,CAACI,GAAG,CAACL,KAAK,CAAC,CAClE,IAAMM,QAAQ,CAAGC,KAAK,CAACV,KAAK,CAAEK,aAAa,CAAC,CAE5C,OACEnB,GAAA,CAACyB,gBAAgB,CAAAC,MAAA,CAAAC,MAAA,CACfrC,CAAAA,IAAI,CAAEA,IAAK,CACXoB,UAAU,CAAEA,UAAW,CACvBC,UAAU,CAAEA,UAAW,CACvBF,SAAS,CAAEM,OAAQ,CAAA,CACfa,aAAa,CAAC,CAAEC,IAAI,CAAE,oBAAqB,CAAC,CAAC,CAAAzB,CAAAA,QAAA,CAEjDJ,GAAA,CAAC8B,IAAI,CAACC,CAAAA,IAAI,CAAEhB,OAAQ,CAACiB,MAAM,CAAE,CAAEC,QAAQ,CAAE,UAAU,CAAEC,OAAO,CAAE,MAAO,CAAE,CAAA9B,QAAA,CACrEJ,GAAA,CAACb,WAAW,CAAA,CAACG,IAAI,CAAEA,IAAK,CAACD,KAAK,CAAEkC,QAAS,CAAE,CAAC,CACxC,CAAC,CAAA,CACS,CAAC,CAEvB;;;;"}

package/build/lib/native/components/Radio/useRadio.js.map

@@ -1 +1 @@
-{"version":3,"file":"useRadio.js","sources":["../../../../../src/components/Radio/useRadio.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/explicit-function-return-type */\n/* eslint-disable @typescript-eslint/explicit-module-boundary-types */\nimport React from 'react';\nimport type { GestureResponderEvent } from 'react-native';\nimport { useControllableState } from '~utils/useControllable';\nimport { useId } from '~utils/useId';\nimport { getPlatformType } from '~src/utils';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { throwBladeError } from '~utils/logger';\n\nexport type OnChange = ({\n  isChecked,\n  event,\n  value,\n}: {\n  isChecked: boolean;\n  event: React.ChangeEvent;\n  value?: string;\n}) => void;\n\ntype UseRadioProps = {\n  hasError?: boolean;\n  /**\n   * If `true`, The Radio will be checked. This also makes the Radio controlled\n   * Use `onChange` to update its value\n   *\n   * @default false\n   */\n  isChecked?: boolean;\n  /**\n   * If `true`, the Radio will be initially checked. This also makes the Radio uncontrolled\n   *\n   * @default false\n   */\n  defaultChecked?: boolean;\n  /**\n   * The callback invoked when the checked state of the `Radio` changes.\n   */\n  onChange?: OnChange;\n  /**\n   * The name of the input field in a Radio\n   * (Useful for form submission).\n   */\n  name?: 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   * If `true`, the Radio input is marked as required,\n   * and `required` attribute will be added\n   *\n   * @default false\n   */\n  isRequired?: boolean;\n};\n\nconst useRadio = ({\n  isChecked,\n  defaultChecked,\n  isDisabled,\n  isRequired,\n  hasError,\n  onChange,\n  name,\n  value,\n}: UseRadioProps) => {\n  const inputRef = React.useRef<HTMLInputElement>(null);\n\n  const isReactNative = getPlatformType() === 'react-native';\n  if (__DEV__) {\n    if (isChecked && defaultChecked) {\n      throwBladeError({\n        message: `Do not provide both 'isChecked' and 'defaultChecked' to useRadio. Consider if you want this component to be controlled or uncontrolled.`,\n        moduleName: 'Radio',\n      });\n    }\n  }\n\n  const [radioState, setRadioState] = useControllableState({\n    value: isChecked,\n    defaultValue: defaultChecked ?? false,\n  });\n\n  const handleOnChange = (event: React.ChangeEvent<HTMLInputElement> | GestureResponderEvent) => {\n    if (isDisabled) {\n      event.stopPropagation();\n      event.preventDefault();\n      return;\n    }\n\n    setRadioState((checked) => {\n      // Prevent radio to be unchecked when clicked again\n      // Once checked radios don't act as toggle buttons\n      if (checked === false) {\n        onChange?.({\n          isChecked: true,\n          event: event as React.ChangeEvent,\n          value,\n        });\n        return true;\n      }\n      return checked;\n    });\n  };\n\n  const state = {\n    isChecked: radioState,\n    setChecked: setRadioState,\n  };\n\n  const idBase = useId('radio');\n  const helpTextId = useId(`${idBase}-helptext`);\n\n  const accessibilityProps = makeAccessible({\n    role: 'radio',\n    required: Boolean(isRequired),\n    invalid: Boolean(hasError),\n    disabled: Boolean(isDisabled),\n    checked: radioState,\n    describedBy: helpTextId,\n  });\n\n  if (isReactNative) {\n    return {\n      state,\n      inputProps: {\n        onPress: handleOnChange,\n        name,\n        value,\n        ...accessibilityProps,\n      },\n    };\n  }\n\n  return {\n    state,\n    ids: { helpTextId },\n    inputProps: {\n      ref: inputRef,\n      onChange: handleOnChange,\n      type: 'radio',\n      name,\n      value,\n      checked: radioState,\n      disabled: isDisabled,\n      required: isRequired,\n      ...accessibilityProps,\n    },\n  };\n};\n\nexport type InputProps = ReturnType<typeof useRadio>['inputProps'];\n\nexport { useRadio };\n"],"names":["useRadio","_ref","isChecked","defaultChecked","isDisabled","isRequired","hasError","onChange","name","value","inputRef","React","useRef","isReactNative","getPlatformType","__DEV__","throwBladeError","message","moduleName","_useControllableState","useControllableState","defaultValue","_useControllableState2","_slicedToArray","radioState","setRadioState","handleOnChange","event","stopPropagation","preventDefault","checked","state","setChecked","idBase","useId","helpTextId","accessibilityProps","makeAccessible","role","required","Boolean","invalid","disabled","describedBy","inputProps","Object","assign","onPress","ids","ref","type"],"mappings":"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"}
+{"version":3,"file":"useRadio.js","sources":["../../../../../src/components/Radio/useRadio.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/explicit-function-return-type */\n/* eslint-disable @typescript-eslint/explicit-module-boundary-types */\nimport React from 'react';\nimport type { GestureResponderEvent } from 'react-native';\nimport { useControllableState } from '~utils/useControllable';\nimport { useId } from '~utils/useId';\nimport { getPlatformType } from '~src/utils';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { throwBladeError } from '~utils/logger';\n\nexport type OnChange = ({\n  isChecked,\n  event,\n  value,\n}: {\n  isChecked: boolean;\n  event: React.ChangeEvent;\n  value?: string;\n}) => void;\n\ntype UseRadioProps = {\n  hasError?: boolean;\n  /**\n   * If `true`, The Radio will be checked. This also makes the Radio controlled\n   * Use `onChange` to update its value\n   *\n   * @default false\n   */\n  isChecked?: boolean;\n  /**\n   * If `true`, the Radio will be initially checked. This also makes the Radio uncontrolled\n   *\n   * @default false\n   */\n  defaultChecked?: boolean;\n  /**\n   * The callback invoked when the checked state of the `Radio` changes.\n   */\n  onChange?: OnChange;\n  /**\n   * The name of the input field in a Radio\n   * (Useful for form submission).\n   */\n  name?: 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   * If `true`, the Radio input is marked as required,\n   * and `required` attribute will be added\n   *\n   * @default false\n   */\n  isRequired?: boolean;\n};\n\nconst useRadio = ({\n  isChecked,\n  defaultChecked,\n  isDisabled,\n  isRequired,\n  hasError,\n  onChange,\n  name,\n  value,\n}: UseRadioProps) => {\n  const inputRef = React.useRef<HTMLInputElement>(null);\n\n  const isReactNative = getPlatformType() === 'react-native';\n  if (__DEV__) {\n    if (isChecked && defaultChecked) {\n      throwBladeError({\n        message: `Do not provide both 'isChecked' and 'defaultChecked' to useRadio. Consider if you want this component to be controlled or uncontrolled.`,\n        moduleName: 'Radio',\n      });\n    }\n  }\n\n  const [radioState, setRadioState] = useControllableState({\n    value: isChecked,\n    defaultValue: defaultChecked ?? false,\n  });\n\n  const handleOnChange = (event: React.ChangeEvent<HTMLInputElement> | GestureResponderEvent) => {\n    if (isDisabled) {\n      event.stopPropagation();\n      event.preventDefault();\n      return;\n    }\n\n    setRadioState((checked) => {\n      // Prevent radio to be unchecked when clicked again\n      // Once checked radios don't act as toggle buttons\n      if (checked === false) {\n        onChange?.({\n          isChecked: true,\n          event: event as React.ChangeEvent,\n          value,\n        });\n        return true;\n      }\n      return checked;\n    });\n  };\n\n  const state = {\n    isChecked: radioState,\n    setChecked: setRadioState,\n  };\n\n  const idBase = useId('radio');\n  const helpTextId = useId(`${idBase}-helptext`);\n\n  const accessibilityProps = makeAccessible({\n    role: 'radio',\n    required: Boolean(isRequired),\n    invalid: Boolean(hasError),\n    disabled: Boolean(isDisabled),\n    checked: radioState,\n    describedBy: helpTextId,\n  });\n\n  if (isReactNative) {\n    return {\n      state,\n      inputProps: {\n        onPress: handleOnChange,\n        name,\n        value,\n        ...accessibilityProps,\n      },\n    };\n  }\n\n  return {\n    state,\n    ids: { helpTextId },\n    inputProps: {\n      ref: inputRef,\n      onChange: handleOnChange,\n      type: 'radio',\n      name,\n      value,\n      checked: radioState,\n      disabled: isDisabled,\n      required: isRequired,\n      ...accessibilityProps,\n    },\n  };\n};\n\nexport type InputProps = ReturnType<typeof useRadio>['inputProps'];\n\nexport { useRadio };\n"],"names":["useRadio","_ref","isChecked","defaultChecked","isDisabled","isRequired","hasError","onChange","name","value","inputRef","React","useRef","isReactNative","getPlatformType","__DEV__","throwBladeError","message","moduleName","_useControllableState","useControllableState","defaultValue","_useControllableState2","_slicedToArray","radioState","setRadioState","handleOnChange","event","stopPropagation","preventDefault","checked","state","setChecked","idBase","useId","helpTextId","accessibilityProps","makeAccessible","role","required","Boolean","invalid","disabled","describedBy","inputProps","Object","assign","onPress","ids","ref","type"],"mappings":"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"}

package/build/lib/native/components/Spinner/BaseSpinner/BaseSpinner.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseSpinner.js","sources":["../../../../../../src/components/Spinner/BaseSpinner/BaseSpinner.tsx"],"sourcesContent":["import React from 'react';\nimport { dimensions } from './spinnerTokens';\nimport SpinnerIcon from './SpinnerIcon';\nimport { SpinningBox } from './SpinningBox';\nimport getIn from '~utils/lodashButBetter/get';\nimport type { Theme } from '~components/BladeProvider';\nimport { useTheme } from '~components/BladeProvider';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport type { FeedbackColors } from '~tokens/theme/theme';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Text } from '~components/Typography';\nimport type { BladeElementRef, TestID } from '~utils/types';\nimport { makeSize } from '~utils/makeSize';\nimport { makeAccessible } from '~utils/makeAccessible';\n\ntype BaseSpinnerProps = {\n  /**\n   * Sets the color of the spinner.\n   *\n   * @default 'default'\n   */\n  color?: 'primary' | 'white' | FeedbackColors;\n  /**\n   * Sets the label of the spinner.\n   *\n   * @default 'right'\n   */\n  label?: string;\n  /**\n   * Sets the label of the spinner.\n   *\n   */\n  labelPosition?: 'right' | 'bottom';\n  /**\n   * Sets the size of the spinner.\n   *\n   * @default 'medium'\n   */\n  size?: 'medium' | 'large' | 'xlarge';\n  /**\n   * Sets the aria-label for web & accessibilityLabel react-native.\n   *\n   */\n  accessibilityLabel: string;\n} & TestID &\n  StyledPropsBlade;\n\nconst getColor = ({ color, theme }: { color: BaseSpinnerProps['color']; theme: Theme }): string => {\n  if (color && color === 'white') {\n    return getIn(theme.colors, 'interactive.icon.staticWhite.subtle');\n  }\n  if (color && color !== 'neutral') {\n    return getIn(theme.colors, `interactive.icon.${color}.subtle`);\n  }\n  return getIn(theme.colors, 'interactive.icon.gray.subtle');\n};\n\nconst _BaseSpinner = (\n  {\n    label,\n    labelPosition = 'right',\n    accessibilityLabel,\n    color = 'neutral',\n    size = 'medium',\n    testID,\n    ...styledProps\n  }: BaseSpinnerProps,\n  ref: React.Ref<BladeElementRef>,\n): React.ReactElement => {\n  const { theme } = useTheme();\n  return (\n    <BaseBox\n      ref={ref as never}\n      {...metaAttribute({ name: MetaConstants.Spinner, testID })}\n      {...getStyledProps(styledProps)}\n    >\n      <BaseBox\n        display=\"flex\"\n        alignItems=\"center\"\n        flexDirection={labelPosition === 'right' ? 'row' : 'column'}\n        {...makeAccessible({\n          label: accessibilityLabel,\n          role: 'progressbar',\n        })}\n      >\n        <SpinningBox>\n          <SpinnerIcon dimensions={makeSize(dimensions[size])} color={getColor({ color, theme })} />\n        </SpinningBox>\n        {label && label.trim().length > 0 ? (\n          <BaseBox\n            marginLeft={labelPosition === 'right' ? 'spacing.3' : 'spacing.0'}\n            marginTop={labelPosition === 'bottom' ? 'spacing.3' : 'spacing.0'}\n          >\n            <Text variant=\"body\" weight=\"regular\" size=\"small\" color=\"surface.text.gray.muted\">\n              {label}\n            </Text>\n          </BaseBox>\n        ) : null}\n      </BaseBox>\n    </BaseBox>\n  );\n};\n\nconst BaseSpinner = React.forwardRef(_BaseSpinner);\n\nexport type { BaseSpinnerProps };\nexport { BaseSpinner };\n"],"names":["getColor","_ref","color","theme","getIn","colors","_BaseSpinner","_ref2","ref","label","_ref2$labelPosition","labelPosition","accessibilityLabel","_ref2$color","_ref2$size","size","testID","styledProps","_objectWithoutProperties","_excluded","_useTheme","useTheme","_jsx","BaseBox","Object","assign","metaAttribute","name","MetaConstants","Spinner","getStyledProps","children","_jsxs","display","alignItems","flexDirection","makeAccessible","role","SpinningBox","SpinnerIcon","dimensions","makeSize","trim","length","marginLeft","marginTop","Text","variant","weight","BaseSpinner","React","forwardRef"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;qFAiDA,IAAMA,QAAQ,CAAG,SAAXA,QAAQA,CAAAC,IAAA,CAAqF,CAAA,IAA/EC,KAAK,CAAAD,IAAA,CAALC,KAAK,CAAEC,KAAK,CAAAF,IAAA,CAALE,KAAK,CAC9B,GAAID,KAAK,EAAIA,KAAK,GAAK,OAAO,CAAE,CAC9B,OAAOE,KAAK,CAACD,KAAK,CAACE,MAAM,CAAE,qCAAqC,CAAC,CACnE,CACA,GAAIH,KAAK,EAAIA,KAAK,GAAK,SAAS,CAAE,CAChC,OAAOE,KAAK,CAACD,KAAK,CAACE,MAAM,CAAG,oBAAmBH,KAAM,CAAA,OAAA,CAAQ,CAAC,CAChE,CACA,OAAOE,KAAK,CAACD,KAAK,CAACE,MAAM,CAAE,8BAA8B,CAAC,CAC5D,CAAC,CAED,IAAMC,YAAY,CAAG,SAAfA,YAAYA,CAAAC,KAAA,CAUhBC,GAA+B,CACR,CAAA,IATrBC,KAAK,CAAAF,KAAA,CAALE,KAAK,CAAAC,mBAAA,CAAAH,KAAA,CACLI,aAAa,CAAbA,aAAa,CAAAD,mBAAA,UAAG,OAAO,CAAAA,mBAAA,CACvBE,kBAAkB,CAAAL,KAAA,CAAlBK,kBAAkB,CAAAC,WAAA,CAAAN,KAAA,CAClBL,KAAK,CAALA,KAAK,CAAAW,WAAA,UAAG,SAAS,CAAAA,WAAA,CAAAC,UAAA,CAAAP,KAAA,CACjBQ,IAAI,CAAJA,IAAI,CAAAD,UAAA,GAAG,KAAA,CAAA,CAAA,QAAQ,CAAAA,UAAA,CACfE,MAAM,CAAAT,KAAA,CAANS,MAAM,CACHC,WAAW,CAAAC,wBAAA,CAAAX,KAAA,CAAAY,SAAA,CAIhB,CAAA,IAAAC,SAAA,CAAkBC,QAAQ,EAAE,CAApBlB,KAAK,CAAAiB,SAAA,CAALjB,KAAK,CACb,OACEmB,GAAA,CAACC,OAAO,CAAAC,MAAA,CAAAC,MAAA,CACNjB,CAAAA,GAAG,CAAEA,GAAa,CACdkB,CAAAA,aAAa,CAAC,CAAEC,IAAI,CAAEC,aAAa,CAACC,OAAO,CAAEb,MAAM,CAANA,MAAO,CAAC,CAAC,CACtDc,cAAc,CAACb,WAAW,CAAC,CAAAc,CAAAA,QAAA,CAE/BC,IAAA,CAACT,OAAO,CAAAC,MAAA,CAAAC,MAAA,CACNQ,CAAAA,OAAO,CAAC,MAAM,CACdC,UAAU,CAAC,QAAQ,CACnBC,aAAa,CAAExB,aAAa,GAAK,OAAO,CAAG,KAAK,CAAG,QAAS,CAAA,CACxDyB,cAAc,CAAC,CACjB3B,KAAK,CAAEG,kBAAkB,CACzByB,IAAI,CAAE,aACR,CAAC,CAAC,CAAA,CAAAN,QAAA,CAEFT,CAAAA,GAAA,CAACgB,WAAW,CAAAP,CAAAA,QAAA,CACVT,GAAA,CAACiB,WAAW,CAAA,CAACC,UAAU,CAAEC,QAAQ,CAACD,UAAU,CAACzB,IAAI,CAAC,CAAE,CAACb,KAAK,CAAEF,QAAQ,CAAC,CAAEE,KAAK,CAALA,KAAK,CAAEC,KAAK,CAALA,KAAM,CAAC,CAAE,CAAE,CAAC,CAC/E,CAAC,CACbM,KAAK,EAAIA,KAAK,CAACiC,IAAI,EAAE,CAACC,MAAM,CAAG,CAAC,CAC/BrB,GAAA,CAACC,OAAO,CAAA,CACNqB,UAAU,CAAEjC,aAAa,GAAK,OAAO,CAAG,WAAW,CAAG,WAAY,CAClEkC,SAAS,CAAElC,aAAa,GAAK,QAAQ,CAAG,WAAW,CAAG,WAAY,CAAAoB,QAAA,CAElET,GAAA,CAACwB,IAAI,CAACC,CAAAA,OAAO,CAAC,MAAM,CAACC,MAAM,CAAC,SAAS,CAACjC,IAAI,CAAC,OAAO,CAACb,KAAK,CAAC,yBAAyB,CAAA6B,QAAA,CAC/EtB,KAAK,CACF,CAAC,CACA,CAAC,CACR,IAAI,GACD,CAAC,CAAA,CACH,CAAC,CAEd,CAAC,CAEK,IAAAwC,WAAW,CAAGC,cAAK,CAACC,UAAU,CAAC7C,YAAY;;;;"}
+{"version":3,"file":"BaseSpinner.js","sources":["../../../../../../src/components/Spinner/BaseSpinner/BaseSpinner.tsx"],"sourcesContent":["import React from 'react';\nimport { dimensions } from './spinnerTokens';\nimport SpinnerIcon from './SpinnerIcon';\nimport { SpinningBox } from './SpinningBox';\nimport getIn from '~utils/lodashButBetter/get';\nimport type { Theme } from '~components/BladeProvider';\nimport { useTheme } from '~components/BladeProvider';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport type { FeedbackColors } from '~tokens/theme/theme';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Text } from '~components/Typography';\nimport type { BladeElementRef, TestID } from '~utils/types';\nimport { makeSize } from '~utils/makeSize';\nimport { makeAccessible } from '~utils/makeAccessible';\n\ntype BaseSpinnerProps = {\n  /**\n   * Sets the color of the spinner.\n   *\n   * @default 'default'\n   */\n  color?: 'primary' | 'white' | FeedbackColors;\n  /**\n   * Sets the label of the spinner.\n   *\n   * @default 'right'\n   */\n  label?: string;\n  /**\n   * Sets the label of the spinner.\n   *\n   */\n  labelPosition?: 'right' | 'bottom';\n  /**\n   * Sets the size of the spinner.\n   *\n   * @default 'medium'\n   */\n  size?: 'medium' | 'large' | 'xlarge';\n  /**\n   * Sets the aria-label for web & accessibilityLabel react-native.\n   *\n   */\n  accessibilityLabel: string;\n} & TestID &\n  StyledPropsBlade;\n\nconst getColor = ({ color, theme }: { color: BaseSpinnerProps['color']; theme: Theme }): string => {\n  if (color && color === 'white') {\n    return getIn(theme.colors, 'interactive.icon.staticWhite.subtle');\n  }\n  if (color && color !== 'neutral') {\n    return getIn(theme.colors, `interactive.icon.${color}.subtle`);\n  }\n  return getIn(theme.colors, 'interactive.icon.gray.subtle');\n};\n\nconst _BaseSpinner = (\n  {\n    label,\n    labelPosition = 'right',\n    accessibilityLabel,\n    color = 'neutral',\n    size = 'medium',\n    testID,\n    ...styledProps\n  }: BaseSpinnerProps,\n  ref: React.Ref<BladeElementRef>,\n): React.ReactElement => {\n  const { theme } = useTheme();\n  return (\n    <BaseBox\n      ref={ref as never}\n      {...metaAttribute({ name: MetaConstants.Spinner, testID })}\n      {...getStyledProps(styledProps)}\n    >\n      <BaseBox\n        display=\"flex\"\n        alignItems=\"center\"\n        flexDirection={labelPosition === 'right' ? 'row' : 'column'}\n        {...makeAccessible({\n          label: accessibilityLabel,\n          role: 'progressbar',\n        })}\n      >\n        <SpinningBox>\n          <SpinnerIcon dimensions={makeSize(dimensions[size])} color={getColor({ color, theme })} />\n        </SpinningBox>\n        {label && label.trim().length > 0 ? (\n          <BaseBox\n            marginLeft={labelPosition === 'right' ? 'spacing.3' : 'spacing.0'}\n            marginTop={labelPosition === 'bottom' ? 'spacing.3' : 'spacing.0'}\n          >\n            <Text variant=\"body\" weight=\"regular\" size=\"small\" color=\"surface.text.gray.muted\">\n              {label}\n            </Text>\n          </BaseBox>\n        ) : null}\n      </BaseBox>\n    </BaseBox>\n  );\n};\n\nconst BaseSpinner = React.forwardRef(_BaseSpinner);\n\nexport type { BaseSpinnerProps };\nexport { BaseSpinner };\n"],"names":["getColor","_ref","color","theme","getIn","colors","_BaseSpinner","_ref2","ref","label","_ref2$labelPosition","labelPosition","accessibilityLabel","_ref2$color","_ref2$size","size","testID","styledProps","_objectWithoutProperties","_excluded","_useTheme","useTheme","_jsx","BaseBox","Object","assign","metaAttribute","name","MetaConstants","Spinner","getStyledProps","children","_jsxs","display","alignItems","flexDirection","makeAccessible","role","SpinningBox","SpinnerIcon","dimensions","makeSize","trim","length","marginLeft","marginTop","Text","variant","weight","BaseSpinner","React","forwardRef"],"mappings":"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"}

package/build/lib/native/components/Spinner/BaseSpinner/SpinningBox.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"SpinningBox.native.js","sources":["../../../../../../src/components/Spinner/BaseSpinner/SpinningBox.native.tsx"],"sourcesContent":["import React from 'react';\nimport type { EasingFactoryFn } from 'react-native-reanimated';\nimport Animated, {\n  withTiming,\n  cancelAnimation,\n  useAnimatedStyle,\n  useSharedValue,\n  withRepeat,\n} from 'react-native-reanimated';\nimport { motion as spinnerMotion } from './spinnerTokens';\nimport getIn from '~utils/lodashButBetter/get';\nimport { useTheme } from '~components/BladeProvider';\nimport { castNativeType } from '~utils';\nimport BaseBox from '~components/Box/BaseBox';\nimport { makeMotionTime } from '~utils/makeMotionTime';\n\nconst SpinningBox = ({ children }: { children: React.ReactNode }): React.ReactElement => {\n  const { theme } = useTheme();\n  const duration = castNativeType(makeMotionTime(getIn(theme.motion, spinnerMotion.duration)));\n  const easing = getIn(theme.motion, spinnerMotion.easing) as EasingFactoryFn;\n\n  const rotation = useSharedValue(0);\n  const animatedStyles = useAnimatedStyle(() => {\n    return {\n      transform: [\n        {\n          rotateZ: `${rotation.value}deg`,\n        },\n      ],\n    };\n  }, [rotation.value]);\n\n  React.useEffect(() => {\n    rotation.value = withRepeat(\n      withTiming(360, {\n        duration,\n        easing,\n      }),\n      -1,\n    );\n    return (): void => {\n      cancelAnimation(rotation);\n    };\n  }, [duration, easing, rotation]);\n\n  return (\n    <BaseBox alignSelf=\"center\">\n      <Animated.View style={animatedStyles}>{children}</Animated.View>\n    </BaseBox>\n  );\n};\n\nexport { SpinningBox };\n"],"names":["SpinningBox","_ref","children","_useTheme","useTheme","theme","duration","castNativeType","makeMotionTime","getIn","motion","spinnerMotion","easing","rotation","useSharedValue","animatedStyles","useAnimatedStyle","transform","rotateZ","value","React","useEffect","withRepeat","withTiming","cancelAnimation","_jsx","BaseBox","alignSelf","Animated","View","style"],"mappings":";;;;;;;;;;;;;;;;AAgBM,IAAAA,WAAW,CAAG,SAAdA,WAAWA,CAAAC,IAAA,CAAwE,CAAA,IAAlEC,QAAQ,CAAAD,IAAA,CAARC,QAAQ,CAC7B,IAAAC,SAAA,CAAkBC,QAAQ,EAAE,CAApBC,KAAK,CAAAF,SAAA,CAALE,KAAK,CACb,IAAMC,QAAQ,CAAGC,cAAc,CAACC,cAAc,CAACC,KAAK,CAACJ,KAAK,CAACK,MAAM,CAAEC,MAAa,CAACL,QAAQ,CAAC,CAAC,CAAC,CAC5F,IAAMM,MAAM,CAAGH,KAAK,CAACJ,KAAK,CAACK,MAAM,CAAEC,MAAa,CAACC,MAAM,CAAoB,CAE3E,IAAMC,QAAQ,CAAGC,cAAc,CAAC,CAAC,CAAC,CAClC,IAAMC,cAAc,CAAGC,gBAAgB,CAAC,UAAM,CAC5C,OAAO,CACLC,SAAS,CAAE,CACT,CACEC,OAAO,CAAG,CAAEL,EAAAA,QAAQ,CAACM,KAAM,CAC7B,GAAA,CAAA,CAAC,CAEL,CAAC,CACH,CAAC,CAAE,CAACN,QAAQ,CAACM,KAAK,CAAC,CAAC,CAEpBC,cAAK,CAACC,SAAS,CAAC,UAAM,CACpBR,QAAQ,CAACM,KAAK,CAAGG,UAAU,CACzBC,UAAU,CAAC,GAAG,CAAE,CACdjB,QAAQ,CAARA,QAAQ,CACRM,MAAM,CAANA,MACF,CAAC,CAAC,CACF,CAAC,CACH,CAAC,CACD,OAAmB,UAAA,CACjBY,eAAe,CAACX,QAAQ,CAAC,CAC3B,CAAC,CACH,CAAC,CAAE,CAACP,QAAQ,CAAEM,MAAM,CAAEC,QAAQ,CAAC,CAAC,CAEhC,OACEY,GAAA,CAACC,OAAO,CAACC,CAAAA,SAAS,CAAC,QAAQ,CAAAzB,QAAA,CACzBuB,GAAA,CAACG,QAAQ,CAACC,IAAI,CAACC,CAAAA,KAAK,CAAEf,cAAe,CAAAb,QAAA,CAAEA,QAAQ,CAAgB,CAAC,CACzD,CAAC,CAEd;;;;"}
+{"version":3,"file":"SpinningBox.native.js","sources":["../../../../../../src/components/Spinner/BaseSpinner/SpinningBox.native.tsx"],"sourcesContent":["import React from 'react';\nimport type { EasingFactoryFn } from 'react-native-reanimated';\nimport Animated, {\n  withTiming,\n  cancelAnimation,\n  useAnimatedStyle,\n  useSharedValue,\n  withRepeat,\n} from 'react-native-reanimated';\nimport { motion as spinnerMotion } from './spinnerTokens';\nimport getIn from '~utils/lodashButBetter/get';\nimport { useTheme } from '~components/BladeProvider';\nimport { castNativeType } from '~utils';\nimport BaseBox from '~components/Box/BaseBox';\nimport { makeMotionTime } from '~utils/makeMotionTime';\n\nconst SpinningBox = ({ children }: { children: React.ReactNode }): React.ReactElement => {\n  const { theme } = useTheme();\n  const duration = castNativeType(makeMotionTime(getIn(theme.motion, spinnerMotion.duration)));\n  const easing = getIn(theme.motion, spinnerMotion.easing) as EasingFactoryFn;\n\n  const rotation = useSharedValue(0);\n  const animatedStyles = useAnimatedStyle(() => {\n    return {\n      transform: [\n        {\n          rotateZ: `${rotation.value}deg`,\n        },\n      ],\n    };\n  }, [rotation.value]);\n\n  React.useEffect(() => {\n    rotation.value = withRepeat(\n      withTiming(360, {\n        duration,\n        easing,\n      }),\n      -1,\n    );\n    return (): void => {\n      cancelAnimation(rotation);\n    };\n  }, [duration, easing, rotation]);\n\n  return (\n    <BaseBox alignSelf=\"center\">\n      <Animated.View style={animatedStyles}>{children}</Animated.View>\n    </BaseBox>\n  );\n};\n\nexport { SpinningBox };\n"],"names":["SpinningBox","_ref","children","_useTheme","useTheme","theme","duration","castNativeType","makeMotionTime","getIn","motion","spinnerMotion","easing","rotation","useSharedValue","animatedStyles","useAnimatedStyle","transform","rotateZ","value","React","useEffect","withRepeat","withTiming","cancelAnimation","_jsx","BaseBox","alignSelf","Animated","View","style"],"mappings":";;;;;;;;;;;;;;;;AAgBM,IAAAA,WAAW,CAAG,SAAdA,WAAWA,CAAAC,IAAA,CAAwE,CAAA,IAAlEC,QAAQ,CAAAD,IAAA,CAARC,QAAQ,CAC7B,IAAAC,SAAA,CAAkBC,QAAQ,EAAE,CAApBC,KAAK,CAAAF,SAAA,CAALE,KAAK,CACb,IAAMC,QAAQ,CAAGC,cAAc,CAACC,cAAc,CAACC,KAAK,CAACJ,KAAK,CAACK,MAAM,CAAEC,MAAa,CAACL,QAAQ,CAAC,CAAC,CAAC,CAC5F,IAAMM,MAAM,CAAGH,KAAK,CAACJ,KAAK,CAACK,MAAM,CAAEC,MAAa,CAACC,MAAM,CAAoB,CAE3E,IAAMC,QAAQ,CAAGC,cAAc,CAAC,CAAC,CAAC,CAClC,IAAMC,cAAc,CAAGC,gBAAgB,CAAC,UAAM,CAC5C,OAAO,CACLC,SAAS,CAAE,CACT,CACEC,OAAO,CAAE,CAAGL,EAAAA,QAAQ,CAACM,KAAK,CAC5B,GAAA,CAAA,CAAC,CAEL,CAAC,CACH,CAAC,CAAE,CAACN,QAAQ,CAACM,KAAK,CAAC,CAAC,CAEpBC,cAAK,CAACC,SAAS,CAAC,UAAM,CACpBR,QAAQ,CAACM,KAAK,CAAGG,UAAU,CACzBC,UAAU,CAAC,GAAG,CAAE,CACdjB,QAAQ,CAARA,QAAQ,CACRM,MAAM,CAANA,MACF,CAAC,CAAC,CACF,CAAC,CACH,CAAC,CACD,OAAmB,UAAA,CACjBY,eAAe,CAACX,QAAQ,CAAC,CAC3B,CAAC,CACH,CAAC,CAAE,CAACP,QAAQ,CAAEM,MAAM,CAAEC,QAAQ,CAAC,CAAC,CAEhC,OACEY,GAAA,CAACC,OAAO,CAACC,CAAAA,SAAS,CAAC,QAAQ,CAAAzB,QAAA,CACzBuB,GAAA,CAACG,QAAQ,CAACC,IAAI,CAACC,CAAAA,KAAK,CAAEf,cAAe,CAAAb,QAAA,CAAEA,QAAQ,CAAgB,CAAC,CACzD,CAAC,CAEd;;;;"}

package/build/lib/native/components/StepGroup/StepItemMarker.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepItemMarker.js","sources":["../../../../../src/components/StepGroup/StepItemMarker.tsx"],"sourcesContent":["import { useStepGroup } from './StepGroupContext';\nimport { getMarkerLineSpacings, iconSizeTokens } from './tokens';\nimport type { BaseBoxProps } from '~components/Box/BaseBox';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { IconComponent } from '~components/Icons';\nimport type { IndicatorProps } from '~components/Indicator';\nimport { Indicator } from '~components/Indicator';\nimport { makeSize } from '~utils';\n\ntype MarkerBackgroundCircleProps = {\n  color: IndicatorProps['color'];\n  size: BaseBoxProps['width'];\n  margin: BaseBoxProps['margin'];\n  children: BaseBoxProps['children'];\n};\n\nconst MarkerBackgroundCircle = ({\n  color,\n  size,\n  margin,\n  children,\n}: MarkerBackgroundCircleProps): React.ReactElement => {\n  return (\n    <BaseBox\n      backgroundColor={\n        color === 'primary'\n          ? 'surface.background.primary.subtle'\n          : `feedback.background.${color}.subtle`\n      }\n      display=\"flex\"\n      alignItems=\"center\"\n      justifyContent=\"center\"\n      height={size}\n      width={size}\n      borderRadius=\"round\"\n      margin={margin}\n    >\n      {children}\n    </BaseBox>\n  );\n};\n\nconst StepItemIndicator = ({ color }: { color: IndicatorProps['color'] }): React.ReactElement => {\n  const { size } = useStepGroup();\n  const spacingTokens = getMarkerLineSpacings(size);\n\n  return (\n    <MarkerBackgroundCircle\n      color={color}\n      size={makeSize(spacingTokens.markerBackgroundSize)}\n      margin={makeSize(spacingTokens.markerMargin)}\n    >\n      <Indicator\n        position=\"relative\"\n        color={color}\n        size={size}\n        accessibilityLabel={`${color} indicator`}\n      />\n    </MarkerBackgroundCircle>\n  );\n};\n\ntype StepItemIconProps = {\n  icon: IconComponent;\n  color: IndicatorProps['color'];\n  isDisabled?: boolean;\n};\n\nconst StepItemIcon = ({\n  icon: Icon,\n  color = 'neutral',\n  isDisabled = false,\n}: StepItemIconProps): React.ReactElement => {\n  const { size } = useStepGroup();\n  const spacingTokens = getMarkerLineSpacings(size);\n\n  return (\n    <MarkerBackgroundCircle\n      color={color}\n      size={makeSize(spacingTokens.markerBackgroundSize)}\n      margin={makeSize(spacingTokens.markerMargin)}\n    >\n      <Icon\n        size={iconSizeTokens[size]}\n        color={\n          isDisabled\n            ? 'surface.icon.gray.disabled'\n            : color === 'primary'\n            ? 'surface.icon.primary.normal'\n            : `feedback.icon.${color}.intense`\n        }\n      />\n    </MarkerBackgroundCircle>\n  );\n};\n\nexport { StepItemIndicator, StepItemIcon };\n"],"names":["MarkerBackgroundCircle","_ref","color","size","margin","children","_jsx","BaseBox","backgroundColor","display","alignItems","justifyContent","height","width","borderRadius","StepItemIndicator","_ref2","_useStepGroup","useStepGroup","spacingTokens","getMarkerLineSpacings","makeSize","markerBackgroundSize","markerMargin","Indicator","position","accessibilityLabel","StepItemIcon","_ref3","Icon","icon","_ref3$color","_ref3$isDisabled","isDisabled","_useStepGroup2","iconSizeTokens"],"mappings":";;;;;;;;;;;AAgBA,IAAMA,sBAAsB,CAAG,SAAzBA,sBAAsBA,CAAAC,IAAA,CAK2B,KAJrDC,KAAK,CAAAD,IAAA,CAALC,KAAK,CACLC,IAAI,CAAAF,IAAA,CAAJE,IAAI,CACJC,MAAM,CAAAH,IAAA,CAANG,MAAM,CACNC,QAAQ,CAAAJ,IAAA,CAARI,QAAQ,CAER,OACEC,GAAA,CAACC,OAAO,CACNC,CAAAA,eAAe,CACbN,KAAK,GAAK,SAAS,CACf,mCAAmC,CAClC,CAAsBA,oBAAAA,EAAAA,KAAM,CAClC,OAAA,CAAA,CACDO,OAAO,CAAC,MAAM,CACdC,UAAU,CAAC,QAAQ,CACnBC,cAAc,CAAC,QAAQ,CACvBC,MAAM,CAAET,IAAK,CACbU,KAAK,CAAEV,IAAK,CACZW,YAAY,CAAC,OAAO,CACpBV,MAAM,CAAEA,MAAO,CAAAC,QAAA,CAEdA,QAAQ,CACF,CAAC,CAEd,CAAC,CAEK,IAAAU,iBAAiB,CAAG,SAApBA,iBAAiBA,CAAAC,KAAA,CAA0E,KAApEd,KAAK,CAAAc,KAAA,CAALd,KAAK,CAChC,IAAAe,aAAA,CAAiBC,YAAY,EAAE,CAAvBf,IAAI,CAAAc,aAAA,CAAJd,IAAI,CACZ,IAAMgB,aAAa,CAAGC,qBAAqB,CAACjB,IAAI,CAAC,CAEjD,OACEG,GAAA,CAACN,sBAAsB,CAAA,CACrBE,KAAK,CAAEA,KAAM,CACbC,IAAI,CAAEkB,QAAQ,CAACF,aAAa,CAACG,oBAAoB,CAAE,CACnDlB,MAAM,CAAEiB,QAAQ,CAACF,aAAa,CAACI,YAAY,CAAE,CAAAlB,QAAA,CAE7CC,GAAA,CAACkB,SAAS,CACRC,CAAAA,QAAQ,CAAC,UAAU,CACnBvB,KAAK,CAAEA,KAAM,CACbC,IAAI,CAAEA,IAAK,CACXuB,kBAAkB,CAAG,CAAA,EAAExB,KAAM,CAAY,UAAA,CAAA,CAC1C,CAAC,CACoB,CAAC,CAE7B,EAQM,IAAAyB,YAAY,CAAG,SAAfA,YAAYA,CAAAC,KAAA,CAI2B,KAHrCC,IAAI,CAAAD,KAAA,CAAVE,IAAI,CAAAC,WAAA,CAAAH,KAAA,CACJ1B,KAAK,CAALA,KAAK,CAAA6B,WAAA,GAAG,KAAA,CAAA,CAAA,SAAS,CAAAA,WAAA,CAAAC,gBAAA,CAAAJ,KAAA,CACjBK,UAAU,CAAVA,UAAU,CAAAD,gBAAA,GAAG,KAAA,CAAA,CAAA,KAAK,CAAAA,gBAAA,CAElB,IAAAE,cAAA,CAAiBhB,YAAY,EAAE,CAAvBf,IAAI,CAAA+B,cAAA,CAAJ/B,IAAI,CACZ,IAAMgB,aAAa,CAAGC,qBAAqB,CAACjB,IAAI,CAAC,CAEjD,OACEG,GAAA,CAACN,sBAAsB,CACrBE,CAAAA,KAAK,CAAEA,KAAM,CACbC,IAAI,CAAEkB,QAAQ,CAACF,aAAa,CAACG,oBAAoB,CAAE,CACnDlB,MAAM,CAAEiB,QAAQ,CAACF,aAAa,CAACI,YAAY,CAAE,CAAAlB,QAAA,CAE7CC,GAAA,CAACuB,IAAI,CACH1B,CAAAA,IAAI,CAAEgC,cAAc,CAAChC,IAAI,CAAE,CAC3BD,KAAK,CACH+B,UAAU,CACN,4BAA4B,CAC5B/B,KAAK,GAAK,SAAS,CACnB,6BAA6B,CAC5B,CAAA,cAAA,EAAgBA,KAAM,CAC5B,QAAA,CAAA,CACF,CAAC,CACoB,CAAC,CAE7B;;;;"}
+{"version":3,"file":"StepItemMarker.js","sources":["../../../../../src/components/StepGroup/StepItemMarker.tsx"],"sourcesContent":["import { useStepGroup } from './StepGroupContext';\nimport { getMarkerLineSpacings, iconSizeTokens } from './tokens';\nimport type { BaseBoxProps } from '~components/Box/BaseBox';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { IconComponent } from '~components/Icons';\nimport type { IndicatorProps } from '~components/Indicator';\nimport { Indicator } from '~components/Indicator';\nimport { makeSize } from '~utils';\n\ntype MarkerBackgroundCircleProps = {\n  color: IndicatorProps['color'];\n  size: BaseBoxProps['width'];\n  margin: BaseBoxProps['margin'];\n  children: BaseBoxProps['children'];\n};\n\nconst MarkerBackgroundCircle = ({\n  color,\n  size,\n  margin,\n  children,\n}: MarkerBackgroundCircleProps): React.ReactElement => {\n  return (\n    <BaseBox\n      backgroundColor={\n        color === 'primary'\n          ? 'surface.background.primary.subtle'\n          : `feedback.background.${color}.subtle`\n      }\n      display=\"flex\"\n      alignItems=\"center\"\n      justifyContent=\"center\"\n      height={size}\n      width={size}\n      borderRadius=\"round\"\n      margin={margin}\n    >\n      {children}\n    </BaseBox>\n  );\n};\n\nconst StepItemIndicator = ({ color }: { color: IndicatorProps['color'] }): React.ReactElement => {\n  const { size } = useStepGroup();\n  const spacingTokens = getMarkerLineSpacings(size);\n\n  return (\n    <MarkerBackgroundCircle\n      color={color}\n      size={makeSize(spacingTokens.markerBackgroundSize)}\n      margin={makeSize(spacingTokens.markerMargin)}\n    >\n      <Indicator\n        position=\"relative\"\n        color={color}\n        size={size}\n        accessibilityLabel={`${color} indicator`}\n      />\n    </MarkerBackgroundCircle>\n  );\n};\n\ntype StepItemIconProps = {\n  icon: IconComponent;\n  color: IndicatorProps['color'];\n  isDisabled?: boolean;\n};\n\nconst StepItemIcon = ({\n  icon: Icon,\n  color = 'neutral',\n  isDisabled = false,\n}: StepItemIconProps): React.ReactElement => {\n  const { size } = useStepGroup();\n  const spacingTokens = getMarkerLineSpacings(size);\n\n  return (\n    <MarkerBackgroundCircle\n      color={color}\n      size={makeSize(spacingTokens.markerBackgroundSize)}\n      margin={makeSize(spacingTokens.markerMargin)}\n    >\n      <Icon\n        size={iconSizeTokens[size]}\n        color={\n          isDisabled\n            ? 'surface.icon.gray.disabled'\n            : color === 'primary'\n            ? 'surface.icon.primary.normal'\n            : `feedback.icon.${color}.intense`\n        }\n      />\n    </MarkerBackgroundCircle>\n  );\n};\n\nexport { StepItemIndicator, StepItemIcon };\n"],"names":["MarkerBackgroundCircle","_ref","color","size","margin","children","_jsx","BaseBox","backgroundColor","display","alignItems","justifyContent","height","width","borderRadius","StepItemIndicator","_ref2","_useStepGroup","useStepGroup","spacingTokens","getMarkerLineSpacings","makeSize","markerBackgroundSize","markerMargin","Indicator","position","accessibilityLabel","StepItemIcon","_ref3","Icon","icon","_ref3$color","_ref3$isDisabled","isDisabled","_useStepGroup2","iconSizeTokens"],"mappings":";;;;;;;;;;;AAgBA,IAAMA,sBAAsB,CAAG,SAAzBA,sBAAsBA,CAAAC,IAAA,CAK2B,KAJrDC,KAAK,CAAAD,IAAA,CAALC,KAAK,CACLC,IAAI,CAAAF,IAAA,CAAJE,IAAI,CACJC,MAAM,CAAAH,IAAA,CAANG,MAAM,CACNC,QAAQ,CAAAJ,IAAA,CAARI,QAAQ,CAER,OACEC,GAAA,CAACC,OAAO,CACNC,CAAAA,eAAe,CACbN,KAAK,GAAK,SAAS,CACf,mCAAmC,CACnC,CAAuBA,oBAAAA,EAAAA,KAAK,CACjC,OAAA,CAAA,CACDO,OAAO,CAAC,MAAM,CACdC,UAAU,CAAC,QAAQ,CACnBC,cAAc,CAAC,QAAQ,CACvBC,MAAM,CAAET,IAAK,CACbU,KAAK,CAAEV,IAAK,CACZW,YAAY,CAAC,OAAO,CACpBV,MAAM,CAAEA,MAAO,CAAAC,QAAA,CAEdA,QAAQ,CACF,CAAC,CAEd,CAAC,CAEK,IAAAU,iBAAiB,CAAG,SAApBA,iBAAiBA,CAAAC,KAAA,CAA0E,KAApEd,KAAK,CAAAc,KAAA,CAALd,KAAK,CAChC,IAAAe,aAAA,CAAiBC,YAAY,EAAE,CAAvBf,IAAI,CAAAc,aAAA,CAAJd,IAAI,CACZ,IAAMgB,aAAa,CAAGC,qBAAqB,CAACjB,IAAI,CAAC,CAEjD,OACEG,GAAA,CAACN,sBAAsB,CAAA,CACrBE,KAAK,CAAEA,KAAM,CACbC,IAAI,CAAEkB,QAAQ,CAACF,aAAa,CAACG,oBAAoB,CAAE,CACnDlB,MAAM,CAAEiB,QAAQ,CAACF,aAAa,CAACI,YAAY,CAAE,CAAAlB,QAAA,CAE7CC,GAAA,CAACkB,SAAS,CACRC,CAAAA,QAAQ,CAAC,UAAU,CACnBvB,KAAK,CAAEA,KAAM,CACbC,IAAI,CAAEA,IAAK,CACXuB,kBAAkB,CAAE,CAAA,EAAGxB,KAAK,CAAa,UAAA,CAAA,CAC1C,CAAC,CACoB,CAAC,CAE7B,EAQM,IAAAyB,YAAY,CAAG,SAAfA,YAAYA,CAAAC,KAAA,CAI2B,KAHrCC,IAAI,CAAAD,KAAA,CAAVE,IAAI,CAAAC,WAAA,CAAAH,KAAA,CACJ1B,KAAK,CAALA,KAAK,CAAA6B,WAAA,GAAG,KAAA,CAAA,CAAA,SAAS,CAAAA,WAAA,CAAAC,gBAAA,CAAAJ,KAAA,CACjBK,UAAU,CAAVA,UAAU,CAAAD,gBAAA,GAAG,KAAA,CAAA,CAAA,KAAK,CAAAA,gBAAA,CAElB,IAAAE,cAAA,CAAiBhB,YAAY,EAAE,CAAvBf,IAAI,CAAA+B,cAAA,CAAJ/B,IAAI,CACZ,IAAMgB,aAAa,CAAGC,qBAAqB,CAACjB,IAAI,CAAC,CAEjD,OACEG,GAAA,CAACN,sBAAsB,CACrBE,CAAAA,KAAK,CAAEA,KAAM,CACbC,IAAI,CAAEkB,QAAQ,CAACF,aAAa,CAACG,oBAAoB,CAAE,CACnDlB,MAAM,CAAEiB,QAAQ,CAACF,aAAa,CAACI,YAAY,CAAE,CAAAlB,QAAA,CAE7CC,GAAA,CAACuB,IAAI,CACH1B,CAAAA,IAAI,CAAEgC,cAAc,CAAChC,IAAI,CAAE,CAC3BD,KAAK,CACH+B,UAAU,CACN,4BAA4B,CAC5B/B,KAAK,GAAK,SAAS,CACnB,6BAA6B,CAC7B,CAAA,cAAA,EAAiBA,KAAK,CAC3B,QAAA,CAAA,CACF,CAAC,CACoB,CAAC,CAE7B;;;;"}