@razorpay/blade 12.98.1 → 12.111.0

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

@@ -1,12 +1,11 @@
 import 'react';
+import '../Box/BaseBox/index.js';
+import '../Typography/index.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
-import '../Typography/Heading/Heading.js';
 import { Text } from '../Typography/Text/Text.js';
-import '../Typography/Code/Code.js';
-import '../Typography/Display/Display.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
 
-var CircularProgressLabel=function CircularProgressLabel(_ref){var _label$trim;var progressPercent=_ref.progressPercent,_ref$size=_ref.size,size=_ref$size===void 0?'small':_ref$size,label=_ref.label,_ref$showPercentage=_ref.showPercentage,showPercentage=_ref$showPercentage===void 0?true:_ref$showPercentage;var hasLabel=label&&((_label$trim=label.trim())==null?void 0:_label$trim.length)>0;return jsxs(BaseBox,{display:"flex",flexDirection:"column",alignItems:"center",children:[hasLabel&&jsx(Text,{marginTop:"spacing.3",variant:"body",weight:"regular",size:"small",children:label}),showPercentage&&size==='small'&&jsxs(Text,{marginTop:hasLabel?'spacing.0':'spacing.3',variant:"body",weight:"semibold",size:"small",children:[progressPercent,"%"]})]});};
+var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/ProgressBar/CircularProgressLabel.tsx";var CircularProgressLabel=function CircularProgressLabel(_ref){var _label$trim;var progressPercent=_ref.progressPercent,_ref$size=_ref.size,size=_ref$size===void 0?'small':_ref$size,label=_ref.label,_ref$showPercentage=_ref.showPercentage,showPercentage=_ref$showPercentage===void 0?true:_ref$showPercentage;var hasLabel=label&&((_label$trim=label.trim())==null?void 0:_label$trim.length)>0;return jsxs(BaseBox,{display:"flex",flexDirection:"column",alignItems:"center",children:[hasLabel&&jsx(Text,{marginTop:"spacing.3",variant:"body",weight:"regular",size:"small",children:label}),showPercentage&&size==='small'&&jsxs(Text,{marginTop:hasLabel?'spacing.0':'spacing.3',variant:"body",weight:"semibold",size:"small",children:[progressPercent,"%"]})]});};
 
 export { CircularProgressLabel };
 //# sourceMappingURL=CircularProgressLabel.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CircularProgressLabel.js","sources":["../../../../../src/components/ProgressBar/CircularProgressLabel.tsx"],"sourcesContent":["import React from 'react';\nimport type { CircularProgressBarFilledProps } from './types';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Text } from '~components/Typography';\n\nconst CircularProgressLabel = ({\n  progressPercent,\n  size = 'small',\n  label,\n  showPercentage = true,\n}: Pick<\n  CircularProgressBarFilledProps,\n  'progressPercent' | 'size' | 'label' | 'showPercentage'\n>): React.ReactElement => {\n  const hasLabel = label && label.trim()?.length > 0;\n\n  return (\n    <BaseBox display=\"flex\" flexDirection=\"column\" alignItems=\"center\">\n      {hasLabel && (\n        <Text marginTop=\"spacing.3\" variant=\"body\" weight=\"regular\" size=\"small\">\n          {label}\n        </Text>\n      )}\n\n      {showPercentage && size === 'small' && (\n        <Text\n          marginTop={hasLabel ? 'spacing.0' : 'spacing.3'}\n          variant=\"body\"\n          weight=\"semibold\"\n          size=\"small\"\n        >\n          {progressPercent}%\n        </Text>\n      )}\n    </BaseBox>\n  );\n};\n\nexport { CircularProgressLabel };\n"],"names":["CircularProgressLabel","_ref","_label$trim","progressPercent","_ref$size","size","label","_ref$showPercentage","showPercentage","hasLabel","trim","length","_jsxs","BaseBox","display","flexDirection","alignItems","children","_jsx","Text","marginTop","variant","weight"],"mappings":";;;;;;;;AAKM,IAAAA,qBAAqB,CAAG,SAAxBA,qBAAqBA,CAAAC,IAAA,CAQD,CAAAC,IAAAA,WAAA,KAPxBC,eAAe,CAAAF,IAAA,CAAfE,eAAe,CAAAC,SAAA,CAAAH,IAAA,CACfI,IAAI,CAAJA,IAAI,CAAAD,SAAA,GAAA,KAAA,CAAA,CAAG,OAAO,CAAAA,SAAA,CACdE,KAAK,CAAAL,IAAA,CAALK,KAAK,CAAAC,mBAAA,CAAAN,IAAA,CACLO,cAAc,CAAdA,cAAc,CAAAD,mBAAA,GAAG,KAAA,CAAA,CAAA,IAAI,CAAAA,mBAAA,CAKrB,IAAME,QAAQ,CAAGH,KAAK,EAAI,EAAAJ,WAAA,CAAAI,KAAK,CAACI,IAAI,EAAE,GAAA,IAAA,CAAA,KAAA,CAAA,CAAZR,WAAA,CAAcS,MAAM,EAAG,CAAC,CAElD,OACEC,IAAA,CAACC,OAAO,CAAA,CAACC,OAAO,CAAC,MAAM,CAACC,aAAa,CAAC,QAAQ,CAACC,UAAU,CAAC,QAAQ,CAAAC,QAAA,CAC/DR,CAAAA,QAAQ,EACPS,GAAA,CAACC,IAAI,CAACC,CAAAA,SAAS,CAAC,WAAW,CAACC,OAAO,CAAC,MAAM,CAACC,MAAM,CAAC,SAAS,CAACjB,IAAI,CAAC,OAAO,CAAAY,QAAA,CACrEX,KAAK,CACF,CACP,CAEAE,cAAc,EAAIH,IAAI,GAAK,OAAO,EACjCO,IAAA,CAACO,IAAI,EACHC,SAAS,CAAEX,QAAQ,CAAG,WAAW,CAAG,WAAY,CAChDY,OAAO,CAAC,MAAM,CACdC,MAAM,CAAC,UAAU,CACjBjB,IAAI,CAAC,OAAO,CAAAY,QAAA,CAEXd,CAAAA,eAAe,CAAC,GACnB,CAAA,CAAM,CACP,CACM,CAAA,CAAC,CAEd;;;;"}
