@razorpay/blade 11.39.0 → 12.0.1

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

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

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

@@ -22,10 +22,11 @@ import useTheme from '../BladeProvider/useTheme.js';
 import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 import '@babel/runtime/helpers/defineProperty';
 import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
+import { getOuterMotionRef, getInnerMotionRef } from '../../utils/getMotionRefs.js';
 import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
-var _excluded=["value","children","helpText","isDisabled","size","testID"];var _Radio=function _Radio(_ref,ref){var _groupProps$state,_groupProps$size;var value=_ref.value,children=_ref.children,helpText=_ref.helpText,isDisabled=_ref.isDisabled,_ref$size=_ref.size,size=_ref$size===void 0?'medium':_ref$size,testID=_ref.testID,rest=_objectWithoutProperties(_ref,_excluded);var _useTheme=useTheme(),theme=_useTheme.theme;var groupProps=useRadioGroupContext();var isInsideGroup=!isEmpty(groupProps);if(__DEV__){if(!isInsideGroup){throwBladeError({moduleName:'Radio',message:'Cannot use <Radio /> outside of <RadioGroup />'});}}var isChecked=groupProps==null?void 0:(_groupProps$state=groupProps.state)==null?void 0:_groupProps$state.isChecked(value);var defaultChecked=(groupProps==null?void 0:groupProps.defaultValue)===undefined?undefined:(groupProps==null?void 0:groupProps.defaultValue)===value;var validationState=groupProps==null?void 0:groupProps.validationState;var hasError=validationState==='error';var _isDisabled=isDisabled!=null?isDisabled:groupProps==null?void 0:groupProps.isDisabled;var _isRequired=(groupProps==null?void 0:groupProps.isRequired)||(groupProps==null?void 0:groupProps.necessityIndicator)==='required';var name=groupProps==null?void 0:groupProps.name;var showHelpText=helpText;var isReactNative=getPlatformType()==='react-native';var _size=(_groupProps$size=groupProps.size)!=null?_groupProps$size:size;var handleChange=function handleChange(_ref2){var isChecked=_ref2.isChecked,value=_ref2.value;if(isChecked){var _groupProps$state2;groupProps==null?void 0:(_groupProps$state2=groupProps.state)==null?void 0:_groupProps$state2.setValue(value);}else {var _groupProps$state3;groupProps==null?void 0:(_groupProps$state3=groupProps.state)==null?void 0:_groupProps$state3.removeValue();}};var _useRadio=useRadio({defaultChecked:defaultChecked,isChecked:isChecked,hasError:hasError,isDisabled:_isDisabled,isRequired:_isRequired,name:name,value:value,onChange:handleChange}),state=_useRadio.state,ids=_useRadio.ids,inputProps=_useRadio.inputProps;var helpTextLeftSpacing=makeSize(radioSizes.icon[size].width+theme.spacing[3]);return jsx(BaseBox,Object.assign({},getStyledProps(rest),{children:jsx(SelectorLabel,{componentName:MetaConstants.RadioLabel,inputProps:isReactNative?inputProps:{},testID:testID,children:jsxs(BaseBox,{display:"flex",flexDirection:"column",children:[jsxs(BaseBox,{display:"flex",alignItems:"center",flexDirection:"row",children:[jsx(SelectorInput,Object.assign({hoverTokens:radioHoverTokens,isChecked:state.isChecked,isDisabled:_isDisabled,hasError:hasError,inputProps:inputProps,ref:ref},makeAnalyticsAttribute(rest))),jsx(RadioIcon,{size:_size,isChecked:state.isChecked,isDisabled:_isDisabled,isNegative:hasError}),children?jsx(SelectorTitle,{size:_size,isDisabled:_isDisabled,children:children}):null]}),showHelpText&&jsx(BaseBox,{marginLeft:helpTextLeftSpacing,children:jsx(SelectorSupportText,{size:_size,id:ids==null?void 0:ids.helpTextId,children:helpText})})]})})}));};var Radio=assignWithoutSideEffects(React__default.forwardRef(_Radio),{displayName:'Radio'});
+var _excluded=["value","children","helpText","isDisabled","size","testID","_motionMeta"];var _Radio=function _Radio(_ref,ref){var _groupProps$state,_groupProps$size;var value=_ref.value,children=_ref.children,helpText=_ref.helpText,isDisabled=_ref.isDisabled,_ref$size=_ref.size,size=_ref$size===void 0?'medium':_ref$size,testID=_ref.testID,_motionMeta=_ref._motionMeta,rest=_objectWithoutProperties(_ref,_excluded);var _useTheme=useTheme(),theme=_useTheme.theme;var groupProps=useRadioGroupContext();var isInsideGroup=!isEmpty(groupProps);if(__DEV__){if(!isInsideGroup){throwBladeError({moduleName:'Radio',message:'Cannot use <Radio /> outside of <RadioGroup />'});}}var isChecked=groupProps==null?void 0:(_groupProps$state=groupProps.state)==null?void 0:_groupProps$state.isChecked(value);var defaultChecked=(groupProps==null?void 0:groupProps.defaultValue)===undefined?undefined:(groupProps==null?void 0:groupProps.defaultValue)===value;var validationState=groupProps==null?void 0:groupProps.validationState;var hasError=validationState==='error';var _isDisabled=isDisabled!=null?isDisabled:groupProps==null?void 0:groupProps.isDisabled;var _isRequired=(groupProps==null?void 0:groupProps.isRequired)||(groupProps==null?void 0:groupProps.necessityIndicator)==='required';var name=groupProps==null?void 0:groupProps.name;var showHelpText=helpText;var isReactNative=getPlatformType()==='react-native';var _size=(_groupProps$size=groupProps.size)!=null?_groupProps$size:size;var handleChange=function handleChange(_ref2){var isChecked=_ref2.isChecked,value=_ref2.value;if(isChecked){var _groupProps$state2;groupProps==null?void 0:(_groupProps$state2=groupProps.state)==null?void 0:_groupProps$state2.setValue(value);}else {var _groupProps$state3;groupProps==null?void 0:(_groupProps$state3=groupProps.state)==null?void 0:_groupProps$state3.removeValue();}};var _useRadio=useRadio({defaultChecked:defaultChecked,isChecked:isChecked,hasError:hasError,isDisabled:_isDisabled,isRequired:_isRequired,name:name,value:value,onChange:handleChange}),state=_useRadio.state,ids=_useRadio.ids,inputProps=_useRadio.inputProps;var helpTextLeftSpacing=makeSize(radioSizes.icon[size].width+theme.spacing[3]);return jsx(BaseBox,Object.assign({ref:getOuterMotionRef({_motionMeta:_motionMeta,ref:ref})},getStyledProps(rest),{children:jsx(SelectorLabel,{componentName:MetaConstants.RadioLabel,inputProps:isReactNative?inputProps:{},testID:testID,children:jsxs(BaseBox,{display:"flex",flexDirection:"column",children:[jsxs(BaseBox,{display:"flex",alignItems:"center",flexDirection:"row",children:[jsx(SelectorInput,Object.assign({hoverTokens:radioHoverTokens,isChecked:state.isChecked,isDisabled:_isDisabled,hasError:hasError,inputProps:inputProps,ref:getInnerMotionRef({_motionMeta:_motionMeta,ref:ref})},makeAnalyticsAttribute(rest))),jsx(RadioIcon,{size:_size,isChecked:state.isChecked,isDisabled:_isDisabled,isNegative:hasError}),children?jsx(SelectorTitle,{size:_size,isDisabled:_isDisabled,children:children}):null]}),showHelpText&&jsx(BaseBox,{marginLeft:helpTextLeftSpacing,children:jsx(SelectorSupportText,{size:_size,id:ids==null?void 0:ids.helpTextId,children:helpText})})]})})}));};var Radio=assignWithoutSideEffects(React__default.forwardRef(_Radio),{displayName:'Radio'});
 
 export { Radio };
 //# sourceMappingURL=Radio.js.map

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

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

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

@@ -9,7 +9,7 @@ import '@babel/runtime/helpers/slicedToArray';
 import '../../BottomSheet/BottomSheetStack.js';
 import { jsx } from 'react/jsx-runtime';
 