+{"version":3,"file":"CircularProgressLabel.js","sources":["../../../../../src/components/ProgressBar/CircularProgressLabel.tsx"],"sourcesContent":["import React from 'react';\nimport type { CircularProgressBarFilledProps } from './types';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Text } from '~components/Typography';\n\nconst CircularProgressLabel = ({\n  progressPercent,\n  size = 'small',\n  label,\n  showPercentage = true,\n}: Pick<\n  CircularProgressBarFilledProps,\n  'progressPercent' | 'size' | 'label' | 'showPercentage'\n>): React.ReactElement => {\n  const hasLabel = label && label.trim()?.length > 0;\n\n  return (\n    <BaseBox display=\"flex\" flexDirection=\"column\" alignItems=\"center\">\n      {hasLabel && (\n        <Text marginTop=\"spacing.3\" variant=\"body\" weight=\"regular\" size=\"small\">\n          {label}\n        </Text>\n      )}\n\n      {showPercentage && size === 'small' && (\n        <Text\n          marginTop={hasLabel ? 'spacing.0' : 'spacing.3'}\n          variant=\"body\"\n          weight=\"semibold\"\n          size=\"small\"\n        >\n          {progressPercent}%\n        </Text>\n      )}\n    </BaseBox>\n  );\n};\n\nexport { CircularProgressLabel };\n"],"names":["this","CircularProgressLabel","_ref","_label$trim","progressPercent","_ref$size","size","label","_ref$showPercentage","showPercentage","hasLabel","trim","length","_jsxs","BaseBox","display","flexDirection","alignItems","children","_jsx","Text","marginTop","variant","weight"],"mappings":";;;;;;;AAAA,IAAA,KAAA,CAAAA,SAAA,CAAA,YAAA,CAAA,mGAAA,CAKM,IAAAC,qBAAqB,CAAG,SAAxBA,qBAAqBA,CAAAC,IAAA,CAQD,CAAAC,IAAAA,WAAA,KAPxBC,eAAe,CAAAF,IAAA,CAAfE,eAAe,CAAAC,SAAA,CAAAH,IAAA,CACfI,IAAI,CAAJA,IAAI,CAAAD,SAAA,GAAA,KAAA,CAAA,CAAG,OAAO,CAAAA,SAAA,CACdE,KAAK,CAAAL,IAAA,CAALK,KAAK,CAAAC,mBAAA,CAAAN,IAAA,CACLO,cAAc,CAAdA,cAAc,CAAAD,mBAAA,GAAG,KAAA,CAAA,CAAA,IAAI,CAAAA,mBAAA,CAKrB,IAAME,QAAQ,CAAGH,KAAK,EAAI,EAAAJ,WAAA,CAAAI,KAAK,CAACI,IAAI,EAAE,GAAA,IAAA,CAAA,KAAA,CAAA,CAAZR,WAAA,CAAcS,MAAM,EAAG,CAAC,CAElD,OACEC,IAAA,CAACC,OAAO,CAAA,CAACC,OAAO,CAAC,MAAM,CAACC,aAAa,CAAC,QAAQ,CAACC,UAAU,CAAC,QAAQ,CAAAC,QAAA,CAC/DR,CAAAA,QAAQ,EACPS,GAAA,CAACC,IAAI,CAACC,CAAAA,SAAS,CAAC,WAAW,CAACC,OAAO,CAAC,MAAM,CAACC,MAAM,CAAC,SAAS,CAACjB,IAAI,CAAC,OAAO,CAAAY,QAAA,CACrEX,KAAK,CACF,CACP,CAEAE,cAAc,EAAIH,IAAI,GAAK,OAAO,EACjCO,IAAA,CAACO,IAAI,EACHC,SAAS,CAAEX,QAAQ,CAAG,WAAW,CAAG,WAAY,CAChDY,OAAO,CAAC,MAAM,CACdC,MAAM,CAAC,UAAU,CACjBjB,IAAI,CAAC,OAAO,CAAAY,QAAA,CAEXd,CAAAA,eAAe,CAAC,GACnB,CAAA,CAAM,CACP,CACM,CAAA,CAAC,CAEd;;;;"}

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

@@ -3,29 +3,31 @@ import React__default from 'react';
 import { ProgressBarFilled } from './ProgressBarFilled.native.js';
 import { CircularProgressBarFilled } from './CircularProgressBar.native.js';
 import clamp from '../../utils/lodashButBetter/clamp.js';
-import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.native.js';
-import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
-import { Text } from '../Typography/Text/Text.js';
-import { getStyledProps } from '../Box/styledProps/getStyledProps.js';
-import '@babel/runtime/helpers/slicedToArray';
-import 'react-native';
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
-import { size } from '../../tokens/global/size.js';
-import { throwBladeError } from '../../utils/logger/logger.js';
-import { makeSize } from '../../utils/makeSize/makeSize.js';
-import useTheme from '../BladeProvider/useTheme.js';
+import '../../utils/metaAttribute/index.js';
+import '../Typography/Text/index.js';
+import '../Box/styledProps/index.js';
 import { useId } from '../../utils/useId.js';
-import 'styled-components/native';
-import '@gorhom/portal';
-import 'react-native-gesture-handler';
-import '../BottomSheet/BottomSheetStack.js';
+import '../BladeProvider/index.js';
+import '../Box/BaseBox/index.js';
+import '../../tokens/global/index.js';
+import '../../utils/makeSize/index.js';
+import '../../utils/makeAccessible/index.native.js';
+import '../../utils/logger/index.js';
+import '../../utils/makeAnalyticsAttribute/index.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
+import { size } from '../../tokens/global/size.js';
+import useTheme from '../BladeProvider/useTheme.js';
+import { throwBladeError } from '../../utils/logger/logger.js';
 import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
-import { makeAccessible } from '../../utils/makeAccessible/makeAccessible.native.js';
+import { getStyledProps } from '../Box/styledProps/getStyledProps.js';
+import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.native.js';
+import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
 import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
+import { Text } from '../Typography/Text/Text.js';
+import { makeAccessible } from '../../utils/makeAccessible/makeAccessible.native.js';
+import { makeSize } from '../../utils/makeSize/makeSize.js';
 
-var _excluded=["accessibilityLabel","color","type","isIndeterminate","label","showPercentage","size","value","variant","min","max","_oscillation","testID"];var progressBarHeight={small:size[2],medium:size[4],large:size[0]};var _ProgressBar=function _ProgressBar(_ref,ref){var _label$trim;var accessibilityLabel=_ref.accessibilityLabel,color=_ref.color,type=_ref.type,_ref$isIndeterminate=_ref.isIndeterminate,isIndeterminate=_ref$isIndeterminate===void 0?false:_ref$isIndeterminate,label=_ref.label,_ref$showPercentage=_ref.showPercentage,showPercentage=_ref$showPercentage===void 0?true:_ref$showPercentage,_ref$size=_ref.size,size=_ref$size===void 0?'small':_ref$size,_ref$value=_ref.value,value=_ref$value===void 0?0:_ref$value,_ref$variant=_ref.variant,variant=_ref$variant===void 0?'progress':_ref$variant,_ref$min=_ref.min,min=_ref$min===void 0?0:_ref$min,_ref$max=_ref.max,max=_ref$max===void 0?100:_ref$max,_ref$_oscillation=_ref._oscillation,_oscillation=_ref$_oscillation===void 0?false:_ref$_oscillation,testID=_ref.testID,rest=_objectWithoutProperties(_ref,_excluded);var _useTheme=useTheme(),theme=_useTheme.theme;var progressType=!type&&(variant==='meter'||variant==='progress')?variant:type;var progressVariant=variant==='meter'||variant==='progress'?'linear':variant;var id=useId(`${progressType}-${progressVariant}`);if(__DEV__){if(progressType==='meter'&&isIndeterminate){throwBladeError({moduleName:'ProgressBar',message:`Cannot set 'isIndeterminate' when 'type' or 'variant' is 'meter'.`});}if(progressVariant==='circular'&&isIndeterminate){throwBladeError({moduleName:'ProgressBar',message:`Cannot set 'isIndeterminate' when 'variant' is 'circular'.`});}if(progressVariant==='linear'&&size==='large'){throwBladeError({moduleName:'ProgressBar',message:`Large size isn't available when 'variant' is 'linear'.`});}if(type&&(variant==='progress'||variant==='meter')){throwBladeError({moduleName:'ProgressBar',message:`variant can only be 'linear' or 'circular' when 'type=${type}'.`});}}var unfilledBackgroundColor=theme.colors.feedback.background.neutral.subtle;var filledBackgroundColor=color?theme.colors.feedback.background[color].intense:theme.colors.surface.background.primary.intense;var hasLabel=label&&((_label$trim=label.trim())==null?void 0:_label$trim.length)>0;var isMeter=progressType==='meter';var isCircular=progressVariant==='circular';var progressValue=clamp(value,min,max);var percentageValue=(progressValue-min)*100/(max-min);var percentageProgressValue=isMeter?parseFloat(percentageValue.toFixed(1)):Math.floor(percentageValue);var shouldShowPercentage=showPercentage&&!isMeter&&!isIndeterminate;var accessibilityProps={role:'progressbar',label:accessibilityLabel!=null?accessibilityLabel:label,valueNow:percentageProgressValue,valueText:`${percentageProgressValue}%`,valueMin:min,valueMax:max};if(isMeter){accessibilityProps.role='meter';accessibilityProps.valueNow=progressValue;accessibilityProps.valueText=`${progressValue}`;}if(isIndeterminate){accessibilityProps.valueNow=undefined;accessibilityProps.valueMin=undefined;accessibilityProps.valueMax=undefined;accessibilityProps.valueText=undefined;}return jsx(BaseBox,Object.assign({ref:ref},getStyledProps(rest),metaAttribute({name:MetaConstants.ProgressBar,testID:testID}),makeAnalyticsAttribute(rest),{children:jsxs(BaseBox,{display:"flex",flexDirection:"column",width:"100%",children:[!isCircular?jsxs(BaseBox,{display:"flex",flexDirection:"row",justifyContent:hasLabel?'space-between':'flex-end',children:[hasLabel?jsx(Text,{as:"label",variant:"body",size:"small",color:"surface.text.gray.subtle",children:label}):null,shouldShowPercentage?jsx(BaseBox,{marginBottom:"spacing.2",children:jsx(Text,{variant:"body",size:"small",color:"surface.text.gray.subtle",children:`${percentageProgressValue}%`})}):null]}):null,jsx(BaseBox,Object.assign({id:id},makeAccessible({role:accessibilityProps.role,label:accessibilityProps.label,valueNow:accessibilityProps.valueNow,valueText:accessibilityProps.valueText,valueMin:accessibilityProps.valueMin,valueMax:accessibilityProps.valueMax}),{children:isCircular?jsx(CircularProgressBarFilled,{size:size,label:label,progressPercent:percentageProgressValue,isMeter:isMeter,showPercentage:showPercentage,backgroundColor:unfilledBackgroundColor,fillColor:filledBackgroundColor,pulseMotionDuration:"duration.2xgentle",fillMotionDuration:"duration.2xgentle",pulseMotionDelay:"delay.long",motionEasing:"easing.emphasized"}):jsx(BaseBox,{className:"__blade-progress-bar-track",backgroundColor:unfilledBackgroundColor,height:makeSize(progressBarHeight[size]),overflow:"hidden",position:"relative",borderRadius:"xsmall",children:jsx(ProgressBarFilled,{backgroundColor:filledBackgroundColor,progress:percentageProgressValue,fillMotionDuration:"duration.2xgentle",pulseMotionDuration:"duration.2xgentle",indeterminateMotionDuration:"duration.2xgentle",pulseMotionDelay:"delay.long",motionEasing:"easing.emphasized",type:progressType,isIndeterminate:isIndeterminate,_oscillation:_oscillation})})}))]})}));};var ProgressBar=React__default.forwardRef(_ProgressBar);
+var _excluded=["accessibilityLabel","color","type","isIndeterminate","label","showPercentage","size","value","variant","min","max","_oscillation","testID"];var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/ProgressBar/ProgressBar.tsx";var progressBarHeight={small:size[2],medium:size[4],large:size[0]};var _ProgressBar=function _ProgressBar(_ref,ref){var _label$trim;var accessibilityLabel=_ref.accessibilityLabel,color=_ref.color,type=_ref.type,_ref$isIndeterminate=_ref.isIndeterminate,isIndeterminate=_ref$isIndeterminate===void 0?false:_ref$isIndeterminate,label=_ref.label,_ref$showPercentage=_ref.showPercentage,showPercentage=_ref$showPercentage===void 0?true:_ref$showPercentage,_ref$size=_ref.size,size=_ref$size===void 0?'small':_ref$size,_ref$value=_ref.value,value=_ref$value===void 0?0:_ref$value,_ref$variant=_ref.variant,variant=_ref$variant===void 0?'progress':_ref$variant,_ref$min=_ref.min,min=_ref$min===void 0?0:_ref$min,_ref$max=_ref.max,max=_ref$max===void 0?100:_ref$max,_ref$_oscillation=_ref._oscillation,_oscillation=_ref$_oscillation===void 0?false:_ref$_oscillation,testID=_ref.testID,rest=_objectWithoutProperties(_ref,_excluded);var _useTheme=useTheme(),theme=_useTheme.theme;var progressType=!type&&(variant==='meter'||variant==='progress')?variant:type;var progressVariant=variant==='meter'||variant==='progress'?'linear':variant;var id=useId(`${progressType}-${progressVariant}`);if(__DEV__){if(progressType==='meter'&&isIndeterminate){throwBladeError({moduleName:'ProgressBar',message:`Cannot set 'isIndeterminate' when 'type' or 'variant' is 'meter'.`});}if(progressVariant==='circular'&&isIndeterminate){throwBladeError({moduleName:'ProgressBar',message:`Cannot set 'isIndeterminate' when 'variant' is 'circular'.`});}if(progressVariant==='linear'&&size==='large'){throwBladeError({moduleName:'ProgressBar',message:`Large size isn't available when 'variant' is 'linear'.`});}if(type&&(variant==='progress'||variant==='meter')){throwBladeError({moduleName:'ProgressBar',message:`variant can only be 'linear' or 'circular' when 'type=${type}'.`});}}var unfilledBackgroundColor=theme.colors.feedback.background.neutral.subtle;var filledBackgroundColor=color?theme.colors.feedback.background[color].intense:theme.colors.surface.background.primary.intense;var hasLabel=label&&((_label$trim=label.trim())==null?void 0:_label$trim.length)>0;var isMeter=progressType==='meter';var isCircular=progressVariant==='circular';var progressValue=clamp(value,min,max);var percentageValue=(progressValue-min)*100/(max-min);var percentageProgressValue=isMeter?parseFloat(percentageValue.toFixed(1)):Math.floor(percentageValue);var shouldShowPercentage=showPercentage&&!isMeter&&!isIndeterminate;var accessibilityProps={role:'progressbar',label:accessibilityLabel!=null?accessibilityLabel:label,valueNow:percentageProgressValue,valueText:`${percentageProgressValue}%`,valueMin:min,valueMax:max};if(isMeter){accessibilityProps.role='meter';accessibilityProps.valueNow=progressValue;accessibilityProps.valueText=`${progressValue}`;}if(isIndeterminate){accessibilityProps.valueNow=undefined;accessibilityProps.valueMin=undefined;accessibilityProps.valueMax=undefined;accessibilityProps.valueText=undefined;}return jsx(BaseBox,Object.assign({ref:ref},getStyledProps(rest),metaAttribute({name:MetaConstants.ProgressBar,testID:testID}),makeAnalyticsAttribute(rest),{children:jsxs(BaseBox,{display:"flex",flexDirection:"column",width:"100%",children:[!isCircular?jsxs(BaseBox,{display:"flex",flexDirection:"row",justifyContent:hasLabel?'space-between':'flex-end',children:[hasLabel?jsx(Text,{as:"label",variant:"body",size:"small",color:"surface.text.gray.subtle",children:label}):null,shouldShowPercentage?jsx(BaseBox,{marginBottom:"spacing.2",children:jsx(Text,{variant:"body",size:"small",color:"surface.text.gray.subtle",children:`${percentageProgressValue}%`})}):null]}):null,jsx(BaseBox,Object.assign({id:id},makeAccessible({role:accessibilityProps.role,label:accessibilityProps.label,valueNow:accessibilityProps.valueNow,valueText:accessibilityProps.valueText,valueMin:accessibilityProps.valueMin,valueMax:accessibilityProps.valueMax}),{children:isCircular?jsx(CircularProgressBarFilled,{size:size,label:label,progressPercent:percentageProgressValue,isMeter:isMeter,showPercentage:showPercentage,backgroundColor:unfilledBackgroundColor,fillColor:filledBackgroundColor,pulseMotionDuration:"duration.2xgentle",fillMotionDuration:"duration.2xgentle",pulseMotionDelay:"delay.long",motionEasing:"easing.emphasized"}):jsx(BaseBox,{className:"__blade-progress-bar-track",backgroundColor:unfilledBackgroundColor,height:makeSize(progressBarHeight[size]),overflow:"hidden",position:"relative",borderRadius:"xsmall",children:jsx(ProgressBarFilled,{backgroundColor:filledBackgroundColor,progress:percentageProgressValue,fillMotionDuration:"duration.2xgentle",pulseMotionDuration:"duration.2xgentle",indeterminateMotionDuration:"duration.2xgentle",pulseMotionDelay:"delay.long",motionEasing:"easing.emphasized",type:progressType,isIndeterminate:isIndeterminate,_oscillation:_oscillation})})}))]})}));};var ProgressBar=React__default.forwardRef(_ProgressBar);
 
 export { ProgressBar };
 //# sourceMappingURL=ProgressBar.js.map

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   * Private property for Blade.\n   *\n   * Should not be used by consumers.\n   *\n   * Sets whether the indeterminate progress bar should oscillate (left-to-right-to-left).\n   * When false, uses standard left-to-right animation.\n   *\n   * @private\n   * @default false\n   */\n  _oscillation?: 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   * Sets whether the indeterminate progress bar should oscillate.\n   * @default undefined\n   */\n  _oscillation?: 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    _oscillation = false,\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              className=\"__blade-progress-bar-track\"\n              backgroundColor={unfilledBackgroundColor}\n              height={makeSize(progressBarHeight[size])}\n              overflow=\"hidden\"\n              position=\"relative\"\n              borderRadius=\"xsmall\"\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                _oscillation={_oscillation}\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","_ref$_oscillation","_oscillation","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","className","height","makeSize","overflow","position","borderRadius","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   * Private property for Blade.\n   *\n   * Should not be used by consumers.\n   *\n   * Sets whether the indeterminate progress bar should oscillate (left-to-right-to-left).\n   * When false, uses standard left-to-right animation.\n   *\n   * @private\n   * @default false\n   */\n  _oscillation?: 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   * Sets whether the indeterminate progress bar should oscillate.\n   * @default undefined\n   */\n  _oscillation?: 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    _oscillation = false,\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              className=\"__blade-progress-bar-track\"\n              backgroundColor={unfilledBackgroundColor}\n              height={makeSize(progressBarHeight[size])}\n              overflow=\"hidden\"\n              position=\"relative\"\n              borderRadius=\"xsmall\"\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                _oscillation={_oscillation}\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":["this","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","_ref$_oscillation","_oscillation","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","className","height","makeSize","overflow","position","borderRadius","ProgressBarFilled","progress","indeterminateMotionDuration","React","forwardRef"],"mappings":"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"}

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