-var StyledFade=styled(Animated.View)(function(_ref){var styles=_ref.styles;return Object.assign({},styles);});var Fade=function Fade(_ref2){var children=_ref2.children,show=_ref2.show,styles=_ref2.styles;var _useTheme=useTheme(),theme=_useTheme.theme;var enterEasing=theme.motion.easing.entrance.effective;var exitEasing=theme.motion.easing.exit.effective;var scaleIn=new Keyframe({from:{transform:[{scale:0.3}],opacity:0,easing:enterEasing},to:{transform:[{scale:1}],opacity:1,easing:enterEasing}}).duration(theme.motion.duration.quick);var fadeOut=new Keyframe({from:{opacity:1,easing:exitEasing},to:{opacity:0,easing:exitEasing}}).duration(theme.motion.duration.quick);return show?jsx(StyledFade,{styles:styles,entering:scaleIn,exiting:fadeOut,children:children}):null;};
+var StyledFade=styled(Animated.View)(function(_ref){var styles=_ref.styles;return Object.assign({},styles);});var Fade=function Fade(_ref2){var children=_ref2.children,show=_ref2.show,styles=_ref2.styles;var _useTheme=useTheme(),theme=_useTheme.theme;var enterEasing=theme.motion.easing.entrance;var exitEasing=theme.motion.easing.exit;var scaleIn=new Keyframe({from:{transform:[{scale:0.3}],opacity:0,easing:enterEasing},to:{transform:[{scale:1}],opacity:1,easing:enterEasing}}).duration(theme.motion.duration.quick);var fadeOut=new Keyframe({from:{opacity:1,easing:exitEasing},to:{opacity:0,easing:exitEasing}}).duration(theme.motion.duration.quick);return show?jsx(StyledFade,{styles:styles,entering:scaleIn,exiting:fadeOut,children:children}):null;};
 
 export { Fade };
 //# sourceMappingURL=Fade.native.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Fade.native.js","sources":["../../../../../../src/components/Radio/RadioIcon/Fade.native.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/explicit-function-return-type */\n/* eslint-disable @typescript-eslint/explicit-module-boundary-types */\nimport React from 'react';\nimport type { EasingFn } from 'react-native-reanimated';\nimport Animated, { Keyframe } from 'react-native-reanimated';\nimport type { CSSObject } from 'styled-components';\nimport styled from 'styled-components/native';\nimport type { FadeProps } from './types';\nimport { useTheme } from '~components/BladeProvider';\n\nconst StyledFade = styled(Animated.View)<{ styles: CSSObject }>(({ styles }) => {\n  return {\n    ...styles,\n  };\n});\n\nconst Fade = ({ children, show, styles }: FadeProps) => {\n  const { theme } = useTheme();\n\n  const enterEasing = (theme.motion.easing.entrance.effective as unknown) as EasingFn;\n  const exitEasing = (theme.motion.easing.exit.effective as unknown) as EasingFn;\n  const scaleIn = new Keyframe({\n    from: {\n      transform: [{ scale: 0.3 }],\n      opacity: 0,\n      easing: enterEasing,\n    },\n    to: {\n      transform: [{ scale: 1 }],\n      opacity: 1,\n      easing: enterEasing,\n    },\n  }).duration(theme.motion.duration.quick);\n\n  const fadeOut = new Keyframe({\n    from: {\n      opacity: 1,\n      easing: exitEasing,\n    },\n    to: {\n      opacity: 0,\n      easing: exitEasing,\n    },\n  }).duration(theme.motion.duration.quick);\n\n  return show ? (\n    <StyledFade styles={styles as CSSObject} entering={scaleIn} exiting={fadeOut}>\n      {children}\n    </StyledFade>\n  ) : null;\n};\n\nexport { Fade };\n"],"names":["StyledFade","styled","Animated","View","_ref","styles","Object","assign","Fade","_ref2","children","show","_useTheme","useTheme","theme","enterEasing","motion","easing","entrance","effective","exitEasing","exit","scaleIn","Keyframe","from","transform","scale","opacity","to","duration","quick","fadeOut","_jsx","entering","exiting"],"mappings":";;;;;;;;;;;AAUA,IAAMA,UAAU,CAAGC,MAAM,CAACC,QAAQ,CAACC,IAAI,CAAC,CAAwB,SAAAC,IAAA,CAAgB,CAAA,IAAbC,MAAM,CAAAD,IAAA,CAANC,MAAM,CACvE,OAAAC,MAAA,CAAAC,MAAA,CACKF,EAAAA,CAAAA,MAAM,EAEb,CAAC,CAAC,CAEI,IAAAG,IAAI,CAAG,SAAPA,IAAIA,CAAAC,KAAA,CAA8C,CAAxC,IAAAC,QAAQ,CAAAD,KAAA,CAARC,QAAQ,CAAEC,IAAI,CAAAF,KAAA,CAAJE,IAAI,CAAEN,MAAM,CAAAI,KAAA,CAANJ,MAAM,CACpC,IAAAO,SAAA,CAAkBC,QAAQ,EAAE,CAApBC,KAAK,CAAAF,SAAA,CAALE,KAAK,CAEb,IAAMC,WAAW,CAAID,KAAK,CAACE,MAAM,CAACC,MAAM,CAACC,QAAQ,CAACC,SAAiC,CACnF,IAAMC,UAAU,CAAIN,KAAK,CAACE,MAAM,CAACC,MAAM,CAACI,IAAI,CAACF,SAAiC,CAC9E,IAAMG,OAAO,CAAG,IAAIC,QAAQ,CAAC,CAC3BC,IAAI,CAAE,CACJC,SAAS,CAAE,CAAC,CAAEC,KAAK,CAAE,GAAI,CAAC,CAAC,CAC3BC,OAAO,CAAE,CAAC,CACVV,MAAM,CAAEF,WACV,CAAC,CACDa,EAAE,CAAE,CACFH,SAAS,CAAE,CAAC,CAAEC,KAAK,CAAE,CAAE,CAAC,CAAC,CACzBC,OAAO,CAAE,CAAC,CACVV,MAAM,CAAEF,WACV,CACF,CAAC,CAAC,CAACc,QAAQ,CAACf,KAAK,CAACE,MAAM,CAACa,QAAQ,CAACC,KAAK,CAAC,CAExC,IAAMC,OAAO,CAAG,IAAIR,QAAQ,CAAC,CAC3BC,IAAI,CAAE,CACJG,OAAO,CAAE,CAAC,CACVV,MAAM,CAAEG,UACV,CAAC,CACDQ,EAAE,CAAE,CACFD,OAAO,CAAE,CAAC,CACVV,MAAM,CAAEG,UACV,CACF,CAAC,CAAC,CAACS,QAAQ,CAACf,KAAK,CAACE,MAAM,CAACa,QAAQ,CAACC,KAAK,CAAC,CAExC,OAAOnB,IAAI,CACTqB,GAAA,CAAChC,UAAU,CAAA,CAACK,MAAM,CAAEA,MAAoB,CAAC4B,QAAQ,CAAEX,OAAQ,CAACY,OAAO,CAAEH,OAAQ,CAAArB,QAAA,CAC1EA,QAAQ,CACC,CAAC,CACX,IAAI,CACV;;;;"}