@@ -3,19 +3,15 @@ import styled from 'styled-components/native';
 import Animated, { useSharedValue, withTiming, cancelAnimation, useAnimatedStyle, Easing, withRepeat, withSequence, withDelay } from 'react-native-reanimated';
 import { indeterminateAnimation, pulseAnimation } from './progressBarTokens.js';
 import getIn from '../../utils/lodashButBetter/get.js';
-import '@gorhom/portal';
-import 'react-native-gesture-handler';
+import '../BladeProvider/index.js';
+import '../../utils/index.js';
+import '../../utils/makeMotionTime/index.native.js';
+import { jsx } from 'react/jsx-runtime';
 import useTheme from '../BladeProvider/useTheme.js';
-import 'react-native';
-import '@babel/runtime/helpers/slicedToArray';
 import { castNativeType } from '../../utils/platform/castUtils.js';
 import { makeMotionTime } from '../../utils/makeMotionTime/makeMotionTime.native.js';
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
-import '../BottomSheet/BottomSheetStack.js';
-import { jsx } from 'react/jsx-runtime';
 
-var ProgressBarIndeterminateFilledContainer=styled(Animated.View)(function(_ref){var backgroundColor=_ref.backgroundColor;return {backgroundColor:backgroundColor,height:'100%',width:indeterminateAnimation.fillWidth,position:'absolute'};});var ProgressBarDeterminateFilledContainer=styled(Animated.View)(function(_ref2){var backgroundColor=_ref2.backgroundColor,progress=_ref2.progress;return {backgroundColor:backgroundColor,height:'100%',width:`${progress}%`};});var ProgressBarPulseAnimation=styled(Animated.View)({backgroundColor:pulseAnimation.backgroundColor,opacity:pulseAnimation.opacityInitial,width:'100%',height:'100%'});var ProgressBarFilled=function ProgressBarFilled(_ref3){var backgroundColor=_ref3.backgroundColor,progress=_ref3.progress,fillMotionDuration=_ref3.fillMotionDuration,motionEasing=_ref3.motionEasing,pulseMotionDuration=_ref3.pulseMotionDuration,pulseMotionDelay=_ref3.pulseMotionDelay,type=_ref3.type,isIndeterminate=_ref3.isIndeterminate,indeterminateMotionDuration=_ref3.indeterminateMotionDuration;var animatedWidth=useSharedValue(progress);var animatedOpacity=useSharedValue(pulseAnimation.opacityInitial);var animatedScaleX=useSharedValue(indeterminateAnimation.scaleXInitial);var animatedLeft=useSharedValue(indeterminateAnimation.leftInitial);var _useTheme=useTheme(),theme=_useTheme.theme;var fillAndPulseEasing=getIn(theme.motion,motionEasing);var pulseDuration=castNativeType(makeMotionTime(getIn(theme.motion,pulseMotionDuration)))/2;useEffect(function(){var fillDuration=castNativeType(makeMotionTime(getIn(theme.motion,fillMotionDuration)));animatedWidth.value=withTiming(progress,{duration:fillDuration,easing:fillAndPulseEasing});return function(){cancelAnimation(animatedWidth);};},[progress,animatedWidth,fillMotionDuration,theme,fillAndPulseEasing]);var progressFillAnimatedStyle=useAnimatedStyle(function(){return {width:`${animatedWidth.value}%`};});useEffect(function(){if(type==='progress'&&isIndeterminate){var indeterminateDuration=castNativeType(makeMotionTime(getIn(theme.motion,indeterminateMotionDuration)));var indeterminateEasing=Easing.linear;animatedLeft.value=withRepeat(withTiming(indeterminateAnimation.leftFinal,{duration:indeterminateDuration,easing:indeterminateEasing}),-1);animatedScaleX.value=withRepeat(withSequence(withTiming(indeterminateAnimation.scaleXMid,{duration:indeterminateDuration/2,easing:indeterminateEasing}),withTiming(indeterminateAnimation.scaleXFinal,{duration:indeterminateDuration/2,easing:indeterminateEasing})),-1);}return function(){cancelAnimation(animatedLeft);cancelAnimation(animatedScaleX);};},[animatedLeft,animatedScaleX,indeterminateMotionDuration,isIndeterminate,theme,type]);var indeterminateAnimatedStyle=useAnimatedStyle(function(){return {left:animatedLeft.value,transform:[{scaleX:animatedScaleX.value}]};});useEffect(function(){var pulsatingAnimationTimingConfig={duration:pulseDuration,easing:fillAndPulseEasing};if(type==='progress'){animatedOpacity.value=withDelay(castNativeType(makeMotionTime(getIn(theme.motion,pulseMotionDelay))),withRepeat(withSequence(withTiming(pulseAnimation.opacityMid,pulsatingAnimationTimingConfig),withTiming(pulseAnimation.opacityFinal,pulsatingAnimationTimingConfig)),-1));}return function(){cancelAnimation(animatedOpacity);};},[animatedOpacity,fillAndPulseEasing,pulseDuration,pulseMotionDelay,theme,type]);var pulseAnimatedStyle=useAnimatedStyle(function(){return {opacity:animatedOpacity.value};});var ProgressBarFilledContainer=isIndeterminate?ProgressBarIndeterminateFilledContainer:ProgressBarDeterminateFilledContainer;return jsx(ProgressBarFilledContainer,{style:isIndeterminate?indeterminateAnimatedStyle:progressFillAnimatedStyle,backgroundColor:backgroundColor,progress:progress,children:jsx(ProgressBarPulseAnimation,{style:pulseAnimatedStyle})});};
+var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/ProgressBar/ProgressBarFilled.native.tsx";var ProgressBarIndeterminateFilledContainer=styled(Animated.View)(function(_ref){var backgroundColor=_ref.backgroundColor;return {backgroundColor:backgroundColor,height:'100%',width:indeterminateAnimation.fillWidth,position:'absolute'};});var ProgressBarDeterminateFilledContainer=styled(Animated.View)(function(_ref2){var backgroundColor=_ref2.backgroundColor,progress=_ref2.progress;return {backgroundColor:backgroundColor,height:'100%',width:`${progress}%`};});var ProgressBarPulseAnimation=styled(Animated.View)({backgroundColor:pulseAnimation.backgroundColor,opacity:pulseAnimation.opacityInitial,width:'100%',height:'100%'});var ProgressBarFilled=function ProgressBarFilled(_ref3){var backgroundColor=_ref3.backgroundColor,progress=_ref3.progress,fillMotionDuration=_ref3.fillMotionDuration,motionEasing=_ref3.motionEasing,pulseMotionDuration=_ref3.pulseMotionDuration,pulseMotionDelay=_ref3.pulseMotionDelay,type=_ref3.type,isIndeterminate=_ref3.isIndeterminate,indeterminateMotionDuration=_ref3.indeterminateMotionDuration;var animatedWidth=useSharedValue(progress);var animatedOpacity=useSharedValue(pulseAnimation.opacityInitial);var animatedScaleX=useSharedValue(indeterminateAnimation.scaleXInitial);var animatedLeft=useSharedValue(indeterminateAnimation.leftInitial);var _useTheme=useTheme(),theme=_useTheme.theme;var fillAndPulseEasing=getIn(theme.motion,motionEasing);var pulseDuration=castNativeType(makeMotionTime(getIn(theme.motion,pulseMotionDuration)))/2;useEffect(function(){var fillDuration=castNativeType(makeMotionTime(getIn(theme.motion,fillMotionDuration)));animatedWidth.value=withTiming(progress,{duration:fillDuration,easing:fillAndPulseEasing});return function(){cancelAnimation(animatedWidth);};},[progress,animatedWidth,fillMotionDuration,theme,fillAndPulseEasing]);var progressFillAnimatedStyle=useAnimatedStyle(function(){return {width:`${animatedWidth.value}%`};});useEffect(function(){if(type==='progress'&&isIndeterminate){var indeterminateDuration=castNativeType(makeMotionTime(getIn(theme.motion,indeterminateMotionDuration)));var indeterminateEasing=Easing.linear;animatedLeft.value=withRepeat(withTiming(indeterminateAnimation.leftFinal,{duration:indeterminateDuration,easing:indeterminateEasing}),-1);animatedScaleX.value=withRepeat(withSequence(withTiming(indeterminateAnimation.scaleXMid,{duration:indeterminateDuration/2,easing:indeterminateEasing}),withTiming(indeterminateAnimation.scaleXFinal,{duration:indeterminateDuration/2,easing:indeterminateEasing})),-1);}return function(){cancelAnimation(animatedLeft);cancelAnimation(animatedScaleX);};},[animatedLeft,animatedScaleX,indeterminateMotionDuration,isIndeterminate,theme,type]);var indeterminateAnimatedStyle=useAnimatedStyle(function(){return {left:animatedLeft.value,transform:[{scaleX:animatedScaleX.value}]};});useEffect(function(){var pulsatingAnimationTimingConfig={duration:pulseDuration,easing:fillAndPulseEasing};if(type==='progress'){animatedOpacity.value=withDelay(castNativeType(makeMotionTime(getIn(theme.motion,pulseMotionDelay))),withRepeat(withSequence(withTiming(pulseAnimation.opacityMid,pulsatingAnimationTimingConfig),withTiming(pulseAnimation.opacityFinal,pulsatingAnimationTimingConfig)),-1));}return function(){cancelAnimation(animatedOpacity);};},[animatedOpacity,fillAndPulseEasing,pulseDuration,pulseMotionDelay,theme,type]);var pulseAnimatedStyle=useAnimatedStyle(function(){return {opacity:animatedOpacity.value};});var ProgressBarFilledContainer=isIndeterminate?ProgressBarIndeterminateFilledContainer:ProgressBarDeterminateFilledContainer;return jsx(ProgressBarFilledContainer,{style:isIndeterminate?indeterminateAnimatedStyle:progressFillAnimatedStyle,backgroundColor:backgroundColor,progress:progress,children:jsx(ProgressBarPulseAnimation,{style:pulseAnimatedStyle})});};
 
 export { ProgressBarFilled };
 //# sourceMappingURL=ProgressBarFilled.native.js.map

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/index.js

@@ -0,0 +1,2 @@
+export { ProgressBar } from './ProgressBar.js';
+//# sourceMappingURL=index.js.map

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

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

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

@@ -1,5 +1,4 @@
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
+import '../../tokens/global/index.js';
 import { size } from '../../tokens/global/size.js';
 
 var indeterminateAnimation={scaleXInitial:1,scaleXMid:5,scaleXFinal:1,leftInitial:'-8%',leftMid:'50%',leftFinal:'103%',fillWidth:'5%'};var pulseAnimation={opacityInitial:0,opacityMid:0.25,opacityFinal:0,backgroundColor:'white'};var circularProgressSizeTokens={small:{size:size[24],strokeWidth:size[3],percentTextSize:'small'},medium:{size:size[48],strokeWidth:size[5],percentTextSize:'small'},large:{size:size[72],strokeWidth:size[7],percentTextSize:'medium'}};var getCircularProgressSVGTokens=function getCircularProgressSVGTokens(_ref){var size=_ref.size,progressPercent=_ref.progressPercent;var sqSize=circularProgressSizeTokens[size].size;var strokeWidth=circularProgressSizeTokens[size].strokeWidth;var radius=(sqSize-strokeWidth)/2;var viewBox=`0 0 ${sqSize} ${sqSize}`;var dashArray=radius*Math.PI*2;var dashOffset=dashArray-dashArray*progressPercent/100;return {sqSize:sqSize,strokeWidth:strokeWidth,radius:radius,viewBox:viewBox,dashArray:dashArray,dashOffset:dashOffset};};

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,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;;;;"}
+{"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/QuickFilters/QuickFilter.native.js

@@ -0,0 +1,26 @@
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import React__default from 'react';
+import { View, Pressable } from 'react-native';
+import './QuickFilterGroup/index.js';
+import { StyledQuickFilterWrapper } from './StyledQuickFilterWrapper.native.js';
+import '../Box/index.js';
+import '../Typography/index.js';
+import '../Radio/index.js';
+import '../Checkbox/index.js';
+import '../../utils/makeAnalyticsAttribute/index.js';
+import '../../utils/metaAttribute/index.js';
+import '../../utils/assignWithoutSideEffects/index.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Box } from '../Box/Box.js';
+import { Radio } from '../Radio/Radio.js';
+import { Checkbox } from '../Checkbox/Checkbox.js';
+import { Text } from '../Typography/Text/Text.js';
+import { useQuickFilterGroupContext } from './QuickFilterGroup/QuickFilterContext.js';
+import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
+import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.native.js';
+import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
+
+var _excluded=["value","title","trailing","selectionType","isSelected"],_excluded2=["title","value","trailing","testID"];var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/QuickFilters/QuickFilter.native.tsx";var QuickFilterContent=function QuickFilterContent(_ref2){var value=_ref2.value,title=_ref2.title,trailing=_ref2.trailing,_ref2$selectionType=_ref2.selectionType,selectionType=_ref2$selectionType===void 0?'single':_ref2$selectionType,_ref2$isSelected=_ref2.isSelected,isSelected=_ref2$isSelected===void 0?false:_ref2$isSelected,_rest=_objectWithoutProperties(_ref2,_excluded);var isSingleSelection=selectionType==='single';return jsxs(Box,{display:"flex",flexDirection:"row",gap:"spacing.3",justifyContent:"center",alignItems:"center",paddingY:"spacing.3",paddingLeft:isSingleSelection?'spacing.4':'spacing.3',paddingRight:"spacing.4",children:[jsx(View,{pointerEvents:"none",children:jsxs(Box,{display:"flex",flexDirection:"row",gap:isSingleSelection?'spacing.0':'spacing.2',justifyContent:"center",alignItems:"center",children:[isSingleSelection?jsx(Radio,{value:value,_hideRadioIcon:true}):jsx(Checkbox,{value:value}),jsx(Text,{variant:"body",size:"medium",color:isSelected?'interactive.text.gray.normal':'interactive.text.gray.subtle',weight:isSelected?'semibold':'medium',children:title})]})}),trailing]});};var _QuickFilter=React__default.forwardRef(function(_ref3,_ref){var title=_ref3.title,value=_ref3.value,trailing=_ref3.trailing,testID=_ref3.testID,rest=_objectWithoutProperties(_ref3,_excluded2);var _useQuickFilterGroupC=useQuickFilterGroupContext(),selectedQuickFilters=_useQuickFilterGroupC.selectedQuickFilters,selectionType=_useQuickFilterGroupC.selectionType,onSelect=_useQuickFilterGroupC.onSelect;var isQuickFilterSelected=selectedQuickFilters.includes(value);return jsx(Pressable,{accessibilityRole:"button",accessibilityLabel:title,accessibilityState:{selected:isQuickFilterSelected},onPress:function onPress(){return onSelect(value);},children:jsx(StyledQuickFilterWrapper,Object.assign({isSelected:isQuickFilterSelected},makeAnalyticsAttribute(rest),metaAttribute({testID:testID}),{children:jsx(QuickFilterContent,Object.assign({value:value,title:title,trailing:trailing,selectionType:selectionType,isSelected:isQuickFilterSelected},rest))}))});});var QuickFilter=assignWithoutSideEffects(_QuickFilter,{displayName:'QuickFilter'});
+
+export { QuickFilter };
+//# sourceMappingURL=QuickFilter.native.js.map

package/build/lib/native/components/QuickFilters/QuickFilter.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuickFilter.native.js","sources":["../../../../../src/components/QuickFilters/QuickFilter.native.tsx"],"sourcesContent":["import React from 'react';\nimport { Pressable, View } from 'react-native';\nimport type { QuickFilterProps, QuickFilterContentProps } from './types';\nimport { useQuickFilterGroupContext } from './QuickFilterGroup';\nimport { StyledQuickFilterWrapper } from './StyledQuickFilterWrapper';\nimport { Box } from '~components/Box';\nimport { Text } from '~components/Typography';\nimport { Radio } from '~components/Radio';\nimport { Checkbox } from '~components/Checkbox';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { metaAttribute } from '~utils/metaAttribute';\nimport type { BladeElementRef } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\n\nconst QuickFilterContent = ({\n  value,\n  title,\n  trailing,\n  selectionType = 'single',\n  isSelected = false,\n  ..._rest\n}: QuickFilterContentProps): React.ReactElement => {\n  const isSingleSelection = selectionType === 'single';\n\n  return (\n    <Box\n      display=\"flex\"\n      flexDirection=\"row\"\n      gap=\"spacing.3\"\n      justifyContent=\"center\"\n      alignItems=\"center\"\n      paddingY=\"spacing.3\"\n      paddingLeft={isSingleSelection ? 'spacing.4' : 'spacing.3'}\n      paddingRight=\"spacing.4\"\n    >\n      {/*\n       * pointerEvents=\"none\" prevents Radio/Checkbox from intercepting touch events.\n       * The parent Pressable owns the entire tap target; Radio/Checkbox are visual only.\n       * Without this, only the tiny checkbox/radio hitbox responds on native (no <label> equivalent).\n       */}\n      <View pointerEvents=\"none\">\n        <Box\n          display=\"flex\"\n          flexDirection=\"row\"\n          gap={isSingleSelection ? 'spacing.0' : 'spacing.2'}\n          justifyContent=\"center\"\n          alignItems=\"center\"\n        >\n          {isSingleSelection ? <Radio value={value} _hideRadioIcon /> : <Checkbox value={value} />}\n          {/*\n           * On native, CSS Grid is not available.\n           * The web uses an invisible bold clone to pre-reserve space so the container\n           * doesn't shift width on selection. On native we always render semibold weight\n           * so there is no layout shift (font-weight changes do not affect RN layout the\n           * same way they do on web).\n           */}\n          <Text\n            variant=\"body\"\n            size=\"medium\"\n            color={isSelected ? 'interactive.text.gray.normal' : 'interactive.text.gray.subtle'}\n            weight={isSelected ? 'semibold' : 'medium'}\n          >\n            {title}\n          </Text>\n        </Box>\n      </View>\n\n      {trailing}\n    </Box>\n  );\n};\n\nconst _QuickFilter = React.forwardRef<BladeElementRef, QuickFilterProps>(\n  ({ title, value, trailing, testID, ...rest }, _ref): React.ReactElement => {\n    const { selectedQuickFilters, selectionType, onSelect } = useQuickFilterGroupContext();\n\n    const isQuickFilterSelected = selectedQuickFilters.includes(value);\n\n    return (\n      <Pressable\n        accessibilityRole=\"button\"\n        accessibilityLabel={title}\n        accessibilityState={{ selected: isQuickFilterSelected }}\n        onPress={() => onSelect(value)}\n      >\n        <StyledQuickFilterWrapper\n          isSelected={isQuickFilterSelected}\n          {...makeAnalyticsAttribute(rest)}\n          {...metaAttribute({ testID })}\n        >\n          <QuickFilterContent\n            value={value}\n            title={title}\n            trailing={trailing}\n            selectionType={selectionType}\n            isSelected={isQuickFilterSelected}\n            {...rest}\n          />\n        </StyledQuickFilterWrapper>\n      </Pressable>\n    );\n  },\n);\n\nconst QuickFilter = assignWithoutSideEffects(_QuickFilter, {\n  displayName: 'QuickFilter',\n});\n\nexport { QuickFilter };\n"],"names":["QuickFilterContent","_ref2","value","title","trailing","_ref2$selectionType","selectionType","_ref2$isSelected","isSelected","_rest","_objectWithoutProperties","_excluded","isSingleSelection","_jsxs","Box","display","flexDirection","gap","justifyContent","alignItems","paddingY","paddingLeft","paddingRight","children","_jsx","View","pointerEvents","Radio","_hideRadioIcon","Checkbox","Text","variant","size","color","weight","_QuickFilter","React","forwardRef","_ref3","_ref","testID","rest","_excluded2","_useQuickFilterGroupC","useQuickFilterGroupContext","selectedQuickFilters","onSelect","isQuickFilterSelected","includes","Pressable","accessibilityRole","accessibilityLabel","accessibilityState","selected","onPress","StyledQuickFilterWrapper","Object","assign","makeAnalyticsAttribute","metaAttribute","QuickFilter","assignWithoutSideEffects","displayName"],"mappings":"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"}

package/build/lib/native/components/QuickFilters/QuickFilterGroup/QuickFilterContext.js

@@ -1,6 +1,6 @@
 import React__default from 'react';
 
-var QuickFilterGroupContext=React__default.createContext({selectionType:'single',selectedQuickFilters:[]});var QuickFilterGroupProvider=QuickFilterGroupContext.Provider;var useQuickFilterGroupContext=function useQuickFilterGroupContext(){var context=React__default.useContext(QuickFilterGroupContext);return context;};
+var QuickFilterGroupContext=React__default.createContext({selectionType:'single',selectedQuickFilters:[],onSelect:function onSelect(){}});var QuickFilterGroupProvider=QuickFilterGroupContext.Provider;var useQuickFilterGroupContext=function useQuickFilterGroupContext(){var context=React__default.useContext(QuickFilterGroupContext);return context;};
 
 export { QuickFilterGroupProvider, useQuickFilterGroupContext };
 //# sourceMappingURL=QuickFilterContext.js.map

package/build/lib/native/components/QuickFilters/QuickFilterGroup/QuickFilterContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"QuickFilterContext.js","sources":["../../../../../../src/components/QuickFilters/QuickFilterGroup/QuickFilterContext.tsx"],"sourcesContent":["import React from 'react';\nimport type { QuickFilterGroupContextType } from '../types';\n\nconst QuickFilterGroupContext = React.createContext<QuickFilterGroupContextType>({\n  selectionType: 'single',\n  selectedQuickFilters: [],\n});\nconst QuickFilterGroupProvider = QuickFilterGroupContext.Provider;\n\nconst useQuickFilterGroupContext = (): QuickFilterGroupContextType => {\n  const context = React.useContext(QuickFilterGroupContext);\n  return context;\n};\n\nexport { useQuickFilterGroupContext, QuickFilterGroupProvider };\n"],"names":["QuickFilterGroupContext","React","createContext","selectionType","selectedQuickFilters","QuickFilterGroupProvider","Provider","useQuickFilterGroupContext","context","useContext"],"mappings":";;AAGA,IAAMA,uBAAuB,CAAGC,cAAK,CAACC,aAAa,CAA8B,CAC/EC,aAAa,CAAE,QAAQ,CACvBC,oBAAoB,CAAE,EACxB,CAAC,CAAC,CACI,IAAAC,wBAAwB,CAAGL,uBAAuB,CAACM,SAEnD,IAAAC,0BAA0B,CAAG,SAA7BA,0BAA0BA,EAAsC,CACpE,IAAMC,OAAO,CAAGP,cAAK,CAACQ,UAAU,CAACT,uBAAuB,CAAC,CACzD,OAAOQ,OAAO,CAChB;;;;"}
+{"version":3,"file":"QuickFilterContext.js","sources":["../../../../../../src/components/QuickFilters/QuickFilterGroup/QuickFilterContext.tsx"],"sourcesContent":["import React from 'react';\nimport type { QuickFilterGroupContextType } from '../types';\n\nconst QuickFilterGroupContext = React.createContext<QuickFilterGroupContextType>({\n  selectionType: 'single',\n  selectedQuickFilters: [],\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  onSelect: () => {},\n});\nconst QuickFilterGroupProvider = QuickFilterGroupContext.Provider;\n\nconst useQuickFilterGroupContext = (): QuickFilterGroupContextType => {\n  const context = React.useContext(QuickFilterGroupContext);\n  return context;\n};\n\nexport { useQuickFilterGroupContext, QuickFilterGroupProvider };\n"],"names":["QuickFilterGroupContext","React","createContext","selectionType","selectedQuickFilters","onSelect","QuickFilterGroupProvider","Provider","useQuickFilterGroupContext","context","useContext"],"mappings":";;AAGA,IAAMA,uBAAuB,CAAGC,cAAK,CAACC,aAAa,CAA8B,CAC/EC,aAAa,CAAE,QAAQ,CACvBC,oBAAoB,CAAE,EAAE,CAExBC,QAAQ,CAAE,SAAVA,QAAQA,EAAQ,EAClB,CAAC,CAAC,CACI,IAAAC,wBAAwB,CAAGN,uBAAuB,CAACO,SAEnD,IAAAC,0BAA0B,CAAG,SAA7BA,0BAA0BA,EAAsC,CACpE,IAAMC,OAAO,CAAGR,cAAK,CAACS,UAAU,CAACV,uBAAuB,CAAC,CACzD,OAAOS,OAAO,CAChB;;;;"}