+{"version":3,"file":"Fade.native.js","sources":["../../../../../../src/components/Radio/RadioIcon/Fade.native.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/explicit-function-return-type */\n/* eslint-disable @typescript-eslint/explicit-module-boundary-types */\nimport React from 'react';\nimport type { EasingFn } from 'react-native-reanimated';\nimport Animated, { Keyframe } from 'react-native-reanimated';\nimport type { CSSObject } from 'styled-components';\nimport styled from 'styled-components/native';\nimport type { FadeProps } from './types';\nimport { useTheme } from '~components/BladeProvider';\n\nconst StyledFade = styled(Animated.View)<{ styles: CSSObject }>(({ styles }) => {\n  return {\n    ...styles,\n  };\n});\n\nconst Fade = ({ children, show, styles }: FadeProps) => {\n  const { theme } = useTheme();\n\n  const enterEasing = (theme.motion.easing.entrance as unknown) as EasingFn;\n  const exitEasing = (theme.motion.easing.exit as unknown) as EasingFn;\n  const scaleIn = new Keyframe({\n    from: {\n      transform: [{ scale: 0.3 }],\n      opacity: 0,\n      easing: enterEasing,\n    },\n    to: {\n      transform: [{ scale: 1 }],\n      opacity: 1,\n      easing: enterEasing,\n    },\n  }).duration(theme.motion.duration.quick);\n\n  const fadeOut = new Keyframe({\n    from: {\n      opacity: 1,\n      easing: exitEasing,\n    },\n    to: {\n      opacity: 0,\n      easing: exitEasing,\n    },\n  }).duration(theme.motion.duration.quick);\n\n  return show ? (\n    <StyledFade styles={styles as CSSObject} entering={scaleIn} exiting={fadeOut}>\n      {children}\n    </StyledFade>\n  ) : null;\n};\n\nexport { Fade };\n"],"names":["StyledFade","styled","Animated","View","_ref","styles","Object","assign","Fade","_ref2","children","show","_useTheme","useTheme","theme","enterEasing","motion","easing","entrance","exitEasing","exit","scaleIn","Keyframe","from","transform","scale","opacity","to","duration","quick","fadeOut","_jsx","entering","exiting"],"mappings":";;;;;;;;;;;AAUA,IAAMA,UAAU,CAAGC,MAAM,CAACC,QAAQ,CAACC,IAAI,CAAC,CAAwB,SAAAC,IAAA,CAAgB,CAAA,IAAbC,MAAM,CAAAD,IAAA,CAANC,MAAM,CACvE,OAAAC,MAAA,CAAAC,MAAA,CACKF,EAAAA,CAAAA,MAAM,CAEb,CAAA,CAAC,CAAC,CAEI,IAAAG,IAAI,CAAG,SAAPA,IAAIA,CAAAC,KAAA,CAA8C,CAAA,IAAxCC,QAAQ,CAAAD,KAAA,CAARC,QAAQ,CAAEC,IAAI,CAAAF,KAAA,CAAJE,IAAI,CAAEN,MAAM,CAAAI,KAAA,CAANJ,MAAM,CACpC,IAAAO,SAAA,CAAkBC,QAAQ,EAAE,CAApBC,KAAK,CAAAF,SAAA,CAALE,KAAK,CAEb,IAAMC,WAAW,CAAID,KAAK,CAACE,MAAM,CAACC,MAAM,CAACC,QAAgC,CACzE,IAAMC,UAAU,CAAIL,KAAK,CAACE,MAAM,CAACC,MAAM,CAACG,IAA4B,CACpE,IAAMC,OAAO,CAAG,IAAIC,QAAQ,CAAC,CAC3BC,IAAI,CAAE,CACJC,SAAS,CAAE,CAAC,CAAEC,KAAK,CAAE,GAAI,CAAC,CAAC,CAC3BC,OAAO,CAAE,CAAC,CACVT,MAAM,CAAEF,WACV,CAAC,CACDY,EAAE,CAAE,CACFH,SAAS,CAAE,CAAC,CAAEC,KAAK,CAAE,CAAE,CAAC,CAAC,CACzBC,OAAO,CAAE,CAAC,CACVT,MAAM,CAAEF,WACV,CACF,CAAC,CAAC,CAACa,QAAQ,CAACd,KAAK,CAACE,MAAM,CAACY,QAAQ,CAACC,KAAK,CAAC,CAExC,IAAMC,OAAO,CAAG,IAAIR,QAAQ,CAAC,CAC3BC,IAAI,CAAE,CACJG,OAAO,CAAE,CAAC,CACVT,MAAM,CAAEE,UACV,CAAC,CACDQ,EAAE,CAAE,CACFD,OAAO,CAAE,CAAC,CACVT,MAAM,CAAEE,UACV,CACF,CAAC,CAAC,CAACS,QAAQ,CAACd,KAAK,CAACE,MAAM,CAACY,QAAQ,CAACC,KAAK,CAAC,CAExC,OAAOlB,IAAI,CACToB,GAAA,CAAC/B,UAAU,CAAA,CAACK,MAAM,CAAEA,MAAoB,CAAC2B,QAAQ,CAAEX,OAAQ,CAACY,OAAO,CAAEH,OAAQ,CAAApB,QAAA,CAC1EA,QAAQ,CACC,CAAC,CACX,IAAI,CACV;;;;"}

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

@@ -11,7 +11,7 @@ import { makeSpace } from '../../../utils/makeSpace/makeSpace.js';
 import { makeSize } from '../../../utils/makeSize/makeSize.js';
 import '../../BladeProvider/useTheme.js';
 
-var getRadioIconWrapperStyles=function getRadioIconWrapperStyles(_ref){var theme=_ref.theme,isChecked=_ref.isChecked,isDisabled=_ref.isDisabled,isNegative=_ref.isNegative,size=_ref.size;var isReactNative=getPlatformType()==='react-native';var variant='default';if(isDisabled)variant='disabled';if(isNegative)variant='negative';var checked=isChecked?'checked':'unchecked';var background=radioIconColors.variants[variant].background[checked];var border=radioIconColors.variants[variant].border[checked];var backgroundColor=getIn(theme,background);var borderColor=getIn(theme,border);return Object.assign({position:'relative',display:'flex',alignItems:'center',justifyContent:'center',minWidth:makeSpace(radioSizes.icon[size].width),width:makeSpace(radioSizes.icon[size].width),height:makeSpace(radioSizes.icon[size].height),borderWidth:makeBorderSize(theme.border.width.thick),borderStyle:'solid',margin:makeSpace(theme.spacing[1]),borderRadius:makeSize(theme.border.radius.max),backgroundColor:backgroundColor,borderColor:borderColor},!isReactNative&&{transitionDuration:castWebType(makeMotionTime(theme.motion.duration.xquick)),transitionTimingFunction:castWebType(theme.motion.easing.exit.attentive)});};
+var getRadioIconWrapperStyles=function getRadioIconWrapperStyles(_ref){var theme=_ref.theme,isChecked=_ref.isChecked,isDisabled=_ref.isDisabled,isNegative=_ref.isNegative,size=_ref.size;var isReactNative=getPlatformType()==='react-native';var variant='default';if(isDisabled)variant='disabled';if(isNegative)variant='negative';var checked=isChecked?'checked':'unchecked';var background=radioIconColors.variants[variant].background[checked];var border=radioIconColors.variants[variant].border[checked];var backgroundColor=getIn(theme,background);var borderColor=getIn(theme,border);return Object.assign({position:'relative',display:'flex',alignItems:'center',justifyContent:'center',minWidth:makeSpace(radioSizes.icon[size].width),width:makeSpace(radioSizes.icon[size].width),height:makeSpace(radioSizes.icon[size].height),borderWidth:makeBorderSize(theme.border.width.thick),borderStyle:'solid',margin:makeSpace(theme.spacing[1]),borderRadius:makeSize(theme.border.radius.max),backgroundColor:backgroundColor,borderColor:borderColor},!isReactNative&&{transitionDuration:castWebType(makeMotionTime(theme.motion.duration.xquick)),transitionTimingFunction:castWebType(theme.motion.easing.exit)});};
 
 export { getRadioIconWrapperStyles };
 //# sourceMappingURL=RadioIconWrapperStyles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"RadioIconWrapperStyles.js","sources":["../../../../../../src/components/Radio/RadioIcon/RadioIconWrapperStyles.ts"],"sourcesContent":["import type { CSSObject } from 'styled-components';\nimport { radioIconColors, radioSizes } from '../radioTokens';\nimport type { RadioIconProps } from './RadioIcon';\nimport getIn from '~utils/lodashButBetter/get';\nimport type { Theme } from '~components/BladeProvider';\nimport { castWebType, getPlatformType } from '~utils';\nimport { makeSpace } from '~utils/makeSpace';\nimport { makeSize } from '~utils/makeSize';\nimport { makeBorderSize } from '~utils/makeBorderSize';\nimport { makeMotionTime } from '~utils/makeMotionTime';\n\nexport type RadioRectProps = RadioIconProps;\n\nconst getRadioIconWrapperStyles = ({\n  theme,\n  isChecked,\n  isDisabled,\n  isNegative,\n  size,\n}: RadioRectProps & { theme: Theme }): CSSObject => {\n  const isReactNative = getPlatformType() === 'react-native';\n  let variant: 'default' | 'disabled' | 'negative' = 'default';\n  if (isDisabled) variant = 'disabled';\n  if (isNegative) variant = 'negative';\n  const checked = isChecked ? 'checked' : 'unchecked';\n  const background = radioIconColors.variants[variant].background[checked];\n  const border = radioIconColors.variants[variant].border[checked];\n  const backgroundColor = getIn(theme, background);\n  const borderColor = getIn(theme, border);\n\n  return {\n    position: 'relative',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    minWidth: makeSpace(radioSizes.icon[size].width),\n    width: makeSpace(radioSizes.icon[size].width),\n    height: makeSpace(radioSizes.icon[size].height),\n    borderWidth: makeBorderSize(theme.border.width.thick),\n    borderStyle: 'solid',\n    margin: makeSpace(theme.spacing[1]),\n    borderRadius: makeSize(theme.border.radius.max),\n    backgroundColor,\n    borderColor,\n    ...(!isReactNative && {\n      transitionDuration: castWebType(makeMotionTime(theme.motion.duration.xquick)),\n      transitionTimingFunction: castWebType(theme.motion.easing.exit.attentive),\n    }),\n  };\n};\n\nexport { getRadioIconWrapperStyles };\n"],"names":["getRadioIconWrapperStyles","_ref","theme","isChecked","isDisabled","isNegative","size","isReactNative","getPlatformType","variant","checked","background","radioIconColors","variants","border","backgroundColor","getIn","borderColor","Object","assign","position","display","alignItems","justifyContent","minWidth","makeSpace","radioSizes","icon","width","height","borderWidth","makeBorderSize","thick","borderStyle","margin","spacing","borderRadius","makeSize","radius","max","transitionDuration","castWebType","makeMotionTime","motion","duration","xquick","transitionTimingFunction","easing","exit","attentive"],"mappings":";;;;;;;;;;;;;AAaM,IAAAA,yBAAyB,CAAG,SAA5BA,yBAAyBA,CAAAC,IAAA,CAMqB,CALlD,IAAAC,KAAK,CAAAD,IAAA,CAALC,KAAK,CACLC,SAAS,CAAAF,IAAA,CAATE,SAAS,CACTC,UAAU,CAAAH,IAAA,CAAVG,UAAU,CACVC,UAAU,CAAAJ,IAAA,CAAVI,UAAU,CACVC,IAAI,CAAAL,IAAA,CAAJK,IAAI,CAEJ,IAAMC,aAAa,CAAGC,eAAe,EAAE,GAAK,cAAc,CAC1D,IAAIC,OAA4C,CAAG,SAAS,CAC5D,GAAIL,UAAU,CAAEK,OAAO,CAAG,UAAU,CACpC,GAAIJ,UAAU,CAAEI,OAAO,CAAG,UAAU,CACpC,IAAMC,OAAO,CAAGP,SAAS,CAAG,SAAS,CAAG,WAAW,CACnD,IAAMQ,UAAU,CAAGC,eAAe,CAACC,QAAQ,CAACJ,OAAO,CAAC,CAACE,UAAU,CAACD,OAAO,CAAC,CACxE,IAAMI,MAAM,CAAGF,eAAe,CAACC,QAAQ,CAACJ,OAAO,CAAC,CAACK,MAAM,CAACJ,OAAO,CAAC,CAChE,IAAMK,eAAe,CAAGC,KAAK,CAACd,KAAK,CAAES,UAAU,CAAC,CAChD,IAAMM,WAAW,CAAGD,KAAK,CAACd,KAAK,CAAEY,MAAM,CAAC,CAExC,OAAAI,MAAA,CAAAC,MAAA,CACEC,CAAAA,QAAQ,CAAE,UAAU,CACpBC,OAAO,CAAE,MAAM,CACfC,UAAU,CAAE,QAAQ,CACpBC,cAAc,CAAE,QAAQ,CACxBC,QAAQ,CAAEC,SAAS,CAACC,UAAU,CAACC,IAAI,CAACrB,IAAI,CAAC,CAACsB,KAAK,CAAC,CAChDA,KAAK,CAAEH,SAAS,CAACC,UAAU,CAACC,IAAI,CAACrB,IAAI,CAAC,CAACsB,KAAK,CAAC,CAC7CC,MAAM,CAAEJ,SAAS,CAACC,UAAU,CAACC,IAAI,CAACrB,IAAI,CAAC,CAACuB,MAAM,CAAC,CAC/CC,WAAW,CAAEC,cAAc,CAAC7B,KAAK,CAACY,MAAM,CAACc,KAAK,CAACI,KAAK,CAAC,CACrDC,WAAW,CAAE,OAAO,CACpBC,MAAM,CAAET,SAAS,CAACvB,KAAK,CAACiC,OAAO,CAAC,CAAC,CAAC,CAAC,CACnCC,YAAY,CAAEC,QAAQ,CAACnC,KAAK,CAACY,MAAM,CAACwB,MAAM,CAACC,GAAG,CAAC,CAC/CxB,eAAe,CAAfA,eAAe,CACfE,WAAW,CAAXA,WAAW,CACP,CAAA,CAACV,aAAa,EAAI,CACpBiC,kBAAkB,CAAEC,WAAW,CAACC,cAAc,CAACxC,KAAK,CAACyC,MAAM,CAACC,QAAQ,CAACC,MAAM,CAAC,CAAC,CAC7EC,wBAAwB,CAAEL,WAAW,CAACvC,KAAK,CAACyC,MAAM,CAACI,MAAM,CAACC,IAAI,CAACC,SAAS,CAC1E,CAAC,CAAA,CAEL;;;;"}