package/build/lib/native/components/QuickFilters/QuickFilterGroup/QuickFilterGroup.js

@@ -1,17 +1,19 @@
+import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import 'react';
-import { QuickFilterGroupProvider, useQuickFilterGroupContext } from './QuickFilterContext.js';
-import '../../Radio/Radio.js';
-import { RadioGroup } from '../../Radio/RadioGroup/RadioGroup.js';
-import { BaseBox } from '../../Box/BaseBox/BaseBox.native.js';
-import '../../Checkbox/Checkbox.js';
-import { CheckboxGroup } from '../../Checkbox/CheckboxGroup/CheckboxGroup.js';
+import React__default from 'react';
+import { useQuickFilterGroupContext, QuickFilterGroupProvider } from './QuickFilterContext.js';
+import '../../Radio/index.js';
+import '../../Box/BaseBox/index.js';
+import '../../Checkbox/index.js';
 import { useControllableState } from '../../../utils/useControllable.js';
 import { useId } from '../../../utils/useId.js';
 import { jsx } from 'react/jsx-runtime';
+import { RadioGroup } from '../../Radio/RadioGroup/RadioGroup.js';
+import { CheckboxGroup } from '../../Checkbox/CheckboxGroup/CheckboxGroup.js';
+import { BaseBox } from '../../Box/BaseBox/BaseBox.native.js';
 
-var _excluded=["children","onChange","setSelectedQuickFilters"],_excluded2=["children","testID","value","defaultValue","onChange","name","selectionType"];var QuickFilterWrapper=function QuickFilterWrapper(_ref){var children=_ref.children;_ref.onChange;var setSelectedQuickFilters=_ref.setSelectedQuickFilters,rest=_objectWithoutProperties(_ref,_excluded);var _useQuickFilterGroupC=useQuickFilterGroupContext(),selectedQuickFilters=_useQuickFilterGroupC.selectedQuickFilters,selectionType=_useQuickFilterGroupC.selectionType;if(selectionType==='single'){var _selectedQuickFilters;return jsx(RadioGroup,Object.assign({value:(_selectedQuickFilters=selectedQuickFilters[0])!=null?_selectedQuickFilters:'',onChange:function onChange(_ref2){var value=_ref2.value;setSelectedQuickFilters(function(){return [value];});},size:"small"},rest,{children:children}));}return jsx(CheckboxGroup,Object.assign({value:selectedQuickFilters,onChange:function onChange(_ref3){var values=_ref3.values;setSelectedQuickFilters(function(){return values;});},size:"small"},rest,{children:children}));};var QuickFilterGroup=function QuickFilterGroup(_ref4){var children=_ref4.children;_ref4.testID;var value=_ref4.value,defaultValue=_ref4.defaultValue,_onChange=_ref4.onChange,name=_ref4.name,selectionType=_ref4.selectionType,rest=_objectWithoutProperties(_ref4,_excluded2);var idBase=useId('quick-filter-group');var _useControllableState=useControllableState({value:value&&selectionType==='single'?[value]:value,defaultValue:defaultValue&&selectionType==='single'?[defaultValue]:defaultValue!=null?defaultValue:[],onChange:function onChange(values){return _onChange==null?void 0:_onChange({values:values,name:name!=null?name:idBase});}}),_useControllableState2=_slicedToArray(_useControllableState,2),selectedQuickFilters=_useControllableState2[0],setSelectedQuickFilters=_useControllableState2[1];return jsx(QuickFilterGroupProvider,{value:{selectionType:selectionType,selectedQuickFilters:selectedQuickFilters},children:jsx(QuickFilterWrapper,Object.assign({onChange:_onChange,setSelectedQuickFilters:setSelectedQuickFilters},rest,{children:jsx(BaseBox,{display:"flex",flexDirection:"row",gap:"spacing.3",children:children})}))});};
+var _excluded=["children","onChange","setSelectedQuickFilters"],_excluded2=["children","testID","value","defaultValue","onChange","name","selectionType"];var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/QuickFilters/QuickFilterGroup/QuickFilterGroup.tsx";var QuickFilterWrapper=function QuickFilterWrapper(_ref){var children=_ref.children,onChange=_ref.onChange,setSelectedQuickFilters=_ref.setSelectedQuickFilters,rest=_objectWithoutProperties(_ref,_excluded);var _useQuickFilterGroupC=useQuickFilterGroupContext(),selectedQuickFilters=_useQuickFilterGroupC.selectedQuickFilters,selectionType=_useQuickFilterGroupC.selectionType;if(selectionType==='single'){var _selectedQuickFilters;return jsx(RadioGroup,Object.assign({value:(_selectedQuickFilters=selectedQuickFilters[0])!=null?_selectedQuickFilters:'',onChange:function onChange(_ref2){var value=_ref2.value;setSelectedQuickFilters(function(){return [value];});},size:"small"},rest,{children:children}));}return jsx(CheckboxGroup,Object.assign({value:selectedQuickFilters,onChange:function onChange(_ref3){var values=_ref3.values;setSelectedQuickFilters(function(){return values;});},size:"small"},rest,{children:children}));};var QuickFilterGroup=function QuickFilterGroup(_ref4){var children=_ref4.children,testID=_ref4.testID,value=_ref4.value,defaultValue=_ref4.defaultValue,_onChange=_ref4.onChange,name=_ref4.name,selectionType=_ref4.selectionType,rest=_objectWithoutProperties(_ref4,_excluded2);var idBase=useId('quick-filter-group');var _useControllableState=useControllableState({value:value&&selectionType==='single'?[value]:value,defaultValue:defaultValue&&selectionType==='single'?[defaultValue]:defaultValue!=null?defaultValue:[],onChange:function onChange(values){return _onChange==null?void 0:_onChange({values:values,name:name!=null?name:idBase});}}),_useControllableState2=_slicedToArray(_useControllableState,2),selectedQuickFilters=_useControllableState2[0],setSelectedQuickFilters=_useControllableState2[1];var onSelect=React__default.useCallback(function(val){if(selectionType==='single'){setSelectedQuickFilters(function(){var prev=arguments.length>0&&arguments[0]!==undefined?arguments[0]:[];return prev[0]===val?prev:[val];});}else {setSelectedQuickFilters(function(){var prev=arguments.length>0&&arguments[0]!==undefined?arguments[0]:[];return prev.includes(val)?prev.filter(function(v){return v!==val;}):[].concat(_toConsumableArray(prev),[val]);});}},[selectionType,setSelectedQuickFilters]);return jsx(QuickFilterGroupProvider,{value:{selectionType:selectionType,selectedQuickFilters:selectedQuickFilters,onSelect:onSelect},children:jsx(QuickFilterWrapper,Object.assign({onChange:_onChange,setSelectedQuickFilters:setSelectedQuickFilters},rest,{children:jsx(BaseBox,{display:"flex",flexDirection:"row",flexWrap:"wrap",gap:"spacing.3",children:children})}))});};
 
 export { QuickFilterGroup };
 //# sourceMappingURL=QuickFilterGroup.js.map