+{"version":3,"file":"RadioIconWrapperStyles.js","sources":["../../../../../../src/components/Radio/RadioIcon/RadioIconWrapperStyles.ts"],"sourcesContent":["import type { CSSObject } from 'styled-components';\nimport { radioIconColors, radioSizes } from '../radioTokens';\nimport type { RadioIconProps } from './RadioIcon';\nimport getIn from '~utils/lodashButBetter/get';\nimport type { Theme } from '~components/BladeProvider';\nimport { castWebType, getPlatformType } from '~utils';\nimport { makeSpace } from '~utils/makeSpace';\nimport { makeSize } from '~utils/makeSize';\nimport { makeBorderSize } from '~utils/makeBorderSize';\nimport { makeMotionTime } from '~utils/makeMotionTime';\n\nexport type RadioRectProps = RadioIconProps;\n\nconst getRadioIconWrapperStyles = ({\n  theme,\n  isChecked,\n  isDisabled,\n  isNegative,\n  size,\n}: RadioRectProps & { theme: Theme }): CSSObject => {\n  const isReactNative = getPlatformType() === 'react-native';\n  let variant: 'default' | 'disabled' | 'negative' = 'default';\n  if (isDisabled) variant = 'disabled';\n  if (isNegative) variant = 'negative';\n  const checked = isChecked ? 'checked' : 'unchecked';\n  const background = radioIconColors.variants[variant].background[checked];\n  const border = radioIconColors.variants[variant].border[checked];\n  const backgroundColor = getIn(theme, background);\n  const borderColor = getIn(theme, border);\n\n  return {\n    position: 'relative',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    minWidth: makeSpace(radioSizes.icon[size].width),\n    width: makeSpace(radioSizes.icon[size].width),\n    height: makeSpace(radioSizes.icon[size].height),\n    borderWidth: makeBorderSize(theme.border.width.thick),\n    borderStyle: 'solid',\n    margin: makeSpace(theme.spacing[1]),\n    borderRadius: makeSize(theme.border.radius.max),\n    backgroundColor,\n    borderColor,\n    ...(!isReactNative && {\n      transitionDuration: castWebType(makeMotionTime(theme.motion.duration.xquick)),\n      transitionTimingFunction: castWebType(theme.motion.easing.exit),\n    }),\n  };\n};\n\nexport { getRadioIconWrapperStyles };\n"],"names":["getRadioIconWrapperStyles","_ref","theme","isChecked","isDisabled","isNegative","size","isReactNative","getPlatformType","variant","checked","background","radioIconColors","variants","border","backgroundColor","getIn","borderColor","Object","assign","position","display","alignItems","justifyContent","minWidth","makeSpace","radioSizes","icon","width","height","borderWidth","makeBorderSize","thick","borderStyle","margin","spacing","borderRadius","makeSize","radius","max","transitionDuration","castWebType","makeMotionTime","motion","duration","xquick","transitionTimingFunction","easing","exit"],"mappings":";;;;;;;;;;;;;AAaM,IAAAA,yBAAyB,CAAG,SAA5BA,yBAAyBA,CAAAC,IAAA,CAMqB,CALlD,IAAAC,KAAK,CAAAD,IAAA,CAALC,KAAK,CACLC,SAAS,CAAAF,IAAA,CAATE,SAAS,CACTC,UAAU,CAAAH,IAAA,CAAVG,UAAU,CACVC,UAAU,CAAAJ,IAAA,CAAVI,UAAU,CACVC,IAAI,CAAAL,IAAA,CAAJK,IAAI,CAEJ,IAAMC,aAAa,CAAGC,eAAe,EAAE,GAAK,cAAc,CAC1D,IAAIC,OAA4C,CAAG,SAAS,CAC5D,GAAIL,UAAU,CAAEK,OAAO,CAAG,UAAU,CACpC,GAAIJ,UAAU,CAAEI,OAAO,CAAG,UAAU,CACpC,IAAMC,OAAO,CAAGP,SAAS,CAAG,SAAS,CAAG,WAAW,CACnD,IAAMQ,UAAU,CAAGC,eAAe,CAACC,QAAQ,CAACJ,OAAO,CAAC,CAACE,UAAU,CAACD,OAAO,CAAC,CACxE,IAAMI,MAAM,CAAGF,eAAe,CAACC,QAAQ,CAACJ,OAAO,CAAC,CAACK,MAAM,CAACJ,OAAO,CAAC,CAChE,IAAMK,eAAe,CAAGC,KAAK,CAACd,KAAK,CAAES,UAAU,CAAC,CAChD,IAAMM,WAAW,CAAGD,KAAK,CAACd,KAAK,CAAEY,MAAM,CAAC,CAExC,OAAAI,MAAA,CAAAC,MAAA,CAAA,CACEC,QAAQ,CAAE,UAAU,CACpBC,OAAO,CAAE,MAAM,CACfC,UAAU,CAAE,QAAQ,CACpBC,cAAc,CAAE,QAAQ,CACxBC,QAAQ,CAAEC,SAAS,CAACC,UAAU,CAACC,IAAI,CAACrB,IAAI,CAAC,CAACsB,KAAK,CAAC,CAChDA,KAAK,CAAEH,SAAS,CAACC,UAAU,CAACC,IAAI,CAACrB,IAAI,CAAC,CAACsB,KAAK,CAAC,CAC7CC,MAAM,CAAEJ,SAAS,CAACC,UAAU,CAACC,IAAI,CAACrB,IAAI,CAAC,CAACuB,MAAM,CAAC,CAC/CC,WAAW,CAAEC,cAAc,CAAC7B,KAAK,CAACY,MAAM,CAACc,KAAK,CAACI,KAAK,CAAC,CACrDC,WAAW,CAAE,OAAO,CACpBC,MAAM,CAAET,SAAS,CAACvB,KAAK,CAACiC,OAAO,CAAC,CAAC,CAAC,CAAC,CACnCC,YAAY,CAAEC,QAAQ,CAACnC,KAAK,CAACY,MAAM,CAACwB,MAAM,CAACC,GAAG,CAAC,CAC/CxB,eAAe,CAAfA,eAAe,CACfE,WAAW,CAAXA,WAAW,CACP,CAAA,CAACV,aAAa,EAAI,CACpBiC,kBAAkB,CAAEC,WAAW,CAACC,cAAc,CAACxC,KAAK,CAACyC,MAAM,CAACC,QAAQ,CAACC,MAAM,CAAC,CAAC,CAC7EC,wBAAwB,CAAEL,WAAW,CAACvC,KAAK,CAACyC,MAAM,CAACI,MAAM,CAACC,IAAI,CAChE,CAAC,CAAA,CAEL;;;;"}

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

@@ -0,0 +1,11 @@
+import '../Typography/Heading/Heading.js';
+import { Text } from '../Typography/Text/Text.js';
+import '../Typography/Code/Code.js';
+import '../Typography/Display/Display.js';
+import { throwBladeError } from '../../utils/logger/logger.js';
+import { jsx } from 'react/jsx-runtime';
+
+var Scale=function Scale(_props){throwBladeError({message:'Scale is not yet implemented for native',moduleName:'Scale'});return jsx(Text,{children:"Scale Component is not available for Native mobile apps."});};
+
+export { Scale };
+//# sourceMappingURL=Scale.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Scale.native.js","sources":["../../../../../src/components/Scale/Scale.native.tsx"],"sourcesContent":["import type { ScaleProps } from './types';\nimport { Text } from '~components/Typography';\nimport { throwBladeError } from '~utils/logger';\n\nconst Scale = (_props: ScaleProps): React.ReactElement => {\n  throwBladeError({\n    message: 'Scale is not yet implemented for native',\n    moduleName: 'Scale',\n  });\n\n  return <Text>Scale Component is not available for Native mobile apps.</Text>;\n};\n\nexport { Scale };\n"],"names":["Scale","_props","throwBladeError","message","moduleName","_jsx","Text","children"],"mappings":";;;;;;;AAIM,IAAAA,KAAK,CAAG,SAARA,KAAKA,CAAIC,MAAkB,CAAyB,CACxDC,eAAe,CAAC,CACdC,OAAO,CAAE,yCAAyC,CAClDC,UAAU,CAAE,OACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAA,CAAAC,QAAA,CAAC,0DAAwD,CAAM,CAAC,CAC9E;;;;"}

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

@@ -1,15 +1,9 @@
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '../Typography/BaseText/BaseText.native.js';
-import 'react';
-import { throwBladeError } from '../../utils/logger/logger.js';
-import '@babel/runtime/helpers/slicedToArray';
-import 'react-native';
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
-import '../BladeProvider/useTheme.js';
-import { jsx } from 'react/jsx-runtime';
+import '../Typography/Heading/Heading.js';
 import { Text } from '../Typography/Text/Text.js';
 import '../Typography/Code/Code.js';
+import '../Typography/Display/Display.js';
+import { throwBladeError } from '../../utils/logger/logger.js';
+import { jsx } from 'react/jsx-runtime';
 
 var SideNav=function SideNav(_props){throwBladeError({message:'SideNav is not yet implemented for native',moduleName:'SideNav'});return jsx(Text,{children:"SideNav Component is not available for Native mobile apps."});};
 

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

@@ -1 +1 @@
-{"version":3,"file":"SideNav.native.js","sources":["../../../../../src/components/SideNav/SideNav.native.tsx"],"sourcesContent":["import type { SideNavProps } from './types';\nimport { Text } from '~components/Typography';\nimport { throwBladeError } from '~utils/logger';\n\nconst SideNav = (_props: SideNavProps): React.ReactElement => {\n  throwBladeError({\n    message: 'SideNav is not yet implemented for native',\n    moduleName: 'SideNav',\n  });\n\n  return <Text>SideNav Component is not available for Native mobile apps.</Text>;\n};\n\nexport { SideNav };\n"],"names":["SideNav","_props","throwBladeError","message","moduleName","_jsx","Text","children"],"mappings":";;;;;;;;;;;;;AAIM,IAAAA,OAAO,CAAG,SAAVA,OAAOA,CAAIC,MAAoB,CAAyB,CAC5DC,eAAe,CAAC,CACdC,OAAO,CAAE,2CAA2C,CACpDC,UAAU,CAAE,SACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAA,CAAAC,QAAA,CAAC,4DAA0D,CAAM,CAAC,CAChF;;;;"}
+{"version":3,"file":"SideNav.native.js","sources":["../../../../../src/components/SideNav/SideNav.native.tsx"],"sourcesContent":["import type { SideNavProps } from './types';\nimport { Text } from '~components/Typography';\nimport { throwBladeError } from '~utils/logger';\n\nconst SideNav = (_props: SideNavProps): React.ReactElement => {\n  throwBladeError({\n    message: 'SideNav is not yet implemented for native',\n    moduleName: 'SideNav',\n  });\n\n  return <Text>SideNav Component is not available for Native mobile apps.</Text>;\n};\n\nexport { SideNav };\n"],"names":["SideNav","_props","throwBladeError","message","moduleName","_jsx","Text","children"],"mappings":";;;;;;;AAIM,IAAAA,OAAO,CAAG,SAAVA,OAAOA,CAAIC,MAAoB,CAAyB,CAC5DC,eAAe,CAAC,CACdC,OAAO,CAAE,2CAA2C,CACpDC,UAAU,CAAE,SACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAA,CAAAC,QAAA,CAAC,4DAA0D,CAAM,CAAC,CAChF;;;;"}

package/build/lib/native/components/SideNav/SideNavBody.native.js

@@ -1,15 +1,9 @@
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '../Typography/BaseText/BaseText.native.js';
-import 'react';
-import { throwBladeError } from '../../utils/logger/logger.js';
-import '@babel/runtime/helpers/slicedToArray';
-import 'react-native';
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
-import '../BladeProvider/useTheme.js';
-import { jsx } from 'react/jsx-runtime';
+import '../Typography/Heading/Heading.js';
 import { Text } from '../Typography/Text/Text.js';
 import '../Typography/Code/Code.js';
+import '../Typography/Display/Display.js';
+import { throwBladeError } from '../../utils/logger/logger.js';
+import { jsx } from 'react/jsx-runtime';
 
 var SideNavBody=function SideNavBody(_props){throwBladeError({message:'SideNavBody is not yet implemented for native',moduleName:'SideNavBody'});return jsx(Text,{children:"SideNavBody Component is not available for Native mobile apps."});};
 

package/build/lib/native/components/SideNav/SideNavBody.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"SideNavBody.native.js","sources":["../../../../../src/components/SideNav/SideNavBody.native.tsx"],"sourcesContent":["import type { SideNavBodyProps } from './types';\nimport { Text } from '~components/Typography';\nimport { throwBladeError } from '~utils/logger';\n\nconst SideNavBody = (_props: SideNavBodyProps): React.ReactElement => {\n  throwBladeError({\n    message: 'SideNavBody is not yet implemented for native',\n    moduleName: 'SideNavBody',\n  });\n\n  return <Text>SideNavBody Component is not available for Native mobile apps.</Text>;\n};\n\nexport { SideNavBody };\n"],"names":["SideNavBody","_props","throwBladeError","message","moduleName","_jsx","Text","children"],"mappings":";;;;;;;;;;;;;AAIM,IAAAA,WAAW,CAAG,SAAdA,WAAWA,CAAIC,MAAwB,CAAyB,CACpEC,eAAe,CAAC,CACdC,OAAO,CAAE,+CAA+C,CACxDC,UAAU,CAAE,aACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAA,CAAAC,QAAA,CAAC,gEAA8D,CAAM,CAAC,CACpF;;;;"}
+{"version":3,"file":"SideNavBody.native.js","sources":["../../../../../src/components/SideNav/SideNavBody.native.tsx"],"sourcesContent":["import type { SideNavBodyProps } from './types';\nimport { Text } from '~components/Typography';\nimport { throwBladeError } from '~utils/logger';\n\nconst SideNavBody = (_props: SideNavBodyProps): React.ReactElement => {\n  throwBladeError({\n    message: 'SideNavBody is not yet implemented for native',\n    moduleName: 'SideNavBody',\n  });\n\n  return <Text>SideNavBody Component is not available for Native mobile apps.</Text>;\n};\n\nexport { SideNavBody };\n"],"names":["SideNavBody","_props","throwBladeError","message","moduleName","_jsx","Text","children"],"mappings":";;;;;;;AAIM,IAAAA,WAAW,CAAG,SAAdA,WAAWA,CAAIC,MAAwB,CAAyB,CACpEC,eAAe,CAAC,CACdC,OAAO,CAAE,+CAA+C,CACxDC,UAAU,CAAE,aACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAA,CAAAC,QAAA,CAAC,gEAA8D,CAAM,CAAC,CACpF;;;;"}