package/build/lib/native/components/QuickFilters/QuickFilterGroup/QuickFilterGroup.js.map

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

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

@@ -0,0 +1,3 @@
+export { QuickFilterGroup } from './QuickFilterGroup.js';
+export { QuickFilterGroupProvider, useQuickFilterGroupContext } from './QuickFilterContext.js';
+//# sourceMappingURL=index.js.map

package/build/lib/native/components/QuickFilters/QuickFilterGroup/index.js.map

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

package/build/lib/native/components/QuickFilters/StyledQuickFilterWrapper.native.js

@@ -0,0 +1,11 @@
+import styled from 'styled-components/native';
+import '../Box/BaseBox/index.js';
+import getIn from '../../utils/lodashButBetter/get.js';
+import '../../utils/makeBorderSize/index.js';
+import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
+import { makeBorderSize } from '../../utils/makeBorderSize/makeBorderSize.native.js';
+
+var quickFilterColorTokens={background:{default:'transparent',selected:'interactive.background.gray.fadedHighlighted'}};var StyledQuickFilterWrapper=styled(BaseBox)(function(_ref){var theme=_ref.theme,isSelected=_ref.isSelected;var backgroundColor=isSelected?getIn(theme.colors,quickFilterColorTokens.background.selected):quickFilterColorTokens.background.default;var borderRadius=makeBorderSize(theme.border.radius.small);return {backgroundColor:backgroundColor,borderRadius:borderRadius,flexDirection:'row',overflow:'hidden'};});
+
+export { StyledQuickFilterWrapper };
+//# sourceMappingURL=StyledQuickFilterWrapper.native.js.map

package/build/lib/native/components/QuickFilters/StyledQuickFilterWrapper.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StyledQuickFilterWrapper.native.js","sources":["../../../../../src/components/QuickFilters/StyledQuickFilterWrapper.native.tsx"],"sourcesContent":["import styled from 'styled-components/native';\nimport BaseBox from '~components/Box/BaseBox';\nimport getIn from '~utils/lodashButBetter/get';\nimport { makeBorderSize } from '~utils/makeBorderSize';\n\ntype StyledQuickFilterWrapperProps = {\n  isSelected?: boolean;\n};\n\nconst quickFilterColorTokens = {\n  background: {\n    default: 'transparent',\n    selected: 'interactive.background.gray.fadedHighlighted',\n  },\n} as const;\n\n/**\n * On native the wrapper is a styled View inside a parent Pressable (see QuickFilter.native.tsx).\n * The Pressable owns the tap target; inner Radio/Checkbox are visual-only (pointerEvents=\"none\").\n * Background color is driven by isSelected from context, mirroring web visual.\n *\n * Uses BaseBox (not View) so that styled-components/native can infer the DefaultTheme\n * from the provider — avoids TS7031 implicit-any on the theme binding.\n */\nconst StyledQuickFilterWrapper = styled(BaseBox)<StyledQuickFilterWrapperProps>(\n  ({ theme, isSelected }) => {\n    const backgroundColor = isSelected\n      ? getIn(theme.colors, quickFilterColorTokens.background.selected)\n      : quickFilterColorTokens.background.default;\n    const borderRadius = makeBorderSize(theme.border.radius.small);\n\n    return {\n      backgroundColor,\n      borderRadius,\n      // flexDirection defaults to column in RN; row layout needed to match web\n      flexDirection: 'row' as const,\n      // overflow:hidden ensures borderRadius clips children on Android\n      overflow: 'hidden' as const,\n    };\n  },\n);\n\nexport { StyledQuickFilterWrapper };\nexport type { StyledQuickFilterWrapperProps };\n"],"names":["quickFilterColorTokens","background","default","selected","StyledQuickFilterWrapper","styled","BaseBox","_ref","theme","isSelected","backgroundColor","getIn","colors","borderRadius","makeBorderSize","border","radius","small","flexDirection","overflow"],"mappings":";;;;;;;AASA,IAAMA,sBAAsB,CAAG,CAC7BC,UAAU,CAAE,CACVC,OAAO,CAAE,aAAa,CACtBC,QAAQ,CAAE,8CACZ,CACF,CAAU,CAUJ,IAAAC,wBAAwB,CAAGC,MAAM,CAACC,OAAO,CAAC,CAC9C,SAAAC,IAAA,CAA2B,CAAA,IAAxBC,KAAK,CAAAD,IAAA,CAALC,KAAK,CAAEC,UAAU,CAAAF,IAAA,CAAVE,UAAU,CAClB,IAAMC,eAAe,CAAGD,UAAU,CAC9BE,KAAK,CAACH,KAAK,CAACI,MAAM,CAAEZ,sBAAsB,CAACC,UAAU,CAACE,QAAQ,CAAC,CAC/DH,sBAAsB,CAACC,UAAU,CAACC,OAAO,CAC7C,IAAMW,YAAY,CAAGC,cAAc,CAACN,KAAK,CAACO,MAAM,CAACC,MAAM,CAACC,KAAK,CAAC,CAE9D,OAAO,CACLP,eAAe,CAAfA,eAAe,CACfG,YAAY,CAAZA,YAAY,CAEZK,aAAa,CAAE,KAAc,CAE7BC,QAAQ,CAAE,QACZ,CAAC,CACH,CACF;;;;"}

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

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

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

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