package/build/lib/native/components/SideNav/SideNavFooter.native.js

@@ -1,15 +1,9 @@
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '../Typography/BaseText/BaseText.native.js';
-import 'react';
-import { throwBladeError } from '../../utils/logger/logger.js';
-import '@babel/runtime/helpers/slicedToArray';
-import 'react-native';
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
-import '../BladeProvider/useTheme.js';
-import { jsx } from 'react/jsx-runtime';
+import '../Typography/Heading/Heading.js';
 import { Text } from '../Typography/Text/Text.js';
 import '../Typography/Code/Code.js';
+import '../Typography/Display/Display.js';
+import { throwBladeError } from '../../utils/logger/logger.js';
+import { jsx } from 'react/jsx-runtime';
 
 var SideNavFooter=function SideNavFooter(_props){throwBladeError({message:'SideNavFooter is not yet implemented for native',moduleName:'SideNavFooter'});return jsx(Text,{children:"SideNavFooter Component is not available for Native mobile apps."});};
 

package/build/lib/native/components/SideNav/SideNavFooter.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"SideNavFooter.native.js","sources":["../../../../../src/components/SideNav/SideNavFooter.native.tsx"],"sourcesContent":["import type { SideNavFooterProps } from './types';\nimport { Text } from '~components/Typography';\nimport { throwBladeError } from '~utils/logger';\n\nconst SideNavFooter = (_props: SideNavFooterProps): React.ReactElement => {\n  throwBladeError({\n    message: 'SideNavFooter is not yet implemented for native',\n    moduleName: 'SideNavFooter',\n  });\n\n  return <Text>SideNavFooter Component is not available for Native mobile apps.</Text>;\n};\n\nexport { SideNavFooter };\n"],"names":["SideNavFooter","_props","throwBladeError","message","moduleName","_jsx","Text","children"],"mappings":";;;;;;;;;;;;;AAIM,IAAAA,aAAa,CAAG,SAAhBA,aAAaA,CAAIC,MAA0B,CAAyB,CACxEC,eAAe,CAAC,CACdC,OAAO,CAAE,iDAAiD,CAC1DC,UAAU,CAAE,eACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAA,CAAAC,QAAA,CAAC,kEAAgE,CAAM,CAAC,CACtF;;;;"}
+{"version":3,"file":"SideNavFooter.native.js","sources":["../../../../../src/components/SideNav/SideNavFooter.native.tsx"],"sourcesContent":["import type { SideNavFooterProps } from './types';\nimport { Text } from '~components/Typography';\nimport { throwBladeError } from '~utils/logger';\n\nconst SideNavFooter = (_props: SideNavFooterProps): React.ReactElement => {\n  throwBladeError({\n    message: 'SideNavFooter is not yet implemented for native',\n    moduleName: 'SideNavFooter',\n  });\n\n  return <Text>SideNavFooter Component is not available for Native mobile apps.</Text>;\n};\n\nexport { SideNavFooter };\n"],"names":["SideNavFooter","_props","throwBladeError","message","moduleName","_jsx","Text","children"],"mappings":";;;;;;;AAIM,IAAAA,aAAa,CAAG,SAAhBA,aAAaA,CAAIC,MAA0B,CAAyB,CACxEC,eAAe,CAAC,CACdC,OAAO,CAAE,iDAAiD,CAC1DC,UAAU,CAAE,eACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAA,CAAAC,QAAA,CAAC,kEAAgE,CAAM,CAAC,CACtF;;;;"}

package/build/lib/native/components/SideNav/SideNavItems/SideNavItem.native.js

@@ -1,15 +1,9 @@
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '../../Typography/BaseText/BaseText.native.js';
-import 'react';
-import { throwBladeError } from '../../../utils/logger/logger.js';
-import '@babel/runtime/helpers/slicedToArray';
-import 'react-native';
-import '../../../tokens/global/typography.js';
-import '../../../tokens/global/motion.js';
-import '../../BladeProvider/useTheme.js';
-import { jsx } from 'react/jsx-runtime';
+import '../../Typography/Heading/Heading.js';
 import { Text } from '../../Typography/Text/Text.js';
 import '../../Typography/Code/Code.js';
+import '../../Typography/Display/Display.js';
+import { throwBladeError } from '../../../utils/logger/logger.js';
+import { jsx } from 'react/jsx-runtime';
 
 var SideNavItem=function SideNavItem(_props){throwBladeError({message:'SideNavItem is not yet implemented for native',moduleName:'SideNavItem'});return jsx(Text,{children:"SideNavItem Component is not available for Native mobile apps."});};
 

package/build/lib/native/components/SideNav/SideNavItems/SideNavItem.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"SideNavItem.native.js","sources":["../../../../../../src/components/SideNav/SideNavItems/SideNavItem.native.tsx"],"sourcesContent":["import type { SideNavItemProps } from '../types';\nimport { Text } from '~components/Typography';\nimport { throwBladeError } from '~utils/logger';\n\nconst SideNavItem = (_props: SideNavItemProps): React.ReactElement => {\n  throwBladeError({\n    message: 'SideNavItem is not yet implemented for native',\n    moduleName: 'SideNavItem',\n  });\n\n  return <Text>SideNavItem Component is not available for Native mobile apps.</Text>;\n};\n\nexport { SideNavItem };\n"],"names":["SideNavItem","_props","throwBladeError","message","moduleName","_jsx","Text","children"],"mappings":";;;;;;;;;;;;;AAIM,IAAAA,WAAW,CAAG,SAAdA,WAAWA,CAAIC,MAAwB,CAAyB,CACpEC,eAAe,CAAC,CACdC,OAAO,CAAE,+CAA+C,CACxDC,UAAU,CAAE,aACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAA,CAAAC,QAAA,CAAC,gEAA8D,CAAM,CAAC,CACpF;;;;"}
+{"version":3,"file":"SideNavItem.native.js","sources":["../../../../../../src/components/SideNav/SideNavItems/SideNavItem.native.tsx"],"sourcesContent":["import type { SideNavItemProps } from '../types';\nimport { Text } from '~components/Typography';\nimport { throwBladeError } from '~utils/logger';\n\nconst SideNavItem = (_props: SideNavItemProps): React.ReactElement => {\n  throwBladeError({\n    message: 'SideNavItem is not yet implemented for native',\n    moduleName: 'SideNavItem',\n  });\n\n  return <Text>SideNavItem Component is not available for Native mobile apps.</Text>;\n};\n\nexport { SideNavItem };\n"],"names":["SideNavItem","_props","throwBladeError","message","moduleName","_jsx","Text","children"],"mappings":";;;;;;;AAIM,IAAAA,WAAW,CAAG,SAAdA,WAAWA,CAAIC,MAAwB,CAAyB,CACpEC,eAAe,CAAC,CACdC,OAAO,CAAE,+CAA+C,CACxDC,UAAU,CAAE,aACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAA,CAAAC,QAAA,CAAC,gEAA8D,CAAM,CAAC,CACpF;;;;"}

package/build/lib/native/components/SideNav/SideNavItems/SideNavLink.native.js

@@ -1,15 +1,9 @@
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '../../Typography/BaseText/BaseText.native.js';
-import 'react';
-import { throwBladeError } from '../../../utils/logger/logger.js';
-import '@babel/runtime/helpers/slicedToArray';
-import 'react-native';
-import '../../../tokens/global/typography.js';
-import '../../../tokens/global/motion.js';
-import '../../BladeProvider/useTheme.js';
-import { jsx } from 'react/jsx-runtime';
+import '../../Typography/Heading/Heading.js';
 import { Text } from '../../Typography/Text/Text.js';
 import '../../Typography/Code/Code.js';
+import '../../Typography/Display/Display.js';
+import { throwBladeError } from '../../../utils/logger/logger.js';
+import { jsx } from 'react/jsx-runtime';
 
 var SideNavLink=function SideNavLink(_props){throwBladeError({message:'SideNavLink is not yet implemented for native',moduleName:'SideNavLink'});return jsx(Text,{children:"SideNavLink Component is not available for Native mobile apps."});};
 

package/build/lib/native/components/SideNav/SideNavItems/SideNavLink.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"SideNavLink.native.js","sources":["../../../../../../src/components/SideNav/SideNavItems/SideNavLink.native.tsx"],"sourcesContent":["import type { SideNavLinkProps } from '../types';\nimport { Text } from '~components/Typography';\nimport { throwBladeError } from '~utils/logger';\n\nconst SideNavLink = (_props: SideNavLinkProps): React.ReactElement => {\n  throwBladeError({\n    message: 'SideNavLink is not yet implemented for native',\n    moduleName: 'SideNavLink',\n  });\n\n  return <Text>SideNavLink Component is not available for Native mobile apps.</Text>;\n};\n\nexport { SideNavLink };\n"],"names":["SideNavLink","_props","throwBladeError","message","moduleName","_jsx","Text","children"],"mappings":";;;;;;;;;;;;;AAIM,IAAAA,WAAW,CAAG,SAAdA,WAAWA,CAAIC,MAAwB,CAAyB,CACpEC,eAAe,CAAC,CACdC,OAAO,CAAE,+CAA+C,CACxDC,UAAU,CAAE,aACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAA,CAAAC,QAAA,CAAC,gEAA8D,CAAM,CAAC,CACpF;;;;"}
+{"version":3,"file":"SideNavLink.native.js","sources":["../../../../../../src/components/SideNav/SideNavItems/SideNavLink.native.tsx"],"sourcesContent":["import type { SideNavLinkProps } from '../types';\nimport { Text } from '~components/Typography';\nimport { throwBladeError } from '~utils/logger';\n\nconst SideNavLink = (_props: SideNavLinkProps): React.ReactElement => {\n  throwBladeError({\n    message: 'SideNavLink is not yet implemented for native',\n    moduleName: 'SideNavLink',\n  });\n\n  return <Text>SideNavLink Component is not available for Native mobile apps.</Text>;\n};\n\nexport { SideNavLink };\n"],"names":["SideNavLink","_props","throwBladeError","message","moduleName","_jsx","Text","children"],"mappings":";;;;;;;AAIM,IAAAA,WAAW,CAAG,SAAdA,WAAWA,CAAIC,MAAwB,CAAyB,CACpEC,eAAe,CAAC,CACdC,OAAO,CAAE,+CAA+C,CACxDC,UAAU,CAAE,aACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAA,CAAAC,QAAA,CAAC,gEAA8D,CAAM,CAAC,CACpF;;;;"}

package/build/lib/native/components/SideNav/SideNavLevel.native.js

@@ -1,15 +1,9 @@
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '../Typography/BaseText/BaseText.native.js';
-import 'react';
-import { throwBladeError } from '../../utils/logger/logger.js';
-import '@babel/runtime/helpers/slicedToArray';
-import 'react-native';
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
-import '../BladeProvider/useTheme.js';
-import { jsx } from 'react/jsx-runtime';
+import '../Typography/Heading/Heading.js';
 import { Text } from '../Typography/Text/Text.js';
 import '../Typography/Code/Code.js';
+import '../Typography/Display/Display.js';
+import { throwBladeError } from '../../utils/logger/logger.js';
+import { jsx } from 'react/jsx-runtime';
 
 var SideNavLevel=function SideNavLevel(_props){throwBladeError({message:'SideNavLevel is not yet implemented for native',moduleName:'SideNavLevel'});return jsx(Text,{children:"SideNavLevel Component is not available for Native mobile apps."});};
 

package/build/lib/native/components/SideNav/SideNavLevel.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"SideNavLevel.native.js","sources":["../../../../../src/components/SideNav/SideNavLevel.native.tsx"],"sourcesContent":["import type { SideNavLevelProps } from './types';\nimport { Text } from '~components/Typography';\nimport { throwBladeError } from '~utils/logger';\n\nconst SideNavLevel = (_props: SideNavLevelProps): React.ReactElement => {\n  throwBladeError({\n    message: 'SideNavLevel is not yet implemented for native',\n    moduleName: 'SideNavLevel',\n  });\n\n  return <Text>SideNavLevel Component is not available for Native mobile apps.</Text>;\n};\n\nexport { SideNavLevel };\n"],"names":["SideNavLevel","_props","throwBladeError","message","moduleName","_jsx","Text","children"],"mappings":";;;;;;;;;;;;;AAIM,IAAAA,YAAY,CAAG,SAAfA,YAAYA,CAAIC,MAAyB,CAAyB,CACtEC,eAAe,CAAC,CACdC,OAAO,CAAE,gDAAgD,CACzDC,UAAU,CAAE,cACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAA,CAAAC,QAAA,CAAC,iEAA+D,CAAM,CAAC,CACrF;;;;"}
+{"version":3,"file":"SideNavLevel.native.js","sources":["../../../../../src/components/SideNav/SideNavLevel.native.tsx"],"sourcesContent":["import type { SideNavLevelProps } from './types';\nimport { Text } from '~components/Typography';\nimport { throwBladeError } from '~utils/logger';\n\nconst SideNavLevel = (_props: SideNavLevelProps): React.ReactElement => {\n  throwBladeError({\n    message: 'SideNavLevel is not yet implemented for native',\n    moduleName: 'SideNavLevel',\n  });\n\n  return <Text>SideNavLevel Component is not available for Native mobile apps.</Text>;\n};\n\nexport { SideNavLevel };\n"],"names":["SideNavLevel","_props","throwBladeError","message","moduleName","_jsx","Text","children"],"mappings":";;;;;;;AAIM,IAAAA,YAAY,CAAG,SAAfA,YAAYA,CAAIC,MAAyB,CAAyB,CACtEC,eAAe,CAAC,CACdC,OAAO,CAAE,gDAAgD,CACzDC,UAAU,CAAE,cACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAA,CAAAC,QAAA,CAAC,iEAA+D,CAAM,CAAC,CACrF;;;;"}

package/build/lib/native/components/SideNav/SideNavSection.native.js

@@ -1,15 +1,9 @@
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '../Typography/BaseText/BaseText.native.js';
-import 'react';
-import { throwBladeError } from '../../utils/logger/logger.js';
-import '@babel/runtime/helpers/slicedToArray';
-import 'react-native';
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
-import '../BladeProvider/useTheme.js';
-import { jsx } from 'react/jsx-runtime';
+import '../Typography/Heading/Heading.js';
 import { Text } from '../Typography/Text/Text.js';
 import '../Typography/Code/Code.js';
+import '../Typography/Display/Display.js';
+import { throwBladeError } from '../../utils/logger/logger.js';
+import { jsx } from 'react/jsx-runtime';
 
 var SideNavSection=function SideNavSection(_props){throwBladeError({message:'SideNavSection is not yet implemented for native',moduleName:'SideNavSection'});return jsx(Text,{children:"SideNavSection Component is not available for Native mobile apps."});};
 

package/build/lib/native/components/SideNav/SideNavSection.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"SideNavSection.native.js","sources":["../../../../../src/components/SideNav/SideNavSection.native.tsx"],"sourcesContent":["import type { SideNavSectionProps } from './types';\nimport { Text } from '~components/Typography';\nimport { throwBladeError } from '~utils/logger';\n\nconst SideNavSection = (_props: SideNavSectionProps): React.ReactElement => {\n  throwBladeError({\n    message: 'SideNavSection is not yet implemented for native',\n    moduleName: 'SideNavSection',\n  });\n\n  return <Text>SideNavSection Component is not available for Native mobile apps.</Text>;\n};\n\nexport { SideNavSection };\n"],"names":["SideNavSection","_props","throwBladeError","message","moduleName","_jsx","Text","children"],"mappings":";;;;;;;;;;;;;AAIM,IAAAA,cAAc,CAAG,SAAjBA,cAAcA,CAAIC,MAA2B,CAAyB,CAC1EC,eAAe,CAAC,CACdC,OAAO,CAAE,kDAAkD,CAC3DC,UAAU,CAAE,gBACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAA,CAAAC,QAAA,CAAC,mEAAiE,CAAM,CAAC,CACvF;;;;"}
+{"version":3,"file":"SideNavSection.native.js","sources":["../../../../../src/components/SideNav/SideNavSection.native.tsx"],"sourcesContent":["import type { SideNavSectionProps } from './types';\nimport { Text } from '~components/Typography';\nimport { throwBladeError } from '~utils/logger';\n\nconst SideNavSection = (_props: SideNavSectionProps): React.ReactElement => {\n  throwBladeError({\n    message: 'SideNavSection is not yet implemented for native',\n    moduleName: 'SideNavSection',\n  });\n\n  return <Text>SideNavSection Component is not available for Native mobile apps.</Text>;\n};\n\nexport { SideNavSection };\n"],"names":["SideNavSection","_props","throwBladeError","message","moduleName","_jsx","Text","children"],"mappings":";;;;;;;AAIM,IAAAA,cAAc,CAAG,SAAjBA,cAAcA,CAAIC,MAA2B,CAAyB,CAC1EC,eAAe,CAAC,CACdC,OAAO,CAAE,kDAAkD,CAC3DC,UAAU,CAAE,gBACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAA,CAAAC,QAAA,CAAC,mEAAiE,CAAM,CAAC,CACvF;;;;"}

package/build/lib/native/components/SideNav/tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"tokens.js","sources":["../../../../../src/components/SideNav/tokens.ts"],"sourcesContent":["import type { Theme } from '~components/BladeProvider';\nimport { size } from '~tokens/global';\nimport { makeMotionTime } from '~utils';\n\nconst classes = {\n  SHOW_WHEN_COLLAPSED: 'show-when-collapsed',\n  HIDE_WHEN_COLLAPSED: 'hide-when-collapsed',\n  COLLAPSED: 'collapsed',\n  TRANSITIONING: 'transitioning',\n  L1_ITEM_WRAPPER: 'l1-item-wrapper',\n  SHOW_ON_LINK_HOVER: 'show-on-link-hover',\n  STYLED_NAV_LINK: 'styled-nav-link',\n} as const;\n\nconst SKIP_NAV_ID = 'blade-side-nav-skip';\n\nconst COLLAPSED_L1_WIDTH = size['56'];\nconst SIDE_NAV_EXPANDED_L1_WIDTH_XL = size['264'];\nconst SIDE_NAV_EXPANDED_L1_WIDTH_BASE = size['245'];\nconst NAV_ITEM_HEIGHT = size['40'];\n\n// This is the delay after which transition cleanup happens for rare cases where transitionEnd is not triggered\nconst TRANSITION_CLEANUP_DELAY = 300; // A little more than the duration of transition end\n\nconst HOVER_AGAIN_DELAY = 500;\n\n// Delay between mouse out from L1 and L1 collapsing again\nconst L1_EXIT_HOVER_DELAY = 150;\n\nconst getNavItemTransition = ({ motion }: Theme): string => {\n  return `background-color ${makeMotionTime(motion.duration['2xquick'])} ${\n    motion.easing.standard.effective\n  }`;\n};\n\nexport {\n  SKIP_NAV_ID,\n  classes,\n  COLLAPSED_L1_WIDTH,\n  SIDE_NAV_EXPANDED_L1_WIDTH_XL,\n  SIDE_NAV_EXPANDED_L1_WIDTH_BASE,\n  NAV_ITEM_HEIGHT,\n  TRANSITION_CLEANUP_DELAY,\n  HOVER_AGAIN_DELAY,\n  getNavItemTransition,\n  L1_EXIT_HOVER_DELAY,\n};\n"],"names":["SIDE_NAV_EXPANDED_L1_WIDTH_XL","size","SIDE_NAV_EXPANDED_L1_WIDTH_BASE"],"mappings":";;;;;;;;AAiBM,IAAAA,6BAA6B,CAAGC,IAAI,CAAC,KAAK,EAC1C,IAAAC,+BAA+B,CAAGD,IAAI,CAAC,KAAK;;;;"}
+{"version":3,"file":"tokens.js","sources":["../../../../../src/components/SideNav/tokens.ts"],"sourcesContent":["import type { Theme } from '~components/BladeProvider';\nimport { size } from '~tokens/global';\nimport { makeMotionTime } from '~utils';\n\nconst classes = {\n  SHOW_WHEN_COLLAPSED: 'show-when-collapsed',\n  HIDE_WHEN_COLLAPSED: 'hide-when-collapsed',\n  COLLAPSED: 'collapsed',\n  TRANSITIONING: 'transitioning',\n  L1_ITEM_WRAPPER: 'l1-item-wrapper',\n  SHOW_ON_LINK_HOVER: 'show-on-link-hover',\n  STYLED_NAV_LINK: 'styled-nav-link',\n} as const;\n\nconst SKIP_NAV_ID = 'blade-side-nav-skip';\n\nconst COLLAPSED_L1_WIDTH = size['56'];\nconst SIDE_NAV_EXPANDED_L1_WIDTH_XL = size['264'];\nconst SIDE_NAV_EXPANDED_L1_WIDTH_BASE = size['245'];\nconst NAV_ITEM_HEIGHT = size['40'];\n\n// This is the delay after which transition cleanup happens for rare cases where transitionEnd is not triggered\nconst TRANSITION_CLEANUP_DELAY = 300; // A little more than the duration of transition end\n\nconst HOVER_AGAIN_DELAY = 500;\n\n// Delay between mouse out from L1 and L1 collapsing again\nconst L1_EXIT_HOVER_DELAY = 150;\n\nconst getNavItemTransition = ({ motion }: Theme): string => {\n  return `background-color ${makeMotionTime(motion.duration['2xquick'])} ${motion.easing.standard}`;\n};\n\nexport {\n  SKIP_NAV_ID,\n  classes,\n  COLLAPSED_L1_WIDTH,\n  SIDE_NAV_EXPANDED_L1_WIDTH_XL,\n  SIDE_NAV_EXPANDED_L1_WIDTH_BASE,\n  NAV_ITEM_HEIGHT,\n  TRANSITION_CLEANUP_DELAY,\n  HOVER_AGAIN_DELAY,\n  getNavItemTransition,\n  L1_EXIT_HOVER_DELAY,\n};\n"],"names":["SIDE_NAV_EXPANDED_L1_WIDTH_XL","size","SIDE_NAV_EXPANDED_L1_WIDTH_BASE"],"mappings":";;;;;;;;AAiBM,IAAAA,6BAA6B,CAAGC,IAAI,CAAC,KAAK,EAC1C,IAAAC,+BAA+B,CAAGD,IAAI,CAAC,KAAK;;;;"}

package/build/lib/native/components/Skeleton/PulseAnimation.native.js

@@ -12,7 +12,7 @@ import 'react-native-gesture-handler';
 import '../BottomSheet/BottomSheetStack.js';
 import { jsx } from 'react/jsx-runtime';
 
-var AnimatedBox=Animated.createAnimatedComponent(BaseBox);var PulseAnimation=function PulseAnimation(props){var _useTheme=useTheme(),theme=_useTheme.theme;var durationPluseOff=theme.motion.duration.xmoderate;var durationPluseOn=theme.motion.duration['2xgentle'];var totalDuration=castNativeType(makeMotionTime(durationPluseOn+durationPluseOff));var easing=castNativeType(theme.motion.easing.standard.revealing);var progress=useSharedValue(0);var fadeIn=function fadeIn(){'worklet';var animations={opacity:withTiming(1,{duration:totalDuration,easing:easing})};var initialValues={opacity:0};return {initialValues:initialValues,animations:animations};};React__default.useEffect(function(){var pulsatingAnimationTimingConfig={duration:totalDuration,easing:easing};progress.value=withRepeat(withSequence(withTiming(0,pulsatingAnimationTimingConfig),withTiming(1,pulsatingAnimationTimingConfig)),-1,true);return function(){cancelAnimation(progress);};},[easing,progress,totalDuration]);var pulseAnimatedStyle=useAnimatedStyle(function(){return {backgroundColor:interpolateColor(progress.value,[1,0],[theme.colors.interactive.background.gray.highlighted,theme.colors.interactive.background.gray.default])};});return jsx(AnimatedBox,Object.assign({entering:fadeIn,style:pulseAnimatedStyle},props));};
+var AnimatedBox=Animated.createAnimatedComponent(BaseBox);var _PulseAnimation=function _PulseAnimation(props,ref){var _useTheme=useTheme(),theme=_useTheme.theme;var durationPluseOff=theme.motion.duration.xmoderate;var durationPluseOn=theme.motion.duration['2xgentle'];var totalDuration=castNativeType(makeMotionTime(durationPluseOn+durationPluseOff));var easing=castNativeType(theme.motion.easing.emphasized);var progress=useSharedValue(0);var fadeIn=function fadeIn(){'worklet';var animations={opacity:withTiming(1,{duration:totalDuration,easing:easing})};var initialValues={opacity:0};return {initialValues:initialValues,animations:animations};};React__default.useEffect(function(){var pulsatingAnimationTimingConfig={duration:totalDuration,easing:easing};progress.value=withRepeat(withSequence(withTiming(0,pulsatingAnimationTimingConfig),withTiming(1,pulsatingAnimationTimingConfig)),-1,true);return function(){cancelAnimation(progress);};},[easing,progress,totalDuration]);var pulseAnimatedStyle=useAnimatedStyle(function(){return {backgroundColor:interpolateColor(progress.value,[1,0],[theme.colors.interactive.background.gray.highlighted,theme.colors.interactive.background.gray.default])};});return jsx(AnimatedBox,Object.assign({ref:ref,entering:fadeIn,style:pulseAnimatedStyle},props));};var PulseAnimation=React__default.forwardRef(_PulseAnimation);
 
 export { PulseAnimation };
 //# sourceMappingURL=PulseAnimation.native.js.map